/* icons airmessages: */
.warning-ico {
background-image:
url('/etc/designs/gimb/img/ico-airmessage-priority-medium.png');
}
.alert-ico {
background-image:
url('/etc/designs/gimb/img/ico-airmessage-priority-high.png');
}
.birthday_icon {
background-image: url('/etc/designs/gimb/img/ico-birthday.png');
}
/* commonizzation - 18072016 - ee40558 */
/*newsletter settings icons: */
.newsletter-icon-class {
display: inline-block;
width: 40px;
height: 40px;
background-image: url('/etc/designs/gimb/img/sprite-icons-newsletter.png');
background-repeat: no-repeat;
background-position: center center;
}
.newsletter-icon-class.newsletter-ico-0 {
background-position: 0 0;
}
.newsletter-icon-class.newsletter-ico-1 {
background-position: -40px 0;
}
.newsletter-icon-class.newsletter-ico-2 {
background-position: -120px 0;
}
.newsletter-icon-class.newsletter-ico-3 {
background-position: -80px 0;
}
.newsletter-icon-class.newsletter-ico-4 {
background-position: -160px;
}
.child-ico{
background: url(/etc/designs/gimb/img/ico-child.png) center center no-repeat;
display: inline-block;
height: 20px;
width: 22px;
}
/* common elements: */
body {
background-color: #333;
font-family: "unicredit-regular";
/* font-size: 16px; */
/* line-height: 1.5; */
}
/* ux request to be checked
a{
text-decoration: underline;
}
*/
/* il tag italic di cq5 deve avere il font unicredit italic - ee34086 - 20-09-2016 */
i{
font-style: normal;
font-family: 'unicredit-italic';
}
a,
a:hover,
a:focus{
color: #00AFD0;
}
/* begin commonization purposes - 23-04-2016 - ee40558 */
a.uc-link{
font-family: 'unicredit-medium';
}
/* end commonization purposes - 23-04-2016 - ee40558 */
/* testo underline unicredit-medium item 788 ALM - 13-04-2016 - ee34086 */
a.uc-link-underline,
a.uc-link-underline:hover,
a.uc-link-underline:active,
a.uc-link-underline:focus {
font-family: 'unicredit-medium';
text-decoration: underline;
}
.news-title{
font-family: 'unicredit-medium';
}
a.uc-link-underline.type2{
height: 40px;
display: table-cell;
vertical-align: middle;
}
/* begin added for standardization - 23-04-2016 - ee40558 */
a.uc-link-nodecoration,
a.uc-link-nodecoration:hover,
/* end added for standardization - 23-04-2016 - ee40558 */
a.link-nodecoration,
a.link-nodecoration:hover{
text-decoration: none;
}
/* commonization purposes - 28-06-2016 - ee40558 */
.uc-link-type2:after{
content:" \f9"; /*aggiunto spazio e tolto i margini in modo che si veda underline per intero al mouse hover - 16-08-2016 - ee34086*/
font-family: uc-misc;
font-size: 0.55em;
position: relative;
text-decoration: none;
}
/*Remove Mozilla Firefox Border Remove Dotted Line Around Link */
a,a:active,a:focus {
outline: none !important;
-moz-outline-style: none !important;
}
/* text transform behavior on placeholder in input form */
::-webkit-input-placeholder{ /* WebKit browsers */
text-transform: none;
color:#ccc;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
text-transform: none;
color:#ccc;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
text-transform: none;
color:#ccc;
}
/* add importat for IE10 and IE11 - 20170217 ee38938 */
:-ms-input-placeholder { /* Internet Explorer 10+ */
text-transform: none !important;
color:#ccc !important;
}
/* rimuove l'icona mostra password e cancella da IE - 19-05-2016 - ee34086 */
::-ms-clear,
::-ms-reveal {
display: none;
}
/* bootstrap override H4 SMALL - 23-05-2016 - ee40558 */
h4 .small{
font-size: 16px;
color: #fff;
line-height: 2.2rem;
}
/* commonization purposes - 28-06-2016 - ee40558 */
.width1 {
width: 270px;
}
/*bootstrap override adn fix */
.media-body {
width: auto;
}
.media, .media-body {
overflow: visible;
}
label{
margin-bottom: 0;
}
/* aggiunta la possibilita all'oggetto media di contenere dei float visto che e' stato tolto l'overflow:auto - 16-05-2016 - ee34086 */
.media::after {
/* class for auto height when containing float elements */
content: "";
display: table;
clear: both;
}
.form-control{
box-shadow: none;
transition: none;
}
/* primefaces override */
.ui-panel{
padding: 0;
}
.ui-panel .ui-panel-content{
padding: 0;
}
.ui-wizard-content {
margin: 0;
}
/* Classi CQ: */
.pageIntro {
padding: 20px;
}
/* common classes */
/*ux primary colors: */
.txt-color-k{
color: #000000;
}
.txt-color-k1{
color: #262626;
}
.txt-color-k2{
color: #333333;
}
.txt-color-k3{
color: #666666;
}
.txt-color-k4{
color: #999999;
}
.txt-color-k5{
color: #CCCCCC;
}
.txt-color-k6{
color: #E5E5E5;
}
.txt-color-k7{
color: #F5F5F5;
}
.txt-color-k8{
color: #BEBEBE;
}
.txt-color-r1{
color: #AA1C0D;
}
.txt-color-r2{
color: #C60E13;
}
.txt-color-r3{
color: #E2001A;
}
.txt-color-r4{
color: #EA5C4D;
}
.txt-color-b1{
color: #00AFD0;
}
.txt-color-b2{
color: #BFEBF3;
}
.txt-color-b3{
color: #E5EFF2;
}
.txt-color-b4{
color: #F5FCFC;
}
.txt-color-b5{
color: #009DBB;
}
.txt-color-b6{
color: #007A91;
}
.txt-color-g1{
color: #00A197;
}
.txt-color-g2{
color: #99D9D5;
}
.txt-color-g3{
color: #CCECEA;
}
.txt-color-g4{
color: #2FA358;
}
.txt-color-y1{
color: #FBB800;
}
.txt-color-y2{
color: #FEF1CC;
}
/* commonizzation - 07092016 - ee40558 */
/* aggiunti i bg-color */
.bg-color-k5{
background-color: #CCCCCC !important;
}
.bg-color-k6{
background-color: #E5E5E5 !important;
}
.bg-color-k7{
background-color: #F5F5F5 !important;
}
.bg-color-r1{
background-color: #AA1C0D !important;
}
.bg-color-r2{
background-color: #C60E13 !important;
}
.bg-color-r3{
background-color: #E2001A !important;
}
.bg-color-r4{
background-color: #EA5C4D !important;
}
.bg-color-b1{
background-color: #00AFD0 !important;
}
.bg-color-b2{
background-color: #BFEBF3 !important;
}
.bg-color-b3{
background-color: #E5EFF2 !important;
}
.bg-color-b4{
background-color: #F5FCFC !important;
}
.bg-color-b5{
background-color: #009DBB !important;
}
.bg-color-b6{
background-color: #007A91 !important;
}
.bg-color-g1{
background-color: #00A197 !important;
}
.bg-color-g2{
background-color: #99D9D5 !important;
}
.bg-color-g3{
background-color: #CCECEA !important;
}
.bg-color-g4{
background-color: #2FA358 !important;
}
.bg-color-y1{
background-color: #FBB800 !important;
}
.bg-color-y2{
background-color: #FEF1CC !important;
}
/* end bg colors */
/* UX fonts class: */
.unicredit-regular{
font-family: 'unicredit-regular';
}
.unicredit-medium{
font-family: 'unicredit-medium';
}
.unicredit-bold{
font-family: 'unicredit-bold';
}
.unicredit-medium-italic{
font-family: 'unicredit-medium-italic';
}
.unicredit-italic{
font-family: 'unicredit-italic';
}
.unicredit-light{
font-family: 'unicredit-light';
}
.unicredit-light-italic{
font-family: 'unicredit-light-italic';
}
.unicredit-bold-italic{
font-family: 'unicredit-bold-italic';
}
.blue-label,
.lightbluetxt {
color: #00AFD0;
}
.grey-label,
.lightgreytxt{
color: #999;
}
.left-space-30,
.indented-text-ul-aligned {
margin-left: 30px;
}
.summary-data-container .summary-category-title + div:not([class]):after,
.summary-data-container .summary-category-title + .no-subTitle:after,
.summary-data-container .summary-category-subTitle + div:not([class]):after,
.float-container:after {
/* class for auto height when containing float elements */
content: "";
display: table;
clear: both;
}
/* commonizzation - 07092016 - ee40558 */
.icon-place {
min-width:16px;
display: inline-block;
}
/* commonizzation - 07092016 - ee40558 */
.icon-place-type2{
min-width:30px;
float: left; /* fix - 27-05-2016 - ee40558 */
}
.amount-positive {
color: #00AFD0;
}
.amount-negative {
/* !important for override other colors and css specifications */
color: #EA5C4D !important;
}
/* modal login: */
.modal-dialog.modal-login {
min-width: 900px;
}
.modal-dialog{
width: 900px;
}
.modal-backdrop.in {
opacity: 0.8;
/* fix per display backdrop in modal su cards (tolto flash nero all'inject della pagina carte) - 30-03-2016 - ee34086 */
display: block;
}
.modal-backdrop {
/* position: absolute; */
z-index: 999;
/* fix per display backdrop in modal su cards (tolto flash nero all'inject della pagina carte) - 30-03-2016 - ee34086 */
display: none;
}
.modal{
z-index: 1000 !important;
}
.modal-dialog .logo-white {
/*display: inline-block;
height: 40px;
width: 195px;
margin-left: 0;
background: url("/etc/designs/gimb/img/logo-white.png") no-repeat scroll
-27px -28px transparent; substitute with sprite - ee38938 20170905 */
margin: -50px 20px 0;
float: left;
}
/* implementation with sprite - ee38938 20170905 */
.modal-dialog .logo-white::before {
content: " ";
position: absolute;
background-image: url(/etc/designs/gimb/img/sprite-common.png);
background-position: -1349px 0;
width: 195px;
height: 86px;
left: -27px;
top: -78px;
}
.modal-dialog .modal-body {
padding: 0;
}
.modal-dialog .ico-close {
/* background: url(/etc/designs/gimb/img/close-white.png) no-repeat right top; substitute with sprite - ee38938 20170905 */
display: block;
float: right;
height: 40px;
margin: 0;
margin-top: -45px;
width: 40px; /*aumentata la larghezza e l'altezza per fare in modo che con il touchscreen non si abbiano problemi a chiudere la modale - 26-05-2016 - ee34086 */
}
/* implementation with sprite - ee38938 20170905 */
.modal-dialog .ico-close::before {
content: " ";
position: absolute;
right: 0px;
background-image: url(/etc/designs/gimb/img/sprite-common.png);
background-position: -1544px 0;
width: 20px;
height: 20px;
}
/* begin NEW HELPER CLASSES - 23-04-2016 - ee40558 */
.vertical-margin-wrapper{
margin-top: 40px;
margin-bottom: 40px;
}
.margin-bottom-sm,
.content-sm-bottom-margin-wrapper{
margin-bottom: 10px;
}
.padding-md-all{
padding: 20px;
}
.no-padding-top{
padding-top: 0;
}
/* end added for standardization - 23-04-2016 - ee40558 */
/* BEGIN: il padding laterali sono 30px per le pagine normali e 40px nelle modali - 05-05-2016 - ee34086*/
/*BEGIN nuove classi per i margini delle icone - 23-05-2016 - ee34086 */
.icon-margin-right,
.input-margin-right {
margin-right: 10px;
}
.icon-margin-left,
.input-margin-left {
margin-left: 10px;
}
/* commonization - 17-11-2016 - ee40558 */
.table-row{
display: table-row;
}
/*END nuove classi per i margini delle icone - 23-05-2016 - ee34086 */
/* moved in common_at - 05102016 - ee40558 */
.content-padding-wrapper,
.content-padding-wrapper.container-fluid {
padding-left: 30px;
padding-right: 30px;
}
/* investments_AT - 08-11-2016 - ee40558 */
.reset-content-padding-wrapper{
margin-left:-30px;
margin-right:-30px;
}
.modal .content-padding-wrapper,
.modal-dialog .content-padding-wrapper,
.modal .content-padding-wrapper.container-fluid,
.modal-dialog .content-padding-wrapper.container-fluid
{
padding-left: 40px;
padding-right: 40px;
}
/* END: il padding laterali sono 30px per le pagine normali e 40px nelle modali - 05-05-2016 - ee34086*/
.content-top-padding-wrapper,
.sub-section-container-margin {
padding-top: 40px;
}
.content-md-padding-wrapper {
padding-left: 20px;
padding-right: 20px;
}
.content-md-top-padding-wrapper {
padding-top: 20px;
}
.content-md-bottom-padding-wrapper {
padding-bottom: 20px;
}
/* commonization purposes - 28-06-2016 - ee40558 */
.content-sm-bottom-padding-wrapper {
padding-bottom: 10px;
}
.content-sm-top-padding-wrapper {
padding-top: 10px;
}
/* commonization purposes - 26-09-2016 - ee40558 */
.content-sm-updown-padding-wrapper{
padding-bottom: 10px;
padding-top: 10px;
}
/*used everywhere in card's wizards; it's quite a standard to use padding 40px 20px - 01042016 - ee36958*/
.content-md-updown-padding-wrapper{
padding-bottom: 20px;
padding-top: 20px;
}
.div-content-padding-wrapper{
padding: 20px 40px;
}
/*used everywhere in card's wizards; it's quite a standard to use padding 40px 20px - 01042016 - ee36958*/
.ui-widget-overlay{
opacity: 0.8;
background-color: #000;
}
.modal-body .main_content{
margin: 0;
}
/* .modal-body .modal_container{ */
/* width: 100%; */
/* } */
.modal_container h3 {
margin-top: 0;
}
.modal_container .descr {
width: 75%;
float: left;
text-align: left
}
.modal_container h3.tit {
font-family: 'unicredit-medium';
font-size: 20px;
font-size: 2rem;
color: #666666;
text-transform: uppercase;
text-align: left;
}
.ui-dialog.ui-shadow{ /* no shadows on primefaces dialogs */
box-shadow: none;
}
/*----------------------------*/
/* FIX IPAD and tablet SCROLL */
/*----------------------------*/
/* fix background scroll on tablet */
body.modal-open {
overflow: hidden;
position:fixed;
width: 100%;
}
/* end fix */
body.modal-open #center-content{
/* overflow: hidden; */
/* position: fixed; */
}
body.modal-open{
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
}
/* fix scrolling snippet of android */
body.modal-open.android-scroll-fix{
overflow: hidden;
position: fixed;
}
/* Container that the modal scrolls within */
.modal {
display: none;
-webkit-overflow-scrolling: touch;
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
/*----------------------------*/
/*****************************************/
/************** BUTTONS ******************/
/*****************************************/
.btn-standard_60,
button.btn-standard_60,
a.btn-standard_60,
.btn-activated_60,
button.btn-activated_60,
a.btn-activated_60
{
padding: 0 30px;
line-height: 58px; /*line-heigth 58 in quanto ci sono 2 px di border top-bottom - 29-06-2016 */
height: 60px;
text-transform: uppercase;
font-family: 'unicredit-medium';
font-size: 14px;
border: 1px solid #cccccc;
border-radius: 3px;
background-color: transparent;
color: #666;
text-align: center;
text-decoration: none;
display: inline-block;
min-width: 135px;
max-width: 330px;
/* overflow: hidden; */
}
.btn-standard_60:disabled,
.ui-state-disabled.btn-standard_60,
button.btn-standard_60:disabled,
a.btn-standard_60:disabled {
background-color: #f5f5f5 !important;
border: 1px solid #ccc !important;
color: #999 !important;
}
/*new styleguide*/
.btn-standard_60:focus,
button.btn-standard_60:focus,
a.btn-standard_60:focus,
.btn-standard_60:hover,
button.btn-standard_60:hover,
a.btn-standard_60:hover,
.btn-standard_60:active,
button.btn-standard_60:active,
a.btn-standard_60:active{
text-decoration: none;
}
.btn-standard_60:focus,
button.btn-standard_60:focus,
a.btn-standard_60:focus,
.btn-standard_60:hover,
button.btn-standard_60:hover,
a.btn-standard_60:hover{
background-color: #f5f5f5;
border-color: #999;
}
.btn-standard_60:active,
button.btn-standard_60:active,
a.btn-standard_60:active{
background-color: #e5e5e5;
color: #333;
border-color: #333;
}
/*btn60 activated */
.btn-activated_60,
button.btn-activated_60,
a.btn-activated_60 {
border: 1px solid #00afd0;
background-color: #00afd0;
color: #fff;
text-decoration: none;
}
.btn-activated_60:disabled,
.ui-state-disabled.btn-activated_60,
button.btn-activated_60:disabled,
a.btn-activated_60:disabled{
text-decoration: none;
background-color: #f5f5f5 !important;
border: 1px solid #ccc !important;
color: #999 !important;
}
.btn-activated_60:focus,
button.btn-activated_60:focus,
a.btn-activated_60:focus,
.btn-activated_60:hover,
button.btn-activated_60:hover,
a.btn-activated_60:hover{
background-color: #009DBB;
border: 1px solid #009DBB;
text-decoration: none;
}
.btn-activated_60:active,
button.btn-activated_60:active,
a.btn-activated_60:active{
background-color: #007A91;
border: 1px solid #007A91;
}
/*end new styleguide*/
.btn-standard,
a.btn-standard,
button.btn-standard{
padding: 0px 20px; /*new styleguide padding from 15px to 20px 20160307 */
line-height: 38px; /*line-heigth 38 in quanto ci sono 2 px di border top-bottom - 29-06-2016 */
height: 40px;
text-transform: uppercase;
font-family: 'unicredit-medium';
font-size: 14px;
border: 1px solid #cccccc;
border-radius: 3px;
background-color: transparent;
color: #666;
text-align: center;
text-decoration: none;
display: inline-block;
min-width: 95px;
max-width: 330px;
/* overflow: hidden; */
white-space: nowrap;
}
/* commonizzation - 18072016 - ee40558 */
.row-vert-align{
line-height: 40px;
}
/*new styleguide behaviour - 31032016 - ee36958*/
/* investments AT - SCRUM F - 01-12-2016 - ee40558 */
.btn:focus,
.btn:hover,
.btn:active,
.btn-standard:focus,
a.btn-standard:focus,
button.btn-standard:focus,
.btn-standard:hover,
a.btn-standard:hover,
button.btn-standard:hover,
.btn-standard:active,
a.btn-standard:active,
button.btn-standard:active{
text-decoration: none;
color: #fff;
outline: none;
}
/* investments AT - SCRUM F - 01-12-2016 - ee40558 */
.btn:hover,
.btn-standard:focus,
a.btn-standard:focus,
button.btn-standard:focus,
.btn-standard:hover,
a.btn-standard:hover,
button.btn-standard:hover{
background-color: #f5f5f5;
border-color: #999; /* allineamento a styleguide - 30-06-2016 - ee34086 */
color: #666;
outline: none;
}
/* investments AT - SCRUM F - 01-12-2016 - ee40558 */
.btn:active,
.btn-standard:active,
a.btn-standard:active,
button.btn-standard:active{
background-color: #e5e5e5;
color: #333;
border-color: #333;
}
/*end new styleguide behaviour - 31032016 - ee36958*/
/* inizio tutorial azzeramento minimale proprieta' joyride - 08/07/2016 - ee38938
ATTENZIONE questi selettori deve essere sempre prima di btn-activated */
.joyride-tip-guide .btn-activated:hover {
border: 1px solid #009DBB !important;
}
.joyride-tip-guide .joyride-next-tip {
background: inherit;
text-shadow: none;
box-shadow: 0px 1px 0px rgba(0,0,0,0) inset;
}
/* investments AT - SCRUM F - 01-12-2016 - ee40558 */
.btn-primary,
.joyride-tip-guide .btn-activated, /* questo selettore e' necessario per la sovrascrittura di joyrdie */
/* fine tutorial azzeramento minimale proprieta' joyride - 08/07/2016 - ee38938*/
.btn-activated,
a.btn-activated,
button.btn-activated,
/*added nav next enabled for cards wizards - 31032016 - ee36958*/
.cardsButtonActive.ui-wizard-nav-next
/*end added nav next enabled for cards wizards - 31032016 - ee36958*/
{
font-family: 'unicredit-medium';
font-size: 14px;
/* font-size: 1.4rem; */
border: 1px solid #00afd0;
background-color: #00afd0;
color: #fff;
border-radius: 3px;
display: inline-block;
line-height: 38px; /*line-heigth 38 in quanto ci sono 2 px di border top-bottom - 29-06-2016 */
height: 40px;
text-align: center;
/* padding: 0 46px; */
text-transform: uppercase;
text-decoration: none;
padding: 0px 20px; /*new styleguide padding from 15px to 20px 20160307 */
min-width: 95px;
max-width: 330px;
/* overflow: hidden; */
margin: 0;
}
/* investments AT - SCRUM F - 01-12-2016 - ee40558 */
.btn-group .btn,
.btn-group .btn-standard,
.btn-group .btn-activated{
margin-right:0;
}
/*new styleguide behaviour - 31032016 - ee36958*/
/* investments AT - SCRUM F - 01-12-2016 - ee40558 */
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-activated:focus,
button.btn-activated:focus,
a.btn-activated:focus,
.btn-activated:hover,
button.btn-activated:hover,
a.btn-activated:hover,
.btn-activated:active,
button.btn-activated:active,
a.btn-activated:active{
color: #fff;
text-decoration: none;
outline: none;
}
/* investments AT - SCRUM F - 01-12-2016 - ee40558 */
.btn-primary:focus,
.btn-primary:hover,
.btn-activated:focus,
button.btn-activated:focus,
a.btn-activated:focus,
.btn-activated:hover,
button.btn-activated:hover,
a.btn-activated:hover{
background-color: #009DBB;
border: 1px solid #009DBB;
}
/* investments AT - SCRUM F - 01-12-2016 - ee40558 */
.btn-primary:active,
.btn-activated:active,
button.btn-activated:active,
a.btn-activated:active{
background-color: #007A91;
border: 1px solid #007A91;
}
/*end new styleguide behaviour - 31032016 - ee36958*/
/* investments AT - SCRUM F - 01-12-2016 - ee40558 */
.btn-primary:disabled,
.btn-activated:disabled,
a.btn-activated:disabled,
.btn-standard:disabled,
a.btn-standard:disabled,
.btn-standard_60:disabled,
a.btn-standard_60:disabled
{
background-color: #f5f5f5 !important;
border: 1px solid #ccc !important;
color: #999 !important;
}
/* investments AT - SCRUM F - 01-12-2016 - ee40558 */
a.btn-primary,
a.btn-activated{
color: #fff !important;
text-decoration: none;
}
.btn-deactivated,
a.btn-deactivated,
/*added nav next disabled for cards wizards - 31032016 - ee36958*/
.cardsButtonDisabled.ui-wizard-nav-next
/*end added nav next disabled for cards wizards - 31032016 - ee36958*/
{
padding: 0px 20px; /*new styleguide padding from 15px to 20px 20160307 */
line-height: 38px; /*line-heigth 38 in quanto ci sono 2 px di border top-bottom - 29-06-2016 */
height: 40px;
text-transform: uppercase;
font-family: 'unicredit-medium';
font-size: 14px;
border: 1px solid #cccccc;
border-radius: 3px;
background-color: #f5f5f5;
color: #999;
text-align: center;
text-decoration: none;
display: inline-block;
min-width: 95px;
max-width: 330px;
/* overflow: hidden; */
}
/*new styleguide behaviour - 31032016 - ee36958*/
.btn-deactivated:focus,
a.btn-deactivated:focus,
.btn-deactivated:hover,
a.btn-deactivated:hover,
.btn-deactivated:active,
a.btn-deactivated:active {
text-decoration: none;
outline: none;
}
.btn-with-icon-standard,
.btn-with-icon-activated,
/*add class to buttons order e standing list*/
.btn-sm-with-icon-standard,
.btn-sm-with-icon-activated,
a.btn-with-icon-standard,
a.btn-with-icon-activated,
/*add class to buttons order e standing list*/
/* commonizzation - 18072016 - ee40558 */
a.btn-sm-with-icon-standard,
a.btn-sm-with-icon-activated,
.ui-datatable .ui-row-editing .ui-row-editor .ui-icon.ui-icon-check,
.ui-datatable .ui-row-editing .ui-row-editor .ui-icon.ui-icon-close {
padding: 0px 20px; /*new styleguide padding from 15px to 20px 20160307 */
line-height: 38px !important; /* line-height 38px invece di 44px in quanto l'altezza e' 40px, dunque 38px + 1px border-top + 1px border-bottom - 08-08-2016 - ee34086 */
height: 40px;
font-family: inherit;
font-size: 30px;
vertical-align: middle;
border: 1px solid #cccccc;
border-radius: 3px;
background-color: transparent;
color: #666;
text-align: center;
text-decoration: none;
display: inline-block;
}
/*add class to buttons order e standing list*/
.btn-sm-with-icon-standard,
a.btn-sm-with-icon-standard {
/* commonization purposes - 07-07-2016 - ee40558 */
padding: 0;
width: 40px;
outline: none;
}
.btn-with-icon-standard:hover,
.btn-with-icon-standard:focus,
.btn-sm-with-icon-standard:hover,
.btn-sm-with-icon-standard:focus,
a.btn-with-icon-standard:hover,
a.btn-with-icon-standard:focus,
a.btn-sm-with-icon-standard:hover,
/* commonizzation - 18072016 - ee40558 */
a.btn-sm-with-icon-standard:focus,
.ui-datatable .ui-row-editing .ui-row-editor .ui-icon.ui-icon-check:hover,
.ui-datatable .ui-row-editing .ui-row-editor .ui-icon.ui-icon-close:hover,
.ui-datatable .ui-row-editing .ui-row-editor .ui-icon.ui-icon-check:focus,
.ui-datatable .ui-row-editing .ui-row-editor .ui-icon.ui-icon-close:focus
{
outline: none;
text-decoration: none;
color: #666;
border: 1px solid #999;/* commonization purposes - 07-07-2016 - ee40558 */
}
.btn-with-icon-standard:active,
.btn-sm-with-icon-standard:active,
a.btn-with-icon-standard:active,
/* commonizzation - 18072016 - ee40558 */
a.btn-sm-with-icon-standard:active,
.ui-datatable .ui-row-editing .ui-row-editor .ui-icon.ui-icon-check:active,
.ui-datatable .ui-row-editing .ui-row-editor .ui-icon.ui-icon-close:active {
text-decoration: none;
color: #333;
border: 1px solid #333;
}
.btn-with-icon-activated,
.btn-sm-with-icon-activated,
a.btn-sm-with-icon-activated,
/* commonizzation - 18072016 - ee40558 */
a.btn-with-icon-activated,
.ui-datatable .ui-row-editing .ui-row-editor .ui-icon.ui-icon-check {
border: 1px solid #00afd0;
background-color: #00afd0;
color: #fff;
/*commonizzation austria - 09062016 - ee40558 */
padding:0;
width:40px;
}
.btn-with-icon-activated:focus,
button.btn-with-icon-activated:focus,
a.btn-with-icon-activated:focus,
.btn-with-icon-activated:hover,
button.btn-with-icon-activated:hover,
a.btn-with-icon-activated:hover,
.btn-with-icon-activated:active,
button.btn-with-icon-activated:active,
a.btn-sm-with-icon-activated:hover,
.btn-sm-with-icon-activated:active,
button.btn-sm-with-icon-activated:active,
/* commonizzation - 18072016 - ee40558 */
a.btn-with-icon-activated:active,
.ui-datatable .ui-row-editing .ui-row-editor .ui-icon.ui-icon-check:focus,
.ui-datatable .ui-row-editing .ui-row-editor .ui-icon.ui-icon-check:hover,
.ui-datatable .ui-row-editing .ui-row-editor .ui-icon.ui-icon-check:active{
color: #fff;
text-decoration: none;
outline: none;
}
.btn-with-icon-activated:focus,
button.btn-with-icon-activated:focus,
a.btn-with-icon-activated:focus,
.btn-with-icon-activated:hover,
button.btn-with-icon-activated:hover,
a.btn-with-icon-activated:hover,
.btn-sm-with-icon-activated:hover,
button.btn-sm-with-icon-activated:hover,
a.btn-sm-with-icon-activated:hover{
background-color: #009DBB;
border: 1px solid #009DBB;
outline: none;
}
.btn-with-icon-activated:active,
button.btn-with-icon-activated:active,
a.btn-with-icon-activated:active,
.btn-sm-with-icon-activated:active,
button.btn-sm-with-icon-activated:active,
a.btn-sm-with-icon-activated:active{
background-color: #007A91;
border: 1px solid #007A91;
}
/* commonizzation - 18072016 - ee40558 */
.ui-datatable .ui-row-editing .ui-row-editor .ui-icon.ui-icon-check,
.ui-datatable .ui-row-editing .ui-row-editor .ui-icon.ui-icon-close{
position: relative;
font-family: 'UC-Misc';
}
.ui-datatable .ui-row-editing .ui-row-editor .ui-icon.ui-icon-check{
float: right;
font-family: 'UC-Misc_02';
}
/* override btn bootstrap */
.btn{
padding: 0px 20px; /*new styleguide padding from 15px to 20px 20160307 */
line-height: 40px;
text-transform: uppercase;
font-family: 'unicredit-medium';
font-size: 14px;
border-radius: 3px;
background-color: transparent;
text-align: center;
text-decoration: none;
display: inline-block;
/* overflow: hidden; */
}
/* investments AT - SCRUM F - 01-12-2016 - ee40558 */
.btn-arrow-back {
width: 120px;
float: left;
padding: 10px;
font-family: "unicredit-regular";
font-size: 1.4rem;
background-color: transparent;
color: #666;
/* line-height: 40px; */
text-align: center;
text-decoration: none;
}
a.btn-arrow-back:hover,
a.btn-arrow-back:focus,
a.btn-arrow-back:active{
text-decoration: none;
color: #666;
outline: none;
}
/*begin commonizzation austria - 09062016 - ee40558 */
.lnk-back,
a.lnk-back {
font-size: 1.4rem;
color: #333;
text-decoration: none;
line-height: 40px;
display: block;
height: 40px;
font-family: "unicredit-regular";
text-decoration: none;
}
a.lnk-back:hover,
a.lnk-back:active,
a.lnk-back:focus {
color: #333;
text-decoration: none;
}
.lnk-back::before,
.btn-arrow-back::before {
content: "\ec";
font-family: "UC-Misc";
font-feature-settings: "liga";
display: inline-block;
/* allineamento styleguide link back - ee34086 - 15-11-2016*/
padding-right: 7px;
color: #999;
position: relative;
top: 2px;
}
/*end commonizzation austria - 09062016 - ee40558 */
/*ui nav buttons moved from below - 31032016 - ee36958*/
/* commonization purposes - 26-09-2016 - ee40558 */
.ui-dialog .ui-dialog-buttonpane button{
margin:0;
}
/*ui nav buttons*/
.ui-wizard-nav-next {
padding: 0px 15px;
line-height: 40px;
height: 40px;
text-transform: uppercase;
font-family: 'unicredit-medium';
font-size: 14px;
border: 1px solid #00afd0;
border-radius: 3px;
background-color: #00afd0;
color: #fff;
text-align: center;
text-decoration: none;
display: inline-block;
min-width: 95px;
margin: 0;
/* margin-right: 15%; */
/* margin-bottom: 30px; */
/* overflow: hidden; */
}
.ui-wizard-nav-back {
padding: 0px 15px;
line-height: 40px;
height: 40px;
text-transform: uppercase;
font-family: 'unicredit-medium';
font-size: 14px;
border-radius: 3px;
background-color: #fff;
color: #666;
border: 1px solid #ccc;
text-align: center;
text-decoration: none;
display: inline-block;
min-width: 95px;
margin: 0;
/* margin-left: 15%; */
/* margin-bottom: 30px; */
/* overflow: hidden; */
}
/*new styleguide behaviour - 31032016 - ee36958*/
.ui-wizard-nav-next:hover,
.ui-wizard-nav-back:hover,
.ui-wizard-nav-next:focus,
.ui-wizard-nav-back:focus,
.ui-wizard-nav-next:active,
.ui-wizard-nav-back:active,
a.ui-wizard-nav-next:hover,
a.ui-wizard-nav-back:hover,
a.ui-wizard-nav-next:focus,
a.ui-wizard-nav-back:focus,
a.ui-wizard-nav-next:active,
a.ui-wizard-nav-back:active {
text-decoration: none;
outline: none;
}
.ui-wizard-nav-next:hover,
.ui-wizard-nav-next:focus,
a.ui-wizard-nav-next:hover,
a.ui-wizard-nav-next:focus{
background-color: #009DBB;
border: 1px solid #009DBB;
color: #fff;
}
.ui-wizard-nav-next:active{
background-color: #007A91;
border: 1px solid #007A91;
color: #fff;
}
.ui-wizard-nav-back:hover,
.ui-wizard-nav-back:focus,
a.ui-wizard-nav-back:hover,
a.ui-wizard-nav-back:focus{
background-color: #f5f5f5;
color: #666;
outline: none;
}
.ui-wizard-nav-back:active{
background-color: #e5e5e5;
color: #333;
}
/*end new styleguide behaviour - 31032016 - ee36958*/
.ui-wizard-nav-next:disabled {
background-color: #f5f5f5;
color: #999;
border: 1px solid #ccc;
}
/*override primefaces commandButton */
.ui-wizard-nav-back.ui-button .ui-button-text,
.ui-wizard-nav-next.ui-button .ui-button-text,
.btn-activated.ui-button .ui-button-text,
.btn-deactivated.ui-button .ui-button-text,
.btn-standard.ui-button .ui-button-text,
.btn.ui-button .ui-button-text,
.sign_button_confirm.ui-button .ui-button-text{
display: inline;
padding: 0;
}
/*****************************************/
/************ END BUTTONS ****************/
/*****************************************/
.modal-dialog .modal-content {
margin-top: 70px;
border-radius: 0;
/*INIZIO tolto bordi e ombre su modali - 30-03-2016 - ee34086*/
box-shadow: none;
border: none;
/*FINE tolto bordi e ombre su modali - 30-03-2016 - ee34086*/
}
/* moved to EOF - 09062016 - ee40558 */
/* Personal info page */
.personal-info-box {
text-align: left;
width: 400px;
background-color: #F5F5F5;
margin-bottom: 30px;
}
.personal-info-box button,.personal-info-box btn {
margin-bottom: 10px;
}
.personal-info-box h4 {
background-color: #333333;
color: #fff;
padding: 10px;
font-size: 2.0rem;
margin: 0;
}
.personal-info-box h4 a {
color: #fff;
text-decoration: none;
}
.personal-info-box .inner-personal-info-box {
padding: 10px 20px;
}
.personal-info-box .inner-personal-info-box label {
display: block;
margin: 0;
}
.personal-info-box .inner-personal-info-box span {
color: #00AFD0;
}
.personal-info-box .block-container {
padding-bottom: 10px;
}
/* specific personal info-box*/
#at-additional-changes-box,#at-contact-data-box {
min-height: 230px;
}
/* BOX info */
.info-box {
text-align: left;
width: 100%;
background-color: #F5F5F5;
margin-bottom: 30px;
}
.info-box-lightblueBg .info-box,
.info-box.lightblueBg{
/*info box on modal login head */
background-color: #f5fcfc;
}
/* item 828, styleguide pag 177 box informativi azzurri modali - 20-04-2016 - ee34086 */
.info-box.lightblueBg .inner-info-box .title1{
color: #00AFD0;
}
/*fix for erroneus info-box into info-box from login-common */
.info-box .inner-info-box .info-box{
padding-bottom: 0;
margin-bottom: 0;
}
.info-box .inner-info-box .info-box i{
font-style: normal;
}
.info-box button,
.info-box btn {
/*margin-bottom: 10px;*//* commonization purposes - 26-09-2016 - ee40558 */
}
.info-box h4 {
background-color: #01AFD2;
color: #FFF;
padding: 8px 20px; /* corretto padding left-right titoli box pagina profilo - 18-04-2016 - ee34086 */
font-size: 2.2rem;
margin: 0px;
font-family: 'unicredit-medium';
height: 40px; /* altezza 40px come da styleguide - 11-05-2016 - ee34086 */
}
.info-box h3 {
font-family: 'unicredit-medium';
color: #999;
}
/* no margin top per i titoli AT sulla pagina profilo - 18-04-2016 - ee34086 */
.info-box .inner-info-box h3{
margin-top: 0;
}
.info-box.info-box-grey-head h4{
background-color: #333;
}
.info-box h4 a {
color: #fff;
text-decoration: none;
}
.info-box .inner-info-box {
padding: 20px 20px;
}
.info-box .block-container {
padding-bottom: 10px;
}
/* l'ultimo elemento del blocco non deve avere padding bottom ALM item 868 - 11-05-2016 - ee34086 */
.info-box .block-container:last-child {
padding-bottom: 0;
}
.info-box .block-container.info-box-row-deactivated span,
.info-box .block-container.info-box-row-deactivated label{
color: #999;
}
.info-box .inner-info-box label {
display: block;
margin: 0;
font-family: 'unicredit-regular';
font-weight: normal;
font-size: 16px;
color: #333;
}
.info-box .block-container .info-box-value{
font-family: 'unicredit-medium';
font-size: 16px;
color: #666;
}
.info-box .block-container a{
text-decoration: none;
color: #999;
}
/* DATATABLE styles: */
/* normal datatable: */
/* commonization purposes - 28-06-2016 - ee40558 */
.uc-table-style-zero th:not(:first-child),
.uc-table-style-zero td:not(:first-child){
padding-left:20px;
}
.uc-table-style-zero td{
vertical-align:top;
}
.uc-table-style-zero .value{
font-family:unicredit-medium;
}
.uc-table-style:not(.investments-type3),
.uc-table-style-zero{
width:100%;
}
.uc-table-style thead th.text-left,
.uc-table-style tfoot td.text-left{
text-align: left;
}
.uc-table-style.noHeader thead{
display: none;
}
.uc-table-style.noHeader.borderTop tr:first-child > td{
border-top: 1px solid #E5E5E5;
}
/* commonization purposes - 26-09-2016 - ee40558 */
.uc-table-style caption{
padding: 0 0 10px 0;
color:#333;
}
.uc-table-style thead th.text-right,
.uc-table-style tfoot td.text-right{
text-align: right;
}
/* allineamento a nuova styleguide ALM item 1223 - 15-07-2016 - ee38964 */
.ui-datatable .ui-datatable-header, .ui-datatable .ui-datatable-footer {
text-align: center;
padding: 0px;
}
.uc-table-style .ui-datatable-empty-message,
tr.ui-datatable-empty-message td,
.accordion_datatable table:not(.ui-datepicker-calendar) tbody tr.ui-datatable-empty-message td
{
/* message "record not found" on datatable */
padding-left: 40px;
padding-right: 40px;
}
.uc-table-style table thead th.ui-sortable-column:hover{
background-color: #E5E5E5;
}
/*aggiunte regole piu forti per l'overflow visible - ee34086 - 19-12-2016 */
.uc-table-style.ui-datatable thead th,
.uc-table-style.ui-datatable tbody td,
.uc-table-style.ui-datatable tfoot td,
.uc-table-style thead th,
.uc-table-style tbody td,
.uc-table-style tfoot td {
padding: 7px 10px;
overflow: visible; /* modificato da hidden a visibile per problemi con popover errori su notification austria - 08-07-2016 - ee34086*/
border: 0;
border-bottom: 1px solid #C9C9C9;
font-size: 16px;
font-family: Arial,"Helvetica",sans-serif;
}
/* styleguide alignment - 08042019 - ee36958*/
.uc-table-style tbody td,
.uc-table-style tfoot td{
height: 50px;/* FIX - 17-11-2016 - ee40558 */
}
/* end styleguide alignment - 08042019 - ee36958*/
/*used in operation limit portlet*/
.uc-table-style.firstRowLikeHead tr:first-child {
background-color: #F2F2F2;
color: #333;
font-weight: bolder;
font-family: Arial,"Helvetica",sans-serif;
}
/* removed rule, put into already present class - 08042019 - ee36958*/
/* end removed rule, put into already present class - 08042019 - ee36958*/
.uc-table-style table thead th,
.uc-table-style thead th{
background-color: #F5F5F5;
/* styleguide alignment - 08042019 - ee36958*/
height: 35px;/* FIX - 17-11-2016 - ee40558 */
/* end styleguide alignment - 08042019 - ee36958*/
border-top: 1px solid #C9C9C9;
/*08042019 - ee36958*/
/* padding: 6px; */
}
/* commonization purposes - 28-06-2016 - ee40558 */
.uc-table-style-type3{
margin: 0 0 30px;
border-bottom: 1px solid #c9c9c9;
}
/* allineamento a nuova styleguide ALM item 2056 - 18-07-2016 - ee38964 */
.uc-table-style.type4 table thead th,
.uc-table-style.type4 table tbody td
{
height:60px;
}
/* allineamento a nuova styleguide ALM item 1310 - 19-08-2016 - ee38964 */
.uc-table-style.type4 tr:first-child{
border-top: 1px solid #ccc;
}
.uc-table-style.type4 table tbody td:first-child {
padding-left: 30px;
}
.settings-list-style2 .uc-table-style-type3{
margin: 0 -20px 30px;
width: calc(100% + 40px); /* commonization purposes - 29-06-2016 - ee40558 */
}
.uc-table-style-type3 thead th{
text-transform: uppercase;
padding: 10px;
font-size: 1.4rem;
font-weight: normal;
white-space: nowrap;
text-overflow: ellipsis;
}
.settings-list-style2 .uc-table-style-type3 thead th{
padding-bottom:20px;
}
.ui-datatable.uc-table-style-type3 table > * > tr > *:first-child{
padding-left: 20px;
}
.ui-datatable.uc-table-style-type3 table > * > tr > *:last-child{
padding-right: 20px;
}
.accordion_datatable .uc-table-style-type3 table > * > tr > *:first-child{
padding-left: 0!important;
}
.accordion_datatable .uc-table-style-type3 table > * > tr > *:last-child{
padding-right: 0!important;
}
.ui-datatable.uc-table-style-type3 table tbody td{
border: none;
padding: 20px 10px 0;
font-size: 1.4rem;
}
.deviceName{
font-weight:bold;
}
.ui-sortable-column-icon.ui-icon{
/* commonizzation - 18072016 - ee40558 */
/* background-image: url('/etc/designs/gimb/img/sort_both.png'); */
/* background-repeat: no-repeat; */
width: 19px;
height: 19px;
display:none; /* commonizzation - 20102016 - ee40576 */
}
/* commonizzation - 18072016 - ee40558 */
/* ACCORDION DATATABLE CSS */
/* commonizzation - 07092016 - ee40558 */
.accordion_datatable.showHeaders table:not(.ui-datepicker-calendar) thead th{
background-color: #F2F2F2;
/*commonizzation austria - 09062016 - ee40558 */
font-size: 16px;
font-family: Arial,"Helvetica",sans-serif;
}
/*old version*/
/*.accordion_datatable.showHeaders table thead th span*/
/*new version - ee34086 - 31-01-2017*/
.showHeaders table thead th span
{
padding: 6px 0;
}
.accordion_datatable:not(.showHeaders) table thead{
display:none;
}
/* commonization purposes - 21-06-2016 - ee40558 */
.printable,
/* tolto da questa regola, il selettore ".ui-accordion .ui-accordion-content" che introduce un errore sugli accordion di info conto corrente */
.accordion_datatable .row-expanded-container,
/*usato nelle portlet pagamenti - 27-06-2016 - ee34086 */
.accordion_datatable .content-details
{
padding: 40px 20px;/* commonization purposes - 21-06-2016 - ee40558 */
}
/* margini superiori in caso di accordion-details, vedi pagamenti - 28-06-2016 - ee34086 */
.accordion_datatable .content-details.accordion-details {
margin-top: 40px;
margin-bottom: 40px;
}
/* i margini sono annullati se c'e' l'elemento row-expanded-container sopra */
.accordion_datatable .row-expanded-container .content-details.accordion-details{
margin: 0;
}
/*asggiunto fix nel caso siano presenti entrambe le classi, vedi transaction list - 27-06-2016 -ee34086 */
.accordion_datatable .row-expanded-container .content-details {
padding: 0;
}
.panel-body .container-fluid,
.ui-accordion .ui-accordion-content .container-fluid{
padding-right: 0px;
padding-left: 0px;
}
.accordion_datatable tr.ui-widget-content:not(.ui-expanded-row-content),
/*aggiunto selettore per panelgrid con classe accordion_datatable, vedi documenti (moduli) - 18-04-2016 - ee34086 */
table.accordion_datatable > tbody > tr
{
border-top: 1px solid #ccc;
border-left: none;
border-right: none;
background-color: #fff;
}
.accordion_datatable .uc-table-style-type3 tr.ui-widget-content:not(.ui-expanded-row-content){
border:none;
}
/*BEGIN: aggiunto classi opzionali per non avere border-top e/o border-bottom su accordion_Datatable - 13-04-2016 - ee34086
* usate in EP6 documenti online
*/
/* .accordion_datatable:not(.noBorderBottom) > .ui-datatable-tablewrapper > table > tbody > tr.ui-widget-content:nth-last-child(1), */
/*aggiunto selettore per panelgrid con classe accordion_datatable, vedi documenti (moduli) - 18-04-2016 - ee34086 */
/* table.accordion_datatable:not(.noBorderBottom) > tbody > tr:not(.ui-widget-content):nth-last-child(1) */
/* cambiata la regola per far andare il border bottom su tutti gli accordion - 08-08-2016 - ee34086 */
.accordion_datatable:not(.noBorderBottom)
{
border-bottom: 1px solid #ccc;
}
.accordion_datatable.noBorderTop tr.ui-widget-content:not(.ui-expanded-row-content):nth-child(1),
/*aggiunto selettore per panelgrid con classe accordion_datatable, vedi documenti (moduli) - 18-04-2016 - ee34086 */
table.accordion_datatable.noBorderTop > tbody > tr:not(.ui-widget-content):nth-child(1)
{
border-top: none !important;
}
/*BEGIN: aggiunto classi opzionali per non avere border-top e/o border-bottom su accordion_Datatable - 13-04-2016 - ee34086 */
.accordion_datatable table thead th {
border-style:none;
}
/* commonizzation - 07092016 - ee40558 */
.accordion_datatable table:not(.ui-datepicker-calendar) thead th,
.accordion_datatable table:not(.ui-datepicker-calendar) tfoot td{
text-align: left;
}
/* commonization purposes - 23-06-2016 - ee40558 */
.accordion_datatable thead th{
padding-top: 7px;
padding-bottom: 7px;
}
/* fix chat history - ee34086 - 15-09-2016 */
.accordion_datatable table:not(.ui-datepicker-calendar) tbody td.first-cell,
.accordion_datatable td.first-cell{
padding-left:30px;/* commonization purposes - 21-06-2016 - ee40558 */
}
.accordion_datatable .ui-widget-content .ui-expanded-row td,
.accordion_datatable .ui-widget-content .ui-state-highlight td,
.accordion_datatable .ui-datatable-selectable.ui-state-highlight,
.accordion_datatable .ui-datatable-selectable.ui-state-highlight:active,
.accordion_datatable .ui-datatable-selectable.ui-state-highlight > td,
.accordion_datatable .ui-datatable-selectable.ui-state-highlight:active > td,
.accordion_datatable .ui-datatable-selectable.active > td {
background-color: #00afd0;
/* ux_at_review_mediumbase_part1_alessandras_answers.pptx - 17-11-2016 - ee40558 */
}
.accordion_datatable .ui-widget-content > tr:not(.ui-expanded-row-content):not(.ui-expanded-row):not(.active):hover,
.accordion_datatable > tbody > tr:not(.ui-widget-content):hover
/*aggiunto selettore per panelgrid di tipo accordion, vedi documenti online (moduli) - 18-04-2016 - ee34086 */
{
background-color: #BFEBF3;
}
.uc-table-style-type3 .ui-widget-content > tr:not(.ui-expanded-row-content):not(.ui-expanded-row):not(.active):hover{
background:none;
}
/* in caso di panelgrid vedi documenti online (moduli) - 18-04-2016 - ee34086 */
table.accordion_datatable{
width: 100%;
}
/* COMMONIZATION FIX POSTMERGE - 01-12-2016 */
.accordion_datatable .ui-expanded-row > .row-expansion-true,
.accordion_datatable .ui-expanded-row > .row-expansion-true > span,
.accordion_datatable .ui-expanded-row > .row-expansion-true > a,
.accordion_datatable .ui-expanded-row > td > a,
.accordion_datatable .ui-state-highlight > td span:not(.label-status),
.accordion_datatable .ui-state-highlight > td a,
/* aggiunto not label-status per fixare problema su activities - 11-07-2016 - ee34086 */
.accordion_datatable .ui-datatable-selectable.active > td span:not(.label-status),
.accordion_datatable .ui-datatable-selectable.active > td a
{
/* elements on accordion panel header must be white */
color: #fff !important; /* aggiunto important in quanto deve forzare il colore - 27-06-2016 - ee34086*/
}
/* icons on accordion panel header */
.accordion-head-icon,
/*added link behavior - 18-04-2016 - ee34086 */
a.accordion-head-icon,
a.accordion-head-icon:hover,
a.accordion-head-icon:focus,
a.accordion-head-icon:active
{
font-size: 28px;
font-weight: normal;
/* margin-left: 10px; */
padding-right: 20px;
color: #666;
}
/* name and surname initials for addressbook */
.initial-decoration {
background-color: #F5F5F5;
text-align: center;
border-radius: 100%;
width: 40px;
height: 40px;
line-height: 40px;
display: inline-block;
vertical-align: middle;
}
/* fix initials in contact merge - ee34086 - 25-10-2016 */
.accordion_datatable tr td.initial-column:first-child,
#wizard_container_mergecontact .accordion_datatable tr td.initial-column:first-child {
width: 50px !important;
}
.accordion_datatable tr td.initial-column:first-child > .initial-decoration {
margin-left: 10px;
}
.accordion_datatable .ui-widget-content .ui-expanded-row .initial-decoration > span,
.accordion_datatable .ui-widget-content tr .initial-decoration > span,
.accordion_datatable .ui-widget-content .ui-state-highlight .initial-decoration > span {
color: #333 !important; /*aggiunto important per override sul colore #ff quando il tab e' attivo - 17-08-2016 - ee34086 */
}
.accordion_datatable .ui-expanded-row-content{
/* background-color: #F8F8F8; */
}
.accordion_datatable .ui-expanded-row-content > td {
position: relative;
}
.accordion_datatable .ui-expanded-row-content > td > div {
background-color: #F8F8F8;
}
.accordion_datatable .ui-expanded-row-content > td:before{
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-top: 14px solid #00AFD0;
content: "";
display: inline-block;
position: absolute;
top: 0;
/* UX TASK FORCE, modified z-index for pfm TL accordion*/
z-index: 1;
height: 13px;
left: 0px;
right: 0px;
width: 1px;
margin: 0px auto;
}
/* commonizzation - 07092016 - ee40558 */
.accordion_datatable table:not(.ui-datepicker-calendar) tbody td {
border:none;
padding: 0px;
font-size: 16px;
font-family: 'Arial';
line-height: 18px;
color: #333;
height: 60px;/* commonization purposes - 21-06-2016 - ee40558 */
}
/* spostati su common le regole per la prima e l'ultima colonna tabella documenti - ee34086 - 14-09-2016 */
.accordion_datatable table:not(.ui-datepicker-calendar) tbody td.checkbox-column,
table tbody td.checkbox-column,
.ui-datable tbody td.checkbox-column {
padding-left: 30px;
}
.accordion_datatable table:not(.ui-datepicker-calendar) tbody td.download-column,
table tbody td.download-column,
.ui-datable tbody td.download-column {
padding-right: 30px;
}
.modal .accordion_datatable table:not(.ui-datepicker-calendar) tbody td.checkbox-column,
table tbody td.checkbox-column,
.ui-datable tbody td.checkbox-column {
padding-left: 40px;
}
.modal .accordion_datatable table:not(.ui-datepicker-calendar) tbody td.download-column,
table tbody td.download-column,
.ui-datable tbody td.download-column {
padding-right: 40px;
}
/* END - spostati su common le regole per la prima e l'ultima colonna tabella documenti - ee34086 - 14-09-2016 */
/* colonna icone categorie nelle liste transazioni - 23-06-2016 - ee34086 */
.accordion_datatable.type1b.ui-datatable tbody td.column-category {
font-size: 28px; /* item alm 958 - ee34086 - 24-11-2016 */
padding-right: 15px;
width: 41px; /*26+15*/
}
/* commonizzation - 07092016 - ee40558 */
.accordion_datatable.type1b.ui-datatable table:not(.ui-datepicker-calendar) thead tr > th,
.accordion_datatable.type1b.ui-datatable thead tr.ui-widget-content:not(.ui-expanded-row-content) > th,
.accordion_datatable.type1b.ui-datatable tbody tr.ui-widget-content:not(.ui-expanded-row-content) > td {
padding-right: 10px; /* modificato a 10px per allinearsi a styleguide sezione 3.3 grid transaction list - ee3408 - 19-09-2016 */
padding-left: 0;
}
/* padding 20px per gli importi delle transaction list, ALM item 949 - 21-06-2016 - ee34086 */
/* commonizzation - 07092016 - ee40558 */
.accordion_datatable.type1b.ui-datatable table:not(.ui-datepicker-calendar) thead tr > th:last-child,
.accordion_datatable.type1b.ui-datatable thead tr.ui-widget-content:not(.ui-expanded-row-content) > th:last-child,
.accordion_datatable.type1b.ui-datatable tbody tr.ui-widget-content:not(.ui-expanded-row-content) > td:last-child {
padding-right: 20px;
padding-left: 0px;
}
/* commonizzation - 07092016 - ee40558 */
.accordion_datatable.type1b.ui-datatable table:not(.ui-datepicker-calendar) thead tr:not(.ui-widget-content) > th:not(.row-expansion-true):first-child,
.accordion_datatable.type1b.ui-datatable table:not(.ui-datepicker-calendar) thead tr.ui-widget-content > th:not(.row-expansion-true):first-child,
.accordion_datatable.type1b.ui-datatable table:not(.ui-datepicker-calendar) tbody tr.ui-widget-content:not(.ui-expanded-row-content) > td:not(.row-expansion-true):first-child {
padding-left: 20px;
}
/*BEGIN: styleguide colori diversi degli header degli accordion - 12-04-2016 - EE34086 */
/* commonizzation - 07092016 - ee40558 */
.accordion_datatable.type1b table:not(.ui-datepicker-calendar) tbody tr.ui-widget-content:not(.ui-expanded-row-content) td,
.accordion_datatable.type1b .ui-datatable table:not(.ui-datepicker-calendar) tbody tr.ui-widget-content:not(.ui-expanded-row-content) td{
color: #333;
}
.accordion_datatable.type1a tbody tr:not(.ui-expanded-row-content) td,
.accordion_datatable.type1a .ui-datatable tbody tr:not(.ui-expanded-row-content) td,
.accordion_datatable.type4 tbody tr:not(.ui-expanded-row-content) td,
.accordion_datatable.type4 .ui-datatable tbody tr:not(.ui-expanded-row-content) td{
color: #666;
}
/*END: styleguide colori diversi degli header degli accordion - 12-04-2016 - EE34086 */
/* add for accordion with checkbox */
.accordion_datatable.type1b tbody tr.ui-widget-content > td.row-expansion-true.checkBox-expansion-accordion:nth-child(1){
width: 80px;
padding: 0px;
}
/* INIZIO inserito regola per row-expanded-row-content nel caso sia presente nel dom (vedi carte) - 30-03-2016 - ee34086 */
.accordion_datatable tbody tr.ui-expanded-row-content td {
vertical-align: top;
height: auto;
}
.accordion_datatable tbody tr.ui-expanded-row-content td .uc-table-style-type3 td {
vertical-align: middle;
}
/* new rule used in chathistory */
.accordion_datatable.datatable-lastrow-border tbody:last-child {
border-bottom: 1px solid #e5e5e5;
}
/*BEGIN icone freccie accordion_datatable type4, type1a (styleguide 14 aprile) - 18-04-2016 - ee34086 */
.accordion_datatable.type4 tbody tr.ui-widget-content > td.row-expansion-true:nth-child(1),
.accordion_datatable.type1a tbody tr.ui-widget-content > td.row-expansion-true:nth-child(1),
.accordion_datatable.type1b tbody tr.ui-widget-content > td.row-expansion-true:nth-child(1)
{
position: relative;
background-clip: padding-box; /* fix per far visualizzare i bordi quando un td e' position relative - 18-07-2016 - ee34086 */
padding-left: 30px;
padding-right: 0;
}
/*censiti gli accordion tipo1a e 1b e 4 - 20-04-2016 - ee34086 */
.accordion_datatable.type4 tbody tr:not(.ui-expanded-row-content) > td.row-expansion-true:nth-child(1)::before,
.accordion_datatable.type4 tbody tr.ui-expanded-row > td.row-expansion-true:nth-child(1)::before,
.accordion_datatable.type1a tbody tr:not(.ui-expanded-row-content) > td.row-expansion-true:nth-child(1)::before,
.accordion_datatable.type1a tbody tr.ui-expanded-row > td.row-expansion-true:nth-child(1)::before,
.accordion_datatable.type1b tbody tr:not(.ui-expanded-row-content) > td.row-expansion-true:nth-child(1)::before,
/* commonizzation - 18072016 - ee40558 */
.accordion_datatable.type1b tbody tr.ui-expanded-row > td.row-expansion-true:nth-child(1)::before,
.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s.ui-icon-triangle-1-s:before,
.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s.ui-icon-triangle-1-n:before,
a[class*="custom-sort"]:after,
a.custom-sort-both-ico:before
/* investments_AT - 08-11-2016 - ee40558 */
{
font-weight: normal;
/*content: "\f078";*/
/*arrow down */
content: "\f2";
position: absolute;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
top: 0;
line-height: 60px;
left: 9px;
font-size: 12px;
font-family: 'UC-Misc_V20','UC-Misc' !important;
/*font-family: "FontAwesome" !important;*/
width: 12px;
margin-right: 9px;
color: #666;
}
/* fix incident IM02955710 - ee34086 */
.accordion_datatable.type1b tbody tr.splitted-transaction-row > td.row-expansion-true:nth-child(1)::before{
top: auto;
margin-top: -6px;
line-height: normal;
}
.accordion_datatable.type1b tbody tr.splitted-transaction-row > td.row-expansion-true:nth-child(1)::after{
line-height: normal;
content: "";
display: block;
background: #666;
top: auto;
margin-top: -11px;
height: 20px;
width: 20px;
border-radius: 50%;
position: absolute;
left: 5px;
}
.accordion_datatable.type1b tbody tr.splitted-transaction-row > td.row-expansion-true:nth-child(1)::before{
color: #fff !important;
z-index: 1;
}
/* END fix incident IM02955710 - ee34086 */
/*add for accordion with checkbox */
.accordion_datatable.type1b tbody tr:not(.ui-expanded-row-content) > td.row-expansion-true.checkBox-expansion-accordion:nth-child(1)::before,
.accordion_datatable.type1b tbody tr.ui-expanded-row > td.row-expansion-true.checkBox-expansion-accordion:nth-child(1)::before {
left: auto;
right: 0;
}
.accordion_datatable.type4 tbody tr.ui-expanded-row > td.row-expansion-true:nth-child(1)::before,
.accordion_datatable.type1a tbody tr.ui-expanded-row > td.row-expansion-true:nth-child(1)::before,
.accordion_datatable.type1b tbody tr.ui-expanded-row > td.row-expansion-true:nth-child(1)::before,
/*aggiunti per gli accordion della sezione attivita - 05-05-2016 - ee34086 */
.accordion_datatable.type4 tbody tr.ui-state-highlight > td.row-expansion-true:nth-child(1)::before,
.accordion_datatable.type1a tbody tr.ui-state-highlight > td.row-expansion-true:nth-child(1)::before,
.accordion_datatable.type1b tbody tr.ui-state-highlight > td.row-expansion-true:nth-child(1)::before,
/* commonizzation - 18072016 - ee40558 */
.accordion_datatable tbody tr.ui-datatable-selectable.active > td.row-expansion-true:nth-child(1)::before,
.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s.ui-icon-triangle-1-n:before,
a.custom-sort-asc-ico:after,
a.custom-sort-both-ico:before
/* investments_AT - 08-11-2016 - ee40558 */
{
/*content: "\f077"; */
/*arrow up*/
content: "\e0";
font-weight: normal;
color: #fff;
}
/* commonizzation - 18072016 - ee40558 */
.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s.ui-icon-triangle-1-s,
.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s.ui-icon-triangle-1-n{
position: relative;
display: inline-block;
line-height: 100%;
width: 20px;
vertical-align: top;
}
a[class*="custom-sort"],
/*old version */
/*.accordion_datatable.showHeaders table thead th .no-sort-label,
.showHeaders[class*="investments-type"] table thead th .no-sort-label*/
/*new version - ee34086 - 31-01-2017*/
.showHeaders table thead th .no-sort-label
{
position:relative;
padding-right:20px;
}
.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s.ui-icon-triangle-1-s:before,
.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s.ui-icon-triangle-1-n:before,
a[class*="custom-sort"]:after,
a.custom-sort-both-ico:before
/* investments_AT - 08-11-2016 - ee40558 */
{
line-height:20px;
text-indent: 0;
font-size: 10px;
color: #333;
top: 4px;
margin-top: 0;
font-weight: bold;
}
/* investments_AT - 08-11-2016 - ee40558 */
a[class*="custom-sort"]:after,
a.custom-sort-both-ico:before{
line-height:19px;
text-align: center;
top:0;
left:auto;
right: 4px;
margin: 0;
}
a.custom-sort-both-ico:before,
a.custom-sort-both-ico:after{
line-height: .9rem;
font-size:.7rem;
}
a.custom-sort-both-ico:after{
top: 6px;
}
/*commonizzation austria - 09062016 - ee40558 */
.accordion_datatable .row-expansion-true:nth-child(1){
width:30px;
}
/*commonizzation austria - 28062016 - ee40558 */
.accordion_datatable.type1b.ui-datatable .row-expansion-true:nth-child(1).categoryIconInside{
width:71px;
}
/*add for accordion with checkbox */
.accordion_datatable .row-expansion-true.checkBox-expansion-accordion:nth-child(1){
width:80px;
padding:0px;
}
/*END icone freccie accordion_datatable type4 - 18-04-2016 - ee34086 */
/* --- end datatable --- */
/* ******** */
/* common portlets (from pin recovery) */
.modal_container {
clear: both;
position: relative;
background: #fff;
display: block;
/* width: 840px; */
margin: 0 auto;
text-align: center;
font-family: unicredit-regular;
}
.modal_container a {
/* color: #00afd0; */
text-decoration: underline;
}
.modal_container h3 {
text-align: center;
padding-top: 24px;
padding-bottom: 12px;
}
.modal_container .field_container {
margin-bottom: 5px;
text-align: center;
position: relative;
}
.modal_container .field_container input {
margin-bottom: 10px;
border-radius: 5px;
text-align: center;
}
.field_container_with_info input {
margin-left: 38px;
}
/* for login modal */
.modal_container .field_container input {
line-height: initial;
font-size: 2rem;
font-family: "unicredit-light";
width: 380px;
height: 60px;
padding: 0 1%;
box-shadow: none !important;
border: 1px solid #CCC;
color: #666;
vertical-align: top;
}
/*info_tip login and pin recovery */
.field_container .info_tip {
display: none;
padding: 20px;
min-height: 75px;
background: none repeat scroll 0% 0% #E5EFF1;
margin-bottom: 16px;
text-align: center;
color: #333;
position: relative;
}
.field_container .info_tip::before {
display: block;
content: '';
height: 20px;
width: 20px;
position: absolute;
margin-top: -36px; /* .info_tip padding 16px + height 20px = 36px */
left: 75%;
border-bottom: 10px solid #E5EFF1;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.field_container .info-icon .info-tip {
display: block;
width: 100%;
height: 100%;
}
/* for login modal */
.field_container .info-icon {
position: relative;
display: inline-block;
width: 26px;
height: 26px;
top: 18px;
left: 9px;
}
.field_container .info-icon:focus,.field_container .info-icon-active:focus
{
border: none;
outline: 0;
}
.field_container .info-icon {
background-image: url('/etc/designs/gimb/img/ico-infologin.png');
background-repeat: no-repeat;
cursor: pointer;
}
.field_container .info-icon-active {
background-image: url('/etc/designs/gimb/img/ico-infologin_b.png')
!important;
}
/* end of info-tip on login and pinrecovery */
.inputError,
input.inputError,
.inputError input,
select.inputError + .chosen-container .chosen-single {
border-color: #E2001A !important;
}
/* stili comuni: */
/* html { */
/* font-size: 62.5%; */
/* height: 100%; */
/* } */
/* body { */
/* font-family: 'unicredit-regular'; */
/* font-size: 14px; */
/* line-height: 1.42857143; */
/* color: #333; */
/* } */
label.ui-outputlabel {
font-weight: normal;
}
/* label/value style normalization */
.form-group label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.field-wrapper label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.rowWrapped label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.rowWrappedModal label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.summary-data-container .summary-label,
.summary-data-container label,
.ui-radiobutton ~ label,
.ui-checkbox + label,
.ui-selectmanycheckbox label,
.ui-selectoneradio label,
.category-title label,
.uc-field-label{
font-family: 'unicredit-regular';
font-weight: normal;
font-size: 16px;
color: #333;
padding-right: 10px;
}
/* label from ux style guide pdf margin bottom */
/* .rowWrapped is from payments
field-wrapper is from contextual errors
check if needed: label:not([class])
*/
.form-group label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.form-group label.ui-outputlabel,
.field-wrapper label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.field-wrapper label.ui-outputlabel,
.rowWrapped label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.rowWrapped label.ui-outputlabel,
.rowWrappedModal label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.rowWrappedModal label.ui-outputlabel {
line-height: normal;
margin-bottom: 0;
padding-bottom: 10px;
}
/* end ux normalization margin bottom */
.form-group .field-value-txt,
.field-value-txt,
.summary-data-container .summary-value {
font-family: 'unicredit-medium';
color: #333;
font-size: 16px;
font-weight: normal;
}
/*refactoring label-value for accordions */
/* label and value into accordion*/
.summary-data-container.forAccordion label,
.accordion_datatable .summary-data-container label,
.panel-collapse .summary-data-container label,
.panel-collapse .form-group label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.accordion_datatable .form-group label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.panel-collapse .field-wrapper label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.accordion_datatable .field-wrapper label:not(.ui-selectonemenu-label):not(.onoffswitch-label)
{
font-family: Arial, sans-serif;
font-weight: bold;
color: #666;
font-size: 16px;
}
.panel-collapse .summary-data-container .summary-value,
.accordion_datatable .summary-data-container .summary-value,
.panel-collapse .summary-data-container .field-value-txt,
.accordion_datatable .summary-data-container .field-value-txt,
.row-expanded-container .summary-data-container .field-value-txt
{
font-family: Arial, sans-serif;
font-weight: normal;
color: #333;
font-size: 16px;
}
/* END label and value into accordion*/
/*payments: add class for label EUR*/
.summary-data-container .summary-value .number-currency{
padding-right: 10px;
}
.capital_text {
text-transform: uppercase;
}
.info-grey-bg{
background-color: #E5E5E5;
padding-top: 6px;
padding-bottom: 6px;
}
/* Info tip common + accordion popover */
.popover-close,
a.popover-close{
color: #333;
float: right;
text-decoration: none;
margin-right: 8px;
margin-left: 8px;
font-size: 16px;
display: none; /* non piu usato - 03-05-2016 - ee34086 */
}
a.popover-close:hover{
text-decoration: none;
}
.info_tip {
display: none;
padding: 20px;
min-height: 75px;
background: none repeat scroll 0% 0% #E5EFF1;
margin-bottom: 16px;
text-align: center;
color: #333;
position: relative;
}
.info_tip::before {
display: block;
content: '';
height: 20px;
width: 20px;
position: absolute;
margin-top: -36px; /* .info_tip padding 16px + height 20px = 36px */
left: 75%;
border-bottom: 10px solid #E5EFF1;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.info-icon .info-tip {
display: block;
width: 100%;
height: 100%;
}
.info-icon,
.info-icon-accordion-popover {
width: 26px;
display: inline-block;
height: 26px;
vertical-align: middle;
margin-left: 8px;
}
/* investments_AT - 08-11-2016 - ee40558 */
label + .info-icon-accordion-popover{
margin: -4px 0 0 0;
}
.category-title label + .info-icon{
margin: -8px 0 0 0;
}
.info-icon:focus,
.info-icon-active:focus,
.info-icon-accordion-popover:focus{
border: none;
outline: 0;
}
.info-icon,
.info-icon-accordion-popover
{
background-image: url('/etc/designs/gimb/img/ico-infologin.png');
background-repeat: no-repeat;
cursor: pointer;
color: #999;
}
.info-icon-active {
background-image: url('/etc/designs/gimb/img/ico-infologin_b.png') !important;
color: #00AFD0 !important;
}
.popover .popover-content{
/* allineamento a nuova styleguide ALM item 844 - 24-05-2016 - ee34086 */
padding: 12px;
font-family: 'unicredit-regular';
font-size: 14px;
color: #666;
}
/*distanza popover 10px come da styleguide e ALM item 844 (10dimensione freccia + 10margine) - 24-05-2016 - ee34086 */
.popover.left{
margin-left: -20px;
}
.popover.right{
margin-left: 20px;
}
.popover.top{
margin-top: -20px;
}
.popover.bottom{
margin-top: 20px;
}
/* fix immagini dentro il popover non devono essere piu' grandi di 250px, vedi attivazione carta - 15-07-2016 - ee34086 */
.popover .popover-content img {
max-width: 250px;
}
/* INFO ICON SMALL ON INPUT */
.form-group .info-icon,
.form-group .info-icon-accordion-popover,
.tooltip-field-wrapper .info-icon,
.tooltip-field-wrapper .info-icon-accordion-popover,
/*inizio info tip icon used in AT card info - 25032016 - ee36958*/
.info-icon.small-size
/*inizio info tip icon used in AT card info - 25032016 - ee36958*/
{
/* dimensione icona tooltip 16 px come da styleguide e item 844 - 24-05-2016 - ee34086 */
font-size: 16px;
line-height: 16px;
background-size: 16px 16px;
width: 16px;
height: 16px;
margin: 0;
}
.form-group > .media,
.tooltip-field-wrapper > .media {
display: table;
width: 100%;
}
.form-group .info-icon.tooltip-right,
.form-group .info-icon-accordion-popover.tooltip-right,
.tooltip-field-wrapper .info-icon.tooltip-right,
.tooltip-field-wrapper .info-icon-accordion-popover.tooltip-right {
float: right;
margin-right: 10px; /*margine 10 px come da styleguide e item 844 - 24-05-2016 - ee34086 */
}
/* end icon small on input */
/* info-tip accordion popover */
.accordion-popover:before {
content:'';
display: inline-block;
position: absolute;
top: 0;
top: -10px;
/* z-index: 10; */
background-image: url('/etc/designs/gimb/img/top-popover-long.png');
width: 20px;
height: 10px;
}
.accordion-popover.left:before {
/* left: 19px; */
left: 25%;
}
.accordion-popover.center:before {
left: 50%;
}
.accordion-popover.right:before {
/* right: 19px; */
right: 25%;
}
.accordion-popover {
background-color: #ccecea;
border-top: 1px solid #00a197;
border-bottom: 1px solid #00a197;
width: 100%;
height: auto;
position: relative;
min-height: 50px;
margin-bottom: 20px;
}
.accordion-popover .close-pop-extra {
position: absolute;
top: 0;
right: 5px;
padding: 2px 4px 10px;
text-decoration: none;
font-size: 14px;
color: #333;
}
.accordion-popover .intro-text {
color: #00a197;
font-size: 14px;
font-family:'unicredit-regular';
text-align: center;
padding: 14px;
}
/* icone */
.icon_wrapper {
display: inline-block;
text-align: center;
background-position: center center;
background-repeat: no-repeat;
width: 38px;
height: 38px;
margin: 0 auto;
}
.ico-demo-login {
background-image: url('/etc/designs/gimb/img/ico-demo-login.png');
}
.ico-security-uc {
background-image: url('/etc/designs/gimb/img/ico-security-uc.png');
}
.ico-phonelogin {
background-image: url('/etc/designs/gimb/img/ico-phonelogin.png');
}
/* footer */
.footer {
padding: 20px 0;
background: none repeat scroll 0 0 #E5E5E5;
clear: both;
overflow: auto;
}
/* add class ITEM ALM 2492 - ee38964 */
.footer.login-section-help {
padding-top: 40px;
padding-bottom: 40px;
}
.footer h3 {
color: #666;
display: block;
font-family: "unicredit-light";
font-size: 1.9rem;
margin: 0;
padding: 0;
margin-bottom: 18px;
}
.footer .footer_element {
vertical-align: top;
text-align: center;
display: inline-block;
width: 33%;
color: #666;
}
.footer_element .footer_element_head {
display: block;
margin: 0 auto;
font-weight: bolder;
min-height: 38px;
color: #666;
font-family: "unicredit-bold";
font-size: 2rem;
}
.footer_element .footer_element_text {
display: block;
margin-bottom: 6px;
color: #666;
font-family: "unicredit-medium";
font-size: 1.4rem;
}
.footer .footer_element img {
margin: 0 auto;
}
.footer .footer_element button,.footer .btnFooterLogin {
background: #F6F6F6;
color: #666;
display: block;
height: 40px;
line-height: 40px;
text-align: center;
box-shadow: none;
text-transform: uppercase;
margin: 0 auto;
font-size: 1.4rem;
vertical-align: top;
border: 1px solid #ccc;
border-radius: 3px;
margin-top: 10px;
padding-top: 3px;
min-width: 131px;
}
/* validation box messages (red block error) */
/* generic red error on primefaces p:message */
.validation_style,
.validation_style_pmessage .ui-messages-error,
.validation_style_pmessage .ui-message-error,
.generic-portlet-error-message {
display: block;
text-align: center;
font-size: 1.6rem;
background-color: #EA5D4C;
color: #fff;
max-width: 380px; /* fix for add-to-watchlist generic errors - ee34086 - 06-02-2017*/
padding: 16px 40px;
margin: 4px auto;
margin-bottom: 20px;
border: none;
overflow-x: hidden;
word-break: normal; /*break words naturally */ /* commonization purposes - 28-06-2016 - ee40558 */
white-space: normal;
}
/*New common message info - EE30842*/
.validation_style_pmessage .ui-messages-info,
.validation_style_pmessage .ui-message-info{
display: block;
text-align: center;
font-size: 1.6rem;
background-color: #00A197;
color: #fff;
width: 380px;
padding: 16px 40px;
margin: 4px auto;
margin-bottom: 20px;
border: none;
overflow-x: hidden;
word-break: normal;
}
.validation_style_pmessage .ui-messages-error-summary,
.validation_style_pmessage .ui-messages-error-detail{
margin: 0;
}
/* fix alignement on add-to-watchlist generic error - ee34086 - 06-02-2017 */
.validation_style .ui-messages-error,
.validation_style .ui-message-error{
border: none;
color: inherit;
background: inherit;
}
.validation_style .ui-messages-error-icon,
/* fix alignement on add-to-watchlist generic error - ee34086 - 06-02-2017 */
.validation_style_pmessage .ui-messages-error-icon{
display: none;
}
.validation_style a {
text-decoration: underline;
color: #fff;
}
.generic-portlet-error{
position: relative;
}
.generic-portlet-error .generic-portlet-error-message {
position: absolute;
width: auto;
}
/* TECHNICAL ERROR MESSAGE */
.wrapGenericMsg{
margin:0 auto;
text-align: center;
width: 100%;
}
.titleGenericMsg{
font-family: "unicredit-medium", Arial, sans-serif;
font-size: 24px;
color:#ea5c4d;
text-align: center;
margin:16px 0 25px 0;
}
.textGenericMsg, .textGenericMsg-small{
font-size: 18px;
color:#666666;
font-family: "unicredit-regular", Arial, sans-serif;
text-align: center;
margin-bottom: 30px;
}
.textGenericMsg span{
font-family: unicredit-bold;
}
.wrapGenericMsg a{
font-family: unicredit-bold;
color: #00afd0;
font-size: 18px;
}
.textGenericMsg-small{
font-size:14px;
margin-top: 10px;
}
.wrapGenericMsg .ico-error-mesg {
font-size: 60px;
color: #ea5c4d;
}
.wrapGenericMsg .ico-tech-mesg {
background-image: url("/etc/designs/gimb/img/ico-tech-mesg.png");
background-position: center center;
height: 60px;
background-repeat: no-repeat;
font-size: 60px;
color: #ea5c4d;
}
.wrapGenericMsg .ico-tech-mesg[class*='ico-extra'],
.wrapGenericMsg .ico-tech-mesg[class*='ico-misc']{
background: none;
}
.wizard-changepin-class,
.wizard-container-class,
.modal-bottom-padding-wrapper,
.wizard-changedigitalsignature-class {
/* overflow: auto; */
padding-bottom: 40px;
}
.content-bottom-padding-wrapper {
padding-bottom: 40px;
}
/* for containg floats: */
.wizard-changepin-class::after,
.wizard-container-class::after,
.wizard-changedigitalsignature-class::after {
content: "";
display: table;
clear: both;
}
/*.wizard-changepin-class .ui-inputfield.input-text-pin {
line-height: 20px;
height: 40px;
font-size: 16px;
} */
.wizard_field_container input,
input[type="text"],
/* commentato perche' rompe le input-with-search (vedi addressbook) 04-04-2016 - ee34086 */
/* form input[type="text"], */
input[type="password"]{
/* remove shadow on ios */
background-clip: padding-box;
line-height: 20px;
height: 40px;
font-size: 16px;
outline: medium none;
display: inline;
padding: 0px 8px;
border: 1px solid #CCC;
font-size: 16px;
border-radius: 3px;
color: #333; /* colore #333 come da modifica su status item alm 855 - 13-05-2016 - ee34086*/
font-family: 'unicredit-medium';
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.form-control:focus{
border: 1px solid #CCC;
}
/* rimosso stato readonly come da item alm 2081 - ee34086 - 14-09-2016 */
input[disabled],
input[disabled="disabled"],
/* input[readonly], */
/* input[readonly="readonly"], */
input[disabled]:focus,
input[disabled="disabled"]:focus,
/* input[readonly]:focus, */
/* input[readonly="readonly"]:focus, */
/*override bootstrap - 26-05-2016 - ee34086 */
input.form-control[disabled]
{
background-color: #e5e5e5;
color: #666;
-webkit-text-fill-color: #666; /* fix per ipad - 30-06-2016 */
font-family: 'unicredit-medium';
}
input,
select,
textarea{
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
textarea{
resize: none;
}
input[type="text"]:focus,
input[type="password"]:focus{
background-color: #E5EFF2;
border: 1px solid #CCC;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
/*ITEM ALM 2081 - EE38964*/
.input-calendar input[type="text"]:focus {
background-color: #FFF;
}
/*override cursor di bootstrap - 11-05-2016 - ee34086 */
.form-control[disabled],
fieldset[disabled] .form-control,
input[disabled],
select[disabled]{
cursor: default;
}
.modal .wizard-last-step-positive{
/* il margin a 40px e' dato dai wizard steps (vedere item 790) - 13-04-2016 - ee34086 */
/* margin-top: 40px; */
}
.wizard-last-step-positive {
padding-top: 0;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 40px;
margin-top: 0;
margin-right: 0px;
margin-left: 0px;
/* margine errato tolto - 13-04-2016 - ee34086 */
/* margin-bottom: 10px; */
background-color: #f5fcfc;
text-align: center;
}
/*BEGIN: inserito step postive summary, blocco fuori dal wcm da abbinare allo step positive - 13-04-2016 - ee34086 */
.step-positive-summary{
background-color: #f5fcfc;
padding-bottom: 40px;
color: #666;
}
.step-positive-summary.step-spositive-background,
.step-positive-summary.step-spositive-bg{
background-color: #f5fcfc; /* fix per smspremium - 29-07-2016 - ee34086 */
}
.step-positive-summary p{
margin-bottom: 10px;
}
/*END: inserito step postive summary, blocco fuori dal wcm da abbinare allo step positive - 13-04-2016 - ee34086 */
.wizard-last-step-positive img{
width: 60px;
height: 60px;
margin-top: 40px;
margin-right: auto;
margin-left: auto;
margin-bottom: 20px;
display: inline-block;
}
.wizard-last-step-positive .check-icon{
font-size: 64px;
margin: 0 auto ;
padding-top: 40px;
padding-bottom: 20px;
display: inline-block;
color: #00A197;
}
/* .wizard-last-step-positive > span { */
/* color: #00a197; */
/* font-family: unicredit-medium; */
/* font-size: 2.4rem; */
/* } */
.wizard-last-step-positive .title,
.wizard-last-step-positive > span {
font-size: 30px;
line-height: 24px; /* line height piu piccolo per diminuire lo spazio tra righe - 18-07-2016 - ee34086 */
font-family: "unicredit-bold","Helvetica",Arial,sans-serif;
color: #00A197;
display: block;
}
.wizard-last-step-positive .subtitle{
font-size: 18px;
font-family: "unicredit-medium","Helvetica",Arial,sans-serif;
color: #00A197;
display: block;
margin-top: 10px;
}
.wizard-last-step-positive p,
.wizard-last-step-positive .body-text,
.wizard-last-step-positive .step-positive-text {
/* BEGIN: FIX step positive ricariche telefono - 04-04-2016 - ee34086 */
/* margin-top: 20px; */
/* margin-right: 0px; */
/* margin-left: 0px; */
/* margin-bottom: 45px; */
/* END: FIX step positive ricariche telefono - 04-04-2016 - ee34086 */
text-align: center;
color: #333; /* modificato colore a #333 come da email di viviana oggetto "domanda su thank you page" - 18-07-2016 - ee34086 */
line-height: 14px;
font-family: unicredit-regular;
font-size: 1.4rem;
}
.wizard-last-step-positive .body-text,
.wizard-last-step-positive .step-positive-text{
margin-top: 40px;
margin-bottom: 0;
}
.wizard-last-step-positive p:last-child{
margin-bottom: 0;
}
.wizard-last-step-positive p a{
color: #00a197;
text-decoration: underline;
}
.wizard-last-step-positive p strong{
font-family: unicredit-bold;
color: #333333;
}
/* override signature component */
.wizard_field_container .sign_button_confirm {
right: 0;
margin-right: 0;
height: 40px !important;
width: auto !important;
text-transform: uppercase;
padding: 0 20px; /*new styleguide padding from 15px to 20px 20160307 */
margin-bottom: 0;
}
/* hover e active anche per il sign button - 10-05-2016 - ee34086 */
.wizard_field_container .sign_button_confirm:focus,
.wizard_field_container button.sign_button_confirm:focus,
.wizard_field_container a.sign_button_confirm:focus,
.wizard_field_container .sign_button_confirm:hover,
.wizard_field_container button.sign_button_confirm:hover,
.wizard_field_container a.sign_button_confirm:hover,
.wizard_field_container .sign_button_confirm:active,
.wizard_field_container button.sign_button_confirm:active,
.wizard_field_container a.sign_button_confirm:active{
color: #fff;
text-decoration: none;
outline: none;
}
.wizard_field_container .sign_button_confirm:focus,
.wizard_field_container button.sign_button_confirm:focus,
.wizard_field_container a.sign_button_confirm:focus,
.wizard_field_container .sign_button_confirm:hover,
.wizard_field_container button.sign_button_confirm:hover,
.wizard_field_container a.sign_button_confirm:hover{
background-color: #009DBB;
border: 1px solid #009DBB;
outline: none;
}
.wizard_field_container .sign_button_confirm:active,
.wizard_field_container button.sign_button_confirm:active,
.wizard_field_container a.sign_button_confirm:active{
background-color: #007A91;
border: 1px solid #007A91;
}
/*END hover e active anche per il sign button - 10-05-2016 - ee34086 */
/* vecchia hotfix, gia presente in portlet, da togliere tra 2 rilasci - 14-04-2016 - ee34086 */
/*override signature component in sms premium wizard */
#smspremium-modal .wizard_field_container .sign_button_confirm {
position: absolute;
margin-right: 40px;
right: 0;
}
/* END vecchia hotfix da togliere tra 2 rilasci - 14-04-2016 - ee34086 */
.wizard_field_container {
position: relative;
/* padding: 12px 0px; */
/* tolto padding:0 per input su fissa appuntamento altrimenti attaccato al calendario - ee34086 - 19-05-2016 */
/* padding: 0; padding 0 vedi modifica contatit su profilo - ee34086 - 17-05-2016 - */
}
.wizard_container_form ul.wizard_checkbox_list {
list-style-type: none;
padding: 0;
margin: 0;
}
.wizard_container_form label{
font-weight: normal;
}
.wizard_container_form .form-group{
position: relative;
}
.form-group input.hasDatepicker{
width: 100%;
}
/*use for labels with lock*/
.form-group > .media.label-form-group {
display: table;
width: 100%;
}
/* regola per smspremium tolta - 03-05-2016 - ee34086 */
/* .wizard_container_form ul.wizard_checkbox_list li { */
/* text-align: left; */
/*tolto overflow: auto per problemi su smspremium con la gestione degli errori compariva una scrollbar*/
/* overflow: auto; */
/* padding: 4px 0; */
/* } */
/*aggiunto per contenere float */
.wizard_container_form ul.wizard_checkbox_list li::after {
content: "";
display: table;
clear: both;
}
.wizard_container_form ul.wizard_checkbox_list li input {
margin-right: 6px;
}
.wizard_container_form ul.wizard_checkbox_list li .info-icon {
float: right;
}
/***** START UX WIZARD FORM NORMALIZATION *****/
.wizard_container_form {
margin-bottom: 20px; /* fix per far collassare i margini in caso di margin top dei bottoni modali - 17-05-2016 - ee34086 */
padding-left: 20px;
padding-right: 20px;
}
.wizard_container_form .container-fluid,
.wizard_container_form.container-fluid{
padding-left: 20px;
padding-right: 20px;
}
.panel-body .wizard_container_form {
/*no padding where form is into an accordion */
padding-left: 0;
padding-right: 0;
}
.wizard_container_form .container-fluid .row,
.wizard_container_form.container-fluid .row {
margin-left: -20px;
margin-right: -20px;
}
.wizard_container_form .container-fluid .row [class^="col-"],
.wizard_container_form.container-fluid .row [class^="col-"]{
padding-left: 20px;
padding-right: 20px;
}
/*BEGIN: fix margin e padidng botton a 0 per gli ultimi elementi di un wizard_container_form - 17-05-2016 - ee34086 */
/*selettore usato come fix per step 2 (con upload) di ALM - 17-05-2016 - ee34086 */
/* .wizard_container_form:not(.nopadding-ver):not(.nolastchild-selector) .container-fluid > .row:last-child .form-group, */
.wizard_container_form .wizard_field_container.row
{
padding-bottom: 0;
margin-bottom: 0;
}
/***** END UX WIZARD FORM NORMALIZATION *****/
.wizard_field_container .form-group,
.infobox_field_container.form-group {
width: 257px; /* allineamento alla griglia styleguide - 08-08-2016 - ee34086 */
/* margin bottome up lascio quelli di default - ee34086 - 17-05-2016 - */
margin-left: auto;
margin-right: auto;
text-align: left;
position: relative;
}
.infobox_field_container.form-group{
margin-left: 0;
margin-bottom: 10px;
}
/* commonizzation - 18072016 - ee40558 */
.wizard_field_container .form-group label,
.infobox_field_container.form-group label {
display: block;
/* position: absolute; */
}
.infobox_field_container.form-group label {
font-weight: normal;
}
.wizard_field_container .form-group .error-tip,
.infobox_field_container.form-group .error-tip{
margin-top: 10px;
left: 250px;
}
.wizard_container_form .form-inline .form-group .error-tip{
top: -5px;
}
.wizard_field_container .form-group .form-control,
.wizard_field_container .form-group input,
.infobox_field_container.form-group input{
width: 100%;
}
.wizard_field_container .form-group .ui-selectonemenu,
.infobox_field_container.form-group .ui-selectonemenu,
.form-group .ui-selectonemenu,
.form-control.ui-selectonemenu{
width: 100% !important;
}
.wizard_form2 .wizard_field_container .form-group{
/* width for wizard form style2 */
width: 250px;
}
.wizard_form2 .wizard_field_container .form-group label{
/* labels for wizard change persona info*/
position: static;
}
.wizard_form2 .wizard_field_container .form-group .wizard-field-col1-2{
display: inline-block;
width: 80%;
}
.wizard_form2 .wizard_field_container .form-group .wizard-field-col2-2{
display: inline-block;
width: 15%;
}
.wizard_form2 .wizard_field_container .form-group .wizard-field-col1-2 input{
width: 100%;
}
.form-inline .form-group .form-control{
/* margin: 0 4px; */ /* commonization purposes - 28-06-2016 - ee40558 */
}
/* #wizard_container_changebankpin */
.wizard_container_header{
text-align: center;
}
.wizard_buttons, .wizard_buttons_centered{
margin-top: 40px;
padding-left: 40px;
padding-right: 40px;
}
/* moved in common_at - 05102016 - ee40558 */
.ui-dialog .ui-dialog-buttonpane .wizard_buttons button{
margin: 0;
}
.wizard-button-margin{
margin-right: 10px;
}
.wizard_buttons_padding{
padding-top: 24px;
padding-bottom: 24px;
overflow: hidden;
}
.wizard_buttons::after,
.wizard_buttons_centered::after{
content: "";
display: table;
clear: both;
}
.wizard_buttons_centered{
text-align: center;
}
.wizard_buttons_centered .ui-wizard-nav-next,
.wizard_buttons_centered .ui-wizard-nav-back{
float: none;
margin: 0 auto;
}
/* in caso di 2 bottoni all'interno di wizard_buttons_centered mettiamo un margine (correzione budget e progetti) - ee34086 - 08-09-2016 */
.wizard_buttons_centered .ui-wizard-nav-back + .ui-wizard-nav-next {
margin-left: 20px;
}
/*aggiunto per il wizard di firma digitale che ha 2 bottoni a destra - 10-05-2016 - ee34086 */
/* commonization purposes - 26-09-2016 - ee40558 */
.wizard_buttons .ui-wizard-nav-next + .ui-wizard-nav-next,
.wizard_buttons .ui-wizard-nav-back ~ .ui-wizard-nav-back,
.wizard_buttons .ui-wizard-nav-next ~ .ui-wizard-nav-back,
.wizard_buttons .ui-wizard-nav-back{
margin-right: 10px;
}
/* Datepicker simple calendar */
.ui-datepicker {
z-index: 2040 !important;
background-color: #fff;
border: 1px solid rgb(204, 204, 204);
display: table-row-group;
min-width: 290px;
}
.ui-datepicker .ui-datepicker-header {
border-bottom: 1px solid #ccc;
height: 70px;
padding: 0;/* commonizzation - 07092016 - ee40558 */
}
.ui-datepicker-header a.ui-datepicker-prev {
background: url('/etc/designs/gimb/img/arrowrw-calendar.png') no-repeat;
background-position: 50% 50%;
/* background-size: contain; */
height: 70px;
margin-left: 5px;
cursor: pointer;
top: 0; /* commonizzation - 07092016 - ee40558 */
left: 0; /* commonizzation - 07092016 - ee40558 */
}
.ui-datepicker-header a.ui-datepicker-next {
background: url('/etc/designs/gimb/img/arrowfw-calendar.png') no-repeat;
/* background-size: contain; */
background-position: 50% 50%;
height: 70px;
margin-right: 5px;
cursor: pointer;
top: 0; /* commonizzation - 07092016 - ee40558 */
right: 0; /* commonizzation - 07092016 - ee40558 */
}
.ui-datepicker-header a.ui-datepicker-next.ui-state-disabled,
.ui-datepicker-header a.ui-datepicker-prev.ui-state-disabled {
visibility: hidden;
}
/* background on selectable days */
.ui-datepicker table.ui-datepicker-calendar td:not(.selected) > a {
background-color: #F5F5F5;
border-radius: 50%;
}
.ui-datepicker table.ui-datepicker-calendar td.ui-state-disabled > span,
.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-unselectable.ui-state-disabled > span
{
color: #ccc;
/*background-color: #F5F5F5;*/
/*border-radius: 50%;*/
/*fix override in bonifico because of an error rule in calendar.css in transaction*/
width: 30px
}
.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-today > a {
background-color: #FFBA00;
color: #FFF;
border-radius: 50%;
}
.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-default {
background: #00AFD0 none repeat scroll 0% 0%;
color: #FFF;
border-radius: 100%;
}
.ui-datepicker table.ui-datepicker-calendar td:hover:not(.selected):not(.ui-datepicker-current-day) > a {
color: #666;
background: #BFEBF3;
border-radius: 50%;
}
.ui-datepicker.ui-shadow{
box-shadow: none;
}
/* from paymentsCalendar*/
.ui-datepicker-buttonpane {
display: none; /*!important*/
}
/* not needed, to be removed */
.ui-button-icon-left.ui-icon.ui-icon-calendar {
display: none;
}
/* end from payments calendar */
/*
TODO: to be modify! no absolute position, no strange margin!
need also a refactor of accelog and commcenternews portlet!
*/
.ui-datepicker-trigger {
position: absolute;
height: 38px;
width: 38px;
margin-top: 1px;
margin-left: -39px;
background: #F5F5F5;
border: 0px none;
color: #666;
}
.ui-datepicker-trigger .ui-button-text{
display: none;
}
/* -------------------------------------- end todo */
.ui-datepicker-trigger {
/* from .fa of font-awesome */
font-family: FontAwesome;
line-height: 38px;
font-size: 20px;
font-style: normal;
font-weight: normal;
font-size-adjust: none;
font-stretch: normal;
font-feature-settings: normal;
font-language-override: normal;
font-kerning: auto;
font-synthesis: weight style;
font-variant: normal;
text-rendering: auto;
}
.ui-datepicker-trigger::before {
/* from .fa-calendar of font-awesome */
content: "\f073";
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
}
/* BEGIN: aggiornamento calendario come da styleguide - 27-05-2016 - ee34086 */
/* from calendar.css accesslog */
.ui-datepicker table.ui-datepicker-calendar td > a,
.ui-datepicker table.ui-datepicker-calendar td > span {
display: block;
padding: 0;
text-align: center;
text-decoration: none;
font-size: 1.8rem;
color: #666;
font-family: "unicredit-regular" !important;
width: 30px;
height: 30px;
line-height: 30px;
vertical-align: middle;
margin: 0 auto;
}
.ui-datepicker table.ui-datepicker-calendar th{
padding: 0;
}
.ui-datepicker table.ui-datepicker-calendar th span {
font-size: 11px;
color: #333;
font-family: "unicredit-bold" !important;
line-height: 50px;
padding: 0;
text-transform: uppercase;
}
.ui-datepicker .ui-datepicker-title {
font-family: "unicredit-regular";
/*color: #00AED2;*/
/*new calendar version - ee34086 - 24-02-2017 */
color: #666;
text-transform: uppercase;
font-size: 30px;
line-height: 70px;
/*height: 70px;*/
}
/* END: aggiornamento calendario come da styleguide - 27-05-2016 - ee34086 */
/* END datepicker simple calendar */
/* calendar full version */
/*TODO to be completed */
.calendar-full-version .ui-datepicker-calendar td:not(.selected):not(.ui-datepicker-today) > a,
.calendar-full-version .ui-datepicker td.ui-state-disabled > span {
background-color: transparent;
}
/* Error management */
.wrapGenericMsg{
margin:0 auto;
text-align: center;
width: 100%;
}
.titleGenericMsg{
font-family: "unicredit-medium", Arial, sans-serif;
font-size: 24px;
color:#ea5c4d;
text-align: center;
margin:16px 0 20px 0;
}
.textGenericMsg{
font-size: 18px;
color:#666666;
font-family: "unicredit-regular", Arial, sans-serif;
text-align: center;
margin-bottom: 30px;
}
.textGenericMsg span{
font-family: unicredit-bold;
}
.wrapGenericMsg a{
font-family: unicredit-bold;
color: #00afd0;
font-size: 18px;
}
.error-generic {
background-image: url('/etc/designs/gimb/img/ico-gen-mesg.png');
background-repeat: no-repeat;
background-position: center top;
padding-top: 62px;
font-family: "unicredit-medium", Arial, sans-serif;
font-size: 20px;
color: #EA5C4D;
text-align: center;
margin: 16px 0px 25px;
background-size: 60px;
}
.error-tip {
display: inline-block;
min-width: 234px;
min-height: 50px;
border-color: rgba(0, 175, 208, 0) rgba(0, 175, 208, 0)
rgba(0, 175, 208, 0) #EA5C4D;
background-color: #EA5C4D;
color: #FFF;
border-radius: 4px;
position: absolute;
padding: 8px;
top: 8px;
margin-left: 12px;
z-index: 1;
}
.error-tip .close-button img {
width: 10px;
position: absolute;
top: 4px;
right: 7px;
}
.error-tip:after {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(0, 175, 208, 0);
border-right-color: #ea5c4d;
border-width: 10px;
margin-top: -10px;
}
/*ui nav buttons moved up - 31032016 - ee36958*/
/* wizard old steps (with images) */
.img-step {
/* padding-bottom: 20px; */
}
.img-step {
width: auto;
text-align: center;
}
.modal .img-step,
.modal-dialog .img-step{
/*modificato da padding a margin per evitare problemi sui wizard di blocco carta - 18-07-2016 - ee34086 */
margin-bottom: 40px; /* allienamento item 790 ALM - 13-04-2016 - ee34086 */
/* secondo styleguide il margine da titolo e step deve essere 30,
* poiche il padding bottom del titolo invece deve essere 40, bisogna mettere un margine negativo sugli step nelle modali
* item ALM-792 - 20-04-2016
*/
margin-top: -15px;
}
.img-step.bonifico {
margin-right: 30px;
}
.img-step .circle{
display: inline-block;
position: relative;
margin-left: -1px;
vertical-align: top;
text-align: center;
z-index: 1;/* commonization purposes - 26-09-2016 - ee40558 */
}
.img-step .bar {
vertical-align: top;
position: relative;
width: 75px;
height: 6px;
border-left: none;
border-right: none;
border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
top: 17px;
padding: 0;
background: #ccc;
margin-left: -40px;
margin-right: -39px;
}
.img-step .bar.first {
background: #ccc;
}
.img-step .circle .label {
display: block;
width: 38px;
height: 38px;
line-height: 38px;
border-radius: 38px 38px 38px 38px;
-webkit-border-radius: 38px;
-moz-border-radius: 38px;
font-size: 22px;
padding: 0;
color: white;
font-family: 'unicredit-bold';
vertical-align: top;
margin: 0 auto;
background: #ccc;
}
/* font ico-misc invece di font awesome */
.circle .label > i[class*="ico-misc"],
.circle label > i[class*="ico-misc"]
{
line-height: inherit;
font-size: 28px;
}
.img-step .circle .title {
color: #999999;
font-size: 14px;
font-family: 'unicredit-regular';
padding: 0;
width: 110px;
max-width: 110px;
text-transform: uppercase;
text-align: center;
line-height: 14px;
padding-top: 6px;
}
/** to show title on one row - 20170113 ee38938 */
.img-step .circle .title.maxwidth {
width: 100%;
max-width: 100%;
}
.img-step .bar.active,
.img-step .circle.active .label{
background: #00aed0;
}
.img-step .circle.active .label {
color: #FFF;
background: #00aed0;
}
.img-step .circle.active .title {
color: #00aed0;
font-family: 'unicredit-medium'
}
.img-step .bar.done,
.img-step .circle.done .label{
background: #c8e9e0;
}
.img-step .circle.done .label {
color: #00a197;
}
.img-step .circle.done .title {
color: #00a197;
font-family: 'unicredit-medium'
}
.img-step .bar.finish,
.img-step .circle.finish .label{
background: #00aed0;
}
.img-step .circle.finish .label {
color: #FFF;
background: #00aed0;
}
.img-step .circle.finish .title {
color: #00aed0;
font-family: 'unicredit-medium'
}
.img-step span {
display: inline-block;
/*min-width: 110px;*/
vertical-align: top;
}
/*FINE versione step wizard allineata a styleguide - 31-03-2016 - ee34086 */
/* Pagina settings */
.settings-section h4 {
padding-left: 30px;
line-height: 40px;
background-color: #F5F5F5;
margin-top: 0px;
margin-bottom: 0px;
height: 40px;
border-bottom: 1px solid #CCC;
font-family: Arial,sans-serif;
font-size: 18px;
}
/* reset for harmonization purposes - 19052016 - ee40558 */
.settings-list-style2 {
margin: 40px 30px;
padding-bottom: 20px;
background: none repeat scroll 0% 0% #F5F5F5;
}
/* reset for harmonization purposes - 19052016 - ee40558 */
.settings-list-style2 .settings-list-style2-inner {
text-align: left;
display: block;
background: none repeat scroll 0% 0% #F5F5F5;
min-height: 60px;
position: relative;
padding:20px 20px 0;
}
ul.settings-list li{
display: block;
height: 60px;
position: relative;
border-bottom: 1px solid #CCC;
}
/* reset for harmonization purposes - 18052016 - ee40558 */
.settings-list-style2 h4 {
font-size: 2.2rem;
margin: 0;
background-color: #333333;
color: #fff;
padding: 8px 20px;
min-height: 40px;
font-family: unicredit-medium; /* commonization - 31052016 - ee40558 */
}
.settings-list-style2 .settings-list-style2-inner .button_container button{
margin: 0 5px;
}
.settings-list-style2 .settings-list-style2-inner::after {
/* class for auto height when containing float elements */
content: "";
display: table;
clear: both;
}
ul.settings-list li p {
line-height: 6rem;
}
ul.settings-list{
padding: 0;
margin: 0;
}
.settings-list-style2 .settings-list-style2-inner .settings-list-description{
float: left;
}
.settings-list-style2 .settings-list-style2-inner{
font-size: 1.6rem;
font-family: "unicredit-light";
color: #666;
}
.settings-list-style2 .settings-list-style2-inner p,
.settings-list-style2 .settings-list-style2-inner .settings-list-description{
/* margin-left: 10px; */
}
ul.settings-list li p{
color: #666;
font-size: 1.6rem;
line-height: 6rem;
margin-left: 30px;
font-family: Arial,"Helvetica",sans-serif;
}
.settings-list-style2 a.settings-button
{
padding: 0px 15px;
line-height: 40px;
text-transform: uppercase;
font-family: "unicredit-medium";
font-size: 14px;
border: 1px solid #00AFD0;
border-radius: 3px;
background-color: #00AFD0;
color: #FFF;
text-align: center;
text-decoration: none;
min-width: 12%;
display: inline-block;
}
ul.settings-list li a.settings-button,
ul.settings-list li span.settings-button{
padding: 0px 15px;
line-height: 40px;
text-transform: uppercase;
font-family: "unicredit-medium";
font-size: 14px;
border-radius: 3px;
color: #00AFD0;
text-align: center;
text-decoration: none;
display: inline-block;
/* width: 12%; */
position: absolute !important;
right: 10px;
top: 10px;
background-color: #FFF;
}
ul.settings-list li span.settings-button{
color: #999;
}
.settings-list-style2 a.settings-button {
float: right;
}
ul.settings-list li a.settings-button,
ul.settings-list li span.settings-button {
position: absolute;
right: 10px;
top: 10px;
}
ul.settings-list li a.settings-button::after,
ul.settings-list li span.settings-button::after{
content: ">";
padding-left: 4px;
}
/* labels status: */
.label-status {
/* label status allienato come da item alm 1191 - 14-07-2016 */
font-size: 14px;
line-height: normal;
display: inline-block;
font-family: 'unicredit-medium';
text-transform: uppercase;
text-align: center;
padding: 5px 8px;
position: relative;
border-radius: 3px;
margin-left: 8px;
height: 24px; /*ripristinato altezza a 24px in quanto non puo essere 20 se i pading sopra e sotto sono 5px e il font size e' 14 - ee34086 */
}
/* used in digital signature portlet */
.statusLabelRectangle {
margin-left: 8px;
line-height: 26px;
padding: 0px 15px;
border: 1px solid #cccccc;
border-radius: 3px;
text-align: center;
text-decoration: none;
/* background-colore: transparent; */
font-family: 'unicredit-medium';
font-size: 14px;
display: inline-block;
}
.settings-list .settings-button .label-status {
margin-right: 80px;
}
/*BEGIN label status blu "reserved" used in pfm - 27-06-2016 - ee34086 */
.label-status.reserved,
.label-status.booked /*add to order archive*/{
background-color: #00AFD0;
color: #fff;
}
.panel-heading.active .label-status.reserved,
.accordion_datatable .ui-expanded-row .label-status.reserved,
.accordion_datatable .ui-state-highlight .label-status.reserved,
.label-status.reserved.active,
/*add to order archive*/
.panel-heading.active .label-status.booked,
.accordion_datatable .ui-expanded-row .label-status.booked,
.accordion_datatable .ui-state-highlight .label-status.booked,
.accordion_datatable .ui-state-highlight .label-status.booked.active,
.label-status.booked.active
{
color: #00AFD0 !important;
background-color: #fff !important;
}
/*END label status blu "reserved" used in pfm - 27-06-2016 - ee34086 */
.label-status.pending,
.label-status.to_authorize, /*add to order archive*/
.label-status.waiting_to_execute, /*add to order archive*/
.label-status.not_cashin, /*add to order archive*/
.label-status.suspended, /*add to order archive*/
.label-status.workinprogress, /*add to order archive*/
.label-status.recording, /*add to order archive*/
.label-status.to_confirm, /*add to order archive*/
.label-status.wait, /*add to direct-debit*/
.label-status.to_send /* from payments */
{
background: #FBB800;
color: #ffffff;
}
/*aggiunto versione colori invertiti in caso di accordion aperti - 19-04-2016 - ee34086 */
.panel-heading.active .label-status.pending,
.accordion_datatable .ui-expanded-row .label-status.pending,
.accordion_datatable .ui-state-highlight .label-status.pending,
.accordion_datatable .ui-state-highlight .label-status.pending.active,
.label-status.pending.active,
/*add to order archive*/
.panel-heading.active .label-status.to_authorize,
.accordion_datatable .ui-expanded-row .label-status.to_authorize,
.accordion_datatable .ui-state-highlight .label-status.to_authorize,
.label-status.to_authorize.active,
/*add to order archive*/
.panel-heading.active .label-status.waiting_to_execute,
.accordion_datatable .ui-expanded-row .label-status.waiting_to_execute,
.accordion_datatable .ui-state-highlight .label-status.waiting_to_execute,
.label-status.waiting_to_execute.active,
/*add to order archive*/
.panel-heading.active .label-status.not_cashin,
.accordion_datatable .ui-expanded-row .label-status.not_cashin,
.accordion_datatable .ui-state-highlight .label-status.not_cashin,
.label-status.not_cashin.active,
/*add to order archive*/
.panel-heading.active .label-status.suspended,
.accordion_datatable .ui-expanded-row .label-status.suspended,
.accordion_datatable .ui-state-highlight .label-status.suspended,
.label-status.suspended.active,
/*add to order archive*/
.panel-heading.active .label-status.workinprogress,
.accordion_datatable .ui-expanded-row .label-status.workinprogress,
.accordion_datatable .ui-state-highlight .label-status.workinprogress,
.label-status.workinprogress.active,
/*add to order archive*/
.panel-heading.active .label-status.recording,
.accordion_datatable .ui-expanded-row .label-status.recording,
.accordion_datatable .ui-state-highlight .label-status.recording,
.label-status.recording.active,
/*add to order archive*/
.panel-heading.active .label-status.to_confirm,
.accordion_datatable .ui-expanded-row .label-status.to_confirm,
.accordion_datatable .ui-state-highlight .label-status.to_confirm,
.label-status.to_confirm.active,
/*add to direct-debit*/
.panel-heading.active .label-status.wait,
.accordion_datatable .ui-expanded-row .label-status.wait,
.accordion_datatable .ui-state-highlight .label-status.wait,
.label-status.wait.active,
/* from payments */
.panel-heading.active .label-status.label-status.,
.accordion_datatable .ui-expanded-row .label-status.label-status.,
.accordion_datatable .ui-state-highlight .label-status.label-status.,
.label-status.label-status.active{
/* aggiunti gli important in quanto stato attivo deve sovrascrivere tutto - 27-06-2016 - ee34086 */
color: #FBB800 !important;
background: #ffffff !important;
}
.label-status.executed,
.label-status.received, /*add to order archive*/
.label-status.sent, /*add to order archive*/
.label-status.recorded, /*add to order archive*/
.label-status.active, /*add to order archive*/
.label-status.prenotabile /*add to payments riba*/
{
background: #2fa358;
color: #ffffff;
}
/*aggiunto versione colori invertiti in caso di accordion aperti - 19-04-2016 - ee34086 */
.panel-heading.active .label-status.executed,
.accordion_datatable .ui-expanded-row .label-status.executed,
.accordion_datatable .ui-state-highlight .label-status.executed,
.accordion_datatable .ui-state-highlight .label-status.executed.active,
.label-status.executed.active,
/*add to order archive*/
.panel-heading.active .label-status.received,
.accordion_datatable .ui-expanded-row .label-status.received,
.accordion_datatable .ui-state-highlight .label-status.received,
.accordion_datatable .ui-state-highlight .label-status.received.active,
.label-status.received.active,
/*add to order archive*/
.panel-heading.active .label-status.sent,
.accordion_datatable .ui-expanded-row .label-status.sent,
.accordion_datatable .ui-state-highlight .label-status.sent,
.accordion_datatable .ui-state-highlight .label-status.sent.active,
.label-status.sent.active,
/*add to order archive*/
.panel-heading.active .label-status.recorded,
.accordion_datatable .ui-expanded-row .label-status.recorded,
.accordion_datatable .ui-state-highlight .label-status.recorded,
.accordion_datatable .ui-state-highlight .label-status.recorded.active,
.label-status.recorded.active,
/*add to order archive*/
.panel-heading.active .label-status.active.active,
.accordion_datatable .ui-expanded-row .label-status.active.expanded, /* fix per problema in pagina activities - 11-07-2016 - ee34086 */
.accordion_datatable .ui-state-highlight .label-status.active.expanded, /* fix per problema in pagina activities - 11-07-2016 - ee34086 */
/*add to payments riba*/
.panel-heading.active .label-status.prenotabile,
.accordion_datatable .ui-expanded-row .label-status.prenotabile,
.accordion_datatable .ui-state-highlight .label-status.prenotabile,
.accordion_datatable .ui-state-highlight .label-status.prenotabile.active,
.label-status.prenotabile.active
{
/* aggiunti gli important in quanto stato attivo deve sovrascrivere tutto - 27-06-2016 - ee34086 */
color: #2fa358 !important;
background: #ffffff !important;
}
.label-status.cancelled,
.label-status.revoked, /*add to order archive*/
.label-status.canceled, /*add to order archive*/
.label-status.not_executed, /*add to order archive*/
.label-status.deleted, /*add to order archive*/
.label-status.revoked_from_agency /*add to order archive*/
{
background: #666666;
color: #ffffff;
}
/*aggiunto versione colori invertiti in caso di accordion aperti - 19-04-2016 - ee34086 */
.panel-heading.active .label-status.cancelled,
.accordion_datatable .ui-expanded-row .label-status.cancelled,
.accordion_datatable .ui-state-highlight .label-status.cancelled,
.accordion_datatable .ui-state-highlight .label-status.cancelled.active,
.label-status.cancelled.active,
/*add to order archive*/
.panel-heading.active .label-status.revoked,
.accordion_datatable .ui-expanded-row .label-status.revoked,
.accordion_datatable .ui-state-highlight .label-status.revoked,
.accordion_datatable .ui-state-highlight .label-status.revoked.active,
.label-status.revoked.active,
/*add to order archive*/
.panel-heading.active .label-status.canceled,
.accordion_datatable .ui-expanded-row .label-status.canceled,
.accordion_datatable .ui-state-highlight .label-status.canceled,
.accordion_datatable .ui-state-highlight .label-status.canceled.active,
.label-status.canceled.active,
/*add to order archive*/
.panel-heading.active .label-status.not_executed,
.accordion_datatable .ui-expanded-row .label-status.not_executed,
.accordion_datatable .ui-state-highlight .label-status.not_executed,
.accordion_datatable .ui-state-highlight .label-status.not_executed.active,
.label-status.not_executed.active,
/*add to order archive*/
.panel-heading.active .label-status.deleted,
.accordion_datatable .ui-expanded-row .label-status.deleted,
.accordion_datatable .ui-state-highlight .label-status.deleted,
.accordion_datatable .ui-state-highlight .label-status.deleted.active,
.label-status.deleted.active,
/*add to order archive*/
.panel-heading.active .label-status.revoked_from_agency,
.accordion_datatable .ui-expanded-row .label-status.revoked_from_agency,
.accordion_datatable .ui-state-highlight .label-status.revoked_from_agency,
.accordion_datatable .ui-state-highlight .label-status.revoked_from_agency.active,
.label-status.revoked_from_agency.active
{
/* aggiunti gli important in quanto stato attivo deve sovrascrivere tutto - 27-06-2016 - ee34086 */
color: #666666 !important;
background: #ffffff !important;
}
.label-status.serviceNotActive,
.label-status.serviceActive,
/*inizio used in cards board AT - 25032016 - ee36958*/
.label-status.blocked
/*inizio used in cards board AT - 25032016 - ee36958*/
{
min-width: 122px;
}
.label-status.serviceNotActive {
background: #666666;
color: #ffffff;
}
/*aggiunto versione colori invertiti in caso di accordion aperti - 19-04-2016 - ee34086 */
.panel-heading.active .label-status.serviceNotActive,
.accordion_datatable .ui-expanded-row .label-status.serviceNotActive,
.accordion_datatable .ui-state-highlight .label-status.serviceNotActive,
.accordion_datatable .ui-state-highlight .label-status.serviceNotActive.active,
.label-status.serviceNotActive.active
{
/* aggiunti gli important in quanto stato attivo deve sovrascrivere tutto - 27-06-2016 - ee34086 */
color: #666666 !important;
background: #ffffff !important;
}
.label-status.serviceActive,
.label-status.completed
{
background: #2fa358;
color: #ffffff;
}
/*aggiunto versione colori invertiti in caso di accordion aperti - 19-04-2016 - ee34086 */
.panel-heading.active .label-status.serviceActive,
.accordion_datatable .ui-expanded-row .label-status.serviceActive,
.accordion_datatable .ui-state-highlight .label-status.serviceActive,
.accordion_datatable .ui-state-highlight .label-status.serviceActive.active,
.label-status.serviceActive.active,
.panel-heading.active .label-status.completed,
.accordion_datatable .ui-expanded-row .label-status.completed,
.accordion_datatable .ui-state-highlight .label-status.completed,
.accordion_datatable .ui-state-highlight .label-status.completed.active,
.label-status.completed.active
{
/* aggiunti gli important in quanto stato attivo deve sovrascrivere tutto - 27-06-2016 - ee34086 */
color: #2fa358 !important;
background: #ffffff !important;
}
.label-status.serviceSuspended,
.label-status.waiting_to_revoke /*used to order archive*/{
background: #FBB800;
color: #ffffff;
}
/*aggiunto versione colori invertiti in caso di accordion aperti - 19-04-2016 - ee34086 */
.panel-heading.active .label-status.serviceSuspended,
.accordion_datatable .ui-expanded-row .label-status.serviceSuspended,
.accordion_datatable .ui-state-highlight .label-status.serviceSuspended,
.accordion_datatable .ui-state-highlight .label-status.serviceSuspended.active,
.label-status.serviceSuspended.active,
/*used to order archive*/
.panel-heading.active .label-status.waiting_to_revoke,
.accordion_datatable .ui-expanded-row .label-status.waiting_to_revoke,
.accordion_datatable .ui-state-highlight .label-status.waiting_to_revoke,
.accordion_datatable .ui-state-highlight .label-status.waiting_to_revoke.active,
.label-status.waiting_to_revoke.active
{
/* aggiunti gli important in quanto stato attivo deve sovrascrivere tutto - 27-06-2016 - ee34086 */
color: #FBB800 !important;
background: #ffffff !important;
}
.label-status.serviceRevoked{
background: #666666 ;
color: #ffffff ;
}
/*aggiunto versione colori invertiti in caso di accordion aperti - 19-04-2016 - ee34086 */
.panel-heading.active .label-status.serviceRevoked,
.accordion_datatable .ui-expanded-row .label-status.serviceRevoked,
.accordion_datatable .ui-state-highlight .label-status.serviceSuspended,
.accordion_datatable .ui-state-highlight .label-status.serviceSuspended.active,
.label-status.serviceSuspended.active
{
/* aggiunti gli important in quanto stato attivo deve sovrascrivere tutto - 27-06-2016 - ee34086 */
color: #666666 !important;
background: #ffffff !important;
}
.label-status.expired,
.label-status.serviceExpired,
/*inizio used in cards board AT - 25032016 - ee36958*/
.label-status.blocked,
/*inizio used in cards board AT - 25032016 - ee36958*/
.label-status.incomplete, /*for activities*/
.label-status.rejected, /*add to order archive*/
.label-status.error, /*add to order archive*/
.label-status.non_prenotabile /*add to payments riba*/
{
background: #ea5c4d;
color: #ffffff;
}
/*aggiunto versione colori invertiti in caso di accordion aperti - 19-04-2016 - ee34086 */
.panel-heading.active .label-status.expired,
.panel-heading.active .label-status.serviceExpired,
.panel-heading.active .label-status.blocked,
.panel-heading.active .label-status.incomplete,
.panel-heading.active .label-status.rejected,/*add to order archive*/
.panel-heading.active .label-status.error,/*add to order archive*/
.panel-heading.active .label-status.non_prenotabile,/*add to payments riba*/
.accordion_datatable .ui-expanded-row .label-status.expired,
.accordion_datatable .ui-expanded-row .label-status.serviceExpired,
.accordion_datatable .ui-expanded-row .label-status.blocked,
.accordion_datatable .ui-expanded-row .label-status.incomplete,
.accordion_datatable .ui-expanded-row .label-status.rejected,/*add to order archive*/
.accordion_datatable .ui-expanded-row .label-status.error,/*add to order archive*/
.accordion_datatable .ui-expanded-row .label-status.non_prenotabile,/*add to payments riba*/
.accordion_datatable .ui-state-highlight .label-status.expired,
.accordion_datatable .ui-state-highlight .label-status.serviceExpired,
.accordion_datatable .ui-state-highlight .label-status.blocked,
.accordion_datatable .ui-state-highlight .label-status.incomplete,
.accordion_datatable .ui-state-highlight .label-status.rejected,/*add to order archive*/
.accordion_datatable .ui-state-highlight .label-status.error,/*add to order archive*/
.accordion_datatable .ui-state-highlight .label-status.non_prenotabile,/*add to payments riba*/
.accordion_datatable .ui-state-highlight .label-status.expired.active,
.accordion_datatable .ui-state-highlight .label-status.serviceExpired.active,
.accordion_datatable .ui-state-highlight .label-status.blocked.active,
.accordion_datatable .ui-state-highlight .label-status.incomplete.active,
.accordion_datatable .ui-state-highlight .label-status.rejected.active,/*add to order archive*/
.accordion_datatable .ui-state-highlight .label-status.error.active,/*add to order archive*/
.accordion_datatable .ui-state-highlight .label-status.non_prenotabile.active,/*add to payments riba*/
.label-status.expired.active,
.label-status.serviceExpired.active,
.label-status.blocked.active,
.label-status.incomplete.active,
.label-status.rejected.active, /*add to order archive*/
.label-status.error.active, /*add to order archive*/
.label-status.non_prenotabile.active /*add to payments riba*/{
background: #ffffff !important;
color: #ea5c4d !important;
}
/* -- Accordions: -- */
/* PRIMEFACES ACCORDION (da sistemare) */
/* begin classi da sistemare */
.accordionPanelContainer {
background: white;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
border-top: 1px solid #CCC;
margin: 4px;
}
.accordionTitle{
text-align: center;
font-size: 1.6em;
font-family: 'unicredit-medium';
}
/* end begin classi da sistemare */
.panel-group.accordion-style2 {
background-color: #fff; /* aggiunto background per i margini bottom tra pannelli - ee34086 - 02-01-2017 */
}
.accordion-style2 h3.ui-accordion-header.ui-state-default.ui-state-active:after{
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-top: 14px solid #00AFD0;
content: "";
display: inline-block;
position: absolute;
bottom: -12px;
z-index: 10;
height: 13px;
left: 0px;
right: 0;
width: 1px !important; /*aggiunto important per evitare che la portlet sovrascriva in caso di merge errato */
background: none !important; /* da togliere l'important */
margin: 0 auto;
}
.accordion-style2.ui-accordion .ui-accordion-content{
padding: 40px 0;
}
/* caso accordion senza colonne */
.accordion-style2.ui-accordion .ui-accordion-content .accordion-details-full{
display: block;
padding: 0 20px;
}
.accordion-style2 h3.ui-accordion-header.ui-helper-reset.ui-state-default {
font-size: 24px;
text-align: center;
color: #00A197;
font-family: 'unicredit-regular';
background-color: #BFEBF3;
padding: 18px 40px;
line-height: 24px;
}
.accordion-style2 h3.ui-accordion-header.ui-helper-reset.ui-state-default.ui-state-active{
color: #fff;
background-color: #00afd0;
}
/*nascondo icona di primefaces*/
.accordion-style2 h3.ui-accordion-header.ui-helper-reset.ui-state-default span.ui-icon{
background: none;
margin: 0;
display: none;
}
.accordion-style2 h3.ui-accordion-header.ui-state-default.ui-state-active::before{
/* arrow UP */
background: none;
content: "\e0";
position: absolute;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
top: 0px;
left: 30px;
font-size: 11px;
line-height: 60px;
font-family: 'UC-Misc_V20','UC-Misc' !important;
color: #fff;
}
.accordion-style2 h3.ui-accordion-header.ui-state-default::before{
/* arrow DOWN*/
background: none;
content: "\f2";
position: absolute;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
top: 0px;
left: 30px;
font-size: 12px;
line-height: 60px;
font-family: 'UC-Misc_V20','UC-Misc' !important;
color: #00a197;
}
/*ee36958 removed unused line*/
.ui-datatable-selectable .ui-state-highlight,
.accordion-style2 .selected_accordion {
}
/* END PRIMEFACES ACCORDION */
.accordion-style2 .sms-alert-description,
.accordion-style1 .sms-alert-description,
.accordion-style2 .accordion-description-border,
.accordion-style1 .accordion-description-border,
/*aggiunto accordion style 3 da verificare - 15-04-2016 - ee34086 */
.accordion-style3 .accordion-description-border
{
border-right: 1px solid #E5E5E5;
padding-right: 10px;
}
/* il font family dentro gli accordion sezione mobile devono essere in arial come da styleguide - 04-05-2016 - ee34086 */
.accordion-style1 .sms-alert-description,
.accordion-style1 .accordion-description-border
/*.accordion-style1 .panel-body*/
{
font-family: Arial;
}
.accordion-style1 .col-md-12 .sms-alert-description,
.accordion-style2 .col-md-12 .sms-alert-description,
.accordion-style2 .col-md-12 .accordion-description-border,
.accordion-style1 .col-md-12 .accordion-description-border,
/*aggiunto accordion style 3 da verificare - 15-04-2016 - ee34086 */
.accordion-style3 .col-md-12 .accordion-description-border
{
/*if description is in full screen, no borders: */
border-right: 0;
}
.accordion-style2,
.accordion-style1,
/*aggiunto accordion style 3 da verificare - 15-04-2016 - ee34086 */
.accordion-style3
{
/* width: 90%; */
margin: 0 auto;
/* padding-bottom: 20px; */
}
.accordion-style2 .panel,
.accordion-style1 .panel,
/*aggiunto accordion style 3 da verificare - 15-04-2016 - ee34086 */
.accordion-style3 .panel
{
border-radius: 0;
box-shadow: none;
}
a.close-accordion,
.close-accordion /*for accordion type3 payments*/{
display: inline-block;
background: transparent url("/etc/designs/gimb/img/ico-close-grey.png") no-repeat scroll right top;
height: 20px;
width: 20px;
}
.close-accordion /*for accordion type3 payments*/ {
float:right;
}
/*accordion type3 payments*/
.accordion-type3{
width: 100%;
height: 60px;
border: 0px;
background-color: #00AFD0;
display: inline-block;
padding: 15px 30px;
line-height: 30px;
font-size: 20px;
font-family: unicredit-medium;
color: white;
text-transform: uppercase;
}
/*accordion type3 payments*/
.accordion-toggle .arrowDownSection {
-webkit-background-clip: border-box;
-webkit-background-origin: padding-box;
-webkit-background-size: auto;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url('/etc/designs/gimb/img/arrow-table-on.png');
background-origin: padding-box;
background-size: auto;
box-sizing: border-box;
color: red;
display: block;
font-family: unicredit-medium;
font-size: 14px;
height: 12px;
left: 50%;
line-height: 20px;
position: relative;
top: -7px;
width: 24px;
z-index: 2;
}
/* sostiuito il printable con la classe common row-expanded-container - 23-06-2016 - ee34086 */
.accordion_datatable .ui-expanded-row-content,
.row-expandend-container {
position: relative;
}
/* sostiuito il printable con la classe common row-expanded-container - 23-06-2016 - ee34086 */
.accordion_datatable .ui-expanded-row-content a.close-accordion,
.row-expandend-container .close-accordion,
/*aggiunto selettore per accordion primefaces */
.accordion-style2 .ui-accordion-content a.close-accordion,
.accordion-type3 .close-accordion /*for accordion type3 payments*/{
position: absolute;
top: 0;
right: 0;
margin-top: 20px;
margin-right: 20px;
}
.accordion-style1 .panel-body a.close-accordion,
.accordion-style2 .panel-body a.close-accordion,
/*aggiunto accordion style 3 da verificare - 15-04-2016 - ee34086 */
.accordion-style3 .panel-body a.close-accordion
{
/* normalization come da ux styleguide pdf */
position: absolute;
top: -20px;
right: 0px;
z-index: 30;
margin: 0;
}
.accordion-style2 .panel-body button,
.accordion-style1 .panel-body button,
/*aggiunto accordion style 3 da verificare - 15-04-2016 - ee34086 */
.accordion-style3 .panel-body button
{
margin-bottom: 10px;
min-width: 120px;
}
.accordion-style2 .panel-heading {
background-color: #00AFD0;
position: relative;
vertical-align: middle;
/*height: 60px;*/
text-align: left;
cursor: pointer;
font-family: "unicredit-regular";
color: #fff;
text-decoration: none;
padding: 0;
border-radius: 0;
height: 60px; /* altezza accordion come da styleguide - 15-04-2016 - ee34086 */
}
.accordion-style1 .panel-heading:hover{
background-color: #BFEBF3;
}
.accordion-style1 .panel-heading{
background-color: #fff;
/*border-top: 1px solid; */
position: relative;
vertical-align: middle;
/*height: 60px;*/
text-align: left;
cursor: pointer;
font-family: "Arial";
color: #666;
text-decoration: none;
border-radius: 0;
font-size: 16px;
line-height: 20px;
padding: 20px 30px;
/* padding-left: 90px; */ /*aggiornamento styleguide del 14 aprile - 18-04-2016 - ee34086 */
height: 60px; /* altezza accordion come da styleguide - 15-04-2016 - ee34086 */
}
/* BEGIN aggiunte frecce al posto delle icone - e + - 15-04-2016 - ee34086 */
.accordion-style1 .panel-heading::before,
.accordion-style1 .panel-heading.active::before,
.accordion-type3 .sectionPlus:before, /*aggiunta per accordion type3 payments*/
.accordion-type3 .sectionMinus:before /*aggiunta per accordion type3 payments*/
{
position: absolute;
/*arrow down */
content: "\f2";
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
top: 0px;
left: 9px;
font-size: 12px;
line-height: 60px;
font-family: 'UC-Misc_V20','UC-Misc' !important;
}
.accordion-style1 .panel-heading.active::before,
.accordion-type3 .sectionMinus:before /*aggiunta per accordion type3 payments*/
{
/*arrow up*/
content: "\e0";
font-weight: normal;
color: #fff
}
.accordion-type3 .sectionPlus:before, .accordion-type3 .sectionMinus:before{
position: relative;
line-height: normal;
left: 0px;
}
/* END aggiunte frecce al posto delle icone - e + - 15-04-2016 - ee34086 */
/*aggiunto accordion style 3 da verificare - 15-04-2016 - ee34086 */
.accordion-style3 .panel-heading {
background-color: #00AFD0;
position: relative;
vertical-align: middle;
text-align: left;
cursor: pointer;
font-family: 'unicredit-medium';
color: #fff;
text-decoration: none;
padding: 0;
border-radius: 0;
height: 60px; /* altezza accordion come da styleguide - 15-04-2016 - ee34086 */
}
.accordion-style2 .collapse,
.accordion-style1 .collapse,
/*aggiunto accordion style 3 da verificare - 15-04-2016 - ee34086 */
.accordion-style3 .collapse
{
display: none;
}
.accordion-style2 .collapse.in,
.accordion-style1 .collapse.in,
/*aggiunto accordion style 3 da verificare - 15-04-2016 - ee34086 */
.accordion-style3 .collapse.in
{
display: block;
}
.accordion-style2 .collapsing,
.accordion-style1 .collapsing,
/*aggiunto accordion style 3 da verificare - 15-04-2016 - ee34086 */
.accordion-style3 .collapsing
{
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height .35s ease;
transition: height .35s ease;
}
.accordion-style2 .panel-heading a,
.accordion-style1 .panel-heading a,
/*aggiunto accordion style 3 da verificare - 15-04-2016 - ee34086 */
.accordion-style3 .panel-heading a
{
cursor: pointer;
font-size: 16px;
font-family: 'Arial';
text-decoration: none;
}
.accordion-style2 .panel-heading.active,
.accordion-style1 .panel-heading.active,
/*aggiunto accordion style 3 da verificare - 15-04-2016 - ee34086 */
.accordion-style3 .panel-heading.active
{
background-color: #00afd0;
margin-bottom: 14px;
}
.accordion-style2 .panel-heading.active a,
.accordion-style1 .panel-heading.active a,
/*aggiunto accordion style 3 da verificare - 15-04-2016 - ee34086 */
.accordion-style3 .panel-heading.active a
{
color: #ffffff;
text-decoration: none;
}
.accordion-style2 .panel-heading.active:hover,
.accordion-style1 .panel-heading.active:hover,
/*aggiunto accordion style 3 da verificare - 15-04-2016 - ee34086 */
.accordion-style3 .panel-heading.active:hover
{
background-color: #00afd0;
}
.accordion-style2 .panel-heading.active:after,
.accordion-style1 .panel-heading.active:after,
/*aggiunto accordion style 3 da verificare - 15-04-2016 - ee34086 */
.accordion-style3 .panel-heading.active:after
{
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-top: 14px solid #00AFD0;
content: "";
display: inline-block;
position: absolute;
bottom: -12px;
z-index: 10;
height: 13px;
left: 0px;
right: 0;
width: 1px;
margin: 0 auto;
}
.accordion-style2 .panel .panel-collapse .panel-body,
.accordion-style1 .panel .panel-collapse .panel-body,
/*aggiunto accordion style 3 da verificare - 15-04-2016 - ee34086 */
.accordion-style3 .panel .panel-collapse .panel-body
{
position: relative;
border: none;
padding: 0;
}
.accordion-style1 .panel .panel-collapse,
.accordion-style2 .panel .panel-collapse,
/*aggiunto accordion style 3 da verificare - 15-04-2016 - ee34086 */
.accordion-style3 .panel .panel-collapse
{
padding: 26px 20px 40px;
}
.accordion-style2 .panel,
/*aggiunto accordion style 3 da verificare - 15-04-2016 - ee34086 */
.accordion-style3 .panel
{
border: 0;
box-shadow: 0;
}
/* BEGIN margin botton solo per accordion style2 e style3 - 15-04-2016 - ee34086 */
.panel-group .panel{
margin-bottom: 0;
}
.panel-group.accordion-style2 .panel,
.panel-group.accordion-style3 .panel{
margin-bottom: 1px;
}
/* END margin botton solo per accordion style2 e style3 - 15-04-2016 - ee34086 */
.panel-group .panel + .panel{
margin-top: 0;
}
/* aggiornato, il background solo per accordion di tipo 1 - 10-05-2016 - ee34086 */
.accordion-style1 .panel
{
background-color: #F5F5F5; /* color K7 come da styleguide - 15-04-2016 - ee34086 */
}
.accordion-style1 .panel{
border: 0;
box-shadow: 0;
border-bottom: 1px solid #ccc;
}
.accordion-style2 .panel-heading {
background-color: #bfebf3;
}
.accordion-style2 .panel-heading.active,
.accordion-style1 .panel-heading.active,
/*aggiunto accordion style 3 da verificare - 15-04-2016 - ee34086 */
.accordion-style3 .panel-heading.active
{
background-color: #00afd0;
}
/*aggiunto accordion style 3 da verificare - 15-04-2016 - ee34086 */
.accordion-style2 .panel-heading a{
color: #fff;
font-family: 'unicredit-medium';
vertical-align: middle;
font-size: 20px;
text-align: left;
text-decoration: none;
line-height: 60px;
}
.accordion-style2 .panel-heading a{
color: #00a197;
font-family: 'unicredit-regular';
vertical-align: middle;
font-size: 24px;
text-align: center;
text-decoration: none;
line-height: 60px;
}
.accordion-style1 .panel-heading a{
color: #666;
vertical-align: middle;
text-align: left; /* fix incident IM03223712 - ee34086 - 23-02-2017*/
text-decoration: none;
font-size: 1.6rem;
font-family: "Arial";
}
.accordion-style2 .panel-heading.active a,
.accordion-style1 .panel-heading.active a,
/*aggiunto accordion style 3 da verificare - 15-04-2016 - ee34086 */
.accordion-style3 .panel-heading.active a
{
color: #ffffff;
}
.accordion-style2 .panel-heading .accordion-expand-ico{
display: none;
}
.accordion-style2 .panel-heading{
text-align: center;
}
/* Cambio icona + in icona freccia sugli accordion di tipo2 - 15-04-2016 - ee34086 */
.accordion-style2 .panel-heading.active::before{
/*arrow up*/
content: "\e0";
position: absolute;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
top: 0px;
left: 30px;
font-size: 11px;
line-height: 60px;
font-family: 'UC-Misc_V20','UC-Misc' !important;
color: #fff;
}
.accordion-style2 .panel-heading::before{
/*arrow down */
content: "\f2";
position: absolute;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
top: 0px;
left: 30px;
font-size: 12px;
line-height: 60px;
font-family: 'UC-Misc_V20','UC-Misc' !important;
color: #00a197;
}
/* END - Cambio icona + in icona freccia sugli accordion di tipo2 - 15-04-2016 - ee34086 */
/*aggiunto accordion style 3 da verificare - 15-04-2016 - ee34086 */
.accordion-style3 .panel-heading.active::before{
/*arrow up*/
content: "\e0";
position: absolute;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
top: 0px;
right: 30px;
font-size: 12px;
line-height: 60px;
font-family: 'UC-Misc_V20','UC-Misc' !important;
color: #fff;
}
/*aggiunto accordion style 3 da verificare - 15-04-2016 - ee34086 */
.accordion-style3 .panel-heading::before{
/*arrow down */
content: "\f2";
position: absolute;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
top: 0px;
right: 30px;
font-size: 12px;
line-height: 60px;
font-family: 'UC-Misc_V20','UC-Misc' !important;
color: #fff;
}
.accordion-style2 h4.panel-title,
.accordion-style1 h4.panel-title,
/*aggiunto accordion style 3 da verificare - 15-04-2016 - ee34086 */
.accordion-style3 h4.panel-title
{
margin: 0;
}
.panel .accordion-expand-ico {
font-size: 10px;
}
/*add accordion steps*/
.accordion-steps-heading {
font-size: 24px;
font-family: unicredit-regular;
display: inline-block;
width: 100%;
height: 60px;
line-height: 60px;
border: 0px;
text-align: center;
margin-bottom: 1px;
}
.accordion-steps-heading.active {
background-color: #00AFD0;
color: #fff;
}
.accordion-steps-heading.done {
background-color: #BFEBF3;
color: #00A197;
}
/*ITEM ALM 2413 - ee38964 */
.accordion-steps-heading.done::after {
content: "\48";
font-family: 'UC-Misc' !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
float: right;
margin-right: 40px;
font-size: 40px;
margin-top: 12px;
}
.accordion-steps-heading.disable {
background-color: #CCC !important;
}
/* fine accordions */
/* accordion faq page */
.faq {
margin-left: 48px;
}
.faq.active dt {
font-family: unicredit-regular;
color: #00AFD0;
}
.faq dt {
cursor: pointer;
font-size: 1.6rem;
font-family: unicredit-regular;
color: #666;
line-height: 30px;
text-align: left;
}
.faq dd {
margin-left: 22px;
margin-right: 22px;
padding: 4px;
font-size: 16px;
display: none;
color: #666;
font-family: unicredit-regular;
}
.faq dd.answer {
background-color: #f5f5f5;
}
.faq.active dd.answer {
display: block;
}
.faq-category a.faq-pointer {
width: 27px;
height: 27px;
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
}
.faq-category h4 {
font-size: 2.0rem;
line-height: 30px;
vertical-align: middle;
}
.faq-category {
padding: 0 22px;
}
.ico-faq-pointer {
background-image: url('/etc/designs/gimb/img/faq-pointer.png');
}
.faq dt .fa {
font-size: 0.7em;
}
.faq_page {
padding-bottom: 40px;
}
.faq_page h3 {
padding-left: 20px;
}
.faq_page .breadcrumb {
background-color: transparent;
text-transform: capitalize;
}
/*Legal disclaimer styles*/
.legal-disclaimer-box-container {
/* width: 90%; */
display: block;
margin: 30px auto 20px;
/* padding-bottom: 10px; */ /*serve questo padding? - 17-05-2016 - ee34086 */
}
/* moved in common_at - 05102016 - ee40558 */
.legal-disclaimer-box-container .title-container {
margin: auto;
display: block;
/* width: 90%;*/
}
.legal-disclaimer-box-container .title-container span,
.legal-disclaimer-box-container .title-container div {
text-transform: uppercase;
text-decoration: none;
bottom: -1px;
position: relative;
background: #FFF none repeat scroll 0% 0% padding-box;
/*styleguide del 07042016 - 13042016 - ee36958*/
line-height: 36px;
/*fine styleguide del 07042016 - 13042016 - ee36958*/
/*avoid plus/minus icon to overlap on text, cards wizard IT - 15042016 - ee36958*/
padding: 0px 8px 0px 8px;
/*end avoid plus/minus icon to overlap on text - 15042016 - ee36958*/
display: inline-block;
/*styleguide del 07042016 - 13042016 - ee36958*/
min-width: 150px;
/*fine styleguide del 07042016 - 13042016 - ee36958*/
color: #00AFD0;
font-size: 1.4rem;
box-sizing: border-box;
border-top: 1px solid rgb(204, 204, 204);
border-left: 1px solid rgb(204, 204, 204);
border-radius: 4px 4px 0px 0px;
border-right: 1px solid rgb(204, 204, 204);
/* padding-right: 40px; */
/* cursor: pointer; */
text-align: center;
/*styleguide del 07042016 - 13042016 - ee36958*/
font-family:'unicredit-bold';
/*fine styleguide del 07042016 - 13042016 - ee36958*/
margin-right: 40px; /* margine destro 40px come da styleguide ALM item 799 - 14-04-2016 - ee34086 */
/*da verificare*/ border-bottom: 1px solid #fff; /* fix item alm 4371 - ee34086 - 20-12-2016 */
}
/*styleguide del 07042016 - 13042016 - ee36958*/
.legal-disclaimer-box-container .title-container span.expanded,
.legal-disclaimer-box-container .title-container div.expanded,
.legal-disclaimer-box-container .title-container span.collapsed,
.legal-disclaimer-box-container .title-container div.collapsed {
background-repeat: no-repeat;
background-position: right 10px center; /*TICKET ALM 1228 20160920 - ee40576*/
/* commonization purposes - 26-09-2016 - ee40558 */
padding-right: 50px; /*padding right 50px solo in caso di disclaimer di tipo espandibile */
cursor: pointer;
padding-left: 20px;
}
.legal-disclaimer-box-container .title-container span.expanded.warning,
.legal-disclaimer-box-container .title-container div.expanded.warning{
background-image: url("/etc/designs/gimb/img/ico-minus-warning.png");
}
.legal-disclaimer-box-container .title-container span.collapsed.warning,
.legal-disclaimer-box-container .title-container div.collapsed.warning {
background-image: url("/etc/designs/gimb/img/ico-plus-warning.png");
}
.legal-disclaimer-box-container .title-container span.expanded.informative,
.legal-disclaimer-box-container .title-container div.expanded.informative,
/*aggiunta versione default per retrocompatibilita' - 19-04-2016 - ee34086 */
.legal-disclaimer-box-container .title-container span.expanded,
.legal-disclaimer-box-container .title-container div.expanded
{
background-image: url("/etc/designs/gimb/img/ico-minus-info.png");
}
.legal-disclaimer-box-container .title-container span.collapsed.informative,
.legal-disclaimer-box-container .title-container div.collapsed.informative,
/*aggiunta versione default per retrocompatibilita' - 19-04-2016 - ee34086 */
.legal-disclaimer-box-container .title-container span.collapsed,
.legal-disclaimer-box-container .title-container div.collapsed
{
background-image: url("/etc/designs/gimb/img/ico-plus-info.png");
}
.legal-disclaimer-box-container .title-container span.warning,
.legal-disclaimer-box-container .title-container div.warning{
color: #EA5C4D;
}
.legal-disclaimer-box-container .title-container span.informative,
.legal-disclaimer-box-container .title-container div.informative{
color: #00AFD0;
}
/*fine styleguide del 07042016 - 13042016 - ee36958*/
.legal-disclaimer-box-container .text-container {
font-size: 11px;
color: #333;
line-height: 1.42857;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: center;
background-color: #fff;
}
.legal-disclaimer-box-container.collapsed .text-container{
border-top: none;
margin-top: 1px;
}
.legal-disclaimer-box-container .text-container textarea {
outline: 0px none;
box-sizing: border-box;
resize: none;
width: 100%;
border: medium none;
max-height: 140px;
color: #333;
/*styleguide del 07042016 - 13042016 - ee36958*/
font-family: Arial;
font-weight: normal;
/*fine styleguide del 07042016 - 13042016 - ee36958*/
outline: 0px none;
/*styleguide del 07042016 - 13042016 - ee36958*/
font-size: 11px;
/*fine styleguide del 07042016 - 13042016 - ee36958*/
padding: 0 40px; /* allienamento styleguide - 15-04-2016 - ee34086 */
margin: 20px 0; /* allienamento styleguide - 15-04-2016 - ee34086 */
overflow-x: hidden;
}
.legal-disclaimer-box-container .text-container .content-with-links {
font-size: 11px; /* allineamento styleguide ALM item 799 - 14-04-2016 - ee34086 */
box-sizing: border-box;
resize: none;
width: 100%;
border: medium none;
max-height: 140px;
color: #333;
/*styleguide del 07042016 - 13042016 - ee36958*/
font-family: Arial;
font-weight: normal;
/*fine styleguide del 07042016 - 13042016 - ee36958*/
outline: 0px none;
padding: 0 40px; /* allienamento styleguide - 15-04-2016 - ee34086 */
margin: 20px 0; /* allienamento styleguide - 15-04-2016 - ee34086 */
overflow-x: hidden;
text-align:left;
}
.legal-disclaimer-box-container .text-container .content-with-links.no-max-height{
height: auto;
max-height: initial;
}
/* margin bottom nei paragrafi solo se presenti 2 paragrafi adiacenti*/
.content-with-links p{
margin-bottom: 0;
}
.content-with-links p + p{
margin-top: 10px;
}
/* BEGIN aggiunto nuovo elemento title presente in styleguide - 14-04-2016 - ee34086 */
.legal-disclaimer-box-container .text-container .content-with-links .title{
font-size: 14px;
font-family: Arial;
font-weight: bold;
color: #333;
}
/* END aggiunto nuovo elemento title presente in styleguide - 14-04-2016 - ee34086 */
/* commonizzation - 07092016 - ee40558 */
.freeUL,
.formButtonsUl {
list-style-type: none;
}
/* commonization purposes - 26-09-2016 - ee40558 */
.freeUL{
padding:0;
}
.freeUL li:not(:last-child){
padding-bottom:10px;
}
.formButtonsUl li {
width: 25%;
display: inline;
}
.modal-content .gimbTitle,
.modal-content h3.gimbTitle,
#login_main_container .gimbTitle,
.confirm-dialog-modal .gimbTitle {
color: #333;
font-size: 3.8rem;
line-height: 3.8rem;
font-family: "unicredit-medium";
margin-top: 0;
margin-bottom: 0;
padding-bottom: 40px;
padding-top: 40px;
padding-left: 40px; /* padding laterali nelle modali di 40 px - 05-05-2016 - ee34086 */
padding-right: 40px;
text-align: center;
}
.gimbTitle,
.gimbTitle-settings {
color: #333;
font-size: 3rem;
line-height: 3rem;
font-family: "unicredit-regular";
padding: 25px 30px; /* padding laterali nelle pagine sono di 30 px - 05-05-2016 - ee34086 */
text-align: left;
margin: 0; /*no margin to gimbTitle*/
position: relative; /* per contenere elementi assoluti esempio lnk-back - ee34086 */
}
/* commonization purposes - 21-06-2016 - ee40558 */
/* COMMONIZATION FIX POSTMERGE - 01-12-2016 */
.ui-datatable table:not(.ui-datepicker-calendar) thead th.text-center,
.gimbTitle.text-center,
/* commonizzation - 18072016 - ee40558 */
.gimbTitle-settings.text-center,
.wizard_field_container .form-group.text-center,
.infobox_field_container.form-group.text-center {
text-align: center;
}
/* FIX # riallineamento colonne CUSTOMER INFO - 26102016 - ee40558 */
.ui-datatable table thead th.text-right{
text-align:right;
}
.section-title{
color: #333;
font-size: 3rem;
font-family: "unicredit-regular";
padding-top: 20px;
padding-bottom: 20px;
text-align: left;
}
.gimbTitle-settings {
border-bottom: 1px solid #CCC;
/* margin-bottom: 20px; */
}
/* component switch from Ux team */
.onoffswitch {
position: relative;
width: 81px; /*81px come da ALM item 864 - 23-05-2016 - ee34086 */
height: 35px; /* 35px come da ALM item 864 - 23-05-2016 - ee34086 */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.onoffswitch-checkbox {
display: none;
}
.onoffswitch-label {
display: block;
overflow: hidden;
cursor: pointer;
border: 2px solid #CCCCCC;
border-radius: 27px;
margin-bottom: 0;
}
.onoffswitch-inner {
display: block;
width: 200%;
margin-left: -100%;
-moz-transition: margin 0.3s ease-in 0s;
-webkit-transition: margin 0.3s ease-in 0s;
-o-transition: margin 0.3s ease-in 0s;
transition: margin 0.3s ease-in 0s;
}
/*BEGIN: allineamento onoff switch a styleguide come da item ALM 864 - 23-05-2016 - ee34086 */
.onoffswitch-inner:before,.onoffswitch-inner:after {
display: block;
float: left;
width: 50%;
height: 31px;
padding: 0;
line-height: 31px;
font-size: 18px;
color: white;
font-family: Unicredit-bold;
font-weight: normal;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.onoffswitch-inner:before {
content: "ON";
padding-left: 10px;
background-color: #00afd0;
color: #ffffff;
}
.onoffswitch-inner:after {
content: "OFF";
padding-right: 10px;
background-color: #666666;
color: #FFFFFF;
text-align: right;
}
.onoffswitch-switch {
display: block;
width: 31px;
height: 31px;
margin: 2px; /* margine 2px corretto - ee34086 */
background: #FFFFFF;
border-radius: 27px;
position: absolute;
top: 0;
bottom: 0;
right: 46px;
-moz-transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
-o-transition: all 0.3s ease-in 0s;
transition: all 0.3s ease-in 0s;
}
/*END: allineamento onoff switch a styleguide come da item ALM 864 - 23-05-2016 - ee34086 */
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
right: 0px;
}
.switchIE8 {
background: url('/etc/designs/gimb/img/sprite-switch-onoff.png') no-repeat 0 0 transparent;
display: block;
width: 81px;
height: 35px;
}
.switchIE8.active-switch {
background-position: 0 -35px;
}
/* checkboxes */
/*
N.B: non primefaces checkbox works only with an html like this:
*/
.uc-checkbox-wrapper,
.generalChecks
{
position: relative;
line-height: 23px;
}
.modal .generalChecks{
margin-left: 40px;
margin-right: 40px;
}
/*BEGIN: allineamento checkbox e label ALM item 843 - 25-05-2016 - ee34086 */
.ui-chkbox ~ label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.ui-chkbox ~ span:not(.popMex), /* commonization - 05102016 - ee40558 */
.uc-checkbox-wrapper > .ui-chkbox ~ span,
.uc-checkbox-wrapper > label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.uc-checkbox-wrapper .media-body > label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.uc-checkbox-wrapper .media-body > span,
.uc-checkbox-wrapper .media-body {
margin: 0;
padding: 0;
line-height: 19px;
font-size: 16px;
font-family: 'unicredit-regular';
color: #333;
font-weight: normal; /*override bootstrap font-weight: bold - ee34086 - 23-01-2017 */
}
/* moved in common_at - 05102016 - ee40558 */
.uc-checkbox-wrapper .media-left{
line-height: normal;
}
/*END: allineamento checkbox e label ALM item 843 - 25-05-2016 - ee34086 */
.uc-checkbox-wrapper > input[type='checkbox'],
.generalChecks > input[type='checkbox']
/* Nasconde checkbox e radio button */
{
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
}
.uc-checkbox-wrapper > input[type='checkbox'] + label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.generalChecks > input[type='checkbox'] + label:not(.ui-selectonemenu-label):not(.onoffswitch-label)
{
margin: 0;/* Azzera i margini */
padding: 0 0 2px 35px; /* space with padding-left for background image */
cursor: pointer; /* Imposta il cursore */
background: url('/etc/designs/gimb/img/check-off.png') left -1px no-repeat; /* Imposta lo sfondo iniziale per checkbox e radio button */
/* aggiunto altezza e larghezza minima per le checkboxes non primefaces - 29-03-2016 - ee34086 */
min-height: 24px; /* checkbox con label su piu righe - item 843 - 06-05-2016 - ee34086 */
line-height: 19px; /*line-height della label a 19px come da item 843 ALM - 06-05-2016 - ee34086 */
min-width: 35px;
font-weight: normal;
color: #333;
font-family: 'unicredit-regular';
padding-top: 2px; /*aggiunto un padding per centrare verticalmente la label rispetto al checkbox - 06-05-2016 - ee34086 */
}
/*BEGIN: aggiunta classe per gestire le righe in cui sono presenti checkbox */
.uc-checkbox-line { /*serve per avere una riga alta quanto il checkbox */
line-height: 24px;
}
/*END: aggiunta classe per gestire le righe in cui sono presenti checkbox */
.uc-checkbox-wrapper > input[type='checkbox']:checked + label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.generalChecks > input[type='checkbox']:checked + label:not(.ui-selectonemenu-label):not(.onoffswitch-label)
{ /*Modifica lo sfondo del radio button quando viene attivato */
background-image: url('/etc/designs/gimb/img/check-on-normal.png');
}
.uc-checkbox-wrapper > input[type='checkbox']:disabled + label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.generalChecks > input[type='checkbox']:disabled + label:not(.ui-selectonemenu-label):not(.onoffswitch-label)
{ /*Modifica lo sfondo del radio button quando viene attivato */
background-image: url('/etc/designs/gimb/img/check-off-deactive.png');
cursor: default;
}
.uc-checkbox-wrapper > input[type='checkbox']:checked:disabled + label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.generalChecks > input[type='checkbox']:checked:disabled + label:not(.ui-selectonemenu-label):not(.onoffswitch-label)
{ /*Modifica lo sfondo del radio button quando viene attivato */
background-image: url('/etc/designs/gimb/img/check-on-deactive.png');
cursor: default;
}
.uc-checkbox-wrapper > input[type='checkbox']:checked:focus + label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.generalChecks > input[type='checkbox']:checked:focus + label:not(.ui-selectonemenu-label):not(.onoffswitch-label) {
/*Modifica lo sfondo del radio button quando viene attivato */
background-image: url('/etc/designs/gimb/img/check-on-focus.png');
}
.uc-checkbox-wrapper > input[type='checkbox']:focus + label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.generalChecks > input[type='checkbox']:focus + label:not(.ui-selectonemenu-label):not(.onoffswitch-label)
{
background-image: url('/etc/designs/gimb/img/check-off-focus.png');
}
.uc-checkbox-wrapper > input[type='checkbox'].error + label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.uc-checkbox-wrapper > input[type='checkbox'].chkbox-error + label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.uc-checkbox-wrapper > input[type='checkbox'].inputError + label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.generalChecks > input[type='checkbox'].error + label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.generalChecks > input[type='checkbox'].chkbox-error + label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.generalChecks > input[type='checkbox'].inputError + label:not(.ui-selectonemenu-label):not(.onoffswitch-label)
{
background: url('/etc/designs/gimb/img/check-off-error.png') left -1px no-repeat;
}
.uc-checkbox-wrapper > input[type='checkbox'].error:focus + label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.uc-checkbox-wrapper > input[type='checkbox'].chkbox-error:focus + label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.uc-checkbox-wrapper > input[type='checkbox'].inputError:focus + label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.generalChecks > input[type='checkbox'].error:focus + label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.generalChecks > input[type='checkbox'].chkbox-error:focus + label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.generalChecks > input[type='checkbox'].inputError:focus + label:not(.ui-selectonemenu-label):not(.onoffswitch-label)
{
background: url('/etc/designs/gimb/img/check-off-error-focus.png') left -1px no-repeat;
}
.uc-checkbox-wrapper > input[type='checkbox'].error:checked + label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.uc-checkbox-wrapper > input[type='checkbox'].chkbox-error:checked + label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.uc-checkbox-wrapper > input[type='checkbox'].inputError:checked + label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.generalChecks > input[type='checkbox'].error:checked + label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.generalChecks > input[type='checkbox'].chkbox-error:checked + label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.generalChecks > input[type='checkbox'].inputError:checked + label:not(.ui-selectonemenu-label):not(.onoffswitch-label)
{ /*Modifica lo sfondo del radio button quando viene attivato */
background-image: url('/etc/designs/gimb/img/check-on-error.png');
}
.uc-checkbox-wrapper > input[type='checkbox'].error:checked:focus + label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.uc-checkbox-wrapper > input[type='checkbox'].chkbox-error:checked:focus + label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.uc-checkbox-wrapper > input[type='checkbox'].inputError:checked:focus + label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.generalChecks > input[type='checkbox'].error:checked:focus + label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.generalChecks > input[type='checkbox'].chkbox-error:checked:focus + label:not(.ui-selectonemenu-label):not(.onoffswitch-label),
.generalChecks > input[type='checkbox'].inputError:checked:focus + label:not(.ui-selectonemenu-label):not(.onoffswitch-label)
{ /*Modifica lo sfondo del radio button quando viene attivato */
background-image: url('/etc/designs/gimb/img/check-on-error-focus.png');
}
/* nuova classe common per raggruppare i checkbox */
.uc-checkbox-group {
}
/* gruppi di checkbox con margine 10px, item ALM 843 - 03-05-2016 - ee34086 */
.uc-checkbox-group .uc-checkbox-wrapper {
margin-bottom: 10px;
}
.uc-checkbox-group .uc-checkbox-wrapper:last-child,
/* usato in sms-premium - 31-05-2016 - ee34086 */
.uc-checkbox-group li:last-child .uc-checkbox-wrapper
{
margin-bottom: 0;
}
/* nuovo stile per i gruppi di checkbox con componente primefaces selecmanuycheckbox - 21-06-2016 - ee34086 */
.uc-checkbox-group.ui-selectmanycheckbox,
.uc-checkbox-group .ui-selectmanycheckbox{
margin-top: 20px;
margin-bottom: 10px;
}
.uc-checkbox-group.ui-selectmanycheckbox .ui-chkbox,
.uc-checkbox-group.ui-selectmanycheckbox label,
.uc-checkbox-group .ui-selectmanycheckbox .ui-chkbox,
.uc-checkbox-group .ui-selectmanycheckbox label {
margin: 0;
margin-bottom: 10px;
}
/* checkboxes Primefaces override (selectBooleanCheckbox) */
.uc-checkbox-wrapper .ui-chkbox{
/*vertical-align: top;*/
}
/* commonization purposes - 05-07-2016 - ee40558 */
/* commonization purposes - 26-09-2016 - ee40558 */
.uc-checkbox-wrapper.checkbox-only .media-left{
display:block;
padding: 0;
}
.uc-checkbox-wrapper.checkbox-only .media-body{
display:none;
}
.ui-chkbox .ui-chkbox-label {
margin-left:0;
}
.ui-chkbox{
vertical-align: middle;
height: 23px; /* modifica checkbox come da syleguide item ALM 843 - 03-05-2016 - ee34086 */
}
/* modifica checkbox come da syleguide item ALM 843 - 03-05-2016 - ee34086 */
.ui-chkbox .ui-chkbox-box{
height: 23px;
margin-right: 12px;
width: 23px;
}
/* margin right di 2px in caso mi trovo dentor un media in quanto il media ha gia un margin di 10px - 03-05-2016 - ee34086 */
.media-left .ui-chkbox .ui-chkbox-box{
margin-right: 2px;
}
/* modifica checkbox come da syleguide item ALM 843 - 03-05-2016 - ee34086 */
.ui-chkbox .ui-chkbox-box .ui-chkbox-icon{
background: url("/etc/designs/gimb/img/check-off.png") no-repeat scroll -2px -2px transparent;
height: 23px;
width: 23px;
display: block;
}
.ui-chkbox .ui-chkbox-box.ui-state-focus .ui-chkbox-icon,
.ui-chkbox .ui-chkbox-box.ui-state-hover .ui-chkbox-icon
{
background-image: url('/etc/designs/gimb/img/check-off-focus.png');
}
.chkbox-error .ui-chkbox .ui-chkbox-box .ui-chkbox-icon,
.ui-chkbox.chkbox-error .ui-chkbox-box .ui-chkbox-icon,
.checkbox-error .ui-chkbox .ui-chkbox-box .ui-chkbox-icon,
.ui-chkbox.checkbox-error .ui-chkbox-box .ui-chkbox-icon,
.inputError .ui-chkbox .ui-chkbox-box .ui-chkbox-icon,
.ui-chkbox.inputError .ui-chkbox-box .ui-chkbox-icon
{
background-image: url('/etc/designs/gimb/img/check-off-error.png');
}
.chkbox-error .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check,
.ui-chkbox.chkbox-error .ui-chkbox-box .ui-chkbox-icon.ui-icon-check,
.checkbox-error .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check,
.ui-chkbox.checkbox-error .ui-chkbox-box .ui-chkbox-icon.ui-icon-check,
.inputError .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check,
.ui-chkbox.inputError .ui-chkbox-box .ui-chkbox-icon.ui-icon-check
{
background-image: url('/etc/designs/gimb/img/check-on-error.png');
}
.ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check{
background-image: url('/etc/designs/gimb/img/check-on.png');
}
.ui-chkbox .ui-chkbox-box.ui-state-focus .ui-chkbox-icon.ui-icon-check,
.ui-chkbox .ui-chkbox-box.ui-state-hover .ui-chkbox-icon.ui-icon-check
{
background-image: url('/etc/designs/gimb/img/check-on-focus.png');
}
.ui-chkbox .ui-chkbox-box.ui-state-disabled .ui-chkbox-icon{
background-image: url('/etc/designs/gimb/img/check-off-deactive.png') !important;
}
.ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-disabled .ui-chkbox-icon{
background-image: url('/etc/designs/gimb/img/check-on-deactive.png') !important;
}
.chkbox-error .ui-chkbox .ui-chkbox-box.ui-state-focus .ui-chkbox-icon,
.ui-chkbox.chkbox-error .ui-chkbox-box.ui-state-focus .ui-chkbox-icon,
.checkbox-error .ui-chkbox .ui-chkbox-box.ui-state-focus .ui-chkbox-icon,
.ui-chkbox.checkbox-error .ui-chkbox-box.ui-state-focus .ui-chkbox-icon,
.inputError .ui-chkbox .ui-chkbox-box.ui-state-focus .ui-chkbox-icon,
.ui-chkbox.inputError .ui-chkbox-box.ui-state-focus .ui-chkbox-icon,
.chkbox-error .ui-chkbox .ui-chkbox-box.ui-state-hover .ui-chkbox-icon,
.ui-chkbox.chkbox-error .ui-chkbox-box.ui-state-hover .ui-chkbox-icon,
.checkbox-error .ui-chkbox .ui-chkbox-box.ui-state-hover .ui-chkbox-icon,
.ui-chkbox.checkbox-error .ui-chkbox-box.ui-state-hover .ui-chkbox-icon,
.inputError .ui-chkbox .ui-chkbox-box.ui-state-hover .ui-chkbox-icon,
.ui-chkbox.inputError .ui-chkbox-box.ui-state-hover .ui-chkbox-icon
{
background-image: url('/etc/designs/gimb/img/check-off-error-focus.png');
}
.chkbox-error .ui-chkbox .ui-chkbox-box.ui-state-focus .ui-chkbox-icon.ui-icon-check,
.ui-chkbox.chkbox-error .ui-chkbox-box.ui-state-focus .ui-chkbox-icon.ui-icon-check,
.checkbox-error .ui-chkbox .ui-chkbox-box.ui-state-focus .ui-chkbox-icon.ui-icon-check,
.ui-chkbox.checkbox-error .ui-chkbox-box.ui-state-focus .ui-chkbox-icon.ui-icon-check,
.inputError .ui-chkbox .ui-chkbox-box.ui-state-focus .ui-chkbox-icon.ui-icon-check,
.ui-chkbox.inputError .ui-chkbox-box.ui-state-focus .ui-chkbox-icon.ui-icon-check,
.chkbox-error .ui-chkbox .ui-chkbox-box.ui-state-hover .ui-chkbox-icon.ui-icon-check,
.ui-chkbox.chkbox-error .ui-chkbox-box.ui-state-hover .ui-chkbox-icon.ui-icon-check,
.checkbox-error .ui-chkbox .ui-chkbox-box.ui-state-hover .ui-chkbox-icon.ui-icon-check,
.ui-chkbox.checkbox-error .ui-chkbox-box.ui-state-hover .ui-chkbox-icon.ui-icon-check,
.inputError .ui-chkbox .ui-chkbox-box.ui-state-hover .ui-chkbox-icon.ui-icon-check,
.ui-chkbox.inputError .ui-chkbox-box.ui-state-hover .ui-chkbox-icon.ui-icon-check
{
background-image: url('/etc/designs/gimb/img/check-on-error-focus.png');
}
/* Radio Buttons html */
/* commonizzation - 07092016 - ee40558 */
.uc-radiobutton-wrapper {
margin-bottom:10px;
position: relative;
}
.uc-radiobutton-wrapper > input[type='radio'] /* Nasconde radio button */
{
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
}
.uc-radiobutton-wrapper > input[type='radio'] + label {
margin: 0;/* Azzera i margini */
padding: 1px 0 2px 33px; /* space with padding-left for background image */
padding-bottom: 2px !important;
cursor: pointer; /* Imposta il cursore */
background: url('/etc/designs/gimb/img/radio-off-normal.png') left center no-repeat; /* Imposta lo sfondo iniziale per checkbox e radio button */
}
.uc-radiobutton-wrapper > input[type='radio']:checked + label { /*Modifica lo sfondo del radio button quando viene attivato */
background-image: url('/etc/designs/gimb/img/radio-on-normal.png');
}
.uc-radiobutton-wrapper > input[type='radio']:disabled + label {
cursor: pointer; /* Imposta il cursore */
background: url('/etc/designs/gimb/img/radio-off-deactive.png') left center no-repeat; /* Imposta lo sfondo iniziale per checkbox e radio button */
}
.uc-radiobutton-wrapper > input[type='radio'].error + label,
.uc-radiobutton-wrapper > input[type='radio'].inputError + label {
background-image: url('/etc/designs/gimb/img/radio-off-error.png');
}
.uc-radiobutton-wrapper > input[type='radio'].error:checked + label,
.uc-radiobutton-wrapper > input[type='radio'].inputError:checked + label { /*Modifica lo sfondo del radio button quando viene attivato */
background-image: url('/etc/designs/gimb/img/radio-on-error.png');
}
.uc-radiobutton-wrapper > input[type='radio']:focus + label {
background-image: url('/etc/designs/gimb/img/radio-off-focus.png');
}
.uc-radiobutton-wrapper > input[type='radio']:checked:focus + label { /*Modifica lo sfondo del radio button quando viene attivato */
background-image: url('/etc/designs/gimb/img/radio-on-focus.png');
}
/* Primefaces radiobutton */
.ui-radiobutton{
vertical-align: middle;
width: 26px;
margin-top: 0;
margin-bottom: 0;
margin-right: 8px; /* distanza 12 px come da styleguide 8+4 - 05-07-2016 - ee34086 */
}
/*fix to payments AT*/
table.ui-selectoneradio.ui-radiobutton {
vertical-align: middle;
width: 23px;
}
table.ui-selectoneradio td:nth-child(odd),
table.ui-selectoneradio.ui-radiobutton .ui-radiobutton-box {
width: 23px;
}
table.ui-selectoneradio td > .ui-radiobutton {
width: 23px;
margin-right: 0px;
}
/*end fix to payments AT*/
.ui-radiobutton + label,
.ui-radiobutton + div,
.ui-radiobutton + span,
.ui-selectmanycheckbox label,
.ui-selectoneradio label {
font-weight: normal; /* fix item alm eshop 1675 - 27-07-2016 - ee34086 */
}
.ui-selectmanycheckbox tr td:nth-child(2n + 3){
padding-left: 15px;
}
/* radio button in tabella, vedi modale modalita rimborso carte - 05-07-2016 - ee34086 */
.ui-selectoneradio label{
padding-left: 12px;
}
.ui-radiobutton .ui-radiobutton-box{
width: 26px;
height: 24px;
border: none;
}
.ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
/* status default (not selected) */
margin: 0;
/* padding: 10px 0px 14px 30px; */
width: 26px;
height: 24px;
cursor: pointer;
background-position: left top;
background-image: url('/etc/designs/gimb/img/radio-off-normal.png') ;
background-repeat: no-repeat;
font-family: 'unicredit-medium';
font-size: 14px;
}
.ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon.ui-icon-bullet {
background-image: url('/etc/designs/gimb/img/radio-on-normal.png');
}
.ui-radiobutton .ui-radiobutton-box.ui-state-disabled .ui-radiobutton-icon {
/* status disabled but not selected */
background-image: url('/etc/designs/gimb/img/radio-deactivate.png');
}
.ui-radiobutton .ui-radiobutton-box.ui-state-disabled .ui-radiobutton-icon.ui-icon-bullet {
/* status disabled but selected */
background-image: url('/etc/designs/gimb/img/radio-deactivate-selected.png');
}
.ui-selectoneradio.inputError .ui-radiobutton-box .ui-radiobutton-icon,
.ui-radiobutton.inputError .ui-radiobutton-box .ui-radiobutton-icon {
/* status not selected with error */
background-image: url('/etc/designs/gimb/img/radio-off-error.png');
}
.ui-selectoneradio.inputError .ui-radiobutton-box .ui-radiobutton-icon.ui-icon-bullet,
.ui-radiobutton.inputError .ui-radiobutton-box .ui-radiobutton-icon.ui-icon-bullet {
/* status selected with error */
background-image: url('/etc/designs/gimb/img/radio-on-error.png');
}
.ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon.ui-icon-bullet {
background-image: url('/etc/designs/gimb/img/radio-on-normal.png');
}
.ui-radiobutton .ui-radiobutton-box.ui-state-focus .ui-radiobutton-icon,
.ui-radiobutton .ui-radiobutton-box.ui-state-hover .ui-radiobutton-icon {
background-image: url('/etc/designs/gimb/img/radio-off-focus.png');
}
.ui-radiobutton .ui-radiobutton-box.ui-state-focus .ui-radiobutton-icon,
.ui-radiobutton .ui-radiobutton-box.ui-state-hover .ui-radiobutton-icon.ui-icon-bullet {
background-image: url('/etc/designs/gimb/img/radio-on-focus.png');
}
/* input select: */
/*
* Select
*/
select::-ms-expand {
width:12px;
border:none;
background:#fff;
}
select:not([multiple]){
/* width: 100%; */
height: 40px;
line-height: 40px;
border: 1px solid #DDD;
border-radius: 5px;
color: #666;
padding: 0px 15px 0 4px;
margin: 0px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #FFF url("/etc/designs/gimb/img/arrow-down-grey.png") no-repeat right center;
overflow: hidden;
}
select[multiple]{
border: 1px solid #DDD;
border-radius: 5px;
color: #333;
padding-left: 4px;
}
select:focus {
/* background: #FFF url("/etc/designs/gimb/img/arrow-up-grey.png") no-repeat right center; */
}
/* primefaces select (p:SelectOneMenu ): */
.ui-selectonemenu,
#center-content .transactionlist_wrapper .main_content .ui-selectonemenu /*HOTFIX payemnts per colpa di transaction list - 13-04-2016 - ee34086 */
{
font-family: 'unicredit-medium';
border: 1px solid #ccc;
border-radius: 3px;
height: 40px;
padding: 6px 22px 6px 8px;
font-size: 16px;
color: #333;
}
.ui-selectonemenu .ui-selectonemenu-panel,
#center-content .transactionlist_wrapper .main_content .ui-selectonemenu .ui-selectonemenu-panel /*HOTFIX payemnts per colpa di transaction list - 13-04-2016 - ee34086 */
{
/* fix menu a tendina piu piccolo del select - ee34086 - 28-09-2016 */
margin-left: -1px;
min-width: calc(100% + 2px) !important;
/* end fix menu a tendina piu piccolo del select - ee34086 - 28-09-2016 */
max-width:200%;/* commonizzation - 07092016 - ee40558 */
box-shadow: none !important; /* fix per override ui-shadow su transaction.css selettore .ui-shadow:not(.spinnerComponentBlockUI) */
}
.ui-state-disabled.ui-selectonemenu,
#center-content .transactionlist_wrapper .main_content .ui-state-disabled.ui-selectonemenu /*HOTFIX payemnts per colpa di transaction list - 13-04-2016 - ee34086 */
{
color: #666;
}
.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-default,
#center-content .transactionlist_wrapper .main_content .ui-selectonemenu .ui-selectonemenu-trigger.ui-state-default /*HOTFIX payemnts per colpa di transaction list - 13-04-2016 - ee34086 */
{
background-image: url("/etc/designs/gimb/img/arrow-down-grey.png");
/*the arrow image file have 6px right margin*/
background-repeat: no-repeat;
background-position: right center;
padding: 0;
border: none;
padding-left: 100%;
}
.ui-selectonemenu.selectonemenu-opened .ui-selectonemenu-trigger.ui-state-focus.ui-state-default,
#center-content .transactionlist_wrapper .main_content .ui-selectonemenu.selectonemenu-opened .ui-selectonemenu-trigger.ui-state-focus.ui-state-default /*HOTFIX payemnts per colpa di transaction list - 13-04-2016 - ee34086 */
{
background-image: url("/etc/designs/gimb/img/arrow-up-grey.png") !important;
background-repeat: no-repeat;
}
.ui-selectonemenu.ui-state-default, .ui-selectonemenu .ui-selectonemenu-trigger,
#center-content .transactionlist_wrapper .main_content .ui-selectonemenu.ui-state-default, .ui-selectonemenu .ui-selectonemenu-trigger /*HOTFIX payemnts per colpa di transaction list - 13-04-2016 - ee34086 */
{
/* background: none; */
}
.ui-selectonemenu.ui-state-default,
.ui-selectonemenu.ui-state-default.ui-state-hover,
.ui-selectonemenu.ui-state-default.ui-state-focus,
#center-content .transactionlist_wrapper .main_content .ui-selectonemenu.ui-state-default, /*HOTFIX payemnts per colpa di transaction list - 13-04-2016 - ee34086 */
#center-content .transactionlist_wrapper .main_content .ui-selectonemenu.ui-state-default.ui-state-hover, /*HOTFIX payemnts per colpa di transaction list - 13-04-2016 - ee34086 */
#center-content .transactionlist_wrapper .main_content .ui-selectonemenu.ui-state-default.ui-state-focus /*HOTFIX payemnts per colpa di transaction list - 13-04-2016 - ee34086 */
{
border: 1px solid #CCC;
background-color: #fff;
}
.ui-selectonemenu.ui-state-default.ui-state-disabled,
#center-content .transactionlist_wrapper .main_content .ui-selectonemenu.ui-state-default.ui-state-disabled /*HOTFIX payemnts per colpa di transaction list - 13-04-2016 - ee34086 */
{
background-color: #E5E5E5;
}
.ui-selectonemenu-panel .ui-selectonemenu-list,
#center-content .transactionlist_wrapper .main_content .ui-selectonemenu-panel .ui-selectonemenu-list /*HOTFIX payemnts per colpa di transaction list - 13-04-2016 - ee34086 */
{
background: #f5f5f5;
}
.ui-selectonemenu-panel .ui-selectonemenu-list-item,
#center-content .transactionlist_wrapper .main_content .ui-selectonemenu-panel .ui-selectonemenu-list-item /*HOTFIX payemnts per colpa di transaction list - 13-04-2016 - ee34086 */
{
white-space: normal;
}
.ui-selectonemenu-item.ui-selectonemenu-list-item:hover,
#center-content .transactionlist_wrapper .main_content .ui-selectonemenu-item.ui-selectonemenu-list-item:hover /*HOTFIX payemnts per colpa di transaction list - 13-04-2016 - ee34086 */
{
background: black;
color: white;
}
.ui-selectonemenu label,
#center-content .transactionlist_wrapper .main_content .ui-selectonemenu label /*HOTFIX payemnts per colpa di transaction list - 13-04-2016 - ee34086 */
{
padding: 0;
font-weight: normal !important;
}
/*Start Added placeholder color 20160809 -ee40576 */
.ui-selectonemenu label.ui-selectonemenu-label,
#center-content .transactionlist_wrapper .main_content .ui-selectonemenu label.ui-selectonemenu-label /*HOTFIX payemnts per colpa di transaction list - 13-04-2016 - ee34086 */
{
font-family: 'unicredit-medium';
font-size: 16px;
line-height: 24px;
text-overflow: ellipsis;
min-width: 100%; /* add to avoid IE problem on auto compute label width - 20170110 - ee38938 */
}
.ui-selectonemenu:not(.uc-placeholder-select) label.ui-selectonemenu-label,
#center-content .transactionlist_wrapper .main_content .ui-selectonemenu:not(.uc-placeholder-select) label.ui-selectonemenu-label /*HOTFIX payemnts per colpa di transaction list - 13-04-2016 - ee34086 */
{
color: #333 !important; /* da k3 a k2 come da correzione su status alm item */
}
.ui-selectonemenu.uc-placeholder-select label.ui-selectonemenu-label,
#center-content .transactionlist_wrapper
.main_content .ui-selectonemenu.uc-placeholder-select label.ui-selectonemenu-label{
color: #cccccc !important;
}
.ui-selectonemenu-items .ui-selectonemenu-item[title="placeholder"]{
display:none
}
.categorySelectOneMenu.ui-selectonemenu.no-left-padding:not(.subCategorySelectOneMenu) label.ui-selectonemenu-label {
padding-left: 0px !important;
}
/*End Added placeholder color 20160809 -ee40576 */
/* commonizzation - 07092016 - ee40558 */
.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper {
overflow-y: auto;
overflow-x: hidden;
}
.ui-selectonemenu.ui-state-disabled label.ui-selectonemenu-label,
#center-content .transactionlist_wrapper .main_content .ui-selectonemenu.ui-state-disabled label.ui-selectonemenu-label{
color: #666 !important;
}
.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper,
#center-content .transactionlist_wrapper .main_content .ui-selectonemenu-panel .ui-selectonemenu-items-wrapper /*HOTFIX payemnts per colpa di transaction list - 13-04-2016 - ee34086 */
{
background-color: #F5F5F5;
}
.ui-selectonemenu-panel.ui-shadow,
#center-content .transactionlist_wrapper .main_content .ui-selectonemenu-panel.ui-shadow /*HOTFIX payemnts per colpa di transaction list - 13-04-2016 - ee34086 */
{
box-shadow: none !important; /* force no shadows - 25-07-2016 - ee34086*/
border: 1px solid #DDD;
}
.ui-selectonemenu-items-wrapper .ui-selectonemenu-items .ui-selectonemenu-item,
.ui-selectonemenu-table .ui-selectonemenu-row > td,
.ui-selectonemenu-items-wrapper table.ui-selectonemenu-items tr.ui-selectonemenu-item > td {
border: none;
background: none;
color: #333;
font-size: 16px;
line-height: 16px; /* come da styleguide del 27 maggio - 01-07-2016 - ee34086 */
font-family: "unicredit-medium","Helvetica",Arial,sans-serif;
padding: 8px;
}
/* commonizzation - 07092016 - ee40558 */
.ui-selectonemenu-items-wrapper .ui-selectonemenu-items .ui-selectonemenu-item:nth-child(2){
border-top:none;
}
.finprod_wrapper_class .ui-datatable .ui-selectonemenu-items-wrapper .ui-selectonemenu-items{
border-bottom:none;
}
.accordion_datatable.type1b table tbody tr td .ui-selectonemenu-items-wrapper .ui-selectonemenu-items .ui-selectonemenu-item:hover > td,
.ui-selectonemenu-items-wrapper .ui-selectonemenu-items .ui-selectonemenu-item:hover,
.ui-selectonemenu-items-wrapper .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight,
/*INIZIO aggiunto per le select con tabelle dentor menu a tendina all'interno di accordion (vedi cards) - 30-03-2016 - ee34086 */
.ui-selectonemenu-items-wrapper .ui-selectonemenu-items .ui-selectonemenu-item:hover > td,
.ui-selectonemenu-items-wrapper .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight > td
/*FINE aggiunto per le select con tabelle dentor menu a tendina all'interno di accordion (vedi cards) - 30-03-2016 - ee34086 */
{
/* commonizzation - 07092016 - ee40558 */
border-top-color: #333;
background-color: #333;
color: #ffffff;
font-size: 16px;
font-family: "unicredit-medium","Helvetica",Arial,sans-serif;
}
.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper .ui-selectonemenu-list {
padding: 0em;
}
.ui-selectonemenu-panel .ui-selectonemenu-table td{
border: none;
/*INIZIO: aggiunto le regole per fare l'ovveride di primefaces (vedi carte accordion espanso) - 30-03-2016 - ee34086 */
border-width: 0;
border-style: none;
/*FINE: aggiunto le regole per fare l'ovveride di primefaces (vedi carte accordion espanso) - 30-03-2016 - ee34086 */
}
/* commonizzazione select one menu con icone categorie (presenti nelle transactions list) - 01-07-2016 - ee34086 */
/* div che contiene l'icona del seleconemenu con categorie - ee34086 - 13-09-2016 */
.iconDivSelectOne_class {
position: absolute;
z-index: 1;
}
.ui-selectonemenu-items-wrapper table.ui-selectonemenu-items tr.ui-selectonemenu-item > td .genericIcon_class,
/*fix item alm 910 */
.iconSelectOne_class
{
float: left;
line-height: 28px;
font-size: 28px;
width: 28px;
margin-right: 8px;
color: #666; /*fix item alm 910 */
}
/*fix item alm 910 */
.ui-selectonemenu-items-wrapper .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight > td .genericIcon_class,
.ui-selectonemenu-items-wrapper .ui-selectonemenu-items .ui-selectonemenu-item:hover > td .genericIcon_class{
color: #fff;
}
.ui-selectonemenu-items-wrapper table.ui-selectonemenu-items tr.ui-selectonemenu-item > td .textSelectOne_class
{
line-height: 28px;
font-size: 16px;
float: left;
}
/* commonizzation - 07092016 - ee40558 */
.ui-selectonemenu-items-wrapper table.ui-selectonemenu-items tr.ui-selectonemenu-item > td .textSelectOne_class *, .categoryPanelSelect_class.ui-selectonemenu-panel .ui-selectonemenu-list-item
{
white-space:nowrap;
}
.categoryPanelSelect_class.ui-selectonemenu-panel .ui-selectonemenu-list-item{
padding-right:25px;
}
/* icona categoria select chiusa */
.iconSelectOne_class{
margin-left: 8px; /*ITEM ALM 910 20160722- ee40576*/
font-size: 28px;
padding: 0;
width: 28px;
}
.iconDivSelectOne_class .iconSelectOne_class {
line-height: 40px; /*centrare verticalmente rispetto la select */
}
/*distanza label select da icona categoria */
.categorySelectOneMenu.ui-selectonemenu:not(.subCategorySelectOneMenu) label.ui-selectonemenu-label,
.splitCategoryMenu.ui-selectonemenu label.ui-selectonemenu-label,
#center-content .transactionlist_wrapper .main_content .categorySelectOneMenu.ui-selectonemenu:not(.subCategorySelectOneMenu) label.ui-selectonemenu-label {
padding-left: 32px !important;
}
.categoryPanelSelect_class .ui-selectonemenu-items-wrapper table.ui-selectonemenu-items tr.ui-selectonemenu-item > td{
padding-top: 6px; /*ITEM ALM 910 20160722- ee40576*/
padding-bottom: 6px; /*ITEM ALM 910 20160722- ee40576*/
}
/* commonizzation - 07092016 - ee40558 */
.accordion_datatable.type1b.ui-datatable tbody tr > td:last-child .categoryPanelSelect_class .ui-selectonemenu-items-wrapper table.ui-selectonemenu-items tr.ui-selectonemenu-item > td{
padding-left: 6px;
padding-right: 6px;
}
.accordion_datatable.type1b.ui-datatable tbody tr > td:last-child .categoryPanelSelect_class .ui-selectonemenu-items-wrapper table.ui-selectonemenu-items tr.ui-selectonemenu-item > td *{
margin:0;
}
/* END select */
/* textarea */
textarea,
textarea.ui-inputtextarea{
line-height: 22px;
padding: 5px 8px;
border: 1px solid #CCCCCC;
border-radius: 3px;
color: #666666;
font-family: "unicredit-regular", "Helvetica", Arial, sans-serif;
font-size: 16px;
}
textarea:focus,
textarea.form-control:focus {
background-color: #E5EFF2;
border: 1px solid #CCCCCC;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
outline: none;
}
textarea.full-textarea {
width: 100%;
resize: none;
}
/* END textarea */
.piechart-container{
width: 150px;
height: 150px;
}
/* mobile download app */
.mobile-vendor-group{
text-align: left;
width: 80%;
margin: 0 auto;
}
.mobile-vendor-group .mobile-vendor-models-list{
width: 100%;
display: block;
}
/*simple collapsed element */
.simple-collapsed-container{
position: relative;
}
.simple-collapsed-container .link-open-collapsed{
display: inline;
}
.simple-collapsed-container .link-close-collapsed{
display: none;
}
/* testo underline unicredit-medium item 788 ALM - 13-04-2016 - ee34086*/
.simple-collapsed-container > a,
.simple-collapsed-container > a:hover,
.simple-collapsed-container > a:active,
.simple-collapsed-container > a:focus
{
text-decoration: underline;
font-family: 'unicredit-medium';
}
.simple-collapsed-body{
display: block;
padding: 14px;
margin-top: 10px;
background-color: #CCECEA;
border-top: 1px solid #00A197;
border-bottom: 1px solid #00A197;
position: relative;
color: #00A197;
}
/*item ALM 1675 - 01-08-2016 - EE38964*/
.simple-collapsed-body.text-left.col-sm-12.simple-collapsed-right:before {
margin-right: 48px;
}
.simple-collapsed-container.simple-collapsed-left .simple-collapsed-body::before{
margin-left: 20px;
}
.simple-collapsed-left{
text-align: left;
}
.simple-collapsed-center{
text-align: center;
}
.simple-collapsed-body::before{
content: "";
display: inline-block;
position: absolute;
top: -10px;
z-index: 10;
background-image: url("/etc/designs/gimb/img/top-popover-long.png");
width: 20px;
height: 10px;
left: 0;
right: 0;
margin: 0 auto;
/* margin-top: -30px; */
}
.simple-collapsed-body h4{
font-family: unicredit-medium;
}
/* categories group, used in faq page */
.group-categories-col{
width: 250px;
/* padding: 0px 20px;*/
/* float: left; */
margin-right: 20px;
position: relative;
display: inline-block;
vertical-align: top; /* Correzione defect categorie FAQ ee38938 20160916 */
margin-left: -3px; /* ITEM ALM 1041 - ee38964 */
}
.group-categories::after {
content: "";
display: table;
clear: both;
}
.group-categories-col a:first-child {
border-top: 0px none;
}
.group-categories-col a {
display: block;
padding: 5px 0px; /* ITEM ALM 1041 - ee38964 */
border-top: 1px solid #D0D0D0;
font-size: 2rem;
font-family: "unicredit-regular";
color: #00AFD0;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
position: relative;
text-align: left;
text-decoration: none;
padding-right: 10px;
line-height: normal; /* ITEM ALM 1041 - ee38964 */
}
.group-categories-col a::after {
content: url("/etc/designs/gimb/img/ico-arrow-right-small.png");
display: inline-block;
height: 100%;
position: absolute;
top: 4px; /* ITEM ALM 1041 - ee38964 */
right: 0px;
}
/* FOOTER LOGIN & PIN RECOVERY */
/* footer */
.footer {
padding: 20px 0;
background: none repeat scroll 0 0 #f5f5f5;
clear: both;
overflow: auto;
}
.footer h3{
color: #666;
display: block;
font-family: "unicredit-light";
font-size: 1.9rem;
margin: 0;
padding: 0;
margin-bottom: 18px;
}
.footer .footer_element {
vertical-align: top;
text-align: center;
display: inline-block;
width: 33%;
color: #666;
}
.footer_element .footer_element_head{
display: block;
margin: 0 auto;
font-weight: bolder;
min-height: 38px;
color: #666;
font-family: "unicredit-bold";
font-size: 2rem;
}
.footer_element .footer_element_text {
display: block;
margin-bottom: 6px;
color: #666;
font-family: "unicredit-medium";
font-size: 1.4rem;
}
.footer .footer_element img {
margin: 0 auto;
}
.footer .footer_element button, .footer .btnFooterLogin {
background: #F6F6F6;
color: #666;
display: block;
height: 40px;
line-height: 40px;
text-align: center;
box-shadow: none;
text-transform: uppercase;
margin: 0 auto;
font-size: 1.4rem;
vertical-align: top;
border: 1px solid #ccc;
border-radius: 3px;
margin-top: 10px;
padding-top: 3px;
min-width: 131px;
}
.btn-download-doc,
/*common button/link document download - 06042016 - ee36958*/
.text-download-doc
/*end common button/link document download - 06042016 - ee36958*/{
font-family: 'unicredit-regular';
font-size: 18px;
line-height:20px;
color: #00afd0; /*common button/link document download - 06042016 - ee36958*/
text-decoration: underline;
padding: 4px 0 4px 34px; /*common button/link document download - 06042016 - ee36958*/
display: inline-block;
}
/* commonization purposes - 12-07-2016 - ee40558 */
.file_link{
padding-right:10px;
}
/*btn download new for eshop*/
/*
*
* Test
*
*
* usare selettori .btn-download-file.file-read e .btn-download-file.file-notread per gestire in caso gli stati letto non letto *
*/
.btn-download-file{
font-family: 'unicredit-medium'; /* commonization - 27-09-2016 - ee40558 */
font-size: 18px;
line-height:20px;
color: #00afd0; /*common button/link document download - 06042016 - ee36958*/
display: inline-block;
}
/* whitespace fix for help & contacts user manual link, once the eshop will adopt the new tructure should be removed 12052016 - ee40576*/
.btn-download-file-whitespacefix .btn-download-file{
text-decoration: none;
/* commonization - 15-06-2016 - ee40558 */
}
/* commonization - 15-06-2016 - ee40558 */
.btn-download-file-whitespacefix .btn-download-file *:not(span){
font-size: 0;
}
/* end whitespace fix for help & contacts user manual link, once the eshop will adopt the new tructure should be removed 12052016 - ee40576*/
/*CR user manual link 12052016 - ee40576 */
.btn-download-file > span:not([class]),
.btn-download-file > *:not(.download-icon)
{
text-decoration:underline;
}
/* commonization - 15-06-2016 - ee40558 */
.btn-download-file > .download-icon:before{
position:relative;
top: 2px; /* commonization - 27-09-2016 - ee40558 */
font-size: 1em;
}
.btn-download-file > span{
font-size: 18px;
}
/* BEGIN nuovo fix + retrocompatibilita' - ee34086 - 27-01-2017 */
.btn-download-file,
a.btn-download-file{
text-decoration: underline;
position: relative;
margin-left: 29px;
}
a.btn-download-file:hover{
text-decoration: underline;
}
.btn-download-file > [class*="ico-"] {
display: none;
}
.btn-download-file:before{
text-decoration: underline;
}
.btn-download-file:before{
font-family: 'UC-Misc' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\71";
position: absolute;
top: 0;
left: -29px;
text-decoration: none;
font-size: 1.1em;
}
/*END nuovo fix + retrocompatibilita' - ee34086 - 27-01-2017 */
/*End user manual link 12052016 - ee40576 */
.download-icon{
padding: 0px 10px 0px 0px;
}
/*end download new for eshop*/
/*fix to eshop item alm 1387 - 22-07-2016 */
.step-positive-summary .summary-data-container .summary-row,
.step-positive-summary .summary-data-container .centered-col .summary-row label,
.step-positive-summary .summary-data-container .centered-col .summary-row .summary-label,
.step-positive-summary .summary-data-container .centered-col .summary-row .summary-value {
padding-bottom: 10px;
}
/*end fix to eshop*/
/*fix to eshop item alm/ 1678 - 26-07-2016 */
.box-container-bviLight {
width: 70%;
margin: 0 auto;
border: none;
border-radius: 0px;
padding: 10px;
margin: auto;
font-family: unicredit-regular;
font-size: 16px;
color: #333
}
/*fix to eshop item alm/ 1627-1554 - 27-07-2016 */
.box-container-token {
background-color: #f5f5f5;
padding: 20px;
margin-bottom: 40px;
}
/*common text for button/link document download - 06042016 - ee36958*/
.text-download-doc{
padding: 4px 0 4px 10px;
}
/*end common button/link document download - 06042016 - ee36958*/
.nav-tabs.modal-tabs > li.active > a{
background: transparent;
}
.nav-tabs.modal-tabs li a.tabx-icon {
/* font-family: 'UC-Misc'; */
height: auto;
font-size: 22px;
}
.nav-tabs.modal-tabs li span.tabx-icon {
/* font-family: 'UC-Misc'; */
height: auto;
font-size: 30px; /* dimensione icone tabs 30px come da styleguide ALM ite 865 - 12-05-2016 - ee34086 */
display: block;
margin-bottom: 10px;
}
.slimScrollDiv{
/*class added from jquery slimscroll */
padding-top: 4px;
}
/* decimal part is msaller than it's font-size parent container */
.decimal-part{
font-size: 0.75em;
}
/* new error-tips -------------------- */
.error-popover-wrapper{
position: relative;
display: none;
white-space: normal;
/*min-width: 120px;*/ /*min-width assegnato all'error-popover*/
/* no max witdh on errors - 18-04-2016 */
}
.error-popover-wrapper.forCheckbox,
.error-popover-wrapper.forRadio{
position: absolute;
min-width: 230px;
max-width: 400px; /*styleguide armonizzaztion - 07-04-2016 - ee34086 */
}
.uc-radiobutton-wrapper .error-popover-wrapper.forRadio,
.uc-radiobutton-wrapper .error-popover-wrapper.forCheckbox{
top: 0;
margin-top: 28px;
}
.uc-checkbox-wrapper .error-popover-wrapper.forCheckbox{
top: 0;
margin-top: 24px;
}
a.error-popover-close{
display: none; /*ultima versione di styleguide non rpevede la x di chiusura */
color: #fff;
float: right;
text-decoration: none;
}
a.error-popover-close:hover{
text-decoration: none;
}
.error-popover-wrapper.forCheckbox .error-popover,
.error-popover-wrapper.forRadio .error-popover{
margin-left: -9px;
margin-top: 4px;
}
.error-popover-wrapper.forCheckbox .error-popover{
margin-top: 10px;
}
.error-popover{
text-align: left;
display: block;
min-height: 50px;
background-color: #EA5C4D;
color: #FFF;
border-radius: 4px;
position: absolute;
left: 0;
right: 0;
top: 0;
margin-top: 10px;
padding: 8px;
z-index: 2; /*COMMONIZATION PFM SETTINGS 20160802 - ee40576 */
min-width: 120px; /*aggiunto min-width all'error-popover invece che al wrapper (vedi documenti upload doc. ) - ee34086 */
}
.error-popover-wrapper.forCheckbox .error-popover,
.error-popover-wrapper.forRadio .error-popover{
min-width: 0;
}
.error-popover::after{
border-color:transparent transparent #EA5C4D transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-style: solid;
border-width: 11px;
margin-top: -10px;
left:10px;
top:-10px;
}
/*p:message into error-popover primefaces override: */
.error-popover .ui-messages-error,
.error-popover .ui-message-error {
/* color: #b94a48; */
/* background-color: #f2dede; */
/* border-color: #eed3d7; */
color: #fff;
background-color: transparent;
border: none;
}
.error-popover .ui-message-info,
.error-popover .ui-message-error,
.error-popover .ui-message-warn,
.error-popover .ui-message-fatal {
border: none;
margin: 0;
padding: 0;
}
.error-popover .ui-message-icon,
.error-popover .ui-messages-icon,
.error-popover .ui-messages-error-icon,
.error-popover .ui-message-error-icon{
display: none;
}
/*end primefaces override p:messages */
/* end new error ---------------- */
.blue-spinner {
background-image: url('/etc/designs/gimb/img/blue-spinner.gif');
background-repeat: no-repeat;
background-position: center center;
width: 32px;
height: 32px;
display: inline-block;
}
/* ------------------ START ACTION BAR CSS ------------------ */
/* TODO: da commonizzare */
/* commonization purposes - 22-06-2016 - ee40558 */
.transactionlist_wrapper .account_header,
.cards_wrapper .account_header,
.finprod_wrapper_class .account_header .action-bar:not(.action-bar-liv2),
.finprod_wrapper_class .account_header.actionBarContainer {
border-bottom: 1px solid #CCC;
}
/*used for toolbar payments*/
/*TODO: to be verify*/
.toolbarRow .toolbarButton {
float: left;
}
.action-bar,
.toolbarRow {
background: #FFF;
width: 100%;
height: 80px;
padding: 0;
position: relative;
display: table;
}
/* action bar di secondo livello e' alta 100px 08-06-2016 - ee34086 */
.action-bar.action-bar-liv2{
margin-top: 10px;
margin-bottom: 10px;
}
/* BEGIN: armonizzazione colori font e icone toolbar button - 05-04-2015 - ee34086 */
div.toolbarRow div.toolbarButton span,
div.toolbarRow div.toolbarButton div {
color: #666;
}
/* END: armonizzazione colori font e icone toolbar button - 05-04-2015 - ee34086 */
/*fix to select icon*/
.toolbarRow .toolbarButton.selected span,
.toolbarRow .toolbarButton.selected div {
color: #00afd0;
}
/*end fix to select icon*/
/* serve ad allineare gli actionBarButton a sinistra se non e' presente un table-cell di width auto */
.actionBarContainer div.action-bar{
display: block;
}
.action-bar div.separator-searchbarList,
/*aggiunta classe generica per gestire tutte le linee di separazione dell'action bar - ee34086 - 06-06-2016 - ee34086*/
/* investments_AT - 08-11-2016 - ee40558 */
.action-bar .vertical-separator,
.box-header .vertical-separator {
background-color: #e5e5e5;
height: 70px;
border-top: 5px solid #fff;
border-bottom: 5px solid #fff;
display: table-cell;
width: 1px;
box-sizing: border-box;
}
/* investments_AT - 08-11-2016 - ee40558 */
.actionTextLabel,
.closeTextLabel {
margin-top: 8px; /* 10px (8px + 2 del baseline) margine da icona come da styleguide e item ALM 892 - 06-06-2016 - ee34086 */
text-transform: uppercase;
font-size: 14px;
color: #666;
/* line-height: normal; */
line-height: 13px; /* corretto come da item alm 2036 - 13-07-2016 - ee34086 */
display: block;
height: 26px; /* altezza allineata al nuovo line-height - 13-07-2016 - ee34086 */
overflow: hidden;
}
/*BEGIN: aggiunta regola va sempre a capo se piu di una parola - 05-04-2016 - ee34086 */
.action-bar .actionLabelBreakWord,
.toolBar .actionLabelBreakWord{
word-spacing: 100px;
}
/*END: aggiunta regola va sempre a capo se piu di una parola - 05-04-2016 - ee34086 */
.actionTextLabel.active,
.actionBarButton.active .actionTextLabel
{
color: #00afd0;
font-family: 'unicredit-regular';
}
.searchTextLabel,
.closeTextLabel {
margin-top: 5px;
text-transform: uppercase;
font-size: 1.4rem;
color: #999;
font-family: 'unicredit-regular';
line-height: 14px;
}
.searchTextLabel.active {
color: #00afd0;
font-family: 'unicredit-medium';
}
/* div.toolbarRow div.toolbarButton used in payments */
/* investments_AT - 08-11-2016 - ee40558 */
.action-bar .actionBarButton .icon,
.actionBarButton .icon,
.toolbarRow .toolbarButton {
height: 80px;
padding: 8px;/* investments - 17-11-2016 - ee40558 */
max-width: 150px;
text-align: center;
text-transform: uppercase;
cursor: pointer; /* aggiunto stato pointer al mouse sopra - 04-04-2016 - ee34086 */
}
.toolbarRow .toolbarButton {
width: 100px;
}
/* aggiunto stato non pointer se il button della toolbar e' selezionato - 04-04-2016 - ee34086 */
.toolbarRow .toolbarButton.selected{
cursor: auto;
text-decoration: none;
}
/*aggiunto per centrare i bottoni di pagamenti che dentro hanno una tabella - 04-04-2016 - ee34086 */
.toolbarRow .toolbarButton > table{
margin: 0 auto;
}
/*used to payments*/
.toolBar {
display: block;
padding: 10px 0px; /*style guide aggiornata a 100px di altezza*/
background-color: #fff; /*add color for toolbar*/
}
.toolbarRow .img-step,
/*BEGIN: margini e padding a 0 sugli step dentor payments - 05-04-2016 - EE34086 */
.action-bar .img-step,
.toolBar .img-step
/*END: margini e padding a 0 sugli step dentor payments - 05-04-2016 - EE34086 */
{
margin:0px;
padding:0px;
/* BEGIN: commonizzazione img-step in toolbar (pagamenti) - 05-04-2016 - ee34086 */
padding-top: 12px;
float: right;
width: 400px;
/* END: commonizzazione img-step in toolbar (pagamenti) - 05-04-2016 - ee34086 */
}
.toolbarRow .containerSteps{
width: 49%;
border: 0px;
background-color: transparent;
float:right;
padding: 0px;
margin-right: 20px;
}
/* investments_AT - 08-11-2016 - ee40558 */
.action-bar .icon a,
.icon a {
display: block;
/* height: 30px; */
margin: 0px auto;
text-decoration: none;
outline: medium none;
}
/* investments_AT - 08-11-2016 - ee40558 */
.ico-action-bar.fa-search {
font-size: 2.5rem;
line-height: 3rem;
}
/* investments_AT - 08-11-2016 - ee40558 */
.ico-action-bar,
.toolBarIcon {
display: block;
font-size: 30px;
color: #666; /* armonizzato il colore come da styleguide - 05-04-2015 - ee34086 */
line-height: 30px;
/* aggiunto width 30px e margini laterali auto per centrare l'icona - 06-06-2016 - ee34086 */
width: 30px;
margin-left: auto;
margin-right: auto;
text-indent: initial; /*aggiunta per problema icone actionbar payments*/
position: relative; /*aggiunta per problema icone actionbar payments*/
margin-top: 0; /*aggiunta per problema icone actionbar payments*/
}
.ico-action-bar.active,
.actionBarButton.active .ico-action-bar
{
color: #00AFD0;
}
.actionBarButton a:hover{
text-decoration: none;
}
/* div.toolbarRow>div used in payments */
.action-bar>div,
.toolbarRow>div {
position: relative;
vertical-align: top;
display: table-cell;
}
/* investments_AT - 08-11-2016 - ee40558 */
.actionBarButton {
width: 100px;
height: 80px;
}
/* investments_AT - 08-11-2016 - ee40558 */
.actionBarButton.active::after,
.toolbarButton.selected::after
{
content: "";
position: absolute;
display: block;
z-index: 1;
left: 0;
right: 0;
margin: 0 auto;
width: 23px;
height: 13px;
background: transparent url('/etc/designs/gimb/img/arrow-down.png');
}
.toolbarRow .toolbarButton.selected::after,
.action-bar.action-bar-liv2 .actionBarButton.active::after{
top: 0;
margin-top: 90px;
}
.action-bar .padded-bottom {
padding-bottom: 5px;
display: none;
text-align: center;
}
.action-bar .icon span,
.toolBar .icon span {
text-align: center;
}
/* commonization - 14-06-2016 - ee40558 */
/**/
/* ------------------ END ACTION BAR CSS ------------------ */
/** input select with chosen-container jquery plugin */
.chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;zoom:1;*display:inline;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.chosen-container *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.chosen-container .chosen-drop{position:absolute;top:100%;left:-9999px;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.15)}
.chosen-container.chosen-with-drop .chosen-drop{left:0}
.chosen-container a{cursor:pointer}
.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:25px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background-clip:padding-box;box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}
.chosen-container-single .chosen-default{color:#999}
.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}
.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}
.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;font-size:1px}
.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}
.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}
.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;}
.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}
.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}
.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}
.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;left:-9999px}
.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}
.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}
.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}
.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}
.chosen-container .chosen-results li.highlighted{background-color:#3875d7;color:#fff}
.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}
.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}
.chosen-container .chosen-results li.group-option{padding-left:15px}
.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}
.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto!important;height:1%;border:1px solid #aaa;background-color:#fff;cursor:text}
.chosen-container-multi .chosen-choices li{float:left;list-style:none}
.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}
.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:transparent!important;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0}
.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 5px 3px 0;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}
.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;font-size:1px}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}
.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;color:#666}
.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}
.chosen-container-multi .chosen-results{margin:0;padding:0}
.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}
.chosen-container-active .chosen-single{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}
.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;}
.chosen-container-active.chosen-with-drop .chosen-single div{border-left:0;background:transparent}
.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}
.chosen-container-active .chosen-choices{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}
.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}
.chosen-disabled{opacity:.5!important;cursor:default}
.chosen-disabled .chosen-single{cursor:default}
.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}
.chosen-rtl{text-align:right}
.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}
.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}
.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}
.chosen-rtl .chosen-single div{right:auto;left:3px}
.chosen-rtl .chosen-single abbr{right:auto;left:26px}
.chosen-rtl .chosen-choices li{float:right}
.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}
.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,.chosen-rtl .chosen-drop{left:9999px}
.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}
.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:0}
.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;direction:rtl}
.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:144dpi){.chosen-rtl .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-container-single .chosen-search input[type=text],.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span{background-size:52px 37px!important;background-repeat:no-repeat!important}
}
.chosen-container {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 13px;
zoom: 1;
-webkit-user-select: none;
text-align: left;
}
.chosen-container-single .chosen-single{
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 8px;
height: 25px;
border: 1px solid #CCC;
border-radius: 5px;
background-color: #fff;
background-clip: padding-box;
box-shadow: 0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);
color: #333;
text-decoration: none;
white-space: nowrap;
line-height: 24px;
}
.chosen-container-active.chosen-with-drop .chosen-single{
border: 1px solid #ccc;
}
.chosen-container a {
cursor: pointer;
}
.chosen-container * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.chosen-container-single .chosen-drop {
margin-top: -1px;
border-radius: 0 0 4px 4px;
background-clip: padding-box;
}
.chosen-container .chosen-drop {
position: absolute;
top: 100%;
left: -9999px;
z-index:90;
width: 100%;
border: 1px solid #CCC;
background: #F5F5F5;
/* box-shadow: 0 4px 5px rgba(0,0,0,.15); */
}
.chosen-container * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
position: absolute;
left: -9999px;
}
.chosen-container-single .chosen-search {
position: relative;
z-index: 1010;
margin: 0;
padding: 3px 4px;
white-space: nowrap;
}
.chosen-container .chosen-drop .chosen-results {
margin: 0;
padding: 0;
}
.chosen-container .chosen-results {
color: #444;
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0 4px 4px 0;
padding: 0 0 0 4px;
max-height: 240px;
-webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer;
}
.chosen-container .chosen-drop .chosen-results .active-result {
background: 0;
font-family: "unicredit-regular";
font-size: 16px;
color: #666;
line-height: 30px;
padding: 10px 10px 5px;
}
.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer;
}
.chosen-container-single .chosen-single span {
display: block;
overflow: hidden;
margin-right: 0;
text-overflow: ellipsis;
white-space: nowrap;
}
.chosen-container-single .chosen-single div {
position: absolute;
top: 0;
right: 0;
display: block;
width: 18px;
height: 100%;
}
.chosen-container .chosen-single{
background-color:#fff;
background-image:none;
border:1px solid #CCC;
box-shadow:none;
font-family:"unicredit-medium";
font-size:16px;
line-height: 36px;
padding: 0px 40px 0 15px;
height:40px
}
.chosen-container .chosen-single div,
.chosen-container .chosen-default div{
width: 20px
}
.chosen-container .chosen-single div b, .chosen-container .chosen-default div b{
background:url('/etc/designs/gimb/img/arrow-down-grey.png') no-repeat scroll center center !important;
display: block;
width: 100%;
height: 100%;
}
.chosen-container.chosen-with-drop .chosen-single div b, .chosen-container.chosen-with-drop .chosen-default div b{
/*arrow up */
background: url("/etc/designs/gimb/img/arrow-up-grey.png") no-repeat scroll center center !important;
}
.chosen-container .chosen-drop .chosen-results{
margin:0;
padding:0;
}
.chosen-container .chosen-drop .chosen-results .active-result{
background:0;
font-family:"unicredit-regular";
font-size:16px;
color:#666;
/* fix - 12-07-2016 - ee40558 */
line-height: 20px;
padding: 11px 15px;
}
.chosen-container .chosen-drop .chosen-results .active-result.highlighted{
background:#333;
color:#fff
}
.chosen-container.little-arrow .chosen-single div{
margin-right:3px;
width:30px
}
/* END input select with chosen jquery plugin css */
/* START Summary Form Container for label-value recap fields */
/*
STRUCTURE for label/(value [+ info ico])
STRUCTURE for label/(value + lock ico)
ui:repeat parmaters should be rolled out
*/
.wizard_container_form.summary-data-container{
padding-left: 40px;
padding-right: 40px;
}
.summary-data-container{
margin: 0px auto;
display: block;
text-align: center;
}
/* reset align left for div into summary-data-container - 25-07-2016 - ee34086 */
.summary-data-container > div,
/* aggiunto span diretto per bug in order list at - 09-09-2016 - ee34086 */
.summary-data-container > span{
text-align: left;
}
.summary-data-container::after {
/* class for auto height when containing float elements */
content: "";
display: table;
clear: both;
}
.summary-data-container .summary-row,
.summary-data-container .summary-row-with-link{
padding-bottom: 20px; /*change style-guide*/
text-align: left;
font-size: 0; /* fix inline block bug con i white sapce - ee34086 - 16-09-2016 */
}
/* BEGIN fix inline block bug con i white space - ee34086 - 16-09-2016 */
.summary-data-container .summary-row > *,
.summary-data-container .summary-row-with-link > * {
font-size: 16px;
}
/* END fix inline block bug con i white space - ee34086 - 16-09-2016 */
.summary-data-container .summary-row::after,
.summary-data-container .summary-row-with-link::after {
/* for auto height when containing float elements */
content: "";
display: table;
clear: both;
}
/*add class to signature message for payments*/
.signature-message {
text-transform: none;
font-family: unicredit-regular;
font-size: 30px;
color: #333;
padding: 40px 0px;
text-align: center;
}
/*add summary-category for payments*/
.summary-data-container .summary-category-title,
.summary-data-container .summary-category-title label,
.step-title,
.summary-data-container .summary-category-subTitle,
.summary-data-container .summary-category-subTitle label {
font-family: 'unicredit-medium';
font-size: 2rem;
color: #00AFD0;
width: 100%;
text-transform: uppercase;
}
/* Begin banner for thank you page (styleguide 4.11) - 12-08-2016 - ee34086 **/
/*add class for thankyoupage with banner*/
.banner-tkp-container .banner-title {
font-family: 'unicredit-medium';
font-size: 2rem;
color: #00AFD0;
width: 100%;
text-transform: uppercase;
margin-bottom: 20px;
line-height: 20px;
}
.banner-tkp-container .banner-text {
font-family: 'unicredit-regular';
font-size: 16px;
color: #333;
font-weight: normal;
}
.banner-tkp-container .banner-text p{
margin-bottom: 0;
}
.banner-tkp-container .banner-button-container{
margin-top: 20px;
}
.banner-tkp-container .banner-tkp-inner{
border: 1px solid #BFEBF3;
border-radius: 3px;
display: inline-table;
padding: 30px 40px 20px 40px;
}
.banner-tkp-container{
margin-bottom: 30px;
text-align: center;
}
.banner-tkp-container .banner-tkp-pre-title{
font-family: 'unicredit-bold';
font-size: 24px;
line-height: 24px;
color: #666;
margin-bottom: 20px;
}
/* End banner for thank you page (styleguide 4.11) **************/
.summary-data-container .summary-category-subTitle label,
.summary-data-container .summary-category-subTitle {
color: #666; /* cambiato il colore come da item ALM 857 - 20-05-2016 - ee34086 */
font-family: 'unicredit-medium'; /*font unicredit-medium come da item ALM 857 - 20-05-2016 - ee34086 */
}
.summary-data-container .summary-category-title label,
.summary-data-container .summary-category-subTitle label {
margin: 0; /* label senza margin dentro i category title/subtitle - 20-05-2016 - ee34086 */
}
.summary-data-container .summary-category-title,
.step-title,
.summary-data-container .summary-category-subTitle{
padding-bottom: 20px; /* distanza 20px dal bottom sistemata - 20-05-2016 - ee34086 */
}
.summary-data-container .col-left,
.summary-data-container .col-right,
.summary-data-container .centered-col{
text-align: left;
display: inline-block;
vertical-align: top;
margin-top: 0;
margin-bottom: 0;
width: 50%;
}
.summary-data-container .centered-col{
/*margin: 0 auto;*/
/*change for tickets module*/
display: block;
margin-left: auto;
margin-right: auto;
}
/* aggiunta col33 per pagamenti che ha summary su 3 colonne - 16-05-2016 - ee38964 */
.summary-data-container .col-33{
width: 33%;
display: inline-block;
vertical-align: top;
}
.summary-data-container .col-left{
padding-right: 10px; /*new ux styleguide 20160610 - ee40576*/
float: left;
}
.summary-data-container .col-right{
padding-left: 10px; /*new ux styleguide 20160610 - ee40576*/
float: right;
}
.summary-data-container .summary-label,
.summary-data-container label{
vertical-align: top;
display: inline-block;
width: 30%; /*change style-guide*/
padding-right: 0px;
margin-right: 10px;
margin-bottom: 0px;
/* fix break-all con word-wrap 06-07-2016 - ee34086 */
word-break: break-word;
overflow-wrap: break-word;
word-wrap: break-word;
max-width: 120px; /* nuova versione caso senza colonne - ee34086 - 04-01-2016 */
}
.summary-data-container .col-left .summary-label,
.summary-data-container .col-right .summary-label,
.summary-data-container .col-left label,
.summary-data-container .col-right label{
max-width: 30%; /* versione originale caso dentro colonne - ee34086 - 04-01-2016 */
}
.summary-data-container .summary-value {
display: inline-block;
vertical-align: top;
/* fix summary value troppo lungo - ee34086 - 16-09-2016 */
max-width: calc(100% - 130px); /* nuova versione caso senza colonne - ee34086 - 04-01-2016 */
word-break: break-word;
overflow-wrap: break-word;
word-wrap: break-word;
}
.summary-data-container .col-left .summary-value,
.summary-data-container .col-right .summary-value {
max-width: calc(70% - 10px); /* versione originale, caso dentro colonne - ee34086 - 04-01-2016 */
}
/*change for payments summary-with-link*/
.summary-data-container .summary-row-with-link > label{
width: 30%;
}
.summary-data-container .summary-row-with-link > .summary-value{
width: 40%;
margin-right: 10px; /* ITEM 2417 - EE38964 */
}
.summary-data-container .summary-row-with-link > .summary-link{
/* item ALM 2417- 02-08-2016 - ee38964 */
display: inline-block;
vertical-align: top;
margin-top: -10px;
}
/*end change for payments summary-with-link*/
.summary-data-container .summary-value-lock{
width: 49%;
display: inline-block;
font-family: 'unicredit-medium';
color: #666;
font-size: 16px;
font-weight: normal;
}
/* BEGIN Nuova gestione summary container centrato - 15-07-2016 - ee34086 */
.summary-data-container .centered-col{
display: inline-table;
width: auto;
margin: 0 auto;
}
.summary-data-container .centered-col .summary-row{
display: table-row;
}
.summary-data-container .centered-col .summary-row label,
.summary-data-container .centered-col .summary-row .summary-label{
display: table-cell;
margin: 0;
padding-bottom: 20px;
width: auto;
max-width: 120px;
}
.summary-data-container .centered-col .summary-row .summary-value{
display: table-cell;
margin: 0;
padding-bottom: 20px;
padding-left: 10px;
}
.summary-data-container .centered-col .summary-row:nth-last-child(1) .summary-value,
.summary-data-container .centered-col .summary-row:nth-last-child(1) label,
.summary-data-container .centered-col .summary-row:nth-last-child(1) .summary-label{
padding-bottom: 0;
}
/* TYPE2 - vedi simulazione rate carte - ee34086 - 24-02-2017 */
.summary-data-container .centered-col.type2{
max-width: 50%;
}
.summary-data-container .centered-col.type2 .summary-row label,
.summary-data-container .centered-col.type2 .summary-row .summary-label{
max-width: 30%;
}
/* END Nuova gestione summary container centrato - 15-07-2016 - ee34086 */
/* END Summary Form Container for label-value recap fields */
/* right border for accordion content (es: address book, sms alert) */
.with-right-border-k5,
.with-right-border{
border-right: 1px solid #CCC;
}
/* moved in common_at */
/* blinker: */
.blink_me {
animation: blinker 1s linear infinite;
}
@keyframes blinker {
50% { opacity: 0.0; }
}
/* used in smspremium */
.horizontal_line {
background-color: #CCC;
width: 100%;
height: 1px;
margin-bottom: 10px;
}
/* CONFIRM MODAL DIALOG */
/*used in addressbook delete contact */
.confirm-dialog.ui-dialog {
overflow: visible;
}
.confirm-dialog.ui-dialog .ui-dialog-buttonpane {
padding: 0; /* corretto il padding a 0 px - 04-05-0216 - ee34086 */
cursor: initial; /*reset del curore per problemi su dialog eliminazione in rubrica - 18-05-2016 - ee34086 */
}
.confirm-dialog .ui-dialog-titlebar {
display: none;
}
.confirm-dialog .ui-dialog-content {
display: none;
}
.confirm-dialog-modal {
position: relative;
top: -10px;
background: #fff;/* commonization purposes - 26-09-2016 - ee40558 */
}
/* commonization purposes - 26-09-2016 - ee40558 */
.confirm-dialog-modal > div{
padding-top:40px;
padding-bottom:40px;
}
.confirm-dialog {
/*background-color: #fff;*/ /* commonization purposes - 26-09-2016 - ee40558 */
width: 500px;
}
/* SEARCH INPUT input with icon search */
/*add class modal payments*/
.searchbar-modal {
width: 400px;
float: right;
margin-bottom: 20px;
}
.input-with-search,
input.input-with-search,
.modal-isin .input-with-search input,
.header-search-investments .input-with-search input {
width: 100%;
padding-left: 50px;
text-transform: uppercase;
background: url('/etc/designs/gimb/img/ico-search-list.png') no-repeat 0 0 #fff;
background-position: 10px center;
}
.input-with-search:focus,
input.input-with-search:focus{
background-color: #fff;
}
.searchbar input:focus {
background-color: transparent;
}
/* Line separator horizontal */
.separation-bar-horizontal,
.separation-bar-horizontal-k6 {
display: block;
border-bottom: 1px solid #cccccc;
font-size: 1px;
height: 1px;
line-height: 1px;
margin: 0 auto;
margin-bottom: 20px;
text-align: center;
}
/*aggiunta barra separatore codice colore k6 per item alm 931 - ee34086 - 09-07-2016 */
.separation-bar-horizontal-k6 {
border-bottom: 1px solid #e5e5e5;
}
/* input p:calendar behavior on form-group */
.form-group .form-calendar-control input{
width: 100%;
}
.form-group .form-calendar-control input[disabled]{
background-color: #EEE;
}
/* from change addresses at */
.wizard_container_form .form-control-static{
padding-left: 4px;
}
/*more option box styles*/
.more-option-box-container,
.accordion-note /*fix payments AT*/ {
overflow: visible;
min-height: 35px;
position: relative;
float: right;
right: 0px;
height: 25px;
border: 0px;
background-color: transparent;
padding-top: 5px;
padding-bottom: 5px;
padding: 0px;
margin: 0px;
margin-top: 0px;
}
/*fix payments AT*/
.accordion-note {
min-height: 32px;
}
/* NO PADDING CLASS */
/*Aggiunte classi nomargin e nomargpadd - 18-05-2016 - ee34086 */
.nopadding-hor{
padding-left: 0px !important;
padding-right: 0px !important;
}
.nopadding-ver{
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.nopadding{
padding: 0px !important;
}
.nomargin-ver{
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.nomargin{
margin: 0 !important;
}
.nomargin-hor{
margin-left: 0 !important;
margin-right: 0 !important;
}
.nomargpadd{
margin: 0 !important;
padding: 0 !important;
}
.nomargpadd-ver{
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.nomargpadd-hor{
padding-left: 0px !important;
padding-right: 0px !important;
margin-left: 0px !important;
margin-right: 0px !important;
}
/*used to step payments*/
.progressFix {
height: 65px;
background-color: transparent;
box-shadow: none;
padding-top: 1px;
/* margin-top: 15px; */ /* margin top errato, tolto - 05-04-2016 - ee34086 */
margin-bottom: 0px;
}
/*used to titleBar payments*/
.titleBar {
min-height: 65px;
max-height: 65px;
height: 65px;
background: #F5FCFC;
font-family: unicredit-medium;
font-size: 24px;
line-height: 40px;
}
.titleBar .intro-title{
padding-left:30px;
}
/* codice sbagliato, sistemare gli spazi in pagamenti - 15-04-2016 - ee34086 */
/* .titleBar span { */
/* padding-left:30px; */
/* } */
/* END: codice sbagliato, sistemare gli spazi in pagamenti - 15-04-2016 - ee34086 */
.titleBar.thankYouPage {
min-height: 0px;
max-height: 0px;
height: 0px;
}
.titleBar .arrowDown {
-webkit-background-clip: border-box;
-webkit-background-origin: padding-box;
-webkit-background-size: auto;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url('/etc/designs/gimb/img/header-arrow-down.png');
background-origin: padding-box;
background-size: auto;
box-sizing: border-box;
color: rgb(51, 51, 51);
display: block;
font-family: unicredit-medium;
font-size: 14px;
height: 13px;
left: 222px;
line-height: 20px;
position: relative;
top: -1px;
width: 26px;
z-index: 2;
/* 04-04-2016 - ee34086 - aggiunto visibility hidden perche' non serve piu' la classe, la freccia e' adesso su ogni toolbarButton
* da veirficare bene come togliere l'elemento html mantenendo gli spazi */
visibility: hidden;
}
.lineSeparatorBottom {
border-bottom-color: rgb(240, 246, 244);
border-bottom-width: 1px;
border-bottom-style: solid;
}
.action-bar.lineSeparatorBottom {
border-bottom-color: #ccc;
}
.lineSeparatorTop {
border-top-color: #D9D9D9;
border-top-width: 1px;
border-top-style: solid;
}
.containerButtonsStep3 {
padding: 30px;
text-align: center;
background-color: #fff;
}
.containerButtonsStep3 button {
color: #666666;
max-width: 300px;
min-width: 250px;
margin-right: 20px;
margin-left: 20px;
}
.thankYouPage.buttonsTitle,
.buttonsTitle {
font-size: 24px;
font-family: unicredit-medium;
color: #666666;
/* allineamento a nuova styleguide ALM item 1189 - 24-05-2016 - ee38964 */
padding-bottom: 30px;
}
.btnsNavigation {
text-align: right;
padding: 40px 40px;
}
.btnsNavigation button:first-child,
.margin-button {
margin-right: 30px;
}
/*used to payments*/
.clearfix {
clear: both;
}
.field-spacer{
padding: 10px 0px 0px 0px !important;
}
/* commonization purposes - 28-06-2016 - ee40558 */
.contents-spacer-type1{margin-bottom: -20px;}
.contents-spacer-type1 p{margin-bottom: 20px;}
/*end payments*/
/*box informations payments*/
.collapsedAccordionPanel{
-webkit-background-clip: padding-box;
-webkit-background-origin: padding-box;
-webkit-background-size: auto;
background-attachment: scroll;
background-clip: padding-box;
background-color: rgb(255, 255, 255);
background-image: none;
background-origin: padding-box;
background-size: auto;
border-bottom-color: rgb(204, 204, 204);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(204, 204, 204);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(204, 204, 204);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(204, 204, 204);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 1px;
bottom: 0px;
box-sizing: border-box;
color: rgb(0, 175, 208);
cursor: pointer;
display: block;
float: right;
font-family: unicredit-bold;
font-size: 14px;
height: 34px;
line-height: 35px;
min-width: 170px;
outline-color: rgb(0, 175, 208);
outline-offset: 0px;
outline-style: none;
outline-width: 0px;
padding-bottom: 0px;
padding-left: 20px;
padding-right: 10px;
padding-top: 0px;
position: relative;
text-decoration: none;
text-transform: uppercase;
width: auto;
border-bottom-width: 0px;
margin-bottom: 0px;
bottom: -1px;
margin-right: 40px;
}
.collapsedAccordion {
background: #fff url("/etc/designs/gimb/img/ico-plus.png");
height: 33px;
background-repeat: no-repeat;
background-position: right center;
color: #00AFD0;
padding-right: 40px;
cursor: pointer;
text-align: center;
}
.expandedAccordion {
height: 33px;
color: rgb(234, 92, 77);
padding-right: 40px;
cursor: pointer;
text-align: center;
background: url("/etc/designs/gimb/img/ico-minus.png") 100% 50% no-repeat rgb(255, 255, 255);
background-repeat: no-repeat;
background-position: 100% 50%;
}
.additionalNotesBox {
padding: 20px 40px;
font-family: Arial;
font-size: 11px;
color: #333333;
text-align: justify;
}
/*end box informations payments*/
/*add classes to print and download icons- step3 thank you page payments*/
.completeBtnsPanelContainer {
text-align: center;
padding-bottom: 20px; /* ALM item 1189 - 01-08-2016 - ee38964 */
}
.completeBtns {
width: 90px;
height: 80px;
text-transform: uppercase;
cursor: pointer;
display: inline-block;
vertical-align: top;
}
.completeBtns .btnIcon {
font-size: 30px;
vertical-align: top;
line-height: normal;
}
.completeBtns a {
color: inherit;
}
/* allineamento a nuova styleguide ALM item 1189 - 15-07-2016 - ee38964 */
.btnLabel {
margin-top: 10px;
font-family: 'unicredit-medium';
font-size: 14px;
color: #666;
}
/*end add classes to print and download icons- step3 thank you page payments*/
/*****************************************/
/**************** TABS *******************/
/*****************************************/
/* TL, PFM anc CARDS tab for account switching */
.tabs_wrapper .transactionlist_tabs,
.tabs_wrapper {
text-align: center;
width: 100%;
margin: 0 auto;
font-size: 0;
}
.tabs_wrapper .single_tab {
padding: 20px 30px; /* padding laterale 30px come da styleguide - item alm 964 - ee34086 - 24-11-2016 */
box-sizing: border-box;
height: 80px;
/*tabs fix, avoid new line when 1024px res - 06042016 - ee36958*/
width: 270px; /*fix a 270px come da ultima stileguide del 14 aprile - 03-05-2016 - ee34086 */
/*end tabs fix, avoid new line when 1024px res - 06042016 - ee36958*/
display: inline-block;
vertical-align: top;
border-left: 1px solid #CCC;
border-bottom: 1px solid #CCC;
background: #E5E5E5;
/*tabs fix, show more account for TL - 06042016 - ee36958*/
position:relative;
/*end tabs fix, show more account for TL - 06042016 - ee36958*/
}
.tabs_wrapper .single_tab.active {
border-bottom: 1px solid #FFF;
background: #FFF;
}
.tabs_wrapper .single_tab a,
.tabs_wrapper .single_tab a:hover,
.tabs_wrapper .single_tab a:focus{
font-family: 'unicredit-medium';
vertical-align: middle;
text-decoration: none;
}
.pfm_wrapper .tabs_wrapper .single_tab a,
.pfm_wrapper .tabs_wrapper .single_tab a:hover,
.pfm_wrapper .tabs_wrapper .single_tab a:focus,
/* tabs_wrapper.style2 per i tabs con label che vanno a capo come su pfm */
.tabs_wrapper.style2 .single_tab a,
.tabs_wrapper.style2 .single_tab a:hover,
.tabs_wrapper.style2 .single_tab a:focus {
/* fix problema pfm con alcuni utenti testo allineato a sinistra nei tabs - ee34086 - 11-11-2016 */
display: inline-block;
}
.tabs_wrapper .single_tab:not(.active) a{
color: #666666;
/*background: #E5E5E5;*/
}
.tabs_wrapper .single_tab .arrowLink{
display: inline-block;
vertical-align: top;
width: 30px;
}
/* commonization - 14-06-2016 - ee40558 */
.tabs_wrapper .single_tab a label {
display: block;
font-size: 16px;
}
.tabs_wrapper .single_tab a:hover,
.tabs_wrapper .single_tab:hover {
background: #FFF;
}
.tabs_wrapper .single_tab .label_num_conto_visible {
font-size: 1.4rem;
}
.tabs_wrapper .single_tab .label_view_other_accounts {
font-size: 13px;
text-transform: uppercase;
}
.tabs_wrapper .single_tab .tabValue2,
.tabs_wrapper .single_tab.active .tabValue2 {
font-size: 14px;
display: block;
}
.tabs_wrapper .single_tab .tabValue1,
.tabs_wrapper .single_tab.active .tabValue1 {
font-size: 24px;
}
.tabs_wrapper .single_tab .tabValue1.tabName,
.tabs_wrapper .single_tab.active .tabValue1.tabName {
/*line-height: 40px;*/
/*fix incident IM02974104 - ee34086 - 10-11-2016 */
height: 40px;
vertical-align: middle;
display: table-cell;
}
/* tabs PFM AT/IT, do not underline tab label - 20042016 - ee36958 */
/* commonization purposes - 27-07-2016 - ee40558 */
.tabs_wrapper .single_tab .tabValue1:not(.tabName)
/* end tabs PFM AT/IT, do not underline tab label - 20042016 - ee36958 */
{
text-decoration: none; /* ins tyleguide risulta senza underline - 30-05-2016 ee34086*/
overflow: hidden;/* commonization purposes - 22-06-2016 - ee40558 */
}
.tabs_wrapper .single_tab .label-tab,
.tabs_wrapper .single_tab .tabValue1{
color: #666;
font-family: 'unicredit-medium';
}
/*item alm 964 - ee34086 - 24-11-2016 */
.tabs_wrapper .single_tab.active .label-tab,
.tabs_wrapper .single_tab.active .tabValue1{
color: #00AFD0;
}
.tabs_wrapper .single_tab.active li a {
/*background: #F5F5F5;*/
color: #666666;
}
.tabs_wrapper .single_tab.active li a:hover {
/*background: #FFF;*/
}
/*tabs fix, show more account for TL - 06042016 - ee36958*/
.tabs_wrapper li.more_account_class
/*end tabs fix, show more account for TL - 06042016 - ee36958*/
{
padding: 0px !important;
}
/*use this class on inner div of single_tab div for show more account*/
.tabs_wrapper .single-tab .inner-single-tab{
}
.tabs_wrapper .single_tab.more_account_class > div.inner-single-tab {
padding: 20px;
/*display: inline-block;*/ /*tabs fix, avoid new line when 1024px res - 06042016 - ee36958*/
vertical-align: top;
}
/*tabs fix, position of other account arrow - 06042016 - ee36958*/
.tabs_wrapper .single_tab.more_account_class > .arrowLink{
position: absolute;
top: 0px;
right: 0px;
margin-right: -30px;
}
/*end tabs fix, position of other account arrow - 06042016 - ee36958*/
/*****************************************/
/************** END TABS *****************/
/*****************************************/
/* Back link commonizzato: */
/* ALM defect 965 - dentro portlet carte */
a.back_link,
.back_link {
color: #666;
font-family: unicredit-regular;
font-size: 1.4rem;
line-height: 38px;
text-decoration: none;
/*use "ico ico-misc-arrow-left" for left grey icon*/
}
/*INZIO EP2 CARDS IT, EP6 E-SHOP 24-03-2016 - ee36958 */
.btn-green-active {
border: 1px solid #00a197 !important;
background-color: #00a197 !important;
color: #fff !important;
}
.btn-green-active:hover,
.btn-green-active:focus,
.btn-green-active:active {
text-decoration: none;
outline: none;
}
.btn-green-active:hover,
.btn-green-active:focus{
background-color: #99D9D5;
outline: none;
}
.btn-green-active:active {
background-color: #CCECEA;
}
/*FINE EP2 CARDS IT, EP6 E-SHOP 24-03-2016 - ee36958 */
/*use this class for intro text - 30032016 - ee36958*/
.modal .text-intro,
.modal-dialog .text-intro{
font-size: 18px;
text-transform: none;
color: #666;
font-family: 'unicredit-regular';
margin-bottom: 20px; /* cambiato in margin per far collassare in caso con gli altri elementi - 05-07-2016 - ee34086 */
text-align: center;
}
/* text-intro allineato a sinistra, esempio ordinamento conti e carte - 16-08-2016 - ee34086 */
.text-intro.text-left {
text-align: left;
}
.modal .text-intro-title,
.modal-dialog .text-intro-title
{
/* Unicredit Medium - Uppercase - 20 px #666 */
text-transform: uppercase;
font-family: 'unicredit-medium';
font-size: 20px;
color: #666;
}
/* tolto margini ai paragrafi in text intro, vedi item alm 827 - 20-07-2016 - ee34086 */
.modal .text-intro p{
margin: 0;
}
/*end use this class for intro text - 30032016 - ee36958*/
/* HOTFIX template CQ5 su payments - 04-04-2016 - ee34086 */
.transactionlist_wrapper .bg-title{
display: none;
}
/*end use this class for intro text - 30032016 - ee36958*/
/* New component for action button menu - 05-04-2016 - ee34086 */
.uc-button-menu > .btn {
height: 30px;
line-height: 28px;
padding-right: 10px;
padding-left: 10px;
}
.uc-button-menu{
margin: 20px 0px 20px 0px;
}
/* classe di utility per forzare l'overflow a visible, usata ad esempio nella nuova gestione degli errori
* su payments uni-column-* per mostrare il popover - 07-04-2016 */
.noHiddenOverflow {
overflow: visible !important;
}
/* END classe di utility */
/* TITLES */
/* styleguide update of 07042016 - 08042016 - ee36958 */
.header1{
font-family: 'unicredit-regular';
font-size: 38px;
margin-bottom: 10px; /* aggiunto un margine inferiore - 05-05-2016 - ee34086 */
}
.header2{
font-family: 'unicredit-bold';
font-size: 30px;
margin-bottom: 10px; /* aggiunto un margine inferiore - 05-05-2016 - ee34086 */
}
.header3{
font-family: 'unicredit-medium';
font-size: 30px;
margin-bottom: 10px; /* aggiunto un margine inferiore - 05-05-2016 - ee34086 */
}
.header4{
font-family: 'unicredit-medium';
font-size: 24px;
line-height: normal;/* commonization purposes - 27-07-2016 - ee40558 */
margin-bottom: 10px; /* aggiunto un margine inferiore - 05-05-2016 - ee34086 */
}
.title1,
/*fix pagina profilo austria - ee34086 - 25-10-2016 */
.summary-data-container .summary-row.title1,
/*aggiunto text-intro non modale (item 827) - 19-04-2016 - ee34086*/
.text-intro,
.title1-nouppercase
{
font-family: 'unicredit-medium';
font-size: 20px;
text-transform: uppercase;
}
.title1-nouppercase{
text-transform: none;
}
.title2{
font-family: 'unicredit-medium';
font-size: 18px;
}
.title3{
font-family: 'unicredit-bold';
font-size: 16px;
}
/*TABLES*/
.title4{
font-family: Arial;
font-weight: bold;
font-size: 16px;
}
.title5{
font-family: Arial;
font-weight: normal;
font-size: 16px;
}
/*END*/
.subtitle1{
font-family: 'unicredit-regular';
font-size: 18px;
}
.subtitle2{
font-family: 'unicredit-medium';
font-size: 14px;
}
.text-body1{
font-family: 'unicredit-regular';
font-size: 16px;
}
.text-body2{
font-family: 'unicredit-regular';
font-size: 14px;
}
/*TABLES*/
.text-body3{
font-family: Arial;
font-weight: bold;
font-size: 14px;
}
.text-body4{
font-family: Arial;
font-weight: normal;
font-size: 14px;
}
.text-body5{
font-family: 'unicredit-medium';
font-size: 16px;
}
/*END*/
.text-legal{
font-family: Arial;
font-weight: normal;
font-size: 11px;
}
/*text-colors*/
.style1{
/*B1*/
color: #00AFD0;
}
.style2{
/*K2*/
color: #333;
}
.style3,
/* commonization purposes - 28-06-2016 - ee40558 */
.link-nodecoration.style3:hover,
.link-nodecoration.style3:active,
.link-nodecoration.style3:focus,
/*aggiunto text-intro non modale (item 827) - 19-04-2016 - ee34086*/
.text-intro
{
/*K3*/
color: #666;
}
/* begin commonization - 27-05-2016 - ee40558 */
.style4{
/*K4*/
color: #999;
}
/* begin commonization - 27-05-2016 - ee40558 */
/* end styleguide update of 07042016 - 08042016 - ee36958 */
/*slider styleguide for CARDS - 12042016 - ee36958 */
/** SLIDER **/
.sliderContainer_class {
padding: 50px 0px;
}
.sliderContainer_class .slider_border_left_class,
.sliderContainer_class .slider_border_right_class {
width: 5%;
height: 12px;
background-color: #F5F5F5;
border-top: solid 1px #00a197;
border-bottom: solid 1px #00a197;
margin: 10px 0px;
display: inline-block;
vertical-align: middle;
}
.sliderContainer_class .slider_border_left_class {
border-left: solid 1px #00a197;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
margin-right: -4px;
}
.sliderContainer_class .slider_border_right_class {
border-right: solid 1px #00a197;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
margin-left: -4px;
}
.sliderContainer_class .sliderInstalment_class {
display: inline-block;
vertical-align: middle;
height: 12px;
width: 65%;
margin: 10px 0px;
border-top: 1px solid #00a197;
border-bottom: 1px solid #00a197;
background-color: #F5F5F5;
cursor: pointer;
}
.sliderInstalment_class .sliderInstalmentColored_class {
height: 10px;
outline: none;
border: none;
}
.sliderInstalment_class .sliderInstalmentColored_class.sliderLimitsColored_class {
border-radius: 5px;
border: 1px solid #00a197;
}
.sliderInstalment_class .sliderInstalmentColored_class .selected{
background-color: #93D0CD;
height: 100%;
}
.sliderInstalment_class .sliderInstalmentColored_class.sliderLimitsColored_class .selected{
border-radius: 5px;
background: url("/etc/designs/gimb/img/slider-ced-bg-scroll.png") -1px repeat-x;
}
.sliderInstalment_class .sliderInstalmentColored_class .selected .tick{
height: 100%;
border-left: 1px solid #00a197;
float: left;
}
.sliderInstalment_class .ui-slider-handle {
cursor: pointer;
height: 43px;
width: 43px;
margin-left: -21px;
top: -16px;
background: transparent url("/etc/designs/gimb/img/slider-handle.png") 0% 0% repeat-x !important;
}
.sliderInstalment_class .handle-tooltip {
position: absolute;
top: -50px;
background: transparent url("/etc/designs/gimb/img/tooltip-ced-slider.png");
width: 45px;
height: 48px;
text-align: center;
}
.sliderInstalment_class .handle-tooltip span.val {
color: #FFFFFF;
font-size: 3rem;
font-family: "unicredit-medium", "Helvetica", Arial, sans-serif;
margin: auto;
}
/** END SLIDER **/
/*end slider styleguide for CARDS - 12042016 - ee36958 */
/* BEGIN Componente footer riepilogo dati tabelle (show more) - 13-04-2016 - EE34086 */
/*BEGIN: barra footer dati */
.data-footer-row{
position: relative; /* per contenere elementi position absolute */
display: table;
width: 100%;
}
.data-footer-row::after{
/*per contenere float*/
clear: both;
display: table;
content: "";
}
.data-footer-row > *{
display: table-cell;
vertical-align: middle;
width: auto;
margin: 0;
padding: 0;
}
.data-footer-row.type2 > *{
vertical-align:top;
padding-top: 40px;
}
.data-footer-row .data-footer-left{
width: 33%;
text-align: left;
}
.data-footer-row .data-footer-right{
text-align: right;
width: 33%;
}
.data-footer-row .data-footer-center{
text-align: center;
width: 33%; /* from auto to 33% - fix ipad quando il data-footer-center e' vuoto - ee34086 - 29-12-2016 */
min-width: 20px; /* allineamento ALM item 1195 - 14-07-2016 - ee38964 */
}
.data-footer-row .step-counter{
margin-left: 49%; /*step-counter without left-content should have 49% of margin left */
text-align: center;
}
.data-footer-row .step-counter-container .left-content,
.data-footer-row .step-counter-container .left-content + .step-counter
{
display: inline-block;
vertical-align: top;
width: 49%;
margin: 0; /*step-counter with left-content no margin-left cause left-content 49% width */
padding: 0;
}
/*END: barra footer dati */
/* END Componente footer riepilogo dati tabelle (show more) - 13-04-2016 - EE34086 */
/*BEGIN: classi per gli step counter risultati ricerca - 13-04-2016 - EE34086 */
.step-number-count,
.step-number-total-count {
font-family: 'unicredit-bold';
}
/* CSS component upload */
.uc-fileupload-wrapper .ui-progressbar {
border-radius: 1px;
}
.uc-fileupload-wrapper .ui-fileupload-content .ui-progressbar {
width: 628px;
height: 4px;
margin: 0px;
border-radius: 1px;
background-color: gray;
position: absolute;
top: 47px;
left: 0px;
}
.uc-fileupload-wrapper .ui-fileupload-buttonbar input[type="file"] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
font-size: 100px;
/* text-align: right; */
filter: alpha(opacity=0);
opacity: 0;
outline: none;
background: white;
cursor: inherit;
display: block;
height: 0px;
color: transparent;
}
.uc-fileupload-wrapper .ui-fileupload-buttonbar .ui-button .ui-button-text {
background-color: #00afd0;
padding: 10px 20px;
border-radius: 3px;
color: #fff;
text-transform: uppercase;
}
.uc-fileupload-wrapper .nameInputfileBox {
border: 1px solid rgb(204, 204, 204);
margin-top: 0px;
border-radius: 4px;
line-height: 40px;
font-family: 'UniCredit Regular', 'UniCredit';
font-size: 16px;
float: left;
width: 80%;
margin-right: 10px;
}
.uc-fileupload-wrapper .fileNameVisualizer {
padding-left: 15px;
float: left;
font-family: 'Arial Regular', 'Arial';
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 94%;
}
.uc-fileupload-wrapper .ui-fileupload-content {
margin-top: 15%;
border-style: dashed;
min-height: 150px;
border-width: 1px;
border-color: gray;
border-radius: 9px;
position:absolute; /*fix problem upload*/
width:100%; /*fix problem upload*/
}
.uc-fileupload-wrapper .container-info, .uc-fileupload-wrapper .container-info-step3{
margin-top:10px;
}
.uc-fileupload-wrapper .container-info{
float:left;
}
.uc-fileupload-wrapper .deleteButton{
min-width: 18.5%;
font-size: 16px;
}
.uc-fileupload-wrapper{
position: relative;
height: 350px;
}
.uc-fileupload-wrapper.upload-completed{
height: auto;
}
.uc-fileupload-wrapper .value-info-fileupload, .uc-fileupload-wrapper .label-info-fileupload{
font-family: 'UniCredit Bold', 'UniCredit';
font-weight: 700;
color: #00AFD0;
float: left;
font-size: 13px;
}
.uc-fileupload-wrapper .label-info-fileupload{
color: #999999;
margin-right: 8px;
}
.uc-fileupload-wrapper .label-general-info, .uc-fileupload-wrapper .label-dragDrop-info{
font-family: 'UniCredit Regular', 'UniCredit';
font-weight: 400;
font-style: normal;
font-size: 20px;
color: #666666;
float:left;
}
.uc-fileupload-wrapper .label-dragDrop-info{
font-size: 16px;
position: absolute;
left: 184px;
top: 230px;
}
.uc-fileupload-wrapper .ui-fileupload-files button.ui-fileupload-cancel {
padding: 5px;
width: 137px;
background-color: #00afd0;
border-radius: 3px;
color: #fff;
text-transform: uppercase;
border: none;
font-family: 'UniCredit Regular', 'UniCredit';
position: relative;
float: 0;
height: 42px;
}
.uc-fileupload-wrapper .ui-fileupload-files td {
padding:0;
}
.uc-fileupload-wrapper .ui-overlay-visible table tr{
position: relative;
}
.uc-fileupload-wrapper table.ui-fileupload-files {
position: absolute;
top: -136px; /*fix problem upload*/
}
.uc-fileupload-wrapper .ui-fileupload-files td:nth-child(2){
padding-left: 10px;
padding-top: 12px;
font-family: 'Arial Regular', 'Arial';
font-size: 16px;
}
.uc-fileupload-wrapper .ui-fileupload-files td:nth-child(3), .uc-fileupload-wrapper .ui-fileupload-files td:nth-child(4){
position: absolute;
top: 10px;
display: inline-table;
left: 560px;
color: #00afd0;
font-family: 'UniCredit Bold', 'UniCredit';
font-weight: 700;
font-size: 22px;
}
.uc-fileupload-wrapper .ui-fileupload-files td:nth-child(4) {
top: 52px;
left: 130px;
}
.uc-fileupload-wrapper .ui-fileupload-files td:last-child {
/* position: absolute; */
/* margin-left: 483px; */
/* fix upload position undo button 29-07-2016 - ee34086 */
position: absolute;
left: 0;
margin-left: 648px;
}
.uc-fileupload-wrapper .ui-progressbar .ui-widget-header{
background-color: #00afd0;
}
/* end component upload */
/*test in modale generico 16px #333 item ALM 842 - 20-04-2016 - ee34086 */
.modal,
.modal-dialog {
font-size: 16px;
color: #333;
font-family: 'unicredit-regular';
}
/*BEGIN Modal info box, blocco avviso modali styleguide pagina 177, ALM item 828 - 21-04-2016 - ee34086 */
.modal-info-box,
.modal-info-box-type2 {
text-align: center;
width: 100%;
background-color: #f5fcfc;
margin-bottom: 20px;
padding: 10px 40px;
font-size: 14px;
color: #666;
font-family: 'unicredit-regular';
line-height: 20px;
}
/* item alm 4432 - ee34086 - 13-02-2017 */
.modal-info-box a,
.modal-info-box a:hover,
.modal-info-box a:active,
.modal-info-box a:focus {
font-family: 'unicredit-medium';
text-decoration: 'underline';
}
.modal-info-box .title1,
.modal-info-box-type2 .title1{
color: #00AFD0;
margin: 0;
}
.modal-info-box-type2 .title1{
color: #00A197;
}
.modal-info-box p,
.modal-info-box-type2 p{
margin: 0;
}
.modal-info-box ul,
.modal-info-box-type2 ul,
.text-intro ul {
text-align: left;
padding-left: 20px;
}
/*END Modal info box, blocco avviso modali styleguide pagina 177, ALM item 828 - 21-04-2016 - ee34086 */
/* CHAT Trigger */
/* ingaggio chat generico per le pagine - 01-06-2016 - ee34086 */
.chat-trigger-container{
position: fixed;
z-index: 2000;
bottom: 40px;
right: 0;
}
.chat-trigger-container .inner-content{
overflow: hidden;
display: block;
}
.chat-trigger-container a,
.chat-trigger-container a:hover,
.chat-trigger-container a:active{
text-decoration: none;
color: inherit;
}
.chat-trigger-container .chat-icon-container{
border-radius: 50%;
border: 4px solid #00AFD0;
display: inline-block;
vertical-align: middle;
width: 65px;
height: 65px;
background-color: #FFF;
z-index: 2;
position: relative;
text-align: center;
}
.chat-trigger-container .chat-trigger-description{
display: inline-block;
margin-top: 10px;
margin-bottom: 10px;
color: #FFF;
font-family: "unicredit-medium";
font-size: 16px;
overflow: hidden;
width: 40px;
margin-left: -40px;
padding-left: 20px;
vertical-align: middle;
z-index: 1;
height: 48px;
-webkit-transition-property: width;
-moz-transition-property: width;
-o-transition-property: width;
transition-property: width;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
}
.chat-trigger-container:hover .chat-trigger-description,
.chat-trigger-container:focus .chat-trigger-description{
width: 187px;
}
.chat-trigger-container .chat-trigger-description .chat-trigger-text{
background-color: #00AFD0;
line-height: 16px;
padding: 8px 24px;
z-index: 1;
white-space: nowrap;
}
.chat-trigger-container .chat-icon-container .icon{
color: #00AFD0;
font-size: 36px;
text-align: center;
line-height: 60px;
position: relative;
}
/* fix trigger in modale */
.modal.in .modal-dialog {
transform: none !important; /* override of other css with !important rules */
}
/* END Chat Trigger */
/* inizio tutorial carousel - 29/06/2016 - ee38938 */
.tutorial-carousel-main_content {
position: relative;
z-index: 100;
}
.tutorial-carousel-wrapper {
top: 80px;
text-align: center;
position: absolute;
color: #fff;
width: 100%;
}
/* modified for defect 3417 - ee38938 20160921 */
.tutorial-carousel-backplain {
opacity: 0.8;
background-color: #000;
z-index: 1;
}
.tutorial-carousel-frontplain {
z-index: 10;
}
.tutorial-carousel-open {
cursor: pointer;
margin-left: 15px;
position: absolute;
font-size: 46px;
}
.tutorial-carousel-open:after {
font-family: 'UC-Misc_02';
content: "\e93c";
}
.tutorial-carousel-close {
background: url(/etc/designs/gimb/img/close-white.png) no-repeat right top;
width: 40px;
height: 25px;
position: absolute;
top: 33px;
right: 28px;
float: right;
}
.tutorial-carousel-title {
padding-bottom:20px;
margin-bottom: 0px;
}
.tutorial-carousel-icons,
.tutorial-carousel-images {
/*max-height: 110px;
min-height: 110px;
margin-top: 40px;
margin-bottom: 40px;*/
}
.tutorial-carousel-images img {
max-width: 100%;
}
.tutorial-carousel-textbody {
vertical-align: middle;
/*display: table;*/
/*margin: 70px 20px;*/
padding: 70px 20px;
margin: 0px 0px;
}
.tutorial-carousel-textbody div {
/*display: table-cell;*/
vertical-align: middle;
/*word-break: break-all;*/
}
.tutorial-carousel-icons span {
margin: 0 20px;
font-size: 110px;
vertical-align: middle;
}
.tutorial-carousel-wrapper .tutorial-step-counter {
margin-top: 36px;
margin-bottom: 36px;
height: auto;
}
.bg-title.tutorial-carousel-bg-title h2 {
display: none;
}
.bg-title.tutorial-carousel-bg-title {
transition-property: height;
transition-duration: 0.2s;
}
/* new for defect 3418 - ee38938 20160921 */
.tutorial-carousel-navigator a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
color: #fff;
font-size: 30px;
}
/* new for defect 3418 - ee38938 20160921 */
.tutorial-carousel-navigator .ico-misc-arrow-left {
left: 10px;
}
/* new for defect 3418 - ee38938 20160921 */
.tutorial-carousel-navigator .ico-misc-arrow-right {
right: 10px;
}
/* new for defect 3418 - ee38938 20160921 */
.tutorial-carousel-content {
margin-right: 30px;
margin-left: 30px;
}
/* fine tutorial carousel - 29/06/2016 - ee38938 */
/* inizio step counter per tutti i tutorial - 29/06/2016 - ee38938 */
.tutorial-step-content-wrapper { /* modified for limit 5 rows of baloon - ee38938 20160921 */
padding-left: 20px;
padding-right: 20px;
/*max-height: 111px;*/
/*text-overflow: ellipsis;*/
overflow: hidden;
word-wrap: break-word;
}
.tutorial-step-content-wrapper div:not(.gimbHowToBoxAlt):not(.header4) { /* new for limit 5 rows of baloon - ee38938 20160921 */
/* max-height: 7em;*/ /* remove for GOLIVE to GT - ee38938 20161018 */
}
.tutorial-step-counter {
text-align: center;
margin-top: 30px;
height: 30px;
}
.tutorial-step-counter .circle {
display: inline-block;
vertical-align: top;
width: 10px;
}
.tutorial-step-counter .circle.active span:first-child {
background-color: #00aed0;
}
.tutorial-step-counter .circle.disactive span:first-child {
background-color: #666666;
}
.tutorial-step-counter .circle.selected span:first-child {
background-color: #FfFfFf;
}
.tutorial-step-counter .circle span:first-child {
display: block;
width: 14px;
height: 14px;
border-radius: 38px 38px 38px 38px;
-webkit-border-radius: 38px;
-moz-border-radius: 38px;
padding: 0;
margin: 0 auto;
}
.tutorial-step-counter .sep {
margin-left: 20px;
}
/* modified for defect 3417 - ee38938 20160921 */
.joyride-content-wrapper .tutorial-step-counter .circle span:first-child {
width: 7px;
height: 7px;
margin-top: -3px;
}
/* fine step counter per tutti i tutorial - 29/06/2016 - ee38938 */
/*START CR DIGITAL SIGNATURE WIZARD BUTTON WITH TOOLTIP 20160601 -ee40576*/
.button-with-tooltip-wrapper{
float:right;
margin-right:10px;
}
.button-with-tooltip-wrapper:nth-child(1){
margin-right:0px;
}
.button-with-tooltip-wrapper .ui-wizard-nav-next{
float:none;
}
/*END CR DIGITAL SIGNATURE WIZARD BUTTON WITH TOOLTIP 20160601 -ee40576*/
/*TRANSACTION LIST*/
/* begin commonization - 14-06-2016 - ee40558 */
/*balances*/
/*
Two main balances
First Balance: Net Balance (for Italy), Available balance (for Austria)
Second Balance: Available balance (for Italy), Net Balance (for Austria)
*/
/* investments_AT - 08-11-2016 - ee40558 */
.firstBalance, .secondBalance, .singleSummary {
padding: 7px 20px 0px;
vertical-align: top;
display: inline-block;
}
.firstBalance{
color: #999999;
}
.secondBalance {
color: #00afd0;
border-left: 1px solid transparent;
}
/* investments_AT - 08-11-2016 - ee40558 */
.singleSummary{padding: 0;}
.singleSummary.type1{padding-top: 7px;}
.singleSummary.type2{padding-top: 4px;}
.secondBalance span,
.firstBalance span,
.singleSummary span
/* investments_AT - 08-11-2016 - ee40558 */
{display: table-cell;}
.firstBalance span.label,
.secondBalance span.label,
.singleSummary span.label
/* investments_AT - 08-11-2016 - ee40558 */
{
display: block;
font-size: 14px;
padding: 0 0 5px;
font-weight: normal;
text-align: right;
line-height: 18px;
color: #999999;
}
/* ux_at_review_mediumbase_part1_alessandras_answers.pptx - 17-11-2016 - ee40558 */
.secondBalance span.label,
.singleSummary.type3 {
color: #00afd0;
}
/* investments_AT - 08-11-2016 - ee40558 */
.singleSummary.type1 span.label {
font-size: 1.8rem;
}
.singleSummary span.label {
/* float: right; */
padding: 0;
line-height: normal;
}
.secondBalance span.number,
.firstBalance span.number,
.singleSummary span.number
/* investments_AT - 08-11-2016 - ee40558 */
{
height: 50px;
font-family: 'unicredit-light';
transition: all 0.7s;
vertical-align: bottom;
}
/* investments_AT - 08-11-2016 - ee40558 */
.singleSummary > *{
height: auto;
float:right;
}
.singleSummary.type1 span{
color:#00afd0;
}
.singleSummary span.number{
clear:both;
font-weight: bold;
}
.singleSummary.type2 span.number{
height:auto;
font-size: 1.6rem;
position: static;
}
.firstBalance span.integer-part {
font-size: 2.2em;
line-height: 1.2em;
}
/* ux_at_review_mediumbase_part1_alessandras_answers.pptx - 17-11-2016 - ee40558 */
.secondBalance span.integer-part,
.singleSummary.type3 span.integer-part {
font-size: 4.2rem;/*commonizzation austria - 09062016 - ee40558 */
}
/* investments_AT - 08-11-2016 - ee40558 */
.singleSummary span.integer-part {
font-size: 3.4rem;/*commonizzation austria - 09062016 - ee40558 */
}
/* investments_AT - 08-11-2016 - ee40558 */
.secondBalance span.decimal,
.firstBalance span.decimal,
.singleSummary span.decimal{
font-size: 2.4rem;
white-space: nowrap;
}
.firstBalance .detail-label-no-image {
color: #7F8585;
display: block;
font-size: 16px;
padding-top: 11%;
}
.secondBalance a.availableBalanceIcon,
.singleSummary .infoIcon
/* investments_AT - 08-11-2016 - ee40558 */
{
color: #00afd0;
font-size: 18px;
padding-left: 12px;
float: right;
display: block;
text-decoration: none;
clear: both;
outline: none;
}
/* investments_AT - 08-11-2016 - ee40558 */
.singleSummary .infoIcon{
font-size: 1.4rem;
color:#666;
padding-left: 5px;
}
/* other balances menu */
.otherBalances {
display: inline-block;
}
.secondBalance.selected {
background-color: #f5f5f5;
border-left: 1px solid #CCC;
}
.otherBalancesContainer {
background-color: #f5f5f5;
height: auto;
width: 30%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
/**/
z-index: 2;
/* margin-top:-5px; */ /* commonization purposes - 05-07-2016 - ee40558 */
/**/
position: absolute;
right: 0px;
display: none;
font-family: 'unicredit-light';
font-weight: normal;
font-size: 1.6rem;
color: #999999;
}
.otherBalancesContainer .title{
font-size: 2.8rem; /* commonization purposes - 05-07-2016 - ee40558 */
font-family: 'unicredit-light';
font-weight: bold;
display: block;
color: #00AFD0;
line-height: 70px; /* commonization purposes - 05-07-2016 - ee40558 */
}
.otherBalancesBox {
font-family: 'unicredit-medium';
border-bottom: 1px solid #CCC;
padding: 2% 5%;
display: table;
width: 100%;
}
.otherBalancesBox span.number {
color: #00afd0;
display: block;
float: right;
}
.otherBalancesBox span.label {
color: #00afd0;
display: block;
font-weight: normal;
font-size: 1em;
text-align: left;
padding: 0.2em 0;
}
.otherBalancesBox .accountBalance{
font-size: 3rem;
}
.otherBalancesBox .accountBalance.integer-part{
font-size: 2.2em;
}
.otherBalancesBox .accountBalance.decimal{
font-size: 1.5em;
}
.otherBalancesBox .accountBalance.decimal.currency{
padding-left: 10px;
}
/*end balances*/
.accountOvervievAccountInfoTable{
width: 80%;
text-align: left;
border-bottom: 1px solid #CCC;
line-height: 1.7;
margin-left: 10%;
margin-right: 10%;
}
.overviewAccountInformationLabel{
text-align: center;
color: #999;
line-height: 1.42857143;
font-family: 'unicredit-light';
font-size: 1.3em;
}
.overviewAccountInformationLabelSecondColumn{
color: #262626;
font-size: 1.3em;
text-align: center;
font-family: 'unicredit-light';
font-weight: normal;
}
.overviewAccountInformationLabelIban {
text-align: center;
color: #00afd0 !important;
line-height: 1.42857143;
font-family: 'unicredit-medium' !important;
font-size: 2.4rem !important;
font-weight: normal !important;
}
.accountOverviewContainer{
display: none;
width: 100%;
background: white;
}
/* end commonization - 14-06-2016 - ee40558 */
.accountOverviewHeader,
/* altezza header card overview, item alm 1102 - 11-07-2016 - ee34086 */
.cardOverviewHeader {
position:relative;
line-height: 80px;
text-align: center;
}
/* commonization - 15-06-2016 - ee40558 */
.accountOverviewFooter{
padding: 20px calc((100% - 200px) / 2);
border-top: 1px solid #ccc;
}
/* commonization purposes - 05-07-2016 - ee40558 */
.accountOverviewFooter a,
.accountOverviewFooter a:hover{
font-size: 18px;
font-family:unicredit-regular;
}
/* commonization - 14-06-2016 - ee40558 */
/*type2 used in cards - ee34086 - 22-02-2017 */
.lnk-back:not(.type2) {
margin:0;
top:50%;
left:20px;
position: absolute;
margin-top: -20px;
}
.accountTypology,
/*BEGIN item alm 1102 - 11-07-2016 - ee34086 */
.cardName{
font-family: 'unicredit-regular';
font-size: 40px;
text-shadow: none;
/*END item alm 1102 - 11-07-2016 - ee34086 */
display:block; /* commonization purposes - 05-07-2016 - ee40558 */
}
.accountOverviewAlias,
/*aggiunto selettore per carte, commonizzazione carte italia - 11-07-2016 - ee34086 */
.cardOverviewAlias
{
border-bottom: 1px solid #CCC;
border-top: 1px solid #CCC;
text-align: center;
line-height: 6.4rem;
background-color: #F5FCFC;
vertical-align: middle;
display: inline-block;
width: 100%;
}
/* commonization purposes - 22-06-2016 - ee40558 */
.printable .accountOverviewAlias{
background:none;
border: none;
line-height: initial;
width: auto;
display: inline-block;
}
/* fix inline editing in cards austria - ee34086 - 14-09-2016 */
.accountOverviewAlias [class*='ico-misc'].ui-icon {
text-indent: 0px;
}
.accountOverviewAlias > * {
vertical-align: middle;
}
/* commonization - 14-06-2016 - ee40558 */
.accountOverviewAlias .accountOverviewAlias{
border:none;
}
.accountName{
font-family: 'unicredit-light';
margin-right: 10px;
color: #666;
font-size: 2.4rem;
display: inline-block;
vertical-align: middle;
margin-bottom: 0;/* commonization - 14-06-2016 - ee40558 */
font-weight: normal;/* commonization - 14-06-2016 - ee40558 */
}
/* commonization - 14-06-2016 - ee40558 */
.changeAliasInputText,
input.changeAliasInputText{
vertical-align: middle;
/* allineamento styleguide line editing - ee34086 - 15-11-2016*/
margin-right: 5px;
width: 390px;
display: inline-block;/* commonization - 14-06-2016 - ee40558 */
text-align: left;/* commonization - 14-06-2016 - ee40558 */
padding: 0 9px;
font-size: 2.4rem;/* commonization - 14-06-2016 - ee40558 */
font-family: unicredit-regular;
color: #666;
}
/* commonization purposes - 07-07-2016 - ee40558 */
.accountOverviewAlias .btn-sm-with-icon-standard{
/* allineamento styleguide line editing - ee34086 - 15-11-2016*/
margin-right: 5px;
}
/* commonization purposes - 22-06-2016 - ee40558 */
.printable .changeAliasInputText{
width:auto;
}
.printable label.changeAliasInputText{
padding-left: 0;
vertical-align: middle;
}
.changeAliasInputText[disabled],
input.form-control.changeAliasInputText[disabled]{
background: none;
border: 0;
color: #00afd0;
-webkit-text-fill-color: #00afd0; /* fix per ipad - 30-06-2016 */
font-family: 'unicredit-medium';
}
/* begin commonization - 14-06-2016 - ee40558 */
.editTextButton {
/* rimosso width per allienare la distanza sinistra comed a styleguide - ee34086 - 15-11-2016 */
/* width: 40px; */
height: 40px;
line-height: 40px;
display: inline-block;
/* allineamento styleguide line editing - ee34086 - 15-11-2016*/
color: #666;
font-size: 17px;
}
/* allineamento styleguide line editing - ee34086 - 15-11-2016*/
a.editTextButton:hover,
a.editTextButton:focus,
a.editTextButton:active{
color: #666;
}
/* end commonization - 14-06-2016 - ee40558 */
/* begin commonization purposes - 22-06-2016 - ee40558 */
/* commonization purposes - 07-07-2016 - ee40558 */
/* Da cambiare le cassi, la classi js- devono essere esclusive solo per il javascript, non devono avere stile ee34086 */
.js-saveAliasIcon, .js-cancelAliasIcon {
display:inline-block;
visibility:hidden;
}
/* commonization purposes - 07-07-2016 - ee40558 */
/* Da cambiare le cassi, la classi js- devono essere esclusive solo per il javascript, non devono avere stile ee34086 */
.printable .js-cancelAliasIcon {
visibility:visible;
}
.section-alias{
display: table;
width: 70%;
padding-bottom: 20px;
margin: 0;
}
.section-alias > .summary-row{
display: table-row;
vertical-align: middle;
}
.section-alias > .summary-row > label{vertical-align: middle;margin-right: 10px;}
/* end commonization purposes - 22-06-2016 - ee40558 */
.ocAccInfoIbanDiv {
text-align: center;
}
/* begin commonization - 14-06-2016 - ee40558 */
.overviewAccountInformationLabelIban {
text-align: center;
color: #00afd0 !important;
line-height: 1.42857143;
font-family: 'unicredit-medium' !important;
font-size: 2.4rem !important;
font-weight: normal !important;
}
.ocAccInfoIbanSpan {
font-family: 'unicredit-medium';
margin-left: 5px;
font-size: 3.8rem;
}
/* commonization - 14-06-2016 - ee40558 */
.groupChilds span:not(:first-child) {
margin-left: 5px;
}
.ocAccInfoFirstCol{
width:20%;
}
.ocAccInfoSecCol{
width:40%;
}
/* end commonization - 14-06-2016 - ee40558 */
/**/
/*SAVINGS*/
.nav-tabs-tabslider {
display: inline-block;
margin: 0 0 0 -30px;
padding: 0;
}
.nav-tabs-tabslider li {
background-color: #e5e5e5;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
text-align: center;
float: left;
padding: 0;
width: 270px;
height: 80px;
}
.nav-tabs-tabslider li a.arrowLink {
display: block;
position: absolute;
top: 0px;
padding: 0px;
right: -30px;
}
/* commonization - 14-06-2016 - ee40558 */
.btn_show_more_info{
width: 30px;
height: 80px;
vertical-align: middle;
display: inline-block;
background-color: #00afd0;
font-size: 2rem;
color: #fff;
position: relative;
}
/* commonization - 14-06-2016 - ee40558 */
.btn_show_more_info span{
position:absolute;
top:50%;
left: 50%;
margin: -10px 0 0 -10px;
color: #fff;
}
/* commonization - 14-06-2016 - ee40558 */
.btn_show_more_info .ico-misc-arrow-up{
display:none;
}
/* commonization - 14-06-2016 - ee40558 */
.btn_show_more_info.selected .ico-misc-arrow-up{
display:block;
color: white;
}
/* commonization - 14-06-2016 - ee40558 */
.btn_show_more_info.selected .ico-misc-arrow-down{
display: none;
}
/* end commonization - 14-06-2016 - ee40558 */
.cards_wrapper .searchBarContainer {
position: relative;
padding: 16px 15px;
background-color: #f5fcfc;
margin: 0;
height: 72px;
}
.cards_wrapper .cards-search-bar {
border-bottom: 1px solid #ccc;
}
#injectedContent .transactionlist_wrapper,
#injectedContent .finprod_wrapper_class,
#injectedContent .cards_wrapper {
position: relative;
top: -80px;
margin-bottom: -81px; /* commonization - 14-06-2016 - ee40558 */
}
/* begin commonization purposes - 22-06-2016 - ee40558 */
th.column-description,
th.column-date,
.ui-datatable thead th.column-description,
.ui-datatable thead th.column-date{
text-align: left;
}
th.column-amount,
.ui-datatable thead th.column-amount,
td.column-amount,
.ui-datatable td.column-amount,
.accordion_datatable table:not(.ui-datepicker-calendar) thead th.column-amount,
.accordion_datatable table:not(.ui-datepicker-calendar) td.column-amount
{
text-align: right;
}
th.booking-date,
.ui-datatable thead th.booking-date,
td.booking-date,
.ui-datatable thead td.booking-date,
.accordion_datatable table:not(.ui-datepicker-calendar) thead th.booking-date,
.accordion_datatable table:not(.ui-datepicker-calendar) td.booking-date{
text-align:center;
}
/* end commonization purposes - 22-06-2016 - ee40558 */
/**/
/*START CR ADDRESS BOOK 20160610 - ee40576*/
/* commonization purposes - 27-07-2016 - ee40558 */
.accordion-details,
.content-details.layout1{
width:100%;
display:table;
margin: 0;
}
.left-details{
display: table-cell;
width:70%;
padding: 0px 20px;
vertical-align:top;
}
.right-details{
display: table-cell;
width:30%;
vertical-align:top;
position: relative; /* for containing absolute elements like bottom buttons - 13-06-2016 - ee34086 */
padding: 0 20px; /* aggiunti padding 20px - ee34086 - 10-01-2017 */
}
/* commonization purposes - 27-07-2016 - ee40558 */
.content-details.layout1 > div{
padding:20px;
}
.row-expanded-container.no-padding{
padding-left:0px;
padding-right:0px;
}
/*aggiunto per contenere le bottom icons in caso di altezza troppo bassa - 13-06-2016 - ee34086 */
.right-details .accordion-action-buttons{
text-align: center;
padding-bottom: 80px;
}
/* ITEM ALM 2285 - ee38964 */
.right-details .accordion-action-buttons .btns-list {
margin-bottom: 15px;
text-align:center;
cursor:pointer;
}
/* commonization purposes - 21-06-2016 - ee40558 */
.right-details .accordion-action-buttons > ul,
.right-details .accordion-action-buttons > ul > li {
padding:0;
list-style-type: none;
}
.right-details .accordion-action-buttons button,
.right-details .accordion-action-buttons a.btn-standard,
.right-details .accordion-action-buttons a.btn-activated {
text-align: center;
margin: 0 auto 15px;
min-width: 220px;
display: block;
}
.right-details .accordion-action-buttons a.btn-standard,
.right-details .accordion-action-buttons a.btn-activated {
display: inline-block; /* fix problema tag a che va al 100% di width - ee34086 - 10-01-2017 */
}
/* accordion type4 (addressbook) */
.type4 .right-details .accordion-action-buttons button {
min-width: 250px;
}
/* aggiunta classe per le icone in basso */
.right-details .accordion-bottom-icons {
/*need position relative in right-details */
position: absolute;
margin: 0 auto;
bottom: 0;
left: 0;
right: 0;
text-align: center;
}
/* commonization purposes - 26102016 - ee40558 */
.icons.group.vertical-view-icons > ul > li{
display:block;
}
.icons.group.vertical-view-icons > ul > li:not(:last-child){
margin-bottom: 40px;/* investments_AT - 08-11-2016 - ee40558 */
}
.icons.group.vertical-view-icons > ul a{
margin:0 auto;
}
/* commonization purposes - 21-06-2016 - ee40558 */
ul.icons.group,
.icons.group > ul{
margin: 0;
padding: 0;
}
/* begin commonization purposes - 21-06-2016 - ee40558 */
ul.icons.group > li,
.icons.group > ul > li,
.icons.group > .icon-item {
list-style-type: none;
display: inline-block;
/* allineamento ALM item 1195 - 14-07-2016 - ee38964 */
padding: 0 20px;
vertical-align: top;/* commonizzation - 18072016 - ee40558 */
}
/* commonization purposes - 22-06-2016 - ee40558 */
.container-fluid > .load_more_container .icons.group li:last-child,
/* aggiunto selettore per data-footer-row vedi TL italia - 23-06-2016 - ee34086 */
.data-footer-row .icons.group li:last-child,
.icons.group > .icon-item:last-child,
.section-container.icons.group li:last-child
{
padding-right:0;
}
.icons.group a {
display: block;
color: #999;
/* commonizzation - 18072016 - ee40558 */
font-size: 4rem;
text-decoration: none;
outline: none;
color: #666; /* commonization purposes - 05-07-2016 - ee40558 */
max-width: 70px;/* commonizzation - 18072016 - ee40558 */
vertical-align: top;/* commonizzation - 18072016 - ee40558 */
}
/* commonizzation - 18072016 - ee40558 */
.icons.group a > *{
display:block;
margin: 0 auto;
}
.icons.group a > *:first-child {/*REGRESSION TEST REQUIRED*/
/* commonizzation - 18072016 - ee40558 */
font-size: 3rem;
text-align: center;
/* uso le stesse linee guida delle icone dell'action bar - 23-06-2016 - ee34086 */
height: 30px;
line-height: 30px;
}
.icons.group a > span:not([class]) {
/* commonizzation - 18072016 - ee40558 */
text-transform: uppercase;
font-size: 1.4rem;
/* ITEM ALM 2284 - ee38964 */
font-family: 'unicredit-medium';
margin-top: 10px;
/* commonization purposes - 05-07-2016 - ee40558 */
/* uso le stesse linee guida delle icone dell'action bar - 23-06-2016 - ee34086 */
line-height: 11px;
text-align: center;/* commonizzation - 18072016 - ee40558 */
}
/* end commonization purposes - 21-06-2016 - ee40558 */
/*END CR ADDRESS BOOK 20160610 - ee40576*/
/* commonization purposes - 22-06-2016 - ee40558 */
.container-fluid > .load_more_container{
line-height: 60px;
overflow: hidden;
height: 62px;
margin-top: 30px;
margin-bottom: 40px; /*ITEM ALM 951 20160804 - ee40576 */
text-align: center;
background: white;
padding: 0;
}
.container-fluid > .load_more_container .icons.group{
text-align: right;
line-height: normal;
position: relative;
top: 5px;
}
/* inizio faq - 15/06/2016 - ee38938 */
.faq-category-wrapper .faq-category {
padding: 0px 0px 20px 0px; /* modified for add space after category list - defect 3590 - ee38938 20160921 */
}
.faq-search {
margin-right: auto;
margin-left: auto;
width: 600px;
}
.highlight {
color: #00afd0;
}
/* inizio overwrite jquery autocomplete perche' gia' definito in primefaces */
.faq-search-form .ui-widget-content {
border: 1px solid #dddddd;
background-color: #f5f5f5;
}
.faq-search-form .ui-menu {
padding: 0;
}
.faq-search-form .ui-autocomplete {
position: absolute;
max-height: 280px;
overflow-y: auto;
}
.faq-search-form .ui-front {
z-index: 100;
}
.faq-search-form ul.ui-autocomplete li.ui-menu-item {
line-height: 1.42857143;
}
.faq-search-form .ui-menu .ui-menu-item {
padding: 3px 1em 3px .4em;
padding-left: 42px;
}
.faq-search-form .ui-state-focus {
background: #333 50% 50% repeat-x;
color: #fff;
}
/* fine overwrite jquery autocomplete perche' gia' definito in primefaces */
.faq-resulthd {
padding-bottom: 14px;
}
.faq-resultbd .titleBar {
line-height: 65px;
}
.faq-result-form {
width: 406px;
float: right;
}
.faq-result-search-item .faq-link {
position: absolute;
right: 0;
padding-right: 14px;
text-decoration: none;
}
.faq-result-search-item .faq-link::after {
content: url("../img/ico-arrow-right-small.png");
display: inline-block;
position: absolute;
top: 0;
right: 0;
}
.faq-resultbd li {
position: relative;
}
.faq-resultbd ul {
list-style: none;
padding: 0px;
}
.faq-result-search-wrapper .faq-result-search-item {
padding-bottom: 30px;
margin-bottom: 10px;
}
.faq-relatedContent {
margin-top: 40px;
padding-top: 40px;
padding-bottom: 20px;
}
.faq-relatedContent ul {
list-style: none;
padding-left: 0px;
}
.faq-content .title2 {
margin-bottom: 15px;
}
.faq-content .title1 {
padding-bottom: 20px;
}
.faq-result-search-item .title2 {
margin-bottom: 15px;
margin-top: 0px;
}
.faq-result-search-wrapper {
padding-top: 20px;
}
.faq-relatedContent-excepterror {
word-wrap: break-word;
background-color: #EA5C4D;
}
.faq-title-link {
cursor:pointer;
}
/* new for add space before - on category list - defect 3590 - ee38938 20160921 */
.faq-category .fa-chevron-down:after {
content: '\00a0';
font-size: 1.6rem;
font-family: unicredit-regular;
}
/* new for add space before baloon - defect 3590 - ee38938 20160921 */
.faq-wrapper {
padding-bottom: 0px;
}
.faq-wrapper .faq-search .margin-bottom-sm{
margin-bottom:40px;
}
/*TEMPORARY FIX: Remove Classes content-md-top-padding-wrapper from CQ5 Pages*/
.faq-wrapper .group-categories-col .content-md-top-padding-wrapper{
padding-top:0px;
}
.faq-wrapper .faq-category-wrapper .faq-category:last-child{
padding-bottom:0px;
}
.faq-wrapper .group-categories-col{
padding-bottom:40px;
}
.faq-wrapper .group-categories-col h3{
margin-top:0px;
}
/* fine faq - 15/06/2016 - ee38938 */
/* commonization purposes - 28-06-2016 - ee40558 */
.phoneNumberSection{
margin: 0 auto 20px;/* commonization purposes - 07-07-2016 - ee40558 */
width: 246px;
}
/* inizio joyride override per tutti i tutorial - 29/06/2016 - ee38938 */
.joyride-tip-guide {
/* max-height: 300px; eliminated for production incident IM03071303 - 13/12/2016 - ee38938 */
width: 215px;
border-radius:inherit;
background: rgb(250,250,250);
z-index: 2101;
color: inherit;
}
/* modified for defect 3418 - ee38938 20160921 */
.joyride-content-wrapper {
padding: 25px 0px 0px 0px;
}
.joyride-tip-guide .btn-activated
{
padding: 0px 20px;
margin-bottom: 10px;
}
.joyride-close-tip {
position: absolute;
top: 10px;
right: 10px;
color: #333333 !important;
font-size: 14px;
}
.joyride-close-tip:hover {
color:#333333 !important;
}
/* modified for defect 3418 - ee38938 20160921 */
.joyride-tip-guide .joyride-prev-tip {
float: left;
margin-left: 20px;
}
/* modified for defect 3418 - ee38938 20160921 */
.joyride-tip-guide .joyride-next-tip {
float: right;
margin-right: 20px;
}
/* modified for defect 3417 - ee38938 20160921 */
.joyride-modal-bg {
z-index: 2100;
opacity: 0.8;
background: #333;
}
.joyride-expose-wrapper {
z-index: 2102;
}
.joyride-expose-cover {
z-index: 10000;
}
/* modified for defect 3417 - ee38938 20160921 */
.joyride-tip-guide span.joyride-nub.top,
.joyride-tip-guide span.joyride-nub.bottom,
.joyride-tip-guide span.joyride-nub.left,
.joyride-tip-guide span.joyride-nub.right
{
border-color: rgba(250,250,250,0.99) !important;
}
.joyride-tip-guide span.joyride-nub.top {
border-left-color: transparent !important;
border-right-color: transparent !important;
top: -10px;
}
.joyride-tip-guide span.joyride-nub.bottom {
border-left-color: transparent !important;
border-right-color: transparent !important;
bottom: -10px;
}
.joyride-tip-guide span.joyride-nub.right {
border-top-color: transparent !important;
border-bottom-color: transparent !important;
right: -10px;
}
.joyride-tip-guide span.joyride-nub.left {
border-top-color: transparent !important;
border-bottom-color: transparent !important;
left: -10px;
}
/* new for defect 3418 - ee38938 20160921 */
.joyride-tip-guide .joyride-next-tip,
.joyride-tip-guide .joyride-prev-tip {
color: #666;
font-size: 0px;
border: 0px;
padding: 0px 0px;
margin-bottom: 10px;
}
/* new for defect 3418 - ee38938 20160921 */
.joyride-tip-guide a.joyride-next-tip:hover,
.joyride-tip-guide a.joyride-prev-tip:hover {
color: #666 !important;
border: none !important;
}
/* new for defect 3418 - ee38938 20160921 */
.joyride-tip-guide a.joyride-next-tip[class*=" ico-misc-"]:after {
content: "\f9";
visibility: visible;
font-size: 16px;
}
/* new for defect 3418 - ee38938 20160921 */
.joyride-tip-guide a.joyride-prev-tip[class*=" ico-misc-"]:before {
visibility: visible;
font-size: 16px;
}
/* new for defect glow effect - ee38938 20160921 */
.joyride-expose-wrapper {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow:none;
}
/* fine joyride override per tutti i tutorial - 29/06/2016 - ee38938 */
/* inizio tutorial primo accesso - 29/06/2016 - ee38938 */
.tutorial-1stlogin-wrapper .media-body {
/* height: 400px; */
/* max-height: 400px; */
padding-bottom: 40px;
}
/* modified for defect 3415 - ee38938 20160921 */
.tutorial-1stlogin-wrapper .media-left {
min-width: 450px;
max-width: 450px;
vertical-align: middle;
}
/* modified for defect 3415 - ee38938 20160921 */
.tutorial-1stlogin-wrapper .media-left img {
width:100%;
height: 100%;
max-height: 400px;
}
.tutorial-1stlogin-wrapper .media-right {
min-width: 300px;
}
.tutorial-1stlogin-wrapper .media-right .body,
.tutorial-1stlogin-wrapper .media-right .link {
width: 80%;
margin-left: 10%;
margin-right: 10%;
margin-top:10px;
position: relative;
}
.tutorial-1stlogin-wrapper .link a {
margin-left: 5px;
margin-top:5px
}
.tutorial-1stlogin-startjoyride-spinner {
background-image: url('/etc/designs/gimb/img/loading_gif_blue.gif');
background-repeat: no-repeat;
background-position: center center;
width: 40px;
height: 40px;
position: absolute;
top: 5px;
left: 45px;
transform: scale(0.8);
}
.tutorial-1stlogin-wrapper .gimbTutorialButton {
display: inline;
}
.tutorial-1stlogin-bodywrapper .sidebar {
z-index: inherit;
margin-top: 0px;
}
.tutorial-1stlogin-bodywrapper .cabecera {
position: inherit;
z-index: inherit;
}
.tutorial-1stlogin-bodywrapper .header-user {
background-color: #E2001A;
}
/* modified for adjust baloon attach point - ee38938 20160921 */
.tutorial-1stlogin-bodywrapper .filterBarContainer_class {
/* z-index: auto !important; */
}
.tutorial-1stlogin-bodywrapper td.column-reference .transaction-part-row.last-part-row {
padding-right: 15px;
}
.tutorial-1stlogin-bodywrapper li.ico-pfmAll-for-popup_class {
margin-left: 25px;
}
/* new for adjust baloon attach point - ee38938 20160921 */
.tutorial1stlogin-actbar > div {
position: relative;
vertical-align: top;
display: table-cell;
}
/* new for defect 3418 - ee38938 20160921 */
.tutorial-1stlogin-bodywrapper .tutorial-carousel-open {
top: 14px;
line-height: 45px;
margin-right: -15px;
}
.tutorial-1stlogin-bodywrapper .accountInformationWrapper,
.tutorial-1stlogin-bodywrapper .cards_wrapper #infoboxContainer { /* add to adjust expose saldi of tutorial cards - ee38938 20170103 */
z-index: auto;
}
/* fine tutorial primo accesso - 29/06/2016 - ee38938 */
/*Start Commonization Spinner Component 20160630 - ee40576*/
.with-spinner-component .ui-blockui {
background-color: white;
opacity: 0.7;
}
.with-spinner-component .ui-shadow {
box-shadow: 0px 5px 10px rgba(0,0,0,0);
}
.with-spinner-component .title-overlay{
display:none;
position: absolute;
top: -70px;
background-color: transparent;
height: 70px;
width: 100%;
}
.ui-dialog.with-spinner-component .title-overlay,.modal.with-spinner-component .title-overlay,
.ui-dialog .with-spinner-component .title-overlay,.modal .with-spinner-component .title-overlay{
display:block;
}
/*End Commonization Spinner Component 20160630 - ee40576*/
/*spostato da icon-font-gimb.css a common.css - ee34086*/
.ico-misc-Icon-ServicesInfo:before {
/* commonization purposes - 05-07-2016 - ee40558 */
font-size: smaller;
line-height: normal;
position: relative;
top: -2px;
}
/* commonizzation - 18072016 - ee40558 */
.btn-with-icon-activated .ico-misc_02-tracking-attivazione:before,
.ui-datatable-data .ui-row-editor .ui-icon-check:before {
content: "\23";
font-size: smaller;
position: relative;
/* commonizzation - 07092016 - ee40558 */
}
.btn-sm-with-icon-standard.ui-button-icon-only .ui-icon.ico-misc-Close,
.btn-sm-with-icon-standard .ico-misc-Close {
margin: 0;
display: initial;
position: relative;
top:0;
left:0;
}
html[data-useragent*='MSIE 10.0'] .btn-sm-with-icon-standard:active .ico-misc-Close{
top:-1px;
left:-1px;
}
/* commonizzation - 18072016 - ee40558 */
.btn-sm-with-icon-standard .ico-misc-Close:before,
.ui-datatable-data .ui-row-editor .ui-icon-close::before {
content: "\44";
font-size: large;
line-height: 38px;
vertical-align: top;
font-weight: bold;
}
/* commonizzation - 18072016 - ee40558 */
/* icons editable datatable: */
.ui-datatable-data .ui-row-editor .ui-icon {
text-indent: 0px;
width: 40px;
height: 40px;
position: relative;
}
.ui-datatable-data .ui-row-editor .ui-icon:before {
display: block;
width: 40px;
position: absolute;
left: 0;
top: 0;
text-align: center;
line-height: 40px;
}
.ui-datatable-data .ui-row-editor .ui-icon-pencil,
.ui-datatable-data .ui-row-editor .ui-icon-check,
.ui-datatable-data .ui-row-editor .ui-icon-close {
font-family: 'UC-Misc';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ui-datatable-data .ui-row-editor .ui-icon-pencil::before{
content: "\45";
color: #00AFD0;
line-height: 40px;
}
/* BEGIN: aggiunto classi generiche per il break word - 06-07-2016 - ee34086 */
.txt-break-all{
word-break: break-all;
}
.txt-break-word{
word-break: break-word;
overflow-wrap: break-word;
word-wrap: break-word;
}
.txt-break-word-hyphens{
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
/* END: aggiunto classi generiche per il break word - 06-07-2016 - ee34086 */
/*aggiunta classe di helper per centrare gli elementi block - 07-07-2016 - ee34086 */
.div-center{
margin: 0 auto;
}
/* bubble component */
/* ballons behavior on 'how can we help you' page */
.balloon-container.private .balloons-for-private{
display: block;
}
.balloon-container.private .balloons-for-retail{
display: none;
}
.balloon-container.retail .balloons-for-private{
display: none;
}
.balloon-container.retail .balloons-for-retail{
display: block;
}
.ballonContainer{
/* item alm 1030 - 25-07-2016 - ee34086 */
/* padding-top: 40px; */
}
/* baloon contact */
.ballonContainer {
margin-top: 50px;
margin-bottom: 50px;
overflow: hidden;
width: 841px;
margin: 0 auto;
}
.item-baloon {
padding-top: 17px;
text-align: center;
height: 220px;
max-height: 229px;
overflow-y: hidden;
background: #f5f5f5;
margin-bottom: 30px;
width: 220px;
padding: 20px 20px 10px 20px;
float: left;
margin-left: 30px;
margin-right: 30px;
border-radius: 100%;
}
.item-baloon .icon_wrapper img{
max-width: 30px;
max-height: 30px;
}
.item-baloon .icon_wrapper{
font-size: 26px;
}
.item-baloon .baloon_element_text p{
padding: 0;
margin: 0;
line-height: normal;
}
.baloon_element_head {
font-family: unicredit-medium;
font-size: 20px;
line-height: normal;
color: #333;
padding-bottom: 20px;
max-width: 140px;
margin: 0 auto;
}
.baloon_element_text {
font-family: arial;
color: #666;
line-height: 1;
padding-top: 8px;
font-size: 14px
}
/* inizio tutorial howto - 06/07/2016 - ee38938 */
.tutorial-howto-start-onmodal {
position: relative;
float: right;
right: 20px;
top: 20px;
height: 0px;
z-index: 100; /* to fix bug on modal where title overvrite engagment anchor - 20170606 ee38938 */
}
.cardsInstalmentLink_class .tutorial-howto-start {
padding-top: 8px;
}
.tutorial-howto-start a div {
display:table-cell;
vertical-align: middle;
/* height: 24px; */
}
.tutorial-howto-start a div:nth-child(2) {
text-align: left;
width: 79px;
line-height: 12px;
font-size: 14px;
}
.ico-misc_02-tutorial-howto:before {
content: "\e93d";
font-size: 24px;
/* line-height: 40px; */
}
.tutorial-howto-modalbg {
opacity: 0.8;
width: 100%;
position: fixed;
height: 100%;
top: 0;
left: 0;
background-color: #000;
display: none;
}
.tutorial-howto-wrapper .main_content {
background-color: transparent;
}
.tutorial-howto-wrapper .cardsWizardContainer_class {
transform: none;
}
.tutorial-howto-wrapper .sidebar,
.tutorial-howto-wrapper .cabecera {
position: static;
}
.tutorial-howto-wrapper .logo-home {
z-index: 0;
}
/* modified for defect 3417 - ee38938 20160921 */
.tutorial-step-content-wrapper .header4 {
padding-top: 0px;
}
.tutorial-howto-step {
position: relative;
top: -80px;
}
.tutorial-howto-step .main_content {
margin: 0px 0px;
}
.tutorial-howto-step .main_content .cardsInstalmentTableContainer_class /* prevent space inline problem */
{
font-size:0px;
}
.tutorial-howto-modal {
position: relative;
top: -120px;
left: -10px
}
.tutorial-howto-footer-modal {
opacity: 0.1;
}
/* fine tutorial howto - 06/07/2016 - ee38938 */
/* inizio blocco click convulsivo e spinner per page inject - 14/07/2016 - ee38938 */
.inject-lockclick {
position: fixed;
height: 100%;
width: 100%;
background: transparent;
z-index: 9000;
}
.inject-spinner-lockclick {
top: 0px;
left: 0px;
position: absolute;
height: 100%;
width: 100%;
background: white;
opacity: 0.7;
z-index: 890;
min-width: 930px; /* min-width come #injectedContent*/
}
.modal .inject-spinner-lockclick,
.ui-dialog.ui-overlay-visible .inject-spinner-lockclick{
min-width: 0;
}
.inject-spinner-fixed.blue-spinner {
position:fixed;
top:50%;
left: 50%;
margin-left: -16px; /* centrato orizzontalmente width: 32px - ee34086 - 08-11-2016 */
z-index: 900;
}
.inject-spinner-absolute.blue-spinner {
position:absolute;
top:50%;
left: 50%;
margin-left: -16px; /* centrato orizzontalmente width: 32px - ee34086 - 08-11-2016 */
z-index: 900;
}
.injectedContent-inject-spinner {
position: relative;
}
/* fine blocco click convulsivo e spinner per page inject - 14/07/2016 - ee38938 */
/* begin block commonizzation - 18072016 - ee40558 */
/*SEARCHBAR: INPUT TAGS & CALENDAR*/
.common-search{
position: relative;
padding-top: 16px;
padding-bottom: 16px;
margin: 0px;
box-sizing: border-box;
height: 72px;
width:100%;
display: table;
}
.common-search .fluid-search-container{
vertical-align: top;
display: table-cell;
position: relative;
}
/* commonizzation - 19072016 - ee40558 */
.common-search .fluid-search-container > div{
position:absolute;
width: 100%;
}
.common-search .fluid-calendar-container{
display: table-cell;
width: 40px;/* commonizzation - 19072016 - ee40558 */
vertical-align: top;
}
/* commonization purposes - 27-07-2016 - ee40558 */
.common-search .fluid-buttons-container{
display: table-cell;
width: 96px;/* commonizzation - 09092016 - ee40558 */
vertical-align: top;
white-space: nowrap;
}
.common-search .fluid-buttons-container{
white-space: initial;
}
.common-search .fluid-buttons-container > *{
display: inline-block;
white-space: nowrap; /* commonizzation - 07092016 - ee40558 */
}
/* commonizzation - 07092016 - ee40558 */
.common-search .fluid-buttons-container > * > *{
white-space: initial;
vertical-align: top;
display: inline-table;
}
/* commonizzation - 12092016 - ee40558 */
.common-search .tagstring,
.payments div.tagsinput span.tag span:first-child{
max-width: 60px;
font-size: 1.4rem;
text-overflow: ellipsis;
font-family: unicredit-medium;
display: block;
overflow: hidden;
line-height: 2.8rem!important;
cursor: pointer; /* CR GMBEV-38 - 20170224 ee38938 */
}
/* commonizzation - 12092016 - ee40558 */
.common-search .tagContainerClass, .payments .common-search .tagsinput{
height: 100%!important;
list-style-type: none;
overflow: hidden;
display: block;
background-attachment: initial;
white-space: nowrap;
margin: 0;
direction: rtl;
list-style: outside none none;
padding: 0px;
min-height: 100%!important;
position: static;
z-index: initial;
}
.payments .common-search .tagsinput{
/* direction:ltr; */
}
/* commonizzation - 12092016 - ee40558 */
.tag_formatting,
.payments div.tagsinput span.tag {
background-color: #666!important;
text-transform: uppercase!important;
width: auto!important;
position: relative!important;
padding: 0 27px 0 8px!important;
color: #FFF!important;
margin: 5px 3px!important;/* commonization purposes - 27-07-2016 - ee40558 */
list-style-type: none!important;
display: inline-block!important;
border-radius: 5px!important;
direction: ltr!important;
line-height: 2.8rem!important;
font-size: initial!important;
border: initial!important;
float: initial!important;
height: 2.8rem!important;
}
/* commonizzation - 12092016 - ee40558 */
.tag_formatting .ico-misc-Close,
.payments div.tagsinput span.tag a{
position: absolute;
border: 0px none;
top: 9px;
font-weight: normal !important;
font-size: 1rem !important;
font-weight: bold !important;
right: 8px !important;
/* line-height fix in IE11 - ee34086 - 16-12-2016 */
line-height: normal !important;
overflow: hidden;
}
/* commonizzation - 12092016 - ee40558 */
.payments div.tagsinput span.tag a {
font-family: 'UC-Misc' !important;
speak: none;
font-style: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #666!important;
}
/* commonizzation - 12092016 - ee40558 */
.payments div.tagsinput span.tag a:before {
content: "\44";
position: absolute;
top: 0;
left: 0;
color: #fff;
}
/* commonizzation - 12092016 - ee40558 */
.payments .tags_clear{
display:none;
}
.type-zone{
border: 0px none !important;
width: 96%;
display: inline-block;
position: absolute;
border-radius: 5px;
height: 38px;
text-align: left;
cursor: default;
box-sizing: border-box;
background-color: transparent;
font-family: "unicredit-medium";
text-transform: uppercase;
line-height: 38px;
color: #666;
font-size: 16px;
}
/* commonization purposes - 27-07-2016 - ee40558 */
.searchContainer.common .searchbar
{
display: block;
height: 100%;
max-width: calc(100% - 220px);
float: left;
overflow: hidden;
}
/* commonization purposes - 27-07-2016 - ee40558 */
.searchContainer.common
{
border-radius: 5px;
display: block;
background-color: #FFF;
/* commonization purposes - 26-09-2016 - ee40558 */
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
border: 1px solid #CCC;
position: relative;
height: 40px;
margin: 0!important; /* commonizzation - 07092016 - ee40558 */
overflow: hidden;
padding-left: 40px;
white-space: nowrap;
/* commonization purposes - 26-09-2016 - ee40558 */
}
/* commonization purposes - 26-09-2016 - ee40558 */
.searchContainer.common:after{
clear:both;
content:"";
}
/* .solvePosBug.searchContainer.common{ */
/* padding-left:0; */
/* } */
.solvePosBug.searchContainer.common > .input-container.inputSearch{
display: none;
}
.searchContainer label .desc{
display:none;
}
.fluid-search-container .ico-misc-Search{
font-size: 2rem;
width: 38px;
height: 38px;
display: block;
left: 1px;
top: 1px;
position: absolute;
}
.fluid-search-container .ico-misc-Search:before{
border-radius: 5px 0 0 5px;/* commonizzation - 19072016 - ee40558 */
background: #fff;
width: 100%;
height: 100%;
display: block;
padding: 8px 0 0 8px;
}
ul.searchbar-container li {
position: relative;
text-align: left;
vertical-align: middle;
margin-right: 10px;
}
.common-search .input-container{max-width: 150px;display: block;float: left;overflow: hidden;height: 100%;}
.common-search .input-container input[type="text"]{
position: absolute;
height: 100%;
font-family:Arial;
background: white;/* commonizzation - 19072016 - ee40558 */
}
.calendar-container .ui-datepicker-header,
.calendar-container .ui-datepicker-header.ui-helper-clearfix{
display: block; /*fix problema in produzione calendario archivio bonifici IE11 - ee34086 - 19-12-2016*/
}
/* commonization purposes - 27-07-2016 - ee40558 */
dl.layout1{
margin-bottom:0
}
/* commonization purposes - 27-07-2016 - ee40558 */
dl.layout1 dd:not(:last-child){
padding-bottom:30px
}
/* fix eshop token layout */
.media-right .tokens{
min-width: 120px;
}
/* BEGIN componente generic message come da styleguide elemento 6.4 generic message pagina 178 - 02-08-2016 - ee34086 */
.uc-generic-info-message{
text-align: center;
margin-bottom: 20px;
padding-left: 30px;
padding-right: 30px;
}
.modal .uc-generic-info-message{
padding-left: 40px;
padding-right: 40px;
}
.uc-generic-info-message .ico-container{
font-size: 60px;
height: 60px;
margin-bottom: 20px;
margin-top: 20px;
color: #666;
}
.uc-generic-info-message .icon-generic-message{
font-family: 'UC-Misc_02';
}
.uc-generic-info-message .icon-generic-message:before {
content: "\e943";
}
.uc-generic-info-message .ico-container > span {
color: #666;
}
.uc-generic-info-message .header4{
display:block;
margin-bottom: 20px;
color: #666;
line-height: 24px;
}
.uc-generic-info-message .text-body2,
.uc-generic-info-message .text-body1{
font-family: 'unicredit-regular';
color: #666;
font-size: 14px;
margin-bottom: 40px;
}
/* END componente generic message come da styleguide elemento 6.4 generic message pagina 176 - 02-08-2016 - ee34086 */
/*Start Dropdowns Types Commonization 20160801 - ee40576 */
.ui-selectonemenu.type_a .ui-selectonemenu-panel,
.ui-selectonemenu.type_b .ui-selectonemenu-panel{
width:100%;
}
.ui-selectonemenu.type_c{
width:190px !important;
}
.ui-selectonemenu.type_c .ui-selectonemenu-panel,
.ui-selectonemenu-panel.type_c{
min-width:190px;
max-width:257px;
}
.ui-selectonemenu.type_d{
width:124px !important;
}
.ui-selectonemenu.type_d .ui-selectonemenu-panel,
.ui-selectonemenu-panel.type_d{
min-width:124px;
max-width:257px;
}
/*End Dropdowns Types Commonization 20160801 - ee40576 */
/*START ITEM ALM 932 20160805 - ee40576*/
.secondBalance.three_rows span.label{
line-height: 13px;
}
.secondBalance.three_rows .number{
line-height: 31px;
height:31px;
}
/*END ITEM ALM 932 20160805 - ee40576*/
/* inizio icona portrait - 08/08/2016 - ee38938 */
.landscape-mode-help {
z-index:10000;
display: none;
position: fixed;
top: 50%;
left: 50%;
text-align: center;
color: white;
background: black;
opacity: 0.8;
border-radius: 6px;
transform: translate(-50%, -50%);
}
.landscape-mode-help .ico-misc_02-orientamento {
font-size: 80px;
padding-bottom: 20px;
}
.landscape-mode-help .lanscape-mode-msg1 {
font-size: 16px;
}
.landscape-mode-help .lanscape-mode-msg2 {
font-size: 18px;
}
/* fine icona portrait - 08/08/2016 - ee38938 */
/*START COMMONIZATION SETTINGS 20160808 - ee40576*/
.categorySelectOneMenu.ui-selectonemenu.no-left-padding:not(.subCategorySelectOneMenu) label.ui-selectonemenu-label{
padding-left:0px !important;
}
.form-group .typec,
.field-wrapper .typec
{
float:left;
width:50%;
}
.form-group .typec:nth-child(odd){
padding-right:5px;
}
.form-group .typec:nth-child(even){
padding-left:5px;
}
/*END COMMONIZATION SETTINGS 20160808 - ee40576*/
/*START CR Sidemenu - EE30842*/
/* icona normal si nasconde all'over della tile (:hover) o quando la tile e' attiva (.active) */
.sidebar .row-sidebar.activated .ico.ico-normal,
.sidebar .row-sidebar:hover .ico.ico-normal,
/* icona active si nasconde quando la tile non e' attiva e non sei in hover */
.sidebar .row-sidebar .ico.ico-active {
display: none;
}
/* icona active si mostra all'over della tile (:hover) o quando la tile e' attiva (.active) */
.sidebar .row-sidebar.activated .ico.ico-active,
.sidebar .row-sidebar:hover .ico.ico-active,
/* icona normale si vede quando la tile non e' attiva e non sei in hover */
.sidebar .row-sidebar .ico.ico-normal {
display: block;
}
/*icona come possiamo aiutarti - ee30842*/
.header-search .text-header-search.ico-header-search .icon-help{
font-size: 50px;
position: relative;
top: 15px;
}
.ico-header-search .icon-help.icon-duo,
.ico-header-search.active .icon-help.icon-normal,
.ico-header-search:hover .icon-help.icon-normal{
display:none;
}
.ico-header-search .icon-help.icon-normal,
.ico-header-search.active .icon-help.icon-duo,
.ico-header-search:hover .icon-help.icon-duo{
display:block;
}
/*END CR Sidemenu - EE30842*/
/* commonizzation - 07092016 - ee40558 */
.flex.column {
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-inline-flexbox; /* TWEENER - IE 10 */
display: -webkit-inline-flex; /* NEW - Chrome */
display: inline-flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
}
/*START - Backgroud tooltip - ee30842*/
.ui-tooltip {
position: absolute;
display: none;
padding: 3px 5px;
background: #FFF;
}
/*END - Backgroud tooltip - ee30842*/
/* **************************************** */
/* Componente Calendar common 09-09-2016 */
/* **************************************** */
/* commonizzation - 09092016 - ee40558 */
.calendar-full-version, .amountSearchDiv, .moreSearchDiv {
position: relative; /* per contenere il calendario in pos absolute */
/* display: inline-block; */
}
.calendar-full-version, .amountSearchDiv, .moreSearchDiv {
/* content:""; */
/* clear:both; */
/* display: table; */
}
.calendar-full-version .calendar-button,
.amountSearchDiv .amount-button,
.moreSearchDiv .more-button{
/* float: right; */
height: 40px;
min-width: 43px;
margin: 0 auto;
background-color: white;
border: 1px solid #999;
border-radius: 3px;
padding-left: 10px;
padding-right: 10px;
}
.calendar-full-version .calendar-button .icon-container,
.amountSearchDiv .amount-button .icon-container,
.moreSearchDiv .more-button .icon-container{
font-size: 21px;
color: #666;
cursor: pointer;
border:0;
}
.moreSearchDiv .more-button .icon-container{
color: #00afd0;
margin: 0;
padding: 0;
}
.moreSearchDiv .more-button .icon-container.ui-open{
color: #ea5c4d;
}
.moreSearchDiv .more-button .icon-container > * {
padding: 0;
display: inline-block;
vertical-align: text-bottom;
}
.calendar-full-version .calendar-button .icon-container a,
.calendar-full-version .calendar-button .icon-container a:hover,
.calendar-full-version .calendar-button .icon-container a:focus
{
color: #666;
}
.calendar-full-version .calendar_container,
.amountSearchDiv .amount_container {
right: 0;
display: none;
position: absolute;
width: 400px;
top: 40px; /*height of calendar button */
padding-bottom: 20px;
/*test*/
border: 1px solid #D6C5C5;
background-color: white;
z-index: 20;
text-align: center;
/*test*/
}
.at-container-accesslog .calendar-full-version .calendar_container {
top: -37px;
right: 20px;
}
.calendar-full-version .filter-date {
width: 50%;
display: inline-block;
float: left; /* remove whitespace for inline-block problems */
background: white;
border-bottom: none;
border-top: none;
position: relative;
text-align: center;
padding-top: 15px;
text-transform: uppercase;
padding-left: 10px;
padding-right: 10px;
}
/* fix erroneous
on xhtml - ee34086 */
.calendar-full-version .filter-date br{
display: none;
}
.calendar-full-version .filter-date-container {
position: relative;
/* border: 1px solid lightgray; */
border-bottom: none;
font-size: 1.6rem;
color: #666 !important;
font-family: "unicredit-medium" !important;
/* background: white; */
}
.calendar-full-version .button-time-search {
line-height: 28px; /*line-heigth 28 in quanto ci sono 2 px di border top-bottom - 29-06-2016 */
height: 30px;
text-transform: uppercase;
font-family: 'unicredit-medium';
font-size: 14px;
border: 1px solid #cccccc;
background-color: #f5f5f5;
color: #666;
text-align: center;
text-decoration: none;
display: inline-block;
white-space: nowrap;
/* allineamento a nuova styleguide calendario - ee34086 - 23-02-2017 */
float: left;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
border-radius: 3px;
width: calc(33% + 1px);
}
.calendar-full-version .button-time-search.active{
border: 1px solid #00afd0;
background-color: #00afd0;
color: #fff;
}
/* .calendar-full-version .button-time-search:focus, */
/* .calendar-full-version .button-time-search:hover{ */
/* background-color: #f5f5f5; */
/* border-color: #999; */
/* color: #666; */
/* outline: none; */
/* } */
/* .calendar-full-version .button-time-search:active{ */
/* background-color: #e5e5e5; */
/* color: #333; */
/* border-color: #333; */
/* } */
.calendar-full-version .button-time-search:nth-child(2){
width: 34%;
}
/* new calendar version - ee34086 - 24-02-2017 */
.calendar-full-version .time-container > .button-time-search + .button-time-search{
margin-left: -1px;
}
.calendar-full-version .time-container > .button-time-search:first-child:not(:last-child){
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.calendar-full-version .time-container > .button-time-search:last-child:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.calendar-full-version .time-container > .button-time-search:not(:first-child):not(:last-child){
border-radius: 0;
}
.calendar-full-version .button-time-search.button-time-search-last:after {
display: none;
}
/* commonizzation - 09092016 - ee40558 */
.calendar-full-version .submit-calendar .button-time-search {
position: absolute;
left: 0;
width: 33%;
cursor: auto;
height: 40px;
outline-style: none;
/* pointer-events: auto; */
background: none;
border: none;
color: #00afd0;
cursor: pointer;
width: auto;
margin-left: 15%;
}
/* commonizzation - 09092016 - ee40558 */
.calendar-full-version .submit-calendar .button-time-search:after {
right: 0;
width: 0;
}
/* commonizzation - 09092016 - ee40558 */
.calendar-full-version .submit-calendar .button-time-search .ui-button-text{
text-decoration: underline;
cursor: pointer;
display: inline-block;
padding: 0;
}
.calendar-full-version .calendar-button .ui-button-text {
padding: 0;
display: none;
}
.calendar-full-version .filter-date-text {
display: none;
}
.calendar-full-version .input-date {
/* allineamento nuove styleguide - ee34086 - 23-02-2017 */
text-align: center;
background-color: #FFF;
font-weight: normal;
font-size: 28px;
width: 100%;
color: #666;
font-family: unicredit-medium;
}
.calendar-full-version .filter-date.active .input-date,
.calendar-full-version .filter-date .input-date.ui-state-focus {
/* allineamento nuove styleguide - ee34086 - 23-02-2017 */
}
.calendar-full-version .ui-datepicker-today{
font-weight: bolder;
font-family: 'unicredit-medium';
}
.calendar-full-version .container-ico-minus-calendar {
/* investments AT - SCRUM F - 01-12-2016 - ee40558 */
/* background: url('/etc/designs/gimb/img/ico-minus-calendar.png') no-repeat; */
/* width: 25px; */
/* height: 25px; */
/* display: inline-block; */
/* position: relative; */
/* top: 5px; */
display: none;
}
.calendar-full-version .calendar_container .ui-datepicker{
display: block;
width: 100%;
border-width: 1px 0;
padding: 0;
/* new calendar version styleguide - ee34086 - 24-02-2017 */
border: none;
}
/* new calendar version styleguide - ee34086 - 24-02-2017 */
.calendar-full-version .calendar_container .ui-datepicker .ui-datepicker-header {
border: none;
background: #fff;
}
.calendar-full-version .submit-calendar {
position: relative;
border: none;
text-align: center;
/* background: white; */
padding-top: 20px;
/* padding-bottom: 10px; */
}
.calendar-full-version .submit-calendar > a,
.calendar-full-version .submit-calendar > button{
display: inline-block;
}
.calendar-full-version .label-date {
font-size: 16px;
font-weight: normal;
font-family: 'unicredit-medium';
/* fix calendar in IE11 - ee34086 - 15-12-2016 */
display: block;
margin-bottom: 5px;
}
.calendar-full-version .calendar-button-container,
.amountSearchDiv .amount-button-container,
.moreSearchDiv .more-button-container {
height: 40px;
min-width: 43px;
display: block;
}
.moreSearchDiv .more_container{
display: table-cell;
white-space: nowrap;
vertical-align: top;
}
.moreSearchDiv .more_container > * {
margin-left: 5px;
width: 190px;
display: inline-block;
border: 1px solid #999;
}
/* commonizzation - 13092016 - ee40558 */
.container-accesslog .calendar-full-version .calendar-button-container{
float:right;
}
.at-container-accesslog .calendar-full-version .calendar-button-container{
position: absolute;
right: 20px;
top: -77px;
}
.calendar-full-version .calendar-button,
.amountSearchDiv .amount-button {
display: table;
padding: 0;
margin: 0 0 0 5px;
}
.moreSearchDiv .more-button{
padding:0;
margin-left: 5px;
}
.calendar-full-version .icon-container,
.amountSearchDiv .icon-container,
.moreSearchDiv .icon-container{
/* 41 in modo che insieme ai border left e right diventa 43px come da styleguide - 30-05-2016 - ee34086 */
width: 41px;
text-align: center;
display:table-cell;
vertical-align: middle;
padding: 0 10px;
height: 38px;
}
.calendar-full-version .date-filter,
.amountSearchDiv .amount-range-tag {
display: table-cell;
vertical-align: middle;
text-align: right;
min-width: 107px; /* 207 + 43 = 250px come da styleguide - 30-05-2016 - ee34086 */
white-space:nowrap;
}
.searchContainer .icon-container > * {
color: #999999;
display: table-cell;
}
.calendar-full-version .date-filter label,
.amountSearchDiv .amount-range-tag label{
margin: 0;
margin-right: 2px;
font-family: 'unicredit-medium';
font-size: 14px;
color: #999;
text-transform: uppercase;
font-weight: normal;
/* display: inline; */
}
.calendar-full-version .date-filter .button-close,
.amountSearchDiv .amount-range-tag .button-close {
border: none;
padding-right: 10px;
color: #666;
background-color: transparent;
font-weight: normal;
font-size: 18px;
vertical-align: middle;
}
.calendar-full-version .date-filter span,
.amountSearchDiv .amount-range-tag span {
color: #666;
border: none;
font-family: 'unicredit-medium';
font-size: 14px;
margin-right: 10px;
}
/* commonizzation - 09092016 - ee40558 */
.amountSearchDiv .amount-range-tag span.mycurrency{
margin-left: -7px;
}
.calendar-full-version .date-filter label,
.calendar-full-version .date-filter span,
.amountSearchDiv .amount-range-tag label,
.amountSearchDiv .amount-range-tag span {
vertical-align: middle;
}
.amountSearchDiv .amount-range-tag span.ui-button-text.ui-c{
display:none;
}
.moreSearchDiv span.ui-button-text.ui-c{
color:inherit;
height: 100%;
font-size: 35px;
display: block;
line-height: 35px;
vertical-align: middle;
}
.calendar-full-version .calendar_container .ui-datepicker td.selected {
background-color: #00AFD0;
}
.calendar-full-version .calendar_container .ui-datepicker td.selected.selected-first,
.calendar-full-version .calendar_container .ui-datepicker td.selected.startDate{
border-radius:30px 0 0 30px;
}
.calendar-full-version .calendar_container .ui-datepicker td.selected.selected-last,
.calendar-full-version .calendar_container .ui-datepicker td.selected.endDate{
border-radius:0 30px 30px 0;
}
.calendar-full-version .calendar_container .ui-datepicker td.selected.selected-single{
background-color: transparent;
}
.calendar-full-version .calendar_container .ui-datepicker td.selected.selected-single > *{
border-radius:30px;
background-color: #00AFD0;
}
.calendar-full-version .calendar_container .ui-datepicker td {
border-top: 3px solid #fff; /*distanza 3px per la selezione */
padding: 0;
border-left: none;
border-right: none;
border-bottom: none;
}
.calendar-full-version .calendar_container .ui-datepicker td.selected > a,
.calendar-full-version .calendar_container .ui-datepicker td.date-range-selected > a {
color: #fff;
}
.calendar-full-version .time-container {
position: relative;
color: #666;
font-family: "unicredit-medium";
font-size: 1.6rem;
height: 63px;
text-align: center;
padding-top: 18px;
text-transform: uppercase;
display: block;
padding-left: 10px;
padding-right: 10px;
}
/* allineamento calendario a nuova styleguide - ee34086 - 23-02-2017 */
.calendar-full-version .time-container::after,
.calendar-full-version .filter-date-container::after {
/*contain floats elements */
content: "";
display: table;
clear: both;
}
/*******************/
/* calendar icon active come da styleguide e item ALM 846 - 30-05-2016 - ee34086 */
.calendar-full-version .icon-container.active,
.amountSearchDiv .icon-container.active{
background-color: #00AFD0;
}
.calendar-full-version .icon-container.active .calendar-icon,
.calendar-full-version .icon-container.active > a,
.amountSearchDiv .icon-container.active .amount-icon,
.amountSearchDiv .icon-container.active > a{
color: #fff !important;
}
/******************************************/
.amountSearchDiv .containerShortcutDate,
.amountSearchDiv .amountRangeTypologyContainer {
line-height: 4;
cursor: pointer;
text-align: center;
}
.amountSearchDiv .amountRangeTypologyContainer .shortcutItem {
width: 49%;
float: left;
color: #b2b2b2;
font-family: 'unicredit-medium';
font-size: 1.6rem;
text-transform: uppercase;
}
.amountSearchDiv .containerShortcutDate .separator-shortcutItem,
.amountSearchDiv .amountRangeTypologyContainer .separator-shortcutItem {
float: left;
display: block;
height: 22px;
margin-top: 20px;
}
.amountSearchDiv .containerShortcutDate .separator-shortcutItem.left,
.amountSearchDiv .amountRangeTypologyContainer .separator-shortcutItem.left {
border-left: 1px solid #666;
}
.amountSearchDiv .width50,
.amountSearchDiv .containerAmountRangeFrom,
.amountSearchDiv .containerAmountRangeTo {
width: 50%;
}
/******************************/
/* TODO CAMBIARE CON LE CLASSI AMOUNT SEARCH */
.amountSearchDiv .amountRangeTypologyContainer .separator-shortcutItem,
.amountSearchDiv .amountRangeTypologyContainer .separator-shortcutItem.left{
display: none;
}
.amountSearchDiv .amountRangeTypologyContainer{
padding-left: 50px;
padding-right: 50px;
padding-top: 30px;
}
.amountSearchDiv .amountRangeTypologyContainer::after {
/* class for auto height when containing float elements */
content: "";
display: table;
clear: both;
}
.amountSearchDiv .amountRangeTypologyContainer .shortcutItem{
line-height: 28px; /*line-heigth 28 in quanto ci sono 2 px di border top-bottom - 29-06-2016 */
height: 30px;
text-transform: uppercase;
font-family: 'unicredit-medium';
font-size: 14px;
border: 1px solid #cccccc;
background-color: #f5f5f5;
color: #666;
text-align: center;
text-decoration: none;
display: inline-block;
white-space: nowrap;
float: left;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
border-radius: 3px;
width: 50%;
}
.amountSearchDiv .amountRangeTypologyContainer .shortcutItem.active{
border: 1px solid #00afd0;
background-color: #00afd0;
color: #fff !important;
}
.amountSearchDiv .amountRangeTypologyContainer .shortcutItem + .shortcutItem{
margin-left: -1px;
}
.amountSearchDiv .amountRangeTypologyContainer .shortcutItem:first-child:not(:last-child){
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.amountSearchDiv .amountRangeTypologyContainer .shortcutItem:last-child:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.amountSearchDiv .amountRangeTypologyContainer .shortcutItem:not(:first-child):not(:last-child){
border-radius: 0;
}
/*****************************/
/*.amountSearchDiv .containerDatesCalendarA,
.amountSearchDiv .containerDatesCalendarDa,*/
.amountSearchDiv .containerAmountRangeFrom,
.amountSearchDiv .containerAmountRangeTo {
float: left;
height: 100%;
color: #666;
font-family: 'unicredit-regular';
font-size: 1.4rem;
text-transform: uppercase;
padding-top: 20px;
}
.amountSearchDiv .amountRangeContainer .containerAmountRangeTo.width50,
.amountSearchDiv .amountRangeContainer .containerAmountRangeFrom.width50 {
/* new amount range container - 27-02-2017 */
/* height: 85px; */
}
div.searchContainer .width50 span {
display: inline-block;
}
.amountSearchDiv .titContainerDatesCalendarDa,
.amountSearchDiv .amountRangeToLabel,
.amountSearchDiv .amountRangeFromLabel {
font-family: 'unicredit-medium';
font-size: 1.6rem;
width: 100%;
text-transform: uppercase;
display:inline-block;
padding-bottom: 5px;
color: #666;
}
.amountSearchDiv .inputContainerDatesCalendar,
.amountSearchDiv .inputContainerAmountRangeTo,
.amountSearchDiv .inputContainerAmountRangeFrom {
width: 100%;
/* height: 60px; */
}
/* fix IE11 - ee34086 -15-12-2016 */
div.searchContainer .width50 span.inputContainerAmountRangeTo,
div.searchContainer .width50 span.inputContainerAmountRangeFrom {
display: block;
}
.amountSearchDiv .inputContainerAmountRangeTo,
.amountSearchDiv .inputContainerAmountRangeFrom{
position: relative;
}
.amountSearchDiv .amountRangeCurrency{
position: absolute;
top: 50%;
margin-top: -15px;
right: 0;
margin-right: 10px;
}
.amountSearchDiv input.amountRangeFrom,
.amountSearchDiv input.amountRangeTo {
text-align: center;
font-family: 'unicredit-medium';
font-weight: normal;
color: #666;
font-size: 2.8rem;
width: 70%;
outline: none;
}
.amountSearchDiv .amountRangeCurrency {
font-size: 2.8rem;
font-family: 'unicredit-medium';
font-weight: normal;
}
.amountSearchDiv input#dataInizioCalendar.active,
.amountSearchDiv input#dataFineCalendar.active,
.amountSearchDiv input.amountRangeTo.active,
.amountSearchDiv input.amountRangeFrom.active {
/* color: #00AED2; */
/* background-color: white; */
}
#buttonAmountSearchPanel,
#payms_amountFilter_applyBtn_panel,
.buttonAmountSearchPanel
{
clear:both;
padding-top: 30px;
/* new amount range container - 27-02-2017 */
}
/*Primefaces Calendar with Navigator Activated - ee40576*/
.ui-datepicker select.ui-datepicker-month option:checked,
.ui-datepicker select.ui-datepicker-year option:checked {
background-color: #00AFD0 !important;
color: #fff !important;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 1.4em;
}
.ui-datepicker select.ui-datepicker-month{
width: 2.5em;
margin-right: 5px;
}
.ui-datepicker select.ui-datepicker-year{
width: 3.0em;
}
.ui-datepicker select.ui-datepicker-month option,
.ui-datepicker select.ui-datepicker-year option{
background-color: #fff;
font-size: 16px;
color: #666;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
color: #00AFD0;
border: 0px;
text-transform:uppercase;
padding-right: 20px;
text-align:right;
text-align-last: right;
padding-left:0;
background:#fff url("/etc/designs/gimb/img/arrow-investments-select-on.png") no-repeat right center !important;
background-size: 12px !important;
}
.ui-datepicker select.ui-datepicker-month:focus,
.ui-datepicker select.ui-datepicker-year:focus {
background:#fff url("/etc/designs/gimb/img/arrow-investments-select-on.png") no-repeat right center !important;
background-size: 12px !important;
}
.ui-datepicker-title .chosen-container {
margin-top: -8px;
}
.ui-datepicker-title *:nth-child(4) {
margin-left: 5px;
}
.ui-datepicker-title .chosen-container.chosen-with-drop .chosen-single div b,
.ui-datepicker-title .chosen-container.chosen-with-drop .chosen-default div b{
background: url("/etc/designs/gimb/img/arrow-investments-select-off.png") no-repeat scroll center right !important;
background-size:12px !important;
}
.ui-datepicker-title .chosen-container .chosen-single div b,
.ui-datepicker-title .chosen-container .chosen-default div b{
background:url("/etc/designs/gimb/img/arrow-investments-select-on.png") no-repeat scroll center right !important;
background-size:12px !important;
}
.ui-datepicker-title .chosen-container .chosen-single{
background-color:#fff;
background-image:none;
border:0px;
box-shadow:none;
font-family:"unicredit-regular";
font-size:30px;
color:#00afd0;
line-height: 40px;
text-align:right;
padding: 0px 20px 0 0px;
height:40px;
text-transform:uppercase;
}
.ui-datepicker-title .chosen-container .chosen-drop .chosen-results .active-result{
background:0;
font-family:"unicredit-regular";
font-size:16px;
color:#666;
line-height: 40px;
padding:0;
text-align:center;
text-transform:uppercase;
}
.ui-datepicker-title .chosen-container .chosen-drop .chosen-results .active-result.highlighted,
.ui-datepicker-title .chosen-container .chosen-drop .chosen-results .active-result.result-selected{
background:#00afd0;
color:#fff
}
/*CROSS-BROWSER COMPATIBILITY*/
/*Firefox*/
@-moz-document url-prefix() {
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
background-position: 100% 17.5px !important;
}
}
/*IE*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
background-position-y: 17px !important;
direction:rtl;
}
.ui-datepicker-title .chosen-container.chosen-with-drop .chosen-single div b,
.ui-datepicker-title .chosen-container.chosen-with-drop .chosen-default div b,
.ui-datepicker-title .chosen-container .chosen-single div b,
.ui-datepicker-title .chosen-container .chosen-default div b{
background-position-y: 18px !important;
}
.ui-datepicker-title .chosen-container .chosen-single{
padding: 0px 22px 0 0px;
}
}
/*Safari*/
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
@media {
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
direction:rtl;
}
select.ui-datepicker-year + .chosen-container {
margin-left: 5px;
}
}
}
/* ************************************* */
/* END componente calendar */
/* ************************************* */
/* add class for eshop - modale moneyBoxCD */
.box-container-green {
background-color: #F4FDFC;
}
.box-container-green .box-import {
color: #00A295;
font-family: 'unicredit-medium';
font-size: 20px;
background-color: #CCECE9;
padding: 30px 20px;
font-weight: bold;
text-align: center;
}
.box-container-green .title {
color: #00A295;
font-family: 'unicredit-medium';
font-size: 20px;
text-align: center;
}
/* end add class for eshop - modale moneyBoxCD */
/* fix eshop - modale mifid */
.uc-radio-group tr > td {
padding-bottom: 10px;
}
/* end fix eshop - modale mifid */
/******/
/* classi per blocco pagina repository - ee34086 - 10-11-2016 */
/******/
.header-buttons{
margin: 20px 0;
padding: 0 30px;
font-size: 0; /*prevent white space for inline-block elements */
}
.header-buttons button {
margin-left: 10px;
}
.header-buttons button:first-child{
margin-left: 0;
}
.repository-container{
display: table;
width: 100%;
margin-bottom: 40px;
}
.repository-container .docs-container{
display: table-cell;
width: 70%;
padding-right: 30px;
border-right: 1px solid #ccc;
}
.repository-container .videos-container{
display: table-cell;
vertical-align: top;
width: 30%;
padding-left: 30px;
}
a.doc-item-link,
.video-item-caption a{
font-size: 18px;
}
.doc-item-date,
.video-item-date {
font-family: 'unicredit-regular';
font-size: 14px;
color: #666;
}
.mock-preview{
width: 200px;
height: 120px;
background-color: #333;
/*margin: 0 auto;*/
position: relative;
}
.mock-preview::after{
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-left: 30px solid #fff;
border-bottom: 20px solid transparent;
left: 50%;
top: 50%;
margin-left: -15px;
margin-top: -20px;
}
.doc-item .doc-item-icon {
font-size: 28px;
padding-top: 6px;
display: block;
color: #666;
}
.video-item-preview{
margin-bottom: 10px;
}
/******/
/* END - classi per blocco pagina repository - ee34086 - 10-11-2016 */
/******/
/* Slider common primefaces */
/* use wrapper uc-slider, see example on upload photo profile */
.uc-slider.ui-slider {
position: relative;
text-align: left;
margin: 0 auto;
border: 1px solid #00a197;
background: transparent url("/etc/designs/gimb/img/slider-ced-bg.png") repeat-x -1px;
border-radius: 6px;
margin: 80px 20px 40px 20px;
}
.uc-slider.ui-slider.type2{
background: transparent url('/etc/designs/gimb/img/slider-ced-bg-scroll.png') repeat-x -1px;
}
.uc-slider .ui-slider-handle {
top: -1.1em;
margin-left: -0.6em;
position: absolute;
}
.uc-slider .ui-slider-handle:first-of-type {
/* fix show tooltip - ee34086 - 13-03-2017 */
/* overflow: hidden; */
position: absolute;
/* clip: rect(0 0 0 0); */
height: 1px;
width: 1px;
margin: -1px;
margin-left: -20px;
padding: 0;
border: 0;
}
.uc-slider .ui-slider-handle.ui-state-default,
.uc-slider .ui-slider-handle.ui-state-hover,
.uc-slider .ui-slider-handle.ui-state-active {
border: none;
background: transparent url("/etc/designs/gimb/img/slider-handle.png") 0% 0% repeat-x;
font-weight: normal;
color: #555555;
height: 43px !important;
width: 43px !important;
outline: none;
}
.uc-slider.ui-slider-horizontal {
height: 12px;
}
.uc-slider .ui-widget-header,
.uc-slider .uc-slider-progress {
background: transparent url('/etc/designs/gimb/img/slider-ced-bg-scroll.png') repeat-x -1px;
height: 10px;
outline: none;
border: none;
border-radius: 6px;
}
.uc-slider uc-slider-progress{
top: 0;
}
.uc-slider .handle-tooltip {
position: absolute;
bottom: 50px;
background-color: #00A197;
text-align: center;
border-radius: 4px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.uc-slider .handle-tooltip span.val {
color: #FFFFFF;
font-size: 30px;
font-family: "unicredit-medium", "Helvetica", Arial, sans-serif;
display: block;
padding: 0 5px;
min-width: 45px;
min-height: 36px;
}
.uc-slider .handle-tooltip::after{
content: "";
position: absolute;
bottom: 0;
margin-bottom: -10px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #00A197;
left: 0;
right: 0;
margin: 0 auto;
margin-bottom: -5px;
}
/** grid dimension for selector component - 20161214 - ee38938 **/
.grid-block-type-a {
width: 390px;
}
.select-typeb,
.grid-block-type-b {
width: 257px;
}
.select-typec,
.grid-block-type-c {
width: 190px;
}
.select-typed,
.grid-block-type-d {
width: 124px;
}
/* header buttons (from documents) used also in investments avanced search - ee34086 - 26-01-2017 */
.header-btns button,
.header-btns [class*="btn-"]
{
margin-right: 10px;
margin-bottom: 10px;
}
/* moved from common_at - 20170131 ee38938 */
td .label-status{
margin:0;
}
/* datatable with not graphically selectable rows */
.uc-table-style.no-selectable-rows > * > table > * > tr.ui-state-hover,
.uc-table-style.no-selectable-rows > * > table > * > tr.ui-datatable-selectable{
cursor: default;
}
/* Componente banner - styleguide 4.11 - ee34086 */
/* */
/*
*/
/*
*/
/* */
/*
Lorem Ipsum dolor
*/
/*
*/
/*
*/
/*
*/
/*