@import '/static/css/theme.css';


.bg-open     { background-color: var(--green-color) !important;   }
.bg-closed   { background-color: var(--yellow-color);  }
.btn-primary { background-color: var(--primary-color); }
.btn-closed { 
    background-color: var(--secondary-color); 
    color: white; 
}


.btn:focus, .btn:active:focus, .btn:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba( var(--primary-color-rgb), 25%);
}


.btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    filter: brightness(120%);
}

.btn-primary:focus, .btn-primary:active:focus, .btn-primary:focus-visible {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 0.25rem rgba( var(--primary-color-rgb), 25%);
}

.btn-ready {
    background-color: var(--green-color) !important;
    border-color: var(--green-color) !important;
    color: white;
}

.btn-ready:hover, .btn-ready:active, .btn-ready:visited {
    filter: brightness(120%);
    color: white;
}

.btn-ready:focus, .btn-ready:active:focus, .btn-ready:focus-visible {
    border-color: var(--green-color) !important;
    box-shadow: 0 0 0 0.25rem rgba( var(--green-color-rgb), 25%) !important;
}



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

.alert-primary{
    color: black;
    /* color:  var( --accent-color) !important;  */
    background-color: rgba( var(--primary-color-rgb), 5%) !important;
    border-color: rgba( var(--primary-color-rgb), 35%) !important;

}

.alert-warning{
    color: var( --yellow-color) !important;
    background-color: rgba( var( --yellow-color-rgb), 5%) !important;
    border-color: rgba( var( --yellow-color-rgb), 35%) !important;
}

body {
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    color: var(--secondary-color) !important;
}

body a {
    color: var(--primary-color);
    font-weight: 400;
}

body a:hover {
    color: rgba( var(--primary-color-rgb), 50%);
}

.form-label, .form-check-label {
    font-weight: 400;
}

.page_header{
    background-color: var(--primary-color);
    box-shadow: 0px 6px 9px -2px rgb(0 0 0 / 39%);
}


.page_header nav .nav-link {
    font-size: 16px;
    font-weight: 400;
    transition: all ease-in-out 0.3s;
    margin: 10 5;
}


.page_header nav .nav-item.nav-link:hover {
    color: var(--secondary-color) !important;
    background-color: rgba(255, 255, 255, 0.45);
    border-radius: 6px;
}


.page_header .active{
    color: var(--secondary-color)  !important;
    background-color: rgba(255, 255, 255, 0.30);
    border-radius: 6px;
}


.footer_top{
    background-color: var(--secondary-color);
}


.footer_top > img{
    max-width: 100px !important;
    height: 150px !important;
}

.footer_img{
    max-width: 98% !important;
    max-height: 150px !important;
}

.footer_top > div > p {
    margin-bottom: 0px;
}


.footer_top i {
   margin-right: 5px;
   margin-left: 5px;
}


.footer_top, .footer_bottom a {
    text-decoration: none;
    color: white;
}


.footer_bottom{
    background-color: #212529;
    box-shadow: 0px 2px 9px 6px rgb(0 0 0 / 29%);
}


.form-control:focus, .form-control:focus-visible {
    border-color: rgba(var(--primary-color-rgb), 40%);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--primary-color-rgb), 25%);
}


.form-check .form-check-input
{
    float: none !important;
    min-width: 1em !important;
}

.form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.form-check-input:focus, .form-check-input:focus-visible {
    border-color: rgba(var(--primary-color-rgb), 40%);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--primary-color-rgb), 25%);
}


.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23f5ced3'/%3e%3c/svg%3e");
}


.form-switch:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23f5ced3'/%3e%3c/svg%3e");
}


body section{
    padding-top: 50px;
    padding-bottom: 50px;
}

body section ul li {
    list-style-type: disc;
}

body section ul {
    margin-bottom: 0px;
    padding-left: 15px;
}
  
li.il_list_checked{
    list-style: '\2714' !important; 
    padding-left: 5px;
}

li.il_list_checked::marker {
    color: var(--green-color) !important;
}

@media (max-width: 590px) {
    body section{
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

.column_center{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

body .main_content{
    padding: 2rem;
    min-height: 450px; 
    overflow: auto;
}

/******************************************************************************/
/*                           S  T  E  P  P  E  R                              */
/******************************************************************************/

.bs-stepper-label{
    font-weight: 450;
}


.bs-steeper-page-content{
    border-radius: 5px;
    box-shadow: 0px 15px 40px -20px var(--secondary-color);
    padding: 20px !important;
    min-width: 500px;
    border-top: 3px solid var(--primary-color);
    margin: 20 0 20 0;
}


.bs-steeper-summary-container{
    border-radius: 5px;
    box-shadow: 0px 0px 18px -10px var(--secondary-color);
    padding: 10px !important;
    /* min-width: 500px; */
    border-left: 3px solid var(--grayishBlue);
}


.mark, mark{
    padding: 0.25em;
    border-radius: 6px;
    background-color: var(--accent-color) !important;  /*#dc35454a !important;*/
}


.summary-positive{
    border-left: 3px solid var(--green-color);
}


.summary-negative{
    border-left: 3px solid var(--primary-color);
}


.active .bs-stepper-circle {
    background-color: var(--accent-color) !important;
}


.bs-stepper .step-trigger:focus {
    color: var(--primary-color) !important;
    outline: 0;
}


.bs-stepper-crossed .bs-stepper-circle{
    background-color: var(--primary-color);
    color: white !important;
}


.bs-stepper-header .line{
    height: 1px;
}


.bs-stepper-line-crossed{
    background: var(--secondary-color) !important;
}


.bs-stepper-content button{
    float: right;
    margin-left: 10px;
}


/******************************************************************************/
/*             H  O  M  E     M  E  S  S  A  G  E     B  O  X                 */
/******************************************************************************/


.box p {
    color: var(--secondary-color);
}


.box h2:first-of-type {
    font-weight: var(--weight1);
    color: var(--tertiary-color);

}


.box h2:last-of-type {
    color: var(--tertiary-color);
}


.box {
    border-radius: 5px;
    box-shadow: 0px 30px 40px -20px var(--secondary-color);
    padding: 30px;
    margin: 20px;  
    max-width: 800px;
    min-width: 400px;
    width: 800px;
    border-top: 3px solid var(--primary-color);
}

.box img {
    float: right;
}

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


/* ADD OTHER DOCUMENT BUTTON */

#btn-add-document {
    border: none;
    margin: auto;
    padding: 25px;
    display: flex;
    background-color: var(--primary-color);
    color: white;
    float: none;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    align-content: center;
    justify-content: center;
    align-items: center;
}

#btn-add-document > i {
    font-size: 20px;
}

/* BUTTON ANIMATIONS */

button, a.btn {
    transition: 150ms ease-in-out !important;
}

button:hover, a.btn:hover {
    transform: scale(1.05) !important;
}

/******************************************************************************/
/*       A P P L I C A T I O N     S U B M I T     M O D A L                  */
/******************************************************************************/

.application_modal_container{
    background: #e5e5e5;
    border-radius: 6px;
    text-align: justify;
    display: flex; /*-webkit-inline-box;*/
    margin-top: 10px;
    margin-bottom: 10px;
    border: solid 8px #e5e5e5;
    padding-left: 0px;
}

.application_modal_checker{
    margin-left: 0.5em !important;
    min-width: 1em !important;
}

.application_modal_description{
    padding-right: 24px;
    margin-left: 10px;
}

.document-box {
    box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px inset, rgb(17 17 26 / 5%) 0px 8px 32px inset;
}

/******************************************************************************/
/*                    P R I V A C Y       P O L I C Y                         */
/******************************************************************************/


.privacy p{
    text-align:justify;
}