@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700,900,300italic&subset=latin,latin-ext);

body, html {
    height: 100%;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000000;
    -webkit-text-size-adjust: none;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

.divider-line {
    background-color: var(--mainColor);
    height: 1px;
}

.help-index {
    z-index: 1039;
}

.help-button {
    border-radius: 8px 0 8px 0;
    -moz-border-radius: 8px 0 8px 0;
    -webkit-border-radius: 8px 0 8px 0;
    border: 0 solid #C10B34;
    width: 80px;
    height: 25px;
    background-color: var(--mainColor);
    padding: 4px 0;
    cursor: pointer;
    margin-top: -23px;
}

.help-button:hover {
    -webkit-box-shadow: inset 7px 10px 34px -12px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 7px 10px 34px -12px rgba(0, 0, 0, 0.75);
    box-shadow: inset 7px 10px 34px -12px rgba(0, 0, 0, 0.75);
}

.help-button a {
    text-decoration: none;
}

.help-button a p {
    text-align: center;
    color: white;
    font-weight: 600;
    font-size: 12px;
    margin: 0 0 10px;
    text-decoration: none !important
}

.help-button .glyphicon {
    color: white;
    font-size: 12px;
    padding-left: 5px;
    font-weight: 800;
}

.help-button .ct {
    width: 80px;
    display: block;
}

.help-button .ct ul {
    padding: 5px 0 0 0;
    clear: both;
}

.help-button .ct ul li {
    display: block;
    float: left;
    padding: 0 0 10px 0;
    position: relative;
}

.help-button .item {
    width: 80px;
    height: 80px;
    /*background-color: #C10B34;*/
    border-radius: 8px 0px 8px 0px;
    -moz-border-radius: 8px 0px 8px 0px;
    -webkit-border-radius: 8px 0px 8px 0px;
    border: 0px solid #C10B34;
    -webkit-box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.3);
}

.help-button .item:hover {
    -webkit-box-shadow: inset 7px 10px 34px -12px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 7px 10px 34px -12px rgba(0, 0, 0, 0.75);
    box-shadow: inset 7px 10px 34px -12px rgba(0, 0, 0, 0.75);
}

.help-button .icon-bell {
    background: var(--mainColor) url(clientlib/img/help/help-icon-bell.png) center right no-repeat;
}

.help-button .icon-mail {
    background: var(--mainColor) url(clientlib/img/help/help-icon-mail.png) center right no-repeat;
}

.help-button .icon-chat {
    background: var(--mainColor) url(clientlib/img/help/help-icon-chat.png) center right no-repeat;
}

.help-button .icon-mobile {
    background: var(--mainColor) url(clientlib/img/help/help-icon-mobile.png) center right no-repeat;
}

.box-help {
    background: #C10B34;
    border-radius: 8px 0px 8px 0px;
    -moz-border-radius: 8px 0px 8px 0px;
    -webkit-border-radius: 8px 0px 8px 0px;
    margin-bottom: 10px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
    width: 380px;
    position: absolute;
    z-index: 501;
    left: -411px;
    top: -10px;
    padding: 10px 0 0 0;
}

.box-help input:invalid {
    box-shadow: none;
}

.box-help select:invalid {
    box-shadow: none;
}

.box-help .direction {
    position: absolute;
    right: -19px;
    top: 40px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 19px solid #C10B34;
}

.box-help h2 {
    margin: 0;
    padding: 11px 0 11px 19px;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 300;
}

.box-help .int {
    background: #FFFFFF;
    width: 360px;
    border-radius: 8px 0px 8px 0px;
    -moz-border-radius: 8px 0px 8px 0px;
    -webkit-border-radius: 8px 0px 8px 0px;
    margin-left: 10px;
    margin-bottom: 10px;
    padding: 13px 8px 17px 8px;
    overflow: auto;
}

.box-help .int p {
    color: #000000;
    font-family: Lato, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: italic;
    text-align: left;
    line-height: 16px;

    padding-right: 20px;
    font-stretch: normal;
    font-variant: normal;

}

.box-help .int .line {
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.box-help .int .line.callus {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.box-help fieldset {
    float: left;
    width: 100%;
    clear: both;
    margin: 0 0 10px 0;
}

.box-help label {
    display: block;
    float: left;
    font-size: 13px;
    padding: 7px 0 0 0;
    width: 120px;
    font-weight: normal;
    color: #000000;
    margin-bottom: 0px;
}

.box-help .select {
    overflow: hidden;
    background: transparent url(clientlib/img/help/back-select.png) center right no-repeat;
    width: 220px;
    height: 30px;
    float: left;
}

.box-help .select select {
    color: black;
    text-indent: .01px;
    text-overflow: "";
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: 0;
    width: 237px;
    height: 20px;
    margin: 5px 0 0 0;
    border: 0;
    background: transparent;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 0 0 0 5px;
}

.box-help .link-close {
    position: absolute;
    top: 10px;
    right: 15px;
}

.box-help .link-close a {
    display: block;
    float: left;
    height: 30px;
    width: 30px;
    overflow: hidden;
    text-indent: -1000px;
    width: 27px;
    height: 27px;
    background: transparent url(clientlib/img/help/back-ico-close-white.png) top left no-repeat;
}

.box-help .link-close a:hover {
    background-position: 0 -27px;
}

.box-help h3 {
    clear: both;
    float: left;
    width: 98%;
    margin: 15px 0 0 0;
    padding: 10px 0 0 0;
    border-top: 1px solid #ccc;
    color: #000;
}

.box-help .int .list {
    width: 98%;
    float: left;
}

.box-help .int .list li {
    background-color: #eee;
    display: block;
    text-align: right;
    width: 100%;
    float: left;
    font-size: 13px;
    padding: 10px !important;
    margin: 10px 0 0 0;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.box-help .int .list li span {
    display: block;
    float: left;
    width: 180px;
    text-align: left;
}

/*HELP mail*/

.box-help .int .note {
    font-size: 12px;
    width: auto;
}

.box-help .error {
    color: #bf1238;
}

.box-help .error .input {
    border: 1px solid #bf1238;
}

.box-help .error p {
    width: 98%;
    border-bottom: 1px solid #bf1238;
    padding: 5px;
    font-size: 12px;
    font-style: italic;
    color: #bf1238;
}

.box-help .error label {
    color: #bf1238;
}

.box-help input:focus {
    outline: 0;
}

.box-help textarea:focus {
    outline: 0;
}

.box-help .input {
    float: left;
    width: 220px;
    border: 1px solid #55606a;
    background: transparent url(clientlib/img/help/back-input.png) top left no-repeat;
    height: 28px;
}

.box-help .input input {
    border: 0;
    width: 100%;
    padding: 5px;
    line-height: 18px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: transparent;
}

.box-help .textarea {
    width: 340px;
    border: 1px solid #55606a;
    background: transparent url(clientlib/img/help/back-textarea.png) top left no-repeat;
    clear: both;
}

.box-help .textarea textarea {
    border: 0;
    width: 100%;
    height: 100px;
    padding: 0 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: transparent;
    resize: none;
}

.box-help .check {
    font-size: 13px;
}

.box-help .check input[type="radio"] {
    margin: 3px 3px 0 5px;
}

.box-help input[type="checkbox"] {
    margin: 3px 3px 3px 4px;
}

.box-help .int a {
    color: #424a52;
    font-size: 13px;
    text-decoration: underline;
    font-style: normal;
}

.box-help .rounded-button {
    width: 134px;
    height: 35px;
    text-transform: uppercase;
    text-decoration: none !important;
    color: white !important;
    height: 30px;
    width: 110px;
    margin-right: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.box-help .tabs {
    margin: 0 0 0 20px;
    clear: both;
    float: left;
    border: 1px solid #fff;
    border-bottom: 0;
    border-right: 0;
    padding-top: 0 !important;
}

.box-help .tabs li {
    display: block;
    float: left;
    padding: 0 !important;
}

.box-help .tabs li .active, .box-help .tabs li .active:hover {
    background-color: #fff;
    color: #bf1238;
}

.box-help .tabs li a {
    display: block;
    background-color: #bf1238;
    font-size: 16px;
    text-transform: uppercase;
    font-size: 14px;
    padding: 9px 11px;
    color: #fff;
    font-weight: 300;
    border-right: 1px solid #fff;
    height: 32px;
}

/* BOX */
.panelDocbox {
    border-radius: 15px 0 !important;
    border-color: var(--mainColor) !important;
}

.panelCartBox {
    border-radius: 15px 0 !important;
    border-color: var(--mainColor) !important;
    background-color: var(--mainColor) !important;
}

.panelHeadingCartBox {
    overflow: hidden;
    padding: 10px 15px;
}

.panelCartBox .panelHeadingCartBox h2 {
    color: white !important;
    font-size: 18px;
}

.panelCartBox .tableCart {
    color: white;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 9px;
    padding-left: 0px;
    padding-right: 0px;
}

.updateCartBox {
    float: right;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    right: 3px;
    top: 3px;
}

.panelMemobox {
    background-color: #eeeeee !important;
    /*  border-color: #C10B34 !important; */
    border-radius: 15px 0 !important;
    z-index: -1;

    position: relative;
}

.wrapper-panelMemoBox {
    background: url("clientlib/img/tab.png") no-repeat 90% -1px !important;
    overflow: hidden;
    position: relative;
    padding: 2px;
}

.panelHeadingDocbox {
    padding: 10px 15px 5px;
    background-color: transparent !important;
    border-color: transparent !important;
}

.panelHeadingMemobox {
    padding: 10px 15px 5px;
    min-height: 100px;
    background-color: transparent !important;
    border-color: transparent !important;
}

.icon-list li {
    padding: 0 0 5px 15px;
    display: block;
    position: relative;
}

.icon-list li:before {
    font-family: 'Glyphicons Halflings';
    position: absolute;
    left: 0%;
    top: 5px;
    font-size: 80%;
    color: #C10B34;
}

.stop-right li:before {
    content: '\e074';
    font-size: 8px;
}

.pdf-list {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

.pdf-list-li {
    padding-left: 25px !important;
    padding-top: 3px;
    background-image: url("clientlib/img/icon-pdf.png");
    background-repeat: no-repeat;
    background-position: 0 .5em;
    font-size: 14px !important;
    color: #C10B34 !important;
    font-weight: bold;
    min-height: 35px;
}

.pdf-detail {
    color: black;
    font-size: 10px;
}

.panelHeadingDocbox h2 {
    font-size: 18px;
    color: var(--mainColor) !important;
    text-transform: uppercase;
}

.panelHeadingMemobox h2 {
    font-size: 18px;
    color: #C10B34 !important;
    text-transform: uppercase;
}

.panelHeadingMemobox p {
    font-size: 14px;
    color: black !important;
    font-weight: bold;
}

.panelHeadingDocbox p {
    font-size: 14px;
    color: red !important;
    font-weight: bold;
}

.textBox {
    font-size: 16px;
    color: #C10B34;
    text-decoration: none;
}

.textMemoBox {
    font-size: 16px;
    text-decoration: none;
}

.loadingImage {
    background: url('clientlib/img/loading.png') left center no-repeat;
    background-size: 20px 20px;
    padding: 0 0 0 25px
}

footer {
    margin: 0;
    padding: 5px;
    background-color: #EEEEEE;
    width: 100%;
    color: #858585;
    display: table-row;
}

.nav-list {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 100%;
    font-size: 11px;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}

.nav-list ul {
    margin: 0px;
    padding: 5px 0 5px 0;
}

.nav-list ul li {
    padding-left: 0px;
}

.footer-p {
    font-size: 12px;
    line-height: 15px;
    margin: 0;
    #margin-top: 20px;
    #margin-bottom: 10px;
    padding: 20px 0px;
}

h2 {
    color: var(--mainColor);
}

h3 {
    color: var(--mainColor);
    font-size: 20px;
    margin-top: 0;
}

.title-content h2 {
    margin-top: 10px;
    margin-bottom: 15px;
    font-weight: bold;
}

.main-content-wrapper {
    margin-top: 15px;
}

.dotted-hr {
    border: 3px dotted #CBCBCB;
    border-style: none none dotted;
    color: #fff;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.documentazone-row {
    padding-left: 0px;
}

.rounded-button {
    background-color: var(--mainColor);
    border-radius: 8px 0 8px 0;
    -moz-border-radius: 8px 0 8px 0;
    -webkit-border-radius: 8px 0 8px 0;
    height: 50px;
    color: white;
    font-size: 22px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-decoration: none;
    border: none;
    outline: none !important;
}

.rounded-button:hover {
    -webkit-box-shadow: inset 7px 10px 34px -12px rgba(0, 0, 0, 0.75) !important;
    -moz-box-shadow: inset 7px 10px 34px -12px rgba(0, 0, 0, 0.75) !important;
    box-shadow: inset 7px 10px 34px -12px rgba(0, 0, 0, 0.75) !important;
    color: white !important;
    text-decoration: none;
    border: none;
    outline: none !important;
}

.rounded-button:active {
    -webkit-box-shadow: inset 7px 10px 34px 5px rgba(0, 0, 0, 0.75) !important;
    -moz-box-shadow: inset 7px 10px 34px 5px rgba(0, 0, 0, 0.75) !important;
    box-shadow: inset 7px 10px 34px 5px rgba(0, 0, 0, 0.75) !important;
    color: white !important;
    text-decoration: none;
    border: none;
    outline: none !important;
}

.rounded-button:focus {
    color: white;
}

.rounded-button:target {
    -webkit-box-shadow: inset 7px 10px 34px -12px rgba(0, 0, 0, 0.75) !important;
    -moz-box-shadow: inset 7px 10px 34px -12px rgba(0, 0, 0, 0.75) !important;
    box-shadow: inset 7px 10px 34px -12px rgba(0, 0, 0, 0.75) !important;
    color: white !important;
    text-decoration: none;
    outline: none !important;
}

.footer-col {
    padding: 0;
    margin: 0;
}

.upper-content {

}

.wrap {
    height: auto;
}

.right-bar {
    margin: 0 !important;
    padding: 0 !important;
}

.main-content {
    margin: 0 !important;
    padding: 0 !important;
}

.right-col {
    margin: 0 !important;
    padding: 0 !important;
}

.main-container {
}

.divider-col {
    padding: 0;
    margin-top: -20px;
    padding-bottom: 5px;
}

.col-help-button {
    padding: 0;
    padding-top: 0px;
}

.main-wrapper {
    display: table;
    height: 100%;
    width: 100%;
}

.footer-container {
    border-top: 1px solid var(--mainColor) !important;
}

.bpb-popover {
    border-radius: 8px 0px 8px 0px !important;
    -moz-border-radius: 8px 0px 8px 0px !important;
    -webkit-border-radius: 8px 0px 8px 0px !important;
    width: 100%;
    -webkit-box-shadow: 9px 11px 38px -4px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 9px 11px 38px -4px rgba(0, 0, 0, 0.75);
    box-shadow: 9px 11px 38px -4px rgba(0, 0, 0, 0.75);
    top: 30px !important;

}

.bpb-popover .popover-title {

}

.bpb-popover .popover-content {
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: black;
    padding: 20px;
}

.popover-close {
    color: black;
    padding: 5px;
    cursor: pointer;
}

.popover-close:hover {
    padding: 5px;
    cursor: pointer;
    color: #C10B34;
}

.clickable {
    cursor: pointer;
}

.mobile-popover {
    background-color: var(--mainColor);
    color: white;
    width: 18px;
    height: 18px;
    font-weight: bold;
    padding: 2px;
    margin: 0;
    text-align: center;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    cursor: pointer;
    font-size: 14px;
}

.content-wrapper {
    margin-bottom: 0px;
}

.scrollable {

    padding: 0;
    margin: 0;
}

.subtitle {
    font-style: italic;
    color: black;
    font-size: 14px;
}

.subtitle-list ul li {
    font-style: italic;
    font-weight: 700;
    color: black;
    font-size: 14px;
}

/* Bottoni della pagina di ingresso all'applicazione*/
.panel-choise-client {
    border-style: solid;
    border-width: 2px;
    background-color: transparent !important;
    border-radius: 15px 15px 15px 15px !important;
    border-color: #C10B34 !important;
    margin-bottom: 20px;
}

.panel-choise-client h2 {
    color: #C10B34 !important;
    font-size: 18px;
    text-transform: uppercase;
}

.text-enter-button {
    font-size: 1em;
    font-weight: normal;
    color: #48494B;
}

.titleButtonEnter {
    text-transform: uppercase;
}

.app-container {
    display: table-row;
    height: 100%;
}

/* Pagina di login- cambio password - recupera password - password scaduta*/
.panel-login {
    background-color: transparent !important;
    margin-bottom: 20px;
}

.uppercased {
    text-transform: uppercase;
}

.wait {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
    background: white;
    width: 100%;
    height: 100%;
    z-index: 10000000000;
    top: 0;
    left: 0;
    position: fixed;

}

.noWait {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
    background: white;
    width: 100%;
    height: 100%;
    z-index: 1059;
    top: 0;
    left: 0;
    position: fixed;
}

.noWait .waitImg {
    display: none;
}

.waitImg {
    background: url('clientlib/img/loader.gif') center no-repeat;
    margin-top: 20%;
}

.waitText {
    padding-top: 100px;
    font-size: 9px;
    font-weight: bold;
    text-align: center
}

.msgLinkEmail {
    color: #911531;
    font-size: 1em;
    text-align: left;
    font-weight: normal;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
}

.riepilogo-wrapper .row {
    margin-bottom: 5px;
}

.riepilogo-wrapper .row .col-label {
    color: #484C4F;
}

.edit-span {
    background-color: #C10B34;
    color: white;
    width: 25px;
    height: 25px;
    font-weight: bold;
    padding: 5px;
    margin: 0;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
}

.choose-button {
    width: 100%;
    height: 100%;
    padding-top: 10px;
}

.choose-button:hover {

    -webkit-box-shadow: inset 7px 10px 34px -12px rgba(0, 0, 0, 0.75) !important;
    -moz-box-shadow: inset 7px 10px 34px -12px rgba(0, 0, 0, 0.75) !important;
    box-shadow: inset 7px 10px 34px -12px rgba(0, 0, 0, 0.75) !important;
    background-color: white !important;
    color: #C10B34 !important;
    border: 1px solid #C10B34;

}

.choose-button.activated {
    -webkit-box-shadow: inset 7px 10px 34px -12px rgba(0, 0, 0, 0.75) !important;
    -moz-box-shadow: inset 7px 10px 34px -12px rgba(0, 0, 0, 0.75) !important;
    box-shadow: inset 7px 10px 34px -12px rgba(0, 0, 0, 0.75) !important;
    background-color: white !important;
    color: #C10B34 !important;
    border: 1px solid #C10B34;
}

.choose-button.activated:hover {

}

@media (max-width: 480px) {

    .choose-button-wrapper {
        width: 100% !important;
        clear: both !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .choose-button-wrapper .button {
        width: 100% !important;
    }

    #arrowRoundedPanel {

        left: 50% !important;
    }

    #casa-button-wrapper {
        display: none !important;
    }

    #casa-button-wrapper2 {
        display: block !important;
    }

}

@media (max-width: 768px) {
    #casa-button-wrapper {
        display: block;
    }

    #casa-button-wrapper2 {
        display: none;
    }

    .autocomplete-box ul {
        max-height: 100% !important;
        width: 100% !important;
    }
}

@media (min-width: 768px) {

    #casa-button-wrapper2 {
        display: none;
    }

}

.linkLogin {
    font-size: 14px !important;
    color: #C10B34 !important;
    font-weight: bold;
    text-align: right;
    text-decoration: underline;
}

.buttonConfirmLogin {
    float: left !important;
}

.divButtonRightLogin {
    padding-right: 0px;
}

.divButtonLeftLogin {
    padding-left: 0px;
}

/*Box Stato iscrizione Intestatari*/
.tableIntestatari {
    color: #48494B;
    font-size: 11px;
}

.button-sollecita-box-intestatari {
    background-color: #C10B34;
    border-radius: 8px 0px 8px 0px;
    -moz-border-radius: 8px 0px 8px 0px;
    -webkit-border-radius: 8px 0px 8px 0px;
    border: 0px solid #C10B34;
    height: 25px;
    color: white;
    font-size: 10px;
    margin-top: 1px;
    margin-bottom: 2px;
    text-decoration: none;
    border: none;
    outline: none !important;
}

.aggiornaBoxIntestatari {
    float: right;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
}

.rounded-panel {
    border-radius: 8px 0px 8px 0px;
    -moz-border-radius: 8px 0px 8px 0px;
    -webkit-border-radius: 8px 0px 8px 0px;
    border: 1px solid #C10B34;
    padding: 10px;
    color: black;
    margin-top: 10px;
    margin-bottom: 10px;
}

.bold {
    font-weight: bold !important;
}

.text-normal {
    font-weight: normal;
}

.firma-digitale-panel p {
    font-size: 14px !important;
}

.rounded-panel .popover {
    padding: 0;
    margin: 0;
    border: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

.rounded-panel .popover-content {
    padding: 15px !important;
}

#arrowRoundedPanel {
    top: -21px;
    left: 25%;
    border-bottom-color: rgb(147, 22, 50);
}

.rounded-panel .popover.bottom > .arrow:after {
    border-bottom-color: white !important;
}

/* paragrafo PEP*/
.rounded-window {
    background-color: #C10B34;
    border-radius: 8px 0px 8px 0px;
    -moz-border-radius: 8px 0px 8px 0px;
    -webkit-border-radius: 8px 0px 8px 0px;
    border: 0px solid #C10B34;
    height: 50px;
    color: white;
    font-size: 22px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-decoration: none;
    border: none;
    outline: none !important;
}

.interno-Pep {
    border: 5px solid #C10B34;
    margin-bottom: 10px;
    float: left;
    background-color: #fff;
    color: #000;
}

.titolo-lista-cariche {
    margin-left: 6%;
    margin-bottom: 0%;
}

.item-lista-cariche {
    font-size: 12px;
    color: #000;
    padding-bottom: 2px;
    text-align: justify;
}

.file-upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.file-label {
    padding-top: 4px;
}

.upload-wrapper {
    padding-top: 8px;
}

.related-product-box {
    padding: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.related-p {

}

.related-product-box h3 {
    text-transform: uppercase;
    color: black;
    margin-top: 10px;
    padding-left: 0px;
}

.product-description p {
    font-family: 'Lato', Arial, Helvetica, sans-serif;
}

.small-buton {
    height: 30px;
    font-size: 12px;
}

.centered-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.related-img img {
    max-width: 165px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.related-text p {
    font-size: 12px;
}

.cart-container {
    background-color: #C10B34;
    margin-bottom: 10px;
}

.cart-container h3 {
    color: white;
    padding: 10px;
    border-bottom: 1px solid white;
    font-weight: bold;
    margin-bottom: 0px;
}

.cart-container p {
    color: white;
    padding: 5px;
    padding-left: 15px;
    margin: 0;
}

.tip-popover .popover {
    position: relative;
    display: block;
    margin: 0;
    background-color: transparent !important;
    margin-bottom: 20px !important;
    border: 1px solid #C10B34 !important;
    border-radius: 8px 0px 8px 0px;
    -moz-border-radius: 8px 0px 8px 0px;
    -webkit-border-radius: 8px 0px 8px 0px;

}

.shadow-box {
    border: 1px solid #C10B34;
    -webkit-box-shadow: 5px 4px 14px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 5px 4px 14px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 5px 4px 14px 0px rgba(50, 50, 50, 0.75);
    padding: 10px;
}

.tip-popover .popover.right > .arrow {
    top: 25% !important;
    border-right-color: #C10B34 !important;
    border-left-color: #C10B34 !important;

}

.precontrattuale-box {
    font-size: 14px;
    padding: 15px;
    margin-bottom: 30px;
}

.precontrattuale-box hr {
    background-color: red;
}

.firma-box-content-wrapper {
    border: 1px solid var(--mainColor);
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 0 0 15px 0 !important;
    -moz-border-radius: 15px 0px 15px 0px !important;
    -webkit-border-radius: 15px 0px 15px 0px !important;
}

.firma-box-content p {
    font-size: 13px;

}

.firma-box-title {
    font-style: italic;
    background-color: var(--mainColor);
    color: white;
    border-radius: 15px 0 0 0 !important;
    -moz-border-radius: 15px 0px 0px 0px;
    -webkit-border-radius: 15px 0px 0px 0px;
}

.firma-box-title p {
    padding: 5px;
    margin-bottom: 0px;
    padding-left: 15px;
}

.firma-box-subtitle p {
    font-style: italic;
    text-decoration: underline;
    font-size: 16px;
    padding-top: 5px;
    font-weight: bold;
}

.green-bg {
    background-color: green;
}

.doc-icon {
    font-size: 30px;
    text-align: center;
    margin-top: 4px;
}

.doc-name {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 35px;
}

.doc-check {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 12px;
}

.small-label {
    font-size: 12px;
    padding: 0;
    margin: 0;
    font-weight: normal;;
}

.doc-input {
    margin-top: -5px;
}

.firm-box-item {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
    padding-bottom: 0px;
}

.signed {
    background-color: #EEEEEE;
}

.gradient-accordion {

    background: #C10B34; /* Old browsers */
    background: -moz-linear-gradient(top, #C10B34 0%, #752936 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C10B34), color-stop(100%, #752936)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #C10B34 0%, #752936 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #C10B34 0%, #752936 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #C10B34 0%, #752936 100%); /* IE10+ */
    background: linear-gradient(to bottom, #C10B34 0%, #752936 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C10B34', endColorstr='#752936', GradientType=0); /* IE6-9 */
    border-radius: 8px 0px 8px 0px;
    -moz-border-radius: 8px 0px 8px 0px;
    -webkit-border-radius: 8px 0px 8px 0px;
    margin-bottom: 10px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);

}

.center {
    margin-top: 15%;
}

.gradient-accordion h1 {
    color: white;
    font-size: 24px;
    padding-left: 15px;
    padding-right: 15px;
}

.gradient-accordion-content {
    background-color: white;
    border-radius: 8px 0px 8px 0px;
    -moz-border-radius: 8px 0px 8px 0px;
    -webkit-border-radius: 8px 0px 8px 0px;
    margin-bottom: 10px;

}

.gradient-accordion-content p {
    padding-top: 10px;
}

.collapsable-anchor {
    color: white;
    text-decoration: none;
    outline: 0;
}

.collapsable-anchor:link {
    color: white;
    text-decoration: none;
    outline: 0;
}

.collapsable-anchor:hover {
    color: white;
    text-decoration: none;
    outline: 0;
}

.collapsable-anchor:active {
    color: white;
    text-decoration: none;
    outline: 0;
}

.collapsable-anchor:visited {
    color: white;
    text-decoration: none;
    outline: 0;
}

.scelta-finalizzazione-button {
    height: 100%;
    padding: 5px;
    cursor: pointer;
}

.scelta-finalizzazione-button p {
    text-align: center;
    margin: 0;
    padding: 0;
    line-height: normal;
}

.scelta-active {
    background-color: white;
    border: 1px solid #C10B34 !important;
}

.scelta-active p {
    color: #C10B34 ! important;
}

.bonifico-finalizzazione-popup .popover.bottom > .arrow {
    left: 75% !important;
}

@media (max-width: 770px) {
    .bonifico-finalizzazione-popup .popover.bottom > .arrow {
        left: 50% !important;
    }
}

video {
    left: 0px !important;
}

.video-holder {
    float: left;
    background: none;
    border: 1px solid #D52F40;
}

.video-holder h1 {
    color: #D52F40;
}

.tt-menu {
    position: relative !important;
    top: 100% !important;
    left: 0px !important;
    z-index: 100 !important;
}

.dropdown-menu {
    cursor: pointer;
}

.obbligatorioLogin {
    font-size: 10px !important;
    color: #C10B34 !important;
    font-weight: bold;
    text-align: left;
    padding-left: 0px;
    display: block;
}

.pw-dimenticata-button {
    border-radius: 8px 0px 8px 0px;
    -moz-border-radius: 8px 0px 8px 0px;
    -webkit-border-radius: 8px 0px 8px 0px;
    border: 0px solid #C10B34;
    width: 90px;
    height: 25px;
    background-color: #C10B34;
    margin-top: 7px;
    color: white;
    cursor: pointer;
    float: right;

}

.pw-dimenticata-button:hover {
    -webkit-box-shadow: inset 7px 10px 34px -12px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 7px 10px 34px -12px rgba(0, 0, 0, 0.75);
    box-shadow: inset 7px 10px 34px -12px rgba(0, 0, 0, 0.75);
}

.pw-dimenticata-button p {
    text-align: center;
    color: white;
    font-weight: 600;
    font-size: 12px;
}

.text-dimenticata {
    text-align: left;
    font-size: 12px;
}

.modal-close:hover {
    color: black !important;
}

.cancel-icon {
    font-weight: bold;
}

.cancel-icon:hover {
    color: #D52F40;
    cursor: pointer;

}

.upload-done-icon {
    color: green;
    padding-right: 10px;
}

/* tooltip */
.tooltip-inner {
    width: 100%;
    background-color: white;
    color: black;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.tooltip.in {
    opacity: 1;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #fff;
}

.tooltip.bottom .tooltip-arrow {
    border-top-color: #fff;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #fff;
}

.tooltip.top-left .tooltip-arrow {
    border-top-color: #fff;
}

.tooltip.top-right .tooltip-arrow {
    border-top-color: #fff;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #fff;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #fff;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #fff;
}

.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #fff;
}

.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #fff;
}

.barraStatoPratica {
    border-radius: 8px 0px 8px 0px;
    -moz-border-radius: 8px 0px 8px 0px;
    -webkit-border-radius: 8px 0px 8px 0px;
    bottom: 10px;
    overflow: hidden;
    position: fixed;
    z-index: 99999;
    color: #ffffff;
    margin: 3px 10px 3px 10px;
    height: 30px;
    display: block;
    width: 65%;
    font-size: 12px;
}

.success {
    background: #66CC00
}

no-decoration-a:link no-decoration-a:visited no-decoration-a:hover no-decoration-a:active {
    text-decoration: none !important;
    color: inherit;
}

.input-daterange .input-group-addon {
    background-color: #C10B34;
    border: solid #C10B34;
    color: #fff;
    font-family: inherit;
    font-size: 12px;
    font-weight: normal;
}

.mb20 {
    margin-bottom: 20px;
}

.mt10 {
    margin-top: 10px;
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

#err .popover-content {
    padding: 15px 15px;
    min-height: 130px;
    text-align: center;
    font-weight: 600;
}

#err_bg {
    background-color: #00000052;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99998;
}

#err {
    z-index: 99999!important;
    position: fixed;
    left: 20%;
    /* margin-right: auto; */
    width: 60%;
    top: 40%;
}
.popover.top > .arrow {
    display:none!important;
}
.barraStatoPratica{
	z-index: 99997!important;
}
.otpboxsms{
	background: #e8e8e8; 
    padding: 5px; 
    margin-bottom: 10px;
    border-radius: 8px 0 8px 0;
    -moz-border-radius: 8px 0 8px 0;
    -webkit-border-radius: 8px 0 8px 0;
}
.otpboxtkn{
	background: #e8e8e8; 
    padding: 5px; 
    margin-bottom: 10px;
    border-radius: 8px 0 8px 0;
    -moz-border-radius: 8px 0 8px 0;
    -webkit-border-radius: 8px 0 8px 0;
}

.form-control {
    border-radius:0px !important;
    border: 1px solid #575F6A;
    -webkit-box-shadow: inset 10px 10px 27px -2px rgba(232,232,232,1) !important;
    -moz-box-shadow: inset 10px 10px 27px -2px rgba(232,232,232,1) !important;
    box-shadow: inset 10px 10px 27px -2px rgba(232,232,232,1) !important;
    color: black;
    font-weight: normal;
    font-family: 'Lato', Arial, Helvetica, sans-serif !important;
    font-size:0.85em !important;
}

.form-control:focus {
    -webkit-box-shadow: inset 10px 10px 27px -2px rgba(232,232,232,1) !important;
    -moz-box-shadow: inset 10px 10px 27px -2px rgba(232,232,232,1) !important;
    box-shadow: inset 10px 10px 27px -2px rgba(232,232,232,1) !important;
}

.registra-prospect-form {
    margin-top:10px;
}

.form-horizontal .form-group-sm .control-label {
    font-size:1em;
    color: #48494B;
    text-align:left;
    font-weight:normal;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
}

.fomr-error-block {
    margin:0;
    padding:0;
}

.form-error-block p {
    color:#FC0000;
    font-style: italic;
    border-bottom:1px solid red;
    font-size:0.8em;
    font-weight:bold;
    margin-top:5px;
    margin-bottom:0px;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
}

.has-error .control-label {
    color:#FC0000 !important;
    font-weight:bold !important;
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { 
    font-size:1em;
    font-weight:normal;
    color: black;
}

.checkbox-row .control-label {
	font-size:1em;
    font-weight:normal;
    color: #48494B;
    text-align:left !important;
}

.checkbox-row {
    margin-top:20px;
    margin-bottom:20px;
}

.bpb-date {
    cursor:pointer !important;
    border-radius:0px !important;
    border: 1px solid #575F6A;
    -webkit-box-shadow: inset 10px 10px 27px -2px rgba(232,232,232,1) !important;
    -moz-box-shadow: inset 10px 10px 27px -2px rgba(232,232,232,1) !important;
    box-shadow: inset 10px 10px 27px -2px rgba(232,232,232,1) !important;
    color: black;
    font-weight: normal;
    font-family: 'Lato', Arial, Helvetica, sans-serif !important;
    font-size:0.85em !important;
    background-color:white !important;    
}

.datepicker.dropdown-menu {
    font-family: 'Lato', Arial, Helvetica, sans-serif !important;
}

.autocomplete-box ul {
	left: 0;
    width:100%;
    list-style-type:none;
    padding:0;
    font-family: 'Lato', Arial, Helvetica, sans-serif !important;
    color:white;
    overflow-y: auto;
    overflow-x: hidden;
    max-height:300px;
    position:relative;
}

.autocomplete-box ul li {
	background-color:#911531;
	padding:5px;
    border-bottom: 1px solid #B45C70;
    font-size:12px;
    cursor:pointer;
    max-width:inherit;
    
}

.autocomplete-box ul li:hover {
    background-color:#5C202A;   
}

.autocomplete-selected {
    background-color:#5C202A !important;
}

.hidden {
    display:none;
}

.mandatory-icon {
    color:#911531 !important;
}

.search-icon {
    color:#911531 !important;
}

.calendar-icon {
    color:#911531 !important;
}

.targetable {
    cursor:pointer;
}

@media only screen and (max-width : 480px) {
    .small-input {
        font-size:12px !important;
        padding-left:0 !important;
    }	
 } 
 
.small-button {
   height:auto;
   font-size:12px;
   margin-top:-5px;
   margin-bottom:15px;
}


.datepicker.dropdown-menu {
    min-height:250px !important;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #C7C8C9;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;  
    opacity: 1;
    color:grey !important;
    background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 */

}


/*stili per il box di errore*/
.alertBpb{

    background-color:#931733;
    border-radius: 8px 0px 8px 0px;
    -moz-border-radius: 8px 0px 8px 0px;
    -webkit-border-radius: 8px 0px 8px 0px;
    border: 0px solid #931632;  
    color:white;  

}

.alertBpb a{

    float:right;
    cursor: pointer;
    width: 27px;
    height: 27px;
    background: transparent url(../bpb/library/clientlibs/img/back-ico-close.png) top left no-repeat;

}

.popover-form .popover {
  position: relative;
  display: block;
  margin:0;
  margin-bottom:5px;
  max-width:100%;
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -webkit-box-shadow: 0 !important;
  -moz-box-shadow: 0 !important;
  box-shadow: 0 !important;
  background-color:#EFEFEF;
}


.popover-form .popover.bottom > .arrow {
    left:85%;
}


.popover-form .popover.bottom .arrow:after {
    border-bottom-color: #EFEFEF;
}


.popover-error .popover {
  position: relative;
  display: block;
  margin: 20px;
  max-width:100%;
}

.popover-error .popover-title {
    color:white;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-weight:bold;
}

.popover-level-INFO {
    background-color:green;
}

.popover-level-WARN {
    background-color:#FF8A1F;
}

.popover-level-ERROR {
    background-color:#C10B34;
}

.popover-level-FATAL {
    background-color:#C10B34;
}

.popover-error .popover-title span {
    cursor:pointer;
}

.popover-error .popover-conent p {
    cursor:pointer;
    font-family: 'Lato', Arial, Helvetica, sans-serif;    
}
.navigation {
    margin-left:17px;
    margin-bottom:20px;
}

.nav {    
    border-radius: 8px 0px 8px 0px;
    -moz-border-radius: 8px 0px 8px 0px;
    -webkit-border-radius: 8px 0px 8px 0px;
    height:50px;    
    font-size:22px; 
    margin-top:5px;
    margin-bottom:5px;
    text-decoration: none;
    text-align:center;
    font-size:28px;
    padding-left:10px;
    padding-top:2px;
    font-weight:bold;
}

.others {
    margin-left:-5px;
    padding-left:10px;
}

.nav-active {
    background-color:white;
    border: 1px solid #C10B34 !important;
    color:#C10B34;
    width: auto;
}



.nav-active .others {
    border-radius: 0px 0px 8px 0px;
    -moz-border-radius: 0px 0px 8px 0px;
    -webkit-border-radius: 0px 0px 8px 0px;
    width:auto;
}

.nav-prev {
    background-color:#C10B34;
    border-right: 1px solid white; 
    color:white;   
    width:auto;
}

.nav-next {
    background-color:#EEEEEE;
    border: 1px solid #CBCBCB !important;
    color:#CBCBCB;
    width:auto;
}

/*****************************************
*                                        *
*         Generic Media queries          *
*                                        *
******************************************/

@media (hover: none) {
  /*
  Device = Devices of which the primary input device cannot hover:
         = touchscreens!
  */
}

@media (hover: hover) {
  /*
  Device = Devices of which the primary input device can hover:
              * Mouse
              * Trackpad
         = Desktops and laptops
  */
}

@media (max-width: 50rem) {
  /*
  Device = Devices of which the viewport is less than 50rem:
            If the size of 1rem was not modified
            (by setting a font-size in html tag),
            then 50rem will be 800px (= 50 * 16px)
  */
}
  

@media (orientation: portrait) {
  /*
  Device = Everything in portrait mode:
            * phones
            * tablets
            * computers with browser in portrait mode
  */
}


@media (orientation: portrait) and (min-resolution: 200dpi) {
  /*
  Device = Everything in portrait mode with a high resolution;
           mostly high-end phones and tablets
  */
}


@media (orientation: portrait) and (max-device-width: 420px) {
  /*
  Device = Phones in portrait mode
  
  NOTE:
  1) 'max-device-width' is not the same as 'max-width':
      * 'max-width' =  width of the browser / viewport
      * 'max-device-width' = width of the device's actual screen
    So while using 'max-device-width', resizing the browser window on your desktop
    will NOT result in style changes. Using 'max-width', resizing the desktop viewport
    WILL result in style changes.
  2) Device pixels aren't the same as CSS pixels:
    The actual CSS pixels are determined by the 'Device Pixel Ratio';
    CSS pixels = Logical resolution
               = Physical resolution / Device Pixel Ratio
    e.g. Samsung Galaxy S4
        Physical Resolution:  1080 x 1920
        Device Pixel Ratio: 3
        Logical Resolution: 1080/3 x 1920/3 = 360 x 640
         (Meaning the CSS width is 360px, which is smaller than the 480px we specified
         in our 'max-device-width' media query, so this media query will apply to the Galaxy S4)
  */
}

@media (orientation: landscape) and (max-device-width: 820px) {
  /*
  Device = Phones in landscape mode
  */
}

@media (orientation: portrait) and (max-device-width: 420px),
       (orientation: landscape) and (max-device-width: 820px) {
  /*
  Device = Phones in either of portrait or landscape mode
  */
}

/*
The aspect-ratio feature represents the width-to-height ratio of the viewport;
you can also use the prefixed min-aspect-ratio and max-aspect-ratio variants
to query minimum and maximum values, respectively.
*/
@media (max-aspect-ratio: 3/2) {
  /*
    Any viewport with a width smaller than 3/2 of the height.
    E.g. all portrait aspect ratios; mobile, tablet as well as resized desktop browsers.
  */
}

@media (min-aspect-ratio: 3/2) {
  /*
    Any viewport with a width larger than 3/2 of the height.
    E.g. most fullscreen desktop browsers, as well as landscape mobile and tablet.
  */
}

/************************************************
*                                               *
*        Device-specific Media queries          *
*                                               *
*************************************************/

@media (min-width: 1281px) { 
  /* 
  Device = Desktops
  Screen = 1281px to higher resolution desktops
  */
}


@media (min-width: 1025px) and (max-width: 1280px) {
  /* 
  Device = Laptops, Desktops
  Screen = 1025px to 1280px
  */ 
}


@media (min-width: 768px) and (max-width: 1024px) {
  /* 
    Device = Tablets, Ipads (portrait)
    Screen = 768px to 1024px
  */
}


@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  /* 
    Device = Tablets, Ipads (landscape)
    Screen = 768px to 1024px
  */
}


@media (min-width: 481px) and (max-width: 767px) {
  /* 
    Device = Low Resolution Tablets, Mobiles (Landscape)
    Screen = 481px to 767px
  */
    .box-help {
        width: 100vw;
        position: fixed;
        left: 0px;
        top: 0px;
        padding: 0px 0px 0px 0px!important;
        height: 100vh;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    
    
    .box-help .int {
        background: #FFFFFF;
        width: 100%;
        border-radius: 8px 0px 8px 0px;
        -moz-border-radius: 8px 0px 8px 0px;
        -webkit-border-radius: 8px 0px 8px 0px;
        margin-left: 0px;
        margin-bottom: 10px;
        padding: 13px 8px 17px 8px;
        overflow: auto;
    }
}


@media (min-width: 320px) and (max-width: 480px) {
  /* 
    Device = Most of the Smartphones Mobiles (Portrait)
    Screen = 320px to 479px
  */
	.box-help {
        width: 100vw;
        position: fixed;
        left: 0px;
        top: 0px;
        padding: 0px 0px 0px 0px!important;
        height: 100vh;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    
    
    .box-help .int {
        background: #FFFFFF;
        width: 100%;
        border-radius: 8px 0px 8px 0px;
        -moz-border-radius: 8px 0px 8px 0px;
        -webkit-border-radius: 8px 0px 8px 0px;
        margin-left: 0px;
        margin-bottom: 10px;
        padding: 13px 8px 17px 8px;
        overflow: auto;
    }
}