* {
    box-sizing: border-box;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
h3{font-size: 24px;
    font-weight: 700;}

p{color:#2e2e2e !important;}

.wrapper-body {
    flex: 1;
    margin-bottom: 0 !important;
    min-height: unset !important;

}

.card-text{color: #5C5C5C !important;}
.page-heading .breadcrumb {
    padding: 0;
}
.primary-color{color: #1d428a !important;}

.page-header {
    padding: 0;
    margin: 0;
}

.accord{position: relative;
    top: 20px;}

.page-header h1 {
    padding-left: 8px;
}

.sectionBlockLayout {
    padding: 0 !important;
}

 .sectionBlockLayout .columnBlockLayout {
    padding: 0;
    margin: 0;
} 


.container-fluid {
    padding: 16px;
}

.white-bg{background: #ffffff;
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    padding: 10px 40px;
margin-bottom: 40px;}

.nav-pills .nav-link {
   
    color: #1d428a;
    font-weight: bold;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: #1d428a;
}

@media (min-width: 992px) {
    .container {
        width: 100% !important;
        max-width: 841px !important;
        margin: 0 auto;
        
       /* padding-bottom: 40px;*/
    }

    .modal-lg {
        max-width: 623px;
    }

    .hrwl_container {
        width: 100% !important;
        max-width: 741px !important;
    }

    .container-fluid {
        padding: 50px 84px;
    }
}

/* .container {
    padding-bottom: 80px;
} */

/* @media (min-width: 1400px) {
    .container {
        width: 100% !important;
        max-width: 1272px !important;
        margin: 0 auto;
    }
} */

p,
h1,
h2,
h3,
h4,
h5,
h6,
li,
label,
input,
button,
input,
optgroup,
select,
textarea,
table,
thead,
tr,
td,
a {
    font-family: Lato !important;
    font-style: normal;
    color: #2E2E2E;
}

th a {
    color: #2E2E2E;
}

a:hover,
a:focus,
.a:hover,
.a:focus {
    color: #2E2E2E;
}

h4, .h4, h5, .h5, h6, .h6 {
   /* margin-top: 24px !important;*/
    margin-bottom: 24px !important;
}

.application_title {
    font-size: 30px;
    padding: 0 0 40px;
    border-bottom: 1px solid #21252940;
    margin: 0 0 0;
    font-weight: 850;
    color: #1D428A;
}

.details_title {
    font-size: 24px;
    margin: 0 0 0 0;
    font-weight: 850;
        color: #1d428a !important;
}

.applicationtype_title {
    font-size: 20px;
    margin: 0 0 24px;
    font-weight: 700;
    color: #2E2E2E;
}


.list_details {
    padding: 0 8px;
}

.list_details p {
    margin: 0;
    padding: 0;
}

.list_details ul {
    margin: 0;
    padding: 0 24px 24px;
    margin-bottom: 24px;
}

#WebFormPanel.crmEntityFormView {
    border: 0;
    background: none;
}

.crmEntityFormView label {
    color: #2E2E2E !important;
}

.crmEntityFormView .cell .field-label,
.crmEntityFormView label {
    margin-bottom: 8px;
    color: #2E2E2E;
}

.alert_danger,
.alert_errorHRWL {
    border-radius: 4px;
    padding: 16px;
    background-color: #CB333B;
    border: 1px solid #CB333B;
    color: #F0F0F0;
    font-size: 15px;
    font-weight: 400;
    margin: 0 0 24px;
    display: flex;
    flex-direction: column;
}

.alert_errorHRWL {
    flex-direction: row;
}

.alert_danger .validation-header {
    display: flex;
    align-items: flex-start;
}

.alert_danger h2 span {
    display: none;
}

.alert_danger h2.validation-header::before,
.alert_errorHRWL::before {
    content: "\f332";
    font-family: "bootstrap-icons";
    font-size: 20px;
    color: #F0F0F0;
    flex-shrink: 0;
    margin-right: 8px;
}

.alert_danger h2,
.alert_danger li,
.alert_danger li a,
.alert_errorHRWL p {
    color: #F0F0F0 !important;
    font-size: 15px;
    font-weight: 400;
    margin: 0;
}

.alert_danger li a:hover,
.alert_danger li a:focus {
    color: #F0F0F0 !important;
}

.alert_danger h2 span {
    font-size: 15px;
    margin-right: 8px;
}

.alert_danger ul {
    padding-left: 44px;
    margin: 0;
}

.alert_warning h2,
.alert_info h2 {
    font-size: 20px;
}

.alert_info h2 {
    margin: 0;
    margin-bottom: -20px;
    font-weight: 700;
}
.alert-custom {
    border-radius: 12px;
    padding: 20px 22px;
    display: flex;
    gap: 15px;
    align-items: flex-start;
}

.alert-info-custom {
    background-color: #eaf3ff;
    color: #4d4d4d;
    margin-top: 40px;
    width: 70%;
}

.alert-warning-custom {
    background-color: #ffe7cf;
    color: #4d4d4d;
    width: 70%;
}

.alert-icon {
    font-size: 22px;
    margin-top: 3px;
}

.alert-info-custom .alert-icon {
    color: #0d6efd;
}

.alert-warning-custom .alert-icon {
    color: #f59e0b;
}

.alert-title {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 6px;
}

.alert-text ul {
    padding-left: 18px;
    margin-bottom: 0;
}

.alert-text li {
    margin-bottom: 4px;
}
.alert-info-custom .alert-icon {
color: #0085CA;
}
.card.card-disabled {
    background-color: #DEE2E6;
}
.errordiv {
    background-color: #FFE5D0;
    border-color: #FFE5D0;
    color: #2E2E2E;
    padding: 16px;
    display: flex;
    align-items: center;
}

.errordiv::before {
    content: "\F33A";
    font-family: "bootstrap-icons";
    font-size: 22px;
    color: #ED8B00;
    flex-shrink: 0;
    margin-right: 12px;
}

.errordiv .retrygenericdiv {
    display: none;
}

.errordiv .retrySpanfordelete,
.errordiv .retrySpanforgeneric {
    margin-left: 0 !important;
}

.errordiv button {
    color: #2E2E2E !important;
}

@media (min-width: 992px) {
    .details_title {
        font-size: 24px;
    }

    .alert_danger {
        max-width: 552px;
        margin: 0 0 36px;
    }
}

.btn-primary:disabled {
    background-color: #1E377C;
    border: 1px solid #1E377C;
}

.button2:focus,
.button2.focus,
/* .button2:focus-visible, */
.btn-secondary:focus,
.btn-secondary.focus,
/* .btn-secondary:focus-visible, */
.btn-default:focus,
.btn-default.focus,
/* .btn-default:focus-visible, */
.btn-default:disabled {
    background-color: #1E377C !important;
    border: 1.6px solid #1E377C !important;
    color: #fff !important;
}

input#NextButton {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23ffffff" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"/></svg>') no-repeat right .75rem center;
    background-size: 16px 14px;
    color: #fff !important;
    background-color: #1E377C;
    border: 1px solid hsl(224, 61%, 30%);
    padding: 4px 32px 6px 20px;
}

#NextButton:active,
#PreviousButton:active,
#NextButton:focus,
#PreviousButton:focus {
    border-color: #1E377C !important;
    color: #fff !important;
    outline: none !important;
}

input#PreviousButton {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23ffffff" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M15 8a.5.5 0 0 1-.5.5H2.707l3.147 3.146a.5.5 0 0 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 0 1 .708.708L2.707 7.5H14.5a.5.5 0 0 1 .5.5"/></svg>') no-repeat left .75rem center;
    background-size: 16px 14px;
    color: #fff !important;
    background-color: #1E377C;
    border: 1px solid #1E377C;
    padding: 4px 20px 6px 32px;
}

.close_action_btn {
    margin-top: 24px;
    padding-top: 38px;
    border-top: 1px solid #21252940;
}

.close_action_btn button a,
.close_action_btn a {
    text-decoration: none !important;
}

.close_action_btn i {
    margin-left: 8px;
    font-size: 14px;
}

/* input radio style starts here */

input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border: 2px solid #00000026;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    margin: 0px 8px -2px 0 !important;
}

input[type="radio"]:checked {
    border-color: #1E377C;
}

input[type="radio"]:checked::before {
    content: "";
    background-color: #fff;
    border: 3px solid #1E377C;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0;
    bottom: 0;
}

input[type="radio"]:focus {
    outline: 0;
}

.crmEntityFormView .cell.boolean-radio-cell input[type=radio] {
    margin: 4px 8px 0px 0px !important;
}

.crmEntityFormView .cell.boolean-radio-cell label {
    margin-right: 12px;
}

@media (min-width: 769px) {
    .application_title {
        margin: 0 0 24px;
    }

    .crmEntityFormView .cell.checkbox-cell div.table-info {
        max-width: 97%;
    }
}

.crmEntityFormView .cell.checkbox-cell div.table-info {
    max-width: 92%;
}

.crmEntityFormView .tab-title,
.crmEntityFormView .tab-title:empty,
.section-title h3:empty {
    display: none;
}

.crmEntityFormView fieldset {
    margin-bottom: 0;
}

#EntityFormView .cell {
    padding: 0 0 32px;
}

.crmEntityFormView .actions {
    margin-top: -12px;
    padding-top: 38px;
    border-top: 1px solid #21252940;
}

.crmEntityFormView .cell div.table-info.required label:after {
    content: '';
}

input.form-control,
.form-select {
    border: 1px solid #BFBFBF;
    color: #2E2E2E !important;
}

.form-control,
.table-info,
.table td a:not(.btn),
.table td a:hover:not(.btn),
.table td a:focus:not(.btn) {
    color: #2E2E2E !important;
}

.form-select,
.form-select:focus {
    color: #6C757D;
}

#swsa_revisionnumbers {
    margin-bottom: 24px;
}

/* .form-control:focus {
    border-color: #CED4DA !important;
    box-shadow: inset 0 1px 1px #00000014, 0 0 8px #ced4da99 !important;
} */

.dropdown-item {
    color: #2E2E2E;
}

.required-symbol {
    display: none;
}

input::placeholder {
    color: #6C757D !important;
}

textarea#swsa_whatwaschanged::placeholder {
    color: #6C757D !important;
}

/* If the description div is the NEXT sibling */
div:has(+ .description.below)>select,
div:has(+ .description.below)>textarea {
    margin-bottom: 24px;
}

.alert_info {
    border-radius: 12px;
    padding: 14px 16px;
    background-color: #E7F1FF;
    border: 1px solid #E7F1FF;
    color: #2E2E2E;
    font-size: 16px;
    font-weight: 400;
    margin: 24px 0 24px;
    display: flex;
    align-items: flex-start;
}

.alert_info::before {
    content: "\F430";
    font-family: "bootstrap-icons";
    font-size: 22px;
    color: #0085CA;
    flex-shrink: 0;
    margin-right: 12px;
}

.alert_warning {
    border-radius: 12px;
    padding: 14px 16px;
    background-color: #FFE5D0;
    border: 1px solid #FFE5D0;
    color: #2E2E2E !important;
    font-size: 15px;
    font-weight: 400;
    margin: 24px 0 24px;
    display: flex;
}

.alert_warning a {
    color: #2E2E2E !important;
}

.alert_warning p {
    line-height: 1.5;
}

.alert_warning::before {
    content: "\F33A";
    font-family: "bootstrap-icons";
    font-size: 22px;
    color: #ED8B00 !important;
    flex-shrink: 0;
    margin-right: 12px;
}

.datetimepicker span.input-group-addon.btn {
    background-color: #fafafa;
    border: 1px solid #CED4DA;
}

.datetimepicker .fa-calendar:before {
    content: "\f1e2";
    font-family: "bootstrap-icons";
    color: #6C757D;
}

.datepicker button,
.bootstrap-datetimepicker-widget tr td button {
    color: #2E2E2E;
}

.bootstrap-datetimepicker-widget table td {
    padding-bottom: 0 !important;
}

.bootstrap-datetimepicker-widget tr td button {
    background-color: transparent;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget tr td.active button {
    background-color: #1E377C;
}

.bootstrap-datetimepicker-widget table td.today {
    border: 1px solid blue;
}

.bootstrap-datetimepicker-widget table td.today::before {
    display: none;
}

.modal h1 {
    margin: 0;
    font-size: 20px;
}

.buttonForFileUpload {
    margin-top: 8px;
}

#UploadButton {
    margin: 24px 0;
}

#UploadButton .fa-arrow-up:before {
    content: "\f603";
}

#UploadButton .fa {
    font-family: "bootstrap-icons" !important;
    font-weight: 400 !important;
}

#uploadButton .fa::before {
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
}

.actions> :first-child {
    width: 100%;
}

.actions .col-md-6.clearfix .btn-group.entity-action-button:first-child {
    float: left;
}

.actions .col-md-6.clearfix .btn-group.entity-action-button:last-child {
    float: right;
}

.actions .submit-btn {
    width: auto;
}

.form-close {
    font-size: 32px;
    color: #2E2E2E;
    top: 1% !important;
}

.review_customcss .picklist-cell,
.review_customcss .form-control-cell,
.review_customcss .boolean-radio-cell,
[data-name="tab_1_column_1_section_1"] .form-control-cell,
[data-name="tab_1_column_1_section_1"] .picklist-cell {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0 0 12px !important;
    gap: 16px;
}

.review_customcss iframe {
    width: 100%;
    border: none;
    overflow: hidden;
    padding: 24px 0;
}

.review_customcss fieldset {
    border-bottom: 1px solid #21252940;
    margin-bottom: 28px;
}

.review_customcss fieldset:last-child {
    border: 0;
}

.review_customcss .form-control-cell div.control input {
    color: #2E2E2E;
}


[data-name="tab_1_column_1_section_1"] .form-control-cell div.control a {
    color: #2E2E2E !important;
    text-decoration: none !important;
}

[data-name="tab_1_column_1_section_1"] .form-control-cell div.control input::placeholder {
    color: #2E2E2E !important;
}

[data-name="tab_1_column_1_section_1"] label,
.review_customcss label,
.review_customcss .boolean-radio-cell label {
    margin: 0 !important;
    width: 280px;
    font-weight: 700 !important;
}

.review_customcss .boolean-radio-cell div.control span label {
    font-weight: 400 !important;
    padding-right: 12px;
}

/* Review styles starts here */

[aria-label="Review Details"] td.clearfix.cell.text.form-control-cell,
.review_customcss td.form-control-cell,
[data-name="businessclient_quickview"] td.form-control-cell,
[data-name="notifyingperson_complaint"] td.form-control-cell,
[data-name="notifyingperson_complaint"] td.picklist-cell,
[data-name="hsrperson_complaint"] td.form-control-cell {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    padding-right: 0 !important;
    padding-bottom: 12px !important;
}

[data-name="businessclient_quickview"] td.form-control-cell,
[data-name="notifyingperson_complaint"] td.form-control-cell,
[data-name="hsrperson_complaint"] td.form-control-cell,
[data-name="notifyingperson_complaint"] td.picklist-cell {
    padding: 0 !important;
}

[data-name="businessdetails_review"] .clearfix.cell.crmquickform-cell .table-info label,
[data-name="notifyingperson_complaint"] .clearfix.cell.crmquickform-cell .table-info label,
[data-name="notifyingperson_complaint"] .clearfix.cell.picklist-cell .table-info label,
[data-name="hsrperson_complaint"] .clearfix.cell.crmquickform-cell .table-info label {
    padding-bottom: 12px;
}

[data-name="businessclient_quickview"] .clearfix.cell.form-control-cell .table-info label,
[data-name="notifyingperson_complaint"] .clearfix.cell.form-control-cell .table-info label,
[data-name="notifyingperson_complaint"] .clearfix.cell.picklist-cell .table-info label,
[data-name="hsrperson_complaint"] .clearfix.cell.form-control-cell .table-info label {
    margin-bottom: 0 !important;
}

[aria-label="Review Details"] td.clearfix.cell.text.form-control-cell div.table-info,
.review_customcss td.form-control-cell div.table-info,
[data-name="businessclient_quickview"] td.form-control-cell div.table-info,
[data-name="notifyingperson_complaint"] td.form-control-cell div.table-info,
[data-name="notifyingperson_complaint"] td.picklist-cell div.table-info,
[data-name="hsrperson_complaint"] td.form-control-cell div.table-info {
    margin: 0 !important;
    width: 280px !important;
    font-weight: 700 !important;
    flex: 1 1 0 !important;
    min-width: 280px !important;
    max-width: 280px !important;
}

[aria-label="Review Details"] td.clearfix.cell.text.form-control-cell div.table-info label,
.review_customcss td.form-control-cell div.table-info label,
[data-name="businessclient_quickview"] td.form-control-cell div.table-info,
[data-name="notifyingperson_complaint"] td.form-control-cell div.table-info,
[data-name="notifyingperson_complaint"] td.picklist-cell div.table-info,
[data-name="hsrperson_complaint"] td.form-control-cell div.table-info {
    font-weight: 700 !important;
}

[aria-label="Review Details"],
.review_customcss {
    margin-bottom: 32px !important;
}

[aria-label="Review Details"] td.clearfix.cell.text.form-control-cell div.control,
.review_customcss td.form-control-cell div.control,
[data-name="businessclient_quickview"] td.form-control-cell div.control,
[data-name="notifyingperson_complaint"] td.form-control-cell div.control,
[data-name="notifyingperson_complaint"] td.picklist-cell div.control,
[data-name="hsrperson_complaint"] td.form-control-cell div.control,
.review_customcss table td.clearfix.cell.textarea.form-control-cell div.control,
[data-name="tab_1_column_1_section_1"] td.clearfix.cell.textarea.form-control-cell div.control {
    flex: 1 1 0;
    min-width: 0;
}

.review_customcss td.form-control-cell div.control select,
.review_customcss td.picklist-cell div.control select {
    width: 97%;
    white-space: normal;
}

.review_customcss .clearfix.cell.crmquickform-cell .table-info label {
    padding-bottom: 12px;
}

/* .review_customcss .table.table-striped thead,
.review_customcss table .form-subgrid-heading {
    display: none;
} */

.review_customcss .table.table-striped tr td {
    border: 0;
    padding: 0;
}

.crmEntityFormView .cell.crmquickform-cell:first-child,
.review_customcss .cell.crmquickform-cell:first-child {
    border-right: 0 !important;
}

/* Review styles starts here */

.review_customcss .section-title {
    margin: 0;
}

.section-title h3 {
    font-size: 20px;
    margin: 0 0 24px;
    font-weight: 700;
}

[data-name="Declaration"] .section-title h3 {
    margin-bottom: 0;
}

.review_customcss select,
.review_customcss input,
[data-name="tab_1_column_1_section_1"] input,
[data-name="tab_1_column_1_section_1"] select {
    padding: 0;
    color: #2E2E2E !important;
}

.review_customcss div.table-info div.validators,
[data-name="tab_1_column_1_section_1"] div.table-info div.validators {
    display: none;
}

.review_customcss .crmquickform-cell {
    padding-bottom: 12px !important;
}

.review_customcss .validators,
.validators {
    display: none;
}

.review_customcss fieldset table {
    margin-bottom: 16px !important;
}

[data-name="Review"] td.clearfix.cell.crmquickform-cell {
    border: none !important;
}

.review_customcss table td,
#Subgrid_new_1 table td {
    padding: 0 0 24px;
}

.review_customcss .table.table-striped tr td:first-child {
    width: 296px;
    font-weight: 700;
}

#Subgrid_new_1 #subgrid_portaldoc tr {
    vertical-align: middle;
    padding: 8px
}

table.table-striped {
    /* Neutralize stripe colors for this table */
    --bs-table-striped-bg: transparent !important;
    --bs-table-striped-color: inherit !important;
    --bs-table-accent-bg: transparent !important;
    /* fallback for components that read this var directly */
}

table.table-hover {
    --bs-table-hover-bg: transparent !important;
}

.table-hover>tbody>tr:hover {
    background-color: unset !important;
}

.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr.info>td {
    background-color: unset !important;
}

#subgrid_portaldoc table thead tr th a,
.table.table-striped thead tr th a,
table thead tr th a {
    font-weight: 700;
    text-decoration: none !important;
}

.table.table-striped thead tr th a:hover,
.table.table-striped thead tr th a:focus,
.table thead tr th a:hover,
.table thead tr th a:focus {
    color: #2E2E2E !important;
    text-decoration: none !important;
}

.review_customcss .table.table-striped tbody tr {
    border: 0;
}

.review_customcss .table.table-striped tbody tr td {
    padding: 8px !important;
}


.review_customcss h3.table-info.form-subgrid-heading:empty {
    display: none;
}


#subgrid_portaldoc table thead,
.table.table-striped thead {
    border-bottom-width: 2px;
    border-color: #2e2e2e;
}

#subgrid_portaldoc tr td,
.table.table-striped tr td {
    padding: 14px;
}

#subgrid_portaldoc button {
    background-color: transparent;
}

#subgrid_portaldoc button:active {
    color: #fff !important;
}

.view-grid.table-responsive tr {
    border-bottom: 1px solid #21252940;
}

[data-name="Declaration"] .section-title {
    font-size: 20px;
    margin-bottom: 24px;
}

.crmEntityFormView, .entitylist, .modal-content, .popover-content {
    margin-bottom: 36px;
}

.table-striped, .table-info, .table-striped > tbody > tr:nth-of-type(odd) > *, .form-control:focus, .dropdown-menu, .datepicker button {
    color: #2e2e2e;
}

.view-pagination{
    display: flex;
    justify-content: center;
}

/* bootstrap progress customisation */

.progress {
    background-color: #E9ECEF !important;
    margin: 0 0 20px !important;
    height: 16px;
}

/* .row>.progress {
    margin: 16px 12px !important;
} */
.instructions{padding:0;}
.progress-bar {
    background-color: #1E377C;
}

div.progress span {
    background-color: #1E377C;
    color: #fff;
    padding: 0 2px;
    font-size: 14px;
}

/* checkbox custom style */

input[type="checkbox"] {
    width: 16px;
    height: 16px;
}

input[type="checkbox"]:checked {
    background-color: #1E377C;
}

input[type="radio"]+label {
    display: inline-block;
    vertical-align: top;
    max-width: calc(100% - 24px);
    font-family: 'Lato', Arial, sans-serif;
}

.alert_info_hide {
    display: none;
}

.alert_info_show {
    display: flex;
}


/* accodrion styles starts here */

.accordion_section .accordion-item {
    border-top: 1px solid #DEE2E6 !important;
    border-bottom: 1px solid #DEE2E6 !important;
    margin-bottom: 16px;
}

.accordion_section .accordion-header {
    margin-top: 0;
}

.accordion_section .accordion-item:last-child {
    margin-bottom: 24px;
}

.accordion_section .accordion-item button {
    font-weight: 700;
}

.accordion_section .accordion-button:not(.collapsed) {
    color: #1D428A;
    font-weight: 400;
    background-color: #E7F1FF;
}

.accordion_section .accordion-button:focus {
    border: 0;
    box-shadow: none;
}

.accordion_section .accordion-body h3 {
    margin-bottom: 26px;
    font-size: 24px;
    padding: 0 8px;
}

.accordion_section .accordion-body p {
    padding: 0 8px;
    margin: 0;
    margin-bottom: 16px;
}

.accordion_section .accordion-body h5 {
    margin-bottom: 24px;
}

.accordion_section .accordion-body h5,
.accordion_section .accordion-body li {
    font-size: 16px;
}

/* Upload document css starts here */

#content-container {
    max-width: 100%;
}

#content-container td {
    border: 0 !important;
}

#content-container .field-label,
#NewAttachFileLabel,
#swsa_documentcategoryid_label {
    font-weight: 700;
    color: #2E2E2E !important;
}

.crmEntityFormView textarea.form-control.readonly:focus {
    outline: 0 !important;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover {
    background-color: #1e377c !important;
}

.page-link {
    color: #1e377c;
}

/* Collapse empty cells so the row has zero height */
.entity-form table td.cell:empty,
.entity-form table td.zero-cell:empty,
.entity-form table td.form-control-cell:empty {
    padding: 0 !important;
    border: 0 !important;
    height: 0 !important;
}

/* Reduce row height when both cells are empty */
.entity-form table tr>td.cell:empty+td.zero-cell:empty,
.entity-form table tr>td.cell:empty+td.form-control-cell:empty {
    padding: 0 !important;
}

.summary-header {
    margin: 0 !important;
    padding: 0 0 12px !important;
    font-size: 20px;
}

.summary-line {
    margin: 0 0 24px !important;
    padding: 0 !important;
    font-size: 15px;
}

label#swsa_amount_label,
label#swsa_paymentreferencenumber_label {
    font-weight: 700;
    margin-bottom: 4px;
    font-size: 15px;
}

input#swsa_amount,
input#swsa_paymentreferencenumber {
    padding: 0;
    font-size: 15px;
}

/* filter css starts */

.msos-container:not(.msos-disabled) {
    border: 1px solid #BFBFBF;
    border-radius: .375rem;
    box-shadow: unset;
    transition: unset;
}

.msos-caret-container {
    margin: 2px 12px !important;
}

.msos-caret-button .msos-glyph:after {
    content: '\F282' !important;
    font-family: "bootstrap-icons" !important;
    color: #000000;
    font-size: 12px !important;
    font-weight: 900;
}

.msos-selection-container {
    border: 1px solid #ced4da;
}

.msos-input-container input::placeholder {
    color: #2E2E2E !important;
    font-size: 16px;
}

.msos-open .msos-inner-container:not(.msos-fullscreen) .msos-selection-container {
    top: 36px !important;
}

.msos-option:hover,
.msos-option-selected:hover {
    background-color: #717171 !important;
    color: #fff !important;
}

.msos-label:not(.msos-disabled) {
    margin-bottom: 0;
}

/* Licence validation styles starts here */

.licence_validation_form label {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 8px;
    color: #2E2E2E;
}

.mb_32 {
    margin-bottom: 32px;
}

.licence_card {
    border: 1px solid #21252940;
    color: #2E2E2E;
    font-size: 16px;
    width: 100%;
}

.norecord_title {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 8px 0;
}

.licence_validation_form ul {
    padding-left: 28px;
    margin-bottom: 24px;
}

@media (min-width: 768px) {
    .licence_card {
        max-width: 480px;
    }
   
}


.licenceCard_header {
    background-color: #e2e2e2;
    padding: 8px 16px;
}

.licenceCard_body .licence_details {
    border-bottom: 1px solid #21252940;
    padding: 8px 16px;
}

.licenceCard_body .licence_details:last-child {
    border-bottom: 0;
}

.color_resolutionblue {
    color: #1E377C;
}

.customtitle_class .section-title {
    display: none;
}

/* SWSA Dashboard styles starts here */

.secondary_dashboardnav {
    background-color: #1e3777;
}

.secondary_dashboardnav h1 {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
}

.dashboard_card {
    margin-bottom: 10px;
}

.dashboard_card .card-body {
    padding: 16px;
    background-color: #fff !important;
}

.dashboard_links a,
.dashboard_links a:hover,
.dashboard_links a:focus,
.dashboard_links i {
    color: #1E377C !important;
    font-size: 16px;
}



@media (max-width: 991px) {

    .dashboard_card {
        height: 100%;
        margin-bottom: 40px !important;
    }

    .dashboard_card .img_responsive {
        display: block;
        width: 100%;
    }
}


.dashboard_card .card-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 16px;
    color:#1D428A;
}

.dashboard_card .card-text,
.dashboard_accountdesc {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 16px;
}

.dashboard_card .badge {
    font-size: 12px;
    background-color: #007A33;
}

.dashboard_accountName {
    font-size: 24px;
    font-weight: 850;
    color: #1D428A;
    padding-bottom: 5px !important;
    margin-bottom: 0;
}

.dashboard_accountdesc {
    margin-bottom: 40px;
}

.pad-btm-40{padding-bottom:40px;}
.mb-16 {
    margin-bottom: 1rem !important;
}


/* SWSA Dashboard styles ends here */


/*payment none templete */

 .payment-summary-container {
      display: flex;
      flex-direction: column;
      justify-content: left;
      align-items: left;
      height: 80vh;
      font-size: 22px;
      font-weight: bold;
      color: #000000;
      background-color: #ffffff;
      padding: 30px;
      text-align: left;
    }

    .payment-summary-title {
      font-weight: 600;
      font-size: 1.4rem;
      border-bottom: 1px solid #d1d1d1;
      padding-bottom: 10px;
      color: #000;
      
    }

    .payment-status {
      font-size: 1.05rem;
      color: #000;
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 15px;
     
    }

    .payment-status i {
      font-size: 1.2rem;
      color: #007031;
    }

    .payment-reference-label {
      color: #6c757d;
      font-size: 0.95rem;
      margin-bottom: 3px;
     
    }

    .payment-reference-value {
      font-weight: 500;
      color: #000;
      font-size: 1rem;
      
    }

    .payment-close-btn {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      padding: 8px 18px;
      font-size: 0.95rem;
      text-decoration: none;
      
    }
    


/*payment nome templete ends here */

/* header style starts here */
.swsadashboard_nav .nav-link {
    font-size: 16px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    padding: 0 15px;
}

.swsadashboard_nav .vr {
    background-color: #fff;
    opacity: 1;
    height: 18px;
    margin-top: 10px;
}

.swsadashboard_nav .nav-link:hover,
.swsadashboard_nav .nav-link:focus {
    background-color: transparent !important;
    color: #ffffff !important;
}

.swsadashboard_nav .navbar-nav .show.dropdown-menu>li>a:hover {
    background-color: #1e3777;
}

/* Header style ends here */

/* footer style starts here */

.custom_footer {
    background-color: #1D428A;
    padding: 30px 16px;
    margin-top:40px !important;
}

.custom_footer .container {
    width: 100%;
    max-width: 100%;
}

.custom_footer .custom_footer_content {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.custom_footer p a {
    text-decoration: none;
    color: #fff !important;
}

@media (min-width: 992px) {
    .custom_footer .container {
        width: 100% !important;
        max-width: 769px !important;
        margin: 0 auto;
    }

    .custom_footer .custom_footer_content {
        display: flex;
        flex-direction: row;
    }

}

.custom_footer .nav {
    display: flex;
    gap: 24px;
}

.custom_footer h3 {
    font-size: 20px;
    margin: 0 0 10px;
    font-weight: 700;
    color: #fff;
}

.custom_footer h3,
.custom_footer p {
    color: #fff !important;
}

.fs_14 {
    font-size: 14px !important;
}

.custom_footer .nav-link,
.custom_footer .nav-link:hover,
.custom_footer .nav-link:focus {
    background-color: transparent;
    margin: 0;
    padding: 0;
}

@media (min-width: 992px) {
    .custom_footer {
        padding: 60px 41px 53px;
    }

    .custom_footer .nav-link img {
        width: 100px;
        height: auto;
    }

    .secondary_dashboardnav h1 {
        font-size: 80px;
    }
}

.custom_footer p,
.footer_link a {
    color: #fff !important;
    font-size: 16px;
    font-weight: 400 !important;
    text-decoration: none !important;
    text-align: justify;
}

.footer_link .nav-link::after {
    content: " /";
    padding: 0 4px;
    text-decoration: none !important;
}

.footer_link .nav-link:last-child::after {
    content: "";
}

/* footer style ends here */

/* signin & invitation style starts here */

.nav-account a.nav-link[role="tab"]:not(.active),
.nav-account a.active.nav-link[role="tab"] {
    color: #1E377C !important;
}




/* >>> licence_details: force label and value side-by-side (inserted at file end) >>> */
.licence_detail td.clearfix.cell.form-control-cell,
.licence_detail td.clearfix.cell.text.form-control-cell,
.licence_detail td.clearfix.cell.status-cell {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
}

/* .licence_details{margin-bottom:48px;} */

.licence_detail td.clearfix.cell.form-control-cell > .table-info,
.licence_detail td.clearfix.cell.text.form-control-cell > .table-info,
.licence_detail td.clearfix.cell.status-cell > .table-info {
    width: 280px !important;
    flex: 0 0 280px !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

/* ensure labels are at least 250px wide */
.licence_detail .table-info {
    min-width: 250px !important;
    font-weight: 700 !important;
}

/* Ensure label elements inside .table-info also receive bold weight */
.licence_detail .table-info label {
    font-weight: 700 !important;
}

.licence_detail td.clearfix.cell.form-control-cell > .control,
.licence_detail td.clearfix.cell.text.form-control-cell > .control,
.licence_detail td.clearfix.cell.status-cell > .control {
    flex: 1 1 0 !important;
    min-width: 0 !important;
}

/* Force the TDs for licence rows to be 700px wide as requested (desktop only) */
@media (max-width: 600px) {
    .licence_detail td.clearfix.cell.form-control-cell,
    .licence_detail td.clearfix.cell.text.form-control-cell,
    .licence_detail td.clearfix.cell.status-cell {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .licence_detail td.clearfix.cell.form-control-cell > .table-info,
    .licence_detail td.clearfix.cell.text.form-control-cell > .table-info,
    .licence_detail td.clearfix.cell.status-cell > .table-info {
        width: auto !important;
        flex: none !important;
        margin-bottom: 8px !important;
    }
}

/* Ensure control area has at least 150px width */
.licence_detail td.clearfix.cell.form-control-cell > .control,
.licence_detail td.clearfix.cell.text.form-control-cell > .control,
.licence_detail td.clearfix.cell.form-control-cell > .control input,
.licence_detail td.clearfix.cell.text.form-control-cell > .control input {
    min-width: 250px !important;
}


/* Ensure status text inside licence_details has no left padding */
.licence_detail .control .status,
.licence_detail .status {
    padding-left: 0 !important;
}

/* Prevent status text from wrapping so values like "Ready for Printing" stay on one line */
.licence_detail .control .status,
.licence_detail .status {
    white-space: nowrap !important;
    display: inline-block !important;
}

/* Remove extra vertical gap between rows inside the licence details table */
.licence_detail table {
    /* Use collapse to eliminate cell spacing and remove extra row gaps */
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

/* Ensure form cells inside licence_details have zero padding (corrected selector) */
.licence_detail .crmEntityFormView .cell {
    padding: 0 !important;
}

/* Remove horizontal scrolling for table-responsive when inside .entitylist */
.entitylist .table-responsive {
   
    overflow-x: visible !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: unset !important;
}

    /* Keep action buttons inline on small screens: use when .actions is a flex container */
    .actn.d-flex > :first-child {
        /* undo rules that force the first child to 100% width elsewhere in the stylesheet */
        width: auto !important;
        flex: 0 0 auto !important;
    }

    /* Ensure the actions' right-side button container doesn't wrap */
    .actn.d-flex .d-flex {
        flex-wrap: nowrap !important;
    }

    /* Prevent button labels from wrapping to new lines */
    .actn.d-flex .btn {
        white-space: nowrap !important;
    }

.actn {
    margin-top: -12px;
    padding-top: 38px;
    border-top: 1px solid #21252940;
}


.licence_detail .section-title h3 {
    font-size: 16px;
    margin: 0 0 24px;
    font-weight: 700;
    padding-top: 4px;
}


/* removing inline style in the application */

.card-title,
    .details_title,
    .card-text,
    .applicationtype_title,
    p {
      color: #5C5C5C;
    }

    .dashboard_accountName {
      color: #1D428A;
    }
.dashboard_card {
    margin-bottom: 11px;
    border: 1px solid #C6C6C6;
}
    .btn-primary {
      background-color: #1D428A !important;
      margin:0 5px;
    }

    .dashboard_accountdesc {
      margin-bottom: 40px;

    }

    .dashboard_card_section {
      margin-bottom: 40px;
    }

.img-fluid {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

.text-end {
    position: absolute;
}


.entitylist .table-responsive {
    overflow: auto ;
}
.input-group-btn .btn {
 
    height: 38px;
}

.container-fluid {
        padding: 50px 44px;
      }
    /* @media (min-width: 992px) {
      .container-fluid {
        padding: 50px 44px;
      }
    } */

.static-top.navbar-dark {
    background-color: #1D428A !important;
}

.secondary_dashboardnav {
    background-color: #1D428A !important;
}

.static-top.navbar-dark {
box-shadow:none !important;
}

.border-btm1{
    border-bottom: 1px solid #21252940;
}

    /*---- Removed Inline style dashbaoard*/

    .p-20{padding:20px;}
   .application_title {
   padding-bottom: 0; 
   border-bottom: 0; 
   margin: 0 0 0;
   
   }

   .pull-right{float:right;}
   .pad-btm-20{    padding-bottom: 20px;}
   .btn-secondary{color:#1e3777; border-color:#1e3777;}
   .btn:hover {
   background-color: #1e3777;
   border-color: #1e3777;
   }
   .anchor{color:#1e3777; text-decoration:none !important;}
   .anchor:hover {color:#1e3777; text-decoration:none !important;}
   .breadcrumb-container {
   font-size: 14px;
   color: #6c757d;
   }
   .breadcrumb-container .bi {
   font-size: 12px;
   vertical-align: middle;
   }
   .breadcrumb-container .active {
   font-weight: 700;   /* ✅ bold */
   }
   .breadcrumb{ font-size: 16px;
   color: #1e3777;
   padding: 8px 15px 15px 0;
   }
   .breadcrumb .active{
   color:#1e3777;
   text-decoration: underline;
   }
   /*h2{ padding-bottom:20px;}
   label{padding:24px 0 24px 0;}*/
   /*h3{ font-size:32px;}*/

   h1, .h1, h2, .h2, h3, .h3 {
    padding-bottom: 40px ;
}

.padbtm-10{padding-bottom:10px;}
   a:hover, a:focus, .a:hover, .a:focus {
   color: #1e3777;
   }
   .card-desc{font-size:16px;}
   .border-cls{
   border-bottom:1px solid #C6C6C6 ;
   margin-bottom:24px;
}
   .alert-custom {
   border-radius: 12px;
   padding: 20px 22px;
   display: flex;
   gap: 15px;
   align-items: flex-start;
   }
   .alert-info-custom {
   background-color: #eaf3ff;
   color: #4d4d4d;
   margin-top: 40px;
   width: 70%;
   }
   .alert-warning-custom {
   background-color: #ffe7cf;
   color: #4d4d4d;
   width: 70%;
   }
   .alert-icon {
   font-size: 22px;
   margin-top: 3px;
   }
   .alert-info-custom .alert-icon {
   color: #0d6efd;
   }
   .alert-warning-custom .alert-icon {
   color: #f59e0b;
   }
   .alert-title {
   font-weight: 600;
   font-size: 18px;
   margin-bottom: 6px;
   }
   .alert-text ul {
   padding-left: 18px;
   margin-bottom: 0;
   }
   .alert-text li {
   margin-bottom: 4px;
   }
   .alert-info-custom .alert-icon {
   color: #0085CA;
   }
   .mb-3 {
   margin-bottom: 1.5rem !important;
   }
   .actions {
   margin-top: -12px;
   padding-top: 38px;
   border-top: 1px solid #21252940;
   }
   .actions .submit-btn {
   float: right;
   }
   .mar-right-10{margin-right:10px;}
   .table-cls{    width: 50%; margin-bottom:24px;}

   /*----*/

    .entitylist {
            border: 0;
        }

    #filterDropdownId a.dropdown-toggle {
    border: 1px solid black;
    color: black;
}

.crmEntityFormView .cell {
    padding:0 0 28px 0 !important;
}

/* removed notification inline styles */

.p-20{padding:20px;}
   .application_title {
   padding-bottom: 0; 
   border-bottom: 0; 
   margin: 0 0 0;
   }
   .pull-right{float:right;}
   .pad-btm-20{    padding-bottom: 20px;}
   .btn-secondary{color:#1e3777; border-color:#1e3777;}
   .btn:hover {
   background-color: #1e3777;
   border-color: #1e3777;
   }
   .anchor{color:#1e3777; text-decoration:none !important;}
   .breadcrumb-container {
   font-size: 14px;
   color: #6c757d;
   }
   .breadcrumb-container .bi {
   font-size: 12px;
   vertical-align: middle;
   }
   .breadcrumb-container .active {
   font-weight: 700;   /* ✅ bold */
   }
   .breadcrumb{ font-size: 16px;
   color: #1e3777;
   padding: 8px 15px 15px 0;
   }
   .breadcrumb .active{
   color:#1e3777;
   }
   h2{ color:#1e3777; padding-bottom:20px;}
   a:hover, a:focus, .a:hover, .a:focus {
   color: #1e3777;
   }
   .card-desc{font-size:16px;}

   /*Removed inline styles from notification*/

   /*Removing  inline for Request Profile page */

   .actions .submit-btn {
    float: right;
}
.page-heading {
   /* padding-top: 84px;*/
}
.crmEntityFormView .cell {
    padding: 0 28px 20px 0;
}

.crmEntityFormView .cell .picklist label {
    float: none;
    font-weight: 400;
    padding-right: 20px;
}
/*Removed  inline for Request Profile page */


/* remove inline for notification of training HRW  */

.p-20{padding:20px;}
   .application_title {
   padding-bottom: 0; 
   border-bottom: 0; 
   margin: 0 0 0;
   }
   .pull-right{float:right;}
   .pad-btm-20{    padding-bottom: 20px;}
   .btn-secondary{color:#1e3777; border-color:#1e3777;}
   .btn:hover {
   background-color: #1e3777;
   border-color: #1e3777;
   }
   .anchor{color:#1e3777; text-decoration:none !important;}
   .breadcrumb-container {
   font-size: 14px;
   color: #6c757d;
   }
   .breadcrumb-container .bi {
   font-size: 12px;
   vertical-align: middle;
   }
   .breadcrumb-container .active {
   font-weight: 700;   
   }
   .breadcrumb{ font-size: 16px;
   color: #1e3777;
   padding: 8px 15px 15px 0;
   }
   .breadcrumb .active{
   color:#1e3777;
   }
   h2{ color:#1e3777; padding-bottom:20px;}
   a:hover, a:focus, .a:hover, .a:focus {
   color: #1e3777;
   }
   .card-desc{font-size:16px;}

/* removed inline for notification of training HRW  */


/* Responsive container and card sizing per design requirement
   - Below 1320px: .container-fluid and cards remain fluid (width: 100%)
   - Between 1320px and 1439.98px: container remains fluid up to 1320px
   - At viewports >= 1440px: lock .container-fluid to 1320px and center it
     so margins on left/right absorb remaining space while content stays centered.
*/

/* Ensure cards inside container-fluid don't overflow and are fluid by default */
.container-fluid .card {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Keep container-fluid fully fluid up to 1320px viewport width */
@media (max-width: 1319.98px) {
    .container-fluid {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 16px; /* keep existing small padding */
        padding-right: 16px;
    }
}

/* Between 1320px and 1439.98px keep content fluid but allow it to max at 1320px */
@media (min-width: 1320px) and (max-width: 1439.98px) {
    .container-fluid {
        width: 100% !important;
        max-width: 1320px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 24px;
        padding-right: 24px;
    }
}

/* At >=1440px lock container width to 1320px and center it; remaining space becomes margins */
@media (min-width: 1440px) {
    .container-fluid {
        width: 1320px !important;
        max-width: 1320px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 24px; /* preserve some inner padding */
        padding-right: 24px;
    }

    /* Ensure inner grid elements/cards respect the locked width and stay centered */
    .container-fluid .row {
        margin-left: 0;
        margin-right: 0;
    }
}

.alert-red{    color: #ae0505;}
.pull-left{float: left;}
.aler-txt{padding-top: 6px;
    padding-left: 16px;
    font-size: 18px;
color: #2e2e2e;}
.pad40{ padding-top: 40px;}
.txt-cls{font-size: 18px !important;}
.xrm-attribute-value{
   color: #1d428a !important;
}

.width100{width:100% !important}

div.progress{
    position: absolute;
    top: 124px;
    width: 66%;
}
.searchcls{float: right;
    position: relative;
    top: -39px;}
.inputwidth{width:91%;}

/* Mobile-only: apply full width and top margin on narrow screens */
@media (max-width: 575.98px) {
    .entitylist-search {
        width: 100%;
        margin-top: 20px;
    }

    .float-end {
 
    width: 100%;
    }

div.progress{
    
    width: 100%;
}

.inputwidth{width:71%;}

}