/* Common CSS */
html{font-size: 16px;}
body{font-family: 'Poppins', sans-serif;}
html body{background-color: #F8F8F9;}

html .pace .pace-progress {background: #285B4C;}

.custom-switch .custom-control-label {padding-left: 2.4rem;}
.custom-switch .custom-control-label::before {background-color: rgba(103,118,129,0.1);height: 24px;border: 2px solid #677681;width: 38px;}
.custom-switch .custom-control-label:after {top: 6px;left: 6px;box-shadow: none;background-color: #677681;width: 12px;height: 12px;}
.custom-switch .custom-control-input:checked~.custom-control-label::after {-webkit-transform: translateX(0.9rem);-ms-transform: translateX(0.9rem);transform: translateX(0.9rem);}
.custom-control-warning .custom-control-input:checked ~ .custom-control-label::before,
.custom-control-warning .custom-control-input:active ~ .custom-control-label::before{background-color: rgba(255, 94, 58, .10);}
.custom-switch .custom-control-input:checked~.custom-control-label::after {background-color: #ff5e3a;}
.custom-control-warning .custom-control-input:focus ~ .custom-control-label::before {border-color: #677681;}
.custom-control-warning .custom-control-input:checked:focus ~ .custom-control-label::before{border-color: #ff5e3a;}

/* Typography CSS */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{color: #202624;}
h2, .h2 {font-size: 1.812rem;}
.h6, h6 {font-size: 0.875rem;}

/* Bootstrap Color Override */
.text-primary {color: #285B4C!important;}
.text-dark {color: #202624!important;}
.text-muted {color: #677681!important;}
.text-light {color: #E6E6F1!important;}
.text-dark-green{color: #306655;}
.text-lighter {color: #CAC6BD!important;}

.btn{font-size: 0.875rem;}
.btn-link{color: #677681;font-weight: 400;}
.btn-link:hover{color: #245546;}

.badge {font-size: 0.875rem;font-weight: 400;padding: 0.437rem 0.562rem;border-radius: 4px;}
.badge-secondary{background-color: #E9E9F2;color: #677681;}

.badge.badge-pill {border-radius: 10rem;}

.border-bottom {border-bottom: 1px solid #E6E6F1!important;}
.border-top {border-top: 1px solid #E6E6F1!important;}
.border-left {border-left: 1px solid #E6E6F1!important;}
.border-right {border-right: 1px solid #E6E6F1!important;}

.font-weight-medium{font-weight: 500;}

.rounded {border-radius: 0.625rem!important;}

.breadcrumb{padding-left: 0;}
.breadcrumb-item.active,
.breadcrumb a{color: #677681;}
.breadcrumb .breadcrumb-item{font-size: 0.875rem;}

.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover, 
.form-control:-webkit-autofill:focus, 
.form-control:-webkit-autofill:active  {-webkit-box-shadow: 0 0 0 30px #ffffff inset !important;background-color: transparent!important;color: #202624!important;}

/* Navigation CSS */
.navigation{font-family: 'Poppins', sans-serif;}
.vertical-layout.vertical-menu-modern.menu-expanded .main-menu {width: 280px;}
.header-navbar.floating-nav{margin: 0;width: calc(100% - 280px);border-radius: 0;border-bottom: 1px solid #E6E6F1;}
.vertical-layout.vertical-menu-modern.menu-collapsed .header-navbar.floating-nav {width: calc(100vw - 74px);}
.vertical-layout.vertical-menu-modern.menu-expanded .footer{margin-left: 280px;}
.main-menu ul.navigation-main > li:first-child {margin-top: 2.375rem;}
.main-menu .navbar-header .navbar-brand .brand-logo img {width: 190px;max-width: 190px;}
.main-menu .navbar-header .navbar-brand .brand-text{font-size: 18px;color: #F6EDDE;}
.main-menu.menu-dark{background-color: #285B4C;}
.main-menu.menu-dark .navigation {background: #285B4C;display: flex;flex-direction: column;}
.main-menu .navbar-header {padding: 1.437rem 0.937rem 1.437rem 0.937rem;height: 5.062rem;border-bottom: 1px solid #245546;width: 100%;}
.main-menu .navbar-header .navbar-brand{margin-top: 0;}
.main-menu.menu-dark .navigation li.nav-item a{transition: all .3s;position: relative;}
.main-menu.menu-dark .navigation li.nav-item a:before {content: '';width: 4px;height: 15px;background: #F6EDDE;position: absolute;left: 0;top: calc(50% - 7px);border-radius: 0 3px 3px 0;transition: all .3s;opacity: 0;}
.main-menu.menu-dark .navigation li.nav-item a:hover:before,
.main-menu.menu-dark .navigation > li.active > a:before{opacity: 1;}
.main-menu.menu-dark .navigation li.nav-item a:hover,
.main-menu.menu-dark .navigation > li.active > a{background: #245546;box-shadow: none;color: #F6EDDE;border-radius: 10px;}
.main-menu.menu-dark .navigation li a{color: #F6EDDE;font-size: 1rem;}
.main-menu.menu-dark .navigation > li > a{margin: 0 0.625rem;}
.main-menu.menu-dark .navigation > li{margin-top: 2.062rem;}
.main-menu.menu-dark .navigation li.nav-item a:hover > *{transform: inherit;}
.main-menu.menu-dark .navigation > li > a i,
.main-menu.menu-dark .navigation > li > a svg{top: 0;}
.main-menu.menu-dark .navigation li a{padding: 1.062rem 0 1.062rem 1.187rem;}
.vertical-layout.vertical-menu-modern .main-menu .navigation > li > a svg,
.vertical-layout.vertical-menu-modern .main-menu .navigation > li > a i{margin-right: 1.125rem;}
.main-menu .main-menu-content {height: calc(100% - 5.062rem) !important;}
.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub>a:after{display: none;}
.main-menu.menu-dark .navigation>li.open:not(.menu-item-closing)>a,
.main-menu.menu-dark .navigation>li.sidebar-group-active>a {color: #F6EDDE;background: #245546;}
.main-menu.menu-dark .navigation>li.sidebar-group-active.open>a {border-radius: 10px 10px 0 0;}
.main-menu.menu-dark .navigation>li>ul li:first-of-type{margin-top: 0!important;}
.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content>li>a i,
.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content>li>a svg{height: 1.4285rem;width: 1.4285rem;font-size: 1rem;margin-right: 0.875rem;}
.main-menu.menu-dark .navigation > li.nav-item > ul li a {padding: 0.937rem 0 0.937rem 1.875rem;color: #F6EDDE ;}
.main-menu.menu-dark .navigation > li.nav-item > ul li.active a:before {content: '';width: 4px;height: 15px;background: #F6EDDE;position: absolute;left: 0;top: calc(50% - 7px);border-radius: 0 3px 3px 0;transition: all .3s;opacity: 1;}
.main-menu.menu-dark .navigation>li ul{background: #245546;margin: 0 10px;border-radius: 0 0 10px 10px;}
.main-menu.menu-dark .navigation>li>ul li.has-sub>a,
.main-menu.menu-dark .navigation>li>ul li.has-sub>ul>li,
.main-menu.menu-dark .navigation>li>ul li:not(.has-sub){margin: 0;}
.main-menu.menu-dark .navigation>li ul .active{background: none;box-shadow: none;border-radius: 10px;z-index: 1;background-color: #1E5041;}

/* Header CSS */
.header-navbar{min-height: 5.062rem;}
.navbar-floating .navbar-container {padding: 0.8rem 2.375rem 0.8rem 3.375rem;}
.header-navbar .navbar-container ul.navbar-nav li > a.nav-link{color: #202624;}
.header-navbar .navbar-container ul.navbar-nav li svg.ficon{color: #202624;}
.header-navbar .navbar-container ul.navbar-nav li svg.ficon:hover{color: #245546;}
.header-navbar .navbar-container ul.navbar-nav li.dropdown-notification .badge.badge-up {right: 8px;height: 5px;width: 5px;font-size: 0;min-width: 5px;min-height: 5px;border: 2px solid #fff;top: -1px;line-height: inherit;padding: 3px;background-color: #FF5E3A;}
.header-navbar .navbar-container ul.navbar-nav li a.dropdown-user-link .user-status {font-size: 13px;color: #285B4C;font-weight: 400;}
.header-navbar .navbar-container ul.navbar-nav li a.dropdown-user-link .user-name {font-size: inherit;margin-bottom: 0;}
.header-navbar .navbar-container ul.navbar-nav li a.dropdown-user-link .user-nav{margin-right: 0.562rem;}
.header-navbar .navbar-container ul.navbar-nav .nav-search .form-control{border: none;border-bottom: 1px solid #E1ECF9;border-radius: 0;width: 435px;}
.header-navbar .navbar-container ul.navbar-nav .nav-search .input-group-text{border: none;border-bottom: 1px solid #E1ECF9;border-radius: 0;}
.header-navbar .navbar-container ul.navbar-nav li div.input-group{padding: 0;}
.header-navbar .navbar-container ul.navbar-nav .nav-search .input-group:not(.bootstrap-touchspin):focus-within {box-shadow: none;border-radius: 0;}
.header-navbar .navbar-container ul.navbar-nav .nav-search .input-group:not(.bootstrap-touchspin):focus-within .form-control,
.header-navbar .navbar-container ul.navbar-nav .nav-search .input-group:not(.bootstrap-touchspin):focus-within .input-group-text{border-bottom-color: #245546;}

/* Content CSS */
html .content{margin-left: 280px;}
html .content .content-wrapper .content-header-title{border-right: none;padding-right: 0;color: #202624;}
html .content.app-content {padding: calc(2.5rem + 5.062rem) 1.875rem 1.875rem;}

.card{border: 1px solid #E6E6F1;box-shadow: none;border-radius: 0.625rem;}
.card .card-title{font-size: 1.125rem;}

.table:not(.table-dark):not(.table-light) tfoot:not(.thead-dark) th,
.table:not(.table-dark):not(.table-light) thead:not(.thead-dark) th {background-color: #F8F8F9;}
.table tfoot th,
.table thead th {font-size: 0.875rem;letter-spacing: 0;font-weight: 600;color: #677681;border: none;padding: 0.7rem 1.562rem;}
.table tbody td{font-size: 0.937rem;color: #677681;padding: 0.875rem 1.562rem;border-top: none;border-bottom: 1px solid #E9E9F2;}
.table tbody tr:last-child td{border-bottom: none;}
.table-striped tbody tr:nth-of-type(odd) {background-color: #FFFFFF;}
.table-striped tbody tr:nth-of-type(even) {background-color: #F8F8F9;}

.card.counselor-student-card {text-align: center;padding: 1.562rem 1.875rem 1.875rem;position: relative;}
.card.counselor-student-card:before {content: '';width: 15px;height: 4px;background: #285B4C;position: absolute;left: 0;top: 0;border-radius: 0 0 3px 3px;right: 0;margin: 0 auto;}
.card.counselor-student-card .card-img-top {width: 65px;height: 65px;margin: 0 auto 0.937rem;border-radius: 50%;}
.card.counselor-student-card .card-body{padding: 0;}
.card.counselor-student-card .card-body .card-title{color: #202624;font-size: 1.125rem;margin: 0 0 0.375rem;}
.card.counselor-student-card .card-body .card-title small{color: #677681;font-size: 0.875rem;}
.card.counselor-student-card .card-body .card-text{font-size: 0.875rem;color: #677681;margin-bottom: 0.5rem;}
.card.counselor-student-card .card-body .call-link{display: inline-block;margin-bottom: 25px;font-size: 0.875rem;color: #677681;}
.card.counselor-student-card .card-body .call-link .feather{margin-right: 0.625rem;width: 1.25rem;height: 1.25rem;position: relative;top: -1px;color: #285B4C;}

.card.student-profile-card {padding: 0.812rem 1.875rem;position: relative;display: flex;flex-direction: row;align-items: center;}
.card.student-profile-card:before {content: '';width: 4px;height: 15px;background: #285B4C;position: absolute;left: 0;top: calc(50% - 7px);border-radius: 0 3px 3px 0;}
.card.student-profile-card .card-img-top {width: 65px;height: 65px;margin: 0;border-radius: 50%;}
.card.student-profile-card .card-title{color: #202624;font-size: 1.125rem;margin: 0;}
.card.student-profile-card .card-title small{color: #677681;font-size: 0.875rem;}
.card.student-profile-card .card-text{font-size: 0.875rem;color: #677681;margin: 0;}

.table .badge{min-width: 98px;text-align: center;}

.card.notes-card .card-header .badge{font-size: 0.625rem;}
.card.notes-card .card-header .move-link{margin-left: 10px;}
.card.notes-card .card-title{font-size: 1rem;margin-bottom: 0.625rem;}
.card.notes-card .card-text{font-size: 0.875rem;}
.card.notes-card .card-footer {display: flex;padding: 0.937rem 1.5rem;align-content: center;}
.card.notes-card .card-footer p{font-size: 0.75rem;}
.card.notes-card .card-footer .trash-link{margin-left: 10px;}

.card.notes-card .card-list .custom-checkbox .custom-control-label::before {border-radius: 4px;}
.card.notes-card .card-list .custom-checkbox .custom-control-label::after,
.card.notes-card .card-list .custom-checkbox .custom-control-label::before {top: 0.16rem;}
.card.notes-card .card-list .custom-control-label::before {pointer-events: none;background-color: #FFF;border: 1px solid #677681;}
.card.notes-card .card-list .custom-checkbox .custom-control-label{font-size: 0.875rem;}
.card.notes-card .card-list .custom-checkbox .custom-control-input:checked~.custom-control-label{text-decoration: line-through;}
.card.notes-card .card-list .custom-control-warning.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.card.notes-card .card-list .custom-control-warning.custom-checkbox .custom-control-input:active ~ .custom-control-label::before,
.card.notes-card .card-list .custom-control-warning.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before{box-shadow: none!important;}
.card.notes-card .card-list .custom-checkbox .custom-control-label::after,
.card.notes-card .card-list .custom-checkbox .custom-control-label::before{width: 15px;height: 15px;}
.card.notes-card .custom-control-warning .custom-control-input:checked ~ .custom-control-label::before,
.card.notes-card .custom-control-warning .custom-control-input:active ~ .custom-control-label::before {border-color: #FF5E3A;background-color: #FF5E3A;}
.card.notes-card .custom-checkbox .custom-control-label::after {background-size: 60%;}

.content-header-right .new-note-link .feather{top: -0.06rem;position: relative;width: 20px;height: 20px;margin-right: 2px;}

.content-header .nav.nav-tabs .nav-item{padding: 0 0.937rem;}
.content-header .nav.nav-tabs .nav-item .nav-link{padding-left: 0;padding-right: 0;font-size: 1rem;font-weight: 400;color: #677681;}
.content-header .nav.nav-tabs .nav-item .nav-link.active{color: #285B4C;}
.content-header .nav.nav-tabs .nav-link:after{height: 1px;background: #285B4C!important;}

.card.chat-profile-card {text-align: center;padding: 3.125rem 0 1.875rem;position: relative;}
.card.chat-profile-card .card-img-top {width: 100px;height: 100px;margin: 0 auto 0.937rem;border-radius: 50%;}
.card.chat-profile-card .avatar-xl .avtar_charcater {background-color: #285B4C;width: 100px;height: 100px;margin: 0 auto 0.937rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 30px;font-weight: 700;}
.card.chat-profile-card .card-body{padding: 0;}
.card.chat-profile-card .card-body .card-title{color: #202624;font-size: 1.5rem;margin: 0 0 2.5rem;}
.card.chat-profile-card .list-group{border: none;}
.card.chat-profile-card .list-group .list-group-item {font-size: 1rem;text-align: left;padding: 0.75rem 1.875rem;font-weight: 500;border: none;}
.card.chat-profile-card .list-group .list-group-item:hover{background-color: inherit;}
.card.chat-profile-card .list-group .list-group-item:nth-child(odd){background-color: #F8F8F9;}
.card.chat-profile-card .list-group .list-group-item label {font-size: 1rem;margin: 0;width: 35%;}

.chat-outer{width: 100%;}
.profile-card-outer{height: 100%;}
.chat-application .content-area-wrapper{border: none;border-radius: 0;}
html .navbar-floating.footer-static .app-content .content-area-wrapper{height: calc( var(--vh, 1vh) * 100 - calc( calc(2rem * 1) + 2.5rem + 5.062rem + 3.5rem ));}
.chat-application .chat-app-window .active-chat .chat-header .avatar .card-img-top{width: 36px;height: 36px;border-radius: 50%;}
.chat-application .chat-app-window .active-chat .chat-header .avatar .avtar_charcater{background-color: #285B4C;width: 36px;height: 36px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 15px;font-weight: 400;color: #fff;margin: 0;}
.chat-application .chat-app-window .card.main-chat-card .start-chat-area,
.chat-application .chat-app-window .card.main-chat-card .user-chats{background: none;}
.chat-app-window .active-chat .chat-header{padding: 0 2rem;}
.card.main-chat-card .divider .divider-text {position: relative;display: inline-block;font-size: 0.75rem;padding: 0.437rem 1.875rem;color: #677681;font-weight: 500;border: 1px solid #E6E6F1;border-radius: 4px;}
.card.main-chat-card  .divider-text:after,
.card.main-chat-card  .divider-text:before{border-top: 1px solid #E6E6F1;}
.chat-app-window .card.main-chat-card .user-chats{padding: 1rem 0;}
.chat-app-window .card.main-chat-card .chats .chat {padding: 0 3.125rem;display: flex;align-items: flex-end;flex-direction: row-reverse;}
.chat-app-window .card.main-chat-card .chats .chat.chat-left{flex-direction: row;}
.chat-app-window .user-chats{height: calc(100% - 84px);}
.chat-profile-card{position: relative;height: 100%;overflow: auto;}
.chat-application .chat-app-window .chats .chat-body .chat-content {padding: 0.75rem 1rem;margin: 0 1rem 1.375rem 0;color: #F6EDDE;background:none;border-radius: 0.937rem;box-shadow: none;background: #285B4C;line-height: 1.312rem;position: relative;max-width: inherit;}
/* .chat-application .chat-app-window .chats .chat-body .chat-content:not(:last-child){margin-bottom: 0.625rem;} */
.chat-application .chat-app-window .chats .chat-body .chat-content:after{content: '';background-image: url(../images/pages/chat-shape-right.png);width: 8px;height: 17px;bottom: 10px;right: -8px;position: absolute;}
.chat-application .chat-app-window .chats .chat-left .chat-body .chat-content:after{background-image: url(../images/pages/chat-shape-left.png);right: inherit;left: -8px;}
/* .chat-application .chat-app-window .chats .chat-left .chat-body .chat-content:not(:last-child){margin-bottom: 0.625rem;} */
.chat-application .chat-app-window .chats .chat-left .chat-body .chat-content {float: none;margin: 0 0 1.375rem 1rem;color: #202624;background: none;background-color: #F6EDDE;}
.chat-application .chat-app-window .chats .chat-body .chat-content .chat-time {position: absolute;font-size: 0.75rem;color: #677681;font-weight: 500;bottom: -14px;left: 2px;line-height: 1;min-width: 50px;}
.chat-application .chat-app-window .chats .chat-left .chat-body .chat-content .chat-time{left: inherit;right: 2px;}
.chat-application .chat-app-window .chats .chat-body {margin: 0.625rem 0 0 0;}
.chat-application .chat-app-window .chats .chat-avatar{float: none;margin-bottom: 0.625rem;}

.chat-application .chat-app-window .chat-app-form{height: 84px;border-radius: 0 0 0.625rem 0.625rem;padding: 0 1.562rem 0 0;}
.chat-application .chat-app-window .chat-app-form .form-control.message {border-radius: 0;height: 83px;border: none;background-color: transparent;font-size: 0.937rem;padding: 0 1.875rem;line-height: 83px;}
.chat-application .chat-app-window .chat-app-form .input-group-append .input-group-text{border-radius: 0;border:none;background-color: transparent;}
.chat-application .chat-app-window .chat-app-form .input-group-append .input-group-text .feather{height: 1.25rem;width: 1.25rem;}
.chat-application .chat-app-window .chat-app-form .send {width: 117px;height: 45px;color: #F6EDDE!important;}
.chat-application .chat-app-window .chat-app-form .input-group:not(.bootstrap-touchspin):focus-within{box-shadow: none;}

.chat-application .chat-app-window .chat-app-form .form-control.message::-webkit-input-placeholder {color: #677681;}
.chat-application .chat-app-window .chat-app-form .form-control.message::-moz-placeholder {color: #677681;}
.chat-application .chat-app-window .chat-app-form .form-control.message:-ms-input-placeholder {color: #677681;}
.chat-application .chat-app-window .chat-app-form .form-control.message:-moz-placeholder {color: #677681;}
.chat-application .chat-app-window .user-chats .avatar img{border: none;width: 36px;height: 36px;border-radius: 50%;object-fit: cover;}
.chat-application .chat-app-window .chats .chat-avatar .avtar_charcater_chat {background-color: #285B4C;width: 36px;height: 36px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 15px;font-weight: 400;color: #fff;}
.chat-row{height: 100%;}

.form-control {border: none;border-bottom: 1px solid #ECECF4;border-radius: 0;padding: 0 10px;font-size: 0.937rem;color: #202624;font-weight: 500;}
.form-control:focus.is-valid, .form-control:focus:valid{box-shadow: none;}
.form-control::-webkit-input-placeholder {color: #677681; font-weight: 400;}
.form-control::-moz-placeholder {color: #677681; font-weight: 400;}
.form-control:-ms-input-placeholder {color: #677681; font-weight: 400;}
.form-control:-moz-placeholder {color: #677681; font-weight: 400;}
.form-label-group>label{font-size: 0.75rem;}
.form-label-group textarea:focus:not(:placeholder-shown)~label,
.form-label-group textarea:not(:active):not(:placeholder-shown)~label,
.form-label-group>input:focus:not(:placeholder-shown)~label,
.form-label-group>input:not(:active):not(:placeholder-shown)~label{color: #677681!important;}
.form-control:focus{border-bottom-color: #677681;}

div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item{margin: 0 5px;}
div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item a {border-radius: 4px;padding: 0;width: 30px;height: 30px;background: #F8F8F9;color: #677681!important;}
div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.active a {background-color: #285B4C;font-weight: 400;color: #F6EDDE!important;}

.auth-wrapper .auth-left {background-color: #306655;background-image: url(../images/pages/login-left-pattern.png);background-repeat: no-repeat;background-position: left 65%;position: relative;}
.auth-wrapper .auth-left:after{content: '';width: 210px;height: 210px;position: absolute;background: transparent;border: 10px solid #FD6D3B;border-radius: 50%;right: -140px;bottom: -100px;z-index: 1;}
.auth-wrapper .auth-bg {background-color: #F7F0E1;color: #252A28;background-image: url(../images/pages/login-right-pattern.png);background-repeat: no-repeat;background-position: top right;}
.auth-wrapper.auth-v2 .auth-inner{overflow: hidden;}
.auth-wrapper .auth-bg .card-title{font-family: 'Lora', serif;font-size: 2.187rem;}
.auth-wrapper .form-control{border-bottom-color: #CAC5BC;border-radius: 0;background-color: transparent;font-size: 0.937rem;padding: 0;}
.auth-wrapper .form-label-group{display: flex;}
.auth-wrapper .form-label-group>label{left: 46px;}
.auth-wrapper .form-label-group>input:not(:placeholder-shown)~label {padding: .25rem 0;top: -15px;left: 46px;}
.auth-wrapper .form-control:focus{background-color: transparent;border-bottom-color: #306655;}
.auth-wrapper .input-group-prepend .input-group-text,
.auth-wrapper .input-group-append .input-group-text{background-color: transparent;border:none;border-radius: 0;border-bottom: 1px solid #CAC5BC;color: #CAC6BD;padding-left: 5px;}
.auth-wrapper .input-group:not(.bootstrap-touchspin):focus-within{box-shadow: none;border-radius: 0;}
.auth-wrapper .input-group:not(.bootstrap-touchspin):focus-within .form-control,
.auth-wrapper .form-label-group:not(.bootstrap-touchspin):focus-within .input-group-text {border-color: #306655;box-shadow: none;color: #306655;}
.auth-wrapper .form-control:-webkit-autofill,
.auth-wrapper .form-control:-webkit-autofill:hover, 
.auth-wrapper .form-control:-webkit-autofill:focus, 
.auth-wrapper .form-control:-webkit-autofill:active  {-webkit-box-shadow: 0 0 0 30px #F7F0E1 inset !important;background-color: transparent!important;color: #306655!important;}
.auth-wrapper .custom-control-input:checked~.custom-control-label::before{background-color: #306655;border-color: #306655;}
.auth-wrapper .custom-control-input:not(:disabled):active~.custom-control-label::before {background-color: #306655;border-color: #306655;}
.auth-wrapper .custom-control-input:focus:not(:checked)~.custom-control-label::before {border-color: #306655;}
.auth-wrapper p{font-size: 0.937rem;}
.auth-wrapper .link{color: #306655;}
.auth-wrapper .link:hover,
.auth-wrapper .link:focus{color: #142922;}
.auth-wrapper .link.forgot-link{text-decoration: underline;}
.auth-wrapper .custom-checkbox .custom-control-label, .custom-radio .custom-control-label{color: #242B28;font-size: 0.937rem;}

.card-subtitle {font-size: 0.875rem;}

.card .pattern-header.card-header{position: relative;}
.card .pattern-header.card-header:before {content: '';width: 4px;height: 15px;background: #285B4C;position: absolute;left: 0;top: calc(50% - 7px);border-radius: 0 3px 3px 0;}

.list-group .list-group-item:hover {background-color: inherit;}
.card-chat .chats .chat {padding: 0 1.25rem;display: flex;align-items: flex-end;flex-direction: row-reverse;margin: 0 0 1.25rem;}
.card-chat .chats .chat:last-child{margin-bottom: 0;}
.card-chat .chats .chat.chat-left{flex-direction: row;}
.card-chat .chats .chat-avatar {float: none;margin-bottom: 0;}
.card-chat .chats .avatar img {border: none;}
.card-chat .chats .chat-body {margin: 0;display: block;overflow: hidden;}
.card-chat .chats .chat-body .chat-content {padding: 0.75rem 1rem;margin: 0 1rem 0 0;color: #F6EDDE;background: none;border-radius: 0.937rem;box-shadow: none;background: #285B4C;line-height: 1.312rem;position: relative;max-width: inherit;}
.card-chat .chats .chat-body .chat-content p {margin: 0;}
.card-chat .chats .chat-body .chat-content:after {content: '';background-image: url(../images/pages/chat-shape-right.png);width: 8px;height: 17px;bottom: 10px;right: -8px;position: absolute;}
.card-chat .chats .chat-left .chat-body .chat-content:after {background-image: url(../images/pages/chat-shape-left.png);right: inherit;left: -8px;}
.card-chat .chats .chat-left .chat-body .chat-content {float: none;margin: 0 0 0 1rem;color: #202624;background: none;background-color: #F6EDDE;}

.card.my-student-card .pattern-header.card-header:before{top:27px;}

.card.table-card.table-header-card {background-color: transparent;border: none;border-radius: 0;}
.card.table-card.table-header-card .card-header {padding-top: 12px;padding-bottom: 12px;}
.card.table-card.table-header-card .card-header p {color: #677681;}
.card.table-card .card-header p{color: #202624;font-size: 0.875rem;margin-bottom: 0;}
.card.table-card .card-header .name{width: 17%;}
.card.table-card .card-header .organization{width: 18%;}
.card.table-card .card-header .age{width: 14%;}
.card.table-card .card-header .date{width: 17%;}
.card.table-card .card-header .days{width: 16%;}
.card.table-card .card-header .counsellor{width: 18%;}

.card.counselor-card .card-body .card-img-top {width: 80px;height: 80px;margin: 0;border-radius: 50%;}
.card.counselor-card .card-body .card-title{color: #202624;font-size: 1.875rem;margin: 0;}
.card.counselor-card .card-body .card-title small{color: #285B4C;font-size: 0.875rem;}

.card.select-appointment-length-card .row,
.card.select-appointment-time-card .row{margin-bottom: 20px;}
.card.select-appointment-length-card .row:last-child{margin-bottom: 0;}
.card.select-appointment-length-card .info {font-size: 0.875rem;padding: 1rem 0.625rem 0.625rem;border: 1px solid #F1F1F6;border-radius: 0 0 10px 10px;border-top: none;margin-top: -7px;}

.card.select-appointment-time-card .btn-outline-secondary{color: #202624;}
.card.select-appointment-time-card .btn-lg{font-size: 1.125rem;padding-top: 0.65rem;padding-bottom: 0.65rem;}
.appointment-time-body{position: relative;max-height: 500px;overflow: auto;}

.modal-backdrop {background: #000;}
.modal-backdrop.show {opacity: .6;}
.modal-dialog {max-width: 550px;}
.modal-header{border-radius: 4px 4px 0 0;}
.modal .modal-header{background-color: transparent;}
.modal .modal-content{box-shadow: none;border-radius: 4px;}
.modal .close {width: 18px;height: 18px;font-size: 0;background-image: url(../images/pages/close-icon.png);opacity: 1;}

.notes-model .modal-body{padding: 40px 40px 0;}
.notes-model .modal-body .badge{font-size: 0.625rem;}
.notes-model .modal-body .move-link{margin-left: 10px;}
.notes-model .modal-body .modal-title{font-size: 1.125rem;margin-bottom: 1rem;}
.notes-model .modal-body p{font-size: 0.937rem;line-height: 1.625rem;}
.notes-model .modal-footer {display: flex;padding: 20px 40px 30px;align-content: center;border-top: none;}
.notes-model .modal-footer p{font-size: 0.75rem;}
.notes-model .modal-footer .trash-link{margin-left: 10px;}

.small-custom-calendar.fc-unthemed {position: relative;}
.small-custom-calendar.fc-unthemed .fc-toolbar.fc-header-toolbar{width: auto;position: absolute;right: 0;top: -70px;z-index: 2;margin-bottom: 0;}
.small-custom-calendar .fc-toolbar.fc-header-toolbar .fc-center{display: none;}
.small-custom-calendar .fc-toolbar.fc-header-toolbar .fc-left{margin-left: auto;margin-right: 1rem;}
.small-custom-calendar .fc-toolbar.fc-header-toolbar .fc-left h2{color: #73818D;font-size: 0.875rem;font-weight: 400;}
.small-custom-calendar .fc-toolbar.fc-header-toolbar .fc-right .fc-today-button{display: none;}
.small-custom-calendar .fc-toolbar.fc-header-toolbar .fc-right .fc-button-group .fc-button-primary{background-color: transparent;border-radius: 0;border: none;color: #285B4C;padding: 0;margin: 0 15px;box-shadow: none;}
.small-custom-calendar .fc-toolbar.fc-header-toolbar .fc-right .fc-button-group .fc-button-primary.fc-button .fc-icon {vertical-align: middle;font-size: 1.125rem;font-weight: 700;height: 1.325rem;width: 1.325rem;}
.small-custom-calendar .fc-toolbar.fc-header-toolbar .fc-right .fc-button-group .fc-button-primary.fc-next-button{margin-right: 0;}
.small-custom-calendar.fc-unthemed th,
.small-custom-calendar.fc-unthemed td,
.small-custom-calendar.fc-unthemed thead,
.small-custom-calendar.fc-unthemed tbody,
.small-custom-calendar.fc-unthemed .fc-divider,
.small-custom-calendar.fc-unthemed .fc-row,
.small-custom-calendar.fc-unthemed .fc-content,
.small-custom-calendar.fc-unthemed .fc-popover,
.small-custom-calendar.fc-unthemed .fc-list-view,
.small-custom-calendar.fc-unthemed .fc-list-heading td{border: none;}
.small-custom-calendar.fc-unthemed th{font-size: 0.875rem;color: #202624;font-weight: 400;}
.small-custom-calendar.fc-unthemed .fc-row .fc-content-skeleton td{text-align: center;color: #73818D;font-size: 0.875rem;}
.small-custom-calendar.fc-unthemed .fc-dayGrid-view .fc-day-top .fc-day-number{float: none;height: 30px;width: 30px;display: inline-block;border-radius: 10px;line-height: 30px;padding: 0;}
/* .small-custom-calendar.fc-unthemed .fc-dayGrid-view .fc-day-top.fc-today .fc-day-number{background-color: #FF5E3A;color: #ffffff;} */
.small-custom-calendar.fc-unthemed .fc-dayGrid-view .fc-day-top.calendar-appointment-enable .fc-day-number{background-color: #FF5E3A;color: #ffffff;}
.small-custom-calendar.fc-unthemed td.fc-today,
.small-custom-calendar.fc-unthemed .fc-disabled-day{background: transparent;}
.small-custom-calendar .fc-row .fc-content-skeleton{padding-top: 25px;}
.small-custom-calendar .fc-dayGrid-view .fc-body .fc-row {min-height: 55px;height: 55px!important;}
.small-custom-calendar .fc-scroller.fc-day-grid-container{height: 280px!important;} 

.large-custom-calendar .fc-toolbar.fc-header-toolbar{margin-bottom: 2.5rem;}
.large-custom-calendar .fc-toolbar.fc-header-toolbar .fc-left h2{color: #73818D;font-size: 1.125rem;font-weight: 500;}
.large-custom-calendar .fc-toolbar.fc-header-toolbar .fc-right .fc-today-button {color: #73818D;font-size: 0.937rem;font-weight: 500;border-radius: 0;background-color: transparent;padding: 0;border: none;text-transform: capitalize;opacity: 1;}
.large-custom-calendar .fc-toolbar.fc-header-toolbar .fc-right .fc-button-group .fc-button-primary {margin: 0 2px;color: #F6EDDE;padding: 0;width: 30px;height: 30px;border-radius: 4px;}
.large-custom-calendar .fc-toolbar.fc-header-toolbar .fc-right .fc-button-group .fc-button-primary.fc-next-button{margin-right: 0;}
.large-custom-calendar .fc-toolbar > * > :not(:first-child){margin-left: 1.875rem;}
.large-custom-calendar.fc-unthemed th{font-size: 0.937rem;color: #677681;font-weight: 500;line-height: 1.875rem;}
.large-custom-calendar.fc-unthemed th,
.large-custom-calendar.fc-unthemed td,
.large-custom-calendar.fc-unthemed thead,
.large-custom-calendar.fc-unthemed tbody,
.large-custom-calendar.fc-unthemed .fc-divider,
.large-custom-calendar.fc-unthemed .fc-row,
.large-custom-calendar.fc-unthemed .fc-content,
.large-custom-calendar.fc-unthemed .fc-popover,
.large-custom-calendar.fc-unthemed .fc-list-view,
.large-custom-calendar.fc-unthemed .fc-list-heading td {border-color: #EBEBF3;}
/* .large-custom-calendar.fc-unthemed .fc-disabled-day,
.large-custom-calendar.fc-unthemed td.fc-day.fc-widget-content.calendar-past-day-enable {background-color: #FAFAFA !important;}
.large-custom-calendar.fc-unthemed td.fc-today {background: #EAEAF2;}
.large-custom-calendar.fc-unthemed td.calendar-booked-appointment {background: #FF5E3A;border-color: #ddd;} */
/* .large-custom-calendar.fc-unthemed td.activeDay {background: #EAEAF2;border-color: #ddd;} */
/* .large-custom-calendar.fc-unthemed td.calendar-booked-appointment .fc-day-number {color: #fff;}
.large-custom-calendar.fc-unthemed .calendar-future-day-enable .fc-day-number,
.large-custom-calendar.fc-unthemed .fc-row .fc-content-skeleton td{font-size: 1.125rem;color: #677681;font-weight: 500;}
.large-custom-calendar.fc-unthemed .fc-dayGrid-view .fc-week-number,
.large-custom-calendar.fc-unthemed .fc-dayGrid-view .fc-day-number {padding: 10px 15px;} */
    
.student-portal .header-navbar.floating-nav{width: 100%;}
.student-portal .content{margin-left: 0;}
.student-portal.navbar-floating .navbar-container {padding: 0.8rem 2.375rem;}
.student-portal .back-btn .feather{height: 1.5rem;width: 1.5rem;}

footer.footer{background: #fff;padding: 10px;text-align: center;}
.footer p{font-size: 0.75rem;}


.large-custom-calendar.fc-unthemed .fc-row {height: auto !important;min-height: auto;}
.large-custom-calendar.fc-unthemed th, .large-custom-calendar.fc-unthemed td, .large-custom-calendar.fc-unthemed thead, .large-custom-calendar.fc-unthemed tbody, .large-custom-calendar.fc-unthemed .fc-divider, .large-custom-calendar.fc-unthemed .fc-row, .large-custom-calendar.fc-unthemed .fc-content, .large-custom-calendar.fc-unthemed .fc-popover, .large-custom-calendar.fc-unthemed .fc-list-view, .large-custom-calendar.fc-unthemed .fc-list-heading td {border-color: transparent;text-align: center;}
.large-custom-calendar.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {float: none;}

.large-custom-calendar.fc-unthemed td.fc-day-top span.fc-day-number {padding: 10px 0 !important;display: flex;align-items: center;justify-content: center;}
.large-custom-calendar.fc-unthemed td {border-radius: 50%;}
.large-custom-calendar .fc-scroller.fc-day-grid-container {height: auto !important;overflow: hidden !important;}
.calender-wrapper {max-width: 1000px;margin: 0 auto;}
/* .large-custom-calendar.fc-unthemed td.fc-today span {color: #F6EDDE !important;} */
/* .fc-row .fc-content-skeleton .fc-future.calendar-future-day-enable {background: rgb(40 91 76 / 10%)}
.fc-row .fc-content-skeleton .fc-future.calendar-future-day-enable span {color: #285b4c !important;} */

.fc-row .fc-content-skeleton .calendar-future-day-enable {background: rgb(40 91 76 / 10%)!important;}
.fc-row .fc-content-skeleton .calendar-future-day-enable span {color: #285b4c !important;}

.fc table {border-collapse: separate !important;border-spacing: 5px 2px !important;}
.fc-row .fc-bg {position: relative;}
/* .fc-row .fc-bg td.activeDay, */
/* .large-custom-calendar.fc-unthemed .fc-bg td.fc-today {background: transparent !important;border-color: transparent;} */
/* .fc-row .fc-content-skeleton td.fc-today {background: #285b4c !important;color: #F6EDDE !important;} */
.fc-row .fc-content-skeleton td.activeDay {background: #285b4c !important;color: #F6EDDE !important;}
.fc-row .fc-content-skeleton td.activeDay .fc-day-number{color: #F6EDDE !important;}
.appointment-time-body {max-height: 370px;}




@media (max-width: 1499.98px){
    html{font-size: 14px;}
    .card.counselor-student-card{padding: 1.5rem 1rem 1rem;}
    .small-custom-calendar.fc-unthemed .fc-toolbar.fc-header-toolbar{top: -62px;}
}

@media (max-width: 1199.98px){
    .header-navbar.floating-nav {width: 100%;}
    .navbar-floating .navbar-container{padding: 0.8rem 1rem;}
    .chat-app-window .card.main-chat-card .chats .chat {padding: 0 1.125rem;}
    .card.chat-profile-card .list-group .list-group-item{padding: 0.75rem 1rem;}
}

@media (max-width: 990.98px){
    .card.student-profile-card{flex-direction: column;align-items: center;padding: 1.875rem;}
    .card.student-profile-card:before {width: 15px;height: 4px;left: calc(50% - 7.5px);top: 0;border-radius: 0 0 3px 3px;}
    
    .table-responsive .table.custom-responsive-table th{display: none;}
    .table-responsive .table.custom-responsive-table tbody,
    .table-responsive .table.custom-responsive-table tbody tr,
    .table-responsive .table.custom-responsive-table tbody tr td{display: block;}
    .table-responsive .table.custom-responsive-table tbody tr:last-child td{border-bottom: 1px solid #E9E9F2;}
    .table-responsive .table.custom-responsive-table tbody{padding: 0 10px;}
    .table-responsive .table.custom-responsive-table tbody tr{border: 1px solid #E9E9F2;margin-bottom: 10px;}
    .table-responsive .table.custom-responsive-table tbody tr td{padding-left: calc(50% + 10px);position: relative;}
    .table-responsive .table.custom-responsive-table tbody tr:last-child td:last-child,
    .table-responsive .table.custom-responsive-table tbody tr td:last-child{border-bottom: 0;}
    .table-responsive .table.custom-responsive-table tbody tr td::before{content: attr(data-title);height: 100%;width: 50%;background-color: #f5f5f5;position: absolute;left: 0;top: 0;padding: 0 0.875rem;display: flex;align-items: center;line-height: 1;}
    .table-responsive .table.custom-responsive-table tbody tr:nth-of-type(even) td::before{background-color: #e4e4e4;}

    .profile-card-outer{height: inherit;}
    html .navbar-floating.footer-static .app-content .content-area-wrapper{height: auto;}
    .chat-application .chat-app-window .active-chat {height: 100%;}
    .chat-application .chat-app-window{height: auto;}
    .chat-application .chat-app-window .chat-app-form .send {width: 60px;padding: 0;display: flex;align-items: center;justify-content: center;}
    .chat-application .chat-app-window .chat-app-form .send .feather{height: 1.5rem;width: 1.5rem;}
    .chat-application .chat-app-window .chat-app-form .input-group-append .input-group-text{padding: 0 0.625rem;}
    .chat-row{height: auto;}
    .edit-event-left{border-right: none!important;}
    .chat-application .chat-app-window .main-chat-card{margin-bottom: 0;border-radius: 0;border: none;}
    .chat-app-window .user-chats {height: calc(100% - 84px - 65px);}
    .chat-application .chat-app-window .chat-app-form{padding: 0 1.5rem;}

    .chat-application .chat-app-window {height: 100%;position: fixed;top: 0;z-index: 999;width: 100%;left: 0;padding: 0;transform: translateX(100%);transition: all .3s;}
    .chat-application .chat-app-window.chat-open{transform: translateX(0);}

    .small-custom-calendar.fc-unthemed .fc-toolbar.fc-header-toolbar {top: -54px;}

    .large-custom-calendar.fc-unthemed .calendar-future-day-enable .fc-day-number,
    .large-custom-calendar.fc-unthemed .fc-row .fc-content-skeleton td{font-size: 0.75rem;}
    .large-custom-calendar.fc-unthemed .fc-dayGrid-view .fc-week-number,
    .large-custom-calendar.fc-unthemed .fc-dayGrid-view .fc-day-number {padding: 5px;}
}

@media (max-width: 767.98px){
    .card.table-card .card-header{padding: 0;}
    .card.table-card.table-header-card{display: none;}
    .card.table-card .card-header p,
    .card.table-card .card-header .counsellor{width: 100%!important;padding: 10px 10px 10px calc(50% + 10px);position: relative;}
        
    .card.table-card .card-header p::before,
    .card.table-card .card-header .counsellor::before{position: absolute;left: 0;top: 0;padding: 10px;background: #ddd;width: 50%;color: #202624;font-size: 0.875rem;}
    .card.table-card .card-header .name::before {content: 'Name';border-radius: calc(.428rem - 1px) 0 0 0;}
    .card.table-card .card-header .organization::before {content: 'Organization';}
    .card.table-card .card-header .age::before {content: 'Age';}
    .card.table-card .card-header .date::before {content: 'Date Joined';}
    .card.table-card .card-header .days::before {content: 'Days Waiting';}
    .card.table-card .card-header .counsellor::before {content: 'Counsellor';height: 60px;padding: 20px 10px;border-radius: 0 0 0 calc(.428rem - 1px);}
}

@media (max-width: 575.98px){
    .header-navbar.floating-nav {width: 100%!important;}
    .header-navbar .navbar-container ul.navbar-nav .nav-search .form-control{width: 150px;}
    .chat-application .chat-app-window .chat-app-form .send {width: 56px;padding: 0;height: 36px;}
    .chat-application .chat-app-window .chat-app-form .form-control.message {padding: 0 0.562rem;}
    .chat-application .chat-app-window .chat-app-form .input-group-append .input-group-text {padding: 0 0.437rem;}
    .chat-application .chat-app-window .chats .chat-body .chat-content{font-size: 0.812rem;}
    .chat-app-window .chats .chat-body .chat-content p{line-height: 1.5;}
    .chat-application .chat-app-window .chats .chat-body .chat-content .chat-time{bottom: -15px;font-size: 0.625rem;}

    .card.table-card .card-header p,
    .card.table-card .card-header .counsellor {padding: 50px 10px 10px;}
    .card.table-card .card-header p::before,
    .card.table-card .card-header .counsellor::before{width: 100%;}
    .card.table-card .card-header .name::before{border-radius: calc(.428rem - 1px) calc(.428rem - 1px) 0 0;}
    .card.table-card .card-header .counsellor::before{height: auto;padding: 10px;border-radius: 0;}
}