.btn-circle.btn-sm {
	width: 30px;
	height: 30px;
	padding: 6px 0px;
	border-radius: 15px;
	text-align: center;
}
.btn-circle.btn-md {
	width: 50px;
	height: 50px;
	padding: 7px 10px;
	border-radius: 25px;
	text-align: center;
}
.btn-circle.btn-xl {
	width: 70px;
	height: 70px;
	padding: 10px 16px;
	border-radius: 35px;
	text-align: center;
}

.btn-ripple {
	display: inline-block;
	position: relative;
	overflow: hidden;
	transition: all ease-in-out .5s;
}

.btn-ripple::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 25%;
	height: 100%;
	width: 50%;
	background-color: #000;
	border-radius: 50%;
	opacity: 0;
	pointer-events: none;
	transition: all ease-in-out 1s;
	transform: scale(5, 5);
}

.btn-ripple:active::after {
	padding: 0;
	margin: 0;
	opacity: .2;
	transition: 0s;
	transform: scale(0, 0);
}

div.dataTables_wrapper div.dataTables_paginate{
	padding-top: 0.85em;
}

table.dataTable tbody tr.selected {
    background-color: lightyellow !important;
}

.datatable_actions{
	display: none;
}

/* table tbody tr:hover td{
    background-color: #FFFFE0 !important;
} */

.read-column{
	background-color: #f4f6f9 !important;
}

.pace .pace-progress{
	height: 3px;
}

.form-group.required .col-form-label:after {
	content:"*";
	color:red;
	position: absolute;
   	margin-left: 1px;
	margin-top: -2px;
}

.error {
	display: block;
}

.togglePassword{
    cursor: pointer;
}

/************** 24-6-2022 *****************/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

/*
font-family: 'Poppins', sans-serif;
*/

.dt_hide_date { display: none !important;}

body { font-size: 15px; color: #57555D; background: #F2F4F6; overflow-x: hidden; font-family: 'Poppins', sans-serif;}
a { color: #57555D;}
a:hover { color: #1282A3; text-decoration: none; }
.pace-primary .pace .pace-progress{ background-color: #1282A3;}

.btn{ padding: 10px 15px; font-size: 14px; font-weight: 600; border:none; box-shadow: none !important; border-radius: 7px;}
.btn i{ margin: 0 2px;}
.btn.focus, .btn:focus{ box-shadow: none !important; }
.btn:not(:disabled):not(.disabled).active:focus, .btn:not(:disabled):not(.disabled):active:focus, .show >.btn.dropdown-toggle:focus {  box-shadow: none !important;}

.btn-primary { color: #fff; background-color: #1282A3;}
.btn-primary:hover { color: #fff; background-color: #2292B3; }
.btn-primary.focus, .btn-primary:focus { color: #fff; background-color: #2292B3;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #2292B3;}

.btn-danger { color: #fff; background-color: #B10E0E;}
.btn-danger:hover { color: #fff; background-color: #C11E1E; }
.btn-danger.focus, .btn-danger:focus { color: #fff; background-color: #C11E1E;}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #C11E1E;}

.btn-success { color: #fff; background-color: #12A32A;}
.btn-success:hover { color: #fff; background-color: #22B33A; }
.btn-success.focus, .btn-success:focus { color: #fff; background-color: #22B33A;}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #22B33A;}

.btn-warning { color: #fff; background-color: #C7B300;}
.btn-warning:hover { color: #fff; background-color: #D7C310; }
.btn-warning.focus, .btn-warning:focus { color: #fff; background-color: #D7C310;}
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle { color: #fff; background-color: #D7C310;}

.btn-dark { color: #fff; background-color: #3B484B;}
.btn-dark:hover { color: #fff; background-color: #4B585B; }
.btn-dark.focus, .btn-dark:focus { color: #fff; background-color: #4B585B;}
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #4B585B;}

.badge{ margin: 1px !important; font-weight: 500 !important; padding: 5px 10px;}
.badge-primary{ background-color: #1282A3;}
.badge-danger{ background-color: #B10E0E;}
.badge-success{ background-color: #12A32A;}
.badge-warning{ color: #fff; background-color: #C7B300;}
.badge-dark{ background-color: #3B484B;}
.badge-secondary{ background-color: #0F0D18;}

.bg-primary{ background-color: #1282A3 !important;}

.dropdown-item{ font-size: 14px;}
.dropdown-item i{ margin: 0 5px 0 0;}
.dropdown-item:focus, .dropdown-item:hover{ background: #1282A3; color: #fff;}

[class*="sidebar-light"] .brand-link{ border: none; padding: 25px 10px 15px 10px;}
.brand-link{ text-align: center;}
.brand-link .brand-image{ float: none; margin: 0 10px;}
[class*="sidebar-light-"]{ box-shadow: 0 0 30px rgba(0,0,0,0.05) !important;}
[class*="sidebar-light"] .nav-sidebar > .nav-item{ margin-bottom: 10px;}
[class*="sidebar-light-"] .sidebar a{ color: #57555D; margin: 0;}
[class*="sidebar-light-"] .nav-sidebar > .nav-item.menu-open > .nav-link, [class*="sidebar-light-"] .nav-sidebar > .nav-item:hover > .nav-link{ color: #1282A3; background: none;}
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active{ color: #1282A3; background: none; box-shadow: none;}
[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link{ font-size: 14px; padding: 5px 10px 5px 50px;}
.nav-sidebar .nav-treeview > .nav-item > .nav-link > .nav-icon{ font-size:7px; position: absolute; left:21px; top:13px;}
[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:hover{ color: #1282A3; background: #F2F4F6;}
[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active, [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active:hover{ color: #1282A3; background: #F2F4F6;}
.nav-sidebar .menu-is-opening > .nav-link i.right, .nav-sidebar .menu-open > .nav-link i.right { -webkit-transform: rotate(-180deg); transform: rotate(-180deg);}

.content-header h1{ font-size: 1.5rem; color: #0F0D18; font-weight: 600;}

.content-wrapper{ background: #F2F4F6;}
.navbar, .content-wrapper > .content{ padding-left: 20px; padding-right: 20px;}
.content-header{ padding: 20px;}
.card{ border-radius: 10px; border: none; box-shadow: 0 0 30px rgba(0,0,0,0.05);}

.dataTables_wrapper{ font-size: 14px;}
.table thead th{ border-bottom-width:0; font-weight: 600;}
.table td, .table th{ vertical-align: middle;}
.dataTables_wrapper .dropdown{}
label:not(.form-check-label):not(.custom-file-label){ font-weight: 500; padding-top: 3px;}


.tab_details{}
.tab_details .nav-tabs{ border: none; display: flex; white-space: nowrap; overflow: auto; flex-wrap: nowrap;}
.tab_details .nav-tabs .nav-link{ padding:15px; margin: 0; font-size: 14px; color: #818187; border: none; border-radius: 10px 10px 0 0;}
.tab_details .nav-tabs .nav-item.show .nav-link, .tab_details .nav-tabs .nav-link.active{ background: #fff; color: #1282A3;}
.tab_details .card{ border-radius:0; box-shadow:none; background: none;}
.tab_details .card-body{ padding:0 ;}
.tab_details .tab-inn-sec {padding: 1.25rem; border-radius:0 0 10px 10px; box-shadow: 0 20px 30px rgba(0,0,0,0.05); background-color:#fff ;}

.form_info .form-control{ height: calc(3rem + 2px); padding: 0 20px; border-color: #CFCED0; border-radius: 10px;}
.form-control:focus{ border-color: #CFCED0;}
.form_info .input-group-text{ border-radius: 10px; border-color: #CFCED0; background:none; padding: .375rem .95rem;}
.form-control:disabled, .form-control[readonly]{ background: #F2F4F6;}

.form-control{ font-size: 14px; color: #86858B; border-color: #CFCED0;}
.input-group-text{ border-color: #CFCED0; background:none;}

/*.input-group .form-control{ border-right: none;}*/

.sub_title{ padding: 0; margin: 0 0 20px 0; font-size: 18px; color: #1282A3; font-weight: 600;}

/*.select2-container--default .select2-selection--single{ height: calc(3rem + 2px); padding: 0 20px; font-size: 14px; color: #86858B; border-color: #CFCED0; border-radius: 10px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 54px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{ height: 42px;}*/

.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single{ border-color: #CFCED0;}
.select2-container--default.select2-container--open .select2-selection--single{ border-color: #CFCED0;}
.select2-container--default .select2-dropdown .select2-search__field:focus, .select2-container--default .select2-search--inline .select2-search__field:focus{ border-color: #CFCED0;}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{ background: #1282A3;}

.form-control-sm{ height: calc(1.8125rem + 2px); padding: .25rem .5rem; border-radius: .2rem;}
.custom-select{ box-shadow: none;}
.custom-select-sm{ height: calc(1.8125rem + 2px); padding:.25rem 1.75rem .25rem .5rem;}


.custom-control-label::before{ left: -40px; border-width: 2px; width: 22px; height: 22px; box-shadow: none; border-color: #CFCED0; background-color: #fff; box-shadow: none !important; border-radius: 2px;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{ width: 22px; height: 22px; background-color: #000; border-radius:4px; left: -40px; top: 4px;}
.custom-control{ padding-left: 40px; min-height: 24px; padding-top: 0;}
.custom-control-label::after{ width: 22px; height: 22px; left: -40px;}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after{ background:url(.././themes/adminlte/dist/img/circle.svg) no-repeat center center;}
.form-check{ padding-left: 40px;}
.custom-control-input-info:checked ~ .custom-control-label::before { border-color: #1282A3; background-color: #1282A3;}
.text-info { color: #1282A3 !important;}
.custom-control-label{ padding-top: 2px;}
.form-check-inline{ padding-left: 22px;}
.form-check-inline .form-check-input{ margin: 0;}
.custom-control-input{ width: 22px; height: 22px;}
.custom-control-input:checked ~ .custom-control-label::before { border-color: #0F0D18; background-color: #fff;}
.card-info:not(.card-outline) > .card-header{ background-color: #0F0D18;}
.bootstrap-datetimepicker-widget{ font-size: 12px;}

.top_filter{}
.top_filter .btn{ margin:0 1px 1px;}
.top_filter .input-group-text{ background: #fff;}

.main-header{ border-bottom: none;}
.main-footer{ text-align: center; font-size: 14px; color: #87868B;}
.main-footer b{ font-weight: 600;}

.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #1282A3; border-color: #1282A3; font-size: 13px;}
.select2-container{ width: 100% !important;}

.nav-pills .nav-link:not(.active):hover{ color: #1282A3;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link{ background: #1282A3;}

.login_sec{ width:100%; float:left; padding:0; margin:0;}
.login_right{ background:#1182a2 url(.././themes/adminlte/dist/img/login_bg.jpg) no-repeat center center; background-size:cover;}
.login_right figure{ width:100%; float:left; padding:40px; margin:0; text-align:center;}
.login_form{ width:100%; max-width:400px; padding:20px 30px; margin:0 auto; font-family: 'Poppins', sans-serif;}
.login_form h2{ padding:0; margin:0; color: #0F0D18; font-weight:700;}
.login_form .form-group label{ margin: 0 0 5px 0; font-size: 15px; color: #0F0D18; font-weight: 600;}
.login_form .form-control { border-color: #CFCED0; border-radius: 10px; font-size: 14px; color: #0F0D18; height: calc(3rem + 2px);}
.login_form .input-group-text{ border-radius: 10px; color: #86858B;}
.login_form .input-group .form-control{ border-right: none;}
.login_form strong{ font-weight: 500;}
.login_form .btn{ font-weight: 600; padding: 15px 15px;}
.login_form .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text{ border-radius:0 10px 10px 0;}

.action_link{ width: 30px; height: 30px; margin: 1px 2px; display:inline-block; font-size:12px; color: #18A17C; text-align: center; line-height: 26px; border-radius: 50%; border: none; border:2px solid #18A17C}
.action_link:hover{ color: #fff; background: #18A17C;}
.action_link:focus{ color: #fff;}
.action_link.red{ border-color:#E85152; color:#E85152;}
.action_link.red:hover{ background:#E85152; color:#fff;}
.action_link.orange{ border-color:#E99250; color:#E99250;}
.action_link.orange:hover{ background:#E99250; color:#fff;}

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover{ background-color: #1282A3 !important;}
.bootstrap-datetimepicker-widget table td span.active{ background-color: #1282A3 !important;}
.daterangepicker .ranges li.active{ background-color: #1282A3 !important;}
.daterangepicker td.active, .daterangepicker td.active:hover{ background-color: #1282A3 !important;}
.lastattendanceText{ float: right; font: italic normal 600 14px/21px Poppins; letter-spacing: 0px; color: #1282A3; opacity: 1;}

.mem_sign_table thead th{ background: #1282A3; color: #fff;}
.mem_sign_table .link-danger{ text-decoration: underline; font-weight: 600;}
.mem_btn{ padding: 8px 15px;}

/************ Responsive **************/
@media (max-width:1200px) {
body{ font-size: 13px;}
label:not(.form-check-label):not(.custom-file-label){ font-size: 13px;}
.form_info .form-control, .login_form .form-control{ height: calc(2.25rem + 2px); border-radius: 7px;;}
.form_info .input-group-text{ border-radius: 7px;}
.login_form .btn{ font-weight: 600; padding: 9px 15px;}
.form-control{ font-size: 13px;}
.login_right figure img{ max-height: 220px;}	

/*.select2-container--default .select2-selection--single{ height: calc(2.25rem + 2px); font-size: 13px; border-radius: 7px;;}
.select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 40px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{ height: 30px;}*/
}

@media (max-width:767px) {
.content-header h1{ margin-bottom: 10px; font-size: 20px;} 	
.login_right figure{ padding:40px 20px;}
.login_right figure img{ max-height: 150px;}	
.login_form h2{ font-size: 1.5rem;}	
}

@media (max-width:600px) {
div.dataTables_wrapper div.dataTables_filter label{ white-space: normal;}
.content-header{ padding-bottom: 20px !important;}
}