body {
    min-height: calc(100vh - 48px);
    font-family: Arial, Helvetica, sans-serif;
    background-color: #6495ed;
    background-image: url("../images/back.png");
    background-repeat: no-repeat;
    background-size: cover;
    color: #002372;
}

.marco {
    padding: 20px 24px;
    filter: opacity(80%);
    background: radial-gradient(circle, rgba(135, 206, 250,1) 1%, rgba(100, 149, 237,1) 100%);
    color: #002372;
}

.marco input[type=text], .marco input[type=password] {
    color: #002372 !important;
}

.marco button.btn, .marco span {
    color: #ffffff !important;
    background: rgb(0,35,114); 
    opacity: 0.8;
}

.marco select {
    color: #002372;
}

.marco a {
   color: #002372;
   text-decoration: none;
}

.marco a:hover, .marco a:focus, .marco a:active {
    color: #002372;
    text-decoration: underline;
}

/* modales */
.modal-parainfo {
    opacity: 0.8;
    color: #002372;
}

.modal-parainfo .modal-header, .modal-parainfo .modal-footer {
    background: radial-gradient(circle, rgba(135, 206, 250,1) 1%, rgba(100, 149, 237,1) 100%);
    color: #002372
}

.modal-parainfo .btn, .modal-parainfo span {
    background-color: #002372 !important;
    color: #ddeeff;
    opacity: 0.8;
}

.modal-parainfo input[type=text], .modal-parainfo input[type=password], .modal-parainfo select {
    color: #002372 !important;
}