header.header .main-navbar-wrapper {
padding: 0;
background: #061D9D;
}
header.header .navbar a {
    color: #fff;
}

ul.dropdown-menu.show a {
    color: #000;
}

footer.footer {
    margin: 0;
    padding: 50px 0 80px;
    background-color: #061d9d;
    color: #eee;
    font-size: .9rem;
}
footer.footer {
      background: linear-gradient(135deg, #007BFF, #003580);
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.3);
}
/*Titulos de cuadros*/
html .card-header {
    background-color: rgb(6, 29, 157);
    color: #fff;
}
.sidebar .list-group-item.active, .sidebar .list-group-item.active:focus, .sidebar .list-group-item.active:hover {
    background-color: #0073f094;
    border-color: #0073f024;
}


/*Banner de verificaci0n de correo*/
.verification-banner {
    margin: 0px;
    padding: 10px;
    font-weight: 300;
    background-color: #666666;
    border-bottom: 1px solid #eee;
    color: #fff;
}
.verification-banner .fal, .verification-banner .far, .verification-banner .fas {
    color: black;
}

.verification-banner.email-verification .btn.btn-action, .verification-banner.email-verification .btn.btn-action:active, .verification-banner.email-verification .btn.btn-action[disabled]:hover {
    background-color: black;
    border-color: black;
    color: #fff;
}

/*Botones de compra de hosting*/
.btn-success {
    color: #fff;
    background-color: #061d9d;
    border-color: #061d9d;
}


/*Login */

span.input-group-text {
    background: linear-gradient(135deg, #007BFF, #003580);
    padding: 10px;
    border-radius: px;
    text-align: center;
    color: #fff;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.3);
}

button.btn.btn-primary {
      background: linear-gradient(135deg, #007BFF, #003580);
    padding: 10px;
    text-align: center;
    color: #fff;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.3);
}

}

/*bordes en los cuadrados*/
.card, .panel, .btn {
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

/*efecto hover y degradado en botones*/
.btn-primary:hover {
    background: linear-gradient(135deg, #003580, #001a40);
    transform: scale(1.05);
}
.btn-primary {
    background: linear-gradient(135deg, #0056b3, #003580);
    border: none;
    transition: all 0.3s ease-in-out;
}
a.btn.btn-success.btn-sm.btn-order-now {
      background: linear-gradient(135deg, #007BFF, #003580);
border-color: #007BFF;
}
/*banner arriba degradado*/
div.navbar.navbar-expand-xl.main-navbar-wrapper {
      background: linear-gradient(135deg, #007BFF, #003580);
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.3);
}
div.panel-heading.card-header {
      background: linear-gradient(135deg, #007BFF, #003580);
    padding: 10px;
    text-align: center;
    color: #fff;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.3);
}

/*area de clientes titulos*/
div.card-header {
      background: linear-gradient(135deg, #007BFF, #003580);
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
}
a.btn.btn-success.btn-sm.btn-block {
        background: linear-gradient(135deg, #007BFF, #003580);
    padding: 10px;
    border-radius: 5px;
    border-color: #007BFF;
    text-align: center;
    color: #fff;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
}

/*linea abajo de titulos en servicios*/
.bg-color-green {
    background-color: #5bc0de;
}
.bg-color-red {
    background-color: #5bc0de;
}
.bg-color-gold {
    background-color: #5bc0de;
}

/*color iconos servicios*/
.tiles .tile i {

    background: linear-gradient(135deg, #007BFF, #003580);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/*desde aqui*/
header.header .topbar {
    margin: 0;
    background-color: #003580;
}

/*tipografia*/

body {
    font-family: 'Montserrat', sans-serif;
}