﻿#menubar {
    background: #38004a;
}


#menubar .k-link .k-icon {
    position: absolute;
    top: 50%;
    margin: -8px 0 0 0;
    right: 4px;
}

    #menubar .k-popup[role='menu'] {
        background: #38004a;
    }

    #menubar .k-button:focus:not(.k-state-disabled):not([disabled]) {
        box-shadow: 0px 0px 0px 1px #25A0DA inset !important;
    }

    #menubar .k-button:hover {
        background-image: none /*, linear-gradient(to bottom, #02b4df 0px, #02b4df 100%)*/ !important;
        background: #25A0DA;
    }

    #menubar .k-button:hover {
        border-color: #25A0DA !important;
        background-color: #FFF !important;
    }

    #menubar .k-button:focus, .k-button.k-state-focused {
        border-color: #25A0DA !important;
    }

    #menubar .k-state-selected {
        background-color: #25A0DA !important;
        border-color: #25A0DA !important;
        color: #FFF !important;
    }

    #menubar .k-state-active {
        border-color: #25A0DA !important;
        background: #25A0DA !important;
    }

    #menubar .k-state-hover {
        border-color: #25A0DA !important;
        background-color: #25A0DA;
    }

    #menubar .k-grid-export-image {
        background-image: url("/Content/images/excel.png") !important;
        margin: 0 5px 0 0 !important;
        padding: 4px !important;
    }

    #menubar .k-dropdown-wrap.k-state-focused {
        background-color: #25A0DA !important;
        background-image: none !important;
    }

    #menubar .k-textbox:hover {
        border-color: #25A0DA !important;
    }

    #menubar .k-item {
        border: none !important;
        /*float: left !important;*/
    }

    #menubar .k-menu {
        border: none !important;
        width: auto !important;
        line-height: inherit !important;
    }

    #menubar .k-link {
        padding: 10px 24px 10px 12px !important;
        /*min-width: 65px !important;*/
        /*float:left;*/
    }

    #menubar .k-link {
        color: white !important;
    }

    #menubar .k-icon:not(.k-i-close) {
        background-position: -0px -32px !important;
    }


    #menubar .k-link:hover .k-icon, #menubar .k-link:hover, #menubar .k-state-active .k-icon {
        background-position: -16px -32px !important;
    }

#settings .settings {
    background: url("/Content/kendo/Metro/sprite_2x.png") no-repeat scroll -236px -231px rgba(0, 0, 0, 0);
}

.topSplashLogo {
    background-image: url('/Content/images/Boon-Chapman Logo_Horizontal_KO.png');
    margin: 12px auto 0 !important;
    width: 122px !important;
    height: 22px !important;
    background-repeat: no-repeat;
    background-size: contain;
}

#home .panelCol {
    background: #D3ECF7;
}

button, button > a,
input[type=button],
input[type=submit] {
    background: #25a0da;
}


.splashLogo {
    background-image: url('/Content/images/Boon-Chapman Logo_Horizontal_RGB.png');
    height: 36px;
    margin-bottom:18px;
}

#wfMenu li {
    background: #D3ECF7;
}

    #wfMenu li.selected > a {
        border-color: #D3ECF7;
    }

    #wfMenu li.selected.Active > a {
        border-color: #25a0da;
    }

    #wfMenu li.selected.Completed > a {
        border-color: #A7A9AC;
    }

    #wfMenu li > a {
        color: #787878;
        border: 3px solid #FFF;
        border-left: none;
        border-right: 1px solid #FFF;
    }

    #wfMenu li.Active {
        background-color: #25a0da;
    }

        #wfMenu li.Active > a {
            color: #FFF;
        }


    #wfMenu li.Incomplete {
        background-color: #A7A9AC;
    }

    #wfMenu li.Locked {
        background-color: #D3ECF7;
    }

        #wfMenu li.Locked > a {
            color: #787878;
        }

    #wfMenu li.Incomplete > a {
        color: #FFF;
    }
