/* Nxtstp.com Portal Style Guide 2.0 */

@import url("/N2/Resources/Css/smoothness/jquery-ui-1.8.14.custom.css");
@import url(../../Templates/UI/Css/Layout.css);


@import "Mobile.css";
@import "Desktop.css";
@import "Navbar.css";
@import "Footer.css";
@import "grid_basic.css";
@import "Custom.css";
@import "CustomControllers.css";
@import "Reports.css";


#pagenohead .dashboard {
	padding: 15px;
}

.temp-Banners img {
    /* max-width: none; */
    margin: 0 auto;
    width: inherit;
}

/** Site Settings **/

/*

* {
    margin:0;
    padding:0
}
 
 .main {
    width: 100%;
     float:left;
     position: relative;
}

 
 #wrap {
     max-width: 1280px;
     width: 100%;
     margin: 0 auto;
     overflow: visible;
     height: 100%;
     padding-bottom: 25px;
}
*/

body {
    /*font-family: 'Roboto', sans-serif !important;*/
    color: #444 !important;
    overflow: hidden;
}


.bannerBackgroundGreyColor {
    background-color: #e9ecef;
    padding: 0% 0%;
}


.footerRow {
    background-color: #f5f5f5;}

.footerCol {
    color: #444;
    text-align: center;
}

    .footerCol a, .btmFooterRow a {
        font-weight: normal;
        text-decoration: none;
        color: #444;
    }

        .footerCol a:hover, .btmFooterRow a:hover {
            text-decoration: underline;
            color: #444;
        }




/** General Styles -- Probably don't need to change from site to site **/

/*Button classes*/
a.btn.btn-primary, button.btn.btn-primary {
    border: 2px solid #00a9e2;
    background-color: #00a9e2;
    border-color: #00a9e2;
    border-radius: 0px;
    transition: background-color 300ms;
}

    a.btn.btn-primary:not(:disabled):not(.disabled):active, button.btn.btn-primary:not(:disabled):not(.disabled):active {
        background-color: #00a9e2;
        border-color: #00a9e2;
        border-radius: 0px;
        box-shadow: 0 0 0 0.2rem #00a9e2;
        transition: background-color 300ms;
    }

    a.btn.btn-primary:hover, button.btn.btn-primary:hover {
        border: 2px solid #f9a319;
        color: #f9a319;
        background-color: transparent;
        box-shadow: none;
    }

.linkSubButton {
    margin-top: 10px !important;
    display: inline-block !important;
    padding: 10px 30px 10px 30px !important;
    color: #fff !important;
    cursor: pointer;
    text-transform: uppercase;
    transition: background-color 300ms;
    background-color: #565049 !important;
    border: 2px solid #565049 !important;
}

    .linkSubButton:hover {
        background-color: transparent !important;
        border: 2px solid #ff8a00 !important;
        color: #ff8a00 !important;
        text-decoration: none !important;
    }


a.btn.btn-primary.focus, a.btn.btn-primary:focus {
    box-shadow: 0 0 0 0.2rem #00a9e2;
}

    a.btn.btn-primary.focus, a.btn.btn-primary:focus a.btn.btn-link {
        color: #00a9e2;
        transition: color 300ms;
    }

a.btn.btn-link, .uc.text a, button.btn.btn-link, div.phone-contact > a, div.email-contact > a, div.membership-benefits a, a.NewsLink, a.LinkLink, .divDetailsContainer a, .benefits-membership-modal-blurb a, .card-link {
    transition: color 300ms;
    color: #00a9e2;
}

    .benefits-membership-modal-blurb a:hover, .divDetailsContainer a:hover, .uc.text a:hover, .btn-link.focus, a.btn.btn-link:hover, a.btn-link:focus, button.btn.btn-link:hover, div.phone-contact > a:hover, div.email-contact > a:hover, div.membership-benefits a:hover, a.NewsLink:hover, .bullet_style_type_none a:hover, .card-link:hover {
        color: #f9a319;
        text-decoration: none;
        text-decoration-style: inherit;
    }

    a.btn.btn-link.accordion-buttons, .uc.profileCard > a.btn-link {
        text-decoration: none;
    }


.full-width {
    /*Enables full width for Banners*/
    width: 100vw;
    position: relative;
    left: 50%;
    margin-left: -50vw;
}

img {
    /*max-width: 100%;*/
}

a img:hover {
    opacity: .6;
}

body {
    overflow-x: hidden;
}

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

.homeImg img {
    width: 100%;
}

.bodyContent {
    position: relative;
    padding-top: 70px;
    min-height: 100vh;
}

.footer_background_color {
    margin-top: 30px;
}

.btmFooterRow {
    padding-top: 30px;
    border-top: 1px solid #888;
}

.footerContent li {
    padding-bottom: 5px;
}

    .footerContent li a {
        transition: color 300ms;
    }

/** Site Wide Icon Sizes */
.material-icons.md-18 {
    font-size: 18px;
}

.material-icons.md-24 {
    font-size: 24px;
}

.material-icons.md-30 {
    font-size: 30px;
}

.material-icons.md-36 {
    font-size: 36px;
}


.inactiveIcon {
    opacity: .2;
    cursor: not-allowed !important;
}

    .inactiveIcon:hover {
        opacity: .2 !important;
        cursor: not-allowed !important;
    }

/********Media Queries*******/

/* Extra SM devices */
@media (max-width: 575.98px) {



    p.display-2 {
        font-size: 4.6rem;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    #wrap.container, #page.container, div.threeCardBanner .container, div.container {
        max-width: 1280px;
    }
}