/* CUSTOM */
.page-content{ padding-top:15px!important; padding:10px!important; }

.row{ margin-left:-10px!important; margin-right:-10px!important; }
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,
.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,
.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{
    padding-left:10px!important; padding-right:10px!important
}
.portlet{ margin-bottom:10px!important }

.portlet-title .btn{ /*padding: 4px 10px!important*/ }

.noscroll { overflow:hidden!important; }

/* BOTONES */
.btn.btn-circle{border-radius:4px!important; /*box-shadow:1px 1px 0px rgba(0,0,0,0.1)!important;*/}
.btn.btn-circle:hover{box-shadow:1px 1px 5px rgba(0,0,0,0.5)!important;}

/* UTILITIES */
.noscroll { overflow:hidden!important; }
.noselect { -webkit-touch-callout:none; -webkit-user-select:none; --moz-user-select:none;
    -ms-user-select:none; user-select:none; }

.block{ display:block!important; }
.pointer{ cursor:pointer }
.bold{ font-weight:bold!important; }
.none{ display:none }

.ctr,.ctr-td td{ text-align:center }
.mdl,.mdl-td td{ vertical-align:middle!important; }
.upc,.upc-td td{ text-transform: uppercase }
.nowrap,.nowrap-td td,.nowrap-th th,.nwp, .nwp-td td{ white-space:nowrap!important; }

.mrg-0{ margin:0!important; }
.mrg-2{ margin:2px!important; }
.mrg-5{ margin:5px!important; }
.mrg-10{ margin:10px!important; }
.mrg-15{ margin:15px!important; }
.mrg-r-0{ margin-right:0!important; }
.mrg-t-5{ margin-top:5px!important; }
.mrg-r-5{ margin-right:5px!important; }
.mrg-r-0{ margin-right:0!important; }
.mrg-b-5{ margin-bottom:5px!important; }
.mrg-b-0{ margin-bottom:0!important; }
.mrg-l-5{ margin-left:5px!important; }
.mrg-t-10{ margin-top:10px!important; }
.mrg-r-10{ margin-right:10px!important; }
.mrg-b-10{ margin-bottom:10px!important; }
.mrg-l-10{ margin-left:10px!important; }
.mrg-t-15{ margin-top:15px!important; }
.mrg-r-15{ margin-right:15px!important; }
.mrg-b-15{ margin-bottom:15px!important; }
.mrg-l-15{ margin-left:15px!important; }

.pdg-0{ padding:0!important; }
.pdg-t-0{ padding-top:0!important; }
.pdg-b-0{ padding-bottom:0!important; }
.pdg-l-0{ padding-left:0!important; }
.pdg-r-0{ padding-right:0!important; }
.pdg-2{ padding:2px!important; }
.pdg-5{ padding:5px!important; }
.pdg-10{ padding:10px!important; }
.pdg-15{ padding:15px!important; }
.pdg-t-5{ padding-top:5px!important; }
.pdg-r-5{ padding-right:5px!important; }
.pdg-b-5{ padding-bottom:5px!important; }
.pdg-l-5{ padding-left:5px!important; }
.pdg-t-10{ padding-top:10px!important; }
.pdg-r-10{ padding-right:10px!important; }
.pdg-b-10{ padding-bottom:10px!important; }
.pdg-l-10{ padding-left:10px!important; }

.p-0{ padding:0!important; }
.p-2{ padding:2px!important; }
.p-4{ padding:4px!important; }
.p-8{ padding:8px!important; }
.p-16{ padding:16px!important; }
.pt-0{ padding-top:0!important; }
.pt-4{ padding-top:4px!important; }
.pt-8{ padding-top:8px!important; }
.pt-16{ padding-top:16px!important; }
.pr-0{ padding-right:0!important; }
.pr-4{ padding-right:4px!important; }
.pr-8{ padding-right:8px!important; }
.pr-16{ padding-right:16px!important; }
.pr-20{ padding-right:20px!important; }
.pr-24{ padding-right:24px!important; }
.pb-0{ padding-bottom:0!important; }
.pb-4{ padding-bottom:4px!important; }
.pb-8{ padding-bottom:8px!important; }
.pb-16{ padding-bottom:16px!important; }
.pl-0{ padding-left:0!important; }
.pl-4{ padding-left:4px!important; }
.pl-8{ padding-left:8px!important; }
.pl-16{ padding-left:16px!important; }

.m-0{ margin:0!important; }
.m-2{ margin:2px!important; }
.m-4{ margin:4px!important; }
.m-8{ margin:8px!important; }
.m-16{ margin:16px!important; }
.mt-0{ margin-top:0!important; }
.mt-4{ margin-top:4px!important; }
.mt-8{ margin-top:8px!important; }
.mt-16{ margin-top:16px!important; }
.mr-0{ margin-right:0!important; }
.mr-4{ margin-right:4px!important; }
.mr-8{ margin-right:8px!important; }
.mr-16{ margin-right:16px!important; }
.mb-0{ margin-bottom:0!important; }
.mb-4{ margin-bottom:4px!important; }
.mb-8{ margin-bottom:8px!important; }
.mb-16{ margin-bottom:16px!important; }
.ml-0{ margin-left:0!important; }
.ml-4{ margin-left:4px!important; }
.ml-8{ margin-left:8px!important; }
.ml-16{ margin-left:16px!important; }

.px-4{ padding-left:4px!important; padding-right:4px!important; }
.px-8{ padding-left:8px!important; padding-right:8px!important; }
.px-16{ padding-left:16px!important; padding-right:16px!important; }

.py-4{ padding-top:4px!important; padding-bottom:4px!important; }
.py-8{ padding-top:8px!important; padding-bottom:8px!important; }
.py-16{ padding-top:16px!important; padding-bottom:16px!important; }

.w1 { width:1% }

/* MENEU SHORTCUTS */
.menu-shortcuts{  }
.menu-shortcuts li{  }
.menu-shortcuts li a{ padding:14px 6px 12px 8px; color:#c6cfda }
.menu-shortcuts li a:hover{ background:#3F4F62 }
.menu-shortcuts li.active a{ background:#3F4F62 }

.top-menu .nav li a{ padding-left:10px!important; padding-right:10px!important;}

.close{ background-position:center!important; }

/* No seleccionar texto */
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.btn-group {display: flex;}

.ctr,.ctr-td td{ text-align:center }
.mdl,.mdl-td td{ vertical-align:middle!important; }
.upc,.upc-td td{ text-transform: uppercase }
.nowrap,.nowrap-td td{ white-space:nowrap!important; }

.pdg_h_0 { padding-left:0!important; padding-right:0!important; }

/* Mostrar autocomplete en Modals */
.ui-autocomplete{ z-index:99999; }

.page-logo a, .logo a{ color: #FFF; margin: 12px 0 0; text-transform: uppercase;  font-size: 18px;}
.page-logo a img,.logo a img{ max-height:28px }
.page-sidebar-closed .page-logo a{ display: none!important; }

/* COLORES DE MARCA */
.page-header.navbar { background:#004899 }
body{ background:#222222 }
.page-sidebar, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover{ background:#222222 }
.page-sidebar .page-sidebar-menu>li.active.open>a, .page-sidebar .page-sidebar-menu>li.active>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a{
    background:#E62A32;
}
.page-sidebar .page-sidebar-menu>li.active.open>a:hover, .page-sidebar .page-sidebar-menu>li.active>a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a:hover{
    background:#E62A32;
}
.page-sidebar .page-sidebar-menu>li.open>a, .page-sidebar .page-sidebar-menu>li:hover>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a{
    background:#3E3E3E;
}
.page-sidebar .page-sidebar-menu .sub-menu>li.active>a, .page-sidebar .page-sidebar-menu .sub-menu>li.open>a, .page-sidebar .page-sidebar-menu .sub-menu>li:hover>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.active>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li:hover>a{
    background:#3E3E3E!important;
}

body.login { background-color:#004899!important; }
body.login .btn.green,
body.login .btn.green:hover,
body.login .btn.green:focus{ background:#E62A32; border-color: #E62A32; }

.page-bar{ margin-bottom:25px!important }
.page-title{ margin-top:0!important }

/* Loading */
#loading { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.8);
  z-index: 9999999; text-align: center; }
#loading ._body{ height:100px; position: absolute; top:calc(50% - 50px); left:0; right:0 }
#loading i{ font-size: 60px; line-height: 60px!important; color: #FFF; }
#loading ._message { font-size: 20px; color: #FFF; margin-top: 10px }

/* Mesas */
.tables { margin-left:-10px }
.tables .item{ width:100px; height:100px; background:#525E64; margin-left:10px; float:left; margin-bottom:10px; cursor:pointer;
    border-radius:5px!important; box-shadow:2px 2px 4px #aaa; position: relative }
.tables .item:hover{ box-shadow:2px 2px 4px #777 }
.tables .item:active{ box-shadow:inset 5px 5px 10px rgba(0,0,0,0.3) }
.tables .item span{ display:block; line-height:100px; text-align:center; font-size:20px; font-weight:bold; color:white;
    text-shadow:1px 1px 1px rgba(0,0,0,.5)}
.tables .item b{ position:absolute; top:5px; right:5px; background:rgba(0,0,0,.2); font-size:11px; line-height:12px; padding:3px 5px;
    border-radius:5px; color:#FFF}
.tables .item.ready{ background:#00BE3E }
.tables .item.busy{ background:#F5A623 }

/* DATABLE */
.datable {}
.datable th.sorting, .datable th.sorting_asc, .datable th.sorting_desc {
    padding-left:8px; padding-right:20px!important;
}
.datable th.sorting_disabled,
table.dataTable thead th{
    padding-left:8px; padding-right:8px;
}
.datable .filters th{padding:4px}
.datable .none{display:none}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before{
    position:relative; left:0; top:0;
}

/* ESTADO */
.label.state { border-radius:4px!important; }
.label.state.state-info { cursor: help }label.state.state-info i{ opacity:0.5 }
.label.state.state-info:hover i{ opacity:1.0 }
.label.state.state-info:hover { box-shadow: 2px 2px rgba(0,0,0,.1) }

/* Offline bar */
.ofl_bar{ height:3px; background:red; position:absolute; top:0;left:0;right:0}

.sticky thead th, .sticky tfoot tr {
    position: sticky;
    background-color: #004899;
    color: white
}

.sticky thead th {
    top: 0
}

.sticky tfoot tr {
    bottom: 0
}

.sticky tbody tr:first-of-type td {
    padding-top:  10px;
}

.sticky tbody tr:last-of-type td {
    padding-bottom: 10px;
}


.table_arreas_loans td.child ul{
    width: 100%;
}
.table_arreas_loans td.child ul li{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-direction: column;
}
.table_arreas_loans td.child ul .dtr-data{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}