/*Body*/

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

body:before{
    background: url(../assets/backgrounds/2fd0221cd8245e9876910cabba4dbef0.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: #214065;
}

.preloading-image {
background: #214065;
}

/*Header*/

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

    background: #231f20;
}

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

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

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

    background: #214065;
}


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


/*Buttons*/

.guroo-btn{
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
background: #0087be;
color: #ffffff;
}
}

.guroo-btn:active{
background: #48a7cd;
color: #ffffff;

}

.guroo-btn:focus{
background: #48a7cd;
color: #ffffff;

}

.guroo-btn:hover{
background: #48a7cd;
color: #ffffff;

}

/*Links*/

a{
color: #333333;
}

a:active{
color: #333333;
}

a:focus{
color: #666666;
}

a:hover{
color: #666666;
}

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

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

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

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

/*Menu Links*/

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

.menu-nav-accordion-btn:after{
color: #0087be;
}

/*Titles*/
.heading_1{
    font-family: 'Arial Rounded MT Bold', 'Helvetica Rounded', Arial, sans-serif;
    color: #333333;
    font-size: 280%;
            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: solid !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: #333333;
}

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

.multiple-choice-option input[type="radio"] + label:before {
color: #0087be;
}
.multiple-choice-option input[type="radio"]:checked + label:before {
color: #0087be;
}
.multiple-choice-option input[type="checkbox"] + label:before {
color: #0087be;
}
.multiple-choice-option input[type="checkbox"]:checked + label:before {
color: #0087be;
}


.learner.speak {
background: #0087be;
}


.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 #0087be;
}

.learner.speak.square:after{
border-color: transparent  transparent transparent #0087be;
}


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

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

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


.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: #214065;
}


.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 #214065;
}

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



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

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

.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: #0087be;
}

.learner-action-option-list .learner-action-option.answered:after {
color: #0087be;
}

.learner-action .question-wrapper.complete:after{
color: #0087be;
}


.learner-action-option-list .learner-action-option.speak label {
background: #0087be;
}

.learner-action-option-list .learner-action-option.speak.review-current input:disabled + label {
background: #0087be;
}

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



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

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

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


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


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


.learner-action-option-list .learner-action-option.answered:after{
color: #0087be;
}



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



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

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

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


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


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

.grid-choice-option-list .multiple-choice-option.checked{
border-color:  #0087be;
}

.grid-choice-option-list .multiple-choice-option.selected{
border-color:  #0087be;
}

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

/*swipe left right*/

.swipe-container .swipe-options-list .multiple-choice-option:hover {
background:  #0087be;
}

.swipe-container .swipe-options-list .multiple-choice-option.active {
background:  #0087be;
}

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

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


/*KPI*/

.guroo-kpi-label{
background: #0087be;
}

.kpi-graph{
border-color: #0087be;
}

.kpi-graph .bar-graph-items .graph-item .badge-earned:before {
color: #006cab;

}

/*Badges*/

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


.badge .badge-container:before{
color: #006cab;
}

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

.badge .badge-label{
background: #214065;
}

.badge-collection-panel {
background: #fff;
color: #333333;
border-color: #d5d5d5;
border-style: <br />
<b>Notice</b>:  Undefined property: stdClass::$border_style in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>550</b><br />
;
}


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

.kpi-overview-panel{
background: #fff;
color: #333333;
border-color: #d5d5d5;

}

.kpi-overview-panel h4{
color: #333333;
}
.kpi-overview-panel .kpi-overview-row .kpi-meter-col:before{
background: #214065;
}

.kpi-overview-panel .kpi-overview-row .kpi-meter-col{
background: #eff0f2;
}
.kpi-overview-panel .kpi-overview-row .kpi-content-col{
background: #fff;
}


.tick-list ul li:before{
background: #0087be;
}

.cross-list ul li:before{
background: #0087be;
}

.plus-list ul li:before{
background: #0087be;
}

.arrow-list ul li:before{
background: #0087be;
}

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

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


/*Call Outs*/

.call-out-style-1{
color: #333333  !important;
border-color: #b7308a !important;
border-style: solid !important;
background-color: #f8e6f2 !important;
}

.call-out-style-1 .asset-image-wrapper.border,
.call-out-style-1 .asset-image-wrapper.padded_border{
border-color: #b7308a !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: #b7308a;
}

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

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

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

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

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

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

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

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



.call-out-style-2{
color: #333333;
border-color: #006cab;
border-style: solid;
background-color: #e9f0f6;

}

.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: #333333  !important;
border-bottom-color: #333333 !important;
}

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

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

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

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

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

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

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


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

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


.call-out-style-3{
color: #333333;
border-color: #7775b1;
border-style: solid;
background-color: #e6e5f4;

}

.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: #333333  !important;
border-bottom-color: #333333 !important;
}


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

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

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

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

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

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

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


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

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


.call-out-style-4{
color: #333333;
border-color: #e16b43;
border-style: solid;
background-color: #fbeadf;

}

.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: #333333  !important;
border-bottom-color: #333333 !important;
}

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

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

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

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

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

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

.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: #049fdb;
}

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

.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: #049fdb;
}

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

.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: #049fdb;
}

.scrollable-tab .tab-list .tab-item.active:focus:after{
background: #049fdb;
}

.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: #0087be;
}

.horz-slider-screen .slider-next-slide-btn:after{
color: #0087be;
}

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


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

.horz-slider-timeline .slider-prev-slide-btn:after{
color: #0087be;
}

.horz-slider-timeline .slider-next-slide-btn:after{
color: #0087be;
}

/*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: #214065;
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: #214065;
border-color: #ffffff;
color: #ffffff;
}

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


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


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

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

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

.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot{
    background: #0087be;
    color: #ffffff;

}

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

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

}

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

}

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

}



.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot-hide{
    background: #0087be;
    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 #0087be !important;
    animation: pulse 1.5s infinite;
}

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

}

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

}

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

}



.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot-sml-icon-only{
    background: #0087be;
    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 #0087be !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: #0087be;
    color: #ffffff;

}

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

}

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

}


.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot-sml-icon{
    background: #0087be;
    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 #0087be !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: #0087be;
    color: #ffffff;

}

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

}

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

}



.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot-lg-icon-only{
    background: #0087be;
    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 #0087be !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: #0087be;
    color: #ffffff;

}

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

}

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

}



.hot-spot-screen .hot-spot-content .hot-spot-background-container .hot-spot-area .hot-spot-lg-icon{
    background: #0087be;
    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 #0087be !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: #0087be;
    color: #ffffff;

}

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

}

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

}

.hot-spot-screen .hot-spot-footer.scroll .footer-btn:before{
    background: #0087be;
    color: #ffffff;

}

.hot-spot-screen .hot-spot-footer.scroll .footer-btn:before:hover{
    background: #48a7cd;
    color: #ffffff;

}


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

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

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

.video-container {
background: #edeff0;
color: #333333 !important;
<br />
<b>Notice</b>:  Undefined property: stdClass::$corner_style in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1334</b><br />
}

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


.video-btn.active {
border-color: #0087be;
}

.video-object .video-thumbnail-wrapper .video-details:before {
color: #0087be;
}

.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;
}
blockquote{
border-color: #0087be;
}

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

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

.call-out-style-3 blockquote{
border-color: #7775b1;
}

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


/*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-btn.complete:before,
.video-container .video-details h4.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: <br />
<b>Notice</b>:  Undefined property: stdClass::$reflective_feedback in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1417</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1417</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1417</b><br />
 !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: <br />
<b>Notice</b>:  Undefined property: stdClass::$reflective_feedback in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1436</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1436</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1436</b><br />
 !important;
}


.ordering-option-list .ordering-option.answered.reflective:before {
    color: <br />
<b>Notice</b>:  Undefined property: stdClass::$reflective_feedback in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1441</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1441</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1441</b><br />
 !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: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 : <br />
<b>Notice</b>:  Undefined property: stdClass::$reflective_feedback in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1551</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1551</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1551</b><br />
 !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 : <br />
<b>Notice</b>:  Undefined property: stdClass::$reflective_feedback in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1578</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1578</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1578</b><br />
 !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: #FEF8E2 !important;
border-color: #eab644 !important;
}
.feedback-panel.ok .feedback-options-panel {
border-color: #eab644 !important;
}
.feedback-panel.poor {
background: #f9ebec !important;
border-color: #dc3c32 !important;
}
.feedback-panel.poor .feedback-options-panel {
border-color: #dc3c32 !important;
}

.feedback-panel.reflective {
background: <br />
<b>Notice</b>:  Undefined property: stdClass::$reflective_feedback in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1640</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1640</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1640</b><br />
 !important;
border-color: <br />
<b>Notice</b>:  Undefined property: stdClass::$reflective_feedback in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1641</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1641</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1641</b><br />
 !important;
}
.feedback-panel.reflective .feedback-options-panel {
border-color: <br />
<b>Notice</b>:  Undefined property: stdClass::$reflective_feedback in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1644</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1644</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1644</b><br />
 !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 <br />
<b>Notice</b>:  Undefined property: stdClass::$reflective_feedback in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1664</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1664</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1664</b><br />
;
-moz-box-shadow: 0px 0px 0px 1px <br />
<b>Notice</b>:  Undefined property: stdClass::$reflective_feedback in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1665</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1665</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1665</b><br />
;
box-shadow: 0px 0px 0px 1px <br />
<b>Notice</b>:  Undefined property: stdClass::$reflective_feedback in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1666</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1666</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1666</b><br />
;
}

.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;
}

.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;

}

.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{
background: #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{
background: #eab644 !important;
}
.kpi-points-review-awarded.no-value .kpi-result{
background: #eab644 !important;
border: 1px solid #FEF8E2 !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{
background: #dc3c32 !important;

}
.kpi-points-review-awarded.negative-single .kpi-result,
.kpi-points-review-awarded.negative-double .kpi-result{
background: #dc3c32 !important;
border: 1px solid #f9ebec !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: #FEF8E2 !important;
}
.kpi-results-description.poor,
.kpi-results-panel.poor{
border-color: #dc3c32 !important;
background: #f9ebec !important;
}

.kpi-results-description.reflective,
.kpi-results-panel.reflective{
border-color: <br />
<b>Notice</b>:  Undefined property: stdClass::$reflective_feedback in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1830</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1830</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1830</b><br />
 !important;
background: <br />
<b>Notice</b>:  Undefined property: stdClass::$reflective_feedback in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1831</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1831</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1831</b><br />
 !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:  <br />
<b>Notice</b>:  Undefined property: stdClass::$reflective_feedback in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1873</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1873</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1873</b><br />
 !important;
}
.kpi-graph-container .kpi-graph .bar-graph-items .graph-item.reflective .graph-item-tool-tip {
border-color:  <br />
<b>Notice</b>:  Undefined property: stdClass::$reflective_feedback in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1876</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1876</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1876</b><br />
 !important;
}
.kpi-graph-container .kpi-graph .bar-graph-items .graph-item.reflective .graph-item-tool-tip-arrow:before {
border-top-color:  <br />
<b>Notice</b>:  Undefined property: stdClass::$reflective_feedback in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1879</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1879</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/var/www/html/app/Resources/theme_generator_v2.php</b> on line <b>1879</b><br />
 !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: #333  !important;
border-color: #666  !important;
border-style: solid  !important;
background-color: #c3dbe6  !important;
}
.content-wrapper .learner-action .question-wrapper.short-response {
color: #333  !important;
border-color: #666  !important;
border-style: solid  !important;
background-color: #c3dbe6  !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: #333  !important;

}


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

.resource-link {
color: #1b78e6;
}

.resource-link:active {
color: #1b78e6;
}

.resource-link:hover {
color: #28a4ea;
}

.resource-link:focus {
color: #28a4ea;
}

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

.resource-link a{
color: #1b78e6;
}

.resource-link a:active {
color: #1b78e6;
}

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

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

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

.ql-done {

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

.ql-done:active{
background: #0087be !important;
color: #ffffff !important;
}

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

.ql-done:hover{
background: #48a7cd !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: #049fdb !important;
border-bottom-color:  #049fdb !important;
}

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

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

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

.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 #049fdb !important;
-moz-box-shadow: 0px 0px 1px 2px #049fdb !important;
box-shadow: 0px 0px 1px 2px #049fdb !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 #049fdb;
-moz-box-shadow: 0px 0px 1px 2px #049fdb;
box-shadow: 0px 0px 1px 2px #049fdb;
}

.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 #049fdb !important;
-moz-box-shadow: 0px 0px 1px 2px #049fdb !important;
box-shadow: 0px 0px 1px 2px #049fdb !important;
}


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

    background: transparent;
}

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

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

.ordering-option-list .ordering-option.answered .option-label {
background: #d0f2ff ;
border-color: #d0f2ff ;
}
.ordering-option-list .ordering-option.answered .option-label:after {
background: #d0f2ff ;
}
.ordering-option-list .ordering-option.answered .option-answer {
background: #d0f2ff ;
border-color: #d0f2ff ;
}
.ordering-option-list .ordering-option.answered .option-answer.active {
background: #d0f2ff ;
border-color: #d0f2ff;
}


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




/* gameboard */

.learning-plan-menu-header.traditional {
            background: #231f20;
        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: #214065;
    }


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

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

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

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

}

.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: #214065;
    }

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

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

}

.learning-plan-drag-mat .bite-hotspot .hot-spot-tool-tip .optional-indicator {
    background: #0087be !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: #0087be;
    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: #0087be;
    color: #ffffff;
}

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

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

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