/* !Breakpoints */

/* SMALL    =  576px /  575.98px */
/* MEDIUM   =  768px /  767.98px */
/* LARGE    =  992px /  991.98px */
/* X-LARGE  = 1200px / 1199.98px */
/* XX-LARGE = 1400px / 1399.98px */

/* !Definitions */

:root {
  --asa-brand-font-header: 'brandon-grotesque', sans-serif;
  --asa-brand-blue-dark: #003858;
  --asa-brand-blue-dark-rgb:0, 56, 88;
  --asa-brand-blue-light: #29abe2;
  --asa-brand-blue-light-rgb:41, 171, 226;
  --asa-brand-red: #ed2024;
  --asa-brand-green-light: #74d546;
  --asa-brand-green-light-rgb: 116, 213, 70;
  --asa-brand-green-dark: #3a6b22;
  --asa-brand-green-dark-rgb: 58, 107, 34;
  --asa-brand-grey: #292929;
  
  --asa-footer-height: 80px;
}

html {
    position: relative;
    min-height: 100%;
}

body {
  font-family:'Lato',sans-serif;
  line-height:1.7em;
    /* height:100vh; */
    /* padding-top: 70px;*/
    /* padding-bottom: 30px; */
    /* margin-bottom: 60px; Margin bottom by footer height */
}

/* !Headers */

h1{font-family:'brandon-grotesque',sans-serif;font-size:2.5em;font-weight:500;text-transform:uppercase;color:var(--asa-brand-blue-dark);}
h2{font-family:'brandon-grotesque',sans-serif;font-size:1.6em;font-weight:500;text-transform:uppercase;color:var(--asa-brand-blue-light);}

@media (max-width:575.98px) /* X-SMALL */
{
  h1{font-size:2.0em;}
  h2{font-size:1.4em;}
}

/* !Buttons */

@media (max-width:575.98px) /* X-SMALL */
{
  .btn-block-xs-only{display:block;width:100%;}
}
@media (max-width:767.98px) /* SMALL */
{
  .btn-block-sm-only{display:block;width:100%;}
}

/* !Navigation */

nav.navbar-light .navbar-nav .nav-link{font-family:'brandon-grotesque',sans-serif;font-weight:500;text-transform:uppercase;color:var(--asa-brand-blue-dark);}

.navbar-nav .nav-link{
    padding: 1.5rem 1rem;
}

.navbar .nav-item.active .nav-link{
    color: #555;
    background-color: #e7e7e7;
}


/* !Logged-Out Pages */


body.asp-logged-out
{
  background-color: #ffffff;font-family: 'Lato', sans-serif;background-image: url('/images/login.jpg');background-size: cover;background-position:0% 0%;height:100vh;
}

body.asp-logged-out > div.container{min-height: calc(100vh - var(--asa-footer-height))}

body.asp-logged-out img.as-logo{margin-left: auto; margin-right: auto;width:100%;max-width:300px;height:auto;}
body.asp-logged-out h1{color:var(--asa-brand-blue-light);margin:10px 0 25px 0;}
body.asp-logged-out .alert-container .col{width: 100%;max-width: 400px;}

body.asp-logged-out footer{color:#AAA;width: 100%;min-height:var(--asa-footer-height)}


/* !User Info Bar */

.user-info-container{border-bottom:2px solid #EEE;margin-bottom:12px;background:#FAFAFA;}
.user-info-container .row{max-width:1170px;}
.user-info-container h2{margin:0;}

.user-info-container .user-info-name{display: inline-block;font-size: 1.5em;vertical-align: bottom;line-height: 1.1em;font-family:'brandon-grotesque',sans-serif;font-weight:normal;text-transform:uppercase;color:var(--asa-brand-blue-dark);}
.user-info-container .user-info-id {font-size: 0.75em;display: block;color:var(--asa-brand-blue-light);}

.user-info-container .membership-action button{font-size:18px;}



/*Bootstrap card background color override*/

.card-group {
    margin-bottom: 20px;
}
.card-group .card {
    margin-bottom: 0;
    border-radius: 4px;
}
.card-group .card + .card {
    margin-top: 5px;
}
.card-group .card-header {
    border-bottom: 0;
}
.card-group .card-header + .card-collapse > .card-body,
.card-group .card-header + .card-collapse > .list-group {
    border-top: 1px solid #ddd;
}
.card-group .card-footer {
    border-top: 0;
}
.card-group .card-footer + .card-collapse .card-body {
    border-bottom: 1px solid #ddd;
}

.card-primary {
    border-color: var(--asa-brand-blue-dark);
}

.card-primary > .card-header {
    color: #fff;
    background-color: var(--asa-brand-blue-dark);
    border-color: var(--asa-brand-blue-dark);
}
.card-primary > .card-header + .card-collapse > .card-body {
    border-top-color: var(--asa-brand-blue-dark);
}
.card-primary > .card-header .badge {
    color: var(--asa-brand-blue-dark);
    background-color: #fff;
}
.card-primary > .card-footer + .card-collapse > .card-body {
    border-bottom-color: var(--asa-brand-blue-dark);
}

.card-danger {
    border-color: #ebccd1;
}
.card-danger > .card-header {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.card-danger > .card-header + .card-collapse > .card-body {
    border-top-color: #ebccd1;
}
.card-danger > .card-header .badge {
    color: #f2dede;
    background-color: #a94442;
}
.card-danger > .card-footer + .card-collapse > .card-body {
    border-bottom-color: #ebccd1;
}


.card-info {
    border-color: #bce8f1;
}
.card-info > .card-header {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.card-info > .card-header + .card-collapse > .card-body {
    border-top-color: #bce8f1;
}
.card-info > .card-header .badge {
    color: #d9edf7;
    background-color: #31708f;
}
.card-info > .card-footer + .card-collapse > .card-body {
    border-bottom-color: #bce8f1;
}



.card-warning {
    border-color: #faebcc;
}
.card-warning > .card-header {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.card-warning > .card-header + .card-collapse > .card-body {
    border-top-color: #faebcc;
}
.card-warning > .card-header .badge {
    color: #fcf8e3;
    background-color: #8a6d3b;
}
.card-warning > .card-footer + .card-collapse > .card-body {
    border-bottom-color: #faebcc;
}


.card-default {
    border-color: #ddd;
}
.card-default > .card-header {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.card-default > .card-header + .card-collapse > .card-body {
    border-top-color: #ddd;
}
.card-default > .card-header .badge {
    color: #f5f5f5;
    background-color: #333;
}
.card-default > .card-footer + .card-collapse > .panel-body {
    border-bottom-color: #ddd;
}

/*Button override*/
.btn{
  font-family: 'brandon-grotesque',sans-serif;
  font-size: 1.25em;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 0;
  padding: 0.5em 1.5em;
}

.btn-default {
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
    background-image:      -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
    background-image:         linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #dbdbdb;
    border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus {
    background-color: #e0e0e0;
    background-position: 0 -15px;
}
.btn-default:active,
.btn-default.active {
    background-color: #e0e0e0;
    border-color: #dbdbdb;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #e0e0e0;
    background-image: none;
}
.btn-primary {
    color: #fff;
    background-color: var(--asa-brand-blue-dark);
    border-color: #2e6da4;
}

.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40;
}
.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
    background-color: var(--asa-brand-blue-dark);
    border-color: #2e6da4;
}
.btn-primary .badge {
    color: var(--asa-brand-blue-dark);
    background-color: #fff;
}
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625;
}
.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
    color: #fff;
    background-color: #398439;
    border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success .badge {
    color: #5cb85c;
    background-color: #fff;
}
.btn-info {
    color: #fff;
    background-color: var(--asa-brand-blue-light);
    border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85;
}
.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
    background-color: var(--asa-brand-blue-light);
    border-color: #46b8da;
}
.btn-info .badge {
    color: var(--asa-brand-blue-light);
    background-color: #fff;
}
.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d;
}
.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff;
}
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19;
}
.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-danger .badge {
    color: #d9534f;
    background-color: #fff;
}
.btn-link {
    font-weight: normal;
    color: var(--asa-brand-blue-dark);
    border-radius: 0;
}

/* asa default styling */


/* General Styles
-------------------------------------------------- */



button,
a.btn {
    font-family: 'brandon-grotesque',sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    text-shadow: none;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

.theme-dropdown .dropdown-menu {
    position: static;
    display: block;
    margin-bottom: 20px;
}

div.site-banner.danger{
    background:red;
    color:white;
    text-align:
            center;padding:
        5px;font-weight:
        bold;font-size: 1.5em;
    letter-spacing: 0.25em;
    overflow: hidden;
    white-space: nowrap}

.banner-dev-mode{
    background:red;
    color:white;
    text-align:center;
    padding:12px 0 10px 0;
    font-weight:bold;
    font-size: 1.5em;
    letter-spacing: 0.25em;
    overflow: hidden;
    white-space: nowrap;
    line-height: 0.75em;
}
.banner-dev-mode span{
    font-size: 0.6em;
    letter-spacing: normal;
    color: #EEE;
}

.banner-dev-mode.banner-beta-mode{background:green;}

#newPasswordHelp span {border: 1px solid #CCC;padding: 0 4px;background: #f4f4f4;margin: 0 2px;}
.show_hide_password .input-group-addon{background: #d9e1e6;border: none;border-radius: 0 5px 5px 0;}
.show_hide_password .input-group-addon .glyphicon{color: #003858;font-size: 1.25em;padding: 8px 8px;font-weight: lighter;}

/* Template Styles
-------------------------------------------------- */


/* Main Content Styles
-------------------------------------------------- */

.theme-showcase > p > .btn {
    margin: 5px 0;
}

.theme-showcase .navbar .container {
    width: auto;
}

.theme-showcase .navbar .container {
    width: auto;
}

.theme-showcase h2.page-title {
    margin: 16px 0 16px 0;padding-bottom: 10px;
}

.navbar-toggle.navbar-left {
    float: left;
    margin-left: 10px;
}

span.subheader {
    font-size: 22px;
}

span.subheaderInst {
    font-size: 22px;
    color:#0085b2;
}
span.asaID {
    font-size: 18px;
    color: #a19d9d;
}

/* Benefits Styles
-------------------------------------------------- */

.benefit-card .card-body{padding:0px;}

.benefit-card .card-body .row.benefit{padding:10px 0;margin:0;}
.benefit-card .card-body .row.benefit .benefit-thumbnail{padding:20px; text-align:center;}
.benefit-card .card-body .row.benefit .benefit-thumbnail img{width:100%;max-width:300px;margin:0 auto;}
.benefit-card .card-body .row.benefit .benefit-details{padding:20px;}
.benefit-card .card-body .row.benefit .benefit-details .benefit-title{margin-top: 0px;line-height: 40px;}
.benefit-card .card-body .row.benefit .benefit-details .benefit-title span.savings {background: #3c763d;color: white;padding: 0px 20px;display: inline-block;border-radius: 10px;font-size: .8em;margin: 0 10px;vertical-align: top;}
.benefit-card .card-body .row.benefit .benefit-details .benefit-title a{float:right;}
.benefit-card .card-body .row.benefit .benefit-details .benefit-description .highlight {color: #3c763d;font-weight: bold;font-size: 1.1em;}
.benefit-card .card-body .row.benefit .benefit-details .benefit-description .highlight a{color: #3c763d;font-weight: bold;font-size: 1.1em;text-decoration: underline;}
.benefit-card .card-body .row.benefit .benefit-details .benefit-description .smallprint{font-size: 0.9em;color: #888;}
.benefit-card .card-body .row.benefit .benefit-details .benefit-description .smallprint a{color: #888;font-weight: bold;font-size: 0.9em;text-decoration: underline;}

.benefit-card .card-body .row.benefit.locked{}
.benefit-card .card-body .row.benefit.locked .benefit-thumbnail:before {
    background: #eeeeeeb0;
    font-family: 'Glyphicons Halflings';
    content: "\e033";
    font-size: 115px;
    line-height: 105px;
    color: rgba(102, 102, 102, 0.5);
    padding:85px;
    position: absolute;
    width: 100%;}
.benefit-card .card-body .row.benefit.locked .benefit-description{color:red;}

.benefit-card .card-body hr{margin:0;}

@media print{
    .noPrint{ display:none;}
    a[href]:after {
        content: none !important;
    }
}


em.error{
    color: #d53232;
    font-weight: 600;
}

.headerImage {
    margin-top: 70px;
}

.homeIconText{
    font-weight: bold;
}

.surveyResults{
    font-size: 22px;
    color: #0085b2;
}

.cert-details-top {
    //height: 150px;
}

div.dt-buttons {
    float: right;
    margin-left:10px;
}

.modal .form-control {
    width: 100%;
}

.text-info{
    color: #31708f !important;
}