/*
 * PubEasy CENTRAL pubeasy.css
 * CREATED: 2018-02-06.
 * UPDATED: 2019-05-14.
 */

@font-face {
font-family: "Knockout Junior Feather Weight";
src: url('/ows-fonts/knockout-htf28-juniorfeatherwt.eot');
src: url('/ows-fonts/knockout-htf28-juniorfeatherwt.woff') format('woff'),
     url('/ows-fonts/knockout-htf28-juniorfeatherwt.ttf')  format('truetype');
font-weight: normal;
font-style:  normal;
}

@font-face {
font-family: "Knockout Feather Weight";
src: url('/ows-fonts/knockout-htf48-featherweight.eot');
src: url('/ows-fonts/knockout-htf48-featherweight.woff') format('woff'),
     url('/ows-fonts/knockout-htf48-featherweight.ttf')  format('truetype');
font-weight: normal;
font-style:  normal;
}

@font-face {
font-family: "Open Sans";
src: url('/ows-fonts/open-sans-regular.eot');
src: url('/ows-fonts/open-sans-regular.woff') format('woff'),
     url('/ows-fonts/open-sans-regular.ttf')  format('truetype');
font-weight: normal;
font-style:  normal;
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400');

/*
 *
 */

body,html {
background-color: #FFFFFF !important;
font-family: "Open Sans";
height: 100%;
width: 100%;
margin: 0;
padding: 0;
overflow-x: hidden !important;
}

.container-fluid {
padding-left: 0;
padding-right: 0;
}

/**
 * Fixing bootstrap columns for safari
 */
.row:before, .row:after {
display: inline-block !important;
}

/*
 *
 */

h2 {
color: black !important;
font-family: "Knockout Junior Feather Weight";
font-size: 27px;
margin-bottom: 5px;
text-transform: uppercase;
}

h4.brand {
color: #009DD9;
font-family: "Knockout Junior Feather Weight";
font-size: 42px;
}

h4.brand .fa-registered {
font-size: 16px;
}

h4.brand sup {
display: none;
top: -1.5em;
left: 0.25em;
}

h6.prompt {
font-family: "Knockout Junior Feather Weight";
font-size: 1.5rem;
text-transform: uppercase;
}

.form-row > .col, .form-row > [class*=col-] {
align-items: center;
height: 32px;
}

.col-form-label {
padding-top: 0;
padding-bottom: 0;
}

.nbd-btn-standard {
background-color: #009DD9;
color: #FFFFFF !important;
font-family: "Knockout Junior Feather Weight";
font-size: 19px;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 25px;
margin-top: 25px !important;
margin-left: 10px !important;
margin-right: 10px !important;
padding: 13px;
border: medium none !important;
border-radius: 2px;
}

.nbd-btn-standard:hover {
background-color: #00b1f4 !important;
text-decoration: underline;
cursor: pointer;
}

.alert .alert-heading {
font-family: "Knockout Junior Feather Weight";
font-size: 2rem;
text-transform: uppercase;
}

.nbd-btn-primary {
background-color: #00AEEF;
color: #ffffff;
font-family: "Knockout Junior Feather Weight";
font-size: 1.4em;
padding-left: 0.25em;
padding-right: 0.25em;
margin-bottom: 0.5em;
margin-top: 0.5em;
border-radius: 0;
}

.table th#tab-col-header {
background-color: rgba(245, 245, 245, 1);
font-family: "Knockout Junior Feather Weight";
font-size: 18px;
text-transform: uppercase;
width: 40%;
}

.table th#tab-col-header button {
display: none;
}

.table td#tab-col-header {
font-size: 12px;
text-align: right;
text-transform: none;
width: 40%;
}

/*
 *
 */

.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}

.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}

.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}

.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
    background-color: #BCBCBC;
}

/*
 *
 */

.btn:focus, .btn:active {
outline: none !important;
box-shadow: none !important;
}

.modal-title {
font-family: "Knockout Junior Feather Weight";
font-size: 32px;
}

.modal-title sup {
display: none;
font-size: 16px;
top: -1.25em;
left: 0.1em;
}

.modal-body {
font-family: "Open Sans";
font-size: 16px;
}

.modal-footer {
padding-right: 1rem;
padding-top: 0;
padding-bottom: 0; 
}

.modal-footer a {
padding: 1.0rem 0;
color: #3E484E;
font-family: "Knockout Junior Feather Weight";
font-size: 1.2em;
text-decoration: none;
text-transform: uppercase;
text-align: center;
}

.modal-footer a:hover {
color: #009DD9;
text-decoration: none;
}

/*
 *
 */

.pubeasy_privacy_cookie {
z-index: 999;
position: relative;
}

.cookiepopup {
background-color: #00aeef;
color: #FFF;
font-size: 13px;
padding: 6px 10px;
text-align: center;
}

.hide {
display: none;
}

.show {
display: block;
}

.cookiepopup p {
margin: 0;
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 26px;
}

.cookiepopup a {
color: #CCC;
text-transform: none;
}

.cookiepopup a.closebtn {
margin: 0 0 0 2px;
text-decoration: none;
border-radius: 50%;
border: 1px solid #fff;
padding: 2px 6px 1px;
}

/*
 *
 */

nav.navbar {
padding-left: 285px;
padding-right: 285px;
padding-top: 0px;
padding-bottom: 0px;
}

.navbar-brand {
padding-top: 0px;
padding-bottom: 0px;
}

header .brand {
padding-top: 0rem;
padding-bottom: 0rem;
padding-left: 4rem;
padding-right: 2rem;
}

header ul {
margin: 0;
}

header a,
header a.btn,
header li {
color: #3E484E;
font-family: "Open Sans";
font-size: 16px;
text-decoration: none;
text-transform: uppercase;
text-align: center;
}

header a:hover,
header a.btn:hover {
color: #009DD9;
text-decoration: none;
}

header li {
padding-right: 0.1rem;
}

header li .fa-shopping-cart {
font-size: 1.6em;
}

header li .badge {
color: #2F92CA;
background-color: #FFF;
font-size: 0.6em;
position: relative;
top: -0.75rem;
left: 0.1rem;
z-index: 99;
border: 0.05rem solid #2F92CA;
}

div#pubeasy_page_header,
div#pubeasy_page_footer {
max-width: 100% !important;
padding-left: 0px;
padding-right: 0px;
}

div#pubeasy_page_header .img-responsive {
margin-left: 235px;
margin-right: 32px;
}

header div#search {
height: 2.0rem;
margin-bottom: -1.5rem;
}

header div#search .fa-search {
z-index: 99;
position: absolute;
top: 45%;
margin-top: -0.5em;
margin-left: 68px;
}

header div#search .form-control {
border-radius: 0em;
height: 1.8rem;
width: 7.0rem;
margin: 0rem;
}

header div#search .form-control:focus {
color: #495057;
background-color: #FFF;
border-color: #D8D8D8;
outline: 0;
box-shadow: 0px 0px 0px 0px rgba(0,123,255,0.25);
}

header div#banner {
height: 114px;
background-image: url(/ows-img/nbd-banner-generic.jpg);
text-align: center;
margin-bottom: 2rem;
}

header div#banner div.alert {
padding-bottom: 0.0rem;
}

header div#banner div.alert strong {
font-family: "Knockout Junior Feather Weight";
font-size: 32px;
text-transform: uppercase;
}

header div#banner div#user-desc {
color: #FFFFFF;
font-family: "Knockout Junior Feather Weight";
font-size: 20px;
padding-top: 8px;
padding-right: 32px;
}

header div#banner .alert-light {
background-color: transparent;
border-color: transparent;
margin-bottom: 0.5rem;
color: #FFF;
font-size: 1em;
}

header div#banner .badge {
color: #2F92CA;
background-color: #FFF;
font-size: 0.5em;
position: relative;
top: -0.85rem;
left: -8.5rem;
z-index: 99;
border: 0.1rem solid #2F92CA;
}

footer {
height: 100px;
background-repeat: no-repeat;
background-position-x: left;
background-position-y: bottom;
background-size: auto;
position: relative;
}

footer.jumbotron {
padding-top: 2rem;
padding-right: 2rem;
padding-bottom: 4rem;
background-color: #3E484E;
margin-top: 2rem;
height: 8rem;
border-radius: 0;
}

footer div.links a {
color: #FFFFFF;
}

footer div.links {
color: #FFFFFF;
font-family: "Open Sans";
font-size: 13px;
line-height: 26px;
text-decoration: none;
padding-top: 0px;
}

footer div.copyright a:hover {
color: #CCCCCC;
text-decoration: none;
}

footer div.copyright a {
color: #009DD9;
}

footer div.copyright {
color: #BCBCBC;
font-family: "Open Sans";
font-size: 13px;
line-height: 26px;
}

/*
 *
 */

.global-service-voice {
font-size: 28px;
line-height: 30px;
font-family: "Knockout Junior Feather Weight";
text-transform: uppercase;
color: #009DD9;
}

.global-service-contact-block {
padding-left: 10px;
}

.global-service-contact-tag {
color: #ff8300;
font-family: "Open Sans";
font-size: 16px;
}

/*
 *
 */

div#loginbox {
margin-top: 20px;
margin-bottom: 40px;
}

div#loginbox div.card h5 {
font-family: "Knockout Junior Feather Weight";
font-size: 32px;
text-transform: uppercase;
color: #009DD9;
}

div#loginbox div.card a:hover {
color: #009DD9;
text-decoration: none;
}

div#loginbox div.card .form-control:focus {
box-shadow: none;
}

div#loginbox div.card div.form-group {
text-align: center;
margin-top: 10px;
}

/*
 *
 */

div.nbd-body-header {
margin-bottom: 32px;
padding-top: 8px;
}

div.nbd-body-header h3 {
color: #009DD9;
font-family: "Knockout Junior Feather Weight";
font-size: 32px;
text-transform: uppercase;
text-align: center;
}

/*
 *
 */

.portal-page-top-block {
padding-left: 5px;
padding-right: 5px;
margin-top: 10px;
margin-right: 5px;
margin-bottom: 5px;
background-color: #fff !important;
border-bottom: 2px solid #009DD9;
}

.global-service-header {
font-size: 44px;
line-height: 46px;
font-family: "Knockout Junior Feather Weight";
text-transform: uppercase;
color: #009DD9;
}

.global-service-header sup {
display: none;
font-size: 18px;
top: -1.5em;
left: 0.25em;
}

#portal-page-top-banner-spacing {
font-size: 0.85rem;
padding-bottom: 10px;
}

/*
 *
 */

div#options div.card {
border: none;
}

div.modal-footer .spec-link,
div#options button.btn,
div#options div.card .spec-link {
font-family: "Knockout Junior Feather Weight";
font-size: 1.2rem;
color: #3e484e;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 10px;
color: #00aeef;
background-color: transparent;
}

div#options div.card img {
margin-top: 32px;
margin-bottom: 32px;
margin-left: auto;
margin-right: auto;
object-fit: contain;
object-position: center;
}

div#options div.card .card-title {
color: black !important;
font-family: "Knockout Junior Feather Weight";
font-size: 27px;
font-weight: normal;
text-align: center;
text-transform: uppercase;
margin-bottom: 5px;
}

div#options div.card .card-text {
font-family: "Open Sans";
font-size: 0.8rem;
text-align: center;
}

div#options div.card .card-link {
color: #009DD9;
font-family: "Knockout Junior Feather Weight";
font-size: 1.2rem;
text-transform: uppercase;
}

div#options div.card .card-select {
color: #009DD9;
border-color: rgba(128,189,255,1);
border-width: 0.1em;
border-radius: 0;
font-size: 0.85rem;
height: 2rem;
}

div#options div.card .card-select option {
color: black !important;
}

div#options div.card .card-button {
color: #FFFFFF;
background-color: #009DD9;
font-family: "Knockout Junior Feather Weight";
font-size: 1.4rem;
height: 2rem;
padding-top: 0;
padding-bottom: 0;
padding-left: 1rem;
padding-right: 1rem;
text-transform: uppercase;
border-radius: 0;
}

div#options div.card .card-footer {
background-color: #FFFFFF;
border-top-color: #FFFFFF;
text-align: center;
}

div#pubeasy-central-options {
max-width: 100% !important;
padding-right: 0px;
}

div#faq div.card {
text-align: left;
}

div#faq div.card .card-title {
color: black !important;
font-family: "Knockout Junior Feather Weight";
font-size: 22px;
text-transform: uppercase;
}

div#faq div.card .collapse {
font-size: 0.8rem;
}

.accordion .card-header {
background-color: rgba(62, 72, 78, 0.05);
border-bottom-color: #FFFFFF;
margin-top: 4px;
padding-bottom: 0px;
padding-top: 0px;
}

.accordion .card-header:after {
font-family: 'FontAwesome';  
content: "\f056";
color: #139deb;
font-size: 1.5rem;
float: right; 
}

.accordion .card-header.collapsed:after {
content: "\f055";
}

.accordion .card-body {
background-color: rgba(0,0,0,.03);
padding-bottom: 0px;
padding-top: 0px;
}

/*
 *
 */

div#alerts {
margin-top: 2px;
margin-bottom: 8px;
padding: 20px 10px 10px;
background: #fff;
border-bottom: solid 1px #009DD9;
font-family: Arial;
font-size: 14px;
}

div#alerts .card-title {
color: #009DD9;
font-family: "Knockout Junior Feather Weight";
margin-left: 30px;
}

div#global-service-news {
margin: 0 20px 20px 20px;
max-height: 200px;
height: 200px;
overflow: hidden;
}

div#global-service-news .carousel-inner {
padding: 10px;
margin-bottom: 50px;
}

div#global-service-news .carousel-control-prev {
color:#009DD9;
z-index: 10;
left: 10px;
}

div#global-service-news .carousel-control-next {
color:#009DD9;
z-index: 10;
right: 10px;
}

div#global-service-news .carousel-control-prev,
div#global-service-news .carousel-control-next {
top: 92%;
background-color: #009DD9;
width: 50px;
}

[class*="badger"] {
position: relative;
}

[class*="badger"]:after {
content: attr(data-badger);
position: absolute;
top: 0;
padding: 3px 7px;
font-family: "Knockout Junior Feather Weight";
font-size: 12px;
background: #999;
color: #fff;
text-transform: uppercase;
}

.badger-left {
border-top-left-radius: 6px;
}

.badger-right {
border-top-right-radius: 6px;
}

.badger-left:after {
left: 0;
border-radius: 6px 0 6px 0;
font-family: "Knockout Junior Feather Weight";
font-size: 1.2rem;
}

.badger-right:after {
right: 0;
border-radius: 0 6px 0 6px;
font-family: "Knockout Junior Feather Weight";
font-size: 1.2rem;
}

.badger-danger:after {
background: #009DD9;
}

.badger-warning:after {
background: #009DD9;
}

.badger-success:after {
background: #009DD9;
}

.badger-info:after {
background: #009DD9;
}

.badger-inverse:after {
background: #009DD9;
}

/*
 *
 */

section#intro {
color: #3E484E;
font-family: Arial;
font-size: 14px;
}

section#intro a {
text-transform: none;
}

section#intro indicator {
font-family: "Knockout Junior Feather Weight";
font-size: 1.2rem;
text-transform: uppercase;
}

section#const {
font-family: "Open Sans";
font-size: 0.80rem;
}

section#const a {
color: #3E484E;
font-family: "Knockout Junior Feather Weight";
font-size: 1.2rem;
text-transform: uppercase;
}

section#const a:hover {
color: #009DD9;
text-decoration: none;
}

div.card section#const .form-control {
height: 30px;
font-size: 0.8rem;
}

div.card section#const .form-rounded {
border-radius: 0.5rem;
height: 200px;
margin-top: 180px;
}

div.card section#const select {
border-color: #D8D8D8;
height: 32px;
width: 50%;
margin-right: 0.5em;
}

div.card section#const select[multiple="Y"] {
font-size: 12px;
height: 100px;
margin-bottom: 50px;
}

div.card section#const .custom-control-input:checked~.custom-control-label::before {
background-color: #BCBCBC;
}

div.card section#const .custom-control-input:focus~.custom-control-label::before {
box-shadow: none;
}

div.card section#const indicator {
font-family: "Knockout Junior Feather Weight";
font-size: 1.2rem;
text-transform: uppercase;
}

div.card section#const table indicator {
font-family: "Knockout Junior Feather Weight";
font-size: 1.2rem;
text-transform: uppercase;
}

div.card section#const table .form-row {
margin-bottom: 0px;
}

div.card section#const .table th {
color: #FFFFFF;
background-color: #00AEEF;
font-family: "Open Sans";
font-size: 12px;
text-transform: uppercase;
vertical-align: middle;
}

div.card section#const .table th#tab-col-header {
font-family: "Knockout Junior Feather Weight";
font-size: 18px;
text-transform: uppercase;
width: 40%;
}

div.card section#results indicator {
font-family: "Knockout Junior Feather Weight";
font-size: 1.2rem;
text-transform: uppercase;
}

div.card section#results table {
border-collapse: separate;
}

div.card section#results .table th {
color: #FFFFFF;
background-color: #00AEEF;
font-family: "Open Sans";
font-size: 12px;
text-transform: uppercase;
vertical-align: middle;
}

div.card section#results .table td {
font-family: "Open Sans";
font-size: 12px;
}

div.card section#const .table td#tab-col-header,
div.card section#results .table td#tab-col-header {
font-size: 12px;
text-align: right;
text-transform: none;
width: 40%;
}

div#right-side .card-footer {
margin-top: 10em;
background-color: transparent;
border-top: none;
}

section#func a {
color: #009DD9;
font-family: "Knockout Junior Feather Weight";
font-size: 22px;
text-transform: uppercase;
padding-left: 0.01rem;
padding-right: 0.01rem;
}

div#right-side {
border: none;
padding-top: 40px;
}

div.card .form-control:focus {
box-shadow: none;
}

/*
 * END
 */