/* Icons */
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;

  src: url('fonts/slick.eot');
  src: url('fonts/slick.eot?#iefix') format('embedded-opentype'), url('fonts/slick.woff') format('woff'), url('fonts/slick.ttf') format('truetype'), url('fonts/slick.svg#slick') format('svg');
}

.future-release {
  color: #009;
}
.withdrawnDate-revoke {
  color:  #c56109 !important;
}

.ant-confirm-btns .ant-btn-lg {
  border-radius: 4px;
}
.feature-oem {
  color:  #c56109 !important;

}

.feature-iad {
  color:  #009;

}

.add-node:hover {
  color: #7A126B
}

.unconfigured_loading_wrapper {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,.4);
}
.unconfigured_loading_wrapper > .ant-spin-spinning {
  position: absolute;
  left: 45%;
  top: 30%;
}
#hidden-frame {
  width: 0;
  height: 0;
  border: 0;
}

.tierPopupShow{
  color: #000;
  padding: 2px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
}
.tierPopupShow:first-of-type{
  margin-left: 4px;
}
.tierStyle:hover{
  color: #7A126B;
}




.fl {
  float: left;
}
.fr {
  float: right;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ' ';
    clear: both;
    height: 0;
  }
}
.ellipsis-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.flex-row-reverse {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.word-break-all {
  word-break: break-all;
}

.filter-title-config{
  .ant-popover-inner-content{
    padding: 5px 0px!important;
  }
  .filter-option{
      text-align: left;
      margin-top: 2px;
      width: 125px;
      .operation-span{
        padding: 8px !important;
        cursor: pointer;
        display: block;
        line-height: 20px;
      }
      .operation-span:hover{
        background-color: #bb8ab433;
      }
      .btn-search{
        margin-right: 5px;
      }
      .btn-search:hover, .btn-clear:hover{
        background-color: #bb8ab433;
      }
      .btn-search, .btn-clear{
        padding: 2px 5px;
        cursor: pointer;
        border-radius: 2px;
      }
      .operation-span-filter{
        width: 95%;
        padding-left: 20px;
        text-align: right;
        margin-top: 5px;
        .ant-input{
          margin-bottom: 5px;
        }
      }
  }
  .filter-option:hover, .filter-option-clear:hover{
    text-decoration: none !important;
  }
}
.filter-title{
  cursor: pointer !important;
}