@media (max-width: 767px) {
  .nav_right ul > li.admin-photo > a{ padding: 4px; gap: 0; height: 30px; justify-content: center;}
  .nav_right ul > li.admin-photo > a .profile-info { gap: 0; }
  .nav_right ul > li.admin-photo > a .avatar { width: 20px; height: 20px; }
  .nav_right ul > li.admin-photo > a .avatar img { width: 20px; height: 20px; }
  .nav_right ul > li.admin-photo > a .chevron { display: none; }
  .nav_right ul > li.admin-photo > a .user-name { display: none; position: absolute; top: 90%; left: 50%; transform: translateX(-50%); border-radius: 8px; background: var(--brand); padding: 0 8px; z-index: 55; color: white; font-size: 10px; max-width: none; overflow: visible; line-height: 20px; font-weight: 500;}
  .nav_right ul > li.admin-photo > a:hover .user-name, .nav_right ul > li.admin-photo > a:active .user-name { display: block; }
}

@media (max-height: 800px) {
  .auth-page{ padding-top: 220px;}
  .auth-fader{ padding: 32px 72px;}
  .auth-hero{ gap: 8px;}
  .auth-heading{ font-size: 36px; line-height: 44px;}
  .auth-card{ gap: 24px; padding: 24px;}
  .auth-card-logo{ height: 32px;}
  .auth-form{ gap: 24px;}
}

@media (max-width: 991px) {

  .auth-fader{ padding: 40px 24px;}
  .auth-heading{ font-size: 36px; line-height: 44px;}
  .auth-subtext{ font-size: 13px;}
  .auth-card{ width: 400px; padding: 24px;}
}

@media (max-width: 767px) {

  .auth-page{ padding: 240px 0 40px;}
  .auth-fader{ padding: 30px 16px;}
  .auth-hero{ max-width: 100%; padding: 0 16px;}
  .auth-heading{ font-size: 28px; line-height: 36px;}
  .auth-card{ width: 90%; max-width: 440px;}
}

/************ iphone **************/
@media (max-width:575px) {

  .auth-page{ padding: 220px 0 40px;}
  .auth-fader{ padding: 24px 12px;}
  .auth-heading{ font-size: 24px; line-height: 32px;}
  .auth-badge span{ font-size: 10px;}
  .auth-card{ width: 92%; padding: 20px; gap: 24px; border-radius: 12px;}
  .auth-card-title{ font-size: 20px;}
  .auth-form{ gap: 24px;}
}

@media (max-width: 575.98px) {
	.ftl-request-info .row,
	.ftl-request-info .ftl-req-alert,
	.ftl-request-info .ftl-doc-table-wrap { max-width: 100%;}
	.ftl-request-info .row > .col-sm-6,
	.ftl-request-info .row > .col-12 { flex: 0 0 100%; max-width: 100%; width: 100%;}
}

@media (max-width: 520px) {
  .ftlod-drawer { width: 100vw;}
  .ftl-status-modal__dialog,
  .ftl-status-modal__dialog--wide,
  .ftl-status-modal__dialog--schedule,
  .ftl-status-modal__dialog--compact { width: calc(100vw - 24px); padding: 16px;top: 56px;}
  .ftl-status-modal__actions { justify-content: stretch; flex-wrap: wrap;}
  .ftl-status-modal__btn { flex: 1 1 100%;}
}

@media (max-width: 1880px) {
  .package-row .col-xl-1 > .form-floating > label {
    font-size: 12px;
  }
}

@media (min-width: 1200px) and (max-width: 1649px) {
  .package-row .col-xl-2.col-md-6,
  .package-row .col-xl-3.col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .package-row .col-xl-2.col-md-3,
  .package-row .col-xl-1.col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .package-row .col-xl-1 > .form-floating > label {
    font-size: inherit;
  }
  .package-row .form-floating > label {
    max-width: 85%;
  }
}

@media (max-width: 1649px) {
  .package-row .row {
    row-gap: 12px !important;
  }
  .package-row {
    gap: 12px;
  }
  .package-row:not(:last-child) {
    margin-bottom: 15px;
  }
  .package-row:not(:first-child) {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid var(--greyLightest);
  }
}

@media (max-width: 767px) {
  .package-row .form-floating > label {
    max-width: 79%;
  }
  .package-row .row {
    row-gap: 10px !important;
  }
  .package-row .remove-btn {
    height: 36px;
  }
}

@media (max-width: 575px) {
  .package-row .form-control {
    font-size: 13px;
    height: 40px;
    min-height: 40px;
  }
  .package-row .form-floating > label {
    font-size: 13px;
  }
  .package-row .input-group .form-floating ~ .weight-select .bootstrap-select > .btn {
    min-width: 60px;
    width: 60px;
    height: 40px;
    min-height: 40px;
    font-size: 13px;
  }
  .package-row .remove-btn {
    height: 40px;
  }
}


@media (min-width: 873px) {
  .sidebar-mini.sidebar-collapse .has-submenu > .submenu-trigger-btn .submenu-arrow {
    display: none !important;
  }

  .sidebar-mini.sidebar-collapse .has-submenu > .submenu-trigger-btn {
    margin-right: 0;
    padding: 7px 7px;
    width: 42px;
    overflow: hidden;
  }

  .sidebar-mini.sidebar-collapse .has-submenu.open > .submenu-trigger-btn {
    color: var(--brand);
    border-left-color: var(--brand);
    background: var(--lightF5);
    box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.14);
  }

  .sidebar-mini.sidebar-collapse .has-submenu.open > .submenu-trigger-btn img {
    filter: none;
  }

  .sidebar-mini.sidebar-collapse .has-submenu > .submenu-trigger-btn > span {
    display: none !important;
  }

  .sidebar-mini.sidebar-collapse .has-submenu > .submenu {
    display: none !important;
    max-height: 0 !important;
  }

  .sidebar-mini.sidebar-collapse .has-submenu.open > .submenu {
    display: none !important;
    max-height: 0 !important;
  }

  .sidebar-mini.sidebar-collapse .has-submenu::before {
    content: "";
    position: absolute;
    top: 0;
    right: -10px;
    width: 10px;
    height: 100%;
    display: none;
  }
  .sidebar-mini.sidebar-collapse .has-submenu:hover::before {
    display: block;
  }

  .sidebar-mini.sidebar-collapse .has-submenu:hover > .submenu-trigger-btn > span {
    display: block !important;
    position: absolute;
    left: 100%;
    top: 0;
    width: 180px;
    margin-left: 0;
    padding: 9px 10px 9px 15px;
    background-color: var(--lightF5);
    font-weight: 700;
    border-radius: 0 4px 0 0;
    color: var(--brand);
    white-space: nowrap;
    z-index: 900;
    box-shadow: 2px 0 8px rgba(0,0,0,0.10);
  }

  .sidebar-mini.sidebar-collapse .has-submenu:hover > .submenu {
    display: block !important;
    max-height: none !important;
    position: absolute;
    left: 100%;
    top: 38px;
    width: 180px;
    margin-left: 0;
    padding: 5px 0;
    background: var(--lightF5);
    border-radius: 0 0 4px 4px;
    box-shadow: 2px 4px 12px rgba(0,0,0,0.10);
    z-index: 900;
    overflow: visible;
  }

  .sidebar-mini.sidebar-collapse .has-submenu:hover > .submenu li a {
    padding: 8px 15px;
    height: auto;
    min-height: 36px;
    border-left: none;
    border-radius: 0;
    font-size: 14px;
    font-weight: 500;
    color: var(--txtPrimary);
    background: transparent;
    box-shadow: none;
  }

  .sidebar-mini.sidebar-collapse .has-submenu:hover > .submenu li a:hover {
    background: rgba(158,158,158,0.12);
    color: var(--brand);
    font-weight: 700;
  }

  .sidebar-mini.sidebar-collapse .has-submenu:hover > .submenu li.active a {
    color: var(--brand);
    font-weight: 700;
    background: rgba(154,19,10,0.06);
  }
}

@media (min-width: 992px) and (max-width: 1399px) {

  .ftl-request-info .row,
  .ftl-request-info .ftl-req-alert,
  .ftl-request-info .ftl-doc-table-wrap,
  .ftl-request-info .ftl-handling-table-wrap {
    max-width: 100% !important;
    width: 100% !important;
  }

  .ftl-request-info .row>.col-sm-6,
  .ftl-request-info .row>.col-12 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .ftl-req-alert {
    width: 100% !important;
    height: auto !important;
    min-height: 36px !important;
  }

  .ftl-radio-divider {
    display: ;
  }

  .ftl-doc-table-wrap,
  .ftl-handling-table-wrap {
    overflow-x: auto !important;
    width: 100% !important;
  }

  .ftl-doc-table thead tr th,
  .ftl-doc-table tbody tr td:last-child {
    white-space: normal !important;
  }

  .ftl-doc-table thead tr th,
  .ftl-doc-table tbody tr td,
  .ftl-handling-table thead tr th,
  .ftl-handling-table tbody tr td {
    padding: 8px 8px !important;
    font-size: 13px !important;
  }

  .ftl-radio-choice {
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .ftl-radio-choice>.ftl-radio-opt:first-of-type {
    min-width: auto !important;
    margin-right: 12px !important;
  }
}