/* padding */
.p0{padding:0px}
.p10{padding:10px}
.p15{padding:15px}
.p20{padding:20px}
.p30{padding:30px}
.p40{padding:40px}
.p45{padding:45px}
.pl0{padding-left: 0px!important}
.pl5{padding-left: 5px!important}
.pl8{padding-left: 8px!important}
.pl10{padding-left: 10px!important}
.pl15{padding-left: 15px!important}
.pl20{padding-left: 20px!important}
.pl30{padding-left: 30px}
.pl40{padding-left: 40px!important}
.pl50{padding-left: 50px!important}
.pl60{padding-left: 60px!important}
.pl80{padding-left: 80px!important}
.pr0{padding-right: 0px!important}
.pr5{padding-right: 5px}
.pr10{padding-right: 10px!important}
.pr15{padding-right: 15px!important}
.pr20{padding-right: 20px!important}
.pr30{padding-right: 30px!important}
.pr40{padding-right: 40px!important}
.pr100{padding-right: 100px!important}
.pb0{padding-bottom: 0px!important}
.pb10{padding-bottom: 10px}
.pb15{padding-bottom: 15px}
.pb20{padding-bottom: 20px}
.pb30{padding-bottom: 30px}
.pb40{padding-bottom:40px}
.pt0{padding-top:0px!important}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top: 15px}
.pt20{padding-top: 20px}
.pt25{padding-top: 25px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}

.p-10{
    padding: 10px !important;
}

.text-invalid{color:/*#777*/#999/*757575*/!important}

/* 工具类 */
.wh100{width: 100%}
.pointer{cursor: pointer}
.red{color: red}
.text-invalid{color:/*#777*/#999/*757575*/!important}
.text-black{color: #000!important}
.text-blue{color: blue!important}
/*.text-info{color: #333}*/
.text-primary{color: #2696dd!important}
.text-primary:hover{color: #3071a9}
.readonly{background:#fff!important;cursor: pointer}
/*input[readonly]{}*/

.w100p{width: 100%!important}
.br0{border-radius: 0}
.fs12{font-size: 12px}
.fs14{font-size: 14px}
.fs18{font-size: 18px}
.fs24{font-size: 24px}
.lh34{line-height: 34px}
.lh38{line-height: 38px}
.lh40{line-height: 40px}
.fwb{font-weight: bold}
.fz i{transform:rotate(180deg)}
.text-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space: nowrap}
.shadow{box-shadow: 0 1px 1px rgba(0,0,0,0.15)}
.no-data{height: 100px;line-height: 100px;text-align: center;color: #999;font-size: 24px}
.require{border-left: 2px solid #E64E4D!important}
.error{border: 2px solid #E64E4D!important}
/* SVG ICON 样式 */
svg:not(:root) {overflow: hidden}
svg{display: inline-block;fill: currentColor;vertical-align: top;text-align: center}

/* margin */
.m0{margint:0!important}
.ml0{margint-left:0!important}
.ml10{margin-left: 10px}
.ml15{margin-left: 15px}
.mt0{margin-top: 0px}
.mt5{margin-top: 5px!important}
.mt6{margin-top: 6px}
.mt8{margin-top: 8px}
.mt10{margin-top: 10px}
.mt15{margin-top: 15px}
.mt20{margin-top: 20px}
.mt30{margin-top: 30px}
.mt40{margin-top: 40px}
.mb0{margin-bottom: 0px!important}
.mb5{margin-bottom: 5px!important}
.mb8{margin-bottom: 8px}
.mb10{margin-bottom: 10px}
.mb15{margin-bottom: 15px}
.mb20{margin-bottom: 20px}
.mr0{margin-right: 0px!important}
.mr10{margin-right: 10px!important}
.mr15{margin-right: 15px!important}
.mr20{margin-right: 20px!important}



.ys-checkbox,
.ys-radio{background: url(../../images/component.extend/box.png) no-repeat;width: 18px;height: 18px;display: inline-block;vertical-align: middle;cursor: pointer}
.ys-checkbox.selected{background-position: -40px 0!important;}
.ys-checkbox.half-selected{background:url(../../images/component.extend/half-checked.png) 1px 1px}
.ys-radio{background-position: -100px 0;}
.ys-radio.selected{background-position: -140px 0;}


/* 表单表格 */
.ys-framework-form-grid{font-family: Arial, Helvetica, "Microsoft YaHei", "STHeiti"}
.ys-framework-form-grid .bt6{border-top:6px solid #818c92}
.ys-framework-form-grid .lh36{height: 36px;line-height: 36px;}
.ys-framework-form-grid .title{height:40px;line-height: 40px;color:#333;font-size: 16px;padding:0 0 0 20px}
.ys-framework-form-grid .ys-radio{height: 20px;}
.ys-framework-form-grid th,
.ys-framework-form-grid td{vertical-align: middle!important;height: 36px;font-weight:normal}
.ys-framework-form-grid td.p0{padding:0!important;}
.ys-framework-form-grid td.pl10{padding-left:20px!important;}
.ys-framework-form-grid th{background: #f3f4f8;color:#8592a3;}
.ys-framework-form-grid th strong{color: #333}
.ys-framework-form-grid td input,
.ys-framework-form-grid td textarea{border:0px;resize: none;box-shadow:none;padding-left: 15px;}
.ys-framework-form-grid .table input{height: 36px;line-height: 36px;}
.ys-framework-form-grid .table .require{border-left: 2px solid #E64E4D!important}
.ys-framework-form-grid .table .select2-selection{border:none;box-shadow:none;height: 36px;line-height: 36px}
.ys-framework-form-grid .table .select2-selection .select2-selection__rendered{padding-left:15px;height: 36px;line-height: 36px;}
.ys-framework-form-grid .table .select2-container--open .select2-selection{border:1px solid #ddd;height: 36px;line-height: 36px}
.ys-framework-form-grid .table .select2-selection input{width: 100%!important;}
.ys-framework-form-grid .table .table{border:none!important;margin-bottom: 0;table-layout: fixed;}
.ys-framework-form-grid .table .table td,
.ys-framework-form-grid .table .table th{border-left:0px!important;border-top:0px!important;}
.ys-framework-form-grid .table .table td:last-child,
.ys-framework-form-grid .table .table th:last-child{border-right: 0px!important;}
.ys-framework-form-grid .table .table tr:last-child td,
.ys-framework-form-grid .table .table tr:last-child th{border-bottom: 0px;}
.ys-framework-form-grid .table .single-img{margin-bottom: 8px;width:206px;margin-top: 5px;}
.ys-framework-form-grid .table .ys-cover{margin-bottom: 8px;margin-top: 5px;}
.ys-framework-form-grid .table .icon-down-panel{
    transition-duration:0.15s;background:url(../../images/component/section-collapse-btn-icon.png) no-repeat center center;display: block;
    background-size: contain;height:24px;width: 24px;margin-top: 6px;margin-right: 5px;
}
.ys-framework-form-grid .table.up .icon-down-panel{transform:rotate(180deg);}
.ys-framework-form-grid .table.up tr:nth-child(n+2){display: none}
.ys-framework-form-grid .table .error{border: 2px solid #E64E4D!important}
.ys-framework-form-grid .table .attach.error{padding-left:12px}
.ys-framework-form-grid .table tbody{border-top:1px solid #ddd;}
.ys-framework-form-grid .uib-datepicker-popup tbody{border:none}
.ys-framework-form-grid .uib-datepicker-popup th{background: none;}
.ys-framework-form-grid select{height: 36px;line-height: 36px;padding-left:15px;border-radius:0;appearance:none;-webkit-appearance: none;background: #fff;border:none;}
.ys-framework-form-grid a.collapse {display: block;width: 38px;height: 38px;
    background: url(../../images/component/section-collapse-btn-icon.png) no-repeat center center;
    margin: auto;cursor: pointer;outline: none;transition: rotate 0.3s;-webkit-transition: rotate 0.3s;-ms-transition: rotate 0.3s;
}
.ys-framework-form-grid .table.up .collapse{transform:rotate(180deg);}
.ys-framework-form-grid .form-control[readonly]{color: #555}
.ys-framework-form-grid .ys-datetimepicker>input.form-control{border:none}
.ys-framework-form-grid .ys-datetimepicker{border:none;width: 100%;}
.ys-framework-form-grid .ys-datetimepicker:after {background-position-y: 8px;background-size: 20px 20px;}
.ys-framework-form-grid .ys-input-wrapper,
.ys-framework-form-grid .ys-input-wrapper span.span-format{height:36px;line-height: 36px;border:none;}
.ys-framework-form-grid .ys-icon-inline-add,
.ys-framework-form-grid .ys-icon-inline-del{border-radius: 20px;}
/* 遮罩 */
.ys-framework-backdrop{background-color:#000;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 30002;opacity:0;transition: opacity 0.15s linear;}
.ys-framework-backdrop.in{opacity: 0.2!important;}

/* 弹出框 */
/*text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;letter-spacing: 0.02em;*/
.ys-framework-dialog{position: fixed;z-index: 30002;top:0;left:0;right:0;bottom:0;overflow: auto;overflow-y: auto;transition: opacity 0.15s linear;}
.ys-framework-dialog .container{background: #fff;background-clip: padding-box;border: 1px solid rgba(0,0,0,0.3);/*top:-1000px;*/box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
    /*overflow: hidden;*/
    transition: transform 0.3s ease-out,opacity 0.15s linear,width 0.15s;transform: translate(0, -25%);opacity: 0;margin: 0px auto;float:initial!important;
}
.ys-framework-dialog .container.in{transform: translate(0, calc((100vh - 100%) /2 ));opacity: 1}
.ys-framework-dialog-close{padding-right: 7px}
.ys-framework-dialog-close i{color: #000;opacity: .2}
.ys-framework-dialog-close:hover i{opacity: .4}

/* 公共头尾 */
.ys-framework-dialog .selector-header{height: 50px;border-bottom:1px solid #ccc;}
.ys-framework-dialog .selector-header .title{line-height: 50px;font-size: 16px;/*font-weight: bold*/}
.ys-framework-dialog .selector-header .search{margin-top: 8px;float: left}
.ys-framework-dialog .selector-header .search,
.ys-framework-dialog .selector-header .search input,
.ys-framework-dialog .selector-header .search span{height: 32px;padding:0;line-height: 32px;float: left}
.ys-framework-dialog .selector-header .search input{border: 1px solid #ccc;width: 160px;padding:0 6px}
.ys-framework-dialog .selector-header .search span{background:url(../../images/component.extend/grey_search.png) no-repeat center;width: 34px;border:1px solid #ccc;border-left: none;cursor: pointer}
.ys-framework-dialog .selector-header .pull-right{cursor: pointer}
.ys-framework-dialog .selector-footer{padding:15px 20px;border-top:1px solid #ccc}
.ys-framework-dialog .selector-footer .btn{margin-left: 10px}
.ys-framework-dialog .selector-footer .btn-primary{padding:5px 32px;background: #808c92;border:1px solid #808c92}
.ys-framework-dialog .selector-footer .btn-default{border:2px solid #808c92;padding:4px 12px}

/* 消息提示：confirm、success、info、error */
.ys-framework-dialog-msg{}
.ys-framework-dialog-msg .header,
.ys-framework-dialog-msg .footer{height: 50px;line-height: 50px;text-align: center;border-bottom: 1px solid #e7e7e7;font-size: 18px;overflow: hidden;cursor: pointer}
.ys-framework-dialog-msg .footer{border-bottom: none;border-top:1px solid #BFBFBF;box-sizing: border-box;height: 60px;line-height: 60px;background: #fff}
.ys-framework-dialog-msg .header i.svg-container{width: 58px;float: left;text-align: center;position: absolute;left:0; color: #09C}
.ys-framework-dialog-msg .header icon.right i.svg-container{right: 0;left:auto}
.ys-framework-dialog-msg .body {line-height: 28px;font-size: 16px;text-align: center;padding: 20px 0;text-align: center}
.ys-framework-dialog-msg .footer .col-xs-6:hover,
.ys-framework-dialog-msg .footer .col-xs-12:hover{background: #f5f5f5;}
.ys-framework-dialog-msg .footer .col-xs-6:last-child{/*border-left:1px solid #e1e6eb*/}

/* 自定义弹出框 */
.ys-framework-dialog-modal .ys-form .title{padding:0px!important;}
.ys-framework-dialog-modal .ys-form .title .btn{margin-left: 10px;margin-right: 0px!important;}
.ys-framework-dialog-modal .ys-dialog-header{height: 50px;padding:0 20px;border-bottom:1px solid #ccc;}
.ys-framework-dialog-modal .ys-dialog-header h3{margin: 0;line-height: 50px;font-size: 16px}
.ys-framework-dialog-modal .ys-dialog-header .pull-right{cursor: pointer}
.ys-framework-dialog-modal .ys-dialog-body{overflow-y: scroll}
.ys-framework-dialog-modal .ys-dialog-footer{padding:15px 20px;border-top:1px solid #ccc;background: #fff}
.ys-framework-dialog-modal .ys-dialog-footer .btn{margin-left: 10px}
.ys-framework-dialog-modal .ys-dialog-footer .btn-primary{padding:5px 32px;background: #808c92;border:1px solid #808c92}
.ys-framework-dialog-modal .ys-dialog-footer .btn-danger{padding:5px 14px;background: #E64E4D;border:1px solid #E64E4D}
.ys-framework-dialog-modal .ys-dialog-footer .btn-default{border:2px solid #808c92;padding:4px 12px}
.ys-framework-dialog-modal .ys-dialog-footer h3{float: left;margin: 0!important;line-height:30px}
.ys-framework-dialog-modal .require{border-left: 2px solid #E64E4D!important}
.ys-framework-dialog-modal .error{border: 2px solid #E64E4D!important}
.ys-framework-dialog-modal .path.error{padding-left: 15px;}


/* 图片缩放 */
.ys-framework-zoom{z-index: 30002;position: fixed;left:0;top:0;right:0;bottom:0}
.ys-framework-zoom .img{text-align: center;overflow: scroll}
.ys-framework-zoom .img img{height: 600px;margin-top: calc((100vh - 600px)/2)}
.ys-framework-zoom .quit{position: fixed;bottom: 20px;left:calc((100vm - 50px)/2);text-align: center;}
.ys-framework-zoom .quit div{width: 80px;margin: auto;display: block;height:80px;border-radius: 45px;background: #fff;line-height: 80px;opacity: 0.6;cursor: pointer}


/* 右上角消息提示框 */
.ys-framework-tips{position: fixed;z-index: 30020;top:0px;right:0px;left:0;text-align: center;height:0;}
.ys-framework-tips .message-item-list{display:inline-block;min-width:300px;}
.ys-framework-tips .message-item-item{
    height:58px;line-height: 58px;margin: auto;margin-bottom:10px;border-radius: 4px;font-size:18px;color:#fff;
    padding:0 20px 0 68px;background-size:contain;text-align: left;cursor:pointer;min-width:300px;transition:opacity 0.15s linear;opacity: 0
}
.ys-framework-tips .message-item-item:first-child{margin-top: 20px;}
.ys-framework-tips .message-item-item.in{opacity: 1}
.ys-framework-tips .alert-success{background:rgba(31, 174, 255,0.8) url(../../images/common/message-success.png) no-repeat 25px center;}
.ys-framework-tips .alert-success:hover{background-color:rgba(31, 174, 255,1);}
.ys-framework-tips .alert-warning{background:rgba(138,109,59,0.8) url(../../images/common/message-warning.png) no-repeat 25px center;}
.ys-framework-tips .alert-warning:hover{background-color:rgba(138,109,59,1);}
.ys-framework-tips .alert-danger{background:rgba(25, 25, 25,0.8) url(../../images/common/message-error.png) no-repeat 25px center;}
.ys-framework-tips .alert-danger:hover{background-color:rgba(25, 25, 25,1);}
.ys-framework-tips .alert-info{background:rgba(49,112,143,0.8) url(../../images/common/message-warning.png) no-repeat 25px center;}
.ys-framework-tips .alert-info:hover{background-color:rgba(49,112,143,1);}
.ys-framework-tooltip{
    position: absolute;z-index: 1070;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 12px;font-style: normal;
    font-weight: normal;line-height: 1.42857143;text-align: left;text-decoration: none;text-shadow: none;text-transform: none;letter-spacing: normal;
    word-break: normal;word-spacing: normal;word-wrap: normal;white-space: normal;line-break: auto;
    transition: opacity 0.15s linear;opacity: 0
}
.ys-framework-tooltip .inner {max-width: 200px;padding: 3px 8px;color: #fff;text-align: center;background-color: #000;border-radius: 4px;font-size:18px;}
.ys-framework-tooltip.in{opacity: 1}

.ys-framework-cover{float: left;margin-right: 15px;/*height: 120px;width: 180px;*/position: relative}
.ys-framework-cover img{/*border:1px solid #ddd;padding:1px;*/}
.ys-framework-cover .drop,
.ys-framework-cover .zoom{position: absolute;left:10px;bottom:10px;height: 22px;width:22px;border-radius: 2px;overflow: hidden;color:#E64E4D;background:#fff;text-align:center;display: none;cursor: pointer;border:1px solid #ddd}
.ys-framework-cover .zoom{left:auto;right:10px;}
.ys-framework-cover:hover .drop,
.ys-framework-cover:hover .zoom{display: block}


/* 下拉框 */
.dropdown .btn-default:focus{background-color: #fff;border-color: #ccc}
.dropdown-menu{border-radius: 0px;padding:0}
.dropdown-menu > li > a{padding:8px 20px!important}
.datetimepicker.dropdown-menu{padding:4px;}

/* 日历控件 */
.uib-datepicker {padding: 8px;outline: none;box-shadow: none}
.uib-datepicker thead .h6 th {padding-top: 8px}
.uib-datepicker thead tr:last-child th{padding-top: 10px}
.uib-datepicker tbody tr:first-child td {padding-top: 6px}
.uib-datepicker  th,
.uib-datepicker  td{height: 32px;width: 38px}
.uib-datepicker  th button{height: 32px;margin-bottom: 7px}
.uib-datepicker tbody .btn {border: 0px !important}
.uib-datepicker tbody .btn:hover {background: #F3F3F3}
.uib-datepicker tbody .btn-default {background: transparent}
.uib-datepicker tbody .active,
.uib-datepicker tbody .active:hover,
.uib-datepicker tbody .active span {background: #3C0}
.uib-datepicker tbody .btn[disabled="disabled"] .btn[disabled="disabled"] span {color: #CCC}
/*.uib-datepicker tbody .btn .text-info{color:#fff !important}*/
.uib-datepicker em {font-size: 12px;color: #ACD}
.uib-datepicker .uib-daypicker:focus{outline: none}
.uib-datepicker-popup .uib-button-bar{display: block;height: 48px;padding:10px 9px 10px;display: block}
.uib-datepicker-popup .uib-button-bar .uib-clear{margin-left: 8px}
/*[uib-datepicker-popup]:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 32px;
    height: 32px;
    background: url(../../images/component/datetime-default-icon.png) no-repeat center center;
    background-size: 20px 20px;
    border: 0;
}*/
.uib-tooltip-diy {position: absolute;z-index: 1030;display: block;font-size: 12px;line-height: 1.4;opacity: 0;filter: alpha(opacity=0);visibility: visible}
.uib-tooltip-diy .tooltip-inner {max-width: 300px;padding: 12px 8px;color: #ffffff;text-align: center;text-decoration: none;border-radius: 0 0;background-color: #425160}
.uib-tooltip-diy .tooltip-arrow {position: absolute;width: 0;height: 0;border-color: transparent;border-style: solid}
.uib-tooltip-diy.in {opacity: 0.9;filter: alpha(opacity=90)}
.uib-tooltip-diy.top {padding-bottom: 10px}
.uib-tooltip-diy.top .tooltip-arrow {left: 50%;bottom: 5px;border-top-color: #425160;border-width: 5px 5px 0 5px}
.uib-tooltip-diy.bottom {padding-bottom: 10px}
.uib-tooltip-diy.bottom .tooltip-arrow {left: 44%;top: -5px;border-bottom-color: #425160;border-width: 0px 5px 5px 5px}
.uib-tooltip-diy.right {padding-left: 10px}
.uib-tooltip-diy.right .tooltip-arrow {top: 40%;left: 0px;border-right-color: #425160;border-width: 5px 5px 5px 5px}

.gray{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}

.panel-default{margin-top:0px;}
.tit06{padding-left:20px;border-top: 6px solid #818c92;height: 40px;line-height: 40px;color: #333;font-size: 16px;padding: 0 0 0 20px;background-color: #f4f4f8;}

.panel-default .breadcrumb li > span {display: inline-block;padding: 6px 8px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(221, 221, 221);
    border-image: initial;
    border-radius: 4px;
}
.panel-default .breadcrumb > li + li::before {content: ">";}
.breadcrumb li.ys-status-start > span {
    background-color: rgb(24, 176, 226);
    color: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(24, 176, 226);
    border-image: initial;
}

.panel-default ul li .ys-comment-message-status {padding-left: 20px;padding-right: 20px;height: 38px;line-height: 38px;background-color: #f3f3f3;}
.panel-default ul li .ys-comment-message-status>span {
    display: inline-block;
    width: 30%;
}
.panel-default  ul li .ys-comment-message-agreement {
    padding: 15px 65px;
    color: #757575;
}
.ys-modal-dialog .modal-body {
    padding-top: 30px;
    padding-bottom: 20px;
}

#ys-block-reviewer .form-inline .form-group label {
    /*width: 150px;*/
    text-align: right;
    margin-right: 12px;
    min-width: 250px;
}
.form-inline .form-group{margin-bottom: 10px;width:75%}
#ys-block-reviewer li.ys-input-require input {
    border-left: solid 2px #e54f51;
}
#ys-block-reviewer input {
    padding-left: 8px;
    padding-right: 8px;
    height: 39px;
    width: 300px;
    border: 0;
    background-color: #f3f3f3;
}
#ys-block-reviewer .ys-content-title {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0;
}
#ys-block-reviewer ul {
    list-style: none;
}
.btn-ys-red {
    background-color: #a6d1ee;
    color: #fff;
    border: solid 1px #a6d1ee;
}