@import "../variables";

.cxb-lookupfield.cxm-stretched{
  width: 100%;
}

.cxb-textfield.cxm-stretched{
  width: 100%;
}

.cxb-textarea.cxm-stretched{
  width: 100%;
}

.cxb-numberfield.cxm-help-placement-down{
  height:38px;
  margin-bottom: 8px
}

.cxb-numberfield.cxm-smallwidth{
  width: 130px;
}

.cxb-datetimefield.cxm-smallwidth{
  width: 130px;
}

.cxb-textfield.cxm-smallwidth{
  .cxe-textfield-input{
    width: 130px;
  }

}

.cxb-window.cxm-windowEditor{
  min-width: 20rem;

  max-height: 90%;
  max-width: 90%;
  .cxe-window-header{
    background-color: $nav-background-color;
    font-weight: bold;
  }

  .cxe-window-body{
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: .5rem;
    overflow: hidden;
  }

  footer{
    border-top: 2px solid $base-border-color;
    background-color: $base-toolbar-background-color;
  }
}

.cxb-menu.cxm-form{
  padding: .7rem;
  .cxe-menu-item{
    cursor: initial;
  }
}

.cxb-tab.cxm-core{
  border-width: 0;
  border-left-color: $nav-background-color;
  border-style: solid;
  border-radius: 3px;

  &:not(.cxs-active){
    border-left-width: 4px;
  }

  &.cxs-active{
    border-left-width: 4px;
    border-left-color: $ascentII-color;
    background-color: transparent;
    font-weight: bold;
  }
}

.cxb-button.cxm-pressed{
  &.cxs-pressed{
    box-shadow: 0 0px 2px 1px $ascentI-color;
    //font-weight: bolder;
  }
}

.cxb-menu.cxm-inline{
  display: inline-block;
}