.ocultar{
    display: none;
}

.modal-header{
  background-color: #004c66;
}

.close {  
    color: #0000 !important;
}

.modal-body {  
  
    padding: 0 !important;
}

.btn-outline-primary{
    border-color: #004c66 !important;
}




.conbanner{
    height: 150px;
    width: 100%;
    background-size: 100%;
    display: block;
}


.margin-login{
margin-top: 0%;
padding: 0px 20px;
}

.card-header:first-child {
    
    color:#fff !important;
}


.card-header {
    padding: .30rem 0.25rem !important; 
    background-color: #004c66;
}

.card-body {

    padding: 0.25rem !important;
}


.margen{   
    margin-right: 10px;
    margin-left: 10px;
}

div .margen{
    background-color: white;
    width: 100%;
    height: 48%;
    overflow: auto;
}

/*codepen*/
/*
.btn-success {
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
}
*/
.margin-login{
margin-top: 0%;
padding: 0px 100px;
}

@media (max-width:720px)
{
    .container-fluid{
        height: 500px !important;
    }
    .margin-login{
    margin-top: 0%;
    padding: 0px 0px;
}
}

@media (min-width:1500px)
{
 .container-fluid{
        height: 700px !important;
    }
}