﻿@media (max-width: 1060px) {
  .selected-menu-item {
    padding-left: 20px; }
  .content {
    padding-top: 30px; }
  .user-pages .row {
    padding: 24px 4px; }
  .user-pages.admin .row {
    padding-right: 0; }
  .user-pages.admin.user-list .profile-img-error {
    padding-left: 5.4%; }
  .user-pages.admin .delete-user {
    margin-right: 2.9%; }
  .user-pages.admin .profile-img-container {
    margin: 0 0.5%; }
  .user-pages.admin .info,
  .user-pages.admin .info-edit {
    width: 40%; }
  .user-pages.create .info-edit {
    width: 45%; } }

@media (max-width: 900px) {
  .content {
    padding-top: 15px; }
  .user-pages.admin .delete-user {
    margin-right: 2.3%; }
  .user-pages.admin .profile-img-container {
    margin: 0 1%; }
  .user-pages.admin .info,
  .user-pages.admin .info-edit {
    width: 37.5%; } }

@media (max-width: 775px) {
  .navbar-nav {
    font-size: 13px; }
  .user-pages .info,
  .user-pages .info-edit {
    width: 45%; }
  .user-pages.list .actions {
    justify-content: space-between; }
    .user-pages.list .actions input[type=search],
    .user-pages.list .actions .custom-select {
      width: 49%;
      margin-left: 0;
      max-width: 100%; }
  .user-pages.admin .actions {
    justify-content: space-between; }
    .user-pages.admin .actions input[type=search],
    .user-pages.admin .actions .custom-select,
    .user-pages.admin .actions .create-button {
      width: 32%;
      margin-left: 0; }
  .user-pages.admin .info,
  .user-pages.admin .info-edit,
  .user-pages.admin.create .info-edit {
    width: 35%; }
  .user-pages.admin .delete-user {
    margin-right: auto; }
  .user-pages.admin .job-functions {
    width: 32%;
    margin-left: 1.5%; } }

@media (max-width: 765px) {
  .user-pages .save-edits-btn {
    margin-left: 0;
    margin-right: 4px; }
  .user-pages.admin .delete-user {
    margin-right: 4%; }
  .user-pages.admin .profile-img-container {
    margin-right: auto; }
  .user-pages.admin.user-list .profile-img-error {
    padding-left: 8%; }
  .user-pages.admin .info,
  .user-pages.admin .info-edit,
  .user-pages.admin.create .info-edit {
    margin-right: 0;
    margin-left: auto;
    width: 54%;
    border-right: none; }
  .user-pages.admin .info-edit {
    margin-bottom: 20px; }
  .user-pages.admin .edit {
    margin-right: 15px; }
  .user-pages.admin .job-functions {
    width: 57%;
    margin-left: auto;
    margin-right: 0.5%; } }

@media (max-width: 635px) {
  .user-pages.details .profile-img-container, .user-pages.admin.create .profile-img-container {
    margin-right: auto; }
  .user-pages.details .info,
  .user-pages.details .info-edit, .user-pages.admin.create .info,
  .user-pages.admin.create .info-edit {
    width: 58%;
    margin-right: 0;
    margin-left: auto;
    border-right: none; }
  .user-pages.details .info-edit, .user-pages.admin.create .info-edit {
    margin-right: 9px; }
    .user-pages.details .info-edit .save-edits-btn, .user-pages.admin.create .info-edit .save-edits-btn {
      margin: 0; }
  .user-pages.details .edit, .user-pages.admin.create .edit {
    margin-right: 15px; }
  .user-pages.details .job-functions,
  .user-pages.details .jobs, .user-pages.admin.create .job-functions,
  .user-pages.admin.create .jobs {
    width: 58%;
    text-align: left; }
  .user-pages.list .info,
  .user-pages.list .info-edit {
    margin-right: auto;
    width: auto; }
  .user-pages.list .jobs {
    margin-top: 4px; }
  .user-pages.admin .actions input[type=search],
  .user-pages.admin .actions .custom-select,
  .user-pages.admin .actions .create-button {
    width: 49%; }
  .user-pages.admin .actions .create-button {
    margin: 1.9% auto 0; }
  .user-pages.admin .delete-user {
    margin-right: auto; }
  .user-pages.details .delete-user, .user-pages.admin .delete-user, .user-pages.admin.create .delete-user {
    order: 1; }
  .user-pages.details .profile-img-container, .user-pages.admin .profile-img-container, .user-pages.admin.create .profile-img-container {
    order: 2; }
  .user-pages.details .profile-img-error, .user-pages.admin .profile-img-error, .user-pages.admin.create .profile-img-error {
    order: 4;
    padding-bottom: 10px;
    margin-right: auto; }
  .user-pages.details .info,
  .user-pages.details .info-edit, .user-pages.admin .info,
  .user-pages.admin .info-edit, .user-pages.admin.create .info,
  .user-pages.admin.create .info-edit {
    order: 3; }
  .user-pages.details .job-functions,
  .user-pages.details .jobs, .user-pages.admin .job-functions,
  .user-pages.admin .jobs, .user-pages.admin.create .job-functions,
  .user-pages.admin.create .jobs {
    order: 5; } }

@media (max-width: 475px) {
  .selected-menu-item {
    display: none; }
  .selected-menu-item.mobile {
    margin-top: 10px;
    margin-bottom: 0;
    display: block;
    padding-left: 4px; }
  .navbar-nav.user .nav-link {
    font-size: 0.8rem; }
  .account-pages a,
  .account-pages input[type=submit] {
    width: 50%; }
  .user-pages .actions {
    padding-top: 15px; }
  .user-pages.details .profile-img-container, .user-pages.admin.create .profile-img-container {
    margin-right: 0; }
  .user-pages input[type=search],
  .user-pages .custom-select {
    width: 100%;
    margin: 5px 0; }
  .user-pages .jobs {
    text-align: left;
    margin-top: 10px; }
  .user-pages.details .actions, .user-pages.list .actions, .user-pages.admin .actions, .user-pages.admin.create .actions {
    flex-direction: column;
    align-items: center;
    padding-bottom: 0; }
    .user-pages.details .actions input[type=search],
    .user-pages.details .actions .custom-select,
    .user-pages.details .actions .create-button, .user-pages.list .actions input[type=search],
    .user-pages.list .actions .custom-select,
    .user-pages.list .actions .create-button, .user-pages.admin .actions input[type=search],
    .user-pages.admin .actions .custom-select,
    .user-pages.admin .actions .create-button, .user-pages.admin.create .actions input[type=search],
    .user-pages.admin.create .actions .custom-select,
    .user-pages.admin.create .actions .create-button {
      width: 100%; }
  .user-pages.details .user-list, .user-pages.list .user-list, .user-pages.admin .user-list, .user-pages.admin.create .user-list {
    margin-top: 15px; }
  .user-pages.details .info,
  .user-pages.details .info-edit,
  .user-pages.details .job-functions,
  .user-pages.details .jobs, .user-pages.list .info,
  .user-pages.list .info-edit,
  .user-pages.list .job-functions,
  .user-pages.list .jobs, .user-pages.admin .info,
  .user-pages.admin .info-edit,
  .user-pages.admin .job-functions,
  .user-pages.admin .jobs, .user-pages.admin.create .info,
  .user-pages.admin.create .info-edit,
  .user-pages.admin.create .job-functions,
  .user-pages.admin.create .jobs {
    height: auto;
    border: none;
    width: 100%; }
  .user-pages.details .info, .user-pages.list .info, .user-pages.admin .info, .user-pages.admin.create .info {
    margin: 20px 21px 10px; }
  .user-pages.details .info-edit, .user-pages.list .info-edit, .user-pages.admin .info-edit, .user-pages.admin.create .info-edit {
    margin: 20px 11px 10px; }
  .user-pages.details .info .edit,
  .user-pages.details .info-edit .save-edits-btn, .user-pages.list .info .edit,
  .user-pages.list .info-edit .save-edits-btn, .user-pages.admin .info .edit,
  .user-pages.admin .info-edit .save-edits-btn, .user-pages.admin.create .info .edit,
  .user-pages.admin.create .info-edit .save-edits-btn {
    margin-right: 0;
    margin-left: 5%; }
  .user-pages.details .jobs, .user-pages.list .jobs, .user-pages.admin .jobs, .user-pages.admin.create .jobs {
    margin: 10px 21px; }
  .user-pages.admin .delete-user {
    margin-left: 8px; }
  .user-pages.admin .profile-img-container {
    margin-right: auto;
    margin-left: -6%; }
  .user-pages.admin .job-functions {
    margin: 0; }
    .user-pages.admin .job-functions .jobs {
      margin: 10px 0 10px 20px; }
  .user-pages.details {
    margin-top: 20px; }
  .user-pages.details .profile-img-error, .user-pages.admin .profile-img-error, .user-pages.admin.create .profile-img-error {
    order: 3;
    padding-left: 20px; }
  .user-pages.details .info,
  .user-pages.details .info-edit, .user-pages.admin .info,
  .user-pages.admin .info-edit, .user-pages.admin.create .info,
  .user-pages.admin.create .info-edit {
    order: 4; } }
