/* Minimizzazione non riuscita. Verrà restituito il contenuto non minimizzato.
(34,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35,56): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35,78): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36,48): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(60,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(149,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(153,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(164,35): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(170,35): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(189,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(203,17): run-time error CSS1039: Token not allowed after unary operator: '-font-color'
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
(276,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(279,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(281,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(334,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(335,17): run-time error CSS1039: Token not allowed after unary operator: '-font-color-secondary'
(352,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(353,17): run-time error CSS1039: Token not allowed after unary operator: '-font-color-secondary'
(387,28): run-time error CSS1039: Token not allowed after unary operator: '-base'
(395,28): run-time error CSS1039: Token not allowed after unary operator: '-base'
(436,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(459,1): run-time error CSS1019: Unexpected token, found '}'
(460,7): run-time error CSS1030: Expected identifier, found ' '
(460,8): run-time error CSS1031: Expected selector, found '4px'
(460,8): run-time error CSS1025: Expected comma or open brace, found '4px'
(461,1): run-time error CSS1019: Unexpected token, found '}'
(463,2): run-time error CSS1031: Expected selector, found '/'
(463,2): run-time error CSS1025: Expected comma or open brace, found '/'
(509,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(527,28): run-time error CSS1039: Token not allowed after unary operator: '-base'
(528,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(532,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(538,35): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark'
(543,28): run-time error CSS1039: Token not allowed after unary operator: '-base'
(564,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(566,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(569,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(569,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(588,35): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark'
(591,17): run-time error CSS1039: Token not allowed after unary operator: '-blue_dark'
(598,21): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark'
(611,32): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark'
(612,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(612,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(642,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(647,32): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(651,35): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(695,35): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark'
(710,40): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(723,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(732,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(733,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(734,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(741,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(760,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(776,28): run-time error CSS1039: Token not allowed after unary operator: '-base'
(787,32): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(805,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark'
(812,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(828,28): run-time error CSS1039: Token not allowed after unary operator: '-base'
(832,32): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(904,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark'
(905,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(910,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color'
(914,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(915,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(947,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(974,32): run-time error CSS1039: Token not allowed after unary operator: '-base'
(978,28): run-time error CSS1039: Token not allowed after unary operator: '-body'
(1016,28): run-time error CSS1039: Token not allowed after unary operator: '-base'
(1032,32): run-time error CSS1039: Token not allowed after unary operator: '-base'
(1085,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1090,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1180,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1193,32): run-time error CSS1039: Token not allowed after unary operator: '-base'
(1205,28): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(1246,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1281,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1294,21): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark'
(1305,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1306,17): run-time error CSS1039: Token not allowed after unary operator: '-font-color-secondary'
(1323,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1324,17): run-time error CSS1039: Token not allowed after unary operator: '-font-color-secondary'
(1357,28): run-time error CSS1039: Token not allowed after unary operator: '-base'
(1365,28): run-time error CSS1039: Token not allowed after unary operator: '-base'
(1387,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1419,36): run-time error CSS1039: Token not allowed after unary operator: '-base'
(1423,36): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(1432,28): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(1458,32): run-time error CSS1039: Token not allowed after unary operator: '-base'
(1472,35): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(1476,32): run-time error CSS1039: Token not allowed after unary operator: '-base'
(1480,28): run-time error CSS1039: Token not allowed after unary operator: '-body'
(1516,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1548,17): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(1562,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1567,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1587,40): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(1620,28): run-time error CSS1039: Token not allowed after unary operator: '-base'
(1632,28): run-time error CSS1039: Token not allowed after unary operator: '-base'
(1633,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1657,28): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(1672,17): run-time error CSS1039: Token not allowed after unary operator: '-success'
(1688,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1689,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1694,28): run-time error CSS1039: Token not allowed after unary operator: '-base'
(1703,28): run-time error CSS1039: Token not allowed after unary operator: '-base'
(1762,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1772,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-color-rgb'
(1828,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1829,30): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1837,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1839,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1840,21): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1849,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1859,32): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(1863,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1928,28): run-time error CSS1039: Token not allowed after unary operator: '-base'
(1930,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1959,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1990,21): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(2030,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2095,28): run-time error CSS1039: Token not allowed after unary operator: '-success'
(2137,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2159,28): run-time error CSS1039: Token not allowed after unary operator: '-base'
(2190,32): run-time error CSS1039: Token not allowed after unary operator: '-base'
(2235,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2251,28): run-time error CSS1039: Token not allowed after unary operator: '-base'
(2254,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark'
(2258,32): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(2280,25): run-time error CSS1039: Token not allowed after unary operator: '-red'
(2290,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2313,28): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(2317,28): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(2332,32): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark'
(2341,36): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(2350,17): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark'
(2354,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2358,17): run-time error CSS1039: Token not allowed after unary operator: '-info'
(2362,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2366,17): run-time error CSS1039: Token not allowed after unary operator: '-success'
(2370,17): run-time error CSS1039: Token not allowed after unary operator: '-error'
(2374,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2461,35): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(2483,32): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(2527,32): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(2531,28): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(2554,32): run-time error CSS1039: Token not allowed after unary operator: '-base'
(2558,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2562,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2588,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2590,28): run-time error CSS1039: Token not allowed after unary operator: '-base'
(2657,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2658,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2668,32): run-time error CSS1039: Token not allowed after unary operator: '-info'
(2669,21): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2674,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2675,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2709,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2717,21): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(2750,28): run-time error CSS1039: Token not allowed after unary operator: '-base'
(2780,32): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(2787,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2811,21): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2815,21): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(2819,28): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(2824,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2830,17): run-time error CSS1039: Token not allowed after unary operator: '-error'
(2849,32): run-time error CSS1039: Token not allowed after unary operator: '-base'
(2853,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2857,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2909,28): run-time error CSS1039: Token not allowed after unary operator: '-light-primary'
(2922,28): run-time error CSS1039: Token not allowed after unary operator: '-deep-primary'
(2953,28): run-time error CSS1039: Token not allowed after unary operator: '-deep-primary'
(2988,32): run-time error CSS1039: Token not allowed after unary operator: '-light-primary'
(3028,28): run-time error CSS1039: Token not allowed after unary operator: '-mid-primary'
(3048,35): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark'
(3058,33): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark'
(3063,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3093,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3180,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3202,28): run-time error CSS1039: Token not allowed after unary operator: '-mid-primary'
(3225,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3241,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3248,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3255,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3258,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3263,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3295,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3301,28): run-time error CSS1039: Token not allowed after unary operator: '-blue_1'
(3384,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3420,36): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark'
(3424,36): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(3484,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3485,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3491,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3497,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-color'
(3553,28): run-time error CSS1039: Token not allowed after unary operator: '-body'
(3564,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3653,32): run-time error CSS1034: Expected closing parenthesis, found ','
(3653,32): run-time error CSS1042: Expected function, found ','
(3653,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3663,17): run-time error CSS1039: Token not allowed after unary operator: '-error'
(3692,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3693,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-color'
(3726,17): run-time error CSS1039: Token not allowed after unary operator: '-font-color'
(3871,39): run-time error CSS1039: Token not allowed after unary operator: '-grey-dark'
(3877,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3911,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3922,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3984,28): run-time error CSS1039: Token not allowed after unary operator: '-base'
(4024,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-secondary'
(4084,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(4088,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(4092,32): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(4097,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
 */
body {
    font-size: 14px;
}

.padding_div div {
    padding-bottom: 5px;
}

.dotGrey {
    height: 10px;
    width: 10px;
    background-color: #383838;
    border-radius: 50%;
    display: inline-block;
}

.dotBlue {
    height: 10px;
    width: 10px;
    background-color: #004691;
    border-radius: 50%;
    display: inline-block;
}

.siteVersione {
    font-size: 10px;
}

.login-bg {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: var(--primary-color); /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, var(--primary-color), var(--primary-color)); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, var(--primary-color), var(--primary-color)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    /*background: url(../../Content/Images/login_bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
    /*filter: blur(3px);
    -webkit-filter: blur(3px);
    opacity: 0.7;*/
}

.login-panel {
    border: none;
    background-color: #fff; /*var(--bg-color-secondary);*/
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    padding: 20px;
    text-align: center;
    width: 280px;
    margin: auto;
    margin-top: 15vh;
}

.login-logo {
    font-size: 32px;
    color: var(--primary-color);
    margin: 20px 0;
}

.login-panel .col-md-12 {
    margin-top: 20px;
}

.login-version {
    font-size: 10px;
}

.blink-text input,
.blink-text {
    text-align: center;
    font-weight: bold;
    animation: blinker 2s linear infinite;
}

.recover-pwd-wrapper {
    display: inline-flex;
}

@keyframes blinker {
    50% {
        color: chartreuse;
    }
}

.small_view_legend_inline {
    display: flex;
}

.small_view_legend {
    font-size: 12px;
    width: 100%;
    text-align: start;
}

    .small_view_legend label {
        font-weight: 500;
    }

.content-body {
    /*padding: 20px;*/
    height: 100%;
    padding-right: 0;
}

@media only screen and (max-width: 770px) {
    .content-body {
        padding: 0px;
    }
}

.red-circle {
    color: red;
}

.green-circle {
    color: green;
}

.RowExpanse {
    display: none;
    cursor: pointer;
}

dl, ol, ul {
    margin: 0 !important;
}

body {
    font-family: Montserrat,helvetica, arial, sans-serif !important;
}

/*Ipad in Portrait & Landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
}

/*Iphone Portrait & Landscape*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
    .sevenTopNavBar .fa-window-restore {
        display: none;
    }
}

.linkable-div:hover {
    cursor: pointer;
    color: var(--primary-color);
}

.span_link {
    color: var(--primary-color);
}

    .span_link:hover {
        cursor: pointer;
        filter: brightness(80%);
    }

.gs-group, .po-group {
    padding: 5px;
    width: 100%;
    border-bottom: 1px solid var(--grey);
}

.gs-item, .po-item {
    padding: 5px 5px 5px 40px;
    width: 100%;
    border-bottom: 1px solid var(--grey);
}

    .gs-item:hover, .po-item:hover {
        filter: brightness(80%);
        cursor: pointer;
        font-weight: bold;
    }

.gs-item-subtitle, .po-item-subtitle {
    font-size: 10px;
}

.highlighted {
    font-weight: bold;
    color: #ff3d00;
}

.label-summary {
    border-bottom: 1px solid var(--border-color);
    width: 100%;
    /*font-weight: bold;*/
    font-size: 20px;
    /*background-color: var(--bg-color);*/
}

.span-strong-summary {
    font-weight: 600;
}

.title-input-summary {
    font-size: .75em;
    position: absolute;
    color: var(--font-color);
    font-weight: 600;
}

.content-input-summary {
    font-size: 14px;
    font-weight: 600;
    position: relative;
    top: 18px;
    padding-left: 5px;
    display: block;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.container-input-summary {
    margin-bottom: 20px;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}

.currency-field {
    width: 150px;
    text-align: right;
    display: inline-block;
}

.percent-field {
    width: 50px;
    text-align: right;
    display: inline-block;
}

.row-summary {
    margin-top: 15px;
}

.icon-rotate-45 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.5);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.icon-rotate-90 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.5);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.icon-rotate-180 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.5);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

/*#region List View Template Generico*/
.glw-panel {
    width: 100%;
    padding: 0px 10px;
    background-color: var(--white);
    margin-bottom: 8px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.10), 0 1px 2px rgba(0,0,0,0.10);
    border-left: 5px solid var(--primary-color);
    position: relative;
    border-radius: var(--bs-border-radius);
}

    .glw-panel:hover {
        cursor: pointer;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.16);
    }

.glw-panel-light .glw-data-cell {
    font-weight: 500 !important;
}

.glw-data {
    padding: 5px;
    min-height: 40px;
    width: 100%;
    font-weight: 600;
}

/*    .glw-data i {
        display: none;
    }*/

.glw-data-row {
    display: flex;
    width: 100%;
    padding: 5px 0;
}

.glw-data-cell {
    /*text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;*/
    font-weight: bold;
}

.glw-data-label {
    font-weight: normal;
}

.glw-collapsed {
    display: none;
    font-weight: 400;
}

.il-list-panel {
    padding: 0 !important;
    border-radius: 0.5rem;
    display: flex;
    cursor: pointer;
}

.il-list-header {
    background-color: var(--primary-color);
    color: var(--font-color-secondary);
    padding: 5px 0px;
    margin: 0;
    border-radius: 0.5rem;
}

.il-list-body {
    padding: 5px 0px;
}

.il-list-right {
    padding: 15px 0px;
    margin: 0;
    flex: 5;
}

.il-list-left {
    background-color: var(--primary-color);
    color: var(--font-color-secondary);
    padding: 15px 0px;
    margin: 0;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    flex: 2;
    display: flex;
    align-content: center;
    justify-content: center;
    max-width: 400px;
}

.il-list-command {
    padding: 15px 0px;
    margin: 0;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    flex: 1;
    text-align: center;
    align-items: center;
}

.il-list-row {
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding: 5px 0;
}

.il-list-row-header {
    border: 1px solid #ccc;
    margin: 0;
    padding: 5px 0;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    background-color: var(--base);
}

.il-list-cell {
    padding: 0 5px;
}

.il-list-row {
    background-color: var(--base);
}

    .il-list-row:nth-child(odd) {
        background: none;
    }

.il-list-left div, .il-list-right div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /*-webkit-line-clamp: 1;*/
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    /*display: -webkit-box;*/
}
/*#endregion*/

.no-style-ul {
    list-style-type: none;
    padding: 0;
}

.ul-inline {
    list-style-type: none;
    padding: 0;
}

    .ul-inline li {
        display: inline-block;
        margin-right: 15px;
    }

.panel-summary {
    background-color: #fff;
    padding: 10px;
    margin: 5px 2.5px;
}

.selected-radio-label {
    font-weight: bold;
    color: var(--primary-color);
}


.scroll-row {
    overflow-x: auto;
    white-space: nowrap;
    /* padding: 15px;*/
}

    .scroll-row ul {
        padding: 0;
    }

        .scroll-row ul li {
            display: inline;
            margin-right: 10px;
        }

/*.navbar-badge {
    position: relative;
    top: -7px;
    /*right: 4px;*/
}
right: 4px;
}

*/

.i-mobile {
    display: none;
}

/*#region classi per maschere riepilogo*/

.summary-collapsed {
    width: 45px !important;
    flex: unset !important;
}

    .summary-collapsed .summary-hide {
        display: none;
    }

    .summary-collapsed .toggle-intestazioneprat, .summary-collapsed .toggle-intestazioneana, .summary-collapsed .toggle-intestazionefatt, .summary-collapsed .toggle-intestazionequant {
        transform: rotate(180deg);
    }

    .summary-collapsed .summary-panel-header span {
        display: none;
    }

    .summary-collapsed .summary-panel-body {
        display: none;
    }

    .summary-collapsed .summary-panel {
        background: none !important;
    }

.toggle-intestazioneprat, .toggle-intestazioneana, .toggle-intestazionefatt, .toggle-intestazionequant {
    transition: 2s all;
}

.summary-container {
    display: flex;
    height: 100%;
}

.summary-left-col {
    flex: 1;
    height: 100%;
    overflow-y: auto;
    border-radius: var(--bs-border-radius);
}

.summary-col-thin {
    flex: 0.7;
}

.summary-right-col {
    flex: 2;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    align-items: center;
}

.summary-panel {
    box-shadow: 0 1px 2px rgba(0,0,0,0.10), 0 1px 2px rgba(0,0,0,0.10);
    margin-bottom: 10px;
    background-color: var(--base);
    border-radius: var(--bs-border-radius);
}

.summary-panel-white {
    background-color: var(--white);
}

.summary-row {
    display: flex;
    padding: 5px 0;
    border-bottom: 1px solid var(--grey-dark);
    align-items: center;
}

.summary-row-bggrey {
    background-color: var(--base);
    margin: 0 -15px;
    padding: 10px 15px;
    border: none !important;
}

.summary-row-margin {
    margin: 0 -15px;
}

.summary-label {
    font-weight: bold;
    font-size: 12px !important;
}

.summary-panel-header {
    display: flex;
    position: relative;
    padding: 5px 15px;
    font-weight: 600;
    font-size: 14px;
    background-color: var(--primary-color);
    color: white;
    border-bottom: 3px solid var(--primary-color);
    min-height: 25px;
    align-items: center;
    border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0;
}

.summary-panel-header-large {
    padding: 10px 15px !important;
    min-height: 45px !important;
    font-size: 16px !important;
}

.summary-panel-header .fa-ellipsis-h, .summary-panel-header .fa-book, .summary-panel-header .fa-print, .summary-panel-header .fa-car, .summary-panel-header i[class*='toggle-intestazione'] {
    position: absolute;
    right: 15px;
    /*top: 15px;*/
}

.summary-panel-header-white {
    display: flex;
    position: relative;
    padding: 10px 15px;
    border-bottom: 1px solid var(--grey-dark);
    font-weight: 600;
    font-size: 16px;
    color: var(--blue_dark);
}

    .summary-panel-header-white i {
        position: absolute;
        right: 15px;
        top: 15px;
        color: var(--grey-dark);
    }


.summary-panel-body {
    height: 90%;
    padding: 0 15px;
    overflow: auto;
}

.summary-panel-footer {
    position: relative;
    padding: 5px 15px;
    border-top: 1px solid var(--grey-dark);
    border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0;
    margin-top: 3px;
}

.flex-1 {
    flex: 1;
}

.flex-2 {
    flex: 2;
}

.flex-3 {
    flex: 3;
}

.no-border {
    border: none !important;
}

/*#endregion*/

/*#region Cmapi Stampa Unione*/
.su-container {
    height: 100%;
}

.su-row {
    padding: 10px 35px 10px 30px;
    position: relative;
    background-color: var(--white);
    cursor: pointer;
}

    .su-row:hover {
        background-color: var(--grey);
    }

.su-desc {
    border-bottom: 1px solid var(--grey);
    padding-bottom: 5px;
    /*    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;*/
}

.su-icon {
    position: absolute;
    top: 15px;
    right: 15px;
}
/*#endregion*/

/*.badge {
    font-size: 80% !important;
}*/


/**visualizzazioni In base alla larghezza**/
.show-desktop {
    display: block;
}

.show-tablet {
    display: block;
}

.show-mobile {
    display: block;
}

/** fine **/

.overlay-effect {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
    z-index: 2;
    position: absolute;
}

.block-separator {
    width: 100%;
    border-bottom: 1px solid var(--grey-dark);
    margin: 10px 0 13px;
}

/*#region Popover*/
.options-popover {
    padding: 10px;
    width: 200px;
}

    .options-popover ul {
        text-align: left;
    }

        .options-popover ul li {
            border-top: 1px solid var(--grey);
            cursor: pointer;
            padding: 5px 0;
            display: flex;
            align-items: center;
        }

            .options-popover ul li:nth-child(1) {
                border-top: none;
            }
/*#endregion*/

.s-badge {
    background-color: var(--primary-color);
    color: white;
    padding: 2px 5px;
    border-radius: 10px;
    padding: 3px 10px;
    margin-right: 10px;
}

.s-badge-opposite {
    background-color: var(--white);
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    padding: 2px 5px;
    border-radius: 10px;
    padding: 3px 10px;
}

.span-badge {
    background-color: var(--primary-color);
    color: white;
    padding: 2px 5px;
    font-weight: bold;
}

.ui-sortable-placeholder {
    list-style: none;
}

.filler-rectangle {
    width: 50px;
    height: 20px;
    border-radius: 5px;
    background: none;
}

.s-dropdown-icon {
    margin-left: 10px;
    color: var(--primary-color);
}
/*#region Sezioni Modelli Lettere aggiuntive*/
.sections-scrollable {
    height: 100%;
    overflow: auto;
}

.sections-container {
    width: 100%;
    padding: 0;
}

.section-add-container {
    width: 100%;
    border-radius: 5px;
    background-color: var(--base);
    margin: 10px 0;
}

.section-add-collapse {
    padding: 10px;
    border-radius: 5px;
}

    .section-add-collapse:hover {
        cursor: pointer;
        background-color: var(--grey);
    }

    .section-add-collapse i {
        cursor: default;
        margin-right: 10px;
    }

.section-add-content {
    padding: 10px;
    display: none;
    justify-content: space-around;
    align-items: center;
}

.section-add-element {
    width: 100px;
    text-align: center;
    border: 1px solid var(--grey-dark);
    border-radius: 5px;
    padding: 10px;
    background-color: white;
}

    .section-add-element:hover {
        border-color: var(--primary-color);
        cursor: pointer;
    }

    .section-add-element i {
        font-size: 18px;
        margin-bottom: 5px;
    }

.section-element-container {
    margin: 15px 0;
}

.section-element-grabber {
    padding: 10px;
    border-radius: 5px;
    background-color: var(--base);
}

    .section-element-grabber:hover {
        background-color: var(--grey);
        cursor: pointer;
    }

    .section-element-grabber i {
        margin-right: 10px;
    }

.section-table {
    margin-top: 10px;
}

.section-table-row {
    display: flex;
    /*align-items: center;*/
}

    .section-table-row subform {
        flex: 1;
    }

.section-table-cell {
    border: 1px solid black;
    /*    padding: 10px;
*/ height: 100%;
}

.section-table-noBorder .section-table-cell {
    border: 1px dashed black !important;
}

.section-table-BorderExt {
    border: 1px solid black !important;
}

    .section-table-BorderExt .section-table-cell {
        border: 1px dashed black !important;
    }

.section-element-container .s-popper {
    padding: 10px;
}

    .section-element-container .s-popper ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .section-element-container .s-popper li {
        padding: 5px 10px;
    }

        .section-element-container .s-popper li i {
            margin-right: 10px;
        }

.section-table-tools, .section-image-tools {
    display: flex;
    align-items: center;
    padding: 10px 0;
    flex-wrap: wrap;
}

.section-table-tool, .section-image-tool {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 30px;
    padding: 0px 10px;
    margin-right: 5px;
    border-radius: 5px;
    border: 1px solid var(--grey-dark);
    background-color: var(--white);
}

    .section-table-tool:hover, .section-image-tool:hover {
        cursor: pointer;
        background-color: var(--bg-color);
    }

.section-table-tool-selected, .section-image-tool-selected {
    background-color: var(--primary) !important;
    color: var(--white) !important;
}

.section-image-container {
    display: flex;
    padding: 10px 0;
    align-items: center;
}

    .section-image-container img {
        object-fit: contain;
    }

.section-image-left {
    justify-content: flex-start;
}

.section-image-center {
    justify-content: center;
}

.section-image-right {
    justify-content: flex-end;
}
/*#endregion*/

/*#region Landing*/
.landingBtn {
    position: absolute;
    bottom: 200px;
    left: 110px;
    background-color: white !important;
    color: var(--primary-color) !important;
    display: none;
    padding: 10px 50px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
}

    .landingBtn:hover {
        opacity: 0.9;
    }

    .landingBtn:active {
        opacity: 0.8;
    }
/*#endregion*/

/*#region Documenti*/
.row-doc {
    display: flex;
    align-items: center;
    padding: 10px;
    position: relative;
}

    .row-doc:hover {
        cursor: pointer;
        background-color: var(--base);
    }

.row-doc-selected {
    background-color: var(--body);
}

.doc-ico {
    flex: 1;
}

.doc-nome {
    flex: 3;
}

.doc-data {
    display: flex;
    justify-content: center;
    flex: 1;
}

.doc-ric {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0.2;
}

.doc-options {
    display: flex;
    justify-content: flex-end;
    max-width: 150px;
}

.doc-category {
    display: flex;
    justify-content: flex-end;
    max-width: 250px;
    padding-right: 5px;
}

.doc-drag {
    background-color: var(--base);
    cursor: grab;
    display: none;
}
/*#endregion*/

/*#region Cartelle*/
.row-folder {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px;
}

    .row-folder:hover {
        cursor: pointer;
        background-color: var(--base);
    }

.folder-open > .folder-info .folder-ico-close {
    display: none;
}

.folder-ico-open {
    display: none;
}

.folder-open > .folder-info .folder-ico-open {
    display: block;
}

.folder-open > .folder-subfolder {
    display: block;
}

.folder-info {
    display: flex;
    align-items: center;
    width: 100%;
}

.folder-subfolder {
    display: none;
    width: 100%;
    padding-left: 10px;
}

    .folder-subfolder .row-folder, .folder-subfolder .row-doc {
        padding-right: 0;
    }

.folder-ico {
    display: flex;
    flex: 1;
    position: relative;
}

.folder-nome {
    display: flex;
    flex: 4;
}

.folder-options {
    display: flex;
    justify-content: flex-end;
    flex: 1;
}

.folder-counter {
    background-color: var(--primary-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 14px;
    width: 25px;
    height: 25px;
    position: absolute;
    bottom: -5px;
    left: 20px;
    z-index: 2;
}
/*#endregion*/

/*#region Navbar*/
.gesinf-trash {
    width: 40px;
    cursor: pointer;
}

/*#endregion*/
/*#region Media Query*/
@media only screen and (max-width : 1600px) {
}

@media only screen and (max-width : 1024px) {
    /*    .glw-data-desktop {
        display: none;
    }

    .glw-data i{
        display:block;
    }*/
}

@media only screen and (min-width : 668px) and (max-width : 1024px) {
    .i-desktop {
        display: none !important;
    }

    .i-mobile {
        display: block;
    }

    .show-desktop {
        display: none;
    }
}
/*Iphone Portrait & Landscape*/
@media only screen and (min-width : 300px) and (max-width : 667px) {
    .sevenTopNavBar .toggle-widget-nav {
        display: none;
    }

    .i-desktop {
        display: none !important;
    }

    .i-mobile {
        display: block;
    }

    .show-desktop {
        display: none;
    }

    .show-tablet {
        display: none;
    }
}

.mt-20 {
    margin-top: 20px;
}
/*#endregion*/

.highlight {
    color: yellow;
}

.s-tab-list {
    top: 3px !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -3px !important;
}

.row > *:not([class*="col"]) {
    width: unset !important;
}

.btn-info, .btn-info:hover {
    color: var(--white);
}


/*#region vis documenti*/
.doc-row {
    cursor: pointer;
    padding: 5px 0;
    display: flex;
    align-items: center;
}

    .doc-row:nth-child(even) {
        background-color: var(--base);
    }

.doc-icon {
    margin-right: 10px;
}

.doc-options {
    padding: 0 5px;
}

.doc-selected, .docfolder-selected {
    background-color: var(--grey) !important;
}

.doc-container-header {
    margin: 15px 0;
}

    .doc-container-header > i {
        margin-right: 10px;
    }
/*#endregion*/


.error-html {
    height: 100%;
}

.error-body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: 0;
}

.error-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.error-left img {
    max-width: 400px;
    margin-right: 20px;
}

.error-right {
    padding: 5px;
}

    .error-right h1 {
        color: var(--primary-color);
        font-size: 48px;
        margin: 0;
    }

    .error-right .error-subtitle {
        font-size: 24px;
        margin: 0 0 20px 0;
    }

    .error-right p {
        font-size: 16px;
        margin: 10px 0;
    }

.fa-kit {
    cursor: pointer;
}

.doc-tree-folder {
    width: 100% !important;
}

.folder-level {
    padding-left: 10px;
    max-height: 250px;
    overflow-y: auto;
}

.folder-selected {
    font-weight: bold;
    text-decoration: underline;
}

    .folder-selected i {
        color: var(--primary-color) !important;
    }

.folder-expand {
    padding-bottom: 3px;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none; /* Chrome, Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
}

    .folder-expand i {
        color: var(--grey-dark);
    }

.pratica-panel {
    padding: 0 !important;
    border-radius: 0.5rem;
    display: flex;
    cursor: pointer;
}

.pratica-header {
    background-color: var(--primary-color);
    color: var(--font-color-secondary);
    padding: 5px 0px;
    margin: 0;
    border-radius: 0.5rem;
}

.pratica-body {
    padding: 5px 0px;
}

.pratica-right {
    padding: 15px 0px;
    margin: 0;
    flex: 5;
}

.pratica-left {
    background-color: var(--primary-color);
    color: var(--font-color-secondary);
    padding: 15px 0px;
    margin: 0;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    flex: 2;
    display: flex;
    align-content: center;
    justify-content: center;
}

.pratica-command {
    padding: 15px 0px;
    margin: 0;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    flex: 1;
    text-align: center;
    align-items: center;
}

.pratica-row {
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding: 5px 0;
}

.pratica-row-header {
    border: 1px solid #ccc;
    margin: 0;
    padding: 5px 0;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    background-color: var(--base);
}

.pratica-cell {
    padding: 0 5px;
}

.pratica-row {
    background-color: var(--base);
}

    .pratica-row:nth-child(odd) {
        background: none;
    }

.index_cli_prat {
    position: absolute;
    left: -10px;
    top: 10px;
    position: absolute;
    left: -5px;
    top: 10px;
    font-size: 20px;
    font-weight: 600;
}

.panel-intestazione-prat {
    /*border: 1px solid var(--grey-dark);
    border-radius: 2px;*/
    padding: 10px;
    background-color: var(--white);
}


#SottoTipoFascicoloInsPrat {
    display: none;
}

#formCliDuplicaPrat {
    counter-reset: line-number;
}

.cli-pos {
    counter-increment: line-number;
}

    .cli-pos:before {
        content: counter(line-number)"°";
    }


.menu-verticale {
    list-style-type: none;
    padding: 0;
}

    .menu-verticale li {
        padding: 10px;
        cursor: pointer;
    }

        .menu-verticale li:nth-child(2n+1) {
            background-color: var(--base);
        }

        .menu-verticale li:hover {
            background-color: var(--grey);
        }

    .menu-verticale span {
        font-weight: 600;
        float: right;
    }

.sezione-menu-selected {
    background-color: var(--grey) !important;
}

.sezione-content {
    height: 100%;
    overflow-y: auto;
}

.sezioni-container {
    height: 100%;
}

.listPratiche-container{
    height: 99%;
}
/*#region Documenti*/
.docFolder {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    padding-top: 15px;
}

    .docFolder:hover {
        cursor: pointer;
        background-color: var(--base);
    }

.docList {
    padding: 0 15px;
    display: none;
}

.docrow {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    padding: 15px;
    border-bottom: 1px solid var(--grey);
}

    .docrow:hover {
        background-color: var(--base);
    }

.docrow-selected {
    background-color: var(--body);
}

.docIcon {
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.docFolder .docInfo {
    flex: 4;
    padding-left: 15px;
}

.docrow .docInfo {
    flex: 3;
}

.row-temp-doc {
    position: relative;
}

    .row-temp-doc .docInfo {
        flex: 3;
    }

.docInfo {
    overflow: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
}

    .docInfo:hover {
        cursor: pointer;
        color: var(--primary-color);
    }

.docNote {
    flex: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.docData {
    flex: 1;
    min-width: 110px;
    /*display: flex;
    justify-content: center;
    align-items: center;*/
}

.docRic {
    flex: 0.5;
    display: flex;
    justify-content: center;
    align-items: center;
}

.docExtension {
    flex: 1;
    text-align: center;
    font-weight: bold;
    color: var(--grey);
    text-transform: uppercase;
}

.docOptions {
    flex: 1;
    text-align: center;
}

.doc-category {
    display: flex;
}

.doc-badge {
    background-color: var(--primary-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 14px;
    width: 25px;
    height: 25px;
    position: absolute;
    bottom: -5px;
    left: 30px;
    z-index: 2;
}

.doc-options-popover {
    padding: 10px;
    width: 200px;
}

    .doc-options-popover ul {
        text-align: left;
    }

        .doc-options-popover ul li {
            border-top: 1px solid var(--grey);
            cursor: pointer;
            padding: 5px 0;
        }

            .doc-options-popover ul li:nth-child(1) {
                border-top: none;
            }

.i-edit-doc-mobile, .i-delete-doc-mobile {
    display: none;
}

.main-dragzone {
    min-height: 100%;
}

.layout-doc-prat {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}

.doc-prat {
    flex: 1;
    height: 100%;
    padding-right: 10px;
}

.doc-prat-preview, .docmail-prat-preview {
    flex: 1;
    height: 100%;
    padding: 10px;
    background-color: var(--base);
}

    .doc-prat-preview iframe {
        border: none;
    }

/*#endregion*/
/*#region Diario*/
/*nuova maschera*/
.diario-totale-costo-orario {
    max-width: 200px;
    background-color: var(--base);
    color: var(--primary-color);
    border-radius: 10px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 0 0 5px 5px;
}

    .diario-totale-costo-orario div {
        margin: 0 5px;
    }

.diario-container {
    height: 100%;
}

.diario-scroll {
    overflow-x: hidden;
    height: calc(100% - 50px);
}

.riga-diario-container {
    display: flex;
    border: 1px solid var(--grey);
    border-radius: 10px;
    margin-bottom: 10px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1), 0 1px 1px rgba(0,0,0,0.1);
}

.pin-riga-diario {
    padding-left: 10px;
}

.diario-pin {
    transform: rotate(-45deg);
}

.diario-pinned {
    color: var(--success);
}

.data-riga-diario {
    width: 105px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 5px 10px;
}

.icona-riga-diario {
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--primary-color);
    color: var(--white);
}

.info-riga-diario {
    padding: 5px 10px;
    background-color: var(--base);
    flex: 1;
}

.options-riga-diario {
    width: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--base);
}

.top-riga-diario {
    display: flex;
    align-items: center;
}

.utenti-riga-diario {
    text-align: right;
    font-style: italic;
    margin-top: 8px;
    font-size: 10px;
}

    .utenti-riga-diario .s-badge-opposite {
        margin-bottom: 5px;
        display: inline-block;
    }

.costo-riga-diario {
    max-width: 200px;
    margin-bottom: 5px;
    text-align: right;
}

.stato-promemoria-diario {
    max-width: 200px;
    margin-bottom: 5px;
    text-align: right;
}

.tipo-riga-diario {
    font-weight: bold;
    flex: 1;
}

.testo-riga-diario span {
    white-space: pre-line;
}
/*vecchia maschera*/
.diarioScroll {
    padding: 20px;
    overflow-x: hidden;
    height: calc(100% - 50px);
}

.diarioList {
    list-style-type: none;
    margin: 0 0 0 5px !important;
    padding: 0;
    position: relative;
}

    .diarioList:before {
        content: "";
        display: block;
        width: 0;
        height: 100%;
        border: 1px solid var(--primary-color);
        position: absolute;
        top: 0;
        left: 30px;
    }

    .diarioList .diarioInfo {
        margin: 20px 0px 20px 60px;
        position: relative;
        padding: 10px 20px;
        border: 1px solid rgba(var(--primary-color-rgb), 0.3);
        border-radius: 10px;
        line-height: 20px;
        width: calc(100% - 60px);
    }


        .diarioList .diarioInfo::before,
        .diarioList .diarioInfo::after {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            width: 100px;
        }

        .diarioList .diarioInfo::before {
            right: 100%;
        }

        .diarioList .diarioInfo::after {
            left: 100%;
        }

        .diarioList .diarioInfo > span {
            content: "";
            display: block;
            width: 0;
            height: 100%;
            border: 1px solid #fff;
            position: absolute;
            top: 40%;
            left: -29px;
        }

        /*.diarioList .diarioInfo > span:before {
                content: "";
                display: block;
                width: 35px;
                height: 35px;
                border-radius: 50%;
                background: #fff;
                border: 2px solid var(--primary-color);
                position: absolute;
                left: -19.5px;
                top: -15px;
            }*/

        .diarioList .diarioInfo > .iniziali_prop {
            padding: 6px;
            top: 2px;
            left: -48px;
            position: absolute;
            width: 35px;
            height: 35px;
            text-align: center;
            border: 2px solid var(--primary-color);
            background: var(--white);
            border-radius: 50%;
            font-size: 12px;
            font-weight: 600;
        }

    .diarioList .diarioData > span {
        padding: 3px 6px;
        border: 2px solid var(--primary-color);
        border-radius: 15px;
        background-color: var(--primary-color);
        color: var(--white);
        z-index: 2;
        position: relative;
        left: -15px;
        /*color: var(--primary-color);*/
    }

.diarioTipo {
    text-transform: uppercase;
    color: var(--primary-color);
    font-weight: bold;
    flex: 8;
}

.diarioInsert {
    height: 100px;
    align-content: center;
    align-items: center;
    justify-content: center;
    border-top: 1px solid var(--grey);
}

.diarioList .diarioInfo:hover {
    border-color: var(--primary-color);
}

    .diarioList .diarioInfo:hover .diarioOptions {
        display: block;
    }

.diarioOptions {
    position: absolute;
    right: -100px;
    top: 2px;
    display: none;
    transition: all 0.5s;
    z-index: 2;
}

.diarioAvviso {
    /*position: absolute;
    top: 5px;
    right: 10px;
    z-index: 3;*/
    flex: 1;
    text-align: right;
}

    .diarioAvviso i {
        color: #DE9E36;
    }


.diarioCommands {
    flex: 1;
    text-align: right;
}

.diarioNote {
    flex: 8;
}

/*nuove classi*/
.diarioprat-container {
    overflow: hidden;
}

.diario-list .s-list-content {
    overflow: auto;
}

.diario-row {
    align-items: center;
    margin-bottom: 10px;
}

.s-list-content .diario-row {
    align-items: center;
    margin: 10px;
}

.diario-data {
    flex: 1;
    align-items: center;
}

.diario-panel {
    flex: 11;
    background-color: var(--base);
    min-height: 50px;
    border-left: 2px solid var(--primary-color);
    position: relative;
    display: flex;
    padding: 0;
    align-items: center;
    box-shadow: 0 1px 2px rgba(0,0,0,0.10), 0 1px 2px rgba(0,0,0,0.10);
}

.diario-evidenzia {
    padding-left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .diario-evidenzia i {
        font-size: 18px;
    }

.diario-info {
    flex: 11;
    padding-left: 10px;
    align-items: center;
}

.diario-iniziali {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--primary-color);
    color: white;
    position: absolute;
    left: -16px;
    top: calc(50% - 16px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.diario-tipo {
    font-weight: 600;
}

.diario-note {
    padding: 3px 0;
}

    .diario-note span {
        white-space: pre-line;
    }

.diario-avviso {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .diario-avviso i {
        color: var(--warning);
        margin-left: 10px;
        font-size: 14px;
    }

.diario-option {
    width: 120px;
    /*background-color: var(--grey);*/
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.diario-sms-container .s-main-table {
    height: 80%;
}

/*Edit Diario*/
.container-edit-diario {
}

.diario-scadenza-icon {
    margin-right: 10px;
    font-size: 18px;
}

.panel-diario {
    border-radius: 20px;
    background-color: white;
    margin: 0 5px 15px;
    transition: all 1s ease-out;
}

    .panel-diario .s-badge {
        margin-bottom: 5px;
        display: inline-block;
    }

.panel-diario-header {
    background-color: var(--primary-color);
    color: white;
    padding: 10px 20px;
    font-size: 16px;
    text-transform: uppercase;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    display: flex;
    align-items: center;
}

    .panel-diario-header i {
        margin-right: 15px;
    }

.panel-diario-body {
    padding: 10px 20px;
}

.panel-diario-collapsed {
    transition: all 1s ease-out;
}

    .panel-diario-collapsed .panel-diario-header {
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .panel-diario-collapsed .panel-diario-body {
        display: none;
    }

    .panel-diario-collapsed .panel-diario-collapse-icon {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.panel-diario-collapse-icon {
    transition: all 1s ease-out;
}

.dirio-evidenza-container {
    font-size: 18px;
    display: flex;
    align-items: center;
}

    .dirio-evidenza-container i {
        margin-right: 10px;
    }

.diario-evidenza-selected {
    font-size: 24px;
    font-weight: bold;
}

.diario-autorizzazioni .s-toggle-placeholder-left {
    color: white;
}


.diario-autorizzazioni .s-toggle:checked + .s-toggle-label {
    background-color: var(--success);
}

/*Prospetto ore*/
.search-panel-prospettoore-container {
    width: 100%;
    height: 200px;
    overflow: auto;
    display: none;
    position: relative;
}

    .search-panel-prospettoore-container .s-login-loader {
        position: absolute;
        top: 35%;
        left: 47%;
    }

/*#endregion*/
/*#region Dati*/
.pratica-add-cli, .pratica-add-ctp {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.cliprat-container, .ctpprat-container {
    height: calc(100% - 10px);
    overflow-y: auto;
    overflow-x: hidden;
}
/*#endregion*/
/*#region Quantificazione*/
.container-quantificazioni {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.container-edit-quantificazione {
    padding: 10px;
    padding-bottom: 0px;
    background: var(--white);
}

.quantificazione-edit-row {
    display: flex;
    align-items: center;
}

.quantificazione-edit-col {
    flex: 1;
    margin: 0 5px;
}

.quantificazione-bold {
    font-weight: 600;
    font-size: 14px;
    padding-top: 8px;
}
/*#endregion*/
/*#region Spese*/
.container-totali-spese {
    min-height: 60px;
    background-color: var(--base);
    padding: 10px;
    margin-top: 5px;
}

.container-spese-prat {
    height: 100%;
}
/*#endregion*/
/*#region Fatture*/
.dettFatt-container, .allegatiFatt-container {
    height: calc(100% - 90px);
}

.modpagFatt-container {
    height: calc(100% - 95px);
}

.scadpagFatt-container, .sottoseg-container {
    min-height: 250px;
    max-height: 400px;
    overflow: auto;
}

.dettFatt-list, scadpagFatt-list, .modpagFatt-list .allegatiFatt-list, .sottoseg-list {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

    .dettFatt-list .dett-subform:nth-child(even), .modpagFatt-list .modpag-subform:nth-child(even), .scadpagFatt-list .scadpag-subform:nth-child(even), .allegatiFatt-list .allegatiFatt-row:nth-child(even) {
        background-color: var(--base);
    }

.row-btn-fattura {
    display: flex;
    align-items: center;
}

/*.fattura-add-modpag, .fattura-add-scadpag, .fattura-add-allegato {
    position: absolute;
    bottom: 5px;
    right: 5px;
}*/

.dettFatt-row, .modpagFatt-row, .scadpagFatt-row, .allegatiFatt-row {
    display: flex;
    align-content: center;
    align-items: center;
    /*justify-content: center;*/
}

.allegatiFatt-row {
    padding: 10px 0;
}

.dettFatt-cell, .modpagFatt-cell, .scadpagFatt-cell, .allegatiFatt-cell {
    padding: 0 5px;
}
/*#endregion*/
/*#region Email*/
.btn-email {
    width: 150px;
}

    .btn-email label {
        width: 50px;
        margin: 0;
        cursor: pointer;
    }

.view-mail-label {
    width: 40px;
}

.container-view-mail {
    background-color: var(--white);
    padding: 15px;
    height: 100%;
}

    .container-view-mail .row {
        margin-bottom: 10px;
    }

.email-ico-btn {
    width: 60px;
    height: 60px;
    display: flex;
    align-content: center;
    align-items: center;
    cursor: pointer;
    background-color: var(--base);
    margin: auto;
    border-radius: 5px;
    border: 1px solid var(--grey-dark);
}

    .email-ico-btn:hover {
        background-color: var(--grey);
    }

    .email-ico-btn img {
        margin: auto;
    }

.attach-email {
    position: relative;
    padding: 10px 0;
    margin-right: 15px;
    display: inline-block !important;
    cursor: pointer;
}

    .attach-email .attach-clear {
        position: relative;
        top: -5px;
        right: -5px;
    }

        .attach-email .attach-clear:hover {
            color: var(--red);
        }

    .attach-email .attach-edit {
        position: relative;
        top: 15px;
        right: 5px;
    }

        .attach-email .attach-edit:hover {
            color: var(--primary-color);
        }

    .attach-email .attach-download {
        margin-right: 10px;
    }

.riga-Firma, .riga-Modello {
    padding: 10px;
}

.attach-eml-download, .attach-eml-zip-download {
    padding: 10px;
    cursor: pointer;
    display: inline-block !important;
}

    .attach-eml-download i {
        margin-right: 10px;
    }

.riga-DocdaAllegare:hover {
    cursor: pointer;
    background-color: var(--grey) !important;
}

.riga-DocdaAllegare-selected {
    background-color: var(--grey) !important;
}

.filtro-tipi-mail {
    list-style-type: none;
    padding: 0;
    display: flex;
    justify-content: space-evenly;
}

    .filtro-tipi-mail li {
        padding: 10px;
        cursor: pointer;
        width: 150px;
        display: inline-block;
        border: 1px solid var(--grey-dark);
        border-radius: 5px;
    }

        /*.filtro-tipi-mail li:nth-child(2n+1) {
            background-color: var(--base);
        }*/

        .filtro-tipi-mail li:hover {
            background-color: var(--grey);
        }

    .filtro-tipi-mail span {
        font-weight: 600;
        float: right;
    }

.filtro-tipo-mail {
    color: var(--grey-dark);
}

.filtro-tipi-mail .tipo-mail-selected[data-tipo="0"] {
    color: var(--primary-color) !important;
}

.filtro-tipi-mail .tipo-mail-selected[data-tipo="2"] {
    color: var(--info) !important;
}

.filtro-tipi-mail .tipo-mail-selected[data-tipo="1"] {
    color: var(--primary-color) !important;
}

.filtro-tipi-mail .tipo-mail-selected[data-tipo="4"] {
    color: var(--success) !important;
}

.filtro-tipi-mail .tipo-mail-selected[data-tipo="5"] {
    color: var(--error) !important;
}

.filtro-tipi-mail .tipo-mail-selected[data-tipo="6"] {
    color: var(--primary-color) !important;
}

/*.tipo-mail-selected {
        background-color: var(--grey) !important;
    }*/

.corpo-view-mail {
    height: calc(100% - 150px);
    overflow: auto;
}

.container-anteprima-mail-prat {
    flex: 4;
    height: 100%;
    padding: 5px 10px;
    overflow: hidden;
}

.anteprima-mail-prat {
    height: calc(100% - 40px);
}

.anteprima-mail-prat-options {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.mail-prat-selected {
    background-color: #f7f7f7 !important;
}

.container-email-pratica {
    height: 100%;
    display: flex;
    margin: 0 -10px;
    overflow: hidden;
}

.scarico-mail-panel .s-badge {
    font-size: 8px;
    cursor: pointer;
}
/*#endregion*/
/*#region Lettere*/
.container-indirizzi-lettera {
    height: 200px;
    overflow: auto;
}

.indirizzo-lettera {
    padding: 10px 15px;
}

    .indirizzo-lettera input[type="checkbox"] {
        margin-right: 15px;
    }

/*.container-modlettera {
    flex: 1;
    height: 100%;
    overflow: auto;
}

.modlettera-row {
    display: flex;
    padding: 10px 5px;
    cursor: pointer;
}

    .modlettera-row:hover {
        background-color: var(--grey);
    }

.modlettera-ico {
    flex: 1;
    text-align: center;
}

.modlettera-desc {
    flex: 4;
}*/

.indlettera-row {
    display: flex;
    padding: 10px 0;
    border-bottom: 1px solid var(--grey);
}

.indlettera-select {
    flex: 1;
    display: flex;
    align-content: center;
    align-items: center;
}

.indlettera-fields {
    flex: 15;
}


.lettera-row {
    display: flex;
    padding: 10px 15px;
    cursor: pointer;
}

    .lettera-row:hover {
        background-color: var(--grey);
    }

.img-lettera {
    flex: 1;
    display: flex;
    align-content: center;
    align-items: center;
}

.desc-lettera {
    flex: 8;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.data-lettera {
    flex: 2;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.options-lettera {
    flex: 2;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.addindlettera-container {
    max-height: 300px;
    overflow: auto;
}

.addindlettera-row {
    padding: 10px 5px;
    cursor: pointer;
}

    .addindlettera-row:hover {
        background-color: var(--grey) !important;
    }

.addindlettera-row-selected {
    background-color: var(--grey) !important;
}

.addindlettera-name {
    padding-left: 5px;
}

.lettera-margini-personalizzati {
    display: none;
    align-items: center;
}

.lettera-margin-type {
    padding: 5px;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

    .lettera-margin-type:hover {
        cursor: pointer;
        background-color: var(--base);
    }

.lettera-margin-selected {
    background-color: var(--white);
}

    .lettera-margin-selected > .s-label {
        color: var(--primary-color);
        font-weight: bold;
    }

.lista-eredi {
    height: calc(100% - 30px);
    overflow: auto;
    display: flex;
    flex-direction: column;
}


/*#endregion*/
/*#region Gestione Contabile*/
.container-gest-contabile {
}

.section-gest-contabile {
    margin-bottom: 15px;
}

.gest-contabile-riga {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 10px 0;
    border-left: var(--primary-color) solid 5px;
    padding: 10px;
    background-color: var(--base);
}

.gest-contabile-riga-cell {
    flex: 1;
}
/*#endregion*/
@media only screen and (max-width : 1024px) {
    .container-view-mail {
        overflow: auto;
    }

    .corpo-view-mail {
        overflow: unset;
    }
}

/*Ipad in Portrait & Landscape*/
@media only screen and (min-width : 768px) and (max-width : 1024px) {
}
/*Iphone Portrait & Landscape*/
@media only screen and (min-width : 300px) and (max-width : 667px) {
    .pratica-panel {
        flex-direction: column;
    }

    .docData, .docRic, .i-edit-doc, .i-delete-doc {
        display: none !important;
    }

    .i-edit-doc-mobile, .i-delete-doc-mobile {
        display: block;
    }

    .docOptions {
        flex: 1;
    }

    .main-dragzone {
        padding-bottom: 30px;
    }
}

/*#region Edit Lettera Single Page*/
.container-edit-lettera-singlepage {
    display: flex;
    height: 100%;
}

.edit-lettera-singlepage-fields {
    flex: 6;
    height: 100%;
    padding-right: 15px;
    overflow-y: auto;
}

.edit-lettera-singlepage-preview {
    flex: 4;
    height: 100%;
    overflow-y: auto;
}

.edit-lettera-singlepage-fields-section {
    margin-bottom: 10px;
}

.container-edit-lettera-singlepage .section-element-grabber, .container-edit-lettera-singlepage .section-add-collapse {
    background-color: var(--primary-color);
    color: var(--white);
    padding: 5px;
    font-size: 12px;
}

.container-edit-lettera-singlepage .section-add-collapse {
    text-align: center;
}

    .container-edit-lettera-singlepage .section-element-grabber:hover, .container-edit-lettera-singlepage .section-add-collapse:hover {
        background-color: var(--info);
        color: var(--white);
    }

.edit-lettera-singlepage-fields-title {
    width: 100%;
    background-color: var(--primary-color);
    color: var(--white);
    padding: 5px;
    border-radius: 5px;
    font-size: 12px;
}
/*#endregion*/

.ana-panel {
    padding: 0 !important;
    border-radius: 0.5rem;
    display: flex;
    cursor: pointer;
}


.ins-azienda{
    display:none;
}

.recapiti-container, .maggiorenni-container {
    height: calc(100% - 30px);
    overflow-y: auto;
    overflow-x: hidden;
}

.container-tipiana{
    display: flex;
    flex-wrap: wrap;
    padding: 10px 15px;
}

.badge-tipoana{
    padding: 5px 10px;
    border-radius: 15px;
    background-color: var(--primary-color);
    color: white;
    margin: 2px 5px;
}
.badge-tipoana i{
    margin-left: 10px;
}
    .badge-tipoana i:hover {
        color: var(--danger);
        cursor: pointer;
    }

.existing-ana{
    max-height: 400px; 
    overflow: auto;
    margin-top: 10px;
}

.existing-ana div{
    margin-bottom: 5px;
}
.existing-ana input[type='radio']{
    margin-right: 15px;
}

/*#region Documenti*/
.layout-doc-ana{
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}
.doc-ana {
    flex: 1;
    height: 100%;
    overflow: auto;
    padding-right: 10px;
}
.doc-ana-preview {
    flex: 1.5;
    height: 100%;
    padding: 10px;
    background-color: var(--base);
}
.doc-ana-preview iframe{
    border:none;
}


/*#endregion*/
.elenco-modelli-lettere {
    height: 100%;
}

.sub-elements-modelli {
    padding-left: 5px;
}

.element-modelli {
    /*padding: 10px 10px 0;*/
    cursor: pointer;
}

    .element-modelli img {
        margin-right: 10px;
    }

.element-modelli-info {
    padding: 10px;
}

    .element-modelli-info:hover {
        background-color: var(--grey);
    }

.modelli-lettere-container, .modelli-email-container {
    display: flex;
    height: 100%;
    padding: 10px;
    background-color: var(--white);
}

    .modelli-email-container{
        min-height: 400px;
    }

    .modelli-lettere-elenco, .modelli-email-elenco {
        flex: 2;
        height: 100%;
        padding-right: 10px;
        overflow: auto;
    }

.modelli-lettere-preview, .modelli-email-preview {
    flex: 2;
    height: 100%;
}

.element-modelli-ico, .element-modelli-ico-danger {
    margin-left: 10px;
}

    .element-modelli-ico:hover {
        color: var(--primary);
    }

    .element-modelli-ico-danger:hover {
        color: var(--danger);
    }

.modlettera-selected, .modemail-selected {
    background-color: var(--grey);
}

.badge-tipoprat-modello {
    padding: 3px 10px;
    background-color: var(--primary-color);
    color: white;
    margin-right: 5px;
    border-radius: 10px;
}
.remove-tipoprat-modello:hover{
    color: var(--error);
}

.modello-margini-personalizzati {
    display: none;
    align-items: center;
}

.modello-margin-type {
    padding: 5px;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

    .modello-margin-type:hover {
        cursor: pointer;
        background-color: var(--base);
    }

.modello-margin-selected {
    background-color: var(--white);
}

    .modello-margin-selected > .s-label {
        color: var(--primary-color);
        font-weight: bold;
    }
body {
}

.pdfSvg::before {
    content: url(Images/pdf.svg);
    display: inline-block;
    width: 30px;
    height: 30px;
}

.attachSvg::before {
    content: url(Images/attachment.svg);
    display: inline-block;
    width: 20px;
    height: 20px;
}

.xmlSvg::before {
    content: url(Images/download.svg);
    display: inline-block;
    width: 20px;
    height: 20px;
}

.htmlSvg::before {
    content: url(Images/view.svg);
    display: inline-block;
    width: 20px;
    height: 20px;
}


.pnb-grid, .pnb-grid th {
    font-size: 12px !important;
}

    .pnb-grid, .pnb-grid td, .pnb-grid, .pnb-grid th {
        padding: 3px !important;
    }


.container-eu-pnsl, .container-eu-pnsc, .container-eu-pnrcc {
    display: flex;
    margin: 0 15px;
    font-weight: bold;
}
.s-widget-maximized[data-id='widget_scarico_posta'] .s-widget-body {
    padding: 0 !important;
    overflow: hidden;
    background-color: var(--light-primary);
}

.scarico-posta-container {
    display: flex;
    height: 100%;
    position: relative;
}

.scarico-collapse-col {
    position: absolute;
    top: 0px;
    left: -15px;
    background-color: var(--deep-primary);
    padding: 5px 10px 5px 18px;
    border-radius: 0 50% 50% 0;
    font-weight: bold;
    color: white;
    font-size: 18px;
}

.scarico-posta-col {
    height: 100%;
    padding: 5px 15px;
}

.scarico-posta-fl2 {
    flex: 2.5;
}

.scarico-posta-fl4 {
    flex: 4;
}

.scarico-posta-fl8 {
    flex: 8;
}

.scarico-posta-fl12 {
    flex: 12;
}

.scarico-account-list {
    max-width: 315px;
    background-color: var(--deep-primary);
    color: #fff;
    padding: 15px;
}

.scarico-posta-account-list {
    height: calc(100% - 130px);
    min-width: 260px;
    overflow-y: auto;
}

    .scarico-posta-account-list > .scarico-account-row {
        border-top: none;
        padding-top: 0;
    }

        .scarico-posta-account-list > .scarico-account-row ~ .scarico-account-row {
            /*border-top: 1px solid #ccc;*/
            padding-top: 15px;
        }

.scarico-account-row {
    margin-bottom: 10px;
}

    .scarico-account-row ul {
        list-style: none;
        padding: 0;
    }

    .scarico-account-row li {
        padding: 5px 10px 5px 25px;
    }

    .scarico-account-row > li:hover {
        background-color: var(--light-primary);
    }

    .scarico-account-row .accountmail-option {
        padding: 0 0 0 10px;
        position: relative;
        right: 0;
        top: -3px;
    }

.scarico-account-row-name {
    text-overflow: ellipsis;
    max-width: 185px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
    /*font-weight: 600;*/
}

.scarico-account-row .s-account-expandable-icon {
    /*float: right;
    padding: 0;
    position: relative;
    left: 0;
    top: -3px;
    height: 20px;*/
    font-size: 16px;
}

.scarico-folder {
    cursor: pointer;
}

.scarico-folder-name {
    margin-left: 10px
}

.scarico-folder-selected {
    /*font-weight: 600;*/
    background-color: var(--mid-primary);
    border-radius: 15px;
}

.scarico-posta-mail-list {
    height: calc(100% - 95px);
    overflow-y: auto;
}

.scarico-mail-list-loader {
    position: relative !important;
    top: 2% !important;
}

.scarico-mail-preview-loader {
    position: relative !important;
}

.scarico-mail-panel {
    padding: 5px 10px 10px;
    border-bottom: 1px solid var(--grey-dark);
    border-left: 3px solid white;
    background-color: white;
}

    .scarico-mail-panel:hover {
        background-color: #fafafa;
    }

.scarico-mail-panel-selected {
    border-left: 3px solid var(--grey-dark);
    background-color: #f7f7f7;
}

.mail-not-read {
    border-left: 3px solid var(--primary-color);
}

.scarico-mail-panel-from {
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    white-space: nowrap;
    max-width: 300px;
    /*display: inline-block;*/
    font-weight: 600;
}

.scarico-mail-panel-date {
    /*display: inline-block;
    float: right;*/
}

.scarico-mail-panel-subject {
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.scarico-posta-mail-preview {
    height: calc(100% - 40px);
    margin: 20px 25px 20px 15px;
    background-color: var(--white);
    border-radius: 20px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    overflow-x: auto;
}

.scarico-posta-info {
    padding: 10px 20px;
    /*    
    max-height: 170px;
    display: flex;
    background-color: var(--white);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    */
}

.scarico-posta-badge {
    padding: 5px 15px;
    display: flex;
    /*background-color: var(--white);*/
}

    .scarico-posta-badge .badge {
        padding: 5px 7px;
        margin-right: 10px;
    }

.scarico-posta-body {
    overflow: auto;
    padding: 15px;
    height: 100%;
}

    .scarico-posta-body p {
        margin-bottom: 0 !important;
    }

.scarico-mail-from, .scarico-mail-to, .scarico-mail-cc, .scarico-mail-subject {
    display: inline-block;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    /*max-width: 600px;*/
}

.scarico-mail-date {
    font-size: 16px;
    text-align: right;
    flex: 1;
    padding-top: 5px;
}

.scarico-posta-allegati {
    width: 100%;
    padding: 0 15px !important;
    /*background-color: var(--white);
    min-height: 80px;*/
}

    .scarico-posta-allegati li {
        cursor: pointer;
        padding: 20px 0;
        margin-right: 20px;
    }

    .scarico-posta-allegati i {
        margin-right: 5px;
    }

.scarico-mail-panel-pec span {
    padding: 3px 10px;
    border-radius: 5px;
    color: white;
    font-weight: 600;
}


.scarica-eml {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .scarica-eml:hover {
        color: var(--primary-color);
    }

    .scarica-eml span {
        cursor: pointer;
        margin-left: 10px;
    }

.scarico-posta-inviata {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-size: 16px;
    cursor: pointer;
}

    .scarico-posta-inviata i {
        margin-right: 5px;
    }


.scarico-posta-inviata-selected {
    background-color: var(--mid-primary);
    text-align: center;
    border-radius: 20px;
}

.scarico-postainviata-mail-list {
    display: none;
    height: calc(100% - 50px);
}

/*.options-posta-inviata-reply, .options-scarico-posta-reply {
    display: flex;
    justify-content: space-around;
    padding-right: 20px;
    padding-bottom: 10px;
}*/

.scarico-posta-entity-linked {
    margin: 5px;
}

    .scarico-posta-entity-linked span {
        padding: 3px 15px;
        background-color: var(--primary-color);
        color: white;
        border-radius: 15px;
        font-weight: 600;
        cursor: pointer;
    }

.scarico-posta-list {
    padding: 5px 5px 5px 20px;
    position: relative;
}

.s-panel-mail-list {
    border-radius: 20px;
    margin: 15px 5px;
    height: calc(100% - 40px);
    background-color: var(--white);
}

.s-panel-mail-search {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 5px;
    background-color: var(--primary-color);
}

.scarico-posta-carica-altro {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 10px;
    background-color: var(--primary-color);
    text-align: center;
    cursor: pointer;
    color: var(--white);
}

.mail-preview-subject {
    font-size: 16px;
    color: var(--primary);
    display: flex;
    font-weight: 600;
}

.options-scarico-imap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.posta-view-dangerous-links,
.scarico-posta-view-dangerous-links {
    cursor: pointer;
}

.corpo-view-mail {
    padding: 10px;
}

.scarico-posta-loading {
    cursor: not-allowed;
}

    .scarico-posta-loading .scarico-posta-account-list,
    .scarico-posta-loading .scarico-posta-list,
    .scarico-posta-loading .scarico-posta-mail-preview {
        pointer-events: none;
    }

#ScaricoPostaFilter_input.s-readonly {
    background-color: var(--white) !important;
    filter: brightness(0.7);
}

#ScaricoPostaFilter .s-icon-primary,
#ScaricoPostaFilter .s-searchbox-badge {
    background-color: var(--blue_1) !important;
}

#ScaricoPostaFilter .s-searchbox-commands {
    display: none;
}

#ScaricoPostaFilter .s-searchbox-badge-container {
    height: 30px;
    overflow-y: auto;
}

#ScaricoPostaFilter {
    padding: 10px 10px 0px 10px;
}

.scarico-account-blocked {
    cursor: not-allowed;
}

    .scarico-account-blocked * {
        pointer-events: none !important;
    }

.options-scarico-posta,
.options-posta-inviata {
    display: flex;
    margin-bottom: 10px;
}

    .options-scarico-posta > i,
    .options-posta-inviata > i {
        margin-right: 15px;
        padding-top: 5px;
    }

.scarico-mail-attachment-loader {
    position: absolute;
    left: -6px;
    width: 40px;
    height: 40px;
    top: 15px;
}

.scarico-mail-attachment {
    position: relative;
}

.options-posta-inviata-badges{
    margin-bottom: 10px;
}

.options-posta-inviata-badges .badge {
    cursor: pointer;
    padding: 5px;
}

.scarico-posta-body[data-type='preview'] {
    white-space: pre-line;
}

.scarico-posta-load-more {
    text-align: center;
    cursor: pointer;
}

.mail-container{
    position: relative;
}

.dati-prat-email-edit {
    position: absolute;
    height: 100%;
    width: 400px;
    z-index: 10;
    top: 0px;
    left: -20px;
}

.expand-dati-prat-email{
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: var(--primary-color);
    left: 380px;
    top: 0;
}
.ragsoc-add-sez
{
    position:absolute;
    bottom: 10px;
    right: 10px;
}

.ragsoc-del-sez{
    position:relative;
    top: 15px;
}
.gruppo-tab-row {
    cursor: pointer;
    border-radius: 5px;
}

    .gruppo-tab-row .s-expandable-icon {
        float: right !important;
    }

    .gruppo-tab-row ul {
        list-style: none;
        padding: 15px 0 0 0;
    }

    .gruppo-tab-row li {
        padding: 10px 15px;
        cursor:pointer;
        display:flex;
    }

        .gruppo-tab-row li:hover {
            background-color: var(--grey-dark) !important;
        }

        .gruppo-tab-row li:nth-child(2n+1) {
            background-color: var(--grey);
        }

.tab-nome{
    flex: 2;
}

.tab-desc{
    flex: 12;
}

.tab-ico{
    flex: 1;
    text-align: right;
}

.tiposcad-evidenza-container {
    font-size: 18px;
    display: flex;
    align-items: center;
}

    .tiposcad-evidenza-container i {
        margin-right: 10px;
    }

.tiposcad-evidenza-selected {
    font-size: 24px;
    font-weight: bold;
}
.auth2fa-panel {
    padding: 10px;
    margin: 5px;
    /*    background: white;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    border-radius: 5px;
*/
}

.auth2fa-title {
    font-weight: bold;
}

.auth2fa-wrapper {
    display: flex;
    margin-bottom: 15px;
}

.auth2fa-panel .s-cb-wrapper {
    width: 50px;
    flex: 1;
}

.auth2fa-container {
    flex: 9;
}

.auth2fa-dragger {
    width: 10px;
    height: 35px;
    border-left: 2px solid var(--primary-color);
    border-right: 2px solid var(--primary-color);
    cursor: pointer;
}

.registration-panel {
    max-width: 600px;
    background: var(--primary-color);
    margin: auto;
    padding-top: 0px !important;
}

.registration-panel-container {
    background: var(--bg-color);
    padding: 20px;
    border-radius: 10px;
}

.registration-img {
    width: 300px;
    display: block;
    margin: auto;
}

.registration-btn-submit {
    display: block;
    margin: auto;
}

.ap-upload-pic {
    position: absolute;
    bottom: 0;
    right: -15px;
}

#ap_profile_picture {
    position: relative;
    width: min-content;
}

    #ap_profile_picture img {
        width: 100px;
    }

    #ap_profile_picture .fa-user {
        font-size: 36px;
        padding: 10px 15px;
    }

/*#region Widget */

/* Imposta il colore */
/*.card-body.s-widget-body.s-widget-body-max {
    background-color: white;
}*/
/*#endregion  Widget */

/*#region DatiGestioneUtente.cshtml */

/* Proprietà della singola riga*/
.dati_gestione_utente {
    padding-top: 5px;
    padding-bottom: 5px;
    align-items: center;
    padding-left: 15px;
}

/* Alternaza colre per distiguere meglio le singole righe nell'elenco */
.dati_gestione_utente:nth-of-type(odd) {
    background-color: var(--body);
}

/* Alternaza colre per distiguere meglio le singole righe nell'elenco */
.dati_gestione_utente:nth-of-type(even) {
    background-color: white;
}

/* Alternaza colre per distiguere meglio le singole righe nell'elenco */
.dati_gestione_utente[tipo=intestazione] {
    color: white;
    background-color: var(--primary-color);
}

/* Centra in modo orrizzontale i checkbox */
.dati_gestione_utente .s-main-cb {
    position: relative;
    top: 5px;
}

/*#endregion  DatiGestioneUtente.cshtml */

/*#region Generiche*/

/* Animazione di quando viene compresso un tag html*/
.collaps-icon {
    transition: 1s all;
}

/* Ruota l'immagine */
.collaps-flip {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

/* Nasconde il tag se ha questa classe */
.gu-hide {
    display: none !important;
}
/*#endregion Generiche*/

/*#region Autorizzazioni Pratiche*/
.aut_utente_group_title{
    font-weight: 600;
    font-size: 14px;
}
/*#endregion*/

/*#region Autorizzazioni Moduli*/
.container-autmoduli{
    height: calc(100% - 50px);
    overflow: auto;
}
/*#endregion*/
body {
}

body {
}

.open-ass-vs {
    padding: 5px !important;
}

    .open-ass-vs .legend {
        margin: 5px !important;
    }

/* ASSISTENZA/GENERICO */
.sass-container {
    display: flex;
    flex-wrap: wrap;
    margin: 20px;
    color: white;
}

.s-panel-custom {
    flex: 50%;
    justify-content: center;
    display: flex;
    padding: 20px;
}

.s-panel-custom-internal {
    width: 55%;
    height: 230px;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
    min-width: 350px;
}

    .s-panel-custom-internal img {
        width: 150px;
        margin-right: 10px;
    }

.sass-locked {
    background-color: rgb(0,0,0,0.1) !important;
    pointer-events: none;
    position: relative;
}

.sass-locked-label {
    position: absolute;
    top: 40px;
    right: 0;
    transform: rotate(45deg);
    color: var(--error);
    font-size: 20px;
    font-weight: bold;
}

/* ASSISTENZA/PROPOSTE COMMUNITY */
.proposte-community-container {
    /*display: flex;
    flex-flow: wrap;*/
    justify-content: space-between;
}

.proposta-community-container {
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    margin: 15px 40px;
    padding: 15px;
    max-height: 300px;
    /*flex: 1;*/
}

.proposta-community-container-content {
    display: flex;
    align-items: center;
    margin: 15px 0;
}

.proposta-commnity-vota {
    font-size: 20px !important;
    color: var(--primary-color);
    background-color: var(--bg-color);
    margin-top: 5px;
    cursor: pointer;
}

    .proposta-commnity-vota i {
        margin-right: 10px;
    }

.pc-votata-bg {
    background-color: rgba(0, 150, 0, 0.03) !important;
}

.pc-votata {
    color: white !important;
}

.pc-votata {
    color: white;
}

.pc-votata, pc-votata * {
    cursor: not-allowed;
}

.proposte-community-container .proposta-commnity-vota:hover:not(.pc-votata) {
    filter: brightness(0.85);
}

.nuova-proposta {
    padding: 5px;
    margin: 10px 0;
    cursor: pointer;
    color: var(--font-color);
}

    .nuova-proposta:hover {
        filter: brightness(0.85);
    }

.proposta-community-categoria {
    font-size: 10px !important;
}


/* ASSISTENZA/TIASSISTO */
.chat-a-container {
    height: calc(100% - 70px);
    overflow: auto;
    padding: 0 10px;
}

.chat-a-message {
    margin: 10px;
    /*width: min-content;
            min-width: 100px;*/
    max-width: 40%;
    border-radius: 18px;
    padding: 5px 15px;
    position: relative;
    /*height: 100%;*/
}

.chat-a-message-left {
    background-color: rgba(0,151,128,0.12);
}

.chat-a-time {
    text-align: end;
}

.chat-a-message-right {
    background-color: rgba(0,151,128,0.3);
    margin-left: auto !important;
    margin-right: 0 !important;
}

.chat-assistenza {
    max-width: 1200px;
    margin: auto;
    height: calc(100% - 100px);
}

.chat-a-write {
    position: absolute;
    bottom: 15px;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    display: flex;
}

    .chat-a-write .s-text-area-wrapper {
        width: calc(100% - 45px);
    }

    .chat-a-write .chat-a-send {
        position: absolute;
        right: 0;
        top: 40%;
    }

.apri-teleassistenza {
    cursor: pointer;
    color: #109881;
    font-weight: bold;
    text-decoration: underline;
}

    .apri-teleassistenza:hover {
        color: blue;
    }

.tiassisto-contratto {
    border-radius: 12px;
    margin: 0;
    padding: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    margin-bottom: 5px;
    cursor: pointer;
}



/* TUTORIAL */
.tutorial_video_select, .tutorial_gallery_video_select {
    cursor: pointer;
}

.gif-tutorial {
    display: none;
}

.tutorialGallery {
    padding: 25px;
    background: white;
    border-radius: 20px;
    height: 100%;
    overflow: auto;
}

.categoria_tutorial {
    font-size: 18px;
}

.info_video_select {
    display: flex;
    padding: 25px 75px;
}

#title_video_select {
    flex: 1;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

#link_video_select {
}

.crmMap-container {
    height: 100%;
}

#crmMap {
    height: calc(100% - 50px);
}

#listPlacesCrm {
    height: calc(100% - 85px);
    display: flex;
    flex-direction: column;
    overflow: auto;
    overflow-x: hidden;
}

    #listPlacesCrm .place-card {
        padding: 10px;
        border-bottom: 1px solid var(--grey-dark);
        cursor: pointer;
        position: relative;
    }

.place-selected{
    border-left: 2px solid var(--primary-color);
}
.place-card .place-name {
    font-weight: bold;
}
.place-card .place-photo {
    text-align: center;
    
}

.place-website, .place-phone, .place-photo {
    margin-top: 5px;
}

    .place-website i, .place-phone i{
        margin-right: 10px;
    }

.place-import, .place-open {
    margin-top: 5px;
    text-align: center;
}

.crmPlaces-container {
    height: 100%;
    background-color: white;
    padding: 10px;
}

.place-infolink{
    padding: 3px 10px;
}
.place-infolink:hover {
    cursor: pointer;
    color: var(--primary-color);
}

.place-check{
    position: absolute;
    width: 50px;
    bottom: 15px;
    right: -20px;
}

.select-all-places, .import-all-places {
    color: var(--primary-color);
}

    .select-all-places:hover, .import-all-places:hover {
        cursor: pointer;
        opacity: 0.8;
    }
.trash-row {
    display: flex;
    align-items: center;
    padding: 10px;
    background-color: white;
    margin-bottom: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.trash-icon {
    width: 100px;
    display: flex;
    justify-content: center;
}

.trash-desc {
    flex: 3;
}

.trash-data {
    flex: 1;
    display: flex;
    justify-content: center;
}

.trash-user {
    flex: 1;
    display: flex;
    justify-content: center;
}

.trash-options {
    width: 150px;
    display: flex;
    justify-content: center;
}
.container-docs {
    height: calc(100% - 120px);
    display: flex;
}

.docs-list{
    height: 100%;
    padding: 10px;
    flex: 1;
    background-color: white;
    overflow: auto;
}

.docs-preview {
    height: 100%;
    flex: 1;
}

.documentazione-selected{
    background-color: var(--base);
}
.open-attachment-nl {
    cursor: pointer;
}

.newsletter-container .s-panel-body {
    margin-left: unset !important;
}

.row-allegati-newsletter {
    display: flex;
    margin: 5px;
}

.filter-list-nl {
    text-align: end;
    margin-top: 10px;
}

.filters-container subform:nth-child(2n) {
    background-color: rgba(0,0,0,0.08);
}

.filters-container subform .row {
    background-color: inherit;
    padding: 5px;
}

.newsletter-container .s-list-content div {
    padding: 5px;
}

.newsletter-wrapper .s-list-content div:nth-child(2n) {
    background-color: rgba(0,0,0,0.08);
}

.newsletter-container,
.form-lista-contatti {
    height: 100%;
    background-color: var(--bg-color-secondary);
    padding: 15px 20px;
    overflow: auto;
}

    .form-lista-contatti .label-summary:not(:first-child),
    .newsletter-container .label-summary:not(:first-child) {
        margin-top: 20px;
    }

    .newsletter-container .s-list-content .s-list-row:nth-child(2n) {
        background-color: rgba(0,0,0,0.08);
    }

    .newsletter-container .s-list-content .s-list-row {
        align-items: center;
    }

.static-form-nl .s-list-row {
    padding: 5px;
}

.static-form-nl .s-list-row:nth-child(2n) {
    background-color: rgba(0,0,0,0.08);
}

.collapsed-perito-params {
    display: none;
    flex-wrap: wrap;
}

.toggle-params-perito{
    cursor: pointer;
}

.agg-parmas-perito{
    display:none;
}
.container-imp-notifiche {
    
}

.container-imp-notifiche-condizioni{
    margin-bottom: 15px;
}

.container-imp-notifiche-pianificazioni {
    margin-bottom: 15px;
}
.prevViaggi-container {
    display: flex;
    height: 100%;
}

#prevViaggiMap {
    height: calc(100% - 50px);
}

.badge-tipo-firma {
    padding: 5px !important;
    color: var(--primary) !important;
    width: 200px;
    margin-bottom: 10px;
    cursor: pointer;
    border: 1px solid var(--primary);
}

    .badge-tipo-firma:hover {
        background-color: var(--primary) !important;
        color: white !important;
    }

.badge-tipo-firma-selected {
    background-color: var(--primary) !important;
    color: white !important;
}

    .badge-tipo-firma-selected .fa-check {
        display: inline !important;
        position: relative;
        right: -15px;
    }


.badge-tipo-firma i {
    font-size: 16px;
}

.badge-tipo-firma span {
    font-size: 12px;
}


.firma-digitale-signature-position {
    margin: 0;
    padding: 0;
    display: none;
}

    .firma-digitale-signature-position canvas {
        border: 1px solid black;
        display: block;
        margin: 10px auto;
        width: 300px;
    }

.firma-digitale-signature-position-controls {
    text-align: center;
    margin-bottom: 10px;
}

.firma-digitale-signature-position-selection-box {
    position: absolute;
    border: 2px dashed red;
    background: rgba(255, 0, 0, 0.2);
    pointer-events: none;
}

.badge-stato-firma {
    font-size: 11px !important;
}
