/*Write your custom css in this file.*/

@media (max-width: 540px) {
    td.all.w50.dtr-control a {
        margin-left: 20px;
    }/*Write your custom css in this file.*/
    div.select2-container.select2,
    span.dropdown-apploader-section
     {
       width: 49%!important;
    }
    td.all.dtr-control a{
      margin-left: 25px;
    }
    #all_tasks_overview-widget .position-absolute{
          bottom: 135px!important;
          left: 12px!important;
    }
    #kanban-container::before {
          border: solid 1px;
          background: #09f;
          opacity: 0.1;
          height: 100%;
          position: absolute;
          width: 25%;
          right: 0;
  }
  .btn.btn-default.dropdown-toggle.caret {
      text-align: left;
  }
  .btn.btn-default.dropdown-toggle.caret::after{
    float: right;
    margin-top: 10px;
  }
  .custom-toolbar .DTTT_container .dropdown {
    width: 100%;
  }
  .custom-toolbar .DTTT_container .dropdown button{
    width: 100%;
  }
  .custom-toolbar .navbar-collapse.show{
    display: flex;flex-wrap: wrap;
  }
  .custom-toolbar .navbar-collapse.show>* {
    flex: 1 1 auto;
  }
  .toolbar-left-top, .datatable-export {
    display: none;
    background: #900;
  }
  .w-filter-right {width: auto;}
}

@media (max-width: 445px) {
  .grid-button .tab-title .title-button-group .btn, .grid-button .page-title .title-button-group .btn, .grid-button .title-tab:not(.my-tasks):not(.all-tasks-kanban):not(.leads-title-section) .title-button-group .btn{
    width: auto;
  }
.grid-button .tab-title .title-button-group a.btn {
    --bs-btn-padding-x: 0rem;
    font-size: 13px;
    margin: 15px 0 0 8px!important;
  }
  .kanban-filters-container div.col-md-1.col-xs-2:has(button#reload-kanban-button){
    width: auto;position: absolute;z-index: 9;right: 10px;
  }
  .kanban-filters-container button.dropdown-toggle.btn {
    margin-right: 50px;
  }
}