/*----------------------validazioni --------------------------------*/
.field-validation-error {
    color: #b94a48;
    display: inline-block;
    *display: inline;
    padding-left: 5px;
    vertical-align: middle;
    *zoom: 1;
}

.field-validation-valid {
    display: none;
}

input-validation-error {
    border: 1px solid #ff0000;
    background-color: var(--app-component-bg);
    color: #b94a48;
    border-color: #b94a48;
}

.input-validation-error:focus {
    border-color: #953b39;
    -webkit-box-shadow: 0 0 6px #d59392;
    -moz-box-shadow: 0 0 6px #d59392;
    box-shadow: 0 0 6px #d59392;
}

.validation-summary-errors {
    font-weight: bold;
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

/* ISSUE TRACKER */
.issue-tracker .btn-link {
    color: #1ab394;
}

table.issue-tracker tbody tr td {
    vertical-align: middle;
    height: 50px;
}

.issue-info {
    width: 50%;
}

    .issue-info a {
        font-weight: 600;
        color: #676a6c;
    }

    .issue-info small {
        display: block;
    }

/*----------------------SPINNER START--------------------------------*/

.overlay {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background: #222;
    opacity: 0.4;
}

.overlay__inner {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.overlay__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.spinner {
    width: 100px;
    height: 100px;
    display: inline-block;
    animation: spin 1s infinite linear;
    border-radius: 100%;
    /*border: 10px solid #f3f3f3;*/
    border-top: 10px solid #1ab394;
    border-style: solid;
}




@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/*----------------------SPINNER END--------------------------------*/

/**Modal grande ***/
.modal-dialog {
    width: 90% !important;
    height: 90% !important;
    max-width: none !important;
}

.modal-content {
    height: auto !important;
    min-height: 90% !important;
    width: auto;
    border-radius: 0 !important;
    background-color: var(--bs-body-bg);
    /* background-color: #ececec !important;*/ /*remove to apply dark-mode*/
}

.modal-header {
    border-bottom: 1px solid #9ea2a2 !important;
}

.modal-footer {
    border-top: 1px solid #9ea2a2 !important;
}





.border-primary {
    border-color: #3A3F44 !important;
}

.border-secondary {
    border-color: #7A8288 !important;
}

.border-success {
    border-color: #62c462 !important;
}

.border-info {
    border-color: #5bc0de !important;
}

.border-warning {
    border-color: #f89406 !important;
}

.border-danger {
    border-color: #ee5f5b !important;
}

.border-light {
    border-color: #e9ecef !important;
}

.border-dark {
    border-color: #272B30 !important;
}

.border-navy {
    border-color: #1ab394 !important;
}

.badge-navy {
    background-color: #1ab394 !important;
}

.borderSolid {
    border-style: solid !important;
}

.iboxTitle {
    padding: 15px 5px 10px 5px;
}


/*** radio box*/
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -20px;
}

.radio + .radio,
.checkbox + .checkbox {
    margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
}

    .radio-inline + .radio-inline,
    .checkbox-inline + .checkbox-inline {
        margin-top: 0;
        margin-left: 10px;
    }

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed;
}

.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
}

.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed;
}

.radio {
    padding-left: 20px;
}

    .radio label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px;
    }

        .radio label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #cccccc;
            border-radius: 50%;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out;
            transition: border 0.15s ease-in-out;
        }

        .radio label::after {
            display: inline-block;
            position: absolute;
            content: " ";
            width: 11px;
            height: 11px;
            left: 3px;
            top: 3px;
            margin-left: -20px;
            border-radius: 50%;
            background-color: #555555;
            -webkit-transform: scale(0, 0);
            -ms-transform: scale(0, 0);
            -o-transform: scale(0, 0);
            transform: scale(0, 0);
            -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
        }

    .radio input[type="radio"] {
        opacity: 0;
        z-index: 1;
    }

        .radio input[type="radio"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .radio input[type="radio"]:checked + label::after {
            -webkit-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            -o-transform: scale(1, 1);
            transform: scale(1, 1);
        }

        .radio input[type="radio"]:disabled + label {
            opacity: 0.65;
        }

            .radio input[type="radio"]:disabled + label::before {
                cursor: not-allowed;
            }

    .radio.radio-inline {
        margin-top: 0;
    }

.radio-primary input[type="radio"] + label::after {
    background-color: #337ab7;
}

.radio-primary input[type="radio"]:checked + label::before {
    border-color: #337ab7;
}

.radio-primary input[type="radio"]:checked + label::after {
    background-color: #337ab7;
}

.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de;
}

.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e;
}

.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c;
}

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
    font-family: 'FontAwesome';
    content: "\f00c";
}

input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
    color: #fff;
}

input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
    color: #fff;
}

.radio.radio-sm label::before {
    width: 30px;
    height: 30px;
    top: -13px;
}

.radio.radio-sm label::after {
    width: 22px;
    height: 22px;
    padding-left: 4px;
    font-size: 20px;
    left: 4px;
    top: -9px;
}

.radio.radio-sm label {
    padding-left: 18px;
    top: 13px;
}

.radio.radio-md label::before {
    width: 34px;
    height: 34px;
    top: -17px;
}

.radio.radio-md label::after {
    width: 26px;
    height: 26px;
    padding-left: 4px;
    font-size: 24px;
    left: 4px;
    top: -13px;
}

.radio.radio-md label {
    padding-left: 22px;
    top: 17px;
}

.radio.radio-lg label::before {
    width: 46px;
    height: 46px;
    top: -28px;
}

.radio.radio-lg label::after {
    width: 36px;
    height: 36px;
    padding-left: 4px;
    font-size: 36px;
    left: 5px;
    top: -23px;
}

.radio.radio-lg label {
    padding-left: 34px;
    top: 32px;
}


/*** radio box end*/


.mybtnclass {
    border-color: #1c84c6;
}

    .mybtnclass:hover {
        background-color: #1c84c6;
        color: white !important;
    }

.inbox-cc-bcc {
    color: gray;
    margin-top: 5px;
    margin-left: 5px;
}

    .inbox-cc-bcc:hover {
        text-decoration: underline;
        cursor: pointer;
    }


.BozzaButton {
    background-color: white;
    color: gray;
}

    .BozzaButton:hover {
        background-color: #23c6c8;
        color: #fff;
    }

/*no wrap*/
.wraplbl {
    white-space: nowrap;
}

.wordWraplbl {
    word-wrap: normal
}
/*
#IF_Modal {
    overflow-x: hidden;
}
*/

.tabulator-row,
.tabulator-selectable,
.tabulator-cell,
.tabulator-row-even {
    padding-right: 0 !important;
}

/*#sortable_table,*/
.tabulator-row,
.tabulator-col,
.tabulator-selectable,
.tabulator-row-even,
.tabulator-header,
.tabulator-cell {
    border: none !important;
}

.pace {
    display: none !important;
}

.app-header.app-header-inverse .navbar-nav > li > .navbar-item > .navbar-link {
    color: #fff;
}

#indiceRigheNavbar::placeholder {
    opacity: 0.8;
    font-weight: normal;
}


.app-sidebar-minified:not(.app-without-sidebar) .app-sidebar:not(.app-sidebar-end) .menu > .menu-item > #logoutForm .menu-link .logout-text {
    display: none !important;
}

.icon-easyautocomplete {
    font-size: 1.625rem !important;
    text-align: center !important;
    display: inline-block;
    width: 42px;
    vertical-align: middle;
}