/*css reset*/
html, body, div, span, p, img, dl, dt, dd, ol, ul, li,
fieldset, form, label,
table, tbody, tfoot, thead, tr, th, td,
footer, header, nav{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
    font-size:14px;
}

ul {
    list-style:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}
label{
    font-weight:500;
}
input, select {
    vertical-align:middle;
}
.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.uhide{
    display: none;
}
::-webkit-scrollbar{
    display:none;
}
.ibox-content .filter-block .contact-search-select .form-group input::-webkit-input-placeholder{
    color: #ACB9C2;
}
/**
首页index
**/
#wrapper{
    width: 100% !important;
    overflow-x: initial;
}
.logo_div{
    height: 170px;
    padding:30px 0;
    background-color: #91C42F;
    text-align: center;
    line-height: 198px;
}
.navbar-static-side{
    background-color: #FAFAFA;
}
#index-navbar-left{
    width: 20%;
    -moz-box-shadow: 0px 0px 12px #ACB9C2;
    box-shadow: 0px 0px 12px #ACB9C2;
}
#menu-left{
    height: 100%;
    width: 35% !important;
    float: left;
    background-color: #fff;
}
#menu-right{
    height: 100%;
    width: 65% !important;
    float: right;
}
#side-menu{
    margin-top: 48px;
}
#side-menu li.menu_item  ul li a{
    display: block;
    padding: 0px 0px 18px 18px ;
    color: #262a2d;
    font-size: 14px;
    font-family: 'Microsoft YaHei', 'open sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 500;
}
#side-menu li.menu_item  ul li a:hover{
    color: #91C42F;
}
#side-menu li.menu_item  ul li a:focus{
    color: #91C42F;
}
#side-menu li.menu_item  ul.third-menu li a{
    color: #404D5E;
    padding-left: 36px;
}
#side-menu li.menu_item  ul.third-menu li{
    position: relative;
}
#side-menu li.menu_item  ul.third-menu li a:hover{
    color: #91C42F;
}
#side-menu li.menu_item  ul.third-menu li a:hover span.nav-icon{
    display: inline-block;
}
span.nav-icon{
   display: none;
    position: absolute;
    left: 18px;
    top: 4px;
    width: 6px;
    height: 6px;
    margin-right: 10px;
    border-radius: 50%;
    border: 1px solid #91C42F;
    background-color: #91C42F;
}
#menu-left nav ul li{
    width: 100%;
    text-align: center;
    height: 42px;
    line-height: 42px;
    margin-left: 10px;
}
#menu-left nav ul li i{
    font-size: 25px;
    color: #91C42F;
}

#page-wrapper{
    width: 80%;
    padding: 0 15px;
    position: inherit;
    margin: 0 0 0 20%;
    min-height: auto;
}
.navbar_bottom{
    background: -webkit-linear-gradient(bottom, #fafafa , #eaeaea); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, #fafafa, #eaeaea); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom, #fafafa, #eaeaea); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #fafafa , #eaeaea); /* 标准的语法（必须放在最后） */
}
.index_nav_ul{
    /*width: 60%;*/
    margin: 0px;
}
.index_nav_ul li{
    float:left;
    padding:0 10px;
}
.index_nav_ul li a{
    color: #55657E;
    padding:0 5px;
}
.index_nav_ul li:hover{
    width: 100%;
    color:#91C42F;
    background-color: #FAFAFA;
    border-left: 5px solid #91C42F;
    cursor: pointer;
}
.index_nav_ul li.current{
    width: 100%;
    color:#91C42F;
    background-color: #FAFAFA;
    border-left: 5px solid #91C42F;
    cursor: pointer;
}
.index_nav_ul li.current a{

    color:#91C42F;
}

/*右侧顶部*/
#page-wrapper .navbar-top{
    background-color: #F9F9F9;
}
.navbar-fixed-top, .navbar-static-top{
    background-color: #F9F9F9 !important;
}
.navbar-top .navbar ul.nav li{
    float: left;
}
.call_status_top{
    display: -webkit-box;
    display: -moz-box;
    display:-webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    float: left;
    width: 65%;
    height: 100px;
    margin-top: 12px;
    padding-left: 10px;
    border-right: 1px solid #E7E9E3;
}

ul.call_status_top li a{
    padding: 5px;
    text-align: center;
}
ul.call_status_top li a span{
    color: #404D5E;
}
ul.top-image{
    width: 10%;
    text-align: center;
    float: left;
}
ul.top-image .head-photo{
    position: relative;
    margin: 20px 0 0 10px;
}
ul.top-image .head-photo img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
ul.top-image .head-photo div{
    position: absolute;
    right: 23px;
    z-index: 1;
    bottom: 22px;
}

.head-status-green{
    background-color: #91C42F;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
}
.head-status-grey{
    background-color: #ABB9C2;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
}

ul.top-image .top-status{
    position: relative;
}
ul.top-image .top-status ul{
    position: absolute;
    z-index: 100;
    right: 26px;
    top: -30px;
    background-color: #ffffff;
    -moz-box-shadow: 0px 0px 12px #ACB9C2;
    box-shadow: 0px 0px 12px #E7E9E3;
}
ul.top-image .top-status ul li{
    height: 40px;
    line-height: 40px;
    /*border: 1px solid #ACB9C2;*/
    width: 100px;
    cursor: pointer;
    color: #ACB9C2;
    font-size: 14px;
}
ul.top-image .top-status ul li:hover{
    background-color: #D9F1FD;
}
ul.top-image .top-status ul li span{
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 10px;
}
.top-status-green{
    background-color: #91C42F;
}
.top-status-grey{
    background-color: #ACB9C2;
}


.top_right{
    width: 25%;
    margin-top: 12px;
    padding:20px 0;
    float:left;
}
ul.top_right li a{
    height: 50px;
    padding: 5px;
    text-align: center;
    font-size: 14px;
}
ul.top_right li a i{
    margin-left: 7px;
    font-size: 26px;
    color: #ACB9C2;
}
ul.top_right li a p{
    margin-top: 5px;
    color: #ACB9C2;
}

/*右侧标签页*/
nav.page-tabs{
    height:inherit !important;
}
.page-tabs-content{
    position:relative;
}
.page-tabs-content .under_line{
    height:3px;
    background:#91C42F;
    position:absolute;
    bottom:0;
    left:0;
}
.page-tabs a{
    border-right:0;
}
.page-tabs a.active{
    position: relative;
    background: #FFFFFF !important;
    color: #91C42F;
    border-bottom: 3px solid #91C42F;
}

.page-tabs a:hover{
    color: #91C42F;
    background:#fff;
}
.page-tabs a.active:hover{
    color: #91C42F;
    background:#fff;
    border-bottom: 3px solid #91C42F !important;
}

.page-tabs a i{
    display: none;
    position: absolute;
    top: 15px;
    right: 0;
    font-size: 12px;
}
.page-tabs a:hover i{
    display: block;
}
.page-tabs a.active:hover i{
    background: none;
    color: #ccc !important;
}
/*固定来电*/
.fixed_phone_hide{
    width: 35px;
    height: 30px;
    background-color: #91C42F;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 12px #ACB9C2;
    box-shadow: 0px 0px 12px #ACB9C2;
    position: fixed;
    right: 30px;
    bottom: 60px;
    z-index: 100;
}
.fixed_phone_hide .fixed_phone_logo{
    padding-left: 1px;
    padding-top: 8px;
    color: #fff;
    width: 40px;
}
.fixed_phone_hide .fixed_phone_logo .icon-icon-top-copy{
    font-size: 8px;
}
.fixed_phone{
    width: 200px;
    height: 80px;
    background-color: #91C42F;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 12px #ACB9C2;
    box-shadow: 0px 0px 12px #ACB9C2;
    position: fixed;
    right: 30px;
    bottom: 15px;
    z-index: 100;
}
.fixed_phone h5{
    color: #fff;
    position: absolute;
    bottom: 30px;
    left: 12px;
    font-weight: lighter;
}
.fixed_phone p{
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 20px;
    color: #fff;
}
.fixed_phone .fixed_phone_logo{
    text-align: right;
    padding-right: 14px;
    padding-top: 14px;
    color: #fff;
}
.fixed_phone .fixed_phone_logo i{
    font-size:20px;
}
.fixed_phone .fixed_phone_logo i.icon-arrfill_l{
    font-size: 12px;
    display: inline-block;
    position: relative;
    bottom: 2px;
}
/*
工作台
*/
.wrapper-content{
    padding: 20px 20px 50px 20px;
}
.dashboard_main {
    overflow:hidden;
    margin-bottom: 20px;
}
.dashboard-tab-content{
    width: 40%;
    float:left;
    padding:0 10px;
    box-sizing:border-box;

}
.dashboard_content {
    width: 60%;
    float:left;
    padding:0 10px;
    box-sizing:border-box;
}

.dashboard_content {
    width: 30%;
    float:left;
    padding:0 10px;
    box-sizing:border-box;
}

.dashboard-tab-content .dashboard-tab-title{
    height: 50px;
    background: #fff;
}
.dashboard-tab-title h3{
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
}
.dashboard-tab-title h3 i{
    font-size: 20px;
    padding-right: 10px;
}
.dashboard-tab-title h3 a{
    float: right;
    color: #91C42F;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}
.dashboard-ibox-content{
    height: 260px;
    overflow-y: auto;
    background-color: #fff;
    color: inherit;
    padding: 0 0 15px 0!important;
    border-color: #e7eaec;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
}
.ibox-content .dashboard-seats{
    width: 360px;
    margin: 0px auto;
    padding: 20px 0px 0px 0px;
}
.ibox-content .dashboard-seats li{
    float: left;
    box-sizing: border-box;
    padding: 0 10px;
    margin-bottom: 15px;
    width:33.3333%;
}
.ibox-content .dashboard-seats .dashboard-table-cell{
    float: left;
    width: 100%;
    border:1px solid #EFEFEF;
    border-radius: 5px;
    font-size:14px;
    text-align:center;
    vertical-align:middle;
    box-sizing: border-box;
}
.ibox-content .dashboard-seats .dashboard-table-cell h1{
    font-weight: bold;
}
.ibox-content .dashboard-seats .dashboard-table-cell .dashboard-operater-number{
    font-family: "微软雅黑";
    color: #1d2225;
}
.ibox-content .dashboard-seats .dashboard-table-cell .dashboard-operater-status span{
    display: inline-block;
    width: 70px;
    padding:3px 0;
    border-radius: 10px;
    margin: 5px 0 10px;
}
.dashboard-working-title{
    color: #00A2E9;
}
.dashboard-logout-title{
    color: #ACB9C2;
}
.dashboard-breaking-title{
    color: #FD5F2F;
}
.dashboard-working{
    border:1px solid #00A2E9;
    color: #00A2E9;
    background-color: #D9F1FC;
}
.dashboard-logout{
    border:1px solid #ACB9C2;
    color: #ACB9C2;
    background-color: #F3F5F6;
}
.dashboard-breaking{
    border:1px solid #FD5F2F;
    color: #FD5F2F;
    background-color: #FFE7E0;
}

.dashboard_content .dashboard-tab-title{
    height: 50px;
    background: #fff;
}

.dashboard_content .dashboard-tab-title{
    height: 50px;
    background: #fff;
}
.dashboard_content .dashboard-notice-content{
    background-color: #fff;
    color: inherit;
    padding: 0px 15px 15px 15px;
    border-color: #e7eaec;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
}
.dashboard_content .dashboard-notice-content .dashboard-notice li{
    padding: 5px 0px 5px 0px;
    line-height: 1.3em;
    border-bottom: 1px solid #E7E9E3;
}

.dashboard_content .dashboard-notice-content .dashboard-notice li span{
    color: #ACB9C2;
    display: block;
    margin-top: 5px;
}

.dashboard_content .dashboard-notice-content{
    height: 260px;
    overflow-y: auto;
}
/*
更新通知
*/
.dashboard_main .dashborad_update{
   padding: 0 10px;
}
.dashboard_main .dashborad_update table{
    background-color: #fff;
    border:1px solid #eeeeef;
    padding: 15px;
}
.dashboard_main .dashborad_update table thead th{
    height: 30px;
    border:1px solid #eeeeef;
    text-align: center;
    vertical-align: middle;
}
.dashboard_main .dashborad_update table thead th:nth-child(2){
    width: 40%;
}
.dashboard_main .dashborad_update table tr td{
    border:1px solid #eeeeee;
    text-align: left;
    vertical-align: middle;
    padding: 5px;
    line-height: 1.5em;
}
/*工作台-统计*/
.dashboard_main .dashboard-statistic-zoushi{
    width: 70%;
    float: left;
    padding: 0 10px;
    box-sizing: border-box;
}
.dashboard_main .dashboard-statistic-zoushi .dashboard-tab-title{
    background-color: #fff;
}
.dashboard_main .dashboard-statistic-leixing{
    width: 30%;
    float: left;
    padding: 0 10px;
    box-sizing: border-box;
}
.dashboard_main .dashboard-statistic-leixing .dashboard-tab-title{
    background-color: #fff;
    overflow: hidden;
}
.dashboard_main .dashboard-statistic-leixing .dashboard-tab-title .hujiaozoushi h3{
    float: left;
}
.dashboard_main .dashboard-statistic-leixing .dashboard-tab-title .hujiaozoushi .leixing-yulan{
    float: right;
    height: 60px;
    line-height: 60px;
    margin-right: 10px;
}
.dashboard_main .dashboard-statistic-leixing .dashboard-tab-title .hujiaozoushi span{
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #F5F5F4;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    margin-top: 12px;
    cursor: pointer;
}
.dashboard_main .dashboard-statistic-leixing .dashboard-tab-title .hujiaozoushi span i{
    font-size: 26px;
}
.dashboard-statistic-leixing .dashboard-notice-content{
    height: 300px;
    background-color: #ffffff;
    /*padding: 0 20px;*/
}
.dashboard-statistic-leixing .dashboard-notice-content .workorderzhanbi{
    overflow: hidden;
    width: 260px;
    padding: 0 30px;
}
.dashboard-statistic-leixing .dashboard-notice-content .workorderzhanbi ul{
    float: left;
}
.dashboard-statistic-leixing .dashboard-notice-content .workorderzhanbi ul li{
    float: left;
    margin-left: 15px;
}
.dashboard-statistic-leixing .dashboard-notice-content .workorderzhanbi ul li div.icon-color{
    float: left;
    width: 15px;
    height: 15px;
    margin-right: 10px;
}
.color-yanglao{
    background-color: #A5D844;
}
#workOrderChart{
    width: 260px;
    height: 260px;
    margin: 0 auto;
}

.dashboard_main .dashboard-statistic-zoushi .dashboard-tab-title .hujiaozoushi{
    overflow: hidden;
}
.dashboard_main .dashboard-statistic-zoushi .dashboard-tab-title .hujiaozoushi h3{
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    float: left;
}
.dashboard_main .dashboard-statistic-zoushi .dashboard-tab-title .hujiaozoushi ul.zoushi-title-left{
    float: left;
    height: 60px;
    line-height: 60px;
}
.dashboard_main .dashboard-statistic-zoushi .dashboard-tab-title .hujiaozoushi ul.zoushi-title-left li{
    float: left;
    margin-left: 20px;
}
.dashboard_main .dashboard-statistic-zoushi .dashboard-tab-title .hujiaozoushi ul.zoushi-title-left li span.icon-color{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
}
.color-green{
    background-color: #40DD7B;
}
.color-blue{
    background-color: #06C7EA;
}
.color-grey{
    background-color: #E9EAE8;
}

.dashboard_main .dashboard-statistic-zoushi .dashboard-tab-title .hujiaozoushi ul.zoushi-title-right{
    float: right;
    height: 60px;
    line-height: 60px;
}
.dashboard_main .dashboard-statistic-zoushi .dashboard-tab-title .hujiaozoushi ul.zoushi-title-right li.zoushi-sort{
    float: left;
}
.dashboard_main .dashboard-statistic-zoushi .dashboard-tab-title .hujiaozoushi ul.zoushi-title-right li.zoushi-sort:last-child{
    width: 50px;
    text-align: center;
    padding: 10px;
    height: 50px;
    position: relative;
}
.dashboard_main .dashboard-statistic-zoushi .dashboard-tab-title .hujiaozoushi ul.zoushi-title-right li.zoushi-sort span.zoushi-yulan{
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #F5F5F4;
    cursor: pointer;
}
.dashboard_main .dashboard-statistic-zoushi .dashboard-tab-title .hujiaozoushi ul.zoushi-title-right li.zoushi-sort span.zoushi-yulan i{
    font-size: 26px;
    position: absolute;
    left: 12px;
    bottom: -9px;
}
.dashboard_main .dashboard-statistic-zoushi .dashboard-tab-title .hujiaozoushi ul.zoushi-title-right li.zoushi-sort a.zoushi-font{
    display: inline-block;
    width: 60px;
    height: 30px;
    line-height: 30px;
    border-radius: 60px;
    border: 1px solid #E7E9E3;
    color: #262A2D;
    text-align: center;
    margin-right: 10px;
    cursor: pointer;
}
.dashboard_main .dashboard-statistic-zoushi .dashboard-tab-title .hujiaozoushi ul.zoushi-title-right li.zoushi-sort a.zoushi-font:hover{
    border: 1px solid #262A2D;
}
.dashboard_main .dashboard-statistic-zoushi .dashboard-tab-title .hujiaozoushi ul.zoushi-title-right li.zoushi-sort a.zoushi-font:focus {
    border: 1px solid #000;
 }
.dashboard_main .dashboard-statistic-zoushi .dashboard-tab-title .hujiaozoushi ul.zoushi-title-right li.zoushi-sort a.zoushi-font i{
    font-size: 12px;
    margin-left: 8px;
    font-weight: bolder;
}
.dashboard-statistic-zoushi .dashboard-notice-content{
    background-color: #fff;
}
#hujiaozoushi-statistic,#overtime-statistic{
    width: 100%;
    height: 300px;
}

#in_outboundChart{
    width: 260px;
    height: 260px;
    margin: 0 auto;
}

/*
联系人列表
*/
.contact-ibox{
    background-color: #fff;
    border-radius: 5px;
}
.contact-ibox .contact-ibox-title{
    height: 50px;
    line-height: 50px;
}
.contact-ibox .contact-ibox-title h3{
    float: left;
    margin-left: 20px;
    height: 50px;
    line-height: 50px;
    letter-spacing: 1.5px;
    font-family: "Microsoft YaHei";
}
.contact-ibox .contact-ibox-title h3 span{
    display: inline-block;
    margin-left: 5px;
}
.contact-ibox .contact-ibox-title .contact-ibox-tools{
    float: right;
    width: 100px;
    margin-top: 12px;
}

.contact-ibox .contact-ibox-title .contact-ibox-tools .add-output{
    width: 80px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #D9F1FC;
    color: #00A2E9;
    cursor: pointer;
}

#highsearch{
    position: relative;
    background-color: #F3F7ED;
}
#highsearch .contact-search-input{
    padding-left: 15px;
    padding-top: 15px;
}
#highsearch .contact-search-input .form-control{
    float: left;
    width: 30%;
    margin-right: 20px;
}
#highsearch .contact-search-input .form-control:focus{
    border: 1px solid #91C42F !important;
}
#highsearch .contact-search-input span{
    display: inline-block;
    width: 60px;
    height: 36px;
    background-color: #91C42F;
    line-height: 36px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
}
#highsearch .workorder-search{
    padding-left: 15px;
    padding-top: 0;
}

#highsearch .contact-search-select{
    padding: 20px 0 0 15px;
}
#highsearch .contact-search-select .form-group{
    margin-bottom: 20px;
    margin-right: 5px;
}
#highsearch .contact-search-select .form-group .form-control:focus{
    border: 1px solid #91C42F !important;
}
#highsearch .contact-search-select input.form-control{
    height: 35px;
}
#table-content{
    width: 100%;
}
#table-content table thead th{
    cursor: pointer;
    border-right: 1px solid #E7EAEC;
    background-color: #FAFAFA;
}
#table-content table{
    border: 1px solid #E7EAEC;
}
#table-content table thead th{
    text-align: center;
    padding:5px 0;
    width: 5%;
    color: #ACB9C2;
}
#table-content table tbody tr td{
    height: 40px !important;
    text-align: center;
    border-right: 1px solid #E7EAEC;
    padding: 5px !important;
    color: #586780;
}
#table-content table tbody tr td:nth-child(4){
    width: 20%;
}
#table-content table tbody tr td:nth-child(5){
    width: 10%;
}
#table-content table tbody tr td:last-child{
    min-width: 180px;
}
#table-content table tbody tr td{
    height: 60px;
}
#table-content table tbody tr td.operate span{
    display: inline-block;
    width: 50px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    font-family: "Microsoft YaHei";
    cursor: pointer;
}
.operate-green{
    background-color: #2EC280;
    color: #2EC280;
}
.operate-blue{
    background-color: #00A2E9;
    color: #00A2E9;
}
.operate-red{
    background-color: #FD5F2F;
    color: #FD5F2F;
}
#table-content table tbody tr td.operate span.operate-green:hover{
    min-width: 50px;
    height: 30px;
    line-height: 30px;
    background-color: #18A689;
    color: #fff;
}
#table-content table tbody tr td.operate span.operate-blue:hover{
    width: 50px;
    height: 30px;
    line-height: 30px;
    background-color: #1795CB;
    color: #fff;
}
#table-content table tbody tr td.operate span.operate-red:hover{
    width: 50px;
    height: 30px;
    line-height: 30px;
    background-color: #F25829;
    color: #fff;
}
.set-header{
    position: absolute;
    right: 40px;
    display: inline-block;
    margin-top: 15px;
}
.set-header i.icon-jiantoushang2{
    font-size: 12px;
    font-weight: bolder;
    position: relative;
    top: -2px;
    right: 2px;
}
.set-header .icon-shezhi1{
    font-size: 18px;
    color:#262A2D;
}
#pages{
    border: 1px solid #fff;
    width: 400px;
    margin: 0 auto;
}
#pages span{
    font-size: 12px;
}
#pages span.pages_current{
    color: #ACB9C2;
}
#pages .pages_current input{
    width: 30px;
    height: 30px;
    line-height: 26px;
    text-align: center;
    background-color: #FFFFFF;
    color: #1d2225;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    outline: 0;
}
#pages .pages_current input:focus{
    border: 1px solid #91C42F !important;
}
#pages .pages_select{
    width: 90px;
    height: 30px;
    line-height: 26px;
    text-align: center;
    background-color: #FFFFFF;
    border: 1px solid #D9D9D9;
    color: #ACB9C2;
    border-radius: 3px;
    outline: 0;
}
#pages .pages_select:focus{
    border: 1px solid #91C42F !important;
}
/*.laydate_body .laydate_top{*/
    /*border-top: 1px solid #91C42F !important;*/
    /*background-color: #91C42F !important;*/
/*}*/
/*.laydate_body .laydate_ym{*/
    /*border: 1px solid #91C42F !important;*/
    /*background-color: #91C42F !important;*/
/*}*/
/*.laydate_body .laydate_choose{*/
    /*display: block;*/
    /*float: left;*/
    /*position: relative;*/
    /*width: 20px;*/
    /*height: 24px;*/
    /*border-left: 1px solid #91C42F !important;*/
/*}*/
/*.laydate_body .laydate_box a, .laydate_body .laydate_box a:hover{*/
    /*color: #91C42F !important;*/
/*}*/
/*.laydate_body .laydate_click{*/
    /*background-color: #91C42F !important;*/
    /*color: #fff!important;*/
/*}*/

/*
联系人-模态框
*/
#modal_table .modal-dialog{
    width: 800px;
}
#modal_table .modal-dialog .modal-content .modal-body{
    background-color: #fff;
}
#modal_table .modal-dialog .modal-content .modal-body .container-fluid{
    background-color: #fff;
}
#modal_table .modal-dialog .modal-content .modal-body .container-fluid .form-group label span{
    display: inline-block;
    margin-right: 10px;
    color: #FF0000;
}
#modal_table .modal-content .contact-modal-cancel{
    position: relative;
    top: 15px;
    right: 15px;
}
#modal_table .contact-modal-title{
    height: 60px;
    line-height: 60px;
    text-align: center;
}
#modal_table .contact-modal-content{
    width: 700px;
    margin: 0 auto;
    position: relative;
}
#modal_table .modal-dialog .modal-content .modal-body .container-fluid .form-group .col-sm-9 input.form-control:focus{
    border: 1px solid #91C42F !important;
}
#modal_table .modal-dialog .modal-content .modal-body .container-fluid .form-group .col-sm-9 select.form-control:focus{
    border: 1px solid #91C42F !important;
}
#modal_table .contact-modal-content .form-group .control-label{
    width: 80px;
    padding: 8px 0;
    text-align: right;
    color: #C0CAD0;
    white-space: nowrap;
}
#modal_table .contact-modal-content .form-group .control-label span{
    color: #FD5F2F;
    position: relative;
    top: 2px;
    right: 4px;
}
#modal_table .contact-modal-content .form-group  ul.contact-tags{
    width: 86%;
    float: right;
}
#modal_table .contact-modal-content .form-group .contact-alltags{
    clear: both;
    width: 85%;
    padding: 20px 5px;
    margin: 20px 0 20px 100px;
    background-color: #F3F7ED;
    border-radius: 5px;
}
#modal_table .contact-modal-content .form-group input.form-control{
    width: 50%;
}
#modal_table .contact-modal-content .form-control:focus{
    border: 1px solid #91C42F !important;
    box-shadow: 0 0 12px rgba(231,233,227,0.6);
}
#modal_table .contact-modal-content .form-group .contact-area{
    overflow: hidden;
    padding: 0 15px;
}
#modal_table .contact-modal-content .form-group .contact-area .contact-select-area{
    width: 100%;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #D9D9D9;
    float: left;
    cursor: pointer;
}
#modal_table .contact-modal-content .form-group .contact-area .contact-select-area:focus{
    border: 1px solid #91C42F !important;
    box-shadow: 0 0 12px rgba(231,233,227,0.6);
}
#modal_table .contact-modal-content .form-group .contact-area .contact-select-area span{
    float: right;
    position: relative;
    top: 10px;
    right: 10px;
}
#modal_table .contact-modal-content .form-group .contact-area .contact-select-area .contact-area-ul{
    float: left;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
}
#modal_table .contact-modal-content .form-group .contact-area .contact-select-area .contact-area-ul li{
    color:#91C42F;
}
#modal_table .contact-modal-content .form-group .contact-area-five{
    width: 82%;
    height: 300px;
    border-radius: 4px;
    border: 1px solid #D9D9D9;
    position: absolute;
    right: 30px;
    z-index: 3;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(231,233,227,0.6);
}
.contact-area-five-title{
    height: 50px;
}
.contact-area-five-title ul{
    overflow: hidden;
}
.contact-area-five-title ul li a{
    float: left;
    width: 20%;
    height: 50px;
    text-align: center;
    padding: 15px;
    background-color: #FAFAFA;
    border-right: 1px solid #E8EAE5;
    color: #55657E;
    cursor: pointer;
}
.contact-area-five-title ul li a.current_active{
    background-color: #fff;
}
.current_active{
    background-color: #fff;
}
.contact-area-five-title ul li a:focus{
    background-color: #fff;
}
.contact-area-five-content{
    height: 300px;
}
.contact-area-five-content div .contact-province{
    width: 100%;
    padding: 10px;
    height: 250px;
    overflow-y: auto;
}
.contact-area-five-content div .contact-province li.contact-province-li{
    float: left;
    width: 25%;
    height: 40px;
    line-height: 30px;
    text-align: center;
    white-space:nowrap;
    color: #404D5E;
    cursor: pointer;
}
.contact-area-five-content div .contact-province li.contact-province-li span{
    display: inline-block;
    width: 80%;
    margin: 0 auto;
    overflow-y: auto;
}
.contact-area-five-content div .contact-province li.contact-province-li span:hover{
    color: #fff;
    background-color: #91C42F;
    border-radius: 20px;
}
.contact-modal-foot{
    margin: 0 0 20px 120px;
}
.contact-modal-foot .btn-primary-add{
    width: 85px;
    background-color: #91C42F;
    border-color: #91C42F;
    color: #FFF;
    border-radius: 3px;
}
.contact-modal-foot .btn-primary-edit{
    width: 85px;
    background-color: #91C42F;
    border-color: #91C42F;
    color: #FFF;
    border-radius: 3px;
}
.contact-modal-foot .btn-primary-cancel{
    width: 85px;
    margin-left: 20px;
    background-color: #E8EEE7;
    border-color: #E8EEE7;
    color: #404D5E;
    border-radius: 3px;
}

/*
通话接入页
*/
.common-ibox{
    width: 80%;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 20px;
    float: left;
}
.common-ibox .common-ibox-title{
    height: 50px;
    line-height: 50px;
}
.common-ibox .common-ibox-title h3{
    float: left;
    margin-left: 20px;
    height: 50px;
    line-height: 50px;
    letter-spacing: 1.5px;
    font-family: "Microsoft YaHei";
}
.common-ibox .common-ibox-title h3 span{
    display: inline-block;
    margin-left: 5px;
}
.common-ibox-content{
    background-color: #fff;
    color: inherit;
    padding: 15px 20px 20px;
    border-color: #e7eaec;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-style: solid solid none;
}
.col_content{
    display: table-cell;
    min-width: 200px;
    height: 30px;
    line-height: 30px;
}
.col_content label{
    color: #ACB9C2;
}
.col_content span{
    color: #55657E;
}
.consult-service-tab{
    width: 200px;
    float: right;

}
.consult-service-tab img{
    float: right;
    height: 80px;
}
.consult-service-tab .consult-service{
    border-radius: 5px;
    background-color: #00A2E9;
    height: 80px;
    cursor: pointer;
}
.consult-service-tab .consult-service h3{
    float: left;
    height: 60px;
    line-height: 60px;
    margin-left: 20px;
    color: #fff;
    margin-top: 10px !important;
}
.consult-service-tab .senior{
    border-radius: 5px;
    background-color: #91C42F;
    height: 80px;
    margin-top: 15px;
    cursor: pointer;
}
.consult-service-tab .senior h3{
    float: left;
    height: 60px;
    line-height: 60px;
    margin-left: 20px;
    color: #fff;
    margin-top: 10px !important;
}
.content-ibox{
    width: 100%;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 20px;
    float: left;
}
.content-ibox .history-ibox-title {
    height: 50px;
    line-height: 50px;
}
.content-ibox .history-ibox-title h3{
    float: left;
    margin-left: 20px;
    height: 50px;
    line-height: 50px;
    letter-spacing: 1.5px;
    font-family: "Microsoft YaHei";
}
.content-ibox .history-ibox-title h3 span{
    display: inline-block;
    margin-left: 5px;
}

/**
咨询服务单
**/
#consult_service .row{
    padding-bottom: 40px;
}

#consult_service .row .consult-ibox{
    overflow: hidden;
    margin: 20px;
}
#consult_service .row .consult-ibox .basic-content{
    padding: 15px;
}
#consult_service .row .consult-ibox .basic-content label.basic-gender{
    width: 100px;
}

#consult_service .row .consult-ibox .basic-content input::-webkit-input-placeholder{
    color: #ACB9C2;opacity:1;
}
#consult_service .row .consult-ibox .basic-content label.basic-label{
    width: 150px;
    height: 15px;
    line-height: 15px;
    padding-right: 20px;
    text-align: right;
}
#consult_service .row .consult-ibox .basic-content textarea{
    border-radius: 5px;
    resize: none;
}
#consult_service .row .consult-ibox .basic-content textarea::-webkit-input-placeholder{
    color: #ACB9C2;opacity:1;
}
#consult_service .row .consult-ibox .basic-content textarea:focus{
    border: 1px solid #91C42F !important;
}
#consult_service .row .consult-ibox .basic-content select.form-control{
    border-radius: 5px;
}
#consult_service .row .consult-ibox .basic-content select.form-control:focus{
    border: 1px solid #91C42F !important;
}
#consult_service .row .consult-ibox .basic-content input.form-control:focus{
    border: 1px solid #91C42F !important;
}
#consult_service .row .consult-ibox .basic-content label.basic-label{
    color: #ACB9C2;
}
#consult_service .row .consult-ibox .basic-content label.basic-label span{
    display: inline-block;
    color: #FF0000;
    margin-right: 10px;
    height: 15px;
    line-height: 15px;
}
#consult_service .row .consult-ibox .consult-ibox-content{
    background-color: #fff;
    color: inherit;
    padding: 15px 20px 20px;
    border-color: #e7eaec;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-style: solid solid none;
}
/*.content_option .options input,.options select{*/
    /*margin:0 5px 0 10px;*/
/*}*/
/*.content_option .options input[type="text"],.options input[type="number"],.options select{*/
    /*width:179px;*/
    /*padding:2px;*/
    /*border:1px #ccc solid;*/
    /*-webkit-box-sizing:border-box;*/
    /*-o-box-sizing:border-box;*/
    /*-moz-box-sizing:border-box;*/
    /*box-sizing:border-box;*/
/*}*/
/*.content_option .options label{*/
    /*min-width: 80px;*/
/*}*/
/*.content_option .option_sex{*/
    /*padding-top:5px;*/
/*}*/
/*.content_option .option_title{*/
    /*padding:5px 0;*/
    /*margin:20px 0;*/
    /*border-bottom:1px #ccc solid;*/
    /*color:#666;*/
/*}*/
/*.content_option ul li.options{*/
    /*width:30%;*/
    /*margin-right:5%;*/
/*}*/
/*.content_option ul li.options:nth-child(3){*/
    /*margin-right:0;*/
/*}*/
/*.content_option ul li.options select{*/
    /*margin:0 auto;*/
    /*padding:5px;*/
    /*width:100%;*/
/*}*/
/*.content_option .option_text_area textarea{*/
    /*padding:10px;*/
    /*margin-top:10px;*/
    /*width:100%;*/
    /*border:1px #ccc solid;*/
/*}*/
/*.search_margin{*/
    /*margin-top: 15px;*/
/*}*/
/**
登录
**/
.signinpanel {
    width: 580px;
    margin: 10% auto 0;
}
.signinpanel form{
    padding:0;
}
.login_box{
    color:#666;
    background:#fff;
    border-radius:5px;
    padding:0;
    box-shadow: 0 0 30px rgba(0,0,0,0.6);
}
.option_login_top{
    padding:10px;
}
.option_login_top .top_bg{
    width:100%;
    height:170px;
    border-radius:5px;
    background:url(../img/bg_call.jpg) center no-repeat;
    background-size:100%;
}
.option_login_bot{
    width:360px;
    padding:20px 0 30px 0;
    margin:0 auto;
}
.option_login_bot .options{
    position:relative;
    margin:10px 0;
}
.option_login_bot input{
    padding:7px 5px 7px 30px;
    border:1px #ccc solid;
    border-radius:3px;
    background:#f7f7f7;
    width:288px;
}
.ic_log{
    display: block;
    width:14px;
    height:14px;
    position:absolute;
    left:72px;
    top:50%;
    margin-top:-7px;

}
.ic_user{
    background:url(../img/ic_user.png) no-repeat 5% center;
    background-size:14px;
}
.ic_psw{
    background:url(../img/ic_password.png) no-repeat 5% center;
    background-size:14px;
}
.option_login_bot input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #f7f7f7 inset !important;
}
.option_login_bot button{
    width:50%;
    margin:0 auto;
}
/**
咨询管理 -类型管理
**/
.admin_infoboxp_tj {
    background: url(../img/admin_icon_tj.png) no-repeat left center;
    color: #333;
    padding-left: 18px;
    display: inline-block;
    float: left;
    margin: 0 15px;
}
/*通讯录*/
.inmodal .modal-header{
    padding: 0;
}
.contact_modal_body{
    padding: 10px;
    background: #F8FAFB;
}
.contact-selecttag{
    height: 30px;
    margin-left: 5px;
    padding: 0 5px;
    line-height: 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
    color: #6F7274;
    background: #ffffff;
    float: left;
}
.contact-addtag{
    position: relative;
    width: 120px;
    height: 30px;
    line-height: 30px;
    margin-left: 6px;
    border-radius: 5px;
    text-align: center;
    color: #6F7274;
    background-color: #F3F4F6;
    float: left;
}
.contact-addtag span{
    float: left;
    position: relative;
    left: 10px;
    z-index: 2;
}
.contact-addtag>input{
    width: 95px;
    height: 100%;
    background-color: #F3F4F6;
    position: absolute;
    right: 3px;
}

.contact-addtag>input:-ms-input-placeholder{
    color: #6F7274;opacity:1;
}

.contact-addtag>input::-webkit-input-placeholder{
    color: #6F7274;opacity:1;
}
.addtag{
    margin:0 5px 10px 5px;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
    color: #6F7274;
    background: #ffffff;
    float: left;
}
.addtag >input{
    width: 140px;
    padding-left: 6px;
    text-align: left;
}
.addtags{
    display: inline-block;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    margin-left: 10px;
    color: #00a2d4;
}
.list-addtag{
    margin: 0 5px;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
    color: #6F7274;
    background: #ffffff;
    float: left;
}
.tagcontent{
    border: none;
    width: 100px;
    height: 15px;
    outline: none;
    margin-bottom: 3px;
    text-align: center;
    color: #404D5E;
}
.usertag{
    position: relative;
    border: 1px solid #00a2d4;
    cursor: pointer;
}
.usertag>span{
    color: #00a2d4;
    /*font-weight: bold;*/
}
.usertag-red{
    border: 1px solid #FF4F3E;
    cursor: pointer;
}
.usertag-red>span{
    color: #FF4F3E;
    /*font-weight: bold;*/
}
.usertag-orange{
    border: 1px solid #FFAF38;
    cursor: pointer;
}
.usertag-orange>span{
    color: #FFAF38;
    /*font-weight: bold;*/
}
.usertag-green{
    border: 1px solid #91C42F;
    cursor: pointer;
    color: #91C42F;
}
.usertag-green>span{
    color: #75C940;
    /*font-weight: bold;*/
}
.usertag-blue{
    border: 1px solid #4DB7EE;
    cursor: pointer;
    color: #4DB7EE;
}
.usertag-blue>span{
    color: #3DA8F5;
    /*font-weight: bold;*/
}
.usertag-purple{
    border: 1px solid #797EC9;
    cursor: pointer;
    color: #797EC9;
}
.usertag-purple>span{
    color: #797EC9;
    /*font-weight: bold;*/
}
.deletetag{
    position: relative;
    background: #00a2d4;
}
.deletetag>span{
    color: #ffffff;
    background: #00a2d4;
    cursor: pointer;
}
.closetagimg{
    display: inline-block;
    width: 15px;
    height: 15px;
    cursor: pointer;
}
/*联系人标签*/
.tag_bg{
    background-color: #fff;
}
.tag-left{
    float: left;
}
.tags-view .tag-left {
    position: relative;
    width: 20%;
    border: 1px solid #eee;
}
.tag-left .tag-list li{
    width:100%;
}
.row-flex > aside {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.tags-view .second-header {
    height: 46px;
    padding: 13px 20px 12px;
    border-bottom: 1px solid #E5E5E5;
}
.tag-right{
    float: left;
    margin-left: 5%;
    width:50%;
}
.tag-list li a{
    font-size: 10px;
    padding: 10px 12px;
    border-radius: 2px;
    margin-right: 5px;
    margin-top: 5px;
    display: block;
    background-color: #ffffff;
    border: 0px;
}
.popover-title{
    margin-bottom: 20px;
}
.popover .popover-header{
    padding: 10px 15px;
    margin: 0 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .07);
}
.popover-content{
    padding: 15px;
    overflow-y: auto;
}
.popover-content .form-control{
    margin-bottom: 15px;
}
a.tag-handler i.fa-minus-circle{
    font-size:20px;
    color:#ff0000;
    padding:0 0 0 20px;
    display:none;
}
a.tag-handler:hover i.fa-minus-circle{
    display:inline-block;
}
input.form-control{
    height: 40px;
    line-height: 26px;
    background-color: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
}
.tag-label{
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    line-height: 20px;
    list-style: none;
}
.tag-icon{
    width: 35px;
    height: 35px;
    border-radius: 50%;
}
.tag-creator-view ul{
    margin: 0 -1px 15px;
}
.tag-creator-view .tag-label{
    display: block;
    float: left;
    margin: 0 15px 0 0;
    cursor: pointer;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    transition: all ease 0.2s;
}
.tag-creator-view .tag-label .icon-tick{
    visibility: hidden;
    width: 24px;
    text-align: center;
    line-height: 24px;
}
.tag-left .tag-list{
    width:100%;
    padding:25px 0;
}

.tag-right .tag-list{
    width: 300px;
    margin: 15px auto;
}
.tag-list>.tag-icon{
    float: left;
    margin-right: 15px;
    cursor: pointer;
}
.check-icon{
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    margin-top: 8px;
    margin-left: 8px;
}
.tagOn{
  background: url("/app/12349/img/check.png");
}
.tag-del{
    background-color: #3DA8F5;
    margin-right: 20px;
    display: inline-block;
}
.tag-red{
    background-color: #FF4F3E;
}
.tag-orange{
    background-color: #FFAF38;
}
.tag-green{
    background-color: #75C940;
}
.tag-blue{
    background-color: #3DA8F5;
}
.tag-purple{
    background-color: #797EC9;
}
.tag-gray{
    background-color: #A6A6A6;
}

/*呼叫统计*/

.call_statistic li{
    float: left;
    width: 100px;
    height: 30px;
    border: 1px solid;
    text-align: center;
    line-height: 30px;
    margin-right: 30px;
}
.search_statistic{
    margin-top: 20px;
}

/*
话务评价
*/
.evaluate_set{
    margin-bottom: 20px;
}
.evaluate_set span{
    float: left;
    display: inline-block;
    height: 30px;
    line-height: 30px;
}