body {
}

a, a:hover,
button, button:hover {/*FRA change*/
    text-decoration: none;
}

.otp-data {
    padding: 25px;
}

#wrapper {
    padding-left: 0px;
    padding-right: 0px;
}

#wrapper-tp.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.data-item-title {
    font-size: 13px;
    text-transform: uppercase;
    padding: 30px 0 15px 0;
}

.noborder .data-item-title {
    padding-top: 0px;
}

/* MODALE CODICE FISCALE CAMPO AUTOCOMPLETE*/

li.ui-menu-item div {
    padding: 21px 14px;
    color: black;
    display: block;
    font-size: 18px;
    text-transform: capitalize;
    cursor: pointer;
}

li.ui-menu-item {
    height: 67px;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

li.ui-menu-item:hover,
li.ui-menu-item:focus,
li.ui-menu-item:active,
li.ui-menu-item:visited {
    background: #f4f4f4;
    border: 0;
    color:black;
    list-style: none !important;
    padding: 5px;
}

li.ui-menu-item div {
    background: transparent !important;
    border: 0 !important;
    color:black !important;
    padding: 20px 10px !important;
}

.ui-widget.ui-widget-content {
    list-style: none;
    background: #ffffff;
    border: 1px solid #cecece;
    border-top: 2px solid #cecece;
    border-radius: 0;
    /* box-shadow: 4px 4px 45px -6px #000; */
    box-shadow: none;
    border-top: none;
    z-index: 9999999999999999999999999;
    color: black;
    padding: 0;
    height: auto !important;
    max-height: 340px !important;
    display: none;
    overflow-y: auto;
    max-width: 340px;
    position: relative;
}

/* SPACE */

.space {
    padding: 25px 0;
}

.small-space {
    padding: 15px 0;
}

.big-space {
    padding: 35px 0 45px 0;
}

.field-space {
    margin-top: 25px;
    margin-bottom: 20px;
}

.pink {
    color: #ff0f64;
}

.space-margin-top {
    margin-top: 20px;
}

.top-space{
    padding-top: 35px;
}

.space-margin-top-sm {
    margin-top: 0px;
}
.space-margin-top-xs {
    margin-top: 0px;
}

.noborder {
    border-top: none !important;
}

/* BOLLETTA CHIARA*/
.bc {
    margin-bottom: 15px;
    border: 1px solid #ccc;
    margin-left: -10px;
}

.padRight{

    padding-left: 9px;
}

.marginBot{
    margin-bottom: 15px;
}

.nascosto {
    display: none;
}

/*CUSTOM JUMBOTRON*/
.graybox {
    background-color: #f7f7f7;
    margin-bottom: 30px;
    margin-top: 30px;
    padding: 30px 20px;
}

/**/

.input-info {
    margin: 5px 10px 0 20px;
    font-weight: bold;
}

.icon-image {
    padding-bottom: 25px;
}

/* Tax code modal - to view autocomplete dropdown */
.ui-autocomplete {
    z-index:9999 !important;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 200px;
}

.cursorPointer {
    cursor: pointer;
    color: #000000;
}

.cursorPointerRed {
    cursor: pointer;
    color: #d9534f;
}

.underlined {
    text-decoration: underline;
}

.underlined:hover {
    color: black;
}

#form-container input[type="text"],
#form-container input[type="email"],
#form-container select {
    border-radius: 0;
    height: 60px;
}

.form-group {
    margin-bottom: 40px;
    max-height: 90px;
}

.form-group .form-control {/*FRA change*/
    font-size: 18px;
    line-height: 22px;
    box-shadow: none;
}

.form-control[disabled]:focus, .form-control[readonly]:focus {
     border: 2px solid rgba(0, 0, 0, 0.15) !important;
    -webkit-appearance: none;
    border-radius: 0;
    box-shadow: none;
}

#form-container h1 {
}

#form-container input::placeholder {
    font-size: 19px;
    letter-spacing: 0px;
    color: #cdcdcd;
}

#form-container input[type='text'], input[type='number'], input[type='tel'], input[type='email'], textarea {
    font-size: 19px;
    letter-spacing: 0px;
    line-height: 1;
    padding: 15px;
}

#form-container input[type='text']:focus, input[type='number']:focus, input[type='tel']:focus, input[type='email']:focus, textarea:focus {
    border: 2px solid #000000;
    -webkit-appearance: none;
    border-radius: 0;
    box-shadow: none;
}

#form-container select:focus{
    border: 2px solid #000000;
    border-radius: 0;
    box-shadow: none;
}

#form-container input,
#form-container select {
     border: 2px solid rgba(0, 0, 0, 0.15);
}

/*VETRINA*/
.vetrina {
    margin-bottom:60px;
}

/* Radio buttons */
.radio-container span.title-radio {
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
}

.gray-info {
    margin-left: 50px;
    font-size: 18px;
    text-align: left;
    float: none;
    color: #999;
}

.radio-container {
    margin-top: 10px;
    padding-left: 0px;
    margin-bottom: 10px;
}

form .radio-container label.control-label.custom-radio {
    position: relative;
    padding-left: 0px;
}

form .radio-container input[type=radio] {
    position: absolute;
    display: none;
}

.radio-container label.custom-radio::before {
    content: '';
    display: inline-block;
    position: absolute;
    border: 2px solid #dddddd;
    background: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 20px;
    height: 20px;
    cursor: pointer;
    top: 5px;
}

.radio-container label.custom-radio.pink-radio::before {
    width: 28px;
    height: 28px;
    top: 0px;
}
.radio-container label.custom-radio.pink-radio::after {
    top: 6.5px;
    left: 6px;
    background-color: #ff0f64;
    width: 15px;
    height: 15px;
}
.radio-container label.custom-radio.pink-radio {
    line-height: 25px;
}

.modify-appointment .radio-container span {
    font-weight: 700;
}
.modify-appointment .radio-container.first {
    border-top: 1px solid #d6d6d6;
}
.modify-appointment .radio-container {
    padding: 15px 15px;
    border-bottom: 1px solid #d6d6d6;
    margin-top: 0px;
}

.modify-appointment .radio-container label.custom-radio::before {
    top: 10px;
}

.modify-appointment .radio-container label.custom-radio::after {
    top:17px;
}

.modify-appointment .radio-container input {
    display: none;
}

.modify-appointment .radio-container label.custom-radio {
    position: relative;
}

.modify-appointment .radio-container span.text-black {
    text-transform: uppercase;
    font-size: 13px;
    display: block;
}

.modify-appointment .radio-container span {
    font-weight: 700;
}

.appointment {
    padding-left: 0;
    padding-right: 0;
}

input:checked + label.custom-radio::after {
    content: '';
    position: absolute;
    background: black;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    width: 6px;
    height: 6px;
    cursor: pointer;
    top: 12px;
    left: 7px;
}

.radio-container label.custom-radio span {
    margin-left: 50px;
    display: -ms-box;
    display: -webkit-box;
    display: -moz-box;
    display: box;
}

.consents-radio > div > div {
    padding-left: 0px;
}

/* End - Radio buttons */

label.custom-label {
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
}

/* Validation */
.has-error .help-block {
    color: #ff0f64
}

label.custom-label.has-error,
.has-error .control-label,
.has-error.checkbox label {
    color: #000;
}

.has-error span.help-block {
    font-size: 15px;
    line-height: 19px;
    /* padding-bottom: 10px; */
    float: right;
    margin-top: 10px;
    bottom: -27px;
}

.has-error .form-control,
.has-error .form-control:focus {
    border-color: #ff0f64 !important;
}

/* End Validation */

label {
    font-size: 15px;
    line-height: 17px;
    font-weight: normal;
}

.form-group label,
.normal-text {
    font-size: 15px;
   /* line-height: 19px; */
    margin-bottom: 15px;
    letter-spacing: 0px;
    line-height: 1;
    color: #000000;
    font-weight: 500;
    font-style: normal;

}
.form-group.checkbox label {
    font-size: 18px;
    line-height: 30px;
}

.radio-container label span {
    font-size: 18px;
    line-height: 30px;
}

p {
    font-size: 18px;
    line-height: 30px;
    /*padding-top: 10px;*/
    margin-top: 20px;
}

p.number-text {
    float: left;
    font-size: 40px;
    line-height: 15px;
}

.form-group .input-info {
    font-size: 15px;
    line-height: 25px;
}

.number-pagination {
    font-size: 15px;
    line-height: 19px;
}

textarea.form-control {
    font-size: 13px;
    line-height: 18px;
    max-height: 100px;
    height: auto;
    overflow-y: auto;
    border-radius: 0px;
}

 .checkbox-container {
    margin-top:20px;
}
/*** Buttons ***/


.button-container {
       padding: 35px 0 15px 0;
}

.button-container-tp {
       padding: 35px 0 15px 0;
}

.light-btn {
    color: #ff0f64;
    font-weight: 700;
    font-size: 13px;
    background: transparent;
    border: none;
    letter-spacing: 0.6px;
}

.light-black-btn {
    color: black;
    font-weight: 700;
    font-size: 13px;
    background: transparent;
    border: none;
    letter-spacing: 0.6px;
}

.full-btn  {
    background-color: #ff0f64;
    min-height: 50px;
    border-radius: 0;
    width: 214px;
    display: inline-block;
    font-weight: 700;
    color: white;
    border: 2px solid #ff0f64;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    transition: .1s ease;
    padding: 10px;
    letter-spacing: 0.6px;
}

.request-check {
    width: 264px;
}

.full-white-btn {
    background-color: transparent;
    min-height: 50px;
    border-radius: 0;
    width: 214px;
    font-weight: 700;
    color: white;
    border: 2px solid #ffffff;
    font-size: 13px;
    text-transform: uppercase;
    transition: .1s ease;
    padding: 10px;
    letter-spacing: 0.6px;
    margin: 0 auto;
    display: block;
}

.full-black-btn {
    background-color: transparent;
    min-height: 50px;
    border-radius: 0;
    width: 214px;
    font-weight: 700;
    color: #000000;
    border: 2px solid #000000;
    font-size: 13px;
    text-transform: uppercase;
    transition: .1s ease;
    padding: 10px;
    letter-spacing: 0.6px;
    margin: 0 auto;
    display: block;
}

.tp-close {
    display: block;
    margin: 0 auto;
}

.full-btn-reverse {
    background-color: transparent;
    min-height: 50px;
    border-radius: 0;
    width: 214px;
    display: inline-block;
    font-weight: 700;
    color: #ff0f64;
    border: 2px solid #ff0f64;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    transition: .1s ease;
    padding: 10px;
    letter-spacing: 0.6px;
}

.authentication-btn {
    /*width: 264px;*/
    width: 214px;
}

 @media screen and (min-width: 1025px) {
    .full-btn:hover {
        background-color: transparent;
        color: #ff0f64;
    }
}

.light-btn:hover {
    background-color: transparent;
    /*text-decoration: underline;*/
}

.full-white-btn:hover {
    background-color: rgba(255,255,255,0.2);
}

.full-black-btn:hover {
    background-color: #000000;
    color: #ffffff;
}

.light-black-btn:hover {
    text-decoration: none;
    color: black;
}

.full-btn:active,
.full-btn-reverse:active,
.confirmButton:active,
.full-white-btn:active,
.full-black-btn:active {
    background-color: rgba(255, 15, 100, 0.2);
    outline: none;
}
 @media screen and (min-width: 1025px) {
    .full-btn-reverse:hover {
        background-color: #ff0f64;
        color: white;
    }
}
.full-black-btn:active {
    background-color: #000000;
    color: #ffffff;
}

.light-btn:focus,
.full-btn:focus,
.full-btn-reverse:focus, .confirmButton:focus,
.full-white-btn:focus,
.full-black-btn:focus {
    outline: none;
}
.confirmButton{
    margin-bottom: 30px;
    background-color: #FFFFFF;
    min-height: 50px;
    width: 214px;
    border-radius: 0;
    border: solid 2px #FF186A;
    color: #FF186A;
    transition: all ease 0.3s;
    white-space: normal;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

.confirmButton:hover {
    background-color: #FF186A;
    color: #ffffff;
}

#calcolaBtn {
    margin: 10px auto;
    float: none;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    outline: none;
}

.modify-recap button {
    padding: 0;
}

.privacyCta {
    font-weight: bold;
}

a#infoPOD:hover, a#calculateTaxCode:hover,
a.privacyCta:hover {
    color: black;
}

button[disabled],button[disabled]:hover {
    color: #ccc;
    background: transparent;
    border-color: #ccc;
}

/*** End - Buttons ***/

.plan-main-head {
    font-size: 30px;
    margin-bottom: 35px;
}

hr {
    color : #cccccc;
}
hr:not(.hr-recap) {
    margin: 55px 0 25px;
    border-top: 1px solid #d9d9d9;
}
hr.head {
    margin: 35px 0 25px;
}

hr.no-btn {
    margin: 0;
}

.or-text {
    margin: 0 25px;
    font-size: 15px;
    line-height: 25px;
}

.small-gray-text {
    text-align: left;
    float: none;
    margin-top: 20px;
    color: #999;
    font-size: 12px;
    line-height: 22px;
}

.medium-gray-text {
    font-size: 15px;
    text-align: left;
    float: none;
    margin-top: 20px;
    color: #999;
}

.powerInfoMargin{
    margin-top: 20px;
    font-weight: bold;
}

#billingAddress {
    margin-top: 15px;
}

.same-line{
    display: inline-block;
}

.info-block{
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 19px;
    width: 100%;
    text-align: right;
}

.has-error .info-block {
    margin-top: -5px;
    margin-bottom: 5px;
}

.info-block-left{
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 15px;/*FRA change*/
    line-height: 19px;/*FRA change*/
    width: 100%;
    text-align: left;
}

.form-group .text-right {
    font-size: 15px;
    line-height: 19px;
}

p.number-pagination {
    margin: 30px 0 35px 0;
    text-align: right;
}


.recap-panel .row:first-child {
    border-top: 1px solid #d9d9d9;
}

#recapContainer hr{
    border-color : #d9d9d9;
}

.service-checkbox .checkbox-left{
    width:64%;float:left;
}

/* TITLE */

.big-title {
    font-size: 42px;
    line-height: 72px;
    padding-top: 40px;
}

.welcome .detail-title {
    margin-top: 50px;
    margin-bottom: 40px;
}

.detail-title {
    font-size: 19px;
    /*margin-top: 20px;*/
    line-height: 24px;
}

.big-black-title {
    font-size: 30px;
    margin-bottom: 30px;
    letter-spacing: -0.8px;
}

.black-title {
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.big-bold-title {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.big-light-title {
    font-size: 30px;
    margin-bottom: 10px;
}

.normal-light-title {
    font-size: 22px;
    line-height: 30px;
}

.light-title {
    font-size: 18px;
    line-height: 20px;
}

.bold-title {
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.standard-title {
    font-size: 15px;
    line-height: 19px;
    padding-bottom: 10px;
    font-weight: 500;
}

.CElight-title {
    font-size: 18px;
}

.big-CElight-title {
    font-size: 22px;
}

.tp-detail-title {
    padding-top: 20px;
    font-size: 12px;
    line-height: 20px;
    /*margin-top: 20px;
    margin-bottom: -12px;*/

}

.tp-big-title {

    padding-top: 100px;
    line-height: 72px;
    font-size: 60px;
    margin-bottom: -25px;
}

.tp-full-white-btn {
    background-color: transparent;
    min-height: 50px;
    border-radius: 0;
    width: 214px;
    font-weight: 700;
    color: #000000;
    border: 2px solid lightgrey;
    font-size: 13px;
    text-transform: uppercase;
    transition: .1s ease;
    padding: 10px;
    letter-spacing: 0.6px;
    margin: 0 auto;
    display: block;
}

#billInfo span {
    font-size: 18px;
    line-height: 20px;
}

.undertitle .detail-title {
    margin-top: 0;
}

.info-container,
.info-container-pink {
    display: table;
    margin-bottom: 15px;
}
.info-container .icon-info,
.info-container-pink .icon-info{
    margin: 0 10px 0px 0px;
    display: table-cell;
}
.info-container .small-gray-text {
    display: table-cell;
    vertical-align: middle;
}
.info-container .medium-gray-text {
    display: table-cell;
    vertical-align: middle;
}

.info-container-pink .data-item-title {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 0;
}
.info-container-pink .icon-info {
    display: table-cell;
    vertical-align: middle;
    padding-top: 28px;
    padding-left: 10px;
}
.info-container-pink .data-item {
    display: table-cell;
    vertical-align: middle;
    padding: 0; !important;
}
.info-container-pink .data-item + .icon-info {
    display: table-cell;
    vertical-align: middle;
    padding-top: 15px;
}
.info-container-pink {
    margin-bottom: 0;
}
.info-container-pink.title {
    margin-bottom: 15px;
}

.align-right{
    text-align: right;
}

.hr-recap {
    color : #cccccc;
    margin-top: 10px;
}

.modify-margin-top {
    margin-top: 20px;
}

.before-main-title .big-black-title {
    margin-bottom:10px;
}

.row.recap-panel {
    margin-top: 20px;
}

/* checkbox */

.container-checkbox {
    position: relative;
}

.collapse-element {
    color : #cacaca;
}

h3.big-black-title.collapse-element {
    margin-top: 5px;
}

input[type='checkbox'] {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type='checkbox'] + label {
    padding: 0 1.5em;
}

input[type='checkbox'] + label:before {
    content: '';
    display: block;
    position: absolute;
    border: 2px solid rgba(0, 0, 0, 0.15);
    height: 1em;
    left: 0;
    width: 1em;
    margin-top: 6px;
}

input[type='checkbox'] + label:after {
    content: '';
    display: block;
    position: absolute;
    height: 1em;
    left: 0;
    top: 0;
    width: 1em;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    transition: all 0.3s ease;
    visibility: hidden;
}

input[type='checkbox'] + label:after {
    display: block;
    content: "\e921";
    font-style: normal;
    font-weight: normal;
}

input[type='checkbox']:checked + label {
    font-weight: 700;
    font-style: normal;
}

input[type='checkbox']:checked + label:after {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    font-size: 19px;
    top: 2px;
}
.clear {
    clear: both;
}

/* Ratings survey */
.stars {
    cursor: pointer;
}

.stars .star{
    cursor:pointer;
}

.stars input.star {
    display: none;
}

label.star.fa.fa-star {
    font-size: 19px;
    color: #ff0f64;
}

label.star.fa.fa-star-o {
    font-size: 19px;
    color: #ff0f64;
}

.recap-panel.survey .survey-item {
    padding: 15px 0;
    font-size: 18px;
}

.recap-panel.survey {
    padding-bottom: 35px;
    padding-top: 35px;
}

.survey-item-stars{
    padding:15px 0;
    font-size: 18px;
}
/* End ratings survey */

.disabled-block  {
    opacity: 0.5;
}

.not-clickable {
    width:100%;
    height:100%;
    background:transparent;
    position:absolute;
    z-index:2;
    top:0;
    left:0;
    display:block;
}

/* Points list */
.container-list {
    margin-top: 10px;
}
.container-list ul {
    list-style: square;
    padding-left: 25px;
    margin: 0;
    line-height: 45px;
    color: rgb(204,204,204);
    font-size: 20px;
}
.container-list ul li  {
    margin-top: 5px;
    margin-bottom: 5px;
}
.container-list ul li span {
    padding-left: 1em;
    text-indent: -1.7em;
    color: #000000;
}

/* Error/Success page */
.green-container {
    height: 600px;
    background-color: #55be5a;
}

.white-container {
    height: 600px;
    background-color: #ffffff;
}

.pink-container {
    height: 600px;
    background-color: #ff0f64;
}

.black-container {
    min-height: 600px;
    background-color: #000000;
}

.hero-text {
    font-size: 60px;
    color: #ffffff;
    padding: 150px 0 50px 0;
    margin: 0 auto;
    letter-spacing: -1.2px;
    font-style: normal;
    text-align: center;
}

.hero-subtext {
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    padding: 0 23% 0 23%;
    width: 100%;
}

.hero-bold-white-title {
    font-size: 13px;
    text-align: center;
    color: #ffffff;
    padding: 60px 0 25px 0;
}

.row.radio-hero {
    max-width: 50%;
    margin: 40px auto;
    text-align: center;
    padding: 0 2% 0 0;
}
.radio-hero .radio-container span {
    /* margin-left: 80px !important; */
}

.black-container .radio-hero .radio-container span {
    color: #ffffff;
}

.radio-hero .radio-container label.custom-radio::before {
    content: '';
    display: inline-block;
    position: absolute;
    border: 2px solid #dddddd;
    background: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 20px;
    height: 20px;
    cursor: pointer;
    top: 5px;
    left: 20px;
}

.radio-hero input:checked + label.custom-radio::after {
    content: '';
    position: absolute;
    background: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    width: 7px;
    height: 7px;
    cursor: pointer;
    top: 11.5px;
    left: 26.5px;
}


.white-container .hero-text,
.white-container .hero-subtext {
    color: #000000;
}
/* End - Error/Success page */

/*TEXT AREA SCROLL*/

/* Let's get this party started */
::-webkit-scrollbar {
    width: 15px;
}
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #dedede;
    ;
    -webkit-border-radius: 0;
    border-radius: 0;
}
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #dedede;
    -webkit-box-shadow: inset 0 0 6px #dedede;
}
::-webkit-scrollbar-thumb:window-inactive {
    background: #dedede;
}

textarea.form-control {
    border-radius: 0px;
}

textarea {
    overflow: auto; resize: none
}

.textarea.form-control {
    font-size: 15px;
    line-height: 30px;
    max-height: 100px;
    overflow-y: auto;
    border-radius: 0px;
    height: 65px;
}

.textarea a {
    color: black;
    text-decoration: none;
}

/*END TEXT AREA SCROLL*/

/* RECAP */
.recap-panel .data-item {
    font-size: 15px;
    padding: 15px 0;

}

.recap-panel .row {
    border-bottom: 1px solid #d9d9d9;
    margin-right: 0;
    margin-left: 0;
}

.recap-panel .row .col-xs-6,
.recap-panel .row .col-sm-6,
.recap-panel .row .col-md-6,
.recap-panel .row .col-xs-12 {
    padding-left:0;
    padding-right:0;
}
/* END RECAP */

/* MODAL - general */
.modal-header, .modal-footer {
    border: none;
}

.modal-custom-content button.close {
    opacity: 1;
}

.modal-button {
    margin: 10px auto;
    float: none;
    display: block;
    text-transform: uppercase;
}
.modal-custom-content {
    padding: 25px;
}
.modal-custom-title {
    font-size: 18px;
}

.modal-header .bold-title.pink{
    text-align: center;
}

.modal .modal-content {
    border: none;
    border-radius: 0;
}

.modal .modal-body .normal-text {
    line-height: 25px;
}

/* MODAL - general */

/* Tax Code Modal */
#myModalCF .radio {
    display: inline-block;
}

#myModalCF .custom-label {
    margin-top: 10px;
}

/* End - Tax Code Modal */

/* POD MODALE - MORE INFO MODALE */
#myModalPOD .modal-header,
#myModalMoreInfo .modal-header {
    border: none;
}

/* button.custom-close*/
.modal button.custom-close {
    width: 60px;
    height: 60px;
    border-radius: 50px;
    background: #ff0f64;
    opacity: 1;
    color: #fff;
    position: relative;
    top: -40px;
    border: none;
    box-shadow: 0 3px 0px #d5dcea;
    font-size: 20px;
}

.modal .wrapper-close-button {
    text-align: center;
}

#myModalMoreInfo .modal .wrapper-close-button {
    height: 10px;
}

#myModalMoreInfo .modal .modal-dialog{
    max-width: 300px;
    margin: 30px auto;
}

/* BUTTON WITH ARROW */
.customer_link {
    color: #ff0f64;
    white-space: nowrap;
    font-size: 13px;
    text-transform: uppercase;
    margin-top: 25px;
}

.light-btn.light-btn-arrow:after {
    display: inline;
    content: "\e900";
    font-style: normal;
    font-weight: normal;
    padding-left: 15px;
}

.light-btn.light-btn-arrow:hover {
    text-decoration: none;
    color: #ff0f64;
}

.icon-star-empty:before {
  content: "\e9d7";
    display: inline;
}
.icon-star-full:before {
  content: "\e9d9";
  display: inline;
}

/* END POD MODALE */

.service-plus-wrapper {
    display: table;
    padding: 15px 0 20px 0;
}
.service-plus-wrapper span {
      display: table-cell;
}
.service-plus-wrapper span.text {
    display: table-cell;
    text-transform: uppercase;
    vertical-align: middle;
    padding-left: 10px;
    font-size: 12px;
    color: #ff0f64;
    cursor: pointer;
    letter-spacing: 0.6px;
}

.checkbox-wrapper label {
    margin-bottom: 0px;
}

hr.sepator-nospace {
    margin-bottom: 0px;
    margin-top: 30px;
}
hr.samespace {
    margin: 40px 0 40px;
}

.loader{
    position: absolute;
    height: 100px;
    width: 100px;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    /*background: url(./images/loader.gif);*/
    background-size: 100%;
}

.custom-label.control-label {
    margin-left: 15px;
}

#tp-iban.success{
    background: url(./images/greenIcon.png) no-repeat 98% #fff;
    background-size: 25px 25px;
}

.verify-block {
    /*margin-top: 65px;*/
}

.verify-block .verify-inner {
    /*padding: 25px 20px;*/
    font-weight: 500;
    font-size: 24px;
}

.verify-code {
   margin-top: 50px;
}

.verify-code .form-group {
    margin-bottom: 0px;
}

.RID-mode {
    display: none;
}

/************** MEDIA QUERY ******************/

/* tablet */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .full-btn,
    .confirmButton,
    .light-btn {
        font-size: 13px;
    }

    .space-margin-top-xs {
        margin-top: 0px;
    }
    .space-margin-top-sm {
        margin-top: 20px;
    }

    .graybox .row > .double-info {
        min-height: 103px;
    }
}

@media screen and (min-width: 600px) and (max-width:1024px) {
    .survey-item-stars {
        text-align: right;
    }

    .hero-text {
        line-height: 60px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .hero-subtext {
        padding: 0 7px 0 7px;
    }
    .radio-hero input:checked + label.custom-radio::after {
        top: 11.5px;
        left: 26.5px;
    }

    .checkbox-container input[type='checkbox'] + label {
        padding: 0 2em;
    }

}

/* mobile */
@media only screen and (max-width: 600px) and (min-width: 320px) {

    #wrapper-tp .button-container {
        padding: 27px 0px 0px 0px;
    }

    .big-title {
        font-size: 55px;
    }

    .full-btn,
    .light-btn {
        font-size: 12px;
    }

    .npa-nextbutton,
    .tp-nextbutton {
        margin-bottom: 30px;
        margin-right: 20px;
        width: 100%;
    }

    .data-item-right {
        text-align: right;
    }

    .confirmButton {
        width: 100%;
        margin: 30px 0 30px;
        font-size: 14px;
    }

    .plan-main-head {
        font-size: 25px;
    }

    .checkbox.privacy {
        background-color: #f7f7f7;
        padding: 15px 15px 5px 15px;
        border: 2px solid #ccc;
    }

    .recap-panel .data-item {

    }

    .checkbox-container {
        /* border: 2px solid #ccc; */
        /*padding: 10px;*/
        /*padding: 3px 10px 3px 15px;
        background-color: #f7f7f7;*/
        margin-bottom: 10px;
        margin-top:0;
    }

    .or-text {
        margin: 0 25px 0 0;;
    }

    .input-info {
        margin: 0;
    }

    .space-margin-top-sm {
        margin-top: 0px;
    }
    .space-margin-top-xs {
        margin-top: 20px;
    }

    .checkbox-xs {
        margin-top: 20px;
    }

    #label-box-message {
        line-height: 20px;
    }
    p.number-text+p {
        font-size: 15px;
        line-height: 30px;
    }

    label {
        font-size: 12px;
        line-height: 18px;
    }

    .form-group {
        margin-bottom: 30px;
        max-height: 70px;
    }

    .form-group label {
        font-size: 12px;
        line-height: 10px;
        padding-bottom: 5px;
    }
    .form-group.checkbox label {
        font-size: 15px;
        line-height: 18px;
        padding: 0 10px 0 35px;
    }

    input[type='checkbox'] + label:before {
        margin-top: 2px;
    }

    .radio-container label span {
        font-size: 15px;
    }
    .form-group .form-control {
        font-size: 15px;
        line-height: 10px;
    }
    #form-container input[type="text"],
    #form-container input[type="email"],
    #form-container select {
        height: 50px;
    }

    p, .detail-title {
        font-size: 15px;
        line-height: 22px;
    }

    .or-text {
        font-size: 10px;
        line-height: 12px;
    }

    .info-block,
    .form-group .text-right,
    .has-error span.help-block {
        font-size: 10px;
        line-height: 12px;
    }

    .has-error span.help-block {
        margin-bottom: 0px;
        padding-bottom: 0px;
        margin-top: 5px;
    }

    .has-error .info-block {
        margin-top: 5px;
    }

    .form-group .input-info {
        font-size: 12px;
        line-height: 18px;
    }

    textarea.form-control {
        font-size: 12px;
        line-height: 18px;
    }

    .form-group label,
    .normal-text {
        margin-bottom: 0;
        font-size: 12px;
    }

    #form-container input::placeholder {
        font-size: 15px;
    }

    #myModalCF .modal-header {
        padding-top: 0;
    }

    #myModalCF .modal-title {
        padding-top: 35px;
    }

    /* RECAP */

    .recap-panel.survey .survey-item {
        font-size: 15px;
        padding-bottom: 0;
    }

    .stars {
        padding: 6px 0;
    }

    .recap-panel.survey .survey-item.right {
        text-align: right;
    }

    .radio-container label.custom-radio.pink-radio::after {
        top: 6.5px;
    }

    label.star {
        font-size: 19px;
        color: #ff0f64;
        padding-right: 30px;
    }

    .recap-panel.survey {
        padding-bottom: 35px;
        padding-top: 15px;
    }

    .CElight-title {
        font-size: 15px;
    }

    .big-CElight-title {
        font-size: 15px;
    }

    .standard-title {
        font-size: 12px;
    }

    .normal-light-title {
        font-size: 15px;
        line-height: 30px;
    }

    .light-title {
        font-size: 15px;
    }

    .tp-nextbutton {
        width: 100%;
    }
    .hero-text {
        font-size: 35px;
        line-height: 35px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 60px;
    }
    .hero-subtext {
        padding: 0;
        line-height: 25px;
        padding: 0 10% 0 10%;
        font-size: 15px;
    }

    .tp-close {
        width: 75%;
    }

    #errorsuccess-data-no {
        margin-bottom: 25px;
    }

    .hero-bold-white-title {
        padding: 25px 0 10px 0;
    }



    p.number-pagination {
        margin-top: 20px;
        margin-bottom: 0;
        text-align: left;
    }

    .big-black-title {
        margin-bottom: 10px;
        margin-top: 15px;
        line-height: 35px;
    }

    .top-title {
      margin-top: 20px;
    }
    p.number-pagination.collapse-element {
      margin: 0;
    }

    h3.big-black-title.collapse-element {
        margin-bottom: 0;
    }

    .hr-recap {
        margin-top: 20px;
    }

    hr.double-separator-mobile {
        margin: 40px 0 30px 0;
        border-top: 2px solid #cccccc;
    }

    #form-container input::placeholder {
        font-size: 15px;
    }

    .field-space {
        margin-top: 0px;
    }

    .service-plus-wrapper span.text {
        padding-left: 20px;
    }

    .recap-container h3.big-black-title {
        margin-bottom: 30px;
    }

    .row.recap-panel {
        margin-top: 0px;
    }

    hr.double-separator-mobile.no-btn {
        margin: 50px 0 50px 0;
        border-top: 2px solid #cccccc;
    }

    .table-counterCheck {
        overflow-x: scroll;
    }

    .table-counterCheck table {
        margin-bottom: 0px;
    }

    .table-counterCheck::-webkit-scrollbar {
      width: 5px;
    }

    .table-counterCheck::-webkit-scrollbar-thumb {
        background-color: #ff0f64;
    }

    .bollettachiara .radio-container label.custom-radio span {
        margin-left: 25px;
    }

    .checkbox-container.no-gray-box-mobile {
        border: none;
        background-color: transparent;
    }
    .checkbox-container.no-gray-box-mobile label.control-label {
        margin-bottom: 25px;
    }

    .consentsData .bold-title {
        margin-bottom: 25px;
    }

    .checkbox-container input[type='checkbox'] + label:before {
        height: 20px;
        width: 20px;
    }

    .row.radio-hero {
        max-width: 90%;
        margin: 40px auto;
        text-align: center;
        padding: 0 0 0 30px;
    }
    .radio-hero input:checked + label.custom-radio::after {
        top: 11.5px;
        left: 26.5px;
    }

    input[type='checkbox']:checked + label:after {
        top: 4px;
        left: 1px;
    }

    /* REGOLE STYLE PER MODAL */
    /*
    [data-remodal-id="modalCF"] .form-group label, .normal-text {
        margin-bottom: 0;
        font-size: 12px;
        line-height: 10px;
        padding-bottom: 5px;
    }
[data-remodal-id="modalCF"] .form-container input[type='text'],
[data-remodal-id="modalCF"] input[type='number'],
    [data-remodal-id="modalCF"] input[type='tel'],
    [data-remodal-id="modalCF"] input[type='email'],
    [data-remodal-id="modalCF"] textarea ,
    [data-remodal-id="modalCF"] .selectboxit-container .selectboxit-btn {
        height: 50px;
    }

    [data-remodal-id="modalCF"] .radio-container label.custom-radio span {
        font-size: 15px;
    }

    [data-remodal-id="modalCF"] .form-container input[type='text']::placeholder,
    [data-remodal-id="modalCF"] input[type='number']::placeholder,
    [data-remodal-id="modalCF"] input[type='tel']::placeholder,
    [data-remodal-id="modalCF"] input[type='email']::placeholder,
    [data-remodal-id="modalCF"] textarea::placeholder ,
    [data-remodal-id="modalCF"] .selectboxit-container .selectboxit-btn::placeholder {
        font-size: 15px;
    }

    [data-remodal-id="modalCF"] .selectboxit {
        padding: 12px 40px 12px 18px!important;
    }

    [data-remodal-id="modalCF"] .has-error span.help-block,
    [data-remodal-id="modalCF"] .help-block.pink {
        font-size: 10px;
        line-height: 12px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    [data-remodal-id="modalCF"] .modale_cf .select-placeholder,
    [data-remodal-id="modalCF"] .modale_cf .form-group {
        margin-bottom: 0;
    }

    [data-remodal-id="modalCF"] .modale_cf .select-placeholder > div > span {
        margin-bottom: 12px;
    }

    [data-remodal-id="modalCF"] input:checked + label.custom-radio::after {
        width: 18px;
        height: 18px;
        cursor: pointer;
        top: 1px;
        left: 1px;
    }
    */
}

/* EDIT TP STEP 1-2-3 */

.description p {
    margin: 20px 0;
}

.description p.gray {
    font-size: 15px;
    color: #bcbcbc;
}

.description p.gray span {
    max-width: 89%;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 10px;
    line-height: 1.4;
    font-weight: 700;
}

.current-step {
    margin-top: 30px;
    margin-bottom: 30px;
}

.description p.gray img {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 3px;
}

.modify-appointment {
    border-top: 1px solid #d6d6d6;
	margin-top:50px;
}

.modify-appointment .standard-title {
    margin: 25px 0;
}

.modify-appointment .bold-title {
    text-transform: none;
    font-size: 15px;
    /* line-height: 19px; */
    margin-bottom: 15px;
    letter-spacing: 0px;
    line-height: 1;
    color: #000000;
    font-weight: 500;
    font-style: normal;
}

.modify-appointment select, .modify-appointment input {
    border: 2px solid rgba(0, 0, 0, 0.15);
    font-size: 19px;
    letter-spacing: 0px;
    line-height: 1;
    padding: 15px;
    border-radius: 0;
    height: 60px;
    width: 100%;
}

.margin-top-big {
    margin-top: 50px;
}

.margin-top-bottom {
    margin: 50px 0;
}

.table-counterCheck {
    margin: 30px 0;
}

.table-counterCheck table {
    border: 3px solid #dddddd;
}

.table-counterCheck table.table>thead.table-title>tr>th,
.table-counterCheck table.table>tbody.table-body>tr>th,
.table-counterCheck table.table>thead.table-title>tr>td,
.table-counterCheck table.table > tbody.table-body > tr > td {
    padding: 15px;
}

.table-counterCheck table thead.table-title {
    font-size: 16px;
}

.table-counterCheck table tbody.table-body {
    font-size: 18px;
}

/* FIX APPOINTMENT NAVIGATION */

@media screen and (max-width:600px){
    .margin-top-big-mobile {
        margin-top: 35px;
    }
    .appointment {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        padding-left: 0;
        padding-right: 0;
    }

    .appointment .order-second {
        order: 1;
    }

    .appointment .order-first {
        order: 0;
    }

    .appointment .contract-number {
        order: 2;
    }

    .appointment .description {
        order: 3;
    }

    .appointment .current-step {
        margin: 0px;
    }
}

.header-edit {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/************* AO010374 - Evoluzione Touchpoint R2 2021 **********/

.otp-data.touchpoint .container-total * {
    font-family: RoobertLight,
    Calibri,
    Myriad,
    Tahoma,
    Geneva,
    'Helvetica Neue',
    Helvetica,
    Arial,
    sans-serif;
}

.otp-data.touchpoint .full-width {
    width: 100% !important;
}

.otp-data.touchpoint .container-total .detail-title {
    font-size: 18px;
}


/**** start OTP Section *****/

.otp-data.touchpoint .container-total.otp-view .detail-title {
    font-size: 18px;
}

.otp-data.touchpoint .container-total.otp-view .otp-phone {
    padding: 50px 0 20px 0;
    font-weight: bold;
    font-size: 20px;
}

.otp-data.touchpoint .container-total.otp-view .disclaimer-phone {
    font-size: 15px;
    margin: 0 0 30px 0;
}

.otp-data.touchpoint .container-total.otp-view #verify-code-TP .tp-detail-title {
    padding-top: 15px;
    font-size: 15px;
    color: #FF0F64;
    font-weight: bold;
}

/* Section Insert OTP*/

.otp-data.touchpoint .container-total.otp-view .verify-code {
    margin-top: 60px;
}

.otp-data.touchpoint .container-total.otp-view .verify-code .verify-otp-title {
    font-size: 25px;
    margin: 0 0 15px 0;
}

.otp-data.touchpoint .container-total.otp-view .verify-code .verify-otp-subtitle {
    font-size: 18px;
    margin: 0 0 30px 0;
}

.otp-data.touchpoint .container-total.otp-view .verify-code .form-group {
    width: 50%;
}

.otp-data.touchpoint .container-total.otp-view .verify-code .form-group label {
    margin-bottom: 10px;
    font-weight: bold;
}

.otp-data.touchpoint .container-tota.otp-view .verify-code .form-group #tp-codiceverifica {
    padding: 20px;
}

.otp-data.touchpoint .container-total.otp-view .verify-code .form-group #tp-codiceverifica::placeholder {
    text-transform: initial;
    font-size: 15px;
}

.otp-data.touchpoint .container-total.otp-view .button-container-tp {
    padding-top: 20px;
}

.otp-data.touchpoint .container-total.otp-view .help-disclaimer {
    margin-top: 50px;
}

.otp-data.touchpoint .container-total.otp-view .verify-code .form-group {
    max-height: initial;
}

.otp-data.touchpoint .container-total.otp-view .verify-code .form-group label {
    padding-bottom: 0;
}

.otp-data.touchpoint .container-total.otp-view .button-container-tp {
    padding-top: 15px;
    margin-top: 0;
}

.otp-data.touchpoint .container-total.otp-view #ITA_COD_VER_cc_errmsg {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 10px;
}

.otp-data.touchpoint .container-total.otp-view .button-container-tp.errorOTP {
    padding-top: 0;
}

/* Mobile */

@media only screen and (max-width: 600px) and (min-width: 320px) {

    .otp-data.touchpoint .container-total.otp-view .verify-code .form-group {
        width: 100%;
    }

    .otp-data.touchpoint .container-total.otp-view .button-container-tp #verify-next {
        width: 100%;
        margin-right: 0;
    }

    .otp-data.touchpoint .container-total.otp-view .otp-phone {
        font-size: 20px;
    }

    .otp-data.touchpoint .container-total.otp-view .tp-nextbutton {
        margin-bottom: 0;
    }
}

/***** end OTP Section *****/


/***** start CF/P.IVA Section *****/
.otp-data.touchpoint .container-total.cf-piva-view .disclaimer-login {
    margin-top: 15px;
}

.otp-data.touchpoint .container-total.cf-piva-view .disclaimer-login a {
    text-decoration: underline;
    cursor: pointer;
    color: #FF0F64;
}

.otp-data.touchpoint .container-total.cf-piva-view .verify-code .form-group #tp-cfverifica::placeholder {
    text-transform: initial;
    font-size: 15px;
}


/* Mobile */

@media only screen and (max-width: 600px) and (min-width: 320px) {
    .otp-data.touchpoint .container-total.cf-piva-view .button-container-tp #verify-cf {
        width: 100%;
        margin: 0;
    }
}
/***** end CF/P.IVA Section *****/

/* Fix hover on mobile */

@media (hover: none) {
    .full-btn:active {
        background-color: transparent;
        color: #ff0f64;
    }

    .full-btn-reverse:active {
        background-color: #ff0f64;
        color: white;
    }
}

@media only screen and (max-width: 767px){
    .full-btn.authentication-btn{
        width:100%;
    }
}

#tp-countdown {
    margin-left: 20px;
}