/* 
-- iTherapeutics Customizations of Unify 1.7  

- iThera Blues  https://maketintsandshades.com/#425c90
- iThera Greens https://maketintsandshades.com/#94c83d

Note: Bootstrap 4 sizings :
                    xs : < 576px
                    sm : >= 576px
                    md : >= 768px
                    lg : >= 992px
                    xl : >= 1200px
*/

/*-- Theme Colours ---------------------- --*/

:root {

    --site-powered-by-logo-file: url('../img/powered-by-itherapeutics.svg');
    --site-powered-by-logo-width: 112px;
    --site-powered-by-logo-height: 21px;
    
    --site-logo-file: url('../img/logo-itherapeutics.svg');
    --site-logo-width: 160px;
    --site-logo-height: 45px;

    --site-page-colour: #ffffff;

    --theme-primary-colour: var(--primary-500); 
    --theme-secondary-colour: var(--secondary-500); 

    --theme-font-family: 'Roboto', sans-serif; 

    --primary-900: #212e48;
    --primary-800: #2e4065;
    --primary-700: #354a73;
    --primary-600: #354a73;
    --primary-500: #425c90;
    --primary-400: #556c9b;
    --primary-300: #687da6;
    --primary-200: #a1aec8;
    --primary-100: #eceff4;
   
    --secondary-700: #76a031;
    --secondary-600: #85b437;
    --secondary-500: #94c83d;
    --secondary-400: #A2D252;
    --secondary-300: #B3DE6B;
    --secondary-200: #BFE77C;
    --secondary-100: #CCF090;
    
    --header-bg-colour: #FFFFFFF5;
    --header-line-colour: var(--primary-200); 
    --header-text-colour: var(--text-colour); 
    
    --menu-active-colour: var(--secondary-500);
    
    --footer-bg-colour: var(--primary-500); 
    --footer-text-colour: rgba(255,255,255, 0.8);
    --footer-copy-bg-colour: var(--primary-500); 
    --footer-copy-text-colour: var(--theme-white-tint-60);

    /* --slider-wrapper-bg-colour: var(--primary-400); */
    --slider-wrapper-bg-colour: #ffffff;
    
    --text-colour: #687074;
    --link-colour: var(--secondary-600);
    --heading-colour: var(--primary-800);

    --module-card-bg: #ffffff;
    --brand-card-bg: #ffffff;

    --my-education-box: var(--secondary-600); 
    --my-irewards-box: var(--primary-500); 

    --page-shade: var(--primary-100);
        
    --session-expired-colour: #fdd856;

    --theme-white-colour: #ffffff;
    --theme-gold-colour: #c8b273;
    --theme-black-tint-40: rgba(0,0,0,0.4);
    --theme-black-tint-60: rgba(0,0,0,0.6);
    --theme-black-tint-80: rgba(0,0,0,0.8);
    --theme-white-tint-40: rgba(255,255,255,0.4);
    --theme-white-tint-60: rgba(255,255,255,0.6);
    --theme-white-tint-80: rgba(255,255,255,0.8);

    --theme-colour-state-success: #36B37E;
    --theme-colour-state-success-10: #ebf7f2;
    

    --theme-colour-status-success: #36B37E;
    --theme-colour-status-warning: #ffbf00;
    --theme-colour-status-fail: #ff4444;

}


@media print {
    .hidden-print {
        display: none !important;
    }
}

html {
    font-size: 12px !important;
}
body {
    font-family: var(--theme-font-family);
    color: var(--text-colour); 
    font-size: 1.0rem;
    margin-bottom: 312px;  
}

/*-- Page Wrapper --*/
.wrapper {
    background: var(--site-page-colour);
}

/*-- Text --*/

p, 
span, 
label {
    color: var(--text-colour);
    font-family: var(--theme-font-family);
    font-size: 1.0rem;
}

.color-primary,
.colour-primary {
    color: var(--theme-primary-colour);
}

.color-secondary
.colour-secondary {
    color: var(--theme-secondary-colour);
}

.color-green {
    color: var(--theme-secondary-colour);
}

.color-gold,
.colour-gold {
    color: var(--theme-gold-colour);
}

.colour-white-80 {
    color: var(--theme-white-tint-80);
}

.nowrap {
    white-space: nowrap;
}


/*-- Links --*/

a {
    color: var(--link-colour);
}

a:hover {
    color: var(--secondary-500);
    text-decoration: none;
}


/*-- Headings --*/

h1, .headline h1 {
    font-size: 2.1rem; 
}
h2, .headline h2 {
    font-size: 1.5rem;
    line-height: normal;
}
h3, .headline h3 {
    font-size: 1.3rem;
    line-height: normal;
}
h4, .headline h4 {
    font-size: 1.2rem; 
    line-height: normal;
}
h5, .headline h5 {
    font-size: 1.1rem; 
    line-height: normal;
}
h6, .headline h6 {
    font-size: 1.0rem;
    line-height: normal;
}

.footer-v1 .copyright p {
    font-size: 0.8rem;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--heading-colour); 
    font-family: var(--theme-font-family); 
    line-height: normal;
    margin-bottom: 1.0rem;
}

b, strong {
    font-weight: 900;
}

@media screen and (max-width: 480px) {
    h1, .headline h1 {
        font-size: 1.5rem;
    }
    h2, .headline h2 {
        font-size: 1.25rem;
    }
    h3, .headline h3 {
        font-size: 1.15rem;
    }
    h4, .headline h4 {
        font-size: 1.1rem;
    }
}
@media screen and (min-width: 480px) and (max-width: 768px) {
    h1, .headline h1 {
        font-size: 1.9rem;
    }
    h2, .headline h2 {
        font-size: 1.5rem;
    }
    h3, .headline h3 {
        font-size: 1.3rem;
    }
    h4, .headline h4 {
        font-size: 1.2rem;
    }
}


/*-- Headings --*/

.headline h1, 
.headline h2, 
.headline h3, 
.headline h4,
.headline h5 {
    padding-bottom: 2px;
    border-bottom: 3px solid var(--secondary-500);
}

.headline-v1 {
    border-bottom: inherit;
    display: block;
    margin: 10px 0 5px;
}

.headline-v1 h2, 
.headline-v1 h3, 
.headline-v1 h4 {
    border-bottom: inherit;
    display: inline-block;
    margin: 0 0 -2px;
    padding-bottom: 5px;
}

.headline-plain {
	border-bottom: none;    
}


/*-- Page --*/

#topcontrol {
    background: rgba(0,0,0,0.3);
    color: rgba(255,255,255, 0.65);
}

@media (min-width: 1199px) {
    .content-top {
        margin-top: 75px;
    }    
    .sessionexpired_margin{
        margin-top: 86px;
    }               
}


/*-- Icons --*/

i,
.iconsize,
.fab,
.fa,
.fas {
    font-weight: 400; 
}

.fa,
.fas {
    font-weight: 600; 
}


/*-- iThera Icons --*/

.ithera-icon-info::before {
    content: "\f05a"; /* Unicode for "fa-info-circle" icon in Font Awesome 4 */
    font-family: FontAwesome; /* Font family for FontAwesome 4 icons */
    font-weight: 600;
    font-style: normal; 
}

.ithera-icon-edit::before {
    content: "\f044"; /* Unicode for "fa-edit" icon */
    font-family: "Font Awesome 5 Free"; 
    font-weight: 600;
    font-style: normal; 
}

.ithera-icon-lock::before {
    content: "\f023";  /* Unicode for "fa-lock" icon */
    font-family: "Font Awesome 5 Free"; 
    font-weight: 600;
    font-style: normal; 
}

.ithera-icon-location::before {
    content: "\f3c5"; /* Unicode code for the "fa-map-marker-alt" icon */
    font-family: "Font Awesome 5 Free"; 
    font-weight: 600;
    font-style: normal; 
}

.ithera-icon-mobile::before {
    content: "\f3cd"; /* Unicode for "fa-mobile-alt" icon */
    font-family: "Font Awesome 5 Free"; 
    font-weight: 600;
    font-style: normal; 
}


/*-- Header - Nav Bar --*/

.header-v1 {
    border-bottom: 1px solid var(--header-line-colour); 
    color: var(--header-text-colour);
}

.header-sticky {
    background-color: var(--header-bg-colour);
    position: fixed;
    top: 0;
    height: 75px; 
    width: 100%;    
}

.header-v1 .topbar-v1 .top-v1-data li,
.header-v1 .topbar-v1 .top-v1-data li:first-child {
    border: none;
}

.header-v1 .topbar-v1 .top-v1-data.topline li a, 
.header-v1 .topbar-v1 .top-v1-data.topline li span {
    font-size: 0.8em;
    text-transform: none;
}

.header-v1 .navbar-default .navbar-toggle {
    border: none;
}

.header-v1 .navbar-toggle, 
.header-v1 .navbar-toggle:hover,
.header-v1 .navbar-toggle:focus,
.header-v1 .navbar-default .navbar-toggle, 
.header-v1 .navbar-default .navbar-toggle:hover, 
.header-v1 .navbar-default .navbar-toggle:focus {
    background: none !important;
}

.navbar-login-join span,
.header-v1 .navbar-default .navbar-nav > li,
.header-v1 .navbar-default .navbar-nav > li span {
    color: var(--header-text-colour);
}

.header-v1 .navbar-default .navbar-toggle .fa {
    color: var(--header-text-colour);
    font-size: 1.0em;
}

.header-v1 .navbar-default .navbar-nav > li > a {
    bottom: -2px;
	padding: 15px 15px 6px;
    position: relative;
}


.header-v1 .navbar-default .navbar-nav > li > a {
    color: var(--header-text-colour);
    font-size: 1.1em;
    font-weight: 400;
    text-transform: none;
    text-decoration: none !important;
}

.header-v1 .navbar-default .navbar-nav > li > a:hover {
    color: var(--secondary-600);
}

.nav.navbar-nav > .active > a {
    border-bottom: 3px solid var(--secondary-500);
}

.navbar-nav > li > a:hover {
    border-bottom: none;
} 

.navbar-nav > .active > a {
    border-bottom: 3px solid var(--secondary-500);
}

@media (max-width: 1199px) {
    .header-v1 .topbar-v1 .top-v1-data li {
        top: 1px;
        padding: 6px 16px;
        margin-left: -5px;
        position: relative;
        border: none;
    }
    .header-v1 .navbar-nav {
        margin: 14px;
    }
}

.header-fixed .header.header-fixed-shrink {
    top: 0;
    left: 0;
    width: 100%;
    height: 95px;
    z-index: 9999;
    position: fixed;
    margin-top: -35px;
    border-bottom: none;
    box-shadow: 0 0 3px var(--text-colour);
    background: var(--header-bg-colour);
}

.header-v1 .navbar .search-open {
    top: 55px;
    padding: 1.2em;
    background: var(--primary-200);
    border-radius: 0.6em !important;
    z-index: 40;
}

.header-v1 .navbar .search-open form input {
    height: 2.8rem;
    margin-right: 0.5rem;
    border: none;
    border-radius: 0.2rem !important;
}


/*-- Site Logo --*/

.header-v1 .navbar-header {
    margin: 0 !important;
    width: 180px;
    height: 100%;
}

.navbar-brand {
    float: left;
    height: inherit;
    line-height: inherit;
    padding: inherit;
}

.navbar-brand {
    background-image: var(--site-logo-file);
    width: var(--site-logo-width);
    height: var(--site-logo-height);
    background-repeat: no-repeat;
    background-size: contain; 
    display: inline-block;
    padding : 0;
    margin: 0 !important;
}

@media (max-width: 375px) {
    .navbar-brand {
        height: 30px;
    }
}

@media (max-width: 768px) {
    .navbar-brand {
        height: 35px;
    }
}

@media (min-width: 1015px) {
    .header-v1 .navbar-brand {
        width: 180px;
        height: 57px;
    }
}

/*-- Navbar Menu --*/

@media (max-width: 1199px) {
    .navbar-login-join {
        display: none !important;
    }
}

/* Hide by default for all screen sizes */
.navbar-collapse-login-join {
    display: none !important; 
} 

/* Display for screens less than 1199px */
 @media (max-width: 1199px) {
    .navbar-collapse-login-join {
        display: list-item !important; 
    }
} 

@media (max-width: 1199px) {
    .header-v1 .navbar-default .navbar-nav > .active > a, 
    .header-v1 .navbar-default .navbar-nav > .active > a:hover, 
    .header-v1 .navbar-default .navbar-nav > .active > a:focus {
        background: var(--menu-active-colour);
        color: var(--theme-white-colour) !important; 
        border-radius: 0.6em !important;
    }
}

.header-v1 .navbar .nav > li > .search {
    color: var(--header-text-colour) !important;
    background: none !important;
}

.header-v1 .navbar .nav > li > .search:hover {
    color: var(--primary-500) !important;
    background: none !important;
}

@media (max-width: 1199px) {
    .header-v1 .navbar .nav > li > .search {
        color: var(--header-text-colour);
        height: 34px;
        min-width: 35px;
        text-align: left;
        background: none;
        line-height: 12px;
        text-align: center;
        margin: 5px 10px 0;
        border-bottom: none;
        padding: 11px 0 12px;
    }
}

@media (min-width: 1200px) {
    .header-v1 .navbar-default .navbar-nav > .active > a, 
    .header-v1 .navbar-default .navbar-nav > li > a:hover, 
    .header-v1 .navbar-default .navbar-nav > li > a:focus {
        color: var(--header-text-colour);
        font-weight: 500;
        bottom: -2px;
    }
}


/*-- Footer --*/

.powered-by-logo {
    background-image: var(--site-powered-by-logo-file);
    width: var(--site-powered-by-logo-width);
    height: var(--site-powered-by-logo-height);
    background-repeat: no-repeat;
    background-size: contain; 
    display: inline-block;
    padding : 0;
    margin: 5px 15px 0 0;
    opacity: 0.8;
}

.footer-v1,
.footer-v1 address, 
.footer-v1 .link-list a, 
.footer-v1 .link-list i {
    color: var(--footer-text-colour);
}

.footer-v1 .footer h2 {
    color: var(--footer-text-colour);
}

.footer-v1 .copyright p {
    color: var(--footer-copy-text-colour);
}

.footer-v1 .copyright a {
    color: var(--secondary-500);
}

.footer {
    background: var(--footer-bg-colour) none repeat scroll 0 0 !important;
    padding: 0 !important;
    padding-top: 2.0rem !important;
}

.footer-v1 .link-list li {
    border-top: 1px solid var(--theme-white-tint-40) !important;
}

.footer-v1 .copyright {
    background: var(--footer-copy-bg-colour) none repeat scroll 0 0 !important;    
    padding: 10px 0 0px;
}

.sticky-footer {    
    bottom: 0;
    height:312px;
    position: absolute;
    width: 100% !important;
}


/*-- Training Screen --*/

.ithera-training-screen {
    margin-right: 0 !important;
}
 
@media screen and (max-width: 767px) {
    .ithera-training-screen {
        margin-right: -15px !important;
    }
} 


/*-- Modules --*/

.modules-filter {
    padding: 0;
    margin: 0;
}

.modules-filter .text-right {
    padding: 0;
}

.modules-filter label {
    padding-right: 0.4rem !important;
}

.modules-filter select {
    border-radius: 0.4em !important;
}

.bg-light,
.page-shade,
.page-shade-alt,
.module-background {
    background-color: var(--page-shade);
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 1.0em !important;
    min-height: 200px;
}

.page-shade-alt {
    background-color: var(--primary-300);
    color: var(--theme-white-tint-80) !important;
}

.page-shade-alt,
.page-shade-alt h2,
.page-shade-alt h3,
.page-shade-alt h4,
.page-shade-alt span {
    color: var(--theme-white-colour) !important;
}


.card {
    background-clip: border-box;
    border: 0;
    border-radius: 1.0rem !important;
}


/*-- Module Cards --*/

.module-enrol-background {
    background-color: var(--theme-white-colour);
    border: none !important;  
    border-radius: 0.8em !important;
}

.module-card-image-rounded {
    border: none !important;  
	margin-bottom: 0px;
    border-radius: 0.8em !important;
}

.module-card {
    overflow: hidden;
    position: relative;
    border: none !important;
    border-radius: 0.8em !important;
    background-color: var(--module-card-bg);
    margin: 0.6em;
    padding: 0;
}

.module-card .module-card-image {
	position: relative;
    overflow: hidden;
}

.module-card .module-card-image img {
    border: none !important;  
	margin-bottom: 0px;
    border-top-left-radius: 0.8em !important;
    border-top-right-radius: 0.8em !important;
}

.module-card .module-card-image-left {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.module-card .module-card-image-left img {
    border: none !important;  
    margin: 0px;
    padding: 0 !important;
}


.module-card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.module-card-footer-left {
	float: left;	
    padding: 0;
}

.module-card-footer-right {
    padding: 0;
    display: flex;
    align-items: stretch; 
}

.module-card-footer-icons {
    align-items: center;
    flex: 1; /* Grow to fill remaining space */
    display: flex;
}

.module-card-footer-icons i {
    font-size: 1.2em;
    padding-right: 0.4em;
}

.sash {
    padding: 1px;
    color: var(--theme-white-colour);
    font-size: 0.8rem;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    width: 300px;
    right: -120px;
    top: 20px; 
	transform: rotate(45deg);   
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.sash-green {
    background-color: #009966;
}

.sash-red {
    background-color: #bf0a30;

}
.sash-blue {
    background-color: #1260CC;
}


.module-card .bottom-section {
    padding: 10px;
    min-height: 8rem;
}

.module-card .bottom-section-short {
    padding: 10px;
    min-height: 4rem;
}

.module-card .bottom-section .module-card-title {
    font-size: 1.0em;
    font-weight: 500;
    line-height: 1.4em;
    text-align: left;
}

.module-card .bottom-section hr {
    margin: 5px 0;
}

.module-card .bottom-section .module-card-summary {
	font-weight: normal;
    margin-top: 0.8rem;
}


/*-- Video Cards --*/

.video-card-image {
    min-height: 195px;
}


/*-- Module in Focus --*/

.module-in-focus {
    transition: transform 0.8s; /* Animation */
}


/*-- Banner Groups --*/

.banner-group-logo {
    padding: 10px;
    background-color: var(--theme-white-colour);
    border-radius: 0.4em !important;
}

.banner-group-logo img {
    width: 70%; 
}

.banner-group-logo-sm {
    padding: 8px;
    background-color: var(--theme-white-colour);
    border-radius: 0.4em !important;
    width: 50%; 
}

.banner-group-logo-sm img {
    width: 80%; 
}



/*-- Brands --*/

.brand {
    background-color: var(--brand-card-bg);
    border-radius: 0.8em !important;
    padding: 0 !important;
}

.brand-card {
    background-color: var(--brand-card-bg);
    border: none !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    padding: 10px;
    position: relative;
    text-align: center;
    border-radius: 0.8em !important;
    min-height: 12rem;
}

.brand-card img {	
	display: inherit;
	text-align: center; 	
}

.brand-card .brand-name {
    color: var(--text-colour);
    text-decoration: none;
} 

.service-block-v7 {
	background-color: var(--theme-white-colour);
    border: none !important;    
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    padding: 10px;
    position: relative;
    text-align: center;    
    border-radius: 0.8em !important;
    min-height: 12rem;
}


/*-- Categories --*/

.catlist {
	background-color: var(--theme-white-tint-80);
    margin: 5px;
    padding: 10px;
    position: relative;
    text-align: center;    
    border-radius: 0.8em !important;
}


/*-- Buttons --*/

.btn-sm {
    padding: 0.3rem 0.55rem;
    font-size: .85rem;
    line-height: 1.5;
}

.btn:hover,
.btn:focus,
.btn:active {
    background: none !important;
}

.btn,
.btn-u,
.btn-u-default,
.btn-default,
.btn-primary,
.btn-secondary {
    border-radius: 0.3em !important;
    border: 1px solid;
    color: var(--theme-white-colour) !important;
}

.btn-primary span {
    color: var(--theme-white-colour) !important;
}

.btn-u.btn-u-default,
.btn-u.btn-u-default:hover, 
.btn-u.btn-u-default:focus, 
.btn-u.btn-u-default:active, 
.btn-u.btn-u-default.active, 
.open .dropdown-toggle.btn-u.btn-u-default {
    background: #7f8c8d;
    border-color: #7f8c8d !important;
}

.btn-link {
    color: var(--primary-400) !important;
    text-decoration: none !important;
    border: none !important;
}


a.btn-u,
.btn-u.btn-u-blue,
.btn-blue,
.btn-u,
.btn-primary {
    background-color: var(--primary-400) !important;
    border: 1px solid var(--primary-400) !important;
    color: var(--theme-white-colour) !important;
}

.btn-u:hover,
.btn-u:focus,
.btn-u:active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--primary-500) !important;
    border: 1px solid var(--primary-500) !important;
    color: var(--theme-white-colour) !important;
}

.btn-secondary {
    background-color: var(--secondary-500) !important;
    border: 1px solid var(--secondary-500) !important;
    color: var(--theme-white-colour) !important;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active  {
    background-color: var(--secondary-600) !important;
    border: 1px solid var(--secondary-600) !important;
    color: var(--theme-white-colour) !important;
}

.btn-outline-primary,
a.btn-outline-primary {
    border: 1px solid var(--primary-500) !important;
    color: var(--primary-500) !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
a.btn-outline-primary:hover,
a.btn-outline-primary:focus,
a.btn-outline-primary:active {
    border: 1px solid var(--primary-600) !important;
    color: var(--primary-600) !important;
}

.btn-u i,
a.btn-u i {
    color: var(--theme-white-colour) !important;
    font-size: 0.9rem;
    font-weight: 400;
}

.btn-sm i,
a.btn-sm i {
    font-size: 0.7rem;
}

.ask-an-expert {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 2.4rem;
}


/*-- Landing - Hero --*/

.landing-hero h2, 
.landing-hero h3, 
.landing-hero h4 {
    font-weight: 500;
}

/* Default image for screens less than 1200px */
#hero-image {
    content: url('http://itherapeutics.com.au/images/landing/hero-02.png');
    border-radius: 1.0em !important; 
}
  
/* For screens 1200px or greater */
@media (max-width: 1199px) {
    #hero-image {
        content: url('http://itherapeutics.com.au/images/landing/hero-03.png');
    }
}


/*-- Home / News --*/

.profile .date-formats {
    color: var(--text-colour);
    background: none;
}

.yearButton, 
.yearButtonSelected {
    background: none repeat scroll 0 0;
    border: none !important;    
    display: block;
    height: 36px;
    margin-top:-1px;
    padding-left: 10px;
    padding-top: 8px;
    text-align: left;
    font-size: 1.0rem;
}

.yearButtonSelected {
    background: none repeat scroll 0 0 #425c90;       
}

.yearButtonSelected a {
	color: var(--theme-white-tint-80);    
}

.monthButton, 
.monthButtonSelected {
    color: var(--primary-300);    
    background: none repeat scroll 0 0;
	display: block;
    font-size: 1.0rem;
    height: 36px;
    margin-left: 20px;
    margin-top:-1px;
    padding-left: 10px;
    padding-top:8px;
    padding-bottom:3px;    
    text-align: left;
}

.monthButtonSelected {
    background: none repeat scroll 0 0 var(--primary-500);    
}

.monthButtonSelected a {
	color: var(--theme-white-tint-80);   
}

.showMonths {
    display:inline-block;
}


/*-- Training - Side Bar --*/

.training-plan-bg {
    background-color: var(--primary-100);
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 1.0em !important;
    margin-bottom: 15px;
}

#category_list {
    border: 1.5px solid var(--primary-400) !important;
    border-radius: 1.0em !important;
}

#traininghub_list {
    border: 1px solid var(--primary-200) !important;
    border-radius: 1.0em !important;
}

.traininghub-top {
    background: var(--primary-300);
}

#traininghub_list > li:first-child:hover {
    background: var(--primary-300);
}

.traininghub-top h3,
.traininghub-top h4,
.traininghub-top h5 {
    color: var(--theme-white-colour); 
    font-weight: 500 !important;
}

.training-hub a {
    padding: 0;
}

.training-hub a img {
    padding: 0;
    width: 100%;
    height: auto;
}

.list-group-item:first-child {
    border-top-left-radius: inherit !important;
    border-top-right-radius: inherit !important;
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit !important;
    border-bottom-left-radius: inherit !important;
}

.sidebar-nav-v1 > li.active, 
.sidebar-nav-v1 > li.active:hover, 
.sidebar-nav-v1 > li.active:focus {
    border: none !important;
}

.sidebar-nav-v1 > li.active, 
.sidebar-nav-v1 > li.active:hover {
    background: var(--primary-400); 
}

.sidebar-nav-v1 > li:hover {
    background: var(--primary-100);
}

.sidebar-nav-v1 li a {
    padding: 0.6em 0.8em;
    font-size: 1.1em;
}

.sidebar-nav-v1 li a,
.sidebar-nav-v1 li a:hover {
    color: var(--text-colour);
}

.sidebar-nav-v1 > li.active a, 
.sidebar-nav-v1 > li.active:hover a:hover {
    color: var(--theme-white-colour);
}

.sidebar-nav-v1 li a i {
    margin-right: 0.4em;
}

.side-bar-link {
    display: flex;
    align-items: center;
    margin-bottom: 0.3rem;
}

.side-bar-icon {
    width: 1.5rem;
    text-align: center;
    margin-right: 0.4em;
    color: var(--primary-600);
}

.side-bar-icon i {
    font-size: 1.3rem;
}


/*-- iRewards User Stats Box --*/

.service-block-blue {
	background-color:#5e74a1;	
}


/*-- Unify Misc --*/

.testimonials .carousel-arrow i,
.testimonials .carousel-arrow i:active {
    color: var(--theme-black-tint-40);
    background: none;
}

.testimonials .carousel-arrow i:hover {   
    background: var(--primary-100);
    color: var(--primary-600);
    border-radius: 50% !important;
}


.testimonials.testimonials-v1 p, 
.testimonials.testimonials-v2 p {
    border-radius: 0.8em !important;
    color: var(--theme-black-tint-40) !important;
}

.testimonials .testimonial-info {
    color: var(--primary-500);
}


/*-- Forms --*/

.ithera-form {
    width: 100% !important;
}

em,
.req {
    color: #bf0a30;
}

.sky-form {
    font-size: 1.0rem;
    border: none !important;
}


.sky-form header {
    font-family: var(--theme-font-family);
    font-size: 1.4em;
    background: none;
    border: none;
}

.sky-form fieldset {
    background: none;
    padding: 5px 30px 5px;
}

.sky-form footer {
    font-family: var(--theme-font-family);
    border: none;
    background: none;
}

.sky-form header,
.sky-form fieldset,
.sky-form footer {
    padding: 5px 0px 5px;
}

.sky-form a {
    /* color: var(--secondary-600); */
    color: inherit;
    font-family: var(--theme-font-family);
}

.bg-light {
    padding: 10px 15px;
    margin-bottom: 10px;
    background: none !important;
    border: none;
}

.input-group > .form-control,
.sky-form .input input, 
.sky-form .select select, 
.sky-form .textarea textarea {
    border-radius: 0.4em !important;
    border-color: var(--primary-200);
    color: var(--text-colour);
    font-size: 1.1rem;
    font-family: var(--theme-font-family);
    height: 2.5rem;
}


.sky-form .radio, 
.sky-form .checkbox {
    margin-bottom: 4px;
    padding-left: 27px;
    font-size: 1.0rem;
    line-height: 2.5rem;
    cursor: pointer;
}

/* Styles for non-selected input elements */

/* 
.input-group > .form-control:not(:focus):hover,
.sky-form .input input:not(:focus):hover,
.sky-form .select select:not(:focus):hover,
.sky-form .textarea textarea:not(:focus):hover {
    border-color: var(--primary-200) !important;
} 
*/


.sky-form .state-success input,
.sky-form .state-success select, 
.sky-form .state-success textarea {
    background: none !important;
    /* background-color: var(--theme-colour-state-success-10) !important; */
}

.sky-form .icon-append, 
.sky-form .icon-prepend {
    color: var(--primary-200);
    border: none;
}

.sky-form section {
    margin-bottom: 10px;
    font-family: var(--theme-font-family);
}

.sky-form .select select.cboFilter {
	height: 180px;
    font-family: var(--theme-font-family);
}

.sky-form .select select::-ms-expand{
	display:none;
}

option,
.sky-form .select select option {
    background-color: var(--theme-white-colour);
    font-family: var(--theme-font-family);
    font-size: 1.1rem !important;
    border: none !important;
}

.sky-form a {
    text-decoration: none;
}


.form-control {
    border-color: var(--primary-200);
}

textarea {
    min-height: 10rem;
}


/*-- Date Picker --*/

/* .ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
a.ui-button:active, 
.ui-button:active, 
.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
} */


.ui-widget.ui-widget-content {
    border: 1px solid var(--primary-200);
    border-radius: 0.6rem !important;
}

.ui-corner-all {
    border-radius: 0.2rem !important;
}

.ui-widget-header {
    border: none;
    background: #ffffff;
    color: var(--text-colour);
    font-weight: bold;
}

.ui-datepicker {
    width: 20em;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1.1rem;
    margin: 1px 0;
}

.ui-datepicker-prev, 
.ui-datepicker-next {
	position: absolute;
	top: 0;
	display: block;
	width: 47px;
	height: 47px;
	font-size: 15px;
	line-height: 47px;
	text-decoration: none;
	cursor: pointer;
}
.ui-datepicker-prev {
	left: 0;
}
.ui-datepicker-next {
	right: 0;
}


.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default, 
.ui-button, 
html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active {
    border: 1px solid #ffffff;
    background: var(--primary-100);
    font-weight: normal;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: 0.2em;
    text-align: center;
    text-decoration: none;
    border-radius: 0.3rem !important;
} 


/*-- Data Tables */

.table td {
    border-top: 1px solid var(--primary-200);
}

.no-borders {
    border: none !important;
}


.table th {
    border-top: none;
    border-bottom: 1px solid var(--primary-200);
}

input, 
.dataTables_wrapper .dataTables_filter input {
    border-radius: 0.4em !important;
    border-width: 1px;
    height: 2.2rem;
    padding-left: 0.6rem; 
}

[type=search] {
    outline-offset: 0;
}


/*-- Session --*/

.sessionexpired {   
    background-color: var(--session-expired-colour); 
    color: var(--theme-black-tint-60);    
    text-align: center;
    width: 100%;
    z-index: 9;   
    margin-top: 3px;    
    margin-bottom: 10px;
}

.sessionexpired-text {
    font-size: 1.1em;
    font-weight: bold;
    margin-right: 10px;
}


/*-- Home --*/

@media (max-width: 767px) {
    .counters {
        margin-bottom: 0px;
    }
}

#fb {
    margin-top: 20px;
    border-radius: 0.8em !important;
}

.mCustomScrollbar.mNews, 
.mCustomScrollbar.mFacebook {
    height: 290px;
}

#stats-line {
    color: var(--text-colour);
    font-weight: 300;
}

#stats-line .landing-stat {
    text-align: center;
    margin: 0;
    line-height: normal;
}

#stats-line i {
    margin-bottom: 0.4rem;
}

#stats-line .landing-stat .fa {
    font-size: 1.9rem !important;
}

#stats-line .landing-stat .fas {
    font-size: 1.6rem !important;
}

.counter {
    font-weight: 500;
}

@media only screen and (min-width: 0px) {
    #stats-line > p {      
       font-size : 1.25rem;       
    }
    #stats-line .counters,
    #stats-line .counters span {
        font-size : 1.25rem !important;        
    }
}

@media only screen and (min-width: 480px) {
	#stats-line > p {	   
	   font-size : 1.35rem;       
    }
    #stats-line .counters,
    #stats-line .counters span {
        font-size : 1.25rem !important;        
    }
}

@media screen and (min-width: 768px) {
    #stats-line > p {
       font-size : 1.4rem;        
    }   
    #stats-line .counters,
    #stats-line .counters span {
        font-size : 1.35rem !important;        
    }

    #option_1_mobile_text {
        display:none;
    }
    #option_1_mobile_heading {
        display:none;
    }
    #option_1_join_mobile_text {
        display:none;
    }
    #option_1_join_mobile_heading {
        display:none;
    }
}

@media screen and (min-width: 992px) {
    #stats-line > p {
       font-size : 1.75em;       
    }       
    #option_1_mobile_text {
        display:none;
    }
    #option_1_join_mobile_heading {
        display:none;
    }
}


/*-- Alerts --*/

.alert, 
.alert p {
    color: rgba(0,0,0,0.75) !important;
    font-size : 1.0rem;  
}

.alert {
    border-radius: 0.4em !important;
}


/*-- ============ SLIDER ============================================= --*/

.slider-wrapper {
    background-color: var(--slider-wrapper-bg-colour);
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
}
.slider-wrapper-supplier {
    margin-top: 75px;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
}

@media screen and (max-width: 576px) {
    .slider-wrapper .container {
        padding-right: 0;
        padding-left: 0;
    }
}

@media screen and (min-width: 768px) {
    .slider-wrapper {
        padding-top: 1.0rem;
        padding-bottom: 1.0rem;
    }
}

@media screen and (min-width: 1024px) {
    .slider-wrapper {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
    }
}

@media screen and (min-width: 1199px) {
    .slider-wrapper {
        margin-top: 75px;
        padding-top: 1.75rem;
        padding-bottom: 1.75rem;
    }
}

#layerslider {
    /* 
    width: 1110px; 
    max-width: 1110px; 
    */
    width: 1110px; 
    max-width: 1110px;
}

/* 
#layerslider .supplier {
    width: 855px; 
    max-width: 855px;
} */

.centered-slider {
    display: block;
    margin: 0 auto;
}

.ls-slide .ls-bg,
.ls-slide .ls-l {
    /* border-radius: 1.0em !important; */
    left: 0;
} 

/* 
@media screen and (max-width: 576px) {
    .ls-slide .ls-bg {
        border-radius: 0 !important;
    }    
} 
*/

.ls-slide .ls-l ul li {
	color: inherit;
}


/*-- Misc --*/

#ajaxBusy {
    color: var(--theme-primary-colour);
    font-size: 1.4rem;  
    width: 100%;
    height: 100%;
    /* background-color: #efe; */
}

.owl-item .item .cbp-caption-activeWrap {
    background: var(--primary-500) none repeat scroll 0 0 !important;
}

.owl-item .item .link-captions {
    list-style: outside none none;
    margin: 0 0 20px;
    padding-left: 0;
    text-align: center;
}
.owl-work-v1 .item a button i {
    color: inherit;
}

.owl-carousel-v1 .item,
.owl-carousel-v1 .item:before,
.owl-carousel-v1 .item:after {
    border-radius: 0.8em !important;
    margin: 0px 20px 0px 20px;
}

.faq-content {
	font-size: 1.0rem; 
}

.acc-v1 .panel-heading a {
    font-size: 1.1rem;
    color: var(--primary-500);
}

.accordion-v2.plus-toggle .panel-heading a:before {
    color: var(--primary-600);
    background: none;  
    width: 20px;
    height: 20px;
    padding: 5px 0;
    font-size: 10px;
    content: "\f067";
    line-height: 10px;
    margin-right: 10px;
    text-align: center;
    display: inline-block;
    font-family: FontAwesome;
}


/*-- My Account Screen --*/


.service-block-v3 .counter {
	display: inline-block;
}

.service-block-v3 .counter-text {
    color: var(--theme-white-colour);
    display: inline-block;
    font-size: 30px;
    line-height: normal;
}

.gold-background {
    background-color: var(--theme-gold-colour) !important;
}

.my-education-box, 
.my-irewards-box {
    border-radius: 0.8rem !important;
    min-height: 25em;
    padding-top: 0.6rem;
}

.my-education-box {
    background-color: var(--my-education-box); 
}

.my-irewards-box {
    background-color: var(--my-irewards-box); 
}

.my-education-box h1, 
.my-irewards-box h1 {
    color: var(--theme-white-colour);
    margin-bottom: 1.7rem;
    font-size: 1.8rem;
    font-weight: 300;
}

.my-education-box h2, 
.my-irewards-box h2 {
    color: var(--theme-white-colour);
    margin-bottom: 0.6rem;
}

.my-education-box h1 span, 
.my-irewards-box h1 span,
.my-education-box h2 span, 
.my-irewards-box h2 span,
.my-education-box h3 span, 
.my-irewards-box h3 span {
    font-size: inherit;

}

.my-education-box, 
.my-irewards-box,
.my-education-box p, 
.my-irewards-box p,
.my-education-box span, 
.my-irewards-box span {
    color: var(--theme-white-colour);
}

.my-education-box span.faded, 
.my-irewards-box span.faded {
    color: var(--theme-white-tint-60);
    font-weight: 300;
}

.my-education-box .sub-title, 
.my-irewards-box .sub-title {
	display: inline-block;
	color: var(--theme-white-colour);
    font-size: 2.0rem;
    font-weight: 400;    
    line-height: 1;
    margin:0;
    padding:0;
}

.my-education-box .icon-info {
    font-size: 1.0rem;
} 

.progress {
    background: var(--theme-white-tint-40) !important;
    border-radius: 0.5rem !important;
}

.progress-bar {
    background: var(--theme-white-colour) !important;
}



/*-- Account - Store Serach --*/

#stores {
	height: inherit !important;
}

#log {
    margin-top: 1.0rem;
    /* background: var(--primary-100); */
    /* border-radius: 0.5rem !important; */
    height: 25rem; 
    overflow: auto;
}

.ui-autocomplete {
    background-color: var(--theme-white-colour);
    max-height: 400px;
    max-width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 0.5rem !important;
}

.ui-autocomplete li {
	font-family : var(--theme-font-family);
	border-bottom : 1px dotted var(--primary-100);
	color: var(--text-colour);
    line-height: 1.9rem;
}

.ui-autocomplete-input {
	height: 20px;
	width:300px;

}

.storedetails {
	height:200px;
	width:300px;	
}



/* 
.ui-autocomplete-loading {
    background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat;
} 
*/


/*-- Supplier Pages --*/

.supplier-page-title-box {
    border-radius: 1.0rem !important;
} 

.supplier-page-title-box h3 {
    padding: 15px;
    color: #ffffff;
    font-weight: 500 !important;
}


/*-- Tool tips --*/

.tooltip-inner {
    padding: 0.8rem 1.2rem;
    border-radius: 0.5rem !important;
    text-align: left;
    background: #000000ef;
}

.tooltip .arrow::before {
    content: none !important;
}


/*-- Console --*/

.console-details {
    width: 100%; 
    min-height: 200px;
}

.console-chart {
    width: 100%; 
    height: 160px;
}

.warning-low,
.warning-medium,
.warning-high {
    font-weight: 600;
    border-radius: 0.4rem !important;
}

.badge {
    border-radius: 0.4rem !important;
}

span.badge {
    padding: 7px 9px;
}

.warning-low {
    background-color: var(--theme-colour-status-fail);
    color: var(--theme-white-colour);
}

.warning-medium {
    background-color: var(--theme-colour-status-warning);
    color: var(--theme-black-tint-60);
}

.warning-high {
    background-color: var(--theme-colour-status-success);
    color: var(--theme-white-colour);
}



/* ------------------------------------------------------------------------------------
-- Removed 

.easy-block-v2 .easy-block-v1-badge, .easy-block-v2-list .easy-block-v1-badge {
    color: #fff;
    left: 0;
    padding: 4px 10px;
    position: absolute;
    top: -7px;
    text-align: center;
    z-index: 1;
}

.easy-block-v2 .easy-bg-v2, .easy-block-v2-list .easy-bg-v2 {
    color: #fff;
    font-size: 10px;
    letter-spacing: 1px;
    padding: 5px;
    position: absolute;
    right: -30px;
    text-align: center;
    text-transform: uppercase;
    top: 0px;
    transform: rotate(45deg);
    width: 95px;
}

.easy-block-v2 .easy-bg-v2-complete {
    right: -65px;
    text-align: center;
    top: 20px;
    width: 200px;
}

.tp-bullets, .tp-leftarrow.default, .tp-rightarrow.default {
	z-index:1;
}

.tp-bullets {
    z-index:50;
}

.nav-item {
	border: 1px solid #ddd;	
}

.nav-item.active {
	background-color: #425c90;
	color: white;
} 

.nav-item.active a {
	color: white;
}

.social-style li, 
.social-style li a  {
	color:#d9dee9 !important;
}

.cbp-l-caption-body a.info {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    margin-top: 10px;
    overflow: hidden;
    padding: 5px 12px;
    text-decoration: none;
    text-transform: uppercase;
}

.cbp-l-caption-body a.info:hover {
    background: #72c02c none repeat scroll 0 0;
}


.link-icon, .link-bg-icon {
    color: #555;
}

.link-icon:hover, .link-bg-icon:hover {
    border: medium none;
    text-decoration: none;
}

.link-icon:hover i {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #72c02c;
    color: #72c02c;
}

.link-bg-icon:hover i {
    background: #72c02c none repeat scroll 0 0;
    border-color: #72c02c;
    color: #fff !important;
}

.team-v3 .team-img::after {
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.4s ease-in-out 0s;
    width: 100%;
}

.team-v3 .team-img {
    position: relative;
}

.team-v3 .team-hover {
    left: 0;
    list-style: outside none none;
    margin-top: -90px;
    padding: 20px;
    position: absolute;
    text-align: center;
    top: 60%;
    transition: all 0.2s ease-in-out 0s;
    visibility: hidden;
    width: 100%;
    z-index: 1;
}

.team-v3 .team-hover p {
    color: #fff;
    font-weight: 200;
    margin-bottom: 20px;
}


.subnav_console_menu.active {
	background-color: #fdfdfd;
}

*/


/* =====  pre- 01/09/2023  ==================================================== */


@media (max-width: 768px) {
    #sponsor_pages {
        display: none;
    }
    #storeMap {
        display: none;
    }
    #option_1_mobile_text {
        display: inline-block;
    }
    #option_1_mobile_heading {
        display: inline-block;
    }
    #option_1_desktop_text {
        display: none;
    }
    #option_1_desktop_heading {
        display: none;
    }    
    .modal-dialog{
        max-width: 100%;
        display: block;
    }
    .fix-myTable{
        display: table;
    }
    #option_1_join_mobile_text {
        display: inline-block;
    }
    #option_1_join_mobile_heading {
        display: inline-block;
    }
    #option_1_join_desktop_heading {
        display: none;
    }
    #option_1_join_desktop_text {
        display: none;
    }
    #option_2_join_desktop {
        display: none;
    }	    
}

.panel-body {
	padding:0;
}

.panel-body-padding {
    padding: 15px;
}

.panel-blue {
    border-color: var(--primary-400);
}
.panel-blue > .panel-heading {
    background: var(--primary-400) none repeat scroll 0 0;
}

.stats {
	line-height:0;
}

.row > span {       
    display: inline-block;
    height: 60px;       
    text-align:center;
    width: 100%;
}

a.redeem_points, 
a:hover.redeem_points
a.gold_cert, 
a:hover.gold_cert {
	color: var(--theme-white-colour);
	opacity: 0.8;
}

a.gold_cert, 
a:hover.gold_cert, 
a.gold_cert i, 
a:hover.gold_cert i {
    color: var(--theme-gold-colour);
    opacity: 0.8;
}

.media-title {
	color: var(--text-colour);
	font-size: 18px;
}

.listing-view-action span.active {
    color: #000;
}

.listing-view-action span {
    color: #888;
    cursor: pointer;
}

.item-list {
    border-bottom: 1px solid #ddd;
    clear: both;
    display: block;
    height: auto;
    overflow: hidden;
    padding: 15px;
    position: relative;
    width: 100%;
}

.item-list .make-grid {
    border-right: inherit;
    clear: inherit;
    float: inherit;        
}

.easy-block-v2-list {
	margin-bottom: 20px;
    overflow: inherit;        
    position: relative;
}

.caption HR {
	margin: 5px 0;
}

.read-more {
	color: #425c90;			
}

.info-tooltip {
    color: var(--primary-900);
    background: none;
	display:inline-block; 
	padding-left:5px; 
	height:15px; 
	width:15px;
}

.closed-course TD {
    font-size: 12px;
    padding: 4px 8px;
    border-bottom: 1px solid #F4F5F8;
    background-color: #F0F0F0;
    color: #B4B4B4;
}

.info_icon {
    float: right;
    margin-right: 60px;
}

.panel.panel-profile.no-bg li {
    color: #999;
}

.home-panel-title {
	color: inherit !important;
}


.testimonials .carousel-arrow {
    position: relative;
    top: -36px;
}



.tp-leftarrow.preview4 .tp-arr-imgholder2   {   left: inherit;}

.tp-leftarrow.preview4 .tp-arr-imgholder {
    display:inherit;
}

.tp-leftarrow.preview4 .tp-arr-imgholder2 {
	display:inherit;
}

.categories li {
    border-bottom: 1px dotted #eee;    
    padding: 6px 0;    
}

#supplier-stats {
    display:inline-block;
    width:420px;    
    height:184px;    
    background: url('../../images/supplier-stats-a.png') no-repeat center center;
}

.percent-num {
    float: left;
    position:relative;
    margin-left: 123px;
    margin-top: 42px;  
    font-weight: bold;
    font-size: 34px;
    color: var(--secondary-600);    
}

.stores-num {
    float: left;    
    margin-left: 140px;
    margin-top: 114px;
    color: var(--primary-500);
    font-weight: bold;
    position: relative;
}

.dl-horizontal a {
    color: var(--secondary-600) !important;
}

.breadcrumb li.active, 
.breadcrumb li a:hover {
    color: var(--secondary-500);
    text-decoration: none;
}

.breadcrumb > .active {
    color: var(--primary-500);
}

.breadcrumb > li {
    display: inline-block;
}

.clients-page img {    
    border: 1px solid #eee;
    margin: 5px 0;
    padding: 10px;    
    
}

.fix .fa-spin {
    -webkit-transform-origin: 50% calc(50% - .5px);
    transform-origin: 50% calc(50% - .5px);
}

.align-line {
	margin-top:4px;
}

.service-heading > a {
	text-align: right;
}



.state-disabled, 
.state-disabled:hover {
	color:#dddddd;
	cursor:not-allowed;	
}

colgroup col.price-col {
  background-color: #dff0d8 !important;
  font-weight: bold;
}

colgroup col.price-col-hi {
  background-color: #edf5d7 !important;
  font-weight: bold;
}


/*-- Modals -- */

.modal-backdrop {
    background-color: var(--primary-800);
    opacity: 0.9 !important;
    transition: opacity 0.3s ease;
}


.modal-header,
.modal-footer {
    border: none !important;
}

.modal-header {
    padding-top: 0.65rem;
    padding-bottom: 0.05rem;
}

.modal-footer {
    padding-top: 0.2rem;
}

.modal-logo {
    width: 140px; 
    text-align: left;
}

.modal-dialog { 
    width: 600px;
}

.modal-content {
    border: none !important;
    border-radius: 0.6em !important;
    font-size: 1rem !important;
}

.modal-title {
    margin-top: 0;
}

.modal-body {	
    text-align: center;
    height: 500px;
    max-height: calc(100vh - 100px);
	overflow-y: auto;
    /* background-color: #fef; */
    padding-top: 0.05rem;
    /* 
    padding-left: 1.5rem;
    padding-right: 1.5rem; 
    */
}

#modal-mobile-verify .modal-body {
    height: 440px;
}

#modal-mobile-verify .modal-body-iframe-container {
    /* height: 60%; */
}


.modal-body p, 
.modal-body span, 
.modal-body label {
    color: var(--text-colour);
    font-family: var(--theme-font-family);
    font-size: 0.9rem;
}

.modal-body-iframe-container {
    position: relative; 
    overflow: hidden; 
    width: 100%; 
    height: 100%;
}

.modal-body-iframe {
     position: absolute; 
     top: 0; 
     bottom: 0; 
     left: 0; 
     right: 0; 
     width: 100%; 
     height: 100%;
}

.modal-header .close {
    opacity: 0.7;
}

@media (min-width: 992px) {
    .sqDiv {
        padding-top: 43.25%;
    }
    .eligDialog {
        max-width: 1000px !important;
    }
    .eligDiv {
        padding-top: 81.25% !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .sqDiv {
        padding-top: 71.25%;
    }
    .sqModal {
        height: 396px !important;
    }
}

@media (min-width: 900px) and (max-width: 991px) {
    .eligDialog {
        max-width: 900px !important;
    }
    .eligDiv {
        padding-top: 91.25% !important;
    }
}

@media (min-width: 815px) and (max-width: 900px) {
    .eligDialog {
        max-width: 800px !important;
    }
    .eligDiv {
        padding-top: 103.25% !important;
    }
}

@media (min-width: 768px) and (max-width: 815px) {
    .eligDialog {
        max-width: 750px !important;
    }
    .eligDiv {
        padding-top: 110.25% !important;
    }
}

@media (max-width: 768px) {
    .sqDiv {
        padding-top: 50.0%;
    }
    .sqModal {
        height: 396px !important;
    }
    .eligDiv {
        padding-top: 114% !important;
    }
}

@media (min-width: 638px) and (max-width: 767px) {
    .sqDiv {
        padding-top: 57.25%;
    }
    .sqModal {
        height: 436px !important;
    }
}

@media (min-width: 528px) and (max-width: 637px) {
    .sqDiv {
        padding-top: 69.25%;
    }
    .sqModal {
        height: 436px !important;
    }
}

@media (min-width: 500px) and (max-width: 528px) {
    .sqDiv {
        padding-top: 80.25%;
    }
    .sqModal {
        height: 436px !important;
    }
}

.eligDialog {
    width: 1000px;
}

.eligModal {
    height: 100%;
}

.eligDiv {
    padding-top: 100%;
}



.debug-1 {
    background-color: #dfe;
}

.debug-2 {
    background-color: #fee;
}

.debug-3 {
    background-color: #eef;
}


/* My Account page */

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
}
.label-danger {
    background-color: #d9534f;
}
.label-warning {
    background-color: #f0ad4e;
}
.label-success {
    background-color: #5cb85c;
}

@media (max-width: 576px) {
    #printTrainingHistory {
        display: none;
    }
}
@media (max-width: 576px) {
    #incomplete_modules th:nth-child(1),
    #incomplete_modules td:nth-child(1),
    #incomplete_modules th:nth-child(3),
    #incomplete_modules td:nth-child(3),
    #incomplete_modules th:nth-child(4),
    #incomplete_modules td:nth-child(4),
    #complete_modules th:nth-child(1),
    #complete_modules td:nth-child(1),
    #complete_modules th:nth-child(3),
    #complete_modules td:nth-child(3),
    #complete_modules th:nth-child(4),
    #complete_modules td:nth-child(4) {
        display: none;
    }
}
@media print {
    #incomplete_modules th:nth-child(5),
    #incomplete_modules td:nth-child(5),
    #complete_modules th:nth-child(5),
    #complete_modules td:nth-child(5),
    #complete_modules th:nth-child(6),
    #complete_modules td:nth-child(6) {
        display: none;
    }
}

#table-totals-footer {
    display: table-row-group;
}

#table-totals-footer tr {
    font-weight: bold;
}