/* FUENTES
----------------------------------*/

@import url("stylesheet.css");

body {
  padding-top: 70px;
  padding-bottom: 30px;
}

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}

.sorting_asc, .sorting_desc,
.sorting{background-image:none !important;
position: relative;}

.sorting_desc:after {
	font-family: 'FontAwesome';
	content: '\f0d8';
	position: absolute;
	right: 10px;
	color: #3c7641;
}
.sorting_asc:after {
	font-family: 'FontAwesome';
	content: '\f0d7';
	position: absolute;
	right: 10px;
	color: #3c7641;
}
.sorting:after {
	font-family: 'FontAwesome';
	content: '\f0dc';
	position: absolute;
	right: 10px;
  color: #3c7641;
  margin-bottom: 40px;
}

.panel{
  border: 0;
  background: none;
  margin: 0;
}

.panel-heading{
  border: 0!important;
  background: none!important;
  color: #1c2030!important;
}
.panel-title{
  font-size: 20px;
}

.table{
  padding-top: 25px;
  padding-bottom: 25px;
}

.dataTables_wrapper select,.dataTables_filter input{
  border: 1px solid #1c2030;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  border-right: 1px solid #ddd;
}
.table>tbody>tr>td:last-child, .table>tbody>tr>th:last-child, .table>tfoot>tr>td:last-child, .table>tfoot>tr>th:last-child, .table>thead>tr>td:last-child, .table>thead>tr>th:last-child{
  border-right: 0;
}
.table thead{
  background: #1c2030;
  color: #fff;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 15px 10px!important;
}
.dataTables_info, .dataTables_paginate{
  float: none!important;
  text-align: center!important;
  color: #1c2030!important;
  margin-top: 10px;
}

.btnVer{
  width: 100%;
  font-size: 16px;
  background: #ee761a!important;
  border-color: #ee761a!important;
  padding: 10px 0;
  border-radius: 3px!important;
  font-family: 'robotolight';
  color: #fff;
}
.btnVerXs{
  width: 100%;
  font-size: 14px;
  background: #ee761a!important;
  border-color: #ee761a!important;
  border-radius: 3px!important;
  font-family: 'robotolight';
  color: #fff;
}

.btnBorrar{
  width: 100%;
  font-size: 16px;
  background: #d7595b!important;
  border-color: #d7595b!important;
  padding: 10px 0;
  border-radius: 3px!important;
  font-family: 'robotolight';
  color: #fff;
}

.btnBorrarXs{
  width: 100%;
  font-size: 14px;
  background: #d7595b!important;
  border-color: #d7595b!important;
  border-radius: 3px!important;
  font-family: 'robotolight';
  color: #fff;
}

.btnNuevo{
  background-color: #3e8f3e!important;
  border-radius: 3px!important;
  width: 50%;
  display: block;
  font-family: 'robotolight';
  margin: auto;
  font-size: 16px;
  min-height: 50px;
}

.btnGuardar{
  border-radius: 2px!important;
  width: 100%;
}

.btnCancelar{
  background: #d7595b!important;
  border-color: #d7595b!important;
  color: #fff;
}

#CBFestivo{
  margin: 0 10px;
  width: 25px;
  height: 25px;
}

#CBColor{
  margin: 0 10px;
  width: 25px;
  height: 25px;
}

/* Modales */

.modal select, .modal input{
  height: 34px;
  box-shadow: 0 0 0 0;
  border: 1px solid #1c2030;
  float: right;
  width: 50%;
}
.modal select{
  padding: 0;
}

.modal-header{
  color: #fff;
  background: #d7595b;
  border-radius: 6px 6px 0 0;
  border: 1px solid rgba(0,0,0,.2);
  /*margin-bottom: 40px;*/
}

.form-group.horasTotales {
  margin-bottom: 40px;
  border-bottom: 1px solid;
  padding-bottom: 20px;
}

.groupSelect select, .groupSelect input[type="time"], .groupSelect input[type="number"] {
  width: calc(20% - 5px)!important;
  margin-right: 5px!important;
}

/* mensaje errores modales */

/* .contentJornadaModif .alert-danger {
  color: #fff;
  padding: 20px 0;
  background-color: #252e42;
} */

/* .groupSelect input[type="number"]:last-child {
  margin-right: 0;
} */

#alertModal{
  border-radius: 3px;
  margin: 15px;
  padding: 15px;
}
.alert{
  border-radius: 3px!important;
  padding: 15px!important;
}


/* perfil en navbar */

#navbar .cabeceraUsuario {
    list-style: none;
}
#navbar .cabeceraUsuario .dropdown-menu li > a {
    color: #3c3c3c;
}

.dropdown-menu {
  background: #dddddd!important;
  
  border-bottom: 1px solid #ccc!important;
}

.dropdown-menu li a {
  color: #252e42!important;
}

.incidencia .panel {
  background-color: #fff;
}

/* pre */
pre {
    background: #1e1e1e;
    border: 1px solid;
    color: lime;
    font-size: 14px;
    max-height: 300px;
    overflow: auto;
    padding: 20px;
    font-family: serif;
}
.tablaHorario{
  border: 1px solid #ddd;
  width: 100%;
  text-align: center;
}

.tablasDias{
  width: 100%;
  text-align: center;
  display: table;
}
/*.tablaHorario  th,td{
  border: 1px solid #ddd;
}*/
.tablaHorario  tbody{
  vertical-align: top;
}
.tablaHorario  th{
  padding: 8px;
}
#tHorario{
  margin-bottom: 20px;
}
.divScroll{
  overflow: auto;
  height: 75px;
}

.cargando {
  width: 100%;
  height: 100%;
  overflow: hidden; 
  top: 0px;
  left: 0px;
  z-index: 10000;
  text-align: center;
  position:fixed; 
  background-color: #FFFFFF;
  opacity:0.6;
  filter:alpha(opacity=40);
}
#cajaCarga{
  display: none;
}
.bodyEstatico{
  overflow: hidden;
}

/*
* KAREL
*************************************************/

/* GENERAL */

.w50 {
  float: left;
  width: 50%;
}

.w20 {

  width: 20%;
}

.w25 {

  width: 25%;
}

.w33 {

  width: 33.3%;
}

.w60 {

  width: 60%;
}

.w100 {
  float: left;
  width: 100%; 
}

.dib {
  display: inline-block;
}

.db {
  display: block;
}

.container{
  padding: 0;
}

.bgWhite {
  background-color: #fff;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

/* margin and displays */

.ma {
  margin: auto;
}

body{
  font-family: 'robotoregular';
  color: #1c2030!important;
}



/* NAVBAR */

.navbar {
  background-color: #1c2030!important;
  padding: 10px 0;
}

.navbar-brand {
  color: #fff!important;
  font-family: 'robotolight';
  font-size: 25px;
}

#logout, #fechaActual {
  color: #fff;
  float: left;
  font-family: 'robotolight';
  font-size: 20px;
  padding: 15px 0 0 0;
}

#logout i {
  color: #d7595b;
  float: right;
  font-size: 20px;
  padding-left: 20px;
  width: 10%;
}

#logout p {
  display: inline-block;
  text-align: right;
  width: 90%;
}


.show {
  display: block;
}

/* FORMULARIO INICIO DE LA APP FIRSTLOGIN */

/* Estilos generales tipografias */

#firstLogin h3, 
#firstLogin p, 
#firstLogin button, 
#firstLogin input[type="password"], 
#cajaLogout h3, 
#cajaLogout p, 
#cajaLogout button, 
#cajaLogout input[type="password"],{
  font-family: 'robotoregular';
}

#firstLogin select {
  background-color: transparent;
  color: #fff;
  font-family: 'robotoregular';
  width: 100%;
}

#firstLogin select option {
  color: #252e42;
}

#firstLogin .panel-info {
  border: none;
}

#firstLogin input[type="text"], #cajaLogout input[type="text"],
#firstLogin label, #cajaLogout label {
  font-family: 'robotolight';
  letter-spacing: 2px;
}

#firstLogin .panel, #cajaLogout .panel {
  background-color: #252e42;
  border-radius: 3px;
  padding: 20px;
}

#firstLogin .panel-body {
  padding: 0;
}

/* h3 */

#firstLogin .panel-info>.panel-heading, 
#cajaLogout .panel-info>.panel-heading {
  background-color: transparent!important;
  font-size: 23px;
  padding: 0 0 20px 0;
}

#firstLogin .panel-title, #cajaLogout .panel-title {
  color: #da4830; 
  display: inline-block;
  font-size: 25px;
  width: 90%;
}

#firstLogin input[type="text"], #cajaLogout input[type="text"],
#firstLogin input[type="password"], #cajaLogout input[type="password"] {
  background-color: transparent;
  border:  2px solid #8f929b;
  color: #fff;
  height: 70px;
}

/* h3 i */

i {
  font-family: 'FontAwesome';
  font-style: normal;
}

#firstLogin i.fa-angle-right {
  color: #da4830;
  font-size: 23px;
  text-align: right;
}

/* label */

#firstLogin label, #cajaLogout label {
  color: #fff;
  font-size: 16px;
  margin: 20px 0 10px 0;
}

/* button */

#firstLogin .panel-body button, #cajaLogout .panel-body button {
  background-color: #2bab3f;
  border: none;
  border-radius: 3px;
  color: #fff;
  font-size: 20px;
  margin: 40px 15px 20px 0;
  padding: 20px;
  width: calc(100% - 30px);
}

#firstLogin .panel-body button i {
  color: #fff;
  font-size: 20px;
  margin-bottom: 20px;
  text-align: center;
  width: 100%;
}

/* Info */

#firstLogin .text-success {
  color: #da4830;
  font-size: 2rem;
  text-align: center;
}

#firstLogin .text-success i {
  font-size: 2rem;
  margin: 10px 0;
  width: 100%;
}

/* PANEL OPERARIO 
-----------------------------*/

/* Estilos generales tipografias */

#cajaOperario h3, 
#cajaOperario p, 
#cajaOperario button, 
#cajaOperario input[type="password"] {
  font-family: 'robotoregular';
}

#cajaOperario .panel-info {
  border: none;
}

#cajaOperario input[type="text"], 
#cajaOperario label {
  font-family: 'robotolight';
  letter-spacing: 2px;
}

#cajaOperario .panel {
  background-color: transparent!important;
  padding: 20px;
}

#cajaOperario .panel-body {
  padding: 0;
}

/* h3 */

#cajaOperario .panel-info>.panel-heading {
  background-color: transparent!important;
  border-bottom: 0;
  font-size: 23px;
  /* padding: 0 0 20px 0; */
  padding: 0;
}

#cajaOperario .panel-title {
  color: #da4830; 
  display: inline-block;
  font-family: 'robotolight';
  font-size: 40px;
  width: 90%;
}

#cajaOperario input[type="text"], 
#cajaOperario input[type="password"] {
  background-color: transparent;
  border:  2px solid #8f929b;
  color: #ffffff;
  font-family: 'robotolight';
  font-size: 45px;
  height: 80px;
}

/* h3 i */

i {
  font-family: 'FontAwesome';
  font-style: normal;
}

#cajaOperario i.fa-angle-right {
  color: #da4830;
  font-size: 40px;
  text-align: right;
  width: 10%;
}

/* label */

#cajaOperario label {
  color: #fff;
  font-size: 25px;
  margin: 20px 0 10px 0;
}

/* button */

#cajaOperario .panel-body button {
  background-color: #2bab3f;
  border: none;
  border-radius: 3px;
  color: #fff;
  font-size: 30px;
  height: 150px;
  margin: 40px 15px 20px 0;
  padding: 20px;
  width: calc(100% - 30px);
}

#cajaOperario .panel-body button i {
  color: #fff;
  font-size: 30px;
  margin-bottom: 20px;
  text-align: center;
  width: auto;
}

/* Info */

#cajaOperario .text-success {
  color: #da4830;
  font-size: 2rem;
  text-align: center;
}

#cajaOperario .text-success i {
  display: inline-block;
  font-size: 2rem;
  margin: 0 10px;
  width: auto;
}

/* TECLADO NUMÉRICO 
********************************************/

#tecladoNumerico {
  margin: 40px 0;
}

#tecladoNumerico .num {
  border:  3px solid #d7595b;
  color: #d7595b;
  display: inline-block;
  font-family: 'robotomedium';
  font-size: 40px;
  line-height: 16vh;
  margin: 5px;
   width: calc(33% - 12px); 
  height: 16vh;
  text-align: center;
  /*width: 16vh;*/
}

#tecladoNumerico .num:active {
  background-color: #8f929b;
}

#tecladoNumerico .num10, #tecladoNumerico .num12 {
  font-size: 20px;
  line-height: 18vh;
}

/*
* Todas las pantallas excepto login y operario
*************************************************/

body.empresa, body.delegacion, body.departamento, body.empleado,body.calendario,body.modifCalendario,body.jornada,body.incidencia,body.avisos,body.error404,body.informe, body.monitor, body.exportar{
  background-color: #ffffff;
  background-image: url('../imgs/bg-pantalla-negra.png');
  background-repeat: no-repeat;
  background-size: cover;
}

body.empresa > .container, body.delegacion > .container, body.departamento > .container, body.empleado > .container,body.calendario > .container,body.modifCalendario > .container,body.jornada > .container,body.incidencia > .container,body.avisos > .container,body.error404 > .container,body.informe > .container, body.monitor > .container, body.exportar > .container {
   margin-bottom: 25px;
   margin-top: 25px;
}

/*
* FICHAJE OPERARIO (CAJA FICHAJES y produccion)
*************************************************/

body.operario, body.login {
  background-color: #1c2030;
  background-image: url('../imgs/bg-pantalla-negra.png');
  background-repeat: no-repeat;
  background-size: cover;
}

#cajaFichajes, #cajaProduccion {
    padding: 20px 0;
}

#cajaPiezas {
  font-family: 'robotolight';
}

#cajaPiezas input  {
    background: transparent;
    padding: 20px;
    float: right;
    width: 70%;
    font-size: 3rem;
    color: #fff;
}

#cajaPiezas .confirmar{
  font-weight: normal;
}

#cajaPiezas .atras{
  font-weight: normal;
}

#cajaFichajes .panel, #cajaProduccion .panel {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #8f929b;
  display: inline-block;
  width: 100%;
}

.infoOperario p {
  color: #fff;
  font-family: 'robotoregular';
  font-size: 25px;
}

.accionJornada p {
  color: #fff;
  font-family: 'robotolight';
  font-size: 50px;
  text-align: center;
}

.entrarSalirBtn {
  margin-top: 80px;
  padding: 0;
}

#cajaPiezas .panel-title{
  color: #fff;
  font-size: 4.5rem;
  font-family: 'robotolight';
}

#cajaProduccion label{
  font-size: 3rem;
  color: #fff;
  font-weight: normal;
  font-family: 'robotolight';
}

#cajaPiezas .confirmar {
  border: none;
  color: #fff;
  cursor: pointer;
  height: 90px;
  margin-right: 10px;
  width: calc(50% - 10px);
  float: left;
  font-size: 2.5rem;
  background-color: #2bab3f;
  margin-top: 100px;
}

#cajaPiezas .atras {
  border: none;
  color: #fff;
  cursor: pointer;
  height: 90px;
  margin-left: 10px;
  width: calc(50% - 10px);
  float: left;
  font-size: 2.5rem;
  background-color: #da4830;
  margin-top: 100px;
}

#frmFinOperacion{
  margin-top: 100px;
}
#frmInicioOperacion{
  margin-top: 10px;
}
#frmInicioOperacion .confirmar,  #frmInicioOperacion .atras{
  margin-top: 45px;
}
#frmInicioOperacion .inputLabel{
  margin-bottom: 25px;
}

#cajaProduccion #tecladoNumerico {
  margin: 0;
}


/*
* PANTALLA DE ENTRAR - SALIR
*************************************************/

.btnAccess {
  border-radius: 3px;
  cursor:  pointer;
  font-family: 'robotoregular';
  font-size: 30px;
  min-height: 250px;
  /* padding: 50px 0; */
  transition: .3s all cubic-bezier(0, 0, 0, 1);
  -webkit-transition: .3s all cubic-bezier(0, 0, 0, 1);
  -o-transition: .3s all cubic-bezier(0, 0, 0, 1);
  -moz-transition: .3s all cubic-bezier(0, 0, 0, 1);
}

.btnAccess i {
  margin-right: 10px;
  font-size: 30px;
}

#cerrarMore {
    position: absolute;
    top: -50px;
    right: 0;
    color: #da4830;
    z-index: 9999999;
    font-size: 45px;
    display: none;
}

.enterBtn, .exitBtn{
  border: none;
  color: #fff;
  cursor: pointer;
  height: 100%;
  margin-right: 10px;
  width: calc(33% - 5px);
}
.inicioBtn {
  border: none;
  color: #fff;
  cursor: pointer;
  height: 100%;
  margin-right: 10px;
  width: calc(50% - 10px);
}

.finBtn {
  border: none;
  color: #fff;
  cursor: pointer;
  height: 100%;
  margin-left: 10px;
  width: calc(50% - 10px);
}

.enterBtn i, .exitBtn i {
  display: block;
  margin:  auto;
  padding-bottom: 10px;
  text-align: center;
  width: 100%;
}

.enterBtn {
  background-color: #2bab3f;
}

.exitBtn {
  background-color: #da4830;
}

.inicioBtn {
  background-color: #2bab3f;
}

.finBtn {
  background-color: #da4830;
}

.moreBtn {
  background-color: #8f929b;
  border: none;
  color: #1c2030;
  cursor: pointer;
  float: right;
  height: 100%;
  position: absolute;
  right: 0;
  width: calc(33% - 5px);
  z-index: 9999;
}

.moreBtn i.fa-plus {
  display: block;
  font-size: 50px;
  line-height: 240px;
  margin:  auto;
  text-align: center;
  width: 100%;
  transition: .3s all cubic-bezier(0, 0, 0, 1);
  -webkit-transition: .3s all cubic-bezier(0, 0, 0, 1);
  -o-transition: .3s all cubic-bezier(0, 0, 0, 1);
  -moz-transition: .3s all cubic-bezier(0, 0, 0, 1);
}

/*.btnAbierto .moreBtn i.fa-plus {
  position: absolute;
  width: 50px;
  height: 50px;
  line-height: 50px;
  top: 10px;
  right: 10px;
  color: #1c2030;
  transform: rotate(45deg);
  z-index: 9999;
}*/


.moreBtn100 {
  width: 100%;
}

.btnAbierto .moreBtn {
  overflow-y: scroll;
  width: 100%;
}

#cajaIncidencias {
  position: absolute;
  top: 0;
  opacity: 0;
  pointer-events: none;
  transition: .1s all cubic-bezier(0, 0, 0, 1);
  -webkit-transition: .1s all cubic-bezier(0, 0, 0, 1);
  -o-transition: .1s all cubic-bezier(0, 0, 0, 1);
  -moz-transition: .1s all cubic-bezier(0, 0, 0, 1);
  display: none;
}

.btnAbierto #cajaIncidencias {
  opacity: 1;
  pointer-events: all;
  height: 100%;
  padding: 10px;
  width: 100%;
}

/* POPUP´S
----------------------------------------*/

.poPup {
  background-color: #252e42;
  border: 1px solid #8f929b;
  border-radius: 3px;
  padding: 40px;
  height: auto;
}

.contentIconos {
  overflow: scroll;
}

.contentIconos ul li {
  border: 3px solid #d7595b;
  color: #d7595b;
  height: 17vh;
  float: left;
  height: 250px;
  list-style: none;
  margin: 5px;
  text-align: center;
  width: 17vh;
}

.contentIconos ul li i {
  display: inline-block;
  font-size: 30px;
  text-align: center;
  margin: 20px 0 10px 0;
}

form#frmModalJornada {
  border: 1px solid #ccc;
  padding: 40px;
}

#ICOicono{
    float: right;
    width: 50%;
    font-size: 30px;
}

/* ClosePopupBtn */

.poPup i.fas.fa-times {
    color: #8f929b;
    float: right;
    font-size: 30px;
}

/* Pantalla Confirmar o Regresar */

div#botonesConfirmar {
    width: 100%;
    display: inline-block;
    height: 250px;
    margin-top: 80px;
}

.btnConfirmar button {
  border: none;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  font-family: 'robotolight';
  font-size: 30px;
  min-height: 250px;
}

.btnConfirmar button i {
  font-size: 30px;
  margin-right: 10px;
}

.btnConfirmar i {
  font-size: 50px;
  margin: auto;
  color: #fff;
  display: block;
  padding-bottom: 10px;
  text-align: center;
  width: 100%;
  
}

.infoAction p {
  color: #fff;
  font-family: 'robotolight';
  font-size: 50px;
  text-align: center;
}

.btnBack {
  background-color: #da4830;
  margin-right: 10px;
  width: calc(33% - 5px);
}

/* LOGOUT */

#cajaLogout {
  top: 10%!important;
}

#cajaLogout #btnCancelarLogout {
  background-color: #da4830;
}

/* MENSAJES APP */

#fondoMensaje, #contenterrMsg, #msgErrOperario, #msgErrOperarioExit  {
  background-color: rgba(37, 46, 66, .8);
  background-image: url('../imgs/cuadrado-background.png');
  background-repeat: repeat;  
}

#fondoMensaje p {
  font-family: 'robotoregular';
  color: #000;
}

#cajaMensaje {
  background-color: rgba(255, 255, 255, .6);
}

.alert-danger {
  background-color: rgba(255, 255, 255, .8);
  border-radius: 3px;
  border: none;
  padding-bottom: 10px;
}

#contenterrMsg, #msgErrOperario, #msgErrOperarioExit {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
}

#alertLoginOperario, #alertLogout {
    position: absolute;
    top: 134px;
    left: 0;
    width: 100%;
    height: auto;
    display: inline-block!important;
    z-index: 99999999;
}

/* DATOS EMPRESA */

.datosEmpresa .panel {
    border: none;
    background-color: #252e42;
    margin: 40px 0;
    border-radius: 3px;
}

.datosEmpresa .panel-heading {
  background-color: transparent!important;
  border-bottom: none;
  margin-bottom: 10px;
}

.datosEmpresa h3 {
  font-family: 'robotoregular';
  font-size: 25px;
  color: #da4830;
}

.datosEmpresa label {
  color: #fff!important;
  font-family: 'robotolight';
  font-size: 16px;
}

.datosEmpresa select, .datosEmpresa input[type="search"] {
  border: 2px solid #8f929b;
  background-color: transparent;
  color: #fff;
  margin-bottom: 20px;
}

.datosEmpresa select option {
  background-color: #fff;
  color: #1c2030;
}

table tbody {
  font-family: 'robotoregular';
  font-size: 16px;
}


table tbody {
  font-family: 'robotolight';
  font-size: 16px;
}

/*
* FORMULARIO NUEVO CALENDARIO
*************************************************/

.contentFormNewCalendar, .contentModifCal {
  border: 1px solid #8f929b;
  margin-bottom: 20px;
}

.contentFormNewCalendar select {
  color: #252e42;
  float: right;
  width: 50%;
}

.contentFormNewCalendar label {
  color: #252e42;
  font-family: 'robotolight';
  font-size: 20px;
}

.contentFormNewCalendar h3 {
  font-size: 25px;
  margin:  20px 0 10px 0;
}

.btnVerde {
  background-color: #2bab3f;
  border-radius: 3px;
  color: #fff;
  margin: 20px 0;
  min-height: 50px;
}

.btnVerde:hover {
  background-color: #252e42;
}

#txtNombreCalendario {
  margin-bottom: 20px;
}

.contentModifCal select {
  float: left;
}

/*
* FORMULARIO Informes
*************************************************/

.contentFormInformes{
  border: 1px solid #8f929b;
  margin-bottom: 20px;
  padding: 1px;
}

.contentFormInformes select {
  color: #252e42;
  border:0;
}

.contentFormInformes label {
  color: #252e42;
  font-family: 'robotolight';
  font-size: 20px;
}

.contentFormInformes h3 {
  font-size: 25px;
  margin:  20px 0 10px 0;
}

.divsInformes{
  padding: 10px;
  float: left;
}

.divsInformes select, .divsInformes label, .divsInformes input{
  width: 100%;
}

.fechasInformes label, .fechasInformes input{
  text-align: center;
}

#obtenerInforme{
  margin: auto;
  display: block;
  float: none;
}

.divSelectInforme{
  border: 1px solid #1c2030;
}

#obtenerInformePDF{
  width: 80%;
  display: block;
  margin: auto;
  float: none;
}

#obtenerInformeEXCEL{
  width: 80%;
  display: block;
  margin: auto;
  float: none;
}




/* mensajes de arrores */
/* 
.bgAlertDanger {
  background-color: rgba(37, 46, 66, .8);
  background-image: url(../imgs/cuadrado-background.png);
  background-repeat: repeat;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 9999;
}

.bgAlertDanger .alert-danger {
  background-color: #e8e8e8;
  border-radius: 3px;
  margin: 15% auto 0 auto;
  padding: 40px;
  width: 60%;
}

.bgAlertDanger .alert-danger p {
  color: #1c2030;
  font-family: 'robotoregular';
  font-size: 18px;
} */

/* GESTIONAR JORNADAS */

.jornada .panel {
  background-color: #fff;
  
}
/* Tablas interiores */

#tJornadas_filter, #tJornadas_length {
  width: 50%;
}

#tJornadas_filter label {
  width: 100%!important;
}

#tJornadas_wrapper #tJornadas_filter input {
  width: 50%!important;
  
}

/*
* Calendario
*************************************************/

#calendar,#calendarJornadas {
  background-color: #fff;
  display: inline-block;
  margin-bottom: 80px!important;
}

.calendar .calendar-header table th.year-title {
  font-size: 60px;
  color: #da4830;
  margin: 40px 0;
  font-family: 'robotolight';
}

.months-container .month-container {
  box-sizing: border-box;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.months-container .month-container:nth-child(4n+4) {
  border-right: none;
}

.months-container .month-container:nth-child(9), 
.months-container .month-container:nth-child(10), 
.months-container .month-container:nth-child(11), 
.months-container .month-container:last-child {
  border-bottom: none;
}

.month-container {
  min-width: 290.5px!important;
}

.calendar .month-container {
  min-height: 300px;
  padding: 40px 0 0 0!important;
}

.calendar .month-container table tr td {
  font-size: 16px;
}

/* Botón crear calendario */

input#crearCal {
  width: 50%;
}

/* Botón abrir horario */

#btnAbrirCerrarHorario, #btnAbrirCalJor, #btnAbrirCal {
  border-radius: 3px;
  border: none;
  font-family: 'robotoregular';
  font-size: 18px;
  margin-left: -16.5%!important;
  left: 50%;
  position: relative;
  background-color: #2bab3f;
}

#btnAbrirCalJor, #btnAbrirCal {
  background-color: #da4830;
}

#tituloCal{
  font-weight: 700;
  text-align: center;
  font-size: 20px;
}

.contentHorario {
  border-bottom: 1px solid #ccc;
  margin-bottom: 40px;
}

.contentHorario p {
  font-family: 'robotoregular';
  color: #da4830;
  font-size: 50px;
  text-align: center;
}

#cajaHorario {
  border: 1px solid #ccc;
  padding: 40px!important;
  background-color: #fff;
}

#btnSubmitUpdJornadas {
  color: #fff;
  font-family: 'robotoregular';
  background-color: #5ab65a;
  border: none;
  border-radius: 3px;
  width: 40%;
}

#btnSubmitUpdJornadas:hover {
  background-color: #252e42;
}

#cajafecha label {
  font-family: 'robotoregular';
  font-size: 16px;
  line-height: 50px;
}

/* tablahorario */

#tablaHorario #tHorario thead th {
  background-color: #252e42;
  color: #fff;
  text-align: center;
}

#tablaHorario th {
  font-size: 16px;
  font-family: 'robotolight';
  padding: 15px 20px;
}

#tablaHorario th div:first-child {
  color: #da4830;
  font-size: 20px;
  font-family: 'robotolight';
  padding: 10px 0;
}

#tablaHorario th div:nth-child(2) {
  padding-bottom: 5px;
  margin-bottom: 5px;
}

#tablaHorario th {
  border-right: 1px solid #ccc;
}

#tablaHorario tr {
  border-bottom: 1px solid #ccc;
}

#tablaHorario tr td {
  padding: 5px 0;
}

#tablaHorario select {
  border: 1px solid #252e42;
}

/* general adds */

  /* botones naranjas y verdes */

  /* verde */

  .btnConfirm {
    background-color: #2bab3f; 
    border-radius: 3px;
    color: #fff;
    font-family: 'robotolight';
    font-size: 18px;
    float: right;
    min-height: 50px;
    width: calc(66.6666666% - 5px);
  }

  .btnConfirm:hover {
    background-color: #252e42;
  }

  /* naranja */

  .btnModif {
    background-color: #da4830;
    border-radius: 3px;
    min-height: 50px;
    font-family: 'robotolight';
    font-size: 18px;
    color: #fff;
    width: calc(50% - 5px);
  }
  
  .btnModif:hover {
    background-color: #8f929b;
    color: #252e42;
  }

  /* general inputs */

  .inputStyles, #fechaInicio,#fechaFin, #fechaInicioInforme,#fechaFinInforme {
    border: 1px solid #1c2030;
    display: inline-block;
    min-height: 50px;
  }

  #fechaInicio,#fechaFin {
    width: 27%;
    margin: 0 5px;
  }



/* MONITOR */

#modoAuto {
  float: right;
  font-size: 6rem;
  margin-right: 15px;
  color: #d7595b;
}
#filtros-header{
  color: #3c7641;
}

.auto{
  color: #3c7641!important;
}
.bloqueado{
  color: #d7595b!important;
  pointer-events: none;
}

#tProduccion_filter {
    width: 66.666666666667%;
    float: right;
    text-align: left;
    padding-left: 30px;
    display: none;
    margin-top: 5px;
}
#tProduccion_filter label{
  width: 100%;
}
#tProduccion_filter input{
  width: 36%;
}


.fechas {
  margin: 5px 0;
}
.fechas label {
  width: 15%;
}
.fechas input{
  width: 50%;
}

.operarioDeA {
  margin: 5px 0;
}
.operarioDeA label {
  width: 15%;
}
.operarioDeA input{
  width: 83%;
}

.btnProduccion {
  width: 100%;
  min-height: 45px;
  margin: 3px;
}

/* EXPORTAR */

.bloqueExp{
  font-family: 'robotolight';
    padding: 50px;
    min-height: 300px;
}
.bloqueExp:first-child{
    border-right: 1px solid #1c2030;
}
.bloqueExp label{
  font-size: 17px;
  margin-bottom: 15px;
}

#visualizarPro{
    margin-top: 25px;
}

#exportarPro{
  margin-top: 50px;
}


/*
QUITAR FLECHAS TYPE DATE
*/

input[type=date]::-webkit-outer-spin-button,
input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=date] {
    -moz-appearance:textfield;
}

/*
* RESPONSIVE
*************************************************/

/*clase no fichados*/
.nf{
  background-color : orange;
  color: white;
  border-radius: 15px !important;
}

#tControlMovimientos>tbody>tr>td:nth-child(2), #tArrastreAnual>tbody>tr>td:nth-child(2){
  text-align: right;
}

#tControlMovimientos>tbody>tr>td>div>table>tbody>tr>td{
  padding: 0px;
}