.skin-blue .main-header .navbar,
.skin-blue-light .main-header .navbar {
    background-color: #F8F9FA;
    background-image: linear-gradient(to right, #F8F9FA, #F8F9FA);
}

.fa.fab.fa-wordpress-simple{
    font-family: Font Awesome\ 5 Brands  !important;

}
.sin_padding_left{
    padding-left: 0px !important;
}

.btn_codificar{
      padding: 11px 60px 10px 60px !important;
      display: flex !important;
  }
  
/* ARA-CODIFICADOR-UX: boton de Guardar y codificar */
.btn-guardar-codificar{
    min-width: 220px;
}
@media (max-width: 768px){
    .btn-guardar-codificar{
        width: 100%;
        margin-top: 8px;
    }
}

@media print{
   .card1_print{
        height: 8.5in;
    }
}

body,.content-wrapper {
    background: #F8F9FA;
}

@media (min-width: 768px) {
    .content-wrapper,
    .main-footer {
        margin-left: 250px !important;
    }
}

@media (max-width: 767px) {
    .content-wrapper,
    .main-footer {
        margin-left: 0 !important;
    }

    .main-header .navbar {
        height: auto;
        flex-wrap: wrap;
        padding: 10px 15px;
    }

    .main-header .navbar .sidebar-toggle {
        margin-right: 10px;
    }

    .navbar-custom-menu {
        float: none !important;
        width: 100%;
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        margin-top: 8px;
    }

    .navbar-custom-menu > li {
        margin-right: 6px;
    }

    .main-header .btn-group {
        margin-top: 8px;
    }

    .titulo_cabecera,
    .detail_header {
        font-size: 16px;
        line-height: 1.2;
        display: block;
    }
}

#show_printer_option{
    padding: 0px; padding-top: 14px; padding-left: 14px; font-size: 3px;
    padding-right: 10px;
}

.botones_pos_superior{
    background: transparent;
    border: none;
    color: #707B8A;
}

.btn_pos_filter{
    background: none;
    border: none;

    padding: 6px 28px;
    font-size: 14px;
   
}

.cantidad_pos{
    min-width: 150px;
}

.row_discount_type_create{
    max-width: 200px;
    min-width: 105px;
}
.pos_unit_price{
    min-width: 150px;
    max-width: 200px;
}

.sub_unit_create{
    max-width: 200px;
    min-width: 130px;
}

.pos_line_total_text{
    min-width: 112px;
    max-width: 250px;
    display: block;
}

.row_discount_amount{
    min-width: 100px;
    max-width: 200px;
}

.btn_pos_filter.active{
    background: var(--Principal, #50BAD2);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    color: #fff;
    border-radius: 8px;


}

.btn-suspended{
    background:#F0C74D !important;
}

.pos_filter_container{
    border-radius: 10px;
    padding: 19px 21px;
    background: #FFF;
    margin-right: 17px;
    margin-left: 0px;
    box-shadow: 0px 4px 4px 0px rgba(157, 157, 157, 0.25);
}

.btn-efectivo{
    
background: #09E37A !important;


}

.btn-card{
    background: #00CEC9;
}
.btn-transfer{
    background: #B33771;
}

.status-label-new{
    border-radius: 8px !important;
    background: #48BB78 !important;
    font-size: 14px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.status-label-new.bg-yellow{
    background:#DFE254 !important;
}

#upload_document::file-selector-button {
    border: 0.828px solid #E2E8F0;;
    padding: 7px 12px;
    border-radius: 6px;
    background-color: #50BAD2;
    transition: 1s;
    color:white;
  }

.modal-body{
    padding: 30px !important;
}
.skin-blue .main-header .logo,
.skin-blue-light .main-header .logo {
    background: #F8F9FA;
}

.skin-blue .main-header .logo {
    color: #000;
    border-bottom: 0 solid transparent;
}

.skin-black .main-sidebar,
.skin-blue .main-sidebar,
.skin-green .main-sidebar,
.skin-purple .main-sidebar,
.skin-red .main-sidebar,
.skin-yellow .main-sidebar {
    background: #F8F9FA !important;
}

.skin-blue .sidebar a {
    color: #7a7f85;
}

.skin-black .sidebar-menu>li.active>a,
.skin-black .sidebar-menu>li.menu-open>a,
.skin-black .sidebar-menu>li:hover>a,
.skin-blue .sidebar-menu>li.active>a,
.skin-blue .sidebar-menu>li.menu-open>a,
.skin-blue .sidebar-menu>li:hover>a,
.skin-green .sidebar-menu>li.active>a,
.skin-green .sidebar-menu>li.menu-open>a,
.skin-green .sidebar-menu>li:hover>a,
.skin-purple .sidebar-menu>li.active>a,
.skin-purple .sidebar-menu>li.menu-open>a,
.skin-purple .sidebar-menu>li:hover>a,
.skin-red .sidebar-menu>li.active>a,
.skin-red .sidebar-menu>li.menu-open>a,
.skin-red .sidebar-menu>li:hover>a,
.skin-yellow .sidebar-menu>li.active>a,
.skin-yellow .sidebar-menu>li.menu-open>a,
.skin-yellow .sidebar-menu>li:hover>a {

    background: #FFFFFF !important;
    box-shadow: 0px 3.5px 5.5px rgb(0 0 0 / 13%);
    border-radius: 15px;
    color: #868C96;


}

.skin-black .sidebar-menu>li>.treeview-menu,
.skin-blue .sidebar-menu>li>.treeview-menu,
.skin-green .sidebar-menu>li>.treeview-menu,
.skin-purple .sidebar-menu>li>.treeview-menu,
.skin-red .sidebar-menu>li>.treeview-menu,
.skin-yellow .sidebar-menu>li>.treeview-menu {
    background: #F8F9FA !important;
}

.sidebar-menu>li {
    padding-left: 10px;
    padding-right: 10px;
}

.skin-blue .sidebar-menu>li.active>a {
    border-left-color: #ffffff;
}

.sidebar-menu>li>a {
    padding: 10px 16px 10px 12px;
}

.sidebar-menu>li>a>.fa,
.sidebar-menu>li>a>.glyphicon,
.sidebar-menu>li>a>.ion,
.treeview-menu>li>a>.fa,
.treeview-menu>li>a>.glyphicon,
.treeview-menu>li>a>.ion {
    width: 36px;
    text-align: center;
    background: #ffffff;
    box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02);
    border-radius: 12px;
    /* padding: 9px 10px 10px 10px; */
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 7px;
    color: #50BAD2;
}

.skin-black .sidebar-menu>li.active>a>i,
.skin-black .sidebar-menu>li.menu-open>a>i,
.skin-black .sidebar-menu>li:hover>a>i,
.skin-blue .sidebar-menu>li.active>a>i,
.skin-blue .sidebar-menu>li.menu-open>a>i,
.skin-blue .sidebar-menu>li:hover>a>i,
.skin-green .sidebar-menu>li.active>a>i,
.skin-green .sidebar-menu>li.menu-open>a>i,
.skin-green .sidebar-menu>li:hover>a>i,
.skin-purple .sidebar-menu>li.active>a>i,
.skin-purple .sidebar-menu>li.menu-open>a>i,
.skin-purple .sidebar-menu>li:hover>a>i,
.skin-red .sidebar-menu>li.active>a>i,
.skin-red .sidebar-menu>li.menu-open>a>i,
.skin-red .sidebar-menu>li:hover>a>i,
.skin-yellow .sidebar-menu>li.active>a>i,
.skin-yellow .sidebar-menu>li.menu-open>a>i,
.skin-yellow .sidebar-menu>li:hover>a>i,.sidebar-menu>li:hover>a>span>.round_icon {
    width: 36px;
    background: #50BAD2;
    box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02);
    border-radius: 12px;
    /* padding: 9px 10px 10px 10px; */
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    margin-right: 7px;
    color: white;
}

.skin-blue .sidebar-menu .treeview-menu>li.active>a span,
.skin-blue .sidebar-menu .treeview-menu>li>a:hover {
    color: #707B8A;
    font-weight: 800 !important;
}

.sidebar-menu>li {
    padding-top: 10px;
}


.skin-blue .main-header .logo:hover,
.skin-blue-light .main-header .logo:hover {
    background: #50BAD2 !important;
}

.skin-blue .main-header .navbar .sidebar-toggle {
    color: #50BAD2;
    font-size: 24px;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background: transparent;
    color: #50BAD2;
    font-size: 24px;
}

#header_shortcut_dropdown {
    background: transparent;
    border: transparent;
    padding: 10px 0px;
}

#header_shortcut_dropdown i {
    font-size: 28px;
    color: #50BAD2;
}

.titulo_cabecera {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    color: #b2b2b2;
}

.detail_header {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    color: #6d6b6b;
}
.d-flex{
    display: flex;
}

#btn_add,
.btn_add_modal,
.btn_add_modal_quick,
.btn_add_general,#btn_reporte_new,.btn_add_design {
    background: #50BAD2 !important;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08) !important;
    border-radius: 15px !important;
    color: white !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 150% !important;
    text-transform: none !important;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 22px;
    padding-left: 22px;

}

.btn_add_modal,
.btn_cancel_modal,
.btn_add_modal_quick {
    font-size: 14px;
}

#btn_reporte,#btn_reporte_txt,.btn_reporte_design {
    border: 1px solid #50BAD2 !important;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.08)) !important;
    border-radius: 15px !important;
    color: #50BAD2 !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 150% !important;
    text-transform: none !important;
    margin-left: 14px !important;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 22px;
    padding-left: 22px;
    background: transparent;
    font-family: 'Inter';
    font-size: 14px;

}

table.ajax_view th{
color: #A0AEC0;
}

.button_more_table, .button_more_table:hover,.button_more_table.active, .button_more_table:active, .open>.dropdown-toggle.button_more_table{
    padding: 1px 3px 0px 3px;
    background: #d4d4d4b0;
    border-color: #d4d4d4b0;
    border-radius: 8px;
    color: black;
}

.button_more_table.active.focus, .button_more_table.active:focus, 
.button_more_table.active:hover, .button_more_table:active.focus,
 .button_more_table:active:focus, .button_more_table:active:hover, 
 .open>.dropdown-toggle.button_more_table.focus, 
 .open>.dropdown-toggle.button_more_table:focus, .open>.dropdown-toggle.button_more_table:hover
{
    background: #d4d4d4b0;
    border-color: #d4d4d4b0;
    border-radius: 8px;
    color: black;
}
.btn_cancelar_modal,.btn_cancelar_modal:hover{
    border: none;
    background: transparent;
    text-decoration: underline;
    color: #50bad3;
    font-weight: bold;
}

.icon_google{
    display: flex !important;
    align-items: center !important;
}
.icon_google span{
    padding-right: 8px;
}

.content_margin {
    padding-left: 30px !important;
}

.card {
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    padding: 21px 21px;
    margin-top: 0px;
}

.dt-buttons {
    display: none;
}

.titulo_card {
    color: #2D3748;
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
}

.filtro_busqueda {
    background: #FFFFFF !important;
    border: 0.5px solid #50BAD2 !important;
    border-radius: 15px !important;
    height: 45px;

}



#icono_search {
    border-radius: 0;
    border-color: transparent;
    background-color: transparent;

}

#search_filter {
    border-color: transparent !important;
    background: transparent !important;
}

div.dataTables_wrapper div.dataTables_filter input {
    display: none;
}

.select_personalizado .select2-container .selection span.select2-selection.select2-selection--single{
    border-left: none !important;
    border-bottom-left-radius: 0px !important;
}



.lbl_buscador:before {
    position: relative;
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    font-size: 16px;
    right: 0px;
    top: 5px;
}

.contenedor_prueba {
    border: 1px solid #0f5ef7;
    border-radius: 8px;
    height: 40px;
    padding: 0 15px;
    position: relative;
    margin: 30px 30px 30px 0;
}

.lbl_buscador {
    display: flex;
    padding-top: 5px;
}

.filtro_busqueda_content {
    position: relative;
}

.input_busqueda {
    border: none;
    outline: none;
    background: none;
    width: 100%;
}

.modal-dialog-custom {
    overflow-y: initial !important
}

.modal-body-custom {

    overflow-y: auto;
    max-height: calc(90vh - 140px);
}

.ajuste-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.ajuste-footer__actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.ajuste-add-all-col {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    margin-top: 15px;
}

.ajuste-add-all-wrapper {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 767px) {
    #ajusteExistenciasModal .modal-dialog {
        width: 95%;
        margin: 10px auto;
    }

    #ajusteExistenciasModal .card {
        padding: 12px !important;
    }

    .ajuste-footer {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .ajuste-footer__actions {
        justify-content: space-between;
    }

    .ajuste-add-all-col {
        justify-content: flex-start;
    }

    .ajuste-add-all-wrapper {
        justify-content: flex-start;
    }
}


.modal-header {
    background: rgba(79, 147, 209, 0.76);
    padding: 9px 15px;
    border-radius: 15px 15px 0px 0px;
}

.modal-title {
    color: white;
}

.close {
    color: white;
    opacity: 1;
}

.modal-content {
    border-radius: 15px;
    /* Aquí puedes ajustar el radio de las esquinas */
}

.switch {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 19px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 14.5px;
    width: 14.5px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50px;
}

input:checked+.slider {
    background-color: #4FBAD1;
}

input:focus+.slider {
    box-shadow: 0 0 1px #4FBAD1;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.form-control{
    border-radius: 7.186px;
    border: 1.07px solid #E2E8F0;
    background: var(--black-amp-white-white, #FFF);
    /* padding: 13.174px 210.998px 9.146px 14.372px; */
    height: 38px;
}
.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple{
    border-radius: 7.186px !important;
    border: 1.07px solid #E2E8F0 !important;
    background: var(--black-amp-white-white, #FFF) !important;
    height: 38px !important;
}
.input-group .select2-container--default .select2-selection--single,
.input-group .select2-container--default .select2-selection--multiple{
 
    border-top-left-radius: 0px !important;
}

span.input-group-addon{

    border-radius: 7.186px !important;
    border: 1.07px solid #E2E8F0 !important;
    background: var(--black-amp-white-white, #FFF) !important;
    height: 38px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;

}
#group_personalizado{
    border-right: none !important;
    width: 10px;
    padding-right: 0px;
    padding-left: 11px;
}
.more_btn_info{
    border-radius: 11.201px !important;
    background: #4F93D1 !important;
    box-shadow: 0px 4.053548336029053px 4.053548336029053px 0px rgba(0, 0, 0, 0.08) !important;
    border: #4F93D1 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.select2-container{
    width: 100% !important;
}

.titulo_factura_detail{
color: var(--gray-gray-700, #2D3748);
font-size: 15px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 19.309px */
margin-bottom: 0px;
}
.subtitle_factura_detail{
    font-size: 13px;
}

.btn_guardar_style,.btn_guardar_style:hover{
    border-radius: 11.494px;
    background: #50BAD2;
    border-color: #50BAD2;
 
    box-shadow: 0px 3.064976215362549px;
    padding: 8px 20px 8px 20px; 
    font-weight: bold;
}

.btn_close_modal,.btn_close_modal:hover{
    border-radius: 12.724px;
    border: 0.848px solid var(--lead-one, #50BAD2);
    box-shadow: 0px 3.39294171333313px 3.39294171333313px 0px rgba(0, 0, 0, 0.08);
    color: var(--lead-one, #50BAD2);
    font-size: 13.572px;
    font-style: normal;
    font-weight: 700;
    padding: 8px 20px 8px 20px;
    background: white;
}

.btn_info{
    border-radius: 15.201px;
    background: #4F93D1;
    box-shadow: 0px 4.053548336029053px 4.053548336029053px 0px rgba(0, 0, 0, 0.08);
    border-color: #4F93D1;
    font-weight: bold;
    padding: 10px 20px;
}

.btn_info:hover {
    border-radius: 15.201px;
    background: #4c90cd;
    box-shadow: 0px 4.053548336029053px 4.053548336029053px 0px rgba(0, 0, 0, 0.08);
    border-color: #4F93D1;
    font-weight: bold;
    padding: 10px 20px;
}

.probar_filtros{
    background: #d60101;
    background-color: #F8F9FA;
    border-color: transparent;
    font-size: 16px;
}
.contenedor_filtro{
    margin-bottom: 14px;
}
.input_busqueda{
    border:none;
}

.label_new_style{
    color: #313860;
font-style: normal;
font-weight: 400;
line-height: 150%;
}

.product_caja_new{
    /* width: 154.85px; */
    width: 148.85px;
    height: 208px;
    border-radius: 12.961px;
    background: #FFF;
    /* margin-right: 19px; */
    margin-right: 16px;
    margin-top: 0px;
    margin-bottom: 20px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
    padding-left: 12px;
}

.caja_filtered{
    height: 195px;
}

.product_caja_new .product_box{
    width: 129.199px;
    height: 121.599px;
}
.product_caja_new .product_box_filter{
    width: 129.199px;
    height: 121.599px;
}

.product_caja_new .image-container{
    height: 112.599px;
    background: #D9D9D9;
    background-image: none !important;
}
.product_caja_new .image-container-filters{
    height: 112.599px;
    background: #D9D9D9;
}

.lockscreen {
    background: #F8F9FA;
}

.pos-form-actions{

    background-color: #f8f9fa;
}

.pos-actions-wrapper{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 12px;
}

.pos-actions-wrapper > *{
    margin-right: 0;
}

.pos-actions-wrapper .botones_accion_pos,
.pos-actions-wrapper .total_card_pos{
    flex: 1 1 200px;
    min-width: 170px;
    float: none !important;
}

.pos-actions-wrapper .bg-navy.pos-total{
    flex: 1 1 260px;
}

@media (max-width: 1199px){
    .pos-actions-wrapper .botones_accion_pos,
    .pos-actions-wrapper .total_card_pos{
        flex: 1 1 calc(50% - 12px);
    }
}

@media (max-width: 767px){
    .pos-actions-wrapper{
        gap: 8px;
    }

    .pos-actions-wrapper .botones_accion_pos,
    .pos-actions-wrapper .total_card_pos{
        flex: 1 1 100%;
        min-width: 100%;
    }

    .pos-actions-wrapper .botones_accion_pos{
        font-size: 14px;
        padding: 12px 16px !important;
    }
}

.product_box{
    height: 100%;
}

.product_caja_new .product_box .text_div{
    margin-top: 8px;
  
    /* font-family: Nunito; */
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.color_new{
    color: #919AA7;
}
.color_new_price{
    font-weight: 800;
    font-size: 14px;

}

.formulario_pos{
    margin-bottom:40px;
}
.botones_accion_pos{
    padding: 11px 30px !important;
    border-radius: 10px !important;
    border-color: transparent;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    padding-right: 19px;
    padding-left: 19px;
    padding-top: 8px;
    padding-bottom: 8px;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25) !important;
    color: #fff !important;
    margin-right: 20px;
}

.pos-express-finalize{
    background: #09E37A;

}
.pos-express-finalize:hover{
    background:#12e17d;
}
#pos-finalize{
    background: #B33771 !important;
}
.btn_tarjeta{
    background: #00CEC9 !important;
}
.total_card_pos{
    display: none !important;
}

.icon_google_pos{
    font-size: 20px !important;
}
.icon_google_pos_menu{
    font-size: 26px !important;
    color:#50BAD2;
}

#botones-principales{
    padding-top: 4px;
}

.icono_pen{
    padding-left: 4px;
     padding-right: 6px;
     cursor:pointer;
}

.total_apartado{
    border-radius: 0px 0px 5px 5px;
background: var(--LeadOne, #50BAD2);

/* TableShadows */
box-shadow: 0px 4px 15px 0px rgba(157, 157, 157, 0.25);
text-align: center;

color: #FFF;
font-family: Nunito;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 48px */
letter-spacing: 1.6px;
}

.botones_pos_superior{
    padding:0px !important;

}

.btn-transfer:hover{
    background: #B33771 !important;
}
.btn-card:hover{
    background: #00CEC9 !important;
}
#add-payment-row{
    border-radius: 8px;
background: var(--LeadOne, #50BAD2);
border:none;
}

/* #recent-transactions{
    background: #F0C74D !important;
} */

.input_totales{
    width: 100px;
    border-radius: 10.358px;
    border: 0.518px solid var(--stroke, #CECECE);
    background: var(--black-amp-white-white, #FFF);
    /* height: 17px; */
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 6px;
}

.separacion_input{
    margin-top:10px;
}
.label_input{
    margin-bottom: 11px;
}

.label_no_color{
    font-weight: 400;
    color: #313860;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    border-radius: 6.34px !important;
    /* height: 25.358px; */
    padding: 3.17px 7.924px !important;
    background: #4FBAD1 !important;
    border-color: transparent !important;
    margin-right: 10px;
}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover{
    border-radius: 6.34px !important;
    background: #E2E8F0 !important;
    border-color: transparent !important;
    padding: 3.17px 7.924px !important;
    margin-right: 10px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: 1px solid #E2E8F0;
}
.pagination>li>a {
    background: #fafafa;
    color: #333;
    border-radius: 6.34px;
    background: #E2E8F0;
    padding: 3.17px 7.924px;
    border-color: transparent;
    margin-right: 10px;
}

#dashboard_date_filter{
    background: #50bad3;
    border-color: #50bad3;
}

.btn_add_quick_style{
    background: #4FBAD1 !important;
    stroke-width: 0.786px;
    border: transparent;
    stroke: #E2E8F0;
    border-radius: 5px;
    padding-right: 7px;
    padding-top: 4px;
    padding-left: 7px;
    padding-bottom: 4px;
}

.contenedor_btn_quick{
    align-items: center;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.btn_plus_icon{
    color: white !important;
    font-size: 20px !important;
}

/* .round_icon{
    width: 33px;
    height: 33px;
background: white;
box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02);
border-radius: 12px;
margin-right: 7px;
color: white;
display: flex;
    align-items: center;
    justify-content: center;
}

.round_icon img{
    width: 19px;
    height: 19px;
}
.contenido_menu span{
    display: flex;
    align-items: center;
}

.active .contenido_menu span .round_icon,.contenido_menu:hover ~ span .round_icon{
    background: #50BAD2;
} */

@media (min-width: 768px) {
    .sidebar-mini.sidebar-collapse .main-sidebar {
        width: 85px !important;

    }

    .sidebar-mini.sidebar-collapse .content-wrapper,
    .sidebar-mini.sidebar-collapse .main-footer,
    .sidebar-mini.sidebar-collapse .right-side {
        margin-left: 85px !important;
    }

    .sidebar-collapse .sidebar-menu>li>a {
        padding: 12px 5px 12px 12px;
    }

    .sidebar-mini.sidebar-collapse .main-header .navbar {
        margin-left: 85px;
    }
    .treeview ul.treeview-menu{
        margin-left: 24px !important;
    }

    .treeview a span{
        margin-left: 0px !important;
    }
}

.label_ventas_home{
    color: #2D3748;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 28px */
margin-top:25px;
margin-bottom: 0px;
}

.icono_chart_venta{
    border-radius: 9px;
    background: #50BAD2;
    box-shadow: 0px 3.5px 5.5px 0px rgba(0, 0, 0, 0.02);
    font-size: 15px;
    padding: 8px;
}

.contenedor-detalle-home{
    display: flex;
    justify-content: space-between;
    /* margin-top:63px; */
}

.texto_icon_home{
    color: #A0AEC0;
    /* font-family: Inter; */
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    margin-left: 7px;
    line-height: 150%;
}

.money p{
    color: var(--gray-gray-700, #2D3748);
    /* font-family: Inter; */
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-top: 10px;
    margin-bottom: 0px;
}

.porcentaje_home{
    color: var(--green-green-400, #48BB78);
    /* font-family: Inter; */
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

#productos_mas_vendidos_wrapper .margin-bottom-20{
    display: none;
}

.box.box-primary.box-home{
    border-radius: 15px !important;
    /* border-top-color: #50BAD2 !important; */
    background: var(--black-amp-white-white, #FFF) !important;
    border-top: 5px solid #50BAD2 !important;
}

.moneda{
    color: var(--grey-grey-600, #5D6679);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 32.445px; /* 150% */
}

.inventario_resumen{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.titulo_detalle{
    color: #383E49;

font-size: 18px !important;
font-style: normal;
font-weight: 500;
line-height: 30px; /* 150% */
}

.existencia_status{
    color: var(--error-error-700, #AA3028);
text-align: center;

/* Text xs/Medium */
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 18px; /* 150% */
padding: 7px 18px;
}
.qty_resumen_product{
    margin-top: 5px;
    color: var(--grey-grey-500, #5d6679eb);
 
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 33.811px; /* 150% */
}

.title_resumen_product{
    color: var(--grey-grey-600, #5d6679ec);
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.518px; /* 150% */
}
.dataTables_length label{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
.dataTables_length{
    margin-left:10px;
    margin-top: 5px;
}

.dataTables_length label select{
    margin-left: 5px;
    margin-right: 5px;
}

.table-responsive .dataTables_wrapper .margin-bottom-20{
    display:none;
}

tr.bg-green{
    background-color: #7aaddc!important;
}

@media screen and (min-width: 1500px) {
    .dataTables_wrapper .dataTables_scroll {
        overflow-x: auto !important;
        max-width: 100%;
    }
    
    .ajax_view.dataTable{
        width: 100% !important;
    }
}

.bg-azul_celeste{
    background-color: #50bad3 !important;
}

.table-th-green thead th{
    background-color: #50bad3 !important;
}

.skin-blue .left-side, .skin-blue .main-sidebar, .skin-blue .wrapper {
    background-color: transparent;
}
.btn_add_payment{
    background: #50BAD2 !important;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08) !important;
    border-radius: 15px !important;
    color: white !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 150% !important;
    text-transform: none !important;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 15px;
    padding-left: 15px;
}
.btn_add_payment_notification{
    border:1px solid #50BAD2 !important;
background: transparent !important;
    color: #50BAD2 !important;
   
}

.btn_style_add{
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn_reporte_design.active{
    border: 1px solid #50BAD2 !important;
}
.btn_reporte_design.inactive{
    border: 1px solid #9C9C9C !important;
}
.btn_new_design{
    border-radius: 10px !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

.icon_google_new{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #9C9C9C;
}

.icon_google_new span{
    color: #50BAD2;
}

.jstree-node, .jstree-children, .jstree-container-ul{
    color: #898989;
    font-size: 15px;
}

.jstree-open .jstree-anchor .jstree-icon{
    color: #4F93D1;
}

.jstree-closed .jstree-anchor .jstree-icon{
    color: #898989;
}

.btn_expand_contrae{
    background: transparent;
    border: 1px solid #D6D6D6;
    color: #9C9C9C;
    padding-left: 10px;
    padding-right: 19px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.circleDesign h4{

    padding: 3px 10px;
    border: 1px solid grey;
    border-radius: 71px;
    margin-left: 10px;

}

.display_flex{
    display: flex;
    flex-direction: row;

}

.pos-tab-menu-new-style{
    margin-left:15px;
}


div.pos-tab-menu-new-style div.list-group>a.active .material-symbols-outlined{
    display: inline-block !important;
}

div.pos-tab-menu-new-style div.list-group>a.active, div.pos-tab-menu-new-style div.list-group>a.active .glyphicon, div.pos-tab-menu-new-style div.list-group>a.active .fa{
    border: 1px solid #50BAD2 !important;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.08)) !important;
    border-radius: 10px !important;
    color: white !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 150% !important;
    text-transform: none !important;
    margin-left: 14px !important;
  
    padding-right: 30px;
    padding-left: 30px;
    background: #50BAD2;
    font-family: 'Inter';
    font-size: 17px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}

div.pos-tab-menu-new-style div.list-group>a .material-symbols-outlined{
display: none;
}
div.pos-tab-menu-new-style div.list-group>a{
    font-size: 17px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    border: none !important;
    color: #969393;
}

div.pos-tab-menu-new-style div.list-group>a.active:after{
    display: none;
}

.titulo_card .dataTables_length label{
    font-size: 14px !important;
    color: #525f7f !important;

}

.pos-tab-container-new{
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0px !important;
}

.pos-tab-content-new{
    padding: 0px !important;
}

.box_without_border{
    border-top:none !important;
    box-shadow: 9px 10px 24px rgb(103 110 117 / 15%) !important;
    border-radius: 15px;
}

.btn_informe_account{
    background: #50BAD2;
    border-color: #50BAD2;
    margin-top: 10px;
    font-weight: bold;
    border-radius: 8px;
    padding: 8px 11px 8px 11px;
}

.box_account{
    min-height: 230px;
}

.nav-tabs-account li.active{
    border: 1px solid #50BAD2 !important;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.08)) !important;
    border-radius: 10px !important;
    color: white !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 150% !important;
    text-transform: none !important;
    margin-left: 14px !important;
    padding-right: 10px;
    padding-left: 10px;
    background: #50BAD2;
    font-family: 'Inter';
    font-size: 17px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav-tabs-account li.active a{
    border: none !important;
    background: none !important;
    color: white !important;
}

.nav-tabs-account li a{
    font-size: 17px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    border: none !important;
    color: #969393;
}

.title_configuration{
    color:#535353;
    size: 15px;
    font-weight: 700;
    width: 250px;
    border-bottom: 1px solid #50BAD2;
    padding-bottom: 6px;
}

.component_title{
    width: 300px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0px 4px 4px 0px #E2E8F0;
    border-radius: 10px;
    color: #828282;
    font-family: Inter;
    font-size: 17px;
    font-weight: 400;
    line-height: 19.6px;
    text-align: left;
}

.component_title_2{
    color: #898989;
    font-family: Inter;
    font-size: 17px;
    font-weight: 400;
    line-height: 19.11px;
    text-align: left;
    padding-bottom: 0px;
    margin-bottom: 3px;
}

.margin-component-contabilidad{
    margin-top:20px;
}

.cuenta_de_pago{
    width: 300px;
   
}

.depositar_en_cuenta{
    width: 300px;
    margin-right: 50px;
}

.hrnew{
    border-top: 1px solid #e8e8e8 !important;
}

.contendor_cuentas{
    background: white;
    padding-top: 28px;
}

/* Mejoras para botones de ver - coherencia del sistema */
.view_transaction_details,
.view_account_details {
    border-radius: 4px;
    font-weight: 500;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 8px 12px;
}

.view_transaction_details i,
.view_account_details i {
    margin-right: 6px;
    font-size: 14px;
}

.view_transaction_details:hover,
.view_account_details:hover {
    background-color: #0056b3;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 123, 255, 0.3);
}

/* Estilos para botón de impresión - coherente con icon_google */
.print_cash_flow {
    display: flex !important;
    align-items: center !important;
    text-decoration: none;
    color: inherit;
}

.print_cash_flow span {
    padding-right: 8px;
}

.print_cash_flow:hover {
    text-decoration: none;
    color: #50BAD2;
}

#product_list_container {
    display: flex;
    flex-direction: column;
    min-height: 240px;
    overflow: hidden;
}

#product_list_body {
    flex: 1;
    min-height: 100%;
    overflow-y: auto;
    padding-right: 4px;
}

/* Estilos para marcar unidades ECF inválidas */
.ecf-unit-error {
    border: 2px solid #dc3545 !important;
    background-color: #fff5f5 !important;
    box-shadow: 0 0 5px rgba(220, 53, 69, 0.5);
}

.ecf-row-error {
    background-color: #ffe6e6 !important;
}

.ecf-row-error td {
    background-color: #ffe6e6 !important;
}