.espacioFiltro{
        padding: 0px 2px;
}
#tipo_movimiento option{
  background-color: #fff;
  color: #000;
}
.cursor-manita{
  cursor: pointer;
}
/***************************************************


 									boton toggle 


 **************************************************/


.col_btn_toggle{


  display: flex;


  justify-content: center;


}





input[type=checkbox].btn_toggle{


	height: 0;


	width: 0;


	visibility: hidden;


}





label.btn_toggle {


	text-indent: -9999px;


	width: 60px;


	height: 30px;


	background: grey;


	display: block;


	border-radius: 30px; 


	position: relative;


      margin-top: 1px;


    margin-bottom: 1px;


}





label.btn_text {


	margin-top: 6px;


  margin-left: 5px;


}





label.btn_toggle:after{


	content: '';


	position: absolute;


	top: 4px;


	left: 4px;


	width: 22px;


	height: 22px;


	background: #fff;


	border-radius: 22px;


	transition: 0.3s;


}





input.btn_toggle_danger:checked + label.btn_toggle { background: #ff3636; }


input.btn_toggle_warning:checked + label.btn_toggle { background: #ffb236; }


input.btn_toggle_primary:checked + label.btn_toggle { background: #fa7a50; }


input.btn_toggle_face:checked + label.btn_toggle { background: #3b5998; }


input.btn_toggle_dark_blue:checked + label.btn_toggle { background: #1f3e62; }





input.btn_toggle:checked + label.btn_toggle:after {


	left: calc(100% - 5px);


	transform: translateX(-100%);


}





label.btn_toggle:active:after {


	width: 30px;


}





/***************************************************


 								fin	boton toggle 


 **************************************************/








/***************************************************


                  boton toggle invertido


 **************************************************/


.col_btn_toggle_invertido{


  display: flex;


  justify-content: center;


}





input[type=checkbox].btn_toggle_invertido{


  height: 0;


  width: 0;


  visibility: hidden;


}





label.btn_toggle_invertido {


  text-indent: -9999px;


  width: 60px;


  height: 30px;


  background: #afafaf;


  display: block;


  border-radius: 30px; 


  position: relative;


      margin-top: 1px;


    margin-bottom: 1px;


}








label.btn_toggle_invertido:after{


  content: '';


  position: absolute;


  top: 4px;


  left: 4px;


  width: 22px;


  height: 22px;


  background: #1f3e62;


  border-radius: 22px;


  transition: 0.3s;


}





input.btn_toggle_invertido_white:checked + label.btn_toggle_invertido { background: #FFFFFF; }


/*input.btn_toggle_invertido_warning:checked + label.btn_toggle_invertido { background: #ffb236; }


input.btn_toggle_invertido_primary:checked + label.btn_toggle_invertido { background:  }


input.btn_toggle_invertido_face:checked + label.btn_toggle_invertido { background: #3b5998; }


input.btn_toggle_invertido_dark_blue:checked + label.btn_toggle_invertido { background: #1f3e62; }*/





input.btn_toggle_invertido:checked + label.btn_toggle_invertido:after {


  left: calc(100% - 5px);


  transform: translateX(-100%);


}





label.btn_toggle_invertido:active:after {


  width: 30px;


}





/***************************************************


                fin boton toggle invertido


 **************************************************/





/***************************************************


 									elementos disables 


**************************************************/


form input[disabled], form textarea[disabled],


form select[disabled] {


	background: rgb(255, 255, 255) !important; 


	color: rgb(0, 0, 0) !important; 


	font-size: 13px !important;


}


/***************************************************


								fin elementos disables 


**************************************************/














/**************************************************


    							radios nice


**************************************************/


.radio{


  width: inherit !important;


  height: inherit !important;


  padding-top: 1px !important;


  margin: 0px;


}





.contenedor-radio .radio label{


    display: inline-block;


    cursor: pointer;


    color: #1f3e62;


    position: relative;


    padding: 5px 15px 5px 51px;


    font-size: 1em;


    border-radius: 5px;


    -webkit-transition: all 0.3s ease;


    -o-transition: all 0.3s ease;


    transition: all 0.3s ease; 


}





.contenedor-radio .radio label:hover{


    background: rgba(84, 140, 153, 0.29);


}





.contenedor-radio .radio label:before{


  content: "";


  display: inline-block;


  width: 17px;


  height: 17px;


  position: absolute;


  left: 15px;


  border-radius: 50%;


  background: none;


  border: 3px solid #1f3e62; 


}


  


.contenedor-radio input[type="radio"] {


    display: none; 


}





.contenedor-radio input[type="radio"]:checked + label:before {


      display: none; 


  }





.contenedor-radio input[type="radio"]:checked + label {


  padding: 5px 15px;


  background: #1f3e62;


  border-radius: 2px;


  color: #fff; 


}





/**************************************************


    					fin radios nice


**************************************************/











/**************************************************


              cubo rubik


**************************************************/


#preloader {


    position: fixed;


    top: 0;


    left: 0;


    right: 0;


    bottom: 0;


    background-color: #ffffff96;


    z-index: 999999;


}





#status {


    width: 200px;


    height: 200px;


    position: absolute;


    left: 50%;


    top: 50%;


    background-image: url(../img/status.gif);


    background-repeat: no-repeat;


    background-position: center;


    margin: -100px 0 0 -100px;


}


/**************************************************


              fin cubo rubik


**************************************************/











.ui-autocomplete {


  max-height: 200px;


  overflow-y: auto;


  /* prevent horizontal scrollbar */


  overflow-x: hidden;


}








/**************************************************


              divs q simulan tabla


**************************************************/


.encabezado,.pie{


  padding: 3px;


  background: #f96332;


  color: #fff;


  text-align: center;


  text-transform: uppercase;


  /*border-radius: 10px 10px 0 0;*/


}


.encabezado{


  border-radius: 10px 10px 0 0;


}


.pie{


  border-radius: 0px 0px 10px 10px;


}





.renglon{


  padding: 3px;


  border-width: 0px 2px 0px 2px;


  border-style: solid;


}





.encabezado_table{


  padding: 5px 0 15px 0;


  color: #0fcec9;


  text-align: center;


  text-transform: uppercase;


  border-bottom: 1px solid; 


  font-size: 14px;


}





.renglon_table{


  padding: 2px;


  border-bottom: 1px solid #e9ecef;


  


}





.renglon:nth-child(even),


.renglon_table:nth-child(even){


  


  background: #fff;


}





.renglon:nth-child(even),


.renglon_table:nth-child(even){


  background: #fbfbfb;


}





.renglon:hover,


.renglon_table:hover{


  background: #dddddd3d;


}





.renglon:last-child{


  border-bottom: 2px solid;


  border-radius: 0 0 10px 10px;


}





.bg-dark-blue {


    /*background-color: #1f3e62!important;*/
    background: linear-gradient(90deg,#0c2646 0,#204065 60%,#2a5788);


}





.text-dark-blue, a.text-dark-blue:focus, a.text-dark-blue:hover {


    color: #1f3e62!important;


}





.bg-light-gray {


    background-color: #777777!important;


}





.text-light-gray, a.text-light-gray:focus, a.text-light-gray:hover {


    color: #777777!important;


}





.text-default, a.text-default:focus, a.text-default:hover {


    color: #888888!important;


}





/**************************************************


              fin divs q simulan tabla


**************************************************/





.renglon_table button[type=button].btn{


  margin: 3px 1px;


  font-size: 12px;


  min-width: 120px;


}

































































.btn-wd {


    min-width: 140px !important;


}





.dropdown.dropdown-lg .dropdown-menu {


    margin-top: -1px;


    padding: 6px 20px;


}


.input-group-btn .btn-group {


    display: flex !important;


}


.btn-group .btn {


    border-radius: 0;


    margin-left: -1px;


}


.btn-group .btn:last-child {
      background-color: #0fcec9;
    color: #fff;

    border-top-right-radius: 4px;


    border-bottom-right-radius: 4px;


}


.btn-group .form-horizontal .btn[type="submit"] {


  border-top-left-radius: 4px;


  border-bottom-left-radius: 4px;


}


/*.form-horizontal .form-group {


    margin-left: 0;


    margin-right: 0;


}


.form-group .form-control:last-child {


    border-top-left-radius: 4px;


    border-bottom-left-radius: 4px;


}*/



@media screen and (min-width: 992px){
  #adv-search {
    width: 300px;
    /* margin: 0 auto; */
  }
  .dropdown.dropdown-lg {
      position: static !important;
  }

  .dropdown.dropdown-lg .dropdown-menu {
      min-width: 300px;
  }
}


@media screen and (min-width: 775px){
  .mini_screen{
    text-align: center;
  }
}


@media screen and (min-width: 1145px) {


    #adv-search {
        width: 500px;
        /*margin: 0 auto;*/
    }

    .dropdown.dropdown-lg {
      position: static !important;
    }

    .dropdown.dropdown-lg .dropdown-menu {
        min-width: 500px;
    }


}








.btn-personalizado{
  height: 100%;
  margin: 0px 0px !important;
  padding: 10px !important;
}





.si-border{


  width: 100% !important;


  


  background-color: transparent !important;


    border: 1px solid #e3e3e3 !important;


    border-radius: 30px !important;


    color: #2c2c2c !important;


    line-height: normal;


    font-size: .8571em !important;


    transition: color .3s ease-in-out,border-color .3s ease-in-out,background-color .3s ease-in-out;


    box-shadow: none;





    display: block;


    padding: .5rem .75rem;


    font-size: 1rem;


    line-height: 1.25;


    color: #495057;


    background-color: #fff;


    background-image: none;


    background-clip: padding-box;


    border: 1px solid rgba(0,0,0,.15);


    border-radius: .25rem;


    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;


}





.si-border:focus{


    border: 1px solid #0fcec9 !important;


    box-shadow: none !important;


    outline: 0!important;


    color: #2c2c2c !important;


}





.si-border::placeholder {


  color: blue;


}


.div_paginacion{


  margin-top: 15px;


  text-align: right;


}





ul.pagination{


  display: inline-flex;


}





ul.pagination li{


  border: 1px solid #0fcec9;


  border-right: 0px;


  padding: 5px;


}


ul.pagination li span, 


ul.pagination li a{


  padding: 10px;


}





ul.pagination li.active{


  background: #0fcec9;


  color: #fff;


}

.pagination .page-item.active>.page-link, .pagination .page-item.active>.page-link:focus, .pagination .page-item.active>.page-link:hover {
    background-color: #0fcec9;
    border-color: #0fcec9;
    color: #fff;
}








ul.pagination li:first-child{


  border-radius: 8px 0px 0px 8px;


}


ul.pagination li:last-child{


  border-radius: 0px 8px 8px 0px;


  border-right: 1px solid #0fcec9;


}








/********************************************


* lo sobreescribi para tenia 50px de padding,


* se veia mucho espacio en producto nuevo


*/


.tab-space {


    padding: 20px 0 20px;


}


.card.card-plain.card-subcategories {


    margin: 0px;


}


/*******************************************/

















/*******************************************


* la tabla se ve muy junta de arriba


*/


div#tabla_de_precios {


    margin-top: 10px;


}


/*******************************************/





/*******************************************


* icono o simbolo, para q el input 


* no se haga grande


*/


.icon-norm{


  font-style: normal;


  font-size: small;


}





.form-group, .input-group {


    margin-bottom: 0;


    


}





/*******************************************/














/*******************************************


* los cuadros de producto nuevo sean mas pequeños


*/


.nav-pills .nav-item .nav-link {


    padding: 2px 15px;


}


/*******************************************/











.btn-dark-blue {


    background-color: #203e62;


    color: #fff;


}





.btn-dark-blue.btn-simple {


    background: white;


    color: #203e62;


    border-color: #203e62;


}





.btn.btn-dark-blue:active, 


.btn.btn-dark-blue:focus, 


.btn.btn-dark-blue:hover {


    background-color: transparent;


    color: #315e92;


    border-color: #315e92;


    box-shadow: none;


}











.btn-fa{


  padding: 2px 18px !important;


  min-width: 50px !important;


}





.fa-20{


  font-size: 20px !important;


}








/*******************************************


* caja de texto q tiene un input-group-addon


* y luego la caja de texto clases para 


* que se ponga el borde de color naranja


*/


.input-group-border{


  height: 33px;


}





.input-group-border:focus-within {


    border: 1px solid #ef6236;


    border-radius: 20px;


}





.input-group-border:focus-within span {


    border: 0px;


}





.input-group-border:focus-within span~.form-control {


    border: 0px;


}





/*******************************************


********************************************/











/*******************************************


* Clases para combinar dentro de un div las 


* clases col y row, y que se vea bien ejemplo:


* <div class="col-6 col-md-3 row ">


*/


.no-padding{ padding: 0px !important; }


.no-margin { margin: 0px !important; }


/*******************************************


********************************************/





.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  visibility: visible;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  right: 5px;
  bottom: 0;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}















































.ttp {


    position: relative;


    display: inline-block;


/*    border-bottom: 1px dotted black;*/


    cursor:  pointer;


}





.ttp .tooltiptext {


    visibility: hidden;


    width: 120px;


    background-color: #555;


    color: #fff;


    text-align: center;


    border-radius: 6px;


    padding: 5px 0;


    position: absolute;


    z-index: 1;


    bottom: 125%;


    left: 50%;


    margin-left: -60px;


    opacity: 0;


    transition: opacity 0.3s;


}





.ttp .tooltiptext::after {


    content: "";


    position: absolute;


    top: 100%;


    left: 50%;


    margin-left: -5px;


    border-width: 5px;


    border-style: solid;


    border-color: #555 transparent transparent transparent;


}





.ttp:hover .tooltiptext {


    visibility: visible;


    opacity: 1;


}








.titulo_tabla_precios{


  font-size: 15px;


  font-weight: bold;


  color: #1f3e62;


}








datalist option{


  cursor: pointer;


}








/********************************


            DESCUENTO


********************************/


/*


.tam_tabla {


  max-height: 250px;


  overflow-y: scroll;


  overflow-x: hidden;


}





.form-descuento {


  position: fixed;


  width: 20%;


}*/





/********************************


          FIN DESCUENTO


********************************/








input[type=number]::-webkit-inner-spin-button, 


input[type=number]::-webkit-outer-spin-button { 


  -webkit-appearance: none; 


  margin: 0; 


}





input[type=number] { -moz-appearance:textfield; }























/********************************


            VENTA


********************************/


.tabla_scroll{    


    max-height: 260px;


    border: 2px solid #24405f;


    border-radius: 14px;


}





.contenido_renglones,


.contenido_renglones_pie{


  overflow-y: scroll;


  overflow-x: hidden;


}





.contenido_renglones{


    max-height: 224px;    


}





.contenido_renglones_pie{


    max-height: 202px;


}





.contenido_renglones .renglon:last-child,


.contenido_renglones_pie .renglon:last-child{


  border-bottom: 0px solid;


  /*border-radius: 0 0 10px 10px;*/


}





.factura{


  background: #3880b345 !important;


}








@media (min-width: 992px)


.modal-venta {


    max-width: 1100px;


}





.descuento {


  color: rgb(222, 97, 92);


}





.incremento{


  color: rgb(44, 134, 200);


}


/********************************


            FIN VENTA


********************************/





.manita{


  cursor: pointer !important;


}