/* Large Devices, Wide Screens */
/* Medium Devices, Desktops */
/* Small Devices, Tablets */
/* Extra Small Devices, Phones */
/* Custom, iPhone Retina */
@media (max-width: 767px) {
  main.crm.categories header.top .items {
    margin: 0px 0px;
  }
}
@media (max-width: 767px) {
  header.top {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 992px) {
  header.top .items {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
  }
}
@media (max-width: 992px) {
  header.top .items .right-block {
    order: 3;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (max-width: 992px) {
  header.top .items .right-block .button-message {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    margin: auto;
  }
}
@media (max-width: 992px) {
  header.top .items .right-block .user-items {
    width: 100%;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 25px 0px;
  }
}
@media (max-width: 992px) {
  header.top .items .right-block .user-items .lk-user {
    order: 1;
  }
}
@media (max-width: 992px) {
  header.top .items .right-block .user-items .lk-user a {
    margin: 0px 0px;
  }
}
@media (max-width: 992px) {
  header.top .items .right-block .user-items .lk-link {
    margin-left: 0px;
    order: 2;
  }
}
@media (max-width: 992px) {
  header.top .items .right-block .user-items .output {
    order: 3;
  }
}
@media (max-width: 992px) {
  header.top .items a.logo {
    order: 1;
  }
}
@media (max-width: 992px) {
  header.top .items a.logo img {
    margin: auto;
  }
}
@media (max-width: 767px) {
  header.top .items a.logo img {
    width: 245px;
  }
}
@media (max-width: 992px) {
  header.top .items .burger-button {
    order: 2;
  }
}
header.top .items .burger-button .bars-block .band {
  width: 27px;
  height: 3px;
  background: #404041;
  display: block;
}
header.top .items .burger-button .bars-block .band:nth-child(2) {
  margin: 5px 0px;
}
@media (max-width: 767px) {
  nav.left-menu {
    position: absolute;
    z-index: 333;
    width: auto;
    max-width: unset;
    top: -1px;
  }
}
@media (max-width: 767px) {
  .content nav.left-menu ul li,
  nav.left-menu ul li {
    padding: 15px 10px;
  }
}
@media (max-width: 767px) {
  nav.left-menu ul li a .icon {
    margin-right: 0px;
  }
}
@media (max-width: 767px) {
  nav.left-menu ul li a .anchor {
    display: none;
  }
}
@media (max-width: 767px) {
  section.content {
    display: block;
  }
}
@media (max-width: 767px) {
  section .content-block {
    padding: 0px 15px;
  }
}
@media (max-width: 1200px) {
  section .content-block.table-block {
    margin-right: 45px;
  }
}
@media (max-width: 767px) {
  section .content-block.table-block {
    margin-left: 0px;
    padding-left: 65px;
    padding-right: 15px;
  }
}
@media (max-width: 767px) {
  section .content-block .items {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media (max-width: 1200px) {
  section .content-block .items h1,
  section .content-block .items .h1 {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  section.new-password,
  section.forgot_password,
  section.login {
    margin-top: 0px;
  }
}
@media (max-width: 767px) {
  section.new-password .form-block,
  section.forgot_password .form-block,
  section.login .form-block {
    border: unset;
  }
}
@media (max-width: 767px) {
  section.edit-profile {
    margin-bottom: 35px;
  }
}
@media (max-width: 767px) {
  section.totals .singly {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  section.totals .singly .earned {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}
@media (max-width: 767px) {
  section.totals .singly .earned .numb {
    font-size: 26px;
  }
}
@media (max-width: 380px) {
  section.totals .singly .earned .numb,
  section.totals .singly .earned .description {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  section.totals .singly .view-salary {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-left: 0px;
    margin-bottom: 35px;
  }
}
@media (max-width: 767px) {
  section.totals .detail {
    margin-top: 30px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}
@media (max-width: 767px) {
  section.totals .detail .item {
    margin-right: 0px;
  }
}
@media (max-width: 1500px) {
  section.settings {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media (max-width: 1500px) {
  section.settings .setting-block {
    width: 100%;
    max-width: 48%;
    margin-right: 0px;
    margin-bottom: 25px;
  }
}
@media (max-width: 767px) {
  section.settings .setting-block {
    width: 100%;
    max-width: 100%;
    margin-right: 0px;
    margin-bottom: 25px;
  }
}
@media (max-width: 767px) {
  section.settings .setting-block ul li {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media (max-width: 1500px) {
  section.settings .button-orange-white-bg {
    max-width: 300px;
  }
}
@media (max-width: 767px) {
  section.settings .button-orange-white-bg {
    margin: auto;
  }
}
@media (max-width: 767px) {
  section.reports ul.tabs__caption {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    overflow: auto;
  }
}
@media (max-width: 767px) {
  section.totals {
    margin-bottom: 20px;
  }
}
@media (max-width: 992px) {
  section.employment .edit-buttons {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media (max-width: 1200px) {
  .diagram.diagram-2 .diagram-designations.items {
    -webkit-flex-wrap: nowrap  !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
}
@media (max-width: 1200px) {
  .button-orange-white-bg,
  .button-orange {
    width: 100%;
    max-width: 300px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1200px) {
  form.filter {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (max-width: 1200px) {
  form .group {
    width: 50% !important;
    margin-right: 0px !important;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
  }
}
@media (max-width: 992px) {
  form .group {
    width: 100% !important;
    margin-bottom: 10px;
  }
}
@media (max-width: 1200px) {
  form .group .datepicker,
  form .group .date {
    width: 65%;
  }
}
@media (max-width: 992px) {
  form .group .datepicker,
  form .group .date {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  form .group .datepicker input,
  form .group .date input {
    max-width: 100%;
  }
}
@media (max-width: 1200px) {
  form .group label {
    width: 100% !important;
    text-align: center;
    margin-bottom: 8px;
    margin-right: 0px;
    font-size: 16px;
    font-weight: bold;
  }
}
@media (max-width: 1200px) {
  form .group .selecter,
  form .group input {
    width: 100% !important;
    max-width: 65%;
    height: 50px !important;
  }
}
@media (max-width: 992px) {
  form .group .selecter,
  form .group input {
    width: 100% !important;
    max-width: 100%;
    height: 50px !important;
  }
}
@media (max-width: 992px) {
  form .group:last-child {
    margin-bottom: 0px;
  }
}
@media (max-width: 767px) {
  table {
    margin-bottom: 5px;
  }
}
@media (max-width: 767px) {
  .button-orange-big {
    margin: auto;
  }
}
@media (max-width: 767px) {
  .h1 {
    width: 100%;
    text-align: center;
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .h2 {
    width: 100%;
    text-align: center;
    font-size: 20px;
  }
}
/*==========  Desktop First Method  ==========*/
/* Large Devices, Wide Screens */
/* Medium Devices, Desktops */
/* Small Devices, Tablets */
/* Extra Small Devices, Phones */
/* Custom, iPhone Retina */
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */