/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,500;0,700;0,800;1,500;1,700;1,800&display=swap');

/*------ Colors ------*/
.backcolor-light-green {
    background: rgba(7,246,35,.08) !important;
}

.backcolor-light-grey {
    background: rgba(100,100,100,.08) !important;
}

.backcolor-light-orange {
    background: rgba(255,155,0,.12) !important;
}

.backcolor-light-red {
    background-color: rgba(255,210,210,.8) !important;
}

.color-grey {
    color: #999;
}

.color-red {
    color: #990000;
}
/*------ End colors ------*/

:focus {
    outline: none;
}

a[disabled] {
    color: #CCC;
    text-decoration: none;
}

a {
    cursor: pointer;
}

    a.fa {
        text-decoration: none;
        width: 14px;
        height: 14px;
    }

body {
    padding-top: 50px;
    padding-bottom: 50px;
    min-height: 640px;
}

footer {
    display:flex;
    justify-content:space-between;
    background-color: #FAFAFA;
    border-top: 1px solid #DDDDDD; /* border color2 */
    bottom: 0;
    color: #666;
    padding: 6px 20px 8px;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 3;
}

input, select, textarea, .btn, .modal-content, .nav-pills > li > a, .well {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

    input[type="button"] {
        margin: 0;
        padding: 6px 12px;
    }

    input[type="checkbox"], input[type="radio"] {
        margin: 4px 3px 0 3px;
    }

        input[type="checkbox"]:after, input[type="radio"]:after {
            background-color: #FAFAFA;
            border: 1px solid #DDDDDD; /* border color2 */
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            color: #FFF;
            content: '';
            display: table;
            font: normal normal normal 14px/1 FontAwesome;
            height: 19px;
            line-height: 16px;
            position: relative;
            text-align: center;
            top: -3px;
            left: -3px;
            visibility: visible;
            width: 19px;
        }

        input[type="checkbox"]:hover:after, input[type="radio"]:hover:after {
            background-color: #e6e6e6;
            border-color: #adadad;
            content: '\F00C';
        }

        input[type="checkbox"]:checked:after, input[type="radio"]:checked:after {
            background-color: #333;
            border-color: #DDDDDD; /* border color2 */
            content: '\F00C';
        }

    input[type="number"], input[type="password"], input[type="text"], select, textarea, .selectize-input {
        border: 1px solid #DDDDDD; /* border color2 */
        padding: 1px 2px;
    }

    input.input-in-table {
        text-align: right;
        width: 100px !important;
    }

    input.number-right {
        text-align: right;
        width: 104px !important;
    }

    select.select-in-table {
        width: auto !important;
    }

label {
    font-weight: normal;
    margin: 0 4px 0 4px;
}

span[disabled] label {
    opacity: 0.7;
}

span.id {
    color: #999;
    font-size: 9px;
}

textarea {
    resize: vertical;
    min-height: 44px;
}

.additional-footer {
    background-color: #FAFAFA;
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    padding: 5px;
    text-align: center;
    width: 100%;
}

.alert {
    border: 10px solid #E3E3E3; /* color2 light */
    border: 10px solid rgba(0,0,0,0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.attachments {
    margin: 2px;
    width: 100%;
}

.badge {
    margin-left: -3px;
    margin-top: -12px;
    position: absolute;
    z-index: 3;
}

.banner {
    border-bottom: 1px solid #CCC;
    padding: 8px 12px;
    text-align: center;
    width: 100%;
}

    .banner.arancio {
        background-color: #FF5714;
        color: white;
    }

    .banner.azzurro {
        background-color: #1FA2FF;
        color: white;
    }

    .banner.giallo {
        background-color: #FFFF33;
    }

    .banner.rosso {
        background-color: #E30514;
        color: white;
    }

    .banner.verde {
        background-color: #4F9D69;
        color: white;
    }

.blurred {
    filter: blur(4px);
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
}

.bootstrap-datetimepicker-widget {
    white-space: initial;
}

.btn {
    min-width: 100px;
}

.btn-control {
    height: 34px;
    min-width: inherit;
}

.btn-default {
    border-color: #DDDDDD; /* border color2 */
}

.btn-group {
    width: initial !important;
}

.btn-item {
    border-color: #DDD;
    min-width: 32px !important;
    padding: 6px 0;
}

    .btn-item.active {
        background-color: rgba(225,5,19,1);
        color: #FFF;
    }

    .btn-item.focus {
        outline: none !important;
    }

.btn-rc {
    height: 24px;
    min-width: 75px;
    padding: 1px 6px;
}

    .btn-rc.active {
        font-weight: bold;
    }

.cell {
    padding: 5px !important;
}

@media (min-width: 1600px) {
    .col-xl-2 {
        width: 16.66666666666667%;
    }
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-left: 0px;
}

.criteria {
    display: inline-block;
    white-space: nowrap;
    margin: 5px;
}

.cursor-pointer {
    cursor: pointer;
}

.d-flex {
    display: flex;
}

.justify-content-between {
    justify-content: space-between;
}

.date-picker {
    text-align: right;
    width: 86px !important;
}

.datetime-picker {
    text-align: right;
    width: 145px !important;
}

.dettaglio {
    border: 1px solid #DDDDDD; /* border color2 */
    color: #666;
    font-style: italic;
    font-size: 85%;
    margin-top: 4px;
    padding: 4px;
}

.dropdown-header {
    font-size: 100%;
    white-space: initial;
}


.fileinput-button {
    display: inline-block;
    margin-right: 10px;
    overflow: hidden;
    float: left !important;
    position: relative;
}

    .fileinput-button input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        -ms-filter: 'alpha(opacity=0)';
        font-size: 200px;
        direction: ltr;
        cursor: pointer;
    }

.files {
    margin-left: 85px;
}

.full-page-message {
    margin: 100px 5px 5px 5px;
    text-align: center;
}

.full-width {
    width: 100%;
}

.grid-pager input, .grid-pager select {
    height: 30px;
    width: auto !important;
}

.grid-pager .pager-page {
    text-align: right;
    width: 42px !important;
}

.grid-pager > td {
    padding: 8px 0 !important;
}

.grid-pager .btn-pager {
    height: 30px;
    min-width: 30px;
    padding: 4px;
    position: relative;
    top: -1px;
    width: 30px;
}

    .grid-pager .btn-pager svg {
        height: 20px;
    }

.grid-footer {
    background-color: #FAFAFA !important;
    text-align: right;
}

    .grid-footer td:first-child {
        text-align: left !important;
    }

@media (max-width: 400px) {
    .hidden-xxs {
        display: none !important;
    }
}

.highlight {
    background-color: #bbf575;
}

.icon-info-sign {
    margin-left: 2px;
    color: #006DFB;
    font-size: 18px;
}

.info-in-grid {
    color: #CCC;
    margin-top: 4px;
    cursor: pointer;
}

    .info-in-grid:hover {
        color: #006DFB;
    }

    .info-in-grid[disabled] {
        cursor: inherit;
    }

        .info-in-grid[disabled]:hover {
            color: #CCC;
        }

li.intercompany {
    font-weight: bold;
}

.language {
    border: 1px solid transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 30px;
    top: 6px;
    padding: 4px 0 !important;
    margin: 4px;
    text-align: center;
    width: 30px;
}

    .language:hover, language:active {
        border: 1px solid #EEE; /* like navbar */
    }

    .language.selected {
        border: 1px solid #DDDDDD;
    }

@media (max-width: 991px) {
    .language {
        margin: 0;
        top: 10px;
    }
}

.legenda span {
    margin-left: 20px;
    margin-right: 5px;
}

    .legenda span:first-child {
        margin-left: 0;
    }

.lista-checkbox {
    border: 1px solid rgb(221,221,221);
    height: 140px;
    overflow: scroll;
    overflow-x: hidden;
    padding: 4px;
}

    .lista-checkbox input[type="checkbox"], .lista-permessi input[type="checkbox"] {
        margin-bottom: 10px;
    }

.lista-minuti {
    display: inline-block;
    margin-top: 2px;
}

.lista-utenti label {
    max-width: 82%;
    overflow: clip;
    text-overflow: ellipsis;
    text-wrap: nowrap;
}

.mandatory {
    margin-right: 15px !important;
}

    .mandatory::after {
        color: #AAA;
        content: "\f069";
        font-family: FontAwesome;
        font-size: 1rem;
        margin-left: 5px;
        position: absolute;
    }

.modal-body {
    word-break: break-word;
}

    .modal-body .grid-container {
        word-break: initial;
    }

.mt-0 {
    margin-top: 0 !important;
}

.ml-0 {
    margin-right: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.modal {
    z-index: 1030;
}

.modal-backdrop {
    z-index: 1029;
}

@media (min-width: 768px) {
    .modal-lg {
        width: 738px;
    }
}

@media (min-width: 1200px) {
    .modal-lg {
        width: 1170px;
    }
}

@media (min-width: 1600px) {
    .modal-lg {
        width: 1570px;
    }
}

@media (max-width: 991px) {
    .navbar-nav > li > a {
        padding: 15px 3px;
    }
}

@media (max-width: 767px) {
    .navbar-nav > li > a {
        padding: 6px 0px;
        margin: 8px 0px 0px;
    }
}

.navbar {
    z-index: 1000;
}

.navbar-logo {
    margin-right: 15px;
}

.navbar-toggle .icon-bar {
    background-color: rgb(51,51,51);
}

.new-badge {
    background-color: #F27900;
    border-radius: 8px;
    display: inline-block;
    height: 8px;
    min-width: 8px;
    padding: 4px;
    position: absolute;
}

.no-wrap {
    white-space: nowrap !important;
}

.password-reminder {
    background: #ffffc1;
    border: 1px solid #CEC65E;
    bottom: 26px;
    color: #666;
    font-size: 12px;
    left: 20px;
    padding: 4px 20px;
    position: fixed;
    z-index: 4;
}

.record-count {
    left: 50%;
    margin-top: 5px;
    margin-left: -75px;
    position: absolute;
    width: 150px;
}

.results tr {
    /* --- import log --- */
    height: initial;
}

    .results tr td {
        padding: 0 5px 0 0 !important;
    }

        .results tr td:first-child {
            text-align: right;
        }

.revisionato {
    background-color: #F3FFF3;
}

.sort-icon {
    font-size: 85%;
    margin-left: 2px;
}

.selectize-control.single {
    margin-bottom: -5px;
}

.selectize-control.multi {
    height: 24px;
    bottom: -7px;
    margin-top: -7px;
}

.selectize-dropdown {
    white-space: nowrap;
    min-width: 100%;
    width: auto !important;
}

.selectize-control.single .selectize-input:after {
    content: '\f078';
    font: normal normal normal 11px/1 FontAwesome;
    border-width: 0;
    margin-top: -6px;
    right: 15px;
}

.selectize-control.single .selectize-input.dropdown-active:after {
    content: '\f077';
    margin-top: -6px;
    border-width: 0;
}

.selectize-input {
    min-height: inherit;
}

    .selectize-input.focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: #e4e4e4;
    }

    .selectize-input, .selectize-dropdown, .selectize-dropdown-header, .selectize-dropdown.form-control, .selectize-input.dropdown-active {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

.selectize-control.multi .selectize-input.has-items {
    padding: 1px 2px 0 2px;
}

.selectize-control.value-error {
    background-color: inherit;
    border-color: inherit !important;
}

    .selectize-control.value-error .selectize-input {
        background-color: #FFCCC9;
        border-color: #FB7B7B !important;
    }

.selectize-control.multi .selectize-input > div {
    margin: 0px 1px 1px 0;
    padding: 0px 3px;
}

.selectize-dropdown-content .optgroup-header {
    font-size: inherit;
    font-weight: bold;
}

.tag-block {
    background: #efefef;
    border-radius: 3px;
    color: #333333;
    display: inline-block;
    margin: 0px 4px 1px 0;
    padding: 0px 3px;
}

.timbratura {
    border: 1px solid #DDDDDD; /* border color2 */
    border-radius: 2px;
    display: inline-block;
    padding: 3px 6px;
    margin: 1px;
}

.tooltip-inner {
    white-space: pre-wrap;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    max-width: 300px;
    text-align: left;
}

.ts {
    font-variant-numeric: tabular-nums;
}

.value-error {
    background-color: #FFCCC9 !important;
    border-color: #FB7B7B !important;
}

.well {
    border-color: #DDDDDD; /* border color2 */
    background-color: #FFF;
    -webkit-box-shadow: none;
    border-left: none;
    border-right: none;
    box-shadow: none;
    margin-bottom: 10px;
}

    .well .selectize-control .selectize-input {
        min-width: 158px;
    }

    .well .selectize-control.single {
        display: inline-grid;
    }

    .well .selectize-control.multi {
        display: inline-block;
    }

.well-sm {
    padding: 5px;
    margin-left: 0;
    margin-right: 0;
}

    .well-sm.small .criteria {
        margin: 2px;
    }

        .well-sm.small .criteria select {
            max-width: 260px;
        }

        .well-sm.small .criteria .btn {
            margin-top: -2px;
            padding: 0 4px;
        }

.attivita {
    background-color: #FCFCFC;
    border: 1px solid #DDDDDD; /* border color2 */
    overflow: auto;
    padding: 5px 8px;
    margin-bottom: 5px;
}

.width-1px {
    width: 1px !important;
}

/* ------------------- Login */
.form-logo {
    display: block;
    margin: 20px auto;
}

.form-wrap {
    border: 1px solid #E3E3E3; /* color2 light */
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2),inset 1px 1px 1px rgba(225,225,225,0.1), 1px 0 0 rgba(225,225,225,0.1);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2),inset 1px 1px 1px rgba(225,225,225,0.1), 1px 0 0 rgba(225,225,225,0.1);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2), inset 1px 1px 1px rgba(225,225,225,0.1), 1px 0 0 rgba(225,225,225,0.1);
    margin-top: 100px;
}

@media (max-width: 768px) {
    .form-wrap {
        margin-top: -45px;
    }
}

.form-wrap input[type="text"], .form-wrap input[type="password"], .form-wrap input[type="submit"], .form-wrap select {
    width: 100%;
    margin-bottom: 10px;
}
/* ------------------- end Login */

/* Fixes for IE < 8 */
@media screen\9 {
    .fileinput-button input {
        filter: alpha(opacity=0);
        font-size: 100%;
        height: 100%;
    }
}

.home-item {
    background-color: #FCFCFC;
    display: block;
    margin-top: 20px;
    padding: 5px 15px;
    text-align: inherit;
    white-space: inherit;
    height: 170px;
    transform: scale(1);
}

a.home-item:hover {
    background-color: #FFF;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    transform: scale(1.02);
}

a.home-item:active, a.home-item:focus {
    background-color: #FFF;
}

    a.home-item:active:focus {
        background-color: #FFF;
        transform: scale(1);
    }

a.home-item .last-update {
    font-size: 80%;
    margin-bottom: 5px;
}

a.home-item .sub-title {
    height: 90px;
    font-size: 16px; /*background-color: Lime;*/
}

a.home-item .sub-title-cropped {
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    margin-bottom: 5px;
    font-size: 16px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 25px; /* Fallback for non-webkit */
    -webkit-line-clamp: 1; /*background-color: Fuchsia;*/
}

.home-item .body {
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    height: 60px; /* Fallback for non-webkit */
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; /*background-color:Red;*/
}

    .home-item .body p {
        margin: 0;
    }

.home-item.one-line {
    height: auto;
}

.photo-frame {
    border: 1px solid #ccc;
    margin-bottom: 5px;
    padding: 5px;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

.read-only .files {
    margin-left: 0;
}

.progress {
    margin-bottom: 0;
}

.star-left {
    position: absolute;
    top: 0;
    margin-left: -22px;
    width: 22px;
}

.star-right {
    position: absolute;
    bottom: 0;
    width: 22px;
}

.thumb-frame {
    background-color: #FFF;
    display: block;
    border: 1px solid #CCC;
    margin: -5px;
    width: 120px;
    height: 120px;
}

.thumb-photo {
    max-height: 100%;
    max-width: 100%;
}

@media (min-width: 2560px) {
    td.visible-xxl, th.visible-xxl {
        display: table-cell !important;
    }
}

.welcome-frame {
    margin: 50px 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

.photo {
    height: 200px;
}

@media (max-width: 400px) {
    body, .dropdown-menu {
        font-size: 10px;
    }

    h1 {
        font-size: 28px;
    }

    h3, .control-title {
        font-size: 18px;
    }

    h4, .dropdown-menu-large .dropdown-header {
        font-size: 14px !important;
    }

    .btn {
        font-size: 10px;
        min-width: 60px;
        padding: 5px 10px;
    }

    .btn-control {
        height: 26px;
        min-width: 26px;
    }

    .home-item {
        height: 140px;
    }

        .home-item .body {
            height: 43px;
        }

    a.home-item .sub-title {
        height: 68px;
        font-size: 12px;
    }

    a.home-item .sub-title-cropped {
        font-size: 12px;
        height: 15px;
    }

    .mcContentWrapper {
        /*font-size: 10px;*/
    }

    .password-reminder {
        bottom: 5px;
        left: 5px;
        font-size: 10px;
        right: 5px;
    }
}
/* ------------------- end Default */
@media print {
    .btn, .fa, .modal, .no-print, .well {
        display: none;
    }
}