@import url('https://fonts.googleapis.com/css?family=Arimo');

body, text, text tspan, .modal .btn {
    font-family: 'Arimo', sans-serif;
}

h4 {
    font-weight: bold;
}

#mainPage {
    padding-top: 20px;
}
.topnavuser {
    margin: .8em 0;
    height: 73px;
    font-weight: bold;
}
.tight .topnavuser {
    height: 40px;
    margin: 5px 0;
}
.tight .topnavwelcome {
    margin: 5px 0;
}

.topnavmessages {
    height: 33px;
    margin: 20px .8em;
    border-right: solid thin #999;
    float: left;
    width: 130px;
}
.topnavwelcome {
    margin: 20px 0;
    float: left;
}

.heading-bar h3 {
    color: #FFF;
    font-family: Serif;
    border: thin dashed #DEDEDE;
    margin-bottom: 0;
    padding: 5px;
}

.menuhome {
    padding-left: 25px !important;
    background: url(/admin/images/icons/home_16.png) no-repeat left center;
}
.menuprofile {
    padding-left: 25px !important;
    background: url(/admin/images/icons/user_info_16.png) no-repeat left center;
}
.menumessages {
    padding-left: 25px !important;
    background: url(/admin/images/icons/bubble_16.png) no-repeat left center;
}
.menudiary {
    padding-left: 25px !important;
    background: url(/admin/images/icons/calendar_16.png) no-repeat left center;
}
.menuevents {
    padding-left: 25px !important;
    background: url(/admin/images/icons/clock_16.png) no-repeat left center;
}
.menuassignments {
    padding-left: 25px !important;
    background: url(/admin/images/icons/clipboard_16.png) no-repeat left center;
}
.menuelearning {
    padding-left: 25px !important;
    background: url(/admin/images/icons/course_16.png) no-repeat left center;
}
.menuprogress {
    padding-left: 25px !important;
    background: url(/admin/images/icons/statistics_16.png) no-repeat left center;
}
.menuoccurrences {
    padding-left: 25px !important;
    background: url(/admin/images/icons/table_green_16.png) no-repeat left center;
}
.menuresources {
    padding-left: 25px !important;
    background: url(/admin/images/icons/folder_16.png) no-repeat left center;
}
.menustudents {
    padding-left: 25px !important;
    background: url(/admin/images/icons/users_two_16.png) no-repeat left center;
}
.menutrainers {
    padding-left: 25px !important;
    background: url(/admin/images/icons/users_business_16.png) no-repeat left center;
}
.menuportfolio {
    padding-left: 25px !important;
    background: url(/admin/images/icons/briefcase_16.png) no-repeat left center;
}
.status-progress {
    color: green;
}

/* recent activity */
div[data-path="/vetcampus/pod.cfm?pod=recent-lms-activity"] .panel-body .tableRow:nth-child(n+4) {
    display: none;
}

/*other*/

img {
    border: 0 none;
}


/*fix top corner on tabbed forms*/
.tab-content .tableBox{
    border-radius: 0px 5px 5px 5px;
}

body{
    background: #FFFFFF;
    color: #333333;
}
.breadcrumb,.well,.tableBox,hr,.navbar-inner{
    border-color:#E3E3E3;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover,.nav > li > a:hover{
    border-color: #E3E3E3 #E3E3E3 transparent;
}

.nav-tabs{/*fixes border top with foreground color*/
    border-radius: 0 0 5px 0;
    border-color: transparent transparent #E3E3E3;
}

.togglerHandle ,.tableRow, .formRow ,.togglerDiv,
.adminTable .tableRow:only-child, .adminTable .tableRow:last-of-type, .tableBox .tableRow:only-child, .tableBox .tableRow:last-of-type, tableBox .formRow:only-child, .tableBox .formRow:last-of-type, .toggler .formRow:only-child, .toggler .formRow:last-of-type, .formRow.last, .tableRow.last
{
    border-color:#D5D5D5;
}
.nav > li > a:hover{
    background: #f4f4f4;
}
/*foreground color*/
.tableBox,.nav-tabs > .active > a, .nav-tabs > .active > a:hover{
    background: #FFFFFF;
    color: #666666;
}
.nav > li > a:hover{
    background-color: transparent !important;
}
.nav > li > a.panel-toggle:hover{
    background-color: transparent;
}

label, .formBlock,.togglerHandle,.tableRow,#sidebar .header,#sidebar .clickHeader{
    color: #666666 !important;
}


/*titlebar*/
.breadcrumb,.well{
    background-color: #f4f4f4;
}

.navbar {
    color: #00dafc;
}

/*alternate row*/
.adminTable .tableRow:nth-child(2n), .tableBox .tableRow:nth-child(2n), .tableBox .formRow:nth-child(2n), .toggler .formRow:nth-child(2n), .tableRow.stripe, .formRow.stripe {
    background-color: #e3e3e3;
}

.navbar-inner {
    background: #111111; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmUzZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #222222 0%, #111111 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#111111)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #222222 0%,#111111 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #222222 0%,#111111 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #222222 0%,#111111 100%); /* IE10+ */
    background: linear-gradient(top,  #222222 0%,#111111 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#111111',GradientType=0 ); /* IE6-8 */
}

.heading-bar {
    background: #222222;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FkNWM0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzhlMjIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iIzhlMjIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iIzhlMjIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZTIyMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #222222 0%, #111111 49%, #111111 58%, #111111 58%, #111111 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(49%,#8e2200), color-stop(58%,#111111), color-stop(58%,#111111), color-stop(100%,#111111));
    background: -webkit-linear-gradient(top,  #222222 0%,#111111 49%,#111111 58%,#111111 58%,#111111 100%);
    background: -o-linear-gradient(top,  #222222 0%,#111111 49%,#111111 58%,#111111 58%,#111111 100%);
    background: -ms-linear-gradient(top,  #222222 0%,#111111 49%,#111111 58%,#111111 58%,#111111 100%);
    background: linear-gradient(top,  #222222 0%,#111111 49%,#111111 58%,#111111 58%,#111111 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr=#111111,GradientType=0 );
    padding: 5px;
    margin: 20px 0;
}

.navbar-inverse .navbar-inner{
    background-image: linear-gradient(to bottom, #222222, #111111);
}
/*
h1,h2,h3,h4,h5,h6{
    color: #ffffff;
}
*/

a, a:hover {
    color: #15ADFF;
}

/*shadows*/
.togglerHandle {
    text-shadow: 1px 0 0 #FFFFFF;
}
.breadcrumb li {
    text-shadow: 0 1px 0 #FFFFFF;
}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
.tableBox{
    box-shadow: none;
    background-color: transparent !important;
}
.well{
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
}



/*2016.05.18 | SLA-3877 */
h4{
    font-size: 13px;
    font-weight: bold;
}

.header {
    background-color: #1f364d;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}
.aside-md.nav-xs {
    background-color: #192d40;
}


.navbar-brand {
    font-size: 0;
    background-image: url('/resources/images/kca-education-logo-secondary.png');
    background-size: 133px 80px;
    width: 133px;
    height: 80px;
}

.vbox>header ~ section {
    top: 80px;
}
.aside-md.nav-xs {
    width: 220px;
}

/*#sidebar .footer {
    display: none;
}*/
#sidebar .footer .btn-icon.btn-sm{
    display: none;
}

/* Tabs */
.tabbable .nav-tabs {
    /*
    border: 2px solid #ebeef0;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background-color: #fff;
    */
}
.nav-tabs>li>a {
    margin-right: 0;
    padding: 10px 25px 12px;
    transition: all 0.2s ease;
    font-size: 14px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover {
    margin-right: 0;
    padding: 10px 25px 12px;
    background-color: #65b560 !important;
    color: #fff !important;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}
.nav-tabs>li>a:hover {
    color: #65b560;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}
.tabs-highlight {
    display: none !important;
}

/* nav */
.bg-ad, .nav .open>a {
    background-color: #1f364d !important;
}
.nav .avatar {
    width: 50px;
    margin-top: -15px;
    margin-right: 15px;
}
.nav .caret {
    margin-left: 20px;
    margin-right: 25px;
    border: none;
    display: none;
}
.header .nav .caret {
    display: inline-block;
}
.nav .caret:after {
    content: "\f0d7";
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    top: 28px;
}

.navbar-nav {
    height: 80px;
}
.navbar-nav>li>a:link {
    font-size: 17px;
    color: #fff;
    height: 80px;
    padding-top: 29px;
}
.navbar-nav>li>a:visited {
    color: #fff;
}
.navbar-nav>li>a:hover {
    color: #fff;
}
.navbar-nav>li>a:active {
    color: #fff;
}
.bg-ad .nav li a:hover {
    background-color: transparent;
}

/* Datable buttons */
.btn-group .btn {
    box-shadow: none;
    padding: .6em 3em;
    border: 2px solid #ccc;
    background-color: #e8e8e8;
    border-left: none;
    transition: .2s all ease;
}
.btn-group .btn:hover {
    background-color: #fff;
    color: #65b560 !important;
}
.btn-group .btn+.btn {
    margin-left: 0;
}
.btn-group .btn.buttons-collection {
    margin-right: 30px;
    background-color: #65b560;
    border: 2px solid #65b560;
    color: #fff !important;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 8px 45px 6px;
    -webkit-border-top-right-radius: 50px !important;
    -webkit-border-bottom-right-radius: 50px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
}
.btn-group .btn.buttons-collection .fa-list-alt:before {
    font-size: 20px;
}
.btn-group .buttons-copy {
    -webkit-border-top-left-radius: 50px !important;
    -webkit-border-bottom-left-radius: 50px !important;
    border-top-left-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
    border-left: 2px solid #ccc;
}
.btn-group .buttons-pdf {
    -webkit-border-top-right-radius: 50px !important;
    -webkit-border-bottom-right-radius: 50px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
}

.dataTables_filter input {
    -webkit-border-radius: 50px !important;
    border-radius: 50px !important;
    background-color: #e8e8e8;
    border: 2px solid #ccc !important;
    height: 40px !important;
    position: relative;
    padding: 5px 20px !important;
    width: 250px !important;
}
.dt-button-collection.dropdown-menu {
    background-color: #fff;
    border: none;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    padding: 10px 20px;
    width: 190px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-top: 20px;
}
.dt-button-collection.dropdown-menu:before {
    content: "\f0d8";
    font: normal normal normal 24px/1 'Font Awesome 5 Free';
    color: #fff;
    position: absolute;
    top: -17px;
    left: 48px;
}
.dt-button-collection.dropdown-menu>li {
    border-bottom: 1px solid #ebeef0;
}
.dt-button-collection.dropdown-menu>li:last-child {
    border-bottom: none;
}
.dt-button-collection.dropdown-menu>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
}
.dt-button-collection.dropdown-menu>li>a {
    color: #b8c2cc;
    transition: .2s all ease;
}
ul.dt-button-collection.dropdown-menu>li>a:hover,
ul.dt-button-collection.dropdown-menu>.active>a:hover{
    background-color: #f7f7f7 !important;
}
.dt-button-collection.dropdown-menu>.active>a {
    color: #65b560;
}
.dt-button-collection.dropdown-menu>li>a:after {
    content: "\f070";
    color: #b8c2cc;
    font-size: 14px/1;
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    right: 30px;
}
.dt-button-collection.dropdown-menu>li>a:hover::after,
.dt-button-collection.dropdown-menu>.active>a:after {
    content: "\f06e";
    color: #65b560;
}
.dt-button-collection.dropdown-menu>li>a:hover,
.dt-button-collection.dropdown-menu>li>a:focus,
.dt-button-collection.dropdown-menu>.active>a,
.dt-button-collection.dropdown-menu>.active>a:hover,
.dt-button-collection.dropdown-menu>.active>a:focus {
    background-color: #fff !important;
    color: #737980;
}
.dt-buttons.btn-group {
    display: inline-block !important;
    margin-bottom: 15px;
}
.dataTables_info {
    color: #b8c2cc;
    margin-left: 1em;
}
.togglerDiv .dataTables_filter input {
    height: 36px !important;
    padding: 0 20px !important;
}

/* Admin panel */
#adminPanel {
    background-color: #e8e8e8;
}
#adminPanel .selectbox.pull-right {
    margin-right: 15px;
    margin-bottom: 15px;
}

/* Breadcrumbs */
.breadcrumb {
    padding: 20px 15px;
    padding-left: 40px;
}

/* Headers */
.panel {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.panel-default>.panel-heading, #posts.toggler, .tableBox .toggler .togglerHandle,
.tableBox.toggler .togglerHandle, .toggler .togglerHandle,
.tableBox.panel-default .panel-heading {
    background-color: #f0f3f5;
    box-shadow: none;
}
.panel.panel-default>.panel-heading {
    border: none;
}
.panel .label {
    text-transform: uppercase;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: .5em .6em;
    font-weight: normal;
    min-width: 85px;
}
.panel-heading h2 {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    white-space: normal;
    width: 65%;
    display: inline-block;
}
.panel .ago {
    color: #b8c2cc;
    font-size: 11px;
    font-weight: normal;
    display: block;
    margin-top: 4px;
}
.panel-body {
    background-color: #fff;
}
.panel-help:hover {
    background-color: transparent !important;
}
div[data-path="/vetcampus/pod.cfm?pod=lms-my-work"] .tableBox {
    padding: 0;
    border: 1px solid #d8d8d8;
}
div[data-path="/vetcampus/pod.cfm?pod=lms-my-work"] .tableBox:first-of-type {
    border: none;
}
div[data-path="/vetcampus/pod.cfm?pod=lms-my-work"] .tableBox h3 {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    white-space: normal;
    background-color: #f0f3f5;
    color: #333;
    padding: 15px 5%;
    margin-top: 0;
}
div[data-path="/vetcampus/pod.cfm?pod=lms-my-work"] .tableBox .tableRow {
    padding: 15px 0;
    width: 90%;
    margin: 0 auto;
    border-bottom: 1px solid #ebeef0;
    color: #b8c2cc;
}
div[data-path="/vetcampus/pod.cfm?pod=lms-my-work"] .tableBox .tableRow p {
    color: #b8c2cc;
}
div[data-path="/vetcampus/pod.cfm?pod=lms-my-work"] .tableBox .tableRow p.header {
    color: #333;
}
div[data-path="/vetcampus/pod.cfm?pod=lms-my-work"] .tableBox .tableRow.quizrow p,
div[data-path="/vetcampus/pod.cfm?pod=lms-my-work"] .tableBox .tableRow ol, .quizrow {
    color: #737980;
}
div[data-path="/vetcampus/pod.cfm?pod=lms-my-work"] .tableBox .tableRow:last-of-type {
    margin-bottom: 20px;
}
div[data-path="/vetcampus/pod.cfm?pod=lms-my-work"] .tableRow {
    padding-left: 1em;
}
div[data-path="/vetcampus/pod.cfm?pod=lms-my-work"] .tableRow .label {
    padding-right: 1em;
    text-transform: uppercase;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: .5em .6em;
    font-weight: normal;
    min-width: 85px;
}
.toggler>.togglerHandle.active {
    border: none;
}
#col1 > div:nth-child(3) > .panel-heading {
    background-color: #65b560;
    color: #fff;
}
#col1 > div:nth-child(3) > .panel-heading h2 {
    width: 65%;
}
#col1 > div:nth-child(3) > .panel-body {
    font-weight: bold;
}
#col1 > div:nth-child(3) > .panel-body .tableRow {
    position: relative;
}
#col1 > div:nth-child(3) > .panel-body a.site-button {
    font-size: 0;
    background-color: transparent;
    width: auto !important;
    position:absolute;
    right: 0;
    top: 7px;
}
#col1 > div:nth-child(3) > .panel-body a:after {
    content: "\f0a9";
    color: #65b560;
    display: inline-block;
    font-size: 24px/1;
    font-family: 'Font Awesome 5 Free';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
}
.tableRow {
    padding: 10px;
}
.tableRow p {
    padding-right: 20px;
}
.tableRow .enrolment {
    margin-top: 20px;
}
#col1 > div .tableCell:nth-child(1) {
    width: 65% !important;
}
#col1 > div .tableCell:nth-child(2) {
    width: 35% !important;
}
.tableBox .tableRow:nth-child(odd), .tableBox .tableRow:nth-child(2n) {
    background-color: transparent;
}

/* my learning */
#mylearningpanel #filter {
    width: 100%;
    margin-bottom: 20px;
}
#mylearningpanel #filter li {
    width: 33%;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}
#mylearningpanel #filter li+li {
    margin-left: 0;
}
#mylearningpanel #filter li:nth-child(5) {
    display: none;
}
#mylearningpanel #filter>.active>a:link {
    color: #65b560 !important;
    background-color: #f7f7f7 !important;
    font-weight: bold;
}
#mylearningpanel #filter a:link {
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    border: 2px solid #ebeef0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
#mylearningpanel #filter li:first-child a {
    border: 2px solid #ebeef0;
    border-radius: 50px 0 0 50px;
}
#mylearningpanel #filter li:nth-child(2) a {
    border-left: none;
}
#mylearningpanel #filter li:nth-child(4) a {
    border: 2px solid #ebeef0;
    border-left: none;
    border-radius: 0 50px 50px 0;
}
#mylearningpanel .well {
    background-color: transparent;
    border: none;
    padding: 0;
    box-shadow: none;
    transform: none !important;
    position: static !important;
    margin-bottom: 50px;
}
#mylearningpanel .well.itemcompleted {
    display: none;
}

/* progress bar */
#mylearningpanel .courselisting p:first-of-type {
    height: 30px;
    margin-bottom: 1em;
}
#mylearningpanel .courselisting p:first-of-type strong {
    width: 64px;
    float: left;
    font-weight: normal;
}

#mylearningpanel .courselisting p:nth-of-type(2) a:nth-of-type(2) {
    font-size: 0;
}
#mylearningpanel .courselisting p:nth-of-type(2) a:nth-of-type(2) {
    font-size: 13px;
    color: #fff;
    content: "Continue";
    padding: .5em 2em;
    background-color: #65b560;
    margin-left: .5em;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    font-weight: normal;
    text-transform: capitalize;
    display: initial;

}
#mylearningpanel .courselisting .progressBar {
    display: inline-block;
    float: left;
}
#mylearningpanel .courselisting .progressBar span {
    width: 10%;
    margin-left: 1em;
    color: #f6871f;
    font-weight: bold;
}
#mylearningitems .isotope-hidden {
    display: none;
}

.progressBar img {
    background-image: url("../images/progressbg_orange.gif");
    background-repeat: no-repeat;
    position: relative;
    top: -1px;
    height: 0;
    box-sizing: border-box;
}
.section-progress .toggler .progressBar {
    z-index: 200;
    width: auto;
}
.section-progress .toggler > .progressBar img {
    display: none;
}
.section-progress .toggler > .progressBar > span {
    color: #f6871f;
    font-weight: bold;
    font-size: 14px;
    position: relative;
    top: 7px;
    left: 20px;
}
.section-progress .tableBox  > .toggler > .progressBar +.togglerHandle {
    padding-left: 50px;
}
.section-progress .tableBox .togglerDiv .unit {
    padding-left: 80px;
}
.section-progress .formRow table td {
    padding: 8px 0;
    font-size: 12px;
}
.section-progress .formRow table td:nth-child(odd) {
    color: #b8c2cc;
}
.section-progress .formRow table td:nth-child(odd) strong {
    font-weight: normal;
}
.section-progress .togglerDiv.active {
    padding: 10px 10px;
}
.section-progress .tableBox .togglerDiv {
    background-color: transparent !important;
}
.section-progress .tableBox .togglerDiv.active {
    background-color: transparent !important;
    border: 1px solid #d8d8d8 !important;
    border-top: none !important;
}
.section-progress .togglerDiv.active .formRow {
    padding: 15px 25px 25px;
    background-color: #fff !important;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.section-progress .togglerDiv.active .formRow table {
    margin-bottom: 10px;
}
.section-progress .togglerDiv.active .formRow h4 {
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 20px;
    margin-bottom: 13px;
    border-bottom: 1px solid #ebeef0;
}
.section-progress .toggler>.togglerHandle.active {
    border: 1px solid #d8d8d8 !important;
}
/*
.section-progress .togglerDiv tr > td > .progressBar > img {
    display: none;
}
*/
.section-discussions .bd .name {
    color: #65b560;
    font-size: 13px;
}
/* table */
.table-striped {
    padding: .5em;
    background-color: #fff;
}
.table-striped tr,
.table-striped>tbody>tr:nth-of-type(odd),
.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #fff;
}
.table-striped tr {
    transition: .2s all ease;
}
.table-striped tr:hover {
    background-color: #f7f7f7 !important;
}
.table-striped thead tr:hover {
    background-color: #fff !important;
}
.table-striped tr:hover td:first-child a:link,
.table-striped tr:hover td:nth-child(3) a:link {
    color: #65b560;
}
table.table-bordered.dataTable {
    border-collapse: collapse !important;
}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border-bottom: none !important;
}
.table-striped.table>tbody>tr>th, .table-striped.table>tfoot>tr>th,
.table-striped.table>thead>tr>th {
    padding: 15px 25px;
}
.table-striped.table>tbody>tr>td, .table-striped.table>tfoot>tr>td,
.table-striped.table>thead>tr>td {
    padding: 15px 30px;
}
.table-striped th {
    text-transform: uppercase;
    font-size: 14px;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #ebeef0;
}
.table .sorting_asc:after, .table .sorting_desc:after {
    bottom: 14px !important;
    right: 17px !important;
}
.table-striped td:first-of-type a:link {
    font-weight: bold;
}

/* posts */
#posts h3 {
    transform: uppercase;
    color: #2e3033;
    font-size: 0;
}
#posts h3:after {
    content: "MY POSTS";
    font-size: 16px;
}
#posts .postlink {
    font-size: 0;
}
#posts .postlink:after {
    font-size: 13px;
    content: "\f075";
    font-size: 13px/1;
    font-family: 'Font Awesome 5 Free';
    color: #b8c2cc;
}
#posts .reportlink {
    font-size: 0;
}
#posts .reportlink:after {
    font-size: 13px;
    content: "\f024";
    font-size: 13px/1;
    font-family: 'Font Awesome 5 Free';
    color: #b8c2cc;
}
#posts .postlink, #posts .reportlink {
    margin-right: 1em;
}
.bd {
    position: relative;
}
.bd p {
    width: 60%;
}
.bd a:link {
    color: #65b560 !important;
    font-size: 13px;
}
.bd a:visited {
    color: #65b560 !important;
}
.bd a:hover {
    color: #65b560;
}
.bd a:active {
    color: #65b560;
}
.bd a:link span {
    color: #b8c2cc;
    font-size: 14px;
}
.bd .voting {
    width: 88px;
    position: absolute;
    right: 0;
    top: 10px;

}
.voting .netvotes {
    width: 80px;
    background: #f7f7f7;
    border-radius: 0;
    position: relative;
    top: 14px;
    left: -3px;
    font-size: 17px;
    font-weight: normal;
    color: #737980;
    padding: 7px;

}
.vote {
    background-color: #f7f7f7;
    padding: 13px;
    color: #b8c2cc;
}
.vote:last-of-type {
    position: relative;
    left: -7px;
}
.vote span:before {
    font-size: 14px !important;
}

/* profile */
.tableBox .togglerHandle, .toggler>.togglerHandle, .toggler>.togglerHandle h3 {
    text-transform: uppercase;
    color: #2e3033 !important;
    box-shadow: none;
}
.tableBox .togglerDiv {
    background-color: #fff !important;
    margin-bottom: 25px;
    box-shadow: none !important;
    border: none !important;
}
.tableBox .tableRow:nth-child(odd), .tableBox .formRow:nth-child(odd),
.toggler .formRow:nth-child(odd), .adminTable .tableRow:nth-child(2n),
.tableBox .tableRow:nth-child(2n), .tableBox .formRow:nth-child(2n),
.toggler .formRow:nth-child(2n), .tableRow.stripe, .formRow.stripe {
    background-color: transparent !important;
}
.tableBox .formRow {
    padding: 0;
}
.tableBox .formRow .btn {
    margin-left: 0;
}
.toggler > .formRow .formBlock {
    margin: 25px 0;
}
.section-profile .tableBox.panel .togglerDiv {
    padding: 0 25px;
}
.section-profile .togglerDiv .formRow {
    border-bottom: 1px solid #ebeef0 !important;
}
.section-profile .togglerDiv .formRow:last-child {
    border-bottom: none !important;
    padding-bottom: 10px;
}
.section-profile .togglerDiv .formRow label, .section-profile .togglerDiv .formRow .formBlock {
    padding-left: 1em;
}
.togglerDiv .formRow {
    border-bottom: none !important;
    padding: 19px 0 0 0;
}
.togglerDiv .formRow:last-child .formBlock {
    border-bottom: none !important;
}
.togglerDiv .formRow label {
    color: #b8c2cc !important;
    font-size: 13px;
}
.togglerDiv .formBlock {
    padding-bottom: 17px;
    border-bottom: 1px solid #ebeef0;
}
.togglerDiv .formBlock textarea {
    background-color: #f7f7f7;
    border: 2px solid #ebeef0;
}
#profile_toggler .togglerDiv .formBlock,
#residential_address_toggler .togglerDiv .formBlock,
#postal_address_toggler .togglerDiv .formBlock, .avetmissForm .formRow,
#picform .formRowm, #addaccount_form .formRow, .enrolment.ajax .formRow {
    border-bottom: none;
}
.avetmissForm {
    background-color: #fff !important;
    padding: 5px 20px !important;
}
.avetmissForm input[type="submit"].btn, .f-avetmiss_employment_status {
    margin-bottom: 25px;
}
.buttons {
    margin: 25px 0;
}
#addaccount_form {
    background-color: #fff !important;
    padding: 20px !important;
}
input[type="checkbox"].form-control {
    display: inline;
    width: auto;
    margin-right: .5em;
    position: relative;
    top: 2px;
}
.enrolment.ajax label {
    margin-top: 1em;
}
.formhelp {
    display: inline-block;
}


/* fas, icons */
.togglerHandle {
    background: none;
    position: relative;
}
.togglerHandle .toggle {
    right: revert;
}
.togglerHandle .toggle:before {
    display:none;
}
.togglerHandle:after {
    position: absolute;
    right: 17px;
    top: 14px;
    font-size: 20px/1;
    font-family: 'Font Awesome 5 Free';
}
.togglerHandle.active {
    background: none;
}
.fa-info:before {
    content: "\f05a";
    color: #65b560;
}
.fa-chevron-up:before, .togglerHandle.active:after {
    content: "\f205";
}
.fa-chevron-down:before, .togglerHandle:after {
    content: "\f204";
}
.fa-chevron-up:before, .fa-chevron-down:before {
    color: #2e3033;
    font-size: 20px;
}
.fa-columns:before {
    content: "\f212";
}
/*.nav .fa-calendar:before {
    content: "\f1ab";
}*/
.glyphicon {
    top: 3px;
}

/* reports */
#alerts .panel-heading {
    background-color: #fc3c70;
    color: #fff;
}
#alerts .panel-heading .badge {
    color: #fc3c70 !important;
    background-color: #fff !important;
    margin-left: 1em;
}
#alerts .glyphicon-info-sign:before {
    color: #fff !important;
}
#alerts .tableCell {
    padding-left: 30px;
    position: relative;
}
#alerts .tableCell a:link {
    font-size: 13px;
    font-weight: bold;
}
#alerts .tableCell:first-child {
    padding-left: 9%;
    width: 88% !important;
}
#alerts .tableCell:first-child::before {
    content: "\f071";
    color: #fc3c70;
    font-size: 13px/1;
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    left: 0;
    top: 5px;
}
#alerts .tableCell .badge {
    background-color: #fc3c70;
    color: #fff;
}

text tpath {
    font-weight: normal;
}
/*
svg path {
    filter: url('');
}
*/
#gauge_1 path:nth-of-type(2) {
    fill: rgb(101,181,96);
}
#gauge_2 path:nth-of-type(2) {
    fill: rgb(246,135,31);
}
#gauge_3 path:nth-of-type(2) {
    fill: rgb(244,204,19);
}
#gauge_4 path:nth-of-type(2) {
    fill: rgb(95,187,230);
}
#gauge_5 path:nth-of-type(2) {
    fill: rgb(43,152,187);
}
#gauge_6 path:nth-of-type(2) {
    fill: rgb(0,49,74);
}
#gauge_7 path:nth-of-type(2) {
    fill: rgb(0,49,74);
}
#gauge_8 path:nth-of-type(2) {
    fill: rgb(251,170,25);
}
#gauge_9 path:nth-of-type(2) {
    fill: rgb(191,14,114);
}
#gauge_10 path:nth-of-type(2) {
    fill: rgb(68,34,101);
}

/* trainers */
#trainermessagepostform .formRow {
    background-color: transparent !important;
    border-bottom: none !important;
}
.select2-container.select2 {
    width: 100% !important;
}
.select2-container .select2-selection--single {
    height: 35px !important;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #e0e0e0 !important;
    -webkit-border-radius: 50px;
    border-radius: 50px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 17px !important;
    padding-top: 0;
    padding-bottom: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 31px !important;
}
.tableRow, .formRow {
    border-bottom: none;
}
#trainermessagepostform select, .select2-container select,
.select2 .select2-selection__rendered {
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border-color: #d9d9d9;
    width: 100%;
    height: 40px;
    padding: 10px 20px;
    font-size: 14px;
}
.select2 .select2-selection__rendered {
    height: 33px;
    border-color: #e0e0e0;
}
#trainermessagepostform input {
    -webkit-border-radius: 50px;
    border-radius: 50px;
    height: 40px;
    padding: 10px 20px;
}
#trainermessagepostform input[type="file"] {
    padding: 8px 20px;
}
#trainermessagepostform textarea {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
#trainermessagepostform label, #studentseventform label {
    color: #b8c2cc !important;
    margin-left: 30px;
    margin-bottom: 1px;
    font-size: 13px;
}
#studentseventform label {
    margin-left: 15px;
}
#studentseventform .formRow {
    margin-bottom: 10px;
}
#studentseventform input[type="text"] {
    height: 34px !important;
    border-radius: 50px;
}
#studentseventform .form-control, .select2-selection__rendered {
    border-radius: 50px;
}
#studentseventform input[type="radio"]:nth-child(2) {
    margin-left: 1em;
}
#trainermessagepostform .btn-default {
    color: #65b560 !important;
    background-color: transparent;
    border-color: transparent;
    border-bottom-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#trainermessagepostform .btn-default:before {
    content: "\f055";
    font-size: 13px/1;
    font-family: 'Font Awesome 5 Free';
    color: #65b560;
    margin-right: 8px;
}
#trainermessageform .formBlock {
    margin-bottom: 10px;
}
#trainermessageform .formRow .formBlock {
    padding: 0 20px;
}
#trainermessageform .formRow:nth-of-type(5) {
    background-color: #f7f7f7 !important;
    border-top: 1px solid #eee;
    padding-top: 20px;
}
#trainermessageform .formBlock.buttons {
    margin: 10px 0px 30px 15px;
}
#trainermessagepostform {
    margin-bottom: 0;
}
#trainermessagepostmodal .modal-dialog, #eventpostmodal .modal-dialog {
    width: 500px;
}

#trainermessagepostmodal .modal-body {
    padding: 20px 0px 0px;
}

.attendanceform .btn {
    margin-top: 30px;
}
.attendanceform .btn:first-child {
    margin-right: 1em;
}
.form-control {
    border: 1px solid #e0e0e0;
}

.attachments-container .btn.another-attachment {
    padding: 1em;
}

#eventpostmodal .modal-body {
    padding: 25px;
}

.modal-backdrop {
    background-color: #00314a;
}
.modal-backdrop.in {
    opacity: 0.7;
}
.modal-header {
    border-bottom: 0;
    padding: 20px;
    padding-bottom: 0;
}
.modal-title {
    text-transform: uppercase;
    font-size: 16px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
}

.modal-header .close {
    font-weight: bold;
    color: #000;
    opacity: .7;
}
.btn {
    text-transform: uppercase;
    font-size: 14px;
    padding: 1.1em 2.5em;
    font-weight: bold;
}
.btn-group-sm>.btn, .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-group-xs>.btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.dt-buttons .btn {
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
.attachments-container .btn {
    text-transform: initial;
    padding: 0;
    font-weight: normal;
}
.modal-footer {
    padding: 20px 20px 35px;
    background-color: #f7f7f7;
    border-top: none;
}
.modal-footer button {
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: .7em 2.5em;
}
.modal-footer button:first-child {
    margin-right: 1em;
}

/*
#footer {
    display: none;
}
*/

/* breadcrumbs */
.breadcrumb>li:first-child>a:link {
    color: #b8c2cc;
}
.breadcrumb>li:first-child i {
    margin-right: 1em;
    position: relative;
    top: 2px;
}
.breadcrumb>li:first-child i:before {
    font-size: 15px;
}
.breadcrumb .active a:link {
    color: #65b560;
    font-size: 1em;
}
.breadcrumb .active a:visited {
    color: #65b560;
}
.breadcrumb .active a:hover {
    color: #65b560;
}
.breadcrumb .active a:active {
    color: #65b560;
}

/* calendar */
.fc-state-default {
    background-image: none !important;
    background-color: #fff !important;
    text-shadow: none !important;
    box-shadow: none !important;
    border: 2px solid #ebeef0 !important;
}
.fc-state-default:hover {
    background-color: #f7f7f7 !important;
}
.fc-corner-left {
    -webkit-border-top-left-radius: 50px !important;
    -webkit-border-bottom-left-radius: 50px !important;
    border-top-left-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
}
.fc-corner-right {
    -webkit-border-top-right-radius: 50px !important;
    -webkit-border-bottom-right-radius: 50px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
}
.fc-prev-button, .fc-month-button, .fc-agendaWeek-button {
    border-right: none !important;
}
.fc-state-active {
    color: #65b560 !important;
    background-color: #f7f7f7 !important;
    font-weight: bold;
}
#calendar h2 {
    font-weight: bold;
    font-size: 15px;
    position: relative;
    top: 4px;
}
#calendar .fc-scroller {
    min-height: 264px;
}
#calendar .fc-event-container a:link {
    color: #fff;
    font-weight: normal;
    background-color: #65b560;
}
#calendar .fc-event-container a:visited {
    color: #fff;
}
#calendar .fc-event-container a:hover {
    color: #fff;
}
#calendar .fc-event-container a:active {
    color: #fff;
}

#calendar .fc-event-container a:link .fc-time {
    font-weight: bold;
}
#calendar .fc-widget-header, #calendar th {
    border: none;
}
#calendar th {
    color: #b8c2cc;
    text-align: left;
    padding: 5px;
    font-weight: normal;
}
#calendar .fc-basic-view td.fc-day-number {
    padding: 5px;
}
#calendar .fc-other-month {
    color: #b8c2cc;
}

/* forum */
.portlet .postslisting .toppost:nth-child(n+6) {
    display: none;
}
.toppost .children {
    margin-left: 25px !important;
}
.toppost .img {
    margin-right: 1em;
    margin-bottom: 2em;
}
.tableRow p.header {
    background-color: transparent;
    box-shadow: none;
    padding-left: 0;
    min-height: 0;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
}
.tableRow p:nth-child(2) {
    font-size: 13px;
    margin-bottom: 25px;
}
.tableRow p:nth-child(3) a:link {
    margin: 2px 0;
    display: inline-block;
    color: #65b560;
    text-transform: uppercase;
    font-size: 13px;
    padding: .5em 2em;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 2px solid #65b560;
}
.tableRow p:nth-child(3) span {
    font-style: normal;
    position: relative;
    top: -3px;
}
.panel.panel-default>.panel-heading {
    font-size: 13px;
}
.panel.panel-default .tableRow {
    background-color: #fff;
}
.postcontent {
    font-size: 14px;
    font-weight: bold;
    color: #737980;
}


/* links */
a:link {
    /*
    color: #737980;
    */
    font-weight: bold;
}
/*
a:visited {
    color: #737980;
}
a:hover {
    color: #737980;
}
a:active {
    color: #737980;
}
*/
@media(min-width:320px) and (max-width:620px) {
    .btn-group .btn {
        padding: .6em 5%;
    }
    .btn-group .btn.buttons-collection {
        padding: 8px 23px 6px;
        margin-right: 17px;
    }
    .dt-button-collection.dropdown-menu:before {
        left: 27px;
    }

}
@media(min-width:320px) and (max-width:767px) {
    .nav {
        margin-top: 80px;
    }
    .nav-off-screen+* {
        transform: none !important;
    }
    .navbar+section .nav-off-screen+* {
        top: 0;
    }
    .navbar .dropdown-menu .arrow {
        display: none;
    }
    .navbar-nav>li>a:link {
        height: auto !important;
        padding-top: 15px;
        padding-bottom: 30px;
        text-align: left;
    }
    .nav-xs.nav-off-screen {
        height: 640px;
        display: block !important;
        z-index: 2000;
        transform: translateX(0px);
        transition: .5s all ease;
    }
    .nav-xs.hidden-xs {
        display: block !important;
        height: 100%;
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 1000;
    }
    .nav-xs {
        transition: .5s all ease;
        transform: translateX(-220px);
    }
    .nav-user .avatar {
        width: 40px !important;
        float: left !important;
        margin-top: -12px;
    }
    .nav-user .avatar:before {
        border: none !important;
    }
    .nav .caret {
        display: none !important;
    }
    .bg-light .nav-primary {
        border-bottom: 1px solid rgba(255,255,255,0.05) !important;
    }


    #wrapper {
        padding-top: 80px !important;
    }

    .navbar-header i:before {
        font-size: 13px/1;
        font-family: 'Font Awesome 5 Free';
        color: #fff;
        position: relative;
        top: 18px;
        opacity: .5;
        -webkit-transition: .2s all ease;
        transition: .2s all ease;
    }
    .navbar-header i:hover::before {
        opacity: 1;
    }
    .navbar-header .fa-bars:before {
        content: "\f0c9";
        left: 10px;
    }
    .navbar-header .fa-cog:before {
        content: "\f013";
        right: 10px;
    }
    .btn .fa {
        display: inline-block;
    }
    .navbar+section .nav-off-screen {
        top: 80px;
    }
    .bg-light .nav-primary ul.nav>li>a {
        border-color: transparent !important;
    }
    .bg-light .nav-primary ul.nav>li>a>i {
        border-right: none !important;
    }
    div.dataTables_wrapper div.dataTables_filter {
        width: 100%;
    }
    div.dataTables_wrapper div.dataTables_filter input {
        width: 100% !important;
        margin-left: 0 !important;
    }

    table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,
    table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
        position: relative;
        top: 3px;
    }
    .bd p {
        width: 50%;
    }
}
@media(min-width:768px) and (max-width:1023px) {
    .nav {
        margin-top: 80px;
    }
    div.dataTables_wrapper div.dataTables_filter {
        width: 100%;
    }
    div.dataTables_wrapper div.dataTables_filter input {
        width: 100% !important;
        margin-left: 0 !important;
    }
    table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,
    table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
        position: relative;
        top: 3px;
    }
}
@media(min-width:1024px) and (max-width:1100px) {
    #mainPage .row > div {
        padding-right: 0;
    }
    #mainPage .row > div:first-child, #mainPage .row > div:last-child {
        padding-right: 15px;
    }

    #mylearningpanel #filter a:link {
        font-size: 9px;
        min-height: 44px;
    }
    .panel-heading h2 {
        width: 60%;
    }
    #alerts .tableCell:first-child {
        width: 86% !important;
    }
    #col1 > div:nth-child(3) > .panel-heading h2 {
        width: 63%;
    }
    .btn-group .btn {
        padding: .6em 25px;
    }

}
@media(min-width:1024px) and (max-width:1300px) {
    #mylearningpanel .well p:nth-of-type(2) a:nth-of-type(2)::after {
        margin-top: 1em;
        margin-left: 0;
        display: inline-block;
    }

    .fc-toolbar .fc-center {
        width: 100%;
    }
    #calendar h2 {
        display: block;
        margin-top: 1em;
    }
}
@media(min-width:1024px) and (max-width:1400px) {
    body {
        font-size: 11px;
    }
    #col1 > div .tableCell:nth-child(1) {
        width: 59%;
    }

    #posts img {
        max-width: 25px;
        height: auto;
    }
    .panel .label {
        min-width: 50px;
    }
}
@media(min-width:1301px) and (max-width:1400px) {
    #mylearningpanel #filter a:link {
        min-height: 60px;
    }
}
@media(min-width:768px) {
    .visible-nav-xs {
        display: none
    }
    .aside-md.nav-xs {
        width: 220px
    }
    .aside-md.nav-xs .slimScrollDiv,
    .aside-md.nav-xs .slim-scroll {
        overflow: visible !important
    }
    .aside-md.nav-xs .slimScrollBar,
    .aside-md.nav-xs .slimScrollRail {
        display: none !important
    }
    .aside-md.nav-xs .scrollable {
        overflow: visible
    }
    .aside-md.nav-xs .nav-primary {
        margin-top: 30px;
    }
    .aside-md.nav-xs .nav-primary>ul>li>a {
        position: relative;
        padding: 0;
        font-size: 13px;
        text-align: center;
        height: 50px;
        overflow-y: hidden;
        border: 0;
        color: #ccc;
    }
    .aside-md.nav-xs .nav-primary>ul>li>a span {
        color: #ccc !important;
        display: table-cell;
        vertical-align: middle;
        height: 60px;
        width: 60px;
        position: relative;
        z-index: 2
    }
    .aside-md.nav-xs .nav-primary>ul>li>a span.pull-right {
        display: none !important
    }
    .aside-md.nav-xs .nav-primary>ul>li>a span:nth-of-type(2) {
        position: relative;
        top: -6px;
    }
    /*
    .aside-md.nav-xs .nav-primary>ul>li>a i {
        width: auto;
        float: none;
        display: block;
        font-size: 19px;
        margin: 0;
        line-height: 60px;
        border: none !important;
        color: #fff !important;
        overflow: visible;
        -webkit-transition: margin-top .2s;
        transition: margin-top .2s
    }
    */
    .aside-md.nav-xs .nav-primary>ul>li>a>i {
        margin: 0 0 0 -2px;
        line-height: 50px;
        width: 50px !important;
        float: left;
        margin-right: 10px;
        font-size: 19px;
        border-right: 1px solid rgba(255,255,255,0.05);
        text-align: center;
        position: relative;
        overflow: hidden;
        color: #cccccc !important;
    }
    .aside-md.nav-xs .nav-primary>ul>li:hover>a>i {
        margin-top: 0px !important;
        width: 50px !important;
        line-height: 50px !important;
        left: 0 !important;
        top: 0 !important;
    }
    .aside-md.nav-xs .nav-primary>ul>li>a>i>b {
        left: -48px !important;
        -webkit-transition: top .2s;
        transition: top .2s;
        position: absolute;
        width: 50px !important;
        height: 50px !important;
        top: 0;
        bottom: 0;
        z-index: 0;
        -webkit-transition: left .25s;
        transition: left .25s;
    }
    .aside-md.nav-xs .nav-primary>ul>li:hover>a>i>b {
        left: 0 !important;
        width: 50px !important;
        line-height: 50px !important;
        top: 0 !important;
    }

    .aside-md .nav-primary>ul>li:hover>a>i b::before {
        top: 0 !important;
        color: #fff !important;
    }

    .aside-md.nav-xs .nav-primary>ul>li>a .badge {
        position: absolute;
        right: 6px;
        top: 4px;
        z-index: 3
    }
    .aside-md.nav-xs .nav-primary>ul>li:hover>a i,
    .aside-md.nav-xs .nav-primary>ul>li:focus>a i,
    .aside-md.nav-xs .nav-primary>ul>li:active>a i {
        margin-top: -60px
    }
    .aside-md.nav-xs .nav-primary>ul>li:hover>a i b,
    .aside-md.nav-xs .nav-primary>ul>li:focus>a i b,
    .aside-md.nav-xs .nav-primary>ul>li:active>a i b,
    .aside-md.nav-xs .nav-primary>ul>li.active>a i b {
        height: 60px;
        top: 60px
    }
    .aside-md.nav-xs .nav-primary>ul ul {
        display: none !important;
        position: absolute;
        left: 100%;
        top: 0;
        z-index: 1050;
        width: 220px;
        -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        border: 1px solid #ddd;
        border: 1px solid rgba(0, 0, 0, 0.1);
        background-clip: padding-box
    }
    .aside-md.nav-xs .nav-primary li:hover>ul,
    .aside-md.nav-xs .nav-primary li:focus>ul,
    .aside-md.nav-xs .nav-primary li:active>ul {
        display: block !important
    }
    .aside-md.nav-xs.aside-md.nav-xs-right .nav-primary>ul ul {
        left: auto;
        right: 100%
    }
    .aside-md.nav-xs>.vbox>.header,
    .aside-md.nav-xs>.vbox>.footer {
        padding: 0 15px
    }
    .aside-md.nav-xs .hidden.aside-md.nav-xs {
        display: none
    }
    .aside-md.nav-xs .visible.aside-md.nav-xs {
        display: inherit
    }
    .aside-md.nav-xs .nav-user {
        padding: 12px 0
    }
    .aside-md.nav-xs .nav-user .avatar {
        float: none !important;
        margin-right: 0
    }
    .aside-md.nav-xs .nav-user .dropdown>a {
        display: block;
        text-align: center
    }
    .aside-md.nav-xs .navbar-header {
        float: none
    }
    .aside-md.nav-xs .navbar-brand {
        display: block;
        padding: 0
    }
    .aside-md.nav-xs .navbar-brand img {
        margin-right: 0
    }
    .aside-md.nav-xs .navbar {
        padding: 0
    }

    .bg-light .nav-primary {
        border-bottom: none;
    }
    .news_item {
       background: #fff;
       padding: 30px;
       line-height: 2;
       max-width: 60%;
}
    .formBlock {
       margin-bottom: 20px;
}
    a.continue-learning {
       font-size: 13px;
       color: #fff;
       padding: .5em 1em;
       background-color: #65b560;
       border-radius: 10px;
       font-weight: normal;
}

}
.tab-content {
    margin-top: 20px;
    padding-top: 5px;
}
#mylearningitems .courselisting{
width:100% !important;
}
   div#Employer_news {
        background-color: #fff !important;
}
    textarea#message_content_text {
        min-height: 150px;
}
    .h2, h2 {
        font-size: 22px;
}
.merge_fields {
    background-color: #fff;
    overflow-y: scroll;
    margin: 15px;
    padding: 10px;
    -webkit-column-count: 4;
    column-width: 300px;
}
input.form-control.input-sm {
    background-color: #fff;
    border-color: #65b560;
}
a[href^="mailto:"] {
    pointer-events: none;
}

a {
    color: #65b560;
}

div#faq_module h2 {
    font-size: 18px;
    color: #4b4d4b;
    font-weight: bold;
}

div#faq_module h3 {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    white-space: normal;
}
.faq-category-body {
    background-color: #fff;
}

.faq-ask-question {
    display: none;
}
.questions > .question {
    padding: 0 0 10px;
    margin-bottom: 15px;
    border-bottom: 5px solid #ddd;
}
.faq_category .links {
    display: none;
}
.tableRow {
	margin-left: 10px;
}


/*custom_style.css"*/
/*font-family: 'Source Sans 3', sans-serif;*/


body, body p, body li, body a{
	font-family: 'Source Sans 3', sans-serif;
}

.vbox h1, .vbox h2, .vbox h3, .vbox h4, .vbox h5, .vbox h5{
	font-family: 'Source Sans 3', sans-serif;
}



.vbox .bg-ad {
	background: url("images/header-bg.png") no-repeat 0 0;
	background-size: 100% 82px;
}


.vbox .bg-ad .navbar-brand {
	padding: 16px 20px;
}


.vbox #quickMessage a {
	padding: 16px 0 0;
}


#quickMessage a i {
	border: 5px solid #8eb668;
	border-radius: 100%;
	background: #fff;
	color: #8eb668;
	font-size: 19px;
	padding: 0;
	width: 48px;
	height: 48px;
	line-height: 39px;
	text-align: center;
}


.nav-user .thumb-sm.avatar img {
	border: 5px solid #008964;
}



.vbox .bg-ad .navbar-brand img {
	width: 100%;
	height: auto;
	max-height: none;
}


.nav-user li a {
	text-transform: uppercase;
	font-weight: 500;
}


header ul.nav-user li a b::after {
	color: #fff;
	font-size: 23px;
}


.vbox header .dropdown-menu {
	background: #00314a;
	margin-top: 1px;
}


.vbox header .dropdown-menu li a {
	color: #fff;
	font-weight: 400;
}


.vbox header .dropdown-menu li a:hover {
	color: #000;
}



.vbox #sidebar {
	background: #137060;
}


.vbox #sidebar ul.nav li  {
	border-bottom: 1px solid #b1ca56;
	padding: 10px 14px 10px 0;
	margin-left: 15px;
}

.vbox #sidebar ul.nav li a {
	display: flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	text-align: left;
}
.bg-light .nav-primary ul.nav>li>a{
	border-top: 0;
}

.vbox #sidebar ul.nav li a:hover,
.vbox #sidebar ul.nav li:hover a,
.vbox #sidebar ul.nav li a:focus,
.vbox #sidebar ul.nav li:focus a {
	background: transparent !important;
}



.vbox #sidebar ul.nav li span {
	width: 100%;
	color: #fff !important;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 15px;
	height: auto;
	top: 1px;
	display: flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
}


.vbox #sidebar ul.nav li a i {
	color: #fff !important;
	line-height: normal;
	font-size: 24px;
	width: 30px !important;
	margin: 0 20px 0 0;
}


.vbox #sidebar ul.nav li a span i {
	margin: 0;
	width: auto !important;
}



.vbox #sidebar ul.nav li a i b {
	display: none;
}


.vbox #sidebar ul.nav li:hover a i,
.vbox #sidebar ul.nav li:hover a span,
.vbox #sidebar ul.nav li ul li:hover a i,
.vbox #sidebar ul.nav li ul li:hover a span,
.vbox #sidebar ul.nav li a.active i,
.vbox #sidebar ul.nav li a.active span{
	color: #e7dd51 !important;
}



.vbox #sidebar ul.nav li:hover ul a i,
.vbox #sidebar ul.nav li:hover ul a span{
	color: #fff !important;
}


.vbox #sidebar ul.nav li .nav {
	background: #00314a;
}


.vbox #sidebar ul.nav li ul li {
	margin: 0;
}


.vbox #sidebar ul.nav li ul li a {
	padding: 0 13px !important;
	height: 49.8px;
	border: none;
	line-height: normal;
}


.vbox #sidebar ul.nav li ul li a i {
	border: none;
	margin-right: 5px;
}



.vbox #main #adminPanel {
	background: #fff;
}


#adminPanel .panel-heading {
	display: flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	border-radius: 19px;
	padding: 18px 20px;
}


#adminPanel .panel-heading h2 {
	font-weight: 600;
	width: auto;
	margin: 0;
	color: #fff;
}


#adminPanel .panel-heading .clearfix {
	display: none;
}


#adminPanel #col1 .panel-heading {
	background: #c9d357;
	color: #fff;
}


#adminPanel .panel-heading ul li a {
	padding: 0;
}


#adminPanel .panel-heading ul li i::before {
	background: #00314a;
	color: #fff;
	border-radius: 100%;
	width: 25px;
	height: 25px;
	font-size: 10px;
	display: inline-block;
	text-align: center;
	line-height: 25px;
}


#col1 .panel-default:first-child .panel-body .tableRow {
	background: #f2f2f2;
	margin: 10px 0;
	padding: 18px 10px;
	border-radius: 15px;
}


#col1 .panel-default a,
#col1 .panel-default span {
  color: #000;
  font-weight: 400;
}


#col1 .panel-default .tableCell:last-child span {
	color: #fff;
	padding: 8px 2px;
	margin-top: 5px;
	border-radius: 3px;
	width: 100%;
}


#col1 .panel-default .tableCell .progress {
	width: 100% !important;
	height: auto !important;
}


#col1 .panel-default .tableCell .progress div {
	padding: 8px 5px;
	border-radius: 3px;
}


#adminPanel #col1 .panel-default:last-child .panel-heading {
	background: #00314a;
	border-radius: 18px 18px 0 0;
}


#adminPanel #col1 .panel-default:last-child .panel-heading ul li i::before {
	background: #008964;
}


#adminPanel #col1 .panel-default:last-child .panel-body {
	background: #c9d357;
	border-radius: 0 0 18px 18px;
}


#adminPanel #col1 .panel-default:last-child .tableRow {
	background: transparent;
}


#adminPanel #col1 .panel-default:last-child .tableCell {
	display: flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	width: 100% !important;
}


#adminPanel #col1 .panel-default:last-child .tableCell a.thumb-sm {
	background: #fff;
	border: 7px solid #8eb668;
	border-radius: 100%;
	padding: 5px;
	width: 60px;
	height: 60px;
	margin: 0 6px 11px 0 !important;
}


#adminPanel #col2 .panel-heading {
	background: #008964;
}


#adminPanel #col2 .panel-heading ul li i::before {
	background: #e7dd51;
}


#adminPanel #col2 .panel-body {
	border: 1px solid rgba(0,0,0,0.3);
	padding: 20px;
	border-radius: 16px;
	margin-top: 20px;
	box-shadow: 8px 7px 0 1px #f2f2f2;
	margin-bottom: 25px;
}


#adminPanel #col2 .fc-button-group button {
	font-size: 11px;
}


#adminPanel #col2 .fc-left button {
	font-size: 11px;
}


#adminPanel #col2 .fc-view-container {
	margin-bottom: 40px;
}



#adminPanel #col3 .panel-default:first-child .panel-heading {
  background: #a1be52;
}


#adminPanel #col3 .panel-default:first-child .panel-heading ul li i::before {
	background: #137060;
}


#adminPanel #col3 .tableRow {
	margin: 0;
}


#adminPanel #col3 .tableRow .tableCell a {
	background: #eef4e8;
	display: block;
	padding: 12px 13px;
	color: #000;
	font-weight: 400;
	border-radius: 5px;
}


#adminPanel #col3 .panel-default:nth-child(2) .panel-heading {
  background: #00314a;
}


#adminPanel #col3 .panel-default:nth-child(2) .panel-heading ul li i::before {
	background: #008964;
}


#adminPanel #col3 .panel-default:nth-child(3) .panel-heading {
  background: #105852;
}


#adminPanel #col3 .panel-default:nth-child(3) .panel-heading ul li i::before {
	background: #efae49;
}


#adminPanel #col3 #mylearningitems {
	margin-top: 20px;
}


#adminPanel #col3 #mylearningitems div.colorhash {
	border-radius: 20px;
}


#adminPanel #col3 .courseinfo img,
#adminPanel #col3 .programmeinfo img {
	display: none;
}


#adminPanel #col3 .courseinfo h4 {
	font-weight: 600;
}


#adminPanel #col3 .courseinfo i {
	color: #76b66a;
}


#adminPanel #col3 .courseinfo .btn-toolbar {
	display: flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
}


#adminPanel #col3 .programmeinfo .btn-toolbar a,
#adminPanel #col3 .courseinfo .btn-toolbar a {
	background: #137060;
	padding: 4px 10px;
	border-radius: 6px;
	font-weight: 400;
	border: none;
}



#adminPanel #col3 #posts .panel-heading {
  background: #a1be52;
}


#adminPanel #col3 #posts .panel-heading ul li i::before {
	background: #137060;
}




@media (max-width:767px){


	.vbox #sidebar ul.nav li a span i.fas {
		display: none;
	}


	.vbox #sidebar ul.nav li a {
		display: inherit !important;
		padding-left: 0;
	}


	.vbox #sidebar ul.nav li {
		padding: 10px 14px;
		margin-left: 0;
	}


	.vbox #sidebar ul.nav li span {
		width: auto;
	}


	.vbox #sidebar ul.nav li ul {
		margin-top: 0;
	}

	.vbox #sidebar ul.nav li ul li a {
		height: auto;
	}

	.vbox #sidebar ul.nav li .nav li:last-child {
		border: none;
	}


}/*=====media close====*/