/* 
    Stylesheet Name : Pelican Portal
    Created on      : October   02, 2017, 4:12:32 PM
    Last edited on  : February  06, 2018, 8:45:23 PM
    Author          : AL [Wessex Water]

    Color Scheme Code   : 
        Body Background     : #F3F3F3
*/

@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');

html, body {
    height: 100%;
}

body {
    background-color: #F3F3F3;
    color: #757575;
    font-family: 'Tillium Web', sans-serif !important;
    font-size: 16px;
    overflow-x: hidden;
    padding-top: 0;
    position: relative;
}

h1, h2, h3, h4, h5, h6, p {
    font-family: 'Tillium Web', sans-serif !important;
    margin: 0 0 12px;
}

h1, h2, h3, h4, h5, h6 {
    color: #4D4D4D;
}

h1 { font-weight: 700; }
h2 { font-weight: 700; }
h3 { font-weight: 700; }
h4 { font-size: 100%; font-weight: 700; }
h5 { font-size: 90%; }
h6 { font-size: 70%; }
p {}

hr { border-color: #D9D9D9; }

label { 
    /*cursor: pointer;*/
    font-weight: 100;
}
label[readonly] { cursor: default; }
caption {
    color: #333;
    margin: 0 0 12px;
    padding: 0;
}

a,
a:link, 
a:visited, 
a:active {
    color: #2A7CB6;
    text-decoration: none;
}

a:hover {
    color: #2163A0;
    text-decoration: none;
}

dt, dd {
    margin: 0;
}

dd {
    margin-bottom: 7px;
    margin-left: 20px;
}

table {
    border-collapse: collapse;
    margin: 0 0 12px;
    width: 100%;
}

.alignCenter { text-align: center;}
.alignLeft { text-align: left; }
.alignRight { text-align: right; }

@media( min-width: 768px ) {
    .alignRightSM { text-align: right; }
}

a, .btn { transition: background-color 230ms ease-in-out, color 230ms ease-in-out; -moz-transition: background-color 230ms ease-in-out, color 230ms ease-in-out; -o-transition: background-color 230ms ease-in-out, color 230ms ease-in-out; -webkit-transition: background-color 230ms ease-in-out, color 230ms ease-in-out; }
a.btn, .btn { color: #FFF; }
a.btn:hover, a.btn:focus, a.btn:active, .btn:hover, .btn:focus, .btn:active { box-shadow: 0 0 0 transparent; }
a.btn-fullwidth, .btn-fullwidth { width: 100%; }
a.btn-default, .btn-default { color: #333; }
.btn-fullwidth, a.btn-fullwidth { width: 100%; }
.btn i { margin-right: 5px; }

.btn, .btn-default { background-color: #FFF; border-color: #CCC; border-radius: 5px; color: #333; }
.btn:hover, .btn:focus, .btn:active, 
.btn-default:hover, .btn-default:focus, .btn-default:active { background-color: #E6E6E6; border-color: #CCC; color: #333; }

a.btn-transparent, .btn-transparent { background-color: transparent; border-color: #2A7CB6; color: #2A7CB6; }
a.btn-transparent:hover, .btn-transparent:hover { background-color: #2A7CB6; color: #FFF; }

.bgBlue { background-color: #84C485; }
.bgLightBlue { background-color: #EEF4F9; }
.bgWhite { background-color: #FFF; }
.bgYellow, .btn.bgYellow { background-color: #CDCA25; color: #FFF; }
.bgMaroon { background-color: #D04167; }

.bgYellow:hover, .btn.bgYellow:hover { background-color: #B7B221; color: #FFF; }

.colorGreen { color: #76C158; }
.colorRed { color: #FE0003; }

.fontSize-10 { font-size: 10px; }
.fontSize-12 { font-size: 12px; }
.fontSize-14 { font-size: 14px; }

.noMarginBottom { margin-bottom: 0 !important; }
.marginBottom-15 { margin-bottom: 15px; }
.marginBottom-20 { margin-bottom: 20px; }
.marginBottom-50 { margin-bottom: 50px; }
.marginLeft-5 { margin-left: 5px; }
.marginRight-5 { margin-right: 5px; }
.marginRight-15 { margin-right: 15px; }
.marginTop-15 { margin-top: 15px; }
.marginTop-20 { margin-top: 20px; }
.marginTop-50 { margin-top: 50px; }

.overflowHidden { overflow: hidden; }

.noPaddingBottom { padding-bottom: 0 !important; }
.noPaddingLeft { padding-left: 0 !important; }
.noPaddingRight { padding-right: 0 !important; }
.paddingBottom-5 { padding-bottom: 5px !important; }
.paddingBottom-15 { padding-bottom: 15px !important; }
.paddingBottom-20 { padding-bottom: 20px !important; }
.paddingTop-5 { padding-top: 5px !important; }
.paddingTop-30 { padding-top: 30px !important; }

.whiteSpaceNoWrap { white-space: nowrap; }

ul, ol {
    margin: 0 0 15px;
    padding: 0 0 0 20px;
}

ul li, 
ol li {
    margin: 0 0 5px;
    padding: 0;
}

pre {
    margin: 0 0 15px;
}

.clearboth, 
.clearfix, 
.Clear {
    clear: both;
}

.alert {
    border-radius: 4px;
}


/* Pelican */
.page-login .navbar, .page-login footer {
    display: none !important;
}

.layer-overlay {
    background-color: rgba( 0, 0, 0, 0.5 );
    background-image: url('/img-loading.gif');
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 10;
}

body.showContent .layer-overlay { display: none; }

body.page-JV .layer-overlay { background-image: url('/img-loading-jv.gif'); }

body.showOverlay { overflow: hidden; }
body.showOverlay .layer-overlay { display: block; }
body.showOverlay.overModal .layer-overlay { z-index: 1051; }

@media( min-width: 992px ) {
    body.showOverlay { padding-right: 17px; }
}

/* Standard Form */
.standardForm {
    
}

.standardForm label {
    color: #4D4D4D;
    display: block;
}

.standardForm input {
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    display: block;
    margin: 0 0 20px;
    max-width: 100%;
    padding: 8px 15px;
    width: 100%;
}

.standardForm button {
    
}

.standardForm .form-check-label {
    display: block;
    margin: 0;
}

.standardForm .form-check-label input {
    display: inline;
    float: left;
    margin: 5px 5px 0 0;
    width: auto;
}


/* Login Page */
.layer-login {
    background-color: transparent;
    padding: 0;
}

.container .page-copy .layer-login {
    margin-left: -15px;
    margin-right: -15px;
}

.layer-loginBox {
    background-color: #FFF;
    margin: 0 auto;
    /*max-width: 620px;*/
    max-width: 768px;
    padding: 30px 15px;
    text-align: center;
}

.layer-loginBox .login-header {
    margin-bottom: 25px;
}

.login-header .panel-logo {
    font-size: 0;
    margin: 0;
}

.login-header .panel-logo a {
    display: inline-block;
    font-size: 16px;
    height: 50px;
    padding: 0 10px;
}

.login-header .panel-logo a img {
    max-height: 50px;
}

.login-header .panel-logo a:nth-child(1) {
/*    border-right: 1px solid #E8E9EA;
    display: none;
    padding-right: 0;*/
}

.panel-requiredText { font-size: 14px; font-style: italic; margin: 0; }
.panel-requiredText span.required { color: #FE0003; }
.panel-requiredText.marginBottom-15 { margin-bottom: 15px; }
.panel-requiredText.marginBottom-20 { margin-bottom: 20px; }

.login-body {
    
}

.login-body .login-benefits {
    margin: 0 0 30px;
}

.login-benefits.padding-bottom {
    border-bottom: 2px solid #F6F4F4;
    padding: 0 0 30px;
}

.login-benefits h4 {
    margin-bottom: 25px;
}

.login-benefits .panel-create {
    margin: 0 0 25px;
}

.login-benefits .panel-create a.btn {
    
}

.login-benefits .benefits-toggle {
    
}

.benefits-toggle .heading-toggleBenefit {
    color: #717171;
    cursor: pointer;
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    /*margin: 0 0 25px;*/
    margin: 0;
    text-decoration: underline;
}

.benefits-toggle .benefits-content {
    margin: 30px 0 0;
}

.benefits-content h3 {
    font-size: 20px;
    margin: 0 0 25px;
}

.benefits-content .benefits-box {
    border: 2px solid #EFEFEF;
    border-radius: 10px;
    padding: 30px 20px 0 20px;
}

.benefits-box h3 {
    color: #2A7CB6;
    font-size: 17px;
    margin-bottom: 12px;
}

.benefits-box ul {
    margin: 0;
    padding: 0;
}

.benefits-box ul li {
    font-size: 14px;
    list-style-type: none;
    margin-bottom: 7px;
}

.benefits-box ul li:last-of-type {
    margin-bottom: 25px;
}

.login-body .panel-loginLinks {
    margin: 0 0 25px;
}

.panel-loginLinks a {
    
}

.panel-loginLinks a.link-blue {
    font-weight: 700;
}

.panel-loginLinks a.link-underline {
    color: #626262;
    text-decoration: underline !important;
}

.form-login, 
.standardForm.form-login + .standardFormButtons {
    margin: 0 auto;
    max-width: 320px;
    position: relative;
}

.form-login .intro, .form-login .divider, .form-login .create {
    display: none;
}

.form-login .verifying-modal {
    margin: -20px 0 20px;
}

.form-login .entry-item {
    margin: 0;
    position: relative;
}

.form-login label {
    margin-bottom: 15px;
    text-align: left;
}

.form-login .password-label {
    
}

.form-login #forgotPassword {
    bottom: 10px;
    position: absolute;
    right: 10px;
    visibility: hidden;
}

.form-login #forgotPassword:after {
    content: 'Forgot?';
    position: absolute;
    right: 0px;
    visibility: visible;
}

.form-login #forgotPassword, .form-login .forgot-username {
    font-size: 14px;
    font-style: italic;
    color: #2A7CB6;
}

.form-login .panel-forgot {
    margin: 0;
}

.form-login .forgot-username {
    position: absolute;
    right: 10px;
    top: 46px;
}

.form-login .buttons {
    margin: 30px 0 20px;
}

.form-login .buttons button, .form-login .btn-primary, .btn-primary, .btn-secondary {
    background-color: #2A7CB6;
    border: 0;
    border-radius: 5px;
    box-shadow: 0 0 0 transparent;
    color: #FFF;
    font-weight: 700;
    margin: 0 0 15px;
    padding: 10px 0;
    width: 100%;
    
    transition: background-color 230ms ease-in-out; 
        -moz-transition: background-color 230ms ease-in-out; 
        -o-transition: background-color 230ms ease-in-out; 
        -webkit-transition: background-color 230ms ease-in-out; 
}

.form-login .buttons button:hover, .form-login .buttons button:focus, .form-login .buttons button:active, 
.form-login .btn-primary:hover, .form-login .btn-primary:focus, .form-login .btn-primary:active, 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:hover, 
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:active:hover {
    background-color: #2163A0;
    border-color: #2A7CB6;
    color: #FFF;
}

.btn-secondary {
    background-color: transparent;
    border: 1px solid #D9D9D9;
    color: #4D4D4D;
    padding: 9px 0;
}

.form-login .buttons button[disabled], .btn-primary[disabled] {
    box-shadow: none;
    cursor: not-allowed;
    opacity: .65;
}

.form-login .form-check-label, .form-login .panel-hint {
    font-size: 14px;
}

.form-login .panel-hint {
    font-style: italic;
    margin: 0;
    text-align: right;
}

.form-login .panel-hint a {
    color: #4D4D4D;
    text-decoration: underline;
}

.form-login ul {
    margin: 0;
    padding: 0;
}

.form-login ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.form-login .verificationInfoText, 
.form-login .verificationSuccessText, 
.form-login .verificationErrorText {
    border: 1px solid transparent;
    color: #4D4D4D;
    padding: 15px;
    width: 100%;
}

.form-login .verificationInfoText {
    background-color: #FCF8E3;
    border-color: #FAEBCC;
    color: #8A6D3B;
}

.form-login .verificationSuccessText {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #3C763D;
}

.form-login .verificationErrorText {
    background-color: #F2DEDE;
    border-color: #EBCCD1;
    color: #A94442;
}

/* Forgot Password */
.form-login.forgot-password label {
    margin-top: 35px;
}

.form-login label:after {
    color: #FE0003;
    content: '*';
    margin-left: 5px;
}

.form-login .attrEntry {
    position: relative;
}

.form-login .error.itemLevel {
    background-color: #D9EDF7;
    border: 1px solid #BCE8F1;
    border-radius: 4px 4px 0 0;
    color: #31708F;
    /*color: #FE0003;*/
    display: none;
    font-size: 14px;
    margin: 0 0 -4px;
    padding: 15px;
    text-align: left;
}

.form-login .error.itemLevel p:last-of-type {
    margin-bottom: 0;
}

.form-login .textInput {
    margin-bottom: 25px;
}

.form-login .helpLink {
    display: none;
}

.form-login.forgot-password .buttons #continue, 
.form-login.forgot-password .buttons #cancel {
    margin: 0;
    padding: 0;
    position: relative;
    text-indent: -9999px;
    /*visibility: hidden;*/
}

.form-login.forgot-password .buttons #continue {
    /*display: none;*/
    height: 42px;
    margin-bottom: 15px;
}

.form-login.forgot-password .buttons #cancel {
    background-color: transparent;
    color: #4D4D4D;
    font-weight: 100;
    text-decoration: underline;
}

.form-login.forgot-password .buttons #continue:after, 
.form-login.forgot-password .buttons #cancel:after {
    left: 0px;
    position: absolute;
    right: 0px;
    text-indent: 0;
    top: 0px;
    visibility: visible;
}

.form-login.forgot-password .buttons #continue:after {
/*    background-color: #2A7CB6;
    border: 0;
    border-radius: 5px;
    box-shadow: 0 0 0 transparent;*/
    content: 'Reset password';
    padding: 10px 0;
    
    transition: background-color 230ms ease-in-out; 
        -moz-transition: background-color 230ms ease-in-out; 
        -o-transition: background-color 230ms ease-in-out; 
        -webkit-transition: background-color 230ms ease-in-out; 
}

.form-login.forgot-password .buttons #cancel:after {
    content: 'I remembered my account credentials';
    display: block;
    text-decoration: underline;
}

.form-login.forgot-password .buttons #continue[disabled]:after {
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.65;
}

.form-login.forgot-password .buttons #continue:hover::after {
    background-color: #2163A0;
}

.form-login.forgot-password .buttons #continue[disabled]:hover::after {
    background-color: #2A7CB6;
}

.form-login.forgot-password .buttons {
    margin-top: 0;
}

.form-login .buttons.verify {
    margin-bottom: 0;
}

.form-login.forgot-password .validate {
    text-align: left;
}

.form-login.forgot-password .validate #email_ver_input {
    margin-top: 15px;
}

/* Password Hint */
.form-login.password-hint table.section {
    margin-bottom: 0;
}

.form-login.password-hint .validators {
    display: none;
}

.form-login.password-hint #plc_email_label:after {
    color: #FE0003;
    content: '*';
    margin-left: 5px;
}

.form-login.password-hint .actions #InsertButton {
    
}

.form-login.password-hint .actions a.btn-default, 
.layer-login .btn-goback {
    background-color: transparent;
    border: 0;
    color: #4D4D4D;
    font-size: 16px;
    padding: 0;
    text-decoration: underline;
}

.form-login.password-hint .actions a.btn-default:hover, 
.layer-login .btn-goback:hover, 
.layer-login .btn-goback:active, 
.layer-login .btn-goback:focus {
    border: 0;
    box-shadow: 0 0 0 transparent;
    color: #2A7CB6;
}

.form-login .crmEntityFormView .tab-column label {
    color: #4D4D4D;
    cursor: pointer;
    display: block;
    font-weight: 100;
    margin-bottom: 15px;
}

.form-login .crmEntityFormView .tab-column .form-control {
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    box-shadow: 0 0 0 transparent;
    display: block;
    height: 35px;
    margin: 0 0 20px;
    padding: 8px 15px;
    width: 100%;
}

/* Form Sign Up */
.form-login.form-signup {
    
}

.form-login.form-signup #cancel {
    color: #4D4D4D;
    font-weight: 100;
    height: auto;
    padding: 0;
    position: relative;
    visibility: hidden;
}

.form-login.form-signup #cancel:after {
    content: 'I remembered my account credentials';
    left: 0px;
    position: absolute;
    right: 0px;
    text-decoration: underline;
    top: 0px;
    visibility: visible;
}

.form-login.form-signup .pageLevel.error {
    background-color: #F2DEDE;
    border: 1px solid #EBCCD1;
    border-radius: 4px;
    color: #A94442;
    margin: 0 0 30px;
    padding: 15px;
}

/* Forgot Username */

.form-login.forgot-username label:after {
    color: #FE0003;
    content: '*';
    margin-left: 5px;
}

.form-login.forgot-username .required-star {
	color: #FE0003;
}

.form-login.forgot-username #plc_customerreferencenumber {
    margin-bottom: 15px;
}

.form-login.forgot-username #plc_postcode {
    margin-bottom: 25px;
}

.form-login.forgot-username .buttons #backButton {
    background-color: transparent;
    color: #4D4D4D;
    font-weight: 100;
    margin: 0;
    padding: 0;
    position: relative;
	text-decoration: underline;
    visibility: visible;
}

.form-login.forgot-username .buttons {
    margin-top: 0;
}

.form-login.forgot-username .notices {
	font-size: 14px;
}

@media( min-width: 768px ) {
    .layer-login {
        background-color: #F3F3F3;
        padding: 50px 15px;
    }

    .layer-loginBox {
        border: 1px solid #D9D9D9;
        border-radius: 10px;
        box-shadow: 1px 2px 5px #DDD;
        max-width: 620px;
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .login-benefits .panel-create a.btn {
        width: 70%;
    }
    
    .form-login {
        max-width: 70%;
    }
    
    .form-login.form-login-wide {
        max-width: 90%;
    }
    
    .form-login.form-signup .pageLevel.error {
        margin-left: -20%;
        margin-right: -20%;
    }
}

#gethelp { display: none !important; }


/* Make a Payment */
.form-login.form-makePayment {
    
}

.form-login.form-makePayment .pageLevel.error, 
.form-changePassword .pageLevel.error {
/*    background-color: #F2DEDE;
    border: 1px solid #EBCCD1;*/
    border-radius: 4px 4px 0 0;
    /*color: #A94442;*/
    padding: 10px 15px;
    
    background-color: #D9EDF7;
    border: 1px solid #BCE8F1;
    color: #31708F;
}

.form-login.form-makePayment .form-control {
    border-color: #D9D9D9 !important;
}



/* Portal */
/* Layer Page */
.layer-page {
    display: none;
}

body.showContent .layer-page {
    display: block;
}


/* Layer Header */
.layer-header {
    background-color: #FFF;
    left: 0px;
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: 4
}

@media( min-width: 992px ) {
    .layer-header {
        left: auto;
        position: relative;
        right: auto;
        top: auto;
    }
}

/* Header Top */
.header-top {
    padding: 15px 0;
}

@media( min-width: 768px ) {
    .header-top {
        padding: 20px 0;
    }
}

/* Panel Logo */
.layer-header .panel-logo {
    margin: 0;
}

.layer-header .panel-logo a {
    display: inline-block;
	padding-left: 20px;
}

.layer-header .panel-logo a:first-of-type {
    margin: 0 3px 0 0;
    padding: 0;
    position: relative;
}

.layer-header .panel-logo a:first-of-type:after {
/*background-color: #E8E9EA;
    content: '';
    height: 30px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 1px;*/
}

.layer-header .panel-logo a img {
    max-width: 75px;
}

.layer-header .panel-logo a.logo-jv {
    display: none;
}

@media( min-width: 768px ) {
    .layer-header .panel-logo a:first-of-type {
        margin-right: 7px;
        padding-right: 3px;
    }

    .layer-header .panel-logo a:first-of-type:after {
        height: 40px;
        top: 5px;
    }
    
    .layer-header .panel-logo a img {
        max-width: inherit;
    }
}

/* Listing Header Top */
.listing-headerTop {
    font-size: 0;
    margin: 0;
    padding: 0;
    text-align: right;
}

.listing-headerTop li {
    display: inline-block;
    font-size: 16px;
    list-style-type: none;
    margin: 0;
}

/* Dropdown Notifications */
.dropdown-notifications {
    margin: 0 5px 0 0;
}

.dropdown-notifications .btn-notification {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    color: #A2AEB4;
    font-size: 18px;
    margin: 0;
    padding: 0;
    position: relative;
    width: auto;
}

.dropdown-notifications .btn-notification .span-notification {
    background-color: #FE0003;
    border-radius: 100%;
    display: block;
    height: 8px;
    left: 10px;
    position: absolute;
    top: 3px;
    width: 8px;
}

/* Dropdown Profile */
.dropdown-profile {
    
}

.dropdown-profile .btn {
    background-color: #FFF;
    border: 1px solid #2A7CB6;
    border-radius: 25px;
    color: #2A7CB6;
    font-size: 16px;
    font-weight: 100;
    margin: 0;
    padding: 5px 10px;
}

.dropdown-profile .btn:hover, 
.dropdown-profile .btn:active, 
.dropdown-profile .btn:focus {
    border: 1px solid #2A7CB6 !important;
}

.dropdown-profile .btn span {
    margin-left: 10px;
}

.dropdown-profile.dropdown span:not(.caret) {
    display: none;
}

.dropdown-notifications .dropdown-menu, 
.dropdown-profile .dropdown-menu {
    left: auto;
    right: 0;
}

.dropdown-profile .dropdown-menu li {
    width: 100%;
}

@media( min-width: 768px ) {
    .dropdown-notifications {
        margin-right: 30px;
    }
    
    .dropdown-profile.dropdown span:not(.caret) {
        display: inline-block;
    }
    
    .dropdown-profile .btn {
        padding: 12px 20px;
    }
}

/* Header Bottom */
.header-bottom {
    /*background-color: #2A83B6;*/
    background-color: #3C3C3C;
    color: #FFF;
    height: 42px;
    position: relative;
}

.header-bottom > .container {
    position: relative;
}

@media( min-width: 992px ) {
    .header-bottom {
        height: auto;
    }
}

/* Layer Main Nav */
.layer-mainNav {
    /*background-color: #2471A8;*/
    background-color: #323232;
    height: 100%;
    left: -100%;
    margin: 0;
    margin: 42px 0 0;
    overflow-y: auto;
    padding: 0;
    position: fixed;
    right: 0px;
    width: 100%;
    z-index: 2;
    
    transition: all 230ms ease-in-out;
        -moz-transition: all 230ms ease-in-out;
        -o-transition: all 230ms ease-in-out;
        -webkit-transition: all 230ms ease-in-out;
}

.layer-mainNav .main-nav {
    
}

.main-nav ul {
    font-size: 0;
    margin: 0;
    padding: 0;
}

.main-nav ul li {
    display: block;
    font-size: 16px;
    list-style-type: none;
    margin: 0;
    padding: 0 15px;
}

.main-nav ul li a {
    color: #FFF;
    display: inline-block;
    margin: 0 0 2px;
    padding: 10px 0 7px;
    position: relative;
    
    transition: all 230ms ease-in-out;
        -moz-transition: all 230ms ease-in-out;
        -o-transition: all 230ms ease-in-out;
        -webkit-transition: all 230ms ease-in-out;
}

.main-nav ul li a:after {
    /*background-color: #FFF;*/
    background-color: #CDCA25;
    bottom: 0px;
    content: '';
    display: block;
    height: 2px;
    left: 0px;
    position: absolute;
    right: 0px;
    width: 0;

    transition: width 230ms ease-in-out; 
        -moz-transition: width 230ms ease-in-out; 
        -o-transition: width 230ms ease-in-out; 
        -webkit-transition: width 230ms ease-in-out; 
}

.main-nav ul li a:hover, 
.main-nav ul li.active a {
/*    background-color: #FFF;
    color: #2A83B6;*/
    color: #CDCA25;
}

.main-nav ul li a:hover:after, 
.main-nav ul li.active a:after, 
.main-nav ul li.active li a:hover:after {
    width: 100%;
}

.main-nav ul li.active li a:after {
    width: 0;
}

body.showMenu {
    overflow: hidden;
}

body.showMenu .layer-mainNav {
    left: 0px;
}

@media( min-width: 992px ) {
    .layer-mainNav {
        background-color: transparent;
        left: auto;
        margin: 0;
        overflow-y: visible;
        padding: 0 15px;
        position: relative;
        right: auto;
        width: 75%;
    }
    .layer-mainNav .main-nav {
        display: block;
    }
    
    .main-nav ul {
        font-size: 0;
    }

    .main-nav ul li {
        display: inline-block;
        padding-left: 0;
        padding-right: 0;
    }

    .main-nav ul li a {
        margin-bottom: 0;
        padding: 20px 20px 16px;
    }
    
    .main-nav ul li a:hover, 
    .main-nav ul li.active a {
        background-color: transparent;
        /*color: #FFF;*/
        color: #CDCA25;
    }

    .main-nav ul li a:after {
        height: 4px;
    }
}

/* Main Nav Dropdown */
.main-nav ul .dropdown-menu {
    background-color: transparent;
    border-color: transparent;
    border-style: solid;
    border-width: 0;
    box-shadow: 0 0 0 transparent;
    margin: 0;
}

.main-nav ul .dropdown-menu li {
    display: block;
    padding: 0;
}

.main-nav ul .dropdown-menu li a {
    padding: 5px 10px;
}

.main-nav ul .dropdown-menu li a:after {
    height: 2px;
}

.main-nav ul .dropdown-menu li a:hover {
    background-color: transparent;
}

.main-nav ul .dropdown-menu li a:hover:after, 
.main-nav ul .dropdown-menu li.active a:after {
    
}

body.page-JV .main-nav ul .dropdown-menu li a:hover, 
body.page-JV .main-nav ul .dropdown-menu li.active a {
    background-color: transparent;
}

@media( max-width: 991px ) {
    .main-nav ul .dropdown-menu {
        float: none;
        position: relative;
    }
}

@media( min-width: 992px ) {
    .main-nav ul .dropdown-menu {
        background-color: #3C3C3C;
        border-width: 1px 0 0;
        margin: 0;
        padding: 10px;
    }
    
    body.page-JV .main-nav ul .dropdown-menu {
        background-color: #2A83B6;
    }
    
    .main-nav ul .dropdown-menu li {
        
    }
    
    .main-nav ul .dropdown-menu li a {
        
    }
    
    .main-nav ul .dropdown-menu li a:hover {
        
    }
    
    .main-nav ul .dropdown-menu li a:hover:after, 
    .main-nav ul .dropdown-menu li.active a:after {
        
    }
    
    body.page-JV .main-nav ul .dropdown-menu li a:hover, 
    body.page-JV .main-nav ul .dropdown-menu li.active a {
        
    }
}

/* Panel Customer Reference */
.header-bottom .panel-custRef, 
.page-JV .header-bottom .panel-custRef {
    color: #FFF !important;
    margin: 0;
    padding: 10px 0;
    position: relative;
    z-index: 2;
}

.header-bottom .panel-custRef span, 
.page-JV .header-bottom .panel-custRef span {
    color: #FFF;
}

@media( min-width: 992px ) {
    .header-bottom .panel-custRef, 
    .page-JV .header-bottom .panel-custRef {
        margin: 20px 0 16px;
        padding: 0;
        text-align: right;
    }
}

/* Panel Mobile Menu */
.panel-menubutton {
    font-size: 25px;
    margin: 0;
    position: absolute;
    right: 15px;
    top: 20px;
    z-index: 3
}

.panel-menubutton a.link-menu {
    color: #FFF;
    display: block;
    height: 10px;
    width: 25px;
}

a.link-menu span, 
a.link-menu span:before, 
a.link-menu span:after {
    background-color: #FFF;
    border-radius: 30%;
    content: '';
    cursor: pointer;
    display: block;
    height: 3px;
    position: absolute;
    width: 100%;
    
    transition: all 230ms ease-in-out;
}

a.link-menu span:before { top: -7px; }
a.link-menu span:after { bottom: -7px; }

body.showMenu a.link-menu span, 
body.showMenu a.link-menu span:before, 
body.showMenu a.link-menu span:after {
    top: 0;
}

body.showMenu a.link-menu span {
    background-color: transparent;
}

body.showMenu a.link-menu span:before {
    transform: rotate(45deg);
}

body.showMenu a.link-menu span:after {
    transform: rotate(-45deg);
}

@media( min-width: 992px ) {
    .panel-menubutton {
        display: none;
    }
}



/* Layer Body */
.layer-body {
    padding: 130px 0 60px;
}

@media( min-width: 768px ) {
    .layer-body {
        padding-top: 155px;
    }
}

@media( min-width: 992px ) {
    .layer-body {
        padding-top: 25px;
    }
}


/* Layer Welcome */
.layer-welcome {
    background-color: #EDFAFF;
    border: 1px solid #CCEBF8;
    border-radius: 5px;
    margin: 0 0 30px;
    padding: 20px;
    position: relative;
}

.layer-welcome .panel-closeWelcome {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
}

.layer-welcome .welcome-slider-pagination {
    text-align: right;
}

.panel-closeWelcome a {
    
}

.layer-welcome .welcome-slider {
    
}

.welcome-slider .welcome-slide {
    
}

.welcome-slide h2 {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 15px;
}

.welcome-slide p {
    margin: 0 0 30px;
}

.welcome-slide p.panel-welcomeBtn {
    margin: 0 0 15px;
}

.panel-welcomeBtn a {
    background-color: #527E7E;
    border-radius: 25px;
    color: #FFF;
    display: inline-block;
    padding: 15px 35px;
}

/* Welcome Slider */
.welcome-slider .slick-arrow {
    display: none;
}

.welcome-slider-pagination a, .welcome-slider-pagination span {
    color: #2A7CB6;
    margin: 0 3px;
}


/* Layer Content */
.layer-content {
    
}

.layer-content .heading-pageTitle {
    font-size: 26px;
    font-weight: 100;
    margin-bottom: 25px;
}


/* Layer Section */
.layer-section {
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 1px 2px 5px #D9D9D9;
    margin: 0 0 30px;
}

.layer-section[class*="borderTop-"] {
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 0;
}
.layer-section.borderTop-cyan { border-color: #2AB6B4; }
.layer-section.borderTop-green { border-color: #50DE77; }
.layer-section.borderTop-purple { border-color: #D379E6; }
.layer-section.borderTop-red { border-color: #DE726D; }
.layer-section.borderTop-amber { border-color: #E7BD5D; }

.layer-section .section-header {
    padding: 20px;
    position: relative;
}

.section-header h3, 
.section-header h4 {
    margin-bottom: 0;
}

.section-header h3 {
    color: #555;
    font-size: 22px;
}

.layer-section[class*="borderTop-"] h3 {
    text-align: center;
}

.section-header .widgetActions {
    float: right;
}

.widgetActions a {
    color: #757575;
}

.widgetActions a span {
    display: none;
    margin: 0 5px 0 0;
}

.widgetActions a i {
    border: 1px solid #2A7CB6;
    border-radius: 100%;
    color: #2A7CB6;
    display: inline-block;
    font-size: 14px;
    height: 20px;
    line-height: 16px;
    text-align: center;
    width: 20px;
}

.widgetActions a i.fa-plus {
    /*padding-top: 1px;*/
}

.layer-section .section-content {
    padding: 20px;
}

.layer-section .section-content.noPaddingTop {
    padding-top: 0;
}

.section-content .content-fullWidth {
    margin-left: -20px;
    margin-right: -20px;
}

.section-content h4 {
    
}

.section-content .heading-pageTitle {
    color: #555;
    font-size: 22px;
    margin: 0 0 20px;
}

.section-content .heading-pageTitle.heading-underline {
    border-bottom: 1px solid #ECECEC;
    padding-bottom: 15px;
}

@media( min-width: 992px ) {
    .widgetActions a span {
        display: inline-block;
    }
}


/* Table */
table.table, 
.table.table-dataTable {
    background-color: #FFF;
    color: #757575;
    margin-bottom: 0;
}

table.table tr, table.table th, table.table td, 
.table-dataTable tr, .table-dataTable th, .table-dataTable td {
    color: #757575;
}

.table-dataTable td.cell-status {
    padding-left: 0;
    padding-right: 0;
    text-align: right;
}

.table-dataTable td.cell-date {
    font-size: 26px;
    font-weight: 100;
    line-height: 20px;
    text-align: center;
}

.table-dataTable td.cell-date .ra-month {
    display: block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

table.table th a, 
.table-dataTable th a {
    color: #757575;
}

table.table td a, 
.table-dataTable td a {
    text-decoration: underline;
}

table.table td a.btn, 
.table-dataTable td a.btn, 
table.table td a.link-pdf, 
.table-dataTable td a.link-pdf {
    text-decoration: none;
}

table.table td a.link-pdf, 
.table-dataTable td a.link-pdf {
    color: #555;
    font-size: 18px;
}

table.table td a.link-pdf:hover, table.table td a.link-pdf:active, table.table td a.link-pdf:focus, table.table td a.link-pdf:active:hover,  
.table-dataTable td a.link-pdf:hover, .table-dataTable td a.link-pdf:active, .table-dataTable td a.link-pdf:focus, .table-dataTable td a.link-pdf:active:hover {
    color: #333;
}


/* Span Status */
.span-status {
    background-color: #96D7FA;
    border: 1px solid #7DC1E6;
    border-radius: 20px;
    color: #FFF;
    padding: 5px 15px 7px;
}

.span-status.pending {}
.span-status.completed { background-color: #6EDF96; border-color: #5ECA84; }


/* Standard Form */
.standardForm {
    
}

.standardForm form {
    
}

.standardForm .form-label, .standardForm label {
    color: #4D4D4D;
    cursor: pointer;
    display: block;
}

.form-control, 
.standardForm .form-control, 
.standardForm input, 
.standardForm select {
    border-radius: 4px;
    box-shadow: 0 0 0 transparent;
    color: #757575;
    /*cursor: pointer;*/
    text-decoration: none !important;
}

select, select.form-control, 
.standardForm select {
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    cursor: pointer;
    display: block;
    margin: 0 0 20px;
    padding: 8px 15px;
    width: 100%;
}

.standardForm input[readonly].readonly-inline {
    background-color: transparent;
    border: 0;
    font-size: 1em;
    padding-left: 0;
    padding-top: 0;
}

.standardForm .form-check-label {
    padding: 0 0 0 30px;
    position: relative;
    overflow: hidden;
}

.standardForm .form-check-label:after {
    /*background-image: url('../images/custom-check-radio.png');*/
    background-image: url('/custom-check-radio.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    content: '';
    display: block;
    height: 18px;
    left: 0px;
    position: absolute;
    top: 1px;
    width: 18px;
}

.standardForm .form-check-label.checked:after {
    background-position-y: -23px;
}

.form-check-label .form-check-input {
    left: -100%;
    position: absolute;
}

.standardForm .standardFormButtons {
    
}

.standardFormButtons button {
    
}

.standardFormButtons .btn {
    border: 0;
    font-size: 16px;
    margin: 0;
    padding: 10px 60px;
    width: auto;
}

.standardFormButtons .btn-transparent {
    text-decoration: underline;
}

.standardFormButtons .btn-fullwidth {
    width: 100%;
}

.standardFormButtons .btn-transparent:hover {
    background-color: transparent;
}

.standardForm .btn-primary {
    /*background-color: #0C8BDB;*/
}

.standardForm .btn-primary:hover {
    background-color: #2A83B6;
}

.standardForm .btn-underline, 
.btn-underline, a.btn-underline {
    background-color: transparent;
    border: 0;
    color: #4D4D4D;
    padding: 10px 0;
    text-decoration: underline;
}

.standardForm .btn-underline:hover, .standardForm .btn-underline:focus, .standardForm .btn-underline:active, 
.btn-underline:hover, .btn-underline:focus, .btn-underline:active, 
a.btn-underline:hover, a.btn-underline:focus, a.btn-underline:active {
    background-color: transparent;
    /*color: #757575;*/
    color: #2A7CB6;
    text-decoration: underline;
}

.standardForm button#cancel {
    background-color: transparent;
    color: #757575;
    font-weight: 100;
    text-decoration: underline;
    border: 0;
    border-radius: 5px;
}

.input-group .input-group-btn:last-child > .btn {
    border-color: #CCC;
    color: #333;
}

.input-group .input-group-btn:last-child > .btn:hover, 
.input-group .input-group-btn:last-child > .btn:focus, 
.input-group .input-group-btn:last-child > .btn:active {
    background-color: #E6E6E6;
    color: #333;
} 

@media( min-width: 768px ) {
    .standardFormButtons .btn-transparent {
        text-decoration: none;
    }
}


/* Listing Caret */
.listing-caret {
    margin: 0;
    padding: 0;
}

.listing-caret li {
    list-style-type: none;
    margin: 0 0 8px;
    position: relative;
}

.listing-caret li:before {
    color: #2A83B6;
    content: "";
    font-family: 'Glyphicons Halflings';
    font-size: 14px;
    margin: 0 5px 0 0;
}

.listing-caret a {
    color: #757575;
}


/* Listing PDF */
.listing-pdf {
    margin: 0;
    padding: 0;
}

.listing-pdf li {
    list-style-type: none;
    margin: 0 0 8px;
}

.listing-pdf li:before {
    /*background: url('../images/icon-listing-pdf.png') no-repeat;*/
    background: url('/icon-listing-pdf.png') no-repeat;
    content: '';
    display: inline-block;
    float: left;
    height: 17px;
    margin: 2px 10px 0 0;
    width: 15px;
}


/* Listing Underline */
.listing-underline {
    
}

.listing-underline li {
    
}

.listing-underline a {
    color: #757575;
    text-decoration: underline;
}


/* Layer Sidebars */
.layer-sidebars {
    
}

.layer-sidebars .layer-sidebar {
    background-color: #FFF;
    border: 1px solid #E8E8E8;
    box-shadow: 1px 2px 5px #D9D9D9;
    border-radius: 5px;
    margin: 0 0 30px;
    padding: 20px;
}

.layer-sidebar.askQuestion {
    background-color: #FAFAFA;
    padding-top: 80px;
    position: relative;
}

.layer-sidebar .panel-askQuestion {
    margin: 0;
    position: absolute;
    top: -55px;
}

.panel-askQuestion img {
    
}

.layer-sidebar .sidebar-askQuestion {
    background-color: #FFF;
    border: 1px solid #CACACA;
    border-radius: 5px;
    position: relative;
    padding: 10px;
}

.sidebar-askQuestion .form-question {
    margin: 0 0 25px;
    overflow: hidden;
}

.form-question form {
    overflow: hidden;
}

.form-question .form-control {
    border-right: 0;
    border-radius: 0;
    box-shadow: 0 0 0 transparent;
    float: left;
    max-width: 155px;
}

.form-question .btn-search {
    background-color: #D04167;
    border-radius: 0;
    color: #FFF;
    float: left;
    margin: 0;
    padding: 6px 6px 6px 10px;
    width: 40px;
}

.form-question .btn-search:hover {
    color: #FFF;
}

.form-question .btn-search i {
    
}

.sidebar-askQuestion h4 {
    color: #D04167;
}

.sidebar-askQuestion ul {
    margin: 0;
    padding: 0;
}

.sidebar-askQuestion ul li {
    list-style-type: none;
    margin: 0 0 25px;
}

.sidebar-askQuestion ul li a {
    color: #757575;
    margin: 0;
}

.layer-sidebar .panel-sidebarBtn {
    margin: 0;
}

.panel-sidebarBtn a.btn.bgMaroon {
    background-color: #D04167;
    color: #FFF;
    width: 100%;
    text-align: center;
}

.layer-sidebar.askQuestion .layer-askQuestionLoading {
    background-color: rgba( 0, 0, 0, 0.5 );
    background-image: url('/img-loading.gif');
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 5px;
    display: block;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 10;
}

body.page-JV .layer-sidebar.askQuestion .layer-askQuestionLoading { background-image: url('/img-loading-jv.gif'); }

@media( min-width: 768px ) {
    .layer-sidebars {
        margin-top: 52px;
    }
}


/* Layer Footer */
.layer-footer {
    
}

/* Footer Top */
.footer-top {
    /*background-color: #2A83B6;*/
    background-color: #3C3C3C;
    color: #FFF;
    padding: 50px 0;
}

.footer-top .panel-logos {
    margin: 0 0 40px;
}

.footer-top .panel-logos a {
    display: block;
    margin-bottom: 20px;
}

.footer-top .panel-logos a.logo-jv {
    display: none;
}

.footer-top .panel-logos img {
    max-height: 45px;
    max-width: 150px;
}

.footer-top h4 {
    color: #FFF;
    margin: 0 0 20px;
}

.footer-top .listing-footer {
    margin: 0 0 40px;
    padding: 0;
}

.footer-top .col-md-3:last-child .listing-footer {
    margin-bottom: 0;
}

.listing-footer li {
    list-style-type: none;
    margin: 0 0 12px;
}

.listing-footer li:last-of-type {
    margin-bottom: 0;
}

.listing-footer li a {
    color: #FFF;
    text-decoration: underline;
}

.listing-footer li:before {
    color: #FFF;
    content: "";
    float: left;
    font-family: 'Glyphicons Halflings';
    font-size: 14px;
    margin: 2px 5px 0 0;
}

@media( min-width: 992px ) {
    .footer-top .panel-logos, 
    .footer-top .listing-footer {
        margin-bottom: 0;
    }
}

/* Footer Bottom */
.footer-bottom {
    /*background-color: #2374A3;*/
    background-color: #323232;
    color: #FFF;
    padding: 25px 0;
}

.footer-bottom p {
    margin: 0;
    padding: 0 20px;
}



/* Custom Styles */
/* Section Address */
.section-address {
    
}

.section-address .section-header {
    cursor: pointer;
}

.section-address .section-header:after {
    clear: both;
    content: '';
    display: table;
}

.section-address .section-header h4 {
    color: #2A7CB6;
}

.section-address .section-header h4 span {
    color: #626262;
}

.section-address .section-content h4 {
    color: #757575;
    font-size: 18px;
    margin-bottom: 20px;
}

.section-address .listing-address {
    margin: 0;
    padding: 0;
}

.listing-address li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.listing-address label, 
.standardForm .listing-address label {
    margin-bottom: 25px;
}

.listing-address ul {
    font-size: 0;
    margin: 0 0 0 30px;
    padding: 0;
}

.listing-address ul li {
    display: inline-block;
    font-size: 16px;
    margin-right: 25px;
}

.section-address .standardFormButtons {
    text-align: right;
}

.section-address .standardFormButtons .btn {
    color: #757575;
}

.section-address .standardFormButtons .btn-primary {
    color: #FFF;
    padding: 10px 0;
}


/* Account Payment Charges */
.layer-section.accPaymentCharge .content-fullWidth {
    background-color: #F6FBFF;
    border-color: #E6F2FB;
    border-style: solid;
    border-width: 1px 0;
    margin-bottom: 25px;
    padding: 25px 0;
    text-align: center;
}

.layer-section.accPaymentCharge .content-fullWidth h4, 
.layer-section.accPaymentCharge .content-fullWidth p {
    color: #555;
    margin-bottom: 0;
}

.layer-section.accPaymentCharge .content-fullWidth h4 {
    color: #2A7CB6;
    font-size: 49px;
}

.layer-section.accPaymentCharge h4 {
    color: #2A7CB6;
}

.layer-section.accPaymentCharge .table {
    margin-bottom: 0;
}

.layer-section.accPaymentCharge .table th, 
.layer-section.accPaymentCharge .table td {
    /*border-right: 1px solid #ECEBEB;*/
    border-color: #ECEBEB;
    border-style: solid;
    border-width: 0 0 0 1px;
    padding: 8px 15px;
}

.layer-section.accPaymentCharge .table thead > tr > th:first-child, 
.layer-section.accPaymentCharge .table tbody > tr > td:first-child {
    border-width: 0;
}

.layer-section.accPaymentCharge .table td a[href="javascript:void(0)"] {
    cursor: default;
}

.layer-section.accPaymentCharge .btn-primary {
    margin-top: 25px;
}

@media( max-width: 992px ) {
    .layer-section.accPaymentCharge .table {
        margin-left: -7px;
    }
    
    .layer-section.accPaymentCharge .table th, 
    .layer-section.accPaymentCharge .table td {
        padding: 5px;
    }
    
    .layer-section.accPaymentCharge .table thead > tr > th:first-child, 
    .layer-section.accPaymentCharge .table tbody > tr > td:first-child {
        padding-left: 0;
        width: 60%;
    }
    
    .layer-section.accPaymentCharge .table thead > tr > th:last-child, 
    .layer-section.accPaymentCharge .table tbody > tr > td:last-child {
        padding-right: 0;
    }
}


/* Section Account */
.section-account .heading-pageTitle {
    margin-bottom: 30px;
}


/* Layer Section - Recent Activity */
.layer-section.recentActivity .section-header h3 {
    text-align: left;
}

.layer-section.recentActivity .section-header .widgetActions {
    /*margin-top: -6px;*/
}

.layer-section.recentActivity .dropdown .btn {
    background-color: transparent;
    border: 0;
    box-shadow: 0 0 0 transparent;
    color: #757575;
    font-size: 16px;
    padding: 0;
}

.layer-section.recentActivity .dropdown .btn span {
    margin-left: 8px;
}

.layer-section.recentActivity .dropdown .btn:hover {
    color: #757575;
}


/* Layer Section - Raise Request */
.layer-section.raiseRequest {
    
}

.layer-section.raiseRequest .form-control {
    cursor: pointer;
    margin: 0 auto 25px;
    height: 42px;
    padding: 10px 15px;
}

.layer-section.raiseRequest h4 {
    font-weight: 100;
}

@media( min-width: 768px ) {
    .layer-section.raiseRequest .form-control {
        /*max-width: 90%;*/
    }
}

@media( min-width: 992px ) {
    .layer-section.raiseRequest .col-md-8 {
        padding-right: 0;
    }
}


/* Content Graph */
.section-average .section-content {
    min-height: 200px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.section-average .layer-overlay, 
body.showContent .section-average .layer-overlay {
    display: block;
    position: absolute;
}

.content-graph {
    
}

.content-graph svg > g > g > g > g > rect[stroke="#ffffff"][stroke-width="1"] {
    stroke-width: 0 !important;
}

.chart-legend {
    display: none;
}

.chart-legend h4 {
    font-weight: 100;
    margin-bottom: 15px;
    text-align: center;
}

.chart-legend .chart-markers {
    
}

.chart-markers {
    
}

.chart-markers ul {
    font-size: 0;
    margin: 0;
    padding: 0;
    text-align: center;
}

.chart-markers ul li {
    display: inline-block;
    font-size: 14px;
    margin: 0 7px 15px;
    padding: 0 0 0 25px;
    position: relative;
}

.chart-markers ul li:last-child {
    margin-bottom: 0;
}

.chart-markers ul li span {
    left: 0px;
    position: absolute;
    top: -2px;
}

.span-legend {
    background-color: #4FE098;
    border-radius: 100%;
    display: inline-block;
    height: 20px;
    margin: 0;
    padding: 0;
    width: 20px;
}

.span-legend.current { background-color: #4FE098; }
.span-legend.last { background-color: #44B7F7; }
.span-legend.last-year { background-color: #FCC600; }

/* Table Activity */
.table-activity {
    
}

.table-activity tbody tr:first-child td {
    border-top: 0;
}

.table-activity tbody tr:last-child td {
    padding-bottom: 0;
}

.table-activity tbody tr td {
    color: #757575;
    font-weight: 700;
    padding-bottom: 15px;
    padding-top: 15px;
    vertical-align: middle;
}


@media( max-width: 992px ) {
    .table-activity tbody tr td {
        border-top: 0;
        display: block;
        padding: 5px 0;
        text-align: center;
    }
    
    .table-activity tbody tr td.cell-status {
        border-bottom: 1px solid #DDD;
        margin: 0 0 15px;
        padding: 0 0 20px;
        text-align: center;
    }
    
    .table-activity tbody tr td.cell-status .span-status {
        display: block;
        margin-top: 5px;
    }
    
    .table-activity tbody tr:last-child td.cell-status {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

/* Page Properties */
.layer-selectType {
    margin: 0 0 25px;
    overflow: hidden;
}

.layer-selectType .heading-pageTitle {
    font-size: 26px;
}

.layer-selectType .listing-selectType {
    font-size: 0;
    margin: 0;
    padding: 0;
}

.listing-selectType li {
    display: inline-block;
    font-size: 14px;
    list-style-type: none;
    margin: 0 25px 0 0;
}

.layer-selectType .heading-pageTitle + .listing-selectType {
/*    float: right;
    margin-top: 4px;*/
}

.layer-selectType .heading-pageTitle + .listing-selectType li {
    /*margin: 0 0 0 25px;*/
}

.layer-propertyDetails {
    color: #757575;
    margin: 0 0 30px;
}

.layer-propertyDetails h4 {
    font-weight: 700;
    margin-bottom: 12px;
}

.layer-propertyDetails p {
    margin: 0;
}

@media( min-width: 768px ) {
    .layer-selectType .heading-pageTitle {
        float: left;
        margin: 0;
    }
    
    .layer-selectType .heading-pageTitle + .listing-selectType {
        float: right;
        margin-top: 4px;
    }
    
    .layer-selectType .heading-pageTitle + .listing-selectType li {
        margin: 0 0 0 25px;
    }
}


/* Profile Page */
.form-customer-account-details input, 
.form-customer-account-details select {
    margin-bottom: 15px;
}


/* Page Non JV Fixes */
body.page-JV { font-family: "Lato", sans-serif !important; }
body.page-JV h1, body.page-JV h2, body.page-JV h3, body.page-JV h4, body.page-JV h5, body.page-JV h6, body.page-JV p { font-family: "Lato", sans-serif !important; }

body.page-JV .panel-logo a.logo-jv { display: inline-block; }
body.page-JV .footer-top .panel-logos a.logo-jv { display: block; }

body.page-JV .header-bottom { background-color: #2A83B6; }

body.page-JV .layer-mainNav { background-color: #2471A8; }

body.page-JV .main-nav ul li a:after { background-color: #FFF; }
body.page-JV .main-nav ul li a:hover, body.page-JV .main-nav ul li.active a { color: #FFF; }

body.page-JV .footer-top { background-color: #2A83B6; }
body.page-JV .footer-bottom { background-color: #2374A3; }

.onlyShow-WW, .onlyShow-JV { display: none; }
body:not(.page-JV) .onlyShow-WW { display: block; }
body.page-JV .onlyShow-JV { display: block; }

@media( min-width: 992px ) {
    body.page-JV .layer-mainNav { background-color: transparent; }
}

body.page-JV .layer-content .heading-pageTitle {
    font-weight: 700;
}



/* CRM Fixes */
.page-heading {
    border: 0;
    margin: 0;
    padding: 0;
}

.page-heading .container {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.page-heading .breadcrumb {
    display: none !important;
}

.page-heading .page-header {
    border: 0;
    margin: 0;
    padding: 0;
}

.page-heading h1 {
    font-size: 26px;
    font-weight: 100;
    margin-bottom: 25px;
}

.btn-primary:active, .btn-primary.active, 
.open > .btn-primary.dropdown-toggle, 
.open > .btn-primary.dropdown-toggle:focus {
    background-color: #2A83B6;
}

.col-md-9.col-sm-8 > div.container, 
.col-md-9.col-sm-8 > form > div.container {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

#EntityListControl, #EntityFormControl {
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 1px 2px 5px #D9D9D9;
    margin: 0 0 30px;
}

#EntityListControl .entitylist, #EntityFormControl #EntityFormPanel {
    padding: 20px;
}

#EntityListControl .entitylist.entity-grid {
    padding: 0;
}

.entitylist .table {
    background-color: #FFF;
    color: #757575;
    margin-bottom: 0;
    width: 100%;
}

.entitylist .table th, .entitylist .table th a, .entitylist .table td, 
.crmEntityFormView th a {
    color: #757575;
}

.crmEntityFormView .tab {
    margin: 0;
}

.crmEntityFormView .tab:last-child fieldset:last-of-type {
    margin-bottom: 0;
}

.crmEntityFormView .tab fieldset:last-of-type table.section tbody tr:last-child td.form-control-cell {
    padding-bottom: 0;
}

.crmEntityFormView fieldset {
    margin: 0 0 15px;
}

.crmEntityFormView .actions {
    background-color: transparent;
    border-top: 1px solid #E5E5E5;
    margin: 20px 0 0;
    padding: 19px 0 0;
}

.crmEntityFormView .actions .btn {
    margin-bottom: 0;
}

.crmEntityFormView .tab-title, 
.crmEntityFormView .section-title {
    border-bottom: 1px solid #ECECEC;
    color: #555;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 20px;
    padding: 0 0 15px;
}

.crmEntityFormView .tab-column label {
    color: #4D4D4D;
    display: block;
    float: none;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 12px;
}

.page-copy {
    margin-bottom: 0;
}

.crmEntityFormView .tab-column td {
    padding: 0 15px 30px;
}

.crmEntityFormView .cell:first-child {
    padding-left: 0;
}

.crmEntityFormView .cell:last-child {
    padding-right: 0;
}

.crmEntityFormView .tab-column .form-control[readonly] {
    color: #757575;
    float: none;
    font-size: 16px;
    /*height: auto;*/
    margin: 0;
    /*padding: 0;*/
}
/*.crmEntityFormView .tab-column .form-control[readonly] {
    background-color: #D9D9D9;
    border: 1px solid #C9C9C9;
    border-radius: 4px;
    box-shadow: 0 0 0 transparent;
    color: #757575;
    float: none;
    font-size: 16px;
    padding: 0 15px;
}*/

.crmEntityFormView .tab-column .text-muted { left: 15px; }

.crmEntityFormView .tab-column .input-group .form-control {
    border-radius: 4px 0 0 4px;
}

.crmEntityFormView .cell div.info div.validators {
    display: none;
}

.entity-grid .message {
    margin: 20px 0;
}


table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid #DDD;
}

table.dataTable.no-footer {
    border: 0;
}


/* Ask Lynn */
.faqtAgent_lightbox { z-index: 5; }
.faqtAgent_close { position: fixed !important; }
.faqtAgent_lightbox, .faqtAgent_content, .faqtAgent_close, .layer-sidebar.askQuestion .fa_autosuggest { display: none; visibility: visible !important; }

.layer-sidebar.askQuestion .fa_autosuggest { left: 10px; padding: 7px 15px; }
.layer-sidebar.askQuestion .fa_autosuggest .as_padding, 
.layer-sidebar.askQuestion .fa_autosuggest .as_padding_over, 
.layer-sidebar.askQuestion .fa_autosuggest #fa_autosuggest_results span, 
.layer-sidebar.askQuestion .fa_autosuggest #fa_autosuggest_results span.as_padding_over, 
.layer-sidebar.askQuestion .fa_autosuggest #fa_autosuggest_results span:hover, 
.layer-sidebar.askQuestion .fa_autosuggest #fa_autosuggest_results span:focus, 
.layer-sidebar.askQuestion .fa_autosuggest #fa_autosuggest_results span:active { color: #444; display: block; font-size: 14px; padding: 7px 0; }

@media( max-width: 991px ) {
    .faqtAgent_lightbox, .faqtAgent_content, .faqtAgent_close, .faqtAgent_close2 { display: none !important; }
}


/* Raise Request */
.layer-raiseRequestForm {
    
}

.dropdown-request {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    box-shadow: 0 0 0 transparent;
    display: block;
    height: 40px;
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
}

.dropdown-request.open {
    border-radius: 3px 3px 0 0;
}

.dropdown-request > a {
    color: #4D4D4D;
    display: block;
    padding: 9px 15px 7px;
}

.dropdown-request > a .text-ddRequest {
    
}

.dropdown-request > a .caret {
    float: right;
    margin-top: 7px;
}

.dropdown-request ul.dropdown-menu {
    border-radius: 0 0 10px 10px;
    border-top: 0;
    box-shadow: 0 0 0 transparent;
    margin-top: 1px;
    width: 100%;
    z-index: 3;
}

.dropdown-request ul.dropdown-menu li {
    
}

.dropdown-request ul.dropdown-menu li a {
    margin-left: 0;
    padding: 5px 15px;
}

.dropdown-request ul.dropdown-menu li a:hover, 
.dropdown-request ul.dropdown-menu li a:focus, 
.dropdown-request ul.dropdown-menu li a:active {
    background-color: #2A83B6;
    color: #FFF;
}

.layer-requestFields {
    
}

.layer-requestFields .dropdown-request { display: none; }
.layer-requestFields .select-request { padding-top: 5px; padding-bottom: 5px; }

@media( min-width: 992px ) {
    .layer-requestFields .dropdown-request { display: block; }
    .layer-requestFields .select-request { display: none; }
}


.view-grid .table>thead:first-child>tr:first-child>th, .view-grid .table>tbody>tr>td { font-size: 14px; min-width: 15% !important; padding-left: 5px; padding-right: 5px; }
.view-grid .table>thead:first-child>tr:first-child>th .fa { font-size: 14px; }



/* 404 Page */
.section-notFound {
    padding: 25px 0;
}

.section-notFound .col-sm-7 {
    margin-bottom: 30px;
}

.section-notFound .layer-notFound {
    
}

.section-notFound img {
    display: block;
    margin: 0 auto;
    max-width: 292px;
}

.section-notFound h1.heading-notFound {
    font-size: 76px;
    margin-bottom: 25px;
}

.section-notFound p {
    font-size: 28px;
    margin-bottom: 45px;
}

.section-notFound p.panel-backBtn {
    font-size: 16px;
    margin-bottom: 0;
}

.section-notFound p.panel-backBtn a {
    
}

@media( min-width: 768px ) {
    .section-notFound {
        padding: 50px 0;
    }
    
    .section-notFound > .row-table {
        display: table;
        width: 100%;
    }
    
    .section-notFound > .row-table > .col-tableCell {
        display: table-cell;
        float: none;
        vertical-align: middle;
    }
    
    .section-notFound .layer-notFound {
        margin: 0 auto;
        max-width: 365px;
    }
}

@media( min-width: 992px ) {
    .section-notFound {
        padding: 100px 0;
    }
}


/* Modal */
.modal .btn-default { padding: 10px 15px; }

@media( min-width: 768px ) {
    .modal .btn { margin-bottom: 0; }
}


/* DatePicker */
.layer-body .bootstrap-datetimepicker-widget.dropdown-menu {
    width: auto;
    z-index: 3
}

.layer-body .crmEntityFormView .bootstrap-datetimepicker-widget table td {
    padding: 7px 10px;
    width: 20px;
}


/* Data Table Overwrite */
div.dataTables_wrapper {
    
}

div.dataTables_wrapper div.dataTables_length label, 
div.dataTables_wrapper div.dataTables_filter label {
    margin-bottom: 0;
}

div.dataTables_wrapper .form-control {
    margin: 0 5px;
    padding: 0 10px;
}

table.table.dataTable {
    border-bottom: 1px solid #DDD;
    margin: 25px 0 !important;
    width: 100% !important;
}

table.table.dataTable th, 
table.table.dataTable td {
    font-size: 14px;
}

div.dataTables_wrapper .pagination > li.paginate_button.previous > a, 
div.dataTables_wrapper .pagination > li.paginate_button.next > a {
    width: auto;
}

@media( max-width: 767px ) {
    div.dataTables_wrapper div.dataTables_length label, 
    div.dataTables_wrapper div.dataTables_filter label, 
    div.dataTables_wrapper div.dataTables_info {
        margin-bottom: 20px;
    }
    
    table.table.dataTable {
        margin: 0 0 25px !important;
    }
}


/* Content Frame */
.content-frame .panel-backBtn {
    margin-bottom: 0;
}

.content-frame .panel-backBtn .btn, 
.content-frame .row .col-sm-3 .btn {
    margin-bottom: 25px;
}


/* Overwrite CRM's Fields' */
.crmEntityFormView .tab-column td, 
.crmEntityFormView table.section > tbody > tr > td {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.crmEntityFormView .tab-column .form-control, 
.crmEntityFormView .tab-column .form-control[readonly], 
.crmEntityFormView .tab-column .boolean-radio {
    margin-bottom: 20px;
}

.crmEntityFormView .tab-column .boolean-radio {
    display: block;
}

.crmEntityFormView .tab-column .input-group {
    margin-bottom: 20px;
}

.crmEntityFormView .tab-column .input-group .form-control {
    margin-bottom: 0;
}

@media( max-width: 767px ) {
    .crmEntityFormView table.section {
        overflow: visible;
    }
    
    .crmEntityFormView .tab-column td.cell:first-child {
        width: 100% !important;
    }
} 


/*Page Login Edge Fix */
/*.standardForm input { padding-right: 65px; }*/
.pageLogin .localAccount { padding-top: 134px; }
.pageLogin .form-login .create { border-bottom: 2px solid #F6F4F4; display: block; left: 0; padding-bottom: 25px; position: absolute; right: 0; top: 0px; }
.pageLogin .form-login .create p { font-weight: 700; margin: 0; }
.pageLogin .form-login .create #createAccount { background-color: transparent; border: 1px solid #2A7CB6; border-radius: 4px; color: #2A7CB6; display: block; font-weight: 100; margin: 25px auto 0; padding: 6px 12px; transition: all 230ms ease-in-out; }
.pageLogin .form-login .create #createAccount:hover { background-color: #2A7CB6; color: #FFF; }
.pageLogin .form-login .buttons { margin-bottom: 0; }
.pageLogin .form-login .pageLevel.error { background-color: #F2DEDE; border: 1px solid #EBCCD1; border-radius: 4px; color: #A94442; margin: 0 0 30px; padding: 15px; }
.pageLogin .form-login .pageLevel.error p { margin-bottom: 0; }
.pageLogin .form-login .entry-item { position: inherit; }
.pageLogin .form-login .forgot-username { margin: 0 0 15px; position: relative; right: auto; text-align: left; top: auto; }
.pageLogin .form-login .forgot-username.password { text-align: right; }
/*.pageLogin .form-login #forgotPassword { bottom: 35px; right: 0px; text-indent: -9999px; z-index: 9; visibility: visible; }*/
/*.pageLogin .form-login #forgotPassword:after { content: 'Forgot password?'; text-indent: 0; width: 113px; }*/
.pageLogin .form-login #forgotPassword { display: none; }
.pageLogin .form-login #forgotPassword:after { display: none; }
.pageLogin .login-benefits.padding-bottom { border-color: #F6F4F4; border-style: solid; border-width: 2px 0 0; margin: 25px 0 0; padding: 0; }

.pageLogin .form-login #api[data-name="SelfAsserted"] + .login-extra { display: none; }

.pageLogin .login-header .panel-logo a { padding: 0 40px 0 40px; }
.pageLogin .login-header .panel-logo a:nth-child(1) { /*border-right: 1px solid #D9D9D9; padding: 0;*/ }
.pageLogin .login-header .panel-logo a, .login-header .panel-logo a img { max-height: 40px; }

.pageLogin .form-login .panel-requiredText { bottom: 120px; position: absolute; text-align: left; width: 100%; }
.pageLogin .form-login input#password { margin-bottom: 35px; }

@media( min-width: 768px ) {
    .pageLogin .login-header .panel-logo a, .login-header .panel-logo a img { max-height: 50px; }
    .pageLogin .form-login .create { left: -20%; right: -20%; }
    .pageLogin .form-login .create #createAccount { width: 70%; }
    .pageLogin .form-login .pageLevel.error { margin-left: -20%; margin-right: -20%; }
}
.sx_tr_wrapper > ul.sx_tr_main > li.sx_tr_element {
    position: inherit !important;
}


#email_success[aria-hidden='false'] {
    display: inline-block !important;
}

#email_fail_retry[aria-hidden='false'] {
    display: inline-block !important;
}

#email_fail_no_retry[aria-hidden='false'] {
    display: inline-block !important;
}

#email_fail_throttled[aria-hidden='false'] {
    display: inline-block !important;
}

#email_fail_code_expired[aria-hidden='false'] {
    display: inline-block !important;
}

#email_fail_server[aria-hidden='false'] {
    display: inline-block !important;
}

#email_incorrect_format[aria-hidden='false'] {
    display: inline-block !important;
}