/* 
    作    者：胡政
    描    述：全局样式
    创建时间：2015-08-28
    联系方式：13436053642
*/
/*********************●样式helper******************************/  
.color-red { color: red !important;}
.color-white { color: white !important;}
.border-0 { border:0 !important; }
.width50 { width: 50px !important; }
.width100{ width: 100px !important;}
.width150{ width: 150px !important;}
.width200{ width: 200px !important;}
.width300{ width: 300px !important;}
.width350{ width: 350px !important;}
.width400{ width: 400px !important;}
.width500{ width: 500px !important;}
.width600{ width: 600px !important;}
.width700{ width: 700px !important;}
.width800{ width: 800px !important;}
.width850{ width: 850px !important;}
.width900{ width: 900px !important;}
.width1000{ width: 1000px !important;}
.width10p{ width: 10% !important;}
.width20p{ width: 20% !important;}
.width30p{ width: 30% !important;}
.width40p{ width: 40% !important;}
.width50p{ width: 50% !important;}
.width60p{ width: 60% !important;}
.width70p{ width: 70% !important;}
.width80p{ width: 80% !important;}
.width90p{ width: 90% !important;}
.width100p{ width: 100% !important;}
.height100{ height: 100px !important;}
.height200{ height: 200px !important;}
.height300{ height: 300px !important;}
.height400{ height: 400px !important;}
.height500{ height: 500px !important;}
.height600{ height: 600px !important;}
.height700{ height: 700px !important;}
.height800{ height: 800px !important;}
.height900{ height: 900px !important;}
.height1000{ height: 1000px !important;}
.min-height100{ min-height: 100px !important;}
.min-height200{ min-height: 200px !important;}
.min-height300{ min-height: 300px !important;}
.min-height400{ min-height: 400px !important;}
.min-height500{ min-height: 500px !important;}
.min-height600{ min-height: 600px !important;}
.min-height700{ min-height: 700px !important;}
.min-height800{ min-height: 800px !important;}
.min-height900{ min-height: 900px !important;}
.min-height1000{ min-height: 1000px !important;}
.no-margin{ margin: 0px !important;}
.no-margin-top{ margin-top: 0px !important;}
.no-margin-bottom{ margin-bottom: 0px !important;}
.no-margin-left{ margin-left: 0px !important;}
.no-margin-right{ margin-right: 0px !important;}
.no-padding{ padding: 0px !important;}
.no-padding-top{ padding-top: 0px !important;}
.no-padding-bottom{ padding-bottom: 0px !important;}
.no-padding-left{ padding-left: 0px !important;}
.no-padding-right{ padding-right: 0px !important;}
.text-align-left{ text-align: left !important;}
.text-align-right{ text-align: right !important;}
.text-align-center{ text-align: center !important;}
.float-left{float: left !important}
.float-right{float: right !important}
.float-clear {clear: both !important;float:none !important;}
.display-none{display: none}
.padding-0{ padding:0 !important; }
.padding-top-0 { padding-top: 0px !important;}
.padding-top-5 { padding-top: 5px !important;}
.padding-top-10 { padding-top: 10px !important;}
.padding-top-15 { padding-top: 15px !important;}
.padding-top-20 { padding-top: 20px !important; }
.padding-top-25 { padding-top: 25px !important; }
.padding-top-30 { padding-top: 30px !important; }
.padding-top-35 { padding-top: 35px !important; }
.padding-top-40 { padding-top: 40px !important; }
.padding-top-45 { padding-top: 45px !important; }
.padding-top-50 { padding-top: 50px !important; }
.padding-top-60 { padding-top: 60px !important; }
.padding-top-100 { padding-top: 100px !important; }
.padding-top-150 { padding-top: 150px !important; }
.padding-top-200 { padding-top: 200px !important; }
.padding-bottom-0 { margin-bottom: 0 !important; }
.padding-bottom-10 { margin-bottom: 10px !important; }
.padding-bottom-20 { margin-bottom: 20px !important; }
.padding-left-0 { padding-left: 0 !important; }
.padding-left-10 { padding-left: 10px !important; }
.padding-left-30 { padding-left: 30px !important; }
.padding-right-0 { padding-right: 0 !important; }
.padding-right-10 { padding-right: 10px !important; }
.padding-right-30 { padding-right: 30px !important;}
.margin-top-10 { margin-top: 10px !important; }
.margin-top-20 { margin-top: 20px !important; }
.margin-bottom-0 { margin-bottom: 0 !important; }
.margin-bottom-5 { margin-bottom: 5px !important; }
.margin-bottom-10 { margin-bottom: 10px !important; }
.margin-bottom-15 { margin-bottom: 15px !important; }
.margin-bottom-20 { margin-bottom: 20px !important; }
.margin-bottom-25 { margin-bottom: 25px !important; }
.margin-bottom-30 { margin-bottom: 30px !important; }
.margin-bottom-35 { margin-bottom: 35px !important; }
.margin-bottom-40 { margin-bottom: 40px !important; }
.margin-bottom-50 { margin-bottom: 50px !important; }
.margin-bottom-60 { margin-bottom: 60px !important; }
.margin-bottom-65 { margin-bottom: 65px !important; }
.margin-left-0 { margin-left: 0 !important; }
.margin-left-20 { margin-left: 20px !important; }
.margin-left-30 { margin-left: 30px !important; }
.margin-right-0 { margin-right: 0 !important; }
.margin-right-20 { margin-right: 20px !important; }
.margin-right-10 { margin-right: 10px !important;}
.margin-top-10 { margin-top: 10px !important; }
.margin-top-20 { margin-top: 20px !important; }
.font-size-14{font-size:14px !important;}
.font-size-16{font-size:16px !important;}
.font-size-20{font-size:20px !important;}
.font-weight-900{font-weight:900 !important;}

.word-break { display:block; word-break: break-all; word-wrap: break-word; }
.overwrap{ overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.text-indent-2{ text-indent:2em; }
.box-hidden{ width:0 !important; height:0 !important;visibility:hidden !important;font-size:0 !important; }
.animated {-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}
.animated.fast{-ms-animation-duration:.4s}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
.bg-img{ background:#cebbb2; border: 1px solid gainsboro;}
.clearfix{ zoom: 1;  }
.clearfix:after{ content:"\20"; height:0;display:block; clear:both }

/*********************●全局**********************************/
body.wait_pageview {
    overflow: hidden !important;
    opacity: 0 !important;
}

body.init_pageview {
    overflow: auto;
}

body .wait_pagepartview, body .wait_pagepartview * {
    visibility: hidden;
}

body.init_pagepartview .wait_pagepartview, body.init_pagepartview .wait_pagepartview * {
    visibility: visible;
}

/*********************●表单样式******************************/ 
input[readonly]{  
    color: #8C8C8C !important;  
}  
.form-horizontal .form-group.form-md-line-input label{
    color:inherit;
}
.form-group{
    padding-top:0 !important;
    padding-left:0;
    padding-right:0;
}
.form-group.form-md-line-input .input-icon .form-control ~ label{
    left:0 !important;
    right:0 !important;
}

/*********************●表单验证样式******************************/ 
.validate-error {
    color: red;
    font-size: 12px;
}

/*********************●消息弹出框******************************/ 
@media (min-width: 468px) {
    .modal-diolog-out .modal-dialog {
        width: 500px !important;
    }
    .modal-diolog-out .modal-dialog h4.modal-title {
        font-family: 微软雅黑 !important;
        word-spacing:16px; 
        letter-spacing: 2px;
    }
}
.modal-content {
    border-radius: 6px !important;
}

.modal-confirm {
    padding-left: 0px !important;
    top: -194px !important;
}

.modal-confirm .modal-dialog{
    position: absolute;
    top: 45% !important;
    width: 100% !important;
    margin: 0px;
}
.modal-confirm .modal-content {
    border: 0px !important;
    border-radius: 0px !important;
    background-color: rgba(0,0,0,.8) !important;
    color: white !important;
}
.modal-confirm .modal-body {
    margin: 0px auto;
    width: 70%;
    padding: 0px;
}
.modal-confirm .modal-footer-btn button {
    float: right;
    margin-left: 10px;
}
.modal-confirm .MsgTitle {
    font-size: 24px ;
    letter-spacing: -1px;
    font-weight: 300;
}
.modal-confirm .MsgTitle-icon {
    color: #a57225 !important;
    font-weight: 400;
    font-size: 24px ;
}
.modal-confirm .pText {
    font-size: 14px ;
    letter-spacing: 1px;
}

/*********************●按钮******************************/ 
button:disabled, .btn:disabled {
    cursor: no-drop !important;
    pointer-events: auto !important;
}

/*********************●分页******************************/ 
.pageDiv { height:40px; line-height:30px; z-index:1; position:relative; margin-top:20px; margin-bottom:20px; display:inline-block;  }
.pageDiv::after{ clear:both; }
.pageDiv .pageinfo { line-height:30px; position:absolute; left:0px; top:0px; }
.pageDiv .pageinfo select { width:70px; height:28px; border:solid 1px #ccc; vertical-align:middle;}
.pageDiv .total { line-height:30px; padding:0px 10px 10px 0;float:right; padding-left:10px; }
.pageDiv .pages { float:left;clear:none !important; padding:0; margin-top: auto!important; overflow:visible !important; }
.pageDiv .pages a {text-decoration:none!important; padding:0px 12px; font-size:12px; float:left; border:solid 1px #ddd; color:#2a6496; background:#fff; cursor:pointer; line-height:28px; margin-left:-1px; }
.pageDiv .pages a:hover, .pageDiv .pages a.active { background:#eee; border:solid 1px #dddddd; color:#333; margin-left:-1px; }
.pageDiv .pages a.no { border:none; line-height:30px; cursor:default; }
.pageDiv .goPage { line-height:30px; float:left; }
.pageDiv .goPage input { width:40px; height:28px; border:solid 1px #ccc; vertical-align:middle; }
.pageDiv .go { width:30px; height:28px; float:left; margin-left:4px; border:solid 1px #5C5C5C; background:#ccc; }
.pageDiv .go a { display:block; width:30px; height:28px; line-height:28px; text-align:center; color:#fff; text-decoration:none; }

/*多项单选*/
.multi-radio{ display:inline-block; vertical-align:middle; *display:inline; }
.multi-radio:after{ clear:both; content:"."; display:block; height:0; visibility:hidden; }
.multi-radio .boxwrap{ display:inline-block; vertical-align:middle; *display:inline;box-sizing:content-box;}
.multi-radio a{ display:inline-block; margin-right:-1px; float:left; padding:5px 15px; height:20px; line-height:20px; border:1px solid #eee; vertical-align:middle; color:#333; font-size:100%; cursor:pointer; white-space:nowrap; text-overflow:ellipsis;box-sizing:content-box; }
.multi-radio a:hover{ background:#C9E1EF; text-decoration:none; }
.multi-radio a:active{ text-decoration:none; }
.multi-radio a.selected{ background:#16a0d3; border-color:#1096c7; color:#fff; }
/*单项选择*/
.single-checkbox{ display:inline-block; vertical-align:middle; cursor:pointer; *display:inline; }
.single-checkbox a,.single-checkbox a:visited{ display:inline-block; border:1px solid #d4d4d4; background:#d4d4d4; width:80px; vertical-align:middle; text-decoration:none; }
.single-checkbox a i{ display:block; width:50%; height:28px; line-height:28px; font-style:normal; background:#fff; color:#333; text-align:center; }
.single-checkbox a i.on{ float:right; display:none; }
.single-checkbox a i.off{ float:left; display:block; }
.single-checkbox a.selected{ border:1px solid #16a0d3; background:#16a0d3; }
.single-checkbox a.selected i.on{ display:block; }
.single-checkbox a.selected i.off{ display:none; }
/*多项选择*/
.multi-checkbox{ display:inline-block; vertical-align:middle; }
.multi-checkbox:after{ clear:both; content:"."; display:block; height:0; visibility:hidden; }
.multi-checkbox .boxwrap{ display:inline-block; vertical-align:middle; }
.multi-checkbox a{ display:inline-block; float:left; margin-right:-1px; padding:5px 15px; height:20px; line-height:20px; border:1px solid #eee; vertical-align:middle; color:#333; font-size:100%; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; }
.multi-checkbox a:hover{ background:#C9E1EF; text-decoration:none; }
.multi-checkbox a:active{ text-decoration:none; }
.multi-checkbox a.selected{ background:#16a0d3; border-color:#1096c7; color:#fff; }
.multi-checkbox a:last-child{ /*border-right:1px solid #d4d4d4;*/ }
/*多项选择PORP*/
.multi-porp{ }
.multi-porp ul{list-style:none; padding:0;}
.multi-porp ul li{ float:left; position:relative; margin:0 8px 8px 0; padding:1px; line-height:20px; vertical-align:middle; }
.multi-porp ul li a{ display:block; padding:4px 10px; color:#666; min-width:10px; width:auto !important;  text-align:center; text-decoration:none; border:1px solid #eee; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; line-height:17px;}
.multi-porp ul li i{ display:none; position:absolute; right:0; bottom:0; width:12px; height:12px; text-indent:-99em; background:url(../images/skin_icons.png) -169px -85px no-repeat; overflow:hidden; }
.multi-porp ul li.sys{ background:#FFFFD0; }
.multi-porp ul li.selected a{ margin:-1px; color:#333; border:2px solid #1e99c7; line-height:17px;}
.multi-porp ul li.selected i{ display:block; background-position:-84px -196px; }

/*下拉菜单*/
.single-select{ position:relative; display:inline-block; margin-right:5px; vertical-align:middle; cursor:pointer; *float:left; }
.single-select .boxwrap{ display:inline-block; vertical-align:middle; }
.single-select .select-tit{ position:relative; display:block; padding:5px 38px 5px 10px; min-width:40px; line-height:20px; height:20px; border:solid 1px #eee; text-decoration:none; background:#fff; white-space:nowrap; word-break:break-all; }
.single-select .select-tit span{ display:inline-block; color:#333; font-size:12px; vertical-align:middle; }
.single-select .select-tit i{ position:absolute; right:0; top:0; display:block; width:28px; height:100%; border-left:1px solid #eee; background:url(../images/skin_icons.png) 7px -189px no-repeat #fafafa; }
.single-select .select-items{ display:none; position:absolute; left:0; top:45px; /*overflow:hidden;*/ }
.single-select .select-items ul{margin:0; position:relative; padding:5px; min-width:60px; max-height:280px; border:1px solid #eee; background:#fff; overflow-y:auto; overflow-x:hidden; }
.single-select .select-items ul li{ display:block; padding:4px 10px; line-height:20px; font-size:12px; color:#666; white-space:nowrap; cursor:pointer; }
.single-select .select-items ul li:hover{ color:#fff; text-decoration:none; background:#16a0d3; }
.single-select .select-items ul li.selected{ color:#fff; background:#16a0d3; }
.single-select .arrow{ display:none; position:absolute; left:15px; top:35px; width:21px; height:11px; text-indent:-9999px; background:url(../images/skin_icons.png) 0 -290px no-repeat; }
.single-select.up .select-items{ top:auto; bottom:45px; }
.single-select.up .arrow{ top:-13px; background:url(../images/skin_icons.png) 0 -300px no-repeat; }