.CRV-module-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0px 28px;
    margin-bottom: 0;
    gap: 15px 30px;
}

.CRV-module-header .module-title {
    font-size: 28px;
    font-weight: 700;
    color: #1a202c;
    margin: 0;
}
.CRV-module-header .right-box {
    max-width: 70%;
}
.CRV-module-header .right-box .info{
    font-size: 16px;
    text-align: right;
}



.CRV-layout .el-button,
.CRV-layout .el-button:link {
    color: #666666;
    border-color: #eae8e8;
    transition: color ease-in 200ms, border-color ease-in 200ms, background-color ease-in 200ms;
    height: 39px;

}

/* .CRV-layout .el-button:focus,
.CRV-layout .el-button:hover,
.CRV-layout .el-button.active {
    color: #a80001;
    border-color: #a80001;
    background-color: transparent;
}
 */

.CRV-module-filters {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 30px;
    background: white;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 30px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.CRV-module-filters .el-date-editor,
.CRV-module-filters .el-select,
.CRV-module-filters .el-input {
    flex: 1;
}

.CRV-module-filters .el-input__wrapper {
    background-color: transparent;
    height: 46px !important;
    box-shadow: none !important;
    color: #666666;
    padding-left: 15px;
    padding-right: 15px;
    border: 2px solid #e2e8f0 !important;
    border-radius: 6px !important;
}

.CRV-module-filters .el-date-editor .el-range__icon,
.CRV-module-filters .el-input__wrapper .el-input__inner,
.CRV-module-filters .el-input__wrapper .el-input__suffix,
.CRV-module-filters .el-input__wrapper .el-input__inner::placeholder {
    color: #666666;
}


@media screen and (max-width: 991px) {
    .CRV-module-filters{
      flex-wrap: wrap;
    }
    .CRV-module-filters .el-date-editor,
    .CRV-module-filters .el-select,
    .CRV-module-filters .el-input {
        flex: 1 1 auto;
        width: auto;
    }
}

body .el-button {
    height: 39px;
}
body .dialog-footer .el-button{
    height: 46px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 8px;
}
body .el-button.el-button--primary {
    background-color: #a80001;
    color: #FFF;
    padding: 0 20px;
    border: none;
    height: 46px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 8px;
    transition: all ease-in 300ms;
}
body .el-button.el-button--primary.el-button--small {
    padding: 0 20px;
    height: 38px;
    font-size: 14px;
    border-radius: 5px;
    transform: none !important;
}

body .el-button.el-button--primary:focus,
body .el-button.el-button--primary.active,
body .el-button.el-button--primary:hover {
    background-color: #b91c1c;
    color: #fff;
    transform: translateY(-1px);
}


body .el-button.el-button--primary.is-disabled {
    background: #e2e8f0 !important;
    color: #4a5568 !important;
    opacity: 0.5;
    cursor: not-allowed;
    transform: none !important;
}
body .el-button.el-button--primary svg{
    width: 1.25em;
    height: 1.25em;
    fill: currentColor;
    margin-right: 5px;
}
.application-form-main .footer-button .save-btn {
    color: #a80001;
    background-color: transparent;
    border: 2px solid #a80001;
}


.dialog-footer .el-button {
    height: 39px;
}



.Details-main-box {
    position: relative;
}

.Details-main-box .header-right-button {
    position: absolute;
    bottom: calc(100% + 93px);
    right: 30px;
}

.Details-main-box .Areas-table .el-form-item__label {
    padding-top: 10px;
    padding-bottom: 10px;
}

.Details-main-box .Areas-table .el-form-item__label {
    background-color: transparent;
    padding: 0;
    margin-bottom: 5px !important;
}

.Details-main-box .Areas-table .el-form-item__content {
    padding: 0;
}


.CRV-module-status-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin: 0 0 25px;
    padding: 0;
}

.CRV-module-status-filters li {
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);

    font-size: 15px;
    font-weight: 600;
    color: #4a5568;
    line-height: 1.3;

}

.CRV-module-status-filters li .count {
    font-size: 32px;
    line-height: 1;
    color: #a80001;
    margin-bottom: 10px;
    font-weight: bold;
}

.CRV-module-status-filters.filters-list li {
    cursor: pointer;
}

.CRV-module-status-filters li:hover,
.CRV-module-status-filters li.active,
.el-dropdown-menu__item .active {
    color: #a80001;
    border-color: #a80001;
    background: #fef5e7;
}


.CRV-module-status-filters li .el-badge__content {
    position: static;
    transform: none;
    vertical-align: middle;
    border-color: currentColor;
    color: currentColor;
    background-color: transparent;
    margin-left: 5px;
    margin-bottom: 4px;
}

.CRV-module-status-filters li.right-box {
    margin-left: auto;
}

.CRV-module-status-filters .el-dropdown {
    vertical-align: middle;
    margin-left: -20px;
}

.CRV-module-content {
}

.CRV-module-table-wrap {
    position: relative;
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);

}
.CRV-module-table-wrap .module-title{
    font-size: 24px; 
    font-weight: 600;
    color: #1a202c;
    line-height: 1.3;
    padding: 20px 12px 15px;
    margin: 0;
}

.CRV-module-table-wrap .el-table__header tr,
.CRV-module-table-wrap .el-table__header th {
    background: #f7fafc !important;
    padding: 15px 0!important;
    text-align: left!important;
    font-weight: 600!important;
    color: #2d3748;
    font-size:15px !important;
    border-bottom: 2px solid #e2e8f0 !important;
}

.CRV-module-table-wrap .el-table__body .el-table__cell {
    padding-top: 15px;
    padding-bottom: 15px;
}


.CRV-module-table-wrap td.el-table__cell .cell{
    color: #4a5568;
    font-size: 14.5px;
}

.CRV-module-table-wrap .el-table td.el-table__cell {
    border-bottom: 1px solid #f1f5f9;
}

.CRV-module-table-wrap .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
    background-color: #f7fafc !important;
}

.apply-status {
    padding: 4px 12px; 
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500; 
}

.apply-status.status-in-review {
    background: #fed7d7;
    color: #c53030;
}

.apply-status.status-pending {
    background: #feebc8;
    color: #dd6b20;
}

.apply-status.status-submitted {
    background: #bee3f8;
    color: #3182ce;
}

.apply-status.status-completed {
    background: #c6f6d5;
    color: #38a169;
}
.apply-status.status-referred {
    background: #f3f3f3;
    color: #878787;
}



.CRV-module-table .table-action {
    display: flex;
    gap: 8px;
}

.CRV-module-table .table-action .el-button {
    margin: 0;
    background-color: #a80001;
    color: #FFF;
    border: none;
    height: 32px;
}

.CRV-module-table .table-action .el-button:hover {
    background-color: #f8e1e1;
    color: #a80001;
}

.CRV-module-table .table-action .el-icon:hover {
    color: var(--el-color-danger);
}


.CRV-Details-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
    padding: 2rem;
    background: white;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    flex-direction: column;
}
.CRV-Details-header .header-top{
    display: flex;
    align-items: start;
    justify-content: space-between;
    width: 100%;
    gap: 15px;
}
.CRV-Details-header .module-title{
    font-size: 28px;
    font-weight: 700;
    color: #1a202c;
    margin: 0;
}
.CRV-Details-header .header-right{
    display: flex;
    gap: 15px;
}



.el-dialog .el-dialog__header {
    background-color: #f0f0f0;
    font-size: 22px;
    font-weight: 600;
    color: #333333;
    border: none !important;
    margin: 0;
    padding: 13px 30px;

}

.el-dialog .el-dialog__headerbtn {
    top: 11px;
    height: 50px;
    font-size: 22px;
}

.is-dialog-guide .el-radio-group {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 17px;
}

.is-dialog-guide .el-radio-group .el-radio {
    height: 117px;
    border: 1px solid #e1e0e0;
    border-radius: 5px;
    margin: 0;
    padding: 10px 24px;
    white-space: pre;
    text-align: center;
}

.is-dialog-guide .el-radio-group .el-radio .el-radio__input {
    display: none;
}

.is-dialog-guide .el-radio-group .el-radio h3 {
    font-size: 18px;
    color: #444444;
    font-weight: bold;
    margin: 0 0 10px;
}

.is-dialog-guide .el-radio-group .el-radio p {
    margin: 0;
    color: #555555;
}

.is-dialog-guide .el-radio-group .el-radio.is-checked {
    border-color: #a80001;
}

.is-dialog-guide .el-radio-group .el-radio.is-checked::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 8px;
    right: 10px;
    top: 10px;
    border-left: 1px solid #a80001;
    border-bottom: 1px solid #a80001;
    transform: rotate(-45deg);
}
.is-dialog-guide .el-radio-group .el-radio__label{
    white-space: normal !important;
}
.is-dialog-guide .el-dialog__body {
    padding: 50px 32px 20px;
}

.is-dialog-guide .el-dialog__footer {
    text-align: center;
    padding-bottom: 50px;
}

.CRV-layout .el-pagination {
    padding: 30px 15px;
    text-align: center;
    justify-content: center;

}

.application-form .el-row {
    gap: 5px 0px;
}

.el-dialog__body {
    word-break: normal !important;
}

.signature-box {
    flex: 1;
    position: relative;
    padding-bottom: 50px;
}

.signature-box .signature {
    background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
    background-image: none;
    border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
    transition: var(--el-transition-box-shadow);
    box-shadow: 0 0 0 2px #e2e8f0;
    margin: 1px;
}
.signature-box .signature canvas{
    border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
}
.signature-box .el-input {
    display: none;
}

.signature-box .signature-img {
    background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
    background-image: none;
    border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
    transition: var(--el-transition-box-shadow);
    box-shadow: 0 0 0 2px #e2e8f0;
    min-height: 100px;
}

.signature-box canvas,
.signature-box img {
    vertical-align: middle;
}

.signature-box .but-list {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.signature-box .but-list .el-button{
    width: 100%;
}

.application-form .el-form-item {
    flex-direction: column;
}

.application-form .el-form-item .el-form-item__label {
    justify-content: flex-start;
    margin-bottom: 0;
    font-weight: bold;
}

.application-form .el-form-item .el-input-number,
.application-form .el-form-item .el-date-editor.el-input,
.application-form .el-form-item .el-date-editor.el-input__wrapper {
    width: 100%;
}

.application-form .el-form-item .el-input-number input {
    text-align: left;
}
.application-form .el-checkbox{
    margin-top: 7px;
}

.application-form .el-form-item.is-error .el-input__wrapper {
    box-shadow: 0 0 0 2px var(--el-color-danger) inset;
}

.CRV-details {
    display: flex;
    gap: 30px 45px;
    align-items: start;
}

.CRV-details .CRV-details-left {
    flex: 1;
    width: 60%;
}
.CRV-details .CRV-details-left .application-form{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.CRV-details-section{
    background: white;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.CRV-details-section.is-fields-line .el-form-item{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid #f7fafc;
    align-items: center;
}
.CRV-details-section.is-fields-line .el-form-item .el-form-item__label{
    margin: 0 !important;
    font-weight: 600;
    color: #4a5568;
    font-size: 14px;
    flex: 1;
    min-width: 150px;

}
.CRV-details-section.is-fields-line .el-form-item .el-form-item__content{
    flex: 0 1 auto;
    color: #2d3748;
    font-size: 14px;
    text-align: right;
    word-break: break-word;
    line-height: 1.4;
}

.CRV-details-section.is-fields-box .el-form-item{
    background: #f7fafc;
    border-radius: 8px;
    padding: 25px;
    border: 1px solid #e2e8f0;
}
.CRV-details-section.is-fields-box .el-form-item__label{
    margin-bottom: 10px !important;
    color: #2d3748;
    font-size:16px
}
.CRV-details-section.is-fields-box .el-form-item__content{
    justify-content: flex-end;
    line-height: 1.2;
}

.CRV-details-section.is-fields-file .el-form-item{
    background: #f7fafc;
    border-radius: 8px;
    padding: 25px;
    border: 1px solid #e2e8f0;
    text-align: center;
    align-items: center;
}
.CRV-details-section.is-fields-file .el-form-item__label{
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #2d3748;
    padding: 0;
    margin: 0 0 10px;
    display: block;
}
.CRV-details-section.is-fields-file .el-form-item .el-form-item__label::before{
    content: '';
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg"><path d="M176 544C96.5 544 32 479.5 32 400C32 336.6 73 282.8 129.9 263.5C128.6 255.8 128 248 128 240C128 160.5 192.5 96 272 96C327.4 96 375.5 127.3 399.6 173.1C413.8 164.8 430.4 160 448 160C501 160 544 203 544 256C544 271.7 540.2 286.6 533.5 299.7C577.5 320 608 364.4 608 416C608 486.7 550.7 544 480 544L176 544zM337 255C327.6 245.6 312.4 245.6 303.1 255L231.1 327C221.7 336.4 221.7 351.6 231.1 360.9C240.5 370.2 255.7 370.3 265 360.9L296 329.9L296 432C296 445.3 306.7 456 320 456C333.3 456 344 445.3 344 432L344 329.9L375 360.9C384.4 370.3 399.6 370.3 408.9 360.9C418.2 351.5 418.3 336.3 408.9 327L336.9 255z" stroke-width="2" fill="%23c53030" ></path></svg>');
    width: 32px;
    height: 32px;
    display: block;
    margin: 0 auto 10px;
}

.Details-main-box .CRV-details-section.is-fields-file .el-form-item .el-form-item__label::before{
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg"><path d="M537.6 226.6c4.1-10.7 6.4-22.4 6.4-34.6 0-53-43-96-96-96-19.7 0-38.1 6-53.3 16.2C367 64.2 315.3 32 256 32c-88.4 0-160 71.6-160 160 0 2.7.1 5.4.2 8.1C40.2 219.8 0 273.2 0 336c0 79.5 64.5 144 144 144h368c70.7 0 128-57.3 128-128 0-61.9-44-113.6-102.4-125.4zm-139.9 93L305 412.3c-9.4 9.4-24.6 9.4-33.9 0l-92.7-92.7c-9.4-9.4-9.4-24.6 0-33.9l10.8-10.8c9.6-9.6 25.2-9.3 34.5.5l32.4 34.5V184c0-13.3 10.7-24 24-24h16c13.3 0 24 10.7 24 24v125.9l32.4-34.5c9.3-9.9 24.9-10.1 34.5-.5l10.8 10.8c9.2 9.3 9.2 24.5-.1 33.9z" stroke-width="2" fill="%23c53030" ></path></svg>');
}
.Details-main-box .CRV-details-section.is-fields-file .el-form-item {
    position: relative;
}
.Details-main-box .CRV-details-section.is-fields-file .el-form-item a::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.Details-main-box .CRV-details-section.is-fields-file .el-form-item .el-form-item__content{
    position: static;
}



.CRV-details-section .is-signature-img{
    background: #f7fafc;
    border-radius: 8px;
    padding: 25px;
    border: 1px solid #e2e8f0;
    max-width: 100%;
}



.CRV-module-status-info {
    margin: 0;
    padding: 10px 0px 0px;
    list-style: none;
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    gap: 5px 25px;
}

.CRV-module-status-info li {
    list-style: none;
    white-space: nowrap;
}

.CRV-details .CRV-details-right3 {
    width: 400px;
    flex: 0 0 400px;
}

.CRV-details .CRV-details-right3 .CRV-details-right {
    width: 100%;
    margin-bottom: 20px;
}

.CRV-details .CRV-details-right {
    background: white;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.CRV-details .subTitle {
    font-size: 20px;
    font-weight: 600;
    color: #c53030;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #fed7d7;
}

.CRV-details .subTitle+.el-row {
    padding: 0 ;
}

.CRV-details .CRV-details-right .title {
    font-size: 24px;
    font-weight: 600;
    color: #1a202c;
    line-height: 1.3;
    margin-bottom: 24px;
}

.CRV-details .CRV-details-right .Progress {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column-reverse;
    gap: 15px 0;
}

.CRV-details .CRV-details-right .Progress li {
    list-style: none;
    display: flex;
    align-items: center;
    color: #5d5d5d;
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 16px;
    border-radius: 12px;
    font-weight: 500;
    border: 2px solid transparent;
}

.CRV-details .CRV-details-right .Progress li:last-child::after {
    content: none;
}


.CRV-details .CRV-details-right .Progress li .number {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    justify-content: center;
    align-items: center;
    display: flex;
    border: transparent;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 600;
    color: #718096;
    background-color: #e2e8f0;
}

.CRV-details .CRV-details-right .Progress li.active {
    color: #a80001;
    background: #fef5e7;
    border: 2px solid #c53030;
}

.CRV-details .CRV-details-right .Progress li.active .number {
    color: #ffffff;
    background-color: #a80001;
}

.CRV-details .CRV-details-right .Progress li.active~li,
.CRV-details .CRV-details-right .Progress li.active:first-child{
    background: #f0fff4;
    border: 2px solid #48bb78;
}

.CRV-details .CRV-details-right .Progress li.active~li .number,
.CRV-details .CRV-details-right .Progress li.active:first-child .number {
    background: #48bb78;
    color: white;
}
.CRV-details .CRV-details-right .Progress h4{
    font-size: 16px;
    font-weight: 600;
    color: #2d3748;
    margin-bottom: 5px;
}
.CRV-details .CRV-details-right .Progress p{
    font-size: 14px;
    color: #718096;
    line-height: 1.4;
}
.CRV-details .CRV-details-right .Progress p:last-child{
    margin-bottom: 0;
}

.CRV-details .CRV-details-right2 {
    width: 400px;
    flex: 0 0 400px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.CRV-details .details-right-box {
    background: white;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.CRV-details .details-right-box .title {
    font-size: 20px;
    font-weight: 600;
    color: #1a202c;
    padding-bottom: 8px;
    margin-bottom: 8px;
    line-height: 1.4;
    border-bottom: 2px solid #fed7d7;
}

.details-formbox .el-form-item__label {
    color: #555555;
    font-size: 15px;
    line-height: 1.1;
    height: auto;
    margin-bottom: 5px !important;
}

.details-formbox .el-form-item__content {
    font-size: 15px;
    color: #787878;
}

.CRV-details li,
.CRV-details p {
    font-size: 15px;
}

.details-right-table {
    width: 100%;
}

.details-right-table th,
.details-right-table td {
    padding: 13px 0px;
    border-bottom: 1px solid #f7fafc;
    font-size: 15px;
}

.details-right-table th {
    font-weight: 400;
    padding-right: 10px;
}
.details-right-table td:last-child{
    text-align: right;
}

.details-right-table tr:last-child th,
.details-right-table tr:last-child td{
    border-bottom: none;
}

.details-right-btn-list .el-button{
    color: #FFF;
    border-color: transparent;
}

.details-right-box .el-timeline{
    display: flex;
    flex-direction: column;
    gap: 15px;
    overflow: auto;
    max-height: 80vh;
}
.details-right-box .el-timeline li {
    list-style: none;
}

.details-right-box .el-timeline-item__wrapper {
    display: flex;
    flex-direction: column-reverse;
}

.details-right-box .el-timeline-item__timestamp.is-bottom {
    margin: 0 0 15px;
    color: #101010;
    font-size: 15px;
}

.details-right-box .el-timeline li p {
    margin-bottom: 8px;
    line-height: 1.4;
    font-size: 14px;
}
.details-right-box .el-timeline .el-timeline-item__tail,
.details-right-box .el-timeline .el-timeline-item__node{
    display: none;
}
.details-right-box .el-timeline .el-timeline-item__wrapper{
    padding: 0;
}
.details-right-box .el-timeline .el-timeline-item{
    background: #f7fafc;
    border-radius: 8px;
    padding: 1rem;
    border-left: 4px solid #c53030;
}
.details-right-box .el-timeline .el-timeline-item__timestamp{
    font-size: 13px;
    color: #718096;
    margin-bottom: 8px;
}
.details-right-box .el-timeline .subtitle{
    font-weight: 500;
    color: #2d3748;
    font-weight: bold;
    font-size: 14px;
}


.table-overflow {
    overflow: auto;
    height: calc(100vh - 50px - 69px - 60px);
    margin: -30px -20px;
}


.CRV-module-admin-info{
    background: white;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 30px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    font-size: 15px;
}


.history-table {
    border-collapse: separate;
}

.history-table thead {}

.history-table thead th {
    padding: 10px 20px;
    text-align: center;
    font-size: 15px;
    white-space: nowrap;
    background-color: #FFF;
    border-bottom: 2px solid #ebeef5;
    border-right: 1px solid #ebeef5;
    position: sticky;
    top: 0;
    z-index: 3;
}

.history-table tbody th {
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 400;
    border-bottom: 1px solid #ebeef5;
    border-right: 1px solid #ebeef5;
    max-width: 200px;
}

.history-table tbody td {
    border-bottom: 1px solid #ebeef5;
    border-right: 1px solid #ebeef5;
    font-size: 15px;
    padding: 4px 10px;
    min-width: 300px;
    max-width: 300px;
}

.history-table thead th,
.history-table tbody th,
.history-table tbody th+td {
    position: sticky;
    background-color: #FFF;
    left: 0;
}

.history-table thead th:nth-child(1),
.history-table tbody th {
    left: 0;
    width: 200px;
    max-width: 200px;
    min-width: 200px;
    z-index: 3;
}

.history-table thead th:nth-child(2),
.history-table tbody th+td {
    left: 200px;
    width: 300px;
    max-width: 300px;
    min-width: 300px;
    z-index: 3;
}

.history-table thead th:nth-child(1),
.history-table thead th:nth-child(2) {
    z-index: 5;
}

.history-table tbody tr:nth-child(2n) th,
.history-table tbody tr:nth-child(2n) td {
    background-color: #fcfcfe;
}

.history-table tbody tr:hover td,
.history-table tbody tr:hover th {
    background-color: #fff7de !important;
}

.history-table .is-modify {
    background-color: #f2fff2 !important;
}

.history-table tr:hover .is-modify {
    background-color: #fdecb4 !important;
}

.history-table img {
    max-width: 100% !important;
}



.history-dialog-header {
    margin-bottom: 30px;
    text-align: right;
}

.el-form-item .file-name {
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 0;
}

.el-form-item .file-name .name {
    font-size: 14px;
    color: #67c23a;
}

.el-form-item .file-name .el-icon {
    color: red;
    vertical-align: middle;
    cursor: pointer;
}

.Areas-table {}

.Areas-table .el-form-item__label {
    background-color: #efefef;
    padding-left: 15px;
    margin-bottom: 15px !important;
}

.Areas-table .el-form-item__content {
    padding-left: 15px;
}

.Areas-table .el-checkbox {
    margin-bottom: 0;
    display: block;
}

.Areas-table .el-checkbox .el-checkbox__input {
    vertical-align: middle;
    margin-bottom: 2px;
}

.CRV-layout .rejected-box {
    border: 1px solid red;
    text-align: center;
    padding: 25px;
    color: red;
    margin-bottom: 30px;
}

.CRV-layout .rejected-box p,
.CRV-layout .payment-instructions-box p {
    margin-bottom: 8px;
}

.CRV-layout .payment-instructions-box {
    border: 1px solid #0079FF;
    text-align: center;
    padding: 25px;
    color: #0079FF;
    margin: 0 30px 30px;
}

.CRV-layout .payment-instructions-box p:last-child {
    margin-bottom: 0;
}


.CRV-layout .message-alert-box {
    background: white;
    border-radius: 16px;
    padding: 24px; 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border-left: 4px solid #c53030;
    margin-bottom: 32px;
}

.CRV-layout .message-alert-box .el-alert {
    padding: 0 !important;
    background: transparent !important;
    align-self: flex-start !important;
}

.CRV-layout .message-alert-box .el-alert__icon {
    align-self: flex-start;
}

.CRV-layout .message-alert-box .el-alert__title {
    font-size: 20px; 
    font-weight: 600;
    color: #1a202c;
    margin-bottom: 20px;
    display: block;
}
.CRV-layout .message-alert-box .el-alert__description {
    color: #4a5568 !important;
    line-height: 1.6;
    margin-bottom: 0;
    font-size: 14px;
}
.CRV-layout .message-alert-box .el-alert__description {
    color: #4a5568;
    line-height: 1.6;
    font-size: 14px;
}

.CRV-layout .message-alert-box a {
    text-decoration: underline !important;
    color: currentColor !important;
    font-size: inherit !important;
}

.CRV-layout .message-alert-box .el-link.is-underline:hover:after {
    content: none !important;
}



.CRV-layout .message-alert-box .el-alert--info.is-light {
    background-color: #f1faff;
    color: #009ef7;
}
.CRV-layout .message-alert-box .amount-due{
    background-color: #F0F7FF;
    padding: 20px;
    margin-bottom: 1rem;
    border-radius: 6px;
}
.CRV-layout .message-alert-box .amount-due .amount{
    font-size: 1.5em;
    color: #2A5885;
    font-weight: bold;
}

.CRV-layout .message-alert-box .payment-methods{
    background-color: #F8F9FA;
    padding: 20px;
    margin-bottom: 1rem;
    border-radius: 6px;
}
.CRV-layout .message-alert-box svg{
    width: 1.3em;
    height: 1.3em;
    fill: currentColor;
}
.CRV-layout .message-alert-box .table-details{
    margin-bottom: 1rem;
}
.CRV-layout .message-alert-box .table-details th{
    padding-right: 25px;
}
.CRV-layout .message-alert-box .download-section{
    background-color: #F0F7FF;
    padding: 30px 20px;
    margin-bottom: 1rem;
    border-radius: 6px;
    text-align: center;
    max-width: 500px;
}
.CRV-layout .message-alert-box .download-section h3{
    font-size: 20px;
    margin: 0 0 20px;
}
.CRV-layout .message-alert-box .download-section .file-info{
    margin-top: 15px;
}
.CRV-layout .message-alert-box .el-icon{
    vertical-align: middle;
}

.CRV-layout .CRV-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid #e1e0e0;
    border-radius: 5px;
    padding: 20px 35px;
    gap: 10px 30px;
}

.CRV-layout .CRV-details-left .CRV-header {
    border: none;
    border-bottom: 1px solid #e1e0e0;
    border-radius: 0;
}

.CRV-layout .CRV-header .module-title {
    margin: 0;
    font-size: 28px;
}



.CRV-layout .module-subtitle {
    font-size: 24px;
}

.application-form-main {
    max-width: 1136px;
    margin: 0 auto;
}

.application-form-main .CRV-form-header {
    font-size: 32px;
    font-weight: 700;
    color: #1a202c;
    margin-bottom: 8px;
    line-height: 1.2;
    text-align: center;
}

.application-form-main .CRV-form-subheader {
    font-size: 20px;
    color: #c53030;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
}


.application-form-main .el-steps {
    padding: 0px 30px;
    margin-top: 30px;
    margin-bottom: 50px;
    gap: 15px 0;
}

.application-form-main .el-step.is-horizontal {
    display: flex;
    align-items: center;
    flex-direction: column;
    flex: 1 !important;
}

.application-form-main .el-step .el-step__line {
    display: none;
}

.application-form-main .el-step .el-step__head {
    display: flex;
    align-items: center;
}

.application-form-main .el-step .el-step__icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #e2e8f0;
    color: #718096;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 8px;
    transition: all 0.3s ease;
    border: none;
}

.application-form-main .el-step .el-step__head.is-wait .el-step__icon {
    transition: none;
}

.application-form-main .el-step .el-step__head:not(.is-wait) .el-step__icon {
    background: #c53030;
    color: white;
}

.application-form-main .el-step .el-step__head.is-success .el-step__icon {
    background: #48bb78;
    color: white;
}

.application-form-main .el-step .el-step__title.is-success {
    color: #48bb78 !important;
}

.application-form-main .el-step .el-step__head .el-step__title {
    color: #a80001;
}

.application-form-main .el-step .el-step__description {
    display: none;
}

.application-form-main .el-step__head::after,
.application-form-main .el-step__head::before {
    content: "";
    border-bottom: 2px solid #E2E8F0;
    flex: 1;
    margin: 0;
    min-width: 50px;
}

.application-form-main .el-step:first-child .el-step__head::before {
    opacity: 0;
}

.application-form-main .el-step:last-child .el-step__head::after {
    opacity: 0;
}


.application-form-main .el-step__main {
    margin-top: 5px;
    text-align: center;
}

.application-form-main .el-step:last-child:after {
    content: none;
}

.application-form-main .el-step .el-step__title {
    line-height: 1.2;
    max-width: 200px;
    color: #a80001;
    font-weight: 600;
}

.application-form-main .el-step .el-step__title.is-wait {
    color: #5d5d5d;
}




.application-form-main .application-form:not(.dialog-form) {
    background: white;
    border-radius: 16px;
    padding: 32px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    margin-bottom: 32px;
}

.application-form-main .application-form .el-form-item__label {
    font-size: 14.5px;
    color: #2d3748;
    margin-bottom: 0;
}

.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label-wrap>.el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before {
    order: 2;
    margin: 0 0 0 5px;
}


.application-form-main .application-form .el-input__inner,
.receipt-form .el-input__inner {
    height: 48px;
    line-height: 48px;
}

.application-form-main .application-form .el-date-editor.el-input,
.application-form-main .application-form .el-date-editor.el-input__wrapper {
    height: 48px;
    line-height: 48px;
}

.application-form-main .application-form .el-input__wrapper {
    box-shadow: 0 0 0 2px #e2e8f0;
}

.application-form-main .footer-button {
    padding: 30px 0px 30px;
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.application-form-main .footer-button .save-btn {}


.application-form-main .el-button.el-button--primary.is-disabled {
    opacity: .5;
    background-color: #a80001;
    color: #ffffff;
}

.el-upload-list__item {
    list-style: none !important;
}

.el-upload input[type=file] {
    display: none;
}

.application-form-main .is-filebox .el-form-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: #f7fafc;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    width: 100%;
}

.is-filebox .upload-demo a {
    text-decoration: none !important;
}
.is-filebox .upload-demo {
    width: 540px;
    max-width: 100%;
}
.is-filebox .el-upload-dragger {
    border: 2px dashed #cbd5e0;
    border-radius: 12px;
    padding: 32px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    background: #f7fafc;
}
.is-filebox .el-upload-dragger .fa-cloud-upload-alt {
    font-size: 32px;
    color: #c53030;
    margin-bottom: 6px;
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    fill: currentColor;
}
.is-filebox .el-upload-dragger p {
    font-weight: 600;
    color: #2d3748;
    margin-bottom: 8px;
}
.is-filebox .el-upload-dragger .file-types {
    font-size: 13px;
    color: #718096;
    line-height: 1.4;
}
.is-filebox .el-form-item__error{
    width: 100%;
    bottom: 0;
    top: auto;
    left: auto;
    padding-bottom: 10px;
    position: relative !important;
    display: block;
}
.is-filebox .is-success .el-upload{
    display: none;
}
.is-filebox .upload-demo:has(.el-upload-list__item) .el-upload{
    display: none;
}

.is-filebox .is-error .el-upload-dragger{
    border-color: #e53e3e;
    background: #fed7d7;
}
.is-filebox .el-form-item__content{
    flex-direction: column;
}




.is-filebox .el-upload-list li{
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    background: #f0fff4;
    border: 1px solid #9ae6b4;
    border-radius: 8px;
    transition: none;
}
.is-filebox .el-upload-list .el-icon--close{
    display: block;
    color: #c53030;
    border: 2px solid #c53030;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    right: 20px;
}
.is-filebox .el-upload-list .el-upload-list__item-file-name{
    font-weight: 600;
    color: #2d3748;
}
.is-filebox .el-upload-list .el-upload-list__item-name .el-icon{
    color: #48bb78;
    font-size: 1.25rem;
}



.el-message-box__input .el-textarea__inner {
    min-height: 155px !important;
}

.CRV-module-description {
    padding: 40px 30px 10px;
    margin: 0;
}

.CRV-module-content .module-subtitle {
    padding: 0 30px 10px;
}


html .el-overlay-dialog {
    display: flex;
    align-items: start;
    padding: 20px 0;
}

body .el-dialog {
    max-width: 98vw;
    margin: auto auto;
}

.dashboard-loading {
    min-height: 150px;
}

#CRV-layout .el-table .cell {
    word-break: normal;
}

.el-icon--close-tip {
    display: none !important;
}

@media (max-width: 991px) {
    .CRV-details {
        flex-direction: column;
    }
    .CRV-details .CRV-details-left,
    .CRV-details .CRV-details-right3,
    .CRV-details .CRV-details-right2 {
        flex: 1;
        width: 100%;
    }

    .CRV-layout .CRV-header,
    .CRV-layout .CRV-details-left .CRV-header {
        flex-direction: column;
        text-align: center;
    }
    body .el-dialog {
        width: 100%;
    }
   
}
@media (max-width: 767px) {
    .is-dialog-guide .el-radio-group{
        
    grid-template-columns: repeat(1, 1fr);
    }


}


body .el-loading-mask{
    z-index: 1000;
}

.payment-iframe-dialog {
    width: 100% ;
    height: 100%;
    background-color: transparent !important;
    box-shadow: none !important;
}
.payment-iframe-dialog .el-dialog__header{
    display: none;
}
.payment-iframe-dialog .el-dialog__body {
    background-color: transparent !important;
}
.payment-iframe-dialog iframe{
    width:100%;
    height: 90vh;
    border-radius: 8px;
}
.payment-iframe-dialog .payment-iframe{
    position: relative;
}
.payment-iframe-dialog .close-btn{
    position: absolute;
    right: 15px;
    top: 15px;
    background: #ffffff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
    border: none;
    font-size: 20px;
    transition: all 200ms;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
}
.payment-iframe-dialog .close-btn:hover{
    color: #fff;
	background-color:#b91c1c;
}





.page-application-details-payment{
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    overflow-y: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}


body:has(#ApplicationDetails-Payment){
    background-color: transparent;
}
body:has(#ApplicationDetails-Payment) > *:not(#CRV-layout){
    display: none !important;
}
body:has(#ApplicationDetails-Payment)::after,
#CRV-layout .frame-loading::after{
    content: "";
    width: 42px;
    height: 42px;
    z-index: -1;
    border: 3px solid #fff;
    border-top-color: transparent;
    position: fixed;
    top: calc(50% - 21px);
    left: calc(50% - 21px);
    animation: animationSpin 1s linear infinite;
    border-radius: 50%;
}
body:has(#ApplicationDetails-Payment):has(.message-alert-box)::after{
    content: none;
}

#CRV-layout .frame-loading{
    background-color: #FFF;
    border-radius: 8px;
}


@keyframes animationSpin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

html:has(.el-popup-parent--hidden) {
    overflow: hidden !important;
    padding-right: var(--scrollbar-width) !important;
}
.el-popup-parent--hidden{
    overflow: visible !important;
    width: auto !important;
}

.dialog-form .subTitle{
    font-size: 18px;
}
.dialog-form .footer-button{
    justify-content: end;
    padding-bottom: 0;
}
.License-price-box{
    background: #f0fff4;
    border: 2px solid #48bb78;
    padding: 20px;
    line-height: 1.4;
    border-radius: 6px;
    display: flex;
    gap: 20px;
}
.License-price-box .title{
    font-size: 18px;
    color: #2d3748;
    margin-bottom: 10px;
}
.License-price-box .checkbox-box input{
    margin-top: 5px;
    width: 16px;
    height: 16px;
}

.loading-placeholder{
    width: 24px;
    height:24px;
     --el-loading-spinner-size:18px;
  --el-mask-color:transparent;
}
.loading-placeholder .el-loading-spinner .path{
    stroke-width: 5px;
}