/* CSS Global elements */
.bg-theme {
    color: var(--gs-text-primary);
    background-color: var(--gs-primary);
}

.bg-theme-light {
    color: var(--gs-text-primary);
    background-color: var(--gs-primary-light);
}

.btn-theme:hover {
    color: var(--gs-text-primary);
    background-color: var(--gs-primary-light);
    /* border-color: var(--gs-primary); */
}

.btn-theme {
    color: var(--gs-text-primary);
    background-color: var(--gs-primary);
    /* border-color: var(--gs-primary); */
    box-shadow: 0 1px 0 rgb(255 255 255 / 15%);
}

.border-theme {
    border-color: var(--gs-secondary)!important;
}

.text-theme {
    color: var(--gs-secondary)!important;
}

.customizer .service-panel-toggle {
    background-color: var(--gs-secondary);
}

.sidebar-nav ul .sidebar-item.selected>.sidebar-link {
    background-color: var(--gs-primary-light);
}

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] ul {
    background-color: var(--gs-primary);
}

.sidebar-nav ul .sidebar-item .sidebar-link:not(.active),
.sidebar-nav ul .sidebar-item .sidebar-link:not(.active)  i {
    color: var(--gs-text-primary);
}

.sidebar-nav .has-arrow:not(.active)::after {
    border-color: var(--gs-text-primary);
}

/* ================> Topbar */

#main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin6] {
    background-color: var(--gs-third);
}

#main-wrapper .topbar .top-navbar .navbar-header {
    border-right: 1px solid rgb(120 130 140 / 0%)!important;
    background: var(--gs-third) !important;
    text-align: center;
}

#main-wrapper .topbar .top-navbar .navbar-header .logo-icon img{
    height: 2.2rem;
}


/* ================> Page footer */

.footer {
    color: var(--gs-text-primary);
    background-color: var(--gs-primary);
}

/* ================> DataTables paginate */

.page-breadcrumb .breadcrumb .active, .page-link {
    color: var(--gs-primary-light);
}

.page-item.active .page-link {
    color: var(--gs-text-primary);
    background-color: var(--gs-primary);
    border-color: var(--gs-primary);
}

/* ================> Select2 */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: var(--gs-text-primary) !important;
    background-color: var(--gs-primary) !important;
}


/* ==================== Form Style ============================ */
.contact-form {
    margin-left: auto;
    margin-right: auto;
    border: 1px solid rgba(48, 146, 85, 0.2);
    border-radius: 10px;
    background: white;
}

@media (max-width: 991px) {
    .contact-form {
        padding: 2em;
    }
}

.form-wrapper::before {
    content: " ";
    display: inline-block;
    width: 15%;
    height: 2.7px;
    position: relative;
    top: -1em;
}

.create-form input:focus {
    border-color: green;;
}

.contact-wrapper {
    padding: 30px;
}

/*  */
.form-label {
    font-weight: 600;
    margin-bottom: 0px !important;
}

.single-form {
    margin-bottom: 15px;
}

.single-form input {
    height: 40px;
    padding: 0 15px;
}

/* Sweet Alert */

.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal {
    width: 53%;
}

.swal2-popup .swal2-title {
    justify-content: center;
    padding-top: 0.8rem;
    text-transform: uppercase;
    display: flex !important;
}
