@media (max-width: 992px) {
  .wrap-login100 {
    padding: 50px 90px 33px 85px;
  }

  .login100-pic {
    display: none;
  }

  .login100-form {
    width: 100%;
  }

  .alert-validate::before {
    visibility: visible;
    opacity: 1;
  }
}

@media (min-width: 767px) and (max-width: 992px) {
  .login100-form-logo {
    width: 60% !important;
  }
}

@media (max-width: 767px) {
  .m-t-sm-40 {
    margin-top: 40px !important;
  }
}

@media (max-width: 480px) {
  .m-t-xs-40 {
    margin-top: 40px !important;
  }
}

@media (max-width: 1200px) {
  .hidden-medium {
    display: none !important;
  }

  .tab-content .p-20 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 1200px) {
  .big-h-100 {
    height: 100%;
  }
}

@media (min-width: 900px) and (max-width: 1300px) {
  .wellcome-card {
    background-size: 50%, 100%;
  }

  .nav-link {
    padding: 0.5rem 0.4rem;
  }

  .quick-buttons .col-bt div {
    font-size: 13px;
  }

  .quick-add-icon {
    width: 20px;
    height: 20px;
  }

  .quick-buttons .col-bt {
    padding: 10px;
  }
}

@media (max-width: 768px) {
  .rs1-wrap-input100 {
    width: 100%;
  }

  .rs1-validation-border {
    width: 100%;
  }

  .wrap-login100 {
    padding: 80px 80px 33px 80px;
  }

  .login100-pic {
    display: none;
  }

  .login100-form {
    width: 100%;
  }
}

@media (min-width: 991px) {
  .modal-90w {
    max-width: 65% !important;
  }

  #filterModalAddBtn {
    min-width: 200px;
  }
}

@media (min-width: 577px) and (max-width: 1024px) {
  .list-inline-item:not(:last-child) {
    margin-right: 15px !important;
  }

  .wellcome-card .green-dhadow-bt {
    margin-top: 0 !important;
  }
}

@media (min-width: 576px) {
  .datatable-head {
    justify-content: space-between;
    flex-direction: row;
  }
}

@media (max-width: 576px) {
  .day-modal .css-1hwfws3 {
    min-width: 4rem;
  }

  .day-modal .only-num .css-1hwfws3 {
    min-width: 1.5rem;
  }

  .user-tab-modal .modal-dialog.modal-xl {
    max-width: 98%;
  }

  .schedule-form-row {
    min-height: 4.5rem;
  }

  .user-tabs .nav-link.active {
    border: 3px solid #73a65b;
    border-radius: 3px;
  }

  .user-tab-content .form-check {
    padding-left: 0 !important;
  }

  .user-tab-content .tab-pane:not(.day-modal) .form-label {
    margin-left: 1.3rem;
    margin-right: 12px !important;
    min-width: 120px;
  }

  .user-tab-content .medium-select-box .css-1hwfws3 {
    min-width: 5rem !important;
  }

  .user-tab-content .big-multi-selectbox {
    min-width: 260px;
  }

  #schedulerExecutionDatesButton button,
  #schedulerButton button {
    font-size: 0.8rem;
  }

  #schedulerExecutionDatesButton {
    margin-left: 0.2rem;
  }

  .validation-error-icon svg {
    width: 10px;
    height: 10px;
  }

  .modal-body {
    padding: 1.5rem;
  }

  #div-useObjTitleOnReport {
    margin-bottom: 0.8rem !important;
  }

  .list-inline-item:not(:last-child) {
    margin-right: 10px !important;
  }

  .header-title-border {
    margin-left: -10px;
  }

  .select2-container .select2-results__option[aria-selected] {
    padding-left: 12px;
  }

  .select2-container--open .select2-dropdown {
    left: -12px;
  }

  .alert-validate::before {
    padding: 0 10px 0 10px;
  }

  .true-validate::after,
  .btn-hide-validate {
    right: 0px;
    width: 30px;
  }

  .wrap-contact100 {
    padding: 62px 15px 90px 15px;
  }

  .wrap-input100 {
    padding: 10px 10px 9px 10px;
  }

  .validation-border {
    padding: 10px 10px 9px 10px;
  }

  .btn-qmail {
    font-size: 0.9rem;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
  }

  .page-title-box .page-title,
  .page-title-box .breadcrumb {
    float: none;
  }

  .hidden-mobile {
    display: none !important;
  }

  .wrap-login100 {
    padding: 45px 15px 33px 15px;
  }

  body {
    overflow-x: hidden;
  }

  .side-menu.left {
    display: none;
  }

  #wrapper.forced.enlarged .side-menu.left {
    display: none;
  }

  .topbar-left {
    width: 50px !important;
  }

  .topbar-left span {
    display: none !important;
  }

  .navbar-custom {
    margin-left: 45px !important;
  }

  .content-page {
    margin-left: 0 !important;
  }

  .footer {
    left: 0 !important;
  }

  .mobile-sidebar {
    left: 0;
  }

  .mobile-content {
    left: 250px;
    right: -250px;
  }

  .wrapper-page {
    width: 90%;
  }

  .ms-container {
    width: 100%;
  }

  .navbar-toggleable-md .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  #wrapper.enlarged .topbar .topbar-left {
    width: 50px !important;
  }

  #wrapper.enlarged .topbar .topbar-left .button-menu-mobile,
  .button-menu-mobile {
    padding-left: 8px;
  }

  #wrapper.enlarged .navbar-custom {
    margin-left: 45px !important;
  }

  .lang-link {
    margin-right: 0 !important;
  }

  .nav-user {
    padding: 0 !important;
  }

  .header-title {
    font-size: 14px;
  }

  .header-title-border {
    padding-left: 7px;
  }

  .card-box {
    height: auto !important;
  }

  .card-box-home {
    height: auto !important;
  }

  .tab-content .p-20 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .nav-tabs .nav-link {
    padding: 8px;
  }

  .wellcome-card {
    max-width: 100% !important;
  }

  #sidebar-menu > ul li:first-child {
    display: none !important;
  }

  #sidebar-menu {
    padding-bottom: 0 !important;
  }
}

@media screen and (min-width: 1024px) {
  .col,
  .col-1,
  .col-10,
  .col-11,
  .col-12,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-lg,
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-md,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-sm,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-xl,
  .col-xl-1,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9 {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media screen and (min-width: 1366px) {
  .content-page > .content-innerpage {
    max-width: 100%;
    margin: 0 auto;
    margin-top: 60px;
  }
}
@media screen and (min-width: 1700px) {
  .content-page > .content {
    max-width: 92%;
    margin: 0 auto;
    margin-top: 60px;
  }
}
@media (max-width: 577px) {
  #wrapper.forced .side-menu.left ul li {
    float: left;
    width: 33%;
    border-radius: 0;
    height: 6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 0 !important;
  }

  #wrapper.forced .side-menu.left {
    display: block;
    width: 100% !important;
    height: 210px;
  }
}

@media (min-width: 577px) {
  #wrapper.forced .side-menu.left ul li {
    float: left;
    width: 20%;
    border-radius: 0;
  }

  #wrapper.forced .side-menu.left {
    display: block;
    width: 100% !important;
    height: 125px;
  }

  .smallscreen .q-mail-logo {
    width: auto;
  }
  .table-bordered {
    border-collapse: separate;
  }

  .table-bordered thead th:first-child,
  .table-bordered thead th:nth-child(2) {
    position: sticky;
    left: 0;
    background-color: #f2f2f2;
    z-index: 99;
    /* box-shadow: inset -1px 0 0 #dee2e6; */
  }

  .table-bordered thead th:nth-child(2) {
    border-right: 1px solid #e9ecee;
    border-left: 1px solid #e9ecee !important;
  }

  .table-bordered thead th:nth-child(1),
  .table-bordered tbody td:nth-child(1) {
    width: var(--first-column-width) !important;
  }

  .table-bordered thead th:nth-child(2),
  .table-bordered tbody td:nth-child(2) {
    left: var(--first-column-width) !important;
  }

  .table-bordered tbody td:first-child {
    text-align: center;
  }

  .table-bordered tbody td:first-child,
  .table-bordered tbody td:nth-child(2) {
    position: sticky;
    left: 0;
    z-index: 99;
    /* box-shadow: inset -1px 0 0 #dee2e6; */
  }

  .table-bordered tbody td:nth-child(2) {
    border-right: 1px solid #e9ecee;
    border-left: 1px solid #e9ecee !important;
  }

  .table-bordered thead th:last-child {
    position: sticky;
    right: 0;
    background-color: #f2f2f2;
    z-index: 99;
    /* box-shadow: inset 1px 0 0 #dee2e6; */
    border-left: 1px solid#e9ecee;
  }

  .table-bordered tbody td:last-child {
    position: sticky;
    right: 0;
    z-index: 99;
    /* box-shadow: inset 1px 0 0 #dee2e6; */
    border-left: 1px solid #e9ecee;
  }
}