/*MIO
Colores TOYO
 Azul:#0c4494
Rojo:#c2292e
#e51e25
Blanco:#ccd5e4

Vino: #651919
Celeste opaco: #5d84b8
Celeste + opaco: #84a4cc
Azul Morado: #2c2f59
Azul oscuro: #223470 
*/

body{
	margin: 0px;
}

@media (max-width: 1250px) {
	html, body {
		overflow-x: hidden;
	}
}

/* NavBar */
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
	color: #84a4cc;
}

.navbar-light .navbar-nav .nav-link {
	color: #fff;
}

.navbar-light .navbar-nav .nav-link:hover {
	color: #84a4cc;
}

.navbar-light .navbar-nav .nav-link.disabled {
	color: #fff;
}

.inicio {
	margin-right: 50px;
}

.navbar-light .navbar-toggler {
	border-color: #5d84b8;
}

.hamburguesa {
	color: #5d84b8;
	padding: 5px;
}

.dropdown-item:hover{
	cursor: pointer;
}
/* End NavBar */
/* Iconos */
.iconosNavBar {
	color: #fff;
	margin-left: 5px;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 15px;
}

.iconoNotificacion {
	color: #fff;
	margin-left: 5px;
	padding-top: 5px;
	padding-bottom: 10px;
	border-left: 1px solid #fff;
	padding-left: 15px;
}

.iconosNavBar:hover .iconoNotificacion:hover{
	color: #5d84b8;
}

/* End Iconos */

/* Image Navbar */
.imgNavbar {
	width: 150px;
	height: 50px;
}

/* End Image Navbar */

/* SlideBar */
.wrapper {
	display: flex;
	width: 100%;
	align-items: stretch;
}

.wrapper {
	display: flex;
	align-items: stretch;
}

#sidebar {
	min-width: 250px;
	max-width: 250px;
	background: #0c4494;
	color: #fff;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	position: relative;
}
#sidebar .h6 {
	color: #fff;
}
#sidebar.active {
	margin-left: -250px;
}
#sidebar.active .custom-menu {
	margin-right: -50px;
}
#sidebar h1 {
	margin-bottom: 20px;
	font-weight: 700;
}
#sidebar h1 .logo {
	color: #fff;
}
#sidebar ul.components {
	padding: 0;
}
#sidebar ul li {
	font-size: 16px;
}
#sidebar ul li > ul {
	margin-left: 10px;
}
#sidebar ul li > ul li {
	font-size: 14px;
}
#sidebar ul li a {
	padding: 10px 0;
	display: block;
	color: rgba(255, 255, 255, 0.8);
	border-bottom: 1px solid #5d84b8;
}
#sidebar ul li a:hover {
	color: #fff;
}
#sidebar ul li.active > a {
	background: transparent;
	color: #fff;
}
@media (max-width: 991.98px) {
	#sidebar {
		margin-left: -250px;
	}
	#sidebar.active {
		margin-left: 0;
	}
	#sidebar .custom-menu {
		margin-right: -50px !important;
		top: 10px !important;
	}
}
#sidebar .custom-menu {
	display: inline-block;
	position: absolute;
	top: 20px;
	right: 0;
	margin-right: -20px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
@media (prefers-reduced-motion: reduce) {
	#sidebar .custom-menu {
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
	}
}
#sidebar .custom-menu .btn {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

#sidebar .custom-menu .btn.btn-primary {
	background: #223470;
	border-color: #223470;
}
#sidebar .custom-menu .btn.btn-primary:hover,
#sidebar .custom-menu .btn.btn-primary:focus {
	background: #223470 !important;
	border-color: #223470 !important;
}

a[data-toggle="collapse"] {
	position: relative;
}

@media (max-width: 991.98px) {
	#sidebarCollapse span {
		display: none;
	}
}

#content {
	width: 100%;
	padding: 0;
	min-height: 100vh;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.btn.btn-primary {
	background: #0c4494;
	border-color: #0c4494;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
	background: #2c2f59 !important;
	border-color: #2c2f59 !important;
}

.footer p {
	color: rgba(255, 255, 255, 0.5);
}

.form-control {
	width: 90%;
}

#sidebar h1 .logo{
    color: #fff;
   
}

.aAdministracion{
	font-size: 25px;
}
/*VER COMO SE VERIA*/
.inputGenero {
	width: 50%;
}

.inputAño {
	width: 10%;
}

.inputCitaCliente {
	width: 30%;
}

.inputCitaTime {
	width: 40%;
}
.inputCitaDate {
	width: 36.5%;
}

.inputCitaServicio {
	width: 22.5%;
}
.inputEditar {
	width: 70%;
}

.inputPrueba {
	width: 77.5%;
}

#yearVehiculo {
	width: 70.5%;
}



.inputConIcono {
	
}


@media (max-width: 370px) {
	.inputGenero {
		width: 80%;
	}
}

.dropdownEmpleado {
	color: #fff;
	background-color: #0c4494;
	border-color: #0c4494
}

.dropdownEmpleado:hover{
	color: #fff;
    background-color: #5d84b8;
    border-color: #5d84b8
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #2c2f59;
    border-color: #2c2f59;
}
/* End SlideBar */

/* login */
.limiter {
	width: 100%;
	margin: 0 auto;
}

.container-login100 {
	width: 100%;
	min-height: 100vh;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 15px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.wrap-login100 {
	width: 500px;
	height: 650px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}


/* Form */

.login100-form {
	width: 100%;
}

.login100-form-title {
	display: block;
	font-size: 39px;
	color: #333333;
	line-height: 1.2;
	text-align: center;
}


/*Input*/
.inputLogin {
	outline: none;
	border: none;
}

.wrap-input100 {
	width: 100%;
	position: relative;
	border-bottom: 2px solid #d9d9d9;
}

.label-input100 {
	font-size: 14px;
	color: #333333;
	line-height: 1.5;
	padding-left: 7px;
}

.input100 {
	font-size: 16px;
	color: #333333;
	line-height: 1.2;
	display: block;
	width: 100%;
	height: 55px;
	background: transparent;
	padding: 0 7px 0 43px;
}

.focus-input100 {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	pointer-events: none;
}

	.focus-input100::after {
		content: attr(data-symbol);
		font-family: Material-Design-Iconic-Font;
		color: #adadad;
		font-size: 22px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		height: calc(100% - 20px);
		bottom: 0;
		left: 0;
		padding-left: 13px;
		padding-top: 3px;
	}

	.focus-input100::before {
		content: "";
		display: block;
		position: absolute;
		bottom: -2px;
		left: 0;
		width: 0;
		height: 2px;
		background: #0c4494;
		-webkit-transition: all 0.4s;
		-o-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
	}


.input100:focus + .focus-input100::before {
	width: 100%;
}

.has-val.input100 + .focus-input100::before {
	width: 100%;
}

.input100:focus + .focus-input100::after {
	color: #0c4494;
}

.has-val.input100 + .focus-input100::after {
	color: #0c4494;
}


/*Botón*/

.buttonLogin:hover {
	cursor: pointer;
}

.buttonLogin {
	outline: none !important;
	border: none;
	background: transparent;
}

.container-login100-form-btn {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.wrap-login100-form-btn {
	width: 100%;
	display: block;
	position: relative;
	z-index: 1;
	border-radius: 25px;
	overflow: hidden;
	margin: 0 auto;
}

.login100-form-bgbtn {
	position: absolute;
	z-index: -1;
	width: 300%;
	height: 100%;
	background: #0c4494;
	background: -webkit-linear-gradient(right, #0c4494, #0c4abe, #0c4494, #0c4abe);
	background: -o-linear-gradient(right, #0c4494, #0c4abe, #0c4494, #0c4abe);
	background: -moz-linear-gradient(right, #0c4494, #0c4abe, #0c4494, #0c4abe);
	background: linear-gradient(right, #0c4494, #0c4abe, #0c4494, #0c4abe);
	top: 0;
	left: -100%;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

.login100-form-btn {
	font-size: 16px;
	color: #fff;
	line-height: 1.2;
	text-transform: uppercase;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 20px;
	width: 100%;
	height: 50px;
}

.wrap-login100-form-btn:hover .login100-form-bgbtn {
	left: 0;
}

.btnBuscar {
	border-radius: 25px;
	font-size: 13px;
}
/* Alerta */
.alert-validate::before {
	content: attr(data-validate);
	position: absolute;
	max-width: 70%;
	background-color: #fff;
	border: 1px solid #c80000;
	border-radius: 2px;
	padding: 4px 25px 4px 10px;
	bottom: calc((100% - 20px) / 2);
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	-o-transform: translateY(50%);
	transform: translateY(50%);
	right: 2px;
	pointer-events: none;
	color: #c80000;
	font-size: 13px;
	line-height: 1.4;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	transition: opacity 0.4s;
}

.alert-validate::after {
	content: "\f071";
	display: block;
	position: absolute;
	color: #c80000;
	font-size: 16px;
	bottom: calc((100% - 20px) / 2);
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	-o-transform: translateY(50%);
	transform: translateY(50%);
	right: 8px;
}


@media (max-width: 992px) {
	.alert-validate::before {
		visibility: visible;
		opacity: 1;
	}
}

/* Botones Social */

.loginSocial {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin: 5px;
	font-size: 25px;
	align-items: center;
	justify-content: center;
	display: flex;
	text-decoration: none;
	color: #0c4494;
	border: solid 1px #0c4494;
	background-color: #fff;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	-o-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
}

	.loginSocial:hover {
		width: 50px;
		height: 50px;
		border-radius: 50%;
		margin: 5px;
		font-size: 25px;
		align-items: center;
		justify-content: center;
		display: flex;
		color: #fff;
		text-decoration: none;
		background-color: #0c4494;
	}

/*[ Responsive ]*/

@media (max-width: 576px) {
	.wrap-login100 {
		padding-left: 15px;
		padding-right: 15px;
	}
}

/* End Login */

/* Table */

.table .thead-dark th{

	background-color: #0c4494;
}

.btn-outline-primary {
    color: #0c4494;
    border-color: #0c4494;
}

.btn-outline-primary:hover{
    color: #fff;
	border-color: #0c4494;
	background-color: #2c2f59;
}

.iconoTabla {
	margin-left: 40px;
	color: #0c4494;
	cursor: pointer;
}

.verMas {
	color: blue !important;
	cursor: pointer !important;
	text-decoration: underline !important;
}

/* End Table */

/* Pagination */

.pagination .active {
	z-index: 3;
	color: #fff;
	background-color: #0c4494;
	border-color: #0c4494;
	width: 20px;
	height: 30px;
	text-align: center;
	cursor: pointer;
}

.pagination li {
	color: #0c4494;
	background-color: #fff;
	border: 1px solid #dee2e6;
	width: 20px;
	height: 30px;
	text-align: center;
	cursor: pointer;
}

/* End Pagination */

.spamOpcional {
	color: red;
}

/* Informacion */

.formInformacion {
	padding: 50px;
	background-color: #f8f9fa;
	border-radius: 20px;

}

.formInformacionVehiculo1 {
	padding: 50px;
	background-color: #f8f9fa;
	border-radius: 20px 0px 0px 20px;
	width: 50%;
	box-sizing: border-box;
	float: left;

}

.formInformacionVehiculo2 {
	padding: 50px;
	border-radius: 0px 20px 20px 0px;
	width: 50%;
	height: 616px;
	float: right;
}

.formPassword{
	padding: 50px 50px 50px 80px;
	background-color: #f8f9fa;
	border-radius: 20px;
	width: 60%;
}

.formImagenes {
	margin-top: 30px;
	background-color: #f8f9fa;
	border-radius: 20px;
	padding: 50px;
	box-shadow: 8px 8px 6px -2px #ccc;
}

.imgVehiculos {
	margin-top: 10px;
	margin-bottom: 10px;
}

.img-thumbnail {
	background-color: #ccc;
	border: 1px solid rgb(156, 156, 156);
}


.formInformacionPedido1 {
	padding: 10px 50px 20px 50px;
	width: 50%;
	float: left;
	height: 976px;
}

.formInformacionPedido2 {
	padding: 10px 50px 20px 50px;
	width: 50%;
	height: 976px;
	float: right;
}

.formInformacionOp1 {
	padding: 10px 50px 20px 50px;
	width: 50%;
	float: left;
}

.formInformacionOp2 {
	padding: 10px 50px 20px 50px;
	width: 50%;
	float: right;
}

textarea.form-control {
	height: calc(1.5em + .75rem + 2px);
}

/* Media Query para hacer vehiculo2 hacia la derecha */



/* End Informacion */

td .fas {
	cursor:pointer;
}

/* Botón Editar */

.labelEditar {
	display: block;
	width: 100%;
}

.iconEditar {
	background-color: #fff;
	border-color: #fff;
	display: inline-block;
}

.iconEditar:hover {
	background-color: #fff;
	border-color: #fff;
}
.divModelo {
	display: inline-block;
	width: 100%;
}

/* EndBotón Editar */

/*PopUp*/
.overlay {
	z-index: 3;
	background-color: rgba(0,0,0,0.3);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
}

	.overlay.active {
		visibility: visible;
	}

.popUp {
	background-color: white;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	border-radius: 10px;
	padding: 20px;
	text-align: center;
	width: 25%;
}

.sweetButton {
	display: inline-block;
	width: 120px;
	margin-right: 20px;
	margin-bottom: 20px;
}


/*End PopUp*/

.eliminarFiltro {
	color: red;
	cursor: pointer;
}

.filtroSelect{
	width: 95%;
}

.btn-outline-secondary {
	color: #6c757d;
	border-color: #ced4da;
	border-left: solid red 0px;
}

.inputSinBordeDer {
	border-right: solid red 0px;
}
/* Notificaciones */

.badge-danger {
	color: #fff;
	background-color: #dc3545;
	margin-bottom: 10px;
}

.badge-pill {
	padding-right: .6em;
	padding-left: .6em;
	border-radius: 10rem;
}


.badge {
	display: inline-block;
	padding: .25em .4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	margin-bottom: 10px;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.badge-up {
	position: absolute;
	top: 1px;
	right: 0px;
}

.dropdown-menu {
	width: 350px;
}


.tituloNotificaciones {
	border-bottom: solid 1px #E6E6E6;
}

.dropdown .dropdown-menu .dropdown-header {
	padding: 10px 20px;
	margin-top: 10px;
	text-transform: uppercase;
	color: #818A91;
}

.dropdown-notification .notification-tag {
	position: relative;
	top: -28px;
	right: 20px;
}

.header-navbar .navbar-container ul.nav li .scrollable-container {
	position: relative;
}

.header-navbar .navbar-container ul.nav li .media-list {
	max-height: 18.2rem;
	top: -20px;
}

.header-navbar .navbar-container .dropdown-menu-media .media-list .media {
	padding: 1rem;
	border: none;
	border-bottom: 1px solid #E6E6E6;
}

.media-list .media .media-left {
	padding-right: 1rem;
	float: left;
}

.bg-cyan {
	background-color: #0c4494 !important;
}

.icon-bg-circle {
	color: #FFF;
	padding: .5rem;
	border-radius: 50%;
	margin-left: 10px;
}

.dropdown-notification .notification-text {
	margin-bottom: .5rem;
}

.font-small-3 {
	font-size: .9rem !important;
}

.media {
	border-bottom: solid 1px #E6E6E6;
}

.media-heading {
	margin-top: 10px;
}

.media-meta .text-muted {
	margin-bottom: 10px;
}

#dropdownScroll {
	overflow-y: scroll;
	margin: 0px;
	max-height: 697%;
	padding-bottom: 0px;


}



	#dropdownScroll::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		border-radius: 10px;
		background-color: #F5F5F5;
	}

	#dropdownScroll::-webkit-scrollbar {
		width: 8px;
		background-color: #F5F5F5;
	}

	#dropdownScroll::-webkit-scrollbar-thumb {
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
		background-color: #E6E6E6;
	}

/* End Notificaciones */

#divDownload > a {
	color:#fff;
	text-decoration: none;
}

.custom-select{
	height: 24px!important;
}

/*Select2*/
.select2-container .select2-selection--single{
	height: 38px!important;
}

	.select2-container .select2-selection--single .select2-selection__rendered {
		padding-top: 2px!important;
	}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 6px !important;

}

.select2-container--default .select2-selection--single {

	border: 1px solid #ced4da !important;

}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #0c4494;
}
/*End Select2*/
/*Animacion*/
.animate__animated {
	cursor: pointer;
}
/*End Animacion*/


/*Hover Text*/
.divHover .textoHover {
	visibility: hidden;
	width: 120px;
	background-color: rgba(12,68,148,0.7);
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
}

.divFiltro{
	display: inline-block!important;
}

.divHover:hover .textoHover {
	visibility: visible;
}

.divFiltro .textoFiltro {
	visibility: hidden;
	width: 120px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
}

.divFiltro:hover .textoFiltro {
	visibility: visible;
}

/*End Hover Text*/

#date[readonly] {
	background-color: #fff;
}

#dateCita[readonly] {
	background-color: #fff;
}

.imagenCoverToyo {
	background-image: url('../assets/imagenes/coverTOYO.png');
	position: absolute;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center;
}

.formPerfil {
	padding: 50px;
	background-color: #fff;
	border-radius: 5px;
}

/* Errores */

.errorIzqDiv {
	width: 50%;
	float: left;
	height: 100%;
}

.textoError {
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	color: #fff;
	margin-top: 20px;
}

.errorDerDiv {
	width: 50%;
	float: right;
	height: 100%;
	box-sizing: border-box;
}

.imgPerrito {
	width: 280px;
	margin-top: 200px;
	margin-left: 100px;
	z-index: 3 !important;
}

.divError {
	margin-top: 200px;
}

.imgOla {
	position: absolute;
	height: 100vh;
	width: 75%;
	background-size: cover;
	background-position: center;
	right: 0.5px;
	z-index: -1;
}

.oops {
	font-family: 'Righteous', cursive;
	font-size: 200px;
	color: #fff;
	margin-top: -100px;
	text-shadow: 1px 0px 1px #CCCCCC, 0px 1px 1px #EEEEEE, 2px 1px 1px #CCCCCC, 1px 2px 1px #EEEEEE, 3px 2px 1px #CCCCCC, 2px 3px 1px #EEEEEE, 4px 3px 1px #CCCCCC, 3px 4px 1px #EEEEEE, 5px 4px 1px #CCCCCC, 4px 5px 1px #EEEEEE, 6px 5px 1px #CCCCCC, 5px 6px 1px #EEEEEE, 7px 6px 1px #CCCCCC, -4px 1px 4px rgba(206,89,55,0);
	color: #FFFFFF;
}

.error404 {
	font-family: 'Righteous', cursive;
	font-size: 70px;
	color: #fff;
	margin-top: -30px;
	margin-left: 80px;
	text-shadow: 1px 0px 1px #CCCCCC, 0px 1px 1px #EEEEEE, 2px 1px 1px #CCCCCC, 1px 2px 1px #EEEEEE, 3px 2px 1px #CCCCCC, 2px 3px 1px #EEEEEE, 4px 3px 1px #CCCCCC, 3px 4px 1px #EEEEEE, 5px 4px 1px #CCCCCC, 4px 5px 1px #EEEEEE, 6px 5px 1px #CCCCCC, 5px 6px 1px #EEEEEE, 7px 6px 1px #CCCCCC, -4px 1px 4px rgba(206,89,55,0);
	color: #FFFFFF;
}

.btn.btn-info {
	background: rgba(25, 0, 255, 0);
	border-color: #ffffff;
	color: #fff;
	margin-top: 20px;
	height: 50px;
	font-family: 'Montserrat', sans-serif;
	border-radius: 15px;
}

.btn.btn-info:hover,
.btn.btn-info:focus {
	background: #2c2f59 !important;
	border-color: #2c2f59 !important;
}

.infoError {
	float: left;	
}
/* End Errores */


/* Ver Citas */
.informacionCitas {
	font-family: 'Montserrat', sans-serif;
}

.iconoAutoLavado {
	font-size: 40px;
	color: #0c4494;
	padding-left: 30px;
}

.iconoTaller {
	font-size: 40px;
	color: #0c4494;
	padding-left: 23px;
}

.iconoServicio {
	font-size: 20px;
	color: #0c4494;
	padding-left: 20px;
	cursor: pointer;
}
/* End Ver Citas */

/* Toggle Presupuesto */
#tablaToggle {
	display: none;
}

.toggleTitulo {
	background-color: #223470;
	border-radius: 3px;
	color: #fff;
	text-align: center;
	padding: 5px;
	font-family: 'Ubuntu', sans-serif;
	cursor: pointer;
}

.toggleTituloTabla {
	background-color: #0c4494;
	border-radius: 15px;
	color: #fff;
	text-align: center;
	padding: 5px;
	margin-bottom: 2px;
	font-family: 'Roboto', sans-serif;
	cursor: pointer;
}

#tablaAL, #tablaGV, #tablaIG {
	display: none;
}

.containerToggle {
	/* background-color: #ccc; */
}

.table thead th {
	color: #fff;
	background-color: #37487d;
}

.iconoToggle {
	font-size: 20px;
	float: right;
	margin: 10px;
}

.iconoToggleTabla {
	font-size: 20px;
	float: right;
	margin: 5px;
}

.tituloDepartartamento {
	font-size: 25px;
}

/* End Toggle Presupuesto */


/*TOKEN*/
.btnTokenIzq {
	border-radius: 20px;
	margin: 20px 0px 20px 80px;
	width: 300px;
}

.btnTokenDer {
	border-radius: 20px;
	margin: 20px 0px 20px 80px;
	width: 301px;
}
	/*EndToken*/

/* Más Información */
.divContainerTitulo {
	display: inline-flex;
}

.divMoreInfoIzq {
	width: 30%;
	display: inline-block;
}

.divMoreInfoPresupuestoIzq {
	width: 50%;
	display: inline-block;
}


.labelMoreInfoIzq {
	color: #0c4494;
	display: block;
}

.divMoreInfoDer {
	width: 70%;
	float: right;
	position: relative;
}

.divMoreInfoPresupuestoDer {
	width: 50%;
	float: right;
	position: relative;
}


.labelMoreInfoDer {
	color: #505050;
	display: block;
}

.tituloMoreInfo {
	color: #818181;
}

.fuenteMoreInfo {
	font-family: 'Tajawal', sans-serif;
}

.tituloNombreVista {
	color: #0c4494;
	font-family: 'Montserrat', sans-serif
}

.tituloObjetoVista {
	color: #0c4494;
	font-family: 'Montserrat', sans-serif
}

.divFlecha {
	float: right;
}

.flechaAtras {
	font-size: 35px;
	color: #0c4494;
}

	.flechaAtras:hover {
		font-size: 40px;
	}

/* End Más Información */


	.fuenteEmpleado {
		font-family: 'Roboto', sans-serif;
	}

.perfilRoles {
	background-color: #c2292e;
	padding: 4px 10px;
	border-radius: 10px;
	color: #ccc;
	margin-top: 42px;
}


.select2Lg{
	width:90%;
}

.select2Md {
	width: 70%;
}


.inputMd{
	width: 77.5%;
}

.inputSm {
	width: 50%;
}

.select2MdBtn {
	width: 88%;
}

.divSelectBtn{
	width: 80%;
}

#divMarca > span {
	width: 100% !important;
}

#divModelos > span {
	width: 100% !important;
}

#divCliente > span {
	width: 100% !important;
}

.divListaEmpleados > span {
	width: 100% !important;
}



#divSelect2Width > .select2-container {
	width: 390px !important;
}

#divSelect2Departamento > .select2-container {
	width: 135px !important;
}

.divIzqPresupuesto {
	float: left;
	width: 30%;
	display: inline-block;
}

.divDerPresupuesto {
	width: 30%;
	display: inline-block;
	margin-left: 100px;
}

.containerFecha {
	width: 25%;
}

.containerEstado{
	width: 15%;
	display: inline-block;
}

.containerEstado > span {
	width: 100%!important;
}

.divMoreInfoPresupuestoAnual {
	width: 50%;
}

.colorBGmoreinfo {
	background-color: rgb(224, 224, 224);
}


	/*Media Laptop*/
	@media (max-width: 1500px) {
		.divFiltro .textoFiltro{
		display:none;
	}
	.divServicios {
		width: 53%;
	}
}



@media (max-width:1200px) {
	.formInformacionVehiculo1 {
		float: unset;
		width: 100%;
		border-radius: 20px 20px 0px 0px;
		margin-bottom: 0px;
		padding-bottom: 1px;
		box-shadow: 8px 20px 6px -2px #ccc;
	}

	.formInformacionVehiculo2 {
		float: unset;
		width: 100%;
		border-radius: 0px 0px 0px 0px;
		padding-top: 1px;
		box-shadow: 8px 15px 6px -2px #ccc;
	}

	.formInformacionPedido1 {
		float: unset;
		width: 100%;
		border-radius: 20px 20px 0px 0px;
		margin-bottom: 0px;
		padding-bottom: 1px;

	}

	.formInformacionPedido2 {
		float: unset;
		width: 100%;
		border-radius: 0px 0px 20px 20px;
		padding-top: 1px;
	}

	.formImagenes {
		margin-top: 0px;
		border-radius: 0px 0px 20px 20px;
		padding: 1px 50px 0px 50px;
		box-shadow: 8px 8px 6px -2px #ccc;
	}

	.inputCitaCliente {
		width: 80%;
	}

	.inputCitaTime {
		width: 55%;
	}

	.inputCitaServicio {
		width: 49.5%;
	}

	.divCarrusel {
		visibility: hidden;
	}

	.inputGenero {
		width: 90%;
	}

	.inputAño {
		width: 90%;
	}

	.formContraseña {
		width: 90%;
	}

	.inputEditar {
		width: 80%;
	}

	.imagenCoverToyo {
		background-image: url('../assets/imagenes/movil.png') !important;
	}

	#divSelect2Width > .select2-container {
		width: 245px !important;
	}

	#divSelect2Width {
		width: 245px !important;
	}

	.divFiltro {
		width: 10px;
	}

	.contenidoMovil {
		padding: 0px !important;
	}

	.tituloNombreVista {
		font-size: 30px;
	}

	.tituloObjetoVista {
		font-size: 20px;
	}

	.divFlecha {
		display: none;
	}

	.imgMasInfo {
		display: none;
	}

	.divMoreInfoIzq {
		width: 35%;
	}

	.divMoreInfoDer {
		width: 65%;
	}

	.divSelectBtn {
		width: 100%;
	}

	.select2MdBtn {
		width: 70%;
	}

	.nombreFecha {
		display: none;
	}

	.containerFecha {
		width: 60%;
	}

	.containerEstado {
		width: 90%;
	}

	.fuenteMoreInfo {
		font-size: 10px;
	}

	.formPerfil {
		padding: 50px 25px 50px 25px;
	}

	.inputCitaDate {
		width: 49%;
	}

	.imgOla {
		display: none;
	}

	.divMoreInfoPresupuestoAnual {
		width: 100%;
	}

	.iconoNotificacion {
		border-left: 0px solid #fff;
		margin-left: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}

	.iconosNavBar {
		margin-left: 0px;
		padding-top: 5px;
		padding-bottom: 0px;
		padding-left: 0px;
	}
	.icon-bg-circle {
		color: #0c4494;
	}
	.bg-cyan {
		background-color: #fff !important;
	}
	.badge-up {
		position: relative;
		right: -0.1px;
		top: -10px;
	}
	.dropdown-menu {
		background-color: #0c4494;
		border: 1px solid rgba(0,0,0,.15);
	}
	#dropdownScroll {
		overflow-y: hidden;
	}
	.text-muted{
		color: #fff!important;
	}
	p > a {
		color: #fff;
	}
	.media-heading > a {
		color: #fff;
	}
	.dropdown .dropdown-menu .dropdown-header{
		color: #fff;
	}
	.dropdown-item{
		color: #fff!important;
	}
	.perfilRoles {
		margin-top: 0px;
	}
	.colorBGmoreinfo {
		background-color: #fff;
	}
	.divIzqPresupuesto {
		width: 50%;
		display: block;
	}

	.divDerPresupuesto {
		width: 50%;
		display: block;
		margin-left: 0px;
	}
	.iconoToggle {
		margin: 4px;
	}
	.tituloDepartartamento {
		font-size: 17px;
	}
	.iconoToggleTabla {
		margin: 1px;
	}
	.formPassword {
		padding: 10px 5px 50px 10px;
		background-color: #fff;
		border-radius: 20px;
		width: 90%;
	}

	.btnTokenIzq {
		margin: 20px 0px 20px 10px;
	}

	.btnTokenDer {
		margin: 20px 0px 20px 10px;
	}

	.swal2-popup {
		margin: 10px;
	}
	.tituloVerCitas {
		margin-left: 0px!important;
		font-size: 30px;
	}
	.divContainerVerCitas {
		width: 80%!important;
		float: left!important;
		margin-left: 30px;
		font-size: 11px;
	}
	.containerSelectFiltro {
		width: 90%!important;
	}
	.formInformacionOp1 {
		width: 100%;
	}
	.btnCitasAnteriores{
		margin-left: 0px!important;
	}

}

.swal2-popup {
	border-radius: 1.3125em!important;
}

/*Ver Citas*/
.tituloVerCitas {
	display: inline-block;
	margin-left: 30px;
}

.formVerCitas {
	background-color: #fff;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 1%;
	width: 98%;
}

.divContainerVerCitas {
	width: 35%;
	display: inline-block;
	float: right;
}

.iconosJuntosCitas {
	font-size: 40px;
	color: #0c4494;
	margin-left: 10px;
}

.divIzqVerCitas {
	width: 60%;
	display: inline-block;
}

.divDerVerCitas {
	width: 20%;
	float: right;
	position: relative;
}

.containerSelectFiltro {
	width: 25%;
}

.containerSelectFiltro > span {
	width: 100% !important;
}

.btnCitasAnteriores {
	margin-left: 585px;
}

/*End Ver Citas*/


.toggleCerrado{
	display: none;
}

.mensajeOlvContra {
	color: red;
	font-size: 13px;
	display: none;
}

.table thead th {
	border-bottom: 0px;
}

.table td, .table th {
	border-top: 0px;
}

.select2-dropdown {
	z-index: 1061 !important;
}

.numberCircle {
	box-sizing: border-box;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	padding: 2px 5px 2px 5px;
	background-color: red;
	color: white;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
}

/*Image Cars*/
.imageContainer {
	position: relative;
	width: 25%;
	height: 25%;
}

.imageOverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	transition: background 0.5s ease;
	text-align: center;
}

.imageContainer:hover .imageOverlay {
	display: block;
	background: rgba(0, 0, 0, .3);
}

.button {
	position: absolute;
	margin-left: 13%;
	left: 0;
	top: 47%;
	bottom: 25%;
	text-align: center;
	opacity: 0;
	transition: opacity .35s ease;
}

	.button a {
		width: 200px;
		padding: 12px 48px;
		text-align: center;
		color: white;
		border: solid 2px white;
		z-index: 1;
	}

.imageContainer:hover .button {
	opacity: 1;
}

.shadowImage {
	-webkit-box-shadow: 3px 3px 5px 6px #cccac4; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow: 3px 3px 5px 6px #cccac4; /* Firefox 3.5 - 3.6 */
	box-shadow: 3px 3px 5px 6px #cccac4; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}