/******************/
/**** GENERAL *****/
/******************/

.text-terciary{
	color: #907474;
}

.navbar-collapse .dropdown-menu{
	outline-style: solid;
    outline-color: #2b82b6;
    outline-width: 2px;
	left: 2px !important;
}

ul{
  list-style-type: none;
}
.modal {
	padding-top: 60px;
}

.inputSelectorFichero{
	width: calc(100% - 65px);
}

li > a {
	cursor: pointer;
}

/***** Navbar ****/
.navbar-light .navbar-nav .nav-link {
    color: #000;
    font-weight: 500;
    padding: 8px 20px;
    text-transform: uppercase;
}
.navbar-light .navbar-nav .nav-link.active {
	color: #1698d6;
	background-color: transparent;
    border-radius: 5px;
}
.navbar-light .navbar-nav .nav-link:hover {
    color: #000;
}

/***** Botones ****/
.btn-brand_outline {
	border: 1px solid #4181f2;
	color: #4181f2;
	background: #fff;
}
.btn-brand, .bg-brand {
	color: #fff;
	background-color: #1698d6;
}
.btn-brand:hover {
	color: #fff;
}
.btn-pdf {
	background-color: #ff2116;
	color: #fff;
}
.btn-word {
	background-color: #2a5699;
	color: #fff;
}

.header-flex{
	display: flex !important;
    justify-content: space-between;
    align-items: center;
}

/********** RESPONSIVE ************/
@media (max-width: 992px) {
	.sidebar {
		width: 100%;
	}
	.main-index {
		padding-right: 0;
	}
	.toggler-xl {
		display: none;
	}
	.navbar {
		z-index: 9999;
	}
	#sidenav-slim {
		top: 45px !important;
	}
	.navbar-brand img {
		width: 50px;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: .5rem;
		padding-left: .5rem;
	}
	.main-tabla {
		padding-right: 0;
	}
	.main-tabla .card-header {
		display: block;
	}
	.main-tabla .card-header .btn-brand {
		margin-top: 15px;
	}
	.main-tabla .card-header .year-expediente {
		margin-top: 15px;
	}
	#sidebarMenu .list-group-flush>.list-group-item {
		margin: 5px 0;
		border: none;
    }
	.col-logo {
		height: auto !important;
		margin-bottom: 50px;
	}
	.logo-login {
		width: 100%;
	}
	.col-form {
		padding-right: 0;
		margin-bottom: 50px;
	}
	.row-form {
		width: 90%;
	}
	.row-form #formularioLogin {
		padding: 1rem !important;
	}
}
@media (max-width: 768px) {
	.w-sm {
		width: 100% !important;
	}
	.img_sm {
		width: 70px !important;
	}
	.sc_metricas .col {
		flex: 1 0 100%;
	}
}
@media (max-width: 640px) {
	.dataTables_wrapper .dataTables_filter {
		margin-top: 1.5em !important;
		margin-bottom: 1.2em !important;
	}
	.long-title {
		display: block;
	}
	.long-title h4 {
		margin-bottom: 10px !important;
	}
}

/* Placas - Slots */

.slot_sm {
	margin-top: 15px;
	margin-left: 30px;
	margin-right: 30px;
    width: 38px !important;
	height: 38px !important;
}

.textoLeyenda {
	position: relative;
    top: -15px;
    width: 100%;
}

.slot_blanco {
	width: 45px;
    height: 45px;
    margin-bottom: 20%;
    border-radius: 25px;
    background-color: white;
}
.slot_naranja {
	width: 45px;
    height: 45px;
    margin-bottom: 20%;
    border-radius: 25px;
    background-color: orange;
}
.slot_verde {
	width: 45px;
    height: 45px;
    margin-bottom: 20%;
    border-radius: 25px;
    background-color: springgreen;
}
.slot_azul {
	width: 45px;
    height: 45px;
    margin-bottom: 20%;
    border-radius: 25px;
    background-color: lightskyblue;
}
.slot_azulOscuro {
	width: 45px;
    height: 45px;
    margin-bottom: 20%;
    border-radius: 25px;
    background-color: cornflowerblue;
}

.slot_rojo {
	width: 45px;
    height: 45px;
    margin-bottom: 20%;
    border-radius: 25px;
    background-color: salmon;
}

/* Sidebar */
.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  padding: 80px 0 0; /* Height of navbar */
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 5%), 0 2px 10px 0 rgb(0 0 0 / 5%);
  width: 240px;
  z-index: 0;
}
.sidebar .active {
  border-radius: 5px;
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}
.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: 0.5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}