.alert .close {
    float: right;
    background: bottom;
    border: unset;
    margin-top: -5px;
    font-size: large;
}

.input-group:focus-within {
    box-shadow: unset !important;
}

/* .template-customizer-open-btn {
    display: none !important;
} */

.required:after {
    content: " *";
    color: red;
}

.swal2-container {
    z-index: 1099 !important;
}

.select2-selection--single {
    height: 37px !important;
}

.select2-selection__rendered {
    line-height: 2.3 !important;
}

.select2-selection__arrow {
    height: 31px !important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #dbdade !important;
}

.drag-target {
    display: none !important;
}


aside .app-brand .app-brand-link .app-brand-logo{
    display: none;
}

.layout-menu-collapsed aside .app-brand .app-brand-link .app-brand-logo{
    display: block;
}

.layout-menu-hover aside .app-brand .app-brand-link .app-brand-logo {
    display: none !important;
}

.action-btn {
    margin-left: 3px !important;
    margin-right: 3px !important;
    margin-bottom: 3px !important;
    margin-top: 3px !important;
}

.action-btn i {
    border-radius: 15px;
    border: 1px solid;
    padding: 2px;
}

.slim_scroll {
    display: block;
    overflow: auto;
}


.slim_scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.slim_scroll::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #F5F5F5;
}

.scroll_2_slim::-webkit-scrollbar {
    width: 4px;
    height: 8px;
    background-color: #F5F5F5;
}

.slim_scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #c3c3c3;
}

.swal2-title {
    margin: unset !important;
}

#template-customizer {
    display: none;
}

.template-customizer-open-btn {
    display: none;
}

.dark-style .select2-selection__rendered {
    color: #b6bee3 !important;
    background-color: #2f3349 !important;
    border: 1px solid #434968 !important;
}

.dark-style .select2-container--default.select2-container--focus .select2-selection, .select2-container--default.select2-container--open .select2-selection {
    border: 1px solid #434968 !important;
}

.dark-style .select2-container--default .select2-selection--single {
    border: 1px solid #434968 !important;
}

.w-80 {
    width: 80% !important;;
}

.mentor-mentees-stats .apexcharts-toolbar {
    display: none !important;
}

.content-footer .footer-container {
    font-size: 0.785rem;
}


.ml-auto {
    margin-left: auto;
}

.mr-auto {
    margin-right: auto;
}

@media (min-width: 768px) {
    .ml-md-auto {
        margin-left: auto;
    }
    
    .mr-md-auto {
        margin-right: auto;
    }
}

div.dataTables_wrapper div.dataTables_length select {
    margin-left: 0rem !important;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: unset !important;
}

#layout-menu hr {
    border-top: 2px solid #eee !important;
    color: #eee !important;
    margin-top: 0.4rem !important;
}

#layout-menu .app-brand-text {
    margin-top: 0.4rem !important;
}

.light-style .menu .app-brand.demo {
    height: 100px !important;
}

.card-datatable {
    padding-bottom: 0px !important;
}

table.dataTable {
    margin-bottom: 0px !important;
}

.form-label {
    font-size: 14.5px !important;
}

.container-p-y:not([class^=pt-]):not([class*=" pt-"]) {
    padding-top: unset !important;
}

.avatar-online img {
    border: 1px solid black;
}

html:not([dir=rtl]) .app-brand-text {
    margin-left: 0 !important;
}

.avatar {
    height: 1.7rem !important;
    width: 1.7rem !important;
}

.select2-container--default .select2-selection--multiple {
    border-color: #dbdade !important;
}

.select2-container .select2-search--inline .select2-search__field {
    height: 25px !important;
}

.table-img {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    border: 1px solid #eee;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px
}

.select2-container .select2-search--inline .select2-search__field {
    font-family: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif
}


.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    color: #fff !important; /* Change this to your desired placeholder color */
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #0000a9;
    border: #0000a9;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: #0000a9;
    border-right: 1px solid #06067f;
    color: #fff !important; /* Change this to your desired placeholder color */
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: #06067f;
}


textarea.select2-search__field::placeholder {
    color: #999; /* Change this to your desired placeholder color */
}

.mr-0 {
    margin-right: 0px !important;
}

.px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

div.dataTables_processing > div:last-child > div {
    background: #0000a9 !important;
}

.badge-border {
    border: 2px solid #0000a9 !important;
    color: #0000a9;
    font-weight: 800;
    font-family: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.btn-close {
    background-color: #0000a9 !important;
    color: #fff !important;
}


.modal .btn-close {
    background-color: #0000a9 !important;
    border-radius: 0.375rem;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%23ffffff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%23ffffff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    opacity: 1;
    padding: 0.44rem;
    box-shadow: 0 0.125rem 0.25rem rgba(165, 163, 174, 0.3);
    transition: all 0.23s ease 0.1s;
}

.auth-cover-img {
    background: url("./images/login.jpg"); 
    background-size: cover !important; 
    background-position: top !important;
}

html:not([dir=rtl]) .modal .btn-close:hover, html:not([dir=rtl]) .modal .btn-close:focus, html:not([dir=rtl]) .modal .btn-close:active {
    transform: unset !important;
}


html:not([dir=rtl]) .modal .btn-close {
    transform: unset !important;
    top: -1rem !important;
    right: -1rem !important;
}

.px-1by2 {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
}

.general-color td {
    background-color: #44e0a429;
}

.matching-color td {
    background-color: #f5cf0329;
}

.partnership-color td {
    background-color: #ff9f4335;
}

.deleted-color td {
    background-color: #e72d2d4a;
}

.completed-partnership-color td {
    background-color: #ff6c6c29;
}

.mr-2 {
    margin-right: 2px;
}

.two-fa-bg {
    /* background-color: #0000a9; */
    background-color: #ffffff;
} 

.bg-primary {
    background-color: #68d118 !important;
}

.page-item.active .page-link, .pagination li.active > a:not(.page-link) {
    border-color: #68d118 !important;
    background-color: #68d118 !important;
}

/* .bg-label-primary {
    color: #58b512 !important;
    background-color: #ecffde !important;
} */

.bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
    background: linear-gradient(72.47deg, #0000a9 22.16%, rgb(47 48 203 / 70%) 76.47%) !important;
    box-shadow: 0px 2px 6px 0px rgb(113 103 240 / 48%) !important;
}

.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus {
    background-color: #68d118 !important;
}

.nav-tabs .nav-link:not(.active):hover, .nav-tabs .nav-link:not(.active):focus, .nav-pills .nav-link:not(.active):hover, .nav-pills .nav-link:not(.active):focus {
    color: #68d118 !important;
}

div.ql-toolbar {
    border-top-right-radius: 0.375rem;
    border-top-left-radius: 0.375rem;
}

div.ql-container {
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}

.event-img-form {
    margin-top: 10px;
}

.event-body .section {
    width: 100%;
    min-height: 90vh;
}

.event-body .section-background {
    position: relative;
    background: white;
}

.event-body .section-background::before {
    content: "";
    position: absolute;
    top: -1rem;
    left: -1rem;
    display: block;
    background-color: #ffffff;
    background-image: linear-gradient(45deg, transparent 49%,
        #aaaaff 50%, transparent 51%);
    background-size: 5px 5px;
    right: -1rem;
    bottom: -1rem;
    z-index: -1;
}

.event-cover {
    width: 100%;
}

.event-cover-body {
    padding-top: 50px !important;
    height: 400px;
    overflow: hidden;
    margin-bottom: 30px;
    position: relative; /* Required for absolute child */
}

.event-corner-div {
    position: absolute;
    bottom: 0;
    right: 0;
    color: white;
    padding: 10px;
    padding-bottom: 18px;
}

.event-footer-link {
    margin-bottom: 1.5rem !important;
}

.event-card-header {
    position: relative;
    height: 200px;
    overflow: hidden;
}

.event-card-header img {
    width: 100% !important;
    height: 100%;
}

.event-card-header-corner {
    position: absolute;
    top: 0;
    right: 0;
    padding: 7px 17px 7px 17px;
    margin-top: 10px;
    margin-right: 10px;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #eee;
}

.event-card-tags {
    width: 100%;
    overflow: hidden;
    display: flex;
}

.event-card-footer {
    background-color: #eeeeee4d;
}

.no-wrap-box {
    width: 97%;
    white-space: nowrap;
    overflow: hidden;       /* Optional: hides overflow */
    text-overflow: ellipsis; /* Optional: adds "..." */
}

.event-card-body {
    height: 140px !important;
}

.event-body section {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

.section-logo {
    padding-top: 1.5rem !important
}