.btn-min-width {min-width: 168px}p {margin-bottom: 10px}.section-repeater [class*=" uil-"]:before {font-size: 23px}
.image-upload-icon {background-image: url('../images/icons/image-upload.svg');width: 52px;height: 46px;background-repeat: no-repeat;position: absolute;top: 50px;left: 50px}
.custom-checkbox label {background: #f4f4f4;border-radius: 3px;padding: 7px 15px;font-weight: 400;margin: 0 10px 10px 0;cursor: pointer}
.custom-checkbox input[type=checkbox]:checked+label {background: #e682ae;color: #fff}
.custom-checkbox input[type=radio],.custom-checkbox input[type=checkbox] {opacity: 0;position: absolute;width: 25px;height: 25px}
.custom-upload-section .img-upload {width: 148px;height: 148px;border-radius: 50%;background-color: #0fa05b;display: block}
.custom-upload-section input {position: absolute;left: 0;width: 100%;top: 0;height: 100%;opacity: 0}
.custom-upload-section i {display: none}
.custom-upload-section img,.custom-upload-section.show .img-upload,.custom-upload-section.show .image-upload-icon {display: none}
.custom-upload-section.show img {display: block;width: 148px;height: 148px;border-radius: 50%}
.custom-icon {width: 45px;height: 45px;border-radius: 100px}
.custom-icon-purple {background-color: #c166dd}
.custom-icon-pink {background-color: #e682ae}
.custom-icon-light-green {background-color: rgba(15, 160, 91, 0.1)}
.select-all-bg {background-color: rgba(15, 160, 91, 0.1);width: 38px;height: 38px;padding: 9px 10px;color: #0fa05b;border-radius: 25px;}
.child.checkbox-full {padding: 10px 15px;}
.custom-icon-green {background-color: #0fa05b}
.custom-icon-yellow {background-color: #fbdc4b}
.icon-plus {background-image: url('../images/icons/add-big.svg');background-repeat: no-repeat;background-position: center}
.icon-plus-training-log {background-image: url('../images/icons/add-big.svg');background-repeat: no-repeat;background-position: center}
.icon-small-plus {background-image: url('../images/icons/plus.svg');background-repeat: no-repeat;background-position: center}
.icon-thin-plus {background-image: url('../images/icons/plus1.svg');background-repeat: no-repeat;background-position: center}
.icon-pen {background-image: url('../images/icons/pen.svg');background-repeat: no-repeat;background-position: center}
.icon-cross {background-image: url('../images/icons/cross.svg');background-repeat: no-repeat;background-position: center}
.icon-cross-training-log {background-image: url('../images/icons/cross.svg');background-repeat: no-repeat;background-position: center}
.icon-pdf {background-image: url('../images/icons/pdf.svg');background-repeat: no-repeat;background-position: center}
.icon-pdf-training-log {background-image: url('../images/icons/pdf.svg');background-repeat: no-repeat;background-position: center}
.icon-pencil {background-image: url('../images/icons/pencil.svg');background-repeat: no-repeat;background-position: center}
.icon-pencil-green {background-image: url('../images/icons/pencil-green.svg');background-repeat: no-repeat;background-position: center;background-size: 100%;width: 14px;height: 14px;display: block;}
.icon-cross-danger {background-image: url('../images/icons/cross-danger.svg');background-repeat: no-repeat;background-position: center;background-size: 100%;width: 14px;height: 14px;display: block;}
.icon-cake {background-image: url('../images/icons/cake.svg');background-repeat: no-repeat;background-position: center}
.icon-alert {background-image: url('../images/icons/alert.svg');background-repeat: no-repeat;background-position: center}
.icon-alert-danger {background-image: url('../images/icons/alert-danger.svg');background-repeat: no-repeat;background-position: center; background-size: 100%;width: 26.8px;height: 25.3px;display: block;}
.icon-like {background-image: url('../images/icons/like.svg');background-repeat: no-repeat;background-position: center}
.icon-unlike {background-image: url('../images/icons/unlike.svg');background-repeat: no-repeat;background-position: center}
.icon-toilet {background-image: url('../images/icons/toilet.svg');background-repeat: no-repeat;background-position: center}
.icon-star {background-image: url('../images/icons/star.svg');background-repeat: no-repeat;background-position: center}
.icon-double-check{background-image:url('../images/icons/double-checkmark.svg');background-repeat:no-repeat;background-position:center}
.icon-double-check.small{width: 18px;height: 18px;display: inline-block;background-size: 100%;margin-left: 5px;margin-top: 2px;}
.icon-checked,.icon-not-checked {position: relative;display: inline-block;margin-right: 5px;width: 14px;height: 14px;background-size: 100%;vertical-align: middle;margin-top: -3px}
.icon-checked {background-image: url('../images/icons/checked.svg');background-repeat: no-repeat;background-position: center}
.icon-not-checked {background-image: url('../images/icons/not-checked.svg');background-repeat: no-repeat;background-position: center;background-color: #eb6565;border-radius: 50%;background-size: auto;margin-top: -5px}
.icon-eye-hide {background-image: url('../images/icons/eye-hide.svg');background-repeat: no-repeat;background-position: center;}
.icon-delete {background-image: url('../images/icons/bin-with-lid.svg');background-repeat: no-repeat;background-position: center;}
.icon-delete-danger {background-image: url('../images/icons/bin-with-lid-danger.svg');background-repeat: no-repeat;background-position: center;}
.icon-send {background-image: url('../images/icons/send.svg');background-repeat: no-repeat;background-position: center;}
.icon-send-image {background-image: url('../images/icons/send-image.svg');background-repeat: no-repeat;background-position: center;}
.icon-play {background-image: url('../images/icons/play-button.svg');background-repeat: no-repeat;background-position: center;}
.icon-pause {background-image: url('../images/icons/pause-button.svg');background-repeat: no-repeat;background-position: center;}
.icon-info {background-image: url('../images/icons/information.svg');background-repeat: no-repeat;background-position: center; display: inline-block;margin-right: 5px;width: 20.2px;height: 20.2px;background-size: 100%;vertical-align: middle;margin-top: -3px}
.icon-ellipsis {background-image: url('../images/icons/ellipsis.svg');background-repeat: no-repeat;background-position: center; display: inline-block;margin-right: 5px;width: 20.2px;height: 20.2px;background-size: 100%;vertical-align: middle;margin-top: -3px}
.icon-pin {background-image: url('../images/icons/link.svg');background-repeat: no-repeat;background-position: center; display: inline-block;margin-right: 5px;width: 40px;height: 40px;background-size: 20px 20px;vertical-align: middle;background-color: #0fa05b;border-radius: 50%;}
.icon-video-icon {background-image: url('../images/icons/video.svg');background-repeat: no-repeat;background-position: center; display: inline-block;margin-right: 5px;width: 18.1px;height: 10.8px;background-size: 100%;vertical-align: middle;margin-top: -3px}
.icon-tick {background-image: url('../images/icons/tick.svg');background-repeat: no-repeat;background-position: center; display: inline-block;margin-right: 5px;width: 63px;height: 63px;background-size: 28.3px 22.9px;vertical-align: middle;margin-top: -3px; background-color: #0fa05b;border-radius: 50%;}
.custom-upload-section.show i {display: block;width: 50px;height: 50px;border-radius: 100px;background-color: #0fa05b;text-align: center;line-height: 50px;color: #fff;font-size: 20px;position: absolute;right: 5px;top: 105px}
.icon-check {display: none;width: 45px;height: 45px;border-radius: 50%;background-color: #0fa05b;position: absolute;top: 50px;left: 50px;font-size: 25px;color: #fff;text-align: center;line-height: 50px}
.icon-check-training {display: none;width: 45px;height: 45px;border-radius: 50%;background-color: #0fa05b;position: absolute;top: 50px;left: 50px;font-size: 25px;color: #fff;text-align: center;line-height: 50px}
.upload-image img {border-radius: 50%;height: 100%;width: 100%}
.upload-image input {position: absolute;visibility: hidden;bottom: 0;left: 0}
.upload-image .custom-upload-section .img-upload {width: 120px;height: 120px}
.upload-image .custom-upload-section .image-upload-icon {top: 38px;left: 38px}
.upload-image .custom-upload-section.show img {width: 120px;height: 120px}
.upload-file {width: 150px;height: 150px;overflow: hidden;border-radius: 5px;border: solid 1px #d9d9d9;text-align: center;vertical-align: middle;position: relative;cursor: pointer;z-index: 1}
.upload-file-training-log {width: 60px;height: 60px;overflow: hidden;border-radius: 5px;border: solid 1px #d9d9d9;text-align: center;vertical-align: middle;position: relative;cursor: pointer;z-index: 1}
.upload-file input {width: 100%;opacity: 0;height: 100%;z-index: 0;cursor: pointer;position: absolute;top: 0;left: 0;bottom: 0;right: 0}
.upload-file-training-log input {width: 100%;opacity: 0;height: 100%;z-index: 0;cursor: pointer;position: absolute;top: 0;left: 0;bottom: 0;right: 0}
.upload-file .icon-plus {position: absolute;width: 75px;height: 75px;display: block;top: 37px;left: 37px}
.upload-file-training-log .icon-plus-training-log {position: absolute;width: 40px;height: 40px;display: block;top: 9px;left: 11px}
.upload-file .icon-pdf {position: absolute;width: 45px;height: 52px;top: 47px;left: 50px;display: none}
.upload-file-training-log .icon-pdf-training-log {position: absolute;width: 45px;height: 52px;top: 4px;left: 8px;display: none}
.upload-file .icon-image {width: 100%;display: none}
.upload-file-training-log .icon-image-training-log {width: 100%;height: 100%;display: none}
.upload-file .icon-video{width:100%;height:100%;display:none;z-index:1;position:relative;outline:none;}
.upload-file .icon-cross {position: absolute;margin: 0;right: 2px;top: 2px;width: 24px;height: 24px;display: none;background-color: #eb6565;border-radius: 50%;z-index: 2}
.upload-file-training-log .icon-cross-training-log {position: absolute;margin: 0;right: 2px;top: 2px;width: 18px;height: 18px;display: none;background-color: #eb6565;border-radius: 50%;z-index: 2}
.upload-file .icon-pdf {display: none}
.upload-file-training-log .icon-pdf-training-log {display: none}
.upload-file.show:not(.image):not(.video) .icon-pdf, .upload-file.show .icon-cross, .upload-file.show:not(.pdf):not(.video) .icon-image, .upload-file.show:not(.pdf):not(.image) .icon-video{display:block}
.upload-file-training-log.show:not(.image) .icon-pdf-training-log,.upload-file-training-log.show .icon-cross-training-log,.upload-file-training-log.show:not(.pdf) .icon-image-training-log {display: block}
.upload-file.show .icon-plus {display: none}
.upload-file-training-log.show .icon-plus-training-log {display: none}
.upload-multiple-file .upload-item {display: inline-grid;position: relative;box-sizing: border-box;margin-right: 20px;margin-bottom: 20px}
.upload-multiple-file-training-log .upload-item-training-log {display: inline-grid;position: relative;box-sizing: border-box;margin-right: 4px;margin-bottom: 4px}
.upload-file.file-name {margin-top: 5px;width: 150px;display: block}
.user-profile .school-menu img {width: 100%;height: 100%;border-radius: 50%}
.user-profile .school-menu .profile-dropdown-items {width: 230px;max-height: 230px;overflow: auto;}
.user-profile .school-menu .profile-dropdown-items::-webkit-scrollbar {width: 4px;}
.user-profile .school-menu .profile-dropdown-items::-webkit-scrollbar-track {background: transaparent;}
.user-profile .school-menu .profile-dropdown-items::-webkit-scrollbar-thumb {background: rgba(158, 165, 171, 0.5);border-radius: 5px;}
.user-profile .school-menu .profile-dropdown-items::-webkit-scrollbar-thumb:hover {background: rgb(158, 165, 171);border-radius: 5px;}
.meal-item {flex-grow: 0}
input.checkbox-meal {opacity: 0;position: absolute}
.meal-image {opacity: 0.5;cursor: pointer}
.img-meal {width: 150px;height: 150px;border-radius: 50%}
.img-meal.small {width: 34px;height: 34px}
.img-meal.medium {width: 96px;height: 96px}
.img-meal.large {width: 150px;height: 150px}
input.checkbox-meal:checked+.meal-image {opacity: 1}
input.checkbox-meal:checked+.meal-image .icon-check {display: block}
.border-bottom {border-bottom: 1px solid rgba(217, 217, 217, 0.52) !important}
.child-item {min-width: 144px;padding: 0 5px;flex-grow: 0}
.img-child {width: 60px;height: 60px;border-radius: 50%}
.img-child.very-extra-small {width: 26px;height: 26px}
.img-child.extra-small {width: 38px;height: 38px}
.img-child.small {width: 46px;height: 46px}
.img-child.small-medium {width: 60px;height: 60px}
.img-child.medium {width: 96px;height: 96px}
.img-child.large {width: 150px;height: 150px}
.no-image {width: 96px;height: 96px;border-radius: 100px;background-color: #0fa05b;font-size: 33px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 96px;letter-spacing: normal;text-align: center;color: #ffffff}
.child-item .custom-icon {position: absolute;display: block;position: absolute;top: 50px;right: 10px;font-size: 25px;color: #fff;text-align: center;line-height: 50px}
.select2-container .child-image img, .multiselect-item .child-image img {width: 34px;height: 34px;margin-right: 15px;border-radius: 50%}
.select2-container .child-image, .multiselect-item .child-image {overflow: hidden;text-overflow: ellipsis;}
.select2-container--default .select2-results__option[aria-disabled=true] {display: none}
.title {font-size: 2.25rem;font-weight: 700}
.img-sign {width: 32px;height: 34px;border: solid 1px #d9d9d9}
.img-sign.medium {width: 52px;height: 54px}
.img-sign.big {width: 100%;height: auto;margin-bottom: 15px;border-radius: 5px}
input.checkbox-child+.child-image.child-image {opacity: 0.5;cursor: pointer}
input.checkbox-child {opacity: 0;position: absolute}
input.checkbox-child:checked+.child-image {opacity: 1}
input.checkbox-child:checked+.child-image .icon-check {display: block;left: 65px}
input.checkbox-child:checked+.child-image .icon-check-training {display: block;left: 80px}
.checkbox-tag input[type="checkbox"] {opacity: 0;z-index: 1;position: absolute}
.checkbox-tag label {border-radius: 3px;background-color: #f4f4f4;font-weight: 400;padding: 7px 15px;cursor: pointer;}
.checkbox-tag.checkbox-success label {border-radius: 3px;background-color: #f4f4f4;font-weight: 400;width: 36px;height: 34px;padding: 7px 10px;text-align: center;margin-right: 10px;}
.checkbox-tag input[type="checkbox"]:checked+label {background-color: #e682ae;color: #fff}
.checkbox-tag.danger input[type="checkbox"]:checked+label {background-color: #eb6565;color: #fff}
.checkbox-tag.checkbox-success input[type="checkbox"]:checked+label {background-color: #0fa05b}
.weekday-option .checkbox-tag label {width: 36px;height: 34px;border-radius: 3px;padding: 5px 5px;text-align: center;margin-right: 8px}
.school-logo-box {width: 120px;height: 120px;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.07);border-radius: 50%;vertical-align: middle;padding: 35px;text-align: center;background: #f3f4f7}
.school-logo-box img {border-radius: 50%;width: 100%;height: 100%}
.text-underline {text-decoration: underline !important}
::-webkit-input-placeholder {color: #b2b2b2}
::-ms-input-placeholder {color: #b2b2b2}
::placeholder {color: #b2b2b2;opacity: 1}
input::-ms-input-placeholder {color: #c6c6c6}
input::-webkit-input-placeholder {color: #c6c6c6}
input::placeholder {color: #c6c6c6;}
input[type=search]::-ms-clear {display: none;width: 0;height: 0}
input[type=search]::-ms-reveal {display: none;width: 0;height: 0}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration {display: none}
table.dataTable {word-break: normal}
.table th {font-weight: 500}
table.dataTable .dropdown-menu[x-placement^=right],table.dataTable .dropdown-menu[x-placement^=top],table.dataTable .dropdown-menu[x-placement^=left] {top: calc(100% - 25px) !important;left: 15px !important;right: auto !important}
table.dataTable>tbody>tr.child ul.dtr-details {width: 100%}
table.dataTable>tbody>tr.child ul.dtr-details .dropdown-menu.show {left: 0 !important;right: auto !important}
table.dataTable>tbody>tr.child ul.dtr-details .dropdown-menu[x-placement^=top].show {left: 55px !important;top: calc(100% - 25px) !important}
.dataTables_wrapper .dataTables_filter label {font-size: 1rem}
.dataTables_wrapper .row:first-child {align-items: center}
.table th,.table td {vertical-align: middle;}
.table th.action {width: 75px;}
.form-control:disabled,.form-control[readonly] {background-color: #eee;opacity: 1}
.select2-container .select2-selection--single .select2-selection__arrow b,.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color: #545454 transparent transparent transparent !important;top: 55%;border-width: 5px 4px 0 4px !important}
.select2-container .select2-selection--single .select2-selection__arrow b:after {content: '';border-color: transparent transparent #545454 transparent;border-width: 0px 4px 5px 4px;display: block;position: absolute;top: -12px;border-style: solid;left: -4px}
.flatpickr-weekdays {background-color: #fff}
.flatpickr-day {color: #000;font-size: 16px}
.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i {position: relative;font-size: 25px}
.flatpickr-current-month span.cur-month,.flatpickr-current-month input.cur-year {color: #000000;font-weight: 400}
.fc-day-grid-event .fc-time {display: none}
.fc td,.fc th {vertical-align: bottom}
div.flatpickr-custom {position: relative}
div.flatpickr-custom span.input-button {position: absolute;cursor: pointer;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background: #fff;border-radius: 5px;border: solid 1px #d9d9d9;line-height: 35px;padding: .5rem .75rem;font-size: .875rem}
span.flatpickr-weekday {font-weight: normal;color: #0fa05b !important}
.flatpickr.form-control[readonly] {background: #fff}.flatpickr.form-control[disabled] {background-color: #eee;}
.flatpickr-arrow {border-color: #545454 transparent transparent transparent;z-index: 1;border-width: 5px 4px 0px 4px;display: block;position: absolute;top: 25px;border-style: solid;right: 30px}
div.flatpickr-custom .flatpickr-arrow,.position-relative>.flatpickr-arrow {right: 15px}
input.flatpickr {padding-right: 30px}
.modal-extra-large-1 .modal-dialog {max-width: 1060px}
.modal-very-extra-large .modal-dialog {max-width: 800px}
.modal-extra-large .modal-dialog {max-width: 704px}
.modal-large .modal-dialog {max-width: 615px}
#addStaffModal .modal-dialog,#removeStaffModal .modal-dialog,.modal-medium .modal-dialog {max-width: 525px}
.swal-footer {text-align: left;padding: 15px 25px 30px}
.swal-icon {display: none}
.swal-content{padding: 0 1.875rem !important;}
.swal-button {background-color: #0fa05b;color: #fff;border-radius: 5px;font-weight: 600;padding: .85rem 1.5rem;font-size: .875rem;line-height: 1.5;border-radius: 5px}
.swal-button.btn-danger {box-shadow: none;background: #eb6565 !important;}
.swal-modal.swal-custom-modal .swal-button.btn-warning {box-shadow: none;background: #ffc107 !important;}
.swal-modal.swal-custom-modal .swal-button.btn-info {box-shadow: none;background: #1ac1db !important;}
.swal-button:focus,.swal-button:active {box-shadow: none;background: #0fa05b}
.swal-title {line-height: 1.5;font-weight: 700;margin-top: 0;font-size: 22px;padding: 0.75rem 1.875rem 0.9375rem;text-align: left}
.swal-text {display: block;padding: 0 30px;font-size: 14px;max-width: 100%;color: #545454}
.swal-modal {max-width: 515px}
.swal-modal.swal-custom-modal {max-width: 580px; width: 580px; text-align: left;}
@media (max-width: 768px) {
    .swal-modal.swal-custom-modal {
        max-width: 100%;
        width: auto;
    }
}
.swal-modal .swal2-close {margin: -1rem -1rem -1rem auto;z-index: 1;background-color: #eb6565;opacity: 1;border-radius: 50%;color: #fff;font-weight: 400;padding: 10px 10px;position: fixed;right: 0;top: 0;outline: none;cursor: pointer;border: 0}
.swal-modal .swal2-close,.modal-header .close {width: 45px;height: 45px;background-position: center;background-repeat: no-repeat}
.modal-header .close {width: 45px;height: 45px;background-position: center;background-repeat: no-repeat}
.aloader {background: rgba(255, 255, 255, 0.75) !important}
.image-anim {position: absolute;bottom: 40px;left: 40px;z-index: -1}
.image-anim img {width: 219px;height: 220px}
.image-anim img.animation {animation: swing 3s ease-in-out alternate infinite 1s}
@keyframes swing {from {transform: translateX(0) translateY(0)}to {transform: translateX(60px) translateY(-60px)}}
@-webkit-keyframes swing {from {transform: translateX(0) translateY(0)}to {transform: translateX(60px) translateY(-60px)}}
.badge {padding: 9px 20px;font-size: 14px;font-weight: 500}
.badge-rounded{padding: 5px 8px;border-radius: 50%;}
.badge-small {padding: 6px 15px;}
.badge-pink{color: #fff;background-color: #e682ae;}
.col-custom-width {width: 125px}
textarea.form-control {resize: none}
.bootstrap-tagsinput {background-color: #fff;border: 1px solid #d9d9d9;display: inline-block;padding: 4px 6px;color: #4b4b5a;vertical-align: middle;border-radius: 4px;max-width: 100%;line-height: 40px;cursor: text;width: 100%}
.bootstrap-tagsinput input {border: none;box-shadow: none;outline: none;background-color: transparent;padding: 0 6px;margin: 0;width: auto;max-width: inherit}
.bootstrap-tagsinput.form-control input::-moz-placeholder {color: #777;opacity: 1}
.bootstrap-tagsinput.form-control input:-ms-input-placeholder {color: #777}
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {color: #777}
.bootstrap-tagsinput input:focus {border: none;box-shadow: none}
.bootstrap-tagsinput .tag {margin-right: 2px;color: white;border-radius: 3px;background-color: #e682ae;padding: 5px 10px;position: relative;padding-left: 20px}
.bootstrap-tagsinput .tag [data-role="remove"] {cursor: pointer;position: absolute;left: 5px;outline: none}
.bootstrap-tagsinput .tag [data-role="remove"]:after {content: "×";padding: 2px 1px;font-size: 20px}
.section-repeater .r-group:nth-last-child(2) .border-bottom {display: none}
.fc-event-container .fc-day-grid-event {border-radius: 3px;color: #000000 !important;font-size: 12px;padding: 5px 0}
.fc td.fc-today .fc-day-number {background-color: rgba(15, 160, 91, 0.1);color: #0fa05b;border-radius: 50%;padding: 5px;width: 18px;height: 18px;text-align: center;line-height: 1.4}
.fc-toolbar.fc-header-toolbar {display: none}
.eventclass1 {background-color: #d0f0fd}
.eventclass2 {background-color: #ede2fe}
.eventclass3 {background-color: #fee2d5}
.eventclass4 {background-color: #cfdfff}
.eventclass5 {background-color: #ffdaf6}
.eventclass6 {background-color: #d0f0fd}
.eventclass7 {background-color: #ede2fe}
.eventclass-roster-1{background-color: #d0f0fd}
.eventclass-roster-2{background-color: #fee2d5}
.ratios .fc .fc-row .fc-content-skeleton td{position: relative;text-align: center;}
.ratios .fc-event-container .fc-day-grid-event {background-color: transparent;}
.ratios .fc-event-container .fc-day-grid-event .fc-content {position: absolute;top: 5px;right: 5px;padding: 0;width: 6px;height: 6px;border-radius: 50%;}
.ratios .fc .fc-row span.fc-day-number {width: 30px;height: 30px;line-height: 30px;border-radius: 50%;}
.ratios .fc .fc-row .fc-ratio-active span.fc-day-number {background-color: #eb6565;color: #fff;}
.eventclass-ratio-1 .fc-content{background-image: url('../images/icons/checked.svg');background-repeat: no-repeat;background-position: center;background-color: transparent;width: 15px!important;height: 15px!important;}
.eventclass-ratio-2 .fc-content{background-color:#eb6565}
.ratios-listing .icon-checked, .ratios-listing .icon-alert-danger {width: 15px;height: 15px;display: inline-block;margin-right: 7px;background-size: 100%;}
.event-holiday {background-color: #eeeeee}
.event-break {background-color: #eeeeee}
.event-absent {background-color: #ffd1d1}
.event-sick {background-color: #ffdce5}
.event-strike {text-decoration: line-through !important;}
.event-light {opacity: 0.6;}
.tooltip-inner {max-width: 300px;padding: 10px}
.datepicker th.prev:before,.datepicker th.next:before {content: "";font-family: "unicons";width: 1em;text-align: center;line-height: 1em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 25px;background: #fff;z-index: 1;position: absolute}
.datepicker th.prev:before {content: "\E82E";left: 10px}
.datepicker th.next:before {content: "\E830";right: 10px}
.nav-list-calander.nav-tabs {border-bottom: 0}
.nav-list-calander .nav-item {margin: 0;width: 95px;height: 50px}
.nav-list-calander .nav-item a {padding: 15px 10px;border: 0 !important;text-align: center;color: #0fa05b;box-shadow: none;background-color: rgba(15, 160, 91, 0.1)}
.nav-list-calander .nav-item:first-child a {border-radius: 5px 0 0 5px;border: 0px solid !important;}
.nav-list-calander .nav-item:last-child a {border-radius: 0 5px 5px 0}
.nav-list-calander .nav-item .active {border: 0 !important;color: #fff !important;background-color: #0fa05b !important}
.nav-pills .nav-link.invalid-feedback {color: #ff5c75}
.schedule-scheme-card .card {border-radius: 5px}
.bg-card0 {background-color: #ffd1d1}
.bg-card1 {background-color: #ffe0ee}
.bg-card2 {background-color: #c2f5e9}
.bg-card3 {background-color: #d0f0fd}
.bg-card4 {background-color: #ede2fe}
.bg-card5 {background-color: #fee2d5}
.bg-card6 {background-color: #ffdaf6}
.bg-card7 {background-color: #cfdfff}
.text-black {color: #000}
span.before {padding-left: 10px;position: relative}
span.before:before {width: 4px;height: 4px;background-color: #b2b2b2;content: "";position: absolute;top: 8px;border-radius: 50%;left: 2px}
.apex-charts text {font-family: "Poppins", sans-serif !important;fill: #000000 !important;font-size: 14px}
.apexcharts-legend-text {color: #545454 !important;font-family: "Poppins", sans-serif !important;font-size: 14px !important}
.apexcharts-tooltip-series-group.active,.apexcharts-tooltip-series-group:last-child {color: #000}
.apexcharts-legend-custom .apexcharts-legend-series {margin: 8px 5px;display: inline-block}
.apexcharts-legend-custom .apexcharts-legend-marker {height: 12px;width: 12px;border-radius: 12px;display: inline-block;margin-right: 10px}
.apexcharts-tooltip-text-value,.apexcharts-tooltip-text-z-value {margin-left: 0px !important;}
.apexcharts-tooltip-marker{display: inline-block;}
#framework-bar-chart .apexcharts-yaxis text, #framework-bar-chart .apexcharts-xaxis text {fill: #444444;}
.custom-accordionwitharrow .card {margin-bottom: 20px;border-radius: 5px !important;overflow: unset}
.custom-accordionwitharrow .card+.card {margin-top: 0}
.custom-accordionwitharrow .card .card-header {padding: .75rem 1.25rem;cursor: pointer}
.custom-accordionwitharrow .card-header i.accordion-arrow {font-size: 1.3rem}
.custom-accordionwitharrow a.collapsed i.accordion-arrow:before {content: "\E82D"}
.custom-accordionwitharrow a:not(.collapsed) i.accordion-arrow:before {content: "\E831"}
.custom-accordionwitharrow .card-body {padding: 0 20px 40px}
.custom-accordionwitharrow .dropdown-menu[x-placement^=top] {top: calc(100% - 25px) !important;left: 0px !important;right: auto !important}
a.cke_dialog_ui_button_ok {background: #0fa05b !important;border-color: #0fa05b !important}
.cke_panel_block:focus,.dropdown-item:hover,.dropdown-item:focus {outline: none}
.m-signature-pad {position: relative;font-size: 10px;width: 100%;background-color: #fff;border-radius: 4px;padding: 20px 20px 15px;min-width: 220px;min-height: 200px}
.m-signature-pad:before,.m-signature-pad:after {position: absolute;z-index: -1;content: "";width: 40%;height: 10px;left: 20px;bottom: 10px;background: transparent;-webkit-transform: skew(-3deg) rotate(-3deg);-moz-transform: skew(-3deg) rotate(-3deg);-ms-transform: skew(-3deg) rotate(-3deg);-o-transform: skew(-3deg) rotate(-3deg);transform: skew(-3deg) rotate(-3deg);box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4)}
.m-signature-pad:after {left: auto;right: 20px;-webkit-transform: skew(3deg) rotate(3deg);-moz-transform: skew(3deg) rotate(3deg);-ms-transform: skew(3deg) rotate(3deg);-o-transform: skew(3deg) rotate(3deg);transform: skew(3deg) rotate(3deg)}
.m-signature-pad--body {left: 0px;right: 0px;top: 0px;bottom: 65px;position: absolute;border-bottom: 1px solid #f4f4f4;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;padding: 20px 20px 15px}
.multiselect-container .checkbox {font-weight: normal !important}
.multiselect.btn-light.disabled {background-color: #eee;border-color: #ddd;}
.m-signature-pad--body canvas {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 4px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset}
.m-signature-pad--footer {left: 0px;right: 0px;bottom: 15px;height: 50px;position: absolute}
.right-bar .icon-cross {width: 28px;height: 28px;background-color: #eb6565;display: block;border-radius: 50%;background-size: 60%}
.calendar-load {position: relative}
.calendar-load:before {content: 'Loading...';width: 100%;height: 100%;background: rgba(255, 255, 255, 0.85);position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 2;color: #000;text-align: center;vertical-align: middle;display: flex;align-items: center;justify-content: center}
.child-loader {display: block;text-align: center;padding: 30px 0;font-size: 16px}
.multiselect.btn {text-align: left}
.multiselect-item.active:not(.disabled) input[type=checkbox]~.form-check-control-indicator {border-radius: unset;background-color: #e682ae;border-color: #e682ae}
.multiselect-item input[type=checkbox]:checked~.form-check-control-indicator:after,.multiselect-item input[type=radio]:checked~.form-check-control-indicator:after {content: "";top: 2px;left: 6px;border: 2px solid #fff;border-top-width: 0;border-left-width: 0;transform: rotate(45deg);width: 6px;height: 13px}
.multiselect-item.dropdown-item.form-check .form-check-label {font-weight: 400}
.multiselect-item.dropdown-item.form-check.disabled {display: none;}
div.dataTables_wrapper div.dataTables_processing {top: 0;width: 100%;margin: 0;left: 0;text-align: center;padding: 1em 0;background: rgba(255, 255, 255, 0.75) !important;height: 100%;justify-content: center;}
.alert-danger {background: rgba(235, 101, 101, 0.2);border: 0;padding: .95rem 1.25rem;}
.alert-success {background: rgba(15, 160, 91, 0.1);border: 0;padding: .95rem 1.25rem;}
.alert-default {background: #f4f4f4}
.sidebar-child {position: absolute;right: 0;transition: all 0.3s;}
.sidebar-child.fixed {position: absolute;top: 0;}
.sidebar-child.bottom {position: absolute;bottom: 0;}
.child-dropdown svg {background-color: #f1f1f1;border-radius: 2px;height: 20px;width: 20px;color: #4b4b5a;}
.child-dropdown a.dropdown-toggle:hover svg {color: #0dac72;fill: rgba(83, 105, 248, 0.1);}
.child-dropdown .dropdown-menu[x-placement^=top] {top: calc(100% - 25px) !important;left: 15px !important;right: auto !important;}
.child-dropdown .dropdown-menu {max-height: 250px;overflow: auto;}
.no-edit .use-app,.no-edit .input-group-append {display: none}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance: textfield;}
#accordionChild.custom-accordionwitharrow .card-header i.accordion-arrow {margin-right: -10px;margin-top: -5px;}
.datepicker-days {background-color: #fff;box-shadow: none;border: 2px solid #e2e7f1;font-size: 14px;line-height: 24px;border-radius: 5px;position: absolute;width: 307.875px;color: #000;}
.multiselect.btn:before {border-color: #545454 transparent transparent transparent;z-index: 1;border-width: 5px 4px 0px 4px;display: block;position: absolute;top: 22px;border-style: solid;right: 15px;content: '';}
.child-list-item .media {padding: 10px 25px 10px 15px;border: 1px solid #d9d9d9;border-radius: 5px;}
section {padding: 5px 0;}
section .section-title {text-align: center;color: #0dac72;margin-bottom: 50px;text-transform: uppercase;}
/* .tabs{background: #0dac72;color: #eee;} */
/* .tabs .tab-pane{background: white;color: #545454;}
.tabs h6.section-title{color: #eee;}
.tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #0fa05b;background-color: transparent;border-color: transparent transparent #f3f3f3;border-bottom: 3px solid !important;font-size: 14px;}
.tabs .nav-tabs .nav-link {border: 1px solid transparent;border-top-left-radius: .25rem;border-top-right-radius: .25rem;color: #eee;font-size: 14px;} */
.btn-sucess-light {font-size: 14px;font-weight: 600;border-radius: 5px;background-color: #0fa05b26;color: #0fa05b;padding: 10px 20px 10px 20px;}
.btn-danger-light {font-size: 14px;font-weight: 600;border-radius: 5px;background-color: #eb65651a;color: #eb6565;padding: 10px 20px 10px 20px;}
.btn-md{padding: 9px 19px;}
.btn-small{padding: 7px 9px;}
.btn-medium{padding: 10px 15px;}
.btn-icon-small{padding: 10px 12px;}
.table-schedule{border-bottom: 1px solid #f6f6f7;margin-bottom: 0;}
.learning-box{padding: 10px 20px;border-radius: 5px;border: solid 1px #d9d9d9;}
.learning-story.alert .icon-alert-danger{background-size: 100%;width: 26.8px;height: 25.3px;display: block;}
.icon-parant-hide{width: 30px;height: 30px;background-color: #e682ae;border-radius: 100%;display: flex;align-content: center;justify-content: center;align-items: center;}
.learning-story .card-body,.daily-record .card-body {padding: 30px;}
.daily-record .upload-file{width: 110px; height: 110px;}
.icon-eye-hide{background-size: 100%;width: 17.9px;height: 13.4px;display: block;}
.comment-box .chat-link a{width: 34px;height: 34px;display: inline-block;}
.comment-box .chat-link {position: absolute;right: 7px;top: 8px;}
.comment-box .icon-send {width: 100%;height: 100%;display: block;}
.comment-box .icon-send-image {width: 100%;height: 100%;display: block;}
.view-previous-story{padding: 10px 15px;border-radius: 3px;background-color: #f4f4f4;color: #545454;font-size: 14px;font-weight: 500;display: inline-block;}
.view-comment{color: #545454;}
.chat-input .form-control.comment {padding-right: 85px;}
.comment-item .icon-delete{display: block;width: 12.5px;height: 16.7px;}
.comment-item .upload-item{margin-right: 15px;margin-bottom: 15px;}
.comment-item .upload-file {width: 115px;height: 115px;}
.rectangle-green-box{display:inline-block;padding: 9px 15px;border-radius: 3px;background-color: #0fa05b1a;margin:0 10px 10px 0}
.story-sign-box{width: 140px;border-radius: 6px;background-color: #f8f8f8;}
@media (min-width:778px) {
.child-list-item:first-child {padding-right: 7px;}
.child-list-item:last-child {padding-left: 7px;}}
@media (max-width:991.98px) {.image-anim {display: none}}
@media (max-width:576px) {
.btn-min-width {min-width: 150px}
.modal-header .close {right: 10px;top: 5px}
.modal-dialog-centered {margin: 0.75rem;min-height: calc(100% - 2rem)}
.datatable-title {margin-bottom: 10px}
.btn-group>.btn-group:not(:first-child)>.btn {border-radius: 5px}
.user-profile .school-menu .profile-dropdown-items {transform: none !important;left: auto !important;right: 0 !important;}}
@media (max-width:375px) {
.flatpickr-calendar,.flatpickr-days,.dayContainer,.datepicker-days {width: 240px;min-width: unset}
div.dataTables_wrapper div.dataTables_filter label {white-space: normal}
.nav-pills .nav-link {padding: 0.5rem 0.75rem}}
.two-line-desc{-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;max-height:3rem;word-break:break-all}
.all-count span {background-color: rgba(15, 160, 91, 0.1);width: 36px;height: 36px;padding: 10px 5px;color: #0fa05b;border-radius: 25px;line-height: 18px;display: inline-block;margin-right: 10px;text-align: center;font-size: 14px;font-weight: 600;}
.select2-results__option.select2-results__option--highlighted .all-count span, .select2-container--default .select2-results__option[aria-selected=true] .all-count span {background-color: #fff !important;}
.btn-disable-absent-sick {opacity: 0.5;}
.flatpickr-wrapper{width: 100%;}
.btn-soft-dark{border: 0;border-radius: 5px;background-color: #f4f4f4;color: #545454;font-weight: 600;font-size: 14px;}
.p-20{padding: 20px!important;}
.p-20 .mx-n3 {margin-left: -1.25rem!important;margin-right: -1.25rem!important;}
.border-radius-5{border-radius: 5px}
.border-radius-10{border-radius: 10px}
.child-border{padding: 10px 20px;border-radius: 5px;border: solid 1px #d9d9d9;}
#smartwizard-billing.sw-theme-default>ul.step-anchor>li.active>a{color: #545454!important;}
input[data-per-price='true']::placeholder{text-align: right;color: #545454;}
input[data-per-price='true']:-ms-input-placeholder{text-align: right;color: #545454;}
input[data-per-price='true']::-webkit-input-placeholder{ text-align: right;color: #545454;}
.package-price{font-size:18px;font-weight:500;padding:13px;background-color:#f4f4f4;border-radius:4px;display: inline-block;}
.added-package .icon-cross {cursor:pointer;position:absolute;margin: 0;right: 5px;top: -12px;width: 24px;height: 24px;display: block;background-color: #eb6565;border-radius: 50%;z-index: 2;}
.added-package .add-new .blank-box{background-color: #f4f4f4;min-height: 92px;cursor: pointer;z-index: 1;}
.added-package .add-new .icon-plus {position: absolute;width: 40px;height: 40px;display: block;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.added-package .add-new .fill-box,.added-package .add-new .icon-cross {display: none}
.btn.btn-soft-success{font-weight: 500;background-color: #ffffff;border-radius: 4px;border: solid 1px #119651;}
.btn.btn-sm.btn-soft-success{padding: 8px ​19px;}
.package-item input.package {visibility: hidden;position: absolute;}
.bg-grey {background-color: #f4f4f4;}
.package-item .package-days{display: none;}
.package-item.selected .package-price{background-color: #0fa05b;color: #ffffff;}
.package-item.package-pink .package-price, .package-item.selected.package-pink .package-price{background-color: #e682ae;color: #ffffff;}
.package-item.selected .btn-select-package{display: none;}
.package-item.selected .package-days{display: block;}
.package-control label{width: 38px;height: 38px;padding: 12px 10.5px 11.6px 9.7px;border-radius: 100px;background-color: #e8e8e8;}
.package-control input[type="checkbox"], .package-control input[type="radio"] {opacity: 0;z-index: 1;position: absolute;}
.package-control.package-success input[type="checkbox"]:checked+label, .package-control.package-success input[type="radio"]:checked+label {background-color: #0fa05b;background-image: url('../images/icons/tick.svg');background-repeat: no-repeat;background-position: center;}
.package-control.package-pink input[type="checkbox"]:checked+label, .package-control.package-pink input[type="radio"]:checked+label {background-color: #e682ae;}
.week-days .day{border-radius: 3px;background-color: #f4f4f4;font-weight: 400;width: 36px;height: 34px;padding: 7px 10px;text-align: center;margin-right: 10px;}
.week-days.week-success .day.selected{background-color: #0fa05b;color: #fff;}
.week-days.week-pink .day.selected{background-color: #e682ae;color: #fff;}
[class*="package-status-"], [class*="report-status-"]{padding:5px 7px;border-radius: 4px;}
.package-status-cancelled{background-color: rgba(235, 101, 101, 0.1);color: #eb6565;}
.package-status-overdue{background-color: rgba(235, 101, 101, 0.1);color: #eb6565;}
.package-status-pending,.report-status-pending{background-color: rgba(230, 130, 174, 0.2);color: #e682ae;}
.package-status-paid,.report-status-complete{background-color: rgba(15, 160, 91, 0.1);color: #0fa05b;}
.package-status-refunded{background-color: rgba(230, 130, 174, 0.2);color: #e682ae;}
.table-invoice{border-radius: 10px;box-shadow: 0 0 0 1px #d9d9d9;overflow: hidden;}
.table-invoice thead th, .table-invoice tfoot td{border: solid 1px #d9d9d9;background-color: #f4f4f4;}
.table-invoice thead th{font-weight: 600;}
.table-invoice tbody td{border: solid 1px #d9d9d9;background-color: #ffffff;}
.edited{width: 14px;height: 14px;border-radius:50%;background-color: #eb6565;display: inline-block;margin-right: 8px;}
#target-report-chart .apexcharts-gridlines-horizontal line {stroke: #7070701a;}
#target-report-chart .apexcharts-tooltip.light{background: transparent;border: 0;box-shadow: none;}
#target-report-chart .apexcharts-tooltip .apexcharts-tooltip-title,
#target-report-chart .apexcharts-tooltip .apexcharts-tooltip-marker,
#target-report-chart .apexcharts-tooltip .apexcharts-tooltip-y-group .apexcharts-tooltip-text-label{display: none;}
#target-report-chart .apexcharts-tooltip-series-group {padding: 0;border: 0;}
#target-report-chart .apexcharts-tooltip-y-group {padding: 0;}
#target-report-chart .apexcharts-tooltip-text {padding: 10px 15px;border-radius: 5px;box-shadow: 0 0 6px 0 rgb(0 0 0 / 9%);background-color: #545454;color: #fff;}
@media (max-width:576px) {#target-report-chart {overflow: auto;}}
.font-weight-500 {font-weight: 500;}
.text-dark-grey {color: #545454;}
.cursor-pointer {cursor: pointer;}
.rounded-5px {border-radius: 5px;}
.require-info {position: absolute;right: 15px;bottom: 15px;}
.tooltip.req-info  .tooltip-inner {max-width: 400px;padding: 10px;text-align: left;}
.tooltip.req-info  .tooltip-inner ul{padding-left:20px;}
.text-italic{font-style: italic;}
.time{color: #b2b2b2;font-size: 11px;}
.rounded-success{border: solid 2px #0fa05b;}
.rounded-pink{border: solid 2px #e682ae;}
.activity-list div.avatar, .activity-list div.avatar-sm {position: relative;}
.avatar-second{position: absolute;width: 23px;height: 23px;bottom: 0px;right: -5px;}
.avatar-third{position: absolute;width: 15px;height: 15px;bottom: -5px;right: 0px;}
.text-purple{color: #8286e6;}
.message + .message,  .message-divider + .message {margin-top: 0.5rem;}
.message + .message-divider {margin-top: 1rem;}
.message-content {border-radius: 10px 10px 10px 1px;display: inline-block;word-break: break-word;padding: 10px 12px;color: #000;}
.message-right .message-row .message-content {border-radius: 10px 10px 1px 10px;}
.message-right .message-row .d-flex {justify-content: flex-end;}
.message-divider .text {border-radius: 20px;padding: 5px 12px;}
.message-divider .bg-light {background-color: #f4f4f4!important;}
.message-divider .bg-green{background-color: rgba(15, 160, 91, 0.1) !important;}
.message-divider .bg-pink{background-color: rgba(230, 130, 174, 0.1) !important;}
.message-body .bg-light {background-color: #f4f4f4!important;}
.message-body .bg-success {background-color: rgba(15, 160, 91, 0.1) !important;}
.message-body .media-box {max-width: 200px;max-height: 200px;text-align: center;display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;}
.message-body .media-box.pdf {width: 150px;height: 150px;}
.message-body .media-box video{max-width: 200px;min-width: 200px;max-height: 200px;text-align: center;}
.message-body .media-box video:not(.download){object-fit: fill;-webkit-filter: blur(3px);-moz-filter: blur(3px);-o-filter: blur(3px);-ms-filter: blur(3px);filter: blur(3px);}
.message-body .media-box.video .video-duration, .message-body .media-box.video .video-size{font-size: 11px;border-radius: 14px;color:#fff;background-color: #000;position: absolute;right: 10px;bottom: 10px;padding: 5px 10px;}
.message-body .media-box.video .video-size{background-color: #0000004d;}
.message-body .media-box .icon-play, .message-body .media-box .icon-pause, .fancybox-slide--video .icon-play, .fancybox-slide--video .icon-pause{position: absolute;width: 35px;height: 35px;z-index: 1;display: none;}
.fancybox-slide--video .icon-play, .fancybox-slide--video .icon-pause{width: 65px;height: 65px;background-size: 100%;}
.message-body .media-box:not(.play) .icon-play, .message-body .media-box.play .icon-pause, .fancybox-slide--video:not(.play) .icon-play, .fancybox-slide--video.play:hover .icon-pause{display: block;}
.message-body .icon-delete-danger{display: inline-block;width: 12.5px;height: 16.7px;margin-right: 6px;}
.chat-contaniner .avatar {object-fit: cover;}
.chat-back {font-size: 25px;color: #0fa05b;margin-right: 5px;display: none;}
.chat-sender .activity-widget {margin-bottom: 0;}
.chat-messages .message-header{position: sticky;top: 70px;background: #fff;z-index: 1;}
.chat-sender .card::-webkit-scrollbar, .chat-messages .card::-webkit-scrollbar {width: 4px;}
.chat-sender .card::-webkit-scrollbar-track, .chat-messages .card::-webkit-scrollbar-track {background: transaparent;}
.chat-sender .card::-webkit-scrollbar-thumb, .chat-messages .card::-webkit-scrollbar-thumb {background: rgba(158, 165, 171, 0.5);border-radius: 5px;}
.chat-sender .card::-webkit-scrollbar-thumb:hover, .chat-messages .card::-webkit-scrollbar-thumb:hover {background: rgb(158, 165, 171);border-radius: 5px;}
@media (min-width: 1200px){ .message-content {max-width: 45%;} .chat-sender .card, .chat-messages .card {max-height: calc(100vh - 110px);top: 70px;position: sticky;overflow: auto;} .chat-messages .message-header{top: 0px; } }
@media (max-width: 991.98px){ .chat-sender:not(.show), .chat-messages:not(.show){display: none;} .chat-back{display: block;} }
.upload-multiple-file .icon-video-icon{position: absolute;z-index: 5;left: 10px;top: 10px;}
.comment-media-attach .upload-multiple-file .upload-file {width: 115px;height: 115px;}
.comment-media-attach .upload-multiple-file .upload-file .icon-plus {width: 53px;height: 53px;top: 30px;left: 30px;}
.tooltip-big .tooltip-inner {max-width: 500px;}
.tooltip-medium .tooltip-inner {max-width: 400px;}
.tooltip-small .tooltip-inner {max-width: 250px;}
.img-notation{max-width: 275px;max-height: 275px;object-fit: contain;}
.img-body-part {width: 56px;height: 56px;border-radius: 50%}
.select2-container .select2-selection--multiple .select2-selection__choice{display: flex;align-items: center;}
.apex-chart-custom-tooltip{padding: 10px 15px;border-radius: 7px;background-color: #545454;color: #fff;}
.chart-card{overflow-x: auto;}
.chart-card::-webkit-scrollbar {width: 5px;height: 10px;}
.chart-card::-webkit-scrollbar-track {background: transaparent;}
.chart-card::-webkit-scrollbar-thumb {background: rgba(158, 165, 171, 0.5);border-radius: 10px;}
.chart-card::-webkit-scrollbar-thumb:hover {background: rgb(158, 165, 171);border-radius: 10px;}
.learning-story.accident .icon-checked{width:20px;height:20px;}
select.is-invalid+.select2-container .select2-selection--single {border-color: #ff5c75;}
.alert-secondary-light{background-color: #f4f4f4;}
label.custom-switch {position: relative;width: 38px;height: 14px;margin-bottom: 0;display: flex;font-weight: normal;margin-top: 4px;padding: 0;}
.custom-switch input {opacity: 0;width: 0;height: 0;}
.custom-switch .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.custom-switch .slider:before {position: absolute;content: "";height: 20px;width: 20px;left: 0px;bottom: -3px;background-color: #0fa05b;-webkit-transition: .4s;transition: .4s;}
.custom-switch input:checked + .slider {background-color: #0fa05b33;}
.custom-switch input:focus + .slider {box-shadow: 0 0 1px #0fa05b33;}
.custom-switch input:checked + .slider:before {-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);}
.custom-switch .slider.round {border-radius: 34px;}
.custom-switch .slider.round:before {border-radius: 50%;  }
.table-planing tfoot tr th, .table-planing tfoot tr td{background-color: #f4f4f4;white-space: nowrap;}
.table-planing tbody tr td:not(:first-child),.table-planing thead tr td:not(:first-child) {text-align: center;}
.table-planing.table-bordered td,.table-planing.table-bordered th {border: 1px solid #d9d9d9;white-space: nowrap;}
.table-planing.table-bordered td{font-size: 12px;}
.pipe{font-weight: 500;color: #d9d9d9;}
.toggle-child{cursor: pointer;}
.tooltip { pointer-events: none; }
.bg-light-blue{background-color: #6772e5;}
.bg-light-green{background-color: rgba(15, 160, 91, 0.1) !important;}
.bg-light-pink, .btn-light-pink{background-color: rgba(230, 130, 174, 0.1) !important;}
.btn-light-pink{color: #e682ae;}
.grid-container {-moz-column-count: 1;column-count: 1;-moz-column-gap: 15px;column-gap: 15px;-moz-column-fill: balance;column-fill: balance;}
.grid-container .grid-item {margin: 0 0 15px;page-break-inside: avoid;-moz-column-break-inside: avoid;break-inside: avoid;width: 100%;}
@media (min-width: 1200px) {.grid-container {-moz-column-count: 2;column-count: 2;}}
.grid-container .dropdown-menu.show {top: -45px!important}
.custom-control-input.is-invalid ~ .custom-control-label{color: #545454;}
.custom-control-input.is-invalid ~ .custom-control-label::before{border-color: #cccccc;}
.form-control.collect-input {height: calc(2.5em + 10px);padding: 9.4px 13px;font-size: 13px;}

.rate-section {background-color: #0fa05b0d; padding: 25px 30px;}
.nav-tabs.step-anchor li a {padding: 1rem 1.3rem;}
.checkbox-success input[type=checkbox]:checked+label::before {background-color: #0fa05b;border-color: #0fa05b;}
.input-placeholder {position: absolute;right: 35px;font-size: 14px;font-weight: 500;top: 15px;}
.bg-pink {background-color: #e682ae!important;}
.card-billing{border-radius: 10px;}
.card-billing .card-header{border-radius: 10px 10px 0 0;padding: 12px 30px;}
.card-billing .card-body {padding: 0;}
.card-billing .card-body .item{border-bottom: 1px solid#7070701a;}
.card-billing .card-body .item:nth-child(odd){border-right: 1px solid#7070701a;}
.card-billing .card-body .item-border-right:nth-child(odd){border-right: 1px solid#7070701a;}

@media (max-width:768px) {
    .card-billing .card-header{padding: 20px 30px;}
}
.footer{
    border-top: 1px solid #e2e7f1;
}

.error{
    width: 100%;
    margin-top: 0.25rem;
    font-size: 14px;
    color: #ff5c75;
    font-weight: 500;
}

/* The container */
.mp-custom-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.mp-custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.mp-custom-checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.mp-custom-checkbox input:checked ~ .checkmark {
    background-color: #B20537 !important;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */
.mp-custom-checkbox input:checked ~ .checkmark:after {
    display: block;
}
/* Style the checkmark/indicator */
.mp-custom-checkbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.daterangepicker .ranges li.active {
    background-color: #B20537!important;
    color: #fff!important;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    color: #fff !important;
}
@media (min-width: 768px) {
    .left-sidebar .mp-min-w-200{
        min-width: 200px;
    }
}

.left-side-menu-condensed .mp-min-w-200{
    min-width: 0px !important;
}
.theme-text-red{
    color: #B20537 !important;
}
.font-emp-1{
    font-size: 1.2rem;
}
/* .dataTables_wrapper .dataTables_filter label span {
    vertical-align: middle;
}
.dataTables_wrapper .datatable-title {
    margin-bottom: 0.5rem;
}
.dataTables_wrapper .col-md-auto.ml-md-auto:has(> .dataTables_filter) {
    margin-left: 0px !important;
} */
.font-weight-600 {
    font-weight: 600;
}
.font-weight-900 {
    font-weight: 900;
}
.disabled-anchor-tag {
    pointer-events: none;
    opacity: .65;
}
.border-black{
    border-color: black !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #B20537!important;
    color: #ffffff !important;
}
.theme-custom-select2+.select2-container .select2-selection--single{
    height: 50px !important;
    border: 1px solid #d9d9d9 !important;
}
.theme-custom-select2+.select2-container .select2-selection--single .select2-selection__rendered{
    margin-top: 6px;
}
.theme-custom-select2+.select2-container .select2-selection--single .select2-selection__arrow{
    margin-top: 8px;
}
div.dataTables_wrapper div.dataTables_filter{
    text-align: left;
}
.sticky-breadcrumb{
    padding: 20px 0;
    position: sticky;
    top: 72px;
    z-index: 2;
    background-color: #f3f4f7;
}
.fs-15{
    font-size: 15px !important;
}
.required::after{
    content: "*";
    color: red;
}

@media (max-width: 1024px) {
    .dataTables_wrapper .datatable-title {
        display: none;
    }
}
.btn-red:hover{
    background-color: #da2358 !important;
    border-color: #da2358 !important;
}
.required::after{
    content: "*";
    color: red;
}

.mp-border-radius-30{
    border-radius: 30px;
}

/* Base Badge Styles */
.mp-badge {
    display: inline-block;
    padding: 0.3em 1em;
    border-radius: 1rem;
    text-align: center;
    font-size: 0.8rem;
    font-weight: 600;
    color: #fff;
}

/* Color Variants */
.mp-badge-primary {
    background-color: rgba(0, 123, 255, 0.1); /* Light Primary */
    color: #007bff; /* Primary Text */
    border: 1px solid #007bff;
}

.mp-badge-secondary {
    background-color: rgba(108, 117, 125, 0.1); /* Light Secondary */
    color: #6c757d; /* Secondary Text */
    border: 1px solid #6c757d;
}

.mp-badge-success {
    background-color: rgba(40, 167, 69, 0.1); /* Light Success */
    color: #28a745; /* Success Text */
    border: 1px solid #28a745;
}

.mp-badge-info {
    background-color: rgba(23, 162, 184, 0.1); /* Light Info */
    color: #17a2b8; /* Info Text */
    border: 1px solid #17a2b8;
}

.mp-badge-warning {
    background-color: rgba(255, 193, 7, 0.1); /* Light Warning */
    color: #ffc107; /* Warning Text */
    border: 1px solid #ffc107;
}

.mp-badge-dark {
    background-color: rgba(52, 58, 64, 0.1); /* Light Dark */
    color: #343a40; /* Dark Text */
    border: 1px solid #343a40;
}
.mp-badge-danger {
    background-color: rgba(220, 53, 69, 0.1); /* Light Danger */
      color: #dc3545; /* Danger Text */
      border: 1px solid #dc3545;
}
/* END Badge */

.cancel-plan-btn {
    background-color: #eb6565 !important; /* Light Danger */
    color: #ffffff !important; /* Danger Text */
    border: 1px solid #eb6565 !important;
}

.anchor-animation{
    position: relative;
}
.anchor-animation::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    border-radius: 5px;
    height: 0.05em;
    bottom: 0;
    left: 0;
    background: currentcolor;
    transform-origin: bottom right;
    transition: transform 0.50s ease-out;
}
.anchor-animation:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

.remaining-days {
    width: 2.2rem;
    aspect-ratio: 1 / 1;
    background-color: #dc3545;
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 12px;
    flex-shrink: 0;
}

.pulse {
    animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0px rgba(160, 0, 0, 0.2);
    }
    100% {
        box-shadow: 0 0 0 20px rgba(160, 0, 0, 0);
    }
}
.datatable-title{
    margin-bottom: .5rem;
    align-content: center;
}
.dataTables_filter label span{
    vertical-align: middle;
}