﻿.mCSB_container 
{
    margin-right:0;
}
.mCustomScrollBox > .mCSB_scrollTools
{
    width:4px !important;
}
.two-menu-hide
{
    display:none;
}
.page-header
{
    background-color:#3d6098;
    height:55px;
               
}
.page-header .left
{
    height:55px;
    width:240px;
    float:left;
    margin-left:5px;
}
.two-menu li
{
    color:#e5efff;
    font-size:12px;
    padding:10px 0;
    cursor:pointer;
    border-bottom:1px solid #4b6ea8;
}

.two-menu .spread
{
    padding-bottom:0 !important;
}

.two-menu .selected
{
    color:#FFFFFF !important;
    background-color:#6084bf !important;
}

.two-menu > .mouseover
{
    background-color:#6084bf !important;
}
.two-menu li .three-menu
{
    margin-top:10px;
    background-color:#ffffff;
}
.two-menu li .three-menu li
{
    text-align:center;
    color:#666666;
    font-size:12px;
    padding:10px 0;
    cursor:pointer;
    border-bottom:1px dotted #467cd4;
}
.two-menu li .three-menu .selected
{
    color:#ffffff !important;
}
.two-menu li .three-menu .mouseover
{
    color:#ffffff !important;
    background-color:#6084bf !important;
}
.white
{
    color:#ffffff !important;
}
.page-header .right
{
    position:relative;
    margin-left:250px;
}
.page-header .right .module
{
    top:0;
    left:0;
    position:absolute;
}

.page-header .right .module .more-module .selected
{
    background-color:#efefef !important;
    color:#333333 !important;
}
.page-header .right .module .selected
{
    background-color:#6084bf !important;
    color:#ffffff !important;
}
.page-header .right .module .navigation
{
    float:left;
    line-height:55px;
    padding:0 10px;
    text-align:center;
    cursor:pointer;
}
.page-header .right .module .navigation .iconfont
{
    color:#e5efff;
    font-size:20px;
    padding-right:5px;
}
.page-header .right .module .more-module .navigation .iconfont
{
    color:#3d6098 !important;
    font-size:20px;
    padding-right:5px;
}
.page-header .right .module .navigation .name
{
    color:#ffffff;
    font-size:12px;
}
.page-header .right .module .more-module .navigation .name
{
    color:#333333 !important;
    font-size:12px;
}
.page-header .right .menu
{
    top:0;
    right:0;
 
    line-height:55px;
    position:absolute;
}

.page-header .right .call-box
{
    right:585px; /*right:535px;*/
    top:0px;
    line-height:55px;
    position:absolute;
    color:#ffffff;
    font-size:14px;
}
.page-header .right .menu a
{
    text-decoration:none;
    color:#ffffff;
    font-size:18px;
    padding:0 10px;    
    cursor:pointer;
}
.page-header .right .search
{
    right:210px;
    top:13px;
    position:absolute;
}
.page-header .right .search .container
{

    height:30px;
    width:165px;
    float:right;
    border-radius:17px;    
    background-color:#ffffff;
}
.page-header .right .search .container .type
{
    float:left;
    width:50px;
    text-align:right;
    line-height:30px;
    color:#536a98;
    font-size:12px;
    height:20px;
}
.page-header .right .search .container .type span
{
    border-right:1px solid #445f91;
    padding-right:10px;
    cursor:pointer;
    position:relative;
}
.page-header .right .search .container .button
{
    width:30px;
    float:right;
    text-align:center;
    line-height:30px;
    color:#536a98;
    font-size:20px;
    cursor:pointer;
}
.page-header .right .search .container .input
{
    margin-left:50px;
    margin-right:35px;
}
.page-header .right .search .container .input input
{
    background-color:#ffffff;
    color:#284062;
}

.page-header .right .search .container .input input
{
    border:0;
    width:80px;
    height:30px;
    font-size:12px;
    line-height:30px;
}
.clear
{
    clear:both;    
}
.three-menu-hide{
    display:none;
}
.page-content
{
    position:relative;    
}
.page-content .left
{
    top:0;
    left:0;
    width:139px;
    border-right:1px solid #3d6098;
    background-color:#3d6098;
    z-index:1002;
    position:absolute;
    height:2046px;
}
.page-content .left .blank
{
    height:50px;    
}
.page-content .right
{
    top:0;
    left:140px;
    background-color:#FFFFFF;    
    position:absolute;
} 
.page-content .right-full
{
    left:0 !important;
}
.top-menu
{
    position:absolute;
    top:0;
    left:0;
    display:none;  
    z-index:1003;
}
.top-menu .icon_shangsanjiao
{
    text-align:center;
    font-size:14px;
    color:#2C4064;    
    width:73px;
    position:absolute; 
    top:20px; 
    right:0;
}
.top-menu .search-menu div
{
    line-height:20px;
    cursor:pointer;
}
.top-menu .content
{
    background-color:#2C4064;     
    padding-bottom:20px;
}
.top-menu .content .tool
{
    width:80px;
    float:left;    
    padding-top:20px;
    cursor:pointer;
}
.top-menu .content .iconfont
{
    text-align:center;
    font-size:30px;
    color:#FFFFFF; 
}
.top-menu .content .text
{
    text-align:center;
    color:#FFFFFF;
    font-size:12px;    
    padding-top:10px;
}

/*左侧菜单*/
  
.crmleft-menu {
	font-size:12px;
	position:relative;
	clear:both
}

.crmleft-menu .selected
{
    background-color:#4c8bf4;
    color:#FFF;
}

.crmleft-menu .iconfont
{
    font-size:24px;
    text-align:center;    
}
.crmleft-menu .text
{
    font-size:13px;
    padding-top:5px;
    text-align:center;
}
.crmleft-menu.mm-vertical {
	width:100%;
	height:60px;
}
.crmleft-menu,.crmleft-menu ul {
	list-style:none;
	margin:0;
	padding:0;
}

.crmleft-menu li {
	position:relative;
    width:100%;
}

.crmleft-menu li>div {
    position:relative;
	line-height:30px;
    color:#c1d1F6;
    cursor:pointer;
    padding:2px;
    padding-top:5px;
    padding-bottom:5px;
    background-color:#273D62;
}
    .crmleft-menu .common-use-menu li > div {
        background-color:#273d62;
        position:relative;
        line-height:30px;
        color:#c1d1F6;
        cursor:pointer;
        padding:2px;
        padding-top:5px;
        padding-bottom:5px;
    }

.crmleft-menu .common-use-menu .selected
{
    background-color:#4c8bf4;
    color:#FFF;
}

.crmleft-menu .menubar {
	line-height:40px;
}



.crmleft-menu .moremenuitem {
    cursor:pointer;
    white-space:nowrap;
    word-break:keep-all;
    word-wrap:normal;
    line-height:20px;
    padding:2px;
}

.crmleft-menu a
{
    color:#c1d1F6;
}
.crmleft-menu a:hover
{
    text-decoration:none;
}

.crmleft-menu .moremenuparent
{
    border-bottom:1px solid #3e5d90;
    font-size:12px;
    color:#7187ac;
}

.abcdefg{
    margin-bottom:10px;
}
    .crmleft-menu .abcdefg a {
        color:#c1d1F6;
    }
.crmleft-menu.mm-vertical div span {
    display:block;
}

.crmleft-menu ul {
    background-color:#273D62;
}

.crmleft-menu li>ul {
    width:120px;
	position:absolute;
	top:0;
	left:-5000px;
	z-index:100;
    padding:5px;
}

.crmleft-menu .showscrollbar{
    overflow-y:auto;
}
.btOpenPersonalDesktop
{
    border:1px solid #CCCCCC;
    border-bottom:0;
    cursor:pointer;
    height:30px;
    width:98px;
    background-color:#ffffff;
    position:absolute;
    bottom:-1px;
    left:10px;
    line-height:30px;
    text-align:center;
    text-decoration:none;
    border-radius:3px;
}
.newfuncmark
{
        width:100%;
        height:100%;
        padding:0px;
        margin:0px;
        right:0px;
        bottom:0px;
        position:absolute;
        z-index:10000000!important;
        background-color:#000;
}
.system-message-menu
{
    position:relative;    
}
.count
{
    position:absolute; 
    top:0; 
    right:10px; 
    padding:2px; 
    background-color:Red; 
    border-radius:2px; 
    display:none;
}
.system-message-container
{
    display:none;
}
.system-message-container .content
{
    padding:0 10px;    
}
.system-message-container .system-message-more
{
    height:30px;
    line-height:30px;
    text-align:center;
    cursor:pointer;
    color:#b8c2d9;    
    background-color:#2C4064;   
}
.system-message-container .message
{
    padding:5px 0;
    color:#b8c2d9;    
    border-bottom:1px solid #FFFFFF;
}
.system-message-container .message a
{
    color:white;
    text-decoration:none;    
}



.tab-header
{
    position:relative;    
}
.tab-header .move-enable
{
    cursor:pointer;
    color:#3d70cc;
}
.tab-header .move-disable
{
    color:#EEEEEE;
}
.tab-header .removeall-enable
{
    cursor:pointer;
    color:#3d70cc;
}
.tab-header .removeall-disable
{
    color:#EEEEEE;
}
.tab-header-left
{
    position:absolute; 
             
    left:0;
    border-bottom:1px solid #dae3f2;    
    
    z-index:1000;
    text-align:center;

}
.tab-header-left,.tab-header-right,.tab-header-all-remove
{
    font-size:12px !important;    
    top:10px;
    background-color:#ffffff; 
}
.tab-header-middle
{
    top:0;
    position:absolute; 
    border-bottom:1px solid #dae3f2;    
}
.tab-header-right
{

    border-bottom:1px solid #dae3f2; 

    position:absolute; 
               
    text-align:center;
}
.tab-header-all-remove
{

    border-bottom:1px solid #dae3f2; 

    position:absolute; 
    right:0;    
    text-align:center;
}
.tab-header-middle .tab
{
    position:absolute; 
    bottom:-1px;
    border:1px solid #dae3f2; 
    text-align:center;
    border-radius:3px 3px 0 0;
    cursor:pointer;
    overflow:hidden;
}
.tab-header-middle .active-tab
{
    background-color:#ffffff;
    border-bottom:1px solid #ffffff; 
    color:#4c4c4c;
}
.tab-header-middle .no-active-tab
{
    border-bottom:1px solid #dae3f2; 
    background-color:#dae3f2;
    color:#666666;
}
.tab-header-middle .close
{
        position:absolute;
        right:0;
        top:0;    
        text-align:center;
        cursor:pointer;
        display:none;
}

.im-fold-view
{
    right:20px;
    bottom:20px;
    width:50px;
    height:50px;
    background-color:#31456A;
    position:absolute;    
    cursor:pointer;
}
.im-fold-view .icon_liaotian
{
    color:#BCCBF2;
    text-align:center;
    font-size:24px;
    line-height:50px;
}
.im-fold-view .have-message
{
    padding:3px;
    border-radius:3px;
    background-color:Red;
    position:absolute;
    top:5px;
    right:5px;
    display:none; 
}
.im-expand-view
{
    display:none;
    right:20px;
    bottom:20px;
    position:absolute;    
    border:1px solid #E1E5E8;
    -webkit-box-shadow:0 0 3px 3px #EEEEEE;  
    -moz-box-shadow:0 0 3px 3px #EEEEEE;  
    box-shadow:0 0 3px 3px #EEEEEE;  
}
.im-expand-view .right
{
    background-color:#FFFFFF;
    float:right;
    width:340px;
}
.im-expand-view .right .header
{
    border-bottom:1px solid #E1E5E8;
    text-align:right;

}
.im-expand-view .right .header a
{
    font-size:18px;
    color:#6e7b97;
    text-decoration:none;
    margin-right:10px;
}
.im-expand-view .right .content
{
    width:340px;    
    position:relative;
}

.im-expand-view .right .content .menu
{
    margin-left:265px;
    background-color:#f3f5f8;
}
.im-expand-view .right .content .menu a
{
    display:block;
    text-align:center;
    height:60px;
    line-height:60px;
    font-size:30px;
    color:#a9b3c9;
    text-decoration:none;
}
.im-expand-view .right .content .menu .selected
{
    background-color:#FFFFFF !important;    
    color:#6e7b97;
}
.im-expand-view .right .content .employee-container
{
    width:265px;
    float:left;
}
.im-expand-view .right .content .employee-container .condition
{
    height:40px;
    line-height:40px;    
    border-bottom:1px solid #E5E6EA;
}
.im-expand-view .right .content .employee-container .condition .condition-left
{
    width:100px; 
    float:left; 
    height:40px; 
    line-height:40px; 
    padding-left:10px;
}
.im-expand-view .right .content .employee-container .condition .condition-right
{
    margin-left:120px; 
    height:40px; 
    line-height:40px; 
    text-align:left;    
}
#im_all_employee .condition .condition-right
{
    float:right;
    height:40px; 
    line-height:40px; 
    width:30px;  
    text-align:center;
    margin:0;
}
#im_all_employee .condition .condition-middle
{
    margin-left:120px;
    margin-right:30px;
    height:40px; 
    line-height:40px; 
    text-align:left;
}
.im-expand-view .right .content .employee-container .condition .condition-right a
{
    text-decoration:none;
    padding:0 5px;
    border-right:1px solid #8791AA;
    color:#8791AA;
}
.im-expand-view .right .content .employee-container .employee-list
{
    overflow:auto;
}
.im-expand-view .right .content .employee-container .selected
{
    background-color:#F4F9FF !important; 
}
.im-expand-view .right .content .employee-container .employee
{
    padding:10px;    
    border-bottom:1px solid #dee5eb;
    cursor:pointer;
}
.im-expand-view .right .content .employee-container .user_offline,.im-expand-view .right .content .employee-container .user_offline a,.im-expand-view .right .content .employee-container .user_offline div,.im-expand-view .right .content .employee-container .user_offline span{
    color:#DDDDDD !important;
}
.im-expand-view .right .content .employee-container .user_offline img
{
    filter:gray;
    opacity:0.5;
}
.im-expand-view .right .content .employee-container .employee:hover
{
    background-color:#F4F9FF; 
}
.im-expand-view .right .content .employee-container .employee:hover .employee-right .icon_logout
{
    display:inline;    
}
.im-expand-view .right .content .employee-container .employee .employee-left
{
    width:40px;
    float:left;    
}
.im-expand-view .right .content .employee-container .employee .employee-left img
{
    border-radius:3px;    
}
.im-expand-view .right .content .employee-container .employee .employee-middle
{
    margin-left:50px;    
    text-align:left;
    position:relative;
    margin-right:20px;
}
.im-expand-view .right .content .employee-container .employee .employee-right
{
    float:right;
    width:20px;
    height:40px;
    line-height:40px;
}
.im-expand-view .right .content .employee-container .employee .employee-right .icon_logout
{
    display:none;    
}
.im-expand-view .right .content .employee-container .employee .employee-right a
{
    font-size:14px;
    text-align:center;
    text-decoration:none;    
}
.im-expand-view .right .content .employee-container .employee .employee-middle .noread-count
{
    position:absolute; 
    padding:3px; 
    border-radius:3px; 
    background-color:Red; 
    top:5px; 
    right:5px; 
              
}
.im-expand-view .right .content .employee-container .employee .employee-middle .noread-count-hidden
{
    display:none;  
}
.im-expand-view .right .content .employee-container .employee .employee-middle .noread-count-show
{
                
}
.im-expand-view .right .content .employee-container .employee .employee-middle .name
{
    height:20px;
    line-height:20px;
    font-size:14px;
    font-weight:bold;
    color:#304669;
}
.im-expand-view .right .content .employee-container .employee .employee-middle .department
{
    height:20px;
    line-height:20px; 
    font-size:14px;
    color:#8995b0;
    overflow:hidden;
}
.im-expand-view .im-window
{
    margin-right:340px;
    background-color:#FFFFFF;
    display:none;
}
.im-expand-view .im-window .not-active-window
{
    display:none;
}
.im-expand-view .im-window .active-window
{
                
}
.im-expand-view .im-window .sms-container
{
    height:30px; 
    line-height:30px;    
    border-top:1px solid #E1E5E8;
    padding:0 10px;
}
.im-expand-view .im-window .sms-container-hide
{
    display:none;
}
.im-expand-view .im-window .message-content 
{
    overflow:auto;
                
}
.im-expand-view .im-window .message-content .other-message
{
    padding:10px;
}
.im-expand-view .im-window .message-content .other-message .other-left
{
    float:left;
    width:30px;    
}
.im-expand-view .im-window .message-content .other-message .other-right
{
    margin-left:40px;    
    background-color:#ced7e6;
    padding:10px;
    color:#304669;
    border-radius:5px;
}
.im-expand-view .im-window .message-content .other-message .message-date
{
    padding-bottom:10px;
    text-align:center;    
}
        
.im-expand-view .im-window .message-content .self-message
{
    padding:10px;
}
.im-expand-view .im-window .message-content .self-message .self-left
{
    margin-right:40px;    
    background-color:#f3f5f8;
    padding:10px;
    color:#304669;
    border-radius:5px;
}
.im-expand-view .im-window .message-content .self-message .self-right
{

    float:right;
    width:30px;    
}
.im-expand-view .im-window .message-content .self-message .message-date
{
    padding-bottom:10px;
    text-align:center;    
}
        
.im-expand-view .im-window .header
{
    border-bottom:1px solid #E1E5E8;
    text-align:left;
    padding-left:10px;
    color:#304669;
    font-size:16px;
    font-weight:bold;
}
.im-expand-view .im-window .tool
{
    border-top:1px solid #E1E5E8;
    text-align:left;
}
.im-expand-view .im-window .footer
{
    text-align:right;    
    padding-right:10px;
}
.im-expand-view .im-window .footer a
{
    text-decoration:none;
    padding:5px 10px;
    background-color:#809dd9;
    color:#FFFFFF;
}
.im-expand-view .im-window .input textarea
{
    width:100%; 
    border:0;    
    padding:0;
    margin:0;
}
.im-expand-view .im-window .input
{
    padding:0 10px;    
}
.im-expand-view .im-window .tool .tool-left
{
    margin-right:100px;
    text-align:left;
    padding-left:5px;    
}
.im-expand-view .im-window .tool .tool-left a
{
    padding:5px;    
}
.im-expand-view .im-window .tool .tool-left .tool-selected
{
    background-color:#E1E5E8;
    border-radius:3px;
}
.im-expand-view .im-window .tool .tool-left a,.im-expand-view .im-window .tool .tool-right a
{
    color:#304669;
    font-size:16px;
    text-decoration:none;
}
.im-expand-view .im-window .tool .tool-right
{
    float:right;
    width:100px;
    text-align:center;    
}
.im-chatlist-min {
    font-size: 25px!important;
    color: #FFF;
    vertical-align: middle;
}