@import '../common/component.dark.theme.less';
@import '../common/component.common.less';

:host-context(.theme-dark) ::ng-deep{
    .clrfix {
        zoom: 1;
    }
    
    .clrfix:after {
        content: "";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        overflow: hidden;
    }

    .ant-input {
        .cm-dark-input;
    }
    
    .ant-input-disabled {
        .cm-dark-input-disabled;
    }

    .ant-input-group {
        & > * > * {
          border-radius: 0;
          border-right-width: 0;
          vertical-align: top;
          float: none;
          display: inline-block;
        }
    
        & > * > .ant-select > .ant-select-selection,
        & > * > .ant-calendar-picker .ant-input,
        & > * > .ant-select-auto-complete .ant-input,
        & > * > .ant-cascader-picker .ant-input,
        & > * > .ant-mention-wrapper .ant-mention-editor,
        & > * > .ant-time-picker .ant-time-picker-input {
          border-radius: 0;
          border-right-width: 0;
        }
    
        & > *:first-child > *,
        & > *:first-child > .ant-select > .ant-select-selection,
        & > *:first-child > .ant-calendar-picker .ant-input,
        & > *:first-child > .ant-select-auto-complete .ant-input,
        & > *:first-child > .ant-cascader-picker .ant-input,
        & > *:first-child > .ant-mention-wrapper .ant-mention-editor,
        & > *:first-child > .ant-time-picker .ant-time-picker-input {
          border-top-left-radius: 4px;
          border-bottom-left-radius: 4px;
        }
    
        & > *:last-child > *,
        & > *:last-child > .ant-select > .ant-select-selection,
        & > *:last-child > .ant-calendar-picker .ant-input,
        & > *:last-child > .ant-select-auto-complete .ant-input,
        & > *:last-child > .ant-cascader-picker .ant-input,
        & > *:last-child > .ant-mention-wrapper .ant-mention-editor,
        & > *:last-child > .ant-time-picker .ant-time-picker-input {
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
          border-right-width: 1px;
        }
    }
    .ant-select-selection{
        .cm-dark-select-default
    }
    .ant-select-disabled .ant-select-selection{
        .cm-dark-select-disabled
    }
    .ant-select-dropdown-menu{
        .cm-dark-select-menu
    }
    .ant-select-dropdown-menu-item{
        .cm-dark-select-menu-item
    }
    .ant-select-dropdown-menu-item-selected, .ant-select-dropdown-menu-item-selected:hover{
        .cm-dark-select-menu-current
    }
    .ant-select-dropdown-menu-item-disabled{
        .cm-dark-select-item-disabled
    }
    //组件样式

    .ant-input:not(.ant-input-disabled) {
        .cm-dark-input;
        padding: 3px 0;
    }
    
    .ant-calendar-picker{
        margin-left: -1px;
        width: 205px;
        float: left
    }

    .ant-calendar-picker-input.ant-input{

        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled){
        .cm-dark-input;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        &:hover{
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            z-index: 1;
        }
    }

    .ant-input>.ant-calendar-range-picker-input{
        border: none!important;
        &:focus,&:hover{
            border: none;
        }
    }

    .ant-btn-group {
        float: left;
    }
    .ant-btn-group > .ant-btn:last-child:not(:first-child){
        border-radius: 0;
    }

    .ant-btn-group > .ant-btn:last-child{
        margin-right: -1px;
    }
   
    .ant-btn{
        line-height: 28px;
        border-color:@dark-border-color; 
        color: @dark-text-color; 
        &:hover {
            border: @dark-border-width @dark-border-solid @dark-border-hignlight-color;
            color: @dark-text-color; 
          }
      
        &:focus {
            border: @dark-border-width @dark-border-solid @dark-border-hignlight-color;
            color: @dark-text-color; 
        }
    }
    .dateform {
        width: 0;
        height: 0;
        overflow: hidden;
    }

    .ant-select-selection{
        z-index: 1;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        &:hover{
            z-index: 2;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }
        &:focus{
            z-index: 2;
        }
    }

    .ant-select-open .ant-select-selection{
        z-index: 1;
    }

    .ant-calendar-picker-icon {
        z-index: 3;
    }
    .ant-calendar-picker-clear{
        z-index: 4;
    }
    .date-box{
        display: inline-block;
        min-width: 310px;
    }
    .dropdown-shortcut{
        display: inline-block;
        float: left;
    }
}