/*-------------------SITE---------------------*/
div.wpcf7 {
    margin: 0;
    padding: 0;
}

    div.wpcf7 .screen-reader-response {
        position: absolute;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        width: 1px;
        margin: 0;
        padding: 0;
        border: 0;
    }

div.wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid #ff0000;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
    border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
    border: 2px solid #ffa500;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    border: 2px solid #f7e700;
}

.wpcf7-form-control-wrap {
    position: relative;
}

span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    font-weight: normal;
    display: block;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
    position: absolute;
    top: 20%;
    left: 20%;
    z-index: 100;
    border: 1px solid #ff0000;
    background: #fff;
    padding: .2em .8em;
}

span.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em;
}

span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
    content: " ";
}

.wpcf7-display-none {
    display: none;
}

div.wpcf7 .ajax-loader {
    visibility: hidden;
    display: inline-block;
    background-image: url('../../images/ajax-loader.gif');
    width: 16px;
    height: 16px;
    border: none;
    padding: 0;
    margin: 0 0 0 4px;
    vertical-align: middle;
}

    div.wpcf7 .ajax-loader.is-active {
        visibility: visible;
    }

div.wpcf7 div.ajax-error {
    display: none;
}

div.wpcf7 .placeheld {
    color: #888;
}

div.wpcf7 .wpcf7-recaptcha iframe {
    margin-bottom: 0;
}

div.wpcf7 input[type="file"] {
    cursor: pointer;
}

    div.wpcf7 input[type="file"]:disabled {
        cursor: default;
    }

div.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed;
}

/*-------------------LOGIN--------------------*/
#loginForm {
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: -moz-linear-gradient(top, #fff, #eee);
    background-image: -o-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(top, #fff, #eee);
    height: 300px;
    width: 400px;
    margin: 50px 0 50px -200px;
    padding: 30px;
    position: relative;
    top: 50%;
    left: 50%;
    z-index: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.75);
    box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.75);
}

    #loginForm:before {
        content: '';
        position: absolute;
        z-index: -1;
        border: 1px dashed #ccc;
        top: 5px;
        bottom: 5px;
        left: 5px;
        right: 5px;
        -moz-box-shadow: 0 0 0 1px #fff;
        -webkit-box-shadow: 0 0 0 1px #fff;
        box-shadow: 0 0 0 1px #fff;
    }

fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}

#inputs input {
    background: #f9f9f9;
    padding: 15px 15px 15px 42px;
    margin-top: 0px;
    height: 50px;
    width: 342px; /* 353 + 2 + 45 = 400 */
    font-size: 14pt;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
}

.control {
    position: relative;
    margin-bottom: 0;
}

.username ~ .input-icon {
    background-image: url(../images/login-user.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    top: 0px;
    margin: 5px;
    margin-top: 10px;
}

.password ~ .input-icon {
    background-image: url(../images/login-key.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    top: 0px;
    margin: 5px;
    margin-top: 10px;
}

.password {
    margin-top: 20px !important;
}

#inputs input:focus {
    background-color: #fff;
    border-color: #e8c291;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #e8c291 inset;
    -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
    box-shadow: 0 0 0 1px #e8c291 inset;
}

#actions {
    margin: 25px 0 0 0;
}

#submit {
    background-color: #ffb94b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));
    background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -ms-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -o-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: linear-gradient(top, #fddb6f, #ffb94b);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    border-width: 1px;
    border-style: solid;
    border-color: #d69e31 #e3a037 #d5982d #e3a037;
    float: left;
    height: 35px;
    padding: 0;
    width: 120px;
    cursor: pointer;
    font: bold 15px Arial, Helvetica;
    color: #8f5a0a;
}

    #submit:hover, #submit:focus {
        background-color: #fddb6f;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));
        background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);
        background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);
        background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);
        background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);
        background-image: linear-gradient(top, #ffb94b, #fddb6f);
    }

    #submit:active {
        outline: none;
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
    }

    #submit::-moz-focus-inner {
        border: none;
    }

#actions a {
    color: #3151A2;
    float: right;
    line-height: 35px;
    margin-left: 10px;
}

.msg_ko {
    width: 373px;
    padding: 10px;
    color: #cc0000;
    text-align: center;
    font-family: Verdana;
    font-weight: bold;
    font-size: 10pt;
    margin-top: 20px;
}

.msg_ok {
    width: 373px;
    padding: 10px;
    color: #3fc600;
    text-align: center;
    font-family: Verdana;
    font-weight: bold;
    font-size: 10pt;
    margin-top: 20px;
}

.content_center {
    padding-top: 20px;
    text-align: center;
}

.small_right {
    cursor: pointer;
    color: #3151A2;
    padding: 5px;
    text-align: end;
    font-size: 8pt;
    font-family: Verdana;
}

object {
    width: 800px;
    height: 1070px;
    margin-left: 0px;
    margin-top: -653px;
    position: relative;
}

.divFrame {
    overflow: hidden;
    width: 500px;
    height: 330px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.preventVScroll {
    width: 20px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: white;
}

.preventHScroll {
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: white;
    border-top-color: gainsboro;
}

/*------------FORM-------------*/
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}



.noscroll {
    overflow: hidden;
}



.fx-dt-clearable-icon {
    cursor: pointer;
    position: absolute;
    font-size: 10px;
    margin: 6px 0px 0px -16px;
}



    .fx-dt-clearable-icon:hover {
        text-decoration: none;
    }



    .fx-dt-clearable-icon i {
        color: #aaa;
    }



    .fx-dt-clearable-icon.empty i {
        display: none;
    }



    .fx-dt-clearable-icon:hover i {
        color: #666;
    }



.flex-control-date {
    position: relative;
}



.hidden {
    display: none !important;
    visibility: hidden !important;
}



.form-control-box {
    display: inline-block;
    width: 34px;
    height: 34px;
    padding: 6px 12px;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: none;
}


.form-button {
    display: block;
    width: 34px;
    height: 34px;
    padding: 5px;
    color: #555555;
    vertical-align: middle;
}


.form-control {
    display: inline-block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}



    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }



    .form-control:-moz-placeholder {
        color: #999999;
    }



    .form-control::-moz-placeholder {
        color: #999999;
    }



    .form-control:-ms-input-placeholder {
        color: #999999;
    }



    .form-control::-webkit-input-placeholder {
        color: #999999;
    }



    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        cursor: not-allowed;
        background-color: #eeeeee;
    }



.has-error {
    outline: solid;
    outline-width: thin;
    outline-color: #b94a48;
    outline-offset: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.is-valid {
    outline: solid;
    outline-width: thin;
    outline-color: #3fc600;
    outline-offset: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}


textarea.form-control {
    height: auto;
}



.radio, .checkbox {
    display: inline-block;
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 10px;
    vertical-align: middle;
}



    .radio label, .checkbox label {
        display: inline;
        font-weight: normal;
        cursor: pointer;
    }



    .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
        float: left;
        margin-left: -20px;
    }



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



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



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



.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px;
}



.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px;
}



    .form-horizontal .form-group:before, .form-horizontal .form-group:after {
        content: " ";
        display: table;
    }



    .form-horizontal .form-group:after {
        clear: both;
    }



    .form-horizontal .form-group:before, .form-horizontal .form-group:after {
        content: " ";
        display: table;
    }



    .form-horizontal .form-group:after {
        clear: both;
    }



.form-horizontal .form-control-static {
    padding-top: 7px;
}



@media (min-width:768px) {

    .form-horizontal .control-label {
        text-align: right;
    }
}



.form-horizontal .control-label {
    text-align: left;
}



.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}



.form-group {
    margin-bottom: 15px;
}



form {
    padding: 0px;
    margin: 0px;
}



@media (min-width:768px) {

    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }



    .form-inline .form-control {
        display: inline-block;
    }



    .form-inline .radio, .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
    }



        .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
            float: none;
            margin-left: 0;
        }
}



form[action='#'] .BLOBFloatLeft.formColRight > sup {
    top: -10px;
}



.greyStripe {
    margin: 0 0 15px 0;
    padding: 15px 0 0;
    border-bottom: 1px solid #d8d6d7;
    background-color: #ede9e8;
}



.greyBar {
    width: 600px;
    height: 40px;
    padding: 5px;
    color: white;
    background-color: #555555;
}



fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}



legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

table {
    border-bottom: solid thin #333333 !important;
}

th {
    border: solid thin #333333 !important;
    background-color: #6fbbd3;
    padding: 5px;
    white-space: nowrap;
}

td {
    border: solid thin #333333 !important;
    background-color: #add8e6;
    padding: 5px;
}



.warningRow {
    background-color: lightgoldenrodyellow;
}



.invalidRow {
    background-color: lightcoral;
}



.validRow {
    background-color: lightgreen;
}



.tdGroup {
    background-color: #eeeeee !important;
}



.buttons-right {
    padding: 20px;
    text-align: end !important;
}



.grayBar {
    background-color: dimgray;
    color: whitesmoke;
    cursor: default;
}



.toolbar-right {
    display: inline-block;
    width: 49%;
    padding: 5px;
    text-align: end;
}



.toolbar-left {
    display: inline-block;
    width: 49%;
    padding: 5px;
    text-align: start;
}



.bar-right {
    display: inline-block;
    width: 50%;
    padding: 5px;
    text-align: end;
}



.bar-left {
    display: inline-block;
    width: 50%;
    padding: 5px;
    text-align: start;
}



.float-toolbar-right {
    display: inline-block;
    z-index: 10;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    padding: 20px;
    text-align: end;
    cursor: default;
}



select:invalid {
    color: #999999;
}



option {
    color: black;
}



.msg_ko {
    padding: 10px;
    color: #cc0000;
    text-align: center;
    font-family: Verdana;
    font-weight: bold;
    font-size: 10pt;
}



.msg_ok {
    padding: 10px;
    color: #3fc600;
    text-align: center;
    font-family: Verdana;
    font-weight: bold;
    font-size: 10pt;
}



.picture-right {
    display: block;
    height: 240px;
    text-align: right;
    width: 100%;
}



.picture-center {
    display: block;
    height: 85px;
    text-align: center;
    margin: 5px;
    width: 100%;
}



#framedrag {
    color: #555;
    border: 2px dashed #555;
    border-radius: 7px;
    cursor: default;
    padding: 5px;
}



    #framedrag.hover {
        background-color: #dfff8e;
        border-color: #3fc600;
        border-style: solid;
    }



    #framedrag.hoverErr {
        background-color: #ff8e8e;
        border-color: #c60000;
        border-style: solid;
    }



.framedrag {
    color: #555;
    border: 2px dashed;
    border-radius: 7px;
    cursor: default;
    padding: 5px;
}



.framedrag-nodrag {
    color: #555;
    border: 2px hidden;
    border-radius: 7px;
    cursor: default;
    padding: 5px;
}



.framedrag-hover {
    color: #555;
    border: 2px solid;
    border-radius: 7px;
    cursor: default;
    padding: 5px;
    background-color: #dfff8e;
    border-color: #3fc600;
}



.framedrag-hoverErr {
    color: #555;
    border: 2px solid;
    border-radius: 7px;
    cursor: default;
    padding: 5px;
    background-color: #ff8e8e;
    border-color: #c60000;
}



span {
    padding-left: 10px;
}



input[type="checkbox"].FieldCheckbox {
    margin-left: 20px;
}



.show-pass {
    position: absolute;
    top: 36px;
    right: 30px;
}



.show-user {
    position: absolute;
    top: 30px;
    right: 30px;
}



.show-expand {
    position: absolute;
    top: 15px;
    right: 10px;
}



.file-preview {
    max-width: 100px;
    max-height: 60px;
    cursor: default;
}



.file-preview-active {
    max-width: 100px;
    max-height: 60px;
    cursor: pointer;
}



.image-preview-active {
    cursor: pointer;
}



.imgButton {
    cursor: pointer;
}



.imgButtonOK {
    cursor: pointer;
}



.folder-group {
    border: 2px solid gray;
    background-color: lightyellow;
    border-radius: 25px;
    margin: 10px;
    padding: 5px;
}



.document-group {
    border: 2px solid gray;
    background-color: lightblue;
    border-radius: 25px;
    margin: 10px;
    padding: 5px;
}



.blockFilePreview {
    padding-top: 15px;
}



.detail-control {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}



.autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
}



.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 5%;
    right: 5%;
}



    .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
    }



        .autocomplete-items div:hover {
            /*when hovering an item:*/
            background-color: rgb(162, 205, 239);
        }



.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}



.Ruolo {
    color: black;
    padding: 0;
    margin: 0;
}



    .Ruolo:not(:last-of-type):after {
        color: black;
        content: "; ";
    }



.RuoloAttivo {
    color: limegreen;
    padding: 0;
    margin: 0;
}



    .RuoloAttivo:not(:last-child):after {
        color: black;
        content: "; ";
    }



.RuoloInattivo {
    color: red;
    padding: 0;
    margin: 0;
}



    .RuoloInattivo:not(:last-child):after {
        color: black;
        content: "; ";
    }



.valid {
    color: limegreen;
}



    .valid:before {
        position: relative;
        left: -15px;
        content: "✔";
    }



/* Add a red text color and an "x" icon when the requirements are wrong */

.invalid {
    color: red;
}



    .invalid:before {
        position: relative;
        left: -15px;
        content: "✖";
    }



.infoIco {
    color: black;
}



    .infoIco:before {
        color: blue;
        position: relative;
        font-size: 18pt;
        left: -15px;
        content: "Ⓘ";
    }



.message {
    display: block;
    visibility: hidden;
    min-height: 40px;
    background-color: lightgoldenrodyellow;
    color: #000;
    padding: 5px 40px 5px 40px;
}

.messageFloat {
    display: none;
    position: absolute;
    bottom: 45px;
    left: 0;
    background-color: lightgoldenrodyellow;
    color: #000;
    padding: 5px 20px 5px 20px;
}

.messageWFloat {
    display: none;
    position: absolute;
    top: 0px;
    left: 0;
    background-color: red;
    color: white;
    padding: 5px;
    width: 100%;
    text-align: center;
}

.messageW {
    background-color: lightgoldenrodyellow;
    color: #000;
    padding: 10px 40px 10px 40px;
}

.pageFooter-print {
    font-size: 8pt;
    display: block;
    margin-top: 7mm;
    margin-left: 0cm;
}

.pageFooter-print-pag {
    font-size: 10pt;
    display: block;
    margin-top: 2mm;
    margin-left: 135mm;
}

.table-scroll-x {
    margin: auto;
    overflow-y: hidden;
    overflow-x: auto;
    display: block;
    max-width: 100%;
}

    .table-scroll-x td {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.table-head-print {
    display: table;
    table-layout: fixed;
    width: auto;
}

.table-body {
    display: block;
    overflow-y: auto;
    overflow-x: visible;
    max-height: 450px;
}

    .table-body tr {
        border-top: hidden;
        display: table;
        table-layout: fixed;
    }

    .table-body td {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .table-body tr:last-child {
        border-bottom: hidden;
    }


.table-body-s {
    display: block;
    overflow-y: auto;
    overflow-x: visible;
    max-height: 450px;
}

    .table-body tr {
        display: table;
        table-layout: fixed;
    }

    .table-body-s tr:nth-child(2) {
        border-top: hidden;
    }

    .table-body-s td {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .table-body-s tr:nth-last-child(2) {
        border-bottom: hidden;
    }

.table-head {
    display: block;

}
    .table-head tr {
        border-bottom: solid 2px #333333 !important;
    }

.table {
    table-layout: fixed;
    width: 100%;
}


.cellComment {
    display: none;
    position: absolute;
    z-index: 100000;
    border: 1px;
    background-color: #fffffe;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    padding: 5px;
    color: black;
    top: 15px;
    left: 15px;
    max-width: 250px;
    white-space: normal;
    word-wrap: break-word;
}



.frame-top-center {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 90%;
    height: 90%;
    transform: translate(-50%, -50%);
    border: 1px solid #ccc;
    background-color: #f3f3f3;
}

.multiselect {
    position: relative;
}

.selectBox {
    position: relative;
}

    .selectBox select {
        width: 100%;
        font-weight: bold;
    }

.overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.checkboxes {
    width: 100%;
    z-index: 1000;
    position: absolute;
    display: none;
    border: 1px #dadada solid;
    background-color: white;
    padding: 10px;
    padding: 10px;
}

    .checkboxes label {
        display: block;
    }

        .checkboxes label:hover {
            background-color: #1e90ff;
        }

.checkboxes-auto {
    width: auto;
    z-index: 100000;
    position: absolute;
    display: none;
    border: 1px #dadada solid;
    background-color: white;
    padding: 10px;
    padding: 10px;
}

    .checkboxes-auto label {
        display: block;
    }

        .checkboxes-auto label:hover {
            background-color: #1e90ff;
        }

.lstControl {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 30px !important;
}

.lstControlPH:after {
    content: attr(data-placeholder);
    color: lightgray;
}

.lblStamp {
    transform: rotate(45deg);
    font-size: 74pt;
    font-weight: 900;
    color: rgba(255, 0, 0, 0.5);
    position: absolute;
    margin-left: 2cm;
    margin-top: 2cm;
}

.lblStamp2 {
    transform: rotate(45deg);
    font-size: 74pt;
    font-weight: 900;
    color: rgba(255, 0, 0, 0.5);
    position: absolute;
    margin-left: 2cm;
    margin-top: 12cm;
}

.btnQR {
    width: 40px;
    cursor: pointer;
}