.bordePrueba {
    border: 1px solid red;
}

.imgRedSocialFooter{
    width:25px;
    height:25px;
}

.margin10{
    margin:10px;
}

#bodyLogin.row {
    padding: 0px;
    margin: 0px;
}

.padding0 {
    padding: 0px;
}

.margin0 {
    margin: 0px;
}

.bordePrueba2 {
    border: 1px solid green;
}

.relative{
    position:relative;
}

.footerRedesSociales{
    position:absolute;
    bottom:20px;
    left:50px;
    right:10px;
}



.centrarVerticalmenteYDerecha {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.height100porc {
    height: 100% !important;
}

.height90porc {
    height: 90% !important;
}

.width100porc {
    width: 100% !important;
}

.cajaVistaLogin{
    height:100% !important;
}


html, body {
    height: 100% !important;
    width: 100% !important;
    padding: 0px;
    margin: 0px;
}
/*
-----------------------Texto------------------*/
.center-h {
    justify-content: center;
    align-items: center;
    display: flex;
}


.TextAmarilloTablas {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 10px;
    color: #FFA100 !important;
}


.TextGrisTablas {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 10px;
    color: #7F7F7F !important;
}


.TituloNegritas {
    font-family: 'Arial Negrita', 'Arial Normal', 'Arial', sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #54555B;
    font-size: 24px;
    text-align: center;
}

.LoginLetrasTitulo {
    font-family: 'Roboto Bold', 'Roboto Regular', 'Roboto', sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #FFFFFF;
    font-size: 32px;
    text-align: left;
}

.TextoGrisadv {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: rgba(0, 0, 0, 0.34901960784313724);
    font-size: 10pt;
    max-width:80% !important;
}

.contadorMensajes {
    top:0px;
    float:right;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #63DE17;
    font-size:10pt;
}

.CerrarSesíon {
    border-width: 0px;
    height: 21px;
    font-family: 'Roboto Light', 'Roboto Regular', 'Roboto', sans-serif !important;
    font-weight: 300;
    font-style: normal !important;
    color: #1466BF !important;
    font-size:16px;
}


.TextNegro {
    border-width: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #54555B;
    font-size:16px !important;

}

.TextoAmarilo {
    border-width: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #FFA100;
    font-size:14px;
}

.TextoMenuLateral {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #FFA100;
}


.TituloAzul {
    font-family: 'Roboto Bold', 'Roboto Regular', 'Roboto', sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #1466BF;
    font-size: 32px;
}


.TituloNormal {
    font-size: 24px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-style: normal;
color: #54565B;
}



.Textoverde {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #63DE17;
}


.TextoNormal {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #54565B;
}

.nowrap {
    white-space: nowrap
}


.letrasloginnormal {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #FFFFFF;
}
/*--------------------Iconos Menú----------------------*/


.icono-menu-SMSMasivo {
    content: url(../img/mensamenuB.svg);
    position: relative;
}

    .icono-menu-SMSMasivo:hover {
        content: url(../img/mensamenu.svg);
        position: relative;
    }

    .icono-menu-SMSMasivo:before {
        content: url(../img/mensamenu.svg);
        position: relative;
    }





.icono-menu-Encuesta {
    content: url(../img/IconMenuEncuestaB.svg);
    position: relative;
}

    .icono-menu-Encuesta:hover {
        content: url(../img/IconMenuEncuesta.svg);
        position: relative;
    }

    .icono-menu-Encuesta:before {
        content: url(../img/IconMenuEncuesta.svg);
        position: relative;
    }

.icono-menu-ReporteEnvios {
    content: url(../img/IconReporteEnviosB.svg);
    position: relative;
}

    .icono-menu-ReporteEnvios:hover {
        content: url(../img/IconReporteEnvios.svg);
        position: relative;
    }

    .icono-menu-ReporteEnvios:before {
        content: url(../img/IconReporteEnvios.svg);
        position: relative;
    }



.icono-menu-ResultadodeEncuesta {
    content: url(../img/IconResultadodeEcuestaB.svg);
    position: relative;
}

    .icono-menu-ResultadodeEncuesta:hover {
        content: url(../img/IconResultadodeEcuesta.svg);
        position: relative;
    }

    .icono-menu-ResultadodeEncuesta:before {
        content: url(../img/IconResultadodeEcuesta.svg);
        position: relative;
    }



.icono-menu-Facturacion {
    content: url(../img/IconFacturacionB.svg);
    position: relative;
}

    .icono-menu-Facturacion:hover {
        content: url(../img/IconFacturacion.svg);
        position: relative;
    }

    .icono-menu-Facturacion:before {
        content: url(../img/IconFacturacion.svg);
        position: relative;
    }

/*    -------------------Formatos--------------------*/

.passwordOjo {
    position: relative;
    width: 100%;
}

.passwordOjo-input {
    width: 100%;
    padding: 10px 50px 10px 10px !important;
}

.passwordOjo-imgOjo {
    position: absolute;
    right: 15px;
    top: 12px;
    bottom: 3px;
    border: 0;
    outline: none;
    margin: 0;
    padding: 0 10px;
    z-index: 2;
    width: 55px
}


.ImagenZionLogin {
    border-width: 0px;
    left: 0px;
    top: 0px;
    width: 310px;
    height: 120px;
}


.BoxEscribetumensaje {
    border-width: 0px;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(20, 102, 191, 1);
    border-radius: 10px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.AsignaNombreCampaña {   
    border-width: 0px;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(20, 102, 191, 1);
    border-radius: 10px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.campos {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: rgba(0, 0, 0, 0.34901960784313724);
    font-size: 12pt;

    border-width: 1px;
    border-style: solid;
    border-color: rgba(20, 102, 191, 1);
    border-radius: 10px;

    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 5px;

    height:50px;
}

.UsuarioBox {
    left: 0px;
    top: 0px;
    width: 473px;
    height: 50px;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(20, 102, 191, 1);
    border-radius: 10px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.boxFecha {
    border-width: 0px;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(20, 102, 191, 1);
    border-radius: 10px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ajusteizquierda10 {
    position: relative;
    right: 10px;
}

.ajusteizquierda20 {
    position: relative;
    right: 20px;
}


.ajustederecha50 {
    position: relative;
    right: 40px;
}


.mt-10{
    margin-top:10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-50 {
    margin-top: 50px !important;
}

.mt-200 {
    margin-top: 200px !important;
}

.mt-290 {
    margin-top: 290px !important;
}

.mt-100 {
    margin-top: 100px !important;
}

.lblHrs{
    position:absolute;
    right:25px;
    top: 15px;
}

.picker__list small {
    color: #999;
    float: right;
    line-height: 1.5;
}

.form-control:disabled, .form-control[readonly] {
    background-color: rgba(255, 255, 255, 1);
    opacity: 1;
}
/*

--------------------------Formato de Página ---------------------------*/

.bodyLogin {
    margin: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(84, 86, 91, 1) 0%, rgba(84, 86, 91, 1) 50%, white 50%, white 100%);
}

.FondoLoginNegro {
    background: rgba(84, 86, 91, 1);

}

.FondoLoginBlanco {
    background: white;
}


 /*Ajustes de tablas*/
.CeldaOpcionesEnvios {
    width: 200px !important;
}


.headertabla {
}

    .headertabla > tr > td {
        color: white;
        border: white 1px solid;
        background: #1864bc;
    }

table.table > thead > tr > th:last-child[class*="sort"]:before, table.table > thead > tr > th:last-child[class*="sort"]:after {
    display: none;
}

table.table > thead > tr > th:last-child {
    pointer-events: none;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

.tabla-general div.dataTables_wrapper {
    font-size: inherit;
    background-color: inherit;
    box-shadow: inherit;
}

.tabla-edificios .dataTables_length {
    display: none;
}

.tabla-metodos-pago .dataTables_length, .tabla-metodos-pago .dataTables_filter, .tabla-metodos-pago .dataTables_info, .tabla-metodos-pago .dataTables_paginate, .tabla-formas-pago .dataTables_length, .tabla-formas-pago .dataTables_filter, .tabla-formas-pago .dataTables_info, .tabla-formas-pago .dataTables_paginate, .tabla-estado .dataTables_length, .tabla-estado .dataTables_filter, .tabla-estado .dataTables_info, .tabla-estado .dataTables_paginate, .dash-user-table .dataTables_filter {
    display: none;
}

.tabla-general .dataTables_length {
    font-size: 18px;
}

.tabla-general .dataTables_filter label {
    width: 100%;
    font-size: 18px;
}

.tabla-general .dataTables_filter input {
    width: 90% !important;
    border: 1px solid #999999;
    font-size: 16px;
    border-radius: 3px;
    padding: 10px;
    height: auto !important;
}

.tabla-general table thead {
    text-align: center;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
}

.tabla-general thead > tr > th {
    border-bottom: 5px solid #999999;
    border-top: 1px solid #999999;
    /*height: 50px;*/
}

.tabla-general .page-item.active .page-link {
    color: #fff;
    background-color: #1864bc;
    border-color: #1864bc;
}

    .tabla-general .page-item.active .page-link:hover {
        color: #fff;
        background-color: #1864bc;
        border-color: #1864bc;
    }

.tabla-general .table-responsive {
    display: inline-table;
}

.tabla-edificios .dataTables_info, .tabla-edificios .dataTables_paginate {
    display: none;
}
/*.tabla-general .sorting:before, .tabla-general .sorting:after{
    color: transparent;
}*/
.tabla-general .table tbody {
    color: #555;
    font-size: 16px;
}

.tabla-general tbody tr > td {
    border: 1px solid #999999;
    text-align: center;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    /*font-weight: 300;*/
    color: black;
}

.tabla-general .table span {
    font-size: 9px;
    color: #999999;
}

.tabla-general .table p {
    margin-bottom: -5px;
}

.table th, .table td {
     padding: 0px 10px !important; 
}


.table thead tr th, .table thead tr td, .table tbody tr th, .table tbody tr td, .table tfoot tr th, .table tfoot tr td {
    padding: 0px 12px;
}

.page-wrapper{
    min-height:95% !important;
}

.mr-10 {
   margin-right:10px;
}


.mr-60 {
    margin-right: 60px !important;
}