:root {
    --black-color: black;
    --white-color: white;
    --nav-active-bg: #0c68a91f;
    --background-theme-color: #e5e9ed;
    --red-color: red;
    --primary-color: #0c68a9;
    --primary-color-nav: #0c68a9;
    --table-head-color: #f7faff;
    --table-data-color: #f7faffa4;
    --input-background-color: #f5f7fa;
    --green-color: #0ac23e;
    --warning-color: #E56E00;
    /* background-color: #28a7456b !important; */
    --alert-success-color: #28a7456b;
    --alert-danger-color: #dc354559;
    --card-background-1: #DBDADA;
    --card-background-2: #EDEDED;
    --card-background-3: #FBFBFB;
    --pink-light-color: #FFE8F6;
    --gray-color: #999999;
    --ligght-black:#393939;
}

@font-face {
    font-family: 'Chivo';
    src: url('../../fonts/Chivo-Bold.ttf') format(truetype);
}

@font-face {
    font-family: 'Chivo-medium';
    src: url('../../fonts/Chivo-Light.ttf') format(truetype);
}

body {
    font-family: 'League Spartan', sans-serif !important;
}

.warning {
    color: var(--warning-color)
}

.green {
    color: #00B341 !important;
}

.brown {
    color: #7A271A !important;
}

.gray{
    color: var(--gray-color) !important;
}

.light-black{
    color: var(--ligght-black) !important;
}

.disabled {
    color: #D4D4D8 !important;
}


.shadow-sm {
    box-shadow: 0 .5rem 1rem #0c68a969 !important;
}

.navbar-nav .profile-border {

    border: 1px solid #D4D4D8;
    padding: 10px;
    border-radius: 10px;

}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
/* .nav-item {
    display: unset !important;
    align-items: center !important;
} */

.page-item.active .page-link {
    z-index: 3;
    color: var(--white-color);
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.booking_details_body .address {
    color: #696969;
    font-weight: 400;
}

.dataTables_filter {
    display: flex;
    align-items: center;
}

.a-tag-color {
    color: #212529 !important;
}

.active {
    background-color: var(--primary-color) !important;
    color: var(--white-color) !important;
}

.text-active{
    color: var(--primary-color) !important;
}

@media screen and (max-width:620px) {
    .dataTable_header {
        flex-direction: column;
    }

}

/* .hide_on_448px {
    display: flex !important;
} */

@media screen and (max-width:450px) {
    .hide_on_448px {
        display: none !important;
    }
    .logout_show{
        display: inline !important;
    }

}

@media screen and (max-width:449px) {
    .select2-container {
        /* display: none !important; */
    }

}

@media screen and (max-width:1249px) {
    .row-cards {
        display: flex !important;
        flex-direction: column;
    }

}






@media screen and (max-width:578px) {

    .select-dashboard{
        height: 1000px !important;
        width: 100%;
    }
} 

@media screen and (max-width:705px) {

    .card-select{
        width: 400px !important;
    }
    
}

@media screen and (max-width:390px) {
    .box-profile {
        width: 100% !important;
    }
}

@media screen and (max-widt:579px) {
    .select-dashboard{
        height: 653px !important;
        width: 100%;
    }
    
}

@media screen and (max-width:360px) {
    .dataTables_filter {
        flex-direction: column;
    }
}

.reduce-form-group-margin .form-group {
    margin-bottom: 0.5rem !important;
}

@media screen and (max-width:578px) {
    #bookingTable_filter {
        flex-direction: column;
    }
}

@media screen and (max-width:1280px) {
    .make-form-direction {
        flex-direction: column;
    }

    .input-disable-6 {
        max-width: 100%;
    }

    .input-disable-6 input {
        width: 90% !important;
        margin-top: 5px;
    }

    .input-disable-6 label {
        width: 10% !important;
    }
}

@media screen and (min-width:280px) and (max-width:667px) {
    .make-form-direction {
        flex-direction: column;
    }

    .input-disable-6 {
        max-width: 100%;
    }

    .input-disable-6 input {
        width: 80% !important;
        margin-top: 5px;
    }

    .input-disable-6 label {
        width: 20% !important;
    }

    .input-disable-12 input {
        width: 80% !important;
        margin-top: 5px;
    }

    .input-disable-12 label {
        width: 20% !important;
    }
}




@media screen and (min-width:465px) and (max-width:591px) {
    .card-user {
        flex-direction: column;
        height: auto !important;
    }

    .user-detail {
        margin-bottom: 10px;
    }

    .booking-types {
        display: flex;
        column-gap: 50px;
    }

}

@media screen and (min-width:280px) and (max-width:464px) {
    .user-detail {
        flex-direction: column;
        justify-content: center;
    }

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

    .user-content {
        text-align: center;
    }

    .card-user {
        flex-direction: column;
        height: auto !important;
    }

    .user-detail {
        margin-bottom: 10px;
    }

    .booking-types {
        display: flex;
        column-gap: 50px;
    }

}

@media screen and (max-width:991px) {
    .card-inner {
        margin: 0px 10% !important;
    }

    .card-body {
        padding: 1.5rem 1rem !important;
    }
}

@media screen and (min-width:2400px) {
    .card-inner {
        margin: 0px 30% !important;
    }
}

.success {
    color: var(--green-color);
}

.danger {
    color: var(--red-color);
}

.brand-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.main-header {
    border-radius: 10px !important;
    margin: 0px auto;
}

.nav-title-page {
    /* font-family: League Spartan; */
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    /* font-weight: bold; */
    /* letter-spacing: 0em; */
    /* text-align: left; */
}

.p-custome {
    /* padding: 20px 20px 20px 20px !important; */
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
    /* border: 1px solid black; */
}


.d-card {
    background-color: var(--white-color) !important;
    border: none !important;
    outline: 0px !important;
    color: var(--black-color) !important;
    box-shadow: none !important;
    height: 120px !important;
}

.nav-item-navbar {
    display:flex  !important;
    align-items: center !important;
}

.inner {
    text-align: center;
}


.evalope-icon {
    margin: 0 auto;
    justify-content: center;
    border: 1px solid var(--background-theme-color);
    border-radius: 5px;
}

.badge-danger {
    border-radius: 100% 100% 100% 100% !important;
    background-color: var(--red-color);
    color: var(--red-color);
}

.user-name p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 10px;
}

.user-name h6 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px;
    font-weight: bold;
}

.user-icon {
    margin: 0 !important;
    padding: 0 !important;
}

.container-main {
    height: 400px;
    margin-bottom: 20px;
    background-color: var(--white-color);
}

.card {
    border-radius: 10px !important;
    width: 100% !important;

}

.card-header {
    border: none !important;
    align-items: center;
}

.table thead {
    background-color: var(--table-head-color) !important;
}


.btn-primary {
    background-color: var(--primary-color) !important;
    border: none !important;
    border-radius: 0px !important;
    padding: 5px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    /* width: 120px !important; */
}


.btn-transparent {
    background-color: var(--grey-color) !important;
    border: 1px solid #222 !important;
    border-radius: 0px !important;
    padding: 4px !important;
}

.search {
    display: flex;
}

.search-container {
    /* display: flex; */
    position: relative;
    width: 100%;
}

.search-input {
    height: 46px;
    width: 100%;
    padding: 10px 40px 10px 10px;
    box-sizing: border-box;
    border: none;
    /* border-radius: 4px; */
    outline: none;
    background-color: var(--input-background-color);
}


.search-icon {
    position: absolute;
    top: 45%;
    right: 10px;
    transform: translateY(-50%);
    color: #555;
    cursor: text;
}

.btn-lg {
    font-size: medium !important;
    height: 46px;
}

.action-btn {
    outline: none !important;
    border: 0 !important;
    width: 35px;
    background-color: var(--table-head-color);
}

.search-title {
    color: whitesmoke !important;
}

.action-dropdown {
    width: 60px !important;
}

@media(max-width: 992px) AND (min-width:768px) {
    /* .content-wrapper {
        margin-left: 250px !important;
    } */
}



/* FORM DESIGN */

.form-control {
    border-radius: 0px !important;
}


.form-control:focus {
    border-color: var(--primary-color) !important;
    /* Change border color when focused */
    box-shadow: 0 0 5px var(--primary-color) !important;
    /* Add a box shadow when focused */
}

.card-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 18px;
}

.card-inner {
    border: 2px solid var(--background-theme-color);
    border-radius: 20px;
    margin: 18px 20%;
    padding: 20px;
}

.checkbox-wrapper-2 .toggle-button {
    appearance: none;
    background-color: var(--background-theme-color);
    border-radius: 72px;
    border-style: none;
    flex-shrink: 0;
    height: 20px;
    margin: 0;
    position: relative;
    width: 30px;
}

.checkbox-wrapper-2 .toggle-button::before {
    bottom: -6px;
    content: "";
    left: -6px;
    position: absolute;
    right: -6px;
    top: -6px;
}

.checkbox-wrapper-2 .toggle-button,
.checkbox-wrapper-2 .toggle-button::after {
    transition: all 100ms ease-out;
}

.checkbox-wrapper-2 .toggle-button::after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    height: 14px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 14px;
}

.checkbox-wrapper-2 input[type=checkbox] {
    cursor: default;
}

.checkbox-wrapper-2 .toggle-button:hover {
    background-color: var(--nav-active-bg);
    transition-duration: 0s;
}

.checkbox-wrapper-2 .toggle-button:checked {
    background-color: var(--primary-color);
}

.checkbox-wrapper-2 .toggle-button:checked::after {
    background-color: #fff;
    left: 13px;
}

.checkbox-wrapper-2 :focus:not(.focus-visible) {
    outline: 0;
}

.checkbox-wrapper-2 .toggle-button:checked:hover {
    background-color: var(--primary-color);
}


.custom-button {
    border: 2px solid var(--background-theme-color);
    border-radius: 5px;
}




/* Page Line Circle */
.circle-line-circle {
    display: flex;
    align-items: center;
    gap: 1px;
}

.circle-line-circle .circle {

    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: var(--primary-color);
    position: relative;
}

.line {
    width: 30px;
    height: 7px;
    /* border-radius: 50%; */
    background-color: var(--primary-color);
    position: relative;
}


.circle-line-circle .line {
    flex: 1;
    height: 2px;
    /* Adjust the height of the line */
    margin: 0 5px;
    /* Adjust the margin between circle and line */
}

input::file-selector-button {
    line-height: 1.5 !important;
    border: none !important;
}

.sidebar-dark-primary {
    background-color: var(--white-color) !important;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link:hover {
    background-color: var(--nav-active-bg) !important;
    color: var(--primary-color-nav) !important;
}

.nav-link {
    box-shadow: none !important;
    margin: 4px 0px 0px !important;
}


.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: var(--nav-active-bg) !important;
    color: var(--primary-color) !important;
}

.sidebar a {
    color: var(--black-color) !important;
}


[class*=sidebar-dark] .user-panel {
    border-bottom: 0px !important;
}


[class*=sidebar-dark] .brand-link {
    border-bottom: none !important;
}

.line-profile {
    width: 80%;
    border-style: dashed none none;
    border-width: 2.5px;
    /* border-color: red; */
    /* border: 1px dashed var(--background-theme-color) !important;
    align-items: center;
    justify-content: center;
    width: 80%; */
}

.user-panel .info {
    display: inline-block;
    padding: 0px 16px 0px !important;
}

.role {
    font-weight: 400;
    font-size: 12px;
    padding-top: 0px !important;
    color: var(--background-theme-color) !important;
}


.page-item.disabled .page-link .previous {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
    border-radius: 10px 0px 0px 10px !important;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
    /* border-radius: 10px 0px 0px 10px !important; */
}




/* RESPONSIVE CSS */

@media screen and (max-width: 767px) {

    div.dataTables_wrapper div.dataTables_length,
    div.dataTables_wrapper div.dataTables_filter,
    div.dataTables_wrapper div.dataTables_info,
    div.dataTables_wrapper div.dataTables_paginate {
        text-align: left !important;
    }
}

.card-outline {
    border-top: 3px solid var(--primary-color) !important;
}

thead {
    border-bottom: 0px !important;
}


.table thead th {
    border-bottom: 0px !important;
}

.table td,
.table th {
    border-top: 0px !important;
}


.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--table-data-color) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--table-data-color) !important;
}


table.dataTable>thead .sorting:after,
table.dataTable>thead .sorting_asc:after,
table.dataTable>thead .sorting_desc:after,
table.dataTable>thead .sorting_asc_disabled:after,
table.dataTable>thead .sorting_desc_disabled:after {
    content: "" !important;
}

table.dataTable>thead .sorting:before,
table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_desc:before,
table.dataTable>thead .sorting_asc_disabled:before,
table.dataTable>thead .sorting_desc_disabled:before {
    /* right: 1em; */
    content: "" !important;
}



.thead {
    font-size: 15px;
}

.alert-danger {
    color: #580101 !important;
    background-color: var(--alert-danger-color) !important;
    border-color: var(--alert-danger-color) !important;
}

.alert-success {
    color: #04360a;
    background-color: var(--alert-success-color) !important;
    border-color: var(--alert-success-color) !important;
}


.warning {
    color: var(--warning-color);
}

.primary {
    color: var(--white-color);
    background-color: var(--primary-color);
}


/* a{
    color: var(--white-color) !important;
} */
.user-name p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 10px;

}


.custom-button:hover {
    background-color: var(--primary-color-nav) !important;
    color: white !important;
}



.dropdown-header:hover {
    background-color: var(--primary-color) !important;
    color: var(--white-color) !important;

}

.card-1 {
    background-color: var(--card-background-1);
    width: 97%;
    height: 10px;
    border-radius: 5px 5px 0px 0px;
    margin: 10px auto;
    margin-bottom: 0px !important;
}

.card-2 {
    background-color: var(--card-background-2);
    width: 99%;
    height: 10px;
    border-radius: 5px 5px 0px 0px;
    margin: 0 auto;
}

.card-3 {
    background-color: var(--card-background-3);
    width: 100%;
    height: auto;
    border-radius: 5px;
    margin: 0 auto;
}

.user-detail {
    display: flex;
    align-items: center;
}

.card-user {
    background-color: var(--pink-light-color);
    margin: 20px;
    border-radius: 5px;
    height: 140px;
    padding: 10px;
}

.user-background {
    background-color: #761853;
    width: 64px;
    height: 64px;
    border-radius: 100%;
    margin-right: 20px;
}

.user-background .name {
    font-weight: 600;
    font-size: 20px;
}

.user-background .email {
    font-weight: 500;
    font-size: 16px;
}

.user-background .phone {
    font-weight: 400;
    font-size: 16px;
}

.travel-type .airport {
    font-weight: 600;
    font-size: 16px;
    color: #7A271A;

}

.travel-type .local {
    color: #D4D4D8 !important;

}

.travel-type .departure {
    color: #7A271A !important;
    font-weight: 400;
    font-size: 16px;

}

.user-detail h5 {
    font-weight: bolder;
    position: relative;
    text-decoration: none;
    padding-bottom: 5px;
    border-bottom: 2px dashed lightgray;
    display: inline-block;
    /*Add this*/
    transform: translate(0%, 0);
    /*Add this*/
}

.hr {
    border: 1px dashed #696969;
    width: 50%;
    justify-content: start;

    margin: 0px !important;
}


.details b {
    color: #7A271A;
}

.btn-white {
    background-color: var(--white-color);
    border-radius: 5px;
    display: inline-block;
    font-weight: 600;
    color: #212529;
    text-align: center;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 16px;
    padding-top: 10px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn-round {
    border-radius: 100px !important;
    border-color: #761853 !important;
    display: inline-block;
    font-weight: 600;
    color: #212529;
    text-align: center;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 16px;
    width: 7rem;
    cursor: default;
}

.lines-button hr {
    width: 20px;
    border: .1rem solid #761853;
    /* padding-top:40px; */
}





@media(width:767px) {
    .card-user {
        height: 200px;
    }

}



.vertical-line {
    border-left: 2px solid #000;
    /* Adjust the thickness and color of the line as needed */
    height: 100%;
}

.card-title .card-detail {
    border-radius: 0px !important;
    box-shadow: none !important;
    border: 1px solid var(--background-theme-color);
}


.card-header-detail h3 {
    text-align: center !important;
    float: unset !important;
    color: #761853;
    background-color: var(--white-color);
    font-weight: 600;
    font-size: 16px;
}

.card-title-detail {
    border-radius: 0px !important;
    border: 1px solid #D4D4D8;
    box-shadow: unset !important
}


/* .card {
    border-radius: 0px !important;
    box-shadow: none !important;
    border: 1px solid var(--background-theme-color);
} */

.card-footer {
    background-color: #FBFBFB !important;
}

.table-booking-details {
    border-collapse: separate;
    border-spacing: 7px;
}

.table td,
.table th {
    /* padding: 0px !important; */
    vertical-align: middle;
    /* border-top: 1px solid #dee2e6; */
}

.table td {
    padding-left: 10px !important;
    vertical-align: middle;
    margin: 5px;
    /* border-top: 1px solid #dee2e6; */
}

.title {
    font-weight: 600;
    color: #999999;
    font-size: 16px;
}

.detail {
    font-weight: 500;
    font-size: 14px;

}

.title .images {
    font-weight: 500;
    font-size: 14px;
    width: 40px;

}


.tr th {
    color: #A3B0C8;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 14px;
    margin-left: 30px;
}

.card-table-div {
    margin-right: 155px;
}

.tr td {
    background-color: #E8E8E8;
    font-weight: 400;
    font-size: 14px;
}




.card {
    min-height: auto !important;
}


.badge-container {
    position: relative;
    /* display: inline-block; */
    border: 2px solid var(--background-theme-color);
    /* Gray border */
    border-radius: 5px;
    padding: 6px;
}

.badge {
    position: absolute;
    top: -6px;
    /* Add 'px' for units */
    left: 26px;
    /* Add 'px' for units */
    border-radius: 50%;
    /* Use 50% for a circle */
    background-color: red !important;
    color: red;
    width: 1px;
    /* Adjust the width and height as needed */
    height: 10px;
    /* Adjust the width and height as needed */
}



@media screen and (max-width: 374px) {
    .title_page_navbar {
        display: none !important;
    }
}



.sidebar-search-results .list-group>.list-group-item:first-child {

    width: 223px !important;
}

.input-disable-6 {
    display: flex;
    align-items: center !important;
}

.input-disable-6 input {
    width: 79%;
    font-size: 15px;
    font-weight: 500;
    padding: 5px;
    height: auto;
    background-color: #E8E8E8;
    border: none;
}

.input-disable-6 label {
    font-size: 14px;
    font-weight: 400;
    color: #A3B0C8;
    width: 21%;
    margin: 0;
}

.input-disable-12 {
    display: flex;
    align-items: center !important;
}

.input-disable-12 input,
.input-disable-12 textarea {
    width: 90%;
    font-size: 15px;
    font-weight: 500;
    padding: 5px;
    height: auto;
    background-color: #E8E8E8;
    border: none;
}

.input-disable-12 label {
    font-size: 14px;
    font-weight: 400;
    color: #A3B0C8;
    width: 10%;
    margin: 0;
}

/* .login-page,
.register-page {
    -ms-flex-align: center;
    align-items: center;
    background-image: url(https://images.unsplash.com/photo-1600320254374-ce2d293c324e?q=80&w=1470&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    -ms-flex-pack: center;
    justify-content: center
} */



.select-dashboard {
    -ms-flex-align: center;
    align-items: center;
    background-image: url('../img/select.png');
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    /* height: 100vh; */
    height:670px;
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;

}

.select-dashboard .box-title {
    padding: 10px;
}


.box-title h1 {
    font-family: 'Chivo';
    font-size: 70px;
    font-weight: bold;
    line-height: 72px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--white-color);

}

.box-title p {
    font-family: 'Chivo-medium';
    font-size: 30px;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--white-color);
}

.copy-right p {
    font-family: 'Chivo-medium';
    font-size: 16px;
    font-weight: 400;
    margin-top: 50px;
    color: var(--white-color);
}

.select-card-header {
    width: 70%;
    height: 2rem;
    /* background-color: #000; */
    margin: 0px auto;
    background: #0606400F;

}

.card-select {
    box-shadow: 4px 2px 30px 0px #00000026 !important;
    /* width: 80% !important; */
}


.card-select .menu-choice-cars {
    background: #FFDDF2;
    height: 4rem;
    width: 100%;
    border-radius: 5px;
}

.menu-choice-cars p {
    font-family: 'Chivo-medium';
    font-size: 20px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
}

.card-select .title {
    font-family: 'Chivo';
    font-size: 30px;
    font-weight: 400;
    color: #696969;
    margin-top: 40px;
    margin-left: 20px;
}


.card-select .menu-airport-taxis {

    background: #FFEDB7;
    height: 4rem;
    width: 100%;
    border-radius: 5px;
}

.menu-airport-taxis p {
    font-family: 'Chivo-medium';
    font-size: 20px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
}

.card-select .menu-britian-taxis {
    background: #A5DBEE;
    height: 4rem;
    width: 100%;
    border-radius: 5px;
}

.menu-britian-taxis p {
    font-family: 'Chivo-medium';
    font-size: 20px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
}

.card-select input[type='radio'] {
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #231F20;
    border-radius: 50%;
    outline: none;
    /* transition: box-shadow 0.3s ease; */
}

.card-select input[type='radio']:before {
    content: '';
    display: block;
    width: 60%;
    height: 60%;
    margin: 20% auto;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    display: flex;
}

.card-select input[type='radio']:checked:before {
    background: #231F20;
}


.btn-menu {
    border-radius: 5px !important;
    border: 1px solid #696969;
    font-family: 'Chivo';
    font-size: 20px;
    font-weight: 100 !important;

}


.select-admin{
    border: 1px solid #D4D4D8;
    border-radius: 5px;
    margin: 10px !important;
    padding: 7px;
}

.item-dropdown{
    width: 10px !important;
}

.dropdown-menu-lg {
    max-width: 300px;
    min-width: 156px !important;
    padding: 5px;
}

.dropdown-menu-lg div {
    padding:5px;
}

.navbar-select{
    outline: 0px !important;
    margin-top: 0px;
    border: 1px solid #D4D4D8;
    border-radius: 5px;
    padding: 10px;
    color: #761853;
}

.form-select{
    margin: 0px !important;
    padding: 2px;
}

/* SELECT 2 CSS  Customization*/

.select2-container--default .select2-selection--single {
    background-color: var(--white-color);
    border: 1px solid #aaa;
    border-radius: 5px;
}

.select2-container .select2-selection--single {
    height: unset !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 33px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--black-color) transparent transparent transparent !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #761853 !important;
    /* line-height: 28px; */
    font-family: 'Chivo';
    font-size: 16px !important;
    font-weight: 100;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    /* border-color: transparent transparent #888 transparent; */
    border-width: 4px 4px 5px 4px !important;
}


/* sidebar shadow */
.elevation-4 {
    box-shadow: unset !important;
}
.span-website-branding{
    font-family: League Spartan;
    font-size: 14px;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 0em;
    text-align: left;
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-treeview {
    background-color: transparent;
    margin-left: 17px !important;
}

.apperance-sub-title{
    font-size: 14px !important;
    font-weight: 400 !important;
}

.menu-dropdown-button{
    transform: translate3d(31px, -116px, 0px) !important;
    top: 134px !important;
    left: -149px !important; 
}

.dropdown-divider {
    margin: unset !important;
}

.dropdown-menu {
    min-width: 8rem !important;
}

.dropdown-toggle::after {
    display: none !important;
}

.active-border{
    border-color: #073D63 !important;
}

.theme-name{
    font-family: League Spartan;
    font-size: 14px;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 10px;
}


/* COLOR INPUT STYLE */

.input-color-picker-container {
    /* display: flex; */
    position: relative;
    width: 100%;
}
.input-color-picker-circle {
    position: absolute;
    top: 47%;
    left:16px;
    transform: translateY(-50%);
}
.input-color-picker-circle {
    border-radius: 63px;
    width: 34px;
    height: 36px;
    border: none;
    background: none;
}
.input-color-picker-circle::-webkit-color-swatch {
    border-radius: 25px;
    border: none;
}
#input-color-picker-circle::-moz-color-swatch {
    display: none;
}
.color{
    padding-left:55px;
}

.card-about-us-inner {
    border: 2px solid var(--background-theme-color);
    border-radius: 20px;
    margin: 18px 11%;
    padding: 10px;
}

.form-control:disabled, .form-control[readonly] {
    background-color: transparent !important;
    opacity: 1;
}

[class*=sidebar-dark] .btn-sidebar, [class*=sidebar-dark] .form-control-sidebar {
    background-color: transparent !important;
    border: unset !important;
    color: #fff;
}

.content-wrapper{
    min-height: auto !important;
}