/* ESTILOS GLOBALES */

@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;
}

.clear {
  clear: both;
}

.elipsis, p.elipsis, li.elipsis, div.elipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap!important;
}

.no-margin {
  margin: 0;
}

.grey1-bg {
  background-color: #EEE;
}

.module .accordion {
  margin-bottom: 0;
}

.portada-apps h1, .portada-apps h2 {
  color: #666;
}

/* CABECERA */

.logo {
  background-position: 50% 6px;
  background-size: auto 34px;
  height: 50px;
  background-repeat: no-repeat;
}

.cabecera .usuario {
  background-color: #EEE;
  border-radius: 0 0 15px 15px;
  font-size: 0.8rem;
  line-height: 2.4rem;
  text-transform: uppercase;
  color: #666;
}

.cabecera .usuario .icono {
  display: inline-block;
  padding-top: 0.5rem;
  color: #999;
  cursor: pointer;
  margin-right: 0.25rem;
}

.cabecera .notificaciones .icono:before {
  font-size: 24px;
  padding: 8px;
  vertical-align: middle;
  background-color: #999;
  border-radius: 40px;
  color: #FFF;
  margin-top: 4px;
  width: 40px;
  height: 40px;
}

.cabecera .notificaciones .icono.aviso:before {
  background-color: #BA1F00;
  color: #FFF;
}

.cabecera .notificaciones .icono.precaucion:before {
  background-color: #fbc02d;
  color: #FFF;
}

.cabecera .notificaciones .dato {
  width: 24px;
  height: 24px;
  display: inline-block;
  text-align: center;
  font-family: 'Open Sans Semibold';
  background-color: #BA1F00;
  border-radius: 30px;
  position: relative;
  top: -6px;
  right: 24px;
  line-height: 24px;
  font-size: 12px;
  padding: 0;
  color: #FFF;
}

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

/* LOGIN */

.logo-doeet-login {
  background-image: url(../images/doeet.svg);
}

.logo-commet-login {
  background-image: url(../images/commet.svg);
}

.logo-controldoc-login {
  background-image: url(../images/controldoc.svg);
}

.logo-doeet-login, .logo-commet-login, .logo-controldoc-login {
  height: 25px;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 25px;
  display: inline-block;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

.logo-doeet-login:hover, .logo-commet-login:hover, .logo-controldoc-login:hover {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}

.login {
  background: #eeeeee none repeat scroll 0 0;
  border: 0;
  color: #999999;
  padding: 2rem 2rem 2rem;
}

.login h1 {
  margin: 0;
}

/* ACORDEONES */

.accordion-title {
  margin-bottom: 0.5rem;
}

.accordion-title:before {
  content: "";
  font-family: 'iconic-lg';
}

.is-active>.accordion-title:before {
  content: "";
}

/* ELIPSIS */

.elipsis, p.elipsis, li.elipsis, div.elipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap!important;
  font-family: 'Open Sans', Arial, sans-serif;
}

/* FORMS */

.button-text i:before {
  margin-right: 0.5rem;
}

.button.button-zoom {
  padding: 0.45rem 0.55rem;
}

.button i.fi-zoom-in {
  padding: 0;
}

.button i.fi-zoom-in:before, .button i.fi-eye-open:before {
  font-size: 1.5rem;
  line-height: 1rem;
  vertical-align: middle;
}

.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button:last-child, .button-group.expanded .button:first-child:nth-last-child(2):last-child {
  margin-right: 0px;
}

.button {
  margin: 0;
  color: #FFF;
  text-transform: uppercase;
  font-family: 'Open Sans Semibold', Arial, sans-serif;
  background-color: #777;
  line-height: 1rem;
  font-weight: normal;
}

.button:hover, .button:active, .button:focus {
  background-color: #555;
}

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

.button-group, .fgroup input, .fgroup textarea, .callout input, .callout textarea, .callout button.ms-choice, .callout select, .fgroup select {
  margin-bottom: 0;
}

/*  */

.fgroup {
  border: 1px solid #EEE;
  margin-bottom: 0.9375rem;
  padding-bottom: 1.5rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.big-label {
  color: #666;
  text-transform: uppercase;
  padding: 0.5rem 0;
  font-size: 0.85rem;
  font-family: 'Open Sans Bold';
  margin-right: 0.5rem;
}

.big-button, button.big-button {
  color: #FFF;
  text-transform: uppercase;
  font-size: 1.1rem!important;
  line-height: 1.1rem;
  font-family: 'Open Sans Semibold';
  height: auto!important;
}

.dropzone {
  background-color: #EEE!important;
  border: 2px solid #DDD!important;
  min-height: none!important;
  text-transform: uppercase;
  font-size: 1rem;
}

.dropzone .dz-message {
  margin: 35px 0!important;
  text-align: center;
  color: #999;
}

.dropzone .dz-message:before {
  font-family: 'iconic-sm';
  font-size: 3rem;
  color: #ccc;
  content: "";
  clear: both;
  display: block;
}

.reveal-overlay {
  z-index: 100;
}

input::placeholder, textarea::placeholder {
  color: #AAA;
}

.video-js {
  margin: 0 auto 0.9375rem;
}

.error-text {
  color: #e53935!important;
}

.ok-text {
  color: #43a047!important;
}

.caution-text {
  color: #fbc02d!important;
}

.iconic-platform-apple-leaf {
  background-color: #00f!important;
}

.sceditor-container iframe {
  width: 99% !important;
}

.sceditor-container {
  width: 100% !important;
}

.featured-form input {
  padding: 0 0.5rem;
  font-size: 2rem;
  color: #333;
  font-family: 'Open Sans Semibold', sans-serif;
  height: 3rem;
}

.featured-form input[disabled]::-moz-placeholder {
  color: #000!important;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
  float: left!important;
  margin: 0!important;
}

.dt-button {
  font-size: 1rem;
  text-transform: uppercase;
  color: #999;
  font-size: 0.875rem;
  margin-right: 0.5rem;
  vertical-align: middle;
}

.dt-button i {
  font-size: 1.4rem;
  line-height: 2rem;
  margin-right: 0.5rem;
  vertical-align: middle;
  color: #CCC;
}

/* CAJAS ERROR */

.caja-roja {
  background-color: #BA1F00;
  padding: 1rem;
}

.caja-rojag {
  background-color: #BA1F00;
  padding: 3rem;
}

.caja-grisg {
  background-color: #CCC;
  padding: 3rem;
}

.caja-grisg i {
  font-size: 6rem;
  color: #BA1F00!important;
}

.caja-grisg h2 {
  font-size: 2rem;
  line-height: 1.2;
}

.caja-gris a, .caja-grisg a {
  color: #BA1F00;
  opacity: 1!important;
  text-decoration: underline;
}

.caja-roja h2, .caja-roja i, .caja-rojag h2, .caja-rojag i, .caja-roja a {
  color: #FFF!important;
}

.caja-rojag h2 {
  font-size: 3rem;
  line-height: 1.2;
}

.caja-rojag i {
  font-size: 6rem;
}

.caja-rojag p {
  font-size: 1.3rem;
  color: #FFF;
}

.caja-grisg p {
  font-size: 1.3rem;
  color: #000;
}

.caja-roja a, .caja-rojag a {
  opacity: 1!important;
  text-decoration: underline;
  color: #FFF;
  opacity: 1!important;
}

/* ACORDEON */

.accordion-title i {
  font-size: 1.5rem;
  vertical-align: middle;
  margin-right: 0.5rem;
  color: #FFF;
}

.accordion-title i:before {
  line-height: 2.5rem;
  text-align: center;
  width: 1.5rem;
  font-size: 1.8rem;
  color: #FFF;
  font-family: 'iconic-lg';
}

/* VER - OCULTAR */

.ver-ocultar input[type="checkbox"] {
  display: none;
}

.ver-ocultar ul {
  margin-bottom: 0;
}

.ver-ocultar label, .boton-filtros label {
  color: #999;
}

.ver-ocultar input[type=checkbox]+label:before, .boton-filtros input[type=radio]+label:before {
  font-size: 1.4rem;
  margin-right: 0.5rem;
  text-transform: uppercase;
  font-family: 'iconic-lg';
  vertical-align: middle;
}

.ver-ocultar input[type=checkbox]:not(:checked)+label:before {
  content: "";
  color: #55bf3b;
}

.ver-ocultar input[type=checkbox]:checked+label:before {
  content: "";
}

/* JQUERY UI*/

#ui-datepicker-div {
  display: none;
}

.ui-datepicker-header {
  background: #ccc;
  padding: 0.25rem 0;
}

.ui-datepicker-prev, .ui-datepicker-next {
  font-family: 'iconic-lg';
  color: #666;
  font-size: 0.8rem;
  width: 15%;
  float: left;
  margin: 0.5rem 0;
}

.ui-datepicker-prev:hover, .ui-datepicker-next:hover {
  color: #333;
}

.ui-datepicker-prev span, .ui-datepicker-next span {
  display: none;
}

.ui-datepicker-prev:before {
  content: '\e156';
  margin-left: 0.5rem;
}

.ui-datepicker-next {
  float: right;
  text-align: center;
}

.ui-datepicker-next:before {
  content: '\e157';
}

.ui-datepicker-month {
  width: 50%;
  margin-bottom: 0;
}

.ui-datepicker-year {
  width: 20%;
  font-size: 0.8rem!important;
}

.ui-datepicker.ui-widget {
  z-index: 1000 !important;
}

/* FIN JQUERY UI */

.vhidden {
  visibility: hidden;
}

.off-canvas {
  height: 100%;
}

/* ADDED */

.off-canvas-content {
  box-shadow: none;
}

/* ADDED */

div.container {
  margin-bottom: 10px;
}

/* ADDED */

.form-error {
  margin-top: 0;
}

/* ADDED */

div#load_screen {
  background: #000;
  opacity: .7;
  z-index: 10;
  width: 100%;
  height: 100%;
  position: fixed;
}

div#load_screen>div#loading {
  color: #FFF;
  width: 120px;
  height: 24px;
  margin: 300px auto;
}

/* ADDED */

#cabeceracdoc {
  z-index: 100;
  min-height: 52px;
}

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

.acc_DT {
  overflow: visible;
}

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;
}

#headerbuttons i {
  font-size: 1.45em;
}

h1, h2, h3, h4, h5, #headerbuttons {
  text-transform: uppercase;
  margin-top: 0.5rem;
}

h1 {
  font-size: 2rem;
}

h2 {
  font-size: 1.5rem;
}

h3 {
  font-size: 1.25rem;
}

h4 {
  font-size: 1rem;
}

h5 {
  font-size: 0.9rem;
}

h6 {
  font-size: 0.8rem;
}

p {
  font-size: 0.9rem;
}

/* TEXTO GRANDE-PEQUEÑO */

@media only screen and (min-width: 64.063em) {
  /* LARGE PC min-width: 1025px a 1440px */
  /* TEXTO GRANDE */
  .big-text h1 {
    font-size: 3rem;
  }
  .big-text h2 {
    font-size: 2.5rem;
  }
  .big-text h3 {
    font-size: 1.9375rem;
  }
  .big-text h4 {
    font-size: 1.5625rem;
  }
  .big-text h5 {
    font-size: 1.25rem;
  }
  .big-text h6 {
    font-size: 1rem;
  }
  .big-text td, .big-text p {
    font-size: 1rem;
  }
  /* TEXTO PEQUEÑO */
  .small-text h1 {
    font-size: 1.5rem;
  }
  .small-text h2 {
    font-size: 1.25rem;
  }
  .small-text h3 {
    font-size: 1.1rem;
  }
  .small-text h4 {
    font-size: 0.9rem;
  }
  .small-text h5 {
    font-size: 0.75rem;
  }
  .small-text h6 {
    font-size: 0.65rem;
  }
  .small-text td, .small-text p {
    font-size: 0.75rem;
  }
}

.red, .error {
  color: #e53935;
}

.green, .ok {
  color: #43a047;
}

.yellow, .no-aplica {
  color: #fdd835;
}

.grey1-bg {
  background-color: #EEE;
}

/* MENU */

.logo {
  background-position: 50% 4px;
  background-size: auto 42px;
  height: 50px;
  background-repeat: no-repeat;
}

.title-bar {
  padding: 0rem;
  background-color: #FFF;
  border-bottom: 1px solid #DDD;
}

.title-bar-title {
  display: block;
  border-bottom: 1px solid #EEE;
}

.title-bar-left, .title-bar-right {
  padding: 1rem 0.5rem 0;
}

.logo {
  margin: 0 auto;
}

.off-canvas .menu li {
  border-bottom: 1px solid #dddddd;
}

.off-canvas .menu li a {
  color: #666;
  background-color: #EEE;
  text-transform: uppercase;
}

.off-canvas .menu li a:hover {
  background-color: #CCC;
  color: #FFF;
}

.off-canvas .submenu li {
  background-color: #DDD;
  border-bottom: 1px solid #CCC;
}

.off-canvas .submenu li, .off-canvas .submenu li a {
  background-color: #DDD;
}

.off-canvas .submenu li a:hover {
  background-color: #BBB;
}

.off-canvas .submenu .submenu li a {
  background-color: #CCC;
}

.off-canvas .submenu .submenu li a:hover {
  background-color: #AAA;
}

.off-canvas-item-active {
  background-color: #ccc;
  font-family: 'Open Sans Semibold', Arial, sans-serif !important;
  font-weight: 600;
}

.titulo-menu {
  background-color: #EEE;
  height: 51px;
  text-transform: uppercase;
  font-size: 1.4rem;
  font-weight: 500;
  border: 0;
  color: #999;
}

.menu-icon:after {
  background-color: #CCC;
  box-shadow: 0 7px 0 #CCC, 0 14px 0 #CCC;
}

.menu .close-button {
  top: 0;
  color: #CCC;
}

.separa-menu {
  color: #FFF;
  font-size: 0.8rem;
  text-transform: uppercase;
  padding: 0.5rem 1rem;
  border-bottom: 0;
  text-transform: uppercase;
}

.menu.nested {
  margin-left: 0;
}

.off-canvas li[aria-expanded="true"]>a {
  background-color: #BBB;
  color: #FFF;
}

.off-canvas li.is-submenu-item a {
  margin-left: 1rem;
}

/* FOOTER */

footer {
  border-top: 1px solid #EEE;
  padding: 0.5rem 0 0 0;
  display: inline-block;
  width: 100%;
}

footer .logo {
  background-position: 0 4px;
}

footer h5 {
  margin: 0;
}

/* ARREGLO OFF-CANVAS CON STICKY 

.off-canvas.position-right { position:fixed; right:-250px; top:0; z-index:1; transition:0.5s ease; }

.is-open-right .off-canvas.position-right { right:-0px; }

.is-open-right { -webkit-transform: initial; transform: initial; margin-left: -250px; }

.off-canvas-wrapper-inner { transition: margin 0.5s ease; }

.sticky.is-stuck { left:0px !important; transition:0.5s; }

.is-open-right .sticky.is-stuck { left:-250px !important; }

.sticky-container { left:0 !important; }

.off-canvas.position-left { position:fixed; left:-250px; top:0; z-index:1; transition:0.5s ease; }

.is-open-left .off-canvas.position-left { left:-0px; }

.is-open-left { -webkit-transform: initial; transform: initial; margin-left: 250px; }

.is-open-left .sticky.is-stuck { left:250px !important; transition: all 0.5s ease 0s;}*/

/* BOTONES */

.button {
  color: #FFF;
  text-transform: uppercase;
  font-family: 'Open Sans Semibold', Arial, sans-serif;
}

.button-group .button {
  height: 45px;
}

.button i:before {
  font-family: 'iconic-lg';
}

.boton-editar {
  cursor: pointer;
}

.boton-descargar {
  cursor: pointer;
}

button.boton-peq, .lista-peq button {
  height: 54px!important;
  padding: 0 1rem;
}

button.boton-peq:before, .lista-peq button:before {
  font-size: 1.4rem !important;
  padding: 0.5rem;
}

button.boton-med, .lista-med button {
  height: 100px !important;
  padding: 0.5rem 2rem;
}

button.boton-med:before, .lista-med button:before {
  font-size: 2.8rem !important;
  padding: 0.5rem;
}

button.boton-med div.elipsis, .lista-med button div.elipsis {
  font-size: 1rem;
}

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

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

.icono-form i {
  font-size: 3.6rem;
  font-family: 'iconic-lg';
}

/*.icono.fi-circle-check { color: #00f; } */

.texto-peq div, .texto-med div, .texto-gran div, .texto-xgran div {
  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;
  line-height: 1.8rem;
  font-family: 'Open Sans';
}

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

/* 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, .fnaranja:hover {
  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;
}

.table-buttons button {
  display: none;
}

/* VARIACIONES */

.texto-s {
  font-size: 0.9rem;
}

.texto-m {
  font-size: 1.25rem;
}

.texto-l {
  font-size: 1.4rem;
}

.texto-xl {
  font-size: 1.75rem;
}

.bold {
  font-family: 'Open Sans Semibold', Arial, sans-serif;
}

.uppercase {
  text-transform: uppercase;
}

.error {
  color: #e53935;
  font-family: 'Open Sans Semibold', Arial, sans-serif;
}

.ok {
  color: #43a047;
  font-family: 'Open Sans Semibold', Arial, sans-serif;
}

/* COLORES */

.button {
  margin: 0;
  color: #FFF;
  text-transform: uppercase;
  font-family: 'Open Sans Semibold', Arial, sans-serif;
  background-color: #777;
  line-height: 1rem;
  font-weight: normal;
}

.button:hover, .button:active, .button:focus {
  background-color: #555;
}

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

.red, .red:hover, .red:focus {
  background-color: #f44336;
}

.green, .green:hover, .green:focus {
  background-color: #4CAF50;
}

.yellow, .yellow:hover, .yellow:focus {
  background-color: #FFEB3B;
}

.deep-purple, .deep-purple:hover, .deep-purple:focus {
  background-color: #673AB7;
}

.teal, .teal:hover, .teal:focus {
  background-color: #009688;
}

.lime, .lime:hover, .lime:focus {
  background-color: #CDDC39;
}

.brown, .brown:hover, .brown:focus {
  background-color: #795548;
}

.greyd, .greyd:hover, .greyd:focus {
  background-color: #424242;
}

.grey, .grey:hover, .grey:focus {
  background-color: #9E9E9E;
}

.greyl, .greyl:hover, .greyl:focus {
  background-color: #E0E0E0;
}

.blued, .blued:hover, .blued:focus {
  background-color: #1565c0;
}

.blue, .blue:hover, .blue:focus {
  background-color: #2196F3;
}

.bluel, .bluel:hover, .bluel:focus {
  background-color: #64B5F6;
}

.oranged, .oranged:hover, .oranged:focus {
  background-color: #EF6C00;
}

.orange, .orange:hover, .orange:focus {
  background-color: #FF9800;
}

.orangel, .orangel:hover, .orangel:focus {
  background-color: #FFB74D;
}

.purpled, .purpled:hover, .purpled:focus {
  background-color: #6A1B9A;
}

.purple, .purple:hover, .purple:focus {
  background-color: #9C27B0;
}

.purplel, .purplel:hover, .purplel:focus {
  background-color: #BA68C8;
}

.text-greyd {
  color: #424242;
}

.text-grey {
  color: #9E9E9E;
}

.text-greyl {
  color: #E0E0E0;
}

/* PORTADAS */

.home-modules img {
  max-width: 30%;
}

.slogan-footer:before, .slogan-footer:after {
  font-size: 0.9rem;
  text-transform: uppercase;
  display: block;
}

.portada-apps .columns {}

/* TABLAS */

.dataTables_length select {
  font-size: inherit;
}

.dataTables_wrapper .dataTables_filter {
  float: left !important;
}

div.row.expanded .dataTables_length {
  padding-left: 0 !important;
}

table, table.dataTable {
  border-collapse: separate !important;
  border-spacing: 2px;
  color: #333;
}

table.ui-datepicker-calendar {
  background-color: white;
}

table.ui-datepicker-calendar td:hover {
  background-color: #BBB;
}

table tfoot td, table tfoot th, table thead td, table thead th {
  background-color: #888;
  font-weight: 400;
  padding: 0.4rem 0.625rem 0.5rem;
  font-size: 0.9rem;
  font-family: 'Open Sans Semibold', Arial, sans-serif;
  text-transform: uppercase;
  text-align: center;
}

table thead tr:nth-child(2n) th, table tfoot td, table tfoot th, table.dataTable>thead>tr>th {
  background-color: #AAA;
}

table tbody tr, table.dataTable tbody tr {
  background-color: #DDD;
  font-size: 0.8rem;
}

table.dataTable tbody tr {
  font-size: 0.9rem;
}

/* INFO */

.dataTables_info {
  font-size: 0.8rem;
}

/* PAGINATE  */

.dataTables_paginate a.paginate_button.previous::before, .dataTables_paginate a.paginate_button.next::after {
  font-family: 'iconic-sm';
  font-size: 0.6rem !important;
  padding: 0 0.5rem;
  text-transform: uppercase;
}

.dataTables_paginate a.paginate_button.next::after {
  content: '\e14e';
}

.dataTables_paginate a.paginate_button.previous::before {
  content: '\e14d';
}

.dataTables_paginate a {
  font-size: 0.85rem;
  font-family: 'Open Sans Semibold', sans-serif;
  text-transform: uppercase;
}

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

.dataTables_paginate a.current {
  background: #999 none repeat scroll 0 0;
  color: white;
  border: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  color: #999;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  border: 0;
  color: #0f0;
}

table tbody tr:nth-child(2n), table.dataTable tr:nth-child(2n) {
  background-color: #EEE;
}

table.hover tr:hover {
  background-color: #BBB;
}

table.hover tr:nth-of-type(2n):hover {
  background-color: #CCC;
}

table tbody tr td, table.dataTable tbody tr td {
  padding: 0.4rem 0.625rem 0.5rem;
  text-align: center;
}

table a, table.dataTable a {
  color: #666;
  text-decoration: underline;
  font-family: 'Open Sans Semibold', Arial, sans-serif;
}

table a:hover, table.dataTable a:hover {
  color: #999;
}

.table-scroll table {
  width: 100%;
}

table.vertical tbody tr td:first-child {
  background-color: #BBB;
  font-family: 'Open Sans Semibold', Arial, sans-serif;
  text-transform: uppercase;
}

table.vertical tbody tr:nth-of-type(2n) td:first-child {
  background-color: #CCC;
}

/* ICONOS */

i.icon:before {
  color: #AAA;
  font-family: "iconic-sm";
  font-size: 2rem;
  vertical-align: middle;
}

i.circle {
  background: #666;
  border-radius: 50%;
  display: inline-block;
  height: 2.4rem;
  width: 2.4rem;
  text-align: center;
}

i.circle:before {
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #FFF;
}

.material-icons, .fa:before, .icon:before {
  font-size: 4rem;
  color: #999;
}

.table-buttons .button {
  font-size: 0.85rem;
}

.table-buttons .button:before {
  font-size: 1rem;
  margin: 0 0.5rem 0 0;
  vertical-align: top;
}

table i, table button[class*='fi-'] {
  color: #666;
  font-size: 1rem;
  vertical-align: middle;
}

table.dataTable i:before {
  font-family: 'iconic-md'!important;
  font-size: 22px;
}

table i.fi-circle-x {
  color: #DF5353;
  font-size: 25px;
}

table i.fi-circle-check {
  color: #55bf3b;
  font-size: 25px;
}

/* ACORDEON */

.accordion {
  background: transparent;
}

.single-panel .accordion-title {
  border: 0;
  border-bottom: 1px solid #EEE;
  padding: 0 0 0.5rem 0;
  font-size: 1.5rem;
  text-transform: uppercase;
  background: transparent;
}

.single-panel .is-active>.accordion-title {
  border-bottom: 0;
}

.single-panel :last-child:not(.is-active)>.accordion-title {
  border-bottom: 1px solid #EEE;
}

.single-panel .accordion-content {
  border: 0;
  padding: 0;
  background: transparent;
}

/*TODO: No funciona el content */

.single-panel .accordion-title:before {
  /*content: "";*/
  font-family: 'iconic-lg';
  margin-top: -0.75rem;
  right: 0;
}

.single-panel .is-active>.accordion-title:before {
  /*content: "";*/
}

/* FORMULARIO */

.input-group-cell {
  display: table-cell;
  position: absolute;
}

.input-group-error {
  display: table-row;
}

.form-error {
  font-family: 'Open Sans Semibold';
  font-weight: normal;
  padding: 0rem 0.5rem 0.1rem 0.5rem;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: -3px;
  position: relative;
  top: 0px;
  text-transform: uppercase;
}

.icon-form .form-error {
  padding: 0.25rem 0.5rem 0.2rem 0.5rem;
  margin-left: 0px;
}

.icon-form {
  margin-bottom: 0rem;
  background-color: transparent;
  display: inline-block;
}

.icon-form .input-group-error {
  margin-top: -3px;
  float: right;
}

.icon-form.is-invalid-input:focus, .icon-form.is-invalid-input:not(:focus) {
  background-color: transparent;
  /* margin-bottom: 3px;*/
}

.fgroup>label, .fgroup>div {
  clear: left;
}

#panelTeclado_errores {
  background-color: #DF5353;
  color: #FFF;
  font-family: 'Open Sans Semibold';
  font-weight: normal;
  padding: 0.25rem 0.5rem 0.2rem 0.5rem;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  position: relative;
  top: -20px;
  text-transform: uppercase;
  float: left;
}

#cajaTeclado.is-invalid-input {
  box-shadow: none;
  border: 3px solid #DF5353;
}

/* REEMPLAZAR INPUT POR ICONOS OK */

.icon-form input[type=checkbox]+label:before, .icon-form input[type=radio]+label:before {
  font-family: 'iconic-md';
  display: inline-block;
  font-size: 2.4rem;
  line-height: 3.2rem;
  vertical-align: middle;
}

.icon-form input[type="checkbox"], .icon-form input[type="radio"] {
  display: none;
}

/* esconde el checkbox */

[type="checkbox"]+label, [type="radio"]+label {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.label-margin {
  margin-left: 0.25rem;
}

.icon-form label, .login label {
  text-transform: uppercase;
  font-size: 0.9rem;
  color: #666;
}

.icon-form input[type=checkbox]:checked+label:before {
  content: "";
  color: #55bf3b;
}

/* icono si verde */

.icon-form input[type=checkbox]:not(:checked)+label:before {
  content: "";
  color: #DF5353;
}

/* icono no rojo */

/* RADIO */

.icon-form input.si[type=radio]:not(:checked)+label:before, .icon-form input.no[type=radio]:not(:checked)+label:before, .icon-form input.no-aplica[type=radio]:not(:checked)+label:before {
  color: #666;
}

/* color gris sin chequear */

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

/* icono si */

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

/* icono no */

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

/* icono no aplica */

.icon-form input.si[type=radio]:checked+label:before {
  color: #43A047;
}

/* color al chequear si*/

.icon-form input.no[type=radio]:checked+label:before {
  color: #E53935;
}

/* color al chequear no*/

.icon-form input.no-aplica[type=radio]:checked+label:before {
  color: #FDD835;
}

/* color al chequear no aplica*/

.login input[type=checkbox]:checked+label:before {
  content: "";
  color: #55bf3b;
}

/* icono check verde */

.login input[type=checkbox]:not(:checked)+label:before {
  content: "";
  color: #CCC;
}

/* icono error gris */

/* DESPLEGABLE VER OCULTAR */

.view-hide input[type=checkbox]:checked+label:before, .view-hide input[type=checkbox]:not(:checked)+label:before {
  font-family: 'iconic-md';
  vertical-align: middle;
  margin-right: 0.5rem;
  font-size: 1.4rem;
  line-height: 2rem;
}

.view-hide input[type=checkbox] {
  display: none;
}

/* esconde el checkbox */

.view-hide input[type=checkbox]:checked+label:before {
  content: "";
}

.view-hide input[type=checkbox]:not(:checked)+label:before {
  content: "";
  color: #55BF3B;
}

.view-hide label {
  text-transform: uppercase;
  color: #999;
}

ul.view-hide {
  margin-bottom: 0;
}

/* ADDED */

.noborder {
  border: none !important;
}

/* MEDIA QUERIES */

/* MEDIUM */

@media only screen and (min-width: 40.063em) {
  /* MEDIUM TABLET min-width: 641px a 1024 */
  .login-title h1 {
    margin: 3rem auto;
  }
  .logo-doeet-login, .logo-commet-login, .logo-controldoc-login {
    height: 32px;
    background-size: auto 32px;
  }
}

/* LARGE */

@media only screen and (min-width: 64.063em) {
  /* LARGE PC min-width: 1025px a 1440px */
  .logo {
    background-position: 50% 8px;
    background-size: auto 35px;
    height: 50px;
  }
  .logo-doeet-login, .logo-commet-login, .logo-controldoc-login {
    height: 35px;
    background-size: auto 35px;
  }
  .big-button, button.big-button {
    font-size: 1.25rem!important;
    line-height: 1.25rem;
    padding: 1rem 2rem;
  }
  .off-canvas.position-left.reveal-for-large {
    left: 0;
  }
  .is-open-right .off-canvas.position-left.reveal-for-large {
    left: -250px;
  }
}

/* XLARGE */

@media only screen and (min-width: 90.063em) {
  /* XLARGE SCREENS min-width: 1441px */
  .position-left.reveal-for-xlarge {
    left: 0;
    z-index: auto;
    position: fixed;
  }
  .position-left.reveal-for-xlarge~.off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-xlarge {
    right: 0;
    z-index: auto;
    position: fixed;
  }
  .position-right.reveal-for-xlarge~.off-canvas-content {
    margin-right: 250px;
  }
}

@media print {
  #cabecera .small-6.columns {
    width: 100%;
    border: 2px solid #f0f;
  }
  .sticky-container {
    border: 2px solid #f00;
    height: 0!important;
    margin: 0;
    padding: 0;
  }
  .sticky {
    border: 2px solid #0f0;
  }
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    color: #000;
  }
  p, td, th, ul, ol, div, span {
    font-size: 8pt!important;
    line-height: 10pt!important;
    margin: 0 0 2pt;
  }
  .sceditor p, .sceditor span, .sceditor div, .sceditor ul, .sceditor ol {
    line-height: initial!important;
  }
  .sceditor em span {
    color: inherit!important;
    font-size: inherit!important;
  }
  .sceditor strong span {
    color: inherit!important;
    font-size: inherit!important;
  }
  .sceditor span strong em {
    color: inherit!important;
  }
  td, th {
    padding: 1pt!important;
  }
  H1, H2, H3, .subheader {
    color: #000!important;
    line-height: 0.9em;
    color: #000
  }
  H1 {
    font-size: 14pt;
    margin: 4pt 0 4pt 0;
  }
  H2, .accordion-title {
    font-size: 11pt;
    margin: 4pt 0 4pt 0;
  }
  H3, .subheader {
    font-size: 9pt;
    margin: 0 0 2pt 0;
  }
  H4 {
    font-size: 8pt!important;
    line-height: 10pt!important;
    margin: 0 0 2pt;
  }
  a[href]:after {
    content: none;
  }
  a {
    text-decoration: none;
  }
  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;
  }
  table.dataTable i::before {
    font-size: 12px;
  }
  .accordion-item {
    display: none;
  }
  .accordion-item.is-active {
    display: block;
  }
  .icon-form input[type="checkbox"]+label:before, .icon-form input[type="radio"]+label:before {
    font-size: 12px;
  }
  .sceditor-toolbar {
    display: none;
  }
  iframe {
    height: 20px;
    border: 2px solid #0f0;
  }
  .vista-print {
    display: block!important;
  }
}

/* MARBOTTOM */

.marbottom-1 {
  margin-bottom: 1rem;
}

/* MARTOP */

.martop-1 {
  margin-top: 1rem;
}

.martop-2 {
  margin-top: 2rem;
}

.martop-3 {
  margin-top: 3rem;
}

.martop-4 {
  margin-top: 4rem;
}

.martop-5 {
  margin-top: 5rem;
}

.martop-6 {
  margin-top: 6rem;
}

.martop-8 {
  margin-top: 8rem;
}

.martop-10 {
  margin-top: 10rem;
}

.martop-12 {
  margin-top: 12rem;
}

.martop-small-1 {
  margin-top: 1rem;
}

.martop-small-2 {
  margin-top: 2rem;
}

.martop-small-3 {
  margin-top: 3rem;
}

.martop-small-4 {
  margin-top: 4rem;
}

.martop-small-5 {
  margin-top: 5rem;
}

.martop-small-6 {
  margin-top: 6rem;
}

.martop-small-8 {
  margin-top: 8rem;
}

.martop-small-10 {
  margin-top: 10rem;
}

.martop-small-12 {
  margin-top: 12rem;
}

@media only screen and (min-width: 40.063em) {
  /* MEDIUM TABLET min-width: 641px a 1024 */
  .martop-small-1, .martop-small-2, .martop-small-3, .martop-small-4, .martop-small-5, .martop-small-6, .martop-small-8, .martop-small-10, .martop-small-12 {
    margin-top: 0;
  }
  .martop-medium-1 {
    margin-top: 1rem;
  }
  .martop-medium-2 {
    margin-top: 2rem;
  }
  .martop-medium-3 {
    margin-top: 3rem;
  }
  .martop-medium-4 {
    margin-top: 4rem;
  }
  .martop-medium-5 {
    margin-top: 5rem;
  }
  .martop-medium-6 {
    margin-top: 6rem;
  }
  .martop-medium-8 {
    margin-top: 8rem;
  }
  .martop-medium-10 {
    margin-top: 10rem;
  }
  .martop-medium-12 {
    margin-top: 12rem;
  }
}

@media only screen and (min-width: 64.063em) {
  /* LARGE PC min-width: 1025px a 1440px */
  .martop-medium-1, .martop-medium-2, .martop-medium-3, .martop-medium-4, .martop-medium-5, .martop-medium-6, .martop-medium-8, .martop-medium-10, .martop-medium-12 {
    margin-top: 0;
  }
  .martop-large-1 {
    margin-top: 1rem;
  }
  .martop-large-2 {
    margin-top: 2rem;
  }
  .martop-large-3 {
    margin-top: 3rem;
  }
  .martop-large-4 {
    margin-top: 4rem;
  }
  .martop-large-5 {
    margin-top: 5rem;
  }
  .martop-large-6 {
    margin-top: 6rem;
  }
  .martop-large-8 {
    margin-top: 8rem;
  }
  .martop-large-10 {
    margin-top: 10rem;
  }
  .martop-large-12 {
    margin-top: 12rem;
  }
}

/* SPINNER */

@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}

.spinner:before {
  content: '';
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 42%;
  left: 42%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 5px solid #ccc;
  border-top-color: #333;
  -webkit-animation: spinner .8s linear infinite;
  animation: spinner .8s linear infinite;
}

/* Language Picker */

.language-picker {
  margin-top: 4px;
}

.language-picker__icon {
  height: 1rem;
  width: 1rem;
}

.language-picker__btn {
  align-items: center;
  background-color: hsl(0, 0%, 95%);
  border: 0;
  border-radius: 0.25rem;
  box-shadow: 0px 2px 8px hsla(240, 8%, 12%, 0.12), 0px 1px 1px hsla(240, 8%, 12%, 0.12);
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 0.6rem 0.8rem;
  transition: all 0.3s ease;
  white-space: nowrap;
}

.language-picker__btn:active {
  transform: translateY(2px)
}

.language-picker__label {
  align-items: center;
  display: flex;
}

.language-picker__text {
  color: #4C4C4C !important;
  font-size: 0.9rem;
}

.language-picker__dropdown {
  box-shadow: 0 0.9px 1.5px rgba(0, 0, 0, 0.03), 0 3.1px 5.5px rgba(0, 0, 0, 0.08), 0 14px 25px rgba(0, 0, 0, 0.12);
  font-size: 1rem;
  max-width: 160px;
  padding: 0;
}

.language-picker__list {
  list-style: none;
  margin: 0.25rem 0;
}

.language_picker__item {
  align-items: center;
  color: hsl(240, 4%, 20%);
  display: flex;
  font-size: 0.9rem;
  text-decoration: none;
  padding: 0.4rem 1.25rem;
}

.language_picker__item-text {
  color: inherit !important;
}

.language_picker__item:hover {
  background-color: hsl(0, 0%, 95%);
  color: hsl(240, 4%, 20%);
}

.language_picker__item span {
  color: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lang-selected--controldoc {
  background-color: #BA1F00!important;
  color: white !important;
}

/* General */

.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none !important;
}

.no-outline {
  outline: none !important;
}

.no-outline:active {
  outline: none !important;
}

.relative {
  position: relative !important;
}

.mt-0 {
  margin-top: 0!important;
}

.mr-0375 {
  margin-right: 0.375rem;
}

.ml-0375 {
  margin-left: 0.375rem;
}

.mt-0125 {
  margin-top: 0.125rem;
}

.mt-0200 {
  margin-top: 0.2rem;
}

.select-disabled {
  background-color: #E6E6E6 !important;
  cursor: not-allowed;
}

.pointer {
  cursor: pointer !important;
}