*{
	margin:0px;
	padding:0px;
	box-sizing:border-box;
}
body{
	font-family: Poppins, sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.7;
	color:#82868a;
}
/*login page css */
.page-content-wrapper .page-content {
    padding: 25px 12px 70px !important;
}
.btn-check:focus+.btn, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgb(13 110 253 / 25%);
}
.logbtn{
	padding:5px 60px;
	background:#82db9a;
	border:1px solid #82db9a;
	color:#ffffff;
	font-size:15px;
	font-weight:500;
}
.logbtn:hover{
	color:#ffffff;
}
.forget a{
	color:#263238;
	font-weight:500;
}
.forget a:hover{
	color:#263238;
	font-weight:500;
}

.alert, .badge, .btn-group > .btn, .btn.btn-link:hover, .btn, .icon-btn, .label, .note, .panel, .overview-panel {
    box-shadow: 0 0px 0px rgb(0 0 0 / 10%), 0 0px 0px rgb(0 0 0 / 18%);
}
.form-control:focus {
    color: #212529;
    background-color: #fff;
    border: 1px solid #ccc;
    border-bottom: 2px solid #90dfa6;
    outline: 0;
    box-shadow: 0 0 0 0 rgb(13 110 253 / 25%);
}
.alert {
    position: relative;
    padding: 5px 1rem;
    margin-bottom: 5px;
    margin-top: 5px;
}
.alert-dismissible .btn-close {
    padding: 10px 1rem;
}

.login-page-height{
	height:100vh;
}
.login-right-col-bg{
	background:rgba(146,227,169,.6);
	padding-top:100px;
}
.login-logo{
	width:200px;
	margin:auto;
}
.login-form{
padding-left: 20px;
    padding-right: 20px;
}
.login-label{
	font-weight:500;
	font-size: 16px;
	color: #263238;
}
.login .input-group-text{
	background-color: #90dfa6;
    border: 1px solid #90dfa6;
}
.login .input-group-text i{
	font-size:16px;
	color:#ffffff;
}
.form-control {
    font-size: 14px;
}
.form-label span{
	color: #fc3d32;
	  font-size: 10px;
	}
  

/* admin Css */
.page-content-wrapper .page-content {
    padding: 25px 12px 10px;
}
.form-label {
    color: #444444;
	margin-bottom: 3px;
	font-size:14px;
}
.form-control {
    height: 35px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
}
.nav-link .title {
    font-weight: 400 !important;
	
}
.nav-link i {
    font-weight: 400 !important;
}

/* school Form */
.school-padding{
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	padding:15px;
}
.school-body{
	padding-top:25px;
	padding-bottom:25px;
}
.btn.btnstyle {
    border: 1px solid #40dcbd;
    background: #40dcbd;
    color: #ffffff;
    font-size: 14px;
    padding-top: 3px;
    padding-bottom: 3px;
	border-radius: 5px;
	display: flex;
    justify-content: flex-start;
    align-items: center;
	font-weight:500;
}
.btn.btnstyle span{
    font-size:17px;
	margin-right:2px;
}
.form-select:focus {
    border-color: #ccc;
	border-bottom:2px solid #90dfa6;
    outline: 0;
    box-shadow: 0 0 0 0rem rgb(13 110 253 / 25%);
}
.form-control[readonly] {
    background-color: #ffffff;
    opacity: 1;
}
.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
     border-color: #ccc;
}
.select2-container--bootstrap .select2-dropdown {
    -webkit-box-shadow: 0 0px 0px rgb(0 0 0 / 18%);
    box-shadow: 0 0px 0px rgb(0 0 0 / 18%);
    border-color: #ccc;

}
.settingSidebar .settingPanelToggle {
    background: #40dcbd;
	top:0%;
}
.add-list-btn{
	display:inline-block;
	color:#ffffff;
	font-size:14px;
	font-weight:500;
	background:#40dcbd;
	padding:3px 15px;
	border-radius:4px;
	text-decoration:none;
	margin-left:10px;
}
.add-list-btn:hover{
	color:#ffffff;
}

.edit-list-btn{
	display:inline-block;
	color:#ffffff;
	font-size:14px;
	font-weight:500;
	background:#40dcbd;
	padding:3px 15px;
	border-radius:4px;
	text-decoration:none;
	border:none;
}

button:focus{
	outline:none;
}
.edit-list-btn:hover{
	color:#ffffff;
}

.data-table .card-body{
	padding:10px 20px !important;
	margin-bottom: 15px;
}

.dataTables_filter label {
    float: right;
    display: flex;
}
.dataTables_filter label .form-control{
   height:30px; 
   line-height:30px;
}
.dataTables_wrapper {
    margin-top: 15px;
	padding-left:0px;
	padding-right:0px;
}
.view-table td, .view-table th{
    padding: 5px 15px !important;
    vertical-align: middle;
	text-align:left !important;
}
.view-table th{
    font-weight:500;
	font-size:14px
}
.view-table{
    margin-bottom:0px !important;
}
.table td, .table th, .card .table td, .card .table th, .card .dataTable td, .card .dataTable th {
    padding: 5px 10px !important;
    vertical-align: middle;
	text-align:left !important;
}
table.dataTable td.sorting_1, table.dataTable td.sorting_2, table.dataTable td.sorting_3, table.dataTable th.sorting_1, table.dataTable th.sorting_2, table.dataTable th.sorting_3 {
    background: #ffffff !important;
}
.dataTables_wrapper .dt-buttons {
    margin-bottom: 15px;
}
.dataTables_paginate {
	float:right;
}
.dataTables_paginate .pagination {
    margin: 0px 0;
}
.dataTables_info {
	float:left;
	margin-bottom: 10px;
}

.editbtn{
	color:#ffffff;
	font-weight:bold;
	background: linear-gradient(90deg,#ef3e0f,#ffb800);
	padding:1px 5px;
	border-radius:4px;
}
.editbtn:hover i{
	color:#ffffff;
}

.deletebtn{
	color:#ffffff;
	font-weight:bold;
	background: linear-gradient(to right, #ff416c, #ff4b2b);
	padding:1px 5px;
	border-radius:4px;
}
.deletebtn i{
	color:#ffffff;
}

.viewbtn{
	color:#ffffff;
	font-weight:bold;
	background: linear-gradient(to right, #02e3ab, #03a1ce);
	padding:1px 5px;
	border-radius:4px;
}
.viewbtn:hover{
	color:#ffffff;
}
.page-footer{
padding: 10px 5px;
    font-size: 13px;
    background-color: #222c3c;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
	z-index:3;
}
/* modal css */
.modal-title {
    margin-bottom: 0;
    margin-top: 0;
    line-height: 15px;
	font-size: 15px !important;
	text-transform: uppercase;
}
.modal-header {
    padding: 10px 1rem;
}
.modal .modal-header {
    border-bottom: 1px solid #40dcbd;
    background: #40dcbd;
    color: #fff;
}
.modal-body {
    padding: 15px 20px 20px 20px;
}
.modal-body h3 {
    margin: 0px;
    font-size: 15px !important;
    line-height: 25px;
    padding-bottom:15px;
}
.delete-modal{
padding: 15px 15px 20px 20px!important;
}

/*footer css */
.page-footer{
   padding-right:20px;
}
.page-footer .page-footer-inner {
    font-size: 14px;
    font-weight: 500;
	text-align:right;
}
.page-footer .page-footer-inner a{
   color:#ffffff;
}
.page-footer .page-footer-inner a:hover{
   color:#ffffff;
}
.modal-content {
    top: 50px;
}
.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 0rem rgb(13 110 253 / 25%);
    opacity: 1;
}
.badge {
    font-size: 12px !important;
    height: 25px;
    line-height: 15px;
    color: #fff;
	padding: 5px 15px;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 5px !important;

}
.active_status{
	color:#ffffff;
	font-size:14px;
	font-weight:500;
	background: linear-gradient(to right, #02e3ab, #03a1ce);
	padding:1px 5px;
	border-radius:4px;
	margin-right:5px;
	text-decoration:none;
}
.active_status:hover{
	color:#ffffff;
}
.inactive_status{
	color:#ffffff;
	font-size:14px;
	font-weight:500;
	background: #fc544b;
	padding:1px 5px;
	border-radius:4px;
	margin-right:5px;
	text-decoration:none;
}
.inactive_status:hover{
	color:#ffffff;
}
.btn-modal-yes {
    background-color: #40dcbd!important;
    border: 1px solid #40dcbd!important;
    color: #fff !important;
    padding: 5px 35px !important;
}
.btn-modal-no {
    background-color: #fc544b!important;
    border: 1px solid #fc544b!important;
    color: #fff !important;
    padding: 5px 35px !important;
}
.btn-modal-yes:hover, .btn-modal-no:hover{
    color: #fff !important;
}
.modal-footer {
padding: 10px 10px 20px 10px;
}
#example1_length label,.example3_length label {
    display: flex;
    margin-bottom: 20px;
}
#example1_length label select,.example3_length label select {
    width: 30%;
    margin-left: 5px;
    margin-right: 5px;
}
#example1_filter label input,.example3_filter label input {
    margin-left: 5px;
}
.serial .dataTables_wrapper {
    margin-bottom: 0px;
}
.serial #example1_info {
    margin-top: 10px;
}
.serial #example1_paginate {
    margin-top: 10px;
}
.serial-column{
	border: 1px solid #dee2e6;
    padding: 5px 0px;
    color: #333;
	padding-left: 5px;
    padding-right: 5px;
}
.serial-column .form-control{
	height:30px;
}
.serial-btn{
	margin-left:55px;
}
div#exportTable_filter label input {
    margin-left: 5px;
}

.sidemenu li.nav-item .sub-menu li.nav-item:hover{
	background:#238370;
}
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #40dcbd;
    color: #fff;
}
.sidemenu .nav-item a .title{
    font-size:15px;
}
.sub-menu .nav-item a .title{
font-size:14px;
}


.checkbox {
	padding-left: 20px;
}

.checkbox label {
	display: inline-block;
	position: relative;
	padding-left: 5px;
}

.checkbox label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	margin-left: -20px;
	margin-top: 4px;
	border: 1px solid #cccccc;
	background-color: #fff;
	-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox label::after {
	display: inline-block;
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: 3px;
	margin-left: -20px;
	padding-left: 3px;
	padding-top: 1px;
	font-size: 11px;
	color: #555555;
}

.checkbox input[type="checkbox"] {
	opacity: 0;
}

.checkbox input[type="checkbox"]:checked+label::after {
	font-family: 'FontAwesome';
	content: "\f00c";
}

.checkbox input[type="checkbox"]:disabled+label {
	opacity: 0.65;
}

.checkbox input[type="checkbox"]:disabled+label::before {
	background-color: #eeeeee;
	color: #eeeeef;
	cursor: not-allowed;
}

.checkbox.checkbox-inline {
	margin-top: 0;
}

.checkbox-aqua input[type="checkbox"]:checked+label::before {
	background-color: #00C0EF;
	border-color: #00C0EE;
}

.checkbox-aqua input[type="checkbox"]:checked+label::after {
	color: #fff;
}

.checkbox-aqua input[type="checkbox"]:hover+label::before {
	border: 2px solid #00C0EF;
}

/* checkbox with icon color */
.checkbox-icon-aqua input[type="checkbox"]:checked+label::after {
	color: #00C0EF;
}

.checkbox-icon-aqua input[type="checkbox"]:hover+label::before {
	border: 1px solid #00C0EF;
}

.form-select {
    color: #555555;
}
span.select2.select2-container.select2-container--bootstrap.select2-container--above {
    width: 100% !important;
}
span.select2.select2-container.select2-container--bootstrap{
    width: 100% !important;
}
.select2-container .select2-search--inline {
    width: 100%;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
    width: 100% !important;
}

.custom-select {
    border: 1px solid #cccccc;
	width: 100%;
    padding: 2px 5px;
}
.custom-select:focus-visible {
    outline: none;
}

.emupdate{
    margin-bottom: 20px;
}

.emupdate .dataTables_wrapper {
    margin-bottom: 0px;
}
.emupdate .edit-list-btn {
    margin-left: 0px;
}
[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
[data-title]:after {
    content: attr(data-title);
    position: absolute;
    left: -230%;
    top: -28px;
    padding: 1px 10px;
    white-space: nowrap; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;  
    border-radius: 5px;    
    background:#222c3c;
    opacity: 0;
    z-index: 99999;
    visibility: hidden;
	font-size:13px;
	font-weight:normal;
	color:#ffffff;
}
[data-title] {
    position: relative;
}
.custom-tab .nav-tabs {
    border-bottom: 2px solid #40dcbd;
}
#v-pills-tab .nav-link{
	padding:10px 20px;
	color:#222c3c;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
}
#v-pills-tab .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #40dcbd;
    border-radius:0px;
    border-radius: 0px;
}
.edit-button {
    text-align: right;
    padding: 6px 15px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.edit-button .embnt{
   background: #40dcbd;
    border-radius: 3px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
	padding: 4px 15px;
}
.uploadbtn {
    width: 100%;
    padding: 10px 15px;
    display: block;
    background: #222c3c;
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
}
.uploadbtn:hover {
    color: #ffffff;
}
.section-box {
    margin:10px;
}
.section-body {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-top: none;
    padding: 15px;
}
.section-head {
    background: #40dcbd;
    padding: 5px 15px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
}
.img-box {
    height: 270px;
}

.img-box img {
    height: 100%;
	width:100%;
}
.edit-button span {
    font-size: 14px;
    font-weight: 500;
    color: #222c3c;
}
.address {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    text-align: center;
    color: #222c3c;
    font-size: 15px;
    font-weight: 600;
    padding: 7px 15px;
}

span.hints {
    font-size: 15px;
    color: #ffffff;
    background: #40dcbd;
    margin-left: 15px;
    padding: 3px 10px;
}


.custom-checkbox input[type=checkbox] {
         position: relative;
	       cursor: pointer;
    }
.custom-checkbox input[type=checkbox]:before {
         content: "";
         display: block;
         position: absolute;
         width: 20px;
         height: 20px;
         top: -2px;
         left: -5px;
         border: 2px solid #cccccc;
         border-radius: 2px;
         background-color: white;
}
.custom-checkbox input[type=checkbox]:checked:before {
         content: "";
         display: block;
         position: absolute;
         width: 20px;
         height: 20px;
         top: 0;
         left: -5px;
         background-color:#3fd8ba;
		 border: 2px solid #3fd8ba;
}
.custom-checkbox input[type=checkbox]:checked:after {
         content: "";
         display: block;
         width: 5px;
         height: 10px;
         border: solid white;
         border-width: 0 2px 2px 0;
         -webkit-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
         transform: rotate(45deg);
         position: absolute;
         top: 3px;
         left: 3px;
}
.search-section {
    margin-top: 30px;
    border: 1px solid #cccccc;
	padding-bottom:5px;
}
.mark-header{
	border:1px solid #cccccc;
	color:#3a405b;
	padding: 5px 10px;
    font-size: 14px;
}

.mark-header p{
	font-size: 16px;
    margin-bottom: 0px;
    padding-left: 15px;
}
.mark-header.borderbottom {
    border: none;
    border-bottom: 1px solid #cccccc;
}
.mark-header.no-border{
    border-bottom:none;
}
li.nav-item.report {
    background: #222c3c !important;
}
.table-padding{
	padding: 0px 20px !important;
}
.multiselect-native-select {
    position: relative;
    display: block;
}
.multiselect-native-select .btn-group{
    width: 100%;
}
.multiselect-native-select .multiselect.dropdown-toggle.custom-select{
    padding: 4px;
    background: none;
    border-radius: 3px;
	text-align: left!important;
    font-size: 14px;
    color: #555555;
	padding-left:10px;
}

.multiselect-container.dropdown-menu.show {
    width: 100%;
}
.multiselect-container .multiselect-option:hover {
    background: none !important;
}

.multiselect-container .multiselect-all.active:not(.multiselect-active-item-fallback), .multiselect-container .multiselect-all:not(.multiselect-active-item-fallback):active, .multiselect-container .multiselect-group.active:not(.multiselect-active-item-fallback), .multiselect-container .multiselect-group:not(.multiselect-active-item-fallback):active, .multiselect-container .multiselect-option.active:not(.multiselect-active-item-fallback), .multiselect-container .multiselect-option:not(.multiselect-active-item-fallback):active {
    background: none !important;
    color: #000;
}
.multiselect-container .multiselect-all:hover{
    background:none!important;
}

.form-check-input:checked {
    background-color: #3fd8ba !important;
    border-color: #3fd8ba !important;
}


.form-check-input[type=checkbox] {
    border-radius: 0.25em;
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    border: 2px solid #cccccc;
    border-radius: 2px;
    background-color: white;
}
.multiselect-container .multiselect-option .form-check-label {
    padding-top:3px;
}

.multiselect-container .multiselect-filter>.fa-search {
    display: none;
}
.multiselect-container .multiselect-filter>input.multiselect-search {
    padding-left: 1rem;
    margin-left: 0px;   
}

.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0;
}
.excle-file {
    margin-top: 40px;
    margin-bottom: 30px;
    text-align: center;
}
.excle-file i {font-size: 40px;color: green;}
#example1_filter {
    margin-bottom: 40px;
}

#example2_filter label {
    margin-bottom: 20px;
}
#example2_filter input {
    margin-left: 5px;
}

#DataTables_Table_1_length label {
    display: flex;
    margin-bottom: 20px;
}
#DataTables_Table_1_length label select {
    width: 120px;
    margin-left: 5px;
    margin-right: 5px;
}

#DataTables_Table_0_length label {
    display: flex;
    margin-bottom: 20px;
}
#DataTables_Table_0_length label select {
    width: 120px;
    margin-left: 5px;
    margin-right: 5px;
}

.table>thead {
    background: #eaeef3;
}
.youtube-tutorial {
    font-size: 20px;
    color: #fd0000;
}
.youtube-tutorial:hover {
    color: #fd0000;
}

.custom-checkbox input[type=checkbox] {
        position: relative;
    cursor: pointer;
    width: 10px !important;
    border: none;
    margin-left: 6px;
     margin-right: 6px;
} 
.form-check-input:checked {
    background-color: none !important;
}