@media screen and (max-width: 1091px) {
  .blocked-scroll {
    overflow: hidden;
  }

  .layout-wrapper .layout-topbar {
    height: unset;
    -ms-flex-wrap: wrap;
    flex-wrap: unset;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  }
  .layout-wrapper .layout-topbar .topbar-left {
    width: 100%;
    padding: 0.5rem 0;
    -ms-flex-pack: justify;
    justify-content: unset;
    border-bottom: unset;
  }
  .layout-wrapper .layout-topbar .topbar-left .horizontal-logo {
    display: none;
  }
  .layout-wrapper .layout-topbar .topbar-right {
    width: 100%;
    padding: 0.5rem 0;
  }
  .layout-wrapper .layout-topbar .menu-button i:before {
    content: "\e91d";
  }
  .layout-wrapper .layout-topbar .mobile-logo {
    display: block;
    width: 2rem;
    height: 2rem;
  }
  .layout-wrapper .layout-topbar .viewname {
    font-size: 1rem;
    margin-left: 1rem;
  }
  .layout-wrapper .layout-topbar .topbar-menu {
    -ms-flex-pack: justify;
    justify-content: end;
  }
  .layout-wrapper .layout-topbar .topbar-menu > li {
    margin: 0 0.4rem;
  }
  .layout-wrapper .layout-topbar .topbar-menu > li.profile-item > a,
  .layout-wrapper .layout-topbar .topbar-menu > li.profile-item > .p-link {
    padding: 0;
  }
  .layout-wrapper .layout-topbar .topbar-menu > li.profile-item .profile-image {
    width: auto;
    height: 2rem;
    margin: 0;
  }
  .layout-wrapper .layout-topbar .topbar-menu > li.profile-item .profile-name {
    margin-left: 0.7rem;
  }
  .layout-wrapper .layout-topbar .topbar-menu > li > ul {
    top: 2.75rem;
  }
  .layout-wrapper .layout-content-wrapper {
    margin-left: 0;
    padding-top: 7.125rem;
  }
  .layout-wrapper .layout-content-wrapper .layout-content {
    padding-top: 2rem;
  }
  .layout-wrapper.layout-mobile-active .layout-sidebar {
    transform: translateX(0);
  }
  .layout-wrapper.layout-mobile-active .layout-mask {
    display: block;
  }
  .layout-wrapper .layout-search .search-container {
    width: 75vw;
  }
}

body {
  background-color: #F5FAFF;
}

/* start footer */
.layout-footer .footer-logo-container img {
  width: 1.95rem;
  height: auto;
}
/* end footer */

/* start side menu */
.layout-sidebar-darkgray .layout-sidebar .layout-menu li a:hover,
.layout-sidebar-darkgray .layout-sidebar .layout-menu li .p-link:hover {
  background: #284184;
}

.layout-menu ul a.active-route,
.layout-menu ul .p-link.active-route {
  background: #284184;
  font-weight: 800;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: -0.03em;
  text-transform: capitalize;
  color: #FFFFFF;
}

/* end side menu */

/* start logo */
.layout-sidebar-darkgray .layout-sidebar .logo {
  background: #E1E9FF;
  margin-left: 0;
  margin-right: 0;
  padding: 1rem 5rem 1rem 0;
}

.layout-sidebar .logo-image {
  width: 8.5rem;
  height: auto;
}

/* end logo */
/* end css global */

/* start menu icon */

.layout-menuitem-icon {
    width: 15px !important;
}

.icon-command-master-gs {
    content: url("../../../icon-menu-gs/icon-command-master-gs.svg");
}

.icon-clinic-master-gs {
    content: url("../../../icon-menu-gs/icon-clinic-master-gs.svg");
}

.icon-inventory-master-gs {
    content: url("../../../icon-menu-gs/icon-inventory-master-gs.svg");
}

.icon-branch-setting-gs {
    content: url("../../../icon-menu-gs/icon-branch-setting-gs.svg");
}

.icon-it-setting-gs {
    content: url("../../../icon-menu-gs/icon-it-setting-gs.svg");
}

.icon-marketing-gs {
    content: url("../../../icon-menu-gs/icon-marketing-gs.svg");
}

.icon-lm-setting-gs {
  content: url("../../../icon-menu-gs/icon-lm-setting-gs.svg");
}

/* end menu icon */

/* start color */
.bg-blue-secondary-calendar button.p-button.p-component.p-datepicker-trigger.p-button-icon-only {
  background: #4866C2;
  border-color: #4866C2;
}

.bg-white {
  background: #ffffff;
}

.c-maroon {
  color: #9B2828
}

.button-netral:hover {
  background: #2A4FB5 !important;
  border: #2A4FB5 !important;
}

.button-primary {
  background: #1E336C !important;
  border: #1E336C !important;
}

.button-primary:hover {
  background: #2A4FB5 !important;
  border: #2A4FB5 !important;
}

.button-other:hover {
  background: #E1E9FF !important;
  color: #1E336C !important;
  border: 1px solid #1E336C !important;
}

.button-cancel {
  color: #1E336C !important;
}

.button-cancel:hover {
  background: #AEC0F2 !important;
  color: #1E336C !important;
  border: 1px solid #1E336C !important;
}

.button-delete:hover {
  background: #C64C4C !important;
  border: #C64C4C !important;
}

.button-add:hover {
  background: #2A4FB5 !important;
  border: 1px solid #2A4FB5 !important;
}

.bg-border-netral {
  background: #1E336C;
  border: 1px solid #1E336C;
  border-radius: 5px;
}

.bg-border-cancel {
    background: #E1E9FF;
    border: 1px solid #1E336C;
    border-radius: 5px;
}

.bg-border-error {
  background: #9B2828;
  border: #9B2828;
}

.bg-white {
  background: white;
}

.color-blue {
  color: #1E336C;
}

.c-white {
  color: #ffffff;
}

.bg-netral li.active-menuitem {
  background: #3552A0 !important;
}

/* end color */

/* start tabview */
.tabview-color span.p-tabview-title {
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: #1E336C;
  flex: none;
  order: 0;
  flex-grow: 0;
}

.tabview-color .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
  border-bottom: 4px solid #1E336C;
}
/* end tabview */
.notice-label {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;

  color: #888888;
}


.text-label {
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: #555555;
}

.text-label-value {
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.02em;
  color: #555555;
  padding-top: 8px;
}

.text-header-1 {
  font-weight: 700;
  font-size: 24px;
  line-height: 33px;
  letter-spacing: 0.02em;
  color: #555555;
}

.text-header-2 {
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  letter-spacing: 0.02em;
  color: #555555;
}

.text-header-3 {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}

.text-body-1 {
  font-weight: 800;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: -0.03em;
  text-transform: capitalize;
}

.text-body-2 {
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: -0.03em;
  text-transform: capitalize;
}

.text-body-2-semi-bold {
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: -0.03em;
  text-transform: capitalize;
}

.text-body-3 {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
}

.text-body-3-search {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #555555;
  opacity: 0.5;
}

.text-body-4 {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #555555;
}

.text-body-5 {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #555555;
  opacity: 0.5;
}
/* start datatable */
.font-size-datatable {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.03em;
  text-transform: capitalize;
  color: #555555;
}

.font-size-datatable-lower {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.03em;
  color: #555555;
}

.font-size-datatable .p-checkbox-box.p-component.p-highlight {
  background: #1E336C;
  border: 1px solid #555555;
  border-radius: 7px;
  width: 20px;
  height: 20px;
}

.font-size-datatable .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
  border-color: #2A4FB5;
  background: #2A4FB5;
  color: #ffffff;
}

.font-size-datatable .p-checkbox .p-checkbox-box {
  border: 1px solid #555555;
  border-radius: 7px;
  width: 20px;
  height: 20px;
}
/* end datatable */
/* end font size */

/* start change branch */
.layout-config-2.select-branch.layout-config-active {
  width: 315px;
  height: 314px;
  border-radius: 10px;
  margin-right: 1rem;
  border: 1px solid #E3E3E3;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}

.select-branch div#dropdown {
  width: 100%;
  height: 46px;
  padding: 5px;
}

/* end change branch */

/* start icon branch */
.home-base-icon {
  content: url("../../../home-base.svg");
}

.calendar-icon {
  content: url("../../../calendar.svg");
}

.branch-icon {
  content: url("../../../IconChangeBranch.svg");
}

.home-icon {
  content: url("../../../IconHome.svg");
}

.camera-icon.p-fileupload .p-fileupload-choose span.p-button-icon.p-button-icon-left.pi.pi-plus {
  content: url("../../../camera.svg");
}

.custom-icon-search span.p-dropdown-trigger-icon.p-clickable.pi.pi-chevron-down {
  content: url(../../../icon-search.svg);
}

.custom-icon-search .p-dropdown-trigger {
  background: #e4e4e4;
  border-left: 1px solid #CFD4D9;
}

.custom-icon-search i.p-dropdown-clear-icon.pi.pi-times {
  display: none;
}

.enlarge-icon {
  content: url("../../../enlarge.svg");
}

button.p-button.p-component.icon-setting.bg-border-netral.button-add {
  content: url("../../../icon-setting.svg");
}

.p-button-custom {
  width: auto !important;
  padding: 5px !important;
}

button.p-button.p-component.layout-config-button-2.custom-icon-branch.p-button-icon-only {
  background: #E3F0FF;
  border-radius: 50%;
  padding: 2.2rem;
  border: 1px solid #E4E4E4;
}

button.p-button.p-component.layout-config-button-2.custom-icon-branch.p-button-icon-only:hover {
  background: #B8D3F6;
  border-radius: 50%;
  padding: 2.2rem;
  border: 1px solid #E4E4E4;
}

.layout-config-2 {
  right: 0%;
}

.layout-config-button-2.p-button {
  right: 0%;
  bottom: 14%;
}

/* end icon branch */

/* start size */
.h-30 {
  height: 30px;
}

.h-33 {
  height: 33px;
}

.w-max {
  width: 100%;
}

.p5-h33 {
  padding: 5px;
  height: 33px;
}

.br10 {
  border-radius: 10px;
}

/* end size */

/* start custom others */

th.title-center {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.custom-scrollbar button.p-dialog-header-icon.p-dialog-header-close.p-link {
  width: 1.5rem;
  height: 1.5rem;
  background: #1E336C;
  border-radius: 50%;
  color: white;
}

.custom-scrollbar .p-dialog-header {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

div.custom-scrollbar {
  border-radius: 10px;
}

.custom-scrollbar .p-dialog-title {
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 27px;
  letter-spacing: 0.02em;
  color: #555555;
}

.custom-scrollbar .p-dialog-footer {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.image-avatar {
  width: 95px;
  height: auto !important;
}

.opacity-none {
  opacity: unset !important;
}

.sticky {
  position: sticky;
  bottom: 0;
}

.border-box {
  border: 1px solid #D7D7D7;
  border-radius: 10px;
  background: #ffffff;
}

.bt0-t-auto {
  bottom: 0;
  top: auto;
}

.padding-out-content {
  padding: 6rem 2rem 5rem 2rem;
}

.bx-shadow {
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

.vertical-line {
  border-left: 1px solid #c4c4c4;
  height: 30px;
  margin-top: 10px;
}

/* end custom others */

/* start button */

.large-button {
  padding: 7px 47px;
  height: 30px;
}
.p-button-other {
  background: #E1E9FF;
  height: 30px;
  border: 1px solid #1E336C;
  padding: 7px 47px;
  color: #1E336C;
  border-radius: 5px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 19px;
  letter-spacing: -0.01em;
}

.p-button-other:enabled:hover {
  background: #AEC0F2;
  color: #1E336C;
  border-color: #1E336C;
}

.p-button-white {
  background: #ffffff;
  height: 30px;
  border: 1px solid #1E336C;
  padding: 7px 47px;
  color: #1E336C;
  border-radius: 5px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 19px;
  letter-spacing: -0.01em;
}

.p-button-white:enabled:hover {
  background: #ffffff;
  color: #1E336C;
  border-color: #1E336C;
}

.p-button-netral {
  background: #1E336C;
  height: 30px;
  border: 1px solid #1E336C;
  padding: 7px 47px;
  color: #ffffff;
  border-radius: 5px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 19px;
  letter-spacing: -0.01em;
}

.p-button-netral-small {
  background: #1E336C;
  height: 30px;
  border: 1px solid #1E336C;
  padding: 7px 23px;
  color: #ffffff;
  border-radius: 5px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 19px;
  letter-spacing: -0.01em;
}

.p-button-netral:hover {
  background: #2A4FB5 !important;
  border-color: #2A4FB5 !important;
}

.p-button-netral-small:hover {
  background: #2A4FB5 !important;
  border-color: #2A4FB5 !important;
}

.button-netral:hover {
  background: #2A4FB5 !important;
  border-color: #2A4FB5 !important;
}

.button-select-action {
  width: 73px;
  height: 19px;
  background: #1E336C;
  border-radius: 5px;
  border: 1px solid #1E336C;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #FFFFFF;
}

.button-select-enlarge {
  height: 19px;
  background: #1E336C;
  border-radius: 5px;
  border: 1px solid #1E336C;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #FFFFFF;
  padding: 5px 10px;
}

.button-select-delete {
  width: 73px;
  height: 19px;
  background: #9B2828;
  border-radius: 5px;
  border: 1px solid #9B2828;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #FFFFFF;
}
/* end button */

/* start badge status */
.is-active-badge.status-active {
  background: #E1E9FF;
  border-radius: 3px;
  color: #1E336C;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.3px;
  padding: 1px 20px 1px 20px;
}

.is-active-badge.status-inactive {
  background: #EABABA;
  color: #9B2828;
  border-radius: 3px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.3px;
  padding: 1px 15px 1px 15px;
}

.is-active-badge.status-procces {
  background: #faefd8;
  border-radius: 3px;
  color: #dd9c46;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.3px;
  padding: 1px 20px 1px 20px;
}

.is-active-badge.status-new {
  background: #c3e5fb;
  border-radius: 3px;
  color: #3b83ce;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.3px;
  padding: 1px 20px 1px 20px;
}

.is-active-badge.status-closed {
  background: #783E04;
  color: #ffffff;
  border-radius: 3px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.3px;
  padding: 1px 25px 1px 25px;
}

.is-active-badge.status-picked {
  background: #8e44ad;
  color: #ffffff;
  border-radius: 3px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.3px;
  padding: 1px 15px 1px 15px;
}

.is-active-badge.status-booked {
  background: #F49803;
  color: #ffffff;
  border-radius: 3px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.3px;
  padding: 1px 25px 1px 25px;
}

.is-active-badge.status-booked-appointment {
  background: #309E0F;
  color: #ffffff;
  border-radius: 3px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.3px;
  padding: 1px 25px 1px 25px;
}

.is-active-badge.status-occupied {
  background: #3C78E4;
  color: #ffffff;
  border-radius: 3px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.3px;
  padding: 1px 25px 1px 25px;
}

.is-active-badge.status-canceled {
  background: #E3E3E3;
  color: #454746;
  border-radius: 3px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.3px;
  padding: 1px 20px 1px 20px;
}

/* end badge status */

/* start confirm delete */
.confirm-delete {
  width: 539px;
  height: 207px;
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}
/* end confirm delete */

/* start input */
input.p-inputtext.p-component.p-disabled.p-filled.input-text-disabled {
  background: #f2f2f2;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.02em;
  color: #555555;
  border-color: #CFD4D9;
  opacity: unset;
}

input.p-inputtext.p-component.p-disabled.input-text-disabled {
  background: #f2f2f2 !important;
  color: #555555 !important;
  border: 1px solid #CFD4D9 !important;
}

.switch-active {
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.02em;
  color: #1E336C;
}

.switch-in-active {
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.02em;
  color: #C1C1C1;
}

.input-file-upload span.p-button.p-component.p-fileupload-choose {
  background: #1E336C ;
  border: #1E336C ;
  padding: 0.5rem 1.2rem;
}

.input-text {
  width: 100%;
  height: 33px;
  background: #FFFFFF;
  border: 1px solid #CFD4D9;
  border-radius: 5px;

  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.02em;
  color: #555555;
}

.input-text-area {
  width: 100%;
  height: 76px;
  background: #FFFFFF;
  border: 1px solid #CFD4D9;
  border-radius: 5px;

  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.02em;
  color: #555555;
  resize: none;
}

.input-text-area-disabled {
  width: 100%;
  background: #F2f2f2;
  border: 1px solid #CFD4D9;
  border-radius: 5px;

  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.02em;
  color: #555555;
  resize: none;
}

.input-dropdown {
  width: 100%;
  height: 33px;
  font-weight: 600;
}

.input-dropdown span.p-dropdown-label.p-inputtext.p-placeholder {
  font-style: normal;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.02em;
  color: #555555;
}

.input-calendar {
  width: 100%;
  height: 33px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.02em;
  color: #555555;
  border-radius: 5px;
}

.input-calendar button.p-button.p-component.p-datepicker-trigger.p-button-icon-only {
  background: #1E336C;
  border-color: #1E336C;
}
/* end input */

.border-toolbar {
  background: #FFFFFF;
  border: 1px solid #D7D7D7;
  border-radius: 10px;
}

/* start toggle input switch */
.toggle-switch span.p-inputswitch-slider {
  width: 38.43px;
  height: 21px;
}

.p-inputswitch .p-inputswitch-slider:before {
  background: #ffffff !important;
  width: 1.2rem;
  height: 1.2rem;
  left: 0.15rem;
  margin-top: -0.55rem;
  border-radius: 50%;
  transition-duration: 0.2s;
}

.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
  background: #1E336C !important;
}

.p-inputswitch .p-inputswitch-slider {
  background: #BFBFBF;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 30px;
}

.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
  background: #2A4FB5
}
/* end toggle input switch */

/* start custom scrollbar */
.custom-scrollbar .p-dialog-header {
  border-bottom: 1px solid#D0D0D0;
}

.custom-scrollbar div.p-dialog-content{
  margin: 0.5rem;
}

.p-dialog-content::-webkit-scrollbar {
  width: 12px;
  background-color: #ffffff;
}

.p-dialog-content::-webkit-scrollbar-thumb {
  background-color: #1E336C;
  border-radius: 5px;
}
/* end custom scrollbar */

/* start edit inline */

.dropdown-edit-inline {
  height: 24px;
  background: #FFFFFF;
  border: 1px solid #CFD4D9;
  border-radius: 5px;

  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #555555;
}

.edit-inline span.p-row-editor-init-icon.pi.pi-fw.pi-pencil {
  display: none;
}

.edit-inline button.p-row-editor-init.p-link:after {
  width: 3rem;
  height: 2rem;
  content: "Select";
  color: white;
  padding-top: 0.8rem;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.01em;
}

.edit-inline button.p-row-editor-init.p-link {
  background: #1E336C !important;
  width: 73px !important;
  height: 19px !important;
  border-radius: 5px !important;
}

.edit-inline button.p-row-editor-init.p-link:hover {
  background: #2A4FB5 !important;
}

.edit-inline button.p-row-editor-save.p-link::after {
  content: "save";
  color: #ffffff;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.01em;
}

.edit-inline button.p-row-editor-save.p-link {
  background: #1E336C !important;
  width: 73px !important;
  height: 19px !important;
  border-radius: 5px !important;
}

.edit-inline button.p-row-editor-save.p-link:hover {
  background: #2A4FB5 !important;
}

.edit-inline span.p-row-editor-save-icon.pi.pi-fw.pi-check {
  color: white;
}

.edit-inline button.p-row-editor-cancel.p-link::after {
  content: "cancel";
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.01em;
}

.edit-inline button.p-row-editor-cancel.p-link:hover {
  background: #AEC0F2 !important;
}

.edit-inline .p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel:enabled:hover {
  color: #1E336C;
  border: 1px solid #1E336C;
  background: #AEC0F2;
}

.edit-inline button.p-row-editor-cancel.p-link {
  background: #E1E9FF !important;
  border: 0.5px solid #1E336C !important;
  border-radius: 5px !important;
  color: #1E336C !important;
  width: 73px !important;
  height: 19px !important;
}

/* end edit inline */

.slot-rack div.p-dialog-content {
  padding-bottom: 0 !important;
}

.button-branch-logo-custom {
  width: 86px !important;
  height: 33px;
  padding: 0px 11px;
}

.button-enlarge {
  background: #2A4FB5 !important;
  border: #2A4FB5 !important;
}

.button-trash {
  background: #9B2828 !important;
  border: #9B2828 !important;
}

.imageLogin {
  height: 100%;
}

.p-input-icon-left > img:first-of-type {
  left: 0.5rem;
  color: #6c757d;
}

.p-input-icon-left>img {
  position: absolute;
  top: 50%;
  margin-top: -0.5rem;
}

/* Hide PrimeReact DataTable select all */
.datatable-no-select-all th.p-selection-column .p-checkbox {
    display: none !important;
}

/* Fixes Avatar Width */
.layout-topbar .topbar-menu > li.profile-item .profile-image {
    width: auto;
}

iframe {
  display: none;
}

@media screen and (max-width: 1080px) {
  .p-datatable .p-datatable-tbody>tr>td {
        padding: 1rem 2rem;
  }

  .d-grid {
        display: grid;
  }

  .layout-wrapper .layout-topbar .topbar-menu {
        justify-content: right;
  }

  .profile-item {
        margin-left: 15px !important;
  }

  .profile-name {
        display: grid !important;
        grid-template-columns: max-content max-content 1fr;
        box-sizing: border-box;
        width: 100%;
        padding: 10px;
  }

  .layout-wrapper .layout-topbar .topbar-left {
        justify-content: start;
  }

  .print-label-dialog,
  .product-ingredient-dialog {
        width: 70vw;
  }
}