@charset "UTF-8";

.hide {
	display: none;
}

.invisible {
  visibility: hidden;
}

.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}

sup{
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
    top: -0.5em;
}

.cmac-txt.area-lg{
    font-size: 20px;
    height: 150px;
    width: 540px;
    padding: 8px;
}

.remind-info{
    padding: 10px 15px;
    font-size: 20px;
    color: #d9534f;
}


/* float */
.fl {float: left;}
.fr {float: right;}


/* width */
.w10 {width: 10px !important;}
.w20 {width: 20px !important;}
.w30 {width: 30px !important;}
.w40 {width: 40px !important;}
.w50 {width: 50px !important;}
.w60 {width: 60px !important;}
.w70 {width: 70px !important;}
.w80 {width: 80px !important;}
.w85 {width: 85px !important;}
.w90 {width: 90px !important;}
.w95 {width: 95px !important;}
.w100 {width: 100px !important;}
.w110 {width: 110px !important;}
.w120 {width: 120px !important;}
.w130 {width: 130px !important;}
.w140 {width: 140px !important;}
.w150 {width: 150px !important;}
.w160 {width: 160px !important;}
.w170 {width: 170px !important;}
.w180 {width: 180px !important;}
.w190 {width: 190px !important;}
.w200 {width: 200px !important;}
.w210 {width: 210px !important;}
.w220 {width: 220px !important;}
.w230 {width: 230px !important;}
.w240 {width: 240px !important;}
.w250 {width: 250px !important;}
.w300 {width: 300px !important;}
.w461 {width: 461px !important;}

.word-break{word-break: break-all;}
.text-mark{
    font-size: 14px !important;
    font-weight: bold !important;
}
.text-muted {color: #777 !important;}
.text-primary {color: #337ab7 !important;}
.text-success {color: #5cb85c !important;}
.text-info {color: #5bc0de !important;}
.text-warning {color: #f0ad4e !important;}
.text-danger {color: #d9534f !important;}


/* color */
.red{color: #ff0000 !important;}
.blue{color: #337ab7 !important;}


/* cursor */
button
,select
,input[type="text"][readonly]
,input[type="checkbox"]
,input[type="radio"]
,input[type="button"]
,input[type="submit"]{
	cursor: pointer !important;
}
button:disabled
,select:disabled
,input[type="button"]:disabled
,input[type="submit"]:disabled{
	cursor: not-allowed !important;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
    opacity: .65;
}

/* align */
input[type="checkbox"],input[type="radio"]{
	vertical-align: middle !important;
	margin-right: 3px;
	margin-top: -1px;
}


/* button style */
.cmac-btn{
	display: inline-block;
	color: #fff;
    font-size: 14px;
	border-radius: 3px;
    background-color: #4c97c9;
    border:1px solid #4c97c9;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.05);
       -moz-box-shadow: 0 1px 0 rgba(0,0,0,.05);
            box-shadow: 0 1px 0 rgba(0,0,0,.05);
    outline: none;
}
.cmac-btn:hover{
	color: #fff;
	background-color: #11a9cc;
}
.cmac-btn.for-add{
    padding: 6px 10px;
    font-size: 14px;
}
.cmac-btn.btn-warning{
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.cmac-btn.btn-warning:hover{
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}
.cmac-btn.btn-success {
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c;
}
.cmac-btn.btn-success:hover {
	color: #fff;
	background-color: #449d44;
	border-color: #398439;
}
.cmac-btn.btn-info {
	color: #fff;
	background-color: #5bc0de;
	border-color: #46b8da;
}
.cmac-btn.btn-info:hover {
	color: #fff;
	background-color: #31b0d5;
	border-color: #269abc;
}
.cmac-btn.btn-danger {
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a;
}
.cmac-btn.btn-danger:hover {
	color: #fff;
	background-color: #c9302c;
	border-color: #ac2925;
}

.cmac-btn.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.cmac-btn.btn-default:hover {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}
.cmac-btn.btn-xs{
    padding: 1px 5px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

/* text select textarea style */
input.cmac-txt{height: 24px;line-height: normal;padding: 3px;text-indent: 4px;}
select.cmac-txt{height: 32px;text-indent: 4px;}
textarea.cmac-txt{height: 100px;background-color: #fff;padding: 3px;line-height: 20px;font-family: Arial;}
.cmac-txt{
	font-size: 14px;
	border-radius: 3px;
    border: 1px solid transparent;
    border-color: #a7b5bc #ced9df #ced9df #a7b5bc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
     -moz-transition: border-color ease-in-out .15s,    -moz-box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s,         box-shadow ease-in-out .15s;
}
.cmac-txt:focus{
    outline: 0 !important;
    border-color: #66afe9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
       -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}


/* form validate */
form input[type="text"].validate-error
,form textarea.validate-error
,form select.validate-error{
	border:1px solid #a94442 !important;
	color: #a94442 !important;
}
form input[type="text"].valid
,form textarea.valid
,form select.valid{border:1px solid #3c763d !important;color: #3c763d !important;}
form div.validate-error{color: #a94442;}
form div.validate-error::before{
    font-family: "FontAwesome";
    content: "\f071";
    margin: 0px 2px;
}


/* margin start */
.ml2em{margin-left: 2em;}
.mt0{margin-top: 0px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mr10{margin-right: 10px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.ml10{margin-left: 10px;}
.mt15{margin-top: 15px;}
.mr15{margin-right: 15px;}
.mb15{margin-bottom: 15px;}
.ml15{margin-left: 15px;}
/* margin end */


/* vertical-align start */
.valignT{
    vertical-align: top;
}
.valignM{
    vertical-align: middle;
}
.valignB{
    vertical-align: bottom;
}
/* vertical-align end */


/* 仲裁员状态标签 start */
span[class^="arbitrator-status"]{
    display: inline;
    padding: .2em .6em .3em;
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    background-color: #5bc0de;
    text-shadow: none;
}
span.arbitrator-status1{
	background-color: #337ab7;
}
span.arbitrator-status2{
	background-color: #5cb85c;
}
span.arbitrator-status3{
	background-color: #f0ad4e;
}
span.arbitrator-status4{
	background-color: #777;
}
span.arbitrator-status5{
    background-color: #5bc0de;
}
span.arbitrator-status6{
    background-color: #d9534f;
}
/* 仲裁员状态标签 end */


/* user photo start */
.has-photo{
    position: relative;
}
.has-photo > input[type="file"].user-photo{
    position: relative;
    cursor: pointer;
    opacity: 0;
    z-index: 10;
}

.has-photo:hover > i.user-photo{
    font-size: 72px;
    border-color: #66afe9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
       -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.has-photo:hover > img.user-photo{
    border-color: #66afe9;
}

.has-photo > i.user-photo{
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
    font-size: 60px;
    color: #aaa;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: all linear .15s;
       -moz-transition: all linear .15s;
            transition: all linear .15s;
    z-index: 8;
}

.has-photo img.user-photo{
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    z-index: 9;
}

/* 各图片大小自定义 */
/* 个人照片 */
.has-photo.arbitrator-photo > .user-photo{
    width: 150px;
    height: 180px;
}
.has-photo.arbitrator-photo > img.user-photo{
    height: auto;
}
.has-photo.arbitrator-photo > i.user-photo{
    line-height: 180px;
}
/* 身份证照片 */
.has-photo.idcard-photo > .user-photo{
    width: 300px;
    height: 150px;
    line-height: 150px;
}
/* user photo end */


/* 数据状态背景色 start */
/* 函件状态 start */
.letter-status1,
.letter-status1:hover{/* 待审核 */
    color: #fff !important;
    background-color: #5bc0de !important;
}
.letter-status2,
.letter-status2:hover{/* 待审核 */
    color: #fff !important;
    background-color: #f0ad4e !important;
}
.letter-status3,
.letter-status3:hover{/* 审核不通过*/
    color: #fff !important;
    background-color: #d9534f !important;
}
.letter-status4,
.letter-status4:hover{/* 审核通过 */
    color: #fff !important;
    background-color: #449d44 !important;
}
.letter-status5,
.letter-status5:hover{/* 已寄出 */
    color: #fff !important;
    background-color: #969696 !important;
}
/* 函件状态 end */


/* 数据状态背景色 end */

/* 仲裁员选择 begin */
.elect-block {
    padding-bottom: 5px;
    font-size: 0;
}
.elect-block:last-child{padding-bottom: 0;}
.elect-block > span{
    display: inline-block;
    width: 70px;
    padding: 5px;
    color: #fff;
    background-color: #5bc0de;
    text-align: center;
    white-space: nowrap;
    border-radius: 4px;
    margin-right: 5px;
    font-size: 14px;
}
.elect-block > span > a{
    color: #fff;
}
.elect-block > a.del-elected{
    display: inline-block;
    color: #f00;
    font-size: 14px;
}
.elect-block > a.sort-no{
    color: black;
    font-size: 14px;
    display: inline-block;
    width: 1.35em;
}
.elect-block > a.contact{
    font-size: 14px;
    display: inline-block;
}
.elect-block > input.elect-check{
    vertical-align: top !important;
    margin: 8px 0 0 5px;
}

.no-elected{
    display: inline-block;
    width: 113px;
    height: 29px;
    color: #d9534f;
}
.no-elected::before{
    font-family: FontAwesome, serif;
    content: "\f071";
    margin: 0 3px;
}

.move-block{
    display: inline-block;
    font-size: 14px;
}
.move-block > i.move-sort{
    cursor: pointer;
    margin-left: 5px;
}
/* 仲裁员选择 end */


.express-no{
    padding: 5px 15px;
    font-size: 14px;
    font-weight:bold;
}

/* 归档文件样式 begin */
.paperSubmit1{
	background-color: #d9534f !important;
	color: #fff !important;
}
/* 归档文件样式 end */

/* 审核状态样式 begin */
.examine-status1,
.examine-status1:hover{/* 未审核 */
    color: #fff !important;
    background-color: #5bc0de !important;
}
.examine-status2,
.examine-status2:hover{/* 审核不通过*/
    color: #fff !important;
    background-color: #d9534f !important;
}
.examine-status3,
.examine-status3:hover{/* 审核通过 */
    color: #fff !important;
    background-color: #449d44 !important;
}
/* 审核状态样式 end */

/* 报酬状态样式 begin */
[class^="pay-status"],
[class^="pay-status"]:hover{
    color: #fff !important;
    background-color: #5bc0de !important;
}
.pay-status1,
.pay-status1:hover{/* 未提交审核 */
    color: #fff !important;
    background-color: #f0ad4e !important;
}
.pay-status5,
.pay-status5:hover{/* 完成 */
    color: #fff !important;
    background-color: #449d44 !important;
}
/* 报酬状态样式 end */

/* 确认状态样式 begin */
.confirm-status1,
.confirm-status1:hover{/* 未确认 */
    color: #fff !important;
    background-color: #f0ad4e !important;
}
.confirm-status2,
.confirm-status2:hover{/* 确认中 */
    color: #fff !important;
    background-color: #5bc0de !important;
}
.confirm-status3,
.confirm-status3:hover{/* 确认可用 */
    color: #fff !important;
    background-color: #449d44 !important;
}
.confirm-status4,
.confirm-status4:hover{/* 不可用 */
    color: #fff !important;
    background-color: #d9534f !important;
}
/* 确认状态样式 end */