@font-face {
    font-family: "相忆桥隶书";
    src: url('/fonts/SIMLI.woff') format('woff');
}

@font-face {
    font-family: "相忆桥华文新魏";
    src: url('/fonts/STXINWEI.woff') format('woff');
}

@font-face {
    font-family: "相忆桥华文隶书";
    src: url('/fonts/STLITI.woff') format('woff');
}

@font-face {
    font-family: "相忆桥华文行楷";
    src: url('/fonts/STXINGKA.woff') format('woff');
}

@font-face {
    font-family: "相忆桥雅黑";
    src: url('/fonts/msyh.woff') format('woff');
}

@font-face {
    font-family: "相忆桥雅黑粗体";
    src: url('/fonts/msyhbd.woff') format('woff');
}

input{
    height:18px !important;
    line-height:20px !important;
}
A.blue:active
{
    COLOR: blue;
    TEXT-DECORATION: none
}
A.blue:visited
{
    COLOR: blue;
    TEXT-DECORATION: none
}
A.blue:hover
{
    COLOR: #FF9900;
    TEXT-DECORATION: none;
}
A.blue:link
{
    COLOR: blue;
    TEXT-DECORATION: none
}

A.green:active
{
    COLOR: #3c763d;
    TEXT-DECORATION: none
}
A.green:visited
{
    COLOR: #3c763d;
    TEXT-DECORATION: none
}
A.green:hover
{
    COLOR: #FF9900;
    TEXT-DECORATION: none;
}
A.green:link
{
    COLOR: #3c763d;
    TEXT-DECORATION: none
}

A.red:active
{
    COLOR: red;
    TEXT-DECORATION: none
}
A.red:visited
{
    COLOR: red;
    TEXT-DECORATION: none
}
A.red:hover
{
    COLOR: #FF9900;
    TEXT-DECORATION: none;
}
A.red:link
{
    COLOR: red;
    TEXT-DECORATION: none
}

A.orange:active
{
    COLOR: #ff9500;
    TEXT-DECORATION: none
}
A.orange:visited
{
    COLOR: #ff9500;
    TEXT-DECORATION: none
}
A.orange:hover
{
    COLOR: #FF9900;
    TEXT-DECORATION: none;
}
A.orange:link
{
    COLOR: #ff9500;
    TEXT-DECORATION: none
}

A.gray:active
{
    COLOR: gray;
    TEXT-DECORATION: none
}
A.gray:visited
{
    COLOR: gray;
    TEXT-DECORATION: none
}
A.gray:hover
{
    COLOR: #000;
    TEXT-DECORATION: none;
}
A.gray:link
{
    COLOR: gray;
    TEXT-DECORATION: none
}

span.link {
    cursor: pointer;
    COLOR: blue;
    font-size: 12px;
}
span.link:hover
{
    COLOR: #FF9900;
}

input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=number], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=color], select, textarea {
  height: 16px;
  border: 1px solid #999999;
  background: #fff;
  color: black;
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
}
input[type=radio],input[type=checkbox]{
    vertical-align:-3px;
}

input:focus{
	border: 1px solid #7EADD9;
	background: #F5FBFE;
}

input:disabled,select:disabled{
background-color:#F5F5F5;
color:#ACA899;
}

select{
  height: 20px;
}

.hint-form {
    flex-wrap: wrap;
    padding: 2px;
    align-content:flex-start !important;
    border:none;
}

div.hint {
    border: 1px solid #f5f5f5;
    background: #f5f5f5;
    margin: 1px;
    height: 25px;
    line-height: 25px;
    overflow: hidden;    
}
div.hint-blue
{
    background:#e7f0ff;
    border:1px solid #e7f0ff;
}
div.hint-yellow
{
    background:#FCF8E3;
    border:1px solid #FCF8E3;
}
div.hint-title-c {
    text-align: right;
    float: left;
    margin-right: 5px;
    overflow: hidden;
    position: relative;
}
span.hint-title
{
    white-space:nowrap;
    color:gray;
    text-align:right;
    display:inline-block;
    
}

.datagrid-htable > tbody > tr > td,.datagrid-btable > tbody > tr > td,.datagrid-ftable > tbody > tr > td {
    padding-left:3px; 
}
td.datagrid-wrap{
    word-break:break-all;
    overflow:auto;
    white-space:normal;
    text-overflow:inherit;
}
.datagrid-nowrap{
	white-space:nowrap;
	overflow:hidden;
	height:31px;
}
.datagrid-focus-td{
    background: #ffe48d !important;
}
.datagrid-focus-title{
    background: #DDF4FF !important;
    border-bottom: 2px solid #DDF4FF !important;
}
.gtoolbar {
    border-bottom: 1px solid #95B8E7;
    background: #f4f4f4;
}
td.combox{
	white-space:nowrap;
	overflow:hidden;
    padding:4px;
    border-color: #ccc;
    border-width: 0 1px 1px 0;
    border-style: dotted;
}
tr.combox-selected{
    background: #ffe48d;
}

tr.combox-title {
    background: linear-gradient(to bottom,#ffffff 0,#F2F2F2 100%);
    height: 25px;
}

tr.combox-disabled{
    background-color:#F5F5F5;
    color:#ACA899;
}

td.datagrid-action{
    width:22px;
    text-align:center;
    height:25px;
}
.eipgrid-row-selected td {
    word-break:break-all;
    overflow:auto;
    white-space:normal;
    text-overflow:inherit;
    height:auto;
    background: #DDF4FF;
}
td.datagrid-asc{
    border-bottom:2px solid #214994;
    height:24px;
}
td.datagrid-desc{
    border-top:2px solid #214994;
    height:24px;
}

    td.datagrid-asc:hover, td.datagrid-desc:hover {
        color: #2196f3;
        text-shadow: 1px 1px 4px #fff;
        cursor: default;
    }

td.datagrid-nosort {
    border-bottom: 2px solid #efefef;
    height: 24px;
}
    td.datagrid-nosort:hover {
        color: #2196f3;
        text-shadow: 1px 1px 4px #fff;
        cursor: default;
    }
div.datagrid-title{
    font-weight:bold;
    margin-top:2px;
    overflow:hidden;
    padding-right:0px;
}
div.datagrid-title-filter{
    float:right;
    height:22px;
}

    div.datagrid-title-filter img {
        margin: 3px 2px 0 0;
        width: 14px;
        -webkit-filter: drop-shadow(1px 1px 1px #111);
    }

.eip-separator {
    display:inline-block;
    height: 20px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #fff;
    margin: 3px 1px;
}

div.columnset_col{
    width:250px;
    float:left;
    border:1px solid #dddddd;
    margin:1px;
    line-height:30px;
    padding-left:5px;
    padding-right:5px;
    background-color:#eeeeee;
}

div.columnset_col_lock{
    color:gray;
}

div.columnset_col_hide{
    background-color:#dddddd;
    border:1px solid #dddddd;
}

div.columnset_col_active{
    color:white;
    background-color:#1E90FF;
    border:1px solid #1E90FF;
}
div.help ul{
    list-style-type:decimal;
}
div.help li{
    padding:5px;
}
div.month{
    float:left;
    width:46px;
    height:20px;
    padding:6px;
    text-align:center;
    background-color:#f6f6f6;
    margin:2px;
    cursor:default;
}
div.month:hover{
    background-color:dodgerblue;
}
div.month-selected{
    background-color:#214994;
    color:white;
}
div.month-cur{
    background-color:#ffe48d;
}
.bg-gray{
    background-color:#f5f5f5;
}

.color-picker-menu{
	box-sizing: border-box;
	width: 138px;
	min-height: 150px;
}
a.color-picker-btn{
	box-sizing: border-box;
	display: block;
	width: 18px;
	height: 18px;
	float: left;
	border: 1px solid #fff;
}
a.color-picker-btn:hover{
	border: 1px solid #000;
}

.toastWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 9999999;
  position: absolute;
  width: 100%;
  color: #ffffff;
  height: 30px;
  display: none;
  text-align: center; 
}

.toastWrap span {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 5px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    background-color: #000000;
    display: inline;
    margin: 0 auto;
    font-size: 14px;
    padding: 10px; 
}

.toastWrap.bottom {
    position: fixed !important;
    bottom: 0 !important; 
}

.eright{
    text-align:right;
}

.color-gray{
    color:gray !important;
}

.p-price {
    font-size: 14px;
    color: #e4393c;
    font-family: Verdana;
}

/*纵向布局  */
.layout-v {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
}

/*横向布局  */
.layout-h {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    flex-wrap:wrap;
}

/*让子对象填充整个空间*/
.layout-fill {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

    .layout-fill > * {
        flex-grow: 1;
    }

.combobox-item{
    height:16px;
}

.epanel {
    border: 1px solid #D4D4D4;
}

.epanel .title {
    padding: 5px;
    background-color: #F2F2F2;
    background: linear-gradient(to bottom,#ffffff 0,#F2F2F2 100%);
    border-bottom: 1px solid #d4d4d4;
    font-weight: bolder;
    color: #777;
}

.drag-item {
    list-style-type: none;
    display: block;
    padding: 3px;
    border: 1px solid #ccc;
    margin: 2px;
    width: 320px;
    background: #fafafa;
    color: #aaa;
}

    .drag-item :first-child {
        display: inline-block;
        width: 275px;
        padding-left: 15px;
    }

.blue-drag-class {
    background: #c8ebfb;
}

.column-active {
    color: #444;
}

.month-tb{
    width:100%;
    height:100%;
    border-collapse:collapse;    
}

.month-tb td{
    text-align:center;
    padding:5px;
    cursor:default;
}

    .month-tb td:hover {
        color:blue;
    }
.month-selected {
    background: #2196f3;
    color:white;
}

.eip-scan-img {
    width: 100px;
    height: 100px;
    border-radius: 5px;
    border: 2px solid transparent;
    margin: 5px;
    position: relative;
}

    .eip-scan-img>:last-child {
        position: absolute;
        z-index: 9;
        right: -12px;
        top: -12px;
    }

    .eip-scan-img > img {
        width: 100px;
        height: 75px;
        border-radius: 3px;
    }

    .eip-scan-img .scan-title {
        color: gray;
        font-size: 10px;
        text-align: center;
        padding: 2px 0;
    }

.eip-scan-img-selected {
    border: 2px solid blue;
}

.eip-tags {
    flex-grow: 1;
    text-align: right;
    display: flex;
    flex-direction: row;
    max-width: 95%;
    min-width: 0;
    flex-shrink: 1;
    justify-content: flex-end;
}

.bg-orange {
    background: #ff9500;
}

.bg-blue {
    background: #2196f3;
}

.remark {
    font-size: 10px;
    color: gray;
}

.eip-tag {
    padding: 2px 8px;
    border-radius: 10px;
    color: white;
    margin-left: 5px;
    cursor: default;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    white-space: nowrap;
}
    .eip-tag:hover {
        -webkit-filter: drop-shadow(1px 1px 1px #111);
    }

.full {
    display: flex;
    flex-direction: column;
}

    .full>* {
        flex: 1;
    }

.auto-create-title {
    border: 1px solid #ddd;
    margin: 15px;
    padding: 15px;
    line-height: 20px;
}

.auto-create-form {
    margin: 15px;
    border: 1px solid #ddd;
    line-height: 20px;
}

.eip-auto-grid-info {
    border: 1px dashed #999;
    border-radius: 2px;
    padding: 2px 5px;
    background-color: white;
    font-weight: bolder;
    color: gray;
}

.photoviewer-button svg {
    width: 1.5em !important;
    height: 1.5em !important;
}

.hint-help {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 0;
    border-color: #bbb transparent transparent transparent;
}