html{
    height: 100%;
}
body{
    display: flex;
    flex-direction: column;
    background-color: var(--color-bg);
    height: 100%;
}

.buttons-wrapper{
    display: flex;
}
#nationality form{
    width: 100% !important;
}

.navbar{
    display: flex;
    flex-direction: row;
    margin-right: 50px;
    background-color: var(--color-bg);
    min-height: 100px !important;
    max-height: 100px !important;
}
.navbar-brand{
    padding-left: 50px;
    background-color: var(--color-bg);
}
.navbar-menu{
    background-color: var(--color-bg);
}
.navbar-end{
    display: flex;
    flex-direction: row;
    margin-left: auto;
    margin-right: 0;
    padding-top:20px;
    background-color: var(--color-bg);
}
.navbar-end-left{
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 50px;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    padding-left: 15px;
    /*padding-right: 15px;*/
    background-color: white;
}
.navbar-messages{
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 22px;
    width: 44px;
    height: 44px;
    background-color: var(--color-brand);
    cursor: pointer;
    flex-shrink: 0;
}
.messages-badge{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right:240px;
    top:10px;
    background:red;
    text-align: center;
    border-radius: 30px 30px 30px 30px;
    color:white;
    padding:5px 10px;
    font-size:17px;
    height: 30px;
    width: 30px;
}
.navbar-end-right{
    display: flex;
    flex-direction: row;
    align-items: center;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    background-color: white;
    justify-content: center;
    width: 250px;
    height: 50px;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
}
.navbar-initials{
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 22px;
    width: 44px;
    height: 44px;
    margin-right:10px;
    background-color: var(--color-brand);
    cursor: pointer;
    flex-shrink: 0;
}
.navbar-user-label{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 17px;
    margin-right:10px;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.navbar-initials-label{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 17px;
    cursor: pointer;
}
.navbar-user-collapsible-icon{
    font-size: 24px !important;
}
.navbar-initials-collapsible{
    display: none;
    position: absolute;
    border-radius: 9px;
    background-color: white;
    width: 250px;
    top: 75px;
    padding:15px 25px 15px 25px;
}
.navbar-initials-collapsible-content{
    display: flex;
    flex-direction: column;
    flex-grow: 1
}
.navbar-initials-collapsible-content-row{
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
}
.navbar-initials-collapsible-content-row-image{
    width: 20px;
    height: 20px;
    margin-right: 25px;
}
.navbar-initials-collapsible-content-row-label{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 15px;
    cursor: pointer;
}
.brand-logo{
    max-height: 70px !important;
}
.sidebar{
    display: flex;
    flex-direction: column;
    width: 25vw;
    height: 100%;
    align-items: center;
    background-color: var(--color-bg);
}
.sidebar-content-row-collapsible-icon{
    margin-left: auto;
    margin-right: 0;
    font-size: 24px !important;
}
.sidebar-content{
    display: flex;
    flex-direction: column;
    margin-top: 25px;
    width: 70%;
    justify-content: center;
}

.sidebar-content-row{
    display: flex;
    flex-direction: row;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 25px;
    width: 100%;
    align-items: center;
    cursor: pointer;
}
.sidebar-content-row:hover{
    background-color: var(--color-brand);
}
.sidebar-content-row-collapsible{
    display: flex;
    flex-direction: row;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 25px;
    justify-content: center;
    width: 100%;
    align-items: center;
    cursor: pointer;
}

.sidebar-content-row-collapsible:hover{
    background-color: var(--color-brand);
}

.sidebar-content-row-image{
    width: 20px;
    height: 20px;
}

.sidebar-content-row-label{
    margin-left: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 20px;
    cursor: pointer;
}

.sidebar-content-row-collapsible-label{
    margin-bottom: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    cursor: pointer;
}

.sidebar-content-row-collapsible-content{
    display: none;
    overflow: hidden;
    flex-direction: column;
    margin-left:50px;
    cursor: pointer;
}

.content-apd{
    display: flex;
    flex-direction: row;
    margin-bottom: 0 !important;
    background-color: var(--color-bg);
}

.login{
    display: flex;
    flex-direction: column;
    /*height: 100%;*/
    width: 100vw;
}

.login-content{
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    /*height: 93%;*/
}

.login-footer{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 7%;
    background-color: var(--color-login-footer);
}

.login-content-left{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    width: 50%;
    background-color: white;
}

.login-form{
    display: flex;
    flex-direction: column;
    width: 50%;
}

.login-content-right{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: black;
    width: 50%;
}

.logo-small{
    margin-bottom: 25px;
    width: 200px;
}

.logo-big{
    max-width: 100%;
    padding: 50px;
}

.form-supplier{
    padding-top:50px;   
}
.form-label{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: var(--color-main-dark);
}

.form-input{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 17px;
    height: 50px;
    margin: 10px 0;
    border: 1.29px solid var(--color-border);
    border-radius: 4px;
}

.form-button{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 19px;
    height: 50px;
    color: black;
    background-color: var(--color-brand);
    border: 0;
    border-radius: 4px;
    margin-top: 25px
}

.form-button:last-child{
    margin-bottom: 25px
}

.login-title{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 28px;
    color: var(--color-main-dark);
    margin: 0;
}

.login-subtitle{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: var(--color-main-dark);
    margin: 10px 0 40px 0;
}

.form-a{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: var(--color-main-dark);
    margin-left: auto;
    margin-right: 0;
}

.footer-text{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: white;
}

.dashboard{
    display: flex;
    flex-direction: column;
    width: 75vw;
    height: 100%;
    margin-right: 50px;
    margin-left: 10px;
}
.dashboard-quotes{
    height: 40%;
    /*min-height: 350px;*/
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--color-bg);
}
.dashboard-label{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 15px;
}
.messages-label{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 15px;
}
.dashboard-quotes-content{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    background-color: white;
    border-radius: 20px;
    margin-bottom: 20px;
    flex-grow: 1;
}
.dashboard-quotes-content-label{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 42px;
    margin-left: 25px;
    width: 40%;
}
.dashboard-quotes-content-tiles{
    display: flex;
    width: 50%;
    flex-direction: row;
    justify-content: center;
    height: 100%;
    margin-left: auto;
    margin-right: 0;
}
.dashboard-quotes-content-tile{
    width: 36%;
    display: flex;
    flex-direction: column;
    margin: 25px;
    border-radius: 20px;
    cursor: pointer;
}
.quotes-tile-image{
    width: 20%;
    margin: 20px 20px 0px 20px;
}
.tile-grey{
    background-color: var(--color-bg-darker);
}
.tile-yellow{
    background-color: var(--color-brand);
}
.quotes-tile-labels{
    display: flex;
    flex-direction: column;
    margin-top: auto;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    cursor: pointer;
}
.quotes-tile-label{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 17px;
    cursor: pointer;
}
.quotes-tile-label-big{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 50px;
    cursor: pointer;
}
.label-black{
    color: black;
}
.label-white{
    color: white;
}
.dashboard-applications{
    height: 30%;
    min-height: 220px;
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--color-bg);
}
.dashboard-applications-content{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    border-radius: 20px;
    justify-content: space-between;
    flex-grow: 1;
    margin-bottom: 20px;
}
.dashboard-content-tile{
    display: flex;
    flex-direction: column;
    background-color: white;
    height: 100%;
    width: 15%;
    border-radius: 13.5px;
    cursor: pointer;
}
.dashboard-content-tile-labels{
    display: flex;
    flex-direction: column;
    margin: 10px;
    cursor: pointer;
}
.applications-tile-label-big{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 50px;
    cursor: pointer;
}
.applications-tile-label{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 17px;
    cursor: pointer;
}
.dashboard-content-tile-button{
    display: flex;
    justify-content: end;
    margin-top: auto;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
}
.content-tile-image{
    width: 20%;
}
.dashboard-documentations{
    height: 30%;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: var(--color-bg);
}
.dashboard-documentations-content{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    border-radius: 20px;
    justify-content: space-between;
    flex-grow: 1;
    margin-bottom: 20px;
}

.applications{
    display: flex;
    height: 100%;
    width: 100%;
    margin-right: 50px;
    margin-left: 10px;
    margin-bottom: 25px;
    background-color: var(--color-bg);
}

.applications-content-label{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 25px;
  margin-bottom: 15px;
}
.applications-content{
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    flex-grow: 1;
    background-color: var(--color-bg);
}

.applications-content-table{
    display: table;
    width: 100%;
    background-color: white;
    padding: 25px;
    border-radius: 20px;
    margin-top: 15px;
    border-spacing: 0px;
    border-collapse: inherit;
}

.applications-content-table thead th, .applications-content-table tbody td{
    text-align: center !important;
    vertical-align: middle !important;
    padding: 10px;
}

.applications-content-table td{
    border-bottom: 1px solid var(--color-border);
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: var(--color-neutral);
}

.applications-content-table td:last-child{
    cursor: pointer;
}

.applications-content-table th{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 18px;
    background-color: var(--color-brand);
    cursor: pointer;
}

.applications-content-table tr{
    height: 80px;
}

.applications-content-table tbody tr td:first-child{
    border-left:  1px solid var(--color-border);
}
.applications-content-table tbody tr td:last-child{
    border-right: 1px solid var(--color-border);
}

.applications-content-table thead tr th:first-child{
    border-top-left-radius: 20px;
}
.applications-content-table thead tr th:last-child{
    border-top-right-radius: 20px;
}

.applications-content-table tbody tr:last-child td:first-child{
    border-bottom-left-radius: 20px;
}
.applications-content-table tbody tr:last-child td:last-child{
    border-bottom-right-radius: 20px;
}

.applications-content-table-td-icon{
    font-size: 24px !important;
}


.quotes{
    display: flex;
    height: 100%;
    width: 100%;
    margin-right: 50px;
    margin-left: 10px;
    margin-bottom: 25px;
    background-color: var(--color-bg);
}

.quotes-content-label{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 25px;
  margin-bottom: 15px;
}
.quotes-content{
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    flex-grow: 1;
    background-color: var(--color-bg);
}

.quotes-content-table{
    width: 100%;
    background-color: white;
    padding: 25px;
    border-radius: 20px;
    margin-top: 15px;
    border-spacing: 0px;
    border-collapse: inherit;
}

.quotes-content-table thead th, .quotes-content-table tbody td{
    text-align: center !important;
    vertical-align: middle !important;
    padding: 10px;
}

.quotes-content-table td{
    border-bottom: 1px solid var(--color-border);
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: var(--color-neutral);
}

.quotes-content-table td:last-child{
    cursor: pointer;
}

.quotes-content-table th{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 18px;
    background-color: var(--color-brand);
    cursor: pointer;
}

.quotes-content-table tr{
    height: 80px;
}

.quotes-content-table tbody tr td:first-child{
    border-left:  1px solid var(--color-border);
}
.quotes-content-table tbody tr td:last-child{
    border-right: 1px solid var(--color-border);
}

.quotes-content-table thead tr th:first-child{
    border-top-left-radius: 20px;
}
.quotes-content-table thead tr th:last-child{
    border-top-right-radius: 20px;
}

.quotes-content-table tbody tr:last-child td:first-child{
    border-bottom-left-radius: 20px;
}
.quotes-content-table tbody tr:last-child td:last-child{
    border-bottom-right-radius: 20px;
}

.quotes-content-table-td-icon{
    font-size: 24px !important;
}

.quotes-content-actions{
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    margin-right: 50px;
}

.quotes-content-actions-form-input{
    border-radius: 9px;
    height: 45px;
    width: 250px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 17px;
    border: 1px solid var(--color-border);
    padding-left: 10px;
    padding-right: 10px;
}
.quotes-content-actions-form-label{
    display: none;
}

.quotes-content-actions-button{
    width: 250px;
    height: 45px;
    border-radius: 9px;
    background-color: var(--color-brand);
    margin-left:auto;
    margin-right:0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 17px;
}
.quotes-content-actions-button-icon{
    margin-right: 10px;
}

.applications-content-actions{
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    margin-right: 50px;
}

.applications-content-actions-form-input{
    border-radius: 9px;
    height: 45px;
    width: 250px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 17px;
    border: 1px solid var(--color-border);
    padding-left: 10px;
    padding-right: 10px;
}
.applications-content-actions-form-label{
    display: none;
}

.applications-content-actions-button-icon{
    margin-right: 7px;
}

.quote{
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    margin-left: 10px;
}

.quote-content{
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    margin-bottom: 50px;
}

.quote-content-actions{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

.quote-content-actions-label{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 22px;
}

.quote-content-actions-buttons{
    display: flex;
    flex-direction: row;
    margin-left: auto;
    margin-right: 50px;
    align-items: center;
}

.quote-content-actions-buttons-button{
    /*width: 250px;*/
    height: 45px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: var(--color-brand);
    border-radius: 9px;
    margin-left:25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 17px;
}

.quote-content-actions-buttons-button-image{
    width: 20px;
    // height: 20px;
    margin-right: 10px
}

.quote-content-form{
    margin-top: 25px;
    margin-right: 50px;
    display: flex;
    flex-direction: column;
    padding: 25px;
    background-color: white;
    border-radius: 20px;
}
.quote-content-form-header{
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-bottom: 25px;
    cursor: pointer;
}
.quote-content-form-header-label{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 24px;
    cursor: pointer;
}

.quote-content-form-header-icon{
    font-size: 24px !important;
    margin-left: auto;
    margin-right: 0;
    cursor: pointer;
}

.quote-content-form-data{
    display: flex;
    flex-direction: column;
}

.quote-content-form-data-row{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.quote-content-form-data-row-field{
    display: flex;
    flex-direction: column;
    width: 30%;
}
.quote-content-form-data-row-label{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 17px;
    color: var(--color-main-dark);
    width: 100%;
    margin-bottom: 10px;
}
.quote-content-form-data-row-input-label{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: var(--color-neutral);
    width: 100%;
    height: 50px;
    border: 1px solid var(--color-main-dark);
    border-radius: 1.3px;
    margin-bottom: 15px;
    padding-top: 13px;
    padding-left: 5px;
    background-color: var(--color-bg-darker);
}
.quote-content-form-data-row-input{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: var(--color-neutral);
    width: 100%;
    height: 50px;
    border: 1px solid var(--color-main-dark);
    border-radius: 1.3px;
    margin-bottom: 15px;
}



.application{
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    margin-left: 10px;
}

.application-content{
    display: flex;
    height: 100%;
    width: 100%;
    margin-bottom: 50px;
    flex-direction: column;
}

.application-content-actions{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

.application-content-actions-label{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 22px;
}

.application-content-actions-buttons{
    width: 75%;
    display: flex;
    flex-direction: row;
    margin-left: auto;
    margin-right: 50px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.application-content-actions-labels{
    width: 25%;
}

.application-content-actions-buttons-button{
    height: 45px;
    width: 125px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: var(--color-brand);
    border-radius: 9px;
    margin-left:25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
}

.application-content-actions-buttons-button-image{
    width: 15px;
    // height: 20px;
    margin-right: 5px
}
.application-content-actions-buttons-button p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.application-content-actions-buttons-button-icon{
    width: 20px;
    font-size: 24px !important;
    margin-right: 10px
}

.application-content-form{
    margin-top: 25px;
    margin-right: 50px;
    display: flex;
    flex-direction: column;
    padding: 25px;
    background-color: white;
    border-radius: 20px;
}

.application-content-form-header{
    display: flex;
    flex-direction: row;
    width: 100%;
    padding-bottom: 25px;
}

.application-content-form-header-tabs{
    display: flex;
    flex-direction: row;
}

.application-content-form-header-tabs-tab{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 20px;
    padding-left: 10px;
    padding-right: 10px;
    height: 45px;
    border-bottom: 3px solid var(--color-border)
}

.application-content-form-header-active-applicant-button, 
.application-content-form-header-active-asset-button,
.application-content-form-header-active-document-button{
    width: 250px;
    height: 45px;
    border-radius: 9px;
    background-color: var(--color-brand);
    margin-left: auto;
    margin-right: 0;
    display: none;
}

.application-content-actions-button-icon{
    margin-right: 10px;
}

/* COLLAPSIBLE EXPENDITURES, INCOMES, IDDOCUMENTS, EMPLOYMENT */
.expenditures-tab, .incomes-tab, .iddocuments-tab, .employment-tab{
    display: flex;
    flex-direction: column;
    border: 1px solid var(--color-border);
    border-radius: 15px;
    padding: 25px;
}
.applicant-tab-content-expenditures-collapsible, .applicant-tab-content-incomes-collapsible, .applicant-tab-content-iddocuments-collapsible, .applicant-tab-content-employment-collapsible {
    align-items: center;
    width: 100%;
}
.collapsible-header-expenditures, .collapsible-header-incomes, .collapsible-header-iddocuments, .collapsible-header-employment {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.expenditures-collapsible-label, .incomes-collapsible-label, .iddocuments-collapsible-label, .employment-collapsible-label {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 18px;
    cursor: pointer;
}
.expenditures-collapsible-icons, .incomes-collapsible-icons, .iddocuments-collapsible-icons, .employment-collapsible-icons{
    display: flex;
    flex-direction: row;
    margin-left:auto;
    margin-right: 0;
    font-size: 24px !important;
}
.expenditures-collapsible-icon, .incomes-collapsible-icon, .iddocuments-collapsible-icon, .employment-collapsible-icon,{
    font-size: 24px !important;
    cursor: pointer;
}
.expenditures-collapsible-icon-delete, .incomes-collapsible-icon-delete, .iddocuments-collapsible-icon-delete, .employment-collapsible-icon-delete{
    font-size: 24px !important;
    cursor: pointer;
    margin-right: 25px;
}
.collapsible-content-expenditures, .collapsible-content-incomes, .collapsible-content-iddocuments, .collapsible-content-employment {
    display: none;
}
.collapsible-separator-applicant-expenditures, .collapsible-separator-applicant-incomes, .collapsible-separator-applicant-iddocuments, .collapsible-separator-applicant-employment{

}
.collapsible-separator-applicant-expenditures:last-child, .collapsible-separator-applicant-incomes:last-child, .collapsible-separator-applicant-iddocuments:last-child, .collapsible-separator-applicant-employment:last-child{
    display: none;
}
.expenditures-add-new-btn, .incomes-add-new-btn, .iddocuments-add-new-btn, .employment-add-new-btn{
    border-radius: 9px;
    background-color: var(--color-brand);
    padding: 10px;
    font-size: 16px;
    order: 2;
    margin-left: auto;
    align-items: center;
}
/* <-- Expenditures */
.applicant-tab-content-expenditures-collapsible.open .collapsible-content-expenditures {
    display: block;
    padding-top: 25px;
}
.applicant-tab-content-expenditures-collapsible.open .toggle-icon {
    transform: rotate(180deg);
    font-size: 24px;
}
.applicants-tab-content-form-data.expenditures-form{
    flex-direction: column;
    align-items: flex-start;
}
/* <-- Incomes */
.applicant-tab-content-incomes-collapsible.open .collapsible-content-incomes {
    display: block;
    padding-top: 25px;
}
.applicant-tab-content-incomes-collapsible.open .toggle-icon {
    transform: rotate(180deg);
    font-size: 24px;
}
.applicants-tab-content-form-data.incomes-form{
    flex-direction: column;
    align-items: flex-start;
}
/* <-- ID Documents */
.applicant-tab-content-iddocuments-collapsible.open .collapsible-content-iddocuments {
    display: block;
    padding-top: 25px;
}
.applicant-tab-content-iddocuments-collapsible.open .toggle-icon {
    transform: rotate(180deg);
    font-size: 24px;
}
.applicants-tab-content-form-data.iddocuments-form{
    flex-direction: column;
    align-items: flex-start;
}
/* <-- Employment */
.applicant-tab-content-employment-collapsible.open .collapsible-content-employment {
    display: block;
    padding-top: 25px;
}
.applicant-tab-content-employment-collapsible.open .toggle-icon {
    transform: rotate(180deg);
    font-size: 24px;
}
/* <-- COLLAPSIBLE END */


.tab-content{
    height: 100%;
    width: 100%;
    padding-top: 25px;
}

.active-tab{
    border-bottom: 3px solid var(--color-brand) !important;
}
.applicants-tab{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.applicants-tab-content{
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 20px;
    border-bottom: 1px solid var(--color-border);
    margin-bottom: 25px;
}
.applicants-tab-content-label{
    display: flex;
    align-items: center;
    height: 80px;
    width: 100%;
    background-color: var(--color-brand);
    padding-left: 25px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.applicants-tab-content-label label{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 18px;
}
.applicants-tab-content-collapsible{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 25px;
    border-left: 1px solid var(--color-border);
    border-right: 1px solid var(--color-border);
}
.applicants-tab-content-collapsible:last-child{
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-left: 1px solid var(--color-border);
    border-right: 1px solid var(--color-border);
}
.applicants-tab-content-collapsible-labels{
    display: flex;
    flex-direction: column;
}
.applicants-tab-content-collapsible-icons{
    display: flex;
    flex-direction: row;
    margin-left:auto;
    margin-right: 0;
}

.applicants-tab-content-collapsible-labels-main{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 18px;
}
.applicants-tab-content-collapsible-labels-secondary{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: var(--color-neutral);
}
.applicants-tab-content-collapsible-icon{
    font-size: 24px !important;
    cursor: pointer;
}
.applicants-tab-content-collapsible-icon-delete{
    margin-right: 25px;
    font-size: 24px !important;
    cursor: pointer;
}

.collapsible-content-applicant{
    display: none;
}
.collapsible-header-applicant, .collapsible-separator-applicant{
    padding-bottom: 0px;
}

.applicants-tab-content-form-data{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.applicants-tab-content-form-data-field{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 45%;
}

.applicants-tab-relation-form-data-field{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 65%;
}

.applicants-tab-content-form-data-field-label{
    width:40%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: var(--color-main-dark);
    margin-bottom: 10px;
}
.applicants-tab-content-form-data-field-input{
    width:100%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: var(--color-neutral);
    height: 50px;
    border: 1px solid var(--color-main-dark);
    border-radius: 1.3px;
    margin-bottom: 15px;
}
.applicants-tab-content-collapsible-separator{
    width: 100%;
    display: block;
    margin-bottom:0;
    margin-top:0;
}

.applicant-checkbox{
    height: 25px !important;
}

.assets-tab{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.assets-tab-content{
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 20px;
    border-bottom: 1px solid var(--color-border);
}
.assets-tab-content-label{
    display: flex;
    align-items: center;
    height: 80px;
    width: 100%;
    background-color: var(--color-brand);
    padding-left: 25px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.assets-tab-content-label label{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 18px;
}
.assets-tab-content-collapsible{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 25px;
    border-left: 1px solid var(--color-border);
    border-right: 1px solid var(--color-border);
}
.assets-tab-content-collapsible:last-child{
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-left: 1px solid var(--color-border);
    border-right: 1px solid var(--color-border);
}
.assets-tab-content-collapsible-labels{
    display: flex;
    flex-direction: column;
}
.assets-tab-content-collapsible-icons{
    display: flex;
    flex-direction: row;
    margin-left:auto;
    margin-right: 0;
}
.assets-tab-content-collapsible-labels-main{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 18px;
}
.assets-tab-content-collapsible-labels-secondary{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: var(--color-neutral);
}
.assets-tab-content-collapsible-icon{
    font-size: 24px !important;
    cursor: pointer;
}
.assets-tab-content-collapsible-icon-delete{
    margin-right: 25px;
    font-size: 24px !important;
    cursor: pointer;
}

.collapsible-content-asset{
    display: none;
}
.collapsible-header-asset, .collapsible-separator-asset{
    padding-bottom: 0px;
}

.assets-tab-content-form-data{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.assets-tab-content-form-data-field{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 45%;
}
.assets-tab-content-form-data-field-label{
    width:40%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: var(--color-main-dark);
    margin-bottom: 10px;
}
.assets-tab-content-form-data-field-inputs{
    width: 70%;
    min-width: 70%;
}

.assets-tab-content-form-data-field-input{
    width:50%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: var(--color-neutral);
    height: 50px;
    border: 1px solid var(--color-main-dark);
    border-radius: 1.3px;
    margin-bottom: 15px;
}
.assets-tab-content-collapsible-separator{
    width: 100%;
    display: block;
    margin-bottom:0;
    margin-top:0;
}
.supplier-tab{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.supplier-tab-content{
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 20px;
    border-bottom: 1px solid var(--color-border);
    border-top: 1px solid var(--color-border);
}
.supplier-tab-content-data{
    width: 100%;
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    padding: 25px;
    border-left: 1px solid var(--color-border);
    border-right: 1px solid var(--color-border);
    border-radius: 20px;
}
.supplier-tab-content-form-data{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.supplier-tab-content-form-data-field{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 45%;
}
.supplier-tab-content-form-data-field-label{
    width:40%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: var(--color-main-dark);
    margin-bottom: 10px;
}
.supplier-tab-content-form-data-field-input{
    width:50%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: var(--color-neutral);
    height: 50px;
    border: 1px solid var(--color-main-dark);
    border-radius: 1.3px;
    margin-bottom: 15px;
}
.bankdetails-tab{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.bankdetails-tab-content{
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 20px;
    border-bottom: 1px solid var(--color-border);
    border-top: 1px solid var(--color-border);
}
.bankdetails-tab-content-data{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 25px;
    border-left: 1px solid var(--color-border);
    border-right: 1px solid var(--color-border);
    border-radius: 20px;
}
.bankdetails-tab-content-form-data{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.bankdetails-tab-content-form-data-field{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 45%;
}
.bankdetails-tab-content-form-data-field-label{
    width:40%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: var(--color-main-dark);
    margin-bottom: 10px;
}
.bankdetails-tab-content-form-data-field-input{
    width:50%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: var(--color-neutral);
    height: 50px;
    border: 1px solid var(--color-main-dark);
    border-radius: 1.3px;
    margin-bottom: 15px;
}
.financing-tab{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.financing-tab-content{
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 20px;
    border-bottom: 1px solid var(--color-border);
    border-top: 1px solid var(--color-border);
}
.financing-tab-content-data{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px;
    border-left: 1px solid var(--color-border);
    border-right: 1px solid var(--color-border);
    border-radius: 20px;
}
.financing-tab-content-form-data{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.financing-tab-content-form-data-field{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 45%;
}
.financing-tab-content-form-data-field-label{
    width:40%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: var(--color-main-dark);
    margin-bottom: 10px;
}
.financing-tab-content-form-data-field-input{
    width:50%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: var(--color-neutral);
    height: 50px;
    border: 1px solid var(--color-main-dark);
    border-radius: 1.3px;
    margin-bottom: 15px;
}
.financing-tab-content-form-data-field-input-label{
    width:100%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: var(--color-neutral);
    height: 50px;
    border: 1px solid var(--color-main-dark);
    border-radius: 1.3px;
    margin-bottom: 15px;
    padding-top: 13px;
    padding-left: 5px;
    background-color: var(--color-bg-darker);
}

.general-tab{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.form-general{
    width: 100%;
}
.general-tab-content{
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 20px;
    border-bottom: 1px solid var(--color-border);
    border-top: 1px solid var(--color-border);
}
.general-tab-content-data{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px;
    border-left: 1px solid var(--color-border);
    border-right: 1px solid var(--color-border);
    border-radius: 20px;
}
.general-tab-content-form-data{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.general-tab-content-form-data-field{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 45%;
}
.general-tab-content-form-data-field-label{
    width:40%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: var(--color-main-dark);
    margin-bottom: 10px;
}
.general-tab-content-form-data-field-input{
    width:50%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: var(--color-neutral);
    height: 50px;
    border: 1px solid var(--color-main-dark);
    border-radius: 1.3px;
    margin-bottom: 15px;
}
.general-tab-content-form-data-field-input-label{
    width:100%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: var(--color-neutral);
    height: 50px;
    border: 1px solid var(--color-main-dark);
    border-radius: 1.3px;
    margin-bottom: 15px;
    padding-top: 13px;
    padding-left: 5px;
    background-color: var(--color-bg-darker);
}

.documents-tab{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.documents-tab-content{
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 20px;
    border-bottom: 1px solid var(--color-border);
}
.documents-tab-content-label{
    display: flex;
    align-items: center;
    height: 80px;
    width: 100%;
    background-color: var(--color-brand);
    padding-left: 25px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.documents-tab-content-label label{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 18px;
    padding-right: 50px;
    width: 20%;
}

.documents-description-label{
    width: 60%;
}
.documents-tab-content-row{
    display: flex;
    align-items: center;
    height: 80px;
    width: 100%;
    padding-left: 25px;
    border-left: 1px solid var(--color-border);
    border-right: 1px solid var(--color-border);
}
.documents-tab-content-row-separator{
    width: 100%;
    border-left: 1px solid var(--color-border);
    border-right: 1px solid var(--color-border);
    padding-left: 25px;
    padding-right: 25px;
}
.documents-tab-content-row-separator hr{
    margin-top: 0;
    margin-bottom: 0;
}
.documents-tab-content-row:last-child{
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-left: 1px solid var(--color-border);
    border-right: 1px solid var(--color-border);
}
.documents-tab-content-row-label{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 18px;
    padding-right: 50px;
    width: 20%;
}
.documents-tab-content-row-label-description{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 18px;
    padding-right: 50px;
    width: 60%;
}

.collapsible-content-document{
    display: none;
}
.collapsible-header-document, .collapsible-separator-document{
    padding-bottom: 0px;
}

.documents-tab-content-form-data{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.documents-tab-content-form-data-field{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 45%;
}
.documents-tab-content-form-data-field-label{
    width:40%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: var(--color-main-dark);
    margin-bottom: 10px;
}
.documents-tab-content-form-data-field-input{
    width:50%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: var(--color-neutral);
    height: 50px;
    border: 1px solid var(--color-main-dark);
    border-radius: 1.3px;
    margin-bottom: 15px;
}
.documents-tab-content-collapsible-separator{
    width: 100%;
    display: block;
    margin-bottom:0;
    margin-top:0;
}
.documents-hide{
    display: none;
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}
.documents-tab-content-collapsible-icon-delete{
    margin-right: 25px;
    margin-left: auto;
    font-size: 24px !important;
    cursor: pointer;
}

.select2-selection__arrow{
    top: 10px !important;
}
.select2-selection__rendered{
    padding-top: 10px !important;
    padding-left: 0px !important;
}
.select2-selection--single{
    height: 50px !important;
    margin-bottom: 15px !important;
    border: 1px solid var(--color-main-dark) !important;
    border-radius: 1.3px !important;
}

.select2-dropdown--below{
    margin-top: -15px !important;
}

.select2-container{
    width: 100% !important;
    max-width: 100% !important;
}

.loader-wrapper {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.4);
}
.loader-apd {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 48px;
    height: 48px;
    border: 5px solid var(--white);
    border-bottom-color: var(--color-brand);
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}


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

.document-upload-modal {
    display: none; 
    position: fixed; 
    z-index: 10000; 
    padding-top: 200px; 
    border-radius: 20px;
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgba(0, 0, 0, 0.4); 
}

.document-upload-modal-content-wrapper {
    display: flex;
    background-color: var(--color-bg-light);
    margin: auto;
    border: 1px solid var(--color-border-dark);
    width: 30%;
    border-radius: 20px;
}

.document-upload-modal-content {
    display: flex;
    flex-direction: column;
    margin: 25px;
    width: 100%;
    border-radius: 20px;
    border: 1px dashed var(--color-border);
}

.document-upload-modal-content-header{
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    margin-bottom: 25px;
    padding-right: 25px;
    padding-left: 25px;
}

.document-upload-modal-content-main{
    height: 100%;
    width: 100%;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    padding-right: 25px;
    padding-left: 25px;
}

.document-upload-modal-close {
  color: grey;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 5px;
}

.document-upload-modal-close:hover,
.document-upload-modal-close:focus {
  color: var(--black);
  text-decoration: none;
  cursor: pointer;
}

.document-upload-modal-content-main-image{
    width: 100px;
    margin-bottom: 25px;
}
.document-upload-modal-content-main-label-big{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 25px;
}
.document-upload-modal-content-main-label-small{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: var(--color-neutral);
    margin-bottom: 25px;
}
.document-upload-modal-content-main-button{
    height: 45px;
    border-radius: 9px;
    background-color: var(--color-brand);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
    margin-left: 10px;
}
input[type="file"]{
    display: none;
}
.drag-over {
    background-color: var(--color-bg-light);
}
.document-upload-modal-selected-file{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: var(--color-neutral);
    margin-bottom: 25px;
}

.document-upload-modal-content-main-wrapper{
    display: flex;
    flex-direction: row;
}

.disabled{
    background-color: #d4d4d4 !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single{
    background-color: #d4d4d4 !important;
}

.confirm-modal {
  display: none; 
  position: fixed; 
  z-index: 10000; 
  padding-top: 200px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgba(0, 0, 0, 0.4);
}

.confirm-modal-content {
    display: flex;
    flex-direction: column;
    background-color: var(--color-bg-light);
    margin: auto;
    padding: 20px;
    border: 1px solid var(--color-border);
    width: 30%;
}

.confirm-modal-header{
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
    padding-right: 25px;
    padding-left: 25px;
    background-color: eee;
}
.confirm-modal-header-label{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 25px;
}
.confirm-modal-close {
    color: grey;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 5px;
}
.confirm-modal-close:hover,
.confirm-modal-close:focus {
    color: var(--black);
    text-decoration: none;
    cursor: pointer;
}
.confirm-modal-content-main{
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    margin-bottom: 25px;
}
.confirm-modal-content-main-label{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 18px;
}
.confirm-modal-content-buttons{
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
}
.confirm-modal-content-buttons-button{
    height: 45px;
    border-radius: 9px;
    background-color: var(--color-brand);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding-left: 25px;
    padding-right: 25px;
    margin-left: 10px;
}

.confirm-modal-sent {
  display: none; 
  position: fixed; 
  z-index: 10000; 
  padding-top: 200px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgba(0, 0, 0, 0.4);
}

.confirm-modal-sent-content {
    display: flex;
    flex-direction: column;
    background-color: var(--color-bg-light);
    margin: auto;
    padding: 20px;
    border: 1px solid var(--color-border);
    width: 30%;
}

.confirm-modal-sent-header{
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
    padding-right: 25px;
    padding-left: 25px;
    background-color: eee;
}
.confirm-modal-sent-header-label{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 25px;
}
.confirm-modal-sent-close {
    color: grey;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-right: 0;
    margin-left: auto;
}
.confirm-modal-sent-close:hover,
.confirm-modal-sent-close:focus {
    color: var(--black);
    text-decoration: none;
    cursor: pointer;
}
.confirm-modal-sent-content-main{
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    margin-bottom: 25px;
}
.confirm-modal-sent-content-main-label{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 18px;
}
.confirm-modal-sent-content-buttons{
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
}
.confirm-modal-sent-content-buttons-button{
    height: 45px;
    border-radius: 9px;
    background-color: var(--color-brand);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding-left: 25px;
    padding-right: 25px;
    margin-left: 10px;
}

.readonly{
    background-color: #d4d4d4 !important;
    color: #333333 !important;
}
.hidden{
    display: none !important;
}
.form-schedule-contract{
    width: 100%;
}

.applicants-tab-content-collapsible-content{
    display: flex;
    flex-direction: column;
    width: 100%;
}

.applicants-tab-content-collapsible-tabs{
    display: flex;
    flex-direction: row;
    padding-bottom: 25px;
}

.applicants-tab-content-collapsible-tabs-tab{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 18px;
    padding-left: 25px;
    padding-right: 25px;
    height: 45px;
    border-bottom: 3px solid var(--color-border);
    
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 10px;
    gap: 10px;
}

.conditions-tab{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.conditions-tab-content{
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 20px;
    border-bottom: 1px solid var(--color-border);
}
.conditions-tab-content-label{
    display: flex;
    align-items: center;
    height: 80px;
    width: 100%;
    background-color: var(--color-brand);
    padding-left: 25px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.conditions-tab-content-label label{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 18px;
    padding-right: 50px;
    width: 10%;
}
.conditions-tab-content-label label:last-child{
    width: 20%;
}
.conditions-tab-content-label-condition{
    width: 50% !important;
}
.conditions-tab-content-row{
    display: flex;
    align-items: center;
    height: 80px;
    width: 100%;
    padding-left: 25px;
    border-left: 1px solid var(--color-border);
    border-right: 1px solid var(--color-border);
}
.conditions-tab-content-row-separator{
    width: 100%;
    border-left: 1px solid var(--color-border);
    border-right: 1px solid var(--color-border);
    padding-left: 25px;
    padding-right: 25px;
}
.conditions-tab-content-row-separator hr{
    margin-top: 0;
    margin-bottom: 0;
}
.conditions-tab-content-row:last-child{
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-left: 1px solid var(--color-border);
    border-right: 1px solid var(--color-border);
}
.conditions-tab-content-row label{
    width: 10%;
}
.conditions-tab-content-row label:last-child{
    width: 20%;
}
.conditions-tab-content-row-label-condition{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 18px;
    padding-right: 50px;
    width: 50% !important;
}

.collapsible-content-condition{
    display: none;
}
.collapsible-header-condition, .collapsible-separator-condition{
    padding-bottom: 0px;
}

.conditions-tab-content-form-data{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.conditions-tab-content-form-data-field{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 45%;
}
.conditions-tab-content-form-data-field-label{
    width:40%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: var(--color-main-dark);
    margin-bottom: 10px;
}
.conditions-tab-content-form-data-field-input{
    width:50%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: var(--color-neutral);
    height: 50px;
    border: 1px solid var(--color-main-dark);
    border-radius: 1.3px;
    margin-bottom: 15px;
}
.conditions-tab-content-collapsible-separator{
    width: 100%;
    display: block;
    margin-bottom:0;
    margin-top:0;
}
.conditions-hide{
    display: none;
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}
.conditions-tab-content-collapsible-icon-delete{
    margin-right: 25px;
    margin-left: auto;
    font-size: 24px !important;
    cursor: pointer;
}
.application-cards-mobile{
    display: none;
}
.quotes-cards-mobile{
    display: none;
}
.navbar-mobile{
    display: none;
}
.menu-toggle{
    display: none;
}
.mobile-menu{
    display: none;
}

/*  MODAL */
.quote-modal {
  display: none; 
  position: fixed; 
  z-index: 10000; 
  padding-top: 150px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgba(0, 0, 0, 0.4); 
}

.quote-modal-content {
  background-color: var(--color-bg-light);
  margin: auto;
  border: 1px solid var(--color-border-dark);
  border-radius: 10px;
  width: 30%;
  padding: 10px 25px 25px 25px;
}

.quote-modal-header{
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    padding-right: 25px;
    padding-left: 25px;
    margin-bottom: 0;
    justify-content: center;
}
.quote-modal-header-label{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: var(--black);
}
.quote-modal-close {
  color: var(--black);
  float: right;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 0px;
}
.quote-modal-close:hover,
.quote-modal-close:focus {
  color: var(--black);
  text-decoration: none;
  cursor: pointer;
}
.quote-modal-content-validate-result{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.quote-modal-showall {
    width: 100%;
    padding: 8px;
    border-radius: 6px;
    background: var(--color-brand);
    color: #404654;
    cursor: pointer;
    /*margin-bottom: 15px;*/
}
.quote-modal-errors-count{
    font-weight: 600;
    text-align: center;
}
.quote-modal-error-wrapper{
    max-height: 40vh;
    overflow-y: auto;
}
.quote-modal-error-wrapper table {
    border-collapse: collapse; 
    border: none;             
}
.quote-modal-error-wrapper table td,
.quote-modal-error-wrapper table th {
    border: none; 
}
.quote-modal-error-wrapper table th {
    font-weight: normal;
    font-size: 16px;
}
.quote-modal-error-wrapper table td:first-child {
    padding-right: 0px;
    padding-left: 0;
    vertical-align: middle;
    font-size: 16px;
    line-height: 16px;
}
.quote-error-hidden {
    display: none;
}

/* PRINT APPLICANT MODAL */
.print-application-modal{
    display: none; 
    position: fixed; 
    z-index: 10000; 
    padding-top: 150px; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgba(0, 0, 0, 0.4); 
}
.print-application-modal-content {
  background-color: var(--color-bg-light);
  margin: auto;
  border: 1px solid var(--color-border-dark);
  border-radius: 10px;
  width: 70%;
  height: 85%;
  padding: 20px 25px 25px 25px;
}
.print-application-modal-close {
  color: var(--black);
  float: right;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 0px;
}
.print-application-modal-close:hover,
.print-application-modal-close:focus {
  color: var(--black);
  text-decoration: none;
  cursor: pointer;
}
.print-application-modal-content-table{
    height: 100%;
    overflow-y: auto;
    padding-right: 15px;
}
.print-application-modal-content-table-icon{
    font-size: 20px !important;
    z-index: 2;
}
.print-application-modal-content-table-icon.rotate {
    transform: rotate(180deg);
}
.print-application-table{
    table-layout: fixed;
    width: 100%;
    margin-top: 25px;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid var(--color-border);
    border-radius: 10px;
    overflow: hidden;
}

.print-application-table th, td, tr{
    height: 50px;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 15px;
    vertical-align: middle;
}
.print-application-table th{
    background-color: var(--color-brand);
    border-bottom: 1px solid var(--color-border);
    font-size: 14px;
}
.print-application-table thead th {
    position: sticky;
    top: 0;
    background: var(--color-brand);
    z-index: 2;
}
.print-application-table thead tr th:nth-child(1){
    border-top-left-radius: 10px;
}
.print-application-table thead tr th:nth-child(2){
    border-top-right-radius: 10px;
}
.print-application-table thead tr th:nth-child(1),
.print-application-table tbody tr td:nth-child(1) {
    width: 65%;
}
.print-application-table thead tr th:nth-child(2),
.print-application-table tbody tr td:nth-child(2) {
    width: 35%;
}

.print-application tbody tr td{
    vertical-align: middle !important;
    border-bottom: 1px solid var(--color-border);
    font-weight: 500;
    font-size: 14px;
}

.th-center{
    text-align: center !important;
}

.print-application-checkbox{
    margin-top: 5px;
    height: 20px;
    width: 100%;
}
.print-application-documents{
    height: 45px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: var(--color-brand);
    border-radius: 9px;
    margin-left: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 17px;
}
.print-application-actions{
    display: flex;
    justify-content: end;
    padding-top: 20px;
}

/*  MESSAGES ERROR MODAL */
.messages-error-modal {
  display: none; 
  position: fixed; 
  z-index: 10000; 
  padding-top: 150px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgba(0, 0, 0, 0.4); 
}

.messages-error-modal-content {
  background-color: var(--color-bg-light);
  margin: auto;
  border: 1px solid var(--color-border-dark);
  border-radius: 10px;
  width: 30%;
  padding: 10px 25px 25px 25px;
}

.messages-error-modal-header{
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    padding-right: 25px;
    padding-left: 25px;
    margin-bottom: 0;
    justify-content: center;
}
.messages-error-modal-header-label{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: var(--black);
}
.messages-error-modal-close {
  color: var(--black);
  float: right;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 0px;
}
.messages-error-modal-close:hover,
.messages-error-modal-close:focus {
  color: var(--black);
  text-decoration: none;
  cursor: pointer;
}
.messages-error-modal-error i{
    color: red;
}


.messages-modal{
    display: none; 
    position: fixed; 
    z-index: 10000; 
    padding-top: 150px; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgba(0, 0, 0, 0.4); 
}
.messages{
    display: flex;
    flex-direction: column;
    width: 75vw;
    height: 100%;
    margin-right: 50px;
    margin-left: 10px;
}
.messages-modal-content {
  background-color: var(--color-bg-light);
  margin: auto;
  border: 1px solid var(--color-border-dark);
  border-radius: 10px;
  width: 70%;
  height: 85%;
  padding: 20px 25px 25px 25px;
}
.messages-content {
  background-color: var(--color-bg-light);
  margin: auto;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  padding: 20px 25px 25px 25px;
}
#messages{
    display: flex;
    flex-direction: column;
}
.messages-unread-messages{
    width: 30px;
    height: 30px;
    min-height: 30px;
    display: flex;
    align-self: flex-start;
    font-size: 12px;
    font-weight: 600;
    background: #ffffff;
    border-radius: 50%;
    border: 1px solid var(--color-border);
    padding: 3px;
    margin-bottom: -6px;
    z-index: 100;
    justify-content: center;
    align-items: center;
    position: absolute;
    margin-bottom: 35px;
    margin-left: -5px;
}
.messages-unread-messages p{
    margin: 0;
    padding: 0;
}

.messages-wrapper{
    display: flex;
    flex-direction: row;
}

#messagesContent, #sentMessagesContent{
    max-height: calc(100% - 70px);
    overflow-y: auto;
    padding-right: 20px;
}

.messages-modal-close {
  color: var(--black);
  float: right;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 0px;
}
.messages-modal-close:hover,
.messages-modal-close:focus {
  color: var(--black);
  text-decoration: none;
  cursor: pointer;
}
.messages-modal-header-tabs{
 display: flex;
 flex-direction: row;
 align-items: end;
}
.messages-modal-header-tabs-tab{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 18px;
    padding-left: 25px;
    padding-right: 25px;
    height: 45px;
    /*border-bottom: 3px solid var(--color-border)*/
}
.messages-modal-header-tabs-tab:hover{
    font-weight: 600;
}
.messages-modal-header-tabs-tab.active-tab{
  font-weight: 600;  
}

.messages-close {
  color: var(--black);
  float: right;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 0px;
}
.messages-close:hover,
.messages-close:focus {
  color: var(--black);
  text-decoration: none;
  cursor: pointer;
}
.messages-header-tabs{
 display: flex;
 flex-direction: row;
 align-items: end;
}
.messages-header-tabs-tab{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 18px;
    padding-left: 25px;
    padding-right: 25px;
    height: 45px;
    /*border-bottom: 3px solid var(--color-border)*/
}
.messages-header-tabs-tab:hover{
    font-weight: 600;
}
.messages-header-tabs-tab.active-tab{
  font-weight: 600;  
}
#readMessageTab{
    /*display: none;*/
}
#newMessageTab{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    background-color: var(--color-brand);
    border: 0;
    border-radius: 9px;
    margin-top: 25px;
    display: flex;
    align-items: center;
    margin-left: auto;
}
.messages-table{
    table-layout: fixed;
    width: 100%;
    margin-top: 25px;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid var(--color-border);
    border-radius: 10px;
    overflow: hidden;
}

.messages-table th, td, tr{
    height: 50px;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 15px;
    vertical-align: middle !important;
}
.messages-table th{
    background-color: var(--color-brand);
    border-bottom: 1px solid var(--color-border);
    font-size: 14px;
}
.messages-table thead th {
    position: sticky;
    top: 0;
    background: var(--color-brand);
    z-index: 2;
}
.messages-table thead tr th:nth-child(1),
.messages-table tbody tr td:nth-child(1) {
    width: 65%;
}
.messages-table thead tr th:nth-child(2),
.messages-table tbody tr td:nth-child(2) {
    width: 20%;
}
.messages-table thead tr th:nth-child(3),
.messages-table tbody tr td:nth-child(3) {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    display: none;
}
.messages-table thead tr th:nth-child(4),
.messages-table tbody tr td:nth-child(4) {
    width: 15%;
}
.messages-table thead tr th:nth-child(5),
.messages-table tbody tr td:nth-child(5) {
    padding-right: 15px;
    width: 5%;
}

/*.edit-status-hidden {*/
/*    display: none;*/
/*}*/

.messages-table td{
    vertical-align: middle;
    border-bottom: 1px solid var(--color-border);
    font-weight: 500;
    font-size: 14px;
}
.messages-table td:last-child{
    font-weight: 400;
}
.message-row-details {
    display: none;
}
/*.message-row-details td {*/
/*    white-space: normal !important;*/
/*    word-break: break-word !important;*/
/*    overflow-wrap: break-word !important;*/
/*}*/
.messages-table-collapse-btn.rotate i {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}
.main-message-row.open td {
    border-bottom: none !important;
}
.message-row-details.open td {
    border-top: none !important;
    color: #000000;
    padding: 15px;
}
.messages-table-collapse-btn{
    z-index: 1;
}
.messages-modal-content-table{
    height: 100%;
}
.messages-modal-content-table-icon{
    font-size: 20px !important;
    z-index: 2;
}
.messages-modal-content-table-icon.rotate {
    transform: rotate(180deg);
}
.messages-modal-status-cell {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.messages-modal-status-text {
    font-size: 16px;
    font-weight: 500;
}
.messages-modal-status-checkbox{
    width: 20px;
    height: 20px;
    margin: 0;
    /*accent-color: var(--color-brand);*/
    /*accent-color: #ffffff;*/
}
.messages-modal-unread-row{
    background-color: var(--color-bg-darker);
}

.messages-modal .applicants-tab-content-form-data-field-input {
    width: 0;
    /*width: 80px;*/
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 14px;
    height: 40px;
    border: unset;
    border-radius: 1.3px;
    margin: 0;
    color: #000000;
    background-color: unset;
}

.messages-content-table{
    height: 100%;
}
.messages-content-table-icon{
    font-size: 20px !important;
    z-index: 2;
}
.messages-content-table-icon.rotate {
    transform: rotate(180deg);
}
.messages-status-cell {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.messages-status-text {
    font-size: 16px;
    font-weight: 500;
}
.messages-status-checkbox{
    width: 20px;
    height: 20px;
    margin: 0;
    /*accent-color: var(--color-brand);*/
    /*accent-color: #ffffff;*/
}
.messages-unread-row{
    background-color: var(--color-bg-darker);
}

.messages .applicants-tab-content-form-data-field-input {
    width: 0;
    /*width: 80px;*/
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 14px;
    height: 40px;
    border: unset;
    border-radius: 1.3px;
    margin: 0;
    color: #000000;
    background-color: unset;
}
#newMessageContent{
    width: 100%;
    height: 100%;
}
.new-message-form{
    width: 100%;
    height: 100%;
    max-height: calc(100% - 25px - 45px);
    min-height: calc(100% - 25px - 45px);
    overflow-y: auto;
    background: var(--color-bg);
    border-radius: 15px;
    padding: 25px;
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.new-message-form-group{
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}
.new-message-form-group.message-form-group{
    height: 80%;
}

.new-message-btn{
    height: 45px;
    width: 200px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: var(--color-brand);
    border-radius: 9px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
}
.new-message-btn:hover{
    background-color: #f9b239;
}
.new-message-btn.cancel{
    background-color: #e5e5e5;
}
.new-message-btn.cancel:hover{
    background-color: #dcdcdc;
}
.new-message-form-input{
    width: 100% !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    height: 40px !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 5px !important;
    margin: 0 !important;
    color: #000000 !important;
    background-color: #ffffff !important;
    padding-left: 5px !important;
}

.new-message-form-input.messageBody{
    padding-top: 5px !important;
    flex-grow: 1;
}

.new-message-form-label{
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
}
.new-message-button-wrapper{
    display: flex;
    gap: 25px;
}


/*  APD ERROR DIALOG */
.apd-error-dialog {
    border: none;
    border-radius: 10px;
    padding: 10px 25px 25px 25px;
    width: 30%;
}
.apd-error-close {
  color: var(--black);
  float: right;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 0px;
}
.apd-error-header{
    margin-bottom: 0;
    text-align: center;
    padding-top: 25px;
}
.apd-error-header-label{
    font-weight: 600;
    font-size: 25px;
}
.apd-error-content{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 25px;
    padding: 25px 0;
}
.apd-error-content i{
    color: red;
    line-height: 20px;
    font-size: 20px;
}
.apd-error-content p{
    line-height: 20px;
    font-size: 18px;
}
.apd-error-btn{
    width: 100%;
    padding: 8px;
    border-radius: 6px;
    background: var(--color-brand);
    color: #404654;
    cursor: pointer;
}

.documents-tab-content-row-label .applicants-tab-content-form-data-field-input{
    margin-bottom: 1px;
}

.navbar-messages-img{
    width: 20px;
}
 







/* Mobile Styles */
@media (max-width: 768px) {
    
    .sidebar{
        display: none;
    }

/*LOGIN PAGE --> */
    .login-form{
        width: 100%;
        padding: 0 30px;
    }
    .login-content-right{
        display: none;
    }
    .logo-small{
        width: 160px;
    }
    .form-label{
        font-size: 16px;
        padding-top: 10px;
    }
    .form-input{
        font-size: 16px;
        height: 40px;
        margin: 5px 0;
        padding: 0 5px;
    }
    .form-button{
        font-size: 16px;
        height: 40px;
    }
    .login-title{
        font-size: 26px;
    }
    .login-subtitle{
        margin: 0 0 40px 0;
    }
    .form-a{
        font-size: 12px;
    }
    .footer-text{
        font-size: 14px;
        text-align: center;
    }
/* <-- LOGIN PAGE END*/
   
   
/* DASHBOARD PAGE --> */
   .dashboard{
        width: 100vw;
        height: 100%;
        margin-right: 0px;
        margin-left: 0px;
        padding: 25px;
    }
    .dashboard-quotes{
        min-height: fit-content;
    }
    .dashboard-label{
        font-size: 20px;
        color: var(--black);
    }
    .dashboard-quotes-content{
        flex-direction: column;
        background-color: unset;
    }
    .dashboard-quotes-content-label{
        font-size: 14px;
        margin-left: 0px;
        width: 100%;
        padding-bottom: 25px;
        color: var(--black);
    }
    .dashboard-quotes-content-tiles{
        width: 100%;
        flex-direction: column;
        gap: 25px;
    }
    .dashboard-quotes-content-tile{
        width: 100%;
        margin: 0px;
        border-radius: 20px;
        cursor: pointer;
        height: 150px;
        border: 1px solid white;
        box-shadow: 
            -2px 0 2px rgba(0, 0, 0, 0.2),  
            2px 0 2px rgba(0, 0, 0, 0.2),  
            0 4px 6px rgba(0, 0, 0, 0.3); 
    }
    .quotes-tile-image{
        width: 10%;
    }
    .tile-grey{
        background: linear-gradient(rgba(0, 0, 0, 1), rgba(102, 102, 102, 1));
    }
    .quotes-tile-labels{
        margin-bottom: 10px;
    }
    .quotes-tile-label{
        font-size: 16px;
    }
    .quotes-tile-label-big{
        font-size: 46px;
    }
    .dashboard-applications{
        height: unset;
        min-height: unset;
    }
    .dashboard-applications-content{
        flex-wrap: wrap;
        flex-grow: unset;
        margin-bottom: 0px;
        gap: 10px;
        height: min-content;
    }
    .dashboard-content-tile{
        height: 110px;
        width: calc(50% - 5px);
        border-radius: 13.5px;
        border: 1px solid rgba(222, 219, 219, 1);
        cursor: pointer;
    }
    .applications-tile-label-big{
        font-size: 30px;
    }
    .applications-tile-label{
        font-size: 14px;
    }
    .dashboard-content-tile-button{
        display: none;
    }
    .dashboard-documentations{
        padding-top: 25px;
        height: unset;
        min-height: unset;
    }
    .dashboard-documentations-content{
        flex-wrap: wrap;
        flex-grow: unset;
        margin-bottom: 0px;
        gap: 10px;
        height: min-content;
    }
/* <-- DASHBOARD PAGE END*/

/*CREATE QUOTE PAGE --> */
    .quote{
        margin-left: 0px;
        padding: 25px;
    }
    .quote-content{
        display: flex;
        height: 100%;
        width: 100%;
        flex-direction: column;
        margin-bottom: 50px;
    }
    .quote-content-actions{
        flex-direction: column;
        align-items: unset;
    }
    .quote-content-actions-label{
        font-size: 20px;
        padding-bottom: 15px;
    }
    .quote-content-actions-buttons{
        flex-direction: column;
        margin-left: 0;
        margin-right: 0px;
        align-items: center;
        gap: 10px;
    }
    .quote-content-actions-buttons-button{
        width: 100%;
        margin-left: 0;
    }
    .quote-content-form{
        margin-right: 0;
        width: 100%;
    }
    .quote-content-form-header{
        margin-bottom: 0;
        cursor: pointer;
    }
    .quote-content-form-header-label{
        font-size: 18px;
        cursor: pointer;
        padding-bottom: 10px;
    }
    .form-general{
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        width: 100%;

    }
    .quote-content-form-data-row{
        flex-direction: column;
    }
    .quote-content-form-data-row-field{
        width: 100%;
    }
    .quote-content-form-data-row-label{
        font-weight: 400;
        font-size: 14px;
    }
    .quote-content-form-data-row-input{
        height: 40px;
        border: 1px solid rgba(212, 212, 212, 1);
        border-radius: 5px;
        margin-bottom: 15px;
        padding-left: 5px;
        max-width: 100%;
    }
    .quote-modal {
      display: none; 
      position: fixed; 
      z-index: 10000; 
      padding-top: 200px; 
      left: 0;
      top: 0;
      width: 100%; 
      height: 100%; 
      overflow: auto; 
      background-color: rgba(0, 0, 0, 0.4); 
    }
    .quote-modal-content {
      margin: 0;
      width: 90%;
      margin-left: 3%;
    }
    /*for Create Quote-> Financing-> Program field*/
    .select2-selection__rendered {
        padding: 5px 20px 0 8px !important;
        color: var(--color-neutral) !important;
    }
    /*for input selection with lookup*/
    .select2-selection--single {
        height: 40px !important;
        margin-bottom: 15px !important;
        border: 1px solid rgba(212, 212, 212, 1) !important;
        border-radius: 5px !important;
    }
/* <-- CREATE QUOTE PAGE END */

/*APPLICATIONS PAGE --> */
    .applications{
        margin: 0;
        padding: 25px;
    }
    .applications-content{
        display: flex;
        flex-direction: column;
        height: 100%;
        width: 100%;
        flex-grow: 1;
        background-color: var(--color-bg);
    }
    .applications-content-label{
      font-size: 20px;
      margin-bottom: 15px;
      color: var(--black);
    }
    .applications-content-actions{
        flex-direction: column;
        margin-right: 0;
        gap: 10px;
    }
    .applications-content-actions-form{
        width: 100%;
    }
    .quotes-content-actions-button{
        width: 100%;
        font-size: 16px;
    }
    .applications-content-actions-form-input{
        font-size: 14px;
        width: 100%;
    }
    .applications-content-actions-form-label{
        display: none;
    }
    
    .applications-content-actions-button-icon{
        margin-right: 7px;
    }
    .applications-content-table{
        display: none;
    }
    .application-cards-mobile{
        display: flex;
        flex-direction: column;
        gap: 15px;
	    padding-top: 25px;
    }
    .application-card {
        font-family: Arial, Helvetica, sans-serif;
        background: rgba(254, 254, 254, 0.52);
        border: 1px solid rgba(230, 230, 230, 1);
        border-radius: 20px;
    }
    .application-card-header{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 600;
        font-size: 14px;
        background: var(--black);
        color: var(--white);
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        height: 40px;
        display: flex;
        align-items: center;
        padding-left: 15px;
    }
    .application-card-body{
        font-family: Arial, Helvetica, sans-serif;
        padding: 15px 15px 0 15px;
    }
    .application-card-body-field{
        font-family: Arial, Helvetica, sans-serif;
        display: flex;
        flex-direction: row;
        padding-bottom: 5px;
    }
    .application-card-body-field-caption{
        font-family: Arial, Helvetica, sans-serif;
        width: 50%;
        min-width: 50%;
        font-size: 12px;
        font-weight: 600;
        color: var(--black);
    }
    .application-card-body-field-info{
        font-family: Arial, Helvetica, sans-serif;
        width: 50%;
        font-size: 12px;
        color: rgba(117, 117, 117, 1);
    }
    .application-card-footer{
        border-top: 1px solid rgba(230, 230, 230, 1);
        display: flex;
        flex-direction: row;
        align-items: center;
        padding-left: 15px;
        height: 40px;
    }
    .application-card-footer-title{
        color: var(--black);
        font-size: 14px;
        font-weight: 600;
        padding-right: 15px;
    }
/* <-- APPLICATIONS PAGE END */
    


/*QUOTES PAGE --> */
    .quotes{
        margin: 0;
        padding: 25px;
    }
    .quotes-content{
        display: flex;
        flex-direction: column;
        height: 100%;
        width: 100%;
        flex-grow: 1;
        background-color: var(--color-bg);
    }
    .quotes-content-label{
      font-size: 20px;
      margin-bottom: 15px;
      color: var(--black);
    }
    .quotes-content-actions{
        flex-direction: column;
        margin-right: 0;
        gap: 10px;
    }
    .quotes-content-actions-form{
        width: 100%;
    }
    .quotes-content-actions-button{
        width: 100%;
        font-size: 16px;
    }
    .quotes-content-actions-form-input{
        font-size: 14px;
        width: 100%;
    }
    .quotes-content-actions-form-label{
        display: none;
    }
    .quotes-content-actions-button-icon{
        margin-right: 10px;
    }
    .quotes-content-table{
        display: none;
    }
    .quotes-cards-mobile{
        display: flex;
        flex-direction: column;
        gap: 15px;
	    padding-top: 25px;
    }
    .quote-card {
        font-family: Arial, Helvetica, sans-serif;
        background: rgba(254, 254, 254, 0.52);
        border: 1px solid rgba(230, 230, 230, 1);
        border-radius: 20px;
    }
    .quote-card-header{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 600;
        font-size: 14px;
        background: var(--black);
        color: var(--white);
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        height: 40px;
        display: flex;
        align-items: center;
        padding-left: 15px;
    }
    .quote-card-body{
        font-family: Arial, Helvetica, sans-serif;
        padding: 15px 15px 0 15px;
    }
    .quote-card-body-field{
        font-family: Arial, Helvetica, sans-serif;
        display: flex;
        flex-direction: row;
        padding-bottom: 5px;
    }
    .quote-card-body-field-caption{
        font-family: Arial, Helvetica, sans-serif;
        width: 50%;
        min-width: 50%;
        font-size: 12px;
        font-weight: 600;
        color: var(--black);
    }
    .quote-card-body-field-info{
        font-family: Arial, Helvetica, sans-serif;
        width: 50%;
        font-size: 12px;
        color: rgba(117, 117, 117, 1);
    }
    .quote-card-footer{
        border-top: 1px solid rgba(230, 230, 230, 1);
        display: flex;
        flex-direction: row;
        align-items: center;
        padding-left: 15px;
        height: 40px;
    }
    .quote-card-footer-title{
        color: var(--black);
        font-size: 14px;
        font-weight: 600;
        padding-right: 15px;
    }
    .quote-modal-content {
        margin: 0 auto;
        width: 90%;
    }
    .quote-modal-header {
        padding-right: 15px;
        padding-left: 15px;
    }
    .quote-modal-header-label {
        font-size: 18px;
    }
    .confirm-modal-content {
        margin: auto;
        width: 90%;
    }
    .confirm-modal-header-label {
        font-size: 22px;
    }
    .confirm-modal-content-main {
        align-items: center;
    }
    .confirm-modal-content-main-label {
        font-size: 18px;
        text-align: center;
    }
    .confirm-modal-content-buttons {
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    .confirm-modal-content-buttons-button {
        height: 45px;
        font-size: 18px;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        margin-left: 0;
        width: 45%;
    }


/* <-- QUOTES PAGE END */

    
/*NAVBAR --> */
    .navbar{
        display: none;
    }
    .navbar-mobile{
        display: flex;
        flex-direction: column;
    }
    .navbar-mobile-menu-icon{
        font-size: 26px;
    }
    .menu-toggle {
        color: var(--black);
        padding: 25px 0 0 25px;
        font-size: 26px;
        border: none;
        cursor: pointer;
        display: flex;
        width: fit-content;
    }
    .mobile-menu {
        padding: 25px;
        min-height: 100vh;
        width: 80%;
        background-color: var(--black);
        color: white;
        position: absolute;
        z-index: 10;
    }
    .menu-close{
        display: flex;
        justify-self: flex-end;
    }
    .mobile-navbar-initials{
        padding: 25px 0;
        margin: 0 0 25px 0;
        border-bottom: 1px solid white;
        display: flex;
        align-items: center;
        gap: 9px;
    }
    .mobile-navbar-initials-label{
        display: flex;
        align-items: center;
        justify-content: center;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 500;
        background: var(--color-brand);
        font-size: 16px;
    }
    .mobile-menu-row-image{
        filter: invert(1);
        width: 24px;
    }
    .mobile-menu-row{
        display: flex;
        align-items: center;
        gap: 15px;
        margin-bottom: 25px;
    }
    .mobile-menu-row-label{
        font-size: 16px;
    }
    .sidebar-content-row-collapsible {
        padding: 0;
        margin-bottom: 0;
        gap: 15px;
        justify-content: unset;
    }
    .mobile-content-row-collapsible{
        display: flex;
        gap: 15px;
        margin-bottom: 25px;
        align-items: center;
    }
    .mobile-menu-row-collapsible-label{
        margin-bottom: 5px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 400;
        font-size: 16px;
        cursor: pointer;
    }
    .mobile-menu-row-collapsible-content{
        display: none;
        overflow: hidden;
        flex-direction: column;
        margin-left:50px;
    }
    .mobile-menu-row-collapsible-icon{
        margin-left: auto;
    }
    .mobile-navbar-footer{
        padding: 25px 0;
        margin-top: 25px;
        border-top: 1px solid white;
        display: flex;
        gap: 15px;
        align-items: center;
    }
/*<-- NAVBAR END*/

/*APPLICATION DETAILS PAGE --> */
    .application{
        margin: 0;
        padding: 25px;
    }
    .application-content{
        display: flex;
        flex-direction: column;
        height: 100%;
        width: 100%;
        flex-grow: 1;
        background-color: var(--color-bg);
    }
    .application-content-actions-label{
      font-size: 20px;
      margin-bottom: 15px;
      color: var(--black);
    }
    .application-content-actions{
        flex-direction: column;
        margin-right: 0;
        gap: 10px;
        align-items: unset;
    }
    .application-content-actions-buttons {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 10px;
    }
    .application-content-actions-buttons-button{
        margin-left: 0;
        width: 100%;
    }
    
    
    .application-content-form {
        margin-right: 0;
        padding: 10px;
    }
    
    .application-content-form-header {
        flex-direction: row;
        width: 100%;
        padding-bottom: 5px;
    }
    
    .application-content-form-header-tabs {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    
    .application-content-form-header-tabs-tab {
        font-size: 16px;
        padding-left: 5px;
        padding-right: 5px;
        height: 45px;
        border-bottom: 2px solid var(--color-border);
        width: 50%;
        text-align: left;
    }
    
    .active-tab {
        border-bottom: 2px solid var(--color-brand);
    }
    
    .applicants-tab-content {
        width: 100%;
    }
    
    .applicants-tab-content-label {
        height: 45px;
        width: 100%;
        padding-left: 10px;
    }
    
    .applicants-tab-content-label label {
        font-size: 16px;
        color: var(--black);
    }
    
    .collapsible-header-applicant, .collapsible-separator-applicant {
        padding-bottom: 0px;
    }
    
    .applicants-tab-content-collapsible {
        padding: 10px;
    }
    
    .applicants-tab-content-collapsible-content {
        flex-direction: column;
    }
    
    .applicants-tab-content-collapsible-tabs-tab{
        font-size: 16px;
        width: 50%;
        border-bottom: 2px solid var(--color-border);
    }

    .applicants-tab-content-collapsible-labels-main {
        font-size: 16px;
    }
    
    .applicants-tab-content-collapsible-labels-secondary {
        font-size: 14px;
    }
    
    .applicants-tab-content-collapsible-icon-delete, .assets-tab-content-collapsible-icon-delete {
        margin-right: 20px !important;
        font-size: 20px !important;
    }
    
    .applicants-tab-content-form-data-field {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }
    
    .application-content-form-header-active-applicant-button, .application-content-form-header-active-asset-button, .application-content-form-header-active-document-button{
        width: 100%;
        max-width: 100vw;
        height: 45px;
        margin-left: -35px;
        margin-right: 0;
        margin-bottom: -1px;
        display: block;
        position: fixed;
        bottom: 0;
        z-index: 1;
        border-radius: unset;
        background: var(--white);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
        font-size: 14px;
        font-weight: 500;
        color: var(--black);
    }
    
    .application-content-actions-button-icon .fa.fa-plus {
        display: block !important;
    }
    
    .application-content-actions-button-icon{
        border-radius: 50%;
        border: 1px solid black;
        width: 20px;
        margin: 0 auto;
        margin-top: -30px;
        width: 40px;
        height: 40px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        background: var(--color-brand);
        border: 3px solid var(--white);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
    }
    
    .applicants-tab-content-form-data-field-label {
        width: 100%;
        font-size: 14px;
        color: var(--color-main-dark);
        margin-bottom: 5px;
    }

    .applicants-tab-content-form-data-field-input {
        width: 100%;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: var(--color-neutral);
        height: 40px;
        border: 1px solid rgba(212, 212, 212, 1);
        border-radius: 5px;
        margin-bottom: 15px;
        padding-left: 5px;
        max-width: 100%;
    }
    .applicant-checkbox {
        height: 20px !important;
        position: absolute;
    }
    
    .bankdetails-tab-content{
        border: 0;
    }
    
    .bankdetails-tab-content-data {
        padding: 10px;
        border: 0;
    }
    
    .bankdetails-tab-content-form-data {
        flex-direction: column;
        width: 100%;
    }
    .bankdetails-tab-content-form-data-field {
        flex-direction: column;
        width: 100%;
    }

    .bankdetails-tab-content-form-data-field-label {
        width: 100%;
        font-size: 14px;
        color: var(--color-main-dark);
        margin-bottom: 5px;
    }
    
    .supplier-tab-content{
        border: 0;
    }
    
    .supplier-tab-content-data {
        padding: 10px;
        border: 0;
    }
    
    .supplier-tab-content-form-data {
        flex-direction: column;
        width: 100%;
    }
    .supplier-tab-content-form-data-field {
        flex-direction: column;
        width: 100%;
    }

    .supplier-tab-content-form-data-field-label {
        width: 100%;
        font-size: 14px;
        color: var(--color-main-dark);
        margin-bottom: 5px;
    }
    
    .financing-tab-content{
        border: 0;
    }
    
    .financing-tab-content-data {
        padding: 10px;
        border: 0;
    }
    
    .financing-tab-content-form-data {
        flex-direction: column;
        width: 100%;
    }
    .financing-tab-content-form-data-field {
        flex-direction: column;
        width: 100%;
        min-width: calc(100vw - 90px);
    }

    .financing-tab-content-form-data-field-label {
        width: 100%;
        font-size: 14px;
        color: var(--color-main-dark);
        margin-bottom: 5px;
    }
    
    .assets-tab-content {
        width: 100%;
    }
    
    .assets-tab-content-label {
        height: 45px;
        width: 100%;
        padding-left: 10px;
    }
    
    .assets-tab-content-label label {
        font-size: 16px;
        color: var(--black);
    }
    
    .assets-tab-content-collapsible{
        padding: 10px;
    }
    .assets-tab-content-collapsible-labels-main{
        font-size: 16px;
    }
    .assets-tab-content-form-data {
        flex-direction: column;
        width: 100%;
    }
    .assets-tab-content-form-data-field{
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }
    .assets-tab-content-form-data-field-label {
        width: 100%;
        font-size: 14px;
        color: var(--color-main-dark);
        margin-bottom: 5px;
    }
    
    .conditions-tab-content-label {
        height: 45px;
        width: 100%;
        padding-left: 10px;
    }
    .conditions-tab-content-label label {
        font-size: 14px;
        color: var(--black);
    }
    .conditions-tab-content-row {
        padding-left: 10px;
        font-size: 14px;
        font-weight: 600;
        width: 100%;
    }
    .conditions-tab-content-row-label{
        font-size: 12px;
        padding-right: 15px;
        max-width: 60%;
    }
    
    .documents-tab-content-label {
        height: 45px;
        width: 100%;
        padding-left: 10px;
    }
    .documents-tab-content-label label {
        font-size: 14px;
        color: var(--black);
    }
    .documents-tab-content-row {
        padding-left: 10px;
        height: 45px;
        min-height: fit-content;
        /*font-size: 14px;*/
        /*font-weight: 600;*/
    }
    .documents-tab-content-row-label:first-child {
        width: 30%;
    }
    .documents-tab-content-row-label:nth-child(2) {
        width: 50%;
    }
    .documents-tab-content-row-label{
        font-size: 12px;
        padding-right: 15px;
    }
    .document-upload-modal {
        width: 100%;
    }
    .document-upload-modal-content-header {
        margin-bottom: 0;
    }
    .document-upload-modal-content-wrapper {
        display: flex;
        background-color: var(--color-bg-light);
        margin: 0 auto;
        border: 1px solid var(--color-border-dark);
        border-radius: 20px;
        padding: 20px;
        width: 90%;
    }
    .document-upload-modal-content {
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        width: 100%;
        border-radius: 20px;
        border: 1px dashed var(--color-border);
        align-items: center;
        justify-content: center;
    }
    .document-upload-modal-content-main-image {
        width: 70px;
    }
    .document-upload-modal-content-main-label-big {
        font-size: 22px;
        margin-bottom: 25px;
        color: var(--black);
        text-align: center;
    }
    .document-upload-modal-selected-file {
        font-size: 14px;
        margin-bottom: 25px;
    }
    .document-upload-modal-content-main-wrapper {
        display: flex;
        flex-direction: column;
        gap: 15px;
        width: 100%;
    }
    .document-upload-modal-content-main-button {
        height: 45px;
        font-size: 18px;
        margin-bottom: 0;
        margin-left: 0;
        background-color: var(--black);
        color: var(--white);
        width: 100%;
    }
    .document-upload-modal-content-main-button {
        height: 45px;
        font-size: 18px;
        margin-left: 0;
        color: var(--white);
        width: 100%;
    }
    
    .applicants-tab-content-collapsible-tabs{
        flex-wrap: wrap;
    }
    .applicants-tab-content-collapsible-tabs-tab{
        align-items: self-start;
        padding: 0 5px;
    }
    .applicant-tab-content{
        padding-top: 35px;
    }
    .expenditures-tab, .incomes-tab, .iddocuments-tab, .employment-tab{
        padding: 10px;
    }
    .expenditures-collapsible-label, .incomes-collapsible-label, .iddocuments-collapsible-label, .employment-collapsible-label {
        font-size: 16px;
    }
    .expenditures-add-new-btn, .incomes-add-new-btn, .iddocuments-add-new-btn, .employment-add-new-btn{
        margin-top: 25px;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    .expenditures-add-new-btn i, .incomes-add-new-btn i, .iddocuments-add-new-btn i, .employment-add-new-btn i{
        display: none !important;
    }
    .expenditures-collapsible-icon-delete, .incomes-collapsible-icon-delete, .iddocuments-collapsible-icon-delete, .employment-collapsible-icon-delete{
        font-size: 20px !important;
        margin-right: 20px;
    }
    /* <-- APPLICATION DETAILS PAGE END */
    
    /*  APD ERROR DIALOG */
    .apd-error-dialog{
        width: 90%;
    }
    .apd-error-content {
        margin: 0 auto;
    }
    .apd-error-header {
        padding-right: 15px;
        padding-left: 15px;
    }
    .apd-error-header-label {
        font-size: 18px;
    }
}






:root {
    /* Main colors */
    --color-brand: #feba08;
    --color-main-dark: #333333;
    --color-login-footer: #231F20;
    
    /* Second colors */
    --color-neutral: #757575;
    
    /* Background colors */
    --color-bg: #f8f7fd;
    --color-bg-light: #fefefe;
    --color-bg-darker: #d4d4d4;
    
    /* Border colors */
    --color-border: #d8d8d8;
    --color-border-dark: #888;
    
    --black: #000000;
    --white: #ffffff;
}