html {
	position: relative;
	min-height: 100%;
	line-height: normal!important;
}
body {
	font-family: Roboto!important;
	font-size: 14px;
	overflow-x: hidden;
	font-weight: 400!important;
	color: #000000;
	background: #FFFFFF!important;
	line-height: normal!important;
}

a				{ text-decoration: none; }
div.main		{ min-height: 350px; }
.row			{ margin: 0px !important; }

@media (min-width: 960px) 			{ .modal-lg, .modal-xl { max-width: 900px; }		}
@media (min-width: 992px) 			{ .modal-lg, .modal-xl { max-width: 900px; }		}
@media (min-width: 1200px) 			{ .modal-xl { max-width: 1140px; }					}

*::placeholder { color: #BBBBBB!important; }
label, .form-label		{ font-size:13px; font-weight: 400; color: #787878; margin: 2px 2px; }
select, input, textarea, select > option { border: 1px solid #999999; border-radius: 5px!important; font-family: Tahoma!important }
select.form-select, select > option, input.form-control, textarea.form-control  {
	font-family: Tahoma!important; font-size: 14px!important; border: 1px solid #999999; padding: 4px; }

.select2 { border: 1px solid #AAAAAA!important; border-radius: 5px!important; padding: 0px!important; }
.select2-selection__rendered { font-size: 14px!important; margin: 0px!important; }
.select2-results__option { font-size: 14px!important; padding: 3px 8px!important; }

.bg-sarasqueta { background: #794BFF; color: #FFFFFF;
	background: url('/assets/images/fondos/fondo-header.jpg') no-repeat center center!important;
	background-size: cover!important;
}
.btn-sarasqueta { background: #794BFF; color: #FFFFFF; }
.btn-sarasqueta:hover { background: #c8b6fa; color: #000000; }
.text-sarasqueta { color: #794BFF; }

.bg-pedido-activo { background: #c8b6fa; }

.show-password 	{   cursor: pointer }


.requerido-rojo, select.requerido-rojo		{ border-bottom: 1px solid #ff0000!important; background: #fFFAFA; }

.requerido, .requerido-numerico, .requerido-extension, .requerido-email {  }

.selectpicker-gris 		{ color: #343a40; background-color: #FFFFFF; border-color: #999999; }
.selectpicker-gris:hover { background-color: #FFFFFF; }
.selectpicker-gris:focus, .selectpicker-gris.focus { box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.5); }

.selectpicker { color: #AAAAAA; background: #FFFFFF!important; }

.dropdown-365 .dropdown-menu	{ background: #6699CC; padding: 0px; }
.dropdown-365 .dropdown-item 	{ padding: 3px 6px; color: #FFFFFF; border-bottom: dotted #000000 1px!important; }
.dropdown-365 .fa 				{ font-size: 13px; width: 25px; text-align: center; }

.responsive-table { display: inline-block; min-width: 100%; box-sizing: border-box; }
.responsive-table > table { width: 100%; border-collapse: collapse; }

@media print {
	.no-printer { display:none }
	.bg-gris	{ background: #CCCCCC!important; -webkit-print-color-adjust: exact;  }
}

.table-small	{ font-size: 14px!important; }
.table-small td { padding: 0.4rem!important; vertical-align: middle!important;  }

.table-xsmall	{ font-size: 14px!important;; }
.table-xsmall td { padding: 0.2rem!important; vertical-align: middle!important; }

thead.head-365-datatable th { font-size: 15px!important; text-transform: uppercase; color: #FFFFFF;
		background: #002244; background: linear-gradient(#225588,#002244);
		padding: 15px 10px;
	background: url('/assets/images/fondos/fondo-header.jpg') no-repeat center center!important;
	background-size: cover!important;
}

.modal-header { font-size: 13px!important; color: #FFFFFF;
	background: url('/assets/images/fondos/fondo-header.jpg') no-repeat center center!important;
	background-size: cover!important;
}

.row .campo		{ padding: 8px 6px; }




/* BARRA */

.navbar {
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF!important;
	background: url('/assets/images/fondos/fondo-header.jpg') no-repeat center center!important;
	background-size: cover!important;
	transition: all 0.5s;
}
.navbar li.nav-item					{ padding: 8px; }
.navbar a.nav-link					{ color: #FFFFFF!important; padding: 10px; border-bottom: 2px solid transparent; transition: all 0.3s; }
.navbar a.nav-link:hover			{ border-bottom: 2px #FFFFFF solid; border-radius: 8px; }
.navbar i							{ font-size: 14px; }

.navbar-brand				{ margin: 0px; padding: 0px;  }
.navbar-brand img			{ margin: 0px 20px; transition: all 0.5s; height: 45px; XXXXfilter: drop-shadow(2px 2px 3px rgba(200, 200, 200, 1)); }

li.dropdown .dropdown-menu		{ background: #EEEEEE; color: #794BFF; font-size: 15px; text-transform: none; padding: 0px; border: 1px #CCCCCC solid; }
li.dropdown .dropdown-menu a	{ color: #333333; font-size: 14px; padding: 8px 12px; border-bottom: dotted #000000 1px; }
li.dropdown .dropdown-menu a:hover	{ background: #FFFFFF; }

@media (max-width: 668px) {
	.navbar 							{ font-size: 17px; }
	.navbar ul.navbar-nav				{ background: #794BFF; }
	.navbar li.nav-item					{ padding: 0px; padding-left: 30px; border-bottom: 1px dotted #DDDDDD; }
	.navbar li.nav-item:first-child		{ margin-top: 10px; }
	.navbar li.nav-item:last-child		{ border-bottom: none; }
	.navbar a.nav-link					{ padding: 5px; border-bottom: none; transition: all 0.3s; }
	.navbar a.nav-link:hover			{ border-bottom: none; }

	.navbar-brand img					{ height: 40px; }
}

.navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }
.navbar-toggler { border-color: #FFFFFF!important; }









/*
*** FOOTER
*/

#footer { background: #794BFF;
	background: url('/assets/images/fondos/fondo-header.jpg') no-repeat center center!important;
	background-size: cover!important;
	line-height: 26px;
	border-top: 2px solid #CCCCCC; }
#footer, #footer h3		{ color: #FFFFFF; font-size: 15px; font-weight: 400; }
#footer h3				{ font-size: 20px; font-weight: 700; padding-bottom: 10px; z-index: 0; }

#footer a		{ color: #FFFFFF; }
#footer .fa , #footer .fab 		{ width: 40px; text-align: center; }

@media (max-width: 668px) {
	#footer h3	{ font-size: 14px; }
}


