body {
    overflow-x: hidden;
}

.card_h {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card_f {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rounded-pill-btn {
    cursor: pointer;
}

.required_asterisk {
    color: red;
}

.custom-option.checked {
    border: 1px solid #eb0004 !important;
}

.fancybox__container {
    z-index: 99999999 !important;
}

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

.btn-outline-primary {
    color: #eb0004 !important;
    border-color: #eb0004 !important;
    background: transparent;
}

.btn-outline-primary:hover {
    color: #fff !important;
    background-color: #eb0004 !important;
    border-color: #eb0004 !important;
}

.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
    background-color: #eb0004 !important;
    color: #fff !important;
}

#government_list_area,
#government_proof_upload_modal .upload_container,
.upload_container {
    display: flex;
    justify-content: left;
    position: relative;
    align-items: start;
}

#government_list_area .government_list_doc_background,
#government_proof_upload_modal .upload_area_modal,
.upload_area_modal {
    height: 100px;
    width: 100px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background-color: #f6f6f6 !important;
    border-radius: 5px !important;
}

.flatpickr-next-month svg,
.flatpickr-prev-month svg {
    stroke: #eb0004 !important;
}

.flatpickr-next-month,
.flatpickr-prev-month {
    border: 1px solid #eb0004 !important;
}

.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover,
.flatpickr-day.week.selected {
    color: #fff !important;
    background: #eb0004 !important;
    border-color: #eb0004 !important;
}

.flatpickr-day.today {
    border-color: #eb0004 !important;
}

.flatpickr-monthSelect-month.endRange,
.flatpickr-monthSelect-month.selected,
.flatpickr-monthSelect-month.startRange {
    background-color: #eb0004 !important;
    box-shadow: none;
    color: #fff;
    border-color: #eb0004 !important;
}

.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.week.selected {
    color: #fff !important;
    background: #eb0004 !important;
    border-color: #eb0004 !important;
}

.blockElement {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

.all_container,
.notuploaded_container {
    margin-bottom: 3px;
    padding: 30px;
}

.all_container .main_row,
.notuploaded_container .main_row {
    border-bottom: 1px solid #a7a7a7;
    margin-bottom: 1.5rem;
}

.all_container .main_row .main_column,
.notuploaded_container .main_row .main_column {
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
}

.all_container .main_row .main_column .allButtonArea,
.notuploaded_container .main_row .main_column .buttonArea {
    display: flex;
    flex-direction: row;
}

.all_container .main_row .main_column .button_area_content,
.notuploaded_container .main_row .main_column .button_area_content {
    display: flex;
    flex-direction: column;
}

.all_container .main_row .main_column .button_area_content {
    position: relative;
}

.all_container .main_row .main_column .button_area_content .edit-icon {
    position: absolute;
    bottom: 40%;
    right: 20%;
    cursor: pointer;
}

#cropModal,
#cropModalGov,
#cropModalProfile,
#othercropModal,
#cropUserDocModal {
    width: 100%;
}

#cropModal .offcanvas-body,
#cropModalGov .offcanvas-body,
#cropModalProfile .offcanvas-body,
#othercropModal .offcanvas-body,
#cropUserDocModal .offcanvas-body {
    display: flex !important;
    justify-content: center !important;
}

#cropModal .img-container,
#cropModalGov .img-container,
#cropModalProfile .img-container,
#othercropModal .img-container,
#cropUserDocModal .img-container {
    width: 50%;
    height: 500px;
}

#cropModal .img-container #cropImage,
#cropModalGov .img-container #cropImageGov,
#cropModalProfile .img-container #cropImageProfile,
#othercropModal .img-container #othercropImage,
#cropUserDocModal .img-container #cropUserDocImage {
    width: 100vw;
    height: 500px;
}


.document_status_list {
    padding: 5px 0;
    display: flex
}

.document_status_list li {
    list-style: none;
    width: 80px;
    position: relative
}

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

.completed_progress_line span,
.document_progress_line span {
    background: #1dab69
}

.document_status_text {
    font-size: 12px;
    color: #3d3a3a
}

.common_progress_line span {
    border-radius: 50%;
    height: 25px;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center
}

.awaiting_progress_line span {
    background: rgba(0, 0, 0, .2)
}

.cross_progress_line span {
    background: #cd2023
}

.reupload_progress_line span {
    background: rgba(2, 99, 209, .1);
    border: 1px dotted #0263d1
}

.document_progress_line::after {
    content: '';
    width: 40px;
    height: 3px;
    background-color: #1dab69;
    position: absolute;
    top: 18%;
    right: -25%
}

.document_progress_line.cross_progress_line::after {
    content: '';
    width: 40px;
    height: 3px;
    background-color: #cd2023;
    position: absolute;
    top: 18%;
    right: -25%
}

@media (min-width:768px) and (max-width:991px) {

    .document_progress_line.cross_progress_line::after,
    .document_progress_line::after {
        width: 25px
    }

    .document_status_list li {
        width: 52px
    }

    .document_status_text {
        font-size: 10px
    }

    .common_progress_line span {
        height: 20px;
        width: 20px
    }

    .document_progress_line img {
        width: 50%
    }
}

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

    .document_progress_line.cross_progress_line::after,
    .document_progress_line::after {
        width: 22px;
        top: 20%;
        right: -20%;
        height: 1px
    }

    .document_status_list li {
        width: 52px
    }

    .document_status_text {
        font-size: 8px
    }

    .common_progress_line span {
        height: 20px;
        width: 20px
    }

    .document_progress_line img {
        width: 45% !important
    }

    .cross_progress_line img {
        width: 35% !important
    }

    .awaiting_progress_line img {
        width: 50% !important
    }

    .government_proof1,
    .static_government_proof1 {
        border-bottom: 1px solid #cacaca
    }

    .tl-col {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .tl-card-body {
        padding-left: 10px;
        padding-right: 15px;
    }

    ul.tl>li {
        padding: 0 0 0 20px !important;
        background-size: 1px 12px !important;
    }

    ul.tl>li:last-child {
        background-size: 0 15px !important
    }

    .tl-edit-icon {
        height: 18px;
    }
}

ul.tl {
    margin: 20px 0;
    padding: 0
}

ul.tl>li {
    list-style: none;
    margin: 10px auto auto 10px;
    min-height: 50px;
    background-image: linear-gradient(to bottom, var(--theme-default-primary-color) 40%, rgba(255, 255, 255, 0) 10%);
    background-position: left;
    background-size: 1px 15px;
    background-repeat: repeat-y;
    padding: 0 0 0 30px;
    position: relative
}

ul.tl>li:last-child {
    background-size: 0 15px
}

ul.tl>li::before {
    position: absolute;
    left: -10px;
    top: -5px;
    content: " ";
    border: 6px solid #fff;
    border-radius: 50%;
    background: red;
    height: 20px;
    width: 20px;
    box-shadow: 0 0 2px #000
}

ul.tl>li .tl-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px
}

ul.tl>li .tl-event,
.tl .tl-event {
    border-bottom: 1px solid #cacaca;
}

ul.tl>li .tl-body span {
    font-size: 13px
}

.awaiting_progress_line .document_status_text {
    margin: 0;
}

.custom_repeate_btn {
    background-color: #eb0004 !important;
    border-radius: 50% !important;
}

.document_status_list {
    margin-left: -5px;
}

.userDocumentFile small {
    font-size: 70% !important;
}

.fancybox__container {
    z-index: 99999999 !important;
}

.file_required {
    font-size: 85%;
    color: #ff5b5c
}