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

@media screen and (min-width: 1200px) and (max-width: 1599px){
	body{font-size: 12px;}
	.login-head {margin-bottom: 25px;padding: 12px;}
	.form-section h3{font-size: 20px;margin-bottom: 5px;}
	.form-section p {font-size: 14px;}
	.form-content {padding: 0 30px 25px;}
	.navbar {padding: 8px 0;}
	.navbar h4 {font-weight: 600;font-size: 14px;margin-left: 10px;}
	.navbar-nav .nav-link .btn {font-size: 12px;padding: .5rem 1.2rem;}
	.navbar-nav .nav-item.dropdown {font-size: 14px;}
	.navbar-nav .nav-item.dropdown img{border-radius: 50%;width: 35px;height: 35px;margin-right: 6px;}
	.navbar-expand-lg .navbar-nav .nav-link{padding: .188rem 0.313rem;}
	
	#sidebarCollapse {width: 25px;height: 25px;}
	
	#sidebar {width: 180px;}
	#sidebar.active {margin-left: -180px;}
	#content {width: calc(100% - 180px);}
	#sidebar ul li a{font-size: 12px;padding: 12px 25px 12px 20px;}
	#sidebar ul li a i {margin-right: 5px;font-size: 14px;}
	#sidebar .sidebar-header img{height: 35px}
	#sidebar ul li a::before {height: 42px;}
	
	.multiSelect_placeholder {top: 19px;}
	.multiSelect_choice {font-size: 11px;padding: 3px 5px;margin: 3px;}
	.form-label-group > label, .input-group > label {font-size: 14px;}
	
	.inner-content {padding: 15px;}
	
	.table thead th {font-weight: 400;font-size: 10px;}
	.table tbody td {font-size: 10px;}
	.modal-content .table-dark tbody td, .modal-content .table-dark thead th {font-size: 10px;line-height: normal;}
	
	table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting_asc_disabled, table.dataTable thead > tr > th.sorting_desc_disabled, table.dataTable thead > tr > td.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting_asc_disabled, table.dataTable thead > tr > td.sorting_desc_disabled {
		padding-right: 12px;
	}
	table.dataTable thead > tr > th.sorting::before, table.dataTable thead > tr > th.sorting::after, table.dataTable thead > tr > th.sorting_asc::before, table.dataTable thead > tr > th.sorting_asc::after, table.dataTable thead > tr > th.sorting_desc::before, table.dataTable thead > tr > th.sorting_desc::after, table.dataTable thead > tr > th.sorting_asc_disabled::before, table.dataTable thead > tr > th.sorting_asc_disabled::after, table.dataTable thead > tr > th.sorting_desc_disabled::before, table.dataTable thead > tr > th.sorting_desc_disabled::after, table.dataTable thead > tr > td.sorting::before, table.dataTable thead > tr > td.sorting::after, table.dataTable thead > tr > td.sorting_asc::before, table.dataTable thead > tr > td.sorting_asc::after, table.dataTable thead > tr > td.sorting_desc::before, table.dataTable thead > tr > td.sorting_desc::after, table.dataTable thead > tr > td.sorting_asc_disabled::before, table.dataTable thead > tr > td.sorting_asc_disabled::after, table.dataTable thead > tr > td.sorting_desc_disabled::before, table.dataTable thead > tr > td.sorting_desc_disabled::after {
		right: 5px;
	}
	.table td, .table th {padding: .5rem;}
	.access-status .btn{font-size: 10px;}
	.table-action a, .table .btn-sm {width: 26px;height: 26px;font-size: 12px;}
	.table .dropdown .dropdown-menu .dropdown-item{font-size: 12px;}
	div.dataTables_wrapper div.dataTables_length label{font-size: 12px;}
	
	.switch-button.switch-button-xs label {height: 12px;width: 12px;}
	.switch-button.switch-button-xs {height: 22px;line-height: 12px;width: 52px;}
	.switch-button.switch-button-xs label::before {line-height: 22px;}
	
	.modal-inner-title {font-size: 14px;}
	.multiSelect_placeholder {font-size: 12px;left: 15px;}
	
	.form-label-group.has-icon > i {left: 15px;}
	.form-label-group.has-icon > .form-control, 
	.form-label-group.has-icon > label {padding-left: 2.7rem !important;}
	
	.form-label-group {margin-bottom: 0.8rem;}
	
	.form-label-group > .form-control, 
	.form-label-group > label, 
	.input-group > .form-control, 
	.input-group > label,
	.form-select .form-control{height: 52px;padding: 1rem .95rem 1rem;}
	.multiSelect_dropdown {min-height: 52px;}
	.select-date-group .form-control{height: 52px;}
	
	.form-control{font-size: 14px;}
	
	.add-site-btn {height: 52px;}
	.btn {font-size: 12px;padding: .656rem 1.875rem;}
	.btn-group-toggle .btn-outline-primary {padding: 10px 15px 8px 15px;}
	.cst-btn-group{height: 75px;width: 100%}
	.btn-group .btn:not(:last-child) {margin-right: 12px;}
	
	.modal-body .btn-group {margin-bottom: 15px;}
	
	.modal-title h5{font-size: 14px;}
	.page-info {font-size: 14px;}
	
	.modal-header {padding: .75rem;}
	.modal-header .modal-title{font-size: 16px;}
	.modal-header .close{font-size: 18px;padding: .75rem;margin: -0.75rem -0.75rem -0.75rem auto;}
	.card-body {padding: .75rem;}
	
	hr{border-top: 1px solid rgba(0, 0, 0, 0.3);margin: 0;margin-bottom: 1rem;}
	.card-header h5 {font-size: 16px;line-height: normal;}
	
	.modal-sub-title {font-size: 14px;line-height: 18px;}
	.week-checkbox .btn-group-toggle .btn-dark {width: 52px;height: 52px;line-height: 52px;}
	.access-radio .btn-group-toggle .btn-primary {border-radius: 25px;padding: 12px 25px;font-size: 12px;}
	
	.large-modal.modal .modal-xl {max-width: 950px;}
}

@media (max-width: 768px) {
    #sidebar {
        margin-left: -240px;
        transform: rotateY(90deg);
	}
	.login-main .bg-img{min-height: auto;}
	.form-content {padding: 25px 30px 25px;margin-top: 30px;}
	.login-main .row, .login-main .container-fluid {height: auto;}
}

@media (max-width: 991px) {
    #sidebar {
        margin-left: -240px;
        transform: rotateY(90deg);
	}
	.login-main .bg-img{min-height: auto;}
	.form-content {margin-top: 30px;}
	.login-main .row, .login-main .container-fluid {height: auto;}
}