@charset "utf-8";
/* CSS Document */

@media (max-width: 1350px) 
{
	#header .header-block {padding: 10px 0;}
	#hed_card .row {margin: 0px -10px;}
	#hed_card .col-md-3 {margin-bottom: 30px;	padding: 0px 10px;}
	#sidebar {top: 78px;	width: 230px;}
	#page_wapper {padding: 0px 10px 0 240px;}
	#header .logo-box {max-width: 170px;	flex: 0 0 170px;}
	#header .header-nav {max-width: calc(100% - 171px);	padding-left: 69px; padding-right: 8px}
}

@media (max-width: 1190px) 
{
	.menu-icon {display: block !important;	background: transparent !important;	flex: 0 0 40px;	margin: 0px !important;	padding: 0px !important; padding-right: 15px !important;}
	a.menu-icon span {display: block; margin: 4px 0;	background: #fff;	height: 2px;}
	#header .logo-box {max-width: 160px; flex: 0 0 160px;}
	#header .header-nav {max-width: calc(100% - 201px);	padding-left: 40px;	padding-right: 0px;}
	#header .header-nav .user-data {display: none;}
	#header .header-box ul {position: relative;}
	#header .login_info {margin-right: 0;}
	#header .header-box ul li h3 {margin-top: -20px;}
	.login_infolist {position: absolute;	left: 0;	top: 20px;}
	#sidebar .menu_heades {display: block;	padding: 15px;}

	#sidebar {
		top: 0;
		width: 280px;
		background: #05445E;
		z-index: 11111;
		left: -290px;
		transition-duration: 700ms;
	}
	#sidebar.open {left: 0px; transition-duration: 700ms;}
	#sidebar .menu_heades .user-data {margin-top: 20px;}
	#sidebar .menu_heades .logo {margin-top: 10px;}
	#sidebar .menu_heades {display: block;	padding: 15px;	border-bottom: 1px solid #fff;	margin-bottom: 15px;}
	#page_wapper {padding: 0px;}
	#overley {background: rgba(0,0,0,0.5);	position: absolute;	top: 0;	left: 0; display: none;	right: 0;	bottom: 0;	z-index: 1111;	width: 100%;	height: 100%;}
	#overley.open {display: block;}

	#nav ul li a {color: #ffff;	font-size: 15px;}
	#nav ul li.active {background-color: transparent !important;}
	#nav ul li.active::after {background-color: #fff;}
	#nav ul li.active a {color: #fff;}
	#sidebar .credits {margin: 24px 0 10px 0;}
	#sidebar .credits .btn.btn-green {width: 100%;	display: block;}
	#nav ul li.submenu::before {font-size: 15px;	color: #fff;}
}

@media (max-width: 992px) 
{
	/*#hed_card .col-md-3 {margin-bottom: 20px; padding: 0px 10px; flex: 0 0 50%; max-width: 50%;}*/
	#hed_card .col-md-3,     #hed_card .col-md-4,     #hed_card .col-md-6 {
		margin-bottom: 20px; padding: 0px 10px; flex: 0 0 50%; max-width: 50%;
	}

	    .table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,
	    .table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control { padding-left: 35px !important; }

		 .table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before,
		 .table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before {line-height: 17px !important; }

	#breadcrumd .breadcrumd-box {padding-bottom: 10px;}
	#breadcrumd .breadcrumd-block {padding: 10px 0 0;}
	#main-bar .main-bar-block {padding-top: 20px;}

	#header .logo-box {display: none !important;}
	#header .header-nav {max-width: calc(100% - 41px);	padding-right: 0px; padding-left: 10px;}
	#header .header-box ul li h3 {margin-top: -18px;	font-size: 14px;}
	#header .login_info p {font-size: 12px;	line-height: 15px;}
	.login_infolist {top: 23px;}
	.btn.btn-green {padding: 9px 10px;	font-size: 15px;}

	#main-bar .main-contant.h-100 {height: auto !important;	overflow: hidden;	overflow-y: auto;}
	.table  th {white-space: nowrap; vertical-align: middle;}
	.table  td{vertical-align: middle;}

	#message_view .msg-bubble {max-width: calc(100% - 60px);}
	#msg_views {display: block;	position: relative;}
	#msg_views .left_panle {width: 100%;	height: 100%;	position: absolute;	top: 0;	left: 0;	z-index: 1;	margin: 0;	max-width: 100%;	transition-duration: 700ms;}
	#msg_views .left_panle .number_list {position: relative;}
	#msg_views.opens .left_panle {width: 0;	overflow: hidden;	transition-duration: 700ms;}
	#message_view .back_button {
    display: block;
    cursor: pointer;
}

	#hed_card .col-md-3,
    #hed_card .col-md-4,
    #hed_card .col-md-6 {
        margin-bottom: 20px;
        padding: 0px 10px;
        flex: 0 0 50%;
        max-width: 50%;
    }

    table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,
    table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
        padding-left: 35px !important;
    }

        table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before,
        table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before {
            line-height: 17px !important;
        }
}					
@media (max-width: 768px) {
	

	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 
	{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.order-md-1, .order-md-2 {-ms-flex-order: inherit !important; order: inherit !important;}	
	

	.main-header.d-flex.justity-between.align-center {display: block !important;}
	.main-header.d-flex.justity-between.align-center h6 {margin-bottom: 10px;}

	.no_select .form-group {display: block;	align-items: center;}
	.no_select .form-group .custom-select {width: 100%;	margin-top: 10px;}

	.msg-text textarea.form-control {height: 420px !important;}

	.date_box {align-items: center;	margin: 0px -10px; flex-wrap: wrap; margin-bottom: 30px;}
	.date_box .form-group {margin: 0;	margin-right: 0;	max-width: 50%;	flex: 0 0 50%;	position: relative;	padding: 0px 10px;	margin-bottom: 15px;}
	.date_box .form-group .date-icon {position: absolute;	right: 20px;	z-index: 1111;	bottom: 10px;}

	.date_box .button_box {display: block;	width: 100%; margin-top: 10px; flex: 0 0 100%;	max-width: 100%;	padding: 0 10px;}
	.date_box .button_box .btn {display: block;	width: 100%;}


	.calendar_list_boxs {height: auto;	position: relative;	width: 100%;	top: auto;}
	.calendar_list_block {margin-top: 30px;}
	.fc-center h2 {font-size: 18px}
	.fc-left .fc-prev-button, .fc-left .fc-next-button {padding: 0px !important;}
	.fc-today-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right.fc-state-disabled {margin: 0;	padding: 0px 5px;	margin-left: 11px;}
	.fc-month-button, .fc-agendaWeek-button, .fc-agendaDay-button {padding: 0px 4px !important;}
	.fc-day-grid-container {height: auto !important;}
}

@media (max-width: 640px) 
{
	#header .header-box ul li.credits {display: none !important;}

	#header .header-box ul li h3 {margin-top: 0;	font-size: 14px; margin-bottom: 3px;}
	.login_infolist {top: auto;	left: auto;	position: relative;}
	#header .header-box ul {position: relative;	display: block;}
	#hed_card .col-md-3 {margin-bottom: 20px;	padding: 0px 10px;	flex: 0 0 100%;	max-width: 100%;}

	#message_view .msger-inputarea ul li.select {flex: 0 0 100%;	max-width: 100%; margin-bottom: 10px;}
	#message_view .msger-inputarea ul {flex-wrap: wrap;}
	#message_view .msger-chat {height: calc(100vh - 306px) !important;}
	#message_view .msg-info-name {font-size: 14px;}
	#message_view .msg-text {font-size: 14px;	line-height: 18px;	padding-bottom: 2px;}
}

@media (max-width: 480px) 
{
	.btn.btn-blue {padding: 9px 10px; text-align: center;}
	.date_box .form-group {max-width: 100%;	flex: 0 0 100%;}
	#calendar > .fc-toolbar {position: relative;	top: 0px;	padding-top: 35px;}
	#calendar > .fc-toolbar .fc-center {display: block;	width: 100%;	float: none;	position: absolute;	top: 0;	text-align: center;}
	#calendar > .fc-toolbar .fc-center h2 {text-align: center;	float: none;}
	.list_ele p {margin: 0px;	font-size: 15px;	color: #000;	line-height: 18px;}
	.list_ele {padding: 10px;	border-radius: 5px;	margin: 12px 0;}
	 #hed_card .col-md-3,
    #hed_card .col-md-4,
    #hed_card .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }					
}