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: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {lidesk-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

/* #353947 #286EFA */

body{font-family: 'acumin-pro', sans-serif; font-size: 13px; font-weight: 400; line-height: 16px; background-color: #e3e6e9; color: #636669; height: 100%;}

h1{font-size: 25px; line-height: 28px; color: #286EFA; margin: 0 0 20px 0; padding: 0; font-weight: 600;}
h2{font-size: 16px; line-height: 19px; font-weight: 600; color: #286EFA; margin: 0 0 20px 0;}
h2 .btn-add{text-decoration: none; font-size: 12px; background-color: #286EFA; color: #FFF; height: 24px; line-height: 24px; font-weight: normal; border-radius: 4px; padding: 0 10px; display: inline-block; position: relative; top: -2px; margin: 0 0 0 10px;}
h2 span{float: right;}
h2 span a{ text-decoration: none !important; font-size: 14px; font-weight: 500; background-color: #F3F6F9; color: #286EFA; height: 30px; line-height: 31px; font-weight: normal; border-radius: 4px; padding: 0 15px; display: inline-block; position: relative; top: -7px; margin: 0 0 0 10px;}
h2 span a:hover{background-color: #EDF3FE; color: #286EFA;}
h3{font-size: 16px; line-height: 30px; color: #286EFA; margin: 0 0 20px 0; font-weight: 600; position: relative}
h3 span{position: absolute; top: 0px; right: 0;}
h3 span a{text-decoration: none !important; font-size: 14px; font-weight: 500; background-color: #F3F6F9; color: #286EFA; height: 30px; line-height: 31px; border-radius: 4px; margin: 0 0 0 5px; padding: 0 10px; display: inline-block;}
h3 span a:hover{background-color: #286EFA; color: #FFF;}
h3.nosp{margin: 0 !important;}
h4{font-size: 12px; line-height: 13px; text-transform: uppercase; color: #636669; margin: 0 0 0px 0; font-weight: 600;}
a{color: #286EFA; cursor: hand !important;text-decoration: none;}
a:hover{color: #286EFA; text-decoration: underline;}
b { color: #636669; font-weight: 500;}
i{font-style: italic}
p{margin: 0 0 20px 0; line-height: 15px;}
p:last-child{margin: 0 0 0px 0 !important}
hr { border: 0; border-bottom: 1px #ECEFF1 solid;margin: 20px -20px}
small{font-size: 11px; color: #9d9d9d; font-weight: 300px;}
small.alerta{color: #F52F57;}
s{color: #9ca7b3; font-style: italic}
.t-d{color: #AAA}

ol{margin: 0 0 0 20px; padding: 0;}
ol li{margin: 0; padding: 0px 0 10px 0;}

sup{position: relative; top: -3px; font-size: 10px;}

a[href^="tel:"] {
  color: #636669;
  text-decoration: none;
}

.a-l{text-align: left !important}
.a-c{text-align: center !important}
.a-r{text-align: right !important}

.np{padding: 0px !important;}
.nm{margin: 0px !important;}
.pt{padding-top: 20px !important;}
.pb{padding-bottom: 20px !important;}
.sp{margin-bottom: 20px !important;}
.sp-up{margin-top: 20px !important;}

.c-t-r{position: absolute; top: 0; right: 0;}

.mostrar{display: block !important}
.ocultar{display: none !important}
.clear{clear: both}

/* Body ***************************************************************************************************************/

.master-body{}

.body{position: absolute; top: 30px; left: 30px; right: 30px; bottom: 30px; z-index: 0; border-radius: 6px; background-color: #FFF;box-shadow: 3px 3px 15px rgba(40,47,68,0.15);}

/* Header ***************************************************************************************************************/

.body .header{position: absolute; top: 0; left: 0px; right: 0; z-index: 11; height: 60px; background-color: #FFF; display: none;}
.body .header .logo{position: absolute; top: 15px; left: 30px; width: 30px; height: 30px; background: url(../gui/v.svg) 50% 50% no-repeat; background-size: 30px auto; }
.body .header .logo-custom{position: absolute; top: 0%; left: 150px; display: block; height: 60px; line-height: 62px; text-align: center;  text-decoration: none; font-weight: 500; text-transform: uppercase; font-size: 19px; color: #FFF}
.body .header .nav-launch{position: absolute; top: 0px; right: 0px; z-index: 1; width: 60px; height: 60px; background: url(../gui/ico_bi.svg) 50% 50% no-repeat; background-size: auto 12px;}
.body .header .alerta{position: absolute; top: 76px; left: 50%; z-index: 1; transform: translate(-50%,0); width: 16px; height: 16px; background: url(../gui/ico_alerta.svg) 50% 50% no-repeat; background-size: auto 100%;}
.body .header .logout{position: absolute; top: 40px; left: 0px; z-index: 1; height: 40px; line-height: 41px; text-decoration: none; background: url(../gui/ico_logout.svg) 0% 50% no-repeat; background-size: auto 16px; padding: 0 0 0 25px;}
.body .header .config{position: absolute; bottom: 76px; left: 50%; z-index: 1; transform: translate(-50%,0); width: 16px; height: 16px; background: url(../gui/ico_config.svg) 50% 50% no-repeat; background-size: auto 100%;}
.body .header .usuario{position: absolute; top: 0px; left: 0; z-index: 1; height: 40px; line-height: 41px; padding: 0 0 0 25px; background: url(../gui/ico_usuario.svg) 0% 50% no-repeat; background-size: auto 16px;}

/* Navegacion ***************************************************************************************************************/

.body .nav{position: absolute; top: 0px; left: 0px; bottom: 0px; z-index: 10; border-radius: 6px 0 0 6px; width: 280px; border-right: 1px #e3e6e9 solid; box-sizing: border-box; background-color: #FFF;}
.body .nav .logo-v{background: url(../gui/v.svg) 50% 50% no-repeat; background-size: 35px auto; width: 35px; height: 35px; position: absolute; top: 30px; left: 30px; z-index: 3; text-indent: -6000px; transition: all 200ms ease-in-out}
.body .nav .logo-v:hover{transform: rotate(60deg)}

.body .nav .bx-nav-lat{position: absolute; top: 90px; left: 0px; right: 0px; bottom: 100px; z-index: 2; overflow-x: hidden; overflow-y: auto; margin: 0; padding: 0px 0px 0 0 !important; box-sizing: border-box;}
.body .nav .bx-nav-lat li{margin: 0; padding: 0; display: block; position: relative; }
.body .nav .bx-nav-lat li:last-child{border: 0;}
.body .nav .bx-nav-lat li a{color: #636669; height: 30px; line-height: 30px; padding: 0 30px; margin: 0; display: block; text-decoration: none; font-size: 16px; font-weight: 300;}
.body .nav .bx-nav-lat li a span{}
.body .nav .bx-nav-lat li .activo{color: #286EFA; border-left: 3px #286EFA solid; font-weight: 600; padding-left: 27px;}
.body .nav .bx-nav-lat li .activo span{}
.body .nav .bx-nav-lat li ul{position: relative; top: 0px; left: 0px; margin: 0px; padding: 20px 0px; display: none; border-bottom: 0px #f3f6f9 solid}
.body .nav .bx-nav-lat li ul li {display: block; margin: 0; padding: 0; border: 0;}
.body .nav .bx-nav-lat li ul li a{color: #636669; padding: 0px 30px; height: 22px !important; line-height: 22px !important; font-size: 13px; font-weight: 400}
.body .nav .bx-nav-lat li ul li .activo{border: 0; color: #286EFA; font-weight: 400; background-color: transparent; padding-left: 30px;}
.body .nav .bx-nav-lat li.sp{margin: 0 0 30px 0}
.body .nav .nav-overlay{position: fixed; top: 0px; left: 81px; right: 0; bottom: 0;  z-index: 1; background-color: rgba(46,56,94,0.2); display: none;}
.body .nav-lateral-open{left: -230px}

.body .nav .bx-nav-bottom{position: absolute; bottom: 25px; left: 30px; right: 0; z-index: 4; padding: 20px 0 0 0; border-top: 1px rgba(255,255,255,0.1) solid}
.body .nav .bx-nav-bottom a{display: block; color: #636669; margin: 5px 0}
.body .nav .bx-nav-bottom .usuario{}
.body .nav .bx-nav-bottom .logout{}

/* Contenido ***************************************************************************************************************/

.body .contenido{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 280px; z-index: 1; padding: 0px; overflow: auto;}
.body .contenido-open{left: 0px}
.body .contenido-bx-sb{padding-bottom: 120px !important}

.body .contenido .bx{ padding: 30px;}

.body .contenido .nav-top {position: relative !important;z-index: 2; margin: 0px; padding: 0px; box-sizing: border-box;}
.body .contenido .nav-top h1{font-size: 16px; line-height: 62px; height: 60px; margin: 0; padding: 0px 0 0 30px; border-bottom: 0px #e3e6e9 solid; color: #FFF; background-color: #286EFA; border-radius: 0 6px 0 0}
.body .contenido .nav-top h1 span.tag{position: relative; top: -2px; left: 10px;}
.body .contenido .nav-top h1 a{text-decoration: none;}
.body .contenido .nav-top h1 a.back {display: inline-block; font-size: 11px; line-height: 24px; background-color: rgba(0,0,0,0.1); color: #FFF; height: 23px; margin: 0 10px 0 0; padding: 0 7px; transform: translate(0,-1px); border-radius: 4px; text-transform: uppercase; font-weight: 400;}
.body .contenido .nav-top h1 a.back:after{content: 'Regresar';}
.body .contenido .nav-top h1 a.back:hover{background-color: rgba(0,0,0,0.2); color: #FFF}
.body .contenido .nav-top h3{font-size: 14px; line-height: 13px; font-weight: 500; margin: 0; padding: 0px;}
.body .contenido .nav-top p{margin: 0; padding: 0px; color: #636669}
.body .contenido .nav-top .menu-launch{position: absolute; top: 0; right: 0; width: 60px; height: 60px; line-height: 60px; text-align: center; border-left: 1px #e3e6e9 solid; display: none}

.body .contenido .nav-top .bx-info-top {position: relative !important;z-index: 2; margin: 0px; padding: 0px 20px; height: 60px; line-height: 60px; box-sizing: border-box; background-color: #FFF; border-bottom: 1px #e3e6e9 solid}

.body .contenido .nav-top .bx-nav-top{position: absolute; top: 15px; right: 20px; margin: 0px 0 0 0; padding: 0; box-sizing: border-box; display: block;}

.body .contenido .nav-top .bx-nav-top li{margin: 0 0px 0 0px; padding: 0; display: inline-block;}
.body .contenido .nav-top .bx-nav-top li a{display: inline-block; text-decoration: none; height: 30px; line-height: 30px; padding: 0 10px; font-weight: 400; cursor: pointer; color: #FFF; border-radius: 4px;}
.body .contenido .nav-top .bx-nav-top li a:hover{color: #FFF; background-color: rgba(0,0,0,0.1);}
.body .contenido .nav-top .bx-nav-top li a.off{color: #636669}
.body .contenido .nav-top .bx-nav-top li a.off:hover{background-color: #f3f6f9}
.body .contenido .nav-top .bx-nav-top li .pop ul{position: absolute; top: 39px; right: 0; background-color: #636669; padding: 0px; z-index: 100; min-width: 180px; display: none;}
.body .contenido .nav-top .bx-nav-top li .buscador{margin: 0px 0 0 0px; position: relative;}
.body .contenido .nav-top .bx-nav-top li .buscador .limpiar{cursor: pointer; font-size: 18px; color: #EEE; position: absolute; top: 20px; right: 5px; display: none}
.body .contenido .nav-top .bx-nav-top li .buscador .buscar-div{background-color: transparent !important; box-shadow: none; height: 30px; margin: 0; padding: 0; margin: 0 !important; background: url(../gui/icos/search-outline.svg) 23px 50% no-repeat; background-size: auto 24px; text-indent: 55px; width: 200px; border-radius: 0; border: 0; color: #636669}
.body .contenido .nav-top .bx-nav-top li .buscador svg path{fill: #f3f6f9}
.body .contenido .nav-top .bx-nav-top li .buscador .buscar-div:focus{border: 0;}
.body .contenido .nav-top .bx-nav-top li .buscador ::-webkit-input-placeholder {color: #e3e6e9; }

.body .contenido .bx-fix-nav-inside{}
.body .contenido .nav-top .bx-nav-inside{margin: 0px; padding: 0px; box-sizing: border-box; border-bottom: 1px #e3e6e9 solid;}
.body .contenido .nav-top .bx-nav-inside li{padding: 0; list-style: none; display: inline-block; transform: translate(0,0px);}
.body .contenido .nav-top .bx-nav-inside li a{color: #636669; text-decoration: none; font-weight: normal; cursor: pointer; height: 45px; line-height: 45px; padding: 0 30px; margin: 0 0px 0 0; display: flex; position: relative; border-radius: 4px 4px 0 0;}
.body .contenido .nav-top .bx-nav-inside li a.activo{background-color: #FFF; color: #286EFA; border-bottom: 3px #286EFA solid;}

.body .contenido .bx-filtro{position: fixed; top: 60px; left: 340px; bottom: 60px; z-index: 1000; border-radius: 6px; background-color: #FFF; width: 320px; padding: 90px 30px 30px 30px; box-sizing: border-box; display: none; border-right: 0px #e3e6e9 solid; box-shadow: 3px 3px 20px rgba(40,47,68,0.2);}
.body .contenido .bx-filtro h2{border-bottom: 1px #e3e6e9 solid; font-size: 16px; height: 60px; line-height: 60px; position: absolute; top: 0; left: 0; right: 0; color: #636669; background-color: transparent; text-indent: 30px;}

.body .contenido .bx-filtro .ffbc{position: absolute; bottom: 0; left: 0; right: 0; display: flex; border-top: 1px #e3e6e9 solid;}
.body .contenido .bx-filtro .ffbc .btn, .body .contenido .bx-filtro .ffbc input[type="submit"]{flex: 1; text-align: center; height: 60px; line-height: 60px; border-radius: 0; border: 0;  font-size: 14px; font-weight: 500; color: #636669; background-color: transparent;}
.body .contenido .bx-filtro .ffbc .btn-cancelar{border-right: 1px #e3e6e9 solid; font-weight: 500;}

.body .contenido .bx-filtro .ffbc .btn-cancelar:hover, .body .contenido .bx-filtro .ffbc .btn:hover, .body .contenido .bx-filtro .ffbc input[type="submit"]:hover{color: #286EFA}

.body .contenido .nav-bottom {padding: 0px 0px 40px 0px; text-align: center;}
.body .contenido .nav-bottom .registros span{display: block; margin: 0 0 10px 0; color: #636669}
.body .contenido .nav-bottom .paginacion {}
.body .contenido .nav-bottom .paginacion a{display: inline-block; margin: 0 3px; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 4px; text-decoration: none; color: #636669}
.body .contenido .nav-bottom .paginacion a:first-child{margin: 0 15px 0 0; width: auto !important}
.body .contenido .nav-bottom .paginacion a:last-child{margin: 0 0 0 15px; width: auto !important}
.body .contenido .nav-bottom .paginacion a.activo{ background-color: #286EFA; color: #FFF}

/* Grids ***************************************************************************************************************/

.bx-2 {display: grid; grid-gap: 30px; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto}
.bx-2 .bx{padding: 0 !important; margin: 0 !important;}

.bx-3 {display: grid; grid-gap: 30px; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto}
.bx-3 .bx{padding: 0 !important; margin: 0 !important;}

.bx-4 {display: grid; grid-gap: 30px; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto}
.bx-4 .bx{padding: 0 !important; margin: 0 !important;}

.bx-1-1 {display: grid; grid-gap: 30px; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto}
.bx-1-1 .bx{padding: 0 !important; margin: 0 !important;}

.bx-1-3 {display: grid; grid-gap: 30px; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto}
.bx-1-3 .bx{padding: 0 !important; grid-column: 2 / 5}
.bx-1-3 .bx:first-child{grid-column: 1 / 2;}

/* Nav Tab Vertical ***************************************************************************************************************/

.nav-tab-vertical{}

div.slick{position: -webkit-sticky;position: sticky;top: 0;}

.nav-tab-vertical-menu{}
.nav-tab-vertical-menu li{padding: 0; list-style: none; display: block;}
.nav-tab-vertical-menu li a{text-decoration: none; font-weight: normal; cursor: pointer; height: 35px; line-height: 35px; padding: 0; margin: 0; display: flex; color: #636669; position: relative;}
.nav-tab-vertical-menu li a.activo{background-color: #F4F5F6; color: #636669; border-radius: 4px 4px 0 0;}

.nav-tab-vertical-contenido{}

/* Nav Tab Horizontal ***************************************************************************************************************/

.nav-tab-vertical{}

.slick{position: -webkit-sticky !important;position: sticky !important; top: 20px; display: block !important;}

.nav-tab-vertical-menu{}
.nav-tab-vertical-menu li{padding: 0; list-style: none; display: block;}
.nav-tab-vertical-menu li a{text-decoration: none; font-weight: normal; cursor: pointer; height: 35px; line-height: 35px; padding: 0; margin: 0; display: flex; color: #636669; position: relative;}
.nav-tab-vertical-menu li a.activo{background-color: #F4F5F6; color: #636669; border-radius: 4px 4px 0 0;}

.nav-tab-vertical-contenido{}

/* Lateral ***************************************************************************************************************/

.body .lateral{position: absolute; top: 0px; bottom: 0px; right: 0px; z-index: 11;overflow-y: auto; width: 560px; background-color: #FFF; display: none;border-radius: 0px 6px 6px 0; box-shadow: 0px 5px 15px rgba(40,47,68,0.15); border-left: 1px #e3e6e9 solid}
.body .lateral-doble{width: auto; left: 280px;}
.body .lateral .lateral-contenedor .bx-lateral{padding: 30px; position: absolute; top: 60px; left: 0; right: 0; bottom: 60px; overflow-y: auto; z-index: 1}
.body .lateral .lateral-contenedor h2{position: absolute; top: 0px; left: 0px; right: 0px; text-indent: 20px; background-color: #FFF; font-size: 16px; color: #636669; height: 60px; line-height: 60px; z-index: 2; border-bottom: 1px #e3e6e9 solid;}
.body .lateral .lateral-contenedor h2 span{padding-right: 30px;}
.body .lateral .lateral-contenedor .ffbc{position: absolute; bottom: 0px; left: 0px; right: 0px; border-top: 1px #ECEFF1 solid; padding: 0px; z-index: 1; background-color: #FFF}
.body .lateral .lateral-contenedor .ffbc .tci{padding: 0;}
.body .lateral .lateral-contenedor .ffbc .tcd{padding: 0;}
.body .lateral .lateral-contenedor .ffbc .tcd .btn{border-right: 1px #ECEFF1 solid;}
.body .lateral .lateral-contenedor hr{margin: 20px -20px 20px -20px;}

.body .lateral .lateral-contenedor .ffbc .cronometro{background-color: #F4F5F6; color: #286EFA; text-align: center; width: 120px; height: 60px; display: inline-block; border-right: 1px #e3e6e9 solid}
.body .lateral .lateral-contenedor .ffbc .cronometro .tiempo{font-size: 19px; font-weight: 700; margin: 15px 0 0 0;}
.body .lateral .lateral-contenedor .ffbc .cronometro .label{}

@-webkit-keyframes blinker {from {opacity: 1.0;}to {opacity: 0.0;}}
.body .lateral .lateral-contenedor .ffbc .cronometro-rojo{color: #F52F57;text-decoration: blink;-webkit-animation-name: blinker;-webkit-animation-duration: 0.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-webkit-animation-direction: alternate;}

.body .contenido-horizontal{}
.body .contenido-horizontal .bx-t{position: relative; overflow: auto; white-space:nowrap; padding: 0 0px 0 0}
.body .contenido-horizontal .seccion{float: left; width: 360px; height: 100%; overflow-y: auto; border-right: 1px #e3e6e9 solid}
.body .contenido-horizontal .seccion .seccion-contenedor{padding: 30px;width: 360px; box-sizing: border-box;}

.body .contenido-horizontal-full{position: absolute; top: 0px; left: 0px; right: 0; bottom: 0px; overflow: auto; overflow-y: hidden; white-space:nowrap;}
.body .contenido-horizontal-full .seccion{float: left; width: 360px; height: 100%; overflow-y: auto; border-right: 1px #e3e6e9 solid}
.body .contenido-horizontal-full .seccion .seccion-contenedor{padding: 30px;width: 360px; box-sizing: border-box;}

.loading-lateral{background: url(../gui/ico_loading.svg) 50% 50% no-repeat; background-size: 40px auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0;}

/* TABLERO ***************************************************************************************************************/

.tablero {position: absolute; top: 0; right: 0px; bottom: 0; left: 0; overflow-y: auto; padding: 30px; display: grid; grid-gap: 30px; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto 1fr 1fr}
.tablero .grid{}
.tablero .grid-titulo{grid-column: 1 / 4; grid-row: 1;}
.tablero .grid-general{grid-column: 1 / 4; grid-row: 2; }
.tablero .grid-notificaciones{grid-column: 3 / 4; }

.tablero .grid-general .resumen{display: grid; grid-gap: 15px; grid-template-columns: repeat(4, 1fr);}
.tablero .grid-general .resumen .resumen-item {background-color: #FFF; padding: 15px; border-radius: 4px; border: 1px #e3e6e9 solid}
.tablero .grid-general .resumen .resumen-item .data{font-size: 25px; font-weight: 400; line-height: 25px; color: #286EFA}
.tablero .grid-general .resumen .resumen-item .info{margin: 5px 0 0 0;}

/* Grafica ***************************************************************************************************************/

.grafica-contenedor{position: relative;border-radius: 4px; background-color: #FFF; border: 1px #e3e6e9 solid;}
.grafica-contenedor:before{content: ''; display: block; padding-top: 25%;}
.grafica{position: absolute; top: 10px; right: -5px; bottom: 5px; left: 0;}
.grafica .dygraph-legend{position: absolute; top: -10px !important; right: 0px !important; width: 140px; text-align: right; padding: 10px; color: #636669 !important}
.grafica .dygraph-legend b{font-size: 19px; color: #286EFA !important}
.grafica .dygraph-axis-label{font-size: 10px; color: #636669}

/* TABLA ***************************************************************************************************************/

.t{display:table;width:100%;border-collapse: collapse;margin: 0; padding: 0;}
.t-sp{margin: 0 0 20px 0;}
.t .th{ display:table-row;text-align: left; border-bottom: 3px #e3e6e9 solid; cursor: default; font-weight: 600;}
.t .tr{display:table-row;text-align: left;}
.t a.tr{cursor: pointer !important; text-decoration: none; color: #636669;}
.t a.tr:hover{color: #636669}
.t .trho{background-color: #f3f6f9 !important; color: #636669 !important}
.t .trho small{color: #636669;}
.t .trho .tag-inline{background-color: #286EFA;}
.t .trdis{color: #a4a4a4 !important}
.t .trhoall{background-color: #f3f3f3;}

.t .tc{display:table-cell;padding: 13px;position: relative; vertical-align: top}
.t .tc .campo, .t .tci .campo, .t .tcd .campo{background-color: #f3f6f9 !important; position: absolute; top: 4px; bottom: 4px; height: auto; width: calc(100% - 26px); margin: 0 0px; border: 0; border-radius: 4px; box-shadow: none;}
.t .tcdi{border-left: 3px #e3e6e9 solid;}
.t .tct{height: 40px; line-height: 40px;}
.t .tci{display:table-cell;padding: 10px 10px 10px 0px;vertical-align: top;position: relative;}
.t .tcd{display:table-cell;padding: 10px 0px 10px 10px;vertical-align: top;position: relative;}

.t .novp{padding-top: 0 !important; padding-bottom: 0 !important;}
.t .notvp{padding-top: 0 !important; }
.t .nobvp{padding-bottom: 0 !important;}
.t .trnb{border-bottom: 0px !important;}

.t .tr .tc .ffc, .t .tr .tci .ffc, .t .tr .tcd .ffc{margin: 0px;width: 100%;}

.t .ico-drag{background: url(../gui/ico_drag.svg) 50% 10px no-repeat; background-size: 16px auto; padding-left: 0; padding-right: 0; width: 30px}

.t .handle-th{width: 20px; height: 16px; background: url(../gui/ico_drag.svg) 50% 50% no-repeat; background-size: auto 11px;}
.t .handle{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../gui/ico_drag.svg) 50% 50% no-repeat; background-size: auto 11px; cursor: ns-resize;}
.t .handle:hover {background-color: #e3e6e9;}
.t .handle:active{}

.px20{width: 20px}
.px30{width: 30px}
.px40{width: 40px}
.px50{width: 50px}
.px60{width: 60px}
.px70{width: 70px}
.px80{width: 80px}
.px90{width: 90px}
.px100{width: 100px}
.px110{width: 110px}
.px120{width: 120px}
.px130{width: 130px}
.px140{width: 140px}
.px150{width: 150px}
.px160{width: 160px}
.px170{width: 170px}
.px180{width: 180px}
.px190{width: 190px}
.px200{width: 200px}
.px210{width: 210px}
.px220{width: 220px}
.px230{width: 230px}
.px240{width: 240px}
.px250{width: 250px}
.px260{width: 260px}
.px270{width: 270px}
.px280{width: 280px}
.px290{width: 290px}
.px300{width: 300px}

.p33{width: 33.33333%}
.p50{width: 50%}
.p66{width: 66%}
.p100{width: 100%}

.bx-t{position: relative; overflow: auto; white-space:nowrap; margin: 0px; padding: 0px !important; border: 1px #e3e6e9 solid; border-radius: 4px; background-color: #FFF;}
.bx-t .t .tr:nth-child(even){background-color: #FFF}
.bx-t .t .tr:hover{background-color: #FFF}
.bx-t .t .tr{border-bottom: 1px #e3e6e9 solid;}
.bx-t .t .tr:last-child{border-bottom: 0 !important;}
.bx-t .t .th .tc{border-right: 0px #F1F1F1 solid;}
.bx-t .t .tr .tc{border-right: 0px #F1F1F1 solid;}
.bx-t .t .trho:last-child{border-radius: 0 0 4px 4px !important;}
.bx-t-sp {margin: 0 0 20px 0;}

.body .lateral .lateral-contenedor .bx-t{position: relative; overflow: auto; white-space:nowrap; margin: 0px; padding: 0; border: 1px #e3e6e9 solid; border-radius: 4px; background-color: #FFF;}

.bx-kpis-lineal{display: flex; margin: -20px -20px 20px -20px !important; border-bottom: 1px #e3e6e9 solid; background-color: #FFF}
.bx-kpis-lineal .kpi{flex: 1; padding: 0 20px; margin: 20px 0px; border-right: 1px #e3e6e9 solid}
.bx-kpis-lineal .kpi:last-child{border: 0;}
.bx-kpis-lineal .kpi .data{font-size: 22px; line-height: 22px; font-weight: 500; color: #286EFA}
.bx-kpis-lineal .kpi .info{color: #636669}

/* UL Bx Lista ***************************************************************************************************************/

ul.bx-lista{margin: 0; padding: 0; border: 1px #e3e6e9 solid; border-radius: 4px; background-color: #FFF; position: relative;}
ul.bx-lista h3{font-size: 14px; padding: 0 13px; margin: 0 !important;height: 44px; line-height: 44px; color: #636669; border-bottom: 1px #e3e6e9 solid}
ul.bx-lista h3 span{top: 0px; right: 7px}
ul.bx-lista li {margin: 0; padding: 14px; list-style: none; border-bottom: 1px #e3e6e9 solid; position: relative;}
ul.bx-lista li.np {padding: 0px;}
ul.bx-lista li.off {background-color: #e3e6e9; color: #9ca7b3}
ul.bx-lista li.titulo {background-color: #f3f3f3; color: #636669; font-weight: 500}
ul.bx-lista li.alerta {background: url(../gui/ico_alerta.svg) 13px 50%; background-repeat: no-repeat; background-size: auto 16px; padding-left: 40px;}
ul.bx-lista li h3{margin: 0 0 5px 0;  font-size: 10px; color: #636669; font-weight: normal;}
ul.bx-lista li span{float: right; color: #636669;}
ul.bx-lista li span div{display: inline-block;}
ul.bx-lista li  .separador{border-top: 1px #FFF solid; margin-top: 10px; padding-top: 10px;}
ul.bx-lista li .titulo{font-weight: 700; font-size: 15px;}
ul.bx-lista li .descripcion{margin: 5px 0 0 0}
ul.bx-lista li .imagenes{margin: 10px 0 0 0;}
ul.bx-lista li .imagenes img{border-radius: 4px; height: auto; display: block; margin: 0 0 10px 0;}
ul.bx-lista li .imagenes img:last-child{margin: 0;}
ul.bx-lista li .tag{margin-top: -4px;}
ul.bx-lista li:last-child {border: 0;}

ul.bx-lista li.intable {margin: 0; padding: 0px; list-style: none;}
ul.bx-lista li.intable .t .tr{border: 0 !important;}

ul.bx-lista li .handle{margin: -14px; padding: 14px 14px 14px 30px; background: url(../gui/ico_drag.svg) 13px 16px no-repeat; background-size: auto 11px; cursor: ns-resize;}
ul.bx-lista li .handle:hover {background-color: #e3e6e9;}
ul.bx-lista li .handle:active{background-color: #e3e6e9;}
ul.bx-lista li .handle a{padding-left: 0px;}

ul.bx-lista li .btn-x{color: #286EFA; text-decoration: none; font-size: 22px; font-weight: 700; position: relative; top: 4px; line-height: 8px; cursor: pointer;}
ul.bx-lista li .btn-obs{color: #636669; text-decoration: none; font-size: 12px; position: relative; top: 0px;}
ul.bx-lista li .btn-docs{background: url(../gui/ico_doc.svg) 15px 50% no-repeat; background-size: auto 20px; text-indent: 40px; color: #636669; text-decoration: none; font-size: 12px; font-weight: 700; height: 40px; line-height: 40px; display: block}

/* UL Bx Imágenes ***************************************************************************************************************/

ul.bx-imgs{margin: -5px; padding: 0; background-color: #FFF;}
ul.bx-imgs li{margin: 5px; padding: 0; width: 215px; float: left; list-style: none;}
ul.bx-imgs li .img .over{background-color: rgba(255,255,255,0.8); width: 100%; height: 100%; opacity:0; position: relative;transition:opacity 0.2s linear;}
ul.bx-imgs li .img .over:hover{opacity:1;}
ul.bx-imgs li .img .over .btn-eliminar{position: absolute; right: 10px; bottom: 10px; text-decoration: none; font-size: 18px;}
ul.bx-imgs li .img .over .btn-obs{position: absolute; left: 10px; bottom: 10px; text-decoration: none; font-size: 12px; font-weight: 700}
ul.bx-imgs li .img .over .btn-accion{position: absolute; left: 10px; top: 10px; text-decoration: none; font-size: 12px; font-weight: 700}
ul.bx-imgs li .img{width: 100%; height: 160px;background-size: cover !important; border-radius: 4px;}
ul.bx-imgs li .handle{cursor: move}

ul.bx-imgs-big{margin: 0; padding: 0;}
ul.bx-imgs-big li{margin: 5px; padding: 0; width: 300px; float: left; list-style: none;}
ul.bx-imgs-big li .img .over{background-color: rgba(255,255,255,0.8); width: 100%; height: 100%; opacity:0; position: relative;transition:opacity 0.2s linear;}
ul.bx-imgs-big li .img .over:hover{opacity:1;}
ul.bx-imgs-big li .img .over .btn-eliminar{position: absolute; right: 10px; bottom: 10px;}
ul.bx-imgs-big li .img{width: 100%; height: 220px;background-size: cover !important; border-radius: 4px;}
ul.bx-imgs-big li .handle{cursor: move}

/* UL Bx Form ***************************************************************************************************************/

ul.bx-form{margin: 0; padding: 0; border: 1px #e3e6e9 solid; border-radius: 4px; background-color: #FFF;}
ul.bx-form-sp{margin: 0 0 30px 0;}
ul.bx-form li {margin: 0; padding: 0px; min-height: 45px; list-style: none; border-bottom: 1px #e3e6e9 solid; position: relative;}
ul.bx-form li.div{border-bottom: 3px #e3e6e9 solid;}
ul.bx-form li a.accion{display: block; height: 45px; line-height: 45px; text-align:center; text-decoration: none; color: #286EFA; font-weight: 500;}
ul.bx-form li a.accion:hover{background-color: #e3e6e9}
ul.bx-form li .ft{float: left; width: 30%; height: 45px; line-height: 45px; margin: 0; text-indent: 10px;}
ul.bx-form li .ffc{float:left;width: 70%;margin: 0 !important; padding: 0 !important;}
ul.bx-form li .ffc .ft-apoyo{float:left;width: 70%;margin: 0 !important; padding: 0 !important;}
ul.bx-form li .ffc input[type="text"]{margin: 0; box-shadow: none; border-radius: 0; border: 0; border-left: 1px #e3e6e9 solid; background-color: transparent !important;}
ul.bx-form li .ffc textarea{margin: 0; box-shadow: none; border-radius: 0; border: 0; border-left: 1px #e3e6e9 solid; background-color: transparent !important;}
ul.bx-form li .ffc select{margin: 0; box-shadow: none; border-radius: 0; border: 0; border-left: 1px #e3e6e9 solid;}
ul.bx-form li h3{margin: 0 0 5px 0;  font-size: 10px; color: #636669; font-weight: normal;}
ul.bx-form li span{float: right}
ul.bx-form li:last-child {border: 0;}
ul.bx-form li.info {}
ul.bx-form li .accion-remover{position: absolute; top: 7px !important; right: 5px !important; width: 26px !important; height: 26px !important; line-height: 26px !important; text-align: center; text-decoration: none; font-size: 20px; font-weight: 500; color: #286EFA !important; background-color: #F4F5F6; border-radius: 30px;}

ul.bx-form li.cols {position: relative;}
ul.bx-form li.cols .col-header{padding: 0 10px !important; line-height: 45px; box-sizing: border-box;}
ul.bx-form li.cols .ft{display: none;}
ul.bx-form li.cols .ffc{width: 100%;}
ul.bx-form li.cols select{border: none; box-shadow: none; background-color: transparent; width: 100%;}
ul.bx-form li.cols .col1{float: left; width: 30%}
ul.bx-form li.cols .col1 .coltx{height: 45px; line-height: 45px; padding: 0 10px;}
ul.bx-form li.cols .col2{float: right; width: 70%; }
ul.bx-form li.cols .col2-1{display: inline-block; width: 35%}
ul.bx-form li.cols .col2-2{display: inline-block; width: 35%}
ul.bx-form li.cols .col3{display: inline-block; width: 100%}
ul.bx-form li.cols .col3 .ffc input[type="text"]{border: 0;}
ul.bx-form li.cols .accion-remover{position: absolute; top: 0; right: 0; width: 40px; height: 45px; line-height: 45px; text-align: center; text-decoration: none; font-size: 20px; font-weight: 500; color: #636669;}

ul.bx-form li label.error{margin:10px 0 0 0px !important;color:#636669 !important; display: none !important}
ul.bx-form li .required.error{border: 1px #636669 solid !important }

.ul-footer{margin: 10px 0 0 0;}

/* UL Bx Links ***************************************************************************************************************/

ul.bx-links{margin: 0; padding: 0; border: 1px #e3e6e9 solid; border-radius: 4px; background-color: #FFF;position: relative;}
ul.bx-links-sp{margin: 0 0 30px 0;}
ul.bx-links li {margin: 0; list-style: none; border-bottom: 1px #e3e6e9 solid; position: relative;}
ul.bx-links li .roll-btn{position: absolute; top: 9px; right: 11px; height: 20px; font-size: 12px; line-height: 20px; border-radius: 20px; padding: 0 7px; display: none; cursor: pointer;}
ul.bx-links li:hover .roll-btn{background-color: #286EFA; color: #FFF; display: block}
ul.bx-links li a{color: #636669; padding: 13px; display: block; text-decoration: none; cursor: pointer; position: relative}
ul.bx-links li a.checked{padding: 15px 15px 15px 50px; background: url(../gui/icos/checkmark-circle-2.svg) 15px 50% no-repeat; background-size: auto 24px;}
ul.bx-links li a.activo{color: #FFF; background-color: #286EFA}
ul.bx-links li a.accion{background-color: #e3e6e9; color: #636669; font-size: 14px; font-weight: 500;}
ul.bx-links li a.accion:hover{background-color: #286EFA; color: #FFF;}
ul.bx-links li a.accion-div{border-right: 1px #e3e6e9 solid;}
ul.bx-links li a.disabled{color: #AAA}
ul.bx-links li a.fake{color: #636669 !important; cursor: default;}
ul.bx-links li a.fake:hover{background-color: transparent}
ul.bx-links li a:hover{background-color: #F3F6F9;}
ul.bx-links li a h3{text-align: left; margin: 0; padding: 0;}
ul.bx-links li a span{float: right; color: #636669;}
ul.bx-links li a span div{display: inline-block}
ul.bx-links li a span.add{border-left: 1px #e3e6e9 solid; color: #286EFA; font-size: 20px;font-weight: 700;  width: 45px; line-height: 43px; text-align: center; position: absolute; top: 0; right: 0; bottom: 0;}
ul.bx-links li a .separador{border-top: 1px #e3e6e9 solid; margin-top: 10px; padding-top: 10px;}
ul.bx-links li a .c-t-r{top: 15px; right: 15px;}
ul.bx-links li a .btn-accion{position: absolute; top: 7px; right: 7px; background-color: #B4B8C5}
ul.bx-links li a:hover .btn-accion{background-color: #636669}
ul.bx-links li a footer{margin: 5px 0 0 0;}
ul.bx-links li:first-child a {border-radius: 4px 4px 0 0;}
ul.bx-links li:last-child a {border-radius: 0 0 4px 4px;}
ul.bx-links li:last-child {border: 0 !important;}
ul.bx-links li input[type="text"].buscar{border: 0; box-shadow: inset 0px 0px 0px;}

ul.bx-links li .swipe-target{background-color: #F3F6F9; position: absolute; top: 0; bottom: 0; right: 0; display: none; padding: 13px; border-left: 1px #e3e6e9 solid; width: 0px; transition: all 200ms;}
ul.bx-links li .swipe-target a{display: inline-block; padding: 0px; margin: 0 10px; height: auto; color: #286EFA; font-weight: 500;}
ul.bx-links li .swipe-target a:first-child{margin: 0 5px 0 0;}
ul.bx-links li .swipe-target a:last-child{margin: 0 0 0 5px;}
ul.bx-links li .swipe-target a:hover{color: #636669}
ul.bx-links li .swipe-on{display: block; width: auto;}

ul.bx-links li .handle{padding-left: 30px; background: url(../gui/ico_drag.svg) 13px 15px no-repeat; background-size: auto 11px; cursor: ns-resize;}
ul.bx-links li .handle:hover {background-color: #e3e6e9;}
ul.bx-links li .handle:active{background-color: #e3e6e9; box-shadow: 3px 4px 10px #e3e6e9; border-radius: 4px;margin: 0 -10px; }
ul.bx-links li .handle a{padding-left: 0px;}

ul.bx-links li ul{border: 1px #e3e6e9 solid; margin: 0px 10px 10px 10px; border-radius: 4px; background-color: #f3f6f9}

ul.bx-links li .t{display: table;width:100%;border-collapse: collapse;margin: 0; padding: 0;}
ul.bx-links li .t .tr{display: table-row;}
ul.bx-links li .t .tr .tc{display: table-cell; padding: 0 0 0 0;}
ul.bx-links li .t .tr .tci{padding: 0 10px 0 0; border-right: 1px #e3e6e9 solid; width: 10px;}
ul.bx-links li .t .tr .tcc{padding: 0 0 0 10px;}
ul.bx-links li .t .tr .tcd{padding: 0 0 0 10px}

li.selected {background:yellow}

/* UL Bx Links Big ***************************************************************************************************************/

ul.bx-links-big{margin: 0; padding: 0; border: 1px #e3e6e9 solid; border-radius: 4px; background-color: #FFF;position: relative;}
ul.bx-links-big-sp{margin: 0 0 30px 0;}
ul.bx-links-big li {margin: 0; list-style: none; border-bottom: 1px #e3e6e9 solid; position: relative;}
ul.bx-links-big li:last-child {border: 0 !important;}
ul.bx-links-big li a{font-size:15px; font-weight: 500; padding: 20px; display: block; text-decoration: none; cursor: pointer; position: relative}
ul.bx-links-big li a:hover{background-color: #F4F5F6}
ul.bx-links-big li a span{float: right}

/* BX Items ***************************************************************************************************************/

.bx-item{border: 1px #e3e6e9 solid; width: 100%; display: block; padding: 0px; margin: 0 0 30px 0; border-radius: 4px; box-sizing: border-box; position: relative; display: flex; border-radius: 4px; background-color: #FFF;box-shadow: 1px 1px 2px #e3e6e9}
.bx-item:last-child{margin: 0;}
.bx-item .grid-1{flex: 1; padding: 30px; box-sizing: border-box; }
.bx-item .grid-2{flex:2; padding: 30px; box-sizing: border-box; border-left: 1px #e3e6e9 solid}
.bx-item .grid-destaca{background-color: #e3e6e9;}
.bx-item .btns-accion{margin: 0 0 10px 0}
.bx-item .btns-accion a{margin: 0 5px 0 0;}


.bx-card{display: block; border-radius: 4px; background-color: #f3f6f9;box-shadow: 1px 1px 2px #e3e6e9; position: relative; padding-bottom: 40px;}
.bx-card .bx-card-img{padding-top: 70%; background-size: cover !important; background-repeat: no-repeat !important;border-radius: 4px 3px 0 0;}
.bx-card .bx-card-data{padding: 20px;}

.bx-card .bx-card-accion{display: flex; background-color: #FFF; position: absolute; bottom: 0; left: 0; right: 0;}
.bx-card .bx-card-accion a{flex: 1; text-align: center; height: 40px; line-height: 40px; text-decoration: none; border-right: 1px #f3f6f9 solid}
.bx-card .bx-card-accion a:last-child{border: 0;}
.bx-card .bx-card-accion a:hover{color: #636669}

/* POP ***************************************************************************************************************/

.pop{position: relative; display: inline-block}
.pop a.pop-key{text-decoration: none;}
.pop ul{position: absolute; top: calc(100% + 10px); z-index: 200; padding: 10px 5px !important; margin: 0; z-index: 100; min-width: 180px; display: none;background-color: #FFF !important; border: 1px #e3e6e9 solid; border-radius: 4px;}
.pop ul.izq{left: 0}
.pop ul.der{right: 0;}
.pop ul li{list-style: none !important; display: block !important; border: 0 !important; margin: 0 !important; padding: 0 !important}
.pop ul li.separador{color: #636669; padding: 5px 13px !important; font-size: 10px; text-transform: uppercase; font-weight: 700;}
.pop ul li a{background-color: #FFF !important; color: #636669 !important; display: block !important; height: 30px !important; line-height: 30px !important; padding: 0 13px !important; margin: 0 !important; text-decoration: none !important; font-weight: 400 !important; border-radius: 0 !important;}
.pop ul li a:hover{color: #286EFA !important;}

/* Bloque ***************************************************************************************************************/

.bx-cubo {display: grid; grid-gap: 20px; grid-template-columns: repeat(6, 1fr); grid-template-rows: auto 1fr 1fr}
.bx-cubo li{list-style: none;background-color: #FFF; border-radius: 4px;transition: all 500ms;}
.bx-cubo li:hover{}
.bx-cubo li a{display: block; position: relative; color: #636669; border: 1px #e3e6e9 solid; border-radius: 4px; }
.bx-cubo li:hover a{border: 1px #e3e6e9 solid;}
.bx-cubo li a:before{content: ''; display: block; padding-top: 75%;}
.bx-cubo li a span{position: absolute; bottom: 15px; left: 15px; right: 15px; text-align: center; font-weight: 400;}
.bx-cubo li a .contador{position: absolute; top: -15px;right: -15px; background-color: #286EFA; color: #FFF; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 100px; font-weight: 700;}

.bx-cubo li a.empresa{background: url(../gui/ico_empresa.png) 50% 40% no-repeat;background-size: 20% auto}
.bx-cubo li a.pos{background: url(../gui/ico/tienda-outline-on.svg) 50% 40% no-repeat;background-size: 48px auto}
.bx-cubo li a.pos-web{background: url(../gui/ico/carrito-outline-on.svg) 50% 40% no-repeat;background-size: 48px auto}
.bx-cubo li a.config{background: url(../gui/ico/ajustes-outline-on.svg) 50% 40% no-repeat;background-size: 48px auto}
.bx-cubo li a.favorito{background: url(../gui/ico/star-outline-on.svg) 50% 40% no-repeat;background-size: 48px auto}
.bx-cubo li a.mas{background: url(../gui/ico/add-outline-on.svg) 50% 40% no-repeat;background-size: 48px auto}
.bx-cubo li a.mesas{background: url(../gui/icos/grid-outline.svg) 50% 40% no-repeat;background-size: 48px auto}
.bx-cubo li a.guardar{background: url(../gui/ico/inbox-outline-on.svg) 50% 40% no-repeat;background-size: 48px auto}
.bx-cubo li a.delivery{background: url(../gui/icos/car-outline.svg) 50% 40% no-repeat;background-size: auto 48px}
.bx-cubo li a.historial{background: url(../gui/ico_fecha.svg) 50% 40% no-repeat;background-size: 20% auto}
.bx-cubo li a.registro-ventas{background: url(../gui/ico/registro-outline-on.svg) 50% 40% no-repeat;background-size: 48px auto}
.bx-cubo li a.servicios-entrega{background: url(../gui/ico_entrega.svg) 50% 40% no-repeat;background-size: 20% auto}
.bx-cubo li a.apartados{background: url(../gui/ico/doc-hart-outline-on.svg) 50% 40% no-repeat;background-size: 48px auto}
.bx-cubo li a.comisiones{background: url(../gui/ico/comision-outline-on.svg) 50% 40% no-repeat;background-size: 48px auto}
.bx-cubo li a.corte_caja{background: url(../gui/ico/corte-outline-on.svg) 50% 40% no-repeat;background-size: 48px auto}
.bx-cubo li a.movimiento_caja{background: url(../gui/ico/flip-outline-on.svg) 50% 40% no-repeat;background-size: auto 48px}
.bx-cubo li a.renta_disponible{background: url(../gui/ico_calendario.svg) 50% 40% no-repeat;background-size: 20% auto}
.bx-cubo li a.renta_control{background: url(../gui/ico_rentas.svg) 50% 40% no-repeat;background-size: 20% auto}
.bx-cubo li a.cotizacion{background: url(../gui/ico/doc-star-outline-on.svg) 50% 40% no-repeat;background-size: 48px auto}
.bx-cubo li a.pagos-anticipados{background: url(../gui/ico/doc-secure-outline-on.svg) 50% 40% no-repeat;background-size: 48px auto}

.bx-scroll{border: 1px #e3e6e9 solid !important; background-color: #FFF; border-radius: 4px;box-sizing: border-box; position: relative; min-height: 216px;}
.bx-scroll-sp{margin: 0 0 30px 0}
.bx-scroll input:focus{outline:0px #636669 solid; border: 0px #636669 solid;}
.bx-scroll .buscar-div{position: absolute}
.bx-scroll .buscar-div{outline: 0 !important; border-top:0px !important; border-left:0px !important; border-right:0px !important; border-bottom:1px #e3e6e9 solid !important;border-radius:0px;color:#636669;margin:0;background-color:transparent;outline:none;font-size: 12px !important; width: 100%; height: 40px; text-indent: 30px;box-shadow: none;box-sizing: border-box; background: url(../gui/ico_buscar.svg) 10px 50% no-repeat; background-size: 16px auto}
.bx-scroll .data{overflow: auto; position: absolute; top: 50px; right: 10px; bottom: 10px; left: 10px;}
.bx-scroll .sb{top: 10px;}
.bx-scroll .sp{top: 0px; left: 0; right: 0; bottom: 0; margin: 0 !important;}
.bx-scroll .spcb{top: 40px; left: 0; right: 0; bottom: 0;}
.bx-scroll .data .bx-links {border: 0; box-shadow: none}
.bx-scroll .data .bx-lista {border: 0; box-shadow: none}

.bx-resumen-contenedor{display: grid; grid-template-columns: repeat(5, 1fr);  margin: -10px;}
.bx-resumen{background-color: #FFF; color: #636669; padding: 10px; border: 1px #e3e6e9 solid;  border-radius: 4px; margin: 0px;}
.bx-resumen-sp{margin: 0 0 30px 0;}
.bx-resumen .info{margin: 0 0 5px 0;}
.bx-resumen .url{margin: 5px 0 0 0;}
.bx-resumen .url a{color: #636669 !important; text-decoration: none;}
.bx-resumen .data{font-size: 23px; line-height: 23px; color: #286EFA}
.bx-resumen .data span{font-size: 12px; color: #636669; font-weight: normal; margin: 0 0 0 10px;}

.bx-resumen .data-mini{text-align: center; font-size: 20px; font-weight: 700; height: 40px; line-height: 40px;color: #636669}

.bx-buscador-resultados{position: fixed; top: 80px; right: 0px; bottom: 0px; padding: 30px; box-sizing: border-box; border-left: 1px #e3e6e9 solid; width: 50%; background-color: #FFF; z-index: 100; display: none; overflow-y: auto;}

.bx-buscador-resultados-pos{position: fixed; top: 61px; left: 280px; right: 480px; bottom: 0px; padding: 30px; background-color: #FFF; z-index: 1292F360; display: none; overflow-y: auto;}

.bx-info-doc{background-color: #fff; margin: 30px -30px 30px -30px; padding: 0px; border-bottom: 1px #e3e6e9 solid}
.bx-info-doc .info-total{border-right: 1px #EEE solid; font-size: 17px; padding: 30px;}
.bx-info-doc .info-detalle{padding: 20px;}

.bx-buscador {position: relative}
.bx-buscador input[type="text"]{height: 60px !important;  font-size: 17px !important; margin: 0px; border: 1px #e3e6e9 solid; text-indent: 20px; background-color: #FFF !important; color: #636669;}
.bx-buscador input[type="submit"]{background: url(../gui/icos/search-outline.svg) 50% 50% no-repeat; background-size: auto 24px; text-indent: -6000px; position: absolute;top: 0px; right: 0px; width: 60px; height: 60px; padding: 0 20px !important; border-left: 0px; background-color: transparent; }
.bx-buscador a{display: inline-block; margin: 10px 15px 0 0; cursor: pointer;}

.bx-big-input {position: relative;}
.bx-big-input .ft{display: none;}
.bx-big-input input[type="text"]{height: 60px !important;  font-size: 20px !important; margin: 0; background-color: #FFF !important; border: 0 !important; color: #636669; border: 2px #e3e6e9 solid !important}
.bx-big-input input[type="submit"]{position: absolute;top: 4px; right: 4px; height: 52px; line-height: 52px; background-color: #286EFA !important; color: #FFF; border-radius: 3px;}
.bx-big-input a{display: inline-block; margin: 10px 15px 0 0; cursor: pointer;}

.bx-sb{position: fixed; bottom: 0; left: 280px; right: 0; z-index: 1; padding: 30px; background-color: #FFF}

.bx-firma {position: relative;}
.bx-firma #firma{border: 1px #e3e6e9 dashed;}
.bx-firma .btn-firma-reset{position: absolute; bottom: 15px; left: 15px; background-color: #EFF2F5; color: #636669; font-size: 14px; display: block; height: 30px; line-height: 30px; padding: 0 10px; border-radius: 4px;}

/* TABS ***************************************************************************************************************/

ul.tabs{margin: 0px -20px;padding: 0 30px;box-sizing: border-box;list-style: none;border-bottom: 3px #286EFA solid; }
ul.tabs-sp-up{margin-top: 30px;}
ul.tabs li{display: inline-block; text-decoration: none; text-align: center; cursor: pointer; height: 37px; line-height: 40px; padding: 0 20px; margin: 0 5px 0 0; background-color: #FFF; color: #636669; position: relative; border-radius: 4px 4px 0 0}
ul.tabs li:hover{}
ul.tabs li.activo{background-color: #286EFA; color: #FFF}
.tab-contenido{display: none;padding: 30px 0 0 0;}
.tab-contenido.activo{display: block;}

/* Accordion ***************************************************************************************************************/

.accordion-titulo{background-color: #e3e6e9; padding: 0 13px; height: 45px; line-height: 45px; font-size: 16px; font-weight: 500;position: relative; border-radius: 4px; margin: 0 0 5px 0; cursor: pointer; color: #636669 !important;}
.accordion-titulo:after {content: '+'; position: absolute; top: 0; right: 0; width: 45px; height: 45px; text-align: center; line-height: 47px; font-size: 20px; }
.accordion-titulo-activo:after {content: "–";}
.accordion-titulo .tag{top: -2px; margin-right: 7px !important}
.accordion-contenido{margin: 20px 0; display: none}

/* POS ***************************************************************************************************************/

.pos-comanda{position: fixed; top: 15px; left: 255px; right: 459px; bottom: 15px; padding: 25px; overflow-y: auto; transition: left 0.5s;}

.pos-categorias{position: absolute; top: 60px; left: 0px; bottom: 60px; width: 240px; overflow-y: auto; transition: left 0.5s; background-color: #FFF; padding: 20px; box-sizing: border-box; border-right: 1px #e3e6e9 solid}
.pos-categorias-lista{margin: 0; padding: 0;}
.pos-categorias-lista li{margin: 0; padding: 0; display: block;border-bottom: 1px #e3e6e9 solid;}
.pos-categorias-lista li:last-child{border: 0;}
.pos-categorias-lista li a{display: block;height: 40px; line-height: 40px; text-decoration: none}

.pos-productos{position: absolute; top: 60px; left: 240px; right: 480px; bottom: 60px; overflow-y: auto; transition: left 0.5s;}

.pos-productos-mosaico {padding: 20px; box-sizing: border-box; display: grid; grid-gap: 5px; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto 1fr 1fr}
.pos-productos-mosaico .titulo-categoria{grid-column: 1 / 3; margin: 0; padding: 0;}
.pos-productos-mosaico li{list-style: none;background-color: #FFF; border: 1px #e3e6e9 solid; border-radius: 4px;}
.pos-productos-mosaico li:hover{}
.pos-productos-mosaico li a, .pos-productos-mosaico li .handle{display: block; position: relative; color: #636669; cursor:hand;  text-decoration: none;}
.pos-productos-mosaico li .handle{cursor: move;}
.pos-productos-mosaico li a span.icono, .pos-productos-mosaico li .handle span.icono{position: relative; display: block;  font-size: 30px; background-color: #F4F5F6; text-align: center; color: #e3e6e9; background-size: cover !important; background-position: 50% 50% !important; margin: 5px; border-radius: 4px 4px 0 0;}
.pos-productos-mosaico li a span.icono:before, .pos-productos-mosaico li .handle span.icono:before{content: ''; display: block; padding-top: 75%;}
.pos-productos-mosaico li a span.icono span, .pos-productos-mosaico li .handle span.icono span{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.pos-productos-mosaico li a span.titulo, .pos-productos-mosaico li span.titulo{display:block;text-align: center; padding: 20px;}
.pos-productos-mosaico li a.eliminar{display:block; width: 100% !important; text-align: center; padding: 0px 0px 20px 0px;}
.pos-productos-mosaico li a span.titulo span.precio{color: #636669; display: block; margin: 5px 0 0 0}
.pos-productos-mosaico .msg-aviso{grid-column: 1 / 4;}

.pos-productos-favoritos {padding: 0px; box-sizing: border-box; display: grid; grid-gap: 20px; grid-template-columns: repeat(6, 1fr); grid-template-rows: auto 1fr 1fr}
.pos-productos-favoritos li{list-style: none;background-color: #FFF; box-shadow: 3px 3px 10px #e3e6e9; border-radius: 4px;}
.pos-productos-favoritos li:hover{}
.pos-productos-favoritos li a, .pos-productos-favoritos li .handle{display: block; position: relative; color: #636669; cursor:hand;  text-decoration: none;}
.pos-productos-favoritos li .handle{cursor: move;}
.pos-productos-favoritos li a span.icono, .pos-productos-favoritos li .handle span.icono{position: relative; display: block;  font-size: 30px; background-color: #F4F5F6; text-align: center; color: #e3e6e9; background-size: cover !important; background-position: 50% 50% !important; margin: 5px; border-radius: 4px 4px 0 0;}
.pos-productos-favoritos li a span.icono:before, .pos-productos-favoritos li .handle span.icono:before{content: ''; display: block; padding-top: 75%;}
.pos-productos-favoritos li a span.icono span, .pos-productos-favoritos li .handle span.icono span{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.pos-productos-favoritos li a span.titulo, .pos-productos-favoritos li span.titulo{display:block;text-align: center; padding: 20px;}
.pos-productos-favoritos li a.eliminar{display:block; width: 100% !important; text-align: center; padding: 0px 0px 20px 0px;}
.pos-productos-favoritos li a span.titulo span.precio{color: #636669; display: block; margin: 5px 0 0 0}
.pos-productos-favoritos .msg-aviso{grid-column: 1 / 4;}

.pos-cuenta{position: fixed; width: 480px; top: 90px; right: 30px; bottom: 20px; padding: 20px; box-sizing: border-box; border-left: 1px #e3e6e9 solid;}
.pos-cuenta .pos-resumen-items{overflow-y: auto; position: absolute; bottom: 90px; left: 20px; right: 20px; background-color: #f3f6f9}
.pos-cuenta .pos-resumen-items .show-count{text-align: center; height: 40px; line-height: 42px; color: #636669;  font-size: 12px; border-bottom: 1px #e3e6e9 solid;}

.pos-tools{position: fixed; top: 30px; left: 310px; right: 30px; height: 60px;border-bottom: 1px #e3e6e9 solid; z-index: 1;}

.pos-tools .bx-tools-2{ margin: 0px; padding: 0px; position: absolute; top: 0px; left: 0px; right: 0px; transition: left 0.5s;}
.pos-tools .bx-tools-2 .back{width: 60px; height: 60px; border-right: 1px #e3e6e9 solid; position: absolute; top: 0; left: 0; background: url(../gui/ico_arrow_left.svg) 50% 50% no-repeat; background-size: auto 14px;}
.pos-tools .bx-tools-2 .tool-buscador{position: absolute; top: 0; left: 60px; font-size: 17px; padding: 0px; width: 50%}
.pos-tools .bx-tools-2 .tool-buscador input[type="text"]{background-color: transparent !important; box-shadow: none;}
.pos-tools .bx-tools-2 .tool-buscador .buscar{height: 60px !important; border: 0 !important; outline: none !important; background-color: transparent; font-size: 17px !important; background: url(../gui/icos/search-outline.svg) 23px 50% no-repeat; background-size: auto 24px; text-indent: 60px;}
.pos-tools .bx-tools-2 .tool-opciones{position: absolute; top: 15px; right: 20px; padding: 0px;}
.pos-tools .bx-tools-2 .tool-opciones a{display: inline-block; height: 30px; line-height: 30px; padding: 0 10px; text-decoration: none; position: relative; font-size: 14px; font-weight: 500; border-radius: 4px;}
.pos-tools .bx-tools-2 .tool-opciones a:hover{background-color: #286EFA; color: #FFF;}

.pos-auxiliar{border: 0px #f1f1f1 solid; position: fixed; width: 40px; top: 130px; right: 40px; bottom: 30px; }

.pos-vta-ops{}
.pos-vta-ops li{list-style: none; margin: 0 0 20px 0; padding: 0; text-align: center;}
.pos-vta-ops li a{text-decoration: none;  font-size: 9px; letter-spacing: 1px; color: #a4a4a4;}
.pos-vta-ops .op-vta{width: 40px; height: 40px; display: block; background-size: 80% auto !important; background-position: 50% 50% !important; background-repeat: no-repeat !important; color: #676767; text-decoration: none; margin: 0 0 0px 0}
.pos-vta-ops .op-vta-mesa{background: url(../gui/ico_mesa_servicio.svg)}
.pos-vta-ops .op-vta-nota{background: url(../gui/ico_nota.svg)}
.pos-vta-ops .op-vta-cupon{background: url(../gui/ico_cupon.svg)}
.pos-vta-ops .op-vta-buscar{background: url(../gui/ico_buscar.svg)}
.pos-vta-ops .op-vta-vendedor{background: url(../gui/ico_vendedor.svg)}


.pos-acciones{ position: fixed; bottom: 30px; left: 300px; right: 30px; background-color: #286EFA; color: #FFF; display: flex; border-radius: 0 0 6px 0;}
.pos-acciones a{flex: 1; height: 60px; line-height: 60px; text-align: center; font-size: 16px; text-decoration: none; color: #FFF}
.pos-acciones a.cobrar{border-right: 1px #f3f3f3 solid; }
.pos-acciones a.finalizar-comanda{background-color: #286EFA; border-radius: 4px;}
.pos-acciones a.imprimir{border-right: 1px #f3f3f3 solid; }
.pos-acciones a.cancelar{}
.pos-acciones a .tag-inline{color: #286EFA; margin: 0 10px; padding: 7px 15px;}

.pos-aplicar-pago {margin: 0 0 30px 0;position: relative}
.pos-aplicar-pago input[type="text"].moneda{height: 50px !important;  font-size: 20px !important; background: url(../gui/ico_moneda.svg) 20px 50% no-repeat; background-size: auto 20px; text-indent: 50px;margin: 5px 0 0 0}
.pos-aplicar-pago input[type="text"].info{height: 50px !important;  font-size: 20px !important; background: url(../gui/ico_info.svg) 15px 50% no-repeat; background-size: 20px auto; text-indent: 50px; margin: 5px 0 0 0}
.pos-aplicar-pago input[type="text"].fecha{height: 50px !important;  font-size: 20px !important; background: url(../gui/ico_calendario.svg) 15px 50% no-repeat; background-size: 24px auto; text-indent: 50px; margin: 5px 0 0 0}
.pos-aplicar-pago input[type="submit"]{position: absolute;top: 7px; right: 2px; background-color: #e3e6e9; color: #636669; height: 46px; line-height: 46px; border-radius: 0 3px 3px 0}

.pos-aplicar-pago-round{text-align: center; margin: 0 0 30px 0}
.pos-aplicar-pago-round a{display: inline-block; height: 40px; line-height: 40px; padding: 0 15px; cursor: default !important; background-color: #286EFA; color: #FFF; border-radius: 4px; margin: 2px; font-size: 14px;}

.pos-mesas-layout-full{}
.pos-mesas-layout-full .mesa{display: inline-block; margin: 5px; width: 95px; height: 95px; line-height: 95px; text-align: center; background-color: #FFF; border: 1px #e3e6e9 solid; border-radius: 4px;}
.pos-mesas-layout-full .mesa span{display: inline-block; vertical-align: middle; line-height: normal; float: none; font-size: 17px;}
.pos-mesas-layout-full .mesa-ocupada{background-color: #286EFA; color: #FFF;border: 1px #286EFA solid;}
.pos-mesas-layout-full .mesa-cerrada{background-color: #F52F57; color: #FFF;border: 1px #F52F57 solid;}

.pos-mesas-layout{display: grid; grid-gap: 20px; grid-template-columns: repeat(6, 1fr); grid-template-rows: auto 1fr 1fr}
.pos-mesas-layout .mesa {}
.pos-mesas-layout .mesa input[type=radio] + label {position: relative; background-image: none !important; text-align: center !important; border-radius: 4px !important; transition : all 200ms; box-sizing: border-box; background-color: #FFF; border: 1px #e3e6e9 solid; font-size: 17px; padding: 0 !important}
.pos-mesas-layout .mesa input[type=radio] + label:before{content: ''; display: block; padding-top: 100%}
.pos-mesas-layout .mesa input[type=radio] + label span{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) }
.pos-mesas-layout .mesa input[type=radio]:checked + label {color: #FFF !important; background-color: #286EFA; border: 1px #286EFA solid;}
.pos-mesas-layout .mesa input[type=radio]:disabled + label {color: #FFF !important; background-color: #286EFA}

.pos-mesas-personas{}
.pos-mesas-personas h3{}
.pos-mesas-meseros{}
.pos-mesas-meseros-scroll{position: absolute; top: 30px; bottom: 0; left: 0; right: 0; overflow-y: auto;}

.pos-open-layout{display: grid; grid-gap: 15px; grid-template-columns: repeat(6, 1fr); grid-template-rows: auto 1fr 1fr}
.pos-open-layout .venta{background-color: #FFF; border-radius: 4px; border: 1px #e3e6e9 solid; position: relative;}
.pos-open-layout .venta:before{content: ''; display: block; padding-top: 75%;}
.pos-open-layout .venta span{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 17px; text-align: center}
.pos-open-layout .venta span .data{font-size: 14px; margin-top: 5px;}
.pos-open-layout .venta .personas{background-color: #286EFA; color: #FFF; width: 25px; height: 25px; text-align: center; line-height: 26px; font-size: 12px; font-weight: 400; border-radius: 100%; top: 10px; right: 10px;}
.pos-open-layout .venta-nueva{background: url(../gui/icos/plus-circle-outline.svg) 50% 50% no-repeat;background-size: 48px auto; background-color: #FFF}
.pos-open-layout .pendiente{background-color: #FFF; border: 1px #e3e6e9 solid}
.pos-open-layout .procesado{background-color: #286EFA; color: #FFF;border: 1px #286EFA solid}
.pos-open-layout .procesado .personas{background-color: rgba(0,0,0,0.1); color: #FFF;}
.pos-open-layout .procesado .tag-procesado{position: absolute; top: -10px; left: 50%; transform: translate(-50%,0); padding: 0 9px; line-height: 20px; height: 20px; border-radius: 12px; color: #286EFA; background-color: #FFF; text-transform: uppercase; font-size: 12px; font-weight: 700;}

/* Controles de incremento ***************************************************************************************************************/

.controles-incremento{position: relative; height: 60px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px #e3e6e9 solid; border-radius: 4px; background-color: #FFF}

.controles-incremento div{text-align: center; line-height: 60px; font-size: 30px; cursor: default !important; color: #636669}
.controles-incremento .menos{width: 70px; position: absolute; left: 0; border-right: 1px #e3e6e9 solid;}
.controles-incremento .campo{width: 60px; height: 60px; text-align: center; padding: 0; text-indent: 0; position: absolute; left: 50%; margin: 0 0 0 -30px;font-size: 20px !important; color: #636669; box-shadow: none; border-radius: 0; border: 0; background-color: transparent !important;}
.controles-incremento .mas{width: 70px; position: absolute; right: 0;border-left: 1px #e3e6e9 solid;}

.controles-incremento-mini{position: relative; height: 45px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; background-color: #f3f6f9; border-radius: 4px;}
.controles-incremento-mini div{text-align: center; line-height: 45px; font-size: 20px; cursor: pointer !important; color: #636669; background-color: #f3f6f9; border-radius: 4px; border: 0;}
.controles-incremento-mini .incremento-menos{width: 45px; position: absolute; left: 0px;}
.controles-incremento-mini .incremento-campo{width: 39px; height: 37px; text-align: center; padding: 0; text-indent: 0; position: absolute; top: 4px; left: 50%; transform: translate(-50%,0); font-size: 14px !important; color: #FFF; box-shadow: none; border-radius: 4px; border: 0; background-color: #286EFA !important;}
.controles-incremento-mini .incremento-mas{width: 45px; position: absolute; right: 0px;}

/* Botonoes Tabs ***************************************************************************************************************/

ul.btns-tabs{border: 1px #e3e6e9 solid; background-color: #FFF; border-radius: 4px; display: inline-block;}
ul.btns-tabs li{display: inline-block; border-right: 1px #e3e6e9 solid;}
ul.btns-tabs li:last-child{border: 0;}
ul.btns-tabs li a{height: 40px; line-height: 40px; padding: 0 15px; display: block; text-decoration: none;}

/* Calendario (no aplicado)***************************************************************************************************************/

.calendario-dia{}

.calendario-dia .resumen{display: grid; grid-gap: 15px; grid-template-columns: repeat(4, 1fr); margin: 0 0 30px 0;}
.calendario-dia .resumen .resumen-item {background-color: #FFF; padding: 15px; border-radius: 4px; border: 1px #e3e6e9 solid}
.calendario-dia .resumen .resumen-item .data{font-size: 25px; font-weight: 400; line-height: 25px; color: #286EFA}
.calendario-dia .resumen .resumen-item .info{margin: 5px 0 0 0;}


.calendario-dia .t{position: relative; overflow: auto; white-space:nowrap; padding: 0 0px 0 0}
.calendario-dia .t .tr{margin: 0; padding: 0; border-top: 1px #e3e6e9 solid}
.calendario-dia .t .tc{margin: 0 !important; padding: 0 !important; position: relative; height: 40px;}
.calendario-dia .t .timeline{width: 100px; height: 40px;}
.calendario-dia .t .timeline .timeline-hora{position: absolute; top: -11px; background-color: #e3e6e9; color: #636669; height: 20px; line-height: 21px; padding: 0 3px; border-radius: 4px;font-size: 12px;}
.calendario-dia .t .timeline .hora_momento{background-color: #F52F57; color: #FFF;}
.calendario-dia .t .grupo-eventos{position: relative;}
.calendario-dia .t .tc .evento{background-color: #FFF; padding: 0; display: inline-block !important; width: 160px; height: 36px !important; position: relative;}

.calendario-dia .t .tc .evento a.info{margin: 2px; padding: 0px; box-sizing: border-box; width: calc(100% - 2px); background-color: #286EFA; color: #FFF; display: block; border-radius: 4px;border-bottom: 3px rgba(0,0,0,0.2) solid}

.calendario-dia .t .tc .evento a.status-0{background-color: #F52F57;}
.calendario-dia .t .tc .evento a.status-1{background-color: #F7CB15;}
.calendario-dia .t .tc .evento a.status-2{background-color: #636669;}
.calendario-dia .t .tc .evento a.status-3{background-color: #e3e6e9; color: #636669}
.calendario-dia .t .tc .evento a.status-4{background-color: #286EFA;}
.calendario-dia .t .tc .evento a.status-5{background-color: #35B221;}

.calendario-dia .t .tc .evento a.info .data{position: absolute; top: 7px; left: 10px; right: 10px; white-space: normal;}
.calendario-dia .t .tc .evento a.info .data .horas{font-size: 12px; color: rgba(255,255,255,0.6)}
.calendario-dia .t .tc .evento a.info .data .titulo{margin: -3px 0 0 0;}

.calendario-semana {display: grid; grid-gap: 0px; grid-template-columns: repeat(7, 1fr); grid-template-rows: auto; border-radius: 4px; background-color: #FFF}
.calendario-semana .nav-semana{grid-column: 1 / 8; height: 45px; padding: 0 13px; border-bottom: 1px #e3e6e9 solid}
.calendario-semana .nav-semana li{height: 45px; line-height: 45px; list-style: none; margin: 0 20px 0 0; display: inline-block}
.calendario-semana .dia{border-right: 1px #e3e6e9 solid;}
.calendario-semana .dia:last-child{border: 0;}
.calendario-semana .dia .dia-header{border-bottom: 1px #e3e6e9 solid; padding: 13px; color: #636669;}
.calendario-semana .dia .dia-header .nombre{}
.calendario-semana .dia .dia-header .numero{font-size: 26px; margin-top: 5px;}
.calendario-semana .dia .evento{display: block; padding: 10px; box-sizing: border-box; border-radius: 4px; color: #636669;}
.calendario-semana .dia .evento-pendiente{color: #F52F57;}

/* TURNOS ***************************************************************************************************************/


.turnos-calendario .bx-calendario{border: 1px #CCC solid; background-color: #FFF; border-radius: 4px;}

.turnos-calendario .grid-row{display: flex; justify-content: space-between; flex-flow: row wrap;}
.turnos-calendario .grid-row .grid-unidad{width: 120px;}
.turnos-calendario .grid-row .grid-unidad .descripcion{flex: 1; height: 40px; line-height: 40px; font-size: 12px; margin: 0px; text-align: left; border-right: 1px #CCC solid}
.turnos-calendario .grid-row .grid-unidad .descripcion span{padding: 0 0 0 10px;}
.turnos-calendario .grid-row .grid-ocupacion{flex: 1; overflow: hidden; position: relative; display: flex;}
.turnos-calendario .grid-row {border-bottom: 1px #CCC solid;}
.turnos-calendario .grid-row:last-child {border-bottom: 0px;}
.turnos-calendario .grid-row .grid-ocupacion .dia{flex: 1;  height: 40px; line-height: 40px; font-size: 12px; margin: 0px; color: #CCC; text-align: center;}
.turnos-calendario .grid-row .grid-ocupacion .dia a{text-decoration: none;}
.turnos-calendario .grid-row .grid-ocupacion .item{position: absolute; top: 5px;  height: 30px; line-height: 30px; border-radius: 40px; padding: 0 0px; box-sizing: border-box; font-size: 11px;overflow: hidden; white-space: nowrap; border-left: 1px #FFF solid; cursor: default;}
.turnos-calendario .grid-row .grid-ocupacion a.item{cursor: pointer;}

.turnos-calendario .grid-row .grid-ocupacion .item-siguiente{background-color: #074dfb; color: #FFF;}
.turnos-calendario .grid-row .grid-ocupacion .item-finalizado{background-color: #e9ebee; color: #2e2d2d;}
.turnos-calendario .grid-row .grid-ocupacion .item-activo{background-color: #F52F57; color: #FFF;}

.turnos-calendario .grid-row .grid-ocupacion .item span{position: absolute; display: inline-block; text-indent: 10px; height: 30px; line-height: 32px;}
.turnos-calendario .grid-row .grid-ocupacion .item .item-start{text-indent: 27px;}
.turnos-calendario .grid-row .grid-ocupacion .item .item-start .dot{position: absolute; left: 10px; top: 10px; width: 10px; height: 10px; background-color: #FFF; border-radius: 10px;}

.turnos-calendario .grid-row-titulo-mes{display: flex; justify-content: space-between; flex-flow: row wrap;}
.turnos-calendario .grid-row-titulo-mes .grid-controles{width: 200px;}
.turnos-calendario .grid-row-titulo-mes .grid-controles a{background-color: #FFF; height: 40px; line-height: 40px; width: 38px; margin: 1px; display: inline-block; text-align: center; text-decoration: none;}
.turnos-calendario .grid-row-titulo-mes .grid-ocupacion{flex: 1; position: relative; overflow: hidden;display: flex}
.turnos-calendario .grid-row-titulo-mes .grid-ocupacion .mes{height: 40px; line-height: 40px; font-size: 12px; margin: 1px; background-color: #FFF; color: #2E2D2D; text-align: center; font-weight: 500;}
.turnos-calendario .grid-row-titulo-mes .grid-ocupacion .mes-1{flex: 1;}
.turnos-calendario .grid-row-titulo-mes .grid-ocupacion .mes-2{flex: 2;}
.turnos-calendario .grid-row-titulo-mes .grid-ocupacion .mes-3{flex: 3;}
.turnos-calendario .grid-row-titulo-mes .grid-ocupacion .mes-4{flex: 4;}
.turnos-calendario .grid-row-titulo-mes .grid-ocupacion .mes-5{flex: 5;}
.turnos-calendario .grid-row-titulo-mes .grid-ocupacion .mes-6{flex: 6;}
.turnos-calendario .grid-row-titulo-mes .grid-ocupacion .mes-7{flex: 7;}

.turnos-calendario .grid-row-titulo-dia{display: flex; justify-content: space-between; flex-flow: row wrap; background-color: #000}
.turnos-calendario .grid-row-titulo-dia .grid-unidad{width: 120px}
.turnos-calendario .grid-row-titulo-dia .grid-unidad .descripcion{flex: 1;  height: 40px; line-height: 40px; font-size: 12px; margin: 1px; color: #FFF; text-indent: 10px;}
.turnos-calendario .grid-row-titulo-dia .grid-ocupacion{flex: 1; position: relative; overflow: hidden;display: flex;}
.turnos-calendario .grid-row-titulo-dia .grid-ocupacion .dia{flex: 1;  height: 40px; line-height: 40px; font-size: 12px; margin: 1px; color: #FFF;  text-align: center;}

/* BELLBOY ***************************************************************************************************************/

.bellboy-book{position: relative;}
.bellboy-book .buscador{position: absolute; top: 30px; left: 30px; width: 200px;}
.bellboy-book .resultado{position: absolute; top: 30px; right: 30px; left: 260px; bottom: 30px; overflow-y: auto;}
.bellboy-book .resultado .resumen{position: fixed; top: 35px; left: 0; right: 40px; z-index: 101;-webkit-transform: translateZ(0);}
.bellboy-book .resultado .resumen .btn-procesar{position: absolute !important; top: 0; right: 0;}
.bellboy-book .resultado .resumen .total{position: absolute; top: 0; right: 100px; width: 400px; height: 30px; line-height: 30px; text-align: right; font-size: 17px; }
.bellboy-book .resultado .resumen .total .item{margin: 0 0 0 15px;}
.bellboy-book .cover-full{position: absolute; top: 0; right: 0px; left: 0; bottom: 0px; display: flex;justify-content: center; text-align: center; background-color: #f3f6f9; border-radius: 4px;}
.bellboy-book .resultado .msg-aviso{align-self: center; margin: 50px;}

.bellboy-calendario .bx-calendario{border: 1px #e3e6e9 solid;}

.bellboy-calendario .grid-row{display: flex; justify-content: space-between; flex-flow: row wrap;}
.bellboy-calendario .grid-row .grid-unidad{width: 200px;}
.bellboy-calendario .grid-row .grid-unidad .descripcion{flex: 1; height: 40px; line-height: 40px; font-size: 12px; margin: 1px; background-color: #FFF;  text-align: left; }
.bellboy-calendario .grid-row .grid-unidad .descripcion span{height: 12px; line-height: 12px !important; display: block; font-size: 12px; padding: 8px 0 0 8px;}
.bellboy-calendario .grid-row .grid-ocupacion{flex: 1; overflow: hidden; position: relative; display: flex}
.bellboy-calendario .grid-row .grid-ocupacion .dia{flex: 1;  height: 40px; line-height: 40px; font-size: 12px; margin: 1px; background-color: #FFF; color: #e3e6e9; text-align: center;}
.bellboy-calendario .grid-row .grid-ocupacion .item{position: absolute; top: 5px; height: 30px; line-height: 30px; border-radius: 4px; padding: 0 0px; box-sizing: border-box; font-size: 12px;overflow: hidden; white-space: nowrap; border-left: 1px #FFF solid;}

.bellboy-calendario .grid-row .grid-ocupacion .item-no-confirmado{background-color: #F7CB15; color: #FFF;}
.bellboy-calendario .grid-row .grid-ocupacion .item-confirmado{background-color: #636669; color: #FFF;}
.bellboy-calendario .grid-row .grid-ocupacion .item-presente{background-color: #35B221; color: #FFF;}
.bellboy-calendario .grid-row .grid-ocupacion .item-pasado{background-color: #636669; color: #FFF;}
.bellboy-calendario .grid-row .grid-ocupacion .item-alerta{background-color: #286EFA; color: #FFF;}

/* Amarillo E4CC37 */

.bellboy-calendario .grid-row .grid-ocupacion .item span{position: absolute; display: inline-block; text-indent: 10px;}

.bellboy-calendario .grid-row-titulo-mes{display: flex; justify-content: space-between; flex-flow: row wrap; border-bottom: 1px #e3e6e9 solid;}
.bellboy-calendario .grid-row-titulo-mes .grid-controles{width: 200px;}
.bellboy-calendario .grid-row-titulo-mes .grid-controles a{background-color: #FFF; height: 40px; line-height: 40px; width: 38px; margin: 1px; display: inline-block; text-align: center; text-decoration: none;}
.bellboy-calendario .grid-row-titulo-mes .grid-ocupacion{flex: 1; position: relative; overflow: hidden;display: flex}
.bellboy-calendario .grid-row-titulo-mes .grid-ocupacion .mes{height: 40px; line-height: 40px; font-size: 12px; margin: 1px; background-color: #FFF; color: #636669; text-align: center; font-weight: 500;}
.bellboy-calendario .grid-row-titulo-mes .grid-ocupacion .mes-1{flex: 1;}
.bellboy-calendario .grid-row-titulo-mes .grid-ocupacion .mes-2{flex: 2;}
.bellboy-calendario .grid-row-titulo-mes .grid-ocupacion .mes-3{flex: 3;}
.bellboy-calendario .grid-row-titulo-mes .grid-ocupacion .mes-4{flex: 4;}
.bellboy-calendario .grid-row-titulo-mes .grid-ocupacion .mes-5{flex: 5;}
.bellboy-calendario .grid-row-titulo-mes .grid-ocupacion .mes-6{flex: 6;}
.bellboy-calendario .grid-row-titulo-mes .grid-ocupacion .mes-7{flex: 7;}

.bellboy-calendario .grid-row-titulo-dia{display: flex; justify-content: space-between; flex-flow: row wrap; border-bottom: 1px #e3e6e9 solid}
.bellboy-calendario .grid-row-titulo-dia .grid-unidad{width: 200px}
.bellboy-calendario .grid-row-titulo-dia .grid-unidad .descripcion{flex: 1;  height: 40px; line-height: 40px; font-size: 12px; margin: 1px; background-color: #FFF; color: #636669; text-align: center;}
.bellboy-calendario .grid-row-titulo-dia .grid-ocupacion{flex: 1; position: relative; overflow: hidden;display: flex;}
.bellboy-calendario .grid-row-titulo-dia .grid-ocupacion .dia{flex: 1;  height: 40px; line-height: 40px; font-size: 12px; margin: 1px; background-color: #FFF;  text-align: center;}

.bellboy-status-0{background-color: #F7CB15; display: block; width: 12px; height: 12px; position: absolute; top: 10px; left: -10px; border-radius: 10px; border: 3px #FFF solid;}
.bellboy-status-1{background-color: #636669; display: block; width: 12px; height: 12px; position: absolute; top: 10px; left: -10px; border-radius: 10px; border: 3px #FFF solid;}
.bellboy-status-2{background-color: #35B221; display: block; width: 12px; height: 12px; position: absolute; top: 10px; left: -10px; border-radius: 10px; border: 3px #FFF solid;}
.bellboy-status-3{background-color: #636669; display: block; width: 12px; height: 12px; position: absolute; top: 10px; left: -10px; border-radius: 10px; border: 3px #FFF solid;}
.bellboy-status-4{background-color: #286EFA; display: block; width: 12px; height: 12px; position: absolute; top: 10px; left: -10px; border-radius: 10px; border: 3px #FFF solid;}

/* TASKS ***************************************************************************************************************/

.tasks-calendario .bx-calendario{border: 0px #e3e6e9 solid;}

.tasks-calendario .grid-row{display: flex; justify-content: space-between; flex-flow: row wrap;border: 1px #e3e6e9 solid; margin: 0 0 3px 0}
.tasks-calendario .grid-row .grid-unidad{width: 200px; border-right: 1px #e3e6e9 solid;}
.tasks-calendario .grid-row .grid-unidad .descripcion{flex: 1; height: 40px; line-height: 40px; font-size: 12px; background-color: #f3f6f9;  text-align: left; }
.tasks-calendario .grid-row .grid-unidad .descripcion span{height: 12px; line-height: 12px !important; display: block; font-size: 12px; padding: 8px 0 0 8px;}
.tasks-calendario .grid-row .grid-ocupacion{flex: 1; overflow: hidden; position: relative; display: flex}
.tasks-calendario .grid-row .grid-ocupacion .dia{flex: 1;  height: 40px; line-height: 40px; font-size: 12px; background-color: #FFF; color: #e3e6e9; text-align: center;border-right: 1px #e3e6e9 solid;}
.tasks-calendario .grid-row .grid-ocupacion .dia:last-child{border-right: 0px !important;}
.tasks-calendario .grid-row .grid-ocupacion .item{position: absolute; top: 5px; height: 30px; line-height: 30px; border-radius: 4px; padding: 0 0px; box-sizing: border-box; font-size: 12px;overflow: hidden; white-space: nowrap; border-left: 1px #FFF solid;}

.tasks-calendario .grid-row .grid-ocupacion .item-no-confirmado{background-color: #F7CB15; color: #FFF;}
.tasks-calendario .grid-row .grid-ocupacion .item-confirmado{background-color: #636669; color: #FFF;}
.tasks-calendario .grid-row .grid-ocupacion .item-proceso{background-color: #35B221; color: #FFF;}
.tasks-calendario .grid-row .grid-ocupacion .item-finalizado{background-color: #636669; color: #FFF;}
.tasks-calendario .grid-row .grid-ocupacion .item-alerta{background-color: #286EFA; color: #FFF;}

/* Amarillo E4CC37 */

.tasks-calendario .grid-row .grid-ocupacion .item span{position: absolute; display: inline-block; text-indent: 10px;}

.tasks-calendario .grid-row-titulo-mes{display: flex; justify-content: space-between; flex-flow: row wrap; border-bottom: 1px #e3e6e9 solid;}
.tasks-calendario .grid-row-titulo-mes .grid-controles{width: 200px;}
.tasks-calendario .grid-row-titulo-mes .grid-controles a{background-color: #FFF; height: 40px; line-height: 40px; width: 38px; margin: 1px; display: inline-block; text-align: center; text-decoration: none;}
.tasks-calendario .grid-row-titulo-mes .grid-ocupacion{flex: 1; position: relative; overflow: hidden;display: flex}
.tasks-calendario .grid-row-titulo-mes .grid-ocupacion .mes{height: 40px; line-height: 40px; font-size: 12px; margin: 1px; background-color: #FFF; color: #636669; text-align: center; font-weight: 500;}
.tasks-calendario .grid-row-titulo-mes .grid-ocupacion .mes-1{flex: 1;}
.tasks-calendario .grid-row-titulo-mes .grid-ocupacion .mes-2{flex: 2;}
.tasks-calendario .grid-row-titulo-mes .grid-ocupacion .mes-3{flex: 3;}
.tasks-calendario .grid-row-titulo-mes .grid-ocupacion .mes-4{flex: 4;}
.tasks-calendario .grid-row-titulo-mes .grid-ocupacion .mes-5{flex: 5;}
.tasks-calendario .grid-row-titulo-mes .grid-ocupacion .mes-6{flex: 6;}
.tasks-calendario .grid-row-titulo-mes .grid-ocupacion .mes-7{flex: 7;}

.tasks-calendario .grid-row-titulo-dia{display: flex; justify-content: space-between; flex-flow: row wrap; border-bottom: 1px #e3e6e9 solid}
.tasks-calendario .grid-row-titulo-dia .grid-unidad{width: 200px}
.tasks-calendario .grid-row-titulo-dia .grid-unidad .descripcion{flex: 1;  height: 40px; line-height: 40px; font-size: 12px; margin: 1px; background-color: #FFF; color: #636669; text-align: center;}
.tasks-calendario .grid-row-titulo-dia .grid-ocupacion{flex: 1; position: relative; overflow: hidden;display: flex;}
.tasks-calendario .grid-row-titulo-dia .grid-ocupacion .dia{flex: 1;  height: 40px; line-height: 40px; font-size: 12px; margin: 1px; background-color: #FFF;  text-align: center;}

/* Mensajes ***************************************************************************************************************/

.banner-aviso{background: url(../gui/ico/info-outline-b.svg) 13px 12px no-repeat; background-size: 20px auto; background-color: #286EFA; color: #FFF; padding: 13px 13px 13px 43px; border-radius: 4px; display: block}
.banner-aviso:hover{color: #FFF; text-decoration: none;}
.banner-aviso b{color: #FFF;}

.banner-alerta{background: url(../gui/ico/alerta-outline-b.svg) 13px 12px no-repeat; background-size: 20px auto; background-color: #F52F57; color: #FFF; padding: 13px 13px 13px 43px; border-radius: 4px; display: block}
.banner-alerta:hover{color: #FFF; text-decoration: none;}
.banner-alerta b{color: #FFF;}

.msg-listo{background: url(../gui/icos/checkmark-circle-outline.svg) 50% 30px no-repeat; background-size: auto 60px; text-align: center; padding: 120px 30px 30px 30px; margin: -50px 0 0 0;}

.msg-alerta{background: url(../gui/icos/alert-triangle-outline.svg) 50% 30px no-repeat; background-size: auto 60px; text-align: center; padding: 120px 30px 30px 30px; margin: -50px 0 0 0;}







.msg-aviso{font-size: 14px; text-align: center; padding: 100px 0; width: 80%; margin: 0 auto; box-sizing: border-box}
.msg-aviso p{line-height: 13px;}
.msg-aviso .ico-msg-almacen{width: 80px; height: 80px; margin: 0 auto 30px auto; background: url(../gui/ico_almacen.svg) 50% 50% no-repeat; background-size: contain;}
.msg-aviso .ico-msg-proveedor{width: 80px; height: 80px; margin: 0 auto 30px auto; background: url(../gui/ico_proveedor.svg) 50% 50% no-repeat; background-size: contain;}
.msg-aviso .ico-msg-importar{width: 80px; height: 80px; margin: 0 auto 30px auto; background: url(../gui/ico_importar.svg) 50% 50% no-repeat; background-size: contain;}

.msg-error-login{display: none; color: #F52F57; text-align: center; padding: 20px 0 0 0}

.msg-norecords{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 17px; font-weight: 400; color: #636669;}

.msg-bx-norecords{position: relative; width: 100%; height: 100px; background-color: #e3e6e9; border: 0px #e3e6e9 solid; border-radius: 4px;}
.msg-bx-norecords span{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 14px; text-align: center; color: #636669}

.msg-no-internet{z-index: 200; background-color: #636669; color: #FFF; position: fixed; bottom: 0; left: 0; right: 0; text-align: center; height: 100px; line-height: 100px; font-size: 18px; display: none}

.msg-update {background-color: #286EFA; color: #FFF; position: fixed; left: 280px; bottom: 0px; right: 0; height: 60px; line-height: 60px; text-align: center; box-sizing: border-box; text-align: center; z-index: 102}

.tx-ico-info-16{background: url(../gui/ico_info.svg) 0% 0% no-repeat; background-size: 16px auto;padding-left: 26px; padding-top: 1px; min-height: 16px;}
.tx-ico-info-16-b{background: url(../gui/ico_info_b.svg) 0% 0% no-repeat; background-size: 16px auto;padding-left: 26px; padding-top: 1px; min-height: 16px;}
.tx-ico-usuario-16{background: url(../gui/ico_usuario.svg) 0% 0% no-repeat; background-size: 16px auto;padding-left: 26px; padding-top: 1px; min-height: 16px;}
.tx-ico-usuario-16-b{background: url(../gui/ico_usuario_b.svg) 0% 0% no-repeat; background-size: 16px auto;padding-left: 26px; padding-top: 1px; min-height: 16px;}
.tx-ico-logout-16-b{background: url(../gui/ico_logout.svg) 0% 0% no-repeat; background-size: 16px auto;padding-left: 26px; padding-top: 1px; min-height: 16px;}

.alerta-std{background: url(../gui/ico_alerta_c.svg) 13px 50% no-repeat; background-size: auto 16px; background-color: #FFF; color: #286EFA; border: 1px #286EFA solid; padding: 13px 13px 13px 40px; border-radius: 4px; cursor: default;}

/* Iconos ***************************************************************************************************************/

.ico-tx{background-position: 0% -1px !important; background-repeat: no-repeat !important; background-size: auto 20px !important; padding: 0 0 0 28px !important; display: inline-block; min-height: 18px !important;}
.ico-tx-star{background: url(../gui/ico/star-ribbon-outline-on.svg)}
.ico-tx-star-off{background: url(../gui/ico/star-ribbon-outline-off.svg)}
.ico-tx-print{background: url(../gui/icos/printer-fill.svg)}
.ico-tx-alerta{background: url(../gui/icos/alert-triangle-outline.svg)}
.ico-tx-tarjeta{background: url(../gui/icos/credit-card-outline.svg)}
.ico-tx-logout{background: url(../gui/ico/logout-outline-on.svg)}
.ico-tx-usuario{background: url(../gui/ico/usuario-outline-on.svg)}




/* Status ***************************************************************************************************************/

.status-normal{background-color: #636669; display: block; width: 3px; position: absolute; top: 2px; bottom: 2px; left: 2px; border-radius: 10px;}
.status-inactivo{background-color: #e3e6e9; display: block; width: 3px; position: absolute; top: 2px; bottom: 2px; left: 2px; border-radius: 10px;}
.status-verde{background-color: #35B221; display: block; width: 3px; position: absolute; top: 2px; bottom: 2px; left: 2px; border-radius: 10px;}
.status-amarillo{background-color: #F7CB15; display: block; width: 3px; position: absolute; top: 2px; bottom: 2px; left: 2px; border-radius: 10px;}
.status-rojo{background-color: #F52F57; display: block; width: 3px; position: absolute; top: 2px; bottom: 2px; left: 2px; border-radius: 10px;}
.status-azul{background-color: #636669; display: block; width: 3px; position: absolute; top: 2px; bottom: 2px; left: 2px; border-radius: 10px;}

.status-semaforo-verde{background-color: #35B221; color: #FFF; text-align: center; line-height: 60px; display: block; width: 60px; height: 60px; border-radius: 60px; border: 3px #FFF solid; font-size: 18px; margin: 0 auto 10px auto;}
.status-semaforo-amarillo{background-color: #F7CB15; color: #FFF; text-align: center; line-height: 60px; display: block; width: 60px; height: 60px; border-radius: 60px; border: 3px #FFF solid; font-size: 18px; margin: 0 auto 10px auto;}
.status-semaforo-rojo{background-color: #286EFA; color: #FFF; text-align: center; line-height: 60px; display: block; width: 60px; height: 60px; border-radius: 60px; border: 3px #FFF solid; font-size: 18px; margin: 0 auto 10px auto;}

.tx-rojo{color: #F52F57 !important;}

/* Semaforo ***************************************************************************************************************/

.semaforo{display: flex; background-color: #FFF; padding: 5px;border: 1px #e3e6e9 solid; border-radius: 4px;box-shadow: 1px 1px 2px #e3e6e9}
.semaforo-sp{margin: 0 0 20px;}
.semaforo a{flex: 1;margin: 5px; text-decoration: none; border-radius: 4px;}
.semaforo a.verde{background-color: #35B221; color: #FFF;}
.semaforo a.amarillo{background-color: #F7CB15; color: #FFF;}
.semaforo a.rojo{background-color: #286EFA; color: #FFF;}
.semaforo a .indicador{height: 50px; line-height: 60px; text-align: center; font-size: 33px; font-weight: 700}
.semaforo a .etiqueta{height: 30px; text-align: center; }

/* Agenda ***************************************************************************************************************/

.agenda{position: absolute; top: 130px; left: 0px; right: 0px; bottom: 0px; overflow: hidden}
.agenda .div-call-calendario{position: absolute; top: 0; bottom: 0; right: 0px; width: 300px;overflow-y: auto; border-left: 1px #e3e6e9 solid}
.agenda .div-call-dia{position: absolute; top: 0; left: 0; bottom: 0; right: 300px; overflow-y: auto}
.agenda .div-call-dia .fecha-titulo{position: absolute; top: 0; left: 0; right: 0; padding: 0 30px; height: 60px; line-height: 60px; font-size: 17px; color: #636669; background-color: #f3f3f3; border-bottom: 1px #e3e6e9 solid}
.agenda .div-call-dia .fecha-titulo .filtro{position: absolute; top: 0; right: 30px;}
.agenda .div-call-dia .fecha-data{position: absolute; top: 60px; left: 10px; right: 10px; bottom: 0; overflow-y: auto}
.agenda .div-call-dia .hora_momento{position: absolute; top: 15px; left: 0px; width: 5px; height: 5px; background-color: #FF292F;border-radius: 5px;}
.agenda .div-call-dia .tag-evento{text-decoration: none; background-color: #f3f3f3; color: #636669; padding: 4px 5px; display: block; border-radius: 4px;margin: 0 0 1px 0}

.agenda-mes{padding: 20px;}
.agenda-mes .nav-mes {position: relative; height: 40px;}
.agenda-mes .nav-mes a{cursor: pointer; height: 40px; line-height: 40px;}
.agenda-mes .nav-mes .prev{position: absolute; top: 9px; left: 8px;  width: 22px; height: 22px; line-height: 22px; display: block;}
.agenda-mes .nav-mes .hoy{position: absolute; top: 9px; left: 38px; width: 22px; height: 22px; line-height: 22px; display: block;}
.agenda-mes .nav-mes .next{position: absolute; top: 9px; right: 8px; width: 22px; height: 22px; line-height: 22px; display: block;}
.agenda-mes .nav-mes .titulo{height: 40px; line-height: 40px; text-align: center; font-size: 14px;}
.agenda-mes table{width: 100%}
.agenda-mes .dia-titulo td{height: 30px; line-height: 30px; color: #a4a4a4; text-align: center; }
.agenda-mes .dia{width: 14.28571%; height: 36px; position: relative;}
.agenda-mes .dia .bx-data{position: absolute; top: 3px; right: 3px; bottom: 3px; left: 3px; border-radius: 4px; display: block;}
.agenda-mes .dia .bx-data-activo{background-color: #FFF; color: #636669 !important; border: 1px #636669 solid;}
.agenda-mes .dia .bx-data-hoy{background-color: #636669; color: #FFF !important; border: 1px #636669 solid;}
.agenda-mes .dia .bx-data-pasado{color: #a4a4a4;}
.agenda-mes .dia .bx-data .numero{position: absolute; top: 0px; left: 0px; right: 0; bottom: 0; text-align: center; line-height: 30px;}

/* GALERIA ***************************************************************************************************************/

.hotspot-area {position: relative}
.hotspot-area .spot{position: absolute; width: 14px; height: 14px; background-color: #636669; border-radius: 14px; border: 2px #FFF solid; margin: -8px 0 0 -8px; cursor: pointer}

/* Tag ***************************************************************************************************************/

.tag-inline{background-color: #F4F5F6; padding: 5px 7px; border-radius: 4px; margin-right: 5px;}

.tag{background-color: #F3F6F9; color: #636669; padding: 5px 7px; border-radius: 4px; margin-right: 5px; font-size: 12px !important; font-weight: 400; position: relative;}
.tag-verde{background-color: #34A944; color: rgba(255,255,255,0.8) !important}
.tag-amarillo{background-color: #F6AB2E; color: rgba(255,255,255,0.8) !important}
.tag-rojo{background-color: #F52F57; color: rgba(255,255,255,0.8) !important}
.tag-azul{background-color: #286EFA; color: rgba(255,255,255,0.8) !important}
.tag:last-child{margin-right: 0px;}

.tag-progreso{position: relative;}
.tag-progreso .progreso-barra{position: absolute; top: 0; left: 0; bottom: 0; z-index: 1; background-color: rgba(0,0,0,0.2);}
.tag-progreso .progreso-data{position: relative; z-index: 2;}

.tag-off{ background-color: #e3e6e9; color: #636669; border-radius: 4px; padding: 0 7px; height: 20px; line-height: 21px; display: inline-block; margin: 0 5px 0 0; font-size: 12px; text-decoration: none !important}
.tag-off:first-child{margin: 0 5px 0 0;}

.tag-preventivo{background-color: #FFE66D; color: #9E8B0B; border-radius: 4px; padding: 4px 7px; margin: 0 5px; font-size: 12px;text-decoration: none !important}
.tag-preventivo:first-child{margin: 0 5px 0 0;}
.tag-activo{background-color: #35B221; color: #FFF; border-radius: 4px; padding: 4px 7px; margin: 0 5px; font-size: 12px;text-decoration: none !important}
.tag-activo:first-child{margin: 0 5px 0 0;}

.dot-tc-alerta{background-color: #286EFA; width: 10px; height: 10px; border-radius: 10px; position: absolute; top: 12px; left: -6px;}

/* Grafica ***************************************************************************************************************/

.morris-hover{position:absolute;z-index:101}.morris-hover.morris-default-style{border-radius:6px;padding:10px;color:#FFF;background-color: #286EFA; border:solid 2px #FFF;font-size:12px;text-align:center}.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0}
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0}

.graph{background-color: #286EFA; height: 160px; border-radius: 6px; border: 0px #e3e6e9 solid; padding: 25px 20px 20px 20px;}
.graph-sp{margin: 0 0 20px 0px;}

/* Modal ***************************************************************************************************************/

.reveal-modal-bg{position:fixed;height:100%;width:100%;background-color: rgba(0,0,0,0.5);z-index:103;display:none;top:0;left:0;}
.reveal-modal{text-align:left;visibility:hidden;top:50%;left:50%;background-color:#FFF; color: #636669; position:absolute!important;z-index:104;padding:70px 20px 20px 20px; box-sizing: border-box; border-radius: 6px; transform: translate(-50%,-50%); box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 2px 20px rgba(0,0,0,0.2);}
.reveal-modal .modal-bx-scroll{border: 0; overflow-y: auto; max-height: calc(100vh - 240px); margin: 0px -20px 0px -20px; padding: 0px 20px 0px 20px;}
.reveal-modal .modal-bx-scroll-buscador{border: 0; overflow-y: auto; max-height: calc(100vh - 480px); margin: 0px -20px 0px -20px; padding: 0px 20px 0px 20px;}
.reveal-modal .modal-bx-scroll input:focus{outline:0px #636669 solid; border: 1px #636669 solid;}
.reveal-modal h1{position:absolute;left:0;top:0px;right:0!important;margin:0;padding:0px 20px; height: 50px; line-height: 52px; font-size:16px;text-align: left; border-bottom: 1px #ECEFF1 solid;}
.reveal-modal h1 span{float: right; font-size: 13px; border-right: 1px #ECEFF1 solid; margin-right: 35px; padding-right: 30px}
.reveal-modal h5{color:#636669;position:absolute;left:0;top:0;right:0!important;height:90px;line-height:95px;margin:0;padding:0;font-size:20px;text-align: center}
.reveal-modal h2{margin: 0 0 20px 0; padding: 0;color: #636669}
.reveal-modal h3{text-align:center;color: #636669}
.reveal-modal b{color: #286EFA;}
.reveal-modal p{padding:0;margin:0 0 20px; color: #636669}
.reveal-modal hr { border: 0; border-bottom: 1px #ECEFF1 solid;margin: 20px -20px;}
.reveal-modal ul.tabs{margin: 0px 0px;padding: 0 0px;box-sizing: border-box;list-style: none;border-bottom: 3px #F4F5F6 solid;}
.reveal-modal .ft{color: #636669;}
.reveal-modal .ffc{border: 0}
.reveal-modal .ffbc{}
.reveal-modal .ffbc input[type="submit"], .reveal-modal .ffbc .btn{text-align: center; background-color: #286EFA; color: #FFF; height: 40px; line-height: 40px; border: 0; border-radius:4px; width: 100%;}
.reveal-modal .ffbc .btn, .reveal-modal .btn{background-color: #286EFA !important; color: #FFF !important; height: 40px; line-height: 40px; border: 0; border-radius: 4px;box-sizing: border-box}

.reveal-modal .ffbc .btn-off{background-color: transparent !important; color: #636669 !important; font-weight: 700;}

.reveal-modal.small{width:300px;}
.reveal-modal.medium{width:400px;}
.reveal-modal.large{width:600px;}
.reveal-modal.xlarge{width:800px;}
.reveal-modal .close-reveal-modal{ font-size:19px; font-weight: 600; padding:0;position:absolute;top:0px;right:0px; width: 50px; height: 50px; line-height: 50px; text-align: center; color:#286EFA !important; cursor:pointer; text-decoration: none;}
.reveal-modal .close-reveal-modal:hover{}
.reveal-modal label.error{margin:0px !important;background-color: #286EFA; color:#FFF; display: inline-block; font-size: 12px; height: 20px; line-height: 20px; padding: 0 7px;border-radius: 0px 0px 4px 4px;}
.reveal-modal .required.error{border: 1px #286EFA solid; border-radius: 4px 4px 4px 0;}
.reveal-modal .pop{position: absolute !important; top: 28px; right: 60px;}
.reveal-modal .pop ul{left: auto !important; right: 0 !important;}

/* Modal Simple ***************************************************************************************************************/

.modal{position: fixed; top: 0; right: 0; bottom: 0; left: 0px; z-index: 100; background: rgba(99,114,130,0.5);display: none;}
.modal .modal-contenedor{background-color: #FFF; width: 300px; position: relative; padding: 70px 30px 30px 30px;border-radius: 6px;}
.modal .modal-contenedor h1{position: absolute; top: 0; left: 0; right: 0; font-size: 16px; margin: 0; padding: 0; height: 50px; line-height: 52px; text-indent: 30px; font-weight: 500; color: #273676; border-bottom: 1px #ECEFF1 solid;}
.modal .modal-contenedor p{color: #636669}
.modal .modal-contenedor hr { border: 0; border-bottom: 1px #ECEFF1 solid;margin: 30px -30px 30px -30px !important}
.modal .modal-contenedor .modal-close{position: absolute; top: 0px; right: 10px; z-index: 1; text-decoration: none; display: block; font-size: 28px; color: #273676; width: 50px; height: 50px; line-height: 50px; text-align: center; }

/* Datepicker ***************************************************************************************************************/

.datepicker{padding:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;direction:ltr}
.datepicker-inline{width:220px}
.datepicker.datepicker-rtl{direction:rtl}
.datepicker.datepicker-rtl table tr td span{float:right}
.datepicker-dropdown{top:0;left:0}
.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #FFF;border-top:0;border-bottom-color:rgba(0,0,0,0.1);position:absolute}
.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #FFF;border-top:0;position:absolute}
.datepicker-dropdown.datepicker-orient-left:before{left:6px}
.datepicker-dropdown.datepicker-orient-left:after{left:7px}
.datepicker-dropdown.datepicker-orient-right:before{right:6px}
.datepicker-dropdown.datepicker-orient-right:after{right:7px}
.datepicker-dropdown.datepicker-orient-top:before{top:-7px}
.datepicker-dropdown.datepicker-orient-top:after{top:-6px}
.datepicker-dropdown.datepicker-orient-bottom:before{bottom:-7px;border-bottom:0;border-top:7px solid #636669}
.datepicker-dropdown.datepicker-orient-bottom:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}
.datepicker > div{display:none}
.datepicker.days div.datepicker-days{display:block}
.datepicker.months div.datepicker-months{display:block}
.datepicker.years div.datepicker-years{display:block}
.datepicker table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.datepicker td,.datepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:none}
.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}
.datepicker table tr td.day:hover,.datepicker table tr td.day.focused{background:rgba(242,246,249,1);color:#636669;cursor:pointer}
.datepicker table tr td.old,.datepicker table tr td.new{color:rgba(99,114,130,0.5)}
.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:none;color:rgba(99,114,130,0.2);cursor:default}
.datepicker table tr td.today,.datepicker table tr td.today:hover,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover{background-color:#FFF;color:#636669}
.datepicker table tr td.today:hover,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today:active,.datepicker table tr td.today:hover:active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today[disabled],.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today.disabled:hover[disabled]{background-color:#636669}
.datepicker table tr td.today:active,.datepicker table tr td.today:hover:active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:hover.active{background-color:#fbf069 \9}
.datepicker table tr td.today:hover:hover{color:#FFF}
.datepicker table tr td.today.active:hover{color:#fff}
.datepicker table tr td.range,.datepicker table tr td.range:hover,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover{background:#FFF;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.datepicker table tr td.range.today,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover{background-color:#f3d17a;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today[disabled],.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today.disabled:hover[disabled]{background-color:#f3e97a}
.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:hover.active{background-color:#FFF \9}
.datepicker table tr td.selected,.datepicker table tr td.selected:hover,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover{background-color:#636669;color:#fff}
.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected[disabled],.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected.disabled:hover[disabled]{background-color:#FFF}
.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:hover.active{background-color:#636669 \9}
.datepicker table tr td.active,.datepicker table tr td.active:hover,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover{background-color:#636669;color:#fff}
.datepicker table tr td.active:hover,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active:active,.datepicker table tr td.active:hover:active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active[disabled],.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active.disabled:hover[disabled]{background-color:#286EFA}
.datepicker table tr td.active:active,.datepicker table tr td.active:hover:active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:hover.active{background-color:#FFF \9}
.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.datepicker table tr td span:hover{background:#FFF}
.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:none;color:#FFF;cursor:default}
.datepicker table tr td span.active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover{background-color:#FFF;color:#2C2E30}
.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active[disabled],.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active.disabled:hover[disabled]{background-color:#286EFA; color: #FFF}
.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:hover.active{background-color:#FFF \9}
.datepicker table tr td span.old,.datepicker table tr td span.new{color:#FFF}
.datepicker th.datepicker-switch{width:145px}
.datepicker thead tr:first-child th,.datepicker tfoot tr th{cursor:pointer}
.datepicker thead tr:first-child th:hover,.datepicker tfoot tr th:hover{background:#FFF}
.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}
.datepicker thead tr:first-child th.cw{cursor:default;background-color:transparent}
.input-append.date .add-on i,.input-prepend.date .add-on i{cursor:pointer;width:16px;height:16px}
.input-daterange input{text-align:center}
.input-daterange input:first-child{-webkit-border-radius: 4px 0 0 3px;-moz-border-radius: 4px 0 0 3px;border-radius: 4px 0 0 3px}
.input-daterange input:last-child{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}
.input-daterange .add-on{display:inline-block;width:auto;min-width:16px;height:20px;padding:4px 5px;font-weight:400;line-height:20px;text-align:center;text-shadow:0 1px 0 #fff;vertical-align:middle;background-color:#eee;border:1px solid #e3e6e9;margin-left:-5px;margin-right:-5px}
.datepicker.dropdown-menu{position:absolute;top:100%;left:0;z-index:1292F36;float:left;display:none;min-width:160px;list-style:none;background-color:#FFF;border:1px solid #e3e6e9;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;*border-right-width:2px;*border-bottom-width:2px;color:#636669;font-size:12px;line-height:20px}
.datepicker.dropdown-menu th,.datepicker.datepicker-inline th,.datepicker.dropdown-menu td,.datepicker.datepicker-inline td{padding:4px 5px}

/* Tooltip ***************************************************************************************************************/

.tipsy{padding:10px 0 0;font-size:12px;opacity:.8;filter:alpha(opacity=80);background-repeat:no-repeat}
.tipsy-inner{padding:10px;background-color:#FFF;max-width:250px;text-align:left;border:0;-moz-box-shadow:0 0 5px #18386E;-webkit-box-shadow:0 0 5px #18386E;box-shadow:1px 1px 5px #e3e6e9;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=0,Color='#18386E')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=0,Color='#18386E');-moz-border-radius: 4px;-webkit-border-radius: 4px}
.tipsy-north{background-position:top center}
.tipsy-south{background-position:bottom center}
.tipsy-east{background-position:right center}
.tipsy-west{background-position:left center}
.tipsy hr{height:0;border-left:0;border-right:0;border-top:1px #545964 dotted;border-bottom:1px #333 dotted;margin:5px 0;padding:0}
.tipsy h1{font-size:12px;color:#545964;margin:0 0 5px;padding:0;font-weight:400;text-shadow:none;border-bottom:0}
.tipsy p{border-bottom:1px #636669 solid;padding:0 0 5px;margin:5px 0}
.tipsy p:last-child{border:0}

/* Acceso ***************************************************************************************************************/

.sitio{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #e3e6e9;}
.sitio .bx-acceso .logo{position: absolute; top: 60px; left: 60px; width: 40px; height: 40px; background: url(../gui/v.svg) 50% 50% no-repeat; background-size: 100% auto; }
.sitio .bx-acceso .warning{position: absolute; bottom: 60px; left: 60px; right: 60px; color: #a3a6a9; font-size: 12px}

.sitio .bx-acceso{position: fixed; top: 60px;; left: 50%; bottom: 60px; transform: translate(-50%,0); width: 500px; box-sizing: border-box; background-color: #FFF; border-radius: 6px;}
.sitio .bx-acceso .bx-acceso-contenido{position: absolute; top: 50%; left: 0; right: 0; transform: translate(0,-50%); background-color: #FFF; padding: 60px;}
.sitio .bx-acceso .bx-acceso-contenido .campos{border: 1px #e3e6e9 solid; margin: 0 0 20px 0; border-radius: 4px;}
.sitio .bx-acceso .bx-acceso-contenido .campos input{border-bottom: 1px #e3e6e9 solid; border-radius: 0;}
.sitio .bx-acceso .bx-acceso-contenido .campos input:first-child{border-radius: 6px 6px 0 0}
.sitio .bx-acceso .bx-acceso-contenido .campos input:last-child{border: 0;border-radius: 0 0 6px 6px}
.sitio .bx-acceso .bx-acceso-contenido .msg-error-login{margin: 0 0 20px 0;}
.sitio .bx-acceso h2{font-size: 20px}
.sitio .bx-acceso .ft{}
.sitio .bx-acceso .ff{}
.sitio .bx-acceso .ffc{}

.sitio .bx-acceso input[type=text], .sitio .bx-acceso input[type=password], .sitio .bx-acceso input[type=email]{border: 0;}
.sitio .bx-acceso input[type=submit] {background-color: #286EFA; color: #FFF; width: 100%; height: 45px; line-height: 45px; border-radius: 4px;}
.sitio .bx-acceso .recover-pass-link{}

.sitio .bx-acceso input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0px 9999px #FFF;
    -webkit-text-fill-color: #636669;
}

/* Token ***************************************************************************************************************/

ul.token-input-list-polarisapp{cursor:text;z-index:9999;list-style-type:none;margin:0 auto;font-size:12px;border:1px #e3e6e9 solid;border-radius: 4px; position: relative; padding: 0 0 0px 0}
ul.token-input-list-polarisapp li {display: inline-block}
ul.token-input-list-polarisapp li input{width: 100% !important; height: 26px; position: relative; top: -7px; left: 5px; border: 0;}
li.token-input-token-polarisapp{overflow:hidden;height:auto!important;margin:7px 0px 0px 7px;padding:5px 7px;background-color:#636669;color:#FFF;cursor:default;border:0 solid #e3e6e9;border-radius: 4px;white-space:nowrap; display: inline-block}
li.token-input-token-polarisapp p{display:inline;padding:0;margin:0}
li.token-input-token-polarisapp span{color:#FFF;margin-left:5px;font-weight:700;cursor:pointer}
li.token-input-selected-token-polarisapp{background-color:#FFF;color:#555}
div.token-input-dropdown-polarisapp{position:absolute;width:398px;background-color:#FFF;overflow:hidden;border-left:1px solid #e3e6e9;border-right:1px solid #e3e6e9;border-bottom:1px solid #e3e6e9;cursor:default;z-index:9999;margin:-1px 0 0 -1}
div.token-input-dropdown-polarisapp p{margin:0;padding:10px}
div.token-input-dropdown-polarisapp ul{margin:0;padding:0}
div.token-input-dropdown-polarisapp ul li{background-color:#FFF;padding:10px;margin:0;list-style-type:none}
div.token-input-dropdown-polarisapp ul li.token-input-selected-dropdown-item-polarisapp{background-color:#f1f1f1}

/* PERFILES ***************************************************************************************************************/

.perfil-s .img{ width: 140px; height: 140px; background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; margin: 0 auto; border: 2px #e3e6e9 solid; border-radius: 160px;}
.perfil-s .img-none{background: url(../gui/ico_camara.svg); width: 160px; height: 160px; background-size: 50px auto !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; margin: 0 auto; border: 1px #e3e6e9 solid; border-radius: 160px;}
.perfil-s .titulo {text-align: center; margin: 20px 0 0 0; font-size: 17px;}

/* Tags Input ***************************************************************************************************************/

div.tagsinput { border:1px solid #e3e6e9; border-radius: 4px; background: #FFF; padding:0px 5px 0 0; width:100%; height:auto; overflow-y: auto;border-box;}
div.tagsinput span.tag { display: block; float: left; text-decoration:none; background: #528AFA; color: #FFF; font-size:13px; margin: 7px 0 0 7px}
div.tagsinput span.tag a { font-weight: bold; color: #FFF; text-decoration:none; } 
div.tagsinput input { width:80px; margin:0px; font-family: helvetica; font-size: 14px; border:1px solid transparent; padding:10px 5px 10px 5px; background: transparent; color: #636669; outline:0px;  margin-right:5px; margin-bottom:5px; }
div.tagsinput div { display:block; float: left; } 
.tags_clear { clear: both; width: 100%; height: 0px; }
.not_valid {background: #FFF !important; color: #FF292F !important;}

/* Scroll ***************************************************************************************************************/

::-webkit-scrollbar {width: 5px; height: 0px; background-color: #FFF}
::-webkit-scrollbar-track {-webkit-border-radius: 0px;border-radius: 0px;margin: 0;}
::-webkit-scrollbar-thumb {-webkit-border-radius: 0px;border-radius: 0px;background-color: #e3e6e9;}
::-webkit-scrollbar-thumb:window-inactive {background-color: #e3e6e9;}

/* Formulario ***************************************************************************************************************/

.ft{margin: 0 0 7px 0; color:}
.titulo-mini{font-size: 10px; margin: 0 auto -14px 11px; position: relative; top: 5px; color: #a4a4a4;}
.titulo-mini-campo{padding: 10px 0 0 0;}
.ft-apoyo{margin: 5px 0 0 0; font-size: 11px; color: #9d9d9d;}
.ffc{margin: 0 0 15px 0;width: 100%;}
.ffnota{margin: 0 0 10px 0;width: 100%;}

input[type="text"],input[type="number"],input[type="password"],input[type="email"]{ border: 1px #e3e6e9 solid; border-radius: 4px;margin:0;background-color:#FFF !important;outline:none;font-size: 13px; font-weight: 400; color: #636669; width: 100%; height: 45px; text-indent: 10px;box-sizing: border-box;}

.big-input{border:1px #e3e6e9 solid;border-radius: 4px;margin:0;background-color:#FFF !important;outline:none;font-size: 26px !important; color: #636669; width: 100%; height: 60px !important; text-indent: 10px;box-sizing: border-box; color: #636669 !important;}

textarea{border: 1px #e3e6e9 solid; border-radius: 4px;margin:0;background-color:#FFF;outline:none;font-size: 13px !important; font-weight: 400; color: #636669; width: 100%; padding: 10px; box-sizing: border-box;}

select{background: url(../gui/icos/chevron-down-outline.svg) right 13px center no-repeat; background-size: 24px auto; border: 1px #e3e6e9 solid; border-radius: 4px;margin:0;background-color:#FFF;outline:none;font-size: 13px !important; font-weight: 400; color: #636669; width: 100%; height: 45px; text-indent: 10px;-webkit-appearance:none;}

input[type=radio] {display:none; }
input[type=radio] + label {display:block;padding: 9px 0px 9px 30px; vertical-align:middle;text-align:left; background: url(../gui/icos/radio-button-off.svg) 0px 5px no-repeat; background-size: 24px auto; border: 0px #e3e6e9 solid; border-radius: 4px; line-height: 17px; cursor: pointer;}
input[type=radio]:checked + label {background: url(../gui/icos/radio-button-on.svg) 0px 5px no-repeat; background-size: 24px auto; }
input[type=radio] + label span{float: right;}

input[type=checkbox] {display:none; }
input[type=checkbox] + label {display:block;padding: 9px 0px 9px 30px; vertical-align:middle;text-align:left;margin: 0 0 1px 0 !important; background: url(../gui/icos/checkmark-circle-2-outline.svg) 0px 5px no-repeat; background-size: 24px auto; border-radius: 4px;line-height: 17px; cursor: pointer;}
input[type=checkbox]:checked + label {background: url(../gui/icos/checkmark-circle-2.svg) 0px 5px no-repeat; background-size: 24px auto; margin: 0 0 1px 0 !important; }
input[type=checkbox] + label span{float: right}

.t-ck-th{width: 20px; height: 16px; background: url(../gui/icos/checkmark-circle-2-outline.svg) 50% 50% no-repeat; background-size: 24px auto;}
.t-ck {position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.t-ck input[type=checkbox] {display:none; }
.t-ck input[type=checkbox] + label {position: absolute; top: 0; bottom: 0; display:block; width: 20px; margin: 0; background: url(../gui/icos/checkmark-circle-2-outline.svg) 50% 50% no-repeat; background-size: 16px auto; cursor: pointer;}
.t-ck input[type=checkbox]:checked + label {background: url(../gui/icos/checkmark-circle-2.svg) 50% 50% no-repeat; background-size: 24px auto; }

.file-container {overflow: hidden;position: relative;color: #636669; border-radius: 4px	;margin: 0 0 20px 0;height: 60px; line-height: 60px;text-align: center; background-color: #FFF; border: 2px #286EFA dashed; font-size: 14px; }
.file-container:hover{background-color: #f3f3f3; color: #636669}
.file-container [type=file] {cursor: inherit;display: block;font-size: 999px;filter: alpha(opacity=0);width: 100%;opacity: 0;position: absolute;right: 0;text-align: center;top: 0;}

.file-container-custom {overflow: hidden;position: relative;}
.file-container-custom:hover{}
.file-container-custom [type=file] {cursor: inherit;display: block;font-size: 999px;filter: alpha(opacity=0);width: 100%;opacity: 0;position: absolute;right: 0;text-align: center;top: 0;}

.perfil-file-container {overflow: hidden; position: relative;border: 3px #FFF solid;border-radius: 100%	; width: 130px; height: 130px; line-height: 130px;text-align: center; margin: 0px auto; background-size: cover !important; background-position: 50% 50% no-repeat;box-shadow: 1px 1px 2px #e3e6e9}
.perfil-file-container:hover{background-color: #f3f3f3;}
.perfil-file-container [type=file] {cursor: inherit;display: block;font-size: 999px;filter: alpha(opacity=0);width: 100%;opacity: 0;position: absolute;right: 0;text-align: center;top: 0;}

.perfil-file-container-help {width: 100%; text-align: center}
.perfil-file-container-help span{background-color: rgba(255,255,255,0.5); color: #a4a4a4; height: 30px; line-height: 30px; padding: 0 15px; border-radius: 30px; margin: 20px 0; display: inline-block;}

.perfil-file-container-off {overflow: hidden; position: relative;border: 3px #636669 solid;border-radius: 100%;width: 130px; height: 130px; line-height: 130px;text-align: center; margin: 0px auto; background: url(../gui/ico_camara.svg) 50% 50% no-repeat; background-size: 40px auto !important; background-position: 50% 50% no-repeat;box-shadow: 1px 1px 2px #e3e6e9}
.perfil-file-container-off:hover{background-color: #f3f3f3;}
.perfil-file-container-off [type=file] {cursor: inherit;display: block;font-size: 999px;filter: alpha(opacity=0);width: 100%;opacity: 0;position: absolute;right: 0;text-align: center;top: 0;}

.radio_custom_tabs {display:none; }
.radio_custom_tabs + label {display: inline-block !important; width: 100%; background-image: none !important; margin: 10px !important; padding: 10px !important; text-align:center !important;color: #AAA !important; border: 1px #e3e6e9 solid !important; border-radius: 6px; font-size: 12px; transition : border 200ms, color 200ms; box-sizing: border-box}
.radio_custom_tabs:checked + label {margin: 10px !important; border: 1px #636669 solid !important; color: #FFF !important; background-color: #636669 !important}

.bx-radio{border: 1px #e3e6e9 solid; border-radius: 4px; background-color: #FFF;}
.bx-radio h3{font-size: 14px; padding: 13px; margin: 0 !important; line-height: normal !important; border-bottom: 1px #e3e6e9 solid; color: #636669;}
.bx-radio .radio {display:block; }
.bx-radio .radio {border-bottom: 1px #e3e6e9 solid;}
.bx-radio .radio:last-child {border: 0;}
.bx-radio .radio input[type=radio] + label {color: #636669; display: inline-block !important; width: 100%; background-image: none !important; padding: 13px !important; text-align:left !important;border-radius: 0 !important; transition : border 200ms, color 200ms, padding 200ms, background 200ms; box-sizing: border-box; background-position: -20px 13px;background: url(../gui/icos/radio-button-on.svg) 19px 19px no-repeat !important; background-size: 0px auto !important;}
.bx-radio .radio input[type=radio] + label b{font-weight: 500;}
.bx-radio .radio input[type=radio]:checked + label {color: #286EFA !important; padding-left: 40px !important; background: url(../gui/icos/radio-button-on.svg) 10px 9px no-repeat !important; background-size: 24px auto !important; }

.bx-radio-semaforo{border: 1px #e3e6e9 solid; border-radius: 4px; background-color: #FFF}
.bx-radio-semaforo-sp{margin: 0 0 10px 0;}
.radio-semaforo {display:block; }

.radio-semaforo .verde{border: 1px #35B221 solid !important}
.radio-semaforo input[type=radio]:checked + label.verde{background-color: #35B221 !important; color: #FFF;}

.radio-semaforo .amarillo{border: 1px #F7CB15 solid !important}
.radio-semaforo input[type=radio]:checked + label.amarillo{background-color: #F7CB15 !important; color: #FFF;}

.radio-semaforo .rojo{border: 1px #F52F57 solid !important}
.radio-semaforo input[type=radio]:checked + label.rojo{background-color: #F52F57 !important; color: #FFF;}

.radio-semaforo input[type=radio] + label {display: inline-block !important; width: 100%; background-image: none !important; padding: 11px !important;border-radius: 4 !important; transition : border 200ms, color 200ms, padding 200ms, background 200ms; box-sizing: border-box; background-position: -25px 50%; text-align: center !important;}
.radio-semaforo input[type=radio]:checked + label {}


.bx-radio-inline{border: 1px #e3e6e9 solid; border-radius: 4px; background-color: #FFF; margin: 0 0 15px 0;}
.radio-inline {display:inline-block; height: 40px; padding: 4px; box-sizing: border-box;}
.radio-inline input[type=radio]:checked + label{background-color: #286EFA !important; color: #FFF;}
.radio-inline input[type=radio] + label {display: inline-block !important; width: 100%; height: 32px; line-height: 32px; background-image: none !important; padding: 0px !important;border-radius: 4 !important; transition : border 200ms, color 200ms, padding 200ms, background 200ms; box-sizing: border-box; background-position: -25px 50%; text-align: center !important; color: #636669}


.fc-view-container{background-color: #FFF}

.check-eliminar {display:none; }
.check-eliminar + label {background: url(../gui/icos/trash-2-outline.svg) 50% 50% no-repeat !important; background-size: auto 24px !important; display: inline-block !important; width: 60px; height: 60px; transition : background-color 500ms, background-size 100ms; box-sizing: border-box; text-indent: -6000px !important; border-right: 1px #ECEFF1 solid; border-radius: 0 !important;}
.check-eliminar:checked + label {background: url(../gui/icos/trash-2-outline_b.svg) 50% 50% no-repeat !important; background-size: auto 24px !important; background-color: #F52F57 !important; border-radius: 0;}

input:focus{outline:0px; border-color: #286EFA}
select:focus{outline:0px;  border: 1px #286EFA solid}
textarea:focus{outline:0px;  border: 1px #286EFA solid}
input[type="text"].disabled{color:#AAA!important}
input[type="text"].moneda{background: url(../gui/ico_moneda.svg) right 10px center no-repeat; background-size: auto 16px;}
input[type="text"].fecha{background: url(../gui/icos/calendar-outline.svg) right 10px center no-repeat; background-size: 24px auto; min-width: 70px !important;}
input[type="text"].fecha-anno{background: url(../gui/icos/calendar-outline.svg) right 10px center no-repeat; background-size: 24px auto;}
input[type="text"].fecha-mes-anno{background: url(../gui/icos/calendar-outline.svg) right 10px center no-repeat; background-size: 24px auto;}
input[type="text"].hora{background: url(../gui/icos/clock-outline.svg) right 10px center no-repeat; background-size: auto 24px;}
select.hora{background: url(../gui/icos/clock-outline.svg) right 10px center no-repeat; background-size: auto 24px; background-color: #fff}
select.hora_select{background: url(../gui/icos/clock-outline.svg) right 10px center no-repeat; background-size: auto 24px;background-color: #fff; min-width: 50px !important}

input[type="submit"], .btn{ border: 0px; border-radius: 0px; height: 60px; line-height: 60px; padding: 0 30px; text-decoration: none; display: inline-block; background-color: #FFF; color: #636669; font-size: 14px;  font-weight: 500; -webkit-appearance:none;outline: none; cursor: pointer}

input[type="submit"]:hover, .btn:hover{text-decoration: none; color: #286EFA}

.btn-mini{border: 0px; border-radius: 4px; height: 20px; line-height: 21px; padding: 0 7px; text-decoration: none; display: inline-block !important; background-color: #e3e6e9; color: #636669; font-size: 12px; -webkit-appearance:none;outline: none; cursor: pointer}

.btn-add{background-color: #286EFA !important; color: #FFF !important; width: 45px !important; height: 45px !important; line-height: 45px !important; border-radius: 45px !important; text-align: center !important; padding: 0 !important; font-style: 25px !important; font-weight: 700 !important}

input[type="submit"]:disabled{background-color: #a4a4a4;}

.btn-off{border: 0px; height: 40px; line-height: 40px; padding: 0 20px; text-decoration: none; display: inline-block !important; background-color: #f3f6f9 !important; color: #636669; font-size: 14px; -webkit-appearance:none;outline: none; cursor: default; cursor: pointer}

.btn-back{display: block;height: 45px; line-height: 45px; margin: 0 -30px -30px -30px; border-radius: 0 0 10px 10px; text-align: center; background-color: #e3e6e9; color: #636669; font-size: 14px; -webkit-appearance:none;outline: none; cursor: pointer; font-weight: 700; text-decoration: none;}
.btn-back:hover{text-decoration: none !important;}

.btn-filtro{border: 0px; border-radius: 30px; width: 40px !important; height: 40px !important; line-height: 40px !important; padding: 0 20px; text-decoration: none; display: inline-block !important; background: url(../gui/ico_arrow_left_simple.svg) 50% 50% no-repeat; background-size: auto 16px; text-indent: -6000px; background-color: #FFF !important; color: #636669; font-size: 12px; -webkit-appearance:none;outline: none; margin: 0 10px 0 0; cursor: default; cursor: pointer; transform: translate(0,2px) rotate(180deg); border: 1px #e3e6e9 solid !important;}

.btn-wide{height: 45px; line-height: 45px; border-radius: 4px; display: block !important; text-align: center; border: 0px #636669 solid !important; background-color: #286EFA !important; color: #FFF !important;}

.btn-opt{cursor: pointer;background-size: auto 20px !important; background-position: 0% 50% !important; background-repeat: no-repeat !important; height: 24px; line-height: 24px; padding: 0 0 0 30px; display: inline-block;}
.btn-opt-add{background: url(../gui/ico/add-outline-on.svg);}
.btn-opt-historial{background: url(../gui/ico/historial-outline-on.svg);}

.btn-big-box{background-color: #286EFA; height: 90px; line-height: 90px; text-align: center; font-size: 17px; color: #FFF; text-decoration: none; display: block; margin: -30px;}
.btn-big-box:hover{background-color: #286EFA}

.btn-big{background-color: #EFF2F5; height: 60px; line-height: 60px; text-align: center; font-size: 17px; color: #636669; text-decoration: none; display: block; margin: 0px 0 5px 0; cursor: pointer; border-radius: 4px;}
.btn-big:last-child{margin: 0px;}
.btn-big:hover{background-color: #e3e6e9}
.btn-big-high{background-color: #286EFA !important; color: #FFF !important}
.btn-big-high:hover{background-color: #528AFA !important}

.btn-varios{margin: 0 10px;}

.ff-in-row{position: absolute;top: 0px; left: 0; height: 34px !important; box-shadow: none !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 0 !important; border-radius: 0 !important; border-left: 3px #e3e6e9 solid !important; }

label.error{margin:0px !important;background-color: #F52F57; color:#FFF; display: inline-block; font-size: 12px; height: 20px; line-height: 20px; padding: 0 7px;border-radius: 0px 0px 4px 4px; float: left}
.required.error{border: 1px #F52F57 solid; border-radius: 4px 4px 4px 0;}

.buscar-div{margin: 0 0 30px 0 !important}
.radio-indent{margin: 0 0 0 30px;}

::-webkit-input-placeholder {color: #636669;}

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0px 9999px white;
    -webkit-text-fill-color: #636669;
}

.timeEntry-control{display: none !important}

/* SLIDER RANGE ***************************************************************************************************************/

.slider-container {width: 100%; margin: 40px 0;}
.slider-container .back-bar {height: 10px;position: relative;}
.slider-container .back-bar .selected-bar {position: absolute;height: 100%;}
.slider-container .back-bar .pointer {position: absolute;width: 10px;height: 10px;background-color: red;cursor: col-resize;opacity: 1;z-index: 2;}
.slider-container .back-bar .pointer.last-active {z-index: 3;}
.slider-container .back-bar .pointer-label {position: absolute;top: -24px;font-size: 17px;background: white;white-space: nowrap;line-height: 1;}
.slider-container .back-bar .focused {z-index: 10;}
.slider-container .clickable-dummy {cursor: pointer;position: absolute;width: 100%;height: 100%;z-index: 1;}
.slider-container .scale {top: 2px;position: relative;}
.slider-container .scale span {position: absolute;height: 5px;border-left: 1px solid #636669;font-size: 0;}
.slider-container .scale ins {font-size: 12px;text-decoration: none;position: absolute;left: 0;top: 7px;color: #e3e6e9;line-height: 1;}
.slider-container.slider-readonly .clickable-dummy, .slider-container.slider-readonly .pointer {cursor: auto;}
.rango-tema .back-bar {height: 10px;border-radius: 4px;background-color: #e3e6e9;}
.rango-tema .back-bar .selected-bar {border-radius: 4px;background-color: #636669;}
.rango-tema .back-bar .pointer {width: 18px;height: 18px;top: -4px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 20px;border: 2px solid #FFF;background-color: #636669;}
.rango-tema .back-bar .pointer-label {color: #a4a4a4;}
.rango-tema .back-bar .focused {color: #636669;}
.rango-tema .scale span {border-left: 1px solid #e3e6e9;}
.rango-tema .scale ins {color: #a4a4a4;}

/* Extras ***************************************************************************************************************/

progress[value] {-webkit-appearance: none;appearance: none;width: 100%;height: 10px;}
progress[value]::-webkit-progress-bar {background-color: #e3e6e9;border-radius: 4px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) inset;}
progress[value]::-webkit-progress-value {background-image: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0,0, 0, .1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, .25), rgba(0, 0, 0, .25)), -webkit-linear-gradient(left, #839FE9, #24D9D2);border-radius: 4px;background-size: 35px 20px, 100% 100%, 100% 100%;}

.btn-inline{background-color: #636669; color: #FFF; text-decoration: none; padding: 2px 5px; border-radius: 4px;}
.link-inline{height: 40px; line-height: 40px; cursor: pointer; display: inline-block; text-decoration: none;}


.siprint{display: none;}

@media screen and (max-width: 1023px){
	
	.no-movil{display: none;}
	
	.body .header {display: block;}
	
	.body .nav{position: absolute; top: 60px; left: 0px; bottom: 0px; width: 100%; height: auto; box-sizing: border-box; z-index: 3; box-shadow: 0px 5px 10px #e3e6e9; border-right: 1px #e3e6e9 solid; background-color: #FFF; display: none}
	
	.body .nav .logo-v{display: none}
	.body .nav .bx-nav-lat{position: absolute; top: 0px; left: 0px; bottom: 120px; right: 0px; z-index: 2; margin: 0; padding: 30px 0px 30px 0px; overflow-y: auto;}
	.body .nav  .nav-mascara-1 {display: none;}
	
	.body .contenido-horizontal .seccion{float: left; width: 315px; height: 100%; overflow-y: auto; border-right: 1px #e3e6e9 solid}
	.body .contenido-horizontal .seccion .seccion-contenedor{padding: 30px;width: 315px; box-sizing: border-box;}
	
	.body .contenido{position: absolute; top: 60px; right: 0px; bottom: 0px; left: 0px; border-radius: 6px; padding: 0;}
	.body .contenido .nav-top .menu-launch{display: block; cursor: pointer;}
	.body .contenido .nav-top .bx-nav-top{position: relative; top: 0 !important; right: 0 !important; margin: 0px; padding: 20px 30px; box-sizing: border-box; background-color: #286EFA;display: none;}
	.body .contenido .nav-top .bx-nav-top .filtros{float: none;}
	.body .contenido .nav-top .bx-nav-top .filtros li{margin: 0px;}
	.body .contenido .nav-top .bx-nav-top li{margin: 0; padding: 0; display: block;}
	.body .contenido .nav-top .bx-nav-top li a{display: block; text-decoration: none; height: 30px; line-height: 30px; padding: 0px; font-size: 14px; font-weight: 400; cursor: pointer; background-color: transparent; border-radius: 4px; color: #FFF}
	.body .contenido .nav-top .bx-nav-top li a:hover{color: #FFF; background-color: transparent;}
	
	.body .lateral{position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; width: auto; z-index: 11;overflow-y: auto; border-left: 0px; border-radius: 6px;}
	
	.tablero {position: absolute; top: 0; right: 0px; bottom: 0; left: 0; overflow-y: auto; padding: 20px; box-sizing: border-box; display: grid; grid-gap: 30px; grid-template-columns: repeat(1, 1fr); grid-template-rows: auto 1fr 1fr; width: 100%;}
	.tablero .grid{}
	.tablero .grid-titulo{grid-column: 1; grid-row: 1;}
	.tablero .grid-general{grid-column: 1; grid-row: 3; }
	.tablero .grid-notificaciones{grid-column: 1; grid-row: 2;}
	
	.tablero .grid-general .resumen{grid-template-columns: repeat(2, 1fr);}
	
	.bx-2 {display: grid; grid-gap: 30px; grid-template-columns: repeat(1, 1fr); grid-template-rows: auto}
	
	.bx-1-3 {display: grid; grid-gap: 30px; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto 1fr 1fr}
	.bx-1-3 .bx{padding: 0 !important; grid-column: 2 / 4}
	.bx-1-3 .bx:first-child{grid-column: 1 / 2;}
	
	.grafica-contenedor:before{content: ''; display: block; padding-top: 50%;}

	.bx-resumen-contenedor{display: grid; grid-template-columns: repeat(1, 1fr);}
	
	.bx-cubo {display: grid; grid-gap: 20px; grid-template-columns: repeat(5, 1fr); grid-template-rows: auto 1fr 1fr}
	
	.reveal-modal.small{width:200px;}
	.reveal-modal.medium{width:300px;}
	.reveal-modal.large{width:300px;}
	.reveal-modal.xlarge{width:300px;}
	
	.modal{left: 0px;}
	
	.pos-productos-mosaico {padding: 30px; box-sizing: border-box; display: grid; grid-gap: 20px; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto 1fr 1fr}
	.pos-productos-mosaico .titulo-categoria{grid-column: 1 / 3; margin: 0; padding: 0;}
	
	.pos-productos{position: absolute; top: 60px; left: 240px; right: 360px; bottom: 0px; overflow-y: auto; transition: left 0.5s;}
	.pos-cuenta{width: 360px; top: 61px; right: 0px; bottom: 0px; background-color: #FFF; padding: 30px; box-sizing: border-box; border-left: 1px #e3e6e9 solid;}
	
	.pos-mesas-layout{display: grid; grid-gap: 15px; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto 1fr 1fr}
	.pos-open-layout{display: grid; grid-gap: 15px; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto 1fr 1fr}
	
}

@media screen and (max-width: 769px){
	
	.body .contenido{position: absolute; top: 60px; right: 0px; bottom: 0px; left: 0px; border-radius: 6px; padding: 0;}
	.body .contenido .nav-top h1{font-size: 20px; line-height: 23px; font-weight: 500; height: auto; margin: 0; padding: 0 90px 0px 30px;}
	.body .contenido .nav-top h3{font-size: 14px; line-height: 13px; font-weight: 500; margin: 0; padding: 0px 90px 0 30px;}
	
	.bx-cubo {display: grid; grid-gap: 20px; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto 1fr 1fr}
	.pos-productos{display: none}
	.pos-categorias{display: none}
	.pos-cuenta{width: auto; top: 121px; left: 0px; }
	.pos-tools{top: 60px; left: 0px;}
	.pos-mesas-layout{display: grid; grid-gap: 15px; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto 1fr 1fr}
	.pos-open-layout{display: grid; grid-gap: 15px; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto 1fr 1fr}
	.pos-acciones{left: 0px;}
	.bx-sb{left: 0px;}
	
	.bx-buscador-resultados-pos{position: fixed; top: 121px; left: 0px; right: 0px; bottom: 0px; padding: 30px; background-color: #FFF; z-index: 1292F360; display: none; overflow-y: auto;}
	
	/* Acceso ***************************************************************************************************************/
	
	.sitio .bx-acceso{position: fixed; top: 0px;; left: 0; bottom: 0px; right: 0; transform: translate(0%,0); width: 100%; }
	
}

@media screen and (max-width: 669px){
	.bx-cubo {display: grid; grid-gap: 20px; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto 1fr 1fr}
}

@media screen and (max-width: 376px){
	
	.bx-1-3 {display: grid; grid-gap: 30px; grid-template-columns: repeat(1, 1fr); grid-template-rows: auto}
	.bx-1-3 .bx{padding: 0 !important; grid-column: 1 / 2}
	.bx-1-3 .bx:first-child{grid-column: 1 / 2;}
	
	.bx-cubo {display: grid; grid-gap: 10px; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto 1fr 1fr}
	.bx-cubo li a span{position: absolute; bottom: 10px; left: 10px; right: 10px; text-align: center; text-transform: uppercase; font-size: 12px; line-height: 11px; font-weight: 500;}
	.pos-mesas-layout{display: grid; grid-gap: 15px; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto 1fr 1fr}
	.pos-open-layout{display: grid; grid-gap: 15px; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto 1fr 1fr}
}