/* COMUNES */


@font-face {
  font-family: 'Open Sans';
  src: url('fonts/OpenSans-Regular-webfont.eot');
  src: url('fonts/OpenSans-Regular-webfont.eot?#OpenSans') format('embedded-opentype'), 
        url('fonts/OpenSans-Regular-webfont.woff') format('woff'), 
        url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'), 
        url('fonts/OpenSans-Regular-webfont.otf') format('opentype'), 
        url('fonts/OpenSans-Regular-webfont.svg#iconic-sm') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans Bold';
  src: url('fonts/OpenSans-Bold-webfont.eot');
  src: url('fonts/OpenSans-Bold-webfont.eot?#OpenSans') format('embedded-opentype'), 
        url('fonts/OpenSans-Bold-webfont.woff') format('woff'), 
        url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'), 
        url('fonts/OpenSans-Bold-webfont.otf') format('opentype'), 
        url('fonts/OpenSans-Bold-webfont.svg#iconic-sm') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans Semibold';
  src: url('fonts/OpenSans-Semibold-webfont.eot');
  src: url('fonts/OpenSans-Semibold-webfont.eot?#OpenSans') format('embedded-opentype'), 
        url('fonts/OpenSans-Semibold-webfont.woff') format('woff'), 
        url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), 
        url('fonts/OpenSans-Semibold-webfont.otf') format('opentype'), 
        url('fonts/OpenSans-Semibold-webfont.svg#iconic-sm') format('svg');
  font-weight: normal;
  font-style: normal;
}

body, H1, H2, H3, H4, H5, H6, button, .button, a, label, ul, ol, dd, .tabs dd > a  {
    font-family: "Open Sans","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}

H1, H2, H3, H4, H5, H6 { text-transform: uppercase; }

H1 { font-size: 1.4rem; }

H2 { font-size: 1.2rem; }

H3 { font-size: 1.1rem; }

H4 { font-size: 1rem; }

H5 { font-size: 0.875rem;}

H6 { font-size: 0.75rem;}

p { line-height: 1.3;}

p, td { font-size: 0.875rem; }

form { margin: 0; }

.row { max-width: 100%;}

hr { margin: 0.75rem 0.9375rem; }

H2 i { font-size: 2rem; color: #999;}

/* TABLAS */

table {
    width: 100%;
    border: 0;
    border-collapse: separate!important;
    border-spacing: 2px;
}

table thead tr th {
    text-transform: uppercase; 
    text-align: center; 
}

table tr td.header-tabla {
    text-transform: uppercase;
    font-weight: bold;
    text-align: left; 
}

table tr:nth-of-type(2n) td.header-tabla {
    background: none repeat scroll 0 0 #CCC!important;
}

table tfoot tr td {
    text-transform: uppercase; 
    text-align: center; 
}

table tbody tr td, table tfoot tr td {
    text-align: center;
}

table thead tr th, table thead tr td {
    font-size: 0.875rem;
}

.accordion table { margin-bottom: 0; }

.overflow  { width: 100%; overflow-x: auto; overflow-y: hidden; }

.celda-email {
    max-width: 10em;
    word-wrap: break-word;
}


/* ESPECIFICOS */

.barra-filtros h3 { font-size: 0.9rem; }

.cabecera { border-bottom: 1px solid #DDD; background: transparent; height: 51px; }

.cabecera > div { height: 51px; }

.barra-filtros { }

.grafico { padding-bottom: 1rem; padding-top: 0.75rem;}

.muestra img {max-height: 400px;}

.barra-filtros H3 { padding: 0; margin: 0 0 5px 0; }

.negrita { font-weight: bold;}

.may {text-transform: uppercase;}

.oee, .disponibilidad, .rendimiento, .calidad, .ok, .fallo, .ok2, .fallo2 { font-weight: bold; }


/* COLORES REVISAR */

.marca-color { border: 2px solid #f00;}

.blanco { color: #FFF;}

.ok { color: #43A047; text-transform: uppercase; }

.ok2 { color: #090; text-transform: uppercase; }

.fallo { color: #E53935; text-transform: uppercase; }

.fallo2 { color: #b00; text-transform: uppercase; }

.fondo-gris { background: #666; border: 1px solid #DDD; display: inline-block; width: 100%;}

.celda-gris-med, .celda-gris-med td, .celda-gris-med th { background: #999!important;}

.fondo-blanco { background: #FFF; }

.fondo-oee { background: #C0CA33!important; }

.oee { color: #C0CA33;}

.disponibilidad { color: #1E88E5; }

.rendimiento { color: #FB8C00;}

.calidad { color: #8E24AA; }

.logo-ipyc-pie {
    width: 200px;
}

.slogan-pie h4 {
	color: #999;
	margin-top: 1rem;
}

/* FORMULARIOS */

.login { margin-top: 0.9375rem; padding-left: 1.875rem; padding-right: 1.875rem; }

.login input[type=submit] {
    margin-top: 1.25rem;
}

.login input[type=submit]  {
    text-transform: uppercase;
}

.login h1  {
    margin-bottom: 0.9375rem;
}

span.error {
    margin-top: 1.25rem;
    content: "";
    color: #FFF;
    font-size: 0.75rem;
    font-style: normal;
} 

span.error:before {
    font-family: 'Icons';
    content: "";
    color: #FFF;
    font-size: 1rem;
    margin-left: 0;
    margin-right: 0.5rem;
} 

.button, .boton {
    background-color: #b6be00;
    color: #fff;
}

.botonera .accordion .accordion-navigation > a {
	background-color: #b6be00;
    color: #fff;
	display: inline-block;
	padding: 0.75rem 2rem;
}

.button:hover, .button:focus, .boton:hover, .boton:focus {
    background-color: #a2aa00;

}

.boton {
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  display: inline-block;
  padding: 1rem 2rem 1.0625rem;
  font-size: 1rem;
  color: #FFFFFF;
  transition: background-color 300ms ease-out;
  width: 100%;
}

.boton:hover {
    opacity: 0.75;
}

.icono:before {
    font-size: 1.4rem;
    margin: 0;
    padding: 0;
}

.icono-peq:before {
    font-size: 1rem;
    margin: 0;
    padding: 0.25rem 0 0 0;
}

a .icono:hover, a .icono-peq:hover { cursor: pointer; }

.accordion-navigation .icono.right { margin-left: 1rem;}

.accordion-navigation.active .fi-chevron-bottom:before { content: "";}

.titulo-real .button {
    text-transform: uppercase;
    margin: 0 0 0.9375rem;
    font-size: 0.875rem;
    padding-top:0.5rem;
    padding-bottom:0.5rem;
}

.panel-filtros .button, .panel-filtros button {
    text-transform: uppercase;
    padding-bottom: 1rem!important;
    padding-top: 1rem!important;
}

.panel-filtros button:active, .panel-filtros button.hundido, .panel-filtros button.hundido:hover {
    background: #b6be00;
    box-shadow: 0px 3px 15px rgba(0,0,0,.8) inset;
    color: #FFF;
}

.panel-menu h2 { margin-top: 0.5rem; }

ul.off-canvas-list li label {
    border-top: 0;
}

.panel-filtros .titulo-opciones {
    border-bottom: 1px solid #CCC;
    padding: 0 0 0.66667rem 0;
    margin: 0.75rem 0 0;
}

#cal1, #cal2, #cal3, .filtros .panel.formulario { margin-top: 0.9375rem;}

.tab-bar .icono, .exit-off-canvas, .left-submenu .back > a {
    display: inline-block;
    height: 50px;
    padding-top: 0.5rem;
}

.exit-off-canvas:hover {
    color: #999;
}

.filtros button, .filtros .button { 
    padding-top:0.5rem; 
    padding-bottom:0.5rem;
    text-transform: uppercase;
}

input.buscar, .boton-texto,
input.derecha, input.izquierda {
    border: 0;
    cursor: pointer;
    margin-bottom: 15px;
    background-color: #B4B902;
    text-transform: uppercase;
}

input.buscar, .boton-texto,
input.derecha, input.izquierda {
    width: 100%;
    height: 36px;
}

.panel-filtros ul.off-canvas-list li .switch label {
    background: none repeat scroll 0 0 #B6BE00;
}

ul.off-canvas-list li .switch label {
    border-top: 1px solid #B6BE00;
}

/* HACK INPUT */

.radio-boton {
     list-style-type:none;
     padding:0;
     display: inline-block;
     margin: 0;
}

.radio-boton li {
    float: left;
    height: 40px;
    margin: 0 0 1rem;
    position: relative;
    width: 120px;
    text-align: center;
}

.radio-boton label, .radio-boton input {
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.radio-boton input[type="radio"] {
    opacity:0.011;
    z-index:100;
}

.radio-boton input[type="radio"]:checked + label {
    background: #b6be00;
    box-shadow: 0px 3px 15px rgba(0,0,0,.8) inset;
    color: #FFF;
}

.radio-boton label {
    cursor:pointer;
    z-index:90;
    font-size: 0.75rem;
    padding: 0.75rem 0;
    color: #FFF;
    text-transform: uppercase;
    margin-left: 0;
}

/* FORMULARIO  */

.formulario {
  display: inline-block;
  width: 100%;
}

span.error:before {
  font-family: 'iconic-sm';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  text-decoration: inherit;
}

span.error:before {
    content: "";
}

.icono-form button, .icono-form a.button {
    text-transform: uppercase;
}

.icono-form button:before, .icono-form a.button:before {
    font-family: 'iconic-md';
    display: inline-block;
    font-size: 1.25rem;
    margin-right: 0.5rem;
    position: relative;
    top:0.25rem;
}

.icono-panel button:before {
    font-family: 'iconic-md';
    display: inline-block;
    font-size: 4rem;
}

.login label, .icono-form label {
    clear: both;
}

/* REEMPLAZAR INPUT POR ICONOS  */

.icono-form input[type="checkbox"],
.icono-form input[type="radio"] { 
    display:none; 
} /* esconde el checkbox */

.icono-form input[type="checkbox"] + label,
.icono-form input[type="radio"] + label {
    display: block;
    margin:0;
    color: #fff;
}

.icono-form input[type=checkbox] + label:before,
.icono-form input[type=radio] + label:before {
    letter-spacing: 10px;
} /* espacio checkbox y label */


.icono-form input[type=checkbox] + label:before,
.icono-form input[type=radio] + label:before {
    font-family: 'iconic-md';
    display: inline-block;
    font-size: 1rem;
}

/* CHECKBOX */

.icono-form input[type=checkbox]:checked + label:before  {
    content: "";
    color: #55bf3b;
} /* icono si verde */


.icono-form input[type=checkbox]:not(:checked) + label:before {
    content: "";
    color: #DF5353;
} /* icono no rojo */


/* RADIO */

.icono-form input.si[type=radio]:not(:checked) + label:before,
.icono-form input.no[type=radio]:not(:checked) + label:before,
.icono-form input.no-aplica[type=radio]:not(:checked) + label:before {
    color: #666;
} /* color gris sin chequear */

.icono-form input.si[type=radio]:not(:checked) + label:before,
.icono-form input.si[type=radio]:checked + label:before {
    content: "";
} /* icono si */


.icono-form input.no[type=radio]:not(:checked) + label:before,
.icono-form input.no[type=radio]:checked + label:before {
    content: "";
} /* icono no */

.icono-form input.no-aplica[type=radio]:not(:checked) + label:before,
.icono-form input.no-aplica[type=radio]:checked + label:before {
    content: "";
    font-family: "iconic-sm";
} /* icono no aplica */

.icono-form input.si[type=radio]:checked + label:before {
    color: #43A047;
} /* color al chequear si*/

.icono-form input.no[type=radio]:checked + label:before {
    color: #E53935;
} /* color al chequear no*/

.icono-form input.no-aplica[type=radio]:checked + label:before {
    color: #FDD835;
} /* color al chequear no aplica*/


.comprobaciones .icono-form input[type=checkbox]:checked + label:before,
.comprobaciones .icono-form input[type=checkbox]:not(:checked) + label:before,  
.comprobaciones .icono-form input[type=radio]:checked + label:before,  
.comprobaciones .icono-form input[type=radio]:not(:checked) + label:before  {
    font-size: 2.4rem;
    vertical-align: middle;
} 

.comprobaciones .icono:before {
    font-size: 1.4rem;
}

.comprobaciones .icono-form label, p.tolerancias {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 1.4rem !important;
    text-transform: uppercase;
}

.comprobaciones label.inline, p.tolerancias {
    margin: 0;
    padding: 0.5rem 0 0;
}

[class*="block-grid-"] > li a {
    height: 6rem;
}

button.button:active, button.button:focus, a.button:active, a.button:focus {
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.8) inset;
}

.icono-panel button .numero-peq {
    position: absolute;
    top: 10px;
    left: 15px;
    color: #FFF;
    font-size: 1.5rem;
    font-weight: bold;
}

.tablet table { width: 100%; margin-bottom:0; }

.tablet .titulos {
    margin-left: 0;
    margin-right: 0;
}

.tablet h6 {
    color: #b6be00;
}

.tablaOEE td, .tablaOEE th {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #CCC;
  text-transform: uppercase;
}

/* DATA TABLES */

.dataTables_paginate a {
    font-size: 1rem;
    line-height: 1em;
    padding: 0.75rem 1.5rem;
    border-radius:0;
    color: #666;
    background: #eee none repeat scroll 0 0;
    cursor: hand;
    margin: 0 0.15rem;
    font-family: 'Open Sans Semibold', sans-serif;
}

.dataTables_paginate a.current {
    background: #b6be00 none repeat scroll 0 0;
    color: #ffffff;
}

.dataTables_paginate a:hover {
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.8) inset;
    opacity: 0.5;
    color: #000;
    background: #999 none repeat scroll 0 0;
}

.dataTables_paginate a.current:hover {
    background: #b6be00 none repeat scroll 0 0;
    color: #ffffff;
    box-shadow: none;
    opacity: 1;
    cursor: default;
}

.dataTables_length, .dataTables_info {
    width: 31%;
    float: left;
}

.dataTables_filter, .dataTables_paginate {
    width: 64%;
    float: right;
    text-align: right;
    display: block;
}

.dataTables_paginate a.disabled {
    color: #999;
    cursor: default;
}

.dataTables_paginate a.paginate_button.previous, .dataTables_paginate a.paginate_button.next {
    background-color: #eee;
}

.dataTables_paginate a.paginate_button.previous, .dataTables_paginate a.paginate_button.next {
    background-color: #eee;
}

.dataTables_paginate a.paginate_button.previous:hover, .dataTables_paginate a.paginate_button.next:hover {
    background-color: #999;
    color: #000;
}

.dataTables_paginate a.disabled:hover {
    background-color: #eee!important;
    color: #999!important;
    opacity:1;
    cursor: default;
    box-shadow: none;
}

.dataTables_paginate a.paginate_button.previous:before, .dataTables_paginate a.paginate_button.next:after {
    content: "";
    font-family: 'iconic-sm';
    font-size: 1rem;
    padding: 0 0.5rem;
}

.dataTables_paginate a.paginate_button.previous:before {
    content: "";
}

.dataTables_paginate a.paginate_button.next:after {
  content: "";
}

/* LISTAS DE BOTONES */

.botones6 .boton, .botones5 .boton, .botones4 .boton, .botones3 .boton, .botones2 .boton, .botones2 .boton {
    width: 100%;
    text-transform: uppercase;
}

.reveal-modal .inline-list li { margin-left: 1.5%;}

.botones6 li {
    width: 15.166%;
}

.botones5 li {
    width: 18.5%;
}

.botones4 li {
    width: 23.5%;
}

.botones3 li {
    width: 31.833%;
}

.botones2 li {
    width: 48.5%;
}

.super-ancho {
    width: auto!important;
    max-width: auto!important;
}

.super-ancho ul {
    white-space: nowrap;
    overflow-x:auto;
}

.super-ancho li {
    display:inline-block;
    float: none;
}

/* ESTILOS DE BOTONES */

.frojo, .ffucsia, .fazul, .fnaranja, .fverde, .fgris, .fgriso, .fgrisc, .fazul2 { border: 0!important;}

.frojo, button.frojo { background: #c11!important; color: #fff;}

.ffucsia, button.ffucsia { background: #f0f!important; color: #fff; }

.fnaranja, button.fnaranja { background: #f60!important; color: #fff; }

.fverde, button.fverde { background: #090!important; color: #fff; }

.fmorado, button.morado { background: #93F!important; color: #FFF; }

.fgris, button.fgris, .lista-fgris button { background: #999!important; color: #fff; }

.fgriso, button.fgriso, .lista-fgriso button { background: #444!important; color: #fff; }

.fgrisc, button.fgrisc, .lista-fgrisc button { background: #DDD!important; color: #666; }

.fazul, button.fazul { background: #03c!important; color: #fff; }

.fazul2, button.fazul2 { background: #008cba!important; color: #fff; }

.fazulo, .fazulm, .fazulc {
    color: #fff;           
}

.fazulo, button.fazulo, .lista-fazulo button {
    background: #1565c0 none repeat scroll 0 0 !important;
}

.fazulm, button.fazulm, .lista-fazulm button {
    background: #1e88e5 none repeat scroll 0 0 !important;
}

.fazulc, button.fazulc, .lista-fazulc button {
    background: #42a5f5 none repeat scroll 0 0 !important;
}

.fnaranjao, button.fnaranjao, .lista-fnaranjao button {
    background: #EF6C00 none repeat scroll 0 0 !important;
}

.fnaranjam, button.fnaranjam, .lista-fnaranjam button {
    background: #FB8C00 none repeat scroll 0 0 !important;
}

.fnaranjac, button.fnaranjac, .lista-fnaranjac button {
    background: #FFA726 none repeat scroll 0 0 !important;
}

.fmoradoo, button.fmoradoo, .lista-fmoradoo button {
    background: #6A1B9A none repeat scroll 0 0 !important;
}

.fmoradom, button.fmoradom, .lista-fmoradom button {
    background: #8E24AA none repeat scroll 0 0 !important;
}

.fmoradoc, button.fmoradoc, .lista-fmoradoc button {
    background: #AB47BC none repeat scroll 0 0 !important;
}

.griscc {
    color: #aaa;
}

.fgris333 { background: #333; padding: 0.9375rem 0; }

a.boton:hover, a.boton:active, a.boton:focus {
    color: #FFF;
}

.icono-peq {
  padding: 1rem 2rem 1.0625rem;
}

.icono-med {
  padding: 1.4rem 2.8rem;
}

.icono-gran {
  padding: 2rem 4rem;
  vertical-align: middle;
}

.icono-peq:before, .icono-med:before, .icono-gran:before {
  color: #FFF;
  vertical-align: middle;
  margin:0;
  padding:0;
  margin-right: 0.5rem;
}

.icono-peq:before {
  font-size: 1.4rem;
}

.icono-med:before {
  font-size: 2.5rem;
}

.icono-gran:before {
  font-size: 6rem;
}

.icono-peq div, .icono-med div, .icono-gran div {
  display: inline-block;
  color: #FFF;
  vertical-align: middle;
}

.tv .icono-peq div, .tv .icono-med div, .tv .icono-gran div {
  position: absolute;
}

.pila {
  position: absolute;
  top:0;
  right: 0;
  padding: 0 0.5rem 0 1rem;
}

.icono-rojo, .icono-verde, .icono-azul {
  padding:0!important;
}

.icono-rojo:before { color: #c11;}

.icono-verde:before { color: #090;}

.icono-azul:before { color: #1e88e5;}

.texto-peq div, .texto-med div, .texto-gran div, .texto-xgran div {
  font-weight: 600;
  text-transform: uppercase;
}

.texto-peq div, .texto-peq p {
  font-size: 0.9rem;
}

.texto-med, .texto-med div, .texto-med p {
  font-size: 1.3rem!important;
}

.texto-gran div, .texto-gran p {
    font-size: 2.5rem;
}

.tv .boton.texto-xgran {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.texto-xgran div, .texto-xgran p {
    font-size: 4rem;
}

.texto-xgran small{
    font-size: 1rem;
}

.texto-gran.icono-gran div {
  position: relative;
  top: 0.75rem;
}

.texto-gran.icono-gran.texto-largo div {
    position: relative;
    top: 0;
}

.texto-gran.icono-med:before {
  position: relative;
  top: -0.75rem;
}

.texto-med.icono-med div {
  position: relative;
  top: 0.25rem;
}

.texto-med.icono-peq:before {
  position: relative;
  top: -0.25rem;
}

.texto-aux-gran {
    font-size: 4rem !important;
    left: 2rem;
    top: 2rem !important;
}

.texto-aux-med {
    font-size: 2.5rem !important;
    left: 2rem;
    top: 3rem !important;
}

.boton.expand {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  width: 100%;
}

.texto-largo {
  vertical-align: top;
}

.texto-largo div {
  vertical-align: top;
}

.texto-largo p {
  margin-bottom: 0.25rem;
  text-align: left;
}

.texto-largo p:last-child {
  margin-bottom: 0rem;
}

.texto-largo.icono-gran:before {
  vertical-align: top;
}

.boton.texto-aux-peq { 
  padding-left: 0.9375rem;
  padding-bottom: 0.25rem;
  padding-top:0.5rem;
  text-align: left;
}

.boton.expand {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}

button.boton:active, button.boton:focus {
    box-shadow: 0px 3px 15px rgba(0,0,0,.8) inset;
    opacity: 0.75;
}

button.boton.fgriso:active, button.boton.fgriso:focus { background: #222; }

.caja-grafico {
  background: #DDD; 
  padding: 1.25rem 1rem 0.25rem 1rem;
}

.tabla-datos {
  line-height: 1.5em;
}

.tablet-pie {
  height: 100px;
  width: 90px;
  margin: 0 auto;
}

table .icono-peq {
  padding:0;
}

table .icono-peq:before {
  color: #999;
  vertical-align: middle;
  margin:0;
  padding:0;
  font-size: 1rem;
}

.tblanco, .tnegro, .trojo, .tverde, .tfucsia, .tazul, .tnaranja { margin: 0; font-weight: bold; }

.tblanco { color: #FFF; }

.tgrisc { color: #DDD; }

.griscc { color: #AAA; }

.tnegro { color: #000; }

.trojo { color: #c11; }

.tverde { color: #090; }

.tfucsia { color: #f0f; }

.tazul { color: #03c; }

.tnaranja { color: #f60; }

.tfosfo div { color: #cf0!important; }

.borde { border: 1px solid #f00;}


/* BOTONES ESPECIFICOS */

.botonera {

}

.botonera .boton {
  opacity: 1;
  padding: 0.75rem 2rem;
}

.botonera .boton:before {
  margin: 0;
  font-size: 1.4rem;
  vertical-align: middle;
}

.botonera .boton span, .boton span {
  margin-left: 0.5rem;
  vertical-align: middle;
  text-transform: uppercase;
}

.boton:before, .atras-modal:before, a.cancelar:before, button:before {
    font-family: 'iconic-md';
}

.ordenes .boton:before, .personal .boton:before, .mat-primas .boton:before, .teclado .boton:before, .paros .boton:before,
.reveal-modal .boton.ok:before, .reveal-modal .boton.cancelar:before {
    margin-right: 0.5rem;
    font-size: 1.4rem;
    vertical-align: middle;
}

.ordenes .boton:before {
    content: "";
}

.ordenes .boton {
    background: #090;
}

.personal .boton {
    background: #999;
}

.personal .boton:before {
    content: "";
}

.mat-primas .boton {
    background: #008cba;
}

.mat-primas .boton:before {
    content: "";
}

.paros .boton:before {
    content: "";
}

button.cancelar:before, a.cancelar:before {
  content: "";
}

.boton.atras:before {
  content: "";
}

.buscar:before {
  content: "";
}

.boton.imprimir:before {
  content: "";
}

.boton.teclado:before {
  content: "";
}

button.retroceso:before {
  content: "";
}

button.ok:before {
    content: "";
}

.caja-buscar {
  padding-right: 0.5rem;
}

.caja-buscar input {
  height: 54px;
  margin-bottom:0;
}

.atras-modal:before {
    color: #aaaaaa;
    font-size: 1.5rem;
    content: "";
}



/* TECLADO */

#calculadora {
  background: #CCC;
}

.caja-teclado, .calculadora {
  background: #CCC;
  padding-bottom: 2rem;
  padding-top: 3rem;
}

.calculadora {
  padding: 2rem 2rem 0.75rem;
}

#saca-teclado.f-dropdown.content { padding: 0;}

#saca-teclado.f-dropdown:before {
    border-color: transparent transparent #CCC;
}

.f-dropdown.content {
    max-width: 100%;
}

.caja-teclado .boton, .calculadora .boton {
  width: 100%;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 1.4rem;
}

.caja-teclado input[type="text"], .calculadora input[type="text"] {
    font-size: 1.8rem;
    height: 4rem;
    margin: 0 0 1.3rem;
    padding: 1rem;
}

.botonera ul.accordion { margin-left:0;}

.botonera .accordion .accordion-navigation > .content {
    padding: 0;
}

.accordion-navigation > .boton {
    margin: 0;
}

.reveal-modal.xlarge, dialog.xlarge {
    max-width: inherit!important;
}

.reveal-modal, .reveal-modal-bg {
  position : fixed;
}

.reveal-modal.botonera { padding: 0; }

.reveal-modal.botonera .row { background: #CCC; }

.ok.close-reveal-modal {
  position: relative;
  left:0;
  top:0;
  line-height: normal;
  color: #FFF;
}

.boton.close-reveal-modal, button .close-reveal-modal {
    color: #FFF;
    cursor: pointer;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1;
    position: relative;
    left: 0;
    top: 0;
}

button.close-reveal-modal {
    position: relative!important;
    left: 0;
    top: 0;
    color: #fff!important;
    font-weight: normal;
}

button.close-reveal-modal:before {
    font-weight: normal;
}

/* ACORDEON Y SOLAPAS */

.panel-filtros ul.off-canvas-list li,
.panel-menu ul.off-canvas-list li a {
    display: block;
    padding: 0.66667rem;
    text-transform: uppercase;
}

ul.acordeon {
    margin-left: 0;
}

.accordion.acordeon .accordion-navigation > a, .accordion.acordeon dd > a {
    background: transparent;
    font-size: inherit;
    padding: 0.5rem 0;
}

.accordion.acordeon .accordion-navigation > .content, .accordion.acordeon dd > .content {
    padding: 0;
}

.accordion.acordeon .accordion-navigation > .content.active, .accordion dd > .content.active {
    background: transparent;
    padding: 0.9375rem 0;
    clear: both;
}

.acordeon-tabla .accordion {
    background: transparent;
    padding: 0;
}

.acordeon-tabla .accordion.acordeon .accordion-navigation > a, .acordeon-tabla .accordion h2 {
    padding: 0;
    margin:0;
}

.acordeon-tabla .accordion.acordeon .accordion-navigation > a {
    padding: 0.5rem 0;
}

.fila-visible { display: table-row;}

.fila-oculta { display: none;}

.acordeon-tabla table button {
    padding: 0;
    background: transparent;
    margin-bottom:0;
}

.acordeon-tabla table button.abierto:before, .acordeon-tabla table button.cerrado:before {
  font-family: 'iconic-sm';
}

.acordeon-tabla table button.abierto:before {
    content: "";
}

.acordeon-tabla table button.cerrado:before {
    content: "";
}

.solapas { margin-bottom: 1rem;  }

.solapas h2 {
    margin:0;
    padding: 0.5rem 0 0;
}

.solapas .icono {
    margin-top:-0.5rem;
}

.solapas .tabs dd > a { height: 50px; font-size: 0.75rem;  }

.solapas .tabs dd > a.icono:before {
    font-size: 1.5rem;
    padding: 0.25rem 0.5rem;
}


/* OFF CANVAS */

.move-left > .inner-wrap {
    transform: translate3d(-75%, 0px, 0px);
}

.right-off-canvas-menu {
    width: 75%;
}

.move-left .panel-filtros, .move-right .panel-menu {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.move-left .exit-off-canvas, .move-right .exit-off-canvas {
    position: relative;
    background: transparent;
    box-shadow: none;
    display: inline-block;
}

.move-left .exit-off-canvas:hover, .move-right .exit-off-canvas:hover {
    background: transparent;
}


/* POPUP */

.reveal-modal .button {
    color: #FFF;
    font-size: inherit;
    font-weight: normal;
    text-transform: uppercase;
    position: relative;
    right:0;
    top:0;
    line-height: 1;
}


/* GRAFICOS */

.highcharts-container text {
    font-weight: normal!important;
    text-decoration: none !important;
}

.highcharts-title { text-transform: uppercase;}

.highcharts-stack-labels text  {
    font-weight: bold!important;
}


/* FOOTER */

footer {
    font-size: 0.7rem;
    line-height: 0.9rem;
    padding: 0.5rem 0;
    color: #f00;
    margin-top: 1.25rem;
}

footer.vacio {
    padding: 0;
    margin: 0;
}


/* GRIDSTER - COLA ORDENES */

.color1 { background: #00b0ff!important;}
.color2 { background: #00c853!important;}
.color3 { background: #EC407A!important;}
.color4 { background: #90caf9!important;}
.color5 { background: #e57373!important;}
.color6 { background: #aed581!important;}
.color7 { background: #F48FB1!important;}
.color8 { background: #795548!important;}
.color9 { background: #9575cd!important;}
.color10 { background: #FFF59D!important;}
.color11 { background: #b2dfdb!important;}

.gridster * {
  margin:0;
  padding:0;
}

.gridster .gs-w {
  background: transparent;
  cursor: pointer;
}

.gridster .preview-holder {
  border: none!important;
  background: #999!important;
}

.gridster h3 {
  color: #FFF;
  font-size: 1.4rem; 
  font-family: 'Open Sans Semibold'; 
  margin-bottom: 0.25rem;
}

.titulos-gridster {
  border: 2px solid #f00;
  position: absolute;
  top: -40px;
  width: 100%!important;
}

.gridster p { color: #444; line-height: 1.2rem;}

.cola-ordenes .reveal-modal p {
  margin-bottom:0.25rem;
}

.gridster {
  margin: 0;

}

.gridster ul {
  margin: 0 auto;
  background: url(../images/fondo-grises1.png);
  background-size: contain;
}

#lineas {
  border: 1px solid #f00;
  left: -20px;
  position: absolute;
}

.fondo1 { background: #f00;}

.fondo2 { background: #0f0;}

.gridster li {
    padding: 10px 20px;
    text-align: left!important;
    overflow: hidden;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.gs-resize-handle {
    position: absolute;
    z-index: 1;
}

.gs-resize-handle-both {
    width: 20px;
    height: 20px;
    bottom: -8px;
    right: -8px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=');
    background-position: top left;
    background-repeat: no-repeat;
    cursor: se-resize;
    z-index: 20;
}

.gs-resize-handle-x {
    top: 0;
    bottom: 13px;
    right: -5px;
    width: 10px;
    cursor: e-resize;
}

.gs-resize-handle-y {
    left: 0;
    right: 13px;
    bottom: -5px;
    height: 10px;
    cursor: s-resize;
}

.gs-w:hover .gs-resize-handle,
.resizing .gs-resize-handle {
    opacity: 1;
}

.gs-resize-handle,
.gs-w.dragging .gs-resize-handle {
    opacity: 0;
}

.gs-resize-disabled .gs-resize-handle {
    display: none!important;
}

[data-max-sizex="1"] .gs-resize-handle-x,
[data-max-sizey="1"] .gs-resize-handle-y,
[data-max-sizey="1"][data-max-sizex="1"] .gs-resize-handle {
    display: none !important;
}


.cola-ordenes {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding-right: 0.5rem;
    
}

.cola-ordenes footer {
    border-top: 1px solid #444;
}

.cola-ordenes footer .logo-ipyc {
    background: rgba(0, 0, 0, 0) url("../images/ipyc-pie-oscuro.png") no-repeat scroll 0 0;
}

.cola-ordenes > .main-section > .row {
    width: 1200px;
    margin: 0 auto!important;
}

.cabecera-colas {
  background: #444 none repeat scroll 0 0;
  border-bottom: 1px solid #333;
  height: 40px;
  margin: 0 auto !important;
  padding-top: 10px;
  text-align: center;
  width: 1140px;
}

.sin-margen { margin:0; }

/* REVISAR */

.main-section hr { margin: 0.75rem auto;}

.chart-box {
    border: 5px solid #f00;
    /*border: 1px solid #666;
    background: #111111;
    background: -webkit-linear-gradient(top, #606060 0%, #111111 100%);
    background: linear-gradient(to bottom, #606060 0%, #111111 100%);*/
}

.no-padding-print, .no-padding { padding:0!important; border: 3px solid #f00; background: #f0f;}

.ms-search input {
    background: url("multiple-select.png") no-repeat scroll 99% -16px;
    margin:0;
    height: 2.3125rem!important;
    border-radius: 0;
    font-size: 0.875rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}

.ms-drop input[type="checkbox"] { margin:0;}

.ms-drop ul > li label {
    margin-bottom: 0.25rem;
}

.ms-choice > div, .ms-choice > span { top: 5px;}

.ms-parent { margin: 0 0 1.25rem; }

button.ms-choice {
    background: #FFF;
    margin:0;
    height: 2.3125rem;
    border-radius: 0;
    font-size: 0.875rem;
    padding: 0.5rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}

.gris-medio { color: #f00; }

.gris-oscuro { color: #0f0; }


/* MEDIA QUERIES */

@media only screen and (min-width: 1280px) {
    
}

/* MEDIUM */ 

@media only screen and (min-width: 40.063em) { /* min-width 641px, medium screens */

    h1 { font-size: 1.5rem; }

    h2 { font-size: 1.2rem; }

    h3 { font-size: 1.15rem; }

    h4 { font-size: 1rem; }

    h5 { font-size: 1rem; }

    .marca-color { border: 2px solid #0f0;}

    .login { margin-top: 12rem;}

    .login h1  { margin-bottom: 1.875rem; }

    .right.truca-left { float: left!important;}

    .radio-boton li {
        height: 50px;
        width: 180px;
    }

    .radio-boton label {
        font-size: 1rem;
        padding: 0.75rem 0;
    }

}

/* LARGE */

@media only screen and (min-width: 64.063em) { /* min-width 1025px, large screens */

    .grafico, .tabla, .subtitulo {
            margin-left: 5%; margin-right: 5%; width: 90%!important;
    }

    h1 { font-size: 1.5rem;}

    h2 { font-size: 1.2rem;}

    h3 { font-size: 1.25rem; }

    h4 { font-size: 1rem; }

    h5 { font-size: 1rem; }

    table tr th, table tr td {
        font-size: 0.75rem!important;
        padding: 0.3rem 0.625rem!important;
    }

    .marca-color { border: 2px solid #00f;}

    .login { margin-top: 6rem;}

    .move-left > .inner-wrap {
        transform: translate3d(-25%, 0px, 0px);
    }

    .right-off-canvas-menu {
        width: 25%;
    }

    .right.truca-left { float: right!important;}

}

@media only screen and (min-width: 90.063em) { /* min-width 1441px, xlarge screens */

    .grafico, .tabla, .subtitulo { margin-left: 10%; margin-right: 10%; width: 80%!important; }

    h1 { font-size: 2rem;}

    h2 { font-size: 1.5rem;}

    table tr th, table tr td {
        font-size: 0.85rem!important;
        padding: 0.5625rem 0.625rem!important;
    }

    footer { padding-left: 10%; padding-right: 10%; }
    
    .main-section > .row { width: 80%;}

    .login-form .main-section > .row { width: 100%;}
    
    .row.cabecera { width: 100%; }
    
    .main-section hr {  }

    .marca-color { border: 2px solid #ff0;}

}

@media print {

    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    div.print-6, div.print-12 {
        page-break-inside: avoid;
    }

    p, td, th, ul, ol, div { font-size: 5pt!important; line-height: 12pt!important; }

    td, th { padding: 2pt!important;}

    H1, H2, H3, .subheader { color: #B6BE00!important; line-height: 0.9em;}

    H1 { font-size: 12pt; margin: 4pt 0 4pt 0; }

    H2 { font-size: 10pt; margin: 4pt 0 4pt 0;  }

    H3, .subheader { font-size: 8pt; margin: 0 0 2pt 0; }

    H4 { font-size: 7pt; color: #666!important; }

    .gris-claro { color: #0f0;}

    a[href]:after { content: none; }

    a {text-decoration: none;}

    .cabecera, .titulos div { border-bottom: 1px solid #CCC;}

    .cabecera {
        height: 32px; margin: 0; padding: 0;
    }

    .cabecera .right.print-only h3 { display: none;}

    .titulos { height: 30px; }

    .titulos h1 { margin:-16px 0 0 0;  }

    .barra-filtros  { background: #DDD; border-bottom: 1px solid #CCC; }

    .barra-filtros h3 { font-size: 8pt;}

    .tabla li.accordion-navigation { display: none!important;}
    
    .tabla li.accordion-navigation.active { display: block!important;}

    .icono:before {
        font-size: 0.75rem;
        color: #CCC;
    }

    .grafico .print-12 div {
        margin-left: -0.75rem;
    }

    .grafico .print-6 div {
        margin-left: -0.5rem;
    }

    .grafico {
        padding-bottom: 5pt;
        padding-top: 0;
    }

    .main-section hr { padding: 0!important; display: none;}

    .columns {  }

    #datos-oee,
    #oee-grupo1, #oee-grupo2, #oee-grupo3, #oee-grupo4 { margin-left: -1.25rem;  }

    #datos-oee_m, #datos-oee_t, #datos-oee_n,
    #causas-paro-tarta1, #causas-paro-tarta2, #causas-paro-tarta3
     { margin-left: -2rem;  }

    .print-12 { width: 100%; }

    .print-10 { width: 83.33333%; }

    .print-9 { width: 75%;}

    .print-8 { width: 66.6667%;}

    .print-6 { width: 50%;}

    .print-4 { width: 33.333%;}

    .print-3 { width: 25%;}

    .print-2 { width: 16.6667%;}

    table { background: none repeat scroll 0 0 #FFF; margin-bottom: 0; }

    table thead tr th { background: none repeat scroll 0 0 #BBB!important; }

    table tfoot tr td { background: none repeat scroll 0 0 #CCC!important; }

    table tr { background: none repeat scroll 0 0 #DDD; }

    table tr:nth-of-type(2n) { background: none repeat scroll 0 0 #EEE!important; }

    footer {
        border-width: 0px!important;
        font-size: 6pt;
        margin-top:5pt;
        padding-top:0;
    }

    .logo-ipyc-pie {
        width: 110pt!important;
        font-size: 5pt;
        line-height: 6pt!important;
    }

    .highcharts-yaxis-title,  .highcharts-xaxis-title,
    .highcharts-axis-labels text,
    .highcharts-drilldown-data-label text,
    .highcharts-legend text,
    .highcharts-data-labels text  {
        fill: #000!important;
        font-size: 6pt!important;
        font-weight: bold;
    }

    .highcharts-stack-labels text  {
        fill: #000!important;
        font-size: 6pt!important;
        font-weight: bold!important;
    }

    tspan, text tspan { color: #0f0; font-size: 6pt; }

    .oee, .disponibilidad, .rendimiento, .calidad, .ok, .fallo {
        font-size: 5pt;
    }

    aside { display: none; }

    .logo-doeet:before { content: url("../images/doeet-claro30.png"); display: block; }

    .logo-ipyc:before { content: url("../images/ipyc-pie-claro18.png"); }

}