/*********** Rebranding BOP **********************/

.subtitulo {
	color: #22174C;
    font-weight: 500;
    font-size: 1.3rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.boton {
	text-shadow: 0 1px 2px rgba(0,0,0,.1);;
}

.card, .item-trabajadores {
    border-radius: 0;
    background-color: #E7E7E8;
    border: none;
}

.azulOHINFORMATION {
	background: none;
    background-color: #009BDF;
    border: solid 1px #009BDF;
}

.bd-callout {
    padding: .5rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem;
}

div.bd-callout {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.bd-callout-primary {
    border-left-color: #22174C !important;
}

.bd-callout-info {
    border-left-color: #2976BB !important;
    border-left-width: .35rem;
}

.bd-callout .form-group {
    margin-top: 1rem;
}
.titulo, .text-primary {
	color: #008ED2 !important;
}

.btn-warning {
    background-color: #22174C;
    border-color: #22174C;
    color: #FFFFFF;
}

.btn-warning:hover {
    background-color: #FFFFFF;
    border-color: #22174C;
    color: #22174C;
}

.btn-warning:not(:disabled):not(.disabled):active {
    background-color: #1E0F56;
    color: #FFFFFF;
}

.btn-warning:focus {
    color: #FFFFFF;
    background-color: #1E0F56;
    border-color: #1E0F56;
    box-shadow: 0 0 0 0.2rem rgba(30,15,86,.5);
}

.btn-warning:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0.2rem rgba(30,15,86,.5);
}

.btn-header-inverted {
    background-color: #FFFFFF;
    border-color: #22174C;
    color: #22174C;
}

.btn-header-inverted:hover {
    background-color: #22174C;
    border-color: #FFFFFF;
    color: #FFFFFF;
}

.au-azul {
    background-color: #2B2357;
}

.au-azul-claro {
    background-color: #5D5598;
}

.bg-primary {
    background-color: #EDF0F1!important;
    color: #282A2C !important;
}

.btn-ouline-blue {
	background: none;
	background-color: #FFFFFF;
	color: #0098DD;
	border: solid 2px #0098DD;
}

.btn-dark-blue {
	background: none;
	background-color: #22174C;
	border: solid 2px #22174C;
}

.btn, .btn-consultar {
	border-radius: 0 !important;
}

.btn-ayuda {
	color: #22174C !important;
	font-weight: 900 !important;
    background-color: transparent;
}

.btn-ayuda img {
	max-height: 14px;
}

/*********** Rebranding ui-jqgrid **********************/
.ui-widget-content {
	border: none;
}

span.ui-jqgrid-title {
	color: #282A2C;
}

.ui-jqgrid tr.jqgrow input[type="text"]:focus {
	background-color: #fbfbfb;
}

.ui-jqgrid tr.jqgrow td {
	border: 3px solid #EDF0F1;
	background: #F6F7F9;
	font-weight: bold;
	color: #0D2C52;
	padding-left: 0;
	padding-right: 0;
}

.ui-widget-header {
	border: none;
    background: #FFFFFF;
    font-weight: bold;
}

.ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {
    height: 34px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: none;
	background: #EDF0F1;
	color: #282A2C;
}

/***********Incidentes**********************/

.paysheet-title {
	font-size: 20px;
    font-weight: bold;
}

.paysheet-card-icon {
	width: 24px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.paysheet-concept-icon {
	width: 14px;
}

.modal-header-conceptos h3 {
	margin-top: 17px;
	color: #22174C;
}

.modal-header-conceptos h5 {
	color: #58585A;
}

.modal .incident-content {
	background-color: rgb(0,0,0,0);
	border: 0;
}

.incident-spacer {
	height: 15px;
}

.modal .incident-body, .modal .incident-footer {
	background-color: #FFFFFF;
}

.cifra-control-modal-body-header {
	color: #22174C;
    font-weight: bold;
    font-size: 17px;
}

.cifra-control-buttons .btn-group.au-btn-group {
	width: 100%;
}

.cifra-control-buttons .btn {
	width: 50%;
    border-radius: 0;
    text-align: left;
    font-size: 20px;
    white-space: normal;
    background-color: #EDF0F1;
    color: #231F20;
    border: 1px solid #EDF0F1;
    font-weight: bolder;
}

.cifra-control-buttons .btn.active {
    background-color: #009BDF !important;
    color: #FFFFFF;
    border: 1px solid #009BDF !important;
}

img.cifra-control {
    max-width: 25px;
}

img.btn-icon {
    max-width: 10px;
}

.btn-accion {
    color: #6187C0 !important;
}

.modal {
    background-color: rgba(0, 0, 0, 0.5);
}
.modal-panel {
    background-color: #FFFFFF;
}

#cont-cal-empleados {
    padding-left: 0;
    padding-right: 0;
    height: fit-content;
}

#div_listaEmpleados .list-group-item:first-child, #div_listaEmpleados .list-group-item:last-child {
    border-radius: 0;
}

#div_listaEmpleados .list-group-item {
    border: none;
    font-size: 11px;
}

#div_listaEmpleados .list-group-item.active {
    background-color: #009BDF;
}

.content-list {
    height: auto !important;
    min-height: 206px;
}

.fc-toolbar.fc-header-toolbar {
    text-transform: capitalize;
}

.card-body {
	padding-top: 8px;
}

.card-empleado {
    min-height: 260px !important;
}

.detTrabajador {
	margin-left: 0 !important;
	margin-bottom: 0 !important;
}

label.employee-name {
	margin-bottom: 8px;
}

#datosTrabNombre {
	color: #2F2757;
	font-size: 20px;
	font-weight: bold;
	
}

label.employee-data {
	color: #404041;
	text-transform: uppercase;
}

/****************FULL CALENDAR****************/
button.fc-today-button {
	background: none;
    background-color: #22174C !important;
    color: #FFFFFF;
    font-weight: 900 !important;
    padding-left: 15px;
    padding-right: 15px;
}

button.fc-prev-button, button.fc-next-button {
	background: none;
    background-color: #FFFFFF !important;
	color: #2676BB;
	border: 2px solid #2676BB !important;
}

button.fc-prev-button.fc-button {
	margin-right: 3px;
}

button.fc-prev-button.fc-button, button.fc-next-button.fc-button {
	border-radius: 4px;
	padding-left: 3px;
    padding-right: 3px;
}
button.fc-prev-button.fc-button .fc-icon, button.fc-next-button.fc-button .fc-icon {
	font-size: 1.3em;
}

/************ SCROLL START ************/
.scroll-bar, .ui-jqgrid-bdiv, .dataTables_scrollBody {
    overflow-y: auto;
    scrollbar-base-color: #999999;
    scrollbar-track-color: #E6E6E6;
    scrollbar-arrow-color: #999999;
    scrollbar-shadow-color: #999999;
}

.scroll-bar::-webkit-scrollbar, .ui-jqgrid-bdiv::-webkit-scrollbar, .dataTables_scrollBody::-webkit-scrollbar {
    width: 20px;
    height: 20px;
}
 
/* Track */
.scroll-bar::-webkit-scrollbar-track, .ui-jqgrid-bdiv::-webkit-scrollbar-track, .dataTables_scrollBody::-webkit-scrollbar-track {
    background-color: #E6E6E6;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border-top: 3px solid white;
    border-bottom: 3px solid white;
}
 
/* Handle */
.scroll-bar::-webkit-scrollbar-thumb, .ui-jqgrid-bdiv::-webkit-scrollbar-thumb, .dataTables_scrollBody::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #000E33;
}
/************ SCROLL END ************/

#enjoyhint_label {
	color: #1ecd97;
}

.thead-inverse th {
	background-color: #22174C;
}

/***************BUTTONS********************/
.btn-secondary {
	border-radius: 0;
	background-color: #7C7C80;
	color: #FFFFFF;
}

.btn-secondary:hover {
	background-color: #A9A9A9;
	color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #7C7C80;
}

/************CONFIRM**************/
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
    border-width: 1px;
    border-style: solid;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: 5px;
    margin-left: 5px;
}

/******************Select Autocomplete**********/
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
	z-index: 3000;
}