/*医嘱表格样式*/
.el-table--striped .el-table__body tr.el-table__row--striped.ui-b-dark td{
  background: rgba(139,164,175,0.1);
}
.el-table__body  tr.ui-b-dark:hover{
  td{
    color: white !important;
    background-color: #32c081 !important;
  }
}
.el-table__body  tr.ui-b-dark td{
  background: rgba(139,164,175,0.1);
}
/*医嘱表格样式end*/

/*新增公共样式*/


/*
宽   高   行间高 (2~100)双数
.ui-w-20 .ui-h-20 .ui-lh-20

宽     高  100%
.ui-w100 .ui-h100

margin依次 左右上下:
.ui-mgl-1 (2~40) 双数
.ui-mgr-1
.ui-mgt-1
.ui-mgb-1

.ui-padding依次左右上下
.ui-pdl-1 (2~40) 双数
.ui-pdr-1
.ui-pdt-1
.ui-pdb-1

边框圆角
.ui-br-1 (2~50) 双数

边框阴影
.ui-box-shadow

单边框 依次左右上下颜色固定$c7
.ui-bdl-1 (1~5)
.ui-bdr-1
.ui-bdt-1
.ui-bdb-1



实体边框
.ui-bd-button-green-5 (粗细1~5)颜色依次 $c5  $c7  $c10
.ui-bd-button-black-5
.ui-bd-button-dark-5

字体颜色 / 背景颜色 依次 $c1~$c9
.ui-c-white/.ui-b-white
.ui-c-fen/.ui-b-fen
.ui-c-zi/.ui-b-zi
.ui-c-red/.ui-b-red
.ui-c-green/...
.ui-c-blue/...
.ui-c-dark/...
.ui-c-black/...
.ui-c-green2/...

字体大小
.ui-size-1 (1~50)

文字超过1-3行自动省略
.ui-hide1 .ui-hide2 .ui-hide3

禁止字体换行
.ui-nwp

文字对齐方式
.ui-font-center
.ui-font-right

字体加粗
.ui-font-bold


弹性盒子
.ui-flex   display:flex
.ui-column 子元素纵向排列
.ui-jright 子元素靠右
.ui-cont-rl 子元素两边对齐
.ui-jcenter 子元素横向居中
.ui-cont-center 子元素竖直居中
.ui-cont-flex-end 子元素下对齐 在column模式为右对齐
.ui-cont-flex-start 子元素上对齐 在column模式为左对齐

弹性盒子宽度占比
.ui-flex-1 (1~12)

*/


/*颜色变量*/

$c1:#ffffff;
$c2:#ff16a0;
$c3:#bd10e0;
$c4:#ff5967;
$c5:#32c081;
$c6:#0099ff;
$c7:#8ba4af;
$c8:#35495e;
$c9:#f5fcf8;
$c10:#dee9eb;
$c11:#e4f2ec;
$c12:#5d6d7e;
$c13:#f5dbfb;
$c14: #FF8C19;
/*继承class写法 @extend .ui-alert,.ui-small*/


.ui-cursor{
  cursor: pointer;
}
/*
 弹性布局公共
 */

/*禁止换行*/
.ui-nowrap{
  white-space:nowrap;
}
/*自动换行*/

.ui-flex-wrap {
  flex-wrap: wrap;
}

.ui-flex {
  display: flex;
}

.ui-jtop {
  justify-content: flex-start;
}


/*子元素居右*/

.ui-jright {
  justify-content: flex-end;
}


/*内容两边对其*/

.ui-cont-rl {
  justify-content: space-between;
}
/*水平内容平均分配*/
.ui-cont-sa {
  justify-content: space-around;
}

::-webkit-scrollbar{

  width:8px;

  height:8px;

}

/*---滚动条默认显示样式--*/

::-webkit-scrollbar-thumb{

  background-color:#d8d8d8;

  height:50px;

  outline-offset:-2px;

  outline:2px solid #fff;

  -webkit-border-radius:5px;

  border: 0px solid #fff;

}

/*---滚动框背景样式--*/

::-webkit-scrollbar-track-piece{

  background-color:#eaeaea;

  -webkit-border-radius:0;

}

/*在父元素定义子元素对其方式*/


/*左右居中*/

.ui-jcenter {
  justify-content: center;
}


/*上下居中*/

.ui-cont-center {
  align-items: center;
}


/*上对其*/

.ui-cont-flex-start {
  align-items: flex-start;
}


/*下对其*/

.ui-cont-flex-end {
  align-items: flex-end;
}


/*文字基线对其*/

.ui-cont-baseline {
  align-items: baseline;
}

.ui-inline-block {
  display: inline-block;
}

.ui-center {
  justify-content: center
}


/*横向布局*/

.ui-row {
  flex-direction: row;
}


/*垂直布局*/

.ui-column {
  flex-direction: column;
}
.box_s {
  display: flex;
  flex-direction: column;
}


/*鼠标手型*/

.ui-cous {
  cursor: pointer;
}

.ui-none-border{
  border: none;
}
/*背景颜色*/

.ui-b-white {
  background: $c1;
}

.ui-b-fen {
  background: $c2;
}

.ui-b-zi {
  background: $c3;
}

.ui-b-red {
  background: $c4;
}

.ui-b-green {
  background: $c5;
}

.ui-b-green3 {
  background: $c11;
}

.ui-b-green2 {
  background: $c9;
}
.ui-b-blue {
  background: $c6;
}

.ui-b-dark {
  background: $c7;
}

.ui-b-light-dark{
  background: $c12;
}

.ui-b-black {
  background: $c8;
}

/*字体颜色*/

.ui-c-white {
  color: $c1;
}

.ui-c-fen {
  color: $c2;
}

.ui-c-zi {
  color: $c3;
}

.ui-c-red {
  color: $c4 !important;
}

.ui-c-green {
  color: $c5;
}

.ui-c-blue {
  color: $c6 ;
}

.ui-c-dark {
  color: $c7;
}

.ui-c-light-dark{
  color: $c12;
}

.ui-c-black {
  color: $c8;
}

.ui-c-green2 {
  color: $c9;
}
.ui-c-warn{
  color: $base-warning;
}
.ui-c-yellow{
  color: #FFD919 !important;
}
.ui-c-orange{
  color: $c14 !important;
}
.ui-c-disable{
  color: $disabled-color;
}
.ui-box-shadow {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
}
.ui-hide{
  overflow: hidden;
}
.ui-hide2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ui-hide3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.ui-hide1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/*文字对齐方式*/

.ui-font-center {
  text-align: center;
}

.ui-font-right {
  text-align: right;
}

  .ui-font-left {
  text-align: left;
}
/*字体加粗*/

.ui-font-bold {
  font-weight: bold;
}


/*字体大小1-50*/

@for $i from 1 through 50 {
  .ui-size-#{$i} {
    font-size: 1px * $i
  }
}

@for $i from 1 through 40{
  .ui-padding-#{$i}{
    padding: 1px *$i;
  }
}

/*定义盒子宽度占比*/


/*flex1-12*/


/*使用 flex-1*/

@for $iw from 1 through 13 {
  .ui-flex-#{$iw} {
    flex: 1 * $iw
  }
}


/*margin0-40*/


/*使用 mgl-10*/

@for $iw1 from 0 through 21 {
  .ui-mgl-#{2*$iw1} {
    margin-left: 2px * $iw1
  }
}


/*使用 mgr-10*/


/*margin0-40*/

@for $iw2 from 0 through 21 {
  .ui-mgr-#{2*$iw2} {
    margin-right: 2px * $iw2
  }
}


/*使用 mgt-10*/


/*margin0-40*/

@for $iw3 from 0 through 21 {
  .ui-mgt-#{2*$iw3} {
    margin-top: 2px * $iw3
  }
}


/*margin0-40*/


/*使用 mgb-10*/

@for $iw3 from 0 through 21 {
  .ui-mgb-#{2*$iw3} {
    margin-bottom: 2px * $iw3
  }
}


/*pd0-40*/


/*使用 pdb-10*/

@for $iw3 from 0 through 21 {
  .ui-pdb-#{2*$iw3} {
    padding-bottom: 2px * $iw3
  }
}


/*pd0-40*/

@for $iw3 from 0 through 21 {
  .ui-pdt-#{2*$iw3} {
    padding-top: 2px * $iw3
  }
}


/*pd0-40*/

@for $iw3 from 0 through 21 {
  .ui-pdl-#{2*$iw3} {
    padding-left: 2px * $iw3
  }
}


/*pd0-40*/

@for $iw3 from 0 through 21 {
  .ui-pdr-#{2*$iw3} {
    padding-right: 2px * $iw3
  }
}


/*h0-100*/

@for $iw3 from 0 through 51 {
  .ui-h-#{2*$iw3} {
    height: 2px * $iw3
  }
}


/*w0-100*/

@for $iw3 from 0 through 351 {
  .ui-w-#{2*$iw3} {
    width: 2px * $iw3
  }
}


/*lh0-100*/

@for $iw3 from 0 through 51 {
  .ui-lh-#{2*$iw3} {
    line-height: 2px * $iw3
  }
}


/*边框样式*/


/*圆角1-50*/

@for $iw3 from 0 through 51 {
  .ui-br-#{$iw3} {
    border-radius: 1px * $iw3
  }
}


/*边框样式宽度1-5*/

@for $iw3 from 0 through 6 {
  .ui-bd-button-green-#{$iw3} {
    border: solid 1px * $iw3 $c5
  }
}

@for $iw3 from 0 through 6 {
  .ui-bd-button-blue-#{$iw3} {
    border: solid 1px * $iw3 $c6
  }
}

@for $iw3 from 0 through 6 {
  .ui-bd-button-black-#{$iw3} {
    border: solid 1px * $iw3 $c7
  }
}

@for $iw3 from 0 through 6 {
  .ui-bd-button-dark-#{$iw3} {
    border: solid 1px * $iw3 $c10
  }
}

@for $iw3 from 0 through 6 {
  .ui-bdb-#{$iw3} {
    border-bottom: solid 1px * $iw3 $c10
  }
}

@for $iw3 from 0 through 6 {
  .ui-bdt-#{$iw3} {
    border-top: solid 1px * $iw3 $c10
  }
}

@for $iw3 from 0 through 6 {
  .ui-bdl-#{$iw3} {
    border-left: solid 1px * $iw3 $c10
  }
}

@for $iw3 from 0 through 6 {
  .ui-bdr-#{$iw3} {
    border-right: solid 1px * $iw3 $c10
  }
}

.ui-h100 {
  height: 100%;
}

.ui-w100 {
  width: 100%;
}


/*element ui 样式调整*/


/*el-menu导航*/

.el-menu--horizontal>.el-menu-item.is-active,
.el-menu--horizontal>.el-submenu.is-active .el-submenu__title {
  border-bottom: solid 4px $c5 !important;
}

.el-popover {
  //overflow: auto;
}


/**
  @auther pmz
 */

//边框效果
$border:#dee9eb;
$borderDirect: top bottom left right;
.ui-border {
  border: 1px solid $border;
}

@each $dir in $borderDirect {
  .ui-#{$dir}-border {
    border-#{$dir}: 1px solid $border;
  }
}

//padding margin
$marginPx: 2 4 6 8 10 16 24 32 40;
@for $mg from 1 through length($marginPx) {
  .ui-margin#{nth($marginPx,$mg)} {
    margin: #{nth($marginPx,$mg)}px;
  }
  .ui-top-margin#{nth($marginPx,$mg)} {
    margin-top: #{nth($marginPx,$mg)}px;
  }
  .ui-left-margin#{nth($marginPx,$mg)} {
    margin-left: #{nth($marginPx,$mg)}px;
  }
  .ui-right-margin#{nth($marginPx,$mg)} {
    margin-right: #{nth($marginPx,$mg)}px;
  }
  .ui-bottom-margin#{nth($marginPx,$mg)} {
    margin-bottom: #{nth($marginPx,$mg)}px;
  }
  .ui-padding#{nth($marginPx,$mg)} {
    padding: #{nth($marginPx,$mg)}px;
  }
  .ui-top-padding#{nth($marginPx,$mg)} {
    padding-top: #{nth($marginPx,$mg)}px;
  }
  .ui-left-padding#{nth($marginPx,$mg)} {
    padding-left: #{nth($marginPx,$mg)}px;
  }
  .ui-right-padding#{nth($marginPx,$mg)} {
    padding-right: #{nth($marginPx,$mg)}px;
  }
  .ui-bottom-padding#{nth($marginPx,$mg)} {
    margin-bottom: #{nth($marginPx,$mg)}px;
  }
}

//盒子模型
.ui-flex-column {
  display: flex;
  flex-direction: column;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.w-25 {
  width: 25%;
}

.w-33 {
  width: 33%;
}

.w-50 {
  width: 50%;
}
.w-66{
  width: 66%;
}
.w-75{
  width: 75%;
}
.w-100 {
  width: 100%;
}
.ui-table{
  display: table;
  border-collapse: collapse;
}
.ui-table-row{
  display: table-row;
}
.ui-table-cell{
  display: table-cell;
}

.ui-overflow {
  overflow: auto;
}

.ui-overflow-hidden{
  overflow: hidden;
}

.ui-clear:after {
  display: table;
  content: "";
  clear: both;
}

.el-form.ui-form-1,
.el-form.ui-form-2,
.el-form.ui-form-3,
.el-form.ui-form-4,
.el-form.ui-form-5{
  // display: grid;
  // grid-template-columns: 33.3% 33.3% 33.3%;
  overflow: hidden;
  .el-form-item {
    margin-right: 0;
    float: left;
    display: flex;
    .el-form-item__content {
      flex: 1;
      >* {
        width: 100%;
      }
    }
  }
}

.ui-form-1 {
  .el-form-item {
    width: 100%;
  }
}

.ui-form-2 {
  .el-form-item {
    width: 50%;
  }
}

.ui-form-3 {
  .el-form-item {
    width: 33.3%;
  }
}

.ui-form-4 {
  .el-form-item {
    width: 25%;
  }
}
.ui-form-5 {
  .el-form-item {
    width: 20%;
  }
}
.el-table .disconnect-row {
  color: #ff5967;
}

.el-table .disconnect-blue {
  color:$c6;
}

.ui-fu-active{
  width: 18px;
  height: 18px;
  border-radius: 2px;
  background-color: #ff9933;
  border: solid 1px #ff9933;
  line-height: 18px;
  text-align: center;
  color: white;
}
.ui-zhui-active{
  width: 18px;
  height: 18px;
  border-radius: 2px;
  background-color: $c6;
  border: solid 1px $c6;
  line-height: 18px;
  text-align: center;
  color: white;
}
.ui-zwei-active{
  width: 18px;
  height: 18px;
  border-radius: 2px;
  background-color: $c4;
  border: solid 1px $c4;
  line-height: 18px;
  text-align: center;
  color: white;
}
.ui-wei-active{
  width: 18px;
  height: 18px;
  border-radius: 2px;
  background-color: #ffe5e8;
  border: solid 1px $c4;
  line-height: 18px;
  text-align: center;
  color: $c4;
}
.ui-word-wrap{
  word-wrap:break-word;
}

/*连续数字、英文字母强制换行*/
.ui-word-break{
  word-break: break-all
}

.ui-flex-justify{
  display: flex;
  justify-content: space-between;
}

.ui-relative {
  position: relative;
}
.ui-boxsizing {
  box-sizing: border-box;
}

.ui-gender-icon{
  display: inline-block;
  width: 76px;
  height: 76px;
  border-radius: 50%;
}



.ui-gender-unknown{
  font-family: "iconfont" !important;
  font-size: 76px;
  font-style: normal;
  color: #666;
  line-height: normal;
}
.ui-gender-unknown:before{
   content: "\e6a7";
}
/*隐藏时间组件里面的清空按钮*/
.not-allow-empty{
  .el-picker-panel__footer{
    .el-button--text{
      display: none;
    }
  }
}


.ui-tcm{text-decoration: underline;}


.ui-show{
  display: block;
}
.ui-visible-none{
  display: none;
}
.el-table td{
  position: inherit;
}
.el-table__body-wrapper{
  position: static;
}