/* CSS Document */
html {
		height:100%;
}

body {
	background-color: #FFFFFF;
	background-image: url(/img/fondo.jpg);
	background-repeat: repeat-x;
	font-size:0.8rem !important;	
}

body,td,th {
	font-family: Tahoma,Lucida,Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}
.table-hover tbody tr:hover td {
		background: #F8C471;
	}
.inputError {
	border: #990000 solid 1px !important;
}

/* Botón sólido naranja */
		.btn-orange {
			color: #fff;
			background-color: #fd7e14;
			border-color: #fd7e14;
		}
		.btn-orange:hover {
			color: #fff;
			background-color: #e96b0c;
			border-color: #e96b0c;
		}
		.btn-orange:focus, .btn-orange.focus {
			color: #fff;
			background-color: #e96b0c;
			border-color: #e96b0c;
			box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.5);
		}
		.btn-orange.disabled, .btn-orange:disabled {
			color: #fff;
			background-color: #fd7e14;
			border-color: #fd7e14;
		}
		.btn-orange:not(:disabled):not(.disabled):active,
		.btn-orange:not(:disabled):not(.disabled).active,
		.show > .btn-orange.dropdown-toggle {
			color: #fff;
			background-color: #cf5f0a;
			border-color: #cf5f0a;
		}
		.btn-orange:not(:disabled):not(.disabled):active:focus,
		.btn-orange:not(:disabled):not(.disabled).active:focus,
		.show > .btn-orange.dropdown-toggle:focus {
			box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.5);
		}

		/* Botón outline naranja */
		.btn-outline-orange {
			color: #fd7e14;
			background-color: transparent;
			background-image: none;
			border-color: #fd7e14;
		}
		.btn-outline-orange:hover {
			color: #fff;
			background-color: #fd7e14;
			border-color: #fd7e14;
		}
		.btn-outline-orange:focus, .btn-outline-orange.focus {
			box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.5);
		}
		.btn-outline-orange.disabled, .btn-outline-orange:disabled {
			color: #fd7e14;
			background-color: transparent;
		}
		.btn-outline-orange:not(:disabled):not(.disabled):active,
		.btn-outline-orange:not(:disabled):not(.disabled).active,
		.show > .btn-outline-orange.dropdown-toggle {
			color: #fff;
			background-color: #fd7e14;
			border-color: #fd7e14;
		}
		.btn-outline-orange:not(:disabled):not(.disabled):active:focus,
		.btn-outline-orange:not(:disabled):not(.disabled).active:focus,
		.show > .btn-outline-orange.dropdown-toggle:focus {
			box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.5);
		}

#DINAMICO {
	overflow:auto; 
	height:100vh;
	/* padding-left:45px;
	padding-right:20px;
	padding-top:40px; */
	padding: 0.5em 1.5em;
}

.ui-autocomplete {
	max-height: 400px !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	padding-right: 20px !important;
} 

#loading img {
	width: 10em;
}

.loading img{
	height: 30px;
}

#Head_DetallesCliente {
	font-size:16px;
	background: rgba(254,254,254,1);
	color:#999999;
	width:100%; 
	height: 26px;
	position:absolute;
	top:0;
	left:0px;
	padding-top:4px;
	padding-left:150px;
	-webkit-box-shadow: 0 10px 6px -6px #777;
	-moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 10px 6px -6px #777;
}

#Head_DetallesCliente itemHeader{
	padding-left: 25px;
	font-size:16px;
	color:#999999;
}
#Head_DetallesCliente span.Data_Detallescliente{
	color:#003300;
}

#Head_DetallesCliente .IDU{
	
	border-left:0 !important;
}


.top {
	background-image:url(/img/bar_top.jpg);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	height:25px;
	width:520px;
	vertical-align:middle;
}

.barra {
	border-bottom: 1px #AAAAAA groove;
	border-top: 1px #AAAAAA groove;
	border-right: 1px #AAAAAA groove;
	height:25px;
}

.clientes {
	height:20px;
	vertical-align:middle;
	border-bottom:1px solid #999900;
	cursor:pointer;
	width:515px;
}

.btnPago{
	color: white;
    background-color: #25f728;
    margin: 0 20px;
    padding: 20px 20px;
    border-radius: 10px;
    font-size: 1em;
    font-weight: 900;
    border: none
}

.dashboard-pedidos {
	height: calc(100vh - 20vh);
	overflow: auto;
}

.dashboard-height{
	height: 85vh;
}

.clienteNoSeleccionado{
	color: #bdb2b2;
}

.hidden{
	display: none;
}

.btnFinalizarOrden{
	opacity: 60%;
}

.divider-vertical{
	border-left: 2px solid #fd5403;
	height: 40%;
}

.verificarRUT{
	cursor: pointer;
}

#disponible {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#636363;
}

#tableDetailOrder td{
	vertical-align: middle !important;
}

.itemRow:hover {
	background: lightgoldenrodyellow;
}

#modalBody tbody {
	display: block;
	max-height: 500px;
	overflow: auto;
}

#modalBody thead, #modalBody tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}

.widthCantidad {
	width: 80px;
}

.dateField {
	display: none;
}

.getData:hover {
	opacity: 50%;
	/* color: white; */
}

.datosEmpresa{
	display: none;
}

.botonera{
	display: flex;
	gap: 10%;
	margin-right: 20px;
}

.botones{
	display: flex;
	gap: 10%;
}

button { 
/*	-webkit-box-shadow: 4px 4px 9px -4px rgba(0,0,0,0.61);
	-moz-box-shadow: 4px 4px 9px -4px rgba(0,0,0,0.61);
	box-shadow: 4px 4px 9px -4px rgba(0,0,0,0.61); 
	*/
}

.divEstados{
	display: flex; 
	justify-content: center; 
	border-radius: 20px;
	width: fit-content;
}

.divEstados span{
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}

.divEstadosDashboardPrincipal{
	display: flex; 
	justify-content: center; 
	border-radius: 20px;
	width: 100%;
}

.divEstadosDashboardPrincipal span{
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}

.botonFooter{
	margin-left: 10px;
	margin-right: 10px;
}

.text-sm{
	font-size: 0.9em;
	color: red;
}

.inputVacio {
	border: solid 2px red;
}

.off {
	display: none;
}

.direccionContainer{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 2%
}

.direccionContainer h6{
	display: flex;
}

.buttonArrowDown{
	border: none;
	background-color: inherit;
	appearance: none;
}

.buttonArrowDown img{
	height: 20px;
}

.enviarOrdenEstado{
	width: 250px;
}

.closeFormClosed{
	display: none;
	
}

.subirFoto{
	cursor: pointer;
}

#topmenubar { height: 20px; }

@media screen {
  #printSection {
      display: none;
  }
}

@media print {
  body * {
    visibility:hidden;
  }
  #printSection, #printSection * {
    visibility:visible;
  }
  #printSection {
    position:absolute;
    left:0;
    top:0;
  }
}