#page-wrapper {
    background-image: linear-gradient(#F07320, #F07320, white);
}

.nav-header {
    text-align: center !important;
}

#todo {
    min-height: 100vh !important;
}

/* lo de arriba es del body o el nav */

.welcome-message {
    min-width: 433px;
    overflow-wrap: normal;
}

#navegabarra {
    margin-top: 36%;
    align-self: center;
}


.navmenus .fa-bell, .navmenus .fa-question-circle {
    padding: 5px;
    border-radius: 5px;
    transition: background-color 0.5s;
    font-size: 25px;
    color: white;
}

#campanaazul {
    background-color: #ff0000;
    font-size: 12px !important;
}

#campanaverde {
    background-color: green;
    border-radius: .25em !important;
}


.navmenus:hover .fa-bell, .navmenus:hover .fa-question-circle {
    background-color: #694622;
}

.navmenus .count-info {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 5px;
    margin-right: 5px;

}

.botonsalida {
    border-radius: 15px !important;
    padding: 5px !important;
    font-size: 15px !important;
    transition: background-color 0.5s, color 0.5s;
    display: flex !important;
    align-items: center;
}

.botonsalida span {
    margin-bottom: 0px !important;
}

.botonsalida i {
    font-size: 25px;
}

.botonsalida:hover {
    background-color: rgb(255, 255, 255) !important;
    color: black !important;
}

.sorting_asc {
   background-color: rgb(254, 159, 63) !important;
   color: white;
}

.art-vmenublockheader, #adminFormx {
    overflow-x: auto;
}

.ir:hover {
    background-color: rgb(113, 253, 253) !important;
}

/* Seccion del index */

#cajaindex {
    border-radius: 25px;
    font-size: 15px !important;
    color: rgb(35, 35, 35) !important;
    opacity: 1;
    max-width: 80vw !important;
    display: flex;
}

#cajaindex .form-group {
    margin-bottom: 10px !important;
}

.olvidar-imgdif {
    color: rgb(35, 35, 35);
}

.inputtemplate {
    position: relative !important;
    width: 100% !important;
    flex-basis: 300px;
    
}

.inputtemplate input, .inputtemplate select {
    padding-left: 35px !important;
    padding-top: 9px !important;
    border-radius: 10px !important;
    border: 1px solid rgb(120, 120, 120);
    height: 40px !important;
    font-size: 15px !important;
    transition: border 0.5 !important;
    flex-shrink: 1;
}

.inputtemplate select {
    padding-left: 30px !important;
}


.inputtemplate input:focus, .inputtemplate select:focus {
    border: 1px solid rgb(36, 36, 36);
}


.icono {
    color: rgb(94, 94, 94) !important;
    position: absolute !important;
    z-index: 5 !important;
    top: 50% !important;
    margin-top: -8px !important;
    left: 10px !important;
    font-size: 18px;
}

#captchatext {
    font-size: 15px !important;
    border-radius: 10px !important;
    border: 1px solid rgb(120, 120, 120);
    transition: border 0.5 !important;
}

#captchatext:focus {
    border: 1px solid rgb(36, 36, 36);
}

.thelogs, .thelogs p{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 40px !important;
    border-radius: 40px !important;
    background-color: #44b94a !important;
    color: white !important;
    font-weight: bold !important;
    font-size: 14px !important;
}


.thelogs:hover {
    background-color: #255f28 !important;
    border: 1px solid black;
}


/* sección de datatables */

.table>tbody>tr.info>td, 
.table>tbody>tr.info>th, 
.table>tbody>tr>td.info, 
.table>tbody>tr>th.info, 
.table>tfoot>tr.info>td, 
.table>tfoot>tr.info>th, 
.table>tfoot>tr>td.info, 
.table>tfoot>tr>th.info, 
.table>thead>tr.info>td, 
.table>thead>tr.info>th, 
.table>thead>tr>td.info, 
.table>thead>tr>th.info {
    background-color: #FFE0B2 !important;
}

.row1 td {
    background-color: #FFE0B2 !important;
    /* color: rgb(255, 255, 255); */
}

td .btn-warning {
    background-color: rgb(25, 153, 25) !important;
    border-radius: 15px;
}

.lazur-bg, #mostrar_formuAdd {
    border-radius: 15px;
} 

td .btn-warning:hover {
    background-color: rgb(35, 181, 35) !important;
    border-radius: 15px;
}

/* fechas */

#datepicker input, .btn-info {
    border-radius: 15px;
}

#datepicker .btn-success {
    margin-left: 20px;
}



/* Barra lateral */

li .label-success {
    background-color: #e56e20 !important;
}

@media screen and (max-width: 1120px) {
    .desaparece {
        display: none !important;
    }
}

@media screen and (max-width: 442px) {
    #navegabarra {
        margin-left: 10px !important;
    }

    .botonsalida {
        padding: 20px 5px !important;
    }

    .count-info, .campanita, .fa-question-circle {
        margin: 0px -3px !important;
    }

}

@media screen and (max-width: 425px) {
    .botonsalida {
        padding: 20px 5px !important;
    }
}

/* @media screen and (max-width: 390px) {
    .adios {
        display: none !important;
    }
} */


.login-captcha 
{   
    display: block;
    margin: auto;
}


.redirect-customer-service
{
    color: #20ad55;
    text-decoration: underline;
}