:root {
    --litmos-primary-color: #f0ab00;
    --litmos-primary-color-foreground:#000000;
    --litmos-primary-color-dark: #a87700;
    --litmos-primary-color-light: rgba(240, 171, 0, 0.1);

    --litmos-navbar-background-color: #121212;
    --litmos-navbar-text-color: #ffffff;

    --litmos-toolbar-background-color: #262626;
    --litmos-toolbar-text-color: #ffffff;

    --white-background:#FFFFFF;

    --litmos-link-color: #f0ab00;
    --litmos-link-color-darker: #a87700;

    --litmos-button-color: #f0ab00;
    --litmos-button-foreground: #000000;

    --litmos-accent-1: #1b90ff;
    --litmos-accent-1-dark: #0057d2;
    --litmos-accent-1-light: #ebf8ff;
    --litmos-accent-1-transparent: rgba(27, 145, 255, 0.1);

    --litmos-accent-2: #9b76ff;
    --litmos-accent-2-dark: #5d36ff;
    --litmos-accent-2-light: #f1ecff;
    --litmos-accent-2-transparent: rgba(155, 118, 255, 0.1);

    --litmos-accent-3: #f58b00;
    --litmos-accent-3-dark: #a93e00;
    --litmos-accent-3-light: #fff8d6;
    --litmos-accent-3-transparent: rgba(245, 139, 0, 0.1);

    --litmos-accent-4: #5dc122;
    --litmos-accent-4-dark: #256f3a;
    --litmos-accent-4-light: #f5fae5;
    --litmos-accent-4-transparent: rgba(92, 193, 34, 0.1);

    --litmos-accent-5: #ee3939;
    --litmos-accent-5-dark: #aa0808;
    --litmos-accent-5-light: #ffeaf4;
    --litmos-accent-5-transparent: rgba(238, 57, 57, 0.1);

    --litmos-accent-6: #04aca7;
    --litmos-accent-6-dark: #046c7a;
    --litmos-accent-6-light: #dafdf5;
    --litmos-accent-6-transparent: rgba(4, 172, 167, 0.1);

    --litmos-accent-7: #f31ded;
    --litmos-accent-7-dark: #a100c2;
    --litmos-accent-7-light: #fff0fa;
    --litmos-accent-7-transparent: rgba(243, 29, 236, 0.1);

    --litmos-accent-9: #8396a8;
    --litmos-accent-9-dark: #475e75;
    --litmos-accent-9-light: #f3f4f6;
    --litmos-accent-9-transparent: rgba(131, 150, 168, 0.1);

    --litmos-button-radius-s: 6px;
    --litmos-button-radius-m: 8px;
    --litmos-button-radius-l: 10px;

    --litmos-panel-radius: 8px;
    --litmos-panel-shadow: 0px 2px 4px rgba(0, 0, 0, 0.07), 0px 0px 2px rgba(0, 0, 0, 0.12);
}

/***************** BOOTSTRAP OVERWRITES ***********************/
body {
    font-family: '72 Regular', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #333;
    background-color: #f3f6f7;
}
.label
{
    border-radius: 0;
}

a
{
    color: #777;
}

a:hover,
a:focus
{
    text-decoration: none;
    color: #00a9e0;
}

table a {
    color: inherit;
}

label { display:inline; }

input[type="checkbox"],
input[type="radio"],
input[type="range"] {
    accent-color: var(--litmos-primary-color);
}

.hstack {
    display: flex;
    flex-direction: row;
}
.hstack.wrap {
    flex-wrap: wrap;
}
.hstack.center-v {
    align-items: center;
}
.hstack.center-h {
    justify-content: center;
}

.hstack > .fill {
    flex: 1;
}

.hstack > .spacer,
.vstack > .spacer {
    flex: 1;
}

.vstack {
    display: flex;
    flex-direction: column;
}
.vstack.center-v {
    justify-content: center;
}
.vstack.center-h {
    align-items: center;
}

.btn-primary {
    color: #fff;
    border-color: #f0ab00;
    background-color: #444790;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus, .btn-primary:active:hover {
    color: #fff;
    border-color: #D89900;
    background-color: #D89900;
}

.btn-danger {
    color: #fff;
    border-color: #d43f3a;
    background-color: #D4403A;
}

.navbar-toggle:focus {
    outline: 1px solid blue;
}

#results-export a:hover, #results-export a:focus, #results-export a:active, #results-export a
{
    text-decoration: none;
    color: White !important;
}

.panel {
    border-radius: var(--litmos-panel-radius);
    box-shadow: var(--litmos-panel-shadow);
}

.panel.overflow {
    overflow: visible;
}
.panel.no-overflow {
    overflow: hidden;
}

.content-card {
    overflow: hidden;
}

.content-card .viewpanelbody > a {
    color: inherit;
}

.table-row-action-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 14px;
}

/*autocomplete css*/
.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
    border-radius: 5px;
    padding:2px;
}
.ui-menu .ui-menu-item-wrapper {
    display: flex !important;
    flex-direction: column;
    justify-content: left;
    padding:6px 2px !important;
}
.ui-autocomplete > li:last-child > .ui-menu-item-wrapper {
    flex-direction: row !important;
    justify-content: center !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-state-active:hover {
    border: 1px solid #eee !important;
    border-radius:5px;
    background: #e6e6e6 !important;
    color: #333 !important;
}
.ui-menu-item:last-child .ui-state-active:hover {
    border: none !important;
    background: none !important;
    color: black !important;
    cursor: none;
}

ul#userCoursesTabs.nav-tabs > li.active > a, ul#userCoursesTabs.nav-tabs > li.active > a:hover, ul#userCoursesTabs.nav-tabs > li.active > a:focus {
    background-color: transparent !important;
    border: none !important;
    font-weight: bold;
    text-transform: capitalize;
}
ul#userCoursesTabs.nav > li > a:hover, ul#userCoursesTabs.nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
    border:1px solid transparent;
}

    /* .grid-stack>.grid-stack-item>.grid-stack-item-content {
    overflow: visible !important;
} */
    /* 

TAG: 

warning
info
danger
primary
success
dark
muted

accent-1
accent-2
accent-3
accent-4
accent-5
accent-6
accent-7

*/
    .tag {
    display: inline-block;
    position: relative;
    border-radius: 5px;
    padding: 4px 8px;
    font-size: 11px;
    line-height: 1;
    vertical-align: middle;
    font-weight: bold;
    border-radius: 20px;
    color: #0057d2;
    color: var(--litmos-accent-1-dark);
    background-color: rgba(27, 145, 255, 0.1);
    background-color: var(--litmos-accent-1-transparent);
}

.tag.text-dark {
    color: #FFF;
    background-color: #4d4d4d;
}

.tag.text-muted {
    color: #737373;
    background-color: rgba(115, 115, 115, 0.15);
}

.tag.text-muted-darkbg {
    color: #949494;
    background-color: rgba(148, 148, 148, 0.15);
}


.tag.text-accent-1,
.tag.text-info,
.tag.text-info-darkbg {
    color:#0057d2;
    color:var(--litmos-accent-1-dark);
    background-color: rgba(27, 145, 255, 0.1);
    background-color: var(--litmos-accent-1-transparent);
}

.tag.text-accent-1-darkbg,
.tag.text-info-darkbg {
    color:#4a90f2;
}

.tag.text-accent-2,
.tag.text-accent-2-darkbg {
    color:#5d36ff;
    color:var(--litmos-accent-2-dark);
    background-color: rgba(155, 118, 255, 0.1);
    background-color: var(--litmos-accent-2-transparent);
}

.tag.text-accent-2-darkbg {
    color: #a691fe;
}

.tag.text-accent-3,
.tag.text-warning,
.tag.text-warning-darkbg
 {
    color: #a93e00;
    color: var(--litmos-accent-3-dark);
    background-color: rgba(245, 139, 0, 0.1);
    background-color: var(--litmos-accent-3-transparent);
}

.tag.text-accent-3-darkbg,
.tag.text-warning-darkbg {
    color: #ec995b;
}

.tag.text-accent-4,
.tag.text-success,
.tag.text-primary,
.bg-dark .tag.text-success,
.tag.text-success-darkbg {
    color:#256f3a;
    color:var(--litmos-accent-4-dark);
    background-color: rgba(92, 193, 34, 0.1);
    background-color: var(--litmos-accent-4-transparent);
}

.tag.text-accent-4-darkbg,
.tag.text-success-darkbg {
    color: #72be87;
}

.tag.text-accent-5,
.tag.text-danger,
.tag.text-danger-darkbg {
    color:#aa0808;
    color:var(--litmos-accent-5-dark);
    background-color: rgba(238, 57, 57, 0.1);
    background-color: var(--litmos-accent-5-transparent);
}

.tag.text-accent-5-darkbg,
.tag.text-danger-darkbg {
    color: #f26161;
}

.tag.text-accent-6,
.tag.text-accent-6-darkbg {
    color:#046c7a;
    color:var(--litmos-accent-6-dark);
    background-color: rgba(4, 172, 167, 0.1);
    background-color: var(--litmos-accent-6-transparent);
}

.tag.text-accent-6-darkbg {
    color: #77c5cf;
}

.tag.text-accent-7,
.tag.text-accent-7-darkbg {
    color:#a100c2;
    color:var(--litmos-accent-7-dark);
    background-color: rgba(243, 29, 236, 0.1);
    background-color: var(--litmos-accent-7-transparent);
}

.tag.text-accent-7-darkbg {
    color: #d872ed;
}

.tag.text-accent-9,
.tag.text-accent-9-darkbg {
    color: var(--litmos-accent-9-dark);
    background-color: var(--litmos-accent-9-transparent);
}

.tag.text-accent-9-darkbg {
    color: #a4b3c3;
    background-color: rgb(131 150 168 / 30%);
}

.btn .tag.text-badge {
    background: var(--litmos-primary-color-foreground);
    color: var(--litmos-primary-color);
    margin-left: 0.3rem;
}


/* making colored text 508 compliant */
.text-warning {
    color: #A9640A;
}
.text-warning-darkbg {
    color: #D9800D;
}
.text-info
{
    color: #2274e2;
}
.text-danger
{
    color: #EB0008;
    margin-bottom: 0;
}
.text-success, .text-primary {
    color: #1B870D;
}
.text-success-darkbg, .bg-dark .text-success {
    color: #22A711;
}
.text-dark
{
    color: #4d4d4d;
}

.text-muted {
    color: #737373;
}

.text-muted-darkbg {
    color: #949494;
}

.btn-default { background: #ededed; }
.btn-outline { 
    border: 1px solid #d0d0d0;
    background: #FFF;
    color: #333;
}
.btn-minimal { 
    background: transparent; 
    color: #333;
}

.btn {
    border-radius: var(--litmos-button-radius-m);
    padding: 0.35em 1em;
}

.btn-sm {
    border-radius: var(--litmos-button-radius-s);
    padding: 0.45em 0.8em;
}

.btn-lg {
    border-radius: var(--litmos-button-radius-l);
    padding: 0.45em 1em;
}

.empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    padding: 30px;
}
.empty-state p {
    margin: 0;
}

.search-box {
    width: 100%;
    position: relative;
}

.search-box a {
    color: inherit;
}

.search-box a:first-child,
.search-box > i:first-child {
    position: absolute;
    z-index: 900;
    left: 0;
    top: 0;
    color: inherit;
    padding: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
}

.search-box input[type=text] {
    border: none;
    background: #EDEFF0;
    box-shadow: none;
    border-radius: 6px;
    padding-left: 32px;
    width: 100%;
}

.search-box input[type=text]:focus {
    outline-offset: -1px;
    outline: 1px solid rgb(102 175 233);
    box-shadow: none;
}

.search-box.light input[type=text] {
    background: #FFF;
}

.search-box.jumbo-search {
    color: var(--fd-color);
}
.search-box.jumbo-search input {
    height: auto;
    border-radius: 8px;
    padding: 12px 12px 12px 39px;
}

.dropdown-menu.gs_dropdown-menu .search-box:first-child input[type=text] {
    border-radius: 0;
}

.search-box-browse-module {
    background: #EDEFF0;
    padding-right: 4px;
    border-radius: 6px;
}
.search-box-browse-module input[type=text] {
    border: none;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    padding: 7px;
}
.search-box-browse-module button {
    background: transparent;
}
.search-box-browse-module button[type="submit"].btn {
    background: #d7dbdd;
    border-radius: var(--litmos-button-radius-s);
    padding: 0.65em 0.9em;
}
/* 
.form-control {
    border-radius: 6px;
    box-shadow: none;
}

input[type=text].form-control {
    border: none;
    background: #EDEFF0;
} */

.skip {
        position: fixed !important;
        top: -1000px;
        left: -1000px;
        height: 1px;
        width: 1px;
        text-align: left;
        overflow: hidden;
        background-color:#262626;
        color:White;
        padding:10px;
    }
    
    div.skip:active, 
    div.skip:focus, 
    div.skip:hover {
        left: 0; 
        top: 0;
        color:White;
        background-color:#262626;
        color:White !important;
        padding:10px;
        width: auto; 
        height: auto; 
        overflow: visible; 
        z-index:10000;
        position: fixed !important;
    }

.bg-dark
{
    color: #fff;
    background: #262626;
}

.bg-light
{
    color: #4d4d4d;
    background: #ededed;
}

.bg-lighter {
    color: #4d4d4d;
    background: #f5f5f5;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    border-color: #9c9c9c;
    background-color: #9c9c9c;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: #fff;
    border-color: #f0ab00;
    background-color: #f0ab00;
}

.pagination > li > a, .pagination > li > span {
    color: #f0ab00;
}

    .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
        color: #f0ab00;
    }

.pagination > .active > a {
    z-index: 1 !important;
}
/* Subnav */
.navbar
{
    margin-bottom: 0;
}

nav.subnav {
    color: #262626;
    background: #ededed;
    border-bottom: 1px solid #ccc;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
}

#footerPolicy {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.nav-tabs.flex-tabs
{
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}
.nav-tabs.flex-tabs > li
{
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Jumbotron with/out navs */
.jumbotron p {
    font-size: 14px;
    font-weight: 200;
    margin-bottom: 15px;
}
.jumbotron .nav-tabs > li.active > a,
.jumbotron .nav-tabs > li.active > a:hover,
.jumbotron .nav-tabs > li.active > a:focus {
    font-weight: 600;
    cursor: pointer;
    color: #f1f1f1;
    border: none;
    background-color: transparent;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
}

.jumbotron .nav-tabs > li > a,
.jumbotron .nav-tabs > li > a:hover,
.jumbotron .nav-tabs > li > a:focus {
    line-height: 1.42857;
    margin-right: 2px;
    color: #ccc;
    border: none;
    border-radius: 0;
    background-color: transparent;
}

.jumbotron .nav-tabs
{
    border: none;
}

.jumbotron .nav > li > a
{
    position: relative;
    display: block;
    padding: 20px 15px;
}

.jumbotron .nav-tabs .active:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #FFF;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}


/* Headings */
.breadcrumb-h1
{
    font-size: 14px;
    display: inline;
    margin: 0;
}

.litmos-jumbo-header
{
    font-weight: bold;
    font-size: 34px !important;
    margin: 0;
}

.litmos-sub-header {
    font-weight: bold;
    font-size: 18px !important;
    margin: 0 0 0.8em;
}

.litmos-large-header
{
    font-size: 24px !important;
    margin-top: 0;
}

.litmos-session-header {
    font-size: 14px;
}

text-fit-container-title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

text-fit-container-description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.litmos-small-header {
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 0;
    color: #4d4d4d;
}

litmos-session-header {
    font-size: 14px;
}

.litmos-small-header  a,
.litmos-small-header a:hover
{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    text-decoration: none;
    color: #4d4d4d;
}

/* Panels */
.panel-litmos
{
    border: none;
    border-radius: 0;
}


/*************** HELPER CLASSES *****************/

.mt-0
{
    margin-top: 0 !important;
}

.mt-half
{
    margin-top: .5em !important;
}

.mt-1
{
    margin-top: 1em !important;
}

.mt-2
{
    margin-top: 2em !important;
}

.mt-3
{
    margin-top: 3em !important;
}

.mt-4
{
    margin-top: 4em !important;
}

.mb-0
{
    margin-bottom: 0 !important;
}

.mb-half {
    margin-bottom: .5em !important;
}

.mb-1
{
    margin-bottom: 1em !important;
}

.mb-2
{
    margin-bottom: 2em !important;
}

.mb-3
{
    margin-bottom: 3em !important;
}

.mb-4
{
    margin-bottom: 4em !important;
}

.ml-0
{
    margin-left: 0 !important;
}

.ml-half {
    margin-left: .5em !important;
}

.ml-1
{
    margin-left: 1em !important;
}

.ml-1-half {
    margin-left: 1.5em !important;
}

.ml-2
{
    margin-left: 2em !important;
}

.ml-3 {
    margin-left: 3em !important;
}

.mr-0
{
    margin-right: 0 !important;
}

.mr-1
{
    margin-right: 1em !important;
}

.mr-2
{
    margin-right: 2em !important;
}

.pt-0
{
    padding-top: 0 !important;
}

.pt-1
{
    padding-top: 1em !important;
}

.pt-2
{
    padding-top: 2em !important;
}

.pb-0
{
    padding-bottom: 0 !important;
}

.pb-1
{
    padding-bottom: 1em !important;
}

.pb-2
{
    padding-bottom: 2em !important;
}

.pl-0
{
    padding-left: 0 !important;
}

.pl-1
{
    padding-left: 1em !important;
}

.pl-2
{
    padding-left: 2em !important;
}

.pl-3
{
    padding-left: 3em !important;
}

.pl-4
{
    padding-left: 4em !important;
}

.pl-5
{
    padding-left: 5em !important;
}

.pr-0
{
    padding-right: 0 !important;
}

.pr-1
{
    padding-right: 1em !important;
}

.pr-2
{
    padding-right: 2em !important;
}

.pr-3
{
    padding-right: 3em !important;
}

.pr-4
{
    padding-right: 4em !important;
}

.pr-5
{
    padding-right: 5em !important;
}

.text-white
{
    color: White !important;
}

.table_display  
{
    display:table;
    width:100%;
 }

.table_cell
{
    display:table-cell;
}

.table_row
{
    display:table-row;
}

.v_middle
{
    vertical-align:middle !important;
}

.v_top
{
    vertical-align:top !important;
}

.bb-1-ccc {
    border-bottom: 1px solid #ccc !important;
}

.bb-none {
    border-bottom: none !important;
}


/*********** COURSE LIBRARY ************/
/* Course Library Sub Nav*/
.dropdown-submenu
{
    position: relative;
}

.dropdown-submenu > .dropdown-menu
{
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
}

.dropdown-submenu:hover > .dropdown-menu
{
    display: block;
}

.dropdown-submenu > a:after
{
    display: block;
    float: right;
    width: 0;
    height: 0;
    margin-top: 5px;
    margin-right: -10px;
    content: ' ';
    border-width: 5px 0 5px 5px;
    border-style: solid;
    border-color: transparent;
    border-left-color: #ccc;
}

.dropdown-submenu:hover > a:after
{
    border-left-color: #fff;
}

.dropdown-submenu.pull-left
{
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu
{
    left: -100%;
    margin-left: 10px;
}

#course-library-nav .nav-tabs
{
    border-bottom: none;
}

#course-library-nav .nav-tabs > li > a
{
    border-radius: 0;
}

.course-lib-search, .live-sessions-search {
        min-width:350px;
        position: relative;
    }

.input-group #searchIconBtn, #createdBySarchIconBtn, #collectionSarchIconBtn, #globalSearchIconBtn, #searchIconBtnCat, #searchIconBtnTopics, #searchIconBtnLanguages, #searchIconBtnSkills,.input-group #myTrainingSearchIconBtn {
    position: absolute;
    z-index: 900;
    padding: 10px 14px;
    left: 0;
    top: 0;
}

.input-group #searchIconBtn2 {
    position: absolute;
    z-index: 900;
    padding: 14px 10px;
    right: 0;
    top: 0;
}

.input-group input {
    padding-left: 40px;
}

#secondnav-wrapper > li > a,
.navbar-default .nav-tabs > li > a:hover,
.navbar-default .nav-tabs > li > a:focus
{
    color: #4d4d4d;
    background-color: transparent;
}

#secondnav-wrapper > li > a,
.navbar-default .nav-tabs > .open > a,
.navbar-default .nav-tabs > .active > a
{
    color: #4d4d4d;
    background-color: transparent;
}

#secondnav-wrapper > li > a,
.navbar-default .nav-tabs > .open > a,
.navbar-default .nav-tabs > .open > a:hover,
.navbar-default .nav-tabs > .open > a:focus
{
    color: #4d4d4d;
    background-color: transparent;
}

#course-learningpaths
{
    margin-bottom: 0;

    border-bottom: none;
}

    #course-learningpaths .active {
        font-weight: 600;
        margin-bottom: 0;
        border-bottom: 2px solid #f0ab00;
    }

#course-learningpaths > li > a
{
    line-height: 25px;

    position: relative;
    display: block;
    padding: 15px 15px;
}

#topicsAccordion > div > a
{
    display: inline-block;
    vertical-align: top;
}

#skillsWrapper a {
    display: block;
    padding: 5px
}

#languagesWrapper a {
    display: block;
    padding: 5px
}

#filtersWrapper a 
{
   display:block;
   padding:5px
}

#filtersWrapper a i
{
   margin-right:12px;
}

.topic-item {
    padding: 8px 10px;
}

/* Course Library Tiles and List View */
.tiles-view
{
    padding: 0 15px 0 0;
}

.responsiveRecent .tiles-view, .responsiveAssets .tiles-view, 
.responsiveRecommend .tiles-view, .responsiveFavorites .tiles-view {
    padding: 0 15px 0 15px;
    max-width: 230px;
}

.tiles-view .panel
{
    height: 100%;
}

.tiles-view-panel-body
{
    height: 210px;
    padding: 15px;
    overflow:hidden;
}

#courseWidgets .tiles-view-panel-body {
    height: 120px;
    padding: 15px;
    overflow: hidden;
}

.responsiveRecent .tiles-view-panel-body, .responsiveAssets .tiles-view-panel-body,
.responsiveRecommend .tiles-view-panel-body, .responsiveFavorites .tiles-view-panel-body {
    height: 100px;
    padding: 15px;
    overflow: hidden;
}

.tiles-view .table_row, .tiles-view .table_cell
{
    display:block;
}

.tiles-view .table_cell
{
    display:block;
    padding-bottom:20px;
}

.list-view .panel-body
{
    position: relative;
}
#mainContentList .list-view .panel-body {
    position: unset;
}
.list-view .viewpanelbody > a { padding:8px 15px; }

.list-view span i
{
    font-size: 20px;
    position: absolute;
    top: 14px;
    right: 14px;
}

.tiles-view .image-box
{
    position: relative;
    padding-top: 56.25%;
}

.tile-image-default {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #f7f8f8;
    background-repeat: no-repeat;
    background-size: auto 100%;

}
.tile-image-default img {
    display: block;
    margin: 0 auto;
    opacity: .8;
    filter: contrast(0.7);
    height: 75%;
}

.tiles-view .tile-image-default
{
    padding-top: 13%;
}

.tiles-view .tile-image-default img
{
    height: 75%;
}

.tiles-view .tile-image
{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}

.tiles-view .image-box-square
{
    position: relative;
    padding-top: 100%;
}

.tiles-view .image-box-square .tile-image
{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
}


.tiles-view .image-box-square .tile-image-default
{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding-top: 30%;
}

.tiles-view .image-box-square .tile-image-default img
{
   height: 55%;
}

.list-view .image-box
{
    position: relative;
    display: table-cell;
    width: 260px;
    height: 146px;
}

#courseWidgets .list-view .image-box {
    position: relative;
    display: table-cell;
    width: 176px;
    height: 99px;
}

.list-view .tile-image-default
{
    width: 260px;
    height: 146px;
    padding-top: 45px;
}


.list-view .tile-image-default img
{
    height: 55px;
}

.list-view .tile-image {
    width: 260px;
    height: 146px;
    padding-top: 45px;
    background-color: #cccccc;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}

#courseWidgets .list-view .tile-image {
    width: 176px;
    height: 99px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}

.list-view .tile-image-default
{
    width: 260px;
    height: 146px;
    padding-top: 45px;
}

#courseWidgets .list-view .tile-image-default {
    width: 176px;
    height: 99px;
    padding-top: 22px;
}

.list-view .image-box-square .tile-image
{
    width: 140px;
    height: 140px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
}

#courseWidgets .list-view .image-box-square .tile-image {
    width: 140px;
    height: 140px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
}

.list-view .panel
{
    display: table;
    width: 100%;
    vertical-align: top;
    position:relative;
    margin: 0;
    margin-bottom:15px;
    border: none;
    border-bottom: 1px solid #ddd;
    position:relative;
    -webkit-box-shadow: 0;
            box-shadow: 0;
}

.list-view .image-box-square {
    position: relative;
    display: table-cell;
    width: 140px;
    height: 140px;
}

list-view .image-box-square .tile-image {
    width: 140px;
    height: 140px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}

.list-view .image-box-square .tile-image-default {
    width: 140px;
    height: 140px;
    padding-top: 50px;
}

.list-view .image-box-square .tile-image-default img {
    height: 40px;
}

#mainContentList .list-view .viewpanelbody > a {
    height: inherit;
    width:inherit;
}
#globalSearchResults .content-card .viewpanelbody .statuspanelbody {
    display: grid;
    gap: 4px;
    align-content: start;
    word-break: break-word;
}
#globalSearchResults .content-card .viewpanelbody .statuspanelbody h3 {
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#globalSearchResults .content-card .viewpanelbody .statuspanelbody h4 {
    width: 100%;
    font-size: 1rem;
    margin-top: 0em !important;
    margin-bottom: 0em !important;
}


#tiles-view
{
    margin: 0 -15px;
}

.status-box { margin-top:5px;}

.status-box small
{
    margin-right: 10px;
    display: inline-block;
}

.status-box small:last-child
{
    margin-right: 0px;
}

.courseListRatings { margin-right: 10px; }

.courseListRatings, .courseListRatings div { display: inline; }

.courseListRatings .stars .fa
{
    font-size: 14px;
    padding: 0;
    color: #444;
}

.courseListRatings .stars .fa-star, .courseListRatings .stars .fa-star-half-alt
{
    font-size: 14px;
    padding: 0;
    color: #fcbe49;
}


.progress
{
    height: 15px;
    margin-bottom: 6px;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.list-view .progress-box
{
    width: 100%;
    padding-right: 0;
}

.list-view .progress-box p
{
    margin-bottom: 0;
}

.tiles-view .progress-box
{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-right: 30px;
}

.tiles-course a:hover,
.tiles-course a:focus,
.tiles-course a:active
{
    text-decoration: none;
}

.tiles-course-widget a:hover,
.tiles-course-widget a:focus,
.tiles-course-widget a:active {
    text-decoration: none;
}

.tiles-view span i
{
    font-size: 20px;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

#toggleview-wrapper > li > a
{
    cursor: pointer;
    color: #707070;
    border: none;
}

.listTilesIcons > a {
    cursor: pointer;
    color: #707070;
    border: none;
    display: inline-block !important;
    padding: 10px 8px !important;
}

.listTilesIcons > a.active {
    color: #4d4d4d;
}

.main-col .title {
    max-width: 500px;
    word-wrap: break-word;
}

/* Ratings and reviews */
div.stars {
    /*width: 270px;*/
    font-size: 10px;
    display: inline-block;
    padding: 0px;
}

input.star
{
    display: none;
}

label.star
{
    font-size: 18px;
    float: right;
    padding: 3px;
    transition: all .2s;
    color: #444;
}

input.star:checked ~ label.star:before {
    content: '\f005';
    transition: all .25s;
    color: #fcbe49;
    font-weight: 900;
}

input.star-5:checked ~ label.star:before {
    color: #41d239;
    text-shadow: 0 0 20px #952;
    font-weight: 900;
}

input.star-1:checked ~ label.star:before {
    color: #f62;
    font-weight: 900;
}

label.star:hover
{
    transform: rotate(-15deg) scale(1.3);
}

label.star:before {
    font-family: "Font Awesome 5 Pro";
    content: '\f005';
    font-weight: 400;
}

.stars .fa,
#reviewratings .stars .fa,
#course-header .stars .fa,
.avgstars .fa
{
    font-size: 18px;
    padding: 3px;
    color: #fff;
}

.stars .fa-star,
#reviewratings .stars .fa-star,
#course-header .stars .fa-star,
.avgstars .fa-star
{
    font-size: 18px;
    padding: 3px;
    color: #fcbe49;
}

.fa-star-half-alt,
#reviewratings .stars .fa-star-half-alt,
#course-header .stars .fa-star-half-alt,
.avgstars .fa-star-half-alt {
    font-size: 18px;
    padding: 3px;
    color: #fcbe49 !important;
}

.currentProgramrating {display:inline-block;}



/* End Reviews Ratings */

#toggleview-wrapper > .active > a,
#toggleview-wrapper > .active > a:hover,
#toggleview-wrapper > .active > a:focus
{
    color: #4d4d4d;
    background-color: transparent;
}

#showFiltersBtn { cursor:pointer; }

/********** MODULE DETAILS PAGE ***********/
.small-course-image
{
    float: left;
    margin-right: 40px;
}

.small-course-image img
{
    border: 4px solid white;
    border-radius: 8px;
    max-height: 200px;
    max-width: 300px;
}

.module-status-icon
{
    display: table-cell;
    padding-right: 1.5em;
    vertical-align: top;
}

.module-info
{
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

.module-status-icon .fa-lock
{
    font-size: 20px;
    padding: .1em .2em;
}

.circleUnchecked
{
    float: left;

    width: 1.5em;
    height: 1.5em;

    border: 1px solid #ccc;
    border-radius: 50%;
    background-color: White;
}

.circleCheck
{
    float: left;

    width: 1.5em;
    height: 1.5em;
    padding: 0 .2em;

    border-radius: 50%;
}

.tiles-module .module-title p
{
    float: left;

    margin-bottom: 0;
}

.info-icon
{
    font-size: 16px;

    display: inline-block;

    margin-top: -1px;
    margin-left: 10px;
}

a.text-warning,
a.text-warning:hover
{
    font-weight: 600;

    text-decoration: none;
}

.module-status-box small
{
    margin-right: 10px;
}

#modules tr:hover  
{
    background: #f5f5f5;
}

#modules tr td:nth-child(2)
{
    padding-top: 12px;
    padding-left:12px;
    padding-bottom: 0;
}

#modules tr td:nth-child(2) a
{
    padding-top: 12px;
    padding-left:12px;
    padding-bottom: 0;
    margin-top: -12px;
    margin-left:-12px;
}

#modules .moduleStatusBox {
    padding-bottom: 12px;
}


/* More Info */
#more-info .panel-body
{
    border-bottom: 1px solid #ccc;
}

#more-info .panel-body div
{
    display: table-cell;

    vertical-align: top;
}

#more-info .panel-body div:first-child
{
    width: 200px;

    word-break: break-all;
}


/* Recent acchievements*/

#achievements .panel-body .module-title
{
    float: left;

    padding: .5em 0;
}

#achievements .module-status-box
{
    float: right;

    padding: .5em 0;
}

#achievements .module-status-box .small
{
    margin-left: 10px;
}

.achievements-Medal {
    font-size: 65px;
    display: block;
}

#achievementsList thead {
    display: none;
}

/* Discussion */
#mainDiscussion .panel {
    margin-bottom: 20px;
}
.discuss_submit
{
    margin-bottom: 20px;
    text-align: right;
}

.discuss-thread-img,
.ratings-thread-img
{
    display: table-cell;
    padding: 0 15px 0 3px;
    vertical-align: top;
}

.discuss-thread-body,
.ratings-thread-body {
    display: table-cell;
    width: 100%;
    vertical-align: top;
}

.discuss-thread-head,
.ratings-thread-head,
.replyHeader
{
    margin-bottom: 10px;
    padding: 2px 0 10px;
    border-bottom: 1px solid #ccc;
}

.discuss-thread-footer
{
    margin-top: 20px;

    text-align: right;
}

.discuss-thread-footer .small
{
    margin-left: 10px;
}

.discuss-reply-container,
.reply-container
{
    margin-top: 20px;
}

.reply-container .discuss-thread-img
{
    padding: 0 60px;
}

.replyHeader_ecomm
{
    color: #333 !important;
}

.discuss-link { cursor:pointer; }


/************** ACHIEVEMENTS *****************/

#teamDropdown
{
    border: 1px solid;
    background-color: transparent;
    width:230px;
}

#ranking-header .col-md-4
{
    padding: 50px 30px;
    background-color: #000;
}

#achievements-secondnav img
{
    width: 40px;
    height: 40px;
    margin-top:7px;
}

.gamification_stats, .team_stats
{
    padding: 0;
}

.gamification_stats li, .team_stats li
{
    padding: 15px 25px;
    height:55px;
    border-left: 1px solid #ccc;
}

.gamification_list .pull-right span
{
    margin-left: 10px;
}

#ranking-table img,
#leaderboard-table img,
#tblCurrentUserRank img,
#approvalsTable img,
#escalationsTable img {
    width: 50px;
    height: 50px;
    border: 2px solid white;
}

#ranking-table img {
    width: 70px;
    height:70px;
    border: 2px solid white;
}

#ranking-table .userRankImg {
    width: 70px;
    height: 70px;
    position: relative;
    margin:auto;
}

    #ranking-table .userRankImg .gamification_rank {
        top:20px;
    }


.ranking-wrapper {
    padding: 20px 5px;
}

.badge-point-text {
    font-size: 24px;
    display:block;
    margin-bottom: -8px;
}

.ranking_list .col-xs-3 {
    padding-top:20px;
}

#ranking-table td,
#leaderboard-table td,
#pointsTable td,
#badgesTable td,
#tblCurrentUserRank td,
#approvalsTable td,
#escalationsTable td {
    vertical-align: middle;
    border-top: none;
}


#escalationsHeader span,
#approvalsHeader span {
    font-size: 34px;
    font-weight: bold;
}

#leaderboard-table td, #badgesTable tr {
    border: none;
}

/*.ranking-wrapper { padding: 1em; }*/

.gamification_rank
{
    font-weight: 600;
    line-height: 20px;
    position: absolute;
    width: 20px;
    height: 20px;
    margin-top: -15px;
    margin-left: -5px;
    padding-left: 6px;
    color: white;
    border-radius: 50%;
    background-color: #8c8c8c;
}

.gamification_rankcurrent
{
    font-size: 10px;
    font-weight: 600;

    position: absolute;

    width: 20px;
    height: 20px;
    margin-left: -5px;
    padding-top: 3px;

    color: black;
    border-radius: 50%;
    background-color: white;
}

#ranking-header
{
    padding: 0;
}

/*.ranking_list_selected
{
    font-size: 1.5em;
}*/

.gamification_circle_achievements
{
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 0;
    text-align: center;
    color: #fff;
    border-radius: 30px;
}

.gamification_circle_achievements img {
    width: 100%;
    height: auto;
}

.gamification_circle_achievements.large {
    width: 70px;
    height: 70px;
    border-radius: 40px;
}

.gamification_point
{
    font-size: 16px;
    font-weight: 600;
    line-height: 50px;
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background: #f84545;
}

.gamification_allrankcircle
{
    width: 70px;
    height: 70px;
    margin-bottom: 10px;
    margin-top: -50px;
    border: solid;
    border-width: medium;
    border-color: #99ce46!important;
}

.small_circle
{
    width: 45px;
    height: 45px;
}

.gamification_alluserrank 
{
    color: #4d4d4d;
    position: absolute;
    top: 8px;
    left: 30px;
    font-size: 20px;
}

#leaderCrown 
{
    top: -55px;
    position: absolute;
    transform: rotate(-15deg);
    margin-left: -10px;
}

.gamification-notification-icon {
    width: 64px;
    height: 64px;
    display: block;
    margin-top: -47px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
    border-radius: 50%;
}

.gamification-notification-icon img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
}

.gamification-notification-badge {
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    width: 64px;
    height: 64px;
    padding-top: 10px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
}

.gamification-notification-badge img {
    width: 44px;
    height: 44px;
}

.label-badge {
    border-radius: 1em;
}

.full-size-font {
    font-size: 100%;
}

/************** EXTERNAL LEARNING *****************/
#externalLearningListButtons {
    margin-bottom: 15px;
}

#tblExternalLearninglist .title {
    max-width: 500px;
    word-wrap: break-word;
}

#externalLearningUploadWarning i {
    font-size: 30px;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    margin-left: 20px;
}
/********** Assessment Results ************/
#results-header .row {
    height: 100px;
}

#results-header .col-sm-3,
#results-header .col-sm-4,
#results-header .col-sm-6
{
    border-right: 1px solid white;
    height: 100%;
    padding-right: 30px;
    padding-left: 30px;
    text-align:center;
}

#results-header .col-sm-3:last-child,
#results-header .col-sm-4:last-child,
#results-header .col-sm-6:last-child
{
    border-right: none;
    height: 100%;
}

#results-header .col-sm-3 i,
#results-header .col-sm-4 i,
#results-header .col-sm-6 i 
{
    font-size:35px;
    display:inline-block
}

#results-header .col-sm-3 div,
#results-header .col-sm-4 div,
#results-header .col-sm-6 div
{
    display:inline-block;
    padding:1em;
    text-align:left;
}

.resultsText { font-size:24px; }


.btn_pdf,
.btn_excel
{
    display: inline-block;

    margin: 0 10px;
}

.btn_pdf .fa,
.btn_excel .fa
{
    font-size: 24px;
}

.answers-container
{
    display: table;

    width: 100%;
}

.answers-row-container
{
    display: table-row;
}

.assessment-results .panel-body
{
    border-bottom: 1px solid #ccc;
}

.answer-results-icon
{
    font-size: 16px;
    display: table-cell;
    width: 30px;
    padding-top: 5px;
    padding-right: 8px;
    padding-bottom: 5px;
    vertical-align: top;
}

.answer-results-icon span
{
    padding-right: 12px;
}

.results-answers
{
    display: table-cell;

    padding-top: 5px;
    padding-bottom: 5px;

    vertical-align: top;
}


/***************** DANS ADDITIONAL STUFF  ***********************/


.l-frame{
    position: relative;
    width: 100%;
}

.l-slide-menu{
    position: fixed; 
    top: 0px; 
    bottom: 0px; 
    height: 100%; 
    right: -250px; 
    width: 250px;
    background: #090909;
}

.l-slide-menu .list-group-item{
    background: #090909;
    border:1px solid #333;
    color:#fff;
}
.l-slide-menu .list-group-item a{
    color:#fff;
}
         
.l-module-table tbody td:first-child, .l-module-table .table_cell:first-child {
    background:#f5f5f5;
    width: 40px;
}

.l-module-table .table_cell {
    line-height: 1.8;
    padding: 12px 8px;
    border-top: 1px solid #ddd;
}

.l-module-table .table_cell:last-child {
    width:115px;
}
        
.l-on .l-complete, .l-on .l-complete-locked {
    background-color: #0ccf6b;   
}
.l-on .l-complete:after, .l-on .l-complete-locked:after {
    box-shadow: 0 0 0 2px #0ccf6b;
}

.l-inprogress-c{
  position: absolute;
  background-color: #0ccf6b;
  height: 24px;
  width: 12px;
  margin-top: 0px;
  -moz-border-radius: 12px 0 0 12px;
  border-radius: 12px 0 0 12px;
}

.l-module-icon i:before {
    font-family: "Font Awesome 5 Pro";
    font-size: 14px;
    font-style: normal;
    margin-left: 6px;
    line-height: 24px;
}

.l-inprogress i:before, .l-play i:before
{
    content: '\f04b';
}

.l-locked i:before, .l-complete-locked i:before
{
    content: '\f023';
}

.l-complete i:before, .l-marking-require i:before
{
    margin-left: 6px;
    content: '\f00c';
}

.l-proile
{
    line-height: 32px;
    display: inline-block;
    float: left;
    width: 32px;
    height: 32px;
    margin-top: -5px;
    margin-right: 5px;
    text-align: center;
    color: #0ccf6b;
    border-radius: 50px;
    background: white;
}

.navbar-brand
{
    width: 55px;
    height: 55px;
    padding: 0;
    background-size: contain;
}

.l-module-link
{
    display: inline-block;
    width: 100%;
    height: 100% !important;
    text-decoration: none;
    color: #666;
}
.l-module-link:hover
{
    text-decoration: none;
}

.l-module-icon
{
    position: absolute;
    z-index: 1;
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    cursor: pointer;
    -webkit-transition: background .2s, color .2s;
       -moz-transition: background .2s, color .2s;
            transition: background .2s, color .2s;
    color: #fff;
    border-radius: 50%;
    background: #e7e7e7;
}

.l-on .l-module-icon
{
    color: #fff;
    background: #ddd;
}

.l-module-icon:after
{
    position: absolute;
    top: -1px;
    left: -1px;

    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
    width: 100%;
    height: 100%;
    padding: 1px;

    content: '';
    -webkit-transition: -webkit-transform .2s, opacity .2s;
       -moz-transition:    -moz-transform .2s, opacity .2s;
            transition:         transform .2s, opacity .2s;
    -webkit-transform: scale(.8);
       -moz-transform: scale(.8);
        -ms-transform: scale(.8);
            transform: scale(.8);
    pointer-events: none;

    opacity: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #ddd;
}


.l-module-icon:after
{
    -webkit-transform: scale(1.3);
       -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
            transform: scale(1.3);
}

.l-on .l-module-icon:after
{
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);

    opacity: 1;
}

.l-svg-icon
{
    width: 24px;
    height: 24px;
    position: absolute;
}

.l-complete, .l-complete-locked
{
    color: #fff;
    background: #0ccf6b;
}

/*** Welcome Page***/
#adminWelcomeWrapper .headerlogo {
    width: 220px;
    height: 60px;
    margin: 0;
}

#adminWelcomeImg {
    background: url('../../images/adminWelcomeImg.jpg') no-repeat;
    background-size: auto 100%;
    background-position: -115px;
    height: 100vh;
    position: fixed;
    right: 0;
}

.text-gold {
    color: #f0ab00;
}



/************* LEARNER DASHBOARD ***************/
#learner-dashboard ul {
    min-height: 55px;
}

#learner-dashboard ul li
{
    height: 55px;
    padding: 15px 25px;
}

#learner-dashboard .navbar-right li
{
    border-left: 1px solid #e6e6e6;
}

.litmos-sub-nav
{
    margin-bottom: 15px !important;

    border-bottom: 2px solid #eaeaea;
}

.litmos-sub-nav-flex
{
    display: flex !important;
}

.list-tile-icon.active {
    border-color: transparent !important;
}

.litmos-sub-nav li
{
    display: inline-block;
}

.litmos-sub-nav .active {
    color: inherit !important;
    font-weight: 600;
    margin-bottom: -2px;
    border-bottom: 2px solid #f0ab00;
}

.litmos-sub-nav a[role="tab"],
.litmos-sub-nav > li > a {
    color:inherit;
} 

.litmos-sub-nav > li > a:hover,
.litmos-sub-nav > li > a:focus
{
    text-decoration: none;

    background-color: transparent;
}

div.litmos-sub-nav {
    margin-bottom: 15px;
    border-bottom: 2px solid #eaeaea;
}

    div.litmos-sub-nav a {
        position: relative;
        padding: 10px 15px;
        display: inline-block;
    }

    div.litmos-sub-nav .active {
        font-weight: 600;
        margin-bottom: -2px;
        border-bottom: 2px solid #f0ab00;
    }

    div.litmos-sub-nav .active:focus-visible {
        outline: 5px auto -webkit-focus-ring-color;
    }

    div.litmos-sub-nav > a:hover,
    div.litmos-sub-nav > a:focus {
        text-decoration: none;
        background-color: transparent;
    }

.boostmodule_question_container {
    width: 100%;
}

.boostmodule_progressbar_container {
    background-color: #4d4d4d;
    border-radius: 107px;
    width: 150px;
    height: 150px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 10px;
}

.boost-question {
    font-size: medium;
    max-height: 350px;
    overflow-y: auto;
    padding: 10px;
}

.boost-question label {
    font-weight: normal;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    margin-left: 5px;
}

#tblCurrentUserRank th,
#tblCurrentUserRank td
{
    border: none;
}

#secondWidget #calendarWidget > div > table > tbody > tr
{
    display: block;
}

#secondWidget #calendarWidget > div > table > tbody > tr > td
{
    display: block;

    width: auto !important;
}

#secondWidget .cal-content > div > div:nth-child(1),
#secondWidget .cal-content > div > div:nth-child(2)
{
    display: none;
}

#secondWidget .cal-content > div > div > b > br
{
    display: none;
}

#secondWidget .cal-content > div
{
    margin-top: 20px;
}

#newsWrapper
{
    overflow-y: auto;
}

.metrics-titles {
    position: absolute;
    top: 25%;
    text-align: center;
    width: 100%;
}

/************* LIVE SESSIONS **************/

.subnav-header
{
    padding: 18px 0px;
}

/* Less overwrite list-group.less */
.nav-tabs > li
{
    float: left;
    margin-bottom: 0;
}

#liveSessionsSubnav .nav-tabs {
    border-bottom: none;
}

/************** MESSAGES *****************/

.main-col label
{
    font-weight: normal;
}

#moduleNav
{
    padding: 18px 10px;
}

#newMessage
{
    padding: 5px 10px;
    color: white;
}

#messagesFolders,
#DeleteAll_Btn
{
    margin: 10px;
    padding: 5px 10px;
    color: #262626;
}

#newMessage 
{
    margin: 10px;
}


.dashboard_donut, .dashboard_donut_blue, .dashboard_donut_red, .dashboard_donutToDo, .dashboard_donutOverDue, .dashboard_donutComplete 
{
    width: 150px;
    height: 150px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.donut_box
{
    width:65px;
    height:65px;
    position:relative;
    
}

.lp-course-modules .panel {
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0;
}

.l-lp-course{
	display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    padding: 0;
    cursor:pointer;
    border-bottom:1px solid #f5f5f5;
}

.l-lp-course-heading{
	-webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    padding-left: 1.5rem;
    padding-right: 2rem;

    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.l-lp-course-heading-tags:empty {
    display:none;
}

.l-lp-course .collapse-indicator i {
    transition: transform 0.2s;
}
.l-lp-course[aria-expanded="true"] .collapse-indicator i {
    transform: rotate(90deg);
}

.lp_donut, .course_donut {
    width: 150px;
    height: 150px;
    position: relative;
    margin-right: 3rem;
    padding:5px;
}

.lp_course_donut {
    width: 70px;
    position: relative;
    margin-right: 0rem;
    padding: 0.8rem;
}

.line_box
{
    padding: 0 10px;
    margin-bottom: 0px;
    width: 100%;
    height: 8px;
    position: relative;
}

.assignmentsList .line_box {
    padding: 0 0 0 10px;
    margin-bottom: 0px;
    width: 100%;
    height: 8px;
    position: relative;
}


.list-view .line_box {
    padding: 0px;
}

.line_box .progress {
    width: 80%;
    float: left;
    height: 5px;
    margin-bottom: 0;
    margin-top: 6px;
}

.assignmentsList .line_box .progress {
    width: 75%;
    float: left;
    height: 5px;
    margin-bottom: 0;
    margin-top: 6px;
}

.line_box small {
    float: right;
}

.list-view .line_box .progress {
    width: 90%;
}

#course-description {
    color: #999;
    font-size: 14px !important;
}


/*!
 * Start Bootstrap - Simple Sidebar (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

 body {
    overflow-x: hidden;
 }
 
 #full-page {
    min-height: 100vh;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /*margin-top: -4px;*/
}

/* Toggle Styles */

#wrapper {
    padding-left: 250px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 70px;
}

#learner-sidebar-wrapper, #admin-sidebar-wrapper {
    z-index: 1000;
    float:left;
    position: relative;
    width: 250px;
    margin-left: -250px;
    overflow-y: auto;
    overflow-x:hidden;
    background: #121212;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #learner-sidebar-wrapper, #wrapper.toggled #admin-sidebar-wrapper {
    width: 70px;
    margin-left: -70px;
}

#page-content-wrapper {
    width: 100%;
    padding: 0px;
}

#wrapper.toggled #page-content-wrapper {
    margin-right: 0px;
}

#tiles-left-nav 
{
    height:100%;
    border-right:1px solid #000;
}

/* Sidebar Styles */

.tilesNavbar {
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
    height:auto;
}

.tilesNavbar a {
    text-indent: 20px;
    line-height: 40px;
}

.tilesNavbar a {
    display: block;
    text-decoration: none;
    color: #999999;
}

.tilesNavbar a:hover, .tilesNavbar a:focus {
    text-decoration: none;
    color: #fff;
    background-color: #3E3C3C;
}


.tilesNavbar a:active,
.tilesNavbar a:focus {
    text-decoration: none;
}

.tilesNavbar:last-child 
{
    border-top:1px solid #262626;
}

/* Global search */

.gs_dropdown-content {
    display: none;
    position: absolute;
    background-color: #f6f6f6;
    min-width: 230px;
    overflow: auto;
    border: 1px solid #ddd;
    z-index: 1;
}

    .gs_dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

.gs_dropdown a:hover {
    background-color: #ddd;
}

.gs_dropdown-content.show {
    display: block;
}

.gs_contentFilters {
    width: 100%;
    display: block;
}

.gs_contentSpecificFilter {
    display: inline-block;
}

.gs_dropdown-menu {
    max-height: 300px;
    max-width: 300px;
    overflow-y: auto;
    overflow-x: auto;
}
.gs_dropdown-menu-httptemplate {
    max-height: 300px;
    max-width: 500px;
    overflow-y: auto;
    overflow-x: auto;
}

#assignItemBox .modal-content .gs_dropdown-menu {
    max-width: 100%;
}

.gs_dropdown-menu > a {
    font-weight: normal;
    line-height: 1.8;
    display: block;
    clear: both;
    padding: 3px 10px;
    white-space: nowrap;
    color: #333;
}

.gs_filterItemTopic {
    font-weight: normal;
    line-height: 1.3;
    clear: both;
    white-space: break-spaces;
    color: #333;
}

.gs_filterItemTopic:hover {
    text-decoration: none;
    color: #333;
}

.globalFilterRow input {
    vertical-align:top;
}

.globalFilterRow a, .globalFilterRow label {
    display: inline-block;
    width: 75%;
}

.gs_no-filter-result {
    padding: 5px;
}

#gs_topicsAccordion input {
    vertical-align:top;
}

#gs_topicsAccordion label {
    display: inline-block;
    width: 75%;
}

#filterListModal .col-sm-4 {
    height: 350px;
    overflow-y: auto;
}

#filterListGroup .list-group-item:last-child {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

#filterListGroup .list-group-item:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.gs_PrimaryFilterItemArrow {
    float: right;
    padding-top: 3px;
}

@media(min-width:768px) {
    #wrapper {
        padding-left: 250px;
    }

    #wrapper.toggled {
        padding-left: 70px;
    }

    #learner-sidebar-wrapper, #admin-sidebar-wrapper {
        width: 250px;
    }

    #wrapper.toggled #learner-sidebar-wrapper, #wrapper.toggled #admin-sidebar-wrapper {
        width: 70px;
        margin-left: -70px;
    }

    #page-content-wrapper {
        padding: 0px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}

.more-locations:hover {
    cursor: pointer;
}

.text-location {
    display: inline-block;
}

.text-location span {
    color: #536878;
    background-color: rgba(211, 211, 211, 0.5);
    padding: 4px 8px;
    font-size: 11px;
    line-height: 1;
    vertical-align: middle;
    font-weight: bold;
    border-radius: 20px;
    white-space: nowrap;
    margin-right: 2px;
}

.tilesNav-text {
    padding-left: 26px;
    color: #eee;
    font-size: 14px;
}

.tilesNav i {
    position: relative;
    top: 5px;
    font-size: 24px;
    color: #eee;
    font-family: "SSSymbolicons";
    font-style: normal;
    font-weight: 300;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    white-space: nowrap;
    width: 80px;
}

.tilesNav-Insights:before {
    content: '\EC05';
}

.tilesNav-Home:before {
    content: '\2302';
}

.tilesNav-Library:before
{ 
    content: '\1F4DA';
}

.tilesNav-Achievements:before
{
    content: '\1F3C6';
}

.tilesNav-Messages:before
{
    content: '\2709';
}
.tilesNav-Messages-unread:before
{
  content: '\0021';
  background-color: #fa3e3e;
  border-radius: 2px;
  color: white; 
  padding: 1px 3px 1px;
  font-size: 10px;    
}

.tilesNav-LiveSession:before
{
    content: '\1F4E1';
}

.tilesNav-Instructor:before {
    content: '\E311;';
}

 
.tilesNav-Collapse:before
{
    content: '\EE01';
}

.tilesNav-CollapseClosed:before
{
    content: '\2922';
}

.tilesNav {
    padding: 10px 0px;
}

.tilesNav-MultiAccount:before
{
    content: '\F601';
}

.tilesNav-Home:before
{
    content: '\2302';
}

.tilesNav-Library:before
{ 
    content: '\1F4DA';
}

.tilesNav-Achievements:before
{
    content: '\1F3C6';
}

.tilesNav-Messages:before
{
    content: '\2709';
}
.tilesNav-Messages-unread:before
{
  content: '\0021';
  background-color: #fa3e3e;
  border-radius: 2px;
  color: white; 
  padding: 1px 3px 1px;
  font-size: 10px;    
}

.tilesNav-LiveSession:before
{
    content: '\1F4E1';
}

.tilesNav-Instructor:before {
    content: '\E311';
}

.tilesNav-Manager:before {
    content: '\1F464';
}

.tilesNav-DirectReports:before {
    content: '\E400';
}

.tilesNav-Approvals:before {
    content: '\1F44D';
}

.tilesNav-Escalations:before {
    content: '\21C6';
}

 
.tilesNav-Collapse:before
{
    content: '\EE01';
}

.tilesNav-CollapseClosed:before
{
    content: '\2922';
}

.tilesNav-Settings:before,.tilesNav-Account:before
{
    content: '\F031';
}

.tilesNav-Dashboard:before
{
     content: '\F000';
}

.tilesNav-Courses:before
{
    content: '\1F393';
}

.tilesNav-People:before
{
     content: '\1F464';
}

.tilesNav-Teams:before
{
   content: '\E400';   
}

.tilesNav-Reports:before
{
    content: '\E57A';  
}

.tilesNav-Quickassign:before
{
    content: '\F35A';
    font-family: 'Font Awesome 5 Pro';
}

.tilesNav-Help:before
{
   content: '\2139';
}

.tilesNav-Waitlist:before
{
    content: '\23F0';
}

.cursorclass
{
    cursor:pointer;
}
/* Favorites*/

    .dropdown-verticalmenu {
        font-size: 14px;
        z-index: 1000;
        top: 100%;
        left: 0;
        display: none;
        float: left;
        min-width: 100%;
        margin: 0 0 10px 0;
        padding: 5px 0;
        list-style: none;
        text-align: left;
        border: none;
        border: none;
        border-top: 1px solid #262626;
        border-radius: 0;
        background-color: #3E3C3C;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .dropdown-verticalmenu > li > a {
        font-weight: normal;
        line-height: 1.8;
        display: block;
        clear: both;
        padding: 0px;
        white-space: nowrap;
        color: #333;
    }

.dropdown-verticalmenu > li > a:hover, .dropdown-verticalmenu > li > a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #4e4e4e;
}

/************* TEAMS ****************/
.pop-profile
{
    background:url(../../images/vcard.png) no-repeat;
    height:16px;
    width:16px;
    display:inline-block;
}

/*************** PROFILE *****************/
#profileTable .table { margin-bottom:0; }

#profileTable .table > tbody > tr > td
{
    border-top: 1px solid #eaeaea;
}

#profileTable .table > tbody > tr > td:first-child
{
    width:150px;
}

    #profileTable .table > tbody > tr:first-child > td,
    #accountDetails .table > tbody > tr:first-child > td,
    #profileEditPanel .table > tbody > tr:first-child > td,
    #GDPRSettings .table > tbody > tr:first-child > td,
    #sessionDetailsList .table > tbody > tr:first-child > td,
    #sessionNotifications .table > tbody > tr:first-child > td {
        border-top: none;
    }

.c-checkbox
{
    height:30px;
    width:30px;
    border:1px solid #bbb;
    background-color:#ddd; 
     -moz-border-radius:3px;
    -webkit-border-radius:3px; 
    border-radius:3px; 
    display:block;
    margin:0px 5px 0px 5px;
    background-image: url(../../mobile/images/icons-36-white.png);
    background-repeat: no-repeat;
    background-position: -147px 50%;
}

.c-checkbox-on
{
    height:30px;
    width:30px;
    border:1px solid #56A00E;
    background-color:#56A00E; 
     -moz-border-radius:3px;
    -webkit-border-radius:3px; 
    border-radius:3px; 
    display:block;
    margin:5px;
    margin:0px 5px 0px 5px;
    background-image: url(../../mobile/images/icons-36-white.png);
    background-repeat: no-repeat;
    background-position: -1297px 50%;
}


/*************** ONLINE COURSES *****************/
#ecommTitle #course-header > div { display: inline-block; }



/********** ADDING FOR OLD CSS***********/
.learner-logo {
    max-height: 65px;
    height:100%;
}


/************* INTEGRATIONS ************/
#litmosFeatures a.panel-body, #thirdPartyIntegrations a.panel-body {
    display: block;
}

#litmosFeatures .panel-default
{
    position:relative;
    margin-bottom: 4em;
}

.feature-panel {
    overflow: visible;
}

#thirdPartyIntegrations .panel-default {
    position: relative;
    margin-bottom: 4em;
}

.enableStatus {
    position: absolute;
    width: 100%;
    bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    text-align: center;
    color: white;
    padding: 5px;
}

.integration {
    width: 64px;
    height: 64px;
    display: block;
    margin-top: -47px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
    border-radius:50%;
}

.integrations-panel {
    overflow: visible;
}

.integration-api {
    background: url('../../images/integrations/api.png');
    background-size: 64px 64px;
}

.integration-ecommerce {
    background: url('../../images/integrations/Icon-Cart.png');
    background-size: 64px 64px;
}

.integration-categories {
    background: url('../../images/integrations/Icon-Cat.png');
    background-size: 64px 64px;
}

.integration-brands {
    background: url('../../images/integrations/Icon-brand.png');
    background-size: 64px 64px;
}

.integration-escalations {
    background: url('../../images/integrations/Icon-escalations.png');
    background-size: 64px 64px;
}

.integration-terms {
    background: url('../../images/integrations/Icon-terms.png');
    background-size: 64px 64px;
}

.integration-box {
    background: url('../../images/integrations/box.png');
    background-size: 64px 64px;
}

.integration-ccv2 {
    background: url('../../images/integrations/ccv2.png');
    background-size: 64px 64px;
}

.integration-dropbox {
    background: url('../../images/integrations/dropbox.png');
    background-size: 64px 64px;
}

.integration-googlesignon {
    background: url('../../images/integrations/googlesignon.png');
    background-size: 64px 64px;
}

.integration-gotomeeting {
    background: url('../../images/integrations/gotomeeting.png');
    background-size: 64px 64px;
}

.integration-iltcalendar {
    background: url('../../images/integrations/Product-Icon-ILTCalendar.png');
    background-size: 64px 64px;
}

.integration-webex {
    background: url('../../images/integrations/webex.png');
    background-size: 64px 64px;
}

.integration-coursetopics {
    background: url('../../images/integrations/coursetopics.png');
    background-size: 64px 64px;
}
.integration-saml {
    background: url('../../images/integrations/saml.png');
    background-size: 64px 64px;
}

.integration-scim {
    background: url('../../images/integrations/scim.png');
    background-size: 64px 64px;
}

.integration-salesforce {
    background: url('../../images/integrations/salesforce.png');
    background-size: 64px 64px;
}

.integration-successfactors {
    background: url('../../images/integrations/successfactors.png');
    background-size: 64px 64px;
}


.integration-selfsignup {
    background: url('../../images/integrations/selfsignup.png');
    background-size: 64px 64px;
}

.integration-tribehr {
    background: url('../../images/integrations/tribehr.png');
    background-size: 64px 64px;
}

.integration-bamboohr {
    background: url('../../images/integrations/bamboohr.png');
    background-size: 64px 64px;
}

.integration-instructor {
    background: url('../../images/integrations/ILT.png');
    background-size: 64px 64px;
}


.integration-social {
    background: url('../../images/integrations/social.png');
    background-size: 64px 64px;
}

.integration-adp {
    background: url('../../images/integrations/adp.png');
    background-size: 64px 64px;
}

.integration-namely {
    background: url('../../images/integrations/namely.png');
    background-size: 64px 64px;
}

.integration-office365 {
    background: url('../../images/integrations/Microsoft_Exchange.png');
    background-size: 64px 64px;
}

.integration-blaze {
    background: url('../../images/integrations/blaze.png');
    background-size: 64px 64px;
}

.integration-badges {
    background: url('../../images/integrations/badges.png');
    background-size: 64px 64px;
}

.integration-boost {
    background: url('../../images/integrations/boost.png');
    background-size: 64px 64px;
}
.integration-shopify {
    background: url('../../images/integrations/shopify.png');
    background-size: 64px 64px;
}

.integration-zendesk {
    background: url('../../images/integrations/zendesk.jpg');
    background-size: 64px 64px;
}

.integration-drupal {
    background: url('../../images/integrations/drupal.png');
    background-size: 64px 64px;
}

.integration-wordpress {
    background: url('../../images/integrations/wordpress.png');
    background-size: 64px 64px;
}

.integration-mailchimp {
    background: url('../../images/integrations/mailchimp.png');
    background-size: 64px 64px;
}

.integration-recommendedlibrary {
    background: url('../../images/integrations/recommendedlibrary.png');
    background-size: 64px 64px;
}

.integration-customfields {
    background: url('../../images/integrations/customfields.png');
    background-size: 64px 64px;
}

.integration-videoAssessment {
    background: url('../../images/integrations/videoAssessment.png');
    background-size: 64px 64px;
}

.integration-tagging {
    background: url('../../images/integrations/tagging-feature-icon.png');
    background-size: 64px 64px;
}

.integration-programrating {
    background: url('../../images/integrations/programrating.png');
    background-size: 64px 64px;
}

.integration-externallearning {
    background: url('../../images/integrations/externallearning.png');
    background-size: 64px 64px;
}

.integration-immersiveVideo {
    background: url('../../images/integrations/immersiveVideos.png');
    background-size: 64px 64px;
}

.integration-automationrules {
    background: url('../../images/integrations/litmosAssign.png');
    background-size: 64px 64px;
}

.integration-persist {
    background: url('../../images/integrations/persist.png');
    background-size: 64px 64px;
}

.integration-customsmtp {
    background: url('../../images/integrations/Icon-SMTP.png');
    background-size: 64px 64px;
}

.integration-offlineScorm {
    background: url('../../images/integrations/Icon-OfflineScorm.png');
    background-size: 64px 64px;
}

.integration-coursetopics {
    background: url('../../images/integrations/topicsSubtopics.png');
    background-size: 64px 64px;
}

.integration-enrollmentApprovals {
    background: url('../../images/integrations/Icon-Approvals.png');
    background-size: 64px 64px;
}

.integration-docusign {
    background: url('../../images/integrations/DocuSign_Icon.png');
    background-size: 64px 64px;
}

.integration-bluejayAuthoring {
    background: url('../../images/integrations/Icon-BluJay.png');
    background-size: 64px;
}

.integration-zoom {
    background: url('../../images/integrations/Zoomlogo.png');
    background-size: 64px 64px;
}

.integration-office {
    background: url('../../images/integrations/Microsoft_Office.png');
    background-size: 64px 64px;
}

.integration-google {
    background: url('../../images/integrations/google-calendar-icon.png');
    background-size: 64px 64px;
}
.integration-teams {
    background: url('../../images/integrations/microsoft-teams.png');
    background-size: 64px 64px;
    background-position: center center;
    background-color: white;
    background-repeat: no-repeat;
}

.integration-TimedReleaseCoursesInLP {
    background: url('../../images/integrations/drip-release-icon-color.png');
    background-size: 64px 64px;
}
.integration-WebHook {
    background: url('../../images/integrations/webhook.png');
    background-size: 64px 64px;
}
.integration-HTTPContent {
    background: url('../../images/integrations/HttpContent.png');
    background-size: 64px 64px;
}
.integration-customDomain {
    background: url('../../images/integrations/CustomDomain.png');
    background-size: 64px 64px;
}

.integration-lrs {
    background: url('../../images/integrations/lrs.png');
    background-size: 64px 64px;
}

.integration-Equivalency {
    background: url('../../images/integrations/equivalency.png');
    background-size: 64px 64px;
}

.integration-Competency {
    background: url('../../images/integrations/competencies.png');
    background-size: 64px 64px;
}

.integration-Content-Authoring {
    background: url('../../images/integrations/Author.png');
    background-size: 64px 64px;
}

.integration-Collections {
    background: url('../../images/integrations/Product-Icon-collections2.png');
    background-size: 64px 64px;
}

.integration-Impersonation {
    background: url('../../images/integrations/impersonation.png');
    background-size: 64px 64px;
}

.integration-Assets {
    background: url('../../images/integrations/Content-Management.png');
    background-size: 64px 64px;
}

.integration-customdashboards {
    background: url('../../images/integrations/CustomDashboards.png');
    background-size: 64px 64px;
}

.integration-Questions {
    background: url('../../images/integrations/Question.png');
    background-size: 64px 64px;
}

/****************** ADMIN COURSES *********************/
table.table-sorter thead tr .header:after {
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    content: "\f0dc";
    float: right;
    color: #bbb;
    margin-top: 2px;
}

table#directReportsTable thead tr .header:after, table#approvalsTable thead tr .header:after {
    margin-top: 5px;
}

table.table-sorter thead tr .headerSortUp:after {
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    -webkit-font-smoothing: antialiased;
    content: "\f139";
}

table.table-sorter thead tr .headerSortDown:after {
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    -webkit-font-smoothing: antialiased;
    content: "\f13a";
}

#infoDiv {color:white}

.module-handle-mini {
    background-color: #bbb;
    float: left;
    border-radius: 3px;
    margin: 0 10px 0 0;
    padding: 2px;
}

.cb_courseicon {
    width: 150px;
    height: 150px;
    margin-right: 10px;
    float: left;
}

.icon_default {
    color: White;
    opacity: 0.9;
    text-align: center;
    padding: 20px;
    background-color: rgb(176, 176, 176);
}

.boost_circle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #262626;
    color: White;
    padding: 0px;
    text-align: center;
    font-size: 10pt;
}

#newModuleView img { width:75px; }

#newModuleView a  
{
    width:100%; 
    height:125px;
    margin-bottom:14px;
    white-space:normal;
    line-height: 18px;
    border-radius: 12px;
}

/****************** ADMIN MARKING - LEARNER UPLOAD *********************/
ul.learner-upload-file-list {
    list-style-type: none;
}

ul.learner-upload-file-list li.module-desc {
    text-align: left;
}

ul.learner-upload-file-attempt, ul.learner-upload-file-list {
    -webkit-padding-start: unset;
}

/****************** ADMIN QUICK REPORTS - LEARNER UPLOAD *********************/
#quick-report-learner-upload-table {
    margin-bottom: 15px;
}

#quick-report-learner-upload-table td {
     vertical-align: top;
}

/*************** ADMIN DASHBOARD *****************/
#litmosDashboards .col-sm-3 .panel-body, #litmosDashboards .col-xs-6 .panel-body {
    height: 125px;
    position: relative;
}

.manageDashIcons {
    position: absolute;
    bottom: 10px;
    font-size: 16px;
    width: 100%;
    padding: 0 10px;
    left:0;
}

.defaultDashboard 
{
    position:absolute; 
    bottom: 10px;
    left: 10px;
}

#widgetDescriptionModal tr { display:none;}

#widgetDescriptionModal tr td img { width: 190px;}

#widgetDescriptionModal tr td:first-child { width: 200px;}

.trial-notice
{
   padding: 8px 5px;
    background-color: #262626;
    color: #fff;
    font-size: 14px;
    text-align: center;
}
.suspend-notice
{
    padding: 8px 5px;
    background-color: #FD2E06;
    color: white;
    font-size: 20px;
    text-align: center;
}

/*help descripition*/
.info-icon-module {
    display: inline-block;
    background: url(https://static1.litmos.com/static/images/tiles_layout/info.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    vertical-align: middle;
    margin-top: -5px;
}

.tooltip-inner ul li {
    text-align: left;
}

.user-profile-header {
    display:flex;
    align-items:center;
    flex-wrap: wrap;
    /* justify-content: center; */
    margin-bottom:2rem;
}

.user-profile-header .avatar img {
    width: 120px;
    height: 120px;
}

@media (max-width: 600px) {
    .user-profile-header .avatar img {
        width: 60px;
        height: 60px;
    }
}

.user-profile-header .content {
    flex: 1;
    min-width: 220px;
    margin: 1rem 0;
}

.minimal-dropdown {
    background: transparent; 
    border: none;
}

.bg-dark .minimal-dropdown option {
    background: #262626; 
}

/* Simplified stat box (use learner gamification dashboard for reference) */
.stat-boxes {
    display:flex;
    align-items: stretch;
    justify-content: stretch;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom: 1rem;
}

.stat-boxes > * {
    flex: 1;
}

.stat-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-width: 220px;
    height: 100%;
    padding: 16px;
    /* color: #FFF; */
    background-color: #F8F8F8;
    border: none;
    position: relative;
    margin: 0;
    border-radius: 10px;
    box-shadow: none;
}
.stat-box.dark {
    color: #FFF;
    background-color: #3D3D3D;
}

.stat-box .stat-icon {
    width: 65px;
    height: auto;
}

@media (max-width: 600px) {
    .stat-box .stat-icon {
        width: 45px;
    }
}

.stat-box.stat-color-1 .stat-icon,
.stat-box.stat-color-1 i {
    color:#1b90ff;
    color:var(--litmos-accent-1);
}
.stat-box.stat-color-2 .stat-icon,
.stat-box.stat-color-2 i {
    color:#9b76ff;
    color:var(--litmos-accent-2);
}
.stat-box.stat-color-3 .stat-icon,
.stat-box.stat-color-3 i {
    color: #f58b00;
    color: var(--litmos-accent-3);
}
.stat-box.stat-color-4 .stat-icon,
.stat-box.stat-color-4 i {
    color:#5dc122;
    color:var(--litmos-accent-4);
}

.stat-box.stat-color-5 .stat-icon,
.stat-box.stat-color-5 i {
    color:#ee3939;
    color:var(--litmos-accent-5);
}

.stat-box.stat-color-theme .stat-icon,
.stat-box.stat-color-theme i {
    color:#f0ab00;
    color:var(--litmos-primary-color);
}

.stat-label {
    font-size: 14px;
    opacity: 0.6;
    font-weight: normal;
    line-height: 1;
}
.stat-value {
    display:block;
    font-weight: bold;
    font-size: 32px;
    line-height: 1;
}

@media (max-width: 750px) {
    .stat-value {
        font-size: 24px;
    }
}

/* =================== */


.stat-aqua, .stat-green, .stat-blue, .stat-dark, stat-purple {
    padding: 25px;
    height: 100px;
    color: White !important;
    background-color: #121212 !important;
    border-color: #4d4d4d !important;
    position: relative;
}


.stat-competencies {
    padding: 25px;
    color: White !important;
    background-color: #121212 !important;
    border-color: #4d4d4d !important;
    position: relative;
}

.stat-purple i
{
    color:#970a82 !important;
}

.stat-green i
{
    color:#4fb81c !important;
}

.stat-blue i, .stat-competencies i
{
    color: #008fd3 !important;
}

.stat-dark i
{
    color:#e35600 !important;
}

.stat-span
{
    color:White;
    opacity:0.8;
}

.widget-counter-caption {
    font-size: 1em;
    margin: 0;
    padding: 0;
    display: inline;
}

.metrics-content 
{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.metrics-tiles .col-md-3 .metrics-content i
{
    font-size: 36pt;
}

.metrics-tiles .col-md-4 .metrics-content i, .metrics-tiles .col-sm-4 .metrics-content i
{
    font-size: 24pt;
}

.metrics-tiles .col-md-6 .metrics-content i, .metrics-tiles .col-xs-6 .metrics-content i
{
    font-size: 22pt;
}


/*People/Teams popup*/

    @media only screen and (max-width:821px) {
        body {
            overflow-x: scroll !important;
        }

        html {
            height: 100vw;
        }

        #facebox {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1000;
            text-align: left;
        }

        #scheduler {
            width: 100% !important;
        }

            #scheduler td div {
                width: 100% !important;
            }

            #scheduler tr {
                display: block;
            }

            #scheduler td:last-child {
                float: left;
            }
    }

    @media only screen and (min-width:820px) {
        body {
            overflow-x: hidden !important;
        }

        #facebox {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1000;
            text-align: left;
            padding: 2px;
        }
    }

    #facebox .popup {
        position: relative;
        background: #FFF;
        border-radius: var(--litmos-panel-radius);
        box-shadow: var(--litmos-panel-shadow);
    }

    #facebox .content {
        display: table;
        min-width: 370px;
        min-height: 2rem;
        background: #fff;
        border-radius: var(--litmos-panel-radius);
    }

        #facebox .content > p:first-child {
            margin-top: 0;
        }

        #facebox .content > p:last-child {
            margin-bottom: 0;
        }

    #facebox .close {
        position: absolute;
        top: 5px;
        right: 5px;
        padding: 2px;
        background: #fff;
    }

        #facebox .close img {
            opacity: 0.3;
        }

        #facebox .close:hover img {
            opacity: 1.0;
        }
        .lit-modal-close {
            opacity: 1;
            color: #757575;
        }
        .lit-modal-close:hover, .lit-modal-close:focus{
            opacity: 1;
            color: #000;
        }
#facebox .loading {
    text-align: center;
}

    #facebox .image {
        text-align: center;
    }

    #facebox img {
        border: 0;
        margin: 0;
    }

    #facebox_overlay {
        position: fixed;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
    }

    .facebox_hide {
        z-index: -100;
    }

    .facebox_overlayBG {
        background-color: #000;
        z-index: 99;
    }

    #assignItemBox {
        width: auto;
        width: 600px;
    }

    #assignBoxTitle {
        margin: 0px;
        padding: 5px 0px;
        color: #666;
    }

    #assignResults {
        height: 400px;
        overflow: auto;
        padding: 10px;
    }

    #assignItemBox .modal-content #assignResults {
        height: auto;
        overflow: auto;
        padding: 10px;
    }

    .assign-footer /* NEED TO REMOVE */ {
        border-top: solid 1px #ccc;
        padding: 10px;
    }

    #assignItemBox .modal-content .assign-footer /* NEED TO REMOVE */ {
        border-top: none;
        padding: 0px;
    }

    .assign-body /* NEED TO REMOVE */ {
        padding: 10px;
    }

    .assign-header /* NEED TO REMOVE */ {
        padding: 10px;
    }

    .assign-search {
        border: none;
        background: #EDEFF0;
        box-shadow: none;
        border-radius: 6px;
    }

    .assign-header .tip /* NEED TO REMOVE */ {
        color: #ccc !important;
    }

    .assign-header .title /* NEED TO REMOVE */ {
        color: #fff !important;
    }

    .assign-header-field /* NEED TO REMOVE */ {
        padding: 8px 0px 5px 0px;
        color: #fff;
    }

    .field-help /* NEED TO REMOVE */ {
        position: relative;
        top: 0px;
        left: 0px;
    }

        .field-help label /* NEED TO REMOVE */ {
            position: absolute;
            top: 6px;
            left: 3px;
            padding-left: 24px;
            color: #888;
            z-index: 9000;
        }

    .field-help-box label /* NEED TO REMOVE */ {
        position: absolute;
        top: 18px;
        left: 3px;
        padding-left: 35px;
        color: #888;
        z-index: 9000;
        font-weight: normal;
        font-style: italic;
    }

    .field-help-box input /* NEED TO REMOVE */ {
        width: 70%;
        font-size: 17px;
        border: none !important;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background: transparent url(../../images/icons/magnifying-glass-14.png) no-repeat scroll 10px center !important;
        padding: 3px 10px 3px 24px;
        color: #666;
        z-index: 999;
    }

    img.mini-pic {
        float: left;
        margin-right: 5px;
        border-radius: 20px;
        border: none;
        height: 26px;
    }
    /*pop-profile*/
    #proSnap {
        position: absolute;
        padding: 10px;
        border: solid 1px #ccc;
        background-color: #f2f0f5;
        -webkit-box-shadow: #aaa 4px 4px 5px;
        -moz-box-shadow: #aaa 4px 4px 5px;
    }

    .profile-snapshot {
        width: 300px;
        clear: both;
    }

        .profile-snapshot img {
            width: 80px;
            padding: 0px 10px 10px 0px;
            float: left;
        }

        .profile-snapshot .sect {
            padding: 5px 0px;
            border-top: solid 1px #eee;
        }

    .profile-snapshot-footer {
        clear: both;
    }

    .module-handle {
        margin-top: -50%;
    }

    .module-handle-link {
        padding-top: 50%;
    }

    .opt-droper {
        position: absolute;
        left: 0;
        width: 90%;
        margin-top: -30px;
    }

    .opt-droper-menu {
        margin: 0px;
        padding: 10px;
        background-color: #555;
        color: #fff;
        border-radius: 4px;
        box-shadow: #aaa 4px 4px 5px;
    }

        .opt-droper-menu li {
            margin: 0px;
            padding: 0px;
            list-style-type: none;
        }

    #activityList .pager {
        margin: 0;
    }

    .sub-report-collapse {
        display: none !important;
    }

    .expander {
        border: solid 1px #ccc;
        color: #ccc;
        margin-right: 5px;
        display: inline-block;
        line-height: 16px;
        height: 16px;
        cursor: pointer;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }


    #input_datePicker, .input_datePicker {
        position: relative;
    }

        #input_datePicker .fa-calendar, .input_datePicker .fa-calendar {
            position: absolute;
            top: 15px;
            left: 7px;
        }

    .form-border {
        border: 1px solid #dfdfdf;
    }

    .ui-timepicker-wrapper {
        z-index: 9999 !important;
    }

    .ui-timepicker-list {
        overflow-y: auto;
        height: 150px;
        width: 6.5em;
        background: #fff;
        border: 1px solid #ddd;
        margin: 0;
        padding: 0;
    }

        .ui-timepicker-list li {
            padding: 3px 0 3px 5px;
            cursor: pointer;
            white-space: nowrap;
            color: #000;
            list-style: none;
            margin: 0;
        }

        .ui-timepicker-list:hover .ui-timepicker-selected {
            background: #fff;
            color: #000;
        }

            li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list:hover .ui-timepicker-selected:hover {
                background: #1980EC;
                color: #fff;
            }

                li.ui-timepicker-selected .ui-timepicker-duration, .ui-timepicker-list li:hover .ui-timepicker-duration {
                    color: #ccc;
                }

    table.simple-form {
        width: 100%;
        border-spacing: 0 !important;
    }

        table.simple-form tr td input, .fake-field {
            border: solid 1px #ccc;
            padding: 2px;
        }

        table.simple-form tr th {
            text-align: right !important;
            white-space: nowrap;
            color: #444;
            font-weight: normal;
        }

        table.simple-form tr th, table.simple-form tr td {
            padding: 5px;
            vertical-align: top;
        }

    #notification-box {
        position: absolute;
        top: 30px;
        left: 50%;
        display: block;
        padding: 15px;
        background-color: #010101;
        color: #fff;
        font-weight: bold;
        text-align: center;
        margin-left: -150px;
        width: 300px;
        z-index: 999;
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }

        #notification-box a, #notification-box a:visited {
            font-weight: bold;
            color: #fff !important;
            padding: 5px;
        }

    .litmosHidden {
        display: none;
    }

    .litmosHiddenCompliance {
        display: none;
    }

    .litmosHiddenUserCreatedDate {
        display: none;
    }

    .chart-no-data-line {
        background: url(../../images/no-data-line2.png) 50% 0 no-repeat;
        margin: 0 auto;
    }

    .search-filter-sort {
        cursor: pointer;
    }

    .typeahead,
    .tt-query,
    .tt-hint {
        width: 396px;
        padding: 8px 12px;
        font-size: 14px;
        line-height: 30px;
        border: 2px solid #ccc;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        outline: none;
    }

    .typeahead {
        background-color: #fff;
    }

        .typeahead:focus {
            border: 2px solid #0097cf;
        }

    .tt-query {
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    }

    .tt-hint {
        color: #999
    }

    .tt-menu {
        margin-top: -10px;
        width: 100%;
        padding: 8px 0;
        background-color: #fff;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, 0.2);
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
        -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
        box-shadow: 0 5px 10px rgba(0,0,0,.2);
    }

    .tt-suggestion {
        padding: 3px 20px;
        font-size: 16px;
        line-height: 24px;
    }

        .tt-suggestion:hover {
            cursor: pointer;
            color: #fff;
            background-color: #0097cf;
        }

        .tt-suggestion.tt-cursor {
            color: #fff;
            background-color: #0097cf;
        }

        .tt-suggestion p {
            margin: 0;
        }

    .coursefilter_button {
        margin-top: 10px
    }

    .filter_active_button {
        background-color: #f0ab00;
        color: White;
        font-family: 'Open Sans', Helvetica;
        border-radius: 50px;
        padding: 10px;
        margin-left: 10px;
        padding-right: 10px;
        display: inline-block;
    }

    .filter_button_spacing {
        margin: 4px 10px;
        padding: 4px 10px;
    }

    .coursefilter-total:hover {
        color: #cccccc;
    }

    .filter-deactive-button {
        color: #fff;
        margin-left: 5px;
    }

    /*Color Picker*/
    .colorBlob {
        width: 20px;
        height: 20px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.25) 4px 4px 5px;
        -moz-box-shadow: rgba(0, 0, 0, 0.25) 4px 4px 5px;
        box-shadow: rgba(0, 0, 0, 0.25) 4px 4px 5px;
        /*border:solid 1px #dcdcdc;*/
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .field-validation-error, .validation-error, .error {
        color: #cc0000;
        font-size: 11px;
        font-weight: normal;
        padding-top: 5px;
    }

    .field-validation-error {
        display: block;
    }


    a.date-click {
        position: relative;
        cursor: default;
        top: 0px;
        margin-left: 5px;
        font-size: 14px;
        color: #666;
        font-family: "SSSymbolicons";
        font-style: normal;
        font-weight: 300;
        text-decoration: none;
        text-rendering: optimizeLegibility;
        white-space: nowrap;
        width: 20px;
    }

        a.date-click:before {
            content: '\1F4C5';
        }

    .collapse-heading {
        display: flex;
        justify-content: space-between;
        width: 100%;
        font-size: 1rem;
        font-weight: bold;
        padding: 1rem;
        margin: 0;
        border: none;
        background: transparent;
        -webkit-appearance: none;
    }

        .collapse-heading:after {
            font-family: 'Font Awesome 5 Pro';
            content: "\f078";
            float: right;
            transition: transform 0.5s;
        }

        .collapse-heading[aria-expanded="true"]:after {
            transform: rotate(180deg);
        }

    .gamification_circle_big {
        width: 150px;
        height: 150px;
        border-radius: 80px;
        font-size: 18px;
        font-weight: bold;
        color: #fff;
        line-height: 50px;
        text-align: center;
        background: #F84545;
        display: inline-block;
        padding: 0;
        margin: 6px;
    }


        .gamification_circle_big img {
            width: 100%;
            height: auto;
        }

    .gamification_circle {
        -webkit-appearance: none;
        width: 75px;
        height: 75px;
        border-radius: 40px;
        border: none;
        font-size: 18px;
        font-weight: bold;
        color: #fff;
        line-height: 50px;
        text-align: center;
        background: #F84545;
        display: inline-block;
        padding: 0;
        margin: 6px;
    }

        .gamification_circle img {
            width: 100%;
            height: auto;
        }

    .badge-image-selector {
        min-width: 260px;
    }

        .badge-image-selector .gamification_circle {
            width: 70px;
            height: 70px;
        }

    .badge-preview {
        width: 190px;
        text-align: center;
        background: #ededed57;
        border-radius: 15px;
        padding: 1rem;
        align-self: flex-start;
    }

    .badges {
        max-height: 50vh;
        overflow-y: auto;
    }

    .tab-content .loading-contianer {
        min-height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .tab-page-actions-header {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        flex-wrap: wrap;
        gap: 10px;
    }

    .leaderboard-list {
        margin: 0;
        padding: 0;
    }

        .leaderboard-list li {
            padding: 10px 15px;
            border-bottom: 1px solid #eee;
        }

    .leaderboard-medal {
        width: 28px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 44px;
        position: relative;
        background: #000;
        color: #fff;
        font-weight: bold;
        line-height: 1.2;
        font-size: 15px;
        margin-right: -8px;
    }

    @media (max-width: 800px) {
        .leaderboard-list li {
            padding: 6px;
        }

        .leaderboard-medal {
            width: 24px;
            height: 24px;
            font-size: 10px;
        }

        .leaderboard-list .avatar img {
            width: 36px;
            height: 36px;
        }
    }

    .leaderboard-medal:before {
        content: "";
        position: absolute;
        top: 2px;
        right: 2px;
        bottom: 2px;
        left: 2px;
        border-radius: 44px;
        border: 2px solid #000;
    }

    .leaderboard-medal.gold {
        color: #000;
        background: radial-gradient( 70.37% 70.37% at 31.48% 29.63%, #ffd230 0%, #d8ac12 100% );
    }

        .leaderboard-medal.gold:before {
            border-color: #e3ba24;
        }

    .leaderboard-medal.silver {
        color: #000;
        background: radial-gradient( 77.78% 77.78% at 31.48% 22.22%, #cdcdcd 0%, #a7a7a7 100% );
    }

        .leaderboard-medal.silver:before {
            border-color: #b7b7b7;
        }

    .leaderboard-medal.bronze {
        color: #000;
        background: radial-gradient( 68.52% 68.52% at 22.22% 31.48%, #d7b472 0%, #aa8a4c 100% );
    }

        .leaderboard-medal.bronze:before {
            border-color: #b7994b;
        }

    /* Error page styles */
    img.error-img {
        width: 100%;
        margin-top: 3rem;
    }

    .box-center {
        text-align: center;
    }

    .badges-list {
        margin: 0;
        padding: 0;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
        grid-column-gap: 1rem;
        grid-row-gap: 3rem;
    }

        .badges-list li {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

    .badge-panel-icon {
        margin-top: -45px;
    }

    .leaderboard-list li:last-child {
        border-bottom: none;
    }

    .leaderboard-username {
        font-weight: bold;
        word-break: break-word;
    }

        .leaderboard-username.current-user {
            font-size: 22px;
        }

    .leaderboard-current-user {
        flex: 1;
        background: #f8f9f9;
        text-align: center;
        min-width: 250px;
    }

        .leaderboard-current-user .avatar {
            margin-bottom: -1.2rem;
        }

        .leaderboard-current-user .point-rank {
            background: #000;
            color: #fff;
            margin-top: -1rem;
            display: inline-flex;
            min-width: 30px;
            height: 30px;
            border-radius: 30px;
            align-items: center;
            justify-content: center;
            padding: 0 7px;
        }

    .leaderboard-user-list {
        flex: 13;
        min-width: 300px;
    }

        .leaderboard-user-list .user-details {
            width: 100%;
        }

    .levels-list {
        margin: 0;
        padding: 0;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
        grid-gap: 1rem;
    }

    .level-badge-list {
        margin: 0;
        padding: 0;
        text-align: center;
    }

        .level-badge-list li {
            list-style-type: none;
            margin: 3px;
            padding: 0;
            display: inline-block;
            vertical-align: top;
            line-height: 1;
        }

    .locked-badge {
        background-color: #f5f5f5;
        background-image: url(../../images/badges/locked_badge.png);
        background-size: contain;
    }

    .game-nobadge {
        background-color: var(--litmos-primary-color);
        background-image: url(../../images/badges/game_nobadge.png);
        background-size: contain;
    }

    .level-panel.completed .game-nobadge {
        background-color: #00d24c;
    }

    .level-panel {
        position: relative;
        border: 3px solid transparent;
        margin-bottom: 0;
        list-style-type: none;
    }

        .level-panel .panel-body {
            display: flex;
            flex-direction: column;
            height: 100%;
        }

        .level-panel .level-panel-header {
            display: flex;
        }

            .level-panel .level-panel-header h2 {
                flex: 1;
            }

        .level-panel .progress {
            border-radius: 10px;
        }

        .level-panel .progress-bar {
            background: var(--litmos-primary-color);
            box-shadow: none;
        }

        .level-panel.completed .progress-bar {
            background: #00d24c;
            box-shadow: none;
        }

        .level-panel.completed {
            background: transparent;
            border-color: #00d24c;
        }

            .level-panel.completed:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: #00d24c;
                z-index: -1;
                opacity: 0.035;
            }


    .rptg td {
        font-size: small;
    }

    .table-x-scroll {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .box-tag-blue, .box-tag-blue span {
        background-color: #069;
        border-color: #069;
    }

    .box-tag-orange, .box-tag-orange span {
        background-color: orange;
        border-color: orange;
    }

    .icon-refresh {
        float: left;
        text-align: center;
        padding: 6px 15px;
        background: #eaeaea;
        border-radius: 5px;
        margin-right: 10px;
        color: Black;
        cursor: pointer;
        margin-top: 40px;
    }

    .loading_background {
        margin: 0 auto;
        width: 100px;
    }

    .socialbox a {
        color: inherit;
        display: inline-block;
        line-height: 1;
        padding: 5px;
        border-radius: 5px;
    }

        .socialbox a:hover {
            color: inherit;
            background: #edeff0;
        }

        .socialbox a i {
            margin: 0;
        }

.socialbox span i {
    font-size: 14px;
    position: static;
}
    /* Make favourited icons red */
    /* .socialbox .fas.fa-heart {
    color: var(--litmos-accent-5);
} */

    .list-view .socialbox {
        text-align: right;
        position: absolute;
        margin-top: 5px;
        right: 12px;
        top: 5px;
    }

    .tiles-view .socialbox {
        text-align: right;
        position: absolute;
        bottom: 32px;
        right: 24px
    }

    .pagination-numbers {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .module-handle-mini img {
        width: 40px;
        cursor: move;
    }

    .-ruled {
        padding-bottom: 1rem;
        border-bottom: 1px solid #d4dfe3;
    }

    .themeitem {
        max-width: 200px;
    }

    .l-theme-classic-item, .l-theme-tiles-item, .l-theme-sidebar-item {
        display: none;
    }

    .l-theme-m-btn {
        display: inline-block;
        border-radius: 30px;
        position: relative;
        height: 18px;
        margin: 5px 4px;
        padding: 4px 6px;
        background-color: #ccc;
        color: #fff;
        font-size: 8px;
    }

    ul.l-theme-h-nav {
        list-style-type: none;
        margin: 0;
        padding: 6px 5px;
        overflow: hidden;
    }

        ul.l-theme-h-nav li {
            float: left;
            display: block;
            color: white;
            text-align: center;
            padding: 3px 5px;
            text-decoration: none;
            font-size: 8px;
            color: #fff;
        }

    ul.l-theme-v-nav {
        list-style-type: none;
        margin: 0;
        padding: 6px 5px;
        overflow: hidden;
    }

        ul.l-theme-v-nav li {
            display: block;
            color: white;
            padding: 2px 0px;
            text-decoration: none;
            font-size: 8px;
            color: #fff;
        }

    .l-theme-image {
        border-radius: 5px;
        border: 3px solid #eee;
        padding: 4px;
        display: block;
        position: relative;
    }

        .l-theme-image:hover {
            border-radius: 5px;
            border: 3px solid #666;
            padding: 4px;
        }

        .l-theme-image image {
            display: block;
            width: auto;
            height: auto;
        }

    .l-overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        transition: .5s ease;
        background-color: #666;
    }

    .l-theme-image:hover .l-overlay {
        opacity: .8;
    }

    .l-text {
        color: white;
        font-size: 16px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }

    .l-theme-module-circle {
        width: 5px;
        height: 5px;
        padding: 3px;
        background-color: #fff;
        border-radius: 50%;
        display: inline-block;
    }

    .l-theme-preview-card {
        background: #f5f5f5;
        width: 100%;
        min-width: 350px;
        min-height: 250px;
    }

    .back-to-top {
        cursor: pointer;
        position: fixed;
        bottom: 15px;
        right: 15px;
        display: none;
    }

    .header-logo {
        width: 800px;
        margin: 5px auto !important;
        text-align: center;
    }

    #logo a {
        background: url(../../images/logo/logo2014.png) no-repeat scroll 0 0 transparent;
        background-size: auto 100%;
        width: 190px;
        display: block;
        text-indent: -999em;
        overflow: hidden;
        background-repeat: no-repeat;
        margin: 5px auto;
    }

    .powered-by-litmos, .powered-by-litmos a, .powered-by-litmos a:visited, .powered-by-litmos a:link {
        color: #ccc;
        font-size: 10px;
    }

    .powered-by-litmos {
        position: absolute;
        bottom: 10px;
        right: 10px;
    }

.   loginBgURL {
        color: #262626;
        background: #ffffff;
    }

    .headerlogo {
        width: 344px;
        height: 90px;
        max-width: 100%;
        background: url('../../images/LogoLitmos.png') no-repeat;
        background-size: 100% auto;
        display: inline-block;
        vertical-align: middle;
        margin: 40px 103px auto;
    }

    .noBkgForm {
        background-color: transparent;
        border-bottom: 1px solid white;
        border-radius: 0px !important;
    }

    #weekCheckboxes ul {
        list-style-type: none;
        font-family: sans-serif;
        font-size: 14px;
    }

    #weekCheckboxes li {
        display: inline-block;
    }

    #weekCheckboxes input[type="checkbox"][id^="cb"] {
        display: none;
    }

    #weekCheckboxes label span {
        padding-top: 5px;
        border-radius: 50%;
        positon: relative;
        display: block;
        width: 30px;
        height: 30px;
        text-align: center;
    }

    #weekCheckboxes label {
        display: block;
        position: relative;
        margin: 10px;
        cursor: pointer;
    }

        #weekCheckboxes label:before {
            background-color: white;
            color: white;
            content: " ";
            display: block;
            border-radius: 50%;
            border: 1px solid grey;
            position: absolute;
            top: -5px;
            left: -5px;
            width: 25px;
            height: 25px;
            text-align: center;
            line-height: 28px;
            transition-duration: 0.4s;
            transform: scale(0);
        }

    #weekCheckboxes :checked + input + label {
        border-color: #ddd;
    }


        #weekCheckboxes :checked + input + label span {
            background: #4d4d4d;
            color: white;
            z-index: -1;
        }


    /*filter Sessions filtering CSS - start*/
    .filter-main {
        /*background-color:#F3F6F7;*/
    }

    .filter-base-static {
        cursor: pointer;
    }

    .filter-header {
        padding: 5px;
    }

    #filter-clear {
        cursor: pointer;
    }

    .filter-section {
        max-height: 558px;
        overflow-y: auto;
    }

    .p-6 {
        padding: 6px;
    }

    .filter-section label {
        font-weight: normal;
    }

    .filter-item {
        border-bottom: 1px solid #ddd;
        padding: 5px;
    }

        .filter-item:last-child {
            border-bottom: 1px solid transparent;
        }

    .filter-label {
        padding: 2px 0 2px 0;
        cursor: pointer;
    }

        .filter-label label {
            cursor: pointer;
        }

        .filter-label span {
            float: right;
            margin-top: -5px;
        }

    .filter-sub-items {
        display: none;
        max-height: 150px;
        overflow-y: auto;
        width: 100%;
    }

    .filter-sub-item {
        padding: 5px 0 0px 0;
    }

    .filter-close-icon {
        padding: 0 0 0 8px;
        background-color: transparent;
        cursor: pointer;
    }

    .filters-disabled {
        pointer-events: none;
        opacity: 0.6;
    }


    /*filter Sessions filtering CSS - end*/


    /* MOBILE DROPDOWNS Add an active class to the active dropdown button */
    .activeDropdown {
        text-decoration: none;
        color: #555;
        background-color: #f5f5f5;
    }

    .dropdown-container {
        display: none;
    }

        .dropdown-container .list-group-item {
            background-color: #4d4d4d;
            padding-left: 25px;
        }
    /*file upload - end*/
    .queuedUpload {
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .queuedUploadItem {
        border: 5px solid #E0E0E0;
        margin-bottom: 14px;
        padding: 10px;
    }

        .queuedUploadItem .remove {
            color: red;
            float: right;
            line-height: 20px;
        }

        .queuedUploadItem .filename {
            font-size: 14px;
            font-weight: bold;
            line-height: 20px;
        }

    .swfupload {
        position: absolute;
        z-index: 10030;
    }

    .uploadProgress {
        float: left;
        display: none;
        background-color: #eee;
        border: 1px solid #dcdcdc;
        line-height: 27px;
        padding: 0px;
        font-size: .8em;
        height: 27px;
        width: 300px;
    }


    .progressBar_outer {
        position: absolute;
        width: 0px;
        height: 100%;
        overflow: hidden;
    }

    .progressBar {
        width: 300px;
        background-color: #b5d0e8;
        height: 27px;
        z-index: 000;
    }

    .uploadWarning {
        padding-top: 5px;
        color: #a94442;
    }

    .progresstext {
        width: 300px;
        text-align: center;
        position: absolute;
        color: #333;
    }
    /*Start progress bar for multi brouse button*/
    .uploadProgressMultiBtn {
        float: left;
        display: none;
        background-color: #eee;
        border: 1px solid #dcdcdc;
        line-height: 27px;
        padding: 0px;
        font-size: .8em;
        height: 27px;
        width: 300px;
    }

    .progressBar_outerMultiBtn {
        position: absolute;
        width: 0px;
        height: 100%;
        overflow: hidden;
    }

    .progressBarMultiBtn {
        width: 300px;
        background-color: #b5d0e8;
        height: 27px;
        z-index: 000;
    }

    .uploadWarningMultiBtn {
        padding-top: 5px;
        color: #a94442;
    }

    .progresstextMultiBtn {
        width: 300px;
        text-align: center;
        position: absolute;
        color: #333;
    }
    /*End progress bar for multi brouse button*/
    .btn-upload {
        color: #fff;
        background-repeat: repeat-x;
        background-color: #428bca;
        border-color: #428bca;
    }

    /****************** POINTS AND BADGES QUICK REPORTS FILTER *********************/
    .search-icon {
        position: relative;
        left: 7px;
        top: 0px;
        z-index: 999;
    }

    .input-append input {
        padding-left: 25px;
        margin-left: -15px;
        width: 100%;
    }

    .input-append .twitter-typeahead {
        width: 95%;
    }

    /*file upload - start*/

    #scoreBox {
        max-width: 150px;
        display: inline-block;
    }

    /* The switch - the box around the slider */
    .overdue-switch {
        position: relative;
        display: inline-block;
        width: 60px;
        height: 34px;
    }

        /* Hide default HTML checkbox */
        .overdue-switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

    .switch {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 105px;
        height: 30px;
        padding: 3px;
        margin: 0;
        border-radius: 18px;
        cursor: pointer;
        box-sizing: content-box;
    }

    .switch-input {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        box-sizing: content-box;
    }

    .switch-label {
        position: relative;
        display: block;
        height: inherit;
        font-size: 10px;
        text-transform: uppercase;
        background: #bbbbbb;
        border-radius: inherit;
        box-sizing: content-box;
    }

        .switch-label:before, .switch-label:after {
            position: absolute;
            top: 50%;
            margin-top: -.5em;
            line-height: 1;
            -webkit-transition: inherit;
            -moz-transition: inherit;
            -o-transition: inherit;
            transition: inherit;
            box-sizing: content-box;
        }

        .switch-label:before {
            content: attr(data-off);
            right: 11px;
            color: #fff;
        }

        .switch-label:after {
            content: attr(data-on);
            left: 11px;
            color: #FFFFFF;
            opacity: 0;
        }

    .switch-input:checked ~ .switch-label {
        background: #00d24b;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
    }

        .switch-input:checked ~ .switch-label:before {
            opacity: 0;
        }

        .switch-input:checked ~ .switch-label:after {
            opacity: 1;
        }

    .switch-handle {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 24px;
        height: 24px;
        background: #ffffff;
        border-radius: 100%;
    }

    .switch-input:checked ~ .switch-handle {
        left: 81px;
    }

    .switch-input:focus ~ .switch-label {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    /* Transition
========================== */
    .switch-label, .switch-handle {
        transition: All 0.3s ease;
        -webkit-transition: All 0.3s ease;
        -moz-transition: All 0.3s ease;
        -o-transition: All 0.3s ease;
    }

    a#totalCoursesMetric, a#totalUsersMetric, a#activeCoursesMetric, a#activeUsersMetric, .metrics-tiles a {
        display: block;
    }

        a#totalCoursesMetric:focus, a#totalUsersMetric:focus, a#activeCoursesMetric:focus, a#activeUsersMetric:focus, .metrics-tiles a:focus {
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
            outline-style: outset;
        }

    .rpb-selected-item {
        background-color: #F0ab00;
        color: White;
        border-radius: 5px;
        padding: 4px 10px;
        margin-right: 10px;
        margin-bottom: 10px;
        display: inline-block;
        word-break: break-all;
    }

        .rpb-selected-item:hover, .rpb-selected-item:visited {
            text-decoration: none;
            color: #fff;
        }

    #profileTable .panel-body, #accountDetails .panel-body, #GDPRSettings .panel-body, #profileEditPanel .panel-body {
        position: relative;
    }

        #profileTable .panel-body .edit-profile-details, #accountDetails .panel-body .edit-profile-details, #GDPRSettings .panel-body .edit-profile-details, #profileEditPanel .panel-body .edit-profile-details {
            position: absolute;
            right: 15px;
            top: 15px;
        }

    .rpb-selected-item {
        background-color: #F0ab00;
        color: White;
        border-radius: 5px;
        padding: 4px 10px;
        margin-right: 10px;
        margin-bottom: 10px;
        display: inline-block;
        word-break: break-all;
    }

        .rpb-selected-item:hover, .rpb-selected-item:visited {
            text-decoration: none;
            color: #fff;
        }

    /****** VIDEO ASSESSMENT *******/

    #videoAssessmentWrapper video {
        width: 100%;
        height: auto;
    }

    #videoAssessmentWrapper .progress {
        height: 5px;
    }

    #videoAssessmentWrapper .progress-bar {
        background: -webkit-linear-gradient(left, #008fd3 0%,#008fd3 100%); /* Chrome10-25,Safari5.1-6 */
    }

    #videoAssessmentWrapper #overallMachineAnalysis.progress {
        height: 10px;
        background-color: #ededed;
    }

    #videoAssessmentWrapper #overallMachineAnalysis .progress-bar {
        background: -webkit-linear-gradient(left, #008fd3 0%,#008fd3 100%); /* Chrome10-25,Safari5.1-6 */
    }

    #videoAssessmentWrapper .progress-percent {
        float: right;
        margin-left: 10px;
        margin-top: -5px;
        font-weight: bold;
    }

    #videoAssessmentWrapper .barOverflow { /* Wraps the rotating .bar */
        position: relative;
        overflow: hidden; /* Comment this line to understand the trick */
        width: 120px;
        height: 60px; /* Half circle (overflow) */
        margin-bottom: -14px; /* bring the numbers up */
    }

    #videoAssessmentWrapper .bar {
        position: absolute;
        top: 0;
        left: 0;
        width: 120px;
        height: 120px; /* full circle! */
        border-radius: 50%;
        box-sizing: border-box;
        border: 5px solid #eee; /* half gray, */
        border-bottom-color: #e35600; /* half azure */
        border-right-color: #e35600;
    }

    #videoAssessmentWrapper .single-chart {
        width: 100%;
        justify-content: space-around;
    }

    #videoAssessmentWrapper .positive-emotion .progress-bar {
        background: -webkit-linear-gradient(left, #4fb81c 0%,#4fb81c 100%);
    }

    #videoAssessmentWrapper .positive-emotion .far {
        font-size: 25px;
        color: #4fb81c;
    }

    #videoAssessmentWrapper .nuetral-emotion .progress-bar {
        background: -webkit-linear-gradient(left, #efab00 0%,#efab00 100%);
    }

    #videoAssessmentWrapper .nuetral-emotion .far {
        font-size: 25px;
        color: #efab00;
    }

    #videoAssessmentWrapper .negative-emotion .progress-bar {
        background: -webkit-linear-gradient(left, red 0%,red 100%);
    }

    #videoAssessmentWrapper .negative-emotion .far {
        font-size: 25px;
        color: red;
    }

    .tooltip {
        z-index: 500;
    }

    #jobRoleImportNavigation img {
        width: 75px;
    }

    #jobRoleImportNavigation a {
        width: 100%;
        height: 125px;
        margin-bottom: 14px;
        white-space: normal;
        line-height: 18px;
    }

    #l_body #searchBox::-webkit-input-placeholder {
        color: #767676;
    }

    #l_body #searchBox::-moz-placeholder {
        color: #767676;
    }

    #l_body #searchBox:-ms-input-placeholder {
        color: #767676;
    }

    #l_body .form-control::-moz-placeholder {
        opacity: 1;
        color: #727272;
    }

    #l_body .form-control:-ms-input-placeholder {
        color: #727272;
    }

    #l_body .form-control::-webkit-input-placeholder {
        color: #727272;
    }

    .wrapper_toggle {
        position: relative;
        width: 472px;
    }

    .view_icon_list {
        height: 107%;
        width: 46px;
        position: absolute;
        padding-top: 18px;
        padding-left: 15px;
    }

    .view_icon_tiles {
        height: 107%;
        width: 46px;
        position: absolute;
        padding-top: 18px;
        margin-left: 45px;
        padding-left: 15px;
    }

    .wrapper_toggle > .right_nav > a {
        cursor: pointer;
        color: #707070;
        border: none;
    }

    .navbar-default .navbar-nav > .right_nav > a:hover, .navbar-default .navbar-nav > .right_nav > a:focus {
        background-color: #000000;
    }

    .progress-bar {
        background-color: #068845;
    }

    .progress-bar-yellowcolor {
        background-color: #fcbe49;
    }

    .tooltip-inner {
        max-width: 100% !important;
    }

    #carousel-widgets .carousel-control,
    #carousel-widgets-imports .carousel-control,
    #carousel-widgets-favorites .carousel-control,
    #carousel-widgets-recommended .carousel-control,
    #carousel-widgets-recently .carousel-control,
    #carousel-widgets-assets .carousel-control,
    #carousel-external-content .carousel-control {
        background-image: none;
        font-size: 25px;
        top: 70px;
        bottom: 0;
        width: 10%;
        text-align: center;
        color: #262626;
    }


    #carousel-widgets .tiles-view-panel-body,
    #carousel-widgets-imports .tiles-view-panel-body,
    #carousel-widgets-favorites .tiles-view-panel-body,
    #carousel-widgets-recommended .tiles-view-panel-body,
    #carousel-widgets-recently .tiles-view-panel-body,
    #carousel-widgets-assets .tiles-view-panel-body,
    #carousel-external-content .tiles-view-panel-body {
        height: 75px;
    }

    #carousel-widgets .carousel-control.right,
    #carousel-widgets-imports .carousel-control.right,
    #carousel-widgets-favorites .carousel-control.right,
    #carousel-widgets-recommended .carousel-control.right,
    #carousel-widgets-recently .carousel-control.right,
    #carousel-widgets-assets .carousel-control.rigt,
    #carousel-external-content .carousel-control.right {
        right: 0;
    }

    #carousel-widgets .carousel-control.left,
    #carousel-widgets-imports .carousel-control.left,
    #carousel-widgets-favorites .carousel-control.left,
    #carousel-widgets-recommended .carousel-control.left,
    #carousel-widgets-recently .carousel-control.left,
    #carousel-widgets-assets .carousel-control.left,
    #carousel-external-content .carousel-control.left {
        left: 0;
    }

    .btnQuickAction {
        display: flex;
        white-space: normal !important;
        word-break: break-word !important;
        text-align: center;
    }

        .btnQuickAction > span {
            margin: auto;
            width: 100%;
        }

        .btnQuickAction span span:last-child {
            display: inline-block;
            width: 66%;
            line-height: 1.3;
        }

        .btnQuickAction > span span:first-child {
            font-size: 20px;
        }

    .panel-settings-imports {
        border-bottom-right-radius: unset;
        border-bottom-left-radius: unset;
    }

    .enableStatus-width {
        width: 93%;
    }

    #filterRatingFilter li > span, .gsFilterMore li > span {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        white-space: nowrap;
    }

    #filterRatingFilter li > span {
        color: #fcbe49;
    }

    #filterRatingFilter > span {
        color: #fcbe49;
    }

    .quick-links .btn-sm {
        padding: 8px 15px;
    }

    #contentFilters .dropdown-menu, #myTrainingcontentFilters .dropdown-menu {
        min-width: 200px;
    }

    #contentFilters .gs_dropdown-menu-topic, #myTrainingcontentFilters .gs_dropdown-menu-topic {
        min-width: 250px;
    }

    .learner-search-filters .gs_dropdown-menu-topic {
        min-width: auto !important;
    }

    .category_color {
        color: #ffffff;
    }

        .category_color:hover, .category_color:focus, .category_color:active, .category_color:active:focus, .category_color:active:hover {
            color: #e6e6e6;
        }

    .bg-medium {
        background: #E8E8E8;
    }

    .filter_active_button_secondary {
        background-color: #0076ca;
        color: White;
        font-family: 'Open Sans', Helvetica;
        border-radius: 50px;
        padding: 10px;
        margin-left: 10px;
        padding-right: 10px;
        display: inline-block;
    }

    .no-assets-img {
        width: 100%;
        height: auto;
        border-radius: 50%;
    }

    /* reset Fiori input width */
    #complianceSection input, #dueDateSection input {
        width: auto;
    }

    #SetEndDate_RelativeDateDay {
        width: 65px;
    }

    .filter-list > span {
        display: block;
        padding: 8px 15px;
    }

    /*admin dashboard css*/

    .widget-panel {
        height: 100%;
        margin-bottom: 0 !important;
        position: relative;
    }

        .widget-panel > .panel-body {
            height: 100%;
            position: relative;
        }

    #leaderboardWrapper {
        height: calc(100% - 40px);
        overflow: auto;
    }

    .news_wrapper, #secondWidget,
    #assignedMetricsWrapper, #dashBox4,
    #historicalWrapper, .achievements_wrapper,
    #approvalsWidget, #escalationsWidget, #recentWrapper,
    #assetsWrapper, #recommendedWrapper, #favoritesWrapper,
    #activityWrapper, #markingWrapper, #approvalsWrapper,
    #recentAccessWrapper, #reportsGlanceWrapper {
        height: calc(100% - 57px);
        overflow: auto;
    }

    .achievements_wrapper, #recentWrapper, #assetsWrapper,
    #recommendedWrapper, #favoritesWrapper {
        padding: 0 25px;
    }

    #courseWidgets {
        height: calc(100% - 105px);
        overflow: auto;
    }



    .widget-loading-contianer {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }


    .widget-error {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: fit-content;
    }

    .calendar-on-toggle {
        float: left;
        color: forestgreen;
        margin: 25px 15px 0px 15px;
    }

    .calendar-off-toggle {
        float: left;
        color: slategrey;
        margin: 25px 15px 0px 15px;
    }

    .slick-prev:before,
    .slick-next:before {
        color: black !important;
    }

    #accordianWidgets .panel-default, #accordianMobWidgets .panel-default {
        box-shadow: none;
    }
    /*removing extra scroll bar from all courses*/

    .x-border-layout-ct {
        overflow: hidden;
    }

    #accordianWidgets .panel-heading a:before, #contentFilters h2:before, #myTrainingcontentFilters h2:before, #accordianMobWidgets .panel-heading a:before {
        font-family: 'Font Awesome 5 Pro';
        content: "\f078";
        float: right;
        transition: all 0.5s;
    }

    #accordianWidgets .panel-heading.active a:before, #contentFilters h2.active:before, #myTrainingcontentFilters h2.active:before, #accordianMobWidgets .panel-heading.active a:before {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .icon-learner {
        font-weight: 100 !important;
        font-size: 1.5em;
    }

    .training-btn {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    #legacyAchievements .achievements-Medal {
        font-size: 20pt;
        float: left;
        width: 40px;
        height: 40px;
        margin-right: 1em;
        padding-top: 2px;
        padding-left: 7px;
        color: White;
        border-radius: 50%;
        background-color: #5bc6e8;
    }

    #legacyAchievements .achievements_wrapper .achievements-Medal {
        font-size: 20pt;
        float: left;
        width: 45px;
        height: 45px;
        margin-top: 5px;
        margin-right: 1em;
        padding-top: 4px;
        padding-left: 10px;
        color: White;
        border-radius: 50%;
        background-color: #5bc6e8;
    }

    .litmos-sub-nav #filterSortDropDown li {
        display: block;
    }

    /*Content-Tagging*/
    .tags-style {
        margin-top: 2px;
        margin-left: 5px;
        cursor: pointer;
    }

    .litmos-sub-nav #filterSortDropDown li a {
        display: block;
    }

    #addTags {
        padding-left: 12px;
    }

    .seqnum-qtype-li {
        border: 1px solid #ccc;
        margin-top: 6px;
        background-color: #ffffff;
        border-radius: 6px;
        padding: 10px 6px 10px 6px;
    }

    .clearMargin {
        margin: 0;
    }

    .seqQuestion {
        display: inline-block;
        padding: 10px 6px 10px 6px;
        margin-left: 19px;
        width: -webkit-fill-available;
    }

    .completeQues {
        display: flex;
    }

    .arrowContainer {
        padding-top: 4px;
    }

    .matchSelect {
        width: auto;
        height: auto;
        float: left;
    }

    .matchanswers {
        padding-left: 40px;
    }

    .matchLabel {
        padding-left: 27px;
    }

    .matchAns {
        padding-left: 23px;
    }

    .popoverWidth {
        width: 263px;
    }

    .alignRating {
        text-align: center;
    }

    .popTotalRating {
        border-bottom: 2px solid #E5E4E5;
        padding-bottom: 7px;
    }

    .seeAllRating {
        margin-top: 7px;
    }

    .ratingStar {
        font-size: 14px !important;
    }

    .ratingResult {
        padding-left: 0px;
        padding-right: 0px;
    }

    .progressHt {
        height: 7px !important;
    }

    .totalRating {
        text-align: center;
    }

    .lineHt {
        height: 26px !important;
    }

    .ratingTitle {
        padding-left: 8px;
    }

    .popSeeAll {
        margin-top: 7px;
    }

    .paddingAdj {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .lineHtRating {
        line-height: 25.7px;
        padding: 0px;
    }

    .ccHistoryScroll {
        max-height: 618px;
        overflow-y: auto;
    }

    .chevronStyle {
        font-size: medium;
        color: #fff;
    }

    .alignTotal {
        width: 263px;
        margin-left: -4px;
    }

    .wordWrap {
        word-break: break-all;
    }

    .popoverPeople {
        color: #0a6ed1;
        font-weight: bold;
    }

    .wrapReply > table, .wrapReply > div, .wrapReply > div > table {
        width: 100% !important;
    }

    .footerSettingsPosition {
        position: static !important;
    }

    .makingInput > input {
        padding: 0px !important;
        text-align: center;
    }

    #imgPreview {
        width: auto;
        height: auto;
        max-width: 100%;
    }

    #markingPreviewImage {
        width: auto;
        height: auto;
        max-width: 100%;
    }

    .imageProportionate {
        width: auto;
        height: auto;
        max-width: 100%;
    }

#androidTip {
    position: relative;
    top: 0;
    left: 0;
}

.phoneCrop {
    position: relative;
    top: 0;
    left: 0;
}

.playArrow {
    position: absolute;
    top: 195px;
    left: 180px;
}

.androidPop {
    padding-right: 30px;
    padding-top: 10px;
}

.androidHeading {
    font-weight: 700;
    font-size: 32px;
    text-align: left;
}

.calendar-off-toggle {
    float: left;
    color: slategrey;
    margin: 25px 15px 0px 15px;
}

.slick-prev:before,
.slick-next:before {
    color: black !important;
}


button.slick-prev:focus-visible,
button.slick-next:focus-visible {
    outline: 5px auto -webkit-focus-ring-color;
}

#accordianWidgets .panel-default, #accordianMobWidgets .panel-default {
    box-shadow: none;
}
/*removing extra scroll bar from all courses*/

.x-border-layout-ct {
    overflow: hidden;
}

#accordianWidgets .panel-heading a:before, #contentFilters h2:before, #myTrainingcontentFilters h2:before, #accordianMobWidgets .panel-heading a:before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f078";
    float: right;
    transition: all 0.5s;
}

#accordianWidgets .panel-heading.active a:before, #contentFilters h2.active:before, #myTrainingcontentFilters h2.active:before, #accordianMobWidgets .panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.icon-learner{
    font-weight:100 !important;
    font-size: 1.5em;
}

.training-btn {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

#legacyAchievements .achievements-Medal {
    font-size: 20pt;
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 1em;
    padding-top: 2px;
    padding-left: 7px;
    color: White;
    border-radius: 50%;
    background-color: #5bc6e8;
}
#legacyAchievements .achievements_wrapper .achievements-Medal {
    font-size: 20pt;
    float: left;
    width: 45px;
    height: 45px;
    margin-top: 5px;
    margin-right: 1em;
    padding-top: 4px;
    padding-left: 10px;
    color: White;
    border-radius: 50%;
    background-color: #5bc6e8;
}

.litmos-sub-nav #filterSortDropDown li {
    display: block;
}

/*Content-Tagging*/
.tags-style {
    margin-top: 2px;
    margin-left: 5px;
    cursor: pointer;
}

.litmos-sub-nav #filterSortDropDown li a {
    display: block;
}

#addTags {
    padding-left: 12px;
}
.seqnum-qtype-li {
    border: 1px solid #ccc;
    margin-top: 6px;
    background-color: #ffffff;
    border-radius: 6px;
    padding: 10px 6px 10px 6px;
}
.clearMargin {
    margin: 0;
}

.seqQuestion {
    display: inline-block;
    padding: 10px 6px 10px 6px;
    margin-left: 19px;
    width: -webkit-fill-available;
}

.completeQues {
    display: flex;
}

.arrowContainer {
    padding-top: 4px;
}

.matchSelect {
    width: auto;
    height: auto;
    float: left;
}

.matchanswers {
    padding-left: 40px;
}

.matchLabel {
    padding-left: 27px;
}

.matchAns {
    padding-left: 23px;
}

.popoverWidth {
    width: 263px;
}

.alignRating {
    text-align: center;
}

.popTotalRating {
    border-bottom: 2px solid #E5E4E5;
    padding-bottom: 7px;
}

.seeAllRating {
    margin-top: 7px;
}

.ratingStar {
    font-size: 14px !important;
}

.ratingResult {
    padding-left: 0px;
    padding-right: 0px;
}

.progressHt {
    height: 7px !important;
}

.totalRating {
    text-align: center;
}

.lineHt {
    height: 26px !important;
}

.ratingTitle {
    padding-left: 8px;
}

.popSeeAll {
    margin-top: 7px;
}

.paddingAdj {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.lineHtRating {
    line-height: 25.7px;
    padding: 0px;
}

.ccHistoryScroll {
    max-height: 618px;
    overflow-y: auto;
}

.chevronStyle {
    font-size: medium;
    color: #fff;
}

.alignTotal {
    width: 263px;
    margin-left: -4px;
}

.wordWrap {
    word-break: break-all;
}
.popoverPeople {
    color: #0a6ed1;
    font-weight: bold;
}
.wrapReply > table, .wrapReply > div, .wrapReply > div > table {
    width: 100% !important;
}
.footerSettingsPosition{
    position: static !important;
}
.makingInput > input{
    padding: 0px !important;
    text-align: center;
}
#imgPreview {
    width: auto;
    height: auto;
    max-width: 100%;
}
#markingPreviewImage {
    width: auto;
    height: auto;
    max-width: 100%;
}

.imageProportionate {
    width: auto;
    height: auto;
    max-width: 100%;
}

.input-group-addon.select-input {
    width: 20%;
    padding: 0;
}

    .input-group-addon.select-input select {
        border: none;
        height: 34px;
    }

.hyphen {
    width: 20%;
    height: 1px;
    margin-right: 7px;
    margin-left: 7px;
    background-color: #89919a;
    margin-top: 39px;
}
.androidNotif {
    font-weight: 400;
    font-size: 18px;
    text-align: left;
}

.blink {
    animation: blink 1s infinite;
    color: #FA4747;
    padding-left: 3px;
}

@keyframes blink {
    50%{
        opacity: 0;
    }
}

#navBlink {
    font-weight: 900;
    font-size: 14px;
    font-family: 'Font Awesome 5 Pro';
    position: inherit;
    display: initial;
    padding-left: 10px;
    color: #FA4747;
}

.textPriority {
   color: #FA4747;
}
#envelope::before {
    font-size: 1.5rem;
    line-height: 0.5;
}
#exclamationMsg::before {
    font-size: medium;
    vertical-align: middle;
}

/* LIT1-9093-Messages-Updates V2*/
.message-box-container {
    position: relative;
    display: flex;
    min-height: 400px;
    height: 930px;
    overflow: hidden;
    box-shadow: var(--litmos-panel-shadow);
    border-radius: 16px;
}

    .message-box-container .horizontal-align {
        width: 100%;
        position: relative;
        display: flex;
    }

    .message-box-container .left-pane {
        width: 41%;
        background-color: #F5F5F5;
        padding: 0px;        
    }

    .message-box-container .search-container {
        background-color: #F5F5F5;
        border: none;
    }

    .message-box-container ul {
        list-style: none;
    }

    .message-box-container .inbox-item-container {
        position: relative;
        height: 660px;
        overflow: auto;        
    }

    .message-box-container .envolop-icon {
        position: relative;
        top: 36px;
        right: 21px;
    }
    .envolop-icon .plus-icon {
        position: absolute;
        top: -5px;
        font-size: 11px;
    }

    .message-box-container .trash-folder-container {
        position: absolute;
        right: 15px;
        top: 10px;
    }

    .message-box-container .trash-icon {
        position: relative;
        font-size: 17px;
    }

    .message-box-container .folder-icon {
        font-size: 17px;
    }

    .message-box-container .title-message {
        position: relative;
        width: 100%;
        height: 39px;
        left: 20px;
        top: 0px;
        font-style: normal;
        font-weight: 700;
        font-size: 30px;
        line-height: 39px;
        color: #131517;
    }
    .message-box-container .message-tab {
        position: relative;
        margin-left: 15px;
    }
    .message-box-container .inbox-item {
        position: relative;
        display: flex;
        padding: 5px;
    }
    .message-box-container .inbox-item-priority {
        position: absolute;
        z-index: 99999;
        left: 26px;
        top: -5px;
    }
    .inbox-item-priority .item-blink {
        animation: blink 1s infinite;
        color: var(--litmos-primary-color);
    }
    .message-box-container .checkbox-date {
        right: 0px;
        position: absolute;
    }
    .message-box-container .checkbox-size {
        box-sizing: border-box;
        width: 17px;
        height: 17px;
        background: #FFFFFF;
        border: 1px solid #32363A;
        border-radius: 3px;
    }
    .message-box-container .inbox-item-title-unread {
        position: relative;
        width: 111.34px;
        height: 17px;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        color: #131517;
    }
    .message-box-container .inbox-item-spacing1 {
        width: 190px !important;
    }
    .message-box-container .message-content-area {
        width: 100%;
        background-color: var(--white-background);
    }

        .message-content-area .default-image {
            text-align: center;
            top: 20%;
            position: relative;
        }

        .message-content-area .default-image .image-envolop {
            padding: 0;
            font-size: 100px;
            opacity: .3;
        }

        .message-content-area .default-message {
            position: absolute;
            width: 404.38px;
            height: 48px;
            font-style: normal;
            font-size: 19.93px;
            line-height: 24px;
            color: #1F252D;
            align-items: center;
            display: flex;
            justify-content: center;
            width: 100%;
        }

        .message-content-area .default-message-label {
            width: 400px;
            font-weight: 500;
        }
        .message-content-area .title-container {
            padding: 20px;
            display: flex;
            height: 125px;
            overflow: auto;
            width: 99%;
            margin-top: 8px;
        }
        .message-content-area .title-avatar {
            position: relative;
            width: 62px;
            height: 62px;
            top: 10px;
            font-weight: 600 !important;
            font-size: 29px !important;
            line-height: 65px !important;
            text-align: center !important;
        }
        .message-content-area .message-title {
            position: relative;
            width: 84%;
            height: auto;
            font-style: normal;
            font-weight: 600;
            font-size: 30px;
            line-height: 36px;
            color: #1C1C1C;
            top: 11px;
            margin-left: 22px;
        }
        .message-content-area .message-thread {
            border: none !important;
        }
        .message-content-area .thread-container {
            width: 99%;
            height: 80%;
            overflow: auto;
            position:relative;
            top:10px;
        }
        .message-content-area .message-thread-to {
            position: relative;
            width: auto;
            height: auto;
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 17px;
            display: flex;
            /*align-items: center;*/
            color: #000000 !important;
        }
        .message-content-area .message-thread-profile-circle-theme {
            background-color: #D9D9D9 !important;
            font-style: normal;
            font-weight: 600 !important;
            font-size: 29.234px !important;
            line-height: 63px !important;
            color: #131517 !important;
        }
.message-thread-profile-circle-theme-small {
    background-color: #D9D9D9 !important;
    font-style: normal;
    font-weight: 600;
    font-size: 16.7782px !important;
    line-height: 35px !important;
    text-align: center;
    color: #131517 !important;
    width: 35px;
    height: 35px;
    max-width: 35px;
    max-height: 35px;
    min-width: 35px;
    min-height: 35px;
    font-stretch: condensed;
}

.messageActive {
    background: var(--litmos-primary-color);
    border: 2px solid var(--litmos-primary-color);
}

/* MessaveV2 End here */

/* Insights (reports) start */
.metrics-banner {
    display: flex;
    align-items: center;
    gap: 11px;
}

.metric-box {
    position: relative;
    cursor: pointer;
    align-items: center;
    gap: 14px;
    padding: 16px 10px;
    border: 4px solid #fff;
    background: #FFF;
    flex: 1;
    display: flex;
    align-self: stretch;
}

.metric-details {
    display: flex;
    align-items: flex-start;
    gap: 3px;
    flex-direction: column;
}

.metric-box:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: calc(var(--litmos-panel-radius) - 4px);
}

.metric-box.accent1 {
    color: var(--litmos-accent-1-dark);
}

.metric-box.accent1:before {
    background-color: var(--litmos-accent-1-transparent);
}

.metric-box.accent2 {
    color: var(--litmos-accent-2-dark);
}

.metric-box.accent2:before {
    background-color: var(--litmos-accent-2-transparent);
}

.metric-box.accent3 {
    color: var(--litmos-accent-3-dark);
}

.metric-box.accent3:before {
    background-color: var(--litmos-accent-3-transparent);
}

.metric-box.accent4 {
    color: var(--litmos-accent-4-dark);
}

.metric-box.accent4:before {
    background-color: var(--litmos-accent-4-transparent);
}

.metric-box.accent5 {
    color: var(--litmos-accent-5-dark);
}

.metric-box.accent5:before {
    background-color: var(--litmos-accent-5-transparent);
}

.metric-box.accent6 {
    color: var(--litmos-accent-6-dark);
}

.metric-box.accent6:before {
    background-color: var(--litmos-accent-6-transparent);
}

.metric-box.accent7 {
    color: var(--litmos-accent-7-dark);
}

.metric-box.accent7:before {
    background-color: var(--litmos-accent-7-transparent);
}

.metric-box .metric-label {
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    color: #32363a
}

.metric-box .metric-label.metric-label-large {
    font-size: 18px;
}

.metric-box .metric-value {
    font-weight: 600;
    font-size: 25px;
    line-height: 1;
    color: #32363a
}

.metric-action {
    position: absolute;
    border-radius: 5px;
    top: 5px;
    inset-inline-end: 5px;
    background-color: #FFF;
    padding: 4px;
    box-shadow: var(--litmos-panel-shadow);
}

.metric-table-title {
    align-items: start;
    gap: 10px;
    flex: 1;
    margin-bottom: 15px;
}

.bg-transparent {
    background: transparent;
}
/* Insights (reports) end */
/* Pending Assignments */

#assignmentProgress .progress-bar {
    line-height: unset;
    min-width: 2em;
    width: 0%;
    background-color: #337ab7;
}