/** { transition: all .2s ease; }*/
body { font-family: azo-sans-web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; background-color: #FFF; padding: 0 !important; font-size: 1.0rem; font-weight: 400; line-height: 1.5; letter-spacing: 0.02em; color: #333333; }
img { max-width: 100%; height: auto !important; }
a { color: #000; }
a:hover { text-decoration: none; }
.body-inner { overflow: hidden; }
.valign { vertical-align:middle }
.center-element { display: block !important; margin: 0 auto !important; }
.main-body {margin-top:40px;}
.no-gutters {margin:0 !important; padding:0 !important;}

/***** FONT SETTINGS 
*********************************************************/
h1, h2, h3, h4, h5, h6 {
    font-family: rift-soft, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-weight: 400;
    color: #46A6DE;
}
.body-text-sm { font-size: .90rem; font-weight: 400; line-height: 1.5; letter-spacing: 0.02em; color: #333333; font-family: azo-sans-web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; }
.profile-option-card-icon { font-size:2em; color:#707070; padding:15px; margin-top:5px; margin-bottom:10px; border:solid 4px #707070; border-radius:50%; }
.profile-option-card-icon-address { padding:15px 13px; }
.profile-option-card-icon-contact { padding:15px 18px; }
.quicklinks { line-height:16px; }
.quicklinks:hover { text-decoration:underline !important; }

/***** IMAGE SETTINGS 
*********************************************************/
.sitelogo { width: 50px; margin-bottom: 20px; }
.quicklinks img { vertical-align:middle; margin-right: 5px; }

/***** AGBAR SETTINGS
*********************************************************/
.AGBarWrapper {
    background-color: #000;
    color: #fff;
    width: 100%;
    padding: 10px 10px 2px 10px;
    font-family: rift-soft, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    position: fixed;
    display: block;
    z-index: 1000;
}
.AGBarWrapper a { color: #ccc; font-weight: 300; text-transform: uppercase; font-size: 17px; }
.AGBarWrapper a:hover { text-decoration: none; color: #fff; }

.AGBarMenuLogo { width: 32px; height: auto; padding-right: 6px; margin-top: -4px; display: inline; }
.AGBarWrapperTitle { width: auto; float: left; }
.AGBarWrapperTitle a { color: #fff; font-size: 20px; font-weight: 500; letter-spacing:.05rem;}
.AGBarWrapperTitle a:hover { color: #ccc; }

.AGBarMenu { width: auto; float: right; position:relative; }
.AGBarMenu ul { list-style: none; text-align: right; padding: 0; margin-bottom: 10px; }
.AGBarMenu li { display: inline-block; margin: 0px 10px 0px 10px; }

.AGBarLinksMenu { width: auto; float: left; margin-right:10px; height:30px; line-height:30px; }
.AGBarLinksMenuButton { position:relative; padding:8px; }
.AGBarLinksMenuInnerButton { position:relative; padding:8px 8px 8px 15px; }
.AGBarLinksMenuDropdown { top: -43px !important; left: -15px !important; background: #fff !important; padding:8px 8px 40px 8px !important; width:350px; box-shadow: 0 5px 5px #ccc; }
.AGBarLinksMenuDropdown a { color:#353232 !important; font-weight:normal !important; }
.AGBarLinksMenuItemRow { padding:10px; margin:0px !important; }
.AGBarLinksMenuItem { padding:12px !important; box-sizing: border-box; border: 1px solid transparent; user-select: none; }
.AGBarLinksMenuItem i { margin-right:15px; color:#46A6DE; }
.AGBarLinksMenuItem a { font-family: azo-sans-web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size:14px !important; text-transform:uppercase !important; }
.AGBarLinksMenuItem:hover { box-shadow: 2px 4px 8px 4px #ededed; }
.AGBarLinksMenuHeading { font-size: 22px !important; margin: 30px 0px 10px 0px; }
.AGBarLinksMenuRow { margin: 0px 15px; }
.AGBarLinksMenuSocialRow { margin-top:15px;}

.clearAll {
    clear: both;
}

@media (max-width: 660px) {
    .AGBarWrapperTitle {  }
    .AGBarMenu { width: 100%; float: none; }
    .AGBarMenu ul { list-style: none; text-align: center; }
    .AGBarMenu li { margin: 0px 6px 0px 6px; }
}

/***** MENU SETTINGS
*********************************************************/
.menu-button-text { font-size: 1.5rem; font-weight: 400; color: #46A6DE; font-family: rift-soft, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; }
.menubutton { width:100%; margin-bottom:20px; border:solid 2px #46A6DE; }
.navbar { background: #FFF; padding: .1rem 2rem; border-bottom: 2px solid #e7e7e7; -ms-flex: 1 1 auto; flex: 1 1 auto; display: block; font-size: 1.5rem; color: #353232; font-weight: 500; line-height: 1.05; letter-spacing: 0.02em; font-family: rift-soft, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; }
.navbar a { color: #000; }
.navbar a:hover { color: #46A6DE; }

.nav-link { padding: 1.5rem 5rem !important; text-transform: uppercase; background: #FFF;  border-left: 2px solid #e7e7e7; }

.dropdown-item { font-size: .9rem; padding: 5px; }
.dropdown-item:hover { background: #2695D7; color: #fff !important; }
.dropdown-item:focus { background: #2695D7; }
.dropdown-menu { background: #46A6DE; border: none; border-radius: 0; padding: 0; }
.dropdown-menu-white { background: #ffffff; }
.dropdownIcon { color: #46A6DE; font-size: 26px; }
.navbar-brand { color: #46A6DE !important; font-weight: bold; display: none; }
.navbar-brand:hover { color: #fff !important; }

.sidemenunav { -ms-flex: 1 1 auto; flex: 1 1 auto; display: block;  }
.sidemenu { width: 100%; margin: 25px 0px 25px 0px;}
div.sidemenu ul { width: 100%; list-style: none; text-align: center; padding-inline-start: 0px;}
div.sidemenu ul li { width:100%; text-align:left; padding-left:15px; border-radius:0px 25px 25px 0px; font-size: 1.5rem; color: #353232; font-weight: 500; line-height: 1.75; letter-spacing: 0.02em; font-family: rift-soft, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; }
div.sidemenu ul li:hover { background-color:#46A6DE; color:#ffffff !important; }
div.sidemenu ul li a { display:block; }
div.sidemenu ul li a:hover, div.sidemenu ul li a:focus { color:#ffffff !important; }

/***** LOGIN SETTINGS
*********************************************************/
#login-content { max-width: 90%; margin: 60px auto; padding: 2.75rem; width: 23.4375rem; margin-right: auto; margin-left: auto; background-color: #fff; box-shadow: 0 10px 20px rgba(0,0,0,0.26); z-index: 1; position: relative;}
.login-button { font-size: 14px; font-weight: 600; text-transform: uppercase; padding: 20.5px 5px; color: #fff; background-color: #5BC2E7; letter-spacing: 1px; line-height: 1; cursor: pointer; display: inline-block; border-radius: 5px; transition: all 0.3s; text-decoration: none; text-align: center; width: 100%; margin: 10px auto; }
.login-button-small { color: #000; background-color: transparent; border: 2px solid #000; padding: 16px; width: auto; margin: 0px auto; transition-duration: 0.3s; }
.login-button-small:hover { background-color: #000 !important; color:#fff !important; }
.login-grey { background-color: #707070; }
.loginlogo { width: 60%; max-width: 300px; margin: 15px auto; }
.loginimg { width: 100%; margin: 15px auto 30px; }
ul.form-checks { list-style-type: none; position: relative; padding:0; margin-top:15px; }
.forgot-password { margin-top:15px; text-align:right; }
.username { color: #fff; position: relative; font-weight: 700; padding: 2px 10px; border: 1px solid #46A6DE; letter-spacing: .05rem; }
.username:hover { color: #FFF;}
.username i { position: relative; left: -3px; }

.userprofile_button { position: relative; padding: 8px; color: #fff !important; background: #46A6DE; border-left: 0px solid #2695D7; }
.userprofile_button:hover { background: #2695D7; }

/***** MISC LAYOUT/FONT SETTINGS
*********************************************************/
.body-inner { position: relative; background-color: #f0f0f0; overflow: hidden; }
.sectionbanner h1 { text-transform:uppercase; text-align:center; margin:25px 10px;  }
#content { background: #fff; padding: 30px; margin: 20px auto; box-shadow: 0px 5px 10px #aaaaaa; border-radius: 3px; border-top: 3px solid #e7e7e7; }
#account_overview { width:100%; }
ul.no-bullet-list { list-style-type: none !important; }
.warning-color { color: #DC143C; }

.gradient_background {
    background: rgb(17,81,119);
    background: -moz-linear-gradient(180deg, rgba(17,81,119,1) 0%, rgba(55,181,255,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(17,81,119,1) 0%, rgba(55,181,255,1) 100%);
    background: linear-gradient(180deg, rgba(17,81,119,1) 0%, rgba(55,181,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#115177",endColorstr="#37b5ff",GradientType=1);
}

/***** BUTTON SETTINGS
*********************************************************/
.btn-primary {
    font-size: 1.4rem;
    font-family: rift-soft, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    background-color: #46A6DE;
    text-transform: uppercase;
    border: 2px solid #46A6DE;
    border-radius: unset;
}
.btn-primary:hover { background-color: #FFF; text-transform: uppercase; border: 2px solid #46A6DE; border-radius: unset; color: #46A6DE; }
.social-button {
    width: calc(2.25em) !important;
    height: calc(2.25em) !important;
    text-align: center;
    font-size: 1rem;
    border: solid 3px #ffffff;
    color: #ffffff;
    border-radius: 50%;
    background-color: transparent;
    margin: 0px 10px;
    color: #ffffff !important;
    font-size: 17px !important;
}
.social-button:hover            { background-color:#ffffff; color:transparent; }
.social-button:hover .fab       { color:#333333; }
.social-button-blue             { border: solid 3px #2b95d3; background-color:transparent; }
.social-button-blue .fab        { color:#2b95d3; }
.social-button-blue:hover       { background-color:#2b95d3; }
.social-button-blue:hover .fab  { color:#ffffff; }

/***** ALERT SETTINGS
*********************************************************/
.alert {
}
.alert h3 { font-weight: 700; }
.alert-primary h3 { color: #004085 !important; }
.alert-secondary h3 { color: #383d41 !important; }
.alert-success h3 { color: #155724 !important; }
.alert-danger h3 { color: #721c24 !important; }
.alert-warning h3 { color: #856404 !important; }
.alert-info h3 { color: #0c5460 !important; }
.alert-light h3 { color: #818182 !important; }
.alert-dark h3 { color: #1b1e21 !important; }

/***** FORM SETTINGS
*********************************************************/
.login-form input {background-color:#ffffff !important;}
.form-label { font-weight:700; font-size:.7rem; text-transform:uppercase;  }
.form-checks__text { font-size: .9rem; position: relative; top: -2px; letter-spacing: unset; }
.form-xs .form-control { padding-top: 0.039rem; padding-bottom: 0.039rem; font-size: 0.667rem; border-width: 1px; }

@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .form-xs .form-control { height: 1.69rem; }
}
.form-xs select.form-control:not([multiple]) { height: 1.69rem; }
.form-sm .form-control { padding-top: 0.088rem; padding-bottom: 0.088rem; font-size: 0.667rem; border-width: 2px; }

@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .form-sm .form-control { height: 1.899rem; }
}

.form-sm select.form-control:not([multiple]) { height: 1.899rem; }
.form-lg .form-control { padding-top: 0.296rem; padding-bottom: 0.296rem; font-size: 1.5rem; border-width: 4px; }
.form-lg select.form-control:not([multiple]) { height: 4.411rem; }
.form-darken .form-control,
.form-darken .form-control-static { background-color: rgba(53, 50, 50, 0.05); border-color: transparent; }

.form-inline .form-group,
.form-inline .checkbox,
.form-inline .radio { display: inline-block; vertical-align: baseline; }
.form-inline textarea.form-control { min-height: 0; min-height: initial; }

.form-group { margin-bottom: 0; padding-left: 0;}
.form-group + .form-group { margin-top: 1rem; }

.row > .form-group { margin-top: 1rem; }

.form-control,
.form-control-static {
    padding: 12px 14px;
    font-size: 16px;
    border-radius: 5px;
    border-color: #B5B5B5;
    border-style: solid;
    border-width: 1px;
    background-color:#ffffff !important;
    font-family: "freight-sans-pro",sans-serif;
    min-height: 48px;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
}
.form-control:focus,
.form-control-static:focus { box-shadow: none; border-color: #006D8F; }
.form-control[readonly], .form-control[disabled],
.form-control-static[readonly],
.form-control-static[disabled] { color: gray; background-color: #f0f0f0 !important; border-color: #bfbfbf; cursor:not-allowed }
.form-control.has-success,
.form-control-static.has-success { border-color: #1FDA9A; }
.form-control.has-warning,
.form-control-static.has-warning { border-color: #E8B71A; }
.form-control.has-error,
.form-control-static.has-error { border-color: #B61F2B; }

.fsField { line-height: normal !important; }

@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .form-control,
    .form-control-static { height: 2.979rem; }
}

.input-group { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; }
.input-group .form-control { display: block; width: auto; -ms-flex: 1 1 auto; flex: 1 1 auto; }
.input-group .input-group-addon { -ms-flex: 0 0 auto; flex: 0 0 auto; }
.input-group .input-group-addon:last-child { border-left-width: 3px; border-left-style: solid; }
.form-xs .input-group .input-group-addon:last-child { border-left-width: 1px; border-left-style: solid; }
.form-sm .input-group .input-group-addon:last-child { border-left-width: 2px; border-left-style: solid; }
.form-lg .input-group .input-group-addon:last-child { border-left-width: 4px; border-left-style: solid; }

@media (max-width: 635px) {
    .input-group .input-group-addon.form-btn { -ms-flex-preferred-size: 100%; flex-basis: 100%; }
}

.form-control-static { padding-left: 0; padding-right: 0; background-color: transparent; border-color: transparent; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

select.form-control { height: 2.979rem; cursor: pointer; padding-right: 1.5rem; background-image: url("data:image/svg+xml;encoding=utf-8,%3Csvg viewBox='0 0 9 8' preserveAspectRatio='xMaxYMax' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M4.5 8 L0 0 H9 L4.5 8z' fill='%23CED1D4'/%3E%3C/svg%3E"); background-position: right 0.667rem top 50%; background-repeat: no-repeat; background-size: auto 10px; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select.form-control[multiple] { height: auto; padding: 0; background-image: none; }
select.form-control[multiple]:focus { background-image: none; }
select.form-control[multiple] option { padding: 0.296rem 0.667rem; }
select.form-control:focus { background-image: url("data:image/svg+xml;encoding=utf-8,%3Csvg viewBox='0 0 9 8' preserveAspectRatio='xMaxYMax' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M4.5 8 L0 0 H9 L4.5 8z' fill='%23006D8F'/%3E%3C/svg%3E"); }
select.form-control::-ms-expand { display: none; }

textarea.form-control { min-height: calc(7.5em + 1.521rem); line-height: 1.5; padding-top: 0.573rem; padding-bottom: 0.573rem; }

/***** HOME RESOURCE LIST SETTINGS
*********************************************************/
.HomeResourceList .AGRLResItem { text-align: center; margin-bottom: 20px;  }
.HomeResourceList .AGRLResItemInner { border: solid 1px #e7e7e7; padding: 4px; background: #fff; }
.HomeResourceList .AGRLResItemInner:hover { border-bottom: solid 8px #e7e7e7; margin-top: -8px; }
.HomeResourceList .AGRLResImg { margin-bottom: 10px; }
.HomeResourceList .AGRLResIcon { font-size: 2rem; }
.HomeResourceList .AGRLResLink { margin-bottom: 40px; margin-top: 40px; }
.HomeResourceList .AGRLResLink a { padding: 10px 30px; text-transform: uppercase; font-weight: 900; color: #e7e7e7; border: solid 2px #e7e7e7; }
.HomeResourceList .AGRLResLink a:hover { background-color: #e7e7e7; color: #fff; }
.HomeResourceList .AGRLResTitle h3 { font-size:1.5rem; text-transform:uppercase; font-weight:400; }

/***** PROFILE SETTINGS
*********************************************************/
.top-profile-bar { margin:0px 0px 15px 0px; }
.profile-icon-large { font-size:4rem; color:white; }
.profile-icon-small { font-size:1.25rem; color:white; }
.overview-option-card { border-left:solid 1px #fff; padding:15px 20px; margin-left:10px; }
.overview-account { width: 100%; display: flex; align-items: center; margin:15px 0 15px 0; }
.overview-account-heading {font-size:1.25rem; color:white; font-weight:bold; }
.overview-account-userinfo { margin-left:20px; }
.overview-account-text { color: white; font-size:1.1rem }
.overview-account-text-sm { color: white !important; font-size:.8rem !important; }
.avatar { border-radius: 50%; }
.account-confirmation-alert { margin-top:25px; border-radius:10px; }
.account-confirmation-alert-icon { font-size:2.5rem; position:absolute; top:-20px; left:-10px; }

.profile-option-card { min-height:240px; margin:0px 10px 20px 0px; padding:10px; border:solid 1px #cccccc; border-radius:5px; }  /*width:100%; */
.profile-option-card-description { min-height:120px; }
.profile-card-link { border-top:solid 1px #cccccc; padding-top:14px; }

.app-permission-container { padding:20px; margin: 15px auto; }

/***** FOOTER SETTINGS
*********************************************************/
#footer {
    font-size: 1.2rem;
    text-transform: uppercase;
    font-family: rift-soft, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
#footer { background: #353232; color: #bfbfbf; padding: 100px 10%; }
#footer a { color: #bfbfbf; }
#footer a:hover { color: #f0f0f0; }
#footer .list-item { display: inline; padding: 0px 5px 0px 6px; border-right: 1px solid #bfbfbf; }
#footer .list-item:last-child { border-right: unset; }
#footer ul { position: relative; left: -15px; }
#footer p { font-size: .8rem; padding-top: 20px; font-family: azo-sans-web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; }

.AGFooterLogo { max-width: 70px; height: auto; margin: 15px auto; color:#fff;  }

.font-primary { color: #004085; }

/* the sigout class hides the end session iframe on the /Account/LoggedOut page */
.signout { display:none; }

/***** MEDIA QUERY SETTINGS
*********************************************************/

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
    .nav-link { padding: .7rem .6rem !important; border:unset; }
    .navbar { background: #FFF; padding: .5rem 1rem; }
}

@media (max-width: 767px) {
    .AGBarWrapperTitle, .AGBarMenu { float: none; }
    /*.AGBarWrapper { text-align: center; }*/
    .AGBarMenu ul { text-align: center; }
    .AGBarMenu { margin-top: 5px; margin: 20px 0px; }
    li.hidesm { display: none; }
    .username { padding: 2px 20px; }
    .main-body { margin-top:108px; }

    @media (max-width: 575px) {

        h1 { font-size: 2rem; }
        #footer .list-item { display: block; padding: 5px 0px; border-right: unset; }
    }

    @media (max-width: 480px) {
        .AGBarImage { text-align: center; width: 100% !important; }
        .AGBarMenu { text-align: center; width: 100% !important; }
        .btn-primary { font-size:1rem;  }
        .btn { padding: 0.175rem 0.35rem; }
    }

    @media (max-width: 360px) {
        .AGBarLinksMenuDropdown { width:270px; }
        .social-button { margin: 0px 5px !important; }
    }
}