newICSS/src/common/less/variables.less

@orange: #f6b37f;
@green: #4caf50;
@cyan: #00bcd4;
@blue: #3B9ED0;
@red:#ff0000;
@tab-color:#3B9ED0;
/***按钮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;

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

/*******下拉框公用样式**********/
.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: 203;
  padding: 20px;
  white-space: nowrap;
}
.mult-li{
  // width: 200px;
  height: 32px;
  line-height: 32px;
  padding-right: 8px;
}
.select-li{
  height: 32px;
  line-height: 32px;
  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 0;
   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!important;
  border:none!important;
  &:before,&:after{
  content: ''!important;
}
  /*color: @placeholder-color;*/
}

.hide{
  display: none!important;
}

.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;*/
}