.cuerpo{
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
}

.portada{
    padding-top: 70px;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
}

.borde_bortada
{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    /*padding: 1.5rem;*/

    text-align: center !important;
    background-color: rgba(102, 181, 18, 0.6);
    transform: skew(-15deg, 0deg);
}


.feather {
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
}

.form-signin {
    width: 100%;
    max-width: 330px;
    margin: auto;

    display: table-cell;
    vertical-align: middle;
}
.form-signin .checkbox {
    font-weight: 400;
}
.form-signin .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 16px;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.table .thead-bayer th {
    color: #fff;
    background-color: #10384F;
    border-color: #454d55;
}

.bg-bayer {
    background-color: #89D329 !important;
}

a.bg-bayer:hover, a.bg-bayer:focus,
button.bg-bayer:hover,
button.bg-bayer:focus {
    background-color: #2B6636 !important;
}




.btn-bayer-v-sel {
    color: #fff;
    background-color: #89D329;
    border-color: #89D329;
}
.btn-bayer-v-sel:hover {
    color: #fff;
    background-color: #66B512;
    border-color: #66B512;
}


.btn-bayer-v-sel-check {
    color: #fff;
    background-color: #D30F4B;
    border-color: #D30F4B;
    box-shadow: 0 0 0 0.2rem rgba(211, 15, 75, 0.5);
}



.btn-bayer-v-sel-check:hover {
    color: #fff;
    background-color: #D30F4B;
    border-color: #D30F4B;
    box-shadow: 0 0 0 0.2rem rgba(211, 15, 75, 0.5);
}


.btn-bayer-v-sel-check:focus {
    color: #fff;
    background-color: #D30F4B;
    border-color: #D30F4B;
    box-shadow: 0 0 0 0.2rem rgba(211, 15, 75, 0.5);
}

.color-bayer-app{
    color: #00617F;
}
.bg-bayer-app {
    color: #fff;
    background-color: #00617F;
}


.btn-bayer-app {
    color: #fff;
    background-color: #00617F;
    border-color: #00617F;
}

.btn-bayer-app:hover {
    color: #fff;
    background-color: #10384F;
    border-color: #10384F;
}

.btn-bayer-app:focus, .btn-bayersuccess.focus {
    color: #fff;
    background-color: #10384F;
    border-color: #10384F;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-bayer-app.disabled, .btn-bayer-c:disabled {
    color: #fff;
    background-color: #0091DF;
    border-color: #0091DF;
}

.btn-bayer-app:not(:disabled):not(.disabled):active, .btn-bayer-app:not(:disabled):not(.disabled).active,
.show > .btn-bayer-app.dropdown-toggle {
    color: #fff;
    background-color: #10384F;
    border-color: #10384F;
}

.btn-bayer-app:not(:disabled):not(.disabled):active:focus, .btn-bayer-app:not(:disabled):not(.disabled).active:focus,
.show > .btn-bayer-app.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.border-bayer-c3 {
    border-color: #00617F !important;
}

.btn-bayer-app-sel {
    color: #fff;
    background-color: #00617F;
    border-color: #00617F;
}
.btn-bayer-app-sel:hover {
    color: #fff;
    background-color: #10384F;
    border-color: #10384F;
}


.btn-bayer-app-sel-check {
    color: #fff;
    background-color: #00BCFF;
    border-color: #00BCFF;
    box-shadow: 0 0 0 0.2rem rgba(0, 118, 255, 0.5);
}



.btn-bayer-app-sel-check:hover {
    color: #fff;
    background-color: #00BCFF;
    border-color: #00BCFF;
    box-shadow: 0 0 0 0.2rem rgba(0, 118, 255, 0.5);
}


.btn-bayer-app-sel-check:focus {
    color: #fff;
    background-color: #00BCFF;
    border-color: #00BCFF;
    box-shadow: 0 0 0 0.2rem rgba(0, 118, 255, 0.5);
}




.btn-bayer-red {
    color: #fff;
    background-color: #ff0000;
    border-color: #ff0000;
}

.btn-bayer-v {
    color: #fff;
    background-color: #89D329;
    border-color: #89D329;
}

.btn-bayer-v:hover {
    color: #fff;
    background-color: #66B512;
    border-color: #66B512;
}

.btn-bayer-v:focus, .btn-bayer-v.focus {
    color: #fff;
    background-color: #66B512;
    border-color: #66B512;
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}


.btn-bayer-v.disabled, .btn-bayer-v:disabled {
    color: #fff;
    background-color: #66B512;
    border-color: #66B512;
}

.btn-bayer-v:not(:disabled):not(.disabled):active, .btn-bayer-v:not(:disabled):not(.disabled).active,
.show > .btn-bayer-v.dropdown-toggle {
    color: #fff;
    background-color: #66B512;
    border-color: #66B512;
}

.btn-bayer-v:not(:disabled):not(.disabled):active:focus, .btn-bayer-v:not(:disabled):not(.disabled).active:focus,
.show > .btn-bayer-v.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}



.btn-bayer-v2 {
    color: #fff;
    background-color: #66B512;
    border-color: #66B512;
}

.btn-bayer-v2:hover {
    color: #fff;
    background-color: #2B6636;
    border-color: #2B6636;
}

.btn-bayer-v2:focus, .btn-bayer-v2.focus {
    color: #fff;
    background-color: #2B6636;
    border-color: #2B6636;
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-bayer-v2.disabled, .btn-bayer-v2:disabled {
    color: #fff;
    background-color: #2B6636;
    border-color: #2B6636;
}

.btn-bayer-v2:not(:disabled):not(.disabled):active, .btn-bayer-v:not(:disabled):not(.disabled).active,
.show > .btn-bayer-v2.dropdown-toggle {
    color: #fff;
    background-color: #2B6636;
    border-color: #2B6636;
}

.btn-bayer-v2:not(:disabled):not(.disabled):active:focus, .btn-bayer-v2:not(:disabled):not(.disabled).active:focus,
.show > .btn-bayer-v2.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}


.btn-bayer-c {
    color: #fff;
    background-color: #00BCFF;
    border-color: #00BCFF;
}

.btn-bayer-c:hover {
    color: #fff;
    background-color: #00617F;
    border-color: #00617F;
}

.btn-bayer-c:focus, .btn-bayersuccess.focus {
    color: #fff;
    background-color: #00617F;
    border-color: #00617F;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-bayer-c.disabled, .btn-bayer-c:disabled {
    color: #fff;
    background-color: #0091DF;
    border-color: #0091DF;
}

.btn-bayer-c:not(:disabled):not(.disabled):active, .btn-bayer-c:not(:disabled):not(.disabled).active,
.show > .btn-bayer-c.dropdown-toggle {
    color: #fff;
    background-color: #00617F;
    border-color: #00617F;
}

.btn-bayer-c:not(:disabled):not(.disabled):active:focus, .btn-bayer-c:not(:disabled):not(.disabled).active:focus,
.show > .btn-bayer-c.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}



.btn-bayer-c3 {
    color: #fff;
    background-color: #00617F;
    border-color: #00617F;
}

.btn-bayer-c3:hover {
    color: #fff;
    background-color: #10384F;
    border-color: #10384F;
}

.btn-bayer-c3:focus, .btn-bayersuccess.focus {
    color: #fff;
    background-color: #10384F;
    border-color: #10384F;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-bayer-c3.disabled, .btn-bayer-c:disabled {
    color: #fff;
    background-color: #0091DF;
    border-color: #0091DF;
}

.btn-bayer-c3:not(:disabled):not(.disabled):active, .btn-bayer-c3:not(:disabled):not(.disabled).active,
.show > .btn-bayer-c3.dropdown-toggle {
    color: #fff;
    background-color: #10384F;
    border-color: #10384F;
}

.btn-bayer-c3:not(:disabled):not(.disabled):active:focus, .btn-bayer-c3:not(:disabled):not(.disabled).active:focus,
.show > .btn-bayer-c3.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}




.btn-bayer-r1 {
    color: #fff;
    background-color: #FF3162;
    border-color: #FF3162;
}

.btn-bayer-r1:hover {
    color: #fff;
    background-color: #D30F4B;
    border-color: #D30F4B;
}

.btn-bayer-r1-c3:focus, .btn-bayersuccess.focus {
    color: #fff;
    background-color: #D30F4B;
    border-color: #D30F4B;
    box-shadow: 0 0 0 0.2rem rgba(221, 15, 75, 0.5);
}

.btn-bayer-r1.disabled, .btn-bayer-c:disabled {
    color: #fff;
    background-color: #624963;
    border-color: #624963;
}

.btn-bayer-r1:not(:disabled):not(.disabled):active, .btn-bayer-r1:not(:disabled):not(.disabled).active,
.show > .btn-bayer-c3.dropdown-toggle {
    color: #fff;
    background-color: #D30F4B;
    border-color: #D30F4B;
}

.btn-bayer-r1:not(:disabled):not(.disabled):active:focus, .btn-bayer-r1:not(:disabled):not(.disabled).active:focus,
.show > .btn-bayer-r1.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(221, 15, 75, 0.5);
}


.color-bayer-v1 { color: #89D329 ;}
.color-bayer-v2 { color: #66B512 ;}
.color-bayer-v3 { color: #2B6636 ;}
.color-bayer-v4 { color: #004422 ;}
.color-bayer-c1 { color: #00BCFF ;}
.color-bayer-c2 { color: #0091DF ;}
.color-bayer-c3 { color: #00617F ;}
.color-bayer-c4 { color: #10384F ;}
.color-bayer-r1 { color: #FF3162 ;}
.color-bayer-r2 { color: #D30F4B ;}
.color-bayer-r3 { color: #624963 ;}
.color-bayer-r4 { color: #443247 ;}

.bg-bayer-v1 { background-color: #89D329 ;}
.bg-bayer-v2 { background-color: #66B512 ;}
.bg-bayer-v3 { background-color: #2B6636 ;}
.bg-bayer-v4 { background-color: #004422 ;}
.bg-bayer-c1 { background-color: #00BCFF ;}
.bg-bayer-c2 { background-color: #0091DF ;}
.bg-bayer-c3 { background-color: #00617F ; color: white}
.bg-bayer-c4 { background-color: #10384F ;}
.bg-bayer-c5 { background-color: #144765;}
.bg-bayer-r1 { background-color: #FF3162 ;}
.bg-bayer-r2 { background-color: #D30F4B ;}
.bg-bayer-r3 { background-color: #624963;}
.bg-bayer-r4 { background-color: #443247 ;}
.bg-bayer-grey { background-color: #929292;}
.bg-bayer-yellow { background-color: #ffd252;}
.bg-transparent-2{ background-color: rgba(255, 255, 255, 0.5);} 
.bg-bayer-orange { background-color: #ffa200;}


#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}





.flip-box {
    background-color: transparent;
    width: 120px;
    height: 120px;
    /*border: 1px solid #f1f1f1;*/
    perspective: 500px;
}

.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
    transform: rotateX(180deg);
}

.flip-box-front, .flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-box-front {
    /*background-color: #bbb;
    color: black;*/
}

.flip-box-back {
    /*background-color: dodgerblue;*/
    color: white;
    transform: rotateX(180deg);
}




.flip-box-2 {
    background-color: transparent;
    width: 100px;
    height: 100px;
    /*border: 1px solid #f1f1f1;*/
    perspective: 300px;
}

.flip-box-2:hover .flip-box-inner {
    transform: rotateX(180deg);
}



.flip-box-3 {
    background-color: transparent;
    width: 120px;
    height: 120px;
    /*border: 1px solid #f1f1f1;*/
    perspective: 300px;
}

.flip-box-3:hover .flip-box-inner {
    transform: rotateX(180deg);
}


.btn-img{
    width: 90px;
    height: 90px;
    align-content: center;
    text-align: center;

}



.btn-bayer-img {
    color: #89D329;
    background-color: #fff;
    border-color: #89D329;
}

.btn-bayer-img:hover {
    color: #fff;
    background-color: #2B6636;
    border-color: #2B6636;
}

.btn-bayer-img:focus, .btn-bayer-img.focus {
    color: #89D329;
    background-color: #fff;
    border-color: #2B6636;
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-bayer-img.disabled, .btn-bayer-img:disabled {
    color: #fff;
    background-color: #66B512;
    border-color: #66B512;
}

.btn-bayer-img:not(:disabled):not(.disabled):active, .btn-bayer-img:not(:disabled):not(.disabled).active,
.show > .btn-bayer-img.dropdown-toggle {
    color: #fff;
    background-color: #2B6636;
    border-color: #2B6636;
}

.btn-bayer-img:not(:disabled):not(.disabled):active:focus, .btn-bayer-img:not(:disabled):not(.disabled).active:focus,
.show > .btn-bayer-img.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}


.mt-lavel,
.my-lavel {
    margin-top: 2rem !important;
}

.main
{
    margin-top: 80px;
    /*zoom: 80%;*/
}
.z-app
{
    zoom: 90%;
}

.centerAbs {
    position: absolute;
    width: 100px;
    height: 50px;
    top: 50%;
    left: 50%;
    margin-left: -50px; /* margin is -0.5 * dimension */
    margin-top: -25px;
}

.sombra_btn {
 /*box-shadow: -1rem 0 3rem #000;*/
     box-shadow:  5px 10px #888888;
}

.sombra_btn:hover {
    box-shadow: -1rem 0 1rem #000;
    transform: scale(1.2,1.2);
    transition: 0.4s ease-out;
}

.sombra_btn:hover ~ .sombra_btn {
    /*position: relative;
    left: 50px;*/
    transition: 0.4s ease-out;
}



.btn-bayer-icon {
    color: #fff;
    background-color: #00617F;
    border-color: #00617F;
    box-shadow: -1rem 0 3rem #000;
}

.btn-bayer-icon:hover {
    color: #fff;
    /*background-color: #00BCFF ;*/
    background-color: #10384F;
    border-color: #10384F;

    box-shadow: -1rem 0 1rem #000;
    transform: scale(1.2,1.2);
    transition: all 0.4s ease-in;
    /*transition: 0.4s ease-out;*/
}

.btn-bayer-icon:focus{
    color: #fff;
    background-color: #10384F;
    border-color: #10384F;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}


.modal-backdrop {
    width: 100% !important;
    height: 100% !important;
}


.modal-xxl {
    max-width: 100%;
}


@media (min-width: 576px) {
    .modal-xxl {
        max-width: 95%;
    }
}

.border-app{

    border-color: #10384F;
}