/*Custom style for admin*/
html {
    scroll-behavior: smooth;
}
.main-login {
    background-image: url("../img/bg-login.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.login img {
    max-height: 15px;
}
.sidebar-brand .logo {
    height: 40px;
    /*width: 24px;*/
}
.sidebar {
    background: #1B1E29;
}
.sidebar-content {
    background: #1B1E29;
}
.sidebar-dropdown .sidebar-item.active .sidebar-link {
    color: rgba(233,236,239,.5);
}
.sidebar-dropdown .sidebar-item.active .sidebar-link:hover {
    color: rgb(233,236,239);
}

.sidebar-item.no-link .sidebar-link:hover,
.sidebar-item.no-link .sidebar-link:hover i {
    color: rgba(233,236,239,.5);
    cursor: default;
}

.main .navbar.fixed-top {
    left: 260px;
}

.content {
    padding: 2rem 2.5rem 1.5rem;
}

.breadcrumb {
    font-size: 0.9rem;
    color: #495057;
}
.breadcrumb a {
    color: #495057;
}
.breadcrumb a:hover {
    color: rgb(73, 80, 87, 80%);
    text-decoration: none;
}
.breadcrumb a:after {
    content: ">";
    margin: 0 10px;
}

.card .card-header {
    border-bottom: 1px solid #dee6ed;
}
.card .card-body .product-code,
.card .card-body .product-name,
.card .card-body .product-category,
.card .card-body .product-subcategory {
    font-size: 1rem;
    color: #000000;
}
.card .card-header .current {
    color: #3f80ea;
}
.table {
    table-layout: fixed;
}

/*Badge*/
.badge {
    font-size: 11px;
    padding: 10px 5px !important;
}
/* Colori */
.paper-color {
    background: #F2F2F2;
}
.plastic-color {
    background: #FBC201;
}
.organic-color {
    background: #945B29;
}
.glass-color {
    background: #0094CB;
}
.mowing-color {
    background: #76B72A;
}
.dry-color {
    background: #adb5bd;
}
/*.undifferentiated-color {*/
/*    background: #616161;*/
/*}*/

/*Alert*/
.alert {
    color: #212529;
    display: flex;
    padding: 0;
    margin: 20px 0;
}
.alert span {
    width: 100%;
    box-sizing: border-box;
    padding: .95rem;
}
.alert.alert-success {
    background-color: #dbf2e3;
    border-color: #c9ecd5;
}
.alert.alert-warning {
    background-color: #faeddb;
    border-color: #faeddb;
}
.alert.alert-danger {
    background-color: #f7dddc;
    border-color: #f7dddc;
}
/*date picker*/
input.date-piker {
    display: block;
    width: 100%;
    padding: .25rem .7rem;
    font-size: .825rem;
    font-weight: 400;
    line-height: 1.625;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .2rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
/*select multiple*/
.form-control .badge {
    color: #293042;
    background: #e2e8ee;
    border: 1px solid #dee6ed;
    border-radius: .2rem;
    color: #495057;
    cursor: default;
    margin-right: 10px;
    padding: .2rem .5rem;
}
.form-control .badge .btn-close {
    margin: 0.2em 0 0 0.3em;
}
/*Tabelle generale*/
.table tbody .btn-group i {
    margin-right: 5px;
}
/*personale*/
.accordion-button:not(.collapsed) {
    color: #495057;
    background-color: #FFFFFF;
}
.accordion-button {
    border: none;
    padding: 1rem 0rem;
}
.accordion-button:focus {
    z-index: 3;
    border-color: #FFFFFF;
    outline: 0;
    box-shadow: 0 0 0 0;
}
.card-title .current {
    color: #000000;
}
#collapseMounthInfo .table thead {
    background: #495057;
    border-bottom: 2px solid #C9D0D8;
}
#collapseMounthInfo .table thead th {
    color: #FFFFFF;
    text-transform: capitalize;
}
.hour-week-summary p {
    font-size:1rem;
    color: #000000;
}
.employees-calendar {
    padding: 10px;
}
.employees-calendar .select-week .btn-group {
    /*border-*/
}
/*.employees-calendar .mounth {*/
/*    padding: 20px 0 20px 30px;*/
/*}*/
.employees-calendar .table th {
    text-align: center;
}
.employees-calendar .table tr {
    height: 40px;
    padding: 0px;
}
.employees-calendar .table td {
    padding: 0px;
}
.employees-calendar .table th h2 {
    font-size: 16px;
    font-weigh: bold;
}
.employees-calendar .table th p {
    font-weight: normal;
    margin: 0;
}
.employees-calendar .table th.today,
.employees-calendar .table th.today h2,
.employees-calendar .table th.today p {
    background: #000000;
    color: #FFFFFF;
}
.employees-calendar .table tbody tr {
    border-bottom: 1px solid #f5f5f5;
}
.employees-calendar .table tbody th {
    /*height: 60px;*/
    text-align: center;
    font-size: 15px;
    vertical-align: middle;
}
.employees-calendar .table tbody .half-hour {
    border-bottom: 2px solid #dee6ed;
}
.employees-calendar .table tbody .half-hour th {
    font-size: 12px;
    color: #969494;
}
.employees-calendar .table .service {
    padding: 10px;
}
/*colori attività*/
.employees-calendar .table td.paper-color {
    background: #F2F2F2;
    color: #333333;
}
.employees-calendar .table td.plastic-color {
    background: #FBC201;
    opacity: 90%
}
.employees-calendar .table td.organic-color {
    background: #945B29;
    opacity: 90%
}
.employees-calendar .table td.glass-color {
    background: #0094CB;
    opacity: 90%
}
.employees-calendar .table td.dry-color {
    background: #adb5bd;
    opacity: 90%
}
.employees-calendar .table td.mowing-color {
    background: #76B72A;
    opacity: 90%
}
.employees-calendar .table td.employees-color {
    background: #F56B40;
    opacity: 90%
}
.employees-calendar .table .service .service-time {
    float:right;
    font-size: 1rem;
    color: #F2F2F2;
    font-weight: bold;
}
.employees-calendar .table .service .service-route {
    font-size: 1rem;
    color: #FFFFFF;
    font-weight: bold;
    text-transform: capitalize;
    margin-bottom: 0px;
}
.employees-calendar .table .service .service-name {
    font-size: 1.1rem;
    color: #F2F2F2;
    margin: 0 8px 0 0;
}
.employees-calendar .table td.paper-color .service .service-name,
.employees-calendar .table td.paper-color .service .service-route,
.employees-calendar .table td.paper-color .service .service-time {
    color: #333333;
}
.employees-calendar .table #all-day {
    max-height: 20px;
    border-bottom: 2px solid #dee6ed;
    padding: 0px;
}
.employees-calendar .table #all-day th,
.employees-calendar .table #all-day td {
    max-height: 20px;
    padding:0;
}
.employees-calendar .table #all-day td .service {
    padding: 5px;
}

/*Veicoli*/
.veicle-problem .table thead {
    background: #495057;
}
.veicle-problem .table thead th {
    color: #FFFFFF;
    text-transform: capitalize;
}

/*Activity*/
.veicle-activity .table thead {
    background: #495057;
}
.veicle-activity .table thead th {
    color: #FFFFFF;
    text-transform: capitalize;
}

/*Servizi*/
/*.service-route > .nav .nav-link.active {*/
/*    color: #FFFFFF !important;*/
/*}*/
/*!*.service-route > .nav .nav-link.active:after {*!*/
/*!*    background: #3f80ea !important;*!*/
/*!*}*!*/
/*.service-route > .nav .nav-link.done {*/
/*    color: #84aef2 !important;*/
/*}*/
/*.service-route > .nav .nav-link.done:after {*/
/*    background: #84aef2 !important;*/
/*}*/
/*.service-route > .nav .nav-link.active {*/
/*    border-color: #3f80ea !important;*/
/*    background: #3f80ea !important;*/
/*}*/
/*.service-route > .nav .nav-link.active:before {*/
/*    content: " ";*/
/*    margin-left: 1px;*/
/*    border-left: 30px solid #eee;*/
/*    border-left-color: #e2e8ee;*/
/*    z-index: 1;*/
/*}*/
/*.service-route > .nav .nav-link.active:after {*/
/*    border-left-color: #3f80ea !important;*/
/*}*/
/*.service-route > .nav .nav-link.done {*/
/*    border-color: #84aef2 !important;*/
/*    background: #84aef2 !important;*/
/*}*/
/*.service-route > .nav .nav-link.done:after {*/
/*    border-left-color: #84aef2 !important;*/
/*}*/
/*!*.service-route {*!*/
/*!*    border: 1px solid #eee;*!*/
/*!*}*!*/
/*.service-route > .tab-content > .tab-pane {*/
/*    padding: 10px;*/
/*}*/
/*.service-route .toolbar > .btn {*/
/*    background-color: #3f80ea;*/
/*    border: 1px solid #3f80ea;*/
/*    padding: 0.375rem 0.75rem;*/
/*    border-radius: 0.25rem;*/
/*    font-weight: 400;*/
/*}*/
/*.service-route > .nav {*/
/*    overflow: hidden;*/
/*    border-bottom: 1px solid #eee;*/
/*    border-bottom-color: #e2e8ee;*/
/*}*/
/*.service-route > .nav .nav-link {*/
/*    position: relative;*/
/*    height: 100%;*/
/*    min-height: 100%;*/
/*    margin-right: 30px;*/
/*    margin-left: -30px;*/
/*    padding-left: 40px;*/
/*}*/
/*@media screen and (max-width: 640px) {*/
/*    .service-route > .nav .nav-link {*/
/*        overflow: hidden;*/
/*        margin-bottom: 1px;*/
/*        margin-right: unset;*/
/*    }*/
/*}*/
/*.service-route > .nav .nav-link:after {*/
/*    content: "";*/
/*    border-left: 30px solid #f8f8f8;*/
/*    z-index: 2;*/
/*}*/
/*.service-route > .nav .nav-link:after,*/
/*.service-route > .nav .nav-link:before,*/
/*.sw-theme-basic > .nav .nav-link.active::after {*/
/*    position: absolute;*/
/*    display: block;*/
/*    width: 0;*/
/*    height: 0;*/
/*    top: 50%;*/
/*    left: 100%;*/
/*    margin-top: -50px;*/
/*    background: transparent !important;*/
/*    border-top: 50px solid transparent !important;*/
/*    border-bottom: 50px solid transparent !important;*/
/*}*/
/*.service-route > .nav .nav-link:before {*/
/*    content: " ";*/
/*    margin-left: 1px;*/
/*    border-left: 30px solid #eee;*/
/*    border-left-color: #e2e8ee;*/
/*    z-index: 1;*/
/*}*/
/*.service-route > .nav .nav-link.inactive {*/
/*    color: #999;*/
/*    border-color: #f8f8f8;*/
/*    background: #f8f8f8;*/
/*    cursor: not-allowed;*/
/*}*/

/*.service-route > .nav .nav-link.done {*/
/*    border-color: #5cb85c;*/
/*    background: #5cb85c;*/
/*    cursor: pointer;*/
/*}*/
/*.service-route > .nav .nav-link.done:after {*/
/*    border-left-color: #5cb85c;*/
/*}*/
/*.service-route > .nav .nav-link.disabled {*/
/*    color: #eee;*/
/*    border-color: #f9f9f9;*/
/*    background: #f9f9f9;*/
/*    cursor: not-allowed;*/
/*}*/
/*.service-route > .nav .nav-link.disabled:after {*/
/*    border-left-color: #f9f9f9;*/
/*}*/
/*.service-route.sw-dark > .nav {*/
/*    border-bottom: 1px solid #555;*/
/*}*/
/*.service-route.sw-dark > .nav .nav-link:after {*/
/*    border-left: 30px solid #5f5f5f;*/
/*}*/
/*.service-route.sw-dark > .nav .nav-link:before {*/
/*    border-left: 30px solid #555;*/
/*}*/
/*.service-route.sw-dark > .nav .nav-link.inactive {*/
/*    border-color: #5f5f5f;*/
/*    background: #5f5f5f;*/
/*}*/
/*.service-route.sw-dark > .nav .nav-link.inactive:after {*/
/*    border-left-color: #5f5f5f;*/
/*}*/
/*.service-route.sw-dark > .nav .nav-link.active {*/
/*    border-color: #010506;*/
/*    background: #0a2730;*/
/*}*/
/*.service-route.sw-dark > .nav .nav-link.active:after {*/
/*    border-left-color: #0a2730;*/
/*}*/
/*.service-route.sw-dark > .nav .nav-link.disabled {*/
/*    color: #555 !important;*/
/*    border-color: #f9f9f9;*/
/*    background: #474747;*/
/*}*/
/*.service-route.sw-dark > .nav .nav-link.disabled:after {*/
/*    border-left-color: #474747;*/
/*}*/
.sw-theme-arrows > .nav .nav-link.active {
    border-color: #3f80ea;
    background-color: #3f80ea;
}
.sw-theme-arrows > .nav .nav-link.active::after {
    border-left-color: #3f80ea;
}
.sw .toolbar > .sw-btn {
    background-color: #3f80ea;
    border: 1px solid #3f80ea;
}
.sw > .progress > .progress-bar {
    background-color: #3f80ea;
}
.sw-theme-arrows > .nav .nav-link.done {
    color: #737d85 !important;
    border-color: rgba(233,236,239,.5);
    background-color: rgba(233,236,239,.5);
}
.sw-theme-arrows > .nav .nav-link.done::after {
    border-left-color: rgba(233,236,239,.5);
}
#finish-service-button {
    background-color: #4BBF72;
    border: 1px solid #4BBF72;
}

#activity-container {
    padding: 0.8rem 0 1.8rem;
}
#activity-container .badge {
    padding: 15px 15px !important;
}
#activity-container .activity {
    display: inline-block;
    margin-right: 10px;
}
#activity-saved .badge {
    padding: 15px 15px !important;
}

/*pianificazione calendario*/
.planning-header {
    position: -webkit-sticky;
    position: sticky;
    top: 10px;
    /*width: 100%;*/
    z-index: 9999;
}
.table-planning .action {
    padding: 0rem;
}
.table-planning .badge {
    width:100%;
    text-transform: uppercase;
}
.employees-summary-hours {
    position: -webkit-sticky;
    position: sticky;
    top: 10px;
}
/*programmazione*/
.chosen-container {
    width: 100% !important;
    padding: .25rem .7rem;
    font-size: .825rem;
    font-weight: 400;
    line-height: 1.625;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    appearance: none;
    border-radius: .2rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.chosen-container .chosen-choices {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    height: auto;
    background-image: none;
    margin-bottom: 0px;
    cursor: text;
    min-height: calc(2px + 2.25rem);
    border: none;
}
.chosen-container-multi .chosen-choices li.search-choice {
    color: #293042;
    background-color: #e2e8ee;
    background-image: none;
    background-repeat: no-repeat;
    border: 1px solid #dee6ed;
    border-radius: .2rem;
    color: #495057;
    cursor: default;
    margin-right: 10px;
    padding: 10px 30px 10px 10px;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    font-size: 16px;
    margin: 10px 0;
}
.chosen-container-multi .chosen-choices li.search-choice span {
    color: #495057;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 7px;
    right: 6px;
    display: block;
    width: 20px;
    height: 19px;
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat;
    background-position: center;
    font-size: 12px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat;
}
/*Footer*/
.footer img {
    height: 15px;
}

@media (max-width: 1366px) {
    h1 {
      font-size: 1.2rem;
    }
    table, table .btn-group, table .btn-group a, table .btn-group button,
    .employees-calendar .table .service .service-name, .employees-calendar .table .service .service-time, .employees-calendar .table .service .service-route {
        font-size: 10px;
    }
    .employees-calendar .table th h2,
    .employees-calendar .table tbody th {
        font-size:12px;
    }
    .employees-calendar .table tbody .half-hour th {
        font-size: 10px;
    }
}