@import "/platform/styles/xc/main.css";
@import "/oa/styles/xc/main.css";

#logo {
    width: 43px;
    height: 43px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-top: 7px;
    background: url(images/logo.png);
    background-size: 43px;
}

#main_top {
    height: 40px;
    background: #f3f4f4;
}

#main_frames {
    background: #f3f4f4;
    width: 100%;
    height: calc(100% - 40px);
    overflow: hidden;
    position: relative;
}

#top_bottom {
    height: 40px;
    width: 100%;
    background-color: #ffffff;
    position: relative;
	box-shadow: 0px 0px 0px 0px rgb(128 145 165 / 20%), inset 0px -1px 0px 0px #dee1e4;
}

#menus .sub_menus_items {
    float: left;
    width: calc(100%);
    box-shadow: 0 2px 10px 0px rgb(128 145 165 / 20%);
    height: 100%;
    border-top: 1px solid #fefafa;
}

#left {
    background: #1c2d46;
}

#top_top {
    border-bottom: 1px solid #f8f8f8;
}

#main_title {
    color: #1b82d1;
}

.user_name {
    color: #333333;
    background: url(images/user.png) no-repeat left center;
    background-size: 18px 18px;
}

#top .top_menus {
    box-shadow: 0 2px 10px 6px rgba(128, 145, 165, 0.4);
}

#top .top_menus li {
    color: #333333;
}

#top .top_menus li.selected {
    color: #1b82d1;
    background: #e8f2fa url(images/selected.png) no-repeat right 10px center;
}

#top .top_menus li.selected:hover {
    color: #1b82d1;
    background: #e8f2fa url(images/selected.png) no-repeat right 10px center;
}

#top .top_menus li:hover {
    background: #e8f2fa;
    color: #1b82d1;
}

.top_search div.top_search_button {
    background: #f5f5f5 url(images/search.png) no-repeat center;
}

#top_menus {
    float: right;
    width: 725px;
    margin-right: 5px;
    position: relative;
}


#top_menus_list li {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
}

#top_menus_list li:hover {
    background-color: #e8f2fa;
}

#top_menus_list li.selected {
    height: 44px;
    line-height: 44px;
    padding-top: 3px;
    color: #2a68c9;
    border-bottom: 4px solid #2a68c9;
}

#menus .menu_item .menu_item_title {
    color: #d7e6fe;
}

#menus .menu_item:hover {
    background: #204e97;
}

#menus .menu_item:hover .menu_item_title {
    color: #ffffff;
}

#menus .menu_item.menu_item_expanded {
    background: #204e97;
}

#menus .menu_item.menu_item_expanded .menu_item_title {
    color: #ffffff;
}

#menus .sub_menus .sub_menu_item {
    color: #333333;
}

#menus .sub_menus .sub_menu_item:hover {
    background: #eff6fc;
    color: #1b82d1;
}

#menus .sub_menus .sub_menu_item.sub_menu_item_selected {
    background: #eff6fc;
    color: #1b82d1;
    border-right: 2px solid #1b82d1;
}

#menus .sub_menus .cyan-tree-node:hover {
    background: #eff6fc;
    color: #1b82d1;
}

#menus .sub_menus .cyan-tree-sub .cyan-tree-node:hover .cyan-tree-node-text{
    color: #1b82d1;
}

#menus .sub_menus .cyan-tree-sub .cyan-tree-node.cyan-tree-node-selected .cyan-tree-node-text{
    color: #1b82d1;
}

#menus .sub_menus .cyan-tree-node.cyan-tree-node-selected {
    background: #eff6fc;
    color: #1b82d1;
    border-right: 2px solid #1b82d1;
}

#main_tab_home.main_tab:hover, #main_tab_home.main_tab_selected {
    background: url(images/home_active.png) no-repeat 13px 11px;
}

#main_tab_home.main_tab.main_tab_selected, .main_tab.main_tab_selected {
    color: #2170d9;
}

.main_tab:hover {
    color: #2170d9;
}