:root{--colorAzulTransparente: rgb(0, 40, 70, .8);}

h1.apv-encabezadoLista,h1.apv-encabezadoFicha, h1.apv-encabezadoVista{
  color: white !important;
  background-color: var(--colorAzul);
  font-size: 2em;
  padding: 10px 0 10px 0;
  border-radius: 10px;
  font-weight: bold;
  -webkit-box-shadow: 0px 0px 15px -1px var(--colorAzul);
  box-shadow: 0px 0px 15px -1px var(--colorAzul);
}

.btn-close{color: var(--colorAzul) !important;}

/* Custom DataTables */

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{
  border: none !important;
}

table.dataTable tbody tr,
table.dataTable.display tbody tr.even>.sorting_1,
table.dataTable.order-column.stripe tbody tr.even>.sorting_1,
table.dataTable.display tbody tr.even>.sorting_2,
table.dataTable.order-column.stripe tbody tr.even>.sorting_2{
  border: none !important;
  padding: 1.4rem 0 1.4rem 2rem !important;
}

table.dataTable.display tbody tr.odd>.sorting_1,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_1,
table.dataTable.display tbody tr.odd>.sorting_2,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_2{
  background: #f7f7f7 !important;
  border: none !important;
  padding: 1.4rem 0 1.4rem 2rem !important;
}

table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td,
table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td{
  border: none !important;
  padding: 1.4rem 0 1.4rem 2rem !important;
}

.table-restyling.dataTable.row-border tbody tr:first-child th,
.table-restyling.dataTable.row-border tbody tr:first-child td,
.table-restyling.dataTable.display tbody tr:first-child th,
.table-restyling.dataTable.display tbody tr:first-child td{
  border: none !important;
  padding: 0 !important;
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td{
  border: none !important;
  padding: 1.4rem 0 1.4rem 2rem !important;
  font-weight: 600;
  font-size: 15px;
}

.table-restyling.dataTable.row-border tbody th,
.table-restyling.dataTable.row-border tbody td,
.table-restyling.dataTable.display tbody th,
.table-restyling.dataTable.display tbody td{
  border: none !important;
  padding: 0 !important;
  font-weight: 600;
  font-size: 15px;
}

table.dataTable.order-column tbody tr>.sorting_1,
table.dataTable.order-column tbody tr>.sorting_2,
table.dataTable.order-column tbody tr>.sorting_3,
table.dataTable.display tbody tr>.sorting_1,
table.dataTable.display tbody tr>.sorting_2,
table.dataTable.display tbody tr>.sorting_3{
  background: #fff !important;
}

table.dataTable tbody tr:hover{background-color: #f7f7f7 !important;}

table.dataTable tbody tr:hover>.sorting_1{
  background-color: #f7f7f7 !important;
}

table.dataTable tbody tr:hover>.sorting_2{
  background-color: #f7f7f7 !important;
}

table tbody tr:hover>td{color: var(--colorRojo) !important;}

table tbody tr:hover{
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25) !important;
  border-radius: 0 !important;
}

table tbody tr:hover>.sorting_1, table tbody tr:hover>td:last-child{
  border-radius: 0 !important;
}

table tbody tr:hover>td:last-child{border-radius: 0 !important;}

/* Botones de páginas en dataTable */

.dataTables_paginate .paginate_button .active{
  background: var(--colorRojo) !important;
  border-radius: 2px !important;
}

.dataTables_paginate .paginate_button{
  color: #004e74 !important;
}

.dataTables_filter input, div.dt-buttons.btn-group.flex-wrap{
  border-radius: 20px;
}

/* Scrollbar */
/* Works on Firefox */
*{
  scrollbar-width: thin;
  scrollbar-color: var(--colorAzul) gray;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar{
  height: 10px;
  width: 10px;
}

*::-webkit-scrollbar-track{background: gray;}

*::-webkit-scrollbar-track:hover{
  background: gray;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

*::-webkit-scrollbar-thumb{
  background-color: var(--colorAzul);
  border: 1px solid var(--colorAzulTransparente);
  border-radius: 30px;
}

*::-webkit-scrollbar-thumb:hover{
  background: #00477e;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-button{
  background: rgb(100, 100, 100);
  height: 8px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

/* Botones */

.btn-primary{background-color: var(--colorAzul) !important;}

.btn-primary:hover{opacity: 0.85;}

/* Toolbar de dataTables */
.btn-group-vertical>.btn, .btn-group>.btn{
  background-color: var(--colorAzul) !important;
}

.btn-group-vertical>.btn:hover, .btn-group>.btn:hover{
  color: var(--colorRojo) !important;
  background-color: var(--colorAzulTransparente) !important;
}

/* Pestañas formulario edición */

.flex-grow-0 .nav .nav-link{border-radius: 20px 20px 0px 0px;}

.nav-pills .nav-link.active:hover, .nav-pills .show>.nav-link:hover{
  background-color: var(--colorAzul) !important;
  color: var(--colorRojo);
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
  background-color: var(--colorAzul) !important;
  color: white;
}

.tab-content{border: 0.5px solid #aaaaaa;}

/* Botones de páginas en dataTable */

.dataTables_paginate .paginate_button a{color: var(--colorAzul) !important;}

.page-item.active .page-link{
  background-color: var(--colorAzul) !important;
  border-color: var(--colorAzul) !important;
  color: white !important;
}

/* Campo Buscar en dataTable */

.dataTables_filter input, div.dt-buttons.btn-group.flex-wrap{
  border-radius: 20px;
}

.table-striped tbody tr:nth-of-type(odd){background-color: white !important;}

/* Estilos para FullCalendar */

calendar{box-shadow: 0px 0px 10px -1px var(--colorAzul);}

.fc-header-toolbar{
  margin-top: 10px;
  padding-left: 10px !important;
  margin-right: 10px;
}

/* Botones anterior y siguiente */
.fc-prev-button, .fc-next-button{border-radius: 50% !important;}

.fc-toolbar-title{
  font-weight: bolder;
  font-size: 1.5em !important;
  color: var(--colorRojo) !important;
  text-transform: capitalize !important;
}

.fc-button.fc-button-primary{background-color: var(--colorRojo) !important;}

.fc .fc-button-group>.fc-button.fc-button-active{
  background-color: var(--colorAzul) !important;
}

/* Cabecera del calendario con el día de la semana */
.fc-col-header-cell-cushion{
  text-decoration: none !important;
  text-transform: capitalize !important;
}

#tabla_wrapper{
  padding: 10px !important;
  box-shadow: 0px 0px 10px -1px var(--colorAzul) !important;
}

.apv-submain label{font-weight: bold !important;}

label[for='htmlCliente'], label[for='htmlPromotor'], label[for='htmlProveedor']{
	color: red !important;
	text-transform: uppercase !important;
}

.apv-panel
{
  width: 10em;
  height: 10em;
}

.apv-panel .apv-icono
{
  height: 66%;
  font-size: 4em;
}

.apv-flexTextoIcono
{
  height: 33%;
}