.cake-error {position:relative;z-index: 9999}
.brand-img-grucas {width: 210px}

.navbar-brand {margin-right: 2rem!important;}
.navbar-search .search-field {width:21rem!important;padding-left:1rem!important;padding-right:1rem!important;}
.txtAC {text-align: center!important}
.txtAJ {text-align: justify!important}
.txtAL {text-align: left!important}
.txtAR {text-align: right!important}
.txtSM {font-size: .8rem}
.txtLink {text-decoration:underline;color:#F39200;cursor: pointer}

.hk-wrapper .hk-drawer .drawer-body .drawer-content-wrap {padding: 1rem}
.hk-wrapper[data-layout="vertical"] .hk-menu .menu-content-wrap .menu-group .navbar-nav > .nav-item.active > .nav-link {background-color: rgba(243, 146, 0, 0.07)!important}
.btn.btn-icon.btn-xs {width:22px!important;height:22px!important;}
.card-header-gray {background-color: rgba(0,0,0,0.02)!important;}
.card-header h5 {}
.card .card-title {text-shadow: 1px 1px 1px rgba(0,0,0,0.35); font-size: 1.25rem;text-transform: uppercase}
.card .card-title-m {text-shadow: 1px 1px 1px rgba(0,0,0,0.15); font-size: 1.2rem}
.hk-pg-wrapper {background-color: #F5F5F5!important;padding-bottom:3em!important;}
.hk-footer {background-color: #F5F5F5!important; border-top: 2px solid #fff!important;}
.hk-footer .footer > .row {padding: 0.5em 0!important}

.btn-primary:hover {background-color: #888!important;border-color:#888!important;}

.text-imput-small {font-size:.8em;}

.filters, .card-inner {font-size:.8rem}
.filters .card-title, .card-inner .card-title {font-size: 1.2em}
.filters input, .filters select,.filters textarea.filters button {font-size: 1em}

.dataTables_scrollHead table.dataTable tr[role=row] {font-size: 0.97em;background-color: rgba(0,0,0,0.03)}
.dataTables_scrollBody .table.dataTable tr[role=row] {height:0px!important;}
.dataTables_scrollBody {margin-bottom: 1em}
.dataTables_info, .dataTables_paginate {font-size:0.8em}
.pagination.custom-pagination .page-link {min-height: 2em; min-width: 3em; padding: 0.25em}
table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before {top:1.5em}
table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after {top:1.5em}
.dt-buttons, .dataTables_length, .dataTables_filter {display: inline-block}
.dt-buttons {margin-right: 1em}
.dataTables_filter {float: right}

.dataTable th { vertical-align: bottom; text-align: center; }
.dataTable th span.rotated { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; transform: rotate(180deg); white-space: nowrap; }


/* REPORTES */
.white-underscore {color: #000000;}
.white-underscore::after { content: attr(data-text); color: white; }
.gpoTitle {background: rgba(0,0,0,0.05);color: rgba(0,0,0,.6);text-transform: uppercase;padding: 0.3em}
.chkDays {display: inline-block;margin-right: 1em}

.table-md-font {font-size:.8rem; color:#000}
.table.table-md-font  thead th, .table.table-md-font  tfoot th, .table.table-md-font  tbody td {font-size: 1em; padding:0.5em}
.table.table-md-font  thead th {text-transform: uppercase}


/* TD Porcentage BG  */
.tdBgPctg {position: relative!important;}
.tdBgPctg div.dvBGbar { background:#30C300; position: absolute; height: 1.5em; z-index: 1; }
.tdBgPctg p {position:relative;z-index: 10 !important}

/* P DETAIL */
.alert {margin:1em auto 0}
.datail-value {border: 1px solid rgba(0,0,0,0.25); padding: 0.375rem 0.75rem; border-radius: 0.375rem; background: rgba(0,0,0,0.01);min-height: 2.4em;font-size:0.88em}
.pdetail-files {font-size: 0.9em}
.pdetail-file {padding: 0.2em 0;margin: 0.3em 0;border-bottom:1px solid rgba(0,0,0,0.1);}
.pdetail-file:hover {cursor: pointer;}
.pdetail-file-zip {text-transform: uppercase; margin-bottom: 1em;background-color: rgba(0,0,0,0.05)}
.pdetail-filename { padding: 0.1em 0.5em 0 0;}

/* ARROWS */
.nav-progress {
    display: table;
    overflow: hidden;
    margin: 0;
    width: 100%;
    height: 50px;
    border: 1px solid rgba(0,0,0,0.2);
    background-color: #fff;
    /*
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
     */
    font-size:12px;
    text-transform: uppercase;
}
.nav-progress > div {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    color: #000;
    text-align: center;
    font-size: 1.1em;
    line-height: 1.2em;
}
.nav-progress > div.complete {
    background-color: #339967;
    color: #fff;
}
.nav-progress > div.complete .arrow {
    border: 2px solid #fff !important;
    background: #339967 !important;
}
.nav-progress > div.active {
    background-color: #339967;
    color: #fff;
}
.nav-progress > div.active .arrow {
    background: #339967 !important;
    border: 2px solid #fff !important;
}
.nav-progress > div.transporte {
    background-color: #A3D1BA;
    color: #000;
}
.nav-progress > div.transporte .arrow {
    background: #A3D1BA !important;
    border: 2px solid #fff !important;
}
.nav-progress > div.pendiente {
    background-color: #FFF;
    color: #555;
}
.nav-progress > div.pendiente .arrow {
    background: #fff !important;
    border: 2px solid #fff !important;
}
.nav-progress > div.alerta {
    background-color: #a90000;
    color: #fff;
}
.nav-progress > div.alerta .arrow {
    background: #a90000 !important;
    border: 2px solid #fff !important;
}
.arrow-wrapper {
    position: absolute;
    top: 0px;
    right: 0px;
}
.arrow-wrapper .arrow-cover {
    position: absolute;
    overflow: hidden;
    width: 24px;
    height: 50px;
}
.arrow-wrapper .arrow-cover .arrow {
    position: absolute;
    left: -34px;
    z-index: 2;
    width: 50px;
    height: 50px;
    background: transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nav-progress-cell {display: grid;height: auto!important; width:14em!important; margin: 0 auto!important;text-align: center; border: 1px solid rgba(0,0,0,0.2);font-size: .8em;text-transform: uppercase}
.nav-progress-cell div.stepTL {padding:0.5em 0;border:1px solid #fff}
.nav-progress-cell div.active, .nav-progress-cell div.complete {background-color: #339967; color: #fff;}
.nav-progress-cell div.transporte {background-color: #A3D1BA; color: #000;}
.nav-progress-cell div.pendiente {background-color: #FFF; color: #555;}
.nav-progress-cell div.alerta {background-color: #a90000; color: #fff;}

.mapouter{position:relative;height:100%!important;width:100%!important;padding: 2em}
.gmap_canvas {overflow:hidden;background:none!important;height:100%!important;width:100%!important;}
.gmap_canvas iframe {height:100%!important;width:100%!important;min-height: 15em}


@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 99%;
    }
}
@media (min-width: 2100px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1920px;
    }
}
@media (max-width: 1399px) {


}
@media (min-width: 952px) {
    .nav-progress {display: table;}
    .nav-progress-cell {display: none;}
}
@media (max-width: 950px) {
    .nav-progress {display: none;}
    .nav-progress-cell {display: grid;}
    .arrow-wrapper {display:none;}
    .nav-progress > div {padding:0.5em 0;border:1px solid #fff}
    .navbar-search .search-field {width:100%!important;padding-left:1rem!important;padding-right:1rem!important;}

}