body { padding-top: 65px;font-family: "proxima-nova",Helvetica,Verdana,Arial,sans-serif;font-size:14px !important;line-height:150% !important; position:relative; }


#MainContent:focus { outline: none; }

#customerFeedbackPanel article{
    padding:40px;
}
#customerFeedbackPanel img {
    padding:20px;
}
h3.customerFeedbackPanel-title {
    color:#ffffff;
    font-size:40px !important;
    font-weight:normal;
}
#customerFeedbackPanel p {
    color:#ffffff;
}

#customerFeedback-continueButton {
    background-color:#d43900 !important;
    color:#ffffff;
}

#customerFeedback-Terms p {
    font-size:14px;
    line-height:normal;
}

small {
    color:#555555 !important;
    font-size:12px !important;
}
p, .p {
    color:#444444;
    font-family: "proxima-nova",Helvetica,Verdana,Arial,sans-serif !important;
    font-size:15.5px;
    line-height:1.5em;
}

footer {
    font-family: "proxima-nova",Helvetica,Verdana,Arial,sans-serif !important;
    font-size:13px !important;
}
nav {
    font-family: "proxima-nova",Helvetica,Verdana,Arial,sans-serif !important;
    font-size:14px !important;
}
h1 {
    font-size:24px;font-weight:700;
    font-family: "proxima-nova",Helvetica,Verdana,Arial,sans-serif !important;
    color:#0d438d;
}
h2, h3 {
    font-size:20px;font-weight:700;
    font-family: "proxima-nova",Helvetica,Verdana,Arial,sans-serif !important;
    color:#0d438d;
}
h4, h5, h6 {
    font-size:17px;font-weight:700;
    font-family: "proxima-nova",Helvetica,Verdana,Arial,sans-serif !important;
    color:#0d438d;
}
.h1 {font-size:24px;}
.h2, .h3 {font-size:20px;}
.h4, .h5, .h6 {font-size:17px;}
.alert-danger-custom {
            background-color: #f2dede !important;
            border-color:#ebccd1 !important;
            color:#a94442 !important;
}
.alert-info-custom {
            background-color: #d9edf7 !important;
            border-color:#d9edf7 !important;
            color:#31708f !important;
}
.list-unstyled {
    font-family: "proxima-nova",Roboto,Helvetica,Verdana,Arial,sans-serif !important;
    font-size:14px !important;
}
.jumbotron {
    margin-bottom:0;
}
.wrap {
    padding-bottom:40px;
    padding-top:40px;
    margin:0 auto;
}
#skip:focus 
        { 
        position:static; 
        width:auto; 
        height:auto; 
        border:2px dashed #ff9800;
        background-color:#ffffff;   
        color:#16405b;
        padding:5px 20px;
        outline-style:none;
        box-shadow:none;
        }
.btn {
    text-transform: none;
    margin-top: 5px;
    margin-bottom: 5px;
}

.alert-info {
    color:#31708f!important;
    border-color:#bce8f1!important;
    background-color:#d9edf7 !important;
}

.btn-custom {
    color: #ffffff;
    background-color: #d7631a;
    font-size: 16px;
    font-weight: 700;
}
    .btn-custom:hover {
        color: #2B0000;
        background-color: #EF6F1D;
    }
.btn-custom-lg {
    color: #2B0000;
    background-color: #EF6F1D !important;
}
.flexible-container {
    padding:40px;
}
.page-header {
    margin-top:0px;
}
    .page-header h4 {
        color: #0D438D;
        font-weight:400;
            font-family: "proxima-nova",Roboto,Helvetica,Verdana,Arial,sans-serif !important;
    }
        .regExpressionValidate,.requiredValidate 
        {
            color : red;
            font-size:14px;
            font-family:"proxima-nova",Roboto,Helvetica,Verdana,Arial,sans-serif;
        }
.form-group label, .form-group-label {
    color:#244791 !important;
    font-weight:bold;
    padding-bottom:0px;
    font-family: "proxima-nova",Roboto,Helvetica,Verdana,Arial,sans-serif !important;
    font-size:14px !important;
    line-height:1.2em !important;
}
.form-control{
  display:block;
  width:100%;
  height:36px;
  padding:6px 12px !important;
  /*margin-bottom:10px !important;*/
  font-family: "proxima-nova",Helvetica,Verdana,Arial,sans-serif !important;
  font-size:14px !important;
  line-height:1.42857143 !important;
  color:#555 !important;
  background-color:#fff !important;
  border:1px solid #dddddd !important;
  border-radius:2px !important;
  -webkit-box-shadow:none!important;
  box-shadow:none !important;
  -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s !important;
  -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
  transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
}
.form-control-readonly {
    display: block;
    width: 100%;
    height: 36px;
    padding: 6px 12px !important;
    background: #eee;
    border: 1px solid #dddddd !important;
    border-radius: 2px !important;
    opacity: 1;
}
.form-control-textbox {
    width: 100% !important;
    height: auto;
    padding: 6px 12px !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: #555 !important;
    background-color: #fff !important;
    border: 1px solid #dddddd !important;
    border-radius: 2px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s !important;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
}

.form-control:focus , .form-control-textbox:focus{
  border-color:#66afe9 !important;
  outline:0 !important;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) !important;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) !important;
}

.form-group .c-input {
    color:#555555;
    font-weight:normal;
}
div.panel-heading {
    background-color:#f5f5f5;color:#555555;
}
h3.panel-title {
    font-size: 15px !important;
}
/* /////// TOP NAVIGATION - INDEX  ///////*/

/*custom default navbar*/
#navbar-customer .navbar-right {
    float:right;
    margin-right:15px;
}
#navbaruaclogo-customer {        
    margin-left:15px !important;
    margin-top:0 !important;
    padding:2px 0px !important;
}

@media only screen and (max-width: 400px) {

    #navbar-customer #CustomerLinkSecure, #MessageCenterHyperLinkSecure {
        padding: 5px 6px;
        margin-right: 8px !important;
        font-size: 14px;
        margin-top: 15px;
    }
    #MessageCenterHyperLinkSecure {
        padding: 5px 10px;
    }

}

/*#uaclogo {
    display:block;
    width:225px;
    height:45px;
    background-image:url(../img/UACWeb-logo_blue_225x45.png);
    background-repeat:no-repeat;
    background-size:225px auto;
}*/
#uaclogo {
    display:block;
    width:222px;
    height:40px;
    background-image:url(../img/uacclogo-web-notagline-BL.svg);
    background-repeat:no-repeat;
    background-size:222px auto;
    margin-top:-7px;
}
#navbar-custom {
    margin-top:0px;
    margin-bottom:0px;
    /*border-bottom:1px solid #dddddd;*/
    box-shadow:0px 1px 10px rgba(0,0,0,0.15);
    background-color:#ffffff;
}
#navcol-1  .topnav-link {
    color:#2196f3; 
    font-size:14px; 
}
#navcol-1 .navbar-nav > li > a:hover {
    background-color:#F1F6FB;
}
#navcol-1 .navbar-nav > .open > a {
    background-color:#E8F0F9;
}
#navcol-1 .navbar-nav > li > a:focus {
    outline:1.2px dashed;
    outline-color:#99c4e8;
}
#navcol-1 a.topnav-link-sub {
    color:#2196f3;  
    font-weight:normal; 
    font-size:14px;
    border-bottom:1px solid #eeeeee;
    font-family: "proxima-nova",Helvetica,Verdana,Arial,sans-serif;
        padding:10px 15px;
}

a:focus {
    outline:1.2px dashed;
    outline-color:#99c4e8;
}
.navbar li.dropdown {
    color: #2196f3;
}
.navbar li.dropdown input {
    padding-top: 20.5px;
    padding-bottom: 20.5px;
    font-size: 14px;
}
.navbar li.dropdown input:first-of-type {
    padding-right: 5px;
    padding-left: 15px;
}
.navbar li.dropdown input:last-of-type {
    padding-left: 5px;
    padding-right: 15px;
}
.navbar li.dropdown input:disabled {
    
}
.navbar li.dropdown input:enabled {
    font-weight: normal;
}
.navbar li.dropdown input:focus {
    outline: none;
}


/*custom customer navbar*/
#uaclogo-customer {
    display:block;
    width:225px;
    height:45px;
    background-image:url(../img/UACWeb-logo_white_225x45.png);
    background-repeat:no-repeat;
    background-size:225px auto;
}
#navbar-uaclogo {
    margin-left: 15px !important;
    margin-top: 0 !important;
    padding: 2px 0px !important;
}
#navbar-customer .navbar-header {
    width:100%;
}
div#navcol.navbar-collapse.collapse{
    display:none !important;
}

#navbar-customer {
    margin-top:0px;
    margin-bottom:0px;
    box-shadow:0px 1px 10px rgba(0,0,0,0.15);
    background-color:#0D438D;
    font-family: "proxima-nova",Roboto,Helvetica,Verdana,Arial,sans-serif !important;
    font-size:13px !important;
}
#navbar-customer-collapse {
    margin-top:-6px;
    margin-bottom:0px;
    border-bottom:1px solid #dddddd;
    box-shadow:0px 1px 10px rgba(0,0,0,0.15);
    background-color:#f9f9f9;
}

#navbar-customer-collapse ul.dropdown-menu {
    /*padding:0px;*/
    }
#navbar-customer-collapse a.topnav-link {
    color:#0B6DCE;  
    font-weight:normal; 
    font-size:15px;
    font-family: "proxima-nova",Roboto,Helvetica,Verdana,Arial,sans-serif !important;
}
#navbar-customer-collapse .navbar-nav > li > a:hover {
    background-color:#f2f2f2;
}
#navbar-customer-collapse .navbar-nav > li > a:focus {
    outline:1.2px dashed;
    outline-color:#99c4e8;
}
#navbar-customer-collapse a.topnav-link-sub {
    color:#0B6DCE;  
    font-weight:normal; 
    font-size:14px;
    border-bottom:1px solid #eeeeee;
    font-family: "proxima-nova",Roboto,Helvetica,Verdana,Arial,sans-serif !important;
    padding:5px 20px;
}
/*custom customer footer*/
#footer-customer .footer-copyright {
    color:#cccccc;
    font-family: "proxima-nova",Roboto,Helvetica,Verdana,Arial,sans-serif !important;
    font-size:12px !important;
}


#footer-customer .footer-list a{
	color:#1e90ff;
    font-size:14px;
    padding:4px 0px;
    display:inline-block;
}



#footer-customer a.privacyNotice {
    font-size:14px;
    color:#1e90ff;
}

#dealers-list li{
    font-size:16px;
	color:#444444;
	padding:10px;
}
#dealers-list p{
    font-size:2em;
    font-weight:bold;
	color:#3B7BB7;
}
/*///////  FOOTER ////////*/

footer {
    background-color:#0A1D45;padding-top:40px;padding-bottom:40px;
}
.footer-list a{
	color:#cccccc ;
}

.footer-list li:nth-of-type(1) {
    color:#1e90ff !important;
    font-size:14px;
	font-weight:bold;
}
.footer-copyright {
    padding:20px 0px;
    color:#cccccc;
    font-family: "proxima-nova",Roboto,Helvetica,Verdana,Arial,sans-serif !important;
    font-size:12px !important;
}

#mobileFooter p.footer-copyright {
    padding:20px 0px;
    color:#e0dede;
    font-family: "proxima-nova",Roboto,Helvetica,Verdana,Arial,sans-serif !important;
    font-size:12px !important;
    text-align:center;
}
section.changeLanguage {
    border-bottom: 1px solid #1e90ff;
    padding: 20px 0px;
    margin: 0 0 20px 0;
}
#mobileFooter section.changeLanguage {
    text-align: center;
    border-bottom: 1px solid #1e90ff;

}
ul.list-unstyled.mobile-footer-list {
    border-bottom: 1px solid #1e90ff;
    padding: 30px 0px;
    text-align: center;
}
ul.list-unstyled.mobile-footer-list a{
    color:#ffffff;
    display:inline-block;
    padding:10px 0px;

}
ul.list-inline.mobile-footer-list {
    text-align:center;
}
ul.list-inline.mobile-footer-list a, #footer-customer ul.list-inline a{
    text-align:center;
    color:#e0dede;
    font-size:12px; 
    text-decoration:underline;
}



/*///////  HOME ////////*/
        div#Notification-panel {
            box-shadow:0 1px 5px rgba(0,0,0,0.2);
            background:url(../img/UacCares-hand120x120.png) no-repeat;
            width: 100%;
            height: 100%;
            background-size: contain;
                
        }

article.home-buttons  {
    border:1px solid #c2dcf1;background:url(../img/blue-transbg.png) no-repeat;width:100%;height:100%;background-size:cover;padding:20px;margin-bottom:10px;
}
    article.home-buttons:hover {
       cursor:pointer !important;
       box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
       border: none !important;
    }

/*/////// HOME SLIDER  ///////*/
                .jssorb05 {
                    position: absolute;
                }
                .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
                    position: absolute;
                    /* size of bullet elment */
                    width: 16px;
                    height: 16px;
                    background: url(../img/c21.png) no-repeat;
                    overflow: hidden;
                    cursor: pointer;
                }
                .jssorb05 div { background-position: -7px -7px; }
                .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
                .jssorb05 .av { background-position: -67px -7px; }
                .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

                .jssora11l, .jssora11r {
                    display: block;
                    position: absolute;
                    /* size of arrow element */
                    width: 37px;
                    height: 37px;
                    cursor: pointer;
                    background: url(../img/a21.png) no-repeat;
                    overflow: hidden;
                }
                .jssora11l { background-position: -11px -41px; }
                .jssora11r { background-position: -71px -41px; }
                .jssora11l:hover { background-position: -131px -41px; }
                .jssora11r:hover { background-position: -191px -41px; }
                .jssora11l.jssora11ldn { background-position: -251px -41px; }
                .jssora11r.jssora11rdn { background-position: -311px -41px; }



/*////// CONTACT  ////////*/
/*#myinsuranceinfo-link{
    display:inline-block;
    padding:5px 0px 15px;
}
#myinsuranceinfo-linkLabel {
    display:block;
    text-align:center;
}*/
.dl-numbers dt, .dl-hours dt  {
    text-align:left;
    color:#244791;
    line-height:1em;
    font-weight:bold;
    padding-bottom:5px;
}
.dl-numbers dd,.dl-hours dd {
    line-height:1.2em;
    padding-bottom:20px;
    font-size:14px;
}
div.bottomNote {
    margin-top:20px;
    margin-bottom:20px;
}

.bottomNote span{
	color:red;
}
#txtEmailUsMessage {
    height:300px;
}
#contactus-aside dl, #contactus-aside address {
    color:#444444;
}

.top-requiredText {
    display:inline-block;
    margin-top:10px;
    font-weight:bold;
    margin-bottom:10px;
}

div.g-recaptcha { 
    display:block;
    padding-bottom:20px;
}

.about-jumbotron h2{
    font-size:28px;
    width:70%;
    margin:0 auto;
    line-height:1.5em;
}
#aboutexecs-accordion p{
    font-size:14px;
    font-family:Roboto,Helvetica,Arial,sans-serif;
    font-weight:normal;
    line-height:1.6em;
}

.desktop-spacer {
    margin-bottom:150px;
}


/*////// ABOUT /////// DESKTOP*/
#tabs-about .tab-pane {
    padding: 40px;
}
ul#nav-about li.active a {
            border:1px solid #ddd;
            border-bottom-color:transparent;
            box-shadow:inset 0 2px 0 #2196f3;
            color:#006CC6;
            font-weight:bold;
        }
.nav-tabs > li > a:focus {
            outline:none !important;
            box-shadow: inset 0 -2px 0 #2196f3;
            font-weight:bold;
}
ul#nav-about a:hover {
            color:#006CC6;
            text-decoration:underline;
        }

.coreValue {
    color:#0d438d;
    font-size:18px;
}
/* accordion styles */
        #aboutus-execs .panel-default>.panel-heading {
            color: #0b6dce;
            background-color: transparent;
            border-color: #dddddd;
        }
        #aboutus-execs  .panel-heading {
            padding: 20px 30px 20px;
            height:auto;
            vertical-align:top !important;
            position:relative;
}
        #aboutus-execs h4.panel-title {
            font-size:16px !important;
            font-weight:normal;
            vertical-align:bottom !important;
        }
        #aboutus-execs span {
            display:inline-block !important;
            width:92% !important;

        }
        #aboutus-execs .panel-body {
            padding:10px 30px 15px;
            font-size:16px;
            line-height:normal;
            color:#444444;
}
        #aboutus-execs.panel-title>a:hover {
           text-decoration:none !important;
}
        #aboutus-execs .panel-title>a:focus {
            text-decoration:none !important;
            border:none !important;
            color:#003f94 !important;
            outline: none !important;
            font-weight:bold;
        }
        #aboutus-execs h4.panel-title .fa-angle-down {
            float:right;
            display:block;
            margin-left:10px;
            font-size:22px;
        }
        #aboutus-execs h4.panel-title a:not(.collapsed) .rotate-icon {
            transform: rotate(180deg);
            -ms-transform: rotate(180deg); /* IE 9 */
            -webkit-transform: rotate(180deg); /* Safari */
        }

/*///// DEALERS ///////*/
        #dealers-tfl-section {
            transition: all 0.2s;
        }
#dealers-sidebar-mobile {
    display:none !important;
}
.dealers-subnav {
    border-left:solid 3px #63b5f6;
    background-color:#f9f9f9;
    display:block;
}
.dealers-subnav a {
    color:#0B6DCE;
    font-size:15px;
    text-decoration:none;
    padding:8px 0px;
    display:block;
    border-top:1px solid #ffffff;
    border-bottom:1px solid #dddddd;
}

.dealers-subnav a:hover, .dealers-subnav a:active:hover, .dealers-subnav a:active:focus{
        background-color:#f2f2f2;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
}
.dealersupport-contact {
    margin-top:40px;
    padding:20px;
    border:1px solid #eeeeee;
    background-color:#f9f9f9;
}
    .dealersupport-contact h4,.dealersupport-contact-mobile h4 {
        font-weight:700;
        text-align:center;
    }
    .dealersupport-contact p,.dealersupport-contact-mobile p {
        font-size:15px;
        line-height:normal;
        padding:0;
        text-align:center;
    }
        .dealer-foursquare{
        display:block !important;
        margin-bottom:20px !important;
    }
    .dealer-foursquare img{
        margin:0 auto !important;
    }
        .foursquarelogo{
    display:block !important;
    width:128px !important;
    height:128px !important;
    background-image:url(../img/Foursquare-logo-01-1216-160dpi.png) !important;
    background-repeat:no-repeat !important;
    background-size:128px 128px !important;
    background-position:center !important;
    }
#dealers-tfl-section {
        width:100%;height:100%;
    }
        #dealers-tfl-section h4 {
            font-size:20px;font-weight:700;
        }
        #dealers-tfl-section p {
            font-size:16px;color:#444444;font-weight:normal;
        }
        #dealers-tfl-section ul li {
            color:#244791;font-size:15px;font-weight:700;
        }
        #dealers-tfl-section ul li img{
            margin-bottom:10px;margin-right:5px;
            width:50px !important;
            height:50px !important;
        }
#dealersignup-jumbotron {
    width:100%;height:auto;
    background-color:#EFF7FE;
}

    #dealersignup-jumbotron article h4 {
        color:#0B6DCE;font-weight:700;text-shadow: 0 -1px 0 rgba(255,255,255,0.6);
    }
#dealerForm {
    padding-bottom:20px;
}
#dealerForm p {
    font-size:14px;
    font-weight:700 !important;
    }


/*custom styles for the Become A Dealer Partner form submit button*/
input#btnDealerSubmit.btn.btn-custom{
    margin-top:20px;
    color:#c5eff7;
    border-color:#2e6da4;
    background-color:#0a68b4;
    width:100%;
}

button#btnDealerSubmit.btn.btn-custom{
    margin-top:20px;
    color:#c5eff7;
    border-color:#2e6da4;
    background-color:#0a68b4;
    width:100%;
}

select#ddlDealerChooseHow.form-control {
    margin-bottom:20px;
}

/*//////////////// ~~~~ INCOME CALCULATOR ~~~~ ////////////////*/

#mic-sec{
    margin:0 auto;
    width:100%;
    padding:0;
}

#mic-sec p {
    font-family: Roboto,Helvetica,Verdana,Arial,sans-serif;
    font-size:13px;
    font-weight:normal;
    margin:0 auto;
    text-align:center;
    padding: 20px 0px;
    }
#mic-calculators{
    margin:0 auto;
    width:100%;
    max-width:760px;
    border:1px solid #dddddd;
    background-color:#ffffff;
    -moz-box-shadow:0 0 10px #cccccc;
	-webkit-box-shadow:0 0 10px #cccccc;
	box-shadow:0 0 10px #cccccc;
}
    /*income calculator back button*/
.mic-backLink {
    display:inline-block;
    margin-bottom:15px;
}
/*//// CALCULATORS NAV /////*/

ul#mic-NavList {
    list-style-type:none;
    overflow:hidden;
    background-color:#eeeeee;
    padding:0;
}
#mic-NavList li{
    float:left;    
}
#mic-NavList li.Active {
    font-size:13px;
    background:#0459BF;
}
#mic-NavList li.Active a {
    color: #ffffff;
    font-family: "proxima-nova",Roboto,Helvetica,Verdana,Arial,sans-serif;
}
#mic-NavList li.Active a:hover {
    color: #ffffff;
    text-decoration:none;
    background-color:#0459BF;
}
#mic-NavList a {
    display: block;
    color: #0459BF;
    text-decoration: none;
    padding:10px 40px;
    text-align:center;
    font-size: 13px;
    font-family: "proxima-nova",Roboto,Helvetica,Verdana,Arial,sans-serif;
    font-weight: bold;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#mic-NavList li a:hover {
     color:#158AFF;
     text-decoration:none;
     background-color:#dddddd;
}

/*///// CALCULATOR TABLE /////*/
#mic-tableWrapper {
    padding:20px;
}
.mic-incometypeTitle {
    color:#0459BF;
    font-family: "proxima-nova",Roboto,Helvetica,Verdana,Arial,sans-serif;
    font-size:16px;
    font-weight:700;
    text-align:left;      
}
.mic-table {
    margin:0 auto;
    background-color:#ffffff;
}
/*///////  FIELDS  ////////*/
#mic-calculators .mic-inputLabel {
    color:#555555;
    font-size:14px;
    font-weight:700;
    font-family:"proxima-nova",Roboto,Helvetica,Verdana,Arial,sans-serif;
    width:170px;
    padding:10px 0px;
 }

#mic-calculators .mic-inputField {
    font-size:14px;
    font-family:"proxima-nova",Roboto,Helvetica,Verdana,Arial,sans-serif;
    text-align:right;
    background-color:#fff;
    border:1px solid #dddddd;
    border-radius:4px;
    -webkit-border-radius:4px;
    padding-right:10px;
}


#mic-calculators .mic-calendarimg{
    float:right;
    top:-25px;
    right:-20px;
    position:relative;
    
}
#mic-calculators .mic-selectField {
    font-size:11px;
    font-family:"proxima-nova",Roboto,Helvetica,Verdana,Arial,sans-serif;
    text-align:right;
    width:100%;
    height:30px;
    color:#777777;
    background-color:#f9f9f9;
    border:1px solid #dddddd;
    border-radius:4px;
    -webkit-border-radius:4px;
    padding:5px;
}
#mic-calculators .mic-selectField:hover {
    cursor:pointer;
    border:1px solid #B2D3F3;
}
#mic-calculators .mic-selectField:focus {
    font-size:11px;
    font-family: "proxima-nova",Roboto,Helvetica,Verdana,Arial,sans-serif;
    color:#555555;
    background-color:#ffffff;
    border:1px solid #B2D3F3;
    border-radius:4px;
    -webkit-border-radius:4px;
    outline: none; /*remove chrome's outline*/
    padding:5px;
}
#mic-calculators .mic-submitButton {
    background-color:#006CD8;
    border:1px solid #01569B;
    border-radius:4px;
    -webkit-border-radius:4px;
    color:#ffffff;
    font-size:13px;
    font-weight:700;
    font-family: "proxima-nova",Roboto,Helvetica,Verdana,Arial,sans-serif;
    width:100%;
    padding:8px 0px;
    margin-top:10px;
}
#mic-calculators .mic-submitButton:hover {
    background-color:#0D7DEE;
    border:1px solid #01569B;
    color:#ffffff;
    font-size:13px;
    font-weight:700;
    font-family: "proxima-nova",Roboto,Helvetica,Verdana,Arial,sans-serif;
    cursor:pointer;
}
#mic-calculators .mic-resetButton {
    border:none;
    background-color:#ffffff;
    color:#777777;
    font-size:13px;
    font-weight:normal;
    font-family: "proxima-nova",Roboto,Helvetica,Verdana,Arial,sans-serif;
    text-decoration:underline;
    cursor:pointer;
}
#mic-calculators .mic-resetButton:hover {
    color:#158AFF;
}
#mic-calculators .mic-inputErrorMessage {
    font-size:13px;
    font-family: "proxima-nova",Roboto,Helvetica,Verdana,Arial,sans-serif;
}
#mic-calculators .mic-monthlyIncomeResult {
    padding-top:20px;
    padding-bottom:20px;
}
#mic-calculators .mic-monthlyIncomeResult-Field {       
    color:#333333;    
    font-size:14px;
    font-weight:700;
    font-family: "proxima-nova",Roboto,Helvetica,Verdana,Arial,sans-serif;
    text-align:right;
    width:100%;
    height:30px;
    background-color:#ffffff;
    border:1px solid #B2D3F3;
    border-radius:4px;
    -webkit-border-radius:4px;
    padding-top:2px;
    padding-right:15px;
    display:block;
}
#mic-calculators .mic-monthlyIncomeResult-Label {
    font-size:13px;
    font-weight:700;
    font-family: "proxima-nova",Roboto,Helvetica,Verdana,Arial,sans-serif;
    text-align:left;
    color:#333333;
 }
/*  ////// CAREERS ////// */
    #nav-careers li.col-xs-6 {
        padding-right:0px;
        padding-left:0px;
    }

#nav-careers li a {
    text-align:center;
    color:#244791;
     background-color:#e6e6e6;
     display:block;
     width:100%;
     border-radius:0px;
     -webkit-border-radius:0px;
}
    #nav-careers li.active a{
        color:#0d438d;
        background-color:#ffffff;
        font-family: "proxima-nova",Roboto,Helvetica,Verdana,Arial,sans-serif;
    }
    #nav-careers li:hover a {
        background-color:#f2f2f2;
    }

#intro-jumbotron {
    margin-top:40px;
}
#intro-jumbotron section {
    padding:40px 40px;
}
#intro-jumbotron .h1  {
    color:#ffffff;
    font-size:34px !important;
    font-weight:700;
    text-align:center;
    margin:40px 0px;
}
#intro-jumbotron p  {
    color:#ffffff;
    font-size:16px;
    font-family: "proxima-nova",Roboto,Helvetica,Verdana,Arial,sans-serif !important;
    text-align:center;
    line-height:1.5em;
    margin:0 auto;
    margin-top:20px;
    margin-bottom:40px;
    width:90%;
}
 #intro-jumbotron a.btn {
        margin-bottom:20px;
}
#careers-introblurb {
    padding:0px 40px 40px 40px;
}
.benefitsHeader {
    background:url(../img/careers-perksbanner.jpg) no-repeat;width:100%;height:100%;background-size:cover;margin-bottom:40px;
}
.benefitsHeader .h2 {
        color:#0B6DCE;
        font-size:60px;
        font-weight:100 !important;
        text-align:center;
        padding:80px 0px;
    }
.healthcare, .financial,.perks {
                font-size:14px;
            }
            .healthcare dt {
                color:#244791;
                line-height:1.2;
            }
            .healthcare dd {
                line-height:1.4;
                padding-bottom:10px;
            }
            #healthIcon {
                width:52px;
                height:50px;
            }
            #financialIcon {
                width:54px;
                height:50px;
            }
            #perksIcon {
                width:54px;
                height:50px;
            }
        #jobSearch iframe::-webkit-scrollbar {
              width: 15px;
        } /* this targets the default scrollbar (compulsory) */

          #jobSearch iframe::-webkit-scrollbar-track {  
                background-color: #ffffff; 
                border:1px solid #dde9f2;
        } /* the new scrollbar will have a flat appearance with the set background color */
 
        #jobSearch iframe::-webkit-scrollbar-thumb {
                background-color: #dde9f2;
        } /* this will style the thumb, ignoring the track */
 
        #jobSearch iframe::-webkit-scrollbar-button {
                background-color: white;
                border:1px solid #3A8ADF;
      
        } /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
 
        #jobSearch iframe::-webkit-scrollbar-corner {
                background-color: #3A8ADF;
        } /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */

         #jobSearch div.cssjoblisthead {
                color:#3A8ADF !important;
        }
        .glassdoor img {
        width:100%;
    }

/*~~~~~~~~~~~  MOBILE STYLES ~~~~~~~~~~~~ */
/* TABLET */
@media only screen and (max-width: 767px),screen and (max-device-width: 767px)  {

    div[id="mobile-homeslides-payment"] {
        display:block !important;
    }
    div[id="mobile-homeslides-livechat"] {
        display:block !important;
    }
        div[id="mobileFooter"] {
        display:block !important;
    }
        div[id="footer"] {
        display:none !important;
    }
                h6#Notification-h6{
                text-align:center !important;
            }

    /* ///// NAV //////*/
    ul#nav-main {
        background-color:#F1F6FB !important;
        height:auto;
        overflow-y:visible;
    }
#navbar-uaclogo {
    margin-top:7px !important;
}
    /*custom customer navbar*/
    #navbar-customer .navbar {
    position:relative;
    }
    #navbar-customer .navbar-brand {
        float:none;
        position:absolute;
        left:50%;
        margin-left:-30px !important;
        display:block;
    }
    #navbar-customer .navbar-toggle .icon-bar {
        background-color:#91cbf9 !important;
        height:3px !important;
    }
    #navbar-customer .navbar-header {
    width:inherit !important;
}
    #uaclogo-customer {
    display:inline-block !important;
    text-align:center;
    width:70px !important;
    height:60px !important;
    background-image:url(../img/uaclogo-roads_white.png) !important;
    background-repeat:no-repeat !important;
    background-size:70% auto !important;
    }
    div#navcol.navbar-collapse.collapse.in{
        display:block !important;
    }
    #navcol ul.nav {
        background-color: #f9f9f9;
        margin-top:0px;
        margin-bottom:0px;
    }
    #navcol .topnav-link {
    color:#3A8ADF;
    font-weight:500;
    text-align:left;
    border-bottom:1px solid #dddddd;
    font-size:16px !important;
    }
    #navcol .topnav-link-sub {
        color:#2196f3;
        text-align:left;
        background-color:#ffffff;
        border-top:1px solid #eeeeee;
        font-size:14px !important;
    } 
    #navcol .topnav-link-sub:hover {
        color:#ffffff;
        background-color:#004AAE;
    }
    #navbar-customer a.navbar-toggle {
        position: relative;
        float: left;
        margin-left: 15px;
        padding: 9px 10px;
        margin-top: 15px;
        margin-bottom: 15px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 3px;
    cursor: pointer;
    }
    #navcol ul.dropdown-menu {
    padding:0px;
    background-color:#0A1D45;
    }
    #navcol .dropdown-toggle:focus {
    background-color:#eeeeee;
    border-bottom:none;
    }
    #navcol .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        background-color:#ffffff;
    }
    
    #navbar-custom .navbar-toggle .icon-bar {
        background-color:#0D438D !important;
        height:3px !important;
    }

    #navcol-1.navbar-collapse.collapse.in, #navcol.navbar-collapse.collapse.in {
        overflow-y:visible;
    }
    #navcol-1 .topnav-link {
    color:#2196f3 !important;
    font-size:16px !important;
    font-weight:normal !important;
    text-align:left !important;
    border-bottom:1px solid #C2DCF1 !important;
    border-top:1px solid #ffffff !important;
    }
    #navcol-1 .topnav-link:hover {
        background-color:#E8F0F9 !important;
    }
    #navcol-1 a.topnav-link-sub {
        color:#2196f3 !important;
        text-align:left !important;
        border-bottom:1px solid #dddddd;
    } 
    #navcol-1 .navbar-nav > li > a:active {
        outline:none !important;
        background-color:#ffffff !important;
                font-weight:bold !important;
    }  
    #navcol-1 .topnav-link-sub:hover {
        background-color:#E8F0F9 !important;
        border-left:solid 3px #63b5f6 !important;
    }
    #navcol-1 .navbar-nav > li > a:focus {
        outline:none !important;
        background-color:#E8F0F9 !important;
                font-weight:bold !important;
    }
    #navcol-1 .navbar-nav > li > a:hover {
        color:#2196f3 !important;
        background-color:#E8F0F9 !important;
    }
    #navcol-1 .navbar-nav .open .dropdown-menu {
        background-color:#ffffff !important;
    }
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        background-color:#ffffff !important;
    }
            .lead{
        font-size:18px !important;
    }
    .navbar li.dropdown {
        color: #2196f3;
    }

    .navbar li.dropdown input {
        font-size: 16px;
        padding-top: 10px;
        padding-bottom: 10px;
    }


    .page-header {

        margin-top:0px;
        margin-bottom:0px !important;
}
    .page-header h4{
            color:#0D438D !important;
            font-weight:400 !important;
            font-family: "proxima-nova",Roboto,Helvetica,Verdana,Arial,sans-serif !important;
}

    .intro-jumbotron h2  {
    font-size:30px !important;

    }
    .about-jumbotron h2{
    font-size:24px;
    width:100%;
    margin:0 auto;
    line-height:1.5em;
}

    /* ///// DEALERS  //////*/


            #dealerForm-mobile {
            display:inline-block !important;
            margin-left:15px !important;
            margin-top:15px !important;
            margin-bottom:15px !important;
        }

     #dealers-sidebar-mobile {
        display:block !important;
     }
        #dealers-sidebar-mobile .dealers-subnav a{
        color:#0B6DCE !important;
        font-size:13px !important;
        font-weight:700 !important;
        text-decoration:none !important;
        padding:4px 0px !important;
        display:block !important;
        }

    .dealers-subnav a:hover, .dealers-subnav a:active:hover, .dealers-subnav a:active:focus{
        background-color:#f2f2f2;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
    }
    .dealersupport-contact-mobile {
        display:block !important;
        margin-top:40px !important;
    }


    #dealers-tfl-section {
        width:100%;height:100%;
    }
        #dealers-tfl-section h4 {
            color:#0B6DCE !important;font-size:34px !important;font-weight:100 !important;
        }
        #dealers-tfl-section ul li {
            color:#244791;font-size:15px;font-weight:700;
        }

        #dealers-tfl-button {
        margin-top:20px !important;
    }
                .foursquarelogo{
    margin:0 auto !important;
    }
    /*income calculator back button - mobile style*/
    .mic-backLink-mobile {
        display:inline-block !important;
        background-color:#f9f9f9;
        border:1px solid #ffffff !important;
        margin-bottom:15px;
        padding:3px 15px !important;
        border-radius:3px;
        -webkit-border-radius:3px;
        -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
        box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
    }
    /*dealer faq accordion*/
    #dealers-accordion h3 {
    font-size:13px !important;
    font-family:Roboto,Helvetica,Arial,sans-serif;
}

    /*///// CUSTOMERS ///////*/
    .last-update {
        float:none !important;
        display:block !important;
    }
    #customer-homebuttons article {
    margin: 10px 0px !important;
}

   .ctm-slide01 h2,.ctm-slide02 h2,	.ctm-slide03 h2{
    font-size:17px !important;
    font-family:"proxima-nova",Roboto,Helvetica,Verdana,Arial,sans-serif !important;   
    margin-top:30px !important;
    margin-bottom:0 !important;
    font-weight:normal !important;      
	}
   #slides .ctm-slide01 a,#slides .ctm-slide02 a,#slides .ctm-slide03 a {
        margin-top:10px !important;
        margin-bottom:10px !important;
	}
    #customerwelcome-jumbotron p{
    width:100%;
    font-size:18px;
}
    .financepartner-form-content {
    margin-bottom:20px !important;
    }
    .financepartner-form-content img {
    margin-top:30px !important;
}

    .financepartner-form-content p {
    margin-bottom:50px !important;
    font-size:18px !important;
    }
    .thankyou-message {
	width:100% !important;  height:auto !important;
}
    .thankyou-message h4{
font-size:20px !important;
}
    .thankyou-message h5{
font-size:13px !important;
font-weight:normal !important;
}
   /*text alerts*/ div.enroll-info {
    margin:0 auto;
    margin-left:0px !important;
}
    .customers-welcome-title {
    margin-top:-30px !important;color:#414151;font-size:15px !important;font-family:'proxima-nova',Roboto,Helvetica,Verdana,Arial,sans-serif;
}
    #accountSummary-due h4 {
     border-bottom:none !important;padding-bottom:0px !important;margin-bottom:0 !important;
    }
    .totalChargesTable td.table-field {
    float:right;
    font-size:14px !important;
    font-weight:bold;
    color:#006CC6;
    padding-bottom:8px !important;
    padding-top:8px !important;   
}
    .totalChargesTable td.table-label {
        font-size:14px !important;
    padding-bottom:8px !important;
    padding-top:8px !important;
    }    
    .totalChargesTable tr {
        border-bottom:1px solid #dddddd;
    }
    .payoffQuoteTable {
        width:100% !important;
    }
    /*Customer FAQs*/
    /*Scroll to Top*/
    .scrolltop {
        display: none;
        z-index: 1000 !important;
        width: 100%;
        margin: 0 auto;
        position: fixed;
        bottom: 400px !important;
        right: 0px !important;
    }

    .scroll {
        position: absolute !important;
        right: 0px;
        background: #0d438d;
        color: #ffffff;
        background: rgba(13,67,141,0.7);
        -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
        -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
        box-shadow: 0 5px 10px rgba(0,0,0,.2) !important;
        padding: 10px 20px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        text-align: center;
        margin: 0 0 0 0;
        cursor: pointer;
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
    }

        .scroll:hover {
            background: rgba(13,67,141,1.0);
            transition: 0.5s;
            -moz-transition: 0.5s;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
        }


        .scroll .fa-arrow-circle-up {
            font-size: 18px;
            color: #ffffff;
            margin-top: 5px !important;
            display:block !important;
            margin-left: 1px;
            transition: 0.5s;
            -moz-transition: 0.5s;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
        }

        .scroll:hover .fa-arrow-circle-up {
            padding-top: -10px;
        }
   
    /*//// FEEDBACK  ////*/

    #livechat {
	position: fixed;
	right: 0;
	bottom: 0;
	height: 250px;
	margin-left: -3px;
	margin-bottom: -3px;
    height:auto !important;
}

#livechat-form,#liveChat-alert {
	float: none !important;
	width: 275px !important;
	height: 100%;
	z-index: 1000;
	padding-left: 5px;
	padding-right: 5px !important;
	background-clip: 'padding-box';
    background-color:#ffffff;
	border: 1px solid rgba(0,0,0,.2);
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

#livechat-tab {
	float: none !important;
	color: #fff;
	font-size: 15px !important;
	cursor: pointer;
	text-align: center;
	width: 125px !important;
	height: 42px !important;
	background-color: rgba(12,16,43,0.8);
	margin-top:0px !important;
	margin-right:0px !important;
	padding: 10px !important;
	-webkit-transform: rotate(0deg) !important;
	-moz-transform: rotate(0deg) !important;
	-ms-transform: rotate(0deg) !important;
	-o-transform: rotate(0deg) !important;
	transform: rotate(0deg) !important;
}
div#careers.container {
    padding-left:0px !important;
    padding-right:0px !important;
}
#intro-jumbotron {
    margin-top:0px;
}
#intro-jumbotron h4  {
    color:#ffffff;
    font-size:34px;
    text-align:center;
    margin:40px 0px;
}
#intro-jumbotron p  {
    color:#ffffff;
    font-size:16px;
    font-weight:normal;
    font-family: "proxima-nova",Roboto,Helvetica,Verdana,Arial,sans-serif !important;
    text-align:center;
    line-height:1.6em;
    margin-top:20px;
    margin-bottom:40px;
}
    #careers-introblurb h4{
    font-size:25px;
    text-align:left;
}

    .benefitsHeader .h2 {
        color:#0B6DCE;
        font-size:40px !important;
        font-weight:100 !important;
        text-align:center;
        padding:60px 0px;
    }
    .SMS-wrapper {
        width:100% !important;
    }
    .WebAccessibility-wrapper {
        width:100% !important;
	    height:auto;
        margin:0 auto;
        padding:20px;
        font-size:16px !important;
    }

    /*///// ABOUT /////// --tablet--*/

    #nav-about li a {
    text-align:center;
    color:#244791;
     background-color:#f2f2f2;
     display:block;
     width:100%;
     border-radius:0px;
     -webkit-border-radius:0px;
}
    #nav-about li.active a{
        color:#0d438d;
        background-color:#ffffff;
        font-family: "proxima-nova",Roboto,Helvetica,Verdana,Arial,sans-serif;
        font-weight:bold;
        text-decoration:none;
        border:1px solid #ddd !important;
    }
    #nav-about li:hover a {
        background-color:#ffffff;
    }



}



div#pnlDynamicQuestions label {
    display: inline !important;
}

/* MOBILE */
@media only screen and (max-width: 480px),screen and (max-device-width: 480px)  {
h1 {font-size:20px !important;
}
    h2, h3 {
        font-size: 18px !important;
    }
h4, h5, h6 {font-size:15px !important;
}
.h1 {font-size:20px !important;
}
    .h2, h3 {
        font-size: 18px !important;
        
    }
.h4, .h5, .h6 {font-size:15px !important;
}
.flexible-container {padding:20px !important;
}
p[class="webaccess-p"]
{
    font-size:16px !important;
    webkit-text-size-adjust: 100%;
    }
            .lead{
        font-size:16px !important;
    }

    section[class="web-accessibility"] {
        webkit-text-size-adjust: 100%;
                            width: 100% !important;
                    min-width: 100% !important;

    }
    /* //////  NAV  /////*/

    #uaclogo {
    display:inline-block !important;
    width:222px !important;
    height:40px !important;
    background-image:url(../img/uacclogo-web-notagline-BL.svg);
    background-repeat:no-repeat !important;
    background-size:222px 40px !important;

    }
    #Notification-h6 {
        text-align:center !important;
    }

    section#about-execs div#accordion {
        padding:0 !important;
    }

    .about-jumbotron h2{
    font-size:16px;
    width:100%;
    margin:0 auto;
    line-height:1.5em;
}

    #tabs-about .tab-pane {
        padding:20px !important;
    }
	#become-partner-button, #jmbtrn-customer-learnmore{
		display:block !important;
	}
        #mic-NavList li{
        float:none !important;
    }

    .intro-jumbotron h2 {
        font-size:20px !important;
    }
    .flexible-article {
    padding:20px !important;
}
    p, .p { font-size:14px !important;font-weight:normal !important;
    }
    ul[class="textContent"], ol[class="textContent"] {
        font-size: 14px !important;
    }
    #customerwelcome-jumbotron p, #homedealersignup-jumbotron p{
    width:100% !important;
    font-size:14px;
}
    #customerwelcome-jumbotron h4{
    width:100% !important;
    font-size:16px;
    font-weight:bold !important;
}
    /*ACCORDION CUSTOM STYLES*/
#dealers-accordion p, #financepartner-accordion p, #aboutexecs-accordion p {
    font-size:13px;
    font-family:Roboto,Helvetica,Arial,sans-serif;
    font-weight:normal;
    line-height:1.6em !important;
}
 #dealers-accordion h3, #financepartner-accordion h3, #aboutexecs-accordion h3 {
    font-size:13px !important;
    font-family:Roboto,Helvetica,Arial,sans-serif;
    font-weight:normal !important;
}
    /*ACCORDION CONTENT CUSTOM PADDING*/

    #dealers-accordion .ui-accordion-content {
        padding:10px 20px !important;
    }
    #financepartner-accordion .ui-accordion-content {
        padding:10px 20px !important;
    }
    #aboutexecs-accordion .ui-accordion-content {
        padding:10px 20px !important;
    }

    .financepartner-form-content {
    margin-bottom:20px !important;
    }
    .financepartner-form-content img {
    margin-top:20px !important;
}

    .financepartner-form-content p {
    margin-bottom:30px !important;
    font-size:15px !important;
    }
    .test-jumbotron1 {
        font-size:16px !important;
    }
        .intro-jumbotron {
        margin-top:0 !important;
    }
    /* ////DEALERS /////// */
    #dealerForm p {
        font-weight:700 !important;

    }
    #dealers-tfl-section h4 {
        font-size:24px !important;
    }
    #dealers-tfl-section li {
        font-size:14px !important;
    }
            #dealers-tfl-section ul li img{
            margin-bottom:10px;margin-right:5px;
            width:50px !important;
            height:50px !important;
        }
    #dealersignup-jumbotron {
    width:100%;height:auto;
    background-color:#ffffff;
    border-bottom:solid 1px #eeeeee ;
}

    #dealersignup-jumbotron article h4 {
        font-size:20px !important;
        text-align:left !important;
    }
    #dealersignup-jumbotron article p {
        font-size:13px !important;
        text-align:left !important;
    }
    /* INCOME CALCULATORS*/
    #mic-NavList li a {
        border-bottom:1px solid #dddddd;
    }
    /* /// CAREERS ///*/
#intro-jumbotron {
   margin-top:0px !important;
}
    #intro-jumbotron h4  {
    color:#ffffff;
    font-size:20px !important;
    text-align:left;
    margin:40px 0px !important;
}
#intro-jumbotron p  {
    color:#ffffff;
    font-size:13px !important;
    font-family: "proxima-nova",Roboto,Helvetica,Verdana,Arial,sans-serif !important;
    text-align:left;
    margin-top:20px;
    margin-bottom:40px;
    width:100% !important;
}
 #intro-jumbotron a.btn {
        margin-bottom:0px !important;
}
    #careers-introblurb h1{

}

    #careers-introblurb {
        padding:0px !important;
    }

    .benefitsHeader {
    background:url(../img/careers-perksbanner.jpg) no-repeat;width:100%;height:100%;background-size:cover !important;margin-bottom:20px !important;
}  
    /*  //// CUSTOMERS ////  */
    /* ~~~ CUSTOMERS - FREQUENTLY ASKED QUESTIONS~~~ */
    section#customerfaqs-thumbnails {padding-top:0px !important;
    }
    #customerfaqs-thumbnails div.thumbnail {
        border: none;
        box-shadow: 0 1px 4px rgba(5,5,73,0.3);
        height: auto !important;
        margin-bottom: 13px !important;
    }
    #customerfaqs-thumbnails h3 {
        padding-top: 0px !important;
    }


    #customer-faqs .panel-heading, #financepartner-accordion .panel-heading, #aboutus-execs .panel-heading {
    padding: 15px 10px 15px !important;
}
    #customer-faqs .panel-body, #financepartner-accordion .panel-body, #aboutus-execs .panel-body {
        padding: 15px 10px 15px !important;
    }
    #customer-faqs h4.panel-title .fa-angle-down, #financepartner-accordion h4.panel-title .fa-angle-down, #aboutus-execs h4.panel-title .fa-angle-down {
            float:right !important;
            display:block !important;
        }

    #customer-faqs span, #financepartner-accordion span, #aboutus-execs span {
        display:inline-block !important;
        width:90% !important;
    }
    .ctm-slide02 h2,.ctm-slide03 h2 {
            font-size:13px !important;
        }
    .ctm-slide01 p,.ctm-slide02 p,.ctm-slide03 p {
        display:none !important;
        }
    /* ~~~ CUSTOMERS -- NEW ACCOUNT ENROLLMENT ~~~*/
    section#newCustomerEnrollment, section#forgotUsernameDetails, section#forgotPasswordDetails, section#customerInterview {
        width: 100% !important;
        margin: 0 auto;
    }

    section#newCustomerEnrollment .btn{
        font-size: 15px;
    }

    div#pnlDynamicQuestions span {
        font-size: 16px !important;
    }

    span#lblErr {
        background-color: #f2dede !important;
        border-color: #ebccd1 !important;
        color: #a94442 !important;
        display: inline-block !important;
    }
    .sms-text .h1, .sms-text .p1, .sms-text .p2, .sms-text .p3 {
        font-size:16px !important;
        color:#444444 !important;
    }
    /*    //// CONTACT US  ///////  */
    .page-header h4 {
        font-size:18px !important;
    }

/*Customer Survey Feedback - Mobile*/
.modalTakeSurvey-PopUp h3{
    font-size:26px !important;
}


.modalTakeSurvey-PopUp {
    margin-bottom:20px;
    font:normal 14px 'Proxima Nova', 'Open Sans', sans-serif !important; 
    color:#ffffff;
}

    .modalTakeSurvey-PopUp .lead {
        color:#ffffff;
        line-height:normal !important;
    }
    .modalTakeSurvey-PopUp article {
        padding:10px !important;
    }
    .modalTakeSurvey-PopUp img {
        padding:20px;
        margin:0 auto;
    }
    #modalTakeSurvey-PopUp-Terms p {
        font-size: 14px !important;
    }
    h3.customerFeedbackPanel-title {
    color:#ffffff;
    font-size:28px !important;
}

    /*new Secure Message Center Ppp-Up*/
    article.modalNewSMC-PopUp {
        padding: 0px !important;
    }

    .modalNewSMC-PopUp h3 {
        font-size: 20px !important;
    }

    ul.media-list.modalNewSMC-PopUp div.media-body p {
        font-size: 16px !important;
        padding-bottom: 10px !important;
        padding-top:10px !important;
        margin-bottom: 0px !important;
    }
    img.modalNewSMC-PopUp-icons {
        width: 42px !important;
        height: auto !important;
    }
    img#emailalerts-icon-mobile.media-object {
        width: 42px !important;
        height: auto !important;
    }

    /* secure messaging styling */
    .alert-info-smc {
        color: #a94442 !important;
        background-color: #FCF8E3 !important;
        border: 1px solid #FAEBCC !important;
        font-size: 14px !important;
    }

    .alert-info-smc a {
            color: #a94442 !important;
            text-decoration: underline;
    }

    #GridView1 td span span {
        max-width: 56vw;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
    }

    #GridView1 th.desktop, #GridView1 td.desktop {
        display: none;
    }

    #GridView1 tr th.mobile, #GridView1 tr td.mobile {
        display: table-cell;
    }

    /* //////ABOUT US ///////////*/
    .coreValue {
    color:#0d438d;
    font-size:14.5px !important;
}

}
/*~~~~~~~~~~~  END MOBILE STYLES ~~~~~~~~~~~~ */


  
/*THANK YOU MESSAGE*/

.thankyou-subscribe {
    display:block;
    width:360px;  height:auto;
    border: 12px solid #E8EEF5;
    margin:20px auto;
    padding:30px 50px;
    border-radius:6px;
	        
}
.thankyou-message{
	background:rgba(255,255,255,0.8);
	margin:0 auto;
	margin-top:50px;
    margin-bottom:40px;
	width:800px;  height:600px;
	padding:20px 35px;
}
.thankyou-message:hover {
	background:#fff;
}
.thankyou-message h4{
	color:#EB7600;
    font-family:;
	font:bold 40px Roboto,Verdana,Arial, sans-serif;
    box-shadow:inset 0 1px rgba(255,255,255,0.3);
	text-align:center;
	margin-bottom:10px;
}

.thankyou-message h5 {
	color:#0B6DCE;
	font:bold 18px Roboto,Verdana,Arial, sans-serif;
    box-shadow:inset 0 1px rgba(255,255,255,0.3);
	margin-left:5px;
	text-align:center;
	margin-top:15px;
	margin-bottom:15px;
	
}
.thankyou-message p{
	margin-bottom:40px;
	text-align:center;
	color:#0B6DCE;
	font:normal 16px Roboto,Verdana,Arial, sans-serif;
}
.thankyou-subscribe p {
	margin-top:10px;
	color:#0078BD;
	font:normal 12px 'Open Sans',Verdana,Arial, sans-serif;
}
.thankyou-message a {
	width:200px;
	display:block;
	margin:10px auto;
	margin-bottom:40px;
}

img.ty-dealerform{
	border-radius:4px;
	margin-left:-10px;
	margin-top:10px;
	margin-bottom:10px;
	border:8px solid #eee;
	border-left-width:10px;
	border-right-width:10px;
}
img.ty-contactus {
    margin:20px auto;
	padding:5px;
}
img.ty-enrolling {
    margin-left:50px;
	margin-top:-100px;
	padding:5px;
}
.followup-message {
	margin:0 auto;
	padding:15px 35px;

}
.followup-message p {
	font:normal 12px 'Open Sans',Verdana,Arial, sans-serif;
}
.followup-message a {
	color:#FF952B;
	font:normal 12px 'Open Sans',Verdana,Arial, sans-serif;
}
.followup-message em{
	font:italic 13px 'Open Sans',Verdana,Arial, sans-serif;
	color:#0078BD;	
}



  /* ////// CUSTOMERS ////////*/

#customer-slider {
    margin-top:40px;
}

#customer-homebuttons article {
    border:1px solid #c2dcf1 ;padding:20px;background-color:#ffffff;
}
        #customer-homebuttons article:hover {
       cursor:pointer !important;
    }
#customerwelcome-jumbotron p{
    width:80%;
    font-size:15px;
    font-weight:400;
    margin:20px auto;
}

  /* ~~~ Customer Login ~~~ */
  		.newPw_Un, span.newEnroll_link a {
            color:#0B6DCE;
            font-family: "proxima-nova",Roboto,Helvetica,Verdana,Arial,sans-serif !important;
            font-size:14px;		    
            text-decoration:underline;
            margin-top:0px;
            margin-bottom:10px;
		}
		.newPw_Un:hover, span.newEnroll_link a:hover {
			color:#00008b;
			text-decoration:underline;
			-webkit-transition:color .15s linear ;
			transition:color .15s linear ;
		}

    /* ~~~ HOME SLIDER ~~~ */
    /* 1. Online Bill Pay*/
  	.ctm-slide01 {
		background:url(../img/homeslide-02-02.png) no-repeat;
        width:100%;height:100%;background-size:cover;
		/*height:275px;
		width:610px;*/
		padding:0px 15px;
		
	}
    .ctm-slide01 h2{
		margin-top:40px;
        font-family:Roboto,Verdana,Arial, Helvetica,sans-serif;
        font-size:28px;
        text-align:center;
		color:#3b8adf;
	}
    .ctm-slide01 p{
        font-family:Roboto,Verdana,Arial, Helvetica,sans-serif;
        font-size:18px;
        font-weight:100;
		color:#424251;
        width:70%;
        margin:0 auto;
        text-align:center;
	}
    #slides .ctm-slide01 a{
        margin-top:10px;

	}
      /* 2. Paperless Billing*/
	.ctm-slide02 {
		background:url(../img/customerslide-04.png) no-repeat;
        width:100%;height:100%;background-size:cover;
		/*height:215px;
		width:610px;*/
		padding:0px 15px;		
	}
        .ctm-slide02 article {
        width:50%;
        float:right;
        display:block;
        }
    	.ctm-slide02 h2{
        font-size:20px;
		color:#3b8adf;      
        text-align:left;
        margin-top:60px;
        margin-bottom:0;      
	}
    	.ctm-slide02 p{
		font-family:Roboto,'Open Sans',Verdana,Arial, Helvetica,sans-serif;
        font-size:15px;
        font-weight:100;
        text-align:left;
        margin-top:10px;
		color:#424251;
	}

    /* 3.Automatic Payments*/
    .ctm-slide03 {
		background:url(../img/new-customers-slide_1920x560.png) no-repeat;
        width:100%;height:100%;background-size:cover;
		/*height:215px;
		width:610px;*/
		padding:0px 15px;		
	}
    .ctm-slide03 article {
        width:50%;
        float:right;
        display:block;
        }
    .ctm-slide03 h2{	
        font-family:Roboto,Verdana,Arial, Helvetica,sans-serif;
        font-size:20px;
		color:#3b8adf;
        text-align:left;
        margin-top:60px;
        margin-bottom:0; 
	}
    .ctm-slide03 p{
        font-family:Roboto,Verdana,Arial, Helvetica,sans-serif;
        font-size:13px;
		color:#424251;
        text-align:left;
        margin-top:10px;
	}
        #slides .ctm-slide03 a {
        margin-top:0px;
	}

      #slides .slidesjs-navigation {	
      margin-top:10px;
    }
    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(../img/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:10px;
      height:10px;
      overflow: visible;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -11px 0;
    }

    a:hover.slidesjs-next {
      background-position: -11px -11px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -11px;
    }

    a.slidesjs-play {
      width:10px;
      background-position: -22px 0;
    }

    a:hover.slidesjs-play {
      background-position: -22px -11px;
    }

    a.slidesjs-stop {
      width:10px;
      background-position: -33px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -33px -11px;
    }

    .slidesjs-pagination {
      margin: 7px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(../img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }


    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px;
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px;
    }

    #slides a:link,
    #slides a:visited {
      /*color: #333;*/
    }

    #slides a:hover,
    #slides a:active {
      /*color: #9e2020;*/
    }

 #slides {
      display: none;
    }


 /* ~~~ CUSTOMERS -- YOUR finance PARTNER ~~~ */

   /*accordion styles*/
    #financepartner-section {
        margin-bottom:40px;
    }
  
  /* 5. finance Parter Form Custom Styles*/
  		select#ddlVehiclePlan1.form-control.small-select , select#ddlVehiclePlan2.form-control.small-select{
			color:#777777;
            border-radius:4px;
            border:1px solid #dddddd;
			font-size:13px;
			font-family:'Roboto','Open Sans','Segoe UI', Arial, Verdana, sans-serif;
			width:47% !important;
			text-align:center;
			margin-bottom:8px;
            display:inline-block !important;
			}
         .financepartner-next-button{
			float:right;            
        }
        .financepartner-back-button {
        }
         .financepartner-finish-button {
             float:right;
        }
        .financepartner-next-button:hover {

        }
        .error-class {
                border: 1px solid #cc0000 !important;
        }
        .help-block {
            color: red;
        }
        /* 6. finance Partner Thank You Message */
        .financepartner-thankyou {

        }
        .financepartner-thankyou h4{
            color:#EB7600;
            font-size:30px;
			font-family:'Roboto','Open Sans','Segoe UI', Arial, Verdana, sans-serif;
            font-weight:700;
            text-align:center;
            margin-bottom:0px;
        }
        .financepartner-thankyou h5{
            color:#0078BD;
	        font-size:13px;
			font-family:'Roboto','Open Sans','Segoe UI', Arial, Verdana, sans-serif;
            font-weight:400;
            text-align:center;
            margin-top:5px;
        }
        /* ~~~ CUSTOMERS - FREQUENTLY ASKED QUESTIONS~~~ */
/*Nav - Active Customers Tab*/
.topnav-active {
    background-color: #E8F0F9;
    color: #2196f3 !important;
    font-weight: bold;
    border-bottom: 1px solid #E8F0F9;
}    .topnav-active:hover, .topnav-active:focus {
        color: #2196f3 !important;
    }
/*Scroll to Top Button*/
.scrolltop {
    display: none;
    z-index: 1000;
    width: 100%;
    margin: 0 auto;
    position: fixed;
    bottom: 0px;
    right: 0px;
}
.scroll {
    /*position: absolute;*/
    /*right: 0px;*/
    /*bottom: 0px;*/
    background: #0d438d;
    color: #ffffff;
    background: rgba(13,67,141,0.9);
    padding: 10px 20px;
    text-align: center;
    margin: 0 0 0 0;
    cursor: pointer;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}
    .scroll:hover {
        background: rgba(239,111,29,1.0);
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
    }


.scroll .fa-arrow-circle-up {
    font-size: 18px;
    color: #ffffff;
    margin-top: -5px;
    margin-left: 1px;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}
    .scroll:hover .fa-arrow-circle-up {
        padding-top: -10px;
    }

section#customerfaqs-thumbnails {
    padding-top: 40px;
}
 #customerfaqs-thumbnails div.thumbnail {
    border: none;
    box-shadow: 0 1px 4px rgba(5,5,73,0.3);
    height:140px;
 }
#customerfaqs-thumbnails div.thumbnail:hover {
    box-shadow: 1px 1px 4px rgba(5,5,73,0.4);
 }
#customerfaqs-thumbnails a:hover {
    text-decoration: none;
    font-weight: normal;
}
#customerfaqs-thumbnails h3 {
    font-size: 18px;
    font-weight: normal;
    color: #0d438d;
    padding-top: 15px;
}
    #customerfaqs-thumbnails h3:hover {
        font-weight: bold;
    }
    #customerfaqs-thumbnails h3 svg {
        color: #ef6f1d;
        font-size: 30px;
        padding-bottom: 5px;
        display: block;
        margin: 0 auto;
    }


        /* accordion styles */
        #customer-faqs h3.faqs-heading {
            font-size: 18px !important;
            font-weight: bold;
            color: #0d438d;
            display: block;
            border-bottom: 2px solid #0d438d;
            padding-bottom:8px;
            padding-top:75px;
        }
        #customer-faqs h5.faqs-subheading {
            font-size: 15px;
            font-weight: bold;
            color: #0d438d;
            display: block;
        }

        #customer-faqs .faqs-heading svg {
            color: #ef6f1d;
        }
        #customer-faqs .panel-default>.panel-heading, #financepartner-accordion .panel-default>.panel-heading {
            color: #0b6dce;
            background-color: transparent;
            border-color: #dddddd;
        }
        #customer-faqs .panel-heading, #financepartner-accordion .panel-heading {
            padding: 20px 30px 20px;
            height:auto;
            vertical-align:top !important;
            position:relative;
}
        #customer-faqs h4.panel-title, #financepartner-accordion h4.panel-title {
            font-size:16px !important;
            font-weight:normal;
            vertical-align:bottom !important;
        }
/*#customer-faqs h4.panel-title:hover {
    font-weight: bold;
}*/
        #customer-faqs h4.panel-title .fa-angle-down, #financepartner-accordion h4.panel-title .fa-angle-down {
            margin-left:10px;
            font-size:22px;
            display:block;
            float:right;
        }
        #customer-faqs .panel-body,  #financepartner-accordion .panel-body {
            padding:10px 30px 15px;
            font-size:16px;
            line-height:normal;
            color:#444444;
}
        #customer-faqs span, #financepartner-accordion span {
            display:inline-block !important;
            width:93%;
        }
#customer-faqs .panel-title > a:hover, #financepartner-accordion .panel-title > a:hover {
    text-decoration: none !important;
    color: #003f94 !important;
}
        #customer-faqs .panel-title>a:focus,#financepartner-accordion .panel-title>a:focus {
            text-decoration:none !important;
            border:none !important;
            color:#003f94 !important;
            outline: none !important;
            font-weight:bold;
        }
#customer-faqs .panel-title > a:active, #financepartner-accordion .panel-title > a:active {
    text-decoration: none !important;
    border: none !important;
    color: #003f94 !important;
    outline: none !important;
    font-weight: bold;
}

        #customer-faqs h4.panel-title a:not(.collapsed) .rotate-icon, #financepartner-accordion h4.panel-title a:not(.collapsed) .rotate-icon {
            transform: rotate(180deg);
            -ms-transform: rotate(180deg); /* IE 9 */
            -webkit-transform: rotate(180deg); /* Safari */
        } 

        /* ~~~ PAYMENT OPTIONS ~~~ */
.payoption-wrap {
    height:auto;
    max-height: 250px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;

}

#customer-payoptions-hidden {
  /*display: flex;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;*/
}
    #customer-payoptions-hidden .wrap {
        border:1px solid red;

    }

#customer-payoptions h5 {
    color:#0B6DCE;
    font-size:16px;
}
#customer-payoptions i.glyphicon-plus {
    font-size:11px;
}

#customer-payoptions .panel-body .fa-arrow-alt-circle-down{
    font-size:16px;
    transition: all .35s ease-in-out;
}

#customer-payoptions .panel-body a:not(.collapsed) .rotate-icon {
            transform: rotate(-180deg);
            -ms-transform: rotate(-180deg); /* IE 9 */
            -webkit-transform: rotate(-180deg); /* Safari */
 }


/* ~~~ CUSTOMERS -- NEW ACCOUNT ENROLLMENT ~~~*/
section#newCustomerEnrollment, section#forgotUsernameDetails, section#forgotPasswordDetails, section#customerInterview {
    width: 73%;
    margin: 0 auto;
}
     #CancelPushButton:hover {
        background-color:#eee;
    }
    #customer-loginform .regExpressionValidate,.NewPasswordRegularExpressionErrorMessage, #FailureText, .requiredValidate{
        color : red;
            font-size:14px;
            font-family:"proxima-nova",Roboto,Helvetica,Verdana,Arial,sans-serif;
    }
    #NewPasswordRegExp,#NewPasswordCompare,#lblMessage, #hurricaneMessage, #appDisclaimerMessage {
        font:bold 13px Roboto, arial, helvetica, sans-serif; color:#555555;
    }
    #RegularExpressionValidator3 .validPasswordtext {
        border:1px solid red;
    }
    .maskedInput::-ms-clear { display : none;}
    
    #PasswordRecovery1 {width:100%;}
    #forgotUsernameDetails, #forgotPasswordDetails {
      width:60%; margin:0 auto;
    }
    .alert-info {
    color:#8a6d3b !important;
    border-color:#faebcc !important;
    background-color:#fcf8e3 !important;
}
#newCustomerEnrollment .disabled {
    background-color:#dddddd;
}
/* ////// CUSTOMERS -- LOGGED IN /////// */
.customers-welcome-title {
    color:#414151;font-size:17px;font-family:'proxima-nova',Roboto,Helvetica,Verdana,Arial,sans-serif;
}
.totalChargesTable {
    width:100%;
}

.totalChargesTable td {
    color:#444444;
}
.totalChargesTable td.table-label {   
    font-size:16px;
}
.totalChargesTable td.table-field {
    float:right;
    font-size:16px;
    font-weight:bold;
    color:#006CC6;
}
.payoffQuoteTable {
    width:50%;
}
.payoffQuoteTable td {
    color:#444444;
    font-size:12px;
}
.payoffQuoteTable td.table-label {   
    font-size:16px;
}
.payoffQuoteTable td.table-field {
    float:right;
    font-size:16px;
    font-weight:bold;
    color:#006CC6;
}

.totalPayoffTable {
    width:100%;
}

.totalPayoffTable td.table-label {   
    font-size:16px;
}
.totalPayoffTable td.table-field {
    float:right;
    font-size:15px;
    font-weight:bold;
    color:#006CC6;
}

#accountSummary .totalChargesTable .fa-arrow-alt-circle-down {
    font-size:16px;
    transition: all .35s ease-in-out;
}
 #accountSummary .totalChargesTable a:not(.collapsed) .rotate-icon {
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg); /* IE 9 */
    -webkit-transform: rotate(-180deg); /* Safari */
        }


/* ~~~ customers-loggedin mysettings*/
table#ChangePassword1.changePassword {
    width:100%;
}
#changePassword .cancel-push-button {
    float:right;
}
#mySettings .boxwrap {
    padding-top:0px;
    padding-bottom:20px;
    padding-left:20px;
    padding-right:20px;
}
#mySettings .mySettings-contact,#mySettings .mySettings-password,#mySettings .mySettings-paperless,#mySettings .mySettings-textalerts {
    border-bottom:1px solid #dddddd;
    margin-bottom:10px;
}
#mySettings .contact-info, #updateProfile .contact-info {
    padding-top:0px;
}
#mySettings .control-label {
    margin-bottom:0 !important;
}
#mySettings h5 {
    color:#333333;
    font-size:17px;
}
#mySettings i.fa.fa-id-card-o{
    color:#006CC6;
}
#mySettings a {
    font-size:14px;
    text-decoration:underline;
}
#mySettings div.form-group, #contactForm div.form-group {
    margin-bottom:0 !important;
}
#mySettings .alert-container, #updateProfile .alert-container {margin-bottom:10px;
}

#updateProfile .alert-danger, #mySettings .alert-danger,#textToPay .alert-danger, #requestPayoffQuote .alert-danger, #changePassword .alert-danger {
    display:block;
    background:#f2dede;
    border:1px solid #ebccd1;
    color:#a94442;
}
#updateProfile .alert-success, #mySettings .alert-success, #customerInterview .alert-success {
    display: block;
    background: #dff0d8;
    border: 1px solid #d6e9c6;
    color: #3c763d;
}
#customerInterview .alert-warning {
    display: block;
    color: #8a6d3b !important;
    border-color: #faebcc !important;
    background-color: #fcf8e3 !important;
}
#customerInterview .alert-info {
    display: block;
    color: #31708f !important;
    border-color: #bce8f1 !important;
    background-color: #d9edf7 !important;
}
#btnPaperlessBillingON {  
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
}
#btnPaperlessBillingOFF {
   
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
}
#btnTextNotificationsON {
    
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
}
#btnTextNotificationsOFF {
    
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
}
.pb-button {	
    text-align:center;
    background-color:#ffffff;
    /*width:50px;
    padding:5px 10px;*/
    border:1px solid #2196f3;
    color:#2196f3;
    border:none;
    cursor:pointer;
}
.pb-button:hover {	
    background-color:#f6f6f6;
    color:#2196f3;
}

.pb-button-ON {
    text-align:center;
    background-color:#337ab7;
    border:1px solid #2e6da4;
    color:#ffffff;
    border:none;
    margin-right:0;
}
.pb-button-ON:hover {
    color:#ffffff;
}

div.enroll-info {
    margin:0 auto;
    margin-left:100px;
}
/*~~~~~~~ Customer Pop-Ups ~~~~~~~~~~~~~*/
.pb-intitial-PopUp, .pb-optin-PopUp, .pb-optout-PopUp, .text-optout-PopUp, .text-opt-in-PopUp, .pb-badEmail-PopU {
    text-align:center;
    margin-bottom:30px;
    font:normal 14px 'Segoe UI', 'Open Sans', sans-serif; color:#444444;
}

/*new Secure Messaging Center Pop-Up*/
article.modalNewSMC-PopUp {
    padding: 15px;
    line-height: normal !important;
}

.modalNewSMC-PopUp h3 {
    font-size: 26px;
}

.modalNewSMC-PopUp .lead {
    color: #0a1d45 !important;
}



/* secure messaging styling */
.alert-info-smc { color: #a94442 !important; background-color: #FCF8E3 !important; border:1px solid #FAEBCC !important; font-size: 14px !important; }
.alert-info-smc a { color: #a94442 !important; text-decoration: underline;  }

#GridView1 th.mobile, #GridView1 td.mobile {
    display: none;
}

/* Customer Feedback Pop-Up*/
.modalTakeSurvey-PopUp h3{
    font-size:30px;
}

.modalTakeSurvey-PopUp .modalTakeSurvey-yButton {
    background-color:#d43900 !important;
    color:#ffffff;
}

.modalTakeSurvey-PopUp {
    font:normal 14px 'Proxima Nova', 'Open Sans', sans-serif; color:#ffffff;
}

#modalTakeSurvey-PopUp-Terms p {
    font-size:14px;
}


    .modalTakeSurvey-PopUp .lead {
        color:#ffffff;
    }
    .modalTakeSurvey-PopUp article {
        padding:30px;
    }
    .modalTakeSurvey-PopUp img {
        padding:20px;
        margin:0 auto;
        width:87%;
    }

/*Paperless Billing Pop-Up*/

.pb-intitial-PopUp h3, .pb-optin-PopUp h3{
    font:100 24px 'Segoe UI', 'Open Sans', sans-serif; color:#8DAB32;
    margin:0;padding-bottom:5px;
}
.pb-optin-PopUp h4, .pb-optout-PopUp h4 {
    font:100 24px 'Segoe UI', 'Open Sans', sans-serif; color:#8DAB32;
    margin:0;padding-bottom:20px;
}
.text-optout-PopUp h4, .text-opt-in-PopUp h4{
    font:100 24px 'Segoe UI', 'Open Sans', sans-serif; color:#007FC0;
    margin:0;padding-bottom:20px;
}
 .pb-badEmail-PopUp h4{
    font:100 24px 'Segoe UI', 'Open Sans', sans-serif; color:#FF4D4D;
    display:block;
    background-color:#FFF5F5;
    border:1px solid #FFBFBF;
    margin-bottom:10px;padding:20px 0px;
}

.pb-intitial-PopUp p, .pb-optin-PopUp p, .pb-optout-PopUp p,.text-opt-in-PopUp p, .pb-badEmail-PopUp p{
    font:normal 15px 'Proxima Nova', 'Segoe UI', 'Open Sans', sans-serif; color:#444444;
    margin:0;padding-bottom:20px;   
}


.pb-intitial-PopUp .pb-yButton{
                width:210px;
                height:40px;
                display:inline-block;
                padding:3px 20px;
                margin-bottom:20px;
                color:#ffffff;
                border:1px solid #8EAB32;
                border-radius:4px;
                cursor:pointer;
                background: #99B837;
	            background: -o-linear-gradient(top, #BCCC4A,#8EAB32);
	 	        background: -webkit-linear-gradient(top,#BCCC4A, #8EAB32);
	            background: -ms-linear-gradient(top, #BCCC4A,#8EAB32);
 		        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BCCC4A) to(#8EAB32));
  		        background: -moz-linear-gradient(top, #BCCC4A,#8EAB32);        
		        font:normal 14px 'Segoe UI', 'Open Sans',Verdana,Arial, Helvetica,sans-serif;
                text-decoration:none;
                text-align:center;
}
.pb-intitial-PopUp .pb-nButton {
    font:normal 16px 'Segoe UI', 'Open Sans', sans-serif; color:#555555;
    text-decoration:underline;
    padding-left:20px;
}

.pb-optout-save, .pb-optin-save {
                width:210px;
                height:50px;
                padding:3px 20px;
                color:#ffffff;
                border:1px solid #8EAB32;
                border-radius:4px;
                cursor:pointer;      
		        font:normal 14px 'Segoe UI', 'Open Sans',Verdana,Arial, Helvetica,sans-serif;
                text-decoration:none;
                text-align:center;
                background: #99B837;
	            background: -o-linear-gradient(top, #BCCC4A,#8EAB32);
	 	        background: -webkit-linear-gradient(top,#BCCC4A, #8EAB32);
	            background: -ms-linear-gradient(top, #BCCC4A,#8EAB32);
 		        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BCCC4A) to(#8EAB32));
  		        background: -moz-linear-gradient(top, #BCCC4A,#8EAB32); 
}

    .pb-optout-save:hover, .pb-optin-save:hover {
        background:#99B837;
    }
.pb-optin-PopUp a{
    text-decoration:underline;
    color:#444444;
}

.pb-optin-save-disabled {
                width:210px;
                height:50px;
                padding:3px 20px;
                color:#cccccc;
                background-color:#f8f8f8;
                border:1px solid #dddddd;
                border-radius:4px;
                cursor:default;      
		        font:normal 14px 'Segoe UI', 'Open Sans',Verdana,Arial, Helvetica,sans-serif;
                text-decoration:none;
                text-align:center;
}

.text-optin-button,.pb-badEmail-button {
                width:210px;
                height:50px;
                padding:3px 20px;
                color:#ffffff;
                border:1px solid #8EAB32;
                vertical-align:middle;
                border-radius:4px;
                cursor:pointer;      
		        font:normal 14px 'Segoe UI', 'Open Sans',Verdana,Arial, Helvetica,sans-serif;
                text-decoration:none;
                text-align:center;
			    border:1px solid #E37A53;
			    background:#FF952B;			    
			    background: -webkit-linear-gradient(top,#FFBA5E,#FF662C);			   
			    background: -ms-linear-gradient(top,#FFBA5E,#FF662C);			    
			    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFBA5E), to(#FF662C));			    
			    background: -moz-linear-gradient(top, #FFBA5E, #FF662C);
			}

 .text-optout-save{
                width:210px;
                height:50px;
                padding:3px 20px;
                color:#ffffff;
                border:1px solid #8EAB32;
                border-radius:4px;
                cursor:pointer;      
		        font:normal 14px 'Segoe UI', 'Open Sans',Verdana,Arial, Helvetica,sans-serif;
                text-decoration:none;
                text-align:center;
			    border:1px solid #E37A53;
			    background:#FF952B;			    
			    background: -webkit-linear-gradient(top,#FFBA5E,#FF662C);			    
			    background: -ms-linear-gradient(top,#FFBA5E,#FF662C);			    
			    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFBA5E), to(#FF662C));			    
			    background: -moz-linear-gradient(top, #FFBA5E, #FF662C);
			}
.text-optout-save:hover, .text-optin-button:hover {background:#FF8B17;}



/*  500 ERROR */

#errorMessage  img{
    text-align:center;
    margin:0 auto;
}
#errorMessage p {
    font:normal 12px 'Open Sans',Verdana,Arial, Helvetica,sans-serif;
    color:#424251;
    margin:0 auto;
}
#errorMessage a {
    font-size:15px;
}
/*  SMS Policy Page */
#SMSPolicy{
        width:100%;
        margin:0 auto;
    }
.SMSPolicy{
    background-color:#ffffff;
}
    .SMS-wrapper{
        width:545px;
	    height:auto;
        margin:0 auto;
        padding:20px;
        border:1px solid #fff;
	    border-radius:4px;
	    background:#f8f8f8;
	    -moz-box-shadow:0 0 2px #AAAAAA;
	    -webkit-box-shadow:0 0 2px #AAAAAA;
	    box-shadow:0 0 2px #AAAAAA;
    }
/*  Web Accessibility Page */
    .web-accessibility {
                width:545px;
	    height:auto;
        margin:0 auto;
        padding:20px;
        border:1px solid #fff;
	    border-radius:4px;
	    background:#f8f8f8;
	    -moz-box-shadow:0 0 2px #AAAAAA;
	    -webkit-box-shadow:0 0 2px #AAAAAA;
	    box-shadow:0 0 2px #AAAAAA;
    }

h3.webaccess-text-title {
	display:block;	
    width:100%;
    margin:0 auto;
	padding-bottom:2px;
	font-size:16px !important;
	color:#444444;
}

/*  Privacy Policy Page */
ul.privacy-policy li {
     font-size:14px;
     color:#444444;
 }

dt.privacy-policy {
    font-size:16px;color:#0d438d;
}

.article-PrivacyPolicy p {
    font-size:14px;
}

article.article-PrivacyPolicy {
    padding-bottom:80px;
}

/* ///////  LIVE CHAT ///////*/

#dlr-icon, #cstm-icon {
    display:block;
    margin-left:0px;
    font:bold 14px 'Open Sans',arial, sans-serif;
    color:#114C87;
}
a#cstm-icon {
    margin-top:15px;
}
 a#dlr-icon, a#cstm-icon {
        margin:0 auto !important;
    }
#livechat {
	position: fixed;
	right: 0;
	bottom: 0;
	height: 250px;
	margin-left: -3px;
	margin-bottom: -3px;
}
a#dlr-icon {
    padding-left:0;
    margin-left:0;
 }
#LP_DIV_UAC_Funding {
    display:block;
    width:191px; height:36px;
    margin-top:3px;
    margin-bottom:3px;
 }


#livechat-form,#liveChat-alert {
	float: left;
	width: 300px;
	height: 100%;
	z-index: 1000;
	padding-left: 5px;
	padding-right: 10px;
	background-clip: 'padding-box';
    background-color:#ffffff;
	border: 1px solid rgba(0,0,0,.2);
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

#livechat-tab {
    float: left;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    text-align: center;
    width: 135px;
    height: 45px;
    background-color: rgba(12,16,43,0.8);
    margin-top: 80px;
    margin-right: -45px;
    padding: 10px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

#livechat-tab:hover,#livechat-tab:active,#livechat-tab:focus {
	background-color: #0C102B;
}

#livechat-form textarea {
	resize: none;
}
a#hide-liveChat-alert {
    display: block;
    width: 100%;
    height: 20px;
    float: right;
    margin-top: -7px;
    margin-right:-15px;
    font: normal 12px 'arial', sans-serif;
    text-decoration: none;
    color: #005DB6;
    background: url(../img/close-link.png) top right no-repeat;
}



/*SITEMAP */
#siteMap-section {
    padding-top:20px;
}
#siteMap-section .sitemap-list {
    font-size:15px !important;
    color:#444444;
    line-height:2em;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:20px;
}
#siteMap-section li.list-heading{
    font-size:18px;
    font-weight:bold;
    color:#0d438d;
    display:block;
    border-bottom:2px solid #0d438d;
}
    #siteMap-section li.sub-list-heading {
        font-size:15px;font-weight:bold;color:#0d438d;display:block;margin-top:5px;
    }
#siteMap-section li.list-heading svg {
        color:#ef6f1d;
}

#siteMap-section a{
        font-size:16px;
    color:#0070c0;
    text-decoration:#99c4e8 dotted underline;
}
#siteMap-section a:hover{
    text-decoration:#0B6DCE solid underline;
}

#siteMap-section .fa-external-link-alt {
    font-size:10px;
}
#siteMap-section .fa-angle-double-right {
    font-size:10px;
    color:#0B6DCE;
}

.transButtonLinkText {
    background-color: transparent;
    border: none;
    cursor: pointer;
    text-decoration: none;
    padding: 0px;
    color: #2196f3;
    font-size: 14px;
    font-weight: bold;
}

.transButtonDisabledText {
    background-color: transparent;
    border: none;
    cursor: default;
    text-decoration: none;
    padding: 0px;
    color: #CCCCCC;
    font-size: 14px;
    box-shadow: none;
}

.footerHeader {
    font-size: 14px;
    margin-bottom: 4px;
}

.footerOption {
    background-color: transparent;
    border: none;
    cursor: pointer;
    text-decoration: none;
    padding: 0px;
    color: #CCCCCC;
    font-size: 14px;
}

.modJumbotron {
    background-color: #E9ECEF;
}

.fill {
    min-height: 100%;
}

.inactiveProgressBar {
    height: 10px;
    background-image: url(../img/Progress-bar-inactive.png);
    background-repeat: repeat-x;
    background-position: center;
    background-color: transparent;
    border: none;
    width: 24%;
    margin: auto;
}

.activeProgressBar {
    height: 10px;
    background-image: url(../img/Progress-bar-active.png);
    background-repeat: repeat-x;
    background-position: center;
    background-color: transparent;
    border: none;
    width: 24%;
    margin: auto;
}

.successProgressBar {
    height: 10px;
    background-image: url(../img/Progress-bar-success.png);
    background-repeat: repeat-x;
    background-position: center;
    background-color: transparent;
    border: none;
    width: 24%;
    margin: auto;
}

input[type="submit" i]:disabled:not(.transButtonDisabledText, .transButtonLinkText) {
    color: #777777;
    background-color: #ffffff;
    border-color: transparent;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
}