:root{
    --theme-color:#43a2a0; 
    --theme-color-light:#5fb8b6;
    --theme-color-secondry:#f4b30d;
    --theme-color-thierd:#ABB76D;
}
/* Loader CSS */
#loader-wraper{background: #b9b9b966; padding: 23%; position: fixed; top: 0; left: 0; bottom: 0; right: 0; height: 100%; width: 100%; text-align: center;z-index: 5000;}
.lds-ellipsis { display: inline-block; position: relative; width: 80px;height: 64px;}
.lds-ellipsis div {position: absolute;top: 0px;width: 20px;height: 20px; border-radius: 50%; background:var(--theme-color); animation-timing-function: cubic-bezier(0, 1, 1, 0);}
.lds-ellipsis div:nth-child(1) {left: 1px; animation: lds-ellipsis1 0.6s infinite;}
.lds-ellipsis div:nth-child(2) {left: 7px;animation: lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(3) {left: 30px; animation: lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(4) {left: 53px; animation: lds-ellipsis3 0.6s infinite;}
@keyframes lds-ellipsis1 { 0% { transform: scale(0); } 100% { transform: scale(1); } }
@keyframes lds-ellipsis3 { 0% { transform: scale(1); } 100% { transform: scale(0); } }
@keyframes lds-ellipsis2 { 0% { transform: translate(0, 0); } 100% { transform: translate(19px, 0); } }
.alert-dismissible .close{padding: 0.50rem 1.25rem;}
/* Loader CSS END */
.auth .brand-logo img { width: 90px;}
.auth .brand-logo {margin-bottom: 1.1rem;}
/* Dashboard meeting buttons */
/* .meet-btn{width: 90px; height: 90px;border-radius: 20%; padding: 5%;}
.meet-btn-warning{ background: #FFAB00;}
.meet-btn-info{background: var(--theme-color); }
.meet-svg{width: 100%; height: 100%; color: #FFF;} */
/* End dashboardds buttons */
.error, .border-danger{border: 1px solid brown;font-weight: 400; font-size: 0.875rem;}
.modal .modal-dialog .modal-content .modal-header {padding: 15px 26px;}
.modal-header .close {padding: 0; margin: 0;position: absolute; right: 15px;}
.modal .modal-dialog .modal-content .modal-body { padding: 15px 26px;}
.modal .modal-dialog .modal-content .modal-footer {padding: 10px 31px;}
.modal-content {border-radius: 0;}
.error-msg-text{color: brown; font-size: 12px; font-style: italic;}
.badge{cursor: pointer !important;}
.pointer{cursor: pointer !important;}
h1, h2, h3, h4, h5, h6{color: #424E6E;}
.default-color{color: #424E6E;}
.gray-button {border-color: #424E6E; color: #424E6E; background-color: #fff;}
.btn{min-width:40px;}
.modal-footer{display: block;text-align: center;}
.bg-gradient-primary { background-color: var(--theme-color); background-image: linear-gradient(180deg,var(--theme-color) 10%,var(--theme-color-light) 100%); background-size: cover;}
.btn-primary,.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:focus,.badge-primary { color: #fff; background-color: var(--theme-color); border-color: var(--theme-color);}
.btn-primary:hover,.badge-primary {color: #fff; background-color: var(--theme-color-light); border-color: var(--theme-color-light);}
.text-primary {color: var(--theme-color-light)!important;}
.sidebar-dark .sidebar-brand{background-color: #FFF;}
.sidebar-brand-icon{max-width: 100%; background-color: #FFF;}
.brand-logo{max-width:80%;}
.alert-fill-danger {color: #ffffff; background-color: #fc5661; border-color: #fc5661;}
.alert-success {color: #009260;background-color: rgba(0, 192, 126, 0.2);border-color: #00b174;}
.topbar .nav-item .nav-link .img-profile {background: #CCC; height: 2rem; width: 2rem;}
.class-card-image{max-width: 100%; max-height: 100%; width: 65%; display: inline-block;height: 86%;margin: 4% 0;}
.card-wrapper{position: relative;height: 110px;border-radius: 10px; background: #f7f5f100; box-shadow: 1px 1px 5px #ccc;}
.card-class-data{position: absolute; top: 0;width: 100%;text-align: left;}
.card-class-name{color: #45a2a0 !important;font-size: 16px;}
.card-class-section{color: #989896 !important;font-size: 14px; font-weight: 600;}
.card-class-subject, .card-class-student{color: #676765 !important;font-size: 13px; font-weight: 400;}
.card-class-edit{position:absolute;top:3%;right:3%;padding:5px;line-height:0;font-size:20px;color:#FFF;}
.bg-theme{background-color: var(--theme-color);}
form label{margin-bottom: 0;}
.bootstrap-datetimepicker-widget .btn{width: 20px !important;}
.datepicker table tr td, .datepicker table tr th { width: 40px; padding: 10px;font-weight: 700;}
.nav-link {color: #6e707e;}
.nav-tabs .nav-link.active {color: var(--theme-color);}
.nav-link:hover{color: var(--theme-color);}
/*  */
.nav-tabs .nav-item {width: 50%;}
.work-button{height: 60px;width: 60px;}
.img-profile-small{width: 50px; height: 50px; display: inline-block;}
.profile-image{width: 100px; height: 100px; display: inline-block;} 
.profile-image:hover, .img-profile-small:hover{opacity: 0.3; border: 1px solid var(--theme-color);}
.btn_secondary{background-color: var(--theme-color-secondry) !important;color: #464242;}

/* Datatables CSS */
.page-item.active .page-link {z-index: 3; color: #fff; background-color: var(--theme-color);    border-color: var(--theme-color);}
.page-link {color: var(--theme-color);}
.page-link:hover {color: var(--theme-color);}
td hr{margin: 5px 0;}
table {font-size: 14px;}
.table-bordered thead td, .table-bordered thead th { border-bottom-width: 1px;}
.table td, .table th {padding: .60rem;}
/* End Datatables CSS */
.w-10{width: 10% !important;}
.w-20{width: 20% !important;}
.w-30{width: 30% !important;}
.w-60{width: 60% !important;}
.w-70{width: 70% !important;}
.bg-scondry{background: #f4b30d; color: #2d2c2c;}
.bg-light-theme{background: #43a2a0a3; color: #2d2c2c;}
.card-class-edit:hover, .card-wrapper:hover .card-class-edit{color:var(--theme-color);}
.btn-outline-primary {color: var(--theme-color); border-color: var(--theme-color);}
.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled):active {color: #fff; background-color: var(--theme-color); border-color: var(--theme-color);}
.theme-color{color:var(--theme-color)}

/* Chat screen CSS */
.messaging img{width: 100%; border-radius: 50%;max-width: 40px;}
.inbox_msg {overflow: hidden;}
.incoming_msg_img {display: inline-block; width: 6%;max-width: 40px;}
.received_msg {display: inline-block; padding: 0 0 0 10px;vertical-align: top; width: 92%;}
.received_withd_msg .wrap{background: #ebebeb none repeat scroll 0 0; border-radius: 3px; color: #646464;font-size: 14px; margin: 0; padding: 5px 10px 5px 12px; width: 100%;}
.time_date { color: #747474; display: block; font-size: 12px; margin-bottom: 5px;}
.received_withd_msg { width: 57%;}
.sent_msg .wrap{ background: #05728f none repeat scroll 0 0; border-radius: 3px; font-size: 14px;  margin: 0; color:#fff;padding: 5px 10px 5px 12px; width:100%;}
.sent_msg .wrap p{margin:0;}
.received_withd_msg .wrap p{margin:0;}
.outgoing_msg{ overflow:hidden; margin:5px 0 5px;}
.sent_msg { float: right; width: 46%;}
.input_msg_write input {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; color: #4c4c4c;font-size: 15px; min-height: 48px; width: 100%;}  
.type_msg {border-top: 1px solid #c4c4c4;position: relative;}
.msg_send_btn {background: #05728f none repeat scroll 0 0; border: medium none; border-radius: 50%; color: #fff; cursor: pointer;font-size: 17px;height: 33px; position: absolute; right: 0; top: 11px;width: 33px;}
.messaging { padding: 0 0 10px 0;}
.msg_history {height: 48vh; overflow-y: scroll; margin-right: -10px;}
/* Chat scree css End */
.active-bg{background: #ccc;border-bottom: 4px solid var(--theme-color);}
.small-image-round{max-width: 35px; border-radius: 50%;}
.text-black{color: #000;}
.mdtp__wrapper{top: 16% !important;bottom: auto;}
@media (max-width: 768px){
    .modal-dialog{max-width: 100% !important;}
}
@media (max-width: 2560px){
    
}