body {font-family: 'Raleway', sans-serif;}

/* 1200px --- */
@media (min-width: 1200px) {
	
}

/* 992 --- 1200px */
@media (min-width: 992px) and (max-width:1199px) {
	
}

/* 768 --- 992px */
@media (min-width: 768px) and (max-width:991px) {
	
}

/* --- 768px */
@media (max-width:767px) {
	#logo {text-align: center;}
	#cerrarSesion {margin-top: 0 !important; margin-bottom: 15px;}
	#loginContainer {width: 90% !important; max-width: 350px;}
}

a {color: #000;}
a:hover {text-decoration: none; color: #999;}

.textAlignRight {text-align: right;}

.fa {opacity: .7; color: #643C19;}
.navbar-default {background-color: #f6f6f6;}
.breadcrumb {background-color: transparent; font-size: 12pt; font-weight: 700;}
.panel-title {font-size: 11pt;}

/* login */
body.login {
	height: 100%; min-height: 100%; background: #E6E6E6 url(../gfx/background-login.jpg) no-repeat center center fixed;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
#loginContainer {
	width: 350px; background-color: #fff; border-radius: 20px; box-shadow: 0 0 50px #333; text-align: center;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
	padding-top: 20px;
	padding-bottom: 20px;
}

#logo {margin: 5px 0 10px 0;}
#logoCabecera {max-width: 100%;}
#cerrarSesion {display: inline-block; margin-top: 35px;}
.separadorHorizontal {border-right: 1px solid #e7e7e7; float: left; display: inline; height: 50px;}

/* */
.paddingTop20 {padding-top: 20px;}
.textAlignCenter {text-align: center;}
.paddingLeftRight15 {padding-left: 15px; padding-right: 15px;}

/* color principal: #643C19 */
TD.celda {font-family: Trebuchet MS; font-size: 10pt; font-weight:bold; color:#FFFFFF;}
body {padding:0px; font-family: arial; font-size:8pt;}
INPUT.campo {border:1px solid #9CBBD1; font-family: Trebuchet MS; font-size: 10pt;}
INPUT.boton {font-family: Arial; font-size: 9pt;}
INPUT {font-family: arial; font-size: 9pt;}
SELECT {font-family: Arial; font-size: 9pt;}
TEXTAREA {font-family: Arial; font-size: 9pt;}
TABLE.tablaerror {border:1px solid #6a6a6a; background-color:#F7F7F7;}
TABLE.tablaerror TD {padding:4px; font-family: Arial; font-size: 9pt; font-weight:bold; color: #FF0000;}
TD {font-family: Arial; font-size: 9pt; color:#4D4D4D;}
TD.titulo {font-family: Arial; font-size:24pt; font-weight:bold; letter-spacing:-1px; color: #643C19;}
TD.on_gestion {font-family: Arial; font-size:8pt; height:30px; background-color:#F2F2F2;}

.ico {float:left; width:16px; height:23px; padding-top:7px; padding-left:12px; padding-right:5px;}
.link_ico {float:left; height:22px; padding-top:8px;}
	.link_ico a {text-decoration:none; color:#643C19;}
	.link_ico a:hover {text-decoration:underline; color:#643C19;}

/* estilos para o menu */
.tit_menu {font-size:24px; color:#643C19; padding-bottom:5px;}
	.tit_menu a {color:#643C19; text-decoration: none;}
	.tit_menu a:hover {color:#643C19; text-decoration: underline;}
.cont_menu {float:left; width:180px; min-height:0px; height:auto !important; height:0px; background-color:#F2F2F2; border:1px solid #cccccc;}
.menu {margin-top: 0px; text-align:left; height:30px; border-bottom:1px solid #cccccc;}
.ico_menu {float:left; width:16px; height:23px; padding-top:7px; padding-left:12px; padding-right:10px;}
.link_ico_menu {float:left; height:22px; padding-top:8px;}
	.link_ico_menu a {text-decoration:none; color:#643C19;}
	.link_ico_menu a:hover {text-decoration: underline; color:#643C19;}
.link_ico_menu_selected {float:left; height:22px; padding-top:8px;}
	.link_ico_menu_selected a {text-decoration: underline; color:#643C19;}
.menu_ult {margin-top: 0px; text-align:left; height:30px;}

.separ_menu {float:left; width:180px; height: 20px;}

A.sub2:link {font-family: Arial; font-size: 9pt; text-decoration: none; color: #643C19;}
A.sub2:visited {font-family: Arial; font-size: 9pt; text-decoration: none; color: #643C19;}
A.sub2:hover {font-family: Arial; font-size: 9pt; text-decoration: underline; color: #643C19;}
A.sub2:active {font-family: Arial; font-size: 9pt; text-decoration: none; color: #643C19;}

/* login de acceso */
.tablaLogin {background-color: #643C19;border:1px solid #000000;}
.tablaLogin .tdLogo {background-color: #FFFFFF;text-align: center;padding-top: 10px;padding-bottom: 10px;border-bottom: 1px solid #000000;}
.tablaLogin .tdFormLogin {padding-top: 10px;padding-bottom: 10px;}

/* Listados */
TD.cabecera {font-family: Trebuchet MS; font-size:10pt; font-weight: bold; background-color: #643C19; color: #FFFFFF; height:25px;}
TR.fila1 {background-color:#e3e3e3; height:25px;}
TR.fila2 {background-color:#F9F9F9; height:25px;}
TD.fila1 {background-color:#F2F2F2; padding-left: 5px; height:25px;}
TD.fila2 {background-color:#E6E6E6; padding-left: 5px; height:25px;}
TD.calendar {font-family: verdana; font-size: 10px; cursor: hand; cursor: pointer;}
TD.calendar1 {font-family: verdana; font-size: 10px; border:1px solid #ECECEC; cursor: hand; cursor: pointer;}
TD.calendar2 {font-family: verdana; font-size: 10px; color: #ca0000; border:1px solid #ECECEC; cursor: hand; cursor: pointer;}
TD.highlight {font-family: verdana; font-size: 10px; border:1px solid #0000ff; cursor: hand; cursor: pointer;}
TD.highlight2 {font-family: verdana; font-size: 10px; border:1px solid #0000ff; color: #ca0000; cursor: hand; cursor: pointer;}
A.arrows {font-weight: bold; font-family: Verdana; color: #F87F7F; text-decoration:none;}
TD.cvacia {background-color: white;}
IMG.foto {background-color: #FFFFFF; padding:6px; border:1px solid #CCCCCC;}
.blanco {background-color: white; margin-top: 0px; margin-bottom: 1px; text-align:left; height:25px; border-bottom: 1px solid #cccccc;}

TR.fila1:hover {background-color:#c6cacf;}
TR.fila2:hover {background-color:#c6cacf;}

.table-striped TR.fila1 {background-color:#e3e3e3 !important;}
.table-striped TR.fila1:hover {background-color:#c6cacf !important;}
.table-striped TR.fila2 {background-color:#F9F9F9 !important;}
.table-striped TR.fila2:hover {background-color:#c6cacf !important;}

.es {width: 16px; height: 11px; background: url(../ico/es.gif) no-repeat center center;}
.en {width: 16px; height: 11px; background: url(../ico/en.gif) no-repeat center center;}

#contContenidoDocumento table {margin: auto;}
#contContenidoDocumento table td {padding: 1px;}
#contContenidoDocumento table.tablaerror td {padding: 4px;}

/* filtros */
.colorFiltros {background-color: #643C19 !important;}
.colorFiltros .panel-title {color: #FFFFFF; font-weight: bold;}

/* filtros con algún parámetro definido */
.colorFiltrosDefinidos {background-color: #fcb929 !important;}
.colorFiltrosDefinidos .panel-title {color: #FFFFFF; font-weight: bold;}
.enlaceVaciaFiltosDefinidos {float: right;}

.alerta-rojo {color: #ff0000;}

/*formularios*/
.container:has(.folio-horizontal){min-width: min-content;}
.nombre-formulario {color: #643C19; font-size: 30px; font-weight: bold; text-align: right;}
.tabla-formulario th, .tabla-formulario td.th, #folioF26 .th, #folioF29 .th { padding-left: 2px; padding-right: 2px; color: #643C19; background-color: #ffffff; }
.contenedor-tabla-detalle {vertical-align: top;}

#cliente, #detalle:not(:has(.tablaDetalle)), .tablaDetalle, #totales, #totalGastos, #detalleM, #detalleV, #observaciones-revisado, #opciones, #observacionesF8,
#contenidoDetallesA, #contenidoDetallesOA, #f10articulos, #f12articulos, #observacionesF13, #div-observaciones, #f20articulos, #f21articulos, #observacionesF23,
#folioF23 #contacto, #folioF23 #oferta-importes, #folioF24 #tratamiento_datos, #observacionesF25, #folioF26 .tabla-textarea, #folioF27 .tabla-textarea,
#f28materiales, #folioF28 .tabla-textarea, #folioF29 .tabla-textarea, #folioF30 .tabla-textarea {
	border: #643C19 solid 1px;
	td, th {border: #643C19 solid 1px; text-align: center;}
	th {padding-top: 8px; padding-bottom: 8px;}
	input {background-color: #f1f4ff; text-align: center; padding: 6px;}
	.texto-izquierda {text-align: left;}
	textarea {background-color: #f1f4ff; width: 100%; padding: 5px;}
	}
#cliente.sin-borde-central, #datosCliente.sin-borde-central, #opciones.sin-borde-central, #datosOpciones.sin-borde-central{
	th, .th {border-right: none;}
	td {border-left: none;}
	}
.tabla-formulario th.cabecera { background-color: #643C19; color: #ffffff; }
table#totales {margin-right: 0;}
#totales th {background-color: #e0d9cf; padding-left: 5px; padding-right: 5px; text-align: right !important;}
#totales {font-weight: bold;}
#totales #filaSaldoFinal {
	th {font-weight: 800;}
	td {color: #E63F16;}
	}
#clavesDoc {border-left: #643C19 solid 1px; color: #643C19;}
#clavesDoc table {margin-left: 0;}
#clavesDoc table td {padding-left: 8px; padding-right: 8px; color: #643C19;}
#titulo-claves-doc {font-weight: bold; padding-left: 8px; padding-right: 8px;}
#folioF5.folio-horizontal th:not(.vacio) {padding-left: 20px; padding-right: 20px;}
.tablaDetalle input.total-sub-total, #totalGastos input.total-sub-total{background-color: #d9d2d3 !important; color: #E63F16;}
.tablaDetalle {border: none;}
.tablaDetalle td.sin-borde {border-right: none !important; border-bottom: none !important;}
#cliente #datosCliente {
	.th, input {padding-left: 6px; padding-right: 6px;text-align: left;}
	}
#detalleM #contenidoDetalles-dm input, #detalleV #contenidoDetalles-dv input , #observaciones-revisado #revision input {text-align: left;}
.borde-inferior {border-bottom: #643C19 solid 1px;}
.borde-superior {border-top: #643C19 solid 1px;}
.texto-izquierda {text-align: left;}
.texto-derecha {text-align: right;}
.texto-centrado {text-align: center;}
#tablaFecha input, #tablaNumOferta input, #folioF30 input {background-color: #f1f4ff; padding: 6px;}
#folioF1 .nombre-formulario {font-size: 26px;}
#folioF2, #folioF9, #folioF11, #folioF14 {
	th, .th, td:not(.nombre-formulario) {font-size: 8pt;}
	#opciones input, #detalle input {text-align: left;}
	.ancho30{min-width: 30px;}
	.ancho40{min-width: 40px;}
	.ancho50{min-width: 50px;}
	.ancho60{min-width: 60px;}
	.ancho100{min-width: 100px;}
	.ancho110{min-width: 110px;}
	.ancho400{min-width: 400px !important;}
	#detalle input {padding: 0;}
}
#folioF14 #detallePerfil input {padding: 0;}
.opcion-th {color: #643C19; font-size: 8pt; padding-left: 5px; }
.opcion-th.borde-izq {border-left: #643C19 solid 1px; margin-left: 2px;}
.texto-oscuro {color: #000000 !important;}
.texto-oscuro.borde-izq {border-left: #000000 solid 1px; margin-left: 2px; padding-left: 2px;}
#opciones #datosOpciones td {text-align: left;}

.icono-acordeon {float: right;}
.icono-acordeon i {color: #ffffff;}
.sin-margen-lateral {margin-left: 0; margin-right: 0;}

.colorCorporativo {color: #643C19;}

input[type="email"] {text-transform: lowercase;}
.mayusculas {text-transform: uppercase;}

#div-esquema img, #div-imagen img, #div-ciente-firma img {width: 100%;}

#folioF8 {
	#contenidoDetallesA {border: none;}
	#contenidoDetallesA td.sin-borde {border: none; padding: 2px;}
	#contenidoDetallesA input {padding: 0;}
}

#folioF9 .selector-opciones, #folioF11 .selector-opciones, #folioF14 .selector-opciones, #folioF16 .selector-opciones, #folioF19 .selector-opciones,
#folioF22 .selector-opciones, #folioF25 .selector-opciones, #folioF26 .selector-opciones, #folioF27 .selector-opciones, #folioF1 .selector-opciones,
#folioF28 .selector-opciones, #folioF29 .selector-opciones, #folioF30 .selector-opciones {width: fit-content; min-width: 100%; background-color: #f1f4ff;}
#folioF11 .selector-opciones, #folioF16 .selector-opciones, #folioF14 .selector-opciones {padding: 2px;}
#f10empresa, #f12empresa, #f20empresa, #f21empresa, #f22general, #f22visitas, #f24general, #f25general, #folioF26, #folioF27, #folioF28, #folioF29 {
	.th {padding-top: 8px; padding-bottom: 8px; font-weight: bold;}
	input {background-color: #f1f4ff; text-align: left; padding: 6px;}
}
#f10articulos td.th, #f12articulos td.th, #f20articulos td.th, #f21articulos td.th {text-align: right; padding-right: 20px;}
#f10articulos .texto-izquierda input, #f12articulos .texto-izquierda input, #f20articulos .texto-izquierda input, #f21articulos .texto-izquierda input {text-align: left;}
#f12articulos .texto-derecha input, #f20articulos .texto-derecha input, #f21articulos .texto-derecha input {text-align: right;}
#folioF13 #cliente, #folioF13 #opciones {
	border: none;
	th, td, .th {border: none;}
	th, td:not(.vacio) {border-bottom: #643C19 solid 1px;}
	input {text-align: left;}
}
#folioF13 #solicitado input {background-color: #f1f4ff; padding: 6px;}
#folioF14 #detalle input, #folioF14 #trabajosMecanizados input {text-align: center; padding: 0;}
#folioF14 #cliente th, #folioF14 #div-observaciones th {text-align: left;}
#folioF14 #cliente, #folioF14 #cliente th, #folioF14 #cliente td { border-left: none; border-right: none;}
#folioF14 #observaciones-para-cliente {text-align: left; color: #643C19; font-size: 7pt;}
#folioF14 #observaciones-para-cliente ul{padding-inline-start: 15px; margin: 0;}
#folioF14 #detalle input:read-only, #folioF14 #trabajosMecanizados input:read-only, #folioF16 #detalleM input:read-only, #folioF16 #detalleV input:read-only,
#folioF16 .selector-opciones:disabled, #folioF14 #detallePerfil input:read-only, #folioF20 #datosarticulos input:read-only, #folioF21 #datosarticulos input:read-only,
#folioF23 #importes input:read-only, #folioF23 #detalle input:read-only, #folioF23 #tablaFecha input:read-only, #folioF25 #datosGeneral input:read-only,
#folioF26 input:read-only, #folioF26 .selector-opciones:disabled, #folioF27 input:read-only, #folioF27 .selector-opciones:disabled, #folioF28 input:read-only,
#folioF28 .selector-opciones:disabled, #folioF14 #detalleBobina input:read-only, #folioF4 #cliente input:read-only, #folioF4 #totales input:read-only,
#folioF29 input:read-only, #folioF29 .selector-opciones:disabled, #folioF30 input:read-only, #folioF30 #detalle input:read-only, #folioF30 .selector-opciones:disabled {font-weight: bold; background-color: #fdf8f3}
#folioF26 .tabla-textarea textarea:read-only, #folioF27 .tabla-textarea textarea:read-only, #folioF28 .tabla-textarea textarea:read-only,
#folioF29 .tabla-textarea textarea:read-only, #folioF30 .tabla-textarea textarea:read-only, #folioF30 #detalle textarea:read-only {font-weight: bold; background-color: #fdf8f3 !important;}
#folioF16 #detalleM input, #folioF16 #detalleV input {padding: 2px;}

#folioF14 #detallePerfil .bootstrap-select>select {left: 0;}
#folioF19 #contenidoDetalles {padding-top: 5px; padding-bottom: 5px;}
#folioF19 .tablaDetalle {margin-top: 7px; margin-bottom: 7px;}
#folioF20 .selector-opciones, #folioF21 .selector-opciones, #folioF25 .selector-opciones, #folioF4 .selector-opciones {background-color: #f1f4ff;}
#folioF20 .ancho270, #folioF21 .ancho270 {min-width: 270px;}
#folioF21 .dropdown-menu.open {max-height: 200px !important;}
#folioF21 .dropdown-menu.open .inner.open {max-height: 150px !important;}
#folioF23 #contacto, #folioF23 #oferta, #folioF23 #importes {
	border: none;
	td, th {border: none;}
	}
#folioF23 td#informacion-para-cliente {padding: 3px; text-align: left;}
#folioF24 #tablaAutorizaciones td, #folioF24 #tablaFirma td { border: none; text-align: left; padding-left: 3px;}
#folioF24 td#texto-tratamiento-datos {text-align: left; color: #643C19; font-size: 7pt; padding: 3px;}

.no-salto-linea {white-space: nowrap;}
.btn-corporativo {color: #fff; background-color: #643C19; border-color: #643C19;}
.btn-corporativo:hover, .btn-corporativo:active, .btn-corporativo:focus {color: #fff; background-color: #a38a70; border-color: #643C19;}
.texto-peque {font-size: 7pt;}
#folioF27 #datosCliente {
	border: #643C19 solid 1px;
	td, th {border: #643C19 solid 1px;}
	th, .th {padding: 8px;}
	.vacio td {padding: 0; border: none;}
	}
/* --- 1200px */
@media (max-width:1199px) {
	.container:has(.folio-horizontal){
		min-width: 100%;
		.table-responsive { border: 1px solid #ddd;}
	}
}