/* Fuentes Externas ===========================================================  *//*@font-face {  font-family: "BakerFont";  src: url('../Fonts/tt0855m_.ttf');  src: url('../Fonts/tt0855m_.ttf') format('truetype');  font-style: normal;  }*//* Login =================================================================== */.recordar label{    font-size: 12px;    position: relative;    top: -3px;    left: 4px;    color: #5dc3ad;}.recordar{    position: relative;    left: 64px;}.textboxIgualado{min-width: 251px  !Important;}.errorLogin{    width: 170px !important;    font-size: 13px;    position: relative;    top: -64px;    color: rgb(255,174,49);}.loginContainer{   width: 611px;height: 258px;margin: 15% auto;/* padding: 10px; */color: #fff;-webkit-box-shadow: 4px 4px 5px 0px rgba(50,50,50,0.42);-moz-box-shadow: 4px 4px 5px 0px rgba(50,50,50,0.42);box-shadow: 4px 4px 5px 0px rgba(50,50,50,0.42);background-image: url('../../Images/bgContainerLoginNew.png');background-repeat: no-repeat;}.controlContainer{    width: 237px;float: right;padding: 13px;background: rgb(0,99,77);padding-top: 45px;margin: 10px;height: 181px;}.filaLogin{    width: 100%;    float: left;    /* background-color: orange; */    margin: 9px 0 0 0;}.filaLoginR{    width: 100%;    float: right;    /* background-color: orange; */    margin: 9px 0 0 0;}.filaLoginR span{    width:100px;    float:left;}.filaLogin span{    width:65px;    float:left;}.filaLogin input[type="text"] {    padding: 4px;width: 164px;}.btnLogin{    padding: 10px;    background-color: #02a783;    color: #fff;    float: right;    margin: 0 -2px 0 0;    cursor:pointer;     -webkit-transition: all .5s;    -moz-transition: all .5s;    -ms-transition: all .5s;    -o-transition: all .5s;    transition: all .5s;}.btnLogin:hover{    background-color: #00bb92;}/* Reset CSS =============================================================== */*{    margin: 0;    padding: 0;    border: 0;    font-family: Calibri,sans-serif;}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{    margin: 0;    padding: 0;    border: 0;    font-size: 100%;    /*font: BakerFont;*/    vertical-align: baseline;}a{    cursor: pointer;    }/* HTML5 display-role reset for older browsers */article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{    display: block;}body{    line-height: 1;}ol,ul{    list-style: none;}blockquote,q{    quotes: none;}blockquote:before,blockquote:after,q:before,q:after{    content: '';    content: none;}table{    border-collapse: collapse;    border-spacing: 0;}th {    text-align:center !Important;}/* Tags Generales   ===========================================================  */body{    width: 100%;    color: #000000;}.cut{    clear:both;}/* Clases           ===========================================================   *//* HEADER ............................... */.nav{    position: relative;    top: 35px;    left: 9%;    width: 71%;     z-index:10;}.wrapperHeader{    width: 100%;    background-image: url('../../Images/masterPage/bg2.png');    background-repeat: repeat-x;    height: 100px;}.imgLogo{    padding: 10px 0 0 10px;    float: left;    cursor: pointer;}ul#menu-horizontal li {    float: left;    display: inline;    position: relative;        -webkit-transition: all .5s;    -moz-transition: all .5s;    -ms-transition: all .5s;    -o-transition: all .5s;    transition: all .5s;}ul#menu-horizontal ul {display: none;position: relative;top: 24;left:0;margin:0;    -webkit-transition: all .5s;    -moz-transition: all .5s;    -ms-transition: all .5s;    -o-transition: all .5s;    transition: all .5s;}ul#menu-horizontal ul li {display: block !important;}ul#menu-horizontal li:hover ul{}ul#menu-horizontal li:hover ul{display: block;}#menu-horizontal {    float: left;    width:100%;    margin: 0 0 0 84px;    color: #fff;    position:absolute;}#menu-horizontal li {    margin: -8px 3px 0 0;    width: 90px;    text-align: center;    background: #02a783;    padding: 16px 4px;    position: relative;    top: -14px;    -webkit-transition: all .5s;    -moz-transition: all .5s;    -ms-transition: all .5s;    -o-transition: all .5s;    transition: all .5s;}#menu-horizontal li:hover {background: #00bb92;}#menu-horizontal li a {    font: bold 12px Arial,Helvetica,sans-serif;    font-weight: 400;    color:#FFF;    text-decoration:none;}#menu-horizontal li ul li a {    font-size: 12px;    padding: 6px 4px;    display: inline-block;    width: 100%;    color: #00634d}#menu-horizontal li ul li{    float: none;width: 100%;margin: 1px 0;position: relative;top: 10px;left: 0px;cursor: pointer;background-color: #fff;padding: 0;}#menu-horizontal li ul li:hover{    background-color: #ccfff4;}/* consola */.consola {    width: 250px;    float: right;    height: 35px;    margin: 13px 1% 0px 0;    /*font-family: BakerFont;*/    position: relative;    z-index: 11;}.consolaBox{    width: 46px;    height: 46px;    background-color: #02a783;    float: left;    padding: 5px;    margin: 0 0 0 3px;    position: relative;    z-index: 10;    -webkit-transition: all .5s;    -moz-transition: all .5s;    -ms-transition: all .5s;    -o-transition: all .5s;    transition: all .5s;    cursor: pointer;}.consolaBox img.iconUnidades{   position: absolute;   top: 9px;   }.consolaBox span.notifUnidades{    color: #fff;    font-size: 12px;    position: absolute;    bottom: 0;    display: block;    width: 37px;    text-align: center;}.consolaBox p,.consolaBox2 p {    color: #fff;    text-transform: uppercase;    position: relative;    top: 8px;    left: -1px;    text-align: center;}.consolaBox:hover{    background-color: #00bb92;}.consolaBox2 {    width: 46px;    cursor: pointer;    height: 46px;    background-color: #02a783;    float: left;    margin: 0px 0 0 150px;    position: absolute;    z-index: 8;    -webkit-transition: all .5s;    -moz-transition: all .5s;    -ms-transition: all .5s;    -o-transition: all .5s;    transition: all .5s;}.consolaBox3{width: 46px;height: 46px;background-color: #02a783;float: left;padding: 5px;margin-top: 49px;position: absolute;z-index: 8;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}.consolaBox4{width: 46px;height: 46px;background-color: #02a783;float: left;padding: 5px;margin-top: 98px;position: absolute;z-index: 8;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}.consolaBox5{width: 46px;height: 46px;background-color: #02a783;float: left;padding: 5px;margin-top: 147px;position: absolute;z-index: 8;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}.lenguaje{     width:35px;    height:35px;    position: relative;    left: -5px;    top: 0px;    background-color: orange;    z-index:0;}.imgSetup,.imgAdmin {    position: relative;    top: 7px;    left: 7px;}.imgSetup.btnCerrSess{       top: 8px;    left: 8px;}.ruta{    float: left;    color: #fff;    text-transform: uppercase;    padding: 8px 0 0 8px;}.filaNegra{    width: 100%; float: left; height: 28px; margin: 10px 0 0 0;}.help{    float: left;    width: 30px;    height: 28px;    background: rgb(107,107,107);    background-image: url('../../Images/masterPage/cosito.png');}.ruta{    float: left;    color: #fff;    text-transform: uppercase;    padding: 8px 0 0 8px;}.minShowNav{    float: right;    height: 50px;    width: 50px;    margin: 10px;    background-color: #ACACAC;    background-image: url('../../Images/masterPage/navMenu.png');    background-repeat: no-repeat;    cursor:pointer;    display:none;    -webkit-transition: all .5s;    -moz-transition: all .5s;    -ms-transition: all .5s;    -o-transition: all .5s;    transition: all .5s;}    .minShowNav:hover{    background-color: orange;}.contenedorFooter{    background: rgb(170,170,170);    /*width: 100%;*/    height: 200px;    background-image: url('../../Images/masterPage/bgFooter2.png');    background-repeat: no-repeat;    background-size: contain;    background-position: top right;    padding: 1% 0 0 1%;}.footerWrapper{    /*width:100%;*/    margin:0 auto;    /*left: 9px;    bottom: -93px;*/    position: absolute;    }.footerDivA{  width: 295px;    float: left;    color: rgb(78,78,78);    margin: 10px 0 0 0;    border-right: 1px solid rgb(145,145,145);    padding: 0px 10px;    height: 51px;}.footerDivA a, .footerDivA a:visited,.footerDivA a:active{    color: #333;    border: 1px solid #333;    text-decoration: none;    font-size: 12px;    padding: 2px 4px;    white-space: nowrap;    transition: .4s background-color;    margin-top: 2px;    display: inline-block;    text-decoration: none;    opacity: .8;}.footerDivA a:hover,.footerDivA a:focus{    color: #333;    opacity: 1;    text-decoration: none;}.footerDivA a.whatsapp,.footerDivA a.whatsapp:visited,.footerDivA a.whatsapp:active{    color: #00634d;    border-color: #00634d;}.footerDivA a.whatsapp:hover,.footerDivA a.whatsapp:focus{    color: #00634d;}.footerRight {    width: 210px;    height: 51px;    position: absolute;    right: 0;    padding: 0 18px;}.footerRight a {    color: rgb(78,78,78);    transition: all .4s;    text-decoration: none;    position: relative;    padding: 10px 10px 10px 50px;    display: block;}.footerRight a img{       filter: grayscale(100%) brightness(0.6);    -ms-filter: grayscale(100%) brightness(0.6);    -webkit-filter: grayscale(100%) brightness(0.6);    -moz-filter: grayscale(100%) brightness(0.6);    transition: all .4s;    position: absolute;    left: 9px;    top: 14px;}.footerRight a:hover {    color: #fff;    text-decoration: none;    background: #00634d;}.footerRight a:hover img{    filter: grayscale(25%) brightness(18);    -ms-filter: grayscale(25%) brightness(18);    -webkit-filter: grayscale(25%) brightness(18);    -moz-filter: grayscale(25%) brightness(18);}@media screen and (max-width: 768px) {    .footerRight {        display: none;    }        .footerDivA:nth-child(2)    {        border-right: none;    }}/* home */.containerHome{    width:100%;    height:auto;  }.slider{    width: 290px;    height: 470px;    overflow:hidden;    float: left;    background-color: #075eab;    margin: 5px 5px 5px 0;}.filaMetro{    width: 53%;    height: auto;    float: left;}.filaMetroBox{    width: 32.5%;    height: 233px;    background-color: #02a783;    float: left;    margin: 5px 5px 0 0;    cursor: pointer;    color: #fff;    -webkit-transition: all .5s;    -moz-transition: all .5s;    -ms-transition: all .5s;    -o-transition: all .5s;    transition: all .5s;}.filaMetroBox:hover{    background-color: #00bb92;}.contenedorImagenBox{    width: 100%;    float: left;    margin: 0 auto;    text-align: center;    padding: 10px 0 0 0;}img.imgMetro {width: 76%;min-width: 198px;/* margin: 0 0 1% 0; */}.filaMetroBox span{    text-align: left;    padding: 0% 5%;    float: left;    font-size: 0.9em;}.filaMetroBox > span:first-child{    font-weight:bold;    font-size: 0.9em;}  /* FIN HEADER .......................  *//* Responsive =================================================================  *//* Smartphone ------------------------------------------------------------------------------------------------------------------- *//* Samsung Galaxy S2 PORTRAIT */@media screen and (device-width: 320px) and (device-height: 533px) and (-webkit-device-pixel-ratio: 1.5) {    body    {        width:100%;        background-size: 3356px;    }     .headerNuevo    {        width: 100%;                  }        .font    {        font-size: 300%;    }    .loginContainer,.controlContainer{width: 96%;float: none;height: 700px;}.clave {padding: 10px !important;width: 98% !important;font-size: 300% !important;}input[disabled]{    -moz-user-select: none;    -webkit-user-select: none;    -ms-user-select: none;    user-select: none;}  .filaLogin input[type="text"] {padding: 10px;width: 98%;font-size: 300%;/* height: 51px; */}.filaLogin span {width: 20%;/* float: left; */font-size: 347%;padding: 26px 0;}     .help,.ruta     {        display:none;    }           .nav    {            left: 0% !important;         width:100%;        height:0 ;    }  #menu-horizontal {        margin: 56px 0 0 0;        background: gray;        width:100%;        height:0 ;        overflow:hidden;          -webkit-transition: all .5s;        -moz-transition: all .5s;        -ms-transition: all .5s;        -o-transition: all .5s;        transition: all .5s;    }     #menu-horizontal li {        margin: 0 3px 0 0;        width: 100%;        text-align: center;        background: #000;        padding: 12px 4px;        position: relative;        top: 2px;        -webkit-transition: all .5s;        -moz-transition: all .5s;        -ms-transition: all .5s;        -o-transition: all .5s;        transition: all .5s;        margin: 0 0 2PX 0;        }  .minShowNav    {         display:inline-block;    }    .nivoSlider {        width: 100% !important;        height: 271px !important;        max-height: 271px;        }                .filaMetroBox {    width: 100% !important;    height: 233px;        }    .filaMetro {width: 100%;}    }/* Samsung Galaxy S2 LANDSCAPE */@media screen and (device-max-width:533px ) and (device-max-height:320px ) and (-webkit-device-pixel-ratio: 1.5){    *{    font-size:20px;}      body    {        width:100%;        background-size: 3356px;    }     .headerNuevo    {        width: 100%;                  }        .font    {        font-size: 300%;    }    .loginContainer,.controlContainer{width: 96%;float: none;height: 700px;}.clave {padding: 10px !important;width: 98% !important;font-size: 300% !important;}     .headerNuevo    {        width: 100%;        margin: 0px auto;            }            .loginContainer{   width: 100%;   background-color:Red !Important;}         .help,.ruta     {        display:none;    }                .nav    {            left: 0% !important;         width:100%;        height:0 ;    }  #menu-horizontal {        margin: 56px 0 0 0;        background: gray;        width:100%;        height:0 ;        overflow:hidden;          -webkit-transition: all .5s;        -moz-transition: all .5s;        -ms-transition: all .5s;        -o-transition: all .5s;        transition: all .5s;    }     #menu-horizontal li {        margin: 0 3px 0 0;        width: 100%;        text-align: center;        background: #000;        padding: 12px 4px;        position: relative;        top: 2px;        -webkit-transition: all .5s;        -moz-transition: all .5s;        -ms-transition: all .5s;        -o-transition: all .5s;        transition: all .5s;        margin: 0 0 2PX 0;        }  .minShowNav    {         display:inline-block;    }    .nivoSlider {        width: 100% !important;        height: 271px !important;        max-height: 271px;        }                .filaMetroBox {    width: 100% !important;    height: 233px;        }    .filaMetro {width: 100%;}    }/* FIN Samsung Galaxy S2 *//* Samsung Galaxy S3 *//* FIN Samsung Galaxy S3 */@media only screen and (min-width : 200px) and (max-width : 921px){        .loginContainer{   width: 100%;   background-color:Blue !Important;}      .headerNuevo    {        width: 100%;        margin: 0px auto;            }            .help,.ruta     {        display:none;    }              .nav    {            left: 0% !important;         width:100%;        height:0 ;    }  #menu-horizontal {        margin: 56px 0 0 0;        background: gray;        width:100%;        height:0 ;        overflow:hidden;          -webkit-transition: all .5s;        -moz-transition: all .5s;        -ms-transition: all .5s;        -o-transition: all .5s;        transition: all .5s;    }     #menu-horizontal li {        margin: 0 3px 0 0;        width: 100%;        text-align: center;        background: #000;        padding: 12px 4px;        position: relative;        top: 2px;        -webkit-transition: all .5s;        -moz-transition: all .5s;        -ms-transition: all .5s;        -o-transition: all .5s;        transition: all .5s;        margin: 0 0 2PX 0;        }  .minShowNav    {         display:inline-block;    }    .nivoSlider {        width: 100% !important;        height: 271px !important;        max-height: 271px;        }                .filaMetroBox {  width: 100% !important;height: auto;font-size: 21px;padding: 0 0 18px 0;        }        .filaMetro {    width: 100%;}}/* mobile menos específico*/@media only screen and (max-width: 595px){    .contenedorFooter    {        height: auto;    }        .footerDivA    {           border: none;        padding: 10px 0px;        margin-left: auto;        margin-right: auto;        margin-top: 10px;        float: none;        height: auto;        text-align: center;    }       }/* margen adaptativo los botones de la derecha */@media only screen and (max-width : 338px){    .consola    {           width: 118px;    }       }/* Desktops and laptops small screen -------------------------------------- */@media only screen and (min-width : 875px) and (max-width : 1002px){    /*.nav    {                width:100%;    }*/}/* Desktops and laptops small screen -------------------------------------- */@media only screen and (min-width : 1002px) {       .headerNuevo    {        width: 100%;        margin: 0px auto;    }       .minShowNav    {        display:none;    }       }/* Desktops and laptops -------------------------------------- */@media only screen and (min-width : 1240px) {     .headerNuevo    {        width: 100%;        margin: 0px auto;    }        .minShowNav    {        display:none;    }          #menu-horizontal li {    width: 11%;    }         }@media (min-width : 922px) and (max-width: 965px) {    #menu-horizontal li {        width: 84px;    }}/*PROBLEMA CON AUTOCOMPLETE DE COMBOBOXES EN IE*/.ui-autocomplete {    z-index: 5000 !important;}@media screen and (min-width: 922px){        .filaNegra    {           display: none;    }}/*Preloaders modales------------------------------*/#contModalLoad{       position: fixed;    left: 0px;    top: 0px;    width: 100%;    height: 100%;    z-index: 11;    background-color: rgba(0,0,0,0.7);    vertical-align: middle;    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';}#modalLoad {    position: relative;    margin-top: -20px;    top: 50vh;    text-align: center;    width: 80px;    padding: 10px;    margin-left: auto;    margin-right: auto;    background: #00634d;    border-radius: 3px;}.modal-backdrop.in{       opacity: 1;    background: rgba(0,0,0,.7);}/*Modal -------------------------------------------------------------- */.modal-content .modal-header{    background-color: #00634d;    padding-bottom: 30px !important;}.modal-header .close{    color: #ffffff;    opacity: 1;    text-shadow: none;}.modal-footer{    margin-top: 0px !important;}.modal-footer .btn-primary{    background-color: #02a783;    border-color: #00634d;}.modal-footer .btn-primary:hover,.modal-footer .btn-primary:active{    background-color: #00634d;}.modal-footer .btn-primary[disabled]{    background-color: #02a783;    border-color: #00634d;    opacity: .4;}/*Collapse para segmentos del modal----------------------------------- */.titulosModalCollapsible {                background-color: #00634d !important;    cursor: pointer;    position: relative;    -webkit-user-select: none;  /* Chrome all / Safari all */    -moz-user-select: none;     /* Firefox all */    -ms-user-select: none;      /* IE 10+ */    user-select: none;          /* Likely future */      }        .elementosModalCollapsible{       /*display: none;*/    float: left;    height: 0px;    overflow: hidden;}                .collapseCaret{       background-color: #02a783;    display: inline-block;    position: absolute;    left: 0;    width: 26px;    height: 26px;    border-radius: 17px;    top: -3px;color: #fff;    padding-top: 9px;    transition: .4s all;}        .collapseCaret.rotate{       transform: rotate(-90deg);    padding-top: 10px;}/* Arregla-Monchadas*/.clearfix:after,.Form:after {    content: " ";   display: block;    height: 0;    clear: both;}body{       background: #aaa !important;}/* Accordion / Collapsible Panels ---------------------------------------------*/.panelColapsible{    margin: 0px 10px 20px 10px;}.panelColapsible.panel-group .panel{    border: none;    border-radius: 0px;    background: transparent;}.panelColapsible.panel-group .panel-default > .panel-heading{    border: none;    border-radius: 0px;    background: #02a783;    padding: 0px;}.panelColapsible.panel-group .panel-default > .panel-heading > .panel-title > a{    padding: 10px;    display: block;    color: #fff;}.panelColapsible.panel-group .panel-default > .panel-heading > .panel-title > a:hover,.panelColapsible.panel-group .panel-default > .panel-heading > .panel-title > a:focus{    text-decoration: none;    }.panelColapsible.panel-group .panel-default > .panel-heading > .panel-title > a > img{    margin-right: 10px;    transform: rotate(90deg);    transition: transform .4s;}.panelColapsible.panel-group .panel-default > .panel-heading > .panel-title > a.collapsed > img{    transform: rotate(0deg);}.panelColapsible.panel-group .panel-default > .panel-collapse{    background: rgba(0,0,0,.15);}span.lblTextNocturno {/*para acmodar horario nocturno en alertas*/    width: auto !important;    min-width: 0px !important;    float: left !important;    margin: 0 !important;    padding: 4px 5px !important;}/*Combo chk moncho  */.comboChk {          z-index: 2;          display: inline-block;          margin-bottom: 0px;        }                .comboChk dd,       .comboChk dt {          margin: 0px;          padding: 0px;        }        .comboChk ul {          margin: -1px 0 0 0;        }        .comboChk dd {          position: relative;        }                .comboChk .hida        {            padding:0;        }        .comboChk a,       .comboChk a:visited {          text-decoration: none;          outline: none;          margin: 0px !important;          font-weight: normal;          color: rgb(160,160,160);          text-transform: uppercase;          position: relative;        }        .comboChk dt a {          background-color: #075eab;            display: block;            overflow: hidden;            border: 0;            width: 200px;            height: 27px;            padding: 5px;            border: 0 !important;        }        .comboChk dt a span,       .multiSel span {          cursor: pointer;            display: inline-block;            float: none !important;            width: auto !important;            min-width: auto !important;            color: #fff !important;            margin: 0 !important;        }        .comboChk dd ul {              background-color: #fff;                border: 0;                display: none;                left: 0px;                padding: 15px;                position: absolute;                top: 1px;                width: 200px;                text-align: left;                list-style: none;                max-height: 207px;                z-index: 9999;                overflow: auto;                border: 1px solid #666;        }                .comboChk dd ul li label        {               color: #333 !important;        }                .comboChk dd ul li input[type="checkbox"]        {               margin-top: 0px !important;            margin-bottom: 0px !important;        }        .comboChk span.value {          display: none;        }        .comboChk p        {               margin: 0px;        }        .comboChk dd ul li a {          padding: 5px;          display: block;        }        .comboChk dd ul li a:hover {          background-color: #fff;        }        /* NUEVO DOCUMENTACION ============================================================================== */        .itemTitle {            background-color: #02a783;            color: #fff;            font-size: 18px;            text-transform: uppercase;            padding: 10px;        }        .itemDetalle {            background-color: #aaa;            color: #fff;            padding: 10px;            position: relative;        }        .itemDetalle:after{            content: ".";            visibility: hidden;            display: block;            height: 0;            clear: both;        }        .fileUpload {            float: left;            height: 135px;            width: 135px;            border: 3px dashed #fff;            border-radius: 6px;            position: relative;            overflow: hidden;        }        .fileUpload input{            background:red;            width: 100%;            height: 100%;            position: absolute;            opacity:0;            cursor: pointer;            z-index: 2;        }        .fileUpload label{            width: 100%;            text-transform: inherit;            text-align: center;            position: absolute;            top: 50%;            transform: translateY(-50%);            padding: 0 15px;        }        .filaCampoUpload {            position: relative;            padding-left: 180px;        }        .filaCampoUpload input[type="checkbox"] {            position: absolute;            left: 156px;        }        .itemDetalle button.Button {            position: absolute;            bottom: 10px;            right: 10px;            top: auto;        }        .filaCampoUpload label {            width: 150px;            text-transform: none;        }