.header-x .title-bar{display: flex; justify-content: flex-end}
.header-x .title-bar .title{flex:1}
@media (max-width: 600px) {
  .g-in-app {
    --header-x-height: 30px;
  }
  .main-container > .agent-container > .ohke-header.header-x.x3 ~ .ohke-content, .ohke-header.header-x.x3 ~ .full-height{
    height: calc(100% - 3*var(--header-x-height)) !important;
  }
  .main-container > .agent-container > .ohke-header.header-x.x2 ~ .ohke-content, .ohke-header.header-x.x2 ~ .full-height{
    height: calc(100% - 2*var(--header-x-height)) !important;
  }
  .header-x{ margin: 0 !important;}
  .header-x.x1{height: var(--header-x-height)}
  .header-x.x2{height: calc(2*var(--header-x-height))}
  .header-x.x3{height: calc(3*var(--header-x-height))}
  .header-x.x4{height: calc(4*var(--header-x-height))}
  .header-x .ohke-btn span{display: none !important;}
  .header-x .action{display:none}
  .header-x.list-mode > .filter-form{
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-gap: 4px;
  }
  .header-x .search, .header-x .action{
    margin-right: 0 !important;
    padding-top: 0 !important;
  }
  .header-x .search.no-title{
    padding-top: 3px !important;
  }
  .header-x .ohke-form-icon{
    margin: 0;
    width: 16px;
    height: 16px;
  }
  .header-x .state-filter-2 select{
    width: 100%;
    border-radius: 6px;
  }
  .header-x .search-box {
    border-radius: 6px 0 0 6px;
    overflow: hidden;
  }
  .header-x .w3-input{
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  .header-x .mobile-action{
    width: 36px;
    height: 25px;
    position: relative;
  }
  .mobile-action .dropdown-menu{display: none}
  .mobile-action .dropdown-menu .ohke-btn{
    width: calc(100% - 12px);
    margin: 0 6px 6px 6px !important;
  }
  .mobile-action.show .dropdown-menu{
    position: absolute;
    width: 250px;
    right: -6px;
    display: block;
    z-index: 1000;
    padding-top: 6px;
    border-radius: 6px;
    background: var(--main-color);
    box-shadow: 0 4px 10px 0 rgb(0 0 0 / 20%), 0 4px 20px 0 rgb(0 0 0 / 19%);
  }
  .month-action{
    margin: 0 !important;
    display: flex;
  }
  .month-action .today-btn{flex:1}
}