/*--------------------COLOR & STYLE OVER-RIGHT-----------------------*/
.btn-big { height: 80px; font-size: 16px; font-weight: 500; padding-left: 20px; padding-right: 20px; background-image: linear-gradient(to bottom, #5961d5, #4f55cb, #4449c0, #393eb6, #2d32ab) !important; border:none; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.15); margin-left: 1px}
.btn-big-mandati { font-size: 16px; font-weight: 500; padding-left: 29px; padding-right: 20px; background-image: linear-gradient(to bottom, #5961d5, #4f55cb, #4449c0, #393eb6, #2d32ab) !important; border:none; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.15); margin-left: 1px}
.btn-xpay { width: 136px; height: 40px; padding: 0; color: #FFF; font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px;}
.btn-xpay:disabled { opacity: 0.2 }
.btn-xpay.res { width: 100%;  font-size: 14px; }
.btn-xpay-no-border { width: 93%; font-size: 16px; letter-spacing: 2px; border: none !important; box-shadow: none !important; line-height: 16px;}
a { text-decoration: underline; font-weight: normal; cursor: pointer; }
a.nexi-white, button.nexi-white{ font-size:16px; letter-spacing:2px; text-decoration:none !important; background: none!important; color: white !important; border: none; padding: 0!important; cursor: pointer; outline: none !important; font-weight: 600; text-transform: uppercase;}
h5 { color: #000; font-size: 24px;  font-weight: 500 }
.font-medium { font-weight: 500 }
.font-semibold { font-weight: 600 !important }
.font-normal {font-weight: normal !important}
.row {  padding: 6px 0 6px 0 }
.wrapper {  overflow: hidden; min-height: calc(100vh - 220px);}
@media(max-width: 865px) and (min-width: 450px) { .wrapper{ background-size:cover; } }
@media(max-width: 450px) { .wrapper{ background-image: none; } }
/*--------------------HEADERS-----------------------*/
.logo-nexi { text-align: center; padding: 15px }
.logo-nexi img { width: 68px; height: 21px }
.with-100 { width: 100% !important }
.with-auto {  width: auto !important }
.icon-info, .icon-info-onhover{  width: 22px !important;  height: 22px !important;  margin-left: 10px;  cursor: pointer }
.icon-info-onhover { display: none}
a.ph_href_info:hover > .icon-info{ display: none }
a.ph_href_info:hover > .icon-info-onhover{ display: inherit }
div.descHeader { padding-left: 20px !important}
div.desc {  padding-left: 5px }
div.desc .price {  font-size: 16px; margin-top: 9px }
.panel{ border-radius: 8px; width: 384px; margin: auto;}
.panel-default{ border: none; box-shadow: 0 0 20px 0px rgb(0 0 0 / 30%); -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 30%); -moz-box-shadow: 0 0 20px 0 rgb(0 0 0 / 30%);}
.panel-heading div.desc .info { font-size: 12px }
.panel-body div.desc .info {  font-size: 14px; font-weight: normal;}
.panel-default > .panel-heading { background: transparent; border-bottom: 0 }
.logo-visa img { max-width: 100px; }
/*--------------------DROPDOWN LANG-----------------------*/
.lang {  position: absolute;  right: 45px ; margin-top : -33px }
.lang .btn {width: 41px;  height: 27px; background: #2D32AB; border-radius: 4px;-o-border-radius:4px;-ms-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;  border-width: 1px;  font-size: 14px;  padding: 1px;     border: none;}
.lang .fa-angle-down , .lang .fa-angle-up {  font-size: 20px; margin-right: 3px; margin-left: 1px }
.lang .btn-group .closed .fa-angle-up { display: none }
.lang .btn-group.open .fa-angle-up { display: block }
.lang .btn-group .closed .fa-angle-down { display: block }
.btn-group.open  .arrowLang {  display: none;}
.arrowLangUp { display: none;}
.btn-group.open .arrowLangUp { display: block; transform: scaleY(-1) rotate(360deg); display: inline-block;}
.open button .arrowLangUp { display: block; transform: scaleY(-1) rotate(360deg); display: inline-block;}
.open button .arrowLang { display: none;}

.lang .btn-group.open .fa-angle-down { display: none }
.lang .text { font-weight: 500; margin-right: 2px; float: left;  margin-left: 3px; padding-left: 4px;}
.lang .open .btn { background: #fff !important; border: 1px solid #2d32aa !important; color: #2D32AA !important; box-shadow: none; }
.lang .open > .dropdown-menu { border-radius: 4px; -o-border-radius:4px;-ms-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px; border-width: 1px; padding: 1px;  border-color:#2D32AB;  width: 41px; min-width: 41px; margin-top: 0px; height: 161px; overflow: auto; background-color: #fff}
.lang .open > .dropdown-menu li { width: 100%; }
.lang .open > .dropdown-menu > li > a { padding: 3px; color:#000000;  text-decoration: none; font-weight: 500 !important}
.lang .open > .dropdown-menu > li > a:hover {  color:#00B8DE !important; background: none }
/*--------------------STRIKE-----------------------*/
.strike { display: block; text-align: center; overflow: hidden; white-space: nowrap }
.strike > span {  position: relative;  display: inline-block; font-size: 14px; color: #4a4a4a }
.strike > span:before, .strike > span:after { content: ""; position: absolute; top: 50%;  width: 9999px;  height: 1px;   background:#EFEFEF  }
.strikeSmall > span:before, .strike > span:after {width: 148px !important;}
.strike > span:before { right: 100%; margin-right: 15px }
.strike > span:after { left: 100%; margin-left: 15px }
.strike > span.noMarginBeforeAfter:after { margin-left: 0px !important; margin-right: 0px !important }
.strike > span.noMarginBeforeAfter:before { margin-left: 0px !important; margin-right: 0px !important }

/*--------------------FORMS & PAGE-----------------------*/
.small-logo { background: #fff; max-width: 31px; max-height: 21px; }
img.img-pay { float: right;  height: 35px; width:43px;  margin-top: -15px }
.form-center {  float: none;  margin: 0 auto; margin-top: 15px; max-width: 385px; }
.form-header {  height: auto; border-top-left-radius: 8pt; border-top-right-radius: 8pt;  min-height: 120px; border-color: transparent !important  }
.form-header .panel-title{  font-size: 24px; word-wrap: break-word; word-break: break-all; margin-top: 9px; font-weight: normal;}
.form-header .price { font-size: 36px; font-weight: 500; line-height: 36px;}
.form-header .row .logo {  /*background: #FFF;*/  max-width: 150px;  max-height: 80px;}
.form-header.small {  padding: 8px;  min-height: auto }
.form-header.small .row { padding: 0px }
.form-header.small .row .logo { width: 47px; height: 47px; padding: 0px }
.logo-merchant-header-small{ width: 47px !important; height: 47px !important; display: block !important ; margin-left: 265% !important; }
.logo-merchant-header-small-no-ml{ width: 47px !important; height: 47px !important; display: block !important ; }
.logo-merchant-header-small img { max-width: 41px; max-height: 41px; background: #FFF }
.input-select .placeholder { color: #7F7F7F }
.input-select .fa-angle-up , .fa-angle-down { margin: 0; font-size: 16pt }
.input-select .closed .fa-angle-up { display: none }
.input-select.open .fa-angle-up { display: block }
.input-select .closed .fa-angle-down { display: block }
.input-select.open .fa-angle-down { display: none }
.input-select > .dropdown-menu { border-radius: 4px;-o-border-radius:4px;-ms-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;   border-width: 1px; padding: 1px; margin-top: 0px; max-height: 150px; overflow: auto }
.input-select > .dropdown-menu li { width: 100%; font-size: 16px; font-weight: 500; padding-left: 12px; padding-top: 1px; padding-bottom: 1px;  padding: 3px;  color:#000; cursor: pointer }
.input-select > .dropdown-menu > li:hover {  color:#00B8DE;  background: none }
.privacy-text { color: #2D32AA; font-weight: normal; font-size: 14px; }
label { font-weight: 500; height: 24px;}
label.unsel span { display: none }
.form-control { font-size: 16px; border: 1px solid #9a9b9c; height: 40px }
.form-control:disabled { color: #666666 !important; box-shadow: none; padding: 6px; }
#gyb .form-control:disabled {
    border: 0px;
    color: #000 !important; 
    box-shadow: none; 
    padding: 6px;
    cursor: default;
    margin-top: -3px;
    font-weight: 500;
    font-size: 16px;
    padding-left: 0;
}
.error-msg { font-size: 14px; font-weight: 600; margin-bottom: -20px !important}
.error { font-size: 18px; line-height: 1 }
.error-p { color: #F9423A; font-size: 18px; line-height: 1; padding-top: 19px; }
.riepilogo-dati-pagam {
    height: 19px;
    color: #2D32AA;
    font-size: 18px;
    line-height: 57px;
    text-align: left;
}
.success { color: #000; font-size: 18px; line-height: 1; padding-top: 0px !important; margin-top: -5px;}
.success img { margin-bottom: 20px; }
.info-form { color: #2D32AA !important; font-size: 14px; margin-top: 2px; font-weight: 500}
.form-group { margin-bottom: 6px }
.form-group-mandati { margin-right: 0px; margin-left: 0px; } .all_float{ float: left;  padding: 0px 10px 0px 12px;  width: 59%; }
.link-masterpass { text-decoration: none;  line-height: 0.8; font-size: 12pt; }
.boxLogo{ float:left; margin: 5px; border: 1px solid #DDDD; border-radius: 4px; width: 91px; -o-border-radius: 4px; -ms-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding: 7px; height: 75px;}
.boxLogo > img {cursor: pointer;}
.infoMsg{    margin-top: -10px; font-size: 14px;}
.btnCambia{padding: 0; width: 100%;}
@media(max-width: 1199px) and (min-width: 992px) { .boxLogo{width: 83px; margin: 1px} }
.block{ text-align: center; height: 51px; width: 66px; border: 1px solid #C9CAC8; border-radius: 4px; background-color: trasparent; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.18)}
.tableAPM { border-spacing: 10px; border-collapse: separate; width: 315px; margin-left: -10px; margin-top: -8px}
.logoAPM{ cursor: pointer;}
.divLinkMP{ height: 20%; position: absolute; margin-left: 7px; font-size: 12px;}
.divImgMP{ height:  80%; padding-top: 3px; }

.blockPAYPAL{ padding:0px; padding-top: 25px;}
/*--------------------TOOLTIP & TOOLTIP CCV-----------------------*/
.tooltip-cvv-hover:hover > .tooltip-cvv { display: block }
.tooltip-cvv { background: #FFF; box-shadow:0px 3px 6px 0px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 20px 0 #0003; -moz-box-shadow: 0 0 20px 0 #0003; width: 273px; height: 116px; position: absolute; display: none;  z-index: 999;  right: 9px;  top: 63px }
.tooltip-cvv-inner { width: 100%; margin: 0px  6px 6px 0px; padding: 10px }
.tooltip-cvv-inner img { width: 100%; }
.arrow {width: 0; height: 0;  border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #FFF; position: absolute; right: 12px; top: -5px }
/*---------------------CARD CURRENCY & SMS-----------------------*/
 .row.card { background-color: #EFF2F7 }
 .row.card .sms input { width: 40px; height: 40px; border-radius: 8px; -o-border-radius:8px;-ms-border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px; background: #FFF; border-color: #FFF;  }
.card-tit {  font-size: 18px; font-weight: 600; text-align: center}
.card-desc { font-size: 16px; text-align: center; line-height: 17px}
.card-text { font-size: 16px }
/*---------------------CEHCK-BOX & RADIO-----------------------*/
.checkbox-text { font-size: 16px; color: #2D32AA; font-weight: 500; line-height: 30px; white-space: normal }
.radio_check_input { display: none}
.radio-inline .checkbox-text { margin-left: 17px; margin-bottom: 0 !important; font-size: 18px !important; font-weight: normal !important;}
.radio-inline { margin-bottom: 15px }
.radio-inline .control_indicator { border-radius: 50%; -o-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;  }
.control-checkbox input:checked ~ .checkbox-text { font-weight: 200 }
.control {  display: block; position: relative;  padding-left: 30px;  cursor: pointer }
.control input { position: absolute;  z-index: -1;  opacity: 0  }
.control_indicator { position: absolute; top: 2px; left: 0; height: 18px; width: 18px; background: #FFF; border: 1px solid #7F7F7F; border-radius: 3px; -o-border-radius:3px;-ms-border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;  }
.control-checkbox input:checked ~ .control_indicator {  background: #48d597; border-color: #48d597 }
.control-checkbox:hover input:not([disabled]):checked ~ .control_indicator,
.control-checkbox input:checked:focus ~ .control_indicator { background: #48d597 }
.control-checkbox input:disabled ~ .control_indicator { background: #e6e6e6;  opacity: 0.6;  pointer-events: none }
.control_indicator:after {  box-sizing: unset;  content: '';  position: absolute;  display: none }
.control-checkbox input:checked ~ .control_indicator:after { display: block }
.control-checkbox .control_indicator:after {left: 5px; top: 1px; width: 3px; height: 8px; border: solid #fff; border-width: 0px 3px 3px 0; transform: rotate(45deg); }
.control-checkbox input:disabled ~ .control_indicator:after {  border-color: #7b7b7b }
/*---------------------FOOTER-----------------------*/
.footer { min-height: 276px; width: 100%; padding: 15px 30px 0 30px }
.footer .link {  font-size: 12pt;  line-height: 40px }
.footer .description { font-size: 14pt }
.logi { margin-bottom: 8px;}
.logi img {  margin: 8px;  width: 80px }
.logo-xpay img{  width: 80px; padding-top: 27px ; }
.logo-xpay-nolang img{  width: 80px; padding-top: 15px }
.border-t-b {  border-top: 1px solid #EEE; border-bottom: 1px solid #EEE }
.border-r {  border-right: 1px solid #EBE9E9; width: 97px;}
.logo_merchant-footer img{ max-width: 120px;  max-height: 40px }
.border { padding-left: 5px }
.border img.c-logo {  margin: 5px; border: 2px solid #EEEE;  border-radius: 4px; -o-border-radius:4px;-ms-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;  padding: 10px; max-width: 100%; }
/*---------------------MODAL-----------------------*/
.modal-body { padding: 20px }
.modal-title { padding-bottom: 15px }
.modal-desc { font-size: 10pt;     overflow: auto; max-height: 740px; padding-right: 13px}
.modal-content { box-shadow:0px 3px 6px 0px rgba(0, 0, 0, .2); -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, .2);   -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, .2); width: 315px; max-height: 843px; }
.close { font-family: '-webkit-pictograph';  color: #FFF;  position: absolute;  z-index: 9999; top: -45px;  opacity: 1.0; font-size: 45px; font-weight: 100; right: 0px; text-shadow: none }
.close:hover { opacity: 1.0;  color: #00B8DE }
.modal-dialog { margin: 45px auto;  max-width: 315px; margin-top: 79px }
.modal-logo { padding: 6px; max-width: 58px; max-height: 45px; }
.modal-tit { font-weight: 500;  font-size: 16px; text-transform: capitalize;}
.modal-info {   font-size: 12px; line-height: 14px;}
.c-modal-logo { max-width: 46px; max-height: 30px; margin-bottom: 15px; }
#ErrorCircuitoyModal{ margin: auto}
/*---------------------SCROLL-BAR-----------------------*/
/* width */
::-webkit-scrollbar {  width: 4px}   
/* Track */
::-webkit-scrollbar-track { background: #FFF; border-radius: 3px }
/* Handle */
::-webkit-scrollbar-thumb { background: #000; border-radius: 3px }
/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background: #0008 }
/*---------------------SPINNER-----------------------*/
.panel-body.spinner { margin: 30px 0 30px 0 }
.spinner-text {font-size: 16pt;   line-height: 1;}
/*---------------POSITION & TOP-BOTTOM ------------------*/
.posit-rel { position: relative }
.btm-31 { bottom: 31px }
.btm-17 { bottom: 17px }
.btm-14 { bottom: 14px }
.btm-38 { bottom: 38px }
.tp-18 { top: 18px }
.error-txt { width: 175px; margin-left: 57px; }
/*---------------------PADDING & MARGIN-----------------------*/
/*--------------------padding-----------------------*/
.p-r-0 { padding-right: 0 !important  }
.p-r-3 { padding-right: 3px !important  }
.p-r-5 { padding-right: 5px !important  }
.p-r-6 { padding-right: 6px !important  }
.p-r-7 { padding-right: 7px !important  }
.p-r-10 { padding-right: 10px !important }
.p-r-11 { padding-right: 11px !important }
.p-r-12_5 { padding-right: 12.5px !important  }
.p-r-13 { padding-right: 13px !important }
.p-r-20 { padding-right: 20px !important }
.p-r-22 { padding-right: 22px !important }
.p-r-24 { padding-right: 24px !important }
.p-r-40 { padding-right: 40px !important }
.p-l-0 { padding-left: 0 !important }
.p-l-1 { padding-left: 1px !important }
.p-l-2 { padding-left: 2px !important }
.p-l-5 { padding-left: 5px !important  }
.p-l-6 { padding-left: 6px !important }
.p-l-7 { padding-left: 7px !important }
.p-l-11 { padding-left: 11px !important }
.p-l-12_5 { padding-left: 12.5px !important  }
.p-l-14 { padding-left: 14px !important }
.p-l-15 { padding-left: 15px !important }
.p-l-17 { padding-left: 17px !important }
.p-l-20 { padding-left: 20px !important }
.p-l-25 { padding-left: 25px !important }
.p-l-30 { padding-left: 30px !important }
.p-l-39 { padding-left: 39px !important }
.p-l-40 { padding-left: 40px !important }
.p-t-0 { padding-top: 0px !important}
.p-t-1 { padding-top: 1px !important}
.p-t-2 { padding-top: 2px !important}
.p-t-3 { padding-top: 3px !important}
.p-t-4 { padding-top: 4px !important}
.p-t-10 { padding-top: 10px !important}
.p-t-14 { padding-top: 14px !important }
.p-t-15 { padding-top: 15px !important }
.p-t-16 { padding-top: 16px !important }
.p-t-19 { padding-top: 19px !important }
.p-t-20 { padding-top: 20px !important }
.p-t-22 { padding-top: 22px !important }
.p-t-30 { padding-top: 30px !important }
.p-t-37 { padding-top: 37px !important }
.p-t-70 { padding-top: 70px !important }
.p-t-18 { padding-top: 18px !important }
.p-b-0 { padding-bottom: 0px }
.p-b-2 { padding-bottom: 2px }
.p-b-5 { padding-bottom: 6px;}
.p-t-10 { padding-bottom: 10px !important}
.p-b-13 { padding-bottom: 13px !important}
.p-b-15 { padding-bottom: 15px;}
.p-b-18 { padding-bottom: 18px !important }
.p-b-19 { padding-bottom: 19px !important }
.p-b-22 { padding-bottom: 22px !important }
.p-b-30 { padding-bottom: 30px !important }
.p-b-34 { padding-bottom: 34px !important }
.p-lr-15 {padding-left: 15px; padding-right: 15px}
.p-trlb-2-15-0{padding: 2px 15px 0px 15px;}
.p-trlb-2-20-0{padding: 2px 20px 0px 20px;}
/*--------------------margin-----------------------*/
.m-0 {margin: 0px !important}
.m-t-0 {  margin-top: 0px !important }
.m-t-2 {  margin-top: 2px !important }
.m-t-4 {  margin-top: 4px !important }
.m-t-6 {  margin-top: 6px !important }
.m-t-7 { margin-top: 7px !important }
.m-t-8 { margin-top: 8px !important }
.m-t-9 { margin-top: 9px !important }
.m-t-11 {  margin-top: 11px !important }
.m-t-12 {  margin-top: 12px !important }
.m-t-13 {  margin-top: 13px !important }
.m-t-14 {  margin-top: 14px !important }
.m-t-15 {  margin-top: 15px !important }
.m-t-16 { margin-top: 16px !important }
.m-t-17 { margin-top: 17px !important }
.m-t-18 {  margin-top: 18px !important }
.m-t-19 { margin-top: 19px !important }
.m-t-20 { margin-top: 20px !important }
.m-t-21 { margin-top: 21px !important }
.m-t-24 { margin-top: 24px !important }
.m-t-25 { margin-top: 25px !important }
.m-t-28 { margin-top: 28px !important }
.m-t-29 { margin-top: 29px !important }
.m-t-30 {  margin-top: 30px !important }
.m-t-33 {  margin-top: 33px !important }
.m-t-31 {  margin-top: 31px !important }
.m-t-39 {  margin-top: 39px !important }
.m-t-40 {  margin-top: 40px !important }
.m-t-47 { margin-top: 47px !important; }
.m-t-58 {  margin-top: 58px !important }
.m-t-82 {  margin-top: 82px !important }
.m-b-0 { margin-bottom: 0px !important }
.m-b-5 { margin-bottom: 5px !important }
.m-b-6 { margin-bottom: 6px !important }
.m-b-8 { margin-bottom: 8px !important }
.m-b-9 { margin-bottom: 9px !important }
.m-b-10 { margin-bottom: 10px !important}
.m-b-11 { margin-bottom: 11px !important}
.m-b-12 { margin-bottom: 12px !important }
.m-b-14 { margin-bottom: 14px !important }
.m-b-15 { margin-bottom: 15px !important }
.m-b-18 { margin-bottom: 18px !important }
.m-b-20 { margin-bottom: 20px !important }
.m-b-22 { margin-bottom: 22px !important }
.m-b-24 { margin-bottom: 24px !important }
.m-b-26 { margin-bottom: 26px !important }
.m-b-28 { margin-bottom: 28px !important }
.m-b-30 { margin-bottom: 30px !important }
.m-b-32 { margin-bottom: 32px !important }
.m-b-39 { margin-bottom: 39px !important }
.m-b-40 { margin-bottom: 40px !important }
.m-b-44 { margin-bottom: 44px !important }
.m-b-59 { margin-bottom: 59px !important }
.m-b--5 { margin-bottom: -5px !important }
.m-b--18 { margin-bottom: -18px !important }
.m-b--16 { margin-bottom: -16px !important }
.m-b--21 { margin-bottom: -21px !important }
.m-b--30 { margin-bottom: -30px !important }
.m-t--3 { margin-top: -3px; }
.m-t--2 { margin-top: -2px; }
.m-l--2 { margin-left: -2px !important; }
.m-t--4 { margin-top: -4px !important; }
.m-t--5 { margin-top: -5px !important; }
.m-t--6 { margin-top: -6px !important; }
.m-t--8 { margin-top: -8px !important }
.m-t--10 { margin-top: -10px !important; }
.m-t--13 { margin-top: -13px !important; }
.m-r--20 { margin-right: -20px !important; }
.m-l--20 { margin-left: -20px !important; }
.m-r--5 { margin-right: -5px !important; }
.m-l--5 { margin-left: -5px !important; }
.m-r-5 {  margin-right: 5px !important }
.m-r-15 {  margin-right: 15px !important }
.m-r-10 {  margin-right: 10px !important }
.m-r-20 {  margin-right: 20px !important }
.m-r-0 { margin-right: 0; }
.m-l-0 { margin-left: 0; }
.m-l-5 { margin-left: 5px; }
.m-l-15 { margin-left: 15px; }
.m-l-18 { margin-left: 18px !important; }
.m-l-20 { margin-left: 20px !important; }
.m-l-63 {  margin-left: 63px !important }
.m-l-80 { margin-left: 80px !important; }
.m-l-117 { margin-left: 117px !important; }
.m-l-200 { margin-left: 200px !important; }
.m-l-20lperc { margin-left: -20%;}
.m-t-19lperc { margin-top: -19%;}
.m-l-89perc { margin-left: 83%;}
.m-0 { margin: 0 }
.p-0 { padding: 0 }
.fs-24 { font-size: 24px !important}
.fs-18 { font-size: 18px !important}
.fs-17 { font-size: 17px !important}
.fs-16 { font-size: 16px !important}
.fs-14 { font-size: 14px !important}
.fs-12 { font-size: 12px !important}
.t-0{
    top: 0px !important;
}
.w-85{
    max-width: 95px;
    width: 95px;
}
.w-188{
    max-width: 188px;
    width: 188px;
}
.w-126{
    max-width: 126px;
    width: 126px;
}
.w-85{
    max-width: 85px;
    width: 85px;
}
.w-63{
    max-width: 63px;
    width: 63px;
}
.w-200{
    max-width: 200px;
    width: 200px;
}
.w-160{
    max-width: 160px;
    width: 160px;
}
.w-135{
    max-width: 135px;
    width: 135px;
}
.float-left{
    float: left;
}
.float-right{
    float: right;
}
.inline-block{
    display: inline-block
}
.lh-12{
    line-height: 12px;
}
.lh-15{
   line-height: 15px !important;
}
.lh-16{
   line-height: 16px !important;
}
.lh-17{
    line-height: 17px;
}
.lh-19{
    line-height: 19px;
}
.lh-20{
    line-height: 20px;
}
.lh-25{
    line-height: 25px !important;
}
.floatRight{ float: right;}
.rowSameHeight { display: flex; align-items: center;}
a, button {outline: none !important;}
.hideMe { display: none }
.showMe { display: block }
#InfoConditionModal{width: 340px; top: 4%; margin: auto;}
#infoHeader{font-weight: 500 !important; line-height: 17px; font-size: 16px;}
#infoHeader-big{font-weight: 500 !important; line-height: 17px; transform: translateX(27%);}
.heightHeader{ min-height: 60px; }
.cursorPointer { cursor: pointer;}
@media(max-width: 400px){
    .col-xxs-12{
        width: 100%;
    }
    
    .form-center{
       width: 100%;
    }
    
    .btn-big{
        font-size: 11pt;
    }
}

.headerInfo{
    padding-top: 4px;
    font-size: 18px;
    line-height: 18px;
}

.zindex3{
    z-index: 3;
}

.nexi-black{
    color: #000 !important;
}
.nexi-blue{
    color: #2D32AA !important;
}
.mandateFont {
    color: #6d7a83;
    font-size: 12px;
    text-align: center;
}
.divImgMP > img {
    cursor: pointer;
}

.bodyTrasparent{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0) !important;
    z-index: -1;
}

body.bodyTrasparent > .wrapper{
    background-image: none;
    height: 100%;
    overflow-y: scroll;
    padding-top: 40px;
}

.closeLightbox{
    top: -36px;
    left: -12px;
}

.arrowLang{
    height: 4px;
    width: 8px;
}
.arrowRate {
    height: 7px;
    width: 14px;
    margin-right: 2px;
    margin-top: 6px;
}

.AMAZONPAY {
    max-height: 31px;
    max-width: 54px;
    margin-top: 21px;
}

.MYSI{
    max-height: 24px;
    max-width: 24px;
    margin-top: 12px;
}

.BANCOMAT{
    max-height: 20px;
    max-width: 34px;
    margin-top: 14px;
}

.MYBANK{
    height: 25px;
    width: 54px;
    margin-top: 12px;
}

.PPRO{
    height: 31px;
    width: 54px;
    margin-top: 9px;
}

.SOFORT{
    max-height: 31px;
    max-width: 54px;
    margin-top: 11px;
}

.APPLEPAY{
    height: 31px;
    width: 44px;
    margin-top: 10px;
}

.PAYPAL{
    max-width: 50px;
    max-height: 20px;
    margin-top: 19px;
}
.GPAY {
    height: 59px;
    width: 78px;
    margin-top: -5px;
    margin-left: -7px;
}
.PagoInConto {
    max-width: 60px;
    max-height: 40px;
    margin-top: 12px;
}
.PAYPALBNPL {
    width: 65px;
    height: 50px;
}
.ccAccettati{
   padding-left: 6px;
}
.arrowScadenza{
    float: right;
}

#riepilogo label,#print label, #campiGYB label, [id^=riga] label, .riepilogoclass label{
    font-weight: normal !important;
    color: #000 !important;
    font-size: 16px !important;
    margin-bottom: -4px;
}
#print label{
    line-height: 17px;
}

#riepilogo span *>*>*:not(#dl-codizioniStruttura),#print span *>*>*:not(#dl-codizioniStruttura), #campiGYB span, [id^=riga] span, .riepilogoclass span{
    font-weight: normal;
    font-size: 16px;
    line-height: 17px;
    color: #000 !important;
}

#campiGYB.modificaAnag span {
    font-weight: 500;
    font-size: 14px !important;
    color: #2D32AA !important;
    margin-top: 35px !important;
}

#print{
    margin-top: 29px;
    font-size: 18px !important;
    color: #000 !important;
    line-height: 19px;
}

#rip_txtLastCarta{
    line-height: 19px;
    font-weight: 500 !important
}

.btn-action {
    font-weight: normal;
    color: #000 !important;
    border: 1px solid #EFEFEF !important;
    border-radius: 4px !important; 
    background-color: #FFFFFF !important; 
}

.imgCC{
    background-size: cover;
    -o-background-size: 10% auto;
    -webkit-background-size: 10% auto;
    -moz-background-size: 10% auto;
    background-size: 10% auto;
    padding-right: 15px;
    background-position: calc(100% - 10px) center;
    background-repeat: no-repeat;
}

#aa_select, #mm_select{
    border-color: #000;
}

#mm_select > li > a, #aa_select > li > a{
    color: #7F7F7F !important;
    text-decoration: none;
    background-color: inherit !important;
    font-weight: normal;
    padding-left: 10px !important;
}

#mm_select > li > a:hover, #aa_select > li > a:hover{
    color: #00B8DE !important;
    text-decoration: none;
    background: inherit;
}

#mm_select > li > a:focus, #aa_select > li > a:focus{
    color: #00B8DE !important;
    text-decoration: none;
    background: inherit;
}

#aa_select{
    margin-left: 6px;
}

.MASTERPASSV7{
    height: 31px;
    width: 54px;
    margin-top: 8px;
}

.vbv{
    width: 40px !important;
    height: 40px;
}

.protectbuy{
    width: 60px !important;
}

label, .carta{
    height: 17px
}

.dropdown-menu{
    min-width: 85px
}

.black{
    color: #000 !important;
}

.privacyoneclick{
    margin-top: 20px;
    padding-left: 43px;
    line-height: 1.1;
}

.txt-decoration-none{
    text-decoration: none !important;
}

.uppercase{
    text-transform: uppercase;
}
.circularG>div:first-child {
    -webkit-animation-delay: -.45s;
    animation-delay: -.45s;
}

.circularG>div {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 3px;
    border-radius: 50%;
    background: #2D32AA;
    -webkit-animation: business-nexi-login-spinner-dots-animation .8s ease-in-out 0s infinite both;
    animation: business-nexi-login-spinner-dots-animation .8s ease-in-out 0s infinite both;
}

.circularG>div:first-child {
    -webkit-animation-delay: -.45s;
    animation-delay: -.45s
}

.circularG>div:nth-child(2) {
    -webkit-animation-delay: -.28s;
    animation-delay: -.28s
}

.circularG>div:nth-child(3) {
    -webkit-animation-delay: -.15s;
    animation-delay: -.15s
}

@-webkit-keyframes business-nexi-login-spinner-dots-animation
{
    0%,80%,to{
        -webkit-transform:translate3d(0,8px,0);
        transform:translate3d(0,8px,0)
    }
    
    40%{
        -webkit-transform:translate3d(-1px,0,0);
        transform:translate3d(-1px,0,0)
    }
}
@keyframes business-nexi-login-spinner-dots-animation{
    0%,80%,to{
         -webkit-transform:translate3d(0,8px,0);
         transform:translate3d(0,8px,0)
     }
     
     40%{
        -webkit-transform:translate3d(-1px,0,0);
        transform:translate3d(-1px,0,0)
        }
    }

#print .row{
    padding-bottom: 3px;
}

.popupAPM{
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 761px;
    padding-right: 13px;
}

/*---------------------SCROLL-BAR-DROPDOWN-----------------------*/
.dropdown-menu::-webkit-scrollbar {  width: 14px; height: 18px}
.lang .open > .dropdown-menu::-webkit-scrollbar-track { background: #fff; border-radius: 3px }
.dropdown-menu::-webkit-scrollbar-track { background: transparent; border-radius: 3px }
.dropdown-menu::-webkit-scrollbar-thumb { background: #000; border-radius: 3px; height: 6px; border: 4px solid rgba(0, 0, 0, 0); background-clip: padding-box; -webkit-border-radius: 7px; background-color: #000; -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.0) }
.dropdown-menu::-webkit-scrollbar-thumb:hover { background: #000; border-radius: 3px; height: 6px; border: 4px solid rgba(0, 0, 0, 0); background-clip: padding-box; -webkit-border-radius: 7px; background-color: #000; -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.0)}

.wrapper{
    position: relative;
    overflow: hidden;
    margin: 0;
}

.bgnexi{
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    width: 100%;
    transform: translate(-50%, -50%)
}
.descr_BANCOMATPAY{
    max-width: 62px;
    max-height: 45px;
}
.descr_GPAY{
    max-width: 100px;
    max-height: 69px;
}
.descr_APPLEPAY{
    max-width: 57px;
    max-height: 35px;
    padding: 0
}
.descr_MYSI{
    max-width: 33px;
    max-height: 33px;
    padding: 0
}
.descr_BANCOMAT{
    max-width: 46px;
    max-height: 27px;
    padding: 0
}
.descr_MYBANK{
    max-width: 61px;
    max-height: 28px;
    padding: 0
}

.descr_PPRO{
    max-width: 72px;
    max-height: 38px;
    padding: 0
}

.descr_MASTERPASSV7{
    max-width: 40px;
    max-height: 32px;
    padding: 0
}
.descr_PAYPAL{
    max-width: 60px;
    max-height: 15px;
    padding: 0
}
.descr_AMAZONPAY{
    padding: 0
}
.descr_PAYPALBNPL {
    max-width: 90px;
    max-height: 69px;
}
.descr_SOFORT{
    max-width: 48px;
    max-height: 32px;
    padding: 0
}

@media print {
    .bgnexi {
        display: none
    }
}
/* CSS TABLE STYLES */
.css-flex-table {
    display: flex;
    width: 305px;
    margin-top: -8px;
}

.css-flex-table-body {
    display: flex;
    flex: 0 0 100%;
}

.css-flex-table,
.css-flex-table-body {
    flex-wrap: wrap;
}

.css-flex-table-body div {
    box-sizing: border-box;
    margin-right: 10px;
    margin-top: 8px;
}

.blockAPPLEPAY{
    padding-top: 18px;
    margin-left: -26px;
}
.imgCustomHeader {
    height: 31px;
    margin-left: 129px;
    width: 61px;
        margin-top: 20px;
    margin-bottom: 20px;
}

.lowercase{
    text-transform: lowercase
}

.fakeButton {
    width: 136px;
    height: 40px;
    padding: 0;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    border: none;
    text-transform: uppercase;
}

.fakeButton:active {
    border: none;
    box-shadow: none;
}

.bg-grey{
    background-color: #EFF2F7;
}

.imgGybFattura{
    height: 30px;
    margin-left: 234px;
    width: 60px;
    margin-top: -22px;
}
.tooltipGYB{
    margin: 0px !important;
    padding-left: 20px !important;
    padding-right: 24px !important;
    padding-top: 23px !important;
    padding-bottom: 16px !important;
    color: #010A08;
}
.bg_bbc6cb2e{
    background-color: #bbc6cb14;
}
.nobg{
    background-color: transparent;
}
.bg-000{
    background-color: #fff;
}
.gybDisabled{
    border: 0px;
    color: #000 !important;
    box-shadow: none;
    padding: 6px;
    cursor: default;
    margin-top: -3px;
    font-weight: 500;
    font-size: 16px;
    padding-left: 0;
}
#gyb .form-control:disabled::-moz-placeholder {
  color: #fff !important;
  opacity: 1;
}
#gyb .form-control:disabled:-ms-input-placeholder {
  color: #fff !important;
}
#gyb .form-control:disabled::-webkit-input-placeholder {
  color: #fff !important;
}
.ombragyb{
    box-shadow: 0 -1px 20px -7px rgba(187, 198, 203, 0.50);
}
.ombragybTopBottom{
    box-shadow: 0 -5px 20px -5px rgba(187, 198, 203, 0.50), 0 5px 20px -5px rgba(187, 198, 203, 0.50);
}
.ombragybBottom{
    box-shadow: 0 5px 20px -5px rgba(187, 198, 203, 0.50);
}
.gybDisabled::placeholder{
    color: white !important;
}

.bottomSq{
    background-color: #bbc6cb14;
}

.bottomSq #btnCorreggi {
    background-color: transparent !important;
}

.marginDatiCorretti{
    margin-left: 22px;
}

.marginModCasoErr{
    margin-left: 23px;
}

.marginModDati{
    margin-left: 37px;
}

.widthBtnGo{
    width: 88% !important;
}

.margincenter{
    margin-right: -3%;
}

.downloadpdfscontrino_width{
    width: 93%;
}
.cassaHeaderCenter {
    text-align: center;
    clear: both;
}

/*Avoid firefox shrink*/
.noshrink {
    flex-shrink: 0;
    max-width: 150px;
    max-height: 40px;
}

.borderRadiusBottom{
    border-bottom-left-radius: 8pt;
    border-bottom-right-radius: 8pt;
}

.minHeight{
    min-height: 0px;
}
.overlay_scelta{
    background-color: transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2147483647;
}

.col-sm-49p{
    width: 55%;
}
.brd_visa{
    width: 30px;
    height: 11px;
}
.brd_diners{
    width: 25px;
    height: 21px;
}
.brd_vpay, .brd_mastercard, .brd_maestro, .brd_amex{
    width: 31px;
    height: 21px;
}
.brd_jcb{
    width: 31px;
    height: 15px;
}
.c-modal-logo_visa{
    width: 30px;
    height: 11px;
}
.c-modal-logo_vpay, .c-modal-logo_mastercard, .c-modal-logo_maestro, .c-modal-logo_amex, .c-modal-logo_diners{
    width: 46px;
    height: 30px;
}
.c-modal-logo_jcb{
    width: 46px;
    height: 22px;
}
.c-modal-logo_mc_identity_check{
    width: 75px;
    height: 49px;
    max-width: 100px;
    max-height: 100px;
    margin-left: 7px;
}
.jsecure{
    width: 60px !important;
}

.BANCOMATPAY{
    width: 54px;
    height: 31px;
    margin-top: 10px;
}
.margin-erracs{
    margin-bottom: 20px;
    font-weight: 100;
    font-size: 18px;
}
.margin-erracs-bold{
    margin-bottom: 0px;
    font-weight: 400 !important;
}
.no-new-line{
    display: inline;
}
.logos-container{
    display: inline-block;
    width: 70px;
    height: 45px;
    margin-left: 8px;
}
.logi :first-child{
    /* margin-left: -23px; */
    margin-bottom: 16px;
    margin-left: 0px !important;
}
.img-logos{
    height: 100% !important;
    width: 100% !important;
    margin: 0 !important;
}.font-select{
    height: 19px;
    width: 24.92px;
    color: #000000;
    font-size: 18px;
    line-height: 19px;
}
.arrowPrefix, .arrowPrefixUp{
    width: 20px;
    height: 20px;
}
.btn-group.open  .arrowPrefix {  display: none;}
.arrowPrefixUp { display: none;}
.btn-group.open .arrowPrefixUp { display: block; transform: scaleY(-1) rotate(360deg); display: inline-block;}
.open button .arrowPrefixUp { display: block; transform: scaleY(-1) rotate(360deg); display: inline-block;}
.open button .arrowPrefix { display: none;}
.bpay_wait{
    color: #000000;
    font-size: 18px;
    text-align: center;
    line-height: 19px;
}
.h-375{
    height: 375px !important;
}
.errorRetryBpay {
    min-height: 95px;
    width: 275px;
    color: #F9423A;
    font-size: 18px !important;
    line-height: 19px !important;
    text-align: center;
    margin: auto;
}
.confermaAnnullo{
    background: transparent;
    border: 0px;
    margin-bottom: 10px;
    padding-top: 15px;
    margin-right: 10px;
}
.p-box-wait{ padding: 88px 20px 88px 20px }
.logo_ok{ width: 45px; height: 45px;}
.dccAmountSpan{display: block; padding-bottom: 10px}
.ellisseOrdine{width: 296px; word-break: break-all; margin: auto;}
.ellisseRiepilogo{width: 286px; word-break: break-all;}
/*.ellisseRiepilogo{width: 286px; white-space: nowrap;overflow: hidden;text-overflow: clip;}*/
.borderColorBlack{border-color: #000;}
#InfoPrivacyModal>.modal-dialog{margin-top: 50px;}
#dl-codizioniStruttura>.modal-dialog{margin-top: 69px;}
#InfoPrivacyModal>.modal-dialog *:not(h5,button) {font-size:18px !important; line-height: 18px; color: #000 !important; }
#txtRicorda1Click.checkbox-text{color: #000; font-size: 18px; font-weight: 400}
#btnCambiaCarta{letter-spacing: 1px}
.errorsvg{ width: 45px; height: 45px; }
.btn-big > table {height: 60px; text-align:left; white-space: normal; width: 248px}
#sezioneRiepilogoDisputeLess .icon-info, #sezioneRiepilogoDisputeLess .icon-info-onhover { width: 19px; height: 19px; }
.privacyinvisible{ font-size: 18px; line-height: 19px; padding-left: 52px; margin-top: 10px;}
.capitalize:first-letter { text-transform: uppercase; }
.imgMetodiRiepilogo { max-width: 50px; max-height: 30px; margin-top: -5px; float: right;}
.cardart { width: 255px; height: 162px; border-radius: 10px; box-shadow: 0 0 20px 0px rgb(0 0 0 / 30%); -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 30%); -moz-box-shadow: 0 0 20px 0 rgb(0 0 0 / 30%); }
.cardtext {
  position: relative; top: -60px; left: 39px; opacity: 80%;
  opacity: 0.8;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16px;
}
.cardnum {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16.5px;
}
.PPRO_skrillonetap{height: 15px; width: 60px; margin-top: 19px;}
.cardcolorwhite { color: white; }
.cardcolorblack { color: black; }
.half-size-exp { width: 188px}
.cross-exp { width: 150px }
.cross-cvv { width: 55px }
.full-size-exp { width: 295px; }
.half-size-cvv { width: 63px}
.full-size-cvv { width: 263px; }
.invisibile { display: none; }

.PAGODIL{width: 54px; height: 28px; margin-top: 10px;}
.ONEY{width: 51px; height: 52px;}
.oneyRiepilogo{width: 100px;height: 32px;margin-top: -8px;float: right;}
.pagodilRiepilogo{width: 39px;height: 20px;margin-top: -8px;float: right;}
.circle {
  height: 11px;
  width: 11px;
  border-radius: 100px;
  background-color: #fff;
  float: left;
  top: 15px;
  left: -20px;
  border: 1px solid #9596AF;
  position: absolute;
}
.gray{background-color: #9596AF}
.vl{
  position: absolute;
  border-left: 1px dashed #9596AF;
  height: 45px;
  left: -15px;
  top: 26px;
}
.PPRO_skrill{ width: 45px; }
.PagoInConto { max-width: 51px; max-height: 40px; margin-top: 14px;}
.pagoPaImg{ margin-top: 41px; height: 53px; }
#readerQR { width: 210px; height: 210px; position: absolute !important; top: 0; left: 0;}
#readerQR > video { width: 210px; object-fit: none; height: 210px; border-radius: 10px;}
.rectangleQR {height: 50px; width: 210px; background: linear-gradient(180deg, rgba(0,184,222,0.29) 0%, rgba(0,184,222,0) 100%); animation: 2s ease-in-out infinite alternate swingParent; position: relative; display: inline-block; z-index: 999; }
@keyframes swingParent {
  from {
    transform: translateY(5px);
    top: 0;
  }
  to {
    top: 100%;
    transform: translateY(-100%);
  }
}
#containerQR { width: 210px; height: 210px; position: relative; }
#errorModalPagoPa > .modal-content { width: 270px; height: 144px; border-radius: 12px; background-color: rgba(252,252,252); color: #030303; margin: auto; margin-top: 261px; z-index: 9999999;}
#errorModalPagoPa > .modal-content > .modal-header { height: 100px; border-bottom: 1px solid #4D4D4D; }
ul#sceltarate_select { width: 295px; border-radius: 2px; margin-top: -1px; border-color: #000; max-height: 100px; padding-top: 14px; overflow-y: auto; background: #fff;}
#sceltarate_select li { font-size: 16px; line-height: 17px; font-weight: normal; color: #000; cursor: pointer; display: block;padding: 0px 20px 10px 15px;clear: both;white-space: nowrap;}
#sceltarate_select li.selected { font-weight: 500; color: #00B8DE !important; }
#sceltarate_select li:hover { font-weight: 500; }
/* Cross Merchant 
#challenge_1, #challenge_2, #challenge_3, #challenge_4, #challenge_5, #challenge_6{
}*/
.riepilogo_sms ul li { padding: 0 4px; }
.riepilogo_sms .sms input { width: 40px; height: 40px; background: #FFF; border-color: #FFF;  font-size: 28px; text-align: center; padding: 0px;
        border-radius: 6px  !important; 
        -o-border-radius: 6px  !important;  -ms-border-radius: 6px  !important; 
        -webkit-border-radius: 6px  !important;  ;-moz-border-radius: 6px  !important; ; 
        -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.15);
        -moz-box-shadow:  0px 0px 8px 1px rgba(0,0,0,0.15);
        box-shadow:  0px 0px 8px 1px rgba(0,0,0,0.15);
}
.cross-check { background: lavender;margin: 3px;padding: 10px; }
.cross-dev { margin: 3px;padding: 10px; background: lavender; }
.checkbox-text-sm { font-size: 14px; line-height: 14px; }
a[aria-disabled="true"] {
    color: currentColor;
    display: inline-block; /* For IE11/ MS Edge bug */
    pointer-events: none;
    text-decoration: none;
}
.entro {
	width: 80px;
    display: inline-block;
}
.cross-icon-cnt {
    background: white;
    border: none;
    padding-right: 5px;
    padding-left: 5px;
}
.cross-icon-color {
	color: #2D32AA;
}
.cross-icon-size {
    font-size: 1.5em;
}

.cross-exp { width: 150px }
.cross-cvv { width: 55px }
.cross-full-size-exp { width: 295px; }
.cross-half-size-exp { width: 188px}
.cross-half-size-cvv { width: 95px}
.cross-full-size-cvv { width: 295px; }

.tooltip-exp-hover:hover > .tooltip-cvv { display: block }
.tooltip-exp { background: #FFF; box-shadow:0px 3px 6px 0px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 20px 0 #0003; -moz-box-shadow: 0 0 20px 0 #0003; width: 273px; height: 150px; position: absolute; display: none;  z-index: 999;  right: 9px;  top: 63px; padding: 5px; }
.tooltip-exp-inner { width: 100%; margin: 0px  6px 6px 0px; padding: 10px }
.tooltip-exp-inner img { width: 100%; }
.arrow-exp {width: 0; height: 0;  border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #FFF; position: absolute; right: 125px; top: -5px }