/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 02-May-2018, 15:32:04
    Author     : jack
*/

/*.desktopHeader{
    background-color: #fff !important; 
}*/

.ui-header{
    background-color: #fff;
    color: #333333;
}

.ui-header h1{
    text-shadow: 0 0px 0 #fff; 
}

.desktopButton{
    color: #333;
    border-color: #fff;
    text-shadow: 0 0px 0 #fff !important;
}

.desktopButton i{
    color: #6f6f6f;
}

.headerButton{
    color: #5b5b5b !important;
    text-shadow: 0 0px 0 rgba(0, 0, 0, 0) !important;
}

.headerButton i{
    color: #5b5b5b !important
}

.desktopInterface:hover{
    border-color: rgba(0, 0, 0, 0.6);
}

.desktopButtonIconOnly:hover {
    background-color: #435f7c;
}

.headerMenuButton{
    text-shadow: 0 0px 0 #08b !important;
    background-color: #fff;
}

.headerMenuButton i{
    color: #000;
}





.menuStyle{
    /*background-color: #ffffff;*/
    background-color: #f7f7f7;
}


#menuPanel li a, #mypanel li a{
    /*border-bottom: 2px solid rgba(0, 0, 0, 0.1);*/
    color: #333;
}

#menuPanel li a, #mypanel li a{
    color: #2d2d2d;
    text-shadow: 0 0px 0 rgba(0, 0, 0, 0);
}

#menuPanel li ul li, #mypanel li ul li{
    background-color: rgba(255, 255, 255, 0.6);
}

.defaultMenuListColour{
    background-color: rgba(255, 255, 255, 0.6);
}

.ui-page-theme-b .ui-btn, html .ui-bar-b .ui-btn, html .ui-body-b .ui-btn, html body .ui-group-theme-b .ui-btn, html head+body .ui-btn.ui-btn-b, .ui-page-theme-b .ui-btn:visited, html .ui-bar-b .ui-btn:visited, html .ui-body-b .ui-btn:visited, html body .ui-group-theme-b .ui-btn:visited, html head+body .ui-btn.ui-btn-b:visited{
    color: #353535;
    text-shadow: 0 0px 0 rgba(0, 0, 0, 0);
}

.ui-page-theme-b .ui-btn:hover, html .ui-bar-b .ui-btn:hover, html .ui-body-b .ui-btn:hover, html body .ui-group-theme-b .ui-btn:hover, html head+body .ui-btn.ui-btn-b:hover{
    color: #353535;
    text-shadow: 0 0px 0 rgba(0, 0, 0, 0);
}


#menuPanel .ui-collapsible-heading{
    background-color: #fff !important;
}

#menuPanel .ui-collapsible-heading-collapsed{
    background-color: rgb(247, 247, 247) !important;
}


#menuPanel ul li a:hover, #mypanel ul li a:hover {
    background-color: rgba(255, 255, 255, 0.95) !important;
    color: #333;
}