body {
    background-color: #FFFFFF;
    font-family: Gotham, sans-serif!important;
}

#main-top-header-wrapper {
    background-color: #e31a35;
    color: #0190ba;
}

#main-top-header-wrapper #main-phone a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
}


#main-header-wrapper .navbar-light .navbar-nav .nav-link
{
    background-color: #ffffff;
    color: #0a8fb7 !important;
    text-decoration: none;
}

#main-header-wrapper .nav-item .dropdown-item {
    text-decoration: none;
    text-indent: -10px;
    padding-left: 20px;
}

#main-header-wrapper .navbar-light .navbar-nav .nav-item.active,
#main-header-wrapper .navbar-light .navbar-nav .nav-item.active 
#main-header-wrapper .navbar-nav .nav-link,
#main-header-wrapper .navbar-light .navbar-nav .nav-link.active,
#main-header-wrapper .navbar-light .navbar-nav a.nav-link.active
/* #main-header-wrapper .dropdown-item.active */
{
    background-color: #ffffff !important;
    color: #098fb7 !important;
}

#main-header-wrapper .dropdown-item.active
{
    /* background-color: #ffffff !important; */
    color: #098fb7 !important;
    background-color: white;
}
#main-header-wrapper .dropdown-item.active:hover
{
    /* background-color: #ffffff !important; */
    color: #098fb7 !important;
    background-color: #e9ecef;
}


#main-header-wrapper .nav-link,
#main-header-wrapper .dropdown-item {
    font-size: 0.9em;
    font-weight: 600;
    color: #212529;
}



#main-mobile-menu-dropdown {
    position: absolute;
    right: 25px;
}

#main-mobile-menu-select {
    position: absolute;
    opacity: 0;
    width: 52px;
    height: 36px;
    right: 25px;
}

#main-mobile-menu #main-mobile-menu-dropdown i {
    color: #0a8fb7;
    border-color: #0a8fb7;
}

#main-header-wrapper .navbar .navbar-brand {
    height: 60px;
}

#main-header-wrapper .navbar .navbar-nav .nav-link {
    color: var(--dark);
    font-weight: 500;
    outline: none;
}

#main-header-wrapper .navbar-nav > .dropdown:hover > .position-relative > .dropdown-menu {
    top: 0;
}

#main-header-wrapper .dropdown-menu {
    border: none;
}

#main-header-wrapper .navbar-nav .position-relative .position-relative .dropdown-menu {
    margin-top: -1px;
    left: 97%;
    top: -26px;
}

#main-header-wrapper .navbar-nav > .dropdown > .position-relative > .dropdown-menu,
#main-header-wrapper .navbar-nav .position-relative .dropdown > .position-relative > .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    height: 0px;
}

#main-header-wrapper .navbar-nav > .dropdown:hover > .position-relative > .dropdown-menu,
#main-header-wrapper .navbar-nav .position-relative .dropdown:hover > .position-relative > .dropdown-menu {
    opacity: 1;
    visibility: visible;
    height: auto;
}

@media (max-width: 1199px) {
    #main-mobile-menu.navbar {
        position: absolute !important;
        right: -25px;
        top: 40px;
    }

    #main-mobile-menu #main-mobile-menu-dropdown {
        top: 15px;
        right: 50px;
    }

    #main-mobile-menu #main-mobile-menu-select {
        top: 15px;
        right: 50px;
    }
}

@media (max-width: 575px) {
    #main-mobile-menu.navbar {
        right: -35px;
        top: 30px;
    }
}

#main-header-wrapper {
    background-color: #ffffff;
    border-bottom-width: 2px;
    border-bottom-color: #d7d7d7;
    border-bottom-style: solid;
}

#main-logo img {
    height: auto;
    width: auto;
    max-height: 90px;
    max-width: 400px;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

@media (max-width: 450px) {
    #main-logo img {
        max-width: 65% !important;
    }
}

#main-page-content {
    min-height: 600px;
}

#main-sidebar .wrapper {
    margin-bottom: 44px;
    font-size: 16px;
}

footer {
    background-color: #333f48;
    color: #ffffff;
}

footer a {
    color: #ffffff;
}

footer a:hover {
    color: #ffffff;
    text-decoration: none;
}


.global-primary-colour {
    color: #e31a35;
}

.global-primary-background-colour {
    background-color: #e31a35;
}

.global-secondary-colour {
    color: #000000;
}

.global-secondary-background-colour {
    background-color: #000000;
}

.global-tertiary-colour {
    color: #ffffff;
}

.global-tertiary-background-colour {
    background-color: #ffffff;
}


.global-logo-max-width {
    max-width: 400px;
}

.main-top-header-background-colour {
    background-color: #e31a35;
}

.main-header-background-colour {
    background-color: #ffffff;
}

.main-header-border-colour {
    border-bottom-color: #d7d7d7;
}

.main-header-text-colour {
    color: #0190ba;
}

.main-phone-text-colour {
    color: #ffffff;
}


.main-footer-background-colour {
    background-color: #333f48;
}

.main-footer-text-colour {
    color: #ffffff;
}

.main-footer-link-text-colour {
    color: #ffffff;
}


.main-login-button-colour {
    background-color: #e31a35;
}


.main-login-button-text-colour {
    color: #ffffff;
}


.main-header-login-button-colour {
    background-color: #c51331;
}

.main-header-login-button-hover-colour {
    background-color: #ffffff;
}

.main-header-login-button-text-colour {
    color: #ffffff;
}

.main-header-login-button-text-hover-colour {
    color: #c51331;
}

.main-menu-button-colour {
    background-color: #ffffff;
}


.main-menu-button-text-colour {
    color: #0a8fb7;
}


.main-active-menu-button-colour {
    background-color: #ffffff;
}


.main-active-menu-button-text-colour {
    color: #098fb7;
}


.main-logo-max-height {
    max-height: 90px;
}


#toms-login a, #toms-login2 a, #main-top-header-wrapper .toms-login a {
    border: 2px solid #ffffff;
    font-size: 11px;
    font-weight: 500;
    line-height: 20px;
    margin: 0 0 0 15px;
    padding: 8px 15px;
    text-transform: uppercase;
    background-color: #c51331;
    color: #ffffff;
}

#login-toms .toms-submit, .toms-custom-btn {
    background-color: #e31a35;
    color: #ffffff;
}



#toms-login-inline a, #login-toms a {
    text-decoration: none;
    color: #333 !important;
}

#toms-login-modal a:focus, #toms-login-modal a:hover {
    color: #333 !important;
}

#toms-login .modal-header {
    border-bottom: 0px;
    padding-bottom: 0px;
}

#toms-login .modal-footer {
    border-top: 0px;
}

#login-toms-modal .form-floating label {
    color: grey !important;
}

#toms-login-modal .modal-body {
    color: #333;
}

#toms-login-modal small, #toms-login-modal small a {
    font-size: 15px;
    font-weight: 300;
}

#toms-login-modal a {
    text-decoration: none;
    background-color: white;
    color: #333;
    border: none;
    padding: 0px;
    margin: 0px;
}

#main-header-login a:active, #main-header-login a:focus, #main-header-login a:hover {
    background-color: #ffffff !important;
    color: #c51331 !important;
    border-color: #c51331 !important;
}

#toms-login-modal .toms-submit, .toms-custom-btn {
    background-color: #e31a35 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
}


#login-toms-modal .form-floating input{
    color: #656565;
}

#toms-login-modal h3 {
    margin-bottom: 0px !important;
}

#toms-login-modal #toms-login-remember {
    margin-bottom: 15px !important;
}

#toms-login h3 small {
    color: #999
}

#toms-login-modal a {
    font-size: 14px;
}

.maxwidth600 {
    display:inline-block;
    max-width: 600px;
}

.maxwidth500 {
    display:inline-block;
    max-width: 500px;
}
.maxwidth400 {
    display:inline-block;
    max-width: 400px;
}
.maxwidth300 {
    display:inline-block;
    max-width: 300px;
}
.maxwidth200 {
    display:inline-block;
    max-width: 200px;
}
.maxwidth150 {
    display:inline-block;
    max-width: 150px;
}
.maxwidth120 {
    display:inline-block;
    max-width: 120px;
}
.maxwidth100 {
    display:inline-block;
    max-width: 100px;
}
.maxwidth80 {
    display:inline-block;
    max-width: 80px;
}
.maxwidth65 {
    display:inline-block;
    max-width: 65px;
}
.maxwidth60 {
    display:inline-block;
    max-width:60px;
}
.maxwidth50 {
    display:inline-block;
    max-width:50px;
}
.maxwidth30 {
    display:inline-block;
    max-width:30px;
}
.minwidth100 {
    min-width: 100px;
}
.minwidth80 {
    min-width: 80px;
}
.minwidth60 {
    min-width: 60px;
}
.minwidth300 {
    min-width: 300px;
}



/*
.usercourselist {
    background-color: #F1F1F1;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: none;
}

.usercourselist .arrow-course {
    background: url("../../../templates/main/images/arrow.png") left top no-repeat;
    width: 50px;
    margin: 0 5px 0 25px;
    float: left;
}

.usercourselist a {
    color: #333;
}

.usercourselist b {
    font-weight: 400;
}

.coursetitle, .coursename {
    color: #666!important;
    text-transform: uppercase;
}

#main-body .coursetitle, #main-body .coursename {
    color: #666666!important;
    font-weight: bold;
    font-size: 2.0em!important;
}

button.btn.btn-large, input[type="submit"].btn.btn-large {
    margin-top: 15px;
}

#add-course-btn {
    background-color: #F3AE35;
    background-image: none;
    color: #FFF;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
}

#course_list ul {
    margin: 0px;
    padding-left: 12px;
}

#course_list li {
    list-style-type: none;
}
*/

@font-face{
    font-family:Gotham;
    src:url(../../../templates/main/font/Gotham-Bold.eot);
    src:url(../../../templates/main/font/Gotham-Boldiefix.eot) format('embedded-opentype'),
    url(../../../templates/main/font/Gotham-Bold.woff) format('woff'),
    url(../../../templates/main/font/Gotham-Bold.ttf) format('truetype'),
    url(../../../templates/main/font/Gotham-Bold.svg) format('svg');
    font-style:normal;
    font-weight:700
}
@font-face{
    font-family:Gotham;
    src:url(../../../templates/main/font/Gotham-BoldItalic.eot);
    src:url(../../../templates/main/font/Gotham-BoldItaliciefix.eot) format('embedded-opentype'),
    url(../../../templates/main/font/Gotham-BoldItalic.woff) format('woff'),
    url(../../../templates/main/font/Gotham-BoldItalic.ttf) format('truetype'),
    url(../../../templates/main/font/Gotham-BoldItalic.svg) format('svg');
    font-style:italic;
    font-weight:700
}
@font-face{
    font-family:Gotham;
    src:url(../../../templates/main/font/Gotham-Book.eot);
    src:url(../../../templates/main/font/Gotham-Bookiefix.eot) format('embedded-opentype'),
    url(../../../templates/main/font/Gotham-Book.woff) format('woff'),
    url(../../../templates/main/font/Gotham-Book.ttf) format('truetype'),
    url(../../../templates/main/font/Gotham-Book.svg) format('svg');
    font-style:normal;
    font-weight:400
}
@font-face{
    font-family:Gotham;
    src:url(../../../templates/main/font/Gotham-BookItalic.eot);
    src:url(../../../templates/main/font/Gotham-BookItaliciefix.eot?) format('embedded-opentype'),
    url(../../../templates/main/font/Gotham-BookItalic.woff) format('woff'),
    url(../../../templates/main/font/Gotham-BookItalic.ttf) format('truetype'),
    url(../../../templates/main/font/Gotham-BookItalic.svg) format('svg');
    font-style:italic;
    font-weight:400
}
@font-face{
    font-family:Gotham;
    src:url(../../../templates/main/font/Gotham-Medium.eot);
    src:url(../../../templates/main/font/Gotham-Medium.eot?#iefix) format('embedded-opentype'),
    url(../../../templates/main/font/Gotham-Medium.woff) format('woff'),
    url(../../../templates/main/font/Gotham-Medium.ttf) format('truetype'),
    url(../../../templates/main/font/Gotham-Medium.svg) format('svg');
    font-style:normal;font-weight:500
}

@font-face{
    font-family:Gotham;
    src:url(../../../templates/main/font/Gotham-MediumItalic.eot);
    src:url(../../../templates/main/font/Gotham-MediumItalic.eot?#iefix) format('embedded-opentype'),
    url(../../../templates/main/font/Gotham-MediumItalic.woff) format('woff'),
    url(../../../templates/main/font/Gotham-MediumItalic.ttf) format('truetype'),
    url(../../../templates/main/font/Gotham-MediumItalic.svg) format('svg');
    font-style:italic;
    font-weight:500
}



@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');

body {font-family: 'Lato', sans-serif !important;}


/*--- Page Background ---*/
html {height: 100%;}
body {background-image: url(https://ifa-storage.s3.ap-southeast-2.amazonaws.com/lms-css/images/jta_lms_main.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;background-attachment: fixed;}
#gkPageContent { background: none;}

/*--- Page Header ---*/
#gkHeader {background: #FFFFFF;border-bottom-width: 1px;border-bottom-color: #ffffff;border-bottom-style: solid;margin-bottom: 5px;}
#gkLogo img {display: block;margin: 0; max-width: 325px;padding: 10px 0;}

/*--- Header Menu --- */
#main-desktop-menu .nav-item {margin: 10px;font-size: 16px;font-weight: 400;height: 45px;line-height: 45px; text-transform: uppercase; width: auto;}
#main-desktop-menu .nav-item > a {font-family: 'Lato', sans-serif; background-color:#ffffff !important; color: #0090ba !important;display: block;height: 45px;line-height: 45px;padding: 0 15px;font-size: 16px;font-weight: 700;margin-top: 25px;}
#main-desktop-menu .nav-item > a:hover, #main-desktop-menu a.nav-item:hover {color: #0090BA !important;border-bottom:2px solid #0090ba;}
#main-desktop-menu .navbar-nav>a {     margin-top: 34px;}
#main-desktop-menu .navbar-nav>a:hover {     margin-top: 34px;}

#login-area {float: right;margin: 0;padding-top: 35px;padding-left: 10px;}
#gkTop .toms-login .toms-custom-btn {font-family: 'Lato', sans-serif;background-color: #ffffff !important; background-image:none;color: #0090ba !important;border-radius:0;display: block;height: 45px !important;line-height: 45px !important;padding: 0 15px !important;font-size: 16px !important;font-weight: 700;width:auto !important;text-transform: uppercase;}
#gkTop .toms-login .toms-custom-btn:hover {color: #0090BA !important;border-bottom:2px solid #0090ba !important;text-decoration: none !important;}
#main-desktop-menu .nav-item div.childcontent {background: #FFFFFF;box-shadow: none;border:none; margin-top: 0px;text-transform: none;color: #000;}
#main-desktop-menu .nav-item div.childcontent a {font-family: 'Lato', sans-serif;background-color: #ffffff !important; background-image:none;color: #0090ba !important;-webkit-box-sizing: border-box;    -moz-box-sizing: border-box; box-sizing: border-box; display: block;   font-size: 14px; padding: 15px 15px;}
#main-desktop-menu .nav-item div.childcontent a:hover {color: #0090ba !important;}
#main-body h1.text-center {display:none;}


/*--- Course Search ---*/
.container.course-search {background-color: #333f48;color:#fff;}
.container.course-search h1 {font-family: 'Lato', sans-serif;font-size:28px;margin-bottom:0px !important;line-height:60px !important;}
h3#ceo-message {color:#fff;}
p#ceo-message {color:#fff;}
.course-icon div {min-height: 40px;}

/*--- Course Lander ---*/
.course-content.span4 .content-btn.book-btn {display:none !important;}
.courselander-content .title {background-color: #005978 !important;}
.courselander-content .title h3 {color: #fff !important;}
.course-details .header {background-color: #0090BA !important;}
#gkBottom1 #gkBottom1-1 {background:none;}
.request-container {background-color:#fff;}
.request-container h3 {background-color:#0090BA;color:#fff;padding:10px;}
#main-body .request-container p {padding:10px;color: rgb(51, 51, 51);}
.request-container input[type="submit"] {background-color: #333f48;color:#fff;padding:20px;margin: 20px;}
.request-container-response {background-color:#fff;border: 3px solid #0090BA;padding:0px 10px 20px 10px;}

/*--- Course List ---*/
#trainer_show_contact.btn {background-color: #E31936 !important;border-radius:0px !important;padding:10px 20px !important; border:none !important;color:#fff;text-shadow:none;background-image:none;}
#main-body .card .btn {background-color: #0090BA !important;border-radius:0px !important;padding:10px 20px !important; border:none !important;width: 150px;color:#fff;text-shadow:none;background-image:none;margin-top: 5px;}
#main-body .card .btn:hover {background-color: #36C6E1 !important;border-radius:0px !important;padding:10px 20px !important; border:none !important;width: 150px;}
#main-body .card .btn-success, .card .btn-success:hover {background-color: #C4C6C7 !important;border-radius:0px !important;padding:10px 20px !important; border:none !important;width: 150px;}
/*#main-body .text-center .btn {background-color: #C4C6C7 !important;border-radius:0px !important;padding:10px 20px !important; border:none !important;width: 150px;} */
/*#main-body .text-center .btn:hover {background-color: #36C6E1 !important;border-radius:0px !important;padding:10px 20px !important; border:none !important;} */
#main-body .card {background-color: #005978!important;border-bottom: none;color: #fff;border-radius:0;}
.card a {color: #ffffff;}
.sub_status_red {color: #ffffff;}

.card .arrow-course {background: url(images/jta-lms-right-arrow.png) left top no-repeat;width: 40px;margin: 0 25px 0 5px;float: left;}

/*.card .col-sm-1 { background: url(https://ifa-storage.s3.ap-southeast-2.amazonaws.com/lms-css/images/jta-lms-right-arrow.png) left top no-repeat;} */
/* .card .col-sm-1 .fa-chevron-right { display:none; } */

#main-body .card .content { background-color: #FFF; color: rgb(51,51,51)!important; }
.card .content a, .card .card-body a {
    color: rgb(0, 136, 204);
}

#main-body .card .text-muted { color: rgb(218, 122, 0)!important;}

#main-body, #main-body h2, #main-body p, h1.text-center, h3.text-center {color:#fff;}

.lander-list-item, .collapse, .course-details .content {background-color:#fff;}
.content-container h3 {color:#fff !important;}
.content-container {background-color: #333333;}
ul.breadcrumb {padding-left:20px !important;background: none !important;}
.breadcrumb>li {text-shadow: none !important; color:#ffffff;}
.breadcrumb>li a {text-shadow: none !important; color:#ffffff;}
.breadcrumb > .active {color: #0090BA !important ;}
p.center_text {color:#fff;font-size: 22px;font-weight: 700;}
#main-body .coursename {font-size:18px !important;}

/*--- Unit List ---*/
#uctasks .tasksubheading {width: 100%;float: left;margin: 10px 0 20px 0 !important;background-color: #d9edf7;border: 1px solid #b8e2f7;font-size: 1em; text-align: center;padding: 4px 0;color: #333;}
#unitlist tr.info>td {background-color: #add138;}
tr.unit_overdue, tr.unit_progress, tr.unit_active, tr.unit_complete {border-color: #fff;color: #fff;}
tr.unit_active {background-color:#005978 !important;color: #fff;}
tr.unit_progress {background-color:#0090BA !important;color: #fff;}
tr.unit_overdue {background-color:#0090BA !important;color: #fff;}
tr.unit_complete {background-color:#333F48 !important;color: #fff;}
#unitlist td small {color:#fff;}
#unitlist td small i {color:#fff;font-size:16px;font-weight: 700;}
#unitlist .unit_active .btn {background-color: #0090BA !important;border-radius:0px !important;padding:10px 20px !important; border:none !important;width: 150px;color:#fff;text-shadow:none;background-image:none;}
#unitlist .unit_progress .btn {background-color: #36C6E1 !important;border-radius:0px !important;padding:10px 20px !important; border:none !important;width: 150px;color:#fff;text-shadow:none;background-image:none;margin-top: 15px;}
#unitlist .unit_complete .btn {background-color: #add138;border-radius:0px !important;padding:10px 20px !important; border:none !important;width: 150px;color:#fff;text-shadow:none;background-image:none;margin-top: 15px;}
#unitlist .btn:hover {background-color: #C4C6C7 !important;}
#unitlist .btn-warning {background-color: #E45B76 !important;border-radius:0px !important;padding:10px 20px !important; border:none !important;width: 150px;text-shadow:none;background-image:none;margin-top: 15px;}
#unitlist .unit_active td .courseheadingwidth a, #unitlist .unit_complete td .courseheadingwidth a, #unitlist .unit_overdue td .courseheadingwidth a, #unitlist .unit_progress td .courseheadingwidth a  {color: #fff;font-size: 12px;}
#unitlist .unit_active td .courseheadingwidth b, #unitlist .unit_complete td .courseheadingwidth b, #unitlist .unit_overdue td .courseheadingwidth b, #unitlist .unit_progress td .courseheadingwidth b {color: #fff;font-size: 12px;}
.progress .bar {color: #000 !important;text-shadow: none!important;}


/*--- Page Footer ---*/
#main-footer {background-color: #333f48;border-top-style: solid;border-width: 1px;border-color: #ffffff;margin-top: 1px;}
#gkBottom6 .box {background: transparent!important;padding:0px;}
.ifa-footer {color: #fff;border-top: solid 1px #fff;padding: 10px;text-align:center;}

/*--- Demo Sign Up Page ---*/
#toms-login .btn {background-color: #ed1065 !important; background-image:none;color: #ffffff;border-radius:0;display: inline-block;height: 45px;line-height: 45px;padding: 0 15px !important;background-color: #FFF;font-size: 14px !important;font-weight: 400;border:none !important;width:auto !important;margin-right:10px;}
.span6.text-center p {color:#fff;}
.enrolment-step-indicator .step-name {color:#fff;}
.enrolment-step-indicator .step-number {border: 2px solid #fff;}
#toms-registration ul.tabs li {color:#fff;}
#toms-registration ul.tabs li.current {background: #36C6E1;}
#toms-registration .tab-content {background: #36C6E1;}
#studentsignup .toms-submit {background-color: #ed1065 !important;}

/*--- Company Page ---*/
#employer-login .text-center .btn {background-color: #add138 !important;border-radius:0px !important;padding:10px 20px !important; border:none !important;text-shadow:none;background-image:none;}
#employer-login .text-center .btn:hover {background-color: #36C6E1 !important;border-radius:0px !important;padding:10px 20px !important; border:none !important;}
#employer-login .text-center, #employer-login .center, #employer-login .center a, #employer-login legend, #employer-login .control-label, #employer-login .controls {color:#fff !important;}
.well {background-color: #0090BA;}
.well .lead, .well .control-label label {color:#fff;}
.well .btn-success, .well .btn, .well .btn-success:hover, .well .btn:hover {background-color: #E31936!important;border-radius:0px !important;padding:10px 20px !important; border:none !important;text-shadow:none;background-image:none;margin-top:0px!important;color: #fff;}
.dataTables_length label, .dataTables_info, .paginate_button {color:#fff !important;}
#event_table thead {background: #36C6E1;}
tr.green td{background-color: #fff;}

/*--- Contact Page ---*/
#main-body h3, #main-body p, #main-body h5 {color:#fff;}
#main-body .courselander-content .card-body p, #main-body .courselander-content .card-text { color: rgb(51, 51, 51);}


#main-body #uctasks .taskheading {
    background-color: #0077c8!important;
    color: #FFF;
    border: 1px solid #68afde;
}

#main-body #uctasks .tasksubheading {
    margin: 10px 0 20px 0 !important;
    background-color: #d9edf7!important;
    border: 1px solid #b8e2f7!important;

}

#main-body #uctasks .tasksubheading p {
    color: #333!important;
}

#uctasks a {
    color: #FFFFFF;
}

#main-body #landersearch .landersearch-container h1 {
    font-size: 28px;
    margin-bottom: 0px !important;
    line-height: 60px !important;
}

#landersearch form { margin-bottom: 20px;}

#main-body .courselander-content .card-text,
#main-body .courselander-content .card-body  {
    background-color: #FFF;
}