:root {
    --doc-success: #1ab394;
    --doc-warning: #f8ac59;
    --doc-danger: #ED5565;
}

@font-face {
    font-family: "BergenMono-Regular";
    src: url('../fonts/bergen-mono/BergenMono-Regular.woff') format('woff');
    font-weight: normal;
    font-size: 13px;
    position: relative;
    top: -2px;
}

.nowidth
{
    width: unset !important;
}

.f-s-18 {
    font-size: 1.6em !important;
}

.table-field-grid-readonly  td {    
    height: 28px;
}

.table-field-grid-fixed  td {    
    height: 28px;
}

.btn-radio.active {
    background-color: #767575;
    font-weight: 600;
    color: white !important;
}

.btn-white:hover {   
    border: 1px solid #474747 !important;
}

/*
@font-face {
	font-family: "DIN 1451 Std"; 
	src: url("//db.onlinewebfonts.com/t/1cf07fdc01da97ba3a1410d18951d28f.eot"); 
	src: url("//db.onlinewebfonts.com/t/1cf07fdc01da97ba3a1410d18951d28f.eot?#iefix") 
	format("embedded-opentype"), 
	url("//db.onlinewebfonts.com/t/1cf07fdc01da97ba3a1410d18951d28f.woff2") 
	format("woff2"), 
	url("//db.onlinewebfonts.com/t/1cf07fdc01da97ba3a1410d18951d28f.woff") 
	format("woff"), 
	url("//db.onlinewebfonts.com/t/1cf07fdc01da97ba3a1410d18951d28f.ttf") 
	format("truetype"), url("//db.onlinewebfonts.com/t/1cf07fdc01da97ba3a1410d18951d28f.svg#DIN 1451 Std") 
	format("svg"); 
}
*/

.icheckbox_square-green.focus:not(.checked) {
    background-position: -24px 0;
}

.select2-container--bootstrap4.select2-container--open .select2-selection {
    box-shadow: none;
    border-color: #1ab394;
}

.has-error:not(.form-group) {
    border-color: #ED5565 !important;
    border-style: solid !important;
    border-width: thin !important;
}

.modal-alt-none {
    height: unset !important;
}

.modal-content {
    border-radius: 10px;
}

.modal-content .ibox-content {
    border-radius: 10px;
    padding: 15px 20px 10px 20px;
}

.modal-content .ibox-title {
    border-radius: 10px 10px 0px 0px;
    background-color: beige;
}

[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
[data-title]:after {
    content: attr(data-title);
    position: absolute;
    bottom: -1.6em;
    left: 100%;
    padding: 4px 4px 4px 8px;
    color: #222222;
    white-space: pre; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;  
    border-radius: 5px;  
    -moz-box-shadow: 0px 0px 4px #222;  
    -webkit-box-shadow: 0px 0px 4px #222;  
    box-shadow: 0px 0px 4px #222;  
    background-image: -moz-linear-gradient(top, #f8f8f8, #feffd4);  
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f8f8f8),color-stop(1, #feffd4));
    background-image: -webkit-linear-gradient(top, #f8f8f8, #feffd4);  
    background-image: -moz-linear-gradient(top, #f8f8f8, #feffd4);  
    background-image: -ms-linear-gradient(top, #f8f8f8, #feffd4);  
    background-image: -o-linear-gradient(top, #f8f8f8, #feffd4);
    opacity: 0;
    z-index: 99999;
    visibility: hidden;
    font-size: 11px;
    font-weight: normal;
    /* font-family: 'Courier New', Courier, monospace; */
}
[data-title] {
    position: relative;
}

.w-s-w {
    white-space: normal;
}

.d-block {
    display: block;
}

body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover>.nav-second-level,
.mini-navbar .nav li:focus>.nav-second-level {
    min-width: 300px !important;
}

.nav-third-level {
    padding-left: 10px;
}


textarea::placeholder {
	font-size: 0.8em;
}

.form-control {
	font-size: 0.8rem;
}

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

div.number-align {
    justify-content: flex-end;
}

span.number-align {
    float: right;
}

a.number-align {
    float: right;
}

.bg-muted {
    background-color: #ffefbe !important;
}

.ibox-title {
	padding: 10px 90px 3px 10px;
    min-height: 30px;
}

.right-tools {
    float: right;
    position: absolute;
    right: 0;
    top: 0;
}

.tag-list-xs li a
{
	padding: 0.1rem 0.4rem;
	margin-top: 7px;
	padding-top: 2px;
}

/* panel left */

#filters-pl,
#ibox-content-table-drivers {
    height: calc(85vh - 41px);
    background-color: #fff;
}

#ibox-content-list-filters {
    height: calc(57vh - 32px);
}

#ibox-content-list-actions {
    height: calc(28vh - 32px);
}


.ibox.fullscreen
{
	padding: 0px 10px;
}

.form-static:not(.elem-grid)
{
	font-size: 1em !important;
	position: relative;
	top: 0.15em;
}

body {
    margin: 0;
    /* This is used to reset any browser-default margins */
    font-size: 0.8rem;
}

#wrapper {
    overflow-x: unset;
}

#page-wrapper {
    min-height: 97vh;
    background-color: #d3d3d3;
}

text::placeholder {
    color: #efefef;
}

.ibox-title-alt {
    margin-left: -20px;
    margin-top: -15px;
    margin-bottom: 20px;
    margin-right: -20px;
    border-style: none none solid;
}

.modal .ibox {
    margin-bottom: unset;
}

.label-form-row {
    font-size: 0.9em;
    margin-top: 0.3em;
    font-weight: lighter;
    white-space: nowrap;
}

.navbar-static-side {
    width: 300px;
}

.ibox-tools {
    top: 4px;
}

.ibox-tools>.btn-xs , .buttons-actions>.btn-xs {
	padding: 0.1rem 0.4rem;
	font-size: 0.7rem;
}

.modal-content form>.row:not(.form-actions-bottom) {
	margin-left: -8px;
}

.modal-content form>.form-actions-bottom {
	margin-left: -22px;
	padding-top: 20px;
}

.modal-content .form-actions-bottom .close-form-wtot-conf {
	display: none;
}

.modal-content .ibox-title-alt .close-form-wtot-conf {
	display: none;
}

.modal-content .form-actions-bottom .close-form {
	display: none;
}

.modal-content .ibox-title-alt .close-form {
	display: none;
}


.wrapper-content-p0 {
    height: calc(100% - 100px);
}

.ctrl-wrapper {
    height: 100%;
}

.ctrl-wrapper .ibox {
    height: 100%;
}

.ctrl-wrapper .ctrl-content {
    height: calc(100% - 20px);
}

.top-wrapper {
    min-height: 25px;
}

.panels {
    height: 100%;
    background-color: inherit;
}


/*
.panels #pl,
.panels #pr {
    height: 70vh;
    overflow: auto;
}
*/

.requerido {
    color: #1BB393;
}

.oculto {
    display: none !important;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.img-profile-md {
    height: 150px;
}

.img-profile-xs {
    height: 50px;
    border: 2px solid #8095A8;
    border-radius: 50%;
}

.img-login {
    /*height: 80px;*/
    max-width: 300px;
}

.login-box {
    max-width: 400px;
    z-index: 100;
    margin: 0 auto;
    padding-top: 40px;
}

.container-box {
    padding-left: 20px !important;
    padding-right: 0px !important;
    padding-top: 15px;
}

.title-clickable:hover {
    color: #1BB393;
}

.col-title {
    background-color: white;
    color: #686B6D;
    border-width: 1px;
    border-style: solid;
    border-color: #E7EAEC;
    height: 20px;
}

.label-form {
    font-size: 0.7em;
}

/*
.label-file {
    font-size: 0.6em;
}
*/

.custom-file-label::after {
    padding: 4px 10px;
    height: 25px;
    font-size: 12px;
    content: "Abrir";
}

.custom-file-label {
    padding: 2px 5px;
    height: 27px;
}

.custom-file-input:focus {
    border-color: #1ab394 !important;
    border-width: thin !important;
}

.custom-file {
    height: 27px;
}

.label-item {
    font-size: 0.9em;
}

.clickable {
    cursor: pointer;
}

.item-list-title {
    height: 25px;
    font-size: 0.7rem;
    padding-top: 7px;
    padding-bottom: 7px;
}

.btn-list-op {
    width: 30px !important;
    font-size: 0.7em !important;
}

.btn-filter-item {
    white-space: nowrap;
}

.quantity {
    min-width: 2.4rem !important;
    height: 20px;
    color: inherit;
    border-radius: 2px;
    border: 2px solid #e7eaec;
    font-size: 0.9em !important;
}

.deposit-list {
    list-style: none outside none;
    padding: 0;
}

.deposit-list li {
    display: block;
}


/* Margins */

.m-t-100 {
    margin-top: 100px;
}

.m-t-50 {
    margin-top: 50px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-t-15 {
    margin-top: 15px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-5 {
    margin-top: 5px;
}

.m-t-0 {
    margin-top: 0px;
}

.m-b-100 {
    margin-bottom: 100px;
}

.m-b-50 {
    margin-bottom: 50px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-b-15 {
    margin-bottom: 15px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-5 {
    margin-bottom: 5px;
}

.m-b-0 {
    margin-bottom: 0px;
}

.m-l-15- {
    margin-left: -15px;
}

.m-l-100 {
    margin-left: 100px;
}

.m-l-50 {
    margin-left: 50px;
}

.m-l-20 {
    margin-left: 20px;
}

.m-l-15 {
    margin-left: 15px;
}

.m-l-10 {
    margin-left: 10px;
}

.m-l-5 {
    margin-left: 5px;
}

.m-l-0 {
    margin-left: 0px;
}

.m-r-100 {
    margin-right: 100px;
}

.m-r-50 {
    margin-right: 50px;
}

.m-r-20 {
    margin-right: 20px;
}

.m-r-15 {
    margin-right: 15px;
}

.m-r-10 {
    margin-right: 10px;
}

.m-r-5 {
    margin-right: 5px;
}

.m-r-0 {
    margin-right: 0px;
}


/* Fonts size and style */

.f-s-5 {
    font-size: 0.5em !important;
}

.f-s-6 {
    font-size: 0.6em !important;
}

.f-s-7 {
    font-size: 0.7em !important;
}

.f-s-8 {
    font-size: 0.8em !important;
}

.f-s-9 {
    font-size: 0.9em !important;
}

.f-s-10 {
    font-size: 1em !important;
}

.f-s-11 {
    font-size: 1.1em !important;
}

.f-s-12 {
    font-size: 1.2em !important;
}

.f-b {
    font-weight: bold;
}


/* Borders */

.b-b {
    border-bottom: 1px solid #e7eaec;
}

.b-t {
    border-top: 1px solid #e7eaec;
}

.b-l {
    border-left: 1px solid #e7eaec;
}

.b-r {
    border-right: 1px solid #e7eaec;
}

.b-radius-none {
    border-radius: 0;
}


/* Paddings */

.p-0 {
    padding: 0;
}

.p-b-0 {
    padding-bottom: 0;
}

.p-b-5 {
    padding-bottom: 5px;
}

.p-t-0 {
    padding-top: 0;
}

.p-t-5 {
    padding-top: 5px;
}

.p-l-0 {
    padding-left: 0;
}

.p-l-5 {
    padding-left: 5px;
}

.p-l-10 {
    padding-left: 10px;
}

.p-l-20 {
    padding-left: 20px;
}

.p-r-0 {
    padding-right: 0;
}

.p-r-5 {
    padding-right: 5px;
}

.p-r-10 {
    padding-right: 10px;
}

.p-r-20 {
    padding-right: 20px;
}

/* Heights */

.h-8 {
    height: 8px;
}

.h-10 {
    height: 10px;
}

.h-12 {
    height: 12px;
}

.h-14 {
    height: 14px;
}

.h-16 {
    height: 16px;
}

.h-18 {
    height: 18px;
}

.h-20 {
    height: 20px;
}


/* Change select2 height */


.select2-selection__rendered {
    line-height: 25px !important;
}

.table .select2-selection__rendered {
font-size: 1.15em !important;
margin-top: -2px !important;
}

.select2-container .select2-selection--single {
    height: 25px !important;
}

.select2-selection__arrow {
    height: 25px !important;
}

.select2-selection__clear {
    display: none !important;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {
    top: 0% !important;
}


/* Change input height */

.input-sm,
.form-control-sm {
    height: 25px;
    border-radius: 0.25rem;
    padding: 5px 5px;
}

.input-group-addon {
    background-color: #fff;
    border: 1px solid #E5E6E7;
    border-radius: 1px;
    color: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 5px 5px 3px 5px;
}

.bg-white {
    background-color: white !important;
}

.bg-ivory {
    background-color: #F3F3F4 !important;
}

.bg-gray {
    background-color: #D1DADE !important;
}

.bg-navy {
    background-color: #1BB393 !important;
    color: white !important;
}

.bg-dark-blue {
    background-color: #2E4150 !important;
    color: white !important;
}

.selected-operation {
    background-color: #1BB393 !important;
    color: #fff;
    border-radius: 2px;
    border: 1px solid #e7eaec;
}

.spinner {
    height: 8px !important;
    width: 6px !important;
    display: none;
}

.ibox-title h5 {
    display: inline-block;
    font-size: 12px;
    margin: 0 0 3px;
    padding: 0;
    text-overflow: ellipsis;
    float: none;
}

.dashboard.ibox,
.dashboard.ibox>.ibox-title,
.dashboard.ibox>.ibox-content {
    border: none;
}

.dashboard.ibox>.ibox-title {
    height: 155px;
    padding-top: 5px;
}

.dashboard {
    margin-bottom: 0;
}

.ctrl-wrapper .ibox-title h3,
.ctrl-wrapper .ibox-title h5 {
    float: left;
}

.ctrl-wrapper .ibox-tools {
    float: right;
}


/* Autocompletes */
.ui-menu.ui-autocomplete:not(:has(.ui-menu-item)) {
    /* no mostrar lista vacía del autocomplete */
    display: none !important;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    max-height: 400px;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
    padding-bottom: 5px;
}

.ui-menu .ui-menu {
    position: absolute;
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    /* support: IE10, see #8844 */
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 6px 1em 6px .4em;
}

.ui-menu-item-wrapper:hover,
.ui-menu-item-wrapper:focus {
    color: #f8f9fa;
    background-color: #1ab394;
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    margin: -1px;
    color: #f8f9fa;
    background-color: #1ab394;
}

.ui-front {
    position: absolute;
    z-index: 1000000 !important;
    overflow: inherit;
}


.ibox.fullscreen .collapse-link {
    display: unset;
}

.buttons-actions {
    white-space: nowrap;
}

#table-operations {
    white-space: nowrap;
    border-collapse: unset;
    border-spacing: 0px;
}


/* font: "BergenMono-Regular" */

.fBMR {
    font-family: "BergenMono-Regular";
    font-weight: normal;
    font-style: normal;
}

.navbar-title {
    display: inline-block;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
    margin-left: 2rem;
    margin-top: 0.9rem;
}

.span-operation-status {
    color: white !important;
    width: 100%;
    display: inline-block;
    text-align: center;
    height: 20px;
    padding-top: 5px;
    margin-top: 1px;
}


/* Fix height tables */
.table>thead>tr.noborder>th,
.table>tbody>tr.noborder>th,
.table>tfoot>tr.noborder>th,
.table>thead>tr.noborder>td,
.table>tbody>tr.noborder>td,
.table>tfoot>tr.noborder>td {
    border-top: 1px solid transparent;
    line-height: 1.42857;
    padding: 1px;
    vertical-align: inherit;
}

.table>thead>tr:not(.noborder)>th,
.table>tbody>tr:not(.noborder)>th,
.table>tfoot>tr:not(.noborder)>th,
.table>thead>tr:not(.noborder)>td,
.table>tbody>tr:not(.noborder)>td,
.table>tfoot>tr:not(.noborder)>td {
    border-top: 1px solid #e7eaec;
    line-height: 1.42857;
    padding: 1px;
    vertical-align: inherit;
}

.td-actions-buttons {
    padding: 1px !important;
    text-align: right;
}

@media (min-width: 768px) {
    .col-md-0-5 {
        -ms-flex: 0 0 4.16%;
        flex: 0 0 4.16%;
        max-width: 4.16%;
        position: relative;
        width: 100%;
    }

    .col-md-1-2 {
        -ms-flex: 0 0 7%;
        flex: 0 0 7%;
        max-width: 7%;
        position: relative;
        width: 100%;
    }

    .col-md-1-5 {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
        position: relative;
        width: 100%;
    }
	
    .col-md-1-8 {
        -ms-flex: 0 0 14%;
        flex: 0 0 14%;
        max-width: 14%;
        position: relative;
        width: 100%;
    }

	.col-md-2-2 {
        -ms-flex: 0 0 18%;
        flex: 0 0 18%;
        max-width: 18%;
        position: relative;
        width: 100%;
    }

    .col-pct--1 {
        flex-grow: 1;    
    }

    .col-pct-1 {
        -ms-flex: 0 0 1%;
        flex: 0 0 1%;
        max-width: 1%;
        width: 100%;
    }
    
    .col-pct-2 {
        -ms-flex: 0 0 2%;
        flex: 0 0 2%;
        max-width: 2%;
        width: 100%;
    }
    
    .col-pct-3 {
        -ms-flex: 0 0 3%;
        flex: 0 0 3%;
        max-width: 3%;
        width: 100%;
    }
    
    .col-pct-4 {
        -ms-flex: 0 0 4%;
        flex: 0 0 4%;
        max-width: 4%;
        width: 100%;
    }
    
    .col-pct-5 {
        -ms-flex: 0 0 5%;
        flex: 0 0 5%;
        max-width: 5%;
        width: 100%;
    }
    
    .col-pct-6 {
        -ms-flex: 0 0 6%;
        flex: 0 0 6%;
        max-width: 6%;
        width: 100%;
    }
    
    .col-pct-7 {
        -ms-flex: 0 0 7%;
        flex: 0 0 7%;
        max-width: 7%;
        width: 100%;
    }
    
    .col-pct-8 {
        -ms-flex: 0 0 8%;
        flex: 0 0 8%;
        max-width: 8%;
        width: 100%;
    }
    
    .col-pct-9 {
        -ms-flex: 0 0 9%;
        flex: 0 0 9%;
        max-width: 9%;
        width: 100%;
    }
    
    .col-pct-10 {
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%;
        width: 100%;
    }
    
    .col-pct-11 {
        -ms-flex: 0 0 11%;
        flex: 0 0 11%;
        max-width: 11%;
        width: 100%;
    }
    
    .col-pct-12 {
        -ms-flex: 0 0 12%;
        flex: 0 0 12%;
        max-width: 12%;
        width: 100%;
    }
    
    .col-pct-13 {
        -ms-flex: 0 0 13%;
        flex: 0 0 13%;
        max-width: 13%;
        width: 100%;
    }
    
    .col-pct-14 {
        -ms-flex: 0 0 14%;
        flex: 0 0 14%;
        max-width: 14%;
        width: 100%;
    }
    
    .col-pct-15 {
        -ms-flex: 0 0 15%;
        flex: 0 0 15%;
        max-width: 15%;
        width: 100%;
    }
    
    .col-pct-16 {
        -ms-flex: 0 0 16%;
        flex: 0 0 16%;
        max-width: 16%;
        width: 100%;
    }
    
    .col-pct-17 {
        -ms-flex: 0 0 17%;
        flex: 0 0 17%;
        max-width: 17%;
        width: 100%;
    }
    
    .col-pct-18 {
        -ms-flex: 0 0 18%;
        flex: 0 0 18%;
        max-width: 18%;
        width: 100%;
    }
    
    .col-pct-19 {
        -ms-flex: 0 0 19%;
        flex: 0 0 19%;
        max-width: 19%;
        width: 100%;
    }
    
    .col-pct-20 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        width: 100%;
    }
    
    .col-pct-21 {
        -ms-flex: 0 0 21%;
        flex: 0 0 21%;
        max-width: 21%;
        width: 100%;
    }
    
    .col-pct-22 {
        -ms-flex: 0 0 22%;
        flex: 0 0 22%;
        max-width: 22%;
        width: 100%;
    }
    
    .col-pct-23 {
        -ms-flex: 0 0 23%;
        flex: 0 0 23%;
        max-width: 23%;
        width: 100%;
    }
    
    .col-pct-24 {
        -ms-flex: 0 0 24%;
        flex: 0 0 24%;
        max-width: 24%;
        width: 100%;
    }
    
    .col-pct-25 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        width: 100%;
    }
    
    .col-pct-26 {
        -ms-flex: 0 0 26%;
        flex: 0 0 26%;
        max-width: 26%;
        width: 100%;
    }
    
    .col-pct-27 {
        -ms-flex: 0 0 27%;
        flex: 0 0 27%;
        max-width: 27%;
        width: 100%;
    }
    
    .col-pct-28 {
        -ms-flex: 0 0 28%;
        flex: 0 0 28%;
        max-width: 28%;
        width: 100%;
    }
    
    .col-pct-29 {
        -ms-flex: 0 0 29%;
        flex: 0 0 29%;
        max-width: 29%;
        width: 100%;
    }
    
    .col-pct-30 {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
        width: 100%;
    }
    
    .col-pct-31 {
        -ms-flex: 0 0 31%;
        flex: 0 0 31%;
        max-width: 31%;
        width: 100%;
    }
    
    .col-pct-32 {
        -ms-flex: 0 0 32%;
        flex: 0 0 32%;
        max-width: 32%;
        width: 100%;
    }
    
    .col-pct-33 {
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%;
        width: 100%;
    }
    
    .col-pct-34 {
        -ms-flex: 0 0 34%;
        flex: 0 0 34%;
        max-width: 34%;
        width: 100%;
    }
    
    .col-pct-35 {
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        max-width: 35%;
        width: 100%;
    }
    
    .col-pct-36 {
        -ms-flex: 0 0 36%;
        flex: 0 0 36%;
        max-width: 36%;
        width: 100%;
    }
    
    .col-pct-37 {
        -ms-flex: 0 0 37%;
        flex: 0 0 37%;
        max-width: 37%;
        width: 100%;
    }
    
    .col-pct-38 {
        -ms-flex: 0 0 38%;
        flex: 0 0 38%;
        max-width: 38%;
        width: 100%;
    }
    
    .col-pct-39 {
        -ms-flex: 0 0 39%;
        flex: 0 0 39%;
        max-width: 39%;
        width: 100%;
    }
    
    .col-pct-40 {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
        width: 100%;
    }
    
    .col-pct-41 {
        -ms-flex: 0 0 41%;
        flex: 0 0 41%;
        max-width: 41%;
        width: 100%;
    }
    
    .col-pct-42 {
        -ms-flex: 0 0 42%;
        flex: 0 0 42%;
        max-width: 42%;
        width: 100%;
    }
    
    .col-pct-43 {
        -ms-flex: 0 0 43%;
        flex: 0 0 43%;
        max-width: 43%;
        width: 100%;
    }
    
    .col-pct-44 {
        -ms-flex: 0 0 44%;
        flex: 0 0 44%;
        max-width: 44%;
        width: 100%;
    }
    
    .col-pct-45 {
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
        max-width: 45%;
        width: 100%;
    }
    
    .col-pct-46 {
        -ms-flex: 0 0 46%;
        flex: 0 0 46%;
        max-width: 46%;
        width: 100%;
    }
    
    .col-pct-47 {
        -ms-flex: 0 0 47%;
        flex: 0 0 47%;
        max-width: 47%;
        width: 100%;
    }
    
    .col-pct-48 {
        -ms-flex: 0 0 48%;
        flex: 0 0 48%;
        max-width: 48%;
        width: 100%;
    }
    
    .col-pct-49 {
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
        max-width: 49%;
        width: 100%;
    }
    
    .col-pct-50 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        width: 100%;
    }
    
    .col-pct-51 {
        -ms-flex: 0 0 51%;
        flex: 0 0 51%;
        max-width: 51%;
        width: 100%;
    }
    
    .col-pct-52 {
        -ms-flex: 0 0 52%;
        flex: 0 0 52%;
        max-width: 52%;
        width: 100%;
    }
    
    .col-pct-53 {
        -ms-flex: 0 0 53%;
        flex: 0 0 53%;
        max-width: 53%;
        width: 100%;
    }
    
    .col-pct-54 {
        -ms-flex: 0 0 54%;
        flex: 0 0 54%;
        max-width: 54%;
        width: 100%;
    }
    
    .col-pct-55 {
        -ms-flex: 0 0 55%;
        flex: 0 0 55%;
        max-width: 55%;
        width: 100%;
    }
    
    .col-pct-56 {
        -ms-flex: 0 0 56%;
        flex: 0 0 56%;
        max-width: 56%;
        width: 100%;
    }
    
    .col-pct-57 {
        -ms-flex: 0 0 57%;
        flex: 0 0 57%;
        max-width: 57%;
        width: 100%;
    }
    
    .col-pct-58 {
        -ms-flex: 0 0 58%;
        flex: 0 0 58%;
        max-width: 58%;
        width: 100%;
    }
    
    .col-pct-59 {
        -ms-flex: 0 0 59%;
        flex: 0 0 59%;
        max-width: 59%;
        width: 100%;
    }
    
    .col-pct-60 {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
        width: 100%;
    }
    
    .col-pct-61 {
        -ms-flex: 0 0 61%;
        flex: 0 0 61%;
        max-width: 61%;
        width: 100%;
    }
    
    .col-pct-62 {
        -ms-flex: 0 0 62%;
        flex: 0 0 62%;
        max-width: 62%;
        width: 100%;
    }
    
    .col-pct-63 {
        -ms-flex: 0 0 63%;
        flex: 0 0 63%;
        max-width: 63%;
        width: 100%;
    }
    
    .col-pct-64 {
        -ms-flex: 0 0 64%;
        flex: 0 0 64%;
        max-width: 64%;
        width: 100%;
    }
    
    .col-pct-65 {
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
        max-width: 65%;
        width: 100%;
    }
    
    .col-pct-66 {
        -ms-flex: 0 0 66%;
        flex: 0 0 66%;
        max-width: 66%;
        width: 100%;
    }
    
    .col-pct-67 {
        -ms-flex: 0 0 67%;
        flex: 0 0 67%;
        max-width: 67%;
        width: 100%;
    }
    
    .col-pct-68 {
        -ms-flex: 0 0 68%;
        flex: 0 0 68%;
        max-width: 68%;
        width: 100%;
    }
    
    .col-pct-69 {
        -ms-flex: 0 0 69%;
        flex: 0 0 69%;
        max-width: 69%;
        width: 100%;
    }
    
    .col-pct-70 {
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
        width: 100%;
    }
    
    .col-pct-71 {
        -ms-flex: 0 0 71%;
        flex: 0 0 71%;
        max-width: 71%;
        width: 100%;
    }
    
    .col-pct-72 {
        -ms-flex: 0 0 72%;
        flex: 0 0 72%;
        max-width: 72%;
        width: 100%;
    }
    
    .col-pct-73 {
        -ms-flex: 0 0 73%;
        flex: 0 0 73%;
        max-width: 73%;
        width: 100%;
    }
    
    .col-pct-74 {
        -ms-flex: 0 0 74%;
        flex: 0 0 74%;
        max-width: 74%;
        width: 100%;
    }
    
    .col-pct-75 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        width: 100%;
    }
    
    .col-pct-76 {
        -ms-flex: 0 0 76%;
        flex: 0 0 76%;
        max-width: 76%;
        width: 100%;
    }
    
    .col-pct-77 {
        -ms-flex: 0 0 77%;
        flex: 0 0 77%;
        max-width: 77%;
        width: 100%;
    }
    
    .col-pct-78 {
        -ms-flex: 0 0 78%;
        flex: 0 0 78%;
        max-width: 78%;
        width: 100%;
    }
    
    .col-pct-79 {
        -ms-flex: 0 0 79%;
        flex: 0 0 79%;
        max-width: 79%;
        width: 100%;
    }
    
    .col-pct-80 {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
        width: 100%;
    }
    
    .col-pct-81 {
        -ms-flex: 0 0 81%;
        flex: 0 0 81%;
        max-width: 81%;
        width: 100%;
    }
    
    .col-pct-82 {
        -ms-flex: 0 0 82%;
        flex: 0 0 82%;
        max-width: 82%;
        width: 100%;
    }
    
    .col-pct-83 {
        -ms-flex: 0 0 83%;
        flex: 0 0 83%;
        max-width: 83%;
        width: 100%;
    }
    
    .col-pct-84 {
        -ms-flex: 0 0 84%;
        flex: 0 0 84%;
        max-width: 84%;
        width: 100%;
    }
    
    .col-pct-85 {
        -ms-flex: 0 0 85%;
        flex: 0 0 85%;
        max-width: 85%;
        width: 100%;
    }
    
    .col-pct-86 {
        -ms-flex: 0 0 86%;
        flex: 0 0 86%;
        max-width: 86%;
        width: 100%;
    }
    
    .col-pct-87 {
        -ms-flex: 0 0 87%;
        flex: 0 0 87%;
        max-width: 87%;
        width: 100%;
    }
    
    .col-pct-88 {
        -ms-flex: 0 0 88%;
        flex: 0 0 88%;
        max-width: 88%;
        width: 100%;
    }
    
    .col-pct-89 {
        -ms-flex: 0 0 89%;
        flex: 0 0 89%;
        max-width: 89%;
        width: 100%;
    }
    
    .col-pct-90 {
        -ms-flex: 0 0 90%;
        flex: 0 0 90%;
        max-width: 90%;
        width: 100%;
    }
    
    .col-pct-91 {
        -ms-flex: 0 0 91%;
        flex: 0 0 91%;
        max-width: 91%;
        width: 100%;
    }
    
    .col-pct-92 {
        -ms-flex: 0 0 92%;
        flex: 0 0 92%;
        max-width: 92%;
        width: 100%;
    }
    
    .col-pct-93 {
        -ms-flex: 0 0 93%;
        flex: 0 0 93%;
        max-width: 93%;
        width: 100%;
    }
    
    .col-pct-94 {
        -ms-flex: 0 0 94%;
        flex: 0 0 94%;
        max-width: 94%;
        width: 100%;
    }
    
    .col-pct-95 {
        -ms-flex: 0 0 95%;
        flex: 0 0 95%;
        max-width: 95%;
        width: 100%;
    }
    
    .col-pct-96 {
        -ms-flex: 0 0 96%;
        flex: 0 0 96%;
        max-width: 96%;
        width: 100%;
    }
    
    .col-pct-97 {
        -ms-flex: 0 0 97%;
        flex: 0 0 97%;
        max-width: 97%;
        width: 100%;
    }
    
    .col-pct-98 {
        -ms-flex: 0 0 98%;
        flex: 0 0 98%;
        max-width: 98%;
        width: 100%;
    }

    .col-pct-99 {
        -ms-flex: 0 0 99%;
        flex: 0 0 99%;
        max-width: 99%;
        width: 100%;
    }
    
    .col-pct-100 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
}


/* dashboard */

.nav-dashboard {
    justify-content: flex-end;
}

.nav2-dashboard {
    justify-content: flex-start;
}


/* fix bootbox styles */

.bootbox .modal-header h4 {
    float: none;
}

.bootbox .modal-header .close {
    position: absolute;
    right: 15px;
}


/* fix daterangepicker styles */

.ranges li:last-child {
    display: none;
}


/* colors */

.color-0 {
    color: #1BB393;
}

.color-1 {
    color: #EC4756;
}

.color-2 {
    color: #1E7BB9;
}

.color-3 {
    color: #FDAD25;
}

.color-4 {
    color: #24C6C7;
}

.color-5 {
    color: #884F9F;
}

.color-6 {
    color: #9C640D;
}

.color-7 {
    color: #CD6155;
}


/* dataTables */

table.dataTable>thead .sorting:before,
table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_desc:before,
table.dataTable>thead .sorting_asc_disabled:before,
table.dataTable>thead .sorting_desc_disabled:before {
    right: 1em !important;
    content: "\2191" !important;
    height: 10px !important;
}

table.dataTable>thead .sorting:after,
table.dataTable>thead .sorting_asc:after,
table.dataTable>thead .sorting_desc:after,
table.dataTable>thead .sorting_asc_disabled:after,
table.dataTable>thead .sorting_desc_disabled:after {
    right: 0.5em !important;
    content: "\2193" !important;
    height: 10px !important;
}


/* sidebars */

#right-sidebar {
    background-color: #fff;
    border-left: 1px solid #e7eaec;
    border-top: 1px solid #e7eaec;
    overflow: hidden;
    position: fixed;
    top: 60px;
    width: 400px !important;
    z-index: 3009;
    bottom: 0;
    right: -400px;
}

.sidebar-mr {
    margin-right: 400px;
}

.ibox-filters {
    display: flex;
    justify-content: center;
}

.ibox-filters #filters-item {
    margin-bottom: 5px;
}

.label-top {
    color: #d3d3d3;
    padding: 8px 10px;
    font-weight: bold;
}


.label-top-small {
    color: #d3d3d3;
    margin: 0;
    padding: 11px 5px 0 15px;
    font-size: 0.9em;
    font-weight: bold;
}


.label-left {
    color: #d3d3d3;
    margin: 0px 0px -5px 0px;
    padding: 5px 5px 0 5px;
    width: 100%;
    font-size: 0.8em;
    font-weight: bold;
}


/* CTRL */

#ctrl-filters-item li.grp12:last-child {
    margin-right: 20px;
    padding: 5px;
    background-color: yellow;
}

#ctrl-filters-item .separator,
#ctrl-filters-item-2 .separator,
#ctrl-right-filters-item .separator,
#ctrl-left-filters-item .separator,
#ctrl-actions .separator {
    padding: 7px 0px 7px 0px;
    margin: 0 5px 0 5px;
    color: #d3d3d3;
}

#ctrl-filters-item-2 {
    /*margin-left: 20px;*/
    padding: 5px;
}


/* search */

#input-search-in-table {
    /*width: 150px;*/
	padding: 6px 12px;
}

.btn-reset {
    color: #000;
    background-color: #ededed;
    border-color: #ededed;
}

.ctrl-content #table-operations tbody {
    /*display: inline-block;*/
    height: 200px;
    /* Just for the demo          */
    overflow-y: auto;
    /* Trigger vertical scroll    */
    overflow-x: hidden;
    /* Hide the horizontal scroll */
}


/* panel right */

#ctrl-right-sidebar {
    height: 100%;
    /*overflow-y: auto;*/
    overflow: hidden;
}

#dash-top {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: stretch;
}

#dash-top .ibox {
    margin-bottom: 0px;
    width: 18%;
    height: 95%;
}

#flota {
    height: 100%;
    overflow: auto;
}

#list-flota {
    height: 100%;
    overflow: auto;
}

.flota-buttons {
    margin-top: 5px;
/*    margin-bottom: 5px; */
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.flota-buttons .input-group {
    width: 50%;
}

.flota-buttons .input-group-addon {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    padding: 7px 10px 2px 10px;
}

#ibox-content-table-drivers,
#ibox-content-list-filters,
#ibox-content-list-actions {
    padding: 5px;
}

#ibox-content-table-drivers hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

.agile-list li {
    padding: 5px;
    margin: 0 0 3px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: no-wrap;
}

#chofer-doc-estado,
#chofer-doc-tractor,
#chofer-doc-semi,
#chofer-det,
#chofer-doc {
    width: 5%;
    text-align: center;
}

#chofer-tractor,
#chofer-semi {
    width: 15%;
    text-align: justify;
}

#chofer-nombre {
    width: 35%;
    text-align: justify;
}

.doc-success {
    background-color: var(--doc-success);
    color: #ffffff;
}

.doc-warning {
    background-color: var(--doc-warning);
    color: #ffffff;
}

.doc-danger {
    background-color: var(--doc-danger);
    color: #ffffff;
}

.foto-chofer {
    padding: 5px;
}

.flex-line {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    padding-top: 5px;
}

.flex-line div {
    padding-right: 5px;
    padding-bottom: 5px;
}



/* ibox-content-chofer-doc */

#ibox-content-chofer-doc.ibox-content {
    padding: 5px;
}

#ibox-content-chofer-doc .contact-box {
    margin-bottom: 0;
}

#ibox-content-chofer-doc ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#panel-content-chofer-doc.ibox-content {
    padding: 5px;
}

#panel-content-chofer-doc .contact-box {
    margin-bottom: 0;
	padding: 5px;
}

#panel-content-chofer-doc ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* driver info */

#driver_info .contact-box {
	padding: 5px;
}


/* button active */