@import url("default.css");

/************************************* CUSTOM STYLES *************************************/
/* CSS PART 1 - START */
* {
box-sizing: border-box !important;
}
html, body {
height: auto;
overflow: inherit;
}
body {
background-color: transparent;
font-family: "Roboto-Regular", Arial, Helvetica, sans-serif;
}
a {
color: #d31521;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
#logo {
max-width: 1000px;
min-width: 1000px;
}
span#toggleMenu {
display: none;
}
#header {
border-color: transparent;
height: 90px;
}
#header:after {
content: " ";
position: absolute;
left: 0;
width: 100%;
height: 428px;
background-image: url(https://www.bcvs.ch/fileadmin/user_upload/site/e-banking-IB_nextgen/ImagesEbanking/Bandeau-ebanking-BCVS_1680x428.png);
background-repeat: no-repeat;
background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
top: 160px;
}
form #logo {
background-image: url(../img/bcvs/Logo_BCVS_fr.png);
background-repeat: no-repeat;
background-size: 200px;
-moz-background-size: 200px;
-o-background-size: 200px;
height: 100%;
background-position: 0 50%;
margin: 0 auto;
}
form.locale_de #logo {
background-image: url(../img/bcvs/Logo_BCVS_de.png);
background-size: 170px;
-moz-background-size: 170px;
-o-background-size: 170px;
}
.USERID .left-panel.dropdown {
position: fixed;
right: 0;
left: 0;
top: 40px;
margin-right: auto;
margin-left: auto;
width: 1000px;
z-index: 100010;
}
.left-panel.dropdown > ul {
float: right;
margin-right: 20px;
}
#header-bar {
background-color: transparent;
min-width: 1000px;
max-width: 1000px;
position: relative;
z-index: 99999;
}
#header-bar-menu {
float: right;
padding-right: 20px;
}
#header-bar-menu ul li > a {
padding: 5px 20px;
background-color: white;
border: 2px solid #b8101b;
border-radius: 4px;
color: #b8101b;
}
#header-bar-menu ul li > a:hover {
cursor: pointer;
}
#container {
border: 0;
border-radius: 0;
padding: 10px 20px 450px 20px; /* footer height */
margin-top: 0;
width: 1000px;
min-width: 1000px;
max-width: 1000px;
background: linear-gradient(180deg, transparent 200px, white 0px);
}
#container-header > div {
position: absolute;
margin: 0;
}
#container-header {
position: relative;
border-bottom: 0;
height: 220px;
margin-bottom: 40px;
}
#container-header #header-title {
bottom: -20px;
width: 713px;
left: 0;
right: 0;
margin-right: auto;
}
#container .header-title {
text-transform: capitalize;
}
#container #uap-steps {
top: 0;
width: 100%;
}
#uap-steps span.index {
display: none;
}
#uap-steps span {
text-decoration: underline;
}
#uap-steps .inactive {
color: #b8101b;
text-decoration: none;
}
#upper-panel {
width: 635px;
}
#upper-panel:empty + #main-panel {
width: 100%;
border: 0;
}
.user-infoWrapper {
margin-bottom: 20px;
}
#upper-panel-dynamic {
position: relative;
border-top: 1px solid #eeebea;
border-bottom: 1px solid #eeebea;
float: left;
width: 100%;
margin: 0;
}
#upper-panel-dynamic > .info {
position: relative;
}
#upper-panel-dynamic > .info p, p.link {
position: relative;
}
.buttons input, .uap-button {
background: #FD000D;
}
.buttons input:hover, .uap-button:hover {
background: #d31521;
}
#main-panel {
width: 317.5px;
margin-bottom: 50px !important;
float: right !important;
border-left: 1px solid #eeebea;
padding-left: 20px;
}
#main-panel > div {
width: 100%;
}
.left-panel, .right-panel {
width: auto;
height: auto;
}
.login-panel {
padding: 0;
}
.login-panel.USERID {
float: right;
}
.form-wrapper > .uap-display {
margin: 20px 0;
font-weight: bold;
text-transform: uppercase;
}
.login-title {
display: none !important;
}
.USERID div.left-panel > ul > li {
display: inline;
float: left;
margin-left: 10px;
}
li.locale a.selected-locale {
color: black;
}
li.locale a {
color: #c2b8b4;
}
li.locale a:hover {
text-decoration: none;
}
.login-panel .login-form {
border: 0;
padding: 0;
width: 100%;
}
div.labelInputWrapper {
margin-top: 40px;
overflow: inherit;
}
.USERID div.labelInputWrapper {
margin-left: 20px;
}
.USERID div.labelInputWrapper .uap-input {
padding: 0 8px 0 8px;
}
.USERID div.labelInputWrapper label[for] {
margin: -25px 8px 0 8px !important;
font-size: inherit !important;
font-weight: normal;
}
.USERID .help-message {
margin-left: 20px;
}
.USERID .buttons {
max-width: 360px;
min-width: 200px;
width: calc(100% - 20px);
margin-left: 20px;
}
.login-form.right-panel .buttons input {
width: 100%;
height: 45px;
padding: 0;
float: left;
}
#bottom-panel-static {
border-top: 1px solid #eeebea;
border-bottom: 1px solid #eeebea;
width: 1000px;
}
#bottom-panel-static .box-news {
display: inline-block;
width: 33.3%;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
form > footer {
background: white;
color: black;
height: 400px;
padding: 0;
width: 100%;
max-width: 100%;
min-width: 100%;
}
form > footer:before {
content: "\2605";
color: #eeebea;
position: absolute;
top: -40px;
right: 150px;
font-size: 90px;
}
form > footer:after {
content: "\2605";
color: white;
position: absolute;
top: -2px;
right: 95px;
font-size: 90px;
}
#footer-panel {
width: 100%;
}
#footer-panel-static {
width: 100%;
}
footer .upper-footer {
position: relative;
text-align: center;
width: 100%;
padding: 50px 0;
background-color: #eeebea;
}
footer .upper-footer .footer-title {
font-weight: bold;
display: block;
margin-bottom: 15px;
}
footer .upper-footer .footer-text {
display: block;
font-size: 14px;
}
footer .upper-footer a {
color: black;
text-decoration: none;
cursor: pointer;
}
footer .upper-footer a:hover {
color: #d31521;
}
footer .bottom-footer {
position: relative;
display: block;
width: 1000px;
height: 100px;
margin: 50px auto;
}
footer .bottom-footer > div {
float: left;
}
.footer-column .footer-column-title,
.footer-column.footer-column-copy a {
display: block;
font-size: 12px;
margin-bottom: 6px;
text-decoration: none;
color: black;
font-weight: bold;
}
footer ul {
margin: 0;
}
footer ul li,
.footer-column p {
line-height: 11px;
margin: 0;
}
footer ul a,
.footer-column .info p,
.footer-column .info a,
.footer-column.footer-column-copy p {
color: #999999;
font-size: 11px;
text-decoration: none;
}
.footer-column-access {
width: 220px;
}
.footer-column-contact {
width: 270px;
}
.footer-column-coo {
width: 210px;
}
.footer-column-copy {
background-image: url(../img/bcvs/logo-valais-excellence.png);
background-repeat: no-repeat;
background-size: contain;
background-position: top 10px center;
background-size: 125px;
padding-top: 156px;
-moz-background-size: contain;
-o-background-size: contain;
margin: 20px 0;
}
@media only screen and (min-width: 1000px) {
.footer-column-copy {
margin: 0;
padding-top: 0;
padding-bottom: 80px;
background-size: 55px;
background-position: top right;
float: left;
width: 260px;
}
}
/************ font ************/
@font-face {
font-family: "Roboto-Black";
src: url("../font/Roboto-Black.ttf");
}
@font-face {
font-family: "Roboto-BlackItalic";
src: url("../font/Roboto-BlackItalic.ttf");
}
@font-face {
font-family: "Roboto-Bold";
src: url("../font/Roboto-Bold.ttf");
}
@font-face {
font-family: "Roboto-BoldItalic";
src: url("../font/Roboto-BoldItalic.ttf");
}
@font-face {
font-family: "Roboto-Italic";
src: url("../font/Roboto-Italic.ttf");
}
@font-face {
font-family: "Roboto-Light";
src: url("../font/Roboto-Light.ttf");
}
@font-face {
font-family: "Roboto-LightItalic";
src: url("../font/Roboto-LightItalic.ttf");
}
@font-face {
font-family: "Roboto-Medium";
src: url("../font/Roboto-Medium.ttf");
}
@font-face {
font-family: "Roboto-MediumItalic";
src: url("../font/Roboto-MediumItalic.ttf");
}
@font-face {
font-family: "Roboto-Regular";
src: url("../font/Roboto-Regular.ttf");
}
@font-face {
font-family: "Roboto-Thin";
src: url("../font/Roboto-Thin.ttf");
}
@font-face {
font-family: "Roboto-ThinItalic";
src: url("../font/Roboto-ThinItalic.ttf");
}
@font-face {
font-family: "TheMixPlainSemiLight";
src: url("../font/TheMix_400_SemiLight/TheMix_400_.eot?#iefix") format("embedded-opentype"),
url("../font/TheMix_400_SemiLight/TheMix_400_.woff") format("woff"),
url("../font/TheMix_400_SemiLight/TheMix_400_.svg#TheMix") format("svg");
}
/*** upper and bottom panels ***/
#upper-panel-dynamic, #bottom-panel-static {
border: 0;
overflow: visible;
}
.info {
overflow: hidden;
height: 100%;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.info .image {
display: inline-block;
float: right;
}
.info img {
height: 95%;
width: 95%;
}
.text-container {
display: inline-block;
width: calc(100% - 310px);
float: left;
position: relative;
height: 100%;
}
.info-container .text-container {
width: 100%;
}
.info-container .info-item .title {
margin: 20px 0 20px 0;
clear: both;
}
.info-container .info-item .description {
position: relative;
}
.info-container .info-item .description, .info-container .info-item .description a {
margin: 0 !important;
}
.info-container .info-item .separate-link {
margin: 10px 0 20px 20px;
float: right;
}
.info-container .info-item hr {
margin-top: 20px;
border-style: dashed;
}
.info-container .info-item.warning .description {
width: calc(100% - 80px);
min-height: 80px; /* same as text size for icon otherwise it might scroll */
}
.info-container .info-item.warning .description:after {
font-size: 80px;
position: absolute;
top: 25%;
right: -80px;
}
.info-container .info-item.warning .description:after {
content: "\26A0";
}
.info-container .info-item.warning:hover .description:after {
color: #d31521;
}
.info-container .info-item.christmas .description {
width: calc(100% - 80px);
min-height: 80px; /* same as text size for icon otherwise it might scroll */
}
.info-container .info-item.christmas .description:after {
font-size: 80px;
position: absolute;
top: 25%;
right: -80px;
}
.info-container .info-item.christmas .description:after {
content: "\1f384";
}
.info-container .info-item.christmas:hover .description:after {
color: #578726;
}
.text-container {
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.info:hover .text-container {
}
.text-container .category, p.box-news-data-cat {
font-weight: normal !important;
font-size: 12px;
text-transform: uppercase;
display: block;
margin-bottom: 20px;
}
.text-container .title, .box-news .box-news-data-title {
font-size: 24px;
color: #d31521;
}
.text-container .description {
display: block;
font-size: 15px;
}
.text-container .description a, .box-news .box-new-data-link a {
display: block;
margin: 20px 0 !important;
color: #666666;
}
#bottom-panel-static .box-news {
margin-bottom: 15px !important;
width: 310px;
height: 300px;
overflow: hidden;
position: relative;
float: left;
padding: 0 10px;
background-color: #eeebea;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
#bottom-panel-static .box-news:hover {
background-image: -webkit-linear-gradient(35deg, #8a1b25, #8a1b25 20%, #d31521 90%, #d31521);
background-image: -o-linear-gradient(35deg, #8a1b25, #8a1b25 20%, #d31521 90%, #d31521);
background-image: linear-gradient(35deg, #8a1b25, #8a1b25 20%, #d31521 90%, #d31521);
}
#bottom-panel-static .box-news:hover * {
color: white;
}
#bottom-panel-static .box-news:after {
content: "\2605";
color: white;
position: absolute;
font-size: 120px;
bottom: 0;
right: -42px;
transform: rotate(35deg);
-ms-transform: rotate(35deg);
-webkit-transform: rotate(35deg);
}
#bottom-panel-static .box-news:hover:after {
color: white;
}
#bottom-panel-static .box-news.center {
margin: 0 15px;
}
#bottom-panel-static .box-news.double {
margin-right: 15px;
width: 635px;
padding: 0;
}
#bottom-panel-static .box-news.double:after {
content: none;
}
#bottom-panel-static .box-news.double .box-news-img {
position: relative;
}
#bottom-panel-static .box-news .box-news-img,
#bottom-panel-static .box-news .box-news-img > img {
height: 300px;
width: 310px;
overflow: hidden;
}
#bottom-panel-static .box-news .box-news-img:after {
content: "\2605";
color: #eeebea;
position: absolute;
font-size: 120px;
bottom: 0;
right: -42px;
transform: rotate(35deg);
-ms-transform: rotate(35deg);
-webkit-transform: rotate(35deg);
}
#bottom-panel-static .box-news.double .box-news-text {
padding: 0 10px;
width: 310px;
position: absolute;
top: 0;
right: 0;
}
#bottom-panel-static .box-news.image {
padding: 0;
}
.inner-footer {
border: 0;
}
body.logout .header-title {
text-transform: capitalize !important;
}
body.logout #main-panel {
padding: 0 !important;
}
body.logout .left-panel {
display: none !important;
}
body.logout .right-panel {
width: 100% !important;
}
body.logout .right-panel * {
float: left !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
text-transform: capitalize;
font-weight: normal;
}
body.logout .inner-footer {
text-align: left !important;
}
body.logout .inner-footer .uap-display {
font-weight: bold;
}
body.logout .inner-footer .logout-link:before {
content: ">";
font-weight: bold;
margin-right: 10px;
}
/********* responsive **********/
@media only screen and (max-width: 1380px) {
#header:after {
background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
}
body > form > div {
min-width: 1000px !important;
max-width: 1000px !important;
width: 1000px!important;
padding: 0;
margin: 0 auto;
}
form #logo {
background-position: 20px 50%;
}
#main-panel > div {
}
}
@media only screen and (max-width: 999px) and (min-width: 769px) {
body > form > div {
min-width: 100% !important;
max-width: 100% !important;
width: 100%!important;
}
#header:after {
background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
max-height: 200px;
height: 100%;
}
#container-header {
height: 310px;
}
#container-header #header-title {
margin-left: auto;
}
#upper-panel {
width: 713px;
float: none !important;
margin: 0 auto;
}
#main-panel {
border: 0;
width: 100%;
padding-left: 0;
}
.login-panel {
float: none;
text-align: center;
}
.USERID .left-panel.dropdown {
width: 100%;
}
.login-panel.USERID .login-form {
width: 402px;
}
.form-wrapper > .uap-display {
text-align: left;
padding-left: 20px;
}
#bottom-panel-static {
width: 713px;
margin: 0 auto;
}
#bottom-panel-static .box-news {
width: 349px;
}
#bottom-panel-static .box-news .box-news-img, #bottom-panel-static .box-news .box-news-img > img {
width: 349px;
}
#bottom-panel-static .box-news.double .box-news-text {
width: 349px;
}
#bottom-panel-static .box-news.double {
margin-right: 0;
width: 713px;
}
#bottom-panel-static .box-news.center {
clear: left;
margin: 0;
}
#bottom-panel-static .box-news.longer {
height: 610px;
float: none;
margin-left: 15px;
}
#bottom-panel-static .box-news.double {
height: 610px;
width: 349px;
}
footer .upper-footer,
footer .bottom-footer {
width: 100%;
}
footer .bottom-footer > div {
display: none;
}
footer .bottom-footer > div.footer-column-copy {
float: none;
display: block;
margin: 0 auto;
text-align: center;
position: absolute;
right: 0;
left: 0;
top: 30px;
}
form > footer {
height: 470px;
}
#bottom-panel-static .box-news .box-news-img, #bottom-panel-static .box-news .box-news-img > img {
width: 349px;
height: 300px;
}
#bottom-panel-static .box-news.double .box-news-text {
width: 349px;
top: 305px;
padding: 0 10px;
}
}
@media only screen and (max-width: 999px) {
#container {
padding: 10px 20px 550px 20px; /* footer height */
background: none;
}
footer .bottom-footer {
margin: 0 auto;
}
.footer-column-copy {
top: 30px;
}
}
@media only screen and (max-width: 768px) {
footer .bottom-footer {
margin: 0 45px;
}
body > form > div {
min-width: 100% !important;
max-width: 100% !important;
width: 100%!important;
}
#logo {
max-width: 100%;
min-width: 100%;
}
#header:after {
content: none;
}
#container > div {
width: 360px;
float: none !important;
margin: 0 auto;
}
#container-header {
height: 40px;
}
#container-header #header-title {
bottom: auto;
}
#header-bar-menu {
display: none;
z-index: 999999;
width: 100%;
left: 30px;
top: 90px;
}
#header-bar-menu ul li > a {
border: 0;
}
form #logo {
position: relative;
}
span#toggleMenu {
display: block;
font-size: 40px;
width: 40px;
height: 40px;
color: #b8101b;
position: absolute;
top: 30px;
right: 20px;
cursor: pointer;
}
.USERID .left-panel.dropdown {
width: 100%;
height: 100%;
position: fixed;
right: 0;
top: 90px !important;
background-color: white;
z-index: 9999;
}
.USERID > div.left-panel > ul {
border-top: 1px solid #b8101b;
border-bottom: 1px solid #b8101b;
float: none;
margin-right: 0;
}
.USERID div.left-panel > ul > li {
clear: none;
width: 33.3%;
text-align: center;
margin: 0;
border-right: 1px solid #b8101b;
}
.USERID div.left-panel > ul > li:last-child {
border-right: 0 !important;
}
li.locale a {
display: block;
width: 100%;
height: 100%;
color: #b8101b;
padding: 20px;
}
li.locale a.selected-locale {
background-color: #b8101b;
color: white;
}
#container #uap-steps {
display: none;
}
#upper-panel {
width: 100%;
}
.text-container {
width: 100%;
}
.info .image {
display: none;
}
#main-panel {
width: 100%;
border-left: 0;
padding: 0;
}
#main-panel > div {
width: 100%;
text-align: center;
}
.USERID .login-panel .left-panel {
display: none;
height: 100%;
}
.login-panel .login-form {
width: auto;
min-width: 360px;
}
.uap-display, .uap-label {
text-align: left;
}
.USERID div.labelInputWrapper {
margin: 40px 0 0 0;
float: left;
width: 100%;
}
.USERID .buttons {
float: left;
width: 100%;
margin-left: 0;
}
#bottom-panel-static {
width: 100%;
}
#bottom-panel-static .box-news {
margin: 0 auto 10px auto !important;
float: none;
width: 360px;
display: block;
}
form > footer {
height: 540px;
}
footer .upper-footer,
footer .bottom-footer {
width: 100%;
}
footer .bottom-footer > div {
display: none;
}
footer .bottom-footer > div.footer-column-copy {
float: none;
display: block;
margin: 0 auto;
text-align: center;
position: absolute;
right: 0;
left: 0;
top: 30px;
}
#bottom-panel-static .box-news.double {
width: 360px;
height: 610px;
}
#bottom-panel-static .box-news .box-news-img, #bottom-panel-static .box-news .box-news-img > img {
width: 360px;
height: 300px;
}
#bottom-panel-static .box-news.double .box-news-text {
width: 360px;
top: 305px;
}
}
/* CSS PART 1 - END */

/* CSS PART 2 - START */
/*** custom views - NOT RESPONSIVE ***/
.login-panel:not(.USERID) .left-panel {
width: 310px;
}
.login-panel:not(.USERID) .right-panel {
width: 630px;
margin-bottom: 30px;
}
.login-panel:not(.USERID) .right-panel .form-wrapper > * {
width: 310px;
float: left;
padding: 0 10px;
}
.login-panel:not(.USERID) .right-panel .form-wrapper > .uap-display,
.login-panel:not(.USERID) .right-panel .form-wrapper > .labelInputWrapper,
.login-panel:not(.USERID) .right-panel .form-wrapper > #new-device-label,
.login-panel:not(.USERID) .right-panel .form-wrapper > #uap-resetOtanToken-link,
.login-panel:not(.USERID) .right-panel .form-wrapper > .buttons {
float: right;
}
.login-panel:not(.USERID) .right-panel .form-wrapper > .buttons {
margin-left: 0;
}
.login-panel:not(.USERID) .right-panel .form-wrapper > .uap-display {
font-weight: normal;
text-transform: none;
}
.login-panel:not(.USERID) .right-panel .form-wrapper > .uap-display p {
margin: 0;
}
.user-infoWrapper {
margin: 0;
}
.user-infoWrapper:nth-of-type(1) {
color: #b8101b;
}
.login-panel:not(.USERID) .right-panel .form-wrapper > img {
padding: 0 80px 0 80px;
}
#normal-password-rules-panel {
width: 100%;
max-width: 610px;
margin-left: 10px;
border-width: 1px;
padding: 10px;
}
.password-rules-panel:after {
bottom: -12px;
left: 50px;
border-top-width: 12px;
border-left-width: 10px;
border-right-width: 10px;
}
div.password-rule > .password-rule-message {
width: 80%;
}
.password-rules-panel {
line-height: 15px;
font-size: 13px;
}
.tooltip-toggle {
display: none !important;
}
/* FORGET_PASSWORD_REQUEST_NEW */
.FORGET_PASSWORD_REQUEST_NEW .left-panel {
display: none;
}
.FORGET_PASSWORD_REQUEST_NEW .right-panel {
position: relative;
width: 100%;
}
.FORGET_PASSWORD_REQUEST_NEW .right-panel .form-wrapper > .uap-display {
float: left !important;
text-transform: capitalize;
font-weight: normal;
}
.FORGET_PASSWORD_REQUEST_NEW .right-panel .form-wrapper > .labelInputWrapper {
float: none !important;
display: inline-block;
margin-top: 105px;
}
.FORGET_PASSWORD_REQUEST_NEW .right-panel .form-wrapper > .buttons {
padding: 0 20px 0 0;
}
.FORGET_PASSWORD_REQUEST_NEW .right-panel .form-wrapper > .buttons input {
margin-bottom: 20px;
}
/* FORGET_PASSWORD_REQUEST_CHANGE */
.FORGET_PASSWORD_REQUEST_CHANGE .left-panel {
display: none;
}
.FORGET_PASSWORD_REQUEST_CHANGE .right-panel {
position: relative;
width: 100%;
}
.FORGET_PASSWORD_REQUEST_CHANGE .right-panel .form-wrapper > .uap-display {
float: left !important;
text-transform: capitalize;
font-weight: normal;
}
.FORGET_PASSWORD_REQUEST_CHANGE .right-panel .form-wrapper > .labelInputWrapper {
float: none !important;
display: inline-block;
}
.FORGET_PASSWORD_REQUEST_CHANGE .right-panel .form-wrapper > .labelInputWrapper:nth-of-type(1) {
margin-top: 105px;
}
.FORGET_PASSWORD_REQUEST_CHANGE .right-panel .form-wrapper > .buttons {
padding: 0 20px 0 0;
}
.FORGET_PASSWORD_REQUEST_CHANGE .right-panel .form-wrapper > .buttons input {
margin-bottom: 20px;
}
/* PASSWORD_SELFCHANGE_SEND_EMAIL */
.PASSWORD_SELFCHANGE_SEND_EMAIL .right-panel .form-wrapper > .uap-display {
float: left !important;
text-transform: capitalize;
font-weight: normal;
}
/* PASSWORD_SELF_UNBLOCK_SUCCESS */
.PASSWORD_SELF_UNBLOCK_SUCCESS .right-panel {
position: relative;
}
.PASSWORD_SELF_UNBLOCK_SUCCESS .right-panel .form-wrapper > .uap-display {
margin: 0;
float: left !important;
display: inline-block;
}
.PASSWORD_SELF_UNBLOCK_SUCCESS .right-panel .form-wrapper > .buttons {
width: 610px;
text-align: right;
}
.PASSWORD_SELF_UNBLOCK_SUCCESS .right-panel .form-wrapper > .buttons input {
margin-top: 20px;
width: 260px;
float: none;
}
/* PASSWORD_SELF_UNBLOCK */
.PASSWORD_SELF_UNBLOCK .right-panel {
width: 100% !important;
float: left;
}
.PASSWORD_SELF_UNBLOCK .right-panel .form-wrapper > #uap-infoBox-blocked {
padding-left: 0;
}
.PASSWORD_SELF_UNBLOCK .right-panel .form-wrapper > #unblock-contract {
width: 630px !important;
}
.PASSWORD_SELF_UNBLOCK .right-panel .form-wrapper > #unblock-contract > span {
width: 300px !important;
display: inline-block;
}
.PASSWORD_SELF_UNBLOCK .right-panel .form-wrapper > #unblock-contract > span.uap-display {
width: 630px !important;
margin-bottom: 10px;
}
.PASSWORD_SELF_UNBLOCK .right-panel .form-wrapper > #unblock-contract > span:nth-of-type(2) {
float: left;
clear: left;
text-align: center;
line-height: 21px;
}
.PASSWORD_SELF_UNBLOCK .right-panel .form-wrapper > #unblock-contract > span:nth-of-type(3) {
float: none;
clear: right;
text-align: center;
line-height: 21px;
}
.PASSWORD_SELF_UNBLOCK .right-panel .form-wrapper > #unblock-contract > input {
width: 180px;
}
.PASSWORD_SELF_UNBLOCK .right-panel .form-wrapper > #unblock-contract > input:nth-of-type(1) {
float: left;
clear: left;
margin-left: 60px;
}
.PASSWORD_SELF_UNBLOCK .right-panel .form-wrapper > #unblock-contract > input:nth-of-type(2) {
float: right;
clear: right;
margin-right: 60px;
}
/* PASSWORD_CHANGE */
.PASSWORD_CHANGE .right-panel {
position: relative;
}
.PASSWORD_CHANGE .right-panel .form-wrapper > .uap-display {
margin: 0;
float: left !important;
display: inline-block;
}
.PASSWORD_CHANGE .right-panel .form-wrapper > #capslock-message {
clear: left;
}
.PASSWORD_CHANGE .right-panel .form-wrapper > .labelInputWrapper {
float: left !important;
clear: left;
}
.PASSWORD_CHANGE .right-panel .form-wrapper > .buttons {
position: absolute;
bottom: 0;
right: 0;
}
.PASSWORD_CHANGE .right-panel .form-wrapper > .buttons input {
margin-top: 20px;
margin-bottom: 0;
}
/* PASSWORD_SELFCHANGE_CHANGE */
.PASSWORD_SELFCHANGE_CHANGE .right-panel {
position: relative;
}
.PASSWORD_SELFCHANGE_CHANGE .right-panel .form-wrapper > .uap-display {
margin: 0;
float: left !important;
display: inline-block;
}
.PASSWORD_SELFCHANGE_CHANGE .right-panel .form-wrapper > #capslock-message {
clear: left;
}
.PASSWORD_SELFCHANGE_CHANGE .right-panel .form-wrapper > .labelInputWrapper {
float: left !important;
clear: left;
}
.PASSWORD_SELFCHANGE_CHANGE .right-panel .form-wrapper > .buttons {
position: absolute;
bottom: 0;
right: 0;
}
.PASSWORD_SELFCHANGE_CHANGE .right-panel .form-wrapper > .buttons input {
margin-top: 20px;
margin-bottom: 0;
}
/* PASSWORD_PERIODICAL_CHANGE */
.PASSWORD_PERIODICAL_CHANGE .right-panel {
position: relative;
}
.PASSWORD_PERIODICAL_CHANGE .right-panel .form-wrapper > .uap-display {
margin: 0;
float: left !important;
display: inline-block;
}
.PASSWORD_PERIODICAL_CHANGE .right-panel .form-wrapper > #capslock-message {
clear: left;
}
.PASSWORD_PERIODICAL_CHANGE .right-panel .form-wrapper > .labelInputWrapper {
float: left !important;
clear: left;
}
.PASSWORD_PERIODICAL_CHANGE .right-panel .form-wrapper > .buttons {
position: absolute;
bottom: 0;
right: 0;
}
.PASSWORD_PERIODICAL_CHANGE .right-panel .form-wrapper > .buttons input {
margin-top: 20px;
margin-bottom: 0;
}
/* ACTIVATION_OTAN_CRYPTOGRAM_LETTER */
.ACTIVATION_OTAN_CRYPTOGRAM_LETTER .right-panel .form-wrapper > .labelInputWrapper {
float: none !important;
display: inline-block;
padding: 0 0 0 20px;
}
.ACTIVATION_OTAN_CRYPTOGRAM_LETTER .right-panel .form-wrapper > .buttons {
margin-top: 20px;
}
.ACTIVATION_OTAN_CRYPTOGRAM_LETTER .right-panel .form-wrapper > .buttons input {
margin-top: 20px;
}
/* ACTIVATION_OTAN_APP_DOWNLOAD */
.ACTIVATION_OTAN_APP_DOWNLOAD .right-panel {
width: 100% !important;
}
.ACTIVATION_OTAN_APP_DOWNLOAD .app-download-info {
width: 100% !important;
}
.ACTIVATION_OTAN_APP_DOWNLOAD .app-download-option {
display: inline-block;
clear: none;
}
.device-image.otan-smartphone {
background: url(../img/bcvs/cronto_app.png) no-repeat 50%;
background-size: contain;
}
.device-image.otan-reader {
background: url(../img/bcvs/cronto_device.png) no-repeat 50%;
background-size: contain;
}
.ACTIVATION_OTAN_APP_DOWNLOAD .app-download-option:nth-of-type(2) {
border-right: 1px solid #eeebea;
border-left: 1px solid #eeebea;
}
.ACTIVATION_OTAN_APP_DOWNLOAD .app-download-option:nth-of-type(3) {
}
.ACTIVATION_OTAN_APP_DOWNLOAD .app-download-option .app-download-image-label {
}
.ACTIVATION_OTAN_APP_DOWNLOAD .right-panel .form-wrapper > .buttons {
width: 100%;
text-align: center;
}
.ACTIVATION_OTAN_APP_DOWNLOAD .right-panel .form-wrapper > .buttons input {
width: 360px;
float: none;
}
/* ACTIVATION_OTAN_CRYPTOGRAM_SCREEN */
.ACTIVATION_OTAN_CRYPTOGRAM_SCREEN .right-panel .form-wrapper > .uap-display {
float: right;
margin: 0;
}
.ACTIVATION_OTAN_CRYPTOGRAM_SCREEN .right-panel .form-wrapper > img {
display: block;
border-right: 1px solid #eeebea;
border-left: 1px solid #eeebea;
padding: 0 5%;
}
.ACTIVATION_OTAN_CRYPTOGRAM_SCREEN .right-panel .form-wrapper > .labelInputWrapper {
float: none !important;
display: inline-block;
padding: 0 0 0 20px;
}
.ACTIVATION_OTAN_CRYPTOGRAM_SCREEN .right-panel .form-wrapper > .uap-display {
float: none !important;
display: inline-block;
padding: 0 0 0 20px;
}
.ACTIVATION_OTAN_CRYPTOGRAM_SCREEN .right-panel .form-wrapper > .buttons input {
margin-top: 20px;
}
/* ACTIVATION_OTAN_REGISTER_NOTIFICATION_ID_CRYPTOGRAM_SCREEN */
.ACTIVATION_OTAN_REGISTER_NOTIFICATION_ID_CRYPTOGRAM_SCREEN .right-panel .form-wrapper > .uap-display {
margin: 0 0 20px 0;
display: inline-block;
float: none !important;
}
.ACTIVATION_OTAN_REGISTER_NOTIFICATION_ID_CRYPTOGRAM_SCREEN .right-panel .form-wrapper > img {
display: block;
border-right: 1px solid #eeebea;
border-left: 1px solid #eeebea;
padding: 0 5%;
}
.ACTIVATION_OTAN_REGISTER_NOTIFICATION_ID_CRYPTOGRAM_SCREEN .right-panel .form-wrapper > .buttons {
width: 100%;
text-align: center;
}
.ACTIVATION_OTAN_REGISTER_NOTIFICATION_ID_CRYPTOGRAM_SCREEN .right-panel .form-wrapper > .buttons input {
float: none;
max-width: 360px;
}
/* ACTIVATION_OTAN_CONFIRMATION */
.ACTIVATION_OTAN_CONFIRMATION .right-panel .form-wrapper > .uap-display {
margin: 0;
font-weight: normal;
text-transform: lowercase;
float: left !important;
width: 100%;
}
.ACTIVATION_OTAN_CONFIRMATION .right-panel .form-wrapper .buttons {
width: 100%;
}
.ACTIVATION_OTAN_CONFIRMATION .right-panel .form-wrapper .buttons input
{
float: none;
max-width: 360px;
}
/* CHALLENGE_OTAN */
.login-panel.CHALLENGE_OTAN .form-wrapper {
display: block;
position: relative;
}
.CHALLENGE_OTAN .right-panel .form-wrapper > .scanning-details-wrapper .labelInputWrapper {
position: absolute;
margin-top: 0;
top: 0;
right: 0;
width: 310px;
}
.CHALLENGE_OTAN .right-panel .form-wrapper > .uap-display {
margin: 0;
}
.CHALLENGE_OTAN .right-panel .form-wrapper > img {
display: block;
border-right: 1px solid #eeebea;
border-left: 1px solid #eeebea;
padding: 0 5%;
}
.CHALLENGE_OTAN .right-panel .form-wrapper > .labelInputWrapper {
display: inline-block;
float: none !important;
}
.CHALLENGE_OTAN .right-panel .form-wrapper > #new-device-label,
.CHALLENGE_OTAN .right-panel .form-wrapper > #activation-call-hotline-label {
margin-top: 72px;
clear: none;
}
.CHALLENGE_OTAN .right-panel .form-wrapper > #new-device-label {
font-weight: normal;
text-transform: none;
}
.CHALLENGE_OTAN .right-panel .form-wrapper > #uap-resetOtanToken-link {
font-weight: normal;
text-transform: none;
display: inline-block;
float: none !important;
}
.CHALLENGE_OTAN .right-panel .form-wrapper > .buttons {
clear: none;
}
.CHALLENGE_OTAN .right-panel .form-wrapper > .buttons input {
margin-top: 20px;
}
/* CHALLENGE_GRIDCARD */
.CHALLENGE_GRIDCARD .right-panel .form-wrapper > .uap-display {
margin: 0;
float: left !important;
}
.CHALLENGE_GRIDCARD .right-panel .form-wrapper > .uap-gridcard-position {
clear: both;
margin-top: 20px;
}
.CHALLENGE_GRIDCARD .right-panel .form-wrapper > .uap-gridcard-position > .uap-label {
margin-top: 0;
}
.CHALLENGE_GRIDCARD .right-panel .form-wrapper > .labelInputWrapper {
float: none !important;
display: inline-block;
padding-left: 20px;
padding-right: 0;
}
.CHALLENGE_GRIDCARD .right-panel .form-wrapper > .buttons input {
margin-top: 20px;
}
/* MIGRATION_OTAN_CHOICE_OF_TOKEN */
.MIGRATION_OTAN_CHOICE_OF_TOKEN .right-panel .form-wrapper > p {
width: 100% !important;
margin-bottom: 30px;
}
.MIGRATION_OTAN_CHOICE_OF_TOKEN .right-panel .form-wrapper > .otan-migration-token {
display: inline-block;
height: 300px;
}
.MIGRATION_OTAN_CHOICE_OF_TOKEN .right-panel .form-wrapper > .otan-migration-token:nth-of-type(1) {
border-right: 1px solid #eeebea;
}
.MIGRATION_OTAN_CHOICE_OF_TOKEN .right-panel .form-wrapper > .buttons {
text-align: center;
width: 100%;
}
.MIGRATION_OTAN_CHOICE_OF_TOKEN .right-panel .form-wrapper > .buttons input {
float: none;
width: 360px !important;
}
/* MIGRATION_OTAN_READER_CONTACT */
.MIGRATION_OTAN_READER_CONTACT .right-panel {
padding-top: 40px;
}
.MIGRATION_OTAN_READER_CONTACT .right-panel .form-wrapper > p {
display: inline-block;
}
.MIGRATION_OTAN_READER_CONTACT .right-panel .form-wrapper > .labelInputWrapper {
display: inline-block;
clear: none;
}
.MIGRATION_OTAN_READER_CONTACT .right-panel .form-wrapper > .buttons input {
margin-bottom: 20px;
}
/* MIGRATION_OTAN_CONFIRMATION */
.MIGRATION_OTAN_CONFIRMATION .right-panel .form-wrapper > p {
width: 100% !important;
}
.MIGRATION_OTAN_CONFIRMATION .right-panel .form-wrapper > .buttons {
}
.MIGRATION_OTAN_CONFIRMATION .right-panel .form-wrapper > .buttons input {
float: none;
}
/* ACTIVATION_OTAN_REGISTER_NOTIFICATION_ID_CONFIRMATION */
.ACTIVATION_OTAN_REGISTER_NOTIFICATION_ID_CONFIRMATION .right-panel .form-wrapper > .uap-display {
width: 100%;
margin: 0;
}
.ACTIVATION_OTAN_REGISTER_NOTIFICATION_ID_CONFIRMATION .right-panel .form-wrapper > .buttons {
float: left;
}
/* INVITATION_OTAN_PUSH_NOTIFICATION */
.INVITATION_OTAN_PUSH_NOTIFICATION .right-panel {
padding-top: 40px;
width: 630px;
}
.INVITATION_OTAN_PUSH_NOTIFICATION .right-panel .form-wrapper > * {
width: 100% !important;
}
.INVITATION_OTAN_PUSH_NOTIFICATION .right-panel .form-wrapper > .uap-display {
margin: 0;
}
.INVITATION_OTAN_PUSH_NOTIFICATION .right-panel .form-wrapper .new-cronto-app {
display: block;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 0;
}
.INVITATION_OTAN_PUSH_NOTIFICATION .right-panel .form-wrapper .new-cronto-app > .image {
float: none;
margin: 0 auto;
}
.INVITATION_OTAN_PUSH_NOTIFICATION .right-panel .form-wrapper > .buttons input {
width: 32%;
}
/* RESET_OTAN_CHOICE */
.RESET_OTAN_CHOICE .right-panel .form-wrapper > .buttons {
max-width: 300px;
margin: 0 auto;
}
.RESET_OTAN_CHOICE .right-panel .form-wrapper > .uap-resetOtanToken-newToken,
.RESET_OTAN_CHOICE .right-panel .form-wrapper > .uap-resetOtanToken-activateNewDevice {
float: none;
}
/* INVITATION_OTAN_ENFORCE_DEVICE_NAME */
.INVITATION_OTAN_ENFORCE_DEVICE_NAME .right-panel .form-wrapper > .uap-display {
margin: 0;
display: inline-block;
float: left !important;
}
.INVITATION_OTAN_ENFORCE_DEVICE_NAME .right-panel .form-wrapper > .labelInputWrapper {
display: inline-block;
float: none !important;
margin-left: 10px;
}
.MAINTENANCE ul.select-locale.hidden {
display: block;
}
.MAINTENANCE ul.selected-locale {
display: none;
}
.login-panel.INVITATION_OTAN_PUSH_NOTIFICATION .right-panel .form-wrapper .buttons input {
margin-top: 20px;
width : 310px;
}
.login-panel.ACTIVATION_OTAN_REGISTER_NOTIFICATION_ID_CONFIRMATION .right-panel .form-wrapper .buttons {
float: left;
}
.login-panel.CHALLENGE_OTAN #uap-disable-push {
display: none;
}
.login-panel.CHALLENGE_OTAN #uap-waiting-button {
width: 100%;
margin-top: 20px;
pointer-events: none;
}
.login-panel.CHALLENGE_OTAN #uap-waiting-button:hover {
background: #b8101b;
border-color: transparent;
}
.left-panel.dropdown {
visibility: visible;
}
@media only screen and (min-width: 1001px) {
/* PASSWORD_SELF_UNBLOCK_SUCCESS */
.PASSWORD_SELF_UNBLOCK_SUCCESS .right-panel .form-wrapper > .labelInputWrapper {
margin-left: 7px;
}
/* PASSWORD_SELF_UNBLOCK */
.PASSWORD_SELF_UNBLOCK .right-panel .form-wrapper > .labelInputWrapper {
margin-left: 7px;
}
/* ACTIVATION_OTAN_CRYPTOGRAM_LETTER */
.ACTIVATION_OTAN_CRYPTOGRAM_LETTER .right-panel .form-wrapper > .labelInputWrapper {
float: right !important;
margin-right: 10px;
}
.ACTIVATION_OTAN_CRYPTOGRAM_LETTER .right-panel .form-wrapper > p {
clear: left;
}
/* ACTIVATION_OTAN_CRYPTOGRAM_SCREEN */
.ACTIVATION_OTAN_CRYPTOGRAM_SCREEN .right-panel .form-wrapper > .labelInputWrapper {
float: right !important;
margin-right: 10px;
}
/* ACTIVATION_OTAN_REGISTER_NOTIFICATION_ID_CRYPTOGRAM_SCREEN */
.ACTIVATION_OTAN_REGISTER_NOTIFICATION_ID_CRYPTOGRAM_SCREEN .right-panel .form-wrapper > .uap-display {
margin-left: 7px;
}
/* CHALLENGE_OTAN */
.CHALLENGE_OTAN .right-panel .form-wrapper > .labelInputWrapper {
margin-left: 10px;
}
.CHALLENGE_OTAN .right-panel .form-wrapper > #uap-resetOtanToken-link {
margin-left: 10px;
}
}
#uap-errorBox-container {
margin-bottom: 25px;
display: block;
}
.new-cronto-app {
height: 0px !important;
visibility: hidden !important;
}
/*** custom views - RESPONSIVE ***/
@media only screen and (max-width: 1000px) and (min-width: 769px) {
#main-panel {
width: 713px !important;
float: none !important;
margin: 0 auto;
}
.login-panel:not(.USERID) .left-panel {
width: 349px;
text-align: left;
}
.login-panel:not(.USERID) .right-panel {
width: 100%;
margin-top: 30px;
}
.login-panel:not(.USERID) .right-panel > .form-wrapper > * {
width: 349px;
padding: 0 10px 0 0;
text-align: left;
}
.login-panel:not(.USERID) .right-panel > .form-wrapper > .labelInputWrapper {
float: none !important;
display: inline-block;
}
.login-panel:not(.USERID) .right-panel > .form-wrapper > .buttons {
width: 100%;
text-align: center;
}
.login-panel:not(.USERID) .right-panel > .form-wrapper > .buttons input {
width: 32%;
float: none;
}
#normal-password-rules-panel {
max-width: 339px;
margin: 45px 0 0 8px;
}
div.password-rule > .password-rule-message {
width: 95%;
}
#normal-password-rules-panel .password-rule-category {
display: none;
}
.password-rules-panel {
font-size: 12px;
}
/* PASSWORD_SELF_UNBLOCK */
.PASSWORD_SELF_UNBLOCK .right-panel .form-wrapper > #uap-infoBox-blocked {
width: 100% !important;
margin-bottom: 30px;
}
.PASSWORD_SELF_UNBLOCK .right-panel .form-wrapper > #unblock-contract {
margin-bottom: 30px;
}
.PASSWORD_SELF_UNBLOCK .right-panel .form-wrapper > #unblock-contract > .uap-display {
display: block;
}
.PASSWORD_SELF_UNBLOCK .right-panel .form-wrapper > #unblock-contract {
width: 713px !important;
}
.PASSWORD_SELF_UNBLOCK .right-panel .form-wrapper > #unblock-contract > span {
width: 349px !important;
text-align: center;
}
.PASSWORD_SELF_UNBLOCK .right-panel .form-wrapper > #unblock-contract > input:nth-of-type(1) {
margin-left: 85px;
}
.PASSWORD_SELF_UNBLOCK .right-panel .form-wrapper > #unblock-contract > input:nth-of-type(2) {
margin-right: 85px;
}
/* CHALLENGE_GRIDCARD */
/* MIGRATION_OTAN_CHOICE_OF_TOKEN */
.MIGRATION_OTAN_CHOICE_OF_TOKEN .right-panel > .form-wrapper > .otan-migration-token {
text-align: center;
}
/* ACTIVATION_OTAN_APP_DOWNLOAD */
.ACTIVATION_OTAN_APP_DOWNLOAD .right-panel > .form-wrapper > .app-download-option {
width: 100%;
}
/* ACTIVATION_OTAN_CRYPTOGRAM_LETTER */
/* ACTIVATION_OTAN_CRYPTOGRAM_SCREEN */
.ACTIVATION_OTAN_CRYPTOGRAM_SCREEN .right-panel .form-wrapper > img {
border-left: 0;
}
.ACTIVATION_OTAN_CRYPTOGRAM_SCREEN .right-panel .form-wrapper > .uap-display {
float: none !important;
display: inline-block;
}
/* ACTIVATION_OTAN_REGISTER_NOTIFICATION_ID_CRYPTOGRAM_SCREEN */
.ACTIVATION_OTAN_REGISTER_NOTIFICATION_ID_CRYPTOGRAM_SCREEN .right-panel .form-wrapper > .uap-display {
float: none !important;
display: inline-block;
}
.ACTIVATION_OTAN_REGISTER_NOTIFICATION_ID_CRYPTOGRAM_SCREEN .right-panel .form-wrapper > .buttons input {
width: 349px !important;
}
/* CHALLENGE_OTAN */
.CHALLENGE_OTAN  .right-panel .form-wrapper > .uap-display {
float: none !important;
display: inline-block;
}
/* PASSWORD_CHANGE */
.login-panel.PASSWORD_CHANGE  .right-panel .form-wrapper > .labelInputWrapper {
float: right !important;
margin-right: 7px;
clear: both;
}
.PASSWORD_CHANGE  .right-panel .form-wrapper > .labelInputWrapper:nth-of-type(3) {
margin-bottom: 80px;
}
/* PASSWORD_SELFCHANGE_CHANGE */
.login-panel.PASSWORD_SELFCHANGE_CHANGE  .right-panel .form-wrapper > .labelInputWrapper {
float: right !important;
margin-right: 7px;
clear: both;
}
.PASSWORD_SELFCHANGE_CHANGE .right-panel .form-wrapper > .labelInputWrapper:nth-of-type(3) {
margin-bottom: 80px;
}
/* PASSWORD_PERIODICAL_CHANGE */
.login-panel.PASSWORD_PERIODICAL_CHANGE  .right-panel .form-wrapper > .labelInputWrapper {
float: right !important;
margin-right: 7px;
clear: both;
}
.PASSWORD_PERIODICAL_CHANGE  .right-panel .form-wrapper > .labelInputWrapper:nth-of-type(3) {
margin-bottom: 80px;
}
/* FORGET_PASSWORD_REQUEST_CHANGE */
.login-panel.FORGET_PASSWORD_REQUEST_CHANGE .right-panel .form-wrapper > .labelInputWrapper {
float: right !important;
margin: 0 0 30px 0;
margin-right: 7px;
}
}
@media only screen and (max-width: 768px) {
.login-panel:not(.USERID) .left-panel,
.login-panel:not(.USERID) .right-panel {
width: 100%;
max-width: 360px;
margin: 0 auto;
float: left;
display: block;
height: auto;
}
.login-panel:not(.USERID) .right-panel .form-wrapper > .uap-display,
.login-panel:not(.USERID) .right-panel .form-wrapper > .labelInputWrapper,
.login-panel:not(.USERID) .right-panel .form-wrapper > #new-device-label,
.login-panel:not(.USERID) .right-panel .form-wrapper > #uap-resetOtanToken-link {
margin-left: 0;
}
#main-panel {
width: 360px !important;
}
.login-panel:not(.USERID) .right-panel {
margin-bottom: 30px;
}
.login-panel:not(.USERID) .left-panel .user-infoWrapper {
width: 360px;
text-align: left;
margin: 0;
}
.login-panel:not(.USERID) .right-panel .form-wrapper > * {
position: relative;
float: left !important;
width: 100% !important;
text-align: left;
padding: 0;
}
.login-panel:not(.USERID) .right-panel .form-wrapper > .uap-display {
margin: 30px 0;
}
.login-panel:not(.USERID) .right-panel .form-wrapper > .buttons {
margin-top: 0;
}
.login-panel:not(.USERID) .right-panel .form-wrapper > .buttons input {
width: 100%;
margin-bottom: 20px;
}
#normal-password-rules-panel {
max-width: 360px;
margin-left: 0;
}
div.password-rule > .password-rule-message {
width: 95%;
}
#normal-password-rules-panel .password-rule-category {
display: none;
}
.password-rules-panel {
font-size: 12px;
}
/* FORGET_PASSWORD_REQUEST_NEW */
.FORGET_PASSWORD_REQUEST_NEW .right-panel .form-wrapper > .labelInputWrapper {
margin-top: 0;
margin-bottom: 20px;
}
/* FORGET_PASSWORD_REQUEST_CHANGE */
.FORGET_PASSWORD_REQUEST_CHANGE .right-panel .form-wrapper > .labelInputWrapper {
margin-top: 0;
margin-bottom: 30px;
}
.FORGET_PASSWORD_REQUEST_CHANGE .right-panel .form-wrapper > .labelInputWrapper:nth-of-type(1) {
margin-top: 0;
}
/* PASSWORD_SELF_UNBLOCK */
.PASSWORD_SELF_UNBLOCK .right-panel .form-wrapper > #uap-infoBox-blocked {
width: 100% !important;
}
.PASSWORD_SELF_UNBLOCK .right-panel .form-wrapper > #unblock-contract {
width: 100% !important;
margin: 30px 0;
text-align: center;
}
.PASSWORD_SELF_UNBLOCK .right-panel .form-wrapper > #unblock-contract > span {
width: 100% !important;
text-align: center;
}
.PASSWORD_SELF_UNBLOCK .right-panel .form-wrapper > #unblock-contract > span.uap-display {
text-align: left;
}
.PASSWORD_SELF_UNBLOCK .right-panel .form-wrapper > #unblock-contract > input {
float: none !important;
display: block;
margin: 0 auto !important;
}
.PASSWORD_SELF_UNBLOCK .right-panel .form-wrapper > .help-message {
margin-bottom: 30px;
}
/* PASSWORD_CHANGE */
.PASSWORD_CHANGE .right-panel {
width: 360px !important;
}
.PASSWORD_CHANGE .right-panel .form-wrapper > .uap-display {
width: 100%;
}
.PASSWORD_CHANGE .right-panel .form-wrapper > .labelInputWrapper {
width: 100%;
left: auto;
float: left;
bottom: 0 !important;
}
.PASSWORD_CHANGE .right-panel .form-wrapper > .buttons {
width: 100%;
float: left;
}
/* PASSWORD_SELFCHANGE_CHANGE */
.PASSWORD_SELFCHANGE_CHANGE .right-panel {
width: 360px !important;
}
.PASSWORD_SELFCHANGE_CHANGE .right-panel .form-wrapper > .uap-display {
width: 100%;
}
.PASSWORD_SELFCHANGE_CHANGE .right-panel .form-wrapper > .labelInputWrapper {
width: 100%;
left: auto;
float: left;
bottom: 0 !important;
}
.PASSWORD_SELFCHANGE_CHANGE .right-panel .form-wrapper > .buttons {
width: 100%;
float: left;
}
/* PASSWORD_PERIODICAL_CHANGE */
.PASSWORD_PERIODICAL_CHANGE .right-panel {
width: 360px !important;
}
.PASSWORD_PERIODICAL_CHANGE .right-panel .form-wrapper > .uap-display {
width: 100%;
}
.PASSWORD_PERIODICAL_CHANGE .right-panel .form-wrapper > .labelInputWrapper {
width: 100%;
left: auto;
float: left;
bottom: 0 !important;
}
.PASSWORD_PERIODICAL_CHANGE .right-panel .form-wrapper > .buttons {
width: 100%;
float: left;
}
/* ACTIVATION_OTAN_CRYPTOGRAM_LETTER */
.ACTIVATION_OTAN_CRYPTOGRAM_LETTER .right-panel {
width: 360px !important;
}
.ACTIVATION_OTAN_CRYPTOGRAM_LETTER .right-panel .form-wrapper > p {
width: 100%;
text-align: left;
}
.ACTIVATION_OTAN_CRYPTOGRAM_LETTER .right-panel .form-wrapper > .labelInputWrapper {
width: 100%;
left: auto;
float: left;
bottom: 0 !important;
}
.ACTIVATION_OTAN_CRYPTOGRAM_LETTER .right-panel .form-wrapper > .buttons {
width: 100%;
float: left;
left: 0;
}
/* ACTIVATION_OTAN_APP_DOWNLOAD */
.ACTIVATION_OTAN_APP_DOWNLOAD .right-panel {
width: 360px !important;
}
.ACTIVATION_OTAN_APP_DOWNLOAD .right-panel .form-wrapper > .app-download-info {
width: 100%;
text-align: left;
margin-top: 20px;
}
.ACTIVATION_OTAN_APP_DOWNLOAD .right-panel .form-wrapper > .app-download-option {
width: 100%;
margin-top: 20px;
border: 0 !important;
}
.ACTIVATION_OTAN_APP_DOWNLOAD .right-panel .form-wrapper > .app-download-option .app-download-image {
float: none;
display: block;
margin: 0 auto;
}
.ACTIVATION_OTAN_APP_DOWNLOAD .app-download-option .app-download-image-label {
width: 100%;
text-align: center;
}
.ACTIVATION_OTAN_APP_DOWNLOAD .right-panel .form-wrapper > .buttons {
width: 100%;
float: left;
}
.ACTIVATION_OTAN_APP_DOWNLOAD .right-panel .form-wrapper > .buttons input {
margin-bottom: 20px;
}
/* ACTIVATION_OTAN_CRYPTOGRAM_SCREEN */
.login-panel.ACTIVATION_OTAN_CRYPTOGRAM_SCREEN .right-panel .form-wrapper > img {
border: 0;
padding-left: 0;
width: 250px !important;
margin: auto auto 20px 55px ;
}
.login-panel.ACTIVATION_OTAN_CRYPTOGRAM_SCREEN .right-panel .form-wrapper > #uap-errorBox {
margin-bottom: 20px;
}
/* ACTIVATION_OTAN_REGISTER_NOTIFICATION_ID_CRYPTOGRAM_SCREEN */
.login-panel.ACTIVATION_OTAN_REGISTER_NOTIFICATION_ID_CRYPTOGRAM_SCREEN .right-panel .form-wrapper > img {
border: 0;
padding-left: 0;
width: 250px !important;
margin-left: 55px;
}
.login-panel.ACTIVATION_OTAN_REGISTER_NOTIFICATION_ID_CRYPTOGRAM_SCREEN .right-panel .form-wrapper > #uap-errorBox {
margin-bottom: 20px;
}
.login-panel.ACTIVATION_OTAN_REGISTER_NOTIFICATION_ID_CRYPTOGRAM_SCREEN .right-panel .form-wrapper > .buttons {
width: 360px;
float: none;
}
.ACTIVATION_OTAN_REGISTER_NOTIFICATION_ID_CRYPTOGRAM_SCREEN .right-panel .form-wrapper > .buttons input {
width: 100%;
}
/* ACTIVATION_OTAN_CONFIRMATION */
/* Ok */
/* CHALLENGE_OTAN */
.CHALLENGE_OTAN .right-panel .form-wrapper > #new-device-label {
margin-top: 0;
}
.login-panel.CHALLENGE_OTAN .right-panel .form-wrapper > img {
border: 0;
padding-left: 0;
width: 250px !important;
float: none;
margin-bottom: 20px;
margin-left: 55px;
}
.login-panel.CHALLENGE_OTAN .right-panel .form-wrapper > .labelInputWrapper {
margin-top: 0;
}
.login-panel.CHALLENGE_OTAN .right-panel .form-wrapper > #uap-errorBox {
margin-bottom: 20px;
}
.CHALLENGE_OTAN .right-panel .form-wrapper > #uap-resetOtanToken-link {
margin: 0;
}
/* CHALLENGE_GRIDCARD */
.login-panel.CHALLENGE_GRIDCARD .right-panel .form-wrapper > .uap-display,
.login-panel.CHALLENGE_GRIDCARD .right-panel .form-wrapper > .uap-gridcard-position {
float: left;
clear: both;
}
.login-panel.CHALLENGE_GRIDCARD .right-panel .form-wrapper > .uap-gridcard-position {
margin-bottom: 30px;
}
.login-panel.CHALLENGE_GRIDCARD .right-panel .form-wrapper > #uap-errorBox,
.login-panel.CHALLENGE_GRIDCARD .right-panel .form-wrapper > .labelInputWrapper,
.login-panel.CHALLENGE_GRIDCARD .right-panel .form-wrapper > #capslock-message,
.login-panel.CHALLENGE_GRIDCARD .right-panel .form-wrapper > .buttons {
width: 250px;
text-align: left;
clear: both;
float: right;
margin-top: 0;
}
/* MIGRATION_OTAN_CHOICE_OF_TOKEN */
.MIGRATION_OTAN_CHOICE_OF_TOKEN .right-panel .form-wrapper > .otan-migration-token {
text-align: center;
border: 0 !important;
}
.MIGRATION_OTAN_CHOICE_OF_TOKEN .right-panel .form-wrapper > .buttons {
margin-top: 30px;
float: left;
}
.MIGRATION_OTAN_CHOICE_OF_TOKEN .right-panel .form-wrapper > .buttons input {
margin: 0;
}
/* MIGRATION_OTAN_READER_CONTACT */
.MIGRATION_OTAN_READER_CONTACT .right-panel .form-wrapper > p {
text-align: left;
}
/* MIGRATION_OTAN_CONFIRMATION */
.MIGRATION_OTAN_CONFIRMATION .right-panel .form-wrapper > p {
text-align: left;
}
/* ACTIVATION_OTAN_REGISTER_NOTIFICATION_ID_CONFIRMATION */
.ACTIVATION_OTAN_REGISTER_NOTIFICATION_ID_CONFIRMATION .right-panel .form-wrapper > .buttons {
float: none;
}
/* INVITATION_OTAN_PUSH_NOTIFICATION */
.INVITATION_OTAN_ENFORCE_DEVICE_NAME .right-panel .form-wrapper > .labelInputWrapper {
margin: 0 0 20px 0;
}
}
/* CSS PART 2 - END */

/* CSS PART 3 - UNBLU - START */
.unblu-actions {
margin: 0;
}
#unblu-cobrowsing-button {
display: none;
height: 36px;
width: 28px;
text-align: left;
text-decoration: none;
margin: 0px;
padding: 0px;
vertical-align: baseline;
font: 14px Arial, Helvetica, sans-serif;
border: 0px solid transparent;
border-radius: 0px 4px 4px 0px;
min-height: 0px;
box-shadow: none;
color: rgb(0, 0, 0);
background: rgb(52, 68, 85) none repeat scroll 0% 0%;
resize: none;
z-index: 1;
overflow: visible;
box-sizing: border-box;
transition: inherit;
cursor: pointer;
position: fixed;
left: 0px;
bottom: 60px;
}
#unblu-cobrowsing-icon {
height: 20px;
width: 20px;
text-align: left;
text-decoration: none;
margin: 0px;
padding: 0px;
vertical-align: baseline;
font: 14px Arial, Helvetica, sans-serif;
border: 0px none;
border-radius: 0px;
min-height: 0px;
transition: inherit;
box-shadow: none;
color: rgb(0, 0, 0);
background: transparent none repeat scroll 0% 0%;
resize: none;
z-index: 1;
overflow: visible;
position: absolute;
left: 4px;
top: 8px;
}
#unblu-cobrowsing-icon span {
font-family: x-unblu-iconfont;
position: initial;
display: inline-block;
font-size: 20px;
color: rgb(255,255,255);
transition: transform 0.3s eas-in-out 0s;
}
#unblu-cobrowsing-icon span::before {
content: "\e62e";
}
#uap-unblu-cobrowsing {
left: 0px;
top: 0px;
width: 100vw;
height: 100vh;
position: fixed;
place-content: center;
align-items: center;
background: rgba(0, 0, 0, 0) radial-gradient(at center center, rgba(52, 68, 85, 0.75), rgba(29, 37, 47, 0.85)) repeat scroll 0% 0%;
z-index: 10000;
}
.cobrowsing-popup {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
padding: 32px 32px 0px;
border-radius: 4px 4px 0px 0px;
background: rgb(255, 255, 255) none repeat scroll 0% 0%;
}
#cobrowsing-popup-title {
height: auto;
width: 100%;
text-align: left;
text-decoration: none;
padding: 32px 32px 0px;
vertical-align: baseline;
font: 14px Arial, Helvetica, sans-serif;
border: 0px solid transparent;
border-radius: 4px 4px 0px 0px;
min-height: 0px;
box-shadow: none;
color: rgb(0, 0, 0);
background: transparent none repeat scroll 0% 0%;
resize: none;
z-index: 1;
overflow: hidden;
box-sizing: border-box;
position: relative;
top: 0;
max-width: 100%;
}
#cobrowsing-popup-title p {
height: auto;
width: auto;
text-decoration: none;
margin: 0px;
padding: 0px;
vertical-align: baseline;
font: 400 24px XUnbluSansPro, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
border: 0px none;
border-radius: 0px;
min-height: 0px;
transition: all 0s ease 0s;
box-shadow: none;
color: rgb(53, 64, 82);
background: transparent none repeat scroll 0% 0%;
resize: none;
white-space: pre-line;
overflow-wrap: normal;
text-align: left;
}
.close-button {
position: absolute;
top: 0px;
right: 0px;
border: 0;
background: transparent;
color: rgb(30,30,30);
font-size: 33px;
z-index: 98;
}
.no-agent, .agent-busy, .agent-online {
display: none;
}
#unblu-chat-panel.offline .no-agent {
display: block;
}
#unblu-chat-panel.busy .agent-busy {
display: block;
}
#unblu-chat-panel.online .agent-online {
display: block;
}
.chat-hint-container {
display: none;
}
.chat-hint-link {
cursor: pointer;
text-decoration: underline;
width: 100%;
display: inline-block;
text-align: center;
}
.unblu-chat-button i {
background: #d31521;
color: #fff;
}
.chat-modal-backdrop {
display:none;
z-index: 90;
position: fixed;
opacity: 0.5;
background: no-repeat scroll center #CCCCCC;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
margin: 0;
}
.chat-button-anchor {
position: relative;
width: 0;
height: 0;
}
.chat-container {
left: 0;
bottom: 0;
right: 0;
position: fixed;
width: 100%;
z-index: 90;
}
.unblu-chat-button {
position: absolute;
width: 45px;
top: 0;
right: 20px;
left: auto;
bottom: auto;
z-index: 99;
text-align: center;
}
@media only screen and (max-width:768px) {
.unblu-chat-button {
position: absolute;
width: auto;
top: auto;
bottom: -1px;
left: 0;
right: 0;
height: 46px;
cursor: pointer;
text-align: center;
z-index: 101;
margin: 0 -10px;
}
}
/*.unblu-chat:after {
content: "Chat";
position: absolute;
bottom:0;
font-size: 10px;
transform: translate(-26px, 17px);
font-family: sans-serif;
}*/
.online-support-modal-backdrop {
display: none; /*intended to be flex*/
z-index: 101;
position: fixed;
margin: 0;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
user-select: none;
justify-content: center;
background: rgba(200,200,200,0.5);
}
.online-support-modal {
border-radius: 4px;
align-self: center;
max-width: 480px;
}
.online-support-modal > .modal-header {
width: 100%;
background-color: #fff;
padding: 32px 32px 24px 32px;
font: 400 24px XUnbluSansPro, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
border-radius: 4px 4px 0px 0px;
position: relative;
}
.online-support-modal .modal-close {
position: absolute;
top: 0;
right: 8px;
font-size: 40px;
line-height: 1;
cursor: pointer;
}
.online-support-modal .support-options {
background-color: #edeef2;
display: flex;
flex-direction: row;
flex-grow: 1;
flex-shrink: 0;
align-self: stretch;
max-width: 100%;
border-radius: 0px 0px 4px 4px;
}
.online-support-modal .chat-support,
.online-support-modal .cobrowsing-support {
display: flex;
flex-direction: column;
align-items: center;
flex-grow: 1;
flex-shrink: 0;
width: 50%;
cursor: pointer;
}
.online-support-modal .chat-support:hover,
.online-support-modal .cobrowsing-support:hover {
background-color: #c9cace;
}
.online-support-modal .option-start-spacer {
height: 26px;
}
.online-support-modal .under-icon-spacer {
height: 20px;
}
.online-support-modal .option-title {
width: 100%;
font: 600 14px XUnbluSansPro, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
text-align: center;
}
.online-support-modal .option-description {
padding: 15px 45px 45px;
align-self: stretch;
width: 100%;
font: 400 14px XUnbluSansPro, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
text-align: center;
}
.online-support-modal .chat-option-icon>span,
.online-support-modal .cobrowsing-option-icon>span {
margin-left: -1em;
}
.online-support-modal .chat-option-icon,
.online-support-modal .cobrowsing-option-icon {
height: 62px;
position: relative;
width: 100%;
justify-content: center;
display: flex;
}
#unblu-chat-panel {
position: absolute;
width: 100%;
padding-left: 45px;
padding-right: 15px;
padding-top: 10px;
background-color: #fff;
font-family: "TheMixPlainSemiLight", Arial, Helvetica, sans-serif;
z-index:91;
height: 46px;
min-height: 46px;
max-height: 90vh;
overflow-y: auto;
bottom: 0;
left: 10px;
}
#unblu-chat-panel.expanded {
height: auto;
padding-bottom: 46px;
margin-left: -10px;
margin-right: -10px;
}
#unblu-chat-panel .close-chat-panel {
font-size: 45px;
color: #d31521;
background: transparent;
position: absolute;
padding: 10px;
top: 3px;
left: 0px;
z-index: 98;
cursor: pointer;
}
#unblu-chat-panel .chat-title {
padding: 0px;
}
#unblu-chat-panel .chat-title h3 {
margin-bottom: 0;
font-size: 18px;
font-weight: normal;
}
#unblu-chat-panel .chat-description {
font-size: 12px;
line-height: 1.4em;
}
#unblu-chat-panel .bad-contract-num,
#unblu-chat-panel .chat-error {
color: #d31521;
text-weight: bold;
display: none;
font-size: 10px;
}
#unblu-chat-panel .chat-form {
font-size: 12px;
}
.chat-form .chat-swiss {
display: flex;
margin-bottom: 7px;
}
.locale_de .chat-swiss {
height: 3em;
}
.chat-form .chat-swiss label[for] {
color: #000;
margin: 0;
padding-left: 6px;
font-size: 12px;
font-weight: normal;
position: initial;
}
.chat-form .chat-contract {
padding-bottom: 7px;
}
#unblu-chat-panel .chat-legal {
padding: 0px;
font-size: 10px;
line-height: 1.4em;
}
#unblu-chat-panel input[type="checkbox"] {
display: inline-block;
height: 22px;
width: 22px;
margin: 0;
padding: 0;
border: none;
cursor: pointer;
}
#unblu-chat-panel input[type="text"] {
height: 30px;
padding: 0 8px;
line-height: 28px;
width: 100%;
border-radius: 4px;
border: 1px solid #dbdbdb;
font-size: 12px;
font-family: "TheMixPlainSemiLight", Arial, Helvetica, sans-serif;
}
.chat-name, .chat-pin {
margin-bottom: 12px;
}
@media only screen and (min-width: 1000px) {
.chat-container {
width: 1000px;
}
}
@media only screen and (min-width: 769px) {
.chat-container {
margin-left: auto;
margin-right: auto;
top: 91px;
bottom: auto;
}
#unblu-chat-panel .close-chat-panel {
top: 0;
left: 0;
}
#unblu-chat-panel {
position: absolute;
padding-top: 30px;
padding-bottom: 0px;
padding-right: 17px;
padding-left: 12px;
top: 0;
right: 20px;
width: 45px;
left: auto;
bottom: auto;
}
#unblu-chat-panel.expanded {
width: 280px;
padding-bottom: 0;
margin-left: 0px;
margin-right: 0px;
}
}
.active-session {
display: none !important;
}
.loading-container {
width: calc(100% - 90px);
display: block;
text-align: center;
position: absolute;
top: 9px;
z-index: 90;
left: 45px;
}
.loading {
display: none;
width: 30px;
height: 30px;
border: 3px solid #000;
border-right-color: transparent;
border-radius: 50%;
box-shadow: 0 0 25px 2px #eee;
animation: spin 1s linear infinite;
}
@keyframes spin {
from { transform: rotate(0deg);   opacity: 0.2; }
50%  { transform: rotate(180deg); opacity: 1.0; }
to   { transform: rotate(360deg); opacity: 0.2; }
}
.btn-wrapp {
width: 100%;
}
#startChat {
background: #d31521;
color: #fff;
padding: 0 12px;
height: auto;
text-align: center;
font-size: 12px;
line-height: 35px;
text-transform: none;
text-align: center;
margin-bottom: 10px;
width: 100%;
border: none;
}
[uwtclass="com.unblu.core.client.ui.engagement.L7"] {
display: none;
}
li.unblu-link {
height: 45px;
width: 45px;
cursor: pointer;
display: block;
padding: 0;
text-align: center;
transition: all 0.4s;
}
i {
font-size: 24px !important;
background: white;
color: #d31521;
display: block !important;
line-height: 45px !important;
transition: all 0.4s;
}
i:hover {
background: #d31521;
color: #fff;
}
[class^="unblu-"], [class*=" unblu-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "unblu" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.unblu-chat:before {
content: "\e900";
}
.fbcvs-Link:before {
content: "\e907";
}
.fbcvs, [class^="fbcvs-"], [class*=" fbcvs-"] {
/* use !important to prevent issues with browser extensions that change fonts */
display: inline-block;
font: 24px/1 fbcvs;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@font-face {
font-family: "unblu";
src: url("../font/unblu/vhs-assets-css-1.eot?vzv9d2p");
src: url("../font/unblu/vhs-assets-css-2.eot?vzv9d2p#iefix")
format("embedded-opentype"),
url("../font/unblu/vhs-assets-css.ttf?vzv9d2p") format("truetype"),
url("../font/unblu/vhs-assets-css.woff?vzv9d2p") format("woff"),
url("../font/unblu/vhs-assets-css.svg?vzv9d2p#unblu") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "fbcvs";
src: url("../font/fbcvs/vhs-assets-css-1.eot");
src: url("../font/fbcvs/vhs-assets-css-2.eot?#iefix") format("embedded-opentype"),
url("../font/fbcvs/vhs-assets-css.woff") format("woff"),
url("../font/fbcvs/vhs-assets-css.ttf") format("truetype"),
url("../font/fbcvs/vhs-assets-css.svg#fbcvs") format("svg");
font-weight: normal;
font-style: normal;
}
/* CSS PART 3 - UNBLU - END */
.USERID .login-form.right-panel {
  text-align: -webkit-center;
  text-align: -moz-center;
}

.USERID .buttons {
    float: none;
}

.CHALLENGE_OTAN #new-device-label {
	display : none;
}
.CHALLENGE_OTAN .right-panel .form-wrapper > #uap-resetOtanToken-link {
  margin-top: 60px;
}
/* Light login pages - END */
::-ms-reveal {                                                                                      
display:none;
}
.eye {
position: absolute !important;
right: 4px !important;
bottom: 8px !important;
height: 34px !important;
width: 30px !important;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAPtJREFUOI3N0s0qhGEUB/CfmQVyAcYlIKVp3I2Fkc9yDZjMNDELUSzGrciemjRzDyRLCrPB4j1vPb0Ns5NTp07/j6f/0zn8x5pDCwO8Rw/QRGWceROveMAJVqM7eMQL6j+Zm/hEG5Mj+Ckch6ZRJHeDWEuwFXRxhVqCr4d2OwcWMcRBwTzELe5iriZ8Ax9YgJsQlRNBN8wT0T1cJnw5sOsSShHpKxHkxnwu/cJbioj7iaAWWA/3slUuJ3w7vjCfA3uRIl1RNWJfFMw7kWZLoVrxSAfTRRIzOA3z4QgebMgO6QlnkaiOczwbc0h5VWRH1cdbdB9HmB1n/vv6Bl2eQCrmgZYeAAAAAElFTkSuQmCC);
background-repeat: no-repeat !important;
background-color: transparent !important;
background-position: center;
border: 0 !important;
padding: 0 !important;
}
.eye:focus {
outline: none !important;
}