﻿/*
CSS Validation:

Property pointer-events doesn't exist : none
Value Error : cursor hand is not a cursor value : hand
Property -webkit-box-shadow is an unknown vendor extension
Property -moz-box-shadow is an unknown vendor extension
*/

/* Tablet or Desktop - Add these to eservices-ie8.css */

.field-phone {
    width: 130px;
}

.top-minus-10-desktop {
    margin-top: -10px;
}

.left-margin-60-desktop {
    margin-left: 60px;
}

.skip-phone-padding {
    padding-right: 400px !important;
}

.ui-icon-calendar-input {
    background: url(/Images/icon/icn-uti-calendar.png?v=1) no-repeat scroll 100% 50%;
    padding-left: 10px;
    background-color: #fff;
    z-index: 10;
}

.ui-icon-dollar-input {
    background: url(/Images/icon/icn-uti-dollar.png?v=2) no-repeat scroll 0% 50%;
    background-color: #fff;
    z-index: 10;
    outline: none;
    padding-left: 42px !important;
    padding-top: 2px;
}

.ui-icon-percent-input {
    background: url(/Images/icon/icn-uti-percent.png?v=1) no-repeat scroll 100% 50%;
    background-color: #fff;
    z-index: 10;
    outline: none;
    padding-right: 40px !important;
    padding-top: 2px;
}

.ui-icon-calendar-input:hover {
    cursor: pointer;
}

.currency-input {
    border: 1px solid #e0e3e2;
    min-height: 34px;
    padding-top: 4px;
}

.currency-input-icon {
    color: #44464a;
    background: #f5f5f5;
    padding: 8px 13px 6px 12px;
    margin-left: -12px;
    border-right: 1px solid #E0E3E2;
}

.account-display {
    position: absolute;
    left: 30px;
    width: 215px;
    visibility: hidden;
    display: none;
    z-index: 998;
    background: #f5f5f5;
    padding-left: 10px;
    border: solid 1px #ddd;
    border-radius: 3px;
}

    .account-display:after, .account-display:before {
        bottom: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .account-display:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #f5f5f5;
        border-width: 13px;
        left: 73%;
        margin-left: -13px;
    }

    .account-display:before {
        border-color: rgba(113, 158, 206, 0);
        border-bottom-color: #ddd;
        border-width: 14px;
        left: 73%;
        margin-left: -14px;
    }

    .account-display ul {
        list-style: none;
        padding-left: 25px;
        margin-bottom: 0;
    }

        .account-display ul li {
            text-align: left;
            padding-top: 0;
            padding-bottom: 25px;
            padding-left: 0;
            background: #f5f5f5;
            display: block;
            color: #fff;
        }

    .account-display .account-name, .account-display .account-label {
        font-weight: bold;
        font-size: 15px;
    }

    .account-display .account-num {
        font-size: 15px;
    }

    .account-display .account-name {
        color: #00698c;
    }

    .account-display .account-label, .account-display .account-num {
        color: #44464A;
    }

html {
    background: #fff;
}

body {
    background: #fff;
    color: #44464a;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    font-family: Verdana,Sans-Serif;
    font-size: 140%;
}

h1 {
    font-weight: normal;
    font-size: 28px;
    font-family: Georgia,Serif;
    color: #000;
    margin: -3px 0 15px;
    text-align: left;
}

h2 {
    font-weight: normal;
    font-size: 24px;
    font-family: Georgia,Serif;
    color: #707780;
    margin: -26px 0 15px;
    text-align: left;
}

h3 {
    font-weight: normal;
    font-size: 20px;
    font-family: Georgia,Serif;
    color: #707780;
    margin: 10px 0 15px;
    text-align: left;
}

h4 {
    font-weight: bold;
    font-size: 16px;
    font-family: Georgia,Serif;
    color: #707780;
    margin: 10px 0 15px;
    text-align: left;
}



.validation-summary-errors ul {
    margin-left: -25px;
    margin-top: 10px;
}

#securityQuestions .validation-summary-errors ul {
    margin-top: 0;
    margin-bottom: 0;
}

#sweeps-list ul {
    margin-left: -25px;
    margin-top: 25px;
    margin-bottom: 15px;
}

.mobile-margin-pending-payment {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#copy {
    padding-right: 255px;
    background: #44464a;
}

#copy-inner {
    padding: 85px 0 15px 0;
    margin-bottom: 0;
}

.copyright {
    display: inline-block;
    font-size: 80%;
    text-align: center;
    margin: 10px 290px 50px 0;
}

.copyright-authenticated {
    display: inline-block;
    font-size: 80%;
    text-align: center;
    margin: 0 20px;
}

.copyright-splash {
    display: inline-block;
    font-size: 80%;
    text-align: center;
    margin: 0 0 18px;
}

.column1 {
    background: #44464a !important;
    margin-bottom: 0;
}

.column1-inner {
    background: #fff !important;
    margin: -15px -30px !important;
    padding: 15px 30px !important;
}

.sidebar {
    z-index: 2;
    padding-top: 0 !important;
}

.agree {
    font-size: 90%;
}

.inputLabel {
    font-weight: bold;
    color: #44464a;
}

.inputLabel2 {
    font-weight: bold;
    color: #44464a;
    white-space: nowrap;
}

.bodyTrailer {
    font-size: 75%;
}

.menu-triangle-hamburger-lg {
    border-bottom: 0.7em solid #eceeee;
    border-left: 0.9em solid transparent;
    border-right: 0.9em solid transparent;
    display: block;
    margin-top: 9px;
    margin-bottom: -20px;
    margin-left: 42px;
    width: 34%;
    visibility: hidden;
}

.menu-triangle-hamburger-sm {
    display: none;
}

.menu-triangle-pay {
    border-bottom: 0.7em solid #eceeee;
    border-left: 0.9em solid transparent;
    border-right: 0.9em solid transparent;
    display: block;
    margin-top: 9px;
    visibility: hidden;
}

.ad {
    width: 255px;
    margin: 0;
    color: #fff;
    height: 115px;
    font-family: 'Archer Pro',Arial,Helvetica,Sans-Serif;
    font-size: 20px;
    padding: 0;
    text-align: center;
}

.button {
    padding: 5px 15px;
    float: none;
    margin-bottom: 10px;
    width: auto;
    text-shadow: none;
    font-weight: normal;
    height: 36px;
    border-radius: 2px;
    font-size: 16px;
}

.float-right-button-margin {
    float: right !important;
    margin-left: 15px;
}

.blue-button {
    background: #0095c8;
    color: #fff;
    border: 0;
}

.blue-button-inverse {
    background: #ffffff;
    color: #0095c8;
    border: 1px solid #0095c8;
}

.transparent-button {
    background-color: transparent;
    color: #fff;
    border: 1px solid;
}

.gray-button {
    background: #cfd1d7;
    color: #44464a;
    border: 1px solid #cfd1d7;
}

.form-label {
    padding-top: 5px;
}

.more {
    padding-left: 5px;
    height: 17px;
    line-height: 17px;
    margin: 19px 0;
}

.uid-error {
    margin-left: 210px;
}

.uid-error2 {
    margin-left: 240px;
}

.custom-question {
    width: 280px;
    display: inline-block;
}

.help-title {
    margin-bottom: -30px !important;
}

.column-header {
    width: 100%;
    background: transparent;
    padding: 0 0 0;
    margin-bottom: 0;
    border-bottom: 1px solid #cfd1d7;
}

.call-to-action {
    width: 100%;
    background: transparent;
    padding: 15px 0 15px;
    margin-bottom: 0;
    border-top: 1px solid #cfd1d7;
}

.call-to-action-payment {
    width: 100%;
    background: transparent;
    padding: 15px 0 0 0;
    margin-bottom: 0;
    border-top: 1px solid #cfd1d7;
}

    .call-to-action-payment .call-to-action-msg {
        color: #ffffff;
        margin-top: 10px;
    }

.col1 {
    clear: both;
    background: #fff;
    padding: 15px 285px 0px 30px;
    text-align: left;
    width: 100%;
}

.col2 {
    background: #44464a;
    padding: 15px 0 0;
    float: right;
    width: 255px !important;
    margin-left: -270px;
}

.col-splash {
    clear: both;
    background: #fff;
    padding: 0 0 15px 0;
    text-align: left;
    width: 100%;
}

.content-table {
    width: 255px;
    border-top: 0;
    background: #44464a;
    margin: 0;
    float: right;
    text-align: left;
}

.desktop-only {
    display: block !important;
}

.desktop-only-2 {
    display: none;
}

.desktop-only-inline {
    display: inline-block;
}

.desktop-only-ipad-portrait {
    display: none;
}

.col-md-7-ipad-portrait {
    width: 100%;
}

.environment_banner {
    font-family: Verdana,Sans-Serif;
    color: #fff;
    background-color: #00f;
    font-weight: bold;
    text-align: center;
}

.environment_banner_prod {
    font-family: Verdana,Sans-Serif;
    color: #f00;
    background-color: #00f;
    font-weight: bold;
    text-align: center;
}

.width205inline {
    width: 205px;
    display: inline-block;
}

.width230inline {
    width: 230px;
    display: inline-block;
}

.width233inline {
    width: 233px;
    display: inline-block;
}

.width240inline {
    width: 235px;
    display: inline-block;
}

.JumpPage-position {
    position: fixed;
    top: 10px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 9999999;
    overflow: auto;
    overflow-y: hidden;
    outline: 0;
}

.JumpPage-Dialog-Width {
    width: 750px;
}

.JumpPage-Title {
    text-align: left;
}

.JumpPage-Button {
    width: 150px;
}

.footer-line {
    margin: 2px 30px 0;
    text-align: left;
}

.icon {
    display: inline-block;
    padding: 17px 17px 18px;
}

    .icon.nav-more {
        background-image: url("/Images/icon/svg/app-icons-sprite.svg");
        background-position: 20px -1385px;
        background-repeat: no-repeat;
    }

.sign-off a span {
    border-left: medium none;
    padding-left: 8px;
    line-height: 14px;
    height: 14px;
}

.head-splash {
    display: block;
    line-height: 55px;
    font-size: 175%;
    margin-top: 0;
    padding-left: 15px;
    color: #fff;
    background: #702f8a;
    font-family: Georgia,Times,'Times New Roman',serif;
}

.mobile-only {
    display: none !important;
}

.mobile-only-inline {
    display: none;
}

.modal-dialog {
    margin: 75px auto 0 !important;
}

.modal-body {
    overflow: inherit;
}

.timeout {
    margin-top: 10px;
}

.input-field {
    width: 200px;
    border: 1px solid #e0e3e2;
    border-radius: 2px;
    min-height: 34px;
    -webkit-appearance: none;
    padding-left: 8px;
}

.input-field2 {
    width: 285px;
    border: 1px solid #e0e3e2;
    border-radius: 2px;
    min-height: 34px;
    -webkit-appearance: none;
    padding-left: 8px;
}

.input-field3 {
    width: 275px;
    border: 1px solid #e0e3e2;
    border-radius: 2px;
    min-height: 34px;
    -webkit-appearance: none;
    padding-left: 8px;
}

.input-field4 {
    width: 125px;
    border: 1px solid #e0e3e2;
    border-radius: 2px;
    min-height: 34px;
    -webkit-appearance: none;
    padding-left: 8px;
}

.input-field5 {
    width: 255px;
    border: 1px solid #e0e3e2;
    border-radius: 2px;
    min-height: 34px;
    -webkit-appearance: none;
    padding-left: 8px;
}

.input-field6 {
    width: 175px;
    border: 1px solid #e0e3e2;
    border-radius: 2px;
    min-height: 34px;
    -webkit-appearance: none;
    padding-left: 8px;
}

.input-field-no-width {
    border: 1px solid #e0e3e2;
    border-radius: 2px;
    min-height: 34px;
    -webkit-appearance: none;
}

.input-field-button {
    border: 1px solid #e0e3e2;
    border-radius: 2px;
    height: 40px;
    display: inline-block;
    line-height: 1.22857;
    padding-right: 35px;
    padding-left: 35px;
    padding-left: 8px;
}

.input-field-span {
    width: 200px;
    border: 1px solid #e0e3e2;
    border-radius: 2px;
    height: auto;
    -webkit-appearance: none;
    padding-left: 8px;
}

.input-field-long {
    width: 350px;
    border: 1px solid #e0e3e2;
    border-radius: 2px;
    min-height: 34px;
    -webkit-appearance: none;
    padding-left: 8px;
}

.input-field-long2 {
    width: 280px;
    border: 1px solid #e0e3e2;
    border-radius: 2px;
    min-height: 34px;
    -webkit-appearance: none;
    margin-left: 10px;
    padding-left: 8px;
}

.input-field-long3 {
    width: 305px;
    border: 1px solid #e0e3e2;
    border-radius: 2px;
    min-height: 34px;
    -webkit-appearance: none;
    margin-left: 0;
    padding-left: 8px;
}

.input-field-long4 {
    width: 255px;
    border: 1px solid #e0e3e2;
    border-radius: 2px;
    min-height: 34px;
    -webkit-appearance: none;
    margin-left: 0;
    padding-left: 8px;
}

.security-question-spacer {
    margin-left: 10px;
}

.logo {
    margin: 19px 0 0 12px;
}

.logo-wfds {
    margin-top: 10px;
}

.top-right {
    float: right;
    margin-top: 18px;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

#footer, #footer-authenticated {
    clear: both;
    background: none repeat scroll 0px 0px rgba(0, 0, 0, 0.75);
    /*position: absolute;*/
    bottom: 0;
    height: 34px;
    color: #fff;
    font-size: 11px;
    padding: 8px 0;
    text-align: left;
    margin: 0;
    width: 100%;
    z-index: 99999999;
}

    #footer #footer-separator {
        display: none;
    }

    #footer-authenticated #footer-separator {
        display: none;
    }

@media only screen and (min-width:1000px) {
    #copyright2 {
        font-size: 11px;
    }
}

#copyright2 {
    clear: both;
    background: #fff;
    color: #44464a;
    padding: 0;
    height: 200px;
    top: 0;
    text-align: left;
    margin: 0;
    width: 100%;
    /*min-width: 700px;
        position: relative;
    bottom: 34px;
    */
    z-index: 1;
}

#copyright2-inner {
    background: #fff;
    padding-top: 0;
    position: relative;
    bottom: 0;
}

#copyright2-line {
    background: #fff;
    text-align: justify;
    margin: 0;
    padding: 0 30px 5px;
    padding-left: 0pt;
    padding-right: 0pt;
}

#main {
    text-align: center;
    margin-top: 0;
    padding-bottom: 75px;
    background: #fff; /*padding-top:55px*/
}


#main-splash {
    text-align: center;
    margin-top: 0;
    padding-bottom: 0;
    position: relative;
    background: #fff; /*padding-top:55px*/
}

@media (min-width: 768px) {
    #main-splash {
        position: relative;
        margin-right: 20%;
        margin-left: 20%;
    }
}

#main-auth, #main-non-auth {
    margin-bottom: 65px;
}

#page, #page-splash {
    /*min-height: 100%;*/
    height: 100%;
    position: relative;
    padding-top: 0px;
    background: #fff;
}

#overlay {
    opacity: 0.4;
    background: #000;
    width: 100%;
    height: 1000%;
    z-index: 4;
    top: 55px;
    left: 0;
    position: fixed;
    visibility: hidden;
    overflow-y: hidden;
}

label {
    display: inline-block;
    width: 150px;
    text-align: left;
    margin-right: 15px;
}

#header {
    height: 55px;
    background: #bb0826;
    z-index: 999999;
    position: relative;
}

#menushevrondesktop {
    padding: 19px 16px;
}

a.menu-item-light {
    background: #fff;
    color: #44464a !important;
    border-bottom: 0;
}

.accountDetail {
    font-size: 15px;
    background: #e0e3e2;
    padding: 0;
    width: 100%;
}

.accountSummary {
    font-size: 15px;
    background: #e0e3e2;
    padding: 10px 0;
    width: 100%;
}

.accountActivity {
    margin-left: 0px;
    overflow: hidden;
}

.accountBalance {
    font-family: Verdana,Sans-Serif;
    font-size: 36px;
    color: #44464A;
}

.accountInactive {
    font-family: Verdana,Sans-Serif;
    font-size: 28px;
    color: #707780;
}

.accountDescription {
    font-family: Verdana,Sans-Serif;
    font-size: 18px;
    color: #AE1E23;
    width: auto;
    white-space: normal;
}

.accountDescriptionInactive {
    font-family: Verdana,Sans-Serif;
    font-size: 18px;
    color: #707780;
    width: auto;
    white-space: normal;
}

.accountBalanceDollarSign {
    font-family: Verdana,Sans-Serif;
    font-size: 22px;
    color: #44464A;
    position: relative;
    top: -10px;
}

.accountBalancePosition {
    position: relative;
    float: right;
    top: -15px;
    text-align: right !important;
}

.accountBalancePositionInactive {
    position: relative;
    float: right;
    top: -10px;
    text-align: right !important;
}

.balanceDescriptor {
    font-size: 14px;
    color: #707780;
    font-family: Verdana,Sans-Serif;
    text-align: right;
    line-height: 0.2;
    margin-right: 5px;
    width: 100%;
}

.float-right-bottom {
    position: relative;
    top: -28px;
}

.panel-heading a:before {
    font-family: icomoon;
    font-size: 18px;
    content: "\e600";
    float: left;
    color: #AE1E23;
    position: relative;
    top: 12px;
    left: -10px;
}

.panel-heading-small a:before {
    font-family: icomoon;
    font-size: 16px;
    content: "\e600";
    float: left;
    color: #AE1E23;
    position: relative;
}

.accountInfo {
    margin-top: 2px;
    margin: 0 auto 0 auto;
}

.field-validation-error {
    color: #E20303;
    margin-bottom: 0;
    display: inline-block;
}

.field-validation-valid {
    display: none;
}

.validation-summary-errors {
    color: #E20303;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: -15px;
}

.message .validation-summary-errors {
    color: #E20303;
    margin-top: 20px !important;
}

.validation-summary-valid {
    display: none;
}

.field-validation-message {
    color: inherit;
    margin-bottom: 0;
    display: inline-block;
}

.padding-left-none {
    padding-left: 0;
}

.padding-right-none {
    padding-right: 0;
}

#acctSummaryRow:after {
    clear: none;
}

.no-padding {
    padding-left: 0px;
    padding-right: 0px;
}

.summary-section {
    font-size: 14px;
}

.summary-section-desc {
    color: #707780;
}

.no-padding-margin {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

.no-padding-no-margin {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

.no-text-decoration.collapsed.icon-plus.left12 {
    margin-right: 0px;
}

.no-text-decoration.icon-plus.left12.panelisopen {
    margin-right: 0px;
}

.panel-heading-details {
    margin-right: 0px;
}

.panel:hover {
    cursor: inherit;
}

.desktop-margin135 {
    margin-right: 135px;
}

.securityQuestionLabel {
    width: 350px !important;
    margin-right: 0 !important;
}
/* Bigger date picker */

.ui-datepicker {
    width: 270px;
    height: auto;
    margin: 5px auto 0;
    font: 9pt Arial, sans-serif;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
    background-color: #FFF;
    padding: 10px 15px 15px 15px;
    display: none;
}

    .ui-datepicker table {
        width: 100%;
        height: auto;
    }

.transaction-message {
    color: #e20303;
    font-size: 13px;
    line-height: 16px;
    margin-left: 32px;
    padding: 25px 10px 24px 6px;
}

    .transaction-message:before {
        background-image: url("/Images/icon/svg/app-icons-sprite.svg");
        background-position: -1400px -200px;
        background-repeat: no-repeat;
        content: " ";
        height: 16px;
        left: 30px;
        position: absolute;
        width: 16px;
    }

/* Desktop control bar */

.control-bar {
    background-color: #E6E6E6;
    height: 38px;
    width: 100%;
    margin-left: 0;
    position: relative;
    z-index: 3;
}

    .control-bar a {
        color: #44464a;
        text-decoration: none;
    }

        .control-bar a:hover {
            color: #44464a;
            text-decoration: none;
        }

    .control-bar .left-col {
        padding-right: 270px;
        width: 100%;
        clear: both;
    }

    .control-bar .right-col {
        margin-left: -270px;
        float: right;
        width: 255px !important;
    }

    .control-bar .account-header {
        padding: 10px 0 8px 30px;
    }

        .control-bar .account-header span {
            background: url('/Images/icon/svg/app-icons-sprite.svg') no-repeat -1600px -400px;
            width: 17px;
            height: 16px;
            padding-left: 20px;
            padding-top: 1px;
        }

    .control-bar .accounts-list {
        padding: 10px 0 8px 20px;
        text-align: right;
    }

        .control-bar .accounts-list span {
            background: url('/Images/icon/svg//app-icons-sprite.svg') no-repeat -1001px -1806px;
            width: 9px;
            height: 7px;
            padding-left: 20px;
            position: relative;
            top: 5px;
            left: 8px;
        }

        .control-bar .accounts-list:hover {
            /*background-color: #DEDEDE;*/
            cursor: pointer;
            cursor: hand;
        }

.account-selector {
    position: absolute;
    top: 50px;
    right: 260px;
    width: 330px;
    visibility: hidden;
    display: none;
    z-index: 998;
    background: #f5f5f5;
    padding-left: 10px;
    border: solid 1px #ddd;
    border-radius: 3px;
}

    .account-selector:after, .account-selector:before {
        bottom: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .account-selector:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #f5f5f5;
        border-width: 13px;
        left: 75%;
        margin-left: -13px;
    }

    .account-selector:before {
        border-color: rgba(113, 158, 206, 0);
        border-bottom-color: #ddd;
        border-width: 14px;
        left: 75%;
        margin-left: -14px;
    }

    .account-selector ul {
        list-style: none;
        padding-left: 25px;
        margin-bottom: 0;
    }

        .account-selector ul li {
            text-align: left;
            padding-top: 11px;
            padding-bottom: 7px;
            padding-left: 0;
            background: #f5f5f5;
            display: block;
            color: #fff;
        }

    .account-selector .account-name, .account-selector .account-name-current {
        font-size: 15px;
    }

    .account-selector .account-name-sub {
        font-size: 13px;
    }

    .account-selector .account-name {
        color: #00698c;
    }

    .account-selector .account-name-current, .account-selector .account-name-sub {
        color: #44464A;
    }

    .account-selector .account-name-nonactive:hover {
        cursor: pointer;
        cursor: hand;
    }


.control-bar .help {
    margin-left: 130px;
}

    .control-bar .help span {
        background: url('/Images/icon/icn-ind-help-dark-teal.png?v=2') no-repeat;
        padding-left: 27px;
        padding-top: 4px;
    }

/* Right Column Ad Box */
.ad-green {
    background: rgb(94,130,6);
}

.ad-gray {
    background: #44464a;
    width: 210px;
}

.ad-line-bold {
    margin: 10px 5px 5px;
    line-height: 1.0;
    color: #fff;
    font-size: 16px;
    font-family: Georgia, serif;
}

.ad-line-normal {
    font-size: 70%;
    margin-left: 5px;
    font-weight: normal;
    line-height: 1.0;
    margin-top: 8px;
    margin-bottom: 8px;
}

.input-width-100 {
    width: 100px;
}

.input-width-140 {
    width: 140px;
}

.input-width-150 {
    width: 150px;
}

.input-width-200 {
    width: 200px;
}

.select2 {
    width: 200px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px !important;
}

.select2-container--default .select2-selection--single {
    padding-left: 2px !important;
    padding-top: 5px !important;
    height: 34px !important;
    border-radius: 0px !important;
    border: 1px solid #E0E3E2 !important;
}

.divAlign {
    float: left;
    text-align: left;
    margin-left: 20px
}

.H1Style {
    float: left;
    margin-left: 5px
}

.h4Div {
    text-align: left;
    margin-left: 5px
}

.cLeftAlignText {
    text-align: left;
}

.cRightAlignText {
    text-align: left;
}

.ctxtFloatLeft {
    float: left;
    margin-left: -26px
}

.cCenterAlignText {
    text-align: center;
}

.cErrorTextColor {
    color: #D20826;
}

.cWhiteSpace {
    white-space: nowrap;
}

.cFooter {
    position: static !important;
    bottom: 0;
    height: auto !important;
}

.cFullWidth {
    width: 100%;
}
