@media only screen and (min-width: 40.063em){
.top-bar {height: 65px;line-height: 65px;margin-bottom: 0;}
.top-bar-section .has-form div {  margin-top: 4px; }
.top-bar-section .has-dropdown  a:after {top:32.5px;}
.top-bar-section .has-form {height:  65px;}
.top-bar-section li:not(.has-form) a:not(.button){
height:65px;line-height:65px;}
.top-bar-section ul .divider {height:65px;}
.top-bar-section li:not(.has-form) a.essubitem:not(.button) {height: 32px;line-height: 32px;margin-bottom: 0;}
}
#jGrowl{margin-top: 65px;}@media only screen and (min-width: 40.063em) {.imgMobileHeader {display:none;} .imgDesktopHeader{display:block;}}
/*FOOTER HARDCODED*/

/* NEW HEADER TOPNAV */

.topnav {
    background-color: #132a3e;
}

.pespop--legacy, .pespop--legacy .pespop__contentwrap {
    background-color: #132a3e !important;
    color: #ffffff !important;
}

    .pespop--legacy svg {
        fill: #ffffff !important;
    }

    .pespop--legacy .pespop__contentwrap .menu-item a div, .pespop--legacy .pespop__contentwrap .menu-item .menu-link div {
        color: #ffffff !important;
    }

.subnav {
    background-color: #061D31 !important;
    color: #ffffff !important;
}

.menu-item .newoption {
    fill: #1dadce !important;
}

.topnavsearch #a_HeaderSearch {
    background-color: #1dadce !important;
}

.pespop__close {
    background-color: fill: #1dadce !important;
}

.subnav__btn__icon {
    fill: #1dadce !important;
}

.subnav__pagetag__icon {
    --clrMain: #1dadce !important;
    fill: #1dadce !important;
}

.subnav__btn__lbl {
    color: #ffffff !important;
}

.subnav__ddl {
    color: #ffffff !important;
}

.topnav .topnavdivider {
    border-left: solid 1px #061D31;
    border-right: solid 1px #20374B;
    height: 65px;
}


.topnavsearchmob svg:nth-of-type(1) {
    fill: #ffffff;
}


.es-nav-icon, .topnavbutton svg {
    fill: #ffffff;
}


.topnavbutton:hover {
    background-color: #20374B;
}

.topnavbutton > a {
    color: #ffffff;
}

.topnavbutton:hover a {
    color: #ffffff;
}

.topnavbutton div > div.arrow {
    border-bottom: 15px solid #132a3e;
}

.topnavbutton ul {
    background-color: #132a3e;
}

.topnavbutton > div > ul li a {
    color: #ffffff;
}

.topnavbutton > div > ul li div {
    line-height: 16px;
}



.topnavbutton > div > ul li:hover {
    background-color: #20374B;
}


    .topnavbutton > div > ul li:hover a, .topnavbutton > div > ul li:active a {
        color: $FONTCOL-$;
    }

        .topnavbutton > div > ul li:hover a svg, .topnavbutton > div > ul li:active a svg {
            color: #1dadce;
        }
/* NEW HEADER TOPNAV */



/*MOBILE NAV*/


#divMobileNav {
    background-color: #132a3e;
}


.mobilemenulist {
    background-color: #132a3e;
}

    .mobilemenulist svg {
        fill: #ffffff;
    }

    .mobilemenulist li div {
        color: #ffffff;
    }

.mobilemenulistsection {
    background: #20374B;
    border-bottom: 1px solid #061D31;
    border-top: 1px solid #061D31;
    color: #ffffff;
}

.es-edit-layout-button > a {
    background-color: #132a3e;
}

.es-edit-layout-button svg, .es-edit-layout-button span {
    fill: #ffffff;
    color: #ffffff;
}
    #topnavcontainer .topnavsearch {   padding: 15px 15px 15px 15px; } .topnavlabel {    top: 14px; } .topnavsingle a img, .topnavdropdown a img {  top: -10px; }
.es-admin-ip-row, .es-admin-user-row, .es-admin-ldapserver, .es-pp-row, .es-admin-log-row, .es-pp-item, .es-filetype-list > div, #divLanguageList > div, .es-field-row> div,  .es-fielditem-row > div
{
    background-color: #F9F9F9;
}

     .es-fielditem-row:nth-of-type(odd) > div, .es-field-row:nth-of-type(odd) > div,.es-admin-ip-row:nth-of-type(odd), .es-admin-user-row:nth-of-type(odd), .es-admin-ldapserver:nth-of-type(odd), .es-pp-row:nth-of-type(odd), .es-pp-item:nth-of-type(odd), .es-admin-log-row:nth-of-type(odd), .es-pp-item-selected:nth-of-type(odd), .es-pp-item:hover
    {
        background-color: #ECECEC;
    }

     .es-recordtype-options > div {
background-color: #F9F9F9;
     }

.es-recordtype-options > div:hover
{
    background-color: #ECECEC;
}

.es-recordtype-options > div.selected
{
    background-color: #1DADCE;
    color: #FFF;
}

    .es-recordtype-options > div.selected svg
    {
        fill: #FFF;
    }

.es-pp-item, .es-pp-item-selected
{
    background-color: #F9F9F9;
}

    .es-pp-item:hover, .es-pp-item-selected:hover
    {
        background-color: #F2F2F2;
    }
    
.es-schema-row > div > div:nth-of-type(2)
{
    background-color: #F9F9F9;
}

    .es-schema-row > div > div:nth-of-type(2) > div:nth-of-type(2)
    {
        background-color: #FCFCFC;
    }

.es-admin-schema-catlist
{
    background-color: #ECECEC;
}

.es-member-item
{
    background-color: #FCFCFC;
    color: #132a3e;

}
.es-member-item:hover
{
    background-color: #ECECEC;
    
}#div_InteractiveOptionsBar a, #div_ZoomButtons a {

    color: #132a3e;

}

#div_InteractiveOptionsBar a svg, #div_ZoomButtons a svg {

    fill: #132a3e;

}

#div_InteractiveOptionsBar a.selected, #div_ZoomButtons a.selected {

    background-color:#1DADCE;

}

#div_InteractiveOptionsBar a.selected svg, #div_ZoomButtons a.selected svg {

    background-color:#FFF;

}

.es-asset-listitem {
    background-color:#F2F2F2;
}

#div_EditQuestion a.cmd-selectmode {

    background-color:#F2F2F2;
    border-color: #E6E6E6;
    color:#132a3e;

}

#div_EditQuestion a.cmd-selectmode:hover {
    
    background-color:#ECECEC;

}

#div_SetupAnswer #div_QuestionText, #div_SetupAnswer #div_MultipleChoice, #div_SetupAnswer #div_QuestionHint, #div_SetupAnswer #div_TrueOrFalse, #div_SetupAnswer #div_FillInBlank {
    
    background-color:#F2F2F2;
    border-color: #E6E6E6;
    
}

#div_EditDrawing .cmd-changestrokewidth > div {

    background-color:#132a3e;

}

.es-asset-listitem > div > div:nth-of-type(2), .es-asset-listitem > div > div:nth-of-type(3) {

    background-color:#E6E6E6;
    color:#132a3e;

}

.es-asset-listitem .lbl-start:hover, .es-asset-listitem .lbl-end:hover {
        
    background-color:#FCFCFC;

}

.quiz-settings input:focus, .quiz-settings textarea:focus, .quiz-settings select:focus {
    border-left-color: #1DADCE;
}

.es-asset-mark.editmarker
{
    background-color:#88BFE0
}

.es-interactive-options-bar a, #div_ZoomButtons a
{
    border-color:#ECECEC;
}

.es-interactive-options-bar a svg, #div_ZoomButtons a svg
{
    fill:#132a3e;
}.embed-freeview > div:nth-of-type(2), .embed-splash div.embed-details > div, .embed-freeview > div:nth-of-type(2)
{
    background-color: rgba(255,255,255,0.7);
    color: #132a3e;
}

.embed-splash div.embed-details > div
{
    border-left-color: #1DADCE;
}


div.embed-details div ::-webkit-scrollbar-thumb
{
    background: #ffffff;
}

div.embed-details div ::-webkit-scrollbar-track
{
    background: rgba(255,255,255,0.7);
}
.es-epg-todaytomorrow a {
    background-color:#DFDFDF;
    color:#132a3e
}

.es-epg-todaytomorrow a.selected, .es-epg-daybar > div > div:nth-of-type(2) .cmd-daynav.selected > div {
    background-color:#1DADCE;
    color:#FFF
}

.es-epg-todaytomorrow a:hover {

    background-color:#36C6E8;
      color:#FFF

}

.es-epg-daybar > div > div:nth-of-type(1), .es-epg-daybar > div > div:nth-of-type(3) {

    background-color:#E6E6E6;
    color:#132a3e

}

.single-channel-programme > div [data-cmd=show-description] {
    color: black;
}

.es-epg-daybar > div > div:nth-of-type(1):hover, .es-epg-daybar > div > div:nth-of-type(3):hover, .es-epg-daybar > div > div:nth-of-type(2) .cmd-daynav:hover > div {

    background-color:#36C6E8;
      color:#FFF

}

.es-epg-daybar > div > div:nth-of-type(2) .cmd-daynav > div {
    background-color:#F2F2F2;
    color:#132a3e
}
.es-epg-desc-loader, .es-channel-filters a:hover {
    background-color:#1DADCE;
}
.div.legend {
    border-bottom-color:#1DADCE;
}

#div_EPGLoadProgress {
    background-color:rgba(29,173,206,0.8);
}

.es-preferred-channel[data-selected="true"] > div
{
     background-color:#1DADCE;
}

    .es-preferred-channel[data-selected="true"] > div > div:nth-of-type(2)
    {
        color:#132a3e;
    }
/*ESIGN*/

.es-content-option > div
{
    background-color: #1DADCE;
    color: #FFF;
}

.es-content-option:hover > div
{
    background-color: #36C6E8;
    color: #FFF;
}

.es-selectpanel-item > div {

    background-color: #F2F2F2;

}
.es-selectpanel-item > .content >div:last-of-type {
     background-color: #DFDFDF;
}

.esign-loop-item > div {

    background-color: #F9F9F9;

}

.esign-loop-item > div > div:nth-of-type(3){

    background-color: #DFDFDF !important;

}

.es-schedule-row>div>div:nth-of-type(2) {
     background-color: #ECECEC;
}

.esign-home ul li.active
{
    background-color:#1DADCE;
    color:#FFF;
}

div.modal-listoption a.selected
{
    background-color:#1DADCE;
    fill:#FFF;
}

.es-esign-dashboard-players h5, .esign-dashboard.tabs .es-tabs > li.activetab, .es-esign-dashboard-notifications h5, .es-esign-dashboard-loops > h5:nth-of-type(1) {
    border-color: #1DADCE;
    background-color: #F2F2F2 !important;
    color: #132a3e !important;
}

.es-esign-dashboard-players > div:nth-of-type(1) {
    color: #132a3e;
    background-color: #E6E6E6;
}

.playerselect, .zoneselect {
    background-color: #F2F2F2;
    border-color: #E6E6E6;
}

    .playerselect:hover
    {
        background-color: #E6E6E6;
        border-color: #F2F2F2;
    }

    .zoneselect:hover
    {
        background-color: #E6E6E6;
        border-color: #F2F2F2;
    }

.zoneplayerselected
{
    border-color: #10A0C1;
    background-color: #1DADCE;
    color:#FFF;
}

.fullwidthbtn, #screenoptions.optionspanel #a_EditEditorList, #screenoptions.optionspanel #a_ApplyCustomScreenSize, #a_AddContent
{
    background-color:#1DADCE;
    color:#FFF;
}

.fullwidthbtn:hover, #screenoptions.optionspanel #a_EditEditorList:hover, #screenoptions.optionspanel #a_ApplyCustomScreenSize:hover, #a_AddContent:hover
{
    background-color:#10A0C1;
    color:#FFF;
}

#contentoptions .hexme svg
{
    fill:#132a3e;
}
.es-signage-badge a:hover svg
{
     fill:#1DADCE;
}

.esign-daysofweek-bar > span
{
    color:#132a3e;
}
.esign-daysofweek-bar > span.selected
{
    background-color:#1DADCE;
    color:#FFF;
}

.esign-playeroverview-quicklink:hover
{
    color:#1DADCE;
    cursor:pointer;
}
    .esign-playeroverview-quicklink:hover svg, .loop-btns a:hover svg
    {
         fill:#1DADCE;
    }

.edit-loop-title:hover input
{
    border-color:#1DADCE;
}

.edit-loop-title:hover svg
{
    fill:#1DADCE;
}
.loop-btns a:hover span
{color:#1DADCE;
}

.select-item a svg
{
    fill:#132a3e;
}

/* .edit-content .select-item svg
{
    fill:#fff;
}

.edit-content.contentloop .select-item svg
{
    fill:#222;
}

.edit-content.contentloop .select-item a span:nth-of-type(1), .edit-content.contentloop .select-item a span:nth-of-type(2)
{
    color:#222;
}


.edit-content.select-item a span:nth-of-type(1), .edit-content .select-item a span:nth-of-type(2)
{
    color:#fff;
} */

.es-signage-layout-parent div_TopToolBar
{
}

/* 

.esign-designer-mainbuttons > a, .esign-designer-mainbuttons div.inline-mode, .esign-designer-mainbuttons div.window-mode
{
    background-color:#FCFCFC;
     border-color:#F2F2F2;
}

    .esign-designer-mainbuttons > a:hover, .esign-designer-mainbuttons div.inline-mode:hover, .esign-designer-mainbuttons div.window-mode:hover
    {

        background-color:#ECECEC;
       

    }

.esign-designer-mainbuttons svg
{
    fill:#132a3e;
    color:#132a3e;
}

.esign-designer-mainbuttons div
{
    fill:#132a3e;
    color:#132a3e !important;
}
    */
div.modal-title, div.modal-dropdown span
{
    color:#132a3e;
}

.es-font-option.selected
{
    background-color:#E6E6E6;
}

.es-esign-dashboard-players h5, .es-esign-dashboard-notifications h5, .es-esign-dashboard-loops > h5:nth-of-type(1)
{
    background-color:#132a3e;
    color:#ffffff;
}

.es-esign-dashboard-notifications {
    background-color: #FCFCFC !important;
    color: #132a3e;
}

.es-player-item {
    background-color: #ffffff !important;
}

.loop-btns, .loop-btns a span {
    background-color: #F2F2F2 !important;
    color: #132a3e !important;
    fill: #132a3e !important;
}

.es-esign-notification > div:nth-of-type(1) {
    background-color: #F2F2F2 !important;
    color: #132a3e;
}

.esign-videoguide-link {
    color: #ffffff;
}

.es-esign-dashboard-loops
{
    background-color:#F9F9F9;
}

.edit-loop-title
{
        background-color:#ECECEC;
}

.loop-containers .grid-btns a svg
{
    fill:#6C8397;
}

.loop-containers .grid-btns a:hover
{
     background-color:#F9F9F9;
}

#div_UnregisteredPlayersList
{
     background-color:#ECECEC;
}


.es-esign-layout-main
{
    background-color:#ffffff;
}

#div_ContentLoopForm .panel-color-select > div:nth-of-type(1) a > span:nth-of-type(2)
{
      color:#6C8397 !important;
}

#div_WhatIs > div:nth-of-type(1) svg
{
    fill:#132a3e;
}

.es-esign-dashboard-players, .itemslist,  .es-esign-dashboard-notifications
{
     background-color:#F2F2F2;
}

    .es-esign-notification > div:nth-of-type(1)
    {
         background-color:#E6E6E6;
    }

.esign-dashboard.tabs .es-tabs > li
{
        background-color:#132a3e !important;
    color:#ffffff;
}

    .esign-dashboard.tabs .es-tabs > li.activetab
    {
    
            background-color:#132a3e !important;
     color:#ffffff;
    }

        .esign-dashboard.tabs .es-tabs > li.activetab span, .esign-dashboard.tabs .es-tabs > li span
        {
             color:#ffffff;
        }

.selectsignage, .es-signage-item {
    background-color: #F9F9F9;
    color: #132a3e;
}

#div_SelectSignageContent {
    background-color: #ECECEC;
    color: #132a3e;
}.es-imageviewer > div:nth-of-type(1) {

    

}

.es-imageviewer > div:nth-of-type(1) svg {
    fill: #FFF;
}

.es-imageviewer > div:nth-of-type(1) a:hover svg {
    fill: #36C6E8;
}

.es-player-popupmenu > div:nth-of-type(1) {
    
}


.es-player-popupmenu > div:nth-of-type(1) label {
    color:#FFF;

}
.es-imageviewer > div:nth-of-type(1) a.hilite svg {
     fill: #1DADCE;
}

/*

#88BFE0
#ffffff : #FCFCFC,#F9F9F9,#F2F2F2
#132a3e
#1DADCE
#10A0C1
#132a3e 
    #ffffff 
$BGHIGHLIGHT$ -    background-image:url(/esign/image/header_dark_highlight_100.png);
    background-repeat:repeat-x;
    background-position:bottom;

*/

.pesmodal__header {
    background-color: #132a3e !important;
    color: #ffffff !important;
}

.pesmodal__content {
    background-color: #ffffff !important;
    color: #132a3e !important;
}
.pesmodal__actions {
    background-color: #F2F2F2 !important;
    color: #132a3e !important;
}

.pesmodal--loading .pesmodal__content:after {
    background-color: #E6E6E6 !important;
}

[role=checkbox][aria-checked=mixed]::before, [role=checkbox][aria-checked=true]::before, [role=radio][aria-checked=true]::before {
    border-color: #1DADCE !important;
    background-color: #1DADCE !important;
}

[role=checkbox][aria-checked=mixed]:active::after, [role=checkbox][aria-checked=true]::after, [role=radio][aria-checked=true]::after {
    border-color: #FFF !important;
}
[role=radio].focus {
    border-color: #1DADCE !important;
    background-color: #FCFCFC !important;
}

.BGCOL {
    background-color: #ffffff;
    color: #132a3e;
}

.BGCOL1
{
    background-color: #FCFCFC;
    color: #132a3e;
}

.BGCOL2
{
    background-color: #F9F9F9;
    color: #132a3e;
}

.BGCOL3
{
    background-color: #F2F2F2;
    color: #132a3e;
}

.BGCOL4
{
    background-color: #ECECEC;
    color: #132a3e;
}

.BGCOL5
{
    background-color: #E6E6E6;
    color: #132a3e;
}

.BGCOL6
{
    background-color: #DFDFDF;
    color: #132a3e;
}


.BGCOLSTAR
{
    background-color: #FCFCFC;
    color: #132a3e;
}

.BGCOLSTARSTAR
{
    background-color: #FFFFFF;
    color: #132a3e;
}

.PRICOL
{
    background-color: #1DADCE;
    color: #FFF;
}

.PRICOL-
{
    background-color: #10A0C1;
    color: #FFF;
}

.PRICOLPLUS
{
    background-color: #36C6E8;
    color: #FFF;
}

.HEACOL
{
    background-color: #132a3e;
    color: #FFF;
}

.HEACOLPLUS
{
    background-color: #465D71;
    color: #FFF;
}

.FONTCOL
{
    background-color: #132a3e;
    color: #ffffff;
}

.FONTCOLPLUS
{
    background-color: #6C8397;
    color: #ffffff;
}

.TOPNAV
{ 
    background-color: #132a3e;
    color: #ffffff;
}

.coresubnav
{
    background-color: #132a3e !important;

}

.coresubnav__btn-lbl 
{
    color: #ffffff !important;
}

.coresubnav__btn-icon
{
    fill: #ffffff !important;
    --clrMain: #ffffff !important;
    --clrIdent: #ffffff !important;
}



.mobiletopnav {
    background-color: #132a3e;
    color: #ffffff;   
}



body
{
    background-color: #ffffff;
    color: #132a3e;
}

a, .label-file-trigger
{
    color: #1DADCE;
}

    a svg
    {
        fill: #132a3e;
    }

    a:hover, a:focus, .label-file-trigger:hover, .label-file-trigger:focus
    {
        color: #0494B4;
    }

.button svg
{
    fill: #FFF;
}

span.prefix, label.prefix
{
    background-color: #FCFCFC; /* Background Colour +lighten */
    border-color: #F9F9F9; /* Background Colour ++lighten */
    color: #132a3e; /* Font Colour */
}

.panel
{
    background-color: #F2F2F2;
    border-color: #ECECEC; /* Background Colour ++lighten */
    color: #132a3e; /* Font Colour */
}

.primary {
    color: #1DADCE;
}

/*ES_TABS*/

.es-tabs > li
{
    background-color: #FFFFFF;
}

    .es-tabs > li:hover
    {
        background-color: #FCFCFC;
    }

    .es-tabs > li.activetab
    {
        background-color: #F2F2F2 !important;
    }

        .es-tabs > li.activetab svg, .es-tabs > li:hover svg
        {
            fill: #1DADCE;
        }

/*ES_TABS*/
/*ES_TABS*/

.es-tabs-sub > li
{
    background-color: #F9F9F9;
}

    .es-tabs-sub > li:hover
    {
        background-color: #FCFCFC;
    }

    .es-tabs-sub > li div
    {
        background-color: #1DADCE;
    }

    .es-tabs-sub > li.activetab
    {
        background-color: #F9F9F9 !important;
    }

        .es-tabs-sub > li.activetab svg, .es-tabs-sub > li:hover svg
        {
            fill: #1DADCE;
        }

        .es-tabs-sub > li > img, .es-tabs-sub > li svg {

            fill: #6C8397;

        }

/*ES_TABS*/

.es-fielddisplay-text, .es-fieldtags
{
    background-color: #FCFCFC;
    border: 1px solid #F2F2F2;
    color: #132a3e;
}

    .es-fieldtags > span
    {
        background-color: #F2F2F2;
        color: #132a3e;
    }

.es-viewpage-subitem > div:nth-of-type(3) > div > span
{
    background-color: #FCFCFC;
}

.es-comments > li
{
    background-color: #FCFCFC;
}

.es-comments li
{
    color: #132a3e;
}

    .es-comments li > div:nth-of-type(1)
    {
        background-color: #FCFCFC;
    }

.iconoptions
{
    background-color: #FCFCFC;
}

.es-search
{
    background-color: #F2F2F2;
    border: solid 1px #E6E6E6;
}

.es-filter-overview
{
    background-color: #DFDFDF;
}

.es-filter-overview.static, .es-filter-overview.static:hover
{
    background-color: #DFDFDF;
}
    .es-filter-overview strong
    {
        color: #1DADCE;
    }

button, .button
{
    background-color: #1DADCE; /* Primary Colour */
    border-color: #10A0C1; /* Primary Colour +darken */
    color: #FFF;
}


#div_Search-FiltersSwitch svg
{
    fill: #1DADCE;
}

.es-droplist
{
    background-color: #F9F9F9;
    border-color: #ECECEC;
}

    .es-droplist svg
    {
        fill: #132a3e;
    }

    .es-droplist:hover svg
    {
        fill: #1DADCE;
    }

    .es-droplist li
    {
        background-color: #ECECEC;
        color: #132a3e !important;
    }

        .es-droplist li:hover
        {
            background-color: #1DADCE;
            color: #FFF !important;
        }

            .es-droplist li:hover > a
            {
                color: #FFF !important;
            }

        .es-droplist li a
        {
            color: #132a3e !important;
        }


.es-page-row.hascontent
{
    background-color: #F9F9F9;
    border-color: #E6E6E6;
}

.es-media-memo .es-media-memo-views
{
    color: #10A0C1;
}

.es-page-header-title
{
    border-top-color: #1DADCE;
    border-bottom-color: #1DADCE;
}

.es-page-header-title-old > div
{
    border-top-color: #1DADCE;
    border-bottom-color: #1DADCE;
}

    .es-page-header-title-old > div > div:nth-of-type(2)
    {
        font-family: Roboto, Tahoma, Verdana, Arial;
        color: #132a3e;
    }

.es-page-header-title-old
{
    background-color: rgba(255,255,255,0.6);
}

@media only screen and (min-width: 40.063em)
{
    .es-page-header-title-old
    {
        background-color: rgba(255,255,255,0.8);
    }
}

#div_InlineFields.editmode
{
    background-color: #FCFCFC;
}

#div_InlineEditSecurity
{
    background-color: #E6E6E6;
}

.cmd-showfields svg
{
    fill: #1DADCE;
}

.cmd-showfields:hover svg
{
    fill: #36C6E8;
}

#div_CustomSorryHeading
{
    font-family: Roboto, Tahoma, Verdana, Arial;
    color: #132a3e;
}

.es-media-memo-img span
{
    fill: #FFF;
    background-color: rgba(29,173,206,0.8);
}

#div_Search-FiltersSwitch:hover
{
    background-color: #E6E6E6;
}


a.hilite svg, .es-slider-item svg, div.controls > a.hilite svg
{
    fill: #1DADCE;
}

.es-slider-item > span
{
    background: -webkit-linear-gradient(left, rgba(0,0,0,0), #1DADCE); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(0,0,0,0), #1DADCE); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(0,0,0,0), #1DADCE); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(0,0,0,0), #1DADCE); /* Standard syntax */
}

.es-slider-item > div:nth-of-type(2) > div:nth-of-type(1)
{
    font-family: Roboto, Tahoma, Verdana, Arial;
}

    

.desktopmode > div > div, .mobilemode > div > div:nth-of-type(2)
{
    background-color: #F9F9F9;
}

.desktopmode > div.current > div
{
    background-color: #1DADCE;
    color: #FFF;
}

.es-epg-hournav
{
    background-color: #F9F9F9;
}

    .es-epg-hournav > .indicator
    {
        border-top-color: #1DADCE;
        border-bottom-color: #1DADCE;
    }

.desktopmode > div.current > div > span:nth-of-type(1)
{
    color: #FFF;
}

.desktopmode > div > div > span:nth-of-type(1)
{
    color: #6C8397;
}

.es-sub-button
{
    background-color: #E6E6E6;
    color: #132a3e;
}

    .es-sub-button:hover
    {
        background-color: #1DADCE;
        color: #FFF;
    }

    .es-sub-button > span:nth-of-type(1)
    {
        background-color: #F9F9F9;
    }

        .es-sub-button > span:nth-of-type(1) > svg
        {
            fill: #1DADCE;
        }
        .es-sub-button > span:nth-of-type(1) > div
        {
            color: #1DADCE;
        }
    .es-sub-button:hover > span:nth-of-type(1)
    {
        background-color: #FCFCFC;
    }

        .es-sub-button:hover > span:nth-of-type(1) > svg
        {
            fill: #6C8397;
        }


#divEditLayoutOptions, #divTreeviewContainer
{
    background-color: #DFDFDF;
}

.es-channelfilter
{
    background-color: #DFDFDF;
}

.es-channelfilter-item > div
{
    background-color: #36C6E8;
    color: #FFF;
}

.es-channelfilter-item:hover > div
{
    background-color: #10A0C1;
    color: #FFF;
}

.es-channelfilter-item.selected > div
{
    background-color: #88BFE0;
    color: #000;
    border-color: #1DADCE;
}

.es-scroll-area.scrolling
{
    border: solid 1px #ffffff;
}

    .es-scroll-area.scrolling:hover, .es-scroll-area.scrolling.hover
    {
        -webkit-box-shadow: 0px 2px 5px 1px rgba(136,191,224,0.4);
        -moz-box-shadow: 0px 2px 5px 1px rgba(136,191,224,0.4);
        box-shadow: 0px 2px 5px 1px rgba(136,191,224,0.4);
        /*border: solid 1px rgba(136,191,224,0.4);*/
        border-bottom-style: dashed;
        border-bottom-width: 2px;
        border-bottom-color: rgba(136,191,224,0.4);
    }

.es-progress > span
{
    background-color: #88BFE0;
}

.es-catthumbs
{
    background-color: #ECECEC;
}

.es-catthumbs-item:hover > div:nth-of-type(2)
{
    color: #1DADCE;
}



.es-crumbnav > div > div:nth-of-type(1)
{
    background-color: rgba(255,255,255,0.7);
    border-bottom: solid 2px #1DADCE;
}

    .es-crumbnav > div > div:nth-of-type(1) > a
    {
        color: #132a3e;
    }

    .es-crumbnav > div > div:nth-of-type(1) > div svg
    {
        fill: #6C8397;
    }

.es-crumbnav > div:hover > div:nth-of-type(1) > div svg
{
    fill: #1DADCE;
}

.es-crumbnav > div .es-crumbnav-dropdown > a
{
    background-color: rgba(255,255,255,0.7);
    color: #132a3e;
}

    .es-crumbnav > div .es-crumbnav-dropdown > a:hover
    {
        background-color: rgba(29,173,206,0.7);
    }

    .es-crumbnav > div .es-crumbnav-dropdown > a:last-of-type
    {
        border-bottom: solid 2px #1DADCE;
    }

.es-page-header-basic > div:nth-of-type(1) > div:nth-of-type(1)
{
    border-bottom: solid 3px #1DADCE;
}

    .es-page-header-basic > div > div:nth-of-type(1) svg
    {
        fill: #6C8397;
    }

.es-view-duration
{
    color: #6C8397;
}

    .es-view-duration svg
    {
        fill: #6C8397;
    }

.es-display-options > div
{
    background-color: #DFDFDF;
    border-color: #ECECEC;
}

    .es-display-options > div svg
    {
        fill: #132a3e;
    }

    .es-display-options > div.selected
    {
        background-color: #10A0C1;
        color: #FFF;
    }

        .es-display-options > div.selected svg
        {
            fill: #FFF;
        }

    .es-display-options > div > div:nth-of-type(3)
    {
        color: #6C8397;
    }

    .es-display-options > div.selected > div:nth-of-type(3)
    {
        color: #FFF;
    }


.es-reveal > div:nth-of-type(1) > div:nth-of-type(1)
{
    background-color: #F9F9F9;
}
.es-reveal > div:nth-of-type(1) > div:nth-of-type(3) {
    background-color: #E6E6E6;
}

.es-selectpanel-listmode a {

    background-color: #E6E6E6;

}

.es-selectpanel-listmode a svg {

    fill: #132a3e;

}

.es-selectpanel-listmode a.selected svg {

    fill: #1DADCE;

}
.reveal-modal
{
    background-color: #ffffff;
    border-color: #FCFCFC;
}

    .dialog .close-reveal-modal, .reveal-modal .close-reveal-modal
    {
        color: #132a3e;
    }

.es-embed-options > div:nth-of-type(1), .es-embed-options > div:nth-of-type(2)
{
    background-color: #DFDFDF;
}



.es-tabs .es-number {

    background-color:#88BFE0;
    color:#000;

}

.es-info {
    
    background-color:#88BFE0;
    color:#000;

}

.es-mediainfo > div > span > div > svg {
    fill:#6C8397;
}

.es-notification-growl svg.icon {
    fill:#000;
}

.es-textinput-postbutton.white:hover > a svg {
    fill:#1DADCE;
}

/*OLD COLOUR ASSIGNMENT BELOW*/





































button:hover, button:focus, .button:hover, .button:focus, #ul_EPGDateNav li a:hover
{
    background-color: #10A0C1; /* Primary Colour */
    border-color: #36C6E8; /* Primary Colour +darken */
    color: #FFF;
}

button.secondary, .button.secondary
{
    background-color: #88BFE0;
    color: #000;
}

    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus
    {
        background-color: #7BB2D3;
        color: #000;
    }

input[type="text"][disabled].inputclear, input[type="password"][disabled].inputclear, textarea[disabled].inputclear, fieldset[disabled] textarea.inputclear, select.inputclear
{
    border: solid 1px #E6E6E6;
    color: #132a3e;
}

ul.pagination li.current a, ul.pagination li.current button
{
    background-color: #1DADCE;
    color: #FFF;
}

fieldset
{
    border: solid 1px #F2F2F2;
}

    fieldset legend
    {
        background-color: #F2F2F2;
    }

.breadcrumbs > *.current a
{
    color: #132a3e;
}

.pleasenote
{
    background-color: #7BB2D3;
    color: #000;
}


.es-draghandle
{
    background-image: url(/GetImage.aspx?type=colourpixel&colour=%23F2F2F2&a=55);
}

.showDragHandle
{
    background-color: #1DADCE;
}

.spinner
{
    background-color: #1DADCE;
}

/* JGROWL */


div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer
{
    background-color: #10A0C1;
    color: #FFF;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight /* JqueryUI  taking over styles*/
{
    background-color: #10A0C1;
    background-image: none;
    border: none;
    color: #FFF;
}

/* JGROWL*/


h1, h2, h3, h4, h5, h6
{
    color: #132a3e; /* Header Colour */
    font-family: Roboto, Tahoma, Verdana, Arial;
}

.joyride-tip-guide h1, .joyride-tip-guide h2, .joyride-tip-guide h3, .joyride-tip-guide h4, .joyride-tip-guide h5, .joyride-tip-guide h6
{
    color: #132a3e; /* Header Colour */
    font-family: Roboto, Tahoma, Verdana, Arial;
}

.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6
{
    color: #132a3e; /* Header Colour */
    font-family: Roboto, Tahoma, Verdana, Arial;
}

.panel p, .joyride-tip-guide p
{
    color: #132a3e;
}

.subheader
{
    color: #132a3e; /* Header Colour */
    font-family: Roboto, Tahoma, Verdana, Arial;
}

.alert-box, .label
{
    background-color: #1DADCE; /* Primary Colour */
    border-color: #10A0C1; /* Primary Colour +darken */
}

.breadcrumbs
{
    background-color: #F2F2F2; /* Background Colour +lighten */
    border-color: #E6E6E6; /* Background Colour ++lighten */
}

label
{
    color: #132a3e;
}

.progress.success .meter
{
    background-color: #1DADCE;
}

.signageitem
{
    background-color: #F2F2F2;
}

.memberItem
{
    background-color: #F2F2F2;
}

.memberSelected a
{
    background-color: #1DADCE;
}

.memberSelected div
{
    color: #132a3e;
}

.breadcrumbs > * a, .breadcrumbs > * span
{
    color: #1DADCE;
}

.breadcrumbs > *.current a
{
    color: #132a3e;
}

table
{
    background-color: #E6E6E6;
    border-color: #F2F2F2;
    color: #132a3e;
}

    table tr th
    {
        color: #1DADCE;
    }

    table tr td
    {
        color: #132a3e;
    }

    table tr.even, table tr.alt, table tr:nth-of-type(even)
    {
        background-color: #F2F2F2;
    }

/* eSign Scheduler*/
.eSignSchedulerLabel
{
    background-color: #1DADCE;
}

.color0
{
    background-color: #88BFE0;
}

.color1
{
    background-color: #7BB2D3;
}

.color2
{
    background-color: #6EA6C6;
}

#daysBar ul li
{
    background-color: #F2F2F2;
    border: solid 1px #F2F2F2;
}

.selectoritem > div:nth-of-type(2)
{
    background-color: #F2F2F2;
}

.fakecontext
{
    border-color: #F2F2F2;
}

.esignschedulepopup
{
    background-color: #ffffff;
}
/* eSign Scheduler*/
.label.secondary
{
    background-color: #88BFE0;
    color: #000;
}


.divPanelInfo
{
    background-color: #1DADCE;
}



/*eSign Sub Nav*/

.menuarrowup
{
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #ffffff;
    margin-left: 145px;
    margin-right: auto;
}

.popupoptionsubnav
{
    background-color: #ffffff;
}

.esign_popupmenu .esignnavcontent
{
    background-color: #F2F2F2;
    color: white;
    box-shadow: 3px 3px 5px #222;
}

.esign_popupmenu .menuarrowup
{
    border-bottom: 15px solid #F2F2F2;
}

.esign_popupmenu ul li:hover
{
    background-color: #E6E6E6;
}
/*eSign Sub Nav*/



#divPanelMenu
{
    background-color: #ffffff;
    color: #132a3e;
    box-shadow: #222 -3px -3px inset;
}

#paneloptions li:hover
{
    background-color: #F2F2F2;
}


/*ONLINE EDITOR*/

#timelinewrapper
{
    background-color: #E6E6E6;
}

#timelineruler > div:nth-child(odd)
{
    background-color: #ffffff;
}

#timelineruler > div:nth-child(even)
{
    background-color: #F2F2F2;
}
s
#timelineinteraction
{
    /*background-image: url(/GetImage.aspx?type=colourpixel&colour=%23F2F2F2&a=125);*/
    background-color: #F2F2F2;
}

#playheadposition
{
    background-image: url(/GetImage.aspx?type=colourpixel&colour=%23FFFFFF&a=135);
}

    #playheadposition > div
    {
        background-color: #10A0C1;
    }

#timelineslides
{
    background-image: url(/GetImage.aspx?type=colourpixel&colour=%231DADCE&a=165);
}

#timelinechapters
{
    background-image: url(/GetImage.aspx?type=colourpixel&colour=%231DADCE&a=125);
}

.markerblock
{
    background-color: #10A0C1;
}

.slideblock > div.slidecontent
{
    background-color: #1DADCE;
}

.slideblock div.triangle
{
    border-bottom: 5px solid #1DADCE;
}
/*ONLINE EDITOR*/




/*es-Checkbox*/
.es-checkbox
{
    background-color: #E6E6E6;
}

    .es-checkbox > span:last-child
    {
        background-color: #888;
    }

    .es-checkbox > span.checked:last-child
    {
        background-color: #1DADCE;
    }
/*es-Checkbox*/



/* es-titlegrid*/

.es-titlegrid h4
{
    color: #132a3e;
    margin-bottom: 0.5em;
}

/* es-titlegrid*/

/* es-interact */
.es-interact
{
    color: #132a3e;
}

    .es-interact svg
    {
        fill: #132a3e;
    }

    .es-interact:hover
    {
        color: #1DADCE;
    }

        .es-interact:hover svg
        {
            fill: #1DADCE;
        }
/* es-interact */

/*EPG STUFF*/

#ul_EPGDateNav li > a.active
{
    background-color: #1DADCE !important;
    color: white !important;
}

    #ul_EPGDateNav li > a.active:hover
    {
        background-color: #36C6E8 !important;
    }

#div_ProgrammeDetails > div.content > div
{
    background-color: #E6E6E6;
}

.es-chapter, .es-relatedmedia, .es-slideshow
{
    background-color: #FCFCFC;
    border: solid 1px #F2F2F2;
}


.es-chapter-descfade:after
{
    background: linear-gradient(to right, rgba(252,252,252,0), #FCFCFC 50%);
}

#div_SlidePanelContainer > div.content, #div_SlidePanelContainer_Search > div.content
{
    border-left-color: #1DADCE;
    background-color: #F2F2F2;
}

.es-programme-result, .es-programme-info
{
    background-color: #FCFCFC;
}

.es-programme-info
{
    border-left: solid 3px #DFDFDF;
}

    .es-programme-result > div:nth-of-type(2), .es-programme-info > div:nth-of-type(2)
    {
        background-color: #ECECEC;
    }

#div_SlidePanelContent.schedulemode > div:nth-of-type(1)
{
    background-color: #F9F9F9;
}

#div_SlidePanelContent.schedulemode > div:nth-of-type(2)
{
    background-color: #ECECEC;
}

.es-scheduleinfo-loader > div svg
{
    fill: #132a3e;
}

#ul_EPGDateNav li > a
{
    background-color: #ECECEC;
    box-shadow: 0px 1px 1px #DFDFDF;
}

#ul_EPGHourNav li
{
    background-color: #F2F2F2;
    border-left-color: #DFDFDF;
}

#div_PositionIndicator
{
    border-bottom-color: #1DADCE;
}

/*EPG STUFF*/

/*es-largescrollpane*/
.es-largescrollpane
{
    font-family: Roboto, Tahoma, Verdana, Arial Tahoma, Verdana, Arial;
}
/*es-largescrollpane*/
.es-carousel-placeholder, .es-titlegrid-placeholder
{
    border-color: #F9F9F9;
    background-color: #FCFCFC;
}

.es-sectionheader > span:nth-of-type(1)
{
    font-family: Roboto, Tahoma, Verdana, Arial Tahoma, Verdana, Arial;
    color: #132a3e;
}

.es-sectionheader > span:nth-of-type(2)
{
    color: #465D71;
}

.es-icon-button
{
    background-color: #1DADCE;
}

    .es-icon-button:hover
    {
        background-color: #10A0C1;
    }

.es-clipdata-row
{
    background-color: #ECECEC;
}

    .es-clipdata-row > div:nth-of-type(1) > div:nth-of-type(4)
    {
        background-color: #F9F9F9;
    }

        .es-clipdata-row > div:nth-of-type(1) > div:nth-of-type(4) svg
        {
            fill: #132a3e;
        }

        .es-clipdata-row > div:nth-of-type(1) > div:nth-of-type(4) a:hover svg
        {
            fill: #1DADCE;
        }

.es-edit-row > div:nth-of-type(1), .es-conversion-row > div:nth-of-type(1), .es-conversion-row > div
{
    background-color: #FCFCFC;
    border-left-color: #1DADCE;
}

.es-edit-row > div:nth-of-type(2)
{
    background-color: #FCFCFC;
}

.es-edit-row > div:nth-of-type(3)
{
    background-color: #FCFCFC;
}

    .es-edit-row > div:nth-of-type(3) a svg, .es-conversion-row > div:nth-of-type(4) a svg
    {
        fill: #132a3e;
    }

    .es-edit-row > div:nth-of-type(3) a:hover svg, .es-conversion-row > div:nth-of-type(4) a:hover svg
    {
        fill: #1DADCE;
    }

.es-subscription-row
{
    background-color: #F2F2F2;
}

    .es-subscription-row > div:nth-of-type(2)
    {
        background-color: #FCFCFC;
    }

        .es-subscription-row > div:nth-of-type(2) a svg
        {
            fill: #132a3e;
        }

        .es-subscription-row > div:nth-of-type(2) a:hover svg
        {
            fill: #1DADCE;
        }

.joyride-tip-guide
{
    background-color: #DFDFDF;
    /**/
}

.joyride-tip-guide
{
    box-shadow: #000 2px 2px;
}

.joyride-nub.top
{
    border-bottom-color: #E6E6E6 !important;
}

.es-sidebuttons {
      background-color: #ECECEC;
      border-left: solid 1px #36C6E8;
}

.es-sidebuttons a svg
{
    fill: #132a3e;
}

.es-sidebuttons a:hover svg
{
    fill: #1DADCE;
}

.es-drag-handle
{
    background-color:#DFDFDF !important;
}

.es-drag-handle >div > div:nth-of-type(1) {

		    border-color: transparent transparent #132a3e transparent;
	    }

.es-drag-handle >div >div:nth-of-type(2) {
            
		    border-color: #132a3e transparent transparent transparent;


	    }
.es-drag-handle:hover >div > div:nth-of-type(1) {

		    border-color: transparent transparent #1DADCE transparent;
	    }

.es-drag-handle:hover >div >div:nth-of-type(2) {
            
		    border-color: #1DADCE transparent transparent transparent;


	    }
	
        #a_WebRecorderHelp svg 
        {
            fill:#132a3e;
        }

        #a_WebRecorderHelp:hover svg 
        {
            fill:#1DADCE;
        }
.remodal {
    background-color:#FCFCFC;
    color:#132a3e;
}
.remodal.es-modal > div > div:nth-of-type(3)
{
    background-color:#ECECEC;
}

.remodal.es-modal > div > div:nth-of-type(1), .remodal.es-modal > div > div:nth-of-type(1) {
    background-color:#F2F2F2;
}

.es-ana-vertical-timeline > div:nth-of-type(1) > div:nth-child(even) {
     background-color:#F2F2F2;
}
.es-ana-vertical-timeline > div:nth-of-type(1) > div:nth-child(odd) {
     background-color:#FCFCFC;
}.es-connect-friend-listitem > div {
    background-color: #ECECEC;
}
/*PDFViewer*/

#toolbarContainer, .findbar, .secondaryToolbar {

     background-color: #1DADCE;

}

.toolbarButton:hover svg {
	fill:#36C6E8;
}

.toolbarButton.selected svg {
	fill:#1DADCE;
}

/*PDFViewer*/
.es-photosetview > div:nth-of-type(2) > div .es-photoviewer-thumb > div > div:nth-of-type(2)
{
    background-color: rgba(136,191,224,0.6);
}

    .es-photosetview > div:nth-of-type(2) > div .es-photoviewer-thumb > div > div:nth-of-type(2):hover
    {
        background-color: rgba(29,173,206,0.6);
    }

    .es-photosetview > div:nth-of-type(2) > div .es-photoviewer-thumb > div > div:nth-of-type(2) svg
    {
        fill: #000;
    }

    .es-photosetview > div:nth-of-type(2) > div .es-photoviewer-thumb > div > div:nth-of-type(2):hover svg
    {
        fill: #FFF;
    }
    
.es-photoset-item > div:nth-of-type(2)
{
    background-color: white;
}

.es-photoset-item > div:nth-of-type(3)
{
    background-color: #ECECEC;
}

.es-photoset-item > div:nth-of-type(4)
{
    background-color: #F9F9F9;
}

.es-photoset-item .handle
{
    background-color: #FCFCFC;
}

.es-photosetview > div:nth-of-type(3) > div a svg {

}

.es-photosetview > div:nth-of-type(3) > div a:hover svg {
     fill: #1DADCE;
}

.es-photosetview > div:nth-of-type(4) a:nth-of-type(1):hover svg, .es-photosetview > div:nth-of-type(4) a:nth-of-type(2):hover svg {
       
    fill: #1DADCE;

}.es-quiz-footer > div div, .es-quiz-footer > div div span {

    background-color:#ECECEC;
    color:#132a3e;

}

.es-ii-end > div > a:nth-of-type(1):hover svg {
    fill:#1DADCE;
}#div_LineDisk
        {
            display: inline-block;
            position: relative;
            width: 70%;
        }

        #div_PieDisk
        {
            display: inline-block;
            position: relative;
            width: 70%;
        }

        #div_LineBand
        {
            display: inline-block;
            position: relative;
            width: 70%;
        }

        #div_DoughnutBand
        {
            display: inline-block;
            position: relative;
            width: 70%;
        }

        #cht_DoughnutBand
        {
            position: absolute;
        }

        .dummy
        {
            margin-top: 100%;
        }

        .resourceChart
        {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

        .resUseButton
        {
            border-radius: 5px !important;
            width: 23%;
            background-color: #1DADCE !important;
        }
        .resUseSelected {
            background-color: #0494B4 !important;
        }

        
}

/* @SEARCHRESULT*/

/*.es-search-result-3 > div:nth-of-type(1) > div:nth-of-type(1)
{
    background-color: #FCFCFC;
}*/

.es-search-result-3 > div:nth-of-type(1) > div:nth-of-type(2)
{
    background-color: #F9F9F9;
}

.es-search-result-3 > div:nth-of-type(1) > div:nth-of-type(3)
{
    background-color: #FCFCFC;
}

.es-search-sidemenu > div svg
{
    fill: #6C8397;
}

.es-search-sidemenu > div:hover svg
{
    fill: #1DADCE;
}

.es-search-title
{
    font-family: Roboto, Tahoma, Verdana, Arial;
}

.es-search-sublists > div:nth-of-type(2), .es-search-options > div:nth-of-type(2), .es-search-cats > div:nth-of-type(2), .es-search-timelines > div:nth-of-type(2)
{
    background-color: #DFDFDF;
    color: #132a3e;
}

.es-search-sublists svg
{
    fill: #132a3e;
}

.es-search-description:hover
{
    background-color: #ECECEC;
}

.es-relatedmedia-edit
{
    background-color: #F9F9F9;
}

.es-search-sublist > ul > li > div > a
{
    color: #88BFE0;
}

.panel li
{
    color: #132a3e;
}

/* @SEARCHRESULT*/

#div_SubSearchIntroDetails svg
{
    fill:#1DADCE;
}


.es-search-result-3 > div:nth-of-type(1) > div:nth-of-type(2)
{
    background-color:#F2F2F2;
}.es-upload-zone > div > div:nth-of-type(2) {
    background-color:#1DADCE;
    color:#FFF;
}

.es-upload-zone svg {
    fill:#6C8397;
}

.es-upload-zone:hover svg, .es-upload-zone.dragover svg  {
     fill:#132a3e;
}

.es-upload-zone:hover > div > div:nth-of-type(2), .es-upload-zone.dragover > div > div:nth-of-type(2){
    background-color:#10A0C1;
   }

.es-upload-zone:hover > div, .es-upload-zone.dragover > div {
    background-color:#DFDFDF;
}

.es-upload-zone > div > div:nth-of-type(3) {
    fill:#6C8397;
}

.es-upload-file > div:nth-of-type(1)
{
     background-color:#F9F9F9;
}

.es-upload-file > div:nth-of-type(2)
{
      background-color:#ECECEC;
}

#MediaUpload .mupanel {
    background-color: #F2F2F2;
    color: #132a3e;
}
.es-play-start > div:nth-of-type(1), .es-play-start > div:nth-of-type(2), .es-play-start > div:nth-of-type(3)
{
    background-color: rgba(29,173,206,0.6);
    color: #FFF;
}

    .es-play-start:hover > div:nth-of-type(1), .es-play-start > div:nth-of-type(2):hover, .es-play-start:hover > div:nth-of-type(3)
    {
        background-color: rgba(29,173,206,0.9);
        
    }

.es-controls > div:nth-of-type(1) > div:nth-of-type(2)
{
    background-color: #1DADCE;
}

.es-rating-container
{
    border-left: solid 3px #DFDFDF;
    border-right: solid 3px #DFDFDF;
}

.es-rating > div:nth-of-type(1) > div
{
    background-color: #E6E6E6;
}

    .es-rating > div:nth-of-type(1) > div.active
    {
        /*background-color:#DFDFDF;*/
        background-color: #1DADCE;
    }

    .es-rating > div:nth-of-type(1) > div.hoverstate
    {
        background-color: #FCFCFC;
    }

.es-rating > div:nth-of-type(2) svg
{
    fill: #F2F2F2;
}

#div_EditThumbnail
{
    background-color: #F9F9F9;
    border: solid 1px #ECECEC;
}

.es-playlist-item
{
    background-color: #FCFCFC;
}

    .es-playlist-item .handle
    {
        background-color: #E6E6E6;
    }

    .es-playlist-item > div:nth-of-type(3)
    {
        background-color: #F9F9F9;
    }

    .es-playlist-item > div:nth-of-type(4)
    {
        background-color: #F2F2F2;
    }
.es-viewpage-chapter
{
    background-color: #E6E6E6;
}

    .es-viewpage-chapter > div:nth-of-type(3)
    {
        background-color: #F9F9F9;
    }

    .es-viewpage-chapter > div:nth-of-type(2) > div:nth-of-type(2)
    {
        border-left-color: #1DADCE;
        background-color: #ECECEC;
    }

#div_EditChapterPanel
{
    background-color: #DFDFDF;
}

.es-download-file:hover > div {
        background-color: #DFDFDF;
}

.es-download-file > div > div:nth-of-type(2) {
    background-color: #1DADCE;
    color: #FFF;
}
.es-download-file:hover > div > div:nth-of-type(2) {
    background-color: #36C6E8;
}

.es-download-file svg {
    fill:#6C8397;
}

.es-download-file:hover svg  {
     fill:#132a3e;
}


.es-player2.overlaycontrols .es-player-playprogress {

    background-color: rgba(29,173,206,0.5);

}

.es-player-setting > div:nth-of-type(2) > div.selected {

    background-color:#1DADCE;
    color:#FFF;

}
#div_NewEditTool div, .es-newtool-notification div  {
    color:#132a3e;
}

.es-volume-level .indicator {
    background-color:#1DADCE;
}

.treeview.schooldata li > div:nth-of-type(2) span:hover svg, .es-student-tag:hover > div > span:nth-of-type(2) svg
{
    fill: #1DADCE;
}/*.es-ana-countbox {
    background-color:#ECECEC;
    color:#132a3e;
}

.es-ana-countbox > div:nth-of-type(2) {
     background-color:#FCFCFC;
    color:#132a3e;
}

.es-vert-content > div {
    background-color:#DFDFDF;
    color:#132a3e;
}

.es-ana-question-block .header {

    background-color:#ECECEC;
    color:#132a3e;

}

.es-ana-question-block .questiontext, .es-ana-question-block .es-ana-answerbarchart, .es-ana-answers-summary, .es-ana-textanswer {

    background-color:#FCFCFC;
      color:#6C8397;

}

.es-ana-textanswer > div {
     background-color:#F2F2F2;   color:#6C8397;
}

.es-ana-answers-summary div:nth-of-type(2) div:nth-of-type(1) {
        background-color:#ECECEC;
    color:#132a3e;
}

.es-ana-question-block .interactions {

    background-color:#F2F2F2;
    color:#132a3e;
}

.es-ana-answers-summary div:nth-of-type(2) div:nth-of-type(2) {
      color:#132a3e;
}

.es-ana-question-block .interactions div {
    background-color:#E6E6E6;
}
.es-ana-question-block .interactions div:hover {
    background-color:#DFDFDF;
}

.es-ana-textanswer .es-textanswer-content > span:nth-of-type(1) {
  color:#132a3e;
}

.es-ana-textanswer .es-textanswer-content > span:nth-of-type(2) {
  color:#6C8397;
}*/.es-vle-header .user-details svg {
    fill: #132a3e;
}

.vleheader
{
    background-color: #132a3e;


}

    .vleheader a span {
           color: #ffffff;
    }
    .vleheader a svg {
        fill: #ffffff;
    }
/**Custom**/
#footer { display:block !important; color: #ffffff !important; background-color: #132a3e !important; }#footer div > span { color: #ffffff !important; background-color: #132a3e !important; }#footer div > span a { color: #ffffff !important; }#footer svg { fill: #ffffff !important; }