:root {
    --companystatus1: #8bc34a;
    --companystatus2: #d33;
    --companystatus3: #ddd;
    --companystatus4: #f0ad4e;
    --companystatus5: #00bcd4;
    --companystatus6: #900000;
    --white: #fff;
    --red: #d33;
    --umana: #e30613;
    --umana-rgb: 227,6,19;
}

@-moz-document url-prefix() {
    fieldset {
        display: table-cell;
    }
}

/* STEP RESPONSIVE BOOTSTRAP
@media(max-width:767px){}
@media(min-width:768px) and (max-width:991px){}
@media(min-width:992px) and (max-width:1199px){}
@media(min-width:1200px){}
*/

.maintenancemode {
    border: 1px solid var(--red);
    color: var(--red);
    font-family: monospace;
    letter-spacing: 0.03em;
    display: inline-block;
    margin-top: -1px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

    .maintenancemode span {
        display: inline-block;
        padding: 6px 12px;
    }
    
    .maintenancemode span:last-child {
        border-left: 1px solid var(--red);
    }

.btn {
    transition: all 0.2s ease-in-out;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none !important;
    outline-width: 0 !important;
    outline-style: none;
}

.btn-wa {
    color: #128C7E;
    background-color: white;
}

.swal2-container .swal2-confirm:focus-visible,
.swal2-container .swal2-cancel:focus-visible {
    outline: none !important;
    outline-width: 0 !important;
    outline-style: none;
}

input:focus, select:focus, textarea:focus,
input:active, select:active, textarea:active {
    outline: none !important;
    outline-width: 0 !important;
    outline-style: none;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.input-group-addon.nowidth {
    width:0;
    border:none;
    padding-left:0;
    padding-right:0;
}

select option[disabled] {
    background-color: #f5f5f5;
    color: #999;

}

.form-row {
    margin-right: -7px;
    margin-left: -7px;
}
.form-row > [class*="col-"] {
    padding-right: 7px;
    padding-left: 7px;
}

[data-type="chars-counter"] {
    float: right;
    position: relative;
    bottom: -8px;
    background-color: #eee;
    padding: .2em .6em .3em;
    font-size: 75%;
    line-height: 1;
    color: #555;
    text-align: center;
    white-space: nowrap;
    border-radius: .25em;
    border: 1px solid #CCC;
}

    [data-type="chars-counter"].warning {
        background-color: #fcf8e3;
    }

    [data-type="chars-counter"].danger {
        background-color: rgba(217, 83, 79, 0.15);
    }

.form-control {
    box-shadow: none;
}

    .form-control:focus {
        border-color: #555;
    }

.has-error .form-control:invalid,
.form-control.input-validation-error {
    border-left: 3px solid #a94442;
}

.has-error .form-control[type="text"]:invalid,
.has-error .form-control[type="number"]:invalid,
.form-control.input-validation-error {
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right .75rem/1.75rem 1.75rem no-repeat;
    padding-right: 3rem;
}

.form-control.custom-select:not([disabled]) {
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
    padding-right: 2.2rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-group-sm .form-control.custom-select:not([disabled]) { line-height: inherit; }

.has-error .form-control.custom-select:invalid,
.form-control.custom-select.input-validation-error {
    border-left: 3px solid #a94442;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 2.2rem/1.75rem 1.75rem no-repeat;
    padding-right: 4rem;
}

.field-validation-error {
    font-size: 0.9em;
    line-height: 1.2em;
    color: var(--red);
    display: block;
    margin-top: 0.5em;
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.spinner {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    border: 0.25em solid #dc3545;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: .75s linear infinite spinner-border;
    animation: .75s linear infinite spinner-border;
}

.h-auto { height: auto; }

body {
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding-top: 51px;
    overflow-x: hidden;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    min-height: calc(100vh - 51px - 115px);
    padding-bottom: 2rem;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt { white-space: normal; }

.b-0, table.b-0 > tbody > tr > td, table.b-0 > tbody > tr > th, table.b-0 > tr > td, table.b-0 > tr > th { border: 0; }
.by-0 { border-top: 0; border-bottom: 0; }
.bx-0 { border-left: 0; border-right: 0; }
.bt-0, .table.ftd-bt-0 tr:first-child > td { border-top: 0; }

.alert-muted {
    background-color: #eee;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
}

.bg-active { background-color: #eee; }
.bg-white, .bg-white[readonly], .bg-white[disabled] { background-color: #fff; }
.bg-lgray { background-color: #f5f5f5; }
.bg-dots { position:relative; }
    .bg-dots::before {
        content: "";
        background-image: url('images/dots.png');
        opacity: 0.05;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.d-none { display: none !important; }
.d-block { display: block !important; }
.d-inline-block { display: inline-block; }

.text-white { color: #fff; }
.text-dark { color: #000; }

.lh-1 { line-height: 1; }
.p-relative { position: relative; }

.label-outline-default {
    border: 1px solid #777;
    color: #777;
}

/* Stili per i STICKY footer */
.sticky {
    border-top: 1px solid #ddd;
    background-color: #f0f0f0;
    padding: 6px 0;
}
.sticky-static {
    position: relative;
}
.sticky-fixed {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    margin-bottom: 0;
    z-index: 1030;
}

.table.table-sticky thead {
    background: var(--white);
    position: sticky;
    top: 51px;
    box-shadow: 0 0 0 1px #ddd;
    z-index: 1000;
}

/* Grid */
.grid {
    display: grid;
    grid-gap: 25px;
}

    .grid.grid-mobile-1 { grid-template-columns: repeat(1,1fr); }
    .grid.grid-mobile-2 { grid-template-columns: repeat(2,1fr); }
    .grid.grid-mobile-3 { grid-template-columns: repeat(3,1fr); }
    .grid.grid-mobile-4 { grid-template-columns: repeat(4,1fr); }
    .grid.grid-mobile-5 { grid-template-columns: repeat(5,1fr); }

@media(min-width:768px) {
    .grid.grid-tablet-1 { grid-template-columns: repeat(1,1fr); }
    .grid.grid-tablet-2 { grid-template-columns: repeat(2,1fr); }
    .grid.grid-tablet-3 { grid-template-columns: repeat(3,1fr); }
    .grid.grid-tablet-4 { grid-template-columns: repeat(4,1fr); }
    .grid.grid-tablet-5 { grid-template-columns: repeat(5,1fr); }
}
@media(min-width:992px) {
    .grid.grid-2 { grid-template-columns: repeat(2,1fr); }
    .grid.grid-3 { grid-template-columns: repeat(3,1fr); }
    .grid.grid-4 { grid-template-columns: repeat(4,1fr); }
    .grid.grid-5 { grid-template-columns: repeat(5,1fr); }
}

/* Aumento la risoluzione di base del container */
@media(min-width:1366px) {
    .container { width: 1366px; }
}

.progress {
    margin: 5px 0 0;
    color: #000;
}

.progress-password {
    border-radius: 0;
    height: 3px;
    box-shadow: none;
    background: none;
    margin-top: -3px;
    margin-left: 40px;
    margin-right: 40px;
    position: relative;
    z-index: 5;
}

.disable,
.disable a,
.disable .glyphicon {
    color: #999999;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
    filter: gray;
}

.btn.nobkg { background:none; }
.btn.btn-white { background: #fff; border-color: #ccc; }
.btn-outline-primary { background-color: transparent; border: 1px solid #ccc; color: #ccc; }
.btn-outline-primary:hover { background-color: #888; border: 1px solid #888; color: #fff; }
.btn-reset { position: relative; min-width: 34px; text-shadow: none; box-shadow: none; }
    .btn-reset::before, .btn-reset::after { position: absolute; content: ""; top: 50%; left: 20%; width: 60%; height: 0px; border-top: 1px solid #555; }
    .btn-reset::before { transform: rotate(45deg); }
    .btn-reset::after { transform: rotate(135deg); }
    .btn-reset:hover::before, .btn-reset:hover::after { border-color: #fff; }

.btn-outline-default { color: #6c757d; border-color: #6c757d; }
    .btn-outline-default:hover, .btn-outline-default:focus { color: #fff; background-color: #6c757d; border-color: #6c757d; }
.btn-outline-success { color: #4cae4c; border-color: #4cae4c; }
    .btn-outline-success:hover, .btn-outline-success:focus { color: #fff; background-color: #4cae4c; border-color: #4cae4c; }
.btn-outline-danger { color: var(--red); border-color: var(--red); }
    .btn-outline-danger:hover, .btn-outline-danger:focus { color: #fff; background-color: var(--red); border-color: var(--red); }


/*
    Pulsanti grafici TRUE/FALSE - visibile qui /it/Quote/List/4235
*/
.btn-truefalse {
    overflow: hidden;
}

.btn-truefalse .btn {
    color: #888;
    min-width: 52px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.03em;
    transition: all 0.3s ease;
}

    .btn-truefalse .btn:hover {
        font-weight: 700;
        transition: all 0.1s ease;
    }

.btn-truefalse .btn::after {
    content: "";
    display: block;
    position: absolute;
    width: 58px;
    height: 100%;
    left: 0;
    top: 0;
    transition: opacity 0.1s ease;
    opacity: 0;
    z-index: 1;
}

.btn-truefalse .btn:first-child::after {
    border-top: 28px solid #5cb85c;
    right: -8px;
    border-right: 16px solid #fff;
}

.btn-truefalse .btn:last-child::after {
    left: -8px;
    border-bottom: 28px solid #888;
    border-left: 16px solid #fff;
}

.btn-truefalse .btn:first-child:hover span,
.btn-truefalse .btn:last-child:hover span {
    position: relative;
    z-index: 2;
    color: #fff;
}

.btn-truefalse .btn:first-child:hover::after,
.btn-truefalse .btn:last-child:hover::after {
    opacity: 1;
    z-index: 1;
}

/* START - Gruppo pulsanti con OUTLINE */
.btn-group-outline {
    border: 1px solid var(--red);
    border-radius: 4px;
    background-color: #fff;
}

    .btn-group-outline .glp {
        top: inherit;
        display: inline-block;
        padding: 6px 6px;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.42857143;
        color: #fff;
        background-color: var(--red);
    }

    .btn-group-outline .btn {
        border: none;
        border-radius: 0;
        min-width: 60px;
    }

    .btn-group-outline .btn:hover {
        background-color: var(--red);
        color: #fff;
    }

/* END - Gruppo pulsanti con OUTLINE */

.vmiddle,
.table > tbody > tr > td.vmiddle {
    vertical-align: middle;
}

.tooltip {
    font-size:11px;
    line-height:1.2em;
}
.tooltip-inner {
    max-width:230px;
}
    .tooltip.in {
        opacity: 1;
    }
    
    .tooltip b {
        color: #fa0;
        font-weight: normal;
        background-color: #555;
        padding-left: 4px;
        padding-right: 4px;
        border-radius: 2px;
        font-family: 'Courier New';
    }

.form-switch {
    display: inline-block;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

    .form-switch i {
        position: relative;
        display: inline-block;
        width: 46px;
        height: 16px;
        vertical-align: text-bottom;
        background-color: #e6e6e6;
        border-radius: 23px;
        border: 1px solid #ccc;
        margin-right: 10px;
        transition: all 0.1s ease;
    }

        .form-switch i::after {
            content: "";
            position: absolute;
            left: -1px;
            top: -4px;
            width: 22px;
            height: 22px;
            background-color: #fff;
            border-radius: 11px;
            border: 1px solid #ccc;
            transition: left 0.1s ease;
        }

    .form-switch input:checked + i {
        background-color: #d9534f;
        border-color: #a33;
    }

    .form-switch input:checked + i::after {
        left: 24px;
        border-color: #bbb;
    }

.radio-switch {
    display: flex;
}

    .radio-switch input {
        position: absolute !important;
        height: 1px;
        width: 1px;
        border: none;
        overflow: hidden;
        z-index: 0;
    }

    .radio-switch label {
        width: auto;
        min-width: 50px;
        cursor: pointer;
        font-weight: normal;
        text-align: center;
        position: relative;
        z-index: 1;
    }

    .radio-switch input:checked + label {
        color: #fff;
        font-weight: 600;
        background-color: #AAA;
        border-color: #AAA;
    }

    .radio-switch label:first-of-type {
        border-radius: 4px 0 0 4px;
        border-right-width: 0;
    }

    .radio-switch label:last-of-type {
        border-radius: 0 4px 4px 0;
        border-left-width: 0;
    }


/* ***** STILI PER [input="file"] GENERICO ***** */
input[type="file"] {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    padding-left: initial;
    cursor: pointer;
} 

    input[type="file"]::-webkit-file-upload-button,
    input[type="file"]::file-selector-button {
        position: relative;
        color: #ffffff;
        background-color: var(--red);
        border: none;
        padding-left: 0.75em;
        padding-right: 0.75em;
    }

input.input-sm[type="file"]::-webkit-file-upload-button,
input.input-sm[type="file"]::file-selector-button {
    font-size: 0.9em;
    line-height: 1.7;
    padding-top: 5px;
    padding-bottom: 5px;
}   

/* ***** Stili per menu principale */
.navbar-brand,
th,
h1, h2, h3, h4, h5, h6 {
    font-family: "Raleway", sans-serif;
    font-weight: 500;
}

.navbar-inverse {
    background-color: var(--red);
    border-bottom: 1px solid #c33;
    color: #fff;
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
    color: #FFF;
    font-size: 16px;
    font-weight: 300;
}

    .navbar-inverse .navbar-brand > i {
        margin-top: -0.2em;
        position: absolute;
    }

    .navbar-inverse .navbar-brand > font {
        padding-left: 40px;
        font-weight: 600;
    }

.navbar-inverse .navbar-nav .glyphicon {
    margin-right: 4px;
}

.navbar-inverse .sep > a {
    width: 0;
    padding-left: 0;
    padding-right: 0;
    border-right: 1px solid #b33;
}

.navbar-inverse .lng-menu > a {
    padding: 9px 5px;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > li > a.sel,
.navbar-inverse .navbar-nav > li > a.bc {
    background-color: #c33;
}

.panel-title {
    font-size: 18px;
}

/* Menu responsive */
.navbar-inverse .navbar-toggle { border:none; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #c33;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #c33;
}

@media(max-width:767px) {
    .navbar-nav {
        margin: 0;
        text-align: center;
    }

    .navbar-inverse .sep {
        height: 0px;
        border-top: 1px solid #c33;
    }

        .navbar-inverse .sep > a {
            display: none;
        }

    .navbar-inverse .lng-menu {
        display: inline-block;
    }

    .navbar-inverse .open .dropdown-menu {
        text-align: center;
        background-color: #b33;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #c33;
        margin: 4px 0 0 0;
    }
}
    
/*PAGINATION*/
.pointer {
    cursor: pointer;
}

.pagination > li > a,
.pagination > li > span,
a, a:active, a:focus,
.panel .panel-title a,
.pointer {
    color: var(--red);
    text-decoration: none;
}

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

    .pagination > li > a:hover,
    .pagination > li > span:hover,
    a:hover,
    .pointer:hover {
        color: #a02828;
        text-decoration: none;
    }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus,
    .btn-primary {
        background-color: var(--red);
        border-color: var(--red);
        color: #ffffff;
    }

    .btn-primary:hover,
    .btn-primary:focus {
        background-color: #a02828;
        border-color: #a02828;
    }

        .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus {
            background-color: #a02828;
            border-color: #a02828;
        }

.btn-info {
    background-color: rgb(48, 133, 214);
    border-color: rgb(48, 133, 214);
}

    .btn-info:hover,
    .btn-info:focus {
        background-color: rgb(43, 120, 193);
        border-color: rgb(43, 120, 193);
    }


/* BD-CALLOUT - from bootstrap 4 */
.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: 1px;
    border-left-color: rgb(238, 238, 238);
    border-left-width: .25rem;
    border-radius: .25rem;
}

.bd-callout-warning {
    border-left-color: #f0ad4e;
}

    .bd-callout-warning h4 {
        color: #f0ad4e;
    }

.bd-callout-success {
    border-left-color: #5cb85c;
}

    .bd-callout-success h4 {
        color: #5cb85c;
    }

.bd-callout-danger {
    border-left-color: #d9534f;
}

    .bd-callout-danger h4 {
        color: #d9534f;
    }

/*TABLE*/
.table td {
    /*font-size: 0.9em;*/
}


.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
    background: #555 !important;
    border-radius: 0;
}

.cancel {
    text-decoration: line-through;
}

/*Modal*/
.modal {
    text-align: center;
    /*padding: 0 !important;*/
}

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal-header {
    background-color: #f5f5f5;
    color: #333;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.ui-dialog .ui-dialog-content {
    overflow: hidden;
}

.modal-danger { background-color: rgba(169,68,66,0.2); }
.modal-danger .modal-content .modal-header { color: #a94442; }

.modal-warning { background-color: rgba(240,173,78,0.2); }
.modal-warning .modal-content .modal-header { color: #8a6d3b; }


/* Breadcrumb */
.brdcnt {
    background-color: #f0f0f0;
}

.breadcrumb > li + li::before {
    color: #c33;
}

.breadcrumb {
    font-size: 10px;
    color: #c33;
    background: none;
    padding: 4px 0 4px 0;
    margin-bottom: 0;
    text-transform: uppercase;
}


/* Aggiunta stili */
.bs-callout {
    padding: 6px 12px;
    margin: 20px 0;
    border: 1px solid #ddd;
    border-left-color: rgb(238, 238, 238);
    border-left-width: 1px;
    border-left-width: 5px;
    border-radius: 3px;
    font-size:12px;
}

.bs-callout-danger { border-left-color: #ce4844; }
.bs-callout-danger h4 { color: #ce4844; }
.bs-callout-info { border-left-color: #1b809e; }
.bs-callout-info h4 { color: #1b809e; }
.bs-callout-warning { border-left-color: #aa6708; }
.bs-callout-warning h4 { color: #aa6708; }
.bs-callout-success { border-left-color: #5cb85c; }
.bs-callout-success h4 { color: #5cb85c; }

/* ***** Login ***** */
.pageurl-ptuserlogin body,
.pageurl-ituserlogin body {
    background-image: url("/Content/Images/login-bkg.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.form-login {
    margin-top: 15vh;
    padding: 1em 3em;
    
    background-color: rgba(255,255,255,0.7);
    box-shadow: 0px 0px 10px 0px #ddd;
    border-radius: 10px;
}

    .form-login h1 {
        color: var(--red);
        font-size: 1.8em;
        font-weight: 600;
        margin-bottom: 1em;
        margin-top: 1em;
    }

.form-login input[type="submit"]{
    min-width:100px;
}

.form-login .validation-summary-errors ul {
    margin: 0;
    list-style: none;
    padding: 6px;
}


/*Details Table*/
.panel .panel-heading .txt {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 14px;
    line-height: 42px;
    padding-left: 5px;
    padding-right: 15px;
    background-color: transparent;
}

    .panel .panel-heading .txt::before {
        content: "";
        position: absolute;
        display: block;
        top: -4px;
        bottom: -4px;
        left: -16px;
        border-left: 1px solid #ddd;
        transform: rotate(35deg);
    }

    .panel .panel-heading .txt::after {
        content: "";
        position: absolute;
        left: -29px;
        border-right: 29px solid transparent;
        border-top: 41px solid transparent;
    }


.panel-red {
    border: 1px solid #ebb;
}

    .panel-red > .panel-heading {
        background-color: #fff5f5;
        border-color: rgba(238, 0, 0, 0.3);
    }

    .panel-red > .panel-body + .panel-body {
        border-top: 1px solid rgba(238, 0, 0, 0.3);
    }

.panel-blue {
    border: 1px solid rgba(63, 81, 181, 0.4);
}

    .panel-blue > .panel-heading {
        background-color: rgba(63, 81, 181, 0.1);
        border-color: rgba(63, 81, 181, 0.4);
    }

.panel-green {
    border: 1px solid rgba(139, 195, 74, 0.4);
}

    .panel-green > .panel-heading {
        background-color: rgba(139, 195, 74, 0.1);
        border-color: rgba(139, 195, 74, 0.4);
    }

.panel .panel-inline {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 15px;
    line-height: 2;
    margin-top: -1.2em;
    background: #fff;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 4px;
}

.panel.panel-default .panel-inline {
    border: 1px solid #ddd;
}

.panel.panel-blue .panel-inline {
    color: rgba(63, 81, 181, 0.8);
    border: 1px solid rgba(63, 81, 181, 0.4);
}

.panel.panel-red .panel-inline {
    color: rgba(238, 0, 0, 0.6);
    border: 1px solid rgba(238, 0, 0, 0.3);
}

.details-striped .row:nth-of-type(2n+1) {
    background-color: #f9f9f9;
}

.panel.panel-umana {
    border: 1px solid var(--umana);
}
    .panel.panel-umana > .panel-heading {
        background-color: var(--white);
        color: var(--umana);
        border-color: var(--umana);
    }

    .panel.panel-umana .panel-heading .txt {
        letter-spacing: 0.03em;
        color: var(--umana);
        background-color: transparent;
    }

        .panel.panel-umana .panel-heading .txt::before {
            border-left: 1px solid var(--umana);
        }

        .panel.panel-umana .panel-heading .txt::after {
            border-right: 29px solid transparent;
            border-top: 41px solid transparent;
        }

/* Home Page */
.user-selector {
    margin-top: 20px
}

.calendar {
    margin-top: 10px
}

/* Ricerca Aziende */
.btnFilters {
    display: inline-block;
    border-radius: 4px;
    font-size: 13px;
    padding: 0;
    margin: 0;
}


.btnFilters > li {
    display:inline;
}

    .btnFilters > li > a {
        position: relative;
        float: left;
        padding: 6px 12px;
        border: 1px solid #ddd;
        border-left-width: 3px;
        color: #333;
        border-radius: 4px;
        margin-left: 0.5rem;
        background-color: var(--white);
    }

        .btnFilters > li > a[data-value="1"] {
            margin-left: 1rem;
            border-color: var(--companystatus1);
        }

        .btnFilters > li > a[data-value="2"] {
            margin-left: 1rem;
            border-color: var(--companystatus2);
        }

        .btnFilters > li > a[data-value="3"] {
            border-color: var(--companystatus3);
        }

        .btnFilters > li > a[data-value="4"] {
            border-color: var(--companystatus4);
        }

        .btnFilters > li > a[data-value="5"] {
            border-color: var(--companystatus5);
        }

        .btnFilters > li > a[data-value="6"] {
            border-color: var(--companystatus6);
        }

@media(max-width:767px) {
    .btnFilters.pull-right { display: inline-block; margin-top: 0; margin-bottom: 6px; width: 100%; }
    .btnFilters > li > a { padding: 8px 8px; margin: 0px 4px 0px 0px; border-radius: 0px; font-size: 10px; text-transform: uppercase; }
}
    

#frm-search, #grdCompany { }

    #frm-search, #grdCompany .th_cpyaddress {
        font-size: 0.9em;
    }

    #frm-search, #grdCompany .th_activity {
        min-width: 210px;
        font-size: 0.9em;
    }

    #frm-search, #grdCompany .th_cpystatus {
        min-width: 105px;
        font-size: 0.9em;
    }

.th_cpystatus select, .th_cpystatus .btn {
    padding: 2px 2px;
    font-size: 12px;
    height: 25px;
    border-radius: 1px;
    box-shadow: none;
}
.th_cpystatus .btn {
    padding-left:6px;
    padding-right:6px;
    font-size:14px;
    color:#555;
    background-color:#fff;
}

.th_cpystatus select:focus, .th_cpystatus select:active {
    -moz-outline: none;
    -moz-outline-style: none;
    outline: none;
    box-shadow: none;
    border: 1px solid #ccc;
}

@media(max-width:767px) {
    #frm-search { margin-bottom: 30px; }
    #grdCompany { margin-bottom: 60px; }

    #grdCompany {
        table-layout:fixed;
        border:none;
    }
    
    #grdCompany thead { display:none; }

    #grdCompany tbody {}
        
        #grdCompany tbody tr {
            display: block;
            border: 1px solid #ddd;
            margin-bottom:10px;
        }

            #grdCompany tbody tr.warning {
                background-color: #fcf8e3;
            }

        #grdCompany tbody td {
            
            border-top:none;
            padding-top:0;
            padding-bottom:0;
        }

        #grdCompany tbody .th_cpyname {
            padding-top: 10px;
            padding-bottom:6px;
            display:block;
            width:100%;
        }

            #grdCompany tbody .th_cpyname .businessname {
                font-size: 1.1em;
                white-space: pre;
                overflow: hidden;
                display: block;
                font-weight: 600;
            }

            #grdCompany tbody .th_cpyname .name {
                line-height: 1em;
                font-weight: 600;
                white-space: pre;
                overflow: hidden;
                display: block;
            }

        #grdCompany tbody .th_cpystatus {
            display: inline-block;
        }

        #grdCompany tbody .th_cpyaddress {
            display: inline-block;
            white-space: nowrap;
            overflow: hidden;
            width: 62%;
            width: calc(100vw - 142px);
        }

        #grdCompany tbody .th_activity {
            display: inline-block;
            width: 100%;
            padding-bottom: 10px;
            padding-top: 2px;
        }

        #grdCompany tbody .th_activity div {
            display:inline;
        }

            #grdCompany tbody .th_activity div:first-child::after {
                content: "\A0\A0\203A\A0";
            }

    #grdCompany tfoot {
        display: none;
    }

    #frm-search > .form-group {
        margin-bottom: 6px;
    }
}

@media(min-width:768px) and (max-width:991px) {
    #frm-search {
        margin-bottom: 30px;
    }

    #grdCompany {
        margin-bottom: 60px;
    }

    #grdCompany {
        table-layout: fixed;
        border: none;
    }

        #grdCompany thead {
            display: none;
        }

        #grdCompany tbody {
        }

            #grdCompany tbody tr {
                position: relative;
                display: inline-block;
                width: 49.0%;
                float: left;
                border: 1px solid #ddd;
                margin-bottom: 2%;
                margin-right: 2%;
                vertical-align: top;
                padding-top: 10px;
                padding-bottom: 10px;
                min-height: 100px;
            }

            #grdCompany tbody tr:nth-child(even) {
                margin-right: 0;
            }

                #grdCompany tbody tr.warning {
                    background-color: #fcf8e3;
                }

            #grdCompany tbody td {
                display: block;
                border-top: none;
                padding-top: 0;
                padding-bottom: 0;
            }

            #grdCompany tbody .th_cpyname {
                padding-bottom: 6px;
            }

                #grdCompany tbody .th_cpyname .businessname {
                    font-size: 1.1em;
                    white-space: pre;
                    overflow: hidden;
                    display: block;
                    font-weight: 600;
                }

                #grdCompany tbody .th_cpyname .name {
                    line-height: 1em;
                    font-weight: 600;
                    white-space: pre;
                    overflow: hidden;
                    display: block;
                }

            #grdCompany tbody .th_cpystatus {
                min-width: inherit;
                position: absolute;
                right: -1px;
                top: -1px;
                background-color: #fff;
                border-left: 1px solid #ccc;
                border-bottom: 1px solid #ccc;
                padding: 5px 8px;
                font-size: 10px;
                text-transform: uppercase;
                line-height: 16px;
            }
            
            #grdCompany tbody .th_activity {
                padding-top: 2px;
            }

                #grdCompany tbody .th_activity div {
                    display: inline;
                }

                    #grdCompany tbody .th_activity div:first-child::after {
                        content: "\A0\A0\203A\A0";
                    }

        #grdCompany tfoot {
            display: none;
        }

}

/* Edit Company */
#frm-company #ConsultaCNPJ, #frm-company-address #ConsultaCNPJ {
    color: #fff;
    border: 1px solid #003772;
    background-color: #003772;
}
    #frm-company #ConsultaCNPJ[disabled], #frm-company-address #ConsultaCNPJ[disabled] {
        color: #AAA;
        border: 1px solid #555;
        background-color: #555;
        opacity: 1;
    }

#frm-company .WaitConsultaCNPJ, #frm-company-address .WaitConsultaCNPJ {
    border: 1px solid #003772;
    background-color: #003772;
    margin-left: 6px;
}

#frm-company .WaitConsultaCNPJ img, #frm-company-address .WaitConsultaCNPJ img {
    height: 17px;
    margin-right: 6px;
}

    #frm-company .WaitConsultaCNPJ .txt, #frm-company-address .WaitConsultaCNPJ .txt {
        color: #fff;
    }

/*Company Page*/
.btn-appointment-done {
    color: #bbb !important;
}

    .btn-appointment-done.success {
        color: #10750f !important;
    }

    .btn-appointment-done:hover {
        color: #a02828 !important;
    }

.more-info {
    display: none;
}

.btn-close-more-info {
    display: none;
}

/*Expired Appointments Page*/
.expired-oppointments {
    margin-top: 30px;
}

    .expired-oppointments h4 {
        margin: 0 0 5px 0;
        padding: 10px;
        background-color: #666;
        color: #FFF;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }


/* MDC FIX */
@media print {
    a[href]:after {content: none !important;}
    .col-print-1 {width:8%;float:left;}
    .col-print-2 {
        width: 16%;
        float: left;
    }
    .col-print-3 {
        width: 25%;
        float: left;
    }
    .col-print-4 {
        width: 33%;
        float: left;
    }

    .col-print-5 {
        width: 42%;
        float: left;
    }

    .col-print-6 {
        width: 50%;
        float: left;
    }

    .col-print-7 {
        width: 58%;
        float: left;
    }

    .col-print-8 {
        width: 66%;
        float: left;
    }

    .col-print-9 {
        width: 75%;
        float: left;
    }

    .col-print-10 {
        width: 83%;
        float: left;
    }

    .col-print-11 {
        width: 92%;
        float: left;
    }

    .col-print-12 {
        width: 100%;
        float: left;
    }

    .more-info {
        display: block !important;
    }
}

/* Glyphicon Spinner */
.gly-spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
    0% {-moz-transform: rotate(0deg);}
    100% {-moz-transform: rotate(359deg);}
}
@-webkit-keyframes spin {
    0% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(359deg);}
}
@-o-keyframes spin {
    0% {-o-transform: rotate(0deg);}
    100% {-o-transform: rotate(359deg);}
}
@keyframes spin {
    0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    100% {-webkit-transform: rotate(359deg);transform: rotate(359deg);}
}


/* Modifica pulsanti 22/10/2018 */
.btnCrm {
    padding: 4px;
    color: var(--red);
    text-decoration: none;
    cursor:pointer;
}

.btnCrm:hover {
    color: #a02828;
}

.giftImage {
    max-width:100px;
    max-height:100px;
}


/* ***** Gestione del calendario ***** */
/* *********************************** */

.fc-time-grid .fc-slats td {
    height: 1.7em;
}

.fc-scroller.fc-time-grid-container {
    min-height:700px;
}


.fc-event {
    min-height: 40px;
}

    .fc-event .fc-content {
        font-size: 10px;
        height: 100%;
        line-height: 1.2em;
        white-space: normal;
    }


    .fc-event .fc-content .cal_time {
        font-size: 8px;
        font-weight: 600;
    }

        .fc-event .fc-content .cal_time span {
            display: block;
            padding: 1px 4px;
            display: inline-block;
        }


        .fc-event .fc-content .cal_title {
            padding: 2px 4px 3px 4px;
            text-transform: uppercase;
            font-weight: 600;
            letter-spacing: -0.03em;
            display: inline-block;
            white-space: nowrap;
            max-width: calc(100% - 70px);
        }

        .fc-event .fc-content .cal_desc {
            padding: 0px 4px 0px 4px;
        }

            .fc-event .fc-content .cal_desc > b, .fc-event .fc-content .cal_desc > strong {
                font-weight:600;
            }

/* Gestione Stagionalità Azienda */
/* ***************************** */

[data-id="seasonality"] .cnt-month {
    margin-right: 6px;
    display: inline-block;
}

[data-id="seasonality"] .cnt-month .month {
    background-color: var(--red);
    text-transform: uppercase;
    font-size: 10px;
    color: #ffffff;
    line-height: 17px;
    display: inline-block;
    vertical-align: top;
    padding: 0 4px;
    border-radius: 3px;
    font-weight: 600;
    margin: 1px 0;
}

[data-id="seasonality"] .cnt-month .note {
    margin:0px 16px 0px 6px;
}

/* gestione Capo Area Commerciale */
.IsChiefCommArea th {
    background-color: #ddd;
}

/* Piedino fixed nella ricerca Aziende */
#frm-search .form-group .btn {
/*min-width: 72px;*/
}

.company-footer {}

    .company-footer .pagination {
        font-size: 13px;
        padding: 0;
        margin: 0;
    }


.badge-companystatus { }

    .badge-companystatus .icon {
        width: 20px;
        height: 20px;
        border: 5px solid #ccc;
        border-radius: 4px;
        vertical-align: sub;
    }

    .badge-companystatus.badge-companystatus-1 .icon { border-color: var(--companystatus1); }
    .badge-companystatus.badge-companystatus-2 .icon { border-color: var(--companystatus2); }
    .badge-companystatus.badge-companystatus-3 .icon { border-color: var(--companystatus3); }
    .badge-companystatus.badge-companystatus-4 .icon { border-color: var(--companystatus4); }
    .badge-companystatus.badge-companystatus-5 .icon { border-color: var(--companystatus5); }
    .badge-companystatus.badge-companystatus-6 .icon { border-color: var(--companystatus6); }

#CompanyDetails .panel {
    margin-bottom: 30px;
}
    #CompanyDetails .panel .panel-heading { position: relative; }

        #CompanyDetails .panel .panel-heading .btn-right {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            background-color: #fff;
            padding-top: 0;
            padding-bottom: 0;
            line-height: 42px;
            border-left: 1px solid #ddd;
        }

        .panel.panel-red .panel-heading .txt {
            background-color: rgba(238, 187, 187, 0.2);
        }

            .panel.panel-red .panel-heading .txt::before {
                border-left: 1px solid #ebb;
            }

            .panel.panel-red .panel-heading .txt::after {
                border-right: 29px solid rgba(238, 187, 187, 0.2);
                border-top: 41px solid transparent;
            }

.showmore {
    color: #dd3333;
    cursor: pointer;
    padding: 5px 15px;
    background-color: #fff;
}

.showmore:hover {
    background-color: #f0f0f0;
}

@media(max-width:767px) {
    .company-footer .pagination {
        font-size: 10px;
        margin: 4px 0 0px 0;
    }
}



/* ***** Pagina sposta aziende ***** */
/* ********************************* */
#CompaniesResult .panel-heading,
#CompaniesToMove .panel-heading {
    background-color: #fff;
    border: none;
    height: 70px;
}

    #CompaniesResult .panel-heading .info,
    #CompaniesToMove .panel-heading .info {
        font-size: 11px;
    }

#filters .input-group .dropdown-toggle {
    background-color: #fff;
}

#CompaniesResult td, #CompaniesToMove td {
    line-height: 1.1em;
}

#CompaniesResult input[type="checkbox"],
#CompaniesToMove input[type="checkbox"] {
    margin-bottom: 0px;
    margin-top: 0px;
    float: left;
}

#CompaniesResult .disable {
    background-color: #f5f5f5;
}

#CompaniesResult .disable input[type="checkbox"] {
    opacity: 0.5;
}

#CompaniesResult .CompanyStatus,
#CompaniesToMove .CompanyStatus,
#grdCompany .CompanyStatus {
    width: 14px;
    height: 14px;
    display: inline-block;
    float: left;
    margin-right: 8px;
    margin-top: 2px;
    border: 1px solid #ccc;
    background-color: #f5f5f5;
    border-radius: 2px;
}

    #CompaniesResult .CompanyStatus.CompanyStatus1,
    #CompaniesToMove .CompanyStatus.CompanyStatus1,
    #grdCompany .CompanyStatus.CompanyStatus1 {
        background-color: var(--companystatus1);
        border-color: var(--companystatus1);
    }

    #CompaniesResult .CompanyStatus.CompanyStatus2,
    #CompaniesToMove .CompanyStatus.CompanyStatus2,
    #grdCompany .CompanyStatus.CompanyStatus2 {
        background-color: var(--companystatus2);
        border-color: var(--companystatus2);
    }

    #CompaniesResult .CompanyStatus.CompanyStatus3,
    #CompaniesToMove .CompanyStatus.CompanyStatus3,
    #grdCompany .CompanyStatus.CompanyStatus3 {
        background-color: var(--companystatus3);
        border-color: var(--companystatus3);
    }

    #CompaniesResult .CompanyStatus.CompanyStatus4,
    #CompaniesToMove .CompanyStatus.CompanyStatus4,
    #grdCompany .CompanyStatus.CompanyStatus4 {
        background-color: var(--companystatus4);
        border-color: var(--companystatus4);
    }

    #CompaniesResult .CompanyStatus.CompanyStatus5,
    #CompaniesToMove .CompanyStatus.CompanyStatus5,
    #grdCompany .CompanyStatus.CompanyStatus5 {
        background-color: var(--companystatus5);
        border-color: var(--companystatus5);
    }

    #CompaniesResult .CompanyStatus.CompanyStatus6,
    #CompaniesToMove .CompanyStatus.CompanyStatus6,
    #grdCompany .CompanyStatus.CompanyStatus6 {
        background-color: var(--companystatus6);
        border-color: var(--companystatus6);
    }

#grdCompany .cpydisable {
    background-color: #f9f9f9;
}
    #grdCompany .cpydisable { color: #666; }
    #grdCompany .cpydisable .glyphicon, #grdCompany .cpydisable a { color: #666; }

#grdCompany tr {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

#grdCompany tr.grouped {
    border-left: 1px solid #c33;
    
}

#grdCompany tr.headquarters td:first-child {
    position:relative;
}

    #grdCompany tr.headquarters td:first-child::before {
        content: "";
        position: absolute;
        border-left: 14px solid #c33;
        border-bottom: 14px solid transparent;
        left: 0;
        top: 0;
        width: 0;
        height: 0;
    }

.movecompanies-footer {
    border-top: 1px solid #ddd;
    background-color: #f0f0f0;
}

    .movecompanies-footer span[data-type] {
        padding: 0 16px;
        border-left: 1px solid #ccc;
        line-height: 34px;
        display: inline-block;
    }



#MoveCompaniesLoading::before {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.1);
    z-index: 1040;
}

#MoveCompaniesLoadingText {
    position: absolute;
    z-index: 1050;
    display: block;
    left: 0;
    right: 0;
    top: 49%;
    width: 100%;
    line-height: 2%;
    font-size:1.5em;
}


/* Gestione pagina dei Log *
    /
#grdLog .logentity {
    max-width: 200px;
}*/

/* Gestione pagina dei Changelog */
.changelog ul {
    list-style-type: square;
}

.changelog ul li {
    margin-bottom:8px;
    line-height:1.2em;
    text-align:justify;
}

    .changelog ul li small {
        margin-top:2px;
        display:inline-block;
        line-height:1em;
    }

/* Gestione pagina Attività per persona */
.stat-container .table td {
    font-size:0.9em;
}

/* ----------------------------- */
/* CERCHIETTI CON LE PERCENTUALI */
.progress-circle {
    position: relative;
    width: 80px;
    height: 80px;
    background-color: #eeeeee;
    border-radius: 50%;
}

.progress-circle:after{
    border: none;
    position: absolute;
    top: 10px;
    left: 10px;
    text-align: center;
    display: block;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background-color: white;
    content: " ";
}
/* Text inside the control */
.progress-circle span {
    position: absolute;
    line-height: 80px;
    width: 80px;
    text-align: center;
    display: block;
    color: #555555;
    z-index: 2;
	font-size: 24px;
	font-weight: 700;
}
.left-half-clipper { 
   /* a round circle */
   border-radius: 50%;
   width: 80px;
   height: 80px;
   position: absolute; /* needed for clipping */
   clip: rect(0, 80px, 80px, 40px); /* clips the whole left half*/
}
/* when p>50, don't clip left half*/
.progress-circle.over50 .left-half-clipper {
   clip: rect(auto,auto,auto,auto);
}
.value-bar {
   /*This is an overlayed square, that is made round with the border radius,
   then it is cut to display only the left half, then rotated clockwise
   to escape the outer clipping path.*/
   position: absolute; /*needed for clipping*/
   clip: rect(0px, 40px, 80px, 0px);
   width: 80px;
   height: 80px;
   border-radius: 50%;
   border: 10px solid #555555; /*The border is 0.35 but making it larger removes visual artifacts */
    /* for debug */
   box-sizing: border-box;
}
/* Progress bar filling the whole right half for values above 50% */
.progress-circle.over50 .first50-bar {
   /*Progress bar for the first 50%, filling the whole right half*/
   position: absolute; /*needed for clipping*/
   clip: rect(0, 80px, 80px, 40px);
   background-color: #555555;
   border-radius: 50%;
   width: 80px;
   height: 80px;
}
.progress-circle:not(.over50) .first50-bar{ display: none; }

.progress-circle-container { text-align:center; display:inline-block; min-width:150px; }
.progress-circle-container .progress-circle-center {display:inline-block; position:relative; }

.progress-circle-container .text { font-size:0.9em; }
/*
.progress-circle-container .small { line-height:1.2em; font-size:12px; }
*/

.progress-circle.danger span { color:#de4438; }
.progress-circle.danger .first50-bar {background-color:#de4438;}
.progress-circle.danger .value-bar {border-color:#de4438;}

.progress-circle.warning span { color:#f0ad4e; }
.progress-circle.warning .first50-bar {background-color:#f0ad4e;}
.progress-circle.warning .value-bar {border-color:#f0ad4e;}

.progress-circle.info span { color:#5bc0de; }
.progress-circle.info .first50-bar {background-color:#5bc0de;}
.progress-circle.info .value-bar {border-color:#5bc0de;}

.progress-circle-container[activity-type="1"] span { color: #999; }
.progress-circle-container[activity-type="1"] .first50-bar { background-color: #999; }
.progress-circle-container[activity-type="1"] .value-bar { border-color: #999; }

.progress-circle-container[activity-type="2"] span { color: #323663; }
.progress-circle-container[activity-type="2"] .first50-bar { background-color: #323663; }
.progress-circle-container[activity-type="2"] .value-bar { border-color: #323663; }

.progress-circle-container[activity-type="3"] span { color: #7083ad; }
.progress-circle-container[activity-type="3"] .first50-bar { background-color: #7083ad; }
.progress-circle-container[activity-type="3"] .value-bar { border-color: #7083ad; }

.progress-circle-container[activity-type="4"] span { color: #a2b3cf; }
.progress-circle-container[activity-type="4"] .first50-bar { background-color: #a2b3cf; }
.progress-circle-container[activity-type="4"] .value-bar { border-color: #a2b3cf; }

.progress-circle-container[activity-type="5"] span { color: #bfc2c6; }
.progress-circle-container[activity-type="5"] .first50-bar { background-color: #bfc2c6; }
.progress-circle-container[activity-type="5"] .value-bar { border-color: #bfc2c6; }

.progress-circle-container[activity-type="6"] span { color: #4c9069; }
.progress-circle-container[activity-type="6"] .first50-bar { background-color: #4c9069; }
.progress-circle-container[activity-type="6"] .value-bar { border-color: #4c9069; }

/* Versione small */
.progress-circle-container.progress-circle-small { height: 30px; line-height: 30px; min-width: inherit; max-width: inherit; padding-left: unset; padding-right: unset; display: flex; align-items: center; }
.progress-circle-container.progress-circle-small span { line-height: 1em; }
    .progress-circle-container.progress-circle-small .progress-circle { width: 30px; height: 30px; }
        .progress-circle-container.progress-circle-small .progress-circle::after { top: 5px; left: 5px; width: 20px; height: 20px; }
        .progress-circle-container.progress-circle-small .progress-circle .left-half-clipper { width: 30px; height: 30px; clip: rect(0, 30px, 30px, 15px); }
        .progress-circle-container.progress-circle-small .progress-circle.over50 .first50-bar { clip: rect(0, 30px, 30px, 15px); width: 30px; height: 30px; }
        .progress-circle-container.progress-circle-small .progress-circle.over50 .left-half-clipper { clip: rect(auto,auto,auto,auto); }
        .progress-circle-container.progress-circle-small .progress-circle .value-bar { clip: rect(0px, 15px, 30px, 0px); width: 30px; height: 30px; border-width: 5px; }

/* Progress bar rotation position */
.progress-circle.p0 .value-bar { display: none; }
.progress-circle.p1 .value-bar { transform: rotate(4deg); }
.progress-circle.p2 .value-bar { transform: rotate(7deg); }
.progress-circle.p3 .value-bar { transform: rotate(11deg); }
.progress-circle.p4 .value-bar { transform: rotate(14deg); }
.progress-circle.p5 .value-bar { transform: rotate(18deg); }
.progress-circle.p6 .value-bar { transform: rotate(22deg); }
.progress-circle.p7 .value-bar { transform: rotate(25deg); }
.progress-circle.p8 .value-bar { transform: rotate(29deg); }
.progress-circle.p9 .value-bar { transform: rotate(32deg); }
.progress-circle.p10 .value-bar { transform: rotate(36deg); }
.progress-circle.p11 .value-bar { transform: rotate(40deg); }
.progress-circle.p12 .value-bar { transform: rotate(43deg); }
.progress-circle.p13 .value-bar { transform: rotate(47deg); }
.progress-circle.p14 .value-bar { transform: rotate(50deg); }
.progress-circle.p15 .value-bar { transform: rotate(54deg); }
.progress-circle.p16 .value-bar { transform: rotate(58deg); }
.progress-circle.p17 .value-bar { transform: rotate(61deg); }
.progress-circle.p18 .value-bar { transform: rotate(65deg); }
.progress-circle.p19 .value-bar { transform: rotate(68deg); }
.progress-circle.p20 .value-bar { transform: rotate(72deg); }
.progress-circle.p21 .value-bar { transform: rotate(76deg); }
.progress-circle.p22 .value-bar { transform: rotate(79deg); }
.progress-circle.p23 .value-bar { transform: rotate(83deg); }
.progress-circle.p24 .value-bar { transform: rotate(86deg); }
.progress-circle.p25 .value-bar { transform: rotate(90deg); }
.progress-circle.p26 .value-bar { transform: rotate(94deg); }
.progress-circle.p27 .value-bar { transform: rotate(97deg); }
.progress-circle.p28 .value-bar { transform: rotate(101deg); }
.progress-circle.p29 .value-bar { transform: rotate(104deg); }
.progress-circle.p30 .value-bar { transform: rotate(108deg); }
.progress-circle.p31 .value-bar { transform: rotate(112deg); }
.progress-circle.p32 .value-bar { transform: rotate(115deg); }
.progress-circle.p33 .value-bar { transform: rotate(113deg); }
.progress-circle.p34 .value-bar { transform: rotate(122deg); }
.progress-circle.p35 .value-bar { transform: rotate(126deg); }
.progress-circle.p36 .value-bar { transform: rotate(130deg); }
.progress-circle.p37 .value-bar { transform: rotate(133deg); }
.progress-circle.p38 .value-bar { transform: rotate(137deg); }
.progress-circle.p39 .value-bar { transform: rotate(140deg); }
.progress-circle.p40 .value-bar { transform: rotate(144deg); }
.progress-circle.p41 .value-bar { transform: rotate(148deg); }
.progress-circle.p42 .value-bar { transform: rotate(151deg); }
.progress-circle.p43 .value-bar { transform: rotate(155deg); }
.progress-circle.p44 .value-bar { transform: rotate(158deg); }
.progress-circle.p45 .value-bar { transform: rotate(162deg); }
.progress-circle.p46 .value-bar { transform: rotate(166deg); }
.progress-circle.p47 .value-bar { transform: rotate(169deg); }
.progress-circle.p48 .value-bar { transform: rotate(173deg); }
.progress-circle.p49 .value-bar { transform: rotate(176deg); }
.progress-circle.p50 .value-bar { transform: rotate(180deg); }
.progress-circle.p51 .value-bar { transform: rotate(184deg); }
.progress-circle.p52 .value-bar { transform: rotate(187deg); }
.progress-circle.p53 .value-bar { transform: rotate(191deg); }
.progress-circle.p54 .value-bar { transform: rotate(194deg); }
.progress-circle.p55 .value-bar { transform: rotate(198deg); }
.progress-circle.p56 .value-bar { transform: rotate(202deg); }
.progress-circle.p57 .value-bar { transform: rotate(205deg); }
.progress-circle.p58 .value-bar { transform: rotate(209deg); }
.progress-circle.p59 .value-bar { transform: rotate(212deg); }
.progress-circle.p60 .value-bar { transform: rotate(216deg); }
.progress-circle.p61 .value-bar { transform: rotate(220deg); }
.progress-circle.p62 .value-bar { transform: rotate(223deg); }
.progress-circle.p63 .value-bar { transform: rotate(227deg); }
.progress-circle.p64 .value-bar { transform: rotate(230deg); }
.progress-circle.p65 .value-bar { transform: rotate(234deg); }
.progress-circle.p66 .value-bar { transform: rotate(238deg); }
.progress-circle.p67 .value-bar { transform: rotate(241deg); }
.progress-circle.p68 .value-bar { transform: rotate(245deg); }
.progress-circle.p69 .value-bar { transform: rotate(248deg); }
.progress-circle.p70 .value-bar { transform: rotate(252deg); }
.progress-circle.p71 .value-bar { transform: rotate(256deg); }
.progress-circle.p72 .value-bar { transform: rotate(259deg); }
.progress-circle.p73 .value-bar { transform: rotate(263deg); }
.progress-circle.p74 .value-bar { transform: rotate(266deg); }
.progress-circle.p75 .value-bar { transform: rotate(270deg); }
.progress-circle.p76 .value-bar { transform: rotate(274deg); }
.progress-circle.p77 .value-bar { transform: rotate(277deg); }
.progress-circle.p78 .value-bar { transform: rotate(281deg); }
.progress-circle.p79 .value-bar { transform: rotate(284deg); }
.progress-circle.p80 .value-bar { transform: rotate(288deg); }
.progress-circle.p81 .value-bar { transform: rotate(292deg); }
.progress-circle.p82 .value-bar { transform: rotate(295deg); }
.progress-circle.p83 .value-bar { transform: rotate(299deg); }
.progress-circle.p84 .value-bar { transform: rotate(302deg); }
.progress-circle.p85 .value-bar { transform: rotate(306deg); }
.progress-circle.p86 .value-bar { transform: rotate(310deg); }
.progress-circle.p87 .value-bar { transform: rotate(313deg); }
.progress-circle.p88 .value-bar { transform: rotate(317deg); }
.progress-circle.p89 .value-bar { transform: rotate(320deg); }
.progress-circle.p90 .value-bar { transform: rotate(324deg); }
.progress-circle.p91 .value-bar { transform: rotate(328deg); }
.progress-circle.p92 .value-bar { transform: rotate(331deg); }
.progress-circle.p93 .value-bar { transform: rotate(335deg); }
.progress-circle.p94 .value-bar { transform: rotate(338deg); }
.progress-circle.p95 .value-bar { transform: rotate(342deg); }
.progress-circle.p96 .value-bar { transform: rotate(346deg); }
.progress-circle.p97 .value-bar { transform: rotate(349deg); }
.progress-circle.p98 .value-bar { transform: rotate(353deg); }
.progress-circle.p99 .value-bar { transform: rotate(356deg); }
.progress-circle.p100 .value-bar { transform: rotate(360deg); }

.progress-circle.p1.inverse { transform: rotate(356deg); }
.progress-circle.p2.inverse { transform: rotate(353deg); }
.progress-circle.p3.inverse { transform: rotate(349deg); }
.progress-circle.p4.inverse { transform: rotate(346deg); }
.progress-circle.p5.inverse { transform: rotate(342deg); }
.progress-circle.p6.inverse { transform: rotate(338deg); }
.progress-circle.p7.inverse { transform: rotate(335deg); }
.progress-circle.p8.inverse { transform: rotate(331deg); }
.progress-circle.p9.inverse { transform: rotate(328deg); }
.progress-circle.p10.inverse { transform: rotate(324deg); }
.progress-circle.p11.inverse { transform: rotate(320deg); }
.progress-circle.p12.inverse { transform: rotate(317deg); }
.progress-circle.p13.inverse { transform: rotate(313deg); }
.progress-circle.p14.inverse { transform: rotate(310deg); }
.progress-circle.p15.inverse { transform: rotate(306deg); }
.progress-circle.p16.inverse { transform: rotate(302deg); }
.progress-circle.p17.inverse { transform: rotate(299deg); }
.progress-circle.p18.inverse { transform: rotate(295deg); }
.progress-circle.p19.inverse { transform: rotate(292deg); }
.progress-circle.p20.inverse { transform: rotate(288deg); }
.progress-circle.p21.inverse { transform: rotate(284deg); }
.progress-circle.p22.inverse { transform: rotate(281deg); }
.progress-circle.p23.inverse { transform: rotate(277deg); }
.progress-circle.p24.inverse { transform: rotate(274deg); }
.progress-circle.p25.inverse { transform: rotate(270deg); }
.progress-circle.p26.inverse { transform: rotate(266deg); }
.progress-circle.p27.inverse { transform: rotate(263deg); }
.progress-circle.p28.inverse { transform: rotate(259deg); }
.progress-circle.p29.inverse { transform: rotate(256deg); }
.progress-circle.p30.inverse { transform: rotate(252deg); }
.progress-circle.p31.inverse { transform: rotate(248deg); }
.progress-circle.p32.inverse { transform: rotate(245deg); }
.progress-circle.p33.inverse { transform: rotate(247deg); }
.progress-circle.p34.inverse { transform: rotate(238deg); }
.progress-circle.p35.inverse { transform: rotate(234deg); }
.progress-circle.p36.inverse { transform: rotate(230deg); }
.progress-circle.p37.inverse { transform: rotate(227deg); }
.progress-circle.p38.inverse { transform: rotate(223deg); }
.progress-circle.p39.inverse { transform: rotate(220deg); }
.progress-circle.p40.inverse { transform: rotate(216deg); }
.progress-circle.p41.inverse { transform: rotate(212deg); }
.progress-circle.p42.inverse { transform: rotate(209deg); }
.progress-circle.p43.inverse { transform: rotate(205deg); }
.progress-circle.p44.inverse { transform: rotate(202deg); }
.progress-circle.p45.inverse { transform: rotate(198deg); }
.progress-circle.p46.inverse { transform: rotate(194deg); }
.progress-circle.p47.inverse { transform: rotate(191deg); }
.progress-circle.p48.inverse { transform: rotate(187deg); }
.progress-circle.p49.inverse { transform: rotate(184deg); }
.progress-circle.p50.inverse { transform: rotate(180deg); }
.progress-circle.p51.inverse { transform: rotate(176deg); }
.progress-circle.p52.inverse { transform: rotate(173deg); }
.progress-circle.p53.inverse { transform: rotate(169deg); }
.progress-circle.p54.inverse { transform: rotate(166deg); }
.progress-circle.p55.inverse { transform: rotate(162deg); }
.progress-circle.p56.inverse { transform: rotate(158deg); }
.progress-circle.p57.inverse { transform: rotate(155deg); }
.progress-circle.p58.inverse { transform: rotate(151deg); }
.progress-circle.p59.inverse { transform: rotate(148deg); }
.progress-circle.p60.inverse { transform: rotate(144deg); }
.progress-circle.p61.inverse { transform: rotate(140deg); }
.progress-circle.p62.inverse { transform: rotate(137deg); }
.progress-circle.p63.inverse { transform: rotate(133deg); }
.progress-circle.p64.inverse { transform: rotate(130deg); }
.progress-circle.p65.inverse { transform: rotate(126deg); }
.progress-circle.p66.inverse { transform: rotate(122deg); }
.progress-circle.p67.inverse { transform: rotate(119deg); }
.progress-circle.p68.inverse { transform: rotate(115deg); }
.progress-circle.p69.inverse { transform: rotate(112deg); }
.progress-circle.p70.inverse { transform: rotate(108deg); }
.progress-circle.p71.inverse { transform: rotate(104deg); }
.progress-circle.p72.inverse { transform: rotate(101deg); }
.progress-circle.p73.inverse { transform: rotate(97deg); }
.progress-circle.p74.inverse { transform: rotate(94deg); }
.progress-circle.p75.inverse { transform: rotate(90deg); }
.progress-circle.p76.inverse { transform: rotate(86deg); }
.progress-circle.p77.inverse { transform: rotate(83deg); }
.progress-circle.p78.inverse { transform: rotate(79deg); }
.progress-circle.p79.inverse { transform: rotate(76deg); }
.progress-circle.p80.inverse { transform: rotate(72deg); }
.progress-circle.p81.inverse { transform: rotate(68deg); }
.progress-circle.p82.inverse { transform: rotate(65deg); }
.progress-circle.p83.inverse { transform: rotate(61deg); }
.progress-circle.p84.inverse { transform: rotate(58deg); }
.progress-circle.p85.inverse { transform: rotate(54deg); }
.progress-circle.p86.inverse { transform: rotate(50deg); }
.progress-circle.p87.inverse { transform: rotate(47deg); }
.progress-circle.p88.inverse { transform: rotate(43deg); }
.progress-circle.p89.inverse { transform: rotate(40deg); }
.progress-circle.p90.inverse { transform: rotate(36deg); }
.progress-circle.p91.inverse { transform: rotate(32deg); }
.progress-circle.p92.inverse { transform: rotate(29deg); }
.progress-circle.p93.inverse { transform: rotate(25deg); }
.progress-circle.p94.inverse { transform: rotate(22deg); }
.progress-circle.p95.inverse { transform: rotate(18deg); }
.progress-circle.p96.inverse { transform: rotate(14deg); }
.progress-circle.p97.inverse { transform: rotate(11deg); }
.progress-circle.p98.inverse { transform: rotate(7deg); }
.progress-circle.p99.inverse { transform: rotate(4deg); }
.progress-circle.p100.inverse { transform: rotate(0deg); }

.progress-circle.ps1 .left-half-clipper { transform: rotate(4deg); }
.progress-circle.ps2 .left-half-clipper { transform: rotate(7deg); }
.progress-circle.ps3 .left-half-clipper { transform: rotate(11deg); }
.progress-circle.ps4 .left-half-clipper { transform: rotate(14deg); }
.progress-circle.ps5 .left-half-clipper { transform: rotate(18deg); }
.progress-circle.ps6 .left-half-clipper { transform: rotate(22deg); }
.progress-circle.ps7 .left-half-clipper { transform: rotate(25deg); }
.progress-circle.ps8 .left-half-clipper { transform: rotate(29deg); }
.progress-circle.ps9 .left-half-clipper { transform: rotate(32deg); }
.progress-circle.ps10 .left-half-clipper { transform: rotate(36deg); }
.progress-circle.ps11 .left-half-clipper { transform: rotate(40deg); }
.progress-circle.ps12 .left-half-clipper { transform: rotate(43deg); }
.progress-circle.ps13 .left-half-clipper { transform: rotate(47deg); }
.progress-circle.ps14 .left-half-clipper { transform: rotate(50deg); }
.progress-circle.ps15 .left-half-clipper { transform: rotate(54deg); }
.progress-circle.ps16 .left-half-clipper { transform: rotate(58deg); }
.progress-circle.ps17 .left-half-clipper { transform: rotate(61deg); }
.progress-circle.ps18 .left-half-clipper { transform: rotate(65deg); }
.progress-circle.ps19 .left-half-clipper { transform: rotate(68deg); }
.progress-circle.ps20 .left-half-clipper { transform: rotate(72deg); }
.progress-circle.ps21 .left-half-clipper { transform: rotate(76deg); }
.progress-circle.ps22 .left-half-clipper { transform: rotate(79deg); }
.progress-circle.ps23 .left-half-clipper { transform: rotate(83deg); }
.progress-circle.ps24 .left-half-clipper { transform: rotate(86deg); }
.progress-circle.ps25 .left-half-clipper { transform: rotate(90deg); }
.progress-circle.ps26 .left-half-clipper { transform: rotate(94deg); }
.progress-circle.ps27 .left-half-clipper { transform: rotate(97deg); }
.progress-circle.ps28 .left-half-clipper { transform: rotate(101deg); }
.progress-circle.ps29 .left-half-clipper { transform: rotate(104deg); }
.progress-circle.ps30 .left-half-clipper { transform: rotate(108deg); }
.progress-circle.ps31 .left-half-clipper { transform: rotate(112deg); }
.progress-circle.ps32 .left-half-clipper { transform: rotate(115deg); }
.progress-circle.ps33 .left-half-clipper { transform: rotate(113deg); }
.progress-circle.ps34 .left-half-clipper { transform: rotate(122deg); }
.progress-circle.ps35 .left-half-clipper { transform: rotate(126deg); }
.progress-circle.ps36 .left-half-clipper { transform: rotate(130deg); }
.progress-circle.ps37 .left-half-clipper { transform: rotate(133deg); }
.progress-circle.ps38 .left-half-clipper { transform: rotate(137deg); }
.progress-circle.ps39 .left-half-clipper { transform: rotate(140deg); }
.progress-circle.ps40 .left-half-clipper { transform: rotate(144deg); }
.progress-circle.ps41 .left-half-clipper { transform: rotate(148deg); }
.progress-circle.ps42 .left-half-clipper { transform: rotate(151deg); }
.progress-circle.ps43 .left-half-clipper { transform: rotate(155deg); }
.progress-circle.ps44 .left-half-clipper { transform: rotate(158deg); }
.progress-circle.ps45 .left-half-clipper { transform: rotate(162deg); }
.progress-circle.ps46 .left-half-clipper { transform: rotate(166deg); }
.progress-circle.ps47 .left-half-clipper { transform: rotate(169deg); }
.progress-circle.ps48 .left-half-clipper { transform: rotate(173deg); }
.progress-circle.ps49 .left-half-clipper { transform: rotate(176deg); }
.progress-circle.ps50 .left-half-clipper { transform: rotate(180deg); }
.progress-circle.ps51 .left-half-clipper { transform: rotate(184deg); }
.progress-circle.ps52 .left-half-clipper { transform: rotate(187deg); }
.progress-circle.ps53 .left-half-clipper { transform: rotate(191deg); }
.progress-circle.ps54 .left-half-clipper { transform: rotate(194deg); }
.progress-circle.ps55 .left-half-clipper { transform: rotate(198deg); }
.progress-circle.ps56 .left-half-clipper { transform: rotate(202deg); }
.progress-circle.ps57 .left-half-clipper { transform: rotate(205deg); }
.progress-circle.ps58 .left-half-clipper { transform: rotate(209deg); }
.progress-circle.ps59 .left-half-clipper { transform: rotate(212deg); }
.progress-circle.ps60 .left-half-clipper { transform: rotate(216deg); }
.progress-circle.ps61 .left-half-clipper { transform: rotate(220deg); }
.progress-circle.ps62 .left-half-clipper { transform: rotate(223deg); }
.progress-circle.ps63 .left-half-clipper { transform: rotate(227deg); }
.progress-circle.ps64 .left-half-clipper { transform: rotate(230deg); }
.progress-circle.ps65 .left-half-clipper { transform: rotate(234deg); }
.progress-circle.ps66 .left-half-clipper { transform: rotate(238deg); }
.progress-circle.ps67 .left-half-clipper { transform: rotate(241deg); }
.progress-circle.ps68 .left-half-clipper { transform: rotate(245deg); }
.progress-circle.ps69 .left-half-clipper { transform: rotate(248deg); }
.progress-circle.ps70 .left-half-clipper { transform: rotate(252deg); }
.progress-circle.ps71 .left-half-clipper { transform: rotate(256deg); }
.progress-circle.ps72 .left-half-clipper { transform: rotate(259deg); }
.progress-circle.ps73 .left-half-clipper { transform: rotate(263deg); }
.progress-circle.ps74 .left-half-clipper { transform: rotate(266deg); }
.progress-circle.ps75 .left-half-clipper { transform: rotate(270deg); }
.progress-circle.ps76 .left-half-clipper { transform: rotate(274deg); }
.progress-circle.ps77 .left-half-clipper { transform: rotate(277deg); }
.progress-circle.ps78 .left-half-clipper { transform: rotate(281deg); }
.progress-circle.ps79 .left-half-clipper { transform: rotate(284deg); }
.progress-circle.ps80 .left-half-clipper { transform: rotate(288deg); }
.progress-circle.ps81 .left-half-clipper { transform: rotate(292deg); }
.progress-circle.ps82 .left-half-clipper { transform: rotate(295deg); }
.progress-circle.ps83 .left-half-clipper { transform: rotate(299deg); }
.progress-circle.ps84 .left-half-clipper { transform: rotate(302deg); }
.progress-circle.ps85 .left-half-clipper { transform: rotate(306deg); }
.progress-circle.ps86 .left-half-clipper { transform: rotate(310deg); }
.progress-circle.ps87 .left-half-clipper { transform: rotate(313deg); }
.progress-circle.ps88 .left-half-clipper { transform: rotate(317deg); }
.progress-circle.ps89 .left-half-clipper { transform: rotate(320deg); }
.progress-circle.ps90 .left-half-clipper { transform: rotate(324deg); }
.progress-circle.ps91 .left-half-clipper { transform: rotate(328deg); }
.progress-circle.ps92 .left-half-clipper { transform: rotate(331deg); }
.progress-circle.ps93 .left-half-clipper { transform: rotate(335deg); }
.progress-circle.ps94 .left-half-clipper { transform: rotate(338deg); }
.progress-circle.ps95 .left-half-clipper { transform: rotate(342deg); }
.progress-circle.ps96 .left-half-clipper { transform: rotate(346deg); }
.progress-circle.ps97 .left-half-clipper { transform: rotate(349deg); }
.progress-circle.ps98 .left-half-clipper { transform: rotate(353deg); }
.progress-circle.ps99 .left-half-clipper { transform: rotate(356deg); }

/* ----------------------- */
/* RICHIESTA DI PREVENTIVO */

.faq-quote {
    border-left: 1px solid var(--red);
    border-right: 1px solid var(--red);
    border-bottom: 1px solid var(--red);
    max-width: 250px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.faq-quote h4 {
    font-size: 16px;
}

.tabquote {
    padding: 30px 60px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

#frm-quote .nav-tabs li {
    font-weight: 700;
    font-size: 0.8em;
    letter-spacing: 0.05em;
}

#frm-quote .nav-tabs li.active a { color: #333; }

    #frm-quote .nav-tabs li a {
        padding-left: 20px;
        padding-right: 20px;
        color: #888;
    }

#frm-quote [rel="BudgetOccupations"] {
    /* background-color: #f5f5f5; */
    margin-bottom: 30px;
    margin-left: 30px;
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

    #frm-quote [rel="BudgetOccupations"] .panel-body {
        position:relative;
        padding: 20px;
    }

    [rel="BudgetOccupations"] .management-buttons {
        position: absolute;
        text-align: center;
        left: -31px;
        top: 20px;
        width: 29px;
        /*height: 106px;*/
        border-radius: 3px;
    }

        [rel="BudgetOccupations"] .management-buttons a {
            display: inline-block;
            font-size: 16px;
            line-height: 50px;
            width: 30px;
            text-align: center;
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
        }

    [rel="BudgetOccupations"] a.addMore {
        position: absolute;
        left: 0;
        top: 80px;
        border-top: 1px solid rgba(60, 118, 61, 0.5);
        border-left: 1px solid rgba(60, 118, 61, 0.5);
        border-bottom: 1px solid rgba(60, 118, 61, 0.5);
        border-bottom-left-radius: 0px;
    }

    [rel="BudgetOccupations"] a.addCopy {
        position: absolute;
        left: 0;
        top: 132px;
        border-left: 1px solid rgba(60, 118, 61, 0.5);
        border-bottom: 1px solid rgba(60, 118, 61, 0.5);
        border-top-left-radius: 0px;
    }

    [rel="BudgetOccupations"] a.removeThis {
        border-top: 1px solid rgba(169, 68, 66, 0.5);
        border-left: 1px solid rgba(169, 68, 66, 0.5);
        border-bottom: 1px solid rgba(169, 68, 66, 0.5);
    }

    [rel="BudgetOccupations"] [data-toggle="collapse"] {
        position: relative;
        display: block;
        font-size: 2rem;
        border: 1px solid #ddd;
        border-radius: 4px;
        background-color: #fff;
        line-height: 30px;
        height: 30px;
        padding-left: 30px;
        padding-right: 30px;
        margin: 0 auto -30px auto;
    }

        [rel="BudgetOccupations"] [data-toggle="collapse"] > .glyphicon {
            transition: .3s transform ease-in-out;
        }

    [rel="BudgetOccupations"] .collapsed[data-toggle="collapse"] .glyphicon {
        transform: rotate(-180deg);
    }

    [rel="BudgetOccupations"] h4 {
        position: relative;
        display: inline-block;
        border: 1px solid #ddd;
        border-radius: 4px;
        background-color: #f5f5f5;
        line-height: 1.8em;
        padding-left: 20px;
        padding-right: 20px;
        z-index: 1;
    }

        [rel="BudgetOccupations"] h4 + .frame {
            display: block;
            width: 100%;
            border-bottom: 1px solid #ddd;
            position: absolute;
            top: 50%;
            left: 0;
        }

.quote-list {
    box-shadow: none;
}

.quote-list .focus {
    position: relative;
    z-index: 1;
}

    .quote-list .focus td:first-of-type::before {
        content: "";
        position: absolute;
        top: -1px;
        bottom: -1px;
        left: -15px;
        right: -15px;
        z-index: -1;
        animation: quote_bg_pulse 2s ease-in-out;
        border: 1px solid #ddd;
        border-left-width: 4px;
        background-color: #fafafa;
    }

.quote-list tbody > tr > td {
    line-height: 1.2em;
}

.quote-list small.text-muted {}

.quote-status {
    display: block;
    width: 12px;
    height: 16px;
    border: 2px solid transparent;
    border-radius: 10px;
}

.quote-status-1 { border-color: #ccc; /*#8a4ff3*/ }
.quote-status-2 { border-color: var(--red); }
.quote-status-3 { border-color: #f0ad4e; }
.quote-status-4 { border-color: #5bc0de; }
.quote-status-5 { border-color: #5cb85c; }
.quote-status-6, .quote-status-7 { border-color: #000; }

#budgets-form select#BudgetStatus option[value="1"] { color: #999; }
#budgets-form select#BudgetStatus option[value="2"] { color: var(--red); }
#budgets-form select#BudgetStatus option[value="3"] { color: #f0ad4e; }
#budgets-form select#BudgetStatus option[value="4"] { color: #5bc0de; }
#budgets-form select#BudgetStatus option[value="5"] { color: #5cb85c; }
#budgets-form select#BudgetStatus option[value="6"] { color: #000; }
#budgets-form select#BudgetStatus option[value="7"] { color: #835e2b; }
#budgets-form select#BudgetStatus option[value="90"] { color: #9c27b0; }
#budgets-form select#BudgetStatus option[value="8"] { color: #240000; }

.stats-quote-1 { background-color: #ccc; }
.progress-circle.stats-quote-1 .first50-bar { background-color: #eee; }
.progress-circle.stats-quote-1 .value-bar { border-color: #eee; }
.progress-circle.stats-quote-2 .first50-bar { background-color: var(--red); }
.progress-circle.stats-quote-2 .value-bar { border-color: var(--red); }
.progress-circle.stats-quote-3 .first50-bar { background-color: #f0ad4e; }
.progress-circle.stats-quote-3 .value-bar { border-color: #f0ad4e; }
.progress-circle.stats-quote-4 .first50-bar { background-color: #5bc0de; }
.progress-circle.stats-quote-4 .value-bar { border-color: #5bc0de; }
.progress-circle.stats-quote-5 .first50-bar { background-color: #5cb85c; }
.progress-circle.stats-quote-5 .value-bar { border-color: #5cb85c; }
.progress-circle.stats-quote-6 .first50-bar { background-color: #000; }
.progress-circle.stats-quote-6 .value-bar { border-color: #000; }
.progress-circle.stats-quote-90 .first50-bar { background-color: #9c27b0; }
.progress-circle.stats-quote-90 .value-bar { border-color: #9c27b0; }

/* Bottoni dentro Modale */
#new-quote .modal-content {
    overflow: hidden;
}
#new-quote .btn-group-quote a { border-right: 1px solid #e5e5e5; }
#new-quote .btn-group-quote a:last-child { border: none; }
#new-quote .btn-group-quote a:hover { background-color: var(--red); color: #fff; }

/* ------------------------ */
/* LISTA REGALI PER AZIENDA */
.tab-inner {
    padding: 30px 15px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

    .tab-inner .row {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .tab-inner .odd {
        background-color: #f9f9f9;
        border-top: 1px solid #eee;
    }

        .tab-inner .odd + .odd {
            border-top: none;   
        }

        .tab-inner .odd + .even {
            border-top: 1px solid #eee;
        }

/* *********** FOOTER *********** */
footer {
    height: 115px;
    line-height: 1em;
    border-top: 1px solid #DDD;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #f5f5f5;
}

    footer a {
        color: #333;
    }

    footer .media-left {
        padding-right: 15px;
    }


    /*
@-webkit-keyframes quote_bg_pulse {
    10%, 30%, 50%, 70%, 90% {
        opacity: 1;
        background-color: #f0f0f0;
    }

    0%, 20%, 40%, 60%, 80%, 100% {
        opacity: 0;
    }
}*/

@keyframes quote_bg_pulse {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

@-webkit-keyframes pulse {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes pulse {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0.1;
    }
}

.pulse {
    animation: pulse 3s infinite;
}

.pulse:hover {
    animation: none;
}

/* MG 05/12/2022 > Voglio poter dividere per 5 il col-12 */
.col-md-25 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 992px) {
    .col-md-25 {
        float: left;
        width: 20%;
    }
}

/*  -----------------------------------------------------------------------------------
    Copia stili da BOOTSTRAP 4.6 > [//getbootstrap.com/docs/4.6/dist/css/bootstrap.css]
    -----------------------------------------------------------------------------------
*/
.d-flex {display: flex !important;}
.d-inline-flex {display: inline-flex !important;}
.flex-fill {flex: 1 1 auto !important;}
.flex-row {flex-direction: row !important;}
.flex-column {flex-direction: column !important;}
.flex-row-reverse {flex-direction: row-reverse !important;}
.flex-column-reverse {flex-direction: column-reverse !important;}
.flex-wrap {flex-wrap: wrap !important;}
.flex-nowrap {flex-wrap: nowrap !important;}
.flex-wrap-reverse {flex-wrap: wrap-reverse !important;}
.flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; }
.justify-content-start {justify-content: flex-start !important;}
.justify-content-end {justify-content: flex-end !important;}
.justify-content-center {justify-content: center !important;}
.justify-content-between {justify-content: space-between !important;}
.justify-content-around {justify-content: space-around !important;}
.justify-content-evenly {justify-content: space-evenly !important;}
.align-items-start {align-items: flex-start !important;}
.align-items-end {align-items: flex-end !important;}
.align-items-center {align-items: center !important;}
.align-items-baseline {align-items: baseline !important;}
.align-items-stretch {align-items: stretch !important;}
.align-content-start {align-content: flex-start !important;}
.align-content-end {align-content: flex-end !important;}
.align-content-center {align-content: center !important;}
.align-content-between {align-content: space-between !important;}
.align-content-around {align-content: space-around !important;}
.align-content-stretch {align-content: stretch !important;}
.align-self-auto {align-self: auto !important;}
.align-self-start {align-self: flex-start !important;}
.align-self-end {align-self: flex-end !important;}
.align-self-center {align-self: center !important;}
.align-self-baseline {align-self: baseline !important;}
.align-self-stretch {align-self: stretch !important;}

.m-0 { margin: 0 !important; }
.mt-0, .my-0 { margin-top: 0 !important; }
.mr-0, .mx-0 { margin-right: 0 !important; }
.mb-0, .my-0 { margin-bottom: 0 !important; }
.ml-0, .mx-0 { margin-left: 0 !important; }
.m-1 { margin: 0.25rem !important; }
.mt-1, .my-1 { margin-top: 0.25rem !important; }
.mr-1, .mx-1 { margin-right: 0.25rem !important; }
.mb-1, .my-1 { margin-bottom: 0.25rem !important; }
.ml-1, .mx-1 { margin-left: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.mt-2, .my-2 { margin-top: 0.5rem !important; }
.mr-2, .mx-2 { margin-right: 0.5rem !important; }
.mb-2, .my-2 { margin-bottom: 0.5rem !important; }
.ml-2, .mx-2 { margin-left: 0.5rem !important; }
.m-3 { margin: 1rem !important; }
.mt-3, .my-3 { margin-top: 1rem !important; }
.mr-3, .mx-3 { margin-right: 1rem !important; }
.mb-3, .my-3 { margin-bottom: 1rem !important; }
.ml-3, .mx-3 { margin-left: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.mt-4, .my-4 { margin-top: 1.5rem !important; }
.mr-4, .mx-4 { margin-right: 1.5rem !important; }
.mb-4, .my-4 { margin-bottom: 1.5rem !important; }
.ml-4, .mx-4 { margin-left: 1.5rem !important; }
.m-5 { margin: 3rem !important; }
.mt-5, .my-5 { margin-top: 3rem !important; }
.mr-5, .mx-5 { margin-right: 3rem !important; }
.mb-5, .my-5 { margin-bottom: 3rem !important; }
.ml-5, .mx-5 { margin-left: 3rem !important; }
.p-0 { padding: 0 !important; }
.pt-0, .py-0 { padding-top: 0 !important; }
.pr-0, .px-0 { padding-right: 0 !important; }
.pb-0, .py-0 { padding-bottom: 0 !important; }
.pl-0, .px-0 { padding-left: 0 !important; }
.p-1 { padding: 0.25rem !important; }
.pt-1, .py-1 { padding-top: 0.25rem !important; }
.pr-1, .px-1 { padding-right: 0.25rem !important; }
.pb-1, .py-1 { padding-bottom: 0.25rem !important; }
.pl-1, .px-1 { padding-left: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.pt-2, .py-2 { padding-top: 0.5rem !important; }
.pr-2, .px-2 { padding-right: 0.5rem !important; }
.pb-2, .py-2 { padding-bottom: 0.5rem !important; }
.pl-2, .px-2 { padding-left: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
.pt-3, .py-3 { padding-top: 1rem !important; }
.pr-3, .px-3 { padding-right: 1rem !important; }
.pb-3, .py-3 { padding-bottom: 1rem !important; }
.pl-3, .px-3 { padding-left: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.pt-4, .py-4 { padding-top: 1.5rem !important; }
.pr-4, .px-4 { padding-right: 1.5rem !important; }
.pb-4, .py-4 { padding-bottom: 1.5rem !important; }
.pl-4, .px-4 { padding-left: 1.5rem !important; }
.p-5 { padding: 3rem !important; }
.pt-5, .py-5 { padding-top: 3rem !important; }
.pr-5, .px-5 { padding-right: 3rem !important; }
.pb-5, .py-5 { padding-bottom: 3rem !important; }
.pl-5, .px-5 { padding-left: 3rem !important; }
.m-n1 { margin: -0.25rem !important; }
.mt-n1, .my-n1 { margin-top: -0.25rem !important; }
.mr-n1, .mx-n1 { margin-right: -0.25rem !important; }
.mb-n1, .my-n1 { margin-bottom: -0.25rem !important; }
.ml-n1, .mx-n1 { margin-left: -0.25rem !important; }
.m-n2 { margin: -0.5rem !important; }
.mt-n2, .my-n2 { margin-top: -0.5rem !important; }
.mr-n2, .mx-n2 { margin-right: -0.5rem !important; }
.mb-n2, .my-n2 { margin-bottom: -0.5rem !important; }
.ml-n2, .mx-n2 { margin-left: -0.5rem !important; }
.m-n3 { margin: -1rem !important; }
.mt-n3, .my-n3 { margin-top: -1rem !important; }
.mr-n3, .mx-n3 { margin-right: -1rem !important; }
.mb-n3, .my-n3 { margin-bottom: -1rem !important; }
.ml-n3, .mx-n3 { margin-left: -1rem !important; }
.m-n4 { margin: -1.5rem !important; }
.mt-n4, .my-n4 { margin-top: -1.5rem !important; }
.mr-n4, .mx-n4 { margin-right: -1.5rem !important; }
.mb-n4, .my-n4 { margin-bottom: -1.5rem !important; }
.ml-n4, .mx-n4 { margin-left: -1.5rem !important; }
.m-n5 { margin: -3rem !important; }
.mt-n5, .my-n5 { margin-top: -3rem !important; }
.mr-n5, .mx-n5 { margin-right: -3rem !important; }
.mb-n5, .my-n5 { margin-bottom: -3rem !important; }
.ml-n5, .mx-n5 { margin-left: -3rem !important; } 
.m-auto { margin: auto !important; }
.mt-auto, .my-auto { margin-top: auto !important; }
.mr-auto, .mx-auto { margin-right: auto !important; }
.mb-auto, .my-auto { margin-bottom: auto !important; }
.ml-auto, .mx-auto { margin-left: auto !important; }
@media (min-width: 576px) {
	.m-sm-0 { margin: 0 !important; }
	.mt-sm-0, .my-sm-0 { margin-top: 0 !important; }
	.mr-sm-0, .mx-sm-0 { margin-right: 0 !important; }
	.mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; }
	.ml-sm-0, .mx-sm-0 { margin-left: 0 !important; }
	.m-sm-1 { margin: 0.25rem !important; }
	.mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; }
	.mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; }
	.mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; }
	.ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; }
	.m-sm-2 { margin: 0.5rem !important; }
	.mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; }
	.mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; }
	.mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; }
	.ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; }
	.m-sm-3 { margin: 1rem !important; }
	.mt-sm-3, .my-sm-3 { margin-top: 1rem !important; }
	.mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; }
	.mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; }
	.ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; }
	.m-sm-4 { margin: 1.5rem !important; }
	.mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; }
	.mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; }
	.mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; }
	.ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; }
	.m-sm-5 { margin: 3rem !important; }
	.mt-sm-5, .my-sm-5 { margin-top: 3rem !important; }
	.mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; }
	.mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; }
	.ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; }
	.p-sm-0 { padding: 0 !important; }
	.pt-sm-0, .py-sm-0 { padding-top: 0 !important; }
	.pr-sm-0, .px-sm-0 { padding-right: 0 !important; }
	.pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; }
	.pl-sm-0, .px-sm-0 { padding-left: 0 !important; }
	.p-sm-1 { padding: 0.25rem !important; }
	.pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; }
	.pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; }
	.pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; }
	.pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; }
	.p-sm-2 { padding: 0.5rem !important; }
	.pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; }
	.pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; }
	.pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; }
	.pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; }
	.p-sm-3 { padding: 1rem !important; }
	.pt-sm-3, .py-sm-3 { padding-top: 1rem !important; }
	.pr-sm-3, .px-sm-3 { padding-right: 1rem !important; }
	.pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; }
	.pl-sm-3, .px-sm-3 { padding-left: 1rem !important; }
	.p-sm-4 { padding: 1.5rem !important; }
	.pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; }
	.pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; }
	.pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; }
	.pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; }
	.p-sm-5 { padding: 3rem !important; }
	.pt-sm-5, .py-sm-5 { padding-top: 3rem !important; }
	.pr-sm-5, .px-sm-5 { padding-right: 3rem !important; }
	.pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; }
	.pl-sm-5, .px-sm-5 { padding-left: 3rem !important; }
	.m-sm-n1 { margin: -0.25rem !important; }
	.mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; }
	.mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; }
	.mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; }
	.ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; }
	.m-sm-n2 { margin: -0.5rem !important; }
	.mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; }
	.mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; }
	.mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; }
	.ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; }
	.m-sm-n3 { margin: -1rem !important; }
	.mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; }
	.mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; }
	.mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; }
	.ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; }
	.m-sm-n4 { margin: -1.5rem !important; }
	.mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; }
	.mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; }
	.mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; }
	.ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; }
	.m-sm-n5 { margin: -3rem !important; }
	.mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; }
	.mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; }
	.mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; }
	.ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; }
	.m-sm-auto { margin: auto !important; }
	.mt-sm-auto, .my-sm-auto { margin-top: auto !important; }
	.mr-sm-auto, .mx-sm-auto { margin-right: auto !important; }
	.mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; }
	.ml-sm-auto, .mx-sm-auto { margin-left: auto !important; }
}
@media (min-width: 768px) {
	.m-md-0 { margin: 0 !important; }
	.mt-md-0, .my-md-0 { margin-top: 0 !important; }
	.mr-md-0, .mx-md-0 { margin-right: 0 !important; }
	.mb-md-0, .my-md-0 { margin-bottom: 0 !important; }
	.ml-md-0, .mx-md-0 { margin-left: 0 !important; }
	.m-md-1 { margin: 0.25rem !important; }
	.mt-md-1, .my-md-1 { margin-top: 0.25rem !important; }
	.mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; }
	.mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; }
	.ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; }
	.m-md-2 { margin: 0.5rem !important; }
	.mt-md-2, .my-md-2 { margin-top: 0.5rem !important; }
	.mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; }
	.mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; }
	.ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; }
	.m-md-3 { margin: 1rem !important; }
	.mt-md-3, .my-md-3 { margin-top: 1rem !important; }
	.mr-md-3, .mx-md-3 { margin-right: 1rem !important; }
	.mb-md-3, .my-md-3 { margin-bottom: 1rem !important; }
	.ml-md-3, .mx-md-3 { margin-left: 1rem !important; }
	.m-md-4 { margin: 1.5rem !important; }
	.mt-md-4, .my-md-4 { margin-top: 1.5rem !important; }
	.mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; }
	.mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; }
	.ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; }
	.m-md-5 { margin: 3rem !important; }
	.mt-md-5, .my-md-5 { margin-top: 3rem !important; }
	.mr-md-5, .mx-md-5 { margin-right: 3rem !important; }
	.mb-md-5, .my-md-5 { margin-bottom: 3rem !important; }
	.ml-md-5, .mx-md-5 { margin-left: 3rem !important; }
	.p-md-0 { padding: 0 !important; }
	.pt-md-0, .py-md-0 { padding-top: 0 !important; }
	.pr-md-0, .px-md-0 { padding-right: 0 !important; }
	.pb-md-0, .py-md-0 { padding-bottom: 0 !important; }
	.pl-md-0, .px-md-0 { padding-left: 0 !important; }
	.p-md-1 { padding: 0.25rem !important; }
	.pt-md-1, .py-md-1 { padding-top: 0.25rem !important; }
	.pr-md-1, .px-md-1 { padding-right: 0.25rem !important; }
	.pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; }
	.pl-md-1, .px-md-1 { padding-left: 0.25rem !important; }
	.p-md-2 { padding: 0.5rem !important; }
	.pt-md-2, .py-md-2 { padding-top: 0.5rem !important; }
	.pr-md-2, .px-md-2 { padding-right: 0.5rem !important; }
	.pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; }
	.pl-md-2, .px-md-2 { padding-left: 0.5rem !important; }
	.p-md-3 { padding: 1rem !important; }
	.pt-md-3, .py-md-3 { padding-top: 1rem !important; }
	.pr-md-3, .px-md-3 { padding-right: 1rem !important; }
	.pb-md-3, .py-md-3 { padding-bottom: 1rem !important; }
	.pl-md-3, .px-md-3 { padding-left: 1rem !important; }
	.p-md-4 { padding: 1.5rem !important; }
	.pt-md-4, .py-md-4 { padding-top: 1.5rem !important; }
	.pr-md-4, .px-md-4 { padding-right: 1.5rem !important; }
	.pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; }
	.pl-md-4, .px-md-4 { padding-left: 1.5rem !important; }
	.p-md-5 { padding: 3rem !important; }
	.pt-md-5, .py-md-5 { padding-top: 3rem !important; }
	.pr-md-5, .px-md-5 { padding-right: 3rem !important; }
	.pb-md-5, .py-md-5 { padding-bottom: 3rem !important; }
	.pl-md-5, .px-md-5 { padding-left: 3rem !important; }
	.m-md-n1 { margin: -0.25rem !important; }
	.mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; }
	.mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; }
	.mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; }
	.ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; }
	.m-md-n2 { margin: -0.5rem !important; }
	.mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; }
	.mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; }
	.mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; }
	.ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; }
	.m-md-n3 { margin: -1rem !important; }
	.mt-md-n3, .my-md-n3 { margin-top: -1rem !important; }
	.mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; }
	.mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; }
	.ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; }
	.m-md-n4 { margin: -1.5rem !important; }
	.mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; }
	.mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; }
	.mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; }
	.ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; }
	.m-md-n5 { margin: -3rem !important; }
	.mt-md-n5, .my-md-n5 { margin-top: -3rem !important; }
	.mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; }
	.mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; }
	.ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; }
	.m-md-auto { margin: auto !important; }
	.mt-md-auto, .my-md-auto { margin-top: auto !important; }
	.mr-md-auto, .mx-md-auto { margin-right: auto !important; }
	.mb-md-auto, .my-md-auto { margin-bottom: auto !important; }
	.ml-md-auto, .mx-md-auto { margin-left: auto !important; }
}
@media (min-width: 992px) {
	.m-lg-0 { margin: 0 !important; }
	.mt-lg-0, .my-lg-0 { margin-top: 0 !important; }
	.mr-lg-0, .mx-lg-0 { margin-right: 0 !important; }
	.mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; }
	.ml-lg-0, .mx-lg-0 { margin-left: 0 !important; }
	.m-lg-1 { margin: 0.25rem !important; }
	.mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; }
	.mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; }
	.mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; }
	.ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; }
	.m-lg-2 { margin: 0.5rem !important; }
	.mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; }
	.mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; }
	.mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; }
	.ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; }
	.m-lg-3 { margin: 1rem !important; }
	.mt-lg-3, .my-lg-3 { margin-top: 1rem !important; }
	.mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; }
	.mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; }
	.ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; }
	.m-lg-4 { margin: 1.5rem !important; }
	.mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; }
	.mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; }
	.mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; }
	.ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; }
	.m-lg-5 { margin: 3rem !important; }
	.mt-lg-5, .my-lg-5 { margin-top: 3rem !important; }
	.mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; }
	.mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; }
	.ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; }
	.p-lg-0 { padding: 0 !important; }
	.pt-lg-0, .py-lg-0 { padding-top: 0 !important; }
	.pr-lg-0, .px-lg-0 { padding-right: 0 !important; }
	.pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; }
	.pl-lg-0, .px-lg-0 { padding-left: 0 !important; }
	.p-lg-1 { padding: 0.25rem !important; }
	.pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; }
	.pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; }
	.pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; }
	.pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; }
	.p-lg-2 { padding: 0.5rem !important; }
	.pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; }
	.pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; }
	.pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; }
	.pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; }
	.p-lg-3 { padding: 1rem !important; }
	.pt-lg-3, .py-lg-3 { padding-top: 1rem !important; }
	.pr-lg-3, .px-lg-3 { padding-right: 1rem !important; }
	.pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; }
	.pl-lg-3, .px-lg-3 { padding-left: 1rem !important; }
	.p-lg-4 { padding: 1.5rem !important; }
	.pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; }
	.pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; }
	.pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; }
	.pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; }
	.p-lg-5 { padding: 3rem !important; }
	.pt-lg-5, .py-lg-5 { padding-top: 3rem !important; }
	.pr-lg-5, .px-lg-5 { padding-right: 3rem !important; }
	.pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; }
	.pl-lg-5, .px-lg-5 { padding-left: 3rem !important; }
	.m-lg-n1 { margin: -0.25rem !important; }
	.mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; }
	.mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; }
	.mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; }
	.ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; }
	.m-lg-n2 { margin: -0.5rem !important; }
	.mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; }
	.mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; }
	.mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; }
	.ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; }
	.m-lg-n3 { margin: -1rem !important; }
	.mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; }
	.mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; }
	.mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; }
	.ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; }
	.m-lg-n4 { margin: -1.5rem !important; }
	.mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; }
	.mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; }
	.mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; }
	.ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; }
	.m-lg-n5 { margin: -3rem !important; }
	.mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; }
	.mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; }
	.mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; }
	.ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; }
	.m-lg-auto { margin: auto !important; }
	.mt-lg-auto, .my-lg-auto { margin-top: auto !important; }
	.mr-lg-auto, .mx-lg-auto { margin-right: auto !important; }
	.mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; }
	.ml-lg-auto, .mx-lg-auto { margin-left: auto !important; }
}
@media (min-width: 1200px) {
	.m-xl-0 { margin: 0 !important; }
	.mt-xl-0, .my-xl-0 { margin-top: 0 !important; }
	.mr-xl-0, .mx-xl-0 { margin-right: 0 !important; }
	.mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; }
	.ml-xl-0, .mx-xl-0 { margin-left: 0 !important; }
	.m-xl-1 { margin: 0.25rem !important; }
	.mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; }
	.mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; }
	.mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; }
	.ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; }
	.m-xl-2 { margin: 0.5rem !important; }
	.mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; }
	.mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; }
	.mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; }
	.ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; }
	.m-xl-3 { margin: 1rem !important; }
	.mt-xl-3, .my-xl-3 { margin-top: 1rem !important; }
	.mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; }
	.mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; }
	.ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; }
	.m-xl-4 { margin: 1.5rem !important; }
	.mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; }
	.mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; }
	.mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; }
	.ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; }
	.m-xl-5 { margin: 3rem !important; }
	.mt-xl-5, .my-xl-5 { margin-top: 3rem !important; }
	.mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; }
	.mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; }
	.ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; }
	.p-xl-0 { padding: 0 !important; }
	.pt-xl-0, .py-xl-0 { padding-top: 0 !important; }
	.pr-xl-0, .px-xl-0 { padding-right: 0 !important; }
	.pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; }
	.pl-xl-0, .px-xl-0 { padding-left: 0 !important; }
	.p-xl-1 { padding: 0.25rem !important; }
	.pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; }
	.pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; }
	.pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; }
	.pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; }
	.p-xl-2 { padding: 0.5rem !important; }
	.pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; }
	.pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; }
	.pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; }
	.pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; }
	.p-xl-3 { padding: 1rem !important; }
	.pt-xl-3, .py-xl-3 { padding-top: 1rem !important; }
	.pr-xl-3, .px-xl-3 { padding-right: 1rem !important; }
	.pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; }
	.pl-xl-3, .px-xl-3 { padding-left: 1rem !important; }
	.p-xl-4 { padding: 1.5rem !important; }
	.pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; }
	.pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; }
	.pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; }
	.pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; }
	.p-xl-5 { padding: 3rem !important; }
	.pt-xl-5, .py-xl-5 { padding-top: 3rem !important; }
	.pr-xl-5, .px-xl-5 { padding-right: 3rem !important; }
	.pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; }
	.pl-xl-5, .px-xl-5 { padding-left: 3rem !important; }
	.m-xl-n1 { margin: -0.25rem !important; }
	.mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; }
	.mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; }
	.mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; }
	.ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; }
	.m-xl-n2 { margin: -0.5rem !important; }
	.mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; }
	.mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; }
	.mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; }
	.ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; }
	.m-xl-n3 { margin: -1rem !important; }
	.mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; }
	.mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; }
	.mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; }
	.ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; }
	.m-xl-n4 { margin: -1.5rem !important; }
	.mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; }
	.mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; }
	.mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; }
	.ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; }
	.m-xl-n5 { margin: -3rem !important; }
	.mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; }
	.mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; }
	.mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; }
	.ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; }
	.m-xl-auto { margin: auto !important; }
	.mt-xl-auto, .my-xl-auto { margin-top: auto !important; }
	.mr-xl-auto, .mx-xl-auto { margin-right: auto !important; }
	.mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; }
	.ml-xl-auto, .mx-xl-auto { margin-left: auto !important; }
 }