textarea:focus, textarea.form-control:focus, input.form-control:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, [type=text].form-control:focus, [type=password].form-control:focus, [type=email].form-control:focus, [type=tel].form-control:focus, [contenteditable].form-control:focus {
  -webkit-box-shadow: inset 0 -2px 0 #D70000;
  box-shadow: inset 0 -2px 0 #D70000;
}

.nav-logo {
  height: 40px;
}

.btn-menu {
  width: 50%;
}

.btn {
    margin-top: 20px;
}

.btn:not(:disabled):not(.disabled) {
  text-transform: none;
  font-weight: 100;
}


.input-group-prepend .btn, .input-group-append .btn {
  position: relative;
  z-index: 2;
}

.btn-izquierda {
  margin-right: 20px;
}

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #D70000;
}

h2 {
  margin-top: 10px;
  margin-bottom: 20px;
}

.grupo-radio {
  padding-top: 5px;
}

.btn-continuar {
  float: right;
}

fieldset {
  width: 100%;
}

.item-checklist {
  font-size: 16px;
}

.radio-checklist {
  margin: 4px;
}

.categoria-observaciones {
  font-size: 16px;
  color: #D70000;
}

.custom-control-input:checked ~ .custom-control-label::before {
  background: #D70000;
}

select:focus, select.form-control:focus {
  -webkit-box-shadow: inset 0 -2px 0 #D70000;
  box-shadow: inset 0 -2px 0 #D70000;
}

.btn-atras {
  float: right;
}

.btn-continuar {
  float: left;
}

.fila-botones-checklist {
  margin-bottom: 30px;
}

#checklistForm fieldset:not(:first-of-type) {
  display: none;
}

.btn-accion {
  margin: 0px;
  font-size: 16px;
}

.btn-accion-general {
  margin-top: 34px;
  float: right;
}

.btn-accion-general-solo {
  float: right;
  margin-bottom: 10px;
}

.page-link {
  color: #D70000;
}

.page-link:hover {
  color: #990707;
}


.page-item.active .page-link {
  background-color: #D70000;
  border-color: #D70000;
}

.btn.btn-syspra {
	color:#D70000;
	font-weight:bolder;
	background-color: white;
	border-color: #D70000;
	margin-top: 0px;
}

.btn.btn-syspra:hover {
  color:white;
  font-weight:bold;
  background-color: #D70000;
}

.btn.btn-syspra-aceptar {
	color:#D70000;
	font-weight:bolder;
	background-color: white;
	border-color: #D70000;
}

.btn.btn-syspra-aceptar:hover {
  color:white;
  font-weight:bold;
  background-color: #D70000;
}

.btn.btn-syspra-modal {
	color:#D70000;
	font-weight:bolder;
	background-color: white;
	border-color: #D70000;
}

.btn.btn-syspra-modal:hover {
  color:white;
  font-weight:bold;
  background-color: #D70000;
}



.btn.btn-syspra-danger {
	color:white;
	font-weight:bold;
	background-color: #D70000;
	border-color: #D70000;
}

.btn.btn-syspra-danger:hover {
  color:#D70000;
  font-weight:bold;	
  background-color: white;
}

/* Mensaje modal de cargando... */

/** SPINNER CREATION **/

.loader {
  position: relative;
  text-align: center;
  margin: 15px auto 35px auto;
  z-index: 9999;
  display: block;
  width: 80px;
  height: 80px;
  border: 10px solid rgba(0, 0, 0, .3);
  border-radius: 50%;
  border-top-color: #D70000;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}


/** MODAL STYLING **/

.modal-content {
  border-radius: 0px;
  box-shadow: 0 0 20px 8px rgba(0, 0, 0, 0.7);
}

.modal-backdrop.show {
  opacity: 0.75;
}

.holiday {
	background: lightgray;
}