/* Spotlight ATTR code  */
button#submit-forgot-password {
    background-color: #0057B8;
    filter: unset;
}
button#submit-forgot-password:hover {
    filter: brightness(80%);
}
/* admin pages  */
a.btn.btn-primary.pull-right.action.create-action {
    background-color: #0057B8;
    filter: unset;
    border-color: #0057B8;
    text-decoration: none;
}
a.btn.btn-primary.pull-right.action.create-action:hover {
    filter: brightness(80%);
}
/* set buttons on sign on page */
button#https\:\/\/login\.windows\.net\/64e5ad32-cb04-44df-8896-bed5d7792429\/ {
    background-color: #0057B8;
    filter: unset;
    border-color: #0057B8;
}
button#https\:\/\/login\.windows\.net\/64e5ad32-cb04-44df-8896-bed5d7792429\/:hover {
    filter: brightness(80%);
}
button#submit-signin-local {
    background-color: #0057B8;
    filter: unset;
    border-color: #0057B8;
}
button#submit-signin-local:hover {
    filter: brightness(80%);
}
.filter-button {
    filter: unset;
}
/* HELP page */
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    border-radius: 3px;
    background: #0057B8;
    border-color: #0057B8;
}
button, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    filter: brightness(80%);
    background: #0057B8;
    border-color: #0057B8;
}
.panel-body .img-abs {
    max-width: 35px;
}
.panel-default > .panel-body, .list-group-item {
    background-color: #f2f2f2 !important;
    box-shadow: unset;
    padding: 45px;
}
.panel.panel-default {
    max-width: 595px;
}
.col-xs-12.col-sm-6.width-65 .panel h3 {
    font-size: 28px;
}
.col-xs-12 .panel h3 {
    font-size: 28px;
    line-height: 28px;
}
h1.col-md-12.columnBlockLayout {
    font-size: 36px;
}
label#splt_feedbackrating_label {
    font-size: 24px;
}
label#splt_feedbackdetail_label {
    font-size: 24px;
}
label#splt_supportname_label {
    font-family: attrAleckSansHeaderbolded;
}
label#splt_supportoption_label {
    font-family: attrAleckSansHeaderbolded;
}
label#splt_supportdetail_label {
    font-family: attrAleckSansHeaderbolded;
}
.crmEntityFormView .cell .picklist label {
    font-family: attrAleckSansParagraphUnbolded;
}
/* set styles on take training pages  */

@media (min-width: 768px) {
    #myModal  .modal-dialog {
        width: 750px;
        height: 300px;
        margin: 130px auto;
    }
}
/* .modal-header {
    border-bottom: unset !important;
} */
button.close span {
    font-size: 28px;
}
.modal-content .modal-header {
    border-bottom: unset;

}
.modal-dialog .modal-content {
    padding: 2em;
}
.container.training-container a.btn-default.btn.back-btn {
    /* border: none; */
    color: #0057B8;
    border: 1px solid #0057B8;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.section-module button.btn.btn-default {
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 11em;
    white-space: nowrap;
    filter: unset;
}
#training-iframe {
    padding-top: 2em;
    padding-bottom: 2em;
    padding-right: 1em;
    padding-left: 1em;
}
.background-grey {
    background: #f2f2f2;
}
#copy-input {
    height: 40px;
}
button#copy {
    margin-left: auto;
    margin-right: 0;
    color: #fff;
    background: #0057B8;
}
button#copy:hover {
    filter: brightness(80%);
}
/* end take training pages */
/* set nav bar dropdown */
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    font-family: attrAleckSansParagraphUnbolded;
}
.navbar-inverse .navbar-nav .open .dropdown-menu {
    background: #0057B8 !important;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color: unset !important;
    color: #fff !important;
    text-decoration: underline;
}
/* set section homepage tertiary links and images */
section.homepage-image-text-block {
    display: flex;
    justify-content: center;
    max-width: 860px;
    height: 600px;
    align-items: center;
    margin: 0 auto;
}
section.homepage-image-text-block .image_and_text {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    margin: 0.5em;
}
section.homepage-image-text-block .image_and_text .img_block {
    width: 150px;
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
}
section.homepage-image-text-block .image_and_text .img_block img {
    max-width: 150px;
}
section.homepage-image-text-block .image_and_text .copy_block {
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 300px;
    justify-content: space-between;
}
/* set header content on homepage  */
.mobile_two h1 {
    color: #fff;
}
.mobile_two p {
    color: #fff;
}
.mobile_one img {
    height: 200px;
}
/* set button font */
.btn-primary {
    font-family: attrAleckSansParagraphUnbolded;
}
/* update navbar hamburger */
.navbar-inverse .navbar-toggle {
    /* background: #0057B8; */
    background: #F04F22;
    border: none !important;
}   
button.navbar-toggle:hover {
    background: #0057B8 !important;
}
button.navbar-toggle:active {
    background: #0057B8 !important;
}
/* set body background color */
.wrapper-body > .body_outer {
    /* background: #fff; */
}
/* set footer color */
.footer_inner.col-md-12 {
    background: #0057B8;
}
.footer_outer.col-md-12 {
    background: #0057B8;
}
/* set hover and focus on navbar */
.navbar-inverse .navbar-nav > li > a:hover {
    text-decoration: underline;
    background-color: unset !important;
}
.navbar-inverse .navbar-nav > li > a:focus {
    text-decoration: underline;
    background-color: unset !important;
}
.navbar-inverse .navbar-nav > .open > a {
    text-decoration: underline;
    background-color: unset !important;
}
/* turn off divider lines in navbar */
li.divider-vertical {
    display: none;
}
/* set navbar color */
.navbar.navbar-inverse.navbar-static-top {
    /* background: #0057B8; */
    background: linear-gradient(to right, #0057B8 55%, #F04F22);
}
/* set swiper button text */
.swiper-slide .copy-container a {
    font-family: attrAleckSansParagraphUnbolded;
}
/* set navbar text */
.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a {
    font-family: attrAleckSansParagraphUnbolded;
    color: #fff;
}
/* set homepage links font family */
a.btn-default.btn.homepage_link {
    font-family: attrAleckSansParagraphUnbolded;
    border-radius: 3px;
    max-width: unset;
    width: 180px;
}
/* set font family styles */
/* paragraph unbolded text */
@font-face {
    font-family: attrAleckSansParagraphUnbolded;
    /* src: url(https://spotlight-attr-dev.powerappsportals.com/ATTAleckSans_W_BdIt.woff2); */
    src: url(/ATTAleckSans_W_Md.woff2);
}
/* header bolded text */
@font-face {
    font-family: attrAleckSansHeaderbolded;
    /* src: url(/ATTAleckSans_W_Blk.woff2); */
    src: url(/ATTAleckSans_W_Bd.woff2);
}
/* header bolded thin text */
@font-face {
    font-family: attrAleckSansHeaderThinbolded;
    src: url(/ATTAleckSans_W_Th.woff2);
}
/* header italic bolded text */
@font-face {
    font-family: attrAleckSansHeaderItalicbolded;
    /* src: url(/ATTAleckSans_W_BdIt.woff2); */
    src: url(/ATTAleckSans_W_BlkIt.woff2);
}
/* wavy light text  */
@font-face {
    font-family: attrAleckSansHeaderUnboldedWavy;
    src: url(/ATTAleckSans_W_It.woff2);
}
/* wavy lighter text */
@font-face {
    font-family: attrAleckSansHeaderUnboldedWavyLighter;
    src: url(/ATTAleckSans_W_Lt.woff2);
}
/* test */
/* @font-face {
    font-family: attrAleckSansHeader;
    src: url(/ATTAleckSans_W_Th.woff2);
} */
/* test */
/* @font-face {
    font-family: attrAleckSansHeader;
    src: url(/ATTAleckSans_W_Lt.woff2);
} */
h1, h2, h3, h4, h5, h6 {
    /* font-family: attrAleckSansHeader; */
    font-family: attrAleckSansHeaderbolded;
}
p span {
    font-family: attrAleckSansParagraphUnbolded;
}
p {
    font-family: attrAleckSansParagraphUnbolded;
}
/* set header content with image background */
.header-content {
    background-image: url("/spotlight-attr-background-image.png");
    background-size: cover;
}
/* set the header content with video */
.header-content {
    display: flex;
    justify-content: center;
}
.header-content div {
    width: 100%;
    margin: 1em;
    margin-left: 2em;
    margin-right: 0em;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    max-width: 755px;
    max-height: 300px;
    display: flex;
    flex-direction: column;
}
.header-content iframe {
    height: 400px;
    width: 85%;
    border: 3px solid #EEE;
}
/* @media(min-width:992px) {
    .header-content {
        flex-direction: column;
        align-items: center;
    }
} */
@media screen and (max-width: 521px) {
    .container {
        width: 100%;
        overflow-x: hidden;
        margin: 0 auto;
        justify-content: center;
        align-items: center;
    }
    .training-container {
        padding: unset;
    }
    .col-md-12.columnBlockLayout {
        padding-left: unset;
        padding-right: unset;
        max-width: 100%;
    }
    .header-content div {
        margin: unset;
        margin-top: 1em;
        padding: 0.75em;
    }
    .header-content iframe {
        height: 200px;
        width: 100%;
    }
    article.training-card_large {
        /* margin: 1em 0 1em 0; */
        margin: 1em -1em 1em -1em;
    }
    section.homepage-image-text-block {
        flex-direction: column;
        height: unset;
    }
    section.homepage-image-text-block .image_and_text {
        max-height: 400px;
    }
}
/* Browse Training CSOKI Styles */
.training-card_large {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
    border-radius: 9px;
    margin: 1em;
}
.training-card_large section {
    display: flex;
    justify-content: center;
    align-items: center;
}
.left-container {
    display: flex;
    width: 100%;
    /* flex: 60%; */
    height: auto;
    padding: 1em;
    flex-direction: column;
}
.card-image {
    height: 100%;
    width: 100%;
    border-radius: 9px;
}
.right-container {
    display: flex;
    width: 100%;
    /* flex: 40%; */
    height: auto;
    flex-direction: column;
    padding: 1em;
}
.flex-60 {
    flex: 60%;
}
.flex-40 {
    flex: 40%;

}
.btn {
    width: 8em;
}
a.btn.btn-default.dark {
    color: #fff;
    background: #000;
}
.prizm-section {
    margin: 1em;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
@media (max-width: 768px) {
    .training-card_large section {
        flex-direction: column;
    }
    h3 {
        margin-top: unset;
    }
}
@media (min-width: 768px) {
    .image_and_text.header-content {
        max-width: 860px;
    }
}
@media(max-width: 991px) and (min-width: 522px) {
    .training-viewer {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
    }
    .pdf-container {
        width: 100%;
    }
}
/* End Spotlight ATTR Styles */