:root{
	
	--adif: #056135; /* Verde corporativo ADIF*/
	--adif-30: rgba(5,97,53,.3); /* Verde corporativo ADIF*/
	--sidebarwidth: 275px; /*Ancho sidebar izquierdo*/
	--adif-green-light: #b4cfc2;
	--adif-green-middle: #509071;
}

html, body {
	min-height: 100vh;
}

/*Ajustes Sidebar*/
.menu-sidebar2{ width: var(--sidebarwidth);}
.header-desktop2 { left: 0 }
.page-container2 { padding-left: var(--sidebarwidth) }

.rojo {border: 1px solid red}
.bg-white{ background-color: white }

.au-breadcrumb{
	margin-bottom: 20px;
	height: 50px;
}
.separation{height: 20px; clear:both}


.btn-success{
	background: var(--adif);
	border-color: var(--adif); 
}



.text-success, 
.text-success a, 
.navbar-sidebar2 .navbar__list li.active > a,
.navbar-sidebar2 .navbar__list li > a:hover,
.navbar-sidebar2 .navbar__list li .open,
.statistic__item h2,
a.statistic__item h2,
.border-success,
.card-header,
.nav-item.active
{
	color: var(--adif)!important;
}

.nav-item{
	color: #666!important
}
.logo, .logo a {
	line-height: 75px
}
.navbar-sidebar2 .navbar__list li a{
	padding: 10px;
	font-size: 13px;
}

.navbar-sidebar2 .navbar__list li .arrow{
width: 20px;
top: -10px;
}
.header-desktop2{
	background: var(--adif);
}

.account2{
	padding: 0px;
	color: #999;
}
.name{
	overflow: hidden; 
	text-overflow: ellipsis;
    white-space: nowrap;
}
.logout{
	padding-bottom: 5px;
	text-shadow: 1px 1px #333;
}

.responsive-navbar-fix{
	padding-top: 80px
}

.select-station{
	height: 350px
}
.modal-danger .modal-title{
	color: #dc3545 !important;
}

.btn-outline-secondary{
	border-color: #CED4DA!important
}

.table-earning thead th{
	background-color: var(--adif)!important;
}

.page-item .page-link{
	color: var(--adif)!important;
}

.page-item.active .page-link{
	background-color: var(--adif)!important;
	border-color: var(--adif)!important;
	color: #ffffff!important;
}
#menus table {
	background-color: #FFF
}
#menus .table .table {
    background-color: #DFDA;
}


/*HOME*/
a.statistic__item {
	cursor:pointer!important;
	width: 100%;
}

a.statistic__item:hover{
	cursor:pointer!important;
	border: 1px solid  var(--adif)
}


.table-compressed thead th,
.table-compressed tbody td
{
	padding:6px!important; 
	cursor: text!important;
	font-size: 14px;
}

/* RESPONISIVE STUFF */
@media (max-width: 991px) {
	.header-desktop2{left: 0}
	.page-container2{padding-left: 0}
	.statistic__item {
	padding: 10px 10px;
	min-height: 100px}
	a.statistic__item h2{	font-size: 18px}
	.statistic__item .icon{
	bottom: -20px;
	}
	.statistic__item .icon i{
	font-size: 90px;
	}
}
.hidden{
	display: none;
}
.img-thumb{
	border: 1px solid #DDD;
	border-radius: 5px;
	padding: 5px;
	min-width: 100px;
	min-height: 100px;
	max-width: 200px;
	max-height: 200px;
}
.pointer,
.pointer td {
	cursor:pointer !important;
}
#foto-averia {
	cursor: pointer;
}
.card-month{
	min-height: 100px;
}
.card-month-title{
	background: #DDD;
	text-align: center;
	font-weight: bold;
}

/*TABLES*/
.table-earning tbody td {
	white-space: normal
}
.table-earning thead th:first-child {
	border-radius: 5px 0 0 0;
}
.table-earning thead th:last-child {
	border-radius: 0 5px 0 0;
}
#consumos-papel table * {
	font-size: 16px;
}
#consumos-papel table.consumos th,
#consumos-papel table.consumos td {
    text-align: center;
	padding: 10px 5px;
}
#consumos-papel table.consumos td {
	padding: 10px 0px;
}
#consumos-papel table.consumos td span{
	padding: 0px 5px;
}
#consumos-papel table.consumos tbody tr td {
	cursor: default;
}
#consumos-papel table.consumos a {
	color: white
}


table.table-pide.table-consumos tr:nth-child(4n+1), table.table-pide.table-consumos tr:nth-child(4n+2) {
 background: white;
}
table.table-pide.table-consumos tr:nth-child(4n+3), table.table-pide.table-consumos tr:nth-child(4n+4) {
 background: #f5f5f5;
}
table.table-pide.table-consumos tr.consumos-total {
	background:var(--adif-green-middle);
}
table.table-pide.table-consumos a {
	color: #056135
}
table.table-pide tr.consumos-total td {
	color: white;
}
table.table-pide td .table-data-feature {
	margin: 10px 10px;
}



table.table-pide * {
	font-size: 16px;
}
table.table-pide th,
table.table-pide td {
    text-align: center;
	padding: 10px 5px;
	vertical-align: middle;
}
/* table.table-pide td { */
/* 	padding: 10px 0px; */
/* } */
table.table-pide td span{
	padding: 0px 5px;
}
table.table-pide tbody tr td {
	padding: 0px;
}
table.table-pide tbody tr[data-href] td {
	cursor: pointer
}
/*TABLES*/
table.table-pide tbody td {
	white-space: normal
}
table.table-pide thead th:first-child {
	border-radius: 5px 0 0 0;
}
table.table-pide thead th:last-child {
	border-radius: 0 5px 0 0;
}
table.table-pide thead th {
	background: var(--adif);
	color: white;
}
table.table-pide tr.tr-subtitle {
	background: var(--adif-green-light) !important;
}
table.table-pide .table-data-feature {
	justify-content: center
}

/* Table consumos */









.t-display-flex {
	display: flex !important;
}
.t-flex-row {
	flex-direction: row
}
.t-content-center{
	justify-content: center
}
.t-bb1{
	border-bottom: 1px solid #ddd;
}
.t-font-color-blue{
	color: blue
}
.submenu h2{
	font-size: 1.3rem !important;
}
@media (max-width: 600px) {
	.submenu h2{
		font-size: 1rem !important;
	}
}

#reserva-vehiculos .datepicker .day{
	line-height: 3em;
	border: 1px solid #DDD
}

#searchBox a{
	padding-left: 10px;
	color: #666;
}
#searchBox a:hover {
	background-color: #F1F1F1;
}
#searchBox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	min-height: 50px;
	max-height: 300px;
	z-index: 9999;
	background-color: white;
	display: none;
	border: 1px solid #DDD;
	padding: 10px 0;
	overflow-y: auto;
}

td.booked{
	background-color: var(--warning) !important;
}
td.pendent{
	background-color: var(--danger) !important;
	color: white;
}
td.ended{
	background-color: var(--success) !important;
}
td.weekend{
	background-color: #EEE !important;
}
td.booked:hover ,
td.pendent:hover ,
td.ended:hover {
	opacity: 0.9;
}
#dropzone{
	position:relative;
	border: 3px var(--adif-30) dashed;
	padding: 10px;
	text-align: center;
	display: flex;
	flex-direction: column;
	border-radius: 10px;
}
#dropzone .hover-message {
	display: none;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 5;
    color: var(--adif);
    font-weight: bold;
    left: 0;
    opacity: 1 !important;
}
#dropzone.file-hover .hover-message {
	display: inline;
}
#dropzone.file-hover{
	border-color: var(--adif);
	background-color: var(--adif-30);
}
#dropzone.file-hover *{
	opacity: .1;
	pointer-events: none;
}

/* #gestion-vehiculo { */
/* 	min-height: 60vh; */
/* } */

footer{
	clear: both;
    position: relative;
    height: 50px;
}




.rgb-color {
	display: block;
	padding: 1em;
	position: relative;
  	overflow: hidden;
  	border-radius: 5px;
  	border: 1px solid #DDD
}
.rgb-color::after {
  
  animation: shine 5s ease-in-out infinite;
  animation-fill-mode: forwards;  
  content: "";
  position: absolute;
  top: -2000%;
  left: 0;
  width: 60px;
  height: 2000%;
  opacity: 0;
  transform: rotate(30deg);
  
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(
    to right, 
    rgba(255, 255, 255, 0.27) 0%,
    rgba(255, 255, 255, 0.27) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}
@keyframes shine{
  10% {
    opacity: 1;
    top: -2000%;
    left: -100%;
    transition-property: left, top, opacity;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-timing-function: ease;
  }
  100% {
    opacity: .3;
    top: 100%;
    left: 100%;
    transition-property: left, top, opacity;
  }
}