body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 11px;*/
}

/*
a:link {
	color: #3366CC;
	text-decoration: none
}
a:visited {
	color: #3366CC;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
	text-decoration: none;
}
a:active {
	color: #3366CC;
	text-decoration: none;
}
*/

a {
    text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);

    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .5s;
}

a:hover, a:focus {
    background-size: 100% 1px;
}

.obligatorio {color:#3366CC; font-size:9px}

input, textarea {
	font-family:Arial, Helvetica, sans-serif; 
	height:20px; 
	font-size:13px;
	color:#666666;
}

.ml{ 
	margin-left: 10px !important;
}

.mt20{ 
	margin-top: 20px !important;
}

.pb20{ 
    padding-bottom: 20px !important;
}

.pr20{ 
	padding-right: 20px !important;
}

.fl{ 
	float:left;
}

.fr{ 
	float:right;
}

.fr8{ 
	float:right; 
	margin-top:8px;
}

.input_table{
    text-align: center;
    width: 100%;
    border: none;
    font-size: unset;    
    background-color: transparent;
}

.btn{ 
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: larger;		
    background-color: #ff3c00;
    border: none;	
	cursor:pointer;
	height: auto;
    margin-top: 20px;
}

.btn:hover {
    background-color: #ffc700;
    transition: background-color, 0.8s;
}


.btn_aceptar {
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: larger;		
    background-color: #1ba931;
    border: none;	
	cursor:pointer;
	height: auto;
    margin-top: 20px;
}

.btn_aceptar:hover {
    background-color: #42da59;
    transition: background-color, 0.8s;
}

.btn_cancelar {
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: larger;		
    background-color: #c61616;
    border: none;	
	cursor:pointer;
	height: auto;
    margin-top: 20px;
}

.btn_cancelar:hover {
    background-color: #ff4744;
    transition: background-color, 0.8s;
}

.btn_volver {
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: larger;		
    background-color: #449bff;
    border: none;	
	cursor:pointer;
	height: auto;
    margin-top: 20px;
}

.btn_volver:hover {
    background-color: #6da8eb;
    transition: background-color, 0.8s;
}

.btn_seleccionar{ 
    color: black;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: larger;		
    background-color: #efdf00;
    border: none;	
	cursor:pointer;
	height: auto;
    margin-top: 20px;
}

.btn_seleccionar:hover {
    background-color: #ff8c00;
    transition: background-color, 0.8s;
}

.btn_impresora{ 
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: larger;		
    background-color: #ff5100;
    border: none;	
	cursor:pointer;
	height: auto;
    margin-top: 20px;
    margin-right: 5px;
}

.btn_impresora:hover {
    background-color: #f17736;
    transition: background-color, 0.8s;
}

.btn_trans{ 
    color: #ff3c00;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: larger;		
    background-color: transparent;
    border: none;	
	cursor:pointer;
	height: auto;
    margin-top: 20px;
}

.btn_trans:hover {
    background-color: #ffc700;
    transition: background-color, 0.8s;
}

.btn_trans_verde{ 
    color:#009900;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: larger;		
    background-color: transparent;
    border: none;	
	cursor:pointer;
	height: auto;
    margin-top: 20px;
	
}

.btn_trans_verde:hover {
    background-color:#00FF66;
    transition: background-color, 0.8s;
}

.btn_grupo_agregar {
    color:#009900;
    border-radius: 5px;	
    background-color: #C5F0BF;
    border: none;	
	cursor:pointer;
	height: auto;
}

.btn_grupo_agregar:hover {
    background-color:#00FF66;
    transition: background-color, 0.8s;
}

.dn{ 
    display: none;
}

.div_filtros {
	border-radius: 5px;
	background:#fbfbfb;
}

#menu { 
	background:#fbfbfb; 
	position:fixed;
	border: solid 1px #ccc;
	border-radius: 5px;
	padding:10px;
	height: -webkit-fill-available;
    overflow: auto;
    top: 0;
	display:none;
	z-index: 500;
    left: 0;
    min-width: 300px;
}

#menu::-webkit-scrollbar {
    width: 6px;               /* width of the entire scrollbar */
}
  
#menu::-webkit-scrollbar-track {
    background: #f7f7f7;        /* color of the tracking area */
    border-radius: 20px;
}
  
#menu::-webkit-scrollbar-thumb {
    background-color: #015A14;    /* color of the scroll thumb */
    border-radius: 20px;       /* roundness of the scroll thumb */
    border: 7px solid #e69808;  /* creates padding around scroll thumb */
}

.buscar_select{
	border: none;
    width: 80px;
}

.buscar_select::placeholder {
    color:#666666;
    font-size: medium;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.div_usuario{
    padding: 8px;
	text-align:right;
	border-radius: 5px;
	background:linear-gradient(90deg, #ff3c00 0%, #ffc700 35%, #ffc700 100%); 
	color:#FFFFFF; 
	font-weight:bold;
    cursor: pointer;
}

.btn_menu { 
	top: -5px;
    left: -10px;
	position:fixed;
    border-radius: 5px;
    padding: 10px;
    border: solid 1px #ccc;
    cursor: pointer;
    font-size: large;
    text-align: center;
    width: 30px;
    margin-left: 20px;
    margin-top: 10px;
	background:#fbfbfb; 
}

.w{
    clear: both !important;
    width: -webkit-fill-available !important;
	height: auto !important;
}

.cf{
    clear: none !important;
    float: unset !important;
}

.cb{
    clear:both;
}

.widthauto{
	width: auto !important;
}

.buscar{
    clear: both;
    float: left;
    margin-top: 10px;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: larger;		
    background-color: #ff3c00;
    border: none;	
	cursor:pointer;
	height: auto;
}

.buscar:hover {
    background-color: #ffc700;
    transition: background-color, 0.8s;
}

.btn_verde{
    clear: both;
    float: left;
    margin-top: 10px;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: larger;		
    background-color: #41c768;
    border: none;	
	cursor:pointer;
	height: auto;
}

.btn_verde:hover {
    background-color: #025016;
    transition: background-color, 0.8s;
}

.cancelar{ 
	margin-left:10px;
    float: left;
    margin-top: 10px;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: larger;		
    background-color: #ff3c00;
    border: none;	
	cursor:pointer;
	height: auto;
}

.cancelar:hover {
    background-color: #ffc700;
    transition: background-color, 0.8s;
}

.guardar{
    clear: both;
    float: left;
    margin-top: 10px;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: larger;		
    background-color:#009900;
    border: none;	
	cursor:pointer;
	height: auto;
}

.guardar:hover {
    background-color:#66FF99;
    transition: background-color, 0.8s;
}

.btnfiltros{ 
	margin-left:10px;
    float: left;
    margin-top: 10px;
    color: #ff3c00;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: larger;		
    background-color: white;
    border: none;	
	cursor:pointer;
	height: auto;
}

.btnfiltros:hover {
    background-color: #ffc700;
    transition: background-color, 0.8s;
	color: white;
	transition: color, 0.8s;
}

.filtros { 
	display:none;
	padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 20px;     
    float: left;
    background-color: rgb(238, 238, 238);
    margin-left: -10px;
    margin-right: -10px;
    width: -webkit-fill-available;
}

.inputs { 
	padding-top: 20px;
}

#resultado{
    clear: both;
    float: left;
    margin-top: 10px;
}

.tabla {border-collapse: collapse;width:100%; border:solid 1px #ddd; }
.tabla td {padding: 8px;border-bottom: 1px solid #ddd;}
.tabla th {border: 1px solid #ddd;height:30px; border-radius: 4px; cursor:pointer; white-space:nowrap; background-color:#eee;}
.tabla tr:hover{ background-color:#F9F9F9; }

.th_input { 
	border:none; 
	width: 88%; 
	font-size:18px;
	text-align: center;
	margin-left:1px; 
	color:#f44336; 
	background-color:#eee;
}
.th_input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: black;
  /*opacity: 1;  Firefox */
}


select {
	font-family:Arial, Helvetica, sans-serif; 
	height:25px; 
	font-size:13px;
	color:#666666
}

select[multiple] {
  height:inherit;
}


#tabla_scc {
	
/*	border: 1px solid #C1C1C1;*/
	font-size: 11px;
	margin:0px;
	margin-top:10px;
	/*width:100%;*/
}
/*
#tabla_scc tr { 
	height:30px;
}
*/
#tabla_scc th {
	background-color:#E5E5E5;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}

#tabla_scc td {
	border-bottom:1px solid #CCCCCC;
	padding:2px;
	height:30px;
}


.input{
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
  font-size:18px;     
  background-color: transparent;  
  
}

input::placeholder, textarea::placeholder, select::placeholder {
  color: #cccc;
}

.div_filtro{ 
	float:left; 
	padding-left:10px; 
	padding-right:10px; 
	border:solid 1px #ccc; 
	border-radius:4px; 
	margin-right: 10px; 
	width:250px; 
	margin-top: 20px; 
	height: 45px;
    background-color: white;
}

.div_filtro_venta{ 
	padding-left:10px; 
	padding-right:10px; 
	border:solid 1px #ccc; 
	border-radius:4px; 
	margin-right: 10px; 
	margin-top: 40px; 
	height: 45px;
}

.div_filtro_label{
    margin-top: -10px;
    background: white;
    width: fit-content;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: -5px;
    color: #000;
	border-radius: 4px;
    border:solid 1px #ccc;
}

.f_input{ 
	border:none; 
	width: 100%; 
	font-size:18px; 
	background-color:#FFFFFF;
	margin-top: 8px;
}

.f_input::-webkit-scrollbar {
    width: 6px;               /* width of the entire scrollbar */
}
  
.f_input::-webkit-scrollbar-track {
    background: #f7f7f7;        /* color of the tracking area */
    border-radius: 20px;
}
  
.f_input::-webkit-scrollbar-thumb {
    background-color: #015A14;    /* color of the scroll thumb */
    border-radius: 20px;       /* roundness of the scroll thumb */
    border: 7px solid #e69808;  /* creates padding around scroll thumb */
}

.f_input_select{ 
	border:none; 
	width: 100%; 
	font-size:18px; 
    margin-top: -1px !important;
	background-color:#FFFFFF;
	margin-top: 8px;
}

.filtrar{ 
	width: -webkit-fill-available;
    border: none;
    text-align: center;
}

.filtrar_select{ 
    border-radius: 5px;
    border:1px solid #ff3c00;
}

.filtrar_select::placeholder, textarea::placeholder, select::placeholder {
    color: #ff3c00;
}

.filtrar_select2{ 
    background-color: transparent;
    border: none;
}

.filtrar_select2::placeholder, textarea::placeholder, select::placeholder {
    color: #999;
}

.color_green{
    color: green;
}

.color_red{
    color: red;
}

.b{
    font-weight: bold;
}

.div_agregar{ 
    background-color: white;
    border-radius: 5px;
    margin-top: 10px;
    padding: 10px;
}

.popup{
	position: absolute;
	top:40%;
	left:50%;
	width:600px;
	margin-left:-300px;
	margin-top:-150px;
	border:1px solid #808080;
	padding:5px;
	border-radius:5px; 
	background-color:#fff;
	padding: 20px;
	z-index: 200;
	box-shadow: 6px 8px 6px #5449494d;
}

.cerrar{
	float: right;
    font-weight: bold;
    font-size: large;
}

.opt_seleccionados{
	background-color:#FFFFFF; 
	color:#000000;
}

.div_botones{
    margin-top: 20px;
    margin-bottom: 20px;
    float: left;
    clear: both;
}

.tac{
    text-align: center;
}

.check{
    width: 2rem;
}

.div_imp_continuo {
    padding-left: 10px;
    padding-right: 10px;
    border: solid 1px #5e5e5e;
    border-radius: 4px;
    margin-right: 10px;
    margin-top: 20px;
    float: right;
    margin-bottom: 1rem;
}

.div_filtro_label_continuo {
    margin-top: -10px;
    background: #ff5900;
    width: fit-content;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: -5px;
    color: #000;
    border-radius: 4px;
    border: solid 1px #5e5e5e;
}

.inp_grilla{
    border: solid 1px #ccc;
    width: 100px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.filabutaca{
    color: grey;
    margin-right: 1rem;;
}

.p_overflow{
    max-width: 200px;
    overflow-x: auto;
}

@media screen and (max-width: 600px) {	
	.popup{ 
		left:0px; 
		right:10px;
		width:inherit;
		margin-left:inherit;
		height: min-content;
	}
	
	.div_filtro{ 
		width: -webkit-fill-available;
	}
}	

























/* Formateamos el label que servir� de contenedor */
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 18px;
}
 
/* Ocultamos el checkbox html */
.switch input {
  display:none;
}
 
/* Formateamos la caja del interruptor sobre la cual se deslizar� la perilla de control o slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
 
/* Pintamos la perilla de control o slider usando el selector before */
.slider:before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
 
/* Cambiamos el color de fondo cuando el checkbox esta activado */
input:checked + .slider {
  background-color: #41c768;
}
 
/* Deslizamos el slider a la derecha cuando el checkbox esta activado */ 
input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
 
/* Aplicamos efecto de bordes redondeados en slider y en el fondo del slider */
.slider.round {
  border-radius: 34px;
}
 
.slider.round:before {
  border-radius: 50%;
}

.logo{
    float: right;
    margin-right: 2rem;
    width: 70px;
    padding: 0.5rem;
}

.cabecera{
    background-color: #f9f9f9;
   position: fixed;
   width: -webkit-fill-available;
   top: 0;
   margin-left: -10px;
   padding-left: 5%;
   border-bottom: solid 5px #ff5000;
   z-index: 1;
}

.button_menu{  
    font-weight: bold;
    color: #ff5000;
    font-size: x-large;
    top: 16px;
    position: fixed;	
}

.menu_atras{  
    color: #ff5000;
    font-size: x-large;
    top: 18px;
    position: fixed;
	margin-left: 60px;
}

.cerrar_menu{  
    font-weight: bold;
    color: white;
    font-size: x-large;
    float: left;	
    margin-left: 7px;
}

.div_block {
    /* cursor: wait; */
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: #000;
    overflow: hidden;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}

.pt100{
    padding-top: 100px;
}

.center{
    text-align: center;
}

.buscar_menu{
    text-align: center;
    background-color: transparent;
    border-radius: 5px;
    margin-top: 15px;
    width: -webkit-fill-available;
    height: 30px;
    border: solid 1px #acacac;
}

.blanco {
    color: white;
}

.subtitulo {
    float: left;
    width: -webkit-fill-available;
    clear: both;
    margin-top: 20px;
}

.div_activo {
    color: white;
    background-color: green;
    padding: 5px;
    border-radius: 4px;
    width: fit-content;
}

.div_inactivo {
    color: white;
    background-color: red;
    padding: 5px;
    border-radius: 4px;
    width: fit-content;
}

.color_venta {
    position: absolute;
    margin-top: 5px;
    width: 80px;
    border-radius: 2px;
}

.green {
    background-color: green;
}

.red {
    background-color: red;
}

.yellow {
    background-color: yellow;
}