@import './standard.less';
@import './common.less';
@import './change_color/login.less';
@import './change_color/layouts.less';
@import './change_color/overview.less';
@import './scm/component.less';
// @import './rrp/component.less';
@import './core/component.less';

/* 去掉滚动条 */
.none_scroll {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.none_scroll::-webkit-scrollbar {
  display: none;
}

/* 超出一行 两行省略号 */
.over_line_hidden {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.over_two_line_hidden {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* input number 去掉箭头 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type="number"] {
  -moz-appearance: textfield;
}

// config_view_table的滚动条样式
.config_view_table div {
  overflow-x: hidden;
}

.config_view_table div::-webkit-scrollbar {
  width: 6px;
}

.config_view_table div::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #ccc;
}

.config_view_table div::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
}

.config_view_table {
  .ivu-checkbox-checked .ivu-checkbox-inner {
    border-color: @alysa_main_just_page_button;
    background-color: @alysa_main_just_page_button;
  }

  .ivu-checkbox-indeterminate .ivu-checkbox-inner {
    background-color: @alysa_main_just_page_button;
    border-color: @alysa_main_just_page_button;
  }
}

// 页面选中颜色
.alysa_bg_select {
  background: @alysa_main_just_page_button;
}

// 内容区域的字体
.alysa_font_color {
  color: @alysa_main_page_font_color;
}


// 页面背景颜色
.alysa_bg_color {
  // width: 100%;
  height: calc(100vh - @alysa_top_height - @alysa_top_height);
  background-color: @alysa_main_page_background;
  overflow: hidden;
  overflow-y: auto;
}

// 页面背景颜色第二种
.alysa_bg_color_two {
  background-color: @alysa_main_page_background;
}


// 一级标题 如用户中心
.alysa_top_title {
  font-size: @alysa_font_sys_title ;
  color: @alysa_main_top_font_color;

  img:hover {
    cursor: pointer;
  }
}

// 二级标题 弹窗标题
.alysa_second_title {
  font-size: @alysa_font_page_title ;
  color: @alysa_main_page_font_color ;
}

// 上传类字体
.alysa_link_color {
  font-size: @alysa_font_page_title ;
  color: @alysa_dominant ;
}

// （绑定或修改）
.alysa_operation_color {
  font-size: @alysa_font_page;
  color: @alysa_dominant;
}

// 页面字体
.alysa_page_font {
  font-size: @alysa_font_page;
  color: @alysa_main_page_font_color;
}

// 页面字体-如需动态变化
.alysa_page_font_s {
  color: @alysa_main_just_page_button;
}

// 页面 绑定 、占位符。灰色字体
.alysa_placeholder {
  font-size: @alysa_font_page;
  color: @alysa_neutral_minor;
}

.alysa_auxiliary {
  font-size: @alysa_font_page;
  color: @alysa_neutral_common;
}

// 错误的字体颜色
.alysa_error {
  font-size: @alysa_font_page;
  color: #F45B69;
}

// form表单
.alysa_form {
  .ivu-form-item {
    width: 100%;
    margin-bottom: 18px;
  }

  .ivu-form-item-label {
    font-size: @alysa_font_page;
    color: @alysa_main_page_font_color ;
  }

  .ivu-form-item-content {
    font-size: @alysa_font_page ;
    color: @alysa_main_page_font_color ;
  }
}

.ivu-form-item-error .ivu-input {
  border: 1px solid @alysa_main_lose_page_button;
}

// form表单间距10px
.alysa_form_s {
  .ivu-form-item {
    width: 100%;
    margin-bottom: 10px;
  }

  .ivu-form-item-label {
    font-size: @alysa_font_page ;
    color: @alysa_main_page_font_color ;
  }

  .ivu-form-item-content {
    font-size: @alysa_font_page ;
    color: @alysa_main_page_font_color ;
  }
}

// form表单间距30px
.alysa_form_l {
  .ivu-form-item {
    width: 100%;
    margin-bottom: 30px;
  }

  .ivu-form-item-label {
    font-size: @alysa_font_page ;
    color: @alysa_main_page_font_color ;
  }

  .ivu-form-item-content {
    font-size: @alysa_font_page ;
    color: @alysa_main_page_font_color ;
  }
}

// form 表的
.alysa_custom_form {
  .ivu-form-item {
    width: 100%;
    margin-bottom: 10px;
  }

  .ivu-form-item-label {
    font-size: @alysa_font_page;
    color: @alysa_main_page_font_color ;
  }

  .ivu-form-item-content {
    font-size: @alysa_font_page ;
    color: @alysa_main_page_font_color ;
  }

  .ivu-form-item-error-tip {
    position: inherit !important;
  }

}

// form表单上下间隔10px
.alysa_custom_ten_form {
  .ivu-form-item {
    width: 100%;
    margin-bottom: 10px;
  }

  .ivu-form-item-label {
    font-size: @alysa_font_page;
    color: @alysa_main_page_font_color ;
  }

  .ivu-form-item-content {
    font-size: @alysa_font_page ;
    color: @alysa_main_page_font_color ;
  }
}




// input
.alysa_input {
  width: 100%;

  .ivu-input {
    // background-color: @alysa_main_page_background ;
    font-size: @alysa_font_page ;
    border: 1px solid @alysa_neutral_border;
    color: @alysa_main_page_font_color ;
    height: @alysa_input_height ;
  }

  .ivu-input:hover {
    border-color: @alysa_main_just_page_button ;
  }

  input::-webkit-input-placeholder {
    color: @alysa_neutral_minor ;
  }

}
//  input mini 
.alysa_input_mini {
  width: 100%;

  .ivu-input {
    // background-color: @alysa_main_page_background ;
    font-size: @alysa_font_page ;
    border: 1px solid @alysa_neutral_border;
    color: @alysa_main_page_font_color ;
    height: @alysa_input_mini_height ;
  }

  .ivu-input:hover {
    border-color: @alysa_main_just_page_button ;
  }

  input::-webkit-input-placeholder {
    color: @alysa_neutral_minor ;
  }

}

// 文本输入框
.alysa_textarea_input {
  width: 100%;

  .ivu-input {
    // background-color: @alysa_main_page_background ;
    font-size: @alysa_font_page ;
    border: 1px solid @alysa_neutral_border;
    color: @alysa_main_page_font_color ;
    // height: @alysa_input_height ;
  }

  .ivu-input:hover {
    border-color: @alysa_main_just_page_button ;
  }

  input::-webkit-input-placeholder {
    color: @alysa_neutral_minor ;
  }
}

// input验证码
.alysa_verification_input {
  width: 100%;

  .ivu-input {
    // background-color: @alysa_main_page_background ;
    font-size: @alysa_font_page ;
    border: 1px solid @alysa_neutral_border;
    color: @alysa_main_page_font_color ;
    height: @alysa_input_height + 4px;
  }


  .ivu-input:hover {
    border-color: @alysa_main_just_page_button ;
  }

  input::-webkit-input-placeholder {
    color: @alysa_neutral_minor ;
  }
}


// 带搜索按钮的input
.alysa_search_input {
  .ivu-input {
    // background-color: @alysa_main_page_background ;
    font-size: @alysa_font_page ;
    border: 1px solid @alysa_neutral_border;
    color: @alysa_main_page_font_color ;
    height: @alysa_input_height + 4px;
  }

  .ivu-input:hover {
    border-color: @alysa_main_just_page_button ;
  }

  input::-webkit-input-placeholder {
    color: @alysa_neutral_minor ;
  }

  .ivu-input-search {
    background: @alysa_main_just_page_button ;
    border-color: @alysa_main_just_page_button ;

  }

}

// 颜色显示框 input
.alysa_color_input {
  width: 240px;

  .ivu-input-group-append,
  .ivu-input-group-prepend {
    font-size: @alysa_font_page ;
    color: @alysa_main_page_font_color ;
    // background-color: @alysa_main_page_background ;
    border: 1px solid @alysa_neutral_border;
  }

  .ivu-input {
    // background-color: @alysa_main_page_background ;
    font-size: @alysa_font_page ;
    border: 1px solid @alysa_neutral_border;
    color: @alysa_main_page_font_color ;
    height: @alysa_input_height ;
  }

  .ivu-input:hover {
    border-color: @alysa_main_just_page_button;
  }

}




// 时间组件
.alysa_datepicker {
  width: 100%;

  .ivu-input {
    // background-color: @alysa_main_page_background ;
    font-size: @alysa_font_page ;
    border: 1px solid @alysa_neutral_border;
    color: @alysa_main_page_font_color ;
    height: @alysa_input_height ;
  }

  .ivu-input:focus {
    border-color: @alysa_main_just_page_button;
  }

  .ivu-input:hover {
    border-color: @alysa_main_just_page_button;
  }

  .ivu-date-picker-focused input {
    border-color: @alysa_main_just_page_button;
  }

  .ivu-date-picker-cells-cell-selected em,
  .ivu-date-picker-cells-cell-selected:hover em {
    background: @alysa_main_just_page_button ;
    // color: @alysa_main_page_font_color ;
  }

  .ivu-date-picker-cells-cell-range:before {
    background: @alysa_datepicker_intermediate_color ;
  }

  .ivu-date-picker-cells-focused em {
    box-shadow: 0 0 0 1px @alysa_main_just_page_button inset;
  }

  .ivu-date-picker-cells-cell-today em:after {
    background: @alysa_main_just_page_button;
  }

}
// 时间组件 mini
.alysa_datepicker_mini {
  width: 100%;

  .ivu-input {
    // background-color: @alysa_main_page_background ;
    font-size: @alysa_font_page ;
    border: 1px solid @alysa_neutral_border;
    color: @alysa_main_page_font_color ;
    height: @alysa_input_mini_height ;
  }

  .ivu-input:focus {
    border-color: @alysa_main_just_page_button;
  }

  .ivu-input:hover {
    border-color: @alysa_main_just_page_button;
  }

  .ivu-date-picker-focused input {
    border-color: @alysa_main_just_page_button;
  }

  .ivu-date-picker-cells-cell-selected em,
  .ivu-date-picker-cells-cell-selected:hover em {
    background: @alysa_main_just_page_button ;
    // color: @alysa_main_page_font_color ;
  }

  .ivu-date-picker-cells-cell-range:before {
    background: @alysa_datepicker_intermediate_color ;
  }

  .ivu-date-picker-cells-focused em {
    box-shadow: 0 0 0 1px @alysa_main_just_page_button inset;
  }

  .ivu-date-picker-cells-cell-today em:after {
    background: @alysa_main_just_page_button;
  }

}


// 搜索时间组件
.alysa__search_datepicker {
  .ivu-date-picker {
    width: 100%;
  }

  .ivu-input {
    // background-color: @alysa_main_page_background ;
    font-size: @alysa_font_page;
    border: 1px solid @alysa_neutral_border;
    color: @alysa_main_page_font_color;
    height: @alysa_input_height + 4px;
  }

  .ivu-input:focus {
    border-color: @alysa_main_just_page_button;
  }

  .ivu-input:hover {
    border-color: @alysa_main_just_page_button;
  }

  .ivu-date-picker-focused input {
    border-color: @alysa_main_just_page_button;
  }

  .ivu-date-picker-cells-cell-selected em,
  .ivu-date-picker-cells-cell-selected:hover em {
    background: @alysa_main_just_page_button ;
    // color: @alysa_main_page_font_color ;
  }



  .ivu-date-picker-cells-cell-range:before {
    background: @alysa_datepicker_intermediate_color ;
  }

  .ivu-date-picker-cells-focused em {
    box-shadow: 0 0 0 1px @alysa_main_just_page_button inset;
  }

  .ivu-date-picker-cells-cell-today em:after {
    background: @alysa_main_just_page_button;
  }
}


// select 样式
.alysa_Select {

  .ivu-select .ivu-select-selection {
    height: @alysa_btn_height;
    position: relative;

  }

  .ivu-select-visible .ivu-select-selection {
    border-color: @alysa_main_just_page_button;

  }

  .ivu-select-selection-focused,
  .ivu-select-selection:hover {
    border-color: @alysa_main_just_page_button;
  }

  .ivu-select-selection-focused {
    border-color: @alysa_main_just_page_button;
  }

  .ivu-select-item {
    font-size: @alysa_font_page  !important;
  }

  .ivu-select-single .ivu-select-selection .ivu-select-placeholder,
  .ivu-select-single .ivu-select-selection .ivu-select-selected-value {
    display: block;
    height: @alysa_btn_height;
    line-height: @alysa_btn_height;
    font-size: @alysa_font_page;
  }

  .ivu-select {
    font-size: @alysa_font_page;
    color: @alysa_main_page_font_color;
  }

  .ivu-select-disabled .ivu-select-selection {
    color: @alysa_main_page_font_color;
  }

  .ivu-select-multiple .ivu-select-selection .ivu-select-placeholder {

    font-size: @alysa_font_page;
    height: @alysa_btn_height;
    line-height: @alysa_btn_height;

  }

  .ivu-select-multiple .ivu-tag {

    margin: 5px 4px 3px 0;

  }

  .ivu-select-input[disabled] {

    color: @alysa_main_page_font_color ;
    -webkit-text-fill-color: @alysa_main_page_font_color ;
  }

  .ivu-select-input {
    font-size: @alysa_font_page;
  }

  .ivu-select-dropdown {
    max-width: 300px;

    .ivu-select-item {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }
  }

}


// 表单 select
.alysa_form_Select {
  .ivu-select-single .ivu-select-selection {
    height: @alysa_input_height;
    position: relative;

  }

  .ivu-select-visible .ivu-select-selection {
    border-color: @alysa_main_just_page_button;

  }

  .ivu-select-selection-focused,
  .ivu-select-selection:hover {
    border-color: @alysa_main_just_page_button;
  }

  .ivu-select-selection-focused {
    border-color: @alysa_main_just_page_button;
  }

  .ivu-select-item {
    font-size: @alysa_font_page  !important;
    color: @alysa_main_page_font_color ;
  }

  .ivu-select-single .ivu-select-selection .ivu-select-placeholder,
  .ivu-select-single .ivu-select-selection .ivu-select-selected-value {
    display: block;
    height: @alysa_input_height;
    line-height: @alysa_input_height ;
    font-size: @alysa_font_page ;


  }

  .ivu-select-selected-value {
    color: @alysa_main_page_font_color ;
  }

  .ivu-select {
    font-size: @alysa_font_page;

  }

  .ivu-select-input {
    display: inline-block;
    height: @alysa_input_height;
    line-height: @alysa_input_height;
    font-size: @alysa_font_page;


  }

  .ivu-select-disabled .ivu-select-selection {
    color: @alysa_main_page_font_color;
  }

  .ivu-select-multiple .ivu-select-selection .ivu-select-placeholder {
    font-size: @alysa_font_page;
    height: @alysa_input_height;
    line-height: @alysa_input_height;

  }


  .ivu-select-input[disabled] {

    color: @alysa_main_page_font_color ;
    -webkit-text-fill-color: @alysa_main_page_font_color ;
  }
  .ivu-select-item-selected{
    color:#2d8cf0 !important;
  }
}
//  表单 select_mini
.alysa_form_Select_mini {
  .ivu-select-single .ivu-select-selection {
    height: @alysa_input_mini_height;
    position: relative;

  }

  .ivu-select-visible .ivu-select-selection {
    border-color: @alysa_main_just_page_button;

  }

  .ivu-select-selection-focused,
  .ivu-select-selection:hover {
    border-color: @alysa_main_just_page_button;
  }

  .ivu-select-selection-focused {
    border-color: @alysa_main_just_page_button;
  }

  .ivu-select-item {
    font-size: @alysa_font_page  !important;
    color: @alysa_main_page_font_color ;
  }

  .ivu-select-single .ivu-select-selection .ivu-select-placeholder,
  .ivu-select-single .ivu-select-selection .ivu-select-selected-value {
    display: block;
    height: @alysa_input_mini_height;
    line-height: @alysa_input_mini_height ;
    font-size: @alysa_font_page ;


  }

  .ivu-select-selected-value {
    color: @alysa_main_page_font_color ;
  }

  .ivu-select {
    font-size: @alysa_font_page;

  }

  .ivu-select-input {
    display: inline-block;
    height: @alysa_input_mini_height;
    line-height: @alysa_input_mini_height;
    font-size: @alysa_font_page;


  }

  .ivu-select-disabled .ivu-select-selection {
    color: @alysa_main_page_font_color;
  }

  .ivu-select-multiple .ivu-select-selection .ivu-select-placeholder {
    font-size: @alysa_font_page;
    height: @alysa_input_mini_height;
    line-height: @alysa_input_mini_height;

  }


  .ivu-select-input[disabled] {

    color: @alysa_main_page_font_color ;
    -webkit-text-fill-color: @alysa_main_page_font_color ;
  }
  .ivu-select-item-selected{
    color:#2d8cf0 !important;
  }
}



// Radio选择样式
.alysa_radiogroup {
  font-size: @alysa_font_page ;
  color: @alysa_main_page_font_color ;

  .ivu-radio-wrapper {
    font-size: @alysa_font_page ;

    .ivu-radio-inner {
      border: 1px solid @alysa_neutral_border ;
    }

    .ivu-radio-checked .ivu-radio-inner {
      border-color: @alysa_main_just_page_button ;
    }

  }

  .ivu-radio-inner:after {
    background-color: @alysa_main_just_page_button;
  }

  .ivu-radio-wrapper-checked.ivu-radio-border {
    border-color: @alysa_main_just_page_button;
  }

  .ivu-radio-group-vertical .ivu-radio-wrapper {
    display: block;
    height: @alysa_input_height;
    line-height: @alysa_input_height;
    margin-bottom: 10px;
  }

  .ivu-radio-border {
    border: 1px solid transparent;
  }


}

// Switch 开关
.alysa_switch {

  .ivu-switch {
    border: 1px solid @alysa_neutral_border;
    background-color: @alysa_neutral_border;

  }

  .ivu-switch-checked {
    border-color: @alysa_main_just_page_button ;
    background-color: @alysa_main_just_page_button ;
  }

  .ivu-switch-inner {
    font-size: @alysa_font_page;
  }
}

// table 样式
.alysa_table {
  .ivu-table {
    color: @alysa_main_page_font_color;
    font-size: @alysa_font_page ;
    background-color: @alysa_table_content_bg ;
  }

  .ivu-table td,
  .ivu-table th {
    height: @alysa_table_row_height ;
    border-bottom: 1px solid @alysa_table_link_color;

  }

  .ivu-table th {
    height: @alysa_table_row_height ;
    background-color: @alysa_table_head_bg ;
  }

  .ivu-table-sort i.on {
    color: @alysa_main_just_page_button ;
  }

  .ivu-table-sort i {
    color: @alysa_subsidiary_leftText ;

  }

  .ivu-checkbox-checked .ivu-checkbox-inner {
    border-color: @alysa_main_just_page_button;
    background-color: @alysa_main_just_page_button;
  }

  .ivu-table .ivu-table-cell {
    padding: 0 4px;
  }

  .edit {
    display: inline-block;
    height: 28px;
    margin: 0 10px;
    font-size: @alysa_font_page;
    color: @alysa_dominant;
    border-color: @alysa_dominant;
  }

  .del {
    display: inline-block;
    height: 28px;
    margin: 0 10px;
    font-size: @alysa_font_page;
    color: @alysa_main_lose_page_button ;
    border-color: @alysa_main_lose_page_button ;
  }

  .status_enable {
    font-size: @alysa_font_page;
    color: #19be6b;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;

    &::before {
      content: "";
      width: 5px;
      height: 5px;
      margin-right: 4px;
      border-radius: 50%;
      background: #19be6b;
    }
  }

  .click_row_style td {
    background-color: #B3CFF5;
  }

  .status_disabled {
    font-size: @alysa_font_page;
    color: @alysa_main_lose_page_button;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;

    &::before {
      content: "";
      width: 5px;
      height: 5px;
      margin-right: 4px;
      border-radius: 50%;
      background: @alysa_main_lose_page_button;
    }
  }

  .status_delete {
    font-size: @alysa_font_page;
    color: @alysa_neutral_minor;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;

    &::before {
      content: "";
      width: 5px;
      height: 5px;
      margin-right: 4px;
      border-radius: 50%;
      background: @alysa_neutral_minor;
    }
  }

  .click_row_style td {
    background-color: #e7f0fc;
  }

  .ivu-table-cell-tree {
    // display: inline-block;
    width: 20px;
    height: 20px;

    line-height: 20px;

  }

  .ivu-table-cell-tree .ivu-icon {
    font-size: 16px;
    font-weight: bold;
  }

  .ivu-table-tbody tr.ivu-table-row-hover td {
    background-color: #B3CFF5;
  }

  .ivu-table-tbody tr.ivu-table-row-highlight td {
    background-color: #B3CFF5;
  }
    // 虚拟
    .vxe-table--render-default .is--checked.vxe-cell--checkbox .vxe-checkbox--icon{
      color:@alysa_main_just_page_button ;
    }
    .vxe-table--render-default .vxe-cell--checkbox:not(.is--disabled):hover .vxe-checkbox--icon {
      color: @alysa_main_just_page_button ;
  }
  .vxe-table--render-default .is--indeterminate.vxe-cell--checkbox, .vxe-table--render-default .is--indeterminate.vxe-cell--checkbox .vxe-checkbox--icon {
    color:@alysa_main_just_page_button ;
  }
  .vxe-table--render-default .vxe-body--row.row--current {
    background-color: #e7f0fc;
  }
  .vxe-table .vxe-cell--sort {
    height: 1.15em;
   
  }
  [class*=vxe-icon-] {
    font-size: 12px;
  }
}

// 分页
.alysa_page {
  .ivu-page-item {
    background-color: @alysa_subsidiary_leftTextChecked;
    border: 1px solid @alysa_neutral_border;
    font-size: @alysa_font_page ;
  }

  .ivu-page.mini .ivu-page-item {
    background-color: @alysa_subsidiary_leftTextChecked;
    border: 1px solid @alysa_neutral_border;
    font-size: @alysa_font_page ;


  }

  .ivu-select-single .ivu-select-selection .ivu-select-placeholder,
  .ivu-select-single .ivu-select-selection .ivu-select-selected-value {
    font-size: @alysa_font_page ;
    color: @alysa_main_page_font_color;
  }

  .ivu-page-options-elevator input {
    font-size: @alysa_font_page ;
  }

  .ivu-select-item {
    color: @alysa_main_page_font_color;
    font-size: @alysa_font_page ;
  }

  .ivu-page-item-active {
    border-color: @alysa_main_just_page_button;
  }

  .ivu-page-item-active a,
  .ivu-page-item-active:hover a {
    color: @alysa_main_just_page_button;

  }


  .ivu-page-total {

    font-size: @alysa_font_page ;
  }

  .ivu-page-options-elevator {
    font-size: @alysa_font_page ;
  }

  .ivu-page-item a {
    color: @alysa_main_page_font_color;
  }
}

// 弹框
.alysa_modal {
  // .ivu-modal {
  //   width: @alysa_neutral_modalwidth ;
  // }

  .ivu-modal-header {
    border-bottom: 1px solid @alysa_neutral_hr;
    padding: 0 0 0 @alysa_dailog_title_padding ;
    height: @alysa_dailog_title_height;
    // line-height: @alysa_dailog_title_height;

  }

  .ivu-modal-header p,
  .ivu-modal-header-inner {

    width: 100%;
    height: @alysa_dailog_title_height;
    line-height: @alysa_dailog_title_height ;
    font-size: @alysa_dailog_title_font_size ;
    color: @alysa_neutral_headline;

  }


  .ivu-modal-body {
    padding: @alysa_dailog_content_padding;
    font-size: @alysa_font_page_title;
    line-height: 1.5;
  }

  .ivu-modal-footer {
    border-top: 1px solid transparent;
    padding: @alysa_dailog_content_padding;
    text-align: right;
  }

}


// 按钮  hover
.alysa_btn_color {
  font-size: @alysa_font_page;
  padding: 9px;
  height: @alysa_btn_height;
  cursor: pointer;
  text-align: center;
  line-height:calc(@alysa_btn_height - 17px); 
  border-radius: @alysa_componet_radius;
  color: @alysa_dominant;
}


.alysa_btn_color:hover {
  background-color: @alysa_main_just_page_button;
  color: #ffffff !important;
}

.alysa_btn_color_err {
  font-size: @alysa_font_page;
  padding: 9px;
  height: @alysa_btn_height;
  cursor: pointer;
  text-align: center;
  border-radius: @alysa_componet_radius;
  color: #FF1515;
}

.alysa_btn_color_err:hover {
  background-color: @alysa_main_lose_page_button;
  color: #ffffff;
}



// 按钮填充的
// 保存 蓝色
.alysa_btn_primary {
  .ivu-btn {
    height: @alysa_btn_height ;
    font-size: @alysa_font_page ;
    border-radius: @alysa_componet_radius ;

  }

  .ivu-btn-primary:not([disabled]) {
    color: @alysa_main_just_page_button_font_color;
    background-color: @alysa_main_just_page_button ;
    border-color: @alysa_main_just_page_button;
  }

}

.alysa_dropdown_primary {


  .ivu-dropdown-menu {
    .ivu-dropdown-item {
      font-size: @alysa_font_page  !important;
      color: @alysa_main_page_font_color;
    }
  }

  .ivu-btn {
    height: @alysa_btn_height ;
    font-size: @alysa_font_page ;
    border-radius: @alysa_componet_radius ;

  }

  .ivu-btn-primary:not([disabled]) {
    color: @alysa_main_just_page_button_font_color;
    background-color: @alysa_main_just_page_button ;
    border-color: @alysa_main_just_page_button;
  }

}

// 取消等 红色
.alysa_btn_error {
  .ivu-btn {
    height: @alysa_btn_height ;
    font-size: @alysa_font_page ;
    border-radius: @alysa_componet_radius ;

  }

  .ivu-btn-error:not([disabled]) {
    color: @alysa_main_lose_page_button_font_color;
    background-color: @alysa_main_lose_page_button ;
    border-color: @alysa_main_lose_page_button;
  }
}

// 描边的按钮

// 默认
.alysa_btn_default {
  .ivu-btn {
    height: @alysa_btn_height ;
    font-size: @alysa_font_page ;
    border-radius: @alysa_componet_radius ;
    color: @alysa_main_page_font_color;
    background-color: #fff;
    border-color: @alysa_neutral_border ;
  }

  .ivu-btn-ghost.ivu-btn-default:hover {
    color: @alysa_main_just_page_button ;
    border-color: @alysa_main_just_page_button ;
  }
}

// 设置保存  蓝边

.alysa_btn_primary_ghost {
  .ivu-btn {
    height: @alysa_btn_height ;
    font-size: @alysa_font_page ;
    border-radius: @alysa_componet_radius ;
  }

  .ivu-btn-ghost.ivu-btn-primary:not([disabled]) {
    color: @alysa_main_just_page_button ;
  }

  .ivu-btn-ghost:not([disabled]) {
    background: 0 0;
  }

  .ivu-btn-primary:not([disabled]) {
    border-color: @alysa_main_just_page_button ;
  }

}

// 取消  红边
.alysa_btn_error_ghost {
  .ivu-btn {
    height: @alysa_btn_height ;
    font-size: @alysa_font_page ;
    border-radius: @alysa_componet_radius
  }

  .ivu-btn-ghost.ivu-btn-error:not([disabled]) {
    color: @alysa_main_lose_page_button ;
  }

  .ivu-btn-ghost:not([disabled]) {
    background: 0 0;
  }

  .ivu-btn-error:not([disabled]) {
    border-color: @alysa_main_lose_page_button ;
    ;
  }

}

// Checkbox 多选框

// 登录页面的勾选
.alysa_login_checkbox {
  .ivu-checkbox-wrapper {
    font-size: @alysa_font_page;

  }

  .ivu-checkbox-inner {
    border: 1px solid @alysa_neutral_border;
  }

  .ivu-checkbox-checked .ivu-checkbox-inner {
    border-color: @alysa_login_button;
    background-color: @alysa_login_button;
  }

  .ivu-checkbox {
    margin-right: 6px;
  }

}

// 普通页面的勾选
.alysa_common_checkbox {

  .ivu-checkbox-wrapper {
    font-size: @alysa_font_page;
    color: @alysa_main_page_font_color;
  }

  .ivu-checkbox-inner {
    border: 1px solid @alysa_neutral_border;
  }

  .ivu-checkbox-checked .ivu-checkbox-inner {
    border-color: @alysa_main_just_page_button;
    background-color: @alysa_main_just_page_button;
  }

  .ivu-checkbox {
    margin-right: 10px;
  }

  .ivu-checkbox-indeterminate .ivu-checkbox-inner {
    background-color: @alysa_main_just_page_button;
    border-color: @alysa_main_just_page_button;
  }

}



// 上传图片 正常的
.alysa_upload_img {

  .alysa_upload_img_info {
    width: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    line-height: 40px;
    background: @alysa_neutral_background;
    border: 1px solid @alysa_neutral_border;
    border-radius: @alysa_componet_radius;
    font-size: @alysa_font_page ;

    span {
      margin-left: 7px;
    }



  }

}

// 上传图片 小个的

.alysa_small_upload_img {
  .alysa_small_upload_img_info {
    width: 40px;
    height: 40px;
    line-height: 45px;
    text-align: center;
    background: @alysa_neutral_background;
    border: 1px solid @alysa_neutral_border;
    border-radius: @alysa_componet_radius;
  }

}

// 图片库上传
.alysa_search_upload_img {
  .alysa_search_upload_img_info {
    width: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: @alysa_btn_height;
    line-height: 40px;
    background: @alysa_main_just_page_button;
    border: 1px solid @alysa_neutral_border;
    border-radius: @alysa_componet_radius;
    font-size: @alysa_font_page;
    color: #fff;

    span {
      margin-left: 7px;
    }
  }
}

// 图片预览
.img_preview {
  width: 160px;
  align-items: center;
  height: 40px;
  background: @alysa_neutral_background;
  border: 1px solid @alysa_neutral_border;
  border-radius: @alysa_componet_radius;
  position: relative;

  img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
  }

  .demo-upload-list-cover {
    text-align: center;
    line-height: 40px;
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .6);
  }

  .demo-upload-list-cover i {

    color: #fff;
    font-size: 20px;
    cursor: pointer;
    margin: 0 2px;
  }
}

.img_preview:hover .demo-upload-list-cover {
  display: block;
}


// 图片预览  正方形
.img_squares_preview {
  width: 120px;
  align-items: center;
  height: 120px;
  background: @alysa_neutral_background;
  border: 1px solid @alysa_neutral_border;
  border-radius: @alysa_componet_radius;
  position: relative;

  img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
  }

  .demo-upload-list-cover {
    text-align: center;
    line-height: 120px;
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .6);
  }

  .demo-upload-list-cover i {

    color: #fff;
    font-size: 20px;
    cursor: pointer;
    margin: 0 2px;
  }
}

.img_squares_preview:hover .demo-upload-list-cover {
  display: block;
}




// 颜色预览
.alysa_bgcolor {
  width: 208px;
  height: @alysa_input_height;
  margin-left: 20px;
  color: #fff;
  border-radius: @alysa_componet_radius;
  text-align: center;
}

// tab  参考图片库
.alysa_tab {
  width: 100%;
  display: flex;
  padding-left: 18px;
  border-bottom: 1px solid @alysa_neutral_border;

  div {
    height: @alysa_page_title_height - 1px;
    line-height: @alysa_page_title_height - 1px;
    text-align: center;
    cursor: pointer;
    font-size: @alysa_font_page_title;
    color: @alysa_main_page_font_color;
  }

  div:nth-child(2) {
    margin: 0 42px;
  }

  .active {
    border-bottom: 4px solid @alysa_main_just_page_button;
  }
}

// tab  参考多身份
.alysa_duo_tab {
  width: 100%;
  display: flex;
  padding-left: 18px;
  border-bottom: 1px solid @alysa_neutral_border;

  div {
    height: @alysa_btn_height + 3px;
    line-height: @alysa_btn_height + 3px;

    text-align: center;
    cursor: pointer;
    font-size: @alysa_font_page_title;
    color: @alysa_main_page_font_color;
  }

  div {
    margin-right: 42px;
  }

  .active {
    border-bottom: 4px solid @alysa_main_just_page_button;
  }
}

// tab 参考管理平台
.alysa_member_tab {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  border-bottom: 1px solid @alysa_neutral_border;

  div {
    height: @alysa_table_row_height;
    line-height: @alysa_table_row_height;
    text-align: center;
    cursor: pointer;
    font-size: @alysa_font_page_title;
    color: @alysa_main_page_font_color;
  }

  // div:nth-child(2) {
  //   margin: 0 42px;
  // }

  .active {
    border-bottom: 4px solid @alysa_main_just_page_button;
  }
}

// tab下拉
.alysa_duo_tab_Dropdown {
  width: 100%;
  display: flex;
  padding-left: 18px;
  border-bottom: 1px solid @alysa_neutral_border;

  .alysa_duo_tab_item {
    height: @alysa_btn_height + 3px;
    line-height: @alysa_btn_height + 3px;

    text-align: center;
    cursor: pointer;
    font-size: @alysa_font_page_title;
    color: @alysa_main_page_font_color;
  }

  .alysa_duo_tab_item {
    margin-right: 42px;
  }

  .active {
    border-bottom: 4px solid @alysa_main_just_page_button;
  }

  .alysa_dropdown {
    height: @alysa_btn_height + 3px;
    line-height: @alysa_btn_height + 3px;
    cursor: pointer;
    font-size: @alysa_font_page_title;
    color: @alysa_main_page_font_color;

    .more-list {
      width: 150px;
      max-height: 300px;
      overflow-y: scroll;

      &-item {
        width: 100%;
        height: 46px;
        display: flex;
        align-items: center;
        font-size: @alysa_font_page_title;
        color: @alysa_main_secondary_font_color;

        &:hover {
          background: @alysa_main_secondary_hover;
        }

        .item-text {
          width: 100%;
          padding: 0 8px;
          position: relative;

          span {
            color: @alysa_main_secondary_font_color;

            &:hover {
              color: @alysa_main_secondary_background;
            }
          }

          .text-line {
            position: absolute;
            right: 0;
            top: 3px;
            width: 4px;
            height: 16px;
            background: @alysa_dominant;
          }
        }
      }

      .item-active {
        border: 1px solid @alysa_subsidiary_tintHover;
        background: @alysa_main_secondary_checked;

        span {
          color: @alysa_main_secondary_hover;
        }
      }
    }
  }

  .item-active {
    border: 1px solid @alysa_subsidiary_tintHover;
    background: @alysa_main_secondary_checked;

    span {
      color: @alysa_main_secondary_hover;
    }
  }
}

.alysa_iview_tab {

  .ivu-tabs-nav .ivu-tabs-tab:hover {
    color: @alysa_main_just_page_button;
  }

  .ivu-tabs-nav .ivu-tabs-tab-active {
    color: @alysa_main_just_page_button;
  }

  .ivu-tabs-ink-bar {

    background-color: @alysa_main_just_page_button;

  }

  .ivu-tabs {
    font-size: @alysa_font_page_title;
    color: @alysa_main_page_font_color;
  }
}

// 筛选树
.alysa_select_tree {
  .ivu-select-selection {
    display: block;
    box-sizing: border-box;
    outline: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    position: relative;
    background-color: #fff;
    border-radius: @alysa_componet_radius;
    height: @alysa_input_height;
    // border: 1px solid @alysa_neutral_border;
    transition: all 0.2s ease-in-out;

    div:nth-child(1) {
      div:nth-child(1) {
        height: @alysa_input_height;
      }
    }
  }


  .ivu-select-single .ivu-select-selection {
    height: @alysa_btn_height;
    position: relative;
  }

  .ivu-select-visible .ivu-select-selection {
    border-color: @alysa_main_just_page_button;
  }

  .ivu-select-selection-focused,
  .ivu-select-selection:hover {
    border-color: @alysa_main_just_page_button;
  }

  .ivu-select-selection-focused {
    border-color: @alysa_main_just_page_button;
  }

  .ivu-select-item {
    font-size: @alysa_font_page  !important;
  }

  .ivu-select-placeholder,
  .ivu-select-selected-value {
    display: block;
    height: @alysa_btn_height;
    line-height: @alysa_btn_height - 4px;
    font-size: @alysa_font_page
  }

  .ivu-select {
    font-size: @alysa_font_page;
    color: @alysa_main_page_font_color;
  }

  .ivu-tree ul {

    font-size: @alysa_font_page;
  }

  .ivu-form-item-content {
    position: relative;
    line-height: 22px;

  }
}

// 级联选择
.alysa_select_cascader {
  width: 100%;

  .ivu-input {
    font-size: @alysa_font_page ;
    border: 1px solid @alysa_neutral_border;
    color: @alysa_main_page_font_color ;
    height: @alysa_input_height + 4px;
  }

  .ivu-input:focus {
    border-color: @alysa_main_just_page_button;
  }

  .ivu-input:hover {
    border-color: @alysa_main_just_page_button;
  }
}

// 选中 边框
.box_selected_border {
  border: 1px solid @alysa_main_just_page_button;
  border-radius: @alysa_componet_radius;
  padding-left: 5px;
}

.alysa_Poptip {
  display: block;
}

.alysa_Poptiphide {
  display: none;
}


// element 的树
.alysa_el_tree_custom {
  .el-icon-caret-right {
    display: none;
  }

  .el-checkbox__input.is-checked .el-checkbox__inner,
  .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: @alysa_main_just_page_button;
    border-color: @alysa_main_just_page_button;
  }

  .el-tree-node__content {
    font-size: @alysa_font_page;
    color: @alysa_main_page_font_color;
  }

  .el-tree-node__content:hover {
    background-color: transparent;
  }

  .el-checkbox__inner {
    display: inline-block;
    position: relative;
    border: 1px solid #DCDFE6;
    border-radius: 2px;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    background-color: #FFF;
    z-index: 1;
    transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46);
  }

  .el-checkbox__inner::after {
    box-sizing: content-box;
    content: "";
    border: 2px solid #FFF;
    border-left: 0;
    border-top: 0;
    height: 7px;
    left: 4.5px;
    position: absolute;
    top: 1px;
    transform: rotate(45deg) scaleY(0);
    width: 3px;
    transition: transform .15s ease-in .05s;
    transform-origin: center;
  }
}

// element  月份区间选择器
.alysa_el_search_datepicker {
  .el-input__inner {
    border: 1px solid @alysa_neutral_border;
    color: @alysa_main_page_font_color;
    font-size: @alysa_font_page;
    height: @alysa_input_height + 4px;
    line-height: @alysa_input_height + 4px;
    padding: 0 15px;
  }

  .el-date-editor .el-range-input,
  .el-date-editor .el-range-separator {
    font-size: @alysa_font_page;
  }

  .el-month-table td.end-date .cell,
  .el-month-table td.start-date .cell {
    color: #fff;
    background-color: @alysa_main_just_page_button;
  }

  .el-range-editor.is-active,
  .el-range-editor.is-active:hover {
    border-color: @alysa_main_just_page_button;
  }

  .el-input__inner:hover {
    border-color: @alysa_main_just_page_button;
  }
}

// auto_complete 样式
.alysa_Auto_Complete {

  .ivu-input:hover {
    border-color: @alysa_main_just_page_button;
  }

  .ivu-input:focus {
    border-color: @alysa_main_just_page_button;
  }

  .ivu-select-single .ivu-select-selection {
    height: @alysa_btn_height;
    position: relative;
  }

  .ivu-select-visible .ivu-select-selection {
    border-color: @alysa_main_just_page_button;
  }

  .ivu-select-selection-focused,
  .ivu-select-selection:hover {
    border-color: @alysa_main_just_page_button;
  }

  .ivu-select-selection-focused {
    border-color: @alysa_main_just_page_button;
  }

  .ivu-select-item {
    font-size: @alysa_font_page  !important;
  }

  .ivu-select-single .ivu-select-selection .ivu-select-placeholder,
  .ivu-select-single .ivu-select-selection .ivu-select-selected-value {
    display: block;
    height: @alysa_btn_height;
    line-height: @alysa_btn_height;
    font-size: @alysa_font_page;
  }

  .ivu-select {
    font-size: @alysa_font_page;
    color: @alysa_main_page_font_color;
  }


}


.selectTree {

  .mask {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 11;
  }

  .el-input {
    position: relative;
    font-size: @alysa_font_page;
    height: @alysa_table_row_height;
    line-height: @alysa_table_row_height;
    display: inline-block;
    color: @alysa_main_page_font_color;
    // border: 1px solid @alysa_neutral_border;
    width: 100%;
  }

  .el-input__inner {
    font-size: @alysa_font_page;
    height: @alysa_table_row_height  !important;
    line-height: @alysa_table_row_height;
    color: @alysa_main_page_font_color;

  }

  .el-input:hover {
    border-color: @alysa_main_just_page_button ;
  }

  .el-tree-node__label {
    color: @alysa_main_page_font_color  !important;
  }



}

.popoverClass {
  font-size: @alysa_font_page;
  height: 220px;
  overflow: hidden;
  overflow-y: auto;

  .el-tree-node__label {
    font-size: @alysa_font_page;
  }

  .el-checkbox__input.is-checked .el-checkbox__inner,
  .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: @alysa_main_just_page_button;
    border-color: @alysa_main_just_page_button;
  }

  .el-tree-node__content {
    font-size: @alysa_font_page;
    color: @alysa_main_page_font_color;
  }

  .el-tree-node__content:hover {
    background-color: transparent;
  }
}

// 树的选中
.alysa_tree {
  .ivu-checkbox-checked .ivu-checkbox-inner {
    background-color: @alysa_main_just_page_button;
    border-color: @alysa_main_just_page_button;
  }

  .ivu-checkbox-indeterminate .ivu-checkbox-inner {
    background-color: @alysa_main_just_page_button;
    border-color: @alysa_main_just_page_button;
  }

  .ivu-tree-title {

    font-size: @alysa_font_page;
    color: @alysa_main_page_font_color;

  }

  .ivu-tree ul {
    font-size: @alysa_font_page;
  }

  .ivu-tree-empty {
    font-size: @alysa_font_page;
    color: @alysa_main_page_font_color;
    text-align: center;
  }
}

// tab标签
.alysa_seasoning_tab {
  .ivu-tabs {

    color: @alysa_main_page_font_color;
  }

  .ivu-tabs-nav {
    .ivu-tabs-tab {
      padding: 10px 0;
      // margin-right: 30px;
      font-size: @alysa_font_page_title;
      color: @alysa_main_page_font_color;
    }

    .ivu-tabs-tab-active {
      color: @alysa_tab_color  !important;
    }

    .ivu-tabs-ink-bar {
      background-color: @alysa_tab_color  !important;
    }
  }

  .ivu-tabs-tabpane {
    position: relative;
  }

  // .ivu-tabs-bar {
  //   border-bottom: none;
  // }
}

// 表的筛选树
.alysa_form_selecttree {
  .el-input.is-disabled .el-input__inner {
    color: @alysa_main_page_font_color ;
    -webkit-text-fill-color: @alysa_main_page_font_color ;
    background-color: #f3f3f3;
    opacity: 1;
  }

  .el-input {
    font-size: @alysa_font_page ;
    color: @alysa_main_page_font_color ;

    //height: @alysa_input_height ;
    :hover {
      border-color: @alysa_main_just_page_button ;
    }

    .el-input.is-active .el-input__inner,
    .el-input__inner:focus {
      border-color: @alysa_main_just_page_button ;
    }

    .el-input__inner {

      //border: 1px solid #dcdee2;
      //border: 1px solid @alysa_neutral_border;
      :hover {
        border-color: @alysa_main_just_page_button ;
      }
    }
  }
}


// Upload 内插入按钮 Btn 样式
.alysa_Upload_Btn {
  .ivu-upload {
    .ivu-btn:hover {
      border-color: @alysa_main_just_page_button;
      color: @alysa_main_just_page_button;
    }
  }
}

.tpf-mf-item:hover {
  border-color: @alysa_main_just_page_button;
}

.alysa-body {
  .ivu-select-item {
    font-size: @alysa_font_page  !important;
  }

  .ivu-select-dropdown {
    .ivu-cascader-menu li {
      font-size: @alysa_font_page  !important;
    }
  }

  .ivu-select-dropdown-list {
    max-width: 300px;
  }

  color: @alysa_main_page_font_color ;
}

.alysa_btn_disabled {
  font-size: @alysa_font_page;
  padding: 9px;
  height: @alysa_btn_height;
  cursor: not-allowed;
  text-align: center;
  border-radius: @alysa_componet_radius;
  color: @alysa_dominant;

}

.alysa_btn_disabled:hover {
  background-color: @alysa_main_just_page_button;
  color: #ffffff;
}

.alysa_select_vue_tree {
  .vue-treeselect__control {
    padding-left: 5px;
    font-size: @alysa_font_page;
    padding-right: 5px;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: @alysa_input_height;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff;
    transition-duration: 200ms;
    transition-property: border-color, box-shadow, width, height, background-color, opacity;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .vue-treeselect__placeholder,
  .vue-treeselect__single-value {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    line-height: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    font-size: @alysa_font_page;
  }

  .vue-treeselect--has-value .vue-treeselect__input {
    line-height: inherit;
    vertical-align: top;
    height: @alysa_input_height;
    font-size: @alysa_font_page;
  }
}
// table中dropDown
.scm_table_dropDown {
  background: #fff;
  .ivu-dropdown-menu {
      min-width: auto !important;
      .ivu-dropdown-item {
          width: auto;
          padding: 6px 7px;
          font-size: @alysa_font_page !important;
          color: @alysa_dominant;
          text-align: center;
      }
  }
}