/* THIS CSS WILL BE REPLACE BY THE SCSS TO PREVENT REDUNDANCY OF FILES */








/* THIS CSS WILL BE REPLACE BY THE SCSS TO PREVENT REDUNDANCY OF FILES */












/* PLEASE USE THE SCSS VERSION THIS IS */


/* CSS > LCDEFAUTLS > SCSS > CLIENT > SASS */


/* IF YOU DONT KNOW THE FOLDER TO USE PUT IT ON THE LAYOUT > CONTENT THEN I'LL WORK ON IT */
















/* THIS CSS WILL BE REPLACE BY THE SCSS TO PREVENT REDUNDANCY OF FILES */









































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































html {    height: 100%;}
body {    height: auto;    background-size: cover;    background-attachment: fixed;}
#nlcWrapper {    float: left;    width: 100%;}
.w-100 {    width: 100% !important}

/* Default */
.fa_spacer {    margin-right: 4px;}
.fa_spacer_r {    margin-left: 4px;}



.lc-rate-slide-button {    display: inline-block;    cursor: pointer;}
.lc-slide-bookmark-btn {    display: inline-block;    cursor: pointer;}

    .lc-slide-bookmark-btn .bookmarked {        font-weight: bold;    }

.lc-survey-slider-rainbow-bg .RadSlider .rslTrack {
    background: url(/images/ControlImages/rad_slider_rainbow_bg.jpg) 100%;
}

.lc-survey-slider-rainbow-bg .RadSlider .rslSelectedregion {
    background-color: transparent !important;
}

.lc-survey-slider-rainbow-bg .RadSlider .rslHorizontal a.rslDraghandle {
    background-color: #25a0da;
}

[style*="url('')" i], [style*="url()" i], [style*="url( )" i] {
    background-image: none !Important;
}

.kudo-statusbar-tbl {
}

    .kudo-statusbar-tbl td {
        white-space: nowrap;
        padding: 2px;
    }

bookmarker {
    color: rgba(128, 128, 128, 0.65);
    float: right;
    margin-right: 20px;
    font-size: 35px;
    cursor: pointer;
}

    bookmarker.bookmarked {
        color: rgba(182, 255, 0, 0.75);
    }

.kendobookmarker.bookmarked {
    color: rgba(182, 255, 0, 0.75);
}

.survey-rangedfeedback-slides {
    display: flex;
    justify-content: center;
}

    .survey-rangedfeedback-slides .k-card-deck {
        box-sizing: border-box;
        margin-left: -16px;
        margin-right: -16px;
        padding: 16px 16px 16px;
        overflow-y: hidden;
        overflow-x: auto;
    }

    .survey-rangedfeedback-slides .k-card {
        width: 200px;
    }

    .survey-rangedfeedback-slides .k-card-title {
        font-size: 1.1em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 0px;
    }

.ics-meet-link {
    background: rgba(255, 255, 255, 0.8);
    float: right;
    margin-right: 15px;
    margin-top: 8px;
    font-size: 24px;
    cursor: pointer;
    width: 35px;
    text-align: center;
    border-radius: 10px;
}

    .ics-meet-link a {
        color: #337ab7;
    }


.package-launcher-panel-wrap {
    margin-top: 20px;
    text-align: center
}

.scorm-review-select-wrap {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    padding-top: 10px;
}

#tsc_player {
    z-index: 9999;
}

.tscplayer_inline {
    position: static;
    margin: 30px;
    width: 768px;
    height: 480px;
    z-index: auto;
}

.tscplayer_fullframe {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    z-index: 9999;
}

@media screen and (max-width: 768px) {
    .tscplayer_inline {
        width: 100%;
    }
}


.reguGrid {    border-width: 0px;    border-style: none;    border-collapse: collapse;}

    .reguGrid tr.reguGridTableHeaderRow {        margin: 10px;        padding: 10px;        text-align: left;        font-style: normal;        font-weight: bold;        border-spacing: 10px;        line-height: 14pt;        vertical-align: top;    }

    .reguGrid td.reguGridTableHeaderFirstCol {        padding: 2px;        color: #fff;        font-size: 13px;        font-weight: bold;        font-family: Verdana;        background-color: #828282;        border: solid 1px #ffffff;    }

    .reguGrid td.reguGridTableHeaderLastCol {        padding: 2px;        color: #fff;        font-size: 13px;        font-weight: bold;        font-family: Verdana;        background-color: #828282;        border: solid 1px #ffffff;    }

    .reguGrid td.reguGridTableHeaderOddCol {        padding: 2px;        color: #fff;        font-size: 13px;        font-weight: bold;        font-family: Verdana;        background-color: #828282;        border: solid 1px #ffffff;    }

    .reguGrid td.reguGridTableHeaderEvenCol {        padding: 2px;        color: #fff;        font-size: 13px;        font-weight: bold;        font-family: Verdana;        background-color: #828282;        border: solid 1px #ffffff;    }

    .reguGrid tr.reguGridTableOddRow {        padding: 2px;    }

    .reguGrid tr.reguGridTableEvenRow {        padding: 2px;    }

    .reguGrid td.reguGridTableFirstCol {        padding: 2px;        font-size: 13px;        font-family: Verdana;        color: #000;        border: solid 1px #828282;    }

    .reguGrid td.reguGridTableLastCol {        padding: 2px;        color: #000;        font-family: Verdana;        font-size: 12px;        border: solid 1px #828282;    }

    .reguGrid td.reguGridTableOddCol {        padding: 2px;        font-family: Verdana;        font-size: 10pt;        color: #000;        border: solid 1px #828282;    }

    .reguGrid td.reguGridTableEvenCol {        padding: 2px;        font-family: Verdana;        font-size: 10pt;        color: #000;        border: solid 1px #828282;    }

    .reguGrid tr.reguGridTableFooterRow {        padding: 2px;    }

    .reguGrid td.reguGridTableFooterFirstCol {        padding: 2px;        font-family: Verdana;        font-size: 10pt;        color: #000;        border: solid 1px #828282;    }

    .reguGrid td.reguGridTableFooterLastCol {        padding: 2px;        color: #000;        font-family: Verdana;        font-size: 12px;        border: solid 1px #828282;    }

    .reguGrid td.reguGridTableFooterOddCol {        padding: 2px;        font-family: Verdana;        font-size: 10pt;        color: #000;        border: solid 1px #828282;    }

    .reguGrid td.reguGridTableFooterEvenCol {        padding: 2px;        font-family: Verdana;        color: #000;        font-size: 10pt;        border: solid 1px #828282;    }

.redGrid {    border-width: 0px;    border-style: none;    border-collapse: collapse;}

    .redGrid tr.redGridTableHeaderRow {        margin: 10px;        padding: 10px;        text-align: left;        font-style: normal;        font-weight: bold;        border-spacing: 10px;        line-height: 14pt;        vertical-align: top;    }

    .redGrid td.redGridTableHeaderFirstCol {        padding: 2px;        color: #fff;        font-size: 13px;        font-weight: bold;        font-family: Verdana;        background-color: #D21034;        border: solid 1px #ffffff;    }

    .redGrid td.redGridTableHeaderLastCol {        padding: 2px;        color: #fff;        font-size: 13px;        font-weight: bold;        font-family: Verdana;        background-color: #D21034;        border: solid 1px #ffffff;    }

    .redGrid td.redGridTableHeaderOddCol {        padding: 2px;        color: #fff;        font-size: 13px;        font-weight: bold;        font-family: Verdana;        background-color: #D21034;        border: solid 1px #ffffff;    }

    .redGrid td.redGridTableHeaderEvenCol {        padding: 2px;        color: #fff;        font-size: 13px;        font-weight: bold;        font-family: Verdana;        background-color: #D21034;        border: solid 1px #ffffff;    }

    .redGrid tr.redGridTableOddRow {        padding: 2px;    }

    .redGrid tr.redGridTableEvenRow {        padding: 2px;    }

    .redGrid td.redGridTableFirstCol {        padding: 2px;        font-size: 13px;        font-family: Verdana;        color: #000;        border: solid 1px #828282;    }

    .redGrid td.redGridTableLastCol {        padding: 2px;        color: #fff;        font-family: Verdana;        font-size: 12px;        background-color: #D21034;        border: solid 1px #ffffff;    }

    .redGrid td.redGridTableOddCol {        padding: 2px;        font-family: Verdana;        font-size: 10pt;        color: #828282;        border: solid 1px #828282;    }

    .redGrid td.redGridTableEvenCol {        padding: 2px;        font-family: Verdana;        font-size: 10pt;        color: #828282;        border: solid 1px #828282;    }

    .redGrid tr.redGridTableFooterRow {        padding: 2px;    }

    .redGrid td.redGridTableFooterFirstCol {        padding: 2px;        font-family: Verdana;        font-size: 10pt;        color: #000;        border: solid 1px #828282;    }

    .redGrid td.redGridTableFooterLastCol {        padding: 2px;        color: #fff;        font-family: Verdana;        font-size: 12px;        background-color: #D21034;        border: solid 1px #ffffff;    }

    .redGrid td.redGridTableFooterOddCol {        padding: 2px;        font-family: Verdana;        font-size: 10pt;        color: #828282;        border: solid 1px #828282;    }

    .redGrid td.redGridTableFooterEvenCol {        padding: 2px;        font-family: Verdana;        color: #828282;        font-size: 10pt;        border: solid 1px #828282;    }

.greyGrid {    border-width: 0px;    border-style: none;    border-collapse: collapse;}

    .greyGrid tr.greyGridTableHeaderRow {        margin: 10px;        padding: 10px;        text-align: left;        font-style: normal;        font-weight: bold;        border-spacing: 10px;        line-height: 14pt;        vertical-align: top;    }

    .greyGrid td.greyGridTableHeaderFirstCol {        padding: 2px;        color: #fff;        font-size: 13px;        font-weight: bold;        font-family: Verdana;        background-color: #828282;        border: solid 1px #ffffff;    }

    .greyGrid td.greyGridTableHeaderLastCol {        padding: 2px;        color: #fff;        font-size: 13px;        font-weight: bold;        font-family: Verdana;        background-color: #828282;        border: solid 1px #ffffff;    }
    
    .greyGrid td.greyGridTableHeaderOddCol {        padding: 2px;        color: #fff;        font-size: 13px;        font-weight: bold;        font-family: Verdana;        background-color: #828282;        border: solid 1px #ffffff;    }

    .greyGrid td.greyGridTableHeaderEvenCol {        padding: 2px;        color: #fff;        font-size: 13px;        font-weight: bold;        font-family: Verdana;        background-color: #828282;        border: solid 1px #ffffff;    }

    .greyGrid tr.greyGridTableOddRow {        padding: 2px;    }

    .greyGrid tr.greyGridTableEvenRow {        padding: 2px;    }

    .greyGrid td.greyGridTableFirstCol {        padding: 2px;        font-size: 13px;        font-family: Verdana;        color: #000;        border: solid 1px #828282;    }

    .greyGrid td.greyGridTableLastCol {        padding: 2px;        color: #fff;        font-family: Verdana;        font-size: 12px;        background-color: #828282;        border: solid 1px #ffffff;    }

    .greyGrid td.greyGridTableOddCol {        padding: 2px;        font-family: Verdana;        font-size: 10pt;        color: #828282;        border: solid 1px #828282;    }

    .greyGrid td.greyGridTableEvenCol {        padding: 2px;        font-family: Verdana;        font-size: 10pt;        color: #828282;        border: solid 1px #828282;    }

    .greyGrid tr.greyGridTableFooterRow {        padding: 2px;    }

    .greyGrid td.greyGridTableFooterFirstCol {        padding: 2px;        font-family: Verdana;        font-size: 10pt;        color: #000;        border: solid 1px #828282;    }

    .greyGrid td.greyGridTableFooterLastCol {        padding: 2px;        color: #fff;        font-family: Verdana;        font-size: 12px;        background-color: #828282;        border: solid 1px #ffffff;    }

    .greyGrid td.greyGridTableFooterOddCol {        padding: 2px;        font-family: Verdana;        font-size: 10pt;        color: #828282;        border: solid 1px #828282;    }

    .greyGrid td.greyGridTableFooterEvenCol {        padding: 2px;        font-family: Verdana;        color: #828282;        font-size: 10pt;        border: solid 1px #828282;    }


.whiteBorder {    border-width: 0px;    border-style: none;    border-collapse: collapse; }

    .whiteBorder tr.whiteBorderTableHeaderRow {        margin: 10px;        padding: 10px;        text-align: left;        font-style: normal;        font-weight: bold;        border-spacing: 10px;        line-height: 14pt;        vertical-align: top;    }

    .whiteBorder td.whiteBorderTableHeaderFirstCol {        padding: 5px;        border: solid 1px #ffffff;    }

    .whiteBorder td.whiteBorderTableHeaderLastCol {        padding: 5px;        border: solid 1px #ffffff;    }

    .whiteBorder td.whiteBorderTableHeaderOddCol {        padding: 5px;        border: solid 1px #ffffff;    }
    
    .whiteBorder td.whiteBorderTableHeaderEvenCol {        padding: 5px;        border: solid 1px #ffffff;    }

    .whiteBorder tr.whiteBorderTableOddRow {        padding: 5px;    }

    .whiteBorder tr.whiteBorderTableEvenRow {        padding: 5px;    }

    .whiteBorder td.whiteBorderTableFirstCol {        padding: 5px;        border: solid 1px #ffffff;    }

    .whiteBorder td.whiteBorderTableLastCol {        padding: 5px;        border: solid 1px #ffffff;    }
    
    .whiteBorder td.whiteBorderTableOddCol {        padding: 5px;        border: solid 1px #ffffff;    }

    .whiteBorder td.whiteBorderTableEvenCol {        padding: 5px;        border: solid 1px #ffffff;    }

    .whiteBorder tr.whiteBorderTableFooterRow {        padding: 5px;    }

    .whiteBorder td.whiteBorderTableFooterFirstCol {        padding: 5px;        border: solid 1px #ffffff;    }

    .whiteBorder td.whiteBorderTableFooterLastCol {        padding: 5px;        border: solid 1px #ffffff;    }

    .whiteBorder td.whiteBorderTableFooterOddCol {        padding: 5px;        border: solid 1px #ffffff;    }

    .whiteBorder td.whiteBorderTableFooterEvenCol {        padding: 5px;        border: solid 1px #ffffff;    }

    .blackBorder {    border-width: 0px;    border-style: none;    border-collapse: collapse;}

    .blackBorder tr.blackBorderTableHeaderRow {        margin: 10px;        padding: 10px;        text-align: left;        font-style: normal;        font-weight: bold;        border-spacing: 10px;        line-height: 14pt;        vertical-align: top;    }

    .blackBorder td.blackBorderTableHeaderFirstCol {        padding: 5px;        border: solid 1px #000;    }

    .blackBorder td.blackBorderTableHeaderLastCol {        padding: 5px;        border: solid 1px #000;    }

    .blackBorder td.blackBorderTableHeaderOddCol {        padding: 5px;        border: solid 1px #000;    }

    .blackBorder td.blackBorderTableHeaderEvenCol {        padding: 5px;        border: solid 1px #000;    }

    .blackBorder tr.blackBorderTableOddRow {        padding: 5px;    }

    .blackBorder tr.blackBorderTableEvenRow {        padding: 5px;    }

    .blackBorder td.blackBorderTableFirstCol {        padding: 5px;        border: solid 1px #000;    }

    .blackBorder td.blackBorderTableLastCol {        padding: 5px;        border: solid 1px #000;    }

    .blackBorder td.blackBorderTableOddCol {        padding: 5px;        border: solid 1px #000;    }
    
    .blackBorder td.blackBorderTableEvenCol {        padding: 5px;        border: solid 1px #000;    }

    .blackBorder tr.blackBorderTableFooterRow {        padding: 5px;    }

    .blackBorder td.blackBorderTableFooterFirstCol {        padding: 5px;        border: solid 1px #000;    }

    .blackBorder td.blackBorderTableFooterLastCol {        padding: 5px;        border: solid 1px #000;    }

    .blackBorder td.blackBorderTableFooterOddCol {        padding: 5px;        border: solid 1px #000;    }

    .blackBorder td.blackBorderTableFooterEvenCol {        padding: 5px;        border: solid 1px #000;    }


.grayBorder {    border-width: 0px;    border-style: none;    border-collapse: collapse;}

    .grayBorder tr.grayBorderTableHeaderRow {        margin: 10px;        padding: 10px;        text-align: left;        font-style: normal;        font-weight: bold;        border-spacing: 10px;        line-height: 14pt;        vertical-align: top;    }

    .grayBorder td.grayBorderTableHeaderFirstCol {        padding: 5px;        border: solid 1px gray;    }

    .grayBorder td.grayBorderTableHeaderLastCol {        padding: 5px;        border: solid 1px gray;    }

    .grayBorder td.grayBorderTableHeaderOddCol {        padding: 5px;        border: solid 1px gray;    }

    .grayBorder td.grayBorderTableHeaderEvenCol {        padding: 5px;        border: solid 1px gray;    }

    .grayBorder tr.grayBorderTableOddRow {        padding: 5px;    }

    .grayBorder tr.grayBorderTableEvenRow {        padding: 5px;    }

    .grayBorder td.grayBorderTableFirstCol {        padding: 5px;        border: solid 1px gray;    }

    .grayBorder td.grayBorderTableLastCol {        padding: 5px;        border: solid 1px gray;    }

    .grayBorder td.grayBorderTableOddCol {        padding: 5px;        border: solid 1px gray;    }

    .grayBorder td.grayBorderTableEvenCol {        padding: 5px;        border: solid 1px gray;    }

    .grayBorder tr.grayBorderTableFooterRow {        padding: 5px;    }

    .grayBorder td.grayBorderTableFooterFirstCol {        padding: 5px;        border: solid 1px gray;    }

    .grayBorder td.grayBorderTableFooterLastCol {        padding: 5px;        border: solid 1px gray;    }

    .grayBorder td.grayBorderTableFooterOddCol {        padding: 5px;        border: solid 1px gray;    }

    .grayBorder td.grayBorderTableFooterEvenCol {        padding: 5px;        border: solid 1px gray;    }



.redTable {    border-width: 0px;    border-style: none;    border-collapse: collapse;}

    .redTable tr.redTableHeaderRow {        margin: 10px;        padding: 10px;        color: #3F4D6B;        background: #800000;        text-align: left;        font-style: normal;        font-weight: bold;        border-spacing: 10px;        line-height: 14pt;        vertical-align: top;    }

    .redTable td.redTableHeaderFirstCol {        padding: 0in 5.4pt 0in 5.4pt;        color: #ffffff;        line-height: 14pt;    }

    .redTable td.redTableHeaderLastCol {        padding: 0in 5.4pt 0in 5.4pt;        color: #ffffff;        line-height: 14pt;    }

    .redTable td.redTableHeaderOddCol {        padding: 0in 5.4pt 0in 5.4pt;        color: #ffffff;        line-height: 14pt;    }

    .redTable td.redTableHeaderEvenCol {        padding: 0in 5.4pt 0in 5.4pt;       color: #ffffff;        line-height: 14pt;    }

    .redTable tr.redTableOddRow {        color: #666666;        background-color: #F2F3F4;        vertical-align: top;    }

    .redTable tr.redTableEvenRow {        color: #666666;        background-color: #b3b9bf;        vertical-align: top;    }

    .redTable td.redTableFirstCol {        padding: 0in 5.4pt 0in 5.4pt;    }

    .redTable td.redTableLastCol {        padding: 0in 5.4pt 0in 5.4pt;    }

    .redTable td.redTableOddCol {        padding: 0in 5.4pt 0in 5.4pt;    }

    .redTable td.redTableEvenCol {        padding: 0in 5.4pt 0in 5.4pt;    }

    .redTable tr.redTableFooterRow {        background-color: #800000;        color: #ffffff;        font-weight: 500;        line-height: 11pt;    }

    .redTable td.redTableFooterFirstCol {        padding: 0in 5.4pt 0in 5.4pt;        border-top: solid gray 1.0pt;        text-align: left;    }

    .redTable td.redTableFooterLastCol {        padding: 0in 5.4pt 0in 5.4pt;        border-top: solid gray 1.0pt;        text-align: left;    }

    .redTable td.redTableFooterOddCol {        padding: 0in 5.4pt 0in 5.4pt;        text-align: left;        border-top: solid gray 1.0pt;    }

    .redTable td.redTableFooterEvenCol {        padding: 0in 5.4pt 0in 5.4pt;        text-align: left;        border-top: solid gray 1.0pt;    }

.orangeTable {    border-width: 0px;    border-style: none;    border-collapse: collapse;}

    .orangeTable tr.orangeTableHeaderRow {        margin: 10px;        padding: 10px;        color: #3F4D6B;        background: #ff8000;        text-align: left;        font-style: normal;        font-weight: bold;        border-spacing: 10px;        line-height: 14pt;        vertical-align: top;    }

    .orangeTable td.orangeTableHeaderFirstCol {        padding: 0in 5.4pt 0in 5.4pt;        color: #ffffff;        line-height: 14pt;    }

    .orangeTable td.orangeTableHeaderLastCol {        padding: 0in 5.4pt 0in 5.4pt;        color: #ffffff;        line-height: 14pt;    }

    .orangeTable td.orangeTableHeaderOddCol {        padding: 0in 5.4pt 0in 5.4pt;        color: #ffffff;        line-height: 14pt;    }

    .orangeTable td.orangeTableHeaderEvenCol {        padding: 0in 5.4pt 0in 5.4pt;        color: #ffffff;        line-height: 14pt;    }

    .orangeTable tr.orangeTableOddRow {        color: #666666;        background-color: #ffffff;        vertical-align: top;    }

    .orangeTable tr.orangeTableEvenRow {        color: #666666;        background-color: #ffe1c3;        vertical-align: top;    }

    .orangeTable td.orangeTableFirstCol {        padding: 0in 5.4pt 0in 5.4pt;    }

    .orangeTable td.orangeTableLastCol {        padding: 0in 5.4pt 0in 5.4pt;    }

    .orangeTable td.orangeTableOddCol {        padding: 0in 5.4pt 0in 5.4pt;    }

    .orangeTable td.orangeTableEvenCol {        padding: 0in 5.4pt 0in 5.4pt;    }

    .orangeTable tr.orangeTableFooterRow {        background-color: #ff8000;        color: #ffffff;        font-weight: 500;        line-height: 11pt;    }

    .orangeTable td.orangeTableFooterFirstCol {        padding: 0in 5.4pt 0in 5.4pt;        border-top: solid gray 1.0pt;        text-align: left;    }

    .orangeTable td.orangeTableFooterLastCol {        padding: 0in 5.4pt 0in 5.4pt;        border-top: solid gray 1.0pt;        text-align: left;    }

    .orangeTable td.orangeTableFooterOddCol {        padding: 0in 5.4pt 0in 5.4pt;        text-align: left;        border-top: solid gray 1.0pt;    }

    .orangeTable td.orangeTableFooterEvenCol {        padding: 0in 5.4pt 0in 5.4pt;        text-align: left;        border-top: solid gray 1.0pt;    }

.greenTable {    border-width: 0px;    border-style: none;    border-collapse: collapse;}

    .greenTable tr.greenTableHeaderRow {        margin: 10px;        padding: 10px;        color: #3F4D6B;        background: #008040;        text-align: left;        font-style: normal;        font-weight: bold;        border-spacing: 10px;        line-height: 14pt;        vertical-align: top;    }

    .greenTable td.greenTableHeaderFirstCol {        padding: 0in 5.4pt 0in 5.4pt;        color: #ffffff;        line-height: 14pt;    }

    .greenTable td.greenTableHeaderLastCol {        padding: 0in 5.4pt 0in 5.4pt;        color: #ffffff;        line-height: 14pt;    }

    .greenTable td.greenTableHeaderOddCol {        padding: 0in 5.4pt 0in 5.4pt;        color: #ffffff;        line-height: 14pt;    }

    .greenTable td.greenTableHeaderEvenCol {        padding: 0in 5.4pt 0in 5.4pt;        color: #ffffff;        line-height: 14pt;    }

    .greenTable tr.greenTableOddRow {        color: #666666;        background-color: #ffffff;        vertical-align: top;    }

    .greenTable tr.greenTableEvenRow {        color: #666666;        background-color: #cbffe5;        vertical-align: top;    }

    .greenTable td.greenTableFirstCol {        padding: 0in 5.4pt 0in 5.4pt;    }

    .greenTable td.greenTableLastCol {        padding: 0in 5.4pt 0in 5.4pt;    }

    .greenTable td.greenTableOddCol {        padding: 0in 5.4pt 0in 5.4pt;    }

    .greenTable td.greenTableEvenCol {        padding: 0in 5.4pt 0in 5.4pt;    }

    .greenTable tr.greenTableFooterRow {        background-color: #008040;        color: #ffffff;        font-weight: 500;        line-height: 11pt;    }

    .greenTable td.greenTableFooterFirstCol {        padding: 0in 5.4pt 0in 5.4pt;        border-top: solid gray 1.0pt;        text-align: left;    }

    .greenTable td.greenTableFooterLastCol {        padding: 0in 5.4pt 0in 5.4pt;        border-top: solid gray 1.0pt;        text-align: left;    }

    .greenTable td.greenTableFooterOddCol {        padding: 0in 5.4pt 0in 5.4pt;        text-align: left;        border-top: solid gray 1.0pt;    }

    .greenTable td.greenTableFooterEvenCol {        padding: 0in 5.4pt 0in 5.4pt;        text-align: left;        border-top: solid gray 1.0pt;    }

.yellowTable {    border-width: 0px;    border-style: none;    border-collapse: collapse;}

    .yellowTable tr.yellowTableHeaderRow {        margin: 10px;        padding: 10px;       color: #3F4D6B;        text-align: left;        font-style: normal;        font-weight: bold;        border-spacing: 10px;        line-height: 14pt;        vertical-align: top;    }

    .yellowTable td.yellowTableHeaderFirstCol {        padding: 0in 5.4pt 0in 5.4pt;        color: #000;        line-height: 14pt;    }

    .yellowTable td.yellowTableHeaderLastCol {        padding: 0in 5.4pt 0in 5.4pt;        color: #000;        line-height: 14pt;    }

    .yellowTable td.yellowTableHeaderOddCol {        padding: 0in 5.4pt 0in 5.4pt;        color: #000;        line-height: 14pt;    }

    .yellowTable td.yellowTableHeaderEvenCol {        padding: 0in 5.4pt 0in 5.4pt;        color: #000;        line-height: 14pt;    }

    .yellowTable tr.yellowTableOddRow {        color: #fff;        background-color: #000;        vertical-align: top;    }

    .yellowTable tr.yellowTableEvenRow {        color: #666666;        background-color: #fff3ad;        vertical-align: top;    }

    .yellowTable td.yellowTableFirstCol {        padding: 0in 5.4pt 0in 5.4pt;    }

    .yellowTable td.yellowTableLastCol {        padding: 0in 5.4pt 0in 5.4pt;    }

    .yellowTable td.yellowTableOddCol {        padding: 0in 5.4pt 0in 5.4pt;    }

    .yellowTable td.yellowTableEvenCol {        padding: 0in 5.4pt 0in 5.4pt;    }

    .yellowTable tr.yellowTableFooterRow {        color: #000;        font-weight: 500;        line-height: 11pt;    }

    .yellowTable td.yellowTableFooterFirstCol {        padding: 0in 5.4pt 0in 5.4pt;        border-top: solid gray 1.0pt;        text-align: left;    }

    .yellowTable td.yellowTableFooterLastCol {        padding: 0in 5.4pt 0in 5.4pt;        border-top: solid gray 1.0pt;        text-align: left;    }

    .yellowTable td.yellowTableFooterOddCol {        padding: 0in 5.4pt 0in 5.4pt;        text-align: left;        border-top: solid gray 1.0pt;    }

    .yellowTable td.yellowTableFooterEvenCol {        padding: 0in 5.4pt 0in 5.4pt;        text-align: left;        border-top: solid gray 1.0pt;    }

.purpleTable {    border-width: 0px;    border-style: none;    border-collapse: collapse;}

    .purpleTable tr.purpleTableHeaderRow {        margin: 10px;        padding: 10px;        color: #3F4D6B;        background: #8080c0;        text-align: left;        font-style: normal;        font-weight: bold;        border-spacing: 10px;        line-height: 14pt;        vertical-align: top;    }

    .purpleTable td.purpleTableHeaderFirstCol {        padding: 0in 5.4pt 0in 5.4pt;        color: #ffffff;        line-height: 14pt;    }

    .purpleTable td.purpleTableHeaderLastCol {        padding: 0in 5.4pt 0in 5.4pt;        color: #ffffff;        line-height: 14pt;    }

    .purpleTable td.purpleTableHeaderOddCol {        padding: 0in 5.4pt 0in 5.4pt;        color: #ffffff;        line-height: 14pt;    }

    .purpleTable td.purpleTableHeaderEvenCol {        padding: 0in 5.4pt 0in 5.4pt;        color: #ffffff;        line-height: 14pt;    }

    .purpleTable tr.purpleTableOddRow {        color: #666666;        background-color: #ffffff;        vertical-align: top;    }

    .purpleTable tr.purpleTableEvenRow {        color: #666666;        background-color: #dfdfef;        vertical-align: top;    }

    .purpleTable td.purpleTableFirstCol {        padding: 0in 5.4pt 0in 5.4pt;    }

    .purpleTable td.purpleTableLastCol {        padding: 0in 5.4pt 0in 5.4pt;    }

    .purpleTable td.purpleTableOddCol {        padding: 0in 5.4pt 0in 5.4pt;    }

    .purpleTable td.purpleTableEvenCol {        padding: 0in 5.4pt 0in 5.4pt;    }

    .purpleTable tr.purpleTableFooterRow {        background-color: #8080c0;        color: #ffffff;        font-weight: 500;        line-height: 11pt;    }

    .purpleTable td.purpleTableFooterFirstCol {        padding: 0in 5.4pt 0in 5.4pt;        border-top: solid gray 1.0pt;        text-align: left;    }

    .purpleTable td.purpleTableFooterLastCol {        padding: 0in 5.4pt 0in 5.4pt;        border-top: solid gray 1.0pt;        text-align: left;    }
    
    .purpleTable td.purpleTableFooterOddCol {        padding: 0in 5.4pt 0in 5.4pt;        text-align: left;        border-top: solid gray 1.0pt;    }

    .purpleTable td.purpleTableFooterEvenCol {        padding: 0in 5.4pt 0in 5.4pt;        text-align: left;        border-top: solid gray 1.0pt;    }

.FeedbackAlgnIE {    width: 100%;    text-align: center;}

.FeedbackAlgnFF {    width: 100%;    text-align: center;}

.FeedbackTbl {    border: 1px #98bae6 solid;    background: #aaccf8;    width: 75%;}

.FeedbackHdr {    background: #aaccf8;}

.FeedbackHdng {    font-size: 11px;    font-weight: bold;    color: #fff;}

.FeedbackCnt {    background: #e7f1ff;}





/* Master Button */
.nlcMBtn {
    background: url(../../images/mButtonR.png) no-repeat scroll top right;
    display: block;
    float: left;
    height: 28px;
    padding-right: 9px;
    cursor: pointer;
    color: #666 !important;
    text-decoration: none !important;
}

    .nlcMBtn span {
        background: url(../../images/mButtonL.png) no-repeat;
        display: block;
        line-height: 17px;
        padding: 5px 0 6px 32px;
        cursor: pointer;
        color: #666 !important;
        text-decoration: none !important;
        white-space: nowrap;
    }

    .nlcMBtn img {
        float: left;
        margin: 6px 8px 0 5px;
        width: 16px;
        height: 16px;
    }

    .nlcMBtn a {
        color: #666 !important;
        text-decoration: none !important;
    }

.cpDefaultButton {
    background: url(../../CompetenceClient/Images/cpDefaultButtonA.png) no-repeat scroll top right;
    display: block;
    float: left;
    height: 23px;
    margin-right: 6px;
    padding-right: 10px;
    cursor: pointer;
}

    .cpDefaultButton span {
        background: url(../../CompetenceClient/Images/cpDefaultButtonB.png) no-repeat;
        font-size: 10px;
        display: block;
        line-height: 23px;
        padding: 0 0 0 10px;
        cursor: pointer;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none !important;
        border: 0 !important;
    }

    .cpDefaultButton:hover {
        background: url(../../CompetenceClient/Images/cpDefaultButtonA.png) no-repeat scroll bottom right;
        display: block;
        float: left;
        height: 23px;
        margin-right: 6px;
        padding-right: 10px;
        cursor: pointer;
    }

        .cpDefaultButton:hover span {
            background: url(../../CompetenceClient/Images/cpDefaultButtonB.png) left bottom no-repeat;
            display: block;
            line-height: 23px;
            padding: 0 0 0 10px;
            cursor: pointer;
            color: #fff;
            text-transform: uppercase;
        }

    .cpDefaultButton a, .cpDefaultButton span a {
        text-decoration: none;
        color: #fff;
    }

/* Registration Formular */
#registrationWrapper .RadTabStrip_Metro .rtsLink {
    font-size: 12px !important;
    text-transform: none !important;
}

#registrationWrapper .RadTabStripTop_Metro .rtsLevel1 {
    background-color: #00659a !important;
}

#registrationWrapper .RadTabStrip_Metro .rtsLevel1 .rtsUL {
    background-color: #00659a !important;
}

#registrationWrapper .RadTabStrip_Metro .rtsLevel1 .rtsLink {
    border: 1px solid #00659a !important;
}

#registrationWrapper .RadTabStrip_Metro .rtsLevel1 .rtsSelected {
    background-color: #599ecf !important;
    border-color: #00659a !important;
    border-bottom: 1px solid #599ecf !important;
    color: #fff !important;
}

#registrationWrapper {
    width: 98%;
    margin: 0 auto;
}

.registrationHeader {
    color: #fff;
    height: 30px !important;
}

.registrationDesc {
    background: #599ecf;
}

.registrationDescBtn {
    float: right;
}

.registrationBorder {
    border-left: 1px solid #599ecf;
    border-right: 1px solid #599ecf;
    border-bottom: 1px solid #599ecf;
}

.RegistrationSettings, .UserApplyFormSettings, .GroupFormSettings, .CourseCatalog, .OrderConfirmation {
}

.CurrentUserApplyFormSettings .form-label-group {
    margin-bottom: 5px;
}

.reg-form-asset-userform-submit {
    text-align: center;
}
/* CSS Name Fixes */
.XPBoxTable {
    width: 100%;
}

.linktopmenu a {
    text-decoration: none;
}

/* Report Administration Hover */
.reportHover:hover {
    background: #e2edf4;
    cursor: pointer;
}

.description {
    line-height: 200%;
}

/* New Search Asset CSS */
.searchInput {
    padding: 4px;
}

.searchButton {
    border: 1px solid #e3e9ef;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 5px 8px;
    margin: 0 0 0 5px;
    text-decoration: none;
    font-size: 11px;
    color: #777;
    background: #f2f2f2;
}

.searchTBLinput,
.searchTBLselection,
.searchTBLcategory,
.searchTBLcategory,
.searchTBLresults,
.searchTBLdownload,
.searchTBLuser {
    margin: 10px 0 0 0;
}

.searchTBLselectionTitle,
.searchTBLcategoryTitle,
.searchTBLcategoryTitle,
.searchTBLresultsTitle,
.searchTBLdownloadTitle,
.searchTBLuserTitle {
    line-height: 150%;
    background: #f4f4f4;
    color: #777;
}





/*---------- Video Asset ----------*/

.mejs-overlay, .mejs-poster {
    width: 100% !important;
    height: 100% !important;
    background: #000;
}

.mejs-mediaelement video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100% !important;
    height: 100% !important;
    background-color:#000;
}

.mejs-container-fullscreen {
    position: initial !important;
}




/*Start Survey Asset */
#tableOptions td span {
    width: 100%;
    text-align: center;
}

.survey-wizard-content-default-min-height {
    min-height: 300px;
}

.survey-wizard-navbar-cancel {
    text-align: right;
}

.survey-wizard-navbar-prev, survey-wizard-navbar-next, survey-wizard-navbar-cancel {
    margin: 5px;
}
/*Survey Asset Wizard */
.survey-content-group .RadTabStrip .rtsTxt {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.survey-content-group .RadTabStrip .rtsLink {
    padding-left: 7px;
    padding-right: 7px;
}

/*Survey Asset Wizard Multiple Choice */
.survey-question-mc-ctrltype-tile span label {
    float: left;
    width: 48%;
    height: 100px;
    border: #ddd 1px solid;
    border-radius: 5px;
    margin: 1%;
    padding: 10px;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.survey-question-mc-ctrltype-tile span input {
    display: none;
}

.survey-question-mc-ctrltype-tile span label:hover,
.survey-question-mc-ctrltype-tile span label:focus,
.survey-question-mc-ctrltype-tile input[type="radio"]:checked + label {
    border: #007bff 1px solid;
    background-color: #f5f5f5;
}

/*Survey Asset Wizard Multiple Answer */
.survey-question-ma-ctrltype-tile {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .survey-question-ma-ctrltype-tile li {
        float: left;
        width: 48%;
        margin: 1%;
    }

    .survey-question-ma-ctrltype-tile label {
        display: inline-block;
        width: 100%;
        height: 100px;
        border: #ddd 1px solid;
        border-radius: 5px;
        padding: 10px;
        cursor: pointer;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .survey-question-ma-ctrltype-tile input {
        display: none;
    }

        .survey-question-ma-ctrltype-tile label:hover,
        .survey-question-ma-ctrltype-tile label:focus,
        .survey-question-ma-ctrltype-tile input[type="checkbox"]:checked + label {
            border: #007bff 1px solid;
            background-color: #f5f5f5;
        }

.survey-wizard-navbar {
    margin-top: 15px;
    text-align: center;
}

.RadSlider .rslItem span {
    /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */
    padding-right: 5px;
    padding-left: 5px;
}

.RadSlider .rslMiddle .rslTrack {
    bottom: 6px;
    top: auto !important;
}

.RadSlider .rslMiddle .rslHandle {
    bottom: 0;
    top: auto !important;
}

.RadSlider .rslMiddle .rslItem,
.RadSlider .rslLeft .rslLargeTick,
.RadSlider .rslLeft .rslSmallTick {
    background-position: left bottom !important;
    padding-bottom: 20px !important;
}

.RadSlider,
.RadSlider.rslIncreaseHandle .rslHorizontal,
.RadSlider .rslItem {
    height: auto !important;
    display:inline-block;
}

.RadSlider .rslHorizontal .rslItemsWrapper {
    display:inline-flex;
    position:relative;    
}

#Question area {
    border: 1px solid red;
}

/* Messaging Notification */
    .nlcNotification h1 {
    font-size: 14px;
    font-weight: normal;
    color: #000;
    margin: 5px 0 10px 0;
    padding: 0;
}

.nlcNotification a {
    color: #666;
    text-decoration: none;
}

/* New Media Asset Defaults */
.NLCMediaEmbed, #pdf {
    height: 100%;
}

.mediaAssetTableClass td {
    height: 100% !important;
}

/* Question Pool Layout For The New Icons */

#divSequenceDropdown td {
    position: relative;
}

/* Question Pool New Icons */


#divMultipleChoice #imgCheck, #divMultipleChoice #imgError {
    width: 25px;
    height: 24px;
    float: left;
    margin-right: 8px;
}

#divMultipleAnswers #imgCheck, #divMultipleAnswers #imgError {
    width: 25px;
    height: 24px;
    float: left;
    margin-right: 8px;
}

#divSequenceDropdown #imgCheck, #divSequenceDropdown #imgError {
    width: 25px;
    height: 24px;
    float: left;
    margin: -13px 8px 0 8px;
}

#divMatchingDropdown #imgCheck, #divMatchingDropdown #imgError {
    width: 25px;
    height: 24px;
    float: left;
    margin: -13px 8px 0 8px;
}

#divSequenceDragNDrop #imgCheck, #divSequenceDragNDrop #imgError {
    width: 25px;
    height: 24px;
    float: left;
    margin: -13px 8px 0 8px;
}

#divFinalScore #imgPassed, #divFinalScore #imgFailed {
    width: 26px;
    height: 26px;
    margin: 20px auto 0;
}

/* Poll Asset */
.poll-asset-container div:empty {
    display: none;
}

#divControls table,
#divAnswerLog {
    margin-bottom: 20px;
}

    #divControls table input {
        float: left;
        margin: 6px 10px 10px 0;
        vertical-align: middle;
    }

    #divControls table label {
        float: left;
    }

.pollBtn a, .pollBtns a {
    float: left;
    margin: 0 10px 10px 0;
    color: #fff;
    background: #68ade2;
    padding: 5px 20px;
    cursor: pointer;
    border-radius: 2px;
    text-decoration: none;
}

.RadioSmileys {
    padding: 0 0 20px 0;
    margin-bottom: 20px;
}

    .RadioSmileys .RadButton {
        background-size: 100%;
        background-position: center;
        margin-right: 10px;
    }

/* RadTile */
#nlcWrapper .RadTileList.RadTileList_Default.rtlistScrollHidden {
    height: 100% !important;
}

#nlcWrapper .rtlistScrollWrapper {
    width: 100% !important;
}

#nlcWrapper .rtileContent {
    width: 100%;
    text-align: center;
}

    #nlcWrapper .rtileContent img {
        max-width: 100%;
    }



/* Statistical Asset */
.toolpanel-cell {
    display: inline-block;
}

/* Statistical Asset */
.assessmentSelector {
    margin: 0 0 20px 0;
}

.statasset-grid-wrapper {
    margin-bottom: 20px;
}

    .statasset-grid-wrapper .cbutton {
        height: auto;
        padding: 8px 20px;
        background-color: #68ade2;
        color: #fff;
        border-radius: 2px;
    }

        .statasset-grid-wrapper .cbutton span {
            background-image: none;
            line-height: normal;
            padding: 0;
            margin: 0;
        }


/* RadWindow Title */
.RadWindow .rwTitleWrapper .rwTitle {    float: left;    text-align: left;}

/* Point And Click Responsive Image Override */
img#pncImage {    max-width: none !important;}


/* New Admin Menu (VLC) */
.nlcLiteContainer {    position: absolute;    top: 20px;    right: 20px;    z-index: 9999;}

.dash_UL_VLC {    float: right;    margin: 0;    padding: 0;    list-style: none;    z-index: 999;}

    .dash_UL_VLC li {        float: left;    }

        .dash_UL_VLC li a {            float: left;            font-size: 12px;            margin: 0 0 5px 5px;            padding: 4px 8px 4px 25px;            border: 1px solid #d0d0d0;            background-color: #fff;            border-radius: 5px;            color: #9a9a9a;            text-decoration: none;            position: relative;        }

        .dash_UL_VLC li.menuEdit a:before {            content: "";            position: absolute;            left: 7px;            top: 6px;            width: 12px;            height: 12px;            background: url(/include/lite/images/dash-editU.png) top center no-repeat;            background-size: 12px auto;        }

        .dash_UL_VLC li.menuAdminDashboard a:before {            content: "";            position: absolute;            left: 7px;            top: 6px;            width: 12px;            height: 12px;            background: url(/include/lite/images/dash-adminU.png) top center no-repeat;            background-size: 12px auto;        }

        .dash_UL_VLC li.menuDefault a:before {            content: "";            position: absolute;            left: 7px;            top: 6px;            width: 12px;            height: 12px;            background: url(/include/lite/images/dash-godU.png) top no-repeat;            background-size: 12px auto;        }

        .dash_UL_VLC li.menuVision a:before {            content: "";            position: absolute;            left: 7px;            top: 6px;            width: 12px;            height: 12px;            background: url(/include/lite/images/dash-visionU.png) top no-repeat;            background-size: 12px auto;        }

        .dash_UL_VLC li.menuAddNewPage a:before {            content: "";            position: absolute;           left: 7px;            top: 6px;            width: 12px;            height: 12px;            background: url(/include/lite/images/dash-addNPU.png) top no-repeat;            background-size: 12px auto;        }

        .dash_UL_VLC li.menuAddNewLesson a:before {            content: "";            position: absolute;            left: 7px;            top: 6px;            width: 12px;            height: 12px;            background: url(/include/lite/images/dash-addNLU.png) top no-repeat;            background-size: 12px auto;        }

        .dash_UL_VLC li.menuAddNewContent a:before {            content: "";            position: absolute;            left: 7px;            top: 6px;            width: 12px;            height: 12px;            background: url(/include/lite/images/dash-addNCU.png) top no-repeat;            background-size: 12px auto;        }

        .dash_UL_VLC li:hover a {            background-color: #68ade2;            color: #fff;            border-color: #68ade2;        }

            .dash_UL_VLC li:hover a:before {                background-position: bottom;            }

/* Dashboard Previous Menu Design */
.dash_UL_NLC_Light {    padding: 0;    margin: 0;    position: fixed;    top: 15px;    right: 15px;}

    .dash_UL_NLC_Light li {        float: none !important;        display: table;    }

        .dash_UL_NLC_Light li a {            background: #337ab7;            color: #fff;            width: 30px;            height: 30px;            float: left; /*text-indent:-999px;*/            overflow: hidden;            margin: 0 0 5px 5px;            border: none !important;            opacity: 0.5;            transition: all 0.3s ease 0s;            text-align: center;            border-radius: 50%;        }

            .dash_UL_NLC_Light li a i {                display: block;               line-height: 30px;            }

        .dash_UL_NLC_Light li:hover a {            opacity: 1;        }



/* Client Editor Icon */
.contentPlaceholderBtns {    width: 100%;    clear: both;    z-index: 99;    float: left;    position: relative;}

.assetClientAddContentBtn {    position: absolute;    z-index: 99;    right: 0;    top: 0;}

.assetClientEditBtn {    position: absolute;    z-index: 99;    right: 22px;}

.contentPlaceholderBtns a {    float: right;    margin: 0;    width: 20px;    height: 20px;    border-radius: 50%;    background: #337ab7;    color: #fff;    text-align: center;    font-size: 11px;    line-height: 20px;    opacity: 0.4;    transition: all 0.3s ease 0s;    text-decoration: none;}

    .contentPlaceholderBtns a i {        display: block;        line-height: 20px;    }

    .contentPlaceholderBtns a:hover {        opacity: 1;    }

.assetClientAddContentBtn a {    opacity: 0.2;}

.emptyContentholderMessage {    margin-top: 22px;}

/* ------------------------- START CSS OF ALL V2 ASSET HERE ---------------------------------- */
/* Defaults */

fieldset {    border: 1px solid #eee;    margin-bottom: 20px;}

legend {    padding: 0 5px;}

.RadGrid_Bootstrap {    float: left;    width: 100%;    margin-bottom: 10px;}

.RadGrid .rgDataDiv {    height: auto !important;}

.RadGrid_Bootstrap .rgNoRecords div {    padding: 5px;}

.labels {    float: left;    width: 100%;    margin: 0 0 10px 0;}

    .labels > span:first-child, .labels > label:first-child {        display: block;        margin: 0 0 3px 0;        font-weight: 700;        font-size: 80%;        text-transform: uppercase;    }

    .labels input[type=text] {        float: left;        border-radius: 3px;        border: 1px solid #ccc;        padding: 6px;        box-sizing: border-box;    }

.checkBoxes {    float: left;    width: 100%;    margin: 0 0 10px 0;}

    .checkBoxes label {        margin-right: 10px;        display: inline !important;        float: none !important;    }

    .checkBoxes input[type=checkbox] {        float: left;        margin-top: 5px;    }

.btnWrapper {    float: left;    width: 100%;    margin: 0 0 10px 0;}

.RadMultiPage {    background: #fff;    width: 100%;    border: #ddd 1px solid;    padding: 15px;    float: left;    box-sizing: border-box;    margin-top: -1px;    margin-bottom: 10px;}

.ASPButton {    border: 1px solid #999 !important;    float: left;    color: #333 !important;    background-color: #e6e6e6;    margin: 0 5px 5px 0;    padding: 0 12px !important;    line-height: 31px;    border-radius: 3px !important;    cursor: pointer;}

    .ASPButton:hover {        border-color: #999;        color: #333;        background-color: #fff;    }

.labelCb label, .labelCb > span:first-of-type {    float: left;    font-weight: normal;    margin-left: 5px;}

.labelCb label {    margin-right: 10px;    display: inline !important;    float: none !important;}

.RadEditor {    float: left;    margin-bottom: 5px;}




/* User Profile Viewer */
.ProfileHeader, .user-preference-tbl .ProfileTitle {    display: inline-block;    font-weight: bold;    margin-bottom: 5px;}

.ProfileHeadingDesc {    margin-bottom: 15px;    display: block;}

.userProfileBasic td, .userProfileBasicAccount td, .userProfileEnableGroup td, .userProfileExtended td, .userProfiletdPersonalCustom2 td {    padding: 5px;}

.myProfileTBL .fa {    font-size: 175%;    padding: 0 5px 0 0;}

.userPropUpload > img {    margin-bottom: 10px;}

.userProfileBtns {    margin-top: 20px;    float: right;}

    .userProfileBtns button {        margin-left: 10px;        float: left;    }

.myProfileTBLCourses .gridBtns .fa {    color: #7eb7ed;}

.myProfileTBLCourses .gridBtns .fa-home {    font-size: 120%;}

.myProfileTBL td {    padding-bottom: 15px;}

.myProfileTBL td, .myProfileTBLMethods td {    vertical-align: top;}

.user-preference-tbl .form-label-group {    margin-bottom: 15px;}

    .user-preference-tbl .form-label-group label {        width: 100%;    }

.user-preference-tbl .inputvalidator span[style="visibility:hidden;"] {    display: none;}

.divContainerClass-TrFieldRow {    display: inline-block;    width: 100%;}

.myProfileTBLPersonalEditor .form-checkbox-group > input {    float: left;    margin-right: 5px;}

.myProfileTBLPersonalEditor .form-checkbox-group > label {    width: auto;}

.TrSharePrivateInfoCustom label {    width: auto !important;    margin-left: 5px;}

.myProfileTBLCustom-logo {    vertical-align: top;}

    .myProfileTBLCustom-logo img {        margin-right: 15px;    }

.divProfilePic {    margin-bottom: 15px;}


/* Assessments Statistics */
.statisticsInner {    position: relative;    display: block;    width: 100%;}

    .statisticsInner h1 {        margin-top: 0;    }

    .statisticsInner h2 {        float: left;        width: 100%;    }

.btnPosition {    position: absolute;    top: -5px;    right: 0;}

    .btnPosition .rbText {        width: 28px !important;        height: 28px !important;        float: left;        cursor: pointer;    }

.btnSearch, .btnExport, .btnClose, .btnEdit, .btnSave, .btnCancel {    padding: 0 !important;    float: left;    margin-left: 10px;    cursor: pointer;}

    .btnSearch:before {        content: "\f002";        font-family: FontAwesome;        font-size: 15px;        width: 25px;        height: 25px;        line-height: 25px;        border-radius: 50%;        border: 2px solid #68ade2;        text-align: center;        display: inline-block;        color: #68ade2;    }

    .btnExport:before {        content: "\f0ce";        font-family: FontAwesome;        font-size: 15px;        width: 25px;        height: 25px;        line-height: 25px;        border-radius: 50%;        border: 2px solid #68ade2;        text-align: center;        display: inline-block;        color: #68ade2;    }

    .btnClose:before {        content: "\f00d";        font-family: FontAwesome;        font-size: 15px;        width: 25px;        height: 25px;        line-height: 25px;        border-radius: 50%;        border: 2px solid #68ade2;        text-align: center;        display: inline-block;        color: #68ade2;    }

    .btnEdit:before {        content: "\f044";        font-family: FontAwesome;        font-size: 15px;        width: 25px;        height: 25px;        line-height: 25px;        border-radius: 50%;        border: 2px solid #68ade2;        text-align: center;        display: inline-block;        color: #68ade2;    }

    .btnSave:before {        content: "\f0c7";        font-family: FontAwesome;        font-size: 15px;        width: 25px;        height: 25px;
        line-height: 25px;        border-radius: 50%;        border: 2px solid #68ade2;        text-align: center;        display: inline-block;        color: #68ade2;    }

    .btnCancel:before {        content: "\f0e2";        font-family: FontAwesome;        font-size: 15px;        width: 25px;        height: 25px;        line-height: 25px;        border-radius: 50%;        border: 2px solid #68ade2;        text-align: center;        display: inline-block;        color: #68ade2;    }

.statFilterInner {    float: left;    width: 100%;    background: #f6fafd;    border: 1px solid #d1dbe4;    border-radius: 4px;    margin: 0 0 30px 0;    min-height: 230px;}

.statFilterInnerOne {    width: 30%;    margin: 30px;    float: left;}

.statFilterInnerTwo {    width: 50%;    margin: 65px 30px 30px 30px;    padding: 0;    float: left;}

.statFilterInnerThree {    width: 40%;    margin: 30px;    padding: 25px 0 0 0;    display: inline-block;}

.statFilterInnerOne .labelTitle {    line-height: 100%;    margin: 0 0 10px 0;}

.labelStat {    display: block;    font: 15px 'OpenSansLight', Arial, Helvetica, sans-serif;    line-height: 200%;    margin: 10px 0 0 0;    color: #68ade2;    clear: both;}

.statFilterInnerOne .rbText {    font: 15px 'OpenSansLight', Arial, Helvetica, sans-serif;    line-height: 100%;    color: #fff;    margin: 0 0 0 5px;}

.statFilterInnerOne .rbToggleButton {    margin: 0 0 8px 0;}

.statFilterInnerTwo .rbText {    font: 15px 'OpenSansLight', Arial, Helvetica, sans-serif;    line-height: 100%;    color: #68ade2;    margin: 0 0 0 5px;}

.statFilterInnerTwo .rbToggleButton {    margin: 0 0 8px 0;}

.statFilterInnerTwo ul {    list-style: none;}

.divManagedUsers {    margin: 15px 0 15px 9px;    float: left;    width: 100%;}

    .divManagedUsers input {        float: left;        margin: 4px 0 0 0;    }

    .divManagedUsers label {        float: left;        margin: 0 0 0 5px;    }

.statSpacer {    margin: 20px 0 0 0;}

.statGraphWrap {    float: left;    margin: 0 10px 10px 0 !important;    padding: 0 10px 10px 10px;    box-sizing: border-box;    border-radius: 5px;    border: 1px solid #d8e3e7;    background: #fff;    text-align: center;    width: 250px;    height: 400px;}

    .statGraphWrap h2 {        font-size: 15px;        color: #000;    }

    .statGraphWrap h3 {        margin: 5px 0;        padding: 0;        border: 0;        font-size: 12px;    }

    .statGraphWrap h1 {        float: left;        font-family: 'OpenSansLight', Helvetica, Arial, sans-serif;        font-weight: normal;        font-size: 15px;        color: #999;        padding: 0;        margin: 0 0 10px 10px;    }

    .statGraphWrap em {        float: left;        background: #68ade2;        color: #fff;        margin: 0;        padding: 2px 5px;        font-style: normal;        font-size: 12px;        text-transform: uppercase;        letter-spacing: 1px;    }

    .statGraphWrap ul {        margin: 0;        padding: 0;    }

    .statGraphWrap .clear {        padding: 2px 0;    }

    .statGraphWrap.summary h3 {        text-align: center;        color: Gray;        font-size: 20px;        border-bottom: 0;    }

    .statGraphWrap.summary h1 {        color: Gray;    }

    .statGraphWrap.summary em {        background: #4cb5f5;        color: #fff;    }

    .statGraphWrap.score {        background: #e35b91;    }

    .statGraphWrap.history {        background: #65aee3;    }

    .statGraphWrap.average #divSummary h1, .statGraphWrap.average #divCompletionRate h1 {        float: left;        width: 100%;        text-align: left;    }

    .statGraphWrap.average #divSummary span, .statGraphWrap.average #divCompletionRate span {        text-align: left;    }

    .statGraphWrap.average #divSummary h1 span, .statGraphWrap.average #divCompletionRate h1 span {        font-size: 14px;    }

.pnlCourseParticipants .statGraphWrap.status,
.pnlCourseParticipants .statGraphWrap.attempt,
.pnlCourseParticipants > .statGraphWrap.summary {    float: left;    width: 30% !important;    margin: 0 1% 1% 0 !important;    height: 330px !important;    overflow: hidden;    padding: 20px !important;    box-sizing: border-box;}

.surveyFrequency {    float: left;    width: 100%;    margin: 0 0 25px 0;    padding: 0 0 15px 0;    border-bottom: 1px #f3f3f4 solid;}

    .surveyFrequency h1 {        float: left;        font-family: 'OpenSansLight', Helvetica, Arial, sans-serif;        font-weight: normal;        font-size: 15px;        color: #999;        padding: 0;        margin: 0 0 20px 10px;    }
    
    .surveyFrequency em {        float: left;        background: #68ade2;        color: #fff;        margin: 2px 0 0 0;        padding: 2px 5px;        font-style: normal;        font-size: 12px;        text-transform: uppercase;        letter-spacing: 1px;    }

.statFilterInnerOne .nlcLiteCheckbox {    float: left;    margin: 15px 0 0 0;}

.pnlCriteria {    padding: 18px 0 0 0;}

.pnlCriteriaSpacer {    margin: 0 0 15px 0;}

.nlcLiteSmallSpacer {   margin: 0 0 15px 0;    display: block;    clear: both;}

.nlcLiteMediumSpacer {    margin: 0 0 10px 0;    display: block;    clear: both;}

.nlcLiteMinSpacer {    margin: 0 0 5px 0;    display: block;    clear: both;}

.nlcLiteSpacer {    margin: 0 0 30px 0;    clear: both;}

.nlcLiteLargeSpacer {    margin: 0 0 60px 0;    clear: both;}

.fromDate {    margin: 0 0 15px 0;}

.toDate {    margin: 0 0 15px 0;}

    .fromDate span, .toDate span {        display: inline-block;        width: 70px;    }

.floatMeIcons {    float: left;    margin: 0 10px 0 0;}

.btnAddUserToCourse, .btnDeleteSelectedCourses, .btnAddGroup, .btnRemoveGroup, .btnAddUsers, .btnRemoveUsers, .btnAddSiteUser, .btnDeleteSelectedSiteUser, .btnAddSiteGroup, .btnDeleteSelectedSiteGroup {    padding: 0 !important;    float: left;    margin-left: 10px;    cursor: pointer;}

    .btnAddUserToCourse:before {        content: "\f067";        font-family: FontAwesome;        font-size: 15px;        width: 25px;        height: 25px;        line-height: 25px;        border-radius: 50%;        border: 2px solid #68ade2;        text-align: center;        display: inline-block;        color: #68ade2;    }

    .btnDeleteSelectedCourses:before {        content: "\f00d";        font-family: FontAwesome;        font-size: 15px;        width: 25px;        height: 25px;        line-height: 25px;        border-radius: 50%;        border: 2px solid #68ade2;        text-align: center;        display: inline-block;        color: #68ade2;    }

    .btnAddGroup:before {        content: "\f067";        font-family: FontAwesome;        font-size: 15px;        width: 25px;        height: 25px;        line-height: 25px;        border-radius: 50%;        border: 2px solid #68ade2;        text-align: center;        display: inline-block;        color: #68ade2;    }

    .btnRemoveGroup:before {        content: "\f00d";        font-family: FontAwesome;        font-size: 15px;        width: 25px;        height: 25px;        line-height: 25px;        border-radius: 50%;        border: 2px solid #68ade2;        text-align: center;        display: inline-block;        color: #68ade2;    }

    .btnAddUsers:before {        content: "\f067";        font-family: FontAwesome;        font-size: 15px;        width: 25px;        height: 25px;        line-height: 25px;        border-radius: 50%;        border: 2px solid #68ade2;        text-align: center;        display: inline-block;        color: #68ade2;    }

    .btnRemoveUsers:before {        content: "\f00d";        font-family: FontAwesome;        font-size: 15px;        width: 25px;        height: 25px;        line-height: 25px;        border-radius: 50%;        border: 2px solid #68ade2;        text-align: center;        display: inline-block;        color: #68ade2;    }

    .btnAddSiteUser:before {        content: "\f067";        font-family: FontAwesome;        font-size: 15px;        width: 25px;        height: 25px;        line-height: 25px;        border-radius: 50%;        border: 2px solid #68ade2;        text-align: center;        display: inline-block;        color: #68ade2;    }

    .btnDeleteSelectedSiteUser:before {        content: "\f00d";        font-family: FontAwesome;        font-size: 15px;        width: 25px;        height: 25px;        line-height: 25px;        border-radius: 50%;        border: 2px solid #68ade2;        text-align: center;        display: inline-block;        color: #68ade2;    }

    .btnAddSiteGroup:before {        content: "\f067";        font-family: FontAwesome;        font-size: 15px;        width: 25px;        height: 25px;        line-height: 25px;        border-radius: 50%;        border: 2px solid #68ade2;        text-align: center;        display: inline-block;        color: #68ade2;    }

    .btnDeleteSelectedSiteGroup:before {        content: "\f00d";        font-family: FontAwesome;        font-size: 15px;        width: 25px;        height: 25px;        line-height: 25px;        border-radius: 50%;        border: 2px solid #68ade2;        text-align: center;        display: inline-block;        color: #68ade2;    }

.filterLogo {    background: #68ade2;    padding: 3px;    border-radius: 3px;}

.statGraphWrap.summary h3 {    margin: 15px 0 10px 0;}

.statGraphWrap li {    width: 49%;    float: left;}

    .statGraphWrap li:first-child {        width: 100%;        margin-bottom: 10px;    }

        .statGraphWrap li:first-child > span {            margin: 3px 0 !important;            float: left;            width: 100%;            color: Gray;        }

    .statGraphWrap li h1 {        margin: 5px 0 10px 0 !important;        font-size: 15px !important;        line-height: 100% !important;    }

.statFilterInnerTwo .RadListBox_Bootstrap .rlbGroup, .statFilterInnerTwo .RadListBox_Bootstrap .rlbTemplateContainer {    border-color: transparent;    background-color: transparent;}

.aReports .userPhotoWrap {    margin: 0 20px 0 0;    display: inline-block;    vertical-align: middle;    position: relative;    overflow: hidden;    border-radius: 50%;}

.aReports > h1 {    display: inline-block;    vertical-align: middle;}

.vsReports {    margin-top: 20px;}

.statFilterInnerTwo label {    font-weight: normal;}

.statFilter .rbText {    color: #333;}

.statFilter .RadListBox .rlbList {    margin: 0;    padding: 0;}

.statFilter .RadListBox .rlbItem {    padding: 0 !important;}

.statFilter .RadListBox label {    margin-left: 0 !important;}

    .statFilter .RadListBox label input {        margin-right: 5px;    }

.statFilter .labelCb input {    margin-right: 5px;}

/* Course Catalog */
.course-catalog-overview-list > div:last-of-type {    border: 0;}

.course-catalog-container-list {    margin: 20px 0;    padding-bottom: 20px;    border-bottom: 1px solid #f1f1f1;}

.course-catalog-header-title h2 {    margin: 0 0 15px 0;}

.course-catalog-tile {    float: left;    width: 100%;    margin: 0 0 15px 0;    padding-bottom: 10px;    background: #fff;    border-radius: 4px;    border: 1px solid #ddd;    box-sizing: border-box;}

.course-catalog-tile-thumbnail {    float: left;    width: 100%;    height: 164px;    border-radius: 4px 4px 0 0;    background-color: #f5f5f5;    background-image: url(/images/v2Admin/noimagefound.jpg);    background-position: center;    background-size: cover;}

.course-catalog-tile-content {    float: left;    width: 100%;    padding: 5px 15px;    box-sizing: border-box;}

    .course-catalog-tile-content h4 {        width: 100%;        white-space: nowrap;        overflow: hidden;        text-overflow: ellipsis;        margin-bottom: 5px;    }

    .course-catalog-tile-content ul {        float: left;        width: 100%;        margin: 10px 0;        padding: 0;        list-style: none;    }

    .course-catalog-tile-content li {        float: left;        width: 28%;        margin: 0 0 1% 0;        padding: 1%;        box-sizing: border-box;        border-right: 1px solid #f1f1f1;    }

        .course-catalog-tile-content li:nth-child(2) {            width: 44%;        }

        .course-catalog-tile-content li:last-child {            border: 0;        }

        .course-catalog-tile-content li small {            float: left;            width: 100%;            color: #555;            text-align: center;            margin-bottom: 2px;        }

        .course-catalog-tile-content li span {            float: left;            width: 100%;           text-align: center;            font-size: 90%;            font-weight: bold;            white-space: nowrap;            overflow: hidden;            text-overflow: ellipsis;        }

.course-catalog-tile-content-details {    float: left;    width: 100%;    height: 40px;    overflow: auto;}

.course-catalog-tile-groups, .course-catalog-tile-categories, .course-catalog-tile-tags {    float: left;    width: 100%;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}

.course-catalog-container-item-button-group-inner a {    margin-bottom: 10px;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;    max-width: 100px;}

.course-catalog-container-item-button-group-inner .btn.aspNetDisabled {    cursor: default;    filter: alpha(opacity=65);    -webkit-box-shadow: none;    box-shadow: none;    opacity: .65;}

    .course-catalog-container-item-button-group-inner .btn.aspNetDisabled:hover {        background-color: #337ab7;        border-color: #337ab7;        z-index: initial;    }

.course-catalog-page .RadScheduler .rsMonthView .rsAptContent {    height: unset;    padding: 0;    margin: 0;    border: unset;}

.course-catalog-page .RadScheduler .rsAptContent {    padding: 0;    margin: 0;    border: unset;}

.course-catalog-page .course-catalog-cal-apt {    min-height: 60px;    height: 100%;    padding: 5px;    border-radius: 4px 4px 0 0;    background-color: #f5f5f5;    background-image: url(/images/v2Admin/noimagefound.jpg);    background-position: center;    background-size: cover;}

.courseinfopopup-sessionfilter-inner {    margin-bottom: 15px;}

.course-catalog-header-filter > div {    margin-bottom: 15px;}

.course-catalog-searchlist-result {    margin: 15px 0;}

.course-catalog-filter-sorting input, .course-catalog-filter-location input {    float: left;    margin-right: 5px;}

.shopping-basket-list-item a {    padding: 0;}

.pnlFilterDates-lbFromDate {    display: inline-block;    width: 48%;    margin-bottom: 10px;}

.pnlFilterDates-lbToDate {    display: inline-block;    width: 48%;    margin-bottom: 10px;}

.shopping-basket-list-item-title {    font-weight: bold;}

#ulCatalogTags a, #ulCatalogCategories a {    float: left;    margin: 0 5px 5px 0;}

.course-catalog-overviewlist-search-btnlist {    float: left;    width: 100%;    margin-bottom: 10px;}

    .course-catalog-overviewlist-search-btnlist .label {        float: left;        margin: 0 5px 5px 0;        font-weight: normal;        font-size: 100%;    }

.course-catalog-allitems-filter-outer-list, .course-catalog-allitems-filter-outer-list-selected {    display: inline-block;}

.course-catalog-allitems-filter-shared-list {    padding: 0;}

.course-catalog-tile-thumbnail > .course-cat-logo {    max-width: 120px;    max-height: 60px;    margin-top: 90px;    margin-left: 25px;    border: 1px solid #ccc;    border-radius: 3px;}
/* Notepad Asset */
.lc-notepad ol {    padding: 0;    margin: 0;    list-style-type: none;    border-bottom: 1px solid #808080;}

.lc-notepad li {    margin-bottom: 15px;    border-top: 1px solid #808080;    padding-top: 5px;}

.lc-notepad-note-content {    margin: 15px 0 15px 0}

.lc-notepad-type-outer {    float: left;}

.lc-notepad-save-outer {    text-align: right;}

.lc-notepad-export-outer {    float: right;}

.lc-notepad-note-link {    float: right;}

.lc-notepad-note-title {    font-size: 110%;    font-weight: 600;}

/* Course Catalog Dropdown */
.course-catalog-search-filter-drop {    display: flex;    align-items: center;    padding: 8px 10px;    cursor: pointer;}

    .course-catalog-search-filter-drop:hover,    .course-catalog-search-filter-drop:focus {        background-color: rgba(238, 238, 238, 0.5);    }

    .course-catalog-search-filter-drop .course-logo {        float: left;        margin-right: 10px;        background-size: cover;        background-position: center;        height: 25px;        width: 25px;        border-radius: 100%;        background-color:#eee;    }

    .course-catalog-search-filter-drop h1 {        margin: 0;        padding: 0;        font-size: 100%;    }

    .course-catalog-search-filter-drop p {        margin: 0;        padding: 0;        font-size: 12px;        color: #b0b0b0;    }

/* Course Catalog Status */
.Completed .course-catalog-tile-status {    color: #4cb5f5;}

.Passed .course-catalog-tile-status {    color: green;}

.Failed .course-catalog-tile-status {    color: red;}

.Incomplete .course-catalog-tile-status {    color: #e1b16a;}

.NotAttempted .course-catalog-tile-status {    color: #bcbabe;}

.NotEnrolled .course-catalog-tile-status {    color: #7ba4a8;}

.PendingValidation .course-catalog-tile-status {    color: #ffa500;}

.Expired .course-catalog-tile-status {    color: #d8412f;}

.MissingPrequisite .course-catalog-tile-status {    color: #68ade2;}

.MissingPrequisite .course-catalog-tile-thumbnail {    opacity: 0.3;    background-color: #000 !important;}


/* Question Pool Video */
.divVideoBackground {    position: relative;    background-size: cover;    background-position: center;}

.divVideobtnPlay {    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    font-family: fontAwesome;    padding: 5px;    font-size: 75px;    color: #fff;    line-height: 100%;    cursor: pointer;    background: -webkit-linear-gradient(#eee,#ccc);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;}

.divVideobtnPlayAgain {    position: absolute;    top: 45%;    left: 50%;    transform: translate(-50%, -50%);    padding: 5px 20px;    border-radius: 5px;    text-align: center;    font-size: 20px;    background: #999;    color: #fff;    cursor: pointer;}

.divVideobtnContinue {    position: absolute;    top: 60%;    left: 50%;    transform: translate(-50%, -50%);    padding: 10px 20px;    border-radius: 5px;    text-align: center;    font-size: 20px;    background: #25a0da;    color: #fff;    line-height: 100%;    cursor: pointer;}

.divVideobtnPlay .fa-play-circle {    font-size: 100%;    transition: all 0.3s ease 0s;}

.divVideobtnPlay:hover .fa-play-circle {    font-size: 125%;    transition: all 0.3s ease 0s;}

/* SCORM Template */
.lc-default-scorm-header {    float: left;    width: 100%;    height: 40px;    background-color: #ededed;}

.lc-default-scorm-header-title {    float: left;    padding: 8px;    width: 75%;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;    text-align: left;    box-sizing: border-box;}

.lc-default-scorm-header-close {    float: right;    width: 25%;    text-align: right;    line-height: 40px;}

    .lc-default-scorm-header-close svg,    .lc-default-scorm-header-close em {        display: inline-block;        margin: 8px 8px 0 0;        font-size: 25px;    }

.lc-default-scorm-content {    position: absolute;    top: 40px;    left: 0;    height: calc(100% - 45px);    width: 100%;}

/* Default Fullscreen Template V2 */
.lc-default-fullscreen-v2-header {    float: left;    width: 100%;    height: 40px;    background-color: #ededed;}

.lc-default-fullscreen-v2-header-left {    float: left;    padding: 8px;    width: 75%;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;    text-align: left;    box-sizing: border-box;}

.lc-default-fullscreen-v2-header-right {    float: right;    width: 25%;    text-align: right;    line-height: 40px;}

    .lc-default-fullscreen-v2-header-right .btn-primary {        background-color: #666;        color: #fff;        border: 0;        font-size: 15px;        padding: 8px;        margin: 4px 15px;        border-radius: 4px;        line-height: 100%;        float: right;    }

        .lc-default-fullscreen-v2-header-right .btn-primary i {            background-color: transparent;            color: #fff;            border-color: transparent;            font-size: 15px;            display: inline-block;        }

.lc-default-fullscreen-v2-header-noheader {    display: none;}
.lc-default-fullscreen-v2-content {    position: absolute;    top: 40px;
    left: 0;    height: calc(100% - 45px);    width: 100%;}

.lc-default-fullscreen-v2-content-noheader {    position: absolute;    top: 0;    left: 0;    height: calc(100%);    width: 100%;}



/* Bootstrap Equal Height Columns */
.row-eq-height {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;}


@media screen and (max-width:992px) {
    .taskListdivTitle, .taskListdivDesc {        width: 100%;        margin-bottom: 5px;    }

    .taskListUL .taskListdivActionBtn .RadButton {        float: left;    }
}

@media screen and (max-width:767px) {
    .media-asset-video-ended-poster-container.WindowedDark,
    .media-asset-video-ended-poster-container.WindowedLight {        width: 100%;        height: 100%;        top: 0;        left: 0;        transform: none;            }

    .windowed .media-poster-footer {        display: none;    }

    .windowed .media-poster-body h1 {        margin: 20px 0 0 0;        font-size: 150%;    }

    .windowed .media-poster-btns {        padding: 0 20px;    }

        .windowed .media-poster-btns a,        .windowed .media-poster-btns button {            padding: 5px 15px;        }

    .statGraphWrap {        width: 100% !important;    }

    .maCheckBoxInput label, .qpMChoiceInput label {        max-width: 85%;    }

    .MediaIcon {        margin: 3px 5px 10px 8px;    }

    .downloadExplorer, .downloadtrHide .downloadContent, .downloadtrShow .downloadContent {        width: 100% !important;    }

    .downloadWrap .RadUpload .ruSelectWrap {        margin: 0 0 20px 0;    }

    .course-catalog-header-browsemore {        float: left !important;        margin-bottom: 10px;    }

    .shopping-basket-list-footer-inner > div {        width: 33%;        float: left;    }

    .courseinfopopup-sessionfilter-inner > div {        margin-bottom: 15px;    }

    .row-eq-height {        display: inline-block;    }

    .product-asset .card {        max-width: 100%;    }

    .product-asset-filter {        width: 100%;    }

    .team-asset-editor-page .RadButton {        margin: 10px 0 0 0 !important;        width: 100%;    }

    .team-asset-editor-page .card, .pnlTeams .card {        min-width: 100%;        max-width: 100%;    }

    .client-control-panel-tool-wrapper {        padding: 0;        border-color: transparent;        background-color: transparent;        width: auto;    }

    .client-tool-list li {        padding: 0;        display: none;        transition: all 0.4s ease;    }

        .client-tool-list li:last-child {            margin: 0 !important;            padding: 10px;            display: inline;        }

            .client-tool-list li:last-child a.tooglecontrolpanelvisibily {                margin: 0 !important;                border-radius: 3px;                box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e2e4e7;            }

    body.ctrl-pnl-open .client-tool-list li:last-child {        position: absolute;        left: 0;        top: 0;        border: 0;        margin: 0 !important;        padding: 10px !important;    }

        body.ctrl-pnl-open .client-tool-list li:last-child a.tooglecontrolpanelvisibily {            margin: 0 !important;            width: auto;            padding: 3px 5px 1px 5px !important;        }

    .client-tool-list a[title]:before, .client-tool-list a[title]:after {        display: none;    }

    .client-tool-list li:last-child a > span:nth-child(2) {        display: none;    }

    .client-tool-list li:last-child a > span:nth-child(1) i:before {        content: "\f0c9";    }

    body.ctrl-pnl-open .client-control-panel-tool-wrapper {        background: #fff;        padding: 0;    }

    body.ctrl-pnl-open .client-tool-list {        width: 100%;        border-bottom: 1px solid #e2e4e7;        display: inline-block;        position: relative;        padding-top: 45px;        float: left;    }

        body.ctrl-pnl-open .client-tool-list li {            display: inline-block;            width: 100%;            text-align: left;            border-top: 1px solid #e2e4e7;            transition: all 0.4s ease;        }

            body.ctrl-pnl-open .client-tool-list li a {                display: inline-block;                width: 100%;                text-align: left;                box-sizing: border-box;                padding: 10px !important;                transition: all 0.4s ease;            }

    .client-control-panel-tool-wrapper.after, .client-control-panel-tool-wrapper.left, .client-control-panel-tool-wrapper.right {        border-color: transparent;    }

    .client-control-panel-tool-wrapper.left, .client-control-panel-tool-wrapper.right {        height: auto;    }

    .client-control-panel-tool-wrapper.right {        width: auto;    }

    body.ctrl-pnl-open .client-control-panel-tool-wrapper.after .client-tool-list {        border-bottom: 0;        padding: 0;    }

        body.ctrl-pnl-open .client-control-panel-tool-wrapper.after .client-tool-list li:last-child {            position: initial;            top: auto;            left: auto;            border-color: transparent;            padding-top: 5px;            border-top: 1px solid #e2e4e7;        }

    body.ctrl-pnl-open .client-control-panel-tool-wrapper.left, body.ctrl-pnl-open .client-control-panel-tool-wrapper.right {        width: 100%;        height: auto;    }

        body.ctrl-pnl-open .client-control-panel-tool-wrapper.left .client-tool-list li:last-child {            left: 0;            top: 0px;        }

        body.ctrl-pnl-open .client-control-panel-tool-wrapper.right .client-tool-list li:last-child {            width: auto;            left: auto;            right: 0;            top: 0px;        }

            body.ctrl-pnl-open .client-control-panel-tool-wrapper.left .client-tool-list li:last-child a span:nth-child(2),
            body.ctrl-pnl-open .client-control-panel-tool-wrapper.right .client-tool-list li:last-child a span:nth-child(2) {                display: none;            }

        body.ctrl-pnl-open .client-control-panel-tool-wrapper.left .client-tool-list a span:nth-child(2),
        body.ctrl-pnl-open .client-control-panel-tool-wrapper.right .client-tool-list a span:nth-child(2) {            display: inline;        }

    .asset-editmode-wrapper .client-tool-wrapper a span:last-of-type {        display: none;    }

    .task-cardboards-filter-tab {        margin-bottom: 15px;    }

    .task-cardboards-filter-dropdowns {        width: 100%;    }

        .task-cardboards-filter-dropdowns tr, .task-cardboards-filter-dropdowns td {            display: inline-block;            width: 100%;        }

            .task-cardboards-filter-dropdowns td > span {                width: 100%;                margin-bottom: 5px;                float: left;            }

        .task-cardboards-filter-dropdowns .k-widget,
        #pnlTaskSearchText input, .kpi-asset-discussion-feed, .kpi-asset-summary, #pnlTaskFilter .k-widget,
        .pnlKpiGridProfileFilter-category, .pnlKpiGridProfileFilter-category label, .pnlKpiGridProfileFilter-category .k-dropdown,
        .cardboards-board-task-item, .cardboards-board-bucket-tasks-list {            width: 100% !important;            float: left;        }

    .k-widget.k-window {        width: 90% !important;    }

    .cardboards-board-task-editor-buttons .btn {        width: 100%;        box-sizing: border-box;       margin-bottom: 15px;    }

    .cardboards-board-task-editor-template .col-sm-3 {        margin-bottom: 15px;        float: left;        width: 100%;        box-sizing: border-box;    }

    .cardboards-board-bucket-item {        padding: 15px 0;        width: 100%;    }

    .kpi-asset-grid-content .k-grid-toolbar a {        float: left;        width: 100%;        margin: 5px 0 !important;    }

    .kpi-manager-feed-table-filter tr, .kpi-manager-feed-table-filter td {        float: left;        width: 100% !important;    }

    .kpi-manager-feed-table-filter td {        padding-bottom: 5px;    }

    .kpi-manager-feed-post-checkbox, .kpi-manager-feed-post-content {        margin: 5px 0 0 0;    }

    .kpi-manager-asset-filter .RadInput, .kpi-manager-asset-filter .RadButton {        float: left;        width: 100%;        margin: 0 0 5px 0;    }

    .kpi-manager-asset-filter .RadButton {        margin-bottom: 15px;    }

    .kpi-portal-management-dashboard-header .RadButton {        width: 100%;        margin-bottom: 5px;    }

    .kpi-portal-management-dashboard-header .RadDropDownList {        width: 100%;       margin-bottom: 15px;    }

    .cardboard-asset-board-item-tile {        margin: 5px 0;        box-sizing: border-box !important;    }

    .cardboard-asset-search-plans input {        width: 100%;        margin-bottom: 5px;    }

    .cardboards-board-task-editor-filter li {        width: 100%;        padding: 0 0 15px 0;   }

    .cardboards-board-task-editor-category li {        width: 100%;        padding: 0 0 1% 0;    }

    .asset-cardboard-active-tasks .cardboards-board-bucket-item {        width: 100%;        padding: 15px 0;    }

    .asset-cardboard-active-tasks .task-cardboards-filter-dropdowns {        margin: 0;    }

        .asset-cardboard-active-tasks .task-cardboards-filter-dropdowns input {            width: 100%;            margin: 15px 0;        }

    /* Start Kendo Grid Responsive */
    .kpi-asset-grid-content .k-widget table {        border: 0;    }
        .kpi-asset-grid-content .k-widget table thead, .kpi-asset-grid-content table colgroup {            display: none;        }
        .kpi-asset-grid-content .k-widget table tr {            margin-bottom: 15px;            display: block;        }

            .kpi-asset-grid-content .k-widget table tr td:nth-child(4) {                font-weight: bold;            }
        .kpi-asset-grid-content .k-widget table td {            display: block;            border-bottom: 1px dotted #ccc;        }
            .kpi-asset-grid-content .k-widget table td:before {                content: attr(data-label);                float: left;                text-transform: uppercase;                font-weight: bold;            }
    .kpi-asset-grid-content .k-grid-delete {        width: 100%;        margin: 5px 0 !important;    }
    /* End Kendo Grid Responsive */

    /* Start Survey Wizard */
    .survey-question-ma-ctrltype-tile li,    .survey-question-mc-ctrltype-tile span label {        width: 100%;        margin: 0 0 15px 0;    }
    /* End Survey Wizard */

}

@media screen and (min-width: 576px) {
    .product-asset.card-deck .card:not(:first-child) {
        margin-left: 0;
    }
}

/* ------------------------- END CSS OF ALL V2 ASSET HERE ---------------------------------- */


/*FYI Daren for qp essay question type */
#divCMIComment {
    margin: 20px 0 10px 0;
}

    #divCMIComment label {
        font-size: 150%;
        color: #000;
        font-weight: normal;
    }
.search-facet-custom-list-ctrl .facet-design-cbx-list {
    margin: 0 0 -1em;
    padding: 0;
}

    .search-facet-custom-list-ctrl .facet-design-cbx-list li {
        list-style: none;
        padding-bottom: 1em;
    }



.RadEditor.reInlineEditor .reContentArea {font-size:1em!important;}