html {
    --angular-backround-color: #EBF1F3;
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/RobotoCondensed/RobotoCondensed-Regular.ttf');
}
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/RobotoCondensed/RobotoCondensed-Bold.ttf');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 200 900;
    font-display: swap;
    src: url('../fonts/Roboto/Roboto.ttf');
}

body {

    /* Fondo */
    background: linear-gradient(180deg, #92B8C5 0%, #EBF1F3 93.31%);
    background-size: contain;
    background-repeat: no-repeat;
    font-family: 'Roboto';
    
}

html, body{
    height: auto !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto Condensed';
}

body::before {
    content: '';
    position: absolute;
    top: 0px;
    height: 90vh;
    width: 100%;
    z-index: -1;
    background-image: url(../images/background-image.jpg);
    background-size: cover;
}

a.navbar-brand {
    font-size: 30px;
    padding-top: 0px !important;
    color: #000 !important;
}

header {
    border-bottom: 1px solid #ccc; 
    padding-bottom: 8px; 
    margin-bottom: 0; 
    background-color: white;
    z-index: 100;
}

body > section {
    margin-top: 30px;
    z-index: 10;
}

app-root>section {
    background:var(--angular-backround-color);
    padding: 30px 30px 100px !important;
    border-radius: 8px;
}

app-oba-generic .btn.btn-primary {
    --deloitte-green: #000;

}


app-oba-generic .btn.btn-primary {
    --deloitte-green-2: #000;

}

app-oba-generic .btn.btn-secondary{
    --deloitte-light-gray: #9DABB0;
    --deloitte-gray: white;
}

app-oba-generic h2{
    --deloitte-green: #000;
}

app-oba-generic p.advice{
    --deloitte-green: #000;
    font-weight: bold;
}
app-oba-generic .p{
    --deloitte-green: #6c757d;
}

app-oba-generic label.required {
    font-size: 20px;
    font-weight: 700;
}

@media only screen and (max-width: 767px) { 
    nav#w0 {
        min-height: 61px;
    }
}
/* Button icons */
.btn {
    min-width: 125px;
}
.btn-icon {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    font-size: 13px;
    font-weight: bold;
    font-family: 'Roboto Condensed';
    letter-spacing: 0.3px;
    padding: 0px 10px;
    height: 40px;
}

.btn-icon:after {
    content:'';
    display:block;
    position:absolute;
    background-repeat: no-repeat;
    background-position: center;
}

.btn-icon-arrow:after {
    right: 0.5rem;
    width: 15px;
    height: 6px;
    top: 50%;
    transform: translateY(-50%);

    background-image: url('/images/btn-arrow.svg');
}

.btn-icon-close:after {
    right: 1rem;
    width: 15px;
    height: 6px;
    top: 1rem;
    background-image: url('/images/btn-close.svg');
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:focus, .btn-secondary.focus, .btn-secondary:hover {
    background-color: #9DABB0;
    border-color: #9DABB0;
    color: var(--deloitte-gray);
}
/* Text Center*/

.row-center-text{
    margin-right: -200px !important;
}