/* Icona bici sidemenu chiuso */
@media (min-width: 1025px) {
    .kt-aside--minimize .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link > .kt-menu__link-icon {
        color: #3F426A !important;
    }
}


/* mobile portrait */
@media (max-width: 576px) {
    .mechanic-second-row-input {
        margin-top: 4rem !important;
    }

    .mechanic-first-label-row {
        padding: 1.5rem 2.5rem 0px 2.5rem !important;
    }
    .mechanic-second-label-row {
        padding: 0px 2.5rem!important;
    }



    .la.la-bicycle,
    .la.la-user {
        font-size: 1.7rem !important;
        margin-right: 2rem;
    }

    .kt-subheader__title,
    .kt-user-card__name,
    .kt-widget__username {
        font-size: 1.5rem !important;
    }

    .kt-notification__item-title.kt-font-bold,
    .reception-search-label,
    .kt-wizard-v4__nav-label-title,
    .kt-wizard-v4__review-title,
    .kt-notification__item-title {
        font-size: 1.3rem !important;
    }

    .kt-notification__item-time,
    .kt-subheader__desc,
    .kt-widget__subhead,
    .form-control,
    .kt-widget__section,
    .col-form-label,
    .kt-wizard-v4__nav-label-desc,
    .kt-wizard-v4__review-item,
    .tt-suggestion,
    .dropdown-item,
    .form-group > label,
    .kt-radio,
    .model-summary-label,
    .processing-label {
        font-size: 1.2rem !important;
    }

    .btn {
        font-size: 1.1rem !important;
        padding: 0.5rem 0.75rem !important;
    }

    .invalid-feedback {
        font-size: 1rem;
    }

    .form-control {
        height: calc(2em + 0.75rem + 2px);
    }

   textarea {
        height: calc(4em + 0.75rem + 2px) !important;
    }

    .btn.dropdown-toggle {
        line-height: 2.2 !important;
    }

    .kt-form {
        padding: 0 !important;
    }

    .kt-wizard-v4__wrapper,
    .kt-wizard-v4__content {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .form-header {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .kt-wizard-v4__form,
    .kt-wizard-v4__content,
    .kt-section.kt-section--first,
    .secondary-form-header {
        margin: 0 !important;
    }

    .kt-separator {
        margin: 1.5rem 0 !important;
    }


    .kt-form__actions {
        margin-top: 2rem !important;
    }

}

/*mobile landscape*/
@media only screen and (min-device-width: 480px)
                   and (max-device-width: 640px)
                   and (orientation: landscape) {
    .mechanic-second-row-input {
        margin-top: 4rem !important;
    }
    .mechanic-first-label-row {
        padding: 1.5rem 2.5rem 0px 2.5rem !important;
    }
    .mechanic-second-label-row {
        padding: 0px 2.5rem!important;
    }

    .la.la-bicycle,
    .la.la-user {
        font-size: 1.7rem !important;
        margin-right: 2rem;
    }

    .kt-subheader__title,
    .kt-user-card__name,
    .kt-widget__username {
        font-size: 1.5rem !important;
    }

    .kt-notification__item-title.kt-font-bold,
    .reception-search-label,
    .kt-wizard-v4__nav-label-title,
    .kt-wizard-v4__review-title,
    .kt-notification__item-title {
        font-size: 1.3rem !important;
    }

    .kt-notification__item-time,
    .kt-subheader__desc,
    .kt-widget__subhead,
    .form-control,
    .kt-widget__section,
    .col-form-label,
    .kt-wizard-v4__nav-label-desc,
    .kt-wizard-v4__review-item,
    .tt-suggestion,
    .dropdown-item,
    .form-group > label,
    .kt-radio,
    .model-summary-label,
    .processing-label {
        font-size: 1.2rem !important;
    }

    .btn {
        font-size: 1.1rem !important;
        padding: 0.5rem 0.75rem !important;
    }

    .invalid-feedback {
        font-size: 1rem;
    }

    .form-control {
        height: calc(2em + 0.75rem + 2px);
    }

   textarea {
        height: calc(4em + 0.75rem + 2px) !important;
    }

    .btn.dropdown-toggle {
        line-height: 2.2 !important;
    }

    .kt-form {
        padding: 0 !important;
    }

    .kt-wizard-v4__wrapper,
    .kt-wizard-v4__content {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .form-header {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .kt-wizard-v4__form,
    .kt-wizard-v4__content,
    .kt-section.kt-section--first,
    .secondary-form-header {
        margin: 0 !important;
    }

    .kt-separator {
        margin: 1.5rem 0 !important;
    }


    .kt-form__actions {
        margin-top: 2rem !important;
    }


}


/* min tablet */
@media (min-width: 576px) {
    .mechanic-dialog {
        max-width: 80% !important;
    }
}


/* max tablet */
@media (max-width: 1024px) {
    .driver-profile-header {
        margin-top: -20px !important;
    }

    .driver-profile-header .driver-profile-logo {
        margin-left: 0px !important;
    }
}
















/* ---TABLETS--- */

/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (min-device-height: 500px)
  and (-webkit-min-device-pixel-ratio: 1) {


body,
.modal-title {
    color: #000 !important;
}

.kt-separator {
    margin-top: 0 !important;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-time {
    font-size: 1.4rem;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-title {
    font-size: 1.8rem;
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head .kt-widget__username {
    font-size: 1.8rem;
}

   #urgency-sort_link {
    margin-left: 1.5rem;
}


.kt-notification__custom > a,
.kt-subheader__toolbar > a {
    font-size: 1.2rem !important;
}

i {
    font-size: 1.8rem !important;
}

.kt-notification__item-icon > i {
    margin-right: 1.5rem !important;
    font-size: 2.8rem !important;
}

.kt-svg-icon {
    height: 3rem;
    width: 3rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.add-material-btn {
    height: 4rem !important;
    width: 4rem !important;
}

.modal .modal-content .modal-header .close:before {
    font-size: 2rem;
}

.kt-notification .kt-notification__item:after {
    font-size: 2rem;
}

.kt-subheader__title {
    font-size: 1.8rem !important;
}

.kt-header__topbar-username,
.kt-user-card__name,
.kt-subheader__desc {
    font-size: 1.4rem !important;
}


 .modal-title {
    font-size: 1.6rem !important;
}


.kt-widget__subhead > a {
    font-size: 1.4rem !important;
}

.kt-widget__subhead > a > i,
.kt-widget__subhead > i {
    margin-right: 1.2rem !important;
}

.kt-widget__subhead > i {
    margin-left: 7rem !important;
}


    .modal-content .model-summary-label {
        font-size: 1.6rem;
    }



    .modal-content label {
        font-size: 1.5rem;
        margin-top: auto !important;
        margin-bottom: auto !important;
    }


    .modal-content .workshop-modal-input-label {
        margin-bottom: 0.5rem !important;
    }


    #used-materials-list li {
        font-size: 1.5rem;
    }


    .form-control {
        height: calc(1.8em + 1.2rem + 2px);
        font-size: 1.5rem;
    }


    .input-group-text {
        font-size: 1.5rem;
    }


    .processing-input-date {
        width: 11rem !important;
    }

    .modal-footer .btn {
        font-size: 1.4rem;
        line-height: 2.4;
    }


}

/* Portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {


body,
.modal-title {
    color: #000 !important;
}

.kt-separator {
    margin-top: 0 !important;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-time {
    font-size: 1.4rem;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-title {
    font-size: 1.8rem;
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head .kt-widget__username {
    font-size: 1.8rem;
}


   #urgency-sort_link {
    margin-left: 1.5rem;
}


.kt-notification__custom > a,
.kt-subheader__toolbar > a {
    font-size: 1.2rem !important;
}

i {
    font-size: 1.8rem !important;
}

.kt-notification__item-icon > i {
    margin-right: 1.5rem !important;
    font-size: 2.8rem !important;
}

.kt-svg-icon {
    height: 3rem;
    width: 3rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.add-material-btn {
    height: 4rem !important;
    width: 4rem !important;
}

.modal .modal-content .modal-header .close:before {
    font-size: 2rem;
}

.kt-notification .kt-notification__item:after {
    font-size: 2rem;
}

.kt-subheader__title {
    font-size: 1.8rem !important;
}

.kt-header__topbar-username,
.kt-user-card__name,
.kt-subheader__desc {
    font-size: 1.4rem !important;
}


 .modal-title {
    font-size: 1.6rem !important;
}


.kt-widget__subhead > a {
    font-size: 1.4rem !important;
}

.kt-widget__subhead > a > i,
.kt-widget__subhead > i {
    margin-right: 1.2rem !important;
}

.kt-widget__subhead > i {
    margin-left: 7rem !important;
}


    .modal-content .model-summary-label {
        font-size: 1.6rem;
    }



    .modal-content label {
        font-size: 1.5rem;
        margin-top: auto !important;
        margin-bottom: auto !important;
    }


    .modal-content .workshop-modal-input-label {
        margin-bottom: 0.5rem !important;
    }


    #used-materials-list li {
        font-size: 1.5rem;
    }


    .form-control {
        height: calc(1.8em + 1.2rem + 2px);
        font-size: 1.5rem;
    }


    .input-group-text {
        font-size: 1.5rem;
    }


    .processing-input-date {
        width: 11rem !important;
    }

    .modal-footer .btn {
        font-size: 1.4rem;
        line-height: 2.4;
    }


}

/* Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (min-device-height: 500px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1) {


body,
.modal-title {
    color: #000 !important;
}

.kt-separator {
    margin-top: 0 !important;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-time {
    font-size: 1.4rem;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-title {
    font-size: 1.8rem;
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head .kt-widget__username {
    font-size: 1.8rem;
}


   #urgency-sort_link {
    margin-left: 1.5rem;
}


.kt-notification__custom > a,
.kt-subheader__toolbar > a {
    font-size: 1.2rem !important;
}

i {
    font-size: 1.8rem !important;
}

.kt-notification__item-icon > i {
    margin-right: 1.5rem !important;
    font-size: 2.8rem !important;
}

.kt-svg-icon {
    height: 3rem;
    width: 3rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.add-material-btn {
    height: 4rem !important;
    width: 4rem !important;
}

.modal .modal-content .modal-header .close:before {
    font-size: 2rem;
}

.kt-notification .kt-notification__item:after {
    font-size: 2rem;
}

.kt-subheader__title {
    font-size: 1.8rem !important;
}

.kt-header__topbar-username,
.kt-user-card__name,
.kt-subheader__desc {
    font-size: 1.4rem !important;
}


 .modal-title {
    font-size: 1.6rem !important;
}


.kt-widget__subhead > a {
    font-size: 1.4rem !important;
}

.kt-widget__subhead > a > i,
.kt-widget__subhead > i {
    margin-right: 1.2rem !important;
}

.kt-widget__subhead > i {
    margin-left: 7rem !important;
}


    .modal-content .model-summary-label {
        font-size: 1.6rem;
    }



    .modal-content label {
        font-size: 1.5rem;
        margin-top: auto !important;
        margin-bottom: auto !important;
    }


    .modal-content .workshop-modal-input-label {
        margin-bottom: 0.5rem !important;
    }


    #used-materials-list li {
        font-size: 1.5rem;
    }


    .form-control {
        height: calc(1.8em + 1.2rem + 2px);
        font-size: 1.5rem;
    }


    .input-group-text {
        font-size: 1.5rem;
    }


    .processing-input-date {
        width: 11rem !important;
    }

    .modal-footer .btn {
        font-size: 1.4rem;
        line-height: 2.4;
    }


}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (min-device-height: 500px)
  and (-webkit-min-device-pixel-ratio: 2) {


body,
.modal-title {
    color: #000 !important;
}

.kt-separator {
    margin-top: 0 !important;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-time {
    font-size: 1.4rem;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-title {
    font-size: 1.8rem;
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head .kt-widget__username {
    font-size: 1.8rem;
}


   #urgency-sort_link {
    margin-left: 1.5rem;
}


.kt-notification__custom > a,
.kt-subheader__toolbar > a {
    font-size: 1.2rem !important;
}

i {
    font-size: 1.8rem !important;
}

.kt-notification__item-icon > i {
    margin-right: 1.5rem !important;
    font-size: 2.8rem !important;
}

.kt-svg-icon {
    height: 3rem;
    width: 3rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.add-material-btn {
    height: 4rem !important;
    width: 4rem !important;
}

.modal .modal-content .modal-header .close:before {
    font-size: 2rem;
}

.kt-notification .kt-notification__item:after {
    font-size: 2rem;
}

.kt-subheader__title {
    font-size: 1.8rem !important;
}

.kt-header__topbar-username,
.kt-user-card__name,
.kt-subheader__desc {
    font-size: 1.4rem !important;
}


 .modal-title {
    font-size: 1.6rem !important;
}


.kt-widget__subhead > a {
    font-size: 1.4rem !important;
}

.kt-widget__subhead > a > i,
.kt-widget__subhead > i {
    margin-right: 1.2rem !important;
}

.kt-widget__subhead > i {
    margin-left: 7rem !important;
}


    .modal-content .model-summary-label {
        font-size: 1.6rem;
    }



    .modal-content label {
        font-size: 1.5rem;
        margin-top: auto !important;
        margin-bottom: auto !important;
    }


    .modal-content .workshop-modal-input-label {
        margin-bottom: 0.5rem !important;
    }


    #used-materials-list li {
        font-size: 1.5rem;
    }


    .form-control {
        height: calc(1.8em + 1.2rem + 2px);
        font-size: 1.5rem;
    }


    .input-group-text {
        font-size: 1.5rem;
    }


    .processing-input-date {
        width: 11rem !important;
    }

    .modal-footer .btn {
        font-size: 1.4rem;
        line-height: 2.4;
    }


}

/* Portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) {


body,
.modal-title {
    color: #000 !important;
}

.kt-separator {
    margin-top: 0 !important;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-time {
    font-size: 1.4rem;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-title {
    font-size: 1.8rem;
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head .kt-widget__username {
    font-size: 1.8rem;
}


   #urgency-sort_link {
    margin-left: 1.5rem;
}


.kt-notification__custom > a,
.kt-subheader__toolbar > a {
    font-size: 1.2rem !important;
}

i {
    font-size: 1.8rem !important;
}

.kt-notification__item-icon > i {
    margin-right: 1.5rem !important;
    font-size: 2.8rem !important;
}

.kt-svg-icon {
    height: 3rem;
    width: 3rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.add-material-btn {
    height: 4rem !important;
    width: 4rem !important;
}

.modal .modal-content .modal-header .close:before {
    font-size: 2rem;
}

.kt-notification .kt-notification__item:after {
    font-size: 2rem;
}

.kt-subheader__title {
    font-size: 1.8rem !important;
}

.kt-header__topbar-username,
.kt-user-card__name,
.kt-subheader__desc {
    font-size: 1.4rem !important;
}


 .modal-title {
    font-size: 1.6rem !important;
}


.kt-widget__subhead > a {
    font-size: 1.4rem !important;
}

.kt-widget__subhead > a > i,
.kt-widget__subhead > i {
    margin-right: 1.2rem !important;
}

.kt-widget__subhead > i {
    margin-left: 7rem !important;
}


    .modal-content .model-summary-label {
        font-size: 1.6rem;
    }



    .modal-content label {
        font-size: 1.5rem;
        margin-top: auto !important;
        margin-bottom: auto !important;
    }


    .modal-content .workshop-modal-input-label {
        margin-bottom: 0.5rem !important;
    }


    #used-materials-list li {
        font-size: 1.5rem;
    }


    .form-control {
        height: calc(1.8em + 1.2rem + 2px);
        font-size: 1.5rem;
    }


    .input-group-text {
        font-size: 1.5rem;
    }


    .processing-input-date {
        width: 11rem !important;
    }

    .modal-footer .btn {
        font-size: 1.4rem;
        line-height: 2.4;
    }


}

/* Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (min-device-height: 500px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {


body,
.modal-title {
    color: #000 !important;
}

.kt-separator {
    margin-top: 0 !important;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-time {
    font-size: 1.4rem;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-title {
    font-size: 1.8rem;
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head .kt-widget__username {
    font-size: 1.8rem;
}


   #urgency-sort_link {
    margin-left: 1.5rem;
}


.kt-notification__custom > a,
.kt-subheader__toolbar > a {
    font-size: 1.2rem !important;
}

i {
    font-size: 1.8rem !important;
}

.kt-notification__item-icon > i {
    margin-right: 1.5rem !important;
    font-size: 2.8rem !important;
}

.kt-svg-icon {
    height: 3rem;
    width: 3rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.add-material-btn {
    height: 4rem !important;
    width: 4rem !important;
}

.modal .modal-content .modal-header .close:before {
    font-size: 2rem;
}

.kt-notification .kt-notification__item:after {
    font-size: 2rem;
}

.kt-subheader__title {
    font-size: 1.8rem !important;
}

.kt-header__topbar-username,
.kt-user-card__name,
.kt-subheader__desc {
    font-size: 1.4rem !important;
}


 .modal-title {
    font-size: 1.6rem !important;
}


.kt-widget__subhead > a {
    font-size: 1.4rem !important;
}

.kt-widget__subhead > a > i,
.kt-widget__subhead > i {
    margin-right: 1.2rem !important;
}

.kt-widget__subhead > i {
    margin-left: 7rem !important;
}


    .modal-content .model-summary-label {
        font-size: 1.6rem;
    }



    .modal-content label {
        font-size: 1.5rem;
        margin-top: auto !important;
        margin-bottom: auto !important;
    }


    .modal-content .workshop-modal-input-label {
        margin-bottom: 0.5rem !important;
    }


    #used-materials-list li {
        font-size: 1.5rem;
    }


    .form-control {
        height: calc(1.8em + 1.2rem + 2px);
        font-size: 1.5rem;
    }


    .input-group-text {
        font-size: 1.5rem;
    }


    .processing-input-date {
        width: 11rem !important;
    }

    .modal-footer .btn {
        font-size: 1.4rem;
        line-height: 2.4;
    }


}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 834px)
  and (max-device-width: 1112px)
  and (min-device-height: 500px)
  and (-webkit-min-device-pixel-ratio: 2) {


body,
.modal-title {
    color: #000 !important;
}

.kt-separator {
    margin-top: 0 !important;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-time {
    font-size: 1.4rem;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-title {
    font-size: 1.8rem;
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head .kt-widget__username {
    font-size: 1.8rem;
}


   #urgency-sort_link {
    margin-left: 1.5rem;
}


.kt-notification__custom > a,
.kt-subheader__toolbar > a {
    font-size: 1.2rem !important;
}

i {
    font-size: 1.8rem !important;
}

.kt-notification__item-icon > i {
    margin-right: 1.5rem !important;
    font-size: 2.8rem !important;
}

.kt-svg-icon {
    height: 3rem;
    width: 3rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.add-material-btn {
    height: 4rem !important;
    width: 4rem !important;
}

.modal .modal-content .modal-header .close:before {
    font-size: 2rem;
}

.kt-notification .kt-notification__item:after {
    font-size: 2rem;
}

.kt-subheader__title {
    font-size: 1.8rem !important;
}

.kt-header__topbar-username,
.kt-user-card__name,
.kt-subheader__desc {
    font-size: 1.4rem !important;
}


 .modal-title {
    font-size: 1.6rem !important;
}


.kt-widget__subhead > a {
    font-size: 1.4rem !important;
}

.kt-widget__subhead > a > i,
.kt-widget__subhead > i {
    margin-right: 1.2rem !important;
}

.kt-widget__subhead > i {
    margin-left: 7rem !important;
}


    .modal-content .model-summary-label {
        font-size: 1.6rem;
    }



    .modal-content label {
        font-size: 1.5rem;
        margin-top: auto !important;
        margin-bottom: auto !important;
    }


    .modal-content .workshop-modal-input-label {
        margin-bottom: 0.5rem !important;
    }


    #used-materials-list li {
        font-size: 1.5rem;
    }


    .form-control {
        height: calc(1.8em + 1.2rem + 2px);
        font-size: 1.5rem;
    }


    .input-group-text {
        font-size: 1.5rem;
    }


    .processing-input-date {
        width: 11rem !important;
    }

    .modal-footer .btn {
        font-size: 1.4rem;
        line-height: 2.4;
    }


}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
  and (min-device-width: 834px)
  and (max-device-width: 834px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) {


body,
.modal-title {
    color: #000 !important;
}

.kt-separator {
    margin-top: 0 !important;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-time {
    font-size: 1.4rem;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-title {
    font-size: 1.8rem;
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head .kt-widget__username {
    font-size: 1.8rem;
}


   #urgency-sort_link {
    margin-left: 1.5rem;
}


.kt-notification__custom > a,
.kt-subheader__toolbar > a {
    font-size: 1.2rem !important;
}

i {
    font-size: 1.8rem !important;
}

.kt-notification__item-icon > i {
    margin-right: 1.5rem !important;
    font-size: 2.8rem !important;
}

.kt-svg-icon {
    height: 3rem;
    width: 3rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.add-material-btn {
    height: 4rem !important;
    width: 4rem !important;
}

.modal .modal-content .modal-header .close:before {
    font-size: 2rem;
}

.kt-notification .kt-notification__item:after {
    font-size: 2rem;
}

.kt-subheader__title {
    font-size: 1.8rem !important;
}

.kt-header__topbar-username,
.kt-user-card__name,
.kt-subheader__desc {
    font-size: 1.4rem !important;
}


 .modal-title {
    font-size: 1.6rem !important;
}


.kt-widget__subhead > a {
    font-size: 1.4rem !important;
}

.kt-widget__subhead > a > i,
.kt-widget__subhead > i {
    margin-right: 1.2rem !important;
}

.kt-widget__subhead > i {
    margin-left: 7rem !important;
}


    .modal-content .model-summary-label {
        font-size: 1.6rem;
    }



    .modal-content label {
        font-size: 1.5rem;
        margin-top: auto !important;
        margin-bottom: auto !important;
    }


    .modal-content .workshop-modal-input-label {
        margin-bottom: 0.5rem !important;
    }


    #used-materials-list li {
        font-size: 1.5rem;
    }


    .form-control {
        height: calc(1.8em + 1.2rem + 2px);
        font-size: 1.5rem;
    }


    .input-group-text {
        font-size: 1.5rem;
    }


    .processing-input-date {
        width: 11rem !important;
    }

    .modal-footer .btn {
        font-size: 1.4rem;
        line-height: 2.4;
    }


}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
  and (min-device-width: 1112px)
  and (max-device-width: 1112px)
  and (min-device-height: 500px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {


body,
.modal-title {
    color: #000 !important;
}

.kt-separator {
    margin-top: 0 !important;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-time {
    font-size: 1.4rem;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-title {
    font-size: 1.8rem;
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head .kt-widget__username {
    font-size: 1.8rem;
}


   #urgency-sort_link {
    margin-left: 1.5rem;
}


.kt-notification__custom > a,
.kt-subheader__toolbar > a {
    font-size: 1.2rem !important;
}

i {
    font-size: 1.8rem !important;
}

.kt-notification__item-icon > i {
    margin-right: 1.5rem !important;
    font-size: 2.8rem !important;
}

.kt-svg-icon {
    height: 3rem;
    width: 3rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.add-material-btn {
    height: 4rem !important;
    width: 4rem !important;
}

.modal .modal-content .modal-header .close:before {
    font-size: 2rem;
}

.kt-notification .kt-notification__item:after {
    font-size: 2rem;
}

.kt-subheader__title {
    font-size: 1.8rem !important;
}

.kt-header__topbar-username,
.kt-user-card__name,
.kt-subheader__desc {
    font-size: 1.4rem !important;
}


 .modal-title {
    font-size: 1.6rem !important;
}


.kt-widget__subhead > a {
    font-size: 1.4rem !important;
}

.kt-widget__subhead > a > i,
.kt-widget__subhead > i {
    margin-right: 1.2rem !important;
}

.kt-widget__subhead > i {
    margin-left: 7rem !important;
}


    .modal-content .model-summary-label {
        font-size: 1.6rem;
    }



    .modal-content label {
        font-size: 1.5rem;
        margin-top: auto !important;
        margin-bottom: auto !important;
    }


    .modal-content .workshop-modal-input-label {
        margin-bottom: 0.5rem !important;
    }


    #used-materials-list li {
        font-size: 1.5rem;
    }


    .form-control {
        height: calc(1.8em + 1.2rem + 2px);
        font-size: 1.5rem;
    }


    .input-group-text {
        font-size: 1.5rem;
    }


    .processing-input-date {
        width: 11rem !important;
    }

    .modal-footer .btn {
        font-size: 1.4rem;
        line-height: 2.4;
    }


}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 1024px)
  and (max-device-width: 1366px)
  and (min-device-height: 500px)
  and (-webkit-min-device-pixel-ratio: 2) {


body,
.modal-title {
    color: #000 !important;
}

.kt-separator {
    margin-top: 0 !important;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-time {
    font-size: 1.4rem;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-title {
    font-size: 1.8rem;
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head .kt-widget__username {
    font-size: 1.8rem;
}


   #urgency-sort_link {
    margin-left: 1.5rem;
}


.kt-notification__custom > a,
.kt-subheader__toolbar > a {
    font-size: 1.2rem !important;
}

i {
    font-size: 1.8rem !important;
}

.kt-notification__item-icon > i {
    margin-right: 1.5rem !important;
    font-size: 2.8rem !important;
}

.kt-svg-icon {
    height: 3rem;
    width: 3rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.add-material-btn {
    height: 4rem !important;
    width: 4rem !important;
}

.modal .modal-content .modal-header .close:before {
    font-size: 2rem;
}

.kt-notification .kt-notification__item:after {
    font-size: 2rem;
}

.kt-subheader__title {
    font-size: 1.8rem !important;
}

.kt-header__topbar-username,
.kt-user-card__name,
.kt-subheader__desc {
    font-size: 1.4rem !important;
}


 .modal-title {
    font-size: 1.6rem !important;
}


.kt-widget__subhead > a {
    font-size: 1.4rem !important;
}

.kt-widget__subhead > a > i,
.kt-widget__subhead > i {
    margin-right: 1.2rem !important;
}

.kt-widget__subhead > i {
    margin-left: 7rem !important;
}


    .modal-content .model-summary-label {
        font-size: 1.6rem;
    }



    .modal-content label {
        font-size: 1.5rem;
        margin-top: auto !important;
        margin-bottom: auto !important;
    }


    .modal-content .workshop-modal-input-label {
        margin-bottom: 0.5rem !important;
    }


    #used-materials-list li {
        font-size: 1.5rem;
    }


    .form-control {
        height: calc(1.8em + 1.2rem + 2px);
        font-size: 1.5rem;
    }


    .input-group-text {
        font-size: 1.5rem;
    }


    .processing-input-date {
        width: 11rem !important;
    }

    .modal-footer .btn {
        font-size: 1.4rem;
        line-height: 2.4;
    }


}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
  and (min-device-width: 1024px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) {


body,
.modal-title {
    color: #000 !important;
}

.kt-separator {
    margin-top: 0 !important;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-time {
    font-size: 1.4rem;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-title {
    font-size: 1.8rem;
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head .kt-widget__username {
    font-size: 1.8rem;
}


   #urgency-sort_link {
    margin-left: 1.5rem;
}


.kt-notification__custom > a,
.kt-subheader__toolbar > a {
    font-size: 1.2rem !important;
}

i {
    font-size: 1.8rem !important;
}

.kt-notification__item-icon > i {
    margin-right: 1.5rem !important;
    font-size: 2.8rem !important;
}

.kt-svg-icon {
    height: 3rem;
    width: 3rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.add-material-btn {
    height: 4rem !important;
    width: 4rem !important;
}

.modal .modal-content .modal-header .close:before {
    font-size: 2rem;
}

.kt-notification .kt-notification__item:after {
    font-size: 2rem;
}

.kt-subheader__title {
    font-size: 1.8rem !important;
}

.kt-header__topbar-username,
.kt-user-card__name,
.kt-subheader__desc {
    font-size: 1.4rem !important;
}


 .modal-title {
    font-size: 1.6rem !important;
}


.kt-widget__subhead > a {
    font-size: 1.4rem !important;
}

.kt-widget__subhead > a > i,
.kt-widget__subhead > i {
    margin-right: 1.2rem !important;
}

.kt-widget__subhead > i {
    margin-left: 7rem !important;
}


    .modal-content .model-summary-label {
        font-size: 1.6rem;
    }



    .modal-content label {
        font-size: 1.5rem;
        margin-top: auto !important;
        margin-bottom: auto !important;
    }


    .modal-content .workshop-modal-input-label {
        margin-bottom: 0.5rem !important;
    }


    #used-materials-list li {
        font-size: 1.5rem;
    }


    .form-control {
        height: calc(1.8em + 1.2rem + 2px);
        font-size: 1.5rem;
    }


    .input-group-text {
        font-size: 1.5rem;
    }


    .processing-input-date {
        width: 11rem !important;
    }

    .modal-footer .btn {
        font-size: 1.4rem;
        line-height: 2.4;
    }


}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
  and (min-device-width: 1366px)
  and (max-device-width: 1366px)
  and (min-device-height: 500px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {


body,
.modal-title {
    color: #000 !important;
}

.kt-separator {
    margin-top: 0 !important;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-time {
    font-size: 1.4rem;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-title {
    font-size: 1.8rem;
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head .kt-widget__username {
    font-size: 1.8rem;
}


   #urgency-sort_link {
    margin-left: 1.5rem;
}


.kt-notification__custom > a,
.kt-subheader__toolbar > a {
    font-size: 1.2rem !important;
}

i {
    font-size: 1.8rem !important;
}

.kt-notification__item-icon > i {
    margin-right: 1.5rem !important;
    font-size: 2.8rem !important;
}

.kt-svg-icon {
    height: 3rem;
    width: 3rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.add-material-btn {
    height: 4rem !important;
    width: 4rem !important;
}

.modal .modal-content .modal-header .close:before {
    font-size: 2rem;
}

.kt-notification .kt-notification__item:after {
    font-size: 2rem;
}

.kt-subheader__title {
    font-size: 1.8rem !important;
}

.kt-header__topbar-username,
.kt-user-card__name,
.kt-subheader__desc {
    font-size: 1.4rem !important;
}


 .modal-title {
    font-size: 1.6rem !important;
}


.kt-widget__subhead > a {
    font-size: 1.4rem !important;
}

.kt-widget__subhead > a > i,
.kt-widget__subhead > i {
    margin-right: 1.2rem !important;
}

.kt-widget__subhead > i {
    margin-left: 7rem !important;
}


    .modal-content .model-summary-label {
        font-size: 1.6rem;
    }



    .modal-content label {
        font-size: 1.5rem;
        margin-top: auto !important;
        margin-bottom: auto !important;
    }


    .modal-content .workshop-modal-input-label {
        margin-bottom: 0.5rem !important;
    }


    #used-materials-list li {
        font-size: 1.5rem;
    }


    .form-control {
        height: calc(1.8em + 1.2rem + 2px);
        font-size: 1.5rem;
    }


    .input-group-text {
        font-size: 1.5rem;
    }


    .processing-input-date {
        width: 11rem !important;
    }

    .modal-footer .btn {
        font-size: 1.4rem;
        line-height: 2.4;
    }


}









/* ----------- Nexus 7 ----------- */

/* Portrait and Landscape */
@media screen
  and (device-width: 601px)
  and (device-height: 906px)
  and (-webkit-min-device-pixel-ratio: 1.331)
  and (-webkit-max-device-pixel-ratio: 1.332) {


body,
.modal-title {
    color: #000 !important;
}

.kt-separator {
    margin-top: 0 !important;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-time {
    font-size: 1.4rem;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-title {
    font-size: 1.8rem;
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head .kt-widget__username {
    font-size: 1.8rem;
}


   #urgency-sort_link {
    margin-left: 1.5rem;
}


.kt-notification__custom > a,
.kt-subheader__toolbar > a {
    font-size: 1.2rem !important;
}

i {
    font-size: 1.8rem !important;
}

.kt-notification__item-icon > i {
    margin-right: 1.5rem !important;
    font-size: 2.8rem !important;
}

.kt-svg-icon {
    height: 3rem;
    width: 3rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.add-material-btn {
    height: 4rem !important;
    width: 4rem !important;
}

.modal .modal-content .modal-header .close:before {
    font-size: 2rem;
}

.kt-notification .kt-notification__item:after {
    font-size: 2rem;
}

.kt-subheader__title {
    font-size: 1.8rem !important;
}

.kt-header__topbar-username,
.kt-user-card__name,
.kt-subheader__desc {
    font-size: 1.4rem !important;
}


 .modal-title {
    font-size: 1.6rem !important;
}


.kt-widget__subhead > a {
    font-size: 1.4rem !important;
}

.kt-widget__subhead > a > i,
.kt-widget__subhead > i {
    margin-right: 1.2rem !important;
}

.kt-widget__subhead > i {
    margin-left: 7rem !important;
}


    .modal-content .model-summary-label {
        font-size: 1.6rem;
    }



    .modal-content label {
        font-size: 1.5rem;
        margin-top: auto !important;
        margin-bottom: auto !important;
    }


    .modal-content .workshop-modal-input-label {
        margin-bottom: 0.5rem !important;
    }


    #used-materials-list li {
        font-size: 1.5rem;
    }


    .form-control {
        height: calc(1.8em + 1.2rem + 2px);
        font-size: 1.5rem;
    }


    .input-group-text {
        font-size: 1.5rem;
    }


    .processing-input-date {
        width: 11rem !important;
    }

    .modal-footer .btn {
        font-size: 1.4rem;
        line-height: 2.4;
    }


}

/* Portrait */
@media screen
  and (device-width: 601px)
  and (device-height: 906px)
  and (-webkit-min-device-pixel-ratio: 1.331)
  and (-webkit-max-device-pixel-ratio: 1.332)
  and (orientation: portrait) {


body,
.modal-title {
    color: #000 !important;
}

.kt-separator {
    margin-top: 0 !important;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-time {
    font-size: 1.4rem;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-title {
    font-size: 1.8rem;
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head .kt-widget__username {
    font-size: 1.8rem;
}


   #urgency-sort_link {
    margin-left: 1.5rem;
}


.kt-notification__custom > a,
.kt-subheader__toolbar > a {
    font-size: 1.2rem !important;
}

i {
    font-size: 1.8rem !important;
}

.kt-notification__item-icon > i {
    margin-right: 1.5rem !important;
    font-size: 2.8rem !important;
}

.kt-svg-icon {
    height: 3rem;
    width: 3rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.add-material-btn {
    height: 4rem !important;
    width: 4rem !important;
}

.modal .modal-content .modal-header .close:before {
    font-size: 2rem;
}

.kt-notification .kt-notification__item:after {
    font-size: 2rem;
}

.kt-subheader__title {
    font-size: 1.8rem !important;
}

.kt-header__topbar-username,
.kt-user-card__name,
.kt-subheader__desc {
    font-size: 1.4rem !important;
}


 .modal-title {
    font-size: 1.6rem !important;
}


.kt-widget__subhead > a {
    font-size: 1.4rem !important;
}

.kt-widget__subhead > a > i,
.kt-widget__subhead > i {
    margin-right: 1.2rem !important;
}

.kt-widget__subhead > i {
    margin-left: 7rem !important;
}


    .modal-content .model-summary-label {
        font-size: 1.6rem;
    }



    .modal-content label {
        font-size: 1.5rem;
        margin-top: auto !important;
        margin-bottom: auto !important;
    }


    .modal-content .workshop-modal-input-label {
        margin-bottom: 0.5rem !important;
    }


    #used-materials-list li {
        font-size: 1.5rem;
    }


    .form-control {
        height: calc(1.8em + 1.2rem + 2px);
        font-size: 1.5rem;
    }


    .input-group-text {
        font-size: 1.5rem;
    }


    .processing-input-date {
        width: 11rem !important;
    }

    .modal-footer .btn {
        font-size: 1.4rem;
        line-height: 2.4;
    }


}

/* Landscape */
@media screen
  and (device-width: 601px)
  and (device-height: 906px)
  and (-webkit-min-device-pixel-ratio: 1.331)
  and (-webkit-max-device-pixel-ratio: 1.332)
  and (orientation: landscape) {


body,
.modal-title {
    color: #000 !important;
}

.kt-separator {
    margin-top: 0 !important;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-time {
    font-size: 1.4rem;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-title {
    font-size: 1.8rem;
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head .kt-widget__username {
    font-size: 1.8rem;
}


   #urgency-sort_link {
    margin-left: 1.5rem;
}


.kt-notification__custom > a,
.kt-subheader__toolbar > a {
    font-size: 1.2rem !important;
}

i {
    font-size: 1.8rem !important;
}

.kt-notification__item-icon > i {
    margin-right: 1.5rem !important;
    font-size: 2.8rem !important;
}

.kt-svg-icon {
    height: 3rem;
    width: 3rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.add-material-btn {
    height: 4rem !important;
    width: 4rem !important;
}

.modal .modal-content .modal-header .close:before {
    font-size: 2rem;
}

.kt-notification .kt-notification__item:after {
    font-size: 2rem;
}

.kt-subheader__title {
    font-size: 1.8rem !important;
}

.kt-header__topbar-username,
.kt-user-card__name,
.kt-subheader__desc {
    font-size: 1.4rem !important;
}


 .modal-title {
    font-size: 1.6rem !important;
}


.kt-widget__subhead > a {
    font-size: 1.4rem !important;
}

.kt-widget__subhead > a > i,
.kt-widget__subhead > i {
    margin-right: 1.2rem !important;
}

.kt-widget__subhead > i {
    margin-left: 7rem !important;
}


    .modal-content .model-summary-label {
        font-size: 1.6rem;
    }



    .modal-content label {
        font-size: 1.5rem;
        margin-top: auto !important;
        margin-bottom: auto !important;
    }


    .modal-content .workshop-modal-input-label {
        margin-bottom: 0.5rem !important;
    }


    #used-materials-list li {
        font-size: 1.5rem;
    }


    .form-control {
        height: calc(1.8em + 1.2rem + 2px);
        font-size: 1.5rem;
    }


    .input-group-text {
        font-size: 1.5rem;
    }


    .processing-input-date {
        width: 11rem !important;
    }

    .modal-footer .btn {
        font-size: 1.4rem;
        line-height: 2.4;
    }


}




/* ----------- Nexus 9 ----------- */

/* Portrait and Landscape */
@media screen
  and (device-width: 1536px)
  and (device-height: 2048px)
  and (-webkit-min-device-pixel-ratio: 1.331)
  and (-webkit-max-device-pixel-ratio: 1.332) {


body,
.modal-title {
    color: #000 !important;
}

.kt-separator {
    margin-top: 0 !important;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-time {
    font-size: 1.4rem;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-title {
    font-size: 1.8rem;
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head .kt-widget__username {
    font-size: 1.8rem;
}


   #urgency-sort_link {
    margin-left: 1.5rem;
}


.kt-notification__custom > a,
.kt-subheader__toolbar > a {
    font-size: 1.2rem !important;
}

i {
    font-size: 1.8rem !important;
}

.kt-notification__item-icon > i {
    margin-right: 1.5rem !important;
    font-size: 2.8rem !important;
}

.kt-svg-icon {
    height: 3rem;
    width: 3rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.add-material-btn {
    height: 4rem !important;
    width: 4rem !important;
}

.modal .modal-content .modal-header .close:before {
    font-size: 2rem;
}

.kt-notification .kt-notification__item:after {
    font-size: 2rem;
}

.kt-subheader__title {
    font-size: 1.8rem !important;
}

.kt-header__topbar-username,
.kt-user-card__name,
.kt-subheader__desc {
    font-size: 1.4rem !important;
}


 .modal-title {
    font-size: 1.6rem !important;
}


.kt-widget__subhead > a {
    font-size: 1.4rem !important;
}

.kt-widget__subhead > a > i,
.kt-widget__subhead > i {
    margin-right: 1.2rem !important;
}

.kt-widget__subhead > i {
    margin-left: 7rem !important;
}


    .modal-content .model-summary-label {
        font-size: 1.6rem;
    }



    .modal-content label {
        font-size: 1.5rem;
        margin-top: auto !important;
        margin-bottom: auto !important;
    }


    .modal-content .workshop-modal-input-label {
        margin-bottom: 0.5rem !important;
    }


    #used-materials-list li {
        font-size: 1.5rem;
    }


    .form-control {
        height: calc(1.8em + 1.2rem + 2px);
        font-size: 1.5rem;
    }


    .input-group-text {
        font-size: 1.5rem;
    }


    .processing-input-date {
        width: 11rem !important;
    }

    .modal-footer .btn {
        font-size: 1.4rem;
        line-height: 2.4;
    }


}

/* Portrait */
@media screen
  and (device-width: 1536px)
  and (device-height: 2048px)
  and (-webkit-min-device-pixel-ratio: 1.331)
  and (-webkit-max-device-pixel-ratio: 1.332)
  and (orientation: portrait) {


body,
.modal-title {
    color: #000 !important;
}

.kt-separator {
    margin-top: 0 !important;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-time {
    font-size: 1.4rem;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-title {
    font-size: 1.8rem;
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head .kt-widget__username {
    font-size: 1.8rem;
}


   #urgency-sort_link {
    margin-left: 1.5rem;
}


.kt-notification__custom > a,
.kt-subheader__toolbar > a {
    font-size: 1.2rem !important;
}

i {
    font-size: 1.8rem !important;
}

.kt-notification__item-icon > i {
    margin-right: 1.5rem !important;
    font-size: 2.8rem !important;
}

.kt-svg-icon {
    height: 3rem;
    width: 3rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.add-material-btn {
    height: 4rem !important;
    width: 4rem !important;
}

.modal .modal-content .modal-header .close:before {
    font-size: 2rem;
}

.kt-notification .kt-notification__item:after {
    font-size: 2rem;
}

.kt-subheader__title {
    font-size: 1.8rem !important;
}

.kt-header__topbar-username,
.kt-user-card__name,
.kt-subheader__desc {
    font-size: 1.4rem !important;
}


 .modal-title {
    font-size: 1.6rem !important;
}


.kt-widget__subhead > a {
    font-size: 1.4rem !important;
}

.kt-widget__subhead > a > i,
.kt-widget__subhead > i {
    margin-right: 1.2rem !important;
}

.kt-widget__subhead > i {
    margin-left: 7rem !important;
}


    .modal-content .model-summary-label {
        font-size: 1.6rem;
    }



    .modal-content label {
        font-size: 1.5rem;
        margin-top: auto !important;
        margin-bottom: auto !important;
    }


    .modal-content .workshop-modal-input-label {
        margin-bottom: 0.5rem !important;
    }


    #used-materials-list li {
        font-size: 1.5rem;
    }


    .form-control {
        height: calc(1.8em + 1.2rem + 2px);
        font-size: 1.5rem;
    }


    .input-group-text {
        font-size: 1.5rem;
    }


    .processing-input-date {
        width: 11rem !important;
    }

    .modal-footer .btn {
        font-size: 1.4rem;
        line-height: 2.4;
    }


}

/* Landscape */
@media screen
  and (device-width: 1536px)
  and (device-height: 2048px)
  and (-webkit-min-device-pixel-ratio: 1.331)
  and (-webkit-max-device-pixel-ratio: 1.332)
  and (orientation: landscape) {


body,
.modal-title {
    color: #000 !important;
}

.kt-separator {
    margin-top: 0 !important;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-time {
    font-size: 1.4rem;
}

.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-title {
    font-size: 1.8rem;
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head .kt-widget__username {
    font-size: 1.8rem;
}



   #urgency-sort_link {
    margin-left: 1.5rem;
}


.kt-notification__custom > a,
.kt-subheader__toolbar > a {
    font-size: 1.2rem !important;
}

i {
    font-size: 1.8rem !important;
}

.kt-notification__item-icon > i {
    margin-right: 1.5rem !important;
    font-size: 2.8rem !important;
}

.kt-svg-icon {
    height: 3rem;
    width: 3rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    height: 1rem;
    width: 1rem;
}

.add-material-btn {
    height: 4rem !important;
    width: 4rem !important;
}

.modal .modal-content .modal-header .close:before {
    font-size: 2rem;
}

.kt-notification .kt-notification__item:after {
    font-size: 2rem;
}

.kt-subheader__title {
    font-size: 1.8rem !important;
}

.kt-header__topbar-username,
.kt-user-card__name,
.kt-subheader__desc {
    font-size: 1.4rem !important;
}


 .modal-title {
    font-size: 1.6rem !important;
}


.kt-widget__subhead > a {
    font-size: 1.4rem !important;
}

.kt-widget__subhead > a > i,
.kt-widget__subhead > i {
    margin-right: 1.2rem !important;
}

.kt-widget__subhead > i {
    margin-left: 7rem !important;
}


    .modal-content .model-summary-label {
        font-size: 1.6rem;
    }



    .modal-content label {
        font-size: 1.5rem;
        margin-top: auto !important;
        margin-bottom: auto !important;
    }


    .modal-content .workshop-modal-input-label {
        margin-bottom: 0.5rem !important;
    }


    #used-materials-list li {
        font-size: 1.5rem;
    }


    .form-control {
        height: calc(1.8em + 1.2rem + 2px);
        font-size: 1.5rem;
    }


    .input-group-text {
        font-size: 1.5rem;
    }


    .processing-input-date {
        width: 11rem !important;
    }

    .modal-footer .btn {
        font-size: 1.4rem;
        line-height: 2.4;
    }


}













.full-width {
    width: 100% !important;
}

.no-margin {
    margin: 0px 0px !important;
}

.no-padding {
    padding: 0 !important;
}

.no-top-padding {
    padding-top: 0 !important;
}

.sm-padding {
    padding: 1rem;
}

.sidebar-logo {
    height: 2.6rem;
    /*width: 6.2rem;*/
}

.kt-header__topbar-user img {
    height: 34px !important;
    width: 32px !important;
}

.kt-user-card {
    background-color: #101820;
}

.kt-user-card-v2__pic {
    padding-right: 1rem !important;
}

.kt-user-card-v2__pic img {
    height: 30px;
    width: 30px;
}

.user-avatar-img-wrapper {
    border-radius: 50% !important;
    overflow: hidden;
}

.user-avatar-img {
    height: 100%;
    width: 100%;
}

.kt-wizard-v4 .kt-wizard-v4__nav .kt-wizard-v4__nav-items {
    justify-content: initial !important;
}

.kt-datatable__row:hover {
    background-color: #f8fafc;
}

.top-margin {
    margin-top: 3vh;
}

.high-top-margin {
    margin-top: 4rem;
}

.very-high-top-margin {
    margin-top: 5rem;
}

.sm-top-margin {
    margin-top: 3rem;
}

.bottom-margin {
    margin-bottom: 3vh;
}

.high-bottom-margin {
    margin-bottom: 2rem;
}

.sm-bottom-margin {
    margin-bottom: 3rem;
}

.sm-left-margin {
    margin-left: 1rem !important;
}

.md-left-margin {
    margin-left: 2rem !important;
}

.left-margin {
    margin-left: 3rem !important;
}

.lg-left-margin {
    margin-left: 7rem !important;
}


.right-margin {
    margin-right: 3rem !important;
}

/*login*/

#app {
    background: #101820!important;
    height: 100%;
}

.login-logo-container {
    height: 20rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    background-color: transparent;
}

.login-logo {
    height: 15rem;
}

.login-card {
    border: none !important;
    background-color: transparent;
}

.login-label {
    color: #a7a7c2;
}



.login-input {
    border-radius: 60px;
    padding-left: 1.1rem;
    border: none;
    height: 2.8rem;
    font-size: 1em;
}

.login-input:active,
.login-input:focus,
.login-input:active {
    border: none !important;
    outline: none !important;
}








.login-button {
    margin-top: 1rem;
    height: 3.5rem;
    width: 100%;
    background-color: transparent;
    border: 0.5px solid #a7a7c2 !important;
    color: #a7a7c2;
    border-radius: 60px;
    font-size: 1.1em;
}

.login-button:hover,
.login-button:focus,
.login-button:active {
    color: #fff;
    border-color: #fff !important;
}


.portlet-footer {
    width: 100%;
    padding-right: 1rem;
    padding-bottom: 1rem;
}

.portlet-footer-icon {
    color: #fff !important;
    font-size: 1.3rem;
}


.home-deadline-card:hover {
    background-color: #ff6196 !important;
}



/* EMAIL */

.email-main-body {
    font-size: 1.2em;
}

.email-footer {
    font-size: 0.8em;
}

.expiring-date, .expiring-date-label {
    color: #ffa800;
}

.expired-date, .expired-date-label {
    color: #fd397a;
}


.scadenze-liste-tab-nav-item {
    margin-right: 1rem !important;
}

.scadenze-liste-tab-nav-item,
.scadenze-liste-tab-nav-item a {
    min-width: 14rem;
    max-width: 14rem;
}


.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.green:hover > i,
.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.green.active > i,
.nav-tabs.nav-tabs-line a.nav-link.green:hover > i,
.nav-tabs.nav-tabs-line a.nav-link.green.active > i {
  color: #0abb87 !important;
}

.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.green:hover,
.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.green.active,
.nav-tabs.nav-tabs-line a.nav-link.green:hover,
.nav-tabs.nav-tabs-line a.nav-link.green.active {
  color: #0abb87;
  border-bottom: 1px solid #0abb87;
}




.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.violet:hover > i,
.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.violet.active > i,
.nav-tabs.nav-tabs-line a.nav-link.violet:hover > i,
.nav-tabs.nav-tabs-line a.nav-link.violet.active > i {
  color: #5867dd !important;
}

.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.violet:hover,
.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.violet.active,
.nav-tabs.nav-tabs-line a.nav-link.violet:hover,
.nav-tabs.nav-tabs-line a.nav-link.violet.active {
  color: #5867dd;
  border-bottom: 1px solid #5867dd;
}





.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.yellow:hover > i,
.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.yellow.active > i,
.nav-tabs.nav-tabs-line a.nav-link.yellow:hover > i,
.nav-tabs.nav-tabs-line a.nav-link.yellow.active > i {
  color: #ffb822 !important;
}

.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.yellow:hover,
.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.yellow.active,
.nav-tabs.nav-tabs-line a.nav-link.yellow:hover,
.nav-tabs.nav-tabs-line a.nav-link.yellow.active {
  color: #ffb822;
  border-bottom: 1px solid #ffb822;
}




.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.blue:hover > i,
.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.blue.active > i,
.nav-tabs.nav-tabs-line a.nav-link.blue:hover > i,
.nav-tabs.nav-tabs-line a.nav-link.blue.active > i {
  color: #5d78ff !important;
}

.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.blue:hover,
.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.blue.active,
.nav-tabs.nav-tabs-line a.nav-link.blue:hover,
.nav-tabs.nav-tabs-line a.nav-link.blue.active {
  color: #5d78ff;
  border-bottom: 1px solid #5d78ff;
}




.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.red:hover > i,
.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.red.active > i,
.nav-tabs.nav-tabs-line a.nav-link.red:hover > i,
.nav-tabs.nav-tabs-line a.nav-link.red.active > i {
  color: #fd397a !important;
}

.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.red:hover,
.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.red.active,
.nav-tabs.nav-tabs-line a.nav-link.red:hover,
.nav-tabs.nav-tabs-line a.nav-link.red.active {
  color: #fd397a;
  border-bottom: 1px solid #fd397a;
}



.scadenze-list-datatable-header {
    width: 30rem;
}


.add-btn {
    height: 3rem !important;
}


.selection-toolbar {
    margin-left: 1.5rem;
}


.datatable-loader {
    display: none;
    /* position: absolute; */
    /* margin-left: 50rem; */
    margin-top: 25rem;
    /* z-index: 9999; */
}



.upload-icon {
    font-size: 1.5rem !important;
}

.upload-icon, .upload-remove-icon {
    color: #c6d2df !important;
}


.upload-options-link{
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.upload-options-link:hover .upload-icon,
.upload-options-link:hover .upload-remove-icon{
    color: #5d78ff !important;
}

.custom-file-label {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}


.download-btn {
    font-size: 1rem !important;
}


.documents-wrapper .document-item {
    min-width: 20rem;
    max-width: 20rem;
}

.driver-profile-header, .driver-profile-header-wrapper {
    background-color: #1a1a27;
}


.driver-profile-dropdown-menu {
    min-width: 80px !important;
}

.remove-date-icon {
    margin-top: 0.3rem;
    margin-left: 2rem;
}




/* loading spinner */

#loading-spinner-overlay{
	position: fixed;
	top: 0;
	z-index: 9999;
	width: 100%;
	height:100%;
	display: none;
	background: rgba(0,0,0,0.6);
}
.loading-spinner-wrapper {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.loading-spinner {
	width: 40px;
	height: 40px;
	border: 4px #ddd solid;
	border-top: 4px #5867dd solid;
	border-radius: 50%;
	animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
	100% {
		transform: rotate(360deg);
	}
}
/* .is-hide{
	display:none;
} */




.filter-option-inner-inner {
    color: #495057 !important;
}


.sidemenu-bike-icon {
    font-size: 1.6rem !important;
}


.model-summary-label {
    font-weight: 500 !important;
}

.home-result-widget {
    min-height: 10rem;
}


.kt-font-waiting {
    color: #ff4800 !important;
}

.kt-bg-waiting {
    background-color: #ff4800 !important;
  }
  


.kt-badge.kt-badge--waiting {
    color: #ffffff;
    background: #ff7f4c;
  }

  .kt-badge.kt-badge--outline.kt-badge--waiting {
    background: transparent;
    color: #0abb87;
    border: 1px solid #ff7f4c;
  }

  .kt-badge.kt-badge--outline.kt-badge--waiting.kt-badge--outline-2x {
    border: 2px solid #ff7f4c;
  }


.processing-modal-table .model-summary-label{
    color: #48465b !important;
}


.processing-input-date {
    width: 8rem;
}



.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.yellow:hover > i,
.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.yellow.active > i,
.nav-tabs.nav-tabs-line a.nav-link.yellow:hover > i,
.nav-tabs.nav-tabs-line a.nav-link.yellow.active > i {
  color: #ffb822 !important;
}

.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.yellow:hover,
.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.yellow.active,
.nav-tabs.nav-tabs-line a.nav-link.yellow:hover,
.nav-tabs.nav-tabs-line a.nav-link.yellow.active {
  color: #ffb822;
  border-bottom: 1px solid #ffb822;
}



.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.orange:hover > i,
.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.orange.active > i,
.nav-tabs.nav-tabs-line a.nav-link.orange:hover > i,
.nav-tabs.nav-tabs-line a.nav-link.orange.active > i {
  color: #ff4800 !important;
}

.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.orange:hover,
.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.orange.active,
.nav-tabs.nav-tabs-line a.nav-link.orange:hover,
.nav-tabs.nav-tabs-line a.nav-link.orange.active {
  color: #ff4800;
  border-bottom: 1px solid #ff4800;
}

.kt-svg-icon.kt-svg-icon--waiting g [fill] {
    fill: #ff4800 !important;
  }




.validation-failed {
    border-color: red !important;
}

.validation-failed-label {
    color: red;
}

#labor-cost {
    border-radius: 0 0.25rem 0.25rem 0!important;
}

.processing-list-item-title {
    width: 50% !important;
}

.processing-description {
   word-wrap: break-word !important;
}


.list-trash-icon {
    font-size: 1.3rem !important;
}



/* badge status datatable lavorazioni */

/* In attesa di ricambio */
.kt-badge.kt-badge--waiting {
    color: #ffffff;
    background: #ff4800;
}

.kt-badge.kt-badge--outline.kt-badge--waiting {
    background: transparent;
    color: #ff4800;
    border: 1px solid #ff4800;
}

.kt-badge.kt-badge--outline.kt-badge--waiting.kt-badge--outline-2x {
    border: 2px solid #ff4800;
}

/* Consegnata */
.kt-badge.kt-badge--delivered {
    color: #ffffff;
    background: #cbcdda;
}

.kt-badge.kt-badge--outline.kt-badge--delivered {
    background: transparent;
    color: #cbcdda;
    border: 1px solid #cbcdda;
}

.kt-badge.kt-badge--outline.kt-badge--delivered.kt-badge--outline-2x {
    border: 2px solid #cbcdda;
}









/* PDF export */



.center-text {
    text-align: center;
}

.export-table {
    border:1px solid rgb(113, 113, 116) !important;
  }
  .export-table > thead > tr > th > td{
    border:1px solid rgb(113, 113, 116) !important;
}
.export-table > tbody > tr > td{
    border:1px solid rgb(113, 113, 116) !important;
}

.workshop-export-icon,
.workshop-export-icon > svg {
    height: 4rem !important;
    width: 4rem !important;
}