body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#5d6778}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{color:#252930;font-weight:600}a{color:#15a362;text-decoration:none}a:hover{color:#128c54}hr{background:#adb4c0}.text-muted{color:#9fa7b5 !important}.table-dark{background:#252930;color:#fff}.table-bordered th,.table-bordered td{border-color:#e7e9ed}.table th,.table td{border-color:#e7e9ed}.table thead th{border-color:#e7e9ed}.table-striped tbody tr:nth-of-type(odd){background-color:#f5f5f5}.table-dark th,.table-dark td,.table-dark thead th{border-color:#515a6a}.table-hover>tbody>tr:hover{background-color:#fff}.popover{border-color:#dee1fc}.bs-popover-left>.arrow::before,.bs-popover-auto[x-placement^=left]>.arrow::before{border-left-color:#dee1fc}.bs-popover-right>.arrow::before,.bs-popover-auto[x-placement^=right]>.arrow::before{border-right-color:#dee1fc}.bs-popover-top>.arrow::before,.bs-popover-auto[x-placement^=top]>.arrow::before{border-top-color:#dee1fc}.bs-popover-bottom>.arrow::before,.bs-popover-auto[x-placement^=bottom]>.arrow::before{border-bottom-color:#dee1fc}a.app-link{color:#252930;text-decoration:underline;-webkit-text-decoration-color:rgba(37,41,48,.3);text-decoration-color:rgba(37,41,48,.3)}a.app-link:hover{color:#15a362;-webkit-text-decoration-color:rgba(21,163,98,.8);text-decoration-color:rgba(21,163,98,.8)}button.close:focus{outline:none;box-shadow:none}.btn{font-weight:600;padding:.4rem 1rem;font-size:.875rem;border:none}.btn:hover,.btn:active,.btn:focus{text-decoration:none}.btn .bi{position:relative;top:-2px}.btn:focus,.btn.focus{box-shadow:none !important}.app-btn-primary{background:#15a362;color:#fff;border-color:#15a362}.app-btn-primary:hover{color:#fff;background:#18ba70;border-color:#18ba70}.app-btn-secondary{background:#fff;color:#5d6778;border:1px solid #bcc1cb}.app-btn-secondary:hover{color:#15a362;border:1px solid #15a362;background:#fff}.btn-light{background:#f5f6fe;color:#15a362}.btn-light:hover{background:#f5f6fe;color:#15a362}.form-control{padding-top:.6rem;padding-bottom:.6rem;height:2.5rem;border-color:#e7e9ed;color:#5d6778}.form-control:focus{box-shadow:none;outline:none;color:#5d6778}.form-check-input:checked{background-color:#15a362;border-color:#15a362}.dropdown-menu{border-color:#e7e9ed}.dropdown-menu .dropdown-item{padding:.5rem 1rem}.dropdown-menu .dropdown-item:hover{color:#252930}.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:focus{background:#fafbff}.dropdown-menu .dropdown-item.active,.dropdown-menu .dropdown-item:active{background:#fafbff}.dropdown-divider{border-top-color:#e7e9ed;-webkit-opacity:1;-moz-opacity:1;opacity:1}.dropdown-toggle.no-toggle-arrow:after{display:none !important}.app-header{box-shadow:0 1px 4px 0 rgba(0,0,0,.1);border-bottom:1px solid #e7e9ed;height:56px;background:#fff}.app-header-inner{position:relative}.app-search-form{position:relative;max-width:600px}.app-search-form .search-input{font-size:.875rem;border-radius:.25rem;padding-right:3rem;padding-left:1rem}.app-search-form .search-input:focus{border-color:#e7e9ed}.app-search-form .search-btn{color:#828d9f;background:none;border:none;position:absolute;right:0;top:0;margin-right:0;padding:.5rem 1rem}.app-search-form .search-btn:active,.app-search-form .search-btn:focus,.app-search-form .search-btn:hover{outline:none !important;color:#15a362;box-shadow:none}.app-utility-item{display:inline-block;margin-right:1.25rem}.app-utility-item:last-child{margin-right:0}.app-utility-item>a{color:#5d6778}.app-utility-item>a:hover{color:#252930}.app-utility-item .dropdown-toggle{position:relative}.app-utility-item .dropdown-menu{font-size:.875rem;margin:0}.app-utility-item .dropdown-menu.show{top:23px !important}.app-utility-item .icon{font-size:1.25rem;width:24px;height:24px}.app-utility-item .icon-badge{display:inline-block;border-radius:50%;position:absolute;right:-0.45rem;top:-0.3rem;width:20px;height:20px;font-size:.6rem;font-weight:bold;padding-top:1px;color:#fff;text-align:center}.app-utility-item .icon-badge.icon-badge{background:#ec776c;border:2px solid #fff}.app-notifications-dropdown .dropdown-menu{width:300px}.app-notifications-dropdown .dropdown-menu .dropdown-menu-header{border-bottom:1px solid #e7e9ed}.app-notifications-dropdown .dropdown-menu .dropdown-menu-title{font-size:1rem}.app-notifications-dropdown .dropdown-menu .profile-image{width:36px;height:36px}.app-notifications-dropdown .dropdown-menu .info{padding-right:80px;position:relative}.app-notifications-dropdown .dropdown-menu .meta{color:#828d9f;position:absolute;right:0;top:0;font-size:.75rem}.app-notifications-dropdown .dropdown-menu .dropdown-menu-footer{border-top:1px solid #e7e9ed}.app-notifications-dropdown .dropdown-menu .item{min-width:250px;position:relative;border-bottom:1px solid #e7e9ed}.app-notifications-dropdown .dropdown-menu .item:last-child{border-bottom:none}.app-notifications-dropdown .dropdown-menu .item:hover{background:#f5f5f5}.app-notifications-dropdown .dropdown-menu .link-mask{position:absolute;width:100%;height:100%;display:block;left:0;top:0}.app-notifications-dropdown .app-icon-holder{display:inline-block;background:#edfdf6;color:#15a362;width:36px;height:36px;padding-top:4px;font-size:1rem;text-align:center;border-radius:50%}.app-notifications-dropdown .app-icon-holder.icon-holder-mono{background:#f5f6fe;color:#828d9f}.app-notifications-dropdown .app-icon-holder svg{width:20px;height:20px}.app-user-dropdown{display:inline-block}.app-user-dropdown img{width:36px;height:36px}@media(min-width: 576px){.app-notifications-dropdown .dropdown-menu{width:400px}}@media(min-width: 1200px){.app-header-inner{margin-left:250px}}@media(max-width: 575.98px){.search-mobile-trigger{cursor:pointer;-webkit-opacity:.8;-moz-opacity:.8;opacity:.8}.search-mobile-trigger:hover{color:#15a362;-webkit-opacity:1;-moz-opacity:1;opacity:1}.app-search-box{display:none;position:absolute;left:0;top:56px;padding:0;height:100vh;background:rgba(0,0,0,.5);transition:all .4s ease-in-out}}@media(max-width: 575.98px)and (prefers-reduced-motion: reduce){.app-search-box{transition:none}}@media(max-width: 575.98px){.app-search-box .app-search-form .search-input{border-radius:0;padding-top:1.5rem;padding-bottom:1.5rem}.app-search-box .app-search-form .search-btn{top:7px}}@media(max-width: 575.98px){.app-search-box.is-visible{display:block}}.app-sidepanel{position:fixed;min-height:100vh;height:100%;left:0;top:0;font-size:.875rem;border-right:1px solid #e7e9ed}.app-sidepanel .panel-drop{display:none}.app-sidepanel .sidepanel-inner{position:relative;z-index:10;background:#fff;box-shadow:rgba(0,0,0,.05) 0px 8px 15px;width:250px;height:100%}.app-sidepanel .sidepanel-close{display:none;position:absolute;z-index:20;right:-2rem;top:0;color:#fff;font-size:2rem}.app-sidepanel.sidepanel-hidden{left:-400px}.app-sidepanel.sidepanel-visible{left:0}.app-sidepanel .app-nav-main{overflow-y:auto;scrollbar-color:rgba(0,0,0,.1) #e7e9ed;scrollbar-width:thin}.app-sidepanel .app-nav-main::-webkit-scrollbar{width:6px;background-color:#e7e9ed}.app-sidepanel .app-nav-main::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.1);border-radius:.5rem}.app-branding{height:60px;padding-top:1rem;padding-left:1rem;margin-bottom:1rem}.app-branding .logo-icon{width:36px;height:36px}.app-branding .logo-text{color:#252930;font-size:1.25rem;font-weight:600;vertical-align:middle}.app-nav{color:#5d6778;display:block;padding:0;width:100%}.app-nav .app-menu{margin-bottom:0}.app-nav .nav-item{display:block;color:#5d6778;background:#fff}.app-nav .nav-link{display:block;padding:.875rem 1rem;color:#252930;position:relative;display:block;padding-left:3rem;border-left:3px solid transparent}.app-nav .nav-link.active{color:#15a362;background:#edfdf6;border-left:3px solid #15a362;font-weight:500}.app-nav .nav-link.submenu-toggle.active{background:none;border-color:transparent}.app-nav .nav-link:hover{color:#15a362}.app-nav .nav-icon{position:absolute;left:1rem;top:.7rem}.app-nav .nav-icon .bi{width:1.25rem;height:1.25rem}.app-nav .submenu-arrow{position:absolute;right:1rem;top:.7rem;color:#828d9f}.app-nav .submenu-arrow svg{width:14px;height:14px}.app-nav .submenu-toggle{transition:all .4s ease-in-out}@media(prefers-reduced-motion: reduce){.app-nav .submenu-toggle{transition:none}}.app-nav .submenu-toggle[aria-expanded=true] .submenu-arrow{color:#252930}.app-nav .submenu-toggle[aria-expanded=true] .submenu-arrow svg{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg);-webkit-transform:rotate(180deg)}.app-nav .submenu-item{margin-bottom:0}.app-nav .submenu-link{color:#5d6778;font-size:.875rem;margin-left:2rem;padding:.5rem 1rem;padding-left:1rem;position:relative;display:block;margin-bottom:0}.app-nav .submenu-link:before{background-color:#e7e9ed;content:" ";display:inline-block;height:inherit;left:0;position:absolute;width:2px;height:100%;margin-top:-0.5rem}.app-nav .submenu-link:hover{color:#252930}.app-nav .submenu-link.active{color:#15a362}.app-nav .submenu-link.active:before{background-color:#15a362}.app-sidepanel-footer{width:100%;bottom:0;left:0;border-top:1px solid #e7e9ed;background:#f5f6fe}.app-sidepanel-footer .app-nav-footer{margin-bottom:0}@media(max-width: 1199.98px){.app-sidepanel{transition:all .4s ease-in-out;left:-400px}}@media(max-width: 1199.98px)and (prefers-reduced-motion: reduce){.app-sidepanel{transition:none}}@media(max-width: 1199.98px){.app-sidepanel.sidepanel-visible{display:block}}@media(max-width: 1199.98px){.sidepanel-visible .sidepanel-close{display:inline-block}}@media(max-width: 1199.98px){.sidepanel-visible .sidepanel-drop{position:fixed;display:block;min-height:100vh;height:100%;width:100%;min-width:100vw;left:0;top:0;background:rgba(0,0,0,.35)}}@media(min-width: 1200px){.app-wrapper{margin-left:250px}}.app{min-height:100vh;height:100%;width:100%;background:#f5f6fe;padding-top:56px;overflow:hidden;}.app-footer .copyright{font-size:.8125rem}.app-wrapper{transition:all .4s ease-in-out}@media(prefers-reduced-motion: reduce){.app-wrapper{transition:none}}.app-page-title{font-size:1.5rem;font-weight:bolder;margin-bottom:1.5rem}.app-card{position:relative;background:#fff;border-radius:.25rem}.app-card.border-left-decoration{border-left:3px solid #15a362}.app-card .app-card-link-mask{position:absolute;width:100%;height:100%;display:block;left:0;top:0}.app-card .app-card-header{border-bottom:1px solid #e7e9ed}.app-card .app-card-title{font-size:1.125rem;margin-bottom:0}.app-card .card-header-action{font-size:.875rem}.app-card .card-header-action a:hover{text-decoration:underline}.app-card .form-select-holder{display:inline-block}.app-card .btn-close{padding:1rem}.app-card .btn-close:focus{box-shadow:none}.app-card-stat{text-align:center}.app-card-stat .stats-type{font-size:.875rem;color:#828d9f;text-transform:uppercase}.app-card-stat .stats-figure{font-size:2rem;color:#252930}.app-card-stat .stats-meta{font-size:.875rem;color:#828d9f}.app-card-progress-list .item{position:relative;border-bottom:1px solid #e7e9ed}.app-card-progress-list .item:hover .title{color:#252930}.app-card-progress-list .item:last-child{border:none}.app-card-progress-list .item .title{font-size:.875rem;font-weight:500}.app-card-progress-list .item .meta{font-size:.875rem;color:#828d9f}.app-card-progress-list .item-link-mask{position:absolute;width:100%;height:100%;display:block;left:0;top:0}.app-card-progress-list .progress{height:.5rem}.app-card-stats-table .table{font-size:.875rem}.app-card-stats-table .meta{color:#828d9f;font-weight:500;font-size:.875rem}.app-card-stats-table .stat-cell{text-align:right}.app-card-basic{height:100%}.app-card-basic .title{font-size:1rem}.app-card .app-icon-holder{display:inline-block;background:#edfdf6;color:#15a362;width:50px;height:50px;padding-top:10px;font-size:1rem;text-align:center;border-radius:50%}.app-card .app-icon-holder.icon-holder-mono{background:#f5f6fe;color:#828d9f}.app-card .app-icon-holder svg{width:24px;height:24px}.app-card .app-card-body.has-card-actions{position:relative;padding-right:1rem !important}.app-card .app-card-body .app-card-actions{display:inline-block;width:30px;height:30px;text-align:center;border-radius:50%;position:absolute;z-index:10;right:.75rem;top:.75rem;cursor:pointer}.app-card .app-card-body .app-card-actions:hover{background:#f5f6fe}.app-card .app-card-body .app-card-actions .dropdown-menu{font-size:.8125rem}.app-card-doc:hover{box-shadow:0 .5rem 1rem rgba(0,0,0,.15) !important}.app-card-doc .app-card-thumb-holder{background:#e9eaf1;text-align:center;position:relative;height:112px}.app-card-doc .app-card-thumb-holder .app-card-thumb{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;background:#000}.app-card-doc .app-card-thumb-holder .thumb-image{-webkit-opacity:.7;-moz-opacity:.7;opacity:.7;width:100%;height:auto}.app-card-doc .app-card-thumb-holder:hover{background:#fafbff}.app-card-doc .app-card-thumb-holder:hover .thumb-image{-webkit-opacity:1;-moz-opacity:1;opacity:1}.app-card-doc .app-card-thumb-holder .badge{position:absolute;right:.5rem;top:.5rem}.app-card-doc .app-card-thumb-holder .icon-holder{font-size:40px;display:inline-block;margin:0 auto;width:80px;height:80px;border-radius:50%;background:#fff;padding-top:10px}.app-card-doc .app-card-thumb-holder .icon-holder .pdf-file{color:#da2d27}.app-card-doc .app-card-thumb-holder .icon-holder .text-file{color:#66a0fd}.app-card-doc .app-card-thumb-holder .icon-holder .excel-file{color:#0da95f}.app-card-doc .app-card-thumb-holder .icon-holder .ppt-file{color:#f4b400}.app-card-doc .app-card-thumb-holder .icon-holder .video-file{color:#935dc1}.app-card-doc .app-card-thumb-holder .icon-holder .zip-file{color:#252930}.app-card-doc .app-doc-title{font-size:.875rem}.app-card-doc .app-doc-title a{color:#252930}.app-card-doc .app-doc-title.truncate{max-width:calc(100% - 30px);display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-card-doc .app-doc-meta{font-size:.75rem}.table-search-form .form-control{height:2rem;min-width:auto}.app-dropdown-menu{font-size:.875rem}.app-card-orders-table .table{font-size:.875rem}.app-card-orders-table .table .cell{border-color:#e7e9ed;color:#5d6778;vertical-align:middle}.app-card-orders-table .cell span{display:inline-block}.app-card-orders-table .cell .note{display:block;color:#828d9f;font-size:.75rem}.app-card-orders-table .btn-sm,.app-card-orders-table .btn-group-sm>.btn{padding:.125rem .5rem;font-size:.75rem}.app-card-orders-table .truncate{max-width:250px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-nav-tabs{background:#fff;padding:0}.app-nav-tabs .nav-link{color:#5d6778;font-size:.875rem;font-weight:bold}.app-nav-tabs .nav-link.active{color:#15a362;border-bottom:2px solid #15a362}.app-nav-tabs .nav-link.active:hover{background:none}.app-nav-tabs .nav-link:hover{background:#edfdf6;color:#15a362}.app-pagination .pagination{font-size:.875rem}.app-pagination .pagination .page-link{color:#5d6778;padding:.25rem .5rem}.app-pagination .pagination .page-item.active .page-link{background:#747f94;color:#fff;border-color:#747f94}.app-pagination .pagination .page-item.disabled .page-link{color:#9fa7b5}.app-card-accordion .app-card-title{font-size:1.125rem}.app-card-accordion .faq-accordion .card{border-radius:0;border:none;border-bottom:1px solid #e7e9ed}.app-card-accordion .faq-accordion .card:last-child{border-bottom:none}.app-card-accordion .faq-accordion .card-header{padding:1rem;border-radius:0;border:none;background:none;padding-left:0}.app-card-accordion .faq-accordion .card-title{margin-bottom:0}.app-card-accordion .faq-accordion .card-toggle{padding:0;text-decoration:none;color:#15a362;font-size:1rem}.app-card-accordion .faq-accordion .card-body{padding-left:0;padding-right:0;padding-top:0;font-size:1rem}.app-card-account{height:100%}.app-card-account .item{font-size:.875rem}.app-card-account .item .profile-image{width:60px;height:60px}.app-card-account .item .btn-sm,.app-card-account .item .btn-group-sm>.btn{padding:.125rem .5rem;font-size:.75rem}.settings-section .section-title{font-size:1.25rem}.settings-section .section-intro{font-size:.875rem}.app-card-settings{font-size:1rem}.app-card-settings .form-label{font-weight:bold}.app-card-settings .form-control{font-size:1rem}.app-404-page{padding-top:2rem}.app-404-page .page-title{font-size:3rem;line-height:.8;font-weight:bold}.app-404-page .page-title span{font-size:1.5rem}.chart-container{position:relative}.app-table-hover>tbody>tr:hover{/* background-color:#fafbff */}.app-card-notification .notification-type .badge{font-size:.65rem;text-transform:uppercase}.app-card-notification .profile-image{width:60px;height:60px}.app-card-notification .notification-title{font-size:1.125rem}.app-card-notification .notification-content{font-size:.875rem}.app-card-notification .notification-meta{font-size:.75rem;color:#828d9f}.app-card-notification .action-link{font-size:.875rem}.app-card-notification .app-card-footer{background:#fafbff}@media(min-width: 1200px){.table-search-form .form-control{min-width:300px}}@media(max-width: 575.98px){.app-card-stat .stats-figure{font-size:1.125rem}.app-card-stat .stats-type{font-size:.75rem}}.app-login .auth-background-holder{background:url("/images/background/background-1.jpg") no-repeat center center;background-size:cover;height:100vh;min-height:100%}.app-signup .auth-background-holder{background:url("/images/background/background-2.jpg") no-repeat center center;background-size:cover;height:100vh;min-height:100%}.app-reset-password .auth-background-holder{background:url("/images/background/background-3.jpg") no-repeat center center;background-size:cover;height:100vh;min-height:100%}.auth-main-col,.auth-background-col{position:relative}.auth-background-mask{position:absolute;width:100%;height:100%;left:0;top:0;z-index:10;background:rgba(0,0,0,.1)}.auth-background-overlay{position:absolute;width:100%;height:100%;left:0;top:0;z-index:11}.auth-background-overlay .overlay-title{color:#fff;font-size:1rem;font-weight:bold}.auth-background-overlay .overlay-content{background:rgba(37,41,48,.6);color:#fff}.auth-background-overlay .overlay-content a{text-decoration:underline;color:#fff}.app-auth-footer{position:absolute;bottom:0;left:0;width:100%}.app-auth-wrapper{background:#fff;height:100vh}.app-auth-wrapper .app-auth-body{width:360px}.app-auth-wrapper .app-logo .logo-icon{width:60px;height:60px}.app-auth-wrapper .auth-heading{font-size:1.5rem}.app-auth-wrapper .form-control::-webkit-input-placeholder{color:#828d9f}.app-auth-wrapper .form-control:-moz-placeholder{color:#828d9f}.app-auth-wrapper .form-control::-moz-placeholder{color:#828d9f}.app-auth-wrapper .form-control:-ms-input-placeholder{color:#828d9f}.app-auth-wrapper .legal-note{font-size:.875rem}.app-auth-wrapper .extra{font-size:.75rem}.app-auth-wrapper .extra a{text-decoration:underline;color:#828d9f}.app-auth-wrapper .extra a:hover{color:#5d6778}.app-auth-wrapper .auth-heading-desc{font-weight:500;font-size:1.125rem}.app-auth-wrapper .legal-note{font-size:.75rem}.app-auth-wrapper .auth-option{font-size:.875rem}.app-auth-footer .copyright{font-size:.75rem}@media(max-width: 767.98px){.auth-background-col{display:none}.app-auth-wrapper .app-auth-body{width:100%}}
@media (max-width: 991.98px) { .hidden-col-responsive { display: none !important; } }
.app-btn-info{color: #fff;background-color: #5bc0de;border-color: #46b8da;}.app-btn-info:hover{color: #fff;background-color: #95d6e9;border-color: 95d6ea;}

html {
    overflow: none;
}

.app-content {
    overflow-y:scroll;
    height: calc(100vh - 160px);
}

.app-card-veicolo {
    margin-top: 1.5rem;
}

.col-buttons {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}
.bs-selectactiontable {
    color: #000 !important;
    background-color: #5bc0de !important;
    border-color: #46b8da !important;
}

.bs-calltoaction {
    position: relative;
    width: auto;
    padding: 15px 25px;
    border: 1px solid black;
    border-top-color: black;
    border-right-color: black;
    border-bottom-color: black;
    border-left-color: black;
    margin: 5px;
    border-radius: 5px;
}

.bs-calltoaction.bs-calltoaction-success {
    color: #000;
    background-color: #d5eef6;
    border-color: #96d4e9;
}

.preview-rowtable-pdf {
	height: 500px;
}

.preview-object-pdf {
	height: 450px;
}

.pitlog-button {
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    
}

@media (max-width: 1280px) { .details-icons-text { display: none; } }

.app-btn-primary {
    height: 80px;
    border-radius: 40px;
}

.toolbar-btn-primary {
    height: 40px;
    border-radius: 40px;
    background: #15a362;
    color: #fff;
    border-color: #15a362;
}

.toolbar-btn {
    height: 40px;
    border-radius: 40px;
}

.details-icons-text {
    font-size: 20px;
}

.pittextarea { resize: none; }

.app-auth-wrapper .app-logo .logo-icon {
    width: auto !important;
    min-width: 0;
}

.app-branding .logo-icon {
    width: auto !important;
    min-width: 0;
}

.btn-detail-label {
    position: relative;
    left: -12px;
    display: inline-block;
    padding: 6px 12px;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 3px 0 0 3px;
    width: 72px;
}

.btn-detail-labeled {
    padding-top: 0;
    padding-bottom: 0;
}

.btn-detail {
    margin-bottom: 10px;
    font-size: 1.2rem;
}

ul > li > a.page-link {
    cursor: pointer;
}

.hand {
    cursor: pointer;
}

.jlink {
    color: #1087d2;
}

inputtime {
    width:150px;
}

.datepicker{z-index:1151 !important;}

.btn-purple {
    background:#800080 !important;
    color: #fff;
}

.table-container thead th .th-inner {
    padding: 8px;
        padding-right: 8px;
    line-height: 24px;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table-container thead th .sortable {
    cursor: pointer;
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 30px;
}

.table-container thead th .both {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC');
}

.table-container thead th .desc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII=);
}

.table-container thead th .asc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==);
}

.btn-trasparent {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

/***************************************************************************************************************************************/

:root {
    --header-height: 3rem;
    --nav-width: 68px;
    --first-color: #000E75;
    --first-color-light: #AFA5D9;
    --white-color: #F7F6FB;
    --body-font: 'Nunito', sans-serif;
    --normal-font-size: 1rem;
    --z-fixed: 100
}

*,
::before,
::after {
    box-sizing: border-box
}

body {
    position: relative;
    margin: var(--header-height) 0 0 0;
    padding: 0 1rem;
    font-family: var(--body-font);
    font-size: var(--normal-font-size);
    transition: .5s
}

a {
    text-decoration: none
}

.table > :not(caption) > * > * {
    padding: .3rem .3rem;
}

#drivers-list-view-id input, #selectWorksite, #tblGiornaliereVehicleStop {
    font-size: 12px;
}

.pitlog-header {
    width: 100%;
    height: var(--header-height);
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
    background-color: var(--white-color);
    z-index: var(--z-fixed);
    transition: .5s
}

.pitlog-header_toggle {
    color: var(--first-color);
    font-size: 1.5rem;
    cursor: pointer
}

.pitlog-header_img {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden
}

.pitlog-header_img img {
    width: 40px
}

.pitlog-l-navbar {
    position: fixed;
    top: 0;
    left: -30%;
    width: var(--nav-width);
    height: 100vh;
    background-color: var(--first-color);
    padding: .5rem 1rem 0 0;
    transition: .5s;
    z-index: var(--z-fixed)
}

.pitlog-nav {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden
}

.pitlog-nav_logo,
.pitlog-nav_link {
    display: grid;
    grid-template-columns: max-content max-content;
    align-items: center;
    column-gap: 1rem;
    padding: .5rem 0 .5rem 1.5rem
}

.pitlog-nav_logo {
    margin-bottom: 2rem
}

.pitlog-nav_logo-icon {
    font-size: 1.25rem;
    color: var(--white-color)
}

.pitlog-nav_logo-name {
    color: var(--white-color);
    font-weight: 700
}

.pitlog-nav_link {
    position: relative;
    color: var(--first-color-light);
    margin-bottom: 1.5rem;
    transition: .3s
}

.pitlog-nav_link:hover {
    color: var(--white-color)
}

.pitlog-nav_icon {
    font-size: 1.25rem
}

.pitlog-show {
    left: 0
}

.pitlog-nav-hide {
    padding-left: 10px;
}

.pitlog-body-pd {
    padding-left: calc(var(--nav-width) + 1rem)
}

.pitlog-active {
    color: var(--white-color)
}

.pitlog-active::before {
    content: '';
    position: absolute;
    left: 0;
    width: 2px;
    height: 32px;
    background-color: var(--white-color)
}

.pitlog-height-100 {
    height: 100vh
}

@media screen and (min-width: 768px) {
    
    #drivers-list-view-id input, #selectWorksite, #tblGiornaliereVehicleStop {
        font-size: 14px;
    }

    pitlog-body {
        margin: calc(var(--header-height) + 1rem) 0 0 0;
        padding-left: calc(var(--nav-width) + 2rem)
    }

    .pitlog-header {
        height: calc(var(--header-height) + 1rem);
        padding: 0 2rem 0 calc(var(--nav-width) + 2rem)
    }

    .pitlog-header_img {
        width: 40px;
        height: 40px
    }

    .pitlog-header_img img {
        width: 45px
    }

    .pitlog-l-navbar {
        left: 0;
        padding: 1rem 1rem 0 0
    }

    .pitlog-show {
        width: calc(var(--nav-width) + 156px)
    }

    .pitlog-body-pd {
        padding-left: calc(var(--nav-width) + 188px)
    }
    
    .pitlog-nav-hide {
        padding-left: calc(var(--nav-width) - 2rem);
    }
}

.capitalize {
    text-transform: capitalize;
}

.pitlog-nav_link {
    cursor: pointer;
}
/***************************************************************************************************************************************/