.fijoVertical1 {
    height: 120px !Important;
}

.fijoVertical2 {
    height: 210px !Important;
}

.marginVertical10 {
    margin-top: 10px !Important;
    margin-bottom: 10px !Important;
}

.marginVertical5 {
    margin-top: 5px !Important;
    margin-bottom: 5px !Important;
}

.sombra {
    text-shadow: 2px 1px 2px rgba(150, 150, 150, 0.94) !Important;
}

.izquierda {
    margin-left: -20px !Important;
}

.contenedorAutoHeight {
    overflow: auto !important;
}

.menuItemHorizontal {
    webkit-transition: background .12s ease-out,color .12s ease-out,-webkit-box-shadow .12s ease-out;
    transition: background .12s ease-out,color .12s ease-out,-webkit-box-shadow .12s ease-out;
    -o-transition: background .12s ease-out,box-shadow .12s ease-out,color .12s ease-out;
    transition: background .12s ease-out,box-shadow .12s ease-out,color .12s ease-out;
    transition: background .12s ease-out,box-shadow .12s ease-out,color .12s ease-out,-webkit-box-shadow .12s ease-out;
}

.sidebarAdmin {
    padding: 20px;
    padding-top: 25px;
    /*background: #FDFDFD;*/
    background: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.07) !important;
    overflow: hidden;
    margin-bottom: 25px;
    width: 100%
}

.sidebarAdminSmallPadding {
    /* padding: 20px; */
    /* padding-top: 25px; */
    /*background: #FDFDFD;*/
    background: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.07) !important;
    overflow: hidden;
    /* margin-bottom: 25px; */
    width: 100%;
}

.footerOk {
    /*border-top: solid 4px #7A1E83 !Important;*/
    /*background: rgba(0, 20, 75, 0.9) !Important;*/
    background-color: #EFEFEF !Important;
    /*color: #dfdfdf !Important;*/
    color: #BC0000 !Important;
    padding: 20px !Important;
    margin-right: 0 !Important;
    margin-left: 0 !Important;
    z-index: 99999;
}

.sombra1 {
    -webkit-box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.75) !Important;
    -moz-box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.75) !Important;
    box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.75) !Important;
}

.sombra2 {
    -webkit-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.75) !Important;
    -moz-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.75) !Important;
    box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.75) !Important;
}

.sombra4 {
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.07);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.07);
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.07);
}

.headerBorder {
    border-bottom: solid 4px #76b932 !Important;
}

.modal-body {
    max-height: calc(100vh - 115px);
    overflow-y: auto;
}

/* Correccion de overflow */

.modal-open {
    overflow: scroll;
}

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

html, body {
    padding: 0 !important;
}

/* Fin Correccion de overflow */

@media (min-width: 768px) {
    .modal70 {
        width: 70%;
        margin: 20px auto !Important
    }
}

@media (min-width: 768px) {

    .modal60 {
        width: 60%;
    }

    .modal80 {
        width: 99%;
        margin: 15px !Important
    }
    /*.modal80{width:80%;margin: 20px auto !Important}*/
}

/* Colores Corporativos */

.violeta {
    color: #7A1E83 !Important;
}

.bg-violeta {
    background-color: #7A1E83 !Important;
}

.magenta {
    color: #990099 !Important;
}

.bg-magentaAlt {
    color: #663366 !Important;
}

.magentaDark {
    color: #660066 !Important;
}

.naranja {
    color: #FF6633 !Important;
}

.naranjaAlt {
    color: #993300 !Important;
}

.naranjaDark {
    color: #832b0d !Important;
}

.amarillo {
    color: #FFFF00 !Important;
}

.amarilloAlt {
    color: #999933 !Important;
}

.amarilloDark {
    color: #6f700f !Important;
}

.verde {
    color: #76b932 !Important;
}

.verdeAlt {
    color: #009966 !Important;
}

.verdeDark {
    color: #0c741b !Important;
}

.blanco {
    color: #FFFFFF !Important;
}

.negro {
    color: #000000 !Important;
}

.gris {
    color: #A5A5A0 !Important;
}

.gris2 {
    color: #DFDFDF !Important;
}

.gris3 {
    color: #4d8794 !Important;
}

/* Clases blue tasa (color de fuente) */

.blue10 {
    color: #003245 !Important;
}

.blue09 {
    color: #004356 !Important;
}

.blue08 {
    color: #005466 !Important;
}

.blue07 {
    color: #006476 !Important;
}

.blue06 {
    color: #007486 !Important;
}

.blue05 {
    color: #008597 !Important;
}

.blue04 {
    color: #0095A7 !Important;
}

.blue03 {
    color: #00A5B7 !Important;
}

.blue02 {
    color: #00B6C7 !Important;
}

.blue01 {
    color: #00C6D7 !Important;
}

/* Clases blue (color de fondo) */

.bg-blue10 {
    background-color: #003245 !Important;
}

.bg-blue09 {
    background-color: #004356 !Important;
}

.bg-blue08 {
    background-color: #005466 !Important;
}

.bg-blue07 {
    background-color: #006476 !Important;
}

.bg-blue06 {
    background-color: #007486 !Important;
}

.bg-blue05 {
    background-color: #008597 !Important;
}

.bg-blue04 {
    background-color: #0095A7 !Important;
}

.bg-blue03 {
    background-color: #00A5B7 !Important;
}

.bg-blue02 {
    background-color: #00B6C7 !Important;
}

.bg-blue01 {
    background-color: #00C6D7 !Important;
}

/* Backgrounds colores alternativos */

.bg-magenta {
    background-color: #990099 !Important;
}

.bg-magentaAlt {
    background-color: #663366 !Important;
}

.bg-naranja {
    background-color: #FF6633 !Important;
}

.bg-naranjaAlt {
    background-color: #993300 !Important;
}

.bg-amarillo {
    background-color: #FFFF00 !Important;
}

.bg-amarilloAlt {
    background-color: #999933 !Important;
}

.bg-verde {
    background-color: #76b932 !Important;
}

.bg-verdeAlt {
    background-color: #009966 !Important;
}

.bg-blanco {
    background-color: #FFFFFF !Important;
}

.bg-negro {
    background-color: #000000 !Important;
}

.bg-magentaDark {
    background-color: #660066 !Important;
}

.bg-naranjaDark {
    background-color: #832b0d !Important;
}

.bg-amarilloDark {
    background-color: #6f700f !Important;
}

.bg-verdeDark {
    background-color: #0c741b !Important;
}

/* Links */

.bg-linkAlt {
    background-color: #0086C3 !Important;
}

.linkAlt {
    color: #0086C3 !Important;
}



.imgNodos {
    background: url("../img/Fondo_Nodos.jpg") no-repeat top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.background01 {
    background-color: #F6F7F9 !Important;
}

.background02 {
    background-color: #F1F3F2 !Important;
}

.background03 {
    background-color: #E2F2F5 !Important;
}

.background04 {
    background-color: #DDE8EA !Important;
}


.gigante {
    font-size: 148px !Important;
}


.subir {
    margin-top: -200px;
}

.interlineado2 {
    letter-spacing: -2px;
}

video {
    width: 100% !important;
    height: auto !important;
}


/* Titulos */
/* para pantallas chicas */


.BotonFijo {
    position: fixed;
    top: 143px;
    right: -2px;
    z-index: 99999;
    background-color: #76b932;
    padding: 5px;
    border-radius: 4px;
}

.subirMobile {
    margin-top: -80px;
}

.titulo {
    font-size: 25px !Important;
}

.titulo2 {
    font-size: 15px !Important;
}

.titulo3 {
    font-size: 16px !Important;
}

.titulo4 {
    font-size: 11px !Important;
}

.titulo5 {
    font-size: 13px !Important;
}

.titulo6 {
    font-size: 40px !Important;
}

.TituloPrincipalPrime {
    font-size: 35px !Important;
}

.fondoTransparente {
    background-color: none !Important;
}

.fondoTransparenteMobile {
    background-color: rgba(0, 84, 102, 0.2);
    margin-bottom: 10px;
    margin-left: 3px;
    margin-right: 5px;
    padding: 15px;
    border-radius: 4px;
}

/* Pantallas grandes */

@media (min-width: 768px) {
    .botoneraSuperiorDerecha {
        margin-top: 24px;
        margin-right: 60px;
    }
    /*.botoneraSuperiorDerecha li a{color:#7A1E83;}*/
    .fondoTransparenteMobile:hover {
        background-color: rgba(0, 84, 102, 0.3);
    }

    .subirMobile {
        margin-top: 0px;
    }

    .BotonFijo {
        position: fixed;
        top: 175px;
        right: -2px;
        z-index: 99999;
        background-color: #76b932;
        padding: 17px;
        border-radius: 5px;
    }

    .titulo {
        font-size: 35px;
    }

    .titulo2 {
        font-size: 21px;
    }

    .titulo3 {
        font-size: 16px;
    }

    .titulo4 {
        font-size: 11px;
    }

    .titulo5 {
        font-size: 13px;
    }

    .titulo6 {
        font-size: 70px;
    }

    .TituloPrincipalPrime {
        font-size: 48px;
    }

    .fondoTransparente {
        background-color: rgba(0, 84, 102, 0.5);
    }
}

input.transparente {
    background-color: transparent !important;
    background-color: rgba(0,0,0,0) !important;
    border: none !important;
}

input.dosDigitos {
    width: 40px;
}

.btnWrap {
    white-space: normal;
}

.vertical-center {
    min-height: 100%; /* Fallback for browsers do NOT support vh unit */
    min-height: 100vh; /* These two lines are counted as one :-)       */
    display: flex;
    align-items: center;
}

.vertical-top {
    display: inline-block;
    vertical-align: top;
    float: none;
}

/*ANIMACIONES*/

.animado {
    transition: all 0.3s ease;
}

.animado2 {
    transition: all 0.6s ease;
}

.animado3 {
    transition: all 1s ease;
}

.fadeFx {
    opacity: 1;
}

    .fadeFx:hover {
        opacity: 0.7;
    }

.achicar:hover {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

.agrandar:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.rotarIzq:hover {
    -webkit-transform: rotateZ(-5deg);
    -ms-transform: rotateZ(-5deg);
    transform: rotateZ(-5deg);
}

.rotarDer:hover {
    -webkit-transform: rotateZ(+5deg);
    -ms-transform: rotateZ(+5deg);
    transform: rotateZ(+5deg);
}

.borde:hover {
    box-shadow: inset 0 0 0 25px #777777;
}

.desplazarAbajo:hover {
    margin-top: 10px;
}

.desplazarArriba:hover {
    margin-bottom: 10px;
}

.desplazarDerecha:hover {
    margin-left: 10px;
}

.desplazarIzquierda:hover {
    margin-right: 10px;
}

.sombraFx1:hover {
    -webkit-box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.75);
}

.sombraFx2:hover {
    -webkit-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.75);
}

.sombraFx3:hover {
    -webkit-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.75);
}

.sombraFx4:hover {
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.07);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.07);
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.07);
}

a.OverNaranja:hover {
    color: #FF6633;
}

a.violeta {
    color: #7A1E83 !Important;
}

a.verde {
    color: #76b932 !Important;
}

.margen5 {
    margin: 5px
}

.margen10 {
    margin: 10px
}

.margen20 {
    margin: 20px
}

.marginVerticalTop110 {
    margin-top: 110px;
}

.marginVerticalTop20 {
    margin-top: 20px;
}

.marginVerticalTop10 {
    margin-top: 10px;
}

.padding5 {
    padding: 5px;
}

.padding7 {
    padding: 7px !important;
}

.padding10 {
    padding: 10px;
}

.padding15 {
    padding: 15px;
}

.padding20 {
    padding: 20px;
}

.padding25 {
    padding: 25px;
}

.marginLeft5 {
    margin-left: 5px;
}

.marginRight5 {
    margin-left: 5px;
}

.btn-space {
    margin-right: 5px;
    margin-top: 5px;
}

/* Clase de boton naranja seleccionado */

.btn_activo_naranja {
    color: #FFFFFF;
    background-color: #FF6633;
}

/* Clase de boton gama azules seleccionado */
.btn_activo_blue10 {
    color: #FFFFFF;
    background-color: #003245;
}

.btn_activo_blue09 {
    color: #FFFFFF;
    background-color: #004356;
}

.btn_activo_blue08 {
    color: #FFFFFF;
    background-color: #005466;
}

.btn_activo_blue07 {
    color: #FFFFFF;
    background-color: #006476;
}

.btn_activo_blue06 {
    color: #FFFFFF;
    background-color: #007486;
}

.btn_activo_blue05 {
    color: #FFFFFF;
    background-color: #008597;
}

.btn_activo_blue04 {
    color: #FFFFFF;
    background-color: #0095A7;
}

.btn_activo_blue03 {
    color: #FFFFFF;
    background-color: #00A5B7;
}

.btn_activo_blue02 {
    color: #FFFFFF;
    background-color: #00B6C7;
}

.btn_activo_blue01_hundido {
    background-color: #00FF99;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    font-weight: bold;
    color: #0c741b;
}

/* Clases de width fijo para los iconos agrupados con inputs */

.fijo0 {
    width: 60px;
}

.fijo {
    width: 120px;
}

.fijo2 {
    width: 200px;
}

.fijo3 {
    width: 300px;
}

.fijo4 {
    width: 400px;
}

.fijo5 {
    width: 130px;
}

.fijo6 {
    width: 150px;
}

.fijo7 {
    width: 100px;
}

.fijo8 {
    width: 85px;
}

.rnd {
    border-radius: 4px !important;
}

.rndLeft {
    border-radius: 5px 0px 0px 5px !important;
}

.rndRight {
    border-radius: 0px 5px 5px 0px !important;
}

/* Grilla por default con efecto hover */

.grilla {
    border-collapse: collapse;
    border: solid 1px #d1e2ee;
}

    .grilla td {
        padding: 5px;
        border: solid 1px #d1e2ee;
    }

    .grilla th {
        padding: 5px;
        font-weight: normal;
    }

    .grilla table td {
        padding: 2px;
    }

.hover_row {
    background-color: #ceeaff;
}

@media (max-width: 767px) {
    .largoFix {
        width: auto;
    }
}

@media (max-width: 992px) {
    .MobileNotifications {
        top: 25px !Important;
        right: 15px !Important;
        position: relative !Important;
    }
}

@media (min-width: 768px) {
    .largoFix {
        width: 102.5%
    }
}

textarea {
    resize: none;
}

.botonFlecha {
    box-sizing: content-box;
    display: inline-block;
    position: relative;
    margin: 1em;
    border: none;
    padding: .5em 2em;
    /*width: 5.625em; height: 1.25em;*/
    /*font: 1em/1.25 Verdana, sans-serif;*/
    text-decoration: none;
    /*text-transform: uppercase;*/
    transition: background-color 1s;
    cursor: pointer;
}

    .botonFlecha:before, .botonFlecha:after {
        position: absolute;
        right: -.3125em;
        width: .5em;
        height: 50%;
        box-shadow: -.2em 0 0 white;
        background: inherit;
        content: '';
    }

    .botonFlecha:before {
        top: 0;
        transform: skewX(30deg);
    }

    .botonFlecha:after {
        bottom: 0;
        transform: skewX(-30deg);
    }

img {
    max-width: 100%;
    height: auto;
}

    img[usemap] {
        border: none;
        height: auto;
        max-width: 100%;
        width: auto;
    }

.agrandado {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.hundido {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}

.bordeBlanco {
    border-color: #FFF !important;
}

.altoMinimo500 {
    min-height: 500px;
}

.textoIzquierda {
    text-align: left !important;
}

.textoDerecha {
    text-align: right !important;
}

.textoCentro {
    text-align: center !important;
}

.textoCentroVertical {
    vertical-align: middle !important;
}

.inputIconoFondoVerde {
    background-color: #76b932 !important;
    border: solid 1px #76b932 !important;
}

.inputIconoFondoVioleta {
    background-color: #7A1E83 !important;
    border: solid 1px #7A1E83 !important;
}

.MobileIcon {
    /*top: 13px !Important;
    right: 10px !Important;
    position: absolute !Important;*/
}

.blink_me {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.imgFondo1 {
    background: url("../img/fondo1.jpg") no-repeat top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.textoNormalizado {
    text-transform: capitalize !important;
}

.SinBorde {
    border: none !important;
}

.sk-cube-grid {
    width: 40px;
    height: 40px;
    margin: 40px auto;
    /*
   * Spinner positions
   * 1 2 3
   * 4 5 6
   * 7 8 9
   */
}

    .sk-cube-grid .sk-cube {
        width: 33.33%;
        height: 33.33%;
        background-color: #333;
        float: left;
        -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
        animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    }

    .sk-cube-grid .sk-cube1 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .sk-cube-grid .sk-cube2 {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    .sk-cube-grid .sk-cube3 {
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
    }

    .sk-cube-grid .sk-cube4 {
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }

    .sk-cube-grid .sk-cube5 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .sk-cube-grid .sk-cube6 {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    .sk-cube-grid .sk-cube7 {
        -webkit-animation-delay: 0.0s;
        animation-delay: 0.0s;
    }

    .sk-cube-grid .sk-cube8 {
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }

    .sk-cube-grid .sk-cube9 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

.BoxHeaderSpan {
    font-size: 36px;
    font-weight: 600;
}

.bg-azul-new {
    background-color: #BC0000 !important;
}

.bg-azul-new-borde {
    border-color: #BC0000 !important;
}

.bg-aqua-borde {
    border-color: #00c0ef !important;
}

.rnd {
    border-radius: 4px;
}

.rndLeft {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.rndRight {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.fullWidth {
    width: 100% !important;
}

.textBold {
    font-weight: bold !important;
}

.textSize9 {
    font-size: 9px !important;
}

.textSize10 {
    font-size: 10px !important;
}

.textSize11 {
    font-size: 11px !important;
}

.textSize12 {
    font-size: 12px !important;
}

.textSize13 {
    font-size: 13px !important;
}

.textSize14 {
    font-size: 14px !important;
}

.textSize15 {
    font-size: 15px !important;
}

.textSize16 {
    font-size: 16px !important;
}

.textSize18 {
    font-size: 18px !important;
}

.textSize20 {
    font-size: 20px !important;
}

.textSize30 {
    font-size: 30px !important;
}

.textSize40 {
    font-size: 40px !important;
}

.textSize50 {
    font-size: 40px !important;
}

.noPadding {
    padding: 0 !important
}

.finger{
    cursor: pointer;
}