html.ie9 .smartling-es .fpl-form-note-placeholder {
white-space: nowrap;
}
html.ie9 .section-block-learn a:hover {
filter: none;
}
.parsys_column {
max-width: 1280px;
position: relative;
}
.parsys_column ul li {
list-style-type: disc;
}
.parsys_column ul.fa-ul {
list-style-type: none;
}
.parsys_column ul.fa-ul li {
list-style-type: none;
}
.parsys_column.cq-colctrl-cols .cq-colctrl-lt1-c0 {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 16px;
padding-right: 16px;
}
@media (min-width: 768px) {
.parsys_column.cq-colctrl-cols .cq-colctrl-lt1-c0 {
float: left;
width: 100%;
}
}
@media (min-width: 1024px) {
.parsys_column.cq-colctrl-cols .cq-colctrl-lt1-c0 {
margin-left: 8.33333333%;
}
}
@media (min-width: 1024px) {
.parsys_column.cq-colctrl-cols .cq-colctrl-lt1-c0 {
float: left;
width: 83.33333333%;
}
}
.parsys_column.cq-colctrl-lt2-vline {
min-width: 320px;
position: relative;
margin: 0 auto 0;
}
.parsys_column.cq-colctrl-lt2-vline:before,
.parsys_column.cq-colctrl-lt2-vline:after {
content: " ";
display: table;
}
.parsys_column.cq-colctrl-lt2-vline:after {
clear: both;
}
.parsys_column.cq-colctrl-lt2-vline:before,
.parsys_column.cq-colctrl-lt2-vline:after {
content: " ";
display: table;
}
.parsys_column.cq-colctrl-lt2-vline:after {
clear: both;
}
@media (max-width: 767px) {
.parsys_column.cq-colctrl-lt2-vline {
margin: 5px auto;
}
.parsys_column.cq-colctrl-lt2-vline .fpl-links-list {
margin: 0 -16px;
}
}
.parsys_column.cq-colctrl-lt2-vline .cq-colctrl-lt2-vline-c0 {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 16px;
padding-right: 16px;
}
@media (min-width: 768px) {
.parsys_column.cq-colctrl-lt2-vline .cq-colctrl-lt2-vline-c0 {
float: left;
width: 50%;
}
}
@media (min-width: 1024px) {
.parsys_column.cq-colctrl-lt2-vline .cq-colctrl-lt2-vline-c0 {
margin-left: 8.33333333%;
}
}
@media (min-width: 1024px) {
.parsys_column.cq-colctrl-lt2-vline .cq-colctrl-lt2-vline-c0 {
float: left;
width: 41.66666667%;
}
}
@media (max-width: 767px) {
.parsys_column.cq-colctrl-lt2-vline .cq-colctrl-lt2-vline-c0 {
margin-top: 20px;
}
}
@media (min-width: 768px) {
.parsys_column.cq-colctrl-lt2-vline .cq-colctrl-lt2-vline-c0 {
position: static;
}
.parsys_column.cq-colctrl-lt2-vline .cq-colctrl-lt2-vline-c0:before {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 16px;
padding-right: 16px;
float: none;
content: ' ';
position: absolute;
top: 0;
bottom: 0;
z-index: -1;
left: 0;
border-right: 1px solid #cccccc;
}
}
@media (min-width: 768px) and (min-width: 768px) {
.parsys_column.cq-colctrl-lt2-vline .cq-colctrl-lt2-vline-c0:before {
float: left;
width: 50%;
}
}
@media (min-width: 768px) and (min-width: 1024px) {
.parsys_column.cq-colctrl-lt2-vline .cq-colctrl-lt2-vline-c0:before {
margin-left: 8.33333333%;
}
}
@media (min-width: 768px) and (min-width: 1024px) {
.parsys_column.cq-colctrl-lt2-vline .cq-colctrl-lt2-vline-c0:before {
float: left;
width: 41.66666667%;
}
}
.parsys_column.cq-colctrl-lt2-vline .cq-colctrl-lt2-vline-c1 {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-right: 16px;
padding-left: 16px;
}
@media (min-width: 768px) {
.parsys_column.cq-colctrl-lt2-vline .cq-colctrl-lt2-vline-c1 {
float: left;
width: 50%;
}
}
@media (min-width: 1024px) {
.parsys_column.cq-colctrl-lt2-vline .cq-colctrl-lt2-vline-c1 {
float: left;
width: 41.66666667%;
}
}
@media (max-width: 767px) {
.parsys_column.cq-colctrl-lt2-vline .cq-colctrl-lt2-vline-c1 {
margin-top: 20px;
}
}
@media (min-width: 768px) {
.parsys_column.cq-colctrl-lt2-vline .cq-colctrl-lt2-vline-c1 {
position: static;
}
.parsys_column.cq-colctrl-lt2-vline .cq-colctrl-lt2-vline-c1:before {
float: left;
width: 50%;
position: relative;
min-height: 1px;
padding-left: 16px;
padding-right: 16px;
float: none;
content: ' ';
position: absolute;
top: 0;
bottom: 0;
z-index: -1;
left: 0;
}
}
@media (min-width: 768px) and (min-width: 768px) {
.parsys_column.cq-colctrl-lt2-vline .cq-colctrl-lt2-vline-c1:before {
float: left;
width: 50%;
}
}
@media (min-width: 768px) and (min-width: 1024px) {
.parsys_column.cq-colctrl-lt2-vline .cq-colctrl-lt2-vline-c1:before {
float: left;
width: 41.66666667%;
}
}
@media (min-width: 768px) and (min-width: 320px) {
.parsys_column.cq-colctrl-lt2-vline .cq-colctrl-lt2-vline-c1:before {
left: 100%;
}
}
@media (min-width: 768px) and (min-width: 768px) {
.parsys_column.cq-colctrl-lt2-vline .cq-colctrl-lt2-vline-c1:before {
left: 50%;
}
}
@media (min-width: 768px) and (min-width: 1024px) {
.parsys_column.cq-colctrl-lt2-vline .cq-colctrl-lt2-vline-c1:before {
left: 41.66666667%;
}
}
.parsys_column.cq-colctrl-lt2 {
margin: 0 auto 0;
}
@media (max-width: 767px) {
.parsys_column.cq-colctrl-lt2 {
margin: 5px auto;
}
.parsys_column.cq-colctrl-lt2 .fpl-links-list {
margin: 0 -16px;
}
}
.parsys_column.cq-colctrl-lt2:before,
.parsys_column.cq-colctrl-lt2:after {
content: " ";
display: table;
}
.parsys_column.cq-colctrl-lt2:after {
clear: both;
}
.parsys_column.cq-colctrl-lt2:before,
.parsys_column.cq-colctrl-lt2:after {
content: " ";
display: table;
}
.parsys_column.cq-colctrl-lt2:after {
clear: both;
}
.parsys_column.cq-colctrl-lt2 .cq-colctrl-lt2-c0 {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 16px;
padding-right: 16px;
}
@media (min-width: 768px) {
.parsys_column.cq-colctrl-lt2 .cq-colctrl-lt2-c0 {
float: left;
width: 50%;
}
}
@media (min-width: 1024px) {
.parsys_column.cq-colctrl-lt2 .cq-colctrl-lt2-c0 {
margin-left: 8.33333333%;
}
}
@media (min-width: 1024px) {
.parsys_column.cq-colctrl-lt2 .cq-colctrl-lt2-c0 {
float: left;
width: 41.66666667%;
}
}
@media (max-width: 767px) {
.parsys_column.cq-colctrl-lt2 .cq-colctrl-lt2-c0 {
margin-top: 20px;
}
}
.parsys_column.cq-colctrl-lt2 .cq-colctrl-lt2-c1 {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 16px;
padding-right: 16px;
}
@media (min-width: 768px) {
.parsys_column.cq-colctrl-lt2 .cq-colctrl-lt2-c1 {
float: left;
width: 50%;
}
}
@media (min-width: 1024px) {
.parsys_column.cq-colctrl-lt2 .cq-colctrl-lt2-c1 {
float: left;
width: 41.66666667%;
}
}
@media (max-width: 767px) {
.parsys_column.cq-colctrl-lt2 .cq-colctrl-lt2-c1 {
margin-top: 20px;
}
}
.parsys_column.cq-colctrl-lt3-layout1 {
margin: 0 auto 0;
}
@media (max-width: 767px) {
.parsys_column.cq-colctrl-lt3-layout1 {
margin: 5px auto;
}
.parsys_column.cq-colctrl-lt3-layout1 .fpl-links-list {
margin: 0 -16px;
}
}
.parsys_column.cq-colctrl-lt3-layout1:before,
.parsys_column.cq-colctrl-lt3-layout1:after {
content: " ";
display: table;
}
.parsys_column.cq-colctrl-lt3-layout1:after {
clear: both;
}
.parsys_column.cq-colctrl-lt3-layout1:before,
.parsys_column.cq-colctrl-lt3-layout1:after {
content: " ";
display: table;
}
.parsys_column.cq-colctrl-lt3-layout1:after {
clear: both;
}
.parsys_column.cq-colctrl-lt3-layout1 .cq-colctrl-lt3-layout1-c0 {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 16px;
padding-right: 16px;
}
@media (min-width: 768px) {
.parsys_column.cq-colctrl-lt3-layout1 .cq-colctrl-lt3-layout1-c0 {
float: left;
width: 33.33333333%;
}
}
@media (min-width: 1024px) {
.parsys_column.cq-colctrl-lt3-layout1 .cq-colctrl-lt3-layout1-c0 {
margin-left: 8.33333333%;
}
}
@media (min-width: 1024px) {
.parsys_column.cq-colctrl-lt3-layout1 .cq-colctrl-lt3-layout1-c0 {
float: left;
width: 25%;
}
}
@media (max-width: 767px) {
.parsys_column.cq-colctrl-lt3-layout1 .cq-colctrl-lt3-layout1-c0 {
margin-top: 20px;
}
}
.parsys_column.cq-colctrl-lt3-layout1 .cq-colctrl-lt3-layout1-c1 {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 16px;
padding-right: 16px;
}
@media (min-width: 768px) {
.parsys_column.cq-colctrl-lt3-layout1 .cq-colctrl-lt3-layout1-c1 {
float: left;
width: 33.33333333%;
}
}
@media (min-width: 1024px) {
.parsys_column.cq-colctrl-lt3-layout1 .cq-colctrl-lt3-layout1-c1 {
float: left;
width: 25%;
}
}
@media (max-width: 767px) {
.parsys_column.cq-colctrl-lt3-layout1 .cq-colctrl-lt3-layout1-c1 {
margin-top: 20px;
}
}
.parsys_column.cq-colctrl-lt3-layout1 .cq-colctrl-lt3-layout1-c2 {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 16px;
padding-right: 16px;
}
@media (min-width: 768px) {
.parsys_column.cq-colctrl-lt3-layout1 .cq-colctrl-lt3-layout1-c2 {
float: left;
width: 33.33333333%;
}
}
@media (min-width: 1024px) {
.parsys_column.cq-colctrl-lt3-layout1 .cq-colctrl-lt3-layout1-c2 {
float: left;
width: 33.33333333%;
}
}
@media (max-width: 767px) {
.parsys_column.cq-colctrl-lt3-layout1 .cq-colctrl-lt3-layout1-c2 {
margin-top: 20px;
}
}
.parsys_column.cq-colctrl-lt3 {
margin: 0 auto 0;
}
.parsys_column.cq-colctrl-lt3:before,
.parsys_column.cq-colctrl-lt3:after {
content: " ";
display: table;
}
.parsys_column.cq-colctrl-lt3:after {
clear: both;
}
.parsys_column.cq-colctrl-lt3:before,
.parsys_column.cq-colctrl-lt3:after {
content: " ";
display: table;
}
.parsys_column.cq-colctrl-lt3:after {
clear: both;
}
@media (max-width: 767px) {
.parsys_column.cq-colctrl-lt3 {
margin: 5px auto;
}
.parsys_column.cq-colctrl-lt3 .fpl-links-list {
margin: 0 -16px;
}
}
.parsys_column.cq-colctrl-lt3 .cq-colctrl-lt3-c0 {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 16px;
padding-right: 16px;
}
@media (min-width: 768px) {
.parsys_column.cq-colctrl-lt3 .cq-colctrl-lt3-c0 {
float: left;
width: 33.33333333%;
}
}
@media (min-width: 1024px) {
.parsys_column.cq-colctrl-lt3 .cq-colctrl-lt3-c0 {
margin-left: 8.33333333%;
}
}
@media (min-width: 1024px) {
.parsys_column.cq-colctrl-lt3 .cq-colctrl-lt3-c0 {
float: left;
width: 25%;
}
}
@media (max-width: 767px) {
.parsys_column.cq-colctrl-lt3 .cq-colctrl-lt3-c0 {
margin-top: 20px;
}
}
@media (min-width: 1024px) {
.parsys_column.cq-colctrl-lt3 .cq-colctrl-lt3-c0 {
margin-left: 12.6%;
}
}
.parsys_column.cq-colctrl-lt3 .cq-colctrl-lt3-c1 {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 16px;
padding-right: 16px;
}
@media (min-width: 768px) {
.parsys_column.cq-colctrl-lt3 .cq-colctrl-lt3-c1 {
float: left;
width: 33.33333333%;
}
}
@media (min-width: 1024px) {
.parsys_column.cq-colctrl-lt3 .cq-colctrl-lt3-c1 {
float: left;
width: 25%;
}
}
@media (max-width: 767px) {
.parsys_column.cq-colctrl-lt3 .cq-colctrl-lt3-c1 {
margin-top: 20px;
}
}
.parsys_column.cq-colctrl-lt3 .cq-colctrl-lt3-c2 {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 16px;
padding-right: 16px;
}
@media (min-width: 768px) {
.parsys_column.cq-colctrl-lt3 .cq-colctrl-lt3-c2 {
float: left;
width: 33.33333333%;
}
}
@media (min-width: 1024px) {
.parsys_column.cq-colctrl-lt3 .cq-colctrl-lt3-c2 {
float: left;
width: 25%;
}
}
@media (max-width: 767px) {
.parsys_column.cq-colctrl-lt3 .cq-colctrl-lt3-c2 {
margin-top: 20px;
}
}
.parsys_column.cq-colctrl-lt3 .fpl-media-player-thumb {
margin: 20px 0;
}
.parsys_column.cq-colctrl-lt3 .fpl-media-player-thumb .player-thumb-content {
height: 50%;
}
.parsys_column.cq-colctrl-lt3 .fpl-media-player-thumb .player-thumb-content .player-icon {
margin: auto;
height: 64px;
width: 64px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.parsys_column.cq-colctrl-lt3 .fpl-media-player-thumb .player-thumb-content .player-icon {
height: 64px;
margin: auto;
width: 64px;
}
}
@media (max-width: 767px) {
.parsys_column.cq-colctrl-lt3 .fpl-media-player-thumb .player-thumb-content .player-icon {
height: 64px;
margin: auto;
width: 64px;
}
}
.fpl-alert-banner {
position: relative;
width: 100%;
background-color: #dd1500;
overflow-y: auto;
padding: 18px;
font-family: Arial;
font-weight: normal;
font-style: normal;
}
.fpl-alert-banner .alert-icon {
height: 25px;
width: 3%;
float: left;
margin: 0;
background: url("../images/complex_alert_icon.png") no-repeat right;
}
.fpl-alert-banner .fpl-section {
width: 90%;
margin: 0 auto;
}
.fpl-alert-banner p {
height: auto;
overflow-y: auto;
width: 90%;
padding-left: 10px;
float: left;
font-size: 16px;
line-height: 1.3em;
color: #ffffff;
margin-bottom: 0;
}
.fpl-alert-banner .close-x {
display: none;
float: left;
height: 100%;
width: 5%;
background: url("../images/icons/accounts/accounts-card-delete.png") no-repeat center;
}
.fpl-alert-banner button {
display: none;
}
@media (max-width: 1023px) {
.fpl-alert-banner {
margin-top: 70px;
}
.fpl-alert-banner .alert-icon {
margin-right: 0;
width: 8%;
background: url("../images/complex_alert_icon.png") no-repeat center;
}
.fpl-alert-banner .fpl-section {
width: 100%;
}
.fpl-alert-banner p {
width: 90%;
}
}
@media (max-width: 767px) {
.fpl-alert-banner {
font-size: 14px;
}
.fpl-alert-banner .fpl-section {
width: 100%;
}
.fpl-alert-banner p {
padding: 0;
height: auto;
/* Modified for the task 39762*/
width: 100%;
font-family: Arial;
font-size: 14px;
}
.fpl-alert-banner button {
display: block;
width: 95%;
margin: 0 auto;
border: 1px solid #ffffff;
background-color: #dd1500;
font-family: Arial;
font-weight: normal;
font-style: normal;
line-height: 70%;
}
}
@media print {
.fpl-alert-banner {
display: none;
}
}
.fpl-alert-banner .alert-banner-hide {
position: absolute;
right: 11px;
top: 2px;
}
.fpl-alert-banner .alert-banner-hide:after {
content: "\00d7";
font-size: 28px;
color: #fff;
cursor: pointer;
}
.homepage-content .fpl-alert-banner .close-x {
display: none;
}
@media (max-width: 767px) {
.homepage-content .fpl-alert-banner p {
width: 100%;
}
}
@media (max-width: 1023px) {
.logged-out .masthead-image {
margin-top: 0px;
height: 300px;
}
.logged-out .masthead-image.back-to-link {
margin-top: 180px;
}
.logged-out .masthead.masthead-text {
margin-top: 110px;
}
.logged-out .masthead-carousel,
.logged-out .masthead-single {
margin-top: 15px;
padding-top: 0;
}
}
@media (max-width: 767px) {
.logged-out .fpl-alert-banner {
margin-top: 130px;
}
.logged-out .masthead-image {
margin-top: 130px;
height: auto;
}
.logged-out .masthead-image.back-to-link {
margin-top: 130px;
}
.logged-out .masthead-image.back-to-link .masthead-image-row {
height: auto;
}
.logged-out .masthead-image.back-to-link .masthead-image-row .masthead-content {
padding-top: 55px;
}
.logged-out .masthead.masthead-text {
margin-top: 61px;
}
.logged-out .masthead-carousel,
.logged-out .masthead-single {
margin-top: 61px;
}
}
@media (max-width: 1023px) {
.has-alert .masthead-image {
margin-top: 0;
padding-top: 0;
height: 300px;
}
.has-alert .masthead.masthead-text {
margin-top: 0;
padding-top: 0;
}
.has-alert .masthead-carousel,
.has-alert .masthead-single {
padding-top: 0;
}
}
@media (max-width: 767px) {
.has-alert .fpl-alert-banner {
margin-top: 61px;
}
.has-alert .registration-container {
margin-top: 0;
}
.has-alert .masthead-image {
margin-top: 0;
padding-top: 0;
height: auto;
}
.has-alert .masthead.masthead-text {
margin-top: 0;
padding-top: 0;
}
.has-alert .masthead-carousel,
.has-alert .masthead-single {
margin-top: 0;
}
}
.logged-out.has-alert .masthead {
margin-top: 0;
}
@media (max-width: 1023px) {
.logged-out.has-alert .fpl-alert-banner {
margin-top: 16px;
}
.logged-out.has-alert .masthead-image {
margin-top: 0;
padding-top: 0;
height: 300px;
}
.logged-out.has-alert .masthead.masthead-text {
margin-top: 0;
padding-top: 0;
}
.logged-out.has-alert .masthead-carousel,
.logged-out.has-alert .masthead-single {
margin-top: 0;
padding-top: 0;
}
}
@media (max-width: 767px) {
.logged-out.has-alert .masthead-image {
margin-top: 0;
padding-top: 0;
height: auto;
}
.logged-out.has-alert .masthead-image.back-to-link .masthead-content {
padding-top: 55px;
}
.logged-out.has-alert .masthead-image img {
margin-top: 0;
}
.logged-out.has-alert .masthead.masthead-text {
margin-top: 0;
padding-top: 0;
}
}
/**
* Header Icons
*/
.header .nav-bar a:before {
cursor: pointer;
}
.header .nav-bar .nav-bar-logout-icon:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 26px;
height: 24px;
background-position: 0 -4899px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.header .nav-bar .nav-bar-logout-icon:before {
margin-left: 8px;
}
}
@media (max-width: 767px) {
.header .nav-bar .nav-bar-logout-icon:before {
margin-left: 13px;
margin-top: 2px;
background-position: 0 -4950px;
}
}
@media (min-width: 1024px) {
.header .nav-bar .nav-bar-logout-icon.active:before,
.header .nav-bar .nav-bar-logout-icon:hover:before {
background-position: -100px -4900px;
}
}
@media (max-width: 1023px) {
.header .nav-bar .nav-bar-logout-icon.active:before {
background-position: -100px -4900px;
}
}
@media (max-width: 1023px) and (max-width: 767px) {
.header .nav-bar .nav-bar-logout-icon.active:before {
background-position: -100px -4950px;
}
}
.header .nav-bar .nav-bar-login-icon:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 19px;
height: 19px;
background-position: 0px -4950px;
margin-left: 17px;
margin-top: 3px;
}
.header .nav-bar .nav-bar-login-icon.active:before {
background-position: -100px -4950px;
}
.header .nav-bar .nav-bar-profile-icon:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 32px;
height: 33px;
background-position: 0px -5200px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.header .nav-bar .nav-bar-profile-icon:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 28px;
height: 28px;
background-position: -100px -5200px;
margin-left: 7px;
}
}
@media (max-width: 767px) {
.header .nav-bar .nav-bar-profile-icon:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 28px;
height: 27px;
background-position: -100px -5200px;
margin-left: 13px;
}
}
@media (min-width: 1024px) {
.header .nav-bar .nav-bar-profile-icon.active:before,
.header .nav-bar .nav-bar-profile-icon:hover:before {
background-position: 0 -5200px;
}
}
@media (max-width: 1023px) {
.header .nav-bar .nav-bar-profile-icon.active:before {
background-position: -100px -5200px;
}
}
@media (max-width: 1023px) and (max-width: 767px) {
.header .nav-bar .nav-bar-profile-icon.active:before {
background-position: -100px -5200px;
}
}
.header .nav-bar .nav-bar-register-icon:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 38px;
height: 31px;
background-position: -9px -9199px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.header .nav-bar .nav-bar-register-icon:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 36px;
height: 29px;
background-position: -107px -9203px;
margin-left: 7px;
}
}
@media (max-width: 767px) {
.header .nav-bar .nav-bar-register-icon:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 36px;
height: 29px;
background-position: -107px -9203px;
margin-left: 11px;
}
}
@media (min-width: 1024px) {
.header .nav-bar .nav-bar-register-icon.active:before,
.header .nav-bar .nav-bar-register-icon:hover:before {
background-position: -10px -9200px;
}
}
@media (max-width: 1023px) {
.header .nav-bar .nav-bar-register-icon.active:before {
background-position: -10px -9200px;
}
}
@media (max-width: 1023px) and (max-width: 767px) {
.header .nav-bar .nav-bar-register-icon.active:before {
background-position: -10px -9200px;
}
}
.header .nav-bar .nav-bar-myfpl-icon:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 32px;
height: 33px;
background-position: 0px -5100px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.header .nav-bar .nav-bar-myfpl-icon:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 28px;
height: 28px;
background-position: -100px -5100px;
margin-left: 7px;
}
}
@media (max-width: 767px) {
.header .nav-bar .nav-bar-myfpl-icon:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 22px;
height: 22px;
background-position: -200px -5100px;
margin-left: 15px;
margin-top: 3px;
}
}
@media (min-width: 1024px) {
.header .nav-bar .nav-bar-myfpl-icon.active:before,
.header .nav-bar .nav-bar-myfpl-icon:hover:before {
background-position: 0 -5200px;
}
}
@media (max-width: 1023px) {
.header .nav-bar .nav-bar-myfpl-icon.active:before {
background-position: -100px -5200px;
}
}
@media (max-width: 1023px) and (max-width: 767px) {
.header .nav-bar .nav-bar-myfpl-icon.active:before {
background-position: -200px -5200px;
}
}
.header .nav-bar .nav-bar-moving-icon:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 40px;
height: 30px;
background-position: 588px -9248px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.header .nav-bar .nav-bar-moving-icon:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 48px;
height: 29px;
background-position: 790px -9249px;
margin-left: 1px;
}
}
@media (max-width: 767px) {
.header .nav-bar .nav-bar-moving-icon:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 35px;
height: 32px;
background-position: 687px -9249px;
margin-left: 3px;
margin-top: -7px;
}
}
@media (min-width: 1024px) {
.header .nav-bar .nav-bar-moving-icon.active:before,
.header .nav-bar .nav-bar-moving-icon:hover:before {
background-position: 842px -9249px;
}
}
@media (max-width: 1023px) {
.header .nav-bar .nav-bar-moving-icon.active:before {
background-position: 645px -9249px;
}
}
@media (max-width: 1023px) and (max-width: 767px) {
.header .nav-bar .nav-bar-moving-icon.active:before {
background-position: 740px -9249px;
}
}
.header .nav-bar .nav-bar-paybill-icon:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 26px;
height: 33px;
background-position: 0 -5301px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.header .nav-bar .nav-bar-paybill-icon:before {
background-position: -100px -5300px;
margin-left: 8px;
}
}
@media (max-width: 767px) {
.header .nav-bar .nav-bar-paybill-icon:before {
background-position: -200px -5300px;
width: 18px;
height: 35px;
margin-left: 17px;
}
}
@media (min-width: 1024px) {
.header .nav-bar .nav-bar-paybill-icon.active:before,
.header .nav-bar .nav-bar-paybill-icon:hover:before {
background-position: 0 -5400px;
}
}
@media (max-width: 1023px) {
.header .nav-bar .nav-bar-paybill-icon.active:before {
background-position: -100px -5400px;
}
}
@media (max-width: 1023px) and (max-width: 767px) {
.header .nav-bar .nav-bar-paybill-icon.active:before {
background-position: -200px -5400px;
}
}
.header .nav-bar .nav-bar-outages-icon:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 36px;
height: 31px;
background-position: 0 -5499px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.header .nav-bar .nav-bar-outages-icon:before {
background-position: -100px -5500px;
margin-left: 5px;
}
}
@media (max-width: 767px) {
.header .nav-bar .nav-bar-outages-icon:before {
background-position: -200px -5500px;
margin-left: 13px;
margin-top: 1px;
}
}
@media (min-width: 1024px) {
.header .nav-bar .nav-bar-outages-icon.active:before,
.header .nav-bar .nav-bar-outages-icon:hover:before {
background-position: 0 -5600px;
}
}
@media (max-width: 1023px) {
.header .nav-bar .nav-bar-outages-icon.active:before {
background-position: -100px -5600px;
}
}
@media (max-width: 1023px) and (max-width: 767px) {
.header .nav-bar .nav-bar-outages-icon.active:before {
background-position: -200px -5600px;
}
}
.header .nav-bar .nav-bar-menu-icon:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 22px;
height: 21px;
background-position: 0 -4600px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.header .nav-bar .nav-bar-menu-icon:before {
margin-left: 10px;
}
}
@media (max-width: 767px) {
.header .nav-bar .nav-bar-menu-icon:before {
margin-left: 15px;
margin-top: 2px;
background-position: -100px -4600px;
}
}
@media (min-width: 1024px) {
.header .nav-bar .nav-bar-menu-icon.active:before,
.header .nav-bar .nav-bar-menu-icon:hover:before {
background-position: 0 -4650px;
}
}
@media (max-width: 1023px) {
.header .nav-bar .nav-bar-menu-icon.active:before {
background-position: 0 -4650px;
}
}
@media (max-width: 1023px) and (max-width: 767px) {
.header .nav-bar .nav-bar-menu-icon.active:before {
background-position: -100px -4650px;
}
}
.header .nav-bar .nav-bar-search-icon:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 25px;
height: 25px;
background-position: 0 -5000px;
position: relative;
cursor: pointer;
}
@media (min-width: 1024px) {
.header .nav-bar .nav-bar-search-icon.active:before,
.header .nav-bar .nav-bar-search-icon:hover:before {
background-position: -100px -5000px;
}
}
@media (max-width: 1023px) {
.header .nav-bar .nav-bar-search-icon.active:before {
background-position: -100px -5000px;
}
}
@media (max-width: 1023px) and (max-width: 767px) {
.header .nav-bar .nav-bar-search-icon.active:before {
background-position: -100px -5000px;
}
}
@media (max-width: 1023px) {
.nav-dropdown-top-bar .nav-dropdown-top-bar-close:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 35px;
height: 35px;
background-position: 0 -4500px;
}
}
@media (max-width: 1023px) {
.nav-account-blocks .mobile-slide-close:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 23px;
height: 23px;
background-position: 0 -4500px;
}
}
@media (max-width: 767px) {
.nav-search-form form .nav-search-submit:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 25px;
height: 25px;
background-position: 0 -4300px;
margin-top: -2px;
}
}
/**
* alert icons on Account Summary page
*/
@media (max-width: 767px) {
.fpl-overview .fpl-summary-alert.account-disconnected .alert-icon:before,
.fpl-overview .fpl-summary-alert.payment-late .alert-icon:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 16px;
height: 16px;
background-position: 0 -4100px;
left: 50%;
margin-left: -8px;
margin-top: -8px;
position: relative;
top: 50%;
}
}
/**
* Add Existing Account
*/
.add-existing-account .account-entry-container .column-header .fpl-popover-icon .fa:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 20px;
height: 20px;
background-position: -200px -3800px;
}
/**
* Accounts
*/
@media (max-width: 767px) {
.accounts-header .accounts-filters .accounts-search .accounts-search-submit {
background: none;
}
.accounts-header .accounts-filters .accounts-search .accounts-search-submit:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 25px;
height: 25px;
background-position: 0 -4300px;
float: right;
margin-right: 20px;
}
}
.accounts-table .accounts-list-item .accounts-list-delete a:before,
.accounts-table .accounts-list-item.disabled .accounts-list-delete a:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 16px;
height: 16px;
left: 50%;
margin-left: -8px;
margin-top: -8px;
position: relative;
top: 50%;
}
.accounts-table .accounts-list-item .accounts-list-delete a:before {
background-position: 0 -4100px;
}
.accounts-table .accounts-list-item.disabled .accounts-list-delete a:before {
background-position: 0 -4200px;
}
/**
* Sidebar
*/
.sidebar-account-settings .sidebar-menu .sidebar-menu-item a span {
display: table;
}
.sidebar-account-settings .sidebar-menu .sidebar-menu-item a:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 18px;
height: 19px;
margin-right: 10px;
}
.sidebar-account-settings .sidebar-menu .sidebar-menu-item a.update-userid:before {
background-position: 0 -3400px;
}
.sidebar-account-settings .sidebar-menu .sidebar-menu-item a.update-email:before {
background-position: 0 -3500px;
}
.sidebar-account-settings .sidebar-menu .sidebar-menu-item a.change-email:before {
background-position: 0 -3100px;
}
.sidebar-account-settings .sidebar-menu .sidebar-menu-item a.update-password:before {
background-position: 0 -3200px;
}
.sidebar-account-settings .sidebar-menu .sidebar-menu-item a.update-mailing:before {
background-position: 0 -3300px;
}
.sidebar-account-settings .sidebar-menu .sidebar-menu-item a.update-phone:before {
background-position: 0 -3600px;
}
.sidebar-account-settings .sidebar-menu .sidebar-menu-item a.view-summary-pdf:before {
background-position: 0 -3700px;
}
/**
* Titles
*/
.section-header:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 30px;
height: 32px;
background-position: 0 -3000px;
margin-right: 20px;
margin-top: -3px;
}
@media (max-width: 767px) {
.section-header:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 23px;
height: 23px;
background-position: -200px -3000px;
margin-right: 10px;
}
}
.fpl-programs .section-header:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 32px;
height: 32px;
background-position: 0 -2800px;
}
@media (max-width: 767px) {
.fpl-programs .section-header:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 26px;
height: 26px;
background-position: -200px -2800px;
}
}
.energy-usage .section-header:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 40px;
height: 32px;
background-position: 0 -2900px;
}
@media (max-width: 767px) {
.energy-usage .section-header:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 26px;
height: 18px;
background-position: -200px -2900px;
margin-top: 0;
}
}
/**
* Popover Icons
*/
.fpl-popover-icon.fa-question-circle:before {
content: "";
}
.fpl-popover-icon .fa:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 20px;
height: 20px;
background-position: -200px -3800px;
}
@media (max-width: 767px) {
.fpl-popover-icon .fa:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 20px;
height: 20px;
background-position: -200px -3800px;
}
}
.fpl-popover-icon.sm {
margin-top: -3px;
}
.fpl-popover-icon.sm .fa:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 20px;
height: 20px;
background-position: -200px -3800px;
}
.footer .fpl-popover-icon.fa-question-circle:before {
content: "";
}
.footer .fpl-popover-icon .fa:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 32px;
height: 32px;
background-position: 0 -4800px;
}
.footer .fpl-popover-icon.sm {
margin-top: -3px;
}
.footer .fpl-popover-icon.fa-question-circle:before {
content: "";
}
.footer .fpl-popover-icon .fa:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 32px;
height: 32px;
background-position: 0 -4800px;
}
.footer .fpl-popover-icon.sm {
margin-top: -3px;
}
.fpl-programs .fpl-popover-icon .fa:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 20px;
height: 20px;
background-position: -200px -3800px;
margin-top: -3px;
}
.account-balance .fpl-summary-breakdown .fpl-popover-icon .fa:before,
.account-balance .fpl-summary-additional-info .fpl-popover-icon .fa:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 20px;
height: 20px;
background-position: -200px -3800px;
}
/* Pay Online */
a.fpl-popover-info .fa:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 20px;
height: 20px;
background-position: 0 -6900px;
}
/**
* Footer
*/
.footer .social-icons .icon:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 42px;
height: 22px;
}
.footer .social-icons .icon.fpl-facebook:before {
background-position: 0 -2300px;
}
.footer .social-icons .icon.fpl-twitter:before {
background-position: 0 -2400px;
}
.footer .social-icons .icon.fpl-youtube:before {
background-position: 0 -2500px;
}
.footer .social-icons .icon.fpl-blog:before {
background-position: 0 -2600px;
}
.footer .social-icons .icon.fpl-rss:before {
background-position: 0 -2700px;
}
/**
* Nav
*/
.nav-dropdown .nav-account-link .image {
display: block;
}
.nav-dropdown .nav-account-link .image:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 60px;
height: 60px;
margin-left: -30px;
left: 50%;
position: relative;
}
.nav-dropdown .nav-account-link .image.home:before {
background-position: 0 -2000px;
}
.nav-dropdown .nav-account-link .image.rental:before {
background-position: 0 -2100px;
}
.nav-dropdown .nav-account-link .image.business:before {
background-position: 0 -2200px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.nav-dropdown .nav-account-link .image:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 56px;
height: 56px;
margin-left: -28px;
}
.nav-dropdown .nav-account-link .image.home:before {
background-position: -100px -2000px;
}
.nav-dropdown .nav-account-link .image.rental:before {
background-position: -100px -2100px;
}
.nav-dropdown .nav-account-link .image.business:before {
background-position: -100px -2200px;
}
}
@media (max-width: 767px) {
.nav-dropdown .nav-account-link .image:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 45px;
height: 45px;
margin-left: -23px;
}
.nav-dropdown .nav-account-link .image.home:before {
background-position: -200px -2000px;
}
.nav-dropdown .nav-account-link .image.rental:before {
background-position: -200px -2100px;
}
.nav-dropdown .nav-account-link .image.business:before {
background-position: -200px -2200px;
}
}
.nav-dropdown .nav-tout-block .icon {
display: block;
}
.nav-dropdown .nav-tout-block .icon:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 60px;
height: 60px;
}
.nav-dropdown .nav-tout-block .icon.moving-services:before {
background-position: 0 0;
}
.nav-dropdown .nav-tout-block .icon.add-account:before {
background-position: 0 -100px;
}
.nav-dropdown .nav-tout-block .icon.report-outage:before {
background-position: 0 -200px;
}
.nav-dropdown .nav-tout-block .icon.register-account:before {
background-position: 0 -300px;
}
.nav-dropdown .nav-tout-block .icon.energy-dashboard:before {
background-position: 0 -400px;
}
.nav-dropdown .nav-tout-block .icon.understand-bill:before {
background-position: 0 -500px;
}
.nav-dropdown .nav-tout-block .icon.programs-rebates:before {
background-position: 0 -600px;
}
.nav-dropdown .nav-tout-block .icon.home-energy:before {
background-position: 0 -700px;
}
.nav-dropdown .nav-tout-block .icon.energy-saving:before {
background-position: 0 -800px;
}
.nav-dropdown .nav-tout-block .icon.energy-efficiency:before {
background-position: 0 -900px;
}
.nav-dropdown .nav-tout-block .icon.helpful-links:before {
background-position: 0 -1000px;
}
.nav-dropdown .nav-tout-block .icon.faq:before {
background-position: 0 -1100px;
}
.nav-dropdown .nav-tout-block .icon.contact-us:before {
background-position: 0 -1200px;
}
.nav-dropdown .nav-tout-block .icon.power-related:before {
background-position: 0 -1300px;
}
.nav-dropdown .nav-tout-block .icon.storm-center:before {
background-position: 0 -1400px;
}
.nav-dropdown .nav-tout-block .icon.save-energy-money:before {
background-position: 0 -1500px;
}
.nav-dropdown .nav-tout-block .icon.payment-assistance:before {
background-position: 0 -1500px;
}
.nav-dropdown .nav-tout-block .icon.business-home:before {
background-position: 0 -1600px;
}
.nav-dropdown .nav-tout-block .icon.industry-resources:before {
background-position: 0 -1700px;
}
.nav-dropdown .nav-tout-block .icon.billing-payment:before {
background-position: 0 -1800px;
}
.nav-dropdown .nav-tout-block .icon.pay-bill:before {
background-position: 0 -1900px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.nav-dropdown .nav-tout-block .icon:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 56px;
height: 56px;
}
.nav-dropdown .nav-tout-block .icon.moving-services:before {
background-position: -100px 0;
}
.nav-dropdown .nav-tout-block .icon.add-account:before {
background-position: -100px -100px;
}
.nav-dropdown .nav-tout-block .icon.report-outage:before {
background-position: -100px -200px;
}
.nav-dropdown .nav-tout-block .icon.register-account:before {
background-position: -100px -300px;
}
.nav-dropdown .nav-tout-block .icon.energy-dashboard:before {
background-position: -100px -400px;
}
.nav-dropdown .nav-tout-block .icon.understand-bill:before {
background-position: -100px -500px;
}
.nav-dropdown .nav-tout-block .icon.programs-rebates:before {
background-position: -100px -600px;
}
.nav-dropdown .nav-tout-block .icon.home-energy:before {
background-position: -100px -700px;
}
.nav-dropdown .nav-tout-block .icon.energy-saving:before {
background-position: -100px -800px;
}
.nav-dropdown .nav-tout-block .icon.energy-efficiency:before {
background-position: -100px -900px;
}
.nav-dropdown .nav-tout-block .icon.helpful-links:before {
background-position: -100px -1000px;
}
.nav-dropdown .nav-tout-block .icon.faq:before {
background-position: -100px -1100px;
}
.nav-dropdown .nav-tout-block .icon.contact-us:before {
background-position: -100px -1200px;
}
.nav-dropdown .nav-tout-block .icon.power-related:before {
background-position: -100px -1300px;
}
.nav-dropdown .nav-tout-block .icon.storm-center:before {
background-position: -100px -1400px;
}
.nav-dropdown .nav-tout-block .icon.save-energy-money:before {
background-position: -100px -1500px;
}
.nav-dropdown .nav-tout-block .icon.payment-assistance:before {
background-position: -100px -1500px;
}
.nav-dropdown .nav-tout-block .icon.business-home:before {
background-position: -100px -1600px;
}
.nav-dropdown .nav-tout-block .icon.industry-resources:before {
background-position: -100px -1700px;
}
.nav-dropdown .nav-tout-block .icon.billing-payment:before {
background-position: -100px -1800px;
}
.nav-dropdown .nav-tout-block .icon.pay-bill:before {
background-position: -100px -1900px;
}
}
@media (max-width: 767px) {
.nav-dropdown .nav-tout-block .icon:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 50px;
height: 50px;
}
.nav-dropdown .nav-tout-block .icon.moving-services:before {
background-position: -200px 0;
}
.nav-dropdown .nav-tout-block .icon.add-account:before {
background-position: -200px -100px;
}
.nav-dropdown .nav-tout-block .icon.report-outage:before {
background-position: -200px -200px;
}
.nav-dropdown .nav-tout-block .icon.register-account:before {
background-position: -200px -300px;
}
.nav-dropdown .nav-tout-block .icon.energy-dashboard:before {
background-position: -200px -400px;
}
.nav-dropdown .nav-tout-block .icon.understand-bill:before {
background-position: -200px -500px;
}
.nav-dropdown .nav-tout-block .icon.programs-rebates:before {
background-position: -200px -600px;
}
.nav-dropdown .nav-tout-block .icon.home-energy:before {
background-position: -200px -700px;
}
.nav-dropdown .nav-tout-block .icon.energy-saving:before {
background-position: -200px -800px;
}
.nav-dropdown .nav-tout-block .icon.energy-efficiency:before {
background-position: -200px -900px;
}
.nav-dropdown .nav-tout-block .icon.helpful-links:before {
background-position: -200px -1000px;
}
.nav-dropdown .nav-tout-block .icon.faq:before {
background-position: -200px -1100px;
}
.nav-dropdown .nav-tout-block .icon.contact-us:before {
background-position: -200px -1200px;
}
.nav-dropdown .nav-tout-block .icon.power-related:before {
background-position: -200px -1300px;
}
.nav-dropdown .nav-tout-block .icon.storm-center:before {
background-position: -200px -1400px;
}
.nav-dropdown .nav-tout-block .icon.save-energy-money:before {
background-position: -200px -1500px;
}
.nav-dropdown .nav-tout-block .icon.payment-assistance:before {
background-position: -200px -1500px;
}
.nav-dropdown .nav-tout-block .icon.business-home:before {
background-position: -200px -1600px;
}
.nav-dropdown .nav-tout-block .icon.industry-resources:before {
background-position: -200px -1700px;
}
.nav-dropdown .nav-tout-block .icon.billing-payment:before {
background-position: -200px -1800px;
}
.nav-dropdown .nav-tout-block .icon.pay-bill:before {
background-position: -200px -1900px;
}
}
/**
* Connect Lander
*/
.fpl-landing-button a .image .icon:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 44px;
height: 44px;
margin-left: 15px;
}
.fpl-landing-button a .image .icon.start-service:before {
background-position: 0px -6200px;
}
.fpl-landing-button a .image .icon.move-service:before {
background-position: 0px -6300px;
}
.fpl-landing-button a .image .icon.add-new-additional-service:before {
background-position: 0px -6400px;
}
.fpl-landing-button a .image .icon.restart-my-services:before {
background-position: 0px -6500px;
}
.fpl-landing-button a .image .icon.stop-service:before {
background-position: 0px -6600px;
}
.fpl-landing-button a .image .icon.not-sure-what-service:before {
background-position: 0px -6700px;
}
.fpl-landing-button a .image .icon.resume-order:before {
background-position: 0px -6800px;
}
.step-vertical-lg .image .icon:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 52px;
height: 52px;
margin-left: 15px;
}
.step-vertical-lg .image .icon.residential:before {
background-position: 100px -2000px;
}
.step-vertical-lg .image .icon.business:before {
background-position: 100px -2100px;
}
.preferences-label.icon:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 20px;
height: 20px;
margin-right: 5px;
}
.preferences-label.icon.update-phone:before {
background-position: 0px -3600px;
}
.preferences-label.icon.update-phone-disabled:before {
background-position: -100px -3600px;
}
.preferences-label.icon.update-email:before {
background-position: 0px -3500px;
margin-top: 4px;
}
.preferences-label.icon.update-user:before {
background-position: 0px -3400px;
}
.preferences-label.icon.update-password:before {
background-position: 0px -3200px;
}
.preferences-label.icon.update-mailing:before {
background-position: 0px -3500px;
margin-top: 4px;
}
.preferences-label.icon.update-security:before {
background-position: -112px -9427px;
margin-top: 4px;
}
/**
* Global Approve & Reject Icons
*/
.accounts-approve a:before,
.accounts-reject a:before {
background: url('../images/fpl_sprite.png');
content: "";
float: left;
width: 38px;
height: 38px;
left: 0;
position: relative;
top: 0;
}
.accounts-approve a:before {
background-position: 0 -9380px;
}
.accounts-approve.disabled a:before {
background-position: -56px -9380px;
}
.accounts-reject a:before {
background-position: -112px -9380px;
}
.accounts-reject.disabled a:before {
background-position: -162px -9380px;
}
.tabs.basic {
margin-bottom: 20px;
margin-top: -10px;
}
@media (max-width: 767px) {
.tabs.basic {
margin-top: 20px;
}
}
.tabs.basic ul {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}
.tabs.basic ul:before,
.tabs.basic ul:after {
content: " ";
display: table;
}
.tabs.basic ul:after {
clear: both;
}
.tabs.basic ul:before,
.tabs.basic ul:after {
content: " ";
display: table;
}
.tabs.basic ul:after {
clear: both;
}
.tabs.basic ul li {
display: inline-block;
margin-bottom: 6px;
margin-right: 1px;
position: relative;
}
.tabs.basic ul li a {
background: #f0f2f4;
color: #666666;
display: block;
font-size: 12px;
font-weight: bold;
padding: 15px 25px;
text-decoration: none;
}
.tabs.basic ul li.active:after {
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #0073a8;
bottom: -6px;
content: "";
display: block;
left: 50%;
margin-left: -6px;
position: absolute;
}
.tabs.basic ul li.active a {
background: #0073a8;
color: #ffffff;
}
@media screen and (min-width: 768px) {
.connect .tabs.basic {
margin-top: 0px;
}
}
.tabs-photo-release.basic {
margin-bottom: 20px;
margin-top: -10px;
}
@media (max-width: 767px) {
.tabs-photo-release.basic {
margin-top: 20px;
}
}
.tabs-photo-release.basic ul {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}
.tabs-photo-release.basic ul:before,
.tabs-photo-release.basic ul:after {
content: " ";
display: table;
}
.tabs-photo-release.basic ul:after {
clear: both;
}
.tabs-photo-release.basic ul:before,
.tabs-photo-release.basic ul:after {
content: " ";
display: table;
}
.tabs-photo-release.basic ul:after {
clear: both;
}
.tabs-photo-release.basic ul li {
display: inline-block;
margin-bottom: 6px;
margin-right: 1px;
position: relative;
}
.tabs-photo-release.basic ul li a {
background: #f0f2f4;
color: #666666;
display: block;
font-size: 12px;
font-weight: bold;
padding: 15px 25px;
text-decoration: none;
}
.tabs-photo-release.basic ul li.active:after {
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #0073a8;
bottom: -6px;
content: "";
display: block;
left: 50%;
margin-left: -6px;
position: absolute;
}
.tabs-photo-release.basic ul li.active a {
background: #0073a8;
color: #ffffff;
}
.tabs-photo-release.basic {
margin-top: inherit;
text-align: center;
}
@media (max-width: 767px) {
.tabs-photo-release.basic {
margin-right: -3px;
}
}
.tabs-photo-release.basic ul li {
margin-left: -4px;
margin-bottom: inherit;
margin-right: inherit;
}
/* styling for billing history tabs */
.billing-tabs {
padding-bottom: 20px;
padding-left: 150px;
padding-right: 150px;
}
.billing-tabs:before,
.billing-tabs:after {
content: " ";
display: table;
}
.billing-tabs:after {
clear: both;
}
.billing-tabs:before,
.billing-tabs:after {
content: " ";
display: table;
}
.billing-tabs:after {
clear: both;
}
.billing-tabs ul {
list-style-type: none;
margin: 0 auto;
padding: 0;
}
.billing-tabs ul:before,
.billing-tabs ul:after {
content: " ";
display: table;
}
.billing-tabs ul:after {
clear: both;
}
.billing-tabs ul:before,
.billing-tabs ul:after {
content: " ";
display: table;
}
.billing-tabs ul:after {
clear: both;
}
.billing-tabs ul li {
float: left;
padding-bottom: 10px;
text-align: center;
width: 33.3%;
}
.billing-tabs ul li:first-child > a {
border-radius: 30px 0 0 30px;
}
.billing-tabs ul li:last-child > a {
border-radius: 0 30px 30px 0;
}
.billing-tabs ul li > a {
font-family: Arial;
font-weight: bold;
font-style: normal;
background-color: #e0e6e9;
border: 4px solid #e0e6e9;
border-radius: 0;
color: #999999;
display: block;
margin-right: 0;
outline: 0;
padding: 10px;
text-decoration: none;
text-transform: uppercase;
}
.billing-tabs ul li > a .fa {
display: none;
}
.billing-tabs ul li.active > a {
background: none repeat scroll 0 0 #ffffff;
border: 4px solid #e0e6e9;
color: #333333;
position: relative;
}
.billing-tabs ul li.active > a:after,
.billing-tabs ul li.active > a:before {
border: medium solid transparent;
content: " ";
height: 0;
left: 50%;
position: absolute;
top: 100%;
width: 0;
}
.billing-tabs ul li.active > a:after {
border-color: #ffffff transparent transparent;
border-width: 8px;
margin-left: -8px;
}
.billing-tabs ul li.active > a:before {
border-color: #e0e6e9 transparent transparent;
border-width: 14px;
margin-left: -14px;
}
.billing-tabs.two-tabs ul li {
width: 50%;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.billing-tabs {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (max-width: 767px) {
.billing-tabs.old-billing-mobile {
border: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
position: relative;
z-index: 100;
}
.billing-tabs.old-billing-mobile ul li {
padding-bottom: 0;
}
.billing-tabs.old-billing-mobile ul li > a {
border-color: #a8a5a5;
border-left-width: 1px;
border-right: 0;
border-width: 1px;
height: 50px;
width: 100%;
padding: 0;
line-height: 50px;
}
.billing-tabs.old-billing-mobile ul li.active > a {
border-color: #a8a5a5;
border-right: 0;
border-width: 1px;
}
.billing-tabs.old-billing-mobile ul li.active > a:after,
.billing-tabs.old-billing-mobile ul li.active > a:before {
border-color: #a8a5a5;
}
.billing-tabs.old-billing-mobile ul li.active > a:after {
border-color: #ffffff transparent transparent;
border-width: 8px;
margin-left: -8px;
}
.billing-tabs.old-billing-mobile ul li.active > a:before {
border-color: #a8a5a5 transparent transparent;
border-width: 9px;
margin-left: -9px;
}
.billing-tabs.old-billing-mobile ul li:first-child > a {
border-left-width: 0px;
border-radius: 0px;
}
.billing-tabs.old-billing-mobile ul li:last-child > a {
border-radius: 0px;
}
}
@media screen and (max-width: 767px) {
.billing-tabs.new-billing-mobile {
text-align: center;
padding-left: 0;
padding-right: 0;
}
.billing-tabs.new-billing-mobile ul {
margin-bottom: 10px;
}
.billing-tabs.new-billing-mobile ul li {
width: 30px;
margin-right: 4%;
float: none;
display: inline-block;
}
.billing-tabs.new-billing-mobile ul li > a {
border-radius: 30px;
color: transparent;
font-size: 2px;
margin-top: 10px;
}
.billing-tabs.new-billing-mobile ul li.active {
width: 66%;
min-width: 173px;
}
.billing-tabs.new-billing-mobile ul li.active > a {
color: #333333;
font-size: 14px;
margin-top: 0px;
}
}
/* styling for profile and preferences tabs */
.nav-tabs.fpl-profile-preferences-tabs {
border: none;
}
.nav-tabs.fpl-profile-preferences-tabs > li {
margin-bottom: 0;
width: 50%;
text-align: center;
}
.nav-tabs.fpl-profile-preferences-tabs > li:first-child a {
border-radius: 30px 0 0 30px;
}
.nav-tabs.fpl-profile-preferences-tabs > li:last-child a {
border-radius: 0 30px 30px 0;
}
.nav-tabs.fpl-profile-preferences-tabs > li > a {
color: #999999;
padding: 10px;
background-color: #e0e6e9;
border: 4px solid #e0e6e9;
margin-right: 0;
font-family: Arial;
font-weight: bold;
font-style: normal;
outline: 0;
}
.nav-tabs.fpl-profile-preferences-tabs > li > a .fa {
display: none;
}
.nav-tabs.fpl-profile-preferences-tabs > li.active a {
background: none repeat scroll 0 0 #ffffff;
border: 4px solid #e0e6e9;
position: relative;
color: #333333;
}
.nav-tabs.fpl-profile-preferences-tabs > li.active a:after,
.nav-tabs.fpl-profile-preferences-tabs > li.active a:before {
border: medium solid transparent;
content: " ";
height: 0;
left: 50%;
pointer-events: none;
position: absolute;
top: 100%;
width: 0;
}
.nav-tabs.fpl-profile-preferences-tabs > li.active a:after {
border-color: #ffffff transparent transparent;
border-width: 8px;
margin-left: -8px;
}
.nav-tabs.fpl-profile-preferences-tabs > li.active a:before {
border-color: #e0e6e9 transparent transparent;
border-width: 14px;
margin-left: -14px;
}
@media (min-width: 1024px) {
.nav-tabs.fpl-profile-preferences-tabs {
padding-left: 100px;
padding-right: 100px;
}
}
.tabs-container {
text-align: center;
}
.tabs-container .rounded-tabs {
border: none;
display: inline-block;
}
.tabs-container .rounded-tabs > li {
margin-bottom: 0;
text-align: center;
}
.tabs-container .rounded-tabs > li:first-child a {
border-radius: 30px 0 0 30px;
}
.tabs-container .rounded-tabs > li:last-child a {
border-radius: 0 30px 30px 0;
}
.tabs-container .rounded-tabs > li > a {
color: #999999;
border-radius: 0;
padding: 10px 15px;
background-color: #e0e6e9;
border: 4px solid #e0e6e9;
margin-right: 0;
text-transform: uppercase;
font-family: Arial;
font-weight: bold;
font-style: normal;
outline: 0;
}
.tabs-container .rounded-tabs > li > a .fa {
display: none;
}
.tabs-container .rounded-tabs > li > a:hover,
.tabs-container .rounded-tabs > li > a:focus {
border-color: #e0e6e9;
background-color: #e0e6e9;
}
.tabs-container .rounded-tabs > li.active a {
background: none repeat scroll 0 0 #ffffff;
border: 4px solid #e0e6e9;
position: relative;
color: #333333;
}
.tabs-container .rounded-tabs > li.active a:after,
.tabs-container .rounded-tabs > li.active a:before {
border: medium solid transparent;
content: " ";
height: 0;
left: 50%;
pointer-events: none;
position: absolute;
top: 100%;
width: 0;
}
.tabs-container .rounded-tabs > li.active a:after {
border-color: #ffffff transparent transparent;
border-width: 8px;
margin-left: -8px;
}
.tabs-container .rounded-tabs > li.active a:before {
border-color: #e0e6e9 transparent transparent;
border-width: 14px;
margin-left: -14px;
}
.tabs-container .rounded-tabs > li.active a:hover,
.tabs-container .rounded-tabs > li.active a:focus {
border: 4px solid #e0e6e9;
cursor: initial;
}
@media (max-width: 767px) {
.tabs-container .rounded-tabs li > a {
padding: 10px;
}
}
@media (max-width: 767px) {
.tabs-container .rounded-tabs {
margin-bottom: 10px;
display: block;
}
.tabs-container .rounded-tabs li {
width: 30px;
margin: 0 3% 10px 0;
float: none;
display: inline-block;
}
.tabs-container .rounded-tabs li > a {
border-radius: 30px;
color: transparent;
font-size: 0;
white-space: nowrap;
padding: 10px;
}
.tabs-container .rounded-tabs li > a:first-child,
.tabs-container .rounded-tabs li > a:last-child {
border-radius: 30px;
}
.tabs-container .rounded-tabs li.active {
width: auto;
}
.tabs-container .rounded-tabs li.active > a {
font-size: 14px;
margin-top: 0px;
padding: 10px 15px;
}
.tabs-container .rounded-tabs li:last-child {
margin-right: 0;
}
}
/* Styles for Numbered Steps Progress Bar - Registration, Connect, Wors */
.fpl-steps-progress-bar {
background-color: #0c2739;
padding: 18px;
}
@media (max-width: 767px) {
.fpl-steps-progress-bar {
padding-bottom: 35px;
padding-left: 0;
padding-right: 0;
padding-top: 35px;
}
}
.fpl-steps-progress-bar .progress-steps {
text-align: center;
}
.fpl-steps-progress-bar .progress-steps .step {
display: inline-block;
width: 150px;
white-space: nowrap;
}
.fpl-steps-progress-bar .progress-steps .step label {
display: block;
text-align: center;
margin-bottom: 12px;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 16px;
color: #ffffff;
}
@media (max-width: 767px) {
.fpl-steps-progress-bar .progress-steps .step {
width: 40px;
margin: 0 6px;
}
.fpl-steps-progress-bar .progress-steps .step label {
display: none;
}
}
.fpl-steps-progress-bar .progress-steps .step .step-circle {
background-color: #ffffff;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
width: 42px;
height: 42px;
margin: 0 auto;
padding: 4px;
}
.fpl-steps-progress-bar .progress-steps .step .step-circle .inner-circle {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
background-color: #ffffff;
width: 34px;
height: 34px;
margin: auto;
padding: 4px;
}
.fpl-steps-progress-bar .progress-steps .step .step-circle .inner-circle .step-number {
text-align: center;
font-size: 22px;
color: #000000;
display: block;
line-height: normal;
margin-top: 2px;
}
@media (max-width: 767px) {
.fpl-steps-progress-bar .progress-steps .step .step-circle {
width: 40px;
height: 40px;
}
.fpl-steps-progress-bar .progress-steps .step .step-circle .inner-circle {
width: 32px;
height: 32px;
}
.fpl-steps-progress-bar .progress-steps .step .step-circle .inner-circle .step-number {
font-size: 20px;
}
}
.fpl-steps-progress-bar .progress-steps .step .step-circle .fa {
display: none;
}
.fpl-steps-progress-bar .progress-steps .step.step-in-progress {
top: -2px;
}
.fpl-steps-progress-bar .progress-steps .step.step-in-progress .step-circle .inner-circle {
background-color: #0073a8;
}
.fpl-steps-progress-bar .progress-steps .step.step-in-progress .step-circle .inner-circle .step-number {
color: #ffffff;
margin-top: 0;
}
.fpl-steps-progress-bar .progress-steps .step.step-bar-in-progress .step-circle .inner-circle {
background-color: #0073a8;
}
.fpl-steps-progress-bar .progress-steps .step.step-bar-in-progress .step-circle .inner-circle .step-number {
color: #ffffff;
margin-top: 0;
}
.fpl-steps-progress-bar .progress-steps .step.step-complete .step-circle {
background-color: #0073a8;
}
.fpl-steps-progress-bar .progress-steps .step.step-complete .step-circle .inner-circle {
display: none;
}
.fpl-steps-progress-bar .progress-steps .step.step-complete .step-circle .fa {
display: block;
text-align: center;
font-size: 26px;
color: #ffffff;
margin-top: 4px;
}
@media (max-width: 767px) {
.fpl-steps-progress-bar .progress-steps .step.step-complete .step-circle .fa {
font-size: 24px;
}
}
.fpl-steps-progress-bar .progress-steps .step-bar {
display: inline-block;
vertical-align: bottom;
position: relative;
margin: 0 -46px 18px;
height: 6px;
width: 192px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #e5e5e5;
}
@media (max-width: 767px) {
.fpl-steps-progress-bar .progress-steps .step-bar {
width: 40px;
margin: 0 0 18px;
}
}
.fpl-steps-progress-bar .progress-steps .step-bar .step-progress-bar {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
display: none;
width: 50%;
height: 6px;
background-color: #0073a8;
position: absolute;
top: 0;
left: 0;
}
.fpl-steps-progress-bar .progress-steps .step-bar.step-bar-in-progress .step-progress-bar {
display: block;
}
.fpl-steps-progress-bar .progress-steps .step-bar.step-bar-complete .step-progress-bar {
display: block;
width: 100%;
}
/* reduced width of step bar for 4 steps on tablet & mobile */
@media (min-width: 768px) and (max-width: 1023px) {
.steps-container-four .fpl-steps-progress-bar .progress-steps .step-bar {
width: 120px;
}
}
@media (max-width: 767px) {
.steps-container-four .fpl-steps-progress-bar .progress-steps .step-bar {
width: 28px;
}
}
.row {
margin: 0;
}
.modal {
overflow: auto;
}
/* Boostrap override print releated styles start from here */
@media print {
.fpl-form > div:nth-child(2) {
margin-top: 20px !important;
}
.fpl-form > div a.image-upload-link + br + p {
margin-top: -580px !important;
}
.fpl-form > div:nth-child(3) {
padding: 5px !important;
}
.fpl-form > div:nth-child(3) .message {
margin: 0px !important;
padding: 1px !important;
}
.fpl-form div.slider {
display: none !important;
}
.step-vertical-container {
margin-top: 20px !important;
}
.step-vertical-lg {
border-top: 0px !important;
border: 1px solid #000 !important;
display: inline-block !important;
}
.step-vertical-container .wrap {
padding: 5px !important;
}
.info-box.lines {
margin-top: -10px !important;
}
.fpls-banner {
display: none !important;
}
.notification .number {
margin: auto !important;
width: 80% !important;
}
}
/* Boostrap override print releated styles end here */
.popover {
background-color: #0c2739;
color: white;
font-size: 14px;
z-index: 1100;
}
@media (max-width: 767px) {
.popover {
left: 0!important;
width: 75%!important;
}
}
.popover.right .arrow:after {
border-right-color: #0c2739;
}
.popover.left .arrow:after {
border-left-color: #0c2739;
}
.popover.top .arrow:after {
border-top-color: #0c2739;
}
.popover.bottom .arrow:after {
border-bottom-color: #0c2739;
}
.close-tooltip {
position: absolute;
background: #0c2739;
right: -1px;
top: -8px;
border: 2px solid white;
border-radius: 50%;
padding: 0 4px;
cursor: pointer;
font-size: 19px;
font-weight: bold;
line-height: 100%;
}
body.fpl-app .fpl-body,
body.fpl-template.logged-in .fpl-body,
body.fpl-template.no-login.logged-out .fpl-body {
margin-top: 82px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
body.fpl-app .fpl-body,
body.fpl-template.logged-in .fpl-body,
body.fpl-template.no-login.logged-out .fpl-body {
margin-top: 70px;
}
}
@media screen and (min-width: 0) and (max-width: 767px) {
body.fpl-app .fpl-body,
body.fpl-template.logged-in .fpl-body,
body.fpl-template.no-login.logged-out .fpl-body {
margin-top: 61px;
}
}
body.fpl-template.logged-out .fpl-body {
margin-top: 161px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
body.fpl-template.logged-out .fpl-body {
margin-top: 181px;
}
}
@media screen and (min-width: 0) and (max-width: 767px) {
body.fpl-template.logged-out .fpl-body {
margin-top: 61px;
}
}
@media screen and (min-width: 0) and (max-width: 767px) {
body.fpl-template.logged-out.has-alert .fpl-body {
margin-top: 61px;
}
}
.fpl-body {
margin-top: 80px;
}
.modal-open {
overflow: hidden;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.fplModal.modal {
position: fixed !important;
}
.fplModal.modal .cancel_modal_dialog {
width: 350px !important;
margin: auto !important;
}
.fplModal.modal .modal-dialog {
max-width: 90%;
width: 800px;
padding-top: 100px;
}
.fplModal.modal .modal-dialog .modal-close {
padding: 15px;
position: absolute;
right: 0;
z-index: 1;
}
.fplModal.modal .modal-dialog .modal-close.close-x {
top: inherit;
}
.fplModal.modal .modal-dialog .modal-close:after {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
content: '\00d7';
background: #0073a8;
color: #ffffff;
display: inline-block;
font-size: 16px;
height: 16px;
line-height: 1em;
margin-left: 10px;
text-align: center;
width: 16px;
padding: 0 4px;
}
.fplModal.modal .modal-dialog .modal-content {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
background: #f0f2f4;
overflow: auto;
padding-top: 40px;
padding-left: 60px;
padding-right: 60px;
}
.fplModal.modal .modal-dialog .modal-content ul {
padding-left: 15px;
}
.fplModal.modal .modal-dialog .modal-content p {
color: #0c2739;
font-size: 16px;
line-height: 24px;
}
.fplModal.modal .modal-dialog .modal-content .paperless-billing-content-close {
margin: 40px 0;
}
.fplModal.modal .modal-dialog .modal-content .modal-btn {
display: inline-block;
margin: 20px 0 10px;
}
.fplModal.modal .modal-dialog .modal-content .yes_modal_btn {
width: 100% !important;
padding: 0px !important;
}
.fplModal.modal .modal-dialog .modal-content .modal-cancel {
display: block;
margin: 10px 0 20px;
}
@media (max-width: 767px) {
.fplModal.modal .modal-dialog .modal-content .modal-cancel {
margin: 10px 0 0;
}
}
.fplModal.modal .modal-dialog .modal-content .modal-footer {
border: 0;
text-align: left;
padding: 20px 0;
}
.fplModal.modal .modal-dialog .modal-content .modal-footer:before {
content: '';
background: url('../images/row_divider_long.png') center;
width: 100%;
height: 14px;
margin-bottom: 30px;
}
.fplModal.modal .modal-dialog .modal-content .modal-footer .modal-link {
padding: 14px 0;
margin-right: 10px;
display: inline-block;
}
.fplModal.modal .modal-dialog .modal-content .modal-footer .modal-link:after {
content: '\203A';
margin-left: 4px;
font-size: 16px;
}
.fplModal.modal .modal-dialog .modal-content .modal-footer .btn {
display: inline-block;
float: right;
}
@media (max-width: 767px) {
.fplModal.modal .modal-dialog .modal-content .modal-footer .btn {
padding: 25px 0;
}
}
.fplModal.modal .modal-dialog .modal-content.email-bill-enrollment .fpl-form {
margin-top: 20px;
}
.fplModal.modal .modal-dialog .modal-content.email-bill-enrollment .fpl-form .fpl-form-row {
margin-bottom: 0;
}
.fplModal.modal .modal-dialog .modal-content.email-bill-enrollment .fpl-form .fpl-form-row .fpl-form-field {
width: 400px;
}
@media (max-width: 767px) {
.fplModal.modal .modal-dialog .modal-content.email-bill-enrollment .fpl-form .fpl-form-row .fpl-form-field {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.fplModal.modal .modal-dialog {
max-width: 600px;
}
.fplModal.modal .modal-dialog .modal-content {
padding-left: 60px;
padding-right: 60px;
padding-top: 40px;
}
.fplModal.modal .fplModal.modal .cancel_modal_dialog {
margin: auto !important;
}
}
@media (max-width: 767px) {
.fplModal.modal .modal-dialog {
margin: 0;
max-width: 100%;
width: 100%;
}
.fplModal.modal .modal-dialog .modal-content {
-webkit-box-shadow: none;
box-shadow: none;
overflow-y: hidden;
padding-bottom: 90px;
padding-left: 16px;
padding-right: 16px;
padding-top: 40px;
}
.fplModal.modal .fplModal.modal .cancel_modal_dialog {
margin: auto !important;
}
}
.fplModal#mediaPlayerModal .modal-dialog,
.fplModal.mediaPlayerModal .modal-dialog {
padding-top: 0;
}
.fplModal#mediaPlayerModal .modal-dialog .modal-close.close-x,
.fplModal.mediaPlayerModal .modal-dialog .modal-close.close-x {
top: 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
.fplModal#mediaPlayerModal .modal-dialog,
.fplModal.mediaPlayerModal .modal-dialog {
max-width: 700px;
}
}
.fpl-profiles-and-preferences .fplModal .paperless-billing-content-close .btn {
margin: auto;
}
.modal .registration-container.progress-hidden {
padding: 0;
}
.modal-small .fplModal.modal .modal-dialog {
width: 350px;
}
.modal-small .fplModal.modal .modal-dialog .modal-content {
padding: 30px 20px;
text-align: center;
background: #ffffff;
}
.modal-small .fplModal.modal .modal-dialog .modal-content .btn {
width: 90%;
}
@media (max-width: 767px) {
.modal-small .fplModal.modal .modal-dialog {
width: 90%;
margin: 0 auto;
}
.modal-small .fplModal.modal .modal-dialog .modal-content .btn {
margin-top: 24px;
height: inherit;
}
}
@media (max-width: 767px) {
.header {
z-index: 9999;
}
.modal-backdrop {
background: #000000 !important;
}
}
@media (max-width: 767px) {
body.logged-out .fplModal.modal {
background: rgba(0, 0, 0, 0.6);
z-index: 10050;
}
}
.modal-dialog.loading {
background: url(../images/bx_loader.gif) center center no-repeat #f0f2f4;
min-height: 300px;
}
.termsAndConditionsModal {
max-height: 500px;
}
/* Opt Out Text Modal */
.fpl-opt-out-text-modal .fplModal.modal {
top: 90px;
}
.fpl-opt-out-text-modal .fplModal .modal-dialog {
width: 505px;
}
.fpl-opt-out-text-modal .fplModal .modal-dialog .modal-content {
padding: 10px 10px 0 10px;
}
.fpl-opt-out-text-modal .fplModal .modal-dialog .modal-content p {
color: #666666;
text-align: center;
line-height: 20px;
padding-bottom: 20px;
}
.fpl-opt-out-text-modal .fplModal .modal-dialog .modal-content .modal-buttons {
padding: 10px 0 0 0;
}
.fpl-opt-out-text-modal .fplModal .modal-dialog .modal-content .modal-buttons .opt-out-yes,
.fpl-opt-out-text-modal .fplModal .modal-dialog .modal-content .modal-buttons .opt-out-no {
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 15px;
letter-spacing: 2px;
text-decoration: none;
text-transform: uppercase;
width: 100%;
float: left;
text-align: center;
margin-bottom: 25px;
}
@media (min-width: 768px) {
.fpl-opt-out-text-modal .fplModal .modal-dialog .modal-content .modal-buttons {
padding: 10px 35px 0 35px;
}
}
form .fplModal.modal .modal-dialog {
padding-top: 0;
}
@media screen and (max-width: 767px) {
.fplModal.modal .modal-dialog .modal-close {
top: initial !important;
}
}
/* Interstitial Modals (BB, EMB) */
.modal .interstitial-footer {
width: 100%;
}
.modal .interstitial-disclaimer {
text-align: center;
color: #666666;
font-size: 13px;
margin-top: 10px;
}
.modal .red-text {
color: #dd1500;
}
/*
* CSS Styles that are needed by jScrollPane for it to operate correctly.
*
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
* may not operate correctly without them.
*/
.jspContainer {
overflow: hidden;
position: relative;
}
.jspPane {
position: absolute;
}
.jspVerticalBar {
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 100%;
background: red;
}
.jspHorizontalBar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 16px;
background: red;
}
.jspCap {
display: none;
}
.jspHorizontalBar .jspCap {
float: left;
}
.jspTrack {
background: #ddddee;
position: relative;
}
.jspDrag {
background: #bbbbdd;
position: relative;
top: 0;
left: 0;
cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
float: left;
height: 100%;
}
.jspArrow {
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
padding: 0;
margin: 0;
}
.jspArrow.jspDisabled {
cursor: default;
background: #666666;
}
.jspVerticalBar .jspArrow {
height: 16px;
}
.jspHorizontalBar .jspArrow {
width: 16px;
float: left;
height: 100%;
}
.jspVerticalBar .jspArrow:focus {
outline: none;
}
.jspCorner {
background: #eeeef4;
float: left;
height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
margin: 0 -3px 0 0;
}
.view-more {
width: 100%;
}
.view-more .view-more-link {
font-family: Arial;
font-weight: bold;
font-style: normal;
background: #f0f2f4;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
display: block;
font-size: 16px;
padding: 8px 0;
text-align: center;
text-decoration: none;
}
.view-more .view-more-link .fa-sort-down {
margin-top: -9px;
}
.login-toolbar {
background-color: #f0f2f4;
padding: 16px 0;
}
.login-toolbar label {
display: inline-block;
vertical-align: middle;
margin: 0 16px 0 0;
font-family: Arial;
font-size: 14px;
color: #666666;
font-weight: normal;
}
.login-toolbar .fpl-form .fpl-form-row {
margin-bottom: 0;
}
.login-toolbar .fpl-form .fpl-form-row .fpl-form-field {
display: inline-block;
vertical-align: middle;
width: 240px;
margin-right: 16px;
}
@media (max-width: 1023px) {
.login-toolbar .fpl-form .fpl-form-row .fpl-form-field {
width: 180px;
}
}
.login-toolbar .fpl-form .fpl-form-row .fpl-form-field .fpl-input {
margin-bottom: 0;
font-size: 16px;
}
.login-toolbar .fpl-form .fpl-form-row .login-links {
display: inline-block;
vertical-align: middle;
}
.login-toolbar .fpl-form .fpl-form-row .login-links a:hover {
text-decoration: underline;
}
.login-toolbar .fpl-form .fpl-form-row .login-btn,
.login-toolbar .fpl-form .fpl-form-row .nav-bar-login-btn {
width: auto;
margin-right: 24px;
}
.login-toolbar .fpl-form .fpl-form-row .login-btn .btn,
.login-toolbar .fpl-form .fpl-form-row .nav-bar-login-btn .btn {
width: 140px;
font-size: 14px;
}
.login-toolbar .fpl-form .fpl-form-row .fpl-form-note {
margin-left: 0;
font-size: inherit;
color: inherit;
}
.login-toolbar .fpl-form .fpl-form-row .fpl-form-note.fpl-remember .choice-info {
margin-left: 0;
margin-top: 0;
width: auto;
padding-top: 0;
}
.login-toolbar .fpl-form .fpl-form-row .fpl-form-note.fpl-remember .choice-info .choice-detail {
color: #666666;
font-size: 14px;
padding-top: 0;
width: auto;
}
.login-toolbar .fpl-form .fpl-form-row .fpl-form-note.fpl-remember .choice-field {
margin-left: 0;
margin-right: 5px;
}
.login-toolbar .fpl-form .fpl-form-row .fpl-form-note.fpl-remember .fpl-custom-checkbox {
width: 20px;
height: 20px;
}
.login-toolbar .fpl-form .fpl-form-row .fpl-form-note.fpl-remember .fpl-custom-checkbox.custom-option-selected .fa-check {
font-size: 18px;
display: block;
}
@media (min-width: 768px) and (max-width: 1146px) {
.login-toolbar .fpl-form {
text-align: center;
}
.login-toolbar .fpl-form .fpl-form-row {
display: inline-block;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.login-toolbar .fpl-form .fpl-form-row label {
width: 150px;
}
.login-toolbar .fpl-form .fpl-form-row .login-btn {
margin-right: 10px;
}
.login-toolbar .fpl-form .fpl-form-row .login-links {
display: block;
margin-left: 170px;
margin-top: 10px;
}
.login-toolbar .fpl-form .fpl-form-row .login-links > div {
display: inline-block;
vertical-align: middle;
}
.login-toolbar .fpl-form .fpl-form-row .login-links .fpl-remember {
margin-right: 35px;
margin-top: 0;
}
}
@media (max-width: 767px) {
.login-toolbar {
background: none;
padding: 0;
position: relative;
}
.login-toolbar .fpl-section {
opacity: 0.95;
filter: alpha(opacity=95);
background-color: #f0f2f4;
padding: 12px 0;
position: absolute;
width: 100%;
z-index: 999;
top: 0;
}
.login-toolbar .fpl-form {
padding-bottom: 10px;
padding-top: 10px;
}
.login-toolbar .fpl-form .fpl-form-row label,
.login-toolbar .fpl-form .fpl-form-row .fpl-form-field,
.login-toolbar .fpl-form .fpl-form-row .login-btn .btn {
display: block;
margin-bottom: 20px;
width: 100%;
}
.login-toolbar .fpl-form .fpl-form-row .ada-form-label {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.login-toolbar .fpl-form .fpl-form-row .fpl-form-field.login-btn {
margin-bottom: 10px;
}
.login-toolbar .fpl-form .fpl-form-row .login-btn .btn {
height: 52px;
margin-bottom: 0px;
padding-bottom: 16px;
padding-top: 16px;
}
.login-toolbar .fpl-form .fpl-form-row .login-links .fpl-remember {
margin-bottom: 5px;
}
.login-toolbar .login-toolbar-close {
right: 20px;
position: absolute;
top: 8px;
z-index: 1000;
}
.login-toolbar .login-toolbar-close .login-toolbar-close-link {
font-size: 30px;
font-weight: bold;
padding: 10px;
text-decoration: none;
}
}
.nav-bar-login {
display: block;
text-align: center;
}
.nav-bar-login .nav-bar-login-btn {
background: none;
border: 2px solid #0073a8;
color: #0073a8;
display: inline-block;
padding-bottom: 10px;
padding-top: 10px;
width: 130px;
}
.ie8 .login-toolbar .fpl-form .fpl-form-row .fpl-form-note.fpl-remember .choice-field .fpl-checkbox {
visibility: hidden;
}
.registration-container .registration .fpl-login-rowWrap {
margin-bottom: 18px !important;
}
/*******************************/
/**** PARAMETRIC MIXINS ****/
/******************************/
/* Form Elements */
.btn {
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 16px;
letter-spacing: 1px;
text-transform: uppercase;
color: #ffffff;
border-radius: 24px;
-moz-border-radius: 24px;
-webkit-border-radius: 24px;
display: block;
padding: 14px;
text-align: center;
width: 292px;
height: 42px;
clear: both;
line-height: 13px;
outline: none;
background-color: transparent;
}
.btn:before,
.btn:after {
content: " ";
display: table;
}
.btn:after {
clear: both;
}
.btn:before,
.btn:after {
content: " ";
display: table;
}
.btn:after {
clear: both;
}
.btn .dijitReset {
line-height: inherit !important;
}
@media (min-width: 320px) and (max-width: 1023px) {
.btn {
padding: 18px 0;
width: 352px;
height: 48px;
border-radius: 32px;
-moz-border-radius: 32px;
-webkit-border-radius: 32px;
line-height: 8px;
}
}
@media (max-width: 767px) {
.btn {
width: 300px;
height: 54px;
padding: 22px 0;
border-radius: 32px;
-moz-border-radius: 32px;
-webkit-border-radius: 32px;
}
}
.btn.primary {
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 16px;
letter-spacing: 2px;
text-transform: uppercase;
color: #616b00;
background: #c3d600;
}
.btn.primary:hover,
.btn.primary:focus {
outline: none;
background: #c3d600;
background: -moz-linear-gradient(top, #c3d600 0%, #d1e500 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #c3d600), color-stop(100%, #d1e500));
background: -webkit-linear-gradient(top, #c3d600 0%, #d1e500 100%);
background: -o-linear-gradient(top, #c3d600 0%, #d1e500 100%);
background: -ms-linear-gradient(top, #c3d600 0%, #d1e500 100%);
background: linear-gradient(to bottom, #c3d600 0%, #d1e500 100%);
-webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.3);
box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.3);
border-radius: 24px;
-moz-border-radius: 24px;
-webkit-border-radius: 24px;
}
.btn.primary:active {
outline: none;
background: #d1e500;
background: -moz-linear-gradient(top, #d1e500 0%, #c3d600 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #d1e500), color-stop(100%, #c3d600));
background: -webkit-linear-gradient(top, #d1e500 0%, #c3d600 100%);
background: -o-linear-gradient(top, #d1e500 0%, #c3d600 100%);
background: -ms-linear-gradient(top, #d1e500 0%, #c3d600 100%);
background: linear-gradient(to bottom, #d1e500 0%, #c3d600 100%);
-webkit-box-shadow: inset 4px 4px 8px 1px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 4px 4px 8px 1px rgba(0, 0, 0, 0.4);
box-shadow: inset 4px 4px 8px 1px rgba(0, 0, 0, 0.4);
}
@media (min-width: 768px) and (max-width: 1023px) {
.btn.primary {
height: 48px;
}
}
@media (max-width: 767px) {
.btn.primary {
height: 54px;
}
}
.btn.standard {
background-color: #0073a8;
}
@media (max-width: 767px) {
.btn.standard.fpls-button {
padding: 24px 0;
}
}
.btn.standard.disabled {
color: #a6daf2;
}
.btn.standard:hover,
.btn.standard:focus {
outline: none;
color: #ffffff;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
background: #0073a8;
background: -moz-linear-gradient(top, #0073a8 0%, #1684ba 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #0073a8), color-stop(100%, #1684ba));
background: -webkit-linear-gradient(top, #0073a8 0%, #1684ba 100%);
background: -o-linear-gradient(top, #0073a8 0%, #1684ba 100%);
background: -ms-linear-gradient(top, #0073a8 0%, #1684ba 100%);
background: linear-gradient(to bottom, #0073a8 0%, #1684ba 100%);
}
.btn.standard:active {
outline: none;
color: #ffffff;
-webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3);
background: #0073a8;
background: -moz-linear-gradient(top, #0073a8 0%, #1684ba 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #0073a8), color-stop(100%, #1684ba));
background: -webkit-linear-gradient(top, #0073a8 0%, #1684ba 100%);
background: -o-linear-gradient(top, #0073a8 0%, #1684ba 100%);
background: -ms-linear-gradient(top, #0073a8 0%, #1684ba 100%);
background: linear-gradient(to bottom, #0073a8 0%, #1684ba 100%);
}
.btn.secondary {
background-color: #0c2739;
}
.btn.secondary:hover,
.btn.secondary:focus {
outline: none;
color: #ffffff;
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
background: #0f3852;
background: -moz-linear-gradient(top, #0f3852 0%, #0c2739 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #0f3852), color-stop(100%, #0c2739));
background: -webkit-linear-gradient(top, #0f3852 0%, #0c2739 100%);
background: -o-linear-gradient(top, #0f3852 0%, #0c2739 100%);
background: -ms-linear-gradient(top, #0f3852 0%, #0c2739 100%);
background: linear-gradient(to bottom, #0f3852 0%, #0c2739 100%);
}
.btn.secondary:active {
outline: none;
color: #ffffff;
-webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3);
background: #0f3852;
background: -moz-linear-gradient(top, #0f3852 0%, #0c2739 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #0f3852), color-stop(100%, #0c2739));
background: -webkit-linear-gradient(top, #0f3852 0%, #0c2739 100%);
background: -o-linear-gradient(top, #0f3852 0%, #0c2739 100%);
background: -ms-linear-gradient(top, #0f3852 0%, #0c2739 100%);
background: linear-gradient(to bottom, #0f3852 0%, #0c2739 100%);
}
.btn.disabled {
outline: none;
opacity: .3;
filter: alpha(opacity=30);
}
.btn.outline {
color: #0073a8;
border: 2px solid #0073a8;
}
.btn.link {
color: #0073a8;
}
.btn.outline-white {
color: #ffffff;
border: 2px solid #ffffff;
}
.button-wrapper {
position: relative;
overflow: hidden;
clear: both;
}
.button-wrapper .buttons {
float: right;
padding: 16px 0;
}
.button-wrapper .buttons .btn {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
@media (max-width: 767px) {
.button-wrapper .buttons {
float: none;
}
.button-wrapper .buttons .btn {
display: block;
width: 100%;
margin: 0 0 10px 0;
}
}
/* registration */
.registration .btn {
margin: 24px auto 0;
}
@media (max-width: 767px) {
.registration .btn {
width: 285px;
margin: 0 auto;
}
}
/* Save/Edit/Cancel Buttons */
.communication-buttons {
width: 220px;
margin: auto;
}
.communication-buttons a.btn {
width: 41%;
margin-right: 15px;
display: inline-block;
}
.communication-buttons a.btn.centered-btn {
margin-left: 65px;
}
@media (min-width: 768px) {
.communication-buttons {
float: right;
padding: 12px 5px 0 0;
}
.communication-buttons a.btn.communication-edit {
margin-right: 15px;
float: right;
}
}
.retrieve-preferences-btn {
width: 100%;
max-width: 300px;
}
.smartling-es .communication-buttons {
width: 280px;
}
/* base code for FPL custom inputs */
.fpl-form-row {
margin-bottom: 18px;
}
.fpl-form-row .ada-form-label {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.fpl-form-row.secondary-phone .fpl-form-field.field-validated input,
.fpl-form-row.secondary-phone .fpl-form-field.field-loading input {
padding-right: 15px;
}
.fpl-form-row .fpl-form-field {
line-height: 1!important;
position: relative;
width: 100%;
z-index: 2;
/* For inline alert messages */
}
.fpl-form-row .fpl-form-field input[name="endDate"] ~ .fpl-form-note-placeholder {
line-height: 1 !important;
}
.fpl-form-row .fpl-form-field.field-validated input,
.fpl-form-row .fpl-form-field.field-loading input {
padding-right: 51px;
}
@media (max-width: 767px) {
.fpl-form-row .fpl-form-field .clear-field {
margin-top: -50px !important;
}
}
@media (min-width: 768px) {
.fpl-form-row .fpl-form-field .clear-field {
margin-top: -45px !important;
}
}
@media (max-width: 767px) {
.fpl-form-row .fpl-form-field .tbil {
margin-top: -35px !important;
}
}
@media (min-width: 768px) {
.fpl-form-row .fpl-form-field .tbil {
margin-top: -30px !important;
}
}
.fpl-form-row .fpl-form-field input {
display: block;
border-radius: 28px;
-moz-border-radius: 28px;
-webkit-border-radius: 28px;
border: 1px solid #cccccc;
padding: 14px 24px 10px;
margin-bottom: 15px;
width: 100%;
font-size: 16px;
color: #666666;
background: #ffffff;
outline: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
.fpl-form-row .fpl-form-field input {
padding: 13px 24px 10px;
}
}
@media (max-width: 767px) {
.fpl-form-row .fpl-form-field input {
padding: 19px 24px 16px;
width: 100%;
}
}
.fpl-form-row .fpl-form-field .fa {
font-size: 16px;
position: absolute;
top: 0;
right: 0;
padding: 17px 24px;
display: none;
}
.fpl-form-row .fpl-form-field .fa.fa-spinner {
padding: 13px 16px;
}
@media (max-width: 767px) {
.fpl-form-row .fpl-form-field .fa.fa-spinner {
padding: 20px 16px;
}
}
.fpl-form-row .fpl-form-field .optional {
display: block;
margin-left: 25px;
font-size: 13px;
}
.fpl-form-row .fpl-form-field .form-error-note {
display: none;
}
.fpl-form-row .fpl-form-field.field-loading .fa-spinner {
display: block;
}
.fpl-form-row .fpl-form-field.field-validated input {
border: 1px solid #68bb45;
background: #ffffff;
-webkit-box-shadow: none;
box-shadow: none;
}
.fpl-form-row .fpl-form-field.field-validated input:focus {
-webkit-box-shadow: inset 0px 3px 5px 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 0px 3px 5px 1px rgba(0, 0, 0, 0.1);
}
.fpl-form-row .fpl-form-field.field-validated .fa-check {
display: block;
color: #68bb45;
}
.fpl-form-row .fpl-form-field.field-error input {
border: 1px solid #dd1500;
background: #ffffff;
-webkit-box-shadow: none;
box-shadow: none;
}
.fpl-form-row .fpl-form-field.field-error input:focus {
-webkit-box-shadow: inset 0px 3px 5px 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 0px 3px 5px 1px rgba(0, 0, 0, 0.1);
}
.fpl-form-row .fpl-form-field.field-error .form-error-note {
display: block;
color: #dd1500;
}
.fpl-form-row .fpl-form-field .fpl-form-note-placeholder {
position: absolute;
text-align: left;
top: 0px;
left: 0px;
padding: 9px 24px 8px;
font-size: 18px;
color: #666666;
}
.fpl-form-row .fpl-form-link,
.fpl-form-row .fpl-form-tooltip {
margin-left: 25px;
margin-right: 25px;
margin-bottom: 16px;
display: block;
}
.fpl-form-row .fpl-form-tooltip {
position: relative;
}
#depositBox .fpl-form-field .clear-field {
margin-top: -40px !important;
}
/* base code for FPL custom select dropdowns */
.connect .fpl-customized-option .fpl-dropdown-field,
.transferService .fpl-customized-option .fpl-dropdown-field {
height: inherit;
margin-bottom: 0;
}
.connect .fpl-customized-option .fpl-dropdown-field .fpl-dropdown,
.transferService .fpl-customized-option .fpl-dropdown-field .fpl-dropdown {
position: relative;
margin-bottom: 5px;
}
.connect .fpl-customized-option .fpl-dropdown-field .fpl-dropdown.field-validated,
.transferService .fpl-customized-option .fpl-dropdown-field .fpl-dropdown.field-validated {
margin-bottom: -5px;
}
.connect .fpl-customized-option .fpl-dropdown-field .form-error-note,
.transferService .fpl-customized-option .fpl-dropdown-field .form-error-note {
display: block;
}
.connect .fpl-form .fpl-form-row .fpl-form-field input,
.transferService .fpl-form .fpl-form-row .fpl-form-field input {
margin-bottom: 5px;
}
.connect .fpl-form .fpl-form-row .fpl-form-field .clear-field,
.transferService .fpl-form .fpl-form-row .fpl-form-field .clear-field {
margin-top: -35px !important;
}
@media (max-width: 767px) {
.connect .fpl-form .fpl-form-row .fpl-form-field .clear-field,
.transferService .fpl-form .fpl-form-row .fpl-form-field .clear-field {
margin-top: -41px !important;
}
}
.connect .fpl-form .fpl-form-note.form-error-note,
.transferService .fpl-form .fpl-form-note.form-error-note {
margin-bottom: 10px;
}
.fpl-customized-option .fpl-dropdown-field {
position: relative;
height: 43px;
margin-bottom: 10px;
}
.fpl-customized-option .fpl-dropdown-field .fpl-dropdown {
display: block;
border-radius: 28px;
-moz-border-radius: 28px;
-webkit-border-radius: 28px;
border: 1px solid #cccccc;
width: 100%;
background: #ffffff;
outline: none;
cursor: pointer;
font-size: 16px;
line-height: 22px;
color: #666666;
overflow: hidden;
position: absolute;
margin-bottom: 30px;
z-index: 100;
}
.fpl-customized-option .fpl-dropdown-field .fpl-dropdown input {
margin-bottom: 0;
}
@media (max-width: 767px) {
.fpl-customized-option .fpl-dropdown-field .fpl-dropdown {
padding: 6px 0;
}
}
.fpl-customized-option .fpl-dropdown-field .fpl-dropdown.field-error {
border: 1px solid #dd1500 !important;
}
.fpl-customized-option .fpl-dropdown-field .fpl-dropdown.field-validated {
border: 1px solid #68bb45 !important;
}
.fpl-customized-option .fpl-dropdown-field .fpl-dropdown.dropdown-open .dropdown-selected-item .selected-item-arrow {
background-color: #0073a8;
}
.fpl-customized-option .fpl-dropdown-field .fpl-dropdown.dropdown-open .dropdown-list {
display: block;
/* begin scroll bar */
max-height: 230px;
overflow: auto;
/* end scrollbar */
}
.fpl-customized-option .fpl-dropdown-field .fpl-dropdown.dropdown-open .dropdown-list::-webkit-scrollbar-track {
background: #f2f2f2;
border-radius: 6px;
}
.fpl-customized-option .fpl-dropdown-field .fpl-dropdown.dropdown-open .dropdown-list::-webkit-scrollbar {
width: 6px;
background: #f2f2f2;
}
.fpl-customized-option .fpl-dropdown-field .fpl-dropdown.dropdown-open .dropdown-list::-webkit-scrollbar-thumb {
background: #cccccc;
border-radius: 6px;
}
.fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item {
padding: 0 42px 0 20px;
position: relative;
display: block;
text-align: left;
}
@media (max-width: 767px) {
.fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item {
padding: 0 5px 0 20px;
}
}
.fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-text {
display: block;
padding: 10px 0;
background: transparent;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 100%;
}
@media (max-width: 767px) {
.fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-text {
z-index: 1000 !important;
position: relative !important;
font-size: 16px !important;
max-width: 100% !important;
white-space: normal;
padding-right: 38px !important;
}
}
.fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-arrow {
font-size: 16px;
height: 30px;
width: 30px;
background-color: #0073a8;
position: absolute;
top: 0px;
bottom: 0;
right: 9px;
margin: auto;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
@media (max-width: 767px) {
.fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-arrow {
z-index: 1 !important;
}
}
.fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-arrow .fa {
display: block;
color: #ffffff;
position: absolute;
font-size: 20px;
padding: 0;
width: 20px;
height: 20px;
top: 1px;
bottom: 0;
right: 5px;
margin: auto;
text-align: center;
}
.fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-arrow .fa.fa-caret-up {
top: -2px;
}
@media (max-width: 767px) {
.fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-arrow {
height: 36px;
width: 36px;
}
.fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-arrow .fa {
top: 2px;
right: 8px;
}
}
.fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-list {
display: none;
margin: 0;
padding: 0;
list-style-type: none;
position: relative;
width: 100%;
text-align: left;
border-radius: 0 0 24px;
-moz-border-radius: 0 0 24px;
-webkit-border-radius: 0 0 24px;
}
.fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-list li {
font-family: Arial;
font-weight: normal;
font-style: normal;
color: #000000;
display: block;
padding: 8px 20px;
border-top: 1px solid #cccccc;
}
.fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-list li:hover,
.fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-list li.selected-option {
background: #0073a8;
color: #ffffff;
}
.fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-select {
position: absolute;
top: 0;
left: 0;
opacity: 0;
filter: alpha(opacity=50);
width: 100%;
z-index: -1;
}
.fpl-customized-option.disabled .selected-item-arrow {
background: #d7d7d7 !important;
}
.fpl-customized-option.disabled .fpl-dropdown {
cursor: default !important;
}
.fpl-customized-option.readonly .fpl-dropdown-field .fpl-dropdown {
border: 1px solid transparent;
box-shadow: none;
-webkit-box-shadow: none;
cursor: text;
}
.fpl-customized-option.readonly .fpl-dropdown-field .fpl-dropdown .selected-item-arrow {
display: none;
}
.fpl-customized-option.fpl-address-search,
.fpl-customized-option.predictive-dropdown .fpl-dropdown,
.fpl-customized-option#core_view_form_AddressSearch_0_popup {
margin-top: -33px;
padding: 0;
}
.fpl-customized-option.fpl-address-search .fpl-dropdown-field .fpl-dropdown,
.fpl-customized-option.predictive-dropdown .fpl-dropdown .fpl-dropdown-field .fpl-dropdown,
.fpl-customized-option#core_view_form_AddressSearch_0_popup .fpl-dropdown-field .fpl-dropdown {
background-color: #e8e8eb;
margin-top: 3px;
border-radius: 0;
box-shadow: 0;
padding: 18px 0 0 0;
z-index: 1;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.fpl-customized-option.fpl-address-search .fpl-dropdown-field .fpl-dropdown,
.fpl-customized-option.predictive-dropdown .fpl-dropdown .fpl-dropdown-field .fpl-dropdown,
.fpl-customized-option#core_view_form_AddressSearch_0_popup .fpl-dropdown-field .fpl-dropdown {
padding: 0px;
}
}
.fpl-customized-option.fpl-address-search .fpl-dropdown-field .fpl-dropdown .dijitMenuItemHover,
.fpl-customized-option.predictive-dropdown .fpl-dropdown .fpl-dropdown-field .fpl-dropdown .dijitMenuItemHover,
.fpl-customized-option#core_view_form_AddressSearch_0_popup .fpl-dropdown-field .fpl-dropdown .dijitMenuItemHover,
.fpl-customized-option.fpl-address-search .fpl-dropdown-field .fpl-dropdown .dijitMenuItemSelected,
.fpl-customized-option.predictive-dropdown .fpl-dropdown .fpl-dropdown-field .fpl-dropdown .dijitMenuItemSelected,
.fpl-customized-option#core_view_form_AddressSearch_0_popup .fpl-dropdown-field .fpl-dropdown .dijitMenuItemSelected {
background-color: #0073a8 !important;
background-image: none;
color: #ffffff !important;
}
.fpl-customized-option.fpl-address-search .fpl-dropdown-field .fpl-dropdown.powered-by-google ul:after,
.fpl-customized-option.predictive-dropdown .fpl-dropdown .fpl-dropdown-field .fpl-dropdown.powered-by-google ul:after,
.fpl-customized-option#core_view_form_AddressSearch_0_popup .fpl-dropdown-field .fpl-dropdown.powered-by-google ul:after {
content: "";
padding: 1px 1px 1px 0;
height: 16px;
text-align: right;
display: block;
background-image: url(../images/powered-by-google-on-white.png);
background-position: right;
background-repeat: no-repeat;
background-size: 104px 16px;
margin: 8px 10px 10px 0;
}
.fpl-customized-option.fpl-address-search .fpl-dropdown-field .fpl-dropdown ul.dropdown-list,
.fpl-customized-option.predictive-dropdown .fpl-dropdown .fpl-dropdown-field .fpl-dropdown ul.dropdown-list,
.fpl-customized-option#core_view_form_AddressSearch_0_popup .fpl-dropdown-field .fpl-dropdown ul.dropdown-list {
padding: 0;
max-height: 270px;
}
.fpl-customized-option.fpl-address-search .fpl-dropdown-field .fpl-dropdown ul.dropdown-list li:first-of-type,
.fpl-customized-option.predictive-dropdown .fpl-dropdown .fpl-dropdown-field .fpl-dropdown ul.dropdown-list li:first-of-type,
.fpl-customized-option#core_view_form_AddressSearch_0_popup .fpl-dropdown-field .fpl-dropdown ul.dropdown-list li:first-of-type {
border-top-width: 0;
}
.fpl-customized-option.fpl-address-search .fpl-dropdown-field .fpl-dropdown ul.dropdown-list li,
.fpl-customized-option.predictive-dropdown .fpl-dropdown .fpl-dropdown-field .fpl-dropdown ul.dropdown-list li,
.fpl-customized-option#core_view_form_AddressSearch_0_popup .fpl-dropdown-field .fpl-dropdown ul.dropdown-list li {
padding-left: 25px;
padding-right: 25px;
}
.fpl-customized-option.fpl-address-search .fpl-dropdown-field .fpl-dropdown ul.dropdown-list li.no-result,
.fpl-customized-option.predictive-dropdown .fpl-dropdown .fpl-dropdown-field .fpl-dropdown ul.dropdown-list li.no-result,
.fpl-customized-option#core_view_form_AddressSearch_0_popup .fpl-dropdown-field .fpl-dropdown ul.dropdown-list li.no-result {
color: #0073a8;
font-style: italic;
}
.fpl-customized-option.retrieval-account-lookup-option .fpl-dropdown-field .fpl-dropdown,
.fpl-customized-option#core_view_form_FilteringSelect_2_popup .fpl-dropdown-field .fpl-dropdown,
.fpl-customized-option#core_view_form_CitySelect_0_prompt .fpl-dropdown-field .fpl-dropdown {
z-index: 5;
}
.predictive-dropdown .fpl-dropdown .fpl-dropdown-field .fpl-dropdown {
z-index: 5;
}
/* unit numbers */
.dijitPopup.fpl-dropdownPopup.fpl-customized-option.fpl-unit-numbers {
background: #ffffff;
border: 1px solid #cccccc;
padding: 15px 20px;
width: 384px !important;
overflow: hidden;
}
.dijitPopup.fpl-dropdownPopup.fpl-customized-option.fpl-unit-numbers .fpl-dropdown-field {
height: initial;
margin-bottom: initial;
}
.dijitPopup.fpl-dropdownPopup.fpl-customized-option.fpl-unit-numbers .fpl-dropdown {
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
padding: 0;
}
.dijitPopup.fpl-dropdownPopup.fpl-customized-option.fpl-unit-numbers .fpl-dropdown .dropdown-list {
display: block;
padding: 0;
position: relative;
}
.dijitPopup.fpl-dropdownPopup.fpl-customized-option.fpl-unit-numbers .fpl-dropdown .dropdown-list li {
background: #eff2f4;
border: 0;
border-bottom: 6px solid #e0e6e9;
display: block;
float: left;
font-size: 14px;
margin: 5px 2%;
padding: 10px 0;
text-align: center;
width: 29.33%;
}
.dijitPopup.fpl-dropdownPopup.fpl-customized-option.fpl-unit-numbers .fpl-dropdown .dropdown-list li.dijitMenuItemHover,
.dijitPopup.fpl-dropdownPopup.fpl-customized-option.fpl-unit-numbers .fpl-dropdown .dropdown-list li.dijitMenuItemSelected {
background: #0073a8;
border-bottom: 6px solid #0087c8;
color: #ffffff;
}
@media (max-width: 767px) {
.dijitPopup.fpl-dropdownPopup.fpl-customized-option.fpl-unit-numbers {
border-left: 0;
border-right: 0;
padding-left: 16px;
padding-right: 16px;
width: 100% !important;
}
}
.dijitPopup.fpl-dropdownPopup.fpl-customized-option .dijitMenuNextButton,
.dijitPopup.fpl-dropdownPopup.fpl-customized-option .dijitMenuPreviousButton {
float: left;
margin: 5px 2%;
background-color: #eff2f4;
padding: 16px 0;
position: relative;
border-top: 2px solid #e0e6e9;
border-bottom: 2px solid #e0e6e9;
width: 96%;
text-align: center;
color: #0073a8;
font-family: Arial;
font-weight: bold;
font-style: normal;
}
.dijitPopup.fpl-dropdownPopup.fpl-customized-option .dijitMenuNextButton:hover,
.dijitPopup.fpl-dropdownPopup.fpl-customized-option .dijitMenuPreviousButton:hover {
color: #0c2739;
}
/* base code for FPL custom checkbox */
.fpl-form-note.fpl-remember.fpl-choice-box .choice-field {
margin-left: 0px;
}
.fpl-form-note.fpl-remember.fpl-choice-box .choice-info {
padding-top: 5px;
}
.fpl-choice-box {
overflow: hidden;
position: relative;
word-wrap: break-word;
}
.fpl-choice-box.bx-left .choice-field {
float: left;
margin-right: 12px;
margin-left: initial;
}
.fpl-choice-box.bx-left .choice-info {
text-align: left;
}
.fpl-choice-box.bx-left .choice-detail {
width: 100%;
}
.choice-info {
float: left;
width: 85%;
}
@media (max-width: 767px) {
.choice-info {
width: 80%;
}
}
.choice-info .choice-title {
display: block;
font-size: 20px;
color: #666666;
margin-bottom: 6px;
font-weight: bold;
}
.choice-info .choice-detail {
display: block;
margin-bottom: 6px;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
line-height: 22px;
vertical-align: middle;
width: 85%;
}
.choice-info .choice-detail:last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.choice-info .choice-detail {
max-width: 230px;
}
}
.choice-field {
position: relative;
float: right;
margin-left: 12px;
}
.choice-field .fpl-custom-base {
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
z-index: -1;
}
.choice-field .fpl-custom-checkbox {
display: block;
cursor: pointer;
border-radius: 20%;
-moz-border-radius: 20%;
-webkit-border-radius: 20%;
width: 30px;
height: 30px;
padding: 1px;
border: 1px solid #a8a5a5;
background-color: #ffffff;
}
.choice-field .fpl-custom-checkbox.fpl-custom-option .fa {
display: none;
color: #ffffff;
font-size: 19px;
}
.choice-field .fpl-custom-checkbox.fpl-custom-option .fa.fa-check {
position: absolute;
top: 1px;
left: 1px;
}
.choice-field .fpl-custom-checkbox.custom-option-selected .fa {
display: inline-block;
color: #0073a8;
font-size: 26px;
}
.enroll-check .fpl-custom-option .fa.fa-check {
position: relative !important;
}
/* FPL custom radio buttons - uses checkbox styles as base */
.fpl-custom-radio {
display: block;
cursor: pointer;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
width: 32px;
height: 32px;
background-color: #f7f7f7;
border: 6px solid #d7d7d7;
}
.fpl-custom-radio .radio-fill {
display: none;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
height: 10px;
width: 10px;
padding: 4px;
background-color: #0073a8;
margin: 5px;
}
.fpl-custom-radio.custom-option-selected {
border-color: #0073a8;
background-color: #ffffff;
}
.fpl-custom-radio.custom-option-selected .radio-fill {
display: block;
}
.fpl-custom-radio.custom-option-focused {
border: 6px solid #333333;
height: 32px;
width: 32px;
}
.fpl-choice-box.disabled .fpl-custom-radio.custom-option-selected {
border: 6px solid #d7d7d7;
background-color: #f7f7f7;
}
.fpl-choice-box.disabled .fpl-custom-radio.custom-option-selected .radio-fill {
background-color: #f7f7f7;
}
/* Inline Radio Buttons - Side by Side */
.inline-radio-group {
width: 100%;
display: inline-block;
text-align: center;
}
.inline-radio-group .inline-radio.fpl-choice-box {
display: inline-block;
min-width: 120px;
white-space: nowrap;
}
.inline-radio-group .inline-radio.fpl-choice-box .choice-info {
width: 44%;
float: right;
margin-left: 10px;
padding-top: 5px;
}
.inline-radio-group .inline-radio.fpl-choice-box .choice-info .choice-detail {
width: 100%;
text-align: left;
}
/* Radio Buttons for Disconnect & Transfer Stop Move Page */
.stopMoveRadio .inline-radio-group .inline-radio.fpl-choice-box .choice-info {
width: 115px;
padding-top: 0px;
white-space: normal;
}
/* FPL custom radio button group */
.fpl-radio-group {
margin-bottom: 20px;
}
.fpl-radio-group .fpl-choice-box {
padding: 24px 0;
border-bottom: 1px solid #cccccc;
}
.fpl-radio-group .fpl-choice-box .choice-info {
width: 85%;
}
@media (max-width: 767px) {
.fpl-radio-group .fpl-choice-box .choice-info {
width: 80%;
}
}
.fpl-radio-group .fpl-choice-box .choice-field {
height: auto;
}
.form-alert {
font-size: 16px;
line-height: 24px;
color: #0c2739;
margin: 3px 0 16px;
position: relative;
padding: 16px;
background: #f0f2f4;
text-align: center;
word-wrap: break-word;
}
.form-alert.alert-tooltip {
text-align: left;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
.form-alert.alert-tooltip a {
font-size: 14px;
}
.form-alert.alert-tooltip:before,
.form-alert.alert-tooltip:after {
content: "";
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-color: transparent;
border-top: 0;
}
.form-alert.alert-tooltip:before {
top: -10px;
right: 50%;
border-bottom-color: #f0f2f4;
border-width: 10px;
}
.form-alert.alert-tooltip:after {
top: -9px;
right: 50%;
border-bottom-color: #f0f2f4;
border-width: 9px;
}
.form-alert.alert-tooltip.alert-highlighted:before {
border-bottom-color: #0c2739;
right: 0;
left: 0;
margin: auto;
}
.form-alert.alert-tooltip.alert-highlighted:after {
right: 0;
left: 0;
margin: auto;
}
.form-alert.alert-inline-field {
padding: 54px 24px 26px;
z-index: 1;
margin-top: -40px;
text-align: left;
}
.form-alert.alert-highlighted {
background: transparent;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 15px;
border: 1px solid #0c2739;
color: #0c2739;
}
.form-alert.alert-highlighted.error {
border: 1px solid #dd1500;
color: #dd1500;
}
.form-alert.alert-highlighted.success {
border: 1px solid #0073a8;
color: #0073a8;
}
.form-alert.alert-highlighted a {
font-family: Arial;
font-weight: bold;
font-style: normal;
color: inherit;
}
.form-alert.alert-highlighted .message,
.form-alert.alert-highlighted .slider,
.form-alert.alert-highlighted .notifications {
display: none;
}
.form-alert.alert-highlighted.multiple .message,
.form-alert.alert-highlighted.multiple .slider,
.form-alert.alert-highlighted.multiple .notifications {
display: block;
}
.form-alert.alert-highlighted.multiple .message {
border-bottom: 1px solid #0f3852;
width: 109%;
margin: 0 0 16px -16px;
padding: 0 16px 16px;
}
@media screen and (max-width: 767px) {
.form-alert.alert-highlighted.multiple .message {
width: 105%;
}
}
.form-alert.alert-highlighted.multiple .notifications {
width: 100%;
text-align: left;
}
.form-alert.alert-highlighted.multiple .notifications .notification .number {
width: 24px;
height: 24px;
color: white;
background-color: #0073a8;
border-radius: 50%;
font-size: 14px;
margin: 10px auto;
text-align: center;
}
.form-alert.alert-highlighted.multiple .notifications .notification .content {
font-size: 14px;
line-height: 18px;
}
.form-alert.alert-highlighted.multiple .slider {
border-top: 1px solid #0f3852;
width: 109%;
margin: 16px 0 0 -16px;
padding: 16px 16px 0;
cursor: pointer;
color: #0073a8;
}
.form-alert.alert-highlighted.multiple .slider.slider-hidden {
border-top-width: 0;
padding-top: 0;
}
@media screen and (max-width: 767px) {
.form-alert.alert-highlighted.multiple .slider {
width: 105%;
}
}
.form-alert .alert-highlighted-text {
display: block;
font-weight: bold;
font-weight: bold !important;
margin: 16px 0;
}
.form-alert.upload-image {
background: #e0e6e9;
border: #d0d5d8 solid 1px;
padding: 16px 0 0;
text-align: left;
}
.form-alert.upload-image p {
padding-left: 16px;
}
.form-alert.upload-image .upload-image-document {
cursor: pointer;
}
.form-alert.upload-image .upload-image-document input[type="file"] {
width: 100%;
height: 100%;
font-size: 1em!important;
top: 0!important;
right: 0!important;
cursor: pointer;
z-index: 1;
}
.form-alert.upload-image .dojoxUploaderFileList {
margin: 20px 0;
}
.form-alert.upload-image .dojoxUploaderFileList tr {
background: #ffffff;
}
.form-alert.upload-image .dojoxUploaderFileList tr .dojoxUploaderFileName {
padding-left: 16px;
word-break: break-all;
}
.calendar-input .fpl-form-row {
margin-bottom: 0;
}
.calendar-input #calendar-input {
padding-right: 55px;
}
.calendar-input img {
position: absolute;
top: 11px;
right: 21px;
display: inline-block;
}
@media (min-width: 768px) {
.calendar-input img {
float: right;
position: relative;
top: -50px;
right: 21px;
}
}
.button-toggle label {
margin-left: 20px;
}
.button-toggle .tabs.basic ul li:not(.active) a[data-enable~="Business"] {
padding-right: 20%!important;
text-align: right;
}
.button-toggle .tabs.basic ul li:not(.active) a[data-enable~="Residential"] {
padding-left: 15%;
text-align: left;
}
.button-toggle .tabs.basic ul li:not(.active) a[data-enable~="permanent"] {
padding-right: 27%!important;
text-align: center;
}
.button-toggle .tabs.basic ul li:not(.active) a[data-enable~="temporary"] {
padding-left: 35%!important;
text-align: left;
}
.button-toggle .tabs.basic ul {
padding-bottom: 10px;
width: 100%;
}
.button-toggle .tabs.basic ul li {
width: 57%;
}
.button-toggle .tabs.basic ul li a {
border: 2px solid #0073a8;
border-radius: 30px;
color: #0073a8;
font-size: 14px;
padding-bottom: 12px;
padding-top: 12px;
text-transform: uppercase;
}
.button-toggle .tabs.basic ul li.active a {
color: #ffffff !important;
position: relative;
text-align: center!important;
z-index: 100;
}
.button-toggle .tabs.basic ul li.active:nth-child(1) {
margin-right: -16%;
}
.button-toggle .tabs.basic ul li.active:nth-child(2) {
margin-left: -16%;
}
.button-toggle .tabs.basic ul li.active:after {
display: none;
}
.button-toggle.nobottom .tabs.basic {
margin-top: 0;
margin-bottom: 0;
}
.wors .button-toggle .tabs.basic ul li:not(.active) a[data-enable~="false"] {
padding-right: 35%!important;
text-align: right;
}
.wors .button-toggle .tabs.basic ul li:not(.active) a[data-enable~="true"] {
padding-left: 32%!important;
text-align: left;
}
.button-toggle.on-off .tabs.basic.two-tabs ul {
border: none;
padding-bottom: 0;
}
.button-toggle.on-off .tabs.basic.two-tabs ul li {
display: inline-block;
width: 47px;
margin: 0;
}
.button-toggle.on-off .tabs.basic.two-tabs ul li a {
font-size: 12px;
padding-top: 7px;
padding-bottom: 6px;
}
.button-toggle.on-off .tabs.basic.two-tabs ul li a[data-enable~="off"] {
padding-left: 10px!important;
}
.button-toggle.on-off .tabs.basic.two-tabs ul li a[data-enable~="on"] {
padding-left: 12px!important;
}
.button-toggle.on-off .tabs.basic.two-tabs ul li.active:nth-child(1) {
margin-right: -32px;
}
.button-toggle.on-off .tabs.basic.two-tabs ul li.active:nth-child(2) {
margin-left: -32px;
}
.button-toggle.on-off .tabs.basic.two-tabs ul li:not(.active) {
width: 62px;
}
.button-toggle.on-off .tabs.basic.two-tabs ul li:not(.active) a[data-enable~="off"] {
padding-left: 4px!important;
}
.button-toggle.on-off .tabs.basic.two-tabs ul li:not(.active) a[data-enable~="on"] {
padding-left: 29px!important;
text-align: left;
}
.button-toggle.on-off.disabled .tabs.basic.two-tabs ul li a {
color: #ffffff;
background-color: #666666;
border-color: #666666;
cursor: default;
}
.button-toggle.on-off.disabled .tabs.basic.two-tabs ul li:not(.active) a {
color: #666666;
background-color: #ffffff;
}
.button-toggle.connect-toggle {
margin-top: 20px;
}
.button-toggle.connect-toggle .tabs.basic {
margin-bottom: 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
.button-toggle .tabs.basic ul li a {
font-size: 12px;
padding-bottom: 10px;
padding-top: 10px;
}
.button-toggle .tabs.basic ul li:not(.active) a[data-enable~="Business"] {
padding-right: 20%!important;
text-align: right;
}
.button-toggle .tabs.basic ul li:not(.active) a[data-enable~="Residential"] {
padding-left: 15%;
text-align: left;
}
.button-toggle .tabs.basic ul li:not(.active) a[data-enable~="permanent"] {
padding-right: 33%!important;
text-align: right;
}
.button-toggle .tabs.basic ul li:not(.active) a[data-enable~="temporary"] {
padding-left: 38%!important;
text-align: left;
}
}
@media (max-width: 767px) {
.button-toggle label {
margin-bottom: 10px;
}
.button-toggle .tabs.basic {
margin-top: 0;
}
.button-toggle .tabs.basic ul li a {
font-size: 12px;
padding: 12px 20px;
}
.button-toggle .tabs.basic ul li a[data-enable~="permanent"],
.button-toggle .tabs.basic ul li a[data-enable~="temporary"] {
font-size: 11.5px;
padding: 12px 5px;
}
.button-toggle .tabs.basic ul li:not(.active) a[data-enable~="Business"] {
padding-left: 30%;
text-align: center;
}
.button-toggle .tabs.basic ul li:not(.active) a[data-enable~="Residential"] {
padding-left: 0%;
padding-right: 20%;
text-align: center;
}
.button-toggle .tabs.basic ul li:not(.active) a[data-enable~="permanent"] {
padding-right: 26%!important;
text-align: center;
}
.button-toggle .tabs.basic ul li:not(.active) a[data-enable~="temporary"] {
padding-left: 27%!important;
text-align: center;
}
.button-toggle.connect-toggle .tabs.basic ul li:not(.active) a {
text-align: center;
}
.button-toggle.connect-toggle .tabs.basic ul li:not(.active) a[data-enable~="RESIDENTIAL"] {
padding-left: 0%!important;
}
.button-toggle.connect-toggle .tabs.basic ul li:not(.active) a[data-enable~="COMMERCIAL"] {
padding-right: 0%!important;
}
}
.switch-toggle .settings-option-toggle {
outline: 0;
display: inline-block;
border-radius: 24px;
background-color: #0073a8;
border: 3px solid #f0f2f4;
position: relative;
width: 72px;
height: 33px;
vertical-align: middle;
cursor: pointer;
}
.switch-toggle .settings-option-toggle .settings-option-toggle-inner {
font-family: Arial;
font-weight: bold;
font-size: 12px;
color: #ffffff;
text-transform: uppercase;
width: 100%;
position: absolute;
top: 6px;
left: 8px;
}
.switch-toggle .settings-option-toggle .settings-option-toggle-inner .on-text {
display: none;
position: inherit;
left: 5px;
}
.switch-toggle .settings-option-toggle .settings-option-toggle-inner .off-text {
display: block;
position: inherit;
right: 19px;
}
.switch-toggle .settings-option-toggle .option-state {
display: block;
border-radius: 50%;
text-align: center;
padding: 7px 0;
background-color: #f0f2f4;
color: #666666;
position: absolute;
top: 2px;
left: 2px;
width: 23px;
height: 23px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.switch-toggle.default .settings-option-toggle .settings-option-toggle-inner .on-text {
display: block;
}
.switch-toggle.default .settings-option-toggle .settings-option-toggle-inner .off-text {
display: none;
}
.switch-toggle.default .settings-option-toggle .option-state {
-webkit-transform: translate(24px, 0);
-ms-transform: translate(24px, 0);
transform: translate(24px, 0);
left: 17px;
background-color: #ffffff;
color: #ffffff;
}
.switch-toggle:hover,
.switch-toggle:active,
.switch-toggle:focus {
text-decoration: none;
}
.switch-toggle.disabled .settings-option-toggle {
background-color: #d0d5d8;
cursor: default;
}
.switch-toggle.disabled .settings-option-toggle .settings-option-toggle-inner .inner-label {
color: #898989;
}
/* registration */
::-webkit-input-placeholder {
color: #666666;
}
:-moz-placeholder {
/* Firefox 18- */
color: #666666;
}
::-moz-placeholder {
/* Firefox 19+ */
color: #666666;
}
:-ms-input-placeholder {
color: #666666;
}
:focus,
a:focus {
outline: none;
}
input::-ms-clear {
display: none;
}
.image-set img {
width: 100%;
}
.sidebar {
background-color: #f0f2f4;
padding: 15px 20px;
min-width: 264px;
word-wrap: break-word;
}
@media print {
.sidebar {
display: none;
}
}
.sidebar a {
word-wrap: break-word;
}
.sidebar-heading {
font-family: Arial;
font-weight: normal;
font-style: normal;
color: #404040;
font-size: 24px;
margin-top: 0;
margin-bottom: 20px;
}
.sidebar-account-settings {
padding: 10px 0 20px;
background-color: #f0f2f4;
border-bottom: 1px solid #cccccc;
}
.sidebar-account-settings .sidebar-menu-tab {
display: none;
}
.sidebar-account-settings .sidebar-menu {
padding: 0;
font-size: 16px;
list-style-type: none;
}
@media (max-width: 1023px) {
.sidebar-account-settings .sidebar-menu.settings-hidden {
display: none;
}
}
.sidebar-account-settings .sidebar-menu .sidebar-menu-item {
margin-bottom: 20px;
}
.sidebar-account-settings .sidebar-menu .sidebar-menu-item a {
padding: 0 0 20px 0px;
}
.sidebar-account-settings .sidebar-menu .sidebar-menu-item a:hover {
text-decoration: none;
}
.sidebar-account-settings .sidebar-menu .sidebar-menu-item a:hover span {
border-bottom: 1px solid #1684ba;
}
.sidebar-account {
padding: 40px 0 40px;
background-color: #f0f2f4;
border-bottom: 1px solid #cccccc;
}
.sidebar-account .deposits-info {
font-size: 16px;
}
.sidebar-account .deposits-info a {
word-wrap: break-word;
}
.sidebar-deposits {
padding: 40px 0 20px;
background-color: #f0f2f4;
}
.sidebar-deposits .deposits-info {
font-size: 16px;
}
.sidebar-promotions {
padding: 40px 0 40px;
background-color: #f0f2f4;
border-bottom: 1px solid #cccccc;
}
.sidebar-promotions a {
display: block;
}
.sidebar-promotions a .promotion-image {
width: 100%;
}
.sidebar-promotions .promotion-info-box {
margin-top: 24px;
}
.sidebar-promotions .promotion-info-box .promotion-name {
color: #000000;
font-size: 18px;
margin-bottom: 24px;
}
.sidebar-promotions .promotion-info-box .promotion-info {
font-size: 16px;
}
.learn-more {
font-size: 16px;
}
.learn-more:after {
display: inline-block;
content: "\203A";
}
.learn-more:hover {
text-decoration: underline;
}
@media (min-width: 768px) and (max-width: 1023px) {
.sidebar-account-settings {
position: relative;
padding: 0;
border-bottom: none;
text-align: center;
overflow: hidden;
}
.sidebar-account-settings .sidebar-heading {
margin-bottom: 0;
display: none;
}
.sidebar-account-settings .sidebar-menu-tab {
font-family: Arial;
font-weight: normal;
font-style: normal;
color: #636363;
font-size: 24px;
text-align: center;
padding: 20px 0px;
margin: 0;
display: block;
}
.sidebar-account-settings .sidebar-menu-tab span {
font-size: 0;
padding-right: 16px;
}
.sidebar-account-settings .sidebar-menu-tab .fa-sort-desc {
font-size: 20px;
position: relative;
top: -5px;
color: #404040;
}
.sidebar-account-settings .sidebar-menu-tab .fa-sort-asc {
font-size: 20px;
position: relative;
top: 5px;
color: #404040;
}
.sidebar-account-settings .sidebar-menu-tab:hover {
text-decoration: none;
}
.sidebar-account-settings .sidebar-menu-tab:focus {
text-decoration: none;
outline-width: 0;
}
.sidebar-account-settings .sidebar-menu {
margin-bottom: 0;
display: block;
border-top: 1px solid #d9d9d9;
padding: 40px 80px 0;
}
.sidebar-account-settings .sidebar-menu:before,
.sidebar-account-settings .sidebar-menu:after {
content: " ";
display: table;
}
.sidebar-account-settings .sidebar-menu:after {
clear: both;
}
.sidebar-account-settings .sidebar-menu:before,
.sidebar-account-settings .sidebar-menu:after {
content: " ";
display: table;
}
.sidebar-account-settings .sidebar-menu:after {
clear: both;
}
.sidebar-account-settings .sidebar-menu .sidebar-menu-item {
display: block;
width: 50%;
text-align: left;
}
.sidebar-account-settings .sidebar-menu .sidebar-menu-item:nth-child(odd) {
float: left;
clear: left;
}
.sidebar-account-settings .sidebar-menu .sidebar-menu-item:nth-child(even) {
float: right;
clear: right;
}
.sidebar-deposits,
.sidebar-account {
padding: 30px 160px;
border-bottom: none;
text-align: center;
}
.sidebar-deposits .deposits-info,
.sidebar-account .deposits-info {
font-size: 18px;
}
.sidebar-promotions {
padding: 30px 80px;
text-align: center;
}
.sidebar-promotions:before,
.sidebar-promotions:after {
content: " ";
display: table;
}
.sidebar-promotions:after {
clear: both;
}
.sidebar-promotions:before,
.sidebar-promotions:after {
content: " ";
display: table;
}
.sidebar-promotions:after {
clear: both;
}
.sidebar-promotions a .promotion-image {
float: left;
width: 50%;
padding-right: 16px;
}
.sidebar-promotions .promotion-info-box {
float: left;
width: 50%;
margin-top: 0;
padding-left: 16px;
text-align: left;
}
.sidebar-promotions .promotion-info-box .promotion-name {
font-size: 18px;
margin-top: 0;
}
.sidebar-promotions .promotion-info-box .promotion-info {
font-size: 18px;
}
.learn-more {
font-size: 18px;
}
}
@media (max-width: 767px) {
.energy-usage {
margin-left: -16px;
margin-right: -16px;
padding: 30px 16px;
border-bottom: 1px solid #d9d9d9;
}
.sidebar-heading {
font-size: 18px;
margin-bottom: 16px;
}
.sidebar-account-settings {
padding: 0;
border-bottom: none;
text-align: left;
margin-left: -16px;
margin-right: -16px;
margin-bottom: 0;
margin-top: 30px;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
}
.sidebar-account-settings .sidebar-heading {
margin-bottom: 16px;
display: none;
}
.sidebar-account-settings .settings-hidden + .sidebar-menu-tab {
border-bottom: 0;
}
.sidebar-account-settings .sidebar-menu-tab {
font-family: Arial;
font-weight: normal;
font-style: normal;
color: #636363;
font-size: 24px;
text-align: center;
padding: 20px 0px;
margin: 0;
display: block;
border-bottom: 1px solid #d9d9d9;
}
.sidebar-account-settings .sidebar-menu-tab span {
font-size: 16px;
padding-right: 16px;
}
.sidebar-account-settings .sidebar-menu-tab .fa-sort-desc {
position: relative;
top: -3px;
font-size: 14px;
}
.sidebar-account-settings .sidebar-menu-tab .fa-sort-asc {
position: relative;
top: 4px;
font-size: 14px;
}
.sidebar-account-settings .sidebar-menu-tab:hover {
text-decoration: none;
}
.sidebar-account-settings .sidebar-menu-tab:focus {
text-decoration: none;
outline-width: 0;
}
.sidebar-account-settings .sidebar-menu {
display: none;
margin-top: 0;
margin-bottom: 0;
}
.sidebar-account-settings .sidebar-menu:before,
.sidebar-account-settings .sidebar-menu:after {
content: " ";
display: table;
}
.sidebar-account-settings .sidebar-menu:after {
clear: both;
}
.sidebar-account-settings .sidebar-menu:before,
.sidebar-account-settings .sidebar-menu:after {
content: " ";
display: table;
}
.sidebar-account-settings .sidebar-menu:after {
clear: both;
}
.sidebar-account-settings .sidebar-menu .sidebar-menu-item {
display: block;
background: #f0f2f4;
border-bottom: 1px solid #d9d9d9;
width: 100%;
margin-bottom: 0;
text-align: left;
float: none;
}
.sidebar-account-settings .sidebar-menu .sidebar-menu-item:nth-child(even) {
float: none;
}
.sidebar-account-settings .sidebar-menu .sidebar-menu-item:nth-child(odd) {
float: none;
}
.sidebar-account-settings .sidebar-menu .sidebar-menu-item a {
display: block;
margin-bottom: 8px;
margin-top: 8px;
padding: 9px 15px;
font-size: 16px;
background-color: #f0f2f4;
}
.sidebar-account-settings .sidebar-menu .sidebar-menu-item a span {
border: none;
}
.sidebar-account-settings .sidebar-menu .sidebar-menu-item a:hover span {
border-bottom: 1px solid #1684ba;
}
.sidebar-account-settings .sidebar-menu .update-userid {
background-position: 16px -110px;
}
.sidebar-account-settings .sidebar-menu .update-email {
background-position: 16px -150px;
}
.sidebar-account-settings .sidebar-menu .change-email {
background-position: 16px -190px;
}
.sidebar-account-settings .sidebar-menu .update-password {
background-position: 16px -230px;
}
.sidebar-account-settings .sidebar-menu .update-mailing {
background-position: 16px -270px;
}
.sidebar-account-settings .sidebar-menu .update-phone {
background-position: 16px -310px;
}
.sidebar-account-settings .sidebar-menu .view-summary-pdf {
background-position: 16px -350px;
}
.sidebar-account {
background: none;
text-align: left;
margin: 0 -16px;
padding: 30px 16px;
border-bottom: 1px solid #d9d9d9;
}
.sidebar-account .deposits-info {
font-size: 15px;
}
.sidebar-deposits {
padding: 30px 0;
border-bottom: none;
background: none;
text-align: left;
}
.sidebar-deposits .deposits-info {
font-size: 15px;
}
.sidebar-promotions {
padding: 30px 0 0;
text-align: left;
background: none;
border-bottom: none;
}
.sidebar-promotions:before,
.sidebar-promotions:after {
content: " ";
display: table;
}
.sidebar-promotions:after {
clear: both;
}
.sidebar-promotions:before,
.sidebar-promotions:after {
content: " ";
display: table;
}
.sidebar-promotions:after {
clear: both;
}
.sidebar-promotions a .promotion-image {
float: none;
width: 100%;
padding-right: 0;
}
.sidebar-promotions .promotion-info-box {
float: none;
width: 100%;
margin-top: 16px;
padding-left: 0;
text-align: left;
}
.sidebar-promotions .promotion-info-box .promotion-name {
font-size: 18px;
margin-top: 0;
margin-bottom: 5px;
}
.sidebar-promotions .promotion-info-box .promotion-info {
font-size: 15px;
}
.learn-more {
display: block;
margin-top: 20px;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
padding: 17px 16px;
font-size: 16px;
margin-left: -16px;
margin-right: -16px;
}
.learn-more:after {
display: block;
float: right;
font-size: 24px;
line-height: 20px;
}
}
@media print {
.sidebar-account-settings,
.sidebar-account,
.sidebar-promotions,
.sidebar-deposits {
display: none;
}
}
.fl {
float: left !important;
}
.fr {
float: right !important;
}
.dib {
display: inline-block !important;
}
.tac {
text-align: center !important;
}
@media (max-width: 767px) {
.dashboard-wrapper .section-header {
padding: 20px 0px 0px 10px;
}
}
.dashboard-wrapper .section-header:before {
margin-right: 20px;
margin-top: -3px;
background: url(../images/fpl_sprite.png);
content: "";
float: left;
width: 40px;
height: 32px;
background-position: 0 -2900px;
}
@media (max-width: 767px) {
.dashboard-wrapper .section-header:before {
margin-right: 10px;
background: url(../images/fpl_sprite.png);
content: "";
float: left;
width: 26px;
height: 18px;
background-position: -200px -2900px;
margin-top: 0;
}
}
@media (max-width: 767px) {
.energy-usage {
margin-top: -50px;
}
.tab-bill-compare {
margin-top: 30px;
}
.section-header-with-link {
margin: 0 -16px;
}
.section-header-with-link a {
display: block;
width: 100%;
padding: 16px 16px;
border-width: 1px 0 1px 0;
border-color: #cccccc;
border-style: solid;
margin: 20px 0 0;
text-align: left;
}
.section-header-with-link a i.fa {
float: right;
padding-top: 5px;
font-size: 12px;
}
}
@media print {
.energy-usage {
page-break-inside: avoid;
}
}
.eu-carousel {
text-align: center;
padding-top: 10px;
}
.eu-carousel a {
background-color: #ffffff;
border: 3px solid #0096db;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
text-indent: -9999px;
display: block;
width: 14px;
height: 14px;
margin: 0 5px 0px 0px;
outline: 0;
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
}
.eu-carousel a.active {
background-color: #0096db;
border: 0px;
}
.monthly-usage {
width: 100%;
border: 1px solid #d9d9d9;
}
.monthly-usage .usage-heading {
font-size: 15px;
font-weight: bold;
padding-top: 10px;
}
.monthly-usage .masthead-carousel {
margin-top: 10px !important;
background-color: #ffffff;
}
.monthly-usage .bx-viewport {
min-height: 215px !important;
}
.monthly-usage .bx-wrapper {
min-height: 250px !important;
}
@media (max-width: 767px) and (orientation: landscape) {
.monthly-usage {
margin-top: -60px;
}
}
.tab-bill-compare {
padding: 0;
border: 1px solid #d9d9d9;
width: 100%;
}
.tab-bill-compare .bill-compare {
padding: 10px 15px 10px;
width: 100%;
text-align: center;
}
.tab-bill-compare .header-table {
width: 100%;
margin-bottom: 8px;
}
.tab-bill-compare .header-table .bill-header td {
font-size: 15px;
font-weight: bold;
padding-bottom: 5px;
text-align: left;
}
.tab-bill-compare .header-table .bill-percent td {
text-align: center;
font-size: 21px;
background: url('../images/blue-bubble.png') no-repeat 50% 0;
height: 57px;
padding-bottom: 5px;
color: #ffffff;
}
.tab-bill-compare .header-table .bill-msg td {
text-align: center;
font-size: 13px;
font-weight: bold;
}
.tab-bill-compare .bill-table {
width: 100%;
font-size: 13px;
}
.tab-bill-compare .bill-table .bill-header {
background-color: #0c2739;
color: #ffffff;
font-size: 12px;
}
.tab-bill-compare .bill-table td {
padding: 5px 4px;
}
.tab-bill-compare .bill-table .row-label {
font-weight: bold;
}
.tab-bill-compare .bill-table .month2,
.tab-bill-compare .bill-table .impact {
background-color: #f0f2f4;
}
.tab-bill-compare .bill-table .impact td,
.tab-bill-compare .bill-table .other .amount {
font-weight: bold;
}
.tab-bill-compare .bill-table .fa-caret-down,
.tab-bill-compare .bill-table .fa-caret-up {
font-size: 21px;
color: #0073a8;
vertical-align: top;
margin-top: -1px;
padding-left: 5px;
}
.tab-bill-compare .bill-table .diff-arrow {
position: relative;
left: 10px;
}
.tab-bill-compare .bill-table .other .row-label {
position: relative;
left: 15px;
}
.tab-bill-compare .bill-table .other .fpl-tooltip {
margin-left: 1px;
}
div.dialchart > span > svg {
background-color: transparent !important;
}
.dialchart {
position: relative !important;
}
.dialtooltip {
position: relative !important;
z-index: 99 !important;
top: -210px;
right: -485px;
}
@media (min-width: 320px) and (max-width: 359px) and (orientation: portrait) {
.dialtooltip {
right: 77px;
}
}
@media (min-width: 360px) and (max-width: 374px) and (orientation: portrait) {
.dialtooltip {
right: 101px;
}
}
@media (min-width: 375px) and (max-width: 411px) and (orientation: portrait) {
.dialtooltip {
right: 106px;
}
}
@media (min-width: 412px) and (max-width: 414px) and (orientation: portrait) {
.dialtooltip {
right: 125px;
}
}
@media (min-width: 415px) and (max-width: 767px) and (orientation: portrait) {
.dialtooltip {
right: 101px;
}
}
@media (max-width: 767px) and (orientation: portrait) {
.dialtooltip {
float: right;
top: -300px;
z-index: 10 !important;
}
}
@media (min-width: 568px) and (max-width: 639px) and (orientation: landscape) {
.dialtooltip {
left: 303px !important;
}
}
@media (min-width: 640px) and (max-width: 666px) and (orientation: landscape) {
.dialtooltip {
left: 315px !important;
}
}
@media (min-width: 667px) and (max-width: 731px) and (orientation: landscape) {
.dialtooltip {
left: 350px !important;
}
}
@media (min-width: 732px) and (max-width: 735px) and (orientation: landscape) {
.dialtooltip {
left: 370px !important;
}
}
@media (min-width: 736px) and (max-width: 766px) and (orientation: landscape) {
.dialtooltip {
left: 380px !important;
}
}
@media (min-width: 737px) and (max-width: 767px) and (orientation: landscape) {
.dialtooltip {
left: 40px !important;
}
}
@media (max-width: 767px) and (orientation: landscape) {
.dialtooltip {
z-index: 10 !important;
top: -300px !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
.dialtooltip {
left: 525px !important;
top: -210px !important;
}
}
@media only screen and (width: 1024px) and (orientation: portrait) {
.dialtooltip {
left: 471px !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.dialtooltip {
top: -210px !important;
left: 395px !important;
}
}
.daily_avg_tooltip {
position: relative !important;
z-index: 98 !important;
top: -240px;
right: -80px;
}
@media (min-width: 320px) and (max-width: 359px) and (orientation: portrait) {
.daily_avg_tooltip {
z-index: 10 !important;
left: 60px;
}
}
@media (min-width: 360px) and (max-width: 374px) and (orientation: portrait) {
.daily_avg_tooltip {
z-index: 10 !important;
left: 64px;
}
}
@media (min-width: 375px) and (max-width: 411px) and (orientation: portrait) {
.daily_avg_tooltip {
z-index: 10 !important;
left: 70px;
}
}
@media (min-width: 412px) and (max-width: 414px) and (orientation: portrait) {
.daily_avg_tooltip {
z-index: 10 !important;
left: 88px;
}
}
@media (min-width: 568px) and (max-width: 639px) and (orientation: landscape) {
.daily_avg_tooltip {
left: 63px !important;
}
}
@media (min-width: 640px) and (max-width: 666px) and (orientation: landscape) {
.daily_avg_tooltip {
left: 74px !important;
}
}
@media (min-width: 667px) and (max-width: 731px) and (orientation: landscape) {
.daily_avg_tooltip {
left: 100px !important;
}
}
@media (min-width: 732px) and (max-width: 736px) and (orientation: landscape) {
.daily_avg_tooltip {
left: 90px !important;
}
}
@media (max-width: 767px) {
.daily_avg_tooltip {
top: 0px;
}
}
@media (min-width: 415px) and (max-width: 767px) and (orientation: portrait) {
.daily_avg_tooltip {
z-index: 10 !important;
right: 71px;
}
}
@media (min-width: 737px) and (max-width: 767px) and (orientation: landscape) {
.daily_avg_tooltip {
right: 150px !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) and (orientation: landscape) {
.daily_avg_tooltip {
right: -80px;
}
}
@media only screen and (width: 1024px) and (orientation: landscape) {
.daily_avg_tooltip {
right: -55px;
}
}
.avg_temp_tooltip {
position: relative !important;
z-index: 100 !important;
top: 0px;
left: 50px;
}
@media (max-width: 767px) {
.avg_temp_tooltip {
top: 0px;
z-index: 10 !important;
}
}
@media (min-width: 320px) and (max-width: 359px) and (orientation: portrait) {
.avg_temp_tooltip {
left: 170px;
}
}
@media (min-width: 360px) and (max-width: 374px) and (orientation: portrait) {
.avg_temp_tooltip {
left: 205px;
}
}
@media (min-width: 375px) and (max-width: 411px) and (orientation: portrait) {
.avg_temp_tooltip {
left: 213px;
}
}
@media (min-width: 412px) and (max-width: 414px) and (orientation: portrait) {
.avg_temp_tooltip {
left: 231px;
}
}
@media (min-width: 568px) and (max-width: 639px) and (orientation: landscape) {
.avg_temp_tooltip {
left: 340px !important;
}
}
@media (min-width: 640px) and (max-width: 666px) and (orientation: landscape) {
.avg_temp_tooltip {
left: 398px !important;
}
}
@media (min-width: 667px) and (max-width: 731px) and (orientation: landscape) {
.avg_temp_tooltip {
left: 409px !important;
}
}
@media (min-width: 732px) and (max-width: 735px) and (orientation: landscape) {
.avg_temp_tooltip {
left: 459px !important;
}
}
@media (min-width: 736px) and (max-width: 766px) and (orientation: landscape) {
.avg_temp_tooltip {
left: 482px !important;
}
}
@media (max-width: 767px) and (orientation: landscape) {
.avg_temp_tooltip {
left: 140px;
}
}
@media (min-width: 768px) and (max-width: 1023px) and (orientation: landscape) {
.avg_temp_tooltip {
left: 30px;
}
}
@media only screen and (width: 1024px) and (orientation: landscape) {
.avg_temp_tooltip {
left: 25px;
}
}
.dailyAvgGraphNode span {
pointer-events: none !important;
cursor: default !important;
}
@media (max-width: 767px) {
.dailyAvgGraphNode {
z-index: 9;
}
.dailyAvgGraphNode svg {
z-index: 9 !important;
}
}
@media (min-width: 320px) and (max-width: 359px) and (orientation: portrait) {
.dailyAvgGraphNode span {
margin-left: -18px !important;
}
}
@media (min-width: 360px) and (max-width: 374px) and (orientation: portrait) {
.dailyAvgGraphNode span {
margin-left: -11px !important;
}
}
@media (min-width: 375px) and (max-width: 411px) and (orientation: portrait) {
.dailyAvgGraphNode span {
margin-left: -7px !important;
}
}
@media (min-width: 412px) and (max-width: 767px) and (orientation: portrait) {
.dailyAvgGraphNode span {
margin-left: 11px !important;
}
}
@media (min-width: 568px) and (max-width: 639px) and (orientation: landscape) {
.dailyAvgGraphNode span {
margin-left: 20px !important;
}
}
@media only screen and (width: 640px) and (orientation: landscape) {
.dailyAvgGraphNode span {
margin-left: 30px !important;
}
}
@media (min-width: 667px) and (max-width: 731px) and (orientation: landscape) {
.dailyAvgGraphNode span {
margin-left: 57px !important;
}
}
@media only screen and (width: 732px) and (orientation: landscape) {
.dailyAvgGraphNode span {
margin-left: 47px !important;
}
}
@media only screen and (width: 736px) and (orientation: landscape) {
.dailyAvgGraphNode span {
margin-left: 52px !important;
}
}
@media only screen and (width: 1024px) {
.dailyAvgGraphNode span {
margin-left: -20px !important;
}
}
.avgTempGraphNode span {
pointer-events: none !important;
cursor: default !important;
}
@media (max-width: 767px) {
.avgTempGraphNode {
margin-top: 0 ! important;
z-index: 10;
}
.avgTempGraphNode span {
margin-top: 0 ! important;
}
.avgTempGraphNode span svg {
z-index: 10 !important;
}
}
@media (min-width: 320px) and (max-width: 359px) and (orientation: portrait) {
.avgTempGraphNode span {
margin-left: -15px !important;
}
}
@media (min-width: 568px) and (max-width: 639px) and (orientation: landscape) {
.avgTempGraphNode span {
margin-left: 63px !important;
}
}
@media only screen and (width: 640px) and (orientation: landscape) {
.avgTempGraphNode span {
margin-left: 85px !important;
}
}
@media only screen and (width: 732px) and (orientation: landscape) {
.avgTempGraphNode span {
margin-left: 100px !important;
}
}
@media only screen and (width: 736px) and (orientation: landscape) {
.avgTempGraphNode span {
margin-left: 120px !important;
}
}
@media (min-width: 667px) and (max-width: 731px) and (orientation: landscape) {
.avgTempGraphNode span {
margin-left: 83px !important;
}
}
@media only screen and (width: 1024px) {
.avgTempGraphNode span {
margin-left: -20px !important;
}
}
@media (min-width: 320px) and (max-width: 359px) and (orientation: portrait) {
.projectedBillgraphNode span {
margin-left: -14px !important;
}
}
@media (min-width: 360px) and (max-width: 374px) and (orientation: portrait) {
.projectedBillgraphNode span {
margin-left: 3px !important;
}
}
@media (min-width: 375px) and (max-width: 411px) and (orientation: portrait) {
.projectedBillgraphNode span {
margin-left: 11px !important;
}
}
@media (min-width: 412px) and (max-width: 767px) and (orientation: portrait) {
.projectedBillgraphNode span {
margin-left: 27px !important;
}
}
@media (min-width: 568px) and (max-width: 639px) and (orientation: landscape) {
.projectedBillgraphNode span {
margin-left: 20% !important;
}
}
@media only screen and (width: 640px) and (orientation: landscape) {
.projectedBillgraphNode span {
margin-left: 20% !important;
}
}
@media only screen and (width: 732px) and (orientation: landscape) {
.projectedBillgraphNode span {
margin-left: 25% !important;
}
}
@media only screen and (width: 736px) and (orientation: landscape) {
.projectedBillgraphNode span {
margin-left: 26.5% !important;
}
}
@media (min-width: 667px) and (max-width: 731px) and (orientation: landscape) {
.projectedBillgraphNode span {
margin-left: 24.5% !important;
}
}
@media (min-width: 768px) and (orientation: portrait) {
.projectedBillgraphNode {
margin-top: 82px !important;
}
.projectedBillgraphNode span {
margin-left: -30px !important;
}
}
@media only screen and (width: 1024px) {
.projectedBillgraphNode {
z-index: 99;
margin-top: 82px !important;
}
.projectedBillgraphNode span {
margin-left: -65px !important;
}
}
@media (min-width: 1280px) {
.projectedBillgraphNode span {
margin-left: -30px !important;
}
}
.dailyAverage-dial-wrapper .serverError {
margin: 20px 0 40px;
}
.dailyAverage-dial-wrapper .dailyAverage-dial-inner h3 {
font-family: Arial;
font-size: 15px;
font-weight: bold;
color: #666666;
margin: 20px 20px 0;
}
@media (min-width: 768px) {
.dailyAverage-dial-wrapper {
border: 1px solid #d9d9d9;
margin-bottom: 30px;
}
.dailyAverage-dial-wrapper .serverError {
margin: 0;
}
}
@media (max-width: 767px) and (orientation: portrait) {
.dailyAverage-dial-wrapper {
margin-bottom: 50px;
}
}
@media (max-width: 767px) and (orientation: landscape) {
.dailyAverage-dial-wrapper {
margin-bottom: 120px;
}
}
@media (min-width: 1024px) {
.dailyAverage-dial-wrapper {
margin-bottom: 10px;
}
.dailyAverage-dial-wrapper .dailyAverage-dial {
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.dailyAverage-dial-wrapper .dailyAverage-dial {
padding-bottom: 50px;
padding-left: 20px;
min-height: 465px;
}
}
@media (min-width: 768px) {
.monthly-usage {
width: 49%;
min-height: 319px;
}
.tab-bill-compare {
width: 49%;
margin-left: 2%;
min-height: 319px;
}
.usage-wrapper {
margin-bottom: 25px;
}
.projectedBillgraphNode {
margin-top: 40px;
float: right !important;
}
.dailyAvgGraphNode {
float: left;
margin-top: 25px;
}
.avgTempGraphNode {
float: right;
margin-top: 40px !important;
}
}
.welcome-edit-link {
padding-left: 0;
text-align: right;
}
.welcome-edit-link a {
color: #ffffff !important;
}
@media (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
.welcome-edit-link {
line-height: 36px !important;
}
}
@media (min-width: 1024px) {
.welcome-edit-link {
line-height: 55px !important;
}
}
.mobile-padding-0 {
padding: 0;
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.sub-div1 {
float: right;
}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.sub-div1 {
float: right;
}
}
@media (min-width: 1024px) {
.sub-div1 {
float: right;
}
}
.sub-div2 {
display: inline-block;
}
.section-blocks {
list-style-type: none;
margin-left: -15px;
margin-right: -15px;
padding: 0;
}
.section-blocks:before,
.section-blocks:after {
content: " ";
display: table;
}
.section-blocks:after {
clear: both;
}
.section-blocks:before,
.section-blocks:after {
content: " ";
display: table;
}
.section-blocks:after {
clear: both;
}
.section-blocks > li {
float: left;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 50px;
vertical-align: top;
width: 33.3%;
}
.section-block {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.36);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.36);
border: 1px solid #e5e5e5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
height: 450px;
position: relative;
text-align: center;
}
.section-block img {
-webkit-border-top-left-radius: 5px;
-moz-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-top-right-radius: 5px;
border-top-right-radius: 5px;
width: 100%;
}
.section-block .section-block-info {
margin-left: 20px;
margin-right: 20px;
text-align: left;
}
.section-block .section-block-info p {
font-size: 16px;
line-height: 30px;
}
.section-block .section-block-learn {
bottom: 35px;
margin: 0;
text-align: center;
position: absolute;
width: 100%;
}
.section-block .section-block-learn a {
font-family: Arial;
font-weight: normal;
font-style: normal;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #0073a8;
color: #ffffff;
display: inline-block;
font-size: 16px;
font-weight: bold;
letter-spacing: 2px;
padding: 8px 25px 8px;
text-transform: uppercase;
}
.section-block .section-block-learn a:hover {
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
background-image: -webkit-linear-gradient(top, #0073a8 0%, #1684ba 100%);
background-image: linear-gradient(to bottom, #0073a8 0%, #1684ba 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0073a8', endColorstr='#ff1684ba', GradientType=0);
text-decoration: none;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.section-block .section-block-learn a:active {
-webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3);
background-image: -webkit-linear-gradient(top, #1684ba 0%, #0073a8 100%);
background-image: linear-gradient(to bottom, #1684ba 0%, #0073a8 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1684ba', endColorstr='#ff0073a8', GradientType=0);
}
.section-block .section-block-learn a .fa {
display: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
.section-blocks {
margin-left: -9px;
margin-right: -9px;
margin-top: 10px;
}
.section-blocks > li {
padding-left: 9px;
padding-right: 9px;
}
.section-block {
height: 400px;
}
.section-block .section-block-info {
margin-left: 10px;
margin-right: 10px;
}
.section-block .section-block-info p {
line-height: 24px;
max-height: 120px;
overflow: hidden;
}
}
@media (max-width: 767px) {
.section-blocks {
margin-top: 10px;
margin-left: -16px;
margin-right: -16px;
}
.section-blocks > li {
float: none;
margin-bottom: 0;
padding: 0;
width: 100%;
}
.section-block {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: 0;
height: auto;
margin-bottom: 35px;
}
.section-block a img {
margin: 0;
padding-left: 16px;
padding-right: 16px;
}
.section-block .section-block-info p {
font-size: 16px;
line-height: 20px;
margin-bottom: 10px;
margin-top: 5px;
}
.section-block .section-block-learn {
bottom: 0;
padding-left: 0;
padding-right: 0;
position: relative;
}
.section-block .section-block-learn a {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
background: none;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
color: #0073a8;
display: block;
padding-left: 16px;
padding-right: 16px;
padding-bottom: 15px;
padding-top: 15px;
letter-spacing: normal;
text-align: left;
text-transform: none;
font-weight: normal;
}
.section-block .section-block-learn a:before,
.section-block .section-block-learn a:after {
content: " ";
display: table;
}
.section-block .section-block-learn a:after {
clear: both;
}
.section-block .section-block-learn a:before,
.section-block .section-block-learn a:after {
content: " ";
display: table;
}
.section-block .section-block-learn a:after {
clear: both;
}
.section-block .section-block-learn a:hover,
.section-block .section-block-learn a:active {
-webkit-box-shadow: none;
box-shadow: none;
background: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.section-block .section-block-learn a .fa {
display: block;
float: right;
font-weight: bold;
margin-top: 4px;
padding-right: 5px;
}
}
.landing-page {
margin-bottom: 0;
}
@media (max-width: 1280px) {
.landing-page {
padding-top: 0;
}
}
@media (max-width: 1023px) {
.landing-page {
margin-bottom: 0;
}
}
@media (max-width: 767px) {
.landing-page {
margin-bottom: 0;
}
}
.landing-page .landing-banner {
color: #ffffff;
position: relative;
width: 100%;
text-align: center;
padding-top: 30px;
height: 360px;
background: url('../images/carousel-bg.jpg');
background-size: 100% 100%;
}
.landing-page .landing-banner p {
font-family: Arial;
font-weight: normal;
font-size: 18px;
width: 70%;
max-width: 550px;
margin: 0 auto;
font-size: 24px;
}
@media (max-width: 1023px) {
.landing-page .landing-banner p {
font-size: 18px;
}
}
@media (max-width: 767px) {
.landing-page .landing-banner p {
font-size: 16px;
}
}
.landing-page .landing-banner .btn {
color: #0073a8;
margin: 15px auto;
background: #ffffff;
margin-top: 30px;
width: 208px;
}
@media (max-width: 1023px) {
.landing-page .landing-banner .btn {
width: 270px;
}
}
@media (max-width: 767px) {
.landing-page .landing-banner .btn {
margin-top: 10px;
width: 90%;
height: 48px;
line-height: 2px;
font-size: 16px;
letter-spacing: 3px;
}
}
.landing-page .landing-banner img {
width: 70%;
max-width: 860px;
max-height: 15px;
margin: 8px auto 12px;
}
@media (max-width: 1023px) {
.landing-page .landing-banner img {
width: 80%;
}
}
@media (max-width: 767px) {
.landing-page .landing-banner img {
width: 90%;
}
}
@media (max-width: 1023px) {
.landing-page .landing-banner {
height: 310px;
padding-top: 30px;
}
}
@media (max-width: 767px) {
.landing-page .landing-banner {
padding-top: 20px;
height: 310px;
background: url('../images/carousel-bg.jpg') center;
background-size: normal;
}
}
.landing-page .landing-section {
margin-top: 40px;
padding-bottom: 10px;
}
.landing-page .landing-section:first-child {
margin-top: 0;
}
.landing-page .landing-section .fpl-links-list {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 1023px) {
.landing-page .landing-section .fpl-links-list {
text-align: left;
}
}
.landing-page .landing-section .fpl-links-list h4 a {
font-size: 26px;
font-family: Arial;
font-weight: bold;
font-style: normal;
}
.landing-page .landing-section .fpl-links-list ul li {
margin-bottom: 0;
padding: 5px 0;
}
.landing-page .landing-section .fpl-links-list ul li.see-more {
display: none;
}
.landing-page .landing-section .fpl-links-list ul li a {
font-size: 14px;
}
.landing-page .landing-section p {
font-size: 14px;
}
@media (max-width: 767px) {
.landing-page .landing-section {
padding: 0 20px;
margin-top: 30px;
}
.landing-page .landing-section .fpl-links-list p {
padding-left: 16px;
}
.landing-page .landing-section .fpl-links-list ul li {
margin: 0;
}
.landing-page .landing-section .fpl-links-list ul li.mobile-hidden {
display: none;
}
.landing-page .landing-section .fpl-links-list ul li.see-more {
border: 0;
height: auto;
display: block;
padding: 0 16px;
}
.landing-page .landing-section .fpl-links-list ul li.see-more .btn {
margin: 36px 0;
line-height: normal;
height: auto;
padding: 18px 0;
}
.landing-page .landing-section .fpl-links-list ul li a {
font-size: 16px;
}
}
.complex-landing-page {
margin-bottom: 0;
}
@media (max-width: 1280px) {
.complex-landing-page {
padding-top: 0;
}
}
@media (max-width: 1023px) {
.complex-landing-page {
margin-bottom: 0;
}
}
@media (max-width: 767px) {
.complex-landing-page {
margin-bottom: 0;
}
}
.complex-landing-page .fpl-alert-banner {
position: relative;
top: 0;
height: auto;
padding: 24px 16px;
overflow: hidden;
}
@media (max-width: 767px) {
.complex-landing-page .fpl-alert-banner {
padding: 16px;
}
.complex-landing-page .fpl-alert-banner p {
width: 95%;
}
}
.complex-landing-page .fpl-alert-banner .close-x {
display: none;
}
.complex-landing-page .fpl-alert-banner p {
margin-top: 0;
padding-top: 0;
}
.complex-landing-page .fpl-alert-banner .alert-icon {
height: 30px;
}
.complex-landing-page .complex-splash-banner {
position: relative;
width: 100%;
}
.complex-landing-page .complex-landing-banner {
position: relative;
width: 100%;
text-align: center;
padding-top: 20px;
background-color: #eff2f4;
}
@media (max-width: 767px) {
.complex-landing-page .complex-landing-banner {
padding-top: 10px;
}
}
.complex-landing-page .complex-landing-banner .fpl-form-field {
padding: 0 0 40px;
height: 80px;
}
@media (max-width: 767px) {
.complex-landing-page .complex-landing-banner .fpl-form-field {
height: auto;
}
}
.complex-landing-page .complex-landing-banner .fpl-form-field .fpl-customized-option {
width: 490px;
height: 54px;
display: inline-block;
vertical-align: middle;
}
.complex-landing-page .complex-landing-banner .fpl-form-field .fpl-customized-option .fpl-dropdown-field {
z-index: 500;
}
.complex-landing-page .complex-landing-banner .fpl-form-field .fpl-customized-option .fpl-dropdown {
height: 48px;
margin-top: 2px;
font-size: 20px;
padding: 0;
}
.complex-landing-page .complex-landing-banner .fpl-form-field .fpl-customized-option .fpl-dropdown .dropdown-select {
visibility: hidden;
}
.complex-landing-page .complex-landing-banner .fpl-form-field .fpl-customized-option .fpl-dropdown .selected-item-text {
height: 40px;
overflow: hidden;
}
.complex-landing-page .complex-landing-banner .fpl-form-field .fpl-customized-option .fpl-dropdown .selected-item-arrow {
top: 5px;
}
.complex-landing-page .complex-landing-banner .fpl-form-field .fpl-customized-option .fpl-dropdown.dropdown-open {
height: auto;
}
.complex-landing-page .complex-landing-banner .fpl-form-field .fpl-customized-option .fpl-dropdown.dropdown-open .selected-item-text {
height: auto;
overflow: visible;
}
.complex-landing-page .complex-landing-banner .fpl-form-field .fpl-customized-option .fpl-dropdown.dropdown-open .dropdown-list {
max-height: 240px;
}
@media (max-width: 1023px) {
.complex-landing-page .complex-landing-banner .fpl-form-field .fpl-customized-option {
width: 480px;
}
}
@media (max-width: 767px) {
.complex-landing-page .complex-landing-banner .fpl-form-field .fpl-customized-option {
width: 90%;
}
}
.complex-landing-page .complex-landing-banner .fpl-form-field .fpl-customized-option .selected-item-arrow {
background-color: #0073a8;
}
.complex-landing-page .complex-landing-banner .fpl-form-field .go-btn {
display: inline-block;
margin-left: 24px;
vertical-align: middle;
}
@media (max-width: 767px) {
.complex-landing-page .complex-landing-banner .fpl-form-field .go-btn {
margin-left: 0;
}
}
.complex-landing-page .complex-landing-banner .fpl-form-field .go-btn .btn {
width: 133px;
height: 48px;
}
@media (max-width: 767px) {
.complex-landing-page .complex-landing-banner .fpl-form-field .go-btn .btn {
width: 290px;
margin-top: 25px;
}
}
.complex-landing-page .report-outage-section {
width: 100%;
height: 120px;
color: #ffffff;
background: #0073a8;
}
@media (max-width: 1023px) {
.complex-landing-page .report-outage-section {
height: 195px;
}
}
@media (max-width: 767px) {
.complex-landing-page .report-outage-section {
height: 295px;
}
}
.complex-landing-page .report-outage-section .outage-text {
text-align: center;
width: 40%;
height: 100%;
float: left;
}
@media (max-width: 1023px) {
.complex-landing-page .report-outage-section .outage-text {
width: 50%;
}
}
@media (max-width: 767px) {
.complex-landing-page .report-outage-section .outage-text {
width: 100%;
text-align: left;
padding-left: 15px;
height: 30%;
}
}
.complex-landing-page .report-outage-section .outage-text p {
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 18px;
padding-left: 10px;
}
@media (max-width: 767px) {
.complex-landing-page .report-outage-section .outage-text p {
padding-left: 0;
}
}
.complex-landing-page .report-outage-section .outage-buttons {
width: 60%;
height: 100%;
float: left;
}
@media (max-width: 1023px) {
.complex-landing-page .report-outage-section .outage-buttons {
width: 50%;
}
}
@media (max-width: 767px) {
.complex-landing-page .report-outage-section .outage-buttons {
width: 100%;
height: 70%;
}
}
.complex-landing-page .report-outage-section .outage-buttons .button-div {
width: 280px;
margin-right: 35px;
height: 100%;
float: left;
padding-top: 37px;
}
@media (max-width: 1023px) {
.complex-landing-page .report-outage-section .outage-buttons .button-div {
float: none;
height: 40%;
}
}
@media (max-width: 767px) {
.complex-landing-page .report-outage-section .outage-buttons .button-div {
width: 90%;
height: 45%;
margin: 0 auto;
padding-top: 25px;
}
}
.complex-landing-page .report-outage-section .outage-buttons .button-div .btn {
width: 100%;
line-height: 100%;
font-family: Arial;
font-weight: normal;
font-style: normal;
border: 1px solid #ffffff;
}
@media (max-width: 767px) {
.complex-landing-page .report-outage-section .outage-buttons .button-div .btn {
line-height: 80%;
}
}
.complex-landing-page .map-block {
float: left;
background: #f0f2f4;
padding: 20px;
text-align: left;
width: 100%;
}
.complex-landing-page .map-block p {
font-size: 16px;
}
@media (max-width: 767px) {
.complex-landing-page .map-block {
float: none;
width: 100%;
background: none;
padding: 0;
margin-top: 30px;
}
.complex-landing-page .map-block p {
font-size: 15px;
}
}
.complex-landing-page .map-block .normal-image {
width: 100%;
display: block;
margin: 0 auto;
}
@media (max-width: 767px) {
.complex-landing-page .map-block .normal-image {
display: none;
}
}
.complex-landing-page .map-block .mobile-image {
display: none;
}
@media (max-width: 767px) {
.complex-landing-page .map-block .mobile-image {
width: 90%;
display: block;
margin: 0 auto;
}
}
.complex-landing-page .map-block > .image-set img {
display: block;
margin: 0 auto;
width: 90%;
}
.complex-landing-page .map-block a {
margin-bottom: 0;
}
.complex-landing-page .row-divider {
margin: 0 auto;
width: 100%;
max-width: 1010px;
}
@media (max-width: 1023px) {
.complex-landing-page .row-divider {
width: 95%;
}
}
.complex-landing-page .video-section {
height: 300px;
margin: 65px auto;
max-width: 1010px;
}
@media (max-width: 1023px) {
.complex-landing-page .video-section {
margin: 65px 30px;
}
}
@media (max-width: 767px) {
.complex-landing-page .video-section {
margin: 20px 0;
height: auto;
}
}
.complex-landing-page .video-section .title-section {
width: 100%;
height: 50px;
padding-left: 30px;
}
.complex-landing-page .video-section .title-section img {
position: relative;
width: 36px;
height: 30px;
float: left;
top: -3px;
}
@media (max-width: 767px) {
.complex-landing-page .video-section .title-section {
padding-left: 10px;
}
}
.complex-landing-page .video-section .video-carousel {
width: 100%;
height: 250px;
overflow: hidden;
}
@media (max-width: 767px) {
.complex-landing-page .video-section .video-carousel {
height: auto;
}
}
.complex-landing-page .video-section .video-carousel .carousel-slides {
width: 200%;
height: 100%;
}
@media (max-width: 767px) {
.complex-landing-page .video-section .video-carousel .carousel-slides {
width: 100%;
}
}
.complex-landing-page .video-section .video-carousel .slide {
float: left;
margin-right: 30px;
}
@media (max-width: 767px) {
.complex-landing-page .video-section .video-carousel .slide {
float: none;
margin: 0;
display: none;
}
.complex-landing-page .video-section .video-carousel .slide.active {
display: block;
}
}
.complex-landing-page .video-section .video-carousel .slide .video img.normal {
display: block;
}
@media (max-width: 767px) {
.complex-landing-page .video-section .video-carousel .slide .video img.normal {
display: none;
}
}
.complex-landing-page .video-section .video-carousel .slide .video img.mobile {
display: none;
}
@media (max-width: 767px) {
.complex-landing-page .video-section .video-carousel .slide .video img.mobile {
display: block;
width: 100%;
margin: 0 auto;
}
}
.complex-landing-page .video-section .video-carousel .slide .video-title {
margin-top: 13px;
margin-bottom: 10px;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 16px;
color: #0073a8;
}
@media (max-width: 767px) {
.complex-landing-page .video-section .video-carousel .slide .video-title {
width: 100%;
padding-left: 30px;
padding-top: 20px;
margin: 0;
background: #f0f2f4;
}
}
.complex-landing-page .video-section .video-carousel .slide .video-source {
margin: 0;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
@media (max-width: 767px) {
.complex-landing-page .video-section .video-carousel .slide .video-source {
width: 100%;
padding-left: 30px;
padding-bottom: 35px;
margin: 0;
background: #f0f2f4;
}
}
.article {
margin: 35px auto 0;
max-width: 1280px;
}
.article .learn-more-text {
margin: 0;
}
.article .learn-more-link .fa {
font-weight: bold;
font-size: 10px;
margin-left: 5px;
}
.article .learn-more-link a {
font-weight: bold;
}
.article p,
.article li div {
font-size: 16px;
line-height: 30px;
margin-bottom: 10px;
}
.article .article-meter-instructions {
padding-left: 30px;
}
.article .article-meter-instructions img {
margin-bottom: 20px;
}
.article .article-meter-instructions ol {
font-family: Arial;
font-weight: bold;
font-style: normal;
color: #666666;
}
.article .article-meter-instructions ol li ul {
list-style-type: disc;
}
.article .article-meter-instructions ol li p {
font-family: Arial;
font-weight: normal;
font-style: normal;
}
@media (min-width: 768px) and (max-width: 1023px) {
.article .article-meter-instructions {
padding-left: 0;
}
}
@media (max-width: 767px) {
.article {
margin-top: 25px;
}
.article .row-divider.hidden-xs {
border-top: 1px solid #cccccc;
display: block !important;
margin-left: -16px;
margin-right: -16px;
margin-bottom: 0px;
}
.article .row-divider.hidden-xs .line,
.article .row-divider.hidden-xs .mid {
visibility: hidden;
}
.article .article-meter-instructions {
padding-left: 0;
}
.article .article-meter-instructions img {
max-width: 100%;
width: 100%;
}
}
.article.editorial .highlight {
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 40px;
margin-bottom: 40px;
margin-left: -90px;
margin-top: 40px;
line-height: 40px;
position: relative;
}
.article.editorial .highlight i {
background: url('../images/fpl_title_sprite.png') 0 -452px no-repeat;
display: block;
height: 38px;
left: 0;
position: absolute;
top: 0;
width: 38px;
}
.article.editorial .highlight .icon-highlight {
display: block;
height: 38px;
left: 0;
position: absolute;
top: 0;
width: 38px;
}
.article.editorial .highlight span {
display: inline-block;
padding-left: 55px;
}
.article.editorial .article-editorial-left,
.article.editorial .article-editorial-right {
display: inline-block;
vertical-align: top;
}
.article.editorial .article-editorial-left {
margin-right: 70px;
width: 60%;
}
.article.editorial .article-editorial-right {
margin-bottom: 20px;
}
.article.editorial .article-sidebar {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
background: #f0f2f4;
padding: 20px;
}
.article.editorial .article-sidebar .fpl-media-player-thumb {
margin: 20px 0;
}
.article.editorial .article-sidebar .fpl-media-player-thumb .player-thumb-content {
height: 50%;
}
.article.editorial .article-sidebar .fpl-media-player-thumb .player-thumb-content .player-icon {
margin: auto;
height: 64px;
width: 64px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.article.editorial .article-sidebar .fpl-media-player-thumb .player-thumb-content .player-icon {
height: 64px;
margin: auto;
width: 64px;
}
}
@media (max-width: 767px) {
.article.editorial .article-sidebar .fpl-media-player-thumb .player-thumb-content .player-icon {
height: 64px;
margin: auto;
width: 64px;
}
}
.article.editorial .article-sidebar .article-sidebar-section p {
color: #636363;
}
.article.editorial .article-sidebar .row-divider .line {
background: none;
border-top: 1px solid #cccccc;
}
.article.editorial .article-sidebar .row-divider .mid {
display: none;
}
.article.editorial ul li a .fa {
font-size: 7px;
}
@media (max-width: 1023px) {
.article.editorial .highlight {
line-height: 45px;
margin-left: 0;
}
.article.editorial .highlight i,
.article.editorial .highlight .icon-highlight {
display: inline-block;
margin-right: 15px;
position: relative;
}
.article.editorial .highlight span {
display: inline;
padding-left: 0;
}
.article.editorial .article-editorial-left {
display: block;
margin-left: 0;
margin-right: 0;
width: 100%;
}
.article.editorial .article-editorial-right {
display: block;
}
.article.editorial .article-sidebar {
margin: 40px 0 20px;
}
.article.editorial .article-sidebar .row-divider {
margin-left: 0px;
margin-right: 0px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.article .row-divider {
margin: 15px 0;
}
.article.editorial .highlight {
margin: 30px 0;
}
.article.editorial .article-sidebar {
margin: 25px 0;
}
}
#articleEditorialModal {
width: 100%;
}
#articleEditorialModal img {
display: block;
margin: 0 auto;
height: 100%;
width: 100%;
padding: 30px 0;
}
#articleEditorialModal .paperless-billing-content-close .btn.close-x {
padding: 14px;
position: absolute;
right: 20px;
top: 20px;
background-color: gray;
width: 0px;
height: 0px;
}
#articleEditorialModal .paperless-billing-content-close .btn.close-x p {
line-height: 24px;
position: absolute;
top: 2px;
right: 7px;
color: #ffffff;
}
#articleEditorialModal .paperless-billing-content-close .btn.close-x label {
line-height: 24px;
position: absolute;
top: 2px;
right: 7px;
color: #ffffff;
}
@media (max-width: 767px) {
#articleEditorialModal .paperless-billing-content-close .btn.close-x {
display: none;
}
}
#articleEditorialModal .paperless-billing-content-close .btn.standard {
display: none;
}
@media (max-width: 767px) {
#articleEditorialModal .paperless-billing-content-close .btn.standard {
display: block;
margin: 0 auto;
margin-top: 15px;
}
}
.zoom-image .zoom-image-container {
-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
border: 1px solid #cccccc;
background: #ffffff;
display: inline-block;
margin-bottom: 30px;
}
.zoom-image .zoom-image-container:before,
.zoom-image .zoom-image-container:after {
content: " ";
display: table;
}
.zoom-image .zoom-image-container:after {
clear: both;
}
.zoom-image .zoom-image-container:before,
.zoom-image .zoom-image-container:after {
content: " ";
display: table;
}
.zoom-image .zoom-image-container:after {
clear: both;
}
.zoom-image .zoom-image-container a {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ffffff;
display: block;
float: left;
position: relative;
}
.zoom-image .zoom-image-container a img {
display: block;
float: left;
width: 100%;
}
.zoom-image .zoom-image-container a .zoom-image-button {
background: url('../images/article-zoom-image.png') 0 0 no-repeat;
bottom: 15px;
display: block;
height: 50px;
position: absolute;
right: 15px;
width: 50px;
}
.zoom-image .zoom-download-link:before,
.zoom-image .zoom-download-link:after {
content: " ";
display: table;
}
.zoom-image .zoom-download-link:after {
clear: both;
}
.zoom-image .zoom-download-link:before,
.zoom-image .zoom-download-link:after {
content: " ";
display: table;
}
.zoom-image .zoom-download-link:after {
clear: both;
}
.zoom-image .zoom-download-link a {
font-size: 16px;
text-decoration: none;
}
.zoom-image .zoom-download-link a .fa-file-text {
margin-right: 10px;
margin-top: -2px;
}
.zoom-image .zoom-download-link a .fa-angle-right {
font-size: 10px;
margin-left: 2px;
}
@media (max-width: 767px) {
.zoom-image .zoom-image-container {
margin-top: 20px;
}
}
.masthead-text {
background-color: #5fb0e7;
}
.masthead-text > .masthead-text {
padding: 29px 0;
}
@media (max-width: 1023px) {
.masthead-text.back-to-link > .masthead-text {
padding: 0 0 29px 0;
}
}
@media (max-width: 767px) {
.masthead-text.back-to-link > .masthead-text {
padding: 0;
}
}
.masthead-text .masthead-row-link {
color: #ffffff;
display: inline-block;
font-size: 16px;
font-weight: bold;
}
.masthead-text .masthead-row-link .fa {
font-size: 10px;
margin-left: 0;
font-weight: bold;
}
@media (min-width: 768px) and (max-width: 1023px) {
.masthead-text .masthead-row-link {
margin-bottom: 10px;
margin-top: 30px;
}
}
@media (max-width: 767px) {
.masthead-text .masthead-row-link {
font-family: Arial;
font-weight: normal;
font-style: normal;
background: #ffffff;
border-bottom: 1px solid #cccccc;
color: #0073a8;
display: block;
margin: 0;
margin-left: -16px;
margin-right: -16px;
padding: 15px 16px;
}
.masthead-text .masthead-row-link .fa {
font-size: 16px;
margin-right: 5px;
margin-top: -2px;
}
}
.fpl-template .masthead-image {
background-color: #5fb0e7;
height: 300px;
}
.fpl-template .masthead-image .masthead-image-row {
position: relative;
overflow-x: hidden;
}
.fpl-template .masthead-image .masthead-image-row .image-set {
width: 100%;
}
.fpl-template .masthead-image .masthead-image-row .image-set img {
width: auto;
position: relative;
}
@media (min-width: 768px) {
.fpl-template .masthead-image .masthead-image-row .image-set img {
left: 50%;
-ms-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}
.fpl-template .masthead-image .masthead-image-row .masthead-content {
position: absolute;
top: 0;
left: 0;
}
.fpl-template .masthead-image .masthead-image-row .masthead-content .masthead-row-link {
font-family: Arial;
font-weight: bold;
font-style: normal;
color: #ffffff;
display: inline-block;
font-size: 16px;
margin: 20px 0;
text-decoration: none;
padding-left: 0;
}
.fpl-template .masthead-image .masthead-image-row .masthead-content .masthead-row-link .fa {
font-size: 10px;
font-weight: bold;
}
.fpl-template .masthead-image .masthead-image-row .masthead-content p {
font-family: Arial;
font-weight: normal;
font-style: normal;
color: #ffffff;
font-size: 24px;
margin: 25px 0;
text-align: center;
padding: 0 48px;
}
.fpl-template .masthead-image .masthead-image-row .masthead-content .row-divider {
background: url('../images/row_divider_trans.png') 50% 0 no-repeat;
height: 14px;
margin: 0;
}
.fpl-template .masthead-image .masthead-image-row .masthead-content .row-divider .line,
.fpl-template .masthead-image .masthead-image-row .masthead-content .row-divider .mid {
display: none;
}
.fpl-template .masthead-image .button-div {
width: 208px;
margin: 0 auto;
margin-top: -10px;
background-color: transparent;
color: #ffffff;
}
@media (max-width: 1023px) {
.fpl-template .masthead-image .button-div {
width: 270px;
margin: 0 auto 0;
}
}
@media (max-width: 767px) {
.fpl-template .masthead-image .button-div {
margin-top: 10px;
width: 100%;
height: 48px;
line-height: 2px;
font-size: 16px;
letter-spacing: 3px;
}
}
.fpl-template .masthead-image .button-div .btn {
width: 100%;
line-height: 100%;
font-family: Arial;
font-weight: normal;
font-style: normal;
border: 1px solid #ffffff;
}
@media (max-width: 767px) {
.fpl-template .masthead-image .button-div .btn {
line-height: 80%;
padding: 21px 0;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.fpl-template .masthead-image {
height: 300px;
padding-top: 0;
}
.fpl-template .masthead-image .masthead-image-row .masthead-content {
height: 300px;
}
.fpl-template .masthead-image .masthead-image-row .masthead-content p {
font-size: 18px;
padding: 0 40px;
}
.fpl-template .masthead-image .masthead-image-row .masthead-content .masthead-row-link {
padding-left: 39px;
}
}
@media (min-width: 0) and (max-width: 767px) {
.fpl-template .masthead-image {
height: auto;
padding-top: 0;
}
.fpl-template .masthead-image .masthead-image-row .image-set img {
margin-top: 0;
display: none;
}
.fpl-template .masthead-image .masthead-image-row .masthead-content {
position: relative;
height: auto;
margin: 0 auto;
}
.fpl-template .masthead-image .masthead-image-row .masthead-content .masthead-row-link {
font-family: Arial;
font-weight: normal;
font-style: normal;
background: #ffffff;
border-top: 0;
border-bottom: 1px solid #cccccc;
color: #0073a8;
display: block;
margin-left: -16px;
margin-right: -16px;
margin-top: 0;
padding: 15px 10px;
}
.fpl-template .masthead-image .masthead-image-row .masthead-content .masthead-row-link .fa {
font-size: 15px;
margin-right: 5px;
margin-top: -5px;
}
.fpl-template .masthead-image .masthead-image-row .masthead-content h1 {
margin: 0;
padding-top: 10px;
}
.fpl-template .masthead-image .masthead-image-row .masthead-content p {
color: #ffffff;
text-align: center;
}
.fpl-template .masthead-image .masthead-image-row .masthead-content p {
font-size: 16px;
margin: 10px 0;
padding: 0;
line-height: 1.2;
}
.fpl-template .masthead-image .masthead-image-row .masthead-content .row-divider.hidden-xs {
display: block !important;
margin-top: 10px;
}
.fpl-template .masthead-image .masthead-image-row .masthead-content .button-div {
margin-bottom: 15px;
}
.fpl-template .masthead-image.back-to-link .masthead-content {
padding-top: 55px;
}
}
.ie8 .fpl-template .masthead-image .masthead-image-row .image-set img {
left: 0;
}
@media (max-width: 767px) {
.masthead-image.noimagexs {
background: none;
padding-top: 60px;
}
.masthead-image.noimagexs .masthead-image-row .masthead-row-link {
font-family: Arial;
font-weight: normal;
font-style: normal;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
color: #0073a8;
display: block;
margin-left: 0;
margin-right: 0;
margin-top: 20px;
padding: 15px 10px;
}
.masthead-image.noimagexs .masthead-image-row .masthead-row-link .fa {
font-size: 15px;
margin-right: 5px;
margin-top: -5px;
}
.masthead-image.noimagexs .masthead-image-row .col-xs-12 {
padding-left: 0;
padding-right: 0;
}
.masthead-image.noimagexs .masthead-image-row h1,
.masthead-image.noimagexs .masthead-image-row p {
padding: 0;
padding-left: 16px;
padding-right: 16px;
text-align: left;
}
.masthead-image.noimagexs .masthead-image-row p {
font-family: Arial;
font-weight: normal;
font-style: normal;
color: #636363;
font-size: 15px;
margin: 0;
}
.masthead-image.noimagexs .masthead-image-row .row-divider.hidden-xs {
margin-top: 0;
}
}
.masthead .masthead-link-white a {
color: #ffffff;
font-size: 14px;
}
.masthead .masthead-link-white a .fa-angle-left {
margin-left: 0;
margin-right: 4px;
margin-top: -3px;
}
.masthead.masthead-billing .print-only {
display: none;
}
.masthead.masthead-billing .head-banner-content {
background-image: none;
padding-bottom: 60px;
}
.masthead.masthead-billing .head-banner-content:before,
.masthead.masthead-billing .head-banner-content:after {
content: " ";
display: table;
}
.masthead.masthead-billing .head-banner-content:after {
clear: both;
}
.masthead.masthead-billing .head-banner-content:before,
.masthead.masthead-billing .head-banner-content:after {
content: " ";
display: table;
}
.masthead.masthead-billing .head-banner-content:after {
clear: both;
}
.masthead.masthead-billing .head-banner-content .acct-num {
font-weight: normal;
}
.masthead.masthead-billing .head-banner-content p {
float: left;
}
.masthead.masthead-billing .head-banner-content p.billing-pdf {
float: right;
font-size: 16px;
}
.masthead.masthead-billing .head-banner-content p.billing-pdf a {
color: #ffffff;
}
.masthead.masthead-billing .head-banner-content p.billing-pdf a .fa {
font-size: 10px;
}
@media (max-width: 767px) {
.masthead.masthead-billing {
padding-bottom: 30px;
}
.masthead.masthead-billing .head-banner-content {
padding-bottom: 20px;
padding-top: 20px;
}
.masthead.masthead-billing .head-banner-content h1,
.masthead.masthead-billing .head-banner-content p {
float: none;
text-align: center;
}
.masthead.masthead-billing .head-banner-content p.billing-pdf {
display: none;
}
}
@media print {
.masthead.masthead-billing .head-banner-content h1,
.masthead.masthead-billing .head-banner-content p {
display: none;
}
.masthead.masthead-billing .head-banner-content .print-only,
.masthead.masthead-billing .head-banner-content .print-only p {
display: block;
}
.masthead.masthead-billing .head-banner-content p {
float: none;
}
}
.service-information-masthead-text .masthead-text .masthead-text {
padding-bottom: 37px;
}
.service-information-masthead-text .masthead-text .masthead-text a {
font-weight: normal;
margin-top: 32px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.service-information-masthead-text .masthead-text .masthead-text a {
margin-top: 57px;
}
}
@media (max-width: 767px) {
.service-information-masthead-text .masthead-text .masthead-text {
padding-bottom: 52px;
}
.service-information-masthead-text .masthead-text .masthead-text a {
font-weight: bold;
margin-top: 0;
}
}
.service-information {
padding-bottom: 100px;
padding-top: 35px;
margin: 0 auto;
max-width: 1280px;
}
.service-information:before,
.service-information:after {
content: " ";
display: table;
}
.service-information:after {
clear: both;
}
.service-information:before,
.service-information:after {
content: " ";
display: table;
}
.service-information:after {
clear: both;
}
.service-information .fpl-link-list .fa,
.service-information .fpl-info-list .fa {
font-size: auto;
}
.service-information .service-info-content p {
line-height: 30px;
margin-top: 10px;
}
.service-information .service-info-content p,
.service-information .service-info-content a {
font-size: 16px;
}
.service-information img {
max-width: 100%;
}
.service-information .btn {
display: inline-block;
margin: 15px 0;
padding-left: 35px;
padding-right: 35px;
width: auto;
}
.service-information .image-with-caption .caption {
text-align: center;
}
.service-information .sidebar {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
padding: 16px;
}
.service-information .sidebar .row-divider {
margin-top: 40px;
}
.service-information .sidebar .row-divider .line {
border-top: 1px solid #d9d9d9;
background: none;
}
.service-information .sidebar .row-divider .mid {
display: none;
}
.service-information .service-sidebar .fpl-media-player-thumb {
margin: 0 0 20px 0;
}
.service-information .service-sidebar .fpl-media-player-thumb .player-thumb-content .player-icon {
margin-top: 40px;
}
.service-information .service-sidebar .fpl-links-list hr {
margin: 10px 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
.service-information {
padding-bottom: 40px;
padding-top: 50px;
}
.service-information h1 {
display: none;
}
.service-information img {
display: block;
margin-left: auto;
margin-right: auto;
}
.service-information .service-sidebar.tablet {
background-color: #f0f2f4;
padding: 0;
margin-top: 40px;
}
.service-information .service-sidebar.tablet h4 {
border: 0;
font-size: 24px;
margin: 0;
padding: 20px 0;
position: relative;
text-align: center;
cursor: pointer;
}
.service-information .service-sidebar.tablet h4:before,
.service-information .service-sidebar.tablet h4:after {
content: " ";
display: table;
}
.service-information .service-sidebar.tablet h4:after {
clear: both;
}
.service-information .service-sidebar.tablet h4:before,
.service-information .service-sidebar.tablet h4:after {
content: " ";
display: table;
}
.service-information .service-sidebar.tablet h4:after {
clear: both;
}
.service-information .service-sidebar.tablet h4 .sidebar-toggle {
color: #000000;
display: block;
text-align: right;
width: 100%;
height: 14px;
position: absolute;
right: 0;
margin: auto;
top: 0;
padding-right: 24px;
bottom: 0;
}
.service-information .service-sidebar.tablet h4 .sidebar-toggle .fa {
font-size: 26px;
}
.service-information .service-sidebar.tablet h4 .sidebar-toggle .fa.fa-sort-desc {
margin-top: -28px;
}
.service-information .service-sidebar.tablet h4 .sidebar-toggle .fa.fa-sort-asc {
margin-top: -4px;
}
.service-information .service-sidebar.tablet ul {
padding: 10px 60px 30px;
}
.service-information .service-sidebar.tablet ul:before,
.service-information .service-sidebar.tablet ul:after {
content: " ";
display: table;
}
.service-information .service-sidebar.tablet ul:after {
clear: both;
}
.service-information .service-sidebar.tablet ul:before,
.service-information .service-sidebar.tablet ul:after {
content: " ";
display: table;
}
.service-information .service-sidebar.tablet ul:after {
clear: both;
}
.service-information .service-sidebar.tablet ul li {
float: left;
width: 50%;
}
.service-information .service-sidebar.tablet .row-divider {
display: block;
margin: 0;
background-color: #ffffff;
}
.service-information .service-sidebar.tablet .row-divider .line {
background-color: #ffffff;
border-color: #ffffff;
}
.service-information .service-sidebar.tablet .service-sidebar-content {
display: none;
}
.service-information .service-sidebar.tablet .service-sidebar-content p {
padding-left: 60px;
padding-right: 60px;
text-align: center;
}
}
@media (max-width: 767px) {
.service-information {
padding-bottom: 0;
}
.service-information h1 {
font-size: 26px;
}
.service-information ul,
.service-information ol {
padding-left: 10px;
}
.service-information .row-divider {
display: block !important;
}
.service-information .btn {
display: block;
margin: 30px 0;
}
.service-information .service-information-footnote {
border-top: 1px solid #d9d9d9;
margin-left: -16px;
margin-right: -16px;
margin-top: 40px;
padding-bottom: 10px;
padding-left: 16px;
padding-right: 16px;
padding-top: 30px;
}
.service-information .service-information-footnote:before,
.service-information .service-information-footnote:after {
content: " ";
display: table;
}
.service-information .service-information-footnote:after {
clear: both;
}
.service-information .service-information-footnote:before,
.service-information .service-information-footnote:after {
content: " ";
display: table;
}
.service-information .service-information-footnote:after {
clear: both;
}
.service-information .discontinue-budget {
font-family: Arial;
font-weight: normal;
font-style: normal;
border-bottom: 1px solid #d9d9d9;
border-top: 1px solid #d9d9d9;
display: block;
margin-left: -16px;
margin-right: -16px;
padding: 12px 16px;
}
.service-information .discontinue-budget .fa {
float: right;
}
.service-information .service-sidebar {
background: none;
margin-left: -16px;
margin-right: -16px;
margin-top: 50px;
padding: 0 16px;
}
.service-information .fa {
font-size: 15px;
font-weight: bold;
margin-top: 3px;
}
}
.read-more-container .read-more-link {
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
.read-more-container .read-more-link .more-link {
font-size: 16px;
}
.read-more-container .read-more-link .fa {
font-size: 10px;
margin-left: 0;
margin-top: 0;
}
.read-more-container .read-less {
font-size: 16px;
}
.read-more-container .read-less .fa {
font-size: 10px;
margin-left: 0;
margin-top: 0;
}
@media (min-width: 1280px) {
.read-more-container.read-more-xs,
.read-more-container.read-more-sm,
.read-more-container.read-more-md {
display: none;
}
}
@media (min-width: 1024px) and (max-width: 1279px) {
.read-more-container.read-more-xs,
.read-more-container.read-more-sm,
.read-more-container.read-more-lg {
display: none;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.read-more-container.read-more-xs,
.read-more-container.read-more-md,
.read-more-container.read-more-lg {
display: none;
}
}
@media (max-width: 767px) {
.read-more-container.read-more-sm,
.read-more-container.read-more-md,
.read-more-container.read-more-lg {
display: none;
}
}
.faq .faq-sidebar {
padding: 45px 20px 0;
}
.faq p {
font-size: 16px;
line-height: 30px;
}
.faq ol {
padding: 0 25px;
}
.faq .faq-rate-question {
padding: 42px 0;
}
.faq .faq-rate-question .fpl-form-row {
margin-bottom: 0;
}
.faq .faq-rate-question .rate-usefulness,
.faq .faq-rate-question .rate-numerical {
display: inline-block;
vertical-align: top;
width: 50%;
z-index: 0;
}
.faq .faq-rate-question .rate-usefulness > label,
.faq .faq-rate-question .rate-numerical > label {
display: block;
font-size: 18px;
color: #000000;
margin-bottom: 24px;
}
.faq .faq-rate-question .rate-usefulness {
overflow: hidden;
position: relative;
}
.faq .faq-rate-question .rate-usefulness .fpl-customized-option {
float: left;
width: 50%;
}
.faq .faq-rate-question .rate-usefulness .fpl-customized-option input {
visibility: hidden;
}
.faq .faq-rate-question .rate-usefulness .fpl-customized-option .fpl-custom-radio {
display: inline-block;
vertical-align: middle;
}
.faq .faq-rate-question .rate-usefulness .fpl-customized-option .fpl-form-label {
display: inline-block;
vertical-align: middle;
font-size: 16px;
font-weight: normal;
color: #666666;
margin: 0 0 0 8px;
}
.faq .faq-rate-question .rate-numerical {
margin-left: -4px;
}
.faq .faq-rate-question .rate-numerical .rate-star {
display: inline-block;
margin: 0 2px;
}
.faq .faq-rate-question .rate-numerical .rate-star:first-child {
margin-left: 0;
}
.faq .faq-rate-question .rate-numerical .rate-star .fa {
font-size: 30px;
color: #e0e6e9;
margin: 0;
}
.faq .faq-rate-question .rate-numerical .rate-star.rate-star-filled .fa {
color: #0073a8;
}
@media (max-width: 1023px) {
.faq .faq-rate-question {
padding: 36px 0;
}
.faq .faq-rate-question .fpl-form-row {
margin-bottom: 0;
}
.faq .faq-rate-question .rate-usefulness,
.faq .faq-rate-question .rate-numerical {
display: block;
width: 100%;
}
.faq .faq-rate-question .rate-numerical {
margin: 24px 0 0 0;
}
}
@media (max-width: 767px) {
.faq .faq-sidebar {
padding: 0;
}
.faq .read-more-container .read-less .less-link,
.faq .read-more-container .read-more-link .less-link,
.faq .read-more-container .read-less .more-link,
.faq .read-more-container .read-more-link .more-link {
margin-bottom: 30px;
margin-left: -16px;
margin-right: -16px;
margin-top: 20px;
text-align: center;
background: #f0f2f4;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
display: block;
font-family: Arial;
font-weight: bold;
padding-bottom: 5px;
padding-top: 5px;
text-decoration: none;
}
.faq .read-less {
margin-top: 30px;
}
}
.faqitem {
margin: 40px;
width: 60%;
}
.faqitem .fpl-customized-option {
width: 25%;
}
@media (max-width: 1023px) {
.faqitem {
width: auto;
}
}
@media (max-width: 767px) {
.faqitem {
width: auto;
}
.faqitem .fpl-customized-option {
width: 50%;
}
}
.loading-wait-bar {
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
letter-spacing: 1px;
text-transform: uppercase;
color: #ffffff;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
display: block;
padding: 14px;
text-align: center;
width: 372px;
margin: 24px auto;
clear: both;
height: 42px;
line-height: 13px;
outline: none;
background-color: #0073a8;
}
@media (max-width: 767px) {
.loading-wait-bar {
width: 100%;
height: auto;
line-height: 24px;
}
}
.faq-sidebar-links ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.faq-sidebar-links ul li {
margin-bottom: 25px;
}
.faq-sidebar-links ul li a {
display: block;
font-size: 16px;
}
.faq-sidebar-links ul li a .fa {
display: none;
}
.faq-sidebar-links ul li.current {
margin-bottom: 17px;
}
.faq-sidebar-links ul li.current a {
background: #f0f2f4;
margin-left: -15px;
margin-right: -15px;
padding: 8px 15px;
}
@media (max-width: 767px) {
.faq-sidebar-links {
border-top: 1px solid #d9d9d9;
margin-left: -16px;
margin-right: -16px;
margin-bottom: 30px;
}
.faq-sidebar-links ul li {
border-bottom: 1px solid #d9d9d9;
margin-bottom: 0;
}
.faq-sidebar-links ul li.current {
margin-bottom: 0;
}
.faq-sidebar-links ul li a,
.faq-sidebar-links ul li.current a {
background: none;
margin-left: 0;
margin-right: 0;
padding: 12px 16px;
}
.faq-sidebar-links ul li a .fa,
.faq-sidebar-links ul li.current a .fa {
display: inline-block;
float: right;
font-size: 10px;
font-weight: bold;
margin-top: 7px;
}
}
.faq-search {
margin-bottom: 40px;
text-align: center;
}
.faq-search .fpl-form .fpl-form-row .fpl-form-field {
display: inline-block;
width: auto;
overflow: visible;
vertical-align: middle;
}
.faq-search .fpl-form .fpl-form-row .fpl-form-field .faq-suggestion-search {
width: 592px;
height: 52px;
}
.faq-search .fpl-form .fpl-form-row .fpl-form-field .faq-suggestion-search .suggestion-box {
border-radius: 28px;
-moz-border-radius: 28px;
-webkit-border-radius: 28px;
border: 1px solid #cccccc;
background: #ffffff;
-webkit-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.1);
outline: none;
position: relative;
cursor: pointer;
position: absolute;
top: 0;
left: 0;
}
.faq-search .fpl-form .fpl-form-row .fpl-form-field .faq-suggestion-search .suggestion-box.suggestion-box-open .fpl-input {
border-radius: 24px 24px 0 0;
-moz-border-radius: 24px 24px 0 0;
-webkit-border-radius: 24px 24px 0 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.faq-search .fpl-form .fpl-form-row .fpl-form-field .faq-suggestion-search .suggestion-box.suggestion-box-open .sf_suggestion {
display: block;
}
.faq-search .fpl-form .fpl-form-row .fpl-form-field .faq-suggestion-search .suggestion-box input {
-webkit-box-shadow: none;
box-shadow: none;
}
.faq-search .fpl-form .fpl-form-row .fpl-form-field .faq-suggestion-search .suggestion-box .fpl-input {
display: inline-block;
margin-bottom: 0;
vertical-align: top;
width: 590px;
border: 0;
background-color: #ffffff;
padding: 11px 20px;
margin: 2px 0;
color: #000000;
height: 46px;
}
.faq-search .fpl-form .fpl-form-row .fpl-form-field .faq-suggestion-search .suggestion-box .btn {
display: inline-block;
margin-top: 4px;
vertical-align: top;
width: 170px;
margin-bottom: 3px;
height: 47px;
}
.faq-search .fpl-form .fpl-form-row .fpl-form-field .faq-suggestion-search .suggestion-box .sf_suggestion {
display: none;
border-radius: 0 0 28px 28px;
-moz-border-radius: 0 0 28px 28px;
-webkit-border-radius: 0 0 28px 28px;
width: 590px;
background: #ffffff;
-webkit-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.1);
outline: none;
position: relative;
cursor: pointer;
padding: 0 20px;
}
.faq-search .fpl-form .fpl-form-row .fpl-form-field .faq-suggestion-search .suggestion-box .sf_suggestion ul {
margin: 0;
padding: 0;
list-style-type: none;
position: relative;
width: 100%;
text-align: left;
border-radius: 0 0 24px;
-moz-border-radius: 0 0 24px;
-webkit-border-radius: 0 0 24px;
}
.faq-search .fpl-form .fpl-form-row .fpl-form-field .faq-suggestion-search .suggestion-box .sf_suggestion ul li {
border-top: 1px solid #cccccc;
}
.faq-search .fpl-form .fpl-form-row .fpl-form-field .faq-suggestion-search .suggestion-box .sf_suggestion ul li a {
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
color: #000000;
display: block;
padding: 18px 0;
}
.faq-search .fpl-form .fpl-form-row .fpl-form-field .faq-suggestion-search .suggestion-box .sf_suggestion ul li a:hover {
color: #129ddd;
text-decoration: none;
}
.faq-search .fpl-form .fpl-form-row .fpl-form-field button {
width: 170px;
height: 52px;
margin: 2px 0 2px 30px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.faq-search .fpl-form .fpl-form-row .fpl-form-field .faq-suggestion-search {
width: 472px;
}
.faq-search .fpl-form .fpl-form-row .fpl-form-field .faq-suggestion-search .suggestion-box .fpl-input,
.faq-search .fpl-form .fpl-form-row .fpl-form-field .faq-suggestion-search .suggestion-box .sf_suggestion {
width: 470px;
}
}
@media (max-width: 767px) {
.faq-search .fpl-form .fpl-form-row .fpl-form-field,
.faq-search .fpl-form .fpl-form-row .fpl-form-field .fpl-input,
.faq-search .fpl-form .fpl-form-row .fpl-form-field .btn {
display: block;
width: 100%;
}
.faq-search .fpl-form .fpl-form-row .fpl-form-field:first-child {
z-index: 3;
}
.faq-search .fpl-form .fpl-form-row .fpl-form-field .faq-suggestion-search {
width: 100%;
}
.faq-search .fpl-form .fpl-form-row .fpl-form-field .faq-suggestion-search .suggestion-box {
width: 100%;
}
.faq-search .fpl-form .fpl-form-row .fpl-form-field .faq-suggestion-search .suggestion-box .fpl-input,
.faq-search .fpl-form .fpl-form-row .fpl-form-field .faq-suggestion-search .suggestion-box .sf_suggestion {
width: 100%;
}
.faq-search .fpl-form .fpl-form-row .fpl-form-field .btn {
margin: 20px 0;
}
}
.masthead.masthead-text.back-to-link.masthead-form {
margin-top: 83px;
}
.form-section {
margin: 35px auto 0;
max-width: 1280px;
}
.form-section p {
color: #666666;
font-size: 16px;
line-height: 30px;
margin-bottom: 15px;
}
.form-section a {
font-size: 16px;
}
.form-section .row .row {
margin-left: -16px;
margin-right: -16px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.form-section .row {
margin-bottom: 24px;
}
}
.form-section .fpl-form-info {
margin-bottom: 16px;
}
.form-section .fpl-js-add-additional-names {
display: block;
margin-bottom: 30px;
}
.form-section .fpl-form-row .fpl-custom-radio + .ui-radio input[type="radio"].fpl-custom-base {
display: none;
}
.form-section .fpl-form-row .fpl-image-option {
padding: 0 12px !important;
}
.form-section .fpl-form-row .fpl-image-option div.fpl-customized-option ul.dropdown-list {
padding: 0 !important;
}
.form-section .fpl-form-row .fpl-image-option div.fpl-customized-option ul.dropdown-list li {
padding: 6px 15px !important;
}
.form-section .fpl-form-row .fpl-image-option div.fpl-customized-option .dropdown-open {
overflow: visible;
}
.form-section .fpl-customized-option .dropdown-open {
overflow: hidden;
}
.form-section .fpl-form-row .fpl-form-field {
overflow: visible;
}
.form-section .fpl-form-row .fpl-form-field .fpl-customized-option {
display: inline-block;
vertical-align: top;
margin: 4px 0 0 0;
width: 100%;
}
.form-section .fpl-form-row .fpl-form-field .fpl-customized-option .fpl-custom-option {
display: inline-block;
vertical-align: top;
margin-right: 24px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.form-section .fpl-form-row .fpl-form-field .fpl-customized-option .fpl-custom-option {
margin: 0 16px 0 0;
}
}
.form-section .fpl-form-row .fpl-form-field .fpl-form-label {
display: inline-block;
vertical-align: top;
font-family: Arial;
font-weight: normal;
font-style: normal;
color: #666666;
font-size: 16px;
letter-spacing: normal;
line-height: 30px;
max-width: 332px;
margin-bottom: 0;
}
.form-section .fpl-form-row .fpl-form-field .fpl-form-label span {
display: block;
}
@media (min-width: 768px) and (max-width: 1023px) {
.form-section .fpl-form-row .fpl-form-field .fpl-form-label {
max-width: 300px;
}
}
@media (max-width: 1023px) {
.form-section .fpl-form-row .fpl-form-field .fpl-form-label span {
display: block;
}
}
.form-section .fpl-form-row .fpl-form-field .btn {
clear: none;
float: left;
max-width: 100%;
}
.form-section .fpl-form-row .fpl-form-field .btn.reset {
margin-left: 20px;
}
@media (max-width: 1023px) {
.form-section .fpl-form-row .fpl-form-field .btn {
padding-left: 80px;
padding-right: 80px;
width: auto;
}
}
@media (max-width: 767px) {
.form-section .fpl-form-row .fpl-form-field .btn {
clear: both;
float: none;
margin-bottom: 15px;
width: 100%;
}
.form-section .fpl-form-row .fpl-form-field .btn.reset {
margin-left: 0;
}
}
.form-section .fpl-form-row .fpl-form-field.rounded-field .fpl-textarea {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.form-section .fpl-form-row.inline-form-fields .fpl-form-field {
display: inline-block;
vertical-align: middle;
z-index: 2;
}
.form-section .fpl-form-row.inline-form-fields .fpl-form-field.col-xs-4 {
width: 33%;
}
@media (max-width: 767px) {
.form-section .fpl-form-row.inline-form-fields .fpl-form-field {
width: 100%;
margin-bottom: 16px;
}
}
.form-section .fpl-form-row.inline-form-fields .fpl-form-field .fpl-customized-option .fpl-custom-option {
vertical-align: middle;
margin: 0 10px 0 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
.form-section .fpl-form-row.inline-form-fields .fpl-form-field .fpl-customized-option .fpl-custom-option {
margin: 0 5px 0 0;
}
}
.form-section .fpl-form-row.inline-form-fields .fpl-form-field .fpl-form-label {
vertical-align: middle;
}
.form-section #error-alert {
width: 50%;
text-align: center;
margin: 0 auto;
}
.fpl-form-field.three-across {
width: 32%;
z-index: -1;
}
.fpl-dropdown-field .fpl-dropdown.dropdown-open {
z-index: 201;
}
.fpl-textarea {
resize: none;
display: block;
border: 1px solid #666666;
padding: 10px;
margin-bottom: 12px;
width: 100%;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 18px;
color: #666666;
background: #ffffff;
-webkit-box-shadow: inset 0px 3px 5px 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 0px 3px 5px 1px rgba(0, 0, 0, 0.1);
outline: none;
background: rgba(0, 0, 0, 0.02);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.02) 0%, rgba(255, 255, 255, 0.02) 20%, rgba(255, 255, 255, 0.02) 42%, rgba(255, 255, 255, 0.02) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.02)), color-stop(20%, rgba(255, 255, 255, 0.02)), color-stop(42%, rgba(255, 255, 255, 0.02)), color-stop(100%, rgba(255, 255, 255, 0.02)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.02) 0%, rgba(255, 255, 255, 0.02) 20%, rgba(255, 255, 255, 0.02) 42%, rgba(255, 255, 255, 0.02) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.02) 0%, rgba(255, 255, 255, 0.02) 20%, rgba(255, 255, 255, 0.02) 42%, rgba(255, 255, 255, 0.02) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.02) 0%, rgba(255, 255, 255, 0.02) 20%, rgba(255, 255, 255, 0.02) 42%, rgba(255, 255, 255, 0.02) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 0%, rgba(255, 255, 255, 0.02) 20%, rgba(255, 255, 255, 0.02) 42%, rgba(255, 255, 255, 0.02) 100%);
}
.ie8 .form-section .fpl-form-row .fpl-form-field input {
line-height: 18px;
}
.ie8 .form-section .fpl-form-row .fpl-form-field .btn {
width: auto;
overflow: visible;
}
.ie8 .form-section .fpl-form-row .fpl-form-field .fpl-customized-option input.fpl-radio {
visibility: hidden;
}
#connect .secondary-phone-container .ext .alert-tooltip {
padding: 7px !important;
}
.fpl-form .fpl-choice-box.standalone {
border-bottom: 0;
margin-bottom: 20px;
padding: 0;
}
.fpl-form .fpl-choice-box.standalone .fpl-customized-option {
margin-bottom: 0;
}
.fpl-form .fpl-choice-box.standalone .choice-info .choice-detail {
font-size: 14px;
font-weight: normal;
line-height: 20px;
max-width: 100%;
}
.fpl-form .fpl-background-radio-group .fpl-choice-box {
background: #f0f2f4;
border-bottom: 5px solid #e0e6e9;
margin-bottom: 20px;
}
.fpl-form .fpl-background-radio-group .fpl-choice-box .choice-info {
float: right;
}
.fpl-form .fpl-background-radio-group .fpl-choice-box .choice-info .choice-detail {
font-size: 16px;
}
.fpl-form .fpl-background-radio-group .fpl-choice-box .choice-field {
float: left;
}
.fpl-form .fpl-background-radio-group .fpl-choice-box .choice-field .fpl-custom-radio {
margin-top: 5px;
}
@media (max-width: 1023px) {
.fpl-form .fpl-background-radio-group .choice-field .fpl-custom-radio {
margin-left: 10px;
}
}
@media (max-width: 767px) {
.fpl-form .fpl-background-radio-group .fpl-choice-box .choice-info {
width: 75%;
}
.fpl-form .fpl-background-radio-group .fpl-choice-box .choice-info .choice-detail {
max-width: 80%;
}
.fpl-form .fpl-background-radio-group .choice-field .fpl-custom-radio {
margin-left: 5px;
}
}
.fpl-form .secondary-phone-container {
overflow: auto;
}
.fpl-form .fpl-form-row div.fpl-form-field {
overflow: visible;
}
.fpl-form .fpl-form-row.form-tooltip-text > .fpl-form-row {
margin-bottom: 0;
}
.fpl-form .fpl-form-row.form-tooltip-text .fpl-form-tooltip {
margin-left: 0;
margin-right: 0;
}
.fpl-form .fpl-form-row.form-tooltip-text .fpl-form-tooltip .fpl-tooltip {
float: right;
}
.fpl-form .fpl-form-row.secondary-phone {
float: left;
width: 65%;
}
.fpl-form .fpl-form-row.secondary-phone.ext {
margin-left: 5%;
width: 30%;
}
.fpl-form .fpl-form-row.ssn .fpl-form-field.ssn-clear:before {
z-index: -1 !important;
}
.fpl-form .fpl-form-row.ssn .fpl-form-field.ssn-clear:before {
z-index: -1 !important;
}
.fpl-form .fpl-form-row.ssn .fpl-form-field:before {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
background: #e0e6e9;
color: #ffffff;
content: "\f023";
display: block;
font-family: FontAwesome;
height: 30px;
padding-top: 8px;
position: absolute;
right: 10px;
text-align: center;
top: 7px;
width: 30px;
}
@media (max-width: 1023px) {
.fpl-form .fpl-form-row.ssn .fpl-form-field:before {
top: 7px;
}
}
@media (max-width: 767px) {
.fpl-form .fpl-form-row.ssn .fpl-form-field:before {
top: 12px;
}
}
.fpl-form .fpl-form-row.sin .fpl-form-field input {
background: #ffffff url('../images/flag_canada.png') no-repeat right 47px top 13px;
}
@media (max-width: 767px) {
.fpl-form .fpl-form-row.sin .fpl-form-field input {
background: #ffffff url('../images/flag_canada.png') no-repeat right 47px top 17px;
}
}
.fpl-form .form-view-more {
background: #e0e6e9;
border: 1px solid #cccccc;
display: none;
font-size: 16px;
padding: 16px 0;
text-align: center;
text-decoration: none;
cursor: pointer;
margin: 16px -16px 32px -16px;
overflow: hidden;
}
.fpl-form .form-view-more a {
font-weight: bold;
}
.fpl-form .form-view-more a .fa-sort-down {
margin-top: -8px;
}
.fpl-form .form-view-more a .fa-sort-up {
margin-bottom: -8px;
}
.fpl-form .fpl-address-group .fpl-form-row .fpl-form-field .fpl-input-group .fpl-form-label {
display: inline-block;
vertical-align: top;
font-family: Arial;
font-weight: normal;
font-style: normal;
color: #666666;
font-size: 16px;
letter-spacing: normal;
line-height: 30px;
max-width: 332px;
margin-bottom: 0;
}
@media (max-width: 1023px) {
.fpl-form .fpl-address-group .fpl-form-row .fpl-form-field .fpl-input-group .fpl-form-label span {
display: block;
}
}
.fpl-form .fpl-address-group .fpl-form-row.inline-form-fields .fpl-form-field {
display: inline-block;
}
.fpl-form .fpl-address-group .fpl-form-row.inline-form-fields .fpl-form-field.city {
width: 78%;
margin-right: 10px;
}
@media (max-width: 767px) {
.fpl-form .fpl-address-group .fpl-form-row.inline-form-fields .fpl-form-field.city {
width: 100%;
margin-bottom: 16px;
}
}
.fpl-form .fpl-address-group .fpl-form-row.inline-form-fields .fpl-form-field.zip-code {
width: 20%;
}
@media (max-width: 767px) {
.fpl-form .fpl-address-group .fpl-form-row.inline-form-fields .fpl-form-field.zip-code {
width: 100%;
margin-bottom: 16px;
}
}
.fpl-form .fpl-checkbox-group .fpl-form-row .fpl-form-field {
display: inline-block;
vertical-align: top;
width: 50%;
margin-left: -4px;
}
.fpl-form .fpl-checkbox-group .fpl-form-row .fpl-form-field:first-child {
margin-left: 0;
}
.fpl-form .fpl-checkbox-group .fpl-form-row .fpl-form-field label {
font-size: 16px;
color: #000000;
font-weight: bold;
}
.fpl-form .fpl-checkbox-group .fpl-form-row .fpl-form-field label span {
font-weight: normal;
color: #666666;
}
.fpl-form .fpl-checkbox-group .fpl-form-row .fpl-form-field .fpl-choice-box {
border-bottom: 0;
padding: 10px;
}
.fpl-form .fpl-checkbox-group .fpl-form-row .fpl-form-field .fpl-choice-box .choice-field {
float: left;
margin-left: 0;
width: auto;
}
.fpl-form .fpl-checkbox-group .fpl-form-row .fpl-form-field .fpl-choice-box .choice-field.fpl-customized-option .fa-check {
padding: 0;
}
.fpl-form .fpl-checkbox-group .fpl-form-row .fpl-form-field .fpl-choice-box .choice-field .fpl-custom-option {
margin-right: 0px;
}
.fpl-form .fpl-checkbox-group .fpl-form-row .fpl-form-field .fpl-choice-box .choice-info {
margin: 4px 0 0 6px;
}
.fpl-form .fpl-checkbox-group .fpl-form-row .fpl-form-field .fpl-choice-box .choice-info .choice-detail {
font-size: 16px;
line-height: 20px;
margin-left: 10px;
}
.fpl-form .fpl-checkbox-group .fpl-form-row .fpl-form-field .fpl-choice-box:first-child {
padding-top: 0;
}
@media (max-width: 767px) {
.fpl-form .fpl-checkbox-group .fpl-form-row .fpl-form-field {
width: 100%;
margin: 0;
}
.fpl-form .fpl-checkbox-group .fpl-form-row .fpl-form-field label {
display: block;
margin-bottom: 24px;
}
.fpl-form .fpl-checkbox-group .fpl-form-row .fpl-form-field .fpl-choice-box {
padding-left: 0;
}
.fpl-form .fpl-checkbox-group .fpl-form-row .fpl-form-field .fpl-choice-box .choice-info .choice-detail {
max-width: 100%;
}
}
.fpl-form .fpl-image-selector .fpl-form-row .fpl-form-field > label,
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field > label {
font-size: 16px;
color: #000000;
font-weight: bold;
}
.fpl-form .fpl-image-selector .fpl-form-row .fpl-form-field .fpl-image-option,
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option {
float: left;
width: 25%;
margin: 16px 0;
padding-right: 24px;
}
.fpl-form .fpl-image-selector .fpl-form-row .fpl-form-field .fpl-image-option .fpl-customized-option,
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .fpl-customized-option {
display: block;
margin-top: 10px;
}
.fpl-form .fpl-image-selector .fpl-form-row .fpl-form-field .fpl-image-option .fpl-customized-option .fpl-custom-radio,
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .fpl-customized-option .fpl-custom-radio {
display: inline-block;
vertical-align: middle;
width: 32px;
}
.fpl-form .fpl-image-selector .fpl-form-row .fpl-form-field .fpl-image-option .fpl-customized-option > label,
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .fpl-customized-option > label {
display: inline-block;
vertical-align: middle;
font-size: 16px;
margin-top: 10px;
font-weight: normal;
padding-left: 6px;
}
.fpl-form .fpl-image-selector .fpl-form-row .fpl-form-field .fpl-image-option .image-label img,
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .image-label img {
width: 100%;
}
.fpl-form .fpl-image-selector .fpl-form-row .fpl-form-field .fpl-image-option .image-label > label,
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .image-label > label {
display: block;
font-size: 16px;
margin-top: 10px;
font-weight: normal;
padding-left: 6px;
text-overflow: ellipsis;
height: 16px;
white-space: nowrap;
overflow: hidden;
}
@media (min-width: 401px) and (max-width: 767px) {
.fpl-form .fpl-image-selector .fpl-form-row .fpl-form-field .fpl-image-option,
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option {
width: 50%;
padding-right: 16px;
}
}
@media (max-width: 400px) {
.fpl-form .fpl-image-selector .fpl-form-row .fpl-form-field .fpl-image-option,
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option {
width: 100%;
padding-right: 0;
max-width: 400px;
}
}
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field {
overflow: visible;
z-index: auto;
}
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .fpl-customized-option {
display: block;
width: 100%;
margin-top: 0;
}
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .fpl-customized-option > label {
font-size: 16px;
font-weight: bold;
color: #000000;
display: inline-block;
vertical-align: middle;
margin: 0 4px 0 0;
padding-left: 0;
}
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .fpl-customized-option .fpl-number-field {
display: inline-block;
vertical-align: middle;
border: 1px solid #d0d5d8;
margin-top: 10px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .fpl-customized-option .fpl-number-field .number-arrow {
width: 30px;
height: 30px;
}
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .fpl-customized-option .fpl-number-field .number-arrow.decrement .num-arrow-icon {
border-right: 6px solid #0073a8;
}
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .fpl-customized-option .fpl-number-field .number-arrow.increment .num-arrow-icon {
border-left: 6px solid #0073a8;
}
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .fpl-customized-option .fpl-number-field .number-arrow .num-arrow-icon {
width: 8px;
height: 12px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
}
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .fpl-customized-option .fpl-number-field .number-display {
width: 34px;
height: 30px;
}
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .fpl-customized-option .fpl-number-field .number-display .number-value {
width: 30px;
height: 22px;
font-size: 16px;
}
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .fpl-customized-option .fpl-dropdown-field {
width: 124px;
display: inline-block;
vertical-align: middle;
}
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .fpl-customized-option .fpl-dropdown-field .fpl-dropdown {
border-radius: 22px;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
}
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .fpl-customized-option .fpl-dropdown-field .fpl-dropdown.dropdown-open {
z-index: 200;
border-radius: 22px 22px 0 0;
-moz-border-radius: 22px 22px 0 0;
-webkit-border-radius: 22px 22px 0 0;
}
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item {
padding-left: 12px;
}
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-text {
font-size: 16px;
}
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-arrow {
width: 24px;
height: 24px;
}
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-arrow .fa {
width: 9px;
height: 18px;
font-size: 18px;
right: 8px;
}
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-list {
position: absolute;
border: 1px solid #cccccc;
border-top: 0;
background-color: #ffffff;
-webkit-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.1);
border-radius: 0 0 22px 22px;
-moz-border-radius: 0 0 22px 22px;
-webkit-border-radius: 0 0 22px 22px;
padding: 6px 12px;
width: 124px;
margin-left: -1px;
z-index: 10;
}
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-list li {
font-size: 16px;
padding: 6px 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .fpl-customized-option .fpl-dropdown-field {
width: 118px;
}
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-list {
width: 118px;
}
}
@media (max-width: 767px) {
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .fpl-customized-option .fpl-dropdown-field {
max-width: 100%;
}
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-list {
width: 101%;
}
}
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .option-link {
margin: 10px 0;
}
@media (max-width: 767px) {
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .option-link {
margin: 10px auto;
}
}
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .option-link a {
display: block;
font-size: 16px;
}
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .option-link a .fa {
display: inline-block;
margin: 0 6px 0 0;
position: relative;
padding: 0;
}
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .image-label {
display: block;
width: 100%;
}
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .image-label img {
padding: 0;
}
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option .image-label label {
margin-bottom: 10px;
font-weight: normal;
padding-left: 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option {
width: 25%;
}
}
@media (min-width: 401px) and (max-width: 767px) {
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option {
width: 50%;
padding-right: 16px;
}
}
@media (max-width: 400px) {
.fpl-form .fpl-order-form .fpl-form-row .fpl-form-field .fpl-image-option {
width: 100%;
padding-right: 0;
max-width: 400px;
}
}
.fpl-form .fpl-multiple-streetlight .fpl-form-field > label {
color: #000000;
font-size: 16px;
font-weight: bold;
}
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table {
border-collapse: separate;
border-spacing: 0 5px;
width: 100%;
}
@media (min-width: 768px) {
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr {
padding-bottom: 10px;
}
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr th,
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr td {
line-height: normal;
padding: 10px;
vertical-align: top;
}
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr th.col-number,
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr td.col-number {
width: 8%;
}
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr th.col-description,
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr td.col-description {
width: 17%;
}
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr th.col-address,
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr td.col-address {
width: 17%;
}
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr th.col-city,
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr td.col-city {
width: 13%;
}
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr th.col-problem,
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr td.col-problem {
width: 28%;
}
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr th.col-previously,
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr td.col-previously {
width: 17%;
}
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr th .asterisk {
color: #dd1500;
}
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr.fpl-multiple-streetlight-table-row td {
border: 1px solid #d9d9d9;
border-left: 0;
}
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr.fpl-multiple-streetlight-table-row td:first-child {
border-left: 1px solid #d9d9d9;
}
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr.fpl-multiple-streetlight-table-row td > label {
display: none;
}
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr.fpl-multiple-streetlight-table-row td .fpl-form-field input {
font-size: 14px;
margin-bottom: 0;
padding: 6px 15px;
}
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr.fpl-multiple-streetlight-table-row td .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-list li {
font-size: 14px;
padding: 8px;
}
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr.fpl-multiple-streetlight-table-row td .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item {
font-size: 14px;
}
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr.fpl-multiple-streetlight-table-row td .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-arrow {
height: 24px;
width: 24px;
}
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr.fpl-multiple-streetlight-table-row td .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-arrow .fa {
right: 2px;
}
}
@media (max-width: 767px) {
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr th {
display: none;
}
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr th.col-number,
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr td.col-number,
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr th.col-description,
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr td.col-description,
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr th.col-address,
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr td.col-address,
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr th.col-city,
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr td.col-city,
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr th.col-problem,
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr td.col-problem,
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr th.col-previously,
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr td.col-previously {
width: 100%;
}
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr.fpl-multiple-streetlight-table-row {
display: block;
margin-bottom: 15px;
}
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr.fpl-multiple-streetlight-table-row td {
border: 1px solid #d9d9d9;
border-top: 0;
display: block;
padding: 15px 15px 20px;
width: 100%;
}
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr.fpl-multiple-streetlight-table-row td:first-child {
border: 1px solid #d9d9d9;
border-top: 1px solid #d9d9d9;
}
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr.fpl-multiple-streetlight-table-row td > label {
display: block;
margin-bottom: 10px;
}
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-table tr.fpl-multiple-streetlight-table-row td .fpl-form-field input {
margin-bottom: 0;
}
}
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-add {
margin-top: 10px;
width: 100%;
}
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-add:before,
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-add:after {
content: " ";
display: table;
}
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-add:after {
clear: both;
}
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-add:before,
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-add:after {
content: " ";
display: table;
}
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-add:after {
clear: both;
}
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-add span,
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-add .fpl-multiple-streetlight-add-btn {
clear: none;
display: block;
float: left;
}
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-add span {
margin-right: 15px;
margin-top: 12px;
}
@media (max-width: 767px) {
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-add {
margin-top: 0;
text-align: center;
}
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-add span,
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-add .fpl-multiple-streetlight-add-btn {
clear: both;
display: block;
float: none;
max-width: 100%;
}
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-add span {
margin: 0;
margin-bottom: 10px;
}
.fpl-form .fpl-multiple-streetlight .fpl-multiple-streetlight-add .fpl-multiple-streetlight-add-btn {
display: inline-block;
}
}
.dijitPopup {
border: 0;
margin: 0;
padding: 0;
-webkit-overflow-scrolling: touch;
width: 384px;
}
@media (max-width: 1023px) {
.dijitPopup {
width: 488px;
}
}
@media (max-width: 767px) {
.dijitPopup {
padding-left: 16px;
padding-right: 16px;
left: 0 !important;
width: 100%;
}
}
.dijitPopup .fpl-dropdown-field .fpl-dropdown.dropdown-open .dropdown-list {
max-height: none;
}
#search-results .search-results-page-title {
height: 150px;
width: 100%;
background: #5fb0e7;
}
#search-results .search-results-page-title p {
color: #ffffff;
line-height: 150px;
margin: 0 auto;
font-size: 45px;
width: 800px;
font-family: Arial;
font-weight: bold;
font-style: normal;
}
@media (min-width: 768px) and (max-width: 1023px) {
#search-results .search-results-page-title p {
font-size: 45px;
width: 725px;
}
}
@media (max-width: 767px) {
#search-results .search-results-page-title p {
font-size: 30px;
padding-left: 15px;
width: 100%;
}
}
#search-results .search-results-content {
width: 800px;
margin: 0 auto;
}
@media (max-width: 1023px) {
#search-results .search-results-content {
width: 725px;
}
}
@media (max-width: 767px) {
#search-results .search-results-content {
width: 100%;
}
}
#search-results .search-results-content .search-results-content-header {
padding: 35px 0;
width: 100%;
}
#search-results .search-results-content .search-results-content-header:before,
#search-results .search-results-content .search-results-content-header:after {
content: " ";
display: table;
}
#search-results .search-results-content .search-results-content-header:after {
clear: both;
}
#search-results .search-results-content .search-results-content-header:before,
#search-results .search-results-content .search-results-content-header:after {
content: " ";
display: table;
}
#search-results .search-results-content .search-results-content-header:after {
clear: both;
}
@media (max-width: 767px) {
#search-results .search-results-content .search-results-content-header {
padding-top: 40px;
width: 100%;
}
}
#search-results .search-results-content .search-results-content-header .search-results-number {
font-size: 16px;
float: left;
width: 55%;
margin-right: 15%;
margin-top: 13px;
}
@media (max-width: 1023px) {
#search-results .search-results-content .search-results-content-header .search-results-number {
width: 60%;
margin-right: 0;
}
}
@media (max-width: 767px) {
#search-results .search-results-content .search-results-content-header .search-results-number {
float: none;
margin-bottom: 0;
margin-top: 0;
padding-left: 20px;
padding-bottom: 40px;
width: 100%;
}
}
#search-results .search-results-content .search-results-content-header .fpl-customized-option {
float: left;
width: 30%;
}
@media (max-width: 1023px) {
#search-results .search-results-content .search-results-content-header .fpl-customized-option {
width: 40%;
}
}
@media (max-width: 767px) {
#search-results .search-results-content .search-results-content-header .fpl-customized-option {
float: none;
width: 90%;
margin: 0 auto;
}
}
#search-results .search-results-content .search-results-content-blocks {
border: 1px solid #d7d7d7;
}
@media (max-width: 767px) {
#search-results .search-results-content .search-results-content-blocks {
border: none;
}
}
#search-results .search-results-content .search-results-content-blocks .block-list {
list-style: none;
padding: 0;
}
#search-results .search-results-content .search-results-content-blocks .block-list .block {
width: 90%;
margin: 0 auto;
padding: 20px 0;
background: url('../images/electric-wire-gray.png') no-repeat bottom;
background-size: 100%;
}
@media (max-width: 767px) {
#search-results .search-results-content .search-results-content-blocks .block-list .block {
background-image: none;
border-bottom: 1px solid #cccccc;
}
}
#search-results .search-results-content .search-results-content-blocks .block-list .block a {
text-decoration: none;
}
#search-results .search-results-content .search-results-content-blocks .block-list .block a p.description {
color: #666666;
font-size: 16px;
}
@media (max-width: 1023px) {
#search-results .search-results-content .search-results-content-blocks .block-list .block a p.description {
width: 550px;
}
}
@media (max-width: 767px) {
#search-results .search-results-content .search-results-content-blocks .block-list .block a p.description {
width: 100%;
}
}
#search-results .search-results-content .search-results-content-blocks .block-list .block a p.url {
color: #408b59;
font-size: 16px;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
#search-results .search-results-content .search-results-content-blocks .block-list .block .see-more {
font-size: 16px;
}
#search-results .search-results-content .search-results-content-blocks .block-list .block .see-more a {
color: #0073a8;
}
#search-results .search-results-content .search-results-content-blocks .block-list .block.key {
width: 100%;
padding-left: 5%;
background-image: none;
background-color: #f0f2f4;
}
@media (max-width: 767px) {
#search-results .search-results-content .search-results-content-blocks .block-list .block.key {
border: none;
}
}
#search-results .search-results-content .search-results-content-blocks .block-list .block.key a p.description {
color: #0073a8;
}
#search-results .search-results-content .search-results-content-blocks .block-list .block.last {
border: none;
padding-bottom: 0;
background-image: none;
}
#search-results .search-results-content .search-results-content-blocks .pagination {
display: none;
font-family: Arial;
font-weight: bold;
font-style: normal;
}
@media (max-width: 767px) {
#search-results .search-results-content .search-results-content-blocks .pagination {
display: block;
width: 100%;
text-align: center;
}
}
#search-results .search-results-content .search-results-content-blocks .nav-buttons {
width: 350px;
height: 50px;
margin: 15px auto;
padding-top: 15px;
position: relative;
text-align: center;
}
@media (max-width: 767px) {
#search-results .search-results-content .search-results-content-blocks .nav-buttons {
padding: 0;
margin: 0;
width: 100%;
}
}
#search-results .search-results-content .search-results-content-blocks .nav-buttons .pagination {
display: block;
margin: 0;
font-family: Arial;
font-weight: bold;
font-style: normal;
left: 0;
position: absolute;
width: 100%;
z-index: 1;
}
@media (max-width: 767px) {
#search-results .search-results-content .search-results-content-blocks .nav-buttons .pagination {
display: none;
}
}
#search-results .search-results-content .search-results-content-blocks .nav-buttons .prev,
#search-results .search-results-content .search-results-content-blocks .nav-buttons .next {
display: block;
float: left;
position: relative;
z-index: 10;
}
@media (max-width: 767px) {
#search-results .search-results-content .search-results-content-blocks .nav-buttons .prev,
#search-results .search-results-content .search-results-content-blocks .nav-buttons .next {
font-size: 16px;
text-align: center;
line-height: 50px;
display: block;
float: left;
width: 50%;
height: 50px;
border: 1px solid #cccccc !important;
}
}
#search-results .search-results-content .search-results-content-blocks .nav-buttons .prev {
border-right: none;
}
#search-results .search-results-content .search-results-content-blocks .nav-buttons .next {
float: right;
text-align: right;
}
@media (max-width: 767px) {
#search-results .search-results-content .search-results-content-blocks .nav-buttons .next {
text-align: center;
border-left: 1px solid #cccccc;
}
}
.masthead-carousel,
.masthead-single {
position: relative;
background-color: #5fb0e7;
}
@media (max-width: 767px) {
.masthead-carousel,
.masthead-single {
margin-top: -4px;
}
}
.masthead-carousel .masthead-slider,
.masthead-single .masthead-slider {
position: relative;
max-width: 1280px;
margin: auto;
}
.masthead-carousel .masthead-slider.masthead-slider-loading,
.masthead-single .masthead-slider.masthead-slider-loading {
background: url(../images/bx_loader.gif) center center no-repeat #ffffff;
height: 300px;
width: 100%;
}
.masthead-carousel .masthead-slider.masthead-slider-loading .slider-wrap,
.masthead-single .masthead-slider.masthead-slider-loading .slider-wrap {
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
}
.masthead-carousel .masthead-slider .slider-wrap,
.masthead-single .masthead-slider .slider-wrap {
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
height: auto;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.masthead-carousel .bx-wrapper,
.masthead-single .bx-wrapper {
margin: 0 auto;
}
.masthead-carousel .bx-wrapper .bx-viewport,
.masthead-single .bx-wrapper .bx-viewport {
border: 0;
left: 0;
max-height: 445px;
-webkit-box-shadow: none;
box-shadow: none;
}
@media (max-width: 1023px) {
.masthead-carousel .bx-wrapper .bx-viewport,
.masthead-single .bx-wrapper .bx-viewport {
max-height: none;
}
}
.masthead-carousel .bx-wrapper .bx-viewport .bxslider,
.masthead-single .bx-wrapper .bx-viewport .bxslider {
padding: 0;
}
.masthead-carousel .bx-wrapper img,
.masthead-single .bx-wrapper img {
width: 100%;
height: 100%;
}
.masthead-carousel .bx-wrapper .bx-pager,
.masthead-single .bx-wrapper .bx-pager {
position: absolute;
bottom: 16px;
padding: 0;
z-index: 3;
}
.masthead-carousel .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item,
.masthead-single .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {
vertical-align: middle;
}
.masthead-carousel .bx-wrapper .bx-pager.bx-default-pager a,
.masthead-single .bx-wrapper .bx-pager.bx-default-pager a {
background-color: #0073a8;
width: 14px;
height: 14px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}
.masthead-carousel .bx-wrapper .bx-pager.bx-default-pager a:hover,
.masthead-single .bx-wrapper .bx-pager.bx-default-pager a:hover,
.masthead-carousel .bx-wrapper .bx-pager.bx-default-pager a.active,
.masthead-single .bx-wrapper .bx-pager.bx-default-pager a.active {
background-color: #ffffff;
border: 3px solid #0073a8;
}
.masthead-carousel .bx-wrapper .bx-loading,
.masthead-single .bx-wrapper .bx-loading {
background: url('../images/bx_loader.gif') center center no-repeat transparent;
}
.masthead-carousel .carousel-info,
.masthead-single .carousel-info {
position: absolute;
z-index: 2;
bottom: 0;
display: block;
width: 100%;
text-align: center;
background-color: rgba(252, 253, 254, 0.8);
padding: 22px 0 24px;
}
@media (max-width: 767px) {
.masthead-carousel .carousel-info,
.masthead-single .carousel-info {
padding: 12px 0 14px;
}
}
.masthead-carousel .carousel-info p.carousel-detail,
.masthead-single .carousel-info p.carousel-detail {
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
color: #0c2739;
margin: 0 0 14px 0;
padding: 0 24px;
}
@media (max-width: 1023px) {
.masthead-carousel .carousel-info p.carousel-detail,
.masthead-single .carousel-info p.carousel-detail {
font-size: 15px;
}
}
@media (max-width: 767px) {
.masthead-carousel .carousel-info p.carousel-detail,
.masthead-single .carousel-info p.carousel-detail {
font-size: 15px;
line-height: 1.1;
margin-bottom: 7px;
}
}
.masthead-carousel .carousel-info a.carousel-link,
.masthead-single .carousel-info a.carousel-link {
margin: 0 0 24px 0;
display: inline-block;
font-size: 16px;
}
@media (max-width: 767px) {
.masthead-carousel .carousel-info a.carousel-link,
.masthead-single .carousel-info a.carousel-link {
margin: 0 0 22px 0;
}
}
.masthead-single .slider-wrap .carousel-info a.carousel-link {
margin: 0;
}
.ie8 .masthead-carousel .carousel-info {
background-color: #ffffff;
filter: alpha(opacity=80);
}
.masthead-steps {
background: #0073a8;
padding: 30px 40px;
}
.masthead-steps .step {
position: relative;
}
.masthead-steps .step .step-circle {
float: left;
background: #f0f2f4;
border-radius: 50%;
width: 42px;
height: 42px;
padding: 4px;
}
.masthead-steps .step .step-circle .inner-circle {
background: #ffffff;
border-radius: 50%;
width: 34px;
height: 34px;
padding: 4px;
}
.masthead-steps .step .step-circle .inner-circle .step-number {
font-family: Arial;
font-weight: bold;
font-style: normal;
color: #0073a8;
text-align: center;
font-size: 22px;
display: block;
line-height: normal;
}
.masthead-steps .step .step-text {
font-family: Arial;
font-weight: normal;
font-style: normal;
color: #ffffff;
font-size: 16px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
margin-left: 60px;
}
.campaign-page.main-content {
margin-top: 0;
}
.campaign-page .campaign {
padding-bottom: 50px;
padding-top: 0;
margin: 0 auto;
max-width: 1280px;
}
.campaign-page .campaign .callout {
font-family: Arial;
font-weight: normal;
font-style: normal;
text-align: center;
padding: 35px 0;
font-size: 16px;
}
.campaign-page .campaign .callout h3 sup {
font-size: 0.6em;
}
.campaign-page .campaign .callout ul {
list-style-type: none;
text-align: left;
margin: 0;
}
.campaign-page .campaign .callout ul li {
list-style-type: none;
line-height: 2em;
}
.campaign-page .campaign .callout ul li i {
color: #5ca945;
font-size: 1.5em;
}
.campaign-page .campaign .callout.billing-signup {
background: #f0f2f4;
border-radius: 5px;
}
.campaign-page .campaign .callout.billing-signup .btn {
margin: 30px auto 0;
width: 200px;
}
.campaign-page .campaign .details {
margin-top: 50px;
}
.campaign-page .campaign .details p {
margin: 0 0 20px;
}
.campaign-page .campaign .details p.important {
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 16px;
}
.campaign-page .campaign .parsys > .parsys_column {
margin: 30px auto;
}
@media (max-width: 767px) {
.campaign-page .masthead-steps {
padding: 0;
}
.campaign-page .masthead-steps .step {
padding: 20px 16px;
}
.campaign-page .masthead-steps .step .step-text {
padding-right: 16px;
}
.campaign-page .campaign {
padding-top: 0;
}
.campaign-page .campaign .callout {
text-align: left;
}
.campaign-page .campaign .callout.billing-signup {
padding: 35px 10px;
}
.campaign-page .campaign .callout.billing-signup .btn {
width: auto;
}
.campaign-page .campaign .details p,
.campaign-page .campaign .details p.important {
font-size: 15px;
}
}
.ie8 .campaign-page .masthead-steps .step .step-text {
position: relative;
}
.gray-callout {
margin-top: 0;
padding: 20px;
background: #eff2f4;
}
.quick-nav {
background-color: #0073a8;
padding: 20px 0;
}
@media (max-width: 767px) {
.quick-nav {
padding: 3px 16px 20px;
}
}
.quick-nav .quick-nav-label {
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 24px;
color: #ffffff;
padding-left: 16px;
display: inline-block;
vertical-align: middle;
margin-right: 24px;
}
@media (max-width: 767px) {
.quick-nav .quick-nav-label {
font-size: 27px;
}
}
@media (max-width: 767px) {
.quick-nav .quick-nav-label {
margin: 0 0 0 0;
text-align: center;
display: block;
}
}
.quick-nav .fpl-form {
text-align: center;
}
.quick-nav .fpl-form .fpl-form-row {
margin-bottom: 0;
}
.quick-nav .fpl-form .fpl-form-row .fpl-form-field {
display: inline-block;
vertical-align: middle;
width: 454px;
height: 54px;
overflow: visible;
}
.quick-nav .fpl-form .fpl-form-row .fpl-form-field .fpl-dropdown .dropdown-selected-item .selected-item-arrow {
height: 36px;
width: 36px;
}
.quick-nav .fpl-form .fpl-form-row .fpl-form-field .fpl-dropdown .dropdown-selected-item .selected-item-arrow .fa {
right: 8px;
top: 2px;
}
.quick-nav .fpl-form .fpl-form-row .fpl-form-field .fpl-dropdown .dropdown-selected-item .selected-item-arrow .fa.fa-caret-up {
top: -2px;
}
.quick-nav .fpl-form .fpl-form-row .fpl-form-field .fpl-dropdown .dropdown-selected-item .selected-item-text,
.quick-nav .fpl-form .fpl-form-row .fpl-form-field .fpl-dropdown .dropdown-list li {
font-size: 20px;
line-height: 28px;
}
.quick-nav .fpl-form .fpl-form-row .fpl-form-field .fpl-dropdown .dropdown-selected-item .selected-item-text {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.quick-nav .fpl-form .fpl-form-row .fpl-form-field .fpl-dropdown .dropdown-list {
padding-left: 0;
}
.quick-nav .fpl-form .fpl-form-row .fpl-form-field .fpl-dropdown .dropdown-list li {
padding-left: 20px;
padding-right: 10px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.quick-nav .fpl-form .fpl-form-row .fpl-form-field {
width: 424px;
}
}
@media (max-width: 767px) {
.quick-nav .fpl-form .fpl-form-row .fpl-form-field {
width: 100%;
height: 55px;
}
}
.callout-section {
margin-top: 72px;
}
.callout-section .callout-item {
padding: 0 16px;
}
.callout-section .callout-item .callout-img img {
width: 100%;
}
.callout-section .callout-item .callout-title {
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 22px;
color: #000000;
margin: 16px 0 12px 0;
}
.callout-section .callout-item .callout-text {
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
color: #666666;
line-height: 24px;
margin: 0 0 24px 0;
}
.callout-section .callout-item .callout-link {
font-size: 16px;
}
@media (max-width: 767px) {
.callout-section .callout-item .callout-link {
display: block;
padding: 20px 16px;
margin: 24px -16px;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.callout-section .callout-item .callout-link .fa {
float: right;
font-size: 10px;
margin-top: 6px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.callout-section {
margin-top: 54px;
}
.callout-section .callout-item {
padding: 0 8px;
}
}
@media (max-width: 767px) {
.callout-section {
margin-top: 20px;
}
.callout-section .callout-item {
padding: 0;
}
}
.homepage-map {
margin-top: 64px;
margin-bottom: 60px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.homepage-map {
margin-top: 52px;
margin-bottom: 70px;
}
}
@media (max-width: 767px) {
.homepage-map {
margin-top: 32px;
margin-bottom: 48px;
}
}
.homepage-map .fpl-section {
position: relative;
}
.homepage-map .fpl-section .homepage-map-img {
width: 100%;
}
.homepage-map .fpl-section .map-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 8.33333333%;
z-index: 1;
background-color: #ffffff;
background: rgba(255, 255, 255, 0.9);
border: 1px solid #cccccc;
padding: 36px 16px;
width: 424px;
height: 250px;
margin: auto;
-webkit-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.2);
}
@media (min-width: 768px) and (max-width: 1023px) {
.homepage-map .fpl-section .map-overlay {
width: 390px;
height: 250px;
left: 24px;
}
}
@media (max-width: 767px) {
.homepage-map .fpl-section .map-overlay {
width: 292px;
height: 210px;
left: 0;
right: 0;
top: 24px;
bottom: initial;
padding: 30px 24px;
margin: 0 auto;
}
}
.homepage-map .fpl-section .map-overlay p {
font-size: 16px;
color: #0c2739;
line-height: 24px;
margin: 0 0 20px 0;
}
@media (max-width: 767px) {
.homepage-map .fpl-section .map-overlay p {
font-size: 15px;
line-height: 18px;
}
}
.homepage-map .fpl-section .map-overlay .map-info-links.one-link a:first-child {
border-right: 0px;
}
.homepage-map .fpl-section .map-overlay .map-info-links a {
display: inline-block;
padding: 2px 8px;
font-size: 16px;
line-height: 16px;
}
.homepage-map .fpl-section .map-overlay .map-info-links a:first-child {
padding: 2px 12px 2px 0;
border-right: 1px solid #666666;
}
@media (max-width: 767px) {
.homepage-map .fpl-section .map-overlay .map-info-links a {
font-size: 15px;
}
}
/* Dojo Modules */
.calendar1 .dijitCalendarDateTemplate {
height: 50px;
width: 50px;
border: 1px solid #cccccc;
vertical-align: top;
}
.calendar1 .dijitCalendarDateLabel,
#calendar5 .dijitCalendarDateTemplate {
text-align: inherit;
}
.calendar1 .dijitCalendarDayLabel,
.calendar1 .dijitCalendarDateLabel {
font-weight: bold;
color: #dd1500;
}
.calendar1 .dijitCalendarSelectedYear {
font-size: 1.5em;
}
.calendar1 .dijitCalendarMonthLabel {
font-family: Arial;
letter-spacing: 0.2em;
font-size: 2em;
cursor: default;
}
.claro .dijitCalendarContainer {
width: 288px;
height: 337px;
margin: 0 auto;
}
.claro .dijitCalendarContainer .dijitCalendarMonthContainer th {
padding-bottom: 15px;
padding-top: 15px;
}
.claro .dijitCalendarContainer .dijitCalendarMonthContainer .dijitSpacer {
width: 0px;
}
.claro .dijitCalendar,
.claro .dijitCalendar:hover,
.claro .dijitCalendarActive {
border-color: #cccccc !important;
border-radius: 0 !important;
background-color: #ffffff !important;
padding: 0 !important;
}
.claro .dijitCalendar .dijitDropDownButton .dijitButtonNode,
.claro .dijitCalendar:hover .dijitDropDownButton .dijitButtonNode,
.claro .dijitCalendarActive .dijitDropDownButton .dijitButtonNode {
border-width: 0 !important;
background-color: #ffffff !important;
}
.claro .dijitDropDownButtonHover {
background-color: #ffffff !important;
}
.claro .dijitCalendarDateTemplate {
font-size: 20px;
font-weight: normal;
color: #000000;
}
.claro .dijitCalendarDayLabelTemplate {
border-bottom: 1px solid #e5e5e5 !important;
padding-bottom: 8px !important;
}
.claro .dijitCalendarDateTemplate .dijitCalendarDateLabel {
background-color: #ffffff !important;
background-image: none !important;
filter: none !important;
boder-width: none !important;
}
.claro .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover,
.claro .dijitCalendarMonthMenu .dijitCalendarMonthLabelActive {
background-color: #ffffff !important;
background-image: none !important;
}
.claro .dijitCalendarMonthLabel {
font-size: 20px !important;
text-transform: uppercase !important;
}
.claro .current-year {
font-size: 20px;
color: #000000;
position: relative;
top: 2px;
}
.claro .dijitCalendarDayLabel {
font-size: 15px !important;
color: #999999 !important;
}
.claro .dijitCalendarDateLabel {
font-size: 17px !important;
font-weight: normal;
}
.claro .dijitCalendarPreviousMonth,
.claro .dijitCalendarNextMonth {
background-color: #ffffff !important;
border-bottom: 1px solid #e5e5e5 !important;
}
.claro .dijitCalendarPreviousMonth .dijitCalendarDateLabel,
.claro .dijitCalendarNextMonth .dijitCalendarDateLabel {
color: #cccccc !important;
border-width: 0 !important;
font-weight: normal;
}
.claro .dijitCalendarHoveredDate .dijitCalendarDateLabel,
.claro .dijitCalendarLite .dijitCalendarEnabledDate:hover .dijitCalendarDateLabel {
background-color: #ffffff !important;
border-width: 0 !important;
}
.claro .dijitCalendarEnabledDate .dijitCalendarDateLabel,
.claro .dijitCalendarEnabledDate:hover .dijitCalendarDateLabel,
.claro .dijitCalendarEnabledDate:active .dijitCalendarDateLabel,
.claro .dijitCalendarEnabledDate:focus .dijitCalendarDateLabel,
.claro .dijitCalendarEnabledDate:visited .dijitCalendarDateLabel {
background-color: #ffffff !important;
border-width: 0 !important;
}
.claro .dijitCalendarSelectedDate:focus {
background-color: #ffffff;
outline: 0;
}
.claro .dijitCalendarSelectedDate,
.claro .dijitCalendarHoveredDate,
.claro .dijitCalendarSelectedDate:hover,
.claro .dijitCalendarHoveredDate:hover,
.claro .dijitCalendarSelectedDate:active,
.claro .dijitCalendarHoveredDate:active,
.claro .dijitCalendarSelectedDate:focus,
.claro .dijitCalendarHoveredDate:focus,
.claro .dijitCalendarSelectedDate:visited,
.claro .dijitCalendarHoveredDate:visited,
.claro .dijitCalendarActiveDate,
.claro .dijitCalendarActiveDate:hover,
.claro .dijitCalendarActiveDate:active,
.claro .dijitCalendarActiveDate:focus,
.claro .dijitCalendarActiveDate:visited {
position: relative;
}
.claro .dijitCalendarSelectedDate .dijitCalendarDateLabel,
.claro .dijitCalendarHoveredDate .dijitCalendarDateLabel,
.claro .dijitCalendarSelectedDate:hover .dijitCalendarDateLabel,
.claro .dijitCalendarHoveredDate:hover .dijitCalendarDateLabel,
.claro .dijitCalendarSelectedDate:active .dijitCalendarDateLabel,
.claro .dijitCalendarHoveredDate:active .dijitCalendarDateLabel,
.claro .dijitCalendarSelectedDate:focus .dijitCalendarDateLabel,
.claro .dijitCalendarHoveredDate:focus .dijitCalendarDateLabel,
.claro .dijitCalendarSelectedDate:visited .dijitCalendarDateLabel,
.claro .dijitCalendarHoveredDate:visited .dijitCalendarDateLabel,
.claro .dijitCalendarActiveDate .dijitCalendarDateLabel,
.claro .dijitCalendarActiveDate:hover .dijitCalendarDateLabel,
.claro .dijitCalendarActiveDate:active .dijitCalendarDateLabel,
.claro .dijitCalendarActiveDate:focus .dijitCalendarDateLabel,
.claro .dijitCalendarActiveDate:visited .dijitCalendarDateLabel {
color: #ffffff !important;
background-color: #0073a8 !important;
border-width: 0 !important;
margin: 0 auto;
position: absolute;
top: -3px !important;
left: -1px !important;
width: 42px !important;
height: 42px !important;
border-radius: 21px !important;
padding-top: 11px !important;
}
.claro .dijitCalendarSelectedDate.dijitCalendarDisabledDate .dijitCalendarDateLabel,
.claro .dijitCalendarHoveredDate.dijitCalendarDisabledDate .dijitCalendarDateLabel,
.claro .dijitCalendarSelectedDate:hover.dijitCalendarDisabledDate .dijitCalendarDateLabel,
.claro .dijitCalendarHoveredDate:hover.dijitCalendarDisabledDate .dijitCalendarDateLabel,
.claro .dijitCalendarSelectedDate:active.dijitCalendarDisabledDate .dijitCalendarDateLabel,
.claro .dijitCalendarHoveredDate:active.dijitCalendarDisabledDate .dijitCalendarDateLabel,
.claro .dijitCalendarSelectedDate:focus.dijitCalendarDisabledDate .dijitCalendarDateLabel,
.claro .dijitCalendarHoveredDate:focus.dijitCalendarDisabledDate .dijitCalendarDateLabel,
.claro .dijitCalendarSelectedDate:visited.dijitCalendarDisabledDate .dijitCalendarDateLabel,
.claro .dijitCalendarHoveredDate:visited.dijitCalendarDisabledDate .dijitCalendarDateLabel,
.claro .dijitCalendarActiveDate.dijitCalendarDisabledDate .dijitCalendarDateLabel,
.claro .dijitCalendarActiveDate:hover.dijitCalendarDisabledDate .dijitCalendarDateLabel,
.claro .dijitCalendarActiveDate:active.dijitCalendarDisabledDate .dijitCalendarDateLabel,
.claro .dijitCalendarActiveDate:focus.dijitCalendarDisabledDate .dijitCalendarDateLabel,
.claro .dijitCalendarActiveDate:visited.dijitCalendarDisabledDate .dijitCalendarDateLabel {
color: #cccccc !important;
background-color: transparent !important;
border-width: 0 !important;
margin: inherit !important;
position: relative !important;
top: inherit !important;
left: inherit !important;
width: inherit !important;
height: inherit !important;
border-radius: inherit !important;
padding-top: inherit !important;
}
.claro .dijitCalendarYearContainer .dijitCalendarYearLabel {
color: #0073a8 !important;
text-decoration: none !important;
font-size: 14px !important;
}
.claro .dijitCalendarPreviousYear {
color: #0073a8 !important;
text-decoration: none !important;
font-size: 14px !important;
float: left !important;
padding: 10px !important;
}
.claro .dijitCalendarPreviousYear:focus,
.claro .dijitCalendarPreviousYear:hover {
background-color: #ffffff !important;
border-width: 0 !important;
color: #00628f !important;
text-decoration: underline !important;
}
.claro .dijitCalendarNextYear {
color: #0073a8 !important;
text-decoration: none !important;
font-size: 14px !important;
float: right !important;
padding: 10px !important;
}
.claro .dijitCalendarNextYear:focus,
.claro .dijitCalendarNextYear:hover {
background-color: #ffffff !important;
border-width: 0 !important;
color: #00628f !important;
text-decoration: underline !important;
}
.claro .dijitArrowButtonInner {
display: none;
}
.claro .dijitCalendarMonthMenuPopup {
display: none !important;
}
.claro .dijitDropDownButtonHover .dijitButtonNode,
.claro .dijitDropDownButton:hover .dijitButtonNode {
background-color: #ffffff !important;
}
.claro .dijitReset .dijitCalendarSelectedYear {
padding: 9px 3px !important;
float: left;
margin-left: 56px;
}
.claro .dijitCalendarPreviousMonth .dijitCalendarDateLabel,
.claro .dijitCalendarNextMonth .dijitCalendarDateLabel {
color: #000000 !important;
}
.claro .dijitCalendarDisabledDate,
.claro .dijitCalendarDisabledDate .dijitCalendarDateLabel,
.claro .dijitCalendarDisabledDate:hover .dijitCalendarDateLabel,
.claro .dijitCalendarDisabledDate:active .dijitCalendarDateLabel {
color: #cccccc !important;
text-decoration: none !important;
}
.dijitCalendarMonthMenuPopup {
display: none !important;
}
.dijitDropdownButtonFocused {
pointer: default !important;
}
.dijitMenuItemSelected {
background-color: #0073a8 !important;
color: #ffffff !important;
}
.fpl-paging {
height: 60px;
position: relative;
margin-top: 20px;
}
.fpl-paging .line {
width: 100%;
height: 1px;
background-color: #cccccc;
position: absolute;
top: 40px;
}
.fpl-paging .page-count {
text-align: center;
font-size: 13px;
}
.fpl-paging .dojoPage .pageDijitContainer {
text-align: center;
}
.fpl-paging .dojoPage .pageDijitContainer ul {
list-style-type: none;
margin: 0;
padding: 0;
display: inline-block;
min-width: 140px;
max-width: 360px;
height: 40px;
border-radius: 20px;
background-color: #ffffff;
position: relative;
margin: 20px auto 10px;
border: 1px solid #cccccc;
padding-left: 11px;
padding-right: 11px;
}
.fpl-paging .dojoPage .pageDijitContainer ul li {
float: left;
cursor: pointer;
}
.fpl-paging .dojoPage .pageDijitContainer ul li.pageDijitItemMiddle,
.fpl-paging .dojoPage .pageDijitContainer ul li.pageDijitItemFirst,
.fpl-paging .dojoPage .pageDijitContainer ul li.pageDijitItemLast {
background-color: #ffffff;
width: 58px;
height: 38px;
color: #666666;
float: left;
padding-top: 10px;
border-left: 1px solid #cccccc;
font-weight: bold;
text-align: center;
}
@media (max-width: 767px) {
.fpl-paging .dojoPage .pageDijitContainer ul li.pageDijitItemMiddle,
.fpl-paging .dojoPage .pageDijitContainer ul li.pageDijitItemFirst,
.fpl-paging .dojoPage .pageDijitContainer ul li.pageDijitItemLast {
width: 42px;
font-size: 13px;
padding-top: 12px;
}
}
.fpl-paging .dojoPage .pageDijitContainer ul li.pageDijitItemMiddle.pageDijitSelected,
.fpl-paging .dojoPage .pageDijitContainer ul li.pageDijitItemFirst.pageDijitSelected,
.fpl-paging .dojoPage .pageDijitContainer ul li.pageDijitItemLast.pageDijitSelected {
background-color: #0073a8;
color: #ffffff;
}
.fpl-paging .dojoPage .pageDijitContainer ul li.pageDijitItemMiddle .span,
.fpl-paging .dojoPage .pageDijitContainer ul li.pageDijitItemFirst .span,
.fpl-paging .dojoPage .pageDijitContainer ul li.pageDijitItemLast .span {
display: inline-block;
margin: 0 auto;
}
.fpl-paging .dojoPage .pageDijitContainer ul li.pageDijitItemPrevious,
.fpl-paging .dojoPage .pageDijitContainer ul li.pageDijitItemNext {
width: 20px;
color: #e0e6e9;
font-size: 14px;
float: left;
height: 38px;
padding-top: 10px;
}
.fpl-paging .dojoPage .pageDijitContainer ul li.pageDijitItemPrevious.pageDijitItemEnabled,
.fpl-paging .dojoPage .pageDijitContainer ul li.pageDijitItemNext.pageDijitItemEnabled {
color: #666666;
}
.fpl-paging .dojoPage .pageDijitContainer ul li.pageDijitItemPrevious.pageDijitItemDisabled,
.fpl-paging .dojoPage .pageDijitContainer ul li.pageDijitItemNext.pageDijitItemDisabled {
color: #e0e6e9;
}
.fpl-paging .dojoPage .pageDijitContainer ul li.pageDijitItemPrevious {
float: left;
padding-right: 5px;
}
.fpl-paging .dojoPage .pageDijitContainer ul li.pageDijitItemNext {
float: right;
padding-left: 10px;
border-left: 1px solid #cccccc;
width: 22px;
}
.dojoxUploaderFileListTable {
width: 100%;
border-collapse: collapse;
margin-top: 5px;
}
.dojoxUploaderFileListHeader th {
background-color: #eee;
padding: 3px;
}
.dojoxUploaderIndex {
width: 20px;
}
.dojoxUploaderIcon {
width: 50px;
}
.dojoxUploaderSize {
width: 70px;
}
.dojoxUploaderFileListContent {
width: 100%;
}
.dojoxUploaderFileListProgress {
border: 1px solid #666;
height: 15px;
position: relative;
background: #fff;
overflow: hidden;
}
.dojoxUploaderFileListPercentText {
position: absolute;
right: 3px;
top: 3px;
font-size: 10px;
text-align: right;
}
.dojoxUploaderFileListProgressBar {
position: absolute;
top: 0px;
left: 0px;
height: 15px;
width: 0%;
background: #bfe1fd;
}
/*** Custom ***/
.dojoxUploaderFileListHeader,
.dojoxUploaderIndex,
.dojoxUploaderIcon,
.dojoxUploaderSize {
display: none;
}
label.dijitButton,
#uploaderID {
cursor: pointer;
}
.dijitButtonNode {
border-radius: 24px !important;
border: none !important;
}
.uploadBtn {
text-align: center;
}
.uploadBtn span.image-button {
padding: 14px;
color: #ffffff;
font-weight: bold;
}
/* Modules */
.fpl-accordion .accordionitem:first-child .accordion-item {
margin-top: 0;
}
.fpl-accordion .accordion-item {
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
margin-top: 24px;
}
@media (max-width: 1023px) {
.fpl-accordion .accordion-item {
margin-top: 36px;
}
}
.fpl-accordion .accordion-item.accordion-open .accordion-header {
border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0;
}
.fpl-accordion .accordion-item.accordion-open .accordion-header .fa.fa-minus {
display: block;
}
.fpl-accordion .accordion-item.accordion-open .accordion-header .fa.fa-plus {
display: none;
}
.fpl-accordion .accordion-item.accordion-open .accordion-body {
display: block;
}
.fpl-accordion .accordion-item .accordion-header {
background-color: #e2e6e9;
cursor: pointer;
padding: 24px 64px 24px 16px;
position: relative;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.fpl-accordion .accordion-item .accordion-header h3 {
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
color: #000000;
line-height: 30px;
margin: 0;
}
.fpl-accordion .accordion-item .accordion-header .accordion-icon {
background-color: #ffffff;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
position: absolute;
width: 36px;
height: 36px;
top: 0;
bottom: 0;
right: 16px;
padding: 10px;
margin: auto;
display: block;
text-align: center;
}
.fpl-accordion .accordion-item .accordion-header .accordion-icon .fa {
font-size: 16px;
width: 16px;
height: 16px;
color: #0073a8;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.fpl-accordion .accordion-item .accordion-header .accordion-icon .fa-minus {
display: none;
}
.fpl-accordion .accordion-item .accordion-header .accordion-icon:hover,
.fpl-accordion .accordion-item .accordion-header .accordion-icon:active,
.fpl-accordion .accordion-item .accordion-header .accordion-icon:focus,
.fpl-accordion .accordion-item .accordion-header .accordion-icon:visited {
text-decoration: none;
}
.fpl-accordion .accordion-item .accordion-body {
display: none;
padding: 24px 0;
background-color: #f0f2f4;
border-radius: 0 0 8px 8px;
-moz-border-radius: 0 0 8px 8px;
-webkit-border-radius: 0 0 8px 8px;
}
.fpl-accordion .accordion-item .accordion-body p {
font-size: 16px;
line-height: 30px;
color: #0c2739;
margin-bottom: 42px;
}
.fpl-accordion .accordion-item .accordion-body p:last-child {
margin-bottom: 0;
}
.fpl-accordion .accordion-item .accordion-body p.list-intro {
margin-bottom: 20px;
}
@media (max-width: 767px) {
.fpl-accordion .accordion-item .accordion-body p {
margin-bottom: 30px;
line-height: 24px;
}
.fpl-accordion .accordion-item .accordion-body p.list-intro {
margin-bottom: 36px;
}
}
.fpl-accordion .accordion-item .accordion-body h5 {
font-size: 18px;
font-family: Arial;
font-weight: bold;
font-style: normal;
margin: 0 0 18px 0;
color: #000000;
}
@media (max-width: 767px) {
.fpl-accordion .accordion-item .accordion-body h5 {
margin: 0 0 6px 0;
}
}
.fpl-accordion .accordion-item .accordion-body ul {
margin: 0 0 42px 0;
padding: 0;
}
.fpl-accordion .accordion-item .accordion-body ul li {
list-style-position: outside;
font-size: 16px;
color: #0c2739;
line-height: 30px;
margin-left: 16px;
}
@media (max-width: 767px) {
.fpl-accordion .accordion-item .accordion-body ul {
margin: 0 0 30px 0;
}
.fpl-accordion .accordion-item .accordion-body ul li {
line-height: 24px;
}
}
.article-sidebar .fpl-accordion {
clear: both;
}
.article-sidebar .fpl-accordion:before,
.article-sidebar .fpl-accordion:after {
content: " ";
display: table;
}
.article-sidebar .fpl-accordion:after {
clear: both;
}
.article-sidebar .fpl-accordion:before,
.article-sidebar .fpl-accordion:after {
content: " ";
display: table;
}
.article-sidebar .fpl-accordion:after {
clear: both;
}
.article-sidebar .fpl-accordion .accordion-item {
margin-top: 10px;
}
.article-sidebar .fpl-accordion .accordion-item .accordion-header h3 {
font-size: 18px;
line-height: 22px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.article-sidebar .fpl-accordion {
margin-left: 40px;
margin-right: 40px;
}
}
.parsys_column .fpl-accordion {
margin-bottom: 20px;
margin-top: 20px;
}
.fpl-accordion.content-list {
border-bottom: 1px solid #d9d9d9;
margin-left: -94px;
/* value changed from -104px to -94px to fix landing page issue for July release */
margin-right: -94px;
}
.fpl-accordion.content-list .accordion-item {
margin-top: 0;
}
.fpl-accordion.content-list .accordion-item .accordion-header {
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
background: #f0f2f4;
border-top: 1px solid #d9d9d9;
padding: 5px 60px 5px 16px;
position: relative;
}
.fpl-accordion.content-list .accordion-item .accordion-header h3 {
font-family: Arial;
font-size: 16px;
}
.fpl-accordion.content-list .accordion-item .accordion-header .accordion-icon {
background: none;
bottom: auto;
position: absolute;
right: 0;
top: 0;
}
.fpl-accordion.content-list .accordion-item .accordion-header .accordion-icon .fa {
font-size: 18px;
height: auto;
width: auto;
}
.fpl-accordion.content-list .accordion-item .accordion-header .accordion-icon .fa.fa-sort-down {
padding-top: 7px;
}
.fpl-accordion.content-list .accordion-item .accordion-header .accordion-icon .fa.fa-sort-up {
display: none;
padding-top: 16px;
}
.fpl-accordion.content-list .accordion-item.accordion-open .accordion-header {
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
background: #d6dee2;
}
.fpl-accordion.content-list .accordion-item.accordion-open .accordion-header .accordion-icon .fa-sort-down {
display: none;
}
.fpl-accordion.content-list .accordion-item.accordion-open .accordion-header .accordion-icon .fa-sort-up {
display: block;
}
.fpl-accordion.content-list .accordion-item.accordion-open .accordion-body {
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-top: 1px solid #d9d9d9;
padding-bottom: 15px;
padding-top: 15px;
}
.fpl-accordion.content-list .accordion-item.accordion-open .accordion-body:before,
.fpl-accordion.content-list .accordion-item.accordion-open .accordion-body:after {
content: " ";
display: table;
}
.fpl-accordion.content-list .accordion-item.accordion-open .accordion-body:after {
clear: both;
}
.fpl-accordion.content-list .accordion-item.accordion-open .accordion-body:before,
.fpl-accordion.content-list .accordion-item.accordion-open .accordion-body:after {
content: " ";
display: table;
}
.fpl-accordion.content-list .accordion-item.accordion-open .accordion-body:after {
clear: both;
}
.fpl-accordion.content-list .view-more {
font-size: 16px;
}
.fpl-accordion.content-list .view-more .accordion-header {
padding: 0;
padding-top: 5px;
text-align: center;
}
.fpl-accordion.content-list .view-more .accordion-header h3 {
display: inline-block;
}
.fpl-accordion.content-list .view-more .accordion-header .accordion-icon {
padding-bottom: 7px;
padding-top: 7px;
position: relative;
text-align: center;
display: inline-block;
}
.fpl-accordion.content-list .view-more .accordion-header .accordion-icon .fa {
margin-left: 0px;
padding-top: 0;
position: relative;
right: 0;
}
.fpl-accordion.content-list .view-more .accordion-header .accordion-icon .fa.fa-sort-down {
top: -8px;
}
.fpl-accordion.content-list .view-more .accordion-header .accordion-icon .fa.fa-sort-up {
top: 5px;
padding-top: 0;
}
@media (max-width: 1023px) {
.fpl-accordion.content-list {
margin-left: -52px;
margin-right: -52px;
}
}
@media (max-width: 767px) {
.fpl-accordion.content-list {
margin-left: -16px;
margin-right: -16px;
}
}
.fpl-calculator {
margin: 24px 0;
}
.fpl-calculator .sidebar {
padding: 30px 20px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.fpl-calculator .sidebar h3 {
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 26px;
line-height: 30px;
margin-top: 0;
margin-bottom: 36px;
}
.fpl-calculator .sidebar .fpl-form .fpl-form-row label {
font-size: 16px;
color: #666666;
line-height: 30px;
display: block;
margin-bottom: 18px;
font-weight: normal;
}
.fpl-calculator .sidebar .fpl-form .fpl-form-row .fpl-form-field.calc-selector-container {
overflow: visible;
z-index: 300;
}
.fpl-calculator .sidebar .fpl-form .fpl-form-row .fpl-form-field .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item {
font-size: 18px;
}
.fpl-calculator .sidebar .fpl-form .fpl-form-row .fpl-form-field .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-text {
padding: 10px 32px 10px 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.fpl-calculator .sidebar .fpl-form .fpl-form-row .fpl-form-field .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-arrow {
width: 32px;
height: 32px;
}
.fpl-calculator .sidebar .fpl-form .fpl-form-row .fpl-form-field .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-arrow .fa {
right: 0;
left: 0;
}
.fpl-calculator .sidebar .fpl-form .fpl-form-row .fpl-form-field .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-list li {
font-size: 18px;
padding: 10px;
}
.fpl-calculator .sidebar .fpl-form .form-results .fpl-form-row label {
margin-bottom: -6px;
}
.fpl-calculator .sidebar .fpl-form .form-results .fpl-form-row .fpl-form-field .result-amount {
display: block;
font-size: 54px;
color: #0c2739;
}
.fpl-calculator .sidebar .disclaimer {
font-size: 12px;
line-height: 18px;
color: #666666;
}
@media (min-width: 768px) and (max-width: 1023px) {
.fpl-calculator .sidebar {
padding: 36px 50px;
}
.fpl-calculator .sidebar h3 {
display: block;
text-align: center;
margin-bottom: 30px;
}
.fpl-calculator .fpl-form {
overflow: hidden;
position: relative;
}
.fpl-calculator .fpl-form .form-info {
float: left;
width: 60%;
padding-right: 40px;
border-right: 1px solid #cccccc;
}
.fpl-calculator .fpl-form .form-results {
height: 438px;
position: relative;
}
.fpl-calculator .fpl-form .form-results .calculated-values {
padding-left: 40px;
width: 39%;
position: absolute;
margin: auto;
height: 276px;
top: 0;
bottom: 0;
right: 0;
}
.fpl-calculator .fpl-form .form-results .calculated-values .fpl-form-row label {
margin-bottom: 18px;
}
.fpl-calculator .fpl-form .form-results .calculated-values .fpl-form-row .fpl-form-field .result-amount {
font-size: 42px;
}
.fpl-calculator .disclaimer {
margin: 30px auto 0;
text-align: center;
display: block;
max-width: 472px;
}
}
@media (max-width: 767px) {
.fpl-calculator .sidebar {
padding: 35px 10px;
}
.fpl-calculator .sidebar h3 {
margin-bottom: 24px;
}
.fpl-calculator .fpl-form .form-results .fpl-form-row .fpl-form-field .result-amount {
font-size: 36px;
}
}
.fpl-form .fpl-form-row .fpl-form-field {
overflow: hidden;
}
.fpl-form .fpl-form-row .fpl-form-field .fpl-number-field .number-arrow {
width: 54px;
height: 54px;
float: left;
background-color: #ffffff;
display: block;
position: relative;
}
.fpl-form .fpl-form-row .fpl-form-field .fpl-number-field .number-arrow .num-arrow-icon {
display: block;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
width: 14px;
height: 17px;
top: 0;
bottom: 0;
margin: auto;
position: absolute;
left: 0;
right: 0;
}
.fpl-form .fpl-form-row .fpl-form-field .fpl-number-field .number-arrow.increment {
border-radius: 0 8px 8px 0;
-moz-border-radius: 0 8px 8px 0;
-webkit-border-radius: 0 8px 8px 0;
}
.fpl-form .fpl-form-row .fpl-form-field .fpl-number-field .number-arrow.increment .num-arrow-icon {
border-left: 14px solid #0073a8;
}
.fpl-form .fpl-form-row .fpl-form-field .fpl-number-field .number-arrow.decrement {
border-radius: 8px 0 0 8px;
-moz-border-radius: 8px 0 0 8px;
-webkit-border-radius: 8px 0 0 8px;
}
.fpl-form .fpl-form-row .fpl-form-field .fpl-number-field .number-arrow.decrement .num-arrow-icon {
border-right: 14px solid #0073a8;
}
.fpl-form .fpl-form-row .fpl-form-field .fpl-number-field .number-arrow.disabled .num-arrow-icon {
opacity: .3;
filter: alpha(opacity=30);
}
.fpl-form .fpl-form-row .fpl-form-field .fpl-number-field .number-display {
width: 50px;
height: 54px;
float: left;
background-color: #ffffff;
border-width: 0 1px 0 1px;
border-color: #ececec;
border-style: solid;
position: relative;
}
.fpl-form .fpl-form-row .fpl-form-field .fpl-number-field .number-display .number-value {
display: block;
font-size: 20px;
color: #0c2739;
text-align: center;
height: 28px;
width: 50px;
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.fpl-did-you-know {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #f0f2f4;
border: 1px solid #a8a5a5;
padding: 25px 15px;
width: 100%;
}
.fpl-did-you-know h5 {
border-bottom: 1px solid #cccccc;
margin: 0;
padding: 0 0 20px 0;
display: block;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 40px;
}
.fpl-did-you-know h5 img {
display: inline-block;
vertical-align: top;
width: 38px;
margin-right: 40px;
}
.fpl-did-you-know p {
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
margin: 20px 0 0;
}
.fpl-did-you-know p.source {
font-size: 12px;
}
@media (max-width: 1023px) {
.fpl-did-you-know {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.fpl-did-you-know {
border: 0;
}
.fpl-did-you-know h5 {
text-align: center;
}
}
@media (max-width: 767px) {
.fpl-did-you-know h5 .lightbulb {
font-size: 32px;
padding-left: 60px;
padding-bottom: 5px;
padding-top: 5px;
}
}
.facts {
background-color: #f0f2f4;
padding: 30px 16px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
overflow: hidden;
position: relative;
}
.facts .facts-column .facts-section {
padding-bottom: 30px;
margin-top: 36px;
border-bottom: 1px solid #cccccc;
}
.facts .facts-column .facts-section:first-child {
margin-top: 0;
}
.facts .facts-column .facts-section a {
font-size: 16px;
}
.facts .facts-column .facts-section a .fa-file-text {
margin: 2px 16px 0 0;
vertical-align: top;
}
.facts .facts-column .facts-section p {
font-size: 16px;
}
.facts .facts-column .facts-section.facts-image-section {
text-align: center;
}
@media (min-width: 768px) and (max-width: 1023px) {
.facts .facts-column .facts-section.facts-image-section {
border-bottom: 0;
display: block;
}
}
.facts .facts-column .facts-section.facts-image-section .facts-image-wrap {
display: inline-block;
}
.facts .facts-column .facts-section.facts-image-section .facts-image-wrap .facts-img {
position: relative;
margin: 0 auto 20px;
-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
border: 1px solid #ffffff;
}
.facts .facts-column .facts-section.facts-image-section .facts-image-wrap .facts-img img {
max-width: 100%;
}
.facts .facts-column .facts-section.facts-image-section .facts-image-wrap .facts-img .facts-zoom-icon {
width: 50px;
height: 50px;
padding: 10px;
background-color: #f0f2f4;
position: absolute;
-webkit-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.35);
box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.35);
right: 16px;
bottom: 16px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
text-align: center;
}
.facts .facts-column .facts-section.facts-image-section .facts-image-wrap .facts-img .facts-zoom-icon .fa {
font-size: 30px;
width: 30px;
height: 30px;
margin: 0;
}
.facts .facts-column .facts-section.facts-image-section .facts-image-wrap a {
display: block;
text-align: left;
}
@media (min-width: 768px) and (max-width: 1023px) {
.facts .facts-column {
width: 50%;
float: left;
padding-left: 16px;
}
.facts .facts-column:first-child {
padding-left: 0;
border-right: 1px solid #cccccc;
padding-right: 16px;
}
.facts .facts-column .facts-section {
display: inline-block;
border-bottom: 0;
border-top: 1px solid #cccccc;
padding-top: 30px;
}
.facts .facts-column .facts-section p {
max-width: 250px;
}
.facts .facts-column .facts-section:first-child {
border-top: 0;
padding: 0;
}
}
.facts .facts-image-content {
text-align: center;
margin-bottom: 40px;
}
.fpl-info-list {
background-color: #f0f2f4;
margin: 30px 0;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.fpl-info-list h3 {
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 20px;
color: #000000;
line-height: 26px;
padding: 0 0 24px 0;
border-bottom: 1px solid #cccccc;
margin: 0 0 24px 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
.fpl-info-list h3 {
font-size: 24px;
}
}
@media (max-width: 767px) {
.fpl-info-list h3 {
font-size: 20px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.fpl-info-list h3 {
text-align: center;
}
}
.fpl-info-list ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.fpl-info-list ul li {
font-size: 16px;
margin-bottom: 10px;
padding-left: 25px;
position: relative;
}
.fpl-info-list ul li:before,
.fpl-info-list ul li:after {
content: " ";
display: table;
}
.fpl-info-list ul li:after {
clear: both;
}
.fpl-info-list ul li:before,
.fpl-info-list ul li:after {
content: " ";
display: table;
}
.fpl-info-list ul li:after {
clear: both;
}
.fpl-info-list ul li .fa-check {
float: left;
width: 16px;
color: #68bb45;
left: 0;
margin: 0 16px 0 0;
position: absolute;
top: 3px;
vertical-align: baseline;
}
.fpl-info-list ul li a {
display: block;
text-decoration: none;
}
.fpl-info-list ul li a span {
vertical-align: top;
max-width: 75%;
}
@media (max-width: 767px) {
.fpl-info-list ul li a span {
max-width: 220px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.fpl-info-list ul li {
display: inline-block;
width: 32%;
margin-right: 16.666667%;
padding-right: 24px;
}
.fpl-info-list ul li:nth-child(2n+1) {
margin-left: 16.666667%;
margin-right: 0;
}
.fpl-info-list ul li a span {
max-width: 160px;
}
}
.fpl-info-list .info-section {
border-top: 1px solid #cccccc;
padding: 30px 0;
}
.fpl-info-list .info-section:first-child {
margin-top: 0;
border-top: 0;
padding-top: 0;
}
.fpl-info-list .info-section h3 {
margin: 0 0 24px 0;
border-bottom: 0;
padding: 0;
}
.fpl-info-list .info-section p {
font-size: 16px;
line-height: 24px;
margin: 36px 0 0 0;
}
.fpl-info-list .info-section .info-column:first-child p {
margin-top: 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
.fpl-info-list .info-section {
overflow: hidden;
position: relative;
}
.fpl-info-list .info-section .info-column {
width: 33.3333%;
float: left;
padding: 0 16px;
}
.fpl-info-list .info-section p {
text-align: center;
}
}
.fpl-links-list.carets-off ul li a .fa {
display: none;
}
.fpl-links-list.desc-off p {
display: none;
}
.fpl-links-list h4 {
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 20px;
color: #000000;
line-height: 26px;
margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
.fpl-links-list h4 {
font-size: 24px;
}
}
@media (max-width: 767px) {
.fpl-links-list h4 {
font-size: 20px;
}
}
.fpl-links-list p {
color: #404040;
margin-bottom: 10px;
font-size: 16px;
}
.fpl-links-list ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.fpl-links-list ul li {
display: block;
padding: 5px 0;
margin: 0;
}
.fpl-links-list ul li a {
font-family: Arial;
font-size: 16px;
word-wrap: break-word;
}
.fpl-links-list ul li a .fa {
font-size: 7px;
font-weight: normal;
}
@media (max-width: 767px) {
.fpl-links-list {
background-color: transparent;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
margin: 36px -16px;
padding: 0;
}
.fpl-links-list hr {
display: none;
}
.fpl-links-list h4 {
padding: 0 16px 16px 16px;
display: block;
margin: 0;
}
.fpl-links-list p {
font-size: 15px;
padding: 0 16px 16px;
}
.fpl-links-list ul li {
display: block;
margin: 0;
border-bottom: 1px solid #cccccc;
padding: 0;
}
.fpl-links-list ul li:first-child {
border-top: 1px solid #cccccc;
}
.fpl-links-list ul li a {
display: block;
width: 100%;
position: relative;
padding: 16px;
}
.fpl-links-list ul li a .fa {
font-size: 10px;
width: 7px;
height: 10px;
position: absolute;
margin: auto;
right: 16px;
bottom: 0;
top: 0;
}
}
.fpl-bullet-list.carets-off ul li a .fa {
display: none;
}
.fpl-bullet-list.desc-off p {
display: none;
}
.fpl-bullet-list h4 {
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 20px;
color: #000000;
line-height: 26px;
margin: 0 0 20px 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
.fpl-bullet-list h4 {
font-size: 24px;
}
}
@media (max-width: 767px) {
.fpl-bullet-list h4 {
font-size: 20px;
}
}
.fpl-bullet-list p {
color: #404040;
font-size: 16px;
padding-bottom: 10px;
}
@media (max-width: 767px) {
.fpl-bullet-list p {
font-size: 15px;
padding: 0 16px 16px;
}
}
.fpl-bullet-list ul li {
font-size: 16px;
padding: 3px 0;
margin: 0;
}
.fpl-bullet-list ul li a {
font-size: 16px;
}
.fpl-bullet-list ul li a .fa {
font-size: 10px;
}
.fpl-gallery {
margin-top: 60px;
}
.fpl-gallery h3 {
background: url(../images/fpl_sprite.png) 0 -2800 no-repeat #ffffff;
margin: 0 0 24px 0;
padding: 4px 0 0 54px;
width: 32px;
height: 32px;
white-space: nowrap;
}
.fpl-gallery .gallery .gallery-wrap {
opacity: 0;
}
.fpl-gallery .gallery .gallery-item .gallery-img {
width: 100%;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
overflow: hidden;
position: relative;
}
.fpl-gallery .gallery .gallery-item .gallery-img img {
max-width: 100%;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.fpl-gallery .gallery.gallery-images-loading {
min-height: 300px;
background: url(../images/bx_loader.gif) center center no-repeat #ffffff;
-webkit-box-shadow: none;
box-shadow: none;
}
.fpl-gallery .gallery.gallery-images-loading .gallery-wrap {
visibility: visible;
opacity: 1;
}
.fpl-gallery.info-gallery .gallery-wrap.loading-complete {
opacity: 1;
}
.fpl-gallery.info-gallery .gallery-info {
float: left;
padding: 0 16px;
width: 33.333333%;
}
.fpl-gallery.info-gallery .gallery-info h3 {
background: none;
margin: 0 0 24px 0;
padding: 4px 0 0;
}
.fpl-gallery.info-gallery .gallery-info p {
color: #252525;
font-size: 16px;
line-height: 30px;
margin: 24px 0 16px 0;
}
.fpl-gallery.info-gallery .gallery-info p:first-child {
margin-top: 0;
}
.fpl-gallery.info-gallery .gallery {
float: left;
padding: 0 16px;
width: 66.666666%;
}
.fpl-gallery.info-gallery .gallery .gallery-item {
width: 50%;
padding: 0 0 0 16px;
display: inline-block;
vertical-align: top;
margin-left: -4px;
}
.fpl-gallery.info-gallery .gallery .gallery-item:nth-child(2n+1) {
margin-left: 0;
padding: 0 16px 0 0;
}
.fpl-gallery.info-gallery .gallery .gallery-item p {
font-family: Arial;
font-weight: normal;
font-style: normal;
color: #0c2739;
font-size: 16px;
line-height: 24px;
margin: 12px 0 16px 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
.fpl-gallery.info-gallery .gallery .gallery-item p {
font-size: 14px;
}
}
.fpl-gallery.image-gallery .gallery {
margin: 0 -16px;
}
.fpl-gallery.image-gallery .gallery h3 {
margin-left: 16px;
}
.fpl-gallery.image-gallery .gallery .gallery-wrap.loading-complete {
opacity: 1;
}
.fpl-gallery.image-gallery .gallery .gallery-item {
width: 33.333333%;
padding: 0 16px;
display: block;
float: left;
margin: 16px 0;
}
.fpl-gallery.image-gallery .gallery .gallery-item p {
font-family: Arial;
font-weight: normal;
font-style: normal;
color: #0c2739;
font-size: 16px;
line-height: 24px;
margin: 12px 0 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
.fpl-gallery.image-gallery .gallery .gallery-item p {
font-size: 14px;
}
}
.fpl-gallery.info-gallery.white-on-blue,
.embCarousel .fpl-gallery.info-gallery {
margin-top: 0px;
}
.fpl-gallery.info-gallery.white-on-blue .gallery,
.embCarousel .fpl-gallery.info-gallery .gallery {
width: 100%;
padding: 0;
}
.fpl-gallery.info-gallery.white-on-blue .gallery .gallery-item:nth-child(2n),
.embCarousel .fpl-gallery.info-gallery .gallery .gallery-item:nth-child(2n) {
padding: 0 0 0 5px;
}
.fpl-gallery.info-gallery.white-on-blue .gallery .gallery-item:nth-child(2n+1),
.embCarousel .fpl-gallery.info-gallery .gallery .gallery-item:nth-child(2n+1) {
padding: 0 5px 0 0;
}
.fpl-gallery.info-gallery.white-on-blue .gallery .gallery-item .gallery-img,
.embCarousel .fpl-gallery.info-gallery .gallery .gallery-item .gallery-img {
width: 100%;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
.fpl-gallery.info-gallery.white-on-blue .gallery .gallery-item .gallery-img img,
.embCarousel .fpl-gallery.info-gallery .gallery .gallery-item .gallery-img img {
max-width: 100%;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
width: 100%;
}
.fpl-gallery.info-gallery.white-on-blue .gallery .gallery-item p,
.embCarousel .fpl-gallery.info-gallery .gallery .gallery-item p {
margin: 0;
background-color: #0073a8;
padding: 20px 40px 80px 40px;
line-height: 22px;
color: #ffffff;
font-family: Arial;
font-size: 16px;
}
.fpl-gallery.info-gallery.white-on-blue .gallery .gallery-item p b,
.embCarousel .fpl-gallery.info-gallery .gallery .gallery-item p b {
display: block;
margin-bottom: 15px;
font-size: 20px;
line-height: 10px;
}
.fpl-gallery.info-gallery.white-on-blue .gallery .gallery-item p a,
.embCarousel .fpl-gallery.info-gallery .gallery .gallery-item p a {
display: block;
margin-top: 5px;
font-weight: bold;
}
.fpl-gallery.info-gallery.white-on-blue .gallery .gallery-item p a.learnMore-link,
.embCarousel .fpl-gallery.info-gallery .gallery .gallery-item p a.learnMore-link {
float: left;
width: 50%;
}
.fpl-gallery.info-gallery.white-on-blue .gallery .gallery-item p a.enrollNow-link,
.embCarousel .fpl-gallery.info-gallery .gallery .gallery-item p a.enrollNow-link {
float: right;
width: 50%;
text-align: right;
}
.fpl-gallery.info-gallery.white-on-blue .gallery .gallery-item *,
.embCarousel .fpl-gallery.info-gallery .gallery .gallery-item * {
color: #ffffff;
}
.fpl-gallery.carousel-gallery .gallery {
-webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.15);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.fpl-gallery.carousel-gallery .gallery .gallery-wrap {
visibility: visible;
opacity: 1;
-webkit-transition: opacity 500ms;
transition: opacity 500ms;
}
.fpl-gallery.carousel-gallery .gallery.gallery-images-loading {
min-height: 300px;
background: url(../images/bx_loader.gif) center center no-repeat #ffffff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
-webkit-box-shadow: none;
box-shadow: none;
}
.fpl-gallery.carousel-gallery .gallery.gallery-images-loading .gallery-wrap {
visibility: hidden;
opacity: 0;
}
.fpl-gallery.carousel-gallery .gallery .carousel-viewport .carousel-slides {
list-style: none;
padding: 0;
}
.fpl-gallery.carousel-gallery .gallery .carousel-viewport .gallery-item {
min-height: 1px;
min-width: 1px;
}
.fpl-gallery.carousel-gallery .gallery .carousel-viewport .gallery-item .gallery-img {
border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0;
}
.fpl-gallery.carousel-gallery .gallery .carousel-viewport .gallery-item .gallery-img img {
max-width: 100%;
border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0;
display: inline-block;
}
.fpl-gallery.carousel-gallery .gallery .carousel-viewport h4 {
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 30px;
line-height: 42px;
color: #0c2739;
display: block;
padding: 24px 100px;
background: #ffffff;
background: rgba(255, 255, 255, 0.8);
width: 100%;
margin: 0;
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
}
@media (max-width: 767px) {
.fpl-gallery.carousel-gallery .gallery .carousel-viewport h4 {
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 14px;
line-height: 18px;
}
}
.fpl-gallery.carousel-gallery .gallery .mobile-carousel-pager {
display: none;
}
.fpl-gallery.carousel-gallery .gallery .carousel-pager {
display: block;
}
.fpl-gallery.carousel-gallery .gallery .carousel-pager .pager-nav {
display: inline-block;
vertical-align: middle;
width: 10%;
text-align: center;
margin-left: -4px;
}
.fpl-gallery.carousel-gallery .gallery .carousel-pager .pager-nav:first-child {
margin-left: 0;
}
.fpl-gallery.carousel-gallery .gallery .carousel-pager .pager-nav .pager-icon {
width: 11px;
height: 20px;
display: inline-block;
}
.fpl-gallery.carousel-gallery .gallery .carousel-pager .pager-nav .pager-icon .icon-arrow {
display: block;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
float: left;
}
.fpl-gallery.carousel-gallery .gallery .carousel-pager .pager-nav .pager-icon .icon-bar {
display: block;
float: left;
width: 1px;
height: 20px;
background-color: #0073a8;
}
.fpl-gallery.carousel-gallery .gallery .carousel-pager .pager-nav .pager-icon .disabled .icon-bar {
background-color: #cccccc;
}
.fpl-gallery.carousel-gallery .gallery .carousel-pager .pager-nav .pager-icon.pager-prev .icon-arrow {
border-right: 10px solid #0073a8;
}
.fpl-gallery.carousel-gallery .gallery .carousel-pager .pager-nav .pager-icon.pager-prev .disabled .icon-arrow {
border-right: 10px solid #cccccc;
}
.fpl-gallery.carousel-gallery .gallery .carousel-pager .pager-nav .pager-icon.pager-next .icon-arrow {
border-left: 10px solid #0073a8;
}
.fpl-gallery.carousel-gallery .gallery .carousel-pager .pager-nav .pager-icon.pager-next .disabled .icon-arrow {
border-left: 10px solid #cccccc;
}
.fpl-gallery.carousel-gallery .gallery .carousel-pager .pager-thumbs {
padding: 18px 32px;
background-color: #f0f2f4;
border-right: 1px solid #d9d9d9;
border-left: 1px solid #d9d9d9;
width: 80%;
position: relative;
overflow: hidden;
display: inline-block;
vertical-align: middle;
margin-left: -4px;
}
.fpl-gallery.carousel-gallery .gallery .carousel-pager .pager-thumbs .pager-images {
list-style-type: none;
margin: 0;
padding: 0;
width: 600%;
}
.fpl-gallery.carousel-gallery .gallery .carousel-pager .pager-thumbs .pager-images .gallery-img {
float: left;
display: block;
padding: 0;
width: 176px;
outline: none;
}
.fpl-gallery.carousel-gallery .gallery .carousel-pager .pager-thumbs .pager-images .gallery-img img {
padding: 2px;
}
.fpl-gallery.carousel-gallery .gallery .carousel-pager .pager-thumbs .pager-images .gallery-img.active img {
background: #0073a8;
}
.fpl-gallery.carousel-gallery .gallery .carousel-pager .pager-thumbs .pager-images .gallery-img img {
width: 100%;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.fpl-gallery.carousel-gallery .gallery .carousel-pager .pager-thumbs .bx-wrapper .bx-viewport {
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
left: 0;
background-color: #f0f2f4;
}
@media (min-width: 768px) and (max-width: 1023px) {
.fpl-gallery.info-gallery .gallery-info {
width: 50%;
}
.fpl-gallery.info-gallery .gallery {
width: 50%;
}
.fpl-gallery.carousel-gallery .gallery .carousel-viewport h4 {
padding: 16px 64px;
}
.fpl-gallery.carousel-gallery .gallery .carousel-pager .pager-thumbs {
padding: 18px 20px;
}
}
@media (max-width: 767px) {
.fpl-gallery.info-gallery .gallery-info {
width: 100%;
margin-bottom: 36px;
padding: 0;
}
.fpl-gallery.info-gallery h3 {
margin: 0 0 24px 16px;
}
.fpl-gallery.info-gallery .gallery {
width: auto;
padding: 0;
}
.fpl-gallery.info-gallery .gallery .gallery-item {
width: 100%;
padding: 0;
text-align: center;
margin: 0;
}
.fpl-gallery.info-gallery .gallery .gallery-item:nth-child(2n+1) {
padding: 0;
}
.fpl-gallery.info-gallery .gallery .gallery-item .gallery-img {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
display: block;
width: 100%;
}
.fpl-gallery.info-gallery .gallery .gallery-item .gallery-img img {
width: 100%;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
min-width: 1px;
}
.fpl-gallery.info-gallery .gallery .gallery-item p {
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 30px;
line-height: 42px;
color: #0c2739;
display: block;
padding: 12px 24px;
background: #ffffff;
background: rgba(255, 255, 255, 0.8);
width: 100%;
margin: 0;
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
text-align: left;
}
.fpl-gallery.carousel-gallery h3 {
display: none;
}
.fpl-gallery.carousel-gallery .gallery {
margin: 0 -16px;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.fpl-gallery.carousel-gallery .gallery .carousel-viewport h4 {
padding: 12px 24px;
}
.fpl-gallery.carousel-gallery .gallery .carousel-pager {
display: none;
}
.fpl-gallery.image-gallery .gallery {
-webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.fpl-gallery.image-gallery .gallery .mobile-carousel-slides .gallery-item {
padding: 0;
margin-top: 0;
}
.fpl-gallery.image-gallery .gallery .mobile-carousel-slides .gallery-item .gallery-img {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
display: block;
}
.fpl-gallery.image-gallery .gallery .mobile-carousel-slides .gallery-item p {
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 30px;
line-height: 42px;
color: #0c2739;
display: block;
padding: 12px 24px;
background: #ffffff;
background: rgba(255, 255, 255, 0.8);
width: 100%;
margin: 0;
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
text-align: left;
}
.fpl-gallery.info-gallery .gallery-info,
.fpl-gallery.image-gallery .gallery-info {
clear: both;
}
.fpl-gallery.info-gallery .gallery-image-section,
.fpl-gallery.image-gallery .gallery-image-section {
position: relative;
width: auto;
min-height: 300px;
clear: both;
margin-left: -16px;
margin-right: -16px;
}
.fpl-gallery.info-gallery .gallery .gallery-wrap,
.fpl-gallery.image-gallery .gallery .gallery-wrap {
visibility: visible;
opacity: 0;
}
.fpl-gallery.info-gallery .gallery .gallery-wrap.loading-complete,
.fpl-gallery.image-gallery .gallery .gallery-wrap.loading-complete {
opacity: 1;
}
.fpl-gallery.info-gallery .gallery.gallery-images-loading,
.fpl-gallery.image-gallery .gallery.gallery-images-loading {
min-height: 300px;
background: url(../images/bx_loader.gif) center center no-repeat #ffffff;
height: 100%;
width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
}
.fpl-gallery.info-gallery .gallery.gallery-images-loading .gallery-wrap,
.fpl-gallery.image-gallery .gallery.gallery-images-loading .gallery-wrap {
visibility: hidden;
opacity: 0;
}
.fpl-gallery.info-gallery.white-on-blue {
margin-top: 20px;
}
.fpl-gallery.info-gallery.white-on-blue .gallery-image-section {
padding: 15px;
max-height: 275px;
margin: 0;
}
.fpl-gallery.info-gallery.white-on-blue .gallery-image-section .gallery {
width: 100%;
}
.fpl-gallery.info-gallery.white-on-blue .gallery-image-section .gallery .gallery-item p {
position: relative;
padding: 10px 15px;
}
.fpl-gallery.info-gallery.white-on-blue .gallery-image-section .gallery .gallery-item p b {
margin-bottom: 5px;
}
.fpl-gallery.info-gallery.white-on-blue .gallery-image-section .gallery .gallery-item p a {
margin-top: 5px;
}
.fpl-gallery.info-gallery.white-on-blue .gallery-image-section .bx-controls.bx-has-pager .bx-pager-link {
background: #d9d9d9;
}
.fpl-gallery.info-gallery.white-on-blue .gallery-image-section .bx-controls.bx-has-pager .bx-pager-link.active {
background: #5fb0e7;
}
}
@media (max-width: 767px) and (max-width: 767px) {
.fpl-gallery.info-gallery .gallery .gallery-item p {
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 14px;
line-height: 18px;
}
}
@media (max-width: 767px) and (max-width: 767px) {
.fpl-gallery.image-gallery .gallery .mobile-carousel-slides .gallery-item p {
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 14px;
line-height: 18px;
}
}
.fpl-gallery .mobile-carousel-pager {
display: block;
padding: 10px 16px;
}
.fpl-gallery .mobile-carousel-pager .pager-icon {
display: inline-block;
vertical-align: middle;
width: 10%;
margin-left: -4px;
}
.fpl-gallery .mobile-carousel-pager .pager-icon:first-child {
margin-left: 0;
}
.fpl-gallery .mobile-carousel-pager .pager-icon .icon-arrow {
display: block;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
float: left;
}
.fpl-gallery .mobile-carousel-pager .pager-icon.pager-prev .icon-arrow {
border-right: 6px solid #0073a8;
}
.fpl-gallery .mobile-carousel-pager .pager-icon.pager-prev .disabled .icon-arrow {
border-right: 6px solid #cccccc;
}
.fpl-gallery .mobile-carousel-pager .pager-icon.pager-next .icon-arrow {
float: right;
border-left: 6px solid #0073a8;
}
.fpl-gallery .mobile-carousel-pager .pager-icon.pager-next .disabled .icon-arrow {
border-left: 6px solid #cccccc;
}
.fpl-gallery .mobile-carousel-pager .pager-info {
display: inline-block;
vertical-align: middle;
width: 80%;
font-size: 14px;
text-align: center;
margin-left: -4px;
}
.fpl-gallery .mobile-carousel-pager .pager-info .current-page {
font-weight: bold;
}
.embCarousel .gallery-container {
margin-top: 0 !important;
}
#imageGalleryModal .modal-dialog {
width: 80%;
max-width: 1024px;
}
#imageGalleryModal .modal-dialog .modal-content {
padding: 10px;
}
#imageGalleryModal .modal-dialog .modal-content .modal-gallery-img {
display: block;
position: relative;
}
#imageGalleryModal .modal-dialog .modal-content .modal-gallery-img img {
width: 100%;
max-width: 100%;
}
#imageGalleryModal .modal-dialog .modal-content .modal-gallery-img h4 {
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 30px;
line-height: 42px;
color: #0c2739;
display: block;
padding: 24px 36px;
background: #ffffff;
background: rgba(255, 255, 255, 0.8);
width: 100%;
margin: 0;
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
}
@media (max-width: 767px) {
#imageGalleryModal .modal-dialog .modal-content .modal-gallery-img h4 {
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 14px;
line-height: 18px;
}
}
.bx-wrapper .bx-loading,
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next,
.bx-wrapper .bx-controls-auto .bx-start,
.bx-wrapper .bx-controls-auto .bx-stop {
background: none;
}
.bx-wrapper {
margin: 0;
}
.bx-wrapper .bx-viewport {
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
left: 0;
}
#faqDiv .bx-wrapper .bx-viewport {
height: 420px !important;
}
@media (max-width: 767px) {
#faqDiv .bx-wrapper .bx-viewport {
height: 480px !important;
}
}
.fpl-media-player-thumb {
line-height: 0;
margin-top: 60px;
position: relative;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.fpl-media-player-thumb .player-thumb-img {
width: 100%;
height: auto;
border-right: 1px solid transparent;
}
.fpl-media-player-thumb .player-thumb-img img {
width: 100%;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.fpl-media-player-thumb .player-thumb-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 1;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.fpl-media-player-thumb .player-thumb-overlay img {
width: 100%;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.fpl-media-player-thumb .player-thumb-content {
height: auto;
position: absolute;
margin: auto;
top: 36%;
bottom: 46px;
z-index: 3;
width: 100%;
}
.fpl-media-player-thumb .player-thumb-content .player-icon {
display: block;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
background: #ffffff;
width: 64px;
height: 64px;
margin: auto;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
position: relative;
}
.fpl-media-player-thumb .player-thumb-content .player-icon .play-icon {
display: block;
width: 18px;
height: 18px;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 16px solid #0073a8;
top: 0;
bottom: 0;
margin: auto;
position: absolute;
left: 6px;
right: 0;
}
.fpl-media-player-thumb .player-thumb-content p {
font-family: Arial;
font-weight: normal;
font-style: normal;
color: #0c2739;
font-size: 18px;
line-height: 24px;
display: block;
padding: 16px 16px 0 16px;
margin: 0;
text-align: center;
}
@media (max-width: 767px) {
.fpl-media-player-thumb .player-thumb-content p {
font-size: 16px;
line-height: 22px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.fpl-media-player-thumb .player-thumb-content {
height: auto;
}
.fpl-media-player-thumb .player-thumb-content .player-icon {
width: 92px;
height: 92px;
}
.fpl-media-player-thumb .player-thumb-content .player-icon .play-icon {
width: 22px;
height: 22px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 20px solid #0073a8;
}
.fpl-media-player-thumb .player-thumb-content p {
padding: 5% 16px 0 16px;
}
}
@media (min-width: 768px) and (max-width: 1023px) and (max-width: 767px) {
.fpl-media-player-thumb .player-thumb-content p {
padding: 6% 16px 0 16px;
}
}
#mediaPlayerModal .modal-dialog,
.mediaPlayerModal .modal-dialog,
.fplModal.modal[id^="mediaPlayerModal-"] .modal-dialog {
width: 940px;
}
#mediaPlayerModal .modal-dialog .modal-content .media-player-content iframe,
.mediaPlayerModal .modal-dialog .modal-content .media-player-content iframe,
.fplModal.modal[id^="mediaPlayerModal-"] .modal-dialog .modal-content .media-player-content iframe {
width: 900px;
height: 506px;
}
@media (min-width: 1280px) {
#mediaPlayerModal .modal-dialog,
.mediaPlayerModal .modal-dialog,
.fplModal.modal[id^="mediaPlayerModal-"] .modal-dialog {
width: 1220px;
}
#mediaPlayerModal .modal-dialog .modal-content .media-player-content iframe,
.mediaPlayerModal .modal-dialog .modal-content .media-player-content iframe,
.fplModal.modal[id^="mediaPlayerModal-"] .modal-dialog .modal-content .media-player-content iframe {
width: 1180px;
height: 450px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
#mediaPlayerModal .modal-dialog,
.mediaPlayerModal .modal-dialog,
.fplModal.modal[id^="mediaPlayerModal-"] .modal-dialog {
width: 700px;
}
#mediaPlayerModal .modal-dialog .modal-content .media-player-content iframe,
.mediaPlayerModal .modal-dialog .modal-content .media-player-content iframe,
.fplModal.modal[id^="mediaPlayerModal-"] .modal-dialog .modal-content .media-player-content iframe {
width: 660px;
height: 371px;
}
}
@media (max-width: 767px) {
#mediaPlayerModal .modal-dialog,
.mediaPlayerModal .modal-dialog,
.fplModal.modal[id^="mediaPlayerModal-"] .modal-dialog {
width: 100%;
text-align: center;
}
#mediaPlayerModal .modal-dialog .modal-content .media-player-content iframe,
.mediaPlayerModal .modal-dialog .modal-content .media-player-content iframe,
.fplModal.modal[id^="mediaPlayerModal-"] .modal-dialog .modal-content .media-player-content iframe {
width: 280px;
height: 158px;
margin: auto;
}
}
#mediaPlayerModal .modal-dialog .modal-content,
.mediaPlayerModal .modal-dialog .modal-content,
.fplModal.modal[id^="mediaPlayerModal-"] .modal-dialog .modal-content {
padding-left: 16px;
padding-right: 16px;
padding-bottom: 40px;
}
.media-carousel {
padding: 60px 0;
position: relative;
overflow: hidden;
min-height: 300px;
}
.media-carousel .media-carousel-header {
position: relative;
padding: 20px 0;
overflow: hidden;
}
.media-carousel .media-carousel-header img {
width: 32px;
height: 32px;
display: block;
position: absolute;
margin: auto;
top: 16px;
left: 0;
}
.media-carousel .media-carousel-header h3 {
display: block;
font-size: 26px;
color: #404040;
margin: 0;
margin-left: 48px;
}
.media-carousel .media-carousel-header .media-carousel-nav {
position: absolute;
margin: auto;
width: 72px;
height: 30px;
top: 0;
bottom: 0;
right: 0;
}
.media-carousel .media-carousel-header .media-carousel-nav > a {
display: block;
background-color: #0073a8;
height: 30px;
width: 36px;
position: relative;
}
.media-carousel .media-carousel-header .media-carousel-nav > a .pager-arrow {
display: block;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
width: 7px;
height: 14px;
top: 0;
bottom: 0;
margin: auto;
position: absolute;
left: 0;
right: 0;
}
.media-carousel .media-carousel-header .media-carousel-nav > a.disabled {
opacity: .4;
filter: alpha(opacity=40);
}
.media-carousel .media-carousel-header .media-carousel-nav > a.bx-prev {
float: left;
border-radius: 8px 0 0 8px;
-moz-border-radius: 8px 0 0 8px;
-webkit-border-radius: 8px 0 0 8px;
}
.media-carousel .media-carousel-header .media-carousel-nav > a.bx-prev .pager-arrow {
border-right: 7px solid #ffffff;
}
.media-carousel .media-carousel-header .media-carousel-nav > a.bx-next {
float: right;
border-radius: 0 8px 8px 0;
-moz-border-radius: 0 8px 8px 0;
-webkit-border-radius: 0 8px 8px 0;
}
.media-carousel .media-carousel-header .media-carousel-nav > a.bx-next .pager-arrow {
border-left: 7px solid #ffffff;
}
.media-carousel .gallery-images-loading {
min-height: 300px;
background: url(../images/bx_loader.gif) center center no-repeat #ffffff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
-webkit-box-shadow: none;
box-shadow: none;
}
.media-carousel .gallery-images-loading .media-carousel-wrap {
visibility: hidden;
opacity: 0;
}
.media-carousel .media-viewport {
position: relative;
}
.media-carousel .media-viewport .media-carousel-items .media-carousel-slide:first-child {
margin-left: 0;
}
.media-carousel .media-viewport .media-carousel-items .media-carousel-slide .fpl-media-player-thumb {
margin: 0;
}
.media-carousel .media-viewport .media-carousel-items .media-carousel-slide .fpl-media-player-thumb .player-icon {
width: 60px;
height: 60px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.media-carousel .media-viewport .media-carousel-items .media-carousel-slide .fpl-media-player-thumb .player-icon .play-icon {
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
border-left: 20px solid #0073a8;
}
.media-carousel .media-viewport .media-carousel-items .media-carousel-slide p {
font-family: Arial;
font-weight: bold;
font-style: normal;
color: #0073a8;
font-size: 16px;
line-height: 24px;
margin: 12px 0 6px;
}
@media (max-width: 1023px) {
.media-carousel .media-viewport .media-carousel-items .media-carousel-slide p {
font-size: 14px;
line-height: 22px;
}
}
.media-carousel .media-viewport .media-carousel-items .media-carousel-slide label {
font-family: Arial;
font-weight: normal;
font-style: normal;
color: #0c2739;
font-size: 16px;
line-height: 22px;
}
@media (max-width: 1023px) {
.media-carousel .media-viewport .media-carousel-items .media-carousel-slide label {
font-size: 14px;
line-height: 20px;
}
}
.media-carousel .media-carousel-tracker {
margin-top: 24px;
display: none;
}
.media-carousel .media-carousel-tracker .bx-pager {
border-bottom: 1px solid #e6e6e6;
position: relative;
overflow: hidden;
}
.media-carousel .media-carousel-tracker .bx-pager .bx-pager-item {
float: left;
}
.media-carousel .media-carousel-tracker .bx-pager .bx-pager-item .bx-pager-link {
display: block;
float: left;
width: 100%;
height: 5px;
background-color: transparent;
border-bottom: 1px solid transparent;
text-indent: -9999px;
}
.media-carousel .media-carousel-tracker .bx-pager .bx-pager-item .bx-pager-link.active {
background-color: #666666;
border-bottom: 1px solid #5c5c5c;
}
@media (min-width: 768px) and (max-width: 1023px) {
.media-carousel .media-viewport .media-carousel-items .media-carousel-slide .fpl-media-player-thumb .player-icon {
width: 50px;
height: 50px;
}
.media-carousel .media-viewport .media-carousel-items .media-carousel-slide .fpl-media-player-thumb .player-icon .play-icon {
width: 14px;
height: 16px;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 14px solid #0073a8;
}
.media-carousel .media-viewport .media-carousel-items .media-carousel-slide .fpl-media-player-thumb .player-thumb-content {
height: auto;
}
.media-carousel .media-carousel-tracker {
display: block;
}
}
@media (max-width: 767px) {
.media-carousel {
margin: 0 -16px;
}
.media-carousel .media-carousel-header {
margin: 0 16px;
}
.media-carousel .media-viewport {
width: auto;
}
.media-carousel .media-viewport .media-carousel-items .media-carousel-slide {
float: none;
margin: 0;
width: 100%;
}
.media-carousel .media-viewport .media-carousel-items .media-carousel-slide p {
background-color: #eff2f4;
margin: 0;
padding: 24px 16px 0;
display: block;
width: 100%;
}
.media-carousel .media-viewport .media-carousel-items .media-carousel-slide label {
display: block;
width: 100%;
background-color: #eff2f4;
margin: 0;
padding: 0 16px 24px;
}
.media-carousel .media-viewport .media-carousel-items .media-carousel-slide img {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.media-carousel .mobile-carousel-pager {
-webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.15);
clear: both;
display: block;
padding: 10px 0;
position: relative;
text-align: center;
width: 100%;
}
.media-carousel .mobile-carousel-pager:before,
.media-carousel .mobile-carousel-pager:after {
content: " ";
display: table;
}
.media-carousel .mobile-carousel-pager:after {
clear: both;
}
.media-carousel .mobile-carousel-pager:before,
.media-carousel .mobile-carousel-pager:after {
content: " ";
display: table;
}
.media-carousel .mobile-carousel-pager:after {
clear: both;
}
.media-carousel .mobile-carousel-pager .pager-icon .bx-prev,
.media-carousel .mobile-carousel-pager .pager-icon .bx-next {
display: block;
float: left;
padding: 12px 20px;
position: absolute;
top: 2px;
width: 100px;
}
.media-carousel .mobile-carousel-pager .pager-icon .bx-prev {
left: 0;
}
.media-carousel .mobile-carousel-pager .pager-icon .bx-next {
right: 0;
}
.media-carousel .mobile-carousel-pager .pager-icon .icon-arrow {
display: block;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
float: left;
}
.media-carousel .mobile-carousel-pager .pager-icon.pager-prev .icon-arrow {
border-right: 6px solid #0073a8;
}
.media-carousel .mobile-carousel-pager .pager-icon.pager-prev .disabled .icon-arrow {
border-right: 6px solid #cccccc;
}
.media-carousel .mobile-carousel-pager .pager-icon.pager-next .icon-arrow {
float: right;
border-left: 6px solid #0073a8;
}
.media-carousel .mobile-carousel-pager .pager-icon.pager-next .disabled .icon-arrow {
border-left: 6px solid #cccccc;
}
}
.fpl-testimonials h3 {
font-size: 26px;
margin: 20px 0 10px;
}
.fpl-testimonials blockquote {
opacity: 0;
filter: alpha(opacity=0);
border: 0;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.fpl-testimonials blockquote.active {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 1s ease;
transition: opacity 1s ease;
position: relative;
}
.fpl-testimonials blockquote p {
font-family: Arial;
font-size: 18px;
font-style: italic;
}
.fpl-testimonials blockquote cite {
display: inline-block;
font-family: Arial;
font-size: 10px;
font-weight: bold;
line-height: 14px;
text-align: right;
text-transform: uppercase;
width: 100%;
}
.fpl-testimonials blockquote cite span {
display: block;
}
.fpl-testimonials blockquote cite span.title {
max-width: 350px;
float: right;
}
.fpl-twitter .fpl-twitter-wrapper {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #f0f2f4;
padding: 20px;
}
.fpl-twitter .fpl-twitter-wrapper,
.fpl-twitter .fpl-twitter-wrapper .twitter-timeline {
width: 380px !important;
}
.fpl-twitter .fpl-twitter-wrapper .twitter-timeline {
height: 360px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.fpl-twitter .fpl-twitter-wrapper {
padding: 10px;
}
.fpl-twitter .fpl-twitter-wrapper,
.fpl-twitter .fpl-twitter-wrapper .twitter-timeline {
width: 700px !important;
}
.fpl-twitter .fpl-twitter-wrapper .twitter-timeline {
height: 525px;
}
}
@media (max-width: 767px) {
.fpl-twitter .fpl-twitter-wrapper {
background: none;
padding: 0;
}
.fpl-twitter .fpl-twitter-wrapper,
.fpl-twitter .fpl-twitter-wrapper .twitter-timeline {
width: 100% !important;
}
.fpl-twitter .fpl-twitter-wrapper .twitter-timeline {
height: 360px;
}
}
.fpl-table-intro {
margin-bottom: 40px;
}
.fpl-table-intro p {
font-size: 16px;
line-height: 25px;
}
.fpl-table-intro ul li {
margin-top: 10px;
}
.fpl-table ul,
.fpl-table li,
.fpl-table p {
font-size: 16px;
line-height: 25px;
margin: 0;
padding: 0;
}
.fpl-table .table-data {
border-bottom: 0;
}
.fpl-table .table-data ul {
background-color: #ffffff;
}
.fpl-table .table-data ul li {
display: table;
width: 100%;
}
.fpl-table .table-data ul li:before,
.fpl-table .table-data ul li:after {
content: " ";
display: table;
}
.fpl-table .table-data ul li:after {
clear: both;
}
.fpl-table .table-data ul li:before,
.fpl-table .table-data ul li:after {
content: " ";
display: table;
}
.fpl-table .table-data ul li:after {
clear: both;
}
.fpl-table .table-data ul li > p,
.fpl-table .table-data ul li > div {
display: table-cell;
vertical-align: middle;
}
.fpl-table .table-data ul li > p {
padding: 20px 15px;
width: 60%;
}
.fpl-table .table-data ul li > div {
border-left: 1px solid #cccccc;
text-align: center;
width: 20%;
}
.fpl-table .table-data ul li:nth-child(odd) {
background: #e5e5e5;
}
.fpl-table .table-data ul li:nth-child(even) {
background: #f0f2f4;
}
.fpl-table .table-data ul.legend {
background: #0073a8;
border-color: transparent;
}
.fpl-table .table-data ul.legend li {
border-color: transparent;
background: #0073a8;
color: #ffffff;
}
.fpl-table .table-data ul.legend li > p,
.fpl-table .table-data ul.legend li > div {
border-color: transparent;
font-size: 14px;
font-weight: bold;
line-height: 20px;
padding: 15px;
vertical-align: middle;
}
@media (max-width: 767px) {
.fpl-table .table-data ul li {
padding-left: 10px;
padding-right: 10px;
border: 0;
border-top: 1px solid #cccccc;
display: block;
}
.fpl-table .table-data ul li > p,
.fpl-table .table-data ul li > div {
padding: 0;
}
.fpl-table .table-data ul li > p {
display: block;
margin-bottom: 20px;
margin-top: 20px;
width: 100%;
}
.fpl-table .table-data ul li > div {
border-left: 0;
display: inline-block;
margin-right: -4px;
width: 50%;
}
.fpl-table .table-data ul li > div h6 {
font-size: 12px;
line-height: 18px;
margin: 0;
margin-bottom: 5px;
}
.fpl-table .table-data ul li > div img,
.fpl-table .table-data ul li > div p {
margin-bottom: 15px;
}
.fpl-table .table-data ul li:first-child {
border-top: 0;
}
}
.maps-nav {
border: 0;
border-bottom: 1px solid #ededed;
}
@media (max-width: 767px) {
.maps-nav .nav-bar .nav-bar-menu-icon:before {
margin-left: 19px;
}
}
.maps-nav .nav-bar-tracker-icon,
.maps-nav .nav-bar-improvements-icon {
display: block;
float: right;
padding: 23px 21px 10px;
width: auto;
border-left: 1px solid #f0f2f4;
position: relative;
height: 82px;
}
.maps-nav .nav-bar-tracker-icon:hover,
.maps-nav .nav-bar-improvements-icon:hover,
.maps-nav .nav-bar-tracker-icon.activeIcon,
.maps-nav .nav-bar-improvements-icon.activeIcon {
background-color: #0c2739;
}
.maps-nav .nav-bar-tracker-icon:hover span,
.maps-nav .nav-bar-improvements-icon:hover span,
.maps-nav .nav-bar-tracker-icon.activeIcon span,
.maps-nav .nav-bar-improvements-icon.activeIcon span {
color: #ffffff;
}
.maps-nav .nav-bar-tracker-icon span,
.maps-nav .nav-bar-improvements-icon span {
font-family: Arial;
font-weight: bold;
font-style: normal;
color: #666666;
font-size: 15px;
display: block;
float: left;
padding-top: 0;
padding-left: 10px;
}
@media (min-width: 768px) {
.maps-nav.header .logo {
left: 16px;
margin-top: 16px;
}
}
@media (min-width: 1024px) {
.maps-nav.header .logo {
left: 60px;
}
}
.maps-nav .maps-btn {
display: none;
}
@media (min-width: 768px) {
.maps-nav .maps-btn {
margin-top: 20px;
border-radius: 30px;
background: #0096db;
color: #ffffff;
display: inline-block;
font-size: 16px;
font-weight: bold;
letter-spacing: 2px;
padding: 9px 25px 8px;
text-transform: uppercase;
float: right;
}
.maps-nav .maps-btn:hover {
text-decoration: none;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
background: linear-gradient(to bottom, #0096db 0%, #1684ba 100%);
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.maps-nav .maps-btn {
float: left;
margin-left: 38%;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.maps-nav .nav-map-links {
height: 300px;
}
}
.maps-nav .nav-map-links .nav-tout-blocks {
clear: both;
display: block !important;
}
@media (min-width: 768px) and (max-width: 1023px) {
.maps-nav .nav-map-links .nav-tout-blocks {
top: 0;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.maps-nav .nav-map-links .nav-tout-blocks .row {
float: none;
width: 100%;
}
}
.maps-nav .nav-map-links .nav-tout-blocks.btn-container {
text-align: center;
}
@media (min-width: 768px) and (max-width: 1023px) {
.maps-nav .nav-map-links .nav-tout-blocks.btn-container {
display: none !important;
}
}
.maps-nav .nav-map-links .nav-tout-blocks.btn-container .maps-btn {
margin: 20px auto 0;
border-radius: 30px;
background: #0096db;
color: #ffffff;
display: inline-block;
font-size: 16px;
font-weight: bold;
letter-spacing: 2px;
padding: 9px 25px 8px;
text-transform: uppercase;
}
.maps-nav .nav-map-links .nav-tout-blocks .map-dropdown-link {
padding: 10px 16px;
}
.maps-nav .nav-map-links .nav-tout-blocks .map-dropdown-link.end-section {
margin-bottom: 15px;
}
.maps-nav .nav-map-links .nav-tout-blocks .map-dropdown-link a {
width: 100%;
color: white;
display: block;
}
.maps-nav .nav-map-links .nav-tout-blocks .map-dropdown-link a i {
float: right;
font-size: 18px;
}
.maps .fpl-tooltip {
outline: 0;
}
.maps .fpl-tooltip .fa {
margin-left: 0;
}
.maps #welcomeMessage {
border-top-right-radius: 10px;
}
.maps .footer.parbase.base {
padding: 0;
}
.maps .map-alert-prompt {
display: block;
position: fixed;
right: 15%;
top: 50%;
}
@media (max-width: 1023px) {
.maps .map-alert-prompt {
top: 300px;
}
}
@media (max-width: 999px) {
.maps .map-alert-prompt {
right: 10%;
}
}
@media (max-width: 890px) {
.maps .map-alert-prompt {
right: 5%;
}
}
@media (max-width: 767px) {
.maps .map-alert-prompt {
width: 90%;
max-width: 100%;
position: absolute;
right: 0;
top: 400px;
margin: 2px 5%;
}
}
.maps .map-alert-prompt:after {
display: none;
}
.maps a {
text-decoration: none;
cursor: pointer;
}
.maps a:hover {
text-decoration: none;
}
.maps .header {
display: block!important;
}
@media screen and (max-width: 767px) {
.maps .header {
border-bottom: 1px solid #ededed;
}
}
.maps .fpl-body {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
margin-top: 0!important;
padding-top: 82px;
}
@media screen and (max-width: 767px) {
.maps .fpl-body {
padding-top: 60px;
}
}
.maps .fpl-body #map {
position: relative;
top: 0;
height: 100%;
margin: 0 20px;
}
@media screen and (max-width: 767px) {
.maps .fpl-body #map {
height: 60vh;
}
}
@media screen and (min-width: 768px) {
.maps .fpl-body #map {
min-height: 875px;
}
}
.maps .fpl-body footer {
position: relative;
margin-top: 0;
border-top: 1px solid #dedede;
max-width: 100%;
width: 100%;
margin: 0;
}
@media screen and (min-width: 1024px) {
.maps .fpl-body footer .footer {
padding: 24px;
border: none;
}
}
.maps .fpl-body footer .toggle-container,
.maps .fpl-body footer .back-to-top {
display: none;
}
@media screen and (min-width: 1024px) {
.maps .fpl-body footer .copyright {
width: 64%!important;
}
}
.maps .fpl-body footer .site-link {
float: right;
}
@media screen and (max-width: 767px) {
.maps .fpl-body footer .contact-us,
.maps .fpl-body footer .icon-links,
.maps .fpl-body footer .copyright,
.maps .fpl-body footer .site-link {
margin: 0!important;
}
}
.maps .fpl-body footer .fpl-tooltip {
outline: 0;
}
.maps-container {
position: absolute;
width: 100%;
z-index: 1;
pointer-events: none;
}
@media screen and (min-width: 768px) {
.maps-container.si {
height: 960px;
}
}
@media screen and (min-width: 768px) {
.maps-container.si + #map {
min-height: 960px;
}
}
@media screen and (max-width: 767px) {
.maps-container {
position: relative;
}
}
.maps-container .maps-content {
margin: 0 auto;
max-width: 1024px;
height: 100%;
padding: 15px 0 0 25px;
}
@media screen and (max-width: 767px) {
.maps-container .maps-content {
padding-top: 0;
padding-left: 0;
}
}
.maps-container .maps-left-info {
width: 100%;
height: 100%;
}
@media screen and (min-width: 768px) {
.maps-container .maps-left-info {
max-width: 345px;
}
}
.maps-container .maps-left-info h2 {
margin: 20px 32px 15px;
font-size: 24px;
}
.maps-container .maps-left-info .fa-angle-right {
cursor: pointer;
font-size: 35px;
font-weight: bold;
}
.maps-container .maps-left-info .power-tracker {
position: relative;
}
.maps-container .maps-left-info .power-tracker.initial-state .btn.standard,
.maps-container .maps-left-info .power-tracker.initial-state .storm-link,
.maps-container .maps-left-info .power-tracker.initial-state .table-container,
.maps-container .maps-left-info .power-tracker.initial-state .table-arrows,
.maps-container .maps-left-info .power-tracker.initial-state .storm-alert-bar,
.maps-container .maps-left-info .power-tracker.initial-state .by-county {
display: none;
}
.maps-container .maps-left-info .power-tracker.by-location-results .by-county,
.maps-container .maps-left-info .power-tracker.by-location-results .storm-link,
.maps-container .maps-left-info .power-tracker.by-location-results .btn.standard,
.maps-container .maps-left-info .power-tracker.by-location-results .table-arrows,
.maps-container .maps-left-info .power-tracker.by-location-results .storm-alert-bar {
display: none;
}
.maps-container .maps-left-info .power-tracker.by-county-results {
height: 100%;
}
.maps-container .maps-left-info .power-tracker.by-county-results .by-location,
.maps-container .maps-left-info .power-tracker.by-county-results .bottom-pane,
.maps-container .maps-left-info .power-tracker.by-county-results .storm-alert-bar {
display: none;
}
.maps-container .maps-left-info .power-tracker.storm-alert .search-by,
.maps-container .maps-left-info .power-tracker.storm-alert .by-location-links,
.maps-container .maps-left-info .power-tracker.storm-alert .table-container,
.maps-container .maps-left-info .power-tracker.storm-alert .table-arrows,
.maps-container .maps-left-info .power-tracker.storm-alert .table-header,
.maps-container .maps-left-info .power-tracker.storm-alert .performance-bar {
display: none;
}
.maps-container .maps-left-info .top-pane {
pointer-events: auto;
height: 100%;
position: relative;
background: white;
margin-bottom: 10px;
font-size: 15px;
padding-top: 8px;
box-shadow: rgba(0, 0, 0, 0.2) -1px 2px 5px;
border-radius: 3px;
}
.maps-container .maps-left-info .top-pane .tooltip-container-top-pane {
text-align: right;
}
@media screen and (max-width: 767px) {
.maps-container .maps-left-info .top-pane {
margin-bottom: 0;
box-shadow: none;
border-radius: 0;
}
.maps-container .maps-left-info .top-pane.search-mode {
padding-top: 0;
}
.maps-container .maps-left-info .top-pane.search-mode .hide-mobile-search {
display: none;
}
.maps-container .maps-left-info .top-pane.search-mode .search-by {
margin-top: 0;
}
}
.maps-container .maps-left-info .top-pane .fpl-tooltip {
margin-right: 20px;
float: right;
text-align: right;
display: inline-block;
outline: 0;
}
.maps-container .maps-left-info .top-pane .top-info {
margin: 0 16px 0 32px;
}
.maps-container .maps-left-info .top-pane .top-pane-search {
position: relative;
z-index: 1;
padding: 10px 16px 15px;
}
.maps-container .maps-left-info .top-pane .top-pane-search .search-glass {
position: absolute;
display: inline-block;
width: 21px;
height: 21px;
background: url(../images/maps/icons-ui/search-glass.png) no-repeat center center;
top: 21px;
right: 30px;
border: none;
padding: 0;
}
.maps-container .maps-left-info .top-pane .top-pane-search .search-glass.dismiss {
background: url(../images/maps/icons-ui/icon-search-x-sm.png) no-repeat center center;
}
.maps-container .maps-left-info .top-pane .input-wrapper {
border: 1px solid #999999;
border-radius: 50px;
}
.maps-container .maps-left-info .top-pane input {
padding: 10px 0;
width: 100%;
border: none;
border-right: 40px solid transparent;
border-left: 20px solid transparent;
background: transparent;
}
.maps-container .maps-left-info .top-pane .search-by {
margin: 15px 0 10px 0;
}
.maps-container .maps-left-info .top-pane .search-by li {
width: 50%;
margin: 0;
float: left;
}
.maps-container .maps-left-info .top-pane .directions {
padding: 0 16px;
}
.maps-container .maps-left-info .top-pane .watch-more {
display: inline-block;
margin: 0 0 15px 32px;
font-weight: bold;
font-size: 13px;
}
.maps-container .maps-left-info .top-pane .watch-more .fa-angle-right {
font-size: inherit;
}
.maps-container .maps-left-info .top-pane #message {
margin: 0 16px 10px 32px;
color: black;
font-size: 15px;
}
.maps-container .maps-left-info .top-pane #message .loc-suggestion {
font-weight: bold;
color: #0096db;
}
.maps-container .maps-left-info .top-pane .by-location {
padding-bottom: 20px;
}
.maps-container .maps-left-info .top-pane .by-location .news-update-block {
padding: 0 35px 5px;
font-size: 12px;
font-style: italic;
color: red;
text-align: center;
}
.maps-container .maps-left-info .top-pane .by-location .pt-links {
display: inline-block;
margin: 0 0 15px 32px;
font-weight: bold;
font-size: 13px;
margin-bottom: 5px;
}
.maps-container .maps-left-info .top-pane .by-location .pt-links .fa-angle-right {
font-size: inherit;
}
.maps-container .maps-left-info .top-pane .by-location .pt-links .fa-angle-right {
font-size: inherit;
}
.maps-container .maps-left-info .top-pane .by-location .pt-btn {
margin: 10px auto 0;
width: 265px;
}
@media screen and (max-width: 767px) {
.maps-container .maps-left-info .top-pane .by-location {
padding-bottom: 0;
}
.maps-container .maps-left-info .top-pane .by-location .pt-btn,
.maps-container .maps-left-info .top-pane .by-location .storm-link,
.maps-container .maps-left-info .top-pane .by-location .by-location-links {
display: none;
}
}
.maps-container .maps-left-info .top-pane .by-county .table-header .table-header-inner {
padding: 0 10px;
}
.maps-container .maps-left-info .top-pane .by-county .table-header .sort-header {
height: 35px;
width: 100%;
background-color: white;
table-layout: fixed;
border-bottom: solid 1px #ccc;
}
.maps-container .maps-left-info .top-pane .by-county .table-header .sort-header thead th {
font-size: 13px;
}
.maps-container .maps-left-info .top-pane .by-county .table-header .sort-header .header-county {
padding-left: 10px;
width: 118px;
height: 35px;
border-right: solid 1px #ccc;
}
.maps-container .maps-left-info .top-pane .by-county .table-header .sort-header .header-county span {
color: #0096db;
float: right;
margin-right: 30px;
margin-top: 2px;
}
.maps-container .maps-left-info .top-pane .by-county .table-header .sort-header .header-outages {
padding-left: 10px;
width: 101px;
height: 35px;
border-right: solid 1px #ccc;
}
.maps-container .maps-left-info .top-pane .by-county .table-header .sort-header .header-served {
padding-left: 10px;
width: auto;
height: 35px;
}
.maps-container .maps-left-info .top-pane .by-county .table-container {
max-height: 296px;
overflow-y: hidden;
}
.maps-container .maps-left-info .top-pane .by-county .by-county-table {
width: 100%;
font-weight: bold;
padding: 10px 10px 0;
border-spacing: 0;
font-size: 13px;
margin-bottom: 30px;
position: relative;
top: -45px;
}
.maps-container .maps-left-info .top-pane .by-county .by-county-table thead {
position: absolute;
background-color: white;
border-top: solid 10px white;
margin-top: -10px;
}
@media (max-width: 767px) {
.maps-container .maps-left-info .top-pane .by-county .by-county-table thead {
width: 100%;
border-bottom: 1px solid #ccc;
}
.maps-container .maps-left-info .top-pane .by-county .by-county-table thead th {
border-bottom: none;
}
.maps-container .maps-left-info .top-pane .by-county .by-county-table thead .header-served.no-right {
border-right: white solid 68px;
width: auto;
}
}
.maps-container .maps-left-info .top-pane .by-county .by-county-table thead .header-county {
width: 120px;
}
.maps-container .maps-left-info .top-pane .by-county .by-county-table thead .header-outages {
width: 103px;
}
.maps-container .maps-left-info .top-pane .by-county .by-county-table thead .header-served {
width: 102px;
}
.maps-container .maps-left-info .top-pane .by-county .by-county-table .spacer-row .county-col-1 {
width: 120px;
}
.maps-container .maps-left-info .top-pane .by-county .by-county-table .spacer-row .county-col-2 {
width: 103px;
}
.maps-container .maps-left-info .top-pane .by-county .by-county-table td,
.maps-container .maps-left-info .top-pane .by-county .by-county-table th {
padding: 5px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.maps-container .maps-left-info .top-pane .by-county .by-county-table td.no-right,
.maps-container .maps-left-info .top-pane .by-county .by-county-table th.no-right {
border-right: none;
}
.maps-container .maps-left-info .top-pane .by-county .by-county-table td {
padding: 0 5px;
}
.maps-container .maps-left-info .top-pane .by-county .by-county-table tr {
height: 35px;
}
.maps-container .maps-left-info .top-pane .by-county .by-county-table .header-county {
cursor: pointer;
}
.maps-container .maps-left-info .top-pane .by-county .by-county-table span.county-sort {
float: right;
font-size: 16px;
margin-right: 5px;
color: #0073a8;
}
.maps-container .maps-left-info .top-pane .by-county .by-county-table .header-outages,
.maps-container .maps-left-info .top-pane .by-county .by-county-table .header-served {
text-align: right;
}
.maps-container .maps-left-info .top-pane .by-county .by-county-table .table-text-right {
text-align: right;
}
.maps-container .maps-left-info .top-pane .table-arrows {
position: absolute;
display: table;
bottom: 0;
width: 100%;
height: 32px;
background: white;
padding: 5px 0;
text-align: center;
border-top: 1px solid #ccc;
}
.maps-container .maps-left-info .top-pane .table-arrows span {
width: 50%;
font-size: 22px;
display: table-cell;
vertical-align: middle;
cursor: pointer;
}
.maps-container .maps-left-info .top-pane .table-arrows span.active {
color: #0073a8;
}
.maps-container .maps-left-info .top-pane .table-arrows span.table-arrow-up {
padding-right: 8px;
text-align: right;
}
.maps-container .maps-left-info .top-pane .table-arrows span.table-arrow-down {
padding-left: 8px;
text-align: left;
}
.maps-container .maps-left-info .top-pane .performance-bar {
position: absolute;
background: white;
padding: 15px 20px;
left: 400px;
width: 580px;
border-radius: 3px;
box-shadow: rgba(0, 0, 0, 0.2) -1px 2px 5px;
display: none;
}
.maps-container .maps-left-info .top-pane .performance-bar div {
float: left;
}
.maps-container .maps-left-info .top-pane .performance-bar .pb-title {
width: 39%;
border-right: 1px solid #e5e5e5;
}
.maps-container .maps-left-info .top-pane .performance-bar .pb-title h2 {
margin: 0;
font-size: 18px;
}
.maps-container .maps-left-info .top-pane .performance-bar .pb-percent {
color: #0073a8;
line-height: 1;
font-size: 35px;
font-weight: bold;
text-align: center;
width: 27%;
}
.maps-container .maps-left-info .top-pane .performance-bar .pb-percent span {
font-size: 14px;
line-height: 35px;
vertical-align: bottom;
}
.maps-container .maps-left-info .top-pane .performance-bar .pb-time {
width: 25%;
line-height: 1;
font-size: 12px;
margin-top: 6px;
}
.maps-container .maps-left-info .top-pane .performance-bar .pb-arrow {
color: #0073a8;
line-height: 1;
width: 9%;
text-align: right;
}
@media screen and (min-width: 1024px) {
.maps-container .maps-left-info .top-pane .performance-bar {
display: block;
}
}
.maps-container .maps-left-info .top-pane .storm-alert-bar {
position: absolute;
background: red;
color: white;
padding: 15px 20px;
left: 400px;
width: 580px;
box-shadow: rgba(0, 0, 0, 0.2) -1px 2px 5px;
border-radius: 3px;
display: table;
}
.maps-container .maps-left-info .top-pane .storm-alert-bar div {
text-align: right;
display: table-cell;
vertical-align: middle;
}
.maps-container .maps-left-info .top-pane .storm-alert-bar a {
color: white;
}
.maps-container .maps-left-info .top-pane .storm-alert-bar .storm-alert-icon {
width: 46px;
height: 31px;
background: url(../images/maps/icons-ui/icon-storm-alert.png) no-repeat left;
}
.maps-container .maps-left-info .top-pane .storm-alert-bar .storm-alert-message {
width: 82%;
font-size: 13px;
text-align: left;
}
.maps-container .maps-left-info .top-pane .storm-alert-bar span.fa-angle-right {
color: white;
}
@media screen and (max-width: 1023px) {
.maps-container .maps-left-info .top-pane .storm-alert-bar {
display: none;
}
}
.maps-container .maps-left-info .top-pane .power-tracker-top {
height: 100%;
overflow-y: hidden;
}
.maps-container .maps-left-info .top-pane .power-tracker-top .by-county {
height: 100%;
}
.maps-container .maps-left-info .top-pane .power-tracker-top .fpl-tooltip {
display: inline-block;
float: right;
margin-top: 19px;
}
.maps-container .maps-left-info .middle-pane {
pointer-events: auto;
margin-bottom: 10px;
box-shadow: rgba(0, 0, 0, 0.2) -1px 2px 5px;
border-radius: 3px;
}
@media screen and (min-width: 1024px) {
.maps-container .maps-left-info .middle-pane {
display: none;
}
}
@media screen and (max-width: 767px) {
.maps-container .maps-left-info .middle-pane {
margin-bottom: 0;
border-radius: 0;
box-shadow: none;
}
}
.maps-container .maps-left-info .middle-pane .storm-alert-bar-tablet {
background: red;
color: white;
padding: 15px;
border-radius: 3px;
display: none;
}
@media screen and (max-width: 767px) {
.maps-container .maps-left-info .middle-pane .storm-alert-bar-tablet {
border-radius: 0;
box-shadow: none;
}
}
.maps-container .maps-left-info .middle-pane .storm-alert-bar-tablet div {
text-align: right;
display: table-cell;
vertical-align: middle;
}
.maps-container .maps-left-info .middle-pane .storm-alert-bar-tablet .storm-alert-icon {
width: 46px;
height: 31px;
background: url(../images/maps/icons-ui/icon-storm-alert.png) no-repeat left;
}
.maps-container .maps-left-info .middle-pane .storm-alert-bar-tablet .storm-alert-message {
width: 79%;
font-size: 13px;
text-align: left;
}
@media screen and (max-width: 767px) {
.maps-container .maps-left-info .middle-pane .storm-alert-bar-tablet .storm-alert-message {
width: 90%;
}
}
.maps-container .maps-left-info .middle-pane .storm-alert-bar-tablet a {
color: white;
}
.maps-container .maps-left-info .middle-pane .performance-bar {
display: none;
background: white;
padding: 15px;
border-radius: 3px;
}
@media screen and (max-width: 767px) {
.maps-container .maps-left-info .middle-pane .performance-bar {
border-radius: 0;
box-shadow: none;
}
}
.maps-container .maps-left-info .middle-pane .performance-bar .pb-col {
display: table-cell;
padding-right: 20px;
}
.maps-container .maps-left-info .middle-pane .performance-bar .pb-arrow {
display: table-cell;
color: #0073a8;
text-align: center;
vertical-align: middle;
padding-top: 3px;
}
.maps-container .maps-left-info .middle-pane .performance-bar .pb-title {
padding-bottom: 5px;
border-bottom: 1px solid #e5e5e5;
}
.maps-container .maps-left-info .middle-pane .performance-bar .pb-title h2 {
margin: 0;
font-size: 18px;
}
.maps-container .maps-left-info .middle-pane .performance-bar .pb-bottom-row {
display: table;
padding-top: 5px;
}
.maps-container .maps-left-info .middle-pane .performance-bar .pb-bottom-row .pb-percent {
display: table-cell;
color: #0073a8;
font-size: 35px;
font-weight: bold;
text-align: center;
line-height: 1;
}
.maps-container .maps-left-info .middle-pane .performance-bar .pb-bottom-row .pb-percent span {
font-size: 14px;
vertical-align: top;
line-height: 35px;
}
.maps-container .maps-left-info .middle-pane .performance-bar .pb-bottom-row .pb-time {
display: table-cell;
font-size: 12px;
width: 50%;
line-height: 1;
vertical-align: middle;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.maps-container .maps-left-info .middle-pane .performance-bar {
display: table;
}
}
@media screen and (max-width: 1023px) {
.maps-container .maps-left-info .middle-pane.storm-alert .storm-alert-bar-tablet {
display: table;
}
}
@media screen and (max-width: 767px) {
.maps-container .maps-left-info .middle-pane.storm-alert .storm-alert-bar-tablet .storm-alert-icon {
display: none;
}
}
.bottom-pane {
pointer-events: auto;
background: white;
padding-top: 10px;
box-shadow: rgba(0, 0, 0, 0.2) -1px 2px 5px;
border-radius: 3px;
}
@media screen and (max-width: 767px) {
.bottom-pane {
border-radius: 0;
display: none;
box-shadow: none;
}
}
.bottom-pane .bottom-title {
font-weight: bold;
font-size: 14px;
padding: 7px 0 15px 23px;
}
.bottom-pane .bottom-title div {
display: inline-block;
}
.bottom-pane .bottom-title .map-legend-expander {
float: right;
margin-right: 15px;
font-size: 20px;
font-weight: bold;
cursor: pointer;
}
@media screen and (min-width: 767px) {
.bottom-pane .bottom-title .map-legend-expander {
display: none;
}
}
@media screen and (max-width: 767px) {
.bottom-pane .bottom-title {
cursor: pointer;
}
}
.bottom-pane .collapsed .fa.fa-angle-up:before {
content: "\f107";
}
@media screen and (max-width: 767px) {
.bottom-pane .map-legend-bottom.map-closed {
max-height: 0px;
}
}
.bottom-pane ul.filter-by-list {
list-style-type: none;
margin: 0;
padding: 0;
font-size: 13px;
}
@media (min-width: 767px) {
.bottom-pane ul.filter-by-list li:hover {
background: #ccc;
}
}
.bottom-pane ul.filter-by-list li {
color: #0c2739;
font-weight: bold;
padding: 6px 15px 6px 25px;
position: relative;
}
.bottom-pane ul.filter-by-list li.last-of-group {
margin-bottom: 5px;
padding-bottom: 10px;
border-bottom: solid 1px #ccc;
}
.bottom-pane ul.filter-by-list li.active {
background: #ccc;
}
.bottom-pane ul.filter-by-list li.active .remove-filter {
display: block;
}
.bottom-pane ul.filter-by-list li .remove-filter {
display: none;
position: absolute;
height: 100%;
top: 0;
left: 0;
font-size: 19px;
color: #666;
cursor: pointer;
padding: 11px 6px;
}
@media (min-width: 768px) {
.bottom-pane ul.filter-by-list li .remove-filter {
padding: 0 6px;
}
}
.bottom-pane ul.filter-by-list li .filter-item-title {
color: #0c2739;
display: inline-block;
line-height: 36px;
height: auto;
padding-left: 46px;
background-size: 36px;
max-width: 250px;
}
@media (min-width: 768px) {
.bottom-pane ul.filter-by-list li .filter-item-title {
line-height: 15px;
background-size: 15px;
}
}
.bottom-pane ul.filter-by-list li .filter-item-right {
float: right;
line-height: 36px;
vertical-align: middle;
}
@media (min-width: 768px) {
.bottom-pane ul.filter-by-list li .filter-item-right {
line-height: 15px;
}
}
.bottom-pane ul.filter-by-list li .filter-item-right .filter-item-play {
background: url(../images/maps/icons-ui/play.png);
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
margin-left: 4px;
}
@media screen and (max-width: 767px) {
.bottom-pane ul.filter-by-list li .filter-item-right .filter-item-play {
display: none;
}
}
.bottom-pane ul.filter-by-list .pole-bg {
background: url(../images/maps/50x50/Icon-UtilityPoles.png) no-repeat;
}
.bottom-pane ul.filter-by-list .hat-bg {
background: url(../images/maps/50x50/Icon-Strengthened.png) no-repeat;
}
.bottom-pane ul.filter-by-list .tree-bg {
background: url(../images/maps/50x50/Icon-VegMain.png) no-repeat;
}
.bottom-pane ul.filter-by-list .thermo-bg {
background: url(../images/maps/50x50/Icon-InfraredTech.png) no-repeat;
}
.bottom-pane ul.filter-by-list .veg-bg {
background: url(../images/maps/50x50/Icon-VegNeighbor.png) no-repeat;
}
.bottom-pane ul.filter-by-list .smartswitch-main-bg {
background: url(../images/maps/50x50/Icon-SwitchMain.png) no-repeat;
}
.bottom-pane ul.filter-by-list .smartswitch-neighborhood-bg {
background: url(../images/maps/50x50/Icon-SwitchNeighbor.png) no-repeat;
}
.bottom-pane ul.map-legend-list {
list-style-type: none;
padding-left: 35px;
}
.bottom-pane ul.map-legend-list .customer-num {
font-weight: bold;
}
.bottom-pane ul.map-legend-list li {
margin: 10px 0;
}
.bottom-pane ul.map-legend-list li::before {
content: '';
display: inline-block;
width: 20px;
height: 15px;
margin-right: 10px;
}
.bottom-pane ul.map-legend-list li.multiple-outages {
font-weight: bold;
}
.bottom-pane ul.map-legend-list li.multiple-outages::before {
background: url(../images/maps/icon-outages-legend/icon-multi-out.png);
}
.bottom-pane ul.map-legend-list li.group-1::before {
background: url(../images/maps/icon-outages-legend/icon-cust-1.png);
}
.bottom-pane ul.map-legend-list li.group-2::before {
background: url(../images/maps/icon-outages-legend/icon-cust-100.png);
}
.bottom-pane ul.map-legend-list li.group-3::before {
background: url(../images/maps/icon-outages-legend/icon-cust-500.png);
}
.bottom-pane ul.map-legend-list li.group-4::before {
background: url(../images/maps/icon-outages-legend/icon-cust-2000.png);
}
.bottom-pane ul.map-legend-list li.group-5::before {
background: url(../images/maps/icon-outages-legend/icon-cust-2000-plus.png);
}
.bottom-pane ul.map-legend-pa {
list-style-type: none;
padding-left: 35px;
font-weight: bold;
}
.bottom-pane ul.map-legend-pa li {
margin: 10px 0;
}
.bottom-pane ul.map-legend-pa li::before {
content: '';
width: 15px;
height: 20px;
display: inline-block;
margin-right: 7px;
}
.bottom-pane ul.map-legend-pa li.free::before {
background: url(../images/maps/icon-pay-agent/icon-free.png);
}
.bottom-pane ul.map-legend-pa li.fee::before {
background: url(../images/maps/icon-pay-agent/icon-fee.png);
}
.bottom-pane ul.map-legend-pa li span {
position: relative;
bottom: 4px;
}
.bottom-pane .bottom-pane-message {
font-style: italic;
font-size: 12px;
padding: 10px 0 10px 25px;
border-top: 1px solid #d9d9d9;
}
.bottom-pane.pt .bottom-pane-message {
padding-left: 38px;
}
.bottom-pane.pt .bottom-pane-message .fpl-tooltip {
float: right;
margin-right: 20px;
}
.bottom-pane.mobile {
display: none;
position: relative;
}
@media screen and (max-width: 767px) {
.bottom-pane.mobile {
display: block;
}
}
.maps .popover {
background-color: white;
color: gray;
}
.maps .popover.right .arrow::after {
border-right-color: white;
}
.maps .popover.left .arrow::after {
border-left-color: white;
}
.maps .popover.top .arrow::after {
border-top-color: white;
}
.maps .popover.bottom .arrow::after {
border-bottom-color: white;
}
.maps .popover .close-tooltip {
background: gray;
color: white;
}
.maps .fa-question-circle::before {
background-color: white!important;
border-radius: 50%;
}
.maps .infoWindowDiv {
background: white;
padding: 20px 15px 15px;
border-radius: 12px;
border-top-right-radius: 0;
width: 300px;
font-size: 14px;
position: relative;
}
@media (max-width: 767px) {
.maps .infoWindowDiv {
width: 280px;
}
}
.maps .infoWindowDiv.large {
width: 400px;
}
@media (max-width: 767px) {
.maps .infoWindowDiv.large {
width: 280px;
}
}
.maps .infoWindowDiv::after {
content: '';
width: 0;
height: 0;
border: 11px solid white;
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
position: absolute;
bottom: -22px;
left: 50%;
transform: translateX(-50%);
}
.maps .infoWindowDiv .title {
font-weight: bold;
}
.maps .infoWindowDiv .title span {
font-weight: normal;
}
.maps .infoWindowDiv .bottom-links {
font-weight: bold;
margin-top: 10px;
}
.maps .infoWindowDiv .bottom-links div {
margin: 5px 0;
}
.maps .closer {
cursor: pointer;
position: absolute;
top: -12px;
right: 0px;
width: 29px;
height: 29px;
border-radius: 50%;
border: 2px solid white;
background: gray;
color: white;
line-height: 0;
font-size: 22px;
font-weight: bold;
text-align: center;
padding-top: 13px;
}
.maps-tooltip {
position: relative;
max-width: 350px;
color: gray;
background: white;
box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 2px;
padding: 20px 30px 15px 20px;
border-radius: 10px;
border-top-right-radius: 3px;
margin-bottom: 13px;
line-height: 1.3;
}
.maps-tooltip#loadingMessage {
border-top-right-radius: 10px;
}
.maps-tooltip::after {
content: '';
width: 0;
height: 0;
border: 11px solid white;
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
position: absolute;
bottom: -22px;
left: 50%;
transform: translateX(-50%);
}
.maps-tooltip .maps-tooltip-close {
position: absolute;
top: -12px;
right: 0;
border-radius: 50%;
border: 2px solid white;
background: gray;
color: white;
font-size: 24px;
font-weight: bold;
line-height: 100%;
cursor: pointer;
padding: 2px 6px 1px;
}
.maps-tooltip.you a,
.maps-tooltip.you .triangles {
font-weight: bold;
}
.maps-tooltip.outage .field,
.maps-tooltip.outage .name {
display: inline-block;
}
.maps-tooltip.outage .field.status,
.maps-tooltip.outage .name.status {
max-width: 75%;
}
.maps-tooltip.outage .field {
font-weight: bold;
margin-right: 5px;
vertical-align: top;
}
.maps-tooltip.outage .links {
margin-top: 5px;
}
.maps-tooltip.outage .links a {
display: block;
padding: 5px 0;
font-weight: bold;
}
.maps-tooltip.agent h3 {
text-align: center;
font-family: Arial;
font-weight: bold;
margin-top: 0;
font-size: 20px;
}
.maps-tooltip.agent .hours p {
margin: 0;
}
.maps-tooltip.agent .fee,
.maps-tooltip.agent a {
font-weight: bold;
}
.maps-tooltip.agent a {
display: block;
margin-top: 10px;
}
/* R2 Modules */
.fpl-example-module {
background: red;
}
.fpl-troubleshooting-tips {
background: #f0f2f4;
border: 1px solid #d9d9d9;
}
.fpl-troubleshooting-tips .fpl-troubleshooting-tips-trigger {
display: block;
font-size: 16px;
}
.fpl-troubleshooting-tips .fpl-troubleshooting-tips-trigger a {
display: block;
padding: 12px 15px;
}
.fpl-troubleshooting-tips .fpl-troubleshooting-tips-trigger a .fa {
float: right;
font-size: 18px;
padding-right: 10px;
padding-top: 2px;
}
.fpl-troubleshooting-tips .fpl-troubleshooting-tips-trigger a .fa.fa-caret-up {
display: none;
}
.fpl-troubleshooting-tips .fpl-troubleshooting-tips-trigger.active a .fa-caret-down {
display: none;
}
.fpl-troubleshooting-tips .fpl-troubleshooting-tips-trigger.active a .fa-caret-up {
display: block;
padding-top: 1px;
}
.fpl-troubleshooting-tips .fpl-troubleshooting-tips-target {
border-top: 1px solid #d9d9d9;
}
.fpl-troubleshooting-tips .fpl-troubleshooting-tips-target.hidden-target {
display: none;
}
.fpl-troubleshooting-tips .fpl-troubleshooting-tips-target ul {
padding-bottom: 0px;
padding-top: 15px;
}
.fpl-troubleshooting-tips .fpl-troubleshooting-tips-target ul:before,
.fpl-troubleshooting-tips .fpl-troubleshooting-tips-target ul:after {
content: " ";
display: table;
}
.fpl-troubleshooting-tips .fpl-troubleshooting-tips-target ul:after {
clear: both;
}
.fpl-troubleshooting-tips .fpl-troubleshooting-tips-target ul:before,
.fpl-troubleshooting-tips .fpl-troubleshooting-tips-target ul:after {
content: " ";
display: table;
}
.fpl-troubleshooting-tips .fpl-troubleshooting-tips-target ul:after {
clear: both;
}
.fpl-troubleshooting-tips .fpl-troubleshooting-tips-target ul li {
margin-bottom: 10px;
}
.fpl-landing-button {
background: #0073a8;
border-bottom: 5px solid #0078af;
color: #ffffff;
font-size: 16px;
margin-bottom: 10px;
}
.fpl-landing-button a {
color: #ffffff;
display: table;
font-size: 16px;
height: 72px;
position: relative;
text-decoration: none;
width: 100%;
}
.fpl-landing-button a .image,
.fpl-landing-button a .text {
display: table-cell;
vertical-align: middle;
}
.fpl-landing-button a .image {
height: 64px;
width: 64px;
}
.fpl-landing-button a .text {
padding-left: 10px;
padding-right: 30px;
}
.fpl-landing-button a .fa {
position: absolute;
right: 15px;
top: 40%;
}
.fpl-landing-button-resume {
margin-top: -10px;
}
.fpl-landing-button-resume a,
.fpl-landing-button-resume a:hover {
background: #0078af;
color: #ffffff;
font-size: 16px;
display: block;
padding-bottom: 12px;
padding-left: 74px;
padding-top: 12px;
text-decoration: none;
}
.fpl-calendar {
border: 1px solid #cccccc;
position: relative;
}
.fpl-calendar .ui-datepicker-header {
padding: 10px 0;
position: relative;
text-align: center;
width: 100%;
}
.fpl-calendar .ui-datepicker-header .ui-datepicker-title {
font-size: 20px;
}
.fpl-calendar .ui-datepicker-header .ui-datepicker-next,
.fpl-calendar .ui-datepicker-header .ui-datepicker-prev {
cursor: pointer;
display: block;
font-size: 24px;
padding: 5px 10px;
position: absolute;
text-decoration: none;
top: 2px;
}
.fpl-calendar .ui-datepicker-header .ui-datepicker-next span,
.fpl-calendar .ui-datepicker-header .ui-datepicker-prev span {
display: none;
}
.fpl-calendar .ui-datepicker-header .ui-datepicker-prev {
left: 0;
}
.fpl-calendar .ui-datepicker-header .ui-datepicker-prev:before {
content: "\f104";
font-family: FontAwesome;
}
.fpl-calendar .ui-datepicker-header .ui-datepicker-next {
right: 0;
}
.fpl-calendar .ui-datepicker-header .ui-datepicker-next:before {
content: "\f105";
font-family: FontAwesome;
}
.fpl-calendar .ui-datepicker-calendar {
border-collapse: collapse;
width: 100%;
}
.fpl-calendar .ui-datepicker-calendar thead {
width: 100%;
}
.fpl-calendar .ui-datepicker-calendar thead tr th {
border-bottom: 1px solid #e5e5e5;
padding: 5px 0 8px;
text-align: center;
}
.fpl-calendar .ui-datepicker-calendar thead tr th span {
color: #999999;
font-size: 14px;
}
.fpl-calendar .ui-datepicker-calendar tbody tr td {
border-bottom: 1px solid #e5e5e5;
position: relative;
text-align: center;
}
.fpl-calendar .ui-datepicker-calendar tbody tr td span,
.fpl-calendar .ui-datepicker-calendar tbody tr td a {
display: inline-block;
height: 30px;
width: 30px;
}
.fpl-calendar .ui-datepicker-calendar tbody tr td .ui-state-default {
color: #000000;
font-size: 20px;
padding: 1px 0;
text-decoration: none;
}
.fpl-calendar .ui-datepicker-calendar tbody tr td .ui-state-default.ui-state-active {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
background: #0073a8;
color: #ffffff;
height: 38px;
left: 50%;
margin-left: -19px;
padding-top: 5px;
position: absolute;
top: -3px;
width: 38px;
}
.fpl-calendar .ui-datepicker-calendar tbody tr td.ui-state-disabled .ui-state-default {
color: #cccccc;
}
.fpl-calendar .fpl-datepicker-buttonpane:before,
.fpl-calendar .fpl-datepicker-buttonpane:after {
content: " ";
display: table;
}
.fpl-calendar .fpl-datepicker-buttonpane:after {
clear: both;
}
.fpl-calendar .fpl-datepicker-buttonpane:before,
.fpl-calendar .fpl-datepicker-buttonpane:after {
content: " ";
display: table;
}
.fpl-calendar .fpl-datepicker-buttonpane:after {
clear: both;
}
.fpl-calendar .fpl-datepicker-buttonpane a {
color: #0073a8;
display: block;
float: left;
font-size: 14px;
margin: 10px 15px;
text-decoration: none;
}
.fpl-calendar .fpl-datepicker-buttonpane a.fpl-datepicker-clear {
float: right;
}
.fpl-power-status {
padding-bottom: 25px;
border-bottom: 1px solid #d9d9d9;
}
.fpl-power-status span.title,
.fpl-power-status span.indicator {
font-size: 20px;
line-height: 2.4em;
}
.fpl-power-status span.title {
float: left;
}
.fpl-power-status span.indicator {
float: right;
}
.fpl-power-status span.indicator.on {
color: #68bb45;
}
.fpl-power-status span.indicator.off {
color: #dd1500;
}
.fpl-estimated-bill label {
margin-bottom: 20px;
}
.fpl-estimated-bill label.fpl-estimated-bill-label {
font-size: 12px;
text-transform: uppercase;
font-weight: normal;
color: #999999;
}
.fpl-estimated-bill i {
float: right;
}
.fpl-estimated-bill .fpl-estimated-bill-box {
width: 50%;
float: left;
text-align: center;
}
.fpl-estimated-bill .fpl-estimated-bill-box:last-child {
border-left: 1px solid #d9d9d9;
}
.fpl-estimated-bill .fpl-estimated-bill-box .fpl-estimated-bill-hero {
font-size: 26px;
}
.fpl-estimated-bill .fpl-estimated-bill-box .fpl-estimated-bill-detail .detail-text {
text-transform: uppercase;
}
.fpl-upload-document-selection {
color: #0c2739;
font-size: 14px;
line-height: 24px;
}
.fpl-upload-document-selection .fpl-upload-document {
background: #f0f2f4;
border: 1px solid #a8a5a5;
padding: 20px;
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-choice-options {
background: #ffffff;
margin: 15px 0 25px;
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-choice-options:before,
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-choice-options:after {
content: " ";
display: table;
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-choice-options:after {
clear: both;
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-choice-options:before,
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-choice-options:after {
content: " ";
display: table;
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-choice-options:after {
clear: both;
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-choice-options .fpl-choice-option {
color: #666666;
float: left;
width: 50%;
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-choice-options .fpl-choice-option input[type="radio"] {
display: none;
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-choice-options .fpl-choice-option input[type="radio"] + label {
display: block;
margin: 0;
padding: 10px 5px;
text-align: center;
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-choice-options .fpl-choice-option input[type="radio"]:checked + label {
background: #0073a8;
color: #ffffff;
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-selected {
background: #ffffff;
margin-bottom: 25px;
margin-left: -20px;
margin-right: -20px;
padding-bottom: 8px;
padding-left: 20px;
padding-right: 20px;
padding-top: 8px;
position: relative;
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-selected .fpl-form-upload-file {
margin-bottom: 0;
padding-right: 70px;
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-selected .fpl-form-upload-remove {
position: absolute;
right: 20px;
top: 8px;
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 16px;
letter-spacing: 1px;
text-transform: uppercase;
color: #ffffff;
border-radius: 24px;
-moz-border-radius: 24px;
-webkit-border-radius: 24px;
display: block;
padding: 14px;
text-align: center;
width: 292px;
height: 42px;
clear: both;
line-height: 13px;
outline: none;
background-color: transparent;
background-color: #0073a8;
margin-bottom: 10px;
margin-top: 20px;
width: 100% !important;
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button:focus,
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button:active:focus,
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button.active:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button:hover,
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button:focus {
color: #333333;
text-decoration: none;
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button:active,
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button.disabled,
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button[disabled],
fieldset[disabled] .fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button {
cursor: not-allowed;
pointer-events: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button:before,
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button:after {
content: " ";
display: table;
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button:after {
clear: both;
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button:before,
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button:after {
content: " ";
display: table;
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button:after {
clear: both;
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button .dijitReset {
line-height: inherit !important;
}
@media (min-width: 320px) and (max-width: 1023px) {
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button {
padding: 18px 0;
width: 352px;
height: 48px;
border-radius: 32px;
-moz-border-radius: 32px;
-webkit-border-radius: 32px;
line-height: 8px;
}
}
@media (max-width: 767px) {
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button {
width: 300px;
height: 54px;
padding: 22px 0;
border-radius: 32px;
-moz-border-radius: 32px;
-webkit-border-radius: 32px;
}
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button.primary {
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 16px;
letter-spacing: 2px;
text-transform: uppercase;
color: #616b00;
background: #c3d600;
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button.primary:hover,
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button.primary:focus {
outline: none;
background: #c3d600;
background: -moz-linear-gradient(top, #c3d600 0%, #d1e500 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #c3d600), color-stop(100%, #d1e500));
background: -webkit-linear-gradient(top, #c3d600 0%, #d1e500 100%);
background: -o-linear-gradient(top, #c3d600 0%, #d1e500 100%);
background: -ms-linear-gradient(top, #c3d600 0%, #d1e500 100%);
background: linear-gradient(to bottom, #c3d600 0%, #d1e500 100%);
-webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.3);
box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.3);
border-radius: 24px;
-moz-border-radius: 24px;
-webkit-border-radius: 24px;
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button.primary:active {
outline: none;
background: #d1e500;
background: -moz-linear-gradient(top, #d1e500 0%, #c3d600 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #d1e500), color-stop(100%, #c3d600));
background: -webkit-linear-gradient(top, #d1e500 0%, #c3d600 100%);
background: -o-linear-gradient(top, #d1e500 0%, #c3d600 100%);
background: -ms-linear-gradient(top, #d1e500 0%, #c3d600 100%);
background: linear-gradient(to bottom, #d1e500 0%, #c3d600 100%);
-webkit-box-shadow: inset 4px 4px 8px 1px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 4px 4px 8px 1px rgba(0, 0, 0, 0.4);
box-shadow: inset 4px 4px 8px 1px rgba(0, 0, 0, 0.4);
}
@media (min-width: 768px) and (max-width: 1023px) {
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button.primary {
height: 48px;
}
}
@media (max-width: 767px) {
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button.primary {
height: 54px;
}
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button.standard {
background-color: #0073a8;
}
@media (max-width: 767px) {
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button.standard.fpls-button {
padding: 24px 0;
}
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button.standard.disabled {
color: #a6daf2;
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button.standard:hover,
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button.standard:focus {
outline: none;
color: #ffffff;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
background: #0073a8;
background: -moz-linear-gradient(top, #0073a8 0%, #1684ba 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #0073a8), color-stop(100%, #1684ba));
background: -webkit-linear-gradient(top, #0073a8 0%, #1684ba 100%);
background: -o-linear-gradient(top, #0073a8 0%, #1684ba 100%);
background: -ms-linear-gradient(top, #0073a8 0%, #1684ba 100%);
background: linear-gradient(to bottom, #0073a8 0%, #1684ba 100%);
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button.standard:active {
outline: none;
color: #ffffff;
-webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3);
background: #0073a8;
background: -moz-linear-gradient(top, #0073a8 0%, #1684ba 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #0073a8), color-stop(100%, #1684ba));
background: -webkit-linear-gradient(top, #0073a8 0%, #1684ba 100%);
background: -o-linear-gradient(top, #0073a8 0%, #1684ba 100%);
background: -ms-linear-gradient(top, #0073a8 0%, #1684ba 100%);
background: linear-gradient(to bottom, #0073a8 0%, #1684ba 100%);
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button.secondary {
background-color: #0c2739;
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button.secondary:hover,
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button.secondary:focus {
outline: none;
color: #ffffff;
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
background: #0f3852;
background: -moz-linear-gradient(top, #0f3852 0%, #0c2739 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #0f3852), color-stop(100%, #0c2739));
background: -webkit-linear-gradient(top, #0f3852 0%, #0c2739 100%);
background: -o-linear-gradient(top, #0f3852 0%, #0c2739 100%);
background: -ms-linear-gradient(top, #0f3852 0%, #0c2739 100%);
background: linear-gradient(to bottom, #0f3852 0%, #0c2739 100%);
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button.secondary:active {
outline: none;
color: #ffffff;
-webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3);
background: #0f3852;
background: -moz-linear-gradient(top, #0f3852 0%, #0c2739 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #0f3852), color-stop(100%, #0c2739));
background: -webkit-linear-gradient(top, #0f3852 0%, #0c2739 100%);
background: -o-linear-gradient(top, #0f3852 0%, #0c2739 100%);
background: -ms-linear-gradient(top, #0f3852 0%, #0c2739 100%);
background: linear-gradient(to bottom, #0f3852 0%, #0c2739 100%);
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button.disabled {
outline: none;
opacity: .3;
filter: alpha(opacity=30);
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button.outline {
color: #0073a8;
border: 2px solid #0073a8;
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button.link {
color: #0073a8;
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button.outline-white {
color: #ffffff;
border: 2px solid #ffffff;
}
@media print {
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button {
display: none !important;
}
}
@media (max-width: 767px) {
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button.fpls-button {
padding: 24px 0;
}
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button.disabled {
color: #a6daf2;
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button:hover,
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button:focus {
outline: none;
color: #ffffff;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
background: #0073a8;
background: -moz-linear-gradient(top, #0073a8 0%, #1684ba 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #0073a8), color-stop(100%, #1684ba));
background: -webkit-linear-gradient(top, #0073a8 0%, #1684ba 100%);
background: -o-linear-gradient(top, #0073a8 0%, #1684ba 100%);
background: -ms-linear-gradient(top, #0073a8 0%, #1684ba 100%);
background: linear-gradient(to bottom, #0073a8 0%, #1684ba 100%);
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button:active {
outline: none;
color: #ffffff;
-webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3);
background: #0073a8;
background: -moz-linear-gradient(top, #0073a8 0%, #1684ba 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #0073a8), color-stop(100%, #1684ba));
background: -webkit-linear-gradient(top, #0073a8 0%, #1684ba 100%);
background: -o-linear-gradient(top, #0073a8 0%, #1684ba 100%);
background: -ms-linear-gradient(top, #0073a8 0%, #1684ba 100%);
background: linear-gradient(to bottom, #0073a8 0%, #1684ba 100%);
}
.fpl-upload-document-selection .fpl-upload-document .fpl-form-row .fpl-form-upload-button input[type="file"] {
position: fixed;
top: -1000px;
}
.fpl-upload-document-selection .fpl-or-header {
border-top: 1px solid #a8a5a5;
margin-top: 25px;
text-align: center;
}
.fpl-upload-document-selection .fpl-or-header strong {
background: #ffffff;
color: #666666;
display: inline-block;
font-size: 14px;
padding: 0 8px;
position: relative;
top: -13px;
}
.fpl-upload-document-selection .fpl-email-documents {
background: #f0f2f4;
border: 1px solid #a8a5a5;
color: #0c2739;
padding: 20px;
}
.fpl-upload-document-selection .fpl-email-documents .fpl-choice-item {
margin-top: 20px;
position: relative;
}
.fpl-upload-document-selection .fpl-email-documents .fpl-choice-item:before,
.fpl-upload-document-selection .fpl-email-documents .fpl-choice-item:after {
content: " ";
display: table;
}
.fpl-upload-document-selection .fpl-email-documents .fpl-choice-item:after {
clear: both;
}
.fpl-upload-document-selection .fpl-email-documents .fpl-choice-item:before,
.fpl-upload-document-selection .fpl-email-documents .fpl-choice-item:after {
content: " ";
display: table;
}
.fpl-upload-document-selection .fpl-email-documents .fpl-choice-item:after {
clear: both;
}
.fpl-upload-document-selection .fpl-email-documents .fpl-choice-item label {
font-weight: normal;
padding-right: 40px;
}
.fpl-upload-document-selection .fpl-email-documents .fpl-choice-item .fpl-customized-option {
position: absolute;
right: 0;
top: 5%;
}
.ie8 .fpl-choice-options .fpl-choice-option {
padding-left: 20px;
}
.ie8 .fpl-choice-options .fpl-choice-option input[type="radio"] {
display: inline-block !important;
}
.ie8 .fpl-choice-options .fpl-choice-option input[type="radio"] + label {
display: inline-block !important;
}
.fpl-review-order-step .fpl-order-step {
background: #0073a8;
border-top: 5px solid #6cbfe6;
}
.fpl-review-order-step .fpl-order-step span.image {
display: inline-block;
background: url(../../R2/media/images/review-order-step-1.png) center no-repeat;
width: 100%;
height: 50px;
text-align: right;
padding-top: 13px;
padding-right: 20px;
}
.fpl-review-order-step .fpl-order-step span a {
color: #ffffff;
font-size: 16px;
text-decoration: none;
vertical-align: middle;
}
.fpl-review-order-step .fpl-order-step span a .fa {
margin-left: 0;
}
.fpl-review-order-step .fpl-order-detail {
padding-left: 20px;
padding-right: 20px;
border-left: 2px solid #d9d9d9;
border-right: 2px solid #d9d9d9;
}
.fpl-review-order-step .fpl-order-detail label {
width: 100%;
padding-top: 25px;
}
.fpl-review-order-step .fpl-order-detail label.fpl-order-step-label {
font-size: 12px;
text-transform: uppercase;
font-weight: normal;
color: #999999;
}
.fpl-review-order-step .fpl-order-detail span.text {
font-size: 16px;
}
.fpl-review-order-step .fpl-order-detail:last-child {
padding-bottom: 25px;
border-bottom: 2px solid #d9d9d9;
}
.fpl-order-submission .fpl-account-number {
background: #0073a8;
border-top: 5px solid #6cbfe6;
font-size: 16px;
color: #ffffff;
}
.fpl-order-submission .fpl-account-number span.image,
.fpl-order-submission .fpl-account-number p.account-info {
display: inline-block;
}
.fpl-order-submission .fpl-account-number span.image {
width: 42px;
height: 37px;
margin: 22px;
}
.fpl-order-submission .fpl-account-number span.personal {
background: url(../../R2/media/images/confirmation-icon-house.png) center no-repeat;
}
.fpl-order-submission .fpl-account-number span.company {
background: url(../../R2/media/images/confirmation-icon-shop.png) center no-repeat;
}
.fpl-order-submission .fpl-account-number .account-info {
width: 100%;
}
.fpl-order-submission .fpl-account-number .account-info span.title {
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
display: block;
}
.fpl-order-submission .fpl-account-number .account-info span.text {
font-weight: bold;
}
.fpl-order-submission .fpl-account-number .account-info label,
.fpl-order-submission .fpl-account-number .account-info span.text {
display: inline;
}
.fpl-order-submission .fpl-account-number .account-info label {
font-weight: normal;
}
.fpl-order-submission .fpl-order-detail {
padding-left: 20px;
padding-right: 20px;
border-left: 2px solid #d9d9d9;
border-right: 2px solid #d9d9d9;
}
.fpl-order-submission .fpl-order-detail label {
padding-top: 25px;
}
.fpl-order-submission .fpl-order-detail label.fpl-order-step-label {
font-size: 12px;
text-transform: uppercase;
font-weight: normal;
color: #999999;
}
.fpl-order-submission .fpl-order-detail span {
display: block;
}
.fpl-order-submission .fpl-order-detail span.text {
font-size: 16px;
}
.fpl-order-submission .fpl-order-detail span.message {
color: #999999;
}
.fpl-order-submission .fpl-order-detail:last-child {
padding-bottom: 25px;
border-bottom: 2px solid #d9d9d9;
}
.fpl-paperless-confirmation i {
font-size: 30px;
color: #c3d600;
margin-right: 14px;
}
.fpl-paperless-confirmation span.title {
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 20px;
}
.fpl-paperless-confirmation p {
font-size: 16px;
margin-top: 10px;
}
.nav-a-block {
background-color: #0096db;
}
@media (min-width: 768px) and (max-width: 1023px) {
.nav-a-block {
width: 100%;
z-index: 10;
}
}
@media (max-width: 767px) {
.nav-a-block {
width: 100%;
z-index: 10;
}
}
.nav-a-block p {
text-align: center;
padding: 17px 0;
font-size: 18px;
margin-bottom: 0;
}
@media (max-width: 340px) {
.nav-a-block p {
font-size: 16px;
}
}
.nav-a-block p a {
color: white;
}
@media (max-width: 1023px) {
.nav-a-block p a:hover {
text-decoration: underline;
}
}
@media (min-width: 1024px) {
.nav-a-block p a {
cursor: default;
}
.nav-a-block p a:hover {
text-decoration: none;
}
}
@media (max-width: 1023px) {
.nav-a-block p a.closed i {
position: relative;
top: -4px;
}
.nav-a-block p a.closed i:after {
content: "\f0dd";
}
}
@media (max-width: 1023px) {
.nav-a-block p a.open i {
position: relative;
top: 2px;
}
.nav-a-block p a.open i:after {
content: "\f0de";
}
}
@media (min-width: 1024px) {
.nav-a-block p a i {
display: none;
}
}
@media (min-width: 1024px) {
.nav-a-block .menu {
display: block !important;
width: 985px;
height: 60px;
margin: auto;
list-style: none;
padding: 20px 0;
border-top: solid 1px white;
}
.nav-a-block .menu li {
float: left;
width: 16.66%;
text-align: center;
}
.nav-a-block .menu li a {
color: white;
font-size: 14px;
}
}
@media (max-width: 1023px) {
.nav-a-block .menu {
display: none;
width: 100%;
margin: auto;
list-style: none;
padding-bottom: 20px;
padding-left: 75px;
position: absolute;
z-index: 9;
background-color: #0096db;
top: 55px;
}
.nav-a-block .menu li {
text-align: left;
padding: 10px 0;
}
.nav-a-block .menu li a {
color: white;
font-size: 16px;
}
}
.nav-b-block {
width: 100%;
height: 60px;
background-color: #0096db;
}
@media (max-width: 1023px) {
.nav-b-block .inner-container img {
margin: 12px 0 0 12px;
width: 38px;
height: 38px;
}
.nav-b-block .inner-container span#navBTrigger {
color: white;
float: right;
font-size: 20px;
margin-top: 18px;
margin-right: 20px;
height: 32px;
width: 25px;
background-image: url(../images/icon-nav-hamburger.png);
background-size: contain;
background-repeat: no-repeat;
}
.nav-b-block .inner-container span#navBTrigger > img {
width: 24px;
height: 20px;
margin-top: -2px;
margin-right: 0px;
cursor: pointer;
}
.nav-b-block .inner-container span#navBTrigger.open {
background-image: url(../images/icon-nav-x.png);
}
.nav-b-block .inner-container span#navBTrigger ul#hamburgerMenuB {
display: none;
padding: 14px 20px 20px 75px;
z-index: 9999999;
position: absolute;
top: 60px;
background-color: #0096db;
width: 100%;
list-style: none;
left: 0 !important;
}
.nav-b-block .inner-container span#navBTrigger ul#hamburgerMenuB li {
padding-bottom: 9px;
}
.nav-b-block .inner-container span#navBTrigger ul#hamburgerMenuB li a {
font-size: 18px;
color: white;
}
}
@media (min-width: 1024px) and (max-width: 1085px) {
.nav-b-block .inner-container span#navBTrigger span#helper {
display: none;
}
}
@media (min-width: 1024px) and (max-width: 1065px) {
.nav-b-block .inner-container #navBTrigger ul#hamburgerMenuB:before {
content: "";
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #0096db;
position: absolute;
left: 184px;
top: -10px;
z-index: 9;
}
}
@media (min-width: 1024px) {
.nav-b-block .inner-container {
max-width: 980px;
margin: auto;
}
.nav-b-block .inner-container img {
width: 45px;
height: 45px;
margin: 8px 0 0 0;
}
.nav-b-block .inner-container #navBTrigger {
color: white;
float: right;
font-size: 20px;
margin-top: 20px;
height: 40px;
width: 25px;
background-image: url(../images/icon-nav-hamburger.png);
background-size: contain;
background-repeat: no-repeat;
}
.nav-b-block .inner-container #navBTrigger.open {
background-image: url(../images/icon-nav-x.png);
}
.nav-b-block .inner-container #navBTrigger #hamburgerMenuB {
display: none;
padding: 15px 0;
z-index: 9999999;
position: absolute;
top: 75px;
background-color: #0096db;
width: 225px;
height: 245px;
list-style: none;
}
.nav-b-block .inner-container #navBTrigger #hamburgerMenuB:before {
content: "";
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-bottom: 25px solid #0096db;
position: absolute;
left: 150px;
top: -10px;
z-index: 9;
}
.nav-b-block .inner-container #navBTrigger #hamburgerMenuB li {
padding: 0 20px;
margin-bottom: 9px;
z-index: 99;
}
.nav-b-block .inner-container #navBTrigger #hamburgerMenuB li:hover {
background-color: #0C2739;
}
.nav-b-block .inner-container #navBTrigger #hamburgerMenuB li a {
font-size: 16px;
color: white;
position: relative;
top: -1px;
}
.nav-b-block .inner-container #navBTrigger #hamburgerMenuB li a:hover {
text-decoration: none;
}
.nav-b-block .inner-container #navBTrigger #helper {
display: block;
position: absolute;
width: 225px;
height: 40px;
}
}
.moderncarousel.stacked li.image-right .image-set {
float: right;
}
.moderncarousel.stacked li.image-right iframe {
float: right;
}
.moderncarousel.stacked li.image-right .carousel-info {
float: left;
}
@media (min-width: 768px) {
.moderncarousel.stacked {
margin-top: 30px;
height: 440px;
margin-bottom: 30px;
}
.moderncarousel.stacked .image-set {
display: block;
width: 50%;
float: left;
padding: 0 30px;
max-height: 400px;
overflow: hidden;
}
.moderncarousel.stacked .image-set img {
widows: 100%;
height: auto !important;
}
.moderncarousel.stacked .carousel-info {
width: 50%;
float: right;
display: block !important;
padding: 0 60px;
}
.moderncarousel.stacked iframe {
width: 50%;
height: 400px;
padding: 0 30px;
}
.moderncarousel.stacked .c-carousel-controls {
position: absolute;
font-size: 40px;
height: 400px;
z-index: 9999;
}
.moderncarousel.stacked .c-carousel-controls a {
color: #0073a8;
text-decoration: none;
}
.moderncarousel.stacked .c-carousel-controls#carousel-nav-previous > a {
padding-top: 185px;
display: block;
height: 100%;
width: 19px;
}
.moderncarousel.stacked .c-carousel-controls#carousel-nav-previous .bx-prev:before {
content: "\f053";
font-family: FontAwesome;
width: 19px;
height: 37px;
display: block;
}
.moderncarousel.stacked .c-carousel-controls#carousel-nav-next {
right: 10px;
}
.moderncarousel.stacked .c-carousel-controls#carousel-nav-next > a {
padding-top: 185px;
display: block;
height: 100%;
width: 19px;
}
.moderncarousel.stacked .c-carousel-controls#carousel-nav-next .bx-next:before {
content: "\f054";
font-family: FontAwesome;
width: 19px;
height: 100%;
display: block;
}
}
@media (max-width: 767px) {
.moderncarousel.stacked {
margin-top: 30px;
height: 540px;
border-bottom: solid 2px #D2D2D2;
}
.moderncarousel.stacked .image-set {
display: block;
width: 100%;
text-align: center;
max-height: 250px;
overflow: hidden;
}
.moderncarousel.stacked .image-set img {
margin: auto;
width: calc(100% - 60px);
}
.moderncarousel.stacked .bx-viewport {
height: 540px !important;
}
.moderncarousel.stacked .image-set.yt_thumb[style="display: none;"] + .carousel-info {
position: relative;
top: 250px;
}
.moderncarousel.stacked .carousel-info {
width: 100%;
clear: both;
float: right;
display: block !important;
margin-top: 10px;
padding: 0 30px;
height: 150px;
}
.moderncarousel.stacked iframe {
width: calc(100% - 60px);
height: 250px;
margin-left: 28px;
position: relative;
top: -160px;
}
.moderncarousel.stacked .bx-controls {
position: relative;
top: -15px;
}
.moderncarousel.stacked .bx-controls .bx-pager {
padding-top: 0;
}
.moderncarousel.stacked .c-carousel-controls {
position: absolute;
font-size: 40px;
height: 250px;
z-index: 9999;
}
.moderncarousel.stacked .c-carousel-controls a {
color: #0073a8;
text-decoration: none;
}
.moderncarousel.stacked .c-carousel-controls#carousel-nav-previous > a {
padding-top: 107px;
display: block;
height: 100%;
width: 19px;
}
.moderncarousel.stacked .c-carousel-controls#carousel-nav-previous .bx-prev:before {
content: "\f053";
font-family: FontAwesome;
width: 19px;
height: 37px;
display: block;
}
.moderncarousel.stacked .c-carousel-controls#carousel-nav-next {
right: 10px;
}
.moderncarousel.stacked .c-carousel-controls#carousel-nav-next > a {
padding-top: 107px;
display: block;
height: 100%;
width: 19px;
}
.moderncarousel.stacked .c-carousel-controls#carousel-nav-next .bx-next:before {
content: "\f054";
font-family: FontAwesome;
width: 19px;
height: 100%;
display: block;
}
}
.moderncarousel:not(.stacked) {
margin-bottom: 40px;
}
.moderncarousel:not(.stacked) .image-set img {
width: 100% !important;
height: auto !important;
}
.moderncarousel:not(.stacked).authoring {
overflow: visible;
}
.moderncarousel:not(.stacked).authoring li {
max-height: 576px;
overflow: hidden;
position: relative;
}
@media (min-width: 768px) {
.moderncarousel:not(.stacked) {
height: 576px;
overflow: hidden;
}
}
@media (max-width: 767px) {
.moderncarousel:not(.stacked) {
height: 400px;
overflow: hidden;
}
}
.moderncarousel:not(.stacked) .bx-pager.bx-default-pager {
z-index: 9;
}
.moderncarousel:not(.stacked) .modern-slider {
width: 100%;
max-width: 100%;
}
.moderncarousel:not(.stacked) .modern-slider.masthead-slider-loading {
background: url(../images/bx_loader.gif) center center no-repeat #ffffff;
width: 100%;
}
@media (min-width: 768px) {
.moderncarousel:not(.stacked) .modern-slider.masthead-slider-loading {
height: 576px;
}
}
@media (max-width: 767px) {
.moderncarousel:not(.stacked) .modern-slider.masthead-slider-loading {
height: 400px;
}
}
.moderncarousel:not(.stacked) .modern-slider.masthead-slider-loading .slider-wrap {
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
}
.moderncarousel:not(.stacked) .modern-slider .yt_thumb {
cursor: pointer;
}
.moderncarousel:not(.stacked) .modern-slider .yt_thumb img {
width: 100%;
}
.moderncarousel:not(.stacked) .modern-slider .yt_thumb:before {
content: '';
display: block;
background-image: url(../images/tile-video-icon.png);
position: absolute;
z-index: 99999999;
top: 230px;
left: 50%;
width: 100px;
height: 100px;
background-size: contain;
margin-left: -50px;
}
@media (max-width: 767px) {
.moderncarousel:not(.stacked) .modern-slider .yt_thumb:before {
top: 155px;
width: 75px;
height: 75px;
margin-left: -38px;
}
}
.moderncarousel:not(.stacked) .modern-slider .bx-wrapper .bx-pager {
z-index: 9;
position: absolute;
bottom: 42px;
padding: 0;
}
.moderncarousel:not(.stacked) .modern-slider .bx-wrapper .bx-pager .bx-pager-item {
vertical-align: middle;
}
.moderncarousel:not(.stacked) .modern-slider .bx-wrapper .bx-pager .bx-pager-item a {
background-color: #f0f2f4;
width: 10px;
height: 10px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.moderncarousel:not(.stacked) .modern-slider .bx-wrapper .bx-pager .bx-pager-item a.active {
background-color: #0096db;
}
@media (max-width: 767px) {
.moderncarousel:not(.stacked) .modern-slider .bx-wrapper,
.moderncarousel:not(.stacked) .modern-slider .bx-viewport {
height: 400px !important;
max-height: 400px;
}
.moderncarousel:not(.stacked) .modern-slider .carousel-info {
display: none;
}
.moderncarousel:not(.stacked) .modern-slider iframe {
width: 100%;
height: 400px;
z-index: 1;
}
.moderncarousel:not(.stacked) .modern-slider .c-carousel-controls {
position: absolute;
font-size: 90px;
top: 165px;
z-index: 9999;
}
.moderncarousel:not(.stacked) .modern-slider .c-carousel-controls a {
color: rgba(255, 255, 255, 0.5);
text-decoration: none;
}
.moderncarousel:not(.stacked) .modern-slider .c-carousel-controls#carousel-nav-previous {
left: 3.5%;
}
.moderncarousel:not(.stacked) .modern-slider .c-carousel-controls#carousel-nav-previous > a {
display: block;
width: 38px;
height: 74px;
}
.moderncarousel:not(.stacked) .modern-slider .c-carousel-controls#carousel-nav-previous .bx-prev:before {
content: "\f104";
content: "";
background-image: url(../images/modern-arrow-left.png);
background-size: contain;
background-repeat: no-repeat;
width: 38px;
height: 74px;
display: block;
}
.moderncarousel:not(.stacked) .modern-slider .c-carousel-controls#carousel-nav-next {
right: 3.5%;
}
.moderncarousel:not(.stacked) .modern-slider .c-carousel-controls#carousel-nav-next > a {
display: block;
width: 38px;
height: 74px;
}
.moderncarousel:not(.stacked) .modern-slider .c-carousel-controls#carousel-nav-next .bx-next:before {
content: "";
background-image: url(../images/modern-arrow-right.png);
background-size: contain;
background-repeat: no-repeat;
width: 38px;
height: 74px;
display: block;
}
}
@media (min-width: 768px) {
.moderncarousel:not(.stacked) .modern-slider .c-carousel-controls {
position: absolute;
font-size: 90px;
top: 270px;
z-index: 9999;
}
.moderncarousel:not(.stacked) .modern-slider .c-carousel-controls a {
color: rgba(255, 255, 255, 0.5);
text-decoration: none;
}
.moderncarousel:not(.stacked) .modern-slider .c-carousel-controls#carousel-nav-previous {
left: 3.5%;
}
.moderncarousel:not(.stacked) .modern-slider .c-carousel-controls#carousel-nav-previous > a {
display: block;
height: 37px;
width: 19px;
}
.moderncarousel:not(.stacked) .modern-slider .c-carousel-controls#carousel-nav-previous .bx-prev:before {
content: "";
background-image: url(../images/modern-arrow-left.png);
background-size: contain;
background-repeat: no-repeat;
width: 19px;
height: 37px;
display: block;
}
.moderncarousel:not(.stacked) .modern-slider .c-carousel-controls#carousel-nav-next {
right: 3.5%;
}
.moderncarousel:not(.stacked) .modern-slider .c-carousel-controls#carousel-nav-next > a {
display: block;
height: 37px;
width: 19px;
}
.moderncarousel:not(.stacked) .modern-slider .c-carousel-controls#carousel-nav-next .bx-next:before {
content: "";
background-image: url(../images/modern-arrow-right.png);
background-size: contain;
background-repeat: no-repeat;
width: 19px;
height: 37px;
display: block;
}
.moderncarousel:not(.stacked) .modern-slider .bx-wrapper,
.moderncarousel:not(.stacked) .modern-slider .bx-viewport {
height: 576px !important;
max-height: 576px;
}
.moderncarousel:not(.stacked) .modern-slider .carousel-info {
background-color: transparent;
position: absolute;
left: 15%;
top: 335px;
text-align: left;
}
.moderncarousel:not(.stacked) .modern-slider .carousel-info .cta-container {
max-width: 450px;
}
.moderncarousel:not(.stacked) .modern-slider .carousel-info .cta-container .cta-carousel-btn {
border-radius: 30px;
background: #0096db;
color: #ffffff;
display: inline-block;
font-size: 16px;
font-weight: bold;
letter-spacing: 2px;
padding: 9px 25px 8px;
text-transform: uppercase;
}
.moderncarousel:not(.stacked) .modern-slider .carousel-info .cta-container .cta-carousel-btn:first-child {
color: #0096db;
background-color: transparent;
border: 2px solid #0096db;
}
.moderncarousel:not(.stacked) .modern-slider .carousel-info .cta-container .cta-carousel-btn:first-child:hover {
text-decoration: none;
}
.moderncarousel:not(.stacked) .modern-slider .carousel-info .cta-container .cta-carousel-btn:last-child:hover {
text-decoration: none;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
background: linear-gradient(to bottom, #0096db 0%, #1684ba 100%);
}
.moderncarousel:not(.stacked) .modern-slider .carousel-info.one-cta .cta-carousel-btn:first-child {
width: 300px;
text-align: center;
}
.moderncarousel:not(.stacked) .modern-slider .carousel-info.one-cta .cta-carousel-btn:last-child {
display: none;
}
.moderncarousel:not(.stacked) .modern-slider .carousel-info.no-cta .cta-container {
display: none;
}
.moderncarousel:not(.stacked) .modern-slider .carousel-info.align-right {
left: auto;
right: 15%;
}
.moderncarousel:not(.stacked) .modern-slider .carousel-info.align-right h2,
.moderncarousel:not(.stacked) .modern-slider .carousel-info.align-right p,
.moderncarousel:not(.stacked) .modern-slider .carousel-info.align-right a {
text-align: right;
}
.moderncarousel:not(.stacked) .modern-slider .carousel-info.align-right .cta-container {
position: relative;
right: auto;
}
.moderncarousel:not(.stacked) .modern-slider .carousel-info.dark-text h2,
.moderncarousel:not(.stacked) .modern-slider .carousel-info.dark-text p,
.moderncarousel:not(.stacked) .modern-slider .carousel-info.dark-text a {
color: black;
}
.moderncarousel:not(.stacked) .modern-slider .carousel-info h2,
.moderncarousel:not(.stacked) .modern-slider .carousel-info p,
.moderncarousel:not(.stacked) .modern-slider .carousel-info a {
color: white;
max-width: 330px;
text-align: left;
padding: 0;
}
.moderncarousel:not(.stacked) .modern-slider .carousel-info h2 {
font-size: 38px;
font-family: Arial;
margin-bottom: 0px;
}
.moderncarousel:not(.stacked) .modern-slider iframe {
width: 100%;
height: 576px;
z-index: 1;
}
}
.row.gray-rule {
border-top: solid 2px #e5e5e5;
}
@media (max-width: 767px) {
.row.regular-icons {
padding-top: 50px;
margin-bottom: 95px;
}
}
@media (min-width: 768px) {
.row.tall {
height: 576px;
}
}
@media (min-width: 768px) {
.row.short {
height: 420px;
}
}
.row.blue-inverse {
background-color: #5fb0e7;
padding: 30px 0 55px;
}
.row.blue-inverse .bx-viewport {
background-color: #5fb0e7;
}
@media (min-width: 768px) {
.row.blue-inverse {
padding: 33px 0;
}
}
@media (max-width: 767px) {
.row.blue-inverse .col-xs-12 > .bx-wrapper {
position: relative;
top: -15px;
}
.row.blue-inverse .col-xs-12 > .bx-wrapper .bx-viewport {
background-color: #5fb0e7;
}
.row.blue-inverse .bx-wrapper .bx-pager {
z-index: 9;
}
}
.row.blue-inverse h3 {
font-family: Arial;
color: white;
margin-bottom: 50px;
margin-top: 40px;
}
@media (max-width: 767px) {
.row.blue-inverse h3 {
padding: 0 50px;
font-size: 24px;
margin-top: 20px;
}
}
.row.blue-inverse a,
.row.blue-inverse p,
.row.blue-inverse h4,
.row.blue-inverse h3,
.row.blue-inverse span {
color: white;
text-align: center;
}
.row.blue-inverse .section-blocks.modern-blocks.icons {
margin-top: 0;
padding-bottom: 55px;
background-color: #5fb0e7;
}
@media (max-width: 767px) {
.row.blue-inverse .section-blocks.modern-blocks.icons {
padding-top: 0;
padding-bottom: 0;
left: 16px;
}
.row.blue-inverse .section-blocks.modern-blocks.icons img {
margin-left: 0;
}
.row.blue-inverse .section-blocks.modern-blocks.icons p.section-block-learn-more {
padding: 0;
}
.row.blue-inverse .section-blocks.modern-blocks.icons > li {
background-color: #5fb0e7;
}
.row.blue-inverse .section-blocks.modern-blocks.icons > li div.section-block {
padding: 0 50px;
height: auto;
}
.row.blue-inverse .section-blocks.modern-blocks.icons > li div.section-block div.section-block-info {
padding: 0;
}
.row.blue-inverse .section-blocks.modern-blocks.icons > li div.section-block div.section-block-info p {
font-size: 16px;
}
.row.blue-inverse .section-blocks.modern-blocks.icons > li div.section-block p.section-block-learn-more a {
font-size: 16px;
}
}
.row.blue-inverse .section-blocks.modern-blocks.icons > li {
margin-bottom: 0;
}
.row.blue-inverse .section-blocks.modern-blocks.icons > li > .section-block {
height: 175px;
}
.row.blue-inverse .section-blocks.modern-blocks.icons > li > .section-block > div {
text-align: center;
margin: 0 auto 15px;
width: auto;
}
.row.blue-inverse .section-blocks.modern-blocks.icons > li > .section-block > div:hover {
cursor: auto;
text-decoration: none;
}
.row.blue-inverse .section-blocks.modern-blocks.icons > li > .section-block > div > img {
width: 70px;
margin: auto;
}
.row.blue-inverse .section-blocks.modern-blocks.icons > li > .section-block .section-block-info h4 {
display: none;
margin-top: 0;
}
.row.blue-inverse .section-blocks.modern-blocks.icons > li > .section-block .section-block-info p {
line-height: 20px;
}
.row.blue-inverse .section-blocks.modern-blocks.icons > li > .section-block p.section-block-learn-more {
text-align: center;
}
.row.blue-inverse .section-blocks.modern-blocks.icons > li > .section-block p.section-block-learn-more > a {
color: white;
text-align: center;
font-weight: bold;
}
.row.blue-inverse .section-blocks.modern-blocks.icons > li > .section-block p.section-block-learn-more > a:hover {
text-decoration: underline;
}
@media (min-width: 1024px) {
.row.blue-inverse .section-blocks.modern-blocks.icons.three-across {
padding-left: 107px;
padding-right: 107px;
}
}
@media (min-width: 768px) {
.row.blue-inverse .section-blocks.modern-blocks.icons.three-across {
padding-top: 0;
}
}
@media (max-width: 1023px) {
.row.blue-inverse .section-blocks.modern-blocks.icons.three-across {
padding-left: 0px;
padding-right: 0px;
}
}
@media (max-width: 767px) {
.row.blue-inverse .section-blocks.modern-blocks.icons.three-across p.section-block-learn-more {
padding: 0;
}
}
.row.blue-inverse .section-blocks.modern-blocks.icons.five-across p.section-block-learn-more {
position: static;
font-weight: bold;
}
@media (min-width: 1024px) {
.row.blue-inverse .section-blocks.modern-blocks.icons.five-across {
padding-left: 107px;
padding-right: 107px;
}
}
@media (min-width: 768px) {
.row.blue-inverse .section-blocks.modern-blocks.icons.five-across > li {
width: 20%;
}
.row.blue-inverse .section-blocks.modern-blocks.icons.five-across > li div.section-block-info {
margin: 0;
}
}
.row.blue-inverse .section-blocks.modern-blocks.icons.five-across img {
margin-bottom: 10px;
padding: 0;
}
@media (min-width: 1024px) {
.section-blocks.modern-blocks {
max-width: 1280px;
margin: auto;
}
}
@media (min-width: 1024px) {
.section-blocks.modern-blocks.icons.two-across {
padding-top: 85px;
}
.section-blocks.modern-blocks.icons.two-across > li .section-block {
height: auto;
}
.section-blocks.modern-blocks.icons.two-across > li .section-block > div {
margin: auto;
width: 340px;
display: block;
text-align: left;
}
.section-blocks.modern-blocks.icons.two-across > li .section-block > div img {
width: 50px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.section-blocks.modern-blocks.icons.two-across {
padding-top: 75px;
padding-bottom: 20px;
}
.section-blocks.modern-blocks.icons.two-across > li .section-block {
height: 250px;
}
.section-blocks.modern-blocks.icons.two-across > li .section-block > div {
width: auto;
margin: 0;
display: block;
text-align: left;
}
.section-blocks.modern-blocks.icons.two-across > li .section-block > div img {
width: 50px;
}
}
@media (max-width: 767px) {
.section-blocks.modern-blocks.icons.two-across {
padding-top: 0;
left: 16px;
}
.section-blocks.modern-blocks.icons.two-across > li .section-block > div {
width: 100%;
display: block;
text-align: left;
margin: auto;
}
.section-blocks.modern-blocks.icons.two-across > li .section-block > div img {
width: 70px;
height: 70px;
padding: 0;
margin-left: 45px;
}
.section-blocks.modern-blocks.icons.two-across > li .section-block p.section-block-learn-more {
padding-left: 49px;
}
}
@media (min-width: 1024px) {
.section-blocks.modern-blocks.icons.three-across {
padding: 85px 107px 35px;
}
.section-blocks.modern-blocks.icons.three-across > li {
padding-left: 30px;
}
.section-blocks.modern-blocks.icons.three-across > li .section-block > div {
margin: auto;
}
.section-blocks.modern-blocks.icons.three-across > li .section-block .section-block-learn-more {
width: auto;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.section-blocks.modern-blocks.icons.three-across {
padding: 80px 0 0;
}
}
@media (min-width: 768px) {
.section-blocks.modern-blocks.icons.three-across > li .section-block {
height: 250px;
}
.section-blocks.modern-blocks.icons.three-across > li .section-block > div {
width: 100%;
max-width: 280px;
margin: 0;
display: block;
text-align: left;
}
.section-blocks.modern-blocks.icons.three-across > li .section-block > div img {
width: 50px;
}
}
@media (max-width: 767px) {
.section-blocks.modern-blocks.icons.three-across {
padding-top: 0;
}
.section-blocks.modern-blocks.icons.three-across > li .section-block > div {
width: 100%;
display: block;
text-align: left;
}
.section-blocks.modern-blocks.icons.three-across > li .section-block > div img {
width: 70px;
height: 70px;
padding: 0;
margin-left: 65px;
}
.section-blocks.modern-blocks.icons.three-across > li .section-block .section-block-info {
padding: 0 25px 0 45px;
}
.section-blocks.modern-blocks.icons.three-across > li .section-block .section-block-learn-more {
padding-left: 64px;
}
}
@media (max-width: 767px) {
.section-blocks.modern-blocks.two-across li + li .no-image {
margin-top: 80px;
}
}
.section-blocks.modern-blocks.two-across > li .section-block.no-image {
height: auto;
}
@media (min-width: 768px) {
.section-blocks.modern-blocks.two-across > li .section-block.no-image {
position: relative;
top: 130px;
}
}
@media (max-width: 767px) {
.section-blocks.modern-blocks.two-across > li .section-block.no-image {
margin-bottom: 80px;
}
}
.section-blocks.modern-blocks.two-across > li .section-block.no-image > a {
display: none;
}
.section-blocks.modern-blocks.two-across > li .section-block.video > a:before {
content: "";
position: absolute;
background-image: url(../images/tile-video-icon.png);
background-size: contain;
margin: 0;
font-size: 60px;
display: block;
height: 70px;
width: 70px;
left: 50%;
margin-left: -35px;
text-align: center;
}
@media (min-width: 1024px) {
.section-blocks.modern-blocks.two-across > li .section-block.video > a:before {
margin-top: 20%;
}
}
@media (min-width: 905px) and (max-width: 1023px) {
.section-blocks.modern-blocks.two-across > li .section-block.video > a:before {
margin-top: 17%;
}
}
@media (min-width: 768px) and (max-width: 904px) {
.section-blocks.modern-blocks.two-across > li .section-block.video > a:before {
margin-top: 15%;
}
}
@media (min-width: 680px) and (max-width: 767px) {
.section-blocks.modern-blocks.two-across > li .section-block.video > a:before {
margin-top: 22%;
}
}
@media (min-width: 475px) and (max-width: 679px) {
.section-blocks.modern-blocks.two-across > li .section-block.video > a:before {
margin-top: 20%;
}
}
@media (min-width: 380px) and (max-width: 474px) {
.section-blocks.modern-blocks.two-across > li .section-block.video > a:before {
margin-top: 18%;
}
}
@media (min-width: 320px) and (max-width: 379px) {
.section-blocks.modern-blocks.two-across > li .section-block.video > a:before {
margin-top: 16%;
}
}
@media (min-width: 1024px) {
.section-blocks.modern-blocks.two-across {
padding: 50px 107px 26px;
}
.section-blocks.modern-blocks.two-across > li {
float: left;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 50px;
vertical-align: top;
width: 50%;
}
.section-blocks.modern-blocks.two-across > li .section-block .section-block-info {
margin: auto;
width: 340px;
}
.section-blocks.modern-blocks.two-across > li .section-block .section-block-info h4 {
font-size: 32px;
}
.section-blocks.modern-blocks.two-across > li .section-block .section-block-info p {
line-height: 20px;
font-size: 17.5px;
max-height: 120px;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 26px;
}
.section-blocks.modern-blocks.two-across > li .section-block .section-block-learn-more {
width: 340px;
margin: auto;
position: static;
}
.section-blocks.modern-blocks.two-across > li .section-block .section-block-learn-more a {
font-size: 16px;
font-weight: bold;
}
.section-blocks.modern-blocks.two-across > li .section-block .section-block-learn-more a:hover {
text-decoration: none;
color: #0C2739;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.section-blocks.modern-blocks.two-across {
padding: 65px 0 0 0;
}
.section-blocks.modern-blocks.two-across > li {
float: left;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 50px;
vertical-align: top;
width: 50%;
}
.section-blocks.modern-blocks.two-across > li .section-block .section-block-info {
margin: auto;
}
.section-blocks.modern-blocks.two-across > li .section-block .section-block-info p {
line-height: 20px;
max-height: 120px;
overflow: hidden;
text-overflow: ellipsis;
}
.section-blocks.modern-blocks.two-across > li .section-block .section-block-learn-more {
position: static;
}
.section-blocks.modern-blocks.two-across > li .section-block .section-block-learn-more a {
font-size: 16px;
font-weight: bold;
}
.section-blocks.modern-blocks.two-across > li .section-block .section-block-learn-more a:hover {
text-decoration: none;
color: #0C2739;
}
}
@media (max-width: 767px) {
.section-blocks.modern-blocks.two-across {
padding-top: 50px;
}
.section-blocks.modern-blocks.two-across > li {
float: none;
margin-bottom: 0;
padding: 0;
width: 100%;
}
.section-blocks.modern-blocks.two-across > li .section-block .section-block-info {
padding: 0 50px;
}
.section-blocks.modern-blocks.two-across > li .section-block .section-block-info h4 {
font-size: 27px;
}
.section-blocks.modern-blocks.two-across > li .section-block .section-block-info p {
max-height: 120px;
overflow: hidden;
text-overflow: ellipsis;
}
.section-blocks.modern-blocks.two-across > li .section-block .section-block-learn-more {
padding-left: 70px;
}
.section-blocks.modern-blocks.two-across > li .section-block .section-block-learn-more a {
font-weight: bold;
}
.section-blocks.modern-blocks.two-across > li .section-block .section-block-learn-more a:hover {
text-decoration: none;
color: #0C2739;
}
}
@media (max-width: 767px) {
.section-blocks.modern-blocks.three-across li + li .no-image {
margin-top: 80px;
}
}
.section-blocks.modern-blocks.three-across > li .section-block.no-image {
height: auto;
}
@media (min-width: 768px) {
.section-blocks.modern-blocks.three-across > li .section-block.no-image {
position: relative;
top: 90px;
}
}
@media (max-width: 767px) {
.section-blocks.modern-blocks.three-across > li .section-block.no-image {
margin-bottom: 80px;
}
}
.section-blocks.modern-blocks.three-across > li .section-block.no-image > a {
display: none;
}
.section-blocks.modern-blocks.three-across > li .section-block.video > a:before {
content: "";
position: absolute;
background-image: url(../images/tile-video-icon.png);
background-size: contain;
margin: 0;
font-size: 60px;
display: block;
height: 70px;
width: 70px;
left: 50%;
margin-left: -35px;
}
@media (min-width: 1150px) {
.section-blocks.modern-blocks.three-across > li .section-block.video > a:before {
margin-top: 15%;
}
}
@media (min-width: 1024px) and (max-width: 1149px) {
.section-blocks.modern-blocks.three-across > li .section-block.video > a:before {
margin-top: 12%;
}
}
@media (min-width: 905px) and (max-width: 1023px) {
.section-blocks.modern-blocks.three-across > li .section-block.video > a:before {
margin-top: 14%;
}
}
@media (min-width: 830px) and (max-width: 904px) {
.section-blocks.modern-blocks.three-across > li .section-block.video > a:before {
margin-top: 11%;
}
}
@media (min-width: 768px) and (max-width: 829px) {
.section-blocks.modern-blocks.three-across > li .section-block.video > a:before {
margin-top: 7%;
}
}
@media (min-width: 680px) and (max-width: 767px) {
.section-blocks.modern-blocks.three-across > li .section-block.video > a:before {
margin-top: 22%;
}
}
@media (min-width: 475px) and (max-width: 679px) {
.section-blocks.modern-blocks.three-across > li .section-block.video > a:before {
margin-top: 20%;
}
}
@media (min-width: 380px) and (max-width: 474px) {
.section-blocks.modern-blocks.three-across > li .section-block.video > a:before {
margin-top: 18%;
}
}
@media (min-width: 320px) and (max-width: 379px) {
.section-blocks.modern-blocks.three-across > li .section-block.video > a:before {
margin-top: 16%;
}
}
@media (min-width: 1024px) and (max-width: 1150px) {
.section-blocks.modern-blocks.three-across > li .section-block div.section-block-info {
width: 100%;
}
.section-blocks.modern-blocks.three-across > li .section-block div.section-block-learn-more {
width: 100%;
}
}
@media (min-width: 1024px) {
.section-blocks.modern-blocks.three-across {
padding: 115px 107px 61px;
}
.section-blocks.modern-blocks.three-across > li {
float: left;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 50px;
vertical-align: top;
width: 33.3%;
}
.section-blocks.modern-blocks.three-across > li .section-block {
height: 350px;
}
.section-blocks.modern-blocks.three-across > li .section-block .section-block-info {
margin: auto;
width: 280px;
}
.section-blocks.modern-blocks.three-across > li .section-block .section-block-info h4 {
font-size: 30px;
}
.section-blocks.modern-blocks.three-across > li .section-block .section-block-info p {
line-height: 20px;
font-size: 17.5px;
max-height: 80px;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 26px;
}
.section-blocks.modern-blocks.three-across > li .section-block .section-block-learn-more {
width: 280px;
margin: auto;
position: static;
}
.section-blocks.modern-blocks.three-across > li .section-block .section-block-learn-more a {
font-size: 15px;
font-weight: bold;
}
.section-blocks.modern-blocks.three-across > li .section-block .section-block-learn-more a:hover {
text-decoration: none;
color: #0C2739;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.section-blocks.modern-blocks.three-across {
padding: 110px 0 0 0;
}
.section-blocks.modern-blocks.three-across > li {
float: left;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 50px;
vertical-align: top;
width: 33.3%;
}
.section-blocks.modern-blocks.three-across > li .section-block {
height: auto;
}
.section-blocks.modern-blocks.three-across > li .section-block .section-block-info {
margin: auto;
}
.section-blocks.modern-blocks.three-across > li .section-block .section-block-info p {
line-height: 20px;
max-height: 80px;
overflow: hidden;
text-overflow: ellipsis;
}
.section-blocks.modern-blocks.three-across > li .section-block .section-block-learn-more {
position: static;
}
.section-blocks.modern-blocks.three-across > li .section-block .section-block-learn-more a {
font-size: 16px;
font-weight: bold;
}
.section-blocks.modern-blocks.three-across > li .section-block .section-block-learn-more a:hover {
text-decoration: none;
color: #0C2739;
}
}
@media (max-width: 767px) {
.section-blocks.modern-blocks.three-across {
padding-top: 50px;
}
.section-blocks.modern-blocks.three-across > li {
float: none;
margin-bottom: 0;
padding: 0;
width: 100%;
}
.section-blocks.modern-blocks.three-across > li .section-block .section-block-info {
padding: 0 50px;
}
.section-blocks.modern-blocks.three-across > li .section-block .section-block-info h4 {
font-size: 27px;
}
.section-blocks.modern-blocks.three-across > li .section-block .section-block-learn-more {
padding-left: 70px;
}
.section-blocks.modern-blocks.three-across > li .section-block .section-block-learn-more a {
font-weight: bold;
}
.section-blocks.modern-blocks.three-across > li .section-block .section-block-learn-more a:hover {
text-decoration: none;
color: #0C2739;
}
}
.section-blocks.modern-blocks.horizontal > li .section-block {
height: auto;
}
.section-blocks.modern-blocks.horizontal > li .section-block .section-block-info h4 {
marign-top: 0;
}
.section-blocks.modern-blocks.horizontal > li .section-block.video > a:before {
content: "";
position: absolute;
background-image: url(../images/tile-video-icon.png);
background-size: contain;
margin: 0;
font-size: 60px;
display: block;
height: 70px;
width: 70px;
left: 27%;
margin-left: -35px;
background-repeat: no-repeat;
}
@media (min-width: 1024px) {
.section-blocks.modern-blocks.horizontal > li .section-block.video > a:before {
margin-top: 12%;
}
}