﻿/* 
--------------------------------------------------------------------------------------------------------*/
html, body { height: 100%; width: 100%; border: 0px; padding: 0px; overflow-y:hidden;}

div { border: 0px; padding: 0px; }
form { height: 100%; width: 100%; }

/*暂用于Pannel*/
.gys-m-t-10 { margin-top: 10px; }
.gys-m-b-10 { margin-bottom: 10px; }
.gys-m-tb-10 { margin-top: 10px; margin-bottom: 10px; }

.gys-m-5 { margin: 5px; }
.gys-p-l-5 { padding-left: 5px; }
.gys-p-r-5 { padding-right: 5px; }
.gys-w-80 { width: 80px; }

.gys-container { position: relative; width: 100%; float: left; font-size: 0.9em; }
.gys-container .wrapper { width: 99%; margin: 0px auto; height: 100%; }

.gys-pannel-form-list { padding: 0 5px; max-width: 1200px;}
.gys-pannel-form-list .formItem { float: left; height: 32px; line-height: 32px;width: 250px; min-width: 100px;  overflow:hidden;}
.gys-pannel-form-list .formItemRange { float: left; height: 32px; line-height: 32px; width: 420px; overflow:hidden;}
.gys-pannel-form-list .formItemCheck { float: left; height: 34px; line-height: 32px; width: 80px; overflow:hidden;}

.gys-pannel-form-list .formItemTime {float: left; height: 34px; line-height: 32px; width: 270px;}

.gys-pannel-form-list .formItemB1 { width: 75px; }
.gys-pannel-form-list .formItemB2 { width: 160px; }
.gys-pannel-form-list .formItem label { display: inline-block; padding-right: 3px; font-size: 12px; }
.gys-pannel-form-list .formItem label.t { width: 66px }
.gys-pannel-form-list .formItem label.t2 { margin-left: 5px; }
.gys-pannel-form-list .formItem label.t3 { margin-left: 21px; width: 49px; }
.gys-pannel-form-list .formItemFull { width: 100%; height: auto; display: inline-block; }
.gys-pannel-form-list .formItemAuto { width: auto; height: auto; min-height: 34px; }
.gys-pannel-form-list .formItem .inputTextArea { width: 450px; }
.inputTextTime { width: 190px; }
.gys-number { width: 68px; }
.gys-red { color: red; font-weight: bold; }

.k-block .gys-menu { float: left; position: relative; height: 26px; font-size: inherit; }
.k-block .gys-menu h3 { display: block; float: left; padding: 0px 15px 0px 5px; line-height: 26px; }
.k-block .gys-menu .gys-menu-item { float: left; position:relative; }
.k-block .gys-menu .gys-menu-posfixed-top { /*position:fixed; top:0px; z-index:999999;*/}

.gys-menu .menu-item { float: right; }
.gys-menu-botton { border: none; background: no-repeat; cursor: pointer; }




.gys-pannel .k-block { float: left; width: 100%;  }
.gys-pannel .k-block .gys-pannel-form-list { float: left; width: 100%; max-width: 1200px; }

.gys-pannel .k-block-left  { float:left;width:50%;color:#003F59;background-color:#DAECF4;border-style:solid;border-radius:4px;padding-top:2px;}

.gys-pannel .k-block-right { float:right;width:50%;color:#003F59;background-color:#DAECF4;border-style:solid;border-radius:4px;padding-top:2px;}
/*.gys-grid { position:relative; float:left;}
.gys-grid .k-grid-content table { border-bottom:1px solid #94C0D2;}*/

.gys-border-bottom-none { border-bottom: none; }

.gys-grid-delete { width: 40px; }

.gys-windows { display: none; }

/*修改此样式名时，请全局搜索做相应修改*/
.gys-status-box { position: absolute; top: 0px; right: 0px; overflow: hidden; z-index: 20; }

.gys-header { }


.k-widget.k-menu-horizontal > .gys-total { float: right; padding-right: 5px; border-width: 0; }
.k-widget.k-menu-horizontal > .gys-total i { padding: 0px 5px; font-weight: bold;color:#FF0000 }
.k-widget.k-menu-horizontal > .gys-total * { color: black; }
.k-widget.k-menu-horizontal > .gys-right { float: right; padding-right: 5px; border-width: 0px 0px 0px 1px; }

.gys-readonly { 
    cursor: not-allowed; 
    background-color: #eee !important;
}

/*pannel*/
.pannel-section { font: 85% Arial,Helvetica,sans-serif; font-family: Arial,Helvetica,sans-serif; color: #515967; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.07) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); margin: 0 auto 15px; padding: 10px; }

/*k-header*/
/*
.k-header h3,.k-header span { font-size: 14px; font-weight: bold; padding: 0px 3px; color: #515967; }
*/
.k-header h3 { font-size:14px;}
.gys-kendoui-menu { }

/*table*/
tr.k-state-selected td { color: #fff; }
table.k-selectable { border-bottom: 1px solid #dbdbde; }

.gys-full-float {width:100%; float:left; }
.formFeeItem {float:left; width:100%; padding:5px 0px;}
.gys-full-height { height: 100%; }
.gys-full-box { position:relative; float:left; width:100%;}
.gys-default-layout { position:relative; float:left;}
.gys-list-min-height { min-height:315px;}


.gys-list-height-10 {min-height:300px; }
.gys-list-height-20 { min-height:480px;}
.gys-detail-height { min-height: 350px; }
.gys-detailHeight { height: 400px; }

.gys-fee-list-item { padding: 5px;}
.gys-fee-list-item label { padding:0px 0px 0px 15px; font-weight:bold;}

/*input为disabled样式*/
input:disabled { background-color: #eae8e8; }
input[disabled] { background-color: #eae8e8; }
* html input.disabled { background-color: #eae8e8; }

.ngysTotal {
    float:right;
    margin-right:15px;
}
.ngysTotal .gys-total {
     color:red !important;
}
.cRed {
    color:red;
}
.cl {
    clear:both;
}
.fl {
    float:left;
}
.k-multiSelect {
    width:151px;
    margin-left:4px;
}
/*.k-multiselect-wrap {
    min-height:1.8em;
}*/
 td {
        overflow: hidden; 
        text-overflow:ellipsis;
        white-space:nowrap;
 }

 /*td右对齐样式*/
td.tdMoneyRight {
   text-align:right;
}

 input::-ms-clear { display: none; }

.gys-grid .k-numeric-wrap {
    padding-right:0px;
}

.gys-grid .k-numeric-wrap .k-select {
    display:none;
}
.gys-grid a {
    
}
.gys-grid a:hover {
    color: #F70707;
}
/*KendoGrid单元格样式*/
/*.k-grid table td { border-bottom:1px solid #CCC; *white-space: nowrap; }*/

.k-grid-header th.k-header {
    text-align:center;
}

/*表格功能按钮禁用*/
.k-state-focused.gys_btn_order_activity {    
    -webkit-box-shadow: inset 0 0 0 0 #bcb4b0;
    box-shadow: inset 0px 0px 0px 0px #bcb4b0;
}


.pbgColor {
    background-color:#4ffccd;
}

.closeBgColor {
    background-color:#fecd92;
}
.prevErrorBgColor {
    background-color:#ffc0d0;
}
.errorBgColor {
    background-color:#fef481;
}
.waringColor1 {
    background-color:#bac1e0
}
.waringColor2 {
    background-color:#dcbcd9
}
div.sumInfo {
    white-space:nowrap;
    text-overflow:ellipsis;
}

/* 滑动单选按钮样式 
 * ==============开始============== 
 */
.switch {
  position: relative;
  margin: 2px auto;
  height: 26px;
  width: 100px;
  background: #eae8e8;
  border-radius: 3px;
  border:1px solid #ccc;
}
.switch-label {
  position: relative;
  z-index: 2;
  float: left;
  width: 48px;
  line-height: 26px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
  cursor: pointer;
}
.switch-label:active {
  font-weight: bold;
}
.switch-label-off {
  padding-left: 2px;
}
.switch-label-on {
  padding-right: 2px;
}
/*
 * Note: using adjacent or general sibling selectors combined with
 *       pseudo classes doesn't work in Safari 5.0 and Chrome 12.
 *       See this article for more info and a potential fix:
 *       http://css-tricks.com/webkit-sibling-bug/
 */
.switch-input {
  display: none;
}
.switch-input:checked + .switch-label {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.65);
  text-shadow: 0 1px rgba(255, 255, 255, 0.25);
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
}
.switch-input:checked + .switch-label-on ~ .switch-selection {
  left: 50px;
  /* Note: left: 50% doesn't transition in WebKit */
}
.switch-selection {
  display: block;
  position: absolute;
  z-index: 1;
  top: 2px;
  left: 2px;
  width: 48px;
  height: 22px;
  background: #65bd63;
  border-radius: 3px;
  background-image: -webkit-linear-gradient(top, #9dd993, #65bd63);
  background-image: -moz-linear-gradient(top, #9dd993, #65bd63);
  background-image: -o-linear-gradient(top, #9dd993, #65bd63);
  background-image: linear-gradient(to bottom, #9dd993, #65bd63);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
  -webkit-transition: left 0.1s ease-out;
  -moz-transition: left 0.1s ease-out;
  -o-transition: left 0.1s ease-out;
  transition: left 0.1s ease-out;
}
.switch-blue .switch-selection {
  background: #3aa2d0;
  background-image: -webkit-linear-gradient(top, #4fc9ee, #3aa2d0);
  background-image: -moz-linear-gradient(top, #4fc9ee, #3aa2d0);
  background-image: -o-linear-gradient(top, #4fc9ee, #3aa2d0);
  background-image: linear-gradient(to bottom, #4fc9ee, #3aa2d0);
}

/* ==============结束============== */

td.tdEditable {
    border-bottom: 1px solid #dd2c00 ;
}

.k-numerictextbox, .k-datepicker , .k-datetimepicker {
    height: 25px;
    line-height: 25px;
}

/*.k-animation-container {
    margin-left: 3px !important;
}*/
/* 单元格中,下拉框箭头样式 */
.grid-cell-combobox {
    background: url('../images/sign/箭头.png') no-repeat 94% 6px;
    background-size: 12px 16px
}

.td_sign {
    overflow:hidden;
    display: inline-flex;
}

#select_tooltip, .select_tooltip {
    padding: 4px;
    font-size: 12px;
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(249, 224, 184,.6)), to(rgba(249, 224, 184, 1)));
    background-image: none, -webkit-linear-gradient(top, rgba(249, 224, 184,.6) 0%, rgba(249, 224, 184, 1) 100%);
    background-image: none, linear-gradient(to bottom, rgba(249, 224, 184, 0.6) 0%, rgba(249, 224, 184, 1) 100%)
}
#select_tooltip>span, .select_tooltip>span {
    color: red;
    font-weight: bold;
    padding: 0 3px;
}
.select_tooltip_btn {
    border-left: 0 !important;
}
/*新增按钮图标*/
/*公章*/
.k-i-seal {
	background-position: -96px 0;
}
/*保存*/
.k-i-save {
	background-position: -96px -16px;
}
/*选择*/
.k-i-choice {
	background-position: -96px -32px;
}
/*分配*/
.k-i-assign {
	background-position: -96px -48px;
}
/*付款*/
.k-i-pay {
	background-position: -96px -64px;
}
/*合同*/
.k-i-contract {
	background-position: -96px -80px;
}
/*收款*/
.k-i-collection {
	background-position: -96px -96px;
}
/*打印*/
.k-i-print {
	background-position: -96px -112px;
}
/*结算*/
.k-i-settle {
background-position:-96px -128px;
}
/*向上箭头*/
.k-i-up {
background-position:-96px -144px;
}
/*向下箭头*/
.k-i-down {
background-position:-96px -160px;
}
/*关联*/
.k-i-relevance {
background-position:-292px -52px;
}
/*取消关联*/
.k-i-cancelrelevance {
background-position:-292px -76px;
}
/*返回*/
.k-i-return {
background-position:-80px -160px;
}
/*下拉框只读样式*/
span[aria-readonly="true"] > span > span{
    background-color: #eee !important;
}

span[aria-readonly="true"] > span > .k-select > .k-i-arrow-s{
    background-position: 16px 16px;
}

.k-callout-n{
    border-bottom-color: #ffac0b;
}
.k-callout-e{
    border-left-color: #ffac0b;
}
.k-callout-w{
    border-right-color: #ffac0b;
}
.k-tooltip {
    border: 1px solid #ffac0b !important;
    background-color: #fff !important;
    font-size: 12px;
    padding: 10px;
    text-align: left !important;
}

 .k-grid table { 
        min-width:100%;
    }
.confirm_btn {
    width: 80px; 
    overflow: visible; 
    display: inline-block; 
    /*padding: 6px 12px;*/ 
    _margin-left: 5px; 
    margin-bottom: 0; 
    font-size: 14px; 
    font-weight: normal; 
    line-height: 1.428571429; 
    text-align: center; 
    white-space: nowrap; 
    vertical-align: middle; 
    cursor: pointer; 
    background-image: none; 
    border: 1px solid transparent; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    -o-user-select: none; 
    user-select: none; 
    color: #333333; 
    background-color: #ffffff;
    border-color: #cccccc; 
}
.confirm_btn:focus{ outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.confirm_btn:hover,
.confirm_btn:focus{ color: #333333; text-decoration: none; }
.confirm_btn:active{ background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.confirm_btn[disabled]{ pointer-events: none; cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; }
.confirm_btn:hover,
.confirm_btn:focus,
.confirm_btn:active{ color: #333333; background-color: #ebebeb; border-color: #adadad; }
.confirm_btn:active{ background-image: none; }
.confirm_btn[disabled],
.confirm_btn[disabled]:hover,
.confirm_btn[disabled]:focus,
.confirm_btn[disabled]:active { background-color: #ffffff; border-color: #cccccc; }
.confirm_save_btn {
    height:32px !important;
    line-height: 28px;
    width:75px;
    background-color:#009dd3;
    color:#ffffff;
    border-color: #357ebd; 
}
.confirm_save_btn:hover,
.confirm_save_btn:focus,
.confirm_save_btn:active{ color: #ffffff; background-color: #3276b1; border-color: #285e8e; }
.confirm_save_btn:active{ background-image: none; }
.confirm_cancel_btn {
    height:32px !important;
    line-height: 28px;
    width:75px;
    border:1px solid #cccccc !important;
}

.sign-explain {
    background:url(../images/redIco.png) no-repeat 5px center; 
    color:red;
    display:inline-block;
    width:20px; 
}
.k-state-default>.k-select {
    border-color: #ffffff;
}
#layoutTabstrip > .k-tabstrip-items > li.k-state-active > .k-link {
  color: #1376c3 ;
}

/*开关按钮样式*/
    .toggle-button{ display: none; }
    .button-label{
        position: relative;
        display: inline-block;
        width: 50px;
        height: 20px;
        background-color: #ccc;
        box-shadow: #ccc 0px 0px 0px 1px;
        border-radius: 20px;
        overflow: hidden;
    }
    .circle{
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: #fff;
    }
    .button-label .text {
        line-height: 20px;
        font-size: 12px;
        text-shadow: 0 0 2px #ddd;
    }

    .on { color: #fff; display: none; text-indent: 10px;}
    .off { color: #fff; display: inline-block; text-indent: 27px;}
    .button-label .circle{
        left: 0;
        transition: all 0.3s;
    }
    .toggle-button:checked + label.button-label .circle{
        left: 30px;
    }
    .toggle-button:checked + label.button-label .on{ display: inline-block; }
    .toggle-button:checked + label.button-label .off{ display: none; }
    .toggle-button:checked + label.button-label{
        background-color: #60cffb;
    }
    
/*开关按钮样式结束*/
.li_btn_disable {
opacity:0.3;
}

/*汇总数据改为可选中。*/
.k-menu .k-item > .k-link {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.k-menu .k-item div {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
