body {
  min-width: 100%;
  max-width: 100%;
  width: 100%;
}

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

.form-horizontal .form-group-fullwidth label {
  width: 100%;
  text-align: left;
}
.form-horizontal .form-group-fullwidth input {
  width: 100%;
}
.form-horizontal .form-group-fullwidth .checkbox {
  padding-top: 33px;
}
.form-horizontal .form-group-fullwidth .checkbox input {
  width: auto;
}
.form-horizontal .form-group-fullwidth.form-group {
  margin-right: 0;
  margin-left: 0;
}

.form-group-fullwidth .router-map {
  width: 100%;
}

#add-new-user-wrap .router-map {
  width: 100%;
}
#add-new-user-wrap button.submit-changes {
  margin: auto;
  text-align: center;
  float: none;
  display: block;
  margin-top: 10px;
  margin-bottom: 20px;
}

.latest-uploaded-files {
  display: grid;
  grid-template-columns: repeat(6, 1fr); /* 5 columns */
  gap: 16px;
  margin: 0 auto;
  padding: 10px;
}
@media (max-width: 1400px) {
  .latest-uploaded-files {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 1200px) {
  .latest-uploaded-files {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 900px) {
  .latest-uploaded-files {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 600px) {
  .latest-uploaded-files {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 400px) {
  .latest-uploaded-files {
    grid-template-columns: 1fr;
  }
}
.latest-uploaded-files .latest-file-item {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}
.latest-uploaded-files .latest-file-item img {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.latest-uploaded-files .latest-file-item a {
  display: block;
}

@media (max-width: 768px) {
  .login-form {
    margin: auto;
    padding-top: 50px;
    width: 400px;
  }
}
@media (max-width: 600px) {
  .login-form {
    margin: auto;
    padding-top: 50px;
    width: 100%;
  }
}

#page-wrapper, .navbar-default {
  transition: transform 0.3s ease;
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
  display: none;
}
.material-symbols-outlined.active {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}
@media (max-width: 768px) {
  .material-symbols-outlined {
    position: absolute;
    left: 10px;
    top: 16px;
    display: block;
  }
}

.mobile-search-and-action-icon {
  display: none;
  text-align: right;
  position: relative;
  float: right;
  padding-top: 15px;
}
@media (max-width: 768px) {
  .mobile-search-and-action-icon {
    display: block;
  }
}
.mobile-search-and-action-icon.active {
  padding-left: 20px;
}
.mobile-search-and-action-icon svg {
  width: 33px;
  height: 30px;
}
.mobile-search-and-action-icon i {
  font-size: 28px;
}

@media (max-width: 768px) {
  .main-right-menu form, .main-right-menu .dropdown, .main-right-menu-icon {
    float: right;
    padding-right: 11px;
    padding-left: 13px;
    padding-bottom: 13px;
  }
}

.navbar .sidebar {
  visibility: visible;
}
.navbar .sidebar.inactive {
  transform: translate3d(-100%, 0, 0);
}
@media (max-width: 768px) {
  .navbar .sidebar.inactive {
    display: none;
  }
}
@media (max-width: 768px) {
  .navbar .navbar-header {
    width: 100%;
    float: none;
    display: block;
    text-align: center;
  }
  .navbar .navbar-header .navbar-brand {
    float: none;
    display: inline-block;
    height: auto;
    padding-bottom: 14px;
  }
}
@media (max-width: 768px) {
  .navbar .navbar-top-links {
    margin-right: 0;
    text-align: center;
    padding-bottom: 16px;
  }
}

#page-wrapper {
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: transform, margin-left, margin-right;
}

#page-wrapper.active {
  margin: 0 0 0 0px;
}

@media (max-width: 768px) {
  .pane {
    max-width: 100%;
  }
  .pane .pane-table {
    overflow-x: auto;
    width: 100%;
  }
  .pane .pane-table .user-name-column, .pane .pane-table .user-tarrif, .pane .pane-table .user-routerpoint-column {
    min-width: 200px;
  }
  .pane .pane-table .user-balance-column, .pane .pane-table th {
    min-width: 100px;
  }
  .pane .pane-table .user-connection-point {
    min-width: 250px;
  }
}

@media (max-width: 768px) {
  .h1, h1 {
    font-size: 26px;
  }
}

@media (max-width: 768px) {
  .h2, h2 {
    font-size: 24px;
  }
}

@media (max-width: 768px) {
  .pane-title > h2 {
    font-size: 20px;
  }
}

@media (max-width: 768px) {
  .mobile-clear {
    width: 100%;
    clear: both;
  }
}

@media (max-width: 768px) {
  .main-right-menu {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    gap: 20px 10px;
    float: none !important;
    width: 100%;
    padding-bottom: 15px !important;
  }
}

@media (max-width: 768px) {
  .router-map-details {
    float: none;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .router-details {
    float: none;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .page-menu-2-id-3 .pane-table .description, .page-menu-clients-id-payments .pane-table .description {
    min-width: 250px;
  }
  .page-menu-2-id-3 .pane-table .payment-date, .page-menu-clients-id-payments .pane-table .payment-date {
    min-width: 120px;
  }
}

#photo-gallery #g-sort-wrap {
  text-align: center;
  padding: 20px 10px;
}
#photo-gallery .g-photo-date, #photo-gallery .g-date-inserted {
  position: absolute;
  bottom: 5px;
  font-size: 10px;
  padding: 5px;
  border-radius: 10px;
}
#photo-gallery .g-date-inserted {
  left: 5px;
}
#photo-gallery .g-photo-date {
  right: 5px;
}
#photo-gallery .photogal-table {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
}
#photo-gallery .photogal-table .photogal-td {
  width: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#photo-gallery .photogal-table .photogal-td .img-thumbnail {
  min-width: 139px;
}
#photo-gallery .photogal-table .photogal-td .img-thumbnail.ph-loader {
  min-width: 10px;
}
@media (max-width: 768px) {
  #photo-gallery .photogal-table .photogal-td {
    width: 100%;
  }
  #photo-gallery .photogal-table .photogal-td .img-thumbnail {
    min-width: 270px;
  }
}
#photo-gallery .photogal-table .photogal-td a {
  position: relative;
}
#photo-gallery .g-date-inserted,
#photo-gallery #g-date-inserted-btn {
  background-color: #337ab7; /* Or any color */
  color: white;
}
#photo-gallery .g-photo-date,
#photo-gallery #g-photo-date-btn {
  background-color: #5db85b; /* Or any color */
  color: white;
}

/*# sourceMappingURL=mobile.css.map */