@import url("dosis.4dd500a8271b.css");

@import url("ubuntu.41de00443745.css");

body {
    font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif!important;
    color: #37474F;

}

/* Using a string */

h1, h2, h3, h4, h5{
    font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif!important;
    font-weight: 800;
    color: #37474F;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
   padding: 0 5px  !important;
}
.panel-body {
    padding: 10px!important;
  
  }

.text-dashboard {
    color: #1E88E5 !important;
    font-size: 1.5em !important;
    font-family: Dosis, Calibri !important;
    font-weight: bold;
    text-transform: uppercase;
}

.menu .panel h3 {
    margin-top: 0 !important;
}

.menu .panel {
    margin-bottom: 10px !important;
}

.menu .panel-body:hover {
    background-color: #fefefe !important;
}

.menu .item-menu {
    cursor: pointer;
}
.panel-historia {
    margin-top: 0.3em !important;
}
.panel-historia span {
    
    color: #1e88e5 !important;
    font-size: 1.2em !important;
  }

.kanban .panel .thumb.thumb-fixed img {
    max-width: 150px !important;
}

.kanban::after {
    clear: both;
    content: " ";
    display: table;
}

.header-list h1 i {
    font-size: 1.2em !important;
}

.panel-client h2 {
    padding-top: 1.2em !important;
}

.input-xlg {
    height: 41px !important;
}

.btn-labeled>b {
    padding: 11px !important;
}

[v-cloak] {
    display: none !important;
}

.cursor_hand {
    cursor: pointer
}

.loading-data {
    position: fixed;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    z-index: 1001;
    background: rgba(55, 71, 79, 0.9);
}

.load-square {
    position: relative;
    height: 80px;
    width: 80px;
    margin: 0 auto;
    text-align: center;
    top: 35%;
}

.sk-folding-cube {
    margin: 20px auto;
    width: 40px;
    height: 40px;
    position: relative;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.sk-folding-cube .sk-cube:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
    animation: sk-foldCubeAngle 2.4s infinite linear both;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.sk-folding-cube .sk-cube2 {
    -webkit-transform: scale(1.1) rotateZ(90deg);
    transform: scale(1.1) rotateZ(90deg);
}

.sk-folding-cube .sk-cube3 {
    -webkit-transform: scale(1.1) rotateZ(180deg);
    transform: scale(1.1) rotateZ(180deg);
}

.sk-folding-cube .sk-cube4 {
    -webkit-transform: scale(1.1) rotateZ(270deg);
    transform: scale(1.1) rotateZ(270deg);
}

.sk-folding-cube .sk-cube2:before {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-folding-cube .sk-cube3:before {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.sk-folding-cube .sk-cube4:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

@-webkit-keyframes sk-foldCubeAngle {
    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }
    90%,
    100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}

@keyframes sk-foldCubeAngle {
    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }
    90%,
    100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}

.mostrar_activities {
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    position: fixed;
    left: 0;
    height: 100vh;
    width: 100vw;
    visibility: visible;
    transition: all .5s;
    z-index: 99;
    top: 49px!important;
}

.ocultar_activities {
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    position: fixed;
    top: -100vh;
    left: 0;
    height: 100vh;
    width: 100vw;
    visibility: hidden;
    transition: visibility 0s, all .5s;
    z-index: 99;
}

.errorlist {
    color: red;
}


/*Ocultar los spin button de los input number */

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

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#modal_activities .menu {
    padding: 1em !important;
}

#modal_activities .menu .form-control-feedback i {
    padding-left: 20px;
    color: #fff;
}

#modal_activities .menu .has-feedback {
    width: 20% !important;
    margin: auto !important;
}

#txt_filtrar_actividades {
    background-color: rgba(0, 0, 0, 0.4);
    border-color: rgba(0, 0, 0, 0.6);
    color: #fff;
}

#modal_activities .panel {
    background-color: transparent !important;
    border: 0 !important;
    margin-bottom: 20px;
    padding: 0 !important;
}

#modal_activities .panel-body {
    padding: 10px 0 0 !important;
}

#modal_activities .thumb.thumb-fixed img {
    max-width: 100px !important;
}

#modal_activities .panel:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
    border: none !important;
    border-radius: 5px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

#modal_activities .panel-body:hover {
    background: none;
    border: none;
    background-color: transparent !important;
}

#modal_activities .panel h3 {
    background-color: transparent !important;
    color: #fff !important;
    border-radius: 2em !important;
    letter-spacing: 0.1px !important;
    font-size: 1.5em !important;
    font-weight: 400 !important;
    margin: 0 !important;
    padding: 0.5em 0 !important;
    font-family: Dosis, Calibri !important;
}

#modal_activities .panel h4 {
    background-color: transparent !important;
    color: #fff !important;
    border-radius: 15px !important;
    letter-spacing: 0.1px !important;
    font-size: 1.5em !important;
    font-weight: 400 !important;
    margin: 0 !important;
    padding: 3px 0 !important;
    font-family: Dosis, Calibri !important;
}

#modal_activities .modal-body {
    position: relative;
    padding: 0.1em;
    overflow-y: scroll;
    height: 99% !important;
}

#actividades_menus {
    margin: 0;
    padding: 0;
}

#actividades_menus .submenu a {
    margin: auto;
}

#actividades_menus .table {
    border: none;
    width: 50%;
    margin: auto;
}

#actividades_menus .table td {
    border: none;
    background-color: transparent;
}

#actividades_menus .table td:hover {
    border: none;
    background-color: rgba(255, 255, 255, 0.3) !important;
    margin: 20px;
    border-radius: 5px;
}

.first_element:only-child {
    /*background-color: rgba(255, 255, 255, 0.3) !important;*/
    margin: 20px;
    border-radius: 5px;
    border-top: rgba(0, 0, 0, 0.8) !important;
    border: none !important;
}

#actividades_menus .table td {
    border: none;
}

#actividades_menus .table i {
    border: none;
    margin: auto;
    font-size: 2em;
    padding: 15px;
}

#actividades_menus .table label {
    font-family: "Ubuntu";
    font-size: 2em;
    vertical-align: middle !important;
}

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

#modal_activities .menu.item-menu {
    margin-bottom: 10px !important;
}

.breadcrumb-elements>li>a {
    font-size: 0.8em;
}

.radio,
.checkbox {
    margin: 0 !important;
}


/* PANEL FACTURA */ 


.panel-factura input {
    /*padding: 5px !important;*/
}

.panel-factura a {
    padding: 0 !important;
}

.panel-factura a i {
    color: #000;
}

button i {
    position: relative;
    /*top:-0.2em!important;*/
}

a i {
    position: relative;
    top: -0.2em!important;
}

.panel-factura .input-group-addon {
    padding: 0 5px !important;
}

.panel-factura .form-control {
    height: 2.2em!important;
    background-color: transparent!important;
    
}
.panel-factura label{
    margin: 0!important;
    border: none !important;
    text-transform: uppercase;
    padding: 0 0.5em!important;
}

.panel-factura table td {
    padding: 0 !important;
}

.panel-factura .f_impuestos span.badge,
i {
    position: relative;
    top: -0.3em;
}

.panel-factura table td input,
.panel-factura table td .sp-replacer {
    border: none;
}

.panel-factura table td select {
    border: none;
}

.panel-factura table td {
    border: 1px solid #cecece !important;
}

.panel-factura .table .delete-row, .delete-row-producto_material {
    color: transparent;
    background: url("../images/icons/remove.c724a4e6c37f.png") no-repeat 50% 50%;
    background-size: 0.8em;
    margin: auto;
    padding-left: 0.2em!important;
}

.panel-compras .delete-row, .delete-row-lotes, .delete-row-ubicacion, .delete-row-reembolsos, .delete-row-presupuesto {
    color: transparent !important;
    background: url("../images/icons/remove.c724a4e6c37f.png") no-repeat 50% 50% !important;
    background-size: 0.8em !important;
    margin: auto !important;
    padding-left: 0.2em !important;
}

.panel-factura .table .add-row {
    color: transparent;
    background: url("../images/icons/plus.f6c7353cdc5e.png") no-repeat;
    background-size: 0.8em;
    margin: 0.5em!important;
    padding-left: 0.2em!important;
}

.panel-compras .add-row, .add-row-lotes, .add-row-detalles, .add-row-producto_material, .add-row-producto_equivalente, .add-row-atributos, a.add-row-ubicacion, .add-row-reembolsos, .add-row-presupuesto {
    color: transparent !important;
    background: url("../images/icons/plus.f6c7353cdc5e.png") no-repeat !important;
    background-size: 0.8em !important;
    margin: auto !important;
    padding-left: 0.2em!important;
}


/*.page-header + .page-container {
    padding-top: 20px !important;
}*/

#actividades_menus .icono,
.nombre {
    display: inline;
}

#actividades_menus .icono {
    min-width: 20%;
}

.form-factura .table td.f_producto {
    width: 30% !important;
}

.form-factura .table td.descripcion_adicional {
    width: 20% !important;
}

.form-factura .table td.f_cantidad {
    width: 5% !important;
}

.form-factura .table td.f_precio {
    width: 10% !important;
}

.form-factura .table td.precio_ult_compra{
    width: 5% !important;
}

.form-factura .table td.f_impuestos {
    width: 10% !important;
}

.form-factura .table td.f_porcentaje_descuento {
    width: 5% !important;
}

.form-factura .table td.f_valor_descuento {
    width: 5% !important;
}

.form-factura .table td.f_valor {
    width: 10% !important;
}

.form-factura .table td.frm-delete {
    width: 3% !important;
}

.form-factura .table tr {
    border: 1px solid #cecece !important;
}

.form-factura .table tr th {
    border: 1px solid #cecece !important;
}

.form-factura .table .formset-control-add td {
    padding: 5px !important;
}

.form-factura #table-formset-forma-pago {
    margin-top: 1em !important;
}

#table-formset-forma-pago {
    margin-top: 1em !important;
}

.form-factura #table-formset-forma-pago .td.forma-pago {
    width: 40% !important;
}

#table-formset-forma-pago .td.forma-pago {
    width: 40% !important;
}

.form-factura #table-formset-forma-pago .td.valor-forma-pago {
    width: 10% !important;
}

#table-formset-forma-pago .td.valor-forma-pago {
    width: 10% !important;
}

.form-factura #table-formset-forma-pago .td.dias-forma-pago {
    width: 10% !important;
}

#table-formset-forma-pago .td.dias-forma-pago {
    width: 10% !important;
}

.form-factura #table-formset-forma-pago .td.cometario-forma-pago {
    width: 35% !important;
}

#table-formset-forma-pago .td.cometario-forma-pago {
    width: 35% !important;
}

.form-factura #table-formset-forma-pago .td.delete-forma-pago {
    width: 5% !important;
}

#table-formset-forma-pago .td.delete-forma-pago {
    width: 5% !important;
}

.form-factura .table .valores-factura {
    padding-right: 5px !important;
    font-weight: 500;
}

.table .valores-factura {
    padding-right: 5px !important;
    font-weight: 500;
}

.form-factura table .formset-control-pagos-add td {
    padding: 0.5em !important;
}

table .formset-control-pagos-add td {
    padding: 0.5em !important;
}

.form-factura table th {
    padding: 5px !important;
}

table th {
    padding: 5px !important;
}

.form-factura .form-control {
    padding: 5px;
}

.form-control {
    padding: 5px;
}


#id_codigo_establecimiento,
#id_codigo_pto_venta,
#id_subtotal_iva,
#id_subtotal_iva_extra,
#id_subtotal_iva0,
#id_iva,
#id_iva_extra,
#id_descuento,
#id_valor_total,
#id_numero,
#id_formset_detalles-0-porcentaje_descuento,
#id_porcentaje_iva,
#id_base_ice,
#id_valor_ice,
#id_subtotal_iva_1,
#id_subtotal_iva_extra_1,
#id_subtotal_iva0_1,
#id_iva_1,
#id_iva_extra_1,
#id_base_imponible_exento_iva,
#id_base_imponible_no_objeto_iva,
#id_propina,
#id_iva_presuntivo,
#id_renta_presuntiva,
#id_ice {
    text-align: right !important;
}

.campo-numerico{
    text-align: right !important;
}

#id_valor_total {
    font-weight: bold;
    font-size: 1.3em;
}

table td,
th {
    padding: 5px !important;
}

.btn-impuestos {
    cursor: pointer;
}

.tabla_totales tbody tr td input {
    text-align: right;
}


/*------login-------*/

.login-container #login-container {
    background: url("../images/backgrounds/erp2.c06023a727f9.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.login-container #login-container-eshop {
    background: url("../images/backgrounds/bg_eshop.51f4ea0d18d6.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.login-container #login-container-agenda-empleados {
    background: url("../images/backgrounds/bg_login_agenda_empleados.6a5393cc6072.jpeg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.table {
    border-radius: 0 !important;
}

.table td,
th {
    padding: 5px 10px !important;
}

.panel-heading {
    border-bottom: none;
}

.login-container .page-container .login-form {
    position: absolute;
    right: 5%;
    bottom: 20%;
}

.login-container .panel {
    background-color: rgba(0, 0, 0, 0.5) !important;
    border: 1px solid transparent;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.login-container .panel .text-slate-300,
.text-slate-300:hover,
.text-slate-300:focus {
    color: #fff !important;
}

.login-container .panel .border-slate-300 {
    border-color: #fff !important;
}

.login-container .panel small,
h5 {
    color: #fff !important;
}

.panel-title img {
    max-height: 60px !important;
    display: inline-block;
    vertical-align: top;
}

.footer {
    position: fixed !important;
    bottom: 0px !important;
    z-index: 99 !important;
}



legend {
    margin: 0 !important;
    font-family: "Dosis", Calibri, Helvetica Neue, Helvetica, Arial, sans-serif !important;
    font-size: 1.5em !important;
}
    
   
    
    /* Using a string */
    
h1, h2, h3, h4, h5{
        font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif!important;
        font-weight: 800;
    
}
    
    .col-xs-1,
    .col-sm-1,
    .col-md-1,
    .col-lg-1,
    .col-xs-2,
    .col-sm-2,
    .col-md-2,
    .col-lg-2,
    .col-xs-3,
    .col-sm-3,
    .col-md-3,
    .col-lg-3,
    .col-xs-4,
    .col-sm-4,
    .col-md-4,
    .col-lg-4,
    .col-xs-5,
    .col-sm-5,
    .col-md-5,
    .col-lg-5,
    .col-xs-6,
    .col-sm-6,
    .col-md-6,
    .col-lg-6,
    .col-xs-7,
    .col-sm-7,
    .col-md-7,
    .col-lg-7,
    .col-xs-8,
    .col-sm-8,
    .col-md-8,
    .col-lg-8,
    .col-xs-9,
    .col-sm-9,
    .col-md-9,
    .col-lg-9,
    .col-xs-10,
    .col-sm-10,
    .col-md-10,
    .col-lg-10,
    .col-xs-11,
    .col-sm-11,
    .col-md-11,
    .col-lg-11,
    .col-xs-12,
    .col-sm-12,
    .col-md-12,
    .col-lg-12 {
        /*padding: 0 !important;*/
    }
    
    
    
    .text-dashboard {
        color: #1E88E5 !important;
        font-size: 1.5em !important;
        font-family: Dosis, Calibri !important;
        font-weight: bold;
        text-transform: uppercase;
    }
    
    .menu .panel h3 {
        margin-top: 0 !important;
    }
    
    .menu .panel {
        margin-bottom: 10px !important;
    }
    
    .menu .panel-body:hover {
        background-color: #fefefe !important;
    }
    
    .menu .item-menu {
        cursor: pointer;
    }
    .panel-historia {
        /*margin-top: 0.3em !important;*/
    }
    .panel-historia span {
        color: #1e88e5 !important;
        font-size: 1.2em !important;
      }
    
    .kanban .panel .thumb.thumb-fixed img {
        max-width: 150px !important;
    }
    
    .kanban::after {
        clear: both;
        content: " ";
        display: table;
    }
    
    .header-list h1 i {
        font-size: 1.2em !important;
    }
    
    .panel-client h2 {
        padding-top: 1.2em !important;
    }
    
    .input-xlg {
        height: 41px !important;
    }
    
    .btn-labeled>b {
        padding: 11px !important;
    }
    
    [v-cloak] {
        display: none !important;
    }
    
    .cursor_hand {
        cursor: pointer
    }
    
    .loading-data {
        position: fixed;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        z-index: 1001;
        background: rgba(55, 71, 79, 0.9);
    }
    
    .load-square {
        position: relative;
        height: 80px;
        width: 80px;
        margin: 0 auto;
        text-align: center;
        top: 35%;
    }
    
    .sk-folding-cube {
        margin: 20px auto;
        width: 40px;
        height: 40px;
        position: relative;
        -webkit-transform: rotateZ(45deg);
        transform: rotateZ(45deg);
    }
    
    .sk-folding-cube .sk-cube {
        float: left;
        width: 50%;
        height: 50%;
        position: relative;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    
    .sk-folding-cube .sk-cube:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #ffffff;
        -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
        animation: sk-foldCubeAngle 2.4s infinite linear both;
        -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
    }
    
    .sk-folding-cube .sk-cube2 {
        -webkit-transform: scale(1.1) rotateZ(90deg);
        transform: scale(1.1) rotateZ(90deg);
    }
    
    .sk-folding-cube .sk-cube3 {
        -webkit-transform: scale(1.1) rotateZ(180deg);
        transform: scale(1.1) rotateZ(180deg);
    }
    
    .sk-folding-cube .sk-cube4 {
        -webkit-transform: scale(1.1) rotateZ(270deg);
        transform: scale(1.1) rotateZ(270deg);
    }
    
    .sk-folding-cube .sk-cube2:before {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }
    
    .sk-folding-cube .sk-cube3:before {
        -webkit-animation-delay: 0.6s;
        animation-delay: 0.6s;
    }
    
    .sk-folding-cube .sk-cube4:before {
        -webkit-animation-delay: 0.9s;
        animation-delay: 0.9s;
    }
    
    @-webkit-keyframes sk-foldCubeAngle {
        0%,
        10% {
            -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
            opacity: 0;
        }
        25%,
        75% {
            -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
            opacity: 1;
        }
        90%,
        100% {
            -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
            opacity: 0;
        }
    }
    
    @keyframes sk-foldCubeAngle {
        0%,
        10% {
            -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
            opacity: 0;
        }
        25%,
        75% {
            -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
            opacity: 1;
        }
        90%,
        100% {
            -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
            opacity: 0;
        }
    }
    
    .mostrar_activities {
        background: rgba(0, 0, 0, 0.8);
        color: #fff;
        position: fixed;
        left: 0;
        height: 100vh;
        width: 100vw;
        visibility: visible;
        transition: all .5s;
        z-index: 99;
        top: 49px;
    }
    
    .ocultar_activities {
        background: rgba(0, 0, 0, 0.4);
        color: #fff;
        position: fixed;
        top: -100vh;
        left: 0;
        height: 100vh;
        width: 100vw;
        visibility: hidden;
        transition: visibility 0s, all .5s;
        z-index: 99;
    }
    
    .errorlist {
        color: red;
    }
    
    
    /*Ocultar los spin button de los input number */
    
    input[type='number'] {
        -moz-appearance: textfield;
    }
    
    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    
    #modal_activities .menu {
        padding: 1em !important;
    }
    
    #modal_activities .menu .form-control-feedback i {
        padding-left: 20px;
        color: #fff;
    }
    
    #modal_activities .menu .has-feedback {
        width: 20% !important;
        margin: auto !important;
    }
    
    #txt_filtrar_actividades {
        background-color: rgba(0, 0, 0, 0.4);
        border-color: rgba(0, 0, 0, 0.6);
        color: #fff;
    }
    
    #modal_activities .panel {
        background-color: transparent !important;
        border: 0 !important;
        margin-bottom: 20px;
        padding: 0 !important;
    }
    
    #modal_activities .panel-body {
        padding: 10px 0 0 !important;
    }
    
    #modal_activities .thumb.thumb-fixed img {
        max-width: 100px !important;
    }
    
    #modal_activities .panel:hover {
        background-color: rgba(255, 255, 255, 0.2) !important;
        border: none !important;
        border-radius: 5px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
    #modal_activities .panel-body:hover {
        background: none;
        border: none;
        background-color: transparent !important;
    }
    
    #modal_activities .panel h3 {
        background-color: transparent !important;
        color: #fff !important;
        border-radius: 2em !important;
        letter-spacing: 0.1px !important;
        font-size: 1.5em !important;
        font-weight: 400 !important;
        margin: 0 !important;
        padding: 0.5em 0 !important;
        font-family: Dosis, Calibri !important;
    }
    
    #modal_activities .panel h4 {
        background-color: transparent !important;
        color: #fff !important;
        border-radius: 15px !important;
        letter-spacing: 0.1px !important;
        font-size: 1.5em !important;
        font-weight: 400 !important;
        margin: 0 !important;
        padding: 3px 0 !important;
        font-family: Dosis, Calibri !important;
    }
    
    #modal_activities .modal-body {
        position: relative;
        padding: 0.1em;
        overflow-y: scroll;
        height: 99% !important;
    }
    
    #actividades_menus {
        margin: 0;
        padding: 0;
    }
    
    #actividades_menus .submenu a {
        margin: auto;
    }
    
    #actividades_menus .table {
        border: none;
        width: 60%;
        margin: auto;
    }
    
    #actividades_menus .table td {
        border: none;
        background-color: transparent;
        border-radius: 5px;
    }
    
    #actividades_menus .table td:hover {
        border: none;
        background-color: rgba(255, 255, 255, 0.3) !important;
        margin: 20px;
        border-radius: 5px;
    }
    
    .first_element:only-child {
        /*background-color: rgba(255, 255, 255, 0.3) !important;*/
        margin: 20px;
        border-radius: 5px;
        border-top: rgba(0, 0, 0, 0.8) !important;
        border: none !important;
    }
    
    #actividades_menus .table td {
        border: none;
    }
    
    #actividades_menus .table i {
        border: none;
        margin: auto;
        font-size: 1.8em;
        padding: 15px;
    }
    
    #actividades_menus .table label {
        font-family: "Ubuntu";
        font-size: 1.8em;
        vertical-align: middle !important;
    }
    
    .col-padding-right {
        padding-right: 0.5em !important;
    }
    
    #modal_activities .menu.item-menu {
        margin-bottom: 10px !important;
    }
    
    .breadcrumb-elements>li>a {
        font-size: 1em;
    }
    
    .radio,
    .checkbox {
        margin: 0.5em auto !important;
    }
    
    button i {
        margin-right: 0.3em!important;
    }
    
    /* PANEL FACTURA */ 
    
    
    .panel-factura input {
        /*padding: 5px !important;*/
    }
    
    .panel-factura a {
        padding: 0 !important;
    }
    
    .panel-factura a i {
        color: #000;
    }
    
    .panel-factura .input-group-addon {
        padding: 0 5px !important;
    }
    
    .panel-factura .form-control {
        height: 2.2em!important;
        background-color: transparent!important;
    }
    
    .panel-factura table td {
        padding: 0 !important;
    }
    
    .panel-factura .f_impuestos span.badge,
    i {
        position: relative;
        top: -0.3em;
    }
    
    .panel-factura table td input,
    .panel-factura table td .sp-replacer {
        border: none;
    }
    
    .panel-factura table td select {
        border: none;
    }
    
    .panel-factura table td {
        border: 1px solid #cecece !important;
    }
    
    .panel-factura .table .delete-row, .delete-row-producto_material {
        color: transparent;
        background: url("../images/icons/remove.c724a4e6c37f.png") no-repeat 50% 50%;
        background-size: 0.8em;
        margin: auto;
        padding-left: 0.2em!important;
    }
    
    .panel-compras .delete-row, .delete-row-lotes, .delete-row-ubicacion, .delete-row-reembolsos, .delete-row-presupuesto {
        color: transparent !important;
        background: url("../images/icons/remove.c724a4e6c37f.png") no-repeat 50% 50% !important;
        background-size: 0.8em !important;
        margin: auto !important;
        padding-left: 0.2em !important;
    }
    
    .panel-factura .table .add-row {
        color: transparent;
        background: url("../images/icons/plus.f6c7353cdc5e.png") no-repeat;
        background-size: 0.8em;
        margin: auto;
        padding-left: 0.2em!important;
    }
    
    .panel-compras .add-row, .add-row-lotes, .add-row-detalles, .add-row-producto_material, a.add-row-ubicacion, a.add-row-reembolsos, .add-row-presupuesto {
        color: transparent !important;
        background: url("../images/icons/plus.f6c7353cdc5e.png") no-repeat !important;
        background-size: 0.8em !important;
        margin: auto !important;
        padding-left: 0.2em!important;
    }
    
    
    /*.page-header + .page-container {
        padding-top: 20px !important;
    }*/
    
    #actividades_menus .icono,
    .nombre {
        display: inline;
    }
    
    #actividades_menus .icono {
        min-width: 20%;
    }
    
    .form-factura .table td.f_producto {
        width: 30% !important;
    }
    
    .form-factura .table td.descripcion_adicional {
        width: 20% !important;
    }
    
    .form-factura .table td.f_cantidad {
        width: 5% !important;
    }
    
    .form-factura .table td.f_precio {
        width: 10% !important;
    }
    
    .form-factura .table td.precio_ult_compra{
        width: 5% !important;
    }
    
    .form-factura .table td.f_impuestos {
        width: 10% !important;
    }
    
    .form-factura .table td.f_porcentaje_descuento {
        width: 5% !important;
    }
    
    .form-factura .table td.f_valor_descuento {
        width: 5% !important;
    }
    
    .form-factura .table td.f_valor {
        width: 10% !important;
    }
    
    .form-factura .table td.frm-delete {
        width: 3% !important;
    }
    
    .form-factura .table tr {
        border: 1px solid #cecece !important;
    }
    
    .form-factura .table tr th {
        border: 1px solid #cecece !important;
    }
    
    .form-factura .table .formset-control-add td {
        padding: 5px !important;
    }
    
    .form-factura #table-formset-forma-pago {
        margin-top: 1em !important;
    }
    
    #table-formset-forma-pago {
        margin-top: 1em !important;
    }
    
    .form-factura #table-formset-forma-pago .td.forma-pago {
        width: 40% !important;
    }
    
    #table-formset-forma-pago .td.forma-pago {
        width: 40% !important;
    }
    
    .form-factura #table-formset-forma-pago .td.valor-forma-pago {
        width: 10% !important;
    }
    
    #table-formset-forma-pago .td.valor-forma-pago {
        width: 10% !important;
    }
    
    .form-factura #table-formset-forma-pago .td.dias-forma-pago {
        width: 10% !important;
    }
    
    #table-formset-forma-pago .td.dias-forma-pago {
        width: 10% !important;
    }
    
    .form-factura #table-formset-forma-pago .td.cometario-forma-pago {
        width: 35% !important;
    }
    
    #table-formset-forma-pago .td.cometario-forma-pago {
        width: 35% !important;
    }
    
    .form-factura #table-formset-forma-pago .td.delete-forma-pago {
        width: 5% !important;
    }
    
    #table-formset-forma-pago .td.delete-forma-pago {
        width: 5% !important;
    }
    
    .form-factura .table .valores-factura {
        padding-right: 5px !important;
        font-weight: 500;
    }
    
    .table .valores-factura {
        padding-right: 5px !important;
        font-weight: 500;
    }
    
    .form-factura table .formset-control-pagos-add td {
        padding: 0.5em !important;
    }
    
    table .formset-control-pagos-add td {
        padding: 0.5em !important;
    }
    
    .form-factura table th {
        padding: 5px !important;
    }
    
    table th {
        padding: 5px !important;
    }
    
    .form-factura .form-control {
        padding: 5px;
    }
    
    .form-control {
        padding: 5px;
    }
    
    .panel-factura label {
        
        /*font-weight: bold;*/
    }
    
    #id_codigo_establecimiento,
    #id_codigo_pto_venta,
    #id_subtotal_iva,
    #id_subtotal_iva0,
    #id_iva,
    #id_descuento,
    #id_valor_total,
    #id_numero,
 
    #id_formset_detalles-0-porcentaje_descuento,
    #id_porcentaje_iva,
    #id_base_ice,
    #id_valor_ice,
    #id_subtotal_iva_1,
    #id_subtotal_iva0_1,
    #id_iva_1,
    #id_base_imponible_exento_iva,
    #id_base_imponible_no_objeto_iva,
    #id_propina,
    #id_iva_presuntivo,
    #id_renta_presuntiva,
    #id_ice {
        text-align: right !important;
    }
    
    .campo-numerico{
        text-align: right !important;
    }
    
    #id_valor_total {
        font-weight: bold;
        font-size: 1.3em;
    }
    
    table td,
    th {
        padding: 5px !important;
    }
    
    .btn-impuestos {
        cursor: pointer;
    }
    
    .tabla_totales tbody tr td input {
        text-align: right;
    }
    
    
    /*------login-------*/
    
    .login-container #login-container {
        background: url("../images/backgrounds/erp2.c06023a727f9.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
    }
    
    .login-container #login-container-eshop {
        background: url("../images/backgrounds/bg_eshop.51f4ea0d18d6.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
    }
    
    .login-container #login-container-agenda-empleados {
        background: url("../images/backgrounds/bg_login_agenda_empleados.6a5393cc6072.jpeg");
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
    }
    
    .table {
        border-radius: 0 !important;
    }
    
    table>tbody>tr>td,
    th {
        padding: 5px 10px !important;
    }

    .flujo_caja_proyeccion input.form-control{
        padding: 0 10px !important;
        height: 18px !important;
        letter-spacing: 0 !important;
    }
    
    .panel-heading {
        border-bottom: none;
    }
    
    
    .login-container .page-container .login-form {
        position: absolute;
        right: 5%;
        bottom: 20%;
    }
    
    .login-container .panel {
        background-color: rgba(0, 0, 0, 0.5) !important;
        border: 1px solid transparent;
        border-radius: 3px;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    }
    
    .login-container .panel .text-slate-300,
    .text-slate-300:hover,
    .text-slate-300:focus {
        color: #fff !important;
    }
    
    .login-container .panel .border-slate-300 {
        border-color: #fff !important;
    }
    
    .login-container .panel small,
    h5 {
        color: #fff !important;
    }
    
   /* .panel-title img {
        max-height: 60px !important;
        display: inline-block;
        vertical-align: top;
    }
    
    .footer {
        position: fixed !important;
        bottom: 0px !important;
        z-index: 99 !important;
    }
    
    
    
    legend {
        margin: 0 !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        font-size: 1.2em !important;
        font-family: Dosis, Calibri !important;
        font-weight: bold!important;
    }*/
    
    
    #div_nrocuenta {
        display: inline;
        height: 36px;
        padding: 8px 12px;
        font-size: 1.2em;
        line-height: 1.9;
        color: #333333;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ddd;
        border-radius: 3px;
    }
    
    .control-label {
        margin-top: 0.2em !important;
    }
    
    .panel-cxc .control-label {
        margin-top: 2px !important;
    }
    
    .input-group {
        padding: 0px !important;
    }
    
    .login-form input.form-control {
        padding-left: 35px !important;
    }
    
    /*.table>tbody>tr>td,
    th {
        padding: 5px 10px !important;
    }*/
    
    .table>thead>tr>th {
        text-align: center !important;
        padding: 0.3em !important;
    }
    
    .table>tbody>tr>td>a {
        padding: 0 !important;
        color: #00BCD4;
    }
    
    #tbl_formset>td>input,
    select {
        margin: 0 !important;
        padding: 0 !important;
        font-weight: 300!important;
    }
    
    #tbl_formset td {
        margin: 0 !important;
        padding: 0 0.5em !important;
    }
    
    .btn-block {
        padding: 7px 5px !important;
    }
    
    #div_fill_kardex {
        z-index: 10000 !important;
    }
    
    
    .modal-buscar .form-control {
        padding: 0em 0.4em 0 2.4em !important;
    }
    
    .guardar_producto {
        padding-right: 10px;
    }
    
    .form-group {
        margin-bottom: 5px!important;
        margin-right: 5px!important;
    }
    
    
    .form-his .form-group {
        padding-top: 1em !important;
        margin-bottom: 2em !important;
    }
    
    
    .form-group label, textarea{
        padding-top: 0.5em !important;
    }
        
        
    .select2-selection--multiple {
        padding: 0em 0.4em !important;
        height: 36px !important;
    }
    
    .form-horizontal .form-group {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    fieldset.content-group {
        margin-bottom: 0 !important;
    }
    
    
    
    .select2-selection__choice__remove {
        margin: 0 0 0 0.2em !important;
    }
    
    #id_tipo_producto {
        margin: 0 0 0 0.8em;
        width: 95%;
    }
    
    .input-group-addon {
        padding: 7px 5px !important;
    }
    
    #tablero .control-label {
        padding-top: 10px !important;
    }
    
    #gasto-add .control-label {
        padding-top: 10px !important;
    }
    
    .form-factura #table-formset-forma-pago {
        margin-top: 1em !important;
    }
    
    #table-formset-forma-pago {
        margin-top: 1em !important;
    }
    
    .tab-content-bordered .tab-content {
        /*height: 100% !important;*/
        height: auto !important;
    }
    
    .table-tickets>tr>td {
        padding: 0 !important;
    }
    
    .btn {
        font-weight: bold !important;
        text-transform: uppercase !important;
        margin-right: 0.5em !important;
        /*padding-top: 0.5em!important;*/
    }
    .panel-footer {
        padding: 10px !important;
    }
    
    .panel-footer .btn {
        font-weight: bold !important;
        text-transform: uppercase !important;
        /*margin-right: 1em !important;*/
        margin-left: 0!important;
    }
    
    .panel-heading .btn {
        font-weight: bold !important;
        text-transform: uppercase !important;
        margin-left: 0!important;
        /*margin-right: 0.5em!important;*/
    }
    
    @media screen and (max-width: 600px) {
        #modal_activities .menu .has-feedback {
            width: 100% !important;
            margin: auto !important;
        }
        .panel-title{
            font-size: 1.5em !important;
        }
        .name-paciente{
            font-size:1.5em!important;
        }
        h4{
            margin: 0!important;
        }
        

        /*
            #modal_activities .menu .item-menu {
                max-width: 8em !important;
            }*/
    }
    
    @media screen and (max-width: 850px) {
        #modal_activities .menu .has-feedback {
            width: 100% !important;
            margin: auto !important;
        }

        body{
            font-size: 0.8em!important;

        }

        .panel-title{
            font-size: 1.5em !important;
        }
        .name-paciente{
            font-size:1.5em!important;
        }

        .dropdown-menu {
            min-width: 10em!important;
        } 

        h4{
            margin: 0!important;
        } 
        
        .panel-flat .panel-heading {
            padding-bottom: 0!important;
        }

        

        /*
             #modal_activities .menu .item-menu {
                max-width: 8em !important;
            }*/
    }

   
    
    .dropdown-menu li a{
        padding: 0.5em!important;
    }
    
    #modal_activities .panel:hover {
        padding: 0 !important;
    }
    
    .panel-retenciones {
        width: 100% !important;
        border: none !important;
        box-shadow: none !important;
    }
    
     
    .login-form input.form-control {
        padding-left: 34px !important;
    }
    
    .login-form .text1 {
        padding-top: 10px;
    }
    
    .login-form a {
        color: #fff;
    }
    
    .login-form a:hover {
        color: #fff;
        font-weight: bold;
    }
    
    table.table-factura tr td,
    th {
        padding: 0 !important;
    }
    
    table#table-formset-forma-pago tr td,
    th {
        padding: 0 !important;
    }
    
    table.table-factura-valores tr td,
    th {
        padding: 0 !important;
    }
    
    .text-mov-diario label {
        font-family: "Ubuntu", sans-serif;
        font-weight: bold;
    }
    
    #footer .navbar-text {
        margin: 0;
        padding: 0.5em 0.5em 0 !important;
        vertical-align: middle !important;
        color: #555 !important;
        font-size: 1em !important;
        font-weight: bold !important;
        text-align: center !important;
    }
    
    #footer .navbar-nav>li>a {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    
    #footer .nav>li>a {
        padding: 5px 0 !important;
        vertical-align: middle !important;
    }
    
    #footer {
        padding: 0px !important;
    }
    
    .navbar {
        min-height: 30px !important;
    }
    
    #tbl_facturas>tbody>tr>td,
    th {
        padding: 0 !important;
    }
    
    .tab-retenciones .nav-tabs {
        margin-bottom: 0px !important;
    }
    
    .navbar-collapse {
        margin-left: 0px !important;
    }
    
    .cxc-vista .col-md-12 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .row {
        padding-top: 5px !important;
    }
    
    .category-title {
        font-family: Dosis, Calibri !important;
        font-weight: bold;
        font-size: x-large;
        color: #66BB6A;
    }
    
    .form-horizontal .control-label {
        padding-bottom: 0 !important;
    }
    
    .form-horizontal .control-label {
        padding-top: 6px !important;
    }
    
    .pos .breadcrumb:last-child {
        border-right: none !important;
    }
    
    .media-heading {
        text-transform: uppercase !important;
    }
    
    @media (min-width: 1024px) {
        body {
            /*font-size: 0.8em !important;*/
        }
        .page-header+.page-container {
            padding-top: 20px!important;
        }
       /* .panel-heading {
            padding: 10px!important;
        }
        .panel-body {
            padding: 10px!important;
        }
        .panel-footer {
            padding: 10px!important;
        }*/
    }
    
    @media (max-width: 769px) {
        .page-header+.page-container {
            padding: 0!important;
            margin: 0!important;
        }
        .panel-heading {
            padding: 10px!important;
        }
        .panel-body {
            padding: 10px!important;
        }
        .panel-footer {
            padding: 10px!important;
        }
        body {
            font-size: 0.8em !important;
        }
        #modal_activities .panel h4 {
            font-size: 1.4em !important;
        }
        #modal_activities .thumb.thumb-fixed img {
            width: 5em !important;
        }
        #actividades_menus .table {
            border: none;
            width: 750% !important;
            margin: auto;
            font-size: 0.7em !important;
        }
        #modal_activities .table>tbody>tr>td,
        th {
            padding: 0.3em !important;
            margin: 0.1em !important;
            height: 1em !important;
        }
        #login-container>.login-container .page-container .login-form,
        .login-container .page-container .registration-form {
            margin-left: auto !important;
            margin-right: auto !important;
            left: 5% !important;
            width: 90% !important;
        }
        #footer .nav>li>a {
            padding: 5px !important;
            text-align: right !important;
        }
        .footer .footer-menu>li>a {
            padding: 5px !important;
            line-height: 0 !important;
            text-align: center !important;
        }
        h1.panel-title img {
            max-height: 1em !important;
            margin-top: 0.2em !important;
        }
        h1.panel-title span {
            font-size: 1em !important;
        }
        .panel {
            margin-bottom: 0 !important;
        }
        .col-xs-1,
        .col-sm-1,
        .col-md-1,
        .col-lg-1,
        .col-xs-2,
        .col-sm-2,
        .col-md-2,
        .col-lg-2,
        .col-xs-3,
        .col-sm-3,
        .col-md-3,
        .col-lg-3,
        .col-xs-4,
        .col-sm-4,
        .col-md-4,
        .col-lg-4,
        .col-xs-5,
        .col-sm-5,
        .col-md-5,
        .col-lg-5,
        .col-xs-6,
        .col-sm-6,
        .col-md-6,
        .col-lg-6,
        .col-xs-7,
        .col-sm-7,
        .col-md-7,
        .col-lg-7,
        .col-xs-8,
        .col-sm-8,
        .col-md-8,
        .col-lg-8,
        .col-xs-9,
        .col-sm-9,
        .col-md-9,
        .col-lg-9,
        .col-xs-10,
        .col-sm-10,
        .col-md-10,
        .col-lg-10,
        .col-xs-11,
        .col-sm-11,
        .col-md-11,
        .col-lg-11,
        .col-xs-12,
        .col-sm-12,
        .col-md-12,
        .col-lg-12 {
            padding: 0 !important;
        }
        .page-container {
            margin: 0 !important;
            padding: 0 0 2.5em !important;
        }
        .page-header+.page-container {
            padding-top: 0 !important;
        }
        body.navbar-bottom {
            padding-bottom: 0 !important;
        }
        .panel-flat>.panel-heading {
            padding: 1em !important;
        }
        .panel-body {
            padding: 0.5em 1em !important;
        }
        .content-group {
            margin-bottom: 0 !important;
        }
        .breadcrumb-elements>li>a {
            font-size: 0.8em !important;
        }
        .breadcrumb-line .breadcrumb {
            font-size: 0.8em !important;
        }
        .img-empresa {
            display: inline;
        }
        .media-preview {
            width: auto;
            height: auto;
            max-width: none;
            max-height: 50px;
        }
    }
    
    @media (max-width: 480px) {
        body {
            font-size: 0.8em !important;
        }
        #modal_activities .panel h4 {
            font-size: 1.2em !important;
        }
        #actividades_menus .table {
            border: none;
            width: 90% !important;
            margin: auto;
            font-size: 0.5em !important;
        }
        .panel {
            margin-bottom: 0 !important;
        }
        .col-xs-1,
        .col-sm-1,
        .col-md-1,
        .col-lg-1,
        .col-xs-2,
        .col-sm-2,
        .col-md-2,
        .col-lg-2,
        .col-xs-3,
        .col-sm-3,
        .col-md-3,
        .col-lg-3,
        .col-xs-4,
        .col-sm-4,
        .col-md-4,
        .col-lg-4,
        .col-xs-5,
        .col-sm-5,
        .col-md-5,
        .col-lg-5,
        .col-xs-6,
        .col-sm-6,
        .col-md-6,
        .col-lg-6,
        .col-xs-7,
        .col-sm-7,
        .col-md-7,
        .col-lg-7,
        .col-xs-8,
        .col-sm-8,
        .col-md-8,
        .col-lg-8,
        .col-xs-9,
        .col-sm-9,
        .col-md-9,
        .col-lg-9,
        .col-xs-10,
        .col-sm-10,
        .col-md-10,
        .col-lg-10,
        .col-xs-11,
        .col-sm-11,
        .col-md-11,
        .col-lg-11,
        .col-xs-12,
        .col-sm-12,
        .col-md-12,
        .col-lg-12 {
            padding: 0 !important;
        }
        #modal_activities .table>tbody>tr>td,
        th {
            padding: 0.3em !important;
            margin: 0.1em !important;
            height: 1em !important;
        }
        #login-container>.login-container .page-container .login-form,
        .login-container .page-container .registration-form {
            width: 90% !important;
            margin-left: auto !important;
            margin-right: auto !important;
            left: 5% !important;
        }
        .footer .nav>li>a {
            padding: 5px !important;
            text-align: right !important;
        }
        #footer .footer-menu>li>a {
            padding: 5px !important;
            line-height: 0 !important;
            text-align: center !important;
        }
        h1.panel-title img {
            max-height: 1em !important;
        }
        h1.panel-title span {
            font-size: 1em !important;
        }
        .page-container {
            margin: 0 !important;
            padding: 0 0 2.5em !important;
        }
        .panel-body {
            padding: 0.5em 1em !important;
        }
        .page-header+.page-container {
            padding-top: 0;
        }
        body.navbar-bottom {
            padding-bottom: 0 !important;
        }
        .panel-flat>.panel-heading {
            padding: 1em !important;
        }
        .content-group {
            margin-bottom: 0 !important;
        }
        .breadcrumb-elements>li>a {
            font-size: 0.8em !important;
        }
        .breadcrumb-line .breadcrumb {
            font-size: 0.8em !important;
        }
        .img-empresa {
            display: none;
        }
        .media-preview {
            width: auto;
            height: auto;
            max-width: none;
            max-height: 50px;
        }
    }
    
    
/* z-index PARA MENU DE ACCIONES  */

.page-header:not(.menus) .breadcrumb-line:first-child {
    z-index: inherit !important;
}

.vista-filtros {
    margin-top: 5px!important;
}

.vista-filtros .dropdown-menu {
    min-width: 270px;
}

.vista-filtros .navigation {
    padding: 0 !important;
}

.vista-filtros .navigation>li>a {
    padding: 12px 15px !important;
    min-height: auto !important;
}

.vista-filtros .navigation li a,
.vista-filtros .navigation li a:hover {
    color: inherit;
}

.menu-filtros .navigation>li.active>a {
    background-color: inherit !important;
    color: black !important;
}

.vista-filtros .form-group {
    margin-bottom: 0em !important;
}

.vista-filtros .panel-body {
    padding: 10px 10px 15px !important;
}

.vista-filtros .form-control {
    height: 2.2em !important;
}

.btn-delete-filter {
    padding: 7px 2px;
}

a.export {
    margin-right: 0px !important;
    margin-left: 0.5em !important;
}

.asiento-comment input {
    text-transform: uppercase!important;
}

.mayus {
    text-transform: uppercase!important;
}

.special {
    margin: 0 !important;
    padding-top: 0 !important;
    font-size: 1.2em !important;
    font-family: Dosis, Calibri !important;
    font-weight: bold !important;
    text-transform: uppercase!important;
}

.bg-audit {
    background-color: #fffe7a!important;
    opacity: 0.8;
    border-color: none!important;
    color: #000!important;
    padding: 0;
    font-size: 1em!important;
    letter-spacing: 0.1px;
    vertical-align: baseline;
    font-weight: normal !important;
    border: none!important;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 5px!important;
    border-color: rgba(#000, .03);
    background-clip: padding-box;
    backdrop-filter: blur(9px);
}

.panel-asientos .panel {
    box-shadow: none!important;
    padding-bottom: 0!important;
}

.panel-asientos .heading-detalle {
    top: 6px!important;
}

.table-no-border tr td {
    border: none !important;
}

/* MODAL PRODUCTOS */

@media (min-width: 1025px) {
    .modal-xl{
        width: 1000px;
    }
}

    @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .modal-xl {
        width: auto;
    }
}
/* CIERRE O CUADRE DE CAJA */
select.form-control, input.form-control{
    padding-left: 0.5em!important;
    padding-right: 0.5em!important;
}

.cuadre-caja .btn{
    /* margin-left: 0!important; */
}

.cierre-transacciones{
    /*padding: 20px 0!important;*/
}

.cierre-transacciones legend.legend-title{
    font-size: 1.4em!important;
    color: #00BCD4;
}

.bg-table{
    background-color: #fbfbfb!important;
}


/* DETALLE DE MOVIEMIENTOS */


.det-movimientos select.form-control, input.form-control{
    /* width: 100%!important; */
}

.det-movimientos .btn{
margin-left: 0!important;
}

/*MODULO CLINICA his*/

a.delete-row-formas, a.delete-row-movdiario, a.delete-row, a.delete-row-detalle, a.delete-row-lotes, a.delete-row-renta, a.delete-row-, a.delete-row-reembolsos, .delete-row-presupuesto{
    color: transparent!important;
    background: url("../images/icons/remove.c724a4e6c37f.png") no-repeat 50% 50%;
    background-size: 0.8em!important;
    margin: auto!important;
    padding: 0.5em!important;
}

a.add-row-formas, a.add-row-movdiario, a.add-row, a.add-row-detalle, a.add-row-lotes, a.add-row-renta, a.add-row-ubicacion, a.add-row-reembolsos, .add-row-presupuesto{
    color: transparent!important;
    background: url("../images/icons/plus.f6c7353cdc5e.png") no-repeat 50% 50%;
    background-size: 0.8em!important;
    margin: auto!important;
    padding: 0.5em!important;
}

.btn-light {
    color: #333;
    background-color: #fafafa;
    border-color: #ddd;
    margin-right: 0!important;
}

.name-paciente{
    color: #7ec16b; 
    text-transform: uppercase; 
    font-family: Dosis; 
    font-size:1.5em!important;
    text-align: center!important;
    padding: 0!important;
}

.panel-his{
    margin-left: 0.4em!important;
    margin-right: 0.4em!important;
}

.panel-his .panel-title img {
    max-height: 75px !important;
}


.panel-factura .form-control {
    padding: 0.5em!important;
}

.panel-factura td {
    padding: 0!important;
}

.panel-factura .selection .select2-selection{
    border-color:none!important;
}
.text-medium{
    font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif!important;
    font-weight: 600!important;
}

.panel-title span {
    font-family: Dosis, Calibri !important;
    color: #555!important;
    font-weight: 700!important;
}

.divider {
    display: block;
    width: 100%;
    padding: 0;
        padding-top: 0px;
        padding-bottom: 0px;
    margin-bottom: 20px;
    font-size: 1em;
    line-height: inherit;
    color: #333333;
    border: 0;
        border-top-color: currentcolor;
        border-top-style: none;
        border-top-width: 0px;
    border-top: 1px solid #e5e5e5;
}

#id_formset_renta-0-impuesto .select2-selection{
    border: none;
}

.popover-title {

    font-weight: 600!important;

}
select.month option{
    text-transform: uppercase!important;
}

.modal-body {
    position: relative;
    padding: 0.6em 1.5em!important;
}

.panel-factura tfoot td{
    padding: 1em!important;
    margin: 1em!important;
}

.separate-right{
    margin-right: 0.5em!important;
}

.check {
    margin-top: 1em !important;
}

#div_nrocuenta {
    display: inline;
    height: 36px;
    padding-right: 0.5em!important;
    font-size: 1.2em;
    line-height: 1;
    color: #333333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.control-label {
    margin-top: 0.2em !important;
}

.panel-cxc .control-label {
    margin-top: 2px !important;
}

.input-group {
    padding: 0px !important;
}

.login-form input.form-control {
    padding-left: 35px !important;
}

/*.table>tbody>tr>td,
th {
    padding: 5px 10px !important;
}*/

.table>thead>tr>th {
    text-align: center !important;
    text-transform: uppercase!important;
}

.table>tbody>tr>td>a {
    padding: 0 !important;
    color: #00BCD4;
}

.text-upper{
    text-transform: uppercase!important;
}

#tbl_formset>td>input,
select {
    margin: 0 !important;
    padding: 0 !important;
}

#tbl_formset td {
    margin: 0 !important;
    padding: 0 0.5em !important;
}

.btn-block {
    padding: 7px 5px !important;
}

#div_fill_kardex {
    z-index: 10000 !important;
}


.modal-buscar .form-control {
    padding: 0em 0.4em 0 2.4em !important;
}

.guardar_producto {
    padding-right: 10px;
}
/*
.col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, 
.col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, 
.col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, 
.col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
.col-md-2, .col-md-3, .col-md-4, .col-md-5, 
.col-md-6, .col-md-7, .col-md-8, .col-md-9 >
.form-group {
    margin-bottom: 0 !important;
}
*/

.form-his .form-group {
    padding-top: 1em !important;
    margin-bottom: 2em !important;
}


.form-group label, textarea{
    padding-top: 0.5em !important;
}



.select2-selection--multiple {
    padding: 0em 0.4em !important;
    height: 36px !important;
}

.form-horizontal .form-group {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

fieldset.content-group {
    margin-bottom: 0 !important;
}

.select2-selection--multiple .select2-selection__choice {
    /*margin: 0.1em 0.1em 0 !important;
    padding: 0.2em 0.4em !important;*/
}

.select2-selection__choice__remove {
    margin: 0 0 0 0.2em !important;
}

#id_tipo_producto {
    margin: 0 0 0 0.8em;
    width: 95%;
}

.input-group-addon {
    padding: 0.5em o.5em !important;
}

#tablero .control-label {
    padding-top: 10px !important;
}

#gasto-add .control-label {
    padding-top: 10px !important;
}

.form-factura #table-formset-forma-pago {
    margin-top: 1em !important;
}

#table-formset-forma-pago {
    margin-top: 1em !important;
}

.tab-content-bordered .tab-content {
    /*height: 100% !important;*/
    height: auto !important;
}

.breadcrumb-elements > li > a {
    padding: 0.7em!important;
}

.table-tickets>tr>td {
    padding: 0 !important;
}
.panel-footer {
    padding: 10px !important;
}

.btn {
    font-weight: bold !important;
    text-transform: uppercase !important;
    /*margin-right: 0.5em !important;
    padding-top: 0.5em!important;*/
}

.panel-footer .btn {
    font-weight: bold !important;
    text-transform: uppercase !important;
    /*margin-right: 1em !important;*/
    margin-left: 0!important;
}

.panel-heading .btn {
    font-weight: bold !important;
    text-transform: uppercase !important;
    margin-left: 0!important;
    /*margin-right: 0.5em!important;*/
}

@media screen and (max-width: 600px) {
    #modal_activities .menu .has-feedback {
        width: 100% !important;
        margin: auto !important;
    }
    /*
        #modal_activities .menu .item-menu {
            max-width: 8em !important;
        }*/
}

@media screen and (max-width: 800px) {
    #modal_activities .menu .has-feedback {
        width: 100% !important;
        margin: auto !important;
    }
    /*
         #modal_activities .menu .item-menu {
            max-width: 8em !important;
        }*/
}

#modal_activities .panel:hover {
    padding: 0 !important;
}

.panel-retenciones {
    width: 100% !important;
    border: none !important;
    box-shadow: none !important;
}



.login-form input.form-control {
    padding-left: 34px !important;
}

.login-form .text1 {
    padding-top: 10px;
}

.login-form a {
    color: #fff;
}

.login-form a:hover {
    color: #fff;
    font-weight: bold;
}

table.table-factura tr td,
th {
    padding: 0 !important;
}

table#table-formset-forma-pago tr td,
th {
    padding: 0 !important;
}

table.table-factura-valores tr td,
th {
    padding: 0 !important;
}

.text-mov-diario label {
    font-family: "Ubuntu", sans-serif;
    font-weight: bold;
}

#footer .navbar-text {
    margin: 0;
    padding: 0.5em 0.5em 0 !important;
    vertical-align: middle !important;
    color: #555 !important;
    font-size: 1em !important;
    font-weight: bold !important;
    text-align: center !important;
}

#footer .navbar-nav>li>a {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

#footer .nav>li>a {
    padding: 5px 0 !important;
    vertical-align: middle !important;
}

#footer {
    padding: 0px !important;
}

.navbar {
    min-height: 30px !important;
}

#tbl_facturas>tbody>tr>td,
th {
    padding: 5px !important;
}

.tab-retenciones .nav-tabs {
    margin-bottom: 0px !important;
}

.navbar-collapse {
    margin-left: 0px !important;
}

.cxc-vista .col-md-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.row {
    padding-top: 5px !important;
}

.category-title {
    font-family: Dosis, Calibri !important;
    font-weight: bold;
    font-size: x-large;
    color: #66BB6A;
}

.form-horizontal .control-label {
    padding-bottom: 0 !important;
}

.form-horizontal .control-label {
    padding-top: 6px !important;
}

.pos .breadcrumb:last-child {
    border-right: none !important;
}

.media-heading {
    text-transform: uppercase !important;
}



@media (max-width: 769px) {
    body {
        font-size: 0.8em !important;
    }
    #modal_activities .panel h4 {
        font-size: 1.4em !important;
    }
    #modal_activities .thumb.thumb-fixed img {
        width: 5em !important;
    }
    #actividades_menus .table {
        border: none;
        width: 750% !important;
        margin: auto;
        font-size: 0.7em !important;
    }
    #modal_activities .table>tbody>tr>td,
    th {
        padding: 0.3em !important;
        margin: 0.1em !important;
        height: 1em !important;
    }
    #login-container>.login-container .page-container .login-form,
    .login-container .page-container .registration-form {
        margin-left: auto !important;
        margin-right: auto !important;
        left: 5% !important;
        width: 90% !important;
    }
    #footer .nav>li>a {
        padding: 5px !important;
        text-align: right !important;
    }
    .footer .footer-menu>li>a {
        padding: 5px !important;
        line-height: 0 !important;
        text-align: center !important;
    }
    h1.panel-title img {
        max-height: 1em !important;
        margin-top: 0.2em !important;
    }
    h1.panel-title span {
        font-size: 1em !important;
    }
    .panel {
        margin-bottom: 0 !important;
    }
    .col-xs-1,
    .col-sm-1,
    .col-md-1,
    .col-lg-1,
    .col-xs-2,
    .col-sm-2,
    .col-md-2,
    .col-lg-2,
    .col-xs-3,
    .col-sm-3,
    .col-md-3,
    .col-lg-3,
    .col-xs-4,
    .col-sm-4,
    .col-md-4,
    .col-lg-4,
    .col-xs-5,
    .col-sm-5,
    .col-md-5,
    .col-lg-5,
    .col-xs-6,
    .col-sm-6,
    .col-md-6,
    .col-lg-6,
    .col-xs-7,
    .col-sm-7,
    .col-md-7,
    .col-lg-7,
    .col-xs-8,
    .col-sm-8,
    .col-md-8,
    .col-lg-8,
    .col-xs-9,
    .col-sm-9,
    .col-md-9,
    .col-lg-9,
    .col-xs-10,
    .col-sm-10,
    .col-md-10,
    .col-lg-10,
    .col-xs-11,
    .col-sm-11,
    .col-md-11,
    .col-lg-11,
    .col-xs-12,
    .col-sm-12,
    .col-md-12,
    .col-lg-12 {
        padding: 0 !important;
    }
    .page-container {
        margin: 0 !important;
        padding: 0 0 2.5em !important;
    }
    .page-header+.page-container {
        padding-top: 0 !important;
    }
    body.navbar-bottom {
        padding-bottom: 0 !important;
    }
    .panel-flat>.panel-heading {
        padding: 1em 1em 0!important;
    }
    .panel-body {
        padding: 0.5em 1em !important;
    }
    .content-group {
        margin-bottom: 0 !important;
    }
    .breadcrumb-elements>li>a {
        font-size: 0.8em !important;
    }
    .breadcrumb-line .breadcrumb {
        font-size: 0.8em !important;
    }
    .img-empresa {
        display: inline;
    }
    .media-preview {
        width: auto;
        height: auto;
        max-width: none;
        max-height: 50px;
    }
}

@media (max-width: 480px) {
    body {
        font-size: 0.8em !important;
    }
    #modal_activities .panel h4 {
        font-size: 1.2em !important;
    }
    #actividades_menus .table {
        border: none;
        width: 90% !important;
        margin: auto;
        font-size: 0.5em !important;
    }
    .panel {
        margin-bottom: 0 !important;
    }
    .col-xs-1,
    .col-sm-1,
    .col-md-1,
    .col-lg-1,
    .col-xs-2,
    .col-sm-2,
    .col-md-2,
    .col-lg-2,
    .col-xs-3,
    .col-sm-3,
    .col-md-3,
    .col-lg-3,
    .col-xs-4,
    .col-sm-4,
    .col-md-4,
    .col-lg-4,
    .col-xs-5,
    .col-sm-5,
    .col-md-5,
    .col-lg-5,
    .col-xs-6,
    .col-sm-6,
    .col-md-6,
    .col-lg-6,
    .col-xs-7,
    .col-sm-7,
    .col-md-7,
    .col-lg-7,
    .col-xs-8,
    .col-sm-8,
    .col-md-8,
    .col-lg-8,
    .col-xs-9,
    .col-sm-9,
    .col-md-9,
    .col-lg-9,
    .col-xs-10,
    .col-sm-10,
    .col-md-10,
    .col-lg-10,
    .col-xs-11,
    .col-sm-11,
    .col-md-11,
    .col-lg-11,
    .col-xs-12,
    .col-sm-12,
    .col-md-12,
    .col-lg-12 {
        padding: 0 !important;
    }
    #modal_activities .table>tbody>tr>td,
    th {
        padding: 0.3em !important;
        margin: 0.1em !important;
        height: 1em !important;
    }
    #login-container>.login-container .page-container .login-form,
    .login-container .page-container .registration-form {
        width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        left: 5% !important;
    }
    .footer .nav>li>a {
        padding: 5px !important;
        text-align: right !important;
    }
    #footer .footer-menu>li>a {
        padding: 5px !important;
        line-height: 0 !important;
        text-align: center !important;
    }
    h1.panel-title img {
        max-height: 1em !important;
    }
    h1.panel-title span {
        font-size: 1em !important;
    }
    .page-container {
        margin: 0 !important;
        padding: 0 0 2.5em !important;
    }
    .panel-body {
        padding: 10px !important;
    }
    .page-header+.page-container {
        padding-top: 0;
    }
    body.navbar-bottom {
        padding-bottom: 0 !important;
    }
    .panel-flat>.panel-heading {
        padding: 1em !important;
    }
    .content-group {
        margin-bottom: 0 !important;
    }
    .breadcrumb-elements>li>a {
        font-size: 0.8em !important;
    }
    .breadcrumb-line .breadcrumb {
        font-size: 0.8em !important;
    }
    .img-empresa {
        display: none;
    }
    .media-preview {
        width: auto;
        height: auto;
        max-width: none;
        max-height: 50px;
    }
}


/* z-index PARA MENU DE ACCIONES  */

.page-header:not(.menus) .breadcrumb-line:first-child {
    z-index: inherit !important;
}

.vista-filtros {
    margin-top: 5px!important;
}

.vista-filtros .dropdown-menu {
    min-width: 270px;
}

.vista-filtros .navigation {
    padding: 0 !important;
}

.vista-filtros .navigation>li>a {
    padding: 12px 15px !important;
    min-height: auto !important;
}

.vista-filtros .navigation li a,
.vista-filtros .navigation li a:hover {
    color: inherit;
}

.menu-filtros .navigation>li.active>a {
    background-color: inherit !important;
    color: black !important;
}

.vista-filtros .form-group {
    margin-bottom: 0em !important;
}

.vista-filtros .panel-body {
    padding: 10px 10px 15px !important;
}

.vista-filtros .form-control {
    height: 2.2em !important;
}

.btn-delete-filter {
    padding: 7px 2px;
}

a.export {
    margin-right: 0px !important;
    margin-left: 0.5em !important;
}

.asiento-comment input {
    text-transform: uppercase!important;
}

.mayus {
    text-transform: uppercase!important;
}

.special {
    margin: 0 !important;
    padding-top: 0 !important;
    font-size: 1.2em !important;
    font-family: Dosis, Calibri !important;
    font-weight: bold !important;
    text-transform: uppercase!important;
}

.bg-audit {
    background-color: #fffe7a!important;
    opacity: 0.8;
    border-color: none!important;
    color: #000!important;
    padding: 0;
    font-size: 1em!important;
    letter-spacing: 0.1px;
    vertical-align: baseline;
    font-weight: normal !important;
    border: none!important;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 5px!important;
    border-color: rgba(#000, .03);
    background-clip: padding-box;
    backdrop-filter: blur(9px);
}

.panel-asientos .panel {
    box-shadow: none!important;
    padding-bottom: 0!important;
}

.panel-asientos .heading-detalle {
    top: 6px!important;
}

.table-no-border tr td {
    border: none !important;
}

/* MODAL PRODUCTOS */

@media (min-width: 1025px) {
  .modal-xl{
     width: 1000px;
   }
}

 @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  .modal-xl {
        width: auto;
    }
}
/* CIERRE O CUADRE DE CAJA */
select.form-control, input.form-control{
    padding-left: 0.5em!important;
    padding-right: 0.5em!important;
}

.cuadre-caja .btn{
    /* margin-left: 0!important; */
}

.cierre-transacciones{
    /*padding: 20px 0!important;*/
}


.cierre-transacciones legend.legend-title{
    font-size: 1.4em!important;
    color: #00BCD4;
}

.bg-table{
    background-color: #fbfbfb!important;
}


/* DETALLE DE MOVIEMIENTOS */


.det-movimientos select.form-control, input.form-control{
    /* width: 100%!important; */
}

.det-movimientos .btn{
margin-left: 0!important;
}



/*MODULO CLINICA his*/



a.delete-row-formas, a.delete-row, a.delete-row-detalle, a.delete-row-lotes, a.delete-row-renta, a.delete-row-ubicacion, a.delete-row-reembolsos, a.delete-row-presupuesto{
    color: transparent!important;
    background: url("../images/icons/remove.c724a4e6c37f.png") no-repeat 50% 50%;
    background-size: 0.8em!important;
    margin: auto;
    padding-left: 15px!important;
}

a.add-row-formas, a.add-row, a.add-row-detalle, a.add-row-lotes, a.add-row-renta, a.add-row-ubicacion, a.add-row-reembolsos, .add-row-presupuesto{
    color: transparent!important;
    background: url("../images/icons/plus.f6c7353cdc5e.png") no-repeat 50% 50%;
    background-size: 0.8em!important;
    margin: auto;
    padding-left: 15px!important;
    padding-top: 0.5em!important;
    padding-bottom: 0.5em!important;
}

.btn-light {
    color: #333;
    background-color: #fafafa;
    border-color: #ddd;
    margin-right: 0!important;
}

.name-paciente{
    color: #7ec16b; 
    text-transform: uppercase; 
    font-family: Dosis; 
    font-size:2em;
    text-align: center!important;
}

.panel-his{
    margin-left: 0.4em!important;
    margin-right: 0.4em!important;
}

.panel-his .panel-title img {
    max-height: 75px !important;
}


.panel-factura .form-control {
    padding: 0.5em!important;
}

.panel-factura .selection .select2-selection{
    border-color:none!important;
}

.text-medium{
    font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif!important;
    font-weight: 600!important;
}

.panel-title span {
    font-family: Dosis, Calibri !important;
    color: #555!important;
    font-weight: 700!important;
}

.divider {
    display: block;
    width: 100%;
    padding: 0;
        padding-top: 0px;
        padding-bottom: 0px;
    margin-bottom: 20px;
    font-size: 1em;
    line-height: inherit;
    color: #333333;
    border: 0;
        border-top-color: currentcolor;
        border-top-style: none;
        border-top-width: 0px;
    border-top: 1px solid #e5e5e5;
}

#id_formset_renta-0-impuesto .select2-selection{
    border: none;
}

.popover-title {

    font-weight: 600!important;

}
select.month option{
    text-transform: uppercase!important;
}

.modal-body {
    position: relative;
    padding: 0.6em 1.5em!important;
}

#tbl_facturas tfoot > tr > td {
    line-height: 2!important;
    padding: 5px!important;
}

input[type="checkbox"]{
    margin: 0 2px!important;
}

#tbl_facturas tbody > tr > td > .form-control{
    line-height: 0!important;
    padding: 0!important;
}

table > thead > tr > th {
    font-weight: 700!important;
}

table > tfoot > tr > th {
    font-weight: 700!important;
}

.pagination > li > a, .pagination > li > span {

    padding: 9px 12px!important;
}

.select-non-editable {
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    pointer-events: none !important;
    text-decoration: none !important;
    background:none !important;
}
/* ---- TECLADO EN PANTALLA PARA INGRESO DE FLOR ------*/

.container-kayboard{
    width: auto;
}

.col-auto{
    display: flex; /* Permite que el contenido controle el tamaño */
    flex: 0 0 auto; /* No permite crecer ni encoger, usa solo el ancho necesario */
    width: auto; 
}

.key {
    width: auto;
    height: 50px;
    margin: 1.5px 3px;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f8f9fa;
    cursor: pointer;
    display: inline-block;
    min-width: 60px;
    padding: auto 15px;
}

.key:active {
    background-color: #e2e6ea;
}

.justify-content-center {
    display: flex !important; /* Asegúrate de usar Flexbox */
    justify-content: center !important; /* Centra horizontalmente */
}

.key-n {
    width: auto;
    height: 50px;
    margin: 1.5px 3px;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f8f9fa;
    cursor: pointer;
    display: inline-block;
    min-width: 110px;
    padding: auto 15px;
}

.key-n:active {
    background-color: #e2e6ea;
}


/* ----*/


/*teclado botones*/

.button-like {
    display: inline-block;       /* Hace que el div se comporte como un botón */
    padding: auto 20px;         /* Espaciado interno */
    text-align: center;         /* Centra el texto */
    border-radius: 5px;         /* Bordes redondeados */
    cursor: pointer;            /* Muestra el cursor de "mano" */
    user-select: none;          /* Previene la selección del texto */
  }

  .button-like:hover {
    background-color: #cecece;  /* Cambia el color en hover */
  }

  .button-like:active {
    background-color: #cecece;  /* Color cuando se hace clic */
    transform: scale(0.95);     /* Efecto de "presión" */
  }


  /* FULLSCREAN */

  .fullscreen-btn {
    position: absolute;
    top: 25px;
    right: 25px;
    padding: 2px 10px 12px 12px;
    background-color: #fff;
    color: #3a3b3a!important;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    font-size: 25px;
    text-align: center;
    outline: none;
    z-index: 90;
  }

  .fullscreen-btn:hover {
    color: #3a3b3a;  /* Azul más oscuro al pasar el mouse */
  }

  .fullscreen-btn:active {
    transform: scale(0.95);  /* Efecto de presión */
    color: #3a3b3a;
  }

  .fullscreen-btn i {
    pointer-events: none; /* Evita que los clics interactúen con el ícono */
  }

  .bg-default{
    background-color: #f8f8f8!important;
  }


  /* ----------- AUDITORIA ------------ */  

  .list-feed-item {
    margin-left: 6.75rem;  /* Aumentado de 3.75rem */
    position: relative;
    padding-bottom: 1.25rem;
    font-size: large;
    padding-left: 3.75rem;
}
    .list-feed-item:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0.4rem;
      background-color: #607D8B;
      display: inline-block;
      border: 2px solid #607D8B;
      z-index: 3;
      width: 0.5rem;
      height: 0.5rem;
      border-radius: 50%; }
    .list-feed-item:after {
      content: '';
      position: absolute;
      top: 0.4rem;
      left: 0.1975rem;
      bottom: -0.43752rem;
      width: 0;
      border-left: 1px solid #607D8B;
      border-right: 1px solid #607D8B;
      z-index: 2; }
    .list-feed-item:first-child:after {
      top: 0.5rem; }
    .list-feed-item:last-child {
      padding-bottom: 0; }
      .list-feed-item:last-child:after {
        content: none; }
    .list-feed-item[class*=border-]:before, .list-feed-item[class*=border-]:after {
      border-color: inherit; }
  
  .list-feed-solid .list-feed-item:before {
    content: '';
    border-width: 0.25rem;
    width: 0;
    height: 0; }
  
  .list-feed-square .list-feed-item:before {
    content: '';
    border-radius: 0; }
  
  .list-feed-rhombus .list-feed-item:before {
    content: '';
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    border-radius: 0; }
  
  .list-feed-time .list-feed-item {
    margin-left: 6.25rem;  /* Aumentado de 3.25rem */
}
    .list-feed-time .list-feed-item .feed-time {
      position: absolute;
      width: 5em;
      left: -6.25rem;  /* Aumentado de -3.25rem */
      top: 0.5rem;
}

.padding-right{
  padding-right: 10px!important;
}

.padding-left{
  padding-left: 10px!important;
}


.factura-pedido table input, .factura-pedido table select{
    border: none!important  ;
}
    
    
.factura-pedido > table select{
    border: none!important  ;
}

.factura-pedido table .formset-control-add{
    height:  40px!important    ;
}

.factura-pedido table .formset-control-add input{
    border: none!important  ;
}

.tab-pedido {
    padding: 0!important;
}

.tab-pedido .panel-body{
  padding: 0!important;
}   

.tab-pedido .panel-body .row{
  padding: 0!important;
}

.table-factura-valores{
  margin-top: 14px!important;
}


.no-border input, .no-border select, .no-border textarea, .no-border select2, .no-border .select2-selection{
    border: none!important;
    background-color: transparent!important;
}



@media screen and (max-width: 576px) {
    .d-none {
        display: none !important;
    }
    .d-sm-table-cell {
        display: none !important;
    }
    .chk_fila_factura {
        width: 5% !important;
    }
    .btn-top {
        padding-top: 10px !important;
    }
    .ancho-col-10 {
        width: 10% !important;
    }

    .menu-buscar{
        max-width: 100%!important;
        width: 100%!important;
    }

    #actividades_menus .icono i{
        font-size: 2.5em!important;
    }

    #actividades_menus .nombre label{
        font-size: 2.5em!important;
    }
    #actividades_menus .table {
        width: 100% !important;
    }
    .search-option-buttons {
        text-align: left!important;
      }
    .input-producto{
        min-width: 200px!important;
    }
}

#my_tab_formas button, #my_tab_formas span{
  border: none!important;
  background-color: none!important;
}
.form-group label{
    text-transform: uppercase!important;
}
.menu-buscar{
    max-width: 30%; 
    margin-bottom: 10px; 
    margin-left: auto;  
    margin-right: auto;
    width: 30%!important;
}

.menu-buscar input{
    display:inline; 
    padding-left:40px!important; 
    border-radius: 20px;
}


.campo-numerico {
    -moz-appearance: textfield;
}

.campo-numerico::-webkit-inner-spin-button,
.campo-numerico::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

@media screen and (max-width: 768px) {
    .table-responsive {
        overflow-x: auto;
    }
    
    .input-group {
        width: 100%;
    }
    
    .campo-numerico {
        width: 100%;
        min-width: 60px;
    }
}


/* COLORES TEXTO */

.text-white{
  color: white!important;
}



#tbl-productos tr td{
    padding-left: 5px!important;
    padding-right: 5px!important;
}


#tbl-productos tr:hover{
    background-color: #f8f9fa!important;
} 

#table_detalle_caja tr td{
    padding-left: 5px!important;
    padding-right: 5px!important;
}

#table_detalle_caja tr:hover{
    background-color: #f8f9fa!important;
} 
#table_detalle_caja tfoot tr td{
    padding-left: 5px!important;
    padding-right: 5px!important;
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}