@charset "utf-8";
.page-header.navbar .page-logo{width: auto}
.page-logo > a {color:#fff; font-family: cursive; font-size: 30px;text-decoration: none}
.h5, h5{font-size: 14px;}
td{vertical-align: middle !important;}
.tdtop{vertical-align: top !important;}

.error, .red{color: #d84a38;}
.green, .lianjieClass{color: #5cb85c}
.fr{float: right}

.tc, .center{text-align: center}
.pt10{padding-top: 10px !important;}
.pt20{padding-top: 20px !important;}
.mb20{margin-bottom: 20px}
.mb5{margin-bottom: 5px}
.mb10{margin-bottom: 10px}
.mr10{margin-right: 10px}
.mr20{margin-right: 20px}
.mr50{margin-right: 50px}
.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px !important;}
.ml10{margin-left: 10px !important;}
.ml20{margin-left: 20px !important;}
.ml40{margin-left: 40px !important;}
.ml50{margin-left: 50px !important;}
.pl20{padding-left: 20px;}
.pl0{padding-left: 0 !important;}
.dropdown-menu .external{padding: 5px 13px;font-size: 16px;color: #67809f;font-weight: bold;}
.dropZones{width: 250px !important;text-align: right}
.clear{clear: both}

.form-horizontal .label-tip{text-align: left;color: gray}

table.table-bordered th:last-child, table.table-bordered td:last-child{border-right-width: 1px;}
.table-mail{margin-bottom: 0}
.btn{border-radius: 3px !important;cursor: pointer}

.overlay{position: fixed;width: 100%;height: 100%;background-color: #666;opacity: 0.3;left: 0;top:0;right: 0;bottom: 0;z-index: 99999;display: none}
#j-overlay{display: none;}
#loading{position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 100000;text-align: center;display: none}
#loading .spin{position: absolute;top:50%;left: 50%;margin-left: -30px;margin-top: -30px;color: #fff}
#loading .spin .fa-spinner{font-size: 500%;}

.status{color: #fff;padding: 5px 10px;border-radius: 3px !important;}
.status_1, .mail_manage_1, .close_2{background-color: #f0ad4e}
.status_2, .mail_status_1, .mail_manage_2, .close_1{background-color: #009688}
.status_3, .mail_status_0, .mail_manage_3, .close_0{background-color: #5cb85c}
.close_3{background-color: #c35b43}
.status_red, .pay_status_1, .pay_status_3, .arena_status_0{color: #d9534f}
.arena_status_2{color: #5cb85c}
.arena_status_3{color: #009688}
.pay_status_2{color: #5cb85c}

.color_0{}
.color_1{color: #5cb85c}
.color_resonance_1{color: #12bdf0}
.color_mie{color: #449d45}

.show-detail{cursor: pointer}
.td-row-title{border-bottom: 1px solid #e1e1e1;}
.td-row-title h5{margin-top: 5px;color: #4e4e4e;font-weight: bold}
.td-row{background-color: #f8f8f8 !important;cursor: default !important;}
.box{clear: both;margin-bottom: 20px;padding: 0;margin-top: 0}
.box .box-title{background-color: #fff;padding: 14px 10px 7px;min-height: 48px;}
.box .box-title h5{display: inline-block;font-size: 14px;margin: 0 0 7px;padding: 0;text-overflow: ellipsis;float: left;font-weight: 600}
.box .box-title strong{display: inline-block;font-size: 14px;margin: 0 0 7px;padding: 0;text-overflow: ellipsis;float: right;font-weight: 600;    color: #ff9800;}
.box-green{border-top: 4px solid #5cb85c}
.autoStatus_1{color: #5cb85c}
.box-blue{border-top: 4px solid #67b5c6}
.box-gray{border-top: 4px solid #e8e8e8}
.box-content{background-color: #fff;padding: 15px 10px 10px;color: inherit;border-top: 1px solid #e7eaec;}
.box-content .items{padding-left: 0;list-style: none}
.box-content .items li{padding-bottom: 10px;}
.box-content .items li strong{float: right;min-width: 50px;text-align: right;color: #ff9800;}

.td-row .button-group{margin: 10px -15px}

.wordBreakAll{word-break: break-all;}
.mail-content{word-wrap: break-word; white-space: pre-wrap;margin-bottom: 10px;word-break: break-all;}
dl{margin: 0 0 20px}
dt{font-weight: 700}

.bootbox.modal{width: 600px;margin-left: -300px;}
.bootbox.modal .modal-dialog{margin: 0 auto;}

.portlet-footer{background-color: white}
.tip{color:gray}

.activity-reward{border: 1px solid #ccc;padding: 6px 50px 6px 13px;margin-bottom: 10px;position: relative;}
.activity-reward .operate-set{cursor: pointer}
.activity-reward .operate-mall-set{cursor: pointer}
.activity-reward .operate-set-exchange{cursor: pointer}
.activity-reward .btn-delete{position: absolute;right: 10px;top: 11px;cursor: pointer;font-size: 200%;}
.activity-reward .btn-up{position: absolute;right: 40px;top: 11px;cursor: pointer;font-size: 180%;}
.activity-reward .btn-down{position: absolute;right: 70px;top: 12px;cursor: pointer;font-size: 180%;}
.activity-reward-no-delete{padding: 6px 13px 6px 13px;}
.activity-mall-reward{display: inline-block;margin-right: 10px;width: 20%;padding-right: 13px}
.activity-reward-2rank{display: inline-block;margin-right: 10px;padding-right: 13px;width: 40%}
.exchange-box{width: 30%;display: inline-block;margin-right: 2%}

.activity-sid-group{border: 1px solid #ccc;padding: 6px 13px 6px 13px;margin-bottom: 10px;position: relative;background-color: white;display: inline-block;float: left;margin-right: 20px;}
.activity-sid-group.activity-sid-group-hint{border: 1px solid red}
.border{border: 1px solid #ccc;}
.dragServerBox{min-height: 100px;border: 1px solid #e49116}
.dragServer{padding: 5px;margin: 5px 5px;display: inline-block}
.activity-sid-group-sid{border: 1px solid #ccc;padding: 6px 13px 6px 13px;margin-bottom: 10px;position: relative;background-color: white;display: inline-block;float: left;margin-right: 20px;}
.groupTitle{font-weight: bold;margin-bottom: 10px}
.stageTimeLabel{display: inline-block;width: 100px;text-align: right;padding-right: 20px}

.bold{font-weight: bold}
.ms-container{width: 100% !important;}

.red{color: red}
.zone-server{padding-right: 20px}
.width20per{width: 19%;display: inline-block}
.multi-height-auto .ms-container .ms-list{height: auto;min-height: 100px}
.hidHero{display: inline-block;padding: 0 20px 5px 0;min-width: 140px;overflow-x: visible;white-space: nowrap}
.lineUpDesp{display: inline-block;width: 180px;text-align: right;padding-right:10px}
.list-item{border: 1px solid gray;padding: 2px 5px;margin-right: 10px}

.treasureAttSubLabel{display: inline-block;width: 80px}