/***** Select & Option */
select.Unselected {
    color: #999999;
}

select option {
    color: #555;
}

select option:disabled {
    color: #999999;
    background-color: white;
}

/****** DIALOG *****/
.ui-widget-content {
    background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(250, 250, 250) 50%, rgb(255, 255, 255) 99%);
}

.ui-dialog .ui-dialog-title {
    color: #54595F;
}

.ui-dialog-titlebar-close {
    background-color: transparent;
    color: gray;
}

.ui-dialog-titlebar-close:hover {
    color: dimgray
}

.ui-dialog-titlebar-close:active {
    color: lightgray
}

.ui-dialog label {
    color: gray;
}

/* Main menu items which are displayed on the top of pages*/
.MainMenuItemColor {
    color: #54595F !important;
}

    .MainMenuItemColor:hover {
        color: #aaa !important;
    }




.LoginMenuItem {
    color: #FFCC33 !important;
}

/* Sub menu items which are display on drop-downs*/
.SubMenuColor {
        background-color: white;
    }

    .SubMenuItemColor {
        color: black;
    }

        .SubMenuItemColor:hover, .SubMenuItemColor.active {
            background-color: #54595F !important;
            color: white !important;
        }

/* Secondary menu item, which are displayed below the header */
.SecondMenuBGColor {
    background-color: #54595F;
}

.SecondMenuItemColor {
    color: #fdfdfd;
}

.SecondMenuItemColor.active, .SecondMenuItemColor:hover
{  
    color: #FFCC33;
    background-color: transparent !important;
}

    .SecondMenuItemColor:focus {
        color: #FFCC33;
        background-color: transparent !important;
        border-color: #FFCC33;
    }

.SecondMenuItemColor.active:before, .SecondMenuItemColor:hover:before
{
    /*box-shadow: 0 0 15px rgba(0,0,0,.6);*/
}

#navbar2 .navbar-nav li:not(:last-child){
    border-right-color: white;
}


/*.MobileNavBarList {
    background-color: #54595F;
}

.MobileNavBarItem {
    color: #fff;
}

.MobileNavBarItem.active {
    color: #FFCC33;
}*/


/********* Common Fields ******************/

body {
    color: #000;
    background-color: #333;         
}

.footer {
    color: whitesmoke;         
    background: none;
}

.header {
    background-color: #fff;
}


.container-wrapper {
    background: linear-gradient(to left, white 0%, #fafafa 50%, white 100%);
}


/************************** Portrait tablets and small desktops */
@media (max-width: 768px) {

    /* Override collapse width */
    .MainMenuColor {
        background-color: rgba(242,242,242,0.9);
        box-shadow: none;
    }

    .MainMenuItemColor {
        color: black;
    }

        .MainMenuItemColor:hover, .MainMenuItemColor.active {
            background-color: #54595F !important;
            color: white;
        }

    .MainMenuColor .navbar-collapse {
        background-color: white;
        border-color: #999999;
        background-color: whitesmoke;
    }

    .icon-bar {
        border-color: dimgray;
    }
}

#IWantToDiv > a:hover, #IWantToDiv > a:focus, div#IWantToDiv.open > a {
    color: dimgray;
    background-color: white;
    border: 1px solid #ddd;
}

#IWantToDiv.open > a {
    background-color: white;
    color: #555;      
    border: 1px solid #555;
}


.SpinnerColor {
    color: #54595F;
}

.LinkColor {
    color: #0070c9 !important;
}

    .LinkColor:hover {
        color: gray;
        text-decoration: none;
    }

.PageTitleColor {
    color: #54595F !important;
}

.SectionTitleColor {
    color: #54595F;
}

.BGColor {
    background-color: #54595F;
}

.BGTextColor {
    color: white;
}

.OddRow {
    background-color: white;
}

.EvenRow {
    background-color: #fafafa;
}

.PageBorderColor {
    border: 1px solid lightgray;
}

.BtnColor {
    background-color: #54595F;
    color: whitesmoke;
}

    .BtnColor:hover, .BtnColor:focus, .BtnColor:active, .BtnColor:active:focus, .BtnColor.active {
        background: #0C0901;
        color: white;
    }

    .BtnColor:active, .BtnColor.active {
        box-shadow: none;
    }

/*-- Sub-button Color*/
.SubFunctionalBtn {
    color: #999;
    border-color: #999;
    background-color: transparent;
}

    .SubFunctionalBtn.Delete:hover {
        border-color: #d9534f;
        color: #d9534f;
    }

    .SubFunctionalBtn.Edit:hover, .SubFunctionalBtn.Add:hover {
        border-color: #54595F;
        color: #54595F;
    }

    .SubFunctionalBtn.Info:hover {
        color: #feed6f;
        border-color: #feed6f;
    }