html {
    -ms-overflow-style: scrollbar;
}

body, html {
    height: 100%;
    margin: 0;
    padding: 0;
}
a {
    color: #f29727;
}

body {
    background-color: #e2e2e2;
    color: #000000;
    /*color: #fff;*/
    font-size: 18px;
    font-family: Nunito, Roboto, Lato, Arial, sans-serif;
}

.pull-me-right{
    float: right;
    padding-right: 12px;
}

.dropdown-hover-blue:hover {
    background-color: lightblue;
}

.dropdown-toggle {
    text-overflow: ellipsis;
    overflow: hidden;
}

.dropdown-menu .dropdown-item {
    padding-left: 12px;
    color: #f29727 !important;
}

#articleTitle {
    color: #726258;
    text-shadow: -1px 1px 24px white;
}

.categories-grid-item {
    box-shadow: -4px 4px 10px #5c5049;
    transition: 250ms;
}

.categories-grid-item:hover{
    box-shadow: -6px 6px 10px #5c5049;
    transition: 250ms;
}

#articleBody .row {
    background: #ededed;
    padding-top: 12px;
}

/* login form */
.topsection div:nth-of-type(2) {
    float: none;
    position: absolute;
    top: 100px;
    left: 22%;
}
.form-signin {
    background-color: #292626;
    background-image: linear-gradient(to left, #292626 , transparent, #292626), repeating-linear-gradient(180deg, #3a3637, #3a3637 2px, #292626 3px, #292626 5px);
    padding: 10px 35px;
	border: 2px solid #9C9EA1;
}

.form-signin-heading {
    font-family: Roboto, Nunito, Lato, Arial, sans-serif;
}

/*label#agreementConfirmationLabel {
	height: 6em;
    overflow-y: auto;
	border: 1px solid #ffffff;
    padding: 5px;
}*/
.checkbox input[type=checkbox]#agreementConfirmationBtn {
    position: fixed;
    margin-left: -26px;
}
.form-signin a {
	color: #f29727;
}
.form-signin a:hover {
	color: #ffffff;
	text-decoration: underline;
}
/* button style overrides */
.btn-primary {
    background-image: -webkit-linear-gradient(top,#ca982d 0,#f29727 100%);
    background-image: -o-linear-gradient(top,#ca982d 0,#f29727 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ca982d),to(#f29727));
    background-image: linear-gradient(to bottom,#ca982d 0,#f29727 100%);
    background-color: #f29727;
    border-color: #ca982d;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: #f29727;
    border-color: #ca982d;
}

/*Scorecard Wizard*/
li.wizard-nav-item{
    width: 18vw;
}
/*#widgets_wrapper,*/
#whats-new {
    display: none !important;
}

[data-role="grid"],
#adminMenu {
    font-size: 14px;
}

.smartEdit.viewmode .display-control {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 100%;
}

.main-container {
    color: #fff;
}

.news-content,
.article-content,
.panel,
.widget-item,
.well {
    color: #000;
}

.wrapper {
    height: 100% !important;
}

.main-wrapper {
    padding: 88px 0px 0px 230px;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .main-wrapper.no-sidebar {
        padding-left: 0px;
    }
        /*.main-wrapper.no-sidebar .top-container {
            display: none;
        }*/

    .main-wrapper .main-container {
        position: relative;
        padding: 20px;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .main-wrapper .top-container {
        height: 88px;
        width: 100%;
        padding-top: 18px;
        padding-bottom: 16px;
        position: fixed;
        left: 0;
        top: 0;
        background-color: #292626;
        background-image: linear-gradient(to left, #292626 , transparent, #292626), repeating-linear-gradient(180deg, #3a3637, #3a3637 2px, #292626 3px, #292626 5px);
        z-index: 101;
        /*-webkit-box-shadow: 0px 0px 5px 1px rgba(100, 100, 100, 0.2);
        box-shadow: 0px 0px 5px 1px rgba(100, 100, 100, 0.2);*/
        border-bottom: 2px solid #9C9EA1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .main-wrapper .left-container {
        width: 230px;
        height: auto;
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        margin-top: 88px;
        background-color: #292626;
        background-image: linear-gradient(to left, #292626 , transparent, #292626), repeating-linear-gradient(180deg, #3a3637, #3a3637 2px, #292626 3px, #292626 5px);
        z-index: 101;
        -webkit-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        transition: all 0.1s ease;
        -webkit-box-shadow: 7px 0 0 rgba(0,0,0,0.1);
        box-shadow: 7px 0 0 rgba(0,0,0,0.1);
    }

.top-container .profile {
    padding: 0 20px;
    height: 100%;
    line-height: 54px;
    min-width: 150px;
    white-space: nowrap;
}

.profile-hello {
    font-size: 0.8em;
    color: #f29727;
    position: absolute;
    top: 10%;
    text-transform: uppercase;
}

.profile-greating {
    display: inline-block;
    font-weight: 500;
    color: #ffffff;
}
.profile-greating span {
    vertical-align: bottom;
}
.profile-greating span:nth-of-type(2){
    display: inline-block;
    line-height: 2em;
}
.profile-greating .caret {
    height: 1em;
}
@media (max-width: 1100px) {
    .profile-hello {
        display: none;
    }
}

.profile-greating:hover {
    cursor: pointer
}

.profile-pic {
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    height: 54px;
    width: 54px;
    overflow: hidden;
    background-image: url('data:image/jpeg;base64,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');
    background-color: #e2e2e2;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-right: 5px;
    position: relative;
}


.top-container .logo {
    display: block;
    height: 80px;
    margin-top: -15px;
    width: auto;
    position: static;
    background-size: auto 100%;
    background: none;
}

    .main-wrapper .top-container .logo img {
        height: 80px;
		margin-top: 0;
        width: auto;
    }


.top-container .flex-space {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.top-container:after {
    display: table;
    clear: both;
}

.top-container .search {
    width: auto;
    margin: 11px 15px 0;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
    color: #000;
}

    .top-container .search input.form-control {
        height: 43px;
        border-radius: 4px 0 0 4px;
        background-color: #fff;
    }

.top-container .search {
    width: 250px;
}
@media (min-width: 1280px) {
    .top-container .search {
        width: 400px
    }
}

.top-container .search button.btn {
    border-radius: 0 4px 4px 0;
    height: 43px;
}
.top-container .search button.btn .glyphicon {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGzGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE3LTEyLTE0VDA3OjQ5OjU1LTA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOC0wNS0wN1QxMjo1ODoxNy0wNzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOC0wNS0wN1QxMjo1ODoxNy0wNzowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozZmIyOWM2YS1iNmM3LTYyNDUtOGNjMC1lMDg1YjkzM2I4YzEiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDphZDgyZDc3MS1lNDIyLTRjNDktYmY4My05NzQxMmI1OTQ4ZjIiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0Q0Y1NEY5NzEzNEMxMUU0QTQzNTgyRjNCMkEzNjBCMiIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRDRjU0Rjk0MTM0QzExRTRBNDM1ODJGM0IyQTM2MEIyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRDRjU0Rjk1MTM0QzExRTRBNDM1ODJGM0IyQTM2MEIyIi8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjNiNTEwYzQ5LTFhZGItZTE0Yy1hMjkyLWY5YTM1MDAzNzVmNyIgc3RFdnQ6d2hlbj0iMjAxOC0wNS0wN1QxMjo1ODoxNy0wNzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDozZmIyOWM2YS1iNmM3LTYyNDUtOGNjMC1lMDg1YjkzM2I4YzEiIHN0RXZ0OndoZW49IjIwMTgtMDUtMDdUMTI6NTg6MTctMDc6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5e3V1LAAABqUlEQVQ4jaXUz4uNURzH8dd9ymKmSEn3ZmE5mdSUBYkxssGMorAV/4AUSs1CrIiFBbJRtmyGGgslv1JK2cmTJ4YkCzMWmlwsKIvzfepx73Pdi089ne85z/e8z/ec8/2exujIiA7twQGMo4lveIlZXMZ81Tkvit8mZxW7hUe4hX0BgyGsw0m8xqHOCOqALTzFBBZxGmMBa2EvHmMpruFoP+ANrEYeoFN4ju/4iJux2HT4n8eWXsDdlcim8O4POzqDKzHvXC/gwbAv9IGVmkYbG9F1oxk2hT0zAAw+40HYXdvOpEOHVwMC4W20zc4fmZRnpBscVEPR/qgDlpk5/hfAzdHmdcDZsI8MCJvEKL7gYR3wknRrEzjRB7YKV8O+HtAu4DwOR/8sLmJ5j8ieBJSUMks6nRqVx+G4lKyNiPge3mBYOrO1NYvcwf68KNp1QNgqldX6msltqQTH4iv1DFN5USzUAUutkZK2iZ94gfvSmQ3jNrZV/OewIy+KuV7AflqGu9hQGVvAZFbv31eL2CU9vKVWYuZfgfAJ2/GhMrbif4DwHjul2v6KY78AkOVa5/ThirgAAAAASUVORK5CYII=') no-repeat;
}
.top-container .langs {
    padding: 0;
    margin: 11px 15px 0;
	display: none;
}

.search .input-group-btn .btn {
    background-color: #ffffff;
}

/* Footer */
#fox-footer {
    width: 100%;
    background-color: white;
    text-align: center;
    color: white;
    margin-top: -30px;
    padding: 2px;
    position: fixed;
    bottom: 0;
}
#fox-footer-logo {
    height: 24px;
}

/* Left menu */
.left-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.left-container img {
	margin: 20px auto;
}
.left-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #fff;
}

.left-menu__main {
    padding-top: 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.left-menu__bottom {
    /*background-color: #00529c;*/
    padding-top: 15px;
    padding-bottom: 30px;
}

left-container .left-menu .minimize-menu {
    height: 60px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAQlBMVEUAAABQldxQldxQldxQldxQldxQldxQldxQldxQldxQldxQldxQldxQldxQldxQldxQldxQldxQldxQldxQldxQldwMWZ1eAAAAFXRSTlMAZjOH0vVE/qcMA4Ip78B4WBfLmDSxz4XSAAAAhElEQVQ4y82TORKAIBAEQUW8FXT//1WBsiRg3TGy7IRgOmAvdeM8lRidhZU4TBZqYvlUGJHQWi5fVObQJVuvXjGsm5x31ISnr0qmK4/CNBPDnvIk8GXamEfhuVEdAWFGQmuAEAz5k9EQy0yG2KhkLErG4aHhceOFGX+w9kjAx+u8ZXJ9AsacL6gJxcP4AAAAAElFTkSuQmCC') 185px 50% no-repeat;
}

.left-menu li {
    position: relative;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    /*opacity: 0.5;*/
}

    .left-menu li > a {
        display: block;
        padding: 20px 40px 20px 40px;
        text-decoration: none;
        text-align: center;
        color: inherit;
        background-color: #000000;
        background-image: linear-gradient(to left, #000000 , transparent, #000000), repeating-linear-gradient(180deg, #292626, #292626 2px, #000000 3px, #000000 5px);
        border-top: 1px solid white;
        border-bottom: 1px solid white;
        border-image: linear-gradient(to right, #000000, #9C9EA1, #000000) 30;
    }

    .left-menu li:not(.active):hover {
        opacity: 0.7;
    }

    .left-menu li.active {
        color: #f29727;
        font-weight: bold;
    }

.menuitem-pic {
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 30px;
    top: 50%;
    margin-top: -15px;
    display: none;
}

.menuitem-title {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
	text-transform: uppercase;
	font-size: 14px;
}


/* Widgets */
.widget-header {
    background-color: #292626;
    padding-left: 1.5em;
    font-size: 12px;
}

.button-widgetplus {
    background: none;
    color: #5095dc;
    border: 1px solid #5095dc;
    font-size: 1em;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

    .button-widgetplus:hover {
        border-color: #292626;
        background-color: #292626;
        color: #fff;
    }

.widget-dropdown li {
    color: #f29727;
}

    .widget-dropdown li:hover {
        background-color: #000000;
    }

.widget-item:hover {
    background-color: #D2DEEA
}

.filter-btn {
    background: none;
    color: #5095dc;
    border: 1px solid #5095dc;
    font-size: 1em;
    margin-bottom: 10px;
    padding: 0.3em 2em;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

    .filter-btn:hover {
        border-color: #292626;
        background-color: #292626;
        color: #fff;
        background-image: none;
    }


.filter-search-btn {
    background-color: #292626;
    background-image: -o-linear-gradient(bottom, #18436E 0%, #292626 100%);
    background-image: -webkit-linear-gradient(bottom, #18436E 0%, #292626 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#18436E), to(#292626));
    background-image: linear-gradient(bottom, #18436E 0%, #292626 100%);
}

    .filter-search-btn:hover {
        background-color: #5095DC;
        background-image: -o-linear-gradient(bottom, #29619B 0%, #5095DC 100%);
        background-image: -webkit-linear-gradient(bottom, #29619B 0%, #5095DC 100%);
        background-image: -webkit-gradient(linear, left bottom, left top, from(#29619B), to(#5095DC));
        background-image: linear-gradient(bottom, #29619B 0%, #5095DC 100%);
    }


.related-block h2 span,
.related-block .k-tabstrip-items .k-state-default .k-link, .k-panelbar > li.k-state-default > .k-link,
#product-listing .slide-title,
.product-title,
.article-title,
.curriculum-title,
.news-title {
    color: #726258;
    font-weight: 600;
    font-family: Roboto, Nunito, Lato, Arial, sans-serif;
}

#adminMenu div.jqDockLabel {
    color: #fff;
}


.ui-slider-handle,
.article-btn-back,
.curriculum-btn-back,
.product-btn-back,
.news-btn-back {
    background-color: #726258;
}

    .article-btn-back:before,
    .curriculum-btn-back:before,
    .product-btn-back:before,
    .news-btn-back:before {
        border-color: rgba(0, 0, 0, 0) #726258 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    }

.button_up, .button_down, .button_delete {
    background-color: #292626;
    border-radius: 3px;
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0 1px;
    border: none;
    color: #FFF;
}

.button_up:hover, .button_down:hover, .button_delete:hover {
    background-color: #ca982d;
}

.k-tabstrip .k-content.k-state-active {
    border-top-left-radius: 0;
}

.k-button:active, .k-button.k-state-active,
.k-button:active:hover, .k-button.k-state-active:hover {
    color: #FFF;
    background-color: #292626;
    border-color: #292626;
}

.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-button:hover, .k-button.k-state-hover {
    color: #2E2E2E;
    border-color: #5095DC;
    background-color: #BED5ED;
}


.product-decription-tab,
.article-decription-tab,
.curriculum-decription-tab,
.news-decription-tab {
    color: #fff;
    background-color: #726258;
}

.active-product-decription-tab,
.active-article-decription-tab,
.active-curriculum-decription-tab,
.active-news-decription-tab {
    color: #726258;
    background-color: #F4F3F3;
    font-weight: 600;
}

.k-grid .k-grid-header .k-header {
    background: none;
    background-image: none,linear-gradient(to bottom,rgba(114, 98, 88,.9) 0,rgb(114, 98, 88) 100%);
}

.k-state-selected {
    background-color: #292626;
    border-color: #292626;
}

.k-tabstrip .k-state-active {
    border-color: #292626;
}

.related-block .k-tabstrip-items .k-state-active, .k-ie7 .k-tabstrip-items .k-state-active .k-loading {
    border-top: 3px solid #292626;
}

#product-listing .slide.active-slide .slide-image {
    border-color: #292626;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #FFF;
    background-color: #5095DC;
    background-image: none;
}

#adminMenu {
    top: 0;
}


.main-container > p:first-child {
    display: none
}

.slides-view .slides {
    border: none;
    margin: 0px;
    padding: 0px;
}

.slides-view #pagination {
    padding: 0px;
}

#widgets_wrapper > p:first-child {
    margin: 0 0 10px !important;
    padding: 0 !important
}

.btn-success {
    border: none;
    background-color: #292626;
    background-image: none;
    color: #ca982d;
}

    .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
        background-color: #292626;
    }

.section {
    width: auto;
    max-width: 1200px;
}

.dropdown-menu-right {
    right: 10px;
}

.search-section {
    display: flow-root;
}

.search-tabs{
    display: flex;
}

.search-tab {
    border-color: #c5c5c5;
    border-radius: 4px 4px 0 0;
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%);
    background-position: 50% 50%;
    background-color: #eae8e8;
    color: #313131;
    border-width: 1px 1px 0;
    padding: .3em 2em;
}

.search-tab:hover {
    background-color: #bcb4b0;
    cursor: pointer;
    border-color: #b6b6b6;

}

.active-search-tab {
    background-color: #fff;
    color: #292626;
}

.active-search-tab:hover {
    background-color: #fff;
}


.active-search-type-item {
    background-color: #292626;
}

.search-title {
    color: #f29727;
}


/* Competency Assessment Manager Review CSS*/
#gridReview h3 {
    color: #726258;
}

#gridReview .blueContainer {
    background-color: #f29727;
}

#gridReview .blueContainer:hover {
    background-color: #c47a1f;

}

#gridReview .selected {
    background-color: #7a5e3c; 
}

/* Carousel Fix */
.carousel-indicators li {
    background: #f29727;
}

.carousel-indicators .active {
    background: #292626;
}

/* Assignments Temporary bulleted UL fix*/
.k-tabstrip-items{
    display: block !important;
}

/* Support Menu */
#handlerightSupportMenu {
    width: 34px !important;
    background-size: 34px 120px !important;
    background-repeat: no-repeat !important;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAB4CAMAAACgjNBhAAAAOVBMVEUASZMASZMASZMASZP///9Ca6Tp7PL09vmNocMmW5y4xNicrcrd4+x9lbvR2eVriLRYeqzFzt+qudHnoMXVAAAAA3RSTlPukQbYMycaAAABfUlEQVRYw+2Y2UoEMRBFW1Nr9vT/f6yTaUUQciMMgsrcl5mHQ7rq1tLL8fpyBKzjJex0HHskPJEn8mcQdoikHgZpA0ikVCgO9SXieoZB3MmWCJO55vkDTomFUjipr2NJRMKJBsqomYduj1iX4qXES0ToErDO+ZKJ+i6WQmWHMNkO6VvE12WsckkphQ0y7Pe097cQB0hNd0JX1pUYNcebxrJGnkVVpiK80D5c7yFYQ0jTHEKlBJAsc4JOZTCN6bOlEIJbqkpHLTXFQiKqDSad4KhNNZsaDjfDlKAtVVnPJsC6aUgeoShDJAqexpw5KTcqsIwsquK4Gfg8+R+1d7e7wraMxKiMnadgGbex5H24p567cAWE++U28OAi60OkGt4MGmPGm6H6PS/fWff4Zmg38Oc3w0Uh6zjOto65LBEWSndXyFZI1fKOrjJy/fB9OfZM9vkPnYIfCKLydUhWX2akI5lF5C5XpZtyR+66mfHvupU/kScCXtwfff3ff0R4A7FLOikNpzGZAAAAAElFTkSuQmCC') !important;
}

#handlerightHelpMenu {
    width: 34px !important;
    background-size: 34px 120px !important;
    background-repeat: no-repeat !important;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAB4CAMAAACgjNBhAAAAOVBMVEUASZMASZMASZMASZMASZP///9Ca6Tp7PKNocO4xNj09vkmW5ycrcrR2eVyjbfd4+zFzt9YeqyqudFZDV0oAAAABHRSTlPukZAG4cCteQAAAMdJREFUWMPt2MEOwiAMBmBUoLQUtvn+D6vMpCdbEjloTP/DuHyhWf5lCYTbJUQ74RpnCWFOohMnTpw4+Qdy7AB7t0ghQNwS66RSG8udskpyKrJogzY8x6Wukzu1Us5H0QgkSVZIzZK3u/QiiZKgTxGiTVnviDtbpNNGyLQbZGsRMHI6zI4AzY4q8SDd6qhBBsyNqk4y0Ei3XroWRM4rnzejpK7VyOmY1VheG3ydNHgmwUhViaT+wi/IiRMnTpx8ToZZP/7PLxEe62BDjV3rs/YAAAAASUVORK5CYII=') !important;
}

.left_menu_slide-out {
    min-height: 118px;
    border: 1px solid #292626;
    z-index: 100;
}

    .left_menu_slide-out h3 {
        color: #292626;
    }

.left_menu_accordion_list_title {
    background-color: #292626;
    color: white;
}

#rightHelpMenu {
    top: 340px !important;
}


.container-center {
    max-width: 1080px;
    margin: 0 50px;
}


.select-control {
    border-color: #cccccc;
    border-width: 1px;
    border-style: solid;
    color: #000;
    border-radius: 4px;
    background-color: #fff;
    padding: 10px 15px;
    padding-right: 55px;
    height: 43px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAArBAMAAAB7gO7LAAAAFVBMVEUAAADMzMzMzMzMzMzMzMzMzMzMzMzsIyYbAAAABnRSTlMAG9x4XDEIJoypAAAARElEQVQoz2NIYEAGo1wICABiVjiXJRlImDnAuIxqBgzMSQJwxULJDGaKIMUwaWOgJMJkoTRFZIsYlQRQ7BUcDP4dWC4AUckUlD4iwOIAAAAASUVORK5CYII=');
    background-position: top 0 right 13px;
    background-repeat: no-repeat;
}
.select-control::-ms-expand {
    display: none;
}

.dropdown-menu {
    border-radius: 0;
    margin: 0;
}

    .dropdown-menu > li > a {
        padding: 5px 20px;
        font-size: 18px;
    }


/* Categories grid */
.container-center {
    max-width: 100%;
}
.categories-grid-item {
    height: 14vw;
    min-width: 260px;
    padding: 3px;
    border-radius: 1px;
    background-color: lightgray;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-bottom: 15px;
}
.categories-grid-item.video {
    height: auto;
}
.categories-grid-item.video video {
    max-width: 100%;
}
.categories-grid-link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.categories-grid-pic {
    height: 100%;
    width: 100%;
    border-radius: 0px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.categories-grid-caption {
    position: absolute;
    left: 3px;
    right: 3px;
    bottom: 3px;
    padding: 15px 35px 12px; /* FF3.6-15 */
    color: #fff;
    font-size: 16px;
    background-color: #726258;
    font-family: Roboto, Nunito, Lato, Arial, sans-serif;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (max-width: 2000px) {
    .categories-grid-caption {
        font-size: 14px;
    }
}
@media (max-width: 1600px) {
    .categories-grid-caption {
        font-size: 12px;
    }
}
.categories-grid-item .categories-coming-soon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /*background-color: rgba(0,0,0,0.7);*/
}
.categories-grid-item .categories-coming-soon span {
    font-size: 20px;
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%);
    transform: translate(-50%) rotate(-23deg);
    color: #ffffff;
}
.categories-grid-warning {
    color: #ff2727;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    vertical-align: middle;
}

.categories-grid-caption:before {
    content: ''; 
    position: absolute;
    top: 30px;
    margin-top: -10px;
    left: 10px;
    width: 15px;
    height: 15px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAnCAYAAADgpQMwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGRDlBRDU4Q0YwMTAxMUU3ODgzOENEMjA5MTQ0QTJCNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGRDlBRDU4REYwMTAxMUU3ODgzOENEMjA5MTQ0QTJCNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZEOUFENThBRjAxMDExRTc4ODM4Q0QyMDkxNDRBMkI3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZEOUFENThCRjAxMDExRTc4ODM4Q0QyMDkxNDRBMkI3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+4/IEAwAAAOBJREFUeNpi/P//PwO1ARMDDcCooaOGjhpKC0NXAfF/KH4HxIKMjIwgcUEoHya3CiSOjLECUIECxIJA/O4/AnQgyYf+RwWhWPSjYAZYKYVFswuSxlVI4iDLBYkyFIvmuzDNWHwykxRDlUgIBheiDIUqKkfTbIzPJ8Qaii/SXNAjjVhDO/BEyhkkud3Ehim6S8pxBAvIMiViDcVwCVTcGI9leNMpVpdgsewMUYmfgEtwpgZchrJA5UBZbw+U/R6YpzthKQFIuSDJ7QHKnSVUoDCONiZGDR01dNTQQW0oQIABAE42acJdBk1jAAAAAElFTkSuQmCC);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.categories-grid-caption-nolink:before {
    content: none;
}

.categories-grid-item:hover {
    background-color: rgba(0, 0, 0, 0.15);
}

#dropdownMenuLink{
    border-radius: 0px;
}

/* Article Category Grid */

.article-content {
    background-color: transparent;
    color: #fff;
    padding: 30px 0;
    margin-top: 15px;
}
.article-title {
    color: #fff;
}
.article-decription-content {
    background-color: transparent;
    padding: 18px 0 0;
}
.article-decription-content .container-center {
    margin: 0;
}
.article-decription-content .container-center .categories-grid-item {
    min-width: 240px;
}

/* Article Course Grid */
ul.article-decription-nav > li {
    display: none;
}
ul.article-decription-nav > li:nth-child(4) {
    display: inline-block;
}
#articleBody div.gallery {
    color: #1c4690;
	text-align: left;
	padding-bottom: 5px;
}
#articleBody .categories-subtitle {
    font-size: 1.1em;
    font-weight: bold;
}
#articleBody div.gallery img {
    display: block;
    width: 75%;
	height: auto;
	margin: 0 auto;
}
#articleBody .container-center a {
   color: #fff;
   text-decoration: underline;
   font-weight: normal;
}
#articleBody div.desc {
    display: block;
    padding: 10px 0;
    text-align: left;
    font-weight: 500;
}
#articleBody div.custom-article * {
    box-sizing: border-box;
}
#articleBody .responsive {
    display: inline-block;
    width: 33%;
    vertical-align: top;
    margin-bottom: 5px;
	padding: 5px;
}
@media only screen and (max-width: 1300px){
    #articleBody .responsive {
        width: 48%;   
    }
}
@media only screen and (max-width: 1100px){
    #articleBody .responsive {
        width: 100%;
    }
}
#articleBody .courseitem-pic {
    display: inline-block;
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 10px;
    vertical-align: top;
    width: 35px;
    height: 35px;
}
#articleBody .courseTitle {
    display: inline-block;
    margin: 0px 10px;
}
#articleBody .clearfix:after {
    content: "";
    display: table;
    clear: both;
}

#articleBody .flex-description {
    display: flex;
    flex-wrap: wrap;
}
#articleBody .flex-description div.desc {
    width: 50%;
}

.product-decription-content {
    color: #000;
}

.contents-menu li,
.contents-menu li a {
    color: inherit;
}

.modal {
    text-align: center;
    padding: 0 !important;
}

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

/* Fox Surveys */
.survey-question {
    width: 50%
}
.survey-response {
    width: 35%;
    text-align: left;
}

/* Video Slider Client Styling */
.slider-video {
    margin: 0;
    margin-left: -30px;
}
.slider-video-left {
    left: 3px;
    background-color: #f29727;
    border-top: 3px solid rgba(255, 255, 255, 0.3);
    border-left: 3px solid rgba(255, 255, 255, 0.3);
    border-bottom: 3px solid rgba(255, 255, 255, 0.3);
}

.slider-video-right {
    right: 3px;
    background-color: #f29727;
    border-top: 3px solid rgba(255, 255, 255, 0.3);
    border-right: 3px solid rgba(255, 255, 255, 0.3);
    border-bottom: 3px solid rgba(255, 255, 255, 0.3);
}
.slider-video-left:hover, .slider-video-right:hover {
    cursor: pointer;
	background-color: #f29727;
	border-color: #ffffff;
	border-color: rgba(255, 255, 255, 1);
}
.slider-video-close {
	background-color: rgba(0,163,228,0.8);
}
.slider-video-close:hover {
    cursor: pointer;
    background-color: #f29727;
	background-color: rgba(0,163,228,1);
    color: #fff;
}
.slider-video-item {
    background-color: rgba(255, 255, 255, 0.3);
    box-sizing: border-box;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-in;
    padding: 3px;
    transform-origin: 50% 50%;
    transform: translate3d(0, 0, 0);
}
.slider-video-item:not(.active):hover {
    background-color: rgba(255, 255, 255, 1);
}

/*Event Page Styling*/
#eventWebinarReportingTable {
    margin: 12px 0;
}
#eventWebinarReportingTable td:first-child{
    font-weight:bold;
    width: 250px;
}
#eventWebinarReportingTable td:nth-child(2) {
	border-left: 1px solid black;
	padding-left: 12px;
}

/*Infogram iFrame styling*/
.infogramAR {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 71%;
}
.infogramAR iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.wizard-card-container{
    overflow: scroll;
}

/* Sellsheet Wizard Styling */
.sellsheetTemplateOptions img {
    box-shadow: 2px 4px 20px lightgray;
}

#our-story {
    margin-top: 12px;
}

.custom-color-instruction {
    margin: -6px 0 -2px;
}

#background-selector {
    width: 160px;
}

#customTemplateOptionsBox {
    border: 1px solid #e3e3e3;
    padding: 10px;
    margin-left: -26px;
    margin-top: 12px;
    width: 180px;
    height: 270px;
}

#custom-background-images{
    font-size: 12px;
}

/*Metric Reporting*/
#averageScoreReport.kpi-view-item.options {
    display: none !important;
}

#averageScoreReport.kpi-view-item.name {
    display: none !important;
}


/*Reporting Dashboard*/
#TrainingImpactReportExecutive{
    padding: 0 36px 0 36px;
}

#trainingImpactReporting h3 {
    font-weight: bold;
}

#surveyResponseGraph{
    margin-bottom: 48px;
}

#numSurveysInFilter {
    font-weight: normal !important;
}

#curriculumCompletionDiv h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#curriculumCompletionDivForScormWebinar {
    margin-bottom: 42px;
}

#curriculumCompletionDivForWebinar {
    margin-bottom: 42px;
}

#curriculumCompletionDivForScormWebinar h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#curriculumCompletionDiv {
    margin-bottom: 42px;
}


/* Search Items */
.search-section .search-item-name {
    height: 50px;
    font-size: 9px;
    margin-top: -20px;
}
.search-item-tile-box {
    width: 200px;
    height: 70px;
    padding: 8px;
    border: 1px solid #e3e3e3
}

/* Laptop Sizes */
@media screen and (max-width: 1600px){
    #calLegend{
        font-size: 12px;
    }
}

@media screen and (min-width:1200px) and (max-width:1440px) {
    .col-lg-3 {
        width: 33%;
    }

    .categories-grid-item {
        height: 17vw;
    }
}

@media screen and (max-width:1200px){

    .categories-grid-item {
        height: 26vw;
    }
}

@media screen and (max-width: 1280px) {
    #calLegend {
        font-size: 10px;
    }
    .wizard-nav-container{
        font-size: 11px
    }
    .modal-dialog.wizard-dialog {
        font-size: 12px;
    }
    .menuitem-title{
        font-size: 10px;
    }
    .main-wrapper .left-container{
        width: 170px;
    }
    .main-wrapper {
        padding: 88px 0px 0px 168px;
    }
    .left-menu li > a {
        padding: 12px 10px 12px 10px;
    }
}

/* Mobile Sizes */

/*Left nav fix*/
@media screen and (max-height: 900px) {
    .left-menu li > a {
        padding: 12px 10px 12px 10px;
    }
}



@media screen and (max-width: 1024px) {

    .profile-pic {
        display: none;
    }

    .container-center {
        margin: 0;
    }
}

@media screen and (max-width: 768px) {

    .main-wrapper .top-container {
        height: 68px;
        padding-top: 0px;
    }

    .main-wrapper .left-container{
        margin-top: 66px;
    }

    .main-wrapper .top-container .logo img{
        height: 48px;
    }

    .top-container .logo {
        height: 50px;
        margin-top: 10px;
    }

    .menuitem-pic {
        height: 20px;
        width: 20px;
    }

    .left-menu__main {
        padding-top: 0px;
    }

    .top-container .logo {
        margin-left: 20px;
    }
    
    .main-wrapper {
        padding-left: 60px;
    }

        .main-wrapper .main-container {
            padding: 10px;
        }

        .main-wrapper .left-container {
            width: 60px;
        }

    .left-container .menuitem-pic {
        position: static;
        display: inline-block;
        vertical-align: middle;
        margin: 0;
    }

    .left-container .left-menu li > a {
        padding: 12px;
    }

    .left-container .menuitem-title {
        display: none
    }

    .left-container .left-menu .minimize-menu {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAQlBMVEUAAABQldxQldxQldxQldxQldxQldxQldxQldxQldxQldxQldxQldxQldxQldxQldxQldxQldxQldxQldxQldxQldwMWZ1eAAAAFXRSTlMAZjOH0vVE/qcMA4Ip78B4WBfLmDSxz4XSAAAAhUlEQVQ4y82TSQ6AIAxFwQlxnnr/q+oPRkxoWt3xlvyXQEtrbE0JblvNA/KUOQrEUmYg9FGYuNw1UfCLTTnMB/yqCFN93zMUKf46rygYOzGMA4RgOL5MCDCERkGAIQs0akKrCG0nPRK5VCZysVHIJZZZzNXvVgdGHbkMxr78sbyWM17rfwLd8S+o513KGAAAAABJRU5ErkJggg==');
        background-position: center center;
    }

    .main-wrapper .left-container img {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .top-container .profile {
        display: none;
    }
}
/* Eric's Additions */
.jqDockLabelText {
    color: #3F464B;
}

.bRegister, .bLaunch {
    color: #fff !important;
    text-transform: uppercase;
    background: #4eba6e;
    width: 200px;
    padding: 6px 20px;
    margin-bottom: 15px;
    border-radius: 5px;
    display: inline-block;
    border: none;
    text-decoration: none;
}

#EditScormItem, #ArchiveScormItem {
    width: 110px;
}

.product-decription button {
    margin-right: 4px;
}

.bRegister:hover, .bLaunch:hover {
    background: #94d5a7;
    letter-spacing: 1px;
    transition: all 0.4s ease 0s;
}

.bRegister {
    background-color: #f29727;
}

.bRegister:hover {
    background-color: #FFB151
}

#custom-template-colors .k-dropzone {
    padding: 3px 11px;
}

#custom-template-colors .k-widget.k-upload.k-header.k-upload-empty {
    width: 173px;
    height: 51px;
}

#webinarReporting {
    margin-top: 26px;
}

#webinarLengthReporting{
    margin-bottom: 48px;
}

#webinarParticipationReporting {
    margin-bottom: 48px;
}

#webinarFrequencyReporting{
    margin-bottom: 48px;
}

/*Begin submenu dropdown css*/
.dropdown-submenu {
    position: relative;
}

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

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

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -95%;
            margin-left: -2px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }
/*End submenu dropdown css*/

/* Hide Admin Menu on Mobile*/
@media screen and (max-width: 992px) {
    #adminMenu {
        visibility: hidden !important;
    }
}