newICSS/src/common/less/variables.less

@orange: #f6b37f;
@green: #4caf50;
@cyan: #00bcd4;
@blue: #3B9ED0;
@red:#ff0000;
@extBlue:#71A9FE;
@tab-color:#3B9ED0;

@ipt-color:#E9F5FA;
@ipt-bg-color:#F0F0F0;
@ipt-wrap-color:#e2e2e2;
/***按钮hover***/
@button-hover: #aaa;

@base-color: #dbdfe8;
@body-bg: @base-color;

@btn-text-color: #fff;
@text-color: #333;
@placeholder-color: #bfbfbf;

@link-hover-decoration: underline;

/* 个人信息，表格边框颜色 */
@person-table-color:#BBBFC1;
/* 各模块边框颜色 */
@part-border-color:#aaa7a7;

@font-size-base: 12px;
@font-size-large: 14px;
@font-size-small: 10px;

@font-size-h1: 24px;
@font-size-h2: 20px;
@font-size-h3: 16px;
@font-size-h4: 14px;
@font-size-h5: @font-size-base;
@font-size-h6: @font-size-base;

@box-shadow: 2px 0px 7px rgba(152, 151, 152, .4);

@border-color:#666;
@border-radius: 2px;
@border-radius-default: 2px;

@dropdwon-normal-width:200px;
@dropdwon-small-width:400px;
@dropdwon-long-width:600px;
@dropdwon-height:200px;
@selected-bg:#fff;
@import-color:#ffad5f;
@closeIcon:url(../images/del_nor.png) no-repeat;
@closeHor:url(../images/del_hor.png) no-repeat;

/*********推送内容容器宽度*************/
@push-width: 450px;
/****电子病历容器宽度*****/
@EMR-width: calc(~"100% - "@push-width);

/*******下拉框公用样式**********/
.btnCom{
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 4px;
  text-align: center;
}
.pop{
  position: absolute;
  // top:40px;
  // top:30px;
  background: #fff;
  box-shadow: 0 10px 20px 0 #989DA3;
  // filter:progid:DXImageTransform.Microsoft.Shadow(color='#989DA3',Direction=125,Strength=6);
  border: 1px solid #dedede;
  z-index: 20;
  padding: 20px;
  white-space: nowrap;
}
.mult-li{
  // width: 200px;
  height: 32px;
  line-height: 32px;
  padding-right: 8px;
}
.select-li{
  height: 30px;
  line-height: 30px;
  width: 100%;
  font-size: 14px;
  text-align: left;
  border: none;
  color:#000000;
  /*padding-left: 40px;*/
  cursor: pointer;
  background: rgba(59,158,208,0.1);
  background-image: url(../images/first.png);
  background-repeat: no-repeat;
  background-position: 0px 10px;
}
.clear{
  width: 60px;
  height: 44px;
  line-height: 44px;
  font-size: 12px;
  color:@red;
  // border: none;
  background: #fff;
  float: left;
  // outline: none;
  // text-align: center;
  // cursor: pointer;
  margin-left: 22px;
  position: relative;
  bottom: -10px;
}
.confirm{
  width: 120px;
  height: 44px;
  line-height: 44px;
  color:@blue;
  font-size: 12px;
  // border: 1px solid @blue;
  background: #fff;
  margin-left: 20px;
  float: right;
  // outline: none;
  text-align: right;
  // cursor: pointer;
  font-weight: bold;
  position: relative;
  bottom: -10px;
  padding-right: 10px;
}
:global(.red){
  color: @red;
}
.tag{
   display: inline-block;
   position: relative;
  /* margin-right: 5px;*/
   padding: 0 3px 3px 2px;
   color: @placeholder-color;
  cursor: pointer;
  &:before{
    content: '[';
    /*text-indent: -5px;*/
    display: inline-block;
  }
  &:after{
    content: ']';
    /*width: 8px;*/
    display: inline-block;
  }
 }
.selected-tag{
  position: relative;//发热
  display: inline-block;
  color: @text-color;
  /*padding: 0 3px 0;*/
  border-bottom: 1px @border-color solid;
}
.no-tag{
  display: inline-block;
  position: relative;
  /*margin-right: 5px;
  padding: 0 3px 0;*/
  color: unset;
  border:none!important;
  &:before,&:after{
  content: ''!important;
}
  /*color: @placeholder-color;*/
}

.hide{
  display: none!important;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.llStyle{
  box-shadow: 0 10px 20px 0 #989DA3;
  // filter:progid:DXImageTransform.Microsoft.Shadow(color='#989DA3',Direction=125,Strength=6);
  border: 1px solid #dedede;
}

.borderd{
   border:1px #000 solid;
 }

.blue-border{
  border:2px @blue solid;
  border-radius: 2px;
  /*box-shadow: 0px 0px 2px @blue;*/
}

.orange-border{
  border:1px solid @import-color;
  //color: @import-color!important;
}
:global(.drag-title) {
  cursor: move;
  moz-user-select: -moz-none;
  -moz-user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
:global(.clearfix) {
  zoom: 1;
}
:global(.clearfix:after) {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
// 加入病历
.add-record{
  float: right;
  text-align: left;
  padding-left: 5px;
  cursor: default;
  display: inline-block;
  width: 99px;
  height: 26px;
  line-height: 26px;
  border: 1px solid #EAEDF1;
  border-radius: 4px;
  font-size: 12px;
  img{
    vertical-align: middle;
    width: 12px;
    margin:-3px 3px 0 0;
  }
}
.disable-add{
  float: right;
  text-align: left;
  padding-left: 5px;
  cursor: default;
  display: inline-block;
  width: 99px;
  height: 26px;
  line-height: 26px;
  border: 1px solid #EAEDF1;
  border-radius: 4px;
  font-size: 12px;
  color: @placeholder-color;
  img{
    vertical-align: middle;
    width: 12px;
    margin:-3px 3px 0 0;
    opacity: .5;
  }
}
// 弹窗遮罩
.mask{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: .6;
  filter:alpha(opacity=60);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60);";
  z-index: 999;
}
.maskZIndex {
  z-index: 100;
}
.maskContentZIndex1 {
  z-index: 110;
}
.maskContentZIndex2 {
  z-index: 120;
}
.contentZIndex1 {
  z-index: 10;
}
.contentZIndex2 {
  z-index: 20;
}
.contentZIndex3 {
  z-index: 30;
}