#aPagine {
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #a0a0aa
}

#aGestisci {
    width: 100%;
    height: 30px;
    line-height: 30px
}

.aPagina {
    position: relative;
    margin: 8px;
    border: 1px solid #808080;
    background-color: #fff
}

.testo:hover {
    background-color: #a0c0e0
}

.testoSelezionato {
    background-color: #a0c0e0
}

.aPagina div {
    position: absolute;
    cursor: pointer;
    border: dotted;
    border-width: 1px
}

.aCorrente {
    display: block;
    margin: 6px;
    border: 2px solid #a0c0e0
}

.aNascosta {
    display: none
}

#aMenu {
    width: 100%;
    height: 30px;
    line-height: 30px
}

    #aMenu ul {
        margin: 0;
        padding: 0
    }

    #aMenu li {
        display: inline;
        padding: 0
    }

.ajax__calendar_container,
.Calendar .ajax__calendar_container {
    border: 1px solid #bbb;
    background-color: #fff;
    z-index: 999999
}

.Calendar .ajax__calendar_other .ajax__calendar_day,
.Calendar .ajax__calendar_other .ajax__calendar_year {
    color: #808080
}

.Calendar .ajax__calendar_hover .ajax__calendar_day,
.Calendar .ajax__calendar_hover .ajax__calendar_month,
.Calendar .ajax__calendar_hover .ajax__calendar_year {
    color: #00f;
    background-color: #fff;
    border-right: #808080 0 dotted;
    border-top: #808080 0 dotted;
    border-left: #808080 0 dotted;
    border-bottom: #808080 0 dotted;
    margin: -1px
}

.Calendar .ajax__calendar_active .ajax__calendar_day,
.Calendar .ajax__calendar_active .ajax__calendar_month,
.Calendar .ajax__calendar_active .ajax__calendar_year {
    color: #dc143c;
    font-weight: bold;
    background-color: #fff;
    border-right: #808080 1px dotted;
    border-top: #808080 1px dotted;
    border-left: #808080 1px dotted;
    border-bottom: #808080 1px dotted;
    margin: -1px
}

.Calendar {
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    z-index: 999999
}

.Calendar_Year {
    font-size: 10pt;
    font-family: Tahoma;
    font-weight: bold;
    display: block;
    width: 60px;
    Height: 100%;
    text-decoration: none;
    background-color: #f03;
    color: #fff
}

    .Calendar_Year:Hover {
        background-color: #ff2204;
        color: #fff
    }

.Calendar_Month {
    font-size: 8pt;
    font-family: Tahoma;
    color: #000;
    width: 100%;
    height: 100%;
    text-align: right;
    display: block;
    text-decoration: none;
    background-color: #fc6
}

    .Calendar_Month:Hover {
        background-color: #ff2204;
        color: #fff
    }

.Calendar_DayOfMonth {
    background-color: #a8a8a8;
    font-size: 8pt;
    font-family: Tahoma;
    color: #fff;
    display: block;
    width: 100%;
    height: 80%;
    padding-top: 20%;
    text-align: center;
    text-decoration: none
}

.Calendar_Day {
    display: block;
    position: relative;
    font-size: 7pt;
    font-family: Tahoma;
    text-align: right;
    text-decoration: none;
    height: auto;
    width: 95%;
    padding-right: 5%
}

    .Calendar_Day:Hover {
        background-color: #e4f8ff;
        border-right: #afeeee 1px solid;
        border-top: #afeeee 1px solid;
        border-left: #afeeee 1px solid;
        border-bottom: #afeeee 1px solid
    }

.Calendar TD {
    background-color: #fff;
    border: 1px solid #fff;
    color: #202020;
    height: 20px;
    width: 20px;
    padding: 1px;
    margin: 0;
    vertical-align: top
}

.Calendar_WeekDay {
    position: relative;
    display: block;
    height: 10px;
    width: 10px;
    top: 0;
    color: #c0c0c0;
    font-size: 5pt;
    z-index: 1
}

.Calendar TD.Calendar_Today {
    border: 1px solid #f00
}

.Calendar TD.Calendar_Tomorrow {
    background-color: #e0e0e0
}

.Calendar TD.Calendar_SunDay {
    background-color: #fff9cf
}

.Calendar TD.Calendar_IllegalDay {
    background-color: #e0e0e0
}

.CalendarButton {
    display: inline-block;
    background-image: url(../../css/Default/images/Calendar.png) !important;
    background-position: center center;
    background-repeat: no-repeat;
    top: 5px;
    right: 5px;
    width: 20px;
    z-index: 99;
    Height: 18px;
    position: absolute
}

#emitad {
    min-width: 600px;
    width: 100%
}

#l,
#c,
#a {
    float: left;
    width: 100%
}

:root {
    --activedark: #fff;
    --activedarkbg: #1cc09f;
    --activelight: #006432;
    --activelightbg: #caeeca;
    --hoverdark: #202020;
    --hoverdarkbg: #eaeaea;
    --hoverdarkicon: #caeeca;
    --hoverlight: #202020;
    --hoverlightbg: #f8f8f8;
    --hoverlighicon: #eaeaea;
    --primary: #202020;
    --secondary: #1ab394;
    --secondarybg: #f8f8f8;
    --primarybg: #fff;
    --link: #08c;
    --accent: orange;
    --accentlight: #caeeca;
    --errorbg: #ff3805;
    --error: #fff
}

@font-face {
    font-family: 'open sans';
    src: url("../../css/Default/fonts/OpenSans-Light-webfont.woff") format("woff");
    font-weight: light;
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'open sans';
    src: url("../../css/Default/fonts/OpenSans-Regular-webfont.woff") format("woff");
    font-weight: normal;
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'open sans';
    src: url("../../css/Default/fonts/OpenSans-Semibold-webfont.woff") format("woff");
    font-weight: bold;
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'open sans';
    src: url("../../css/Default/fonts/OpenSans-Bold-webfont.woff") format("woff");
    font-weight: bold;
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'open sans';
    src: url("../../css/Default/fonts/OpenSans-ExtraBold-webfont.woff") format("woff");
    font-weight: bold;
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: 'Roboto';
    src: url("../../css/Default/fonts/Roboto-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

.tox .tox-edit-area__iframe {
    background-color: #f8f8f8
}

.tox-tinymce {
    border-radius: 3px !important
}

.tox-statusbar {
    display: none !important
}

.heropanel {
    float: left;
    width: 100%;
    background-color: #f7f3e3;
    margin-bottom: 20px;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 20px;
    position: relative
}

    .heropanel h1 {
        margin: 0;
        margin-bottom: 10px;
        padding: 0
    }

    .heropanel h5 {
        margin: 0;
        margin-bottom: 10px;
        padding: 0
    }

    .heropanel .Row {
        border-bottom: 1px dotted #93c5a7
    }

::-webkit-scrollbar {
    display: none;
    transition: all ease .5s
}

*:hover::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    display: block
}

::-webkit-scrollbar-track {
    display: none;
    background-color: #eaeaea;
    border-radius: 20px;
    transition: all ease .5s
}

::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: transparent;
    transition: all ease .5s
}

*:hover::-webkit-scrollbar-track {
    display: block
}

*:hover::-webkit-scrollbar-thumb {
    background-color: #66cdaa;
    cursor: grabbing
}

.todo-avvisi {
    position: absolute;
    right: 10px
}

    .todo-avvisi .fa-warning {
        color: #dc143c
    }

    .todo-avvisi a {
        color: #dc143c
    }

.jumbotron.small {
    margin: 16px;
    height: 220px
}

    .jumbotron.small .dz-message {
        background: none;
        position: relative;
        margin: 0;
        height: inherit;
        width: 100%;
        box-sizing: border-box;
        padding: 4px;
        top: 0;
        left: 0;
        text-align: center;
        background-image: url(/css/Default/images/dropzone.small.png) !important
    }

.memo-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: start;
    align-items: start
}

.memo {
    border: 1px solid #ffe4c4;
    position: relative;
    background-color: #fffabf;
    padding: 8px;
    margin: 4px;
    width: 270px;
    min-height: 80px;
    max-height: 200px;
    box-shadow: rgba(128, 128, 128, .2) 0 1px 3px 0
}

    .memo h1 {
        font-size: 1em;
        margin: 0;
        padding: 0;
        margin-bottom: 8px;
        font-weight: 600
    }

        .memo h1 strong {
            display: block;
            font-size: 1em;
            margin-top: 4px;
            color: #444
        }

        .memo h1 small {
            font-size: .8em;
            color: #d57500;
            font-weight: 500
        }

    .memo .LogComment {
        max-height: 140px;
        overflow: auto
    }

.dropdown-menu {
    border-radius: 6px;
    padding: 4px
}

    .dropdown-menu li {
        position: relative
    }

    .dropdown-menu a i {
        color: #888;
        width: 12px;
        color: #888;
        padding-right: 10px;
        font-size: 1.3em;
        text-align: center
    }

    .dropdown-menu a {
        clear: both;
        width: 100%;
        box-sizing: border-box;
        min-height: 30px;
        padding: 4px 12px !important;
        text-align: left !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        font-size: 11px
    }

        .dropdown-menu a:hover i,
        .dropdown-menu a:hover span {
            color: #eee
        }

    .dropdown-menu li a:hover,
    .dropdown-menu li.active a {
        background-color: #66cdaa !important;
        background-image: none !important
    }

.fa-orange {
    color: #ffa500 !important
}

.fa-closed {
    color: #caa !important
}

.fa-locked {
    color: #ff7f50 !important
}

.fa-specialfolder {
    color: #e93a1a !important
}

.ui-slider {
    border: 1px solid #ddd;
    background: #eee url(/css/Default/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
    color: #333;
    height: 8px;
    margin: 10px 0;
    position: relative
}

.ui-slider-range {
    border: 1px solid #e78f08;
    background: #f6a828 url(/css/Default/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
    color: #fff;
    font-weight: bold;
    height: 6px
}

.ui-slider-handle {
    border: 1px solid #ccc;
    background: #f6f6f6 url(/css/Default/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #1c94c4;
    margin: -16px -4px;
    width: 7px;
    height: 22px;
    position: absolute
}

.Block {
    float: left;
    width: 250px;
    padding-right: 4px
}

.LogonBackground {
    top: 0;
    bottom: 0;
    width: 100%;
    position: absolute;
    background-size: cover;
    background-image: url('/css/Default/images/sfondo.png');
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: right
}

.LogonCredentialBackground {
    box-sizing: border-box;
    overflow-x: hidden;
    padding: 20px;
    width: 360px;
    position: absolute;
    left: 0;
    border-left: 1px solid #cde;
    top: 0;
    bottom: 0;
    background-image: url('/css/Default/images/sfondocredenziali.png');
    box-shadow: 2px 0 14px #aababc
}

    .LogonCredentialBackground input[type=text],
    .LogonCredentialBackground input[type=password] {
        background-color: #fefefe !important
    }

html,
body,
.myhtml,
.mybody {
    font-size: 13px;
    font-family: "Roboto", "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: var(--primarybg);
    color: var(--primary)
}

.mybody {
    margin-left: 48px
}

#page {
    background-color: var(--primarybg);
    height: auto
}

form {
    margin: 0 !important;
    width: 100%
}

iframe {
    margin-bottom: -6px !important
}

.tox {
    border-radius: 4px
}

.tox-tinymce {
    border: 0
}

.tox-sidebar-wrap {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc
}

.tox .tox-edit-area__iframe {
    background-color: #f8f8f8 !important
}

.tox-statusbar {
    display: none
}

input.Etichetta {
    border: 1px solid transparent !important;
    background-color: transparent !important;
    box-shadow: none
}

    input.Etichetta:hover,
    input.Etichetta:active,
    input.Etichetta:focus {
        border: 1px solid #ddd !important;
        background-color: #eee !important
    }

.Tag {
    position: relative;
    color: #fff;
    display: inline-block;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(100, 100, 100, .5);
    border: 0;
    line-height: 18px;
    vertical-align: middle;
    border-radius: 3px;
    padding: 1px;
    padding-right: 4px;
    margin: 2px;
    white-space: nowrap;
    font-family: inherit;
    font-size: .85em;
    text-transform: uppercase;
    font-weight: 700;
    width: auto
}

    .Tag a {
        color: var(--primary);
        text-shadow: none;
        display: inline-block;
        padding: 2px
    }

    .Tag:hover,
    .Tag:hover .remove {
        background-color: #c4e6df
    }

    .Tag a:hover {
        text-decoration: none
    }

    .Tag img {
        display: none
    }

    .Tag.User img {
        border: 1px solid #afa;
        width: 16px;
        min-height: 16px;
        display: inline;
        margin-right: 4px;
        margin-top: -2px;
        margin-bottom: -1px
    }

    .Tag .remove {
        position: absolute;
        width: 18px;
        height: 18px;
        text-align: center;
        top: 1px;
        right: 1px;
        color: #78a078
    }

    .Tag.Filter {
        background-color: #eee;
        color: #444;
        padding: 4px 8px
    }

label {
    font-size: 12px;
    text-transform: uppercase;
    color: #666;
    margin-bottom: 2px;
    margin-top: 12px;
    font-weight: 700
}

    label b {
        color: #222;
        font-weight: 500
    }

    label strong {
        color: #666;
        font-weight: 700;
        text-transform: uppercase
    }

input[type='text'],
textarea,
input[type='password'],
input[type='number'],
input[type='date'],
select,
.Lookup {
    border-radius: 3px;
    border: 1px solid #ccc;
    background-color: #eee;
    color: #333;
    outline: 0;
    box-shadow: 0 none;
    margin-bottom: 0
}

    input[type='text']:disabled,
    textarea:disabled,
    input[type='password']:disabled,
    select:disabled,
    .Lookup:disabled,
    input[type='text']:read-only,
    textarea:read-only,
    input[type='text'][disabled],
    textarea[disabled],
    input[type='password'][disabled],
    select[disabled],
    .Lookup[disabled],
    input[type='text'][readonly],
    textarea[readonly] {
        border: 0;
        -webkit-appearance: none;
        padding: 4px;
        line-height: 14px;
        background-color: transparent !important;
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
        color: #888 !important
    }

    input[type='text']:focus,
    textarea:focus,
    input[type='password']:focus,
    select:focus,
    .Lookup:focus,
    input[type='text']:active,
    textarea:active,
    input[type='password']:active,
    select:active,
    .Lookup:active,
    .input-append:focus .add-on,
    .input-prepend:focus .add-on,
    .input-append:hover .add-on,
    .input-prepend:hover .add-on,
    input[type='text']:hover,
    textarea:hover,
    input[type='password']:hover,
    select:focus,
    .Lookup:hover {
        border-color: #0a8;
        background-color: #f8f8f8;
        color: #222;
        box-shadow: none
    }

.input-large {
    padding: 20px 8px
}

select,
input[type="text"],
input[type="date"],
input[type="number"],
input[type="password"] {
    line-height: 32px;
    min-height: 32px;
    margin: 0;
    padding: 0 6px;
    margin-bottom: 0
}

select {
    padding: 4px;
    min-height: 30px
}

    select.submenu {
        background-color: #fff;
        border: 1px solid transparent;
        color: #999;
        border-radius: 2px;
        position: absolute;
        text-align-last: right;
        width: 80px;
        right: 1px;
        top: 0;
        min-height: 28px;
        padding: 0 8px;
        height: 29px;
        font-size: .8em;
        font-weight: 500;
        line-height: 25px
    }

        select.submenu:hover {
            background-color: #f0f0f0;
            border: 1px solid #ddd;
            color: #222
        }

option[disabled] {
    font-family: monospace;
    font-weight: 700;
    color: #2d80d9;
    display: inline-block;
    padding-top: 20px;
    text-transform: uppercase;
    font-size: 1em
}

.input-append .add-on,
.input-prepend .add-on {
    text-shadow: 0 1px 0 #fff;
    background-color: #eee;
    border: 1px solid #f0f0f0
}

.Lookup {
    float: left;
    vertical-align: baseline;
    position: relative;
    overflow: hidden;
    margin-left: 0 !important;
    border-radius: 3px;
    width: 100%;
    box-sizing: border-box
}

    .Lookup input {
        min-height: 28px !important;
        width: 100%;
        border: 0;
        box-sizing: inherit;
        box-shadow: none;
        background-color: transparent
    }

        .Lookup input[readonly] {
            border: 1px dashed #ddd;
            background-color: #fff;
            color: #999
        }

        .Lookup input:hover,
        .Lookup input:focus {
            border: 0;
            box-shadow: none;
            background-color: transparent
        }

.LookupButton {
    position: absolute;
    bottom: 1px;
    right: 0;
    top: 1px;
    margin: 0 0 0 !important;
    font-size: 16px;
    display: block;
    width: 18px;
    height: auto;
    color: #2cd0af;
    padding: 6px 4px;
    z-index: 99;
    text-align: center
}

.LookupSearch {
    background: url(/css/Default/images/ico_18_answer.gif) no-repeat 50% 50%
}

.LookupButton:Hover {
    background-color: #ccffdf;
    border-left: 1px solid #8ce0bf
}

div .LookupButton:Hover {
    background-color: #ccffdf;
    border-left: 1px solid #8ce0bf
}

.Lookup .warning {
    border: 1px solid #dc143c !important
}

.Chiave {
    float: left;
    height: auto;
    margin-left: 0;
    margin-top: 0;
    position: relative;
    overflow: visible;
    box-sizing: border-box
}

.padding {
    padding: 0 16px;
    padding-left: 16px !important;
    clear: both;
    height: auto;
    position: relative;
    box-sizing: border-box
}

.ManageUserPanel {
    position: absolute;
    clear: both;
    right: 5px;
    top: 5px;
    width: 320px
}

#Commands {
    border-bottom: 1px solid #ccc;
    box-shadow: 0 4px 4px #eee
}

.user-info {
    padding: 1px;
    position: relative;
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 1px;
    line-height: 18px;
    max-height: 18px;
    height: 18px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ddd;
    font-size: 1.1em;
    overflow: hidden;
    display: block
}

    .user-info img {
        position: absolute;
        left: 1px;
        top: 2px;
        max-width: 24px;
        background-color: #fff;
        padding-bottom: 24px
    }

a.user-info:hover {
    background-color: #eee;
    text-decoration: none
}

.avatar,
.smallavatar {
    border: 1px solid #fafafa;
    width: 42px;
    max-height: 42px;
    background-color: #fff;
    overflow: hidden;
    text-align: center;
    display: inline-block;
    border-radius: 2px
}

    .avatar img,
    .smallavatar img {
        width: 100%;
        border-radius: 2px
    }

.smallavatar {
    width: 25px;
    margin-bottom: -1px;
    margin-top: -2px
}

div.smallavatar {
    border: 0;
    background-color: unset;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    color: #444;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
    vertical-align: middle
}

    div.smallavatar img {
        width: 24px;
        margin-right: 4px;
        float: left;
        margin-top: 0
    }

.UserName {
    border-left: 1px solid #ddd;
    background: #fff;
    padding: 2px;
    padding-right: 0;
    vertical-align: top;
    position: relative;
    text-align: right;
    display: inline-block;
    line-height: 16px;
    width: 210px;
    max-width: 210px
}

    .UserName b {
        font-weight: 700;
        color: #444
    }

    .UserName .name {
        display: inline-block;
        padding: 2px 4px;
        margin-right: -4px;
        margin-top: 3px;
        border-radius: 4px
    }

    .UserName .avatar {
        margin-left: 10px
    }

    .UserName small {
        color: #888;
        display: block;
        margin-right: 55px
    }

.SmallPage {
    width: 210px;
    height: 300px;
    border: 1px solid transparent;
    border-radius: 6px;
    margin: 0;
    margin-right: 10px;
    float: left;
    position: relative;
    margin-bottom: 50px
}

    .SmallPage a {
        line-height: 16px;
        width: 100%;
        box-sizing: border-box;
        height: auto;
        display: block;
        color: var(--primary);
        font-size: 1em;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        text-overflow: ellipsis
    }

        .SmallPage a .Page {
            width: 100%
        }

        .SmallPage a:hover > .Page {
            background-color: #fff
        }

.PageLoading {
    background-color: #f8f8f8;
    background: url('/Images/PageLoading.png');
    background-repeat: no-repeat;
    background-size: contain
}

.box {
    width: 160px;
    height: 170px;
    border: 1px solid transparent;
    border-radius: 6px;
    margin: 0;
    float: left;
    position: relative
}

    .box i {
        width: 100%;
        margin: auto;
        font-size: 2.7em;
        min-height: 35px;
        text-align: center;
        color: #0d9c14;
        vertical-align: bottom;
        margin-bottom: 4px;
        padding-bottom: 15px
    }

    .box a {
        line-height: 16px;
        width: 100%;
        height: auto;
        padding: 20px;
        display: block;
        color: #666;
        box-sizing: border-box;
        font-size: 1em;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        text-overflow: ellipsis
    }

        .box a small {
            text-transform: none;
            display: block;
            line-height: 12px;
            color: #aaa;
            font-weight: 500;
            font-size: .8em;
            text-align: center;
            margin-top: 4px
        }

    .box:hover {
        background-color: var(--hoverlightbg)
    }

        .box:hover a small {
            color: var(--secondary)
        }

    .box a:hover {
        font-weight: 700;
        text-decoration: none
    }

    .box a.button {
        position: absolute;
        right: 40px;
        top: 48px;
        padding: 0;
        margin: 0;
        width: 20px;
        height: 20px;
        opacity: .5
    }

        .box a.button:hover {
            opacity: 1;
            text-decoration: none
        }

        .box a.button span {
            color: #afa
        }

        .box a.button span {
            color: #fff;
            text-shadow: 0 2px 6px #444
        }

.IconView li {
    width: 135px;
    height: 140px;
    border: 1px solid transparent;
    margin: 0;
    box-sizing: border-box;
    float: left;
    position: relative
}

    .IconView li i {
        width: 100%;
        margin: auto;
        font-size: 3em;
        min-height: 35px;
        text-align: center;
        color: #0d9c14;
        vertical-align: bottom;
        margin-bottom: 4px;
        padding-bottom: 15px
    }

    .IconView li a {
        line-height: 16px;
        width: 100%;
        box-sizing: border-box;
        height: 100%;
        padding: 20px;
        display: block;
        color: #000080;
        font-size: .9em;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        text-overflow: ellipsis;
        overflow: hidden
    }

        .IconView li a small {
            text-transform: none;
            display: block;
            line-height: 12px;
            color: #aaa;
            font-weight: 500;
            font-size: .8em;
            text-align: center;
            margin-top: 4px
        }

    .IconView li:hover a small {
        color: #484
    }

.IconView a:hover {
    border-radius: 6px;
    background-color: var(--hoverlightbg);
    font-weight: 700;
    text-decoration: none
}

.whitebox-row {
    display: block;
    position: relative;
    height: auto;
    padding: 4px;
    padding-bottom: 10px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    background-color: #eee;
    border-radius: 2px;
    margin: 8px 0
}

    .whitebox-row h1 {
        width: 100%
    }

.whitebox {
    height: 80px;
    box-shadow: 0 1px 3px 0 rgba(200, 200, 200, .7);
    border: 1px solid #ddd;
    border-radius: 4px;
    width: 150px;
    text-align: center;
    background-color: #fff;
    margin: 4px;
    text-align: right;
    float: left;
    font-size: .8em;
    line-height: 12px;
    position: relative
}

    .whitebox:hover {
        border: 1px solid #caceaa;
        background-color: #caeeca
    }

    .whitebox a {
        box-sizing: border-box;
        padding: 6px;
        height: 100%;
        display: block;
        color: #666;
        text-transform: uppercase;
        text-align: left;
        text-overflow: ellipsis
    }

    .whitebox b {
        margin-top: 2px;
        margin-left: 34px;
        display: inline-block
    }

    .whitebox a i {
        color: #66cdaa;
        font-size: 26px;
        left: 6px;
        bottom: 6px;
        position: absolute
    }

    .whitebox a span {
        font-size: 26px;
        display: block;
        line-height: 40px;
        text-align: left;
        margin-top: 0;
        margin-bottom: 0;
        letter-spacing: -2px;
        color: #111
    }

        .whitebox a span[value='0'] {
            color: #ddd;
            font-weight: 100
        }

    .whitebox:hover a b {
        color: #334740
    }

    .whitebox a small {
        font-size: .8em;
        color: #aaa;
        display: block
    }

.Listview {
    margin-top: 10px !important
}

    .Listview > .box {
        width: 100%;
        height: 44px;
        border-bottom: 1px dashed #ddd;
        margin: 0;
        float: none;
        display: block;
        box-sizing: border-box
    }

        .Listview > .box a {
            width: 100%;
            padding: 14px 2px;
            text-align: left;
            box-sizing: border-box
        }

        .Listview > .box i {
            font-size: 2em !important;
            right: 10px;
            width: 28px;
            margin-right: 16px;
            margin-left: 4px;
            float: left;
            margin-top: -6px
        }

        .Listview > .box a small {
            text-align: right;
            font-size: 1em;
            right: 10px;
            top: 10px;
            position: absolute
        }

        .Listview > .box a .button {
            display: none
        }

.btn {
    font-weight: 700;
    text-transform: uppercase
}

.btn-link:hover {
    background-color: var(--hoverlightbg);
    text-decoration: none;
    border: 1px solid #e8e8e8;
    border-radius: 4px
}

.btn-filter {
    position: absolute;
    right: 1px;
    top: 1px;
    height: 20px;
    border: 0;
    border-left: 1px solid #ddd;
    border-radius: 0;
    color: #666;
    font-size: .9em;
    padding: 4px;
    min-height: 28px;
    font-size: .85em;
    box-sizing: border-box;
    white-space: nowrap
}

.nav-list > li > a.user-info {
    padding-left: 30px
}

.nav-list.mini > li > a {
    padding: 3px 0;
    font-size: .8em
}

.nav-separator {
    border-bottom: 1px solid #ddd !important;
    height: auto;
    float: left;
    margin-bottom: 10px;
    width: 97%;
    padding: 1%
}

.nav-tabs > li > a {
    border: 0;
    text-transform: uppercase;
    padding-bottom: 4px;
    font-size: .85rem
}

.nav-tabs > li.active > a:hover {
    border: 0;
    border-bottom: 3px solid #66cdaa
}

.nav-tabs > li.active > a {
    border: 0;
    border-bottom: 3px solid #66cdaa;
    padding-bottom: 2px;
    font-weight: 600
}

.nav-pills {
    border-bottom: 1px solid #eee;
    margin-left: -16px;
    padding: 0 17px;
    margin-top: 8px;
    margin-bottom: 0
}

    .nav-pills > li {
        margin-left: 0 !important;
        height: 40px
    }

        .nav-pills > li > a {
            font-size: .85em;
            text-transform: uppercase;
            font-weight: 600;
            border-radius: 3px;
            line-height: 20px;
            padding: 4px 10px;
            margin-top: 0
        }

            .nav-pills > li > a i {
                color: #32cd32;
                font-size: 1.25em;
                vertical-align: middle;
                margin-right: 4px
            }

    .nav-pills > .active > a,
    .nav-pills > .active > a:hover {
        color: var(--activelight);
        background-color: var(--activelightbg);
        border-bottom: 0 solid;
        font-weight: 600;
        margin-bottom: 7px
    }

    .nav-pills > a:hover {
        color: var(--hoverlight);
        background-color: var(--hoverlightbg);
        border-bottom: 0 solid;
        font-weight: 600;
        margin-bottom: 7px
    }

    .nav-pills li.separator {
        padding: 10px 0;
        margin: 7px 2px;
        width: 1px;
        border-right: 1px solid #ddd
    }

.label-warning,
.badge-warning {
    background-color: var(--activelightbg);
    color: var(--activelight);
    margin-left: 5px;
    border-radius: 30px;
    text-shadow: none;
    padding: 1px 6px;
    border: 1px solid #acd3b0
}

.user-info small {
    color: #666
}

.fixed200 {
    width: 210px;
    margin-right: 20px;
    float: left
}

.breadcrumb {
    margin: 0;
    padding: 2px 4px;
    font-size: 1em;
    border-radius: 0;
    margin-top: 0;
    background-color: transparent
}

    .breadcrumb li a {
        color: #ce6a49;
        padding: 1px 6px;
        --margin-right: 4px;
        height: 20px;
        border-radius: 3px
    }

        .breadcrumb li a:hover {
            background-color: var(--hoverlightbg);
            text-decoration: none;
            color: var(--hoverlight)
        }

    .breadcrumb li {
        height: 22px
    }

        .breadcrumb li.nav-header {
            margin: 0;
            font-size: .9em;
            padding: 0;
            padding-left: 12px;
            color: #777
        }

.AjaxLoader {
    background: url(/css/Default/images/ajax-loader.gif) no-repeat right center #fff;
    display: block;
    right: 300px;
    top: 18px;
    position: fixed;
    width: 200px;
    height: 0;
    z-index: 9999;
    padding: 0
}

.AjaxSmallLoader {
    background: url(/css/Default/images/indicator.gif) no-repeat right center;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-indent: 1000px;
    border: 0
}

table {
    font-size: .9em
}

    table td {
        padding: 0;
        padding: 2px;
        position: relative
    }

.table th {
    border-top: 0;
    padding: 4px;
    padding-top: 10px;
    text-transform: uppercase;
    color: #555;
    text-overflow: ellipsis;
    overflow: hidden;
    border-bottom: 1px solid #cccccf !important;
    position: sticky !important;
    top: 0;
    z-index: 2;
    background-color: #fff !important
}

    .table th a:hover {
        text-decoration: none;
        background-color: #f4f4f4;
        margin: -6px;
        padding: 6px
    }

.table td label {
    margin-top: 0
}

.table td {
    border: 0 !important
}

input[type='checkbox'] {
    margin-top: 0
}

    input[type='checkbox'] + label {
        display: inline-block;
        margin-left: 10px
    }

H1,
H2,
H3,
H4,
H5,
H6 {
    text-rendering: optimizeLegibility;
    letter-spacing: 0;
    line-height: 1;
    color: #ff8c00;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    white-space: nowrap;
    overflow: hidden;
    margin: 0;
    padding: 10px 0 4px 0;
    clear: both
}

H1 {
    font-size: 1.3em;
    color: #666;
    font-weight: 600;
    text-transform: uppercase
}

    H1 i {
        color: var(--activedarkbg);
        width: 30px;
        padding-right: 2px
    }

    H1 small {
        font-size: 10px;
        white-space: normal;
        display: block;
        letter-spacing: 0;
        margin-top: 5px;
        margin-bottom: 14px;
        color: var(--secondary);
        font-weight: 600;
        text-transform: uppercase;
        padding-left: 32px
    }

H2,
H3,
H4,
H5,
H6 {
    color: #ff8c00;
    text-transform: uppercase
}

H2 {
    color: #3a0;
    font-size: 20px;
    text-transform: none
}

H5 small {
    font-size: .8em;
    font-style: italic;
    display: block;
    letter-spacing: 0;
    text-transform: none
}

H5,
H6 {
    padding-top: 32px;
    font-weight: 700
}

.Header {
    margin-bottom: 0;
    padding: 4px 0;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    top: 0
}

.Header2 {
    margin-bottom: 0;
    padding: 6px 0;
    height: 36px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    float: left
}

.card {
    padding: 10px 20px;
    border-bottom: 1px dashed #ddd;
    float: left;
    width: 99.5%;
    margin-bottom: 10px;
    position: relative;
    box-sizing: border-box;
    border-radius: 2px;
    padding-right: 0
}

.RightHeader {
    position: absolute;
    right: 16px;
    top: 9px
}

.Header2 .RightHeader {
    right: -2px
}

.FolderKeyPanel {
    position: absolute;
    right: 10px;
    top: 0;
    background-color: #fff;
    box-shadow: -4px 0 21px 14px #fff
}

#Content {
    display: block;
    position: relative;
    font-size: 1em;
    margin: 0;
    padding: 0;
    z-index: 0;
    height: auto;
    overflow: hidden;
    overflow-y: auto;
    color: #000
}

.Bottom {
    Left: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    flex-shrink: 0;
    flex-grow: 0
}

#SmallContent {
    display: block;
    float: left;
    height: 100%;
    width: 100%;
    margin: 0;
    z-index: 0;
    background-color: #fff;
    border-bottom: 1px #c0c0c0 solid
}

.BancaDatiPanel {
    width: 100%;
    border-bottom: 1px solid #ddd;
    margin: 0;
    padding: 1px 16px;
    box-sizing: border-box;
    margin-bottom: 2px;
    overflow: hidden
}

.BancaDati {
    display: inline-block;
    position: relative;
    margin-left: -10px;
    border-radius: 4px
}

    .BancaDati > a {
        display: block;
        text-decoration: none;
        padding: 0 10px;
        color: #444
    }

    .BancaDati a H1,
    .Header H1 {
        display: inline-block;
        font-weight: 100;
        text-decoration: none;
        text-transform: none;
        margin-top: 0;
        font-size: 1.65em;
        width: 100%;
        padding: 0;
        height: 100%
    }

        .BancaDati H1 i,
        .Header H1 i {
            font-size: 1.8em;
            width: 40px;
            background-size: contain;
            margin-right: 10px;
            height: 40px;
            float: left
        }

        .BancaDati H1 small,
        .Header H1 small {
            padding-left: 0
        }

.RisultatoRicercaLink {
    display: inline-block;
    font-size: 1em;
    Font-weight: bold;
    color: #000;
    text-decoration: none;
    padding-top: 0;
    line-height: 18px
}

    .RisultatoRicercaLink em {
        color: #808080;
        text-decoration: none;
        font-weight: normal;
        font-style: normal;
        overflow: hidden;
        white-space: pre-wrap
    }

.RisultatoRicercaLink3 {
    font-size: 1em;
    color: #d98147;
    text-decoration: none;
    text-indent: 10px;
    font-weight: bold
}

    .RisultatoRicercaLink3:Hover {
        font-size: 1em;
        color: #0092e8;
        text-decoration: none;
        border-bottom: #545454 thin dotted
    }

.Container [page] {
    display: none
}

.ToolbarContainer,
.SearchInProgress {
    position: relative;
    padding: 4px 0;
    margin-bottom: 0
}

.SearchInProgress {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 220px;
    height: 20px;
    z-index: 9999
}

.FolderSearchToolBar {
    display: none;
    margin-right: 84px;
    padding-top: 4px
}

.SortColumn {
    color: #0092e8 !important;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    min-width: 150px;
    padding-right: 12px !important
}

    .SortColumn:hover {
        background: url(/css/Default/images/sortbutton.png) no-repeat right 70%
    }

    .SortColumn.up {
        background: url(/css/Default/images/sortbutton-up.png) no-repeat right 70%;
        color: #20b2aa !important
    }

    .SortColumn.down {
        background: url(/css/Default/images/sortbutton-down.png) no-repeat right 70%
    }

.SettingsToolbar {
    position: absolute;
    right: 10px;
    top: 0
}

.table tr td input[type='checkbox'] {
    margin-top: 0
}

.PagerToolbar {
    width: auto;
    float: right
}

.FullHeight {
    overflow-y: auto;
    overflow-y: overlay
}

table.Grid {
    background-color: #fff
}

div.Grid {
    background-color: var(--secondarybg);
    float: left;
    width: 100%;
    box-sizing: border-box;
    height: 100%
}

.rigaricerca {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    height: 20px;
    vertical-align: middle;
    cursor: pointer;
    transition: background-color ease-in-out .3s
}

    .rigaricerca.Closed {
        background-color: #f8f8f8;
        opacity: .9;
        font-style: italic;
        text-decoration: underline
    }

    .rigaricerca TD {
        overflow: hidden;
        white-space: normal;
        color: #445;
        padding-right: 8px !important;
        font-size: 1em;
        border-bottom: 1px dashed #dddfdd !important;
        max-height: 40px;
        text-overflow: ellipsis
    }

        .rigaricerca TD:first-child {
            padding-left: 4px
        }

        .rigaricerca td small {
            font-size: 90%;
            display: block;
            color: #008b78;
            margin-top: -4px
        }

        .rigaricerca td p {
            margin: 0
        }

    .rigaricerca:hover TD {
        background-color: var(--hoverlightbg);
        border-top: 1px solid #ddd !important;
        border-bottom: 1px solid #ddd !important;
        transition: background-color ease-in-out .3s
    }

    .rigaricerca td .rigaricerca b,
    .rigaricerca abbr {
        color: var(--primary);
        margin-right: 4px;
        text-transform: uppercase;
        font-size: 1em;
        font-weight: 600
    }

    .rigaricerca b small,
    .rigaricerca a b small {
        margin-left: 10px;
        color: var(--secondary);
        font-size: 1em
    }

    .rigaricerca a {
        color: var(--primary);
        display: inline-block;
        max-height: 80px;
        overflow-y: hidden;
        white-space: normal;
        width: 100%
    }

        .rigaricerca a:hover {
            color: var(--activedarkbg)
        }

        .rigaricerca a .tbDelete {
            background-image: url(/css/Default/images/annulla-light.png)
        }

    .rigaricerca:hover a .tbDelete {
        background-image: url(/css/Default/images/annulla.png)
    }

    .rigaricerca a .light {
        opacity: .3;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%)
    }

    .rigaricerca a i {
        font-size: 1.5em;
        height: 20px;
        vertical-align: middle
    }

    .rigaricerca:hover a .light {
        opacity: 1;
        -webkit-filter: none;
        filter: none
    }

.table-condensed td {
    padding: 9px 2px;
    vertical-align: middle
}

.rigaricerca TD span.Checked,
.rigaricerca TD.Checked,
i.Checked {
    background: url(/css/Default/images/Selected.png) no-repeat 50% 50%;
    display: inline-block;
    width: 18px;
    height: 24px;
    top: 9px;
    position: absolute
}

.rigaricerca TD span.UnChecked,
.rigaricerca TD.UnChecked,
i.UnChecked {
    background: url(/css/Default/images/UnSelected.png) no-repeat 50% 50%;
    display: inline-block;
    width: 18px;
    height: 24px;
    top: 9px;
    position: absolute
}

    .rigaricerca TD:hover span.UnChecked,
    .rigaricerca TD.UnChecked:hover,
    i.UnChecked:hover {
        background: url(/css/Default/images/UnSelected.png) no-repeat 50% 50%;
        display: inline-block;
        width: 18px;
        height: 24px
    }

.NewLine {
    color: #000 !important;
    font-weight: 700
}

.Deleted {
    text-decoration: line-through red !important
}

    .Deleted a {
        color: #888 !important;
        text-decoration: line-through red !important
    }

        .Deleted a b {
            color: #777 !important;
            text-decoration: line-through red !important
        }

.Done {
    text-decoration: line-through !important;
    color: #f00
}

    .Done a {
        color: #999 !important;
        text-decoration: line-through !important
    }

        .Done a b {
            color: #555 !important;
            text-decoration: line-through !important
        }

.ajaxbackground {
    border-top: 1px solid #c0c0c0;
    background-repeat: repeat;
    height: 1px
}

.colonnahidden {
    display: none;
    visibility: hidden;
    width: 0;
    padding: 0;
    margin: -1px;
    border: 0
}

STRONG {
    color: #303030;
    font-size: 1em
}

.RigheCampi li {
    float: left;
    height: auto;
    list-style: none;
    width: 25%
}

.gruppi {
    clear: both;
    height: auto;
    float: left;
    width: 100%;
    margin: 0;
    margin-bottom: 20px
}

.Ricerca {
    width: auto;
    padding: 0;
    margin: 0;
    font-size: 1em
}

    .Ricerca a {
        color: #3374da;
        text-decoration: none;
        text-transform: capitalize
    }

    .Ricerca TH {
        Height: 24px;
        white-space: nowrap;
        border-left: #c0c0c0 1px dotted;
        border-bottom: #c0c0c0 1px solid;
        margin: 0;
        font-size: 1em;
        text-align: left
    }

#categoriapanel {
    padding-right: 20px;
    border-right: 1px dashed #ddd
}

#tipologiapanel {
    padding-right: 20px
}

#LeftMenuPanel {
    max-width: 80vw;
    height: 100vh
}

.DocRightPanel {
    position: relative;
    display: block;
    float: left;
    width: 520px;
    min-height: 500px;
    padding-left: 0;
    background-color: #fff;
    overflow: hidden
}

.Errore {
    font-weight: normal;
    font-size: 1.2em;
    color: #f00;
    background-position: left top;
    direction: ltr;
    padding-left: 24px;
    text-indent: 20px;
    background-repeat: no-repeat
}

.PrintButton {
    position: absolute;
    right: 10px
}

.SaveEditMode,
.ExcelLayout,
.AbortEditMode {
    opacity: .7;
    cursor: pointer;
    background-position: center;
    outline: 0;
    font-size: 0 !important
}

    .SaveEditMode:hover,
    .ExcelLayout:hover,
    .AbortEditMode:hover {
        background-color: #eee;
        opacity: 1
    }

.rigaexcel td {
    border-left: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd
}

.ExcelLayout {
    background-image: url(/css/Default/images/EditDocument.png)
}

.EditLabel {
    padding: 8px;
    font-weight: 600
}

.EditControl {
    background-color: #fff;
    border: 1px solid #ccc
}

.EditText,
.EditList {
    background-color: #fff;
    border: 0;
    width: 100%
}

.ExcelPanel {
    background-color: #ddd
}

.CreaLotto,
.GestioneLotto,
.VisualizzaDocs,
.ModificaData,
.InvioLotto {
    margin-right: 10px;
    height: 20px;
    display: inline-block;
    padding-top: 2px;
    padding-bottom: 2px;
    background-repeat: no-repeat
}

.CreaLotto {
    background-image: url(/css/Default/images/ico_18_1038.gif);
    padding-left: 16px
}

.InvioLotto {
    background-image: url(/css/Default/images/ico_16_2010.gif);
    padding-left: 24px
}

.GestioneLotto {
    background-image: url(/css/Default/images/ico_18_1.gif);
    padding-left: 20px
}

.VisualizzaDocs {
    background-image: url(/css/Default/images/icon_profile_16px.gif);
    padding-left: 20px
}

.ModificaData {
    background-image: url(/css/Default/images/Calendario.gif);
    padding-left: 20px
}

.Repeater {
    padding-right: 4px;
    padding-left: 4px;
    margin-bottom: 1px;
    padding-bottom: 4px;
    padding-top: 4px;
    vertical-align: middle;
    border-bottom: #c0c0c0 1px dotted;
    display: block;
    color: #33c;
    text-decoration: none
}

    .Repeater:Hover {
        background-color: #eaf8ff
    }

.LnkGuarda {
    display: none;
    float: left;
    background-image: url(/css/Default/images/ico_18_answer.gif);
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 0;
    width: 20px;
    height: 20px;
    text-indent: 2000px;
    overflow: hidden
}

.LnkArchivia {
    display: block;
    background-image: url(/css/Default/images/archivia.gif);
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 0;
    text-decoration: none;
    width: 20px;
    height: 18px;
    text-indent: 2000px;
    z-index: 99;
    position: absolute;
    bottom: 5px;
    left: 2px
}

.LnkCancella {
    display: block;
    background-image: url(/css/Default/images/Annulla.gif);
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 0;
    float: left;
    width: 20px;
    height: 18px;
    text-indent: 2000px;
    z-index: 99;
    position: absolute;
    bottom: 5px;
    left: 22px
}

    .LnkCancella:hover,
    .LnkArchivia:hover {
        background-color: #c0c0c0
    }

.ScaricaPlugin {
    display: block;
    padding-right: 10px;
    margin-bottom: 4px;
    border-bottom: 1px dashed #ddd;
    padding-left: 90px;
    background-color: #fff;
    font-size: 1em;
    text-decoration: none;
    color: #3060a0;
    vertical-align: middle;
    width: 587px;
    height: 80px;
    position: relative
}

    .ScaricaPlugin small {
        font-size: .8em;
        color: #202020
    }

    .ScaricaPlugin:hover {
        background-color: #ade;
        color: #4040f0
    }

.Manuale {
    display: block;
    width: 110px;
    height: 110px;
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 0;
    text-indent: -3000px;
    overflow: hidden;
    border: 0;
    background-image: url(/css/Default/images/manuale.jpg)
}

.Thumb {
    display: block;
    position: absolute;
    left: 5px;
    top: 5px;
    width: 70px;
    height: 70px;
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 0;
    text-indent: -3000px;
    overflow: hidden;
    border: 0
}

.FoxIt {
    background-image: url(/css/Default/images/manuale.jpg)
}

.Bit4Id {
    background-image: url(/css/Default/images/Bit4Id.jpg)
}

.SmartCard {
    background-image: url(/css/Default/images/SmartCard.jpg)
}

.FrameWork4 {
    background-image: url(/css/Default/images/Framework4.jpg);
    height: 50px
}

.FrameWork2 {
    background-image: url(/css/Default/images/Framework2.jpg);
    height: 50px
}

.WinSetup {
    background-image: url(/css/Default/images/WinSetup.jpg)
}

.PowerPoint {
    background-image: url(/css/Default/images/PowerPoint.jpg)
}

.ClipThumbnail {
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 4px;
    text-align: center;
    box-shadow: 0 0 7px 0 #aaa;
    height: 230px
}

.LogDate {
    color: #d7a65c;
    position: absolute;
    text-align: right;
    width: 60px;
    padding: 10px;
    top: 8px;
    line-height: 14px;
    font-size: .85em;
    right: 0
}

.LogItem {
    position: relative;
    border: 1px solid #ccc;
    margin: 6px;
    box-shadow: 1px 2px 2px #ddd;
    background-color: #fff;
    padding: 8px;
    margin-bottom: 11px
}

.LogText img {
    float: left;
    margin: 4px
}

.LogAction {
    text-transform: uppercase;
    font-size: .8em;
    font-weight: 500;
    margin-top: -8px;
    display: block
}

.LogComment {
    color: #666866;
    overflow-y: auto;
    margin-top: 0;
    margin-right: 8px;
    font-size: .85em;
    margin-bottom: 0;
    line-height: 15px;
    margin-left: 33px;
    margin-top: -4px
}

.Logo {
    display: inline-block;
    height: 36px;
    width: 170px;
    background: url('/css/Default/images/logo.png');
    background-size: 100%
}

    .Logo:hover {
        background-color: transparent !important
    }

.CompanyLogo {
    background-size: 580%;
    display: inline-block;
    Height: 37px;
    margin: 4px 0;
    background-size: 100%;
    width: unset !important
}

.DisabledBackground {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(100, 100, 100, .5)
}

.spinner {
    margin: 100px auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px
}

    .spinner > div {
        background-color: #08c;
        height: 100%;
        width: 6px;
        display: inline-block;
        -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
        animation: sk-stretchdelay 1.2s infinite ease-in-out
    }

    .spinner .rect2 {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s
    }

    .spinner .rect3 {
        -webkit-animation-delay: -1s;
        animation-delay: -1s
    }

    .spinner .rect4 {
        -webkit-animation-delay: -.9s;
        animation-delay: -.9s
    }

    .spinner .rect5 {
        -webkit-animation-delay: -.8s;
        animation-delay: -.8s
    }

.SaveButton,
.SaveButton i {
    color: #fff !important;
    background-color: #0b4;
    box-shadow: 1px 2px 5px #aaa
}

    .SaveButton:hover,
    .SaveButton:hover i {
        background-color: #0c5 !important
    }

        .SaveButton:active,
        .SaveButton:hover i {
            background-color: #0c3;
            box-shadow: 0 0 5px #aaa;
            margin-top: 2px !important
        }

.ErrorPanel {
    display: block;
    position: absolute;
    left: 100px;
    top: 100px;
    border: 1px solid #808080;
    background-color: #9cc;
    width: 300px;
    height: 128px;
    clear: both
}

    .ErrorPanel div {
        margin: 4px;
        padding: 4px;
        border: 1px solid #c0c0c0;
        background-color: #fff;
        height: 90px;
        width: 292px;
        text-align: center
    }

    .ErrorPanel > H1 {
        display: block;
        background-color: #9cc;
        font: Arial;
        font-size: 2em;
        color: #fff;
        height: 12px;
        padding: 4px
    }

    .ErrorPanel .Button {
        bottom: 10px;
        position: absolute;
        left: 40%;
        margin: 0
    }

.FooterToolbar {
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 37px
}

.FormHeader,
.FormContent,
.FormFooter {
    padding: 8px;
    font-family: Arial;
    font-size: .8em;
    position: relative
}

    .FormHeader H1,
    .FormHeader H2 {
        font-size: 1.4em;
        font-weight: normal;
        padding: 0;
        margin: 0;
        color: #404040
    }

.FormFooter {
    text-align: right;
    padding-right: 15px
}

.FormHeader H2 {
    font-size: 1em;
    color: #606060
}

.Toggle {
    padding-top: 16px;
    clear: both
}

    .Toggle H2 {
        font-size: 1.3em;
        text-transform: uppercase;
        color: #333
    }

        .Toggle H2 small {
            font-size: .8em;
            text-transform: uppercase;
            color: #008000;
            font-weight: normal
        }

.Row {
    display: flex;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    overflow: visible;
    margin: 0;
    margin-bottom: 6px;
    border-bottom: 1px dashed #ddd
}

.emptyRow {
    height: 40px;
    background-color: #fff;
    border: 1px dotted #eee;
    content: "<td colspan=4></td>"
}

.Row > label,
.Row > span,
.Row > div {
    display: flex;
    float: left;
    height: auto;
    vertical-align: middle;
    width: 100% !important;
    min-height: 21px;
    line-height: 14px;
    padding-top: 8px;
    color: #38b;
    margin-bottom: 0;
    margin-top: 2px
}

.Row.small > label {
    width: 20% !important
}

.Row > label {
    color: #666;
    font-weight: 500;
    text-transform: none;
    max-width: 300px;
    min-width: 100px;
    flex-shrink: 0;
    flex-direction: row;
    padding-top: 8px;
    display: flex;
    justify-content: flex-start;
    position: relative
}

    .Row > label small {
        font-size: 0;
        flex-direction: column;
        flex-wrap: nowrap;
        margin-right: 10px
    }

        .Row > label small::before {
            content: "";
            color: #4b7dec;
            display: contents;
            font-family: 'FontAwesome';
            font-style: normal;
            font-size: 15px
        }

        .Row > label small:hover::before {
            font-size: 0
        }

        .Row > label small:hover {
            background-color: #dffbff;
            border: 1px solid #668fcd;
            padding: 3px 10px;
            height: 14px;
            color: #668fcd;
            font-size: .9em;
            font-style: italic;
            line-height: 10px;
            position: inherit;
            border-radius: 4px;
            z-index: 1;
            top: -2px;
            left: auto;
            max-width: 70%;
            font-family: inherit;
            margin-bottom: -50px;
            display: inline-table
        }

.Row > span label {
    display: inline-block
}

.Row > span,
.Row > div {
    padding-top: 0;
    line-height: 27px;
    width: 60%;
    margin-bottom: -1px
}

.Row.small > span {
    width: 80% !important
}

.OptionLine > label {
    display: inline-block;
    float: none;
    width: auto;
    padding-top: 0;
    margin-top: -2px
}

.Row > span select,
.Row > span textarea,
.Row > span input[type='Text'] {
    margin-bottom: 0;
    min-height: 30px;
    box-sizing: border-box
}

    .Row > span select.span12,
    .Row > span input[type='Text'].span12 {
        width: 100%
    }

.Row > label.Text {
    width: 65%
}

.Row > INPUT[type='Text'],
.Row > TEXTAREA {
    width: 100%
}

.Row > INPUT[type='Color'] {
    width: 22px;
    height: 22px;
    padding: 2px;
    margin-bottom: 0
}

.Row > span INPUT[type='checkbox'] {
    margin-top: 0;
    width: auto
}

.Row > span > .btn {
    height: 22px;
    margin-left: 4px
}

code {
    padding: 0;
    color: #888;
    margin: 0 10px;
    background-color: transparent;
    border: 0;
    line-height: 14px;
    display: inline-block;
    margin-top: 8px
}

textarea.span12,
input.span12 {
    width: 100%
}

.Row > TEXTAREA {
    height: 100%;
    margin-bottom: 0;
    width: 100%
}

.Selectable {
    padding: 4px;
    cursor: pointer
}

    .Selectable:hover {
        background-color: #eee;
        cursor: pointer
    }

.fieldset {
    background-color: #eee;
    border-bottom: 1px solid #e0e0e0;
    padding: 4px;
    margin-bottom: 10px
}

.ListView {
    overflow: auto;
    margin: 0;
    width: auto;
    padding: 0
}

    .ListView li {
        display: block;
        margin: 0;
        position: relative
    }

        .ListView li a,
        .ListView h1 {
            color: #333;
            font-size: 1.3em;
            text-decoration: none;
            display: block;
            padding: 7px 2px;
            line-height: 16px;
            border: 1px solid transparent;
            border-top: 1px solid #eee;
            vertical-align: middle
        }

    .ListView h1 {
        opacity: .6;
        border-top: 1px solid transparent;
        text-transform: uppercase;
        padding-top: 15px;
        padding-bottom: 0;
        line-height: 16px;
        border-bottom: 1px solid #c0c0c0;
        vertical-align: middle;
        font-weight: bold;
        letter-spacing: 0
    }

    .ListView img {
        float: left;
        right: 0;
        top: 7px;
        max-width: 28px;
        max-height: 30px;
        vertical-align: middle;
        margin: -7px 0;
        display: none
    }

        .ListView img.big {
            max-width: 44px;
            max-height: 46px
        }

    .ListView li sub {
        font-size: .75em;
        color: #333;
        opacity: .6;
        display: block;
        line-height: 16px;
        font-style: normal;
        content: "";
        height: 16px
    }

    .ListView li em {
        font-size: 1em;
        position: absolute;
        right: 1px;
        top: 7px;
        color: #333;
        opacity: .6;
        display: block;
        margin: -7px 0;
        line-height: 32px;
        font-style: normal;
        content: "";
        height: 32px
    }

.TreeView {
    overflow: auto;
    padding: 4px;
    width: auto
}

    .TreeView ul,
    .TreeView ol {
        padding: 0;
        margin: 0;
        list-style: none;
        width: 100%
    }

    .TreeView li {
        display: block;
        padding: 0;
        height: auto
    }

        .TreeView li a,
        .TreeView li a:visited {
            display: block;
            width: auto;
            padding: 4px;
            padding-right: 0;
            line-height: 18px;
            text-transform: none;
            text-decoration: none;
            color: #404040;
            text-shadow: 1px 1px 1px #fff
        }

        .TreeView li.Selected {
            padding: 3px;
            color: #fff;
            text-shadow: 1px 1px 1px #fff;
            background: url(/css/Default/images/frecciaasinistra.png) no-repeat right top
        }

        .TreeView li a:hover {
            background-color: #fff;
            color: #808080
        }

.NodeBranch {
    display: block !important;
    margin-top: -25px !important;
    float: left !important;
    height: 30px !important;
    padding: 4px !important;
    width: 7px !important;
    margin-left: 4px !important;
    border-left: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    z-index: 1
}

.NodeText {
    padding-left: 6px !important;
    margin-left: 20px !important;
    margin-right: 39px
}

.NodeExpander {
    position: absolute;
    left: 1px;
    height: 6px !important;
    padding: 10px 4px !important;
    z-index: 9;
    margin-left: -11px !important
}

.SimpleNode {
    display: block;
    border-left: 1px dashed #ccc;
    padding-top: 2px;
    padding-left: 27px !important;
    padding-right: 8px !important;
    margin-top: 0;
    margin-left: 4px;
    margin-right: -8px;
    margin-bottom: 1px
}

.FirstNode {
    margin-left: 10px !important;
    padding-left: 0 !important;
    border: 0
}

.EmptyNode {
    margin-left: 6px;
    border: 0 !important;
    height: 0
}

.LastNode {
    padding-left: 31px;
    padding-right: 16px;
    margin-right: -15px
}

.subtitle {
    text-transform: none;
    text-shadow: 1px 1px 1px white;
    font-size: .9em;
    color: #444;
    line-height: 15px
}

h2 {
    text-transform: uppercase;
    font-size: 14pt;
    font-weight: bold;
    color: #555
}

.FormHeader {
    border-bottom: 1px solid #c0c0c0;
    background-color: #fff;
    padding: 10px
}

.Page_Header {
    position: relative;
    padding: 0;
    border-bottom: 3px solid #606060;
    margin-bottom: 5px;
    height: 50px
}

#ListForms {
    background-color: #000
}

    #ListForms div {
        height: 250px;
        width: 200px;
        float: left;
        text-align: center
    }

        #ListForms div img {
            display: block;
            height: 90%;
            margin: 0 auto
        }

        #ListForms div span {
            display: block;
            margin-top: 10px
        }

#Modulo {
    border: 1px solid #c0c0c0;
    padding: 20px;
    margin: 10px;
    background-color: #fff
}

.btSmallFolder {
    display: block;
    width: 18px;
    height: 14px;
    float: left;
    background-image: url(/css/Default/images/smallracc.gif);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 0;
    text-indent: -3000px;
    overflow: hidden;
    border: 0
}

.Link {
    font-size: 10pt;
    color: #505050;
    font-family: Tahoma;
    text-decoration: none;
    padding: 3px;
    margin: 1px;
    display: block
}

    .Link:hover {
        margin: 0;
        padding-bottom: 2px;
        padding-top: 2px;
        color: #00008b;
        background-color: #cef4ff;
        text-decoration: underline;
        border-right: #4682b4 1px solid;
        border-top: #4682b4 1px solid;
        border-left: #4682b4 1px solid;
        border-bottom: #4682b4 1px solid
    }

.LnkView {
    display: block;
    background-image: url(/css/Default/images/LnkView.png);
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 0;
    width: 80px;
    height: 15px;
    text-indent: 2000px;
    z-index: 99
}

.LnkNewDocument {
    display: block;
    background-image: url(/css/Default/images/LnkNewDocument.png);
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 0;
    text-decoration: none;
    width: 80px;
    height: 15px;
    text-indent: 2000px;
    z-index: 99
}

.LnkDelete {
    display: block;
    background-image: url(/css/Default/images/LnkDelete.png);
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 0;
    width: 80px;
    height: 15px;
    text-indent: 2000px;
    z-index: 99
}

.LnkReplace {
    display: block;
    background-image: url(/css/Default/images/LnkReplace.png);
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 0;
    width: 80px;
    height: 15px;
    text-indent: 2000px;
    z-index: 99
}

.LnkView:hover {
    background-image: url(/css/Default/images/LnkViewHigh.png)
}

.LnkNewDocument:hover {
    background-image: url(/css/Default/images/LnkNewDocumentHigh.png)
}

.LnkDelete:hover {
    background-image: url(/css/Default/images/LnkDeleteHigh.png)
}

.LnkReplace:hover {
    background-image: url(/css/Default/images/LnkReplaceHigh.png)
}

a {
    text-decoration: none
}

    a:hover {
        text-decoration: none
    }

.HighLight {
    text-decoration: underline
}

.Month {
    display: block;
    float: left;
    width: 32px;
    height: auto;
    border: 1px solid #c0c0c0
}

.MonthName {
    font-family: Arial, Tahoma;
    font-weight: bold;
    background-color: #c0c0c0;
    text-align: center;
    width: 30px;
    display: block;
    height: 20px;
    float: left
}

.DayContainer {
    height: 12px;
    font-size: 10px;
    font-family: Arial, Tahoma;
    border-top: 1px solid #e0e0e0;
    vertical-align: middle;
    position: relative;
    border-collapse: collapse;
    background-color: #fff
}

    .DayContainer a {
        font-size: 10px;
        font-family: Arial, Tahoma;
        color: #606060
    }

    .DayContainer:hover {
        background-color: #9cf
    }

.Day {
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 20px;
    text-align: Right;
    display: block
}

.WeekDay {
    font-weight: bold;
    text-align: right;
    position: absolute;
    right: 2px;
    top: 0;
    font-size: 7px;
    font-family: Verdana;
    display: block;
    color: #808080
}

.Year {
    display: block;
    float: left;
    width: 40px;
    background-color: #fff;
    border: 1px solid #c0c0c0
}

.SelectedYear {
    font-weight: bold;
    color: #000
}

.SelectedDay a,
.SelectedDay {
    background-color: #f00;
    color: #fff;
    font-weight: bold
}

.Sunday,
.Sunday a {
    background-color: #fffacd;
    color: #f00
}

.Sunday {
    border-right: 1px solid #c0c0c0
}

.Saturday,
.Saturday a {
    color: #f00;
    background-color: #fffae9
}

#CalendarPanel {
    border: 1px solid #808080;
    padding: 2px;
    width: 681px;
    background-color: #fff
}

.LeftPanel {
    margin: 0;
    background-color: #fafafa;
    border-right: 1px solid #ddd;
    width: 300px;
    float: left;
    height: 100vh;
    position: relative;
    overflow: visible;
    transition: width .5s
}

    .LeftPanel H1 {
        padding: 12px 15px 6px
    }

    .LeftPanel .nav-header {
        margin-top: 16px;
        margin-left: -5px;
        font-size: 1em;
        color: #1ab394;
        text-shadow: none
    }

    .LeftPanel ul > li > a {
        color: #444;
        text-overflow: clip;
        position: relative;
        overflow: hidden;
        white-space: nowrap;
        line-height: 24px;
        margin: 0;
        text-transform: uppercase;
        font-weight: 600;
        padding: 8px;
        font-size: .85em;
        border-radius: 2px;
        transition: background-color ease-in-out .3s
    }

        .LeftPanel ul > li > a:hover {
            color: var(--hoverdark);
            transition: background-color ease-in-out .3s;
            background-color: var(--hoverdarkbg)
        }

    .LeftPanel ul > li.active > a {
        color: var(--activedark);
        text-shadow: none;
        background-color: var(--activedarkbg)
    }

    .LeftPanel i {
        width: 26px;
        color: #aaa;
        font-size: 1.5em;
        text-align: center;
        margin-left: 0;
        margin-right: 8px;
        display: inline-block;
        height: 20px;
        vertical-align: -15%
    }

        .LeftPanel i.icon {
            font-size: 0;
            line-height: 30px
        }

    .LeftPanel img {
        width: 20px;
        margin-right: 10px
    }

    .LeftPanel li.active a i,
    .LeftPanel li.active a img {
        color: #fafafe;
        color: var(--hoverdarkicon)
    }

    .LeftPanel li a:hover i {
        color: var(--activedarkbg)
    }

    .LeftPanel span.label {
        position: absolute;
        right: 11px;
        top: 50%;
        margin-top: -8px;
        line-height: 13px
    }

    .LeftPanel .Lookup {
        background-color: #fff
    }

    .LeftPanel INPUT,
    .LeftPanel select,
    .LeftPanel textarea {
        background-color: #fff
    }

        .LeftPanel INPUT:hover,
        .LeftPanel select:hover,
        .LeftPanel textarea:hover {
            background-color: #fff
        }

    .LeftPanel.minimized ul.nav.nav-list,
    .LeftPanel.minimized .padding {
        padding: 0 2px
    }

        .LeftPanel.minimized ul.nav.nav-list .nav-header,
        .LeftPanel.minimized .Header {
            display: none
        }

    .LeftPanel.minimized {
        overflow: hidden
    }

        .LeftPanel.minimized span.label {
            right: 1px
        }

        .LeftPanel.minimized span.badge {
            display: none
        }

        .LeftPanel.minimized .Logo {
            width: 28px;
            background-size: 580%;
            margin: 4px -6px
        }

ul.ToggleMenu > li.active > a {
    color: #000e2f;
    text-shadow: none;
    background-color: #baf5ff;
    border: inset 1px
}

    ul.ToggleMenu > li.active > a i {
        color: #6495ed
    }

.RightPanel {
    margin: 0;
    background-color: #fafafa;
    border-left: 1px solid #ddd;
    width: 300px;
    float: right;
    height: 100%;
    position: relative;
    transition: width .5s
}

    .RightPanel H1 {
        padding: 12px 15px 6px
    }

    .RightPanel .nav-header {
        margin-top: 16px;
        margin-left: -5px;
        font-size: 1em;
        color: #1ab394;
        text-shadow: none
    }

    .RightPanel ul > li > a {
        color: #777;
        text-overflow: clip;
        position: relative;
        overflow: hidden;
        white-space: nowrap;
        line-height: 24px;
        margin: 0;
        text-transform: uppercase;
        font-weight: 600;
        padding: 8px;
        font-size: .85em;
        border-radius: 2px;
        transition: background-color ease-in-out .3s
    }

        .RightPanel ul > li > a:hover {
            color: #222;
            transition: background-color ease-in-out .3s;
            background-color: #eee
        }

    .RightPanel ul > li.active > a {
        color: #fff;
        text-shadow: none;
        background-color: #1cc09f
    }

    .RightPanel i {
        width: 26px;
        color: #8b6;
        font-size: 1.6em;
        text-align: center;
        margin-left: 0;
        margin-right: 8px
    }

    .RightPanel img {
        width: 20px;
        margin-right: 10px
    }

    .RightPanel li.active a i,
    .RightPanel li.active a img {
        color: #fafafe
    }

    .RightPanel span.label {
        position: absolute;
        right: 11px;
        top: 11px
    }

    .RightPanel .Lookup {
        background-color: #fff
    }

    .RightPanel INPUT,
    .RightPanel select,
    .RightPanel textarea {
        background-color: #fff
    }

        .RightPanel INPUT:hover,
        .RightPanel select:hover,
        .RightPanel textarea:hover {
            background-color: #fff
        }

    .RightPanel.minimized ul.nav.nav-list,
    .RightPanel.minimized .padding {
        padding: 0 2px
    }

        .RightPanel.minimized ul.nav.nav-list .nav-header,
        .RightPanel.minimized .Header {
            display: none
        }

    .RightPanel.minimized {
        overflow: hidden
    }

        .RightPanel.minimized span.label {
            right: 1px
        }

        .RightPanel.minimized span.badge {
            display: none
        }

        .RightPanel.minimized .Logo {
            width: 28px;
            background-size: 580%;
            margin: 4px -6px
        }

.Left2Panel {
    padding-left: 16px;
    width: 18%;
    max-width: 250px;
    border-right: 1px solid #eee;
    float: left;
    padding-right: 16px
}

.Left3Panel {
    padding-left: 16px;
    width: 25%;
    max-width: 350px;
    border-right: 1px solid #eee;
    float: left;
    padding-right: 16px
}

.Left4Panel {
    padding-left: 16px;
    width: 40%;
    border-right: 1px solid #eee;
    float: left;
    padding-right: 16px
}

.w480 {
    width: 600px
}

.w240 {
    width: 480px;
    float: left;
    border-right: 1px dashed #eee
}

.MainPanel {
    padding-left: 16px;
    position: relative
}

.DatiAnagraficiPanel {
    margin-top: 10px
}

#Todo0Panel {
    margin-top: 10px
}

.alert-danger,
.alert-error {
    color: #fff;
    background-color: #ff5e5e;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1em;
    margin: 5px 0;
    line-height: 17px;
    border: 1px solid #800;
    border-radius: 3px;
    text-shadow: none
}

    .alert-danger b,
    .alert-error b {
        font-weight: 700
    }

.WindowBorder {
    box-sizing: border-box;
    display: block;
    position: fixed;
    width: 0;
    top: 100%;
    zoom: 1;
    height: 100vh;
    bottom: 0;
    right: -100px;
    border-left: 8px solid #66cdaa;
    background-color: #fff;
    clear: both;
    z-index: 999999;
    box-shadow: 0 -2px 16px 8px rgba(100, 100, 100, .5);
    transition: width .5s
}

    .WindowBorder .fa-times {
        font-size: 1.2em;
        vertical-align: middle;
        color: #393
    }

    .WindowBorder.open.Maximized {
        width: 99.95%
    }

.PopupWindow.open {
    max-width: 97%;
    margin-right: 10px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.WindowBorder.open {
    transition: width .5s;
    width: 960px;
    display: block;
    top: 0;
    right: 0
}

.WindowBorder.blink {
    animation: blinker .5s ease-in-out
}

@keyframes blinker {
    0% {
        zoom: 1;
        opacity: .4
    }

    50% {
        opacity: .8;
        zoom: 1.05
    }

    100% {
        zoom: 1.1;
        opacity: 1
    }
}

.WindowBorder h1 {
    padding: 8px 0
}

.PopupWindow {
    height: calc(100vh - 20px);
    right: -100px;
    border-radius: 6px;
    border: 2px solid #66cdaa;
    background-color: #fff;
    clear: both;
    z-index: 999999;
    box-shadow: 0 0 16px 0 rgba(100, 100, 100, .5);
    transition: width .5s
}

#MostraCategorie {
    display: none
}

.LeftSlider {
    transition: width .5s;
    border-right: 1px dashed #ccc;
    position: relative;
    max-width: 1020px;
    padding: 0;
    margin: 0;
    float: left;
    display: none;
    width: 0;
    box-sizing: border-box
}

    .LeftSlider.open {
        width: 720px;
        display: block
    }

.IstanzaTest {
    position: fixed;
    right: 30px;
    bottom: 30px;
    background-color: #dc143c;
    padding: 10px;
    border-radius: 4px;
    opacity: .7;
    box-shadow: 1px 1px 3px 2px rgba(200, 200, 200, .7)
}

    .IstanzaTest:hover {
        opacity: .1
    }

    .IstanzaTest h1 {
        margin: 0;
        padding: 0;
        font-size: 1.2em;
        color: #fff
    }

.modalbackground {
    background-color: rgba(50, 50, 50, .3);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99990;
    backdrop-filter: blur(5px)
}

    .modalbackground.light {
        background-color: rgba(200, 200, 200, .15);
        backdrop-filter: none
    }

.Customize {
    -webkit-transition: display .5s ease-in-out;
    -moz-transition: display .5s ease-in-out;
    -o-transition: display .5s ease-in-out;
    transition: display .5s ease-in-out;
    z-index: 99999;
    position: fixed;
    right: 0;
    overflow: auto;
    top: 0;
    width: 640px;
    background-color: #fff;
    bottom: 0;
    border-left: 1px solid #ccc;
    padding: 0 16px;
    box-shadow: -4px 0 6px 0 #999
}

.Window {
    margin: 8px;
    padding: 4px;
    height: auto;
    width: auto;
    display: block;
    float: left;
    z-index: 99999
}

#DocumentBody {
    background-color: #d0d0d0;
    margin: 4px;
    border: 1px solid #c0c0c0
}

.PageHeader {
    height: 64px
}

    .PageHeader H2 {
        margin: 0;
        padding: 0;
        font-family: Arial;
        font-size: 14px;
        color: #dc143c
    }

.ModalPopupBackground {
    background-repeat: repeat;
    z-index: 99999
}

#ImageBar {
    background-color: #f0f0f0;
    border-left: 1px solid #c0c0c0;
    padding-left: 2px;
    width: 35px
}

.Encrypted {
    opacity: .5;
    -webkit-filter: blur(8px);
    -moz-filter: blur(8px);
    -ms-filter: blur(8px)
}

    .Encrypted:hover {
        opacity: 1;
        -webkit-filter: blur(0);
        -moz-filter: blur(0);
        -ms-filter: blur(0)
    }

.Item {
    padding: 2px;
    background-color: #fff;
    margin: 4px;
    box-sizing: border-box
}

    .Item:hover {
        border: 2px solid;
        border-color: var(--activedarkbg)
    }

.Page {
    border-radius: 4px;
    border: 2px solid #fff;
    padding: 2px;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(150, 150, 150, .5);
    margin: 4px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column
}

    .Page:hover {
        border: 2px solid;
        border-color: var(--activedarkbg);
        background-color: #fff
    }

.Page_parts {
    border: 1px dotted #ddd
}

    .Page_parts:hover {
        border: 1px dotted #ddd;
        cursor: crosshair;
        opacity: .5
    }

.SelectedPage {
    box-shadow: 1px 1px 5px #ddd;
    outline: 2px solid #8da
}

#Tabs {
    background-color: #eee;
    color: #fff;
    text-shadow: 1px 1px 1px white;
    background-repeat: repeat-y;
    width: 175px;
    min-width: 175px;
    white-space: nowrap;
    font-family: Tahoma;
    font-size: 11px;
    border-left: 2px ridge #c0c0c0;
    margin: 2px
}

.PropertyCanvas {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 0
}

.nav-toolbar.high li a:hover {
    background-color: #fff
}

.ImagePanel {
    overflow: auto;
    width: 100%;
    box-sizing: border-box;
    padding: 8px;
    display: flex;
    flex-wrap: wrap
}

.ImageToolbar {
    height: 38px;
    overflow: hidden;
    padding: 0 10px;
    z-index: 99;
    background-color: #f8f8f8;
    border-bottom: 1px solid #ccc
}

    .ImageToolbar .Toolbar {
        position: absolute;
        right: 10px
    }

.ImageViewer {
    overflow: hidden;
    margin: 0;
    display: block;
    width: 100%;
    background-color: #eee
}

.PreviewImage {
    border: 0 outset #808080;
    color: #fff
}

.FolderPanel {
    padding-left: 0;
    background-position: left top;
    background-repeat: no-repeat;
    width: auto;
    height: 70px;
    position: relative
}

.FolderPath {
    font-size: 8pt;
    font-weight: bold
}

.Thumbnail,
.ThumbnailScan {
    padding: 1px;
    width: 128px;
    margin: 2px;
    margin-top: 2px;
    background-color: #fff
}

    .Thumbnail:hover,
    .ThumbnailScan:hover {
        margin-top: 0;
        margin-bottom: 22px;
        transition: margin linear .5s
    }

.FlightClose {
    display: block;
    float: left;
    text-indent: -3000px;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(/css/Default/images/annulla.gif);
    padding-left: 16px;
    width: 20px;
    height: 16px;
    z-index: 9999
}

.NewFolder {
    Border: 1px solid silver;
    padding: 8px;
    padding-top: 0;
    margin: 8px;
    background-color: #edf0ff
}

    .NewFolder H2 {
        font-size: 16px;
        letter-spacing: normal;
        padding-top: 2px
    }

.Dialog {
    display: block;
    padding: 8px;
    white-space: normal;
    overflow-y: auto;
    background-color: #eee;
    color: #202020;
    text-shadow: 1px 1px 1px white;
    font-size: 12px;
    font-family: Helvetica, Arial;
    line-height: 18px;
    padding-bottom: 30px
}

    .Dialog INPUT[Type=Text],
    .Dialog SELECT,
    .Dialog TEXTAREA {
        background-color: #fff
    }

    .Dialog fieldset {
        border: 0;
        padding: 0;
        padding-bottom: 10px
    }

.blade {
    padding: 0 16px
}

.mobile {
    display: none !important
}

.nav-header {
    margin-top: 9px;
    font-size: 1.1em;
    color: #2a2;
    margin-right: 0 !important
}

#PropertyPanel {
    border-right: 1px solid #ccc
}

.RightSlider {
    transition: width .5s;
    border-left: 1px dashed #ccc;
    position: relative;
    max-width: 1020px;
    width: 50%;
    padding: 0;
    margin: 0;
    float: right;
    display: none
}

.btn-icon {
    padding: 4px 3px 4px 6px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 100;
    color: #bbb;
    border: 0;
    background-color: none;
    margin: 0 0
}

    .btn-icon:hover {
        background-color: #eee;
        color: #888;
        text-decoration: none
    }

.nav .TwoColumns > li {
    width: calc(50% - 10px);
    margin-right: 10px
}

.Lista1 {
    font-size: .85rem
}

    .Lista1 li,
    .Lista2 li,
    .Lista4 li {
        line-height: 30px;
        text-transform: uppercase;
        font-weight: 700;
        position: relative
    }

    .Lista1 i {
        width: 24px;
        color: #ffa500;
        text-align: center
    }

    .Lista1 a.active,
    .Lista1 a.active i,
    .Lista4 a.active i {
        color: #fff;
        background-color: #1cc09f;
        text-shadow: 1px 1px #282
    }

    .Lista1 .active a {
        color: #fff;
        background-color: #1cc09f
    }

    .Lista1 a:hover .popup,
    .Lista1 a.active .popup {
        display: inline;
        opacity: 1
    }

    .Lista1 a:hover small,
    .Lista1 a.active small,
    .Lista1 a.active sub {
        display: inline;
        opacity: 1
    }

    .Lista1 small {
        position: absolute;
        font-size: .75em;
        margin: 0;
        top: 10px;
        right: 6px;
        font-weight: 100;
        opacity: .2;
        display: none
    }

    .Lista1 sub {
        position: absolute;
        font-size: .75em;
        margin: 0;
        top: 10px;
        right: 6px;
        font-weight: 100;
        opacity: .2
    }

    .Lista1 .popup {
        font-size: 1.1em;
        position: absolute;
        right: 6px;
        top: -2px;
        opacity: .2;
        display: none
    }

    .Lista1 li a,
    .Lista2 li a,
    .Lista4 li a {
        color: #248;
        font-size: 1em;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow-x: hidden
    }

.Lista2 li {
    width: 100%
}

.Lista2 i {
    width: 24px;
    color: #2af;
    text-align: center
}

.Lista2 li a i {
    font-size: 2em;
    margin-right: 10px;
    vertical-align: bottom
}

.Lista2 li a {
    margin: 0;
    text-overflow: ellipsis;
    overflow-x: hidden;
    width: 97%;
    white-space: nowrap
}

    .Lista2 li a:hover {
        background-color: #adf
    }

.Lista3 {
    box-sizing: border-box
}

    .Lista3 > li {
        line-height: 30px;
        text-transform: uppercase;
        font-weight: 700;
        position: relative
    }

        .Lista3 > li > a {
            color: #248;
            font-size: .9em;
            white-space: nowrap;
            height: 34px;
            text-overflow: ellipsis;
            overflow-x: hidden;
            margin-left: 0
        }

            .Lista3 > li > a > i {
                width: 32px;
                height: 20px;
                font-size: 1.4em;
                color: var(--accent);
                vertical-align: middle;
                text-align: center;
                margin-top: 5px
            }

            .Lista3 > li > a > sub {
                display: block;
                text-indent: 32px;
                color: #aaa;
                font-size: .7em;
                margin-top: -6px
            }

            .Lista3 > li > a > small {
                font-size: 80%;
                position: absolute;
                right: 40px;
                color: #c0c0c0;
                font-weight: 300;
                top: 4px
            }

    .Lista3 .active {
        color: #fff
    }

        .Lista3 .active a {
            text-shadow: none;
            color: var(--activedark);
            background-color: var(--activedarkbg)
        }

        .Lista3 .active i,
        .Lista3 .active sub {
            color: #f8f8f8
        }

.Lista4 {
    margin-bottom: -1px
}

    .Lista4 li {
        border-bottom: 1px dotted #ddd
    }

    .Lista4 i {
        margin: 0 10px 0 0
    }

    .Lista4 li a {
        margin: 0
    }

.dropdown-menu .Icons a {
    display: block;
    float: left;
    clear: none;
    width: 42px;
    height: 32px;
    text-align: center;
    padding: 10px;
    border-radius: 3px;
    margin: 2px;
    min-width: 16px
}

    .dropdown-menu .Icons a:hover {
        background-color: #eee;
        text-decoration: none
    }

.dropdown-menu .Icons {
    width: 300px;
    height: 124px;
    overflow-y: auto;
    white-space: normal;
    padding: 3px;
    flex-direction: row;
    flex-wrap: wrap
}

a.dropdown-toggle {
    padding: 8px 0 !important;
    position: relative
}

.Closed {
    -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
    width: 48px !important
}

.RightMenu {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 8px;
    z-index: 3
}

    .RightMenu a {
        display: inline-block;
        padding: 10px 8px;
        margin: 0 0;
        color: #aaa;
        height: 10px
    }

        .RightMenu a:hover {
            background-color: #eee;
            color: #aaa;
            border-radius: 2px
        }

    .RightMenu select {
        min-height: 30px;
        height: 30px;
        font-size: 12px;
        padding: 4px;
        margin: 0;
        background-image: none;
        background-color: #eee
    }

.Logout {
    position: absolute;
    right: 10px;
    top: 16px
}

.Menu {
    position: fixed !important;
    top: 0;
    bottom: 0;
    left: 0;
    width: 300px;
    height: 100vh;
    z-index: 9999;
    border-right: 1px solid #ccc;
    background-color: #e0e0e0;
    overflow: visible !important;
    -webkit-transition: width .3s ease-in-out;
    -moz-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    box-shadow: 2px 0 16px 0 rgba(128, 128, 128, .5);
    display: flex;
    flex-direction: column
}

    .Menu.Closed {
        box-shadow: none
    }

    .Menu .label-warning {
        background-color: #ffd700;
        color: #dc143c;
        display: inline;
        position: absolute;
        text-shadow: none;
        border: 1px solid #ffa500;
        box-shadow: none
    }

.label-warning.label-error {
    background-color: var(--errorbg);
    color: var(--error);
    display: inline;
    position: absolute
}

.Menu ul,
.Menu div {
    display: block;
    font-size: 11px;
    font-weight: 600;
    width: auto;
    margin: 0;
    padding: 0 0;
    float: none;
    clear: both;
    overflow: visible !important;
    z-index: 9999
}

    .Menu ul li {
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
        display: block;
        float: left;
        position: relative !important;
        cursor: pointer;
        z-index: 9999
    }

        .Menu ul li a {
            margin: 0 0;
            padding: 8px 0;
            display: block;
            height: auto;
            font-size: 1em;
            line-height: 24px;
            text-decoration: none;
            color: #444;
            z-index: 9999;
            list-style: none;
            white-space: nowrap;
            text-decoration: none;
            border-left: 4px solid transparent;
            text-transform: uppercase;
            z-index: 9999;
            overflow: hidden
        }

            .Menu ul li a i {
                width: 48px;
                font-size: 1.6em;
                margin-left: -4px;
                text-align: center;
                color: #888;
                vertical-align: middle
            }

            .Menu ul li a:hover {
                text-decoration: none;
                background-color: #72dea7
            }

                .Menu ul li a:hover i {
                    color: #444
                }

.Hamburger a {
    padding: 12px 0 !important;
    border-bottom: 1px solid #ccc
}

.mnuNew {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.Menu ul li.selectedtab a,
.Menu ul li.active a {
    background-color: #19aa8d;
    color: #fff;
    border-left: 4px solid #19aa8d
}

    .Menu ul li.selectedtab a i,
    .Menu ul li.active a i {
        color: #dfd !important
    }

    .Menu ul li.selectedtab a i,
    .Menu ul li.active a i {
        color: #dfd !important
    }

.Menu ul li.nav-header {
    color: #dfdfdf;
    text-shadow: none;
    margin-left: 50px;
    margin-top: 20px;
    height: 20px;
    transition: height .5s
}

.Menu ul li a .label {
    position: absolute;
    right: 10px;
    bottom: 11px;
    box-shadow: 0 0 6px #88a;
    top: unset
}

.Closed .label {
    font-size: 9px;
    margin-top: 0;
    line-height: 10px;
    padding: 2px 3px;
    border-radius: 5px;
    right: 4px !important;
    bottom: 2px !important
}

.Closed .nav-header {
    display: none;
    height: 10px;
    width: 0;
    transition: height .5s
}

.Closed .Logout {
    display: none
}

.Menu ul li .SubMainMenu,
.SubMainMenu ul li.active a {
    display: none;
    border: 1px solid #ccc;
    font-size: 1em
}

    .Menu ul li .SubMainMenu.open {
        display: block;
        transition: .5s
    }

.SubMainMenu > li {
    background-color: #eee
}

.Errori {
    padding: 4px;
    margin: 0;
    font-size: 1.1em;
    color: #fff;
    background-color: #e44;
    text-shadow: 1px 1px 1px #802020;
    text-transform: uppercase
}

    .Errori ul {
        padding: 0;
        margin: 0
    }

    .Errori li {
        padding: 4px;
        border-bottom: 1px dotted #fff
    }

.icon {
    color: transparent !important;
    background-size: contain !important
}

.fa-cog.icon {
    background: url(/css/Default/images/ordinamento-opzioni-50.png) no-repeat center center
}

.fa-question-circle.icon {
    background: url(/css/Default/images/aiuto-50.png) no-repeat center center
}

.fa-male.icon {
    background: url(/css/Default/images/contatti-50.png) no-repeat center center
}

.fa-qrcode.icon {
    background: url(/css/Default/images/qr-code-50.png) no-repeat center center
}

.fa-folder.icon {
    background: url(/css/Default/images/cartella-50.png) no-repeat center center
}

.fa-search.icon {
    background: url(/css/Default/images/ricerca-50.png) no-repeat center center
}

.fa-bell.icon {
    background: url(/css/Default/images/campana-50.png) no-repeat center center
}

.fa-code.icon {
    background: url(/css/Default/images/codice-sorgente-50.png) no-repeat center center
}

.fa-envelope.icon {
    background: url(/css/Default/images/TemplateMail-50.png) no-repeat center center
}

.fa-envelope-o.icon {
    background: url(/css/Default/images/icons8-nuovo-messaggio-50.png) no-repeat center center
}

.fa-outlook.icon {
    background: url(/css/Default/images/icons8-ms-outlook-50.png) no-repeat center center
}

.fa-database.icon {
    background: url(/css/Default/images/database-50.png) no-repeat center center
}

.fa-home.icon {
    background: url(/css/Default/images/azienda-50.png) no-repeat center center
}

.fa-sitemap.icon {
    background: url(/css/Default/images/diagramma-di-flusso-50.png) no-repeat center center
}

.fa-tags.icon {
    background: url(/css/Default/images/tags-50.png) no-repeat center center
}

.fa-tag.icon {
    background: url(/css/Default/images/metadato-50.png) no-repeat center center
}

.fa-image.icon {
    background: url(/css/Default/images/documenti-50.png) no-repeat center center
}

.fa-th.icon {
    background: url(/css/Default/images/visualizzazione-giornaliera-50.png) no-repeat center center
}

.fa-code-fork.icon {
    background: url(/css/Default/images/workflow-setup-50.png) no-repeat center center
}

.fa-fork.icon {
    background: url(/css/Default/images/workflow-50.png) no-repeat center center
}

.fa-plus-circle.icon {
    background: url(/css/Default/images/nuova-compagnia-50.png) no-repeat center center
}

.fa-inbox.icon {
    background: url(/css/Default/images/posta-in-arrivo-50.png) no-repeat center center
}

.fa-shield.icon {
    background: url(/css/Default/images/scudo-utente-50.png) no-repeat center center
}

.fa-users.icon {
    background: url(/css/Default/images/gruppo-utente-uomo-donna-50.png) no-repeat center center
}

.fa-hdd-o.icon {
    background: url(/css/Default/images/cassaforte-setup-50.png) no-repeat center center
}

.fa-certificate.icon {
    background: url(/css/Default/images/cassaforte-50.png) no-repeat center center
}

.fa-refresh.icon {
    background: url(/css/Default/images/sincronizza-50.png) no-repeat center center
}

.fa-book.icon {
    background: url(/css/Default/images/registro-50.png) no-repeat center center
}

.fa-sort-numeric-asc.icon {
    background: url(/css/Default/images/contatori-50.png) no-repeat center center
}

.fa-random.icon {
    background: url(/css/Default/images/decisioni-50.png) no-repeat center center
}

.fa-bolt.icon {
    background: url(/css/Default/images/eventi-50.png) no-repeat center center
}

.fa-table.icon {
    background: url(/css/Default/images/form-50.png) no-repeat center center
}

.fa-list-ul.icon {
    background: url(/css/Default/images/menu-di-avvio-50.png) no-repeat center center
}

.fa-key.icon {
    background: url(/css/Default/images/chiave-50.png) no-repeat center center
}

.fa-cogs.icon {
    background: url(/css/Default/images/impostazioni-50.png) no-repeat center center
}

.fa-password.icon {
    background: url(/css/Default/images/identity-50.png) no-repeat center center
}

.fa-lock.icon {
    background: url(/css/Default/images/sicurezza-50.png) no-repeat center center
}

.fa-clock-o.icon {
    background: url(/css/Default/images/servizi-50.png) no-repeat center center
}

.fa-tasks.icon {
    background: url(/css/Default/images/scheduler-50.png) no-repeat center center
}

.fa-info-circle.icon {
    background: url(/css/Default/images/postazione-di-lavoro-50.png) no-repeat center center
}

.fa-cache.icon {
    background: url(/css/Default/images/cache-50.png) no-repeat center center
}

.fa-flag.icon {
    background: url(/css/Default/images/lingua-96.png) no-repeat center center
}

.fa-pencil.icon {
    background: url(/css/Default/images/firma-50.png) no-repeat center center
}

.fa-check.icon {
    background: url(/css/Default/images/checklist-50.png) no-repeat center center
}

.fa-users-md.icon {
    background: url(/css/Default/images/anagrafiche-50.png) no-repeat center center
}

.fa-calendar.icon {
    background: url(/css/Default/images/calendario-50.png) no-repeat center center
}

.fa-hdd.icon {
    background: url(/css/Default/images/hdd-50.png) no-repeat center center
}

.fa-rocket.icon {
    background: url(/css/Default/images/postman-50.png) no-repeat center center
}

.fa-folder.icon {
    background: url(/css/Default/images/Titolari-50.png) no-repeat center center
}

.fa-globe.icon {
    background: url(/css/Default/images/icons8-internet-50.png) no-repeat center center
}

p.info {
    margin: 10px 0;
    font-size: 1.15em;
    font-style: italic;
    color: #999
}

.ReadOnlyColumn {
    background: #eef;
    color: #666
}

.ReadOnlyRow {
    background: #eee;
    color: #666
}

.Editor {
    outline-color: rgba(79, 186, 248, .7);
    outline-width: 3px;
    background: #c1ecfa;
    border-radius: 1px;
    outline-style: solid;
    outline-offset: -2px
}

@media(max-width:1024px) {
    html,
    body,
    .myhtml,
    .mybody {
        font-size: 11px
    }

    .Header {
        margin-bottom: 0
    }

    .BancaDatiPanel {
        padding: 0 8px
    }

    .LeftPanel {
        width: 200px
    }

    .padding {
        padding: 0 8px;
        padding-top: 8px
    }

    .nav-list {
        padding-right: 8px;
        padding-left: 8px
    }

        .nav-list > li > a {
            padding: 0;
            margin: 0 -8px
        }

    .LeftPanel ul > li > a {
        line-height: 20px;
        padding: 6px;
        font-size: .85em
    }

    .LeftPanel .nav-header {
        margin-right: 0
    }

    .WindowBorder.open {
        width: 720px
    }

    .MainPanel {
        padding-left: 8px
    }
}

@media(min-width:1025px) and (max-width:1366px) {
    html,
    body,
    .myhtml,
    .mybody {
        font-size: 11px
    }

    .Logo {
        margin: 4px 8px
    }

    label {
        font-size: 11px
    }

    select,
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"],
    .uneditable-input {
        font-size: 12px
    }

    table {
        font-size: 1em
    }

    .LeftSlider.open {
        width: 640px;
        display: block
    }

    .BancaDatiPanel {
        padding: 0 8px
    }

    .LeftPanel {
        z-index: 99;
        transition: width .5s;
        overflow: hidden;
        width: 200px;
        height: 100vh
    }

        .LeftPanel ul > li > a {
            line-height: 20px;
            padding: 2px
        }

        .LeftPanel span.label {
            position: absolute;
            right: 7px;
            top: 52%;
            margin-top: -8px;
            font-size: .85em;
            padding: 0 4px
        }

    .Menu ul li a {
        padding: 6px 0;
        line-height: 20px
    }

        .Menu ul li a i {
            font-size: 1.4em;
            width: 48px
        }

        .Menu ul li a img {
            margin: 2px 2px !important;
            margin-right: 9px !important
        }

    .WindowBorder {
        padding: 4px
    }

        .WindowBorder.open {
            width: 720px
        }

    .nav-list {
        padding-right: 8px;
        padding-left: 8px;
        margin-bottom: 0
    }

    .LeftPanel .nav-header {
        margin: 0;
        margin-left: -13px;
        font-size: 1em;
        color: #1ab394;
        text-shadow: none
    }

    .Lista3 > li > a {
        height: 30px;
        padding: 0 4px
    }
}

@media(min-width:0) and (max-width:768px) {
    html,
    body,
    .myhtml,
    .mybody {
        font-size: 11px;
        margin-left: 0
    }

    .Header {
        height: 50px;
        padding: 8px;
        width: 100%;
        padding-left: 55px !important;
        background-color: #f8f8f8;
        border-bottom: 1px solid #ccc;
        box-shadow: 0 2px 4px 0 rgba(200, 200, 200, .8);
        margin-bottom: 10px
    }

        .Header h1 i {
            margin-right: 2px
        }

        .Header.mobile {
            height: 40px;
            padding-left: 1px;
            width: 100%;
            background-color: #f8f8f8;
            border-bottom: 1px solid #ddd;
            display: none !important
        }

    .w240,
    .w480,
    #Page {
        width: 100% !important;
        box-sizing: border-box;
        height: min-content
    }

    .LeftPanel {
        z-index: 99;
        display: none;
        width: 0
    }

        .LeftPanel.open {
            display: block;
            transition: width .4s;
            overflow: hidden;
            left: 0;
            width: 100%;
            top: 0;
            border: 0;
            background-color: #f8f8f8;
            z-index: 999
        }

        .LeftPanel .Bottom {
            display: none
        }

        .LeftPanel nav-list {
            height: fit-content !important
        }

        .LeftPanel:hover .Bottom {
            display: block
        }

    .RightHeader {
        position: absolute;
        right: 4px;
        top: 4px
    }

    .RightPanel.minimized {
        height: 48px !important;
        transition: width .5s;
        overflow: hidden !important
    }

    .RightPanel {
        position: absolute !important;
        height: unset !important;
        z-index: 999;
        top: 0;
        right: 0;
        bottom: 0
    }

    .Menu ul li a i {
        font-size: 1.9em
    }

    #LeftMenuPanel {
        width: 100% !important;
        max-width: 100% !important;
        background-color: #fafafa
    }

        #LeftMenuPanel .frame {
            width: 100% !important
        }

    #Page {
        background-color: #fff;
        z-index: 99;
        height: 100vh
    }

    label {
        font-size: 11px
    }

    select,
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"],
    .uneditable-input {
        font-size: 12px
    }

    table {
        font-size: 1em
    }

    .Closed {
        box-shadow: none;
        width: 0 !important
    }

    .mobile {
        display: inline-block !important
    }

    .desktop {
        display: none !important
    }

    #categoriapanel {
        float: left;
        padding-right: 0;
        width: 200px
    }

    .BancaDatiPanel {
        padding: 0 8px
    }

    #tipologiapanel {
        padding-right: 0
    }

    .nav-pills {
        border-bottom: 1px solid #eee;
        margin: 0;
        padding: 0
    }

    .WindowBorder.open {
        width: 100%;
        transition: width .5s;
        display: block;
        right: 0
    }

    #tipologiapanel {
        display: none
    }

        #tipologiapanel.active {
            display: block
        }

    #tipologiapanel {
        display: none
    }

    #categoriapanel.nascondi {
        display: none
    }

    #categoriapanel {
        width: 100%
    }

    #MostraCategorie {
        display: block
    }

    .LeftSlider {
        width: 0
    }

        .LeftSlider.open {
            width: 100%;
            display: block;
            border-top: 1px solid #ccc
        }

    .btn-responsive {
        width: 24px;
        white-space: nowrap;
        overflow: hidden;
        margin: -8px -2px;
        padding: 10px
    }

        .btn-responsive i {
            margin-right: 10px;
            font-size: 1.6em
        }

    .FolderKeyPanel {
        display: none
    }

    .FolderSearchToolBar {
        display: none;
        margin-right: 0;
        padding-top: 4px
    }

    .Row > label {
        max-width: 220px
    }
}

@media print {
    .FullHeight {
        height: 100% !important;
        overflow: visible !important
    }

    html,
    body,
    .myhtml,
    .mybody {
        overflow: visible !important
    }

    gcontent {
        height: auto !important
    }

    div {
        overflow: visible !important
    }
}

.tbStampa,
.tbDocumento,
.tbModifica,
.tbDossier,
.tbImmagini,
.tbAttach,
.tbPostit,
.tbPostits,
.tbAssign,
.tbUtenti,
.tbEventi,
.tbRaccoglitori,
.tbSmallRaccoglitori,
.tbFolderUp,
.tbFolderHome,
.tbDeleteFolder,
.tbFolderClosed,
.tbViewActive,
.tbViewClosed,
.tbViewDeleted,
.tbFolderActive,
.tbAddFolder,
.tbNewFolder,
.tbNewDoc,
.tbComments,
.tbNewDocument,
.tbSearchDocument,
.tbViewImage,
.tbEditDocument,
.tbFolder,
.tbDesktop,
.tbSmallDesktop,
.tbNoDesktop,
.tbNoSign,
.tbSign,
.tbBurn,
.tbRefresh,
.tbSendTop,
.tbSendMail,
.tbNotify,
.tbNewNotify,
.tbReturn,
.tbDone,
.tbUnDone,
.tbUnread,
.tbReply,
.tbForward,
.tbReject,
.tbNotifyPC,
.tbAskSign,
.tbAskVisto,
.tbPdf,
.tbCreatePdf,
.tbSendClientMail,
.tbForwardWebMail,
.tbReplyWebMail,
.tbSendFax,
.tbDownload,
.tbDownloadAll,
.tbSoggetti,
.tbProtocollo,
.tbPDFSign,
.tbBIOSign,
.tbRemoteSign,
.tbCheckRemoteSign,
.tbAddSign,
.tbBarcode,
.tbAddPages,
.tbCreaPDF,
.tbRemovePage,
.tbRemoveFile,
.tbProtocolloIngresso,
.tbProtocolloInterno,
.tbProtocolloUscita,
.tbNoImage,
.tbData,
.tbApprovazione,
.tbScansioni,
.tbAddFile,
.tbTemplate,
.tbToSend,
.tbSuperHash,
.tbHash,
.tbAggiungi,
.tbPreferenze,
.tbDatiUtente,
.tbPassword,
.tbSoftware,
.tbWindows,
.tbRotateL,
.tbRotateR,
.tbManuali,
.tbEdit,
.tbApprovazione,
.tbDownArrow,
.tbDownArrow:hover,
.tbUpArrow,
.tbUpArrow:hover,
.tbApprova,
.tbERP,
.tbCheckout,
.tbCheckin,
.tbSospendi,
.tbRifiuta,
.tbSigning,
.tbVisto,
.tbActiveDone,
.tbToSign,
.tbStamp,
.tbStampI,
.tbStampU,
.tbStampX,
.tbDetails,
.tbNoDetails,
.tbEdit,
.tbGroup,
.tbShowDoc,
.tbISO,
.tbZip,
.tbRecycle,
.tbRecycleAll,
.tbDelete,
.tbPublish,
.tbDragAndDrop,
.tbZoomOut,
.tbZoomIn,
.tbZoom100,
.tbZoom100W,
.tbZoom100H,
.tbZoomAll,
.tbColumns,
.tbSort,
.tbExcel,
.tbEvidence,
.tbObscure,
.tbEraser,
.tbEvidence_red,
.tbNote,
.tbGotoFirst,
.tbGotoPrev,
.tbGotoNext,
.tbGotoLast,
.btnClone,
.tbVideo,
.tbPowerPoint,
.tbDaLeggere,
.tbTimeMail,
.tbInbox,
.ListLayout,
.GridLayout,
.colSetup,
.sortSetup,
.tbFolderDeleted,
.tbHiddenDocs,
.tbPrivacy,
.collapse-indicator,
.tbCopy,
.tbInfo,
.tbRemove,
.tbToSendCC,
.tbGrpAppartenenza,
.tbGrpFigli,
.tbGrpPadre,
.tbGrpFratelli,
.tbSaveTXT,
.tbSaveP7M,
.tbSaveXML,
.tbAskApprove,
.tbAskDigitalSign,
.tbAskBioSign,
.tbAskFillForm,
.slash,
.tbCounters,
.tbFolder00,
.tbFolder01,
.tbFolder02,
.tbFolder03,
.tbFolder04,
.tbFolder05,
.tbFolder06,
.tbFolder07,
.tbFolder08,
.tbFolder09,
.tbFolder10,
.tbFolder11,
.tbFolder12 {
    display: block;
    min-width: 14px;
    width: 20px;
    height: 18px;
    float: left;
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 0;
    text-indent: -3000px;
    overflow: hidden;
    border: 0
}

.ToolbarNoBorder {
    clear: both;
    display: block;
    margin: 0;
    padding: 0;
    padding-bottom: 0;
    border-collapse: collapse;
    border-spacing: 0;
    font-weight: normal;
    font-size: 8pt;
    height: 28px
}

.tbWindows {
    background-image: url(/css/Default/images/windows20.png)
}

.slash {
    background-image: url(/css/Default/images/slash.png);
    position: absolute;
    left: 10px;
    top: 0;
    width: 14px;
    height: 14px
}

.tbRotateL {
    background-image: url(/css/Default/images/rotateLeft.png)
}

.tbComments {
    background-image: url(/css/Default/images/memo.png)
}

.tbRotateR {
    background-image: url(/css/Default/images/RotateRight.png)
}

.tbGrpAppartenenza {
    background-image: url(/css/Default/images/tree01.png)
}

.tbGrpFigli {
    background-image: url(/css/Default/images/tree02.png)
}

.tbInbox {
    background-image: url(/css/Default/images/Inbox.png)
}

.tbTimeMail {
    background-image: url(/css/Default/images/TimeMail.png)
}

.tbGrpPadre {
    background-image: url(/css/Default/images/tree03.png)
}

.tbGrpFratelli {
    background-image: url(/css/Default/images/tree04.png)
}

.tbStampa {
    background-image: url(/css/Default/images/stampa.png)
}

.tbPrivacy {
    background-image: url(/css/Default/images/Privacy.png)
}

.tbRemovePage {
    background-image: url(/css/Default/images/RemovePage.png)
}

.tbAddFile {
    background-image: url(/css/Default/images/AddFile.png)
}

.tbRemoveFile {
    background-image: url(/css/Default/images/RemoveFile.png)
}

.tbViewImage {
    background-image: url(/css/Default/images/ViewImage.png)
}

.tbSearchDocument {
    background-image: url(/css/Default/images/SearchDocument.png)
}

.tbCreaPDF {
    background-image: url(/css/Default/images/ConvertToPDF.png)
}

.tbERP {
    width: 22px;
    background-image: url(/css/Default/images/erp.png)
}

.tbCheckout {
    background-image: url(/css/Default/images/checkout.png)
}

.tbCheckin {
    background-image: url(/css/Default/images/checkin.png)
}

.tbDragAndDrop {
    background-image: url(/css/Default/images/DragAndDrop.png)
}

.tbAddPages {
    background-image: url(/css/Default/images/AddPAges.png)
}

.tbEvidence {
    background-image: url(/css/Default/images/Evidence.png)
}

.tbNote {
    background-image: url(/css/Default/images/Note.png)
}

.tbEvidence_red {
    background-image: url(/css/Default/images/Evidence_red.png)
}

.tbObscure {
    background-image: url(/css/Default/images/Obscure.png)
}

.tbEraser {
    background-image: url(/css/Default/images/Eraser.png)
}

.tbInfo {
    background-image: url(/css/Default/images/info.png)
}

.tbDocumento {
    background-image: url(/css/Default/images/Document.png)
}

.btnClone {
    background-image: url(/css/Default/images/Document.png)
}

.tbModifica {
    background-image: url(/css/Default/images/Document.png)
}

.tbDossier,
.tbImmagini {
    background-image: url(/css/Default/images/Versioning.png)
}

.tbAttach {
    background-image: url(/css/Default/images/Attach.png)
}

.tbPostit {
    background-image: url(/css/Default/images/memo_colored.png)
}

.tbCommentsBig {
    background-image: url(/css/Default/images/memo_colored_big.png)
}

.tbDaLeggere {
    background-image: url(/css/Default/images/occhio.gif)
}

.tbUnread {
    background-image: url(/css/Default/images/notify_Unread.png)
}

.tbPostits {
    background-image: url(/css/Default/images/Comment.png)
}

.tbUtenti {
    background-image: url(/css/Default/images/permission.gif)
}

.tbEventi {
    background-image: url(/css/Default/images/register.png)
}

.tbRaccoglitori {
    background-image: url(/css/Default/images/MainFolder.png)
}

.tbSmallRaccoglitori {
    display: inline-block;
    width: 16px;
    height: 10px;
    background-image: url(/css/Default/images/smallracc.gif)
}

.tbFolderUp {
    background-image: url(/css/Default/images/Folder_up.png)
}

.tbCopy {
    background-image: url(/css/Default/images/Copy.png)
}

.tbDeleteFolder {
    background-image: url(/css/Default/images/DeleteFolder.png)
}

.tbFolderActive {
    background-image: url(/css/Default/images/FolderActive.png)
}

.tbFolderDeleted {
    background-image: url(/css/Default/images/FolderDeleted.png)
}

.tbFolderClosed {
    background-image: url(/css/Default/images/ClosedFolder.png)
}

.tbViewDeleted {
    background-image: url(/css/Default/images/ViewDeleted.png)
}

.tbViewClosed {
    background-image: url(/css/Default/images/ViewClosed.png)
}

.tbViewActive {
    background-image: url(/css/Default/images/ViewActive.png)
}

.tbFolderHome {
    width: 24px;
    height: 16px;
    background-image: url(/css/Default/images/Folder_Home.png)
}

.tbAddFolder {
    background-image: url(/css/Default/images/AddFolder.png)
}

.tbNewFolder {
    background-image: url(/css/Default/images/NewFolder.png)
}

.tbHiddenDocs {
    background-image: url(/css/Default/images/HiddenDocs.png)
}

.tbNewDocument {
    background-image: url(/css/Default/images/NewDocument.png);
    background-position: center center
}

.tbEditDocument {
    background-image: url(/css/Default/images/EditDocument.png);
    background-position: center center
}

.tbNewDoc {
    background-image: url(/css/Default/images/NewDoc.png);
    margin-left: -2px;
    margin-right: 4px;
    height: 24px;
    background-position: center center
}

.tbFolder {
    background-image: url(/css/Default/images/Folder.png)
}

.tbFolder00 {
    background-image: url(/css/Default/images/Folder00.png)
}

.tbFolder01 {
    background-image: url(/css/Default/images/Folder01.png)
}

.tbFolder02 {
    background-image: url(/css/Default/images/Folder02.png)
}

.tbFolder03 {
    background-image: url(/css/Default/images/Folder03.png)
}

.tbFolder04 {
    background-image: url(/css/Default/images/Folder04.png)
}

.tbFolder05 {
    background-image: url(/css/Default/images/Folder05.png)
}

.tbFolder06 {
    background-image: url(/css/Default/images/Folder06.png)
}

.tbFolder07 {
    background-image: url(/css/Default/images/Folder07.png)
}

.tbFolder08 {
    background-image: url(/css/Default/images/Folder08.png)
}

.tbFolder09 {
    background-image: url(/css/Default/images/Folder09.png)
}

.tbFolder10 {
    background-image: url(/css/Default/images/Folder10.png)
}

.tbFolder11 {
    background-image: url(/css/Default/images/Folder11.png)
}

.tbFolder12 {
    background-image: url(/css/Default/images/Folder12.png)
}

.tbDesktop {
    background-image: url(/css/Default/images/Preferiti.png)
}

.tbSmallDesktop {
    background-image: url(/css/Default/images/sico_16_2020.gif)
}

.tbNoDesktop {
    background-image: url(/css/Default/images/NoDesktop.png)
}

.tbNoSign {
    background-image: url(/css/Default/images/NoSign.gif)
}

.tbPublish {
    background-image: url(/css/Default/images/Publish.png)
}

.tbSign {
    background-image: url(/css/Default/images/DigitalSign.png)
}

.tbAddSign {
    background-image: url(/css/Default/images/AddSign.png)
}

.tbRemoteSign {
    background-image: url(/css/Default/images/remoteSign.png)
}

.tbCheckRemoteSign {
    background-image: url(/css/Default/images/checkremoteSign.png)
}

.tbBurn {
    background-image: url(/css/Default/images/CD.png)
}

.tbRefresh {
    background-image: url(/css/Default/images/grid_Refresh.jpg);
    background-position-x: center
}

.tbSort {
    background-image: url(/css/Default/images/Sort.png)
}

.tbColumns {
    background-image: url(/css/Default/images/Columns.png)
}

.tbSendMail {
    background-image: url(/css/Default/images/webmail.png)
}

.tbNotify {
    background-image: url(/css/Default/images/share.png)
}

.tbAssign {
    background-image: url(/css/Default/images/Assign.png)
}

.tbNewNotify {
    background-image: url(/css/Default/images/NewShare.png)
}

.tbDone {
    background-image: url(/css/Default/images/notify_approve.png)
}

.tbUnDone {
    background-image: url(/css/Default/images/email_undone.png)
}

.tbReject {
    background-image: url(/css/Default/images/notify_reject.png)
}

.tbReply {
    background-image: url(/css/Default/images/notify-reply.png)
}

.tbForward {
    background-image: url(/css/Default/images/notify-forward.png)
}

.tbReturn {
    background-image: url(/css/Default/images/notify-return.png)
}

.tbPdf {
    background-image: url(/css/Default/images/pdf.png)
}

.tbCreatePdf {
    background-image: url(/css/Default/images/pdf-create.png)
}

.tbSendClientMail {
    background-image: url(/css/Default/images/winmail.png)
}

.tbForwardWebMail {
    width: 22px;
    background-image: url(/css/Default/images/webmail_forward.png)
}

.tbReplyWebMail {
    width: 22px;
    background-image: url(/css/Default/images/webmail_reply.png)
}

.tbSendFax {
    background-image: url(/css/Default/images/ico_16_136.gif)
}

.tbDownload {
    background-image: url(/css/Default/images/Save.png)
}

.tbSaveP7M {
    background-image: url(/css/Default/images/SaveP7M.png)
}

.tbSavePDF {
    background-image: url(/css/Default/images/SavePDF.png)
}

.tbSaveTXT {
    background-image: url(/css/Default/images/SaveTXT.png)
}

.tbSaveXML {
    background-image: url(/css/Default/images/SaveXML.png)
}

.tbDownloadAll {
    background-image: url(/css/Default/images/Save.png)
}

.tbSoggetti {
    background-image: url(/css/Default/images/ico_18_9.gif)
}

.tbProtocollo {
    background-image: url(/css/Default/images/barcode.gif)
}

.tbPDFSign {
    background-image: url(/css/Default/images/PDFSign.png)
}

.tbBIOSign {
    background-image: url(/css/Default/images/BIOSign.png)
}

.tbBarcode {
    background-image: url(/css/Default/images/barcode-edit.png)
}

.tbProtocolloIngresso {
    background-image: url(/css/Default/images/StampI.png)
}

.tbProtocolloUscita {
    background-image: url(/css/Default/images/StampU.png)
}

.tbProtocolloInterno {
    background-image: url(/css/Default/images/StampX.png)
}

.tbNoImage {
    background-image: url(/css/Default/images/16_alert.gif)
}

.tbData {
    background-image: url(/css/Default/images/Calendario.gif)
}

.tbScansioni {
    background-image: url(/css/Default/images/Scanner.png)
}

.tbAddFile {
    background-image: url(/css/Default/images/AddFile.png)
}

.tbTemplates {
    background-image: url(/css/Default/images/register.gif)
}

.tbToSend {
    background-image: url(/css/Default/images/Inbox.png)
}

.tbToSendCC {
    background-image: url(/css/Default/images/ico_18_2021.gif)
}

.tbSuperHash {
    background-image: url(/css/Default/images/ico_18_secure.gif)
}

.tbHash {
    background-image: url(/css/Default/images/hash.gif)
}

.tbAggiungi {
    background-image: url(/css/Default/images/Add.png)
}

.tbRemove {
    background-image: url(/css/Default/images/Remove.png)
}

.tbPreferenze {
    background-image: url(/css/Default/images/ico_16_134.gif)
}

.tbDatiUtente {
    background-image: url(/css/Default/images/Cliente.gif)
}

.tbPassword {
    background-image: url(/css/Default/images/Password.gif)
}

.tbSoftware {
    background-image: url(/css/Default/images/CD.png)
}

.tbManuali {
    background-image: url(/css/Default/images/pdf.png)
}

.tbVideo {
    background-image: url(/css/Default/images/video_small.png)
}

.tbPowerPoint {
    background-image: url(/css/Default/images/PowerPoint_small.jpg)
}

.tbReload {
    width: 16px;
    height: 16px;
    background-image: url(/css/Default/images/btnReload.bmp);
    background-repeat: no-repeat
}

.tbApprovazione {
    background-image: url(/css/Default/images/notify_approve.png)
}

.tbDownArrow {
    display: inline;
    width: 14px;
    background-image: url(/css/Default/images/lookup.gif)
}

    .tbDownArrow:hover {
        width: 14px;
        background-image: url(/css/Default/images/lookup_hi.gif)
    }

.tbUpArrow {
    display: inline;
    width: 14px;
    background-image: url(/css/Default/images/lookdn.gif)
}

    .tbUpArrow:hover {
        width: 14px;
        background-image: url(/css/Default/images/lookdn_hi.gif)
    }

.tbAskApprove {
    background-image: url(/css/Default/images/AskApprove.png)
}

.tbAskSign {
    background-image: url(/css/Default/images/AskSign.png)
}

.tbAskVisto {
    background-image: url(/css/Default/images/AskVisto.png)
}

.tbAskBioSign {
    background-image: url(/css/Default/images/AskBioSign.png)
}

.tbAskFillForm {
    background-image: url(/css/Default/images/AskFillForm.png)
}

.tbNotifyPC {
    background-image: url(/css/Default/images/notify.png)
}

.tbApprova {
    background-image: url(/css/Default/images/notify_approve.png)
}

.tbSospendi {
    background-image: url(/css/Default/images/notify_unknow.png)
}

.tbRifiuta {
    background-image: url(/css/Default/images/notify_reject.png)
}

.tbSigning {
    background-image: url(/css/Default/images/Sign.png)
}

.tbVisto {
    background-image: url(/css/Default/images/Visto.png)
}

.tbActiveDone {
    width: 10px;
    height: 14px;
    background-image: url(/css/Default/images/VistoEnabled.png)
}

.tbToSign {
    background-image: url(/css/Default/images/ToSign.png)
}

.tbStamp {
    background-image: url(/css/Default/images/Stamp.png)
}

.tbStampI {
    background-image: url(/css/Default/images/StampI.png)
}

.tbStampU {
    background-image: url(/css/Default/images/StampU.png)
}

.tbStampX {
    background-image: url(/css/Default/images/StampX.png)
}

.tbDetails {
    background-image: url(/css/Default/images/Detail.png)
}

.tbNoDetails {
    width: 18px;
    background-image: url(/css/Default/images/ico_minus.gif)
}

.tbEdit {
    width: 16px;
    background-image: url(/css/Default/images/counter.png)
}

.tbGroup {
    background-image: url(/css/Default/images/ico_18_9.gif)
}

.tbShowDoc {
    background-image: url(/css/Default/images/Versioning.png)
}

.tbRecycle {
    background-image: url(/css/Default/images/NoDesktop.png)
}

.tbRecycleAll {
    background-image: url(/css/Default/images/RecycleAll.png)
}

.tbDelete {
    background-image: url(/css/Default/images/annulla.png)
}

.tbCounters {
    background-image: url(/css/Default/images/Counter.png)
}

.tbISO {
    background-image: url(/css/Default/images/CD.png)
}

.tbZip {
    background-image: url(/css/Default/images/info.png)
}

.tbExcel {
    background-image: url(/css/Default/images/xls.gif);
    background-position-x: center
}

.tbZoomOut,
.tbZoomIn,
.tbZoom100,
.tbZoom100W,
.tbZoom100H,
.tbZoomAll,
.tbGotoFirst,
.colSetup,
.sortSetup,
.tbGotoPrev,
.ListLayout,
.GridLayout,
.tbGotoNext,
.tbGotoLast {
    opacity: .7;
    cursor: pointer;
    background-position: center;
    outline: 0;
    font-size: 0 !important
}

    .tbZoomOut:hover,
    .tbZoomIn:hover,
    .tbZoom100:hover,
    .tbZoom100W:hover,
    .tbZoom100H:hover,
    .tbZoomAll:hover,
    .tbGotoFirst:hover,
    .colSetup:hover,
    .sortSetup:hover,
    .tbGotoPrev:hover,
    .ListLayout:hover,
    .GridLayout:hover,
    .tbGotoNext:hover,
    .tbGotoLast:hover {
        background-color: #eee;
        opacity: 1
    }

.tbGotoFirst {
    background-image: url(/css/Default/images/First.png)
}

.tbGotoPrev {
    background-image: url(/css/Default/images/Left.png)
}

.tbGotoNext {
    background-image: url(/css/Default/images/Right.png)
}

.tbGotoLast {
    background-image: url(/css/Default/images/Last.png)
}

.tbZoomOut {
    width: 18px;
    background-image: url(/css/Default/images/ZoomOut.png)
}

.tbZoomIn {
    width: 18px;
    background-image: url(/css/Default/images/ZoomIN.png)
}

.tbZoom100 {
    width: 18px;
    background-image: url(/css/Default/images/Zoom100.png)
}

.tbZoom100W {
    width: 18px;
    background-image: url(/css/Default/images/Zoom100W.png)
}

.tbZoom100H {
    width: 18px;
    background-image: url(/css/Default/images/Zoom100H.png)
}

.tbZoomAll {
    width: 18px;
    background-image: url(/css/Default/images/ZoomAll.png)
}

.GridLayout {
    background-image: url(/css/Default/images/ZoomAll.png)
}

.ListLayout {
    background-image: url(/css/Default/images/Rows.png)
}

.colSetup {
    background-image: url(/css/Default/images/columns.png)
}

.sortSetup {
    background-image: url(/css/Default/images/sort.png)
}

.tbPageIndex {
    display: block;
    text-align: center;
    width: 60px;
    font-size: 11px;
    float: left;
    min-height: 22px !important;
    height: 22px !important;
    margin: 8px 2px !important;
    border: 1px solid #ccc !important;
    padding: 0 2px !important;
    box-sizing: border-box
}

.nav-toolbar {
    position: relative;
    clear: both;
    float: left;
    display: block;
    padding: 0;
    margin: 0;
    font-size: 8pt;
    min-height: 36px;
    height: auto
}

    .nav-toolbar li.separator {
        margin: 8px 4px;
        border-left: 1px solid #eee;
        width: 1px;
        height: 20px
    }

    .nav-toolbar li,
    .nav-toolbar div {
        float: left;
        display: block;
        height: auto;
        margin-right: 2px;
        overflow: visible
    }

        .nav-toolbar li a,
        .nav-toolbar div a {
            display: block;
            color: #000;
            float: left;
            font-weight: 700;
            border: 1px solid transparent;
            height: 18px;
            text-decoration: none;
            padding: 5px 8px;
            margin: 3px 1px;
            vertical-align: baseline;
            cursor: pointer;
            border-radius: 3px;
            font-size: 1em;
            text-transform: uppercase;
            text-indent: 2px;
            line-height: 18px
        }

            .nav-toolbar li a i,
            .nav-toolbar div a i {
                color: #bbb
            }

            .nav-toolbar li a.active,
            nav-toolbar div a.active {
                border: 1px inset #ccc;
                background-color: #eee;
                min-width: 18px;
                margin: 4px 1px
            }

    .nav-toolbar hr,
    .nav-toolbar-mini hr {
        margin: 8px 4px -6px 0;
        padding: 0;
        border-right: 1px dotted #ccc;
        width: 1px;
        height: 18px;
        display: inline-block
    }

    .nav-toolbar input,
    .nav-toolbar select {
        margin-top: 4px
    }

    .nav-toolbar input {
        padding: 1px 6px
    }

        .nav-toolbar input:hover,
        .nav-toolbar select:hover,
        .nav-toolbar input:focus,
        .nav-toolbar select:focus {
            background-color: #eee
        }

    .nav-toolbar li ul.dropdown-menu {
        font-weight: 500;
        font-size: .9em
    }

.FooterToolbar {
    font-size: .85em;
    text-transform: uppercase;
    font-weight: 600;
    color: #666;
    line-height: 38px;
    position: absolute;
    bottom: 0;
    width: 100%
}

.tbSizeRestore {
    display: block;
    opacity: .6
}

.tbSizeHandler {
    position: absolute;
    right: 0;
    width: 14px;
    top: 50%;
    height: 20px;
    transform: translate(0, -10px);
    background: url(/css/Default/images/SizeHandler.png) no-repeat center center
}

    .tbSizeHandler:hover {
        display: block;
        z-index: 9999;
        top: 0;
        bottom: 0;
        transform: translate(0, 0);
        right: -1px;
        height: 100%;
        opacity: 1;
        width: 14px;
        background: url(/css/Default/images/SizeRestore.png) no-repeat center center #fdfdfd;
        border-left: 1px dashed #ccc;
        border-right: 1px dashed #ccc
    }

.btn {
    background-color: #eee !important;
    background-image: none
}

    .btn:hover {
        background-color: #fafafa !important;
        background-image: none
    }

.btn-link {
    background-color: transparent !important;
    background-image: none
}

.btn.active {
    background-color: #1cc09f !important;
    color: #fff;
    text-shadow: none
}

.btn-info {
    background-color: #11aeb9 !important;
    background-image: none
}

    .btn-info:hover {
        background-color: #06b0de !important;
        background-image: none
    }

.btn-success {
    background-color: #1cc09f !important;
    background-image: none
}

    .btn-success:hover {
        background-color: #2cd0af !important;
        background-image: none
    }

.btn-warning {
    background-color: #ffa500 !important;
    color: #fff;
    background-image: none;
    letter-spacing: normal
}

    .btn-warning:hover {
        background-color: #fc6 !important;
        background-image: none
    }

.btn-danger {
    background-color: #dc143c !important;
    background-image: none
}

    .btn-danger:hover {
        background-color: #ff7f50 !important;
        background-image: none
    }

.btn-primary {
    background-color: #00bfff !important;
    background-image: none
}

    .btn-primary:hover {
        background-color: #00ced1 !important;
        background-image: none
    }

.btn-inverse {
    background-color: #888 !important;
    background-image: none
}

    .btn-inverse:hover {
        background-color: #aaa !important;
        background-image: none
    }

.collapse-indicator.collapsed {
    background: url(/css/Default/images/Collapsed.png) no-repeat center center;
    width: 20px
}

.collapse-indicator {
    background: url(/css/Default/images/Collapse.png) no-repeat center center;
    width: 20px
}

.tooltipster-default {
    border-radius: 5px;
    border: 2px solid #000;
    background: #4c4c4c;
    color: #fff
}

    .tooltipster-default .tooltipster-content {
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 16px;
        padding: 8px 10px;
        overflow: hidden
    }

.tooltipster-icon {
    cursor: help;
    margin-left: 4px
}

.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible
}

    .tooltipster-base .tooltipster-content {
        overflow: hidden
    }

.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

    .tooltipster-arrow span,
    .tooltipster-arrow-border {
        display: block;
        width: 0;
        height: 0;
        position: absolute
    }

.tooltipster-arrow-top span,
.tooltipster-arrow-top-right span,
.tooltipster-arrow-top-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid;
    bottom: -7px
}

.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid;
    bottom: -7px
}

.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-bottom-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid;
    top: -7px
}

.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -7px
}

.tooltipster-arrow-top span,
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom .tooltipster-arrow-border {
    left: 0;
    right: 0;
    margin: 0 auto
}

.tooltipster-arrow-top-left span,
.tooltipster-arrow-bottom-left span {
    left: 6px
}

.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    left: 5px
}

.tooltipster-arrow-top-right span,
.tooltipster-arrow-bottom-right span {
    right: 6px
}

.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    right: 5px
}

.tooltipster-arrow-left span,
.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -7px
}

.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-left: 9px solid;
    margin-top: -8px
}

.tooltipster-arrow-right span,
.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px
}

.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-right: 9px solid;
    margin-top: -8px
}

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity
}

.tooltipster-fade-show {
    opacity: 1
}

.tooltipster-grow {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden
}

.tooltipster-grow-show {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform
}

.tooltipster-swing-show {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 1);
    -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    -moz-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    -ms-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    -o-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    transition-timing-function: cubic-bezier(.23, .635, .495, 2.4)
}

.tooltipster-fall {
    top: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

    .tooltipster-fall.tooltipster-dying {
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        -ms-transition-property: all;
        transition-property: all;
        top: 0 !important;
        opacity: 0
    }

.tooltipster-slide {
    left: -40px;
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

    .tooltipster-slide.tooltipster-dying {
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        -ms-transition-property: all;
        transition-property: all;
        left: 0 !important;
        opacity: 0
    }

.tooltipster-content-changing {
    opacity: .5;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.jqifade {
    position: absolute;
    background-color: rgba(200, 200, 200, .5)
}

div.jqi {
    width: 400px;
    position: absolute;
    background-color: #fff;
    font-size: 11px;
    text-align: left;
    border: solid 1px #ccc;
    border-radius: 2px;
    box-shadow: 0 2px 10px 10px rgba(150, 150, 150, .5);
    padding: 20px;
    padding-top: 0;
    padding-bottom: 0
}

    div.jqi H1 {
        margin-bottom: 10px
    }

    div.jqi .jqicontainer {
        font-weight: normal
    }

    div.jqi .jqiclose {
        position: absolute;
        top: 8px;
        right: 0;
        width: 18px;
        cursor: default;
        color: #bbb;
        font-weight: normal
    }

    div.jqi .jqimessage {
        padding: 10px;
        line-height: 16px;
        color: #444
    }

    div.jqi .jqibuttons {
        text-align: right;
        padding: 5px 0 5px 0
    }

    div.jqi button {
        border: 0;
        padding: 5px 15px;
        margin: 0 5px;
        background-color: transparent;
        border: 1px solid transparent;
        font-weight: bold;
        font-size: 12px;
        text-transform: uppercase;
        border-radius: 3px;
        color: #0094ff
    }

        div.jqi button:hover {
            border: solid 1px #808080;
            background-color: #eee
        }

        div.jqi button.jqidefaultbutton {
            color: #fff;
            border: solid 1px #0026ff;
            background-color: #0094ff
        }

    div.jqi div {
        margin-bottom: 10px
    }

.jqi .jqiarrow {
    position: absolute;
    height: 0;
    width: 0;
    line-height: 0;
    font-size: 0;
    border: solid 10px transparent
}

.jqi .jqiarrowtl {
    left: 10px;
    top: -20px;
    border-bottom-color: #fff
}

.jqi .jqiarrowtc {
    left: 50%;
    top: -20px;
    border-bottom-color: #fff;
    margin-left: -10px
}

.jqi .jqiarrowtr {
    right: 10px;
    top: -20px;
    border-bottom-color: #fff
}

.jqi .jqiarrowbl {
    left: 10px;
    bottom: -20px;
    border-top-color: #fff
}

.jqi .jqiarrowbc {
    left: 50%;
    bottom: -20px;
    border-top-color: #fff;
    margin-left: -10px
}

.jqi .jqiarrowbr {
    right: 10px;
    bottom: -20px;
    border-top-color: #fff
}

.jqi .jqiarrowlt {
    left: -20px;
    top: 10px;
    border-right-color: #fff
}

.jqi .jqiarrowlm {
    left: -20px;
    top: 50%;
    border-right-color: #fff;
    margin-top: -10px
}

.jqi .jqiarrowlb {
    left: -20px;
    bottom: 10px;
    border-right-color: #fff
}

.jqi .jqiarrowrt {
    right: -20px;
    top: 10px;
    border-left-color: #fff
}

.jqi .jqiarrowrm {
    right: -20px;
    top: 50%;
    border-left-color: #fff;
    margin-top: -10px
}

.jqi .jqiarrowrb {
    right: -20px;
    bottom: 10px;
    border-left-color: #fff
}

.tingle-modal * {
    box-sizing: border-box
}

.tingle-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    background: rgba(0, 0, 0, .8);
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: transform .2s ease
}

.tingle-modal--noClose .tingle-modal__close,
.tingle-modal__closeLabel {
    display: none
}

.tingle-modal--confirm .tingle-modal-box {
    text-align: center
}

.tingle-modal--noOverlayClose {
    cursor: default
}

.tingle-modal__close {
    position: fixed;
    top: 10px;
    right: 28px;
    z-index: 10000;
    padding: 0;
    width: 5rem;
    height: 5rem;
    border: 0;
    background-color: transparent;
    color: #f0f0f0;
    font-size: 6rem;
    font-family: monospace;
    line-height: 1;
    cursor: pointer;
    transition: color .3s ease
}

    .tingle-modal__close:hover {
        color: #fff
    }

.tingle-modal-box {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: auto;
    margin-bottom: auto;
    width: 60%;
    border-radius: 4px;
    background: #fff;
    opacity: 1;
    cursor: auto;
    transition: transform .3s cubic-bezier(.175, .885, .32, 1.275);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

.tingle-modal-box__content {
    padding: 3rem
}

.tingle-modal-box__footer {
    padding: 1.5rem 2rem;
    width: auto;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #f5f5f5;
    cursor: auto
}

    .tingle-modal-box__footer::after {
        display: table;
        clear: both;
        content: ""
    }

.tingle-modal-box__footer--sticky {
    position: fixed;
    bottom: -200px;
    z-index: 10001;
    opacity: 1;
    transition: bottom .3s ease-in-out .3s
}

.tingle-enabled {
    position: fixed;
    right: 0;
    left: 0;
    overflow: hidden
}

.tingle-modal--visible .tingle-modal-box__footer {
    bottom: 0
}

.tingle-enabled .tingle-content-wrapper {
    filter: blur(8px)
}

.tingle-modal--visible {
    visibility: visible;
    opacity: 1
}

    .tingle-modal--visible .tingle-modal-box {
        -ms-transform: scale(1);
        transform: scale(1)
    }

.tingle-modal--overflow {
    overflow-y: scroll;
    padding-top: 8vh
}

.tingle-btn {
    border-radius: 4px;
    display: inline-block;
    font-size: 14px !important;
    margin: 0 .5rem;
    padding: .5rem 1rem;
    border: 0;
    background-color: #808080;
    box-shadow: none;
    color: #fff;
    vertical-align: middle;
    text-decoration: none;
    font-size: inherit;
    font-family: inherit;
    line-height: normal;
    cursor: pointer;
    transition: background-color .4s ease
}

    .tingle-btn:hover {
        opacity: .8
    }

.tingle-btn--primary {
    background-color: #3498db
}

.tingle-btn--danger {
    background-color: #e74c3c
}

.tingle-btn--default {
    background-color: #34495e
}

.tingle-btn--pull-left {
    float: left
}

.tingle-btn--pull-right {
    float: right
}

@media(max-width:540px) {
    .tingle-modal {
        top: 0;
        display: block;
        padding-top: 60px;
        width: 100%
    }

    .tingle-modal-box {
        width: auto;
        border-radius: 0
    }

    .tingle-modal-box__content {
        overflow-y: scroll
    }

    .tingle-modal--noClose {
        top: 0
    }

    .tingle-modal--noOverlayClose {
        padding-top: 0
    }

    .tingle-modal-box__footer .tingle-btn {
        display: block;
        float: none;
        margin-bottom: 1rem;
        width: 100%
    }

    .tingle-modal__close {
        top: 0;
        right: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 60px;
        border: 0;
        background-color: #2c3e50;
        box-shadow: none;
        color: #fff;
        line-height: 55px
    }

    .tingle-modal__closeLabel {
        display: inline-block;
        vertical-align: middle;
        font-size: 1.5rem;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif
    }

    .tingle-modal__closeIcon {
        display: inline-block;
        margin-right: .5rem;
        vertical-align: middle;
        font-size: 4rem
    }
}

@supports((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))) {
    .tingle-modal {
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px)
    }

    @media(max-width:540px) {
        .tingle-modal {
            -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px)
        }
    }

    .tingle-enabled .tingle-content-wrapper {
        filter: none
    }
}

.dark-bgr .tingle-modal-box {
    background-color: #232323
}

.small-width .tingle-modal-box {
    max-width: 500px
}

.context-menu-theme-default {
    border: 2px outset #fff;
    background-color: #d4d0c8
}

    .context-menu-theme-default .context-menu-item {
        text-align: left;
        cursor: pointer;
        padding: 4px 28px 4px 16px;
        color: #000;
        font-family: Tahoma, Arial;
        font-size: 11px
    }

    .context-menu-theme-default .context-menu-separator {
        margin: 4px 2px;
        font-size: 0;
        border-top: 1px solid #808080;
        border-bottom: 1px solid #fff
    }

    .context-menu-theme-default .context-menu-item-disabled {
        color: #808080
    }

    .context-menu-theme-default .context-menu-item .context-menu-item-inner {
        background: none no-repeat fixed 999px 999px
    }

    .context-menu-theme-default .context-menu-item-hover {
        background-color: #0a246a;
        color: #fff
    }

    .context-menu-theme-default .context-menu-item-disabled-hover {
        background-color: #0a246a
    }

.context-menu-theme-xp {
    border: 1px solid #666;
    padding: 1px;
    background: #f9f8f7 url(../../css/Default/cmenu-xp-bg.gif) repeat-y top left
}

    .context-menu-theme-xp .context-menu-separator {
        margin: 4px 2px;
        font-size: 0;
        border-top: 1px solid #808080;
        border-bottom: 1px solid #fff
    }

    .context-menu-theme-xp .context-menu-item {
        text-align: left;
        color: #000;
        font-family: arial;
        font-size: 11px;
        cursor: pointer
    }

        .context-menu-theme-xp .context-menu-item .context-menu-item-inner {
            background: none no-repeat 2px center;
            padding: 4px 10px 4px 30px
        }

    .context-menu-theme-xp .context-menu-item-hover .context-menu-item-inner {
        background: #b6bdd2 none no-repeat 2px center;
        padding: 3px 9px 3px 29px;
        border: 1px solid #0a246a
    }

.context-menu-theme-vista {
    background: #fafafa url(../../css/Default/cmenu-vista-bg.gif) repeat-y left top;
    border: 1px solid #868686
}

    .context-menu-theme-vista .context-menu-item {
        text-align: left;
        cursor: pointer;
        color: #000;
        font-family: Tahoma, Arial;
        font-size: 11px
    }

    .context-menu-theme-vista .context-menu-separator {
        margin: 0 0 0 32px;
        font-size: 0;
        border-top: 1px solid #c5c5c5;
        border-bottom: 1px solid #f5f5f5
    }

    .context-menu-theme-vista .context-menu-item-hover {
        background: transparent url(../../css/Default/cmenu-vista-menu-item-hover.gif) repeat-x left center;
        border: 1px solid #d7d0b3
    }

    .context-menu-theme-vista .context-menu-item .context-menu-item-inner {
        padding: 4px 16px 4px 35px;
        margin-left: 1px;
        background-color: none;
        background-repeat: no-repeat;
        background-position: 3px center;
        background-image: none
    }

    .context-menu-theme-vista .context-menu-item-hover .context-menu-item-inner {
        padding: 3px 15px 3px 35px;
        margin-left: 0
    }

    .context-menu-theme-vista .context-menu-item-disabled {
        color: #a7a7a7
    }

.context-menu-theme-osx {
    background-color: #fff;
    opacity: .93;
    filter: alpha(opacity=93);
    zoom: 1;
    border: 1px solid #b2b2b2
}

    .context-menu-theme-osx .context-menu-item {
        text-align: left;
        cursor: pointer;
        color: #000;
        font-family: Lucida Grande, Arial;
        font-weight: 700;
        font-size: 12px;
        opacity: 1;
        filter: alpha(opacity=100);
        z-index: 1
    }

    .context-menu-theme-osx .context-menu-separator {
        margin: 5px 1px 4px 1px;
        font-size: 0;
        border-top: 1px solid #e4e4e4
    }

    .context-menu-theme-osx .context-menu-item-hover {
        background-color: #1c44f2;
        color: #fff
    }

    .context-menu-theme-osx .context-menu-item .context-menu-item-inner {
        padding: 2px 10px 2px 22px;
        background-color: none;
        background-repeat: no-repeat;
        background-position: 4px center;
        background-image: none
    }

    .context-menu-theme-osx .context-menu-item-disabled {
        color: #939393
    }

.context-menu-theme-human {
    background: #f9f5f2;
    border: 1px solid #963
}

    .context-menu-theme-human .context-menu-item {
        text-align: left;
        cursor: pointer;
        color: #000;
        font-family: Helvetica, DejaVu Sans, Arial;
        font-size: 12px;
        line-height: 20px;
        height: 28px;
        border: 1px solid #f9f5f2;
        border-left: 0;
        border-right: 0
    }

    .context-menu-theme-human .context-menu-separator {
        margin: 0 0 0 32px;
        font-size: 0;
        border-top: 1px solid #c5c5c5;
        border-bottom: 1px solid #f5f5f5
    }

    .context-menu-theme-human .context-menu-item-hover {
        background: transparent url(../../css/Default/cmenu-human-menu-item-hover.gif) repeat-x left center;
        border-color: #963
    }

    .context-menu-theme-human .context-menu-item .context-menu-item-inner {
        padding: 4px 16px 4px 35px;
        margin-left: 0;
        background-color: none;
        background-repeat: no-repeat;
        background-position: 3px center;
        background-image: none
    }

    .context-menu-theme-human .context-menu-item-disabled {
        color: #a7a7a7
    }

.context-menu-theme-gloss {
    background: #f4f4f4 url(../../css/Default/cmenu-gloss-bg.gif) repeat-y left center;
    border: 1px solid #f4f4f4;
    padding: 1px;
    padding-right: 0
}

    .context-menu-theme-gloss .context-menu-item {
        text-align: left;
        cursor: pointer;
        color: #000;
        font-family: Helvetica, DejaVu Sans, Arial;
        font-size: 12px;
        line-height: 20px;
        height: 27px;
        border: 1px solid transparent
    }

    .context-menu-theme-gloss .context-menu-separator {
        margin: 0 0 0 32px;
        font-size: 0;
        border-top: 1px solid #c5c5c5;
        border-bottom: 1px solid #f5f5f5
    }

    .context-menu-theme-gloss .context-menu-item-hover {
        background: transparent url(../../css/Default/cmenu-gloss-menu-item-hover.gif) repeat-x left center;
        color: #fff;
        border-color: #000;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px
    }

    .context-menu-theme-gloss .context-menu-item .context-menu-item-inner {
        padding: 4px 16px 4px 35px;
        margin-left: 0;
        background-color: none;
        background-repeat: no-repeat;
        background-position: 3px center;
        background-image: none
    }

    .context-menu-theme-gloss .context-menu-item-disabled {
        color: #a7a7a7
    }

.context-menu-theme-gloss-cyan .context-menu-item-hover {
    background-image: url(../../css/Default/cmenu-gloss-cyan-menu-item-hover.gif);
    border-color: #00c
}

.context-menu-theme-gloss-semitransparent .context-menu-item-hover {
    background-image: url(../../css/Default/cmenu-item-gloss-semitransparent-menu-item-hover.png);
    border-color: #00c;
    background-color: #30f
}

html,
body {
    height: 100%
}

div.color-picker {
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0
}

    div.color-picker ul {
        list-style: none;
        padding: 0;
        margin: 0;
        float: left
    }

        div.color-picker ul li {
            display: block;
            width: 15px;
            height: 15px;
            border-right: 1px solid #000;
            border-bottom: 1px solid #000;
            margin: 0;
            float: left;
            cursor: pointer
        }