﻿body {
    font-family: "Segoe UI",Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif;
    font-size: 13px;
    line-height: 1.428571429;
    color: #000;
    background-color: #fff
}

a {
    color: #000;
    cursor:default;
}

a:hover,body #page-content .hover-white:hover {
    color: #2381E9
}

h3,.h3 {
    color: #000
}
/*顶部背景色*/
#page-header {
    background: #343942    
    /*background:#333366;*/
}
/*logo背景色*/
#header-logo {
    background:#20242a;
    /*background: #333366;*/
    color: #fafafa;
    text-transform: uppercase
}

    #header-logo img {
        float: left;
        padding:2px 0;        
    }

#systemName {
    float: left;
    /*width: 113px;*/
    width:140px;
    height: 54px;
    text-align: left;
    line-height: 40px;
    padding:0px;
}

    #systemName h2 {
        /*color: #C5AAEE;*/
        /*color:#B8E1E1;*/
        /*color:#E4DAB4;*/
        color:#D3C283;
        /*color: #B4D1E4;*/
        /*color:#A3A3F5;*/
        font-style: italic;
        font-size: 15px;
        font-weight:bold;
        padding-left:0px;
        padding-right:0px;
    }

.top-icon-bar .dropdown > a, .user-profile > a, #header-logo > a {
    color: #9c9c9c 
}

.user-profile>a:hover,#header-logo>a:hover {
    color: #d3d3d3
}

.user-profile>a {
    border-left: #333 solid 1px
}

.user-profile>a:hover {
    background: #2d2d2d
    /*background:#0f2c7c;*/
}

.top-icon-bar .dropdown>a:hover {
    background: #20242a;
    color: #d1d1d1
}

.dashboard-buttons .btn {
    border: #E9ECF1 solid 1px;
}

.dashboard-buttons .btn:hover {
    border-color: transparent
}

#page-title {
    /*background: rgba(187, 211, 250, 0.41);*/
    background:rgba(213, 223, 240, 0.41);
}

#page-title h3 {
    color: #2381E9
}

#page-title h3 small {
    color: #797979
}
/*菜单项背景色*/
#page-sidebar,#sidebar-menu {
    background: #f3f7f9
}

#page-sidebar li a {
    color: #000
}

#page-sidebar li a:hover,#sidebar-menu li.active>a {
    color:#3554EF;
    background: #fff
}

#sidebar-menu ul>li {
    margin: 0 0 5px
}

#sidebar-menu li.active ul {
    background: #fff;
    padding-bottom: 5px
}

#sidebar-menu li.active ul li a {
    color: #000;
    margin: 0 5px
}

#sidebar-menu li.active ul li a:hover {
    color: #000;
    background: #fafafa
}

#page-sidebar li.current-page a,#page-sidebar li.current-page a:hover {
    background: #2381e9!important;
    color: #fff!important
}

#page-breadcrumb a:after {
    color: #E9ECF1
}

.dropdown-menu {
    background: #fafafa
}

.dropdown-menu li>a {
    color: #888
}

.dropdown-menu li>a:hover,.dropdown-menu .active>a,.dropdown-menu .active>a:hover,.dropdown-menu .active>a:focus {
    background: #e7e7e7;
    color: #333
}

.dropdown-submenu>a:after {
    border-left-color: #2381e9
}

.popover,.ui-menu,.minicolors-panel,.chosen-drop {
    background: #fff;
    border-color: #E9ECF1;
    box-shadow: 0 10px 20px rgba(0,0,0,.6)
}

.popover.bottom .arrow:after {
    border-bottom-color: #E9ECF1
}

.chat-box .popover.right .arrow:after {
    border-right-color: #E9ECF1
}

.chat-box .popover.left .arrow:after {
    border-left-color: #E9ECF1
}

.ui-datepicker,.minicolors-panel,.chosen-drop,.drop-shadow,.ui-dialog {
    box-shadow: 0 3px 7px rgba(0,0,0,.2)
}

.nav-list li a,.nav-list-horizontal li a,.nav-list-horizontal li .nav-wrp,.content-box,.content-box-header,.ui-datepicker,.content-box.drop-shadow .content-box-header,.ui-accordion,.ui-dialog,.ui-accordion-content {
    border-color: #e9ecf1;
    background: #fff;
}

.content-box-header {
    background: #fafafa
}

.dashboard-panel .button-pane {
    background: rgba(0,0,0,.1)!important
}

.button-pane,.content-box.bg-white .button-pane,.chat-reply.button-pane,.ui-dialog .ui-dialog-buttonpane,.popover-title,.button-pane-alt {
    background: #F7F9FC!important
}

#page-content {
    background: #fff;
}

.fc-state-default, .ui-state-default, .ui-accordion-header, .ui-dialog-titlebar, .ui-datepicker-header, .ui-slider .ui-slider-range, .chosen-container .chosen-single, .chosen-container.chosen-disabled .chosen-single:hover, .selector, .selector.disabled, a.btn.ui-state-default.disabled:hover, button.btn.ui-state-default[disabled]:hover, .ui-button.ui-state-default.ui-state-disabled:hover, .table th, .tablePop th, .insert-sheet-table th, .popover-title {
    /*background: rgba(187, 211, 250, 0.41);*/
    /*background:rgba(213, 223, 240, 0.41);*/
    background: rgba(204, 207, 213, 0.41);
    color: #000;
    font-size: 0.95em;
    font-weight: 500;
}

.content-box-header.ui-state-default .icon-separator {
    color: #909CAE
}

.table {
    background: #fff;
    color: #000
}

.table tr td {
    border-bottom: #E9ECF1 solid 1px;
    position:relative;
    padding:3px 2px;
    /*border-right: #E9ECF1 solid 1px;*/
}

.table-striped tr:nth-child(even)>td {
    background: #fafafa
}

.primary-bg,.form-wizard>ul>li a.selected:before,button.primary-bg.btn[disabled],.ui-datepicker-prev,.ui-datepicker-next,.wizard-step,.ui-datepicker td .ui-state-hover,.ui-datepicker-buttonpane button,.ui-slider .ui-slider-handle,.chosen-results li.highlighted,.ui-spinner-button,.ui-menu-item a.ui-state-focus,.ui-dialog-buttonpane .ui-button {
    background: #2381e9;
    color: #fff;
}

.menu-bg,.form-wizard>ul>li a.selected:before,button.menu-bg.btn[disabled],.ui-datepicker-prev,.ui-datepicker-next,.wizard-step,.ui-datepicker td .ui-state-hover,.ui-datepicker-buttonpane button,.ui-slider .ui-slider-handle,.chosen-results li.highlighted,.ui-spinner-button,.ui-menu-item a.ui-state-focus,.ui-dialog-buttonpane .ui-button {
    background: #2d2d2d;
    color: #fff
}

.minor-bg {
    background:rgba(58, 58, 58, 0.69);
    color: #fff
}

.btnoper-bg {
    background: rgba(58, 58, 58, 0.69);
    color: #fff
}
.primary2-bg {
    color: #062ae0;
}

.primary2-bg :hover {
    color: purple !important;
}
.primary3-bg {
    background: #35aa47;
    color: #fff
}
.minor-bg-icon {
    background: rgba(216, 211, 211, 0.69);
    color: #fff;
    padding:3px 3px 2px 3px;
    margin-bottom:2px;
}
.error-bg {
    background:rgba(220, 28, 10, 0.69);
    color: #fff
}

.ui-datepicker-current-day a,.ui-datepicker-current-day a.ui-state-hover {
    background: #fff;
    border-color: #E9ECF1;
    color: #303b49!important;
    font-weight: 700
}

.ui-datepicker-today a,.ui-datepicker-today a.ui-state-hover {
    background: #ffeec6;
    border-color: #E9ECF1;
    color: #000!important;
    font-weight: 700
}

.ui-tabs-nav {
    border-bottom: #E9ECF1 solid 1px
}

.ui-tabs-nav li>a,.ui-accordion-header {
    background: #fafafa;
    border: #E9ECF1 solid 1px
}

.ui-tabs-nav li>a:hover,.ui-accordion-header.ui-state-hover {
    background: #fff;
    color: #2381E9
}

.ui-tabs-nav li.ui-tabs-active>a {
    background: #2381E9;
    color: #fff
}

.ui-tabs-nav li.ui-tabs-active>a .glyph-icon {
    color: #fff!important
}

.icon-separator {
    background: rgba(255,255,255,.35);
    color: #fff
}

a.btn:hover,button.btn:hover,a.ui-button:hover,button.ui-button:hover,.ui-button.active,.btn.primary-bg.ui-state-default:hover,.ui-datepicker-prev:hover,.ui-datepicker-next:hover,.ui-datepicker-buttonpane button:hover,.ui-slider .ui-slider-handle:hover,.ui-slider .ui-slider-handle.ui-state-focus,.ui-dialog-buttonpane .ui-button.ui-state-default:hover {
    color: #fff;
    box-shadow: inset 0 0 0 60px rgba(255,255,255,.2)
}

a.btn:hover,button.btn:hover,a.ui-button:hover,button.ui-button:hover,.ui-button.active,.btn.menu-bg.ui-state-default:hover,.ui-datepicker-prev:hover,.ui-datepicker-next:hover,.ui-datepicker-buttonpane button:hover,.ui-slider .ui-slider-handle:hover,.ui-slider .ui-slider-handle.ui-state-focus,.ui-dialog-buttonpane .ui-button.ui-state-default:hover {
    color: #fff;
    box-shadow: inset 0 0 0 60px rgba(255,255,255,.2)
}

.fc-button.fc-state-default:hover,a.btn.ui-state-default:hover,button.btn.ui-state-default:hover,a.ui-button.ui-state-default:hover,button.ui-button.ui-state-default:hover,a.btn.bg-white:hover,button.btn.bg-white:hover,a.btn.bg-gray:hover,button.btn.bg-gray:hover,.selector:hover,.chosen-container .chosen-single:hover,a.btn.bg-gray:hover,button.btn.bg-gray:hover {
    box-shadow: inset 0 0 0 60px rgba(255,255,255,.4);
    cursor: pointer;
    color: #333
}

a.btn.transparent:hover,button.btn.transparent:hover {
    background: 0;
    color: #2381e9
}

a.btn.ui-state-default.disabled,button.btn.ui-state-default.disabled,.ui-button.ui-state-default.ui-state-disabled,.ui-datepicker-prev.ui-state-disabled,.ui-datepicker-current.ui-priority-secondary {
    box-shadow: inset 0 0 0 60px rgba(255,255,255,.2)!important;
    color: #909CAE
}

a.btn.disabled,button.btn[disabled] {
    box-shadow: inset 0 0 0 60px rgba(255,255,255,.2)!important
}

.btn.primary-bg.ui-state-default:active,.ui-datepicker-prev:active,.ui-datepicker-next:active,.ui-datepicker-buttonpane button:active,.dropdown-menu li a:active,a.btn.ui-state-default:active,button.btn.ui-state-default:active,a.btn.solid-gray:active,button.btn.solid-gray:active,.selector.disabled:hover,.chosen-container.chosen-disabled .chosen-single:hover,.ui-dialog-buttonpane .ui-button.ui-state-default:active {
    box-shadow: 0 0 rgba(0,0,0,0);
    color: #909CAE
}

.btn.menu-bg.ui-state-default:active,.ui-datepicker-prev:active,.ui-datepicker-next:active,.ui-datepicker-buttonpane button:active,.dropdown-menu li a:active,a.btn.ui-state-default:active,button.btn.ui-state-default:active,a.btn.solid-gray:active,button.btn.solid-gray:active,.selector.disabled:hover,.chosen-container.chosen-disabled .chosen-single:hover,.ui-dialog-buttonpane .ui-button.ui-state-default:active {
    box-shadow: 0 0 rgba(0,0,0,0);
    color: #909CAE
}

.hover-blue:hover,.bg-blue {
    color: #fff;
    background: #5bccf6
}
.hover-blue-reverse:hover {
    color:#2381E9;
}

.hover-red:hover,.bg-red {
    color: #fff;
    background: #ff5757
}

.hover-gray:hover,.bg-gray {
    background: #efefef
}

.hover-gray-alt,.bg-gray-alt {
    background: #dedede
}

.btn.hover-gray:hover,.btn.hover-gray-alt:hover {
    color: #000
}

.hover-black:hover,.bg-black {
    color: #ccc;
    background: #212121
}

.hover-green:hover,.bg-green {
    color: #fff;
    background: #9cd159
}

.hover-orange:hover,.bg-orange {
    color: #fff;
    background: #fa7753
}

.hover-orange:hover,.bg-orange2 {
    color: #fff;
    background: #fa7753
}

.bg-white {
    background: #fff
}

.hover-white:hover {
    background: #fafafa
}

.hover-yellow:hover,.bg-yellow {
    color: #fff;
    background: #fc0
}

.k-master-row.bg-yellow {
    color: #fff!important;
    background: #fc0!important;
}
.hover-purple:hover,.bg-purple {
    color: #fff;
    background: #984dff
}

.hover-blue-alt:hover,.bg-blue-alt {
    color: #fff;
    background: #65a6ff
}

.hover-azure:hover,.bg-azure {
    color: #fff;
    background: #41e5c0
}
