﻿@main-color: #154194;

@second-color: lighten(@main-color,15%);
@third-color: lighten(@main-color,25%);

.navbar .navbar-inner {
    background: @main-color !important;
    height: 70px;
}


.submenu-editFormView li:hover {
    background: @main-color none repeat scroll 0 0 !important;
}

.submenu-editFormView li:first-child:hover {
    background: #fff none repeat scroll 0 0 !important;
}

.nav-list > li > a:hover:before {
    background-color: @main-color !important;
}

.nav-list li.activeli > a:after {
    border-right-color: @main-color !important;
}

.nav-list > li > a:hover, .nav-list > li.open > a {
    color: @main-color !important;
}

.treeview .k-state-selected {
    background: @main-color !important;
}

.btn-primary:hover {
    background-color: @second-color !important;
    border-color: @second-color !important;
}


#preview-coverflow .cover {
    border: solid 1px @main-color !important;
    background: @main-color !important;
}

.k-block, .k-toolbar, .k-grouping-header, .k-draghandle, .k-treemap-tile, html .km-pane-wrapper .k-header {
    background-color: @main-color !important;
}


.k-grid a {
    color: @main-color;
}

    .k-grid a:hover {
        text-decoration: underline;
        color: @second-color;
    }

.k-pager-numbers .k-state-selected {
    border-color: @main-color transparent transparent;
    color: @main-color;
}

.k-drag-clue {
    color: #fff;
}

.k-group-indicator {
    background-color: @second-color;
    border-color: #fff !important;
}

    .k-group-indicator > a {
        color: #fff !important;
    }

.customTheme {
    padding-top: 5px;
    text-align: center;
    color: #fff;
    width: 10.1%;
    height: 35px;
    float: left;
    margin: 3px;
    border: solid 1px gray;
}

.themeselection {
    margin-top: -43px;
    position: absolute !important;
    width: 100%;
    top: 35px;
    background: #fff;
    z-index: 111;
    left: 0px;
    border: solid 1px #000;
    padding: 3px;
}

.k-dropdown .k-state-default.s3s-selected {
    margin-left: 5px;
    border: none !important;
}

.k-grid .k-grouping-header {
    color: #222 !important;
    background-color: rgb(249, 249, 249) !important;
}

    .k-grid .k-grouping-header .k-group-indicator {
        background-color: #ddd;
        border: solid 1px #222 !important;
    }

    .k-grid .k-grouping-header > .k-group-indicator > .k-link {
        color: #222 !important;
    }

.dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu li a:active, .dropdown-menu li.active a, .dropdown-menu li.active a:hover, .dropdown-menu .dropdown-submenu:hover > a, .nav-tabs .dropdown-menu li > a:focus {
    background: @main-color !important;
}

.btn-danger {
    background-color: #d15b47 !important;
    border-color: #d15b47;
}

.breadcrumb > li > a {
    color: @main-color !important;
}

.k-calendar td.k-state-selected {
    background-color: @main-color !important;
}

.panel-dark {
    border-color: @main-color !important;
}

#tabstrip .fa.fa-plus, .sectionHeader-Actions .fa, #tabstrip .fa-times, #section-default .fa-plus, .attr-container .fa-times, #tabstrip .fa-edit, .attr-container .fa-edit, .fa-pencil {
    color: @main-color !important;
}

.section-Surround .active-Attr {
    border: 1px dotted @main-color !important;
}

.attr-container .fa, .attr-container-richtextbox .fa, .attr-container-multirow .fa, .attr-container-uploader .fa {
    padding: 3px;
    color: @main-color !important;
    cursor: pointer;
}

.settingTreeview .k-state-selected {
    background: @main-color !important;
    color: #fff;
}

.expr-select-list {
    background: @main-color !important;
    min-height: 32px;
}

.navbar-toggle {
    background-color: @main-color !important;
}
