:root{
    --own-secondary-color: #18E3FF;
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


.modal .form-control-sm[type="file"] {
    line-height: 34px !important;
}
.modal .form-control-sm {
    line-height: unset !important;
    height: auto !important;
}
.modal .bootstrap-select.form-control-sm{
    font-size: 0.875rem !important;
}
.dlabnav .metismenu > li .has-arrow:after {
    right: 1rem !important;
}
.simple-card {
    border: 1px solid #ddd;
    /* padding: 0px; */
    border-radius: 10px;
}
.transparent-table.table tbody  td, .transparent-table tr{
    background:transparent !important;
}
table th, table td{
    font-size:14px !important;
    padding: 8px !important;
}
table#application_details th{
    width:35% !important;
}
table tr:last-child th, table tr:last-child td {
    border-bottom: 0px;
}
p {
    font-size: 14px !important;
}
.widget-timeline .timeline > li > .timeline-panel span.badge{
    font-size: 10px !important;
    font-weight: 500;
}
.widget-timeline .timeline > li > .timeline-panel span{
    opacity:1;
}
.widget-timeline .timeline > li:last-child{
    margin-bottom:0px;
}
.badge{
    padding: 2px 7px !important;
    border-radius: 5px !important;
}
.card .card-header{
    padding: 1.25rem !important;
}
.card .card-body{
    padding: 1.25rem !important;
}

.card-step .card-header{
    padding: 0  !important;
    border:none;
}
.card-step .card-body{
    padding: 0.625rem 0 0 !important;
}
.card-step .form-control.is-invalid {
    border: 1px solid #fd5353 !important;
}
.card-step .select2-container .select2-selection--multiple.is-invalid{
    border: 1px solid #fd5353 !important;
}

.card-step .more-rules.focus,
.card-step .more-action.focus{
    box-shadow: var(--bs-btn-focus-box-shadow);
}

.user-navigation .dropdown-menu{
    max-height: 300px;
    overflow-y: auto;
}
label{
    color: #181818;
    font-size: 15px;
}
input[readonly], textarea[readonly], select[disabled] + button.dropdown-toggle{
    cursor: not-allowed;
    background-color: #eee !important;
}
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.form-group.required label:after{
    content: "*";
    color: #000
}
.was-validated .form-control:valid.is-invalid {
    border-color: #ddd !important;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23fd5353'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fd5353' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);

}
.was-validated .form-control:valid.is-invalid:focus {

    box-shadow: 0 0 0 0.25rem rgba(253, 83, 83, 0.25) !important;
}


pre{
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 5px;
}
#stl_hp_table th{
    min-width: 100px;
}
.draggable-item {
    cursor: move;
    user-select: none;
    transition: transform 0.2s ease-in-out;
    padding: 10px 15px;
    font-size: 14px;
}
.draggable-item.dragging {
    transform: scale(1.05);
    opacity: 0.7;
}
#custom_date_range .dropdown-menu ul li{
    cursor:pointer;
}
#custom_date_range .dropdown-menu ul li.active{
    border-radius: 5px;
    padding: 10px;
    color: #fff;
}
.disable-area{
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}






/* Radio look like button Start */

.radio-look-button .button {
    float: left;
    margin: 0 5px 0 0;
    position: relative;
}

.radio-look-button label,
.radio-look-button input {
    display: block;
}

.radio-look-button input[type="radio"] {
    opacity: 0.011;
    z-index: 100;
}

.radio-look-button input[type="radio"]:checked + label {
    background: var(--primary);
    border-radius: 0.5rem;
    color: #fff;
}

.radio-look-button label {
    cursor: pointer;
    z-index: 90;
    line-height: 1.8em;
}


/* Radio look like button End */


#collapse_allow .form-check-label, #collapse_deny .form-check-label{
    font-size: 14px !important;
}
#collapse_allow .form-check-input, #collapse_deny .form-check-input{
    margin-top: 0.35em !important;
    width: 1.05rem !important;
    height: 1.05rem !important;
}


.form-control{
    border-color: #ddd !important;
}
.bootstrap-select.form-control-sm .dropdown-toggle {
    padding: 0.9rem 1.15rem;
    min-height: 3rem;
}
.select2-container--default .select2-selection--single{
    line-height: 3rem;
    font-size: 12px;
    min-height: 3rem;
    height: 3rem;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 3rem;
}
.bootstrap-select .btn {
    border: 1px solid #ddd !important;
}
.form-control-sm {
    min-height: 3rem;
}
input[type=file].form-control-sm {
    min-height: unset !important;
}

.profile_badge{
    border-radius: 10px !important;
    padding: 7px 10px !important;
}
.badge.rounded-pill{
    border-radius: var(--bs-border-radius-pill) !important;
}
#best_time_edit, #warning_message{
    padding:10px;
    border-radius:10px;
}
#best_time_edit[contenteditable=true], #warning_message[contenteditable=true]{
    border:1px solid #ddd;
}
#best_time_edit[contenteditable=false], #warning_message[contenteditable=false]{
    border:1px solid transparent;
}

.header .navbar-nav.header-right li.nav-item:first-child input{
    border-color: #1d548f !important;
}


.profile_card .blue_card{
    height: 90px;
    border-radius: 8px;
}
.profile_card .blue_card .user_profile_details p, .profile_card .blue_card .user_profile_details a{
    /* color:#8771C9; */
    color:#fff;
    font-size: 13px !important;
    text-decoration: none;
    word-break: break-all;
}
.profile_card .blue_card .user_profile_details a:focus{
    text-decoration: none;
    box-shadow: none;
}
.profile_card .blue_card .user_profile_details #applicationName{
    font-size: 1.7rem;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
}
.profile_card .user_profile_details{
    width: calc(100% - 90px);
}
.profile_card .profile_card-body{
    padding-top: 80px !important;
}
.profile_card .profile_card-body > div{
    gap: 10px;
}
.profile_card .profile_card-body .user_details_badge{
    border-radius: 10px;
    width: 50%;
}
.profile_card .profile_card-body .user_details_badge:first-child > i{
    padding: 8px 9px;
}
.profile_card .profile_card-body .user_details_badge > i{
    border-radius: 50px;
    padding: 8px;
    font-size: 22px;
}
.profile_card .profile_card-body .user_details_badge > div h6:first-child{
    color: #FFF;
    font-size: 12px;
    font-weight: 600;
}
.profile_card .profile_card-body .user_details_badge > div h6:last-child{
    color: #c9c9c9;
    font-size: 12px;
    font-weight: 600;
}

.spinner-border-xs {
    --bs-spinner-width: 14px;
    --bs-spinner-height: 14px;
    --bs-spinner-border-width: 0.2em;
}


@media screen and (max-width:991.9px){
    .profile_card .blue_card img{
        width: 15% !important;
        margin-bottom: 10px;
    }
}
@media screen and (min-width:992px) and (max-width:1365.9px){
    .profile_card .blue_card img{
        width: 25% !important;
    }
}

@media screen and (max-width:1365.9px){
    .profile_card .profile_card-body > div{
        display: block !important;
    }
    .profile_card .profile_card-body .user_details_badge:first-child{
        margin-bottom:20px;
    }
    .profile_card .profile_card-body .user_details_badge {
        width: 100%;
    }
    .profile_card .profile_card-body {
        padding-top: 80px !important;
    }
}

@media screen and (max-width:576px){
    .profile_card .blue_card .user_profile_details #applicationName {
        font-size: 1.2rem;
    }
    .profile_card .blue_card {
        height: 75px;
    }
    .profile_card .user_profile_details {
        width: calc(100% - 60px);
    }
}

@media screen and (max-width:375px){
    .profile_card .blue_card > div > div{
        flex-direction: column;
        margin-top: 0px !important;
        justify-content: center;
    }
    .profile_card .blue_card .user_profile_details{
        text-align: center;
        margin-left: 0px !important;
    }
    .profile_card .user_profile_details {
        width: 100%;
    }
    .profile_card .blue_card {
        height: 90px;
    }
    .profile_card .blue_card .user_profile_details a {
        margin-top: 10px !important;
    }
}
@media screen and (max-width:1366px) and (min-width:992px){
    .profile_card .blue_card > div > div{
        flex-direction: column;
        margin-top: 0px !important;
        justify-content: center;
    }
    .profile_card .blue_card .user_profile_details{
        text-align: center;
        margin-left: 0px !important;
    }
    .profile_card .user_profile_details {
        width: 100%;
    }
    .profile_card .blue_card .user_profile_details a {
        margin-top: 10px !important;
    }
    .profile_card .blue_card img {
        width: 40px !important;
        margin-bottom: 10px;
    }
    .profile_card .blue_card .user_profile_details #applicationName {
        font-size: 1.3rem;
    }
}


@media screen and (max-width:1440px) and (min-width:1366px){
    .profile_card .profile_card-body .user_details_badge > i{
        font-size: 16px;
    }
    .profile_card .blue_card .user_profile_details #applicationName{
        font-size: 1.5rem;
    }
}

@media screen and (max-width:1024px) and (min-width:768px){
    .profile_card .blue_card .user_profile_details #applicationName {
        font-size: 1.2rem;
    }
    .profile_card .blue_card .user_profile_details p {
        font-size: 10px !important;
    }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    .blue_card .card-body > .d-flex.align-items-center {
        margin-top: 24px !important;
    }
    .user-navigation .btn.btn-primary{
        margin-bottom:10px !important;
    }
}

@media screen and (max-width:992px) and (min-width:576px){
    .profile_card .profile_card-body > div{
        display:flex !important;
    }
    .profile_card .profile_card-body .user_details_badge:first-child {
        margin-bottom: 0px;
    }
}

@media screen and (max-width:1500px) and (min-width:1280px){
    .profile_card .blue_card .user_profile_details p, .profile_card .blue_card .user_profile_details a{
        /* font-size: clamp(0.75rem, -0.5243rem + 1.4925vw, 0.875rem) !important; */
        font-size: clamp(0.6875rem, -0.4034rem + 1.3636vw, 0.875rem) !important;
    }
    /* .profile_card .blue_card .user_profile_details a{
            margin-top: 30px !important;
    } */
}



.msg_coming_from.fa-whatsapp{
    padding: 8px 9px;
}


[data-layout="horizontal"] .dlabnav .metismenu li > ul ul{
    max-height: 248px !important;
    overflow-y: auto;
}
.page-titles{
    display:none;
}
.widget-timeline p.text-dark{
    color:#000 !important;
}


@media screen and (min-width:992px){
    .activity_feed_timeline li table th {
        /* width: 30%; */
        width: 263px;
    }
}

table.dataTable {
    border-spacing: revert !important;
}



.my_leads .chatbox .type_msg .btn.send-btn{
    padding: 0.688rem 1.5rem;
    width:unset;
    height:unset;
    display:flex;
}
.my_leads .chatbox .type_msg .bootstrap-select {
    padding: 0px;
}
.my_leads .chatbox{
    background:transparent;
    box-shadow:none;
}
.my_leads .chatbox .type_msg .bootstrap-select button.dropdown-toggle {
    width: unset !important;
    height: unset !important;
    padding: 0.5rem 1.15rem;
    margin-left: 10px;
}

/* Leads and chats css Start */

.my_leads .chatbox{
    height: 89vh;
}
.my_leads .chatbox.lead_chatbox ul.nav.nav-pills {
    padding: 0px !important;
    background: transparent !important;
    justify-content: start !important;
}

.my_leads .lead_chatbox.chatbox .nav .nav-link {
    color: #7e7e7e;
    opacity: 1;
}

.my_leads .lead_chatbox.chatbox .nav .nav-link.active {
    /*color: var(--primary);*/
    color: #ffffff;
    background: var(--primary);
}

.my_leads .lead_chatbox ul.nav-pills a.nav-link {
    padding: 10px;
    font-size: 14px;
}
.my_leads .file-upload {
    position: relative;
    display: inline-block;
}


.my_leads .file-upload__input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 1;
    width: 0;
    height: 100%;
    opacity: 0;
}
.my_leads .msg_card_body{
    min-height: 59vh;
    max-height: 59vh;
    overflow-y: auto;
}
.my_leads .card .card-body.chat_list_cardbody{
    height: 75.4vh;
    max-height: 75.4vh;
    overflow-y: auto;
    padding: 0px !important;
}
.my_leads .right_content{
    height: 79vh;
    max-height: 79vh;
    overflow-y: auto;
}
.my_leads .chatbox .msg_cotainer:after{
    border-right: 10px solid var(--primary);
}
.my_leads .chat_main_pills li a.active{
    background: var(--primary) !important;
}
.my_leads .msg_send .msg_cotainer{
    border-radius: 0.5rem 0rem 0.5rem 0.5rem;
}
.my_leads .msg_send .msg_cotainer:after {
    border-left: 10px solid var(--primary) !important;
    right: -10px !important;
    left: unset;
    border-right: 0px;
}
.contacts li.active{
    background:#f4f7ff;
}
.my_leads .chat_main_pills li span.notification-badge{
    position: absolute;
    right: -10px;
    top: -10px;
}
textarea#leadMessage {
    max-height: 50px;
    overflow-y: auto;
}

/* leads n chats responsive Start */

@media screen and (max-width:992px){
    .my_leads .chatbox {
        height: 100% !important;
    }
    .my_leads .card .card-body.chat_list_cardbody {
        height: 40vh;
        max-height: 40vh;
    }
}

/* leads n chats responsive End */

/* Leads and chats css End */

@media screen and (max-width:1386px) and (min-width:1300px){
    [data-header-position="fixed"][data-layout="horizontal"][data-sidebar-position="fixed"] .content-body {
        padding-top: 12rem;
    }
}




/* ===== Scrollbar CSS ===== */
/* Firefox */
/* * {
  scrollbar-width: auto;
  scrollbar-color: #c1c1c1 #ffffff;
} */

/* Chrome, Edge, and Safari */
/* *::-webkit-scrollbar {
  width: 8px;
} */

/* *::-webkit-scrollbar-track {
  background: #ffffff;
} */

/* *::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 10px;
  border: 3px solid #ffffff;
} */



/* OTP for PWA Start */

.pin-code {
    padding: 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.pin-code input {
    border: none;
    text-align: center;
    width: 48px;
    height: 48px;
    font-size: 36px;
    /*  background-color: #f3f3f3;*/
    margin-right: 5px;
    color: var(--primary);
    border-bottom: 1px solid var(--primary);
}
.pin-code input:last-child{
    margin-right: 0px;
}

.pin-code input:focus {
    border-bottom: 2px solid var(--primary);
    outline: none;
}

.pin-code input::-webkit-outer-spin-button,
.pin-code input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.card.pwa_div, .card.QR_div{
    max-width: 500px;
    height: auto;
    margin: auto;
}
.sign-in-your_pwa .pin-code input {
    border-radius: 5px;
    background-color: var(--primary);
    border: 1px solid #6c8e9f;
    color: #fff;
}
.pwa_circle1{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 90px !important;
    z-index: 1;
}
.pwa_circle2{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 150px !important;
    z-index: 1;
}
.above_layer{
    z-index: 10;
}

@media screen and (min-width: 768px){
    .sign-in-your_pwa{
        height: 100%;
    }
}

/* OTP for PWA End */



.transparent-table.table tbody td.Conditions-orange-div {
    background: rgb(255, 171, 45) !important;
}


.new_table table.gap_table th, .new_table table.gap_table td {
    padding: 20px 8px !important;
}
.new_table table.gap_table th:first-child, .new_table table.gap_table td:first-child {
    padding-left: 20px !important;
}
.new_table table.gap_table.dataTable{
    border-collapse: separate;
    border-spacing: 0 0.5em !important;
}
.new_table table.gap_table tr{
    background: #fff !important;
}

.task_page_btn-noti{
    position: absolute !important;
    font-size: 14px;
    right: -2px;
    box-shadow: 0px 0px 10px 3px rgba(67, 220, 128, 0.1);
    top: -15px !important;
    font-weight: normal;
    height: 26px;
    width: 26px;
    text-align: center;
}

/* Details page new navigation button Start -  Optional*/

.shadow_button {
    border-radius: 1rem;
    box-shadow: -2.3px -2.3px 3.8px rgba(255, 255, 255, 0.2), -6.3px -6.3px 10.6px rgba(255, 255, 255, 0.3), -15.1px -15.1px 25.6px rgba(255, 255, 255, 0.4), -50px -50px 85px rgba(255, 255, 255, 0.07), 2.3px 2.3px 3.8px rgba(0, 0, 0, 0.024), 6.3px 6.3px 10.6px rgba(0, 0, 0, 0.035), 15.1px 15.1px 25.6px rgba(0, 0, 0, 0.046), 50px 50px 85px rgba(0, 0, 0, 0.07);
}
.shadow_button .btn-group__item {
    border: none;
    min-width: 6rem;
    width:max-content;
    padding: 0.8rem 1.3rem;
    background-color: #eee;
    cursor: pointer;
    margin: 0;
    box-shadow: inset 0px 0px 0px -15px var(--primary);
    transition: all 300ms ease-out;
    margin-bottom: 0px !important;
}
.shadow_button .last-button{
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}
.shadow_button .first-button {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
}
.shadow_button .btn-group__item:hover, .shadow_button .btn-group__item:focus {
    color: #fff;
    background: var(--primary);
    /* box-shadow: inset 0px -20px 0px -15px var(--primary); */
}
.shadow_button .btn-group__item:focus {
    outline: none;
}
.shadow_button .btn-group__item--active:after {
    opacity: 1;
    transform: translatey(-2px);
}

button.light.btn-primary:hover i.fa {
    color: white;
}

.nav-pills.light.when_tabs_conflict .nav-link{
    border-width: 0px !important;
}
.nav-pills.light.when_tabs_conflict .nav-link.active, .nav-pills.light.when_tabs_conflict .show > .nav-link{
    background: #e1e7fc;
    color: var(--primary);
    box-shadow: none;
    border-radius: 0.5rem;
}
.dropdown-menu.columns-3 {
    min-width: 660px;
}
@media (max-width: 767px) {
    .dropdown-menu.multi-column {
        min-width: 240px !important;
        overflow-x: hidden;
    }
}
/* Details page new navigation button Start*/


.form-control:hover, .form-control:focus, .form-control.active{
    border-color: var(--rgba-primary-8) !important;
}

.sms_screen_msg {
    position: absolute;
    top: 30%;
    width: 50%;
    border-radius: 15px;
    padding: 15px;
    right: 12%;
}
.wa_screen_msg{
    position: absolute;
    /*  top: 30%;*/
    bottom: 0%;
    width: 50%;
    right: 12%;
    /*  max-height: 406px;*/
    height: 70%;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #c1c1c1 #ffffff00;
}

.sms_screen_msg:before{
    border-bottom-left-radius: 0.8rem 0.7rem;
    border-right: 1rem solid #248bf5;
    right: -0.35rem;
    transform: translate(0, -0.1rem);
}
.sms_screen_msg:before, .sms_screen_msg:after{
    bottom: -0.1rem;
    content: "";
    height: 1rem;
    position: absolute;
}
.sms_screen_msg:after{
    background-color: #fff;
    border-bottom-left-radius: 0.5rem;
    right: -40px;
    transform: translate(-30.3px, -2px);
    width: 10px;
}
.wa_screen_msg > div.main_content{
    background: #ddf8c6;
    color: #000;
    border-radius: 15px;
    padding: 15px;
}
.wa_screen_msg > div button{
    background: #ddf8c6 !important;
    width: 100%;
    color: #0b67aa !important;
    border-radius: 8px;
    padding: 8px;
    border: 0px;
}
.wa_screen_msg #buttons_div{
    display: flex;
    flex-wrap: wrap;
    gap: 0px 10px
}
.wa_screen_msg > #buttons_div button{
    flex: 1 0 48%;
}
.sms_screen_msg{
    background: #248bf5;
    color: #fff;
}
#previewText{
    max-height: 170px;
    overflow-y: auto;
}

.sidebar-right .sidebar-right-trigger, .dlab-demo-panel .dlab-demo-trigger, .DZ-theme-btn.DZ-bt-support-now, .DZ-theme-btn.DZ-bt-buy-now{
    display: none;
}

/*=======
Marketplace tabs
==========*/

.marketplace-tabs {
    margin-bottom: 35px;
    border: 0px;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
}
.marketplace-tabs::-webkit-scrollbar{
    display: none;
}
.marketplace-tabs.nav-tabs .nav-link:hover,.marketplace-tabs.nav-tabs .nav-link:focus{
    border-color: transparent;
    color:#7e7e7e;
    border-color: #000;
    color:#000;
    border-radius: 12px;
}
.marketplace-tabs.nav-tabs .nav-link.active:hover{
    color:fff;
}
.marketplace-tabs.nav-tabs .nav-link:focus{
    color:#000;
}

.marketplace-tabs.nav-tabs .nav-link.active:focus{
    color:#fff;
}
.marketplace-tabs li > .nav-link.active {
    border-color: transparent;
    border-color: #000;
    background-color: var(--primary);
    color: #fff;
    border-radius: 12px;
}
.marketplace-tabs li > .nav-link {
    padding: 9px 35px;
    border: 1px solid #eee;
    margin-bottom: 0px;
    border-radius: 7px;
}
.marketplace-tabs li {
    border: 0px;
    background-color: #fff;
    border-radius: 9px;
    margin-right: 15px;
}
.marketplace-tabs li button {
    width: max-content;
}
.marketplace-tabs-content .btn-dark{
    background: #6a6a6a;
    border-color: #6a6a6a;
}
.marketplace-tabs-content .btn-light {
    background: #dedeed;
    border-color: #b7b7b7;
}
.marketplace-tabs-content .btn.btn-primary.btn-outline{
    background-color: #fff;
    border: 1px solid #000;
    color:#000;
}

/*Header*/

li.nav-item.dropdown.header-profile .dropdown-menu a:first-child,li.nav-item.dropdown.header-profile .dropdown-menu a:nth-child(2){
    display: none;
}

li.nav-item.dropdown.header-profile > a.nav-link img {
    display: none;
}
li.nav-item.dropdown.header-profile > a.nav-link{
    padding-left: 8px;
}
.card-header .dropdown-menu {
    z-index: 1;
}


/* Postcode Address select CSS by Alam */
#address_history .postcode_lookup select#getaddress_dropdown {
    width: 100%;
    margin-left: 0px;
    border-radius: 0.5rem !important;
    margin-top: 5px !important;
}
/* Postcode Address select CSS by Alam */

#settings_configure_edit .all_automation_rules tr td:nth-child(3){
    word-break: break-word;
}

.input-group .input-group-append button{
    margin-left: 0px !important;
}

#custom_fields_tab  tr td {
    word-break: break-all;
}
.over-content-box p#best_time_edit table {
    max-width: 446px !important;
    width: 100% !important;
    overflow: scroll;
    display: block;
}
.custom-tab-1 ul li {
    margin: 0px 10px 0px 0px;
}
.custom-tab-1 .nav-link:hover {
    border-bottom: 3px solid #dee2e6;
}
.custom-tab-1 .nav-link.active:hover{
    border-bottom: 3px solid var(--primary);
}
.conversation-list .user-chat-content p#aaa {
    word-break: break-word;
}
#AllApplications tr td:nth-child(6){
    max-width: fit-content;
}
label.apr_tab.btn-outline-success.active:hover{
    background-color: var(--bs-btn-active-bg);
}
label.apr_tab.btn-outline-success:hover{
    background-color: #d0f7e1;
}
.side-menu-nav .nav-item .nav-link.active{
    background-color: #001!important;
    color: #fff !important;
}
#send_email_show .show_mail{
    word-wrap: break-word;
}
#send_email_show .show_mail > *{
    /*    width: 100% !important;*/
    max-width: 100%;
}
.input-group > input {
    margin-right: 0px !important;
}
.w-max-content{
    width: max-content;
}
/* .marketplace-tabs-content .new-arrival-content p{
    min-height: 120px;
} */
#AllApplications tr td:first-child .btn{
    width: max-content;
}
/* .form-control[type="file"] {
    line-height: 34px;
} */
table#AllApplicationTasks tbody tr td:nth-child(6) {
    word-break: break-word;
}
#preloader .sk-three-bounce .sk-child {
    background: var(--primary);
}
#messages .border-bottom .head-info {
    z-index: 10 !important;
}

#DealersFormEdit .document-list > .document-item{
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 10px;
}
#DealersFormEdit .document-list > .document-item:nth-child(even){
    margin: 8px 0px;
}


/*Leads n chat*/

@media (max-width: 991.98px){
    .chat-conversation {
        height: calc(100vh - 260px) !important;
    }
    .select-temp #message_channel{
        margin-bottom: 0px;
    }

    li.nav-item.dropdown.header-profile {
        display: none;
    }
}

@media (max-width: 576px){
    .chat-conversation .conversation-list {
        width: 85% !important;
    }
}


@media (max-width: 320px){
    .chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content {
        width: 100% !important;
    }
    .ctext-wrap-content p {
        white-space: normal !important;
    }
}

@media (max-width: 1200px){
    .chat-conversation .simplebar-mask .simplebar-content {
        padding-top: 60px !important;
    }
    .border-bottom .head-info {
        bottom: -46px !important;
        height: 46px !important;
        overflow-y: auto;
    }
}


.conversation-list .user-chat-content video, .conversation-list .user-chat-content img{
    max-width: 100%;
    height: auto;
}

/*theme issue with blue color Start*/

[data-theme-version="light"] .input-primary .input-group-text, [data-theme-version="dark"] .input-primary .input-group-text {
    background-color: var(--primary);
}

/*light color tab*/

.nav-pills.light .nav-link.active, .nav-pills.light .show > .nav-link {
    color: var(--primary);
    background-color: var(--rgba-primary-1) !important;
}
.nav-pills.light .nav-link.active, .nav-pills.light .show > .nav-link:hover{
    color: var(--primary) !important;
}

/*solid tab color*/

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    box-shadow: var(--rgba-primary-2) !important;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--primary);
}

/*border bottom tab olor*/

.custom-tab-1 .nav-link:focus, .custom-tab-1 .nav-link:hover, .custom-tab-1 .nav-link.active{
    border-color: var(--primary);
}

/*seperate border around tab*/

.default-tab .nav-link:focus, .default-tab .nav-link:hover, .default-tab .nav-link.active{
    color: #fff !important;
    background-color: #000;
    border-radius: 9px;
}
.default-tab .nav-link:focus, .default-tab .nav-link:hover i, .default-tab .nav-link.active i{
    color: #fff !important;
}
/* create application wizard */

.form-wizard .nav-wizard li .nav-link span{
    border: 2px solid var(--primary) !important;
    color: var(--primary);
}
.form-wizard .toolbar-bottom .btn, .form-wizard .nav-wizard li .nav-link.done span {
    background-color: var(--primary);
}
.form-wizard .nav-wizard li .nav-link.done:after{
    background-color: var(--primary) !important;
}
/*message fixed bottom widget*/

.bb-feedback-button-icon{
    background-color: var(--primary) !important;
}
/*theme issue with blue color Start*/



/* new page design Start */
/* [data-header-position="fixed"][data-layout="vertical"] .content-body {
  padding-top: 3.5rem !important;
} */

.dlabnav .metismenu > li > a g [fill] {
    fill: #fff !important;
}
.dlabnav .metismenu > li > a:after{
    color: #fff;
    border-width: 2px 0 0 2px;
}
[data-sidebar-style="full"][data-layout="vertical"] .dlabnav .metismenu > li > a {
    padding: 15px 20px 15px 35px;
    background-color: transparent !important;
}
[data-sidebar-style="full"][data-layout="vertical"] .dlabnav .metismenu > li.mm-active, [data-sidebar-style="full"][data-layout="vertical"] .still_active {
    border-left: 3px solid var(--own-secondary-color);
}
[data-sidebar-style="full"][data-layout="vertical"] .dlabnav .metismenu > li.mm-active > a > .nav-text, [data-sidebar-style="full"][data-layout="vertical"] .dlabnav .metismenu > li.mm-active > a:after{
    color: var(--own-secondary-color) !important;
}
[data-sidebar-style="full"][data-layout="vertical"] .dlabnav .metismenu > li.still_active > a > .nav-text, [data-sidebar-style="full"][data-layout="vertical"] .dlabnav .metismenu > li.still_active > a:after{
    color: var(--own-secondary-color) !important;
}
[data-layout="vertical"] .dlabnav .metismenu > li ul li a.mm-active{
    color: var(--own-secondary-color) !important;
}
[data-sidebar-style="full"][data-layout="vertical"] .dlabnav .metismenu > li.mm-active > a > svg path, [data-sidebar-style="full"][data-layout="vertical"] .dlabnav .metismenu > li.still_active > a > svg path{
    fill: var(--own-secondary-color) !important;
}
[data-sidebar-style="full"][data-layout="vertical"] .dlabnav .metismenu > li > a:before{
    content: unset;
}
.dlabnav .metismenu ul a{
    padding-left: 4rem;
    font-size: 14px !important;
}
.dlabnav .metismenu ul a:first-child{
    padding-top: 0px;
}
[data-sidebarbg="color_2"][data-theme-version="dark"] .dlabnav .metismenu li a, [data-sidebarbg="color_2"] .dlabnav .metismenu li a{
    color: #fff !important;
}
.nav-header .nav-control{
    background: transparent;
    border: 1px solid #435290;
    padding: 3px 7px 6px;
    border-radius: 4px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nav-header .hamburger{
    top: 1px;
}
.nav-header .hamburger.is-active{
    transform: rotate(180deg);
}
#main-wrapper > .nav-header, #main-wrapper > .header{
    border-color:#435290 !important;
}
.header_message_dropdown .message_card{
    background: #F2F2F2;
    text-align: center;
    padding: 13px;
}
.header .left-unset.dropdown-menu{
    left: unset;
    padding: 0px !important;
}
.header_message_dropdown > a:after{
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background-color: #00B900;
    position: absolute;
    right: 7px;
    top: 7px;
}
.header .left-unset.dropdown-menu > div {
    margin: 11px;
}
.header .left-unset.dropdown-menu > div:last-child{
    margin: 0px;
    background: #fff;
    padding: 14px;
    border-top: 2px solid #f5f5f5;
}
.header .left-unset.dropdown-menu .avatar-title{
    background-color: var(--primary) !important;
    color: #fff !important;
    align-items: center;
    display: flex;
    font-weight: 500;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-right: 15px;
    position: relative;
}
.header .left-unset.dropdown-menu .avatar-title:after{
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background-color: #00B900;
    position: absolute;
    right: 0px;
    bottom: 0px;
    border: 1px solid #fff;
}
.header .left-unset.dropdown-menu .messages_body > div{
    width: 61%;
}
.header .left-unset.dropdown-menu .messages_body h5{
    color:#404040;
    font-size: 14px;
    font-weight: 500;
}
.header .left-unset.dropdown-menu .messages_body > div p{
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    margin-bottom: 0px !important;
    color:#797979;
    font-size: 11px;
}
.msg_time{
    font-size: 10px;
    font-weight: 500;
    color: #00B900;
    width: 20%;
    text-align: right;
}
.header .left-unset.dropdown-menu .see_all_msg{
    font-size: 15px;
    font-weight: 500;
    color: #797979;
}
@media screen and (min-width:992px){
    .header_message_dropdown .dropdown-menu{
        width: 360px;
    }
}
/* Details page start */
.header, .top_nav_design{
    border-left: 1px solid #435290 !important;
}
.top_nav_design .top_search_bar{
    border-radius: 0px 50px 50px 0px;
    min-height: 40px !important;
}
.currently_viewing > .card-body{
    padding: 15px 10px !important;
}
.currently_viewing .user_details_badge > span{
    padding: 14px 12px;
    background-color: var(--own-secondary-color);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.currently_viewing .viewer{
    color: var(--own-secondary-color);
    margin-right: 15px;
    font-weight: 500;
}
.new_design_table tr th{
    color: #404040;
    font-weight: 500;
    size: 14px;
}
.new_design_table tr td{
    color: #797979;
    font-weight: 400;
    size: 12px;
}
.new_design_table tr th, .new_design_table tr td{
    border-color: #D6D6D6 !important;
    padding: 15px !important;
}
.task_queue_dashboard h6{
    color: #404040;
    font-weight: 500;
}
.task_queue_dashboard .card-body{
    padding: 15px 20px !important;
}
.custom-tab-1.modified-tab .nav-item .nav-link[aria-selected="false"]{
    color: #404040 !important;
    font-weight: 400;
}
.custom-tab-1.modified-tab .nav-item .nav-link[aria-selected="false"]:hover{
    color: var(--primary) !important;
    font-weight: 500;
}
.new_design_details #main_applicant_tab .card-body{
    padding: 0px 15px !important;
}
#applicants_tab.new_colourful_tab ul.when_tabs_conflict li a[aria-selected="false"]{
    background-color: var(--own-secondary-color) !important;
    font-weight: 500;
}
#applicants_tab.new_colourful_tab ul.when_tabs_conflict li a[aria-selected="true"]{
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
    color: #fff !important;
}
.applicant_hr{
    margin-top: 20px;
    margin-bottom: 30px;
}
.dark-green{
    background-color: #00B900 !important;
}
.customer_name_title{
    color: #435290;
    font-weight: 500;
}
.bg-own-secondary{
    background-color: var(--own-secondary-color) !important;
}
.text-own-secondary{
    color: var(--own-secondary-color) !important;
}
.new_design_details #application_details tr th, .new_design_details #application_details2 tr th{
    min-width: 185px;
}
.new_design_details #all_activity ul > li table.new_design_table > tbody{
    display: table-cell;
    padding: 15px
}
.new_design_details #all_activity ul > li table.new_design_table > tbody > tr{
    min-width: 100% !important;
    display: inline-table;
}
.new_design_details #all_activity .rounded-pill.sent_badge {
    padding: 4px 20px !important;
}
.widget-timeline .timeline > li {
    margin-bottom: 30px;
}
.new_design_details .doc_badge div.badge{
    padding: 5px 20px !important;
    font-weight: 500;
    /* color: #404040; */
    text-transform: capitalize;
}
.doc_review_btn i{
    color: #00000096;
}
.new_design_details #address_history .badge, .new_design_details #employement_history .badge{
    padding: 5px 30px !important;
    border-radius: 0px !important;
    font-weight: 500;
}
.new_design_details #address_history .form-check-input:checked[type="radio"], .new_design_details #employement_history .form-check-input:checked[type="radio"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%2318E3FF'/%3e%3c/svg%3e");
}
.new_design_details #approvals_list .card-deck .simple-card > div > input{
    width: 20px;
}
.new_design_details #approvals_list .card-deck .simple-card > div > div.lender_main_details{
    width: 70%;
}
.new_design_details #approvals_list .card-deck .simple-card > div > div:last-child{
    width: 18%;
}
.new_design_details #approvals_list .card-deck .simple-card > div > div:last-child > div{
    min-width: 45px;
}
.new_design_details #approvals_list .card-deck .simple-card.active{
    background-color: var(--own-secondary-color);
}
.new_design_details #approvals_list .card-deck .simple-card p{
    color: #404040;
}
.new_design_details #linked_details tbody tr:first-child{
    border-top: 1px solid #D6D6D6;
}
.new_design_details .widget-timeline.activity_feed_timeline .timeline-badge.primary:after{
    background-color: var(--own-secondary-color) !important;
    width: 14px;
    height: 14px;
}
.new_design_details .widget-timeline.activity_feed_timeline .timeline:before{
    background-color: var(--primary) !important;
}
.new_design_details .widget-timeline.activity_feed_timeline .timeline-badge.primary{
    border-color: var(--primary) !important;
}
.new_design_details .widget-timeline.activity_feed_timeline .timeline > li > .timeline-badge {
    border-width: 4px;
    padding: 0px
}
.new_design_details #taskss tr td:last-child, #taskss2 .task-row td:last-child, .new_design_details #documents_tab table tr td:last-child{
    min-width: 120px;
}
.new_design_details #address_history tr td:last-child, .new_design_details #employement_history tr td:last-child{
    min-width: 80px;
}
.new_design_details #approvals_tab ul.nav.nav-tabs li a.active, .new_design_details #approvals_tab ul.nav.nav-tabs li a:hover, .new_design_details #approvals_tab ul.nav.nav-tabs li a:focus{
    border-color: #dee2e6;
    border-width: 0px !important;
    border-bottom: 0px solid transparent !important
}
.new_design_details #send_to_lender_tab ul.nav.nav-tabs li a.active, .new_design_details #send_to_lender_tab ul.nav.nav-tabs li a:hover, .new_design_details #send_to_lender_tab ul.nav.nav-tabs li a:focus{
    border-color: #dee2e6;
    border-bottom: 0px solid transparent !important;
    background-color: transparent;
}

@media screen and (max-width: 576px){
    .new_design_details #main_applicant_tab .mobile_add_text{
        width: auto !important;
    }
    .new_design_details .activity_feed_timeline li table th {
        min-width: 150px;
    }
    .new_design_details .activity_feed_timeline li table td {
        min-width: 200px;
        max-width: 400px;
    }
    #applicants_tab.new_colourful_tab ul.when_tabs_conflict li a {
        font-size: 10px;
        padding: 10px 15px;
    }
    .new_design_details .tabs_in_a_line{
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -ms-overflow-style: none;
    }
    .new_design_details .tabs_in_a_line::-webkit-scrollbar {
        width: 0 !important;
        display: none;
    }
    .new_design_details .tabs_in_a_line li a.nav-link{
        width: max-content;
        padding: 8px 10px;
    }
    .new_design_details #application_details2 tr:last-child td span{
        padding: 10px;
        width: max-content !important;
    }
    .new_design_table tr th {
        min-width: 150px;
    }
    .new_design_details .activity_feed_timeline ul li a.timeline-panel > div.d-flex{
        display: block !important;
    }
    .new_design_details .activity_feed_timeline ul li a.timeline-panel > div.d-flex > h4{
        margin-bottom: 10px !important;
    }
    .new_design_details #approvals_list .card-deck .simple-card > div > input {
        width: 23px;
    }
    .new_design_details #approvals_list .card-deck .simple-card > div > div.lender_main_details {
        width: 68%;
    }
    .new_design_details #approvals_list .card-deck .simple-card > div > div:last-child {
        width: 20%;
    }
    .table-responsive-mobile{
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
/* Details page start */

/* new page design End */

/* z-index issue for select 2 */

.dlabnav{
    z-index: 8 !important;
}
.select2-container {
    z-index: 1080;
}
.content-body > .container-fluid .select2-container{
    z-index: 6 !important;
}
.multiple_select_items{
    z-index: 6 !important;
}
.bootstrap-select .dropdown-menu{
    z-index: 7;
}
.modal .bootstrap-select .dropdown-menu.show {
    z-index: 1081;
}

/* Responsive for app */

@media screen and (max-width: 575.9px){
    #pills-user .chat-message-list, #pills-chat .chat-message-list{
        height: calc(100vh - 250px);
    }
    #pills-groups .chat-message-list, #pills-contacts .chat-message-list{
        height: calc(100vh - 190px);
    }
    .form-wizard .nav-wizard li .nav-link span{
        width: 1.7rem;
        height: 1.7rem;
        line-height: 1.7rem;
        font-size: 14px;
    }
    .marketplace-tabs li > .nav-link {
        padding: 10px 15px;
    }
    #DealersFormEdit .document-list .document-info{
        width: 20%;
    }
    #DealersFormEdit .document-list .document-info .document-name{
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
    }
}
@media screen and (max-width: 991.98px) and (min-width: 576px){
    .chat-leftsidebar #pills-user .chat-message-list, .chat-leftsidebar #pills-chat .chat-message-list{
        height: calc(100vh - 267px);
    }
    .chat-leftsidebar #pills-groups .chat-message-list, .chat-leftsidebar #pills-contacts .chat-message-list{
        height: calc(100vh - 207px);
    }
}
@media screen and (min-width: 992px){
    .chat-leftsidebar #pills-user .chat-message-list, .chat-leftsidebar #pills-chat .chat-message-list{
        height: calc(100vh - 210px);
    }
    .chat-leftsidebar #pills-groups .chat-message-list, .chat-leftsidebar #pills-contacts .chat-message-list{
        height: calc(100vh - 150px);
    }
}
@media screen and (max-width: 767px){
    .user-chat-show .msg-box > .ms-input{
        width: calc(100% - 84px);
    }
}
@media screen and (max-width: 576px){
    .dataTables_paginate{
        display: flex;
        justify-content: center;
    }
    .dataTables_paginate > a{
        width: 90px;
        font-size: 12px !important;
    }
    .dataTables_paginate > span{
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
    }
    .dataTables_paginate > span a.paginate_button{
        display: none !important;
    }
    .dataTables_paginate > span a.paginate_button.current{
        display: inline-block !important;
    }
}
.attachment-preview img, .attachment-preview video, .attachment-preview embed{
    width: auto !important;
    height: 30px !important;
    margin: 0px 10px 10px 0px !important;
}
.user-chat .chat-input .attachment-preview{
    margin-bottom: 12px;
    border-radius: 4px;
    max-height: 70px;
    overflow-y: auto;
}
.user-chat .chat-input .attachment-preview #closePreview{
    right: 30px;
}
@media screen and (min-width: 992px){
    .layout-wrapper > .user-chat{
        height: 100vh;
        overflow-y: auto !important;
    }
    .attachment-preview img, .attachment-preview video, .attachment-preview embed{
        height: 60px !important;
    }
}
@media screen and (max-width: 1300px) and (min-width: 768px){
    .nav-header .nav-control{
        border: 0px;
    }
    [data-layout="vertical"] .dlabnav .metismenu > li > a{
        display: flex;
        align-items: center;
        justify-content: center;
        height: 48px;
    }
    .dlabnav .metismenu li > ul > li > ul, .dlabnav .metismenu li > ul.mm-collapse > li > ul.mm-collapse, .dlabnav .metismenu li > ul.mm-collapsing > li > ul.mm-collapsing{
        overflow-y: auto;
        max-height: 130px !important;
    }
}
/* table scrolling issue */
/* @media screen and (max-width: 1299.9px){
  table.dataTable{
    display: block;
  }
  .table-responsive > table.dataTable{
    display: table;
  }
}
table.dataTable{
  overflow-x: auto;
  min-width: 100% !important;
  width: 100% !important;
} */
.responsive-wrap-div::-webkit-scrollbar{
    display: block;
}
#AllApplicationTasks tr th:nth-child(2), #AllApplicationTasks tr td:nth-child(2) {
    min-width: 200px;
    max-width: 200px;
    word-break: break-word;
    display: flex;
    align-items: center;
}
div#view_email .email_detais .col-6 {
    margin-bottom: 20px;
}
div#view_email .email_detais .col-6 h5 {
    word-break: break-word;
}
div#view_email .email_detais img {
    border-radius: 10px;
    padding: 10px;
    height: 100%;
}
div#view_email .gmail_quote img {

    height: auto;

}
.table.dataTable.display tbody td {
    border-bottom: 0px;
}

@media screen and (max-width: 345px){
    .activity_feed_header > div, .over-content-box > div > div{
        flex-direction: column;
        align-items: start !important;
        gap: 10px;
    }
    .activity_feed_header > div .form-check-label{
        font-size: 13px;
    }
    .profile_card .blue_card .user_profile_details a, .profile_card .blue_card .user_profile_details > p{
        font-size: 12px !important;
    }
}
.marketplace_ads p{
    width: 70%;
}
.marketplace_ads{
    background-image: url('/images/marketplace_ads2.png');
    background-size: calc(100% - 65%);
    background-position: bottom right;
    background-repeat: no-repeat;
}
.car_ads_details > p{
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    width: 100%;
}
.car_ads_details .car_features span:nth-child(2){
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
}
@media screen and (min-width: 767.9px){
    .marketplace_ads{
        background-position: top right !important;
    }
    .marketplace_ads p{
        width: 83%;
    }
}
.brokerorlender_badge{
    position: absolute;
    right: 5px;
    top: 5px;
}
.modal-header .close{
    position: relative;
    padding: 0px;
    margin-left: 10px;
    margin-top: 0px !important;
}
.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content {
    text-align: left !important;
}
.chat-conversation .right .chat-time {
    text-align: right !important;
}
.dlabnav > .dlabnav-scroll{
    overflow-y: auto !important;
}
.dlabnav > .dlabnav-scroll::-webkit-scrollbar {
    width: 5px !important;
}
.dlabnav > .dlabnav-scroll::-webkit-scrollbar-track {
    background: transparent !important;
}
.dlabnav > .dlabnav-scroll::-webkit-scrollbar-thumb {
    background-color: #ddd !important;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.dlabnav > .dlabnav-scroll > .ps__rail-x, .dlabnav > .dlabnav-scroll > .ps__rail-x .ps__thumb-x, .dlabnav > .dlabnav-scroll > .ps__rail-y, .dlabnav > .dlabnav-scroll > .ps__rail-y .ps__thumb-y{
    overflow-y: hidden !important;
    display: none;
}
@media screen and (max-width: 767px){
    .dlabnav{
        height: calc(100vh - 79px);
    }
}
table.dataTable .btn {
    width: max-content;
}
table.dataTable tr td:first-child .btn{
    width: auto;
}
.new-arrival-product:hover .new-arrivals-img-contnent img, .new-arrival-product:hover .new-arrivals-img-contnent lottie-player{
    transform: scale(1.2) translateY(0%) !important;
}
.new-arrival-product .new-arrivals-img-contnent lottie-player{
    transition: all 0.5s;
}
.recentOrderTable table tbody td {
    line-height: normal;
    font-weight: normal;
}
.navbar-brand-box svg {
    height: auto !important;
}
@media screen and (max-width: 576px){
    .pagination .page-item .page-link{
        width: 100px;
    }
}
.daterangepicker.ltr.show-calendar.opensright{
    z-index: 7;
}
/* Datetime picker theme customizaion Start */

.dtp table.dtp-picker-days tr > td{
    font-size: 0.8em !important;
}
.dtp table.dtp-picker-days tr > th {
    padding: 0.4em 0.3em !important;
}
.dtp table.dtp-picker-days tr > td {
    padding: 0.5em 0.3em !important;
}
.dtp > .dtp-content > .dtp-date-view > header.dtp-header, .dtp div.dtp-date, .dtp div.dtp-time, .dtp table.dtp-picker-days tr > td > a.selected{
    background: var(--primary)
}
.dtp .dtp-content .p10 > a, .dtp div.dtp-actual-year{
    color: #fff;
}
.year-picker-item.active, .year-picker-item:hover {
    color: var(--primary);
}
.dtp-picker .hour-hand, .dtp-picker .minute-hand{
    stroke: var(--primary);
}
.dtp-picker circle.dtp-select-hour[fill="#8BC34A"], .dtp-picker circle.dtp-select-minute[fill="#8BC34A"]{
    fill: var(--primary);
    color: #fff;
}


/*=========================
DSG 
==========================*/

.dsg-content .btn.btn-primary{
    font-family: "Montserrat", sans-serif;
}
.dsg-banner {
    background-size: cover;
    padding: 70px 80px;
    border-bottom-left-radius: 140px;
}
.dsg-banner h2 {
    font-size: 60px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
}
.dsg-banner p {
    color: #fff;
    font-size: 16px !important;
    font-family: "Montserrat", sans-serif;
}
.banner-logos img {
    width: 130px;
}
.dsg-three{
    padding: 30px 0px 0px;
}
.dsg-three .dsg-inner {
    background-color: #252e3f;
    margin-bottom: 30px;
}
.botmodal .modal-dialog{
    max-width: 700px;
} 
.marketplace-tabs-content .card .card-body .btn-success{
    margin-left: 0px;
}
.dsg-three .dsg-inner .dsg-head{
    align-items: center;
    padding: 20px;
}
.dsg-three .dsg-body {
    padding: 20px;
}
.dsg-head img {
    max-width: 110px;
}

.dsg-body p {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    min-height: 310px;
}

.dsg-connected .dsg-head {
    border-bottom:30px solid #e70175;
}
.dsg-connected .dsg-body h3{
    color:#e70175;
    font-family: "Montserrat", sans-serif;
}
.dsg-finance .dsg-head {
    border-bottom:30px solid #017fff;
}
.dsg-finance .dsg-body h3{
    color:#017fff;
    font-family: "Montserrat", sans-serif;
}
.dsg-prestige .dsg-head {
    border-bottom:30px solid #c6c6c6;
}
.dsg-prestige .dsg-body h3{
    color:#c6c6c6;
    font-family: "Montserrat", sans-serif;
}
.split-integration .nav {
    border: 0px;
    margin-bottom: 0px;
}
.split-integration nav {
    margin-bottom: 0px;
}
.split-integration .nav-tabs .nav-link.active,.split-integration .nav-tabs .nav-item.show .nav-link {
    background-color: #000;
    color: #fff;
    border-radius: 9px;
}
.split-integration .nav-tabs .nav-link{
    border: 1px solid #eee;
    border-radius: 9px;
    margin-right: 8px;
    margin-bottom: 5px;
}

/*Storefront*/

.dsg-banner.storefront-banner {
    background-color: #fff;
    padding: 35px 40px;
    box-shadow: 0px 0px 10px #e1e1e1;
    border-radius: 20px;
}

.dsg-banner.storefront-banner h2 {
    font-size: 42px;
    color:#000;   
}
.dsg-banner.storefront-banner p{
    color: #828690;
}

.ai-agent-tab .product_image1 {
    border-radius:100%;
    height: 200px;
    width: 200px !important;
}
.new-arrival-product:hover .new-arrivals-img-contnent img.product_image1 {
    transform: scale(1) translateY(0%) !important;
}


/*============================
Rebranding Pages
============================*/

.rebranding .card .card-body {
    padding: 0px !important;
}
.rebranding .card label {
    color: #7A7F9A;
    font-size: 15px;
    font-weight: 600;
}
.rebranding .card .form-control,.modal .form-control {
    background-color: transparent;
    border-color: #ddd !important;
    border: 0px;
    border-bottom: 1px solid #000;
    border-radius: 0px !important;
    font-size: 15px;
    color: #000;
}
.rebranding .modal .modal-content input.form-control{
    border-radius: 0px !important;
}
.rebranding .form-wizard .table-responsive.responsive-wrap-div {
    margin-bottom: 0px;
}
.rebranding #financials_details .form-control {
    padding: 10px;
}
.rebranding .btn.btn-primary {
    background-color: #000000;
    border-color: #000000;
    color: #fff;
    font-size: 14px !important;
    padding: 9px 20px;
    font-weight: 600;
}
.card.fun {
    background-color: #F7F9FC;
    box-shadow: none;
    border-radius: 20px;
}
.bootstrap-select.form-control-sm .dropdown-toggle {
    padding: .3rem 1rem;
}
.card.fun h4 {
    font-weight: 400;
    font-size: 15px;
    margin-top: 4px;
}
.card.fun .num-text {
    font-size: 50px;
}
.rebranding .card{
    box-shadow: none;
}
.rebranding .card .card-body {
    padding: 30px !important;
    background-color: #F7F9FC;
    border-radius: 20px;
}
.new_table {
    padding: 27px;
    background-color: #F5F7FB;
    border-radius: 20px;
}
.new_table table.gap_table.dataTable {
    border-collapse: separate;
    border-spacing: inherit !important;
    border: 0px !important;
}
.new_table .table-responsive.responsive-wrap-div ,.rebranding .table-responsive.responsive-wrap-div{
    margin-bottom: 22px;
}
.rebranding table{
    background-color: #fff;
    padding: 10px;
}
.rebranding .form-check {
    line-height: normal;
    background-color: #fff;
    padding: 14px 17px;
    border-radius: 58px;
}
.rebranding .modal .form-check {
    padding:0px;
}
.rebranding .form-check .form-check-input{
    margin-left: 0px;
    margin-top: 0px;
    min-width: 20px;
    border: 1px solid #999;
    background-color: #dbdbdb;
}
.rebranding .form-check .form-check-input:checked{
    background-color: #000;
}
.rebranding .head-box .btn.btn-primary{
    padding: 5px 16px;
}
.rebranding .simple-card,.rebranding .simple-card .card-body{
    background-color: #fff;
}
.rebranding .head-box .card-title{
    margin-bottom: 0px;
}
.rebranding table .btn, .rebranding table .btn.btn-primary {
    padding: 4px 14px !important;
    font-size: 13px !important;
}
.rebranding table .btn i, .rebranding table .btn.btn-primary i{
    margin-right: 5px;
    font-size: 12px;
}
.rebranding .card .form-check label {
    margin-bottom: 0px;
    margin-top: 0px;
}
.rebranding .card .card-body h2 {
    font-size: 17px;
    margin-bottom: 0px;
}
.rebranding .card .card-body #EndpointInput {
    height: 42px;
    padding: 5px !important;
}
.rebranding .card .card-body .form-floating label {
    color: #7A7F9A;
    font-size: 15px;
    font-weight: 400;
    padding: 7px 0px;
}
button.company-connect i {
    color: #fff !important;
}
.rebranding .bootstrap-select.form-control-sm .dropdown-toggle {
    padding: .8rem 0rem;
    border: 0px !important;
}
.rebranding input#addAppemail_Fr {
    margin-bottom: 0px !important;
}
.sw-theme-default>.nav .nav-link.done span {
    background-color: #000 !important;
}
.rebranding .form-wizard .nav-wizard li .nav-link span{
    border-radius: 7px;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 15px;
    background-color: #f7f9fc;
    padding: 9px;
    line-height: normal;
    border: 1px solid #DDDDDD !important;
}

.rebranding .form-wizard .nav-wizard{
    margin-bottom: 0px !important;
}
.rebranding .form-wizard .nav-wizard li .nav-link.active span{
    background-color:var(--primary);
    color:#fff;
}


.new_table .dataTables_wrapper .dataTables_paginate .paginate_button.previous,.new_table .dataTables_wrapper .dataTables_paginate .paginate_button.next{
    margin: 0 0px 0px 0px
}
.modal .modal-header h4{
    font-size: 20px;
    color: #000;
}

.rebranding .card.profile_card {
    flex-direction: row;
}
.rebranding .card.profile_card .card-body{
    background-color: var(--primary);
}
.rebranding .profile_card .blue_card{
    height: auto;
}
.rebranding .card-body.profile_card-body {
    background-color: #fff !important;
    padding-top:0px !important;
}
.rebranding .profile_card .profile_card-body .user_details_badge{
    background-color: #f5f7fb !important;
    padding: 21px 15px !important;
    width: 100%;
}

.rebranding.app-detail .card .card-body{
    padding: 20px !important;
}
.rebranding.app-detail .card-body.profile_card-body {
    background-color: #fff !important;
    padding: 0px 20px !important;
}
.rebranding .profile_card .blue_card .user_profile_details p,.rebranding .profile_card .blue_card .user_profile_details a{
    font-size: 15px !important;
}
.rebranding .profile_card .profile_card-body .user_details_badge:first-child > i{
    background-color: #000000 !important;
    color: #fff !important;
}
.rebranding .profile_card .profile_card-body .user_details_badge > div h6:first-child {
    color: #000000;
    font-size: 18px;
    font-weight: 600;
}
.rebranding .profile_card .profile_card-body .user_details_badge > div h6:last-child {
    color: #000000;
    font-size: 12px;
}
.rebranding .card.profile_card .card-body > .d-flex {
    flex-direction: column;
}
.rebranding .profile_card .blue_card .card-body {
    padding: 24px !important;
    align-items: center;
    justify-content: center;
}
.finance-mode .card .card-body .tab-content .tab-pane .modal h3{
    margin-bottom: 20px;
}



#AllApplications_wrapper .table:not(.table-bordered) thead th{
    min-width: 120px;
}
#AllApplicationTasks tr th:first-child,#apilogstables tr th:first-child,#lendersentapilogstables tr th:first-child,
#automation_webhook_tables tr th:first-child,#aiapilogstables tr th:first-child,#automation_app_tables tr th:first-child,
#automation_lead_tables tr th:first-child
{
    max-width: 30px;
    min-width: 50px;
}
#AllApplicationTasks tr th:nth-child(2),#userstable tr th{
    min-width: 120px !important;
}
.new_table table.gap_table th, .new_table table.gap_table td,#DataTables_Table_0 tr th{
    min-width: 120px;
}
#apilogstables tr th,#aiapilogstables tr th,#automation_app_tables tr th,#automation_lead_tables tr th,#automation_webhook_tables tr th,
#DataTables_Table_0_wrapper tr th,#table_finance_template tr th,#webhook_table_processing tr th,#dealerstable_wrapper tr th,#TaskQueuetable_wrapper tr th{
    min-width: 140px;
}
#lendersentapilogstables tr th,#webhook_table_wrapper tr th,#Companytable tr th{
    min-width: 115px;
}
#LendersIntegrationtable_wrapper tr th{
    min-width:170px;
}
#dealerstable_wrapper tr th:nth-last-child(2){
    min-width: 185px;
}
#automation_webhook_tables_wrapper tr th:nth-child(2),#table_vehicle_template tr th{
    min-width: 185px;
}
#DataTables_Table_0_wrapper tr th:nth-child(5),.sms-table #DataTables_Table_0_wrapper tr th:nth-child(4),
#table_finance_template tr th:nth-child(8),.whatsapp-table  #DataTables_Table_0_wrapper tr th:nth-child(6)
{
    min-width: 231px;
}
.sms-table #DataTables_Table_0_wrapper tr th:nth-child(5),.whatsapp-table  #DataTables_Table_0_wrapper tr th:nth-child(5)
{
    min-width:140px;
}
#TaskActiontable tr th{
    min-width:150px;
}
button.btn.btn-sm.btn-link {
    border: 1px solid #000;
    color: #000;
    text-decoration: none;
    margin-bottom: 12px;
}
.rebranding.step-form-main .simple-card .card-body {
    padding: 15px 0px !important;
}
#webhook_table_wrapper .btn.btn-primary i{
    margin-right: 0px;
}
.document-item button.btn.btn-danger.btn-sm.remove-document {
    padding: 10px 20px;
}
#DealersFormEdit .light.btn-danger{
    padding: 10px 20px;
}
.rebranding table .btn.icon-btn {
    padding: 2px 6px !important;
    text-align: center !important;
    border-radius: 6px !important;
}
.rebranding table .btn.icon-btn i {
    margin: 0px;
}

td.d-flex.edit-btn-box {
    min-height: 57px;
    align-items: center;
}
table tr:last-child th, table tr:last-child td{
    text-align: left !important;
}
#whats_template_form .form-check{
    margin-bottom: 20px;
}
#whats_template_form .wa-building-blocks {
    padding: 0px;
}
.full-alert {
    position: absolute;
    z-index: 999;
    width: 50%;
    left: 50%;
    transform: translate(-25%);
  }


  .lversion-text {
     display: block;
    font-size: 12px;
    border-radius: 5px;
    margin-top: 7px;
    margin-left: 27px !important;
  }
  .lappversion-text {
    font-size: 11px;
  }
  .new_table table.gap_table.lav-ver td:first-child {
    min-width: 80px;
  }
  .oldchatlogo{
    display : none;
  }

  .minimum-req .form-control{
    padding: 5px 0px;
  }

  /*Modifications*/

  .modal .input-group-append button.btn.btn-success,.modal .input-group-append .input-group-text,.modal .input-group-append button.btn.btn.btn-primary {
    background-color: #000;
    border-radius: 8px;
    padding: 5px 15px;
    height: 37px !important;
}


.modal .input-group-append {
    border-bottom: 1px solid #ddd;
}
.modal .modal-content input.form-control{
    border-radius: 0px !important;
}

.modal .bootstrap-select.form-control-sm .dropdown-toggle{
    border: 0px !important;
}
.automation-page .searchbox .btn-success,.postcode_lookup .btn-success,.emp_postcode_lookup .btn-success{
    background-color: #000;
    border-radius: 0px;
    border-color:#000;
}
.rebranding table .btn.btn-endpoint-group {
    border: 1px solid #000;
    color: #000;
    text-align: center !important;
    text-decoration: none;
}
.rebranding table .btn.btn-endpoint-group i {
    margin: 0px;
}
.rebranding table.dataTable tbody td {
    text-align: left !important;
}

.rebranding table .text-success,.rebranding table .text-danger.fa-times {
    background-color: #00bd00;
    color: #fff !important;
    padding: 5px 9px;
    border-radius: 5px;
    min-width: 37px;
    text-align: center;
}
.rebranding table .text-danger.fa-times{
    background-color: #fd5353;
}
.rebranding table.dataTable tbody td{
    text-align: left !important;
}
  .review-check .form-check {
    display: flex;
}
form#send_document_request_sm .modal-body {
    padding: 15px 28px;
}
#send_document_request_sm .form-check{
    margin-bottom: 15px;
}
.exp-row .card-body {
    padding: 0px 15px;
}


/*Car Banner*/

.car-buying-banner {
    background-color: #ffab2d;
    padding: 9px;
    display: flex;
    gap: 15px;
    align-items:center;
    border-bottom: 1px solid #f5f5f5;
    justify-content:space-between;
    position: absolute;
    left: 0;
    top: var(--height);
    left: 14.9rem;
    width: calc(100% - 238px);
}
.car-buying-banner .close-btn{
    display:none;
}
[data-header-position="fixed"] .content-body{
    //padding-top: 129px;
}

[data-header-position="fixed"] .main-car-buying-banner .content-body{
    padding-top: 180px;
}

.car-btn-box {
    display: flex;
    align-items: center;
}
.car-buying-banner h4 {
    font-size: 13px;
    color: #000;
    margin-bottom:0px;
}
.car-btn-box a {
    padding: 4px 9px;
    border-radius: 5px;
    margin: 0px 2px 0px;
    display: inline-block;
    font-size: 10px;
    text-align: center;
    color:#fff;
    border:1px solid #000;
}
.car-btn-box a.learn {
    min-width: 86px;
    background-color: #ffffff;
    border: 1px solid #c7c7c7;
    color: #000;
}
.car-btn-box a.btn-outline{
    border:1px solid #000;
    color:#000;
}

.countdown {
    border: 1px solid #0000002e;
    border-radius: 8px;
    color: #000000;
    font-size: 15px;
    text-align: center;
    padding: 2px 9px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #fff;
    box-shadow: inset -4px -5px 5px #bdbdbd;
}
.countdown span {
    color: #fff;
    padding: 4px;
    border-radius: 6px;
    background-color: #000;
    font-size: 11px;
}
.car-buying-message{
    display: none;
}
.car-buying-message .car-buying-banner{
    display: block;
    position: static;
}
.whats-bar.car-buying-message .accordion-button {
    width: 100%;
    max-width: 100% !important;
}
.car-buying-message .acco-box .accordion-header {
    padding: 8px 0px;
}
.car-buying-message .acco-box .accordion-item:first-of-type .accordion-button{
    font-size: 16px;
    font-weight: 600;
}
.car-buying-message .acco-box .accordion-body{
    padding: 0px !important;
}
.car-buying-message .acco-box .countdown{
    margin-left: 7px;
    padding: 5px 10px;
    box-shadow: inset -3px -2px 5px #bdbdbd;
    font-size: 14px;
}
   

/*PostalCode*/

.finance-mode .input-group.postcode_lookup button{
    width: 20%;
    height: 48px;
}
.finance-mode .emp_postcode_lookup button{
    width: 30%;
    height: 48px;
}
.finance-mode .input-group.postcode_lookup #getaddress_error_message {
    display: block;
    clear: both;
}
.finance-mode .input-group.postcode_lookup input{
    width: 80% !important;
    float: left;
}
.finance-mode .emp_postcode_lookup input{
    width: 70% !important;
    float: left;
}

.finance-mode #getaddress_button.disabled{
    background-color: #000;
    color:#fff;
}
.finance-mode .postcode_lookup #getaddress_dropdown{
    width:100% !important;
}
.finance-mode .emp_postcode_lookup .btn-success{
    color: #fff;
}
.automation-page .searchbox .btn-success, .postcode_lookup .btn-success, .emp_postcode_lookup .btn-success{
    color:#fff;
}
.finance-mode #getaddress_error_message{
    margin-top: 5px;
    margin-bottom: 0px;
}
.ck-editor__main .header {
    position: static !important;
}

/*Sun Motors*/

.sun-motors,.coming-soon{
    background-color: #2c3a77;
}
.sun-login {
    max-width: 410px;
    text-align: center;
}
.sun-login .sun-logo {
    max-width: 280px;
    margin-bottom: 30px;
}
.sun-login .card {
    padding: 35px 30px;
    border-radius: 30px;
    text-align: left;
}
.sun-login .btn.btn-primary {
    background-color: #2c3a77;
    border-color: #2c3a77;
    color: #fff;
}
.sun-login h4{
    color: #2c3a77;
}

.header.sunmotors-head .btn.btn-primary{
    color: #001;
    background-color: white !important;
    border-color:#fff;
}

/*Coming Soon*/
.coming-soon{
display: flex;
    align-items: center;
    justify-content: center;
}
.coming-soon h2 {
    color: #fff;
    font-size: 85px;
    font-weight: 900;
    margin-bottom: 45px;
}
.coming-soon .sun-logo {
    max-width: 380px;
    margin-bottom: 30px;
}
.coming-soon .btn.btn-primary{
    background-color: #fff;
    border-radius: 6px;
    border-color: #2c3a77;
    color: #2c3a77;
    font-weight: 700;
    font-size: 17px;
    text-transform: uppercase;
    padding: 11px 45px;
}


.storefront-img img{
    width: 100%;
}

.badge-white {
    background-color: #fff;
    color: #000;
}
#manual_accept_modal.modal .modal-content input.form-control{
    max-width:100%;
}
.inner-imgbox img {
    max-width: 100px;
}

.inner-imgbox {
    min-height: 248px;
    max-height: 238px;
}
.inner-imgbox img {
    max-width: 100px;
}
.dzsale {
    display: none !important;
  
  }
/*=========================
Media
=========================*/

@media screen and (min-width: 1401px) {
    .car-buying-banner {
        left: 17.5rem;
        width: calc(100% - 280px);
    } 
}

@media only screen and (min-width: 1200px) and (max-width: 1350px) {
    [data-sidebar-style="full"] .header, [data-sidebar-style="overlay"] .header {
        width: 100%;
        padding-left: 14.9rem;
    }
}


@media screen and (max-width: 1299px) {
    .car-buying-banner{
        left: 80px;
        width: calc(100% - 80px);
    }
    }
@media screen and (max-width: 1150px) and (min-width: 993px) {

    .car-buying-banner h4 {
        font-size: 12px;
    }
}

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

    .finance-mode .input-group.postcode_lookup button,.finance-mode .emp_postcode_lookup button{
        width: 50%;
        height: 48px;
        font-size: 11px !important;
    }
    .finance-mode .input-group.postcode_lookup input ,.finance-mode .emp_postcode_lookup input{
        width: 50% !important;
        float: none;
    }
    
    .tcbg-appears .send-box{
        min-height: 210px !important;
    }
    .send-box{
        min-height: 170px !important;
    }
    .car-buying-banner .countdown{
        display:none;
    }
    .car-buying-message{
        display: block;
    }
    .car-buying-banner{
        left: 0;
        display: block;
        text-align: center;
        z-index: 999;
        top: 49px;
        display:none;
    }
    .car-buying-banner > .d-flex {
        margin-top: 10px;
        justify-content: center;
    }
    
    .car-buying-message .car-buying-banner{
        width: 100%;
    }
    [data-header-position="fixed"] .content-body {
        padding-top: var(--height);
    }
}

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

    .finance-mode .input-group.postcode_lookup button,.finance-mode .emp_postcode_lookup button{
    width: 100%;
    height: 48px;
    font-size: 11px !important;
}
.finance-mode .input-group.postcode_lookup input ,.finance-mode .emp_postcode_lookup input{
    width: 100% !important;
    float: none;
}
.finance-mode .input-group.postcode_lookup #getaddress_error_message{
    margin-bottom: 0px;
}
.store-btn{
    justify-content: center;
    flex-wrap: wrap;
}


[data-header-position="fixed"] .content-body {
    padding-top:var(--height);
}



}

@media screen and (max-width: 1760px) {
    .dsg-three .dsg-inner h3 {
        min-height: 69px;
    }
  }


@media screen and (max-width: 1440px) and (min-width: 1366px) {
    .profile_card .profile_card-body .user_details_badge > i {
        font-size: 21px;
        background-color: #000 !important;
        color: #fff !important;
    }
}

@media screen and (max-width: 1115px) {
    .dsg-body p{
        min-height: 400px;
    }
    .dsg-three .dsg-inner h3{
        font-size: 20px;
    }
}

@media screen and (min-width: 993px) {
.modal-backdrop {
    z-index: 999 !important;
}
}

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

    .dsg-banner {
        padding: 40px 50px;
        border-radius: 0px;
    }
    .dsg-banner .col-md-6,.dsg-three .col-md-4{
        width: 100% !important;
    }
    .dsg-body p{
        min-height: auto;
    }
    .banner-logos{
        padding-top: 10px;
    }
    .banner-logos .justify-content-end{
        justify-content: flex-start !important;
    }

    .rebranding .card.profile_card {
        flex-direction: column;
    }
    .profile_card .user_profile_details {
        width: 100%;
        text-align: center;
    }
    .rebranding .profile_card .blue_card .user_profile_details p, .rebranding .profile_card .blue_card .user_profile_details a{
        margin-top: 5px !important;
    }
    .rebranding .profile_card .blue_card{
        margin-bottom: 15px;
    }
    .rebranding.app-detail .card-body.profile_card-body{
        padding: 0px 0px !important;
    }
    .rebranding .modal-body .col-md-4 {
        width: 100%;

    .full-alert{
        width:100%;

    }
}

@media screen and (max-width: 767px) {
    .dsg-banner{
        padding: 20px;
        text-align: center;
        border-radius: 0px;
    }
    .dsg-banner h2 {
        font-size: 40px;
    }
    .banner-logos .d-flex {
        display: block !important;
    }
    .banner-logos .d-flex img {
        max-width: 90px;
        margin: 5px;
    }
    .banner-logos {
        margin-top: 25px;
    }
    .split-integration .nav-tabs .nav-link {
        min-width: 210px;
    }
    .dsg-three .dsg-inner {
        margin-bottom: 25px;
    }
    .oldchatlogo{
        display : block;
      }
      .coming-soon h2{
        font-size: 52px;
        margin-bottom: 35px;
      }
      .coming-soon .sun-logo{
        max-width: 320px;
      }
      .coming-soon .btn.btn-primary{
        font-size: 16px;
        padding: 11px 47px;
    }
  }

  @media screen and (max-width: 450px) {
  #bank_details_add .modal-footer .btn {
    width: 100% !important;
}
.sun-login .card {
    padding: 20px 15px;
    border-radius: 15px;
}
.sun-login .sun-logo{
    max-width: 200px;
}
  }

  @media screen and (max-width: 400px) {
    .coming-soon h2{
        font-size: 38px;
        margin-bottom: 35px;
      }
      .coming-soon .sun-logo{
        max-width: 250px;
      }
      .coming-soon .btn.btn-primary{
        font-size: 16px;
        padding: 11px 37px;
    }
  }

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

  .rebranding .form-wizard .nav-wizard li .nav-link span{
    width: 1.6rem;
    height: 2rem;
    font-size: 14px;
    padding: 6px;
  } 

  .whats-bar .acco-box .accordion-item:first-of-type .accordion-button{
    font-size: 13px;
  }
    .car-buying-message .acco-box .countdown {
        padding: 5px 5px;
        font-size: 11px;
    }
    .car-buying-message .acco-box .accordion-header {
        padding: 5px 0px;
    }


}

/* Datetime picker theme customizaion End */