html{
    overflow-x: hidden !important;
}
html, body {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0px;
    max-width: 100% !important;
    overflow-x: hidden !important;

    -webkit-overflow-scrolling: auto !important;
}
.spacer {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; 
}
.navedit {

    background-color: #2A5CB8 !important;

    color: #F2F2F2 !important;

    overflow: visible !important;; /* Solution for the Safari issue with navbar dropdown menu failing to show:
    Simply setting this overflow CSS property of the navbar to visible instead of hidden. */
    position: sticky; /* Safari issue with navbar dropdown menu failing to show up front:
    Issue: Only if position:sticky the dropdown menu works in Safari,
    but then the navbar stops working as desired, with showing/hiding dependent on scrolling. */
    top: 0; /* Was -50px; in the example, but that's irrelevant for the Safari issue. */
    width: 100%;
    transition: top 0.3s; /* Transition effect when sliding down (and up) */

}
.cardlink:hover{
    cursor:pointer;
}
.navdrop{

    background-color: #002051;

    color: #F2F2F2 !important;

    

}

.navdrop:hover{

    color: #0D0D0D !important;

    

}

.page-footer{

    background-color: #2A5CB8 !important;

    color: #F2F2F2 !important;

}

.page-footer a{

    

    color: #F2F2F2 !important;

}

.footer-copyright{

    background-color: #002051 !important;

    color: #D9D9D9 !important;  

}

.logo{

    height: 30px;

    max-height: 30px;

}

.centro{

    text-align: center !important;

    -webkit-box-align: center !important;

        -ms-flex-align: center !important;

            align-items: center !important;

    -ms-flex-item-align: center !important;

        -ms-grid-row-align: center !important;

        align-self: center !important;

    text-align: center !important;

    margin: auto !important;

}



hr.dotted {

	background-color: #fff;

	border-top: 2px dashed #2A5CB8;

}

hr.solidsnake{

	border-top: 1px solid #2A5CB8;

}

.maincard-img{

    -o-object-fit: cover;

       object-fit: cover;

    -webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,.3);

            box-shadow: 0 0 3px 2px rgba(0,0,0,.3);

    margin: auto !important;

    border: 1px solid #aaa;

    width: 60%;

    height: 200px;

    -ms-flex-item-align: center!important;

        -ms-grid-row-align: center!important;

        align-self: center!important;

}

.maincard{

    height:400px;

}

.card{

    -webkit-box-shadow: 9px 8px 16px -3px #2A5CB8; 
    box-shadow: 9px 8px 16px -3px #2A5CB8;

}

.green{

    color: green !important;

}

.maincard-img{

    width: 100%!important;

}

.vacantes{

    border: 2px solid #bbbbbb;

    border-radius: 10px;

}

.sticky-top{
    position: -webkit-sticky;
}

.modal-dialog-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    max-width: 100%;
  }
  
.modal-dialog-bottom .modal-content {
    border-radius: 10px 10px 0 0; /* Bordes redondeados arriba */
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
}
.modal-backdrop {
    display: none !important;
  }

@media (min-width: 768px) {

    .maincard, .maincard-img{

        height: 200px;

        }

        .maincard-img{

        -o-object-fit: cover;

           object-fit: cover;

        -webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,.3);

                box-shadow: 0 0 3px 2px rgba(0,0,0,.3);

        margin: auto;

        border: 1px solid #aaa;

        width: 100%;  

        }

        .lilcentro{

            text-align: none !important;

            -webkit-box-align: none !important;

                -ms-flex-align: none !important;

                    align-items: none !important;

            -ms-flex-item-align: none !important;

                -ms-grid-row-align: none !important;

                align-self: none !important;

            text-align: none !important;

            margin: none !important;

        }

        .filtertop{

        display: none !important; 

        visibility: hidden !important;   

        }

        

  }

  @media (min-width: 992px) {

    

        

  }