﻿#menubar {
    background: #ffffff;
}

#menubar .k-link .k-icon {
    position: absolute;
    top: 55%;
    margin: -6px 0 0 0;
    right: 4px;
}

#menubar .k-popup[role="menu"] {
    background: #ffffff;
}

#menubar .k-button:focus:not(.k-state-disabled):not([disabled]) {
    box-shadow: 0px 0px 0px 1px #2cabe2 inset !important;
}

#menubar .k-button:hover {
    background-image: none
        /*, linear-gradient(to bottom, #02b4df 0px, #02b4df 100%)*/ !important;
    background: #2cabe2;
}

#menubar .k-button:hover {
    border-color: #2cabe2 !important;
    background-color: #fff !important;
}

#menubar .k-button:focus,
.k-button.k-state-focused {
    border-color: #2cabe2 !important;
}

#menubar .k-state-selected {
    background-color: #2cabe2 !important;
    border-color: #2cabe2 !important;
    color: #fff !important;
}

#menubar .k-state-active {
    border-color: #2cabe2 !important;
    background: #2cabe2 !important;
}

#menubar .k-state-hover {
    border-color: #2cabe2 !important;
    background-color: #2cabe2;
}

#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: #2cabe2 !important;
    background-image: none !important;
}

#menubar .k-textbox:hover {
    border-color: #2cabe2 !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: 20px 24px 10px 12px !important;
    /*min-width: 65px !important;*/
    /*float:left;*/
}

#menubar .k-link {
    color: #787878 !important;
    font-size: 18px;
}

#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/SolutaNewLogo.png");
    margin: 16px auto !important;
    width: 205px !important;
    height: 32px !important;
    background-repeat: no-repeat;
    background-size: contain;
}

#home .panelCol {
    background: #d3ecf7;
}

button,
button > a,
input[type="button"],
input[type="submit"] {
    background: #2cabe2;
}

.splashLogo {
   background-image: url("/Content/images/Soluta Logo_Stacked_RGB.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    aspect-ratio: 146 / 54;
    margin: 0 auto;
}

#wfMenu li {
    background: #d3ecf7;
}

#wfMenu li.selected > a {
    border-color: #d3ecf7;
}

#wfMenu li.selected.Active > a {
    border-color: #2cabe2;
}

#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: #2cabe2;
}

#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;
}

#menubar .k-link:hover,
#menubar .k-state-active {
    background: #ffffff !important;
    color: #2cabe2 !important;
}

#menubar li.k-state-active > .k-link .k-icon,
#menubar li.k-state-hover > .k-link .k-icon,
#menubar li.k-state-selected > .k-link .k-icon {
    background-position: -0px -32px !important;
}

html body #menubar .k-link:hover .k-icon {
    background-position: 0 -32px !important;
}

html body #menubar .k-state-active .k-icon {
    background-position: 0 -32px !important;
}

#menubar .k-item {
    margin: 1px;
}

#settings .settings {
    background-position: -234px -231px !important;
}

html body #menubar .k-link:hover .settings,
html body #menubar .k-state-active .settings {
    background-position: -234px -231px !important;
}
