.sidebar-account {
  background: white;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  margin-top: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: white;
}
.sidebar-account .wave {
  background: #3f8cfc !important;
}
.sidebar-account .wave.-three {
  animation: drift 5000ms infinite linear;
  background: #3f8cfc !important;
}
.sidebar-account p {
  margin: unset;
}
.sidebar-account .logout-button {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
}
.sidebar-account .logout-button a {
  height: 30px;
  width: 30px;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  transition: all 0.2s;
}
.sidebar-account .logout-button a i {
  color: #3f8cfc;
}
.sidebar-account .logout-button a:hover {
  transform: scale(1.1);
}
.sidebar-account .name-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 3;
}
.sidebar-account .name-wrapper .nameplate {
  max-width: 200px;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 1rem;
}
.sidebar-account .name-wrapper .nameplate img {
  width: 100%;
}
.sidebar-account .name-wrapper p {
  color: #3f8cfc;
  font-weight: bold;
  font-size: 1.5rem;
  text-align: center;
}
.sidebar-account .name-wrapper p span {
  display: block;
  font-weight: 300;
  color: black;
}
.sidebar-account .name-wrapper .logo-name {
  position: absolute;
  top: 5px;
  left: 5px;
  background: white;
  border-radius: 50%;
  color: #3f8cfc;
}
.sidebar-account .company {
  font-weight: bold;
  background: #3f8cfc;
  color: white;
  border-radius: 50px;
  padding: 0.2rem 1.5rem;
  text-align: center;
  z-index: 3;
}

.sidebar-collapsed .sidebar-account {
  min-height: 50px;
}
.sidebar-collapsed .sidebar-account .name-wrapper,
.sidebar-collapsed .sidebar-account .company {
  display: none;
}
.sidebar-collapsed .sidebar-account .logout-button {
  position: initial;
}
.sidebar-collapsed .sidebar-account .wave {
  background: #3f8cfc !important;
}
.sidebar-collapsed .sidebar-account .wave.-three {
  animation: drift 5000ms infinite linear;
  background: #3f8cfc !important;
}

.courier-list-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.courier-list-wrapper .courier-button {
  width: unset;
  margin: 1rem;
  padding: 0.5rem;
  z-index: 1;
  min-width: 300px;
  min-height: 150px;
  flex-basis: 20%;
  flex-direction: column;
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
  background: #fff;
  position: relative;
  cursor: pointer;
  border-radius: 5px;
  transition: all 0.2s;
}
.courier-list-wrapper .courier-button .logo-wrapper {
  width: 90%;
  text-align: center;
}
.courier-list-wrapper .courier-button .logo-wrapper img {
  max-width: 100%;
  max-height: 100px;
}
.courier-list-wrapper .courier-button:hover {
  transform: translateY(-5px);
}
.courier-list-wrapper .courier-button.new-courier {
  justify-content: space-around;
}
.courier-list-wrapper .courier-button .courier-installed {
  position: absolute;
  top: -15px;
  right: 10px;
  background: white;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1);
  align-items: center;
  justify-content: center;
}
.courier-list-wrapper .courier-button .courier-installed i {
  color: #2ecc71;
  font-size: 2.4rem;
}
.courier-list-wrapper .courier-button .courier-installed.behind {
  z-index: -1;
}
.courier-list-wrapper .courier-button .opacity-layer {
  display: none;
  position: absolute;
  transition: all 0.2s;
}
.courier-list-wrapper .courier-button.courier-notinstalled {
  opacity: 0.6;
}
.courier-list-wrapper .courier-button.courier-notinstalled:hover {
  opacity: 1;
}
.courier-list-wrapper
  .courier-button.courier-notinstalled:hover
  .opacity-layer {
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(53, 150, 212, 0.75);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.courier-list-wrapper
  .courier-button.courier-notinstalled:hover
  .opacity-layer
  div.but {
  background: white;
  display: flex;
  border-radius: 50%;
  height: 70px;
  width: 70px;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
}
.courier-list-wrapper
  .courier-button.courier-notinstalled:hover
  .opacity-layer
  div.but
  i {
  font-size: 2rem;
  color: #3f8cfc !important;
}
.courier-list-wrapper
  .courier-button.courier-notinstalled:hover
  .opacity-layer
  div.but
  p {
  font-weight: bold;
  margin: unset;
  font-size: 1.2rem;
}

.shipping-nav {
  height: calc(100vh - 56px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow-y: auto;
  position: fixed;
}
.shipping-nav .quicklinks {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 780px) {
  .shipping-nav .quicklinks {
    display: none;
  }
}
.shipping-nav .quicklinks a {
  width: 95%;
  border-radius: 5px;
  color: #fff !important;
  padding: 1rem;
  text-align: center;
  font-size: 1.5rem;
  margin: 0.5rem auto;
  transition: all 0.2s;
}
.shipping-nav .quicklinks a:hover {
  text-decoration: none;
  transform: translateY(-1px);
  color: #fff !important;
}

.account-details {
  padding: 2rem;
  background: white;
}
.account-details .seperator {
  border-bottom: 1px solid #bdbdbd;
  width: 40%;
  margin: 1.5rem auto;
}
.account-details .logo {
  text-align: center;
  color: #33475a;
  font-weight: bold;
  font-size: 1.8rem;
}
.account-details .logo img {
  max-width: 100%;
  margin: 0 auto;
  max-height: 80px;
}
.account-details .info {
  display: flex;
  justify-content: space-between;
}
.account-details .info .left {
  flex-grow: 1;
}
.account-details .info .left span {
  width: 100%;
  text-align: left;
  display: block;
}
.account-details .info .left span.name {
  font-weight: bold;
}
.account-details .info .right {
  display: flex;
  justify-content: center;
  align-items: center;
}
.account-details .info .right i {
  margin-right: 0.5rem;
}

.custom-dashboard {
  display: flex;
  background: #f4f7fc;
  min-height: calc(100vh - 56px);
  width: 100%;
  padding: unset;
  margin: unset;
}
.custom-dashboard .left {
  flex-grow: 1;
  padding: 2rem;
}
.custom-dashboard .left .statuses h1 {
  color: #33475a;
  font-weight: bold;
  font-size: 1.8rem;
  margin: 1.5rem 0 1.5rem 0.5rem;
}
.custom-dashboard .left .statuses .status-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.custom-dashboard .left .statuses .status-wrapper .status {
  background: #fff;
  padding: 1rem;
  margin: 0.5rem;
  position: relative;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
  width: calc(33.3% - (0.5rem * 2));
  flex-basis: auto;
  min-width: 200px;
  transition: all 0.2s;
  cursor: pointer;
}
.custom-dashboard .left .statuses .status-wrapper .status:hover {
  text-decoration: none;
  transform: translateY(-2px);
}
.custom-dashboard .left .statuses .status-wrapper .status .order-link {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1rem;
}
.custom-dashboard .left .statuses .status-wrapper .status .icon {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 1rem;
  left: 1rem;
}
.custom-dashboard .left .statuses .status-wrapper .status .icon .wrapper {
  width: 40px;
  height: 40px;
  background: #e2e2e2;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.custom-dashboard
  .left
  .statuses
  .status-wrapper
  .status
  .icon
  .wrapper
  .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0.4;
  z-index: 1;
}
.custom-dashboard
  .left
  .statuses
  .status-wrapper
  .status
  .icon
  .wrapper
  .status-icon {
  z-index: 2;
}
.custom-dashboard .left .statuses .status-wrapper .status .value {
  text-align: center;
  color: #33475a;
  font-weight: bold;
  font-size: 5rem;
  margin: 1.5rem 0 0.5rem;
}
.custom-dashboard .left .statuses .status-wrapper .status .status-name {
  letter-spacing: 0.05em;
  color: #627688;
  text-align: center;
  cursor: pointer;
  font-size: 1.2rem;
  text-transform: uppercase;
  margin: 0;
}
@media screen and (max-width: 1250px) {
  .custom-dashboard .left .statuses .status-wrapper .status {
    width: calc(50% - (0.5rem * 2));
  }
}
.custom-dashboard .left .graph h2 {
  color: #33475a;
  font-weight: bold;
  font-size: 1.8rem;
  margin: 1.5rem 0 1.5rem 0.5rem;
}
.custom-dashboard .left .graph .graph-wrapper {
  background: #fff;
  -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
  padding: 4rem;
  margin: 0.5rem;
  border-radius: 5px;
  height: 43vh;
}
.custom-dashboard .left .foot {
  font-size: 1rem;
  padding: 1rem;
}
@media screen and (max-width: 1250px) {
  .custom-dashboard .left .foot {
    display: none;
  }
}
.custom-dashboard .right {
  width: 25%;
  background: #fff;
  box-shadow: -3px -2px 20px 2px rgba(0, 0, 0, 0.1);
  min-width: 300px;
  max-height: calc(100vh - 56px);
  overflow: hidden;
}
.custom-dashboard .right .manager-title {
  width: 90%;
  margin: 0 auto;
  color: #fff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 1rem;
  background: #9b59b6;
  text-align: center;
  margin-bottom: 1rem;
}
.custom-dashboard .right .manager-title h3 {
  color: #fff;
  font-weight: bold;
  font-size: 1.8rem;
  margin: unset;
  padding: unset;
}
.custom-dashboard .right .manager-title p {
  padding: unset;
  margin: unset;
  font-weight: 300;
  font-size: 1.3rem;
}
@media screen and (max-width: 1250px) {
  .custom-dashboard .right {
    width: 95%;
    margin: 0 auto;
    border-radius: 5px;
    height: 800px;
    overflow: unset;
    max-height: unset;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 1250px) {
  .custom-dashboard {
    flex-direction: column;
  }
}

.calendar-button {
  background: unset;
  padding: 0.5rem;
  border-radius: 40%;
  height: 35px;
  width: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #1abc9c;
  position: relative;
}
.calendar-button .plus {
  top: -5px;
  width: 18px;
  height: 18px;
  border: 2px solid white;
  font-size: 0.8rem;
  right: -5px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #1abc9c;
  position: absolute;
  border-radius: 50%;
}
.calendar-button .plus i {
  color: white;
}
.calendar-button i {
  color: #1abc9c;
}
.calendar-button:hover {
  background: #1abc9c;
}
.calendar-button:hover i {
  color: white;
}

.qty-btn {
  background: unset;
  padding: 0.5rem;
  border-radius: 50%;
  height: 35px;
  width: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #757575;
  position: relative;
}

.button-wrapper {
  display: flex;
  justify-content: flex-end;
}
.button-wrapper .buttons {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.button-wrapper a,
.button-wrapper button {
  width: unset;
}
.button-wrapper a div,
.button-wrapper button div {
  border: 1px solid #3f8cfc;
  color: #3f8cfc;
  display: flex;
  width: 80px;
  height: 80px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  transition: all 0.2s;
  border-radius: 2px;
}
.button-wrapper a div span,
.button-wrapper button div span {
  font-size: 1rem;
  display: block;
}
.button-wrapper a div:hover,
.button-wrapper button div:hover {
  background: #3f8cfc;
  color: white;
}
.button-wrapper a div.solid,
.button-wrapper button div.solid {
  background: #3f8cfc;
  color: white;
}
.button-wrapper a div.danger,
.button-wrapper button div.danger {
  color: #aa3939;
  border-color: #aa3939;
}
.button-wrapper a div.danger span,
.button-wrapper button div.danger span {
  display: inline;
}
.button-wrapper a div.danger:hover,
.button-wrapper button div.danger:hover {
  background: #aa3939;
  color: white;
  border-color: #a52c2c;
}
@media screen and (max-width: 1480px) {
  .button-wrapper a div.danger span span,
  .button-wrapper button div.danger span span {
    display: block;
  }
}
.button-wrapper a div.despatched,
.button-wrapper button div.despatched {
  background: #1abc9c;
  color: white;
  border-color: #1abc9c;
}
.button-wrapper a div.despatched span,
.button-wrapper button div.despatched span {
  display: inline;
}
.button-wrapper a div.despatched:hover,
.button-wrapper button div.despatched:hover {
  background: #16a085;
  border-color: #16a085;
}
@media screen and (max-width: 1480px) {
  .button-wrapper a div.despatched span span,
  .button-wrapper button div.despatched span span {
    display: block;
  }
}
@media screen and (max-width: 1480px) {
  .button-wrapper a div,
  .button-wrapper button div {
    padding: unset;
    justify-content: space-evenly;
    width: 60px;
    height: 60px;
  }
}
@media screen and (max-width: 1414px) {
  .button-wrapper a div,
  .button-wrapper button div {
    width: 100%;
    height: unset;
    padding: 0.5rem;
    flex-direction: row;
    justify-content: center;
  }
  .button-wrapper a div i,
  .button-wrapper button div i {
    margin-right: 1rem;
  }
}
@media screen and (max-width: 1414px) {
  .button-wrapper a,
  .button-wrapper button {
    flex-basis: 100%;
  }
}

.panel {
  background: #fff;
  -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 1rem;
}
.panel .panel-heading {
  border-radius: 5px;
}
.panel .panel-heading .options .nav-tabs li.active a {
  background: #3f8cfc;
  color: white !important;
  border-radius: 5px;
}
.panel .panel-heading .options .nav-tabs li.active:hover {
  background: #3f8cfc;
  color: white !important;
  border-radius: 5px;
}
.panel .panel-heading .options .nav-tabs li.active:hover a {
  background: unset;
}
.panel.panel-white {
  box-shadow: unset;
  padding: unset;
}

.static-content-wrapper {
  background: #f4f7fc;
}

.table-responsive table.table thead tr th {
  background: #fafafa;
  border-bottom: unset;
}
.table-responsive table.table thead tr th:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.table-responsive table.table thead tr th:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.table-responsive table.table tbody tr:first-child td {
  border-top: unset;
}
.table-responsive table.table.selectboxes:nth-child(2) {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.table-responsive table.table.selectboxes:first-child {
  background: unset;
  border-radius: unset;
}
.table-vertical-spacing {
  border-collapse: separate;
  border-spacing: 0 12px;
}

.setting-option {
  background: #fff;
  -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 2rem 1rem;
  color: #33475a;
}
.setting-option .setting-icon {
  width: 50px;
  margin: 0 auto;
  height: 50px;
  background: #3f8cfc;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  border-radius: 50%;
  font-size: 25px;
  margin-bottom: 1rem;
}

.despatch-details-btn {
  background: #1abc9c;
  transition: all 0.2s;
  color: white !important;
}
.despatch-details-btn:hover {
  background: #16a085;
  color: white !important;
}
.despatch-details-btn.bordered {
  border: 1px solid #1abc9c;
  background: unset;
  color: #1abc9c !important;
}
.despatch-details-btn.bordered:hover {
  background: #1abc9c;
  color: white !important;
}

.btn-blue {
  background: #3f8cfc;
  transition: all 0.2s;
  color: white !important;
}
.btn-blue:hover {
  background: #3f8cfc;
  color: white !important;
}
.btn-blue.bordered {
  border: 1px solid #3f8cfc;
  background: unset;
  color: #3f8cfc !important;
}
.btn-blue.bordered:hover {
  background: #3f8cfc;
  color: white !important;
}

.btn-danger-alt {
  color: #e51c23 !important;
}

.pagination-floating {
  position: fixed;
  bottom: 20px;
  right: 15px;
  z-index: 999;
  -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 2rem 1rem;
  background: white;
  color: #3f8cfc;
  min-width: 200px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.pagination-floating .active-page {
  background: #3f8cfc;
  color: white;
  padding: 0.5rem;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.get_started_quick_terminal {
  font-weight: bold;
  background: rgba(253, 193, 84, 0.38);
  /* background-color: white; */
  padding: 1rem 2rem;
  border-radius: 5px;
  text-align: center;
}
.get_started_quick_terminal.ready {
  background: rgba(57, 193, 48, 0.2);
}
.get_started_quick_terminal.error {
  color: white;
  background: #e74c3c;
}
.get_started_quick_terminal.loading {
  color: #616161;
  background: rgba(253, 193, 84, 0.38);
}

.dc-lite-body {
  background: #f4f7fc;
  background-image: url("../../../assets/img/new-bg.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.dc-lite-body .opacity {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  opacity: 0.6;
  z-index: 1;
  flex-direction: column;
  background: linear-gradient(90deg, #3f8cfc, white);
}

.new-login {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Rubik";
  flex-direction: column;
  z-index: 3;
}
.new-login .copyright {
  text-align: center;
  color: white;
  margin-top: 1rem;
  font-size: 1rem;
  z-index: 3;
}
.new-login .copyright a {
  color: white !important;
  font-weight: bold;
  text-decoration: none;
}
.new-login .login {
  width: 400px;
  height: 410px;
  border-radius: 5px;
  z-index: 3;
  background: white;
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2);
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}
.new-login .login h2 {
  font-weight: bold;
  font-size: 3.75rem;
  line-height: 70px;
  color: #131333;
  font-family: "Rubik";
  letter-spacing: 2;
}
.new-login .login:after {
  content: "";
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  transform: translate3d(0, 0, 0);
}
.new-login .login-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 6%;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  z-index: 12;
}
.new-login .login-content .error {
  text-align: center;
  border-radius: 50px;
  margin-top: 1rem;
  font-size: 1.1rem;
  padding: 0.3rem 0.5rem;
  max-width: 300px;
  color: #806822;
  background: rgba(255, 228, 147, 0.77);
}
.new-login .login-content .logo {
  width: 100%;
  max-width: 200px;
}
.new-login .login-content .logo img {
  width: 100%;
  margin: 0 auto;
}
.new-login .login-content form {
  width: 100%;
  margin-top: 40px;
}
.new-login .login-content .input-wrapper {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  margin-top: 1rem;
}
.new-login .login-content .input-wrapper label {
  color: #151515;
  margin-bottom: 2px;
  font-weight: 300;
}
.new-login .login-content .input-wrapper input {
  background-color: white;
  border: 1px solid #e6e6e6;
  color: #131333;
  padding: 1rem;
  min-height: 48px;
  margin-bottom: 1rem;
}
.new-login .login-content .input-submit {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  margin-top: 3rem;
}
.new-login .login-content .input-submit input {
  background: unset;
  color: white;
  background: #3f8cfc;
  width: 100%;
  height: 48px;
  margin: 0 auto;
  font-weight: 300;
  text-align: center;
  position: relative;
  transition: all 0.2s;
}
.new-login .login-content .input-submit input:hover {
  -ms-transform: scale(1.05);
  /* IE 9 */
  transform: scale(1.05);
  /* Standard syntax */
}
.new-login .new-account {
  position: absolute;
  bottom: 2.5%;
  z-index: 2;
  text-align: center;
  width: 100%;
  left: 0;
  right: 0;
}
.new-login .new-account a {
  position: relative;
  color: #3f8cfc !important;
}
.new-login .new-account a span {
  position: relative;
  left: 0;
  transition: all 0.2s;
}
.new-login .new-account a:hover span {
  left: 5px;
}

.wave {
  opacity: 0.4;
  position: absolute;
  bottom: 15%;
  left: 50%;
  background: #3f8cfc;
  width: 500px;
  height: 500px;
  margin-left: -250px;
  margin-top: -250px;
  transform-origin: 50% 48%;
  border-radius: 43%;
  animation: drift 10000ms infinite linear;
}
.wave.lower {
  bottom: 6%;
}

.wave.-three {
  animation: drift 5000ms infinite linear;
}

.wave.-two {
  animation: drift 9000ms infinite linear;
  opacity: 0.1;
  background: #3f8cfc;
}

@keyframes drift {
  from {
    transform: rotate(0deg);
  }
  from {
    transform: rotate(360deg);
  }
}

.courier-settings-logo {
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 120px;
  height: 120px;
  background: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 10px solid #f4f7fc;
  position: absolute;
  top: calc((120px * -0.5) - 1rem);
}
.courier-settings-logo img {
  width: 100%;
  padding: 1rem;
}
.courier-settings-logo.relative {
  position: relative;
}

.courier-panel-heading,
.coruier-panel {
  margin-top: calc(120px / 2);
}

.delete-courier {
  border-radius: 50%;
}

.sidebar-default nav.widget-body > ul.acc-menu > li > a > i {
  color: #33475a;
}

.courier-account-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #9e9e9e;
  margin-top: 16px;
  background-color: white;
  padding: 0px 16px 0px 16px;
  line-height: 48px;
  border-radius: 5px;
  margin-bottom: 1rem;
}
.courier-account-title .courier-settings-logo {
  margin-left: 0;
}
.courier-account-title h1 {
  color: #9e9e9e;
  font-size: 14px;
  font-weight: 700;
  padding: 14px 0 14px;
  margin: 0;
  margin-left: 120px;
  line-height: 20px;
  text-transform: uppercase;
}

/* Label: CSS Rework */

body {
  font-family: "Poppins", sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Poppins", sans-serif !important;
}

.navbar-fixed-top + #wrapper,
.navbar-fixed-top + #layout-fixed {
  padding: 0 !important;
}

.button-cloud-blue {
  background-color: #2384e3;
  border: 0;
  border-radius: 6px;
  color: #ffffff;
  font-weight: 600;
  text-transform: initial;
  transition: 0.5s ease;
}

.button-cloud-blue:hover {
  box-shadow: 0px 10px 30px rgba(35, 132, 227, 0.28);
  color: #ffffff !important;
}

.button-cloud-blue:focus {
  color: #ffffff !important;
}

.button-cloud-blue-outline {
  background-color: #ffffff;
  border: 1.5px solid #2384e3;
  border-radius: 6px;
  color: #2384e3;
  font-weight: 600;
  text-transform: initial;
  transition: 0.5s ease;
}

.button-cloud-blue-outline:focus {
  color: #2384e3;
}

.button-cloud-blue-outline:hover {
  background-color: #2384e3;
  color: #ffffff;
}

.button-cloud-blue-outline:focus:hover {
  color: #ffffff;
}

.button-cloud-ice {
  background-color: #eef7ff;
  border-radius: 6px;
  color: #2384e3;
  font-weight: 600;
  text-transform: initial;
  transition: 0.5s ease;
}

.button-cloud-ice:hover {
  background-color: #2384e3;
  color: #ffffff;
}

.button-cloud-red {
  background-color: #fff1f1;
  border-radius: 6px;
  color: #ff4e4e;
  font-weight: 600;
  text-transform: initial;
  transition: 0.5s ease;
}

.button-cloud-red:hover {
  background-color: #ff4e4e;
  color: #ffffff;
}

.button-cloud-green-outline {
  background-color: #ffffff;
  border: 1.5px solid #3cb094;
  border-radius: 6px;
  color: #3cb094;
  font-weight: 600;
  text-transform: initial;
  transition: 0.5s ease;
}

.button-cloud-green-outline:hover {
  background-color: #3cb094;
  color: #ffffff;
}

.button-cloud-black-outline {
  background-color: #ffffff;
  border: 1.5px solid #ebecee;
  border-radius: 6px;
  color: #353c52;
  font-weight: 600;
  text-transform: initial;
  transition: 0.5s ease;
}

.button-cloud-black-outline:hover {
  border: 1.5px solid #2384e3;
  background-color: #2384e3;
  color: #ffffff;
}

.button-cloud-black-outline:focus:hover {
  color: #ffffff;
}

.modal-body {
  max-height: inherit;
}

.panel-heading {
  /* background-color: #f5f6fa !important; */
  border-radius: 6px !important;
}

.panel-heading h2 {
  font-weight: 600 !important;
  font-size: 16px !important;
  color: #353c52 !important;
}

a,
.text-info {
  color: #2384e3;
}

a:hover,
a:focus {
  color: #2384e3;
}

.text-info:hover {
  color: #2384e3 !important;
}

.datepicker {
  max-width: 274px;
}

.form-control {
  color: #343d51 !important;
}

@keyframes fade_in_show {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/* Label: Sidebar */
.static-sidebar-wrapper,
.static-sidebar {
  width: 240px;
  top: 1rem !important;
}

.sidebar-account {
  align-items: unset;
}

.sidebar-account .name-wrapper .nameplate {
  width: unset;
  margin: 0 0 5rem 0;
}

.sidebar-account .name-wrapper a {
  cursor: default;
}

.sidebar-account .name-wrapper .nameplate img {
  width: 180px;
  height: 32px;
  cursor: pointer;
}

.sidebar-account .name-wrapper p {
  width: 80%;
  background-color: #eef7ff;
  border-radius: 6px;
  margin: 0 0.5rem;
  padding: 1rem 0;
  color: #2384e3;
  font-weight: 600;
}

.sidebar-account .name-wrapper p span {
  color: #2384e3;
  font-weight: 400;
}

#widget-sidebar {
  margin-top: 2rem;
}

.sidebar nav.widget-body > ul.acc-menu li a {
  color: #6d729c !important;
  padding: 17px 23px;
}

.sidebar nav.widget-body > ul.acc-menu li a:hover {
  color: #353c52 !important;
  background-color: transparent !important;
}

.sidebar-default nav.widget-body > ul.acc-menu > li.active > a > i,
.sidebar-default nav.widget-body > ul.acc-menu > li.active > a:hover > i {
  color: #2384e3 !important;
}

.sidebar-default nav.widget-body > ul.acc-menu > li > a:hover > i {
  color: #2384e3 !important;
}

.sidebar-default nav.widget-body > ul.acc-menu > li.active > a {
  background-color: transparent;
}

.sidebar-default nav.widget-body > ul.acc-menu > li > a > i {
  color: #969eb5;
}

.sidebar nav.widget-body > ul.acc-menu li.hasChild.open > a > i {
  color: #2384e3;
}

.sidebar nav.widget-body > ul.acc-menu > li > a > span {
  font-weight: 500;
  font-size: 13px;
}

.sidebar nav.widget-body > ul.acc-menu li.hasChild > a::before {
  content: "\f107";
}

.sidebar nav.widget-body > ul.acc-menu li.hasChild.open > a::before {
  content: "\f106";
}

.sidebar-default nav.widget-body > ul.acc-menu ul,
.sidebar-default nav.widget-body > ul.acc-menu ul li a {
  background-color: transparent;
  color: #969eb5 !important;
  font-weight: 400;
  font-size: 13px;
}

.sidebar-default nav.widget-body > ul.acc-menu ul {
  padding: 0;
}

.sidebar-default nav.widget-body > ul.acc-menu ul li a {
  padding: 10px 0 10px 63px;
}

.sidebar-default nav.widget-body > ul.acc-menu ul li a:hover {
  background-color: transparent;
}

.static-sidebar-wrapper .sidebar-tools {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 0 23px;
  width: 100%;
}

.static-sidebar-wrapper .sidebar-tools a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  border: 1px solid #e0e3ee;
  border-radius: 12px;
  transition: all 0.5s ease;
}

.static-sidebar-wrapper .sidebar-tools a:hover {
  border: 1px solid #2384e3;
  background-color: #2384e3;
}

.static-sidebar-wrapper .sidebar-tools a i {
  color: #b5bdd3;
  font-size: 16px;
}

.static-sidebar-wrapper .sidebar-tools a:hover i {
  color: #ffffff;
}

/* Label: Dashboard */
.custom-dashboard .left .statuses .status-wrapper .status {
  margin: 3rem;
  width: calc(25% - (3rem * 2)); /* minus margin left and right */
  border-radius: 12px;
}

.custom-dashboard .left .statuses .status-wrapper .status .icon {
  left: 50%;
  top: -2rem;
  transform: translate(-50%);
}

.custom-dashboard .left .statuses .status-wrapper .status .icon .wrapper {
  width: 64px;
  height: 64px;
  background: #ffffff;
  box-shadow: 0px 10px 30px rgba(145, 180, 215, 0.15);
  border-radius: 24px;
  transition: all 0.5s ease;
}

.custom-dashboard
  .left
  .statuses
  .status-wrapper
  .status
  .icon
  .wrapper
  .status-icon {
  color: #2384e3 !important;
  font-size: 19px;
}

.custom-dashboard .left .statuses .status-wrapper .status .value {
  font-size: 24px;
  margin: 5rem 0 0.5rem;
}

.custom-dashboard .left .statuses .status-wrapper .status .status-name {
  font-size: 14px;
  text-transform: none;
}

.custom-dashboard .left .statuses .status-wrapper .status:hover {
  transform: unset;
}

.custom-dashboard .left .statuses .status-wrapper .status:hover .icon .wrapper {
  background-color: #2384e3;
  box-shadow: 0px 10px 30px rgba(35, 132, 227, 0.28);
}

.custom-dashboard
  .left
  .statuses
  .status-wrapper
  .status:hover
  .icon
  .wrapper
  .status-icon {
  color: #ffffff !important;
}

.custom-dashboard .left .statuses h1 {
  font-weight: 500;
  font-size: 20px;
  color: #353c52;
}

.custom-dashboard .left .statuses h1 span {
  font-weight: 600;
}

.custom-dashboard .left .graph h2 {
  font-weight: 500;
  font-size: 20px;
  color: #353c52;
}

.custom-dashboard .left .graph h2 span {
  font-weight: 600;
}

@media only screen and (max-width: 1440px) {
  .custom-dashboard .left .statuses .status-wrapper {
    justify-content: center;
  }

  .custom-dashboard .left .statuses .status-wrapper .status {
    margin: 3rem 1rem;
  }
}

/* Label: Purchase Orders - Create Purchase Order */

.info-tile {
  box-shadow: 0px 2px 4px rgba(209, 214, 229, 0.3);
  border-radius: 12px;
  display: flex !important;
  align-items: center;
  transition: 0.5s ease;
}

.info-tile:hover {
  background-color: #2384e3;
  box-shadow: 0px 10px 30px rgba(35, 132, 227, 0.28);
}

.info-tile .tile-icon-area {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2384e3;
  box-shadow: 0px 10px 30px rgba(35, 132, 227, 0.28);
  border-radius: 12px;
  margin-right: 2rem;
}

.info-tile:hover .tile-icon-area {
  background-color: #ffffff;
}

.info-tile .tile-icon-area i {
  font-size: 26px;
  color: #ffffff;
}

.info-tile:hover .tile-icon-area i {
  color: #2384e3;
}

.info-tile .tile-body {
  text-align: initial;
}

.info-tile .tile-body p {
  margin: 0;
  font-size: 24px;
  color: #353c52;
}

.info-tile:hover .tile-body p {
  color: #ffffff;
}

.info-tile .tile-body p span {
  font-weight: 600;
}

.modal-content {
  box-shadow: 0px 2px 4px rgba(209, 214, 229, 0.3);
  border-radius: 6px;
}

.modal-title {
  font-weight: 500;
  font-size: 16px;
  color: #353c52;
}

.modal-title span {
  font-weight: 600;
}

.modal-header .close {
  width: 32px;
  height: 32px;
  border: 1px solid #e0e3ee;
  border-radius: 12px;
}

.control-label {
  /* padding: 0; */
  font-weight: 500;
  color: #353c52;
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.form-control {
  border: 1px solid #e9ecf5;
  border-radius: 6px;
  color: #b5bdd3;
  height: 40px;
}

.modal-content .short {
  width: 100% !important;
}

.modal-content select {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
}

.modal-content .dropdown-wrap::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  position: absolute;
  top: 1rem;
  right: 3rem;
}

.modal-body {
  overflow-y: initial;
}

.modal-body .input-area {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}

.modal-body .form-group {
  margin-bottom: 0;
}

.modal-footer .btn {
  min-width: 120px;
  height: 40px;
  border-radius: 6px;
  font-weight: 600;
}

/* Label: Settings Page */

.settings-page {
  margin: 2rem 3rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.settings-page .info-tile {
  margin: 4rem 1rem 2rem;
  flex-direction: column;
  overflow: initial;
  height: 125px !important;
}

.settings-page .info-tile:hover {
  background-color: #ffffff;
}

.setting-option .setting-icon {
  width: 64px;
  height: 64px;
  background-color: #ffffff;
  color: #2384e3;
  box-shadow: 0px 10px 30px rgba(145, 180, 215, 0.15);
  border-radius: 24px;
  position: absolute;
  top: -3rem;
  transition: 0.5s ease;
}

.setting-option:hover .setting-icon {
  background-color: #2384e3;
  color: #ffffff;
  box-shadow: 0px 10px 30px rgba(35, 132, 227, 0.28);
}

.settings-page .info-tile span {
  margin-top: 5rem;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #353c52;
}

/* Label: Settings Page */

.settings-page {
  margin: 2rem 3rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.settings-page .info-tile {
  margin: 4rem 1rem 2rem;
  flex-direction: column;
  overflow: initial;
  height: 125px !important;
}

.settings-page .info-tile:hover {
  background-color: #ffffff;
}

.setting-option .setting-icon {
  width: 64px;
  height: 64px;
  background-color: #ffffff;
  color: #2384e3;
  box-shadow: 0px 10px 30px rgba(145, 180, 215, 0.15);
  border-radius: 24px;
  position: absolute;
  top: -3rem;
  transition: 0.5s ease;
}

.setting-option:hover .setting-icon {
  background-color: #2384e3;
  color: #ffffff;
  box-shadow: 0px 10px 30px rgba(35, 132, 227, 0.28);
}

.settings-page .info-tile span {
  margin-top: 5rem;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #353c52;
  text-align: center;
}

@media only screen and (max-width: 1600px) {
  .settings-page {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

/* Label: Sales Channels Page */

.courier-account-title {
  background-color: transparent;
  color: #353c52;
  padding: 0;
  margin: 0;
  line-height: initial;
  border-radius: 0;
  margin: 0 2rem;
}

.courier-account-title .courier-settings-logo {
  position: initial;
  margin: 0;
  border: 1px solid #e0e3ee;
  border-radius: 12px;
  width: 40px;
  height: 40px;
}

.courier-settings-logo img {
  width: 45px;
  height: 45px;
}

.courier-account-title h1 {
  color: #353c52;
  margin-left: 1rem;
  font-size: 20px;
  font-weight: 500;
  text-transform: initial;
}

.courier-account-title h1 span {
  font-weight: 600;
}

.courier-list-wrapper {
  margin: 2rem 3rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.courier-list-wrapper .courier-button {
  min-height: unset;
  min-width: unset;
  height: 125px;
  box-shadow: 0px 2px 4px rgba(209, 214, 229, 0.3);
  border-radius: 12px;
  margin: 3rem 1rem;
  transition: 0.5s ease;
}

.courier-list-wrapper .courier-button.courier-notinstalled {
  opacity: 1;
}

.courier-list-wrapper .courier-button .logo-wrapper {
  display: flex;
  align-items: center;
  padding: 1rem;
  width: 104px;
  height: 104px;
  background: #ffffff;
  border: 1px solid #e0e3ee;
  border-radius: 12px;
  position: absolute;
  top: -4rem;
}

.courier-list-wrapper .courier-button .title-wrapper {
  margin-top: 8rem;
  font-weight: 600;
  font-size: 16px;
  color: #353c52;
  transition: 0.5s ease;
}

.courier-list-wrapper .courier-button:hover {
  background-color: #2384e3;
}

.courier-list-wrapper .courier-button:hover .title-wrapper {
  color: #ffffff;
}

.courier-list-wrapper
  .courier-button.courier-notinstalled:hover
  .opacity-layer {
  background-color: unset;
}

@media only screen and (max-width: 1600px) {
  .courier-list-wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

/* Label: Sales Channels - Channel Page */
.courier-account-title h1 a {
  color: #353c52;
  margin-left: 1rem;
  font-size: 20px;
  font-weight: 500;
  text-transform: initial;
}

.courier-account-title h1 a span {
  font-weight: 600;
}

.courier-list-wrapper .courier-button.new-sub-courier {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 18rem;
}

.courier-list-wrapper .courier-button.new-sub-courier .title-wrapper {
  margin-top: 0;
  margin-bottom: 1rem;
}

.courier-list-wrapper
  .courier-button.new-sub-courier.subchannel
  .title-wrapper {
  margin-top: 5rem;
}

.courier-list-wrapper
  .courier-button.new-sub-courier:hover
  .button-area
  button {
  border: 1px solid #ffffff;
  color: #ffffff;
  background-color: #2384e3;
}

.courier-list-wrapper .courier-button.new-sub-courier .add-channel {
  width: 36px;
  height: 36px;
  background-color: #2384e3;
  color: #ffffff;
  box-shadow: 0px 10px 30px rgba(35, 132, 227, 0.28);
  border-radius: 6px;
}

/* Label: Inventory - Locations */
.panel .panel-heading {
  display: flex;
  align-items: center;
}

.panel .panel-heading .options {
  margin-left: auto;
}

.panel .panel-heading h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #353c52;
  text-transform: initial;
}

.panel .panel-heading .nav-tabs {
  display: flex;
  align-items: center;
}

.panel .panel-heading .options .nav-tabs li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  min-width: 109px;
  font-weight: 500;
}

.search-input-area {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}

.search-input-area label {
  font-style: normal;
  font-weight: 500;
  color: #353c52;
}

.search-input-area input {
  margin-left: 10rem;
  max-width: 423px;
  height: 40px;
}

.search-button-area {
  display: flex;
  align-items: center;
  margin-left: 15.4rem;
}

.search-button-area input {
  width: 154px;
  height: 50px;
  margin-right: 1rem;
}

.table-responsive table.table thead tr th {
  font-weight: 500;
  font-size: 14px;
  color: #353c52;
}

.table-responsive table.table tbody tr td {
  padding: 2rem 10px;
  vertical-align: middle;
  border: none;
}

.table-responsive table.table tbody tr.warning td {
  background-color: #fff7ee !important;
  border-radius: 6px;
}

.table-responsive table.table tbody tr td:first-child div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 32px;
  background-color: #fff7ee;
  color: #f28f1a;
  border-radius: 6px;
}

.table-responsive table.table tbody tr.warning td:first-child div {
  background-color: #f28f1a;
  color: #ffffff;
}

.table-responsive table.table tbody tr td:nth-child(2) a {
  color: #3cb094;
}

.table-responsive table.table tbody tr td.button-wrapper a {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 105px;
  height: 50px;
}

.table-responsive table.table tbody tr td.button-wrapper a:last-child {
  margin-left: 1rem;
}

#create_location h2 {
  font-weight: 500;
  font-size: 16px;
  color: #353c52;
}

#create_location .form-group {
  margin: 2rem 0;
  display: grid;
  grid-template-columns: 1fr 6fr;
}

#create_location .form-group label {
  margin: 0;
  margin-right: 1rem;
  padding: 0;
  display: flex;
  flex-direction: column;
  font-weight: 500;
  font-size: 14px;
  color: #353c52;
}

#create_location .form-group small {
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  color: #969eb5;
}

#create_location .form-group input,
#create_location .form-group select {
  width: 420px;
}

#create_location .form-group select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

#create_location .form-group .dropdown-wrap {
  position: relative;
}

#create_location .form-group .dropdown-wrap::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  position: absolute;
  top: 1.2rem;
  left: 39.5rem;
}

#create_location input.btn {
  min-width: 154px;
  height: 50px;
  margin-left: 49.5rem;
}

/* Label: List Shipments Page */
.panel .panel-heading {
  background-color: #f5f6fa;
}

.panel .panel-heading .panel-ctrls {
  margin-left: auto;
  margin-right: 1rem;
  width: 34px;
  height: 34px;
  background: #ffffff;
  border: 1px solid #e0e3ee;
  border-radius: 12px;
}

.panel .panel-heading .panel-ctrls .button-icon {
  margin: 0;
}

.panel #list-shipment-filter.panel-body.form-body {
  width: 40%;
}

.panel #list-shipment-filter.panel-body.form-body .form-group {
  margin: 2rem 0;
  display: grid;
  grid-template-columns: 1fr 4fr;
}

.panel #list-shipment-filter.panel-body.form-body .form-group select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.panel #list-shipment-filter.panel-body.form-body .form-group .dropdown-wrap {
  position: relative;
}

.panel
  #list-shipment-filter.panel-body.form-body
  .form-group
  .dropdown-wrap::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  position: absolute;
  top: 1.2rem;
  right: 2rem;
}

.panel #list-shipment-filter.panel-body.form-body .button-group {
  display: flex;
  align-items: center;
  justify-content: end;
}

.panel #list-shipment-filter.panel-body.form-body .button-group input.btn {
  min-width: 154px;
  height: 50px;
}

.panel
  #list-shipment-filter.panel-body.form-body
  .button-group
  input.btn:last-child {
  margin-left: 2rem;
}

#datepicker .input-group-addon {
  background-color: #2384e3 !important;
  color: #ffffff;
}

.table-responsive table.table thead tr th {
  background-color: #f5f6fa;
  vertical-align: middle;
}

.btn.manifest-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 154px;
  height: 50px;
  border: 1.5px solid #2384e3;
  border-radius: 6px;
  margin-top: 2rem;
  margin-left: auto;
}

.list-shipment-record-button-area {
  margin: 0 1rem 1rem;
}

.list-shipment-record-button-area input {
  height: 40px;
}

.list-shipment-record-button-area input:last-child {
  margin-left: 2rem;
}

.label {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 14px;
  border-radius: 6px;
  padding: 4px 12px;
}

.label.label-hold {
  color: #ff4e4e;
  background-color: #fff1f1;
}

.label.label--sm {
  width: 38px;
  height: 32px;
}

/* Label: List Inventory Page */
#list-inventory-btn-group {
  border: 1px solid #e0e3ee;
  border-radius: 6px;
}

#list-inventory-btn-group a {
  display: flex;
  align-items: center;
  height: 40px;
  font-weight: 600;
  font-size: 14px;
}

#list-inventory-btn-group .btn-primary {
  background-color: #2384e3 !important;
  color: #ffffff !important;
  box-shadow: 0px 10px 30px rgba(35, 132, 227, 0.28);
}

#list-inventory-btn-group .btn-default {
  background-color: #ffffff !important;
  color: #353c52 !important;
}

.panel #list-inventory-filter.panel-body {
  width: 40%;
}

.panel #list-inventory-filter.panel-body .form-group {
  margin: 2rem 0;
  display: grid;
  grid-template-columns: 1fr 4fr;
}

.panel #list-inventory-filter.panel-body .form-group select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.panel #list-inventory-filter.panel-body .form-group .dropdown-wrap {
  position: relative;
}

.panel #list-inventory-filter.panel-body .form-group .dropdown-wrap::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  position: absolute;
  top: 1.2rem;
  right: 2rem;
}

.panel #list-inventory-filter.panel-body .button-group {
  display: flex;
  align-items: center;
  justify-content: end;
}

.panel #list-inventory-filter.panel-body .button-group input.btn {
  min-width: 154px;
  height: 50px;
}

.panel #list-inventory-filter.panel-body .button-group input.btn:last-child {
  margin-left: 2rem;
}

/* Select Styles */
.select2-container--default .select2-selection--multiple {
  border: 1px solid #e9ecf5 !important;
}

.select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: 1px solid #c5c9d7 !important;
}

li.select2-selection__choice {
  background-color: #2384e3 !important;
  color: #fff;
  border: 0 !important;
  padding: 5px 10px !important;
}

span.select2-selection__choice__remove {
  color: #fff !important;
  margin-right: 5px !important;
}

.list-inventory-filter-button-area {
  display: flex;
  align-items: center;
  justify-content: end;
}

.list-inventory-filter-button-area input {
  min-width: 154px;
  height: 50px;
}

.list-inventory-filter-button-area input:last-child {
  margin-left: 2rem;
}

#list-inventory-table .button-wrapper {
  display: table-cell;
}

#list-inventory-table .table-bulk-area {
  display: flex;
  align-items: center;
  justify-content: end;
  margin-bottom: 16px;
}

#list-inventory-table .dropdown-wrap {
  position: relative;
  margin-right: 2rem;
}

#list-inventory-table .dropdown-wrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
  min-width: 220px;
  height: 34px;
}

#list-inventory-table .dropdown-wrap::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  position: absolute;
  top: 0.7rem;
  right: 1rem;
}

#list-inventory-table button {
  min-width: 153px;
  height: 34px;
  font-weight: 600;
  font-size: 14px;
}

/* Label: Purchase Order Page */
#purchase-order-page .page-header-area {
  margin-bottom: 2rem;
}

#purchase-order-page .page-header-area .dropdown-wrap {
  position: relative;
  margin-top: 1rem;
}

#purchase-order-page .page-header-area .dropdown-wrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

#purchase-order-page .page-header-area .dropdown-wrap::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

#purchase-order-page .order-title-area {
  display: flex;
  align-items: center;
}

#purchase-order-page .order-title-area h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  color: #353c52;
  margin-left: 1rem;
}

#purchase-order-page .order-title-area h2 span {
  font-weight: 600;
}

#purchase-order-page .order-title-area a {
  width: 40px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #e0e3ee;
  border-radius: 12px;
}

#purchase-order-page .order-title-area a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #e0e3ee;
  border-radius: 12px;
}

#purchase-order-page .order-title-area a i {
  color: #353c52;
}

#purchase-order-page .info-row-area {
  display: flex;
  align-items: center;
}

#purchase-order-page .info-row-area .panel {
  min-width: 347px;
  min-height: 263px;
  margin-right: 2rem;
  border: 1px solid #e9ecf5;
  border-radius: 6px;
  box-shadow: none;
  padding: 0;
}

#purchase-order-page .info-row-area .panel .panel-body {
  padding: 0;
}

#purchase-order-page .info-row-area .panel .panel-body .panel-title {
  margin-top: 1rem;
  margin-left: 1rem;
  font-weight: 500;
  font-size: 14px;
  line-height: 125%;
  color: #353c52;
  border-bottom: 1px solid #e9ecf5;
}

#purchase-order-page .info-row-area .panel .panel-body .panel-content {
  margin-top: 1rem;
  margin-left: 1rem;
  font-weight: 400;
  font-size: 14px;
  color: #353c52;
}

#purchase-order-page .inventory-table-wrapper .panel,
#purchase-order-page .inventory-table-wrapper .panel-body {
  padding: 0;
}

#purchase-order-page .inventory-table {
  border: none;
  box-shadow: none;
}

#purchase-order-page .inventory-table .table-header-area {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}

#purchase-order-page .inventory-table .table-header-area .table-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 125%;
  color: #353c52;
}

#purchase-order-page .inventory-table .table-header-area .table-header-buttons {
  display: flex;
  align-items: center;
  margin-left: auto;
}

#purchase-order-page
  .inventory-table
  .table-header-area
  .table-header-buttons
  a,
#purchase-order-page
  .inventory-table
  .table-header-area
  .table-header-buttons
  button {
  min-width: 154px;
  height: 42px;
}

#purchase-order-page
  .inventory-table
  .table-header-area
  .table-header-buttons
  a {
  display: flex;
  align-items: center;
}

#purchase-order-page .inventory-table .table-content-area th {
  background-color: #f5f6fa;
  font-weight: 500;
  font-size: 14px;
  color: #353c52;
}

#purchase-order-page .inventory-table .table-content-area td {
  vertical-align: middle;
}

#purchase-order-page .inventory-table .table-content-area td:nth-child(2) a {
  color: #3cb094 !important;
}

/* Label: Create Shipment Page */
#create-shipment-page .panel-heading {
  background-color: #f5f6fa !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  color: #353c52 !important;
}

#create-shipment-page .header-title {
  font-weight: 500;
  color: #353c52;
}

#create-shipment-page .order-search {
  margin-bottom: 2rem;
}

#create-shipment-page .order-search .form-control {
  width: 98%;
}

#create-shipment-page .order-search .input-group-btn button {
  width: 40px;
  height: 40px;
  border-radius: 12px !important;
}

#create-shipment-page #createShipmentForm .product-content-area button {
  min-width: 161px;
  height: 50px;
  border: 1.5px solid #2384e3;
  border-radius: 6px;
  margin-left: auto;
}

#create-shipment-page #createShipmentForm .product-content-area input {
  margin-bottom: 2rem !important;
}

#create-shipment-page
  #createShipmentForm
  .shipment-address-area
  .dropdown-wrap {
  position: relative;
}

#create-shipment-page
  #createShipmentForm
  .shipment-address-area
  .dropdown-wrap
  select {
  -webkit-appearance: none;
  -moz-appearance: none;
  min-width: 200px;
}

#create-shipment-page
  #createShipmentForm
  .shipment-address-area
  .dropdown-wrap::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

#create-shipment-page .product-list #emptyProductsListMessage {
  background-color: #fff7ee;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  color: #f28f1a;
  text-align: center;
}

#create-shipment-page .product-list button {
  min-width: 107px;
  height: 50px;
}

#create-shipment-page .shipment-list .btn.btn-danger-alt {
  background-color: #fff1f1 !important;
  border-radius: 6px;
  color: #ff4e4e !important;
  font-weight: 600;
  text-transform: initial;
  transition: 0.5s ease;
  border: none !important;
}

#create-shipment-page .shipment-list .btn.btn-danger-alt:hover {
  background-color: #ff4e4e !important;
  color: #ffffff !important;
}

#create-shipment-page .shipment-list .button-area button {
  min-width: 107px;
  height: 50px;
}

#create-shipment-page .shipment-list tbody tr td:first-child {
  position: relative;
}

#create-shipment-page .shipment-list tbody tr td:first-child::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  position: absolute;
  top: 2rem;
  right: 2rem;
}

#create-shipment-page .shipment-list tbody tr td:first-child select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

#create-shipment-page .output-area .panel-body {
  padding-left: 0;
  padding-right: 0;
}

#create-shipment-page .output-area .get_started_quick_terminal.ready {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #effbf8;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  color: #34aa8d;
  height: 50px;
  margin-bottom: 0;
}

#create-shipment-page .output-area .get_started_quick_terminal.ready i {
  margin-right: 1rem;
}

#create-shipment-page .action-area .dropdown-wrap {
  position: relative;
}

#create-shipment-page .action-area .dropdown-wrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
  min-width: 200px;
}

#create-shipment-page .action-area .dropdown-wrap::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

#create-shipment-page .action-area button {
  height: 50px;
}

/* Label: View Batch Histry Page */
#shipment-batch-history .action-panel .panel-body {
  width: 30%;
}

#shipment-batch-history .action-panel .panel-body .dropdown-wrap {
  position: relative;
}

#shipment-batch-history .action-panel .panel-body .dropdown-wrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
  min-width: 200px;
}

#shipment-batch-history .action-panel .panel-body .dropdown-wrap::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

#shipment-batch-history .action-panel .panel-body .action-button {
  display: block;
  min-width: 154px;
  height: 50px;
  margin-top: 2rem;
  margin-left: auto;
}

#shipment-batch-history .table-button-area a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 154px;
  height: 40px;
}

#shipment-batch-history .batch-back-button {
  min-width: 154px;
  height: 40px;
}

#shipment-batch-history .batch-label-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 154px;
  height: 50px;
}

/* Label: Create Inventory Page */
#create-inventory-page #inventoryCreateForm .dropdown-wrap {
  position: relative;
}

#create-inventory-page #inventoryCreateForm .dropdown-wrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
  min-width: 200px;
}

#create-inventory-page #inventoryCreateForm .dropdown-wrap::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  position: absolute;
  top: 1.2rem;
  right: 1.5rem;
}

#create-inventory-page #inventoryCreateForm button {
  display: block;
  margin-left: auto;
  min-width: 154px;
  height: 50px;
}

/* Label: List Purchase Orders Page */
#list-purchase-orders .form-group {
  display: flex;
  align-self: center;
  margin: 1rem 0;
}

#list-purchase-orders .form-group.button-area {
  margin-left: 16px;
}

#list-purchase-orders .form-group.button-area input {
  display: flex;
  align-items: center;
  min-width: 154px;
  height: 50px;
}

#list-purchase-orders .form-group .col-sm-8 {
  display: flex;
  align-items: center;
}

#list-purchase-orders .form-group .dropdown-wrap {
  position: relative;
  width: 100%;
}

#list-purchase-orders .form-group .dropdown-wrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

#list-purchase-orders .form-group .dropdown-wrap::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  position: absolute;
  top: 1.2rem;
  right: 1.5rem;
}

#list-purchase-orders .table-action-area {
  display: flex;
  align-items: center;
  justify-content: end;
}

#list-purchase-orders .table-action-area .dropdown-wrap {
  position: relative;
}

#list-purchase-orders .table-action-area .dropdown-wrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 35rem;
}

#list-purchase-orders .table-action-area .dropdown-wrap::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  position: absolute;
  top: 1.2rem;
  right: 1.5rem;
}

#list-purchase-orders .table-action-area button {
  height: 40px;
  margin-left: 2rem;
}

/* Label: All Orders Page */
#all-orders-page #filters_form {
  /* position: relative;
  z-index: 1; */
}

#all-orders-page #filters_form .dropdown-wrap {
  position: relative;
}

#all-orders-page #filters_form .dropdown-wrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

#all-orders-page #filters_form .dropdown-wrap::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  position: absolute;
  top: 1.1rem;
  right: 0.8rem;
}

#all-orders-page #filters_form .filter-buttons {
  display: flex;
  align-items: center;
  margin-left: 8px;
}

#all-orders-page #filters_form .filter-buttons input {
  min-width: 154px;
  height: 50px;
}

#dispatched_datepicker .input-group-addon {
  background-color: #2384e3 !important;
  color: #ffffff;
}

#all-orders-page #saved .button-area {
  display: flex;
  align-items: center;
}

#all-orders-page #saved .button-area input {
  display: flex;
  align-items: center;
  min-width: 154px;
  height: 50px;
}

#all-orders-page #bulkActionForm .bulk-action-area {
  display: flex;
  align-items: center;
  justify-content: end;
  margin-bottom: 2rem;
}

#all-orders-page #bulkActionForm .bulk-action-area button {
  height: 40px;
  margin-left: 2rem;
}

#all-orders-page #bulkActionForm .btn.button-cloud-ice {
  min-width: 50px;
  height: 50px;
}

#all-orders-page #bulkActionForm td.button-wrapper {
  display: table-cell;
}

/* Label: Order Info Page */
#order-info-page .header-title {
  font-weight: 500;
  font-size: 22px;
  color: #353c52;
}

#order-info-page .header-title span {
  font-weight: 600;
}

#order-info-page .dropdown-wrap {
  position: relative;
}

#order-info-page .dropdown-wrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

#order-info-page .dropdown-wrap::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  position: absolute;
  top: 1.2rem;
  right: 1.5rem;
}

#order-info-page .panel-heading {
  background-color: #f5f6fa !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  color: #353c52 !important;
}

#order-info-page .pull-right {
  margin-left: auto;
}

#order-info-page .note-panel #add_order_note {
  margin-top: 1.5rem;
}

#order-info-page .note-panel button {
  min-width: 100px;
  height: 40px;
}

#order-info-page .customer-panel .panel-heading {
  display: flex;
  align-items: center;
}

#order-info-page .customer-panel .panel-heading button {
  margin-left: auto;
}

#order-info-page .customer-panel input {
  margin: 1.5rem 0;
}

#order-info-page .customer-panel label {
  margin-bottom: 0;
}

#order-info-page .customer-panel .copy-button,
#order-info-page .customer-panel .customer-button,
#order-info-page .customer-panel .address-button {
  min-width: 150px;
  height: 24px;
}

#order-info-page .panel-label-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

#order-info-page .panel-label-area label {
  margin-right: 1rem;
}

#order-info-page .file-panel .panel-heading {
  display: flex;
  align-items: center;
}

#order-info-page .file-panel .panel-heading button {
  margin-left: auto;
}

#order-info-page th.add-space {
  padding: 0 10px;
}

/* Label: Despatch Details Page */
#despatch-details label {
  padding-top: 0;
  padding-bottom: 0;
}

/* Label: Order Picks Page */
#order-picks .filter-buttons input {
  height: 40px;
}

#order-picks .label {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 38px !important;
  min-height: 32px !important;
}

#order-picks .label.label-hold {
  width: unset;
}

#order-picks .dropdown-wrap {
  position: relative;
}

#order-picks .dropdown-wrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

#order-picks .dropdown-wrap::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  position: absolute;
  top: 1.2rem;
  right: 1.5rem;
}

/* Label: Fulfilment Client List */
#client-list .button-wrapper a {
  min-width: 50px;
}

/* Label: Fulfilment User Setup */
#user-setup .button-wrapper a {
  min-width: 50px;
}

#user-setup .dropdown-wrap {
  position: relative;
}

#user-setup .dropdown-wrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

#user-setup .dropdown-wrap::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  position: absolute;
  top: 1.2rem;
  right: 1.5rem;
}

/* Label: List Contracts Page */
#list-contracts .nav-button-area {
  border: 1px solid #e0e3ee;
  border-radius: 6px;
}

#list-contracts .nav-button-area a {
  display: flex;
  align-items: center;
  height: 40px;
  font-weight: 600;
  font-size: 14px;
}

#list-contracts .nav-button-area .btn-primary {
  background-color: #2384e3 !important;
  color: #ffffff !important;
  box-shadow: 0px 10px 30px rgba(35, 132, 227, 0.28);
}

#list-contracts .nav-button-area .btn-default {
  background-color: #ffffff !important;
  color: #353c52 !important;
}

#list-contracts .dropdown-wrap {
  position: relative;
}

#list-contracts .dropdown-wrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

#list-contracts .dropdown-wrap::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  position: absolute;
  top: 1.2rem;
  right: 1.5rem;
}

#list-contracts .filter-button-area input {
  min-width: 154px;
  height: 40px;
}

#list-contracts #bulkActionForm .bulk-action-area {
  display: flex;
  align-items: center;
  justify-content: end;
  margin-bottom: 2rem;
}

#list-contracts #bulkActionForm .bulk-action-area button {
  height: 40px;
}

#list-contracts #bulkActionForm .dropdown-wrap {
  width: 30%;
}

#list-contracts .list-button-area {
  display: table-cell;
}

#list-contracts .list-button-area a {
  width: 50px;
  height: 50px;
  min-width: unset;
}

/* Label: I-E-Inventory */
#i-e-inventory .fileinput .input-group-btn .button-cloud-blue-outline {
  display: flex;
  align-items: center;
  height: 40px;
}

#i-e-inventory .form-control.uneditable-input {
  width: 20rem;
}

#i-e-inventory .dropdown-wrap {
  position: relative;
}

#i-e-inventory .dropdown-wrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

#i-e-inventory .dropdown-wrap::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  position: absolute;
  top: 1.2rem;
  right: 1.5rem;
}

#i-e-inventory .filter-action-button {
  height: 40px;
}

/* Label: I-E-Contacts & I-E-Locations */
#i-e-contacts .fileinput .input-group-btn .button-cloud-blue-outline,
#i-e-locations .fileinput .input-group-btn .button-cloud-blue-outline {
  display: flex;
  align-items: center;
  height: 40px;
}

#i-e-contacts .form-control.uneditable-input,
#i-e-locations .form-control.uneditable-input {
  width: 20rem;
}

#i-e-contacts .filter-action-button,
#i-e-locations .filter-action-button {
  height: 40px;
}

/* Label: I-E-Orders */
#i-e-orders .fileinput .input-group-btn .button-cloud-blue-outline {
  display: flex;
  align-items: center;
  height: 40px;
}

#i-e-orders .form-control.uneditable-input {
  width: 20rem;
}

#i-e-orders .dropdown-wrap {
  position: relative;
}

#i-e-orders .dropdown-wrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

#i-e-orders .dropdown-wrap::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  position: absolute;
  top: 1.2rem;
  right: 1.5rem;
}

#i-e-orders .filter-action-button {
  height: 40px;
}

/* Label: Settings Page */
.settings-template .dropdown-wrap {
  position: relative;
}

.settings-template .dropdown-wrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.settings-template .dropdown-wrap::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  position: absolute;
  top: 1.2rem;
  right: 1.5rem;
}

.settings-template .action-button-area {
  display: flex;
  align-items: center;
}

.settings-template .action-button {
  height: 40px;
}

.settings-template a.action-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 126px;
}

#settings-general.settings-template .action-button-area {
  display: flex;
  align-items: center;
}

#settings-general.settings-template a.action-button {
  display: flex;
  align-items: center;
  justify-content: center;
}

#settings-general.settings-template .panel .panel-heading .nav-tabs {
  flex-wrap: wrap;
}

#settings-general.settings-template
  .panel
  .panel-heading
  .options
  .nav-tabs
  li
  a {
  min-width: unset;
}

#settings-packing .dropdown-wrap {
  position: relative;
}

#settings-packing .dropdown-wrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
}

#settings-packing .dropdown-wrap::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  position: absolute;
  top: 1rem;
  right: 1.5rem;
}

#settings-packing .delete-action {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#settings-packing .delete-action i {
  margin: 0;
}

#settings-packing .button-cloud-blue {
  height: 40px;
  display: flex;
  align-items: center;
  width: min-content;
}

#settings-shipping select {
  width: 100% !important;
}

#settings-shipping .toggle-handle.btn.btn-default {
  display: none;
}

#settings-shipping .table-responsive table.table tbody tr td:first-child div {
  width: 200%;
}

/* Label: Inventory Edit Page */
#inventory-manage .panel-heading {
  font-weight: 600 !important;
  font-size: 16px !important;
  color: #353c52 !important;
}

#inventory-manage .dropdown-wrap {
  position: relative;
}

#inventory-manage .dropdown-wrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
}

#inventory-manage .dropdown-wrap::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  position: absolute;
  top: 1rem;
  right: 1.5rem;
}

#inventory-manage .pull-right {
  margin-left: auto;
}

#inventory-manage #location_result tr td:first-child {
  text-align: center;
  vertical-align: middle;
}

#inventory-manage .panel-body .stock-title-row,
#inventory-manage .panel-body .stock-content-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-items: center;
}

#inventory-manage .panel-body .stock-title-row h5 {
  margin: 16px 10px;
}

/* Label: All Orders - v2 */

#all-orders-page .filter-area {
  display: grid;
  grid-template-columns: 4fr 1fr 1fr;
  margin-bottom: 2rem;
}

#all-orders-page .filter-area .search-section {
  display: flex;
  align-items: center;
  border: 1px solid #ebecee;
  border-radius: 6px;
}

#all-orders-page .filter-area .search-section input {
  margin: 1rem 0 1rem 1rem;
  color: #747b8d;
  background-color: #f5f6fa;
  border: 1px solid #f5f6fa;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#all-orders-page .filter-area .search-section input:focus {
  border-color: #f5f6fa !important;
}

#all-orders-page .filter-area .search-section select {
  background-color: #f5f6fa;
  border: 1px solid #f5f6fa;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  text-align: end;
  padding-right: 2rem;
}

#all-orders-page .filter-area .search-section select:focus {
  border-color: #f5f6fa !important;
}

#all-orders-page .filter-area .search-section .dropdown-wrap {
  position: relative;
  min-width: 160px;
}

#all-orders-page .filter-area .search-section .dropdown-wrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

#all-orders-page .filter-area .search-section .dropdown-wrap::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  position: absolute;
  top: 1.2rem;
  right: 1.5rem;
}

#all-orders-page .filter-area .search-section button {
  min-width: 126px;
  height: 40px;
  margin: 1rem;
}

#all-orders-page .filter-area #saved-filters {
  margin: 1rem;
}

#all-orders-page .filter-area #show-filters {
  margin: 1rem 0 1rem 0;
}

#all-orders-page .filter-area #saved-filters i,
#all-orders-page .filter-area #show-filters i {
  margin-left: 10px;
}

#all-orders-page .additional-filters {
  background-color: #f5f6fa;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  border-radius: 6px;
}

#all-orders-page .additional-filters.hidden {
  display: none;
}

#all-orders-page .additional-filters div {
  margin: 16px;
  cursor: pointer;
  font-weight: 500;
}

#all-orders-page .additional-filters .button-area {
  display: flex;
  margin: 8px 8px 8px auto;
  position: relative;
}

#all-orders-page .additional-filters .button-area #apply-filter-action {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  height: 40px;
}

#all-orders-page .additional-filters .button-area #save-filter-open {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 5px 10px 5px 5px;
  height: 40px;
}

#all-orders-page .additional-filters .button-area #save-filter-panel {
  display: flex;
  align-items: center;
  padding: 1rem;
  position: absolute;
  background-color: #ffffff;
  box-shadow: 0px 20px 30px rgba(18, 33, 48, 0.17);
  border-radius: 6px;
  top: 90%;
  right: -2rem;
  z-index: 10;
  transform-origin: right;
  animation: fade_in_show 0.5s;
  margin: 0 16px;
}

#all-orders-page .additional-filters .button-area #save-filter-panel.hidden {
  display: none;
}

#all-orders-page .additional-filters .button-area #save-filter-panel input {
  width: 200px;
  height: 40px;
  background-color: #f5f6fa;
  border: 1px solid #f5f6fa;
}

#all-orders-page .additional-filters .button-area #save-filter-panel button {
  width: 62px;
  height: 40px;
  margin-left: 1rem;
}

#all-orders-page .additional-filters .filter-main-panel {
  position: relative;
}

#all-orders-page .additional-filters .filter-main-panel .select2-container,
#all-orders-page
  .additional-filters
  .filter-main-panel
  .select2-results__options {
  min-width: 20rem !important;
}

#all-orders-page .additional-filters .filter-main-panel span {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#all-orders-page .additional-filters .filter-main-panel .filter-panel {
  position: absolute;
  left: -32px;
  background-color: #ffffff;
  box-shadow: 0px 20px 30px rgba(18, 33, 48, 0.17);
  border-radius: 6px;
  z-index: 15;
}

#all-orders-page .additional-filters .filter-main-panel i {
  transition: transform 0.5s;
}

#all-orders-page .additional-filters .filter-main-panel.hidden-panel i {
  transform: rotate(180deg);
}

#all-orders-page
  .additional-filters
  .filter-main-panel
  .filter-panel
  .form-control {
  width: unset !important;
  padding: 6px 18px;
}

#all-orders-page
  .additional-filters
  .filter-main-panel.hidden-panel
  .filter-panel {
  display: none;
}

#all-orders-page .active-filters {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  
  margin: 0 -4px;
}

#all-orders-page .active-filters .active-filter {
  background-color: #2384e3;
  color: #fff;
  border-radius: 6px;
  display: flex;
  align-items: center;
  margin: 4px;
  padding: 5px 10px;
  font-weight: 500;
  transition: opacity 300ms;
}

#all-orders-page .active-filters .active-filter.disabled {
  opacity: 0.5;
}

#all-orders-page .active-filters .active-filter i {
  margin-left: 10px;
  cursor: pointer;
}

#all-orders-page .table-select-all {
  display: flex;
  align-items: center;
  color: #000000;
}

#all-orders-page .table-select-all input {
  margin: 0;
  margin-right: 1rem;
}

#all-orders-page #all-orders-footer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: fixed;
  bottom: 0;
  left: 240px;
  width: calc(100% - 240px);
  background-color: #ffffff;
  padding: 2rem 1rem;
  z-index: 100;
  box-shadow: 4px 0 4px 0px rgba(0, 0, 0, 0.1);
  transition: transform 500ms;
  transform: translateY(100%);
}

#all-orders-page #all-orders-footer.has-pagination,
#all-orders-page #all-orders-footer.has-checks {
  transform: none;
}

#all-orders-page #actionButtons {
  display: none;
}

#all-orders-page #all-orders-footer button {
  height: 40px;
  margin: 0 4px;
  padding: 0 2rem;
}

#all-orders-page #all-orders-footer button i {
  margin-left: 1rem;
}

#all-orders-page #all-orders-footer .footer-action-area {
  position: relative;
}

#all-orders-page
  #all-orders-footer
  .footer-action-area
  .footer-action-dropdown {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 6rem;
  left: 1rem;
  background-color: #fff;
  padding: 20px;
  box-shadow: 0px 0px 30px rgba(18, 33, 48, 0.1);
  width: 320px;
  border-radius: 12px;
}

#all-orders-page
  #all-orders-footer
  .footer-action-area.hidden-panel
  .footer-action-dropdown {
  display: none;
}

#all-orders-page #all-orders-footer .footer-action-area button i {
  transition: transform 300ms;
}

#all-orders-page #all-orders-footer .footer-action-area.hidden-panel button i {
  transform: rotate(180deg);
}

#all-orders-page
  #all-orders-footer
  .footer-action-area
  .footer-action-dropdown#footer-action-bulk-tab {
  width: 380px;
}

#all-orders-page
  #all-orders-footer
  .footer-action-area
  .footer-action-dropdown#footer-action-bulk-tab
  button {
  margin-top: 20px;
  width: 160px;
  margin-right: auto;
  margin-left: auto;
}

#all-orders-page
  #all-orders-footer
  .footer-action-area
  .footer-action-dropdown#footer-action-bulk-tab
  #shippingMethodRequested {
  margin-top: 20px;
  display: none;
}

#all-orders-page
  #all-orders-footer
  .footer-action-area
  .footer-action-dropdown#footer-action-bulk-tab
  .dropdown-wrap {
  position: relative;
}

#all-orders-page
  #all-orders-footer
  .footer-action-area
  .footer-action-dropdown#footer-action-bulk-tab
  .dropdown-wrap
  select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

#all-orders-page
  #all-orders-footer
  .footer-action-area
  .footer-action-dropdown#footer-action-bulk-tab
  .dropdown-wrap::after {
  content: "\f107";
  font-family: FontAwesome;
  font-weight: 900;
  position: absolute;
  top: 1.2rem;
  right: 1.5rem;
}

#all-orders-page
  #all-orders-footer
  .footer-action-area
  .footer-action-dropdown
  a {
  color: #353c52;
  padding: 1rem 2rem;
}

#all-orders-page
  #all-orders-footer
  .footer-action-area
  .footer-action-dropdown
  a:hover {
  background-color: #f5f5f5;
}

#all-orders-page #all-orders-footer .pagination-section {
  margin-left: auto;
}

/* Pagination */
.pagination-section {
  display: flex;
  align-items: center;
}

.pagination-section .page {
  color: #353c52;
  background-color: transparent;
  padding: 8px 12px;
  border-radius: 6px;
  min-width: 32px;
  min-height: 32px;
  font-size: 13px;
  font-weight: 700;
  line-height: 130%;
  margin: 4px;
  text-align: center;
}

.pagination-section .page.page--active {
  background-color: #2384e3;
  color: #fff;
}

.pagination-section .page.page--arrow {
  background-color: #eaeaea;
}

/* Label: View Log Page */
#system-logs .filter-button-area {
  display: flex;
  align-items: center;
}

#system-logs .filter-button-area input {
  height: 40px;
}

#system-logs .filter-button-area a {
  display: flex;
  align-items: center;
  height: 40px;
}

/* Label: Setting Request Page */
#setting-requests .info-tile {
  align-items: baseline;
  flex-direction: column;
}

#setting-requests .info-tile:hover span {
  color: #ffffff;
}

/* Label: Setting Status Edit Page */
#setting-status-edit .back-button {
  height: 40px;
  display: flex;
  align-items: center;
  width: min-content;
}

#setting-status-edit .action-button {
  height: 40px;
}

/* Label: User Edit Page */
#user-edit .button-wrapper input {
  height: 40px;
  justify-content: start;
}

/* Label: Email Settings Page */
#email-settings .table-action-buttons {
  display: flex;
  align-items: center;
  justify-content: end;
}

#email-settings
  .table-responsive
  table.table
  tbody
  tr
  td:nth-child(2)
  a.button-cloud-ice {
  color: #2384e3;
}

#email-settings
  .table-responsive
  table.table
  tbody
  tr
  td:nth-child(2)
  a.button-cloud-ice:hover {
  color: #ffffff;
}

#email-settings
  .table-responsive
  table.table
  tbody
  tr
  td:nth-child(2)
  a.button-cloud-red {
  color: #ff4e4e;
}

#email-settings
  .table-responsive
  table.table
  tbody
  tr
  td:nth-child(2)
  a.button-cloud-red:hover {
  color: #ffffff;
}

/* Label: Edit Channel Modal */
#editChannelModal #editChannelForm .form-group {
  display: flex;
  align-items: center;
  margin: 2rem 0;
}

#editChannelModal #editChannelForm .tab-container .tab-content {
  border: none;
  padding: 0;
  padding-top: 1rem;
}

#editChannelModal #editChannelForm .tab-container > .nav.nav-tabs > li > a {
  border: none;
}

#editChannelModal
  #editChannelForm
  .tab-container
  > .nav.nav-tabs
  > li.active
  > a {
  color: #2384e3;
}

#editChannelModal
  #editChannelForm
  .tab-container
  > .nav.nav-tabs
  > li.active
  > a:hover {
  color: #2384e3;
}

#editChannelModal #editChannelForm .guide-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min-content;
}

/* Label: Add Channel Credentials Modal */
#channel_params_form #channel_params_container {
  padding: 5px 20px;
}

#channel_params_form .form-group {
  margin: 2rem 0;
}