PDS12345_UI/WebUI/CallCenterWe.../css/index.css

@font-face {
	font-family: 'iconfont';
	src: url('./fonts/iconfont.eot');
	/* IE9*/
	src: url('./fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('./fonts/iconfont.woff') format('woff'), /* chrome、firefox */
	url('./fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('./fonts/iconfont.svg#iconfont') format('svg');
	/* iOS 4.1- */
}

body {
	font-family: "微软雅黑";
}

ul li {
	list-style: none;
	overflow: hidden;
}

.iconfont {
	font-family: "iconfont";
	font-style: normal;
	color: #FFFFFF;
}

.fr {
	float: right;
}

.fl {
	float: left;
}

.size-12 {
	font-size: 12px;
}

.title-box {
	margin-top: 5px;
}

.title-box li {
	margin-left: 30px;
}

.title-box li:hover {
	cursor: pointer;
}

.HoverColor {
	color: #18a689;
}

.FailureColor {
	color: #f95f5e;
}

.navbar-header {
	width: 100%;
	background-color: #2f4050;
	padding-top: 10px;
}

.title-box li p {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px;
	margin-top: 5px;
}

.size-14 {
	font-size: 14px;
	color: #FFFFFF !important;
}

.img-circle {
	width: 58px;
}

.xian {
	border: 1px solid #FFFFFF;
	display: inline-block;
	width: 15%;
	margin: 5px;
}

.ss {
	margin-left: 20px;
}

.fe-3 {
	font-size: 3em;
}

.title-box p {
	text-align: center;
}

.closed {
	display: inline-block;
	/*				margin-left: 5%;*/
	cursor: pointer;
	color: #FFFFFF;
	float: right;
	margin-right: 5%;
	height: 42px;
	line-height: 42px;
}

.closed div {
	overflow: hidden;
	float: left;
	height: 100%;
}

.closed ul {
	margin-bottom: 0px;
}

.closed li {
	float: left;
	margin-right: 20px;
}

.closed i {
	display: inline-block;
	background: url(./img/chilun.png) no-repeat;
	margin-right: 5px;
	width: 14px;
	height: 16px;
	vertical-align: middle;
}

.ga {
	background-position: 0 0 !important;
}

.sz {
	background-position: 0 -15px !important;
}

.tc {
	background-position: 0 -33px !important;
}

.zhuangtai {
	display: block;
	width: 30%;
	margin-left: 10px;
	font-size: 14px;
	font-weight: 800;
}

.wq {
	color: #f95f5e;
}

#top-search li:hover {
	color: #eaeaea;
}

.content-tabs1 ul {
	padding-left: 0;
}

.content-tabs1 li {
	list-style: none;
	float: left;
	height: 5px;
}

.top1 {
	background-color: #68adfe;
}

.top2 {
	background-color: #9897f0;
}

.top3 {
	background-color: #87eebf;
}

.top4 {
	background-color: #68b0fe;
}

.top5 {
	background-color: #f95a83;
}

.top6 {
	background-color: #eb76dd;
}

.top7 {
	background-color: #69cbd0;
}

.top8 {
	background-color: #69cbd0;
}

.top9 {
	background-color: #aaf58d;
}

.top10 {
	background-color: #f76a53;
}

.top11 {
	background-color: #eb76dd;
}

.top12 {
	background-color: #6c77da;
}

.top13 {
	background: -webkit-linear-gradient(left, #f073db, #65abfc);
	background: -moz-linear-gradient(left, #f073db, #65abfc);
	background: -o-linear-gradient(left, #f073db, #65abfc);
	background: -webkit-gradient(linear, 100% 0, 0 0, from(#65abfc), to(#f073db));
	background: linear-gradient(left, #f073db, #65abfc);
	/* Opera 11.1 - 12.0 */
	/* Firefox 3.6 - 15 */
	/* 标准的语法 */
}

.zts {
	height: 30px;
	margin-left: 2%;
	line-height: 30px;
	padding-top: 15px;
}

.zts li {
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	letter-spacing: 2px;
}

.quan {
	width: 15px;
	height: 15px !important;
	border-radius: 50%;
	margin-right: 2%;
	margin-left: 5px;
	margin-top: 2px;
}

.lx {
	background: #6a6d69;
}

.br {
	background: red;
}

.bl {
	background: #7ab85b;
}

.LH {
	line-height: 35px;
}

.zts span {
	line-height: 20px;
	margin-right: 50px;
	font-size: 12px;
}

.photo {
	width: 40px;
	height: 40px;
	border-width: 2px;
	border-style: solid;
	border-radius: 50%;
	border-color: #ffb400 #fc3c04 #fdfc01 #00e3c0;
	margin-bottom: 1px;
}

.photo img {
	display: block;
	width: 100%;
	height: 100%;
}

.ls {
	/*margin-left: 20px;*/
	text-align: center;
	overflow: initial !important;
	position: relative;
}

.ls .dropdown-menu {
	top: 115%;
	left: -100%;
	width: 320px;
	background: rgba(0, 160, 205, 0.92);
}

.ls .dropdown-menu li {
	float: initial;
	margin-right: 0;
	line-height: 25px;
}

.dropdown-menu>li>a {
	margin: 0;
	color: #fff;
	/*color: #555;*/
	padding: 0;
	/*text-align: center;*/
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #293846;
}

.dropdown-menu>li>a div {
	float: initial;
}

.dropdown-menu>li>a .tipCon {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.dropdown-menu>li>a .order_time span {
	display: inline-block;
	margin: 0;
}

.order_time span.work_order {
	float: left;
}

.order_time span.ort {
	float: right;
}

.ls span {
	margin-right: 18px;
}

.ls span.tuBiao,
.ls span.chat,
.ls span.surIcon {
	display: inline-block;
	/*width: 16px;
            height: 16px;
            background: url(img/files.png) no-repeat;*/
	vertical-align: middle;
	position: relative;
	font-size: 15px;
}

.ls span.chat.come_mess {
	color: red;
}

.ls span.surIcon {
	font-size: 18px;
}

.ls span.tuBiao span,
.ls span.chat span,
.ls span.surIcon span {
	position: absolute;
	padding: 3px;
	top: -13px;
}

.min-right {
	margin-right: 10px;
}

.navbar-top-links i {
	width: 24px;
	height: 21px;
	display: block;
	background: url(./img/topIcon.png) no-repeat;
	background-position: center center;
	margin: 0 auto;
}


/*挂断*/

.DropCall {
	background-position: 0px 0 !important;
}


/*外呼*/

.MakeCall {
	background-position: 0px -20px !important;
}


/*置忙*/

.SayBusy {
	background-position: 0px -42px !important;
}


/*置闲*/

.SayFree {
	background-position: 0px -65px !important;
}


/*多方通话*/

.Meeting {
	background-position: 0px -85px !important;
}


/*转移*/

.Transfer {
	background-position: 0px -108px !important;
}


/*保持*/

.Hold {
	background-position: 0px -131px !important;
}


/*接回*/

.Retrieve {
	background-position: 0px -153px !important;
}


/*签入*/

.Login {
	background-position: 0px -197px !important;
}


/*签出*/

.Logout {
	background-position: 0px -175px !important;
}

.navbar-top-links .active {
	background-position-x: -23px !important;
}

.ldcr-bottom .detail-con ul li .active a {
	color: #f95a83 !important;
}

.ldcr-bottom .detail-con ul li .active em {
	color: #f95a83 !important;
}

.ldcr-bottom .detail-con ul li .active+.explancon {
	display: block !important;
}

.searchbtn {
	width: 2.5em;
	height: 24px;
	border-radius: 5px;
	position: absolute;
	background-color: #01a1cb;
	background-image: url(./img/searIcon.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}

.max-box {
	height: 42px;
	/*width: 100%;*/
}

.laydate_body .laydate_bottom,
.laydate_body .laydate_top {
	height: 31px !important;
}

.laydate_body .laydate_y .laydate_yms ul li {
	width: 59px !important;
}

.col-sm-1 {
	padding-right: 0;
	line-height: 22px;
	text-align: center;
	font-size: 10px;
}

ul.ztree {
	border: 1px solid #617775;
	background: #f0f6e4;
	overflow-y: scroll;
	overflow-x: auto;
}

.minBacha {
	position: absolute;
	top: 0;
	right: 80px;
	z-index: 10;
	overflow: hidden;
}

.minBacha>div {
	float: left;
	height: 35px;
	width: 35px;
	margin-left: 2px;
}

.minBacha>div a {
	display: block;
	height: 100%;
	width: 100%;
	text-align: center;
	background-position: center center;
	background-color: #2f4050;
	opacity: .5;
}

.minBacha>div a:hover {
	opacity: 1;
}

.minClosed>a {
	background: url("./img/min.png") no-repeat;
}

.Bacha>a {
	background: url("./img/gb.png") no-repeat;
}

.lblcount {
	position: absolute;
	right: 5px;
	top: 7px;
}

.first {
	z-index: 1000;
}

.khzl {
	font-size: 12px;
	border: 0;
	width: 80%;
	margin: 35px auto;
	color: #fff;
}

.khzl tr {
	border: 0;
}

.khzl th {
	padding: 5px 8px 5px 0;
	text-align: right;
	width: 45%;
	font-weight: normal;
	border: 0;
}

.khzl tbody>tr>td,
.khzl tbody>tr>th {
	border: 0;
}

.khzl tbody>tr>td input {
	border: 0;
	outline: none;
	background: #243747;
	padding-left: 5px;
	width: 100%;
}

.khbtn {
	/*background: #97a0a8;*/
	color: #1ab394;
	font-size: 14px;
	vertical-align: middle;
}

.hei-list {
	width: 400px;
	margin: 0 auto;
}

.heiTop {
	height: 35px;
	background: #1ab394;
	color: #fff;
	line-height: 35px;
	padding: 0 15px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.heiTop .htl {
	float: left;
	margin: 0;
}

.heiTop .bacha {
	float: right;
	font-size: 18px;
	cursor: pointer;
	margin: 0;
}

.heiCon {
	width: 100%;
	background: #fff;
	text-align: center;
	padding: 25px 15px;
	height: auto;
	overflow-y: auto;
	border: 1px solid #eee;
}

#time-word {
	border: 1px solid #1ab394;
	padding: 5px 0 5px 10px;
	width: 120px;
	outline: none;
	color: #000;
}

.chooses {
	margin-top: 10px;
}

.btns {
	background: #293846;
	color: #fff;
	padding: 3px 10px;
	outline: none;
	font-size: 12px;
	margin-left: 15px;
	border: 0;
	border-radius: 3px;
	box-sizing: border-box;
}

.bianji {
	display: inline-block;
	height: 16px;
	width: 16px;
	vertical-align: middle;
	margin-right: 5px;
}

.bianji.edi {
	background: url(img/xgai.png) no-repeat;
}

.bianji.sav {
	background: url(img/bbc.png) no-repeat;
}

.bianji.canc {
	background: url(img/quxi.png) no-repeat;
}

.t-shade {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.48);
	z-index: 10004;
	display: none;
}

.shade_k {
	z-index: 10005;
	width: 40%;
	margin: 10% auto;
	background-color: #fff;
	box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
	border-radius: 5px;
}

.shade_title {
	padding: 0 80px 0 20px;
	height: 42px;
	line-height: 42px;
	border-bottom: 1px solid #eee;
	font-size: 16px;
	color: #FFFFFF;
	overflow: hidden;
	background-color: #293846;
	border-radius: 2px 2px 0 0;
	position: relative;
}

.setwin {
	position: absolute;
	right: 15px;
	top: 5px;
	font-size: 20px;
	line-height: initial;
}

.setwin a {
	font-size: 20px;
	color: #fff;
}

.shade_content {
	overflow-y: auto;
	position: relative;
	padding-bottom: 50px;
	padding: 10px;
}

.wh_btn {
	width: 80%;
	text-align: center;
	padding-top: 20px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.wh_btn input {
	padding: 7px 20px;
	color: #FFF;
	border-radius: 5px;
	margin-right: 30px;
	border: 1px solid #999;
	border-color: rgb(26, 179, 148);
}

.sc_btn {
	color: rgb(255, 255, 255);
	font-size: 12px;
	margin-left: 15px;
	box-sizing: border-box;
	background: #293846;
	padding: 6px 10px;
	outline: none;
	border-width: 0px;
	border-style: initial;
	border-color: initial;
	border-image: initial;
	border-radius: 3px;
}

.sc_btn:hover {
	color: #fff !important;
}

.cx {
	display: block;
}

.boxCon {
	width: 100%;
	background: #fff;
	text-align: center;
	padding: 10px 15px;
	height: auto;
	overflow-y: auto;
}

.Import {
	color: #fe6604;
}

.Hidens {
	display: none;
}


/*右下角消息弹框开始*/


/*.rightDown_list .divider{
            height: 1px;
            margin: 9px 0;
            overflow: hidden;
            background-color: ;
        }*/

.rightDown_list>li {
	border-bottom: 1px solid #e5e5e5;
}

.rightDown_list>li>a {
	border-radius: 3px;
	color: inherit;
	line-height: 25px;
	/*margin: 4px;*/
	text-align: left;
	font-weight: 400;
	padding: 3px 20px;
	min-height: 0;
	display: block;
}

.small-chat-box .content {
	padding: 5px 15px !important;
}

.small-chat-box {
	height: 366px;
}


/*右下角消息弹框结束*/


/*来电类型样式*/

.dicValueList span:nth-of-type(1) {
	line-height: 36px;
}

.dicValueList ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.dicValueList ul li {
	float: left;
	margin-right: 20px;
	text-align: center;
	padding: 6px 0;
}

.dicValueList li input {
	display: none;
}

.dicValueList li label {
	margin: 0;
	font-weight: normal;
	display: block;
	width: 100%;
	border: 1px solid #ccc;
	padding: 2px 10px;
	cursor: pointer;
}

.dicValueList .checkedDept {
	border-color: #fe6604;
}

.sele_send {
	cursor: pointer;
}

.reply,
.sele_send {
	color: #337ab7;
	margin-left: 5px;
}

.reply:hover,
.sele_send:hover {
	color: #23527c;
}

.chat_content {
	height: 45px;
}

.sidebar-container ul.nav-tabs {
	height: 41px;
}

.tab-content {
	height: calc(100% - 41px);
	overflow-y: auto;
	width: 100%;
	padding: 0 0 10px 0;
}

.layui-layer-content {
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}

.phoneBZ {
	display: inline-block;
	height: 15px;
	width: 15px;
	position: absolute;
	right: 0px;
	bottom: -15px;
	background: url(img/phoneBZ.png) no-repeat;
	display: none;
}

.open_chat {
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	padding: 6px 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: fixed;
	top: 50%;
	right: 26px;
	z-index: 100;
	background: #0489ac;
	color: #fff;
	cursor: pointer;
}

.open_chat .before {
	position: absolute;
	padding: 5px;
	background: red;
	border-radius: 50%;
	display: none;
	right: -4px;
	top: -4px;
}

.open_chat .before.show {
	display: block!important;
}

.open_chat .before.hide {
	display: none!important;
}

.navbar-top-links .Turn110 {
	background: url(img/110n.png) no-repeat 0 0 !important;
}

.navbar-top-links .Turn110.active {
	background: url(img/110y.png) no-repeat 0 0 !important;
}
.nav-second-level{
	display: none;
}
.#side-menu li{
	position: relative;
}
.nav-second-level{
	position: fixed;
	left: 150px;
	top: 120px;
	z-index: 333;
	width: 150px;
	height: calc(100% - 120px);
    overflow: auto;
    background: #293846;
}

.nav-second-level a{
	color: #fff;
    font-weight: 600;
    display: block;
   
    padding: 14px 20px 14px 25px;
}