@media (max-width:1299px){
    .bootstrap-select.form-select-sm .SelectUser ~ .dropdown-toggle  {
        width: 330px;
    }

}
@media (max-width:1024px){
    .bootstrap-select.form-select-sm .SelectUser ~ .dropdown-toggle  {
        width: 220px;
    }

}
@media (max-width: 991px){
    #btnFullscreen {
        display: none;
      }
    .Profile-logo {
        margin: 0 auto;
    }
    .Premises-QR ~ small {
        text-align: center;
    }
    .premises-detail {
        padding: 0 24px 24px;
    }
    .Profile-logo {
        width: 200px;
        height: 200px;
        margin: 0;
    }
    .Profile-logo img{
        width: 200px;
        height: 200px;
    }
    .event-stats {
        padding-bottom: 10px;
      }
      .page-title {
        display: block;
    }
    .float-lg-end {
        margin-top: 35px;
    }
    .float-lg-end {
        margin-top: 0;
    }
    .report-table .float-lg-end.mt-0 {
        margin-top: 0;
    }
    .report-table .dataTables_length, .desk-table .dataTables_length {
        display:none;
      }
}

@media (max-width: 768px){
    .layout .sidebar.collapsed ~ .layout .top-nav {
        width: 100%;
    }
    .sidebar-toggler {
        top: 7px;
    }
    #btn-collapse {
        display: none;
      }
    /* #btn-collapse {
        display: none;
    } */
    .layout .footer small {
        float: none;
    }
    .premises-btn-grp {
        float: left;
        margin: 0 0 20px 20px;
    }
    .layout .content {
        padding: 65px 0 15px;
    }
    .form-select-sm {
        width:auto;
    }
    .w-sm-100 {
        width: 100%!important;
      }
    .eventStats {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    }
    .bootstrap-select.form-select-sm .SelectUser ~ .dropdown-toggle  {
        width: 200px;
    }
    

}

@media (max-width: 576px) {
    .btn-label.btn-res-icon {
        padding-left: 20px;
        height: 39px;
    }
    .page-title-box h4 {
        margin: 0;
    }
    .btn-label.btn-res-icon .flex-grow-1 {display: none;}

    body.dark-theme::before {
        width: 300px;
        height: 300px;
        top: -170px;
        left: calc(50% - 170px);
    }
    .userDropdown ~ .dropdown-menu{
        min-width: 200px;
    }
    .bootstrap-select.form-select-sm .SelectUser ~ .dropdown-toggle  {
        width: 160px;
    }
    .event-shareBox .share {
        width: 31px;
    }
    .event-shareBox .share:after {
        display: none;
    }
    .event-shareBox {
        position: absolute;
        top: 47px;
        right: 1px;
        padding: 0;
        color: #ffffff;
        border-radius: 3px;
        font-size: 12px;
      }
      .share:before {
        top: -1px;
        left: -2px;
      }
      
  }
  /* @media (min-width: 576px) {
    .share {
        width: 36px;
    }
    .share:after {
        display: none;
    }
  } */