/* Minification failed. Returning unminified contents.
(975,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-border-color'
(1110,17): run-time error CSS1039: Token not allowed after unary operator: '-fc-button-text-color'
(1112,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-button-bg-color'
(1114,24): run-time error CSS1039: Token not allowed after unary operator: '-fc-button-border-color'
(1126,17): run-time error CSS1039: Token not allowed after unary operator: '-fc-button-text-color'
(1128,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-button-bg-color'
(1130,24): run-time error CSS1039: Token not allowed after unary operator: '-fc-button-border-color'
(1242,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-border-color'
(1296,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-page-bg-color'
(1345,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-non-business-color'
(1349,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-bg-event-color'
(1351,19): run-time error CSS1039: Token not allowed after unary operator: '-fc-bg-event-opacity'
(1356,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-small-font-size'
(1361,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-highlight-color'
(1366,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-neutral-bg-color'
(1407,30): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-dot-total-width'
(1409,24): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-dot-border-width'
(1411,17): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-dot-total-width'
(1413,18): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-dot-total-width'
(1417,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-page-bg-color'
(1459,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-selected-overlay-color'
(1477,26): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-border-color'
(1479,26): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-bg-color'
(1484,17): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-text-color'
(1529,15): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-thickness'
(1535,26): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-thickness'
(1541,27): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-thickness'
(1547,32): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-dot-total-width'
(1552,26): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-dot-total-width'
(1557,27): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-dot-total-width'
(1581,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-border-color'
(1583,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-page-bg-color'
(1587,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-neutral-bg-color'
(1592,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1613,30): run-time error CSS1039: Token not allowed after unary operator: '-fc-today-bg-color'
(1720,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-neutral-bg-color'
(1722,17): run-time error CSS1039: Token not allowed after unary operator: '-fc-neutral-text-color'
(1755,19): run-time error CSS1039: Token not allowed after unary operator: '-fc-small-font-size'
(1794,21): run-time error CSS1039: Token not allowed after unary operator: '-fc-daygrid-event-dot-width'
(1794,71): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-border-color'
(1796,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-daygrid-event-dot-width'
(1814,26): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-border-color'
(1816,26): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-bg-color'
(1822,17): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-text-color'
(1892,20): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-thickness'
(1899,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-thickness'
(1904,25): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-thickness'
(1916,30): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-dot-total-width'
(1921,22): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-dot-total-width'
(1926,25): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-resizer-dot-total-width'
(2009,30): run-time error CSS1039: Token not allowed after unary operator: '-fc-today-bg-color'
(2092,36): run-time error CSS1039: Token not allowed after unary operator: '-fc-page-bg-color'
(2097,19): run-time error CSS1039: Token not allowed after unary operator: '-fc-small-font-size'
(2109,21): run-time error CSS1039: Token not allowed after unary operator: '-fc-small-font-size'
(2121,21): run-time error CSS1039: Token not allowed after unary operator: '-fc-small-font-size'
(2127,15): run-time error CSS1039: Token not allowed after unary operator: '-fc-more-link-text-color'
(2129,20): run-time error CSS1039: Token not allowed after unary operator: '-fc-more-link-bg-color'
(2153,24): run-time error CSS1039: Token not allowed after unary operator: '-fc-now-indicator-color'
(2165,24): run-time error CSS1039: Token not allowed after unary operator: '-fc-now-indicator-color'
(2186,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2187,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2191,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-border-color'
(2198,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-neutral-bg-color'
(2223,24): run-time error CSS1039: Token not allowed after unary operator: '-fc-page-bg-color'
(2257,28): run-time error CSS1039: Token not allowed after unary operator: '-fc-neutral-bg-color'
(2291,23): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width'
(2291,71): run-time error CSS1039: Token not allowed after unary operator: '-fc-event-border-color'
(2293,30): run-time error CSS1039: Token not allowed after unary operator: '-fc-list-event-dot-width'
(2326,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-400'
(2340,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-200'
(2460,74): run-time error CSS1039: Token not allowed after unary operator: '-fc-border-color'
 */

/* Top Filter */
.TagList { padding: 0px; margin: 0px 0 0 8px; width: 260px; line-height: 8px; display: inline-block; }
    .TagList li { display: inline; float: left; margin-right: 3px; opacity: .75; }
#filter { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1.1em; }
.search { padding: 0px; position: absolute; right: 70px; padding-top: 0px; margin-top: -33px; }
    .search .inputSwitch.short + label:after, .search .inputSwitch.short input + label:after { height: 17px; }
    .search .inputSwitch + label:after, .search .inputSwitch input + label:after { top: 2px; }
    .search .inputSwitch.short input + label { height: 21px; }
    .search label { cursor: pointer; }
    .search .lblCatalogFilterlabel { padding-left: 5px; vertical-align: middle; }
    .search .pnlCatalogFilter { margin-top: 5px; margin-left: 5px; }
    .search li { display: inline; }
.searchpnl { position: absolute; z-index: 900; width: 180px; height: 65px; margin: 3px 0 0 0px; display: none; background-color: #F7F5F6; border-left: 1px solid #D6D6D6; border-bottom: 1px solid #D6D6D6; border-right: 1px solid #D6D6D6; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.SearchMain { position: relative; bottom: +10px; font-size: 12px; padding-left: 15px; }

/* Catalog specific*/
.catalog div#pnlSearchFilters { padding: 0px !important; }
.catalog ul.search { width: 80%; }
.catalog #txtsearch { width: 95% !important; font-size: 19px; height: 39px; max-width: 920px; margin-left: -23px; letter-spacing: .5px; padding-left: 35px; border-bottom: 2px solid #808080; padding-bottom: 2px; }
.catalog #txtsearch::-webkit-input-placeholder { font-size: 19px; font-family: 'open sans'; letter-spacing: 3px }
.catalog .search:before { content: '\e902'; float: right; position: absolute; left: -21px; font-family: 'icomoon_EL' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; font-size: 34px; margin-top: 6px; color: #b2b2b2; }

.search_catalog { margin-top: 5px; margin-left: 0px; clear: both; padding: 13px; position:relative; }
.search_catalog input.search-query { width: 95% !important; font-size: 19px; height: 39px; max-width: 920px; letter-spacing: .5px; padding-left: 35px; border-bottom: 2px solid #808080; padding-bottom: 2px; }
.search_catalog input.search-query::-webkit-input-placeholder { font-size: 19px; font-family: 'open sans'; letter-spacing: 3px }
.search_catalog:before { content: '\e902'; float: right; position: absolute; left: 15px; font-family: 'icomoon_EL' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; font-size: 34px; margin-top: 6px; color: #b2b2b2; }

.search_catalog .eventViewMode { position: absolute; left: 180px; margin: 0px; padding: 0px; background: none; }

.catalog .fc-button-group .fc-dayGridMonth-button,
.catalog .fc-button-group .fc-timeGridWeek-button,
.catalog .fc-button-group .fc-listMonth-button { display: none; }


.FilterList { padding: 0px; margin: 0px 0px -5px -5px; width: 345px; line-height: 8px; display: inline-block; }
.FilterList .slidemenu .menu-one:checked + label { opacity: 1; }
.FilterList .slidemenu label { width: 33%; float: left; box-sizing: border-box; text-align: center; padding: 15px 7px; opacity: .7; -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; transition: all .15s ease-out; font-size: 13px; font-weight: 600; }
    .FilterList .slidemenu label:hover { cursor: pointer; opacity: 1; }
.FilterList .blue label span { color: #4193cf; }
.FilterList .slidemenu input[type="radio"] { display: none; }
.FilterList .slidemenu .slider { background: #ccc; height: 5px; border-radius: 5px; clear: both; }
.FilterList .slidemenu:after { content: ""; display: table; clear: both; }
.FilterList .slidemenu .menu-one:checked ~ .slider .bar { margin-left: 0; }
.FilterList .slidemenu .menu-two:checked ~ .slider .bar { margin-left: 33%; }
.FilterList .slidemenu .menu-three:checked ~ .slider .bar { margin-left: 67%; }

.FilterList .blue .slider .bar { background: #4193cf; }
.FilterList .slidemenu .slider .bar { height: 5px; width: 33%; box-sizing: border-box; border-radius: 5px; margin-left: 0; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out; }

/*  Filter Menu END*/
.emptymessage { font: normal 14px verdana; padding: 0px; margin-left: auto; margin-right: auto; width: 450px; text-align: center; }
    .emptymessage div { padding: 5px; }
    .emptymessage a { font-size: 14px; font-weight: bold; text-decoration: underline; }
.message { margin-left: auto; margin-right: auto; width: 69%; }
    .message div { padding: 0 .3em; }
    .message p { margin: 6px !important; }
    .message .TopArrow { width: 42px; position: absolute; left: -1px; top: -15px; }
.thumblistContainer { float: right; margin: 0 81px 5px 0; padding: 2px 10px; background-color: #EFEFEF; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; position: relative; z-index: 1000; top: -1px; }
.thumblist { padding: 0; margin: 0px; z-index: 20; position: relative; top: -1px; }
    .thumblist a { color: #8A8A8A !important; }
    .thumblist li { display: inline; }
.SwitchCal_event .icomoon-calendar { font-size: 17px; cursor: pointer; color: #676666; }
.SwitchCal_event a { cursor: pointer; width: 11px; font: 500 13px 'open sans'; margin-top: 11px; top: -2px; position: relative; }
input.search-query { padding: 4px 14px; border-width: 0px; margin-bottom: 0; font-family: 'Open Sans'; line-height: 1; outline-width: 0; width: 197px; background-color: #FDFDFD; padding-left: 5px; margin-top: -1px; }

/* Action pending */

.myTraining .stat-ActionNeeded { margin-bottom: 0px; margin-top: 40px; padding-bottom: 0px; }
    .myTraining .stat-ActionNeeded .small.dashboard-stat { margin-bottom: 5px; }

.catlogbox .stat-ActionNeeded { margin-bottom: 0px; margin-top: 40px; padding-bottom: 0px; }
.catlogbox .stat-ActionNeeded .small.dashboard-stat { margin-bottom: 5px; }

/*------------------------------------------------------------------
[ 5.3.3 ] My Events / My course and My Tracks
    Purpose: Styles for Student My Events / My course and My Tracks
    Location: MyEvents
*/
.BtnAction span { font-family: sans-serif !important; /*Never Change this its an icon*/ }
ul.Course li { cursor: pointer; }
.courseList { width: 896px !important; margin: 0px; margin-left: 35px; padding: 0px; list-style: none; clear: both; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    .courseList li { height: 34px; margin-top: 8px !important; clear: both; border-bottom: 2px solid #CCC; border: 1px solid #E0E0E0; background-color: #FCFCFC; border-radius: 4px; overflow: hidden; }
    .courseList .MainSection { float: left; }
    .courseList .statusdivbg { float: left; width: 211px; font-size: 12px; background-color: #FAFAFA; height: 40px; border-left: 2px solid #f1f1f1; margin-left: 1px; }
    .courseList .coursename { width: 622px; margin: 6px 5px 0px 4px; font: normal 15px 'Open Sans', sans-serif; color: #696969; font-weight: 600; }
    .courseList .CoursenameSpan { width: 577px; height: 22px; overflow: hidden; padding-left: 10px; font: normal 15px 'Open Sans', sans-serif; color: #696969; font-weight: 600; }
    .courseList .borderstyle1 { border: 0px solid #cccccc; }
    .courseList .devider2 { display: none; }
    .courseList .lblStatus { text-transform: uppercase; font-size: 14px; font-weight: bold; margin-top: 4px; display: block; opacity: .8; font-family: 'Open Sans'; font-weight: 600; color: #9497aa; margin-left: 28px; margin-bottom: 8px; }
    .courseList li:hover .lblStatus { opacity: 1; }
    .courseList .thumImgDiv { width: 60px; text-align: center; height: 37px; overflow: hidden; }
    .courseList .thumImg { max-height: 34px; max-width: 63px; float: left; }
    .courseList .BtnAction { height: 40px; width: 45px; text-align: center; color: white !important; opacity: .1; }
    .courseList li:hover .BtnAction { opacity: .2; }
        .courseList li:hover .BtnAction.GetStartedButton, .courseList li:hover .BtnAction.ContinueButton { background-color: #20c17e; }
.courseList .BtnAction a, .courseList .BtnAction span.clickAction { color: white !important; position: relative; top: +7px; padding: 8px 10px 10px 10px; font-size: 16px; }
    .courseList .ProgressBar { width: 100px; height: 19px; border: 1px solid #D6D6D6; margin-left: 28px; margin-top: 3px; background-color: #eee !important; }
    .courseList .ProgressInnerlbl { position: absolute; margin-top: 0px; margin-left: 40px; z-index: 1; text-shadow: 0px 1px 2px #FFF; font-size: 11px; font-weight: normal; }
    .courseList .margintopFlexible { margin-top: 4px; }
    .courseList .flex_btn1 { /* sliding right image */ background: #FFF url('images/admin.png') no-repeat 0px; width: 28px; height: 37px; }
        .courseList .flex_btn1 span { /* background left image */ display: none; }
    .courseList .statusdivbg .GetStarted { color: #28d08a; margin-left: 28px; }
    .courseList li:hover .GetStarted { color: #20c17e; }
    .courseList .statusdivbg .Completed { color: #42718b; margin-left: 28px; }
    .courseList li:hover .Completed { color: #345f77; }
    .courseList .statusdivbg .Action { color: #ab6f6f; margin-left: 13px; }
    .courseList li:hover .Action { color: #9e5d5d; }

    .courseList .statusdivbg .Signup { color: #c59e4f; margin-left: 28px; }
    .courseList li:hover .Signup { color: #b28a35; }
    .courseList .statusdivbg .GetStartedButton, .courseList .statusdivbg .ContinueButton { background-color: #28d08a; }

    .courseList .statusdivbg .CompletedButton { background-color: #42718b; }
    .courseList .statusdivbg .ActionButton { background-color: #ab6f6f; }

    .courseList .statusdivbg .SignupButton { background-color: #c59e4f; }
    .courseList .statusdivbg .NotCompleted_Class { background-color: #28d08a; }
    .courseList .statusdivbg .Completed_Class { background-color: #42718b; }
    .courseList li:hover .coursename { color: #555555; }
    .courseList li:hover { border: 1px solid #bfbfbf; }
    /*List Expired Style*/
    .courseList .adminmode { float: right; position: relative; top: -22px; left: -5px; font: 600 12px 'open sans'; color: #4F0808; }
    .courseList .Expired { border: 1px solid #FFE0E0; background-color: #FCF1F1; color: #C87173; }
        .courseList .Expired .statusdivbg { background-color: #FFE0E0; border-left: 2px solid #FDD0D0; }
    .courseList .statusdivbg .Expired { color: #9497aa; margin-left: 28px; }
    .courseList li:hover .Expired { color: #82879c; }
    .courseList .Expired .adminmode { font-size: 12px !important; }
    .courseList .HasDueDate .adminmode { background-color: #FCF1F1; padding: 2px 5px 2px 5px; }

.divMyTraining .courseList li { position: relative }
.divMyTraining .courseList .statusdivbg { position: absolute; right: 0px; }

.GlossMessage.emptymessage div { border-width: 0px !important; color: #a09f9f; background: rgb(249, 249, 249); }
.divMyTraining .emptymessage div p { margin: 3px; }

.EventList .emptymessage { margin-top: -8px; }

.courseThumb { margin: 0px 0px 0px 0px; padding: 0px; list-style: none; clear: both; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    .courseThumb li { float: left; margin: 10px 0px 10px 20px; height: 92px; }
    .courseThumb .MainSection { overflow: hidden; height: 68px; }
    .courseThumb .coursename { font: normal 14px 'open sans'; color: #494949 !important; width: 220px; margin: 5px 5px 0 5px; position: relative; font-weight: 600; }
    .courseThumb .statusdivbg { font-size: 12px; background-color: #F7F7F7; line-height: 23px; min-height: 24px; }
    .courseThumb .lblStatus { text-transform: uppercase; font-size: 14px; font-weight: bold; display: block; margin-left: 4px; opacity: .8; font-family: 'Open Sans'; font-weight: 600; }
    .courseThumb li:hover .lblStatus { opacity: 1; }
    .courseThumb .adminmode { float: right; color: #4F0808; font: 600 12px 'open sans'; z-index: 1; position: relative; }
    .courseThumb .devider2 { height: 50px; width: 1px; background-color: #EBEBEB; }
    .courseThumb .CoursenameSpan { height: 45px; }
    .courseThumb .thumImgDiv { height: 55px; width: 70px; text-align: center; margin-top: 5px; }
    .courseThumb .thumImg { min-height: 36px; max-height: 50px; min-width: 41px; max-width: 50px; }
    .courseThumb .alternate { background-color: transparent; }
    .courseThumb .BtnAction { width: 90px; text-align: center; color: white !important; opacity: .1; }
    .courseThumb li:hover .BtnAction { opacity: .2; }
    .courseThumb .BtnAction span { color: white !important; padding: 2px 35px; font-size: 16px; }
    .courseThumb .borderstyle1 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #E0E0E0; background-color: #FCFCFC; border-radius: 4px; overflow: hidden; }
    /* change flex_btn1 to a tab*/
    .courseThumb .flex_btn1 { /* sliding right image */ background: none; float: none; color: #565656; font: bold 11px arial; }
        .courseThumb .flex_btn1 span { /* background left image */ background: transparent url('images/adminmodebg.png') no-repeat; line-height: 15px; padding: 0px 14px 0px 17px; }
        .courseThumb .flex_btn1:hover { background-position-y: 0px; }
            .courseThumb .flex_btn1:hover span { background-position-y: 0px; }
    .courseThumb .ProgressBar { width: 110px; height: 18px; margin-top: 3px; margin-left: 0px; border-bottom: 1px solid #adadad; border-radius: 0px; position: relative; overflow: visible; background: none; }
    .courseThumb .ProgressInnerlbl { position: absolute; font-weight: 600; margin-top: -2px; margin-left: 40px; z-index: 5; color: #555; font-size: 11px; font-family: 'open sans'; }

    /*Course Thumb Expired Style*/
    .courseThumb .Expired .borderstyle1 { border: 1px solid #FFE0E0; background-color: #FCF1F1; color: #C87173; }
    .courseThumb .HasDueDate .adminmode { background-color: #FCF1F1; padding: 2px 5px; top: -2px; left: 6px; }
    .courseThumb .Expired .statusdivbg { background-color: #FFE0E0; }
    .courseThumb .Expired .adminmode { font-size: 13px !important; top: -5px; left: 4px }

.SingleTrack .ProgressInnerlbl { margin-top: 2px; }
.TrackProgressBar .ProgressInnerlbl { margin-top: 6px; }

.courseThumb .statusdivbg .GetStarted, .courseThumb .statusdivbg .Continue { color: #28d08a; }
.courseThumb li:hover .GetStarted, .courseThumb li:hover .Continue { color: #20c17e; }
.courseThumb .statusdivbg .Completed { color: #42718b; }
.courseThumb li:hover .Completed { color: #345f77; }
.courseThumb .statusdivbg .Action { color: #ab6f6f; }
.courseThumb li:hover .Action { color: #9e5d5d; }
.courseThumb .statusdivbg .Expired { color: #9497aa; }
.courseThumb li:hover .Expired { color: #82879c; }
.courseThumb .statusdivbg .Signup { color: #c59e4f; }
.courseThumb li:hover .Signup { color: #b28a35; }
.courseThumb .statusdivbg .GetStartedButton, .courseThumb .statusdivbg .ContinueButton { background-color: #28d08a; }
.courseThumb li:hover .GetStartedButton, .courseThumb li:hover .ContinueButton { background-color: #20c17e; }
.courseThumb .statusdivbg .CompletedButton { background-color: #42718b; }
.courseThumb li:hover .CompletedButton { background-color: #345f77; }
.courseThumb .statusdivbg .ActionButton { background-color: #ab6f6f; }
.courseThumb li:hover .ActionButton { background-color: #9e5d5d; }
.courseThumb .statusdivbg .ExpiredButton { background-color: #9497aa; }
.courseThumb li:hover .ExpiredButton { background-color: #82879c; }
.courseThumb .statusdivbg .SignupButton { background-color: #c59e4f; }
.courseThumb li:hover .SignupButton { background-color: #b28a35; }
.courseThumb .borderstyle1:hover { border: 1px solid #bfbfbf; }
.ThumbView { cursor: pointer; width: 11px; height: 11px; background: url(images/thumbnail-icon.png) 1px 4px; background-repeat: no-repeat; padding: 0px 0 0 15px; font: 500 13px 'open sans'; }
.ListView { cursor: pointer; width: 11px; height: 11px; background: url(images/thumbnail-icon.png) 1px -11px; background-repeat: no-repeat; padding: 0 0 0 15px; font: 500 13px 'open sans'; }
.SwitchSpace { margin: 0 10px; position: relative; bottom: +2px; }

/*New Progress BAr*/
.ui-progressbar-value.ui-corner-left.ui-widget-header { background-image: none !important; height: 3px; position: absolute; bottom: -2px; border: 0px !important; background-color: #28c383 !important; transition: width .3s; width: 0px; }
.courseList .ProgressBar { border: 0px; background-color: rgba(221, 221, 221, 0) !important; border-bottom: 1px solid #b1b1b1 !important; border-radius: 0px; position: relative; overflow: visible; }
div#lblProgress { text-transform: uppercase; font-size: 14px; font-weight: bold; display: block; font-family: 'Open Sans'; font-weight: 500; font-size: 12px; margin-left: -1px; color: #b8bac6; content: '' !important; text-align: right; float: right; padding-top: 1px; font-weight: 600 !important; }
    div#lblProgress:after { content: 'Continue'; text-transform: uppercase; font-size: 14px; font-weight: bold; display: block; opacity: .9; font-family: 'Open Sans'; font-weight: 500; font-size: 12px; margin-left: 50px; color: #9497aa; position: absolute; top: 1px; font-weight: 600; left: -8px; }

#HistoryModal div#ProgressBar { position: relative; border: 0px !important; background: none; padding-bottom: 2px; overflow: visible; border-bottom: 1px solid #b1b1b1 !important; text-align: center; margin-right: 26px; margin-bottom: 8px; }

.EventList { width: 896px !important; margin: 0px; margin-left: 35px; padding: 0px; list-style: none; clear: both; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    .EventList li { height: 39px; margin-bottom: 8px !important; clear: both; border-bottom: 2px solid #CCCCCC; padding-bottom: 2px; border: 1px solid #DDD; background-color: #FcFcFc; border-radius: 4px; overflow: hidden; position: relative }
    .EventList .MainSection { float: left; background-color: #fff; width: calc(100% - 165px) !important; }
    .EventList .statusdivbg { float: left; width: 213px; font-size: 12px; border-left: 1px solid #DDD; height: 46px; position: absolute; right: 0px; }
    .EventList .coursename { padding: 12px 0px 0px 19px; font: normal 15px 'Open Sans',sans-serif; color: #696969; font-weight: 600; color: #696969; overflow: hidden; width: calc(100% - 71px) !important; box-sizing: border-box; }
    .EventList .Date { width: 71px; text-align: center; float: left; padding: 1px 0px 3px 0px; background-color: #F7F7F7; font: normal 22px 'Open Sans',sans-serif; color: #696969; font-weight: 600; line-height: 20px; }
    .EventList .SubStatus { font-size: 11px; position: absolute; font-weight: bold; margin-left: 13px; color: #917070; }
    .EventList .borderstyle1 { border: 0px solid #cccccc; }
    .EventList .lblStatus { text-transform: uppercase; font-size: 15px; margin-top: 2px; display: block; opacity: .8; }
    .EventList li:hover .lblStatus { opacity: 1; }
    .EventList .BtnAction { height: 49px; width: 45px; text-align: center; line-height: 31px; color: white !important; }
.EventList .BtnAction a, .EventList .BtnAction span.clickAction { color: white !important; position: relative; top: +6px; padding: 8px 10px 10px 10px; font-size: 16px; }
    .EventList .statusdivbg .NotCompleted_Class { background-color: #28d08a; opacity: .8; }
    .EventList li:hover .NotCompleted_Class { background-color: #20c17e; opacity: 1; }
    .EventList .statusdivbg .Completed_Class { background-color: #42718b; opacity: .2; }
    .EventList li:hover .Completed_Class { background-color: #345f77; opacity: .3; }
    .EventList li:hover .name { color: #555555; }
    .EventList li:hover { border-color: #bfbfbf; }
    .EventList .statusdivbg .lblStatus { font-weight: 600; margin-left: 20px; color: #9497aa !important; margin-top: 0px; }

.EventThumb { margin: 0px; margin-left: 0px; padding: 0px; list-style: none; clear: both; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    .EventThumb li { float: left; margin: 10px 0px 10px 20px; height: 96px; position: relative; }
    .EventThumb .MainSection { overflow: hidden; height: 68px; }
    .EventThumb .statusdivbg { font-size: 12px; background-color: #F7F7F7; line-height: 23px; min-height: 27px; }
    .EventThumb .coursename { font: normal 14px 'open sans'; color: #494949 !important; width: 213px; margin: 5px 5px 0 5px; position: relative; font-weight: 600; }
    .EventThumb .Date { width: 70px; text-align: center; float: left; }
        .EventThumb .Date span { padding: 4px 0px 3px 0px; background-color: #F7F7F7; font: normal 17px 'Open Sans',sans-serif; color: #696969; font-weight: 600; line-height: 20px; }
    .EventThumb .SubStatus { font-size: 11px; position: absolute; font-weight: bold; margin-left: 13px; color: #917070; }
    .EventThumb .borderstyle1 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #E0E0E0; background-color: #FCFCFC; border-radius: 4px; overflow: hidden; }
    .EventThumb .lblStatus { text-transform: uppercase; font-size: 14px; font-weight: bold; display: block; opacity: .8; font-family: 'Open Sans'; font-weight: 600; padding-top: 3px !important; }
    .EventThumb li:hover .lblStatus { opacity: 1; }
    .EventThumb .BtnAction { color: white !important; padding: 2px 35px; font-size: 16px; opacity: .1 }
        .EventThumb .BtnAction a { color: white !important; padding: 2px 35px; font-size: 16px; }
    .EventThumb .statusdivbg .NotCompleted_Class { background-color: #28d08a; opacity: .8; }
    .EventThumb li:hover .NotCompleted_Class { background-color: #20c17e; opacity: 1; }
    .EventThumb .statusdivbg .Completed_Class { background-color: #42718b; opacity: .8; }
    .EventThumb li:hover .Completed_Class { background-color: #345f77; opacity: 1; }
    .EventThumb li:hover .name { color: #555555; }
    .EventThumb li:hover .borderstyle1 { border-color: #bfbfbf; }

/* Evnt catalog specific */
.catlogbox .EventList { height: auto !important; padding-top: 7px; }
    .catlogbox .EventList li { left: auto !important; }






/*------------------------------------------------------------------
[ 5.3.8 ] Student Catalog
    Location: Course1_Master
*/
.menu .browse_catalog { padding-right: 5px; padding-left: 5px; }
    .menu .browse_catalog:hover .dropdown-menu { display: block; }

/* course catalog - track */
.pnlTrackCatalogDetail .TrackDetail { width: 730px; float: left; }
    .pnlTrackCatalogDetail .TrackDetail .thumTrkImgDiv { width: 98px; height: 130px; margin-right: 20px; }
        .pnlTrackCatalogDetail .TrackDetail .thumTrkImgDiv img.TrackLogo { border-width: 0px; max-height: 130px; max-width: 122px; }
    .pnlTrackCatalogDetail .TrackDetail .TrackListpnl { display: block; position: relative; left: 14px; }
.pnlTrackCatalogDetail.HasRelateds .TrackDetail .courseList { width: 700px !important; margin-left: 0px; }
    .pnlTrackCatalogDetail.HasRelateds .TrackDetail .courseList .coursename { width: 425px; }
.pnlTrackCatalogDetail.HasRelateds .TrackDetail .courseL.pnlValidationReqist .coursename .CoursenameSpan { width: 415px; }
.pnlTrackCatalogDetail .relatedcoursesdiv { width: 20%; float: right; margin-top: 40px; }

.pnlTrackCatalogDetail:not(.HasRelateds) .TrackDetail_Modal { width: 100%; }

.menu .catalogCustomTabs { width: 105px; }
    .menu .catalogCustomTabs:hover .dropdown-menu { display: block; }
    .menu .catalogCustomTabs ul li { width: 100%; }
        .menu .catalogCustomTabs ul li a { font-size: 14px; padding: 5px 25px 15px 25px; color: white; }
            .menu .catalogCustomTabs ul li a div[class*='icon-'] { width: 21px; height: 21px; background-size: contain; display: inline-block; position: relative; top: 5px; left: -10px; background-position: 0px; }

li.Catalog_loadMore { width: 100%; font-size: 16px; text-decoration: underline; font-weight: 600; }

    li.Catalog_loadMore:hover { cursor: pointer; text-decoration: none; }

.studentCatalogFilters { }
    .studentCatalogFilters ul li { cursor: pointer }
        .studentCatalogFilters ul li.active { background-color: #eaeaea; box-shadow: -14px 0px 0 0px #eaeaea; }
        .studentCatalogFilters ul li:hover { background-color: #f3f3f3; box-shadow: -14px 0px 0 0px #f3f3f3; }
    .studentCatalogFilters ul.EmptyResult { opacity: 0.8; cursor: default; }
.scspacer { height: 10px; }

/*------------------------------------------------------------------
[ 5.3.4 ] My Training
    Location: MyTraining
*/

.divMyTraining { clear: both; margin: 15px 0px; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; transition-duration: 0.1s; box-shadow: 0 1px 0px 1px rgba(173, 173, 173, 0.2); }
.divMyTraining { box-shadow: 0 1px 0px 1px rgba(173, 173, 173, 0.2) }
    .divMyTraining:hover { box-shadow: 0 1px 2px #d0d0d0; box-shadow: 0 1px 2px #C1C1C1; }
.divMyTraining_Title { background-color: #efefef; cursor: pointer; margin: 0; padding: 7px; display: block; position: relative; box-shadow: 0 1px 2px #C1C1C1; margin-top: 10px; }
    .divMyTraining_Title a { font-weight: 500; font-size: 16px; }
.divMyTraining ul { height: auto !important; padding-bottom: 25px; }
.divMyTraining_Title::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); right: 32px; position: absolute; right: 24px; top: 50%; height: 2px; width: 13px; background: #8EA2B1; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; content: ''; box-sizing: border-box; }
.divMyTraining_Search { transition-property: background-color; -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; transition-duration: 0.7s; }
.divMyTraining_Title.content-visible::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.divMyTraining_Title::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; right: 15px; top: 50%; height: 2px; width: 13px; background: #8EA2B1; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; content: ''; box-sizing: border-box; }
.divMyTraining_Title.content-visible::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.divMyTraining .alert { filter: grayscale(.55); z-index: -1; position: relative; border-radius: 0px; margin-bottom: 0px }
/* track catalog */
.TrackDetailContainer { margin: 10px 0 0 0px; padding: 0px; list-style: none; padding-bottom: 10px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.TrackDetail .alternate { background-color: transparent; }
.TrackDetail .Progress { width: 155px; left: 134px; position: absolute; bottom: 10px; }
    .TrackDetail .Progress .Progresslbl { font-weight: bold; position: relative; }
.TrackDetail .TrackCollapseP { position: absolute; right: 8px; margin-top: +7px; width: 20px; }
.TrackDetail .Description { margin: 10px 0px 0px 0px; width: 320px; float: left; font: normal 13px arial; color: #969393; }
.TrackDetail_Modal .Description { margin: 10px 0px 15px 0px; max-width: 550px; width: calc(100% - 133px); float: left; font: normal 13px arial; color: #7c7c7c; }
.TrackDetail .TrackName { font: normal 17px 'Open Sans', sans-serif; font-weight: 600; color: #757575 !important; width: 313px; margin: 9px 0px 0px 0px; }
.TrackDetail_Modal .TrackName { font: normal 18px 'Open Sans', sans-serif; font-weight: 600; color: #757575 !important; max-width: 550px; width: calc(100% - 133px); margin: 20px 0px 0px 0px; }
.TrackDetail .CompleteBy { color: #696969; width: 170px; font: normal 13px 'Open Sans', sans-serif; font-weight: 600; line-height: 17px; position: absolute; bottom: 2px; right: -47px; }
.TrackDetail .Progress .MainDiv { float: left; display: inline; width: 150px; }
.TrackDetail .thumTrkImgDiv { height: 130px; width: 85px; text-align: center; overflow: hidden; border: 2px solid #FFF; margin: 13px 25px 10px 15px; }
.TrackDetail_Modal .thumTrkImgDiv { width: 75px; border: 2px solid white; margin: 22px 70px 10px 6px; min-height: 60px; }
.TrackDetail .TrackLogo, .TrackDetail_Modal .TrackLogo { max-height: 70px; max-width:135px; overflow: hidden; min-height: 55px; transition: all 0.15s ease-in; }
.TrackDetail:hover .TrackLogo { width: 105px; max-height: 135px; max-width: 105px; }
.ReadMore b { display: none; }
.TrackDetailCollapsed { padding-left: 60px; padding-top: 15px; padding-bottom: 26px; width: 475px; position: relative; z-index: 5; float: left; height: 156px; }
    .TrackDetailCollapsed .borderstyle1 { cursor: pointer; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 2px solid #E7E7E7; background-color: #FFF; position: relative; border-radius: 3px; height: 156px; overflow: hidden; }
        .TrackDetailCollapsed .borderstyle1:hover { border: 2px solid #CAC7C7; }

/* track detail modal */
.TrackDetail_Modal { width: 100%; float: left; }
    .TrackDetail_Modal .trackCourseList { width: 98%; max-width: 850px; margin: 20px auto 0px auto; padding: 0px; list-style: none; clear: both; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
        .TrackDetail_Modal .trackCourseList li { height: 34px; margin-bottom: 8px !important; clear: both; border-bottom: 2px solid #CCC; border: 1px solid #E0E0E0; background-color: #FCFCFC; border-radius: 4px; overflow: hidden; position: relative }
        .TrackDetail_Modal .trackCourseList .MainSection { float: left; width: 75%; background-color: #FcFcFc; }
        .TrackDetail_Modal .trackCourseList .statusdivbg { float: right; width: 186px; background-color: #FAFAFA; height: 40px; border-left: 1px solid #DDD; height: 46px; position: absolute; right: 0px; }
        .TrackDetail_Modal .trackCourseList .coursename { margin: 6px 5px 0px 4px; font: normal 15px 'Open Sans', sans-serif; color: #696969; font-weight: 600; width: calc(100% - 71px) !important; box-sizing: border-box; height: 144px; }
        .TrackDetail_Modal .trackCourseList .CoursenameSpan { width: 100%; box-sizing: border-box; overflow: hidden; padding-left: 10px; font: normal 14px 'Open Sans', sans-serif; color: #696969; }
        .TrackDetail_Modal .trackCourseList .lblStatus { text-transform: uppercase; font-size: 14px; font-weight: bold; margin-top: 4px; display: block; opacity: .8; font-family: 'Open Sans'; font-weight: 600; margin-left: 10px; }
        .TrackDetail_Modal .trackCourseList li:hover .lblStatus { opacity: 1; }
        .TrackDetail_Modal .trackCourseList .thumImgDiv { width: 49px; text-align: center; height: 37px; overflow: hidden; }
        .TrackDetail_Modal .trackCourseList .thumImg { max-height: 37px; max-width: 50px; float: left; }
        .TrackDetail_Modal .trackCourseList .BtnAction { height: 35px; width: 44px; text-align: center; color: white !important; opacity: .9; }
        .TrackDetail_Modal .trackCourseList li:hover .BtnAction { opacity: 1; }
        .TrackDetail_Modal .trackCourseList .BtnAction a { color: white !important; position: relative; top: +7px; padding: 8px 10px 10px 10px; font-size: 16px; }
        .TrackDetail_Modal .trackCourseList .ProgressBar { width: 100px; height: 19px; margin-left: 10px; margin-top: 3px; border: 0px; border-bottom: 1px solid #b1b1b1 !important; border-radius: 0px; position: relative; overflow: visible; background: none !important; }
        .TrackDetail_Modal .trackCourseList .ProgressInnerlbl { position: absolute; margin-top: 0px; margin-left: 40px; z-index: 1; text-shadow: 0px 1px 2px #FFF; font-size: 11px; font-weight: normal; }
        .TrackDetail_Modal .trackCourseList .margintopFlexible { margin-top: 4px; }
        .TrackDetail_Modal .trackCourseList .flex_btn1 { /* sliding right image */ background: #FFF url('images/admin.png') no-repeat 0px; width: 28px; height: 37px; }
            .TrackDetail_Modal .trackCourseList .flex_btn1 span { /* background left image  Continue*/ display: none; }
        .TrackDetail_Modal .trackCourseList .statusdivbg .GetStarted, .TrackDetail_Modal .trackCourseList .statusdivbg .Continue { margin-left: 15px; }
        .TrackDetail_Modal .trackCourseList li:hover .GetStarted, .TrackDetail_Modal .trackCourseList li:hover .Continue { color: #20c17e; }
        .TrackDetail_Modal .trackCourseList .statusdivbg .Completed { margin-left: 10px; }
        .TrackDetail_Modal .trackCourseList li:hover .Completed { color: #345f77; }
        .TrackDetail_Modal .trackCourseList .statusdivbg .Action { margin-left: 10px; }
        .TrackDetail_Modal .trackCourseList li:hover .Action { color: #9e5d5d; }
        .TrackDetail_Modal .trackCourseList .statusdivbg .Expired { margin-left: 10px; }
        .TrackDetail_Modal .trackCourseList li:hover .Expired { color: #82879c; }
        .TrackDetail_Modal .trackCourseList .statusdivbg .Signup { margin-left: 10px; }
        .TrackDetail_Modal .trackCourseList li:hover .Signup { color: #b28a35; }
        .TrackDetail_Modal .trackCourseList .statusdivbg .GetStartedButton { background-color: #77d05a; }
        .TrackDetail_Modal .trackCourseList .statusdivbg .ContinueButton { background-color: #e6d664; }
        .TrackDetail_Modal .trackCourseList .statusdivbg .CompletedButton { background-color: #66c0e2; }
        .TrackDetail_Modal .trackCourseList .statusdivbg .ActionButton { background-color: #ab6f6f; }
        .TrackDetail_Modal .trackCourseList .statusdivbg .ExpiredButton { background-color: #e06666; }
        .TrackDetail_Modal .trackCourseList .statusdivbg .SignupButton { background-color: #c59e4f; }
        .TrackDetail_Modal .trackCourseList li:hover .SignupButton { background-color: #b28a35; }
        .TrackDetail_Modal .trackCourseList .statusdivbg .NotCompleted_Class { background-color: #28d08a; }
        .TrackDetail_Modal .trackCourseList li:hover .NotCompleted_Class { background-color: #20c17e; }
        .TrackDetail_Modal .trackCourseList .statusdivbg .Completed_Class { background-color: #42718b; }
        .TrackDetail_Modal .trackCourseList li:hover .Completed_Class { background-color: #345f77; }
        .TrackDetail_Modal .trackCourseList li:hover .coursename { color: #555555; }
        .TrackDetail_Modal .trackCourseList li:hover { border: 1px solid #bfbfbf; }

        .TrackDetail_Modal .trackCourseList .adminmode { float: right; position: relative; top: -21px; background-color: #FCF1F1; padding: 2px 5px 2px 5px; font: 600 11px 'open sans'; color: #4F0808; }
        .TrackDetail_Modal .trackCourseList .Expired .statusdivbg .StatusMSG { color: #C87173; font-size: 12px; margin-left: 5px; height: 26px; margin-top: -7px; }
.Expired .statusdivbg .GetStartedButton, .Expired .statusdivbg .ContinueButton { background-color: #C87173 !important; }

/*.studentCatalog */
#mainCatalog { margin-top: 10px; padding-bottom: 100px; margin-left: 0px; padding: 0px; list-style: none; clear: both; }
    #mainCatalog li { margin: 13px 13px; width: 210px; height: unset !important; float: left; display: inline; background-color: white; cursor: pointer; position: relative; border: 1px solid rgba(136,136,136, .2); }
        #mainCatalog li[disabled] { pointer-events: none; } /* Prevent double click !*/
        #mainCatalog li.Catalog_loadMore { clear: both; width: 94% !important; display: block; text-align: center; padding: 5px; box-sizing: border-box; text-decoration: none; transform: none !important;position:relative; }
    #mainCatalog .catalog_Name { height: 80px; font: normal 14px 'open sans'; color: #494949 !important; padding: 15px 9px 5px 15px; font-weight: 600; overflow: hidden; /* box-shadow: inset 1px -7px 3px white; */ box-sizing: content-box; }
    #mainCatalog .catalog_Img { width: 100%; margin-top: 0px; background-size: auto 100%; height: 115px; background-position: center; background-repeat: no-repeat; }
    #mainCatalog .Cataog_Progress_Bar { background-image: none !important; height: 5px; position: absolute; bottom: -3px; border: 0px !important; background-color: #32d290 !important; transition: width .3s; max-width: 100%; }
    #mainCatalog .Cataog_Progress { width: 112px; height: 18px; margin-top: 3px; margin-left: 0px; border-bottom: 2px solid #adadad; border-radius: 0px; position: relative; overflow: visible; background: none; text-align: left; float: left; opacity: .6 }
    #mainCatalog .Cataog_NoProgress { width: 100px; height: 18px; margin-top: 3px; margin-left: 0px; border-bottom: 2px solid rgba(173, 173, 173, 0); border-radius: 0px; position: relative; overflow: visible; background: none; text-align: left; float: left; opacity: .6 }
    #mainCatalog .catalog_Status { height: 28px; position: relative; padding-left: 18px; }
    #mainCatalog .catalog_Actions { width: 20px; height: 28px; float: right; text-align: right; padding-right: 14px; }
        #mainCatalog .catalog_Actions .Catalog_Action { margin-top: 5px; display: block; color: #818080; }
            #mainCatalog .catalog_Actions .Catalog_Action.icomoon-checkmark { margin-top: 11px; }
                #mainCatalog .catalog_Actions .Catalog_Action.icomoon-checkmark.catalog_itemDone { color: #32d290; }

    /* Events*/
    #mainCatalog .cal_Img { width: 100%; margin-top: 0px; height: 115px; background-position: center; background-repeat: no-repeat; overflow: hidden !important; position: relative; }
        #mainCatalog .cal_Img:Before { content: ''; position: absolute; width: 202px; height: 145px; border-radius: 386px 43px; bottom: -56px; right: -84px; background: rgba(255, 255, 255, 0.10); }
        #mainCatalog .cal_Img:after { content: ''; position: absolute; width: 0px; height: 108px; border-radius: 999px; top: -19px; transform: rotate(48deg); left: -7px; box-shadow: -4px -2px 0px 34px rgba(255, 255, 255, 0.16); }
    #mainCatalog .catalog_Date { position: relative; z-index: 999; width: 100%; padding-top: 19px; padding-left: 17px; height: 84px; }
        #mainCatalog .catalog_Date span { font-size: 32px; color: #fff; float: left; line-height: 31px; text-transform: uppercase; }
    #mainCatalog .catalog_Date_Time { font-size: 20px !important; text-align: center; display: block; width: 110px; }
    #mainCatalog .catalog_Date .icomoon-6Calendar_Filled { font-size: 74px; position: absolute; right: 17px; bottom: 8px; }

    #mainCatalog li:hover { transform: scale(1.02); }
        #mainCatalog li:hover:before { opacity: 1; }
    #mainCatalog li:before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; content: ''; box-shadow: 0 4px 10px rgba(187, 187, 187, 0.47); opacity: 0; transition: opacity .3s; }

.studentCatalogFilters { background: #fff; padding-left: 12px; padding-top: 13px; margin-top: 19px; border: 1px solid #efefef; }
    .studentCatalogFilters .studentCatalog_top_filters { list-style: none; padding: 0px 0px 0px 15px; margin-right: 15px; margin-top: 5px; line-height: 23px; font-size: 14px; clear:both;}
    .studentCatalogFilters .studentCatalog_found_tags, .studentCatalogFilters .studentCatalog_found_skills, .studentCatalogFilters .studentCatalog_Nav_tags, .studentCatalog_titles, .divStudentCatalog_duration { max-height: 130px; overflow: auto; list-style: none; padding: 0px 0px 0px 15px; margin-right: 15px; margin-top: 4px; line-height: 18px; }
    .studentCatalogFilters .catalogHeading { font-size: 15px; font-weight: 600; text-transform: capitalize; }
    .studentCatalogFilters li.catalogFilterReset { font-size: 12px; text-transform: uppercase; color: #68a7f5; margin-left: 13px; border-bottom: 1px solid #68a7f5; opacity: 1; transition: opacity .3s; cursor: pointer; font-weight: 600; line-height: 4px; padding-bottom: 4px !important; display: inline-block; float: right; padding-top: 8px; padding-right: 3px; padding-left: 4px; margin-right: 16px; }
    .studentCatalogFilters li.active.catalogFilterReset { /* display: none; */ opacity: 0; }
    .studentCatalogFilters li.catalogFilterReset:hover { border-bottom: 1px solid rgba(221, 221, 221, 0); }

    .studentCatalogFilters .catalog_reaction_icon { cursor: pointer; width: 25px; height: 25px; position: relative; top: 2px; transform: scale(1,1); background-repeat: no-repeat; background-size: cover; background-position: center center; margin: 0 5px; float: left; opacity: .8; filter: grayscale(.4); }
        .studentCatalogFilters .catalog_reaction_icon.active { width: 35px; height: 35px; top: -2px; margin: 0px; opacity: 1; filter: none ; } /*need to be refined */
        .studentCatalogFilters .catalog_reaction_icon:hover { width: 35px; height: 35px; top: -2px; margin: 0px; opacity: 1; filter: none ; } /*need to be refined */
.studentCatalog .catalog_reaction { position: absolute; right: 0px; top: 0px; padding: 5px; border-bottom-left-radius: 11px; }
    .studentCatalog .catalog_reaction .catalog_reaction_icon { cursor: pointer; width: 23px; height: 23px; position: relative; background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; display: inline-block; vertical-align: middle; margin-right: 4px; }
    .studentCatalog .catalog_reaction span { font-size: 14px; font-family: 'Open Sans'; font-weight: bold; vertical-align: middle; }

/* alternative to broken icon*/
.icomoon-6Catalog_Lines:before { content: "\e924" !important; }

.studentCatalogFilters .studentCatalog_titles li:after { content: ''; width: 51%; background-color: rgba(212, 212, 212, 0.47); height: 1px; position: absolute; left: 29px; bottom: -3px; }
.studentCatalogFilters .studentCatalog_titles li { margin-bottom: 4px; position: relative; }

.studentCatalogFilters .studentCatalog_top_filters li:hover {  box-shadow: -14px 0px 0 0px #eaeaea; }

.studentCatalog_top_filters_Event:before, .studentCatalog_top_filters_Thumb:before, .studentCatalog_top_filters_LP:before, .studentCatalog_top_filters_Course:before { font-family: 'icomoon_EL' !important; speak: none; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 6px; margin-left: -7px; }

.studentCatalog_top_filters_Event:before { content: '\e606'; font-size: 20px; position: relative; top: 1px; margin-left: -10px; margin-right: 4px; }
.studentCatalog_top_filters_LP:before { content: '\e91f'; font-size: 18px; margin-right: 6px; margin-left: -11px; color: black; position: relative; top: 2px; }
.studentCatalog_top_filters_Course:before { content: '\e919'; }
.studentCatalog_top_filters_Thumb:before { content: '\e957'; }
 
 

/*------------------------------------------------------------------
[ 5.3.10 ] Student Dashboard
    Purpose: Styles for Student Dashboard page
    Location: Dashboard
*/
/*Calendar styles*/
.dash_Event_Calendar .box .fc-grid .fc-day-number { float: left !important; font-weight: 600; padding: 5px 0 2px 12px; }
.dash_Event_Calendar .box .fc-widget-content { border-color: #e5e5e5 }
.dash_Event_Calendar .box table.fc-border-separate { border-collapse: collapse }

.middlecontent { padding-bottom: 30px; }
.box { background-color: #ffffff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.boxheader { background-color: #eeeeee; background-image: -moz-linear-gradient(top, #f5f5f5, #e7e7e7); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#e7e7e7)); background-image: -webkit-linear-gradient(top, #f5f5f5, #e7e7e7); background-image: -o-linear-gradient(top, #f5f5f5, #e7e7e7); background-image: linear-gradient(to top, #f5f5f5, #e7e7e7); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e7e7e7', GradientType=0); border-bottom: 1px solid #c5c5c5; padding: 1px 5px 0px 10px; text-align: left; }
    .boxheader h2 { font-size: 15px; }
.box2 { background-color: #eeeeee; border: 2px solid white; text-align: center; padding: 15px 19px; margin-bottom: 10px; }
    .box2:hover { border-color: #94BB7A; }
        .box2:hover .icontextsmall, .box2:hover .icontextbig { color: #709E52; }
.QuickStats a:hover .Labels, .QuickStats a:hover .SCounter { color: #709E52; }
.QuickStats .QuickRow { padding: 5px 2px 1px 2px; border: 2px solid rgba(0, 0, 0, 0); }
.QuickStats a:hover .QuickRow { border-color: #709E52; }
.boxpadding { padding: 10px; }
.icontextbig { font: 55px arial; color: #545454; display: inline-block; min-width: 64px; text-align: right; left: 3px; position: relative; }
.icontextsmall { font: 16px arial; color: #545454; width: 47px; display: inline-block; padding-left: 10px; }
.boxrow { background-color: #ffffff; padding: 2px 2px; box-sizing: border-box; }
.iconplus { font-size: 26px; color: #cf8500; padding-left: 5px; }
.viewmore:link, .viewmore:visited, .viewmore:hover { color: #324f63; }
.fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }
    .fade.in { opacity: 1; }
.collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; }
    .collapse.in { height: auto; }
.QuickStats .Labels { font: normal 14px sans-serif; color: #757575; }
.QuickStats .SCounter { font: normal 25px sans-serif !important; color: #565656; display: inline-block; }
.QuickStats .gray { background-color: #EBEBEB; }
.QuickIconW-Track { height: 25px; width: 25px; background-image: url(images/NavIcons.png); background-position: -49px -53px; display: inline-table; position: relative; top: 8px; left: -3px; }
.QuickIconW-Course { height: 25px; width: 25px; background-image: url(images/NavIcons.png); background-position: -74px -53px; display: inline-table; position: relative; top: 8px; left: -3px; }
.QuickIconW-Event { height: 25px; width: 25px; background-image: url(images/NavIcons.png); background-position: -236px -53px; display: inline-table; position: relative; top: 8px; left: -3px; }
.QuickStats .QuickIcon-Track { height: 35px; width: 40px; background-image: url(images/quicklink3.png); background-position: -2px -2px; }
.QuickStats .QuickIcon-Course { height: 35px; width: 40px; background-image: url(images/quicklink3.png); background-position: -39px -2px; }
.QuickStats .QuickIcon-Achivement { height: 35px; width: 40px; background-image: url(images/quicklink3.png); background-position: -84px -2px; }
.QuickStats .QuickIcon-Event { height: 35px; width: 40px; background-image: url(images/quicklink3.png); background-position: 41px -2px; }
.QuickIcon-LargeTrack { height: 60px; width: 50px; background-image: url(images/DAshMainLink.png); background-position: -61px 7px; background-repeat: no-repeat; }
.QuickIcon-LargeCourse { height: 60px; width: 50px; background-image: url(images/DAshMainLink.png); background-position: -121px 7px; background-repeat: no-repeat; }
.QuickIcon-LargeEvent { height: 60px; width: 50px; background-image: url(images/DAshMainLink.png); background-position: -242px 7px; background-repeat: no-repeat; }
.QuickIcon-LargeAlert { height: 60px; width: 50px; background-image: url(images/DAshMainLink.png); background-position: -384px 7px; background-repeat: no-repeat; }
#DashTracks a:hover .CourseName { color: #709E52; }
#DashTracks a:hover .boxrow { border-color: #709E52; }
#DashTracks a:hover btn2-success { background-color: #47a447; }
#DashTracks .boxrow { min-height: 44px; padding-top: 9px; border: 2px solid rgba(0, 0, 0, 0); }
#DashTracks a:nth-child(even) .boxrow { background-color: #e7e7e7; }
#DashTracks a:nth-child(odd) .boxrow { background-color: #fff; }
#DashTracks .CourseName { width: 60%; padding: 5px 0 0 5px; font: normal 13px sans-serif; }
#DashTracks .Progressbar { width: 24%; }
    #DashTracks .Progressbar .ui-progressbar { height: 22px; }
    #DashTracks .Progressbar .ProgressInnerlbl { margin-top: 3px; margin-left: 55px; font: bold 13px Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; }
#DashTracks .Action { width: 8%; font: normal 13px sans-serif; margin-top: -3px; margin-right: 6px; }
#DashRecActs .boxrow:nth-child(even) { background-color: #e7e7e7; }
#DashRecActs .boxrow:nth-child(odd) { background-color: #fff; }

/**********    DASHBOARD END *************/
.ulCatalogBrowseTab li > a { text-decoration: none; background-color: rgba(255, 255, 255, 0.66); }
.ulCatalogBrowseTab { position: absolute; top: -45px; width: 485px; }
.HoverNAv { background-color: #324F63; }
.nav .divider-vertical { min-height: 73px; border-right: 1px solid #3B5C74; margin: 0; padding: 0; }
/********* NEW DASH CSS END *************/



.dashboard-stat { transition: background-color 0.2s ease; display: block; margin-bottom: 14px; overflow: hidden; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.03); }
.middlecontent .dashboard-stat [class*='icomoon-'] { margin-left: -7px; }
.dashboard-stat .visual { width: 140px; height: 82px; display: block; float: left; padding-top: 22px; padding-bottom: 3px; padding-left: 10px; margin-bottom: 0px; font-size: 50px; background-color: rgba(0, 0, 0, 0.05); color: #fff; text-align: center; }
.dashboard-stat .details { position: relative; right: auto; padding-right: 0px; padding-top: 10px; width: calc(100% - 170px); margin-left: 170px; color: #fff; }
    .dashboard-stat .details .number { padding-top: 11px; text-align: right; font-size: 34px; line-height: 36px; letter-spacing: -1px; margin-bottom: 0px; font-weight: 600; text-align: center; }
    .dashboard-stat .details .desc { padding-top: 12px; font-size: 16px; letter-spacing: 0px; font-weight: 300; text-align: center; }
.dashboard-stat.Course { background-color: #7ABB3E; }
    .dashboard-stat.Course:hover { background-color: #6EAB34; }
.dashboard-stat.Event { background-color: #EA9A22; }
    .dashboard-stat.Event:hover { background-color: #CE871D; }
.dashboard-stat.Track { background-color: #3598dc; }
    .dashboard-stat.Track:hover { background-color: #2A88CA; }

.small.dashboard-stat { transition: background-color 0.2s ease; display: block; margin-bottom: 22px; overflow: hidden; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.03); background-color: #bbb; }
    .small.dashboard-stat:hover { background-color: #A5A5A5; }
    .small.dashboard-stat .visual { transition: background-color 0.2s ease; width: 65px; height: 50px; padding-bottom: 0px; padding-top: 0px; padding-left: 7px; margin-bottom: 0px; font-size: 35px; line-height: 35px; background-color: rgba(0, 0, 0, 0.05); }
        .small.dashboard-stat .visual i { width: 100%; height: 100%; display: block; background-size: 40%; margin-left: 12px; background-position: center left; }
    .small.dashboard-stat .details { position: relative; padding-right: 0px; padding-top: 0px; margin-left: 75px; width: calc(100% - 75px); }
.dashboard-stat .details .desc { padding-top: 0px; font-size: 16px; letter-spacing: 0px; font-weight: 300; text-align: center; margin-top: 1px; }
.stat-ActionNeeded { position: relative; cursor: pointer }
/* 1 or 2 active resources */
.catalogResource1 .small.dashboard-stat, .catalogResource2 .small.dashboard-stat { margin-bottom: 62px; }
    .catalogResource1 .small.dashboard-stat .visual, .catalogResource2 .small.dashboard-stat .visual { height: 110px; }
    .catalogResource1 .small.dashboard-stat .details, .catalogResource2 .small.dashboard-stat .details { padding-top: 42px; }
/* 3 active resources */
.catalogResource3 .small.dashboard-stat { margin-bottom: 22px; }
    .catalogResource3 .small.dashboard-stat .visual { height: 79px; }
    .catalogResource3 .small.dashboard-stat .details { padding-top: 29px; }
/* 4 active resources */
.catalogResource4 .small.dashboard-stat { margin-bottom: 19px; }
    .catalogResource4 .small.dashboard-stat .visual { height: 56px; }
    .catalogResource4 .small.dashboard-stat .details { padding-top: 18px; }
/* 5 active resources */
.catalogResource5 .small.dashboard-stat { margin-bottom: 15px; }
    .catalogResource5 .small.dashboard-stat .visual { height: 44px; }
    .catalogResource5 .small.dashboard-stat .details { padding-top: 9px; }
/* 6 active resources */
.catalogResource6 .small.dashboard-stat { margin-bottom: 7px; }
    .catalogResource6 .small.dashboard-stat .visual { height: 41px; }
    .catalogResource6 .small.dashboard-stat .details { padding-top: 8px; }

.portlet-title { padding: 15px 20px 10px 20px; border-bottom: 1px solid #eef1f5; font-weight: 600 !important; color: #6c8dae; font-size: 16px; text-align: left; text-transform: capitalize; }
.box.dash_Private_Catalog .portlet-title .cheers { -webkit-animation-duration: .5s !important; animation-duration: .3s !important; transform: translateX(0); -webkit-animation-duration: .3s !important; transform: translateX(0); font-size: 14px; font-weight: 500; font-style: initial; text-transform: capitalize; opacity: 0; float: right; margin-top: -39px; margin-right: -7px; cursor: default; }
.dash_Private_Catalog:hover .portlet-title .cheers { opacity: 1; animation-name: fadeInDown; }
.dash_Private_Catalog .portlet-title .cheers:before { font-family: 'icomoon_EL' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; content: "\eba7"; top: 0px; color: #FBE330; position: relative; left: -3px; }

.box .details .detailSection { padding: 10px 20px 20px 20px }
.box .details .Action { border-radius: 99px; height: 34px; padding: 0; width: 34px; margin-top: 6px; margin-right: -39px; background-color: #fff; border-color: #FFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 99px; }
    .box .details .Action i { color: rgba(110, 137, 162, 0.28); font-size: 21px; top: 6px; position: relative; left: 8px; transition: color .5s ease; }
.box .details .detailSection:hover i { color: #bbb; }

.box .details .subTitle { color: #3391D2; position: relative; border-bottom: 2px solid #F5F5F5; margin-bottom: 8px; padding-bottom: 2px; margin-top: 5px; margin-right: 50px; font-size: 15px; font-weight: 500; transition: margin 0.6s ease; }
.box .details .detailSection:hover .subTitle { margin-right: 45px; }
.box .details .detailSection .line { width: 0px; border-bottom: 2px solid #c5c5c5; transition: width .3s ease; height: 0px; position: absolute; margin-top: 2px; }
.box .details .detailSection:hover .line { width: 100%; }
.box .details .subrow { line-height: 10px; margin-left: 10px; color: #afafaf; font-weight: 500; font-size: 12px; }
.box .details .detailSection:hover .subrow { color: #888 }
.box .fc-header-title h2 { color: #6c8dae !important; }
.box .fc-header-title { margin-top: -5px; margin-bottom: 5px; }

/*Leader Board */
.dash_Leader_Board { background-color: white; height: 332px !important; padding-top: 60px !important; box-shadow: none; border: 1px solid #E5E5E5; position: relative; }
    .dash_Leader_Board:after { font-weight: 600 !important; color: #6c8dae; font-size: 16px; text-align: left; content: attr(data-restitle); color: #212121; position: absolute; top: 20px; left: 20px; }
    .dash_Leader_Board .box .fc-grid .fc-day-number { float: left !important; font-weight: 600; padding: 5px 0px 2px 12px; }
    .dash_Leader_Board .small.dashboard-stat { margin-bottom: 0; border: 0px; border-radius: 0px; background-color: #ffffff; border-top: 1px solid #f1f3fa; box-shadow: none; cursor: pointer; }
        .dash_Leader_Board .small.dashboard-stat:hover { background-color: #fafafa; }

    .dash_Leader_Board .details .desc { color: #212121; text-align: left; padding-left: 0px; font-weight: 500; font-size: 15px !important; text-transform: capitalize; }
    .dash_Leader_Board .details .desc_Stats_Comp { color: #a0a0a0; font-size: 11px; }
    .dash_Leader_Board .details .desc:after { font-weight: 600 !important; font-size: 16px; text-align: left; content: attr(data-ranking); color: #212121; position: absolute; right: 20px !important; top: 14px; margin-right: 0px !important; }
    .dash_Leader_Board .small.dashboard-stat .details { padding-top: 9px; }
    .dash_Leader_Board .small.dashboard-stat .visual { height: 53px; transition: none; background-color: inherit }
        .dash_Leader_Board .small.dashboard-stat .visual i { display: block; margin-left: 5px; margin-top: 4px; border-radius: 66px; width: 46px; height: 45px; background-size: cover !important; z-index: 36; background-position: center top !important; }
    .dash_Leader_Board .cheers { -webkit-animation-duration: .5s !important; animation-duration: .3s !important; transform: translateX(0); -webkit-animation-duration: .3s !important; transform: translateX(0); font-size: 14px; font-weight: 500; font-style: initial; text-transform: capitalize; opacity: 0; float: right; margin-top: -47px; margin-right: 6px; cursor: default; }
    .dash_Leader_Board:hover .cheers { opacity: 1 !important; animation-name: fadeInDown !important; }

    /*Leader board adjustment for student side filters */
    .dash_Leader_Board[data-widget-style='1'] { padding-top: 37px !important; }
        .dash_Leader_Board[data-widget-style='1']:after { top: 12px; left: 30px; }
        .dash_Leader_Board[data-widget-style='1'] .small.dashboard-stat .visual { height: 50px; }
            .dash_Leader_Board[data-widget-style='1'] .small.dashboard-stat .visual i { width: 43px; height: 43px; }
        .dash_Leader_Board[data-widget-style='1'] .cheers { margin-top: -28px; }
    .dash_Leader_Board .leaderboard_point_display:After { content: ' Points'; }
    .dash_Leader_Board .modern-Radiolist label { min-width: 35px !important; }
/*Continue Learning Widget */
.dash_ContinueLearning { background-color: white; height: 166px !important; padding-top: 60px !important; box-shadow: none; border: 1px solid #E5E5E5; position: relative; padding: 24px; margin-bottom: 20px !important }
    .dash_ContinueLearning:after { font-weight: 600 !important; color: #6c8dae; font-size: 16px; text-align: left; content: attr(data-restitle); color: #212121; position: absolute; top: 20px; left: 20px; }

    .dash_ContinueLearning .Feedback { opacity: 0 !important; animation-name: none !important; -webkit-animation-duration: .5s !important; animation-duration: .3s !important; transform: translateX(0); -webkit-animation-duration: .3s !important; transform: translateX(0); font-size: 14px; font-weight: 500; font-style: initial; opacity: 0; float: right; margin-top: -39px; margin-right: 10px; cursor: default; }
    .dash_ContinueLearning:hover .Feedback { opacity: 1 !important; animation-name: fadeInDown !important; }
    .dash_ContinueLearning #LPSource { width: 100% !important; margin: 0px; }
        .dash_ContinueLearning #LPSource li { height: 39px; margin-top: -1px !important; border: 1px solid #eef1f5 !important; background-color: #ffffff; border-left: 0px solid !important; border-right: 0px solid !important; border-radius: 0px; }
            .dash_ContinueLearning #LPSource li:hover { background-color: #FAFAFA; }
        .dash_ContinueLearning #LPSource .MainSection { width: calc(100% - 125px) !important; }
        .dash_ContinueLearning #LPSource .coursename { width: calc(100% - 65px) !important; margin: 6px 0px 0px 0px; font: normal 12px 'Open Sans' !important; overflow: hidden }
        .dash_ContinueLearning #LPSource .CoursenameSpan { font-weight: 500; font-size: 13px; margin-top: 5px; }
        .dash_ContinueLearning #LPSource .statusdivbg { width: 121px; background-color: #fbfcfe; border-left: 2px solid #f1f3fa; }
        .dash_ContinueLearning #LPSource .BtnAction { display: none }
        .dash_ContinueLearning #LPSource .ProgressBar { margin-left: 4px; margin-top: 3px; }
        .dash_ContinueLearning #LPSource .thumImg { margin-top: 3px; }

    .dash_ContinueLearning .courseList { padding: 0px; }
        .dash_ContinueLearning .courseList li { height: 34px; margin-top: 8px !important; clear: both; border-bottom: 2px solid #CCC; border: 1px solid #E0E0E0; background-color: #FCFCFC; border-radius: 4px; overflow: hidden; }
        .dash_ContinueLearning .courseList .MainSection { float: left; }
        .dash_ContinueLearning .courseList .statusdivbg { float: left; width: 211px; font-size: 12px; background-color: #FAFAFA; height: 40px; border-left: 2px solid #f1f1f1; margin-left: 1px; }
        .dash_ContinueLearning .courseList .coursename { width: 622px; margin: 6px 5px 0px 4px; font: normal 15px 'Open Sans', sans-serif; color: #696969; font-weight: 600; }
        .dash_ContinueLearning .courseList .CoursenameSpan { width: 577px; height: 22px; overflow: hidden; padding-left: 10px; font: normal 15px 'Open Sans', sans-serif; color: #696969; font-weight: 600; }
        .dash_ContinueLearning .courseList .borderstyle1 { border: 0px solid #cccccc; }
        .dash_ContinueLearning .courseList .devider2 { display: none; }
        .dash_ContinueLearning .courseList .thumImgDiv { width: 60px; text-align: center; height: 37px; overflow: hidden; }
        .dash_ContinueLearning .courseList .thumImg { max-height: 34px; max-width: 63px; float: left; }
        .dash_ContinueLearning .courseList .ProgressBar { width: 100px; height: 19px; margin-left: 28px; margin-top: 3px; border: 0; background-color: rgba(221,221,221,0) !important; border-bottom: 1px solid #b1b1b1 !important; border-radius: 0; position: relative; overflow: visible }
        .dash_ContinueLearning .courseList .ProgressInnerlbl { position: absolute; margin-top: 0px; margin-left: 40px; z-index: 1; text-shadow: 0px 1px 2px #FFF; font-size: 11px; font-weight: normal; }
        .dash_ContinueLearning .courseList .margintopFlexible { margin-top: 4px; }
        .dash_ContinueLearning .courseList li:hover .coursename { color: #555555; }
        .dash_ContinueLearning .courseList li:hover { border: 1px solid #bfbfbf; }

/*.dash_CLASSIC */ .dashboard_classic .dash_Leader_Board { padding-top: 42px !important; height: 280px !important; }
    .dashboard_classic .dash_Leader_Board:after { color: #6c8dae !important; top: 12px !important; }
    .dashboard_classic .dash_Leader_Board .small.dashboard-stat .visual { height: 46px; }
        .dashboard_classic .dash_Leader_Board .small.dashboard-stat .visual i { margin-top: 4px; width: 38px; height: 38px; }
    .dashboard_classic .dash_Leader_Board .small.dashboard-stat .details { padding-top: 4px; }
.dashboard_classic .dash_Private_Catalog { height: 280px; }
.dashboard_classic .cheers { display: none }

/*.dash_temp_1 */
/* Header */
#MyBody.dash_temp_1 { background-color: #f8f8f8; }
.dash_temp_1 header { background-color: #4193CF; box-shadow: 0 1px 3px 0 rgba(156,156,156,.3); position: relative; }
    .dash_temp_1 header.CompactView { position: fixed; left: unset !important; margin-left: 0px !important; width: 100% }

.dash_temp_1 .toplinks.helpMenu.icomoon-question-circle, .dash_temp_1 .pc-icon .pc-icon-icomoon { color: rgba(255, 255, 255, 0.91); }
.dash_temp_1 header .TopLinkActions .LknAdminContainer { margin: 0px !important; padding: 0px !important; border-width: 0px !important; margin-right: -20px !important; }
.dash_temp_1 header .TopLinkActions .LknAdmin { padding: 8px 4px; font-size: 12px; margin-left: 20px }
.dash_temp_1 .widget-socials .puserborder { border-width: 0px !important; }
.dash_temp_1 .widget-socials .widget-social-subtitle { color: #212121; font-weight: 500; font-size: 25px; }
.dash_temp_1.dash_temp_3 .widget-socials .widget-social-subtitle { font-size: 30px; }
.dash_temp_1 .widget-socials .primary-user { height: 95px; margin-left: 48px; }
    .dash_temp_1 .widget-socials .primary-user:after, .dash_temp_1 .widget-socials .primary-user:before { color: #969696 !important; }
    .dash_temp_1 .widget-socials .primary-user:before { bottom: -33px; left: 3px; }
    .dash_temp_1 .widget-socials .primary-user:after { top: 16px; left: 16px; }
    .dash_temp_1 .widget-socials .primary-user:hover:before { text-shadow: none !important; }
.dash_temp_1 .widget-socials .primary-user-stats a:before { color: #20C17E; }
.dash_temp_1 .widget-socials .primary-user-stats a { color: #969696; }

/* Header NAV */
.TopLinkActions .nav, .dash_temp_1 nav #BlankThemeBody_HiddenForPublic { display: none }

.dashboard .TopLinkActions .nav { display: block; margin-top: 0; }
    .dashboard .TopLinkActions .nav li { float: left; margin-right: 14px; text-transform: uppercase; height: 26px; }

.dash_temp_1 .TopLinkActions .nav { display: block; }
.dash_temp_1 .TopLinkActions .nav { display: block; margin-top: 0px }
    .dash_temp_1 .TopLinkActions .nav li { float: left; margin-right: 14px; text-transform: uppercase; height: 26px; }
        .dash_temp_1 .TopLinkActions .nav li:last-child { margin-right: 0px; }
        .dash_temp_1 .TopLinkActions .nav li:hover, .dash_temp_1 .TopLinkActions .nav li:active { background-color: none !important; background-color: rgba(255, 255, 255, 0) !important; border-bottom: 3px solid rgba(255, 255, 255, 0.6); padding-bottom: 9px; }
.dash_temp_1 header.CompactView .nav li:hover, .dash_temp_1 header.CompactView .nav li:active { padding-bottom: 2px; }
.dash_temp_1 header.CompactView .TopLinkActions .nav li.dashboard { display: none }
.dash_temp_1 header.CompactView .TopLinkActions { margin-left: -40px }

.dash_temp_1 .TopLinkActions .nav li.HoverNAv { background-color: none !important; background-color: rgba(255, 255, 255, 0) !important; border-bottom: 3px solid #fff; padding-bottom: 9px; }
.dash_temp_1 .TopLinkActions .nav li a { color: #fff !important; padding-bottom: 17px; }

/*Top Nav*/
.dash_temp_1 .StudentTopNAV { background-color: #ffffff !important; box-shadow: 0px 3px 1px -2px #d0d0d0; min-height: 0px }

/*Stats*/
.dash_temp_1 .largeTileStat .dashboard-stat { background-image: url(/App_Themes/Images/1x1_fff.png); background-color: #3598dc; box-shadow: none; border: 1px solid #E5E5E5; }
.dash_temp_1 .largeTileStat:Hover .dashboard-stat { background-image: url(/App_Themes/Images/1x1_FFF80.png); background-color: #3598dc; }

.dash_temp_1 .largeTileStat .dashboard-stat .visual { float: right; width: 110px; background-image: none; background-color: inherit; }
.dash_temp_1 .largeTileStat .dashboard-stat .details { margin-left: 0px; text-align: left; }
    .dash_temp_1 .largeTileStat .dashboard-stat .details .desc { color: #212121; text-transform: uppercase; font-size: 14px; text-align: left; padding-left: 24px; padding-top: 5px; FONT-WEIGHT: 600; }
    .dash_temp_1 .largeTileStat .dashboard-stat .details .number { color: #20c17e; font-size: 45px; font-weight: 300; text-align: left; padding-left: 20px; }

@media (max-width: 979px) {
    .dashboard-stat .details { margin-left: 0px; }
    .dashboard-stat .desc { font-size: 11px !important; }
}

/*Catalog*/
.dash_temp_1 .dash_Private_Catalog { height: 332px }
    .dash_temp_1 .dash_Private_Catalog .portlet-title { padding: 20px 20px 20px 20px; color: #212121; }
    .dash_temp_1 .dash_Private_Catalog .details .subTitle { color: #212121; border-bottom-width: 0px; margin-top: 0px; margin-bottom: 4px; }

.dash_temp_1 .box .details { transition: background-color 0.2s ease; }
    .dash_temp_1 .box .details .detailSection { padding: 26px 20px 26.2px 20px; }
.dash_temp_1 .dash_Private_Catalog .details .subrow { margin-left: 0px; }
.dash_temp_1 .dash_Private_Catalog .details .line { display: none; }
.dash_temp_1 .dash_Private_Catalog .details .Action { margin-top: 0px; box-shadow: none; background-color: unset; }
    .dash_temp_1 .dash_Private_Catalog .details .Action .icomoon-play4:before { content: '\e966'; color: #adadad; font-size: 14px; }
.dash_temp_1 .box .details > div:nth-child(odd) { background-color: #FAFAFA; }
.dash_temp_1 .box .details > div:hover { background-color: #f1f1f1; }

.dash_temp_1 .box { box-shadow: none; border: 1px solid #E5E5E5; }
.dash_Private_Catalog_Container .box .details > div { height: 88.5px; }
.dash_temp_1 .dash_Event_Calendar .box { padding-top: 27px !important; box-shadow: none; border: 1px solid #E5E5E5; }

.dash_temp_1 .dash_Private_Catalog:hover .portlet-title .cheers:before { color: #20c17e; }
/* Calendar*/
.dash_temp_1 .dash_Event_Calendar .box td.fc-header-right { padding-top: 44px; }
.dash_temp_1 .dash_Event_Calendar .box .fc-header-title h2 { color: #212121 !important; }
.dash_temp_1 .dash_Event_Calendar .box .fc-widget-content { border-color: #e5e5e5; }
.dash_temp_1 .dash_Event_Calendar .box table.fc-border-separate { border-collapse: collapse; }
.dash_temp_1 .dash_Event_Calendar .box .fc-day-header { background-color: #ffffff; border: 1px solid #ffffff; border-bottom-color: #e5e5e5; font-size: 11px; line-height: 16px; text-align: left; padding-left: 10px; }
.dash_Event_Calendar .box .CompactEvent { background-color: rgba(229, 229, 229, 0.38) !important; text-align: left; padding: 7px 0px 0px 10px !important; margin-top: -29px; margin-right: -4px; font-size: 0px; box-shadow: inset 14px -2px 0 -6px #30c588; }
.dash_temp_1 .dash_Event_Calendar .box .CompactEvent { box-shadow: inset 14px -2px 0 -6px #3598dc; }
/*Resource */
.dash_temp_1 .dash_Resouerce_List { background-color: white; height: 332px !important; padding-top: 60px !important; box-shadow: none; border: 1px solid #E5E5E5; position: relative; }
    .dash_temp_1 .dash_Resouerce_List:after { font-weight: 600 !important; color: #6c8dae; font-size: 16px; text-align: left; content: attr(data-restitle); color: #212121; position: absolute; top: 20px; left: 20px; }
.dash_temp_1 .dash_Event_Calendar .box .fc-grid .fc-day-number { float: left !important; font-weight: 600; padding: 5px 0px 2px 12px; }

.dash_temp_1 .dash_Resouerce_List .small.dashboard-stat { margin-bottom: 0; border: 0px; border-radius: 0px; background-color: #ffffff; border-top: 1px solid #f1f3fa; }
    .dash_temp_1 .dash_Resouerce_List .small.dashboard-stat:hover, .dash_temp_1 .dash_Resouerce_List .small.dashboard-stat:hover .visual { background-color: #f1f1f1; }
.dash_temp_1 .dash_Resouerce_List a:nth-child(odd) .small { background-color: #FAFAFA; }
.dash_temp_1 .dash_Resouerce_List .small.dashboard-stat .visual { background-color: #ffffff; }
.dash_temp_1 .dash_Resouerce_List a:nth-child(odd) .small .visual { background-color: #FAFAFA; }
.dash_temp_1 .dash_Resouerce_List .details .desc { color: #212121; text-align: left; padding-left: 0px; font-weight: 500; font-size: 14px !important }
.dash_temp_1 .dash_Resouerce_List .visual i { background-size: 40% !important; }
.dash_temp_1 .dash_Resouerce_List .visual .icon-info { background: url(../images/Controls/icons/icon-Info_thumb.png) no-repeat 3px; }
.dash_temp_1 .dash_Resouerce_List .visual .icon-Clip { background: url(../images/Controls/icons/icon-Clip_thumb.png) no-repeat 3px; }
.dash_temp_1 .dash_Resouerce_List .visual .icon-Home { background: url(../images/Controls/icons/icon-Home_thumb.png) no-repeat 2px; }
.dash_temp_1 .dash_Resouerce_List .visual .icon-MagGlass { background: url(../images/Controls/icons/icon-MagGlass_thumb.png) no-repeat 3px 26px; }
.dash_temp_1 .dash_Resouerce_List .visual .icon-Sign { background: url(../images/Controls/icons/icon-Sign_thumb.png) no-repeat 3px 20px; }
.dash_temp_1 .dash_Resouerce_List .visual .icon-Stack { background: url(../images/Controls/icons/icon-Stack_thumb.png) no-repeat 3px; }
.dash_temp_1 .dash_Resouerce_List .visual .icon-Video { background: url(../images/Controls/icons/icon-Video_thumb.png) no-repeat 3px; }
.dash_temp_1 .dash_Resouerce_List .visual .icon-Book { background: url(../images/Controls/icons/icon-Book_thumb.png) no-repeat 3px 9px; }
.dash_temp_1 .dash_Resouerce_List .visual .icon-Link { background: url(../images/Controls/icons/icon-Link_thumb.png) no-repeat 3px; }

/*Resource 1 OR 2 ITems*/
.dash_temp_1 .catalogResource1 .small.dashboard-stat .details, .dash_temp_1 .catalogResource2 .small.dashboard-stat .details { padding-top: 56px; }
.dash_temp_1 .catalogResource1 .small.dashboard-stat .visual, .dash_temp_1 .catalogResource2 .small.dashboard-stat .visual { height: 134px; }
.dash_temp_1 .catalogResource1 .visual i, .dash_temp_1 .catalogResource2 .visual i { background-position-y: 50px !important; }

/*Resource 3ITems*/
.dash_temp_1 .catalogResource3 .small.dashboard-stat .details { padding-top: 31px; }
.dash_temp_1 .catalogResource3 .small.dashboard-stat .visual { height: 89px; }

/*Resource 4 ITems*/
.dash_temp_1 .catalogResource4 .small.dashboard-stat .details { padding-top: 25px; }
.dash_temp_1 .catalogResource4 .small.dashboard-stat .visual { height: 66px; }

/*Resource 5 ITems*/
.dash_temp_1 .catalogResource5 .small.dashboard-stat .details { padding-top: 15px; }
.dash_temp_1 .catalogResource5 .small.dashboard-stat .visual { height: 53px; }
.dash_temp_1 .catalogResource5 .visual .icon-Sign, .dash_temp_1 .catalogResource5 .visual .icon-MagGlass { background-position-y: 10px !important; }

/*Resource 6 ITems*/
.dash_temp_1 .catalogResource6 .small.dashboard-stat .details { padding-top: 11px; }
.dash_temp_1 .catalogResource6 .small.dashboard-stat .visual { height: 44px; }
.dash_temp_1 .catalogResource6 .visual .icon-Sign, .dash_temp_1 .catalogResource6 .visual .icon-MagGlass { background-position-y: 10px !important; }

.dash_temp_1 #TopStudentmenuShort .dashboard { background-color: #4193CF !important; }
.dash_temp_1 nav.StudentNavCompactView { display: block }

.dash_temp_2 .dash_Leader_Board { margin-left: 0px !important }
/*.dash_temp_2 */
/* Header */
.dash_temp_2 #wrapper .container.paddingbottom60 { padding-bottom: 20px !important; }
/* remove scrll bar for low res screens*/
#MyBody.dash_temp_2 { background-color: #f8f8f8; }
.dash_temp_2 header { background-color: #4193CF; box-shadow: 0 1px 3px 0 rgba(156,156,156,.3); position: relative; }

    .dash_temp_2 header.CompactView { position: fixed; left: unset !important; margin-left: 0px !important; width: 100% }

.dash_temp_2 .toplinks.helpMenu.icomoon-question-circle, .dash_temp_2 .pc-icon .pc-icon-icomoon { color: rgba(255, 255, 255, 0.91); }

.dash_temp_2 .icomoon-user.toplinks { font-family: 'Open Sans' !important; background-color: #ffffff4a; font-size: 14px; padding: 4px; line-height: normal !important; color: #ffffff; border-radius: 100px; margin-left: 10px; width: 19px; text-align: center; HEIGHT: 19PX; text-transform: uppercase; }
    .dash_temp_2 .icomoon-user.toplinks:before { content: attr(data-init); }
    .dash_temp_2 .icomoon-user.toplinks:after { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #ffffff; content: ''; position: absolute; margin-top: 9px; margin-left: 8px; }
.dash_temp_2 header .TopLinkActions .LknAdmin { padding: 8px 4px; font-size: 12px;   }
.dash_temp_2 .widget-socials .puserborder { border-width: 0px !important; }
.dash_temp_2 .widget-socials .widget-social-subtitle { color: #212121; font-weight: 500; font-size: 25px; }
    .dash_temp_2 .widget-socials .primary-user:after, .dash_temp_2 .widget-socials .primary-user:before { color: #969696 !important; }
    .dash_temp_2 .widget-socials .primary-user:before { bottom: -33px; left: 3px; }
    .dash_temp_2 .widget-socials .primary-user:after { top: 16px; left: 16px; }
    .dash_temp_2 .widget-socials .primary-user:hover:before { text-shadow: none !important; }
.dash_temp_2 .widget-socials .primary-user-stats a:before { color: #20C17E; }
.dash_temp_2 .widget-socials .primary-user-stats a { color: #969696; }

/* Header NAV */
.dash_temp_2 nav #BlankThemeBody_HiddenForPublic  { display: none }

.dash_temp_2 .TopLinkActions .nav { display: block; }
.dash_temp_2 .TopLinkActions .nav { display: block; margin-top: 0px; padding-left: 20px; }
    .dash_temp_2 .TopLinkActions .nav li { float: left; margin-right: 14px; text-transform: uppercase; height: 26px; }
        .dash_temp_2 .TopLinkActions .nav li:last-child { margin-right: 0px; }
        .dash_temp_2 .TopLinkActions .nav li:hover, .dash_temp_2 .TopLinkActions .nav li:active { background-color: none !important; background-color: rgba(255, 255, 255, 0) !important; border-bottom: 3px solid rgba(255, 255, 255, 0.6); padding-bottom: 9px; }
.dash_temp_2 header.CompactView .nav li:hover, .dash_temp_2 header.CompactView .nav li:active { padding-bottom: 2px; }
.dash_temp_2 header.CompactView .TopLinkActions .nav li.dashboard { display: none }
.dash_temp_2 header.CompactView .TopLinkActions { margin-left: -40px }

.dash_temp_2 .TopLinkActions .nav li.HoverNAv { background-color: none !important; background-color: rgba(255, 255, 255, 0) !important; border-bottom: 3px solid #fff; padding-bottom: 9px; }
.dash_temp_2 .TopLinkActions .nav li a { color: #fff !important; padding-bottom: 17px; font-size: 17px; }

/*Top Nav*/
.dash_temp_2 .StudentTopNAV { background-color: #ffffff !important; box-shadow: 0px 3px 1px -2px #d0d0d0; min-height: 0px }

/*Stats*/

.dash_temp_2 .topDashInfo { position: relative; height: 280px; margin-left: 0px; display: block; margin-right: -0px; overflow: hidden; border-bottom: 1px solid #E5E5E5; background-color: #FBFCFE; }
    .dash_temp_2 .topDashInfo a { width: 50%; display: inline-block; margin: 0px; text-align: center }
        .dash_temp_2 .topDashInfo a:Hover { background-color: #F1F7FC; }
        .dash_temp_2 .topDashInfo a .dashboard-stat { margin-bottom: 0px; height: 200px; box-shadow: none; border: 1px solid #E5E5E5; }
        .dash_temp_2 .topDashInfo a .visual { display: none }
        .dash_temp_2 .topDashInfo a .details { width: 100% !important; padding-top: 95px }
            .dash_temp_2 .topDashInfo a .details .desc { color: #212121; text-transform: uppercase; font-size: 17px; FONT-WEIGHT: 600; background-color: unset !important; }
            .dash_temp_2 .topDashInfo a .details .number { color: #20c17e; font-size: 80px; font-weight: 300; text-align: center; padding-top: 0px; padding-bottom: 55px; background-color: unset !important; }
        .dash_temp_2 .topDashInfo a.dash_Combined_Assignment_Count .details .number { border-left: 1px solid #E5E5E5; }

@media (max-width: 979px) {
    .dashboard-stat .details { margin-left: 0px; }
    .dashboard-stat .desc { font-size: 11px !important; }
}

/*Catalog*/
.dash_temp_2 .dash_Private_Catalog { padding: 0px 0px 10px 0px; position: relative; margin-bottom: 20px !important; }
    .dash_temp_2 .dash_Private_Catalog .cheers { opacity: 0 !important; animation-name: none !important; margin-top: -7px !important; -webkit-animation-duration: .5s !important; animation-duration: .3s !important; transform: translateX(0); -webkit-animation-duration: .3s !important; transform: translateX(0); font-size: 14px; font-weight: 500; font-style: initial; text-transform: capitalize; opacity: 0; float: right; margin-top: -39px; margin-right: -7px; cursor: default; }
.dash_temp_2 .dash_Private_Catalog_Container:hover .portlet-title .cheers { opacity: 1 !important; animation-name: fadeInDown !important; }
.dash_temp_2 .dash_Private_Catalog:hover .portlet-title .cheers:before { color: #20c17e; }

.dash_temp_2 .dash_Private_Catalog .portlet-title { padding: 29px 20px 29px 20px; color: #212121; text-transform: uppercase; }
.dash_temp_2 .dash_Private_Catalog .details .subTitle { color: #212121; border-bottom-width: 0px; margin-top: 0px; margin-bottom: 4px; }

.dash_temp_2 .box .details { transition: background-color 0.2s ease; }
    .dash_temp_2 .box .details .detailSection { padding: 39px 20px 39px 20px }
.dash_temp_2 .dash_Private_Catalog .details .subrow { margin-left: 0px; }
.dash_temp_2 .dash_Private_Catalog .details .line { display: none; }
.dash_temp_2 .dash_Private_Catalog .details .Action { margin-top: 0px; box-shadow: none; background-color: unset; }
    .dash_temp_2 .dash_Private_Catalog .details .Action .icomoon-play4:before { content: '\e966'; color: #adadad; font-size: 14px; }
.dash_temp_2 .box .details > div:hover { background-color: #FAFAFA; }

.dash_temp_2 .box { box-shadow: none; border: 1px solid #E5E5E5; }
.dash_temp_2 .dash_Event_Calendar { margin-bottom: 20px }
    .dash_temp_2 .dash_Event_Calendar .box { height: 300px !important; padding-top: 27px !important; box-shadow: none; border: 1px solid #E5E5E5; padding-left: 20px; padding-right: 20px; }

        /* Calendar*/
        .dash_temp_2 .dash_Event_Calendar .box td.fc-header-right { padding-top: 35px; }
        .dash_temp_2 .dash_Event_Calendar .box .fc-header-title h2 { color: #212121 !important; text-transform: uppercase; }
        .dash_temp_2 .dash_Event_Calendar .box .fc-widget-content { border-color: #e5e5e5; }
        .dash_temp_2 .dash_Event_Calendar .box table.fc-border-separate { border-collapse: collapse; }
        .dash_temp_2 .dash_Event_Calendar .box .fc-day-header { background-color: #ffffff; border: 1px solid #ffffff; border-bottom-color: #e5e5e5; font-size: 11px; line-height: 16px; text-align: left; padding-left: 10px; }

/* Leader Board*/
.dash_temp_2 .dash_Leader_Board { padding: 24px; }
    .dash_temp_2 .dash_Leader_Board:after { text-transform: uppercase }
.dash_temp_2 .dash_ContinueLearning:after { text-transform: uppercase }

/*Resource */
.dash_temp_2 .dash_Resouerce_List { margin-left: 0px !important; background-color: white; padding-top: 60px !important; box-shadow: none; border: 1px solid #E5E5E5; position: relative; padding: 24px; min-height: 280px; }
    .dash_temp_2 .dash_Resouerce_List:after { font-weight: 600 !important; color: #6c8dae; font-size: 16px; text-align: left; content: attr(data-restitle); color: #212121; position: absolute; top: 20px; left: 25px; text-transform: uppercase; }
.dash_temp_2 .dash_Event_Calendar .box .fc-grid .fc-day-number { float: left !important; font-weight: 600; padding: 5px 0px 2px 12px; }

.dash_temp_2 .dash_Resouerce_List .small.dashboard-stat { margin-bottom: 0; border: 0px; border-radius: 0px; background-color: #ffffff; border-top: 1px solid #f1f3fa; box-shadow: none; }
    .dash_temp_2 .dash_Resouerce_List .small.dashboard-stat:hover, .dash_temp_2 .dash_Resouerce_List .small.dashboard-stat:hover .visual { background-color: #fAFAFA; }
    .dash_temp_2 .dash_Resouerce_List .small.dashboard-stat .visual { background-color: #ffffff; }
.dash_temp_2 .dash_Resouerce_List .details .desc { color: #212121; text-align: left; padding-left: 0px; font-weight: 500; font-size: 14px !important; background-color: rgba(255, 255, 255, 0) !important; }
.dash_temp_2 .dash_Resouerce_List .visual i { background-size: 40% !important; }
.dash_temp_2 .dash_Resouerce_List .visual .icon-info { background: url(../images/Controls/icons/icon-Info_thumb.png) no-repeat 3px; }
.dash_temp_2 .dash_Resouerce_List .visual .icon-Clip { background: url(../images/Controls/icons/icon-Clip_thumb.png) no-repeat 3px; }
.dash_temp_2 .dash_Resouerce_List .visual .icon-Home { background: url(../images/Controls/icons/icon-Home_thumb.png) no-repeat 2px; }
.dash_temp_2 .dash_Resouerce_List .visual .icon-MagGlass { background: url(../images/Controls/icons/icon-MagGlass_thumb.png) no-repeat 3px }
.dash_temp_2 .dash_Resouerce_List .visual .icon-Sign { background: url(../images/Controls/icons/icon-Sign_thumb.png) no-repeat 3px; }
.dash_temp_2 .dash_Resouerce_List .visual .icon-Stack { background: url(../images/Controls/icons/icon-Stack_thumb.png) no-repeat 3px; }
.dash_temp_2 .dash_Resouerce_List .visual .icon-Video { background: url(../images/Controls/icons/icon-Video_thumb.png) no-repeat 3px; }
.dash_temp_2 .dash_Resouerce_List .visual .icon-Book { background: url(../images/Controls/icons/icon-Book_thumb.png) no-repeat 3px; }
.dash_temp_2 .dash_Resouerce_List .visual .icon-Link { background: url(../images/Controls/icons/icon-Link_thumb.png) no-repeat 3px; }

.dash_temp_2 .dash_Resouerce_List .details .desc:after { content: '\e966'; color: #adadad; font-size: 14px !important; background-color: rgba(255, 255, 255, 0) !important; font-family: 'icomoon_EL' !important; speak: none; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; margin-top: 3px; right: 20px; transition: right .3s; }
.dash_temp_2 .dashboard-stat:hover .details .desc:after { right: 15px }
/*Resource 1 OR 2 ITems*/
.dash_temp_2 .catalogResource1 .small.dashboard-stat .details, .dash_temp_2 .catalogResource2 .small.dashboard-stat .details { padding-top: 56px; }
.dash_temp_2 .catalogResource1 .small.dashboard-stat .visual, .dash_temp_2 .catalogResource2 .small.dashboard-stat .visual { height: 134px; }
.dash_temp_2 .catalogResource1 .visual i, .dash_temp_2 .catalogResource2 .visual i { background-position-y: 50px !important; }

/*Resource 3ITems*/
.dash_temp_2 .catalogResource3 .small.dashboard-stat .details { padding-top: 31px; }
.dash_temp_2 .catalogResource3 .small.dashboard-stat .visual { height: 89px; }

/*Resource 4 ITems*/
.dash_temp_2 .catalogResource4 .small.dashboard-stat .details { padding-top: 25px; }
.dash_temp_2 .catalogResource4 .small.dashboard-stat .visual { height: 66px; }

/*Resource 5 ITems*/
.dash_temp_2 .catalogResource5 .small.dashboard-stat .details { padding-top: 15px; }
.dash_temp_2 .catalogResource5 .small.dashboard-stat .visual { height: 53px; }
.dash_temp_2 .catalogResource5 .visual .icon-Sign, .dash_temp_2 .catalogResource5 .visual .icon-MagGlass { background-position-y: 10px !important; }

/*Resource 6 ITems*/
.dash_temp_2 .catalogResource6 .small.dashboard-stat .details { padding-top: 11px; }
.dash_temp_2 .catalogResource6 .small.dashboard-stat .visual { height: 44px; }
.dash_temp_2 .catalogResource6 .visual .icon-Sign, .dash_temp_2 .catalogResource6 .visual .icon-MagGlass { background-position-y: 10px !important; }

.dash_temp_2 #TopStudentmenuShort .dashboard { background-color: #4193CF !important; }
.dash_temp_2 nav.StudentNavCompactView { display: block }
/* end FIX old Dash*/

.MainBodyContent a { text-decoration: none; cursor: pointer; outline: none; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; }

/*remove mentor feautures from orgChart admins side since js dis not loaded. */
.dashboard #divReportingChartModalBody > .chart-menu [data-item="nodeAction1"],
.dashboard #divReportingChartModalBody > .chart-menu [data-item="nodeAction2"],
.dashboard #divReportingChartModalBody > .chart-menu [data-item="nodeAction3"] { display: none }

/* MOBILE STUFF  TO MORE TO CORE ASPIRE !!! */
#MyBody form[action="./resource?isMobile=1"] form {
    display: none;
}
/* MOBILE STUFF  TO MORE TO CORE ASPIRE !!! */

/* classes attached to <body> */
/* TODO: make fc-event selector work when calender in shadow DOM */
.fc-not-allowed,
.fc-not-allowed .fc-event { /* override events' custom cursors */
  cursor: not-allowed;
}

/* TODO: not attached to body. attached to specific els. move */
.fc-unselectable {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.fc {
  /* layout of immediate children */
  display: flex;
  flex-direction: column;

  font-size: 1em
}
.fc,
  .fc *,
  .fc *:before,
  .fc *:after {
    box-sizing: border-box;
  }
.fc table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em; /* normalize cross-browser */
  }
.fc th {
    text-align: center;
  }
.fc th,
  .fc td {
    vertical-align: top;
    padding: 0;
  }
.fc a[data-navlink] {
    cursor: pointer;
  }
.fc a[data-navlink]:hover {
    text-decoration: underline;
  }
.fc-direction-ltr {
  direction: ltr;
  text-align: left;
}
.fc-direction-rtl {
  direction: rtl;
  text-align: right;
}
.fc-theme-standard td,
  .fc-theme-standard th {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
  }
/* for FF, which doesn't expand a 100% div within a table cell. use absolute positioning */
/* inner-wrappers are responsible for being absolute */
/* TODO: best place for this? */
.fc-liquid-hack td,
  .fc-liquid-hack th {
    position: relative;
  }

@font-face {
  font-family: 'fcicons';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format('truetype');
  font-weight: normal;
  font-style: normal;
}

.fc-icon {
  /* added for fc */
  display: inline-block;
  width: 1em;
  height: 1em;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'fcicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fc-icon-chevron-left:before {
  content: "\e900";
}

.fc-icon-chevron-right:before {
  content: "\e901";
}

.fc-icon-chevrons-left:before {
  content: "\e902";
}

.fc-icon-chevrons-right:before {
  content: "\e903";
}

.fc-icon-minus-square:before {
  content: "\e904";
}

.fc-icon-plus-square:before {
  content: "\e905";
}

.fc-icon-x:before {
  content: "\e906";
}
/*
Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css

These styles only apply when the standard-theme is activated.
When it's NOT activated, the fc-button classes won't even be in the DOM.
*/

/* reset */

.fc .fc-button {
    border-radius: 0;
    overflow: visible;
    text-transform: none;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }
/*.fc .fc-button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
  }*/
.fc .fc-button {
    -webkit-appearance: button;
  }
.fc .fc-button:not(:disabled) {
    cursor: pointer;
  }
.fc .fc-button::-moz-focus-inner {
    padding: 0;
    border-style: none;
  }

/* theme */

.fc .fc-button {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.4em 0.65em;
    font-size: 1em;
    line-height: 1.5;
    border-radius: 0.25em;
  }
.fc .fc-button:hover {
    text-decoration: none;
  }
/*.fc .fc-button:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
  }*/
.fc .fc-button:disabled {
    opacity: 0.65;
  }

/* "primary" coloring */

.fc .fc-button-primary {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #2C3E50;
    background-color: var(--fc-button-bg-color, #2C3E50);
    border-color: #2C3E50;
    border-color: var(--fc-button-border-color, #2C3E50);
  }
/*.fc .fc-button-primary:hover {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #1e2b37;
    background-color: var(--fc-button-hover-bg-color, #1e2b37);
    border-color: #1a252f;
    border-color: var(--fc-button-hover-border-color, #1a252f);
  }*/
.fc .fc-button-primary:disabled { /* not DRY */
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #2C3E50;
    background-color: var(--fc-button-bg-color, #2C3E50);
    border-color: #2C3E50;
    border-color: var(--fc-button-border-color, #2C3E50); /* overrides :hover */
  }
/*.fc .fc-button-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  }*/
/*.fc .fc-button-primary:not(:disabled):active,
  .fc .fc-button-primary:not(:disabled).fc-button-active {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #1a252f;
    background-color: var(--fc-button-active-bg-color, #1a252f);
    border-color: #151e27;
    border-color: var(--fc-button-active-border-color, #151e27);
  }*/
.fc .fc-button-primary:not(:disabled):active:focus,
  .fc .fc-button-primary:not(:disabled).fc-button-active:focus {
    box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  }

/* icons within buttons */

.fc .fc-button .fc-icon {
    vertical-align: middle;
    font-size: 1.5em; /* bump up the size (but don't make it bigger than line-height of button, which is 1.5em also) */
  }
.fc .fc-button-group {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
  }
.fc .fc-button-group > .fc-button {
    position: relative;
    flex: 1 1 auto;
  }
.fc .fc-button-group > .fc-button:hover {
    z-index: 1;
  }
.fc .fc-button-group > .fc-button:focus,
  .fc .fc-button-group > .fc-button:active,
  .fc .fc-button-group > .fc-button.fc-button-active {
    z-index: 1;
  }
.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
.fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) {
    margin-right: -1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
.fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
.fc .fc-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 1.5em;
  }
.fc .fc-toolbar.fc-footer-toolbar {
    margin-top: 1.5em;
  }
.fc .fc-toolbar-title {
    font-size: 1.75em;
    margin: 0;
  }
.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
    margin-left: .75em; /* space between */
  }
.fc-direction-rtl .fc-toolbar > * > :not(:first-child) {
    margin-right: .75em; /* space between */
  }
.fc-direction-rtl .fc-toolbar-ltr { /* when the toolbar-chunk positioning system is explicitly left-to-right */
    flex-direction: row-reverse;
  }
.fc .fc-scroller {
    -webkit-overflow-scrolling: touch;
    position: relative; /* for abs-positioned elements within */
  }
.fc .fc-scroller-liquid {
    height: 100%;
  }
.fc .fc-scroller-liquid-absolute {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  }
.fc .fc-scroller-harness {
    position: relative;
    overflow: hidden;
    direction: ltr;
      /* hack for chrome computing the scroller's right/left wrong for rtl. undone below... */
      /* TODO: demonstrate in codepen */
  }
.fc .fc-scroller-harness-liquid {
    height: 100%;
  }
.fc-direction-rtl .fc-scroller-harness > .fc-scroller { /* undo above hack */
    direction: rtl;
  }
.fc-theme-standard .fc-scrollgrid {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd); /* bootstrap does this. match */
  }
.fc .fc-scrollgrid,
    .fc .fc-scrollgrid table { /* all tables (self included) */
      width: 100%; /* because tables don't normally do this */
      table-layout: fixed;
    }
.fc .fc-scrollgrid table { /* inner tables */
      border-top-style: hidden;
      border-left-style: hidden;
      border-right-style: hidden;
    }
.fc .fc-scrollgrid {

    border-collapse: separate;
    border-right-width: 0;
    border-bottom-width: 0;

  }
.fc .fc-scrollgrid-liquid {
    height: 100%;
  }
.fc .fc-scrollgrid-section { /* a <tr> */
    height: 1px /* better than 0, for firefox */

  }
.fc .fc-scrollgrid-section > td {
      height: 1px; /* needs a height so inner div within grow. better than 0, for firefox */
    }
.fc .fc-scrollgrid-section table {
      height: 1px;
        /* for most browsers, if a height isn't set on the table, can't do liquid-height within cells */
        /* serves as a min-height. harmless */
    }
.fc .fc-scrollgrid-section-liquid > td {
      height: 100%; /* better than `auto`, for firefox */
    }
.fc .fc-scrollgrid-section > * {
    border-top-width: 0;
    border-left-width: 0;
  }
.fc .fc-scrollgrid-section-header > *,
  .fc .fc-scrollgrid-section-footer > * {
    border-bottom-width: 0;
  }
.fc .fc-scrollgrid-section-body table,
  .fc .fc-scrollgrid-section-footer table {
    border-bottom-style: hidden; /* head keeps its bottom border tho */
  }

/* stickiness */

.fc .fc-scrollgrid-section-sticky > * {
    background: #fff;
    background: var(--fc-page-bg-color, #fff);
    position: sticky;
    z-index: 3; /* TODO: var */
    /* TODO: box-shadow when sticking */
  }
.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
    top: 0; /* because border-sharing causes a gap at the top */
      /* TODO: give safari -1. has bug */
  }
.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * {
    bottom: 0; /* known bug: bottom-stickiness doesn't work in safari */
  }
.fc .fc-scrollgrid-sticky-shim { /* for horizontal scrollbar */
    height: 1px; /* needs height to create scrollbars */
    margin-bottom: -1px;
  }
.fc-sticky { /* no .fc wrap because used as child of body */
  position: sticky;
}
.fc .fc-view-harness {
    flex-grow: 1; /* because this harness is WITHIN the .fc's flexbox */
    position: relative;
  }

/* when the harness controls the height, make the view liquid */

.fc .fc-view-harness-active > .fc-view {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
.fc .fc-col-header-cell-cushion {
    display: inline-block; /* x-browser for when sticky (when multi-tier header) */
    padding: 2px 4px;
  }
.fc .fc-bg-event,
  .fc .fc-non-business,
  .fc .fc-highlight {
    /* will always have a harness with position:relative/absolute, so absolutely expand */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
.fc .fc-non-business {
    background: rgba(215, 215, 215, 0.3);
    background: var(--fc-non-business-color, rgba(215, 215, 215, 0.3));
  }
.fc .fc-bg-event {
    background: rgb(143, 223, 130);
    background: var(--fc-bg-event-color, rgb(143, 223, 130));
    opacity: 0.3;
    opacity: var(--fc-bg-event-opacity, 0.3)
  }
.fc .fc-bg-event .fc-event-title {
      margin: .5em;
      font-size: .85em;
      font-size: var(--fc-small-font-size, .85em);
      font-style: italic;
    }
.fc .fc-highlight {
    background: rgba(188, 232, 241, 0.3);
    background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3));
  }
.fc .fc-cell-shaded,
  .fc .fc-day-disabled {
    background: rgba(208, 208, 208, 0.3);
    background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  }
/* link resets */
/* ---------------------------------------------------------------------------------------------------- */
a.fc-event,
a.fc-event:hover {
  text-decoration: none;
}
/* cursor */
.fc-event[href],
.fc-event.fc-event-draggable {
  cursor: pointer;
}
/* event text content */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event .fc-event-main {
    position: relative;
    z-index: 2;
  }
/* dragging */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event-dragging:not(.fc-event-selected) { /* MOUSE */
    opacity: 0.75;
  }
.fc-event-dragging.fc-event-selected { /* TOUCH */
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  }
/* resizing */
/* ---------------------------------------------------------------------------------------------------- */
/* (subclasses should hone positioning for touch and non-touch) */
.fc-event .fc-event-resizer {
    display: none;
    position: absolute;
    z-index: 4;
  }

.fc-event:hover .fc-event-resizer, .fc-event-selected .fc-event-resizer {
    display: block;
  }
.fc-event-selected .fc-event-resizer {
    border-radius: 4px;
    border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2);
    border-width: 1px;
    border-width: var(--fc-event-resizer-dot-border-width, 1px);
    width: 8px;
    width: var(--fc-event-resizer-dot-total-width, 8px);
    height: 8px;
    height: var(--fc-event-resizer-dot-total-width, 8px);
    border-style: solid;
    border-color: inherit;
    background: #fff;
    background: var(--fc-page-bg-color, #fff)

    /* expand hit area */

  }
.fc-event-selected .fc-event-resizer:before {
      content: '';
      position: absolute;
      top: -20px;
      left: -20px;
      right: -20px;
      bottom: -20px;
    }
/* selecting (always TOUCH) */
/* OR, focused by tab-index */
/* (TODO: maybe not the best focus-styling for .fc-daygrid-dot-event) */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event-selected,
.fc-event:focus {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)

  /* expand hit area (subclasses should expand) */

}
.fc-event-selected:before, .fc-event:focus:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
.fc-event-selected,
.fc-event:focus {

  /* dimmer effect */

}
.fc-event-selected:after, .fc-event:focus:after {
    content: "";
    background: rgba(0, 0, 0, 0.25);
    background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25));
    position: absolute;
    z-index: 1;

    /* assume there's a border on all sides. overcome it. */
    /* sometimes there's NOT a border, in which case the dimmer will go over */
    /* an adjacent border, which looks fine. */
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
  }
/*
A HORIZONTAL event
*/
.fc-h-event { /* allowed to be top-level */
  display: block;
  border: 1px solid #3788d8;
  border: 1px solid var(--fc-event-border-color, #3788d8);
  background-color: #3788d8;
  background-color: var(--fc-event-bg-color, #3788d8)

}
.fc-h-event .fc-event-main {
    color: #fff;
    color: var(--fc-event-text-color, #fff);
  }
.fc-h-event .fc-event-main-frame {
    display: flex; /* for make fc-event-title-container expand */
  }
.fc-h-event .fc-event-time {
    max-width: 100%; /* clip overflow on this element */
    overflow: hidden;
  }
.fc-h-event .fc-event-title-container { /* serves as a container for the sticky cushion */
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0; /* important for allowing to shrink all the way */
  }
.fc-h-event .fc-event-title {
    display: inline-block; /* need this to be sticky cross-browser */
    vertical-align: top; /* for not messing up line-height */
    left: 0;  /* for sticky */
    right: 0; /* for sticky */
    max-width: 100%; /* clip overflow on this element */
    overflow: hidden;
  }
.fc-h-event.fc-event-selected:before {
    /* expand hit area */
    top: -10px;
    bottom: -10px;
  }
/* adjust border and border-radius (if there is any) for non-start/end */
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
}
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0;
}
/* resizers */
.fc-h-event:not(.fc-event-selected) .fc-event-resizer {
  top: 0;
  bottom: 0;
  width: 8px;
  width: var(--fc-event-resizer-thickness, 8px);
}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {
  cursor: w-resize;
  left: -4px;
  left: calc(-0.5 * var(--fc-event-resizer-thickness, 8px));
}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {
  cursor: e-resize;
  right: -4px;
  right: calc(-0.5 * var(--fc-event-resizer-thickness, 8px));
}
/* resizers for TOUCH */
.fc-h-event.fc-event-selected .fc-event-resizer {
  top: 50%;
  margin-top: -4px;
  margin-top: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {
  left: -4px;
  left: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {
  right: -4px;
  right: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
}
.fc .fc-popover {
    position: absolute;
    z-index: 9999;
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
  }
.fc .fc-popover-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 3px 4px;
  }
.fc .fc-popover-title {
    margin: 0 2px;
  }
.fc .fc-popover-close {
    cursor: pointer;
    opacity: 0.65;
    font-size: 1.1em;
  }
.fc-theme-standard .fc-popover {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
    background: #fff;
    background: var(--fc-page-bg-color, #fff);
  }
.fc-theme-standard .fc-popover-header {
    background: rgba(208, 208, 208, 0.3);
    background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  }


:root {
  --fc-daygrid-event-dot-width: 8px;
}
/* help things clear margins of inner content */
.fc-daygrid-day-frame,
.fc-daygrid-day-events,
.fc-daygrid-event-harness { /* for event top/bottom margins */
}
.fc-daygrid-day-frame:before, .fc-daygrid-day-events:before, .fc-daygrid-event-harness:before {
  content: "";
  clear: both;
  display: table; }
.fc-daygrid-day-frame:after, .fc-daygrid-day-events:after, .fc-daygrid-event-harness:after {
  content: "";
  clear: both;
  display: table; }
.fc .fc-daygrid-body { /* a <div> that wraps the table */
    position: relative;
    z-index: 1; /* container inner z-index's because <tr>s can't do it */
  }
.fc .fc-daygrid-day.fc-day-today {
      background-color: rgba(255, 220, 40, 0.15);
      background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
    }
.fc .fc-daygrid-day-frame {
    position: relative;
    min-height: 100%; /* seems to work better than `height` because sets height after rows/cells naturally do it */
  }

/* cell top */

.fc .fc-daygrid-day-top {
    display: flex;
    flex-direction: row-reverse;
  }
.fc .fc-day-other .fc-daygrid-day-top {
    opacity: 0.3;
  }

/* day number (within cell top) */

.fc .fc-daygrid-day-number {
    position: relative;
    z-index: 4;
    padding: 4px;
  }

/* event container */

.fc .fc-daygrid-day-events {
    margin-top: 1px; /* needs to be margin, not padding, so that available cell height can be computed */
  }

/* positioning for balanced vs natural */

.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
      position: absolute;
      left: 0;
      right: 0;
    }
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
      position: relative; /* for containing abs positioned event harnesses */
      min-height: 2em; /* in addition to being a min-height during natural height, equalizes the heights a little bit */
    }
.fc .fc-daygrid-body-natural { /* can coexist with -unbalanced */
  }
.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
      margin-bottom: 1em;
    }

/* event harness */

.fc .fc-daygrid-event-harness {
    position: relative;
  }
.fc .fc-daygrid-event-harness-abs {
    position: absolute;
    top: 0; /* fallback coords for when cannot yet be computed */
    left: 0; /* */
    right: 0; /* */
  }
.fc .fc-daygrid-bg-harness {
    position: absolute;
    top: 0;
    bottom: 0;
  }

/* bg content */

.fc .fc-daygrid-day-bg .fc-non-business { z-index: 1 }
.fc .fc-daygrid-day-bg .fc-bg-event { z-index: 2 }
.fc .fc-daygrid-day-bg .fc-highlight { z-index: 3 }

/* events */

.fc .fc-daygrid-event {
    z-index: 6;
    margin-top: 1px;
  }
.fc .fc-daygrid-event.fc-event-mirror {
    z-index: 7;
  }

/* cell bottom (within day-events) */

.fc .fc-daygrid-day-bottom {
    font-size: .85em;
    padding: 2px 3px 0
  }
.fc .fc-daygrid-day-bottom:before {
  content: "";
  clear: both;
  display: table; }
.fc .fc-daygrid-more-link {
    position: relative;
    z-index: 4;
    cursor: pointer;
  }

/* week number (within frame) */

.fc .fc-daygrid-week-number {
    position: absolute;
    z-index: 5;
    top: 0;
    padding: 2px;
    min-width: 1.5em;
    text-align: center;
    background-color: rgba(208, 208, 208, 0.3);
    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
    color: #808080;
    color: var(--fc-neutral-text-color, #808080);
  }

/* popover */

.fc .fc-more-popover .fc-popover-body {
    min-width: 220px;
    padding: 10px;
  }
.fc-direction-ltr .fc-daygrid-event.fc-event-start,
.fc-direction-rtl .fc-daygrid-event.fc-event-end {
  margin-left: 2px;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
  margin-right: 2px;
}
.fc-direction-ltr .fc-daygrid-week-number {
    left: 0;
    border-radius: 0 0 3px 0;
  }
.fc-direction-rtl .fc-daygrid-week-number {
    right: 0;
    border-radius: 0 0 0 3px;
  }
.fc-liquid-hack .fc-daygrid-day-frame {
    position: static; /* will cause inner absolute stuff to expand to <td> */
  }
.fc-daygrid-event { /* make root-level, because will be dragged-and-dropped outside of a component root */
  position: relative; /* for z-indexes assigned later */
  white-space: nowrap;
  border-radius: 3px; /* dot event needs this to when selected */
  font-size: .85em;
  font-size: var(--fc-small-font-size, .85em);
}
/* --- the rectangle ("block") style of event --- */
.fc-daygrid-block-event .fc-event-time {
    font-weight: bold;
  }
.fc-daygrid-block-event .fc-event-time,
  .fc-daygrid-block-event .fc-event-title {
    padding: 1px;
  }
/* --- the dot style of event --- */
.fc-daygrid-dot-event {
  display: flex;
  align-items: center;
  padding: 2px 0

}
.fc-daygrid-dot-event .fc-event-title {
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0; /* important for allowing to shrink all the way */
    overflow: hidden;
    font-weight: bold;
  }
/*.fc-daygrid-dot-event:hover,
  .fc-daygrid-dot-event.fc-event-mirror {
    background: rgba(0, 0, 0, 0.1);
  }*/
.fc-daygrid-dot-event.fc-event-selected:before {
    /* expand hit area */
    top: -10px;
    bottom: -10px;
  }
.fc-daygrid-event-dot { /* the actual dot */
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #3788d8;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #3788d8);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2);
}
/* --- spacing between time and title --- */
.fc-direction-ltr .fc-daygrid-event .fc-event-time {
    margin-right: 3px;
  }
.fc-direction-rtl .fc-daygrid-event .fc-event-time {
    margin-left: 3px;
  }


/*
A VERTICAL event
*/

.fc-v-event { /* allowed to be top-level */
  display: block;
  border: 1px solid #3788d8;
  border: 1px solid var(--fc-event-border-color, #3788d8);
  background-color: #3788d8;
  background-color: var(--fc-event-bg-color, #3788d8)

}

.fc-v-event .fc-event-main {
    color: #fff;
    color: var(--fc-event-text-color, #fff);
    height: 100%;
  }

.fc-v-event .fc-event-main-frame {
    height: 100%;
    display: flex;
    flex-direction: column;
  }

.fc-v-event .fc-event-time {
    flex-grow: 0;
    flex-shrink: 0;
    max-height: 100%;
    overflow: hidden;
  }

.fc-v-event .fc-event-title-container { /* a container for the sticky cushion */
    flex-grow: 1;
    flex-shrink: 1;
    min-height: 0; /* important for allowing to shrink all the way */
  }

.fc-v-event .fc-event-title { /* will have fc-sticky on it */
    top: 0;
    bottom: 0;
    max-height: 100%; /* clip overflow */
    overflow: hidden;
  }

.fc-v-event:not(.fc-event-start) {
    border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

.fc-v-event:not(.fc-event-end) {
    border-bottom-width: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

.fc-v-event.fc-event-selected:before {
    /* expand hit area */
    left: -10px;
    right: -10px;
  }

.fc-v-event {

  /* resizer (mouse AND touch) */

}

.fc-v-event .fc-event-resizer-start {
    cursor: n-resize;
  }

.fc-v-event .fc-event-resizer-end {
    cursor: s-resize;
  }

.fc-v-event {

  /* resizer for MOUSE */

}

.fc-v-event:not(.fc-event-selected) .fc-event-resizer {
      height: 8px;
      height: var(--fc-event-resizer-thickness, 8px);
      left: 0;
      right: 0;
    }

.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start {
      top: -4px;
      top: calc(var(--fc-event-resizer-thickness, 8px) / -2);
    }

.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end {
      bottom: -4px;
      bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2);
    }

.fc-v-event {

  /* resizer for TOUCH (when event is "selected") */

}

.fc-v-event.fc-event-selected .fc-event-resizer {
      left: 50%;
      margin-left: -4px;
      margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
    }

.fc-v-event.fc-event-selected .fc-event-resizer-start {
      top: -4px;
      top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
    }

.fc-v-event.fc-event-selected .fc-event-resizer-end {
      bottom: -4px;
      bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
    }
.fc .fc-timegrid .fc-daygrid-body { /* the all-day daygrid within the timegrid view */
    z-index: 2; /* put above the timegrid-body so that more-popover is above everything. TODO: better solution */
  }
.fc .fc-timegrid-divider {
    padding: 0 0 2px; /* browsers get confused when you set height. use padding instead */
  }
.fc .fc-timegrid-body {
    position: relative;
    z-index: 1; /* scope the z-indexes of slots and cols */
    min-height: 100%; /* fill height always, even when slat table doesn't grow */
  }
.fc .fc-timegrid-axis-chunk { /* for advanced ScrollGrid */
    position: relative /* offset parent for now-indicator-container */

  }
.fc .fc-timegrid-axis-chunk > table {
      position: relative;
      z-index: 1; /* above the now-indicator-container */
    }
.fc .fc-timegrid-slots {
    position: relative;
    z-index: 1;
  }
.fc .fc-timegrid-slot { /* a <td> */
    height: 1.5em;
    border-bottom: 0 /* each cell owns its top border */
  }
.fc .fc-timegrid-slot:empty:before {
      content: '\00a0'; /* make sure there's at least an empty space to create height for height syncing */
    }
.fc .fc-timegrid-slot-minor {
    border-top-style: dotted;
  }
.fc .fc-timegrid-slot-label-cushion {
    display: inline-block;
    white-space: nowrap;
  }
.fc .fc-timegrid-slot-label {
    vertical-align: middle; /* vertical align the slots */
  }


  /* slots AND axis cells (top-left corner of view including the "all-day" text) */

.fc .fc-timegrid-axis-cushion,
  .fc .fc-timegrid-slot-label-cushion {
    padding: 0 4px;
  }

  /* axis cells (top-left corner of view including the "all-day" text) */
  /* vertical align is more complicated, uses flexbox */

.fc .fc-timegrid-axis-frame-liquid {
    height: 100%; /* will need liquid-hack in FF */
  }
.fc .fc-timegrid-axis-frame {
    overflow: hidden;
    display: flex;
    align-items: center; /* vertical align */
    justify-content: flex-end; /* horizontal align. matches text-align below */
  }
.fc .fc-timegrid-axis-cushion {
    max-width: 60px; /* limits the width of the "all-day" text */
    flex-shrink: 0; /* allows text to expand how it normally would, regardless of constrained width */
  }
.fc-direction-ltr .fc-timegrid-slot-label-frame {
    text-align: right;
  }
.fc-direction-rtl .fc-timegrid-slot-label-frame {
    text-align: left;
  }
.fc-liquid-hack .fc-timegrid-axis-frame-liquid {
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  }
.fc .fc-timegrid-col.fc-day-today {
      background-color: rgba(255, 220, 40, 0.15);
      background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
    }
.fc .fc-timegrid-col-frame {
    min-height: 100%; /* liquid-hack is below */
    position: relative;
  }
.fc-media-screen.fc-liquid-hack .fc-timegrid-col-frame {
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    }
.fc-media-screen .fc-timegrid-cols {
    position: absolute; /* no z-index. children will decide and go above slots */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
  }
.fc-media-screen .fc-timegrid-cols > table {
      height: 100%;
    }
.fc-media-screen .fc-timegrid-col-bg,
  .fc-media-screen .fc-timegrid-col-events,
  .fc-media-screen .fc-timegrid-now-indicator-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

/* bg */

.fc .fc-timegrid-col-bg {
    z-index: 2; /* TODO: kill */
  }
.fc .fc-timegrid-col-bg .fc-non-business { z-index: 1 }
.fc .fc-timegrid-col-bg .fc-bg-event { z-index: 2 }
.fc .fc-timegrid-col-bg .fc-highlight { z-index: 3 }
.fc .fc-timegrid-bg-harness {
    position: absolute; /* top/bottom will be set by JS */
    left: 0;
    right: 0;
  }

  /* fg events */
  /* (the mirror segs are put into a separate container with same classname, */
  /* and they must be after the normal seg container to appear at a higher z-index) */

.fc .fc-timegrid-col-events {
    z-index: 3;
    /* child event segs have z-indexes that are scoped within this div */
  }

  /* now indicator */

.fc .fc-timegrid-now-indicator-container {
    bottom: 0;
    overflow: hidden; /* don't let overflow of lines/arrows cause unnecessary scrolling */
    /* z-index is set on the individual elements */
  }
.fc-direction-ltr .fc-timegrid-col-events {
    margin: 0 2.5% 0 2px;
  }
.fc-direction-rtl .fc-timegrid-col-events {
    margin: 0 2px 0 2.5%;
  }
.fc-timegrid-event-harness {
  position: absolute /* top/left/right/bottom will all be set by JS */
}
.fc-timegrid-event-harness > .fc-timegrid-event {
    position: absolute; /* absolute WITHIN the harness */
    top: 0; /* for when not yet positioned */
    bottom: 0; /* " */
    left: 0;
    right: 0;
  }
.fc-timegrid-event-harness-inset .fc-timegrid-event,
.fc-timegrid-event.fc-event-mirror,
.fc-timegrid-more-link {
  box-shadow: 0px 0px 0px 1px #fff;
  box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff);
}
.fc-timegrid-event,
.fc-timegrid-more-link { /* events need to be root */
  font-size: .85em;
  font-size: var(--fc-small-font-size, .85em);
  border-radius: 3px;
}
.fc-timegrid-event { /* events need to be root */
  margin-bottom: 1px /* give some space from bottom */
}
.fc-timegrid-event .fc-event-main {
    padding: 1px 1px 0;
  }
.fc-timegrid-event .fc-event-time {
    white-space: nowrap;
    font-size: .85em;
    font-size: var(--fc-small-font-size, .85em);
    margin-bottom: 1px;
  }
.fc-timegrid-event-short .fc-event-main-frame {
    flex-direction: row;
    overflow: hidden;
  }
.fc-timegrid-event-short .fc-event-time:after {
    content: '\00a0-\00a0'; /* dash surrounded by non-breaking spaces */
  }
.fc-timegrid-event-short .fc-event-title {
    font-size: .85em;
    font-size: var(--fc-small-font-size, .85em)
  }
.fc-timegrid-more-link { /* does NOT inherit from fc-timegrid-event */
  position: absolute;
  z-index: 9999; /* hack */
  color: inherit;
  color: var(--fc-more-link-text-color, inherit);
  background: #d0d0d0;
  background: var(--fc-more-link-bg-color, #d0d0d0);
  cursor: pointer;
  margin-bottom: 1px; /* match space below fc-timegrid-event */
}
.fc-timegrid-more-link-inner { /* has fc-sticky */
  padding: 3px 2px;
  top: 0;
}
.fc-direction-ltr .fc-timegrid-more-link {
    right: 0;
  }
.fc-direction-rtl .fc-timegrid-more-link {
    left: 0;
  }

  /* line */

.fc .fc-timegrid-now-indicator-line {
    position: absolute;
    z-index: 4;
    left: 0;
    right: 0;
    border-style: solid;
    border-color: red;
    border-color: var(--fc-now-indicator-color, red);
    border-width: 1px 0 0;
  }

  /* arrow */

.fc .fc-timegrid-now-indicator-arrow {
    position: absolute;
    z-index: 4;
    margin-top: -5px; /* vertically center on top coordinate */
    border-style: solid;
    border-color: red;
    border-color: var(--fc-now-indicator-color, red);
  }
.fc-direction-ltr .fc-timegrid-now-indicator-arrow {
    left: 0;

    /* triangle pointing right. TODO: mixin */
    border-width: 5px 0 5px 6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
  }
.fc-direction-rtl .fc-timegrid-now-indicator-arrow {
    right: 0;

    /* triangle pointing left. TODO: mixin */
    border-width: 5px 6px 5px 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
  }


:root {
  --fc-list-event-dot-width: 10px;
  --fc-list-event-hover-bg-color: #f5f5f5;
}
.fc-theme-standard .fc-list {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
  }

  /* message when no events */

.fc .fc-list-empty {
    background-color: rgba(208, 208, 208, 0.3);
    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; /* vertically aligns fc-list-empty-inner */
  }
.fc .fc-list-empty-cushion {
    margin: 5em 0;
  }

  /* table within the scroller */
  /* ---------------------------------------------------------------------------------------------------- */

.fc .fc-list-table {
    width: 100%;
    border-style: hidden; /* kill outer border on theme */
  }
.fc .fc-list-table tr > * {
    border-left: 0;
    border-right: 0;
  }
.fc .fc-list-sticky .fc-list-day > * { /* the cells */
      position: sticky;
      top: 0;
      background: #fff;
      background: var(--fc-page-bg-color, #fff); /* for when headers are styled to be transparent and sticky */
    }

  /* only exists for aria reasons, hide for non-screen-readers */

.fc .fc-list-table thead {
    position: absolute;
    left: -10000px;
  }

  /* the table's border-style:hidden gets confused by hidden thead. force-hide top border of first cell */

.fc .fc-list-table tbody > tr:first-child th {
    border-top: 0;
  }
.fc .fc-list-table th {
    padding: 0; /* uses an inner-wrapper instead... */
  }
.fc .fc-list-table td,
  .fc .fc-list-day-cushion {
    padding: 8px 14px;
  }


  /* date heading rows */
  /* ---------------------------------------------------------------------------------------------------- */

.fc .fc-list-day-cushion:after {
  content: "";
  clear: both;
  display: table; /* clear floating */
    }
.fc-theme-standard .fc-list-day-cushion {
    background-color: rgba(208, 208, 208, 0.3);
    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  }
.fc-direction-ltr .fc-list-day-text,
.fc-direction-rtl .fc-list-day-side-text {
  float: left;
}
.fc-direction-ltr .fc-list-day-side-text,
.fc-direction-rtl .fc-list-day-text {
  float: right;
}
/* make the dot closer to the event title */
.fc-direction-ltr .fc-list-table .fc-list-event-graphic { padding-right: 0 }
.fc-direction-rtl .fc-list-table .fc-list-event-graphic { padding-left: 0 }
.fc .fc-list-event.fc-event-forced-url {
    cursor: pointer; /* whole row will seem clickable */
  }
/*.fc .fc-list-event:hover td {
    background-color: #f5f5f5;
    background-color: var(--fc-list-event-hover-bg-color, #f5f5f5);
  }*/

  /* shrink certain cols */

.fc .fc-list-event-graphic,
  .fc .fc-list-event-time {
    white-space: nowrap;
    width: 1px;
  }
.fc .fc-list-event-dot {
    display: inline-block;
    box-sizing: content-box;
    width: 0;
    height: 0;
    border: 5px solid #3788d8;
    border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #3788d8);
    border-radius: 5px;
    border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2);
  }

  /* reset <a> styling */

.fc .fc-list-event-title a {
    color: inherit;
    text-decoration: none;
  }

  /* underline link when hovering over any part of row */

.fc .fc-list-event.fc-event-forced-url:hover a {
    text-decoration: underline;
  }



  .fc-theme-bootstrap a:not([href]) {
    color: inherit; /* natural color for navlinks */
  }



  .fc-theme-bootstrap5 a:not([href]) {
    color: inherit;
    text-decoration: inherit;
  }

.fc-theme-bootstrap5 .fc-list,
  .fc-theme-bootstrap5 .fc-scrollgrid,
  .fc-theme-bootstrap5 td,
  .fc-theme-bootstrap5 th {
    border: 1px solid var(--bs-gray-400);
  }

.fc-theme-bootstrap5 {

  /* HACK: reapply core styles after highe-precedence border statement above */
}

.fc-theme-bootstrap5 .fc-scrollgrid {
    border-right-width: 0;
    border-bottom-width: 0;
  }

.fc-theme-bootstrap5-shaded {
  background-color: var(--bs-gray-200);
}


.popover-content li { margin-left: 14px; font-size: 13px; }

.CalWidget .CompactEvent { height: 26px; /*width: 53px !important;*/ margin-top: -22px; margin-left: -2px; text-align: right; font-size: 13px; color: #646464; font-weight: bold; border-width: 0px !important; margin-bottom: 0px !important; border-radius: 0px !important; padding-top: 0px; padding-bottom: 0px; padding-right: 1px; background-color: #ccc !important; color: #fff !important; }

/* CUSTOM CSS FOR THEMING EACH LABEL  based on TYPE !*/
.CalWidget .MainEventClass { border-width: 0px !important; color: #fff !important; margin-bottom: 4px !important; padding: 2px 4px 4px 2px; font: normal 12px 'OPEN SANS' !important; border-radius: 2px !important; -webkit-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff }
/*calendar week view*/
.CalWidget .fc-view-agendaWeek .MainEventClass { padding: 2px 11px 4px 2px; }

.CalWidget { font-family: sans-serif; font-size: 13px; line-height: 20px; z-index: 900; position: relative; clear: both; }

    .CalWidget .CalWidget-Detail { float: right; margin: 5px 0 10px 0; padding: 2px 8px; }



    .CalWidget .popover-content a { color: #4D4D4D; font: bold 13px sans-serif; text-decoration: underline; }
        .CalWidget .popover-content a:hover { text-decoration: none; }

    .CalWidget .popover-content { padding: 5px 10px; font: normal 14px sans-serif; }

    .CalWidget .CalWidget-EventTime { padding-top: 5px; }

    .CalWidget .CalWidget-EventTZ { font-size: 11px; font-weight: bold; }

    .CalWidget .popover { position: absolute; z-index: 20 !important; display: none; min-width: 365px; max-width: 476px; padding: 1px; text-align: left; background-color: #fff; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 1px; -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 2px 4px rgba(0,0,0,.1); white-space: normal; color: #4d4d4d; padding: 0px !important; box-sizing: border-box; transition: opacity .34s; }

        .CalWidget .popover.top { margin-top: -7px; }
        .CalWidget .popover.right { margin-left: 7px; }
        .CalWidget .popover.bottom { margin-top: 7px; }
        .CalWidget .popover.left { margin-left: -7px; }
    .CalWidget .popover-title { margin: 0; padding: 8px 14px; font-size: 15px; font-weight: bold; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
        .CalWidget .popover-title:empty { display: none; }
    .CalWidget .popover-content { padding: 15px 14px 15px 14px; font: normal 15px sans-serif; line-height: 18px; text-align: justify; }
    .CalWidget .popover-content-left { padding: 15px 14px 15px 14px; font: normal 15px sans-serif; line-height: 18px; text-align: left; }
    .CalWidget .popover .arrow, .CalWidget .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; }
    .CalWidget .popover .arrow { border-width: 7px; }
        .CalWidget .popover .arrow:after { border-width: 10px; content: ""; }
    .CalWidget .popover.top .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -7px; }
        .CalWidget .popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #ffffff; }
    .CalWidget .popover.right .arrow { top: 50%; left: -7px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); }
        .CalWidget .popover.right .arrow:after { left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #ffffff; }
    .CalWidget .popover.bottom .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -7px; }
        .CalWidget .popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #ffffff; }
    .CalWidget .popover.left .arrow { top: 50%; right: -7px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); }
        .CalWidget .popover.left .arrow:after { right: 1px; border-right-width: 0; border-left-color: #ffffff; bottom: -10px; }



    /*Change for flatter popover just for full month view*/
    .CalWidget:not([data-compactmode='true']) .popover { position: absolute; top: 0; left: 0; z-index: 20 !important; display: none; min-width: 365px; max-width: 476px; padding: 1px; text-align: left; background-color: #fff; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 1px; -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 2px 4px rgba(0,0,0,.1); white-space: normal; color: #4d4d4d; padding: 0px !important; box-sizing: border-box; transition: opacity .34s; }
    .CalWidget:not([data-compactmode='true']) .popover-title { margin: 0; padding: 8px 14px; font-size: 15px; font-weight: bold; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 0px; }
    .CalWidget:not([data-compactmode='true']) .CalWidget-EventTime { padding-top: 0px; width: 100%; }
    .CalWidget:not([data-compactmode='true']) .popover-content { padding: 10px 14px 20px 14px; font: normal 15px sans-serif; line-height: 18px; text-align: justify; }
    .CalWidget:not([data-compactmode='true']) .CalWidget-Detail { padding: 6px 21px; color: #444 !important; font-size: 14px !important; border: 0px; position: absolute; bottom: 0px; right: 0px; background-color: #efefefd6; left: 0px; text-align: center; margin: 0px; border-radius: 0px; }
        .CalWidget:not([data-compactmode='true']) .CalWidget-Detail:hover { color: #fff !important; background-color: #9a9a9a; }
    .CalWidget:not([data-compactmode='true']) .MainEventClass { border-width: 0 !important; color: #fff !important; margin-bottom: 4px !important; padding: 2px 4px 4px 2px; font: normal 13px 'OPEN SANS' !important; border-radius: 2px !important; min-height: 15px; }

html .fc,
.fc table { font-size: 13px; }

.fc .fc-toolbar-title { margin-top: 0; white-space: nowrap; font-weight: 600; font-size: 16px; font-family: 'Open Sans'; margin-left: 5px; color: #444; }
.fc .fc-scroller-harness { overflow: visible; }

.fc-view { width: 100%; }

.fc-widget-header, /* <th>, usually */
.fc-widget-content { /* <td>, usually */ border: 1px solid #f1f1f1; font-weight: 500; font-size: 13px; font-family: 'Open Sans'; }

.fc-widget-header { background-color: #FAFAFA; }

.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */ color: #565657; background-color: #FFFFF7; font-weight: bold; }

.fc-state-default.fc-corner-left { /* non-theme */ border-top-left-radius: 2px; border-bottom-left-radius: 2px; }

.fc-state-default.fc-corner-right { /* non-theme */ border-top-right-radius: 2px; border-bottom-right-radius: 2px; }

.fc-event { border: 1px solid #E4E4E4; color: #272727; cursor: default; font-size: 13px; font-family: sans-serif; }

.fc-event-time { display: none; }
.fc-event-title { }

.fc-grid th { text-align: center; line-height: 25px }

.fc-grid .fc-day-number { float: right; padding: 0 2px; opacity: .6; }

.fc-grid .fc-other-month .fc-day-number { opacity: 0.3; filter: alpha(opacity=30); /* for IE */ /* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */ font-size: 13px; font-family: 'Open Sans'; }

/* Top Nav selected item */
.TagSelected img { border: 2px solid red; }

.CalWidgetEventColor { background-color: #D1ECFF; }

/* fc overwrites */
.fc .fc-daygrid-day-number { font-weight: 500; }
.fc .fc-day-today .fc-daygrid-day-number { font-weight: 600; font-size: 14px; }
.fc .fc-view-harness { background-color: #fcfcfc; }

.fc :focus-visible { outline: none; }
.fc-view-agendaWeek > div, .fc-view-agendaWeek > div > div, .fc-view-agendaWeek > div > div > div { overflow: visible !important; height: 503px !important; }

.fc-daygrid-event {border-radius: 0px; /* dot event needs this to when selected */}
.fc .fc-scroller { overflow: visible !important; position: relative; }
.fc .fc-list-event-dot { display: none; }
.fc .fc-list-event.fc-event-forced-url:hover a { text-decoration: none; }

/* compact view overwrite */
div [data-CompactMode="true"] .fc-day-content div { height: 4px !important; }

[data-CompactMode="true"] .fc-daygrid-day { background-color: #fff; }
    [data-CompactMode="true"] .fc-daygrid-day .fc-daygrid-day-events { margin: 0px; min-height: 0px; position: initial; }
    [data-CompactMode="true"] .fc-daygrid-day .fc-daygrid-event-harness { position: initial; }
    [data-CompactMode="true"] .fc-daygrid-day.fc-day-today { font-weight: 600; }
    [data-CompactMode="true"] .fc-daygrid-day .fc-daygrid-event { margin: 0px; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: unset; background-color: rgba(229, 229, 229, 0.38) !important; box-shadow: inset 14px -2px 0 -6px #30c588; }
.fc .fc-daygrid-day .fc-daygrid-event .fc-daygrid-event-dot { display: none; }
.fc .fc-col-header-cell { border: 1px solid #ddd; border: 1px solid var(--fc-border-color, #ddd); background-color: #f5f5f5; color: #95A5A6; }
[data-CompactMode="true"] .fc-button-primary:disabled { opacity: 0; }
.fc .fc-button-primary { border: 1px solid #e6e6e6; background-color: #f5f5f5; color: #778384; }

    .fc .fc-button-primary.fc-button-active { background-color: #ccc; background-image: none; outline: 0; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 15%), 0 1px 2px rgba(0, 0, 0, 5%); }

[data-CompactMode="true"] h2 { font-size: 16px !important; }

div [data-CompactMode="true"] { width: 100% !important; min-width: 100% !important; }


.fc-view-harness.fc-view-harness-active { height: 100% !important; }
.CalContent .fc-view { position: relative !important; }
.CalContent .fc-button { padding: 6px 10px !important }
.CalContent .fc-scroller-liquid-absolute { position: relative !important }

div [data-CompactMode="true"] div#CalContent_id { padding-top: 0px; }


/* including default colors for calendar widget outside of elearning solution - begin */
.Note_Gray, .postit_Left_Gray, .postit_Right_Gray, .Stackpaper_Gray, .University_Gray { background: #FAFAFA; }

.Note_Yellow, .postit_Left_Yellow, .postit_Right_Yellow, .Stackpaper_Yellow, .University_Yellow { background: #FFFBD6; }

.Note_Orange, .postit_Left_Orange, .postit_Right_Orange, .Stackpaper_Orange, .University_Orange { background: #FFEBD6; }

.Note_Red, .postit_Left_Red, .postit_Right_Red, .Stackpaper_Red, .University_Red { background: #FEB2B2; }

.Note_Green, .postit_Left_Green, .postit_Right_Green, .Stackpaper_Green, .University_Green { background: #E5FFD7; }

.Note_Turquoise, .postit_Left_Turquoise, .postit_Right_Turquoise, .Stackpaper_Turquoise, .University_Turquoise { background: #D8FFEC; }

.Note_Blue, .postit_Left_Blue, .postit_Right_Blue, .Stackpaper_Blue, .University_Blue { background: #D1ECFF; }

.Note_Purple, .postit_Left_Purple, .postit_Right_Purple, .Stackpaper_Purple, .University_Purple { background: #F6DBFE; }

.buble1_Left_Gray, .buble1_Right_Gray, .MetroNote_Gray, .SideBanner_Left_Gray, .SideBanner_Right_Gray, .PictureInteraction .Gray, .University_MetroGray, .PintBox_Gray, .Minimal_Gray, .Neon_Gray, .colorCase_Gray, .box_Gray, .split_Gray, .wave_Gray, .shape_Gray, .fold_Gray, .iconcase1_Gray, .iconcase2_Gray, .iconcase3_Gray { background: #7A7A7A; border-color: #7A7A7A; color: #7A7A7A; }

.buble1_Left_Yellow, .buble1_Right_Yellow, .MetroNote_Yellow, .SideBanner_Left_Yellow, .SideBanner_Right_Yellow, .PictureInteraction .Yellow, .University_MetroYellow, .PintBox_Yellow, .Minimal_Yellow, .Neon_Yellow, .colorCase_Yellow, .box_Yellow, .split_Yellow, .wave_Yellow, .shape_Yellow, .fold_Yellow, .iconcase1_Yellow, .iconcase2_Yellow, .iconcase3_Yellow { background: #DEC612; border-color: #DEC612; color: #DEC612; }

.buble1_Left_Orange, .buble1_Right_Orange, .MetroNote_Orange, .SideBanner_Left_Orange, .SideBanner_Right_Orange, .PictureInteraction .Orange, .University_MetroOrange, .PintBox_Orange, .Minimal_Orange, .Neon_Orange, .colorCase_Orange, .box_Orange, .split_Orange, .wave_Orange, .shape_Orange, .fold_Orange, .iconcase1_Orange, .iconcase2_Orange, .iconcase3_Orange { background: #FE9801; border-color: #FE9801; color: #FE9801; }

.buble1_Left_Red, .buble1_Right_Red, .MetroNote_Red, .SideBanner_Left_Red, .SideBanner_Right_Red, .PictureInteraction .Red, .University_MetroRed, .PintBox_Red, .Minimal_Red, .Neon_Red, .colorCase_Red, .box_Red, .split_Red, .wave_Red, .shape_Red, .fold_Red, .iconcase1_Red, .iconcase2_Red, .iconcase3_Red { background: #F55959; border-color: #F55959; color: #F55959; }

.buble1_Left_Green, .buble1_Right_Green, .MetroNote_Green, .SideBanner_Left_Green, .SideBanner_Right_Green, .PictureInteraction .Green, .University_MetroGreen, .PintBox_Green, .Minimal_Green, .Neon_Green, .colorCase_Green, .box_Green, .split_Green, .wave_Green, .shape_Green, .fold_Green, .iconcase1_Green, .iconcase2_Green, .iconcase3_Green { background: #63BD10; border-color: #63BD10; color: #63BD10; }

.buble1_Left_Turquoise, .buble1_Right_Turquoise, .MetroNote_Turquoise, .SideBanner_Left_Turquoise, .SideBanner_Right_Turquoise, .PictureInteraction .Turquoise, .University_MetroTurquoise, .PintBox_Turquoise, .Minimal_Turquoise, .Neon_Turquoise, .colorCase_Turquoise, .box_Turquoise, .split_Turquoise, .wave_Turquoise, .shape_Turquoise, .fold_Turquoise, .iconcase1_Turquoise, .iconcase2_Turquoise, .iconcase3_Turquoise { background: #63DEE4; border-color: #63DEE4; color: #63DEE4; }

.buble1_Left_Blue, .buble1_Right_Blue, .MetroNote_Blue, .SideBanner_Left_Blue, .SideBanner_Right_Blue, .PictureInteraction .Blue, .University_MetroBlue, .PintBox_Blue, .Minimal_Blue, .Neon_Blue, .colorCase_Blue, .box_Blue, .split_Blue, .wave_Blue, .shape_Blue, .fold_Blue, .iconcase1_Blue, .iconcase2_Blue, .iconcase3_Blue { background: #3aa0d1; border-color: #3aa0d1; color: #3aa0d1; }

.buble1_Left_Purple, .buble1_Right_Purple, .MetroNote_Purple, .SideBanner_Left_Purple, .SideBanner_Right_Purple, .PictureInteraction .Purple, .University_MetroPurple, .PintBox_Purple, .Minimal_Purple, .Neon_Purple, .colorCase_Purple, .box_Purple, .split_Purple, .wave_Purple, .shape_Purple, .fold_Purple, .iconcase1_Purple, .iconcase2_Purple, .iconcase3_Purple { background: #A94BC7; border-color: #A94BC7; color: #A94BC7; }

.Note_Custom1, .postit_Left_Custom1, .postit_Right_Custom1, .Stackpaper_Custom1, .University_Custom1 { background: #FAFAFA; }

.Note_Custom2, .postit_Left_Custom2, .postit_Right_Custom2, .Stackpaper_Custom2, .University_Custom2 { background: #FAFAFA; }

.Note_Custom3, .postit_Left_Custom3, .postit_Right_Custom3, .Stackpaper_Custom3, .University_Custom3 { background: #FAFAFA; }

.buble1_Left_Custom1, .buble1_Right_Custom1, .MetroNote_Custom1, .SideBanner_Left_Custom1, .SideBanner_Right_Custom1, .PictureInteraction .Custom1, .University_MetroCustom1, .PintBox_Custom1, .Minimal_Custom1, .Neon_Custom1, .colorCase_Custom1 { background: #7A7A7A; border-color: #7A7A7A; color: #7A7A7A; }

.buble1_Left_Custom2, .buble1_Right_Custom2, .MetroNote_Custom2, .SideBanner_Left_Custom2, .SideBanner_Right_Custom2, .PictureInteraction .Custom2, .University_MetroCustom2, .PintBox_Custom2, .Minimal_Custom2, .Neon_Custom2, .colorCase_Custom2 { background: #7A7A7A; border-color: #7A7A7A; color: #7A7A7A; }

.buble1_Left_Custom3, .buble1_Right_Custom3, .MetroNote_Custom3, .SideBanner_Left_Custom3, .SideBanner_Right_Custom3, .PictureInteraction .Custom3, .University_MetroCustom3, .PintBox_Custom3, .Minimal_Custom3, .Neon_Custom3, .colorCase_Custom3 { background: #7A7A7A; border-color: #7A7A7A; color: #7A7A7A; }

/* including default colors for calendar widget outside of elearning solution - end */