/*Body*/
            
             @import url('https://fonts.googleapis.com/css?family=&display=swap');


body {
color: #333333;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

body:before{
background: url(../assets/backgrounds/26787ab295f807716440a5a430264d2a.png);
    filter: blur(15px) !important;

}

body:after{
background: rgba(0,0,0,0.8) !important;
}

h1,h2,h3,h4,h5{
font-family: 'Arial Rounded MT Bold', 'Helvetica Rounded', Arial, sans-serif;
color: #333333;
}
.guroo{
background: #2D4452;
}

.preloading-image {
background: #2D4452;
}

/*Header*/

.guroo-header{
color: #ffffff;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;

    background: #474747;
}
.guroo-header h1 {
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
color: #ffffff;}

.guroo-header h2 {
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
color: #ffffff;}

.guroo-header h3 {
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
color: #ffffff;}

.guroo-dialog-header{
color: #ffffff;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;

    background: #474747;
}


.app-bite .scenario-bite .header .header-nav-container .nav-seperator {
background: #ffffff !important;
}


/*Buttons*/



.guroo-btn{
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
background: #728fe5 !important;
color: #ffffff !important;
}


.guroo-btn:active{
background: #ffdc7c !important;
color: #ffffff !important;

}

.guroo-btn:focus{
background: #ffdc7c !important;
color: #ffffff !important;

}

.guroo-btn:hover{
background: #ffdc7c !important;
color: #ffffff !important;

}


.dialog-page .guroo-btn{
background: #474747 !important;
border-color: #ffffff !important;
color: #ffffff !important;
}

.dialog-page .guroo-btn.active,
.dialog-page .guroo-btn:hover,
.dialog-page .guroo-btn:focus{
background: #ffffff !important;
border-color: #ffffff !important;
color: #474747 !important;
}




.title-screen-btn.rectangle{

}


/*Links*/

a{
color: #728fe5;
}

a:active{
color: #728fe5;
}

a:focus{
color: #707070;
}

a:hover{
color: #707070;
}

.guroo-active-link{
color: #728fe5;
}

.guroo-active-link:hover{
color: #707070;
}

.guroo-active-link:active{
color: #707070;
}

.guroo-active-link:focus{
color: #707070;
}

/*Menu Links*/

.menu-nav-item {
color: #333333;
}
.menu-nav-item:hover {
color: #728fe5;
}
.menu-nav-item:focus {
color: #728fe5;
}
.menu-nav-item.active {
border-left-color: #728fe5;
}

.menu-nav-accordion-btn:after{
color: #728fe5;
}

/*Titles*/
.heading_1{
font-family: 'Arial Rounded MT Bold', 'Helvetica Rounded', Arial, sans-serif;
color: #333333;
font-size: 150%;
    border-bottom: none;
}

.heading_2{
font-family: 'Arial Rounded MT Bold', 'Helvetica Rounded', Arial, sans-serif;
color: #333333;
font-size: 200%;
    border-bottom: none;
}

.heading_3{
font-family: 'Arial Rounded MT Bold', 'Helvetica Rounded', Arial, sans-serif;
color: #333333;
font-size: 150%;
    border-bottom-style: dotted !important;
    border-bottom-width: 2px !important;
    border-color: #333333;
}

.heading_4{
font-family: 'Arial Rounded MT Bold', 'Helvetica Rounded', Arial, sans-serif;
color: #333333;
font-size: 150%;

    border-bottom: none;
}

/*Questions*/

.audio-container .CircularProgressbar-trail{
stroke: #333333;
opacity: 0.5;
}

.audio-container .CircularProgressbar-trail{
stroke: #333333;
}


.multiple-choice-option label {
color: #728fe5;
}

.multiple-choice-option.review-current input + label {
color: #728fe5;
}
.multiple-choice-option.review input:disabled + label {
color: #728fe5;
}
.multiple-choice-option.review-selected input:disabled + label {
color: #728fe5;
}

.multiple-choice-option input[type="radio"] + label span.icons8 {
color: #728fe5;
}
.multiple-choice-option input[type="radio"]:checked + label span.icons8 {
color: #728fe5;
}
.multiple-choice-option input[type="checkbox"] + label span.icons8 {
color: #728fe5;
}
.multiple-choice-option input[type="checkbox"]:checked + label span.icons8 {
color: #728fe5;
}

.learner.speak {
background: #89b5a8;
color: #ffffff !important;
}


.learner.speak .audio-control-container .audio-bars .bar {
background:  #ffffff  !important;
}

.learner.speak .audio-control-container .static-audio-bars .bar {
background:  #ffffff   !important;
}

.learner.speak  .audio-container .CircularProgressbar-trail{
stroke: #ffffff  !important;
opacity: 0.5;
}

.learner.speak  .audio-container .CircularProgressbar-path {
stroke: #ffffff  !important;
}

.learner.speak.round:after{
box-shadow: -15px 6px 0px 0px #89b5a8;
}

.learner.speak.square:after{
border-color: transparent  transparent transparent #89b5a8;
}


.learner-conversation-image{
background: #a6c7be;
}

.learner-conversation-image.round:after {
box-shadow: -15px 6px 0px 0px #a6c7be;
}

.learner-conversation-image.sqaure:after {
border-color: transparent  transparent transparent #a6c7be;
}


.learner-conversation-image  .audio-container .CircularProgressbar-trail{
stroke: #ffffff  !important;
opacity: 0.5;
}


.learner-conversation-image  .audio-container .CircularProgressbar-path {
stroke: #ffffff  !important;
}



.character.speak{
background: #445689;
color: #ffffff !important;
}


.character.speak .audio-control-container .audio-bars .bar {
background:  #ffffff  !important;
}

.character.speak .audio-control-container .static-audio-bars .bar {
background:  #ffffff   !important;
}


.character.speak .audio-container .CircularProgressbar-trail{
stroke: #ffffff  !important;
opacity: 0.5;
}

.character.speak .audio-container .CircularProgressbar-path {
stroke: #ffffff  !important;
}

.character.speak.round:after{
box-shadow: 15px 6px 0px 0px #445689;
}

.character.speak.square:after{
border-color: transparent transparent #445689 transparent;
}


.character-conversation-image {
background: #abb4ba;
}

.character-conversation-image.round:after {
box-shadow: 15px 6px 0px 0px #abb4ba;
}

.character-conversation-image .audio-container .CircularProgressbar-trail{
stroke: #ffffff  !important;
opacity: 0.5;
}

.learner-conversation-image .audio-container .CircularProgressbar-trail{
stroke: #ffffff  !important;
}


/*LEARNER ACTIONS OBJECT*/
.learner-action-option-list .learner-action-option.rounded.behaviour label {
border-top-color: #89b5a8;
}

.learner-action-option-list .learner-action-option.answered:after {
color: #89b5a8;
}

.learner-action .question-wrapper.complete:after{
color: #89b5a8;
}


.learner-action-option-list .learner-action-option.speak label {
background: #89b5a8;
color: #ffffff !important;
}

.learner-action-option-list .learner-action-option.speak.review-current input:disabled + label {
background: #89b5a8;
color: #ffffff !important;
}

.learner-action-option-list.round .learner-action-option.rounded label:after {
box-shadow: -15px 6px 0px 0px #89b5a8;
}


.learner-action-option-list.round .learner-action-option.speak:last-child label:after {
box-shadow: -15px 6px 0px 0px #89b5a8;
}

.learner-action-option-list.round .learner-action-option.speak:last-child input:not([disabled]) + label:hover:after {
box-shadow: -15px 6px 0px 0px #89b5a8;
}

.learner-action-option-list.round .learner-action-option.speak:last-child input:not([disabled]) + label:after:hover {
box-shadow: -15px 6px 0px 0px #89b5a8;
}


.learner-action-option-list.round .learner-action-option.speak:last-child:hover label:after {
box-shadow: -15px 6px 0px 0px #89b5a8;
}


.learner-action-option-list.round .learner-action-option.review-current:last-child label:after {
box-shadow: -15px 6px 0px 0px #a6c7be;
}


.learner-action-option-list .learner-action-option.answered:after{
color: #89b5a8;
}


.learner-action-option-list.square .learner-action-option.rounded label:after {
border-color: transparent  transparent transparent #89b5a8;
}


.learner-action-option-list.square .learner-action-option.speak:last-child label:after {
border-color: transparent  transparent transparent #89b5a8;
}

.learner-action-option-list.square .learner-action-option.speak:last-child input:not([disabled]) + label:hover:after {
border-color: transparent  transparent transparent #89b5a8;
}

.learner-action-option-list.square .learner-action-option.speak:last-child input:not([disabled]) + label:after:hover {
border-color: transparent  transparent transparent #89b5a8;
}


.learner-action-option-list.square .learner-action-option.speak:last-child:hover label:after {
border-color: transparent  transparent transparent #89b5a8;
}


.learner-action-option-list.square .learner-action-option.review-current:last-child label:after {
border-color: transparent  transparent transparent #a6c7be;
}
/*Grid Choice*/

.grid-choice-option-list .multiple-choice-option.checked{
border-color:  #728fe5;
}

.grid-choice-option-list .multiple-choice-option.selected{
border-color:  #728fe5;
}

.multiple-choice-option-list .audio-option-container .audio-choice-option label:before {
color: #728fe5;
}

/*swipe left right*/

.swipe-container .swipe-options-list .multiple-choice-option label:hover {
background:  #728fe5 !important;
}

.swipe-container .swipe-bg .swipe .swipe-options-list .multiple-choice-option input[type=radio]:focus + label,
.swipe-container .swipe-bg .swipe .swipe-options-list .multiple-choice-option input[type=radio]:checked + label,
.swipe-container .swipe-bg .swipe .swipe-options-list .multiple-choice-option input[type=radio].focus-visible + label {
background:  #728fe5 !important;
}

.swipe-container .swipe-options-list .multiple-choice-option.active label {
background:  #728fe5;
}

.swipe-container .swipe-options-list .multiple-choice-option label .icons8:before,
.swipe-container .swipe-options-list .multiple-choice-option label .icons8:after {
color: #728fe5 !important;
}

.swipe-container .swipe-options-list .multiple-choice-option label:before{
color: #728fe5;
}

.swipe-container .swipe-options-list .multiple-choice-option label:after{
color: #728fe5;
}


/*KPI*/

.guroo-kpi-label{
background: #818f97;
}

.kpi-graph{
border-color: #818f97;
}

.kpi-graph .bar-graph-items .graph-item .badge-earned:before {
color: #2D4452;

}

/*Badges*/

.badge-btn .badge-count .status-indicator {
    color: #474747;
}


.badge .badge-container:before{
color: #2D4452;
}

.badge .badge-container .badge-icon path{
fill: #ffffff;
}

.badge .badge-label{
background: #728fe5;
}

.badge-collection-panel {
background: #ffffff;
color: #333333;
border-color: #d6d6d6;
}


.badge-collection-panel h4{
color: #333333;
}


.badge-collection-panel h3{
color: #333333;
}

.kpi-overview-panel .kpi-overview-row {
    color: #333333;
    border-color: #d6d6d6;
}

.kpi-overview-panel .kpi-overview-row .kpi-meter-col:before{
background: #2D4452;
}

.kpi-overview-panel .kpi-overview-row .kpi-meter-col{
background: #ebebeb;
}
.kpi-overview-panel .kpi-overview-row .kpi-content-col{
background: #ffffff;
}

.kpi-overview-panel .kpi-overview-row .kpi-content-col h3{
color: #333333 !important;
}


.tick-list ul li:before{
background: #728fe5;
}

.cross-list ul li:before{
background: #728fe5;
}

.plus-list ul li:before{
background: #728fe5;
}

.arrow-list ul li:before{
background: #728fe5;
}

.dotted-list ul li:not(.resource-link):before{
color: #728fe5;
}

.resource-link:before{
background: transparent;
}


/*Call Outs*/

.call-out-style-1{
color: #5b655a  !important;
border-color: #899887 !important;
border-style: dashed !important;
background-color: #f4fef3 !important;
}

.call-out-style-1 .asset-image-wrapper.border,
.call-out-style-1 .asset-image-wrapper.padded_border{
border-color: #899887 !important;
}

.call-out-style-1 h1,
.call-out-style-1 h2,
.call-out-style-1 h3,
.call-out-style-1 h4,
.call-out-style-1 .heading_1,
.call-out-style-1 .heading_2,
.call-out-style-1 .heading_3,
.call-out-style-1 .heading_4{
color: #333333  !important;
border-bottom-color: #333333 !important;
}

.call-out-style-1.tick-list ul li:before{
background: #899887;
}

.call-out-style-1.cross-list ul li:before{
background: #899887;
}

.call-out-style-1.plus-list ul li:before{
background: #899887;
}

.call-out-style-1.arrow-list ul li:before{
background: #899887;
}

.call-out-style-1.dotted-list ul li:before{
color: #899887;
}

.call-out-style-1 .audio-bars .bar {
background:  #5b655a  !important;
}

.call-out-style-1 .static-audio-bars .bar {
background:  #5b655a  !important;
}

.call-out-style-1 .audio-container .CircularProgressbar-trail{
stroke: #5b655a  !important;
opacity: 0.5;
}

.call-out-style-1 .audio-container .CircularProgressbar-trail{
stroke: #5b655a  !important;
}


.call-out-style-2{
color: #fafff9;
border-color: #707070;
border-style: none;
background-color: #6ba292;

}

.call-out-style-2 h1,
.call-out-style-2 h2,
.call-out-style-2 h3,
.call-out-style-2  h4,
.call-out-style-2 .heading_1,
.call-out-style-2 .heading_2,
.call-out-style-2 .heading_3,
.call-out-style-2 .heading_4{
color: #2b413a  !important;
border-bottom-color: #2b413a !important;
}

.call-out-style-2 .asset-image-wrapper.border,
.call-out-style-2 .asset-image-wrapper.padded_border{
border-color: #707070 !important;
}

.call-out-style-2.tick-list ul li:before{
background: #707070;
}

.call-out-style-2.cross-list ul li:before{
background: #707070;
}

.call-out-style-2.plus-list ul li:before{
background: #707070;
}

.call-out-style-2.arrow-list ul li:before{
background: #707070;
}

.call-out-style-2.dotted-list ul li:before{
color: #707070;
}

.call-out-style-2 .audio-bars .bar {
background:  #fafff9  !important;
}
.call-out-style-2 .static-audio-bars .bar {
background:  #fafff9  !important;
}


.call-out-style-2 .audio-container .CircularProgressbar-trail{
stroke: #fafff9  !important;
opacity: 0.5;
}

.call-out-style-2 .audio-container .CircularProgressbar-trail{
stroke: #fafff9  !important;
}

/* styles for diagram title/desc object inside call-out object - to avoid color inherit */
.call-out-style-1 .image-object .asset-content .title,
.call-out-style-2 .image-object .asset-content .title,
.call-out-style-3 .image-object .asset-content .title,
.call-out-style-4 .image-object .asset-content .title,
.call-out-style-1 .image-object .asset-content .desc-text,
.call-out-style-2 .image-object .asset-content .desc-text,
.call-out-style-3 .image-object .asset-content .desc-text,
.call-out-style-4 .image-object .asset-content .desc-text {
color: #333333 !important;
}


.call-out-style-3{
color: #2D4452;
border-color: #6ba292;
border-style: none;
background-color: #ffdc7c;

}

.call-out-style-3 h1,
.call-out-style-3 h2,
.call-out-style-3 h3,
.call-out-style-3  h4,
.call-out-style-3 .heading_1,
.call-out-style-3 .heading_2,
.call-out-style-3 .heading_3,
.call-out-style-3 .heading_4{
color: #99844a  !important;
border-bottom-color: #99844a !important;
}


.call-out-style-3 .asset-image-wrapper.border,
.call-out-style-3 .asset-image-wrapper.padded_border{
border-color: #6ba292 !important;
}

.call-out-style-3.tick-list ul li:before{
background: #6ba292;
}

.call-out-style-3.cross-list ul li:before{
background: #6ba292;
}

.call-out-style-3.plus-list ul li:before{
background: #6ba292;
}

.call-out-style-3.arrow-list ul li:before{
background: #6ba292;
}

.call-out-style-3.dotted-list ul li:before{
color: #6ba292;
}

.call-out-style-3 .audio-bars .bar {
background:  #2D4452  !important;
}
.call-out-style-3 .static-audio-bars .bar {
background:  #2D4452  !important;
}


.call-out-style-3 .audio-container .CircularProgressbar-trail{
stroke: #2D4452  !important;
opacity: 0.5;
}

.call-out-style-3 .audio-container .CircularProgressbar-trail{
stroke: #2D4452  !important;
}


.call-out-style-4{
color: #333333;
border-color: #5c5c5c;
border-style: none;
background-color: #ff9b71;

}

.call-out-style-4 h1,
.call-out-style-4 h2,
.call-out-style-4 h3,
.call-out-style-4  h4,
.call-out-style-4 .heading_1,
.call-out-style-4 .heading_2,
.call-out-style-4 .heading_3,
.call-out-style-4 .heading_4{
color: #995d44  !important;
border-bottom-color: #995d44 !important;
}

.call-out-style-4 .asset-image-wrapper.border,
.call-out-style-4 .asset-image-wrapper.padded_border{
border-color: #5c5c5c !important;
}

.call-out-style-4.tick-list ul li:before{
background: #5c5c5c;
}

.call-out-style-4.cross-list ul li:before{
background: #5c5c5c;
}

.call-out-style-4.plus-list ul li:before{
background: #5c5c5c;
}

.call-out-style-4.arrow-list ul li:before{
background: #5c5c5c;
}

.call-out-style-4.dotted-list ul li:before{
color: #5c5c5c;
}

.call-out-style-4 .audio-bars .bar {
background:  #333333  !important;
}

.call-out-style-4 .static-audio-bars .bar {
background:  #333333  !important;
}


.call-out-style-4 .audio-container .CircularProgressbar-trail{
stroke: #333333  !important;
opacity: 0.5;
}

.call-out-style-4 .audio-container .CircularProgressbar-trail{
stroke: #333333  !important;
}


/*Title Panel*/

.title-panel .title-content {
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.title-panel .title-content .title-icon-container path{
fill: #333333;
}

.title-panel .title-content h1{
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.title-panel .title-content h2{
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.circular-overlay-screen h1{
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;

}

.circular-overlay-screen h2{
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.right-overlay-screen h1{
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.right-overlay-screen h2{
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.left-overlay-screen h1{
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.left-overlay-screen h2{
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

/*Tabs*/

.tabbed-content .tab-list .tab-item.disabled{
color: #333333;
}

.tabbed-content .tab-list .tab-item{
color: #333333;
}


.tabbed-content .tab-list .tab-item.active{
color: #333333;
}

.tabbed-content .tab-list .tab-item.active:after{
background: #728fe5;
}

.tabbed-content .tab-list .tab-item.active:focus:after{
background: #728fe5;
}

.tabbed-content .tab-list .tab-item.complete:before{
color: #7aa952 !important;
}

/*Tabs Vertical*/

.tabbed-content-vertical .tab-list .tab-item.disabled{
color: #333333;
}

.tabbed-content-vertical .tab-list .tab-item{
color: #333333;
}


.tabbed-content-vertical .tab-list .tab-item.active{
color: #333333;
}

.tabbed-content-vertical .tab-list .tab-item.active:after{
background: #728fe5;
}

.tabbed-content-vertical .tab-list .tab-item.active:focus:after{
background: #728fe5;
}

.tabbed-content-vertical .tab-list .tab-item.complete:before{
color: #7aa952 !important;
}


.scrollable-tab .tab-list .tab-item.disabled{
color: #333333;
}

.scrollable-tab .tab-list .tab-item{
color: #333333;
}

.scrollable-tab .tab-list .tab-item.active{
color: #333333;
}

.scrollable-tab .tab-list .tab-item.active:after {
background: #728fe5;
}

.scrollable-tab .tab-list .tab-item.active:focus:after{
background: #728fe5;
}

.scrollable-tab .tab-list .tab-item.complete .tab-label:before {
color: #7aa952 !important;
}

.scrollable-tab .tab-list.icon-list .tab-item.complete .tab-label:after {
color: #7aa952 !important;
}
/*Slider*/

.horz-slider-screen .slider-prev-slide-btn:after{
color: #728fe5;
}

.horz-slider-screen .slider-next-slide-btn:after{
color: #728fe5;
}

.horz-slider-screen .slider-container .thumbnail-list .thumbnail-item.active:before{
color: #728fe5 !important;
}


.horz-slider-screen .slider-container .thumbnail-list.icons-list .thumbnail-item.active{
border-color: #728fe5 !important;
}

.horz-slider-timeline .slider-prev-slide-btn:after{
color: #728fe5;
}

.horz-slider-timeline .slider-next-slide-btn:after{
color: #728fe5;
}

/*Accordion*/

.accordion .accordion-item .accordion-item-list .accordion-btn{
color: #333333;
}

.accordion .accordion-item .accordion-item-list .accordion-btn.incomplete{
color: #333333;
}

.accordion .accordion-item .accordion-item-list .accordion-btn.active{
color: #333333;
}

.asset-image .asset-desc {
color: #333333;
}

.dialog-asset-image .dialog-body .asset-dialog-image .asset-image-header{
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    background: #474747;
color: #ffffff;
}

.dialog-asset-image .dialog-body .asset-dialog-image .asset-image-header .title-col{
color: #ffffff;
}

.dialog-asset-image .dialog-body .asset-dialog-image .asset-image-header button{
background: #474747 !important;
border-color: #ffffff !important;
color: #ffffff !important;
}

.dialog-asset-image .dialog-body .asset-dialog-image .asset-image-header .icon-btn-group button.active{
background: #ffffff !important;
border-color: #ffffff !important;
color: #474747 !important;
}


.dialog-page .screen-dialog .dialog-header {
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    background: #474747;
color: #ffffff;
}


.dialog-page .screen-dialog .dialog-header button{
background: #474747  !important;
border-color: #ffffff !important;
color: #ffffff !important;
}

.dialog-page .screen-dialog .dialog-header .icon-btn-group button.active{
background: #ffffff !important;
border-color: #ffffff !important;
color: #474747 !important;
}

@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 #728fe5 !important;
}
75% {
-webkit-box-shadow: 0 0 10px 5px #728fe5 !important;
}
100% {
-webkit-box-shadow: 0 0 0 0 #728fe5 !important;
}
}
@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 #728fe5 !important;
box-shadow: 0 0 0 0 #728fe5 !important;
}
75% {
-moz-box-shadow: 0 0 10px 0 #728fe5 !important;
box-shadow: 0 0 10px 5px #728fe5 !important;
}
100% {
-moz-box-shadow: 0 0 0 0 #728fe5 !important;
box-shadow: 0 0 0 0 #728fe5 !important;
}
}

.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot{
background: #728fe5;
color: #ffffff;

}

.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot.active{
box-shadow: 0 0 10px 5px #728fe5 !important;
animation: pulse 1.5s infinite;
}

.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot:active{
background: #728fe5;
color: #ffffff;

}

.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot:focus{
background: #ffdc7c;
color: #ffffff;

}

.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot:hover{
background: #ffdc7c;
color: #ffffff;

}


.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot-hide{
background: #728fe5;
color: #ffffff;

}

.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot-hide.active{
box-shadow: 0 0 10px 5px #728fe5 !important;
animation: pulse 1.5s infinite;
}

.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot-hide:active{
background: #728fe5;
color: #ffffff;

}

.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot-hide:focus{
background: #ffdc7c;
color: #ffffff;

}

.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot-hide:hover{
background: #ffdc7c;
color: #ffffff;

}


.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot-sml-icon-only{
background: #728fe5;
color: #ffffff;
}

.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot-sml-icon-only.active{
box-shadow: 0 0 10px 5px #728fe5 !important;
animation: pulse 1.5s infinite;
}

.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot-sml-icon-only:active{
background: #728fe5;
color: #ffffff;

}

.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot-sml-icon-only:focus{
background: #ffdc7c;
color: #ffffff;

}

.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot-sml-icon-only:hover{
background: #ffdc7c;
color: #ffffff;

}


.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot-sml-icon{
background: #728fe5;
color: #ffffff;

}

.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot-sml-icon.active{
box-shadow: 0 0 10px 5px #728fe5 !important;
animation: pulse 1.5s infinite;
}

.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot-sml-icon:active{
background: #728fe5;
color: #ffffff;

}

.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot-sml-icon:focus{
background: #ffdc7c;
color: #ffffff;

}

.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot-sml-icon:hover{
background: #ffdc7c;
color: #ffffff;

}


.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot-lg-icon-only{
background: #728fe5;
color: #ffffff;

}

.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot-lg-icon-only.active{
box-shadow: 0 0 10px 5px #728fe5 !important;
animation: pulse 1.5s infinite;
}


.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot-lg-icon-only:active{
background: #728fe5;
color: #ffffff;

}

.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot-lg-icon-only:focus{
background: #ffdc7c;
color: #ffffff;

}

.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot-lg-icon-only:hover{
background: #ffdc7c;
color: #ffffff;

}


.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot-lg-icon{
background: #728fe5;
color: #ffffff;

}

.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot-lg-icon.active{
box-shadow: 0 0 10px 5px #728fe5 !important;
animation: pulse 1.5s infinite;
}


.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot-lg-icon:active{
background: #728fe5;
color: #ffffff;

}

.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot-lg-icon:focus{
background: #ffdc7c;
color: #ffffff;

}

.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot-lg-icon:hover{
background: #ffdc7c;
color: #ffffff;

}

.hot-spot-screen .hot-spot-footer.scroll .footer-btn:before{
background: #728fe5 !important;
color: #ffffff !important;

}

.hot-spot-screen .hot-spot-footer.scroll .footer-btn:before:hover{
background: #ffdc7c !important;
color: #ffffff !important;

}


.hot-spot-screen.no_screen .hot-spot-footer .guroo-btn{
background: #728fe5 !important;
color: #ffffff !important;
}

.hot-spot-screen.full_screen .hot-spot-footer .guroo-btn{
background: #728fe5 !important;
color: #ffffff !important;
}

.kpi-overview-panel .kpi-overview-row .kpi-meter-col:before{
background: #2D4452;
}

.video-container {
background: #ffc3aa;
color: #333333 !important;
}

.video-container h4{
color: #333333 !important;
}

.video-container h3,
.video-transcript a,
.video-container .video-details button.btn-play {
	color: #333333 !important;
}


.video-container .video-details button.btn-play:hover,
.video-container .video-details button.btn-play:focus,
.video-transcript a:hover,
.video-transcript a:focus {
	color: #333333 !important;
}


.video-btn.active {
border-color: #728fe5;
}

.video-object .video-thumbnail-wrapper .video-details:before {
color: #728fe5;
}

.video-object .video-thumbnail-wrapper .video-details h4,
.video-container .video-details h4{
color:  #333333 !important;
}

.kpi-overview-panel .kpi-overview-row .kpi-content-col h4{
color: #333333;
font-weight: bold;
}

.video-object .video-thumbnail-wrapper .video-details h3 {
color:  #333333 !important;
}

.video-container .video-details h3 {
color: #333333 !important;
}

.kpi-overview-panel .kpi-overview-row .kpi-content-col h3{
color: #333333;
font-weight: bold;
}

blockquote{
border-color: #728fe5;
}

.call-out-style-1 blockquote{
border-color: #899887;
}

.call-out-style-2 blockquote{
border-color: #707070;
}

.call-out-style-3 blockquote{
border-color: #6ba292;
}

.call-out-style-4 blockquote{
border-color: #5c5c5c;
}


/*21/02/2018*/
.app-bite .scenario-bite .bite-progress-bar .progress-meter{
background: #eab644;
}

.app-bite .scenario-bite .bite-progress-bar .progress-meter.complete{
background: #7aa952;
}

.video-container .video-details.viewed:before,
.video-object .video-thumbnail-wrapper .video-details h4.viewed:before,
.video-object .video-thumbnail-wrapper .video-details h3.viewed:before,
.video-btn.complete:before,
.video-container .video-details h4.viewed:before,
.video-container .video-details h3.viewed:before{
color : #7aa952 !important;
}

.learner-action-option-list .learner-action-option.selected.best:before,
.learner-action-option-list .learner-action-option.review-selected.best:before,
.learner-action-option-list .learner-action-option.answered.best:before{
background: #7aa952 !important;
}
.learner-action-option-list .learner-action-option.selected.ok:before,
.learner-action-option-list .learner-action-option.review-selected.ok:before,
.learner-action-option-list .learner-action-option.answered.ok:before{
background: #eab644 !important;
}
.learner-action-option-list .learner-action-option.selected.poor:before,
.learner-action-option-list .learner-action-option.review-selected.poor:before,
.learner-action-option-list .learner-action-option.answered.poor:before {
background: #dc3c32 !important;
}

.learner-action-option-list .learner-action-option.selected.reflective:before,
.learner-action-option-list .learner-action-option.review-selected.reflective:before,
.learner-action-option-list .learner-action-option.answered.reflective:before {
background: #568275 !important;
}


.learner-action-option-list .learner-action-option.show-answer.best:before,
.learner-action-option-list .learner-action-option.review.best:before{
border-color: #7aa952 !important;
}
.learner-action-option-list .learner-action-option.show-answer.ok:before,
.learner-action-option-list .learner-action-option.review.ok:before{
border-color: #eab644 !important;
}
.learner-action-option-list .learner-action-option.show-answer.poor:before,
.learner-action-option-list .learner-action-option.review.poor:before{
border-color: #dc3c32 !important;
}

.learner-action-option-list .learner-action-option.show-answer.reflective:before,
.learner-action-option-list .learner-action-option.review.reflective:before{
border-color: #568275 !important;
}


.ordering-option-list .ordering-option.answered.reflective:before {
color: #568275 !important;
}





/*mc choice color*/
.multiple-choice-option-list .multiple-choice-option.best input[type="checkbox"]:checked + label:before,
.multiple-choice-option-list .multiple-choice-option.missed input + label:before,
.multiple-choice-option-list .multiple-choice-option.missed:before,
.multiple-choice-option-list .multiple-choice-option.best input + label:before,
.multiple-choice-option-list .multiple-choice-option.best:before,
.multiple-choice-option-list .multiple-choice-option.positive-single input + label:before,
.multiple-choice-option-list .multiple-choice-option.positive-double input + label:before,
.multiple-choice-option-list .multiple-choice-option.unchecked.positive-single input + label:before,
.multiple-choice-option-list .multiple-choice-option.unchecked.positive-double input + label:before,

.multiple-choice-option-list .audio-choice-option.best input[type="checkbox"]:checked + label:before,
.multiple-choice-option-list .audio-choice-option.missed input + label:before,
.multiple-choice-option-list .audio-choice-option.missed:before,
.multiple-choice-option-list .audio-choice-option.best input + label:before,
.multiple-choice-option-list .audio-choice-option.best:before,
.multiple-choice-option-list .audio-choice-option.positive-single input + label:before,
.multiple-choice-option-list .audio-choice-option.positive-double input + label:before,
.multiple-choice-option-list .audio-choice-option.unchecked.positive-single input + label:before,
.multiple-choice-option-list .audio-choice-option.unchecked.positive-double input + label:before,

.grid-choice-option-list .multiple-choice-option.best input[type="checkbox"]:checked + label:before,
.grid-choice-option-list .multiple-choice-option.missed input + label:before,
.grid-choice-option-list .multiple-choice-option.missed:before,
.grid-choice-option-list .multiple-choice-option.best input + label:before,
.grid-choice-option-list .multiple-choice-option.best:before,
.grid-choice-option-list .multiple-choice-option.positive-single input + label:before,
.grid-choice-option-list .multiple-choice-option.positive-double input + label:before,
.grid-choice-option-list .multiple-choice-option.unchecked.positive-single input + label:before,
.grid-choice-option-list .multiple-choice-option.unchecked.positive-double input + label:before,
.grid-choice-option-list .multiple-choice-option.show-answer.best input + label .label-text:before,
.feedback-options-container .feedback-options-panel .feedback-options .feedback-option.best input[type="checkbox"]:checked + label:before,
.feedback-options-container .feedback-options-panel .feedback-options .feedback-option.missed input + label:before,
.feedback-options-container .feedback-options-panel .feedback-options .feedback-option.missed:before,
.feedback-options-container .feedback-options-panel .feedback-options .feedback-option.best input + label:before,
.feedback-options-container .feedback-options-panel .feedback-options .feedback-option.best:before,
.feedback-options-container .feedback-options-panel .feedback-options .feedback-option.positive-single input + label:before,
.feedback-options-container .feedback-options-panel .feedback-options .feedback-option.positive-double input + label:before,
.feedback-options-container .feedback-options-panel .feedback-options .feedback-option.unchecked.positive-single input + label:before,
.feedback-options-container .feedback-options-panel .feedback-options .feedback-option.unchecked.positive-double input + label:before,
.missed-options .multiple-choice-option-list label:before{
color : #7aa952 !important;
}

.multiple-choice-option-list .multiple-choice-option.ok input[type="checkbox"]:checked + label:before,
.multiple-choice-option-list .multiple-choice-option.ok input + label:before,
.multiple-choice-option-list .multiple-choice-option.ok:before,
.multiple-choice-option-list .multiple-choice-option.no-value input + label:before,

.multiple-choice-option-list .audio-choice-option.ok input[type="checkbox"]:checked + label:before,
.multiple-choice-option-list .audio-choice-option.ok input + label:before,
.multiple-choice-option-list .audio-choice-option.ok:before,
.multiple-choice-option-list .audio-choice-option.no-value input + label:before,

.grid-choice-option-list .multiple-choice-option.ok input[type="checkbox"]:checked + label:before,
.grid-choice-option-list .multiple-choice-option.ok input + label:before,
.grid-choice-option-list .multiple-choice-option.ok:before,
.grid-choice-option-list .multiple-choice-option.no-value input + label:before,
.grid-choice-option-list .multiple-choice-option.show-answer.ok input + label .label-text:before,
.feedback-options-container .feedback-options-panel .feedback-options .feedback-option.ok input[type="checkbox"]:checked + label:before,
.feedback-options-container .feedback-options-panel .feedback-options .feedback-option.ok input + label:before,
.feedback-options-container .feedback-options-panel .feedback-options .feedback-option.ok:before,
.feedback-options-container .feedback-options-panel .feedback-options .feedback-option.no-value input + label:before{
color : #eab644 !important;
}

.multiple-choice-option-list .multiple-choice-option.poor input[type="checkbox"]:checked + label:before,
.multiple-choice-option-list .multiple-choice-option.poor input + label:before,
.multiple-choice-option-list .multiple-choice-option.poor:before,
.multiple-choice-option-list .multiple-choice-option.negative-single input + label:before,
.multiple-choice-option-list .multiple-choice-option.negative-double input + label:before,

.multiple-choice-option-list .audio-choice-option.poor input[type="checkbox"]:checked + label:before,
.multiple-choice-option-list .audio-choice-option.poor input + label:before,
.multiple-choice-option-list .audio-choice-option.poor:before,
.multiple-choice-option-list .audio-choice-option.negative-single input + label:before,
.multiple-choice-option-list .audio-choice-option.negative-double input + label:before,

.grid-choice-option-list .multiple-choice-option.poor input[type="checkbox"]:checked + label:before,
.grid-choice-option-list .multiple-choice-option.poor input + label:before,
.grid-choice-option-list .multiple-choice-option.poor:before,
.grid-choice-option-list .multiple-choice-option.negative-single input + label:before,
.grid-choice-option-list .multiple-choice-option.negative-double input + label:before,
.grid-choice-option-list .multiple-choice-option.show-answer.poor input + label .label-text:before,
.feedback-options-container .feedback-options-panel .feedback-options .feedback-option.poor input[type="checkbox"]:checked + label:before,
.feedback-options-container .feedback-options-panel .feedback-options .feedback-option.poor input + label:before,
.feedback-options-container .feedback-options-panel .feedback-options .feedback-option.poor:before,
.feedback-options-container .feedback-options-panel .feedback-options .feedback-option.negative-single input + label:before,
.feedback-options-container .feedback-options-panel .feedback-options .feedback-option.negative-double input + label:before{
color : #dc3c32 !important;
}

.multiple-choice-option-list .multiple-choice-option.reflective input[type="checkbox"]:checked + label:before,
.multiple-choice-option-list .multiple-choice-option.reflective input + label .icons8:before,
.multiple-choice-option-list .multiple-choice-option.reflective input + label:before,
.multiple-choice-option-list .multiple-choice-option.reflective input + label .icons8:before,
.multiple-choice-option-list .multiple-choice-option.reflective:before,
.multiple-choice-option-list .audio-choice-option.reflective input[type="checkbox"]:checked + label:before,
.multiple-choice-option-list .audio-choice-option.reflective input + label:before,
.multiple-choice-option-list .audio-choice-option.reflective:before,
.grid-choice-option-list .multiple-choice-option.reflective input[type="checkbox"]:checked + label:before,
.grid-choice-option-list .multiple-choice-option.reflective input + label:before,
.grid-choice-option-list .multiple-choice-option.reflective:before,
.feedback-options-container .feedback-options-panel .feedback-options .feedback-option.reflective input[type="checkbox"]:checked + label:before,
.feedback-options-container .feedback-options-panel .feedback-options .feedback-option.reflective input + label:before,
.feedback-options-container .feedback-options-panel .feedback-options .feedback-option.reflective:before{
color : #568275 !important;
}

/*mc choice border*/
.multiple-choice-option-list .multiple-choice-option.unchecked.positive-single:before,
.multiple-choice-option-list .multiple-choice-option.unchecked.positive-double:before,
.multiple-choice-option-list .audio-choice-option.unchecked.positive-single:before,
.multiple-choice-option-list .audio-choice-option.unchecked.positive-double:before,
.grid-choice-option-list .multiple-choice-option.unchecked.positive-single:before,
.grid-choice-option-list .multiple-choice-option.unchecked.positive-double:before,
.grid-choice-option-list .multiple-choice-option.best,
.feedback-options-container .feedback-options-panel .feedback-options .feedback-option.unchecked.positive-single:before,
.feedback-options-container .feedback-options-panel .feedback-options .feedback-option.unchecked.positive-double:before{
border-color : #7aa952 !important;

}

.grid-choice-option-list .multiple-choice-option.ok {
border-color : #eab644 !important;

}

.grid-choice-option-list .multiple-choice-option.poor {
border-color : #dc3c32 !important;
}

.grid-choice-option-list .multiple-choice-option.reflective {
border-color : #568275 !important;
}

/*mc choice background*/
.multiple-choice-option-list .multiple-choice-option.positive-single:before,
.multiple-choice-option-list .multiple-choice-option.positive-double:before,

.multiple-choice-option-list .audio-choice-option.positive-single:before,
.multiple-choice-option-list .audio-choice-option.positive-double:before,

.grid-choice-option-list .multiple-choice-option.positive-single:before,
.grid-choice-option-list .multiple-choice-option.positive-double:before,
.feedback-options-container .feedback-options-panel .feedback-options .feedback-option.positive-single:before,
.feedback-options-container .feedback-options-panel .feedback-options .feedback-option.positive-double:before {
background : #7aa952 !important;

}

.multiple-choice-option-list .multiple-choice-option.no-value:before,
.multiple-choice-option-list .audio-choice-option.no-value:before,
.grid-choice-option-list .multiple-choice-option.no-value:before,
.feedback-options-container .feedback-options-panel .feedback-options .feedback-option.no-value:before{
background : #eab644 !important;
}

.multiple-choice-option-list .multiple-choice-option.negative-single:before,
.multiple-choice-option-list .multiple-choice-option.negative-double:before,
.multiple-choice-option-list .audio-choice-option.negative-single:before,
.multiple-choice-option-list .audio-choice-option.negative-double:before,
.grid-choice-option-list .multiple-choice-option.negative-single:before,
.grid-choice-option-list .multiple-choice-option.negative-double:before,
.feedback-options-container .feedback-options-panel .feedback-options .feedback-option.negative-single:before,
.feedback-options-container .feedback-options-panel .feedback-options .feedback-option.negative-double:before{
background : #dc3c32 !important;

}


/**feedback**/
.feedback-panel.best {
background: #f2f7ee !important;
border-color: #7aa952 !important;
}
.feedback-panel.best .feedback-options-panel {
border-color: #7aa952 !important;
}
.feedback-panel.ok {
background: #fdf8ed !important;
border-color: #eab644 !important;
}
.feedback-panel.ok .feedback-options-panel {
border-color: #eab644 !important;
}
.feedback-panel.poor {
background: #fcebeb !important;
border-color: #dc3c32 !important;
}
.feedback-panel.poor .feedback-options-panel {
border-color: #dc3c32 !important;
}

.feedback-panel.reflective {
background: #e1ece9 !important;
border-color: #568275 !important;
}
.feedback-panel.reflective .feedback-options-panel {
border-color: #568275 !important;
}

/*ratings slider*/

.horizontal-slide-bar .horizontal-slide-bar-list .sector:hover {
background: #568275 !important;

}
.horizontal-slide-bar .horizontal-slide-bar-list .sector:hover:before {
color: #568275 !important;
}
.horizontal-slide-bar .horizontal-slide-bar-list .sector.active {
background: #568275 !important;
}
.horizontal-slide-bar .horizontal-slide-bar-list .sector.active:before {
color: #568275 !important;
}


.horizontal-slide-bar .slider {
    background: #568275 !important;
}

.object-feed .customer-has-expression .character-expression.best {
-webkit-box-shadow: 0px 0px 0px 1px #7aa952;
-moz-box-shadow: 0px 0px 0px 1px #7aa952;
box-shadow: 0px 0px 0px 1px #7aa952;
}
.object-feed .customer-has-expression .character-expression.ok {
-webkit-box-shadow: 0px 0px 0px 1px #eab644;
-moz-box-shadow: 0px 0px 0px 1px #eab644;
box-shadow: 0px 0px 0px 1px #eab644;
}
.object-feed .customer-has-expression .character-expression.poor {
-webkit-box-shadow: 0px 0px 0px 1px #dc3c32;
-moz-box-shadow: 0px 0px 0px 1px #dc3c32;
box-shadow: 0px 0px 0px 1px #dc3c32;
}

.object-feed .customer-has-expression .character-expression.reflective {
-webkit-box-shadow: 0px 0px 0px 1px #568275;
-moz-box-shadow: 0px 0px 0px 1px #568275;
box-shadow: 0px 0px 0px 1px #568275;
}

.document-panel .link-title.complete:before{
color : #7aa952 !important;
}

.horz-slider-screen .slider-container .thumbnail-list .thumbnail-item.complete:before {
color : #7aa952 !important;

}

.menu-panel .icon-container.in-progress {
background: #eab644 !important;
}
.menu-panel .icon-container.complete {
background: #7aa952 !important;
}



.menu-panel.linear-not-started {
box-shadow: 0 0 10px 5px #728fe5 !important;
}
.menu-panel.linear-not-started.disabled {
box-shadow: none !important;
}
.menu-panel.linear-in-progress:not(.linear-not-started) {
box-shadow: 0 0 10px 5px #728fe5 !important;
}

.menu-panel.optional {
    box-shadow: none !important;
}

.dialog-page .asset-content-dialog.dialog-asset-image .dialog-body .asset-dialog-image .asset-img-container .video-thumbnail-wrapper .video-details h4.viewed:before {

color : #7aa952 !important;

}

.dialog-page .asset-content-dialog.dialog-asset-image .dialog-body .asset-dialog-image .asset-img-container .video-thumbnail-wrapper .video-details h3.viewed:before {

color : #7aa952 !important;

}

.main-menu-nav .menu-nav-item.in-progress:before,
.main-menu-nav .menu-nav-accordion-btn.in-progress:before,
.resource-links .resource-link.in-progress:before{
color: #eab644 !important;

}

.main-menu-nav .menu-nav-item.complete:before,
.main-menu-nav .menu-nav-accordion-btn.complete:before,
.resource-links .resource-link.viewed:before,
.resource-links .resource-link.complete:before,
.accordion .accordion-item .accordion-item-list .accordion-btn.complete:before{
color : #7aa952 !important;

}


.kpi-review-btn .kpi-review-btn-label.best,
.kpi-review-btn .progress-indicator.complete:before,
.points-indicator.positive-up,
.points-indicator.positive-down,
.kpi-rotation .start-label.best,
.kpi-rotation.default .kpi-rotation-meter .meter-wrapper .min-label.best,
.kpi-rotation.default .kpi-rotation-meter .meter-wrapper .max-label.best,
.kpi-rotation.primary .kpi-rotation-meter .meter-wrapper .min-label.best,
.kpi-rotation.primary .kpi-rotation-meter .meter-wrapper .max-label.best,
.kpi-description .score-column .best{
color : #7aa952 !important;
}
.kpi-review-btn .kpi-review-btn-label.ok,
.points-indicator.neutral,
.kpi-rotation .start-label.ok,
.kpi-rotation.default .kpi-rotation-meter .meter-wrapper .min-label.ok,
.kpi-rotation.default .kpi-rotation-meter .meter-wrapper .max-label.ok,
.kpi-rotation.primary .kpi-rotation-meter .meter-wrapper .min-label.ok,
.kpi-rotation.primary .kpi-rotation-meter .meter-wrapper .max-label.ok,
.kpi-description .score-column .ok{
color: #eab644 !important;
}
.kpi-review-btn .kpi-review-btn-label.poor,
.points-indicator.negative-down,
.points-indicator.negative-up,
.kpi-rotation .start-label.poor,
.kpi-rotation.default .kpi-rotation-meter .meter-wrapper .min-label.poor,
.kpi-rotation.default .kpi-rotation-meter .meter-wrapper .max-label.poor,
.kpi-rotation.primary .kpi-rotation-meter .meter-wrapper .min-label.poor,
.kpi-rotation.primary .kpi-rotation-meter .meter-wrapper .max-label.poor,
.kpi-description .score-column .poor{
color: #dc3c32 !important;

}

.kpi-rotation-btn .kpi-current-score .current-score-label.best,
.kpi-rotation .kpi-score-difference.positive .diff-label,
.kpi-rotation .kpi-current-score .current-score-label.best,
.kpi-points-awarded.positive-single:before,
.kpi-points-awarded.positive-double:before,
.kpi-points-awarded.positive-double:after{
border-color: #7aa952 !important;
}

.kpi-points-review-awarded.positive-single .kpi-result,
.kpi-points-review-awarded.positive-double .kpi-result{
background: #7aa952 !important;
border: 1px solid #f2f7ee !important;
}


/** .kpi-points-review-awarded.positive-single,
.kpi-points-review-awarded.positive-double, **/
.kpi-self-rating-list li.positive-single:hover,
.kpi-self-rating-list li.positive-single.active,
.kpi-self-rating-list li.positive-double:hover,
.kpi-self-rating-list li.positive-double.active
{
background: #7aa952 !important;
opacity: 1;
}

/** .kpi-points-review-awarded.no-value, **/
.kpi-self-rating-list li.no-value:hover,
.kpi-self-rating-list li.no-value.active{
background: #eab644 !important;
opacity: 1;
}

/** .kpi-points-review-awarded.negative-single,
.kpi-points-review-awarded.negative-double, **/
.kpi-self-rating-list li.negative-single:hover,
.kpi-self-rating-list li.negative-single.active,
.kpi-self-rating-list li.negative-double:hover,
.kpi-self-rating-list li.negative-double.active{
background: #dc3c32 !important;
opacity: 1;
}

.kpi-rotation-btn .kpi-current-score .current-score-label.ok,
.kpi-rotation .kpi-current-score .current-score-label.ok,
.kpi-points-awarded.no-value:before{
border-color: #eab644 !important;
}
.kpi-points-review-awarded.no-value .kpi-result{
background: #eab644 !important;
border: 1px solid #fdf8ed !important;

}
.kpi-rotation-btn .kpi-current-score .current-score-label.poor,
.kpi-rotation .kpi-score-difference.negative .diff-label,
.kpi-rotation .kpi-current-score .current-score-label.poor,
.kpi-points-awarded.negative-single:before,
.kpi-points-awarded.negative-double:before,
.kpi-points-awarded.negative-double:after{
border-color: #dc3c32 !important;

}
.kpi-points-review-awarded.negative-single .kpi-result,
.kpi-points-review-awarded.negative-double .kpi-result{
background: #dc3c32 !important;
border: 1px solid #fcebeb !important;
}

.kpi-results-description.best,
.kpi-results-panel.best{
border-color: #7aa952 !important;
background: #f2f7ee !important;
}
.kpi-results-description.ok,
.kpi-results-panel.ok{
border-color: #eab644 !important;
background: #fdf8ed !important;
}
.kpi-results-description.poor,
.kpi-results-panel.poor{
border-color: #dc3c32 !important;
background: #fcebeb !important;
}

.kpi-results-description.reflective,
.kpi-results-panel.reflective,
.kpi-results-panel.indicator,
.kpi-results-description.indicator {
border-color: #568275 !important;
background: #e1ece9 !important;
}

.kpi-results-panel.indicator .indicator-score {
background: #568275 !important;
}

.kpi-graph-container .kpi-graph .green-zone-marker {
border-top-color: #7aa952 !important;
}

.kpi-graph-container .kpi-graph .yellow-zone-marker {
border-top-color: #eab644 !important;
}

.kpi-graph-container .kpi-graph .bar-graph-items .graph-item.positive .graph-item-marker {
background: #7aa952 !important;
}
.kpi-graph-container .kpi-graph .bar-graph-items .graph-item.positive .graph-item-tool-tip {
border-color: #7aa952 !important;
}
.kpi-graph-container .kpi-graph .bar-graph-items .graph-item.positive .graph-item-tool-tip-arrow:before {
border-top-color: #7aa952 !important;
}

.kpi-graph-container .kpi-graph .bar-graph-items .graph-item.neutral .graph-item-marker {
background: #eab644 !important;
}
.kpi-graph-container .kpi-graph .bar-graph-items .graph-item.neutral .graph-item-tool-tip {
border-color: #eab644 !important;
}
.kpi-graph-container .kpi-graph .bar-graph-items .graph-item.neutral .graph-item-tool-tip-arrow:before {
border-top-color: #eab644 !important;
}

.kpi-graph-container .kpi-graph .bar-graph-items .graph-item.negative .graph-item-marker {
background:  #dc3c32 !important;
}
.kpi-graph-container .kpi-graph .bar-graph-items .graph-item.negative .graph-item-tool-tip {
border-color:  #dc3c32 !important;
}
.kpi-graph-container .kpi-graph .bar-graph-items .graph-item.negative .graph-item-tool-tip-arrow:before {
border-top-color:  #dc3c32 !important;
}

.kpi-graph-container .kpi-graph .bar-graph-items .graph-item.reflective .graph-item-marker {
background:  #568275 !important;
}
.kpi-graph-container .kpi-graph .bar-graph-items .graph-item.reflective .graph-item-tool-tip {
border-color:  #568275 !important;
}
.kpi-graph-container .kpi-graph .bar-graph-items .graph-item.reflective .graph-item-tool-tip-arrow:before {
border-top-color:  #568275 !important;
}


.kpi-self-rating-list li.positive-single {
border-color: #7aa952 !important;
}

.kpi-self-rating-list li.positive-single:after {
color: #7aa952 !important;
}


.kpi-self-rating-list li.positive-double {
border-color:#7aa952 !important;
}
.kpi-self-rating-list li.positive-double:after {
color: #7aa952 !important;
}


.kpi-self-rating-list li.no-value {
border-color: #eab644 !important;
}
.kpi-self-rating-list li.no-value:after {
color: #eab644 !important;
}


.kpi-self-rating-list li.negative-single {
border-color: #dc3c32 !important;

}
.kpi-self-rating-list li.negative-single:after {
color: #dc3c32 !important;
}


.kpi-self-rating-list li.negative-double {
border-color: #dc3c32 !important;
}

.kpi-self-rating-list li.negative-double:after {
color: #dc3c32 !important;
}

.learner-action .question-wrapper.short-response {
color: #333333  !important;
border-color: #406158  !important;
border-style: solid  !important;
background-color: #89b5a8  !important;
}
.content-wrapper .learner-action .question-wrapper.short-response {
color: #333333  !important;
border-color: #406158  !important;
border-style: solid  !important;
background-color: #89b5a8  !important;
}


.learner-action .question-wrapper.short-response h4,
.content-wrapper .learner-action .question-wrapper.short-response h4{
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif important;
color: #333333  !important;

}

.learner-action .question-wrapper.short-response h3,
.content-wrapper .learner-action .question-wrapper.short-response h3{
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif important;
color: #333333  !important;

}



.selection-menu .menu-option-container .menu-option-list .option-item .option-label {
color: #728fe5;
}

.resource-link {
color: #728fe5;
}

.resource-link:active {
color: #728fe5;
}

.resource-link:hover {
color: #707070;
}

.resource-link:focus {
color: #707070;
}

.resource-link span:focus {
color: #707070;
}

.resource-link a{
color: #728fe5;
}

.resource-link a:active {
color: #728fe5;
}

.resource-link a:hover {
color: #707070;
}

.resource-link a:focus {
color: #707070;
}

.resource-link a:focus {
color: #707070;
}

.ql-done {

font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
background: #728fe5 !important;
color: #ffffff !important;
}

.ql-done:active{
background: #728fe5 !important;
color: #ffffff !important;
}

.ql-done:focus{
background: #ffdc7c !important;
color: #ffffff !important;
}

.ql-done:hover{
background: #ffdc7c !important;
color: #ffffff !important;
}

.text-resize-list{
color: #333333;
}


.tabbed-content-process-horizontal .tab-list .tab-item {
color: #333333;
}


.tabbed-content-process-horizontal .tab-list .tab-item.active {
border-top-color: #728fe5 !important;
border-bottom-color:  #728fe5 !important;
}

.tabbed-content-process-horizontal .tab-list .tab-item.active:first-child {
border-left-color: #728fe5;
}

.tabbed-content-process-horizontal .tab-list .tab-item.active .pre-shape:before {
border-left-color: #728fe5;
}

.tabbed-content-process-horizontal .tab-list .tab-item.active .post-shape:before {
border-left-color: #728fe5;
}

.tabbed-content-process-vertical .tab-list .tab-item {
color: #333333;
}


.tabbed-content-process-vertical .tab-list .tab-item.active {
-webkit-box-shadow: 0px 0px 1px 2px #728fe5 !important;
-moz-box-shadow: 0px 0px 1px 2px #728fe5 !important;
box-shadow: 0px 0px 1px 2px #728fe5 !important;
}

.tabbed-content-tile-horizontal .tab-list .tab-item {
color: #333333 ;
}

.tabbed-content-tile-horizontal .tab-list .tab-item.active {
-webkit-box-shadow: 0px 0px 1px 2px #728fe5;
-moz-box-shadow: 0px 0px 1px 2px #728fe5;
box-shadow: 0px 0px 1px 2px #728fe5;
}

.tabbed-content-tile-horizontal .tab-list .tab-item {
color: #333333;
}

.tabbed-content-tile-vertical .tab-list .tab-item.active {
-webkit-box-shadow: 0px 0px 1px 2px #728fe5 !important;
-moz-box-shadow: 0px 0px 1px 2px #728fe5 !important;
box-shadow: 0px 0px 1px 2px #728fe5 !important;
}


.footer{
color: #ffffff !important;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;

    background: #474747;
}

.footer .footer-text{
color: #ffffff !important;
}

.footer .footer-text a{
color: #ffffff !important;
}


.ordering-option-list .ordering-option.answered.best .option-label {
	background: #728fe5 !important;
	color: #ffffff !important;
	border-color: #728fe5 !important;
}

.ordering-option-list .ordering-option.answered.best .option-label:after {
    background: #728fe5 !important;
}

.ordering-option-list .ordering-option.answered.best .option-answer {
	background: #728fe5 !important;
	color: #ffffff !important;
	border-color: #728fe5 !important;
}

.content-wrapper.framed .content-area .top-line {
background: #728fe5 !important;
}


/* gameboard */

.learning-plan-menu-header.traditional {
    background: #474747;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
color: #ffffff;
}

.learning-plan-menu-header.traditional  h3 {
color: #ffffff;
}


.learning-plan-menu-header.traditional .filter-panel {
color: #ffffff;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    background: #474747;
}


.learning-plan-menu-header.traditional .filter-panel h3 {
color: #ffffff;
}

.learning-plan-menu-header.floating_ribbon .label-panel {
    background: #474747;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
color: #ffffff;
}

.learning-plan-menu-header.floating_ribbon .label-panel:before {
border-color: #474747;
}

.learning-plan-menu-header.floating_ribbon .label-panel:after {
    border-color: #474747;

}

.learning-plan-menu-header.floating_ribbon .label-panel h3 {
color: #ffffff;
}

.learning-plan-menu-header.floating_ribbon .filter-panel .instruction-text {
color: #ffffff;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    background: #474747;
}

.learning-plan-menu-header.floating_ribbon .header-btn {
background: #474747;
color: #ffffff;
}

.menu-panel .content-container .bite-title .required{
background: #728fe5 !important;
color: #ffffff !important;

}

.learning-plan-drag-mat .bite-hotspot .hot-spot-tool-tip .optional-indicator {
background: #728fe5 !important;
color: #ffffff !important;

}

.learning-plan-drag-mat .bite-hotspot .hot-spot-tool-tip {
color: #333333;
}

.learning-plan-drag-mat .bite-hotspot .hot-spot-tool-tip .guroo-btn{
background: #728fe5;
color: #ffffff;
}

.tool-tip {
color: #333333;
}

.hot-spot-sml .progress-meter.in-progress,
.hot-spot-lg .progress-meter.in-progress,
.hot-spot-round .progress-meter.in-progress{
background: #eab644 !important;
}

.hot-spot-sml .progress-meter.complete,
.hot-spot-lg .progress-meter.complete,
.hot-spot-round .progress-meter.complete{
background: #7aa952 !important;
}

.hot-spot-sml-icon-btn .hot-spot-body.in-progress .hot-spot-icon-container:after,
.hot-spot-sml-icon .hot-spot-body.in-progress:after{
border-top-color: #eab644 !important;
border-left-color: #eab644 !important;
}

.hot-spot-sml-icon-btn .hot-spot-body.complete .hot-spot-icon-container:before,
.hot-spot-sml-icon .hot-spot-body.complete:before{
border-color: #7aa952 !important;
}

.learning-plan-drag-mat .bite-hotspot .hot-spot-lg.icon-only .hot-spot-body,
.learning-plan-drag-mat .bite-hotspot .hot-spot .hot-spot-body,
.learning-plan-drag-mat .bite-hotspot .hot-spot-hide .hot-spot-body,
.learning-plan-drag-mat .bite-hotspot .hot-spot-sml .hot-spot-body,
.learning-plan-drag-mat .bite-hotspot .hot-spot .hot-spot-body .hot-spot-label,
.learning-plan-drag-mat .bite-hotspot .hot-spot-hide .hot-spot-body .hot-spot-label,
.learning-plan-drag-mat .bite-hotspot .hot-spot-sml-icon .hot-spot-body,
.learning-plan-drag-mat .bite-hotspot .hot-spot-sml-icon-btn .hot-spot-body,
.learning-plan-drag-mat .bite-hotspot .hot-spot-sml .hot-spot-body,
.learning-plan-drag-mat .bite-hotspot .hot-spot-lg .hot-spot-body .hot-spot-content,
.learning-plan-drag-mat .bite-hotspot .hot-spot-round .hot-spot-body .hot-spot-content{
background: #728fe5;
color: #ffffff;
}

.learning-plan-drag-mat .bite-hotspot .hot-spot-sml.icon-only .hot-spot-body.in-progress:after{
border-color:  #728fe5;
}

.menu-panel .icon-container.in-progress {
background: #eab644 !important;
}

.menu-panel .icon-container.complete {
background: #7aa952 !important;
}


/* updated gameboard styles for hotspots */
/* hotspot type- hot-spot-lg */

.screen-container.gameboard .bite-hotspot .hot-spot-lg.linear-not-started .hot-spot-content {
box-shadow: 0 0 10px 5px #ffdc7c !important;
}
.screen-container.gameboard .bite-hotspot .hot-spot-lg.linear-not-started.disabled .hot-spot-content {
box-shadow: none!important;
}
.screen-container.gameboard .bite-hotspot .hot-spot-lg.linear-in-progress:not(.linear-not-started) .hot-spot-content {
box-shadow: 0 0 10px 5px #ffdc7c !important;
}
.screen-container.gameboard .bite-hotspot .hot-spot-lg.optional .hot-spot-content {
box-shadow: none!important;
}

/* hotspot with outlines */
/* hot-spot-round */
.screen-container.gameboard .bite-hotspot .hot-spot-round.linear-not-started .hot-spot-content {
box-shadow: 0 0 10px 5px #ffdc7c !important;
}
.screen-container.gameboard .bite-hotspot .hot-spot-round.linear-in-progress:not(.linear-not-started) .hot-spot-content {
box-shadow: 0 0 10px 5px #ffdc7c !important;
}

/* hotspot with outlines */
/* hot-spot-sml */
/* hot-spot-sml */
/* hot-spot-sml-icon-btn */
/* hot-spot-sml-icon */
/* hot-spot */
/* hot-spot-hide */
.screen-container.gameboard .bite-hotspot .hot-spot-sml.linear-not-started .hot-spot-body,
.screen-container.gameboard .bite-hotspot .hot-spot-sml-icon-btn.linear-not-started .hot-spot-body,
.screen-container.gameboard .bite-hotspot .hot-spot-sml-icon.linear-not-started .hot-spot-body,
.screen-container.gameboard .bite-hotspot .hot-spot.linear-not-started .hot-spot-body,
.screen-container.gameboard .bite-hotspot .hot-spot-hide.linear-not-started .hot-spot-body {
box-shadow: 0 0 10px 5px #ffdc7c !important;
}
.screen-container.gameboard .bite-hotspot .hot-spot-sml.linear-in-progress:not(.linear-not-started) .hot-spot-body,
.screen-container.gameboard .bite-hotspot .hot-spot-sml-icon-btn.linear-in-progress:not(.linear-not-started) .hot-spot-body,
.screen-container.gameboard .bite-hotspot .hot-spot-sml-icon.linear-in-progress:not(.linear-not-started) .hot-spot-body,
.screen-container.gameboard .bite-hotspot .hot-spot.linear-in-progress:not(.linear-not-started) .hot-spot-body,
.screen-container.gameboard .bite-hotspot .hot-spot-hide.linear-in-progress:not(.linear-not-started) .hot-spot-body {
box-shadow: 0 0 10px 5px #ffdc7c !important;
}

.learning-plan-drag-mat .bite-hotspot .hot-spot-lg.icon-only .hot-spot-body {
background: transparent !important;
}

/*mc-slide-bar*/

.mc-slide-bar .mc-slide-bar-list .sector:hover,
.mc-slide-bar .mc-slide-bar-list .sector:hover:not(.disabled) {
    background: #728fe5 !important;
}

.mc-slide-bar .mc-slide-bar-list .sector:hover:before {
    color: #728fe5 !important;
}

.mc-slide-bar .mc-slide-bar-list .sector.active {
    background: #728fe5 !important;
}

.mc-slide-bar .mc-slide-bar-list .sector.active:before {
    color: #728fe5 !important;
}

.mc-slide-bar .slider {
    background: #728fe5 !important;
}

/* mc-slider-bar label */

.mc-slide-bar .mc-slide-bar-list .sector .sector-label,
.mc-slide-bar .mc-slider-label-panel .option-label {
color: #728fe5 !important;
}

.mc-slide-bar .mc-slider-label-panel {
color: #728fe5;
}

.mc-slide-bar.label-display-all .mc-slide-bar-list .sector:hover:before,
.mc-slide-bar.label-display-all .mc-slide-bar-list .sector.active:before {
background: #728fe5 !important;
}