@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../fonts/fontawesome/fa-regular-400.eot");
    src: url("../fonts/fontawesome/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome/fa-regular-400.woff2") format("woff2"), url("../fonts/fontawesome/fa-regular-400.woff") format("woff"), url("../fonts/fontawesome/fa-regular-400.ttf") format("truetype"), url("../fonts/fontawesome/fa-regular-400.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("../fonts/fontawesome/fa-solid-900.eot");
    src: url("../fonts/fontawesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome/fa-solid-900.woff2") format("woff2"), url("../fonts/fontawesome/fa-solid-900.woff") format("woff"), url("../fonts/fontawesome/fa-solid-900.ttf") format("truetype"), url("../fonts/fontawesome/fa-solid-900.svg#fontawesome") format("svg");
}

:root {
    --AOT_primary_color: 93, 45, 145;
    --AOT_primary_color_h: 116, 45, 194;
    --AOT_secondary_color: 143, 188, 61;
    --AOT_secondary_color_h: 157, 223, 36;
    --AOT_font_weight_6: 600;
    --AOT_font_weight_5: 500;
    --AOT_font_weight_4: 400;
    --AOT_font_size_20: 20px;
    --AOT_font_size_18: 18px;
    --AOT_font_size_16: 16px;
    --AOT_font_size_14: 14px;
}

body,
html {
    font-size: 14px !important;
}

ul,
ul li {
    list-style: none;
    padding: 0;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: var(--AOT_font_weight_5) !important;
}

.wrap_td {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* Custom Sizes ================= */

.btn {
    font-size: 16px !important;
    padding: 0.55rem 2rem !important;
}

.btn-primary {
    color: #FFF;
}

.modal-title,
.aot_parent .section_title i,
.aot_parent .section_title h3 {
    font-size: var(--AOT_font_size_20);
}

.form_label,
.qua_parent h4.semi_heading,
.aot_parent .form-group>label,
.aot_modal .modal-body table {
    font-size: var(--AOT_font_size_16);
}

.border_radius_25 {
    border-radius: 25px;
}

.modal-title {
    font-weight: var(--AOT_font_weight_5);
}

.far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}

.fa,
.fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: inherit !important;
}

.flatpickr-current-month * {
    font-size: 12px !important;
}


/* Primary Color ==================== */

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted,
.btn.btn-active-light-primary:hover:not(.btn-active),
.badge-light-primary,
.bg-light-primary,
.btn-light-primary,
.multi_checkbox .btn-check:checked+.btn.btn-outline.btn-outline-dashed.btn-outline-default,
.multi_checkbox .btn-check:checked+.btn.btn-outline.btn-outline-dashed.btn-outline-default:hover:not(.btn-active),
.loader_circle_box {
    background-color: rgba(var(--AOT_primary_color), .1) !important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected,
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected.select2-results__option--highlighted,
.form-check.form-check-solid .form-check-input.form-check-primary:checked,
.btn-primary,
.scrolltop,
.page-item.active .page-link,
.bg-primary {
    background-color: rgba(var(--AOT_primary_color), 1) !important;
}

.text-primary,
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted,
.btn.btn-active-light-primary:hover:not(.btn-active),
.btn.btn-active-light-primary.btn-outline:not(.btn-outline-default),
.badge-light-primary,
.text-primary,
.btn-light-primary {
    color: rgba(var(--AOT_primary_color), 1) !important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected.select2-results__option--highlighted {
    color: #FFF !important;
}

.btn.btn-active-light-primary.btn-outline:not(.btn-outline-default),
.multi_checkbox .btn-check:checked+.btn.btn-outline.btn-outline-dashed.btn-outline-default,
.multi_checkbox .btn.btn-outline.btn-outline-dashed.btn-outline-default:hover:not(.btn-active) {
    border-color: rgba(var(--AOT_primary_color), 1) !important;
}

.btn.btn-primary:hover:not(.btn-active),
.btn.btn-primary:focus:not(.btn-active),
.btn.btn-light-primary:hover:not(.btn-active),
.btn.btn-light-primary:focus:not(.btn-active) {
    background: rgba(var(--AOT_primary_color_h), 1) !important;
    color: #FFF !important;
}

a.text-primary:hover,
.multi_checkbox .btn-check:checked+.btn.btn-outline.btn-outline-dashed.btn-outline-default,
.multi_checkbox .btn.btn-outline.btn-outline-dashed.btn-outline-default:hover:not(.btn-active) {
    color: rgba(var(--AOT_primary_color_h), 1) !important;
}


/* Secondary Color ================== */

.aot_parent .exit_back_btns .btn-primary,
.aot_parent .region_box .btn-primary,
.aot_parent .noUi-target .noUi-connect,
.form-check.form-check-solid .form-check-input.form-check-secondary:checked,
.btn-secondary,
.progress .bg-success,
.bg-success {
    background-color: rgba(var(--AOT_secondary_color), 1) !important;
}

.aot_parent .noUi-target,
.aot_parent .noUi-tooltip,
.bg-light-secondary {
    background-color: rgba(var(--AOT_secondary_color), .2) !important;
}

.aot_parent .noUi-tooltip {
    color: rgba(var(--AOT_secondary_color), 1) !important;
}

.btn-secondary {
    color: #FFF !important;
}

.aot_parent .btn.btn-secondary:hover:not(.btn-active),
.aot_parent .btn.btn-secondary:focus:not(.btn-active),
.aot_parent .region_box .btn.btn-secondary:hover:not(.btn-active),
.aot_parent .region_box .btn.btn-secondary:focus:not(.btn-active),
.aot_parent .exit_back_btns .btn.btn-secondary:hover:not(.btn-active),
.aot_parent .exit_back_btns .btn.btn-secondary:focus:not(.btn-active) {
    background-color: rgba(var(--AOT_secondary_color_h), 1) !important;
}

.text-secondary {
    color: rgba(var(--AOT_secondary_color), 1) !important;
}


/* Global UI ================== */

.aot_top_space {
    padding-top: 65px !important;
}

#kt_content {
    position: relative;
    padding-top: 50px;
}

.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice {
    background: #FFF;
    flex-direction: row-reverse;
}

.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice .select2-selection__choice__display {
    margin-left: 0 !important;
    margin-right: 1.2rem;
}

.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice .select2-selection__choice__remove {
    margin-right: 0 !important;
    margin-left: .5rem;
}

.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%5d2d91FF'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
}


/* Start Stepper ======================= */

.aot_parent .stepper .stepper-nav {
    align-items: flex-start;
    border: none !important;
    scrollbar-width: none !important;
    scrollbar-color: transparent transparent !important;
}

.aot_parent .stepper .stepper-item {
    flex-direction: column;
    align-items: flex-start !important;
    flex: 1 0 16.66%;
    margin: 0 !important;
}

.aot_parent .stepper .stepper-item:first-child {
    width: 8.2%;
    flex: 0 0 8.2%;
}

.aot_parent .stepper .stepper-item:last-child {
    width: 8.2%;
    flex: 0 0 8.2%;
}

.aot_parent .stepper .stepper-item .stepper-label {
    text-align: center;
    margin: 0 auto !important;
}

.stepper.stepper-pills .stepper-item.current .stepper-icon {
    background: transparent !important;
}

.aot_parent .stepper.stepper-pills .stepper-item .stepper-icon {
    margin: 15px auto !important;
}

.aot_parent .stepper .stepper-item:first-child .stepper-label {
    margin-left: 0 !important;
    text-align: left;
}

.aot_parent .stepper .stepper-item:first-child .stepper-label .stepper-icon {
    margin-left: 0 !important;
}

.aot_parent .stepper .stepper-item:last-child .stepper-label {
    margin-right: 0 !important;
    text-align: right;
}

.aot_parent .stepper .stepper-item:last-child .stepper-label .stepper-icon {
    margin-right: 0 !important;
}

.aot_parent .stepper .stepper-item .stepper-label .stepper-title {
    max-width: 100px;
    min-height: 35px;
}

.aot_parent .stepper .stepper-item .wizard_cl {
    height: 22px;
    position: relative;
}

.aot_parent .stepper .stepper-item .wizard_circle {
    background: #F7F7F7;
    width: 22px;
    height: 22px;
    flex: 0 0 25px;
    border-radius: 50%;
    border: 4px solid #C8BAD8;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 5;
}

.aot_parent .stepper .stepper-item:first-child .wizard_circle {
    margin-left: 0;
}

.aot_parent .stepper .stepper-item:last-child .wizard_circle {
    margin-right: 0;
}

.aot_parent .stepper .stepper-item .wizard_line {
    width: 100%;
    height: 3px;
    background: #C8BAD8;
    display: flex;
    position: relative;
}

.aot_parent .stepper .stepper-item.completed .wizard_circle,
.aot_parent .stepper .stepper-item.current .wizard_circle {
    background: rgba(var(--AOT_primary_color), 1);
}

.aot_parent .stepper .stepper-item .wizard_line:before {
    content: "";
    background: rgba(var(--AOT_primary_color), 1);
    width: 0;
    height: 100%;
    display: flex;
    position: absolute;
    left: 0;
    z-index: 2;
    transition: all 0.4s ease;
}

.aot_parent .stepper .stepper-item.current:last-child .wizard_line:before,
.aot_parent .stepper .stepper-item.completed .wizard_line:before {
    width: 100%;
}

.aot_parent .stepper .stepper-item.current .wizard_line:before {
    width: 50%;
}

.aot_parent .stepper .stepper-item.current .wizard_circle {
    animation: pulse 2s infinite;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(var(--AOT_primary_color), 0.5);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(var(--AOT_primary_color), 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(var(--AOT_primary_color), 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(var(--AOT_primary_color), 0.5);
        box-shadow: 0 0 0 0 rgba(var(--AOT_primary_color), 0.5);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(var(--AOT_primary_color), 0);
        box-shadow: 0 0 0 10px rgba(var(--AOT_primary_color), 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(var(--AOT_primary_color), 0);
        box-shadow: 0 0 0 0 rgba(var(--AOT_primary_color), 0);
    }
}

.aot_parent .stepper .stepper-item .stepper-label i {
    min-width: 22px;
    color: #000;
    font-size: 22px;
    text-align: center;
    transition: all 0.4s ease;
    margin: 15px 0;
}

.aot_parent .stepper .stepper-item .wizstepperard-label .stepper-title {
    color: #000 !important;
    font-size: 18px !important;
    margin: 0 !important;
}

.aot_parent .stepper .stepper-item.completed .stepper-label i,
.aot_parent .stepper .stepper-item.current .stepper-label i,
.aot_parent .stepper .stepper-item.completed .stepper-label .stepper-title,
.aot_parent .stepper .stepper-item.current .stepper-label .stepper-title,
.aot_parent .section_title i,
.aot_parent .section_title h3,
.aot_parent .estimation_box .audi_box .row .col-sm-6 label,
.aot_parent .audi_box h4 {
    color: rgba(var(--AOT_primary_color), 1) !important;
}

.stepper.first #hide_on_first_step,
.stepper.last [data-kt-stepper-action="submit"] {
    display: none !important;
}


/* End Stepper ========================= */


/* start Form Box ========================= */

.loader_box .card,
.aot_parent .card {
    border-radius: 1.8rem;
    box-shadow: 2px 0px 7px 0px rgba(76, 87, 125, 0.2);
    overflow: hidden;
}

.aot_parent .section_title h3,
.estimation_list h4 {
    font-weight: var(--AOT_font_weight_4);
}

.estimation_box {
    background-color: #F5F8FA;
    border-color: #F5F8FA;
    color: #5E6278;
    transition: color 0.2s ease, background-color 0.2s ease;
}

.estimation_box>span {
    color: #000;
    font-size: 24px;
}

.aot_parent .estimation_box a:not(.btn-primary) {
    color: rgba(var(--AOT_primary_color), 1) !important;
    text-decoration: underline;
}

.aot_parent .estimation_box .dropdown:hover .topbar-item a {
    color: rgba(var(--AOT_primary_color_h), 1) !important;
    text-decoration: none;
}

.aot_parent .estimation_box .dropdown .menu-sub[data-popper-placement="bottom-end"]:before,
.aot_parent .estimation_box .dropdown .menu-sub[data-popper-placement="top-end"]:after {
    content: "";
    border: 13px solid transparent;
    position: absolute;
    right: 10px;
    z-index: 5;
}

.aot_parent .estimation_box .dropdown .menu-sub[data-popper-placement="bottom-end"] {
    margin-top: 12px !important;
}

.aot_parent .estimation_box .dropdown .menu-sub[data-popper-placement="bottom-end"]:before {
    border-bottom-color: #FFF;
    top: -26px;
}

.aot_parent .estimation_box .dropdown .menu-sub[data-popper-placement="top-end"] {
    margin-bottom: 12px !important;
}

.aot_parent .estimation_box .dropdown .menu-sub[data-popper-placement="top-end"]:after {
    border-top-color: #FFF;
    bottom: -26px;
}

.aot_parent .estimation_box .dropdown .dropdown-menu {
    /* min-width: 270px; */
    width: 100vw;
    max-width: 350px;
}

.aot_parent .audi_box h4 {
    margin-bottom: 10px;
}

.location_tab,
.aot_parent .estimation_box .audi_box .row {
    margin-left: -10px;
    margin-right: -10px;
}

.location_tab>ul.nav-tabs {
    max-width: 40%;
    flex: 0 0 40%;
}

.location_tab>.tab-content {
    max-width: 60%;
    flex: 0 0 60%;
}

.location_tab>ul.nav-tabs,
.location_tab>.tab-content,
.aot_parent .estimation_box .audi_box .row .col-sm-6 {
    padding-left: 10px;
    padding-right: 10px;
}

.tab-content .region_box {
    border-radius: 4px;
}

.aot_parent .estimation_box .audi_box .row .col-sm-6 label {
    margin-bottom: 3px;
}

.aot_parent .estimation_box .audi_box .row .col-sm-6>span {
    background: #F1F9FF;
    min-width: 90px;
    color: #3B3D3F;
    font-size: 13px;
    line-height: normal;
    padding: 5px;
}

.location_tab>ul.nav-tabs li:not(:last-child) a,
.radio_par .radio_click:not(:last-child) {
    margin-bottom: 10px;
}

.location_tab>ul.nav-tabs li a,
.radio_click .btn.btn-outline-dashed {
    background: #F7F7F7;
    border: 2px solid #F7F7F7 !important;
    min-height: 70px;
    align-items: center;
    justify-content: space-between;
    padding: 10px 10px !important;
    transition: all 0.4s ease;
    border-radius: 4px !important;
    cursor: pointer;
    position: relative;
}

.location_tab>ul.nav-tabs li:hover a,
.radio_click .btn.btn-outline-dashed:hover {
    background: #F7F7F7 !important;
    border-color: rgba(var(--AOT_primary_color), 1) !important;
}

.location_tab>ul.nav-tabs li a.active label {
    color: rgba(var(--AOT_primary_color), 1) !important;
}

.location_tab>ul.nav-tabs li a span,
.form-check.form-check-custom.form-check-sm .form-check-input {
    background-color: rgba(0, 0, 0, 0.15);
    height: 1.8rem;
    width: 1.8rem;
    border-radius: 50% !important;
    display: flex;
    justify-content: center;
}

.location_tab>ul.nav-tabs li a.active,
.radio_click .btn.btn-outline-dashed.active {
    background: #F7F7F7 !important;
    border-color: rgba(var(--AOT_primary_color), 1) !important;
    color: rgba(var(--AOT_primary_color), 1) !important;
}

.location_tab>ul.nav-tabs li a.active span,
.radio_par .form-check.form-check-solid .form-check-input:checked {
    background: rgba(var(--AOT_primary_color), 1) !important;
}

.location_tab>ul.nav-tabs li a.active span:before,
.radio_par .form-check.form-check-solid .form-check-input:checked:before {
    content: "\f00c";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #FFF;
    margin-top: 3px;
}

.radio_par .form-check.form-check-solid .form-check-input[type="radio"],
.radio_par .form-check.form-check-solid .form-check-input[type="radio"]:active,
.radio_par .form-check.form-check-solid .form-check-input[type="radio"]:focus {
    background-image: none;
}

.border_light {
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.semi_heading {
    font-weight: var(--AOT_font_weight_5);
    font-size: 15px !important;
}

.text_link {
    color: rgba(var(--AOT_primary_color), 1) !important;
}

.text_link span {
    text-decoration: underline;
}

.text_link:hover {
    color: rgba(var(--AOT_primary_color_h), 1) !important;
}

.text_link:hover span {
    text-decoration: none;
}

.select2-selection.select2-selection--multiple {
    text-align: left;
}

.qua_parent h4.semi_heading {
    font-weight: var(--AOT_font_weight_4);
}

.loader_box .border_bottom,
.border_bottom {
    border-bottom: 2px solid #F2F2F2;
}

.aot_parent .noUi-target.noUi-horizontal {
    height: 6px;
}

.aot_parent .noUi-target.noUi-horizontal .noUi-handle {
    width: 15px;
    height: 15px;
    top: -5.5px;
    cursor: pointer;
}

.noUi-horizontal .noUi-handle {
    right: -14px;
}

.bottom_line {
    border-top: 1px solid #DFDFDF !important;
    vertical-align: middle;
}

.bottom_line a.btn {
    padding: 0.4rem 1.1rem !important;
}

.bottom_line a.btn i {
    color: inherit !important;
}

.btn_add {
    color: #FFF !important;
}

.btn_add i {
    background: rgba(var(--AOT_primary_color), 1);
    color: inherit;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.btn_add:hover i {
    background: rgba(var(--AOT_primary_color_h), 1);
}

.link_form_box {
    position: relative;
}

.link_form_box .form-control {
    padding-right: 135px !important;
}

.link_form_box .btn {
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 0.4rem 1.5rem !important;
}

.small_text td {
    padding-top: 0 !important;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 0 !important;
}

.btn.trash_space {
    width: 40px;
    height: 40px;
    padding-left: 5px !important;
    padding-right: 5px !important;
    flex: 0 0 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.aot_modal table tr th,
.aot_modal table tr td {
    vertical-align: middle;
}

.btn i {
    padding-right: 0 !important;
}

.survey_managemment_tabs>ul {
    border: none !important;
}

.survey_managemment_tabs .nav-line-tabs .nav-item {
    text-align: center;
    flex: 1;
    margin-bottom: 0;
}

.survey_managemment_tabs .nav-line-tabs .nav-item .nav-link {
    font-size: 18px;
    font-weight: 500;
}

.survey_managemment_tabs .nav-line-tabs .nav-item .nav-link,
.survey_managemment_tabs .nav-line-tabs .nav-item:hover .nav-link,
.survey_managemment_tabs .nav-line-tabs .nav-item .nav-link.active,
.survey_managemment_tabs .nav-line-tabs .nav-item:hover .nav-link.active {
    margin: 0 !important;
    border-bottom: 4px solid transparent !important;
}

.survey_managemment_tabs .nav-line-tabs .nav-item:hover:hover .nav-link,
.survey_managemment_tabs .nav-line-tabs .nav-item:hover .nav-link.active,
.survey_managemment_tabs .nav-line-tabs .nav-item .nav-link.active {
    color: rgba(var(--AOT_primary_color_h), 1) !important;
    ;
    border-color: rgba(var(--AOT_primary_color_h), 1) !important;
    ;
}

.dataTable tr th,
.dataTable tr td {
    vertical-align: middle;
}


/* End Form Box =========================== */


/* Start Survey Info =========================== */

.survey_info_tab ul {
    margin: 0;
    padding: 0;
    border: none;
    counter-reset: my_numbers;
}

.survey_info_tab ul.nav-tabs li:not(:last-child) {
    margin-bottom: 25px;
}

.survey_info_tab ul.nav-tabs li .nav-link {
    border: 0;
    margin: 0;
    background: transparent;
    padding: 5px 0;
}

.survey_info_tab ul.nav-tabs li .nav-link,
.survey_info_tab ul.nav-tabs li .nav-link span,
.survey_info_tab ul.nav-tabs li .nav-link label {
    cursor: pointer !important;
}

.survey_info_tab ul.nav-tabs li .nav-link span {
    background: rgba(var(--AOT_primary_color), 1);
    width: 40px;
    height: 40px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
}

.survey_info_tab ul.nav-tabs li .nav-link span:after {
    counter-increment: my_numbers;
    content: counter(my_numbers);
    color: #FFF;
    font-weight: 600;
    font-size: 1.3rem;
}

.survey_info_tab ul.nav-tabs li .nav-link.active span,
.survey_info_tab ul.nav-tabs li .nav-link.active:hover span,
.survey_info_tab ul.nav-tabs li .nav-link:hover span {
    background: rgba(var(--AOT_primary_color_h), 1);
}

.survey_info_tab ul.nav-tabs li .nav-link.active label,
.survey_info_tab ul.nav-tabs li .nav-link.active:hover label {
    color: rgba(var(--AOT_primary_color), 1) !important;
}

.sl_img img {
    border-radius: 8px !important;
    overflow: hidden;
}

.survey_selectmode {
    margin-bottom: 35px;
}

.sl_info_boxes {
    margin-bottom: -25px;
}

.sl_info_boxes [class*="w_"] {
    margin-bottom: 25px;
}

.sl_info_boxes [class*="w_"] {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}

.sl_info_boxes .w_30 {
    max-width: 30%;
    flex: 0 0 30%;
}

.sl_info_boxes .w_40 {
    max-width: 40%;
    flex: 0 0 40%;
}

.no_format {
    background: transparent;
    color: rgba(0, 0, 0, 0.4);
    font-size: 14px;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding: 0 !important;
    padding-bottom: 5px !important;
}

.no_format option {
    color: #000;
}

.state_list li:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding-bottom: 20px;
    margin-bottom: 15px;
}

.activity_logs_parent li:not(:last-child) {
    margin-bottom: 25px;
}

.activity_logs_parent li .log_list {
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.08);
    padding: 15px 20px;
    border-radius: 4px;
    display: flex;
    align-items: center;
}

.log_list .log_circle span {
    width: 25px;
    height: 25px;
    background: #FFF;
    border-radius: 50%;
    border: 7px solid transparent;
}

.log_list.loag_danger .log_circle span {
    border-color: var(--bs-active-danger);
}

.log_list.loag_success .log_circle span {
    border-color: rgba(var(--AOT_secondary_color), 1);
}

.log_list.loag_primary .log_circle span {
    border-color: rgba(var(--AOT_primary_color), 1);
}

.log_list .log_title {
    flex: 1;
    padding-right: 15px;
}

.log_list.loag_danger .log_title h3 span {
    color: var(--bs-active-danger);
}

.log_list.loag_success .log_title h3 span {
    color: rgba(var(--AOT_secondary_color), 1);
}

.log_list.loag_primary .log_title h3 span {
    color: rgba(var(--AOT_primary_color), 1);
}

.status_report li:not(:last-child) {
    margin-bottom: 15px;
}

.status_report li .form-check.form-check-solid .form-check-input {
    border: 1px solid #eff2f5 !important;
}

.status_report li .form-check.form-check-custom .form-check-label {
    word-break: break-word;
    white-space: normal;
}

.status_report li .form-check.form-check-solid .form-check-input:checked {
    background-color: rgba(var(--AOT_secondary_color), 1);
}


/* End  Survey Info =========================== */

.counting_box.row {
    margin-left: -20px;
    margin-right: -20px;
}

.counting_box.row>[class*="cb_"] {
    padding-left: 20px;
    padding-right: 20px;
}

.counting_box.row .cb_1 {
    max-width: 45%;
    flex: 0 0 45%;
}

.counting_box.row .cb_1 {
    border-right: 1px solid #FFF;
}

.counting_box.row [class*="cb_"] strong {
    font-size: 2.7rem;
    font-weight: 500;
    line-height: 1.3;
}

.counting_box.row [class*="cb_"] strong i {
    font-size: 90% !important;
}

.counting_box.row .cb_1 span {
    font-size: 1.4rem;
}

.counting_box.row .cb_2 {
    max-width: 55%;
    flex: 0 0 55%;
}

.counting_box.row .cb_2 [class*="col-sm-"]:not(:last-child) {
    margin-bottom: 15px;
}

.date_filter {
    position: relative;
}

.date_filter i {
    font-size: 22px;
    position: absolute;
    top: 11px;
    left: 11px;
}

.date_filter .form-control {
    padding-left: 2.9rem !important;
}

.reaach_parent .counting_box.row .cb_1 {
    max-width: 100%;
    flex: 0 0 100%;
    border: none;
    padding: 0;
}

.overall_details_parent .card [class*="col-sm-"]:not(:last-child) {
    margin-bottom: 15px;
}

.overall_details_parent .card .badge {
    min-width: 150px;
    font-size: 20px !important;
    font-weight: normal;
    justify-content: center !important;
    border-radius: 0;
    padding-top: 7px;
    padding-bottom: 7px;
    position: absolute;
    top: 0;
    left: 0;
}

.overall_details_parent .card span {
    font-size: 15px;
    margin-bottom: 5px;
}

.overall_details_parent .card strong {
    font-size: 28px;
    font-weight: 500 !important;
}

.billing_dashboard .col-sm-12.h-50 {
    height: calc(50% - 10px) !important;
}

.multi_checkbox .btn.btn-outline.btn-outline-dashed {
    width: 100%;
    border-style: solid;
    padding: 0.55rem 1rem !important;
}

.multi_checkbox .btn.btn-outline.btn-outline-dashed.btn-outline-default:hover:not(.btn-active) {
    background-color: transparent !important;
}

.loader {
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 250;
    transition: all 0.4s ease;
    display: flex;
    padding: 20px;
}

.loader .loader_box {
    max-width: 300px;
    margin: auto;
}

.loader .loader_box .loader_circle_box {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 0 auto;
}

.loader .loader_box .loader_circle_box i {
    font-size: 55px;
}

.loader .loader_box .loader_title {
    font-size: 27px;
    font-weight: 600 !important;
}

.loader .loader_box span {
    font-size: 16px;
    word-break: break-word;
}

.newUigreen {
    background-color: #90c543 !important;
}

.marbno {
    margin-bottom: 0 !important;
}

.lismall {
    font-size: 18px !important;
}

.topBillamt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.topBillamt span {
    font-size: 21px !important;
}

.topBillamt strong {
    font-size: 60px !important;
}

.newUigreen select#usering {
    color: white;
    background: #ffffff1f;
    border: 1px solid #f7f7f73d;
    border-radius: 3px;
    outline: none;
    padding: 10px 10px 10px 30px;
    width: 100%;
    margin-bottom: 25px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.newUigreen span.select2.select2-container {
    background: #ffffff1f;
    border: 1px solid #f7f7f73d;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 25px;
}

.newUigreen select#usering option {
    background-color: #fff;
    color: #000;
}

.User_dropdown_cont {
    position: relative;
}

.User_dropdown_cont .user_cir {
    position: absolute;
    left: 10px;
    top: 14px;
    z-index: 99;
}

.newUigreen span#select2-usering-container {
    color: #fff !important;
    padding-left: 20px;
    font-size: 15px !important;
    width: 200px;
}

.newUigreen span.select2-selection__placeholder {
    color: #fff !important;
    font-size: 15px !important;
}

.dowing {
    position: absolute;
    right: 10px;
    top: 17px;
    font-size: 11px;
}

.date_tan {
    background: #ffffff1f;
    color: white;
    border: none;
    outline: none;
    border-bottom: 3px solid #fff;
    padding: 10px 10px 10px 32px;
}

.date_tanger {
    position: relative;
}

.date_tanger .pencilwa {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 11px;
}

.calbox {
    position: absolute;
    left: 10px;
    top: 44%;
    transform: translateY(-50%);
}

.doller {
    font-size: 35px !important;
}

.div_center {
    display: flex;
    align-items: center;
}


/* Advance taregting */

.padtoptt {
    padding-top: 20px;
}

.modal-body.customAdd {
    padding: 1.75rem 1.75rem 0 1.75rem;
}

.tabsCont {
    margin-bottom: 55px;
    margin-top: 25px;
}

.tabsCont .nav-line-tabs {
    border: none !important;
}

.tabsCont ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.tabsCont ul li {
    margin: -5px;
}


/* .tabsCont ul li:has(> a.first.active) {
    z-index: 3;
  } */

.tabsCont ul li a.first {
    border-radius: 15px 0 0 15px;
}

.tabsCont ul li a.second {
    border-radius: 0 15px 15px 0;
}

.tabsCont ul li a {
    padding: 14px 80px;
    border: 1px solid #dfdfdf;
    background-color: #f7f7f7;
    color: #b3b3b3;
    /* border-radius: 0 15px 15px 0; */
}

.tabsCont ul li a.active {
    border: 2px solid rgba(var(--AOT_primary_color), 1);
    background-color: #fff;
    color: rgba(var(--AOT_primary_color), 1);
    border-radius: 15px;
    font-weight: 500;
}

.modal-footer.customAdd {
    border-top: 0 !important;
    padding: 0 1.5rem 1.5rem;
}

.addCustomData {
    color: rgba(var(--AOT_primary_color), 1) !important;
}

.addCustomDataBtn {
    color: rgba(var(--AOT_primary_color), 1) !important;
    background: none;
    border: none;
    display: flex;
}

button.addCustomDataBtn span {
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 1.5px;
    font-weight: 600;
}

.addCustomData i,
.addCustomDataBtn i {
    font-size: 20px;
    margin-right: 8px;
}

.addData_Btncont {
    padding: 30px 0 60px;
}

@media (max-width: 1199px) {
    .survey_info_tab {
        margin-bottom: 30px;
    }
}

@media (min-width: 992px) {
    .sticky_box {
        position: sticky;
        top: 90px;
    }
}

@media (max-width: 991px) {
    #kt_stepper_example_clickable>.row>.col-md-8 {
        width: 100%;
        flex: 0 0 auto;
    }
    #kt_stepper_example_clickable>.row>.col-md-4 {
        width: 100%;
        max-width: 450px;
        flex: 0 0 auto;
        margin: 30px auto 0;
    }
    .stepper.stepper-pills .stepper-item .stepper-label .stepper-title {
        font-size: 1rem;
    }
    .sl_info_boxes .w_30 {
        max-width: 50%;
        flex: 0 0 50%;
    }
    .sl_info_boxes .w_40 {
        max-width: 100%;
        flex: 0 0 100%;
    }
}

@media (max-width: 575px) {
    .sl_info_boxes .border_light>.d-flex .row [class*="col-sm-"]:first-child {
        margin-bottom: 10px;
    }
}

@media (max-width: 520px) {
    .counting_box.row {
        flex-direction: column;
    }
    .counting_box.row>[class*="cb_"] {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .counting_box.row .cb_1 {
        border-right: none;
        border-bottom: 1px solid #FFF;
        padding-bottom: 25px;
        margin-bottom: 25px;
    }
    .stepper.stepper-pills .stepper-item .stepper-label .stepper-title {
        display: none;
    }
    .sl_info_boxes .w_30,
    .sl_info_boxes .w_40 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .sl_info_boxes .border_light>.d-flex {
        text-align: center;
        flex-direction: column;
    }
    .sl_info_boxes .border_light>.d-flex h3 {
        width: 100%;
    }
    .title_time {
        flex-direction: column;
        align-items: flex-start !important;
    }
}


/* added */

.error {
    color: red;
}

.select2-selection {
    min-height: 45px;
}

.divTitle {
    font-size: var(--AOT_font_size_18);
}