body {
    padding-top: 75px;
}

.spinner-ajax {
    position: fixed;
    z-index: 999999999999999;
    background: white;
    width: 20%;
    text-align: center;
    padding: 0.5rem;
    opacity: 0.8;
    left: 50%;
    margin-left: -10%;
    border-radius: 9999px;
    border-radius: 0 0 20px 20px;
    top:0;
}

.btn-primary {
    background-color: #00478b;
    border-color: #00478b;
}

.nav-link.active {
    background-color: #ff0c20 !important;
}

.bg-primary {
    background-color: #00478b !important;
}

.btn {
    border-radius: 9999px;
    cursor: pointer;
}

.btn-purple-outline:hover {
    background-color: #eee8f6;
    color: #00478b;
}

.btn-purple-outline {
    background-color: #fff;
    border: 1px solid #00478b;
    color: #00478b;
}

.text-xs {
    font-size: .75rem;
}

html {
    scroll-behavior: smooth;
    line-height: 1.5;
}

html {
    color: #212121;
    font-family: Gilroy;
}

.transition-all-200 {
    transition: all .2s linear;
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255,255,255,var(--tw-bg-opacity));
}

.be-splash-screen {
    background-image: linear-gradient(180deg,rgba(204,212,228,.3),#fff 50%,rgba(204,212,228,.3));
}

.shadow-lg {
    --tw-shadow: 0 15px 30px 0 rgba(0,0,0,.11),0 5px 15px 0 rgba(0,0,0,.08);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}

.card {
    box-shadow: 0 2px 4px 2px #f4f5f6;
    border: 1px solid #eeeeee;
    border-radius: 0.5rem;
}

.card-header {
    border-bottom: none;
}

.nav-pills .nav-link:not(.active) {
    background-color: rgb(244, 247, 251);
    color: gray;
}

.fa-3 {
    font-size: 1.5rem;
}

.nav-pills .nav-item + .nav-item {
    margin-left: 0.5rem;
}

.w0 {
    width: 0px;
}

.form-group {
    margin-bottom: 0.5rem;
}

    .form-group > label {
        margin-bottom: 0.20rem;
        color: gray;
        /*font-weight: 600;*/
    }

.form-control {
    border-radius: 0;
    color: black;
    /*background-color: rgb(244, 247, 251);
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            border: none;
            border-bottom: 1px solid gray;*/
}

.modal-content {
    border-radius: 0;
}

.br-0 {
    border-radius: 0;
}

.o_field_invalid {
    color: red !Important;
}

.form-control.o_field_invalid {
    border-color: red !Important;
}

label.error {
    color: red !Important;
}

.bg-grey-gradient-2 {
    background-image: linear-gradient(180deg,rgba(200,200,200,0.5),rgb(250,250,250) 50%,rgba(204,212,228,.3));
}

.bg-grey-gradient-3 {
    /*background-image: linear-gradient(180deg,gray,gray, 100%,darkgrey);*/
}

button[type="submit"].is-loading:not(:disabled) .spinner-border {
    display: none;
    margin-right: 0.5rem;
}

button[type="submit"].is-loading:disabled .spinner-border {
    display: inline-block;
    margin-right: 0.5rem;
}

h1 {
    letter-spacing: -.63px;
    font-weight: 700;
    line-height: 1;
}

h4 {
    line-height: 1.2;
}

.text-primary {
    color: #00478b!important;
}


@media (min-width: 992px) {

    #section1 {
        height: calc(100vh - 75px);
        display: flex;
        flex-flow: column;
    }


    #section1Portada {
        flex: 1; /* 1 and it will fill whole space left if no flex value are set to other children*/
        overflow: auto;
    }

    #section1Button {
        min-height: 80px;
    }
}

#container_img {
   
    height:100%;
}

.btn-default {
    border: 1px solid #00478b;
}

#container_text1 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}