/*
* file:/css/site/common_cms.css
* CMS Skin styling
*/
body{
    margin:0;
    background: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #4f4f4f;
}
body > img{
    display: none;
}
body > div{
    max-width: 1400px;
    margin: 0 auto;
}

.cms-skin{
    font-family: Arial,Helvetica,sans-serif;
    font-size:16px;
}
.cms-skin #address-footer {
    display: inline;
}
.cms-skin #address-footer:hover {
    color: #244d78;
}
.cms-skin #address-footer:focus {
    outline: 1px dashed #0b6d94;
}

#tablet-mobile-menu .gl-mobile-menu-footer .title {
	margin-top: 20px;
	color: inherit;
	font-size: 16px;
	font-weight: 700;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	padding: 10px 15px 0 15px;
}
@media (max-width: 768px){
    .cms-skin .gl-footer .container{
        width:100%;
    }
	.gl-contact-wrap .gl-contactopt.call_info .footer-paragraph {
        margin: 7px 0 0 0;
    }

    #webpush-container {
        width: 100%;
    }

    #block-webpush button {
        margin-top: 10px;
    }

    #block-webpush button #push-no-thanks {
        margin-left: -91px;
    }
    .email-address-subheading {
        width: unset;
    }
}
@media (min-width: 768px){
    .cms-skin .container {
        width: 750px;
    }
    /* Text */
    .text-lg-left,
    .text-sm-left{
        text-align: left;
    }
    .cms-skin .gl-footer .gl-collapse-foot{
        display: block;
        height:auto;
    }
}
@media (min-width: 992px){
    .cms-skin .container {
        width: 970px;
    }
	.gl-contact-wrap .gl-contactopt.call_info div {
        display: inline;
    }
    .gl-contact-wrap .gl-contactopt.call_info div .footer_phone_call {
        display: inline-block;
        margin-top: 5px;
        margin-bottom: 10px;
    }
}
@media (min-width: 1200px){
    .cms-skin .container {
        width: 1170px;
    }
}
#gl-logo{
    padding-bottom:2px;
}
#gl-logo .print-logo{
    display:none;
}


/* Validation Messaging */
#error_check {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #FA035B;
    background: #fff;
    padding: 20px 20px 10px;
}
#error_messages b, #error_check dt {
    color: #FA035B;
    text-shadow: 0 1px rgba(255,255,255,0.85);
    margin-bottom: 20px;
}

/* Validation Highlighting */
.cms-skin .validation input[type="text"],
.cms-skin .validation input[type="password"],
.cms-skin .validation .select{
    background: #fef2f2;
    border-color: #fa035b;
    color: #555;
}
.cms-skin .gl-content .gl-form .field-wrapper .error {
    width:100%;
}

/* Form */
.cms-skin .gl-content .gl-form.form-data .field-wrapper {
    margin-bottom: 0;
}
.cms-skin .row.has-label .field-wrapper{
    margin-top:0;
}
.field-wrapper .checkbox input[type="checkbox"]{
    border-radius:0;
    margin:0;
    padding:0;
    border:0;
}

/* Placeholders */
.gl-content ::-webkit-input-placeholder {
    color: #8a888a !important;
    opacity: 1 !important;
}
.gl-content ::-moz-placeholder {
    color: #8a888a !important;
    opacity: 1 !important;
}
.gl-content :-ms-input-placeholder {
    color: #8a888a !important;
    opacity: 1;
}
.cms-skin .gl-content .gl-form .select,
.cms-skin .gl-login-write-review .login-form .input-wrapper{
    margin:12px 0;
}
.cms-skin .gl-content .password-strength {
    margin-bottom:8px;
}
.cms-skin .gl-content .gl-form .field-alt-link{
    position:relative;
    top:-8px;
}
.gl-content .gl-form .select{
    position: relative;
    display: inline-block;
    width: 100%;
}
@media screen and (min-width: 768px) {
    .cms-skin .gl-content .gl-form .insured-birth-date-fields .field-wrapper{
        padding-right:5px;
    }
    .cms-skin .gl-content .gl-form .insured-birth-date-fields .field-wrapper:last-child{
        padding-right:15px;
    }
}
#LegalAuthorization-error{
    font-size:13px;
    position: unset;
}

#reset-password-form .pwd-option-wrapper .help-text-btn{
    position:relative;
    top:-2px;
}
.cms-skin .gl-search input {
    font-size: 14px;
    font-weight: bold;
    width: 170px;
}
.cms-skin input::-webkit-input-placeholder {
   color: #d2d2d2;
   font-weight:bold;
}
.cms-skin input:-moz-placeholder { /* Firefox 18- */
   color: #d2d2d2;
   font-weight:bold;
}
.cms-skin input::-moz-placeholder {  /* Firefox 19+ */
   color: #d2d2d2;
   font-weight:bold;
}
.cms-skin input:-ms-input-placeholder {  
   color: #d2d2d2;
   font-weight:bold;
}
.cms-skin .eservice-login-form input{
    font-weight:bold;
}
.cms-skin .eservice-login-form input::-webkit-input-placeholder {
   color: #90949d;
}
.cms-skin .eservice-login-form input:-moz-placeholder { /* Firefox 18- */
   color: #90949d;
}
.cms-skin .eservice-login-form input::-moz-placeholder {  /* Firefox 19+ */
   color: #90949d;
}
.cms-skin .eservice-login-form input:-ms-input-placeholder {  
   color: #90949d;
}

/* Buttons */
.cms-skin .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.cms-skin .btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.cms-skin .gl-button {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border: none;
    padding: 10px 25px;
    border-radius: 18px;
    box-shadow: 0 2px 2px rgba(52,38,21,0.35);
    text-shadow:none;
}
.cms-skin .gl-button.disabled,
.cms-skin .gl-button[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.7;
}
.cms-skin .gl-button.loading {
    position: relative;
    cursor: initial;
}
.cms-skin .gl-button.loading::after {
    content: '';
    position: absolute;
    right: 14px;
    top: 50%;
    margin: -10px 0 0 0;
    width: 19px;
    height: 19px;
    background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' class='lds-rolling'%3E%3Ccircle cx='50' cy='50' fill='none' stroke='%23ffffff' stroke-width='10' r='35' stroke-dasharray='164.93361431346415 56.97787143782138' transform='rotate%28222 50 50%29'%3E%3CanimateTransform attributeName='transform' type='rotate' calcMode='linear' values='0 50 50;360 50 50' keyTimes='0;1' dur='1s' begin='0s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/circle%3E%3C/svg%3E");
    box-sizing: inherit;
}
.cms-skin .gl-orange, .cms-skin .btn-orange {
    color: #ffffff;
    background-color: #fd9917;
    border-color: #fd9917;
}
.cms-skin .gl-orange:hover, .cms-skin .btn-orange:hover {
    color: #ffffff;
    background-color: #fa8100;
    border-color: #fa8100;
}
.cms-skin .gl-button-no-shadow {
    box-shadow: none;
    height: 40px;
    line-height: 1.4;
    padding: 10px 15px;
}

/* Navigation */
#mobile-top-nav ul{
    margin-bottom:0;
}
#mobile-top-nav li{
    line-height: 50px;
}
#mobile-top-nav li a{
    line-height: inherit;
}
#mobile-top-nav .divider{
    box-sizing:content-box;
}

/* Mobile Menu */
/* expand top level click/hover area to fill box */
.gl-tablet-mobile-menu .top-level-link a {
    display:block;
}
.gl-tablet-mobile-menu .top-level-link a:hover, 
.gl-tablet-mobile-menu .top-level-link a:focus, 
.gl-tablet-mobile-menu .top-level-link a:active {
    color: #244D78 !important;
}

/* Footer */
.cms-skin a{
    color: #0F79A2;
}

.cms-skin a:hover,
.cms-skin a:focus,
.cms-skin a:active {
    color: #244D78;
    text-decoration: underline !important;
}

.cms-skin a:focus {
    outline: 1px dashed #0b6d94 !important;
    outline-offset: 2px;
}

/** dropdowns nav bar**/
.cms-skin .main-nav a:hover,
.cms-skin .main-nav a:focus,
.cms-skin .main-nav a:active {
    color: #FFFFFF !important;
    text-decoration: underline !important;
}

.cms-skin .leaf a:hover,
.cms-skin .leaf a:active,
.cms-skin .leaf a:focus {
    color: #244D78 !important;
}

.gl-footer .gl-fs-title {
    font-size: 16px !important;
}

.cms-skin.desktop{
    min-width: 1016px;
}


/* Header */
.column-header{
    padding-left: 8px !important;
    color: #4F4F4F !important;
    pointer-events: all;
    &:hover {
        cursor: default;
    }
}

.last-menu-li {
    margin-bottom: 50px !important;
}
.last-menu-item {
    position: absolute;
    bottom: 5px;
    margin-left: 20px;
    border-top: 1px solid #afafaf;
    a {
        position: relative;
        left: -20px;
    }
}

.inner-menu {
    li {
        a {
            margin-bottom: 1px;
            padding-left: 46px;
            &:hover {
                background: lightgrey;
            }
        }
    }
}

.inner-menu2 {
    li {
        a {
            margin-bottom: 1px;
            &:hover {
                background: lightgrey;
            }
        }
    }
}

@media (max-width:1199px) {
    .last-menu-item{
        margin-left: 0;
        padding-left: 0 !important;
        a{
            left: 0;
        }
    }
    .cms-skin .gl-topmenu-wrap #gl-logo a{
        width: 150px;
    }
}

.cms-skin.desktop .container {
        width: 1170px;
    }
.cms-skin.desktop .navbar-right {
    float: right !important;
}
.cms-skin.desktop .hidden-mobile {
    display: block;
}
.cms-skin .gl-topmenu-wrap .navbar.navbar-right.hidden-mobile {
    margin-top: 0px;
}
@media screen and (max-width: 991px){
    .cms-skin.desktop .gl-topmenu-wrap{
        padding-top: 18px;
        position: static;
        border: none;
    }
    .cms-skin.desktop li.gl-desktop {
        display: list-item !important;
    }
    .cms-skin.desktop .gl-topmenu-wrap #gl-logo a {
        width: 255px;
        height: 71px;
    }
    .cms-skin.desktop #gl-logo {
        margin-top: 0px;
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    .gl-contact-wrap .gl-contactopt.call_info {
        display: flex;
    }
    .gl-contact-wrap .gl-contactopt.call_info div {
        display: flex;
        flex-direction: column;
        padding-top: 3px;
    }
    .gl-contact-wrap .gl-contactopt.call_info .footer_phone_call {
        padding-bottom: 10px;
    }
    .gl-contact-wrap .gl-contactopt.call_info .footer-paragraph {
        margin: 0 0 10px 0;
    }
	.cms-skin .gl-footer .gl-fs-email form .form-actions {
		display: block;
		margin-left: 0;
	}
}

.card-icon svg {
    margin-right: 6px;
}

#pay-bill-login div {
    display: flex;
    align-items: center;
}
#pay-bill-login img {
    height:24px;
    width:24px;
}
#pay-bill-login a {
    padding-left: 10px;
}
#footer-phone {
    padding-bottom:2px;
}

.cms-skin .shadow-wrapper {
    position: absolute;
    z-index:500;
    width: 100%;
    height:100%;
    background:#000;
    opacity:0.5;
}
.disable-scrolling .cms-skin .gl-topmenu-wrap {
    border:none;
}
@media (max-width: 768px){
    .disable-scrolling .cms-skin .gl-topmenu-wrap {
        height:70px;
    }
}
.cms-skin .form-data input[type="text"],
.cms-skin .gl-content .gl-form input,
.cms-skin .form-data .select, 
.cms-skin .form-data .select .selected-value,
.cms-skin legend,
#password-requirements {
    border-color: #747474;
}
.cms-skin .btn-orange {
    background-color: #E67618;
    border-color: #E67618;
}
.cms-skin .eservice-login-form .fa-eye-slash, .cms-skin .eservice-login-form .fa-eye {
    top:-5px !important;
    height:33px !important;
    border:none;
}
.cms-skin .eservice-login-form .fa-eye-slash:focus {
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px rgba(42,137,195,0.9);
}
.cms-skin .eservice-login-form .fa-eye:focus {
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px rgba(42,137,195,0.9);
}
.input-identifier .field-name{
    font-weight: bold;
}
.input-identifier p {
    margin:0;
}
.input-identifier .required-text {
    padding-left: 5px;
    font-size: .9em;
    color: #333;
    opacity: .75;
    white-space: nowrap;
    font-size: 14px;
}
.input-identifier {
    letter-spacing: .3px;
    display: flex;
    flex-direction: row;
}

.gl-fs-data li a{
    color: #244d78 !important;
}