a.btn {
    border-style: solid;
    border-width: 1px
}

.btn.error, .btn.primary, .btn.success, .btn.warn {
    color: #fff !important;
}

.btn.error, .btn.primary, .btn.success, .btn.warn, .box.error, .box.primary, .box.success, .box.warn, .box.info {
    border-color: transparent !important;
    border: none;
}

.yellow {
    color: #f9b015
}

.white {
    color: #fff
}

.black {
    color: #000
}

.panel.warn, .warn {
    border-color: #d69305;
    background: #f9b015;
    color: #fef3dc
}

    .panel.warn a, .warn a {
        color: #fff
    }

        .warn a:active, .warn a:focus, .warn a:hover {
            color: #fde2aa
        }

    .warn .close {
        color: #a47104
    }

    .warn.inverse {
        background: #fef3dc;
        color: #f9b015
    }

        .warn.inverse a {
            color: #a47104
        }

            .warn.inverse a:active, .warn.inverse a:focus, .warn.inverse a:hover {
                color: #fde2aa
            }

.h1, h1 {
    font-size: 4.3rem;
    margin: 0
}

    .h1 small, h1 small {
        letter-spacing: -.1rem
    }

.h1 {
    margin-top: 4.3rem;
    margin-bottom: 2.15rem
}

.h2, h2 {
    font-size: 3.8rem;
    margin: 0
}

    .h2 small, h2 small {
        letter-spacing: -.1rem
    }

.h2 {
    margin-top: 3.8rem;
    margin-bottom: 1.9rem
}

.h3, h3 {
    font-size: 3.3rem;
    margin: 0
}

    .h3 small, h3 small {
        letter-spacing: -.1rem
    }

.h3 {
    margin-top: 3.3rem;
    margin-bottom: 1.65rem
}

.h4, h4 {
    font-size: 2.8rem;
    margin: 0
}

    .h4 small, h4 small {
        letter-spacing: -.1rem
    }

.h4 {
    margin-top: 2.8rem;
    margin-bottom: 1.4rem
}

.h5, h5 {
    font-size: 2.3rem;
    margin: 0
}

    .h5 small, h5 small {
        letter-spacing: -.1rem
    }

.h5 {
    margin-top: 2.3rem;
    margin-bottom: 1.15rem
}

.h6, h6 {
    font-size: 1.8rem;
    margin: 0
}

    .h6 small, h6 small {
        letter-spacing: -.1rem
    }

.h6 {
    margin-top: 1.8rem;
    margin-bottom: .9rem
}

.txt-black {
    color: #000 !important
}

.primary0 {
    background: #32912d;
    color: #aae4a6;
    border-color: #256a21
}

    .primary0 a {
        color: #aae4a6
    }

        .primary0 a:active, .primary0 a:focus, .primary0 a:hover {
            color: #fff
        }

    .primary0 .close {
        color: #174315
    }

    .primary0.inverse {
        background: #aae4a6;
        color: #32912d
    }

        .primary0.inverse a {
            color: #32912d
        }

            .primary0.inverse a:active, .primary0.inverse a:focus, .primary0.inverse a:hover {
                color: #000
            }

.txt-primary {
    color: #32912d
}

.btn.secondary, .secondary {
    background: #8a2b69;
    color: #e1a0cb;
    /*border-color: #631f4b;*/
    border-color: transparent;
}

    .btn.secondary a, .secondary a {
        color: #e1a0cb
    }

        .secondary a:active, .secondary a:focus, .secondary a:hover {
            color: #fff
        }

    .secondary .close {
        color: #3c132e
    }

    .secondary.inverse {
        background: #e1a0cb;
        color: #8a2b69
    }

        .secondary.inverse a {
            color: #8a2b69
        }

            .secondary.inverse a:active, .secondary.inverse a:focus, .secondary.inverse a:hover {
                color: #000
            }

.txt-secondary {
    color: #8a2b69
}

.alternate, .btn.alternate {
    background: #b37237;
    color: #eedac8;
    /*border-color: #8c592b*/
    border-color: transparent;
}

    .alternate a, .btn.alternate a {
        color: #eedac8
    }

        .alternate a:active, .alternate a:focus, .alternate a:hover {
            color: #fff
        }

    .alternate .close {
        color: #65401f
    }

    .alternate.inverse {
        background: #eedac8;
        color: #b37237
    }

        .alternate.inverse a {
            color: #b37237
        }

            .alternate.inverse a:active, .alternate.inverse a:focus, .alternate.inverse a:hover {
                color: #170f07
            }

.txt-secondary {
    color: #b37237
}

.btn.secondary:active, .btn.secondary:focus, .btn.secondary:hover {
    background: #631f4b;
    box-shadow: 0 0 8px rgba(138,43,105,.3);
    border-color: #3c132e
}

.btn.alternate:active, .btn.alternate:focus, .btn.alternate:hover {
    background: #8c592b;
    box-shadow: 0 0 8px rgba(179,114,55,.3);
    border-color: #65401f
}

label.checkbox-switch input:checked + .faux, label.radio-switch input:checked + .faux {
    background: #86cf82
}

    label.checkbox-switch input:checked + .faux:after, label.radio-switch input:checked + .faux:after {
        background: #32912d
    }

label.checkbox-switch input:checked:hover + .faux:after, label.radio-switch input:checked:hover + .faux:after {
    background: #39a433
}

.switch.active .faux {
    background: #86cf82
}

    .switch.active .faux:after {
        background: #32912d
    }

.switch.active:hover .faux:after {
    background: #39a433
}

label.checkbox input:focus + .faux, label.checkbox input:hover + .faux, label.radio input:focus + .faux, label.radio input:hover + .faux {
    border-color: #32912d;
    box-shadow: 0 0 8px rgba(50,145,45,.3)
}

label.checkbox input:checked + .faux, label.radio input:checked + .faux {
    border: 1.5px solid #32912d
}

    label.checkbox input:checked + .faux:after, label.radio input:checked + .faux:after {
        border-color: #32912d;
        background: #32912d none repeat scroll 0 0
    }

label.checkbox input:checked:hover + .faux, label.radio input:checked:hover + .faux {
    border-color: #86cf82
}

    label.checkbox input:checked:hover + .faux:after, label.radio input:checked:hover + .faux:after {
        background: #86cf82;
        border-color: #86cf82
    }

label.checkbox .faux:after, label.radio .faux:after {
    background: #32912d none repeat scroll 0 0
}

table.table.hovered tbody tr td.error, table.table.hovered tbody tr th.error, table.table.striped tbody tr:nth-child(2n) td.error, table.table.striped tbody tr:nth-child(2n) th.error {
    background: #f22 !important;
    border-color: #f55
}

table.table.hovered tbody tr td.success, table.table.hovered tbody tr th.success, table.table.striped tbody tr:nth-child(2n) td.success, table.table.striped tbody tr:nth-child(2n) th.success {
    background: #3fb839 !important;
    border-color: #5ecb59
}

table.table.hovered tbody tr td.warn, table.table.hovered tbody tr th.warn, table.table.striped tbody tr:nth-child(2n) td.warn, table.table.striped tbody tr:nth-child(2n) th.warn {
    background: #fac147 !important;
    border-color: #fcd278
}

table.table.hovered tbody tr td.primary, table.table.hovered tbody tr th.primary, table.table.striped tbody tr:nth-child(2n) td.primary, table.table.striped tbody tr:nth-child(2n) th.primary {
    background: #4f78dc !important;
    border-color: #7998e5
}

table.table.hovered tbody tr td.info, table.table.hovered tbody tr th.info, table.table.striped tbody tr:nth-child(2n) td.info, table.table.striped tbody tr:nth-child(2n) th.info {
    background: #86a5f3 !important;
    border-color: #b4c8f8
}

a {
    color: #32912d
}

    a:active, a:focus, a:hover {
        color: #187313
    }

ol li, ul li {
    margin-bottom: 16px
}

ol.nomargin, ul.nomargin {
    margin: 0
}

    ol.nomargin li, ul.nomargin li {
        margin: 0
    }

ol {
    list-style-type: upper-latin
}

    ol ol {
        list-style-type: lower-latin
    }

    ol.lower-alpha {
        list-style-type: lower-latin
    }

    ol.lower-roman {
        list-style-type: lower-roman
    }

    ol.upper-roman {
        list-style-type: upper-roman
    }

        ol.upper-roman ol {
            list-style-type: lower-roman
        }

    ol.decimal {
        list-style-type: decimal
    }

    ol.decimal-leading {
        list-style-type: decimal-leading-zero
    }

#sidebar {
    border-right: 1px solid #d3d3d3;
    background: #f5f5f5;
    border-left: 8px solid #d3d3d3
}

    #sidebar li {
        margin-bottom: 0;
        margin-left: -8px
    }

        #sidebar li > a {
            color: #666;
            border-left: 8px solid transparent;
            position: relative
        }

            #sidebar li > a:before {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                width: 0;
                z-index: 0;
                background: rgba(238,0,0,.5);
                transition-delay: .1s;
                transition-duration: .3s;
                transition-timing-function: ease-out
            }

            #sidebar li > a:active, #sidebar li > a:focus, #sidebar li > a:hover {
                color: #222;
                border-left-color: #adadad
            }

                #sidebar li > a:active:before, #sidebar li > a:focus:before, #sidebar li > a:hover:before {
                    width: 100%
                }

        #sidebar li.active a {
            color: #000;
            background: #ddd !important;
            border-left-color: #adadad
        }

            #sidebar li.active a:active, #sidebar li.active a:focus, #sidebar li.active a:hover {
                color: #000
            }

        #sidebar li.green.active a {
            border-left-color: #32912d
        }

        #sidebar li.yellow.active a {
            border-left-color: #f9b015
        }

        #sidebar li.blue.active a {
            border-left-color: #4f78dc
        }

    #sidebar .navbar, #sitehead {
        background: #f5f5f5;
        border-bottom: 1px solid #d3d3d3
    }

.navbar-menu > ul > li {
    margin-bottom: 0
}

    .navbar-menu > ul > li.dropdown > ul > li {
        margin-bottom: 0
    }

        .navbar-menu > ul > li.dropdown > ul > li > a {
            padding: 12px 8px
        }

.navbar-header .navbar-brand img {
    height: 34px;
    vertical-align: middle
}

.navbar-toggle {
    width: 40px;
    height: 58px;
    outline: 0
}

    .navbar-toggle .icon-bar {
        height: 3px;
        margin: 3px auto
    }

#main {
    padding: 16px
}

.sidebar-content {
    position: relative;
    padding-bottom: 60px;
    width: calc(100% - 250px);
}

#footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #d3d3d3;
    color: #666;
    text-align: center;
    font-size: 75%;
    padding: 8px 32px
}

#logincontainer {
    padding-top: 50px
}

.signin-form .login-header {
    text-align: center
}

    .signin-form .login-header img {
        display: block;
        width: 90%;
        max-width: 260px;
        margin: 0 auto
    }

.signin-form .login-title {
    padding: 16px
}

.signin-form .login-footer {
    text-align: center
}

.signin-form form {
    margin: 0
}

    .signin-form form input {
        border-width: 0 0 1px;
        border-radius: 0;
        transition-duration: .2s;
        transition-delay: .1s;
        transition-timing-function: ease-out;
        background: #f5f5f5;
        margin: 16px 0 0
    }

        .signin-form form input:active, .signin-form form input:focus, .signin-form form input:hover {
            outline: 0;
            background: #fff;
            border-bottom-color: #ddd;
            box-shadow: 0 0 0;
            border-radius: 4px
        }

        .signin-form form input:active, .signin-form form input:focus {
            background: #ffff54
        }

.signin-form .login-loader {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    background: rgba(255,255,255,.5);
    text-align: center;
    display: none
}

fieldset {
    border: none;
    padding: 0;
    margin-bottom: 0
}

body.modal-window-active {
    position: absolute;
    overflow: hidden;
    right: 0;
    left: 0
}

.css-modal, .modal {
    position: fixed;
    bottom: 10px;
    max-height: 100%;
    left: 0
}

    .css-modal .modal-window, .modal .modal-window {
        max-height: 100%;
        overflow-y: auto
    }
    .css-modal .medium-modal {
        width: 50%;
    }

    .css-modal .small-modal {
        width: 30%;
    }

    .upload-receiver {
        border-radius: 4px;
        border: 3px dashed #666;
        background: #f7f7f7;
        min-height: 8rem;
        position: relative
    }

    .upload-receiver.highlight {
        border-color: #32912d
    }

    .upload-receiver .uploader-icon {
        font-size: 10rem
    }

.progressbar-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255,255,255,.8);
    z-index: 100;
    text-align: center;
    padding-top: 25%
}

    .progressbar-container progress {
        position: absolute;
        left: 0;
        right: 0;
        width: 50%;
        margin: -10px auto 0;
        top: 50%;
        height: 20px;
        box-shadow: 0 0 10px 20px rgba(255,255,255,.9)
    }

.uploader-btn {
    color: #32912d;
    cursor: pointer
}

.uploaded-files {
    text-align: left;
    padding: 0 32px
}

    .uploaded-files .uploaded-file {
        margin-bottom: 8px
    }

        .uploaded-files .uploaded-file button {
            position: relative;
            top: -2px;
            margin-right: 8px
        }

    .uploaded-files.upload-placeholder {
        background: #f5f5f5;
        border-width: 1px;
        border-style: solid;
        border-color: #d3d3d3;
        color: #1b4e18;
        border-radius: 4px;
        font-size: 80%;
        margin-left: 32px;
        padding: 0 16px;
        padding-top: 4px;
        margin-bottom: 8px;
        position: relative
    }

        .uploaded-files.upload-placeholder:after, .uploaded-files.upload-placeholder:before {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            display: block;
            border-style: solid;
            border-width: 0 21px 17px 21px;
            border-color: transparent transparent #d3d3d3;
            top: -17px;
            left: 16px
        }

        .uploaded-files.upload-placeholder:after {
            border-width: 0 22px 18px 22px;
            border-color: transparent transparent #f5f5f5;
            top: -16px;
            margin-left: -1px
        }

        .uploaded-files.upload-placeholder .uploaded-file {
            margin-bottom: 4px
        }

.alert.fixed.bottom {
    box-shadow: 0 -2px 15px rgba(0,0,0,.1);
    transition-duration: .1s,.5s;
    transition-delay: .1s;
    transition-timing-function: ease-out;
    transition-property: opacity,max-height;
    max-height: 0
}

    .alert.fixed.bottom .bookmark-top {
        opacity: 0;
        padding: 12px 0 0 0;
        font-size: 1.3rem;
        font-weight: 700;
        letter-spacing: .1rem
    }

        .alert.fixed.bottom .bookmark-top .close {
            position: static;
            font-size: 90%;
            display: inline-block
        }

    .alert.fixed.bottom.active {
        max-height: 100%;
        opacity: 1
    }

        .alert.fixed.bottom.active .bookmark-top {
            opacity: 1
        }

    .alert.fixed.bottom .close {
        position: absolute;
        display: block;
        width: 32px;
        height: 16px;
        text-align: center;
        right: 0;
        top: 0;
        font-size: 2.4rem
    }

.tooltip-btn {
    background: 0 0;
    border: none;
    padding: 0;
    border-radius: 0;
    vertical-align: super;
    color: #32912d;
    color: #2959cf
}

    .tooltip-btn:active, .tooltip-btn:focus, .tooltip-btn:hover {
        box-shadow: 0 0 0;
        color: #86cf82;
        color: #4f78dc
    }

label.checkbox + .tooltip-btn, label.radio + .tooltip-btn {
    position: relative;
    top: 8px
}

.check-view {
    width: 20px;
    vertical-align: middle
}

@media print {
    .alert.fixed.bottom, .tooltip-btn {
        display: none
    }
}

.table.condensed tr td, .table.condensed tr th {
    padding: 4px 8px
}

    .table.condensed tr td .checkbox, .table.condensed tr td .radio, .table.condensed tr th .checkbox, .table.condensed tr th .radio {
        padding: 0
    }

.table .border-left {
    border-left: 1px solid #ddd !important
}

.table .border-right {
    border-right: 1px solid #ddd !important
}

.table td.seamless, .table th.seamless {
    padding: 0 !important
}

.table .box, .table .btn, .table .form-group {
    margin-bottom: 0
}

.table td.vertical-narrow, .table th.vertical-narrow {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.narrow-line {
    line-height: 1.2 !important
}

    .narrow-line li > ol > li {
        margin-bottom: 8px
    }

.note {
    font-size: 90%;
    line-height: 2rem;
    color: #666
}

.paper {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    padding: 32px 16px;
    margin: 16px 0 16px 32px;
    border-radius: 4px;
    position: relative;
    font-size: 90%;
    align-content: start
}

    .paper.fixedheight {
        height: 980px
    }

    .paper hr {
        width: 105%;
        margin: 32px -16px
    }

        .paper hr.signature-line {
            background: #666;
            width: 100%
        }

        .paper hr.small {
            margin: 16px -16px
        }

    .paper .signature-line {
        display: block;
        margin: 16px -16px;
        border-bottom: 1px solid #666;
        width: 100%
    }

    .paper table tr td .signature-line {
        margin: 8px -16px
    }

    .paper .paper-paragraph {
        margin: 16px 0;
        line-height: 2
    }

        .paper .paper-paragraph:after {
            width: 100%;
            display: block;
            clear: both
        }

        .paper .paper-paragraph.nomargin {
            margin: 0
        }

    .paper .form-group {
        display: inline
    }

        .paper .form-group > label {
            display: none;
            font-weight: 700
        }

    .paper .repeatable {
        position: relative;
        margin-left: -16px;
        margin-right: 0;
        margin-right: -16px;
        margin-bottom: 16px;
        padding-left: 16px;
        padding-right: 0;
        padding-right: 16px;
        padding-top: 8px;
        padding-bottom: 8px;
        transition-duration: .2s;
        transition-delay: .1s;
        transition-timing-function: ease-out
    }

        .paper .repeatable:after, .paper .repeatable:before {
            opacity: 0;
            transition-duration: .2s;
            transition-timing-function: ease-out
        }

        .paper .repeatable:before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: -50px;
            right: -50px;
            border: 1px solid rgba(0,0,0,.3);
            background: rgba(0,0,0,.1);
            z-index: -1;
            border-radius: 15px;
            pointer-events: none
        }

        .paper .repeatable:after {
            content: "";
            position: absolute;
            transform: rotate(-90deg);
            top: 50%;
            left: -40px;
            transform-origin: left bottom;
            text-align: center;
            font-size: 3rem;
            color: rgba(0,0,0,.3);
            font-weight: 700
        }

        .paper .repeatable .repeatable-delete {
            height: 3rem;
            left: -48px;
            padding-right: 16px;
            padding-left: 16px;
            box-shadow: 1px 1px 4px rgba(0,0,0,.2);
            position: absolute;
        }

            .paper .repeatable .repeatable-delete .icon, .paper .repeatable .repeatable-delete .xicon {
                width: 32px;
                line-height: 2.5rem;
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                background: rgba(0,0,0,.1);
                display: inline-block
            }

        .paper .repeatable:hover:after, .paper .repeatable:hover:before {
            opacity: 1
        }

        .paper .repeatable .table input, .paper .repeatable .table select, .paper .repeatable .table textarea {
            font-size: 80%;
            padding: 4px 2px
        }

        .paper .repeatable .table tbody .btn {
            padding: 3px 3px 3px 4px
        }

            .paper .repeatable .table tbody .btn .icon, .paper .repeatable .table tbody .btn .xicon {
                display: block
            }

    .paper .paperclip {
        position: absolute;
        right: 0;
        top: -16px;
        display: block;
        width: 82px;
        height: 94px;
        padding: 0 18px;
        z-index: 1
    }

        .paper .paperclip img {
            width: 100%
        }

    .paper .input, .paper input[type=color], .paper input[type=date], .paper input[type=datetime-local], .paper input[type=datetime], .paper input[type=email], .paper input[type=month], .paper input[type=number], .paper input[type=password], .paper input[type=search], .paper input[type=tel], .paper input[type=text], .paper input[type=url], .paper input[type=week], .paper select, .paper textarea {
        display: inline-block;
        width: auto;
        margin: 4px;
        border-width: 0 0 1px;
        border-radius: 0;
        transition-duration: .2s;
        transition-delay: .1s;
        transition-timing-function: ease-out;
        font-size: 1.6rem;
        color: #000;
        font-weight: 700;
        letter-spacing: 0
    }

        .paper .input:active, .paper .input:focus, .paper .input:hover, .paper input[type=color]:active, .paper input[type=color]:focus, .paper input[type=color]:hover, .paper input[type=date]:active, .paper input[type=date]:focus, .paper input[type=date]:hover, .paper input[type=datetime-local]:active, .paper input[type=datetime-local]:focus, .paper input[type=datetime-local]:hover, .paper input[type=datetime]:active, .paper input[type=datetime]:focus, .paper input[type=datetime]:hover, .paper input[type=email]:active, .paper input[type=email]:focus, .paper input[type=email]:hover, .paper input[type=month]:active, .paper input[type=month]:focus, .paper input[type=month]:hover, .paper input[type=number]:active, .paper input[type=number]:focus, .paper input[type=number]:hover, .paper input[type=password]:active, .paper input[type=password]:focus, .paper input[type=password]:hover, .paper input[type=search]:active, .paper input[type=search]:focus, .paper input[type=search]:hover, .paper input[type=tel]:active, .paper input[type=tel]:focus, .paper input[type=tel]:hover, .paper input[type=text]:active, .paper input[type=text]:focus, .paper input[type=text]:hover, .paper input[type=url]:active, .paper input[type=url]:focus, .paper input[type=url]:hover, .paper input[type=week]:active, .paper input[type=week]:focus, .paper input[type=week]:hover, .paper select:active, .paper select:focus, .paper select:hover, .paper textarea:active, .paper textarea:focus, .paper textarea:hover {
            outline: 0;
            background: #ddd;
            border-bottom-color: #ddd;
            box-shadow: 0 0 0;
            border-radius: 4px
        }

        .paper .input:active, .paper .input:focus, .paper input[type=color]:active, .paper input[type=color]:focus, .paper input[type=date]:active, .paper input[type=date]:focus, .paper input[type=datetime-local]:active, .paper input[type=datetime-local]:focus, .paper input[type=datetime]:active, .paper input[type=datetime]:focus, .paper input[type=email]:active, .paper input[type=email]:focus, .paper input[type=month]:active, .paper input[type=month]:focus, .paper input[type=number]:active, .paper input[type=number]:focus, .paper input[type=password]:active, .paper input[type=password]:focus, .paper input[type=search]:active, .paper input[type=search]:focus, .paper input[type=tel]:active, .paper input[type=tel]:focus, .paper input[type=text]:active, .paper input[type=text]:focus, .paper input[type=url]:active, .paper input[type=url]:focus, .paper input[type=week]:active, .paper input[type=week]:focus, .paper select:active, .paper select:focus, .paper textarea:active, .paper textarea:focus {
            background: #ffff54
        }

        .paper .input[required]:hover, .paper input[type=color][required]:hover, .paper input[type=date][required]:hover, .paper input[type=datetime-local][required]:hover, .paper input[type=datetime][required]:hover, .paper input[type=email][required]:hover, .paper input[type=month][required]:hover, .paper input[type=number][required]:hover, .paper input[type=password][required]:hover, .paper input[type=search][required]:hover, .paper input[type=tel][required]:hover, .paper input[type=text][required]:hover, .paper input[type=url][required]:hover, .paper input[type=week][required]:hover, .paper select[required]:hover, .paper textarea[required]:hover {
            background: #fbd0d0
        }

        .paper .input::-webkit-input-placeholder, .paper input[type=color]::-webkit-input-placeholder, .paper input[type=date]::-webkit-input-placeholder, .paper input[type=datetime-local]::-webkit-input-placeholder, .paper input[type=datetime]::-webkit-input-placeholder, .paper input[type=email]::-webkit-input-placeholder, .paper input[type=month]::-webkit-input-placeholder, .paper input[type=number]::-webkit-input-placeholder, .paper input[type=password]::-webkit-input-placeholder, .paper input[type=search]::-webkit-input-placeholder, .paper input[type=tel]::-webkit-input-placeholder, .paper input[type=text]::-webkit-input-placeholder, .paper input[type=url]::-webkit-input-placeholder, .paper input[type=week]::-webkit-input-placeholder, .paper select::-webkit-input-placeholder, .paper textarea::-webkit-input-placeholder {
            color: #666;
            font-weight: 400
        }

        .paper .input::-moz-placeholder, .paper input[type=color]::-moz-placeholder, .paper input[type=date]::-moz-placeholder, .paper input[type=datetime-local]::-moz-placeholder, .paper input[type=datetime]::-moz-placeholder, .paper input[type=email]::-moz-placeholder, .paper input[type=month]::-moz-placeholder, .paper input[type=number]::-moz-placeholder, .paper input[type=password]::-moz-placeholder, .paper input[type=search]::-moz-placeholder, .paper input[type=tel]::-moz-placeholder, .paper input[type=text]::-moz-placeholder, .paper input[type=url]::-moz-placeholder, .paper input[type=week]::-moz-placeholder, .paper select::-moz-placeholder, .paper textarea::-moz-placeholder {
            color: #666;
            font-weight: 400
        }

        .paper .input:-ms-input-placeholder, .paper input[type=color]:-ms-input-placeholder, .paper input[type=date]:-ms-input-placeholder, .paper input[type=datetime-local]:-ms-input-placeholder, .paper input[type=datetime]:-ms-input-placeholder, .paper input[type=email]:-ms-input-placeholder, .paper input[type=month]:-ms-input-placeholder, .paper input[type=number]:-ms-input-placeholder, .paper input[type=password]:-ms-input-placeholder, .paper input[type=search]:-ms-input-placeholder, .paper input[type=tel]:-ms-input-placeholder, .paper input[type=text]:-ms-input-placeholder, .paper input[type=url]:-ms-input-placeholder, .paper input[type=week]:-ms-input-placeholder, .paper select:-ms-input-placeholder, .paper textarea:-ms-input-placeholder {
            color: #666;
            font-weight: 400
        }

        .paper .input:-moz-placeholder, .paper input[type=color]:-moz-placeholder, .paper input[type=date]:-moz-placeholder, .paper input[type=datetime-local]:-moz-placeholder, .paper input[type=datetime]:-moz-placeholder, .paper input[type=email]:-moz-placeholder, .paper input[type=month]:-moz-placeholder, .paper input[type=number]:-moz-placeholder, .paper input[type=password]:-moz-placeholder, .paper input[type=search]:-moz-placeholder, .paper input[type=tel]:-moz-placeholder, .paper input[type=text]:-moz-placeholder, .paper input[type=url]:-moz-placeholder, .paper input[type=week]:-moz-placeholder, .paper select:-moz-placeholder, .paper textarea:-moz-placeholder {
            color: #666;
            font-weight: 400
        }

    .paper textarea {
        transition-duration: 0s !important;
        transition-delay: 0s !important;
        border: 1px solid #ddd;
        display: block;
        min-width: auto;
        max-width: 100%;
        width: 100%;
        margin: 16px 0
    }

    .paper .table tbody {
        background: #fff
    }

    .paper .table input, .paper .table select, .paper .table textarea {
        width: 100%
    }

    .paper .extra-block {
        background: #ddd;
        background: #f5f5f5;
        border-width: 1px 0;
        border-style: solid;
        border-color: #c4c4c4;
        border-color: #d3d3d3;
        margin-left: -16px;
        margin-right: -16px;
        margin-top: 16px;
        margin-bottom: 16px;
        min-height: 10rem;
        box-shadow: 0 -2px 15px 2px rgba(0,0,0,.1) inset
    }

    .paper.form-view .form-group {
        display: block
    }

        .paper.form-view .form-group label {
            display: inline-block
        }

    .paper.form-view .paper-txt {
        display: none
    }

    .paper .bookmark-block {
        margin-left: -16px;
        margin-right: -16px
    }

        .paper .bookmark-block button, .paper .bookmark-block > span {
            position: relative;
            left: -32px;
            display: inline-block;
            border-radius: 2px;
            padding-left: 48px;
            padding-right: 16px;
            box-shadow: 1px 1px 4px rgba(0,0,0,.2)
        }

            .paper .bookmark-block button .icon, .paper .bookmark-block button .xicon, .paper .bookmark-block > span .icon, .paper .bookmark-block > span .xicon {
                width: 32px;
                line-height: 3rem;
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                background: rgba(0,0,0,.1);
                display: inline-block;
                text-align: center
            }

        .paper .bookmark-block > span {
            padding-top: 3px;
            padding-bottom: 3px
        }

            .paper .bookmark-block > span .switch {
                padding-top: 0;
                padding-bottom: 0
            }

        .paper .bookmark-block.box-title {
            position: relative;
            top: -1px
        }

.tool-bar {
    background: #f5f5f5;
    border-bottom: 1px solid #d3d3d3;
    margin: -16px -16px 0;
    padding: 4px 0 4px;
    min-height: 52px
}

    .tool-bar > .row {
        min-height: 39px
    }

    .tool-bar.fixed {
        margin: 0;
        box-shadow: 0 1px 5px rgba(0,0,0,.1);
        margin-top: -50%;
        animation: showToolbar 1s ease-out;
        animation-iteration-count: 1;
        animation-fill-mode: forwards
    }

        .tool-bar.fixed .hidden-fixed {
            display: none
        }

    .tool-bar .signature-block {
        margin: 0;
        padding: 7px 10px 6px
    }

        .tool-bar .signature-block a {
            color: #000;
            padding-right: 5px
        }

            .tool-bar .signature-block a:active, .tool-bar .signature-block a:focus, .tool-bar .signature-block a:hover {
                color: #000
            }

            .tool-bar .signature-block a .exp-arrow {
                position: absolute;
                transition-duration: .2s;
                right: 5px;
                top: 50%;
                font-size: 12px;
                margin-top: -6px;
                line-height: 12px
            }

            .tool-bar .signature-block a.active .exp-arrow {
                transform: rotate(180deg)
            }

@keyframes showToolbar {
    from {
        margin-top: -50%
    }

    to {
        margin-top: 0
    }
}

.toolbar-switch {
    margin-bottom: 8px
}

.print-dropdown {
    position: relative
}

    .print-dropdown .dropdown-target {
        margin-top: .2em;
        right: 0;
        text-align: left;
        white-space: nowrap
    }

        .print-dropdown .dropdown-target > li {
            margin-bottom: 0
        }

            .print-dropdown .dropdown-target > li .dropdown-target-faux {
                display: block;
                padding: 8px
            }

            .print-dropdown .dropdown-target > li a {
                color: #666
            }

                .print-dropdown .dropdown-target > li a > img {
                    max-height: 12px;
                    width: 19px;
                    position: relative;
                    top: 1px;
                    margin-right: 4px
                }

                .print-dropdown .dropdown-target > li a > .icon, .print-dropdown .dropdown-target > li a > .xicon {
                    width: 19px;
                    display: inline-block;
                    text-align: center;
                    margin-right: 4px
                }

#signatureRow table form {
    margin: 0
}

.doc-cover .cover-logo {
    padding-top: 2px;
    max-height: 160px;
    max-width: 100%;
    margin: 45px auto;
    display: block
}

.doc-cover .cover-info {
    margin: 0 10%;
    border: 1px solid #ddd;
    padding: 8px 16px;
    border-radius: 8px;
    margin-bottom: 50px;
    position: relative
}

    .doc-cover .cover-info .cover-title {
        line-height: 1.2em
    }

    .doc-cover .cover-info .cover-agency, .doc-cover .cover-info .cover-title {
        margin: 25px 0
    }

    .doc-cover .cover-info .qrcode {
        position: absolute;
        right: 0;
        top: 0;
        width: 130px
    }

        .doc-cover .cover-info .qrcode img {
            width: 100%
        }

.paper-header {
    text-align: right;
    border-bottom: 1px solid #ddd;
    padding: 8px 8px 8px;
    margin-bottom: 16px;
    font-size: 85%
}

    .paper-header .paper-header-logo {
        height: 35px;
        display: inline-block;
        margin-right: 16px;
        vertical-align: bottom
    }

    .paper-header .paper-header-info {
        text-align: left;
        display: inline-block
    }

.langflag {
    position: relative;
    top: 8px
}

    .langflag img {
        width: 40px
    }
.panel {
    box-shadow: none;
    border: none !important
}
    .panel:hover {
        box-shadow: 0 4px 10px rgba(0,0,0,.2)
    }
.panel.warn .footer, .panel.warn .header {
    border-color: #d69305;
    border-color: #fac147
}

.panel .panel-big {
    display: block;
    text-align: center;
    font-size: 12rem;
    line-height: 12rem
}

.panel .panel-big img {
    width: 100%
}

.panel.basic {
    background: #fff
}

.panel.badge-comingsoon, .panel.badge-new {
    position: relative;
    overflow: hidden
}

        .panel.badge-comingsoon:before, .panel.badge-new:before {
            position: absolute;
            top: 56px;
            right: -20px;
            display: block;
            transform: rotate(30deg);
            text-align: center;
            width: 150px;
            transform-origin: top right;
            font-size: .7em;
            color: #fff;
            font-weight: 700;
            text-transform: uppercase;
            padding: 4px 0;
            box-shadow: -4px 1px 3px 0 rgba(0,0,0,.2);
            background: #e00;
            background: -moz-linear-gradient(left,#a20000 0,#e00 17%,#e00 82%,#a20000 100%);
            background: -webkit-linear-gradient(left,#a20000 0,#e00 17%,#e00 82%,#a20000 100%);
            background: linear-gradient(to right,#a20000 0,#e00 17%,#e00 82%,#a20000 100%)
        }

        .panel.badge-comingsoon:before {
            content: "Prossimamente";
            background: #32912d;
            background: -moz-linear-gradient(left,#1e571b 0,#32912d 17%,#32912d 82%,#1e571b 100%);
            background: -webkit-linear-gradient(left,#1e571b 0,#32912d 17%,#32912d 82%,#1e571b 100%);
            background: linear-gradient(to right,#1e571b 0,#32912d 17%,#32912d 82%,#1e571b 100%)
        }

        .panel.badge-new:before {
            content: "Novit\00c0"
        }

table.table tbody tr > * {
    word-break: break-all
}

.large {
    font-size: 110% !important
}

.larger {
    font-size: 125% !important
}

.largest {
    font-size: 150% !important
}

.small {
    font-size: 90% !important
}

.smaller {
    font-size: 75% !important
}

.smallest {
    font-size: 50% !important
}

.nowrap {
    white-space: nowrap
}

.paper {
    width: 714px !important;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 3px 15px rgba(0,0,0,.5)
}

.view-input.select, .view-input.text {
    border-bottom: 1px solid #d3d3d3;
    padding: 0 4px 2px
}

.view-input.select, .view-input.text, .view-input.textarea {
    font-weight: 700
}

.view-input.checkbox .icon, .view-input.checkbox .xicon, .view-input.radio .icon, .view-input.radio .xicon {
    font-size: 2rem;
    position: relative;
    top: 5px;
    margin-right: 4px
}

.view-input.empty {
    border-bottom: 1px solid #d3d3d3;
    min-width: 20rem;
    display: inline-block
}

table .view-input.empty {
    display: none
}

.view-input.select, table .view-input.text {
    border-bottom: none;
    padding: 0
}

.viewonly #sidebar, .viewonly #sitehead, .viewonly .print-hidden {
    display: none !important
}

.viewonly .print-hidden {
    display: none !important
}

.viewonly .sidebar-content {
    margin-left: 0
}

.viewonly .paper {
    border: none;
    padding: 0;
    font-size: 90%
}

    .viewonly .paper > hr {
        display: none
    }

.viewonly .repeatable {
    border: none;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
}

.viewonly .paper-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 80%;
    border-top: 1px solid #ddd;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #0d270c
}

.sidebar li > * > .icon:first-child, .sidebar li > * > .xicon:first-child {
    display: inline-block;
    font-size: 2rem;
    position: relative;
    top: .3571428575rem;
    padding-right: 4px;
    width: 3rem;
    text-align: center
}

@media screen and (min-width:900px) {
    .sidebar.sidebar-condensed ul > li > * > span.icon:first-child, .sidebar.sidebar-condensed ul > li > * > span.xicon:first-child {
        width: 42px;
        line-height: 50px;
        display: inline-block;
        top: 0;
        padding: 0
    }
}

td[data-sort], th[data-sort] {
    position: relative;
    padding-right: 12px !important;
    transition-duration: .3s;
    transition-delay: .1s;
    transition-timing-function: ease-out
}

    td[data-sort]:after, th[data-sort]:after {
        position: absolute;
        right: 4px;
        top: 50%;
        margin-top: -6px;
        font-family: bullicon !important;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        content: "\f0dc"
    }

    td[data-sort].sorting-desc:after, th[data-sort].sorting-desc:after {
        content: "\f0dd"
    }

    td[data-sort].sorting-asc:after, th[data-sort].sorting-asc:after {
        content: "\f0de"
    }

    td[data-sort]:hover, th[data-sort]:hover {
        cursor: pointer;
        background: rgba(221,221,221,.7)
    }

table.list-table thead th {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #ddd;
    color: #666
}

table.list-table tbody td, table.list-table tbody th {
    padding-top: 6px !important;
    padding-bottom: 6px !important
}

table.list-table.hovered tbody tr:hover td, table.list-table.hovered tbody tr:hover th {
    background: inherit;
    position: relative;
    color: inherit
}

    table.list-table.hovered tbody tr:hover td:before, table.list-table.hovered tbody tr:hover th:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(221,221,221,.3);
        pointer-events: none;
        z-index: 0
    }

.printing .paper {
    padding: 0;
    border: none;
    position: relative;
    line-height: 1.5
}

    .printing .paper .paper-paragraph {
        line-height: 1.2;
        color: inherit
    }

    .printing .paper table.table tbody td, .printing .paper table.table tbody th, .printing .paper table.table td, .printing .paper table.table th {
        padding: 1px 4px !important;
        font-size: 10px !important;
        vertical-align: bottom !important
    }

    .printing .paper table.table.table-signature tbody td, .printing .paper table.table.table-signature tbody th, .printing .paper table.table.table-signature td, .printing .paper table.table.table-signature th {
        font-size: 12px !important
    }

.vspace {
    padding: 24px 0;
    font-size: 0
}

@media print {
    .paper {
        max-width: 595px
    }

    #footer, #sidebar, #sitehead {
        display: none
    }
}

.tooltiptext-full {
    position: relative;
    background: 0 0;
    border: none !important;
    padding: .1rem 8px;
    color: #666 !important;
    border-radius: 4px;
    transition-duration: .2s;
    transition-timing-function: ease-out;
    box-shadow: 0 0 0 !important;
    font-size: 2rem;
    height: 4rem;
    line-height: 3.8rem;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    outline: 0
}

    .tooltiptext-full > * {
        z-index: 1;
        position: relative
    }

    .tooltiptext-full > .icon, .tooltiptext-full > .xicon {
        top: .25rem
    }

    .tooltiptext-full.sm {
        height: 2.6rem;
        line-height: 2.4rem;
        font-size: 1.8rem
    }

        .tooltiptext-full.sm > .icon, .tooltiptext-full.sm > .xicon {
            top: .22rem
        }

    .tooltiptext-full.smr {
        height: 2.2rem;
        line-height: 2rem;
        font-size: 1.4rem
    }

        .tooltiptext-full.smr > .icon, .tooltiptext-full.smr > .xicon {
            top: .2rem
        }

    .tooltiptext-full:before {
        position: absolute;
        content: "";
        transition-duration: .2s;
        transition-timing-function: ease-out;
        z-index: 0;
        background: #ddd;
        width: 100%;
        height: 100%;
        border-radius: 4px;
        transform: scale(0);
        transform-origin: center center;
        left: 0;
        top: 0
    }

    .tooltiptext-full > .tooltip-text {
        font-size: 65%;
        font-weight: 700
    }

    .tooltiptext-full:hover:before {
        transform: scale(1)
    }

.tooltiptext-btn {
    position: relative;
    background: 0 0;
    border: none !important;
    padding: .1rem;
    color: #666 !important;
    border-radius: 4px;
    transition-duration: .2s;
    transition-timing-function: ease-out;
    box-shadow: 0 0 0 !important;
    font-size: 2rem;
    width: 4rem;
    height: 4rem;
    line-height: 3.8rem;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    outline: 0
}

    .tooltiptext-btn.sm {
        width: 2.6rem;
        height: 2.6rem;
        line-height: 2.4rem;
        font-size: 1.8rem
    }

    .tooltiptext-btn.smr {
        height: 2.2rem;
        width: 2.2rem;
        line-height: 2rem;
        font-size: 1.4rem
    }

    .tooltiptext-btn > * {
        z-index: 1;
        position: relative
    }

    .tooltiptext-btn:before {
        position: absolute;
        content: "";
        transition-duration: .2s;
        transition-timing-function: ease-out;
        z-index: 0;
        background: #ddd;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        transform: scale(0);
        transform-origin: center center;
        left: 0;
        top: 0
    }

    .tooltiptext-btn > .tooltip-text {
        display: none;
        position: absolute;
        top: 4.3rem;
        font-size: 80%;
        background: #666;
        color: #fff !important;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 1.2rem;
        line-height: 1.4rem;
        font-weight: 700;
        left: 50%;
        transform: translate(-50%,0);
        z-index: 2;
        word-break: keep-all
    }

    .tooltiptext-btn.tooltiptext-expand {
        width: auto;
        padding-left: .3rem;
        padding-right: .3rem;
        font-size: 1.5rem
    }

        .tooltiptext-btn.tooltiptext-expand:before {
            border-radius: 4px
        }

    .tooltiptext-btn:hover:before {
        transform: scale(1)
    }

    .tooltiptext-btn:hover > .tooltip-text {
        display: block
    }

    .tooltiptext-btn .tooltiptext-badge {
        position: absolute;
        border-radius: 100%;
        font-size: 10px;
        width: 14px;
        height: 14px;
        display: block;
        right: 0;
        bottom: 0;
        line-height: 14px;
        text-align: center
    }

    .tooltiptext-btn.rotate-icon > .icon, .tooltiptext-btn.rotate-icon > .xicon {
        transform-origin: center center;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -.9rem;
        margin-top: -1rem;
        transition-delay: .1s;
        transition-duration: .2s;
        transition-timing-function: ease-out
    }

        .tooltiptext-btn.rotate-icon > .icon.icon-chevron-right {
            margin-left: -.6rem !important
        }

    .tooltiptext-btn.rotate-icon.active > .icon, .tooltiptext-btn.rotate-icon.active > .xicon {
        transform: rotate(90deg)
    }

    .tooltiptext-btn.disabled, .tooltiptext-btn.disabled:active, .tooltiptext-btn.disabled:focus, .tooltiptext-btn.disabled:hover, .tooltiptext-btn[disabled], .tooltiptext-btn[disabled]:active, .tooltiptext-btn[disabled]:focus, .tooltiptext-btn[disabled]:hover {
        color: #ddd !important;
        background: 0 0 !important
    }

        .tooltiptext-btn.disabled:active:before, .tooltiptext-btn.disabled:before, .tooltiptext-btn.disabled:focus:before, .tooltiptext-btn.disabled:hover:before, .tooltiptext-btn[disabled]:active:before, .tooltiptext-btn[disabled]:before, .tooltiptext-btn[disabled]:focus:before, .tooltiptext-btn[disabled]:hover:before {
            display: none !important
        }

.tooltiptext-expandable {
    border-radius: 4px;
    border: 1px solid transparent;
    font-size: 0
}

    .tooltiptext-expandable > * {
        white-space: nowrap;
        border-radius: 0
    }

    .tooltiptext-expandable > :first-child:before {
        border-radius: 4px 0 0 4px
    }

    .tooltiptext-expandable > :last-child:before {
        border-radius: 0 4px 4px 0
    }

    .tooltiptext-expandable > :before {
        border-radius: 4px
    }

    .tooltiptext-expandable:hover {
        border-color: #ddd
    }

.table-mainrow > * {
    border-bottom: none !important
}

.table-subrow > * {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important
}

    .table-subrow > * > * {
        overflow: hidden;
        padding: 0 8px;
        max-height: 0;
        transition-delay: .1s;
        transition-duration: .2s;
        transition-timing-function: ease-out
    }

.table-subrow.active > * > * {
    padding: 4px 8px;
    max-height: 1000px
}

table.list-table tbody tr.table-subrow > td, table.list-table tbody tr.table-subrow > th {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.add-signature-form {
    border-top: 1px solid #ddd;
    padding: 32px;
    margin-left: -32px;
    margin-right: -32px;
    margin-bottom: -8px;
    background: #eaeaea
}

#proprietari .repeatable:after {
    content: "Proprietario"
}

#chequesRepeatable .repeatable:after {
    content: "\A0\A0\A0\A0\A0\A0\A0\20AC"
}

#repRegistersContainer .repeatable:after, .repeatable[id^=repRegisterContainer_]:after {
    content: "Immobile"
}

#proprietari.repeatable-acquisto .repeatable:after, #proprietari.repeatable-proposta_loc .repeatable:after {
    content: "Proponente"
}

.width-1 {
    width: 2em !important
}

.width-2 {
    width: 3em !important
}

.width-3 {
    width: 4em !important
}

.width-4 {
    width: 5em !important
}

.width-5 {
    width: 6em !important
}

.width-6 {
    width: 7em !important
}

.width-7 {
    width: 8em !important
}

.width-8 {
    width: 9em !important
}

.width-9 {
    width: 10em !important
}

.width-10 {
    width: 11em !important
}

.width-11 {
    width: 12em !important
}

.width-12 {
    width: 13em !important
}

.width-13 {
    width: 14em !important
}

.width-14 {
    width: 15em !important
}

.width-15 {
    width: 16em !important
}

.width-16 {
    width: 17em !important
}

.width-17 {
    width: 18em !important
}

.width-18 {
    width: 19em !important
}

.width-19 {
    width: 20em !important
}

.width-20 {
    width: 21em !important
}

.width-21 {
    width: 22em !important
}

.width-22 {
    width: 23em !important
}

.width-23 {
    width: 24em !important
}

.width-24 {
    width: 25em !important
}

.width-25 {
    width: 26em !important
}

.width-26 {
    width: 27em !important
}

.width-27 {
    width: 28em !important
}

.width-28 {
    width: 29em !important
}

.width-29 {
    width: 30em !important
}

.width-30 {
    width: 31em !important
}

.width-31 {
    width: 32em !important
}

.width-32 {
    width: 33em !important
}

.width-33 {
    width: 34em !important
}

.width-34 {
    width: 35em !important
}

.width-35 {
    width: 36em !important
}

.width-36 {
    width: 37em !important
}

.width-37 {
    width: 38em !important
}

.width-38 {
    width: 39em !important
}

.width-39 {
    width: 40em !important
}

.width-40 {
    width: 41em !important
}

.width-41 {
    width: 42em !important
}

.width-42 {
    width: 43em !important
}

.width-43 {
    width: 44em !important
}

.width-44 {
    width: 45em !important
}

.width-45 {
    width: 46em !important
}

.width-46 {
    width: 47em !important
}

.width-47 {
    width: 48em !important
}

.width-48 {
    width: 49em !important
}

.width-49 {
    width: 50em !important
}

.width-50 {
    width: 51em !important
}

.switch.js-switch[data-target=".paper"] {
    display: none
}

.steps {
    display: flex;
    align-content: center;
    justify-content: space-evenly;
    width: 100%;
    margin: 25px auto
}

    .steps .step {
        text-align: center;
        flex-grow: 1;
        position: relative;
        z-index: 1;
        color: #666
    }

        .steps .step .step-badge {
            width: 8rem;
            height: 8rem;
            line-height: 8rem;
            border-radius: 50%;
            background: #fff;
            margin: 0 auto 10px;
            position: relative;
            z-index: 1;
            border: 2px solid #666
        }

            .steps .step .step-badge > * {
                font-size: 4rem;
                line-height: 8rem
            }

        .steps .step:before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            top: 4rem;
            height: 2px;
            margin-top: -1px;
            background: #666;
            z-index: 0
        }

        .steps .step.active .step-badge {
            background: #32912d;
            color: #fff;
            border-color: #256a21
        }

        .steps .step:first-child:before {
            left: 50%
        }

        .steps .step:last-child:before {
            right: 50%
        }

.ajaxcomplete-container {
    position: relative
}

    .ajaxcomplete-container .searchloader {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(255,255,255,.7);
        z-index: 1000
    }

        .ajaxcomplete-container .searchloader .loader {
            height: auto;
            width: 100%;
            margin: 0 auto 0;
            top: 50%;
            position: relative
        }

.image-editor-preview {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 15px;
    overflow: hidden;
    background: #f7f7f7;
    font-size: 0
}

    .image-editor-preview .image-preview img {
        width: 100%
    }

    .image-editor-preview > a, .image-editor-preview > button {
        position: absolute;
        bottom: 0;
        right: 0;
        font-weight: 700;
        padding: 4px 8px;
        color: #666;
        background: #ddd;
        border-radius: 2px;
        transition-duration: .2s;
        transition-timing-function: ease-out;
        font-size: 1.3rem;
        line-height: 1.6rem
    }

        .image-editor-preview > a .xicon, .image-editor-preview > a > .icon, .image-editor-preview > button .xicon, .image-editor-preview > button > .icon {
            position: relative;
            top: 2px
        }

    .image-editor-preview:hover > a, .image-editor-preview:hover > button {
        background: #eaeaea
    }

input.inputHasError {
    border: 1px solid #e00 !important
}

.stripforsigning {
    background: 0 0
}

    .stripforsigning body {
        background: 0 0
    }

    .stripforsigning #main {
        padding: 0
    }

    .stripforsigning .paper {
        width: auto !important;
        margin: 0;
        box-shadow: 0 0 0
    }

.el-sign-tag {
    color: #fff;
    white-space: nowrap;
    width: 100px;
    font-size: 5px;
    display: block;
}

.pbottom0 {
    padding-bottom: 0 !important
}

.ptop0 {
    padding-top: 0 !important
}

.mbottom0 {
    margin-bottom: 0 !important
}

.mtop0 {
    margin-top: 0 !important
}

.pbottom5 {
    padding-bottom: 5px !important
}

.ptop5 {
    padding-top: 5px !important
}

.mbottom5 {
    margin-bottom: 5px !important
}

.mtop5 {
    margin-top: 5px !important
}

.pbottom10 {
    padding-bottom: 10px !important
}

.ptop10 {
    padding-top: 10px !important
}

.mbottom10 {
    margin-bottom: 10px !important
}

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

.pbottom15 {
    padding-bottom: 15px !important
}

.ptop15 {
    padding-top: 15px !important
}

.mbottom15 {
    margin-bottom: 15px !important
}

.mtop15 {
    margin-top: 15px !important
}

.pbottom20 {
    padding-bottom: 20px !important
}

.ptop20 {
    padding-top: 20px !important
}

.mbottom20 {
    margin-bottom: 20px !important
}

.mtop20 {
    margin-top: 20px !important
}

.pbottom25 {
    padding-bottom: 25px !important
}

.ptop25 {
    padding-top: 25px !important
}

.mbottom25 {
    margin-bottom: 25px !important
}

.mtop25 {
    margin-top: 25px !important
}

.pbottom30 {
    padding-bottom: 30px !important
}

.ptop30 {
    padding-top: 30px !important
}

.mbottom30 {
    margin-bottom: 30px !important
}

.mtop30 {
    margin-top: 30px !important
}

.pbottom35 {
    padding-bottom: 35px !important
}

.ptop35 {
    padding-top: 35px !important
}

.mbottom35 {
    margin-bottom: 35px !important
}

.mtop35 {
    margin-top: 35px !important
}

.pbottom40 {
    padding-bottom: 40px !important
}

.ptop40 {
    padding-top: 40px !important
}

.mbottom40 {
    margin-bottom: 40px !important
}

.mtop40 {
    margin-top: 40px !important
}

.pbottom45 {
    padding-bottom: 45px !important
}

.ptop45 {
    padding-top: 45px !important
}

.mbottom45 {
    margin-bottom: 45px !important
}

.mtop45 {
    margin-top: 45px !important
}

.pbottom50 {
    padding-bottom: 50px !important
}

.ptop50 {
    padding-top: 50px !important
}

.mbottom50 {
    margin-bottom: 50px !important
}

.mtop50 {
    margin-top: 50px !important
}

.pbottom55 {
    padding-bottom: 55px !important
}

.ptop55 {
    padding-top: 55px !important
}

.mbottom55 {
    margin-bottom: 55px !important
}

.mtop55 {
    margin-top: 55px !important
}

.pbottom60 {
    padding-bottom: 60px !important
}

.ptop60 {
    padding-top: 60px !important
}

.mbottom60 {
    margin-bottom: 60px !important
}

.mtop60 {
    margin-top: 60px !important
}

.pbottom65 {
    padding-bottom: 65px !important
}

.ptop65 {
    padding-top: 65px !important
}

.mbottom65 {
    margin-bottom: 65px !important
}

.mtop65 {
    margin-top: 65px !important
}

.pbottom70 {
    padding-bottom: 70px !important
}

.ptop70 {
    padding-top: 70px !important
}

.mbottom70 {
    margin-bottom: 70px !important
}

.mtop70 {
    margin-top: 70px !important
}

.pbottom75 {
    padding-bottom: 75px !important
}

.ptop75 {
    padding-top: 75px !important
}

.mbottom75 {
    margin-bottom: 75px !important
}

.mtop75 {
    margin-top: 75px !important
}

.pbottom80 {
    padding-bottom: 80px !important
}

.ptop80 {
    padding-top: 80px !important
}

.mbottom80 {
    margin-bottom: 80px !important
}

.mtop80 {
    margin-top: 80px !important
}

.pbottom85 {
    padding-bottom: 85px !important
}

.ptop85 {
    padding-top: 85px !important
}

.mbottom85 {
    margin-bottom: 85px !important
}

.mtop85 {
    margin-top: 85px !important
}

.pbottom90 {
    padding-bottom: 90px !important
}

.ptop90 {
    padding-top: 90px !important
}

.mbottom90 {
    margin-bottom: 90px !important
}

.mtop90 {
    margin-top: 90px !important
}

.pbottom95 {
    padding-bottom: 95px !important
}

.ptop95 {
    padding-top: 95px !important
}

.mbottom95 {
    margin-bottom: 95px !important
}

.mtop95 {
    margin-top: 95px !important
}

.pbottom100 {
    padding-bottom: 100px !important
}

.ptop100 {
    padding-top: 100px !important
}

.mbottom100 {
    margin-bottom: 100px !important
}

.mtop100 {
    margin-top: 100px !important
}

.h4, h4 {
    font-size: 2.6rem;
    margin: 0
}



.view-input.textarea {
    border-bottom: 1px solid #d3d3d3;
    min-height: 3rem;
    display: block;
    white-space: pre-wrap;
    max-width: 100%;
    width: 100%;
}

.floating-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    list-style: none;
    line-height: 1.42857143;
    padding: 0 0 0 0;
    min-width: 160px;
    z-index: 10;
    box-shadow: 0 2px 3px rgb(31 40 62 / 20%);
    position: absolute;
    left: 0;
    top: 100%;
}


    .floating-card div {
        color: #666;
        cursor: pointer;
        white-space: nowrap;
    }

    .floating-card div {
        display: block;
        padding: 8px;
    }

        .floating-card div:active, .floating-card div:focus, .floating-card div:hover {
            background: #e6e6e6;
        }


table .view-input.empty.force-input-visibility {
    display: inline-block !important;
}

.allegati-special {
    font-size: 14px;
    padding: 0px 5px;
}

.mini-box {
    padding: 0px !important;
}

    .mini-box label {
        padding: 0px !important;
    }

.calling-tooltip {
    position: relative;
}

    .calling-tooltip .tooltip-content {
        display: none;
    }

    .calling-tooltip:hover .tooltip-content {
        display: block;
        position: absolute;
        top: 4.3rem;
        background: #666;
        color: #fff !important;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 1.2rem;
        line-height: 1.4rem;
        font-weight: 700;
        left: 0;
        z-index: 1;
    }

.paper textarea {
    resize: vertical;
}

textarea {
}

#teffettivo .repeatable:after {
    content: "Titolare Effettivo"
}

.paper .repeatable.ovfsize input {
    font-size: 100% !important;
}

/*
.doc-cover {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}*/

.mq-xs .form-group label {
    text-align: left;
}

/* CHECKBOX RIVISITATO*/
label.checkbox-bookmark,
label.radio-bookmark {
    position: relative;
    text-align: center;
    padding: 12px 0 12px 0;
    margin-bottom: 0;
    margin-right: 1em;
}

    label.checkbox-bookmark input[type=checkbox], label.checkbox-bookmark [type=checkbox][type="submit"],
    label.checkbox-bookmark [type=checkbox][type="button"],
    label.checkbox-bookmark [type=checkbox][type="reset"],
    label.checkbox-bookmark button[type=checkbox], label.checkbox-bookmark input[type=radio], label.checkbox-bookmark [type=radio][type="submit"],
    label.checkbox-bookmark [type=radio][type="button"],
    label.checkbox-bookmark [type=radio][type="reset"],
    label.checkbox-bookmark button[type=radio],
    label.radio-bookmark input[type=checkbox],
    label.radio-bookmark [type=checkbox][type="submit"],
    label.radio-bookmark [type=checkbox][type="button"],
    label.radio-bookmark [type=checkbox][type="reset"],
    label.radio-bookmark button[type=checkbox],
    label.radio-bookmark input[type=radio],
    label.radio-bookmark [type=radio][type="submit"],
    label.radio-bookmark [type=radio][type="button"],
    label.radio-bookmark [type=radio][type="reset"],
    label.radio-bookmark button[type=radio] {
        margin-left: 0;
        opacity: 0;
        position: absolute;
    }

        label.checkbox-bookmark input[type=checkbox]:focus + .faux, label.checkbox-bookmark [type=checkbox][type="submit"]:focus + .faux,
        label.checkbox-bookmark [type=checkbox][type="button"]:focus + .faux,
        label.checkbox-bookmark [type=checkbox][type="reset"]:focus + .faux,
        label.checkbox-bookmark button[type=checkbox]:focus + .faux, label.checkbox-bookmark input[type=checkbox]:hover + .faux, label.checkbox-bookmark [type=checkbox][type="submit"]:hover + .faux,
        label.checkbox-bookmark [type=checkbox][type="button"]:hover + .faux,
        label.checkbox-bookmark [type=checkbox][type="reset"]:hover + .faux,
        label.checkbox-bookmark button[type=checkbox]:hover + .faux, label.checkbox-bookmark input[type=radio]:focus + .faux, label.checkbox-bookmark [type=radio][type="submit"]:focus + .faux,
        label.checkbox-bookmark [type=radio][type="button"]:focus + .faux,
        label.checkbox-bookmark [type=radio][type="reset"]:focus + .faux,
        label.checkbox-bookmark button[type=radio]:focus + .faux, label.checkbox-bookmark input[type=radio]:hover + .faux, label.checkbox-bookmark [type=radio][type="submit"]:hover + .faux,
        label.checkbox-bookmark [type=radio][type="button"]:hover + .faux,
        label.checkbox-bookmark [type=radio][type="reset"]:hover + .faux,
        label.checkbox-bookmark button[type=radio]:hover + .faux,
        label.radio-bookmark input[type=checkbox]:focus + .faux,
        label.radio-bookmark [type=checkbox][type="submit"]:focus + .faux,
        label.radio-bookmark [type=checkbox][type="button"]:focus + .faux,
        label.radio-bookmark [type=checkbox][type="reset"]:focus + .faux,
        label.radio-bookmark button[type=checkbox]:focus + .faux,
        label.radio-bookmark input[type=checkbox]:hover + .faux,
        label.radio-bookmark [type=checkbox][type="submit"]:hover + .faux,
        label.radio-bookmark [type=checkbox][type="button"]:hover + .faux,
        label.radio-bookmark [type=checkbox][type="reset"]:hover + .faux,
        label.radio-bookmark button[type=checkbox]:hover + .faux,
        label.radio-bookmark input[type=radio]:focus + .faux,
        label.radio-bookmark [type=radio][type="submit"]:focus + .faux,
        label.radio-bookmark [type=radio][type="button"]:focus + .faux,
        label.radio-bookmark [type=radio][type="reset"]:focus + .faux,
        label.radio-bookmark button[type=radio]:focus + .faux,
        label.radio-bookmark input[type=radio]:hover + .faux,
        label.radio-bookmark [type=radio][type="submit"]:hover + .faux,
        label.radio-bookmark [type=radio][type="button"]:hover + .faux,
        label.radio-bookmark [type=radio][type="reset"]:hover + .faux,
        label.radio-bookmark button[type=radio]:hover + .faux {
            border-color: #2959cf;
            box-shadow: 0 0 8px rgba(41, 89, 207, 0.3);
            outline: 0 none;
        }

        label.checkbox-bookmark input[type=checkbox]:checked + .faux, label.checkbox-bookmark [type=checkbox][type="submit"]:checked + .faux,
        label.checkbox-bookmark [type=checkbox][type="button"]:checked + .faux,
        label.checkbox-bookmark [type=checkbox][type="reset"]:checked + .faux,
        label.checkbox-bookmark button[type=checkbox]:checked + .faux, label.checkbox-bookmark input[type=radio]:checked + .faux, label.checkbox-bookmark [type=radio][type="submit"]:checked + .faux,
        label.checkbox-bookmark [type=radio][type="button"]:checked + .faux,
        label.checkbox-bookmark [type=radio][type="reset"]:checked + .faux,
        label.checkbox-bookmark button[type=radio]:checked + .faux,
        label.radio-bookmark input[type=checkbox]:checked + .faux,
        label.radio-bookmark [type=checkbox][type="submit"]:checked + .faux,
        label.radio-bookmark [type=checkbox][type="button"]:checked + .faux,
        label.radio-bookmark [type=checkbox][type="reset"]:checked + .faux,
        label.radio-bookmark button[type=checkbox]:checked + .faux,
        label.radio-bookmark input[type=radio]:checked + .faux,
        label.radio-bookmark [type=radio][type="submit"]:checked + .faux,
        label.radio-bookmark [type=radio][type="button"]:checked + .faux,
        label.radio-bookmark [type=radio][type="reset"]:checked + .faux,
        label.radio-bookmark button[type=radio]:checked + .faux {
            border: 1.5px solid #2959cf;
        }

            label.checkbox-bookmark input[type=checkbox]:checked + .faux:after, label.checkbox-bookmark [type=checkbox][type="submit"]:checked + .faux:after,
            label.checkbox-bookmark [type=checkbox][type="button"]:checked + .faux:after,
            label.checkbox-bookmark [type=checkbox][type="reset"]:checked + .faux:after,
            label.checkbox-bookmark button[type=checkbox]:checked + .faux:after, label.checkbox-bookmark input[type=radio]:checked + .faux:after, label.checkbox-bookmark [type=radio][type="submit"]:checked + .faux:after,
            label.checkbox-bookmark [type=radio][type="button"]:checked + .faux:after,
            label.checkbox-bookmark [type=radio][type="reset"]:checked + .faux:after,
            label.checkbox-bookmark button[type=radio]:checked + .faux:after,
            label.radio-bookmark input[type=checkbox]:checked + .faux:after,
            label.radio-bookmark [type=checkbox][type="submit"]:checked + .faux:after,
            label.radio-bookmark [type=checkbox][type="button"]:checked + .faux:after,
            label.radio-bookmark [type=checkbox][type="reset"]:checked + .faux:after,
            label.radio-bookmark button[type=checkbox]:checked + .faux:after,
            label.radio-bookmark input[type=radio]:checked + .faux:after,
            label.radio-bookmark [type=radio][type="submit"]:checked + .faux:after,
            label.radio-bookmark [type=radio][type="button"]:checked + .faux:after,
            label.radio-bookmark [type=radio][type="reset"]:checked + .faux:after,
            label.radio-bookmark button[type=radio]:checked + .faux:after {
                animation-name: radiocheck;
                animation-duration: 0.4s;
                animation-timing-function: ease-out;
                animation-delay: 0s;
                animation-direction: normal;
                animation-iteration-count: 1;
                animation-fill-mode: none;
                animation-play-state: running;
                border-color: #fff;
                background: #7998e5 none repeat scroll 0 0;
                height: 14px;
                margin-left: -7px;
                margin-top: -7px;
                width: 14px;
            }

        label.checkbox-bookmark input[type=checkbox]:checked:hover + .faux, label.checkbox-bookmark [type=checkbox][type="submit"]:checked:hover + .faux,
        label.checkbox-bookmark [type=checkbox][type="button"]:checked:hover + .faux,
        label.checkbox-bookmark [type=checkbox][type="reset"]:checked:hover + .faux,
        label.checkbox-bookmark button[type=checkbox]:checked:hover + .faux, label.checkbox-bookmark input[type=radio]:checked:hover + .faux, label.checkbox-bookmark [type=radio][type="submit"]:checked:hover + .faux,
        label.checkbox-bookmark [type=radio][type="button"]:checked:hover + .faux,
        label.checkbox-bookmark [type=radio][type="reset"]:checked:hover + .faux,
        label.checkbox-bookmark button[type=radio]:checked:hover + .faux,
        label.radio-bookmark input[type=checkbox]:checked:hover + .faux,
        label.radio-bookmark [type=checkbox][type="submit"]:checked:hover + .faux,
        label.radio-bookmark [type=checkbox][type="button"]:checked:hover + .faux,
        label.radio-bookmark [type=checkbox][type="reset"]:checked:hover + .faux,
        label.radio-bookmark button[type=checkbox]:checked:hover + .faux,
        label.radio-bookmark input[type=radio]:checked:hover + .faux,
        label.radio-bookmark [type=radio][type="submit"]:checked:hover + .faux,
        label.radio-bookmark [type=radio][type="button"]:checked:hover + .faux,
        label.radio-bookmark [type=radio][type="reset"]:checked:hover + .faux,
        label.radio-bookmark button[type=radio]:checked:hover + .faux {
            border-color: #7998e5;
        }

            label.checkbox-bookmark input[type=checkbox]:checked:hover + .faux:after, label.checkbox-bookmark [type=checkbox][type="submit"]:checked:hover + .faux:after,
            label.checkbox-bookmark [type=checkbox][type="button"]:checked:hover + .faux:after,
            label.checkbox-bookmark [type=checkbox][type="reset"]:checked:hover + .faux:after,
            label.checkbox-bookmark button[type=checkbox]:checked:hover + .faux:after, label.checkbox-bookmark input[type=radio]:checked:hover + .faux:after, label.checkbox-bookmark [type=radio][type="submit"]:checked:hover + .faux:after,
            label.checkbox-bookmark [type=radio][type="button"]:checked:hover + .faux:after,
            label.checkbox-bookmark [type=radio][type="reset"]:checked:hover + .faux:after,
            label.checkbox-bookmark button[type=radio]:checked:hover + .faux:after,
            label.radio-bookmark input[type=checkbox]:checked:hover + .faux:after,
            label.radio-bookmark [type=checkbox][type="submit"]:checked:hover + .faux:after,
            label.radio-bookmark [type=checkbox][type="button"]:checked:hover + .faux:after,
            label.radio-bookmark [type=checkbox][type="reset"]:checked:hover + .faux:after,
            label.radio-bookmark button[type=checkbox]:checked:hover + .faux:after,
            label.radio-bookmark input[type=radio]:checked:hover + .faux:after,
            label.radio-bookmark [type=radio][type="submit"]:checked:hover + .faux:after,
            label.radio-bookmark [type=radio][type="button"]:checked:hover + .faux:after,
            label.radio-bookmark [type=radio][type="reset"]:checked:hover + .faux:after,
            label.radio-bookmark button[type=radio]:checked:hover + .faux:after {
                background: #7998e5;
                border-color: #7998e5;
            }

        label.checkbox-bookmark input[type=checkbox]:disabled + .faux, label.checkbox-bookmark [type=checkbox][type="submit"]:disabled + .faux,
        label.checkbox-bookmark [type=checkbox][type="button"]:disabled + .faux,
        label.checkbox-bookmark [type=checkbox][type="reset"]:disabled + .faux,
        label.checkbox-bookmark button[type=checkbox]:disabled + .faux, label.checkbox-bookmark input[type=checkbox]:disabled:hover + .faux, label.checkbox-bookmark [type=checkbox][type="submit"]:disabled:hover + .faux,
        label.checkbox-bookmark [type=checkbox][type="button"]:disabled:hover + .faux,
        label.checkbox-bookmark [type=checkbox][type="reset"]:disabled:hover + .faux,
        label.checkbox-bookmark button[type=checkbox]:disabled:hover + .faux, label.checkbox-bookmark input[type=radio]:disabled + .faux, label.checkbox-bookmark [type=radio][type="submit"]:disabled + .faux,
        label.checkbox-bookmark [type=radio][type="button"]:disabled + .faux,
        label.checkbox-bookmark [type=radio][type="reset"]:disabled + .faux,
        label.checkbox-bookmark button[type=radio]:disabled + .faux, label.checkbox-bookmark input[type=radio]:disabled:hover + .faux, label.checkbox-bookmark [type=radio][type="submit"]:disabled:hover + .faux,
        label.checkbox-bookmark [type=radio][type="button"]:disabled:hover + .faux,
        label.checkbox-bookmark [type=radio][type="reset"]:disabled:hover + .faux,
        label.checkbox-bookmark button[type=radio]:disabled:hover + .faux,
        label.radio-bookmark input[type=checkbox]:disabled + .faux,
        label.radio-bookmark [type=checkbox][type="submit"]:disabled + .faux,
        label.radio-bookmark [type=checkbox][type="button"]:disabled + .faux,
        label.radio-bookmark [type=checkbox][type="reset"]:disabled + .faux,
        label.radio-bookmark button[type=checkbox]:disabled + .faux,
        label.radio-bookmark input[type=checkbox]:disabled:hover + .faux,
        label.radio-bookmark [type=checkbox][type="submit"]:disabled:hover + .faux,
        label.radio-bookmark [type=checkbox][type="button"]:disabled:hover + .faux,
        label.radio-bookmark [type=checkbox][type="reset"]:disabled:hover + .faux,
        label.radio-bookmark button[type=checkbox]:disabled:hover + .faux,
        label.radio-bookmark input[type=radio]:disabled + .faux,
        label.radio-bookmark [type=radio][type="submit"]:disabled + .faux,
        label.radio-bookmark [type=radio][type="button"]:disabled + .faux,
        label.radio-bookmark [type=radio][type="reset"]:disabled + .faux,
        label.radio-bookmark button[type=radio]:disabled + .faux,
        label.radio-bookmark input[type=radio]:disabled:hover + .faux,
        label.radio-bookmark [type=radio][type="submit"]:disabled:hover + .faux,
        label.radio-bookmark [type=radio][type="button"]:disabled:hover + .faux,
        label.radio-bookmark [type=radio][type="reset"]:disabled:hover + .faux,
        label.radio-bookmark button[type=radio]:disabled:hover + .faux {
            cursor: default;
            border-color: #c4c4c4;
            background: #e6e6e6;
            box-shadow: 0 0 0;
        }

            label.checkbox-bookmark input[type=checkbox]:disabled + .faux:after, label.checkbox-bookmark [type=checkbox][type="submit"]:disabled + .faux:after,
            label.checkbox-bookmark [type=checkbox][type="button"]:disabled + .faux:after,
            label.checkbox-bookmark [type=checkbox][type="reset"]:disabled + .faux:after,
            label.checkbox-bookmark button[type=checkbox]:disabled + .faux:after, label.checkbox-bookmark input[type=checkbox]:disabled:hover + .faux:after, label.checkbox-bookmark [type=checkbox][type="submit"]:disabled:hover + .faux:after,
            label.checkbox-bookmark [type=checkbox][type="button"]:disabled:hover + .faux:after,
            label.checkbox-bookmark [type=checkbox][type="reset"]:disabled:hover + .faux:after,
            label.checkbox-bookmark button[type=checkbox]:disabled:hover + .faux:after, label.checkbox-bookmark input[type=radio]:disabled + .faux:after, label.checkbox-bookmark [type=radio][type="submit"]:disabled + .faux:after,
            label.checkbox-bookmark [type=radio][type="button"]:disabled + .faux:after,
            label.checkbox-bookmark [type=radio][type="reset"]:disabled + .faux:after,
            label.checkbox-bookmark button[type=radio]:disabled + .faux:after, label.checkbox-bookmark input[type=radio]:disabled:hover + .faux:after, label.checkbox-bookmark [type=radio][type="submit"]:disabled:hover + .faux:after,
            label.checkbox-bookmark [type=radio][type="button"]:disabled:hover + .faux:after,
            label.checkbox-bookmark [type=radio][type="reset"]:disabled:hover + .faux:after,
            label.checkbox-bookmark button[type=radio]:disabled:hover + .faux:after,
            label.radio-bookmark input[type=checkbox]:disabled + .faux:after,
            label.radio-bookmark [type=checkbox][type="submit"]:disabled + .faux:after,
            label.radio-bookmark [type=checkbox][type="button"]:disabled + .faux:after,
            label.radio-bookmark [type=checkbox][type="reset"]:disabled + .faux:after,
            label.radio-bookmark button[type=checkbox]:disabled + .faux:after,
            label.radio-bookmark input[type=checkbox]:disabled:hover + .faux:after,
            label.radio-bookmark [type=checkbox][type="submit"]:disabled:hover + .faux:after,
            label.radio-bookmark [type=checkbox][type="button"]:disabled:hover + .faux:after,
            label.radio-bookmark [type=checkbox][type="reset"]:disabled:hover + .faux:after,
            label.radio-bookmark button[type=checkbox]:disabled:hover + .faux:after,
            label.radio-bookmark input[type=radio]:disabled + .faux:after,
            label.radio-bookmark [type=radio][type="submit"]:disabled + .faux:after,
            label.radio-bookmark [type=radio][type="button"]:disabled + .faux:after,
            label.radio-bookmark [type=radio][type="reset"]:disabled + .faux:after,
            label.radio-bookmark button[type=radio]:disabled + .faux:after,
            label.radio-bookmark input[type=radio]:disabled:hover + .faux:after,
            label.radio-bookmark [type=radio][type="submit"]:disabled:hover + .faux:after,
            label.radio-bookmark [type=radio][type="button"]:disabled:hover + .faux:after,
            label.radio-bookmark [type=radio][type="reset"]:disabled:hover + .faux:after,
            label.radio-bookmark button[type=radio]:disabled:hover + .faux:after {
                background: #919191;
            }

    label.checkbox-bookmark .faux,
    label.radio-bookmark .faux {
        background: #fff none repeat scroll 0 0;
        border: 1px solid #ddd;
        border-radius: 4px;
        display: inline-block;
        height: 18px;
        position: relative;
        top: 4px;
        width: 18px;
        transition-duration: 0.2s;
        transition-delay: 0;
        transition-timing-function: ease-out;
    }

        label.checkbox-bookmark .faux:after,
        label.radio-bookmark .faux:after {
            background: #2959cf none repeat scroll 0 0;
            border-radius: 2px;
            content: "";
            display: block;
            height: 0;
            left: 50%;
            margin-left: 0;
            margin-top: 0;
            position: absolute;
            top: 50%;
            width: 0;
        }

    label.checkbox-bookmark.radio-bookmark .faux,
    label.checkbox-bookmark.radio-bookmark .faux:after,
    label.radio-bookmark.radio-bookmark .faux,
    label.radio-bookmark.radio-bookmark .faux:after {
        border-radius: 50%;
    }

.checkbox-box {
    background-color: #2550ba;
    padding: 4px;
    border-radius: 2px 0px 0px 2px;
}



.paper .repeatable .repeatable-checkbox {
    height: 3rem;
    left: -48px;
    padding-right: 16px;
    padding-left: 0;
    box-shadow: 1px 1px 4px rgb(0 0 0 / 20%);
    position: absolute;
    z-index: 1;
    border-radius: 4px;
    overflow: hidden;
}

    .paper .repeatable .repeatable-checkbox .checkbox-bookmark {
        margin: 0;
        padding: 0;
        height: 3rem;
        display: block;
        padding-left: 34px;
        line-height: 3rem;
    }

        .paper .repeatable .repeatable-checkbox .checkbox-bookmark .checkbox-box {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            padding: 0;
            width: 34px;
        }

.pagination {
    list-style-type: none;
    padding: 10px 0;
    display: inline-flex;
    justify-content: space-between;
    box-sizing: border-box;
}

    .pagination li {
        box-sizing: border-box;
        padding-right: 10px;
    }

        .pagination li a {
            box-sizing: border-box;
            background-color: #e2e6e6;
            padding: 8px;
            text-decoration: none;
            font-size: 12px;
            font-weight: bold;
            color: #616872;
            border-radius: 4px;
        }

            .pagination li a:hover {
                background-color: #9dd99f;
            }

    .pagination .next a, .pagination .prev a {
        text-transform: uppercase;
        font-size: 12px;
    }

    .pagination .currentpage a {
        background-color: #3c9c3e;
        color: #fff;
    }

        .pagination .currentpage a:hover {
            background-color: #9dd99f;
        }


/* ORDINAMENTO NON ATTIVO */

.sorting-ASC, .sorting-DESC {
    color: #666;
    display: block;
    position: relative;
    padding-right: 12px !important;
    transition-duration: .3s;
    transition-delay: .1s;
    transition-timing-function: ease-out;
}

    .sorting-ASC:after, .sorting-DESC:after {
        position: absolute;
        right: 4px;
        top: 50%;
        margin-top: -6px;
        font-family: bullicon !important;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        content: "\f0dc";
    }

a.sorting-ASC:active, a.sorting-ASC:focus, a.sorting-ASC:hover,
a.sorting-DESC:active, a.sorting-DESC:focus, a.sorting-DESC:hover {
    color: #666;
}
/* ORDINAMENTO ASC */
.sorting-active.sorting-ASC:after {
    content: "\f0de";
}
/* ORDINAMENTO DESC */
.sorting-active.sorting-DESC:after {
    content: "\f0dd";
}

.info th {
    white-space: nowrap !important;
    border: 1px solid #eee !important;
}

table.table.striped tbody tr.skip-stripe:nth-child(even) td, table.table.striped tbody tr.skip-stripe:nth-child(even) th {
    background: transparent;
}
/*H4 EVIDENZIATI*/
.grey-highlighted {
    background-color: #666666;
    color: #fff;
    line-height: 3.2rem;
    display: flex !important;
    align-items: center;
    width: fit-content;
    border-radius: 4px;
    padding: 4px 10px;
    font-size: 2.4rem;
    vertical-align: super;
}

.print .grey-highlighted {
    line-height: 3rem;
    font-size: 2rem;
}

.article-highlighted {
    background-color: #666666;
    color: #fff;
    line-height: 3.2rem;
    border-radius: 4px;
    padding: 4px 10px;
    font-size: 2.4rem;
    vertical-align: super;
    font-weight: 700;
}

.sm-12 h4 {
    margin: 10px 0px !important;
}

/*GESTIONE ICONE NUOVE*/
.title-icon {
}

    .title-icon.grey-highlighted {
        background-color: transparent;
        /*color: #1f283e;*/
        padding: 0;
        /*display: flex;*/
        /*justify-content: start;
        align-items: center;
        margin-bottom: 0;*/
        gap: 12px;
        /*line-height: 3.2rem;*/
        margin-bottom: 10px !important;
        margin-top: 15px !important;
    }

        .title-icon.grey-highlighted .xicon,
        .title-icon.grey-highlighted .icon {
            color: #666666;
            font-size: 4rem;
            /*position:relative; */
        }

        .title-icon.grey-highlighted .grey-bg {
            /*background-color: #666666;*/
            /*color: #fff;*/
            /*padding: 0px 12px 4px 8px;*/
        }



/*H5 EVIDENZIATI*/
.subtitle-icon {
    /*background-color: #666666;
    color: #fff;
    margin-bottom: 8px;
    line-height: 3.2rem;
    display: flex;
    align-items: center;
    width: fit-content;
    border-radius: 4px;
    padding: 4px 10px;*/
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}

    .subtitle-icon .icon,
    .subtitle-icon .xicon {
        font-size: 3.8rem;
        margin-right: 0.5rem;
        position: relative;
        /*top: 0.7rem;*/
    }

.icone-inline {
    position: relative;
    top: 8px;
    color: #666666;
}


.text-with-icon {
    margin-bottom: 8px;
    display: inline-block;
}

    .text-with-icon .icon,
    .text-with-icon .xicon {
        font-size: 3.8rem;
        margin-right: 0.5rem;
        position: relative;
        /*top: 0.7rem;*/
    }


/*MODIFICHE CUSTOM*/
.margin-custom {
    margin: 16px 10%;
}


.border-left-custom {
    border-left: 10px solid #dadada;
    padding-left: 10px;
}

.text-with-icon .icon, .text-with-icon .xicon {
    /* top: 0;*/
}

.subtitle-icon .icon, .subtitle-icon .xicon {
    /*top: 0;*/
}

.button-rows-custom {
    margin: 20px 0px;
}

    .button-rows-custom a {
        border-radius: 6px;
        font-size: 100%;
    }

    .button-rows-custom button {
        border-radius: 6px;
        font-size: 100%;
    }

.custom-visibility p {
    border-radius: 4px;
    border: 1px solid #2959cf;
    padding: 15px;
    font-size: 115%;
}

.padding-left-custom {
    padding-left: 0px !important;
}

.ptop-custom {
    padding-top: 4px;
}

/*FOOTER COLORATO*/
footer table {
    color: #fff;
    width: 100%;
    padding: 10px;
    border-top: 1px solid #ddd;
    font-size: 90%;
    font-family: \'Roboto\', sans-serif;
}

.acquisto footer table {
    background-color: #4fbc52 !important;
}

.incarico footer table {
    background-color: #4fbc52 !important;
}

.incarico_loc footer table {
    background-color: #f9b015;
}

.proposta_loc footer table {
    background-color: #f9b015;
}

.table-font-standard {
    font-size: 13.5px;
}

.striped {
    text-align: center !important;
}

    .striped input {
        text-align: center !important;
    }

/*POSITION ABSOLUTE*/
.p-absolute {
    position: absolute;
}

/*DISPLAY FLEX*/
.d-flex {
    display: flex !important;
}
/*CENTER CON FLEX*/
.justify-content-center {
    justify-content: center;
}

.align-baseline {
    align-items: baseline;
}

/*padding 1rem*/

.p10 {
    padding: 1rem;
}

.p0 {
    padding: 0 !important;
}

/*.table-margin-custom table {
    margin-bottom: 30px;
}*/

/*
.paper .input:placeholder-shown,
.paper input[type=color]:placeholder-shown,
.paper input[type=date]:placeholder-shown,
.paper input[type=datetime-local]:placeholder-shown,
.paper input[type=datetime]:placeholder-shown,
.paper input[type=email]:placeholder-shown,
.paper input[type=month]:placeholder-shown,
.paper input[type=number]:placeholder-shown,
.paper input[type=password]:placeholder-shown,
.paper input[type=search]:placeholder-shown,
.paper input[type=tel]:placeholder-shown,
.paper input[type=text]:placeholder-shown,
.paper input[type=url]:placeholder-shown,
.paper input[type=week]:placeholder-shown,
.paper select:placeholder-shown,
.paper textarea:placeholder-shown {
    background: #ddd;
}
*/

.flex-column {
    flex-direction: column;
}

/* INDEX TILES */

.w25 {
    width: 25% !important;
}

.w50 {
    width: 50% !important;
}

.bg-blue {
    background-color: #359EEB !important;
}

.text-white {
    color: #fff;
}

.logincontainer {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    width: 100%;
    padding: 60px 0;
}

    .logincontainer .login-header {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 60px;
    }

        .logincontainer .login-header img {
            display: block;
            max-width: 200px;
            width: 100%;
            margin-bottom: 0;
        }

        .logincontainer .login-header .login-title {
            display: block;
            font-size: 2.25rem;
            width: 100%;
            text-align: center;
            margin-bottom: 0;
        }

    .logincontainer .signin-form {
        position: relative;
        border: 1px solid #d3d3d3;
        border-radius: 4px;
        box-shadow: 0 3px 15px rgba(0,0,0,.1);
    }

        .logincontainer .signin-form .form-body {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
        }


        .logincontainer .signin-form .col-signin,
        .logincontainer .signin-form .col-signup {
            display: flex;
            flex-direction: column;
            flex: 0 0 100%;
            max-width: 100%;
            padding: 60px 15px;
        }

@media (min-width: 768px) {
    .logincontainer .signin-form .col-signin,
    .logincontainer .signin-form .col-signup {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 120px 30px;
    }
}


.logincontainer .signin-form .col-signin {
    color: #fff;
    background-color: #32912d;
}

.logincontainer .signin-form .col-signup {
    color: #32912d;
    background-color: white;
}

.logincontainer .signin-form .col-signin a {
    color: #fff;
}

.logincontainer .signin-form .col-signup a {
    color: #32912d;
}

.logincontainer .signin-form .col-signin a:hover {
    color: #fff;
    text-decoration: underline;
}

.logincontainer .signin-form .col-signup a:hover {
    color: #32912d;
    text-decoration: underline;
}

.logincontainer .signin-form .col-signin-header,
.logincontainer .signin-form .col-signin-body {
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .logincontainer .signin-form .col-signup-header {
        margin-bottom: 30px;
    }
}

.logincontainer .signin-form .col-signin-header .col-signin-title,
.logincontainer .signin-form .col-signup-header .col-signup-title {
    text-align: center;
    margin-bottom: 0;
}

.logincontainer .signin-form .col-signin-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.logincontainer .signin-form .col-signup-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
}

.logincontainer .signin-form .col-signin .btn.primary {
    color: #32912d !important;
    background: white;
    border-color: white;
}

.logincontainer .signin-form .col-signup .btn.primary {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    letter-spacing: .1rem;
    color: white !important;
    background: #32912d;
    border-color: #32912d;
}

    .logincontainer .signin-form .col-signin .btn.primary:hover,
    .logincontainer .signin-form .col-signin .btn.primary:focus,
    .logincontainer .signin-form .col-signin .btn.primary:active,
    .logincontainer .signin-form .col-signup .btn.primary:hover,
    .logincontainer .signin-form .col-signup .btn.primary:focus,
    .logincontainer .signin-form .col-signup .btn.primary:active {
        color: white !important;
        background: #1f283e;
        border-color: #1f283e;
        text-decoration: none;
        box-shadow: none;
    }



.signin-form .form-group input {
    margin: 0;
}



.signupcontainer .signin-form,
.pwdrecoverycontainer .signin-form {
    position: relative;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    padding: 16px 32px;
    box-shadow: 0 3px 15px rgba(0,0,0,.1);
}

    .signupcontainer .signin-form .form-group,
    .pwdrecoverycontainer .signin-form .form-group {
        margin-bottom: 16px;
    }

        .signupcontainer .signin-form .form-group input,
        .pwdrecoverycontainer .signin-form .form-group input {
            border-width: 0 0 1px;
            border-radius: 0;
            transition-duration: .2s;
            transition-delay: .1s;
            transition-timing-function: ease-out;
            background: #f5f5f5;
            margin: 16px 0 0;
        }


        .edit-logo {
            display: flex;
            align-items: start;
            flex-wrap: wrap;
        }

        .edit-logo .btn {
            flex: 0 0 100px;
            max-width: 100px;
            text-align: center;
        }

        .edit-logo .delete-logo {
            flex: 0 0 calc(100% - 100px);
            max-width: calc(100% - 100px);
            padding-left: 15px;
        }


.print-hidden1 {
    border: 4px solid red !important;
    background: rgba(255, 0, 0, 0.2) !important;
}

#pin:disabled {
    font-weight: bold;
    background-color: rgba(255, 0, 0, 0.2) !important;
}
#pin:not(:disabled) {
    font-weight: bold;
    background-color: rgba(0, 128, 0, 0.2) !important;
}

.bgOwnerP {
    background-color: #f9b015;
}

.tooltiptext-expandable:hover .tooltip-text {
    top: -2.3rem !important;
}

.name-box {
    width: 100%;
    text-align: end;
    margin-right: 12px;
}

.name-box label {
    padding: 0px !important;
}

.name-box .info {
    margin-bottom: 3px;
}

.box-textarea-right {
    width: auto !important;
    margin-left: auto !important;
    text-align: right;
}

.paper input,
.paper textarea {
    background-color: #efefefbf;
}

/* Quando l'input NON mostra il placeholder (cioč č compilato) */
.paper input:not(:placeholder-shown),
.paper textarea:not(:placeholder-shown) {
    background-color: #fff;
}

.alert-firma {
    display: block;
    margin-left: 2rem;
    margin-right: 2rem;
    padding: 1rem;
    border: 2px solid #3c9c3e;
    border-radius: 1rem;
    background-color: #3c9c3e6e;
}

.cursor-pointer{
    cursor: pointer;
}


/* 09/02/2026 */


.d-md-none {
    display: none;
}
.d-md-inline {
    display: inline-block;
}

.editor-hidden, .d-none {
    display: none !important;
}

.editor {
    border: 1px solid #ccc;
    padding: 10px;
    min-height: 10em;
    background: #fff;
}

.tag {
    background: #eef;
    padding: 3px 6px;
    border-radius: 4px;
    cursor: grab;
    font-family: monospace;
}
.tag-inside {
    display: inline-flex;
    align-items: center;
    background: #dff3ff;
    border: 1px solid #99c;
    border-radius: 3px;
    padding: 2px 4px;
    margin: 0 2px;
    font-family: monospace;
}

.tag-remove {
    cursor: pointer;
    margin-left: 4px;
    color: #c00;
    font-weight: bold;
    user-select: none;
}

    .tag-remove:hover {
        color: #900;
    }
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.mx-1 {
    margin-left: .375rem;
    margin-right: .375rem;
}
.my-1 {
    margin-top: .375rem;
    margin-bottom: .375rem;
}
.px-1 {
    padding-left: .375rem;
    padding-right: .375rem;
}
.kpi-card {
    text-align: center;
    height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.kpi-label {
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #777;
    margin-bottom: .4rem;
}

.kpi-value {
    font-size: 1.5rem;
    font-weight: 600;
    color: #222;
}


.show-stats-btn {
    cursor: pointer;
    border: 1px solid #4fbc52;
    border-radius: 50%;
    padding: .5rem;
    width: 35px;
    display: flex;
    height: 35px;
    align-items: center;
    justify-content: center;
}
.hidden-value {
    opacity: 0;
    transition: opacity 0.3s ease;
    visibility: hidden;
}

.kpi-value {
    opacity: 1;
    transition: opacity 0.3s ease;
}

.kpi-value-wrapper {
    position: relative;
    display: inline-block;
}

    /* Icona occhio barrato dentro la card */
    .kpi-value-wrapper .eye-off-inside {
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translateY(-50%);
        color: gray;
        font-size: 1em;
        pointer-events: none;
        opacity: 0;
        transition: opacity 0.3s ease;
    }

/* Mostra occhio barrato quando il valore č nascosto */
.hidden-value + .eye-off-inside {
    opacity: 1;
}

/* Bottone principale grigio quando nascosto */
.show-stats-btn.inactive {
    color: gray !important;
    transition: color 0.3s ease;
}

.bg-white {
    background: white !important;
}

.proposte-table th:before, .proposte-table td:before {
    background: none !important;
}

.text-dark, .proposte-table td:before, .proposte-table th:before {
    color: #1f283e !important;
}

.tooltiptext-btn > .tooltip-text-left {
    left: 0%;
    transform: translateX(-100%);
    top: 0;
}

.tooltiptext-btn > .tooltip-text-right {
    right: 0%;
    transform: translateX(100%);
    top: 0;
}

@font-face {
    font-family: 'Arial Nova Condensed';
    src: url('fonts/arial-nova-condensed.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

* {
    font-family: 'Arial Nova Condensed' !important;
}


.d-grid {
    display: grid;
}

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

.overflow-x-auto{
    overflow-x: auto;
}

.ms-auto{
    margin-left: auto;
}

@media (max-width: 1199px) {
    .d-md-none {
        display: none !important;
    }

    .display-none {
        display: none;
    }

    .d-inline {
        display: inline-block;
    }

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

@media (min-width: 1200px) {
    .d-md-none {
        display: none;
    }

    .display-none {
        display: none !important;
    }

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

    .d-md-inline {
        display: inline-block;
    }
}

.kpi-wrapper {
    overflow: hidden;
    transition: all 0.4s ease;
}

    .kpi-wrapper.hidden {
        max-height: 0;
        opacity: 0;
        transform: translateY(-10px);
        pointer-events: none;
    }

    .kpi-wrapper.show {
        max-height: 500px; /* abbastanza grande */
        opacity: 1;
        transform: translateY(0);
    }

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

.w-100 {
    width: 100%;
}

.align-items-center {
    align-items: center;
}

.confirm-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.confirm-box {
    background: #fff;
    padding: 20px;
    max-width: 500px;
    border-radius: 6px;
    text-align: center;
}

.confirm-buttons {
    margin-top: 20px;
    display: flex;
    gap: 10px;
    justify-content: center;
}


.page-loader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    z-index: 9999;
    align-items: center;
    justify-content: center;
}

    .page-loader.active {
        display: flex;
    }

.spinner {
    width: 60px;
    height: 60px;
    border: 6px solid #ddd;
    border-top: 6px solid #28a745;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

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

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