@import url(https://fonts.googleapis.com/css?family=Nunito);body {
  height: 100vh;
}

/**
 * Admin main theme customization
 * Matrix theme (https://matrixadmin.wrappixel.com/)
 */

.focus,
:focus {
  box-shadow: none !important;
}

.form-control {
  background-clip: unset;
}

.x-header-1 {
  font-size: 36px !important;
}

.x-header-2 {
  font-size: 28px !important;
}

.x-label {
  font-weight: bold !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.el-select .el-input__inner {
  cursor: text !important;
}

.el-table .is-right .cell {
  float: right;
}

.el-table .cell .el-checkbox {
  margin-bottom: 0 !important;
}

.el-dialog__body {
  padding-bottom: 0 !important;
}

.el-row {
  margin-bottom: 20px;
}

.el-card.box-card {
  margin-bottom: 20px;
}

.el-tag {
  margin-right: 3px !important;
}

.el-form--label-top label,
.el-form--label-top .el-form-item__label {
  padding-bottom: 0 !important;
  line-height: 0 !important;
}

.el-dialog--center .el-dialog__body {
  text-align: center !important;
}

.el-tabs__content {
  padding-top: 20px !important;
}

.el-form label {
  text-transform: none !important;
}

.el-form label.el-form-item__label {
  font-weight: bold;
}

.el-form .editr .editr--content {
  background-color: #ffffff;
}

.el-date-editor .el-range__icon {
  font-size: 22px !important;
}

.el-input--editable {
  border-bottom: dashed 1px #0088cc;
  cursor: pointer;
}

i.icon-large-x {
  font-size: 44px !important;
}

i.icon-large {
  font-size: 22px !important;
}

i.icon-medium {
  font-size: 16px !important;
}

.el-checkbox__input.is-checked + .el-checkbox__label {
  color: inherit !important;
}

.el-dialog__body {
  padding-top: 10px !important;
}

.navbar-nav .nav-item .dropdown-menu {
  padding: 0 !important;
  margin: 0 !important;
}

.navbar-brand .logo-text img {
  max-width: 100%;
  max-height: 25px;
  margin: 0px 20px;
}

.sidebar-nav ul .sidebar-item.selected > .sidebar-link {
  font-weight: bold;
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item.active .sidebar-link {
  font-weight: bold;
}

.dropdown-menu {
  padding: 0.5rem 0 !important;
}

.up-case {
  text-transform: uppercase !important;
}

.has-border {
  border: 1px solid #ebeef5 !important;
}

.el-radio__inner,
.el-checkbox__inner {
  border-radius: 0px !important;
  width: 17px !important;
  height: 17px !important;
}

.el-radio__input .el-radio__inner::after {
  width: 6px !important;
  height: 6px !important;
}

.el-checkbox__inner::after {
  height: 10px !important;
  left: 4.5px !important;
  width: 5px !important;
  top: 0px !important;
}

th.el-table-column--selection .cell {
  padding-left: 15px !important;
}

ul li {
  list-style: none;
}

input,
button {
  border-radius: 0 !important;
}

button:focus {
  outline: none;
}

.mailbox {
  min-width: 400px !important;
}

.topbar .top-navbar .navbar-nav > .nav-item.notifications > .nav-link {
  padding: 0 15px !important;
}

#main-wrapper {
  height: 100%;
}

#main-wrapper .top-navbar .logo-icon img {
  width: 30px;
}

#main-wrapper .top-navbar .navbar-nav .nav-item.notifications .dropdown-menu {
  padding: 0 !important;
  margin: 0 !important;
}

#main-wrapper .top-navbar .navbar-nav .nav-item.notifications .el-badge__content.is-fixed {
  top: 25px !important;
  right: 13px !important;
}

#main-wrapper .top-navbar .navbar-nav .nav-item.notifications .btn-circle {
  padding: 0px !important;
}

#main-wrapper .p-dashboard .el-alert {
  color: #435569 !important;
}

#main-wrapper .el-alert__title {
  font-size: 0.875rem !important;
}

#main-wrapper .el-button.button-action-only-icon {
  padding: 5px 10px !important;
}

#main-wrapper .el-table .picked-row {
  background: #F5F7FA;
  text-decoration: line-through;
}

#main-wrapper .el-pagination {
  padding: 0px 5px !important;
}

#main-wrapper .p-shipment-view .p-shipment-view--detail label {
  margin-bottom: 0;
}

#main-wrapper .p-shipments .search-form .el-form-item {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

#main-wrapper .p-shipments .search-form .el-form-item .el-form-item__label {
  margin-bottom: 10px !important;
}

#main-wrapper .p-shipments .is-non-auth {
  margin-top: 30px !important;
}

#main-wrapper .p-shipments .is-non-auth .search-form {
  text-align: center !important;
}

#main-wrapper .p-shipments .is-non-auth .search-form .el-form-item {
  text-align: left !important;
}

#main-wrapper .p-shipments .non-auth .el-alert__title {
  font-size: 18px !important;
  line-height: 40px !important;
}

#main-wrapper .p-shipments .el-dialog__wrapper.tracking-requests .el-dialog__footer {
  padding: 1px !important;
}

#main-wrapper .p-shipments .looking-for .card-title {
  float: left;
}

#main-wrapper .p-shipments .looking-for .el-link {
  color: #909399;
}

#main-wrapper .p-shipments .looking-for .el-link.remaining-request {
  float: right;
}

#main-wrapper .p-tracking-log .daily-tracking-request-tile .card-title {
  float: left;
}

#main-wrapper .p-tracking-log .daily-tracking-request-tile .el-link {
  color: #909399;
  float: right;
}

#main-wrapper .p-settings .el-transfer.ups-available-countries {
  padding-top: 10px;
}

#main-wrapper .p-settings .el-transfer.ups-available-countries .el-transfer-panel {
  width: 300px;
  border-radius: 0px;
}

#main-wrapper .p-settings .el-transfer.ups-available-countries .el-transfer-panel .el-transfer-panel__header {
  padding-top: 10px;
}

#main-wrapper .p-settings .el-transfer.ups-available-countries .el-transfer__buttons {
  padding-top: 10px;
  text-align: center;
}

#main-wrapper .p-settings .el-transfer.ups-available-countries .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
  font-size: 14px;
  color: #606266;
  font-weight: bold;
}

#main-wrapper .p-settings .el-transfer.ups-available-countries .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
  font-weight: bold !important;
}

#main-wrapper .p-settings .el-transfer.ups-available-countries .el-transfer-panel__item.el-checkbox .el-checkbox__label {
  line-height: 35px !important;
}

#main-wrapper .p-amazon-orders .el-drawer__header {
  margin-bottom: 0px;
  padding: 15px 15px 0;
}

#main-wrapper .p-amazon-orders .tracking-information-drawer .card-body {
  padding-top: 0px;
}

#main-wrapper .p-amazon-orders .tracking-information-drawer .card-body .el-tabs__item {
  font-size: 18px;
  font-weight: 600;
  color: #3e5569;
}

#main-wrapper .p-history-tracking-requests .el-drawer__header {
  margin-bottom: 0px;
  padding: 15px 15px 0;
}

#main-wrapper .p-history-tracking-requests .tracking-information-drawer .card-body {
  padding-top: 0px;
}

#main-wrapper .p-history-tracking-requests .tracking-information-drawer .card-body .el-tabs__item {
  font-size: 18px;
  font-weight: 600;
  color: #3e5569;
}

#main-wrapper .checkbox-without-label span.el-checkbox__label {
  color: #606266;
  font-weight: bold;
}

#main-wrapper .checkbox-without-label span.el-radio__label {
  color: #606266;
  font-weight: bold;
}

#main-wrapper .page-wrapper {
  height: 100%;
}

#main-wrapper .page-wrapper.full {
  margin: 0 !important;
}

#main-wrapper .page-wrapper .container-fluid {
  height: calc(100vh - 110px);
  overflow-y: auto;
  padding: 20px 20px 0px 20px !important;
}

#main-wrapper .page-wrapper .page-breadcrumb {
  padding: 0px 0px 20px 0px;
}

#main-wrapper .page-wrapper .page-breadcrumb .breadcrumb {
  font-size: 0.875rem;
}

#main-wrapper .page-wrapper .page-breadcrumb.hidden {
  visibility: hidden;
}

#main-wrapper .page-wrapper .footer {
  padding: 10px 20px;
}

#main-wrapper .page-wrapper .card {
  margin-bottom: 0px !important;
}

#main-wrapper .page-wrapper .card .card-body {
  padding-bottom: 20px !important;
}

#loginform .p-t-20 {
  padding: 20px 0px;
}

#loginform .text-center {
  padding: 20px 0px;
}

#loginform .text-center .db > img {
  max-width: 180px;
  max-height: 24px;
}

#loginform .form-horizontal {
  margin-top: 20px;
}

#loginform .custom-checkbox {
  margin: 0 !important;
}

#loginform .custom-checkbox label.remember-me {
  color: white;
  font-weight: normal;
  line-height: 25px;
}

.el-dialog__footer {
  text-align: center !important;
}

.el-input.el-input--mini {
  padding-left: 0;
}

.el-range-editor.el-input__inner {
  border-radius: 0px !important;
}

.auth-box.bg-dark {
  margin: auto !important;
  padding: 200px 0 0 0 !important;
  color: #fff !important;
}

.auth-box.bg-dark .el-form-item__label {
  color: #fff !important;
}

.auth-wrapper .auth-box {
  max-width: 450px !important;
}

.auth-wrapper .auth-box .el-divider {
  background-color: #6c757d !important;
}

.auth-wrapper .auth-box .el-divider .el-divider__text {
  background-color: #343a40;
  color: #ffffff;
}

.p--login .el-input-group__append,
.p--login .el-input-group__prepend {
  border-radius: 0 !important;
}

.p--login i {
  color: #ffffff;
}

.p--login .email .el-input-group__prepend {
  background-color: #28b779 !important;
}

.p--login .password .el-input-group__prepend {
  background-color: #ffb848 !important;
}

.p--login .forgot-link {
  text-align: right;
}

@media print {
  html {
    overflow-x: visible !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body {
    overflow-x: visible !important;
    overflow-y: visible !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body * {
    visibility: hidden !important;
  }

  .printableArea,
  .printableArea * {
    visibility: visible !important;
  }

  .printableArea {
    width: 100% !important;
    overflow: visible !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* Extra small devices (phones, 600px and down) */

@media only screen and (max-width: 600px) {
  #main-wrapper .top-navbar .logo-icon img {
    width: 55px;
  }

  #main-wrapper .p-marks .el-dialog {
    width: 100% !important;
  }

  #main-wrapper .p--login .forgot-link {
    text-align: left;
  }

  #main-wrapper .p-settings .el-transfer.ups-available-countries .el-transfer-panel {
    width: 100%;
  }

  #main-wrapper .p-settings .el-transfer.ups-available-countries .el-transfer__buttons {
    width: 100%;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */

/* Medium devices (landscape tablets, 768px and up) */

/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 992px) {
  .p-marks .el-dialog {
    width: 50% !important;
  }

  .p-marks .tracking-requests .el-dialog {
    width: 70% !important;
  }
}