#myTopnav {
        display: none;
        }
        #mySidenav {
        display: block;
        }
        .sidenav {
        min-height: 100%;
        width: 0px;
        position:absolute;
        z-index: 999;
        top: 0;
        background-color: Black;
        overflow-x: hidden;
        /*transition: width 0.3s ease;*/
        padding-top: 0;
        }

        .showprogressbar {
        margin-top: 80px;
        }

        .sidenav {
        color: White;
        }

        .sidenav ul {
        margin:0;
        padding:0;
        list-style-type:none;
        }

        .sidenav ul li {
        margin:0;
        padding:0;
        }


        .sidenav a {
        padding: 8px;
        text-decoration: none;
        color: White;
        display: block;
        /*transition: 0.5s*/
        }

        .sidenav a:focus {
        color: White;
        }

        .sidenav a.selected {
        background-color: Dimgray;
        }

        .sidenav-links:hover > a  {
        background-color:Black;
        }

        .sidenav a:hover, .offcanvas a:focus{
        background-color:gray;
        color:white;
        }


        .sidenav .closebtn {
        position: relative;
        top: 0;
        right: 10px;
        margin-left: 220px;
        }

        #main {
        transition: margin-left .5s;
        padding: 0;
        margin-left: 0;
        }

        .form-container {
        padding:0;
        }

        .row-extra-space {
        margin-bottom:0;
        }

        .chb-extra-space {
        margin-top: .5em;
        border-top: 1px solid #ddd;
        padding-top:.5em;
        }

        /* .icon-circle {

        display: inline-block;
        border-radius: 60px;
        box-shadow: 0px 0px 2px #888;
        padding: 0.5em 0.6em;
        background-color: #FFF;
        } */

        .cta-container {
        text-align: center;
        padding-bottom: 1em;
        }

        .back-container {
        text-align: center;
        padding-bottom: 1em;
        }

        .success-response {
        margin: 0;
        color: green;
        padding-bottom: 1em;
        display: block;
        }

        .error-response {
        margin: 0;
        color: #DC3545;
        padding-bottom: 1em;
        display: block;
        }

        #mySidenav.toggled {
        width: 250px;
        }
        .sidenav.collapse.in {
        display:inline-block;
        }
        #site-footer {
        margin-top: .5em;
        padding: .5em;
        text-align: center;
        }
        @media screen and (max-height: 450px) {
        .sidenav {padding-top: 15px;}
        /* .sidenav a {font-size: 18px;} */
        }
        @media only screen and (min-width:768px) {
        .sidenav {
        width:60px;
        }
        #main {
        margin-left:60px;
        }

        input {
        /* font-size: 14px !important; */
        }

        .form-container {
        padding:0 5em 0 5em;
        }

        .row-extra-space {
        margin-bottom:1.5em;
        }

        .chb-extra-space {
        margin-top: 1.5em;
        }

        .cta-container {
        text-align: right;
        padding-bottom: 0;
        }

        .back-container {
        text-align: left;
        padding-bottom: 0;
        }

        .success-response {
        margin-right: 1em;
        padding: 0;
        display: inline;
        }

        .error-response {
        margin-right: 1em;
        padding: 0;
        display: inline;
        }

        #site-footer {
        text-align: right;
        }
        }
        

        html { font-size:1rem;

        }

        body{
        background-color: rgb(236,255, 236);
        color: Black;
        font:1rem 'Open Sans', Arial, Helvetica, sans-serif;
        }
        
        .text-muted {
        color: #6c757d;
        }

        .no-gutter > [class*='col-'] {
        padding-right:0 !important;
        padding-left:0 !important;
        }

        .pointer {
        cursor: pointer;
        }

        h1 {
        font-size: 1.5rem;
        /* text-transform: uppercase; */
        }

        h2 {
        font-size: 1.1rem;
        }
        
        div.section-selection-option {
        border:solid 1px White;
        }
        div.section-selection-option:hover {
        border-color:rgb(119,162, 47);
        }
        
        div.section-selection-option a:focus {
        border-color:rgb(119,162, 47);
        }

        .sidenav-links > a:hover {
        border-left: 3px solid transparent;
        }

        .sidenav-links a.selected {
        border-left: 3px solid transparent;
        }

        @media screen and (max-width: 677px) {
        .sidenav-links: {display:none;}
        }

        a {
        color: rgb(119,162, 47);
        text-decoration: none;
        }

        a:hover {
        color: #4F6B1F;
        text-decoration: underline;
        }

        a:focus {
        color: #4F6B1F;
        text-decoration: none;
        outline: 0;
        box-shadow: 0 0 0 0.35rem #BDDD88;
        }



        .invalid-feedback {
        color: ;
        margin-top:.25em;
        display: block;
        }

        .mb-3 {
        margin-bottom: 2em;
        }

        .top-header {
        margin-bottom: 0;
        min-height: 40px;
        }

        .panel, .form-control, span.input-group-addon, .top-panel{
        background-color: White !important;
        color: Black;
        }

        .top-panel {
        padding: .5em 1em;
        margin-bottom: .5em;
        }

        .top-panel label {
        margin-bottom: 0;
        }

        .top-panel .btn-link {
        margin: 0;
        padding: 0;
        }

        /* Prevents zoom onFocus in iOS */
        input {
        /* font-size: 16px !important;
        box-shadow: inset 0px 0px 0px 0px red !important; */
        padding: 0 8px !important;
        }

        .input-group-addon:first {
        /* border-right: none !important; */
        }

        .input-group-addon:last {
        /* border-left: none !important; */
        }

        /*icons*/
        .icon {
        font-family:'FontAwesome';
        color: rgb(119,162, 47);
        /* font-size:1.33333333em; */
        }

        /* .fa {
        color: rgb(119,162, 47);
        } */

        /* .fa-question {
        color: rgb(119,162, 47);
        } */

        .icon-2x{
        /* font-size:2em; */
        }
        .icon-stack-1x{
        /* font-size:.5em; */
        }
        .icon-stack-2x{
        /* font-size:1.5em; */
        }
        .instruction {
        color: Black;
        }
        .menuicon {
        color: White;
        }
        .menuicon-stack-2x{
        color:White;
        /* font-size:2em; */
        }

        /*.menuicon-2x{
        color:White;
        font-size:2em;
        } */

        /* .icon-3x{
        font-size:3em;
        } */

        .user-icon:after{
        content: "\f007";
        }
        .password-icon:after{
        content: "\f023";
        }
        .expand-icon:after{
        content: "\f078";
        }

        .collapse-icon:after{
        content: "\f077";
        }
        .repeat-icon:before{
        content: "\f01e";
        }
        .usd-icon:before{
        content:"\f155";
        }

        /*.fa-inverse {
        color: white !important;
        } */
        /*icons end*/

        
.text-primary {
    color:black;
}

        /*PayPage Summary - Confirmation Page*/
        #accountInfo {
        width:100%;
        }
        #payInfo {
        width:100%;
        margin-top:2em;
        }
        #payAmount{
        width:100%;
        margin-top:2em;
        }



        .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
        background-image:none !important;
        background-color: rgb(119,162, 47);
        text-shadow: none;
        border-color: rgb(119,162, 47);
        }

        .pagination > li > a:focus {
        background-color: White;
        color: rgb(119,162, 47);
        }

        .pagination > li > a, .pagination > li > a:hover {
        color: rgb(119,162, 47);
        }


        .pagination > .active > a, .pagination > .active > a:focus {
        background-color: rgb(119,162, 47);
        border-color: rgb(119,162, 47);
        }

        .pagination > .active > a:hover {
        background-color: #4F6B1F;
        border-color: #4F6B1F;
        }


        .label-cell{
        width:30%;
        font-size:.85rem;
        text-align:left;
        text-transform:capitalize;
        vertical-align:top;
        }
        .value-cell{
        width:40%;
        font-size:1rem;
        text-align:left;
        vertical-align:top;
        }
        #confirmation{
        width:100%;
        }
        #confirmation > tbody tr td.label-cell{
        width:50%;
        font-size:.85rem;
        text-align:right;
        text-transform:capitalize;
        padding:3px;
        }
        #confirmation > tbody tr td.value-cell{
        width:50%;
        padding-left:1em;
        }
        .confirmation{
        width:80%;
        border-collapse:collapse;
        }
        .confirmation > tbody tr td.label-cell{
        width:50%;
        font-size:.85rem;
        text-align:right;
        text-transform:capitalize;
        padding-bottom:3px;
        }
        .confirmation > tbody tr td.value-cell{
        width:50%;
        padding-left:1em;
        padding-bottom:3px;
        }
        #enrollInfo{
        width:100%;
        }
        #enrollInfo > tbody tr td.label-cell{
        width:30%;
        font-size:.85rem;
        text-align:left;
        vertical-align:top;
        text-transform:capitalize;
        }
        #enrollInfo > tbody tr td.value-cell{
        width:40%;
        font-size:.85rem;
        text-align:left;
        vertical-align:bottom;
        }
        #payDateAmount{
        width:100%;
        }
        #payDateAmount > tbody tr td.label-cell{
        width:80%;
        font-size:1rem;
        text-align:right;
        vertical-align:top;
        text-transform:capitalize;
        white-space:nowrap;
        padding-right:1em;
        }
        #payDateAmount > tbody tr td.value-cell{
        width:20%;
        font-size:1rem;
        text-align:right;
        vertical-align:bottom;
        white-space:nowrap;
        }
        .btn-cell{
        text-align:right;
        }
        .text-hdr{
        font-weight:bold;
        }
        .text-xlarge{
        font-size:1.5rem;
        }
        .text-highlight{
        color:rgb(119,162, 47);
        }
        /*end PayPage Summary - Confirmation*/


        .fieldError {
        font-size:.85rem;
        margin-top: 0;
        clear: both;
        padding-top: 5px;
        }

        .fieldError, .fieldError .fa, .error-response,.pastDue {
        color: #dc3545;
        }

        .has-error .form-control {
        border-color: #ccc;
        }
        .has-error .input-group-addon {
        border-color: #ccc;
        }
        .alert-danger {
        background: #f2dede;
        }
        .form-group {
        /* border-bottom:1px solid #ddd; */
        }
        .form-group.no-input{
        /* border-bottom:1px solid #fff; */
        }







        label {
        font-weight: normal;
        text-transform: capitalize;
        }

        .btn {
        font-size:1rem;
        color: rgb(119,162, 47);
        text-shadow: none;
        background-image: none;
        background-color: transparent;
        border: 1px solid transparent;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        }

        .btn-sm {
        padding: .25rem .5rem;
        font-size: .875rem;
        line-height: 1.5;
        border-radius: .2rem;
        }

        .btn-default {
        border-color: rgb(119,162, 47);
        color: rgb(119,162, 47);
        }

        .btn:focus, input[type="checkbox"]:focus, input[type="radio"]:focus,select:focus, .list-group-item:focus, .checkbox.checbox-switch label:focus {
        outline: 0;
        box-shadow: 0 0 0 0.35rem #BDDD88;
        }

        .btn-default:hover {
        color: White;
        background-color: rgb(119,162, 47);
        text-shadow: none;
        }

        .btn-default:focus {
        color: rgb(119,162, 47);
        background-color: White;
        border-color: rgb(119,162, 47);
        }

        .btn-default:active, .btn-default:active:focus {
        color: White;
        background-color: #4F6B1F;
        border-color: #4F6B1F;
        text-shadow: none;
        }

        .btn-default.disabled,
        .btn-default.disabled:hover,
        .btn-default[disabled],
        .btn-default[disabled]:hover{
        background-color: White;
        color: #BDDD88;
        border-color: #BDDD88;
        }

        .btn-primary {
        background-color: rgb(119,162, 47);
        color: White;
        border-color: rgb(119,162, 47);
        }

        .btn-primary:focus,
        .btn-primary:hover,
        .btn-primary:active:focus,
        .btn-primary.active:focus {
        color: White;
        background-color: #4F6B1F;
        border-color: #4F6B1F;
        }

        .btn-primary.disabled,
        .btn-primary.disabled:hover,
        .btn-primary[disabled],
        .btn-primary[disabled]:hover{
        background-color: #BDDD88;
        border-color: #BDDD88;
        }

        .btn-link {
        color: rgb(119,162, 47);
        }

        {

        }



        .btn-link:focus,
        .btn-link:hover,
        .btn-link:active:focus {
        color: #4F6B1F;
        }

        .btn-inline {
        padding: 0;
        }

        .btn-link.inline-link,
        .inline-link {
        text-decoration: underline;
        padding:0;
        }

        .inline-link:hover,
        .inline-link:focus,
        .btn-link.inline-link:hover,
        .btn-link.inline-link:focus {
        text-decoration: none;
        }

        .inline-link:focus,
        .btn-link.inline-link:focus {
        outline: 0;
        box-shadow: 0 0 0 0.35rem #BDDD88;
        }

        .btn-pills{
        background-image:none;
        color: Black;
        padding:6px 15px 6px 15px;
        outline:0 none;
        font-size: .8rem;
        /* Readers hate this. Don't do it. text-transform:uppercase; */
        }

        /* a.btn {
        text-decoration: none;
        } */

        1.btn-pills-high-contrast {
        background-image:none;
        color: White;
        text-weight:bolder;
        padding:6px 15px 6px 15px;
        outline:0 none;
        font-size: .8rem;
        /* text-transform:uppercase; */
        }

        .btn-pills:focus,
        .btn-pills:hover,
        .btn-pills:active:focus,
        .btn-pills.active:focus{
        background-color:white;
        outline:0 none;
        text-decoration:underline;
        font-weight:bold;
        }

        .form-control {
        font-size: 1rem;
        min-height: 34px;
        height: auto;
        }

        .form-control:focus {
        outline: 0;
        box-shadow: 0 0 0 0.35rem #BDDD88;
        border-color: rgb(119,162, 47);
        }

        .btn-tab {
        border:1px solid dimgray;
        background-color:white;
        border-radius:0;
        width:20em;
        }
        .btn-tab.active {
        background:rgb(119,162, 47);
        color: #fff;
        }

        /* .btn-tab.active .fa {
        color: #fff;
        } */

        .tab-header {
        font-weight: 600;
        margin: 0 0 20px;
        }

        /* .small{color: Black;} */
        .btn-wide{
        background-image:none;
        /*background-color:white;
        color: Black;*/
        /* border-radius:15px; */
        width:20em;
        }
        /* .btn-wide:hover,
        .btn-wide:focus{
        color: Black;
        } */
        .btn-narrow{
        width:6em;
        padding:6px;
        }
        .btn-popover{
        text-align:left;color:gainsboro;padding:0;border-width:0;
        }
        .designdoc{
        display:none;
        }
        .betterdesign {
        display:block;
        }
        .form-control {
        padding:0;
        }


        .floating-label-wrapper .input-group-addon {
        border:none;
        background-color:white;
        }

        .floating-label-wrapper input {
        border-left: none !important;
        border-right: none !important;
        /* border-bottom: 1px solid #ccc !important; */
        box-shadow: inset 0px 0px 0px 0px red;
        padding: 0px !important;
        }

        /*slide*/
        .wrapper {
        position: relative;
        overflow: hidden;
        width: 300px;
        height: 1.5em;
        border: 1px solid black;
        }

        #slide {
        position: absolute;
        left: -300px;
        width: 300px;
        height: 1em;
        /*background: blue;*/
        transition: 1s;
        }
        .wrapper:hover #slide {
        transition: 1s;
        left: 0;
        }
        /*animation*/
        .content-area {
        /*border: 1px solid black;*/
        /*margin-top: 10px;*/
        padding: 10px;
        }

        .sample-show-hide {
        transition: all linear 0.5s;
        }
        .sample-show-hide.ng-hide {
        opacity: 0;
        }


        /*Float Label*/
        .floating-label-wrapper {
        position: relative;
        border-bottom: 1px solid #ccc;
        }

        .floating-label {
        color: Black;
        position: absolute;
        pointer-events: none;
        top:3px;
        transition: 0.2s ease all;
        opacity: 0;
        white-space:nowrap;
        }

        .form-control:focus ~ .floating-label,
        .form-control:not(.empty) ~ .floating-label {
        top: -8px;
        left: 0;

        font-weight:bold;
        opacity: 1;
        }
        .form-control:focus ~ .floating-label {
        color:rgb(119,162, 47);
        }
        .form-control.empty ~ .floating-label  {
        opacity: 1;
        }

        /*2 line label*/
        .floating-label-2 {
        color: Black;

        position: absolute;
        pointer-events: none;
        top:6px;
        transition: 0.2s ease all;
        opacity: 0;
        white-space:nowrap;
        }
        .form-control:focus ~ .floating-label-2,
        .form-control:not(.empty) ~ .floating-label-2 {
        top: -24px;
        left: 0;
        font-weight:bold;
        opacity: 1;
        }
        .form-control:focus ~ .floating-label-2 {
        color:rgb(119,162, 47);
        }

        .form-control.empty ~ .floating-label-2  {
        top: -24px;
        opacity: 1;
        }


        .floating-label-wrapper > .float-input {position:static; height:28px;  border:none;  box-shadow:none; border-radius:0;}
        .floating-label-wrapper > .float-input:focus {
        }

        .camera-icon {
        position: absolute;
        top: 5px;
        right:0px;
        display: none;
        }

        .camera-icon label {
        margin: 0;
        }

        /* For Safari and Chrome Only */

        @media screen and (-webkit-min-device-pixel-ratio:0) {

        .camera-icon {
        display: block;
        }

        }

        /* For Firefox */



        /* FireFox */
        @-moz-document url-prefix() {

        .camera-icon {display:none !important;}

        }


        /*animated checkbox and radio*/
        /*
        ::-moz-selection {
        background: white;
        }
        */

        /* will hide what is drag-selected
        ::selection { background: white; }
        */

        @-webkit-keyframes
        icon-beat {  0% {
        -webkit-transform: scale(2);
        -ms-transform: scale(2);
        transform: scale(2);
        }
        100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        }
        }

        @keyframes
        icon-beat {  0% {
        -webkit-transform: scale(2);
        -ms-transform: scale(2);
        transform: scale(2);
        }
        100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        }
        }

        /** {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        }*/

        .chb {
        display: block;
        position: relative;
        padding-left:0;
        /* line-height: 28px; */
        font-weight: normal;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
        }

        .chb:last-of-type { margin-right: 1rem; }

        .chb i {
        display: inline-block;
        height: 25px;
        position: relative;
        top: 6px;
        font-style: normal;
        color: #ccc;
        }

        .chb span {
        display: inline-block;
        margin-left: 5px;
        line-height: 25px;
        /*color: gray;*/
        }

        .chb input::selection{
        background-color:gainsboro;
        }

        .chb input[type="radio"],
        .chb input[type="checkbox"] {
        z-index:-1;
        opacity:0;
        position: absolute;
        margin-left: -20px;}

        .chb input[type="radio"]:focus + i:before,
        .chb input[type="checkbox"]:focus + i:before {
        border:2px solid cadetblue;
        }

        .chb input[type="radio"] + i:before,
        .chb input[type="checkbox"] + i:before {
        font-family: 'FontAwesome';

        height: 25px;
        width: 25px;
        display: inline-block;
        }

        .chb input[type="radio"]:checked + i,
        input[type="checkbox"]:checked + i {
        position: relative;
        -webkit-animation: icon-beat 0.1s ease;
        animation: icon-beat 0.1s ease;
        }

        .chb  input[type="radio"]:checked + i + span,
        input[type="checkbox"]:checked + i + span {
        -webkit-transition: all 0.1s ease;
        transition: all 0.1s ease;
        }

        .chb input[type="radio"] + i:before { content: "\f096"; }

        .chb input[type="radio"]:checked + i:before { content:"\f046"; }

        /*input[type="radio"]:checked + i + span,*/
        .chb input[type="radio"]:checked + i:before { color: rgb(119,162, 47); }

        .chb input[type="checkbox"] + i:before { content: "\f096"; }

        .chb input[type="checkbox"]:checked + i:before { content: "\f046"; }

        /*input[type="checkbox"]:checked + i + span,*/
        .chb input[type="checkbox"]:checked + i:before { color: rgb(119,162, 47); }
        .chb.email input[type="radio"] + i:before { content: "\f003"; }

        .chb.email input[type="radio"]:checked + i:before { content:"\f0e0"; }

        .chb.email input[type="checkbox"] + i:before { content: "\f003"; }

        .chb.email input[type="checkbox"]:checked + i:before { content: "\f0e0"; }



        .chb.paper input[type="radio"] + i:before { content: "\f0f6"; }

        .chb.paper input[type="radio"]:checked + i:before { content:"\f15c"; }

        .chb.paper input[type="checkbox"] + i:before { content: "\f0f6"; }

        .chb.paper input[type="checkbox"]:checked + i:before { content: "\f15c"; }


        .chb.mobile input[type="radio"] + i:before { content: "\f10b"; font-size:2em;}

        .chb.mobile input[type="radio"]:checked + i:before { content:"\f10b"; font-size:2em;}

        .chb.mobile input[type="checkbox"] + i:before { content: "\f10b"; font-size:2em;}

        .chb.mobile input[type="checkbox"]:checked + i:before { content: "\f10b"; font-size:2em;}

        .carousel-control {
        left: -12px;
        height: 40px;
        width: 40px;
        background-image: none;
        border: none;
        color: rgb(119,162, 47);
        margin-top: 40px;
        opacity: 1;
        }
        .carousel-control:hover,
        .carousel-control:focus {
        color: #737373;
        }
        .carousel-control:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
        }
        #paymentMethodCarousel .carousel-control.right {
        right: -12px;
        background-image: none;
        top:50px;
        }
        #paymentMethodCarousel .carousel-control.left {
        background-image: none;
        top:50px;
        }

        #paymentMethodCarousel .carousel-caption {
        color: black;
        text-shadow:none;
        text-align: center;
        left:auto;
        right:auto;
        /*background-color:red;*/
        position:relative;
        height:50px;
        top:0;
        /*top: auto;*/
        }
        #paymentMethodCarousel  .primaryPaymentMethod {
        position:absolute;
        left:25%;
        border-radius:0;
        color:white;
        padding-left:4px;
        padding-right:4px;
        background-color: rgb(119,162, 47);
        }
        #paymentMethodCarousel  .deletingPaymentMethod {
        position:absolute;
        left:65%;
        border-radius:0;
        color:white;
        padding-left:4px;
        padding-right:4px;
        background-color:rgb(255,100,100);
        }
        #paymentMethodCarousel .carousel-indicators li {
        border-color: black;
        display:none;
        }
        #paymentMethodThumbnails img {
        border: 3px solid white;
        margin: 0px;
        padding: 5px;
        cursor: pointer;
        }
        #paymentMethodThumbnails img:hover {
        border: 1px solid lightgrey;
        }
        #paymentMethodThumbnails span.selected img {
        border: 1px solid black;
        }

        .progress {
        border-radius:15px;
        }
        .progress-bar {
        background-color:rgb(119,162, 47);
        background-image: -webkit-linear-gradient(left, gray 0%, rgb(119,162, 47) 100%);
        background-image: -o-linear-gradient(right, gray 0%, rgb(119,162, 47) 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(gray), to(rgb(119,162, 47)));
        background-image: linear-gradient(to right, gray 0%, rgb(119,162, 47) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);
        background-repeat: repeat-x;
        text-align:right;
        padding-right:1em;
        }
        .container{
        padding-right:0;
        padding-left:0
        }
        #pnlmain{
        margin:0;
        padding:.5em;
        min-height:600px;
        }
        .container-right{
        margin-top:2em;
        /* padding:0 1em 0 1em; */
        }
        .paymentcontainer-right{
        margin-top:2em;
        padding:0 1em 0 1em;
        }
        .btnRow-right{
        text-align:center;
        }
        .btnRow-left{
        text-align:left;
        }
        .container-left{
        margin-top:2em;
        padding:0;
        padding:0 0 0 0em;
        }
        #sessioninfo{
        padding:0;
        }
        @media(min-width:768px) {
        .container {
        padding-right:1em;
        padding-left:1em;
        }
        #pnlmain {
        padding:1em;
        margin:0;
        min-height:600px;
        }
        .paymentcontainer-right{
        min-height:450px;
        margin-top:2em;
        padding:0 1em 0 1em;
        }
        .container-right{
        min-height:450px;
        margin-top:2em;
        /* padding:0 4em 0 4em; */
        }
        .container-left{
        margin-top:2em;
        padding:0 2em 0 4em;
        }
        .btnRow-right{
        float:right;
        margin-right:3em;
        }
        .btnRow-left{
        text-align:left;
        }
        #sessioninfo{
        padding:4em 0 2em 1em;
        }

        }
        @media(min-width:1200px){
        .paymentcontainer-right{
        min-height:450px;
        margin-top:2em;
        padding:0 5em 0 4em;
        }
        .container-right{
        min-height:450px;
        margin-top:2em;
        /* padding:0 10em 0 4em; */
        }
        .container-left{
        margin-top:2em;
        padding:0 2em 0 4em;
        }
        .btnRow-right{
        float:right;
        margin-right:10em;
        }
        input {

        }
        }



        .pastDue {
        / *color: #dc3545; */
        }

        .fieldError {
        /*color:red;*/
        }

        .masked {
        font-style:italic;
        }

        .overflow-ellipsis {
        white-space: nowrap;
        width: 6em;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align:bottom;
        }

        .chb .overflow-ellipsis{
        margin-left:0;
        }

        .typeahead-account .custom-popup-wrapper {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        background-color: #f9f9f9;
        min-width: 400px;
        }

        .typeahead-account .custom-popup-wrapper > .message {
        padding: 10px 20px;
        border-bottom: 1px solid #ddd;
        color: #868686;
        }

        .typeahead-account .custom-popup-wrapper > .dropdown-menu {
        position: static;
        float: none;
        display: block;
        min-width: 250px;
        background-color: White;
        border: 1px solid Black;
        border-radius: 0;
        box-shadow: none;
        font-size:small;

        }

        .uib-typeahead-match a {
        color: Black;
        }

        .uib-typeahead-match.active {
        background-color: rgb(119,162, 47);
        cursor: pointer;
        }

        .uib-typeahead-match.active .fa-inverse {
        color: Black;
        }

        /* .uib-typeahead-match.active .fa,
        .uib-typeahead-match.active .pastDue {
        color: white !important;
        } */

        .uib-typeahead-match.active .pastDue {
        color: White !important;
        }


        /* HTML5 Statement Css Styles */

        .LinkAnnotation {
        cursor:pointer;
        fill:yellow;
        stroke:none;
        fill-opacity:0.0;
        }
        .LinkAnnotation:hover {
        fill-opacity:0.3;
        }
        .PageNavNext {
        cursor:pointer;
        fill-opacity:0.0;
        }
        .PageNavNext:hover {
        fill-opacity:0.3;
        }
        thead.showOptions tr {
        background-color:darkgray;
        color:white;
        text-align:left;
        display:block;
        }

        /*Labels*/
        .viewstatement span{
        display:none;
        }
        .viewstatement:after {
        content:'View Statement';
        }
        .amountdue span{
        display:none;
        }
        .amountdue:after {
        content:'Amount Due';
        }
        .amountoverdue span{
        display:none;
        }
        .amountoverdue:after {
        content:'Amount Overdue';
        }
        .totalamountdue span{
        display:none;
        }
        .totalamountdue:after {
        content:'Total Amount Due';
        }
        .duedate span{
        display:none;
        }
        .duedate:after {
        content:'Due Date';
        }

        .CapitalizeText {
        text-transform:capitalize;
        }
   
        
        /* LoginMode=Default */
        
                .login-registered {display:block;}
                #login_registered {display:block;}
                .login-unregistered {display:block;}
                #login_unregistered {display:block;}