/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
@font-face {font-family: 'Akzidenz-grotesk-roman';
src:
url('../fonts/Akzidenz-grotesk-roman.ttf') format("truetype");
}
@font-face {font-family: 'Akzidenz-grotesk-bold';
src:
url('../fonts/Akzidenz-grotesk-bold.ttf') format("truetype");
}
@font-face {font-family: 'Akzidenz-grotesk-light';
src:
url('../fonts/Akzidenz-grotesk-light.ttf') format("truetype");
}
@font-face {font-family: 'PFCentroSlabPro-Regular';
src:
url('../fonts/PFCentroSlabPro-Regular.otf') format("opentype")
}
/*
@font-face {font-family: 'Akzidenz-grotesk-roman';
src:
url('../fonts/PFCentroSlabPro-Medium.otf') format("opentype")
}
*/
@font-face {font-family: 'PFCentroSlabPro-Light';
src:
url('../fonts/PFCentroSlabPro-Light.otf') format("opentype")
}
html,
button,
input,
select,
textarea {
color:;
}
.orange{ color:#F36633;}
.purple{ color:#924A98;}
.grey{ color:#544F40;}
.blue{ color:#40488D;}
.yellow{ color:##E49B13; }
body {
color: #544F40;
font-family: 'Akzidenz-grotesk-roman';
font-size: 18px;
/* font-weight: 400; */
line-height: 25px;
background-image:url(../images/site-background.png); background-repeat:no-repeat; background-position:top center; background-size:100%;
}
ul{ padding-left:30px;}
ul li{ padding-left: 10px;
padding-bottom: 10px;}
body.patients {
background-image:url(../images/site-background-patient.png); background-repeat:no-repeat; background-position:top center; background-size:100%;
}
.radio-check img{ margin-right:5px; margin-top:-5px;}
.ui-widget-content p.green{ font-size:14px!important; margin-top:20px;}
a.refresh{ font-size:14px; padding-left:20px; cursor:pointer; text-decoration:underline;}
.top-links{ margin-bottom:10px;}
.inner-box{ display:block; min-height:80px; margin-bottom:20px;}
.inner-box-hcp{ display:block; min-height:100px; margin-bottom:20px;}
.logo img{ }
.col-q.radio-check img{ float:left; margin-top:5px;}
.not-found ul.list-head li{ font-size:16px!important;}
.strong{}
h4{margin-bottom:20px; font-size:18px;font-weight: 700; }
p.smaller{ font-size:10px; line-height:15px; margin-top:30px; display:block;}
#header .small{padding-left: 20px; font-size:10px!important;
line-height: 15px; padding-right:40px; }
a.login{ outline:none; color:#fff!important;}
.right-info{ padding-left:30px; font-size: 30px;
line-height: 35px;
padding-top: 40px; }
.underline{ text-decoration:underline;}
.pi_tab1{ width:60%!important; float:left;}
.pi_tab1.second_row{ width:30%!important; float:right;}
.bold{font-family: 'Akzidenz-grotesk-bold';}
#before-ok{height: 20px;
width: 20px;
background-color: #fff;
border: 2px solid #c5c5c5;
display:block;
border-radius: 5px;
margin-right:14px;
float:left; }
#card-bin {
position: absolute;
z-index: 4;
laft: 20px;
/* top: 0; */
left: 55px;
color: #fff;
font-size: 12px;
font-weight: 600;
display: block;
float: left;
text-align: left;
bottom: -46px;
}
#card-id {
position: absolute;
z-index: 4;
laft: 20px;
/* top: 0; */
left: 45px;
color: #fff;
font-size: 12px;
font-weight: 600;
display: block;
float: left;
text-align: left;
bottom: -92px;
}
#card-group {
position: absolute;
z-index: 4;
left: 70px;
color: #fff;
font-size: 12px;
font-weight: 600;
display: block;
float: left;
text-align: left;
bottom: -78px;
}
#tabs .ui-state-active a{
background-color: #F36633;
text-decoration: none;
border: 1px solid #fff !important;
color:#fff;
}
.consent_form_patient .radios{ width:100%; float:left; margin-bottom:20px;}
.consent_form_patient .radios p{ width:100%; float:left; margin:0;}
.consent_form_patient .text input{ max-width:90%;}
.red{ color:#F36633;}
.red-error{ color:#F36633; }
.margin-left{ margin-left:18%; }
.search-title{ width:100%; float:left; background-color: #F36633; background-image:url(../images/search.png); background-repeat:no-repeat; background-position: 30px;
color: #ffffff;
font-family: 'Akzidenz-grotesk-roman';
font-size: 23px;
font-weight: 700;
line-height: 34px;
padding: 20px;
padding-left: 60px;}
.active-search{ background-color:#c5c5c5;}
.search-box{ background-color:#ededed; padding:20px; float:left;}
a.plus{ float: right;
width: 30px;
height: 35px;
background-image: url(../images/plus.png);
background-repeat: no-repeat;
background-position: center;
cursor: pointer; }
a.close-search{ float: right;
width: 30px;
height: 35px;
background-image: url(../images/x.png);
background-repeat: no-repeat;
background-position: center;
cursor: pointer;}
.title-head sup{ font-size:45%; top: -.8em; }
.ui-widget-content label {
margin-bottom:0;
}
.white-home{ padding-top:60px; padding-bottom:50px;}
.white-home .title-left{ }
#tabs-3 table td{ padding:10px;border: 1px solid #ddd;}
.ui-tabs .ui-tabs-panel{ padding-left:0!important; padding-right:0!important;}
#tabs{ border:0;}
.white-text{ color:#fff;}
.semi.white-text{ font-size:22px;}
.pad-top{ padding-top:15%;}
h1.smaller-text{font-size: 40px!important;
padding-right: 20px; line-height:45px; margin-bottom:20px; margin-top:20px;}
.col-lg-6 p.intro{ margin-bottom:0; line-height:40px;}
.numbers{ display:none;}
.col-lg-6 img.card{ position:relative; z-index:2; margin-bottom:-140px;}
.informations-box{
max-width: 550px;
float: left;
margin: 0 auto;
margin-bottom: 40px;
border: 1px solid #fff;
padding-bottom: 15px;
box-shadow: 0px 0px 15px rgb(0 0 0 / 24%);
background:#fff;
border-radius: 30px;
padding:20px;
}
.white.inbox{ position:relative; z-index:1;}
.margin-top{min-height:400px;}
.margin-top .col-lg-6{ margin-top:70px;
padding-bottom: 30px;}
.bigFont{ font-size:40px;font-family: 'Akzidenz-grotesk-roman'; line-height:40px; display:block; margin-top:10px;}
.white-text a{ color:#fff; text-decoration:underline;}
.white-text a:hover{ color:#fff; text-decoration:underline;}
.white.inbox.thank-you{ padding-top:160px; padding-bottom:0;}
.top-text .bottom-text {
width: 70%!important;
margin-top:50px;
margin-bottom:50px;
}
.pad-content h1{color: #40488D ;
font-family: 'Akzidenz-grotesk-roman';
font-size: 40px!important;
line-height: 47px;
margin-bottom:0;
margin-top:70px; }
h1.intro-hcp{color: #F36633 ;
font-family: 'Akzidenz-grotesk-roman';
font-size: 40px!important;
line-height: 47px;
margin-bottom:0;
margin-top:70px;
padding-right:20%;
margin-bottom: 20px; }
h5.blue-hcp{color: #40488D ;
font-family: 'Akzidenz-grotesk-roman';
font-size: 18px;
line-height: 25px;
margin-bottom: 0;
margin-top: 20px; }
p.intro-hcp {
font-size: 22px;
font-weight: 400;
line-height: 30px;
margin-bottom: 20px;
}
p.required-field img{margin-right: -20px;
float: right;
margin-top: 15px;}
.styled-select img{margin-right: -20px;
float: right;
margin-top: 15px;}
.box-grey-last p{ margin-bottom:30px;}
.ui-widget-content {
background:#fff!important;
border: 0;
float: left;
width: 100%;
font-size:16px;
}
h2.faq{font-size: 20px;
font-weight: 700;
line-height: 27px;}
a.faq:hover{ text-decoration:none;}
.footer-right{ text-align:right; float:right; padding-left:40px; }
.footer-right a{ color:#fff;}
.pad-right{ padding-right:75px;}
.pad-right-more{ padding-right:85px;}
.pad-left{ padding-left:45px;}
.pad-bottom{ padding-bottom:30px;}
.title-left{color: #40488D;
font-family: 'Akzidenz-grotesk-roman';
font-size: 40px;
font-weight: 700;
line-height: 47px;
display: block;
margin-bottom: 40px;
text-align: center;}
.bottom-text{ position:relative; }
.col-header-2{ float:right; padding-top:10px; padding-bottom:40px; padding-left:25px;}
.col-header-2 img{ float:right; margin-bottom:30px;}
.col-header-2 .subtitle-head{ display:block; margin-bottom:5px;}
.col-header-2 table{ float:right;}
.top-header{ width:100%; float:left; background-color:#fff; border-bottom:1px solid #ddd; position:fixed; top:0; z-index:999; padding-bottom:10px; padding-top:10px;}
.overview .col-green .alignleft{ }
.line-to-complete{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
.ui-widget-content p{ float:left; width:100%;}
.ui-widget-content .field select{ width:220px!important;}
.btn-file {
position: relative;
overflow: hidden;
border: 1px solid #F36633;
display: block;
float: left;
padding: 7px;
color: #fff;
background-color: #F36633;
background-image: url(../images/sag-white.png);
background-repeat: no-repeat;
background-position: right;
padding-right: 30px;
padding-left: 20px;
}
.btn-file:hover{ position: relative;
overflow: hidden;
border: 1px solid #F36633;
display: block;
float: left;
padding: 7px;
color: #fff;
background-color: #F36633;
background-image: url(../images/sag-white.png);
background-repeat: no-repeat;
background-position: right;
padding-right: 30px;
padding-left: 20px;}
.btn-file 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;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
.copy{ float:left; text-align:left; line-height: 17px;}
.copy img{ margin-right:20px; margin-bottom:60px;}
.copy p{ margin-bottom:7px;}
/* ==========================================================================
Author's custom styles
========================================================================== */
a{ font-weight:normal;color:#40488D;}
a:hover{ color:#40488D;}
a.welcome{color:#ffffff;text-decoration: underline;}
a.welcome:hover{color:#ffffff};
.logo{display:block; float:left; margin-bottom:10px;}
.menu{ margin-top:40px; display:block; float:right;}
.menu-patients a{
display:block;}
.menu-patients{
position: relative;
float: left;
width:165px;
margin-right: 40px;
}
.sidebar{ color:#fff;}
.sidebar h5{ font-size: 23px;
font-weight: 800;
line-height: 30px;
text-transform: uppercase;
padding-left:30px;margin-bottom:30px;}
.sidebar p.step{opacity: 0.9;
color: #ffffff;
font-family: 'Akzidenz-grotesk-roman';
font-size: 20px;
font-weight: 300;
line-height: 34px;
padding-left:30px; }
.sidebar p.step.active{opacity:1;
color: #ffffff;
font-family: 'Akzidenz-grotesk-roman';
font-size: 20px;
font-weight: 700;
line-height: 34px;
background-image:url(../images/sag-reg.png); background-repeat:no-repeat; background-position:left; }
.sidebar p.step.active-green{opacity:1;
color: #ffffff;
font-family: 'Akzidenz-grotesk-roman';
font-size: 20px;
font-weight: 700;
line-height: 34px;
background-image:url(../images/sag-reg-green.png); background-repeat:no-repeat; background-position:left; }
.background-register-hcp .sidebar p.step.active-green{ color:#1f1f1f ;font-family: 'Akzidenz-grotesk-roman'; }
.background-register-hcp .sidebar p.step.active{ color:#F36633 ; background-image:url(../images/sag-reg-grey.png); }
.background-register-hcp .sidebar p.step{ color:#1f1f1f ; }
.background-register-hcp .sidebar h5{ color:#F36633 ; }
.patient-bck{}
.hcp-bck{}
.patient-bck .content{}
.hcp-bck .contentxx{background-image:url(../images/bck-enroll-hcp.jpg);background-position: center;
background-size: contain; background-repeat:no-repeat; background-position:top;}
.background-register-hcp { background-color:transparent!important;}
.bck-innerxx { background-color:transparent!important;background-image:url(../images/bck-enroll-hcp.jpg);background-position: center;
background-size: contain; background-repeat:no-repeat; background-position:top;}
.background-register-hcp .content-register{ background-color:transparent;}
.background-register-hcp .sidebar{ border-right:1px solid #707070; margin-top:50px;}
.white-pad{ width:550px; display:block; margin:0 auto; margin-top:150px; background-color:#fff; border-radius:5px; padding:40px; margin-bottom:70px;}
.large-white-pad{ width: 90%;
display: block;
margin: 0 auto;
margin-top: -70px;
background-color: #fff;
border-radius: 5px;
padding: 60px;
margin-bottom: 70px;
box-shadow: 0px 0px 15px rgba(0,0,0,0.24);
float:none;
padding-top:40px; padding-bottom:40px;}
p {
margin: 0 0 15px;}
h2.office{ font-size:35px!important;}
.office-text{font-size: 17px;
font-weight: 400;
line-height: 25px; }
.office-text-smaller{font-size: 13px;
line-height: 19px;
padding-right: 30px; }
.background-register{background-image:url(../images/bck-register.png); background-repeat:no-repeat; background-position:left top; background-size:35% 100%; background-color:#fff;}
.bck-color{background-image:url(../images/bck-color.png); background-repeat:no-repeat;background-size:cover; width:100%; float:left; padding-bottom:100px;}
.white-pad form p{ margin-bottom:25px;}
.white-pad form label{ color: #40488D;
font-family: 'Akzidenz-grotesk-roman';
font-size: 15px;
font-weight: 700;}
.title-head .req{ font-size:18px;}
.menu-hcp a{
display:block;
}
.menu-hcp{
float:right;
position: relative;
float: left;
padding-left: 0;
padding-right: 0px;
}
.login-info{ font-size:13px; padding-left:15px; padding-right:15px;}
.login-info h3{ font-size:16px; font-weight:700;}
.menu-sp a{ background-image:url(../images/icon_specialty.png); background-repeat:no-repeat; background-position:left;
padding-left: 70px;
height: 68px;
padding-top: 7px;
background-position: 20px;
max-width: 170px;
display:block;
}
.hcp .menu-hcp a{
padding-left: 70px;
height: 68px;
padding-top: 7px;
background-color: #ebeff2;
background-position: 20px;
max-width: 200px;
display:block;
}
.more-bigger-font{ font-size:25px; line-height:30px;}
.bigger-font-size{ font-size:20px;}
.required{
font-family: 'Akzidenz-grotesk-bold';
font-size: 16px;
line-height: 41px;
text-transform: uppercase;}
input[type="text"], input[type="email"], input[type="password"] {
border-radius: 5px;
padding: 13px;
background-color: #fff;
border: 2px solid #c5c5c5;
width: 100%;
}
input.small-size{ width:120px;}
input:hocus{border: 2px solid #F36633; }
input:focus, textarea:focus {
border: 2px solid #F36633 !important;
}
.select-arrow-active{border: 2px solid #F36633 !important;}
input:focus, textarea:focus, select:focus {
outline-offset: 0px !important;
outline: none !important;
}
.desktop{ display:block!important;}
.hcp .menu-patients.active{ background-image:url(../images/colt.png); background-repeat:no-repeat; background-position:bottom; margin-bottom:12px; max-width: 170px; height:75px;}
.submenu{ display: block;
float: right;
color: #fff;
width: 200px;}
.submenu ul li a{ color: #fff;
/* padding-left: 10px; */
margin-left: 10px;
display: block;
letter-spacing:0.5;}
.submenu ul{ margin-left: 0;
padding-left: 0px;
width: 100%;
display: block;
float: left;
max-width: 250px;
display:none;
background-color: #425563;
margin-top:-43px;
padding-top:43px;
z-index:-1;}
footer .col-small a{color: #fff;}
.floatright{ float:right!important;}
.custom-select {
position: relative;
border-radius:5px;
}
.small-mobile .custom-select{ width:auto;}
.state.col-2 .custom-select{ width: 93%;
float: right;}
.custom-select select {
display: none; /*hide original SELECT element: */
}
.select-selected {
background-color: #fff;
border: 2px solid #c5c5c5;
}
/* Style the arrow inside the select element: */
.select-selected:after {
position: absolute;
top: 14px;
right: 10px;
width: 0;
height: 0;
border: 6px solid transparent;
border-color: #fff transparent transparent transparent;
}
/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
border-color: transparent transparent #fff transparent;
top: 7px;
}
/* style the items (options), including the selected item: */
.select-items div, .select-selected {
padding: 13px;
/* border: 1px solid transparent; */
/* border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; */
cursor: pointer;
}
.col-q .select-items div, .col-q .select-selected{}
.select-selected{ border-radius:5px!important;}
.input-color .select-items div, .input-color .select-selected{ }
.input-color .select-items div, .input-color .select-items div{ }
.select-items{ background-image:none;}
.select-selected{background-image:url(../images/select.png); background-repeat:no-repeat; background-position:right;}
/* Style items (options): */
.select-items {
/* height and overflow added to force scrolling within dropdown control */
height: 200px;
overflow-y: auto;
position: absolute;
background-color: #fff;
top: 100%;
left: 0;
right: 0;
z-index: 99;
border:2px solid #c5c5c5;
border-top:0;
}
/* Hide the items when the select box is closed: */
.select-hide {
display: none;
}
.select-items div:hover, .same-as-selected {
background-color: rgba(0, 0, 0, 0.1);
}
.full-list{ width:100%; float:left; margin-top:20px; margin-bottom:20px;}
.full-list .col-3{ width:30%; float:left; background-color:#fff; margin-right:24px; text-align:center; padding:10px;}
.no-margin-right{ margin-right:0!important;}
.inline-select{ width:340px; margin-right:20px;}
.inline-select .select-items div, .inline-select .select-selected{ background-color:#fff!important; }
.inline-select .select-items div, .inline-select .select-items div{ background-color:#fff!important; }
.styled-select.slate.small-field {
width: 130px;
margin-right: 25px;
}
.styled-select.slate {
width: 320px;
background-color: #fff;
float: left;
border-radius: 5px;
margin-right: 20px;
}
.small-input {
width: 340px!important;
float: left;
}
.col-q{ width:100%; float:left; margin-bottom:5px;}
h4.agree{ color:#F36633 ; font-size:20px; font-family: 'Akzidenz-grotesk-bold' }
.consent{ border:1px solid #ddd; background:#fafafa; padding:20px; display:block; float:left;}
.spacer {
height: 10px;
font-size: 1px;
display: block;
float: left;
width: 100%;
}
.small-field {
width: 130px!important;
margin-right: 25px;
float:left;
}
.logo img{ }
.text-logo{ display:none;}
footer .last-col{ }
footer .last-col a img{ }
footer .last-col p{ opacity:0.8;}
a.login:active{ text-decoration:none;}
.submenu:hover a{ text-decoration:none;}
a.login{ text-decoration:none!important;}
.submenu ul{ list-style:none;}
.submenu ul li{padding-top:5px; padding-bottom:5px; margin-bottom:5px; padding-left:40px; border-top:1px solid #c4c4c4;}
.submenu ul li::before {content: "\2022"; color: #959595; font-family:'HelveticaNeueLTStd-Roman';
display: block; width: 20px;
margin-left: -20px; margin-bottom:-30px; font-size:25px;}
.alignleft{ float:left; margin-right:20px;}
.col-green a.button{ margin-top:-10px!important;}
.submenu ul li:hover a { color:#959595; text-decoration:none;}
.submenu ul li:hover::before { color: #F36633;}
.submenu ul li a:hover{ color:#959595; text-decoration:none;}
.menu a{ text-decoration:none;
font-family: 'Akzidenz-grotesk-bold';
font-size: 18px;
font-weight: 400;
line-height: 50px;
text-align: center;}
#header{ width:100%; padding-top:150px; }
.inner #header{ background:none; height:auto; background-color: #E7E8EA; padding:0;}
.menu-links{ margin-top:10px;}
.menu-links a{ color: #1f1f1f;
font-family: 'Akzidenz-grotesk-roman';
font-size: 15px;
font-weight: 300;
line-height: 16px;
text-align: right;
text-decoration: underline;}
.align-right{ text-align:right;}
.col-header{ padding-top:10px; padding-right:0px;}
.title-head{font-family: 'Akzidenz-grotesk-bold'; font-size: 34px;
line-height: 40px;
color: #40488D ;
padding-right: 40px;
display: block;}
ul.list-head{ padding-left:20px; margin-bottom:20px; margin-right:30px; font-size:20px;}
ul.list-head li{ }
.autor h3{ width:100%; float:left;margin-top: 30px;
margin-bottom: 20px;}
.footer a{ }
.col-small.home.col-xs-12{ width:15%;}
.grey-box ul.list-head{ margin-top:10px;}
ul.list-head li{list-style:disc;}
.col-header ul.list-head li{ padding-bottom:0;}
ul.list-head li span{ color:;}
.login-box{ width:100%; background-color:transparent; float:left; display:block; z-index:0; position:relative;}
.subtitle-head{
font-weight: 700;
line-height: 15px;
text-decoration: underline;
margin-bottom:10px;
}
.eligibility-box .subtitle-head{ color: #ababab; margin-top:20px; display:block;}
.col-header .subtitle-head{ color:#F36633; font-size:18px;}
.round{ width: 140px;
height: 140px;
border-radius: 50%;
text-align: center;
padding: 20px; margin-bottom:20px; font-size:14px;
background-color:#425563;
color:#fff;}
.center{ text-align:center; padding-top:30px;}
.center h2{font-size:30px; color:#425563;}
.input-field-custom{ border:1px solid #000; padding:5px; padding-left:10px; padding-right:10px; width:300px; background-color:#fff; float:left; background-image:url(../images/sag-select.png); background-repeat:no-repeat; background-position:right;}
#select_physician{ width:100%; display:block;}
#select_physician:hover{ text-decoration:none;}
#select_patient{ width:100%; display:block;}
#select_patient:hover{ text-decoration:none;}
#list_patients{ margin-left:80px; margin-top:-37px}
.clear-small {
width: 100%;
display: block;
height: 20px;
float: left;
}
.col-lg-5.col-xs-12.white-box h3{font-family: 'Dobra Medium'; color:#425563; }
.margin-up h3{ margin-bottom:30px;}
#select_gender{ width:100%; display:block; color:!important; text-decoration:none!important;}
#select_gender:hover{ text-decoration:none;}
#list_genders {
padding-bottom: 10px;
border-top: 0;
}
h1, .h1 {
font-size: 44px!important;
}
label.alignleft{ margin-right:0!important; width:80px!important; margin-top: 7px; text-align:right;}
#list_physicians{ margin-left:80px; margin-top:-37px;}
.green-big{ font-size: 54px;
line-height: 1.1;}
.round sup{ top: -22px;
font-size: 20px;}
.margin-up{ margin-top:-100px;}
.sidebar {
display: block;
width: 27%;
float: left;
margin-top: 105px;
padding-right: 30px;
margin-left:-30px;
}
.content-register {
width: 75%;
display: block;
float: left;
padding-left: 80px;
background-color: #fff;
min-height: 900px;
padding-top:40px;
padding-bottom:40px;
}
.sitemap{ padding-top:100px;}
.white-box-list .clear-box{ margin-top:10px;}
.content-register p.intro{ padding-right:40px!important; margin-top:10px; margin-bottom:0;}
.content-register h1{ color:#40488D ; }
.content-register form{ margin-top:30px;}
.small{font-size: 12px;
line-height: 15px; }
.sidebar .small{ font-size: 12px;
line-height: 14px; color: #FF00CB; margin-top:100px; padding-left:30px;}
.step-register .step{ display: block;
float: left;
background-color: #40488D;
color:#fff;
border-radius: 34px;
width: 40px;
height: 40px;
text-align: center;
line-height:40px;
margin-right: 20px;
font-weight: 700;
/* font-family: 'Akzidenz-grotesk-roman'; */
font-size: 16px;}
.margin-up img{ margin-bottom:20px;}
.top{ }
.patient .top{ margin-bottom:0;}
.hcp .top{ margin-bottom:0;}
.sp .top{ margin-bottom:0;}
.login{ padding:10px; padding-left:25px; padding-right:25px; background-color:#425563; border-top:0; display:block; float:right; color:#c4c4c4; text-decoration:none;}
.login:hover{ color:#fff; text-decoration:none;}
.center{ text-align:center;}
.top-text{ min-height:300px; padding-top:20px; }
.bottom-text{ width:690px; }
.white{ width:100%;float:left;
padding-top: 0px!important;
padding-bottom: 160px;
position:relative;}
.white.inbox{ padding-top:140px;}
h1{margin-top: 50px;
margin-bottom: 40px;
color: #425563;}
h1.intro-title{margin-top: 80px;
margin-bottom: 20px;
color: #425563;
font-size:40px!important;}
.green-text{ color:#40488D ;}
.cont a{ color:#fff;}
.cont .patient-col-box{text-align: left;
font-size: 21px;
line-height: 27px;}
.holder-col{width: 90%;
height: 200px;
background: linear-gradient(to left, #F36633,#E49B13 );
border-radius: 7px;
position:absolute;
top:0;}
.white-home .holder-col{ background:#F36633; opacity:1;}
.big-contact-box .col-lg-1 p.content-fixed span{ font-size: 14px;
font-weight: 700;}
.fix-height img{ margin-right: 10px;
margin-top: -6px;}
.contact-box{ font-size:14px;}
.cont .content-fixed{ font-size:14px;}
.phone-space{ display:block; margin-bottom:10px; width:100%;}
.big-contact-box{ width:66%!important; float:right;}
.holder-col-big{width: 660px;
height: 261px;
background: rgba(0,0,0,0.51);
border-radius: 7px;
opacity: 0.3559;
position:absolute;
top:0;}
.min-height-desktop{ min-height:250px; display:block;}
.col-lg-4.cont .holder-col{ height:261px;}
.big-contact-box .col-lg-1{ padding-top:25px;}
.menu-patients:hover .dropdown-menu{ display:block!important;}
.menu-hcp:hover .dropdown-menu{ display:block!important;}
.menu-patients a:hover{ color:#F36633; }
.menu-hcp a:hover{ color:#F36633; }
.dropdown-menu{
background-color: #544F40;
border-top: 8px solid #F36633;
text-align: left;
padding-top: 10px;
width: 167px;
padding-bottom: 10px;
border-radius: 0px 0px 5px 5px;
}
.dropdown-menu li a{ text-align:left; font-size:15px; color:fff;}
.patient-col{ background-image:url(../images/icon_patient-big.png); background-repeat:no-repeat; background-position:top center; background-repeat: no-repeat;
background-position: top center;
padding-top: 35px;
color: #ffffff;
font-family: 'Akzidenz-grotesk-bold';
font-size: 40px;
font-weight: 700;
line-height: 50px;
text-align: center;
display: block;
width: 90%;
float: left;
background: linear-gradient(to left, #F36633,#E49B13 );
height:300px;}
.patient-col img{ margin-bottom:30px;}
.hcp-col img{ margin-bottom:15px;}
.hcp-col{ background-image:url(../images/icon_healthcare-big.png); background-repeat:no-repeat; background-position:top center;background-repeat: no-repeat;
background-position: top center;
padding-top: 35px;
color: #ffffff;
font-family: 'Akzidenz-grotesk-bold';
font-size: 40px;
font-weight: 700;
line-height: 50px;
text-align: center;
display: block;
width: 90%;
float: left;
background: linear-gradient(to left, #F36633,#E49B13 );
height:300px;}
.patient-col-box{padding-top: 0;
color: #ffffff;
font-family: 'Akzidenz-grotesk-bold';
text-align: center;
display: block;
width: 90%;
float: left;
position: absolute;
top:0px;
padding: 30px;}
.hcp-col-box .content-fixed{ padding-left:30px;padding-right:30px; min-height:70px;}
.hcp-col-box .patient-col-box .fix-height{ margin-top:30px;}
.col-lg-4 .holder-col{ width:90%; height:300px;}
.content-fixed{ min-height: 140px;
display: block;
float: left;
width: 100%;}
.sitemap h1{ color:#40488D ;}
.background-register-hcp .content-register h1{ margin-top:20px!important;}
.fix-height{ width:100%; display:block; float:left; height:100px;}
.patient-col .fix-height{ height:90px;}
.patient-col-box .fix-height{ height:40px; font-size: 20px;font-weight: 700;
line-height: 35px;
margin-bottom: 20px;
font-size: 22px;}
.pink{ color:inherit;}
.patient-col p{ margin-top:35px;}
.hcp-col p{ margin-top:35px;}
.contact-col{ padding-top:70px; text-align:center;font-size: 20px;
font-weight: 400;
line-height: 22px;
text-align: center;
color:#fff;}
.col-header .contact-col{ color:#544F40; text-align:left; padding-top:100px;}
.white-home .contact-col{ color:#1f1f1f;}
.pink-small{ font-size:14px; line-height:16px;}
.bottom-text .pink-small{font-size: 12px;
line-height: 15px;}
.or-text{ font-size:20px; margin-bottom:7px;}
.background-register .or-text{ background-color:#fff;}
.footer{ display:block; padding-top:40px; padding-bottom:40px; float:left; width:100%;}
.sitemap .col-small{ border:0!important; padding-left:20px!important;}
.sitemap .col-small.first{ padding-left: 0!important;
width: 28%!important;}
.links-sitemap { width: 70%;
margin: 0 auto;
border-top: 1px solid #c5c5c5;
padding-top: 20px;}
.sitemap .col-small.border{ border-right: 1px solid #c5c5c5!important; width:24%!important; }
.links-sitemap a{ padding-right:30px;}
footer{ background-color:#544F40; color:#fff; padding-top:40px; padding-bottom:40px; float:left; width:100%; display:block; font-size:13px;}
footer .col-lg-5{ text-align:right;}
footer a{ }
footer a:hover{ }
.title-footer{ display:block; width:100%; float:left; color: #5c5b5b;
font-family: 'Akzidenz-grotesk-bold';
font-size: 15px;
font-weight: 700!important;margin-bottom:5px;}
footer .col-lg-5 a{ font-weight:700;}
.col-header-2 img{
}
.title-footer a{color: #5c5b5b;
font-family: 'Akzidenz-grotesk-bold';
font-size: 15px;
font-weight: 700;
line-height: 16px; }
.title-footer a:hover{}
.gender{ float:left; width:300px; border:1px solid #424242; padding-left:15px; margin-bottom:10px; clear:both;}
.big-er{ width:70%!important;}
table.patient_list td{ width:20px;}
.white-box.nopadding-top h3{ margin-top:30px;}
#fileupload{
display: block;
padding: 7px;
background-image: url(../images/choose.png);
background-repeat: no-repeat;
background-position: left;
padding-right: 30px;}
.file-upload{display:block;text-align:center;}
.file-upload .file-select{display:block;cursor:pointer;height:40px;line-height:40px;text-align:left;overflow:hidden;position:relative;}
.file-upload .file-select .file-select-button{background-image: url(../images/sag-nocolor.png);
background-repeat: no-repeat;
background-size: cover;padding:0 10px;display:inline-block;
color: #fff;
padding-right: 20px;
padding-left: 20px;
border-radius:5px;}
.file-select-button span{background-image: url(../images/sag-whiter.png);
background-repeat: no-repeat;
background-position: right;
width: 14px;
height: 22px;
display: block;
float: right!important;
margin-left: 10px;
margin-top:10px; }
.file-upload .file-select .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}
.file-upload .file-select:hover{border-color:#F36633;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select:hover .file-select-button{background-color:#F36633;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select{border-color:#F36633;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select .file-select-button{background-color:#F36633;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select input[type=file]{z-index:100;cursor:pointer;position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.file-upload .file-select.file-select-disabled{opacity:0.65;}
.file-upload .file-select.file-select-disabled:hover{cursor:default;display:block;border: 2px solid #dce4ec;color: #34495e;cursor:pointer;height:40px;line-height:40px;margin-top:5px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select.file-select-disabled:hover .file-select-button{background:#dce4ec;color:#666666;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select.file-select-disabled:hover .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}
.autor{ float:left;}
.green-text a{ color:#F36633 ;}
.gender .checkmark{ width:17px!important; line-height:17px!important; height:17px!important; margin-top:2px;}
.gender .radio .checkmark:after{top: 2px!important;
left: 2px!important;
width: 10px!important;
height: 10px!important;}
.gender .radio{ padding-left:25px!important; margin-bottom:0;}
#list_genders p{ padding-bottom:0; margin-bottom:0;}
.green-text a:hover{ color:#F36633 ;}
footer p{ width:100%; float:left;}
.col-small{ width:14%; display:block; float:left;
min-height: 170px;}
.col-small.no-border{ border:0; }
.content .col-small{ width: 20%;
padding-left: 40px;
min-height: 170px;}
.content .col-small h1{ margin-top:0; padding-top:0;}
.last-col{ padding-right:60px;}
.last-col a{ color:#fff!important; text-decoration:underline;}
.small-text{ font-size:11px;}
#ok{ }
.relative {
position: relative;
width: 100%;
height: 95%;
top: 50px;
left: 0;
}
.relative .inner {
position: absolute;
width: 100%;
height: 100%;
overflow-y: scroll;
overflow-x: hidden;
}
#ok.active{ cursor:pointer;}
#ok:hover{ background-color:#fff; color:#707070; font-weight:normal;}
.top-popup {
position: absolute;
top: 33px;
right: 35px;
}
.eligibility-agreement {background: none repeat scroll 0 0 rgba(10, 10, 10, 0.3);
bottom: 0;
display: none;
left: 0;
padding: 5%;
position: fixed;
right: 0;
top: 0;
z-index: 9999; }
.error-popup {background: none repeat scroll 0 0 rgba(10, 10, 10, 0.3);
bottom: 0;
display: none;
left: 0;
padding: 5%;
position: fixed;
right: 0;
top: 0;
z-index: 9999; }
.terms-agreement {background: none repeat scroll 0 0 rgba(10, 10, 10, 0.3);
bottom: 0;
display: none;
left: 0;
padding: 5%;
position: fixed;
right: 0;
top: 0;
z-index: 9999; }
.terms-agree {background: none repeat scroll 0 0 rgba(10, 10, 10, 0.3);
bottom: 0;
display: none;
left: 0;
padding: 5%;
position: fixed;
right: 0;
top: 0;
z-index: 9999; }
.terms-agree .popup-box { background: none repeat scroll 0 0 #fff;
margin: 0 auto;
padding: 35px;
width: 740px;
overflow: auto;
position:relative;
font-size:15px;
height:600px;}
.terms-agree a.close-button {
float: right;
position: relative;
top:auto;
right:auto;
margin-left:25px;
}
.error-popup .popup-box { background: none repeat scroll 0 0 #fff;
margin: 0 auto;
padding: 0px;
width: 650px;
overflow: auto;
position:relative;
font-size:15px;
margin-top: 10%;}
.error-popup .popup-box .error-form{ width:auto; padding-right:0; margin-top:0; }
.error-popup a.close-button {
float: right;
position: absolute;
top: auto;
right: 0;
margin: 10px;
margin-left: 0;
}
.error-popup .error-form .inner{ padding-right: 40px;
font-size: 18px;
font-family: 'Akzidenz-grotesk-bold';
padding: 30px;
background-position: 15px 30px;
padding-left: 40px;
border-radius:0px;}
.error-popup2 {background: none repeat scroll 0 0 rgba(10, 10, 10, 0.3);
bottom: 0;
display: none;
left: 0;
padding: 5%;
position: fixed;
right: 0;
top: 0;
z-index: 9999; }
.error-popup2 .popup-box { background: none repeat scroll 0 0 #fff;
margin: 0 auto;
padding: 0px;
width: 550px;
overflow: auto;
position:relative;
font-size:15px;
margin-top: 10%;}
.error-popup2 .popup-box .error-form{ width:auto; padding-right:0; margin-top:0; }
.error-popup2 a.close-button {
float: right;
position: absolute;
top: auto;
right: 0;
margin: 10px;
margin-left: 0;
}
.error-popup2 .error-form .inner {
padding-right: 40px;
font-size: 18px;
font-family: 'Akzidenz-grotesk-roman';
}
.top-popup a.close-button {
float: right!important;
position: relative!important;
top:auto!important;
right:auto!important;
margin-left:25px!important;
margin-right:0!important;
margin-top:0!important;
}
.login-p h4{ margin-bottom:10px!important;}
.italic{ font-style:italic;}
.eligibility-agreement .popup-box { background: none repeat scroll 0 0 #fff;
margin: 0 auto;
padding: 35px;
width: 740px;
overflow: auto;
position:relative;
font-size:15px;
height:600px;}
.terms-agreement .popup-box { background: none repeat scroll 0 0 #fff;
margin: 0 auto;
padding: 35px;
width: 740px;
overflow: auto;
position:relative;
font-size:15px;}
.eligibility-agreement-step2 .popup-box { background: none repeat scroll 0 0 #fff;
margin: 0 auto;
padding: 35px;
width: 740px;
height:auto;
overflow: auto;
position:relative;
font-size:15px;}
.eligibility-agreement-step2 {background: none repeat scroll 0 0 rgba(10, 10, 10, 0.3);
bottom: 0;
display: none;
left: 0;
padding: 5%;
position: fixed;
right: 0;
top: 0;
z-index: 9999; }
.eligibility-agreement-step2 .help{ display: block;
text-decoration: none!important;
float: left;
color: !important;
background-image: url(../images/help.png);
background-repeat: no-repeat;
background-position: left;
padding-left: 50px;
margin-top: -30px;
height: 50px;
padding-top: 5px;
width: 60%;
padding-right: 20px;}
.eligibility-agreement-step2 .popup-box input[type="submit"]{ float:left; margin-bottom:20px; margin-top:20px;}
.forgot-password-popup {background: none repeat scroll 0 0 rgba(10, 10, 10, 0.3);
bottom: 0;
display: none;
left: 0;
padding: 5%;
position: fixed;
right: 0;
top: 0;
z-index: 9999; }
.forgot-password-popup .popup-box { background: none repeat scroll 0 0 #fff;
margin: 0 auto;
padding: 35px;
width: 600px;
height:auto;
overflow: auto;
position:relative;
font-size:15px;}
.social-number-popup {background: none repeat scroll 0 0 rgba(10, 10, 10, 0.3);
bottom: 0;
display: none;
left: 0;
padding: 5%;
position: fixed;
right: 0;
top: 0;
z-index: 9999; }
.pop1-box {display: none;
position: fixed;
width: 400px;
padding: 10px;
background: #fff;
border: 1px solid #1a1a1a;
padding: 20px;
top: 35%;
left: 35%;}
.pop2-box {display: none;
position: fixed;
width: 400px;
padding: 10px;
background: #fff;
border: 1px solid #1a1a1a;
padding: 20px;
top: 35%;
left: 35%;}
#accept{cursor:pointer;}
.help-popup .popup-box { background: none repeat scroll 0 0 #fff;
margin: 0 auto;
padding: 45px;
width: 600px;
overflow: auto;
position:relative;
font-size:15px;}
.help-popup {background: none repeat scroll 0 0 rgba(10, 10, 10, 0.3);
bottom: 0;
display: none;
left: 0;
padding: 5%;
position: fixed;
right: 0;
top: 0;
z-index: 9999; }
.col-q label{ margin-bottom:0;}
.social-number-popup .popup-box { background: none repeat scroll 0 0 #fff;
margin: 0 auto;
padding: 55px;
width: 650px;
overflow: auto;
position: relative;
font-size: 15px;
padding-left: 60px;
padding-right: 70px;
border-radius: 5px;
box-shadow: 0 0 5px 2px #555;}
.popup-box h4{ font-size:20px; }
.field input.error{ border:1px solid #c41d25!important;}
.error-form { float: left;
display: block;
width: 65%;
margin-top: 10px; font-size:14px; text-align:left; padding-right:20px;}
.error-form2 {float: left;
display: block;
width: 45%;
margin-top: 10px;
font-size: 14px;
text-align: left;}
.size-full{ clear:both;}
.no-border{ border:0!important; padding:0!important; background:none!important;}
.no-border .inner{ border:0!important; padding:0!important; background:none!important;}
.form-login .error-form { float: left;
display: block;
margin-left: 10px;
margin-top: 10px;
width:55%;}
.error-form .inner{ color: #F36633!important;
font-family: 'Akzidenz-grotesk-bold';
font-size: 18px;
font-weight: 600;
border: 2px solid #F36633;
padding: 10px;
padding-left: 50px;
background-image: url(../images/error.png);
background-repeat: no-repeat;
background-position: 20px 10px;
display: block;
border-radius: 5px;}
.error-form2 .inner{ color: #F36633!important;
font-family: 'Akzidenz-grotesk-roman';
font-size: 12px;
font-weight: 600;
border: 2px solid #F36633;
padding: 2px;
padding-left: 50px;
background-image: url(../images/error.png);
background-repeat: no-repeat;
background-position: 20px 10px;
display: block;
border-radius: 5px;}
.tabular-steps .error-form {
float: left;
display: block;
width: 60%;
margin-left: 10px;
margin-top: 10px;
}
.padding-phone{ padding:20px; background-image:url(../images/GSK-contact-us.png); background-repeat:no-repeat; background-position:right;
box-shadow: 0px 0px 15px rgb(0 0 0 / 24%);
border-radius: 5px;
max-width: 970px;
margin-bottom: 60px;
margin-top: 30px;}
.card-info .red{ font-size:14px;}
.card-info .orange{ font-size:14px;}
.tabular-steps .error-form .inner{ color:#c41d25!important;
border:1px solid #c41d25;
padding:10px;
padding-left:25px;
background-image:url(../images/error.png); background-repeat:no-repeat; background-position:left 5px top 10px;}
.noWrap{
white-space: nowrap;
float:none!important;
display:inline!important;
}
.or-line{ text-align:center; width:300px; display:block;}
.or-line span{float:none!important;}
.or-line span::before{content: url(../images/line-or.png); padding-right:10px;}
.or-line span::after{ content: url(../images/line-or.png); padding-left:10px;}
.step-locator{ width:100%; float:left; display:block; margin-top:40px; margin-bottom:30px;}
#step4 img{ float:right;}
.step-enroll{
background-image:url(../images/line-step.png); background-repeat:repeat-x; background-position:center; height:73px; width: 30%!important;
}
#step4{ width:10%!important;}
a.close-button{ float:right; position:absolute; right:20px; top:20px;}
.popup-box label{ width:180px; text-align:right; padding-right:10px;}
.popup-box .field input{ max-width:339px;}
.popup-box p{ float:left; width:100%;}
.popup-box input[type="submit"]{ float:right; margin-top:0; margin-right:45px;}
.popup-box .button-green{ margin-right:10px;}
.buttons .button-green{ width:300px; text-decoration:none!important; color:#fff!important;}
.formBox-inline label{ width:180px;
/* text-align:right; */
padding-right:10px;}
.formBox-inline .field input{ max-width:339px;}
.formBox-inline .field select{
padding-top: 5px;
padding-bottom: 5px;
border: 1px solid #424242;}
.patient .top{ border:0;}
.patient.home{ background-image:url(../images/header-patient.png); background-repeat:no-repeat; background-position:top; background-size:100%;}
.cover-welcome{ background-image:url(../images/bck-dask.jpg); background-repeat:no-repeat; background-position:top; background-size:100%; width:100%; display:block; color:#fff; padding-top:30px; padding-bottom:30px; }
.cover-welcome h1{ color:#fff;}
.cover-welcome p.intro{ padding-right:20%;}
.cover-welcome p.intro-cover-hcp{ padding-right: 24%;
font-size: 20px;
line-height: 30px;}
.hcp-cover{ padding-top: 60px;
padding-bottom: 130px;}
.grey{ background-color:#ebeff2; display:block; float:left; padding:20px; padding-left:40px; padding-right:40px; padding-top:40px;}
.grey-box{ background-color:#eaeaea; display:block; float:left; padding:20px; }
.small-box h3{margin-bottom:20px; line-height:30px;}
.box-table{ background-color:#fff; width:100%; float:left;box-shadow: 0px 0px 15px rgba(0,0,0,0.24);
border-radius: 5px; margin-bottom:30px; text-align:center;}
.status-color{ color:#F36633;}
.content-box-grey{ font-size:24px;}
.title-box-grey{font-size:14px; color:#F36633 ; font-weight:700; }
a.view-my{ text-align: left;
text-decoration: underline;
font-size: 14px;
width: 100%;
display: block;
margin-top: 30px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ background:none!important; background-color:#46494b!important;}
.ui-tabs .ui-tabs-nav li a{ color:#fff!important;}
.ui-tabs .ui-tabs-nav li a:hover{ color:#fff!important; background:none!important; background-color:#F36633!important;}
a:hover, a:focus{ color:#F36633; }
.title-table{ background-color: #46494b;
color: #fff;
padding: 15px;
width: 100%;
float: left;
padding-left: 30px;
padding-right: 30px;
font-size: 20px;
font-family: 'Akzidenz-grotesk-roman'; text-align:left;
border-radius:5px 5px 0px 0px;}
.content-account{padding: 30px;
display: block;
float: left;
width: 100%;}
.padding-account{padding: 20px;
display: block;
float: left;
width: 100%;
padding-top:20px; padding-bottom:20px;}
.box-grey-small{ width:22%; display:block; float:left; margin-right:25px; background-color:#f6f6f6; padding:20px; border-radius:5px;}
.box-grey-last{ display: block;
float: right;
padding-top: 10px;
text-align: center;
/* margin-left: 30px; */
margin-right: 30px;}
table.dashboard tr td.tdAlig{ text-align:right;}
.patients #header{
padding-bottom:0;}
.patient.home #header{ background:none; height:400px; display:block;}
.patient.home #header{ height:400px;}
.patient.home .content{ opacity:0.9; }
.menu-top{ width: 100%;
float: left;
border-bottom: 1px solid #ddd;
margin-bottom: 40px;
background-color:#fff;
box-shadow: 0px 0px 5px rgba(0,0,0,0.24);}
.menu-top ul{ padding:0; margin:0;}
.menu-top ul li{ display: block;
list-style: none;
padding: 20px;
/* padding-right: 20px; */
float: left;
padding-top: 20px;
padding-bottom: 12px;}
.new-design-eft .red{ color:#F36633;}
.new-design-eft .red .custom-select{ color:#707070;}
.new-design-eft .red input{ color:#707070;}
.new-design-eft .red label { background-image:url(../images/error.png); background-repeat:no-repeat; background-position:left; padding-left:25px;}
.new-design-eft label{font-size: 17px;
font-family: 'Akzidenz-grotesk-roman';
line-height: 26px;
padding-top: 5px;}
.menu-top ul li a{ padding:5px; text-decoration:none; display:block; font-weight:700;}
table.transactions tr{ border:1px solid #ddd;}
.menu-top ul li.logout{ float:right;}
.menu-top ul li.logout a.logout{ font-size:13px;}
.border_bottom{ border-bottom:1px solid #ddd;}
.menu-top ul li.selected{ border-bottom: 8px solid #dcdcdc;}
.patient h2{ color:#425563; margin-bottom:0;}
.overview h2{ color:#F36633; margin-bottom:10px;}
.no-marginright{ margin-right:0!important;}
.col-home{ padding-right:80px;}
.white-box-list {
display: block;
float: left;
width: 100%;
padding-bottom: 20px;
}
.active-desktop{ color:#F36633; border-bottom:8px solid #F36633; }
ol.number-list{ padding:0!important;}
a.button{
border-radius: 5px;
padding-right: 25px;
padding-left: 25px;
margin-top: 20px;
font-size: 16px;
padding: 10px;
padding-left: 20px;
padding-right: 20px;
background:#F36633;
color:#fff;}
.patient-col a.button{ color:#fff; padding-top:7px; padding-bottom:7px;}
.hcp-col a.button{ color:#fff; padding-top:7px; padding-bottom:7px;}
.patient-col-box a.button{ color:#fff;}
a.button:hover{ background-color:#924A98; text-decoration:none; color:#fff; font-weight:700;}
a.button-white{ border:1px solid #E49B13; display:block; float:left; padding:10px; color:#F36633; background-color:#fff; background-image:url(../images/sag.png); background-repeat:no-repeat; background-position:right; padding-right:30px; padding-left:20px; margin-top:20px;}
a.button-green{ display:block; float:left; padding:10px; color:#fff; border-radius:5px; background-image:url(../images/sag-nocolor.png); background-repeat:no-repeat; background-size:cover; padding-right:30px; padding-left:20px;}
a.button span{ background-image:url(../images/sag-whiter.png); background-repeat:no-repeat; background-position:right; width:14px; height:22px; display:block; float:right; margin-left:10px;}
p.intro{ font-size: 30px;
font-weight: 400;
line-height: 35px; }
.margin-top{ margin-top:60px;}
.patient .menu-patients a{
padding-left: 70px;
height: 68px;
padding-top: 20px;
background-color: #ebeff2;
background-position: 20px;
max-width: 165px;
display:block;
}
.menu-sp{ margin-left:50px;}
.patient .menu-patients.active{ background-image:url(../images/colt.png); background-repeat:no-repeat; background-position:bottom; margin-bottom:12px; max-width: 165px; height:80px;}
.hcp .menu-hcp.active{ background-image:url(../images/colt.png); background-repeat:no-repeat; background-position:bottom; margin-bottom:12px; max-width: 200px; height:80px;}
.sp .menu-sp.active{ background-image:url(../images/colt.png); background-repeat:no-repeat; background-position:bottom; margin-bottom:12px; max-width: 200px; height:75px; width:175px;}
.white-box{ background-color:#fff; display:block; float:left; padding:40px; padding-bottom:60px;}
.white-box a{ text-decoration:underline; color:#F36633;}
.green-box{ background-color:#F36633; display:block; float:left; color:#fff; padding:20px; padding-right:80px; min-height:225px;}
.dark-box{ background-color: #46494b; display:block; float:left; color:#fff; padding:20px; min-height:227px; float:right!important;border-radius: 5px;}
.dark-box.noheight{ min-height:inherit; margin-left:60px;}
.checkbox-pay{ margin-left:60px;}
.dark-box a.button{ margin-top:45px!important;}
.dark-box.noheight a.button{ margin-top:0px!important;}
.dark-box h3{ color:#F36633; margin-top:0;}
.margin-set{ margin-right:40px; margin-bottom:40px;}
.col-lg-5.white-box.margin-set{ padding-bottom:20px!important; padding-top:0!important; padding-left:20px!important; padding-right:20px!important;}
.top-content{ background-color:#fff; width:100%; }
.content {
width: 100%;
min-height: 600px;
}
.sitemap a{ font-size:16px;}
.sitemap .title-footer a{ font-size:20px;}
.overview{ background-color:#768692; width:100%;display:block; color:#fff;padding-bottom:40px; opacity:0.9; margin-bottom:-80px;}
.step-register{ width:75%; display:block; float:left; margin-top:30px;}
.step-register table{ font-size:18px!important; }
.step-register h3{
color: #40488D ;
font-family: 'Akzidenz-grotesk-roman';
font-size: 20px;
line-height: 30px;
margin-top:0px;
margin-bottom:0;}
.step-register .step img{ margin-top:3px;}
.eligibility-box{ margin-top:40px; text-align:right; float:right;}
a.button.active{ background-color:#F36633; color:#fff; font-weight:700;}
span.button.active{ background-color:#924A98; color:#fff; font-weight:700; padding: 13px;
padding-left: 30px;
padding-right: 30px;}
.white-pad h2{ font-size:35px; color:#40488D !important;font-family: 'Akzidenz-grotesk-roman';}
.eligibility-box a.button.active{ margin-bottom:20px;}
.enroll-phone td{ font-size:14px!important;}
.enroll-phone .step-register{ width:100%;}
.step-register h5{ font-size:14px;font-family: 'Akzidenz-grotesk-roman'; margin:0;}
.register-padding .subtitle-head{}
.step-register h4{ margin-top:0;color: #425563;}
.step1{ width:85px; height:85px; display:block; float:left; background-image:url(../images/t1.png); background-repeat:no-repeat; margin-right:25px;}
.step2{ width:85px; height:85px; display:block; float:left; background-image:url(../images/t2.png); background-repeat:no-repeat; margin-right:25px;}
.step3{ width:85px; height:85px; display:block; float:left; background-image:url(../images/t3.png); background-repeat:no-repeat; margin-right:25px;}
.step4{ width:85px; height:85px; display:block; float:left; background-image:url(../images/t4.png); background-repeat:no-repeat; margin-right:25px;}
.step5{ width:85px; height:85px; display:block; float:left; background-image:url(../images/t5.png); background-repeat:no-repeat; margin-right:25px;}
.register-padding{ padding-left:120px; padding-right:100px; display:block; float:left; width:100%; margin-top:40px;}
label{ font-weight:normal;}
.form-login{ margin-right:50px; border-right:1px solid #424242; padding-right:50px;}
.form-re-enroll{ margin-right:50px; padding-right:50px;}
.field select{ width:300px; padding-top:5px; padding-bottom:5px; border:1px solid #424242;background-image: url(../images/sag-select.png);
background-repeat: no-repeat;
background-position: right;
-webkit-appearance: none;
-moz-appearance: none;
padding-left: 5px;}
p.field{ margin-bottom:15px;}
.table-col{ padding-bottom:40px;}
input[type="submit"]{color: #fff;
border: 2px solid #F36633;
border-radius: 5px;
padding-right: 25px;
padding-left: 25px;
margin-top: 20px;
color: #f9f9fa;
font-size: 16px;
line-height: 41px;
padding-left: 20px;
padding-right: 20px;
margin-top: 10px;
border:0;
background-color:#F36633;}
a.social-number-need {
display: block;
background-color: #F36633 ;
padding: 0;
color: #fff;
text-decoration: none;
border-radius: 50%;
width: 22px;
text-align: center;
/* padding-top: 7px; */
margin-left: 7px;
margin-top: 7px;
margin-bottom: 5px;
height: 22px;
font-size: 14px;
line-height: 22px;
}
a.question-mark {
display: block;
float:left;
background-color: #F36633 ;
padding: 0;
color: #fff;
text-decoration: none;
border-radius: 50%;
width: 22px;
text-align: center;
/* padding-top: 7px; */
margin-left: 7px;
height: 22px;
font-size: 14px;
line-height: 22px;
}
.flleft{float:left;}
.white-box-list .clear-box p{ width:100%; float:left;}
.col-q label span {
display: table-cell;
}
table.transactions{ width:100%; overflow-x:scroll;}
label.checkbox .small{ font-size: 16px;
color: #464646;
padding-right: 30px;
display: block;
line-height:20px;}
button[type="submit"]{
color: #fff;
border: 2px solid #F36633;
border-radius: 5px;
padding-right: 25px;
padding-left: 25px;
margin-top: 20px;
color: #f9f9fa;
font-size: 16px;
line-height: 45px;
padding-left: 20px;
padding-right: 20px;
margin-top: 10px;
border:0;
background-color:#F36633;
min-width: 100px;}
button[type="reset"]{
color: #fff;
border: 2px solid #F36633;
border-radius: 5px;
padding-right: 25px;
padding-left: 25px;
margin-top: 20px;
color: #f9f9fa;
font-size: 16px;
line-height: 45px;
padding-left: 20px;
padding-right: 20px;
margin-top: 10px;
border:0;
background-color:#F36633;
min-width: 100px;
margin-right: 15px;}
.bigger-font{ font-size:20px; font-family: 'Akzidenz-grotesk-roman'; line-height:31px;}
table.bigger-font-td td{ font-size:20px!important; line-height:30px;}
.semi{font-family: 'Akzidenz-grotesk-roman'; }
.bigger-font-only{ font-size:20px; line-height:27px;}
.aligright{ text-align:right;}
button[type="submit"].margin-up{ margin-top:-100px;}
button[type="submit"] span{background-image: url(../images/sag-whiter.png);
background-repeat: no-repeat;
background-position: right;
width: 14px;
height: 22px;
display: block;
float: right!important;
margin-left: 10px; }
form button[type="button"]{display: block;
float: left;
padding: 10px;
color: #fff;
border-radius: 5px;
background-color:#924A98; background-image:none;
padding-right: 20px;
padding-left: 20px;
margin-top: 10px;
border:0;}
form button[type="button"] span{background-image: url(../images/sag-whiter.png);
background-repeat: no-repeat;
background-position: right;
width: 14px;
height: 22px;
display: block;
float: right!important;
margin-left: 10px; }
button[type="submit"]:disabled{ background-color:#b9b9b9; background-image:none;}
a.green-button{border:1px solid #F36633; display:block; float:left; padding:10px; color:#fff; background-color:#F36633; padding-right:30px; padding-left:20px; margin-top:10px; margin-left:20px;}
input[type="button"]{display:block; float:left; padding:10px; color:#fff; background-color:#ababab;padding-right:30px; padding-left:20px; margin-top:10px; border:1px solid #ababab;}
.form-login form{ margin-top:20px;}
.first-login{ width:85px; height:85px; display:block; float:left; background-image:url(../images/t6.png); background-repeat:no-repeat; margin-right:20px;}
.forgot-login{ width:85px; height:85px; display:block; float:left; background-image:url(../images/t7.png); background-repeat:no-repeat; margin-right:20px;}
.scroll{ height:300px; overflow-y:scroll;}
.code-grey{ background-color:#ebeff2; padding:5px; display:block; padding-left:20px; padding-right:20px;}
.login-p{ width:100%; display:block; float:left; margin-bottom:20px; padding-right:60px; }
.red{ color:#c41d25;}
.orange{ color:#d98f22;}
.blue{ color:#F36633 ;}
input.red{background-image:url(../images/red.png); background-repeat:no-repeat; background-position:left;}
input.orange{background-image:url(../images/orange.png); background-repeat:no-repeat; background-position:left;}
input.blue{background-image:url(../images/blue.png); background-repeat:no-repeat; background-position:left;}
.or{ width: 100%;
display: block;
text-align: center;
border-bottom: 1px solid #c5c5c5;
margin-bottom: 30px;
float: left;
margin-top: 40px;}
.or span{ text-decoration: none;
width:50px; margin:0 auto;
display: block;
margin-bottom: -17px;padding-left:10px; padding-right:10px;
color: #707070;
font-size: 15px;
font-weight: 700;
line-height: 34px;}
table.dashboard tr{ }
table.dashboard tr td{padding-top: 10px;
padding-bottom: 10px;
font-size: 20px;
padding: 10px;}
table.accountTable tr td{padding-top: 10px;
padding-bottom: 10px;
font-size: 20px;
padding: 10px;}
table.dashboard tr.last{ border:0;}
h5.register{
font-size: 20px;
font-weight: 700;
line-height: 34px;
width:100%; margin-bottom:0;}
h5.register-smaller{
font-size: 22px;
font-weight: 700;
line-height: 30px;
margin-bottom: 20px;
margin-top: 40px;
width: 100%;
color: #40488D;}
.blue-color{color: #F36633 ;}
.green{color: #F36633;s
font-size: 16px;
font-weight: 700;}
table.accountTable{ float:left;}
table.accountTable tr{ border-bottom:1px solid #707070;}
table.accountTable tr td{ padding-top:10px; padding-bottom:10px; border-right:1px solid #707070; padding-left:30px;}
table.accountTable tr td.last{ border-right:0;}
table.accountTable tr td.first{ text-align:left; padding-left:0;}
table.accountTable tr.last{ border:0;}
.clear{ width:100%; display:block; height:40px; float:left;}
.radio-padding{ float:left; margin-bottom:20px;}
.tabular-steps p{ float:left; width:100%; padding-bottom:10px;}
.tabular-steps p span{ float:left; display:block;}
.radio-padding input[type="radio"]:checked + label {
}
.space{ width:20px; display:block; float:left; height:20px;}
ul.number-list li {
list-style: decimal!important;
padding-left: 0!important;
float:left;
}
ol.number-list li {
font-family: 'Dobra Medium';
list-style: decimal!important;
padding-left: 0!important;
display: list-item;
list-style-position: outside;
font-size:18px;
}
.clear-box{ width:100%; display:block; float:left; margin-top:20px;}
p.field label{ width:100%;}
.find-form p.field label{ width: 100px;}
.dark-box.noheight{ margin-left:0;}
.radio-padding input[type="radio"] {
opacity:0;
width:90px;
height:50px;
vertical-align:middle;
background-color:#fff;
border:2px solid #c5c5c5;
cursor:pointer;
position:relative;
z-index:2;
padding-top:3px;
}
.radio-padding input[type="radio"] + label span {
display: inline-block;
width: 160px;
vertical-align: middle;
background-color: #fff;
border: 2px solid #c5c5c5;
cursor: pointer;
z-index: 0;
margin-left: -90px;
text-align: center;
padding-top: 10px;
border-radius: 5px;
padding-bottom: 13px;
padding-left: 13px;
padding-right: 10px;
margin-right: 10px;
color: #939393;
}
.radio-padding input[type="radio"]:checked + label span {
border: 2px solid #F36633!important;
color: #707070;
font-family: 'Akzidenz-grotesk-roman';
font-size: 15px;
font-weight: 600;
}
.radio-padding input[type="radio"].error-red:checked + label span {
border: 2px solid #F36633;
}
.padding-right{ padding-right:20px;}
.help{ display:block; text-decoration:none!important; float:right; color:#61ab50;background-image:url(../images/help.png); background-repeat:no-repeat; background-position:left; padding-left:50px; margin-top:-10px;}
.card-info{ padding-top:90px; display:block;}
.enroll-phone h4{ margin-top:0; color: #425563; margin-bottom:10px;}
.transactions td{ border-right:1px solid #ddd; text-align:center; padding:10px;}
.register-padding a.button{ margin-top:0;}
.transactions td.last{ border-right:0;}
.transactions td.first{ text-align:left; font-family: "PFCentroSlabPro-Medium";}
.white-box-small{ background-color:#fff; padding:20px; float:left; margin-right:40px; padding-bottom:20px; margin-bottom:10px;}
.white-box-small label{ padding-right:20px; color:#F36633;}
.alignright{ float:right!important;}
.nopadding-top{ padding-top:0;}
.hcp .top{ border:0;}
.hcp.home{ background-image:url(../images/header-hcp.jpg); background-repeat:no-repeat; background-position:top;}
.hcp #header{ background-color: #E7E8EA;
height: auto;
padding: 0;
background-image: none;
width: 100%;}
.hcp.home #header{ background:none; height:400px; display:block;}
.hcp.home #header{ height:400px;}
.hcp.home .content{ opacity:0.9; }
.sp .top{ border:0;}
.sp.home{ background-image:url(../images/header-sp.jpg); background-repeat:no-repeat; background-position:top;}
.sp #header{ background-color: #E7E8EA;
height: auto;
padding: 0;
background-image: none;
width: 100%;}
.sp.home #header{ background:none; height:400px; display:block;}
.sp.home #header{ height:400px;}
.sp.home .content{ opacity:0.9; }
.hcp h2{ color:#F36633; font-weight:normal;}
.inline{ display:inline!important; float:none!important;}
.col-green{ color:#F36633; font-size:16px;}
a.underline{ text-decoration:underline;}
a.underline.white-text{ color:#fff!important;}
.white-box-form{
text-align: left; margin-top:40px; margin-bottom:100px; font-size:18px; width:auto;}
.text-gray{color: #544F40;
font-family: 'Akzidenz-grotesk-roman';
font-size: 15px;
font-weight: 800;
line-height: 23px;
text-transform: uppercase;}
.white-box-form img{ margin-bottom:20px; border-radius: 7px;
border: 2px solid #ddd;}
.white-box-form .border-right{ border-right: 1px solid #dadada;
margin-right: 110px;
padding-right: 110px;}
.hcp-bck .white-box-form .border-right{ margin-right: 80px;}
.white-box-formx:hover{ background-image:url(../images/download-hover.png); background-repeat:no-repeat; background-position:top;}
.white-box-security{ width:90%; display:block; float:left; background-color:#fff; padding: 20px;
min-height: 240px; margin-bottom:20px;}
//.white-box-security.last{ padding-top:40px;}
.scroll.security{ height:500px!important;}
.small-box{ display:block; width:500px;}
.error-form.wide{ width:55%!important; max-width:200px;}
.box-small{ display:block; float:left; max-width:400px; width:100%;}
.dark-box p{ margin-bottom:30px;}
.dark-box{ float:left!important; margin-top:20px; padding:25px; margin-left:60px!important;}
.box-small label{ width:100px; text-align:left;}
.box-small .gender label{ width:auto;}
.gender{ background-color:#fff;}
.green-bck{ background-color:#F36633; color:#fff; padding:20px;}
table a{ color:#F36633; text-decoration:underline;}
.green-bck a.button{ margin-top:10px;}
.radio input {
position: absolute;
opacity: 0;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: 0;
background: #fff;
border: 0;
}
/* Create a custom radio button */
.radio {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.radio input {
position: absolute;
opacity: 0;
}
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: #fff; border:2px solid #c5c5c5;
border-radius: 50%;
}
.checkmark.error-red{border:2px solid #F36633; }
.checkbox .checkmark.checkmark.error-red:after {
top: 2px;
left: 2px;
width: 12px;
height: 12px;
background: #F36633;
}
.checkbox input:checked ~ .checkmark.checkmark.error-red{border:2px solid #ddd; }
/* On mouse-over, add a grey background color */
.radio:hover input ~ .checkmark {
background-color: #fff;
}
/* When the radio button is checked, add a blue background */
.radio input:checked ~ .checkmark {
background-color: #fff;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the indicator (dot/circle) when checked */
.radio input:checked ~ .checkmark:after {
display: block;
}
/* Style the indicator (dot/circle) */
.radio .checkmark:after {
top: 2px;
left: 2px;
width: 12px;
height: 12px;
border-radius: 50%;
background: #F36633;
}
.checkbox {
display: block;
position: relative;
padding-left: 35px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
float:left;
margin-top:0;
}
.checkbox-pay .checkbox{ padding-left:30px; width:100%; margin-bottom:10px;}
.checkbox input {
position: absolute;
opacity: 0;
}
/* On mouse-over, add a grey background color */
.checkbox:hover input ~ .checkmark {
background-color: #fff;
}
/* When the checkbox button is checked, add a blue background */
.checkbox input:checked ~ .checkmark {
background-color: #fff;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.checkbox .checkmark{ border-radius:5px;}
/* Show the indicator (dot/circle) when checked */
.checkbox input:checked ~ .checkmark:after {
display: block;
}
.checkbox input.active ~ .checkmark:after {
display: block;
}
/* Style the indicator (dot/circle) */
.checkbox .checkmark:after {
top: 2px;
left: 2px;
width: 12px;
height: 12px;
background: #F36633;
}
.checkmark.error-check { border:1px solid #ff0000!important;}
input[type=file]{ display:inline;}
.hcp .menu-top ul li{ padding:0; padding-right:10px; padding-top: 12px;
padding-bottom: 12px; margin-right:0!important;}
.box-left{width: 170px;
display: block;
float: left;
margin-top: -5px;}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.eligibility-agreement .popup-box label{ width:100%!important; text-align:left;}
.eligibility-agreement .popup-box .form-login{ padding-right:25px;}
.eligibility-agreement .popup-box input{ max-width:250px!important;}
.eligibility-agreement .popup-box input[type="submit"] {
float: left;
margin-top: 0;
margin-right: 0px;
}
.eligibility-agreement .popup-box .error-form{ width:100%;}
.big{ font-size:25px; color:#F36633;}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
.mobile{ display:none;}
.logo img {
float:left;
max-width: 350px;
}
.text-logo{line-height: 25px;
font-size: 25px;
display: none;
float: left;
padding-left: 20px;
border-left: 2px solid #1f1f1f;
margin-left: 10px;
/* margin-top: 20px; */
padding-top: 10px;
padding-bottom: 10px;
margin-top: 30px;
color: #1f1f1f;}
.top-links{ background-color:#758592; color:transparent; padding-top:5px; padding-bottom:5px;}
.top-links a{ color:#fff; margin-right:20px;}
footer .col-small.col-xs-12.no-border{ width:15%;}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
Theses examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
input:focus::placeholder {
color: transparent;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #c5c5c5;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #c5c5c5;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #c5c5c5;
}
@media screen and (max-width: 812px) {
body {
font-size: 18px;
line-height: 1.5;}
.container {
padding-left: 25px;
padding-right: 25px;
}
.margin-left{ margin-left:0;}
#show_16_card{ float:left; width:100%;}
.eligibility-agreement ul{ float:left;}
.flleft{ float:none;}
a.question-mark{ float:right;}
.terms-agreement .popup-box{ height:300px;}
.box-grey-small{ padding: 10px;
margin-bottom: 10px;}
.formBox-inline .formboxbg h2{ margin-top:0;}
.top-header{ height:auto; padding:0;}
.numbers{ display:block;}
.numbers{ font-size:16px!important; font-weight: 300!important;}
.numbers .step{ opacity: 0.57!important;}
.numbers .step.active-prev{ opacity: 1!important;font-weight: 300!important;}
.numbers .step.active{opacity: 1!important;
font-weight:700!important; }
.sidebar h5{ margin-bottom:0;}
.desktop{ display:none!important;}
ol.number-list li{ font-size:22px; margin-left: 10px;
margin-right: 10px;}
.white-box-list .radio-padding input[type="radio"] + label span{}
.radio-padding{ margin-right:5px;}
.white-box-list .radio-padding input[type="radio"] + label span{ width:140px;}
h4.agree{ margin-top:0;}
.small-input{ width:100%!important;}
.search-box{ width:100%;}
.small-mobile .custom-select {
width: 100%;
margin-top: 10px;
}
.search-title{ font-size:20px;}
.white.inbox.thank-you{ margin-top:0px;}
.col-lg-6 img.card{ margin-top:40px;}
.top-text .bottom-text {
width: 100%!important;
margin-top: 50px;
margin-bottom:50px;
}
.white-box-list button {
margin-left: 0;
width: 100%;
margin-bottom:10px;
}
.small-field {
width: 90px!important;
margin-right: 15px!important;
}
input.city{ width:100%!important; margin-bottom:20px;}
.small-field.custom-size {
width: 46%!important;
margin-right: 0!important;
}
.custom-select.small-field.custom-size {
margin-right: 8%!important;
}
.checkbox{}
#step4 {
width: 30px!important;
}
.min-height-desktop{ min-height:inherit;}
.content{ min-height:inherit;}
ul.list-head li{ padding-right:10px;}
ul.list-head li br{ display:none;}
#header .small{ padding-right:0;}
.help-popup .green-text{}
.grey-box{ height: 350px;
overflow-y: scroll;}
footer .col-small:first-child{ padding-left: 0px!important;}
footer .last-col p{ padding-right:20px;}
#header{ float:left; padding-top: 0px;}
.bottom-text {
width: 100%;
float: left;
padding: 40px;
padding-top:0;
}
.white {
margin-bottom: 0;
padding-bottom: 0;
}
.office-text {
font-size: 15px;
}
h2.office {
font-size: 20px!important;
}
.office-text-smaller .pink{white-space: nowrap;
float:none!important;
display:inline!important; }
.office-text-smaller {
font-size: 12px;
line-height: 19px;
padding-right: 0;
}
.white-pad{ margin-bottom:0;}
.footer-right {
text-align: left;
float: left;
padding-left: 0;
}
.white{ padding-top:60px;}
#header .nopadding{ float:none; padding:0;}
.col-header{ padding:0; padding-top:30px;}
.sitemap .col-small{ width:50%; min-height:150px; margin-bottom:20px;}
.sitemap .col-small a{padding-bottom: 5px;
display: block;
float: left;
width: 100%;}
.sitemap .col-small:first-child{ width:100%!important; min-height:auto; margin-bottom:0;}
.sitemap .col-small.border{ width:50%!important; border-right:0!important;}
.sitemap .col-small.home{ width:100%!important; min-height:150px;}
footer .col-small.home{width: 100%!important;
min-height: inherit;
margin-bottom: 30px;}
.sitemap .col-small {
border: 0!important;
padding-left: 0px!important;
}
.formBox-inline button[type="submit"]{ margin-bottom:40px; margin-top:20px;}
.margin-up{ margin-top:0px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
}
.dark-box.noheight {
min-height: inherit;
margin-left: 0px;
border-radius:5px;
padding-right:0px;
}
.top{ margin-bottom:0;}
.navbar .menu-hcp a {
background-image: url(../images/icon_healthcare_white.png);
font-size:22px;
line-height:22px;
}
.navbar .menu-sp a {
background-image: url(../images/icon_specialty_white.png);
font-size:22px;
line-height:22px;
}
.navbar .menu-patients a {
background-image: url(../images/icon_patient_white.png);
font-size:22px;
line-height:22px;
}
ul.dropdown-menu a{ background:none!important;}
.caret{ border:0!important;}
.navbar-toggle .icon-bar {
display: block;
width: 34px;
height: 5px;
border-radius: 1px;
color:#fff;
}
.links-sitemap{ border:0;}
.links-sitemap a{ padding-right: 5px;
padding-left: 5px;}
.links-sitemap a:first-child{ padding-left:0;}
.links-sitemap p { text-align:left!important;}
.navbar-toggle{ margin-top: 30px;}
.top-links{ padding-left:15px; padding-right:15px;}
.navbar-default .navbar-toggle .icon-bar {
background-color: #b9b9b9;
}
.navbar-default .navbar-toggle{ border:0!important;}
.navbar-header{ color:#fff; background-color:transparent;}
.patient .navbar-header{ }
.patient #header{ background-color:#ebeff2;}
.hcp #header{ background-color:#ebeff2;}
.inner #header{ background-color:#ebeff2;}
.inner .content {
background-color: #ebeff2;
padding-top: 0;
}
.navbar-collapse{ padding:0; }
.navbar-nav{margin:0; }
.inactive-nav{ background-color:#f2f2f2;}
.active-nav{ background-color:#fff;}
.navbar-collapse.in .navbar-header {
background-color: #fff;
/* padding-top: 10px; */
/* font-size: 24px; */
/* padding-bottom: 10px; */
position: absolute;
right: 20px;
top: 25px;
width: 70px;
}
.links-sitemap{ width:100%;}
.navbar-collapse.in .navbar-toggle{ margin-top: 0px;
background: none;margin-bottom:0; margin-right:-5px;}
.navbar-nav{ margin-bottom:0!important;padding-left: 20px;}
.menu{ display:none;}
#header{ background:none;}
.col-header-2 {
padding-top: 20px;
padding-left: 30px;
padding-right: 30px;
}
.col-header-2 .subtitle-head {
padding-left: 0px;
padding-bottom: 10px;
display: block;
/* margin-bottom: 0; */
float: left;
width: 100%;
}
#header .small{
padding-left: 0px;
}
.submenu{ display:none;}
.content{ float:left;}
.pad-content{ padding-left:20px; padding-right:20px;}
.patient-col{ margin-bottom: 40px;
text-decoration: underline;
background-position: left 15px;
margin: 20px;
padding: 0;
padding-left: 60px;
padding-top: 10px;
top:10px;}
.patient-col a.button {
color: #fff;
padding-top: 13px;
padding-bottom: 13px;
margin-top: 0px;
display: block;
float: right;
margin-right: 10px;
}
h1.intro-title {
font-size: 30px!important;
}
.fix-height {
height: auto;
width:auto;
text-align:left;
font-size: 17px;
line-height: 20px;
}
.patient-col p {
margin-top: 0;
}
.holder-col {
width: 100%!important;
height: 130px;
}
.hcp-col{ margin-bottom: 40px;
text-decoration: underline;
background-position: left 15px;
margin: 20px;
padding: 0;
padding-left: 60px;
padding-top: 10px;
top:10px;}
.hcp-col a.button {
color: #fff;
padding-top: 13px;
padding-bottom: 13px;
margin-top: 0px;
display: block;
float: right;
margin-right: 10px;
}
.patient-col-box{ width:100%;}
.hcp-col-box{ width:100%;}
.hcp-col p {
margin-top: 0;
}
.patient-col-box .fix-height{text-align: center;
width: 100%;
margin-top: 40px;
margin-bottom: 10px;}
.patient-col-box a.button {
color: #fff;
width: 90%;
display: block;
float: left;
margin-left: 5%;
margin-top: 0;
}
.hcp-col-box .fix-height{text-align: center;
width: 100%;
margin-top: 40px;
margin-bottom: 10px;}
.hcp-col-box a.button {
color: #fff;
width: 90%;
display: block;
float: left;
margin-left: 5%;
margin-top: 0;
}
.hcp-col-box{ height:230px;}
.hcp-cover {
padding-top: 20px;
padding-bottom: 40px;
}
.cover-welcome p.intro-cover-hcp {
padding-right: 0;
font-size: 15px;
line-height: 1.5;
margin-bottom: 20px;
}
.large-white-pad {
width: 100%;
border-radius:0;
padding:20px;
margin:0;
box-shadow: 0px 0px 0px rgba(0,0,0,0.24);}
.large-white-pad button{ width:100%;}
.hcp-col-box .patient-col-box .content-fixed {
padding-left: 30px;
padding-right: 30px;
min-height: 50px;
}
.full-size{ width:100%; padding:0;}
.col-lg-4.hcp-col-box .holder-col {
width: 90%;
height: 205px;
}
.white.inbox {
padding-top: 80px;
}
.pad-content h1{ font-size: 30px!important;
line-height: 31px;}
.content h1 {
font-size: 30px!important;
line-height: 35px;
margin-bottom: 20px;
padding-right:0!important;
}
p.intro-hcp {
padding-right: 0;
font-size: 15px;
line-height: 1.5;
margin-bottom: 20px;
}
.contact-col{ margin-bottom:0px; padding-top:0; font-size: 17px;
padding-left: 10px;
padding-right: 10px;}
.contact-col br{ display:none;}
.contact-col .pink-small{ color:#fff!important;}
.contact-col span{ text-decoration:none!important;}
.patient.home .content{ padding:0;}
.hcp.home .content{ padding:0;}
.overview{ padding-left:20px; padding-right:20px; margin-bottom:0;}
.col-green a.button{ margin-top:10px!important;}
.col-green .alignleft{ width:100%;}
.col-home br{ display:none;}
.footer{ padding-left:20px; padding-right:20px;}
footer .col-small{ width:50%; border:0; padding-left:0px;}
.navbar{ margin-bottom:0; min-height:inherit; background-color:#fff; box-shadow: 0px 0px 7px rgba(0,0,0,0.24);}
footer .last-col{ padding-left:20px; padding-right:20px; margin-top:20px; padding-right:0;}
.logo{float:left; margin:20px; z-index:9;}
.title-head br{ display:none;}
.title-head {
font-size: 30px;
font-family: 'Akzidenz-grotesk-roman';
line-height: 35px;
padding-right:0;
}
.small-text {
font-size: 15px;
}
.top-links a {
margin-right: 10px;
}
button[type="submit"].margin-up {
margin-top: 20px;
}
.grey-box{ margin-bottom:10px;}
img.card-re-enroll{ margin-top:10px!important;}
.round{ margin-top:20px;}
.mobile{ display:block;}
img{ max-width:100%;}
.popup-box{ width:85%!important; }
.overview h2{ margin-top:40px;}
.eligibility-agreement .popup-box{ height:500px;}
.step-register h3{float:left; width:100%;}
#header img.mobile{ width:100%;}
#header{ height:auto;}
.white{ margin-bottom:0;}
footer .col-small a{}
.step-register .step{ margin-top:3px;}
.white-box-list .error-form{ width:100%; margin-left:0;}
.form-card-information-hcp .clear{ display:none;}
.white-box-list .error-form .inner{ background-position:left 10px top 20px;}
footer .last-col{ }
footer .last-col a img{ opacity:1!important;}
.footer.small-text a{ text-decoration:underline;}
.form-card-information .clear{ display:none;}
.eligibility-agreement{ padding:0!important;}
.menu-links{text-align: left;
padding-left: 20px;
/* margin-bottom: 20px; */
margin-top: 0;
padding-top: 20px;
padding-bottom: 20px;}
.menu-links a{ font-size:13px;}
.hr-menu {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 0;
padding: 0;
width:100%; float:left;
}
.content-register h1{ margin-top:0!important; margin-bottom:0!important;}
body {
font-size:15px;
}
.patient-bck{
font-size:15px;
}
.hcp-bck{
background-size: 100%;
font-size:15px;
}
.white{background-image: url(../images/bck-white-mobile.png);}
.title-left{ font-size: 25px;
padding: 0;
line-height: 29px;
text-align: center;
margin-bottom: 30px;
margin-top: 30px;
padding-left: 40px;
padding-right: 40px;}
.mob-height {
width: 100%;
position: relative;
height: 160px;
}
.patient-bck .mob-height {
width: 100%;
position: relative;
height: 280px;
}
.hcp-bck .mob-height {
width: 100%;
position: relative;
height: 280px;
}
.col-lg-4 .holder-col {
width: 90%;
height: 260px;
}
.patient-col-box{ padding:5px;}
.patient-col-box br{ display:none;}
.patient-col-box .content-fixed{ min-height:90px;padding-left: 5px;
padding-right: 5px;}
.title-left br{ display:none;}
ul.list-head{ margin-bottom:0; font-size:20px;}
.navbar li{ width:100%!important; max-width:100%!important; margin-left:0!important; margin-bottom:0; list-style:none;}
.navbar li a.has-submenu{ font-size:32px;
font-family: 'Akzidenz-grotesk-roman';
line-height: 41px; padding-top:30px;}
.active-nav li a.has-submenu{ color:#F36633;}
.navbar li.menu-patients a{ padding-top:20px;}
.navbar li a{ width:100%!important; max-width:100%!important;}
.navbar li a.menu-active{ color:#F36633 ; font-size:32px;font-family: 'Akzidenz-grotesk-roman';}
.navbar li li a{ background-image:none; color:#707070;font-size: 20px; line-height: 35px;}
ul.dropdown-menu li a{ color:#fff; height:auto; padding-left:50px!important; font-size:20px!important;}
ul.dropdown-menu{ list-style:none;}
ul.dropdown-menu li{padding-top:10px; padding-bottom:10px; background-color:#29333c; }
ul.dropdown-menu li::before {content: "\2022"; color: #959595;
display: block; width: 20px;
margin-left: 20px; margin-bottom:-30px; font-size:25px;}
ul.dropdown-menu li.selected::before { color: #F36633;}
ul.dropdown-menu li:hover::before { color: #F36633;}
ul.dropdown-menu li a:hover{ color:#959595; text-decoration:none;}
.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
padding-top: 2px;
}
.but{width:100%; padding:10px;}
ul.dropdown-menu li:last-child {
border-bottom: none;
}
.background-register{ background-size:100%; background-image: url(../images/bck-register-mobil.png);}
.background-register .container{ padding:0;}
.sidebar{ width:100%; padding:0; margin:0;padding-top: 20px;
padding-bottom: 20px;}
.sidebar .small{ margin-top:0; }
.content-register{ width:100%; padding:0; margin:0; padding-top:40px;}
.step-register{ width:100%;}
ul.submenu-list li a{ color:#fff; height:auto; padding-left:50px!important; font-size:20px;}
ul.submenu-list{ list-style:none;}
ul.submenu-list li{ padding-top:12px; padding-bottom:12px; }
ul.submenu-list li::before {content: "\2022"; color: #959595;
display: block; width: 20px;
margin-left: 20px; margin-bottom:-35px; font-size:25px;}
.dropdown-menu{ padding-top:0;}
ul.submenu-list li:hover::before { color: #F36633;}
ul.submenu-list li a:hover{ color:#959595; text-decoration:none;}
img.mobile{ margin-top:-120px;}
.menu-top{ }
.patient.home{ background:none;}
.patient #header img.mobile{ display:none!important;}
.patient.home #header img.mobile{ display:block!important;}
.sidebar .small{ font-size:10px; text-align:center;}
.hcp #header img.mobile{ display:none!important;}
.hcp.home #header img.mobile{ display:block!important;}
.sp #header img.mobile{ display:none!important;}
.sp.home #header img.mobile{ display:block!important;}
.hcp.home{ background:none;}
.sp.home{ background:none;}
.patient.home #header{ height:auto;}
.hcp.home #header{ height:auto;}
.sp.home #header{ height:auto;}
p.intro{ padding-right:0; font-size: 15px; line-height: 21px;}
.col-home{ padding-right:0;}
.padding{ padding:0}
.register-padding{ padding:0}
.step1{ width:100%;}
.step2{ width:100%;}
.step3{ width:100%;}
.step4{ width:100%;}
.patient .content{ background-color:#ebeff2; padding-top:0;}
.patient .content p br{ display:none;}
.hcp .content{ background-color:#ebeff2; padding-top:0;}
.hcp .content p br{ display:none;}
.hcp .content .formBox-submit p br{ display:block;}
.file-upload .file-select{ overflow:visible;}
.file-upload .file-select .file-select-name{width: 100%;
text-align: center; }
.padding h1{ margin-top:0; }
.tabular-steps .error-form {
float: left;
display: block;
color: #c41d25!important;
}
.patient-authorization .checkbox{ margin-bottom:20px;}
.white-pad{ width:100%; margin-top:30px; padding:20px; float:left;}
.bigger-font-only {
font-size: 15px;
line-height: 20px;
}
.login-info {
font-size: 10px;}
.login-info h3 {
font-size: 12px;
}
.login-info p{ margin-bottom:15px!important;}
.white-pad form label {
font-size: 11px;
}
.pad-right {
padding-right: 0px;
}
.indent{ display:none; padding-left:40px;}
h2.faq button {
display: table-cell!important;
float: left;
margin-right: 0;
background: none;
border: 0;
font-size: 50px;
color: #F36633;
width: 45px;
margin-left: 0;
padding-left: 0;
}
h2.faq button:active{ outline:0;}
.pad-left {
padding-left: 0;
}
h2.faq{ font-size:18px;}
h2.faq br{ display:none;}
h2.faq button strong{font-family: 'Akzidenz-grotesk-roman';
line-height: 25px;}
.white-box-form .border-right {
border-right: 0;
margin-right: 0px;
padding-right: 0px;
}
.white-box-form{ font-size:16px;}
.inner-box-hcp{
line-height: 22px;
letter-spacing: -0.1px;
}
.inner-box-hcp {
min-height: 77px;
}
.white-box-form .inner-box br{ display:none;}
.white-box-form .inner-box-hcp br{ display:none;}
.white-box-form .inner-box {
min-height: 85px;
}
.white-box-form{ width:100%;}
.white-box-form img {
margin-bottom: 20px;
float: left;
max-width: 35%;
margin-right: 20px;
}
.pad-right-more {
padding-right: 0;
}
.pad-right-more h4 {
margin-top: 0;
font-size: 17px;
}
.pad-left h4 {
margin-top: 0;
font-size: 17px;
}
.box-grey-small {
width: 100%;
float: none;
}
.box-grey-last {
display: block;
float: none;
margin-right:0;
margin-top:20px;}
a.view-my{ text-align:center;}
.padding-account {
padding: 10px;}
table.dashboard tr td{ width:50%;}
.cover-welcome{ background-size:cover;background-image: url(../images/bck-cover-mobil.jpg);}
.background-register-hcp .container {
padding: 0;
}
.background-register-hcp .sidebar {
border-right: 0;
margin-top: 0;
border: 1px solid #F36633 ;
margin-left: 20px;
margin-right: 20px;
width: 90%;
}
.menu-top {
width: 100%;
float: left;
border-bottom: 0;
margin-bottom: 0px;
background-color: #fff;
box-shadow: 0px 0px 0px rgba(0,0,0,0.24);
}
.background-register-hcp .cover-welcome .container{ padding-left: 25px!important;
padding-right: 25px!important;}
.cover-welcome p.intro {
padding-right: 0;
padding-bottom: 0;
/* margin-bottom: 20px; */
}
.social-number-popup .popup-box {
height: auto;
padding: 20px!important;
}
.background-register-hcp .content-sidebar{ margin-top:30px;}
h2.faq span{ display:table-cell!important; }
.bck-inner .pad-content{ padding:0!important;}
.white-pad button{ width:46%;}
.white-pad h2 {
font-size: 20px;}
.contact-box{ min-height:inherit!important;}
.cont {
height: 275px;
}
.big-contact-box {
width: 100%!important;
float: right;
height:350px;
}
.holder-col-big {
height: 360px;
width: 100%;
}
.cont .patient-col-box {
text-align: left;
font-size: 20px;
line-height: 27px;
}
.big-contact-box .patient-col-box {
padding: 20px;
text-align:left;
}
.cont .patient-col-box .fix-height{ text-align: left;
padding-left: 20px;
padding-top: 0;
margin-top: 5px; }
.col-lg-4.cont .holder-col {
height: 240px;
}
.cont .patient-col-box .content-fixed{padding-left: 55px;
padding-right: 0; }
.big-contact-box .col-lg-1{ display:none;}
.big-contact-box .patient-col-box .fix-height{ text-align: left;
padding-left: 20px;
padding-top: 0;
margin-top: 5px; }
.big-contact-box .patient-col-box .content-fixed{padding-left: 55px;
padding-right: 0; }
.big-contact-box .patient-col-box br{ display:inherit;}
.error-form{ font-size:16px;}
h4 {
margin-top:30px;
font-size: 22px;
}
.patient .top {
border-bottom: 5px solid #425563;
background-color: #fff;
}
.hcp .top {
border-bottom: 5px solid #425563;
background-color: #fff;
}
.sp .top {
border-bottom: 5px solid #425563;
}
.top-content{ float:left;}
footer{ float:left;}
.footer{ float:left;}
.white-box{ padding:0; padding-right:20px; padding-left:20px;}
.patient .menu-patients a{ background-color:#425563;}
.hcp .menu-hcp a{ background-color:#425563;}
.sp .menu-sp a{ background-color:#425563;}
.patient .menu-patients a{ height:auto;}
.hcp .menu-hcp a{ height:auto;}
.sp .menu-sp a{ height:auto;}
.tabular-steps.white-box{ padding-top:20px!important;}
.apply-step-one-form ol.number-list{ margin-left:-20px;}
.buttons .button-green{ max-width:100%;}
ul.number-list{ padding-left:20px;}
.step-enroll img{ display:none;}
.step-enroll{ width:30px!important; height:30px!important; background-color:#425563; margin-right:20px; border-radius:15px;}
.step-enroll.active{ background-color:#F36633;}
.step-locator{ padding-left:20%; margin-top:0;}
.help{ float:left; width:100%; margin-top:0px; margin-left:0; margin-bottom:20px;}
.help-popup .popup-box{ padding:20px; padding-top:50px;}
.tabular-steps .error-form .inner{}
.enroll-phone .step5{ width:100%;}
.col-lg-8.col-xs-12.enroll-phone{ margin-bottom:40px; padding-right:20px;}
.eligibility-box a.button{ width: 100%;
float: left;
text-align: center;}
.eligibility-box{ margin-top: 20px;
text-align: center;
float: left;}
.sidebar .arrow {
width: 29px;
height: 29px;
display: block;
float: right;
background-image: url(../images/arrow-menu-M-off-sidebar.png);
background-repeat: no-repeat;
margin-right: 20px;
margin-top: 3px;
}
.sidebar.active .arrow {
width: 29px;
height: 29px;
display: block;
float: right;
background-image: url(../images/arrow-menu-M-on-sidebar.png);
background-repeat: no-repeat;
margin-right: 20px;
}
.background-register-hcp .sidebar .arrow {
background-image: url(../images/arrow-menu-M-off-sidebar-hcp.png);
margin-right: 0px;
}
.background-register-hcp .sidebar.active .arrow {
background-image: url(../images/arrow-menu-M-on-sidebar-hcp.png);
}
.content-sidebar {
display: none;
border-top:1px solid #558bc3;
margin-top: 20px;
padding-top: 20px;
padding: 40px;
}
.show_sidebar {
display: block!important;
}
.sidebar h5 br{ display:none;}
.form-re-enroll p{ margin-bottom:20px;}
.form-re-enroll .error-form{ width:60%;}
.dark-box{ margin-bottom:40px;}
.form-re-enroll{ padding:0;}
.register-padding .enroll-phone .step5{width: 85px; margin-bottom: 30px;}
.step-enroll{ background-image:none;}
.three-step-container p br{ display:none;}
.content h1{ margin-top:30px;}
.form-login{ border:0; padding-right:0; margin-right:0; margin-bottom:40px;}
.popup-box .field input{ max-width:100%;}
.popup-box label {
width: 180px;
text-align: left;
padding-right: 10px;
}
.s2 #step1{ background-color: #425563;}
.s3 #step1{ background-color: #425563;}
.s3 #step2{ background-color: #425563;}
.s4 #step1{ background-color: #425563;}
.s4 #step2{ background-color: #425563;}
.s4 #step3{ background-color: #425563;}
a.button-green {
padding-right: 30px;
padding-left: 10px;
}
.forgot-password-popup .popup-box{ padding:20px; height:600px; overflow-y:scroll;}
.first-login{ }
.login-p{ padding-right:0;}
.margin-set{ padding:20px; margin-right:0;}
.grey{ padding:20px!important; width:100%;}
button.alignright{ margin-right:20px;}
.white-box.alignright{ margin-right:0px;}
.dark-box.noheight.mob{ padding-right:20px;}
.formBox-inline label{ width:100%; text-align:left;}
.formBox-inline .field input{ max-width:100%; }
.field select{ width:92%; max-width:100%;}
.input-field-custom{ width:92%; max-width:100%;}
table.dashboard tr{ padding-bottom:0px; margin-bottom:0px; border:0;}
table.transactions tr td {
width: 100%!important;
}
.transactions td.border{ border:0;}
.desktop{ display:none;}
.transactions td{ width:100%; display:block; float:left; border-right:0; text-align:left;}
.transactions tr{ width:100%; display:block; float:left;}
.transactions td.border {border-bottom: 1px solid #424242;}
table.accountTable tr td{ border:0; text-align:left; padding-left:0;}
.field input{}
.formboxbg button{ width:100%;}
.menu-top{ padding-bottom:30px; padding-top: 30px;}
.pad-content .clear{ height:1px;}
.new-design-eft .clear{ height:40px; margin-bottom:40px;}
.pi_tab1 {
width: 100%!important;
float: left;
}
.ui-tabs .ui-tabs-nav li{ width:100%;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor{ width:100%;}
.pi_tab1.second_row {
width: 100%!important;
}
#tabs-3{ overflow-y: scroll;}
.table-col{ padding:0!important;}
.checkbox-pay {
margin-left: 0px;
margin-top: 20px;
}
.dark-box {
margin-left: 0px!important;
}
.menu-top ul li{ padding-top: 10px;
padding-bottom: 5px;
width: 100%;
clear: both;
border: 1px solid #ddd;}
.white-box-form {
margin-bottom: 20px;
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
margin-top: 20px;
}
.dark-box a.button {
margin-top: 25px!important;
}
.update-doctor-form{ padding-top:20px;}
.error-form .inner { padding-left:40px;}
.error-form{padding-right: 0;
width: 100%;
margin-bottom: 20px;}
.error-form2{padding-right: 0;
width: 100%;
margin-bottom: 20px; float:none;}
.form-login .error-form{ width:60%;}
.patient.home h1{ margin-top:40px;}
.hcp.home h1{ margin-top:40px;}
.sp.home h1{ margin-top:40px;}
.inline{ display:block!important; float:left!important;}
.col-green{ margin-bottom:20px;}
.hcp .content{ padding-top:0;}
.hcp .tabular-steps.white-box{ background-color:#fff;}
.hcp .tabular-steps.white-box a.help{ }
.white-box-security{ width:100%;}
.grey-box{ width:100%;}
.hcp .white-box{ padding-top:20px; padding-bottom:20px;}
.sp .white-box{ padding-top:20px;}
.small-box{ width:100%;}
.green-bck{ margin-top:20px;}
.box-small input[type="text"]{ width:100%;}
.box-small select{ width:100%;}
table.patients.transactions td{ width:40%;}
table.patients.transactions td.border{ width:60%; border:0;}
table.patient_list{ width:100%!important;}
table.patient_list td{width: 26px!important;
float: left;
height: 26px;
display: block;
padding: 5px;}
.box-left{ margin-top:0;width: 100%;}
.checkbox-pay {
margin-left: 0px;
}
#start-date{ margin-bottom:10px; width:100%!important;}
#list_physicians {
margin-left: 0;
}
.file-upload .file-select{ width:100%; float:left; height:auto;}
.file-upload .file-select .file-select-name {
text-align: left;
padding-left:0;
margin-bottom:20px;
}
#list_patients {
margin-left: 0px;
}
.gender{ width:92%;}
#end-date{ margin-bottom:10px; width:100%!important; }
.box-small a.button{ margin-right:0!important;}
.box-small button.alignright{ margin-right:0!important;}
.hcp .box-small{ margin-bottom:20px;}
.hcp .col-lg-7 a.green-button{ padding:10px!important;}
.three-step-container .tabular-steps.white-box{ padding-right:20px;}
.patient_form a.help{ margin-top:0!important;}
.social-number-popup .popup-box{ height:auto; padding-top:40px;}
.card-info{ padding-top: 20px;
margin-bottom: 40px;}
.tabular-steps span.select_container{ width:100%; float:left;}
.search-box button{ width:46%!important;}
.search-title{background-position: 20px;padding-left: 50px; }
h5.register-smaller {
line-height: 25px;
margin-bottom: 10px;
}
.margin-top {
margin-top: 0px;
}
h1.smaller-text {
font-size: 30px!important;
line-height:35px;
}
.margin-top .col-lg-6 p.intro{font-size: 22px; }
.center-tab{ text-align:center;}
.pink a{color: #FF00CB!important; }
.margin-top .col-lg-6{ margin-top:20px;}
.find-form .pad-content{ padding-left:0; padding-right:0;}
}
@media (min-width:731px)and (max-width: 769px){
.step-locator {
padding-left: 35%;
margin-top: 0;
}
.white-box-form{
width: 44%;
float: left;
}
}
@media screen and (max-width: 320px) {
table.patient_list {
width: 250px!important;
max-width: 250px!important;
}
.sidebar h5{ padding-left:10px;font-size: 18px;}
.small-field {
width: 83px!important;
margin-right: 10px!important;
}
.search-title {
font-size: 17px;
}
.patient-col{ margin:15px; padding-left: 50px;}
.hcp-col{ margin:15px; padding-left: 50px;}
.mob-height .fix-height{ font-size:14px;}
.logo img {
max-width: 200px;
}
.patient-col-box .fix-height{ margin-top:20px;}
.white-pad button {
width: 100%;
}
}
@media screen and (max-width: 500px) {
.logo img{ max-width:150px;}
.logo{ max-width:250px;}
.text-logo{ font-size:20px;}
}
@media screen and (max-width: 330px) {
.logo img{ max-width:120px;}
.logo {
max-width: 220px;
padding-right: 0;
margin-right: 0;
}
.text-logo{ font-size:18px;}
}
@media screen and (min-width: 640px) and (max-width: 1200px) {
footer .col-small{ width:33%!important;}
footer .col-small.home{ width:33%!important;}
body{background-image: url(../images/site-background.png);}
.cover-welcome p.intro{padding-right: 0;
padding-bottom: 0;
margin-bottom: 20px;}
.cover-welcome{background-size: cover; }
.box-grey-small{ width:24%;}
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
.box-grey-small{ width:22%; padding: 10px;}
.content-box-grey {
font-size: 16px;
}
.cover-welcome p.intro-cover-hcp {
padding-right: 0;}
.hcp-cover {
padding-top: 60px;
padding-bottom: 60px;
}
.pink a{ color:#FF00CB!important;}
}
@media screen and (max-width: 1200px) {
#card-id {
left: 27%
}
}
@media screen and (max-width: 987px) {
#card-id {
left: 20%
}
}
@media screen and (max-width: 812px) {
#card-id {
bottom: -90px;
left: 20%
}
}
@media screen and (max-width: 785px) {
#card-id {
bottom: -90px;
left: 19%;
font-size: 10px;
}
#card-group {
bottom: -90px;
left: 12%;
font-size: 10px;
}
#card-bin {
bottom: -68px;
left: 11%;
font-size: 10px;
}
}
@media screen and (max-width: 731px) {
#card-id {
bottom: -90px;
left: 16%
}
}
@media screen and (max-width: 640px) {
#card-id {
bottom: -99px;
font-size: 10px;
left: 30px;
}
}
@media screen and (max-width: 400px)
{
#card-id {
bottom: -100px;
left: 9%;
font-size: 9px;
}
}
@media screen and (min-width: 732px) and (max-width: 1200px) {
.col-small.home.col-xs-12 {
width: 25%;
}
.white {
padding-top: 120px;
}
.fix-height{ padding-top:10px; font-size:20px; }
.hcp-col-box .patient-col-box .fix-height{ margin-top:0;}
.title-left br {
display: none;
}
.col-lg-4 .holder-col {
width: 90%!important;
height: 340px!important;
}
.col-lg-4.col-xs-12.hcp-col-box .holder-col {
width: 90%!important;
height: 240px!important;
}
.hcp-col-box .patient-col-box .content-fixed {
padding-left: 0px;
padding-right: 0px;
min-height: 70px;
}
.top-text {
min-height: 300px;
margin-top: 20px;
}
.large-white-pad button {
width: auto;
}
.patient-col-box {
width: 90%;
padding:20px;
}
.hcp-col-box {
width: 90%;
padding:20px;
}
.patient-col-box .fix-height{ margin-top:0;}
.white-box-form .border-right {
border-right:0;
margin-right: 0px;
padding-right: 0px;
}
.white.inbox {
padding-top: 15%;
}
.white-pad button {
width: auto;
}
.bottom-text {
width: 90%;
padding: 5%;
margin-top:0px;
float:none;
}
.white-box-list button{ width:auto;}
.search-box button {
width: auto!important;
}
.center-tab{ text-align:center;}
button.mobile{ display:block!important;}
h2.faq button {
display: table-cell!important;
float: left;
margin-right: 0;
background: none;
border: 0;
font-size: 50px;
color: #F36633;
width: 45px;
margin-left: 0;
padding-left: 0;
}
.pad-left {
padding-left: 0;
}
.pad-right {
padding-right: 0;
}
.formboxbg button {
width: auto;
}
.eligibility-box a.button {
width: auto; float:none;
}
.patient-col-box .content-fixed {
min-height: 190px;}
.top-text .col-lg-4{ width:33%!important;}
.fix-height br{ display:none;}
.title-left {
font-size: 35px;
margin-top: 0;
padding-top: 0;
text-align: center;
padding-bottom: 40px;}
.holder-col{ width:90%;}
.holder-col-big{ width:100%; height:340px;}
.big-contact-box{ width:66%!important;}
.col-header-2 img{ max-width:100%;}
.title-head{ }
.title-head br{ display:none;}
.mob-height .content-fixed br{ display:none;}
.content-register{ padding-left:30px;min-height:inherit; padding-bottom:40px;}
.step-register{ width:100%;}
.sidebar{ padding-right:20px;}
.col-lg-6 img.card{ margin-top:50px;}
h1.smaller-text{ font-size: 30px !important;
padding-right: 0;}
.background-register{background-size: 35% 100%; }
.col-header-2 img{ float:none;}
.step-enroll{ width:30%;}
#step4{ width:5%}
.menu-sp{ margin-left:0;}
.menu-hcp{ margin-left:0;}
.menu-patients{ margin-left:0;}
.menu-top ul li{ padding:10px;}
.logo img{ max-width:280px;}
.margin-up{ margin-top: 40px;}
.white-box-form {
width: 33%;
float: left;
}
.card-info{ padding-top:0;}
.form-login{ margin-bottom:40px;}
.formBox-inline label{ text-align:left;}
.col-green{ margin-bottom:40px;}
.box-small{ margin-bottom:30px;}
.box-small.green-bck{ margin-right:0;}
footer .col-small{ width:25%; margin-bottom:20px;}
.eligibility-agreement .popup-box{ height:auto;}
.terms-agreement .popup-box{ height:auto;}
.search-box .small-input {
width: 100%!important;
float: left;
}
.search-box .small-mobile .custom-select {
width: 100%;
margin-top: 10px;
}
.top-text .bottom-text {
width: 80%!important;
margin-top: 50px;
margin: 0 auto;
float: none;
}
.indent{ display:none;}
h2.faq br{ display:none;}
p.intro-hcp{ padding-right:0;}
h1.intro-hcp{ padding-right:0;}
p.intro{ padding-right:0;}
}
@media (min-width:720px)and (max-width: 812px){
.background-register{background-size: 100%}
.content-register{ padding-left:0;}
.background-register-hcp .sidebar{ width:95%;}
.find-form .pad-content{ padding-left:0; padding-right:0;}
}
@media screen and (min-width: 732px) and (max-width: 812px) {
.white-box-form {
width: 100%;
}
}
@media (min-width:813px){
.background-register-hcp .sidebar{ border:0;}
.background-register-hcp .content-register{border-left: 1px solid #707070; }
}
@media (min-width:1000px)and (max-width: 1200px){
.sidebar{ margin-left:0; width:25%;}
}
@media (min-width:959px)and (max-width: 960px){
.sidebar{ width:30%;}
.content-register{ width:70%;}
}
@media (min-width:812px)and (max-width: 1200px){
.content-register{ min-height:900px;}
.menu-top{ padding-top:30px;}
.menu-top ul li {
padding: 15px;
}
#start-date {
margin-bottom: 10px;
width: 160px!important;
}
#end-date {
margin-bottom: 10px;
width: 160px!important;
}
}
.white-box.nopadding-top.table-col{ padding:0!important; background-color:transparent;}
.white-box.nopadding-top.table-col .padding-account {
padding: 20px;}
@media (min-width:812px)and (max-width: 990px){
.dark-box{ margin-left:0!important;}
.menu-top ul li {
padding: 7px;
}
}
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Jquery Modal.
========================================================================== */
.modal {
background-color:#fff;
display:none;
width:350px;
padding:15px;
text-align:left;
border:2px solid #333;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-moz-box-shadow: 0 0 50px #ccc;
-webkit-box-shadow: 0 0 50px #ccc;
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
.white .bottom-text p.pink{ color:#fff!important;}
.bck-color .bottom-text p.pink{ color:#fff!important;}
.background-register .sidebar .small{ color:#fff!important;}
.form_error_message {
color: #990000;
}
.genericError{
color: #990000;
}
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.top-header{ position:inherit;}
.menu{ position:absolute; right:0; top:30px; }
.menu-links{ width:40%!important; float:right!important; position:absolute; right:0; top:0;}
a[href]:after {
content: none !important;
}
.logo{ width:20%!important;}
.col-small{ width:25%!important;}
.menu-top ul li{ padding:5px;}
.white .bottom-text p.pink {
color: #000!important;
}
}
.eligibility-agreement a.close-button {
float: right;
position:relative;
margin-right:-25px;
margin-top:-20px;
}
.border-red {
border: 2px solid #e30000 !important;
}
.margin-setting{
margin-top: -30px;
}
.img-fix2{
width: 140px;
}
/* tooltip */
.custom-tooltip {
position: relative;
display: inline-block;
}
.custom-tooltip .tooltiptext {
visibility: hidden;
width: 300px;
background-color: white;
color: orange;
border-color: orange;
border-width: 2px;
border-style: solid;
text-align: center;
border-radius: 6px;
padding: 5px;
position: absolute;
z-index: 1;
bottom: 100%;
left: 0%;
margin-bottom: 5px;
}
.custom-tooltip:hover .tooltiptext {
visibility: visible;
}
@media screen and (max-width: 812px){
.img-fix {
float: right;
width: 141PX;
}
.img-fix2{
width: 110px;
float: left;
}
.margin-setting{
margin-top: -15px;
}
.float-left{
float: left;
text-align: left;
}
.custom-tooltip .tooltiptext {
width: 154px;
}
}
input[disabled], .radio-padding input[disabled] + label span {
background-color: #eee !important;
cursor: not-allowed !important;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
cursor: not-allowed !important;
}
.patient-info-reenroll-help {
font-size: 16px;
line-height: 1.5;
}
/*twitter-typeahead css*/
.twitter-typeahead {
width: 100%;
}
.tt-dataset {
border: 1px solid #cccccc;
padding: 0.75rem;
z-index:900;
background-color:#ffffff;
}
.tt-menu {
width: 100%;
cursor: pointer;
}
.tt-not-selectable {
cursor: default;
}
.tt-highlight {
background-color: rgba(255,255,0,.2);
font-weight: inherit;
}