/* Acomoda el Z-Index del autocomplete */
.ui-autocomplete {
    z-index: 1050;
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}

.vfg-action-readonly .oculto-para-consulta {
    display:none;
}

.s-label {
    display: inline;
    padding: .2em .6em .3em;
    /*font-weight: 700;*/
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.small-label{
    font-weight: 300;
}

.numero-en-tabla {
    float: right;
}

.texto-en-tabla {
    float: center;
}

.fecha-en-tabla {
    float: center;
}

.input-en-tabla {
    display: block;
    width: 100%;
    height: 29px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    /*background-color: #fff;*/
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.jscroll-loading {
    text-align: center;
    background: url(/public/images/small_loading.gif) no-repeat center;
    padding: 5px 0;
    /*margin-bottom: 10px;*/
    font-style: italic;
    text-indent: -9999px;
}

.vfg-lateral-menu-collapse {
  display: inline-block;
  /* width: 200px; */
  padding: 8px;
  color: #fff;
  border: 2px solid #fff;
  text-align: center;
  outline: none;
  text-decoration: none;
  transition: background-color 0.2s ease-out,
              border-color 0.2s ease-out;
  position: absolute;
  bottom: 12px;
  right: 0px;
}

.vfg-lateral-menu-expand {
  display: inline-block;
  /* width: 200px; */
  padding: 8px;
  color: #fff;
  border: 2px solid #fff;
  text-align: center;
  outline: none;
  text-decoration: none;
  transition: background-color 0.2s ease-out,
              border-color 0.2s ease-out;
  position: absolute;
  bottom: 11px;
  right: 7px;
}

.vfg-lateral-menu-collapse-expand:hover,
.vfg-lateral-menu-collapse-expand:active {
  background-color: #fff; /* fallback */
  background-color: rgba(255, 255, 255, 0.4);
  border-color: #ededed; /* fallback */
  /*border-color: rgba(255, 255, 255, 0.4);
  transition: background-color 0.3s ease-in,
              border-color 0.3s ease-in;*/
}

.app-container.collapsed .vfg-lateral-menu-collapse {
    display:none;
}

.app-container:not(.collapsed) .vfg-lateral-menu-expand {
    display: none;
}

.app-container.collapsed .vfg-lateral-menu-expand {
    display: inline-block;
}

tr td .seg-oc-btn-drill-down {
    position:absolute;
    left: -12px;
    top:6px;
    cursor: pointer;
    /*visibility: hidden;*/
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

/****INICIO ESTILOS PARA LOS CHECKBOX****/
/****************************************/
.checkbox {
    padding-left: 20px;
}
.checkbox label {
    display: inline-block;
    padding-left: 5px;
    position: relative;
}
.checkbox label::before {
    -o-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    background-color: #ffffff;
    border-radius: 3px;
    border: 1px solid #cccccc;
    content: "";
    display: inline-block;
    height: 17px;
    left: 0;
    margin-left: -20px;
    position: absolute;
    transition: 0.3s ease-in-out;
    width: 17px;
    outline: none !important;
}
.checkbox input[type="checkbox"] {
    cursor: pointer;
    opacity: 0;
    z-index: 1;
    outline: none !important;

}
.checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c"; }

.checkbox label::after {
    color: #555555;
    display: inline-block;
    font-size: 11px;
    height: 16px;
    left: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    position: absolute;
    top: 0;
    width: 16px;
}
.checkbox.checkbox-single label {
    height: 17px;
}


.checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #eee;
    border-color: #ccc;


}
.checkbox-success input[type="checkbox"]:checked + label::after {
    color: #555;

}

/****FIN ESTILOS PARA LOS CHECKBOX*******/
/****************************************/

/**ESTILO PARA LOS BOTONES DE AGREGAR***/
.button-icon-add{
    margin-right: 5px;
    color: #555;
}
.button-add:hover .button-icon-add{
    color: #fff;
}


/**ESTILO PARA MOSTRAR LOS SALDOS EN LA PANTALLA PRINCIPAL*/
.content-saldos{
    background-color: #f5f4f9;
    position: relative;
    /* bottom: 10px;*/
    top: -48px;/*125px;*/
    right: 1%;
    left: 0%;
}


.td-saldo-bancos-vfg[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
.td-saldo-bancos-vfg[data-title]:after {
    content: attr(data-title);
    position: absolute;
    bottom: -2.6em;
    left: 30%;
    padding: 4px 4px 4px 8px;
    color: #494949;
    background-color: #f5f4f9;
    white-space: nowrap;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 4px #222;
    -webkit-box-shadow: 0px 0px 1px #494949;
    opacity: 0;
    font-size: 12px;

}
.td-saldo-bancos-vfg[data-title] {
    position: relative;
}


.labelSubCliente {
    width: 100%;
}
@media screen and (max-width: 1350px ){
    .labelSubCliente {
        max-width: 200px;
    }
}

.ui-datepicker {
    /*comentado 14/02/2019
    se comenta porque no mostraba el calendario
    al abrir un dialogo sino que lo mostraba en otra posicion
    z-index: 2 !important;*/
}

.alinear_info_pdo_cliente_left{
    text-align: left;
}
.alinear_info_pdo_cliente_right{
    text-align: right;
}
.titulo-resumen-semanal{
    color: white;
    padding: 5px 5px 0px 5px;
}


.class-div-informe-afip-fact {
    display: flex;
    justify-content: center;
    align-items: center;
}

.class-div-informe-afip-fact > .form-inline {
    width: 50px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.class-div-informe-afip-fact > .form-inline > .checkbox {
    padding: 0;

    align-items: center;
}

.class-div-informe-afip-fact > .form-inline > .checkbox,
.class-div-informe-afip-fact > .form-inline > .btn-anular-factura{
    width: 25px;
    margin: 0;
    padding: 0;
}
span[contenteditable="true"] {
    border: 1px #9AC5FB solid;
}
label[contenteditable="true"] {
    border: 1px #9AC5FB solid;
}
.color-fondo-selection-cantidad-pedido::selection {
    background-color: #428bca;
    color: #fff;
}

#version-software{
    color:#004A8C;
    font-size:15px;
}

/* Responsive Styles */


.lista_articulos_actualizados_auto {
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: scroll;
}

.filter-list-container {
    overflow: auto;
}

/* Estilos de Pedido de Venta */

.pedido_venta_lista_de_pedido {
    display: block;
    overflow-x: scroll;
}

.glb-form-break-1 {
    flex-basis: 100%;
    height:0
}

.ctrl-pedido_venta .form-break-1 {
    flex-basis: 100%;
    height:0
}

.ctrl-factura_ventas_bc .form-break-1 {
    flex-basis: 100%;
    height:0
}

.ctrl-rankingVenta .form-break-1 {
    flex-basis: 100%;
    height:0
}

@media screen and (max-width: 1120px) {
    .ctrl-pedido_venta .form-break-1 {
        flex-basis: 0%;
    }

    .ctrl-factura_ventas_bc .form-break-1 {
        flex-basis: 0%;
    }

    .ctrl-rankingVenta .form-break-1 {
        flex-basis: 0%;
    }
}

.ctrl-pedido_venta .vfg-action-search .crud-dyn-sch_nropedido {
    flex-grow: 1;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    max-width: 200px;
    min-width: 200px;
}

.vfg-action-search .crud-dyn-sch_cliente {
    flex-grow: 1;
    /* flex-shrink: 30; */
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    min-width: 300px;
}

.ctrl-pedido_venta .vfg-action-search .crud-dyn-sch_fechapedido {
    flex-grow: 0;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
}

.ctrl-pedido_venta .vfg-action-search .crud-dyn-sch_estadopedidoventa {
    flex-grow: 0;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    min-width: 100px;
}

.ctrl-pedido_venta .vfg-action-search .crud-dyn-sch_estadopedidoventa .multiselect-native-select {
    display: block;
}

/* Fin Estilos de Pedido de Ventas */

/* Factura de Venta */

.ctrl-factura_ventas_bc .vfg-action-search .crud-dyn-sch_factestado {
    flex-grow: 0;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    min-width: 50px;
}

.ctrl-factura_ventas_bc #vfg_facturacionbundle_factcabecera_tipooperacionrg3685 {
    min-width: 160px;
}

.factura_venta_lista_de_articulos {
    display: block;
    overflow-x: scroll;
}

.ctrl-factura_ventas_bc .vfg-action-search .crud-dyn-sch_factestado .multiselect-native-select {
    display: block;
}

/* Fin : Factura de Venta */

/* Reporte de Pedido de Venta */

.ctrl-reportePedidoVenta .crud-dyn-sch_monodroga, .ctrl-reportePedidoVenta .crud-dyn-sch_articulo, .ctrl-reportePedidoVenta .crud-dyn-sch_laboratorio {
    flex-grow: 1;
}

/* FIN - Reporte de Pedido de Venta */

/* Estilos Factura de Compra */
.ctrl-factura_compras .vfg-action-search .crud-dyn-sch_proveedor {
    flex-grow: 1;
}
/* FIN - Estilos Factura de Compra */

/* Estilos Factura de Compra de Conceptos */
.ctrl-factura_compras_concepto .vfg-action-search .crud-dyn-sch_proveedor {
    flex-grow: 1;
}
/* FIN - Estilos Factura de Compra de Conceptos */

/* Estilos NC de Compra */
.ctrl-nota_credito_bc_compras .vfg-action-search .crud-dyn-sch_proveedor {
    flex-grow: 1;
}
/* FIN - Estilos NC de Compra */

/* Estilos Remito de Venta */

.ctrl-remito .vfg-action-search .crud-dyn-sch_estadoremito .multiselect-native-select {
    display: block;
}

/* FIN - Estilos Remito de Venta */

/* Estilos de Contratos */

.ctrl-orden_compra_bienes_cambio .registro_container .well {
    overflow: hidden;
}
/* FIN - Estilos Remito de Venta */

/* Estilos de la Orden de Compra BC */

.ctrl-orden_compra_bienes_cambio .dv_table_detalle_container {
    overflow-x: scroll;
}

/* FIN - Estilos de la Orden de Compra BC */

/* Estilos NC de Venta */

.ctrl-nota_credito_ventas .dv-monto-semanas {
    position: relative;
}

.ctrl-nota_credito_ventas #buscar_semanas {
    position: absolute;
    float: right;
    padding: 5px;
    top: 0;
    right: -28px;
}

/* FIN - Estilos NC de Venta */

.crud-dyn-sch_numerocompleto {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    min-width: 100px;
}

.glb-form-flex-container {
    display: flex;
    flex-wrap: wrap
}

.vfg-action-new .plug-ac-cliente {
    min-width: 300px;
}
.crud-dyn-search-options {
    /* flex-grow: 1; */
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    min-width: 230px;
}

.table_list {
    overflow-x: scroll;
}

.table_list_with_drilldown {
    overflow-x: scroll;
    padding-left:15px;
}

.crud-dyn-search-container {
    display: flex;
    flex-wrap:wrap;
}

.vfg-action-search .table_list #table_lista_usuarios {
    min-width: 900px;
}

.vfg-action-search .plug-ac-cliente {
    min-width: 300px;
}

.vfg-action-search .crud-dyn-sch-item {
    margin-left:5px;
    margin-right:5px;
    margin-top:5px;
}

.glb-form-elem-container {
    margin-left:5px;
    margin-right:5px;
    margin-top:5px;
}

.glb-form-elem-grow-fixed {
    flex-grow:0;
}

.glb-form-elem-grow-1 {
    flex-grow:1;
}

.plug-ac-laboratorio {
    min-width: 300px;
}

.glb-total-general-container {
    min-width: 300px;
}

.glb-total-general-container label {
    font-size: 14px;
    display: inline-block;
    padding-right:5px;
    padding-left:5px;
}

.glb-total-general-container div {
    font-size: 19px;
    text-align: right;
    display: inline-block;
}

.glb-total-general-container input {
    font-size: 19px;
    text-align: right;
}

#boton-modal-impuesto{
    top: 72px;
    position: relative;
    float: right;
    left: 2px;
    padding: 5px;
    display: flex;
}

#impuesto-comercial-tabla .monto {
    float: right;
    font-weight: bold;
}

#impuesto-comercial-tabla .nombre {
    font-size: 12px;
}

#impuesto-comercial-tabla{
    width: 100%;
}

.popover-impuesto-comercial{
    width: 340px;
    max-width: 340px;
}

.popover-impuesto-comercial .popover-title {
    padding: 1px 8px;
    text-align: center;
}

#impuesto-comercial-tabla tfoot {
   border-top: 1px solid;
}

#impuesto-comercial-tabla .center-text {
    text-align: center;
 }

.form-inline .lbl_inline {
    overflow: hidden;
    font-size: 12px;
    color: #225a80;
    vertical-align: middle;
}

.form-inline .input_inline {
    font-size: 12px;
    color: #225a80;
    width: 100% !important;
    min-height: 33px !important;
    font-size: 12px;
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-inline .lbl_inline.lbl_brackets {
    font-size: 30px;
    overflow: unset;
}

.form-inline .lbl_inline.lbl_brackets.lbl_brackets_pago_left {
    margin-left: -10px;
}

.ctrl-contratos .vfg-action-readonly .btn-adjuntar-archivos {
    display:none;
}

.loggeduser .user-profile-holder1{
    position:fixed;
    bottom: 10px;
    left: 0px;
    width: 190px;
    margin: 0 10px;
    padding: 5px;
    color: #009444;
    border-radius: 5px;
    border: 1px solid #e1e1e1;
    background-color:white;
    vertical-align: top;
}

.loggeduser .user-profile {
    padding: 0;
    background-color:transparent;
    border: none;
}

.loggeduser .user-profile:before{
    position: absolute;
    right: 10px;
    top: 35%;
}

.loggeduser .user-profile .mask-circle{
    display:inline-block;
    width: 45px;
    height: 45px;
    vertical-align: middle;
}

.loggeduser .user-profile-holder1 label.badge{
    position:absolute;
    left: 35px;
    top: 35px;
    background: #004A8C;
}

.loggeduser .user-profile p{
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-bottom: 0;
}


.loggeduser .user-profile p,
.loggeduser .user-profile-holder1 label.badge{
    font-family: "Roboto",Helvetica,Arial,sans-serif;
}

.profile-dropdown-loggeduser:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 9px 7px 0;
    border-color: white transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: 82px;
    left: 12%;
}
.position-op-loggeduser{
    bottom: -170% !important;
    text-align: left;
    margin: 2px 28px 0;
}

.mask-circle-logo-empresa{
    display: inline-block;
    overflow: hidden;
}


.sidebar .user-profile .mask-circle-logo-empresa{
    display:inline-block;
    height: 56px;
    vertical-align: middle;
}
.text-img-phone{
    color:#A4A4A4;
    font-size: 1.7em;
    cursor: pointer
}

/** fraccionamiento **/

.check-fraccionado-container .toggle.btn {
    min-width: 45px;
    min-height: 25px;
    width: 45px !important;
    height: 25px !important;
    margin: 3px;

}
.check-fraccionado-container .btn {
    font-size: 10px;
}

.popover-fraccionamiento {
    font-size: 10px;
}

.popover-fraccionamiento table{
   width: 100%;
   font-weight:bold;
   color:black;
}

.popover-fraccionamiento table td{
   font-weight:bold;
   color:black !important;
}

.popover-fraccionamiento .popover-content{
    padding: 5px;
    min-width: 150px;
 }

 .popover-fraccionamiento .texto-en-tabla{
   text-align: right;
 }

 .ctrl-almacenUbicacion .form-break-1 {
    flex-basis: 100%;
    height: 0;
}

.req-field-mark {
    color: #f75656 !important;
}
.req-field-mark::before {
    content: "(*)";
}
.header_fijo_transportista th{
    position: sticky;
    top: 0px;
    z-index: 10;
}

.table-drilldown-header thead th {
    background-color: #009444 !important;
}
.ctrl-devolucion_ventas .vfg-action-search .crud-dyn-sch_estado_devolucion .multiselect-native-select {
    display: block;
}

.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s {
    background-image: url(images/ui-icons_444444_256x240.png) !important;
}

.accordion-style-1 .ui-accordion-header.ui-accordion-header-collapsed {
    color: #225a80;
    font-weight: 700;
}

.accordion-style-1 .ui-accordion-header.ui-accordion-header-active {
    font-weight: 700;
}

.tableBodyScrollResumenBanco  {
    display:block;
    max-height:300px;
    overflow-y:scroll;
}
.tableBodyScrollResumenBanco thead, .tableBodyScrollResumenBanco tbody  {
    display:table;
    width:100%;
    table-layout:fixed;
}
.header_fijo_rbco th{
    position: sticky;
    top: 0px;
    z-index: 10;
}

.ctrl-localidad .multiselect-container {
    height:200px !important;
    overflow-y:scroll !important;
}

.style-fecha-lista-precio{
    position: relative;
    z-index: 1  ;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.vfg-action-search .table_list::-webkit-scrollbar {
    display: none;
  }

  /* Hide scrollbar for IE, Edge and Firefox */
  .vfg-action-search .table_list {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

  .vfg-action-search .bottom_list_scrollbar {
    left:210px;
    right:0;
    overflow-x: scroll;
    bottom: 0;
    position: fixed;
    z-index: 100000;
    display:none;
  }

  .vfg-action-search .bottom_list_scrollbar #bottom_list_scrollbar_content {
    display:block;
    height:0.5px;
  }

.style-input-fechas{
    position: relative;
    z-index: 1  ;
}

th.col-ordenable:hover {
 opacity: 0.8;
 cursor:pointer;
}

th.col-ordenable.col-order-asc i.fa.fa-sort-asc{
    float:right;
    cursor:pointer;
    padding-right:5px;
    padding-top:5px;
}

th.col-ordenable.col-order-desc i.fa.fa-sort-desc{
    float:right;
    cursor:pointer;
    padding-right:5px;
}

.header_fijo_table th{
    position: sticky;
    top: 0px;
    z-index: 10;
}

.ctrl-seguimiento_ordenes_compra #table_lista_usuarios {
    margin-left:15px;
}

.ctrl-seguimiento_ordenes_compra .seg_orden_lista_tab {
    margin-right: 40px;
}