@import url(../../fonts/RobotoFamily.css);
@import url(../../fonts/PoppinsFamily.css);
#logo {
  background: url("../../images/themes/light/ctb-logo.png");
  background-repeat: no-repeat;
  position: relative;
  top: 24px;
  left: 95px;
  width: 380px;
  height: 30px;
  background-size: cover;
  float: left;
  margin-right: 40px;
  z-index: 9; }
  #logo.dtp {
    background: url("../../images/themes/light/dtp-logo.png");
    background-size: cover;
    width: 379px;
    height: 34px;
    top: 19px;
    left: 97px; }
  #logo.invoice-ripple {
    background: url("../../images/themes/light/ir-logo.png");
    background-size: cover;
    width: 258px;
    height: 26px;
    top: 27px;
    left: 97px; }
  #logo.invoice-ripple-ezymart {
    background: url("../../images/themes/dark/ir-ezymart-logo.png");
    background-size: cover;
    width: 234px;
    height: 50px;
    top: 15px;
    left: 90px; }
  #logo.health {
    background: url("../../images/themes/light/health-logo.png");
    background-size: cover;
    width: 322px;
    height: 50px;
    margin-right: 40px;
    top: 5px; }
  #logo.mining {
    background: url("../../images/themes/light/mining-logo.png");
    background-size: cover;
    width: 142px;
    height: 45px;
    margin-right: 40px;
    top: 17px; }

#subHeader {
  background-image: none;
  background-color: #FFFFFF;
  width: calc(100% + 80px);
  height: 80px;
  position: relative;
  z-index: 1;
  left: -80px; }

#subHeader .fieldset-box, #top-row1 .fieldset-box {
  display: none; }

#outlet-name {
  line-height: 20px;
  color: #1B1A1A;
  font-size: 14px;
  font-weight: bold;
  min-width: 150px;
  padding-right: 5px;
  white-space: nowrap; }

#user-profile {
  opacity: 0;
  height: auto;
  width: auto;
  top: 55px;
  visibility: hidden;
  width: 290px;
  position: absolute;
  transition: 0.3s ease;
  border: solid 1px #d9d9d9;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  z-index: 999;
  right: 70px;
  border-radius: 4px;
  background: #FFFFFF;
  /* #user-log-out {
        cursor: pointer;
    } */
  /* The switch - the box around the slider */ }
  #user-profile.user-active {
    opacity: 1;
    top: 73px;
    visibility: visible; }
  #user-profile .border-bottom {
    border-bottom: solid 1px #d9d9d9; }
  #user-profile .us-item {
    font-size: 14px;
    color: #1B1A1A;
    line-height: 40px;
    padding-left: 10px;
    font-weight: 500; }
  #user-profile .user-top {
    width: 100%;
    height: auto;
    position: relative;
    display: inline-block;
    padding: 15px 0 15px 0px;
    float: left; }
  #user-profile .user-avatar-child {
    width: 30%;
    float: left;
    width: 60px;
    height: 60px;
    background: url("../../images/themes/ic-avatar-2x.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    margin-left: 10px; }
  #user-profile .user-info {
    width: 65%;
    float: left;
    height: 100%;
    position: relative;
    padding-left: 21px; }
  #user-profile .user-name {
    font-size: 18px;
    font-weight: 500;
    color: #1B1A1A; }
  #user-profile .user-email {
    font-size: 12px;
    padding-top: 5px; }
  #user-profile .user-content {
    position: relative;
    width: 100%;
    float: left; }
    #user-profile .user-content:hover {
      background-color: #F6F6F6; }
  #user-profile .user-bottom {
    position: relative;
    width: 100%;
    float: left;
    cursor: pointer;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }
    #user-profile .user-bottom:hover {
      background-color: #F6F6F6; }
  #user-profile #user-logout {
    position: absolute;
    top: 8px;
    right: 15px;
    z-index: 2;
    cursor: pointer; }
    #user-profile #user-logout .icon {
      background: url("../../images/themes/light/ic-logout.svg") no-repeat;
      width: 22px;
      height: 18px;
      margin-left: 0px;
      background-size: cover;
      margin-top: 2px; }
    #user-profile #user-logout .label {
      margin-top: 29px;
      font-size: 12px; }
  #user-profile .theme-control-text {
    width: 75%;
    float: left; }
  #user-profile .switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 26px;
    right: 26px;
    top: 7px;
    /* Hide default HTML checkbox */
    /* The slider */ }
    #user-profile .switch input {
      opacity: 0;
      width: 0;
      height: 0; }
    #user-profile .switch .slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #FFFFFF;
      -webkit-transition: .4s;
      transition: .4s;
      border: 1px solid #d9d9d9;
      border-radius: 40px;
      width: 50px; }
      #user-profile .switch .slider:before {
        position: absolute;
        content: "";
        background-color: #f3ab00;
        height: 19px;
        width: 19px;
        left: 4px;
        bottom: 2px;
        -webkit-transition: .4s;
        transition: .4s; }
      #user-profile .switch .slider.round {
        border-radius: 34px; }
        #user-profile .switch .slider.round:before {
          border-radius: 100%; }
    #user-profile .switch input:checked + .slider:before {
      -webkit-transform: translateX(22px);
      -ms-transform: translateX(22px);
      transform: translateX(22px); }
    #user-profile .switch input:focus + .slider {
      box-shadow: unset; }
  #user-profile .theme-status {
    background: url("../../images/themes/light/ic-dark-theme.svg") no-repeat;
    background-size: cover;
    float: right;
    width: 18px;
    height: 20px;
    right: 20px;
    top: 10px;
    position: relative;
    /* &.dark {
            background-image: url($ic-dark-theme);
            width: 16px;
            right: 20px;
        } */ }
  #user-profile .theme-setting {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 105px;
    top: 10px;
    background: url("../../images/themes/light/ic-light-theme.svg") no-repeat;
    background-size: cover; }
  #user-profile .user-content {
    cursor: pointer; }

#divBudgetTagCtb,
#budget-widget {
  text-align: right;
  font-size: 12px;
  position: relative;
  top: 15px;
  float: right;
  right: 0px;
  margin-right: 15px; }
  #divBudgetTagCtb.detail #budgetChange,
  #budget-widget.detail #budgetChange {
    transform: rotate(180deg); }
  #divBudgetTagCtb #budgetManage,
  #divBudgetTagCtb #bdg-display-ct,
  #budget-widget #budgetManage,
  #budget-widget #bdg-display-ct {
    height: 48px;
    padding: 0px 11px 0 10px;
    min-width: 120px;
    border-radius: 40px;
    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #d9d9d9;
    margin-top: 0px; }
    #divBudgetTagCtb #budgetManage::before,
    #divBudgetTagCtb #bdg-display-ct::before,
    #budget-widget #budgetManage::before,
    #budget-widget #bdg-display-ct::before {
      background: #FFFFFF;
      border-top: 1px solid #d9d9d9;
      border-left: 1px solid #d9d9d9;
      position: absolute;
      top: -8px;
      padding: 3px 6px;
      border-radius: 30px;
      left: -6px;
      font-size: 10px;
      transition: all 0.2s;
      line-height: 12px;
      box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.1);
      content: 'Budget Remaining'; }
    #divBudgetTagCtb #budgetManage:hover,
    #divBudgetTagCtb #bdg-display-ct:hover,
    #budget-widget #budgetManage:hover,
    #budget-widget #bdg-display-ct:hover {
      /* #budgetChange {
                @include header-button-hover;
            } */ }
      #divBudgetTagCtb #budgetManage:hover::before,
      #divBudgetTagCtb #bdg-display-ct:hover::before,
      #budget-widget #budgetManage:hover::before,
      #budget-widget #bdg-display-ct:hover::before {
        top: -10px;
        box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.2); }
    #divBudgetTagCtb #budgetManage #budgetRemain,
    #divBudgetTagCtb #bdg-display-ct #budgetRemain,
    #budget-widget #budgetManage #budgetRemain,
    #budget-widget #bdg-display-ct #budgetRemain {
      background-color: transparent;
      line-height: 50px;
      font-size: 14px;
      top: 0px;
      right: 10px;
      position: relative;
      text-align: center;
      /* padding: 0 10px; */
      color: #1B1A1A;
      font-weight: 500;
      transition: 0.2s;
      padding: 0px;
      height: auto;
      padding: 0px 15px;
      display: inline-block;
      user-select: none; }
  #divBudgetTagCtb #budgetChange,
  #budget-widget #budgetChange {
    background-image: url("../../images/themes/light/ic-arrow-drop-down-secondary.svg") !important;
    background-size: 12px 12px !important;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    background-color: transparent;
    width: 12px;
    height: 12px;
    top: 16px;
    bottom: 0;
    position: absolute;
    vertical-align: unset;
    right: 12px;
    padding: 2px;
    border-radius: 100%;
    border: 1px solid #FFFFFF;
    transition: all 0.2s;
    cursor: pointer; }
    #divBudgetTagCtb #budgetChange:hover,
    #budget-widget #budgetChange:hover {
      border: 1px solid #d9d9d9;
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
      cursor: pointer; }
  #divBudgetTagCtb #bdg-input,
  #budget-widget #bdg-input {
    background: #FFFFFF;
    color: #1B1A1A; }
  #divBudgetTagCtb .bdg-dt-r,
  #budget-widget .bdg-dt-r {
    padding: 6px; }
    #divBudgetTagCtb .bdg-dt-r:last-child,
    #budget-widget .bdg-dt-r:last-child {
      border-top: 1px solid #d9d9d9; }
    #divBudgetTagCtb .bdg-dt-r.input-ct,
    #budget-widget .bdg-dt-r.input-ct {
      display: none; }
      #divBudgetTagCtb .bdg-dt-r.input-ct.show,
      #budget-widget .bdg-dt-r.input-ct.show {
        display: block; }

#budgetDetailWindow, #advancedBudgetDetailWindow {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 0;
  height: auto;
  z-index: 2;
  transition: 0.3s ease;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  width: 240px;
  border: none;
  border-radius: 5px;
  background-color: #FFFFFF;
  border: 1px solid #d9d9d9;
  padding: 0px;
  transform: none !important;
  pointer-events: none;
  cursor: default;
  top: 40px;
  /* .bdg-dt-r,
    .r-desc {
        color: $color-contrast-primary;
        font-size: 10px;

        img {
            height: 17px;
            width: 17px;
        }
    } */ }
  #budgetDetailWindow.selected, #advancedBudgetDetailWindow.selected {
    opacity: 1;
    visibility: visible;
    top: 58px;
    z-index: 9999;
    pointer-events: unset; }
  #budgetDetailWindow .budgetChangeWindowRowDateRange, #advancedBudgetDetailWindow .budgetChangeWindowRowDateRange {
    font-size: 14px !important;
    color: #1B1A1A !important;
    border-bottom: 1px solid #d9d9d9;
    text-align: center;
    font-weight: 500;
    padding: 13px 0px 12px 0px;
    background: linear-gradient(#FFFFFF, #F2F1F2);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center; }
    #budgetDetailWindow .budgetChangeWindowRowDateRange #budgetDateRange i, #advancedBudgetDetailWindow .budgetChangeWindowRowDateRange #budgetDateRange i {
      font-weight: 500;
      font-style: normal; }
    #budgetDetailWindow .budgetChangeWindowRowDateRange button#budgetDateRange, #advancedBudgetDetailWindow .budgetChangeWindowRowDateRange button#budgetDateRange {
      border: 1px solid #d9d9d9;
      background: #FFFFFF;
      color: #1B1A1A;
      border-radius: 5px;
      line-height: 26px;
      margin-top: -2px;
      cursor: pointer; }
      #budgetDetailWindow .budgetChangeWindowRowDateRange button#budgetDateRange:hover, #advancedBudgetDetailWindow .budgetChangeWindowRowDateRange button#budgetDateRange:hover {
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2); }
    #budgetDetailWindow .budgetChangeWindowRowDateRange #selectStartDateOfTheWeek, #advancedBudgetDetailWindow .budgetChangeWindowRowDateRange #selectStartDateOfTheWeek {
      display: none;
      width: 130px;
      height: 108px;
      left: 3px;
      z-index: 9999;
      position: absolute;
      margin-left: 8px; }
      #budgetDetailWindow .budgetChangeWindowRowDateRange #selectStartDateOfTheWeek select, #advancedBudgetDetailWindow .budgetChangeWindowRowDateRange #selectStartDateOfTheWeek select {
        border: 1px solid #d9d9d9;
        overflow: hidden;
        margin-top: 1px;
        border-radius: 5px; }
      #budgetDetailWindow .budgetChangeWindowRowDateRange #selectStartDateOfTheWeek option, #advancedBudgetDetailWindow .budgetChangeWindowRowDateRange #selectStartDateOfTheWeek option {
        padding: 6px 10px;
        border-bottom: 1px solid #d9d9d9; }
        #budgetDetailWindow .budgetChangeWindowRowDateRange #selectStartDateOfTheWeek option:hover, #advancedBudgetDetailWindow .budgetChangeWindowRowDateRange #selectStartDateOfTheWeek option:hover {
          box-shadow: inset 5px 0 0 0 #f3ab00;
          background: #F1F1F1; }
  #budgetDetailWindow .r-figure, #advancedBudgetDetailWindow .r-figure {
    color: #1B1A1A;
    font-size: 12px; }
  #budgetDetailWindow .budgetDetailWindowRow, #budgetDetailWindow .bdg-dt-r, #advancedBudgetDetailWindow .budgetDetailWindowRow, #advancedBudgetDetailWindow .bdg-dt-r {
    color: #1B1A1A;
    padding: 10px 10px 5px 10px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    position: relative;
    text-align: left; }
    #budgetDetailWindow .budgetDetailWindowRow#budgetInputContainer, #budgetDetailWindow .bdg-dt-r#budgetInputContainer, #advancedBudgetDetailWindow .budgetDetailWindowRow#budgetInputContainer, #advancedBudgetDetailWindow .bdg-dt-r#budgetInputContainer {
      padding: 0px;
      height: 0px;
      transition: 0.3s ease; }
      #budgetDetailWindow .budgetDetailWindowRow#budgetInputContainer.show, #budgetDetailWindow .bdg-dt-r#budgetInputContainer.show, #advancedBudgetDetailWindow .budgetDetailWindowRow#budgetInputContainer.show, #advancedBudgetDetailWindow .bdg-dt-r#budgetInputContainer.show {
        padding: 15px 10px 5px 10px;
        height: 35px; }
      #budgetDetailWindow .budgetDetailWindowRow#budgetInputContainer.selected input, #budgetDetailWindow .budgetDetailWindowRow#budgetInputContainer.selected img, #budgetDetailWindow .bdg-dt-r#budgetInputContainer.selected input, #budgetDetailWindow .bdg-dt-r#budgetInputContainer.selected img, #advancedBudgetDetailWindow .budgetDetailWindowRow#budgetInputContainer.selected input, #advancedBudgetDetailWindow .budgetDetailWindowRow#budgetInputContainer.selected img, #advancedBudgetDetailWindow .bdg-dt-r#budgetInputContainer.selected input, #advancedBudgetDetailWindow .bdg-dt-r#budgetInputContainer.selected img {
        visibility: visible;
        opacity: 1; }
      #budgetDetailWindow .budgetDetailWindowRow#budgetInputContainer img, #budgetDetailWindow .bdg-dt-r#budgetInputContainer img, #advancedBudgetDetailWindow .budgetDetailWindowRow#budgetInputContainer img, #advancedBudgetDetailWindow .bdg-dt-r#budgetInputContainer img {
        visibility: hidden; }
      #budgetDetailWindow .budgetDetailWindowRow#budgetInputContainer input, #budgetDetailWindow .bdg-dt-r#budgetInputContainer input, #advancedBudgetDetailWindow .budgetDetailWindowRow#budgetInputContainer input, #advancedBudgetDetailWindow .bdg-dt-r#budgetInputContainer input {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        height: 20px;
        line-height: 20px;
        transition: 0.3s ease;
        width: calc(100% - 45px);
        outline: none;
        color: #1B1A1A;
        text-align: right;
        text-indent: 5px;
        font-size: 12px;
        padding-right: 5px;
        left: 15px;
        border: 1px solid #d9d9d9;
        font-family: "Roboto Standard", arial, helvetica, sans-serif; }
        #budgetDetailWindow .budgetDetailWindowRow#budgetInputContainer input:invalid, #budgetDetailWindow .bdg-dt-r#budgetInputContainer input:invalid, #advancedBudgetDetailWindow .budgetDetailWindowRow#budgetInputContainer input:invalid, #advancedBudgetDetailWindow .bdg-dt-r#budgetInputContainer input:invalid {
          background: #e30612 !important;
          color: #FFFFFF; }
    #budgetDetailWindow .budgetDetailWindowRow b, #budgetDetailWindow .bdg-dt-r b, #advancedBudgetDetailWindow .budgetDetailWindowRow b, #advancedBudgetDetailWindow .bdg-dt-r b {
      color: #1B1A1A;
      padding: 0px 5px; }
    #budgetDetailWindow .budgetDetailWindowRow font, #budgetDetailWindow .budgetDetailWindowRow .r-figure, #budgetDetailWindow .bdg-dt-r font, #budgetDetailWindow .bdg-dt-r .r-figure, #advancedBudgetDetailWindow .budgetDetailWindowRow font, #advancedBudgetDetailWindow .budgetDetailWindowRow .r-figure, #advancedBudgetDetailWindow .bdg-dt-r font, #advancedBudgetDetailWindow .bdg-dt-r .r-figure {
      font-size: 12px;
      float: right;
      line-height: 20px;
      margin: unset;
      margin-right: 5px;
      font-weight: 500; }
    #budgetDetailWindow .budgetDetailWindowRow img, #budgetDetailWindow .bdg-dt-r img, #advancedBudgetDetailWindow .budgetDetailWindowRow img, #advancedBudgetDetailWindow .bdg-dt-r img {
      height: 18px;
      width: 18px;
      right: -13px;
      position: absolute; }
    #budgetDetailWindow .budgetDetailWindowRow img#budgetDetailChange, #budgetDetailWindow .bdg-dt-r img#budgetDetailChange, #advancedBudgetDetailWindow .budgetDetailWindowRow img#budgetDetailChange, #advancedBudgetDetailWindow .bdg-dt-r img#budgetDetailChange {
      border: 1px solid #d9d9d9;
      background-color: #FFFFFF;
      border-radius: 100%;
      height: 14px;
      width: 14px;
      padding: 4px;
      display: inline-block;
      position: absolute;
      box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.1);
      top: 8px; }
      #budgetDetailWindow .budgetDetailWindowRow img#budgetDetailChange:hover, #budgetDetailWindow .bdg-dt-r img#budgetDetailChange:hover, #advancedBudgetDetailWindow .budgetDetailWindowRow img#budgetDetailChange:hover, #advancedBudgetDetailWindow .bdg-dt-r img#budgetDetailChange:hover {
        cursor: pointer; }
    #budgetDetailWindow .budgetDetailWindowRow:last-child, #budgetDetailWindow .bdg-dt-r:last-child, #advancedBudgetDetailWindow .budgetDetailWindowRow:last-child, #advancedBudgetDetailWindow .bdg-dt-r:last-child {
      border-top: 0px solid #d9d9d9;
      padding-bottom: 15px; }
  #budgetDetailWindow #budgetDetailRemaining, #advancedBudgetDetailWindow #budgetDetailRemaining {
    color: #1B1A1A; }
  #budgetDetailWindow #budgetDetailChangeConfirm, #advancedBudgetDetailWindow #budgetDetailChangeConfirm {
    cursor: pointer;
    top: 18px;
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    background: #FFFFFF;
    padding: 2px;
    border: 1px solid #d9d9d9; }
  #budgetDetailWindow #budgetCalendar, #advancedBudgetDetailWindow #budgetCalendar {
    text-align: center; }
  #budgetDetailWindow .budgetDetailDateRange, #advancedBudgetDetailWindow .budgetDetailDateRange {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 10px; }
  #budgetDetailWindow .switchDateRange, #advancedBudgetDetailWindow .switchDateRange {
    float: right;
    font-weight: 500;
    padding: 6px 0px;
    color: #1B1A1A;
    margin-top: -4px;
    position: relative;
    font-style: normal;
    cursor: pointer;
    width: 80px;
    text-align: center;
    background: linear-gradient(#FFFFFF, #F2F1F2);
    color: #1B1A1A;
    transition: 0.2s; }
    #budgetDetailWindow .switchDateRange:hover, #advancedBudgetDetailWindow .switchDateRange:hover {
      box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
    #budgetDetailWindow .switchDateRange.weekly, #advancedBudgetDetailWindow .switchDateRange.weekly {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
      border: 1px solid #d9d9d9;
      border-right: 0px; }
    #budgetDetailWindow .switchDateRange.monthly, #advancedBudgetDetailWindow .switchDateRange.monthly {
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
      border: 1px solid #d9d9d9;
      border-left: 0px; }
    #budgetDetailWindow .switchDateRange.active, #advancedBudgetDetailWindow .switchDateRange.active {
      background: linear-gradient(#FFC438, #f3ab00) !important;
      color: #FFFFFF !important;
      border: 1px solid #f3ab00; }
      #budgetDetailWindow .switchDateRange.active.weekly, #advancedBudgetDetailWindow .switchDateRange.active.weekly {
        border-right: 0px; }
      #budgetDetailWindow .switchDateRange.active.monthly, #advancedBudgetDetailWindow .switchDateRange.active.monthly {
        border-left: 0px; }
      #budgetDetailWindow .switchDateRange.active:hover, #advancedBudgetDetailWindow .switchDateRange.active:hover {
        box-shadow: 2px 2px 5px 0 rgba(243, 171, 0, 0.35); }
  #budgetDetailWindow .budget-calendar-btn, #advancedBudgetDetailWindow .budget-calendar-btn {
    position: relative;
    width: 50%; }

#advancedBudgetDetailWindow .budgetChangeWindowRowDateRange {
  height: 30px;
  margin-bottom: 0px;
  padding: 0px; }

#advancedBudgetDetailWindow .budgetDetailWindowDetail {
  padding: 14px 16px; }
  #advancedBudgetDetailWindow .budgetDetailWindowDetail .budgetDetailWindowRow {
    text-align: center;
    font-weight: 500;
    padding: 0px;
    text-align: left;
    color: #333333; }
    #advancedBudgetDetailWindow .budgetDetailWindowDetail .budgetDetailWindowRow.subRow {
      font-size: 14px;
      height: 16px;
      line-height: 16px;
      margin-top: 5px;
      color: #555656; }
    #advancedBudgetDetailWindow .budgetDetailWindowDetail .budgetDetailWindowRow .value {
      text-align: right;
      float: right;
      margin: unset;
      font-weight: 500; }
      #advancedBudgetDetailWindow .budgetDetailWindowDetail .budgetDetailWindowRow .value.includeHeader {
        text-align: right;
        line-height: 16px;
        min-width: 100px; }
        #advancedBudgetDetailWindow .budgetDetailWindowDetail .budgetDetailWindowRow .value.includeHeader .header {
          font-size: 10px; }
  #advancedBudgetDetailWindow .budgetDetailWindowDetail .budgetDetailRemaining, #advancedBudgetDetailWindow .budgetDetailWindowDetail .budgetDetailRevenueToDate {
    font-size: 24px; }

#advancedBudgetDetailWindow .showMoreInfo {
  text-decoration-line: underline;
  font-weight: 400;
  color: #333333; }

.budget-calendar-window .icon-v3-ctb-logo {
  background-image: none !important;
  padding-left: 6px !important; }

.budget-calendar-window .x-toolbar-left-row .x-toolbar-cell:first-child {
  padding-left: 4px; }

.budget-calendar-window .x-panel-tbar .x-toolbar.x-small-editor.x-toolbar-layout-ct {
  margin-top: 5px; }

.budget-calendar-window .x-window-body .x-border-panel .x-panel-bwrap .x-panel-body-noborder {
  margin: 5px !important; }
  .budget-calendar-window .x-window-body .x-border-panel .x-panel-bwrap .x-panel-body-noborder .budgetcalendar-table {
    border-radius: 5px;
    border: 1px solid #d9d9d9 !important;
    border-spacing: 0 !important; }
    .budget-calendar-window .x-window-body .x-border-panel .x-panel-bwrap .x-panel-body-noborder .budgetcalendar-table .row-header-bc {
      background: linear-gradient(#FFFFFF, #F2F1F2);
      color: #1B1A1A;
      transition: box-shadow 0.2s;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      height: 37px; }
      .budget-calendar-window .x-window-body .x-border-panel .x-panel-bwrap .x-panel-body-noborder .budgetcalendar-table .row-header-bc:hover {
        box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
      .budget-calendar-window .x-window-body .x-border-panel .x-panel-bwrap .x-panel-body-noborder .budgetcalendar-table .row-header-bc th {
        padding: 7px;
        font-weight: 500;
        font-size: 12px !important;
        font-family: "Roboto Standard", arial, helvetica, sans-serif !important;
        border: solid #d9d9d9;
        border-width: 0 1px 1px 0;
        border-right-color: transparent !important; }
        .budget-calendar-window .x-window-body .x-border-panel .x-panel-bwrap .x-panel-body-noborder .budgetcalendar-table .row-header-bc th:first-child {
          border-top-left-radius: 5px;
          padding-left: 9px; }
        .budget-calendar-window .x-window-body .x-border-panel .x-panel-bwrap .x-panel-body-noborder .budgetcalendar-table .row-header-bc th:last-child {
          border-width: 0 0 1px 0;
          border-top-right-radius: 5px; }
      .budget-calendar-window .x-window-body .x-border-panel .x-panel-bwrap .x-panel-body-noborder .budgetcalendar-table .row-header-bc:hover {
        box-shadow: none !important; }
        .budget-calendar-window .x-window-body .x-border-panel .x-panel-bwrap .x-panel-body-noborder .budgetcalendar-table .row-header-bc:hover th:not(:last-child) {
          border-right-color: #d9d9d9 !important; }
        .budget-calendar-window .x-window-body .x-border-panel .x-panel-bwrap .x-panel-body-noborder .budgetcalendar-table .row-header-bc:hover th {
          border-right-color: #d9d9d9 !important; }
    .budget-calendar-window .x-window-body .x-border-panel .x-panel-bwrap .x-panel-body-noborder .budgetcalendar-table .row-table-bc {
      height: 35px;
      background: transparent;
      font-family: "Roboto Standard", arial, helvetica, sans-serif !important; }
      .budget-calendar-window .x-window-body .x-border-panel .x-panel-bwrap .x-panel-body-noborder .budgetcalendar-table .row-table-bc:first-child {
        height: 40px; }
        .budget-calendar-window .x-window-body .x-border-panel .x-panel-bwrap .x-panel-body-noborder .budgetcalendar-table .row-table-bc:first-child td {
          border-top: 5px solid #FFFFFF; }
      .budget-calendar-window .x-window-body .x-border-panel .x-panel-bwrap .x-panel-body-noborder .budgetcalendar-table .row-table-bc:hover td {
        background: #F1F1F1; }
      .budget-calendar-window .x-window-body .x-border-panel .x-panel-bwrap .x-panel-body-noborder .budgetcalendar-table .row-table-bc td {
        border: unset;
        color: #1B1A1A;
        background: #F6F6F6;
        border-top: 2px solid #FFFFFF;
        border-bottom: 2px solid #FFFFFF;
        text-align: left;
        padding: 7px; }
        .budget-calendar-window .x-window-body .x-border-panel .x-panel-bwrap .x-panel-body-noborder .budgetcalendar-table .row-table-bc td:first-child {
          border-left: 4px solid #FFFFFF;
          border-top-left-radius: 10px;
          border-bottom-left-radius: 10px;
          padding-left: 8px !important;
          text-align: left; }
        .budget-calendar-window .x-window-body .x-border-panel .x-panel-bwrap .x-panel-body-noborder .budgetcalendar-table .row-table-bc td:last-child {
          border-right: 4px solid #FFFFFF;
          border-top-right-radius: 10px;
          border-bottom-right-radius: 10px; }

.budget-calendar-window .x-window-bwrap .x-window-bl {
  display: none; }

#weather-container {
  height: 50px;
  vertical-align: top;
  float: right;
  position: relative;
  top: 15px;
  margin-right: 15px; }
  #weather-container #weather-box {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    transition: all 0.2s, width 0.5s;
    border: 1px solid #d9d9d9;
    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.1);
    overflow: hidden;
    box-sizing: border-box; }
    #weather-container #weather-box .wt-dt-container {
      margin: 9px 9px;
      height: 30px; }
    #weather-container #weather-box.detail .wt-collapse {
      transform: rotate(180deg); }
    #weather-container #weather-box:hover {
      width: 130px;
      border-radius: 40px;
      /* .wt-collapse {
                @include header-button-hover;
            } */ }
    #weather-container #weather-box .weather-detail {
      height: 30px;
      line-height: 32px;
      font-size: 14px !important; }
  #weather-container #weather-detail-context .wt-icon,
  #weather-container #weather-box .wt-icon {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    margin-right: 5px;
    background-repeat: no-repeat; }
  #weather-container #weather-detail-context .wt-info,
  #weather-container #weather-box .wt-info {
    width: 75px;
    display: inline-flex;
    left: 0px;
    position: relative;
    margin: 0px;
    line-height: 32px;
    padding-left: 5px;
    user-select: none; }
  #weather-container #weather-detail-context .wt-label.min,
  #weather-container #weather-box .wt-label.min {
    margin-right: 5px; }
  #weather-container #weather-detail-context .wt-label.max,
  #weather-container #weather-box .wt-label.max {
    margin-left: 5px; }
  #weather-container #weather-detail-context .wt-collapse,
  #weather-container #weather-box .wt-collapse {
    background-image: url("../../images/themes/light/ic-arrow-drop-down-secondary.svg") !important;
    background-size: 12px 12px !important;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    background-color: transparent;
    width: 12px;
    height: 12px;
    top: 16px;
    bottom: 0;
    position: absolute;
    vertical-align: unset;
    right: 12px;
    padding: 2px;
    border-radius: 100%;
    border: 1px solid #FFFFFF;
    transition: all 0.2s;
    top: 6px;
    right: 5px; }
    #weather-container #weather-detail-context .wt-collapse:hover,
    #weather-container #weather-box .wt-collapse:hover {
      border: 1px solid #d9d9d9;
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
      cursor: pointer; }
  #weather-container #weather-detail-context .weather-detail,
  #weather-container #weather-box .weather-detail {
    display: inline-flex;
    line-height: 32px;
    font-size: 12px;
    font-weight: 500; }
  #weather-container #weather-detail-context {
    border: 1px solid #d9d9d9;
    width: 195px;
    position: absolute;
    right: 0px;
    top: 40px;
    background-color: #FFFFFF;
    z-index: 2;
    transition: 0.2s ease;
    opacity: 0;
    height: auto;
    visibility: hidden;
    border-radius: 5px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    pointer-events: none; }
    #weather-container #weather-detail-context.weather-active {
      opacity: 1;
      visibility: visible;
      top: 58px;
      pointer-events: unset; }
    #weather-container #weather-detail-context .weather-detail {
      width: 100%;
      font-size: 12px; }
      #weather-container #weather-detail-context .weather-detail.city {
        border-bottom: 1px solid #d9d9d9;
        line-height: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(#FFFFFF, #F2F1F2);
        border-top-left-radius: 5px;
        border-top-right-radius: 5px; }
      #weather-container #weather-detail-context .weather-detail .wt-icon {
        background-size: 24px 24px;
        margin: 3px 10px 5px 10px;
        width: 24px;
        height: 24px; }
      #weather-container #weather-detail-context .weather-detail .wt-label {
        user-select: none; }
        #weather-container #weather-detail-context .weather-detail .wt-label.date {
          font-size: 12px;
          font-weight: 500;
          color: #1B1A1A;
          position: absolute;
          right: 10px; }
    #weather-container #weather-detail-context .weather-detail-date {
      padding: 0px 0px; }
    #weather-container #weather-detail-context .location-weather {
      background: url("../../images/themes/ic-location.svg") center;
      background-size: cover;
      background-repeat: no-repeat;
      width: 24px;
      float: left;
      margin: 0px;
      background-size: 24px 18px; }
    #weather-container #weather-detail-context .arrow-up {
      width: 0;
      height: 0;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      position: absolute;
      right: 12px;
      top: -7px;
      border-bottom: 7px solid #FFFFFF; }
    #weather-container #weather-detail-context .wt-city-name {
      line-height: 18px;
      padding: 6px 0px;
      margin-left: 2px; }

#user-box {
  position: relative;
  right: 0px;
  top: 15px;
  display: flex;
  float: right;
  margin-right: 20px;
  display: inline-flex;
  padding: 5px 5px;
  height: 38px;
  border: 1px solid #d9d9d9;
  border-radius: 40px;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.1); }
  #user-box::before {
    background: #FFFFFF;
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    position: absolute;
    top: -8px;
    padding: 3px 6px;
    border-radius: 30px;
    left: -6px;
    font-size: 10px;
    transition: all 0.2s;
    line-height: 12px;
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.1);
    content: 'Welcome,'; }
  #user-box:hover::before {
    top: -10px;
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.2); }
  #user-box #user-name {
    right: unset;
    top: unset;
    left: unset;
    bottom: unset;
    position: relative;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #1B1A1A;
    right: 0px;
    top: 0px;
    left: unset;
    bottom: unset;
    line-height: 40px;
    margin-right: 10px;
    min-width: 30px;
    margin-left: 10px;
    user-select: none;
    cursor: default;
    /* &:hover {
            color: $color-great;
        } */ }
    #user-box #user-name:after {
      display: none; }
    #user-box #user-name #divUserFullName {
      left: 8px;
      position: relative;
      vertical-align: top;
      top: 8px; }
  #user-box .user-avatar {
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
    display: inline-flex;
    float: left;
    margin-top: -1px;
    margin-right: 5px;
    padding: 4px;
    border-radius: 100%;
    border: 1px solid #FFFFFF;
    transition: 0.2s; }
    #user-box .user-avatar .fa {
      font: normal normal normal 28px FontAwesome;
      color: #828282;
      position: relative;
      left: 4px;
      top: 1px; }
    #user-box .user-avatar:hover {
      border: 1px solid #d9d9d9;
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
      cursor: pointer; }
  #user-box #sticker #sticker-btn {
    position: relative;
    display: inline-block;
    /* margin-right: 10px; */
    border: 1px solid #FFFFFF;
    border-radius: 100%;
    width: 38px;
    height: 38px;
    cursor: pointer;
    top: -1px;
    transition: 0.2s; }
    #user-box #sticker #sticker-btn:hover {
      border: 1px solid #d9d9d9;
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
      cursor: pointer; }
    #user-box #sticker #sticker-btn .notification-dashboard-icon {
      height: 30px;
      width: 24px;
      background: url("../../images/themes/light/notification-icon.svg") no-repeat center;
      margin-top: 4px;
      margin-left: 7px;
      background-size: 24px; }
  #user-box #sticker #sticker-counter {
    -moz-box-shadow: 0 0 0 #FFFFFF;
    -webkit-box-shadow: 0 0 0 #FFFFFF;
    box-shadow: 0 0 0 #FFFFFF;
    color: #FFFFFF;
    background: #f3ab00;
    left: unset;
    right: 1px;
    top: 1px;
    line-height: 18px;
    text-align: center;
    padding-top: 0px;
    padding: 0;
    border-radius: 27px;
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    font-size: 10px;
    font-weight: bold;
    user-select: none; }

#sticker-detail {
  left: unset;
  right: 20px;
  top: 55px;
  position: absolute;
  z-index: 1;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  line-height: initial;
  padding: 0px;
  transition: 0.3s ease;
  background: #FFFFFF;
  width: 480px !important;
  height: 431px !important;
  z-index: 999 !important;
  border-radius: 5px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid #d9d9d9;
  cursor: default;
  pointer-events: none; }
  #sticker-detail-footer {
    background: #FFFFFF;
    height: 0px; }
  #sticker-detail.selected {
    opacity: 1;
    visibility: visible;
    top: 73px;
    pointer-events: unset; }
  #sticker-detail .stickerLink {
    position: absolute;
    float: right;
    margin-left: 345px;
    top: 30px;
    background: linear-gradient(#FFFFFF, #F2F1F2);
    color: #1B1A1A;
    transition: box-shadow 0.2s;
    border: 1px solid #d9d9d9;
    height: 18px;
    width: 100px;
    text-align: center;
    padding: 4px;
    padding-top: 6px;
    border-radius: 5px;
    font-family: "Roboto Standard", arial, helvetica, sans-serif; }
    #sticker-detail .stickerLink:hover {
      box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
  #sticker-detail .delete-all-stickers-btn {
    background: linear-gradient(#FFFFFF, #F2F1F2);
    color: #1B1A1A;
    transition: box-shadow 0.2s;
    padding: 6px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    font-size: 12px;
    float: right;
    margin-right: 37px;
    margin-top: 6px;
    width: 85px;
    cursor: pointer;
    font-family: "Roboto Standard", arial, helvetica, sans-serif; }
    #sticker-detail .delete-all-stickers-btn:hover {
      box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
  #sticker-detail #sticker-detail-header {
    height: 40px;
    line-height: 40px;
    position: relative;
    background: linear-gradient(#FFFFFF, #F2F1F2);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 1px solid #d9d9d9; }
    #sticker-detail #sticker-detail-header span {
      margin-left: 16px;
      font-size: 16px;
      font-weight: 500;
      font-family: "Roboto Medium", arial, helvetica, sans-serif;
      color: #1B1A1A; }
    #sticker-detail #sticker-detail-header #sticker-detail-header-icon {
      position: absolute;
      top: 4px;
      left: 0px;
      width: 32px;
      height: 32px;
      cursor: pointer; }
    #sticker-detail #sticker-detail-header #sticker-detail-header-close {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      cursor: pointer; }
  #sticker-detail #sticker-detail-body {
    position: relative;
    background: #FFFFFF;
    border-radius: 5px; }
    #sticker-detail #sticker-detail-body .user-sticker {
      position: relative;
      padding: 10px;
      transition: none; }
  #sticker-detail .user-sticker {
    color: #1B1A1A;
    background-color: #FFFFFF !important;
    font-size: 12px;
    font-weight: 500;
    border: unset;
    border-top: 1px solid #d9d9d9;
    margin: 0px;
    /* border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px; */ }
    #sticker-detail .user-sticker .sticker-detail {
      width: 338px;
      margin-bottom: 15px; }
      #sticker-detail .user-sticker .sticker-detail p {
        white-space: pre;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: normal; }
        #sticker-detail .user-sticker .sticker-detail p::first-letter {
          text-transform: capitalize; }
    #sticker-detail .user-sticker a {
      text-transform: initial;
      text-decoration: none; }
    #sticker-detail .user-sticker .sticker-date {
      color: #1B1A1A;
      font-size: 12px;
      margin-right: 77px;
      text-align: left;
      display: block;
      margin-bottom: 10px;
      text-transform: uppercase; }
    #sticker-detail .user-sticker .sticker-delete-custom {
      background-image: url("../../images/themes/dark/ic-trash.svg");
      background-repeat: no-repeat;
      width: 18px;
      height: 18px; }
    #sticker-detail .user-sticker:first-child {
      border-top: 0px; }
  #sticker-detail .delete-btn {
    font-size: 16px;
    color: #4370b7;
    top: 5px;
    right: 10px;
    position: absolute;
    display: block;
    font-weight: bolder;
    line-height: initial;
    transition: 0.2s ease; }

body {
  color: #1B1A1A;
  background-color: #F1F1F1; }

.mainContainer {
  background-color: #F1F1F1;
  z-index: 0; }
  .mainContainer .x-panel-ml {
    padding-left: 0px; }
  .mainContainer.x-panel-mr {
    padding-right: 0px; }

.x-panel-body.x-panel-mainbgcolor {
  background-color: #F1F1F1; }

.x-panel-body.x-panel-whitebgcolor {
  background-color: #F1F1F1; }

.x-grid-panel .x-panel-mc .x-panel-body {
  border: none; }

.x-panel-tbar .x-toolbar.x-small-editor.x-toolbar-layout-ct {
  margin-bottom: 5px; }

.x-panel-tbar .x-toolbar td, .x-panel-tbar .x-toolbar span, .x-panel-tbar .x-toolbar div, .x-panel-tbar .x-toolbar input, .x-panel-tbar .x-toolbar select {
  font-size: 12px; }

.x-panel-tbar .x-toolbar label {
  font-family: "Roboto Medium", arial, helvetica, sans-serif;
  font-size: 12px; }

.x-toolbar-ct {
  border-bottom: unset !important; }

.x-panel-bbar {
  margin-top: 10px; }
  .x-panel-bbar .x-toolbar-layout-ct .x-toolbar-ct {
    border: none; }
  .x-panel-bbar .x-toolbar {
    border-width: 0px 0 0 0 !important; }
    .x-panel-bbar .x-toolbar div.xtb-text {
      font-size: 12px;
      padding-right: 10px; }
      .x-panel-bbar .x-toolbar div.xtb-text .text-primary {
        font-size: 12px;
        font-weight: normal; }
    .x-panel-bbar .x-toolbar .x-form-text, .x-panel-bbar .x-toolbar .ctb_transparent_bg_color .ctb-reciperipper-url, .ctb_transparent_bg_color .x-panel-bbar .x-toolbar .ctb-reciperipper-url, .x-panel-bbar .x-toolbar .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .x-panel-bbar .x-toolbar .b-h-ip, .x-panel-bbar .x-toolbar .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .x-panel-bbar .x-toolbar .r-ip, .x-panel-bbar .x-toolbar .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell .x-panel-bbar .x-toolbar input.b-bd-fh-input, .x-panel-bbar .x-toolbar .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .x-panel-bbar .x-toolbar .bd-r-ip {
      height: 28px !important; }
    .x-panel-bbar .x-toolbar td, .x-panel-bbar .x-toolbar span, .x-panel-bbar .x-toolbar div, .x-panel-bbar .x-toolbar label, .x-panel-bbar .x-toolbar input, .x-panel-bbar .x-toolbar select {
      font-size: 12px; }

.x-panel-header, .x-tab-panel-header {
  background-image: none;
  background-color: unset;
  color: #1B1A1A !important;
  border: none;
  padding: 0px;
  font-size: 18px !important;
  font-family: "Roboto Medium", arial, helvetica, sans-serif !important; }
  .x-panel-header .x-tool, .x-tab-panel-header .x-tool {
    background-image: url("../../images/themes/light/ic-arrow-drop-down.svg") !important;
    width: 24px;
    height: 18px;
    background-position: center; }
    .x-panel-header .x-tool.x-tool-collapse-west, .x-tab-panel-header .x-tool.x-tool-collapse-west {
      transform: rotate(180deg); }
    .x-panel-header .x-tool.x-tool-collapse-north, .x-tab-panel-header .x-tool.x-tool-collapse-north {
      transform: rotate(270deg); }
    .x-panel-header .x-tool.x-tool-collapse-south, .x-tab-panel-header .x-tool.x-tool-collapse-south {
      transform: rotate(-90deg); }
    .x-panel-header .x-tool.x-tool-close, .x-tab-panel-header .x-tool.x-tool-close {
      background-image: url("../../images/themes/light/ic-delete.svg") !important;
      height: 24px; }
  .x-panel-header .x-panel-header-text, .x-tab-panel-header .x-panel-header-text {
    margin-left: 5px;
    display: inherit;
    line-height: 18px; }

.x-layout-collapsed {
  background-color: #FFFFFF;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  z-index: 1; }
  .x-layout-collapsed .x-tool {
    background-image: url("../../images/themes/light/ic-arrow-drop-down.svg") !important;
    width: 18px;
    height: 18px;
    background-position: center;
    /* &.x-tool-expand-west {
            //transform: rotate(180deg);
        } */ }
    .x-layout-collapsed .x-tool.x-tool-expand-north {
      transform: rotate(90deg); }
    .x-layout-collapsed .x-tool.x-tool-expand-east {
      transform: rotate(180deg); }
    .x-layout-collapsed .x-tool.x-tool-expand-south {
      transform: rotate(90deg); }
  .x-layout-collapsed.x-layout-collapsed-east {
    min-width: 20px; }
    .x-layout-collapsed.x-layout-collapsed-east.grid-panel-collapsed {
      top: 57px !important;
      height: calc(100% - 72px) !important; }

.panel-header-background .x-panel-header {
  background: #FFFFFF; }

.x-form-item {
  color: #1B1A1A;
  margin-bottom: 15px;
  font-size: 12px; }

.x-panel-tl, .x-panel-mc {
  padding: 0px; }

.x-border-layout-ct {
  background-color: transparent; }

.x-tbar-page, .x-btn .x-btn-icon-small-left .x-tbar-page-next, .x-btn .x-btn-icon-small-left .x-tbar-page-prev, .x-btn .x-btn-icon-small-left .x-tbar-page-last, .x-btn .x-btn-icon-small-left .x-tbar-page-first, .x-btn .x-btn-icon-small-left .x-tbar-loading {
  display: inline-block;
  height: 32px;
  width: 32px;
  background-image: url("../../images/themes/light/icon-arrow-right.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-color: transparent; }

.x-panel-nofooter .x-panel-bc {
  height: 0px; }

.x-panel-noborder {
  border: 0 !important; }

.x-panel-noborder .x-panel-header-noborder {
  border-bottom: 1px solid #d9d9d9; }

.right-panel-collapse .x-panel-header .x-tool {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg); }

.ctb-panel-remove-collapse-icon .x-panel-header {
  font-weight: normal; }
  .ctb-panel-remove-collapse-icon .x-panel-header .x-tool {
    background-image: url("../../images/themes/light/ic-arrow-drop-down-circle.svg") !important;
    width: 20px;
    height: 32px;
    background-position: center;
    float: left;
    margin-right: 9px;
    display: block !important; }
  .ctb-panel-remove-collapse-icon .x-panel-header img {
    display: none; }

.ctb-panel-remove-collapse-icon.x-panel-collapsed .x-tool {
  transform: rotate(180deg); }

a {
  color: #4370b7; }

#tab_MenuBuilderSection .x-panel-body {
  overflow: hidden !important; }

.x-panel.ctb-panel-in-tab .x-panel-bwrap .x-btn-text, .x-panel.ctb-panel-in-tab .x-panel-bwrap .ctb-anchor-btn, .x-panel.ctb-panel-in-tab .x-panel-bwrap .btn-sm-row, .x-panel.ctb-panel-in-tab .x-panel-bwrap .ctb_btn_default_sm, .x-panel.ctb-panel-in-tab .x-panel-bwrap .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-panel.ctb-panel-in-tab .x-panel-bwrap .x-btn-text, .x-panel.ctb-panel-in-tab .x-panel-bwrap .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-panel.ctb-panel-in-tab .x-panel-bwrap .x-btn-text, .x-panel.ctb-panel-in-tab .x-panel-bwrap .x-date-mp .x-date-mp-ok, .x-date-mp .x-panel.ctb-panel-in-tab .x-panel-bwrap .x-date-mp-ok, .x-panel.ctb-panel-in-tab .x-panel-bwrap .x-date-mp .x-date-mp-cancel, .x-date-mp .x-panel.ctb-panel-in-tab .x-panel-bwrap .x-date-mp-cancel, .x-panel.ctb-panel-in-tab .x-panel-bwrap #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .x-panel.ctb-panel-in-tab .x-panel-bwrap .outlet-node, .x-panel.ctb-panel-in-tab .x-panel-bwrap #pnl_CycleMenu .xbutton, #pnl_CycleMenu .x-panel.ctb-panel-in-tab .x-panel-bwrap .xbutton, .x-panel.ctb-panel-in-tab .x-panel-bwrap .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .x-panel.ctb-panel-in-tab .x-panel-bwrap .ctb-btn {
  background-color: #d9d9d9; }

.sub-navigation.x-tab-panel-header-noborder.x-unselectable {
  display: none; }

.x-shadow {
  display: none !important; }

.tbl_StandardBorder {
  border-color: #d9d9d9; }

b {
  font-weight: 500; }

/*#hubspot-messages-iframe-container {
    &.widget-align-left {
        z-index: 3 !important;
    }
}*/
.x-window-bbar .x-toolbar {
  background-image: none; }

.float-right {
  float: right; }

.float-left {
  float: left; }

.bg-primary {
  background-color: #F1F1F1 !important; }

.bg-secondary {
  background-color: #FFFFFF !important; }

.bg-third {
  background-color: #F6F6F6 !important; }

.bg-3rd {
  background-color: #F1F1F1 !important; }

.bg-4th {
  background-color: #d9d9d9; }

.bg-5th {
  background-color: #FFFFFF !important; }

.bg-8th {
  background-color: #4370b7 !important; }

.bg-16th {
  background-color: #d9d9d9 !important; }

.bg-success {
  background-color: #549363 !important;
  color: #FFFFFF !important; }

.bg-standard {
  background: linear-gradient(#FFFFFF, #F2F1F2);
  color: #1B1A1A; }

.bg-danger {
  background-color: #f3ab00 !important;
  color: #FFFFFF !important; }

.bg-great {
  background-color: #e30612 !important;
  color: #FFFFFF !important; }

.bg-warning {
  background-color: #9f7819; }

.bg-info {
  background-color: #4370b7 !important;
  color: #FFFFFF !important; }

.bg-danger-secondary {
  background-color: #9e3b34; }

.bg-yellow {
  background-color: #fea300;
  color: #FFFFFF !important; }

.bg-recipe-costing-color-3rd {
  background-color: #d260b7; }

.bg-recipe-costing-color-9th {
  background-color: #5f2a74; }

.bg-recipe-costing-color-7th {
  background-color: #499edc; }

.bg-recipe-costing-color-10th {
  background-color: #d66834; }

.bg-brand, .b-bd-panel-body .b-bd-section .b-bd-section-header .b-bd-section-label {
  background-color: #f3ab00 !important;
  color: #ffffff !important; }

.bg-dynamic-stocktake-template {
  background-color: #5e5e5e; }

.text-primary {
  color: #1B1A1A !important; }

.text-secondary {
  color: #FFFFFF !important; }

.text-thirdly {
  color: #828282 !important; }

.text-white {
  color: #ffffff !important; }

.text-bold {
  font-weight: bold !important; }

.color-danger {
  color: #f3ab00; }

.color-primary {
  color: #F1F1F1 !important; }

.color-great, .invalid-tooltip .x-tip-header-text {
  color: #e30612 !important; }

.color-success {
  color: #549363 !important; }

.color-warning {
  color: #9f7819; }

.color-info {
  color: #4370b7; }

.color-yellow {
  color: #fea300; }

.color-disable {
  color: #7f7f7f; }

.color-recipe-costing-color-3rd {
  color: #d260b7; }

.color-recipe-costing-color-9th {
  color: #5f2a74; }

.color-recipe-costing-color-7th {
  color: #499edc; }

.color-recipe-costing-color-10th {
  color: #d66834; }

.mt-5 {
  margin-top: 5px; }

.ml-8 {
  margin-left: 8px; }

.ml-5 {
  margin-left: 5px; }

.cursor-pointer {
  cursor: pointer; }

.viewPortBody {
  background-color: #F1F1F1 !important; }

.common-border {
  border: solid 1px #d9d9d9 !important; }

.hidden-overflow-y {
  overflow-y: hidden !important; }

.indent-left-5px {
  margin-left: -5px !important; }

.selectedrow {
  background-color: #F1F1F1; }

.color-hightlight-zero-value {
  color: #e30612;
  font-weight: normal;
  font-family: "Roboto Medium", arial, helvetica, sans-serif; }

.border-great {
  border: solid 1px #e30612; }

.border-great-important {
  border: solid 1px #e30612 !important; }

.border-success-important {
  border: solid 1px #549363 !important; }

.border-primary {
  border: 1px solid #d9d9d9;
  border-radius: 5px; }

.display-none {
  display: none !important; }

.font-family-medium {
  font-family: "Roboto Medium", arial, helvetica, sans-serif !important; }

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

.border {
  border: 1px solid #d9d9d9; }

.border-top {
  border-top: 1px solid #d9d9d9; }

.border-left {
  border-left: 1px solid #d9d9d9; }

.border-right {
  border-right: 1px solid #d9d9d9; }

.border-bottom {
  border-bottom: 1px solid #d9d9d9; }

.grid-row-readonly {
  opacity: 0.6; }

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.inline {
  display: inline; }

.inline-block {
  display: inline-block; }

.flex {
  display: flex; }

.opacity-60 {
  opacity: 0.6; }

.pointer-events-none {
  pointer-events: none; }

.w-full {
  width: 100%; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.sauced-carousel-transition {
  transition: transform 0.2s; }

.sauced-carousel-translate-left-full {
  transform: translateX(-100%); }

.sauced-carousel-translate-right-full {
  transform: translateX(100%); }

.rs-control {
  background-color: transparent; }

.rs-control .rs-range-color {
  background-color: #dfa504; }

.rs-control .rs-handle {
  background-color: #FFFFFF; }

.rs-handle.rs-handle-square {
  border-radius: 0;
  height: 5px !important;
  margin: 0px 0px 0px 1px !important; }

.rs-tooltip.rs-tooltip-text {
  color: #1B1A1A !important; }

.rs-inner.rs-bg-color.rs-border {
  background-color: #FFFFFF !important; }

.rs-border {
  border: 1px solid #FFFFFF !important; }

/*Css button */
.small-btn, .x-btn-text.icon-paging-last, .icon-paging-last.ctb-anchor-btn, .icon-paging-last.btn-sm-row, .icon-paging-last.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-paging-last.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-paging-last.x-btn-text, .x-date-mp .icon-paging-last.x-date-mp-ok, .x-date-mp .icon-paging-last.x-date-mp-cancel, #outlet #outlet-map #map .icon-paging-last.outlet-node, #pnl_CycleMenu .icon-paging-last.xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-paging-last.ctb-btn, .x-btn-text.icon-paging-first, .icon-paging-first.ctb-anchor-btn, .icon-paging-first.btn-sm-row, .icon-paging-first.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-paging-first.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-paging-first.x-btn-text, .x-date-mp .icon-paging-first.x-date-mp-ok, .x-date-mp .icon-paging-first.x-date-mp-cancel, #outlet #outlet-map #map .icon-paging-first.outlet-node, #pnl_CycleMenu .icon-paging-first.xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-paging-first.ctb-btn, .x-btn-text.icon-paging-refresh, .icon-paging-refresh.ctb-anchor-btn, .icon-paging-refresh.btn-sm-row, .icon-paging-refresh.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-paging-refresh.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-paging-refresh.x-btn-text, .x-date-mp .icon-paging-refresh.x-date-mp-ok, .x-date-mp .icon-paging-refresh.x-date-mp-cancel, #outlet #outlet-map #map .icon-paging-refresh.outlet-node, #pnl_CycleMenu .icon-paging-refresh.xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-paging-refresh.ctb-btn, .x-btn .x-btn-icon-small-left .x-tbar-page-next, .x-btn .x-btn-icon-small-left .x-tbar-page-prev, .x-btn .x-btn-icon-small-left .x-tbar-page-last, .x-btn .x-btn-icon-small-left .x-tbar-page-first, .x-btn .x-btn-icon-small-left .x-tbar-loading {
  height: 24px !important;
  width: 24px !important; }

.icon-on-grid, .x-btn-text.icon-paging-last, .icon-paging-last.ctb-anchor-btn, .icon-paging-last.btn-sm-row, .icon-paging-last.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-paging-last.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-paging-last.x-btn-text, .x-date-mp .icon-paging-last.x-date-mp-ok, .x-date-mp .icon-paging-last.x-date-mp-cancel, #outlet #outlet-map #map .icon-paging-last.outlet-node, #pnl_CycleMenu .icon-paging-last.xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-paging-last.ctb-btn, .x-btn-text.icon-paging-first, .icon-paging-first.ctb-anchor-btn, .icon-paging-first.btn-sm-row, .icon-paging-first.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-paging-first.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-paging-first.x-btn-text, .x-date-mp .icon-paging-first.x-date-mp-ok, .x-date-mp .icon-paging-first.x-date-mp-cancel, #outlet #outlet-map #map .icon-paging-first.outlet-node, #pnl_CycleMenu .icon-paging-first.xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-paging-first.ctb-btn, .x-btn-text.icon-paging-refresh, .icon-paging-refresh.ctb-anchor-btn, .icon-paging-refresh.btn-sm-row, .icon-paging-refresh.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-paging-refresh.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-paging-refresh.x-btn-text, .x-date-mp .icon-paging-refresh.x-date-mp-ok, .x-date-mp .icon-paging-refresh.x-date-mp-cancel, #outlet #outlet-map #map .icon-paging-refresh.outlet-node, #pnl_CycleMenu .icon-paging-refresh.xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-paging-refresh.ctb-btn {
  background-image: url("../../images/themes/light/icon-paging-last.svg") !important;
  background-repeat: no-repeat;
  background-color: transparent; }

.x-btn-text.icon-paging-first, .icon-paging-first.ctb-anchor-btn, .icon-paging-first.btn-sm-row, .icon-paging-first.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-paging-first.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-paging-first.x-btn-text, .x-date-mp .icon-paging-first.x-date-mp-ok, .x-date-mp .icon-paging-first.x-date-mp-cancel, #outlet #outlet-map #map .icon-paging-first.outlet-node, #pnl_CycleMenu .icon-paging-first.xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-paging-first.ctb-btn {
  transform: rotate(180deg); }

.x-btn-text.icon-paging-refresh, .icon-paging-refresh.ctb-anchor-btn, .icon-paging-refresh.btn-sm-row, .icon-paging-refresh.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-paging-refresh.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-paging-refresh.x-btn-text, .x-date-mp .icon-paging-refresh.x-date-mp-ok, .x-date-mp .icon-paging-refresh.x-date-mp-cancel, #outlet #outlet-map #map .icon-paging-refresh.outlet-node, #pnl_CycleMenu .icon-paging-refresh.xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-paging-refresh.ctb-btn {
  background-image: url("../../images/themes/light/ic-refresh.svg") !important; }

.x-btn-text.ic-arrow-drop-down-bottom, .ic-arrow-drop-down-bottom.ctb-anchor-btn, .ic-arrow-drop-down-bottom.btn-sm-row, .ic-arrow-drop-down-bottom.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .ic-arrow-drop-down-bottom.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .ic-arrow-drop-down-bottom.x-btn-text, .x-date-mp .ic-arrow-drop-down-bottom.x-date-mp-ok, .x-date-mp .ic-arrow-drop-down-bottom.x-date-mp-cancel, #outlet #outlet-map #map .ic-arrow-drop-down-bottom.outlet-node, #pnl_CycleMenu .ic-arrow-drop-down-bottom.xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ic-arrow-drop-down-bottom.ctb-btn {
  background-image: url("../../images/themes/light/ic-arrow-drop-down-secondary.svg");
  width: 24px;
  height: 24px;
  background-repeat: no-repeat; }

.x-btn-text.ic-arrow-drop-down-bottom.ic-right, .ic-arrow-drop-down-bottom.ic-right.ctb-anchor-btn, .ic-arrow-drop-down-bottom.ic-right.btn-sm-row, .ic-arrow-drop-down-bottom.ic-right.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .ic-arrow-drop-down-bottom.ic-right.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .ic-arrow-drop-down-bottom.ic-right.x-btn-text, .x-date-mp .ic-arrow-drop-down-bottom.ic-right.x-date-mp-ok, .x-date-mp .ic-arrow-drop-down-bottom.ic-right.x-date-mp-cancel, #outlet #outlet-map #map .ic-arrow-drop-down-bottom.ic-right.outlet-node, #pnl_CycleMenu .ic-arrow-drop-down-bottom.ic-right.xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ic-arrow-drop-down-bottom.ic-right.ctb-btn {
  background-position: right 7px bottom 14px; }

.x-btn-text.icon-v3-dropdown-more, .icon-v3-dropdown-more.ctb-anchor-btn, .icon-v3-dropdown-more.btn-sm-row, .icon-v3-dropdown-more.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-v3-dropdown-more.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-v3-dropdown-more.x-btn-text, .x-date-mp .icon-v3-dropdown-more.x-date-mp-ok, .x-date-mp .icon-v3-dropdown-more.x-date-mp-cancel, #outlet #outlet-map #map .icon-v3-dropdown-more.outlet-node, #pnl_CycleMenu .icon-v3-dropdown-more.xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-v3-dropdown-more.ctb-btn {
  background-repeat: no-repeat;
  padding-right: 17px !important;
  text-align: left; }
  .x-btn-text.icon-v3-dropdown-more:after, .icon-v3-dropdown-more.ctb-anchor-btn:after, .icon-v3-dropdown-more.btn-sm-row:after, .icon-v3-dropdown-more.ctb_btn_default_sm:after, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-v3-dropdown-more.x-btn-text:after, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-v3-dropdown-more.x-btn-text:after, .x-date-mp .icon-v3-dropdown-more.x-date-mp-ok:after, .x-date-mp .icon-v3-dropdown-more.x-date-mp-cancel:after, #outlet #outlet-map #map .icon-v3-dropdown-more.outlet-node:after, #pnl_CycleMenu .icon-v3-dropdown-more.xbutton:after, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-v3-dropdown-more.ctb-btn:after {
    content: url("../../images/themes/light/ic-arrow-drop-down-secondary.svg");
    position: relative;
    bottom: 1px;
    right: -10px; }

.x-btn button, .x-btn-text, .ctb-anchor-btn, .btn-sm-row, .ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .x-date-mp .x-date-mp-ok, .x-date-mp .x-date-mp-cancel, #outlet #outlet-map #map .outlet-node, #pnl_CycleMenu .xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn {
  font-size: 12px;
  font-family: "Roboto Medium", arial, helvetica, sans-serif; }

.x-btn-icon .x-btn-small .x-btn-text.icon-reload-24, .x-btn-icon .x-btn-small .icon-reload-24.ctb-anchor-btn, .x-btn-icon .x-btn-small .icon-reload-24.btn-sm-row, .x-btn-icon .x-btn-small .icon-reload-24.ctb_btn_default_sm, .x-btn-icon .x-btn-small .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-reload-24.x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-icon .x-btn-small .icon-reload-24.x-btn-text, .x-btn-icon .x-btn-small .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-reload-24.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-icon .x-btn-small .icon-reload-24.x-btn-text, .x-btn-icon .x-btn-small .x-date-mp .icon-reload-24.x-date-mp-ok, .x-date-mp .x-btn-icon .x-btn-small .icon-reload-24.x-date-mp-ok, .x-btn-icon .x-btn-small .x-date-mp .icon-reload-24.x-date-mp-cancel, .x-date-mp .x-btn-icon .x-btn-small .icon-reload-24.x-date-mp-cancel, .x-btn-icon .x-btn-small #outlet #outlet-map #map .icon-reload-24.outlet-node, #outlet #outlet-map #map .x-btn-icon .x-btn-small .icon-reload-24.outlet-node, .x-btn-icon .x-btn-small #pnl_CycleMenu .icon-reload-24.xbutton, #pnl_CycleMenu .x-btn-icon .x-btn-small .icon-reload-24.xbutton, .x-btn-icon .x-btn-small .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-reload-24.ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .x-btn-icon .x-btn-small .icon-reload-24.ctb-btn, .x-btn-icon .x-btn-small .x-btn-text.icon-stop-search, .x-btn-icon .x-btn-small .icon-stop-search.ctb-anchor-btn, .x-btn-icon .x-btn-small .icon-stop-search.btn-sm-row, .x-btn-icon .x-btn-small .icon-stop-search.ctb_btn_default_sm, .x-btn-icon .x-btn-small .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-stop-search.x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-icon .x-btn-small .icon-stop-search.x-btn-text, .x-btn-icon .x-btn-small .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-stop-search.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-icon .x-btn-small .icon-stop-search.x-btn-text, .x-btn-icon .x-btn-small .x-date-mp .icon-stop-search.x-date-mp-ok, .x-date-mp .x-btn-icon .x-btn-small .icon-stop-search.x-date-mp-ok, .x-btn-icon .x-btn-small .x-date-mp .icon-stop-search.x-date-mp-cancel, .x-date-mp .x-btn-icon .x-btn-small .icon-stop-search.x-date-mp-cancel, .x-btn-icon .x-btn-small #outlet #outlet-map #map .icon-stop-search.outlet-node, #outlet #outlet-map #map .x-btn-icon .x-btn-small .icon-stop-search.outlet-node, .x-btn-icon .x-btn-small #pnl_CycleMenu .icon-stop-search.xbutton, #pnl_CycleMenu .x-btn-icon .x-btn-small .icon-stop-search.xbutton, .x-btn-icon .x-btn-small .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-stop-search.ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .x-btn-icon .x-btn-small .icon-stop-search.ctb-btn, .x-btn-icon .x-btn-small .x-btn-text.icon-reload-data, .x-btn-icon .x-btn-small .icon-reload-data.ctb-anchor-btn, .x-btn-icon .x-btn-small .icon-reload-data.btn-sm-row, .x-btn-icon .x-btn-small .icon-reload-data.ctb_btn_default_sm, .x-btn-icon .x-btn-small .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-reload-data.x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-icon .x-btn-small .icon-reload-data.x-btn-text, .x-btn-icon .x-btn-small .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-reload-data.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-icon .x-btn-small .icon-reload-data.x-btn-text, .x-btn-icon .x-btn-small .x-date-mp .icon-reload-data.x-date-mp-ok, .x-date-mp .x-btn-icon .x-btn-small .icon-reload-data.x-date-mp-ok, .x-btn-icon .x-btn-small .x-date-mp .icon-reload-data.x-date-mp-cancel, .x-date-mp .x-btn-icon .x-btn-small .icon-reload-data.x-date-mp-cancel, .x-btn-icon .x-btn-small #outlet #outlet-map #map .icon-reload-data.outlet-node, #outlet #outlet-map #map .x-btn-icon .x-btn-small .icon-reload-data.outlet-node, .x-btn-icon .x-btn-small #pnl_CycleMenu .icon-reload-data.xbutton, #pnl_CycleMenu .x-btn-icon .x-btn-small .icon-reload-data.xbutton, .x-btn-icon .x-btn-small .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-reload-data.ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .x-btn-icon .x-btn-small .icon-reload-data.ctb-btn, * .x-btn-text.icon-reload-24, * .icon-reload-24.ctb-anchor-btn, * .icon-reload-24.btn-sm-row, * .icon-reload-24.ctb_btn_default_sm, * .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-reload-24.x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table * .icon-reload-24.x-btn-text, * .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-reload-24.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table * .icon-reload-24.x-btn-text, * .x-date-mp .icon-reload-24.x-date-mp-ok, .x-date-mp * .icon-reload-24.x-date-mp-ok, * .x-date-mp .icon-reload-24.x-date-mp-cancel, .x-date-mp * .icon-reload-24.x-date-mp-cancel, * #outlet #outlet-map #map .icon-reload-24.outlet-node, #outlet #outlet-map #map * .icon-reload-24.outlet-node, * #pnl_CycleMenu .icon-reload-24.xbutton, #pnl_CycleMenu * .icon-reload-24.xbutton, * .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-reload-24.ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar * .icon-reload-24.ctb-btn, * .x-btn-text.icon-stop-search, * .icon-stop-search.ctb-anchor-btn, * .icon-stop-search.btn-sm-row, * .icon-stop-search.ctb_btn_default_sm, * .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-stop-search.x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table * .icon-stop-search.x-btn-text, * .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-stop-search.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table * .icon-stop-search.x-btn-text, * .x-date-mp .icon-stop-search.x-date-mp-ok, .x-date-mp * .icon-stop-search.x-date-mp-ok, * .x-date-mp .icon-stop-search.x-date-mp-cancel, .x-date-mp * .icon-stop-search.x-date-mp-cancel, * #outlet #outlet-map #map .icon-stop-search.outlet-node, #outlet #outlet-map #map * .icon-stop-search.outlet-node, * #pnl_CycleMenu .icon-stop-search.xbutton, #pnl_CycleMenu * .icon-stop-search.xbutton, * .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-stop-search.ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar * .icon-stop-search.ctb-btn, * .x-btn-text.icon-reload-data, * .icon-reload-data.ctb-anchor-btn, * .icon-reload-data.btn-sm-row, * .icon-reload-data.ctb_btn_default_sm, * .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-reload-data.x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table * .icon-reload-data.x-btn-text, * .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-reload-data.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table * .icon-reload-data.x-btn-text, * .x-date-mp .icon-reload-data.x-date-mp-ok, .x-date-mp * .icon-reload-data.x-date-mp-ok, * .x-date-mp .icon-reload-data.x-date-mp-cancel, .x-date-mp * .icon-reload-data.x-date-mp-cancel, * #outlet #outlet-map #map .icon-reload-data.outlet-node, #outlet #outlet-map #map * .icon-reload-data.outlet-node, * #pnl_CycleMenu .icon-reload-data.xbutton, #pnl_CycleMenu * .icon-reload-data.xbutton, * .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-reload-data.ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar * .icon-reload-data.ctb-btn {
  background-image: linear-gradient(#FFFFFF, #F2F1F2) !important;
  border-radius: 30px !important;
  width: 90px !important;
  background-size: auto !important; }
  .x-btn-icon .x-btn-small .x-btn-text.icon-reload-24:before, .x-btn-icon .x-btn-small .icon-reload-24.ctb-anchor-btn:before, .x-btn-icon .x-btn-small .icon-reload-24.btn-sm-row:before, .x-btn-icon .x-btn-small .icon-reload-24.ctb_btn_default_sm:before, .x-btn-icon .x-btn-small .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-reload-24.x-btn-text:before, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-icon .x-btn-small .icon-reload-24.x-btn-text:before, .x-btn-icon .x-btn-small .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-reload-24.x-btn-text:before, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-icon .x-btn-small .icon-reload-24.x-btn-text:before, .x-btn-icon .x-btn-small .x-date-mp .icon-reload-24.x-date-mp-ok:before, .x-date-mp .x-btn-icon .x-btn-small .icon-reload-24.x-date-mp-ok:before, .x-btn-icon .x-btn-small .x-date-mp .icon-reload-24.x-date-mp-cancel:before, .x-date-mp .x-btn-icon .x-btn-small .icon-reload-24.x-date-mp-cancel:before, .x-btn-icon .x-btn-small #outlet #outlet-map #map .icon-reload-24.outlet-node:before, #outlet #outlet-map #map .x-btn-icon .x-btn-small .icon-reload-24.outlet-node:before, .x-btn-icon .x-btn-small #pnl_CycleMenu .icon-reload-24.xbutton:before, #pnl_CycleMenu .x-btn-icon .x-btn-small .icon-reload-24.xbutton:before, .x-btn-icon .x-btn-small .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-reload-24.ctb-btn:before, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .x-btn-icon .x-btn-small .icon-reload-24.ctb-btn:before, .x-btn-icon .x-btn-small .x-btn-text.icon-stop-search:before, .x-btn-icon .x-btn-small .icon-stop-search.ctb-anchor-btn:before, .x-btn-icon .x-btn-small .icon-stop-search.btn-sm-row:before, .x-btn-icon .x-btn-small .icon-stop-search.ctb_btn_default_sm:before, .x-btn-icon .x-btn-small .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-stop-search.x-btn-text:before, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-icon .x-btn-small .icon-stop-search.x-btn-text:before, .x-btn-icon .x-btn-small .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-stop-search.x-btn-text:before, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-icon .x-btn-small .icon-stop-search.x-btn-text:before, .x-btn-icon .x-btn-small .x-date-mp .icon-stop-search.x-date-mp-ok:before, .x-date-mp .x-btn-icon .x-btn-small .icon-stop-search.x-date-mp-ok:before, .x-btn-icon .x-btn-small .x-date-mp .icon-stop-search.x-date-mp-cancel:before, .x-date-mp .x-btn-icon .x-btn-small .icon-stop-search.x-date-mp-cancel:before, .x-btn-icon .x-btn-small #outlet #outlet-map #map .icon-stop-search.outlet-node:before, #outlet #outlet-map #map .x-btn-icon .x-btn-small .icon-stop-search.outlet-node:before, .x-btn-icon .x-btn-small #pnl_CycleMenu .icon-stop-search.xbutton:before, #pnl_CycleMenu .x-btn-icon .x-btn-small .icon-stop-search.xbutton:before, .x-btn-icon .x-btn-small .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-stop-search.ctb-btn:before, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .x-btn-icon .x-btn-small .icon-stop-search.ctb-btn:before, .x-btn-icon .x-btn-small .x-btn-text.icon-reload-data:before, .x-btn-icon .x-btn-small .icon-reload-data.ctb-anchor-btn:before, .x-btn-icon .x-btn-small .icon-reload-data.btn-sm-row:before, .x-btn-icon .x-btn-small .icon-reload-data.ctb_btn_default_sm:before, .x-btn-icon .x-btn-small .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-reload-data.x-btn-text:before, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-icon .x-btn-small .icon-reload-data.x-btn-text:before, .x-btn-icon .x-btn-small .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-reload-data.x-btn-text:before, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-icon .x-btn-small .icon-reload-data.x-btn-text:before, .x-btn-icon .x-btn-small .x-date-mp .icon-reload-data.x-date-mp-ok:before, .x-date-mp .x-btn-icon .x-btn-small .icon-reload-data.x-date-mp-ok:before, .x-btn-icon .x-btn-small .x-date-mp .icon-reload-data.x-date-mp-cancel:before, .x-date-mp .x-btn-icon .x-btn-small .icon-reload-data.x-date-mp-cancel:before, .x-btn-icon .x-btn-small #outlet #outlet-map #map .icon-reload-data.outlet-node:before, #outlet #outlet-map #map .x-btn-icon .x-btn-small .icon-reload-data.outlet-node:before, .x-btn-icon .x-btn-small #pnl_CycleMenu .icon-reload-data.xbutton:before, #pnl_CycleMenu .x-btn-icon .x-btn-small .icon-reload-data.xbutton:before, .x-btn-icon .x-btn-small .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-reload-data.ctb-btn:before, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .x-btn-icon .x-btn-small .icon-reload-data.ctb-btn:before, * .x-btn-text.icon-reload-24:before, * .icon-reload-24.ctb-anchor-btn:before, * .icon-reload-24.btn-sm-row:before, * .icon-reload-24.ctb_btn_default_sm:before, * .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-reload-24.x-btn-text:before, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table * .icon-reload-24.x-btn-text:before, * .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-reload-24.x-btn-text:before, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table * .icon-reload-24.x-btn-text:before, * .x-date-mp .icon-reload-24.x-date-mp-ok:before, .x-date-mp * .icon-reload-24.x-date-mp-ok:before, * .x-date-mp .icon-reload-24.x-date-mp-cancel:before, .x-date-mp * .icon-reload-24.x-date-mp-cancel:before, * #outlet #outlet-map #map .icon-reload-24.outlet-node:before, #outlet #outlet-map #map * .icon-reload-24.outlet-node:before, * #pnl_CycleMenu .icon-reload-24.xbutton:before, #pnl_CycleMenu * .icon-reload-24.xbutton:before, * .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-reload-24.ctb-btn:before, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar * .icon-reload-24.ctb-btn:before, * .x-btn-text.icon-stop-search:before, * .icon-stop-search.ctb-anchor-btn:before, * .icon-stop-search.btn-sm-row:before, * .icon-stop-search.ctb_btn_default_sm:before, * .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-stop-search.x-btn-text:before, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table * .icon-stop-search.x-btn-text:before, * .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-stop-search.x-btn-text:before, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table * .icon-stop-search.x-btn-text:before, * .x-date-mp .icon-stop-search.x-date-mp-ok:before, .x-date-mp * .icon-stop-search.x-date-mp-ok:before, * .x-date-mp .icon-stop-search.x-date-mp-cancel:before, .x-date-mp * .icon-stop-search.x-date-mp-cancel:before, * #outlet #outlet-map #map .icon-stop-search.outlet-node:before, #outlet #outlet-map #map * .icon-stop-search.outlet-node:before, * #pnl_CycleMenu .icon-stop-search.xbutton:before, #pnl_CycleMenu * .icon-stop-search.xbutton:before, * .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-stop-search.ctb-btn:before, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar * .icon-stop-search.ctb-btn:before, * .x-btn-text.icon-reload-data:before, * .icon-reload-data.ctb-anchor-btn:before, * .icon-reload-data.btn-sm-row:before, * .icon-reload-data.ctb_btn_default_sm:before, * .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-reload-data.x-btn-text:before, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table * .icon-reload-data.x-btn-text:before, * .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-reload-data.x-btn-text:before, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table * .icon-reload-data.x-btn-text:before, * .x-date-mp .icon-reload-data.x-date-mp-ok:before, .x-date-mp * .icon-reload-data.x-date-mp-ok:before, * .x-date-mp .icon-reload-data.x-date-mp-cancel:before, .x-date-mp * .icon-reload-data.x-date-mp-cancel:before, * #outlet #outlet-map #map .icon-reload-data.outlet-node:before, #outlet #outlet-map #map * .icon-reload-data.outlet-node:before, * #pnl_CycleMenu .icon-reload-data.xbutton:before, #pnl_CycleMenu * .icon-reload-data.xbutton:before, * .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-reload-data.ctb-btn:before, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar * .icon-reload-data.ctb-btn:before {
    content: 'Refresh';
    position: relative;
    bottom: 7px; }
  .x-btn-icon .x-btn-small .x-btn-text.icon-reload-24:after, .x-btn-icon .x-btn-small .icon-reload-24.ctb-anchor-btn:after, .x-btn-icon .x-btn-small .icon-reload-24.btn-sm-row:after, .x-btn-icon .x-btn-small .icon-reload-24.ctb_btn_default_sm:after, .x-btn-icon .x-btn-small .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-reload-24.x-btn-text:after, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-icon .x-btn-small .icon-reload-24.x-btn-text:after, .x-btn-icon .x-btn-small .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-reload-24.x-btn-text:after, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-icon .x-btn-small .icon-reload-24.x-btn-text:after, .x-btn-icon .x-btn-small .x-date-mp .icon-reload-24.x-date-mp-ok:after, .x-date-mp .x-btn-icon .x-btn-small .icon-reload-24.x-date-mp-ok:after, .x-btn-icon .x-btn-small .x-date-mp .icon-reload-24.x-date-mp-cancel:after, .x-date-mp .x-btn-icon .x-btn-small .icon-reload-24.x-date-mp-cancel:after, .x-btn-icon .x-btn-small #outlet #outlet-map #map .icon-reload-24.outlet-node:after, #outlet #outlet-map #map .x-btn-icon .x-btn-small .icon-reload-24.outlet-node:after, .x-btn-icon .x-btn-small #pnl_CycleMenu .icon-reload-24.xbutton:after, #pnl_CycleMenu .x-btn-icon .x-btn-small .icon-reload-24.xbutton:after, .x-btn-icon .x-btn-small .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-reload-24.ctb-btn:after, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .x-btn-icon .x-btn-small .icon-reload-24.ctb-btn:after, .x-btn-icon .x-btn-small .x-btn-text.icon-stop-search:after, .x-btn-icon .x-btn-small .icon-stop-search.ctb-anchor-btn:after, .x-btn-icon .x-btn-small .icon-stop-search.btn-sm-row:after, .x-btn-icon .x-btn-small .icon-stop-search.ctb_btn_default_sm:after, .x-btn-icon .x-btn-small .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-stop-search.x-btn-text:after, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-icon .x-btn-small .icon-stop-search.x-btn-text:after, .x-btn-icon .x-btn-small .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-stop-search.x-btn-text:after, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-icon .x-btn-small .icon-stop-search.x-btn-text:after, .x-btn-icon .x-btn-small .x-date-mp .icon-stop-search.x-date-mp-ok:after, .x-date-mp .x-btn-icon .x-btn-small .icon-stop-search.x-date-mp-ok:after, .x-btn-icon .x-btn-small .x-date-mp .icon-stop-search.x-date-mp-cancel:after, .x-date-mp .x-btn-icon .x-btn-small .icon-stop-search.x-date-mp-cancel:after, .x-btn-icon .x-btn-small #outlet #outlet-map #map .icon-stop-search.outlet-node:after, #outlet #outlet-map #map .x-btn-icon .x-btn-small .icon-stop-search.outlet-node:after, .x-btn-icon .x-btn-small #pnl_CycleMenu .icon-stop-search.xbutton:after, #pnl_CycleMenu .x-btn-icon .x-btn-small .icon-stop-search.xbutton:after, .x-btn-icon .x-btn-small .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-stop-search.ctb-btn:after, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .x-btn-icon .x-btn-small .icon-stop-search.ctb-btn:after, .x-btn-icon .x-btn-small .x-btn-text.icon-reload-data:after, .x-btn-icon .x-btn-small .icon-reload-data.ctb-anchor-btn:after, .x-btn-icon .x-btn-small .icon-reload-data.btn-sm-row:after, .x-btn-icon .x-btn-small .icon-reload-data.ctb_btn_default_sm:after, .x-btn-icon .x-btn-small .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-reload-data.x-btn-text:after, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-icon .x-btn-small .icon-reload-data.x-btn-text:after, .x-btn-icon .x-btn-small .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-reload-data.x-btn-text:after, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-icon .x-btn-small .icon-reload-data.x-btn-text:after, .x-btn-icon .x-btn-small .x-date-mp .icon-reload-data.x-date-mp-ok:after, .x-date-mp .x-btn-icon .x-btn-small .icon-reload-data.x-date-mp-ok:after, .x-btn-icon .x-btn-small .x-date-mp .icon-reload-data.x-date-mp-cancel:after, .x-date-mp .x-btn-icon .x-btn-small .icon-reload-data.x-date-mp-cancel:after, .x-btn-icon .x-btn-small #outlet #outlet-map #map .icon-reload-data.outlet-node:after, #outlet #outlet-map #map .x-btn-icon .x-btn-small .icon-reload-data.outlet-node:after, .x-btn-icon .x-btn-small #pnl_CycleMenu .icon-reload-data.xbutton:after, #pnl_CycleMenu .x-btn-icon .x-btn-small .icon-reload-data.xbutton:after, .x-btn-icon .x-btn-small .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-reload-data.ctb-btn:after, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .x-btn-icon .x-btn-small .icon-reload-data.ctb-btn:after, * .x-btn-text.icon-reload-24:after, * .icon-reload-24.ctb-anchor-btn:after, * .icon-reload-24.btn-sm-row:after, * .icon-reload-24.ctb_btn_default_sm:after, * .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-reload-24.x-btn-text:after, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table * .icon-reload-24.x-btn-text:after, * .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-reload-24.x-btn-text:after, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table * .icon-reload-24.x-btn-text:after, * .x-date-mp .icon-reload-24.x-date-mp-ok:after, .x-date-mp * .icon-reload-24.x-date-mp-ok:after, * .x-date-mp .icon-reload-24.x-date-mp-cancel:after, .x-date-mp * .icon-reload-24.x-date-mp-cancel:after, * #outlet #outlet-map #map .icon-reload-24.outlet-node:after, #outlet #outlet-map #map * .icon-reload-24.outlet-node:after, * #pnl_CycleMenu .icon-reload-24.xbutton:after, #pnl_CycleMenu * .icon-reload-24.xbutton:after, * .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-reload-24.ctb-btn:after, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar * .icon-reload-24.ctb-btn:after, * .x-btn-text.icon-stop-search:after, * .icon-stop-search.ctb-anchor-btn:after, * .icon-stop-search.btn-sm-row:after, * .icon-stop-search.ctb_btn_default_sm:after, * .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-stop-search.x-btn-text:after, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table * .icon-stop-search.x-btn-text:after, * .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-stop-search.x-btn-text:after, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table * .icon-stop-search.x-btn-text:after, * .x-date-mp .icon-stop-search.x-date-mp-ok:after, .x-date-mp * .icon-stop-search.x-date-mp-ok:after, * .x-date-mp .icon-stop-search.x-date-mp-cancel:after, .x-date-mp * .icon-stop-search.x-date-mp-cancel:after, * #outlet #outlet-map #map .icon-stop-search.outlet-node:after, #outlet #outlet-map #map * .icon-stop-search.outlet-node:after, * #pnl_CycleMenu .icon-stop-search.xbutton:after, #pnl_CycleMenu * .icon-stop-search.xbutton:after, * .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-stop-search.ctb-btn:after, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar * .icon-stop-search.ctb-btn:after, * .x-btn-text.icon-reload-data:after, * .icon-reload-data.ctb-anchor-btn:after, * .icon-reload-data.btn-sm-row:after, * .icon-reload-data.ctb_btn_default_sm:after, * .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-reload-data.x-btn-text:after, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table * .icon-reload-data.x-btn-text:after, * .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-reload-data.x-btn-text:after, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table * .icon-reload-data.x-btn-text:after, * .x-date-mp .icon-reload-data.x-date-mp-ok:after, .x-date-mp * .icon-reload-data.x-date-mp-ok:after, * .x-date-mp .icon-reload-data.x-date-mp-cancel:after, .x-date-mp * .icon-reload-data.x-date-mp-cancel:after, * #outlet #outlet-map #map .icon-reload-data.outlet-node:after, #outlet #outlet-map #map * .icon-reload-data.outlet-node:after, * #pnl_CycleMenu .icon-reload-data.xbutton:after, #pnl_CycleMenu * .icon-reload-data.xbutton:after, * .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-reload-data.ctb-btn:after, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar * .icon-reload-data.ctb-btn:after {
    content: url("../../images/themes/light/ic-refresh.svg");
    position: relative;
    right: -3px; }

.x-btn-text.btn-mailbox, .btn-mailbox.ctb-anchor-btn, .btn-mailbox.btn-sm-row, .btn-mailbox.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .btn-mailbox.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .btn-mailbox.x-btn-text, .x-date-mp .btn-mailbox.x-date-mp-ok, .x-date-mp .btn-mailbox.x-date-mp-cancel, #outlet #outlet-map #map .btn-mailbox.outlet-node, #pnl_CycleMenu .btn-mailbox.xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .btn-mailbox.ctb-btn {
  border-radius: 30px !important;
  text-align: left;
  width: 30px !important;
  line-height: 32px !important;
  display: inline-flex;
  background-image: linear-gradient(#FFFFFF, #F2F1F2) !important; }
  .x-btn-text.btn-mailbox:after, .btn-mailbox.ctb-anchor-btn:after, .btn-mailbox.btn-sm-row:after, .btn-mailbox.ctb_btn_default_sm:after, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .btn-mailbox.x-btn-text:after, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .btn-mailbox.x-btn-text:after, .x-date-mp .btn-mailbox.x-date-mp-ok:after, .x-date-mp .btn-mailbox.x-date-mp-cancel:after, #outlet #outlet-map #map .btn-mailbox.outlet-node:after, #pnl_CycleMenu .btn-mailbox.xbutton:after, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .btn-mailbox.ctb-btn:after {
    content: url("../../images/themes/light/icon-mailbox.svg");
    position: relative;
    left: 0px;
    top: 3px; }

.x-btn-text.btn-refresh, .btn-refresh.ctb-anchor-btn, .btn-refresh.btn-sm-row, .btn-refresh.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .btn-refresh.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .btn-refresh.x-btn-text, .x-date-mp .btn-refresh.x-date-mp-ok, .x-date-mp .btn-refresh.x-date-mp-cancel, #outlet #outlet-map #map .btn-refresh.outlet-node, #pnl_CycleMenu .btn-refresh.xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .btn-refresh.ctb-btn {
  border-radius: 30px !important;
  text-align: left;
  width: 90px !important;
  line-height: 32px !important;
  display: inline-flex;
  background-image: linear-gradient(#FFFFFF, #F2F1F2) !important; }
  .x-btn-text.btn-refresh:after, .btn-refresh.ctb-anchor-btn:after, .btn-refresh.btn-sm-row:after, .btn-refresh.ctb_btn_default_sm:after, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .btn-refresh.x-btn-text:after, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .btn-refresh.x-btn-text:after, .x-date-mp .btn-refresh.x-date-mp-ok:after, .x-date-mp .btn-refresh.x-date-mp-cancel:after, #outlet #outlet-map #map .btn-refresh.outlet-node:after, #pnl_CycleMenu .btn-refresh.xbutton:after, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .btn-refresh.ctb-btn:after {
    content: url("../../images/themes/light/ic-refresh.svg");
    position: relative;
    left: 7px;
    top: 3px; }

.xbutton {
  padding: 0;
  margin: 0;
  border: 0;
  cursor: pointer; }

.ctb-anchor-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
  padding-left: 7px !important;
  padding-right: 7px !important; }

.icon-prev-large, .icon-next-large {
  background: url("../../images/themes/light/ic-buffet-date-view-arrow.svg") center no-repeat !important;
  width: 32px;
  height: 32px;
  float: left;
  cursor: pointer;
  pointer-events: auto;
  background-color: transparent !important;
  border: 0px !important; }
  .icon-prev-large:hover, .icon-next-large:hover {
    background-image: url("../../images/themes/dtp/ic-buffet-date-view-arrow-hover.svg") !important; }

.icon-calendar-large {
  background: url("../../images/themes/light/calendar-icon.svg") center no-repeat;
  width: 32px;
  height: 32px;
  float: left;
  cursor: pointer;
  pointer-events: auto;
  background-color: transparent !important; }

.icon-next-large {
  transform: rotate(180deg); }

.x-btn-text.icon-with-70, .icon-with-70.ctb-anchor-btn, .icon-with-70.btn-sm-row, .icon-with-70.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-with-70.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-with-70.x-btn-text, .x-date-mp .icon-with-70.x-date-mp-ok, .x-date-mp .icon-with-70.x-date-mp-cancel, #outlet #outlet-map #map .icon-with-70.outlet-node, #pnl_CycleMenu .icon-with-70.xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-with-70.ctb-btn {
  width: 70px; }

.x-btn-text, .ctb-anchor-btn, .btn-sm-row, .ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .x-date-mp .x-date-mp-ok, .x-date-mp .x-date-mp-cancel, #outlet #outlet-map #map .outlet-node, #pnl_CycleMenu .xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn,
.x-btn-text-icon .x-btn-icon-large-left .x-btn-text,
.x-btn-text-icon .x-btn-icon-large-left .ctb-anchor-btn,
.x-btn-text-icon .x-btn-icon-large-left .btn-sm-row,
.x-btn-text-icon .x-btn-icon-large-left .ctb_btn_default_sm,
.x-btn-text-icon .x-btn-icon-large-left .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text,
.ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text-icon .x-btn-icon-large-left .x-btn-text,
.x-btn-text-icon .x-btn-icon-large-left .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text,
.ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text-icon .x-btn-icon-large-left .x-btn-text,
.x-btn-text-icon .x-btn-icon-large-left .x-date-mp .x-date-mp-ok,
.x-date-mp .x-btn-text-icon .x-btn-icon-large-left .x-date-mp-ok,
.x-btn-text-icon .x-btn-icon-large-left .x-date-mp .x-date-mp-cancel,
.x-date-mp .x-btn-text-icon .x-btn-icon-large-left .x-date-mp-cancel,
.x-btn-text-icon .x-btn-icon-large-left #outlet #outlet-map #map .outlet-node,
#outlet #outlet-map #map .x-btn-text-icon .x-btn-icon-large-left .outlet-node,
.x-btn-text-icon .x-btn-icon-large-left #pnl_CycleMenu .xbutton,
#pnl_CycleMenu .x-btn-text-icon .x-btn-icon-large-left .xbutton,
.x-btn-text-icon .x-btn-icon-large-left .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn,
.ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .x-btn-text-icon .x-btn-icon-large-left .ctb-btn,
.ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left .x-btn-text,
.ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left .ctb-anchor-btn,
.ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left .btn-sm-row,
.ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left .ctb_btn_default_sm,
.ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text,
.ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left .x-btn-text,
.ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text,
.ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left .x-btn-text,
.ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left .x-date-mp .x-date-mp-ok,
.x-date-mp .ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left .x-date-mp-ok,
.ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left .x-date-mp .x-date-mp-cancel,
.x-date-mp .ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left .x-date-mp-cancel,
.ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left #outlet #outlet-map #map .outlet-node,
#outlet #outlet-map #map .ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left .outlet-node,
.ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left #pnl_CycleMenu .xbutton,
#pnl_CycleMenu .ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left .xbutton,
.ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn,
.ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left .ctb-btn,
.x-btn-text-icon .x-btn-icon-small-right .x-btn-text,
.x-btn-text-icon .x-btn-icon-small-right .ctb-anchor-btn,
.x-btn-text-icon .x-btn-icon-small-right .btn-sm-row,
.x-btn-text-icon .x-btn-icon-small-right .ctb_btn_default_sm,
.x-btn-text-icon .x-btn-icon-small-right .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text,
.ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text-icon .x-btn-icon-small-right .x-btn-text,
.x-btn-text-icon .x-btn-icon-small-right .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text,
.ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text-icon .x-btn-icon-small-right .x-btn-text,
.x-btn-text-icon .x-btn-icon-small-right .x-date-mp .x-date-mp-ok,
.x-date-mp .x-btn-text-icon .x-btn-icon-small-right .x-date-mp-ok,
.x-btn-text-icon .x-btn-icon-small-right .x-date-mp .x-date-mp-cancel,
.x-date-mp .x-btn-text-icon .x-btn-icon-small-right .x-date-mp-cancel,
.x-btn-text-icon .x-btn-icon-small-right #outlet #outlet-map #map .outlet-node,
#outlet #outlet-map #map .x-btn-text-icon .x-btn-icon-small-right .outlet-node,
.x-btn-text-icon .x-btn-icon-small-right #pnl_CycleMenu .xbutton,
#pnl_CycleMenu .x-btn-text-icon .x-btn-icon-small-right .xbutton,
.x-btn-text-icon .x-btn-icon-small-right .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn,
.ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .x-btn-text-icon .x-btn-icon-small-right .ctb-btn,
.x-btn .x-btn-icon-small-left .x-btn-text,
.x-btn .x-btn-icon-small-left .ctb-anchor-btn,
.x-btn .x-btn-icon-small-left .btn-sm-row,
.x-btn .x-btn-icon-small-left .ctb_btn_default_sm,
.x-btn .x-btn-icon-small-left .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text,
.ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn .x-btn-icon-small-left .x-btn-text,
.x-btn .x-btn-icon-small-left .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text,
.ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn .x-btn-icon-small-left .x-btn-text,
.x-btn .x-btn-icon-small-left .x-date-mp .x-date-mp-ok,
.x-date-mp .x-btn .x-btn-icon-small-left .x-date-mp-ok,
.x-btn .x-btn-icon-small-left .x-date-mp .x-date-mp-cancel,
.x-date-mp .x-btn .x-btn-icon-small-left .x-date-mp-cancel,
.x-btn .x-btn-icon-small-left #outlet #outlet-map #map .outlet-node,
#outlet #outlet-map #map .x-btn .x-btn-icon-small-left .outlet-node,
.x-btn .x-btn-icon-small-left #pnl_CycleMenu .xbutton,
#pnl_CycleMenu .x-btn .x-btn-icon-small-left .xbutton,
.x-btn .x-btn-icon-small-left .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn,
.ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .x-btn .x-btn-icon-small-left .ctb-btn {
  background: linear-gradient(#FFFFFF, #F2F1F2);
  color: #1B1A1A;
  transition: box-shadow 0.2s;
  height: 34px;
  font-weight: 500;
  padding-left: 11px;
  padding-right: 11px;
  border-radius: 5px;
  position: relative;
  cursor: pointer; }
  .x-btn-text:hover, .ctb-anchor-btn:hover, .btn-sm-row:hover, .ctb_btn_default_sm:hover, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text:hover, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text:hover, .x-date-mp .x-date-mp-ok:hover, .x-date-mp .x-date-mp-cancel:hover, #outlet #outlet-map #map .outlet-node:hover, #pnl_CycleMenu .xbutton:hover, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn:hover,
  .x-btn-text-icon .x-btn-icon-large-left .x-btn-text:hover,
  .x-btn-text-icon .x-btn-icon-large-left .ctb-anchor-btn:hover,
  .x-btn-text-icon .x-btn-icon-large-left .btn-sm-row:hover,
  .x-btn-text-icon .x-btn-icon-large-left .ctb_btn_default_sm:hover,
  .x-btn-text-icon .x-btn-icon-large-left .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text:hover,
  .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text-icon .x-btn-icon-large-left .x-btn-text:hover,
  .x-btn-text-icon .x-btn-icon-large-left .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text:hover,
  .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text-icon .x-btn-icon-large-left .x-btn-text:hover,
  .x-btn-text-icon .x-btn-icon-large-left .x-date-mp .x-date-mp-ok:hover,
  .x-date-mp .x-btn-text-icon .x-btn-icon-large-left .x-date-mp-ok:hover,
  .x-btn-text-icon .x-btn-icon-large-left .x-date-mp .x-date-mp-cancel:hover,
  .x-date-mp .x-btn-text-icon .x-btn-icon-large-left .x-date-mp-cancel:hover,
  .x-btn-text-icon .x-btn-icon-large-left #outlet #outlet-map #map .outlet-node:hover,
  #outlet #outlet-map #map .x-btn-text-icon .x-btn-icon-large-left .outlet-node:hover,
  .x-btn-text-icon .x-btn-icon-large-left #pnl_CycleMenu .xbutton:hover,
  #pnl_CycleMenu .x-btn-text-icon .x-btn-icon-large-left .xbutton:hover,
  .x-btn-text-icon .x-btn-icon-large-left .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn:hover,
  .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .x-btn-text-icon .x-btn-icon-large-left .ctb-btn:hover,
  .ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left .x-btn-text:hover,
  .ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left .ctb-anchor-btn:hover,
  .ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left .btn-sm-row:hover,
  .ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left .ctb_btn_default_sm:hover,
  .ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text:hover,
  .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left .x-btn-text:hover,
  .ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text:hover,
  .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left .x-btn-text:hover,
  .ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left .x-date-mp .x-date-mp-ok:hover,
  .x-date-mp .ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left .x-date-mp-ok:hover,
  .ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left .x-date-mp .x-date-mp-cancel:hover,
  .x-date-mp .ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left .x-date-mp-cancel:hover,
  .ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left #outlet #outlet-map #map .outlet-node:hover,
  #outlet #outlet-map #map .ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left .outlet-node:hover,
  .ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left #pnl_CycleMenu .xbutton:hover,
  #pnl_CycleMenu .ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left .xbutton:hover,
  .ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn:hover,
  .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left .ctb-btn:hover,
  .x-btn-text-icon .x-btn-icon-small-right .x-btn-text:hover,
  .x-btn-text-icon .x-btn-icon-small-right .ctb-anchor-btn:hover,
  .x-btn-text-icon .x-btn-icon-small-right .btn-sm-row:hover,
  .x-btn-text-icon .x-btn-icon-small-right .ctb_btn_default_sm:hover,
  .x-btn-text-icon .x-btn-icon-small-right .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text:hover,
  .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text-icon .x-btn-icon-small-right .x-btn-text:hover,
  .x-btn-text-icon .x-btn-icon-small-right .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text:hover,
  .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text-icon .x-btn-icon-small-right .x-btn-text:hover,
  .x-btn-text-icon .x-btn-icon-small-right .x-date-mp .x-date-mp-ok:hover,
  .x-date-mp .x-btn-text-icon .x-btn-icon-small-right .x-date-mp-ok:hover,
  .x-btn-text-icon .x-btn-icon-small-right .x-date-mp .x-date-mp-cancel:hover,
  .x-date-mp .x-btn-text-icon .x-btn-icon-small-right .x-date-mp-cancel:hover,
  .x-btn-text-icon .x-btn-icon-small-right #outlet #outlet-map #map .outlet-node:hover,
  #outlet #outlet-map #map .x-btn-text-icon .x-btn-icon-small-right .outlet-node:hover,
  .x-btn-text-icon .x-btn-icon-small-right #pnl_CycleMenu .xbutton:hover,
  #pnl_CycleMenu .x-btn-text-icon .x-btn-icon-small-right .xbutton:hover,
  .x-btn-text-icon .x-btn-icon-small-right .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn:hover,
  .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .x-btn-text-icon .x-btn-icon-small-right .ctb-btn:hover,
  .x-btn .x-btn-icon-small-left .x-btn-text:hover,
  .x-btn .x-btn-icon-small-left .ctb-anchor-btn:hover,
  .x-btn .x-btn-icon-small-left .btn-sm-row:hover,
  .x-btn .x-btn-icon-small-left .ctb_btn_default_sm:hover,
  .x-btn .x-btn-icon-small-left .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text:hover,
  .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn .x-btn-icon-small-left .x-btn-text:hover,
  .x-btn .x-btn-icon-small-left .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text:hover,
  .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn .x-btn-icon-small-left .x-btn-text:hover,
  .x-btn .x-btn-icon-small-left .x-date-mp .x-date-mp-ok:hover,
  .x-date-mp .x-btn .x-btn-icon-small-left .x-date-mp-ok:hover,
  .x-btn .x-btn-icon-small-left .x-date-mp .x-date-mp-cancel:hover,
  .x-date-mp .x-btn .x-btn-icon-small-left .x-date-mp-cancel:hover,
  .x-btn .x-btn-icon-small-left #outlet #outlet-map #map .outlet-node:hover,
  #outlet #outlet-map #map .x-btn .x-btn-icon-small-left .outlet-node:hover,
  .x-btn .x-btn-icon-small-left #pnl_CycleMenu .xbutton:hover,
  #pnl_CycleMenu .x-btn .x-btn-icon-small-left .xbutton:hover,
  .x-btn .x-btn-icon-small-left .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn:hover,
  .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .x-btn .x-btn-icon-small-left .ctb-btn:hover {
    box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }

.x-btn-text:not(.icon-add):not(.bg-danger):not(.bg-info):not(.icon-item-edit):not(.icon-magnifier), .ctb-anchor-btn:not(.icon-add):not(.bg-danger):not(.bg-info):not(.icon-item-edit):not(.icon-magnifier), .btn-sm-row:not(.icon-add):not(.bg-danger):not(.bg-info):not(.icon-item-edit):not(.icon-magnifier), .ctb_btn_default_sm:not(.icon-add):not(.bg-danger):not(.bg-info):not(.icon-item-edit):not(.icon-magnifier), .x-date-mp .x-date-mp-ok:not(.icon-add):not(.bg-danger):not(.bg-info):not(.icon-item-edit):not(.icon-magnifier), .x-date-mp .x-date-mp-cancel:not(.icon-add):not(.bg-danger):not(.bg-info):not(.icon-item-edit):not(.icon-magnifier), #outlet #outlet-map #map .outlet-node:not(.icon-add):not(.bg-danger):not(.bg-info):not(.icon-item-edit):not(.icon-magnifier), #pnl_CycleMenu .xbutton:not(.icon-add):not(.bg-danger):not(.bg-info):not(.icon-item-edit):not(.icon-magnifier), .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn:not(.icon-add):not(.bg-danger):not(.bg-info):not(.icon-item-edit):not(.icon-magnifier),
.x-form-field-wrap {
  border: 1px solid #d9d9d9; }

.x-item-disabled .x-btn-text, .x-item-disabled .ctb-anchor-btn, .x-item-disabled .btn-sm-row, .x-item-disabled .ctb_btn_default_sm, .x-item-disabled .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-item-disabled .x-btn-text, .x-item-disabled .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-item-disabled .x-btn-text, .x-item-disabled .x-date-mp .x-date-mp-ok, .x-date-mp .x-item-disabled .x-date-mp-ok, .x-item-disabled .x-date-mp .x-date-mp-cancel, .x-date-mp .x-item-disabled .x-date-mp-cancel, .x-item-disabled #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .x-item-disabled .outlet-node, .x-item-disabled #pnl_CycleMenu .xbutton, #pnl_CycleMenu .x-item-disabled .xbutton, .x-item-disabled .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .x-item-disabled .ctb-btn {
  pointer-events: none; }

.x-btn-noicon .x-btn-icon-large-left .x-btn-tl, .x-btn-noicon .x-btn-icon-large-left .x-btn-tc, .x-btn-noicon .x-btn-icon-large-left .x-btn-tr,
.x-btn-noicon .x-btn-icon-large-left .x-btn-ml, .x-btn-noicon .x-btn-icon-large-left .x-btn-mc, .x-btn-noicon .x-btn-icon-large-left .x-btn-mr,
.x-btn-noicon .x-btn-icon-large-left .x-btn-bl, .x-btn-noicon .x-btn-icon-large-left .x-btn-bc, .x-btn-noicon .x-btn-icon-large-left .x-btn-br {
  background-image: none; }

.x-btn-noicon .x-btn-icon-large-left button {
  padding-left: 11px;
  padding-right: 11px;
  color: #1B1A1A; }

.x-form-file-wrap.x-form-field-wrap .x-btn-small.x-btn-icon-small-left button.x-btn-text[type="button"], .x-form-file-wrap.x-form-field-wrap .x-btn-small.x-btn-icon-small-left button.ctb-anchor-btn[type="button"], .x-form-file-wrap.x-form-field-wrap .x-btn-small.x-btn-icon-small-left button.btn-sm-row[type="button"], .x-form-file-wrap.x-form-field-wrap .x-btn-small.x-btn-icon-small-left button.ctb_btn_default_sm[type="button"], .x-form-file-wrap.x-form-field-wrap .x-btn-small.x-btn-icon-small-left .x-date-mp button.x-date-mp-ok[type="button"], .x-date-mp .x-form-file-wrap.x-form-field-wrap .x-btn-small.x-btn-icon-small-left button.x-date-mp-ok[type="button"], .x-form-file-wrap.x-form-field-wrap .x-btn-small.x-btn-icon-small-left .x-date-mp button.x-date-mp-cancel[type="button"], .x-date-mp .x-form-file-wrap.x-form-field-wrap .x-btn-small.x-btn-icon-small-left button.x-date-mp-cancel[type="button"], .x-form-file-wrap.x-form-field-wrap .x-btn-small.x-btn-icon-small-left #outlet #outlet-map #map button.outlet-node[type="button"], #outlet #outlet-map #map .x-form-file-wrap.x-form-field-wrap .x-btn-small.x-btn-icon-small-left button.outlet-node[type="button"], .x-form-file-wrap.x-form-field-wrap .x-btn-small.x-btn-icon-small-left #pnl_CycleMenu button.xbutton[type="button"], #pnl_CycleMenu .x-form-file-wrap.x-form-field-wrap .x-btn-small.x-btn-icon-small-left button.xbutton[type="button"], .x-form-file-wrap.x-form-field-wrap .x-btn-small.x-btn-icon-small-left .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar button.ctb-btn[type="button"], .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .x-form-file-wrap.x-form-field-wrap .x-btn-small.x-btn-icon-small-left button.ctb-btn[type="button"] {
  border: 0 !important; }

.x-panel .x-panel-fbar .x-btn-text, .x-panel .x-panel-fbar .ctb-anchor-btn, .x-panel .x-panel-fbar .btn-sm-row, .x-panel .x-panel-fbar .ctb_btn_default_sm, .x-panel .x-panel-fbar .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-panel .x-panel-fbar .x-btn-text, .x-panel .x-panel-fbar .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-panel .x-panel-fbar .x-btn-text, .x-panel .x-panel-fbar .x-date-mp .x-date-mp-ok, .x-date-mp .x-panel .x-panel-fbar .x-date-mp-ok, .x-panel .x-panel-fbar .x-date-mp .x-date-mp-cancel, .x-date-mp .x-panel .x-panel-fbar .x-date-mp-cancel, .x-panel .x-panel-fbar #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .x-panel .x-panel-fbar .outlet-node, .x-panel .x-panel-fbar #pnl_CycleMenu .xbutton, #pnl_CycleMenu .x-panel .x-panel-fbar .xbutton, .x-panel .x-panel-fbar .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .x-panel .x-panel-fbar .ctb-btn, .x-panel .x-toolbar-ct .x-btn-text, .x-panel .x-toolbar-ct .ctb-anchor-btn, .x-panel .x-toolbar-ct .btn-sm-row, .x-panel .x-toolbar-ct .ctb_btn_default_sm, .x-panel .x-toolbar-ct .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-panel .x-toolbar-ct .x-btn-text, .x-panel .x-toolbar-ct .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-panel .x-toolbar-ct .x-btn-text, .x-panel .x-toolbar-ct .x-date-mp .x-date-mp-ok, .x-date-mp .x-panel .x-toolbar-ct .x-date-mp-ok, .x-panel .x-toolbar-ct .x-date-mp .x-date-mp-cancel, .x-date-mp .x-panel .x-toolbar-ct .x-date-mp-cancel, .x-panel .x-toolbar-ct #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .x-panel .x-toolbar-ct .outlet-node, .x-panel .x-toolbar-ct #pnl_CycleMenu .xbutton, #pnl_CycleMenu .x-panel .x-toolbar-ct .xbutton, .x-panel .x-toolbar-ct .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .x-panel .x-toolbar-ct .ctb-btn, .x-panel-footer .x-panel-fbar .x-btn-text, .x-panel-footer .x-panel-fbar .ctb-anchor-btn, .x-panel-footer .x-panel-fbar .btn-sm-row, .x-panel-footer .x-panel-fbar .ctb_btn_default_sm, .x-panel-footer .x-panel-fbar .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-panel-footer .x-panel-fbar .x-btn-text, .x-panel-footer .x-panel-fbar .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-panel-footer .x-panel-fbar .x-btn-text, .x-panel-footer .x-panel-fbar .x-date-mp .x-date-mp-ok, .x-date-mp .x-panel-footer .x-panel-fbar .x-date-mp-ok, .x-panel-footer .x-panel-fbar .x-date-mp .x-date-mp-cancel, .x-date-mp .x-panel-footer .x-panel-fbar .x-date-mp-cancel, .x-panel-footer .x-panel-fbar #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .x-panel-footer .x-panel-fbar .outlet-node, .x-panel-footer .x-panel-fbar #pnl_CycleMenu .xbutton, #pnl_CycleMenu .x-panel-footer .x-panel-fbar .xbutton, .x-panel-footer .x-panel-fbar .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .x-panel-footer .x-panel-fbar .ctb-btn, .x-panel-footer .x-toolbar-ct .x-btn-text, .x-panel-footer .x-toolbar-ct .ctb-anchor-btn, .x-panel-footer .x-toolbar-ct .btn-sm-row, .x-panel-footer .x-toolbar-ct .ctb_btn_default_sm, .x-panel-footer .x-toolbar-ct .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-panel-footer .x-toolbar-ct .x-btn-text, .x-panel-footer .x-toolbar-ct .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-panel-footer .x-toolbar-ct .x-btn-text, .x-panel-footer .x-toolbar-ct .x-date-mp .x-date-mp-ok, .x-date-mp .x-panel-footer .x-toolbar-ct .x-date-mp-ok, .x-panel-footer .x-toolbar-ct .x-date-mp .x-date-mp-cancel, .x-date-mp .x-panel-footer .x-toolbar-ct .x-date-mp-cancel, .x-panel-footer .x-toolbar-ct #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .x-panel-footer .x-toolbar-ct .outlet-node, .x-panel-footer .x-toolbar-ct #pnl_CycleMenu .xbutton, #pnl_CycleMenu .x-panel-footer .x-toolbar-ct .xbutton, .x-panel-footer .x-toolbar-ct .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .x-panel-footer .x-toolbar-ct .ctb-btn, .x-window-footer .x-panel-fbar .x-btn-text, .x-window-footer .x-panel-fbar .ctb-anchor-btn, .x-window-footer .x-panel-fbar .btn-sm-row, .x-window-footer .x-panel-fbar .ctb_btn_default_sm, .x-window-footer .x-panel-fbar .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-window-footer .x-panel-fbar .x-btn-text, .x-window-footer .x-panel-fbar .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-window-footer .x-panel-fbar .x-btn-text, .x-window-footer .x-panel-fbar .x-date-mp .x-date-mp-ok, .x-date-mp .x-window-footer .x-panel-fbar .x-date-mp-ok, .x-window-footer .x-panel-fbar .x-date-mp .x-date-mp-cancel, .x-date-mp .x-window-footer .x-panel-fbar .x-date-mp-cancel, .x-window-footer .x-panel-fbar #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .x-window-footer .x-panel-fbar .outlet-node, .x-window-footer .x-panel-fbar #pnl_CycleMenu .xbutton, #pnl_CycleMenu .x-window-footer .x-panel-fbar .xbutton, .x-window-footer .x-panel-fbar .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .x-window-footer .x-panel-fbar .ctb-btn, .x-window-footer .x-toolbar-ct .x-btn-text, .x-window-footer .x-toolbar-ct .ctb-anchor-btn, .x-window-footer .x-toolbar-ct .btn-sm-row, .x-window-footer .x-toolbar-ct .ctb_btn_default_sm, .x-window-footer .x-toolbar-ct .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-window-footer .x-toolbar-ct .x-btn-text, .x-window-footer .x-toolbar-ct .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-window-footer .x-toolbar-ct .x-btn-text, .x-window-footer .x-toolbar-ct .x-date-mp .x-date-mp-ok, .x-date-mp .x-window-footer .x-toolbar-ct .x-date-mp-ok, .x-window-footer .x-toolbar-ct .x-date-mp .x-date-mp-cancel, .x-date-mp .x-window-footer .x-toolbar-ct .x-date-mp-cancel, .x-window-footer .x-toolbar-ct #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .x-window-footer .x-toolbar-ct .outlet-node, .x-window-footer .x-toolbar-ct #pnl_CycleMenu .xbutton, #pnl_CycleMenu .x-window-footer .x-toolbar-ct .xbutton, .x-window-footer .x-toolbar-ct .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .x-window-footer .x-toolbar-ct .ctb-btn {
  background-color: #FFFFFF; }

.ctb-btn-red .x-btn-text, .ctb-btn-red .ctb-anchor-btn, .ctb-btn-red .btn-sm-row, .ctb-btn-red .ctb_btn_default_sm, .ctb-btn-red .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .ctb-btn-red .x-btn-text, .ctb-btn-red .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .ctb-btn-red .x-btn-text, .ctb-btn-red .x-date-mp .x-date-mp-ok, .x-date-mp .ctb-btn-red .x-date-mp-ok, .ctb-btn-red .x-date-mp .x-date-mp-cancel, .x-date-mp .ctb-btn-red .x-date-mp-cancel, .ctb-btn-red #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .ctb-btn-red .outlet-node, .ctb-btn-red #pnl_CycleMenu .xbutton, #pnl_CycleMenu .ctb-btn-red .xbutton, .ctb-btn-red .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn-red .ctb-btn {
  background: linear-gradient(#FFC438, #f3ab00) !important;
  color: #FFFFFF !important;
  border: 1px solid #f3ab00 !important; }
  .ctb-btn-red .x-btn-text:hover, .ctb-btn-red .ctb-anchor-btn:hover, .ctb-btn-red .btn-sm-row:hover, .ctb-btn-red .ctb_btn_default_sm:hover, .ctb-btn-red .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text:hover, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .ctb-btn-red .x-btn-text:hover, .ctb-btn-red .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text:hover, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .ctb-btn-red .x-btn-text:hover, .ctb-btn-red .x-date-mp .x-date-mp-ok:hover, .x-date-mp .ctb-btn-red .x-date-mp-ok:hover, .ctb-btn-red .x-date-mp .x-date-mp-cancel:hover, .x-date-mp .ctb-btn-red .x-date-mp-cancel:hover, .ctb-btn-red #outlet #outlet-map #map .outlet-node:hover, #outlet #outlet-map #map .ctb-btn-red .outlet-node:hover, .ctb-btn-red #pnl_CycleMenu .xbutton:hover, #pnl_CycleMenu .ctb-btn-red .xbutton:hover, .ctb-btn-red .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn:hover, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn-red .ctb-btn:hover {
    box-shadow: 2px 2px 5px 0 rgba(243, 171, 0, 0.35) !important; }

.ctb-btn-green .x-btn-text, .ctb-btn-green .ctb-anchor-btn, .ctb-btn-green .btn-sm-row, .ctb-btn-green .ctb_btn_default_sm, .ctb-btn-green .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .ctb-btn-green .x-btn-text, .ctb-btn-green .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .ctb-btn-green .x-btn-text, .ctb-btn-green .x-date-mp .x-date-mp-ok, .x-date-mp .ctb-btn-green .x-date-mp-ok, .ctb-btn-green .x-date-mp .x-date-mp-cancel, .x-date-mp .ctb-btn-green .x-date-mp-cancel, .ctb-btn-green #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .ctb-btn-green .outlet-node, .ctb-btn-green #pnl_CycleMenu .xbutton, #pnl_CycleMenu .ctb-btn-green .xbutton, .ctb-btn-green .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn-green .ctb-btn {
  background: linear-gradient(#549363, #549363) !important;
  color: color-contrast-secondary !important;
  border: 1px solid #549363 !important; }

.ext-strict.x-viewport .x-panel-mr .x-html-editor-wrap .x-btn .x-btn-icon-small-left .x-btn-text, .ext-strict.x-viewport .x-panel-mr .x-html-editor-wrap .x-btn .x-btn-icon-small-left .ctb-anchor-btn, .ext-strict.x-viewport .x-panel-mr .x-html-editor-wrap .x-btn .x-btn-icon-small-left .btn-sm-row, .ext-strict.x-viewport .x-panel-mr .x-html-editor-wrap .x-btn .x-btn-icon-small-left .ctb_btn_default_sm, .ext-strict.x-viewport .x-panel-mr .x-html-editor-wrap .x-btn .x-btn-icon-small-left .x-date-mp .x-date-mp-ok, .x-date-mp .ext-strict.x-viewport .x-panel-mr .x-html-editor-wrap .x-btn .x-btn-icon-small-left .x-date-mp-ok, .ext-strict.x-viewport .x-panel-mr .x-html-editor-wrap .x-btn .x-btn-icon-small-left .x-date-mp .x-date-mp-cancel, .x-date-mp .ext-strict.x-viewport .x-panel-mr .x-html-editor-wrap .x-btn .x-btn-icon-small-left .x-date-mp-cancel, .ext-strict.x-viewport .x-panel-mr .x-html-editor-wrap .x-btn .x-btn-icon-small-left #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .ext-strict.x-viewport .x-panel-mr .x-html-editor-wrap .x-btn .x-btn-icon-small-left .outlet-node, .ext-strict.x-viewport .x-panel-mr .x-html-editor-wrap .x-btn .x-btn-icon-small-left #pnl_CycleMenu .xbutton, #pnl_CycleMenu .ext-strict.x-viewport .x-panel-mr .x-html-editor-wrap .x-btn .x-btn-icon-small-left .xbutton, .ext-strict.x-viewport .x-panel-mr .x-html-editor-wrap .x-btn .x-btn-icon-small-left .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict.x-viewport .x-panel-mr .x-html-editor-wrap .x-btn .x-btn-icon-small-left .ctb-btn {
  padding: 0px; }

.ext-strict.x-viewport .x-panel-mr .x-html-editor-wrap button.x-btn-text[type="button"], .ext-strict.x-viewport .x-panel-mr .x-html-editor-wrap button.ctb-anchor-btn[type="button"], .ext-strict.x-viewport .x-panel-mr .x-html-editor-wrap button.btn-sm-row[type="button"], .ext-strict.x-viewport .x-panel-mr .x-html-editor-wrap button.ctb_btn_default_sm[type="button"], .ext-strict.x-viewport .x-panel-mr .x-html-editor-wrap .x-date-mp button.x-date-mp-ok[type="button"], .x-date-mp .ext-strict.x-viewport .x-panel-mr .x-html-editor-wrap button.x-date-mp-ok[type="button"], .ext-strict.x-viewport .x-panel-mr .x-html-editor-wrap .x-date-mp button.x-date-mp-cancel[type="button"], .x-date-mp .ext-strict.x-viewport .x-panel-mr .x-html-editor-wrap button.x-date-mp-cancel[type="button"], .ext-strict.x-viewport .x-panel-mr .x-html-editor-wrap #outlet #outlet-map #map button.outlet-node[type="button"], #outlet #outlet-map #map .ext-strict.x-viewport .x-panel-mr .x-html-editor-wrap button.outlet-node[type="button"], .ext-strict.x-viewport .x-panel-mr .x-html-editor-wrap #pnl_CycleMenu button.xbutton[type="button"], #pnl_CycleMenu .ext-strict.x-viewport .x-panel-mr .x-html-editor-wrap button.xbutton[type="button"], .ext-strict.x-viewport .x-panel-mr .x-html-editor-wrap .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar button.ctb-btn[type="button"], .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict.x-viewport .x-panel-mr .x-html-editor-wrap button.ctb-btn[type="button"] {
  border: 0 !important;
  border-color: transparent !important; }

/* .x-btn-over {
    .x-btn-icon-large-left, .x-btn-icon-small-right, .x-btn-icon-small-left, .x-btn-small {
        .x-btn-text, .x-btn-mc {
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
    } 
} */
.x-toolbar.x-toolbar-layout-ct .x-toolbar-cell .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-mc em.x-btn-arrow {
  padding-right: 32px;
  background: linear-gradient(#FFFFFF, #F2F1F2);
  border: 1px solid #d9d9d9 !important;
  margin-right: -12px;
  width: calc(100% - 34px);
  border-radius: 5px !important;
  transition: box-shadow 0.2s; }
  .x-toolbar.x-toolbar-layout-ct .x-toolbar-cell .x-btn-mc em.x-btn-split:hover, .x-toolbar .x-btn-mc em.x-btn-arrow:hover {
    box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
  .x-toolbar.x-toolbar-layout-ct .x-toolbar-cell .x-btn-mc em.x-btn-split button.x-btn-text[type=button], .x-toolbar.x-toolbar-layout-ct .x-toolbar-cell .x-btn-mc em.x-btn-split button.ctb-anchor-btn[type="button"], .x-toolbar.x-toolbar-layout-ct .x-toolbar-cell .x-btn-mc em.x-btn-split button.btn-sm-row[type="button"], .x-toolbar.x-toolbar-layout-ct .x-toolbar-cell .x-btn-mc em.x-btn-split button.ctb_btn_default_sm[type="button"], .x-toolbar.x-toolbar-layout-ct .x-toolbar-cell .x-btn-mc em.x-btn-split .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table button.x-btn-text[type="button"], .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-toolbar.x-toolbar-layout-ct .x-toolbar-cell .x-btn-mc em.x-btn-split button.x-btn-text[type="button"], .x-toolbar.x-toolbar-layout-ct .x-toolbar-cell .x-btn-mc em.x-btn-split .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table button.x-btn-text[type="button"], .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-toolbar.x-toolbar-layout-ct .x-toolbar-cell .x-btn-mc em.x-btn-split button.x-btn-text[type="button"], .x-toolbar.x-toolbar-layout-ct .x-toolbar-cell .x-btn-mc em.x-btn-split .x-date-mp button.x-date-mp-ok[type="button"], .x-date-mp .x-toolbar.x-toolbar-layout-ct .x-toolbar-cell .x-btn-mc em.x-btn-split button.x-date-mp-ok[type="button"], .x-toolbar.x-toolbar-layout-ct .x-toolbar-cell .x-btn-mc em.x-btn-split .x-date-mp button.x-date-mp-cancel[type="button"], .x-date-mp .x-toolbar.x-toolbar-layout-ct .x-toolbar-cell .x-btn-mc em.x-btn-split button.x-date-mp-cancel[type="button"], .x-toolbar.x-toolbar-layout-ct .x-toolbar-cell .x-btn-mc em.x-btn-split #outlet #outlet-map #map button.outlet-node[type="button"], #outlet #outlet-map #map .x-toolbar.x-toolbar-layout-ct .x-toolbar-cell .x-btn-mc em.x-btn-split button.outlet-node[type="button"], .x-toolbar.x-toolbar-layout-ct .x-toolbar-cell .x-btn-mc em.x-btn-split #pnl_CycleMenu button.xbutton[type="button"], #pnl_CycleMenu .x-toolbar.x-toolbar-layout-ct .x-toolbar-cell .x-btn-mc em.x-btn-split button.xbutton[type="button"], .x-toolbar.x-toolbar-layout-ct .x-toolbar-cell .x-btn-mc em.x-btn-split .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar button.ctb-btn[type="button"], .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .x-toolbar.x-toolbar-layout-ct .x-toolbar-cell .x-btn-mc em.x-btn-split button.ctb-btn[type="button"], .x-toolbar .x-btn-mc em.x-btn-arrow button.x-btn-text[type=button], .x-toolbar .x-btn-mc em.x-btn-arrow button.ctb-anchor-btn[type="button"], .x-toolbar .x-btn-mc em.x-btn-arrow button.btn-sm-row[type="button"], .x-toolbar .x-btn-mc em.x-btn-arrow button.ctb_btn_default_sm[type="button"], .x-toolbar .x-btn-mc em.x-btn-arrow .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table button.x-btn-text[type="button"], .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-toolbar .x-btn-mc em.x-btn-arrow button.x-btn-text[type="button"], .x-toolbar .x-btn-mc em.x-btn-arrow .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table button.x-btn-text[type="button"], .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-toolbar .x-btn-mc em.x-btn-arrow button.x-btn-text[type="button"], .x-toolbar .x-btn-mc em.x-btn-arrow .x-date-mp button.x-date-mp-ok[type="button"], .x-date-mp .x-toolbar .x-btn-mc em.x-btn-arrow button.x-date-mp-ok[type="button"], .x-toolbar .x-btn-mc em.x-btn-arrow .x-date-mp button.x-date-mp-cancel[type="button"], .x-date-mp .x-toolbar .x-btn-mc em.x-btn-arrow button.x-date-mp-cancel[type="button"], .x-toolbar .x-btn-mc em.x-btn-arrow #outlet #outlet-map #map button.outlet-node[type="button"], #outlet #outlet-map #map .x-toolbar .x-btn-mc em.x-btn-arrow button.outlet-node[type="button"], .x-toolbar .x-btn-mc em.x-btn-arrow #pnl_CycleMenu button.xbutton[type="button"], #pnl_CycleMenu .x-toolbar .x-btn-mc em.x-btn-arrow button.xbutton[type="button"], .x-toolbar .x-btn-mc em.x-btn-arrow .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar button.ctb-btn[type="button"], .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .x-toolbar .x-btn-mc em.x-btn-arrow button.ctb-btn[type="button"] {
    border: 0 !important;
    box-shadow: none;
    height: 32px;
    padding-right: 11px;
    border-right: 1px solid #d9d9d9 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
  .x-toolbar.x-toolbar-layout-ct .x-toolbar-cell .x-btn-mc em.x-btn-split:after, .x-toolbar .x-btn-mc em.x-btn-arrow:after {
    content: url("../../images/themes/light/ic-arrow-drop-down-secondary.svg");
    position: relative;
    bottom: 1px;
    right: -11px; }

/* .x-btn-over .x-btn-icon-small-left .x-btn-text {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
} */
/* .x-btn .x-btn-icon-small-left .x-btn-text {
    background: unset;
    color: $color-contrast-secondary;
    font-weight: 500;
    font-size: 12px;

    &:hover {
        border: none;
    }
} */
.btn-icon, .x-btn .x-btn-icon-small-left .x-tbar-page-last, .x-btn .x-btn-icon-small-left .x-tbar-page-first, .x-btn .x-btn-icon-small-left .x-tbar-loading {
  background-position: center;
  background-size: auto; }

.x-btn .x-btn-icon-small-left .x-tbar-page-prev {
  transform: rotate(180deg); }

.x-btn .x-btn-icon-small-left .x-tbar-page-last {
  background-image: url("../../images/themes/light/icon-paging-last.svg") !important; }

.x-btn .x-btn-icon-small-left .x-tbar-page-first {
  background-image: url("../../images/themes/light/icon-paging-last.svg") !important;
  transform: rotate(180deg); }

.x-btn .x-btn-icon-small-left .x-tbar-loading {
  background-image: url("../../images/themes/light/ic-refresh.svg") !important; }

.icon-upload-image {
  background-image: none; }

.btn-upload-pdf {
  width: 70px;
  height: 18px;
  text-align: left;
  font-size: 10px;
  border-radius: 3px;
  background-color: #549363;
  border: unset;
  cursor: pointer;
  color: #FFFFFF; }
  .btn-upload-pdf::before {
    content: url("../../images/themes/ic-upload.svg");
    margin-right: 5px; }

.btn-view-pdf, .btn-view-image, .a-view-image, .a-view-pdf {
  width: 70px;
  height: 18px;
  text-align: left;
  font-size: 10px;
  border-radius: 3px;
  background-color: #9e3b34;
  border: unset;
  cursor: pointer;
  color: #FFFFFF; }
  .btn-view-pdf::before, .btn-view-image::before, .a-view-image::before, .a-view-pdf::before {
    content: url("../../images/themes/ic-pdf-file.svg");
    margin-right: 5px; }

.btn-view-image, .a-view-image {
  width: 80px;
  background-color: #fea300; }

.a-view, .a-view-image, .a-view-pdf {
  line-height: 20px;
  -webkit-appearance: button;
  -moz-appearance: button;
  text-decoration: none !important;
  text-align: center; }

.btn-sm-row {
  height: 22px; }

.ctb_btn_default_xsm {
  border-radius: 5px;
  background: linear-gradient(#FFFFFF, #F2F1F2);
  color: #1B1A1A;
  transition: box-shadow 0.2s;
  color: #1B1A1A;
  font-size: 12px;
  border: 1px solid #d9d9d9;
  padding: 0 11px;
  height: 22px;
  cursor: pointer;
  font-family: "Roboto Medium", arial, helvetica, sans-serif; }
  .ctb_btn_default_xsm:hover {
    box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }

.button-menu-item {
  background-image: unset;
  background-color: #FFFFFF;
  border: 1px solid #d9d9d9 !important;
  border-radius: 5px; }
  .button-menu-item .x-menu-list {
    padding: 0;
    border-radius: 5px; }
    .button-menu-item .x-menu-list li:not(:last-child) {
      border-bottom: 1px solid #d9d9d9; }
      .button-menu-item .x-menu-list li:not(:last-child) .x-menu-sep {
        margin: 0;
        background-color: #d9d9d9;
        border-bottom-color: #d9d9d9;
        border-bottom: unset; }
  .button-menu-item .x-menu-list-item {
    height: 32px; }
    .button-menu-item .x-menu-list-item:not(.x-menu-sep-li) {
      padding: 0 8px 0 8px;
      transition: box-shadow 0.2s, padding-left 0.2s; }
    .button-menu-item .x-menu-list-item.x-menu-sep-li {
      padding: 0; }
  .button-menu-item .x-menu-item {
    line-height: 30px;
    padding: 0px 21px 0px 27px; }
    .button-menu-item .x-menu-item[class="x-menu-item"] {
      padding-left: 0;
      padding-right: 0; }
    .button-menu-item .x-menu-item-text {
      color: #1B1A1A;
      line-height: 30px; }
    .button-menu-item .x-menu-item-icon.icon-add {
      background: none !important;
      border: none !important; }
    .button-menu-item .x-menu-item-icon:hover {
      box-shadow: none !important; }
    .button-menu-item .x-menu-item-active {
      background-image: unset;
      background-color: #F1F1F1;
      border: none;
      margin: 0;
      box-shadow: inset 5px 0 0 0 #f3ab00;
      padding-left: 15px !important; }
      .button-menu-item .x-menu-item-active a.x-menu-item {
        border: none;
        margin: 0; }
    .button-menu-item .x-menu-item-arrow {
      background-image: url("../../images/themes/light/ic-arrow-drop-right.svg");
      background-position-x: 95%; }

.x-menu.x-menu-floating.x-layer.button-menu-item .x-menu-list-item {
  height: unset; }

/* .bg-btn-cancel{
    .x-btn-text{
        background-color: $color-brand !important;
        @include btn-bg-danger;
    }
} */
.ctb-messagebox .x-toolbar-cell:nth-child(1) button:nth-child(1) {
  background: linear-gradient(#FFC438, #f3ab00) !important;
  color: #FFFFFF !important;
  border: 1px solid #f3ab00 !important; }
  .ctb-messagebox .x-toolbar-cell:nth-child(1) button:nth-child(1):hover {
    box-shadow: 2px 2px 5px 0 rgba(243, 171, 0, 0.35) !important; }

.ctb-messagebox .x-toolbar-cell:nth-child(2) button:nth-child(1) {
  background: linear-gradient(#FFC438, #f3ab00) !important;
  color: #FFFFFF !important;
  border: 1px solid #f3ab00 !important; }
  .ctb-messagebox .x-toolbar-cell:nth-child(2) button:nth-child(1):hover {
    box-shadow: 2px 2px 5px 0 rgba(243, 171, 0, 0.35) !important; }

.ctb-messagebox .ext-mb-input {
  margin-top: 35px; }

.ctb-messagebox .ext-mb-textarea {
  margin-top: 15px;
  height: 80px !important; }

.x-btn-text.bg-success, .bg-success.ctb-anchor-btn, .bg-success.btn-sm-row, .bg-success.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .bg-success.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .bg-success.x-btn-text, .x-date-mp .bg-success.x-date-mp-ok, .x-date-mp .bg-success.x-date-mp-cancel, #outlet #outlet-map #map .bg-success.outlet-node, #pnl_CycleMenu .bg-success.xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .bg-success.ctb-btn, button.x-btn-text.bg-success, button.bg-success.ctb-anchor-btn, button.bg-success.btn-sm-row, button.bg-success.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table button.bg-success.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table button.bg-success.x-btn-text, .x-date-mp button.bg-success.x-date-mp-ok, .x-date-mp button.bg-success.x-date-mp-cancel, #outlet #outlet-map #map button.bg-success.outlet-node, #pnl_CycleMenu button.bg-success.xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar button.bg-success.ctb-btn, span.bg-success:not(.tag-message), a.bg-success, button.bg-success, td.x-btn-text.bg-success, td.bg-success.ctb-anchor-btn, td.bg-success.btn-sm-row, td.bg-success.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table td.bg-success.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table td.bg-success.x-btn-text, .x-date-mp td.bg-success.x-date-mp-ok, .x-date-mp td.bg-success.x-date-mp-cancel, #outlet #outlet-map #map td.bg-success.outlet-node, #pnl_CycleMenu td.bg-success.xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar td.bg-success.ctb-btn {
  background: linear-gradient(#549363, #549363) !important;
  color: color-contrast-secondary !important;
  border: 1px solid #549363 !important; }

.x-btn-text.bg-info, .bg-info.ctb-anchor-btn, .bg-info.btn-sm-row, .bg-info.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .bg-info.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .bg-info.x-btn-text, .x-date-mp .bg-info.x-date-mp-ok, .x-date-mp .bg-info.x-date-mp-cancel, #outlet #outlet-map #map .bg-info.outlet-node, #pnl_CycleMenu .bg-info.xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .bg-info.ctb-btn, button.x-btn-text.bg-info, button.bg-info.ctb-anchor-btn, button.bg-info.btn-sm-row, button.bg-info.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table button.bg-info.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table button.bg-info.x-btn-text, .x-date-mp button.bg-info.x-date-mp-ok, .x-date-mp button.bg-info.x-date-mp-cancel, #outlet #outlet-map #map button.bg-info.outlet-node, #pnl_CycleMenu button.bg-info.xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar button.bg-info.ctb-btn, span.bg-info:not(.tag-message), a.bg-info, button.bg-info, td.x-btn-text.bg-info, td.bg-info.ctb-anchor-btn, td.bg-info.btn-sm-row, td.bg-info.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table td.bg-info.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table td.bg-info.x-btn-text, .x-date-mp td.bg-info.x-date-mp-ok, .x-date-mp td.bg-info.x-date-mp-cancel, #outlet #outlet-map #map td.bg-info.outlet-node, #pnl_CycleMenu td.bg-info.xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar td.bg-info.ctb-btn {
  background: linear-gradient(#6396E7, #4370B7) !important;
  color: #FFFFFF !important;
  border: 1px solid #4370b7 !important; }

.x-btn-text.bg-danger, .bg-danger.ctb-anchor-btn, .bg-danger.btn-sm-row, .bg-danger.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .bg-danger.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .bg-danger.x-btn-text, .x-date-mp .bg-danger.x-date-mp-ok, .x-date-mp .bg-danger.x-date-mp-cancel, #outlet #outlet-map #map .bg-danger.outlet-node, #pnl_CycleMenu .bg-danger.xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .bg-danger.ctb-btn, button.x-btn-text.bg-danger, button.bg-danger.ctb-anchor-btn, button.bg-danger.btn-sm-row, button.bg-danger.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table button.bg-danger.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table button.bg-danger.x-btn-text, .x-date-mp button.bg-danger.x-date-mp-ok, .x-date-mp button.bg-danger.x-date-mp-cancel, #outlet #outlet-map #map button.bg-danger.outlet-node, #pnl_CycleMenu button.bg-danger.xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar button.bg-danger.ctb-btn, span.bg-danger:not(.tag-message), .x-btn-text.icon-save-large, .icon-save-large.ctb-anchor-btn, .icon-save-large.btn-sm-row, .icon-save-large.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-save-large.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-save-large.x-btn-text, .x-date-mp .icon-save-large.x-date-mp-ok, .x-date-mp .icon-save-large.x-date-mp-cancel, #outlet #outlet-map #map .icon-save-large.outlet-node, #pnl_CycleMenu .icon-save-large.xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-save-large.ctb-btn, .x-btn-text.icon-ok-large, .icon-ok-large.ctb-anchor-btn, .icon-ok-large.btn-sm-row, .icon-ok-large.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-ok-large.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-ok-large.x-btn-text, .x-date-mp .icon-ok-large.x-date-mp-ok, .x-date-mp .icon-ok-large.x-date-mp-cancel, #outlet #outlet-map #map .icon-ok-large.outlet-node, #pnl_CycleMenu .icon-ok-large.xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-ok-large.ctb-btn, a.bg-danger, button.bg-danger, td.x-btn-text.bg-danger, td.bg-danger.ctb-anchor-btn, td.bg-danger.btn-sm-row, td.bg-danger.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table td.bg-danger.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table td.bg-danger.x-btn-text, .x-date-mp td.bg-danger.x-date-mp-ok, .x-date-mp td.bg-danger.x-date-mp-cancel, #outlet #outlet-map #map td.bg-danger.outlet-node, #pnl_CycleMenu td.bg-danger.xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar td.bg-danger.ctb-btn {
  background: linear-gradient(#FFC438, #f3ab00) !important;
  color: #FFFFFF !important;
  border: 1px solid #f3ab00 !important; }
  .x-btn-text.bg-danger:hover, .bg-danger.ctb-anchor-btn:hover, .bg-danger.btn-sm-row:hover, .bg-danger.ctb_btn_default_sm:hover, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .bg-danger.x-btn-text:hover, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .bg-danger.x-btn-text:hover, .x-date-mp .bg-danger.x-date-mp-ok:hover, .x-date-mp .bg-danger.x-date-mp-cancel:hover, #outlet #outlet-map #map .bg-danger.outlet-node:hover, #pnl_CycleMenu .bg-danger.xbutton:hover, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .bg-danger.ctb-btn:hover, button.x-btn-text.bg-danger:hover, button.bg-danger.ctb-anchor-btn:hover, button.bg-danger.btn-sm-row:hover, button.bg-danger.ctb_btn_default_sm:hover, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table button.bg-danger.x-btn-text:hover, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table button.bg-danger.x-btn-text:hover, .x-date-mp button.bg-danger.x-date-mp-ok:hover, .x-date-mp button.bg-danger.x-date-mp-cancel:hover, #outlet #outlet-map #map button.bg-danger.outlet-node:hover, #pnl_CycleMenu button.bg-danger.xbutton:hover, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar button.bg-danger.ctb-btn:hover, span.bg-danger:not(.tag-message):hover, .x-btn-text.icon-save-large:hover, .icon-save-large.ctb-anchor-btn:hover, .icon-save-large.btn-sm-row:hover, .icon-save-large.ctb_btn_default_sm:hover, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-save-large.x-btn-text:hover, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-save-large.x-btn-text:hover, .x-date-mp .icon-save-large.x-date-mp-ok:hover, .x-date-mp .icon-save-large.x-date-mp-cancel:hover, #outlet #outlet-map #map .icon-save-large.outlet-node:hover, #pnl_CycleMenu .icon-save-large.xbutton:hover, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-save-large.ctb-btn:hover, .x-btn-text.icon-ok-large:hover, .icon-ok-large.ctb-anchor-btn:hover, .icon-ok-large.btn-sm-row:hover, .icon-ok-large.ctb_btn_default_sm:hover, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-ok-large.x-btn-text:hover, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-ok-large.x-btn-text:hover, .x-date-mp .icon-ok-large.x-date-mp-ok:hover, .x-date-mp .icon-ok-large.x-date-mp-cancel:hover, #outlet #outlet-map #map .icon-ok-large.outlet-node:hover, #pnl_CycleMenu .icon-ok-large.xbutton:hover, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-ok-large.ctb-btn:hover, a.bg-danger:hover, button.bg-danger:hover, td.x-btn-text.bg-danger:hover, td.bg-danger.ctb-anchor-btn:hover, td.bg-danger.btn-sm-row:hover, td.bg-danger.ctb_btn_default_sm:hover, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table td.bg-danger.x-btn-text:hover, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table td.bg-danger.x-btn-text:hover, .x-date-mp td.bg-danger.x-date-mp-ok:hover, .x-date-mp td.bg-danger.x-date-mp-cancel:hover, #outlet #outlet-map #map td.bg-danger.outlet-node:hover, #pnl_CycleMenu td.bg-danger.xbutton:hover, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar td.bg-danger.ctb-btn:hover {
    box-shadow: 2px 2px 5px 0 rgba(243, 171, 0, 0.35) !important; }

.x-btn-text.bg-warning, .bg-warning.ctb-anchor-btn, .bg-warning.btn-sm-row, .bg-warning.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .bg-warning.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .bg-warning.x-btn-text, .x-date-mp .bg-warning.x-date-mp-ok, .x-date-mp .bg-warning.x-date-mp-cancel, #outlet #outlet-map #map .bg-warning.outlet-node, #pnl_CycleMenu .bg-warning.xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .bg-warning.ctb-btn, button.x-btn-text.bg-warning, button.bg-warning.ctb-anchor-btn, button.bg-warning.btn-sm-row, button.bg-warning.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table button.bg-warning.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table button.bg-warning.x-btn-text, .x-date-mp button.bg-warning.x-date-mp-ok, .x-date-mp button.bg-warning.x-date-mp-cancel, #outlet #outlet-map #map button.bg-warning.outlet-node, #pnl_CycleMenu button.bg-warning.xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar button.bg-warning.ctb-btn, span.bg-warning:not(.tag-message), a.bg-warning, button.bg-warning, td.x-btn-text.bg-warning, td.bg-warning.ctb-anchor-btn, td.bg-warning.btn-sm-row, td.bg-warning.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table td.bg-warning.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table td.bg-warning.x-btn-text, .x-date-mp td.bg-warning.x-date-mp-ok, .x-date-mp td.bg-warning.x-date-mp-cancel, #outlet #outlet-map #map td.bg-warning.outlet-node, #pnl_CycleMenu td.bg-warning.xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar td.bg-warning.ctb-btn {
  background: linear-gradient(#ff8d00, #ff8d00) !important;
  border: 1px solid #9f7819 !important; }

div.x-btn-text.btn-refresh, div.btn-refresh.ctb-anchor-btn, div.btn-refresh.btn-sm-row, div.btn-refresh.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table div.btn-refresh.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table div.btn-refresh.x-btn-text, .x-date-mp div.btn-refresh.x-date-mp-ok, .x-date-mp div.btn-refresh.x-date-mp-cancel, #outlet #outlet-map #map div.btn-refresh.outlet-node, #pnl_CycleMenu div.btn-refresh.xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar div.btn-refresh.ctb-btn {
  width: 77px !important; }

.btn-search {
  border-radius: 5px !important;
  width: 90px !important;
  text-align: left;
  line-height: 21px !important; }
  .btn-search:after {
    content: url("../../images/themes/light/ic-search.svg");
    position: relative;
    top: 2px;
    left: 14px; }
  .btn-search:hover {
    box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }

.btn-attachment {
  border-radius: 5px !important;
  width: 140px !important;
  text-align: left;
  line-height: 30px !important; }
  .btn-attachment:after {
    content: "";
    position: relative;
    top: 8px;
    right: 0px;
    background: url("../../images/themes/light/ic-attachment.svg") no-repeat;
    width: 14px;
    height: 14px;
    float: right;
    background-size: 14px; }

.icon-add {
  background: linear-gradient(#FFC438, #f3ab00) !important;
  color: #FFFFFF !important;
  border: 1px solid #f3ab00 !important;
  line-height: 22px !important; }
  .icon-add:hover {
    box-shadow: 2px 2px 5px 0 rgba(243, 171, 0, 0.35) !important; }
  .icon-add:before {
    content: url("../../images/themes/ic-more.svg");
    margin-right: 5px;
    position: relative;
    top: 3px; }

.icon-green-tick {
  background: linear-gradient(#FFFFFF, #F2F1F2);
  color: #1B1A1A;
  transition: box-shadow 0.2s;
  line-height: 22px !important; }
  .icon-green-tick:hover {
    box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
  .icon-green-tick:before {
    content: url("../../images/themes/ic-green-tick.svg");
    margin-right: 5px;
    position: relative;
    top: 3px; }

.paging-toolbar .btn-number-toolbar button {
  height: 24px !important;
  width: 24px !important;
  padding-left: 0;
  padding-right: 0;
  border-radius: 5px !important; }

.paging-toolbar .btn-number-toolbar .x-toolbar-left {
  display: initial; }

.paging-toolbar .icon-paging-first:hover, .paging-toolbar .icon-paging-last:hover {
  background-repeat: no-repeat !important;
  background-position: center; }

.paging-toolbar .x-toolbar-right .x-toolbar-right-row span.xtb-sep {
  display: none; }

.paging-toolbar .x-toolbar-right .x-toolbar-right-row .icon-paging-refresh {
  background-position: center !important; }

.paging-toolbar .x-toolbar-right .x-toolbar-right-row .icon-ic-arrow-right {
  background-position: -0px -22px !important; }

.pr-btn {
  padding-right: 9.6px; }

.pl-btn {
  padding-left: 9.6px; }

.btn-action-table-header {
  background: linear-gradient(#FFFFFF, #F2F1F2);
  color: #1B1A1A;
  transition: box-shadow 0.2s; }
  .btn-action-table-header:hover {
    box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }

.x-tool-collapse-east {
  transform: rotate(0deg); }

.standard-box-shadow, .btn-attachment:hover {
  box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }

.icon-v3-arrow-previous {
  background-image: url("../../images/themes/light/arraw-icon.svg") !important;
  background-position-y: -3px !important;
  background-position-x: -3px !important; }

.icon-v3-arrow-next {
  background-image: url("../../images/themes/light/arraw-icon.svg") !important;
  background-position-y: -3px !important;
  background-position-x: -3px !important;
  transform: rotate(180deg); }

.switch-toggle {
  background-color: #FFFFFF !important; }
  .switch-toggle label, .switch-toggle a {
    outline: 0 !important; }

.switch-toggle:not(.switch-android).switch-candy {
  border-radius: 5px !important;
  border: 1px solid #d9d9d9 !important;
  box-shadow: none;
  text-shadow: none; }
  .switch-toggle:not(.switch-android).switch-candy a {
    background-color: #f3ab00;
    border: 0;
    border-radius: 5px; }
  .switch-toggle:not(.switch-android).switch-candy input:checked + label {
    color: #ffffff;
    text-shadow: none; }

.switch-toggle:not(.switch-android) label {
  color: #1B1A1A;
  font-family: "Roboto Medium", arial, helvetica, sans-serif;
  text-shadow: none;
  align-items: center;
  display: inline-grid; }

.file-upload-field button.x-btn-text, .file-upload-field button.ctb-anchor-btn, .file-upload-field button.btn-sm-row, .file-upload-field button.ctb_btn_default_sm, .file-upload-field .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table button.x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .file-upload-field button.x-btn-text, .file-upload-field .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table button.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .file-upload-field button.x-btn-text, .file-upload-field .x-date-mp button.x-date-mp-ok, .x-date-mp .file-upload-field button.x-date-mp-ok, .file-upload-field .x-date-mp button.x-date-mp-cancel, .x-date-mp .file-upload-field button.x-date-mp-cancel, .file-upload-field #outlet #outlet-map #map button.outlet-node, #outlet #outlet-map #map .file-upload-field button.outlet-node, .file-upload-field #pnl_CycleMenu button.xbutton, #pnl_CycleMenu .file-upload-field button.xbutton, .file-upload-field .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar button.ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .file-upload-field button.ctb-btn {
  background: unset !important;
  position: relative;
  left: -3px;
  box-shadow: none !important; }

.file-upload-field .x-form-file {
  cursor: pointer; }

.btn-ads-more-info:not(.bg-danger) {
  line-height: 22px !important; }
  .btn-ads-more-info:not(.bg-danger):before {
    margin-right: 5px;
    position: relative;
    top: 3px;
    content: url("../../images/themes/light/ic-info-3.svg"); }

.btn-ads-more-info.bg-danger {
  line-height: 22px !important; }
  .btn-ads-more-info.bg-danger:before {
    margin-right: 5px;
    position: relative;
    top: 3px;
    content: url("../../images/themes/dark/ic-info-3.svg"); }

.btn-ads-contact:not(.bg-danger) {
  line-height: 22px !important; }
  .btn-ads-contact:not(.bg-danger):before {
    margin-right: 5px;
    position: relative;
    top: 3px;
    content: url("../../images/themes/light/ic-phone-2.svg"); }

.btn-ads-contact.bg-danger {
  line-height: 22px !important; }
  .btn-ads-contact.bg-danger:before {
    margin-right: 5px;
    position: relative;
    top: 3px;
    content: url("../../images/themes/dark/ic-phone-2.svg"); }

.btn-ads-sample-request:not(.bg-danger) {
  line-height: 22px !important; }
  .btn-ads-sample-request:not(.bg-danger):before {
    margin-right: 5px;
    position: relative;
    top: 3px;
    content: url("../../images/themes/light/ic-dropper.svg"); }

.btn-ads-sample-request.bg-danger {
  line-height: 22px !important; }
  .btn-ads-sample-request.bg-danger:before {
    margin-right: 5px;
    position: relative;
    top: 3px;
    content: url("../../images/themes/dark/ic-dropper.svg"); }

.btn-previous:before {
  position: relative;
  top: 2px;
  content: url("../../images/themes/ic-arrow-left.svg"); }

.btn-next:before {
  position: relative;
  top: 2px;
  content: url("../../images/themes/ic-arrow-right.svg"); }

/*Text Field */
.x-form-text, .ext-strict .x-small-editor .x-form-text, .ctb_transparent_bg_color .ctb-reciperipper-url, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip, .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip, .ext-mb-input, .ext-mb-textarea {
  height: 30px !important;
  background-color: #FFFFFF;
  border: 1px solid #d9d9d9;
  color: #1B1A1A;
  font-size: 12px;
  background-image: none;
  padding-top: 1px;
  padding-left: 8px;
  border-radius: 5px;
  transition: box-shadow 0.2s; }
  .x-form-text.ctb-textfield-readonly, .ext-strict .x-small-editor .ctb-textfield-readonly.x-form-text, .ctb_transparent_bg_color .ctb-textfield-readonly.ctb-reciperipper-url, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ctb-textfield-readonly.b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ctb-textfield-readonly.r-ip, .b-bd-fh .b-bd-fh-cell input.ctb-textfield-readonly.b-bd-fh-input, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ctb-textfield-readonly.bd-r-ip, .ext-mb-input.ctb-textfield-readonly, .ext-mb-textarea.ctb-textfield-readonly {
    background: #F6F6F6 !important;
    padding: 5px 8px;
    color: #1B1A1A;
    opacity: 0.75;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    border-radius: 5px;
    pointer-events: none; }
  .x-form-text.x-box-item, .ext-strict .x-small-editor .x-box-item.x-form-text, .ctb_transparent_bg_color .x-box-item.ctb-reciperipper-url, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .x-box-item.b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .x-box-item.r-ip, .b-bd-fh .b-bd-fh-cell input.x-box-item.b-bd-fh-input, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .x-box-item.bd-r-ip, .ext-mb-input.x-box-item, .ext-mb-textarea.x-box-item {
    border: 1px solid #d9d9d9; }
  .x-form-text:hover, .ext-strict .x-small-editor .x-form-text:hover, .ctb_transparent_bg_color .ctb-reciperipper-url:hover, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip:hover, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip:hover, .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input:hover, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip:hover, .ext-mb-input:hover, .ext-mb-textarea:hover {
    box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }

.ext-strict .x-small-editor .x-form-field, .ext-strict .x-small-editor .ctb_transparent_bg_color .ctb-reciperipper-url, .ctb_transparent_bg_color .ext-strict .x-small-editor .ctb-reciperipper-url {
  font-family: "Roboto Standard", arial, helvetica, sans-serif; }

.ext-strict .x-grid-panel .x-panel-tbar .x-small-editor .x-form-field-wrap .x-form-trigger, .ext-strict .x-grid-panel .x-panel-bbar .x-small-editor .x-form-field-wrap .x-form-trigger {
  background-color: transparent;
  position: absolute;
  right: 0px; }

.ext-strict .x-grid-panel .x-panel-tbar .x-small-editor .x-form-text, .ext-strict .x-grid-panel .x-panel-tbar .x-small-editor .ctb_transparent_bg_color .ctb-reciperipper-url, .ctb_transparent_bg_color .ext-strict .x-grid-panel .x-panel-tbar .x-small-editor .ctb-reciperipper-url, .ext-strict .x-grid-panel .x-panel-tbar .x-small-editor .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ext-strict .x-grid-panel .x-panel-tbar .x-small-editor .b-h-ip, .ext-strict .x-grid-panel .x-panel-tbar .x-small-editor .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ext-strict .x-grid-panel .x-panel-tbar .x-small-editor .r-ip, .ext-strict .x-grid-panel .x-panel-tbar .x-small-editor .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell .ext-strict .x-grid-panel .x-panel-tbar .x-small-editor input.b-bd-fh-input, .ext-strict .x-grid-panel .x-panel-tbar .x-small-editor .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ext-strict .x-grid-panel .x-panel-tbar .x-small-editor .bd-r-ip, .ext-strict .x-grid-panel .x-panel-bbar .x-small-editor .x-form-text, .ext-strict .x-grid-panel .x-panel-bbar .x-small-editor .ctb_transparent_bg_color .ctb-reciperipper-url, .ctb_transparent_bg_color .ext-strict .x-grid-panel .x-panel-bbar .x-small-editor .ctb-reciperipper-url, .ext-strict .x-grid-panel .x-panel-bbar .x-small-editor .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ext-strict .x-grid-panel .x-panel-bbar .x-small-editor .b-h-ip, .ext-strict .x-grid-panel .x-panel-bbar .x-small-editor .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ext-strict .x-grid-panel .x-panel-bbar .x-small-editor .r-ip, .ext-strict .x-grid-panel .x-panel-bbar .x-small-editor .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell .ext-strict .x-grid-panel .x-panel-bbar .x-small-editor input.b-bd-fh-input, .ext-strict .x-grid-panel .x-panel-bbar .x-small-editor .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ext-strict .x-grid-panel .x-panel-bbar .x-small-editor .bd-r-ip {
  background-color: #FFFFFF; }

.x-form-field-wrap {
  height: 32px;
  border-radius: 5px !important;
  background: linear-gradient(#FFFFFF, #F2F1F2);
  color: #1B1A1A;
  transition: box-shadow 0.2s; }
  .x-form-field-wrap:hover {
    box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
  .x-form-field-wrap input.x-form-text.x-form-field.x-trigger-noedit, .x-form-field-wrap .ctb_transparent_bg_color input.x-trigger-noedit.ctb-reciperipper-url, .ctb_transparent_bg_color .x-form-field-wrap input.x-trigger-noedit.ctb-reciperipper-url, .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct input.x-form-field.x-trigger-noedit.b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .x-form-field-wrap input.x-form-field.x-trigger-noedit.b-h-ip, .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ctb_transparent_bg_color input.x-trigger-noedit.b-h-ip.ctb-reciperipper-url, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ctb_transparent_bg_color .x-form-field-wrap input.x-trigger-noedit.b-h-ip.ctb-reciperipper-url, .x-form-field-wrap .ctb_transparent_bg_color .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct input.x-trigger-noedit.b-h-ip.ctb-reciperipper-url, .ctb_transparent_bg_color .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .x-form-field-wrap input.x-trigger-noedit.b-h-ip.ctb-reciperipper-url, .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row input.x-form-field.x-trigger-noedit.r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .x-form-field-wrap input.x-form-field.x-trigger-noedit.r-ip, .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ctb_transparent_bg_color input.x-trigger-noedit.r-ip.ctb-reciperipper-url, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ctb_transparent_bg_color .x-form-field-wrap input.x-trigger-noedit.r-ip.ctb-reciperipper-url, .x-form-field-wrap .ctb_transparent_bg_color .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row input.x-trigger-noedit.r-ip.ctb-reciperipper-url, .ctb_transparent_bg_color .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .x-form-field-wrap input.x-trigger-noedit.r-ip.ctb-reciperipper-url, .x-form-field-wrap .b-bd-fh .b-bd-fh-cell input.x-form-field.x-trigger-noedit.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell .x-form-field-wrap input.x-form-field.x-trigger-noedit.b-bd-fh-input, .x-form-field-wrap .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r input.x-form-field.x-trigger-noedit.bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .x-form-field-wrap input.x-form-field.x-trigger-noedit.bd-r-ip, .x-form-field-wrap .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ctb_transparent_bg_color input.x-trigger-noedit.bd-r-ip.ctb-reciperipper-url, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ctb_transparent_bg_color .x-form-field-wrap input.x-trigger-noedit.bd-r-ip.ctb-reciperipper-url, .x-form-field-wrap .ctb_transparent_bg_color .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r input.x-trigger-noedit.bd-r-ip.ctb-reciperipper-url, .ctb_transparent_bg_color .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .x-form-field-wrap input.x-trigger-noedit.bd-r-ip.ctb-reciperipper-url {
    border-radius: 5px;
    background: transparent;
    background-color: transparent !important;
    border: 0;
    box-shadow: none;
    font-weight: 500; }
  .x-form-field-wrap input.x-form-text.x-form-field:not(.x-trigger-noedit), .x-form-field-wrap .ctb_transparent_bg_color input.ctb-reciperipper-url:not(.x-trigger-noedit), .ctb_transparent_bg_color .x-form-field-wrap input.ctb-reciperipper-url:not(.x-trigger-noedit), .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct input.x-form-field.b-h-ip:not(.x-trigger-noedit), .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .x-form-field-wrap input.x-form-field.b-h-ip:not(.x-trigger-noedit), .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ctb_transparent_bg_color input.b-h-ip.ctb-reciperipper-url:not(.x-trigger-noedit), .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ctb_transparent_bg_color .x-form-field-wrap input.b-h-ip.ctb-reciperipper-url:not(.x-trigger-noedit), .x-form-field-wrap .ctb_transparent_bg_color .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct input.b-h-ip.ctb-reciperipper-url:not(.x-trigger-noedit), .ctb_transparent_bg_color .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .x-form-field-wrap input.b-h-ip.ctb-reciperipper-url:not(.x-trigger-noedit), .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row input.x-form-field.r-ip:not(.x-trigger-noedit), .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .x-form-field-wrap input.x-form-field.r-ip:not(.x-trigger-noedit), .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ctb_transparent_bg_color input.r-ip.ctb-reciperipper-url:not(.x-trigger-noedit), .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ctb_transparent_bg_color .x-form-field-wrap input.r-ip.ctb-reciperipper-url:not(.x-trigger-noedit), .x-form-field-wrap .ctb_transparent_bg_color .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row input.r-ip.ctb-reciperipper-url:not(.x-trigger-noedit), .ctb_transparent_bg_color .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .x-form-field-wrap input.r-ip.ctb-reciperipper-url:not(.x-trigger-noedit), .x-form-field-wrap .b-bd-fh .b-bd-fh-cell input.x-form-field.b-bd-fh-input:not(.x-trigger-noedit), .b-bd-fh .b-bd-fh-cell .x-form-field-wrap input.x-form-field.b-bd-fh-input:not(.x-trigger-noedit), .x-form-field-wrap .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r input.x-form-field.bd-r-ip:not(.x-trigger-noedit), .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .x-form-field-wrap input.x-form-field.bd-r-ip:not(.x-trigger-noedit), .x-form-field-wrap .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ctb_transparent_bg_color input.bd-r-ip.ctb-reciperipper-url:not(.x-trigger-noedit), .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ctb_transparent_bg_color .x-form-field-wrap input.bd-r-ip.ctb-reciperipper-url:not(.x-trigger-noedit), .x-form-field-wrap .ctb_transparent_bg_color .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r input.bd-r-ip.ctb-reciperipper-url:not(.x-trigger-noedit), .ctb_transparent_bg_color .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .x-form-field-wrap input.bd-r-ip.ctb-reciperipper-url:not(.x-trigger-noedit) {
    border-right: 1px solid #d9d9d9 !important;
    box-shadow: none; }
  .x-form-field-wrap input.x-form-text.x-form-field:not(.x-trigger-noedit):not(.disabled-spinner), .x-form-field-wrap .ctb_transparent_bg_color input.ctb-reciperipper-url:not(.x-trigger-noedit):not(.disabled-spinner), .ctb_transparent_bg_color .x-form-field-wrap input.ctb-reciperipper-url:not(.x-trigger-noedit):not(.disabled-spinner), .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct input.x-form-field.b-h-ip:not(.x-trigger-noedit):not(.disabled-spinner), .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .x-form-field-wrap input.x-form-field.b-h-ip:not(.x-trigger-noedit):not(.disabled-spinner), .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ctb_transparent_bg_color input.b-h-ip.ctb-reciperipper-url:not(.x-trigger-noedit):not(.disabled-spinner), .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ctb_transparent_bg_color .x-form-field-wrap input.b-h-ip.ctb-reciperipper-url:not(.x-trigger-noedit):not(.disabled-spinner), .x-form-field-wrap .ctb_transparent_bg_color .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct input.b-h-ip.ctb-reciperipper-url:not(.x-trigger-noedit):not(.disabled-spinner), .ctb_transparent_bg_color .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .x-form-field-wrap input.b-h-ip.ctb-reciperipper-url:not(.x-trigger-noedit):not(.disabled-spinner), .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row input.x-form-field.r-ip:not(.x-trigger-noedit):not(.disabled-spinner), .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .x-form-field-wrap input.x-form-field.r-ip:not(.x-trigger-noedit):not(.disabled-spinner), .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ctb_transparent_bg_color input.r-ip.ctb-reciperipper-url:not(.x-trigger-noedit):not(.disabled-spinner), .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ctb_transparent_bg_color .x-form-field-wrap input.r-ip.ctb-reciperipper-url:not(.x-trigger-noedit):not(.disabled-spinner), .x-form-field-wrap .ctb_transparent_bg_color .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row input.r-ip.ctb-reciperipper-url:not(.x-trigger-noedit):not(.disabled-spinner), .ctb_transparent_bg_color .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .x-form-field-wrap input.r-ip.ctb-reciperipper-url:not(.x-trigger-noedit):not(.disabled-spinner), .x-form-field-wrap .b-bd-fh .b-bd-fh-cell input.x-form-field.b-bd-fh-input:not(.x-trigger-noedit):not(.disabled-spinner), .b-bd-fh .b-bd-fh-cell .x-form-field-wrap input.x-form-field.b-bd-fh-input:not(.x-trigger-noedit):not(.disabled-spinner), .x-form-field-wrap .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r input.x-form-field.bd-r-ip:not(.x-trigger-noedit):not(.disabled-spinner), .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .x-form-field-wrap input.x-form-field.bd-r-ip:not(.x-trigger-noedit):not(.disabled-spinner) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 0; }
  .x-form-field-wrap input.x-form-text.x-form-field.disabled-spinner, .x-form-field-wrap .ctb_transparent_bg_color input.disabled-spinner.ctb-reciperipper-url, .ctb_transparent_bg_color .x-form-field-wrap input.disabled-spinner.ctb-reciperipper-url, .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct input.x-form-field.disabled-spinner.b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .x-form-field-wrap input.x-form-field.disabled-spinner.b-h-ip, .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ctb_transparent_bg_color input.disabled-spinner.b-h-ip.ctb-reciperipper-url, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ctb_transparent_bg_color .x-form-field-wrap input.disabled-spinner.b-h-ip.ctb-reciperipper-url, .x-form-field-wrap .ctb_transparent_bg_color .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct input.disabled-spinner.b-h-ip.ctb-reciperipper-url, .ctb_transparent_bg_color .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .x-form-field-wrap input.disabled-spinner.b-h-ip.ctb-reciperipper-url, .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row input.x-form-field.disabled-spinner.r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .x-form-field-wrap input.x-form-field.disabled-spinner.r-ip, .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ctb_transparent_bg_color input.disabled-spinner.r-ip.ctb-reciperipper-url, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ctb_transparent_bg_color .x-form-field-wrap input.disabled-spinner.r-ip.ctb-reciperipper-url, .x-form-field-wrap .ctb_transparent_bg_color .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row input.disabled-spinner.r-ip.ctb-reciperipper-url, .ctb_transparent_bg_color .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .x-form-field-wrap input.disabled-spinner.r-ip.ctb-reciperipper-url, .x-form-field-wrap .b-bd-fh .b-bd-fh-cell input.x-form-field.disabled-spinner.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell .x-form-field-wrap input.x-form-field.disabled-spinner.b-bd-fh-input, .x-form-field-wrap .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r input.x-form-field.disabled-spinner.bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .x-form-field-wrap input.x-form-field.disabled-spinner.bd-r-ip, .x-form-field-wrap .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ctb_transparent_bg_color input.disabled-spinner.bd-r-ip.ctb-reciperipper-url, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ctb_transparent_bg_color .x-form-field-wrap input.disabled-spinner.bd-r-ip.ctb-reciperipper-url, .x-form-field-wrap .ctb_transparent_bg_color .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r input.disabled-spinner.bd-r-ip.ctb-reciperipper-url, .ctb_transparent_bg_color .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .x-form-field-wrap input.disabled-spinner.bd-r-ip.ctb-reciperipper-url {
    width: calc(100% - 11px) !important; }
  .x-form-field-wrap input.x-form-text.grid-search-field, .x-form-field-wrap .ctb_transparent_bg_color input.grid-search-field.ctb-reciperipper-url, .ctb_transparent_bg_color .x-form-field-wrap input.grid-search-field.ctb-reciperipper-url, .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct input.grid-search-field.b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .x-form-field-wrap input.grid-search-field.b-h-ip, .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row input.grid-search-field.r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .x-form-field-wrap input.grid-search-field.r-ip, .x-form-field-wrap .b-bd-fh .b-bd-fh-cell input.grid-search-field.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell .x-form-field-wrap input.grid-search-field.b-bd-fh-input, .x-form-field-wrap .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r input.grid-search-field.bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .x-form-field-wrap input.grid-search-field.bd-r-ip {
    width: calc(100% - 45px) !important; }
  .x-form-field-wrap img.x-form-trigger {
    background-color: unset !important;
    border-radius: 5px; }
  .x-form-field-wrap:hover {
    box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
  .x-form-field-wrap .x-form-trigger {
    height: 32px !important;
    width: 32px;
    border: none !important;
    background: url("../../images/themes/light/ic-arrow-drop-down-secondary.svg") center;
    background-repeat: no-repeat;
    background-color: transparent;
    right: 0.5px; }
    .x-form-field-wrap .x-form-trigger.x-form-search-trigger {
      background-image: url("../../images/themes/light/ic-search.svg");
      background-position: center; }
    .x-form-field-wrap .x-form-trigger.x-form-clear-trigger {
      border: none;
      background: #FFFFFF url("../../images/themes/light/ic-delete.svg") center;
      background-repeat: no-repeat; }
    .x-form-field-wrap .x-form-trigger.x-form-spinner-trigger {
      background: #F1F1F1 url("../../images/themes/dark/bg-sort-arrows-couple-pointing-up-and-down.svg") center;
      background-repeat: no-repeat;
      right: -3px; }
      .x-form-field-wrap .x-form-trigger.x-form-spinner-trigger.x-form-trigger-over {
        background-position: center !important;
        border-bottom: none; }
    .x-form-field-wrap .x-form-trigger.x-form-date-trigger {
      background: #F1F1F1 url("../../images/themes/light/calendar-icon.svg") center;
      background-repeat: no-repeat;
      background-position-y: 3px; }
      .x-form-field-wrap .x-form-trigger.x-form-date-trigger.x-form-trigger-over {
        background-position-y: 3px !important; }
    .x-form-field-wrap .x-form-trigger.x-form-trigger-over {
      background-position: center !important; }
  .x-form-field-wrap .x-form-file {
    position: absolute;
    right: 0;
    opacity: 0;
    z-index: 2;
    height: 22px; }
  .x-form-field-wrap .x-form-file-btn {
    position: absolute;
    right: -3px;
    top: -3px;
    z-index: 1; }
  .x-form-field-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777; }
  .x-form-field-wrap .x-form-spinner-splitter {
    background-image: unset;
    display: none !important; }
  .x-form-field-wrap .x-form-text.x-form-spinner-trigger-hide, .x-form-field-wrap .ctb_transparent_bg_color .x-form-spinner-trigger-hide.ctb-reciperipper-url, .ctb_transparent_bg_color .x-form-field-wrap .x-form-spinner-trigger-hide.ctb-reciperipper-url, .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .x-form-spinner-trigger-hide.b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .x-form-field-wrap .x-form-spinner-trigger-hide.b-h-ip, .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .x-form-spinner-trigger-hide.r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .x-form-field-wrap .x-form-spinner-trigger-hide.r-ip, .x-form-field-wrap .b-bd-fh .b-bd-fh-cell input.x-form-spinner-trigger-hide.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell .x-form-field-wrap input.x-form-spinner-trigger-hide.b-bd-fh-input, .x-form-field-wrap .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .x-form-spinner-trigger-hide.bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .x-form-field-wrap .x-form-spinner-trigger-hide.bd-r-ip {
    padding: unset;
    width: 0px; }

textarea.x-form-field, .ctb_transparent_bg_color textarea.ctb-reciperipper-url {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  color: #1B1A1A;
  transition: box-shadow 0.2s; }
  textarea.x-form-field:hover, .ctb_transparent_bg_color textarea.ctb-reciperipper-url:hover {
    box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
  textarea.x-form-field::-webkit-scrollbar, .ctb_transparent_bg_color textarea.ctb-reciperipper-url::-webkit-scrollbar {
    width: 6px;
    height: 6px; }
  textarea.x-form-field::-webkit-scrollbar-thumb, .ctb_transparent_bg_color textarea.ctb-reciperipper-url::-webkit-scrollbar-thumb {
    background-color: #d7d7d7;
    border-radius: 5px; }

/* .x-html-editor-wrap {
    background-color: unset;
    border-color: $border-color-primary;

    iframe {
        body {
            background: $color-3rd !important;
        }
    }
} */
.x-toolbar td, .x-toolbar span, .x-toolbar div, .x-toolbar label {
  color: #1B1A1A;
  font-family: "Roboto Medium", arial, helvetica, sans-serif; }

.x-form-item label.x-form-item-label {
  margin-top: 7px; }

.x-item-disabled {
  color: #1B1A1A !important;
  box-shadow: none !important; }
  .x-item-disabled input {
    color: #1B1A1A !important; }

form.x-panel-body input:not(input[type="checkbox"]), form.x-panel-body textarea {
  transition: box-shadow 0.2s;
  border-radius: 5px; }
  form.x-panel-body input:not(input[type="checkbox"]).x-form-field, form.x-panel-body .ctb_transparent_bg_color input.ctb-reciperipper-url:not(input[type="checkbox"]), .ctb_transparent_bg_color form.x-panel-body input.ctb-reciperipper-url:not(input[type="checkbox"]), form.x-panel-body textarea.x-form-field, form.x-panel-body .ctb_transparent_bg_color textarea.ctb-reciperipper-url, .ctb_transparent_bg_color form.x-panel-body textarea.ctb-reciperipper-url {
    font-size: 12px;
    border: 1px solid #d9d9d9;
    background-color: #FFFFFF; }
    form.x-panel-body input:not(input[type="checkbox"]).x-form-field:hover, form.x-panel-body .ctb_transparent_bg_color input.ctb-reciperipper-url:not(input[type="checkbox"]):hover, .ctb_transparent_bg_color form.x-panel-body input.ctb-reciperipper-url:not(input[type="checkbox"]):hover, form.x-panel-body textarea.x-form-field:hover, form.x-panel-body .ctb_transparent_bg_color textarea.ctb-reciperipper-url:hover, .ctb_transparent_bg_color form.x-panel-body textarea.ctb-reciperipper-url:hover {
      box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }

form.x-panel-body input[type="checkbox"] {
  border-radius: unset; }

form.x-panel-body .x-form-field-wrap input.x-form-field, form.x-panel-body .x-form-field-wrap .ctb_transparent_bg_color input.ctb-reciperipper-url, .ctb_transparent_bg_color form.x-panel-body .x-form-field-wrap input.ctb-reciperipper-url {
  border: none; }

.x-form-checkbox, .x-form-radio {
  border: none !important; }

label {
  font-weight: 500; }

textarea:read-only, input:read-only {
  box-shadow: none !important; }

.ext-mb-input {
  font-family: "Roboto Standard", arial, helvetica, sans-serif; }

textarea.ext-mb-textarea::-webkit-scrollbar {
  width: 6px;
  height: 6px; }

textarea.ext-mb-textarea::-webkit-scrollbar-thumb {
  background-color: #d7d7d7;
  border-radius: 5px; }

.upload-file-dialog-custom .x-form-field-wrap .x-form-file {
  height: 32px; }

.ext-strict .x-grid-panel, .ext-strict .x-treegrid {
  /* .x-panel-ml {
            .x-panel-body {
                margin-left: 5px;
            }
        } */ }
  .ext-strict .x-grid-panel td.sort-desc *.x-grid3-hd-inner,
  .ext-strict .x-grid-panel td.sort-asc *.x-grid3-hd-inner,
  .ext-strict .x-grid-panel td.x-grid3-hd-over *.x-grid3-hd-inner,
  .ext-strict .x-grid-panel td.x-grid3-hd-menu-open *.x-grid3-hd-inner, .ext-strict .x-treegrid td.sort-desc *.x-grid3-hd-inner,
  .ext-strict .x-treegrid td.sort-asc *.x-grid3-hd-inner,
  .ext-strict .x-treegrid td.x-grid3-hd-over *.x-grid3-hd-inner,
  .ext-strict .x-treegrid td.x-grid3-hd-menu-open *.x-grid3-hd-inner {
    background-color: #FFFFFF !important; }
  .ext-strict .x-grid-panel .x-panel-bwrap, .ext-strict .x-treegrid .x-panel-bwrap {
    padding-left: 5px; }
  .ext-strict .x-grid-panel .x-panel-tbar .x-toolbar-ct, .ext-strict .x-treegrid .x-panel-tbar .x-toolbar-ct {
    margin-left: -5px; }
  .ext-strict .x-grid-panel .x-panel-tbar .grid-tbar-text, .ext-strict .x-treegrid .x-panel-tbar .grid-tbar-text {
    position: relative;
    top: -5px;
    left: 5px; }
  .ext-strict .x-grid-panel .x-panel-tbar .x-btn-text, .ext-strict .x-grid-panel .x-panel-tbar .ctb-anchor-btn, .ext-strict .x-grid-panel .x-panel-tbar .btn-sm-row, .ext-strict .x-grid-panel .x-panel-tbar .ctb_btn_default_sm, .ext-strict .x-grid-panel .x-panel-tbar .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-panel-tbar .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-grid-panel .x-panel-tbar .x-btn-text, .ext-strict .x-grid-panel .x-panel-tbar .x-date-mp .x-date-mp-ok, .x-date-mp .ext-strict .x-grid-panel .x-panel-tbar .x-date-mp-ok, .ext-strict .x-grid-panel .x-panel-tbar .x-date-mp .x-date-mp-cancel, .x-date-mp .ext-strict .x-grid-panel .x-panel-tbar .x-date-mp-cancel, .ext-strict .x-grid-panel .x-panel-tbar #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .ext-strict .x-grid-panel .x-panel-tbar .outlet-node, .ext-strict .x-grid-panel .x-panel-tbar #pnl_CycleMenu .xbutton, #pnl_CycleMenu .ext-strict .x-grid-panel .x-panel-tbar .xbutton, .ext-strict .x-grid-panel .x-panel-tbar .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict .x-grid-panel .x-panel-tbar .ctb-btn, .ext-strict .x-treegrid .x-panel-tbar .x-btn-text, .ext-strict .x-treegrid .x-panel-tbar .ctb-anchor-btn, .ext-strict .x-treegrid .x-panel-tbar .btn-sm-row, .ext-strict .x-treegrid .x-panel-tbar .ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-treegrid .x-panel-tbar .x-btn-text, .ext-strict .x-treegrid .x-panel-tbar .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-panel-tbar .x-btn-text, .ext-strict .x-treegrid .x-panel-tbar .x-date-mp .x-date-mp-ok, .x-date-mp .ext-strict .x-treegrid .x-panel-tbar .x-date-mp-ok, .ext-strict .x-treegrid .x-panel-tbar .x-date-mp .x-date-mp-cancel, .x-date-mp .ext-strict .x-treegrid .x-panel-tbar .x-date-mp-cancel, .ext-strict .x-treegrid .x-panel-tbar #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .ext-strict .x-treegrid .x-panel-tbar .outlet-node, .ext-strict .x-treegrid .x-panel-tbar #pnl_CycleMenu .xbutton, #pnl_CycleMenu .ext-strict .x-treegrid .x-panel-tbar .xbutton, .ext-strict .x-treegrid .x-panel-tbar .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict .x-treegrid .x-panel-tbar .ctb-btn {
    background-color: #FFFFFF; }
  .ext-strict .x-grid-panel .x-panel-tbar .pr-btn, .ext-strict .x-treegrid .x-panel-tbar .pr-btn {
    padding-right: 0; }
  .ext-strict .x-grid-panel .x-panel-bbar, .ext-strict .x-treegrid .x-panel-bbar {
    /* .icon-paging-last {
                
            } */ }
    .ext-strict .x-grid-panel .x-panel-bbar .arraw-icon, .ext-strict .x-treegrid .x-panel-bbar .arraw-icon {
      display: inline-block;
      height: 24px !important;
      width: 24px !important;
      background-image: url("../../images/themes/light/arraw-icon.svg");
      background-repeat: no-repeat;
      background-size: cover; }
    .ext-strict .x-grid-panel .x-panel-bbar .arraw-icon.icon-ic-arrow-left, .ext-strict .x-treegrid .x-panel-bbar .arraw-icon.icon-ic-arrow-left {
      background-position: -0px -0px; }
    .ext-strict .x-grid-panel .x-panel-bbar .arraw-icon.icon-ic-arrow-right, .ext-strict .x-treegrid .x-panel-bbar .arraw-icon.icon-ic-arrow-right {
      background-position: -0px -24px; }
  .ext-strict .x-grid-panel .x-panel-tl .x-panel-header-text, .ext-strict .x-treegrid .x-panel-tl .x-panel-header-text {
    margin-bottom: 20px;
    line-height: 18px; }
  .ext-strict .x-grid-panel .x-panel-header, .ext-strict .x-treegrid .x-panel-header {
    font-size: 18px;
    font-weight: normal;
    font-family: "Roboto Medium", arial, helvetica, sans-serif; }
  .ext-strict .x-grid-panel .x-grid3, .ext-strict .x-treegrid .x-grid3 {
    border: 1px solid #d9d9d9 !important;
    border-radius: 5px;
    background-color: transparent;
    /***********************************************
            For dropdownlist with checkbox
            ***********************************************/
    /*  .x-panel-body {
                margin-bottom: 10px;
            } */ }
    .ext-strict .x-grid-panel .x-grid3 .simplebar-content, .ext-strict .x-treegrid .x-grid3 .simplebar-content {
      background-color: #FFFFFF; }
    .ext-strict .x-grid-panel .x-grid3 .simplebar-track.vertical, .ext-strict .x-treegrid .x-grid3 .simplebar-track.vertical {
      background-color: #FFFFFF; }
    .ext-strict .x-grid-panel .x-grid3 .x-form-text, .ext-strict .x-grid-panel .x-grid3 .ctb_transparent_bg_color .ctb-reciperipper-url, .ctb_transparent_bg_color .ext-strict .x-grid-panel .x-grid3 .ctb-reciperipper-url, .ext-strict .x-grid-panel .x-grid3 .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ext-strict .x-grid-panel .x-grid3 .b-h-ip, .ext-strict .x-grid-panel .x-grid3 .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ext-strict .x-grid-panel .x-grid3 .r-ip, .ext-strict .x-grid-panel .x-grid3 .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell .ext-strict .x-grid-panel .x-grid3 input.b-bd-fh-input, .ext-strict .x-grid-panel .x-grid3 .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ext-strict .x-grid-panel .x-grid3 .bd-r-ip, .ext-strict .x-treegrid .x-grid3 .x-form-text, .ext-strict .x-treegrid .x-grid3 .ctb_transparent_bg_color .ctb-reciperipper-url, .ctb_transparent_bg_color .ext-strict .x-treegrid .x-grid3 .ctb-reciperipper-url, .ext-strict .x-treegrid .x-grid3 .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ext-strict .x-treegrid .x-grid3 .b-h-ip, .ext-strict .x-treegrid .x-grid3 .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ext-strict .x-treegrid .x-grid3 .r-ip, .ext-strict .x-treegrid .x-grid3 .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell .ext-strict .x-treegrid .x-grid3 input.b-bd-fh-input, .ext-strict .x-treegrid .x-grid3 .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ext-strict .x-treegrid .x-grid3 .bd-r-ip {
      font-size: 12px; }
    .ext-strict .x-grid-panel .x-grid3 .x-grid3-body .x-grid3-td-expander, .ext-strict .x-treegrid .x-grid3 .x-grid3-body .x-grid3-td-expander {
      background-image: unset;
      background-position: 10px 6px;
      vertical-align: top; }
    .ext-strict .x-grid-panel .x-grid3 .x-grid3-row-checker,
    .ext-strict .x-grid-panel .x-grid3 .x-grid3-hd-checker, .ext-strict .x-treegrid .x-grid3 .x-grid3-row-checker,
    .ext-strict .x-treegrid .x-grid3 .x-grid3-hd-checker {
      background-image: url("../../images/themes/light/ic-uncheck.svg");
      background-position: center;
      width: 20px;
      height: 24px; }
    .ext-strict .x-grid-panel .x-grid3 .x-grid3-hd .x-grid3-hd-checker, .ext-strict .x-grid-panel .x-grid3 .x-grid3-gcell .x-grid3-hd-checker, .ext-strict .x-treegrid .x-grid3 .x-grid3-hd .x-grid3-hd-checker, .ext-strict .x-treegrid .x-grid3 .x-grid3-gcell .x-grid3-hd-checker {
      background-image: none; }
    .ext-strict .x-grid-panel .x-grid3 .x-grid3-hd .x-grid3-hd-checker .x-grid3-hd-checker, .ext-strict .x-treegrid .x-grid3 .x-grid3-hd .x-grid3-hd-checker .x-grid3-hd-checker {
      background-image: url("../../images/themes/light/ic-uncheck.svg"); }
    .ext-strict .x-grid-panel .x-grid3 .x-grid3-row-selected, .ext-strict .x-treegrid .x-grid3 .x-grid3-row-selected {
      background-color: #FFFFFF !important; }
      .ext-strict .x-grid-panel .x-grid3 .x-grid3-row-selected .x-grid3-td-checker, .ext-strict .x-treegrid .x-grid3 .x-grid3-row-selected .x-grid3-td-checker {
        background-image: none; }
      .ext-strict .x-grid-panel .x-grid3 .x-grid3-row-selected .x-grid3-row-checker, .ext-strict .x-treegrid .x-grid3 .x-grid3-row-selected .x-grid3-row-checker {
        background-position: 3px 8px;
        background-image: url("../../images/themes/dtp/ic-checked.svg"); }
    .ext-strict .x-grid-panel .x-grid3 .x-grid3-row-selected:not(.grid-row-readonly) .x-grid3-row-table, .ext-strict .x-treegrid .x-grid3 .x-grid3-row-selected:not(.grid-row-readonly) .x-grid3-row-table {
      background-color: #F1F1F1 !important; }
    .ext-strict .x-grid-panel .x-grid3 .x-grid3-cell.ctb-cell-silver, .ext-strict .x-treegrid .x-grid3 .x-grid3-cell.ctb-cell-silver {
      background-color: unset; }
    .ext-strict .x-grid-panel .x-grid3 .x-grid3-hd-over .x-grid3-hd-inner, .ext-strict .x-treegrid .x-grid3 .x-grid3-hd-over .x-grid3-hd-inner {
      background-color: transparent !important; }
    .ext-strict .x-grid-panel .x-grid3 .x-grid3-row, .ext-strict .x-treegrid .x-grid3 .x-grid3-row {
      background-color: #FFFFFF !important;
      border-left: 5px solid #FFFFFF !important;
      border-right: 5px solid #FFFFFF !important;
      border-bottom: 5px solid #FFFFFF !important;
      /* &.ctb-row-success {
                    .x-grid3-row-table {
                        background-color: $color-success; 
                    }
                } */
      /* .x-grid3-row-selected .x-grid3-row-checker,
                .x-grid3-row-checked .x-grid3-row-checker {
                    background-position: 2px 3px;
                    background-image: none;
                } */
      /* font {
                    color: $color-contrast-primary !important;
                } */ }
      .ext-strict .x-grid-panel .x-grid3 .x-grid3-row td, .ext-strict .x-treegrid .x-grid3 .x-grid3-row td {
        padding-right: 0; }
      .ext-strict .x-grid-panel .x-grid3 .x-grid3-row.x-grid3-row-first, .ext-strict .x-treegrid .x-grid3 .x-grid3-row.x-grid3-row-first {
        border-top: 5px solid #FFFFFF !important; }
      .ext-strict .x-grid-panel .x-grid3 .x-grid3-row:first-child, .ext-strict .x-treegrid .x-grid3 .x-grid3-row:first-child {
        border-top: 5px solid #FFFFFF !important; }
      .ext-strict .x-grid-panel .x-grid3 .x-grid3-row:hover .x-grid3-row-table, .ext-strict .x-treegrid .x-grid3 .x-grid3-row:hover .x-grid3-row-table {
        background-color: #F1F1F1; }
      .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table {
        background-color: #F6F6F6;
        color: #1B1A1A;
        border-radius: 5px; }
        .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .ctb-anchor-btn, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .btn-sm-row, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-date-mp .x-date-mp-ok, .x-date-mp .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-date-mp-ok, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-date-mp .x-date-mp-cancel, .x-date-mp .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-date-mp-cancel, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .outlet-node, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table #pnl_CycleMenu .xbutton, #pnl_CycleMenu .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .xbutton, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .ctb-btn, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .ctb-anchor-btn, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .btn-sm-row, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .ctb_btn_default_sm, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-date-mp .x-date-mp-ok, .x-date-mp .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-date-mp-ok, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-date-mp .x-date-mp-cancel, .x-date-mp .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-date-mp-cancel, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .outlet-node, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table #pnl_CycleMenu .xbutton, #pnl_CycleMenu .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .xbutton, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .ctb-btn {
          height: 22px; }
        .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .ctb-inner-grid.x-grid-panel .x-grid3 .simplebar-content, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .ctb-inner-grid.x-grid-panel .x-grid3 .simplebar-content {
          background-color: #FFFFFF; }
        .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .ctb-inner-grid.x-grid-panel .x-panel-body.x-panel-body-noheader, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .ctb-inner-grid.x-grid-panel .x-panel-body.x-panel-body-noheader {
          height: 100% !important; }
        .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .checkbox-21, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-check-box-21-checked, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-check-box-21-unchecked, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-grid3-check-col-on, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-grid3-check-col, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .checkbox-21, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-check-box-21-checked, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-check-box-21-unchecked, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-grid3-check-col-on, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-grid3-check-col {
          background-repeat: no-repeat;
          width: 20px;
          height: 24px; }
        .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-check-box-21-checked, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-check-box-21-checked {
          background-image: url("../../images/themes/dtp/ic-checked.svg"); }
        .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-check-box-21-unchecked, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-check-box-21-unchecked {
          background-image: url("../../images/themes/light/ic-uncheck.svg"); }
        .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-grid3-check-col-on, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-grid3-check-col-on {
          background-image: url("../../images/themes/dtp/ic-checked.svg");
          margin-left: 20px; }
        .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-grid3-check-col, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-grid3-check-col {
          background-image: url("../../images/themes/light/ic-uncheck.svg");
          margin-left: 20px; }
        .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .ctb_btn_default_xsm, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .ctb_btn_default_xsm {
          margin-right: 5px; }
        .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .remove-purchasel-level, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .reject_stock_order, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .approval_stock_order, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .remove-purchasel-level, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .reject_stock_order, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .approval_stock_order {
          cursor: pointer;
          position: relative;
          float: left;
          width: 21px;
          height: 21px;
          background-size: 21px;
          background-repeat: no-repeat;
          background-position: center; }
        .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .remove-purchasel-level, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .remove-purchasel-level {
          background-image: url("../../images/themes/light/ic-circle-cross.svg"); }
        .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .reject_stock_order, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .reject_stock_order {
          background-image: url("../../images/themes/light/ic-circle-cross.svg"); }
        .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .approval_stock_order, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .approval_stock_order {
          background-image: url("../../images/themes/light/ic-circle-check.svg");
          margin-right: 15px; }
      .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-expander, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-expander {
        width: 22px;
        height: 30px; }
      .ext-strict .x-grid-panel .x-grid3 .x-grid3-row.ctb-child-rows-insame-grid .x-grid3-row-expander, .ext-strict .x-treegrid .x-grid3 .x-grid3-row.ctb-child-rows-insame-grid .x-grid3-row-expander {
        position: relative;
        top: 2px; }
      .ext-strict .x-grid-panel .x-grid3 .x-grid3-row.ctb-child-rows-insame-grid td, .ext-strict .x-treegrid .x-grid3 .x-grid3-row.ctb-child-rows-insame-grid td {
        font-weight: 500 !important; }
        .ext-strict .x-grid-panel .x-grid3 .x-grid3-row.ctb-child-rows-insame-grid td strong, .ext-strict .x-treegrid .x-grid3 .x-grid3-row.ctb-child-rows-insame-grid td strong {
          font-weight: 500 !important; }
      .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-selected, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-selected {
        background-image: none; }
      .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-checker, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-checker {
        margin-left: 10px; }
      .ext-strict .x-grid-panel .x-grid3 .x-grid3-row.x-grid3-row-collapsed .x-grid3-row-checker, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row.x-grid3-row-expanded .x-grid3-row-checker, .ext-strict .x-treegrid .x-grid3 .x-grid3-row.x-grid3-row-collapsed .x-grid3-row-checker, .ext-strict .x-treegrid .x-grid3 .x-grid3-row.x-grid3-row-expanded .x-grid3-row-checker {
        margin-left: 10px; }
      .ext-strict .x-grid-panel .x-grid3 .x-grid3-row.x-grid3-row-collapsed .x-grid3-row-expander, .ext-strict .x-treegrid .x-grid3 .x-grid3-row.x-grid3-row-collapsed .x-grid3-row-expander {
        background: url("../../images/themes/light/ic-plus.svg") center no-repeat;
        cursor: pointer; }
      .ext-strict .x-grid-panel .x-grid3 .x-grid3-row.x-grid3-row-expanded .x-grid3-row-expander, .ext-strict .x-treegrid .x-grid3 .x-grid3-row.x-grid3-row-expanded .x-grid3-row-expander {
        background: url("../../images/themes/light/ic-minus.svg") center no-repeat;
        background-position: center;
        cursor: pointer; }
      .ext-strict .x-grid-panel .x-grid3 .x-grid3-row td, .ext-strict .x-treegrid .x-grid3 .x-grid3-row td {
        vertical-align: middle; }
    .ext-strict .x-grid-panel .x-grid3 .x-grid3-cell-inner, .ext-strict .x-treegrid .x-grid3 .x-grid3-cell-inner {
      padding: 9px 3px 7px 5px; }
    .ext-strict .x-grid-panel .x-grid3 .x-grid3-row-alt .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row-alt .x-grid3-row-table .ctb-anchor-btn, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row-alt .x-grid3-row-table .btn-sm-row, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row-alt .x-grid3-row-table .ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row-alt .x-grid3-row-table .x-date-mp .x-date-mp-ok, .x-date-mp .ext-strict .x-grid-panel .x-grid3 .x-grid3-row-alt .x-grid3-row-table .x-date-mp-ok, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row-alt .x-grid3-row-table .x-date-mp .x-date-mp-cancel, .x-date-mp .ext-strict .x-grid-panel .x-grid3 .x-grid3-row-alt .x-grid3-row-table .x-date-mp-cancel, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row-alt .x-grid3-row-table #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .ext-strict .x-grid-panel .x-grid3 .x-grid3-row-alt .x-grid3-row-table .outlet-node, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row-alt .x-grid3-row-table #pnl_CycleMenu .xbutton, #pnl_CycleMenu .ext-strict .x-grid-panel .x-grid3 .x-grid3-row-alt .x-grid3-row-table .xbutton, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row-alt .x-grid3-row-table .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict .x-grid-panel .x-grid3 .x-grid3-row-alt .x-grid3-row-table .ctb-btn, .ext-strict .x-treegrid .x-grid3 .x-grid3-row-alt .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row-alt .x-grid3-row-table .ctb-anchor-btn, .ext-strict .x-treegrid .x-grid3 .x-grid3-row-alt .x-grid3-row-table .btn-sm-row, .ext-strict .x-treegrid .x-grid3 .x-grid3-row-alt .x-grid3-row-table .ctb_btn_default_sm, .ext-strict .x-treegrid .x-grid3 .x-grid3-row-alt .x-grid3-row-table .x-date-mp .x-date-mp-ok, .x-date-mp .ext-strict .x-treegrid .x-grid3 .x-grid3-row-alt .x-grid3-row-table .x-date-mp-ok, .ext-strict .x-treegrid .x-grid3 .x-grid3-row-alt .x-grid3-row-table .x-date-mp .x-date-mp-cancel, .x-date-mp .ext-strict .x-treegrid .x-grid3 .x-grid3-row-alt .x-grid3-row-table .x-date-mp-cancel, .ext-strict .x-treegrid .x-grid3 .x-grid3-row-alt .x-grid3-row-table #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .ext-strict .x-treegrid .x-grid3 .x-grid3-row-alt .x-grid3-row-table .outlet-node, .ext-strict .x-treegrid .x-grid3 .x-grid3-row-alt .x-grid3-row-table #pnl_CycleMenu .xbutton, #pnl_CycleMenu .ext-strict .x-treegrid .x-grid3 .x-grid3-row-alt .x-grid3-row-table .xbutton, .ext-strict .x-treegrid .x-grid3 .x-grid3-row-alt .x-grid3-row-table .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict .x-treegrid .x-grid3 .x-grid3-row-alt .x-grid3-row-table .ctb-btn {
      background-color: #FFFFFF; }
    .ext-strict .x-grid-panel .x-grid3 .x-grid3-td-checker,
    .ext-strict .x-grid-panel .x-grid3 .x-grid3-row-selected, .ext-strict .x-treegrid .x-grid3 .x-grid3-td-checker,
    .ext-strict .x-treegrid .x-grid3 .x-grid3-row-selected {
      background-image: unset; }
    .ext-strict .x-grid-panel .x-grid3 .x-grid3-viewport, .ext-strict .x-treegrid .x-grid3 .x-grid3-viewport {
      display: flex;
      flex-direction: column;
      height: 100%;
      border-radius: 5px; }
    .ext-strict .x-grid-panel .x-grid3 .x-grid3-row-selected .x-grid3-row-checker,
    .ext-strict .x-grid-panel .x-grid3 .x-grid3-row-checked .x-grid3-row-checker, .ext-strict .x-treegrid .x-grid3 .x-grid3-row-selected .x-grid3-row-checker,
    .ext-strict .x-treegrid .x-grid3 .x-grid3-row-checked .x-grid3-row-checker {
      background-position: 2px 3px; }
    .ext-strict .x-grid-panel .x-grid3 .x-grid3-hd-checker, .ext-strict .x-treegrid .x-grid3 .x-grid3-hd-checker {
      height: 31px;
      left: 12px; }
    .ext-strict .x-grid-panel .x-grid3 .x-grid-group .x-grid-group-hd, .ext-strict .x-treegrid .x-grid3 .x-grid-group .x-grid-group-hd {
      border-bottom: 0; }
      .ext-strict .x-grid-panel .x-grid3 .x-grid-group .x-grid-group-hd div.x-grid-group-title, .ext-strict .x-treegrid .x-grid3 .x-grid-group .x-grid-group-hd div.x-grid-group-title {
        color: #1B1A1A;
        font-family: "Roboto Medium", arial, helvetica, sans-serif;
        font-size: 12px;
        background: url("../../images/themes/light/ic-minus.svg") left 0px bottom 5px no-repeat;
        padding: 4px 4px 6px 25px;
        margin-left: 5px; }
        .ext-strict .x-grid-panel .x-grid3 .x-grid-group .x-grid-group-hd div.x-grid-group-title br, .ext-strict .x-treegrid .x-grid3 .x-grid-group .x-grid-group-hd div.x-grid-group-title br {
          content: ''; }
          .ext-strict .x-grid-panel .x-grid3 .x-grid-group .x-grid-group-hd div.x-grid-group-title br:after, .ext-strict .x-treegrid .x-grid3 .x-grid-group .x-grid-group-hd div.x-grid-group-title br:after {
            content: ' '; }
    .ext-strict .x-grid-panel .x-grid3 .x-grid-group.x-grid-group-collapsed div.x-grid-group-title, .ext-strict .x-treegrid .x-grid3 .x-grid-group.x-grid-group-collapsed div.x-grid-group-title {
      background: url("../../images/themes/light/ic-plus.svg") left 0px bottom 5px no-repeat; }
    .ext-strict .x-grid-panel .x-grid3 .ctb-dropdown a *, .ext-strict .x-grid-panel .x-grid3 .ctb-dropdown a:visited, .ext-strict .x-treegrid .x-grid3 .ctb-dropdown a *, .ext-strict .x-treegrid .x-grid3 .ctb-dropdown a:visited {
      color: #1B1A1A;
      line-height: 22px; }
    .ext-strict .x-grid-panel .x-grid3 .ctb-dropdown dd ul, .ext-strict .x-treegrid .x-grid3 .ctb-dropdown dd ul {
      padding: 0px;
      background: #F1F1F1;
      color: #1B1A1A; }
      .ext-strict .x-grid-panel .x-grid3 .ctb-dropdown dd ul li, .ext-strict .x-treegrid .x-grid3 .ctb-dropdown dd ul li {
        padding: 10px 3px;
        border-bottom: 1px solid #FFFFFF;
        cursor: pointer;
        font-size: 12px; }
  .ext-strict .x-grid-panel .x-grid3-header, .ext-strict .x-treegrid .x-grid3-header {
    background-color: #FFFFFF;
    color: #1B1A1A;
    font-size: 12px;
    border-bottom: 1px solid #d9d9d9;
    padding: 0; }
    .ext-strict .x-grid-panel .x-grid3-header:hover .x-grid3-hd-row td, .ext-strict .x-treegrid .x-grid3-header:hover .x-grid3-hd-row td {
      border-right: 1px solid #F1F1F1 !important; }
    .ext-strict .x-grid-panel .x-grid3-header td.x-grid3-hd-over, .ext-strict .x-treegrid .x-grid3-header td.x-grid3-hd-over {
      background: linear-gradient(#FFFFFF, #F2F1F2); }
      .ext-strict .x-grid-panel .x-grid3-header td.x-grid3-hd-over .x-grid3-hd-inner, .ext-strict .x-treegrid .x-grid3-header td.x-grid3-hd-over .x-grid3-hd-inner {
        background-color: transparent !important; }
    .ext-strict .x-grid-panel .x-grid3-header .x-grid3-hd-inner, .ext-strict .x-treegrid .x-grid3-header .x-grid3-hd-inner {
      padding-left: 7px; }
  .ext-strict .x-grid-panel .x-grid3-hd-row .x-grid3-cell, .ext-strict .x-treegrid .x-grid3-hd-row .x-grid3-cell {
    color: #1B1A1A !important;
    text-decoration: none !important; }
    .ext-strict .x-grid-panel .x-grid3-hd-row .x-grid3-cell .x-grid3-hd-inner, .ext-strict .x-treegrid .x-grid3-hd-row .x-grid3-cell .x-grid3-hd-inner {
      min-height: 20px;
      line-height: 20px;
      font-weight: normal; }
      .ext-strict .x-grid-panel .x-grid3-hd-row .x-grid3-cell .x-grid3-hd-inner a.x-grid3-hd-btn, .ext-strict .x-treegrid .x-grid3-hd-row .x-grid3-cell .x-grid3-hd-inner a.x-grid3-hd-btn {
        height: 15px !important;
        width: 15px;
        border-radius: 100%;
        border: 1px solid transparent;
        background-image: none;
        margin: 0 5px 0 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%); }
        .ext-strict .x-grid-panel .x-grid3-hd-row .x-grid3-cell .x-grid3-hd-inner a.x-grid3-hd-btn:after, .ext-strict .x-treegrid .x-grid3-hd-row .x-grid3-cell .x-grid3-hd-inner a.x-grid3-hd-btn:after {
          content: "";
          background: url("../../images/themes/light/icon-arrow-right.svg") no-repeat;
          display: inline-block;
          width: 15px;
          height: 15px;
          transform: rotate(90deg);
          background-size: 40%;
          background-position: 5px 3px; }
        .ext-strict .x-grid-panel .x-grid3-hd-row .x-grid3-cell .x-grid3-hd-inner a.x-grid3-hd-btn:hover, .ext-strict .x-treegrid .x-grid3-hd-row .x-grid3-cell .x-grid3-hd-inner a.x-grid3-hd-btn:hover {
          border: 1px solid #d9d9d9; }
  .ext-strict .x-grid-panel .x-grid3-hd-row td, .ext-strict .x-treegrid .x-grid3-hd-row td {
    color: #1B1A1A;
    font-size: 12px;
    font-family: "Roboto Medium", arial, helvetica, sans-serif;
    transition: border-right 0.3s;
    border-right: 1px solid transparent !important;
    padding: 6px 0;
    border: none; }
  .ext-strict .x-grid-panel .x-grid3-hd-inner, .ext-strict .x-treegrid .x-grid3-hd-inner {
    background-color: unset;
    margin-left: 3px; }
  .ext-strict .x-grid-panel *.x-props-grid *.x-grid3-body *.x-grid3-td-name, .ext-strict .x-treegrid *.x-props-grid *.x-grid3-body *.x-grid3-td-name {
    background-color: transparent !important;
    border-color: #d9d9d9; }
  .ext-strict .x-grid-panel *.x-props-grid *.x-grid3-td-name *.x-grid3-cell-inner, .ext-strict .x-treegrid *.x-props-grid *.x-grid3-td-name *.x-grid3-cell-inner {
    color: #1B1A1A !important;
    background-image: none !important; }

.ext-strict .x-grid-panel.ctb-no-bg-bbar .x-panel-bbar .x-toolbar-left .x-btn-text, .ext-strict .x-grid-panel.ctb-no-bg-bbar .x-panel-bbar .x-toolbar-left .ctb-anchor-btn, .ext-strict .x-grid-panel.ctb-no-bg-bbar .x-panel-bbar .x-toolbar-left .btn-sm-row, .ext-strict .x-grid-panel.ctb-no-bg-bbar .x-panel-bbar .x-toolbar-left .ctb_btn_default_sm, .ext-strict .x-grid-panel.ctb-no-bg-bbar .x-panel-bbar .x-toolbar-left .x-date-mp .x-date-mp-ok, .x-date-mp .ext-strict .x-grid-panel.ctb-no-bg-bbar .x-panel-bbar .x-toolbar-left .x-date-mp-ok, .ext-strict .x-grid-panel.ctb-no-bg-bbar .x-panel-bbar .x-toolbar-left .x-date-mp .x-date-mp-cancel, .x-date-mp .ext-strict .x-grid-panel.ctb-no-bg-bbar .x-panel-bbar .x-toolbar-left .x-date-mp-cancel, .ext-strict .x-grid-panel.ctb-no-bg-bbar .x-panel-bbar .x-toolbar-left #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .ext-strict .x-grid-panel.ctb-no-bg-bbar .x-panel-bbar .x-toolbar-left .outlet-node, .ext-strict .x-grid-panel.ctb-no-bg-bbar .x-panel-bbar .x-toolbar-left #pnl_CycleMenu .xbutton, #pnl_CycleMenu .ext-strict .x-grid-panel.ctb-no-bg-bbar .x-panel-bbar .x-toolbar-left .xbutton, .ext-strict .x-grid-panel.ctb-no-bg-bbar .x-panel-bbar .x-toolbar-left .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict .x-grid-panel.ctb-no-bg-bbar .x-panel-bbar .x-toolbar-left .ctb-btn, .ext-strict .x-grid-panel.ctb-no-bg-bbar .x-panel-bbar .x-toolbar-left .x-btn-icon-small-left .x-btn-mc {
  background-color: transparent;
  box-shadow: none; }

.ext-strict .grid-panel-toggle {
  /* .x-panel-header-text {
            color: $color-contrast-primary;
        } */ }
  .ext-strict .grid-panel-toggle .x-panel-header {
    background-image: none;
    border: none;
    font-size: 22px;
    font-weight: 500;
    background: none; }
  .ext-strict .grid-panel-toggle .x-panel-header .x-tool {
    background-image: url("../../images/themes/light/grid-collapse-arrow.svg") !important;
    width: 18px;
    height: 18px; }

.ext-strict .x-grid3-hd-checker-on .x-grid3-hd-checker {
  background-image: url("../../images/themes/dtp/ic-checked.svg") !important; }

.ext-strict .x-grid3-col-receivingOrderType .normal-order {
  background-color: #d9d9d9; }

.ext-strict .x-grid3-col-receivingOrderType .requisition-in {
  background-color: #4370b7;
  color: #FFFFFF; }

.ext-strict .x-grid3-col-receivingOrderType .pdf-invoice {
  background-color: #e24f44;
  color: #FFFFFF; }

.ext-strict .x-grid3-col-receivingOrderType .normal-order-parked {
  background-color: #d66834; }

.ext-strict .x-grid3-col-receivingOrderType .e-invoice-parked {
  background-color: #d66834; }

.ext-strict .x-grid3-col-receivingOrderType .e-invoice {
  background-color: #e24f44; }

.ext-strict .x-grid3-col-receivingOrderType .e-credit-note {
  background-color: #b2de86;
  color: #F1F1F1; }

.ext-strict .x-grid3-col-receivingOrderType .e-credit-note-received {
  background-color: #549363; }

.ext-strict .x-grid3-col-receivingOrderType .split-order {
  background-color: #d66834; }

.ext-strict .x-grid3-col-receivingOrderType .incomplete-invoice {
  background-color: #fea300; }

.ext-strict #grid_Statement .x-grid3-row-expander {
  margin-top: 2px; }

.ext-strict .icon-check-box-checked {
  background-image: url("../../images/themes/dtp/ic-checked.svg") !important; }

.ext-strict .icon-check-box-unchecked {
  background-image: url("../../images/themes/light/ic-uncheck.svg") !important; }

.ext-strict .cycle-menu-grid-view {
  /*.x-grid3-hd-no-label {
            display: none;

            ~ .x-ghf-filter-container {
                .x-form-item {
                    margin: 0;
                }
                .x-form-item:last-child {
                    margin-top: 1px;
                }
            }
        }*/ }
  .ext-strict .cycle-menu-grid-view .x-grid3-hd-inner {
    padding-top: 11px; }
  .ext-strict .cycle-menu-grid-view .x-ghf-filter-container .x-form-item {
    margin-bottom: 4px; }
  .ext-strict .cycle-menu-grid-view .x-grid3-hd-no-filter {
    margin-top: -23px; }
  .ext-strict .cycle-menu-grid-view .x-grid3-hd {
    vertical-align: top; }
  .ext-strict .cycle-menu-grid-view .fc-cycle-menu-grid-view-meal-plan {
    margin-top: -38px; }

*.xg-hmenu-sort-asc *.x-menu-item-icon {
  background-image: url("../../images/themes/light/icon-asc.svg");
  background-size: cover;
  top: 6px; }

*.xg-hmenu-sort-desc *.x-menu-item-icon {
  background-image: url("../../images/themes/light/icon-desc.svg");
  background-size: cover;
  top: 6px; }

*.x-cols-icon {
  background-image: url("../../images/themes/light/icon-column.svg");
  background-size: cover;
  top: 6px; }

*.x-group-by-icon {
  background-image: url("../../images/themes/light/ic-group-by.svg");
  background-size: cover;
  top: 6px;
  position: relative;
  float: left;
  margin-right: 10px; }

.title-panel > .x-panel-tl .x-panel-tr {
  padding-right: 0; }
  .title-panel > .x-panel-tl .x-panel-tr .x-panel-header {
    padding: 0; }
    .title-panel > .x-panel-tl .x-panel-tr .x-panel-header .x-panel-header-text {
      background: linear-gradient(#FFFFFF, #F2F1F2);
      padding: 15px 0px 15px 15px;
      margin-left: 0;
      margin-bottom: 10px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      border-bottom: 1px solid #d9d9d9; }

.raise-grid {
  background-color: #FFFFFF;
  border: 1px solid #d9d9d9;
  border-radius: 5px !important;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); }
  .raise-grid > .x-panel-tl .x-panel-tr {
    padding-right: 0; }
    .raise-grid > .x-panel-tl .x-panel-tr .x-panel-header {
      padding: 0; }
      .raise-grid > .x-panel-tl .x-panel-tr .x-panel-header .x-panel-header-text {
        background: linear-gradient(#FFFFFF, #F2F1F2);
        padding: 15px 0px 15px 15px;
        margin-left: 0;
        margin-bottom: 10px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom: 1px solid #d9d9d9; }
  .raise-grid .x-panel-tbar {
    width: calc(100% - 20px) !important;
    margin-left: 10px; }
    .raise-grid .x-panel-tbar .x-toolbar::-webkit-scrollbar {
      background-color: transparent; }
    .raise-grid .x-panel-tbar .x-toolbar .x-toolbar-right {
      padding-right: 10px; }
    .raise-grid .x-panel-tbar .x-toolbar .x-toolbar-cell .pr-btn {
      padding-right: 0; }
  .raise-grid .paging-toolbar {
    margin-left: 10px; }
    .raise-grid .paging-toolbar .x-toolbar-right {
      display: block;
      margin-right: 10px; }

.raise-tab-panel {
  background-color: #FFFFFF;
  border-radius: 5px !important;
  border: 1px solid #d9d9d9;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); }
  .raise-tab-panel > .x-panel-tl .x-panel-tr {
    padding-right: 0; }
    .raise-tab-panel > .x-panel-tl .x-panel-tr .x-panel-header {
      padding: 0; }
      .raise-tab-panel > .x-panel-tl .x-panel-tr .x-panel-header .x-panel-header-text {
        background: linear-gradient(#FFFFFF, #F2F1F2);
        padding: 15px 0px 15px 15px;
        margin-left: 0;
        margin-bottom: 10px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom: 1px solid #d9d9d9; }

.raise-panel {
  background-color: #FFFFFF;
  border-radius: 5px !important;
  border: 1px solid #d9d9d9; }
  .raise-panel > .x-panel-header {
    padding: 0; }
    .raise-panel > .x-panel-header .x-panel-header-text {
      background: linear-gradient(#FFFFFF, #F2F1F2);
      padding: 10px 0px 10px 15px;
      margin-left: 0;
      margin-bottom: 0;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      border-bottom: 1px solid #d9d9d9; }
    .raise-panel > .x-panel-header .x-tool {
      padding: 10px 0px 10px 0px; }

.ext-strict .full-grid.x-grid-panel .x-panel-tbar .x-toolbar {
  padding: 2px 0px; }

.ext-strict .full-grid.x-grid-panel .x-panel-tbar .x-toolbar-ct {
  margin-left: 0px; }

.x-border-panel:not(.ctb-tab-panel) {
  /*&.raise-grid,*/ }
  .x-border-panel:not(.ctb-tab-panel).ctb-dialog-panel {
    border: 1px solid #d9d9d9; }

.x-window .raise-grid, .x-window .pnl-treeview, .x-window .raise-tab-panel {
  box-shadow: none !important; }

.not-raise-grid {
  padding: 0;
  box-shadow: none;
  background-color: transparent; }

.rotate-90d {
  transform: rotate(90deg);
  /* Safari */
  -webkit-transform: rotate(90deg);
  /* Firefox */
  -moz-transform: rotate(90deg);
  /* IE */
  -ms-transform: rotate(90deg);
  /* Opera */
  -o-transform: rotate(90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }

*.x-grid3-row-over {
  background-image: unset; }

@media only screen and (max-width: 1680px) {
  .ext-strict #pnl_StockMaintenance .x-grid-panel .x-grid3 .x-form-text, .ext-strict #pnl_StockMaintenance .x-grid-panel .x-grid3 .ctb_transparent_bg_color .ctb-reciperipper-url, .ctb_transparent_bg_color .ext-strict #pnl_StockMaintenance .x-grid-panel .x-grid3 .ctb-reciperipper-url, .ext-strict #pnl_StockMaintenance .x-grid-panel .x-grid3 .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ext-strict #pnl_StockMaintenance .x-grid-panel .x-grid3 .b-h-ip, .ext-strict #pnl_StockMaintenance .x-grid-panel .x-grid3 .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ext-strict #pnl_StockMaintenance .x-grid-panel .x-grid3 .r-ip, .ext-strict #pnl_StockMaintenance .x-grid-panel .x-grid3 .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell .ext-strict #pnl_StockMaintenance .x-grid-panel .x-grid3 input.b-bd-fh-input, .ext-strict #pnl_StockMaintenance .x-grid-panel .x-grid3 .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ext-strict #pnl_StockMaintenance .x-grid-panel .x-grid3 .bd-r-ip {
    font-size: 10px !important;
    padding-left: 4px; }
  .ext-strict #pnl_StockMaintenance .x-grid-panel .x-grid3 .x-grid3-hd-inner {
    font-size: 10px !important;
    text-overflow: unset; } }

@media only screen and (min-width: 1680px) and (max-width: 1920px) {
  .ext-strict #pnl_StockMaintenance .x-grid-panel .x-grid3 .x-form-text, .ext-strict #pnl_StockMaintenance .x-grid-panel .x-grid3 .ctb_transparent_bg_color .ctb-reciperipper-url, .ctb_transparent_bg_color .ext-strict #pnl_StockMaintenance .x-grid-panel .x-grid3 .ctb-reciperipper-url, .ext-strict #pnl_StockMaintenance .x-grid-panel .x-grid3 .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ext-strict #pnl_StockMaintenance .x-grid-panel .x-grid3 .b-h-ip, .ext-strict #pnl_StockMaintenance .x-grid-panel .x-grid3 .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ext-strict #pnl_StockMaintenance .x-grid-panel .x-grid3 .r-ip, .ext-strict #pnl_StockMaintenance .x-grid-panel .x-grid3 .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell .ext-strict #pnl_StockMaintenance .x-grid-panel .x-grid3 input.b-bd-fh-input, .ext-strict #pnl_StockMaintenance .x-grid-panel .x-grid3 .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ext-strict #pnl_StockMaintenance .x-grid-panel .x-grid3 .bd-r-ip {
    font-size: 11px !important;
    padding-left: 4px; }
  .ext-strict #pnl_StockMaintenance .x-grid-panel .x-grid3 .x-grid3-hd-inner {
    font-size: 11px !important;
    text-overflow: unset; } }

/* --------------------------------

Generated using nucleoapp.com

-------------------------------- */
.text-lable, #menu-sidebar-master:hover .vsm-collapsed #title-text::before, #menu-sidebar:hover .vsm-collapsed #title-text::before, #menu-sidebar-master .vsm-default #title-text::before, #menu-sidebar .vsm-default #title-text::before {
  position: absolute;
  display: block;
  width: 36px;
  font-size: 12px;
  text-align: left;
  top: 18px;
  width: 100px;
  left: 75px;
  font-family: "Roboto Medium", arial, helvetica, sans-serif;
  font-style: normal;
  color: #1B1A1A;
  text-transform: capitalize; }

#menu-sidebar-master, #menu-sidebar {
  position: absolute;
  height: 100vh;
  background-color: #FFFFFF;
  width: 75px;
  float: left;
  box-shadow: 6px 0 10px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.3s;
  top: 0px; }
  #menu-sidebar-master.menu-expanded, #menu-sidebar.menu-expanded {
    box-shadow: none; }
  #menu-sidebar-master:hover, #menu-sidebar:hover {
    width: 210px !important; }
    #menu-sidebar-master:hover .vsm-collapsed #title-text::before, #menu-sidebar:hover .vsm-collapsed #title-text::before {
      content: attr(label-text);
      top: 15px; }
  #menu-sidebar-master .vsm-default #title-text::before, #menu-sidebar .vsm-default #title-text::before {
    content: ""; }

#menu-sidebar {
  z-index: 2; }

.v-sidebar-menu {
  position: relative;
  background-color: #FFFFFF;
  z-index: 1;
  top: 80px; }
  .v-sidebar-menu .simplebar-track.horizontal {
    visibility: hidden !important; }
  .v-sidebar-menu .vsm-title {
    padding-left: 0px !important; }
  .v-sidebar-menu .vsm-mobile-bg {
    width: 200px;
    background-color: #F1F1F1;
    display: none; }
  .v-sidebar-menu .vsm-item.mobile-item {
    padding-top: 0px;
    padding-bottom: 4px;
    background-color: unset !important;
    display: none; }
    .v-sidebar-menu .vsm-item.mobile-item .vsm-link {
      display: none;
      background-color: #F1F1F1;
      font-weight: bold;
      width: 200px;
      height: 50px;
      transition: width 0.3s;
      transition-delay: 0.1s; }
    .v-sidebar-menu .vsm-item.mobile-item.open-item .open-arrow {
      display: none; }
    .v-sidebar-menu .vsm-item.mobile-item .vsm-icon.sb-icon {
      width: 75px !important;
      margin: 13px 0 13px 0 !important;
      background-color: #F1F1F1;
      border-radius: 0px; }
    .v-sidebar-menu .vsm-item.mobile-item .vsm-link {
      color: transparent; }
    .v-sidebar-menu .vsm-item.mobile-item .sb-icon {
      margin-top: 11px !important; }
      .v-sidebar-menu .vsm-item.mobile-item .sb-icon::before {
        top: 34px; }
  .v-sidebar-menu .collapse-btn {
    position: absolute;
    top: 15px;
    height: 50px;
    width: 50px;
    left: 12px;
    text-align: right;
    background-color: unset;
    border: 1px solid #d9d9d9;
    transition: box-shadow 0.2s;
    border-radius: 100%;
    top: -65px;
    padding: 0;
    margin: 0px;
    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.1); }
    .v-sidebar-menu .collapse-btn::after {
      background-image: url("../../images/themes/light/ic-collapse-menu.svg") !important;
      content: "";
      width: 16px;
      height: 14px;
      display: inline-block;
      background-repeat: no-repeat;
      position: absolute;
      top: 17px;
      left: 17px; }
    .v-sidebar-menu .collapse-btn span {
      font-size: 12px;
      padding-right: 6px; }
    .v-sidebar-menu .collapse-btn:hover {
      background-color: #F6F6F6; }
  .v-sidebar-menu .vsm-list {
    height: calc(100% - 32px); }
    .v-sidebar-menu .vsm-list:first-child {
      position: relative; }
  .v-sidebar-menu .vsm-dropdown {
    overflow: hidden !important;
    top: 0px !important;
    z-index: 9999;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; }
    .v-sidebar-menu .vsm-dropdown .vsm-list {
      top: 0px;
      background-color: unset !important;
      padding: 0px; }
      .v-sidebar-menu .vsm-dropdown .vsm-list .vsm-item .vsm-link {
        padding-left: 75px; }
        .v-sidebar-menu .vsm-dropdown .vsm-list .vsm-item .vsm-link .vsm-title {
          line-height: 26px;
          font-size: 12px;
          font-weight: 500; }
      .v-sidebar-menu .vsm-dropdown .vsm-list .vsm-item.active-item .vsm-link {
        color: #1B1A1A;
        background-color: transparent; }
      .v-sidebar-menu .vsm-dropdown .vsm-list:first-child {
        position: relative;
        top: 0 !important; }
  .v-sidebar-menu .vsm-item .vsm-link {
    padding: 0px;
    transition: none;
    -webkit-transition: none;
    color: #1B1A1A; }
    .v-sidebar-menu .vsm-item .vsm-link .vsm-icon {
      height: 24px !important;
      line-height: 24px !important;
      width: 26px !important;
      margin-bottom: 13px; }
    .v-sidebar-menu .vsm-item .vsm-link .vsm-title {
      font-size: 12px; }
      .v-sidebar-menu .vsm-item .vsm-link .vsm-title:hover {
        font-weight: 500; }
    .v-sidebar-menu .vsm-item .vsm-link .sb-icon {
      margin-left: 25px;
      margin-top: 13px; }
    .v-sidebar-menu .vsm-item .vsm-link span {
      padding: 12px; }
  .v-sidebar-menu .vsm-item .vsm-icon {
    margin-right: 24px;
    background-color: transparent !important; }
  .v-sidebar-menu .vsm-item .vsm-arrow {
    width: auto;
    right: 20px;
    top: 46%; }
  .v-sidebar-menu .vsm-item .vsm-arrow::after {
    content: url("../../images/themes/light/ic-arrow-drop-down-right.svg");
    display: block;
    width: 15px;
    height: 15px;
    position: relative;
    top: -4px; }
  .v-sidebar-menu .vsm-item .vsm-arrow.open-arrow::after {
    -webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    top: 3px !important;
    left: 0px; }
  .v-sidebar-menu .vsm-item.parent-active-item > .vsm-link {
    font-weight: normal; }
  .v-sidebar-menu .vsm-item.open-item > .vsm-link {
    font-weight: 500; }
  .v-sidebar-menu .vsm-item.parent-active-item .vsm-link,
  .v-sidebar-menu .vsm-item .vsm-dropdown .vsm-list .vsm-item.active-item .vsm-link, .v-sidebar-menu .vsm-item.parent-active-item .vsm-link,
  .v-sidebar-menu .vsm-item .parent-active-item.open-item .vsm-link {
    background-color: #f3ab00;
    color: #FFFFFF; }
  .v-sidebar-menu .vsm-item .vsm-link,
  .v-sidebar-menu .vsm-item .vsm-dropdown .vsm-list .vsm-item.active-item .vsm-link {
    transition: box-shadow 0.2s, padding-left 0.2s; }
  .v-sidebar-menu .vsm-item .vsm-dropdown .vsm-list .vsm-item .vsm-link {
    color: #1B1A1A;
    background-color: transparent; }
    .v-sidebar-menu .vsm-item .vsm-dropdown .vsm-list .vsm-item .vsm-link:hover {
      background-color: #f3ab00;
      color: #FFFFFF; }
  .v-sidebar-menu .vsm-item.active-item .sb-icon, .v-sidebar-menu .vsm-item.parent-active-item .sb-icon {
    background-image: url("../../images/themes/sidebar-menu-icons-active.svg"); }
  .v-sidebar-menu .vsm-item.active-item .vsm-arrow::after, .v-sidebar-menu .vsm-item.parent-active-item .vsm-arrow::after {
    content: url("../../images/themes/dark/ic-arrow-drop-down-right-active.svg");
    display: block;
    width: 15px;
    height: 15px;
    position: relative;
    top: -4px; }
  .v-sidebar-menu .vsm-item.active-item .vsm-title, .v-sidebar-menu .vsm-item.parent-active-item .vsm-title {
    font-weight: 500; }
  .v-sidebar-menu .vsm-item.active-item .vsm-link, .v-sidebar-menu .vsm-item.parent-active-item .vsm-link {
    font-weight: 500; }
  .v-sidebar-menu .vsm-item.first-item .vsm-link {
    line-height: 20px; }
  .v-sidebar-menu.vsm-default {
    z-index: 4;
    box-shadow: 4px 6px 6px rgba(0, 0, 0, 0.15); }
    .v-sidebar-menu.vsm-default .vsm-dropdown .vsm-list .vsm-item .vsm-link .vsm-title {
      padding-top: 12px !important;
      line-height: 27px; }
    .v-sidebar-menu.vsm-default .active-item {
      background-color: #f3ab00; }
      .v-sidebar-menu.vsm-default .active-item .vsm-title {
        color: #FFFFFF; }
    .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item > .vsm-link {
      color: #1B1A1A;
      background-color: #F1F1F1; }
    .v-sidebar-menu.vsm-default .vsm-item.first-item .vsm-link .vsm-icon.sb-icon::after {
      content: "" !important; }
    .v-sidebar-menu.vsm-default .vsm-link .vsm-arrow {
      border: 1px solid transparent; }
    .v-sidebar-menu.vsm-default .vsm-link:hover .vsm-arrow {
      border-radius: 100%;
      border: 1px solid #d9d9d9;
      background: #FFFFFF;
      top: 46%;
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); }
  .v-sidebar-menu .vsm-item.first-item.active-item > .vsm-link,
  .v-sidebar-menu .vsm-item.first-item.parent-active-item > .vsm-link {
    -webkit-box-shadow: none;
    box-shadow: none; }
  .v-sidebar-menu .vsm-arrow {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }

.v-sidebar-menu.vsm-collapsed {
  width: 100% !important; }
  .v-sidebar-menu.vsm-collapsed > div:nth-child(2) {
    width: 75px !important;
    height: 50px;
    background-color: transparent;
    transition: width 0.3s; }
  .v-sidebar-menu.vsm-collapsed:hover > div:nth-child(2) {
    width: 210px !important;
    background-color: #F6F6F6;
    z-index: unset !important; }
  .v-sidebar-menu.vsm-collapsed .collapse-btn {
    text-align: center; }
    .v-sidebar-menu.vsm-collapsed .collapse-btn span {
      padding-right: 0px; }
  .v-sidebar-menu.vsm-collapsed .vsm-list {
    width: 100%;
    padding-right: 0px;
    overflow: hidden;
    z-index: 31; }
    .v-sidebar-menu.vsm-collapsed .vsm-list .vsm-item.first-item.active-item {
      background-color: #f3ab00;
      color: #FFFFFF; }
      .v-sidebar-menu.vsm-collapsed .vsm-list .vsm-item.first-item.active-item .sb-icon {
        background-image: url("../../images/themes/sidebar-menu-icons-active.svg"); }
      .v-sidebar-menu.vsm-collapsed .vsm-list .vsm-item.first-item.active-item .vsm-arrow::after {
        content: url("../../images/themes/dark/ic-arrow-drop-down-right-active.svg");
        display: block;
        width: 15px;
        height: 15px;
        position: relative;
        top: -4px; }
      .v-sidebar-menu.vsm-collapsed .vsm-list .vsm-item.first-item.active-item .sb-icon::before {
        color: #FFFFFF !important;
        font-weight: 500; }
      .v-sidebar-menu.vsm-collapsed .vsm-list .vsm-item.first-item.active-item #title-text::before {
        color: #FFFFFF !important; }
    .v-sidebar-menu.vsm-collapsed .vsm-list .vsm-item.first-item.parent-active-item.open-item {
      background-color: #f3ab00;
      color: #FFFFFF; }
      .v-sidebar-menu.vsm-collapsed .vsm-list .vsm-item.first-item.parent-active-item.open-item .sb-icon {
        background-image: url("../../images/themes/sidebar-menu-icons-active.svg"); }
      .v-sidebar-menu.vsm-collapsed .vsm-list .vsm-item.first-item.parent-active-item.open-item .vsm-arrow::after {
        content: url("../../images/themes/dark/ic-arrow-drop-down-right-active.svg");
        display: block;
        width: 15px;
        height: 15px;
        position: relative;
        top: -4px; }
      .v-sidebar-menu.vsm-collapsed .vsm-list .vsm-item.first-item.parent-active-item.open-item #title-text::before {
        color: #FFFFFF !important; }
    .v-sidebar-menu.vsm-collapsed .vsm-list .vsm-item.first-item.parent-active-item #title-text::before {
      color: #FFFFFF !important; }
    .v-sidebar-menu.vsm-collapsed .vsm-list .vsm-item.first-item.parent-active-item .sb-icon::before {
      color: #FFFFFF !important; }
    .v-sidebar-menu.vsm-collapsed .vsm-list .vsm-item.first-item.open-item {
      color: #1B1A1A;
      background-color: transparent; }
      .v-sidebar-menu.vsm-collapsed .vsm-list .vsm-item.first-item.open-item .sb-icon {
        background-image: url("../../images/themes/light/sidebar-menu-icons.svg"); }
      .v-sidebar-menu.vsm-collapsed .vsm-list .vsm-item.first-item.open-item .vsm-arrow::after {
        content: url("../../images/themes/light/ic-arrow-drop-down-right.svg"); }
  .v-sidebar-menu.vsm-collapsed .vsm-dropdown {
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2); }
    .v-sidebar-menu.vsm-collapsed .vsm-dropdown .vsm-list {
      transition: box-shadow 0.3s, background-color 0.3s;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
      background-color: unset !important;
      transition-delay: 0.1s; }
      .v-sidebar-menu.vsm-collapsed .vsm-dropdown .vsm-list .vsm-item {
        background-color: #FFFFFF !important; }
        .v-sidebar-menu.vsm-collapsed .vsm-dropdown .vsm-list .vsm-item:hover .vsm-link, .v-sidebar-menu.vsm-collapsed .vsm-dropdown .vsm-list .vsm-item.active-item .vsm-link {
          box-shadow: inset 5px 0 0 0 #f3ab00;
          background-color: #F6F6F6;
          padding-left: 23px; }
          .v-sidebar-menu.vsm-collapsed .vsm-dropdown .vsm-list .vsm-item:hover .vsm-link .vsm-title, .v-sidebar-menu.vsm-collapsed .vsm-dropdown .vsm-list .vsm-item.active-item .vsm-link .vsm-title {
            padding-left: 5px !important;
            color: #FFFFFF; }
        .v-sidebar-menu.vsm-collapsed .vsm-dropdown .vsm-list .vsm-item.active-item .vsm-link {
          background-color: #F1F1F1; }
        .v-sidebar-menu.vsm-collapsed .vsm-dropdown .vsm-list .vsm-item .vsm-link {
          padding-left: 18px;
          color: #1B1A1A;
          height: 50px; }
          .v-sidebar-menu.vsm-collapsed .vsm-dropdown .vsm-list .vsm-item .vsm-link .vsm-title {
            font-size: 12px; }
  .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon {
    margin-right: 37px;
    color: #FFFFFF !important; }
  .v-sidebar-menu.vsm-collapsed .vsm-item:hover .vsm-link {
    background-color: #F6F6F6;
    color: transparent !important; }
  .v-sidebar-menu.vsm-collapsed .vsm-item:hover #title-text::before {
    color: #FFFFFF !important; }
  .v-sidebar-menu.vsm-collapsed .vsm-item.parent-active-item .vsm-link, .v-sidebar-menu.vsm-collapsed .vsm-item.active-item .vsm-link {
    color: transparent;
    background-color: #f3ab00; }

.v-sidebar-menu.vsm-default .vsm-item.first-item.open-item {
  background-color: #F1F1F1; }
  .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item .vsm-dropdown {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px; }
  .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.parent-active-item > .vsm-link, .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.active-item > .vsm-link {
    background-color: #f3ab00; }
    .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.parent-active-item > .vsm-link .vsm-icon.sb-icon, .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.active-item > .vsm-link .vsm-icon.sb-icon {
      background-image: url("../../images/themes/sidebar-menu-icons-active.svg"); }
      .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.parent-active-item > .vsm-link .vsm-icon.sb-icon.icon-admin::after, .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.parent-active-item > .vsm-link .vsm-icon.sb-icon.icon-yield-testing::after, .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.parent-active-item > .vsm-link .vsm-icon.sb-icon.icon-support::after, .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.parent-active-item > .vsm-link .vsm-icon.sb-icon.icon-stock::after, .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.parent-active-item > .vsm-link .vsm-icon.sb-icon.icon-revenue::after, .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.parent-active-item > .vsm-link .vsm-icon.sb-icon.icon-recipe-book::after, .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.parent-active-item > .vsm-link .vsm-icon.sb-icon.icon-menu-builder::after, .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.parent-active-item > .vsm-link .vsm-icon.sb-icon.icon-little-balck-book::after, .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.parent-active-item > .vsm-link .vsm-icon.sb-icon.icon-licence::after, .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.parent-active-item > .vsm-link .vsm-icon.sb-icon.icon-features::after, .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.parent-active-item > .vsm-link .vsm-icon.sb-icon.icon-budget::after, .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.parent-active-item > .vsm-link .vsm-icon.sb-icon.icon-captured::after, .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.active-item > .vsm-link .vsm-icon.sb-icon.icon-admin::after, .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.active-item > .vsm-link .vsm-icon.sb-icon.icon-yield-testing::after, .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.active-item > .vsm-link .vsm-icon.sb-icon.icon-support::after, .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.active-item > .vsm-link .vsm-icon.sb-icon.icon-stock::after, .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.active-item > .vsm-link .vsm-icon.sb-icon.icon-revenue::after, .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.active-item > .vsm-link .vsm-icon.sb-icon.icon-recipe-book::after, .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.active-item > .vsm-link .vsm-icon.sb-icon.icon-menu-builder::after, .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.active-item > .vsm-link .vsm-icon.sb-icon.icon-little-balck-book::after, .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.active-item > .vsm-link .vsm-icon.sb-icon.icon-licence::after, .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.active-item > .vsm-link .vsm-icon.sb-icon.icon-features::after, .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.active-item > .vsm-link .vsm-icon.sb-icon.icon-budget::after, .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.active-item > .vsm-link .vsm-icon.sb-icon.icon-captured::after {
        content: url("../../images/themes/dark/ic-arrow-drop-down-right-active.svg"); }
    .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.parent-active-item > .vsm-link .vsm-title, .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.active-item > .vsm-link .vsm-title {
      color: #FFFFFF; }
    .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.parent-active-item > .vsm-link:hover, .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.active-item > .vsm-link:hover {
      background-color: #f3ab00; }
      .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.parent-active-item > .vsm-link:hover .vsm-arrow, .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.active-item > .vsm-link:hover .vsm-arrow {
        background: #FFC438 !important;
        border: 1px solid #FFFFFF;
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); }
  .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item .vsm-dropdown .vsm-list .vsm-item:hover .vsm-title {
    color: #FFFFFF; }

.v-sidebar-menu.vsm-default .vsm-item.first-item:hover .vsm-link:hover {
  background-color: #F6F6F6; }
  .v-sidebar-menu.vsm-default .vsm-item.first-item:hover .vsm-link:hover .vsm-title {
    color: #FFFFFF; }

.v-sidebar-menu.vsm-default .vsm-item.first-item.active-item:hover .vsm-link:hover {
  background-color: #f3ab00; }

.v-sidebar-menu.vsm-default .vsm-item.parent-active-item:hover .vsm-link:hover {
  background-color: #f3ab00; }

.v-sidebar-menu .vsm-item .vsm-dropdown .vsm-list .vsm-item.active-item .vsm-link, .v-sidebar-menu .vsm-item .vsm-dropdown .vsm-list .vsm-item .v-sidebar-menu .vsm-item .parent-active-item.open-item .vsm-link {
  background-color: #F1F1F1;
  box-shadow: inset 5px 0 0 0 #f3ab00;
  padding-left: 80px; }
  .v-sidebar-menu .vsm-item .vsm-dropdown .vsm-list .vsm-item.active-item .vsm-link .vsm-title, .v-sidebar-menu .vsm-item .vsm-dropdown .vsm-list .vsm-item .v-sidebar-menu .vsm-item .parent-active-item.open-item .vsm-link .vsm-title {
    color: #FFFFFF; }

.v-sidebar-menu .vsm-item .vsm-dropdown .vsm-list .vsm-item.active-item .vsm-link {
  background-color: #F1F1F1 !important; }

.v-sidebar-menu .vsm-item .vsm-dropdown .vsm-list .vsm-item .vsm-link:hover {
  background-color: #F6F6F6;
  box-shadow: inset 5px 0 0 0 #f3ab00;
  padding-left: 80px; }
  .v-sidebar-menu .vsm-item .vsm-dropdown .vsm-list .vsm-item .vsm-link:hover .vsm-title {
    color: #1B1A1A; }

.v-sidebar-menu .vsm-item.parent-active-item:hover .vsm-link .sb-icon {
  background-image: url("../../images/themes/sidebar-menu-icons-active.svg"); }

.v-sidebar-menu .vsm-item.parent-active-item:hover .vsm-link:hover .vsm-arrow {
  background: #FFC438 !important;
  border: 1px solid #FFFFFF;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); }

.v-sidebar-menu > .vsm-list {
  overflow: hidden; }

.v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.open-item.parent-active-item > .vsm-link > .sb-icon, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.active-item > .vsm-link > .sb-icon {
  background-image: url("../../images/themes/sidebar-menu-icons-active.svg") !important; }
  .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.open-item.parent-active-item > .vsm-link > .sb-icon.icon-admin::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.open-item.parent-active-item > .vsm-link > .sb-icon.icon-yield-testing::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.open-item.parent-active-item > .vsm-link > .sb-icon.icon-support::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.open-item.parent-active-item > .vsm-link > .sb-icon.icon-stock::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.open-item.parent-active-item > .vsm-link > .sb-icon.icon-revenue::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.open-item.parent-active-item > .vsm-link > .sb-icon.icon-recipe-book::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.open-item.parent-active-item > .vsm-link > .sb-icon.icon-menu-builder::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.open-item.parent-active-item > .vsm-link > .sb-icon.icon-little-balck-book::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.open-item.parent-active-item > .vsm-link > .sb-icon.icon-licence::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.open-item.parent-active-item > .vsm-link > .sb-icon.icon-features::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.open-item.parent-active-item > .vsm-link > .sb-icon.icon-budget::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.open-item.parent-active-item > .vsm-link > .sb-icon.icon-captured::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.active-item > .vsm-link > .sb-icon.icon-admin::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.active-item > .vsm-link > .sb-icon.icon-yield-testing::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.active-item > .vsm-link > .sb-icon.icon-support::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.active-item > .vsm-link > .sb-icon.icon-stock::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.active-item > .vsm-link > .sb-icon.icon-revenue::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.active-item > .vsm-link > .sb-icon.icon-recipe-book::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.active-item > .vsm-link > .sb-icon.icon-menu-builder::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.active-item > .vsm-link > .sb-icon.icon-little-balck-book::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.active-item > .vsm-link > .sb-icon.icon-licence::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.active-item > .vsm-link > .sb-icon.icon-features::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.active-item > .vsm-link > .sb-icon.icon-budget::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.active-item > .vsm-link > .sb-icon.icon-captured::after {
    content: url("../../images/themes/dark/ic-arrow-drop-down-right-active.svg"); }

.v-sidebar-menu.vsm-collapsed .vsm-item.parent-active-item > .vsm-link > .sb-icon.icon-admin::after, .v-sidebar-menu.vsm-collapsed .vsm-item.parent-active-item > .vsm-link > .sb-icon.icon-yield-testing::after, .v-sidebar-menu.vsm-collapsed .vsm-item.parent-active-item > .vsm-link > .sb-icon.icon-support::after, .v-sidebar-menu.vsm-collapsed .vsm-item.parent-active-item > .vsm-link > .sb-icon.icon-stock::after, .v-sidebar-menu.vsm-collapsed .vsm-item.parent-active-item > .vsm-link > .sb-icon.icon-revenue::after, .v-sidebar-menu.vsm-collapsed .vsm-item.parent-active-item > .vsm-link > .sb-icon.icon-recipe-book::after, .v-sidebar-menu.vsm-collapsed .vsm-item.parent-active-item > .vsm-link > .sb-icon.icon-menu-builder::after, .v-sidebar-menu.vsm-collapsed .vsm-item.parent-active-item > .vsm-link > .sb-icon.icon-little-balck-book::after, .v-sidebar-menu.vsm-collapsed .vsm-item.parent-active-item > .vsm-link > .sb-icon.icon-licence::after, .v-sidebar-menu.vsm-collapsed .vsm-item.parent-active-item > .vsm-link > .sb-icon.icon-features::after, .v-sidebar-menu.vsm-collapsed .vsm-item.parent-active-item > .vsm-link > .sb-icon.icon-budget::after, .v-sidebar-menu.vsm-collapsed .vsm-item.parent-active-item > .vsm-link > .sb-icon.icon-captured::after {
  content: url("../../images/themes/dark/ic-arrow-drop-down-right-active.svg"); }

.v-sidebar-menu.vsm-collapsed .vsm-mobile-bg ~ .vsm-dropdown {
  transition: left 0.3s;
  left: 210px !important;
  width: 190px; }

.vsm-item.mobile-item.open-item.parent-active-item .sb-icon::before, .vsm-item.mobile-item.active-item .sb-icon::before {
  color: #FFFFFF !important; }

.vsm-title {
  text-transform: capitalize;
  font-family: "Roboto Medium", arial, helvetica, sans-serif !important; }

@media only screen and (max-height: 760px) {
  .v-sidebar-menu.vsm-collapsed .simplebar-track {
    z-index: 1; }
  .v-sidebar-menu.vsm-collapsed .vsm-list {
    background-color: #FFFFFF;
    z-index: 31; } }

@media only screen and (max-height: 819px) and (min-height: 768px) {
  .v-sidebar-menu.vsm-collapsed .vsm-link {
    height: 45px !important; }
    .v-sidebar-menu.vsm-collapsed .vsm-link .sb-icon {
      margin-top: 10px;
      margin-bottom: 0; }
  .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item .vsm-icon.sb-icon {
    margin-top: 10px !important;
    margin-bottom: 0 !important; } }

.table-header-text {
  margin-top: 5px;
  font-size: 12px;
  padding-left: 10px; }

.ctb-tablelayout-cell {
  padding-right: 10px !important; }

#main-breadcrumb {
  display: none; }

.main-breadcrumb {
  height: 29px;
  background: #F1F1F1; }

.main-breadcrumb .breadcrumb__content {
  color: #1B1A1A;
  position: relative;
  top: 4px;
  left: 20px;
  font-size: 16px; }

.main-breadcrumb .breadcrumb__content .icon {
  background-image: url("../../images/themes/light/icon-back.svg");
  width: 18px;
  height: 18px;
  display: inline-block;
  position: relative;
  margin-right: 10px;
  top: 3px;
  object-fit: contain;
  opacity: 1; }

.main-breadcrumb .breadcrumb__content .section_name {
  font-weight: bold; }

/* .bd-pnl {
    height: calc(100% - 59px) !important;
    background-color: $color-4th !important;
} */
.ctb-mob {
  height: calc(100% - 59px) !important; }

.simplebar-scrollbar {
  background: #d7d7d7 !important;
  right: 1px; }

.ps .ps__rail-y {
  width: 6px;
  background: #FFFFFF; }
  .ps .ps__rail-y .ps__thumb-y {
    background: #d7d7d7; }
    .ps .ps__rail-y .ps__thumb-y:hover {
      background-color: #d7d7d7 !important;
      width: 6px !important; }
  .ps .ps__rail-y:hover {
    width: 6px !important;
    background: #FFFFFF !important; }
    .ps .ps__rail-y:hover .ps__thumb-y {
      width: 6px; }

.vsm-list .simplebar-content {
  min-height: unset;
  overflow-x: hidden; }

#content .simplebar-track.horizontal {
  visibility: hidden !important; }

/* .x-grid3-scroller .simplebar-track.horizontal {
    visibility: hidden !important;
}

#map, #budget-spend-detail-grid .x-grid3-scroller {
    .simplebar-track.horizontal {
        visibility: visible !important;
    }
}

#contact-detail-supplier .x-panel-body .simplebar-track.horizontal {
    visibility: hidden !important;
} */
div::-webkit-scrollbar, form::-webkit-scrollbar {
  width: 6px;
  height: 6px; }

div::-webkit-scrollbar-thumb, form::-webkit-scrollbar-thumb {
  background-color: #d7d7d7;
  border-radius: 5px; }

.ctbScrollBarAuthorityPanel {
  position: absolute !important; }

.x-treegrid-root-node {
  flex: 1;
  margin-bottom: unset; }
  .x-treegrid-root-node::-webkit-scrollbar {
    width: 6px;
    height: 6px; }
  .x-treegrid-root-node::-webkit-scrollbar-thumb {
    background-color: #d7d7d7;
    border-radius: 5px; }

.x-grid3-scroller {
  background-color: #FFFFFF; }

*.x-grid3 *.x-grid3-scroller {
  margin-bottom: 0px; }

/* .x-treegrid-root-node {
    &::-webkit-scrollbar-track,  &::-webkit-scrollbar-thumb
    {
        background-color: $color-3rd;
    }
}
 */
.simplebar-track {
  z-index: 99999; }

body {
  font-family: "Roboto Standard", arial, helvetica, sans-serif; }

.arrow-ic-dashboard, #invoice .charts-custom-button-inner-box .google-visualization-table-page-prev, #invoice .goog-custom-button-inner-box .google-visualization-table-page-prev, #stockorder .charts-custom-button-inner-box .google-visualization-table-page-prev, #stockorder .goog-custom-button-inner-box .google-visualization-table-page-prev, #receivingorder .charts-custom-button-inner-box .google-visualization-table-page-prev, #receivingorder .goog-custom-button-inner-box .google-visualization-table-page-prev, #spent-by-supplier .charts-custom-button-inner-box .google-visualization-table-page-prev, #spent-by-supplier .goog-custom-button-inner-box .google-visualization-table-page-prev, #tablediv .charts-custom-button-inner-box .google-visualization-table-page-prev, #tablediv .goog-custom-button-inner-box .google-visualization-table-page-prev, #mailbox .charts-custom-button-inner-box .google-visualization-table-page-prev, #mailbox .goog-custom-button-inner-box .google-visualization-table-page-prev, #invoice .charts-custom-button-inner-box .google-visualization-table-page-next, #invoice .goog-custom-button-inner-box .google-visualization-table-page-next, #stockorder .charts-custom-button-inner-box .google-visualization-table-page-next, #stockorder .goog-custom-button-inner-box .google-visualization-table-page-next, #receivingorder .charts-custom-button-inner-box .google-visualization-table-page-next, #receivingorder .goog-custom-button-inner-box .google-visualization-table-page-next, #spent-by-supplier .charts-custom-button-inner-box .google-visualization-table-page-next, #spent-by-supplier .goog-custom-button-inner-box .google-visualization-table-page-next, #tablediv .charts-custom-button-inner-box .google-visualization-table-page-next, #tablediv .goog-custom-button-inner-box .google-visualization-table-page-next, #mailbox .charts-custom-button-inner-box .google-visualization-table-page-next, #mailbox .goog-custom-button-inner-box .google-visualization-table-page-next {
  background-image: url("../../images/themes/light/arraw-icon.svg");
  width: 15px;
  height: 15px;
  display: block;
  background-size: cover; }

#integrationContainer {
  height: calc(100% - 100px);
  padding-bottom: 50px; }

#mainContent {
  width: calc(100vw - 75px);
  position: relative;
  float: left;
  max-height: calc(100vh - 125px);
  left: 75px; }

#companiesContainer {
  padding-bottom: 50px; }

#content {
  max-height: calc(100vh - 88px);
  padding-top: 0px;
  padding-bottom: 10px; }

.simplebar-content {
  overflow: hidden !important; }

/* #budget-widget {
    position: absolute;
    top: 5px;
    right: 80px;
    float: right;
    text-align: right;
    font-size: 12px;
    #budgetDetailWindow.selected{
        top : 36px;
    }

} */
.startday-control {
  display: none; }

#top-row1 {
  height: 80px;
  margin-bottom: 0px;
  color: #1B1A1A;
  width: calc(100% - 75px);
  box-shadow: 4px 6px 6px rgba(0, 0, 0, 0.15); }
  #top-row1 #logo {
    left: 15px; }
    #top-row1 #logo.dtp, #top-row1 #logo.invoice-ripple {
      left: 17px; }

#top {
  background: #FFFFFF;
  position: relative;
  left: 75px;
  z-index: 3; }

#wrapper {
  background-image: unset;
  background-color: #F1F1F1;
  font-family: "Roboto Standard", arial, helvetica, sans-serif; }

.calendar-dashboard-icon {
  height: 24px;
  width: 24px;
  background-image: url("../../images/themes/light/calendar-icon.svg");
  background-repeat: no-repeat; }

.brick-body {
  background-color: #FFFFFF;
  height: calc(100% - 41px); }

.card {
  background-color: #FFFFFF;
  border-radius: 5px;
  width: 28% !important;
  display: inline-block;
  margin: 1rem 1.5%;
  border: 1px solid #d9d9d9;
  position: relative; }

.gauge-block.vertical {
  margin-left: 1.5%;
  width: 29%;
  height: 90%; }
  .gauge-block.vertical .gauge-desc span.gauge-chart-desc-field {
    color: #1B1A1A; }
  .gauge-block.vertical .gauge-desc span.gauge-chart-value-field {
    color: #1B1A1A;
    font-size: 15px;
    font-weight: bold; }
  .gauge-block.vertical .gauge-desc div {
    margin-bottom: 15px; }
  .gauge-block.vertical .gauge-chart {
    width: 200px; }

.no-data {
  color: #1B1A1A; }

.no-data-date {
  color: #f3ab00; }

.google-visualization-table {
  margin: 10px;
  border-radius: 5px;
  border: 1px solid #d9d9d9 !important; }
  .google-visualization-table > div:first-child {
    border-radius: 5px 5px 0 0; }
  .google-visualization-table div:first-child {
    overflow: hidden !important; }
  .google-visualization-table-td.google-visualization-table-td-number {
    font-weight: 500; }
  .google-visualization-table-div-page {
    background-color: #FFFFFF !important;
    border-radius: 0 0 5px 5px;
    position: absolute !important;
    bottom: 3px; }
    .google-visualization-table-div-page > div:first-child {
      right: 32px; }
    .google-visualization-table-div-page > div:nth-child(3) {
      right: 56px; }
  .google-visualization-table-table {
    background: #FFFFFF !important;
    max-height: 35px; }
    .google-visualization-table-table tbody {
      display: table-footer-group !important; }
    .google-visualization-table-table .row-table, .google-visualization-table-table .row-odd {
      height: 35px;
      background: transparent;
      font-family: "Roboto Standard", arial, helvetica, sans-serif !important; }
      .google-visualization-table-table .row-table:hover td, .google-visualization-table-table .row-odd:hover td {
        background: #F1F1F1; }
      .google-visualization-table-table .row-table td, .google-visualization-table-table .row-odd td {
        border: unset;
        color: #1B1A1A;
        background: #F6F6F6;
        border-top: 2px solid #FFFFFF;
        border-bottom: 2px solid #FFFFFF;
        text-align: left; }
        .google-visualization-table-table .row-table td:first-child, .google-visualization-table-table .row-odd td:first-child {
          border-left: 4px solid #FFFFFF;
          border-top-left-radius: 10px;
          border-bottom-left-radius: 10px;
          padding-left: 8px !important;
          text-align: left; }
        .google-visualization-table-table .row-table td:last-child, .google-visualization-table-table .row-odd td:last-child {
          border-right: 4px solid #FFFFFF;
          border-top-right-radius: 10px;
          border-bottom-right-radius: 10px; }
    .google-visualization-table-table .row-header th {
      border-color: #d9d9d9 !important;
      background: transparent !important;
      color: #1B1A1A !important; }
      .google-visualization-table-table .row-header th:hover {
        box-shadow: none; }
      .google-visualization-table-table .row-header th:first-child {
        padding-left: 12px !important; }
      .google-visualization-table-table .row-header th:not(:last-child) {
        border-right-color: transparent !important; }
    .google-visualization-table-table .row-header:hover {
      box-shadow: none !important; }
      .google-visualization-table-table .row-header:hover th:not(:last-child) {
        border-right-color: #d9d9d9 !important; }
  .google-visualization-table-page-number {
    border: 1px solid #d9d9d9 !important;
    padding: 4px 6px !important;
    background: #FFFFFF !important;
    color: #1B1A1A !important;
    opacity: 0.5; }
    .google-visualization-table-page-number:hover {
      background: linear-gradient(#FFFFFF, #f5f5f5) !important;
      text-decoration: none;
      box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
    .google-visualization-table-page-number.current {
      color: #1B1A1A !important;
      background: linear-gradient(#FFFFFF, #F2F1F2) !important;
      opacity: 1;
      box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }

#spent-by-supplier .google-visualization-table-div-page {
  display: block !important; }

#spent-by-supplier .google-visualization-table-table .row-table td:last-child, #spent-by-supplier .google-visualization-table-table .row-odd td:last-child {
  text-align: right; }

#mailbox {
  height: 100%;
  position: relative; }

#invoice .charts-custom-button, #invoice .goog-custom-button, #stockorder .charts-custom-button, #stockorder .goog-custom-button, #receivingorder .charts-custom-button, #receivingorder .goog-custom-button, #spent-by-supplier .charts-custom-button, #spent-by-supplier .goog-custom-button, #tablediv .charts-custom-button, #tablediv .goog-custom-button, #mailbox .charts-custom-button, #mailbox .goog-custom-button {
  background: linear-gradient(#FFFFFF, #F2F1F2);
  border: 1px solid #d9d9d9;
  padding: 2px 3px 3px 1px;
  border-radius: 5px; }
  #invoice .charts-custom-button:hover, #invoice .goog-custom-button:hover, #stockorder .charts-custom-button:hover, #stockorder .goog-custom-button:hover, #receivingorder .charts-custom-button:hover, #receivingorder .goog-custom-button:hover, #spent-by-supplier .charts-custom-button:hover, #spent-by-supplier .goog-custom-button:hover, #tablediv .charts-custom-button:hover, #tablediv .goog-custom-button:hover, #mailbox .charts-custom-button:hover, #mailbox .goog-custom-button:hover {
    background: linear-gradient(#FFFFFF, #f5f5f5);
    box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
  #invoice .charts-custom-button .charts-custom-button-outer-box, #invoice .charts-custom-button .goog-custom-button-outer-box, #invoice .goog-custom-button .charts-custom-button-outer-box, #invoice .goog-custom-button .goog-custom-button-outer-box, #stockorder .charts-custom-button .charts-custom-button-outer-box, #stockorder .charts-custom-button .goog-custom-button-outer-box, #stockorder .goog-custom-button .charts-custom-button-outer-box, #stockorder .goog-custom-button .goog-custom-button-outer-box, #receivingorder .charts-custom-button .charts-custom-button-outer-box, #receivingorder .charts-custom-button .goog-custom-button-outer-box, #receivingorder .goog-custom-button .charts-custom-button-outer-box, #receivingorder .goog-custom-button .goog-custom-button-outer-box, #spent-by-supplier .charts-custom-button .charts-custom-button-outer-box, #spent-by-supplier .charts-custom-button .goog-custom-button-outer-box, #spent-by-supplier .goog-custom-button .charts-custom-button-outer-box, #spent-by-supplier .goog-custom-button .goog-custom-button-outer-box, #tablediv .charts-custom-button .charts-custom-button-outer-box, #tablediv .charts-custom-button .goog-custom-button-outer-box, #tablediv .goog-custom-button .charts-custom-button-outer-box, #tablediv .goog-custom-button .goog-custom-button-outer-box, #mailbox .charts-custom-button .charts-custom-button-outer-box, #mailbox .charts-custom-button .goog-custom-button-outer-box, #mailbox .goog-custom-button .charts-custom-button-outer-box, #mailbox .goog-custom-button .goog-custom-button-outer-box {
    border: none; }
  #invoice .charts-custom-button-inner-box, #invoice .goog-custom-button-inner-box, #stockorder .charts-custom-button-inner-box, #stockorder .goog-custom-button-inner-box, #receivingorder .charts-custom-button-inner-box, #receivingorder .goog-custom-button-inner-box, #spent-by-supplier .charts-custom-button-inner-box, #spent-by-supplier .goog-custom-button-inner-box, #tablediv .charts-custom-button-inner-box, #tablediv .goog-custom-button-inner-box, #mailbox .charts-custom-button-inner-box, #mailbox .goog-custom-button-inner-box {
    width: 15px;
    height: 15px;
    border: none; }
    #invoice .charts-custom-button-inner-box .google-visualization-table-page-prev:before, #invoice .goog-custom-button-inner-box .google-visualization-table-page-prev:before, #stockorder .charts-custom-button-inner-box .google-visualization-table-page-prev:before, #stockorder .goog-custom-button-inner-box .google-visualization-table-page-prev:before, #receivingorder .charts-custom-button-inner-box .google-visualization-table-page-prev:before, #receivingorder .goog-custom-button-inner-box .google-visualization-table-page-prev:before, #spent-by-supplier .charts-custom-button-inner-box .google-visualization-table-page-prev:before, #spent-by-supplier .goog-custom-button-inner-box .google-visualization-table-page-prev:before, #tablediv .charts-custom-button-inner-box .google-visualization-table-page-prev:before, #tablediv .goog-custom-button-inner-box .google-visualization-table-page-prev:before, #mailbox .charts-custom-button-inner-box .google-visualization-table-page-prev:before, #mailbox .goog-custom-button-inner-box .google-visualization-table-page-prev:before {
      content: "" !important; }
    #invoice .charts-custom-button-inner-box .google-visualization-table-page-next, #invoice .goog-custom-button-inner-box .google-visualization-table-page-next, #stockorder .charts-custom-button-inner-box .google-visualization-table-page-next, #stockorder .goog-custom-button-inner-box .google-visualization-table-page-next, #receivingorder .charts-custom-button-inner-box .google-visualization-table-page-next, #receivingorder .goog-custom-button-inner-box .google-visualization-table-page-next, #spent-by-supplier .charts-custom-button-inner-box .google-visualization-table-page-next, #spent-by-supplier .goog-custom-button-inner-box .google-visualization-table-page-next, #tablediv .charts-custom-button-inner-box .google-visualization-table-page-next, #tablediv .goog-custom-button-inner-box .google-visualization-table-page-next, #mailbox .charts-custom-button-inner-box .google-visualization-table-page-next, #mailbox .goog-custom-button-inner-box .google-visualization-table-page-next {
      background-position: -0px -15px; }
      #invoice .charts-custom-button-inner-box .google-visualization-table-page-next:before, #invoice .goog-custom-button-inner-box .google-visualization-table-page-next:before, #stockorder .charts-custom-button-inner-box .google-visualization-table-page-next:before, #stockorder .goog-custom-button-inner-box .google-visualization-table-page-next:before, #receivingorder .charts-custom-button-inner-box .google-visualization-table-page-next:before, #receivingorder .goog-custom-button-inner-box .google-visualization-table-page-next:before, #spent-by-supplier .charts-custom-button-inner-box .google-visualization-table-page-next:before, #spent-by-supplier .goog-custom-button-inner-box .google-visualization-table-page-next:before, #tablediv .charts-custom-button-inner-box .google-visualization-table-page-next:before, #tablediv .goog-custom-button-inner-box .google-visualization-table-page-next:before, #mailbox .charts-custom-button-inner-box .google-visualization-table-page-next:before, #mailbox .goog-custom-button-inner-box .google-visualization-table-page-next:before {
        content: "" !important; }

#invoice .google-visualization-table-page-prev:before, #stockorder .google-visualization-table-page-prev:before, #receivingorder .google-visualization-table-page-prev:before, #spent-by-supplier .google-visualization-table-page-prev:before, #tablediv .google-visualization-table-page-prev:before, #mailbox .google-visualization-table-page-prev:before {
  content: ""; }

.pricemovement-chart-chart-header, #pricemovement-chart-chart-header {
  background-color: #FFFFFF;
  margin-top: 5px; }
  .pricemovement-chart-chart-header-date-range-description, #pricemovement-chart-chart-header-date-range-description {
    color: #1B1A1A;
    font-size: 12px; }
    .pricemovement-chart-chart-header-date-range-description font, #pricemovement-chart-chart-header-date-range-description font {
      font-weight: normal;
      color: #1B1A1A;
      font-size: 11px;
      background-color: #F6F6F6; }

#pricemovement-chart-options {
  padding-top: 10px !important;
  height: 100px; }
  #pricemovement-chart-options .pricemovement-chart-option {
    cursor: pointer;
    background: linear-gradient(#FFFFFF, #F2F1F2);
    color: #1B1A1A;
    transition: box-shadow 0.2s;
    border: 1px solid #d9d9d9;
    border-radius: 5px; }
    #pricemovement-chart-options .pricemovement-chart-option:hover {
      box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
    #pricemovement-chart-options .pricemovement-chart-option-label-wrapper {
      background: unset;
      border: none; }
      #pricemovement-chart-options .pricemovement-chart-option-label-wrapper span {
        padding: 0px 16px 0px 16px;
        font-weight: normal;
        font-family: "Roboto Medium", arial, helvetica, sans-serif; }

.pricemovement-chart-option {
  color: #1B1A1A;
  border: solid 1px #d9d9d9; }
  .pricemovement-chart-option[data-value=priceDifference]:after, .pricemovement-chart-option[data-value=priceDifferencePercent]:after, .pricemovement-chart-option[data-value=noOfMovements]:after {
    top: 12px !important;
    background-image: url("../../images/themes/light/ic-arrow-drop-down-secondary.svg") !important;
    right: 3px !important;
    background-size: cover;
    background-repeat: no-repeat;
    width: 12px;
    height: 6px; }
  .pricemovement-chart-option.selected {
    color: #FFFFFF;
    background: linear-gradient(#FFC438, #f3ab00) !important;
    color: #FFFFFF !important;
    border: 1px solid #f3ab00 !important; }
    .pricemovement-chart-option.selected:hover {
      box-shadow: 2px 2px 5px 0 rgba(243, 171, 0, 0.35) !important; }
  .pricemovement-chart-option-description {
    padding-top: 12px; }
  .pricemovement-chart-option[data-value=priceDifferenceRange]:after {
    width: 300px !important;
    background-color: #d9d9d9 !important;
    font-size: 10px !important;
    color: #1B1A1A !important;
    line-height: 25px !important;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.25) !important; }
  .pricemovement-chart-option[data-value=priceDifferenceRange]:hover:after {
    height: 25px; }
  .pricemovement-chart-option:hover {
    background-color: #FFFFFF; }

.pricemovement-chart-options-description {
  padding-top: 13px; }

/* start chart */
.pricemovement-chart-chart-area, #pricemovement-chart-chart-area {
  background: #FFFFFF;
  height: calc(100% - 39px); }
  .pricemovement-chart-chart-area-no-result-description, #pricemovement-chart-chart-area-no-result-description {
    color: #1B1A1A; }
  .pricemovement-chart-chart-area span, #pricemovement-chart-chart-area span {
    margin-top: 0px !important;
    font-size: 12px; }
  .pricemovement-chart-chart-area-wrapper, #pricemovement-chart-chart-area-wrapper {
    border-radius: 5px;
    display: inline-block;
    margin-left: 4px;
    width: calc(100% - 273px);
    height: 97%;
    border: 1px solid #d9d9d9; }
  .pricemovement-chart-chart-area svg g text, #pricemovement-chart-chart-area svg g text {
    fill: #1B1A1A;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal; }

#chartdiv {
  height: 100% !important;
  background: #FFFFFF;
  border: 1px solid #d9d9d9; }
  #chartdiv div g text {
    color: #1B1A1A;
    fill: #1B1A1A; }
  #chartdiv .google-visualization-tooltip {
    background-color: #F6F6F6 !important;
    padding: 10px !important;
    border-radius: 5px !important;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); }
    #chartdiv .google-visualization-tooltip b, #chartdiv .google-visualization-tooltip div {
      color: #1B1A1A; }

.charts-tooltip div, .goog-tooltip div {
  background: #F6F6F6 !important;
  color: #1B1A1A !important;
  font-family: "Roboto Standard", arial, helvetica, sans-serif !important;
  border-radius: 5px;
  padding: 4px !important;
  border: none !important; }

/* end chart */
#itemspent-chart-chart-container {
  border-radius: 5px;
  background: #FFFFFF;
  width: calc(100% - 182px);
  margin: 10px;
  height: 95%;
  border: 1px solid #d9d9d9; }

#itemspent-chart-chart-area {
  height: 380px;
  top: -10px; }

#itemspent-chart-options {
  border: 1px solid #d9d9d9;
  width: 146px;
  height: 95%;
  border-radius: 5px;
  margin: 10px 0 5px 10px; }

#salesreport-chart-options {
  border: 1px solid #d9d9d9;
  width: 146px;
  height: calc(95% - 46px);
  border-radius: 5px;
  margin: 10px 0 5px 10px;
  top: 46px;
  position: relative; }

#salesreport-chart-chart-area {
  height: 89%; }

#salesreport-chart-chart-container {
  width: calc(100% - 180px);
  margin-top: 10px;
  margin-right: 11px;
  height: 428px; }
  #salesreport-chart-chart-container .salesreport-chart-top-spacer {
    width: 225px; }
    #salesreport-chart-chart-container .salesreport-chart-top-spacer .salesreport-chart-top-option {
      background: linear-gradient(#FFFFFF, #F2F1F2);
      color: #1B1A1A;
      transition: box-shadow 0.2s;
      cursor: pointer;
      border: 1px solid #d9d9d9;
      text-align: center;
      width: 72px; }
      #salesreport-chart-chart-container .salesreport-chart-top-spacer .salesreport-chart-top-option:hover {
        box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
      #salesreport-chart-chart-container .salesreport-chart-top-spacer .salesreport-chart-top-option:hover {
        background: linear-gradient(#FFFFFF, #F2F1F2);
        color: #1B1A1A; }
      #salesreport-chart-chart-container .salesreport-chart-top-spacer .salesreport-chart-top-option:first-child {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px; }
      #salesreport-chart-chart-container .salesreport-chart-top-spacer .salesreport-chart-top-option:last-child {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px; }
      #salesreport-chart-chart-container .salesreport-chart-top-spacer .salesreport-chart-top-option .sr-graph {
        background: url("../../images/themes/dark/ic-graph.svg") no-repeat center; }
      #salesreport-chart-chart-container .salesreport-chart-top-spacer .salesreport-chart-top-option .sr-table {
        background: url("../../images/themes/dark/ic-table.svg") no-repeat center; }
      #salesreport-chart-chart-container .salesreport-chart-top-spacer .salesreport-chart-top-option.selected {
        background: linear-gradient(#FFC438, #f3ab00) !important;
        color: #FFFFFF !important;
        border: 1px solid #f3ab00 !important; }
        #salesreport-chart-chart-container .salesreport-chart-top-spacer .salesreport-chart-top-option.selected:hover {
          box-shadow: 2px 2px 5px 0 rgba(243, 171, 0, 0.35) !important; }
        #salesreport-chart-chart-container .salesreport-chart-top-spacer .salesreport-chart-top-option.selected span {
          color: #FFFFFF !important;
          font-weight: 500; }
        #salesreport-chart-chart-container .salesreport-chart-top-spacer .salesreport-chart-top-option.selected .sr-graph {
          background: url("../../images/themes/dark/ic-graph-selected.svg") no-repeat center; }
        #salesreport-chart-chart-container .salesreport-chart-top-spacer .salesreport-chart-top-option.selected .sr-table {
          background: url("../../images/themes/dark/ic-table-selected.svg") no-repeat center; }
      #salesreport-chart-chart-container .salesreport-chart-top-spacer .salesreport-chart-top-option-sub:not(:last-child) {
        border-bottom: none; }
      #salesreport-chart-chart-container .salesreport-chart-top-spacer .salesreport-chart-top-option-sub.selected span {
        color: #FFFFFF; }
  #salesreport-chart-chart-container #chartdiv, #salesreport-chart-chart-container #tablediv {
    height: 97.5% !important;
    border-radius: 5px;
    width: 100%; }

.salesreport-chart-top-option-sub {
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  width: 85px;
  text-align: center; }

.itemspent-chart-option, .salesreport-chart-option {
  cursor: pointer;
  height: 55px;
  border-bottom: 1px solid #d9d9d9;
  transition: box-shadow 0.2s, padding-left 0.2s;
  background-color: #FFFFFF; }
  .itemspent-chart-option:first-child, .salesreport-chart-option:first-child {
    border-radius: 5px 5px 0 0; }
  .itemspent-chart-option span, .salesreport-chart-option span {
    color: #1B1A1A;
    font-weight: 500;
    font-size: 12px;
    font-family: "Roboto Medium", arial, helvetica, sans-serif; }
  .itemspent-chart-option.selected, .salesreport-chart-option.selected {
    background: #F1F1F1;
    box-shadow: inset 5px 0 0 0 #f3ab00;
    padding-left: 5px; }
    .itemspent-chart-option.selected span, .salesreport-chart-option.selected span {
      color: #FFFFFF !important;
      font-weight: 500 !important; }
    .itemspent-chart-option.selected font, .salesreport-chart-option.selected font {
      color: #FFFFFF !important; }
    .itemspent-chart-option.selected:hover, .salesreport-chart-option.selected:hover {
      background: #F1F1F1;
      box-shadow: inset 5px 0 0 0 #f3ab00;
      padding-left: 5px; }
  .itemspent-chart-option:hover, .salesreport-chart-option:hover {
    background: #F1F1F1;
    box-shadow: inset 5px 0 0 0 #f3ab00;
    padding-left: 5px; }
    .itemspent-chart-option:hover span, .salesreport-chart-option:hover span {
      color: #1B1A1A; }

#weekly-chart-chart-header {
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  position: relative;
  top: 10px; }
  #weekly-chart-chart-header-start-and-end-dates, #weekly-chart-chart-header-week-and-chart-title {
    color: #1B1A1A;
    margin-bottom: 5px;
    font-size: 12px;
    float: left;
    position: relative;
    line-height: 14px;
    padding-right: 12px;
    top: 10px; }
  #weekly-chart-chart-header-start-and-end-dates {
    top: 6px; }

#ctb-new-brick {
  background: #FFFFFF; }
  #ctb-new-brick .simplebar-scroll-content {
    margin-bottom: 0px !important; }

#ctb-news {
  padding: 0px 10px; }
  #ctb-news li {
    line-height: 3px;
    padding: 5px;
    margin: 10px 0;
    background-color: #FFFFFF;
    border: none;
    border-radius: 5px;
    border: 1px solid #d9d9d9; }
    #ctb-news li .find-out-more {
      background: linear-gradient(#FFFFFF, #F2F1F2);
      color: #1B1A1A;
      transition: box-shadow 0.2s;
      margin-left: unset !important;
      float: right;
      width: 95px;
      height: 30px;
      border-radius: 5px;
      border: none;
      font-size: 12px;
      font-weight: 500;
      padding: 0 8px 0 8px;
      line-height: 32px;
      margin-top: 5px;
      border-radius: 5px;
      border: 1px solid #d9d9d9;
      font-family: "Roboto Medium", arial, helvetica, sans-serif; }
      #ctb-news li .find-out-more:hover {
        box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
      #ctb-news li .find-out-more:hover {
        text-decoration: none;
        color: #1B1A1A; }
      #ctb-news li .find-out-more:after {
        background-image: url("../../images/themes/light/db-ic-next.svg");
        top: 1px !important;
        right: -7px !important;
        background-size: cover;
        background-repeat: no-repeat;
        width: 12px;
        height: 12px;
        content: "";
        display: inline-block;
        position: relative; }
  #ctb-news .news-header {
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1B1A1A;
    text-transform: capitalize;
    margin: 8px;
    margin-left: 5px;
    margin-bottom: 10px; }
  #ctb-news p {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1B1A1A;
    padding-right: 10px;
    padding-left: 6px; }

#pricemovement-chart-chart-container {
  height: 330px; }

/* start quick keys */
#quick-keys-box {
  position: absolute;
  float: right;
  height: 45px;
  width: 72px;
  background: linear-gradient(#FFFFFF, #F2F1F2);
  color: #1B1A1A;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  border-radius: 5px;
  right: 446px;
  top: 15px;
  text-align: left; }
  #quick-keys-box #quick-key-text {
    line-height: 45px;
    padding-left: 10px;
    background: url("../../images/themes/light/ic-quick-key.svg") no-repeat center;
    width: 30px;
    height: 45px;
    margin-left: 8px; }
  #quick-keys-box #quick-key-change {
    background-image: url("../../images/themes/light/ic-arrow-drop-down-secondary.svg") !important;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    background-color: transparent;
    width: 12px;
    height: 45px;
    top: unset;
    bottom: 0;
    position: absolute;
    vertical-align: unset;
    right: 8px; }
    #quick-keys-box #quick-key-change:hover {
      cursor: pointer;
      background-color: unset; }
  #quick-keys-box.selected #quick-key-change {
    transform: rotate(180deg); }

#aside {
  width: 160px;
  right: 0;
  height: 387px;
  top: 20px;
  opacity: 0;
  border-radius: 5px;
  transition: 0.3s ease;
  visibility: hidden;
  z-index: 0; }
  #aside:before {
    content: '';
    display: block;
    position: absolute;
    left: 130px;
    bottom: 100%;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: #d9d9d9; }
  #aside:after {
    content: '';
    display: block;
    position: absolute;
    left: 131px;
    bottom: 100%;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom-color: #FFFFFF; }
  #aside .qk-header {
    height: 36px;
    text-align: left;
    line-height: 36px;
    padding-left: 12px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #d9d9d9;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: 500;
    cursor: pointer; }
  #aside .qk:hover {
    right: 0 !important;
    background-color: #F1F1F1;
    box-shadow: unset;
    -webkit-box-shadow: unset; }
  #aside .qk {
    margin: 0px;
    background-color: #FFFFFF;
    width: 156px;
    cursor: pointer; }
    #aside .qk:last-child {
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px; }
    #aside .qk img {
      padding: 9px;
      width: 24px;
      margin: 5px 4px 6px 8px;
      background-color: #d9d9d9;
      border-radius: 5px; }
    #aside .qk span {
      font-size: 12px;
      font-weight: 500;
      font-style: unset; }
  #aside-trigger {
    width: 40px;
    left: -30px;
    top: 0px;
    border-radius: 5px 0;
    background: #f3ab00; }
    #aside-trigger b {
      width: 90px;
      font-size: 16px;
      font-weight: 500;
      color: #FFFFFF; }
    #aside-trigger img {
      transform: rotate(180deg);
      width: 20px;
      height: 20px;
      margin-top: 5px;
      margin-left: 8px; }
  #aside.selected {
    border: 1px solid #d9d9d9;
    background: none;
    opacity: 1;
    visibility: visible;
    top: 54px;
    z-index: 3;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); }
    #aside.selected #aside-trigger {
      border-top-left-radius: 5px;
      left: -1px; }
      #aside.selected #aside-trigger img {
        transform: none; }

/* end quick keys */
/* start select theme */
#choose-theme {
  float: left;
  width: 94px;
  border-radius: 2px;
  background-color: #d9d9d9;
  border: none; }
  #choose-theme .x-form-field-wrap {
    background-color: transparent;
    border: none;
    box-shadow: none; }
    #choose-theme .x-form-field-wrap input {
      text-transform: capitalize;
      color: #1B1A1A;
      text-align: center;
      font-size: 16px;
      font-weight: 500;
      background-color: transparent;
      font-family: "Roboto Standard", arial, helvetica, sans-serif; }
    #choose-theme .x-form-field-wrap .x-form-trigger {
      background-color: transparent; }
  #choose-theme .x-form-text, #choose-theme .ctb_transparent_bg_color .ctb-reciperipper-url, .ctb_transparent_bg_color #choose-theme .ctb-reciperipper-url, #choose-theme .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct #choose-theme .b-h-ip, #choose-theme .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row #choose-theme .r-ip, #choose-theme .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell #choose-theme input.b-bd-fh-input, #choose-theme .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r #choose-theme .bd-r-ip {
    background-color: transparent; }

.ctb-select-theme-list {
  border: none !important; }
  .ctb-select-theme-list .x-combo-list-inner {
    text-transform: capitalize; }

.theme-text {
  float: left;
  width: 73px;
  height: 20px;
  font-size: 17px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1B1A1A;
  padding-top: 6px; }

/* end select theme */
.pricemovement-chart-item-list-item {
  padding-left: 25px;
  background: linear-gradient(#FFFFFF, #F2F1F2);
  color: #1B1A1A;
  transition: box-shadow 0.2s;
  min-height: 28px;
  line-height: 28px;
  font-size: 12px;
  color: #1B1A1A;
  border-top: 1px solid #d9d9d9; }
  .pricemovement-chart-item-list-item:hover {
    box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
  .pricemovement-chart-item-list-item:last-child {
    padding-left: 25px; }
  .pricemovement-chart-item-list-item.noCategorized, .pricemovement-chart-item-list-item .noCategorized {
    min-height: 28px;
    line-height: 28px;
    background: linear-gradient(#FFFFFF, #F2F1F2);
    color: #1B1A1A;
    transition: box-shadow 0.2s; }
    .pricemovement-chart-item-list-item.noCategorized:hover, .pricemovement-chart-item-list-item .noCategorized:hover {
      box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
    .pricemovement-chart-item-list-item.noCategorized.selected, .pricemovement-chart-item-list-item.noCategorized .selected, .pricemovement-chart-item-list-item .noCategorized.selected, .pricemovement-chart-item-list-item .noCategorized .selected {
      color: #1B1A1A;
      background: linear-gradient(#FFC438, #f3ab00) !important;
      color: #FFFFFF !important;
      border: 1px solid #f3ab00 !important; }
      .pricemovement-chart-item-list-item.noCategorized.selected:hover, .pricemovement-chart-item-list-item.noCategorized .selected:hover, .pricemovement-chart-item-list-item .noCategorized.selected:hover, .pricemovement-chart-item-list-item .noCategorized .selected:hover {
        box-shadow: 2px 2px 5px 0 rgba(243, 171, 0, 0.35) !important; }
    .pricemovement-chart-item-list-item.noCategorized:first-child, .pricemovement-chart-item-list-item .noCategorized:first-child {
      border-top: none; }
  .pricemovement-chart-item-list-item .selected, .pricemovement-chart-item-list-item.selected {
    color: #1B1A1A;
    background: linear-gradient(#FFC438, #f3ab00) !important;
    color: #FFFFFF !important;
    border: 1px solid #f3ab00 !important; }
    .pricemovement-chart-item-list-item .selected:hover, .pricemovement-chart-item-list-item.selected:hover {
      box-shadow: 2px 2px 5px 0 rgba(243, 171, 0, 0.35) !important; }
  .pricemovement-chart-item-list-item:not(:last-child) {
    border-bottom: 1px solid #FFFFFF; }
  .pricemovement-chart-item-list-item:last-child {
    border-bottom: 0px; }
  .pricemovement-chart-item-list-item:hover {
    cursor: pointer; }

.pricemovement-chart-item-list-category {
  border-top: none;
  background: transparent;
  color: #1B1A1A;
  transition: box-shadow 0.2s;
  font-size: 12px;
  padding-left: 5px; }
  .pricemovement-chart-item-list-category:first-child {
    border-top: none; }

#pricemovement-chart-chart-area div {
  overflow-y: hidden !important; }

#pricemovement-chart-chart-header:after {
  border-bottom: none; }

#pricemovement-chart-item-list {
  height: 97%;
  margin: 0px 5px 0 10px;
  width: 240px;
  border-radius: 5px;
  border: 1px solid #d9d9d9; }
  #pricemovement-chart-item-list .simplebar-scrollbar {
    right: 0px; }

.brick-control-date-range, .ctrl-daterange-ct {
  background-color: #d9d9d9;
  width: 240px; }
  .brick-control-date-range.visible, .ctrl-daterange-ct.visible {
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.25);
    background-color: #FFFFFF;
    border: 1px solid #d9d9d9;
    border-radius: 5px; }
    .brick-control-date-range.visible .date-field, .ctrl-daterange-ct.visible .date-field {
      margin: 5px 0; }
      .brick-control-date-range.visible .date-field span, .ctrl-daterange-ct.visible .date-field span {
        font-size: 10px;
        color: #1B1A1A;
        text-align: left;
        width: 80px;
        margin-left: 20px;
        text-transform: capitalize; }
      .brick-control-date-range.visible .date-field input, .ctrl-daterange-ct.visible .date-field input {
        border-radius: 4px;
        background-color: #dddddd;
        font-size: 10px;
        color: #FFFFFF;
        height: 22px;
        width: 100px;
        border: 1px solid #d9d9d9; }
    .brick-control-date-range.visible .search-btn, .ctrl-daterange-ct.visible .search-btn {
      background: linear-gradient(#FFFFFF, #F2F1F2);
      color: #1B1A1A;
      transition: box-shadow 0.2s;
      border: 1px solid #d9d9d9;
      font-size: 10px;
      font-weight: 500;
      border-radius: 4px;
      height: 30px;
      line-height: 30px;
      width: 190px;
      text-transform: uppercase;
      margin-bottom: 15px; }
      .brick-control-date-range.visible .search-btn:hover, .ctrl-daterange-ct.visible .search-btn:hover {
        box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
  .brick-control-date-range-field-container, .ctrl-daterange-ct-field-container {
    margin: 5px 0; }
    .brick-control-date-range-field-container:first-child:after, .ctrl-daterange-ct-field-container:first-child:after {
      border-bottom: none; }
    .brick-control-date-range-field-container input, .ctrl-daterange-ct-field-container input {
      border-radius: 4px;
      background-color: #dddddd;
      font-size: 10px;
      color: #FFFFFF;
      height: 22px;
      border: 1px solid #d9d9d9; }
    .brick-control-date-range-field-container span, .ctrl-daterange-ct-field-container span {
      font-size: 10px;
      color: #1B1A1A;
      text-align: left; }
  .brick-control-date-range-container, .ctrl-daterange-ct-container {
    background-color: #d9d9d9;
    border: 1px solid #d9d9d9;
    border-radius: 5px; }
    .brick-control-date-range-container .pricemovement .selected, .ctrl-daterange-ct-container .pricemovement .selected {
      background-color: #d9d9d9;
      box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.25); }
  .brick-control-date-range-search-btn, .ctrl-daterange-ct-search-btn {
    background: linear-gradient(#FFFFFF, #F2F1F2);
    color: #1B1A1A;
    transition: box-shadow 0.2s;
    font-size: 10px;
    font-weight: 500;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    height: 30px;
    line-height: 30px;
    margin: 14px 24px; }
    .brick-control-date-range-search-btn:hover, .ctrl-daterange-ct-search-btn:hover {
      box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }

#pricemovement-chart-chart-container .simplebar-scroll-content {
  margin-bottom: 0px !important; }

#pricemovement-chart-chart-container .simplebar-content {
  padding-bottom: 0px !important; }

.google-visualization-tooltip {
  -webkit-box-shadow: none !important;
  border: none !important;
  outline: none !important;
  border-radius: unset !important;
  background: transparent;
  background-color: unset !important; }
  .google-visualization-tooltip .gg-chart-tip {
    border: none;
    box-shadow: none; }
    .google-visualization-tooltip .gg-chart-tip.custom {
      box-shadow: none;
      background-color: #F6F6F6 !important;
      border: none;
      border-radius: 5px;
      padding: 10px; }
      .google-visualization-tooltip .gg-chart-tip.custom span {
        text-transform: capitalize;
        font-size: 10px !important; }
        .google-visualization-tooltip .gg-chart-tip.custom span b {
          text-transform: capitalize;
          color: #1B1A1A;
          font-size: 10px;
          text-align: left; }

#weekly-chart-chart-area {
  height: 380px; }
  #weekly-chart-chart-area .google-visualization-tooltip {
    background-color: #F6F6F6 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); }
    #weekly-chart-chart-area .google-visualization-tooltip span {
      color: #1B1A1A !important;
      text-transform: capitalize !important;
      font-size: 10px !important; }
      #weekly-chart-chart-area .google-visualization-tooltip span b {
        text-transform: capitalize !important;
        color: #1B1A1A !important;
        font-size: 10px !important;
        text-align: left !important;
        padding-left: 15px !important; }

#pm-list-tooltip, .pm-list-tooltip {
  border: none !important;
  background: #F6F6F6;
  padding: 10px; }
  #pm-list-tooltip span, .pm-list-tooltip span {
    color: #1B1A1A;
    text-transform: capitalize;
    font-size: 10px; }
    #pm-list-tooltip span b, .pm-list-tooltip span b {
      text-transform: capitalize;
      color: #1B1A1A;
      font-size: 10px;
      text-align: left; }
  #pm-list-tooltip-desc.focused, #pm-list-tooltip-desc .focused, .pm-list-tooltip-desc.focused, .pm-list-tooltip-desc .focused {
    background-color: unset !important;
    margin: 4px; }
    #pm-list-tooltip-desc.focused span, #pm-list-tooltip-desc .focused span, .pm-list-tooltip-desc.focused span, .pm-list-tooltip-desc .focused span {
      font-size: 12px !important;
      color: #FFFFFF !important;
      text-align: left; }
      #pm-list-tooltip-desc.focused span b, #pm-list-tooltip-desc .focused span b, .pm-list-tooltip-desc.focused span b, .pm-list-tooltip-desc .focused span b {
        font-size: 12px !important;
        color: #FFFFFF !important; }
  #pm-list-tooltip:after, .pm-list-tooltip:after {
    display: none;
    border-right-color: #000000; }
  #pm-list-tooltip:before, .pm-list-tooltip:before {
    border-right-color: #000000;
    display: none; }

/* start datetime picker  */
.arrow-calendar, #ui-datepicker-div .ui-datepicker-prev, .brick-control-float-calendar-container .ui-datepicker-prev, #ui-datepicker-div .ui-datepicker-next, .brick-control-float-calendar-container .ui-datepicker-next, .ui-datepicker-prev, .ui-datepicker-next, #weekly-chart-control-next, #weekly-chart-control-prev {
  background: url("../../images/themes/dark/ic-calendar-arrow.svg") center;
  background-repeat: no-repeat;
  height: 32px;
  opacity: 0.6; }

.brick-control-float-calendar-container {
  width: 320px !important; }

#ui-datepicker-div.ui-widget, .brick-control-float-calendar-container.ui-widget {
  font-family: "Roboto Standard", arial, helvetica, sans-serif; }
  #ui-datepicker-div.ui-widget.ui-widget-content, .brick-control-float-calendar-container.ui-widget.ui-widget-content {
    border-radius: 5px;
    box-shadow: 0 1px 2px 0 rgba(48, 50, 70, 0.2);
    border: 0.7px solid #d9d9d9; }

#ui-datepicker-div .ui-datepicker thead, .brick-control-float-calendar-container .ui-datepicker thead {
  background: transparent;
  border-bottom: none; }

#ui-datepicker-div .ui-datepicker-header, .brick-control-float-calendar-container .ui-datepicker-header {
  background: #f3ab00;
  width: 306px;
  height: 34px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }

#ui-datepicker-div .ui-datepicker-prev, .brick-control-float-calendar-container .ui-datepicker-prev {
  transform: rotate(180deg); }
  #ui-datepicker-div .ui-datepicker-prev:after, .brick-control-float-calendar-container .ui-datepicker-prev:after {
    display: none !important; }
  #ui-datepicker-div .ui-datepicker-prev:hover, .brick-control-float-calendar-container .ui-datepicker-prev:hover {
    opacity: 1; }

#ui-datepicker-div .ui-datepicker-next, .brick-control-float-calendar-container .ui-datepicker-next {
  top: 10px; }
  #ui-datepicker-div .ui-datepicker-next:after, .brick-control-float-calendar-container .ui-datepicker-next:after {
    display: none !important; }
  #ui-datepicker-div .ui-datepicker-next:hover, .brick-control-float-calendar-container .ui-datepicker-next:hover {
    opacity: 1; }

#ui-datepicker-div .ui-datepicker-title, .brick-control-float-calendar-container .ui-datepicker-title {
  height: 32px;
  line-height: 32px; }

#ui-datepicker-div .ui-datepicker-current, #ui-datepicker-div .ui-datepicker-close, .brick-control-float-calendar-container .ui-datepicker-current, .brick-control-float-calendar-container .ui-datepicker-close {
  background: linear-gradient(#FFFFFF, #F2F1F2);
  color: #1B1A1A;
  transition: box-shadow 0.2s;
  font-size: 12px;
  color: #1B1A1A;
  padding: 9px 10px;
  border: none;
  font-size: 12px;
  color: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  bottom: 10px;
  left: 25px;
  width: 80px;
  cursor: pointer;
  font-family: "Roboto Medium", arial, helvetica, sans-serif; }
  #ui-datepicker-div .ui-datepicker-current:hover, #ui-datepicker-div .ui-datepicker-close:hover, .brick-control-float-calendar-container .ui-datepicker-current:hover, .brick-control-float-calendar-container .ui-datepicker-close:hover {
    box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }

.ui-datepicker-prev {
  transform: rotate(180deg); }
  .ui-datepicker-prev:after {
    display: none !important; }
  .ui-datepicker-prev:hover {
    opacity: 1; }

.ui-datepicker-next:after {
  display: none !important; }

.ui-datepicker-next:hover {
  opacity: 1; }

.ui-datepicker-header {
  background: #f3ab00;
  padding: 7px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }

.ui-datepicker-other-month a {
  color: #1B1A1A; }

.ui-datepicker thead {
  background: transparent;
  border-bottom: none; }

.ui-datepicker table {
  margin-top: 20px; }
  .ui-datepicker table tr th {
    text-align: center;
    padding-bottom: 16px;
    font-size: 11px;
    font-weight: normal;
    color: #1B1A1A; }
    .ui-datepicker table tr th span {
      text-align: center;
      font-size: 11px;
      font-weight: normal;
      color: #1B1A1A; }

.ui-datepicker tbody td {
  padding-bottom: 10px;
  border-right: none; }
  .ui-datepicker tbody td:first-child {
    color: #f3ab00; }
  .ui-datepicker tbody td a {
    font-size: 11px;
    color: #1B1A1A;
    font-weight: normal;
    text-decoration: none; }

.ui-datepicker tbody tr {
  border-bottom: none; }

.ui-datepicker .ui-datepicker-today {
  background: none; }
  .ui-datepicker .ui-datepicker-today a {
    border: 1.5px solid #f3ab00 !important;
    border-collapse: separate;
    border-radius: 20px; }

.ui-datepicker .ui-datepicker-month, .ui-datepicker .ui-datepicker-year {
  height: 28px;
  text-align: center;
  width: 76px;
  border: none;
  margin: 1px 0;
  padding-left: 14px;
  font-size: 12px;
  font-weight: 500; }

.ui-datepicker .ui-datepicker-month {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-right: 1px solid #f3ab00; }

.ui-datepicker .ui-datepicker-year {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }

.ui-datepicker .ui-datepicker-other-month a {
  color: #1B1A1A;
  opacity: 0.5; }

/* end datetime picker */
#invoice-detail-window-header, #stockorder-detail-window-header {
  background-color: #d9d9d9;
  padding: 10px 0;
  border-radius: 5px; }
  #invoice-detail-window-header b, #invoice-detail-window-header span, #stockorder-detail-window-header b, #stockorder-detail-window-header span {
    font-size: 12px;
    font-weight: normal;
    font-family: "Roboto Medium", arial, helvetica, sans-serif; }
  #invoice-detail-window-header img, #stockorder-detail-window-header img {
    transition: 0.3s ease; }

#colorbox, #cboxOverlay, #cboxWrapper {
  z-index: 999; }

#cboxOverlay {
  background-color: #dddddd; }

#cboxLoadedContent {
  overflow: hidden !important; }
  #cboxLoadedContent #invoice-detail-window, #cboxLoadedContent #stockorder-detail-window {
    background: #F1F1F1;
    border-radius: 5px; }
    #cboxLoadedContent #invoice-detail-window #invoice-detail-window-header, #cboxLoadedContent #invoice-detail-window #stockorder-detail-window-header, #cboxLoadedContent #stockorder-detail-window #invoice-detail-window-header, #cboxLoadedContent #stockorder-detail-window #stockorder-detail-window-header {
      background-color: #d9d9d9;
      padding: 10px 0;
      border-radius: 5px;
      border: 1px solid #d9d9d9; }
      #cboxLoadedContent #invoice-detail-window #invoice-detail-window-header b, #cboxLoadedContent #invoice-detail-window #invoice-detail-window-header span, #cboxLoadedContent #invoice-detail-window #stockorder-detail-window-header b, #cboxLoadedContent #invoice-detail-window #stockorder-detail-window-header span, #cboxLoadedContent #stockorder-detail-window #invoice-detail-window-header b, #cboxLoadedContent #stockorder-detail-window #invoice-detail-window-header span, #cboxLoadedContent #stockorder-detail-window #stockorder-detail-window-header b, #cboxLoadedContent #stockorder-detail-window #stockorder-detail-window-header span {
        font-size: 12px;
        font-weight: 500;
        font-family: "Roboto Medium", arial, helvetica, sans-serif; }
      #cboxLoadedContent #invoice-detail-window #invoice-detail-window-header img, #cboxLoadedContent #invoice-detail-window #stockorder-detail-window-header img, #cboxLoadedContent #stockorder-detail-window #invoice-detail-window-header img, #cboxLoadedContent #stockorder-detail-window #stockorder-detail-window-header img {
        transition: 0.3s ease; }
    #cboxLoadedContent #invoice-detail-window #invoice-detail-window-body, #cboxLoadedContent #invoice-detail-window #stockorder-detail-window-body, #cboxLoadedContent #stockorder-detail-window #invoice-detail-window-body, #cboxLoadedContent #stockorder-detail-window #stockorder-detail-window-body {
      min-height: 70px;
      margin-top: 10px; }
      #cboxLoadedContent #invoice-detail-window #invoice-detail-window-body td, #cboxLoadedContent #invoice-detail-window #stockorder-detail-window-body td, #cboxLoadedContent #stockorder-detail-window #invoice-detail-window-body td, #cboxLoadedContent #stockorder-detail-window #stockorder-detail-window-body td {
        font-size: 12px; }
      #cboxLoadedContent #invoice-detail-window #invoice-detail-window-body .google-visualization-table > div:first-child, #cboxLoadedContent #invoice-detail-window #stockorder-detail-window-body .google-visualization-table > div:first-child, #cboxLoadedContent #stockorder-detail-window #invoice-detail-window-body .google-visualization-table > div:first-child, #cboxLoadedContent #stockorder-detail-window #stockorder-detail-window-body .google-visualization-table > div:first-child {
        border-radius: 5px;
        overflow: auto !important; }
      #cboxLoadedContent #invoice-detail-window #invoice-detail-window-body .google-visualization-table-table, #cboxLoadedContent #invoice-detail-window #stockorder-detail-window-body .google-visualization-table-table, #cboxLoadedContent #stockorder-detail-window #invoice-detail-window-body .google-visualization-table-table, #cboxLoadedContent #stockorder-detail-window #stockorder-detail-window-body .google-visualization-table-table {
        border-collapse: separate; }
      #cboxLoadedContent #invoice-detail-window #invoice-detail-window-body tbody td:nth-child(3), #cboxLoadedContent #invoice-detail-window #stockorder-detail-window-body tbody td:nth-child(3), #cboxLoadedContent #stockorder-detail-window #invoice-detail-window-body tbody td:nth-child(3), #cboxLoadedContent #stockorder-detail-window #stockorder-detail-window-body tbody td:nth-child(3) {
        border-top: 2px solid #FFFFFF;
        border-bottom: 2px solid #FFFFFF;
        border-right: 0; }
      #cboxLoadedContent #invoice-detail-window #invoice-detail-window-body tbody td:last-child, #cboxLoadedContent #invoice-detail-window #stockorder-detail-window-body tbody td:last-child, #cboxLoadedContent #stockorder-detail-window #invoice-detail-window-body tbody td:last-child, #cboxLoadedContent #stockorder-detail-window #stockorder-detail-window-body tbody td:last-child {
        border-right: 4px solid #FFFFFF; }
      #cboxLoadedContent #invoice-detail-window #invoice-detail-window-body .google-visualization-table, #cboxLoadedContent #invoice-detail-window #stockorder-detail-window-body .google-visualization-table, #cboxLoadedContent #stockorder-detail-window #invoice-detail-window-body .google-visualization-table, #cboxLoadedContent #stockorder-detail-window #stockorder-detail-window-body .google-visualization-table {
        margin: 0; }
      #cboxLoadedContent #invoice-detail-window #invoice-detail-window-body .row-header, #cboxLoadedContent #invoice-detail-window #stockorder-detail-window-body .row-header, #cboxLoadedContent #stockorder-detail-window #invoice-detail-window-body .row-header, #cboxLoadedContent #stockorder-detail-window #stockorder-detail-window-body .row-header {
        height: 37px; }
        #cboxLoadedContent #invoice-detail-window #invoice-detail-window-body .row-header th, #cboxLoadedContent #invoice-detail-window #stockorder-detail-window-body .row-header th, #cboxLoadedContent #stockorder-detail-window #invoice-detail-window-body .row-header th, #cboxLoadedContent #stockorder-detail-window #stockorder-detail-window-body .row-header th {
          background: linear-gradient(#FFFFFF, #F2F1F2) !important;
          font-weight: 500;
          font-size: 12px !important;
          font-family: "Roboto Standard", arial, helvetica, sans-serif !important;
          border-color: #d9d9d9 !important;
          border-width: 0 1px 1px 0;
          border-right-color: transparent !important; }
        #cboxLoadedContent #invoice-detail-window #invoice-detail-window-body .row-header th:nth-child(3), #cboxLoadedContent #invoice-detail-window #stockorder-detail-window-body .row-header th:nth-child(3), #cboxLoadedContent #stockorder-detail-window #invoice-detail-window-body .row-header th:nth-child(3), #cboxLoadedContent #stockorder-detail-window #stockorder-detail-window-body .row-header th:nth-child(3) {
          border: solid;
          border-width: 0 1px 1px 0; }
        #cboxLoadedContent #invoice-detail-window #invoice-detail-window-body .row-header:hover, #cboxLoadedContent #invoice-detail-window #stockorder-detail-window-body .row-header:hover, #cboxLoadedContent #stockorder-detail-window #invoice-detail-window-body .row-header:hover, #cboxLoadedContent #stockorder-detail-window #stockorder-detail-window-body .row-header:hover {
          box-shadow: none !important; }
          #cboxLoadedContent #invoice-detail-window #invoice-detail-window-body .row-header:hover th, #cboxLoadedContent #invoice-detail-window #stockorder-detail-window-body .row-header:hover th, #cboxLoadedContent #stockorder-detail-window #invoice-detail-window-body .row-header:hover th, #cboxLoadedContent #stockorder-detail-window #stockorder-detail-window-body .row-header:hover th {
            border-width: 0 1px 1px 0; }
          #cboxLoadedContent #invoice-detail-window #invoice-detail-window-body .row-header:hover th:not(:last-child), #cboxLoadedContent #invoice-detail-window #stockorder-detail-window-body .row-header:hover th:not(:last-child), #cboxLoadedContent #stockorder-detail-window #invoice-detail-window-body .row-header:hover th:not(:last-child), #cboxLoadedContent #stockorder-detail-window #stockorder-detail-window-body .row-header:hover th:not(:last-child) {
            border-right-color: #d9d9d9 !important; }
    #cboxLoadedContent #invoice-detail-window-header img, #cboxLoadedContent #stockorder-detail-window-header img {
      transform: inherit; }

#colorbox #cboxWrapper #cboxContent #cboxLoadedContent {
  height: 100% !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

#colorbox.popup-outlet-hierarchy {
  background-color: #FFFFFF;
  border-radius: 5px; }
  #colorbox.popup-outlet-hierarchy #cboxWrapper {
    margin-top: 20px;
    height: calc(100% - 20px) !important; }
    #colorbox.popup-outlet-hierarchy #cboxWrapper #cboxContent #cboxLoadedContent {
      height: 100% !important;
      margin-top: 0 !important;
      margin-bottom: 0 !important; }
      #colorbox.popup-outlet-hierarchy #cboxWrapper #cboxContent #cboxLoadedContent #popup-outlet-hierarchy {
        height: calc(100% - 20px) !important;
        margin: 0 !important;
        background-color: transparent; }
        #colorbox.popup-outlet-hierarchy #cboxWrapper #cboxContent #cboxLoadedContent #popup-outlet-hierarchy.outlet-hierarchy .outlet-node span {
          font-weight: 500;
          font-family: "Roboto Medium", arial, helvetica, sans-serif; }

#wall-content .brick, #cloned_items .brick {
  background: unset;
  margin-left: 0px;
  margin-top: 10px;
  border-radius: 5px;
  margin-right: 10px;
  margin-bottom: 0;
  border: 1px solid #d9d9d9;
  background-color: #FFFFFF; }
  #wall-content .brick-header, #cloned_items .brick-header {
    padding: 0px;
    border-radius: 5px 5px 0 0; }
  #wall-content .brick-body, #cloned_items .brick-body {
    border-radius: 0 0 5px 5px; }
  #wall-content .brick[data-value="news"], #cloned_items .brick[data-value="news"] {
    padding-bottom: 10px;
    height: 470px;
    margin-bottom: 0px; }

#wall-content .table-icon, #cloned_items .table-icon {
  height: 21px !important;
  background-image: url("../../images/themes/light/icon-calendar-db.svg"); }

.gg-chart-itemspent-tooltip.custom {
  background-color: #F6F6F6;
  border-radius: 5px;
  padding: 10px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); }
  .gg-chart-itemspent-tooltip.custom b {
    color: #1B1A1A;
    font-size: 10px; }
  .gg-chart-itemspent-tooltip.custom div, .gg-chart-itemspent-tooltip.custom font {
    color: #1B1A1A;
    font-size: 10px; }

.gg-chart-itemspent-tooltip-stock, .gg-chart-itemspent-tooltip-supplier {
  width: 140px !important; }

#selectTopItems input {
  padding-left: 15px; }

#selectPerHour .x-form-field-wrap, #selectChartType .x-form-field-wrap, #selectChart .x-form-field-wrap, #selectTopItems .x-form-field-wrap {
  height: 40px;
  margin: 0 3px 3px 3px; }
  #selectPerHour .x-form-field-wrap img, #selectChartType .x-form-field-wrap img, #selectChart .x-form-field-wrap img, #selectTopItems .x-form-field-wrap img {
    height: 40px !important; }

#selectPerHour #ctb-select-per-hour, #selectPerHour #ctb-select-chart-type-pph, #selectPerHour #ctb-select-chart-type-pi, #selectPerHour #select-top-item-spent, #selectChartType #ctb-select-per-hour, #selectChartType #ctb-select-chart-type-pph, #selectChartType #ctb-select-chart-type-pi, #selectChartType #select-top-item-spent, #selectChart #ctb-select-per-hour, #selectChart #ctb-select-chart-type-pph, #selectChart #ctb-select-chart-type-pi, #selectChart #select-top-item-spent, #selectTopItems #ctb-select-per-hour, #selectTopItems #ctb-select-chart-type-pph, #selectTopItems #ctb-select-chart-type-pi, #selectTopItems #select-top-item-spent {
  font-size: 12px;
  height: 40px !important;
  font-weight: 500;
  font-family: "Roboto Medium", arial, helvetica, sans-serif; }

#date-to-month .x-form-field-wrap, #optionDateToWeekLiveFoodCostDashboard .x-form-field-wrap, #viewLiveFoodCost .x-form-field-wrap {
  height: 30px;
  margin: 0 3px 3px 3px; }
  #date-to-month .x-form-field-wrap img, #optionDateToWeekLiveFoodCostDashboard .x-form-field-wrap img, #viewLiveFoodCost .x-form-field-wrap img {
    height: 30px !important; }

#date-to-month input, #optionDateToWeekLiveFoodCostDashboard input, #viewLiveFoodCost input {
  font-size: 12px;
  height: 30px !important;
  font-weight: 500;
  font-family: "Roboto Medium", arial, helvetica, sans-serif; }

.x-combo-list {
  background: #FFFFFF; }

.ctb-select-per-hour-list, .ctb-select-chart-type-list {
  width: 114px !important; }
  .ctb-select-per-hour-list .x-combo-list-inner, .ctb-select-chart-type-list .x-combo-list-inner {
    width: 114px !important;
    overflow: hidden; }
  .ctb-select-per-hour-list .x-combo-list-item, .ctb-select-chart-type-list .x-combo-list-item {
    padding: 8px;
    border: none; }

.ctb-select-top-item-spent-list {
  width: 98px !important; }
  .ctb-select-top-item-spent-list .x-combo-list-inner {
    width: 98px !important;
    overflow: hidden; }
  .ctb-select-top-item-spent-list .x-combo-list-item {
    padding: 8px;
    border: none; }

.x-combo-list-item {
  font-family: "Roboto Standard", arial, helvetica, sans-serif; }

#tablediv .google-visualization-table-div-page {
  padding: 4px !important;
  border-radius: 0 0 5px 5px; }

#tablediv .simplebar-scroll-content {
  margin-bottom: -17px !important; }

#tablediv .row-table, #tablediv .row-odd {
  height: 34px; }

#tablediv .google-visualization-table {
  margin: 0px; }
  #tablediv .google-visualization-table > div:first-child {
    overflow: hidden !important; }

/* Start Hot Deals*/
#ctb-hotdeals {
  max-height: 100% !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }
  #ctb-hotdeals .well {
    background-color: #F1F1F1;
    border: none;
    margin-bottom: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 15px; }
    #ctb-hotdeals .well div {
      border-radius: 5px;
      border: 1px solid #d9d9d9;
      background-color: #FFFFFF; }
    #ctb-hotdeals .well img {
      border-radius: 5px; }

/*End Hot Deals*/
.stockorder-stockorder-detail-trigger-custom, .invoices-invoice-detail-trigger-custom, .mailbox-mailbox-detail-trigger {
  background: url("../../images/themes/light/ic-plus-table-dashboard.svg") no-repeat;
  position: absolute;
  width: 20px;
  height: 20px;
  right: 20px;
  top: calc((100% - 20px) / 2);
  font-size: 0; }
  .stockorder-stockorder-detail-trigger-custom:before, .invoices-invoice-detail-trigger-custom:before, .mailbox-mailbox-detail-trigger:before {
    text-shadow: unset;
    color: #4370b7; }
  .stockorder-stockorder-detail-trigger-custom:hover, .invoices-invoice-detail-trigger-custom:hover, .mailbox-mailbox-detail-trigger:hover {
    background: linear-gradient(#FFFFFF, #F2F1F2);
    min-width: 90px;
    font-size: 11px;
    font-weight: 500;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    cursor: pointer; }
    .stockorder-stockorder-detail-trigger-custom:hover span, .invoices-invoice-detail-trigger-custom:hover span, .mailbox-mailbox-detail-trigger:hover span {
      left: 25px;
      top: 3px;
      position: absolute;
      color: #1B1A1A; }
    .stockorder-stockorder-detail-trigger-custom:hover .icon-plus-view-detail-dashboard, .invoices-invoice-detail-trigger-custom:hover .icon-plus-view-detail-dashboard, .mailbox-mailbox-detail-trigger:hover .icon-plus-view-detail-dashboard {
      display: block;
      position: absolute;
      left: 5px;
      top: 4px;
      width: 10px;
      height: 10px; }
  .stockorder-stockorder-detail-trigger-custom .icon-plus-view-detail-dashboard, .invoices-invoice-detail-trigger-custom .icon-plus-view-detail-dashboard, .mailbox-mailbox-detail-trigger .icon-plus-view-detail-dashboard {
    display: none;
    background: url("../../images/themes/light/ic-plus-view-detail-dashboard.svg") no-repeat; }

/* start feedback-box*/
#feedback-box {
  border: solid 1px #d9d9d9;
  background: #F1F1F1;
  border-radius: 5px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); }
  #feedback-box h2 {
    background: linear-gradient(#FFFFFF, #F2F1F2);
    color: #1B1A1A;
    transition: box-shadow 0.2s;
    font-size: 17px;
    font-weight: 500;
    color: #1B1A1A;
    padding: 5px; }
    #feedback-box h2:hover {
      box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
  #feedback-box p {
    color: #1B1A1A;
    font-size: 12px;
    padding-left: 12px; }
  #feedback-box textarea {
    background: #d9d9d9;
    border: none;
    color: #1B1A1A;
    border-radius: 5px; }
  #feedback-box #fbSend, #feedback-box #fbCancel {
    font-size: 12px;
    color: #1B1A1A;
    padding: 9px 10px;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    background: linear-gradient(#FFFFFF, #F2F1F2);
    color: #1B1A1A;
    transition: box-shadow 0.2s; }
    #feedback-box #fbSend:hover, #feedback-box #fbCancel:hover {
      box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }

/*end feedback-box*/
#display.report-showed::before {
  width: calc(100% + 80px);
  height: calc(100% + 180px);
  position: absolute;
  top: -80px;
  left: -80px;
  z-index: 102;
  background-color: #a3a3a3;
  opacity: 0.8;
  transition: opacity 0.5s;
  content: ''; }

#display .x-form-field-wrap-hover:hover {
  box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }

#display .form-content li input[type="text"], #display .form-content li select {
  right: unset; }

#display .x-form-field-wrap, #display .x-form-text, #display .ctb_transparent_bg_color .ctb-reciperipper-url, .ctb_transparent_bg_color #display .ctb-reciperipper-url, #display .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct #display .b-h-ip, #display .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row #display .r-ip, #display .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell #display input.b-bd-fh-input, #display .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r #display .bd-r-ip {
  height: 30px !important; }
  #display .x-form-field-wrap .x-form-trigger, #display .x-form-text .x-form-trigger, #display .ctb_transparent_bg_color .ctb-reciperipper-url .x-form-trigger, .ctb_transparent_bg_color #display .ctb-reciperipper-url .x-form-trigger, #display .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip .x-form-trigger, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct #display .b-h-ip .x-form-trigger, #display .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip .x-form-trigger, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row #display .r-ip .x-form-trigger, #display .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input .x-form-trigger, .b-bd-fh .b-bd-fh-cell #display input.b-bd-fh-input .x-form-trigger, #display .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip .x-form-trigger, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r #display .bd-r-ip .x-form-trigger {
    height: 30px !important; }

#display .report-panel-handle {
  background: linear-gradient(#FFFFFF, #F2F1F2);
  color: #1B1A1A;
  transition: box-shadow 0.2s;
  text-transform: capitalize;
  -webkit-box-shadow: none;
  font-family: "Roboto Standard", arial, helvetica, sans-serif;
  font-size: 16px;
  font-weight: 500;
  border-bottom: 1px solid #d9d9d9; }
  #display .report-panel-handle:hover {
    box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
  #display .report-panel-handle:hover {
    box-shadow: none; }

#display .form-content li input[type="text"], #display .form-content li select {
  background: #d9d9d9;
  width: 170px;
  font-size: 12px;
  color: #1B1A1A;
  height: 30px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  font-family: "Roboto Standard", arial, helvetica, sans-serif;
  transition: box-shadow 0.2s; }

#display .form-content input[type=checkbox] {
  height: 18px;
  width: 18px;
  -webkit-appearance: none;
  background-image: url("../../images/themes/light/ic-uncheck.svg");
  background-size: cover;
  background-color: initial; }
  #display .form-content input[type=checkbox]:checked {
    background: unset;
    background-image: url("../../images/themes/dtp/ic-checked.svg");
    background-size: cover; }

#display ul li {
  margin: 4px; }
  #display ul li label {
    font-weight: normal;
    font-size: 12px;
    color: #1B1A1A; }
  #display ul li .wastage-record-submit, #display ul li .credit-note-submit, #display ul li .purchases-to-revenue-food-cost-submit, #display ul li .item-spent-submit, #display ul li .invoice-transaction-submit, #display ul li .stocktake-sheet-submit, #display ul li .stocktake-valuation-submit {
    font-weight: 500;
    font-size: 12px;
    color: #1B1A1A;
    position: relative;
    font-family: "Roboto Medium", arial, helvetica, sans-serif;
    line-height: 36px; }

#display .whiteBG {
  background: transparent;
  color: #1B1A1A; }

#display .choose-outlet-btn {
  height: 30px;
  line-height: 30px;
  background: linear-gradient(#FFFFFF, #F2F1F2);
  color: #1B1A1A;
  transition: box-shadow 0.2s;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  cursor: pointer;
  font-family: "Roboto Medium", arial, helvetica, sans-serif;
  font-weight: 500;
  font-size: 12px; }
  #display .choose-outlet-btn:hover {
    box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }

#display .form-btn:after {
  display: none; }

#display .report-option-panel {
  z-index: 102;
  font-family: "Roboto Standard", arial, helvetica, sans-serif;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  border: 1px solid #d9d9d9; }
  #display .report-option-panel a {
    transition: 0.3s ease; }
    #display .report-option-panel a:hover {
      background: unset;
      transform: scale(1.4, 1.4); }

#display #item-spent-select1, #display #invoice-transaction-select1 {
  right: 45px; }
  #display #item-spent-select1 #ctb-item-spent-select, #display #item-spent-select1 #ctb-invoice-transaction-select, #display #invoice-transaction-select1 #ctb-item-spent-select, #display #invoice-transaction-select1 #ctb-invoice-transaction-select {
    border: unset;
    font-family: "Roboto Standard", arial, helvetica, sans-serif; }

#content #menu {
  min-height: unset;
  position: fixed;
  height: auto;
  right: 20px;
  bottom: 20px;
  display: flex;
  width: auto;
  border-radius: 28px;
  background: linear-gradient(#FFC438, #f3ab00);
  box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11);
  margin-right: 0;
  opacity: 0.6;
  transition: opacity 0.2s; }
  #content #menu:hover {
    opacity: 1; }
  #content #menu > li:first-child {
    border-top-left-radius: 28px;
    border-bottom-left-radius: 28px; }
  #content #menu > li:last-child {
    border-top-right-radius: 28px;
    border-bottom-right-radius: 28px; }
  #content #menu > li:hover {
    background: rgba(255, 255, 255, 0.1); }
  #content #menu > li:before {
    display: none; }
  #content #menu > li .menu-dashboard {
    width: 24px;
    height: 24px;
    margin: 12px 14px; }
    #content #menu > li .menu-dashboard.features {
      background: url("../../images/themes/features-hover.svg"); }
    #content #menu > li .menu-dashboard.choose-a-report {
      background: url("../../images/themes/choose-a-report-hover.svg"); }
    #content #menu > li .menu-dashboard.little-black-book {
      background: url("../../images/themes/little-black-book-hover.svg"); }
    #content #menu > li .menu-dashboard.support {
      background: url("../../images/themes/support-hover.svg"); }
    #content #menu > li .menu-dashboard.calculator {
      background: url("../../images/themes/calculator-hover.svg"); }
    #content #menu > li .menu-dashboard.purchase-order {
      background: url("../../images/themes/purchase-order-hover.svg"); }
    #content #menu > li .menu-dashboard.receiving-invoice {
      background: url("../../images/themes/receiving-invoice-hover.svg"); }
    #content #menu > li .menu-dashboard.stocktake {
      background: url("../../images/themes/stocktake-hover.svg"); }
  #content #menu .menu-sub {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
    left: 0;
    border: 1px solid #d9d9d9;
    background: #FFFFFF;
    border-radius: 5px; }
    #content #menu .menu-sub li {
      line-height: 34px;
      color: #1B1A1A;
      background: transparent;
      height: 34px;
      text-indent: 0;
      padding-left: 8px;
      transition: padding-left 0.2s, text-indent 0.2s, border-left 0.2s;
      border-color: #f3ab00; }
      #content #menu .menu-sub li:not(:last-child) {
        border-bottom: 1px solid #d9d9d9; }
      #content #menu .menu-sub li:first-child {
        text-transform: unset;
        font-weight: unset;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        pointer-events: unset; }
      #content #menu .menu-sub li:last-child {
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px; }
      #content #menu .menu-sub li:hover {
        box-shadow: inset 5px 0 0 0 #f3ab00;
        text-indent: 10px;
        background: #F1F1F1;
        cursor: pointer; }
  #content #menu .report-list {
    top: -249px;
    left: -180px;
    width: 278px; }
    #content #menu .report-list li {
      width: 260px; }
  #content #menu .little-black-book {
    top: -75px;
    left: -112px;
    width: 158px; }
    #content #menu .little-black-book li {
      width: 140px; }
  #content #menu .bricks {
    top: -459px;
    left: -73px;
    width: 223px; }
    #content #menu .bricks li {
      width: 205px; }
      #content #menu .bricks li:hover {
        cursor: pointer; }
  #content #menu #menu-purchase-order::before,
  #content #menu #menu-receiving-order::before {
    display: none; }
  #content #menu-sidebar {
    box-shadow: 0 2px 12px 0 rgba(27, 26, 26, 0.15); }

#wall {
  left: 10px;
  width: calc(100% - 10px); }

#popup-outlet-hierarchy {
  background: #F1F1F1;
  padding: 0; }

#cboxClose {
  right: 8px;
  top: -12px;
  background-color: unset;
  background-size: cover;
  background-image: url("../../images/themes/light/ic-delete.svg");
  background-repeat: no-repeat;
  border-radius: 50%;
  transition: 0.3s ease;
  background-position: 0 0; }
  #cboxClose:hover {
    background-position: 0 0;
    transform: scale(1.4, 1.4); }

td.ui-state-hover {
  background: unset; }

#stocktake-valuation-select1, #invoice-transaction-select1, #item-spent-select1 {
  width: 160px;
  float: right;
  height: 30px;
  border-radius: 5px; }
  #stocktake-valuation-select1.selected, #invoice-transaction-select1.selected, #item-spent-select1.selected {
    background: unset;
    border: none; }

#ctb-stock-take-date {
  border: none !important; }

#invoice-transaction-select1, #item-spent-select1 {
  width: 210px; }

#weekly-chart-control-next {
  background: url("../../images/themes/light/arraw-icon.svg") center no-repeat;
  width: 45px;
  background-position: -0px -52px;
  background-size: cover;
  right: -10px; }
  #weekly-chart-control-next::before {
    content: unset; }

#weekly-chart-control-prev {
  width: 45px;
  background: url("../../images/themes/light/arraw-icon.svg") center no-repeat;
  transform: rotate(180deg);
  background-position: -0px -58px;
  background-size: cover;
  left: -10px;
  height: 27px;
  z-index: 0; }
  #weekly-chart-control-prev::before {
    content: unset; }

#weekly-chart-options {
  margin: 10px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  height: 418px; }
  #weekly-chart-options .weekly-chart-option {
    height: 52.5px;
    background-color: #FFFFFF;
    cursor: pointer;
    transition: box-shadow 0.2s, padding-left 0.2s; }
    #weekly-chart-options .weekly-chart-option:first-child {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
    #weekly-chart-options .weekly-chart-option:last-child {
      height: 54px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
    #weekly-chart-options .weekly-chart-option:not(:last-child) {
      border-bottom: 1px solid #d9d9d9; }
    #weekly-chart-options .weekly-chart-option span, #weekly-chart-options .weekly-chart-option b {
      color: #1B1A1A;
      font-weight: 500;
      font-size: 12px;
      font-family: "Roboto Medium", arial, helvetica, sans-serif; }
    #weekly-chart-options .weekly-chart-option span {
      width: 110px; }
    #weekly-chart-options .weekly-chart-option b {
      text-shadow: none; }
    #weekly-chart-options .weekly-chart-option.selected {
      background: #F1F1F1;
      box-shadow: inset 5px 0 0 0 #f3ab00;
      padding-left: 5px; }
      #weekly-chart-options .weekly-chart-option.selected span, #weekly-chart-options .weekly-chart-option.selected b {
        color: #FFFFFF !important;
        font-weight: 500 !important; }
    #weekly-chart-options .weekly-chart-option:hover {
      background: #F1F1F1;
      box-shadow: inset 5px 0 0 0 #f3ab00;
      padding-left: 5px; }

#weekly-chart-chart-container {
  width: calc(100% - 186px);
  margin: 10px 10px 10px 0px;
  border-radius: 5px;
  height: 419px;
  border: 1px solid #d9d9d9; }

.wall-brick {
  background: #FFFFFF;
  width: calc(100% - 65px); }

.brick {
  width: calc((100% - 25px)/2); }
  .brick-body {
    background: #FFFFFF; }
  .brick-header {
    background: linear-gradient(#FFFFFF, #F2F1F2) !important;
    color: #1B1A1A;
    padding: 6px;
    font-weight: 500;
    border-bottom: 1px solid #d9d9d9;
    cursor: move;
    text-transform: capitalize; }

.being-dragged {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); }

.wall-store-box {
  background: #FFFFFF; }

#wall-supplier-title {
  width: 200px;
  height: 32px;
  border: 1px solid #d9d9d9;
  text-indent: 8px;
  border-radius: 5px;
  vertical-align: middle;
  position: relative;
  top: -1px; }
  #wall-supplier-title:hover {
    box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11);
    transition: 0.2s; }

#wall-supplier-select-category {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-left: 25px; }
  #wall-supplier-select-category .x-form-field-wrap {
    width: 200px !important;
    height: 30px; }
    #wall-supplier-select-category .x-form-field-wrap input {
      width: 180px !important;
      margin-top: -12px;
      margin-left: -10px; }

#wall-supplier-search {
  text-align: left;
  margin: 0;
  vertical-align: middle;
  position: relative;
  top: -1px;
  padding: 0 11px; }

#wall-supplier-back-button {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  transition: 0.3s ease;
  cursor: pointer; }
  #wall-supplier-back-button:hover {
    transform: scale(1.4, 1.4); }

#wall-supplier #icon-search {
  background: url("../../images/themes/light/ic-search.svg") no-repeat center;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  margin-left: 10px;
  top: 4px; }

#wall-supplier select, #wall-supplier input {
  background: #FFFFFF;
  color: #1B1A1A;
  font-family: "Roboto Medium", arial, helvetica, sans-serif;
  font-size: 12px; }
  #wall-supplier select::placeholder, #wall-supplier input::placeholder {
    color: #1B1A1A; }

#wall-supplier button {
  background: linear-gradient(#FFFFFF, #F2F1F2);
  color: #1B1A1A;
  transition: box-shadow 0.2s;
  border-radius: 5px !important;
  height: 32px !important;
  font-family: "Roboto Medium", arial, helvetica, sans-serif;
  border: 1px solid #d9d9d9;
  font-size: 12px; }
  #wall-supplier button:hover {
    box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }

#wall-supplier .brick {
  width: calc(100% - 20px);
  border-radius: 5px;
  margin: 10px;
  margin-top: 0px;
  border: 1px solid #d9d9d9; }
  #wall-supplier .brick-header {
    border-radius: 5px 5px 0 0;
    cursor: unset;
    padding: 0;
    height: 39px; }

#wall-supplier .wall-body {
  padding-top: 15px;
  min-height: calc(100vh - 160px);
  border-radius: 5px; }
  #wall-supplier .wall-body #find-supplier-no-result {
    text-align: center; }

#wall-supplier .wall-store-box {
  margin-left: 15px;
  margin-bottom: 15px;
  width: calc((100% - 100px)/5);
  border: 1px solid #d9d9d9;
  box-shadow: none;
  border-radius: 5px;
  padding: 0px;
  height: 310px;
  transition: 0.2s; }
  #wall-supplier .wall-store-box:hover {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15); }
    #wall-supplier .wall-store-box:hover img {
      transform: scale(1.05, 1.05); }

#wall-supplier .content-image {
  height: 163px;
  line-height: 163px;
  width: 100%;
  background-color: #FFFFFF;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 8px; }

#wall-supplier .img-responsive {
  transition: 0.2s;
  display: inline-block;
  vertical-align: middle; }

#wall-supplier .wall-store-button.View {
  width: 72px; }

#wall-supplier .wall-store-title {
  font-size: 12px;
  font-weight: 500;
  font-family: "Roboto Medium", arial, helvetica, sans-serif;
  color: #f3ab00;
  margin-top: 5px; }

#wall-supplier .text-content {
  color: #1B1A1A;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  margin-bottom: 5px; }
  #wall-supplier .text-content .find-supplier-address {
    width: calc(90%);
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis; }
    #wall-supplier .text-content .find-supplier-address .tooltip {
      display: block;
      top: 265px;
      white-space: normal; }
    #wall-supplier .text-content .find-supplier-address:hover .tooltip {
      visibility: visible; }

#wall-supplier .line-border {
  height: 1px;
  width: 104%;
  background-color: #d9d9d9;
  position: relative;
  left: -2%; }

#wall-supplier .top-content {
  padding: 8px;
  padding-bottom: 0;
  border-bottom: 1px solid #d9d9d9; }

#wall-supplier .content-bottom {
  padding: 8px; }

#wall-supplier .location {
  background: url("../../images/themes/ic-location.svg") center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 15px;
  float: left;
  margin: 1px 5px 0px 0px;
  background-size: 15px 14px;
  height: 14px;
  position: relative; }

#wall-supplier .phone {
  background: url("../../images/themes/light/ic-phone.svg") center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 15px;
  float: left;
  margin: 1px 5px 0px 0px;
  background-size: 15px 14px;
  height: 14px;
  position: relative; }

#wall-store {
  padding-top: 10px; }
  #wall-store .brick {
    border-radius: 5px;
    margin: 10px;
    margin-top: 0px; }
  #wall-store .brick-header {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
  #wall-store .wall-store-box {
    margin: 15px;
    width: calc(100% - 30px);
    padding: 0; }
  #wall-store .brick-body {
    height: calc(100% - 53px);
    padding: 0;
    background-color: #F1F1F1;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }
  #wall-store .wall-brick {
    height: 480px;
    border: 1px solid #d9d9d9;
    border-radius: 5px; }
  #wall-store .img-responsive {
    width: 100% !important;
    height: auto !important;
    border-radius: 5px; }
  #wall-store .well {
    height: 100%;
    border: 1px solid #d9d9d9;
    box-shadow: none;
    border-radius: 5px;
    background-color: #FFFFFF; }

#wall-suppier-brick {
  margin-top: 10px !important;
  margin-bottom: 0 !important; }

#supplier-detail-window {
  background: #FFFFFF;
  color: #FFFFFF;
  border-radius: 5px !important;
  border: 1px solid #d9d9d9; }
  #supplier-detail-window-header-close {
    right: 5px;
    top: 35px; }
  #supplier-detail-window-body-description {
    color: #FFFFFF !important;
    background-color: #dddddd !important; }
  #supplier-detail-window-body-title {
    margin-top: 20px; }
  #supplier-detail-window-body-image {
    margin-top: 20px; }

#map {
  max-height: max-content; }

/*calculator*/
#calculator-panel {
  border-radius: 5px;
  background-color: #d9d9d9;
  box-shadow: none; }
  #calculator-panel #cal-close {
    position: absolute;
    right: 13px;
    top: 16px; }
  #calculator-panel-handle {
    text-transform: capitalize;
    font-size: 20px;
    padding: 18px;
    font-weight: 500;
    color: #1B1A1A; }

#calculator .screen {
  background: #F1F1F1;
  color: #FFFFFF; }

#calculator .keys {
  background: #F1F1F1; }

#calculator .key-col span {
  background: #d9d9d9;
  color: #FFFFFF; }
  #calculator .key-col span:hover {
    background: #d9d9d9; }

#calculator .operator-col span {
  background: #fea300;
  color: #FFFFFF; }
  #calculator .operator-col span:hover {
    background: #fea300; }
  #calculator .operator-col span.eval {
    height: 76px;
    line-height: 76px; }

/* .slot-icon{
    span{
        width: 24px;
        height: 24px;
        display: block;
        position: absolute;
        left: 20px;
        top: 5px;
        background: url($ic-menu) no-repeat;
        background-size: cover;
        i{
            display: none;
        }
    }
} */
#wall.custom #supplier-schedule-table {
  font-size: 10pt;
  font-family: "Roboto Standard", arial, helvetica, sans-serif;
  border-collapse: separate;
  width: 100%;
  border-spacing: 0;
  background-color: #FFFFFF; }
  #wall.custom #supplier-schedule-table th {
    background: linear-gradient(#FFFFFF, #F2F1F2);
    color: #1B1A1A;
    font-size: 12px;
    font-weight: 500;
    padding: 9px !important;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    border-width: 0 1px 1px 0;
    border-color: #d9d9d9;
    border-style: solid;
    border-right-color: transparent !important; }
  #wall.custom #supplier-schedule-table td {
    font-size: 12px;
    height: 31px;
    border: none;
    border-width: none;
    padding-left: 9px;
    border: unset;
    background: #F6F6F6;
    border-top: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF; }
    #wall.custom #supplier-schedule-table td:first-child {
      border-left: 4px solid #FFFFFF;
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px;
      padding-left: 8px !important;
      text-align: left; }
    #wall.custom #supplier-schedule-table td:last-child {
      border-right: 4px solid #FFFFFF;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px; }
  #wall.custom #supplier-schedule-table tr {
    border-top: 4px solid #FFFFFF;
    border-bottom: none; }
    #wall.custom #supplier-schedule-table tr:nth-child(even) {
      background-color: unset !important; }
    #wall.custom #supplier-schedule-table tr:first-child, #wall.custom #supplier-schedule-table tr:nth-child(2) {
      border-top: none; }
    #wall.custom #supplier-schedule-table tr:first-child {
      border-top: none;
      border-bottom: 1px solid #d9d9d9; }
      #wall.custom #supplier-schedule-table tr:first-child:hover th {
        border-width: 0 1px 1px 0; }
        #wall.custom #supplier-schedule-table tr:first-child:hover th:not(:last-child) {
          border-right-color: #d9d9d9 !important; }
    #wall.custom #supplier-schedule-table tr:hover td {
      background-color: #F1F1F1;
      color: #1B1A1A; }
  #wall.custom #supplier-schedule-table .schedule-delievery {
    font-size: 12px;
    width: 20px;
    text-align: center;
    font-weight: bold;
    color: #1B1A1A;
    margin: 2px;
    float: left;
    border-radius: 2px; }
  #wall.custom #supplier-schedule-table .schedule-order {
    font-size: 12px;
    width: 20px;
    border-radius: 100%;
    text-align: center;
    font-weight: bold;
    color: #1B1A1A;
    margin: 2px;
    float: left; }

#wall.custom #supplier-schedule-list {
  margin: 10px;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  height: calc(100% - 62px); }
  #wall.custom #supplier-schedule-list .simplebar-content {
    margin-bottom: 19px;
    padding-bottom: 0px !important; }

#wall.custom #foodcoost-custom .gauge-block.vertical {
  width: 31%; }
  #wall.custom #foodcoost-custom .gauge-block.vertical .gauge-chart {
    height: 43%; }
  #wall.custom #foodcoost-custom .gauge-block.vertical text {
    font: unset; }

#wall.custom .brick-control-datepicker {
  right: 12px; }

#wall.custom .brick-control-date-range-container.selected {
  right: 25px; }

#wall .brick-control-date-range-container.selected {
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.25);
  background-color: #FFFFFF; }

.brick-control-float-calendar-container.selected {
  background: unset;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  border: 0.7px solid #d9d9d9; }

#google-table-tooltip, #invoice-tooltip, #stockorder-tooltip {
  -webkit-box-shadow: none;
  box-shadow: none; }

/* .v-sidebar-menu .vsm-item{
    &:hover{
        background-color: $color-brand;
    }
} */
#wrapper .row-header {
  background: linear-gradient(#FFFFFF, #F2F1F2);
  color: #1B1A1A;
  transition: box-shadow 0.2s;
  height: 37px; }
  #wrapper .row-header:hover {
    box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
  #wrapper .row-header th {
    font-weight: 500;
    font-size: 12px !important;
    font-family: "Roboto Standard", arial, helvetica, sans-serif !important; }

#sticker-detail-body > div::-webkit-scrollbar-thumb {
  -webkit-box-shadow: none;
  background: #d7d7d7; }

#div_CountDownDescription {
  z-index: -1; }

#budgetInputContainer img:hover {
  background: none; }

.date-field-custom {
  background: unset !important;
  border-radius: 5px;
  font-size: 11px;
  color: #1B1A1A;
  border: 1px solid #d9d9d9;
  padding: 3px 10px;
  font-weight: normal; }

.b-title {
  color: #1B1A1A; }

.ui-widget {
  font-family: "Roboto Standard", arial, helvetica, sans-serif; }

#liveFoodCost-chart-options {
  border: 1px solid #d9d9d9;
  width: 146px;
  height: calc(95% - 46px);
  border-radius: 5px;
  margin: 10px 0 5px 10px;
  top: 46px;
  position: relative;
  display: inline-block; }

#liveFoodCost-chart-container {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: calc(100% - 180px);
  margin-top: 10px;
  height: 428px; }
  #liveFoodCost-chart-container-area {
    height: 89%; }
    #liveFoodCost-chart-container-area-table-table table {
      width: calc(100% - 16px);
      margin: auto;
      border-radius: 5px;
      border: 1px solid #d9d9d9;
      border-spacing: 0;
      font-size: 12px; }
      #liveFoodCost-chart-container-area-table-table table .first-cell {
        padding-left: 17px; }
      #liveFoodCost-chart-container-area-table-table table tr {
        height: 62px; }
        #liveFoodCost-chart-container-area-table-table table tr #cell-food-cost {
          box-shadow: inset 5px 0 0 0 #4370B7; }
        #liveFoodCost-chart-container-area-table-table table tr #cell-gross-profit {
          box-shadow: inset 5px 0 0 0 #549363; }
        #liveFoodCost-chart-container-area-table-table table tr #cell-purchase {
          box-shadow: inset 5px 0 0 0 #fb1201; }
        #liveFoodCost-chart-container-area-table-table table tr #cell-sales {
          box-shadow: inset 5px 0 0 0 #dfa504; }
        #liveFoodCost-chart-container-area-table-table table tr:not(:first-child) td {
          border-top: 1px solid #d9d9d9 !important; }
        #liveFoodCost-chart-container-area-table-table table tr th {
          background-color: #F6F6F6;
          text-align: center;
          font-family: "Roboto Medium", arial, helvetica, sans-serif;
          line-height: 18px; }
          #liveFoodCost-chart-container-area-table-table table tr th:first-child {
            border-top-left-radius: 5px; }
          #liveFoodCost-chart-container-area-table-table table tr th:last-child {
            border-top-right-radius: 5px; }
          #liveFoodCost-chart-container-area-table-table table tr th:not(:first-child) {
            width: 19%;
            border-left: 1px solid #d9d9d9; }
        #liveFoodCost-chart-container-area-table-table table tr td {
          border-top: 1px solid #d9d9d9 !important; }
          #liveFoodCost-chart-container-area-table-table table tr td:not(:first-child) {
            text-align: center;
            border-left: 1px solid #d9d9d9; }
        #liveFoodCost-chart-container-area-table-table table tr:last-child td:first-child {
          border-bottom-left-radius: 5px; }
    #liveFoodCost-chart-container-area-chart, #liveFoodCost-chart-container-area-table {
      border: 1px solid #d9d9d9;
      border-top: none;
      border-radius: 0 0 5px 5px;
      margin-left: 4px; }
      #liveFoodCost-chart-container-area-chart div g text, #liveFoodCost-chart-container-area-table div g text {
        color: #1B1A1A;
        fill: #1B1A1A; }
      #liveFoodCost-chart-container-area-chart .google-visualization-tooltip, #liveFoodCost-chart-container-area-table .google-visualization-tooltip {
        background-color: #F6F6F6 !important;
        padding: 5px !important;
        border-radius: 5px !important;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08) !important;
        line-height: 34px;
        height: 34px !important;
        text-align: center; }
        #liveFoodCost-chart-container-area-chart .google-visualization-tooltip b, #liveFoodCost-chart-container-area-chart .google-visualization-tooltip div, #liveFoodCost-chart-container-area-table .google-visualization-tooltip b, #liveFoodCost-chart-container-area-table .google-visualization-tooltip div {
          color: #1B1A1A; }
    #liveFoodCost-chart-container-area-top-options {
      height: 70px;
      width: calc(100% - 6px);
      padding-top: 10px;
      margin-top: 6px;
      margin-left: 4px;
      border: 1px solid #d9d9d9;
      border-bottom: none;
      border-radius: 5px 5px 0 0; }
      #liveFoodCost-chart-container-area-top-options #date-from-to-live-food-cost {
        position: relative;
        font-size: 11px; }
        #liveFoodCost-chart-container-area-top-options #date-from-to-live-food-cost div {
          display: inline-block; }
          #liveFoodCost-chart-container-area-top-options #date-from-to-live-food-cost div:first-child {
            padding-left: 20px;
            margin-top: 16px; }
      #liveFoodCost-chart-container-area-top-options #liveFoodCost-legend {
        font-size: 11px;
        margin-left: calc((100% - 646px) / 2); }
        #liveFoodCost-chart-container-area-top-options #liveFoodCost-legend-food-cost {
          margin-bottom: 6px; }
          #liveFoodCost-chart-container-area-top-options #liveFoodCost-legend-food-cost > div {
            background-color: #4370B7; }
        #liveFoodCost-chart-container-area-top-options #liveFoodCost-legend-gross-profit {
          margin-bottom: 6px; }
          #liveFoodCost-chart-container-area-top-options #liveFoodCost-legend-gross-profit > div {
            background-color: #549363; }
        #liveFoodCost-chart-container-area-top-options #liveFoodCost-legend-purchase {
          margin-bottom: 6px; }
          #liveFoodCost-chart-container-area-top-options #liveFoodCost-legend-purchase > div {
            background-color: #fb1201; }
        #liveFoodCost-chart-container-area-top-options #liveFoodCost-legend-sales > div {
          background-color: #dfa504; }
      #liveFoodCost-chart-container-area-top-options .liveFoodCost-chart-container-area-top-options-option {
        float: left; }
      #liveFoodCost-chart-container-area-top-options #optionChartLiveFoodCostDashboard .x-form-field-wrap {
        height: 30px;
        margin: 0 3px 3px 3px; }
        #liveFoodCost-chart-container-area-top-options #optionChartLiveFoodCostDashboard .x-form-field-wrap img {
          height: 30px !important; }
      #liveFoodCost-chart-container-area-top-options #optionChartLiveFoodCostDashboard input {
        height: 30px !important;
        font-weight: 500;
        font-family: "Roboto Medium", arial, helvetica, sans-serif; }
    #liveFoodCost-chart-container-area .liveFoodCost-chart-header {
      width: 100%;
      height: 32px;
      margin-top: 8px; }
      #liveFoodCost-chart-container-area .liveFoodCost-chart-header-options #optionDateToWeekLiveFoodCostDashboard {
        float: right; }
        #liveFoodCost-chart-container-area .liveFoodCost-chart-header-options #optionDateToWeekLiveFoodCostDashboard .x-form-field-wrap {
          width: 32px !important;
          height: 30px !important;
          margin: 0 3px 3px 3px; }
        #liveFoodCost-chart-container-area .liveFoodCost-chart-header-options #optionDateToWeekLiveFoodCostDashboard input {
          width: 20px !important;
          background: url("../../images/themes/light/icon-calendar-db.svg") no-repeat center;
          background-size: 20px 18px;
          color: transparent; }
        #liveFoodCost-chart-container-area .liveFoodCost-chart-header-options #optionDateToWeekLiveFoodCostDashboard img {
          display: none; }
      #liveFoodCost-chart-container-area .liveFoodCost-chart-header-options-option {
        float: right;
        cursor: pointer;
        background: linear-gradient(#FFFFFF, #F2F1F2);
        color: #1B1A1A;
        transition: box-shadow 0.2s;
        border: 1px solid #d9d9d9;
        border-radius: 5px;
        height: 30px;
        margin-left: 10px;
        padding: 0 10px;
        font-size: 12px;
        line-height: 10px; }
        #liveFoodCost-chart-container-area .liveFoodCost-chart-header-options-option:hover {
          box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
        #liveFoodCost-chart-container-area .liveFoodCost-chart-header-options-option span {
          top: 10px;
          position: relative;
          font-weight: 500;
          font-family: "Roboto Medium", arial, helvetica, sans-serif; }
      #liveFoodCost-chart-container-area .liveFoodCost-chart-header #viewLiveFoodCost {
        float: right;
        margin-left: 7px; }
        #liveFoodCost-chart-container-area .liveFoodCost-chart-header #viewLiveFoodCost .x-form-field-wrap {
          margin: 0 !important; }

.liveFoodCost-chart-option {
  cursor: pointer;
  height: 55px;
  background: #FFFFFF;
  border-bottom: 1px solid #d9d9d9;
  width: 100%;
  box-sizing: border-box;
  display: table;
  transition: box-shadow 0.2s, padding-left 0.2s; }
  .liveFoodCost-chart-option:first-child {
    border-radius: 5px 5px 0 0; }
  .liveFoodCost-chart-option span {
    color: #1B1A1A;
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    padding-left: 10px;
    font-weight: 500;
    font-family: "Roboto Medium", arial, helvetica, sans-serif; }
  .liveFoodCost-chart-option.selected {
    background: #F1F1F1;
    box-shadow: inset 5px 0 0 0 #f3ab00;
    padding-left: 5px; }
    .liveFoodCost-chart-option.selected span {
      color: #FFFFFF !important;
      font-weight: 500 !important; }
  .liveFoodCost-chart-option:hover {
    background: #F1F1F1;
    box-shadow: inset 5px 0 0 0 #f3ab00;
    padding-left: 5px; }

.b-title {
  color: #1B1A1A; }

.legend-line, #liveFoodCost-chart-container-area-top-options #liveFoodCost-legend-food-cost > div, #liveFoodCost-chart-container-area-top-options #liveFoodCost-legend-gross-profit > div, #liveFoodCost-chart-container-area-top-options #liveFoodCost-legend-purchase > div, #liveFoodCost-chart-container-area-top-options #liveFoodCost-legend-sales > div {
  width: 70px;
  height: 2px;
  display: inline-block;
  position: relative;
  top: -3px;
  margin-right: 15px; }

.ui-widget {
  font-family: "Roboto Standard", arial, helvetica, sans-serif; }

.x-tool-close {
  background-image: url("../../images/themes/light/ic-delete.svg") !important; }

.dashboard-food-cost-preditor-window .x-tool-maximize, .dashboard-food-cost-live-calendar .x-tool-maximize {
  background-image: url("../../images/themes/light/ic-maximize.svg") !important; }

.dashboard-food-cost-preditor-window .x-tool-restore, .dashboard-food-cost-live-calendar .x-tool-restore {
  background-image: url("../../images/themes/light/ic-minimize.svg") !important; }

.dropdown-icon {
  background: url("../../images/themes/light/ic-arrow-drop-down-secondary.svg") no-repeat;
  width: 12px;
  height: 8px;
  margin-left: 8px;
  display: inline-block; }

.liveFoodCostt {
  display: none !important; }

.calendar-table-header {
  border: none;
  background-color: transparent; }
  .calendar-table-header .lfc-year-to-date input {
    background-color: #FFFFFF;
    color: #1B1A1A; }

#selectFinacialYear_Trigger {
  cursor: pointer;
  background: linear-gradient(#FFFFFF, #F2F1F2);
  color: #1B1A1A;
  transition: box-shadow 0.2s;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  height: 30px;
  font-size: 12px;
  max-width: 120px;
  margin: auto;
  font-weight: 500; }
  #selectFinacialYear_Trigger:hover {
    box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
  #selectFinacialYear_Trigger span {
    top: 8px;
    position: relative; }
    #selectFinacialYear_Trigger span:first-child {
      float: left;
      margin-left: 8px; }
  #selectFinacialYear_Trigger .dropdown-icon {
    float: right;
    margin-top: 4px;
    margin-right: 8px; }
  #selectFinacialYear_Trigger .lfc-year-to-date {
    width: 120px;
    border-radius: 5px;
    height: 80px;
    z-index: 9999;
    position: absolute;
    top: 160px;
    background-color: #FFFFFF;
    display: none;
    box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11);
    border: 1px solid #d9d9d9; }
    #selectFinacialYear_Trigger .lfc-year-to-date input {
      width: 110px;
      border-radius: 5px;
      background-color: #FFFFFF;
      font-size: 12px;
      color: #1B1A1A;
      height: 26px;
      border: 1px solid #d9d9d9;
      margin: 10px 0;
      font-family: "Roboto Medium", arial, helvetica, sans-serif;
      text-align: center; }
    #selectFinacialYear_Trigger .lfc-year-to-date .year-to-date-btn {
      font-size: 12px;
      font-weight: 500;
      border-radius: 5px;
      height: 24px;
      width: 70px;
      font-family: "Roboto Medium", arial, helvetica, sans-serif;
      cursor: pointer; }

#budgetOverview.brick .brick-body {
  height: calc(100% - 54px); }

#budgetOverview.brick #topBar {
  display: flex;
  margin: 0px 8px 0px 8px;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
  font-size: 12px;
  height: 42px; }
  #budgetOverview.brick #topBar .section {
    display: flex;
    padding: 0px 16px;
    align-items: center;
    flex: 1 0 0;
    align-self: stretch;
    width: calc(50% - 32px); }
    #budgetOverview.brick #topBar .section #timePeriodBudgetOverviewCombobox {
      margin-left: 10px; }
      #budgetOverview.brick #topBar .section #timePeriodBudgetOverviewCombobox .x-form-text, #budgetOverview.brick #topBar .section #timePeriodBudgetOverviewCombobox .ctb_transparent_bg_color .ctb-reciperipper-url, .ctb_transparent_bg_color #budgetOverview.brick #topBar .section #timePeriodBudgetOverviewCombobox .ctb-reciperipper-url, #budgetOverview.brick #topBar .section #timePeriodBudgetOverviewCombobox .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct #budgetOverview.brick #topBar .section #timePeriodBudgetOverviewCombobox .b-h-ip, #budgetOverview.brick #topBar .section #timePeriodBudgetOverviewCombobox .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row #budgetOverview.brick #topBar .section #timePeriodBudgetOverviewCombobox .r-ip, #budgetOverview.brick #topBar .section #timePeriodBudgetOverviewCombobox .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell #budgetOverview.brick #topBar .section #timePeriodBudgetOverviewCombobox input.b-bd-fh-input, #budgetOverview.brick #topBar .section #timePeriodBudgetOverviewCombobox .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r #budgetOverview.brick #topBar .section #timePeriodBudgetOverviewCombobox .bd-r-ip {
        font-size: 10px; }

#budgetOverview.brick .foodSpendRemaining, #budgetOverview.brick .progressiveFoodCost {
  font-weight: 700;
  margin-left: 8px; }

#budgetOverview.brick #budgetOverviewDetail {
  height: calc(100% - 42px); }
  #budgetOverview.brick #budgetOverviewDetail .google-visualization-table {
    margin: 0px 8px;
    border-radius: 0px;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 0px !important; }
    #budgetOverview.brick #budgetOverviewDetail .google-visualization-table div:first-child {
      border-radius: 0px; }
    #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .google-visualization-table-table {
      border-bottom: 1px solid #d9d9d9;
      border-top: 1px solid #d9d9d9; }
    #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-header {
      height: 42px; }
      #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-header th {
        font-size: 10px !important;
        font-weight: 400;
        padding: 0px 8px !important;
        height: 42px;
        width: 106px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: normal;
        white-space: pre-wrap;
        border-right: 0px !important;
        text-align: right; }
      #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-header.monthlyBudget {
        background: #FFFFFF !important; }
    #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-header th:first-child, #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-odd th:first-child {
      padding-left: 0px !important;
      text-align: center; }
    #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-table, #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-odd, #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-hover {
      height: unset; }
      #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-table td, #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-odd td, #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-hover td {
        background: unset !important;
        font-size: 10px !important;
        font-weight: 400;
        padding: 0px !important;
        border-top: 0px;
        border-bottom: 0px; }
        #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-table td div, #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-odd td div, #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-hover td div {
          align-items: center;
          padding: 0px 8px;
          display: inline-grid;
          height: 22px;
          border-top: 1px solid #d9d9d9 !important;
          border-bottom: 1px solid #d9d9d9 !important;
          width: 100%;
          text-align: right; }
          #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-table td div .dropdownIcon, #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-odd td div .dropdownIcon, #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-hover td div .dropdownIcon {
            background-image: url("../../images/themes/light/ic-grid-drop-down.svg");
            width: 16px;
            height: 16px;
            position: relative;
            left: 4px;
            cursor: pointer; }
          #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-table td div.previousWeek, #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-odd td div.previousWeek, #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-hover td div.previousWeek {
            background-color: #EFEFEF;
            color: #A09F9F;
            height: 42px; }
          #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-table td div.isTotalValue, #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-odd td div.isTotalValue, #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-hover td div.isTotalValue {
            font-weight: 700;
            background: linear-gradient(#FFFFFF, #F2F1F2); }
          #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-table td div.collapsed, #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-odd td div.collapsed, #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-hover td div.collapsed {
            display: none !important; }
            #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-table td div.collapsed.expand, #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-odd td div.collapsed.expand, #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-hover td div.collapsed.expand {
              display: inline-grid !important;
              background: #FFFFFF !important; }
          #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-table td div.currentDate, #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-odd td div.currentDate, #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-hover td div.currentDate {
            border-left: 4px solid #f3ab00;
            padding-left: 4px; }
      #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-table td:first-child, #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-table td:last-child, #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-odd td:first-child, #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-odd td:last-child, #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-hover td:first-child, #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-hover td:last-child {
        border-radius: 0px;
        border-left: 0px;
        border-right: 0px; }
    #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-table.monthlyBudget td div {
      background: linear-gradient(#FFFFFF, #F2F1F2); }
      #budgetOverview.brick #budgetOverviewDetail .google-visualization-table .row-table.monthlyBudget td div.previousWeek {
        background: #FFFFFF !important; }

.tooltip.active {
  display: block; }

.tooltip {
  visibility: hidden;
  position: absolute;
  line-height: 24px;
  font-size: 12px;
  border-radius: 5px;
  color: #1B1A1A;
  border: 1px solid #d9d9d9;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  padding: 2px 10px;
  background: #FFFFFF;
  transition: 0s visibility 0.3s; }

.food-cost-predictor .btn-auto-fill {
  width: 70px;
  height: 30px;
  cursor: pointer;
  margin: 0 auto;
  text-align: center; }
  .food-cost-predictor .btn-auto-fill p {
    line-height: 31px; }
  .food-cost-predictor .btn-auto-fill .tooltip {
    display: block;
    top: 34px;
    left: -115px;
    width: 200px;
    white-space: normal;
    z-index: 999; }
  .food-cost-predictor .btn-auto-fill:hover .tooltip {
    visibility: visible; }

.prevented-loading-data {
  padding: 15px;
  color: #1B1A1A; }

*.x-item-disabled * {
  color: #1B1A1A !important;
  box-shadow: none !important; }

@media only screen and (max-width: 770px) and (min-width: 300px) {
  #salesreport-chart-chart-container .salesreport-chart-top-spacer .salesreport-chart-top-option {
    width: 40px; }
  #salesreport-chart-chart-container .x-form-field-wrap .x-form-trigger {
    width: 20px; }
  #selectPerHour .x-form-field-wrap.x-form-field-trigger-wrap, #selectChartType .x-form-field-wrap.x-form-field-trigger-wrap {
    width: 100px !important; }
    #selectPerHour .x-form-field-wrap.x-form-field-trigger-wrap input, #selectChartType .x-form-field-wrap.x-form-field-trigger-wrap input {
      width: 75px !important; }
  #selectTopItems .x-form-field-wrap.x-form-field-trigger-wrap {
    width: 65px !important; }
    #selectTopItems .x-form-field-wrap.x-form-field-trigger-wrap input {
      padding-left: 2px; } }

@media only screen and (max-width: 660px) and (min-width: 300px) {
  #wall-supplier .wall-store-box {
    width: calc((100% - 28px)/1); } }

@media only screen and (max-width: 1100px) and (min-width: 660px) {
  #wall-supplier .wall-store-box {
    width: calc((100% - 46px)/2); } }

@media only screen and (max-width: 1350px) and (min-width: 1100px) {
  #weather {
    display: none !important; }
  #wall-supplier .wall-store-box {
    width: calc((100% - 64px)/3); } }

@media only screen and (max-width: 1430px) and (min-width: 200px) {
  .brick {
    width: calc(100% - 10px) !important;
    margin: 0; }
  #wall-supplier .brick {
    width: calc(100% - 20px) !important; }
  #wall-store .brick {
    width: calc(100% - 20px) !important; } }

@media only screen and (max-width: 1700px) and (min-width: 1350px) {
  #wall-supplier .wall-store-box {
    width: calc((100% - 82px)/4); } }

@media only screen and (max-width: 1945px) and (min-width: 1431px) {
  .liveFoodCost-chart-header-options-option {
    width: calc((100% - 155px) / 5); }
    .liveFoodCost-chart-header-options-option span {
      display: inline-block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 100%; }
    .liveFoodCost-chart-header-options-option .tooltip {
      top: 40px;
      z-index: 999; }
    .liveFoodCost-chart-header-options-option:hover .tooltip {
      visibility: visible; } }

@media only screen and (max-width: 1822px) and (min-width: 1431px) {
  #liveFoodCost-chart-container-area-top-options #date-from-to-live-food-cost div {
    display: block; }
    #liveFoodCost-chart-container-area-top-options #date-from-to-live-food-cost div:first-child {
      margin-top: 2px;
      padding-left: 12px; }
    #liveFoodCost-chart-container-area-top-options #date-from-to-live-food-cost div:last-child {
      margin-top: 14px;
      padding-left: 12px; }
  #liveFoodCost-chart-container-area-top-options #optionChartLiveFoodCostDashboard .x-form-field-wrap {
    width: 150px !important; }
  #liveFoodCost-chart-container-area-top-options #optionChartLiveFoodCostDashboard input {
    width: calc(100% - 22px) !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  #liveFoodCost-chart-container-area-top-options #liveFoodCost-legend {
    margin-left: calc((100% - 470px) / 2); }
  .legend-line, #liveFoodCost-chart-container-area-top-options #liveFoodCost-legend-food-cost > div, #liveFoodCost-chart-container-area-top-options #liveFoodCost-legend-gross-profit > div, #liveFoodCost-chart-container-area-top-options #liveFoodCost-legend-purchase > div, #liveFoodCost-chart-container-area-top-options #liveFoodCost-legend-sales > div {
    width: 40px;
    margin-right: 10px; } }

@media only screen and (max-width: 1592px) and (min-width: 1431px) {
  .tr-bg .first-cell div {
    line-height: 22px !important; }
  #salesreport-chart-chart-container .salesreport-chart-top-spacer .salesreport-chart-top-option {
    width: 60px; } }

@media only screen and (min-width: 1822px) {
  #pricemovement-chart-options .pricemovement-chart-option[data-value=priceDifference]:after, #pricemovement-chart-options .pricemovement-chart-option[data-value=priceDifferencePercent]:after, #pricemovement-chart-options .pricemovement-chart-option[data-value=noOfMovements]:after {
    right: 6px !important; }
  #pricemovement-chart-options .pricemovement-chart-option-label-wrapper span {
    padding: 0px 20px 0px 20px; } }

.img-responsive-view {
  max-width: 350px;
  max-height: 150px;
  vertical-align: middle; }

#supplier-detail-window-body-image {
  line-height: 150px !important;
  border: none !important;
  text-align: center; }

#frm-reset-password-dashboard .x-window-body {
  height: 170px !important; }
  #frm-reset-password-dashboard .x-window-body .x-border-layout-ct {
    height: 180px !important; }
    #frm-reset-password-dashboard .x-window-body .x-border-layout-ct #frm_ActivateDatabase {
      position: absolute;
      top: 70px !important; }
      #frm-reset-password-dashboard .x-window-body .x-border-layout-ct #frm_ActivateDatabase .x-plain-body {
        height: 120px !important; }

#ctb-deals #ctbdeals-pre-media {
  border-radius: 0 5px 5px 0;
  border: 1px solid #d9d9d9;
  border-left: none; }

#ctb-deals #ctbdeals-next-media {
  border-radius: 5px 0 0 5px;
  border: 1px solid #d9d9d9;
  border-right: none; }

#ctb-deals #ctbdeals-main-media-content .ctbdeals-toolbar {
  transition: opacity 0.4s linear;
  opacity: 0;
  position: absolute;
  height: 60px;
  width: 100%;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #d9d9d9;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(142, 142, 142, 0.4) 100%); }

#ctb-deals #ctbdeals-main-media-content:hover .ctbdeals-toolbar {
  opacity: 1; }

.close-icon {
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-image: url("../../images/themes/light/ic-delete.svg"); }

.close-icon-2 {
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-image: url("../../images/themes/light/ic-delete.svg"); }

button.x-btn-text.icon-item-edit, button.icon-item-edit.ctb-anchor-btn, button.icon-item-edit.btn-sm-row, button.icon-item-edit.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table button.icon-item-edit.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table button.icon-item-edit.x-btn-text, .x-date-mp button.icon-item-edit.x-date-mp-ok, .x-date-mp button.icon-item-edit.x-date-mp-cancel, #outlet #outlet-map #map button.icon-item-edit.outlet-node, #pnl_CycleMenu button.icon-item-edit.xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar button.icon-item-edit.ctb-btn {
  background: url("../../images/themes/light/ic-edit-setting.svg") center no-repeat !important;
  top: -2px;
  position: relative;
  left: 2px;
  background-color: transparent !important;
  border: 0 !important; }

.icon-locked-price-16 {
  width: 12px;
  height: 16px;
  background-image: url("../../images/themes/light/ic-lock-price.svg");
  background-repeat: no-repeat;
  background-size: cover; }

.icon-email-white {
  background: url("../../images/themes/ic-email-white.svg") center no-repeat; }

.icon-supplier-price-update-letter {
  background-image: url("../../images/themes/light/ic-email.svg");
  background-repeat: no-repeat;
  width: 20px;
  height: 17px;
  margin-left: 10px;
  cursor: pointer;
  background-position: center; }

.icon-sort-up,
.icon-sort-down {
  background-image: url("../../images/themes/light/ic-arrow-drop-down-bottom.svg");
  right: 14px;
  background-size: cover;
  background-repeat: no-repeat;
  width: 11px;
  height: 8px; }

.icon-sort-down {
  transform: rotate(180deg); }

.icon-tendering-button-disable {
  background-image: url("../../images/themes/light/ic-eye.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-position: center;
  cursor: pointer; }

.icon-tendering-button-enable {
  background-image: url("../../images/themes/light/ic-eye-off.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-position: center;
  cursor: pointer; }

.icon-tendering-badge-measurement {
  background-image: url("../../images/themes/ic-tendering-badge-measurement.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-position: center;
  cursor: pointer; }

.icon-remove, .icon-tendering-badge-activate {
  background-image: url("../../images/themes/light/ic-remove.svg") !important;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-position: center;
  cursor: pointer; }

.icon-supplier-price-update-price-decrease {
  background-image: url("../../images/themes/ic-price-decrease.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-position: center;
  cursor: pointer;
  width: 25px;
  height: 25px; }

.icon-supplier-price-update-price-increase {
  background-image: url("../../images/themes/ic-price-increase.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-position: center;
  cursor: pointer;
  width: 25px;
  height: 25px; }

.icon-supplier-price-update-price-equal {
  background-image: url("../../images/themes/ic-price-equal.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-position: center;
  cursor: pointer;
  width: 16px;
  height: 26px; }

.icon-tendering-letter-success {
  background-image: url("../../images/themes/dark/ic-tendering-letter-success.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-position: center;
  cursor: pointer;
  width: 32px;
  height: 32px; }

.icon-tendering-letter-tendering {
  background-image: url("../../images/themes/dark/ic-tendering-letter-sending.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-position: center;
  cursor: pointer;
  width: 32px;
  height: 32px; }

.icon-tendering-letter-unsuccess {
  background-image: url("../../images/themes/dark/ic-tendering-letter-fail.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-position: center;
  cursor: pointer;
  width: 32px;
  height: 32px; }

.icon-tendering-arrow-down.icon-tendering-arrow-down,
.icon-tendering-arrow-show,
.icon-tendering-arrow-hide {
  background-image: url("../../images/themes/light/ic-arrow-drop-down-secondary.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-position: center;
  cursor: pointer;
  height: 18px;
  width: 24px; }

.icon-tendering-arrow-show {
  transform: rotate(90deg); }

.icon-tendering-arrow-hide {
  transform: rotate(-90deg); }

*.loading-indicator {
  background-image: url("../../images/themes/dtp/gif-loading.gif");
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px; }

.ic-size-24 {
  width: 24px !important;
  height: 24px !important;
  background-size: 24px 24px !important; }

.ic-size-40 {
  width: 40px !important;
  height: 40px !important;
  background-size: 40px 40px !important; }

.ic-size-150 {
  width: 150px !important;
  height: 150px !important;
  background-size: 150px 150px !important; }

.ic-button {
  cursor: pointer; }

.ic-beta {
  display: inline-block;
  background: url("../../images/themes/light/ic-beta.svg") center no-repeat;
  width: 24px;
  height: 24px;
  background-size: 24px 24px; }

.ic-support-18 {
  display: inline-block;
  background: url("../../images/themes/light/ic-support.svg") center no-repeat;
  width: 18px;
  height: 18px;
  background-size: 18px 18px; }

.ic-circle-question {
  display: inline-block;
  background: url("../../images/themes/light/ic-circle-question.svg") center no-repeat;
  width: 24px;
  height: 24px;
  background-size: 24px 24px; }

.ic-circle-question-18 {
  display: inline-block;
  background: url("../../images/themes/light/ic-circle-question.svg") center no-repeat;
  width: 18px;
  height: 18px;
  background-size: 18px 18px; }

.ic-circle-cross {
  display: inline-block;
  background: url("../../images/themes/light/ic-circle-cross.svg") center no-repeat;
  width: 24px;
  height: 24px;
  background-size: 24px 24px; }

.ic-circle-cross-18 {
  display: inline-block;
  background: url("../../images/themes/light/ic-circle-cross.svg") center no-repeat;
  width: 18px;
  height: 18px;
  background-size: 18px 18px; }

.ic-circle-warning {
  display: inline-block;
  background: url("../../images/themes/light/ic-circle-warning.svg") center no-repeat;
  width: 24px;
  height: 24px;
  background-size: 24px 24px; }

.ic-circle-warning-18 {
  display: inline-block;
  background: url("../../images/themes/light/ic-circle-warning.svg") center no-repeat;
  width: 18px;
  height: 18px;
  background-size: 18px 18px; }

.ic-circle-go-down {
  display: inline-block;
  background: url("../../images/themes/light/ic-circle-go-down.svg") center no-repeat;
  width: 24px;
  height: 24px;
  background-size: 24px 24px; }

.ic-circle-go-down-18 {
  display: inline-block;
  background: url("../../images/themes/light/ic-circle-go-down.svg") center no-repeat;
  width: 18px;
  height: 18px;
  background-size: 18px 18px; }

.ic-circle-info-16 {
  display: inline-block;
  background: url("../../images/themes/light/ic-circle-info.svg") center no-repeat;
  width: 16px;
  height: 16px;
  background-size: 16px 16px; }

.ic-circle-check {
  display: inline-block;
  background: url("../../images/themes/light/ic-circle-check.svg") center no-repeat;
  width: 24px;
  height: 24px;
  background-size: 24px 24px; }

.ic-circle-reload-24 {
  display: inline-block;
  background: url("../../images/themes/light/ic-circle-reload.svg") center no-repeat;
  width: 24px;
  height: 24px;
  background-size: 24px 24px; }

.ic-plus-18 {
  display: inline-block;
  background: url("../../images/themes/light/ic-plus.svg") center no-repeat;
  width: 18px;
  height: 18px;
  background-size: 18px 18px; }

.ic-upload {
  display: inline-block;
  background: url("../../images/themes/light/ic-upload-2.svg") center no-repeat;
  width: 16px;
  height: 16px;
  background-size: 16px 16px; }

.ic-info {
  display: inline-block;
  background: url("../../images/themes/light/ic-info-2.svg") center no-repeat;
  width: 16px;
  height: 16px;
  background-size: 16px 16px; }

.ic-file-export-14 {
  display: inline-block;
  background: url("../../images/themes/light/ic-file-export.svg") center no-repeat;
  width: 14px;
  height: 14px;
  background-size: 14px 14px; }

.ic-ban-14 {
  display: inline-block;
  background: url("../../images/themes/light/ic-ban.svg") center no-repeat;
  width: 14px;
  height: 14px;
  background-size: 14px 14px; }

.ic-share-14 {
  display: inline-block;
  background: url("../../images/themes/light/ic-share.svg") center no-repeat;
  width: 14px;
  height: 14px;
  background-size: 14px 14px; }

.ic-subtract {
  display: inline-block;
  background: url("../../images/themes/light/ic-subtract.svg") center no-repeat;
  width: 16px;
  height: 16px;
  background-size: 16px 16px; }
  .ic-subtract.ic-button:hover {
    background: url("../../images/themes/ic-subtract-hover.svg") center no-repeat; }

.ic-search-plus {
  display: inline-block;
  background: url("../../images/themes/light/ic-search-plus.svg") center no-repeat;
  width: 16px;
  height: 16px;
  background-size: 16px 16px; }
  .ic-search-plus.ic-button:hover {
    background: url("../../images/themes/ic-search-plus-hover.svg") center no-repeat; }

.ic-search-plus-white {
  display: inline-block;
  background: url("../../images/themes/ic-search-plus-white.svg") center no-repeat;
  width: 16px;
  height: 16px;
  background-size: 16px 16px; }

.ic-bin {
  display: inline-block;
  background: url("../../images/themes/light/ic-bin.svg") center no-repeat;
  width: 16px;
  height: 16px;
  background-size: 16px 16px; }
  .ic-bin.ic-button:hover {
    background: url("../../images/themes/ic-bin-hover.svg") center no-repeat; }

.ic-bin-red {
  display: inline-block;
  background: url("../../images/themes/ic-bin-red.svg") center no-repeat;
  width: 16px;
  height: 16px;
  background-size: 16px 16px; }
  .ic-bin-red.ic-button:hover {
    background: url("../../images/themes/ic-bin-red-hover.svg") center no-repeat; }

.ic-bin-white {
  display: inline-block;
  background: url("../../images/themes/dark/ic-bin.svg") center no-repeat;
  width: 16px;
  height: 16px;
  background-size: 16px 16px; }
  .ic-bin-white.ic-button:hover {
    background: url("../../images/themes/ic-bin-hover.svg") center no-repeat; }

.ic-repeat-red {
  display: inline-block;
  background: url("../../images/themes/ic-repeat-red.svg") center no-repeat;
  width: 16px;
  height: 16px;
  background-size: 16px 16px; }
  .ic-repeat-red.ic-button:hover {
    background: url("../../images/themes/ic-repeat-red-hover.svg") center no-repeat; }

.ic-image {
  display: inline-block;
  background: url("../../images/themes/light/ic-image.svg") center no-repeat;
  width: 16px;
  height: 16px;
  background-size: 16px 16px; }

.ic-image-red {
  display: inline-block;
  background: url("../../images/themes/ic-image-red.svg") center no-repeat;
  width: 16px;
  height: 16px;
  background-size: 16px 16px; }

.x-tab-panel.ctb-tab-panel {
  border-radius: 5px;
  /* .x-tool {
        background-image: unset !important;
    } */ }
  .x-tab-panel.ctb-tab-panel .x-tab-panel-bwrap {
    border: 1px solid #d9d9d9;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px; }
  .x-tab-panel.ctb-tab-panel .x-panel-collapsed .x-panel-header .x-tool {
    transform: rotate(180deg); }
  .x-tab-panel.ctb-tab-panel .x-tab-strip-top .x-tab-right,
  .x-tab-panel.ctb-tab-panel .x-tab-strip-top .x-tab-left,
  .x-tab-panel.ctb-tab-panel .x-tab-strip-top .x-tab-strip-inner {
    background-image: none;
    width: auto !important; }
  .x-tab-panel.ctb-tab-panel .x-tab-panel-body {
    background-color: #FFFFFF;
    border: none; }
  .x-tab-panel.ctb-tab-panel ul.x-tab-strip-top {
    border-bottom: none;
    background-color: transparent;
    height: 32px;
    padding-top: 0px;
    width: auto;
    display: inline-flex;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    overflow: hidden; }
    .x-tab-panel.ctb-tab-panel ul.x-tab-strip-top li {
      height: 32px;
      transition: box-shadow 0.2s; }
      .x-tab-panel.ctb-tab-panel ul.x-tab-strip-top li:not(.x-tab-strip-active):not(.star):not(.rating) {
        background: linear-gradient(#FFFFFF, #F2F1F2); }
      .x-tab-panel.ctb-tab-panel ul.x-tab-strip-top li.x-tab-strip-active:not(.star):not(.rating) {
        box-shadow: inset 0 -3px 0 0 #f3ab00; }
      .x-tab-panel.ctb-tab-panel ul.x-tab-strip-top li:not(.star):not(.rating) {
        border-left: 1px solid #d9d9d9; }
      .x-tab-panel.ctb-tab-panel ul.x-tab-strip-top li.x-tab-edge {
        display: none; }
      .x-tab-panel.ctb-tab-panel ul.x-tab-strip-top li:first-child {
        border-top-left-radius: 5px; }
  .x-tab-panel.ctb-tab-panel .x-tab-strip span.x-tab-strip-text {
    color: #1B1A1A;
    font-family: "Roboto Medium", arial, helvetica, sans-serif;
    font-size: 12px;
    padding: 8px 0; }
  .x-tab-panel.ctb-tab-panel .x-tab-strip-active span.x-tab-strip-text {
    color: #1B1A1A;
    font-weight: normal; }
  .x-tab-panel.ctb-tab-panel .x-grid-panel .x-grid3 .simplebar-content {
    background-color: #FFFFFF; }
  .x-tab-panel.ctb-tab-panel .x-grid-panel .x-grid3 .x-grid3-header {
    background-color: #FFFFFF; }
  .x-tab-panel.ctb-tab-panel .x-grid-panel .x-grid3 .x-grid3-hd-over .x-grid3-hd-inner {
    background-color: transparent !important; }
  .x-tab-panel.ctb-tab-panel .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table {
    background-color: #F6F6F6; }
  .x-tab-panel.ctb-tab-panel .x-grid-panel .x-grid3 .x-grid3-row:not(.grid-row-readonly):hover .x-grid3-row-table {
    background-color: #F1F1F1 !important; }
  .x-tab-panel.ctb-tab-panel .x-panel-tbar .x-form-field-wrap {
    background-color: #FFFFFF; }
    .x-tab-panel.ctb-tab-panel .x-panel-tbar .x-form-field-wrap .x-form-trigger {
      background-color: transparent; }
      .x-tab-panel.ctb-tab-panel .x-panel-tbar .x-form-field-wrap .x-form-trigger.x-form-arrow-trigger {
        background-image: url("../../images/themes/light/ic-arrow-drop-down-secondary.svg"); }
  .x-tab-panel.ctb-tab-panel .x-panel-tbar .x-btn-text, .x-tab-panel.ctb-tab-panel .x-panel-tbar .ctb-anchor-btn, .x-tab-panel.ctb-tab-panel .x-panel-tbar .btn-sm-row, .x-tab-panel.ctb-tab-panel .x-panel-tbar .ctb_btn_default_sm, .x-tab-panel.ctb-tab-panel .x-panel-tbar .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-tab-panel.ctb-tab-panel .x-panel-tbar .x-btn-text, .x-tab-panel.ctb-tab-panel .x-panel-tbar .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-tab-panel.ctb-tab-panel .x-panel-tbar .x-btn-text, .x-tab-panel.ctb-tab-panel .x-panel-tbar .x-date-mp .x-date-mp-ok, .x-date-mp .x-tab-panel.ctb-tab-panel .x-panel-tbar .x-date-mp-ok, .x-tab-panel.ctb-tab-panel .x-panel-tbar .x-date-mp .x-date-mp-cancel, .x-date-mp .x-tab-panel.ctb-tab-panel .x-panel-tbar .x-date-mp-cancel, .x-tab-panel.ctb-tab-panel .x-panel-tbar #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .x-tab-panel.ctb-tab-panel .x-panel-tbar .outlet-node, .x-tab-panel.ctb-tab-panel .x-panel-tbar #pnl_CycleMenu .xbutton, #pnl_CycleMenu .x-tab-panel.ctb-tab-panel .x-panel-tbar .xbutton, .x-tab-panel.ctb-tab-panel .x-panel-tbar .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .x-tab-panel.ctb-tab-panel .x-panel-tbar .ctb-btn {
    background-color: #d9d9d9;
    color: #1B1A1A; }
  .x-tab-panel.ctb-tab-panel .x-tab-panel-bbar {
    border-top: 1px solid #d9d9d9; }
    .x-tab-panel.ctb-tab-panel .x-tab-panel-bbar .x-toolbar {
      background-image: unset;
      background-color: #FFFFFF;
      border: none;
      font-size: 12px; }
      .x-tab-panel.ctb-tab-panel .x-tab-panel-bbar .x-toolbar .x-toolbar-left label {
        font-size: 12px !important;
        padding-top: 4px;
        color: #1B1A1A; }
      .x-tab-panel.ctb-tab-panel .x-tab-panel-bbar .x-toolbar .x-btn-text, .x-tab-panel.ctb-tab-panel .x-tab-panel-bbar .x-toolbar .ctb-anchor-btn, .x-tab-panel.ctb-tab-panel .x-tab-panel-bbar .x-toolbar .btn-sm-row, .x-tab-panel.ctb-tab-panel .x-tab-panel-bbar .x-toolbar .ctb_btn_default_sm, .x-tab-panel.ctb-tab-panel .x-tab-panel-bbar .x-toolbar .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-tab-panel.ctb-tab-panel .x-tab-panel-bbar .x-toolbar .x-btn-text, .x-tab-panel.ctb-tab-panel .x-tab-panel-bbar .x-toolbar .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-tab-panel.ctb-tab-panel .x-tab-panel-bbar .x-toolbar .x-btn-text, .x-tab-panel.ctb-tab-panel .x-tab-panel-bbar .x-toolbar .x-date-mp .x-date-mp-ok, .x-date-mp .x-tab-panel.ctb-tab-panel .x-tab-panel-bbar .x-toolbar .x-date-mp-ok, .x-tab-panel.ctb-tab-panel .x-tab-panel-bbar .x-toolbar .x-date-mp .x-date-mp-cancel, .x-date-mp .x-tab-panel.ctb-tab-panel .x-tab-panel-bbar .x-toolbar .x-date-mp-cancel, .x-tab-panel.ctb-tab-panel .x-tab-panel-bbar .x-toolbar #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .x-tab-panel.ctb-tab-panel .x-tab-panel-bbar .x-toolbar .outlet-node, .x-tab-panel.ctb-tab-panel .x-tab-panel-bbar .x-toolbar #pnl_CycleMenu .xbutton, #pnl_CycleMenu .x-tab-panel.ctb-tab-panel .x-tab-panel-bbar .x-toolbar .xbutton, .x-tab-panel.ctb-tab-panel .x-tab-panel-bbar .x-toolbar .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .x-tab-panel.ctb-tab-panel .x-tab-panel-bbar .x-toolbar .ctb-btn {
        background-color: #d9d9d9; }
  .x-tab-panel.ctb-tab-panel .x-tab-panel-header-plain .x-tab-strip-spacer,
  .x-tab-panel.ctb-tab-panel .x-tab-panel-footer-plain .x-tab-strip-spacer {
    border: none;
    height: min-content; }

.x-tab-panel-body {
  background-color: transparent; }

.animation-collapse-for-editor .x-panel-body.x-border-layout-ct {
  transition: height 0.3s; }

.title-header-recipebook {
  padding: 7px 0px 0px 0px;
  font-size: 18px; }

.tab-cooking-method em.x-btn-arrow, .tab-handy-hints em.x-btn-arrow {
  padding-right: 0;
  background: unset;
  border: 1px !important;
  pointer-events: none; }

.tab-cooking-method em.x-btn-arrow, .tab-handy-hints em.x-btn-arrow {
  padding-right: 0;
  background: unset;
  border: 1px !important;
  pointer-events: none; }

.tab-handy-hints {
  /* .x-html-editor-wrap {
        .x-html-editor-tb {
            .x-toolbar {
                border-bottom: 1px solid $border-color-primary;
            }
        }
    } */ }
  .tab-handy-hints .x-panel-body.x-panel-body-noheader {
    border-bottom: 1px solid #d9d9d9;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }

.ext-strict {
  /* .x-layout-collapsed {
        .x-tool {
            background-image: url($tree-panel-ic-drop-down) !important;
            width: 18px;
            height: 18px;
            background-position: center;
        }
    } */ }
  .ext-strict .x-tree-lines .x-tree-node {
    color: #1B1A1A;
    font-size: 12px;
    font-weight: 500; }
    .ext-strict .x-tree-lines .x-tree-node .x-tree-selected {
      background-color: unset; }
      .ext-strict .x-tree-lines .x-tree-node .x-tree-selected a span {
        color: #1B1A1A; }
    .ext-strict .x-tree-lines .x-tree-node:hover {
      background-color: unset; }
    .ext-strict .x-tree-lines .x-tree-node .x-tree-node-el {
      padding: 7px 0px 0px 5px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      height: 25px; }
      .ext-strict .x-tree-lines .x-tree-node .x-tree-node-el:hover {
        background-color: unset; }
      .ext-strict .x-tree-lines .x-tree-node .x-tree-node-el input.x-tree-node-cb {
        margin-left: 10px;
        vertical-align: middle; }
    .ext-strict .x-tree-lines .x-tree-node .x-tree-node-el.x-tree-node-leaf {
      transition: 0.2s; }
      .ext-strict .x-tree-lines .x-tree-node .x-tree-node-el.x-tree-node-leaf .icon-recipe {
        background-image: none;
        width: 0; }
      .ext-strict .x-tree-lines .x-tree-node .x-tree-node-el.x-tree-node-leaf .icon-folder {
        background-image: url("../../images/themes/light/ic-tree-folder.svg"); }
      .ext-strict .x-tree-lines .x-tree-node .x-tree-node-el.x-tree-node-leaf .icon-supplier {
        background-image: none;
        width: 0; }
      .ext-strict .x-tree-lines .x-tree-node .x-tree-node-el.x-tree-node-leaf.x-tree-selected, .ext-strict .x-tree-lines .x-tree-node .x-tree-node-el.x-tree-node-leaf:hover {
        background-color: #F1F1F1;
        box-shadow: inset 5px 0 0 0 #f3ab00;
        text-indent: 5px; }
    .ext-strict .x-tree-lines .x-tree-node .x-tree-node-el.x-tree-node-collapsed:hover, .ext-strict .x-tree-lines .x-tree-node .x-tree-node-el.x-tree-node-collapsed.x-tree-selected, .ext-strict .x-tree-lines .x-tree-node .x-tree-node-el.x-tree-node-expanded:hover, .ext-strict .x-tree-lines .x-tree-node .x-tree-node-el.x-tree-node-expanded.x-tree-selected {
      background-color: #F1F1F1; }
    .ext-strict .x-tree-lines .x-tree-node .x-tree-elbow-end-minus, .ext-strict .x-tree-lines .x-tree-node .x-tree-elbow-minus {
      background-image: url("../../images/themes/light/ic-arrow-drop-down.svg");
      transform: rotate(90deg);
      width: 26px;
      height: 26px;
      background-position: center;
      position: relative;
      top: -4px; }
    .ext-strict .x-tree-lines .x-tree-node .x-tree-elbow-plus, .ext-strict .x-tree-lines .x-tree-node .x-tree-elbow-end-plus {
      background-image: url("../../images/themes/light/ic-arrow-drop-down.svg");
      width: 26px;
      height: 26px;
      background-position: center;
      position: relative;
      top: -4px; }
    .ext-strict .x-tree-lines .x-tree-node .x-tree-elbow-line, .ext-strict .x-tree-lines .x-tree-node .x-tree-elbow, .ext-strict .x-tree-lines .x-tree-node .x-tree-elbow-end {
      background-image: none; }
    .ext-strict .x-tree-lines .x-tree-node .x-tree-elbow, .ext-strict .x-tree-lines .x-tree-node .x-tree-elbow-end {
      width: 26px; }
  .ext-strict .x-tree-node a span,
  .ext-strict .x-dd-drag-ghost a span {
    color: #1B1A1A;
    margin-left: 10px;
    /* &:hover{
            color: $color-contrast-secondary;
        } */ }
    .ext-strict .x-tree-node a span span,
    .ext-strict .x-dd-drag-ghost a span span {
      margin-left: 0px;
      top: 1px !important; }
  .ext-strict .pnl-treeview {
    background-color: #FFFFFF;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    /* .ctbScrollBarPanel {
            padding-left: 5px;
        } */ }
    .ext-strict .pnl-treeview .x-tree-node-expanded .icon-folder,
    .ext-strict .pnl-treeview .x-tree-node-collapsed .x-tree-node-icon {
      background-image: url("../../images/themes/light/ic-tree-folder.svg"); }
    .ext-strict .pnl-treeview .x-panel-header {
      color: #1B1A1A;
      border-bottom: 1px solid #d9d9d9;
      font-size: 12px;
      font-weight: 500;
      background-image: none;
      background: linear-gradient(#FFFFFF, #F2F1F2);
      padding: 10px 0px 8px 9px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
      .ext-strict .pnl-treeview .x-panel-header .x-tool {
        width: 24px;
        height: 18px;
        background-position: center;
        float: right;
        margin-right: 0px; }
    .ext-strict .pnl-treeview .x-panel-tbar {
      margin-bottom: 0px; }
      .ext-strict .pnl-treeview .x-panel-tbar .x-toolbar {
        min-height: 0px;
        margin-left: 5px; }
    .ext-strict .pnl-treeview .x-panel-bbar {
      margin-top: 0px;
      background-color: #FFFFFF;
      border-top: 1px solid #d9d9d9; }
    .ext-strict .pnl-treeview .x-tree-root-ct.x-tree-lines {
      padding: 10px 0px 10px 0px; }
    .ext-strict .pnl-treeview .x-panel-tl, .ext-strict .pnl-treeview .x-panel-tr {
      padding: 0px; }
    .ext-strict .pnl-treeview .album-node .x-tree-node-icon, .ext-strict .pnl-treeview .album-btn {
      background-image: url("../../images/themes/light/ic-tree-folder.svg") !important; }
    .ext-strict .pnl-treeview .x-toolbar .x-form-field-wrap {
      background-color: #FFFFFF; }
      .ext-strict .pnl-treeview .x-toolbar .x-form-field-wrap .x-form-trigger {
        background-color: transparent; }
        .ext-strict .pnl-treeview .x-toolbar .x-form-field-wrap .x-form-trigger.x-form-arrow-trigger {
          background-image: url("../../images/themes/light/ic-arrow-drop-down-secondary.svg"); }
    .ext-strict .pnl-treeview .x-toolbar .x-btn-text, .ext-strict .pnl-treeview .x-toolbar .ctb-anchor-btn, .ext-strict .pnl-treeview .x-toolbar .btn-sm-row, .ext-strict .pnl-treeview .x-toolbar .ctb_btn_default_sm, .ext-strict .pnl-treeview .x-toolbar .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .pnl-treeview .x-toolbar .x-btn-text, .ext-strict .pnl-treeview .x-toolbar .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .pnl-treeview .x-toolbar .x-btn-text, .ext-strict .pnl-treeview .x-toolbar .x-date-mp .x-date-mp-ok, .x-date-mp .ext-strict .pnl-treeview .x-toolbar .x-date-mp-ok, .ext-strict .pnl-treeview .x-toolbar .x-date-mp .x-date-mp-cancel, .x-date-mp .ext-strict .pnl-treeview .x-toolbar .x-date-mp-cancel, .ext-strict .pnl-treeview .x-toolbar #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .ext-strict .pnl-treeview .x-toolbar .outlet-node, .ext-strict .pnl-treeview .x-toolbar #pnl_CycleMenu .xbutton, #pnl_CycleMenu .ext-strict .pnl-treeview .x-toolbar .xbutton, .ext-strict .pnl-treeview .x-toolbar .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict .pnl-treeview .x-toolbar .ctb-btn {
      background-color: #d9d9d9;
      color: #1B1A1A; }
    .ext-strict .pnl-treeview .x-btn-text, .ext-strict .pnl-treeview .ctb-anchor-btn, .ext-strict .pnl-treeview .btn-sm-row, .ext-strict .pnl-treeview .ctb_btn_default_sm, .ext-strict .pnl-treeview .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .pnl-treeview .x-btn-text, .ext-strict .pnl-treeview .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .pnl-treeview .x-btn-text, .ext-strict .pnl-treeview .x-date-mp .x-date-mp-ok, .x-date-mp .ext-strict .pnl-treeview .x-date-mp-ok, .ext-strict .pnl-treeview .x-date-mp .x-date-mp-cancel, .x-date-mp .ext-strict .pnl-treeview .x-date-mp-cancel, .ext-strict .pnl-treeview #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .ext-strict .pnl-treeview .outlet-node, .ext-strict .pnl-treeview #pnl_CycleMenu .xbutton, #pnl_CycleMenu .ext-strict .pnl-treeview .xbutton, .ext-strict .pnl-treeview .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict .pnl-treeview .ctb-btn, .ext-strict .pnl-treeview .x-toolbar .x-btn-mc em.x-btn-split {
      background-color: #d9d9d9 !important; }
    .ext-strict .pnl-treeview .x-panel-mr, .ext-strict .pnl-treeview .x-panel-ml {
      padding: 0px; }
    .ext-strict .pnl-treeview .x-panel-body[data-simplebar="init"] {
      background-color: #FFFFFF; }
    .ext-strict .pnl-treeview .x-panel-ml .x-panel-tbar {
      padding-bottom: 0px; }
    .ext-strict .pnl-treeview .x-tree .x-panel-tbar, .ext-strict .pnl-treeview * .x-panel-tbar {
      padding-bottom: 10px; }
    .ext-strict .pnl-treeview .ctb-recipebook-detail-panel .x-panel-tbar.x-panel-tbar-noheader {
      border-bottom: 1px solid #d9d9d9; }
    .ext-strict .pnl-treeview .x-panel-bwrap {
      border-bottom-left-radius: inherit;
      border-bottom-right-radius: inherit; }

input[type="radio"] {
  height: 18px;
  width: 18px;
  -webkit-appearance: none;
  background-image: url("../../images/themes/light/ic-radio-button-unchecked.svg");
  background-size: cover; }

input[type="radio"]:checked {
  mask: url("../../images/themes/dtp/ic-radio-button-checked.svg");
  mask-size: cover;
  -webkit-mask: url("../../images/themes/dtp/ic-radio-button-checked.svg");
  background-color: #666 !important;
  -webkit-mask-size: cover; }

/* Slider */
.ctb-slider .x-form-field-wrap {
  background: unset !important;
  border: none;
  box-shadow: none !important; }

.x-slider {
  background: linear-gradient(#FFFFFF, #F2F1F2);
  height: 14px;
  border-radius: 7.5px;
  margin-top: 10px;
  padding-left: 13px;
  border: 1px solid #d9d9d9; }
  .x-slider .x-slider-inner {
    background-image: unset; }
  .x-slider .x-slider-thumb {
    background-image: url("../../images/themes/dtp/ic-oval.svg");
    width: 36px;
    height: 36px;
    top: -10px;
    background-size: cover;
    cursor: pointer; }
  .x-slider .x-slider-thumb-over {
    background-position: unset; }
  .x-slider .x-slider-thumb-drag {
    background-position: unset; }
  .x-slider .x-slider-end {
    background-image: unset; }
  .x-slider.x-item-disabled {
    opacity: .8; }

/* Field set */
*.x-fieldset {
  background: transparent;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  margin: 5px; }
  *.x-fieldset legend {
    color: #1B1A1A;
    font-size: 12px;
    font-family: "Roboto Standard", arial, helvetica, sans-serif;
    font-weight: 500; }
  *.x-fieldset .x-fieldset-header {
    padding: 5px 10px;
    user-select: none;
    color: #1B1A1A;
    background: #d9d9d9;
    position: relative;
    top: 2px;
    border-radius: 5px; }
  *.x-fieldset .x-form-text, *.x-fieldset .ext-strict .x-small-editor .x-form-text, .ext-strict .x-small-editor *.x-fieldset .x-form-text, *.x-fieldset .ctb_transparent_bg_color .ctb-reciperipper-url, .ctb_transparent_bg_color *.x-fieldset .ctb-reciperipper-url, *.x-fieldset .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct *.x-fieldset .b-h-ip, *.x-fieldset .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row *.x-fieldset .r-ip, *.x-fieldset .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell *.x-fieldset input.b-bd-fh-input, *.x-fieldset .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r *.x-fieldset .bd-r-ip {
    background: #FFFFFF;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    transition: box-shadow 0.2s; }
    *.x-fieldset .x-form-text:hover, *.x-fieldset .ctb_transparent_bg_color .ctb-reciperipper-url:hover, .ctb_transparent_bg_color *.x-fieldset .ctb-reciperipper-url:hover, *.x-fieldset .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip:hover, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct *.x-fieldset .b-h-ip:hover, *.x-fieldset .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip:hover, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row *.x-fieldset .r-ip:hover, *.x-fieldset .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input:hover, .b-bd-fh .b-bd-fh-cell *.x-fieldset input.b-bd-fh-input:hover, *.x-fieldset .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip:hover, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r *.x-fieldset .bd-r-ip:hover {
      box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
  *.x-fieldset .x-form-field-wrap .x-form-text, *.x-fieldset .x-form-field-wrap .ctb_transparent_bg_color .ctb-reciperipper-url, .ctb_transparent_bg_color *.x-fieldset .x-form-field-wrap .ctb-reciperipper-url, *.x-fieldset .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct *.x-fieldset .x-form-field-wrap .b-h-ip, *.x-fieldset .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row *.x-fieldset .x-form-field-wrap .r-ip, *.x-fieldset .x-form-field-wrap .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell *.x-fieldset .x-form-field-wrap input.b-bd-fh-input, *.x-fieldset .x-form-field-wrap .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r *.x-fieldset .x-form-field-wrap .bd-r-ip {
    border: none; }
  *.x-fieldset .x-form-date-trigger {
    background-color: transparent !important; }
    *.x-fieldset .x-form-date-trigger.x-form-trigger-over {
      background-position: unset; }
  *.x-fieldset .x-form-trigger {
    background-color: transparent;
    right: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; }
  *.x-fieldset .x-fieldset-bwrap {
    padding: 10px 10px 0px; }

*.x-fieldset-noborder {
  border: none; }

/* Date Picker */
.x-menu, .ctbwindow-detail-general {
  border: none;
  border-radius: 5px; }
  .x-menu.x-menu-plain, .ctbwindow-detail-general.x-menu-plain {
    background-color: unset !important; }
  .x-menu.x-color-menu.x-menu-plain, .ctbwindow-detail-general.x-color-menu.x-menu-plain {
    background-color: #FFFFFF !important; }
  .x-menu .x-menu-list, .ctbwindow-detail-general .x-menu-list {
    border-radius: 5px; }

.x-date-picker {
  border-color: #d9d9d9;
  background-color: unset; }
  .x-date-picker .x-date-middle,
  .x-date-picker .x-date-left,
  .x-date-picker .x-date-right {
    background-image: unset;
    background-color: #f3ab00; }
  .x-date-picker .x-date-middle em.x-btn-arrow {
    width: 100%;
    text-align: center; }
    .x-date-picker .x-date-middle em.x-btn-arrow .x-btn-text, .x-date-picker .x-date-middle em.x-btn-arrow .ctb-anchor-btn, .x-date-picker .x-date-middle em.x-btn-arrow .btn-sm-row, .x-date-picker .x-date-middle em.x-btn-arrow .ctb_btn_default_sm, .x-date-picker .x-date-middle em.x-btn-arrow .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-date-picker .x-date-middle em.x-btn-arrow .x-btn-text, .x-date-picker .x-date-middle em.x-btn-arrow .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-date-picker .x-date-middle em.x-btn-arrow .x-btn-text, .x-date-picker .x-date-middle em.x-btn-arrow .x-date-mp .x-date-mp-ok, .x-date-mp .x-date-picker .x-date-middle em.x-btn-arrow .x-date-mp-ok, .x-date-picker .x-date-middle em.x-btn-arrow .x-date-mp .x-date-mp-cancel, .x-date-mp .x-date-picker .x-date-middle em.x-btn-arrow .x-date-mp-cancel, .x-date-picker .x-date-middle em.x-btn-arrow #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .x-date-picker .x-date-middle em.x-btn-arrow .outlet-node, .x-date-picker .x-date-middle em.x-btn-arrow #pnl_CycleMenu .xbutton, #pnl_CycleMenu .x-date-picker .x-date-middle em.x-btn-arrow .xbutton, .x-date-picker .x-date-middle em.x-btn-arrow .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .x-date-picker .x-date-middle em.x-btn-arrow .ctb-btn {
      background: linear-gradient(#FFC438, #f3ab00);
      color: #FFFFFF;
      border: 1px solid #FFC438 !important; }
  .x-date-picker .x-btn-text, .x-date-picker .ctb-anchor-btn, .x-date-picker .btn-sm-row, .x-date-picker .ctb_btn_default_sm, .x-date-picker .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-date-picker .x-btn-text, .x-date-picker .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-date-picker .x-btn-text, .x-date-picker .x-date-mp .x-date-mp-ok, .x-date-mp .x-date-picker .x-date-mp-ok, .x-date-picker .x-date-mp .x-date-mp-cancel, .x-date-mp .x-date-picker .x-date-mp-cancel, .x-date-picker #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .x-date-picker .outlet-node, .x-date-picker #pnl_CycleMenu .xbutton, #pnl_CycleMenu .x-date-picker .xbutton, .x-date-picker .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .x-date-picker .ctb-btn {
    background: linear-gradient(#FFFFFF, #F2F1F2);
    border: 0; }
  .x-date-picker .x-date-right a,
  .x-date-picker .x-date-left a {
    background: url("../../images/themes/dark/ic-calendar-arrow.svg") center;
    background-repeat: no-repeat;
    height: 20px;
    width: 25px;
    background-position-y: -7px;
    position: relative; }
  .x-date-picker .x-date-left a {
    transform: rotate(180deg);
    left: 7px; }
  .x-date-picker .x-date-right a {
    right: 5px; }
  .x-date-picker .x-date-middle .x-btn-mc em.x-btn-arrow {
    background-image: unset; }
  .x-date-picker table.x-date-inner {
    background: #FFFFFF;
    width: 260px;
    border-collapse: unset;
    font-size: 11px; }
    .x-date-picker table.x-date-inner th {
      background-color: transparent;
      background-image: unset;
      padding: 10px 0px;
      color: #1B1A1A;
      border-collapse: unset;
      border-bottom: none;
      font-family: "Roboto Standard", arial, helvetica, sans-serif; }
      .x-date-picker table.x-date-inner th span {
        text-align: center;
        padding: 0px 0px 10px 0px;
        font-size: 12px; }
    .x-date-picker table.x-date-inner td {
      border: none;
      padding: 2px 3px; }
      .x-date-picker table.x-date-inner td a {
        color: #1B1A1A;
        font: unset;
        padding: 8px 0px;
        text-align: center; }
        .x-date-picker table.x-date-inner td a:hover {
          background-color: unset !important;
          color: #1B1A1A !important; }
      .x-date-picker table.x-date-inner td.x-date-prevday, .x-date-picker table.x-date-inner td.x-date-nextday {
        opacity: 0.5; }
      .x-date-picker table.x-date-inner td.x-date-prevday:hover a, .x-date-picker table.x-date-inner td.x-date-nextday:hover a, .x-date-picker table.x-date-inner td.x-date-active:hover a {
        border: 1.5px solid #f3ab00 !important; }
      .x-date-picker table.x-date-inner td.x-date-prevday a, .x-date-picker table.x-date-inner td.x-date-nextday a, .x-date-picker table.x-date-inner td.x-date-active a {
        border: 1.5px solid transparent;
        border-radius: 100%; }
      .x-date-picker table.x-date-inner td.x-date-selected a {
        background-color: unset;
        color: #1B1A1A;
        border: 1.5px solid #f3ab00;
        border-radius: 20px; }
  .x-date-picker .x-date-bottom {
    background: #FFFFFF;
    background-image: unset;
    border-top-color: #d9d9d9;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }
    .x-date-picker .x-date-bottom .x-btn-text, .x-date-picker .x-date-bottom .ctb-anchor-btn, .x-date-picker .x-date-bottom .btn-sm-row, .x-date-picker .x-date-bottom .ctb_btn_default_sm, .x-date-picker .x-date-bottom .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-date-picker .x-date-bottom .x-btn-text, .x-date-picker .x-date-bottom .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-date-picker .x-date-bottom .x-btn-text, .x-date-picker .x-date-bottom .x-date-mp .x-date-mp-ok, .x-date-mp .x-date-picker .x-date-bottom .x-date-mp-ok, .x-date-picker .x-date-bottom .x-date-mp .x-date-mp-cancel, .x-date-mp .x-date-picker .x-date-bottom .x-date-mp-cancel, .x-date-picker .x-date-bottom #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .x-date-picker .x-date-bottom .outlet-node, .x-date-picker .x-date-bottom #pnl_CycleMenu .xbutton, #pnl_CycleMenu .x-date-picker .x-date-bottom .xbutton, .x-date-picker .x-date-bottom .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .x-date-picker .x-date-bottom .ctb-btn {
      width: 70px; }
  .x-date-picker .x-date-disabled a {
    background: unset;
    opacity: 0.5; }

.x-date-menu {
  border: 1px solid #d9d9d9; }

.x-date-mp {
  background-color: #FFFFFF; }
  .x-date-mp .x-date-mp-btns {
    background: #FFFFFF; }
    .x-date-mp .x-date-mp-btns td {
      border-top-color: #d9d9d9; }
  .x-date-mp td.x-date-mp-sep {
    border-right-color: #d9d9d9; }
  .x-date-mp .x-date-mp-ok, .x-date-mp .x-date-mp-cancel {
    width: 70px; }
  .x-date-mp .x-date-mp-ok {
    margin-right: 10px; }
  .x-date-mp td.x-date-mp-month, .x-date-mp td.x-date-mp-year {
    padding-left: 15px;
    padding-right: 15px; }
    .x-date-mp td.x-date-mp-month a, .x-date-mp td.x-date-mp-year a {
      color: #1B1A1A;
      width: 26px;
      height: 30px;
      border-radius: 100%;
      line-height: 30px;
      background-color: unset;
      background: unset; }
  .x-date-mp td.x-date-mp-month a, .x-date-mp td.x-date-mp-year a {
    border: 1.5px solid transparent;
    padding: 1px 3px; }
    .x-date-mp td.x-date-mp-month a:hover, .x-date-mp td.x-date-mp-year a:hover {
      border: 1.5px solid #f3ab00 !important; }
  .x-date-mp td.x-date-mp-month.x-date-mp-sel a, .x-date-mp td.x-date-mp-year.x-date-mp-sel a {
    border: 1.5px solid #f3ab00; }
  .x-date-mp .x-date-mp-prev, .x-date-mp .x-date-mp-next {
    background: url("../../images/themes/light/arraw-icon.svg") center;
    height: 20px;
    width: 20px;
    background-position: -3px -2px !important; }
    .x-date-mp .x-date-mp-prev:hover, .x-date-mp .x-date-mp-next:hover {
      border: 1px solid #d9d9d9;
      border-radius: 100%; }
  .x-date-mp .x-date-mp-next {
    transform: rotate(180deg); }

/* Others */
.x-form-display-field {
  font-size: 12px;
  color: #1B1A1A !important;
  margin-top: 7px; }

.x-form-cb-label {
  top: 1px !important;
  margin-left: 10px;
  line-height: 20px !important;
  font-weight: normal;
  font-family: "Roboto Standard", arial, helvetica, sans-serif; }

/* Combobox */
.x-combo-list {
  border: 1px solid #d9d9d9;
  border-radius: 5px; }
  .x-combo-list .x-combo-list-inner {
    background-color: #FFFFFF; }
    .x-combo-list .x-combo-list-inner .x-grid-group-hd {
      padding: 5px 0px;
      border-bottom: 1px solid #d9d9d9; }
      .x-combo-list .x-combo-list-inner .x-grid-group-hd div.x-grid-group-title {
        color: #1B1A1A; }
  .x-combo-list .x-combo-list-item {
    border: none !important;
    transition: box-shadow 0.2s, padding-left 0.2s;
    padding: 8px; }
    .x-combo-list .x-combo-list-item:not(:first-child) {
      border-top: 1px solid #d9d9d9 !important; }
    .x-combo-list .x-combo-list-item.x-combo-selected, .x-combo-list .x-combo-list-item:hover, .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn-pressed {
      background-color: #F1F1F1;
      box-shadow: inset 5px 0 0 0 #f3ab00;
      padding-left: 15px; }

*.x-date-inner *.x-date-today a {
  border: none; }

.nx-field input:focus + img {
  background-color: unset !important; }

*.x-form-invalid {
  background-color: #9e3b34;
  border-color: #9e3b34 !important; }

.x-form-item {
  color: #1B1A1A;
  font-family: "Roboto Standard", arial, helvetica, sans-serif; }
  .x-form-item .x-form-element .x-form-check-wrap {
    padding-top: 9px; }
  .x-form-item.x-hide-label .x-form-element .x-form-check-wrap {
    padding-top: 0px; }

.x-form-invalid-icon {
  background-image: url(../..//images/themes/ic-invalid.svg);
  width: 32px;
  height: 32px;
  background-position: center; }

.icon-upload-image {
  background: url("../../images/themes/light/ic-upload-image.svg") center no-repeat;
  background-color: transparent !important;
  margin-right: 5px !important; }

.form-create-stocktemplate .simplebar-scroll-content {
  overflow-y: hidden; }

*.x-html-editor-wrap {
  background-color: unset;
  border-color: #d9d9d9;
  border-radius: 5px; }
  *.x-html-editor-wrap iframe body {
    background: #F1F1F1 !important; }
  *.x-html-editor-wrap .x-html-editor-tb .x-toolbar {
    background: linear-gradient(#FFFFFF, #F2F1F2);
    color: #1B1A1A;
    border-color: #d9d9d9;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
    *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon .x-btn-small .x-btn-text, *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon .x-btn-small .ctb-anchor-btn, *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon .x-btn-small .btn-sm-row, *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon .x-btn-small .ctb_btn_default_sm, *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon .x-btn-small .x-date-mp .x-date-mp-ok, .x-date-mp *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon .x-btn-small .x-date-mp-ok, *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon .x-btn-small .x-date-mp .x-date-mp-cancel, .x-date-mp *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon .x-btn-small .x-date-mp-cancel, *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon .x-btn-small #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon .x-btn-small .outlet-node, *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon .x-btn-small #pnl_CycleMenu .xbutton, #pnl_CycleMenu *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon .x-btn-small .xbutton, *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon .x-btn-small .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon .x-btn-small .ctb-btn {
      background-image: url("../../images/themes/light/ic-editor-sprite.svg");
      border: none !important;
      padding: 0px;
      height: 16px; }
      *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon .x-btn-small .x-btn-text.x-edit-char, *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon .x-btn-small .x-edit-char.ctb-anchor-btn, *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon .x-btn-small .x-edit-char.btn-sm-row, *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon .x-btn-small .x-edit-char.ctb_btn_default_sm, *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon .x-btn-small .x-date-mp .x-edit-char.x-date-mp-ok, .x-date-mp *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon .x-btn-small .x-edit-char.x-date-mp-ok, *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon .x-btn-small .x-date-mp .x-edit-char.x-date-mp-cancel, .x-date-mp *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon .x-btn-small .x-edit-char.x-date-mp-cancel, *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon .x-btn-small #outlet #outlet-map #map .x-edit-char.outlet-node, #outlet #outlet-map #map *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon .x-btn-small .x-edit-char.outlet-node, *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon .x-btn-small #pnl_CycleMenu .x-edit-char.xbutton, #pnl_CycleMenu *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon .x-btn-small .x-edit-char.xbutton, *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon .x-btn-small .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .x-edit-char.ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon .x-btn-small .x-edit-char.ctb-btn {
        background: url("../../images/themes/light/ic-editor-special.svg") 0 0 no-repeat !important; }
    *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon.x-btn-over .x-btn-text, *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon.x-btn-over .ctb-anchor-btn, *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon.x-btn-over .btn-sm-row, *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon.x-btn-over .ctb_btn_default_sm, *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon.x-btn-over .x-date-mp .x-date-mp-ok, .x-date-mp *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon.x-btn-over .x-date-mp-ok, *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon.x-btn-over .x-date-mp .x-date-mp-cancel, .x-date-mp *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon.x-btn-over .x-date-mp-cancel, *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon.x-btn-over #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon.x-btn-over .outlet-node, *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon.x-btn-over #pnl_CycleMenu .xbutton, #pnl_CycleMenu *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon.x-btn-over .xbutton, *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon.x-btn-over .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-btn-icon.x-btn-over .ctb-btn {
      box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
    *.x-html-editor-wrap .x-html-editor-tb .x-toolbar em.x-btn-arrow {
      padding-right: 0px;
      border: none !important; }
      *.x-html-editor-wrap .x-html-editor-tb .x-toolbar em.x-btn-arrow:after {
        content: url("../../images/themes/light/ic-arrow-drop-down-secondary.svg");
        bottom: 8px;
        right: 2px; }
    *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-font-select {
      background-color: #FFFFFF;
      border: 1px solid #d9d9d9;
      color: #1B1A1A;
      margin-left: 5px; }
      *.x-html-editor-wrap .x-html-editor-tb .x-toolbar .x-font-select:hover {
        box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }

.x-checkboxcombo-list {
  background-color: #FFFFFF;
  border: 1px solid #d9d9d9;
  border-radius: 5px; }
  .x-checkboxcombo-list .x-checkboxcombo-list-inner {
    background-color: #FFFFFF; }
    .x-checkboxcombo-list .x-checkboxcombo-list-inner .x-form-item {
      padding: 0;
      border: none; }
      .x-checkboxcombo-list .x-checkboxcombo-list-inner .x-form-item:not(:last-child) {
        border-bottom: 1px solid #d9d9d9 !important; }
    .x-checkboxcombo-list .x-checkboxcombo-list-inner .x-checkboxcombo-item-over {
      background-color: #F1F1F1;
      border: none !important; }
      .x-checkboxcombo-list .x-checkboxcombo-list-inner .x-checkboxcombo-item-over .x-form-element {
        box-shadow: inset 5px 0 0 0 #b31217;
        padding-left: 15px !important; }
  .x-checkboxcombo-list .x-form-element {
    padding: 8px 8px 8px 5px !important;
    transition: box-shadow 0.2s, padding-left 0.2s; }
    .x-checkboxcombo-list .x-form-element .x-form-check-wrap {
      margin-left: 5px; }

.x-menu-check-item .x-menu-item-icon {
  background-image: url("../../images/themes/light/ic-uncheck.svg");
  width: 18px;
  height: 18px; }

.x-menu-item-checked .x-menu-item-icon {
  top: 6px; }

/*Checkbox*/
.nx-field input[type="checkbox"],
input[type="checkbox"] {
  height: 18px;
  width: 18px;
  -webkit-appearance: none;
  background-image: url("../../images/themes/light/ic-uncheck.svg");
  background-size: cover; }
  .nx-field input[type="checkbox"] :focus,
  input[type="checkbox"] :focus {
    background-color: unset !important; }

input[type="checkbox"]:checked, .x-menu-item-checked .x-menu-item-icon {
  background-image: url("../../images/themes/dtp/ic-checked.svg"); }

#outlet {
  transform: unset;
  top: 0px !important;
  pointer-events: none;
  z-index: 101;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  #outlet.showed {
    top: 0px !important;
    pointer-events: all; }
    #outlet.showed #outlet-button {
      transform: translateY(-50px);
      transition: top 0.2s, transform 0.5s; }
    #outlet.showed #outlet-map {
      top: 0px !important;
      opacity: 1;
      transition: top 0.75s, opacity 0.25s 0.4s;
      box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.42); }
    #outlet.showed:before {
      opacity: 0.8; }
    #outlet.showed #outlet-name {
      color: inherit; }
  #outlet #outlet-button {
    background-color: #FFFFFF;
    position: absolute !important;
    transition: top 0.2s, transform 0.5s 0.2s !important;
    top: -5px;
    height: 44px;
    background-repeat: no-repeat;
    border: 1px solid #d9d9d9;
    border-radius: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 5px 10px 0px 5px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); }
    #outlet #outlet-button:hover {
      top: -1px; }
    #outlet #outlet-button #button {
      background-image: url("../../images/themes/light/ic-outlet-toggle.svg");
      width: 25px;
      height: 25px;
      margin: 10px;
      border: none;
      border-radius: none; }
      #outlet #outlet-button #button:hover {
        background-image: url("../../images/themes/light/ic-outlet-toggle.svg");
        background-color: unset; }
    #outlet #outlet-button #outlet-name {
      font-weight: 500;
      position: relative;
      line-height: 46px;
      margin-left: 5px;
      user-select: none; }
  #outlet #outlet-map {
    flex-grow: 1;
    max-width: unset;
    background: #FFFFFF;
    height: auto !important;
    max-height: 60vh;
    min-height: 30vh !important;
    border: none;
    border-bottom: 1px solid #d9d9d9;
    border-radius: unset;
    top: -100vh !important;
    opacity: 0;
    transition: top 1s, opacity 0.25s 1s;
    padding: 25px 0px 10px !important;
    width: 100% !important; }
    #outlet #outlet-map #outlet-map-close-btn {
      width: 32px;
      height: 32px;
      right: 10px !important;
      cursor: pointer;
      background-size: cover; }
    #outlet #outlet-map #map {
      overflow: hidden;
      max-height: 56vh !important; }
      #outlet #outlet-map #map .outlet-node {
        border: none; }
        #outlet #outlet-map #map .outlet-node span {
          padding: 5px; }
    #outlet #outlet-map #guide {
      position: relative;
      font-size: 16px;
      background: #F6F6F6;
      padding: 10px;
      border: 1px solid #d9d9d9;
      border-radius: 5px;
      color: #1B1A1A;
      width: 250px;
      bottom: -10px;
      display: none; }
    #outlet #outlet-map #confirm {
      border: 1px solid #d9d9d9;
      background-color: #FFFFFF;
      border-radius: 5px;
      box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
      padding: 10px 0px;
      cursor: pointer; }
      #outlet #outlet-map #confirm::after {
        border-color: #d9d9d9 !important;
        background-color: #FFFFFF;
        width: 10px;
        height: 10px;
        top: -6px;
        border-radius: none; }
      #outlet #outlet-map #confirm > span {
        font-weight: 500; }
        #outlet #outlet-map #confirm > span:hover {
          color: #1B1A1A;
          background-color: #F1F1F1; }
  #outlet:before {
    position: absolute;
    content: ' ';
    height: 100vh;
    width: 100vw;
    top: 0px;
    left: 0px;
    background-color: #a3a3a3;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s; }

.google-visualization-orgchart-linebottom,
.google-visualization-orgchart-lineleft,
.google-visualization-orgchart-lineright,
.google-visualization-orgchart-linetop {
  border-color: #d9d9d9 !important; }

.outlet-hierarchy {
  overflow: hidden;
  max-height: unset;
  margin-top: 30px; }
  .outlet-hierarchy .simplebar-scroll-content {
    cursor: move; }
  .outlet-hierarchy .google-visualization-orgchart-table {
    margin-bottom: 10px;
    padding: 0px 20px 20px; }
    .outlet-hierarchy .google-visualization-orgchart-table * {
      padding: 0px; }
  .outlet-hierarchy .outlet-node {
    border: 1px solid #d9d9d9;
    background: linear-gradient(#FFFFFF, #F2F1F2);
    padding: 7px 10px !important; }
    .outlet-hierarchy .outlet-node.current-node-td, .outlet-hierarchy .outlet-node.outlet-node-selected {
      background: linear-gradient(#FFC438, #f3ab00) !important;
      color: #FFFFFF !important;
      border: 1px solid #f3ab00 !important; }
      .outlet-hierarchy .outlet-node.current-node-td:hover, .outlet-hierarchy .outlet-node.outlet-node-selected:hover {
        box-shadow: 2px 2px 5px 0 rgba(243, 171, 0, 0.35) !important; }
      .outlet-hierarchy .outlet-node.current-node-td span,
      .outlet-hierarchy .outlet-node.current-node-td div:first-child,
      .outlet-hierarchy .outlet-node.current-node-td label, .outlet-hierarchy .outlet-node.outlet-node-selected span,
      .outlet-hierarchy .outlet-node.outlet-node-selected div:first-child,
      .outlet-hierarchy .outlet-node.outlet-node-selected label {
        color: #FFFFFF !important; }
    .outlet-hierarchy .outlet-node.outlet-checkbox.outlet-node-selected {
      background: linear-gradient(#FFFFFF, #F2F1F2) !important;
      border: 1px solid #d9d9d9 !important; }
      .outlet-hierarchy .outlet-node.outlet-checkbox.outlet-node-selected:hover {
        box-shadow: none !important; }
      .outlet-hierarchy .outlet-node.outlet-checkbox.outlet-node-selected label {
        color: #1B1A1A !important; }
    .outlet-hierarchy .outlet-node span,
    .outlet-hierarchy .outlet-node div:first-child,
    .outlet-hierarchy .outlet-node label {
      font-family: "Roboto Medium", arial, helvetica, sans-serif;
      color: #1B1A1A !important;
      cursor: pointer;
      font-size: 14px;
      font-weight: normal;
      display: inline-block;
      line-height: 100%;
      min-width: 90px;
      white-space: nowrap;
      vertical-align: middle; }
    .outlet-hierarchy .outlet-node label {
      min-width: auto; }
    .outlet-hierarchy .outlet-node span {
      font-size: 14px;
      padding: 5px 10px; }
    .outlet-hierarchy .outlet-node.current-node-td {
      background: linear-gradient(#FFC438, #f3ab00) !important;
      color: #FFFFFF !important;
      border: 1px solid #f3ab00 !important; }
      .outlet-hierarchy .outlet-node.current-node-td:hover {
        box-shadow: 2px 2px 5px 0 rgba(243, 171, 0, 0.35) !important; }
      .outlet-hierarchy .outlet-node.current-node-td span {
        color: #FFFFFF !important; }
    .outlet-hierarchy .outlet-node input {
      margin-right: 5px; }
    .outlet-hierarchy .outlet-node input[type="checkbox"]:checked {
      background-image: url("../../images/themes/dtp/ic-checked.svg") !important; }
  .outlet-hierarchy .ctb-outlethierarchy-current-node,
  .outlet-hierarchy .ctb-outlethierarchy-node-hover,
  .outlet-hierarchy .ctb-outlethierarchy-selected-node {
    background-color: #d9d9d9 !important; }

.outlet-hierarchy {
  height: calc(100% - 130px) !important; }
  .outlet-hierarchy-title {
    color: #1B1A1A; }

.ext-strict {
  /* .x-form-text, .x-form-field-wrap {
        background-color: $color-5th;
    } */ }
  .ext-strict .x-window .x-window-tl, .ext-strict .x-panel-ghost .x-window-tl {
    background: linear-gradient(#FFFFFF, #F2F1F2);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: 1px solid #d9d9d9; }
    .ext-strict .x-window .x-window-tl .x-window-header, .ext-strict .x-panel-ghost .x-window-tl .x-window-header {
      padding: 5px 0 5px 10px; }
      .ext-strict .x-window .x-window-tl .x-window-header .x-window-header-text, .ext-strict .x-panel-ghost .x-window-tl .x-window-header .x-window-header-text {
        font-size: 16px;
        font-weight: 500;
        line-height: 32px; }
      .ext-strict .x-window .x-window-tl .x-window-header .x-tool, .ext-strict .x-panel-ghost .x-window-tl .x-window-header .x-tool {
        background-image: none;
        width: 32px;
        height: 32px; }
        .ext-strict .x-window .x-window-tl .x-window-header .x-tool.x-tool-close, .ext-strict .x-panel-ghost .x-window-tl .x-window-header .x-tool.x-tool-close {
          background: url("../../images/themes/light/ic-delete.svg") no-repeat center; }
        .ext-strict .x-window .x-window-tl .x-window-header .x-tool.x-tool-restore, .ext-strict .x-panel-ghost .x-window-tl .x-window-header .x-tool.x-tool-restore, .ext-strict .x-window .x-window-tl .x-window-header .x-tool.x-tool-maximize, .ext-strict .x-panel-ghost .x-window-tl .x-window-header .x-tool.x-tool-maximize {
          background: url("../../images/themes/light/ic-maximize.svg") no-repeat center !important; }
        .ext-strict .x-window .x-window-tl .x-window-header .x-tool.x-tool-minimize, .ext-strict .x-panel-ghost .x-window-tl .x-window-header .x-tool.x-tool-minimize {
          display: none;
          background: url("../../images/themes/light/ic-minimize.svg") no-repeat center !important; }
    .ext-strict .x-window .x-window-tl .x-panel-icon, .ext-strict .x-panel-ghost .x-window-tl .x-panel-icon {
      background-position: 0px 13px; }
  .ext-strict .x-window {
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.42);
    background: #F1F1F1;
    border-radius: 5px;
    /* .x-grid-panel {
            .x-grid3 {
                .x-grid3-header {
                    background-color: $color-16th;
                }

                .x-grid3-hd-over .x-grid3-hd-inner {
                    background-color: $color-16th !important;
                }
            }
        } */ }
    .ext-strict .x-window .x-window-header-text {
      color: #1B1A1A; }
    .ext-strict .x-window .x-window-bwrap {
      background-color: #FFFFFF;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
      .ext-strict .x-window .x-window-bwrap .x-panel-mr,
      .ext-strict .x-window .x-window-bwrap .x-panel-ml,
      .ext-strict .x-window .x-window-bwrap .x-window-mc {
        background-color: transparent;
        background-image: none;
        padding: 0px;
        font-size: 12px; }
    .ext-strict .x-window-ml, .ext-strict .x-window-bl, .ext-strict .x-window-br, .ext-strict .x-window-bc, .ext-strict .x-window-mc, .ext-strict .x-window-tl, .ext-strict .x-window-tr, .ext-strict .x-window-tc, .ext-strict .x-window-mr {
      background: transparent;
      background-image: none;
      border: none; }
      .ext-strict .x-window-ml .x-window-body, .ext-strict .x-window-bl .x-window-body, .ext-strict .x-window-br .x-window-body, .ext-strict .x-window-bc .x-window-body, .ext-strict .x-window-mc .x-window-body, .ext-strict .x-window-tl .x-window-body, .ext-strict .x-window-tr .x-window-body, .ext-strict .x-window-tc .x-window-body, .ext-strict .x-window-mr .x-window-body {
        border: none;
        padding: 10px 10px; }
    .ext-strict .x-window .x-window-footer .x-panel-fbar.x-small-editor.x-toolbar-layout-ct {
      padding-top: 5px;
      padding-bottom: 5px; }
    .ext-strict .x-window .x-window-footer .x-btn-text, .ext-strict .x-window .x-window-footer .ctb-anchor-btn, .ext-strict .x-window .x-window-footer .btn-sm-row, .ext-strict .x-window .x-window-footer .ctb_btn_default_sm, .ext-strict .x-window .x-window-footer .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-window .x-window-footer .x-btn-text, .ext-strict .x-window .x-window-footer .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-window .x-window-footer .x-btn-text, .ext-strict .x-window .x-window-footer .x-date-mp .x-date-mp-ok, .x-date-mp .ext-strict .x-window .x-window-footer .x-date-mp-ok, .ext-strict .x-window .x-window-footer .x-date-mp .x-date-mp-cancel, .x-date-mp .ext-strict .x-window .x-window-footer .x-date-mp-cancel, .ext-strict .x-window .x-window-footer #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .ext-strict .x-window .x-window-footer .outlet-node, .ext-strict .x-window .x-window-footer #pnl_CycleMenu .xbutton, #pnl_CycleMenu .ext-strict .x-window .x-window-footer .xbutton, .ext-strict .x-window .x-window-footer .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict .x-window .x-window-footer .ctb-btn {
      width: 100%; }
    .ext-strict .x-window .pnl-treeview {
      box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); }
    .ext-strict .x-window .x-panel-body {
      border: none;
      background: transparent; }
    .ext-strict .x-window .x-panel-bc {
      border-bottom: unset; }
    .ext-strict .x-window .x-tab-panel .x-grid-panel .x-form-field-wrap,
    .ext-strict .x-window .x-panel.ctb-panel-in-tab .x-form-field-wrap {
      background-color: #FFFFFF; }
      .ext-strict .x-window .x-tab-panel .x-grid-panel .x-form-field-wrap .x-form-trigger,
      .ext-strict .x-window .x-panel.ctb-panel-in-tab .x-form-field-wrap .x-form-trigger {
        background-color: transparent; }
        .ext-strict .x-window .x-tab-panel .x-grid-panel .x-form-field-wrap .x-form-trigger.x-form-arrow-trigger,
        .ext-strict .x-window .x-panel.ctb-panel-in-tab .x-form-field-wrap .x-form-trigger.x-form-arrow-trigger {
          background-image: url("../../images/themes/light/ic-arrow-drop-down-secondary.svg"); }
    .ext-strict .x-window .x-tab-panel .x-grid-panel .x-btn-text, .ext-strict .x-window .x-tab-panel .x-grid-panel .ctb-anchor-btn, .ext-strict .x-window .x-tab-panel .x-grid-panel .btn-sm-row, .ext-strict .x-window .x-tab-panel .x-grid-panel .ctb_btn_default_sm, .ext-strict .x-window .x-tab-panel .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-window .x-tab-panel .x-grid-panel .x-btn-text, .ext-strict .x-window .x-tab-panel .x-grid-panel .x-date-mp .x-date-mp-ok, .x-date-mp .ext-strict .x-window .x-tab-panel .x-grid-panel .x-date-mp-ok, .ext-strict .x-window .x-tab-panel .x-grid-panel .x-date-mp .x-date-mp-cancel, .x-date-mp .ext-strict .x-window .x-tab-panel .x-grid-panel .x-date-mp-cancel, .ext-strict .x-window .x-tab-panel .x-grid-panel #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .ext-strict .x-window .x-tab-panel .x-grid-panel .outlet-node, .ext-strict .x-window .x-tab-panel .x-grid-panel #pnl_CycleMenu .xbutton, #pnl_CycleMenu .ext-strict .x-window .x-tab-panel .x-grid-panel .xbutton, .ext-strict .x-window .x-tab-panel .x-grid-panel .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict .x-window .x-tab-panel .x-grid-panel .ctb-btn,
    .ext-strict .x-window .x-panel.ctb-panel-in-tab .x-btn-text,
    .ext-strict .x-window .x-panel.ctb-panel-in-tab .ctb-anchor-btn,
    .ext-strict .x-window .x-panel.ctb-panel-in-tab .btn-sm-row,
    .ext-strict .x-window .x-panel.ctb-panel-in-tab .ctb_btn_default_sm,
    .ext-strict .x-window .x-panel.ctb-panel-in-tab .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text,
    .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-window .x-panel.ctb-panel-in-tab .x-btn-text,
    .ext-strict .x-window .x-panel.ctb-panel-in-tab .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text,
    .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-window .x-panel.ctb-panel-in-tab .x-btn-text,
    .ext-strict .x-window .x-panel.ctb-panel-in-tab .x-date-mp .x-date-mp-ok,
    .x-date-mp .ext-strict .x-window .x-panel.ctb-panel-in-tab .x-date-mp-ok,
    .ext-strict .x-window .x-panel.ctb-panel-in-tab .x-date-mp .x-date-mp-cancel,
    .x-date-mp .ext-strict .x-window .x-panel.ctb-panel-in-tab .x-date-mp-cancel,
    .ext-strict .x-window .x-panel.ctb-panel-in-tab #outlet #outlet-map #map .outlet-node,
    #outlet #outlet-map #map .ext-strict .x-window .x-panel.ctb-panel-in-tab .outlet-node,
    .ext-strict .x-window .x-panel.ctb-panel-in-tab #pnl_CycleMenu .xbutton,
    #pnl_CycleMenu .ext-strict .x-window .x-panel.ctb-panel-in-tab .xbutton,
    .ext-strict .x-window .x-panel.ctb-panel-in-tab .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn,
    .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict .x-window .x-panel.ctb-panel-in-tab .ctb-btn {
      background-color: #d9d9d9;
      color: #1B1A1A; }
    .ext-strict .x-window .x-tab-panel .x-grid-panel .x-toolbar .x-toolbar-right .x-btn-text, .ext-strict .x-window .x-tab-panel .x-grid-panel .x-toolbar .x-toolbar-right .ctb-anchor-btn, .ext-strict .x-window .x-tab-panel .x-grid-panel .x-toolbar .x-toolbar-right .btn-sm-row, .ext-strict .x-window .x-tab-panel .x-grid-panel .x-toolbar .x-toolbar-right .ctb_btn_default_sm, .ext-strict .x-window .x-tab-panel .x-grid-panel .x-toolbar .x-toolbar-right .x-date-mp .x-date-mp-ok, .x-date-mp .ext-strict .x-window .x-tab-panel .x-grid-panel .x-toolbar .x-toolbar-right .x-date-mp-ok, .ext-strict .x-window .x-tab-panel .x-grid-panel .x-toolbar .x-toolbar-right .x-date-mp .x-date-mp-cancel, .x-date-mp .ext-strict .x-window .x-tab-panel .x-grid-panel .x-toolbar .x-toolbar-right .x-date-mp-cancel, .ext-strict .x-window .x-tab-panel .x-grid-panel .x-toolbar .x-toolbar-right #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .ext-strict .x-window .x-tab-panel .x-grid-panel .x-toolbar .x-toolbar-right .outlet-node, .ext-strict .x-window .x-tab-panel .x-grid-panel .x-toolbar .x-toolbar-right #pnl_CycleMenu .xbutton, #pnl_CycleMenu .ext-strict .x-window .x-tab-panel .x-grid-panel .x-toolbar .x-toolbar-right .xbutton, .ext-strict .x-window .x-tab-panel .x-grid-panel .x-toolbar .x-toolbar-right .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict .x-window .x-tab-panel .x-grid-panel .x-toolbar .x-toolbar-right .ctb-btn,
    .ext-strict .x-window .x-panel.ctb-panel-in-tab .x-toolbar .x-toolbar-right .x-btn-text,
    .ext-strict .x-window .x-panel.ctb-panel-in-tab .x-toolbar .x-toolbar-right .ctb-anchor-btn,
    .ext-strict .x-window .x-panel.ctb-panel-in-tab .x-toolbar .x-toolbar-right .btn-sm-row,
    .ext-strict .x-window .x-panel.ctb-panel-in-tab .x-toolbar .x-toolbar-right .ctb_btn_default_sm,
    .ext-strict .x-window .x-panel.ctb-panel-in-tab .x-toolbar .x-toolbar-right .x-date-mp .x-date-mp-ok,
    .x-date-mp .ext-strict .x-window .x-panel.ctb-panel-in-tab .x-toolbar .x-toolbar-right .x-date-mp-ok,
    .ext-strict .x-window .x-panel.ctb-panel-in-tab .x-toolbar .x-toolbar-right .x-date-mp .x-date-mp-cancel,
    .x-date-mp .ext-strict .x-window .x-panel.ctb-panel-in-tab .x-toolbar .x-toolbar-right .x-date-mp-cancel,
    .ext-strict .x-window .x-panel.ctb-panel-in-tab .x-toolbar .x-toolbar-right #outlet #outlet-map #map .outlet-node,
    #outlet #outlet-map #map .ext-strict .x-window .x-panel.ctb-panel-in-tab .x-toolbar .x-toolbar-right .outlet-node,
    .ext-strict .x-window .x-panel.ctb-panel-in-tab .x-toolbar .x-toolbar-right #pnl_CycleMenu .xbutton,
    #pnl_CycleMenu .ext-strict .x-window .x-panel.ctb-panel-in-tab .x-toolbar .x-toolbar-right .xbutton,
    .ext-strict .x-window .x-panel.ctb-panel-in-tab .x-toolbar .x-toolbar-right .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn,
    .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict .x-window .x-panel.ctb-panel-in-tab .x-toolbar .x-toolbar-right .ctb-btn {
      background-color: unset; }
    .ext-strict .x-window .x-layout-collapsed {
      background: none; }
      .ext-strict .x-window .x-layout-collapsed .x-tool.x-tool-expand-south {
        background-image: url("../../images/themes/light/grid-collapse-arrow.svg") !important;
        width: 18px;
        height: 18px;
        transform: rotate(180deg); }
    .ext-strict .x-window.x-window-dlg .ext-mb-content .ext-mb-text {
      font-size: 12px;
      position: relative;
      top: 4px; }
    .ext-strict .x-window.x-window-dlg .ext-mb-content .ext-mb-input {
      margin-top: 16px; }
    .ext-strict .x-window.x-window-maximized .x-window-tl {
      border-top-left-radius: 0px;
      border-top-right-radius: 0px; }
    .ext-strict .x-window.x-window-maximized .x-window-bwrap {
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px; }
    .ext-strict .x-window.ctbwindow-darkgray-bg .x-border-layout-ct {
      background-color: transparent; }
    .ext-strict .x-window .ext-mb-icon {
      width: 34px;
      height: 34px; }
      .ext-strict .x-window .ext-mb-icon.ext-mb-question {
        background-image: url("../../images/themes/ic-question.svg"); }
      .ext-strict .x-window .ext-mb-icon.ext-mb-info {
        background-image: url("../../images/themes/ic-info.svg"); }
      .ext-strict .x-window .ext-mb-icon.ext-mb-error {
        background-image: url("../../images/themes/ic-error.svg"); }
      .ext-strict .x-window .ext-mb-icon.ext-mb-warning {
        background-image: url("../../images/themes/ic-warning.svg"); }
    .ext-strict .x-window.x-notification {
      border: 1px solid #FFFFFF;
      cursor: pointer; }
      .ext-strict .x-window.x-notification .x-window-bwrap {
        background-color: #FFFFFF; }
      .ext-strict .x-window.x-notification .x-window-tl .x-window-header .x-window-header-text {
        margin-left: 0px; }
      .ext-strict .x-window.x-notification .icon-v3-thumb-up, .ext-strict .x-window.x-notification .icon-v3-thumb-down {
        width: 28px;
        height: 28px; }
      .ext-strict .x-window.x-notification .icon-v3-thumb-up {
        background: url("../../images/themes/ic-notification-up.svg") center no-repeat; }
      .ext-strict .x-window.x-notification .icon-v3-thumb-down {
        background: url("../../images/themes/ic-notification-down.svg") center no-repeat; }
    .ext-strict .x-window .ctb-dialog-panel {
      background-color: #FFFFFF;
      border-radius: 5px; }
      .ext-strict .x-window .ctb-dialog-panel .x-form-text, .ext-strict .x-window .ctb-dialog-panel .ctb_transparent_bg_color .ctb-reciperipper-url, .ctb_transparent_bg_color .ext-strict .x-window .ctb-dialog-panel .ctb-reciperipper-url, .ext-strict .x-window .ctb-dialog-panel .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ext-strict .x-window .ctb-dialog-panel .b-h-ip, .ext-strict .x-window .ctb-dialog-panel .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ext-strict .x-window .ctb-dialog-panel .r-ip, .ext-strict .x-window .ctb-dialog-panel .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell .ext-strict .x-window .ctb-dialog-panel input.b-bd-fh-input, .ext-strict .x-window .ctb-dialog-panel .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ext-strict .x-window .ctb-dialog-panel .bd-r-ip {
        border: 1px solid #d9d9d9; }
      .ext-strict .x-window .ctb-dialog-panel .x-form-field-wrap .x-form-text, .ext-strict .x-window .ctb-dialog-panel .x-form-field-wrap .ctb_transparent_bg_color .ctb-reciperipper-url, .ctb_transparent_bg_color .ext-strict .x-window .ctb-dialog-panel .x-form-field-wrap .ctb-reciperipper-url, .ext-strict .x-window .ctb-dialog-panel .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ext-strict .x-window .ctb-dialog-panel .x-form-field-wrap .b-h-ip, .ext-strict .x-window .ctb-dialog-panel .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ext-strict .x-window .ctb-dialog-panel .x-form-field-wrap .r-ip, .ext-strict .x-window .ctb-dialog-panel .x-form-field-wrap .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell .ext-strict .x-window .ctb-dialog-panel .x-form-field-wrap input.b-bd-fh-input, .ext-strict .x-window .ctb-dialog-panel .x-form-field-wrap .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ext-strict .x-window .ctb-dialog-panel .x-form-field-wrap .bd-r-ip {
        border: none; }
    .ext-strict .x-window.ctb-supplier-price-update-window .x-window-tl {
      margin-bottom: 0px; }
    .ext-strict .x-window.ctb-supplier-price-update-window .x-btn-text, .ext-strict .x-window.ctb-supplier-price-update-window .ctb-anchor-btn, .ext-strict .x-window.ctb-supplier-price-update-window .btn-sm-row, .ext-strict .x-window.ctb-supplier-price-update-window .ctb_btn_default_sm, .ext-strict .x-window.ctb-supplier-price-update-window .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-window.ctb-supplier-price-update-window .x-btn-text, .ext-strict .x-window.ctb-supplier-price-update-window .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-window.ctb-supplier-price-update-window .x-btn-text, .ext-strict .x-window.ctb-supplier-price-update-window .x-date-mp .x-date-mp-ok, .x-date-mp .ext-strict .x-window.ctb-supplier-price-update-window .x-date-mp-ok, .ext-strict .x-window.ctb-supplier-price-update-window .x-date-mp .x-date-mp-cancel, .x-date-mp .ext-strict .x-window.ctb-supplier-price-update-window .x-date-mp-cancel, .ext-strict .x-window.ctb-supplier-price-update-window #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .ext-strict .x-window.ctb-supplier-price-update-window .outlet-node, .ext-strict .x-window.ctb-supplier-price-update-window #pnl_CycleMenu .xbutton, #pnl_CycleMenu .ext-strict .x-window.ctb-supplier-price-update-window .xbutton, .ext-strict .x-window.ctb-supplier-price-update-window .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict .x-window.ctb-supplier-price-update-window .ctb-btn {
      height: 32px; }
    .ext-strict .x-window.ctb-supplier-price-update-window .border-split {
      border-left: 2px solid #d9d9d9; }
    .ext-strict .x-window.ctb-supplier-price-update-window .border-right-split {
      border-right: 2px solid #d9d9d9; }
    .ext-strict .x-window.ctb-supplier-price-update-window .border-common {
      border: solid 1px #F1F1F1 !important; }
    .ext-strict .x-window.ctb-tendering-editor {
      background: #F1F1F1; }
      .ext-strict .x-window.ctb-tendering-editor .x-window-bwrap {
        background-color: #FFFFFF; }
        .ext-strict .x-window.ctb-tendering-editor .x-window-bwrap textarea.x-form-field, .ext-strict .x-window.ctb-tendering-editor .x-window-bwrap .ctb_transparent_bg_color textarea.ctb-reciperipper-url, .ctb_transparent_bg_color .ext-strict .x-window.ctb-tendering-editor .x-window-bwrap textarea.ctb-reciperipper-url {
          background-color: #FFFFFF; }
  .ext-strict .ctbwindow-detail-general .x-border-layout-ct,
  .ext-strict .ctbwindow-detail-general .x-panel-tl,
  .ext-strict .ctbwindow-detail-general .x-panel-tr, .ext-strict .ctbwindow-darkgray-bg .x-border-layout-ct,
  .ext-strict .ctbwindow-darkgray-bg .x-panel-tl,
  .ext-strict .ctbwindow-darkgray-bg .x-panel-tr {
    background-color: transparent; }
  .ext-strict .ctbwindow-detail-general .x-form-field-wrap .x-form-text, .ext-strict .ctbwindow-detail-general .x-form-field-wrap .ctb_transparent_bg_color .ctb-reciperipper-url, .ctb_transparent_bg_color .ext-strict .ctbwindow-detail-general .x-form-field-wrap .ctb-reciperipper-url, .ext-strict .ctbwindow-detail-general .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ext-strict .ctbwindow-detail-general .x-form-field-wrap .b-h-ip, .ext-strict .ctbwindow-detail-general .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ext-strict .ctbwindow-detail-general .x-form-field-wrap .r-ip, .ext-strict .ctbwindow-detail-general .x-form-field-wrap .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell .ext-strict .ctbwindow-detail-general .x-form-field-wrap input.b-bd-fh-input, .ext-strict .ctbwindow-detail-general .x-form-field-wrap .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ext-strict .ctbwindow-detail-general .x-form-field-wrap .bd-r-ip, .ext-strict .ctbwindow-darkgray-bg .x-form-field-wrap .x-form-text, .ext-strict .ctbwindow-darkgray-bg .x-form-field-wrap .ctb_transparent_bg_color .ctb-reciperipper-url, .ctb_transparent_bg_color .ext-strict .ctbwindow-darkgray-bg .x-form-field-wrap .ctb-reciperipper-url, .ext-strict .ctbwindow-darkgray-bg .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ext-strict .ctbwindow-darkgray-bg .x-form-field-wrap .b-h-ip, .ext-strict .ctbwindow-darkgray-bg .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ext-strict .ctbwindow-darkgray-bg .x-form-field-wrap .r-ip, .ext-strict .ctbwindow-darkgray-bg .x-form-field-wrap .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell .ext-strict .ctbwindow-darkgray-bg .x-form-field-wrap input.b-bd-fh-input, .ext-strict .ctbwindow-darkgray-bg .x-form-field-wrap .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ext-strict .ctbwindow-darkgray-bg .x-form-field-wrap .bd-r-ip {
    border: none; }
  .ext-strict .pnl-treeview .x-panel-ml .x-panel-tbar {
    padding-bottom: 10px; }
  .ext-strict .pnl-treeview .x-panel-bbar .x-toolbar {
    padding: 0px; }
  .ext-strict .x-fieldset .x-form-text, .ext-strict .x-fieldset .ctb_transparent_bg_color .ctb-reciperipper-url, .ctb_transparent_bg_color .ext-strict .x-fieldset .ctb-reciperipper-url, .ext-strict .x-fieldset .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ext-strict .x-fieldset .b-h-ip, .ext-strict .x-fieldset .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ext-strict .x-fieldset .r-ip, .ext-strict .x-fieldset .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell .ext-strict .x-fieldset input.b-bd-fh-input, .ext-strict .x-fieldset .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ext-strict .x-fieldset .bd-r-ip, .ext-strict .x-fieldset .x-form-trigger {
    background-color: #FFFFFF;
    transition: box-shadow 0.2s; }
    .ext-strict .x-fieldset .x-form-text:hover, .ext-strict .x-fieldset .ctb_transparent_bg_color .ctb-reciperipper-url:hover, .ctb_transparent_bg_color .ext-strict .x-fieldset .ctb-reciperipper-url:hover, .ext-strict .x-fieldset .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip:hover, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ext-strict .x-fieldset .b-h-ip:hover, .ext-strict .x-fieldset .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip:hover, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ext-strict .x-fieldset .r-ip:hover, .ext-strict .x-fieldset .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input:hover, .b-bd-fh .b-bd-fh-cell .ext-strict .x-fieldset input.b-bd-fh-input:hover, .ext-strict .x-fieldset .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip:hover, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ext-strict .x-fieldset .bd-r-ip:hover, .ext-strict .x-fieldset .x-form-trigger:hover {
      box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
  .ext-strict .x-panel-mc {
    font-size: 12px; }
  .ext-strict .x-panel-ghost ul {
    border: 0px; }
  .ext-strict .server-error-message {
    color: #f3ab00 !important;
    line-height: 24px; }
    .ext-strict .server-error-message a {
      color: #f3ab00;
      text-decoration: underline; }

.dlg-date-range-selector .simplebar-scroll-content {
  overflow-y: hidden; }

.dlg-report-setting .x-btn-mc {
  display: block;
  margin-left: -3px;
  text-align: left; }

.dlg-report-setting .x-panel-header.x-panel-header-noborder {
  display: none; }

.dlg-report-setting form .x-btn {
  width: 225px !important; }
  .dlg-report-setting form .x-btn button {
    width: 100%; }

.dlg-report-setting#dlg_Report_Setting_58 .x-window-body {
  padding: 13px 15px !important; }

.input-overhead-deliver {
  margin-top: 12px; }

#report-issue-popup #content-popup {
  font-size: 12px; }

#report-issue-popup #input-content-error {
  top: 55px !important; }
  #report-issue-popup #input-content-error textarea {
    padding: 5px 10px;
    width: 92% !important;
    top: 48px !important;
    height: 125px !important;
    transition: 0.2s; }
    #report-issue-popup #input-content-error textarea:focus {
      box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }

#report-issue-popup .x-panel-header-text {
  font-size: 17px;
  font-weight: 500;
  margin-left: 0; }

#report-issue-popup .icon-cancel {
  background: url("../../../../../Content/v5/custom/images/ic-cancel.svg") no-repeat center;
  background-size: contain;
  width: 32px;
  height: 32px;
  display: block; }

#dlg_YoutubePlayer .utube-frame {
  width: 100%;
  height: 100%; }

#dlg_YoutubePlayer .x-toolbar {
  background: transparent;
  border-bottom: none; }

#dlg_YoutubePlayer .icon-youtube {
  margin-left: 8px;
  margin-top: 10px; }

#pnl_StockBySuppliers_allergenlink_tooltip, #pnl_StockBySuppliers_dietary_tooltip {
  padding-top: 10px;
  padding-bottom: 10px; }
  #pnl_StockBySuppliers_allergenlink_tooltip .x-tip-tl, #pnl_StockBySuppliers_dietary_tooltip .x-tip-tl {
    float: right;
    margin-top: 2px; }
  #pnl_StockBySuppliers_allergenlink_tooltip .title-tooltip, #pnl_StockBySuppliers_dietary_tooltip .title-tooltip {
    font-family: "Roboto Medium", arial, helvetica, sans-serif; }

.ctb-uploader-view-body {
  height: calc(100% - 50px);
  overflow-x: hidden;
  overflow-y: hidden;
  border-radius: 5px;
  border: 1px solid #d9d9d9; }
  .ctb-uploader-view-body .simplebar-track.horizontal {
    visibility: hidden !important; }

.uploader-input-btn:hover {
  opacity: 0.8; }

.uploader-input {
  display: inline-block;
  position: absolute;
  width: 80px;
  height: 20px;
  opacity: 0;
  z-index: 0;
  pointer-events: none; }

.uploader-item-file {
  background-color: #F1F1F1;
  height: 35px;
  margin-bottom: 9px;
  border-radius: 5px;
  width: 96%;
  margin-left: 10px; }
  .uploader-item-file:first-child {
    margin-top: 10px; }
  .uploader-item-file > div {
    display: inline-block;
    vertical-align: middle;
    margin-top: 8px; }
  .uploader-item-file.error {
    color: #9e3b34; }
    .uploader-item-file.error .uploader-item-cancel-btn {
      background: url("../../images/themes/ic-close-red.svg") no-repeat center; }

.uploader-item-icon {
  background: url("../../images/themes/light/ic-file-upload.svg") no-repeat center;
  width: 16px;
  height: 19px;
  margin: 0 10px; }

.uploader-item-filename {
  margin-right: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 190px;
  font-weight: 500;
  user-select: none; }

.uploader-item-filesize {
  font-weight: 500;
  color: #666;
  user-select: none; }

.uploader-item-progress-bar {
  width: 130px;
  height: 10px;
  border: solid 1px #d9d9d9;
  display: inline-block; }
  .uploader-item-progress-bar > div {
    background: #d9d9d9;
    height: 100%; }
  .uploader-item-progress-bar.hide-100 {
    visibility: hidden; }

.uploader-item-cancel-div {
  display: inline-block;
  margin: 0 10px; }
  .uploader-item-cancel-div button {
    background: url("../../images/themes/light/ic-close-file.svg") no-repeat center;
    border: 0;
    height: 18px;
    width: 18px;
    cursor: pointer; }

.pnl-report {
  background-color: #F1F1F1; }
  .pnl-report .x-panel-footer {
    margin: 0px 10px 0px 20px;
    padding: 0px; }
    .pnl-report .x-panel-footer .x-panel-fbar {
      width: calc(100% - 30px) !important;
      background-color: #FFFFFF; }
      .pnl-report .x-panel-footer .x-panel-fbar .x-btn-text, .pnl-report .x-panel-footer .x-panel-fbar .ctb-anchor-btn, .pnl-report .x-panel-footer .x-panel-fbar .btn-sm-row, .pnl-report .x-panel-footer .x-panel-fbar .ctb_btn_default_sm, .pnl-report .x-panel-footer .x-panel-fbar .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .pnl-report .x-panel-footer .x-panel-fbar .x-btn-text, .pnl-report .x-panel-footer .x-panel-fbar .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .pnl-report .x-panel-footer .x-panel-fbar .x-btn-text, .pnl-report .x-panel-footer .x-panel-fbar .x-date-mp .x-date-mp-ok, .x-date-mp .pnl-report .x-panel-footer .x-panel-fbar .x-date-mp-ok, .pnl-report .x-panel-footer .x-panel-fbar .x-date-mp .x-date-mp-cancel, .x-date-mp .pnl-report .x-panel-footer .x-panel-fbar .x-date-mp-cancel, .pnl-report .x-panel-footer .x-panel-fbar #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .pnl-report .x-panel-footer .x-panel-fbar .outlet-node, .pnl-report .x-panel-footer .x-panel-fbar #pnl_CycleMenu .xbutton, #pnl_CycleMenu .pnl-report .x-panel-footer .x-panel-fbar .xbutton, .pnl-report .x-panel-footer .x-panel-fbar .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .pnl-report .x-panel-footer .x-panel-fbar .ctb-btn {
        background-color: #4370b7;
        font-size: 16px;
        font-weight: normal;
        color: #FFFFFF; }
  .pnl-report .x-panel-header {
    padding: 15px 0px; }
    .pnl-report .x-panel-header .x-panel-header-text {
      font-size: 20px; }
    .pnl-report .x-panel-header.x-panel-header-noborder {
      border-bottom: 0; }
  .pnl-report .pnl-left {
    padding-left: 30px;
    background-color: #FFFFFF; }
    .pnl-report .pnl-left .x-panel-header {
      margin-right: 20px; }
    .pnl-report .pnl-left .report-item-btn-wrap {
      float: left;
      width: 25%;
      margin: 0px; }
      .pnl-report .pnl-left .report-item-btn-wrap .report-item-btn-desc {
        display: none;
        font-size: 14px;
        padding-top: 10px;
        padding-right: 10px; }
      .pnl-report .pnl-left .report-item-btn-wrap .report-item-btn {
        width: 95%;
        border-radius: 5px; }
        .pnl-report .pnl-left .report-item-btn-wrap .report-item-btn:hover, .pnl-report .pnl-left .report-item-btn-wrap .report-item-btn.x-view-selected {
          background-color: #F1F1F1; }
          .pnl-report .pnl-left .report-item-btn-wrap .report-item-btn:hover .report-item-btn-desc, .pnl-report .pnl-left .report-item-btn-wrap .report-item-btn.x-view-selected .report-item-btn-desc {
            display: block; }
  .pnl-report .pnl-right {
    padding: 0px 0px 0px 15px;
    background-color: #F1F1F1; }
    .pnl-report .pnl-right .x-panel-tl {
      padding-right: 10px; }
    .pnl-report .pnl-right .btn-select-outlet {
      margin: 15px 0px 5px 0px; }
      .pnl-report .pnl-right .btn-select-outlet .x-btn-text, .pnl-report .pnl-right .btn-select-outlet .ctb-anchor-btn, .pnl-report .pnl-right .btn-select-outlet .btn-sm-row, .pnl-report .pnl-right .btn-select-outlet .ctb_btn_default_sm, .pnl-report .pnl-right .btn-select-outlet .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .pnl-report .pnl-right .btn-select-outlet .x-btn-text, .pnl-report .pnl-right .btn-select-outlet .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .pnl-report .pnl-right .btn-select-outlet .x-btn-text, .pnl-report .pnl-right .btn-select-outlet .x-date-mp .x-date-mp-ok, .x-date-mp .pnl-report .pnl-right .btn-select-outlet .x-date-mp-ok, .pnl-report .pnl-right .btn-select-outlet .x-date-mp .x-date-mp-cancel, .x-date-mp .pnl-report .pnl-right .btn-select-outlet .x-date-mp-cancel, .pnl-report .pnl-right .btn-select-outlet #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .pnl-report .pnl-right .btn-select-outlet .outlet-node, .pnl-report .pnl-right .btn-select-outlet #pnl_CycleMenu .xbutton, #pnl_CycleMenu .pnl-report .pnl-right .btn-select-outlet .xbutton, .pnl-report .pnl-right .btn-select-outlet .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .pnl-report .pnl-right .btn-select-outlet .ctb-btn {
        width: 200px; }
    .pnl-report .pnl-right .x-btn-text, .pnl-report .pnl-right .ctb-anchor-btn, .pnl-report .pnl-right .btn-sm-row, .pnl-report .pnl-right .ctb_btn_default_sm, .pnl-report .pnl-right .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .pnl-report .pnl-right .x-btn-text, .pnl-report .pnl-right .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .pnl-report .pnl-right .x-btn-text, .pnl-report .pnl-right .x-date-mp .x-date-mp-ok, .x-date-mp .pnl-report .pnl-right .x-date-mp-ok, .pnl-report .pnl-right .x-date-mp .x-date-mp-cancel, .x-date-mp .pnl-report .pnl-right .x-date-mp-cancel, .pnl-report .pnl-right #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .pnl-report .pnl-right .outlet-node, .pnl-report .pnl-right #pnl_CycleMenu .xbutton, #pnl_CycleMenu .pnl-report .pnl-right .xbutton, .pnl-report .pnl-right .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .pnl-report .pnl-right .ctb-btn {
      background-color: #f3ab00; }
    .pnl-report .pnl-right .x-btn {
      margin-left: -3px; }
    .pnl-report .pnl-right .x-btn-mc {
      text-align: left; }
    .pnl-report .pnl-right .x-panel-mr {
      padding: 0px; }
    .pnl-report .pnl-right label {
      font-size: 12px; }
    .pnl-report .pnl-right .x-form-text.x-form-num-field, .pnl-report .pnl-right .ctb_transparent_bg_color .x-form-num-field.ctb-reciperipper-url, .ctb_transparent_bg_color .pnl-report .pnl-right .x-form-num-field.ctb-reciperipper-url, .pnl-report .pnl-right .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .x-form-num-field.b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .pnl-report .pnl-right .x-form-num-field.b-h-ip, .pnl-report .pnl-right .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .x-form-num-field.r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .pnl-report .pnl-right .x-form-num-field.r-ip, .pnl-report .pnl-right .b-bd-fh .b-bd-fh-cell input.x-form-num-field.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell .pnl-report .pnl-right input.x-form-num-field.b-bd-fh-input, .pnl-report .pnl-right .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .x-form-num-field.bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .pnl-report .pnl-right .x-form-num-field.bd-r-ip {
      border: 1px solid #d9d9d9; }
    .pnl-report .pnl-right .x-form-item .x-form-element .x-form-check-wrap {
      padding-top: 0px; }

/* .dlg-report-setting {
    form { 
        .x-btn-text {
            //background-color: $color-brand !important;
            //@include btn-bg-danger;
        }
    }
} */
.movement-report .report-filter-control .x-form-field-wrap.x-form-field-trigger-wrap {
  width: 272px !important; }

.smart-calendar .x-panel-header {
  padding: 12px 0px 9px 5px;
  margin-right: 0px;
  background: linear-gradient(#FFFFFF, #F2F1F2);
  color: #1B1A1A;
  transition: box-shadow 0.2s;
  border-radius: 5px !important;
  border: 1px solid #d9d9d9 !important; }
  .smart-calendar .x-panel-header:hover {
    box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
  .smart-calendar .x-panel-header .x-panel-header-text {
    font-size: 12px;
    font-weight: normal; }
  .smart-calendar .x-panel-header .x-tool {
    transform: rotate(90deg);
    width: 35px; }

.smart-calendar .x-btn-text, .smart-calendar .ctb-anchor-btn, .smart-calendar .btn-sm-row, .smart-calendar .ctb_btn_default_sm, .smart-calendar .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .smart-calendar .x-btn-text, .smart-calendar .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .smart-calendar .x-btn-text, .smart-calendar .x-date-mp .x-date-mp-ok, .x-date-mp .smart-calendar .x-date-mp-ok, .smart-calendar .x-date-mp .x-date-mp-cancel, .x-date-mp .smart-calendar .x-date-mp-cancel, .smart-calendar #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .smart-calendar .outlet-node, .smart-calendar #pnl_CycleMenu .xbutton, #pnl_CycleMenu .smart-calendar .xbutton, .smart-calendar .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .smart-calendar .ctb-btn {
  background-color: #FFFFFF !important;
  width: 100%; }

.smart-calendar.x-panel-collapsed .x-panel-header .x-tool {
  transform: rotate(-90deg); }

.smart-calendar .x-btn.x-btn-pressed button.x-btn-text, .smart-calendar .x-btn.x-btn-pressed button.ctb-anchor-btn, .smart-calendar .x-btn.x-btn-pressed button.btn-sm-row, .smart-calendar .x-btn.x-btn-pressed button.ctb_btn_default_sm, .smart-calendar .x-btn.x-btn-pressed .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table button.x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .smart-calendar .x-btn.x-btn-pressed button.x-btn-text, .smart-calendar .x-btn.x-btn-pressed .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table button.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .smart-calendar .x-btn.x-btn-pressed button.x-btn-text, .smart-calendar .x-btn.x-btn-pressed .x-date-mp button.x-date-mp-ok, .x-date-mp .smart-calendar .x-btn.x-btn-pressed button.x-date-mp-ok, .smart-calendar .x-btn.x-btn-pressed .x-date-mp button.x-date-mp-cancel, .x-date-mp .smart-calendar .x-btn.x-btn-pressed button.x-date-mp-cancel, .smart-calendar .x-btn.x-btn-pressed #outlet #outlet-map #map button.outlet-node, #outlet #outlet-map #map .smart-calendar .x-btn.x-btn-pressed button.outlet-node, .smart-calendar .x-btn.x-btn-pressed #pnl_CycleMenu button.xbutton, #pnl_CycleMenu .smart-calendar .x-btn.x-btn-pressed button.xbutton, .smart-calendar .x-btn.x-btn-pressed .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar button.ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .smart-calendar .x-btn.x-btn-pressed button.ctb-btn {
  background: linear-gradient(#FFC438, #f3ab00);
  color: #FFFFFF; }

.ctb-report-download-dialog {
  background-color: #FFFFFF;
  border-radius: 5px;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.5); }
  .ctb-report-download-dialog .x-panel-body {
    background-color: transparent;
    border: none; }
  .ctb-report-download-dialog .ctb-report-download-body {
    padding: 0px 10px 15px 10px; }
  .ctb-report-download-dialog .adv-button {
    position: absolute;
    right: 27px;
    text-indent: 35px; }
    .ctb-report-download-dialog .adv-button.adv-info-btn {
      bottom: 110px; }
      .ctb-report-download-dialog .adv-button.adv-info-btn a {
        background: #f3ab00 url("../../images/themes/report/ic-report-more-info.svg") left 10px top 10px no-repeat; }
    .ctb-report-download-dialog .adv-button.adv-contact-btn {
      bottom: 210px; }
      .ctb-report-download-dialog .adv-button.adv-contact-btn a {
        background: #f3ab00 url("../../images/themes/report/ic-report-contact.svg") left 10px top 10px no-repeat; }
    .ctb-report-download-dialog .adv-button.adv-sample-btn {
      bottom: 160px; }
      .ctb-report-download-dialog .adv-button.adv-sample-btn a {
        background: #f3ab00 url("../../images/themes/report/ic-report-sample.svg") left 10px top 10px no-repeat; }
    .ctb-report-download-dialog .adv-button.adv-order-btn {
      bottom: 260px; }
      .ctb-report-download-dialog .adv-button.adv-order-btn a {
        background: #f3ab00 url("../../images/themes/report/ic-report-order.svg") left 10px top 10px no-repeat; }
    .ctb-report-download-dialog .adv-button a {
      width: 131px;
      height: 40px;
      background-color: #f3ab00;
      display: inline-block;
      cursor: pointer;
      color: #FFFFFF;
      font-size: 15px;
      text-decoration: none;
      white-space: nowrap;
      line-height: 40px;
      font-weight: 500;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
  .ctb-report-download-dialog .adv-right-top-cancel {
    position: absolute;
    top: 15px;
    right: 15px;
    background: url("../../images/themes/light/ic-delete.svg") center no-repeat;
    width: 20px;
    height: 20px;
    cursor: pointer; }
  .ctb-report-download-dialog .utube-frame {
    width: 700px;
    height: 400px;
    margin-left: 10px;
    margin-top: 5px;
    border: none; }
  .ctb-report-download-dialog .image-frame {
    width: 800px;
    height: 400px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #d9d9d9; }
  .ctb-report-download-dialog .x-panel-btns {
    padding: 0px; }
  .ctb-report-download-dialog .progress-bar {
    padding: 0px 12px 2px 8px; }
    .ctb-report-download-dialog .progress-bar table {
      background-color: #9c9e9f;
      border-spacing: initial; }
      .ctb-report-download-dialog .progress-bar table tr td {
        height: 14px; }
      .ctb-report-download-dialog .progress-bar table tr img {
        vertical-align: middle;
        height: 14px; }
  .ctb-report-download-dialog .report-btn {
    height: 40px;
    margin-right: 15px;
    padding-right: 15px;
    text-indent: 35px;
    line-height: 40px;
    display: inline-flex;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    transition: box-shadow 0.2s; }
    .ctb-report-download-dialog .report-btn:hover {
      box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
    .ctb-report-download-dialog .report-btn.btn-pdf {
      background: url("../../images/themes/light/report/ic-report-pdf.svg") left 10px top 10px no-repeat, linear-gradient(#FFFFFF, #F2F1F2); }
    .ctb-report-download-dialog .report-btn.btn-email {
      background: url("../../images/themes/light/report/ic-report-email.svg") left 10px top 12px no-repeat, linear-gradient(#FFFFFF, #F2F1F2); }
    .ctb-report-download-dialog .report-btn.btn-excel {
      background: url("../../images/themes/light/report/ic-report-excel.svg") left 10px top 10px no-repeat, linear-gradient(#FFFFFF, #F2F1F2); }
    .ctb-report-download-dialog .report-btn a {
      color: #1B1A1A;
      text-decoration: none; }

.ctb-report-download-form {
  font-size: 12px; }
  .ctb-report-download-form .x-form-display-field {
    line-height: 20px;
    top: 10px;
    position: relative;
    text-indent: 5px;
    font-size: 12px; }
  .ctb-report-download-form .x-form-item {
    font-size: 12px; }
    .ctb-report-download-form .x-form-item label.x-form-item-label {
      margin-top: 10px; }
  .ctb-report-download-form textarea.x-form-field, .ctb-report-download-form .ctb_transparent_bg_color textarea.ctb-reciperipper-url, .ctb_transparent_bg_color .ctb-report-download-form textarea.ctb-reciperipper-url {
    font-size: 12px;
    padding-left: 5px;
    border: 1px solid #d9d9d9; }

@media only screen and (max-width: 1680px) and (min-width: 1001px) {
  .pnl-left .report-item-btn-wrap {
    width: 50% !important; } }

@media only screen and (max-width: 1000px) {
  .pnl-left .report-item-btn-wrap {
    width: 100% !important; } }

#dietary-requirement-filter-option-dialog .x-border-layout-ct {
  margin-top: 10px; }

.ux-form-rater-wrap .ux-form-rater-text-top {
  margin-bottom: 10px;
  font-size: 12px; }

.ux-form-rater-wrap .ux-form-rater-stars {
  background: url("../../images/themes/light/ic-star.svg");
  background-repeat: repeat-x;
  height: 31px !important;
  margin: 0;
  padding: 0;
  display: block; }

.ux-form-rater-wrap ul.ux-form-rater-stars {
  margin: 0;
  padding: 0;
  display: block;
  list-style: none; }
  .ux-form-rater-wrap ul.ux-form-rater-stars li {
    margin: 0;
    padding: 0;
    display: block;
    list-style: none;
    position: absolute;
    left: 0px !important; }
    .ux-form-rater-wrap ul.ux-form-rater-stars li.ux-form-rater-vote, .ux-form-rater-wrap ul.ux-form-rater-stars li.ux-form-rater-voted, .ux-form-rater-wrap ul.ux-form-rater-stars li.ux-form-rater-hover {
      background: url("../../images/themes/light/ic-star-selected.svg");
      height: 31px !important; }

.ux-form-rater-wrap .ux-form-rater-text-top {
  clear: both; }

.ux-form-rater-wrap .ux-form-rater-text-bottom {
  clear: both; }

/* .ux-form-rater-wrap .ux-form-rater-stars {
	
	background:transparent url('../images/Rater/stars.gif') repeat-x 0 0;
}

.ux-form-rater-wrap ul.ux-form-rater-stars  {
	margin:0;
	padding:0;
	display:block;
	list-style:none;
}

.ux-form-rater-wrap ul.ux-form-rater-stars  li {
	margin:0;
	padding:0;
	display:block;
	list-style:none;
	left:0;
	position:absolute;
}*/
/* x-rater star */
/* x-rater star */
/* x-rater star current vote */
/* .ux-form-rater-wrap ul.ux-form-rater-stars  li.ux-form-rater-vote {
	background:transparent url('../images/Rater/stars.gif') repeat-x 0 -20px;
}
 */
/* x-rater star user voted */
/* .ux-form-rater-wrap ul.ux-form-rater-stars  li.ux-form-rater-voted {
	background:transparent url('../images/Rater/stars.gif') repeat-x 0 -60px;
} */
/* x-rater star hover state */
/* .ux-form-rater-wrap ul.ux-form-rater-stars  li.ux-form-rater-hover {
	background:transparent url('../images/Rater/stars.gif') repeat-x 0 -40px;
}

.ux-form-rater-wrap .ux-form-rater-text-top {
	clear: both;
}

.ux-form-rater-wrap .ux-form-rater-text-bottom {
	clear: both;
} */
.ext-ux-youtubeplayer.x-hide-offsets {
  left: -10000px !important;
  top: -10000px !important; }

.ext-ux-youtubeplayer {
  background-color: #000; }

.ext-ux-youtubeplayer.strict {
  position: relative; }

.ext-ux-youtubeplayer.stretch {
  position: static; }

.ext-ux-youtubeplayer-control .play {
  background-image: url(../images/control_play_blue.png) !important; }

.ext-ux-youtubeplayer-control .eject {
  background-image: url(../images/control_eject_blue.png) !important; }

.ext-ux-youtubeplayer-control .stop {
  background-image: url(../images/control_stop_blue.png) !important; }

.ext-ux-youtubeplayer-control .pause {
  background-image: url(../images/control_pause_blue.png) !important; }

.ext-ux-youtubeplayer-control .start {
  background-image: url(../images/control_start_blue.png) !important; }

.ext-ux-youtubeplayer-control .end {
  background-image: url(../images/control_end_blue.png) !important; }

.ext-ux-youtubeplayer-control .quality {
  background-image: url(../images/control_quality.png) !important; }

.ext-ux-youtubeplayer-control-muteIcon {
  background-image: url(../images/sound_mute.png) !important; }

.ext-ux-youtubeplayer-control-volumeIcon {
  background-image: url(../images/sound_none.png) !important; }

.ext-ux-youtubeplayer-control-slider .hbar {
  border: solid 1px #B5B8C8;
  background-color: white;
  background-image: url(../images/youtubeplayer-slider-progress.png);
  background-position: -1280px 0;
  background-repeat: no-repeat;
  height: 1px;
  z-index: 1;
  position: relative;
  top: -12px; }

.ext-ux-youtubeplayer-control-slider.x-slider-horz, .ext-ux-youtubeplayer-control-slider.x-slider-horz .x-slider-end, .ext-ux-youtubeplayer-control-slider.x-slider-horz .x-slider-inner {
  background-image: none !important; }

.ext-ux-youtubeplayer-control-slider.x-slider-horz .x-slider-thumb {
  z-index: 2; }

.thumb {
  padding: 3px;
  width: 172px; }

.thumb img {
  width: 170px;
  height: auto; }

.thumb-wrap {
  float: left; }

/* THUMB MAX WIDTH 200px */
.thumb-max-width-200 {
  padding: 3px;
  max-width: 200px; }

.thumb-max-width-200 img {
  max-width: 200px;
  max-height: 200px; }

.thumb-max-width-200-wrap {
  float: left; }

/* THUMB MAX WIDTH 300px */
.thumb-max-width-300 {
  padding: 3px;
  max-width: 300px; }

.thumb-max-width-300 img {
  max-width: 300px;
  max-height: 200px; }

.thumb-max-width-300-wrap {
  float: left; }

/* THUMB MAX WIDTH 350px */
.thumb-max-width-350 {
  background-color: transparent;
  /* #dddddd;*/
  /*padding:3px;*/
  max-width: 350px; }

.thumb-max-width-350 img {
  max-width: 350px;
  max-height: 200px; }

.thumb-max-width-350-wrap {
  float: left; }

/* THUMB MAX WIDTH 200px HEIGHT 128px */
.thumb-max-width-200-height-128 {
  padding: 3px;
  max-width: 200px;
  max-height: 128px; }
  .thumb-max-width-200-height-128 img {
    max-width: 200px;
    max-height: 128px; }

.thumb-max-width-100-height-128 {
  padding: 3px;
  max-width: 100px;
  max-height: 128px; }
  .thumb-max-width-100-height-128 img {
    max-width: 100px;
    max-height: 128px; }

.thumb-max-width-200-height-128-wrap {
  float: left; }

/* THUMB WRAP FIT BY WIDTH */
#images {
  background: url(../images/organizer/center-bg.gif) repeat-x top left;
  font: 11px "Roboto Standard", arial, helvetica, sans-serif; }

#images .thumb {
  padding: 3px;
  width: 172px; }

#images .thumb img {
  height: auto;
  width: 170px; }

#images .thumb-wrap {
  float: left;
  margin: 4px;
  margin-right: 0;
  padding: 5px; }

#images .x-view-selected .thumb {
  background: #8db2e3; }

#images .thumb-wrap span {
  display: block;
  overflow: hidden;
  text-align: center; }

/* THUMB WRAP FIT BY HEIGHT */
#images .thumb-fit-height {
  padding: 3px;
  height: 152px; }
  #images .thumb-fit-height img {
    width: auto;
    height: 150px; }

#images .thumb-wrap-fit-height {
  float: left;
  margin: 4px;
  margin-right: 0;
  padding: 5px; }
  #images .thumb-wrap-fit-height span {
    display: block;
    overflow: hidden;
    text-align: center; }

#images .loading-indicator {
  font-size: 8pt;
  background-image: url(../images/organizer/loading.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 20px;
  margin: 10px; }

.thumbImage {
  font: 11px "Roboto Standard", arial, helvetica, sans-serif;
  border-radius: 5px !important;
  border: 1px solid #d9d9d9; }
  .thumbImage .thumb {
    padding: 3px;
    width: 172px; }
    .thumbImage .thumb img {
      height: auto;
      width: 170px; }
  .thumbImage .thumb-wrap {
    float: left;
    margin: 4px;
    margin-right: 0;
    padding: 5px; }
    .thumbImage .thumb-wrap span {
      display: block;
      overflow: hidden;
      text-align: center; }
  .thumbImage .thumb-fit-height {
    margin-bottom: 5px;
    background: #FFFFFF;
    height: 160px; }
    .thumbImage .thumb-fit-height img {
      max-width: 160px;
      height: auto;
      transition: transform 0.2s; }
  .thumbImage .thumb-wrap-fit-height {
    float: left;
    margin: 10px;
    margin-right: 0;
    margin-bottom: 0;
    padding: 5px;
    cursor: pointer;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    transition: box-shadow 0.2s;
    height: 180px; }
    .thumbImage .thumb-wrap-fit-height:hover {
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.11); }
      .thumbImage .thumb-wrap-fit-height:hover img.thumb-img {
        transform: scale(1.04, 1.04);
        filter: brightness(0.7); }
    .thumbImage .thumb-wrap-fit-height span {
      display: block;
      overflow: hidden;
      text-align: center; }
    .thumbImage .thumb-wrap-fit-height.x-view-selected {
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
      background-color: #F6F6F6; }
      .thumbImage .thumb-wrap-fit-height.x-view-selected img.thumb-img {
        transform: scale(1.04, 1.04);
        filter: brightness(0.7); }
  .thumbImage .loading-indicator {
    font-size: 8pt;
    background-image: url(../images/organizer/loading.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
    margin: 10px; }

/*************************************************************************/
/* Recipe category view data */
/*************************************************************************/
#pnl_RecipeCategoryViewData .thumb-fit-height {
  padding: 3px;
  height: 152px; }
  #pnl_RecipeCategoryViewData .thumb-fit-height img {
    width: auto;
    height: 150px; }

#pnl_RecipeCategoryViewData .thumb-wrap-fit-height {
  float: left;
  margin: 4px;
  margin-right: 0;
  padding: 5px; }
  #pnl_RecipeCategoryViewData .thumb-wrap-fit-height span {
    display: block;
    overflow: hidden;
    text-align: center; }

#pnl_RecipeCategoryViewData .loading-indicator {
  font-size: 8pt;
  background-image: url(../images/organizer/loading.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 20px;
  margin: 10px; }

/*************************************************************************/
/* Recipe view data */
/*************************************************************************/
#pnl_RecipeViewData .thumb-fit-height {
  padding: 3px;
  height: 152px; }
  #pnl_RecipeViewData .thumb-fit-height img {
    width: auto;
    height: 150px; }

#pnl_RecipeViewData .thumb-wrap-fit-height {
  float: left;
  margin: 4px;
  margin-right: 0;
  padding: 5px; }
  #pnl_RecipeViewData .thumb-wrap-fit-height span {
    display: block;
    overflow: hidden;
    text-align: center; }

#pnl_RecipeViewData .loading-indicator {
  font-size: 8pt;
  background-image: url(../images/organizer/loading.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 20px;
  margin: 10px; }

.x-dd-drag-proxy .multi-proxy .thumb-img {
  height: 20px;
  width: 30px;
  margin: 1px; }

.x-dd-drag-proxy .thumb-img {
  height: 60px;
  width: 80px; }

.image-node .x-tree-node-icon {
  margin-bottom: 1px;
  height: 15px; }

.album-node .x-tree-node-icon, .album-btn {
  background-image: url(../images/organizer/album.gif) !important; }

#folders {
  position: relative; }

.thumb-max-width-350 {
  border: none; }
  .thumb-max-width-350 img {
    border: none; }

#pnl_ImageViewerMediaManager .x-view-selected {
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  background-color: #F6F6F6; }
  #pnl_ImageViewerMediaManager .x-view-selected .thumb-fit-height {
    background-color: #F6F6F6; }
  #pnl_ImageViewerMediaManager .x-view-selected span {
    border-radius: 5px; }

#pnl_ImageViewerMediaManager .simplebar-content {
  padding-bottom: 34px !important; }

.x-treegrid-ct .x-grid3-header {
  background-color: #FFFFFF;
  border: 1px solid #d9d9d9;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-image: none; }

.x-treegrid-ct .x-treegrid-root-node {
  border: 1px solid #d9d9d9;
  border-top: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.x-treegrid-ct .x-treegrid-root-table {
  border: none; }
  .x-treegrid-ct .x-treegrid-root-table .x-tree-node {
    color: #1B1A1A;
    font-size: 12px;
    transition: 0.2s; }
    .x-treegrid-ct .x-treegrid-root-table .x-tree-node .x-tree-node-expanded, .x-treegrid-ct .x-treegrid-root-table .x-tree-node .x-tree-node-collapsed {
      box-shadow: none !important;
      text-indent: 0 !important; }
    .x-treegrid-ct .x-treegrid-root-table .x-tree-node .x-tree-selected {
      background-color: #F1F1F1;
      box-shadow: inset 5px 0 0 0 #f3ab00;
      text-indent: 5px; }
      .x-treegrid-ct .x-treegrid-root-table .x-tree-node .x-tree-selected a span {
        color: #1B1A1A; }
    .x-treegrid-ct .x-treegrid-root-table .x-tree-node .x-treegrid-col {
      padding: 5px 3px 1px 3px;
      border: none;
      white-space: nowrap !important; }
    .x-treegrid-ct .x-treegrid-root-table .x-tree-node .x-btn-text, .x-treegrid-ct .x-treegrid-root-table .x-tree-node .ctb-anchor-btn, .x-treegrid-ct .x-treegrid-root-table .x-tree-node .btn-sm-row, .x-treegrid-ct .x-treegrid-root-table .x-tree-node .ctb_btn_default_sm, .x-treegrid-ct .x-treegrid-root-table .x-tree-node .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-treegrid-ct .x-treegrid-root-table .x-tree-node .x-btn-text, .x-treegrid-ct .x-treegrid-root-table .x-tree-node .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-treegrid-ct .x-treegrid-root-table .x-tree-node .x-btn-text, .x-treegrid-ct .x-treegrid-root-table .x-tree-node .x-date-mp .x-date-mp-ok, .x-date-mp .x-treegrid-ct .x-treegrid-root-table .x-tree-node .x-date-mp-ok, .x-treegrid-ct .x-treegrid-root-table .x-tree-node .x-date-mp .x-date-mp-cancel, .x-date-mp .x-treegrid-ct .x-treegrid-root-table .x-tree-node .x-date-mp-cancel, .x-treegrid-ct .x-treegrid-root-table .x-tree-node #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .x-treegrid-ct .x-treegrid-root-table .x-tree-node .outlet-node, .x-treegrid-ct .x-treegrid-root-table .x-tree-node #pnl_CycleMenu .xbutton, #pnl_CycleMenu .x-treegrid-ct .x-treegrid-root-table .x-tree-node .xbutton, .x-treegrid-ct .x-treegrid-root-table .x-tree-node .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .x-treegrid-ct .x-treegrid-root-table .x-tree-node .ctb-btn {
      background-color: #d9d9d9;
      margin-bottom: 2px;
      height: 22px;
      padding: 1px 10px;
      font-size: 12px;
      color: #1B1A1A;
      border: 0;
      line-height: 12px;
      margin-left: 5px; }

.x-treegrid-ct .x-tree-node-ct .x-treegrid-node-ct-table {
  width: 100%;
  table-layout: fixed !important; }

.x-treegrid-ct .x-tree-node-over {
  background-color: #F1F1F1;
  box-shadow: inset 5px 0 0 0 #f3ab00;
  text-indent: 5px;
  transition: 0.2s; }

.x-treegrid-ct.x-tree-arrows .x-tree-elbow-plus, .x-treegrid-ct.x-tree-arrows .x-tree-elbow-end-plus, .x-treegrid-ct.x-tree-arrows .x-tree-elbow-end-minus, .x-treegrid-ct.x-tree-arrows .x-tree-elbow-minus {
  background-image: url("../../images/themes/light/ic-arrow-drop-down.svg");
  width: 26px;
  height: 26px;
  background-position: center;
  position: relative;
  top: -4px; }

.x-treegrid-ct.x-tree-arrows .x-tree-elbow-end-minus, .x-treegrid-ct.x-tree-arrows .x-tree-elbow-minus {
  transform: rotate(90deg); }

.x-treegrid-ct.x-tree-arrows .x-tree-node-expanded .x-tree-node-icon,
.x-treegrid-ct.x-tree-arrows .x-tree-node-collapsed .x-tree-node-icon {
  background-image: url("../../images/themes/light/ic-tree-folder.svg"); }

.x-treegrid-ct.x-tree-arrows .x-tree-ec-icon {
  height: 26px;
  width: 26px; }

.x-treegrid-ct.x-tree-arrows .x-tree-node-cb {
  top: -7px;
  position: relative;
  margin-left: -1px; }

.x-treegrid-ct.x-tree-arrows .icon-folder {
  margin-right: 6px;
  cursor: default; }

.x-treegrid-ct .x-tree-node a {
  cursor: default; }
  .x-treegrid-ct .x-tree-node a span span {
    margin-left: -5px;
    top: 1px !important; }

.ctb-number-pad .calc-number {
  border-radius: 100px;
  background-color: #d9d9d9; }
  .ctb-number-pad .calc-number .x-panel-header {
    padding: 10px; }
    .ctb-number-pad .calc-number .x-panel-header .x-panel-header-text {
      text-align: center;
      font-size: 36px;
      position: relative;
      line-height: 40px;
      margin: 0px !important; }
  .ctb-number-pad .calc-number.calc-dot .x-panel-header-text {
    top: -10px; }
  .ctb-number-pad .calc-number.calc-mul .x-panel-header-text {
    top: 8px; }
  .ctb-number-pad .calc-number.calc-operator-top {
    background-color: #1B1A1A; }
    .ctb-number-pad .calc-number.calc-operator-top .x-panel-header-text {
      color: #F1F1F1; }
  .ctb-number-pad .calc-number.calc-del .x-panel-header-text {
    font-size: 26px; }
  .ctb-number-pad .calc-number.calc-operator-right {
    background-color: #fea300; }
    .ctb-number-pad .calc-number.calc-operator-right .x-panel-header-text {
      color: #FFFFFF; }

.ctb-number-pad .numberpad_small_arrow_previous, .ctb-number-pad .numberpad_small_arrow_next {
  background: url("../../images/themes/light/ic-arrow-drop-down-secondary.svg") center no-repeat;
  background-size: cover; }

.ctb-number-pad .numberpad_small_arrow_previous {
  transform: rotate(180deg); }

.ctb-number-pad .x-panel-header .x-tool {
  margin: 15px 10px 10px; }

.ctb-number-pad .x-panel-header .x-panel-header-text {
  margin: 20px 10px 10px !important; }

.stocktake-summary {
  border-top: 1px solid #d9d9d9; }
  .stocktake-summary .summary-label {
    float: left;
    top: 8px;
    position: relative;
    font-size: 12px;
    width: 60%;
    font-weight: 500; }
  .stocktake-summary .summary-value {
    float: right;
    font-size: 24px;
    color: #f3ab00;
    width: 40%;
    text-align: right; }

.x-tip {
  line-height: 24px;
  font-size: 12px;
  border-radius: 5px;
  color: #1B1A1A;
  border: 1px solid #d9d9d9;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  padding: 2px 10px;
  background: #FFFFFF;
  transition: 0s visibility 0.3s; }
  .x-tip-tc, .x-tip-ml, .x-tip-tl, .x-tip-tr, .x-tip-mr {
    background-image: unset !important;
    background-color: #FFFFFF !important;
    padding: 0px !important; }
  .x-tip-body {
    color: #1B1A1A !important;
    line-height: 24px !important; }
    .x-tip-body font {
      color: #1B1A1A !important; }
    .x-tip-body ul li {
      position: initial; }
      .x-tip-body ul li span {
        position: relative;
        top: -4px;
        left: 3px; }
  .x-tip-mr {
    background-image: unset !important;
    background-color: transparent; }
  .x-tip .x-tool-close {
    height: 18px;
    width: 18px;
    background-size: 18px; }
    .x-tip .x-tool-close-over {
      background-position: 0 0; }
  .x-tip-bc {
    display: none; }
  .x-tip-anchor {
    display: none; }
  .x-tip .x-tip-header-text {
    color: #1B1A1A; }

.tooltip-ct {
  position: relative;
  display: inline-block; }

.tooltip-ct .tooltiptext-ct {
  visibility: hidden;
  width: auto;
  text-align: center;
  position: absolute;
  z-index: 1;
  top: 100%;
  margin-top: 10px;
  margin-left: -60px;
  /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
  opacity: 0;
  transition: opacity 1s;
  line-height: 24px;
  font-size: 12px;
  border-radius: 5px;
  color: #1B1A1A;
  border: 1px solid #d9d9d9;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  padding: 2px 10px;
  background: #FFFFFF;
  transition: 0s visibility 0.3s; }

.tooltip-ct:hover .tooltiptext-ct {
  visibility: visible;
  opacity: 1; }

/* .tooltip-ct .tooltiptext-ct::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
  } */
tooltip {
  visibility: hidden;
  position: absolute;
  line-height: 24px;
  font-size: 12px;
  border-radius: 5px;
  color: #1B1A1A;
  border: 1px solid #d9d9d9;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  padding: 2px 10px;
  background: #FFFFFF;
  transition: 0s visibility 0.3s;
  z-index: 99999;
  max-width: 355px;
  word-break: break-word; }

tooltip.active {
  visibility: visible; }

*.x-tip *.x-tip-body {
  width: calc(100% + 1px) !important; }

.invalid-tooltip {
  padding: 8px; }
  .invalid-tooltip .x-tip-header-text {
    font-size: 14px;
    font-weight: 500; }

*.ext-el-mask, *.brick-loading-mask {
  background-color: #a3a3a3;
  opacity: 0.5; }

*.ext-el-mask-msg {
  height: 60px;
  width: 60px;
  border: unset;
  background-image: url("../../images/themes/dtp/gif-loading.gif");
  background-size: cover;
  background-color: unset !important;
  background-position-y: unset !important;
  top: calc((100% - 60px) / 2) !important;
  left: calc((100% - 60px) / 2) !important; }
  *.ext-el-mask-msg div {
    display: none; }

.loading-global {
  background-image: url("../../images/themes/dtp/gif-loading.gif");
  background-size: cover;
  background-color: unset !important;
  background-position-y: unset !important;
  height: 60px;
  width: 60px;
  display: inline-block; }

.dashboard-loading-mask {
  width: 50px;
  height: 50px;
  position: absolute;
  margin: auto;
  background-image: url("../../images/themes/dtp/gif-loading.gif");
  background-size: cover;
  background-color: unset !important;
  background-position-y: unset !important;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.fa {
  color: #828282; }

.mailbox-attachment-file-box {
  width: 18%;
  min-width: 100px;
  height: 20px;
  margin: 0 0 5px 5px;
  padding: 5px 0 0 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  background-color: #F6F6F6;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  cursor: pointer;
  float: left; }
  .mailbox-attachment-file-box:hover {
    background-color: #d9d9d9; }

.mailbox-attachment-panel {
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  margin-bottom: 5px;
  height: 125px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column; }

.mailbox-attachment-panel-sub {
  width: 100%;
  min-height: 44px;
  border-bottom: 1px solid #d9d9d9;
  background: linear-gradient(#FFFFFF, #F2F1F2); }

.mailbox-attachment-panel-sub-first {
  max-width: 65%;
  height: 100%;
  display: inline-block;
  padding: 5px 0px 5px 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.mailbox-attachment-panel-sub-mailtimestamp {
  text-align: right;
  padding: 5px 5px 5px 0;
  display: inline-block;
  position: absolute;
  right: 0; }

.mailbox-attachment-container {
  width: 100%;
  overflow: auto;
  padding-top: 5px; }

.mailbox-attachment-filename {
  width: 80%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left; }

/****************************************

Generated for Scheduler/calendar feature

****************************************/
.grid-highlight-drop-location {
  border-bottom-style: solid;
  border-bottom-color: red;
  border-bottom-width: medium; }

/*CUSTOM STYLING*/
#ddlOutletFilter {
  margin: 5px; }

#calendarColumnHeaderViewsideCalendar {
  padding: 0 !important; }

.jqx-rc-all {
  border-radius: 0; }

.jqx-rc-all:not(.jqx-validator-hint), .jqx-widget {
  color: #1B1A1A; }

.jqx-rc-all:not(.jqx-listitem-state-normal):not(.jqx-menu li) {
  border-radius: 5px; }

.jqx-scheduler-edit-dialog-label, .jqx-dropdownlist-content {
  font-weight: 500; }

.jqx-listitem-state-normal {
  border: 0px; }

.jqx-scheduler, #sideCalendar {
  border-radius: 5px; }

.jqx-widget-content-light, .jqx-widget-header-light,
.jqx-widget-content-dark, .jqx-widget-header-dark {
  border-color: #d9d9d9; }

.jqx-widget-light, .jqx-widget-content, .jqx-fill-state-normal-light,
.jqx-widget-dark, .jqx-widget-dark, .jqx-fill-state-normal-dark {
  font-family: "Roboto Standard", arial, helvetica, sans-serif !important;
  font-size: 12px !important; }

.jqx-calendar-light > div, .jqx-calendar-dark > div {
  padding: 0; }

.jqx-scheduler-month-cell-popup {
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1) !important;
  background-color: #fff; }

.jqx-scheduler-appointment {
  font-weight: 500; }

.jqx-scheduler-appointment-light, .jqx-scheduler-appointment-dark {
  border-color: #d9d9d9 !important; }

.jqx-scheduler-appointment-content {
  padding: 0 0 0 5px;
  margin-left: 15px;
  background-color: #fff;
  border-radius: 0 4px 4px 0;
  color: #1B1A1A; }

.jqx-scheduler-selected-appointment, .jqx-scheduler-appointment:hover {
  border-color: #d9d9d9 !important; }

.jqx-grid-cell-light, .jqx-grid-cell-dark {
  background-color: #fff;
  border-color: #d9d9d9 !important; }

.jqx-dropdownlist-content {
  line-height: 20px; }

.jqx-widget .jqx-scheduler-middle-cell {
  border-bottom: 1px dashed #d9d9d9;
  border-bottom-color: #d9d9d9 !important; }

.jqx-widget-header-light, .jqx-widget-header-dark, .jqx-scheduler-time-column-header-cell {
  background-color: #fff;
  font-weight: 500; }

.jqx-scheduler-toolbar-light, .jqx-calendar-title-header-light,
.jqx-scheduler-toolbar-dark, .jqx-calendar-title-header-dark {
  background: linear-gradient(#FFFFFF, #F2F1F2) !important;
  border-color: #d9d9d9; }

.jqx-button {
  font-weight: 500; }

.jqx-fill-state-normal-light, .jqx-fill-state-normal-dark {
  background-color: #fff; }

.jqx-fill-state-pressed-light:not(.jqx-scrollbar-thumb-state-normal):not(.jqx-radiobutton-check-checked):not(.jqx-calendar-cell-today):not(.jqx-calendar-cell-today-dark),
.jqx-fill-state-pressed-dark:not(.jqx-scrollbar-thumb-state-normal):not(.jqx-radiobutton-check-checked):not(.jqx-calendar-cell-today):not(.jqx-calendar-cell-today-dark) {
  background-color: #f6f6f6; }

.jqx-calendar-title-container {
  border-bottom-width: 0; }

.jqx-scheduler-month-cell-light, .jqx-scheduler-month-cell-dark {
  background-color: #f6f6f6;
  font-weight: 500; }

.jqx-dropdownlist-state-normal-light, .jqx-dropdownlist-state-normal-dark {
  background: linear-gradient(#FFFFFF, #F2F1F2) !important;
  height: 30px !important; }

.jqx-scheduler-cell-focus-light, .jqx-scheduler-cell-selected-light,
.jqx-scheduler-cell-focus-dark, .jqx-scheduler-cell-selected-dark {
  background-color: #f1f1f1 !important;
  border-style: solid; }

.jqx-scheduler-cell-hover {
  background-color: #f6f6f6 !important; }

.jqx-action-button-light, .jqx-action-button-dark {
  background: linear-gradient(#FFFFFF, #F2F1F2) !important; }

.jqx-menu ul {
  padding: 0; }

.jqx-menu-vertical-light, .jqx-menu-vertical-dark {
  background-color: #fff; }

.jqx-menu-item-top-light, .jqx-menu-item-top-dark {
  margin: 0; }

.jqx-window {
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.2); }

.jqx-button-light, .jqx-button-dark {
  background: linear-gradient(#FFFFFF, #F2F1F2) !important;
  padding: 8px 11px;
  cursor: pointer !important; }

.jqx-date-time-input-popup-light, .jqx-date-time-input-popup-dark {
  border: 1px solid #d9d9d9 !important;
  border-radius: 5px; }

.jqx-fill-state-normal-light, .jqx-fill-state-focus-light,
.jqx-fill-state-normal-dark, .jqx-fill-state-focus-dark {
  border-color: #d9d9d9; }

.jqx-menu-item-top.jqx-fill-state-focus {
  border-color: transparent; }

.jqx-fill-state-pressed-light:not(.jqx-dropdownlist):not(.jqx-button):not(.jqx-scrollbar-thumb-state-normal):not(.jqx-action-button),
.jqx-fill-state-pressed-dark:not(.jqx-dropdownlist):not(.jqx-button):not(.jqx-scrollbar-thumb-state-normal):not(.jqx-action-button) {
  border-color: transparent; }

.jqx-fill-state-hover:not(.jqx-dropdownlist):not(.jqx-button):not(.jqx-scrollbar-thumb-state-normal):not(.jqx-action-button):not(.jqx-calendar-cell-today):not(.jqx-calendar-cell-today-dark):not(.jqx-checkbox-default):not(.jqx-radiobutton-default) {
  border-color: transparent;
  background-color: #f1f1f1; }

.jqx-button.jqx-fill-state-hover, .jqx-button.jqx-fill-state-pressed {
  border-color: #d9d9d9; }

.jqx-button.jqx-fill-state-pressed-light, .jqx-action-button.jqx-fill-state-pressed-light,
.jqx-button.jqx-fill-state-pressed-dark, .jqx-action-button.jqx-fill-state-pressed-dark {
  background: linear-gradient(#F2F1F2, #fff) !important; }

.jqx-window-header-light, .jqx-window-header-dark {
  background: linear-gradient(#FFFFFF, #F2F1F2) !important; }

/* #schedulerWindow {
	height: 100%;
    width: 100%;
    box-sizing: border-box;
} */
#scheduler-area > #scheduler {
  border: none; }

.jqx-widget-content, .jqx-fill-state-pressed {
  border-color: #d9d9d9;
  color: #1B1A1A; }

.jqx-widget-header {
  background-color: #E8E8E8;
  border-color: #d9d9d9;
  color: #1B1A1A; }

.jqx-calendar-cell-specialDate {
  font-weight: 500;
  /* color: #b31217 !important; */
  color: #1B1A1A !important;
  text-decoration: underline;
  border-color: transparent; }

.jqx-calendar-cell-specialDate-dark {
  font-weight: 500;
  /* color: #b31217 !important; */
  color: #1B1A1A !important;
  text-decoration: underline;
  border-color: transparent; }

.jqx-fill-state-normal {
  background: #FFFFFF;
  border-color: #d9d9d9; }

.jqx-calendar-cell-today, .jqx-calendar-cell-today-dark {
  /* background-color: #b31217;
	border-color: #b31217;
	color: $scheduler-color-4th !important;
    font-weight: 500; */
  margin: 0 0 0 0;
  cursor: pointer;
  background-color: #d9d9d9 !important;
  border-color: #d9d9d9 !important;
  font-weight: 500; }

/*CUSTOM STYLING END*/
.tag-message {
  padding: 3px;
  color: #FFFFFF;
  border-radius: 2px;
  font-size: 11px; }

.border-left-food-cost {
  border-left: solid 1px #d9d9d9; }

.border-right-food-cost {
  border-right: solid 1px #d9d9d9; }

.border-top-food-cost {
  border-top: solid 1px #d9d9d9; }

.border-bottom-food-cost {
  border-bottom: solid 1px #d9d9d9; }

.border-right-food-cost-7px {
  border-right: solid 1px #d9d9d9; }

.border-top-left-radius {
  border-top-left-radius: 5px; }

.border-bottom-left-radius {
  border-bottom-left-radius: 5px; }

.border-top-right-radius {
  border-top-right-radius: 5px; }

.border-bottom-right-radius {
  border-bottom-right-radius: 5px; }

.calendar-table-header {
  width: fit-content;
  margin: auto; }

/* #grid_Invoice {
    .x-panel-tl{
        margin-bottom: 20px;
    }
} */
#pnl_Invoice .livefoodcosttable {
  border: none;
  background-color: unset;
  text-align: left;
  margin: 5px;
  width: calc(100% - 10px) !important; }
  #pnl_Invoice .livefoodcosttable .tdheader td {
    background-color: unset;
    color: unset;
    font-weight: unset; }
  #pnl_Invoice .livefoodcosttable .tdnormal td {
    background-color: unset;
    color: #1B1A1A !important; }
  #pnl_Invoice .livefoodcosttable .tdnormal td:not(:first-child) {
    background-color: #FFFFFF; }

#pnl_Invoice .x-panel-header-text, #pnl_Invoice #gird_InvoiceFoodCost .x-panel-header-text {
  color: #1B1A1A;
  line-height: 20px; }

#pnl_Invoice .x-layout-collapsed {
  background: none;
  width: 40px !important;
  top: 10px !important;
  right: 7px;
  left: auto !important;
  background-color: #f3ab00;
  border-radius: 6px 0 0 6px;
  height: 190px !important; }
  #pnl_Invoice .x-layout-collapsed .x-tool.x-tool-expand-south {
    background-image: url("../../images/themes/light/grid-collapse-arrow.svg") !important;
    width: 18px;
    height: 18px;
    transform: rotate(180deg); }

#pnl_Invoice .food-cost-icon-title {
  background: url("../../images/themes/light/ic-invoice-food-cost-title.svg");
  width: 20px;
  height: 24px;
  display: block; }

#pnl_Invoice .icon-title {
  width: 20px;
  padding-right: 12px;
  display: unset; }

#pnl_Invoice .templates-icon {
  background: url("../../images/themes/ic-invoice-food-cost.svg");
  width: 20px;
  height: 24px;
  margin-top: 24px;
  margin-left: 10px; }

#pnl_Invoice .panel-collapse {
  right: 0;
  left: auto !important;
  border-radius: 6px !important;
  box-shadow: -1px 0px 10px 0px black;
  -moz-box-shadow: -1px 0px 10px 0px black;
  -webkit-box-shadow: -1px 0px 10px 0px black; }
  #pnl_Invoice .panel-collapse > .x-panel-tl {
    background-color: #f3ab00;
    border-radius: 6px 0 0 0 !important; }

#pnl_Invoice .templates-tag {
  margin-top: 16px;
  color: white;
  right: 11px;
  width: 200px;
  height: 200px;
  position: absolute; }

#pnl_Invoice .templates-collapsed {
  height: calc(100% - 50px) !important; }
  #pnl_Invoice .templates-collapsed .x-border-layout-ct {
    height: calc(100vh - 205px) !important; }

#pnl_Invoice #date-to-week .x-form-field-wrap {
  width: 120px !important; }

#pnl_Invoice #date-to-month .x-form-field-wrap {
  width: 180px !important; }

#pnl_Invoice #stocktake-date .x-form-field-wrap {
  width: 180px !important; }

#gird_InvoiceFoodCost .x-panel-header-text {
  margin-bottom: 0; }

#gird_InvoiceFoodCost .tdheader td {
  border-bottom: 1px solid #d9d9d9;
  text-align: center; }

#gird_InvoiceFoodCost .bg-1st {
  background-color: #F1F1F1 !important; }

#gird_InvoiceFoodCost .bg-2nd {
  background-color: #F6F6F6 !important; }

#gird_InvoiceFoodCost .x-panel-body.x-border-layout-ct {
  width: calc(100% - 20px) !important;
  margin-left: 10px; }

#gird_InvoiceFoodCost .tdheader td, #gird_InvoiceFoodCost .tdnormal td {
  padding: 5px; }

#gird_InvoiceFoodCost .icon-v3-dropdown-more:after {
  right: 8px; }

.dtp-foodcost-calendar-span.x-btn-text.ic-arrow-drop-down-bottom.ic-right, .dtp-foodcost-calendar-span.ic-arrow-drop-down-bottom.ic-right.ctb-anchor-btn, .dtp-foodcost-calendar-span.ic-arrow-drop-down-bottom.ic-right.btn-sm-row, .dtp-foodcost-calendar-span.ic-arrow-drop-down-bottom.ic-right.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .dtp-foodcost-calendar-span.ic-arrow-drop-down-bottom.ic-right.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .dtp-foodcost-calendar-span.ic-arrow-drop-down-bottom.ic-right.x-btn-text, .x-date-mp .dtp-foodcost-calendar-span.ic-arrow-drop-down-bottom.ic-right.x-date-mp-ok, .x-date-mp .dtp-foodcost-calendar-span.ic-arrow-drop-down-bottom.ic-right.x-date-mp-cancel, #outlet #outlet-map #map .dtp-foodcost-calendar-span.ic-arrow-drop-down-bottom.ic-right.outlet-node, #pnl_CycleMenu .dtp-foodcost-calendar-span.ic-arrow-drop-down-bottom.ic-right.xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .dtp-foodcost-calendar-span.ic-arrow-drop-down-bottom.ic-right.ctb-btn {
  background-position: right 0px bottom -3px;
  background-color: unset; }

.btn-report-error-read-invoice {
  padding-left: 10px;
  /* .x-btn-text {
        background-color: $color-16th !important;
    } */ }

/* .pdf-text{
    position: relative;
    top: 6px;
} */
.bottom-detail {
  margin-top: 10px; }

.checkbox-override-total-tax {
  position: relative;
  right: -8px;
  top: 9px;
  /* background-size: 18px !important;
    background-repeat: no-repeat;
    background-position-y: 7px !important;
    height: 30px !important;
    -webkit-mask-repeat: no-repeat !important;
    -webkit-mask-position-y: 7px !important; */ }

#InvoiceDetail_Invoice_RightSide {
  padding: 0px 5px; }

.top-detail {
  left: 15px !important; }

.stock-existing-order-dialog .x-panel-header-text {
  margin-left: 10px; }

#wc-stock-existing-order .x-window-header-text {
  margin-left: -7px; }

#calculator {
  background-color: #FFFFFF !important; }
  #calculator .ctb-number-pad {
    background-color: unset !important; }
  #calculator .x-panel-header-text {
    margin: 10px; }

.btn-action-table-header {
  border-radius: 5px;
  padding: 3px 10px;
  background-color: #FFFFFF;
  cursor: pointer;
  color: #1B1A1A;
  border: 1px solid #d9d9d9; }
  .btn-action-table-header.x-btn-text.ic-arrow-drop-down-bottom.ic-right, .btn-action-table-header.ic-arrow-drop-down-bottom.ic-right.ctb-anchor-btn, .btn-action-table-header.ic-arrow-drop-down-bottom.ic-right.btn-sm-row, .btn-action-table-header.ic-arrow-drop-down-bottom.ic-right.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .btn-action-table-header.ic-arrow-drop-down-bottom.ic-right.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .btn-action-table-header.ic-arrow-drop-down-bottom.ic-right.x-btn-text, .x-date-mp .btn-action-table-header.ic-arrow-drop-down-bottom.ic-right.x-date-mp-ok, .x-date-mp .btn-action-table-header.ic-arrow-drop-down-bottom.ic-right.x-date-mp-cancel, #outlet #outlet-map #map .btn-action-table-header.ic-arrow-drop-down-bottom.ic-right.outlet-node, #pnl_CycleMenu .btn-action-table-header.ic-arrow-drop-down-bottom.ic-right.xbutton, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .btn-action-table-header.ic-arrow-drop-down-bottom.ic-right.ctb-btn {
    background-position: right -1px bottom 7px; }

#gird_InvoiceFoodCostbtnLiveFoodCostCalendar {
  background-position-y: -1px !important; }

.ext-strict .x-window.live-food-cost-option .x-window-ml {
  display: none; }

.ext-strict .x-window.live-food-cost-option .x-window-footer .x-btn-tc, .ext-strict .x-window.live-food-cost-option .x-window-footer .x-btn-ml, .ext-strict .x-window.live-food-cost-option .x-window-footer .x-btn-bc, .ext-strict .x-window.live-food-cost-option .x-window-footer .x-btn-mr, .ext-strict .x-window.live-food-cost-option .x-window-footer .x-btn-mc, .ext-strict .x-window.live-food-cost-option .x-window-footer .x-btn-tl, .ext-strict .x-window.live-food-cost-option .x-window-footer .x-btn-tr, .ext-strict .x-window.live-food-cost-option .x-window-footer .x-btn-bl, .ext-strict .x-window.live-food-cost-option .x-window-footer .x-btn-br {
  background-image: unset !important; }

.ext-strict .x-window.live-food-cost-option .x-window-footer .x-btn-text, .ext-strict .x-window.live-food-cost-option .x-window-footer .ctb-anchor-btn, .ext-strict .x-window.live-food-cost-option .x-window-footer .btn-sm-row, .ext-strict .x-window.live-food-cost-option .x-window-footer .ctb_btn_default_sm, .ext-strict .x-window.live-food-cost-option .x-window-footer .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-window.live-food-cost-option .x-window-footer .x-btn-text, .ext-strict .x-window.live-food-cost-option .x-window-footer .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-window.live-food-cost-option .x-window-footer .x-btn-text, .ext-strict .x-window.live-food-cost-option .x-window-footer .x-date-mp .x-date-mp-ok, .x-date-mp .ext-strict .x-window.live-food-cost-option .x-window-footer .x-date-mp-ok, .ext-strict .x-window.live-food-cost-option .x-window-footer .x-date-mp .x-date-mp-cancel, .x-date-mp .ext-strict .x-window.live-food-cost-option .x-window-footer .x-date-mp-cancel, .ext-strict .x-window.live-food-cost-option .x-window-footer #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .ext-strict .x-window.live-food-cost-option .x-window-footer .outlet-node, .ext-strict .x-window.live-food-cost-option .x-window-footer #pnl_CycleMenu .xbutton, #pnl_CycleMenu .ext-strict .x-window.live-food-cost-option .x-window-footer .xbutton, .ext-strict .x-window.live-food-cost-option .x-window-footer .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict .x-window.live-food-cost-option .x-window-footer .ctb-btn {
  width: 100% !important;
  height: 32px !important;
  padding: 5px; }

.ext-strict .x-window.live-food-cost-option .x-window-footer .x-toolbar-left {
  width: 0 !important;
  height: 0 !important; }

.pnl_liveCalendar .food-cost-predictor {
  background-color: #F1F1F1;
  color: #1B1A1A;
  width: 100%;
  line-height: 300%; }

.pnl_liveCalendar .color-contrast-primary {
  color: #1B1A1A; }

.pnl_liveCalendar .header-text, .pnl_liveCalendar .cycle_menu_plan .cm_view_headers_ct .cm_view_o_header, .cycle_menu_plan .cm_view_headers_ct .pnl_liveCalendar .cm_view_o_header, .pnl_liveCalendar .cycle_menu_plan .cm_view_headers_ct .cm_view_h_header, .cycle_menu_plan .cm_view_headers_ct .pnl_liveCalendar .cm_view_h_header, .pnl_liveCalendar .cycle_menu_plan .cm_view_headers_ct .cm_view_r_header, .cycle_menu_plan .cm_view_headers_ct .pnl_liveCalendar .cm_view_r_header {
  color: #1B1A1A;
  font-weight: 500;
  font-size: 17px;
  background: #FFFFFF;
  padding-left: 10px;
  text-align: left; }

.pnl_liveCalendar .record-odd {
  background: #F1F1F1;
  padding-left: 10px; }
  .pnl_liveCalendar .record-odd td {
    padding-left: 10px; }

.pnl_liveCalendar .record-even {
  background: #d9d9d9;
  padding-left: 10px; }
  .pnl_liveCalendar .record-even td {
    padding-left: 10px; }

.pnl_liveCalendar .div-content-top {
  vertical-align: top;
  width: 20%;
  padding: 10px; }

.pnl_liveCalendar .border-right {
  border-right: solid 2px #dddddd; }

.livefoodcostcalendar-table {
  border: none;
  background-color: transparent; }
  .livefoodcostcalendar-table .type-date-1 {
    border: 1px solid #d9d9d9;
    background-color: #FFFFFF;
    cursor: pointer; }
    .livefoodcostcalendar-table .type-date-1:hover {
      background-color: #FFFFFF; }
      .livefoodcostcalendar-table .type-date-1:hover .ctb-specialmenucalendar-menuheading-div {
        background-color: #F6F6F6 !important; }
      .livefoodcostcalendar-table .type-date-1:hover .ctb-specialmenucalendar-menurecipe-div {
        background-color: #F1F1F1 !important; }
  .livefoodcostcalendar-table .type-date-2 {
    border: 1px solid #d9d9d9;
    background-color: #F6F6F6;
    cursor: pointer; }
    .livefoodcostcalendar-table .type-date-2:hover {
      background-color: #F1F1F1; }
  .livefoodcostcalendar-table .today {
    border: 2px solid #549363; }
  .livefoodcostcalendar-table .days-header {
    text-align: center;
    height: 50px; }

.x-grid3-dirty-cell.x-grid3-td-metaDataPark, .x-grid3-dirty-cell.x-grid3-td-metaDataCheck {
  background-image: none; }

.netsuite-configuration-pnl .x-btn-text, .netsuite-configuration-pnl .ctb-anchor-btn, .netsuite-configuration-pnl .btn-sm-row, .netsuite-configuration-pnl .ctb_btn_default_sm, .netsuite-configuration-pnl .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .netsuite-configuration-pnl .x-btn-text, .netsuite-configuration-pnl .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .netsuite-configuration-pnl .x-btn-text, .netsuite-configuration-pnl .x-date-mp .x-date-mp-ok, .x-date-mp .netsuite-configuration-pnl .x-date-mp-ok, .netsuite-configuration-pnl .x-date-mp .x-date-mp-cancel, .x-date-mp .netsuite-configuration-pnl .x-date-mp-cancel, .netsuite-configuration-pnl #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .netsuite-configuration-pnl .outlet-node, .netsuite-configuration-pnl #pnl_CycleMenu .xbutton, #pnl_CycleMenu .netsuite-configuration-pnl .xbutton, .netsuite-configuration-pnl .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .netsuite-configuration-pnl .ctb-btn {
  width: 140px !important;
  text-align: left;
  margin-left: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.ext-strict #pnl-recipeDetail_foodCostingSummary {
  color: #1B1A1A;
  padding-top: 10px;
  border-top: 1px solid #d9d9d9;
  background-color: #F6F6F6; }
  .ext-strict #pnl-recipeDetail_foodCostingSummary .ctb-recipebook-costing-bottom-panel {
    background: unset;
    padding-top: 7px; }
    .ext-strict #pnl-recipeDetail_foodCostingSummary .ctb-recipebook-costing-bottom-panel .ctb-template-number-label {
      color: #1B1A1A;
      font-family: "Roboto Medium", arial, helvetica, sans-serif; }
    .ext-strict #pnl-recipeDetail_foodCostingSummary .ctb-recipebook-costing-bottom-panel .ctb-template-number-content {
      padding-top: 1px;
      padding-left: 20px; }
    .ext-strict #pnl-recipeDetail_foodCostingSummary .ctb-recipebook-costing-bottom-panel font {
      color: #e30612;
      font-family: "Roboto Medium", arial, helvetica, sans-serif; }
    .ext-strict #pnl-recipeDetail_foodCostingSummary .ctb-recipebook-costing-bottom-panel .x-form-text, .ext-strict #pnl-recipeDetail_foodCostingSummary .ctb-recipebook-costing-bottom-panel .ctb_transparent_bg_color .ctb-reciperipper-url, .ctb_transparent_bg_color .ext-strict #pnl-recipeDetail_foodCostingSummary .ctb-recipebook-costing-bottom-panel .ctb-reciperipper-url, .ext-strict #pnl-recipeDetail_foodCostingSummary .ctb-recipebook-costing-bottom-panel .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ext-strict #pnl-recipeDetail_foodCostingSummary .ctb-recipebook-costing-bottom-panel .b-h-ip, .ext-strict #pnl-recipeDetail_foodCostingSummary .ctb-recipebook-costing-bottom-panel .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ext-strict #pnl-recipeDetail_foodCostingSummary .ctb-recipebook-costing-bottom-panel .r-ip, .ext-strict #pnl-recipeDetail_foodCostingSummary .ctb-recipebook-costing-bottom-panel .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell .ext-strict #pnl-recipeDetail_foodCostingSummary .ctb-recipebook-costing-bottom-panel input.b-bd-fh-input, .ext-strict #pnl-recipeDetail_foodCostingSummary .ctb-recipebook-costing-bottom-panel .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ext-strict #pnl-recipeDetail_foodCostingSummary .ctb-recipebook-costing-bottom-panel .bd-r-ip {
      height: 24px !important;
      padding-top: 0px;
      background-color: #FFFFFF; }
    .ext-strict #pnl-recipeDetail_foodCostingSummary .ctb-recipebook-costing-bottom-panel.ingredient-no-of-portion {
      top: -6px !important; }

.ext-strict .x-btn-text.icon-chef-large.update-youtube-link.update-youtube-link, .ext-strict .icon-chef-large.update-youtube-link.update-youtube-link.ctb-anchor-btn, .ext-strict .icon-chef-large.update-youtube-link.update-youtube-link.btn-sm-row, .ext-strict .icon-chef-large.update-youtube-link.update-youtube-link.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-chef-large.update-youtube-link.update-youtube-link.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-chef-large.update-youtube-link.update-youtube-link.x-btn-text, .ext-strict .x-date-mp .icon-chef-large.update-youtube-link.update-youtube-link.x-date-mp-ok, .x-date-mp .ext-strict .icon-chef-large.update-youtube-link.update-youtube-link.x-date-mp-ok, .ext-strict .x-date-mp .icon-chef-large.update-youtube-link.update-youtube-link.x-date-mp-cancel, .x-date-mp .ext-strict .icon-chef-large.update-youtube-link.update-youtube-link.x-date-mp-cancel, .ext-strict #outlet #outlet-map #map .icon-chef-large.update-youtube-link.update-youtube-link.outlet-node, #outlet #outlet-map #map .ext-strict .icon-chef-large.update-youtube-link.update-youtube-link.outlet-node, .ext-strict #pnl_CycleMenu .icon-chef-large.update-youtube-link.update-youtube-link.xbutton, #pnl_CycleMenu .ext-strict .icon-chef-large.update-youtube-link.update-youtube-link.xbutton, .ext-strict .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-chef-large.update-youtube-link.update-youtube-link.ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict .icon-chef-large.update-youtube-link.update-youtube-link.ctb-btn {
  margin-left: 102px; }

.ext-strict .ctb-panel-remove-collapse-icon:not(.no-spacing) {
  margin-top: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d9d9d9; }

.ext-strict .ctb-panel-remove-collapse-icon .ux-form-rater-wrap {
  position: relative;
  left: 20px;
  padding-bottom: 10px; }

.ext-strict .ctb-panel-remove-collapse-icon.last-child {
  border-bottom: none; }

.ext-strict .ctb-panel-remove-collapse-icon.recipe-fact-dietary .x-column-inner {
  display: flex; }

.ext-strict .ctb-panel-remove-collapse-icon.recipe-fact-dietary .x-panel-body {
  background: #FFFFFF; }

.ext-strict .ctb-panel-remove-collapse-icon.recipe-fact-dietary .x-panel-tl {
  margin-bottom: 20px; }

.ext-strict .ctb-panel-remove-collapse-icon.recipe-fact-dietary > .x-panel-bwrap {
  border: 1px solid #d9d9d9;
  border-radius: 5px; }

.ext-strict .ctb-panel-remove-collapse-icon.recipe-fact-dietary .x-panel-bwrap {
  margin-bottom: 10px; }
  .ext-strict .ctb-panel-remove-collapse-icon.recipe-fact-dietary .x-panel-bwrap .x-panel-header-text .item-label {
    font-size: 12px;
    line-height: 14px;
    margin-top: 1px; }

.ext-strict .ctb-panel-remove-collapse-icon.recipe-fact-dietary .x-panel-mr {
  padding-right: 0px; }

.ext-strict .ctb-panel-remove-collapse-icon.recipe-fact-dietary .recipe-fact-column {
  width: calc(100% / 6 - 1px) !important;
  border-right: 1px solid #d9d9d9; }
  .ext-strict .ctb-panel-remove-collapse-icon.recipe-fact-dietary .recipe-fact-column:nth-child(6) {
    border: none; }
  .ext-strict .ctb-panel-remove-collapse-icon.recipe-fact-dietary .recipe-fact-column .x-panel-bwrap .x-panel-body.x-panel-body-noheader {
    width: 100% !important; }

.ext-strict .ctb-panel-remove-collapse-icon.recipe-fact-dietary .deitary-column {
  border-right: 1px solid #d9d9d9;
  width: calc(100% / 3) !important; }
  .ext-strict .ctb-panel-remove-collapse-icon.recipe-fact-dietary .deitary-column:nth-child(3) {
    border: none; }
  .ext-strict .ctb-panel-remove-collapse-icon.recipe-fact-dietary .deitary-column .x-panel-bwrap .x-panel-body.x-panel-body-noheader {
    width: 100% !important; }

.ext-strict .pnl-recipe-book-recipe-detail .x-toolbar div {
  font-size: 12px; }

.ext-strict .ctb-panel-header-lightgray .x-panel-header {
  border: none;
  border-bottom: 1px solid #d9d9d9;
  background: #F1F1F1;
  background-image: none !important;
  padding: 10px 5px;
  border-left: 1px solid #F1F1F1; }
  .ext-strict .ctb-panel-header-lightgray .x-panel-header:first-child {
    border-left: none !important; }
  .ext-strict .ctb-panel-header-lightgray .x-panel-header .item-label {
    margin-top: 3px;
    font-weight: 500; }
  .ext-strict .ctb-panel-header-lightgray .x-panel-header .add-item {
    margin-right: 5px; }
    .ext-strict .ctb-panel-header-lightgray .x-panel-header .add-item span {
      background: url("../../images/themes/light/ic-plus.svg") center no-repeat;
      width: 17px;
      height: 17px;
      display: block; }
  .ext-strict .ctb-panel-header-lightgray .x-panel-header.last-child {
    border-right: none; }

.ext-strict .ctb-inner-grid .x-grid3 {
  border: none; }

.ext-strict #pnl_RecipeBook .tbl_StandardBorder {
  border-color: #d9d9d9;
  border-spacing: 1px;
  font-size: 12px;
  border-collapse: collapse; }
  .ext-strict #pnl_RecipeBook .tbl_StandardBorder td {
    background-color: #F6F6F6;
    text-align: center;
    padding: 2px 10px;
    border: 1px solid #d9d9d9;
    /* &:hover {
                    background-color: transparent !important;
                } */ }

.ext-strict .pnl-recipe-book-costing .ctb-desired-selling-pnl .bg-3rd, .ext-strict .pnl-recipe-book-costing .ctb-desired-selling-pnl .bg-16th {
  background-color: #F6F6F6 !important; }

.ext-strict .pnl-recipe-book-costing .x-form-field-wrap:not(.x-form-field-trigger-wrap) {
  background: #FFFFFF; }
  .ext-strict .pnl-recipe-book-costing .x-form-field-wrap:not(.x-form-field-trigger-wrap) input.x-form-text, .ext-strict .pnl-recipe-book-costing .x-form-field-wrap:not(.x-form-field-trigger-wrap) .ctb_transparent_bg_color input.ctb-reciperipper-url, .ctb_transparent_bg_color .ext-strict .pnl-recipe-book-costing .x-form-field-wrap:not(.x-form-field-trigger-wrap) input.ctb-reciperipper-url, .ext-strict .pnl-recipe-book-costing .x-form-field-wrap:not(.x-form-field-trigger-wrap) .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct input.b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ext-strict .pnl-recipe-book-costing .x-form-field-wrap:not(.x-form-field-trigger-wrap) input.b-h-ip, .ext-strict .pnl-recipe-book-costing .x-form-field-wrap:not(.x-form-field-trigger-wrap) .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row input.r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ext-strict .pnl-recipe-book-costing .x-form-field-wrap:not(.x-form-field-trigger-wrap) input.r-ip, .ext-strict .pnl-recipe-book-costing .x-form-field-wrap:not(.x-form-field-trigger-wrap) .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell .ext-strict .pnl-recipe-book-costing .x-form-field-wrap:not(.x-form-field-trigger-wrap) input.b-bd-fh-input, .ext-strict .pnl-recipe-book-costing .x-form-field-wrap:not(.x-form-field-trigger-wrap) .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r input.bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ext-strict .pnl-recipe-book-costing .x-form-field-wrap:not(.x-form-field-trigger-wrap) input.bd-r-ip {
    border-right: 0 !important; }

.ext-strict .pnl-recipe-book-costing .bg-5th, .ext-strict .pnl-recipe-book-costing .bg-primary {
  border-radius: 5px; }

.ext-strict .pnl-recipe-book-costing .bg-5th {
  padding-left: 5px;
  padding-right: 5px; }
  .ext-strict .pnl-recipe-book-costing .bg-5th b {
    font-size: 12px;
    margin-left: 5px; }

.ext-strict .pnl-recipe-book-costing .bg-primary b {
  margin-left: 5px;
  display: block; }

.ext-strict .pnl-recipe-book-costing .pnl-recipe-book-costing-price .x-form-field-wrap .x-form-trigger, .ext-strict .pnl-recipe-book-costing .pnl-recipe-book-costing-price .x-form-field-wrap .x-form-text, .ext-strict .pnl-recipe-book-costing .pnl-recipe-book-costing-price .x-form-field-wrap .ctb_transparent_bg_color .ctb-reciperipper-url, .ctb_transparent_bg_color .ext-strict .pnl-recipe-book-costing .pnl-recipe-book-costing-price .x-form-field-wrap .ctb-reciperipper-url, .ext-strict .pnl-recipe-book-costing .pnl-recipe-book-costing-price .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ext-strict .pnl-recipe-book-costing .pnl-recipe-book-costing-price .x-form-field-wrap .b-h-ip, .ext-strict .pnl-recipe-book-costing .pnl-recipe-book-costing-price .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ext-strict .pnl-recipe-book-costing .pnl-recipe-book-costing-price .x-form-field-wrap .r-ip, .ext-strict .pnl-recipe-book-costing .pnl-recipe-book-costing-price .x-form-field-wrap .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell .ext-strict .pnl-recipe-book-costing .pnl-recipe-book-costing-price .x-form-field-wrap input.b-bd-fh-input, .ext-strict .pnl-recipe-book-costing .pnl-recipe-book-costing-price .x-form-field-wrap .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ext-strict .pnl-recipe-book-costing .pnl-recipe-book-costing-price .x-form-field-wrap .bd-r-ip {
  background-color: transparent !important;
  font-size: 12px;
  font-weight: 600; }

.ext-strict .table-recipe-book-estimator {
  border-collapse: collapse;
  border-left: 1px solid #d9d9d9;
  /* 
        tr:last-child td {
            border-bottom: 1px solid $border-color-primary;
        } */ }
  .ext-strict .table-recipe-book-estimator td {
    border: 1px solid #d9d9d9; }
  .ext-strict .table-recipe-book-estimator tr:first-child th {
    border-top: 0; }
  .ext-strict .table-recipe-book-estimator tr td:first-child,
  .ext-strict .table-recipe-book-estimator tr th:first-child {
    border-left: 0; }

.ext-strict .x-window .ctb-recipe-manager .x-panel-tbar {
  padding-bottom: 0px !important;
  margin-top: 5px; }
  .ext-strict .x-window .ctb-recipe-manager .x-panel-tbar .x-panel-body {
    border: none; }

.ext-strict .x-window .ctb-recipe-manager .x-panel-body {
  border-top: 1px solid #d9d9d9; }
  .ext-strict .x-window .ctb-recipe-manager .x-panel-body .x-panel-body {
    border-top: none; }

.bg-recipe-costing-1 {
  border: 1px solid #d9d9d9;
  border-left: 5px solid #c5c5c5;
  background-color: #F6F6F6;
  border-radius: 5px;
  padding: 10px; }
  .bg-recipe-costing-1 td:first-child {
    padding-right: 10px; }

.bg-recipe-costing-2 {
  border: 1px solid #d9d9d9;
  border-left: 5px solid #5fc678;
  background-color: #F6F6F6;
  border-radius: 5px;
  padding: 10px; }
  .bg-recipe-costing-2 td:first-child {
    padding-right: 10px; }

.bg-recipe-costing-3 {
  border: 1px solid #d9d9d9;
  border-left: 5px solid #d260b7;
  background-color: #F6F6F6;
  border-radius: 5px;
  padding: 10px; }
  .bg-recipe-costing-3 td:first-child {
    padding-right: 10px; }

.bg-recipe-costing-4 {
  border: 1px solid #d9d9d9;
  border-left: 5px solid #7ccbbf;
  background-color: #F6F6F6;
  border-radius: 5px;
  padding: 10px; }
  .bg-recipe-costing-4 td:first-child {
    padding-right: 10px; }

.bg-recipe-costing-5 {
  border: 1px solid #d9d9d9;
  border-left: 5px solid #000000;
  background-color: #F6F6F6;
  border-radius: 5px;
  padding: 10px; }
  .bg-recipe-costing-5 td:first-child {
    padding-right: 10px; }

.bg-recipe-costing-6 {
  border: 1px solid #d9d9d9;
  border-left: 5px solid #cf9c50;
  background-color: #F6F6F6;
  border-radius: 5px;
  padding: 10px; }
  .bg-recipe-costing-6 td:first-child {
    padding-right: 10px; }

.bg-recipe-costing-7 {
  border: 1px solid #d9d9d9;
  border-left: 5px solid #499edc;
  background-color: #F6F6F6;
  border-radius: 5px;
  padding: 10px; }
  .bg-recipe-costing-7 td:first-child {
    padding-right: 10px; }

.bg-recipe-costing-8 {
  border: 1px solid #d9d9d9;
  border-left: 5px solid #b2de86;
  background-color: #F6F6F6;
  border-radius: 5px;
  padding: 10px; }
  .bg-recipe-costing-8 td:first-child {
    padding-right: 10px; }

.bg-recipe-costing-9 {
  border: 1px solid #d9d9d9;
  border-left: 5px solid #5f2a74;
  background-color: #F6F6F6;
  border-radius: 5px;
  padding: 10px; }
  .bg-recipe-costing-9 td:first-child {
    padding-right: 10px; }

.bg-recipe-costing-10 {
  border: 1px solid #d9d9d9;
  border-left: 5px solid #d66834;
  background-color: #F6F6F6;
  border-radius: 5px;
  padding: 10px; }
  .bg-recipe-costing-10 td:first-child {
    padding-right: 10px; }

.bg-recipe-costing-11 {
  border: 1px solid #d9d9d9;
  border-left: 5px solid #717ebd;
  background-color: #F6F6F6;
  border-radius: 5px;
  padding: 10px; }
  .bg-recipe-costing-11 td:first-child {
    padding-right: 10px; }

.bg-recipe-costing-12 {
  border: 1px solid #d9d9d9;
  border-left: 5px solid #c6b2d6;
  background-color: #F6F6F6;
  border-radius: 5px;
  padding: 10px; }
  .bg-recipe-costing-12 td:first-child {
    padding-right: 10px; }

.bg-recipe-costing-13 {
  border: 1px solid #d9d9d9;
  border-left: 5px solid #e24f44;
  background-color: #F6F6F6;
  border-radius: 5px;
  padding: 10px; }
  .bg-recipe-costing-13 td:first-child {
    padding-right: 10px; }

.pantry-recipe-book.pnl-recipe-book-costing b, .pantry-recipe-book.pnl-recipe-book-costing font, .pantry-recipe-book.pnl-recipe-book-costing input {
  font-weight: 500 !important; }

.pantry-recipe-book.pnl-recipe-book-costing .x-form-field-wrap {
  width: 100px !important; }
  .pantry-recipe-book.pnl-recipe-book-costing .x-form-field-wrap input.x-form-text.x-form-field:not(.x-trigger-noedit), .pantry-recipe-book.pnl-recipe-book-costing .x-form-field-wrap .ctb_transparent_bg_color input.ctb-reciperipper-url:not(.x-trigger-noedit), .ctb_transparent_bg_color .pantry-recipe-book.pnl-recipe-book-costing .x-form-field-wrap input.ctb-reciperipper-url:not(.x-trigger-noedit), .pantry-recipe-book.pnl-recipe-book-costing .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct input.x-form-field.b-h-ip:not(.x-trigger-noedit), .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .pantry-recipe-book.pnl-recipe-book-costing .x-form-field-wrap input.x-form-field.b-h-ip:not(.x-trigger-noedit), .pantry-recipe-book.pnl-recipe-book-costing .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ctb_transparent_bg_color input.b-h-ip.ctb-reciperipper-url:not(.x-trigger-noedit), .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ctb_transparent_bg_color .pantry-recipe-book.pnl-recipe-book-costing .x-form-field-wrap input.b-h-ip.ctb-reciperipper-url:not(.x-trigger-noedit), .pantry-recipe-book.pnl-recipe-book-costing .x-form-field-wrap .ctb_transparent_bg_color .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct input.b-h-ip.ctb-reciperipper-url:not(.x-trigger-noedit), .ctb_transparent_bg_color .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .pantry-recipe-book.pnl-recipe-book-costing .x-form-field-wrap input.b-h-ip.ctb-reciperipper-url:not(.x-trigger-noedit), .pantry-recipe-book.pnl-recipe-book-costing .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row input.x-form-field.r-ip:not(.x-trigger-noedit), .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .pantry-recipe-book.pnl-recipe-book-costing .x-form-field-wrap input.x-form-field.r-ip:not(.x-trigger-noedit), .pantry-recipe-book.pnl-recipe-book-costing .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ctb_transparent_bg_color input.r-ip.ctb-reciperipper-url:not(.x-trigger-noedit), .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ctb_transparent_bg_color .pantry-recipe-book.pnl-recipe-book-costing .x-form-field-wrap input.r-ip.ctb-reciperipper-url:not(.x-trigger-noedit), .pantry-recipe-book.pnl-recipe-book-costing .x-form-field-wrap .ctb_transparent_bg_color .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row input.r-ip.ctb-reciperipper-url:not(.x-trigger-noedit), .ctb_transparent_bg_color .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .pantry-recipe-book.pnl-recipe-book-costing .x-form-field-wrap input.r-ip.ctb-reciperipper-url:not(.x-trigger-noedit), .pantry-recipe-book.pnl-recipe-book-costing .x-form-field-wrap .b-bd-fh .b-bd-fh-cell input.x-form-field.b-bd-fh-input:not(.x-trigger-noedit), .b-bd-fh .b-bd-fh-cell .pantry-recipe-book.pnl-recipe-book-costing .x-form-field-wrap input.x-form-field.b-bd-fh-input:not(.x-trigger-noedit), .pantry-recipe-book.pnl-recipe-book-costing .x-form-field-wrap .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r input.x-form-field.bd-r-ip:not(.x-trigger-noedit), .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .pantry-recipe-book.pnl-recipe-book-costing .x-form-field-wrap input.x-form-field.bd-r-ip:not(.x-trigger-noedit) {
    width: calc(100% - 30px) !important; }
  .pantry-recipe-book.pnl-recipe-book-costing .x-form-field-wrap img.x-form-trigger:not(.x-form-arrow-trigger) {
    width: calc(100% - 70px) !important; }

.pantry-recipe-book.pnl-recipe-book-costing .bg-secondary {
  border-radius: 5px;
  border: 1px solid #d9d9d9; }

.recipe-manager {
  height: 50px;
  margin: 2px 0px 2px 0px;
  padding: 1px 1px 1px 1px; }

#dlg_DocumentManager .x-panel-tbar {
  margin: 5px 0 0 5px; }

#dlg_DocumentManager .thumbImage .thumb-fit-height {
  display: flex; }
  #dlg_DocumentManager .thumbImage .thumb-fit-height img {
    max-width: 160px; }

.bg-recipe-costing-color-primary {
  background-color: #c5c5c5; }

.bg-recipe-costing-color-secondary {
  background-color: #5fc678; }

.bg-recipe-costing-color-3rd {
  background-color: #d260b7; }

.bg-recipe-costing-color-4th {
  background-color: #7ccbbf; }

.bg-recipe-costing-color-5th {
  background-color: #000000;
  color: #FFFFFF; }

.bg-recipe-costing-color-6th {
  background-color: #cf9c50; }

.bg-recipe-costing-color-7th {
  background-color: #499edc; }

.bg-recipe-costing-color-8th {
  background-color: #b2de86; }

.bg-recipe-costing-color-9th {
  background-color: #5f2a74;
  color: #FFFFFF; }

.bg-recipe-costing-color-10th {
  background-color: #d66834; }

.bg-recipe-costing-color-11th {
  background-color: #717ebd; }

.bg-recipe-costing-color-12th {
  background-color: #c6b2d6; }

.bg-recipe-costing-color-13th {
  background-color: #e24f44; }

.bg-recipe-costing-color-14th {
  background-color: #dfa504; }

.bg-recipe-costing-color-15th {
  background-color: #4370b7; }

.bg-recipe-costing-color-16th {
  background-color: #7D053F; }

.recipe-order-detail-lv {
  color: #499edc;
  padding-left: 20px; }

.x-list-over {
  background-color: #FFFFFF; }

.x-list-selected {
  background-color: #d9d9d9; }

*.x-list-header-inner em.sort-asc, *.x-list-header-inner em.sort-desc {
  background-image: none;
  background-color: #d9d9d9;
  border: transparent; }

.recipe-meansurement-calucator .x-fieldset {
  border: none; }

.recipe-meansurement-calucator .x-btn-text, .recipe-meansurement-calucator .ctb-anchor-btn, .recipe-meansurement-calucator .btn-sm-row, .recipe-meansurement-calucator .ctb_btn_default_sm, .recipe-meansurement-calucator .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .recipe-meansurement-calucator .x-btn-text, .recipe-meansurement-calucator .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .recipe-meansurement-calucator .x-btn-text, .recipe-meansurement-calucator .x-date-mp .x-date-mp-ok, .x-date-mp .recipe-meansurement-calucator .x-date-mp-ok, .recipe-meansurement-calucator .x-date-mp .x-date-mp-cancel, .x-date-mp .recipe-meansurement-calucator .x-date-mp-cancel, .recipe-meansurement-calucator #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .recipe-meansurement-calucator .outlet-node, .recipe-meansurement-calucator #pnl_CycleMenu .xbutton, #pnl_CycleMenu .recipe-meansurement-calucator .xbutton, .recipe-meansurement-calucator .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .recipe-meansurement-calucator .ctb-btn {
  width: 100%; }

.recipe-ripper-top-50percent {
  top: 50% !important;
  transform: translateY(-50%);
  position: absolute;
  width: 100%; }

.ctb_transparent_bg_color .copyright-agreement-box {
  width: 35%;
  min-width: 700px;
  margin: 0 auto;
  padding: 10px; }
  .ctb_transparent_bg_color .copyright-agreement-box .text-header {
    font-size: 32px !important;
    text-align: center;
    color: #1B1A1A;
    font-weight: bold; }
    .ctb_transparent_bg_color .copyright-agreement-box .text-header:before {
      content: url("../../images/themes/light/ic-copyright-agreement.svg");
      display: block;
      margin-bottom: 24px; }
  .ctb_transparent_bg_color .copyright-agreement-box .text-content {
    line-height: 1.6;
    background-color: #F6F6F6;
    color: #1B1A1A;
    margin-top: 24px;
    margin-bottom: 24px;
    border: 1px solid #d9d9d9;
    padding: 24px;
    border-radius: 5px;
    font-size: 16px; }

.ctb_transparent_bg_color .recipe-ripper-header-block .text-header {
  font-size: 32px !important;
  text-align: center;
  color: #1B1A1A;
  font-weight: bold; }
  .ctb_transparent_bg_color .recipe-ripper-header-block .text-header:before {
    content: url("../../images/themes/light/ic-recipe-ripper.svg");
    display: block; }

.ctb_transparent_bg_color .recipe-ripper-header-block .text-content {
  line-height: 1.6;
  color: #1B1A1A;
  padding: 24px;
  text-align: center;
  font-size: 16px; }

.ctb_transparent_bg_color .btn-ripper {
  margin: 10px;
  width: 100px; }

.ctb_transparent_bg_color .ctb-reciperipper-url {
  width: 40%; }

.recipe-mapping-header .button {
  background: linear-gradient(#FFFFFF, #F2F1F2);
  color: #1B1A1A;
  transition: box-shadow 0.2s;
  line-height: 32px;
  border-radius: 5px;
  font-weight: normal;
  font-size: 12px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #d9d9d9 !important; }
  .recipe-mapping-header .button:hover {
    box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }

.recipe-mapping-main-view {
  padding-left: 5px;
  background-color: #FFFFFF;
  height: 90%;
  padding: 10px;
  border: 1px solid #d9d9d9;
  border-radius: 5px; }

.recipe-mapping-right-panel input:not(:first-child) {
  margin-top: 10px; }

.recipe-mapping-right-panel div:nth-child(2) {
  margin-top: 10px; }

#grid_LabelCategory {
  position: absolute;
  left: 7px; }

#nutrition-browser .x-panel-header-text {
  margin-left: 0; }

#nutrition-browser .x-form-cb-label {
  display: block;
  position: relative;
  top: -20px;
  left: 15px; }

.recipe-shared-icon {
  content: url("../../images/themes/dtp/recipe/recipe-shared-icon.svg"); }

.recipe-locked-icon {
  content: url("../../../../../Content/recipe/recipe-lock-white.svg");
  background-image: none !important;
  background-color: #f3ab00;
  border-radius: 2px; }

.recipe-copied-icon {
  content: url("../../images/themes/dtp/recipe/recipe-copied-icon.svg"); }

.recipe-waiting-approve-icon {
  content: url("../../images/themes/dtp/recipe/recipe-waiting-approve-icon.svg"); }

.recipe-rejected-icon {
  content: url("../../images/themes/dtp/recipe/recipe-rejected-icon.svg"); }

.recipe-approved-icon {
  content: url("../../images/themes/dtp/recipe/recipe-approved-icon.svg"); }

.recipe-stock-icon {
  content: url("../../images/themes/dtp/recipe/recipe-stock-icon.svg"); }

.recipe-link-icon {
  content: url("../../images/themes/dtp/recipe/recipe-link-icon.svg"); }

.read-only-toggle {
  opacity: 0.8; }

.read-only-panel .switch-toggle.switch-on-off-autosave {
  opacity: 0.8;
  pointer-events: none; }

.read-only-panel .x-tab-panel-header > *:not(.recipe-detail-used-in-pnl), .read-only-panel .x-tab-panel-body > *:not(.recipe-detail-used-in-pnl) {
  opacity: 0.8; }
  .read-only-panel .x-tab-panel-header > *:not(.recipe-detail-used-in-pnl) input, .read-only-panel .x-tab-panel-header > *:not(.recipe-detail-used-in-pnl) textarea, .read-only-panel .x-tab-panel-header > *:not(.recipe-detail-used-in-pnl) button, .read-only-panel .x-tab-panel-header > *:not(.recipe-detail-used-in-pnl) a, .read-only-panel .x-tab-panel-header > *:not(.recipe-detail-used-in-pnl) img, .read-only-panel .x-tab-panel-body > *:not(.recipe-detail-used-in-pnl) input, .read-only-panel .x-tab-panel-body > *:not(.recipe-detail-used-in-pnl) textarea, .read-only-panel .x-tab-panel-body > *:not(.recipe-detail-used-in-pnl) button, .read-only-panel .x-tab-panel-body > *:not(.recipe-detail-used-in-pnl) a, .read-only-panel .x-tab-panel-body > *:not(.recipe-detail-used-in-pnl) img {
    pointer-events: none; }
  .read-only-panel .x-tab-panel-header > *:not(.recipe-detail-used-in-pnl) table td, .read-only-panel .x-tab-panel-body > *:not(.recipe-detail-used-in-pnl) table td {
    pointer-events: none; }

.read-only-panel .x-html-editor-wrap {
  pointer-events: none; }

.read-only-panel .lock-unlock-recipe-sw {
  pointer-events: auto; }

.dlg-nutrition-info {
  border-radius: 5px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); }
  .dlg-nutrition-info .ui-dialog-content {
    margin-top: -13px; }
  .dlg-nutrition-info .pnl-nutrition-info {
    background-color: #FFFFFF;
    border-radius: 5px; }
    .dlg-nutrition-info .pnl-nutrition-info .x-panel-ml {
      padding-left: 0; }
    .dlg-nutrition-info .pnl-nutrition-info .x-panel-mr {
      padding-right: 0; }
  .dlg-nutrition-info .tbl_StandardBorder {
    border-spacing: 0; }
    .dlg-nutrition-info .tbl_StandardBorder th {
      border-bottom: 1px solid #d9d9d9; }
    .dlg-nutrition-info .tbl_StandardBorder th, .dlg-nutrition-info .tbl_StandardBorder td {
      line-height: 25px; }

#fs_AutoArchiveRecipe .x-column-inner {
  display: flex;
  align-items: center;
  padding-bottom: 5px; }

@media only screen and (max-width: 1680px) {
  .ext-strict #mainRecipeBookpnl-recipe-book-recipe-detail .x-panel .x-panel-header-text .item-label {
    font-size: 12px !important;
    line-height: 16px;
    margin-top: 0px; } }

.print-recipebook-window .x-form-element {
  padding-left: 175px !important; }

.food-cost-warning-container {
  position: absolute;
  right: 25px;
  top: 105px;
  z-index: 14;
  display: none; }
  .food-cost-warning-container .box {
    width: 48px;
    height: 48px;
    border-radius: 48px;
    background: linear-gradient(#FFC438, #f3ab00);
    cursor: default;
    transition: opacity 0.2s, width 0.5s;
    overflow: hidden;
    box-sizing: border-box;
    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.1);
    opacity: 0.5;
    display: inline-flex; }
    .food-cost-warning-container .box .info-icon {
      background: url("../../images/themes/light/ic-circle-warning.svg") no-repeat center;
      width: 24px;
      height: 24px;
      margin: 12px;
      position: absolute; }
    .food-cost-warning-container .box .label {
      color: #FFFFFF;
      font-size: 16px;
      user-select: none;
      line-height: 48px;
      width: 140px;
      position: absolute;
      left: 48px; }
    .food-cost-warning-container .box .arrow {
      background: url("../../images/ic-arrow-drop-down-white.svg") center no-repeat;
      width: 12px;
      height: 12px;
      position: relative;
      top: 15px;
      padding: 2px;
      border: 1px solid transparent;
      border-radius: 100%;
      right: -195px;
      transition: all 0.2s; }
      .food-cost-warning-container .box .arrow:hover {
        border: 1px solid #FFFFFF;
        cursor: pointer; }
    .food-cost-warning-container .box.detail .arrow {
      transform: rotate(180deg); }
    .food-cost-warning-container .box:hover {
      width: 225px;
      opacity: 1; }
  .food-cost-warning-container .detailWindow {
    opacity: 0;
    visibility: hidden;
    pointer-events: unset;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    width: auto;
    border: none;
    border-radius: 5px;
    background-color: #FFFFFF;
    border: 1px solid #d9d9d9;
    padding: 0px;
    transform: none !important;
    cursor: default;
    top: 40px;
    position: absolute;
    transition: 0.3s ease;
    height: auto;
    right: 0px;
    padding: 15px 0px; }
    .food-cost-warning-container .detailWindow.active {
      opacity: 1;
      visibility: visible;
      top: 58px;
      pointer-events: unset; }
    .food-cost-warning-container .detailWindow li {
      padding: 0px 10px;
      font-size: 12px;
      font-weight: 500;
      margin-top: 20px;
      white-space: nowrap;
      display: flex; }
      .food-cost-warning-container .detailWindow li:first-child {
        margin-top: 0px; }
      .food-cost-warning-container .detailWindow li .value {
        float: right;
        width: 100px;
        text-align: right;
        margin-left: auto;
        margin-right: 0;
        justify-content: flex-end; }
      .food-cost-warning-container .detailWindow li.over-limit {
        color: #e30612; }
      .food-cost-warning-container .detailWindow li.pass-limit {
        color: #549363; }
      .food-cost-warning-container .detailWindow li.labour-section {
        border-top: 1px solid #d9d9d9;
        margin-top: 15px;
        padding-top: 15px; }

.x-window .ctb-recipebook .x-panel-header {
  padding: 0px; }

.x-window .ctb-recipebook .tab-recipe-detail .x-panel-header {
  padding: 5px 0 4px 0; }

.x-window .ctb-recipebook .food-cost-warning-container {
  top: 45px;
  right: 20px; }

.menu-builder-window .recipeMenuLeft .x-layout-collapsed.x-layout-collapsed-west {
  top: 20px !important;
  height: calc(100% - 30px) !important; }

.menu-builder-window .recipeMenuLeft .x-tab-panel.ctb-tab-panel ul.x-tab-strip-top {
  background-color: #FFFFFF; }

.menu-builder-window .recipeMenuLeft .x-tool-collapse-west {
  position: absolute;
  right: 0;
  z-index: 9999;
  top: 5px; }

@media only screen and (max-height: 730px) and (min-height: 250px) {
  .menu-builder-window .summaryTable {
    display: none !important;
    height: 0px; }
  .menu-builder-window .btnViewSummary {
    display: block;
    width: 110px; } }

@media only screen and (max-height: 5300px) and (min-height: 730px) {
  .menu-builder-window .summaryTable {
    display: block !important;
    height: 200px; }
  .menu-builder-window .btnViewSummary {
    display: none !important; } }

.viewSummaryWindow .pnl_SumByCategoryViewSummary .x-panel-bwrap .x-panel-body-noheader div {
  margin: 0 !important; }

.viewSummaryWindow .pnl_SumByCategoryViewSummary .td-border .td-header, .viewSummaryWindow #pnl_SummaryViewSummary .td-border .td-header {
  background-color: #F1F1F1;
  height: 30px; }

.viewSummaryWindow .pnl_SumByCategoryViewSummary .td-border td, .viewSummaryWindow #pnl_SummaryViewSummary .td-border td {
  border: 1px solid #d9d9d9; }

.viewSummaryWindow .pnl_SumByCategoryViewSummary table, .viewSummaryWindow #pnl_SummaryViewSummary table {
  border-collapse: collapse;
  background-color: #FFFFFF; }
  .viewSummaryWindow .pnl_SumByCategoryViewSummary table td, .viewSummaryWindow #pnl_SummaryViewSummary table td {
    padding: 0 5px 0 5px; }
  .viewSummaryWindow .pnl_SumByCategoryViewSummary table .td-header td, .viewSummaryWindow #pnl_SummaryViewSummary table .td-header td {
    background-color: #F1F1F1; }

#pnl_MediaManager .pnl-treeview .x-panel-tbar {
  margin-top: 10px;
  border-bottom: 1px solid #d9d9d9; }

#pnl_MediaManager .pnl-treeview .x-panel-bbar {
  border-top: none; }

#pnl_MediaManager .x-toolbar-cell a {
  font-size: 15px;
  color: #1B1A1A; }

#pnl_MediaManager a:hover {
  text-decoration: none; }

#pnl_MediaManager .x-panel-bbar .x-toolbar {
  padding: 0px; }

.nx-field {
  padding-left: 230px !important;
  margin-top: 2px; }
  .nx-field input.x-form-text, .nx-field .ext-strict .x-small-editor input.x-form-text, .ext-strict .x-small-editor .nx-field input.x-form-text, .nx-field .ctb_transparent_bg_color input.ctb-reciperipper-url, .ctb_transparent_bg_color .nx-field input.ctb-reciperipper-url, .nx-field .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct input.b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .nx-field input.b-h-ip, .nx-field .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row input.r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .nx-field input.r-ip, .nx-field .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell .nx-field input.b-bd-fh-input, .nx-field .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r input.bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .nx-field input.bd-r-ip {
    background-color: #FFFFFF; }

/* .supplier-setting input{
    margin-top: 10px;
    //margin-left: 29px;
} */
.x-tbar-page-number {
  background-color: transparent !important; }

/*Address books*/
*.x-grid3-cell-selected {
  background-color: transparent !important; }

.ext-strict .x-grid-panel .x-grid3 .checkbox-adb-custom .x-grid3-cell-inner {
  padding: 6px 3px 4px 5px; }

.importing-stock-approval .import-stock .x-panel-bwrap {
  padding-left: 7px;
  padding-top: 20px; }

.importing-stock-approval .stock-list .x-panel-tl .x-panel-header {
  padding: 0 !important; }

.importing-stock-approval .paging-stock-import .x-toolbar-cell .x-form-field.x-form-num-field.x-tbar-page-number, .importing-stock-approval .paging-stock-import .x-toolbar-cell .ctb_transparent_bg_color .x-form-num-field.x-tbar-page-number.ctb-reciperipper-url, .ctb_transparent_bg_color .importing-stock-approval .paging-stock-import .x-toolbar-cell .x-form-num-field.x-tbar-page-number.ctb-reciperipper-url {
  border: none;
  width: 15px;
  height: 20px !important; }

/*Unit of measurement*/
*.x-grid3-cell-selected {
  color: #1B1A1A; }

#pnl_StockCategoryLayoutItem .x-column-inner .x-panel-header {
  font-size: 12px !important;
  padding: 5px;
  font-weight: normal;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  background-color: #F6F6F6; }
  #pnl_StockCategoryLayoutItem .x-column-inner .x-panel-header .x-tool-close {
    position: relative;
    right: 5px;
    top: 1px; }

#pnl_StockCategoryLayoutItem .x-column-inner .x-panel-header-text {
  display: unset;
  line-height: 0; }
  #pnl_StockCategoryLayoutItem .x-column-inner .x-panel-header-text div {
    height: 20px;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

#tab_AdminSection .x-panel-mc {
  font-size: 12px; }

#tab_AdminSection .myCellCls {
  padding: 10px; }

#frm_CompanyInformation .x-form-item label.x-form-item-label {
  width: 200px !important; }

#frm_CompanyInformation .x-form-field-wrap {
  float: left; }

#frm_CompanyInformation .x-panel-bwrap form {
  overflow: hidden !important; }

#grid_SupplierDetail .x-form-field-wrap,
#grid_SupplierDetail .x-form-check-wrap,
#panel_SupplierAdress .x-form-field-wrap,
#panel_SupplierAdress .x-form-check-wrap,
#supplier-setting .x-form-field-wrap,
#supplier-setting .x-form-check-wrap {
  float: left; }

#mainSettingTab .main-setting .x-box-item:not(.ctb-textfield-readonly) {
  border: none !important; }

#mainSettingTab .filed-number-custom .x-box-item:nth-child(1) {
  top: 8px !important; }

#mainSettingTab .filed-number-custom .x-box-item:nth-child(2) {
  left: 328px !important; }

#mainSettingTab .beta-button button {
  background: none;
  border: none;
  top: -10px; }
  #mainSettingTab .beta-button button:hover {
    box-shadow: none !important; }

#frm_CI_UploadCompanyLogo .x-panel-bwrap .icon-upload-image {
  background: url("../../images/themes/light/ic-upload-image.svg") center no-repeat;
  background-color: transparent !important;
  margin-right: 5px !important; }
  #frm_CI_UploadCompanyLogo .x-panel-bwrap .icon-upload-image:hover {
    box-shadow: none; }

#frm_CI_UploadCompanyLogo.upload-file-dialog .x-panel.x-form-label-left.x-border-panel {
  top: 20px !important; }

#contact-detail-supplier .x-tool.x-tool-close {
  margin-top: -5px; }

#contact-detail-supplier .x-panel-header-text {
  font-size: 16px; }

#contact-detail-supplier .common-border .x-panel-header {
  border-bottom: solid 1px #d9d9d9 !important; }

#contact-detail-supplier .x-grid-panel {
  border-radius: 5px; }
  #contact-detail-supplier .x-grid-panel .x-panel-bwrap {
    padding: 5px; }
    #contact-detail-supplier .x-grid-panel .x-panel-bwrap .x-grid3 {
      border: 0 !important; }
      #contact-detail-supplier .x-grid-panel .x-panel-bwrap .x-grid3 .x-grid3-row {
        background-color: transparent !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-bottom: 5px solid #d9d9d9 !important; }
        #contact-detail-supplier .x-grid-panel .x-panel-bwrap .x-grid3 .x-grid3-row .x-grid3-row-table {
          table-layout: unset; }

#contact-detail-supplier .email-field.error-email .x-grid3-cell-inner.x-grid3-col-value {
  background-color: #9e3b34 !important;
  color: #FFFFFF; }

#budget-spend-detail-grid.x-grid-panel .x-panel-bwrap {
  padding-left: 0px; }

#budget-spend-detail-grid .x-grid3-row td.x-grid3-cell {
  border-right: none; }

#budget-spend-detail-grid.x-grid-panel .x-grid3 {
  border: none !important; }

#pnl_SupplierUOM .x-plain-body,
#pnl_SupplierBrands .x-plain-body {
  margin: 4px 10px;
  width: calc(100% - 22px) !important;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  background-color: #F6F6F6; }

#pnl_SupplierUOM .x-panel-header .x-panel-header-text,
#pnl_SupplierBrands .x-panel-header .x-panel-header-text {
  font-size: 12px !important;
  padding: 9px 5px 5px 5px;
  font-weight: normal; }

#pnl_SupplierUOM .x-panel-header .x-tool,
#pnl_SupplierBrands .x-panel-header .x-tool {
  background-image: url("../../images/themes/light/ic-delete.svg") !important;
  height: 30px;
  margin-right: 15px; }

#pnl_SupplierBrands .x-panel-header .x-panel-header-text {
  padding: 5px; }
  #pnl_SupplierBrands .x-panel-header .x-panel-header-text div {
    height: 17px;
    line-height: 17px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

#pnl_SupplierBrands .x-panel-header .x-tool {
  height: 24px;
  position: relative;
  top: 1px; }

#pnl_SupplierUOM .x-panel-header-text div {
  height: 20px;
  line-height: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

#pnl_SupplierUOM .x-tool {
  margin-top: -1px; }

#pnl_ImageViewerMediaManager {
  margin-top: 15px; }

/*Bussiness Department */
#pnl_BusinessDepartment .bd-pnl {
  height: calc(100% - 30px);
  background-color: #FFFFFF;
  border: 1px solid #d9d9d9;
  font-size: 12px;
  border-radius: 5px;
  margin: 10px 15px 10px 15px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); }
  #pnl_BusinessDepartment .bd-pnl .title {
    font-size: 18px;
    font-family: "Roboto Medium", arial, helvetica, sans-serif;
    font-weight: normal;
    padding: 15px 0px 15px 15px;
    background: linear-gradient(#FFFFFF, #F2F1F2);
    border-bottom: 1px solid #d9d9d9;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    line-height: 18px; }
  #pnl_BusinessDepartment .bd-pnl .no-events .bsn-dep-header {
    pointer-events: none; }
  #pnl_BusinessDepartment .bd-pnl .no-events .no-events .bsn-dep-body {
    pointer-events: none; }
  #pnl_BusinessDepartment .bd-pnl .bd-pnl-main {
    position: relative;
    height: 100%;
    vertical-align: top;
    overflow: hidden; }
  #pnl_BusinessDepartment .bd-pnl .department-toolbar {
    margin: 12px;
    height: 40px;
    line-height: 32px;
    padding: 4px; }
    #pnl_BusinessDepartment .bd-pnl .department-toolbar:before {
      content: ''; }
    #pnl_BusinessDepartment .bd-pnl .department-toolbar .ctb-btn-old {
      margin-right: 10px; }
  #pnl_BusinessDepartment .bd-pnl .department-body {
    position: relative;
    height: calc(100% - 80px); }
    #pnl_BusinessDepartment .bd-pnl .department-body .bsn-dep {
      display: inline-block;
      width: 32%;
      min-width: 300px;
      margin-bottom: 10px;
      margin-right: 10px;
      vertical-align: top;
      margin-left: 16px;
      border-radius: 5px;
      border: 1px solid #d9d9d9; }
      #pnl_BusinessDepartment .bd-pnl .department-body .bsn-dep-header {
        background: linear-gradient(#FFFFFF, #F2F1F2);
        border-bottom: 1px solid #d9d9d9;
        display: block;
        padding-left: 15px;
        white-space: nowrap;
        overflow: hidden;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px; }
        #pnl_BusinessDepartment .bd-pnl .department-body .bsn-dep-header .dep-name-ip-ct {
          display: inline-block;
          margin-right: 5px;
          line-height: 40px;
          /* .dep-name-ip:hover:not(:focus) {
                            background-color: rgba(0, 0, 0, 0.15);
                        } */ }
          #pnl_BusinessDepartment .bd-pnl .department-body .bsn-dep-header .dep-name-ip-ct .dep-name-ip-label {
            display: inline-block;
            width: 80px;
            font-weight: 500; }
          #pnl_BusinessDepartment .bd-pnl .department-body .bsn-dep-header .dep-name-ip-ct .dep-name-ip {
            font-family: "Roboto Standard", arial, helvetica, sans-serif;
            display: inline-block;
            position: relative;
            left: 0;
            height: 30px;
            background-color: transparent;
            border: 1px solid transparent;
            text-indent: 8px;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-left: 15px;
            color: #1B1A1A; }
          #pnl_BusinessDepartment .bd-pnl .department-body .bsn-dep-header .dep-name-ip-ct .dep-name-ip:focus {
            background-color: #FFFFFF;
            border-radius: 5px !important;
            border: 1px solid #d9d9d9 !important; }
        #pnl_BusinessDepartment .bd-pnl .department-body .bsn-dep-header .bsn-dep-header-btns {
          display: inline-block;
          vertical-align: middle;
          float: right; }
          #pnl_BusinessDepartment .bd-pnl .department-body .bsn-dep-header .bsn-dep-header-btns .ctb-icon-btn {
            margin-right: 10px;
            background: url("../../images/themes/light/ic-delete.svg") center no-repeat;
            padding: 0px;
            width: 24px;
            height: 37px;
            display: inline-block; }
      #pnl_BusinessDepartment .bd-pnl .department-body .bsn-dep-body {
        border: none;
        padding: 0;
        min-height: 100px; }
      #pnl_BusinessDepartment .bd-pnl .department-body .bsn-dep-row {
        background-color: #FFFFFF;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        padding: 10px 0; }
        #pnl_BusinessDepartment .bd-pnl .department-body .bsn-dep-row.header-row {
          padding: 0px; }
        #pnl_BusinessDepartment .bd-pnl .department-body .bsn-dep-row .bsn-dep-act-row-cell {
          display: inline-block;
          height: 36px;
          line-height: 32px;
          vertical-align: top; }
          #pnl_BusinessDepartment .bd-pnl .department-body .bsn-dep-row .bsn-dep-act-row-cell.header-cell {
            font-weight: 500;
            background-color: #FFFFFF;
            padding-top: 6px;
            border-bottom: 1px solid #d9d9d9; }
          #pnl_BusinessDepartment .bd-pnl .department-body .bsn-dep-row .bsn-dep-act-row-cell.label {
            width: calc(80% - 15px);
            padding-left: 15px; }
            #pnl_BusinessDepartment .bd-pnl .department-body .bsn-dep-row .bsn-dep-act-row-cell.label .bsn-dep-act-name-ip {
              display: inline-block;
              width: 100%;
              height: 100%;
              background-color: transparent;
              border: 1px solid transparent;
              cursor: pointer;
              color: #1B1A1A;
              padding-left: 15px; }
              #pnl_BusinessDepartment .bd-pnl .department-body .bsn-dep-row .bsn-dep-act-row-cell.label .bsn-dep-act-name-ip:focus {
                border-bottom: none;
                background-color: #f6f6f6;
                cursor: text;
                border-radius: 5px !important;
                border: 1px solid #d9d9d9 !important; }
          #pnl_BusinessDepartment .bd-pnl .department-body .bsn-dep-row .bsn-dep-act-row-cell.value {
            width: 20%;
            text-align: center; }
            #pnl_BusinessDepartment .bd-pnl .department-body .bsn-dep-row .bsn-dep-act-row-cell.value .bsn-dep-act-chb {
              width: 18px;
              height: 18px;
              margin-top: 10px;
              cursor: pointer; }
      #pnl_BusinessDepartment .bd-pnl .department-body .bsn-dep-activity {
        margin-top: 2px;
        width: auto; }
        #pnl_BusinessDepartment .bd-pnl .department-body .bsn-dep-activity:hover {
          background-color: transparent; }
        #pnl_BusinessDepartment .bd-pnl .department-body .bsn-dep-activity .dep-activity-label {
          display: inline-block;
          width: 100px; }
  #pnl_BusinessDepartment .bd-pnl .dep-dragover-overlay {
    display: none;
    position: absolute;
    transition: 0.15s ease-out;
    z-index: 1;
    pointer-events: none; }
  #pnl_BusinessDepartment .bd-pnl .dep-dragover-overlay-hint {
    position: relative;
    height: 30px;
    line-height: 30px;
    top: calc(50% - 15px);
    text-align: center;
    font-size: 20px; }
  #pnl_BusinessDepartment .bd-pnl .ctb-icon-btn {
    padding: 4px;
    cursor: pointer; }

.center-button-for-dialog .x-form-field-wrap.x-form-field-trigger-wrap.x-border-panel {
  top: 60px !important; }

.center-button-for-dialog .x-box-inner {
  text-align: center; }
  .center-button-for-dialog .x-box-inner #btn_Confirm {
    display: inline-block;
    position: inherit; }
  .center-button-for-dialog .x-box-inner #btn_Cancel {
    display: inline-block;
    position: initial; }

.exchange-rate-window .x-window-tl, .period-time-management-window .x-window-tl, .grid-setting-window .x-window-tl {
  padding-bottom: 0px !important; }

.exchange-rate-window .x-window-bl, .period-time-management-window .x-window-bl, .grid-setting-window .x-window-bl {
  padding-left: 2px; }

#pnl_Settings .x-panel-bbar, #tab-address-book .x-panel-bbar {
  margin-top: 0;
  border-top: 1px solid #d9d9d9; }

.ctb-addressbook-suppliers .x-panel-tbar {
  padding-bottom: 0px !important; }
  .ctb-addressbook-suppliers .x-panel-tbar .x-toolbar.x-small-editor.x-toolbar-layout-ct {
    padding: 0px;
    margin: 0px; }

.ctb-addressbook-suppliers #addressbook-internal-external-supplier-tab .x-tab-strip.x-tab-strip-top {
  border-top-left-radius: 0px; }

.ctb-addressbook-suppliers #addressbook-internal-external-supplier-tab.x-tab-panel.ctb-tab-panel ul.x-tab-strip-top li:first-child {
  border-top-left-radius: 0px; }

.ext-strict {
  /*Bottom btn*/ }
  .ext-strict #pnl_Requisition_TopDetail {
    padding-top: 10px; }
  .ext-strict #pnl_StockMaintenance .x-toolbar .x-toolbar-right .x-btn-text, .ext-strict #pnl_StockMaintenance .x-toolbar .x-toolbar-right .ctb-anchor-btn, .ext-strict #pnl_StockMaintenance .x-toolbar .x-toolbar-right .btn-sm-row, .ext-strict #pnl_StockMaintenance .x-toolbar .x-toolbar-right .ctb_btn_default_sm, .ext-strict #pnl_StockMaintenance .x-toolbar .x-toolbar-right .x-date-mp .x-date-mp-ok, .x-date-mp .ext-strict #pnl_StockMaintenance .x-toolbar .x-toolbar-right .x-date-mp-ok, .ext-strict #pnl_StockMaintenance .x-toolbar .x-toolbar-right .x-date-mp .x-date-mp-cancel, .x-date-mp .ext-strict #pnl_StockMaintenance .x-toolbar .x-toolbar-right .x-date-mp-cancel, .ext-strict #pnl_StockMaintenance .x-toolbar .x-toolbar-right #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .ext-strict #pnl_StockMaintenance .x-toolbar .x-toolbar-right .outlet-node, .ext-strict #pnl_StockMaintenance .x-toolbar .x-toolbar-right #pnl_CycleMenu .xbutton, #pnl_CycleMenu .ext-strict #pnl_StockMaintenance .x-toolbar .x-toolbar-right .xbutton, .ext-strict #pnl_StockMaintenance .x-toolbar .x-toolbar-right .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict #pnl_StockMaintenance .x-toolbar .x-toolbar-right .ctb-btn {
    background-color: unset; }
  .ext-strict .stock-take-detail-catetory {
    padding: 0px 0px;
    border: 0px;
    border-radius: 0px !important; }
    .ext-strict .stock-take-detail-catetory .x-fieldset-bwrap {
      padding: 0px 0px; }
      .ext-strict .stock-take-detail-catetory .x-fieldset-bwrap .x-btn-text, .ext-strict .stock-take-detail-catetory .x-fieldset-bwrap .ctb-anchor-btn, .ext-strict .stock-take-detail-catetory .x-fieldset-bwrap .btn-sm-row, .ext-strict .stock-take-detail-catetory .x-fieldset-bwrap .ctb_btn_default_sm, .ext-strict .stock-take-detail-catetory .x-fieldset-bwrap .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .stock-take-detail-catetory .x-fieldset-bwrap .x-btn-text, .ext-strict .stock-take-detail-catetory .x-fieldset-bwrap .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .stock-take-detail-catetory .x-fieldset-bwrap .x-btn-text, .ext-strict .stock-take-detail-catetory .x-fieldset-bwrap .x-date-mp .x-date-mp-ok, .x-date-mp .ext-strict .stock-take-detail-catetory .x-fieldset-bwrap .x-date-mp-ok, .ext-strict .stock-take-detail-catetory .x-fieldset-bwrap .x-date-mp .x-date-mp-cancel, .x-date-mp .ext-strict .stock-take-detail-catetory .x-fieldset-bwrap .x-date-mp-cancel, .ext-strict .stock-take-detail-catetory .x-fieldset-bwrap #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .ext-strict .stock-take-detail-catetory .x-fieldset-bwrap .outlet-node, .ext-strict .stock-take-detail-catetory .x-fieldset-bwrap #pnl_CycleMenu .xbutton, #pnl_CycleMenu .ext-strict .stock-take-detail-catetory .x-fieldset-bwrap .xbutton, .ext-strict .stock-take-detail-catetory .x-fieldset-bwrap .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict .stock-take-detail-catetory .x-fieldset-bwrap .ctb-btn {
        background-color: #d9d9d9;
        color: #1B1A1A !important; }
    .ext-strict .stock-take-detail-catetory .x-combo-list {
      border: 0px;
      border-radius: 0px !important; }
      .ext-strict .stock-take-detail-catetory .x-combo-list .x-combo-list-item {
        width: 100% !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important; }
      .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .x-btn-text, .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .ctb-anchor-btn, .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .btn-sm-row, .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .ctb_btn_default_sm, .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .stock-take-detail-catetory .x-combo-list .x-btn .x-btn-text, .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .stock-take-detail-catetory .x-combo-list .x-btn .x-btn-text, .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .x-date-mp .x-date-mp-ok, .x-date-mp .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .x-date-mp-ok, .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .x-date-mp .x-date-mp-cancel, .x-date-mp .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .x-date-mp-cancel, .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .outlet-node, .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn #pnl_CycleMenu .xbutton, #pnl_CycleMenu .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .xbutton, .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .ctb-btn {
        background: unset;
        width: 100%;
        text-align: left;
        padding-left: 0px;
        padding-right: 0px;
        height: 28px; }
        .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .x-btn-text.no-border-btn-text, .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .no-border-btn-text.ctb-anchor-btn, .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .no-border-btn-text.btn-sm-row, .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .no-border-btn-text.ctb_btn_default_sm, .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .x-date-mp .no-border-btn-text.x-date-mp-ok, .x-date-mp .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .no-border-btn-text.x-date-mp-ok, .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .x-date-mp .no-border-btn-text.x-date-mp-cancel, .x-date-mp .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .no-border-btn-text.x-date-mp-cancel, .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn #outlet #outlet-map #map .no-border-btn-text.outlet-node, #outlet #outlet-map #map .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .no-border-btn-text.outlet-node, .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn #pnl_CycleMenu .no-border-btn-text.xbutton, #pnl_CycleMenu .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .no-border-btn-text.xbutton, .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .no-border-btn-text.ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .no-border-btn-text.ctb-btn {
          border: 0px !important; }
      .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .x-btn-text:hover, .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .ctb-anchor-btn:hover, .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .btn-sm-row:hover, .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .ctb_btn_default_sm:hover, .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .x-date-mp .x-date-mp-ok:hover, .x-date-mp .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .x-date-mp-ok:hover, .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .x-date-mp .x-date-mp-cancel:hover, .x-date-mp .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .x-date-mp-cancel:hover, .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn #outlet #outlet-map #map .outlet-node:hover, #outlet #outlet-map #map .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .outlet-node:hover, .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn #pnl_CycleMenu .xbutton:hover, #pnl_CycleMenu .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .xbutton:hover, .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn:hover, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict .stock-take-detail-catetory .x-combo-list .x-btn .ctb-btn:hover {
        box-shadow: unset; }
      .ext-strict .stock-take-detail-catetory .x-combo-list .x-column-inner {
        border-bottom: 1px solid #d9d9d9; }
  .ext-strict .stock-take-top-detail .x-form-field-wrap {
    margin-right: 10px; }
  .ext-strict .x-tab-panel.ctb-tab-panel.stocktake-detail-tab-panel .x-tab-panel-body {
    background: transparent; }
    .ext-strict .x-tab-panel.ctb-tab-panel.stocktake-detail-tab-panel .x-tab-panel-body .stockdetails-infotab-form {
      background-color: #FFFFFF; }
      .ext-strict .x-tab-panel.ctb-tab-panel.stocktake-detail-tab-panel .x-tab-panel-body .stockdetails-infotab-form .x-column {
        margin: 10px; }
      .ext-strict .x-tab-panel.ctb-tab-panel.stocktake-detail-tab-panel .x-tab-panel-body .stockdetails-infotab-form .x-panel-header-text {
        margin: 10px 0px 10px 10px; }
    .ext-strict .x-tab-panel.ctb-tab-panel.stocktake-detail-tab-panel .x-tab-panel-body .stock-link-btn > tbody > tr > .x-btn-mc {
      margin: 0 50px 0 0; }
    .ext-strict .x-tab-panel.ctb-tab-panel.stocktake-detail-tab-panel .x-tab-panel-body .stockdetails-linktab {
      background-color: #FFFFFF; }
      .ext-strict .x-tab-panel.ctb-tab-panel.stocktake-detail-tab-panel .x-tab-panel-body .stockdetails-linktab .x-panel-header {
        margin: 20px 10px; }
        .ext-strict .x-tab-panel.ctb-tab-panel.stocktake-detail-tab-panel .x-tab-panel-body .stockdetails-linktab .x-panel-header .x-panel-header-text {
          float: right; }
      .ext-strict .x-tab-panel.ctb-tab-panel.stocktake-detail-tab-panel .x-tab-panel-body .stockdetails-linktab .ctb-panel-remove-collapse-icon {
        margin-top: 0px;
        padding-bottom: 0px;
        border-bottom: none;
        width: 100%; }
      .ext-strict .x-tab-panel.ctb-tab-panel.stocktake-detail-tab-panel .x-tab-panel-body .stockdetails-linktab .x-layout-split {
        background-color: #F1F1F1; }
      .ext-strict .x-tab-panel.ctb-tab-panel.stocktake-detail-tab-panel .x-tab-panel-body .stockdetails-linktab .orderedStockItem {
        height: 15%;
        margin: 0 15px 10px 15px;
        display: flex;
        cursor: pointer;
        border: 1px solid #d9d9d9;
        border-radius: 5px;
        background-color: transparent; }
        .ext-strict .x-tab-panel.ctb-tab-panel.stocktake-detail-tab-panel .x-tab-panel-body .stockdetails-linktab .orderedStockItem .orderedStockItem-media {
          float: left;
          width: 21%;
          box-sizing: border-box;
          max-height: 112px; }
          .ext-strict .x-tab-panel.ctb-tab-panel.stocktake-detail-tab-panel .x-tab-panel-body .stockdetails-linktab .orderedStockItem .orderedStockItem-media .media-display {
            height: 100%; }
            .ext-strict .x-tab-panel.ctb-tab-panel.stocktake-detail-tab-panel .x-tab-panel-body .stockdetails-linktab .orderedStockItem .orderedStockItem-media .media-display img {
              width: 100%;
              height: 100%; }
        .ext-strict .x-tab-panel.ctb-tab-panel.stocktake-detail-tab-panel .x-tab-panel-body .stockdetails-linktab .orderedStockItem.orderedStockItem-root .orderedStockItem-detail, .ext-strict .x-tab-panel.ctb-tab-panel.stocktake-detail-tab-panel .x-tab-panel-body .stockdetails-linktab .orderedStockItem.orderedStockItem-root .orderedStockItem-media {
          background-color: #F6F6F6; }
        .ext-strict .x-tab-panel.ctb-tab-panel.stocktake-detail-tab-panel .x-tab-panel-body .stockdetails-linktab .orderedStockItem .orderedStockItem-detail {
          width: 86%;
          float: left;
          box-sizing: border-box;
          height: 112px; }
          .ext-strict .x-tab-panel.ctb-tab-panel.stocktake-detail-tab-panel .x-tab-panel-body .stockdetails-linktab .orderedStockItem .orderedStockItem-detail .orderedStockItem-detail-left {
            float: left;
            width: 60%;
            height: 100%;
            padding: 7px; }
            .ext-strict .x-tab-panel.ctb-tab-panel.stocktake-detail-tab-panel .x-tab-panel-body .stockdetails-linktab .orderedStockItem .orderedStockItem-detail .orderedStockItem-detail-left label {
              width: 30%;
              display: block;
              float: left; }
            .ext-strict .x-tab-panel.ctb-tab-panel.stocktake-detail-tab-panel .x-tab-panel-body .stockdetails-linktab .orderedStockItem .orderedStockItem-detail .orderedStockItem-detail-left .form-field-value {
              width: 70%;
              float: left;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
          .ext-strict .x-tab-panel.ctb-tab-panel.stocktake-detail-tab-panel .x-tab-panel-body .stockdetails-linktab .orderedStockItem .orderedStockItem-detail .orderedStockItem-detail-right {
            width: 30%;
            padding: 7px;
            float: left;
            height: 100%; }
            .ext-strict .x-tab-panel.ctb-tab-panel.stocktake-detail-tab-panel .x-tab-panel-body .stockdetails-linktab .orderedStockItem .orderedStockItem-detail .orderedStockItem-detail-right label {
              width: 50%;
              display: block;
              float: left; }
            .ext-strict .x-tab-panel.ctb-tab-panel.stocktake-detail-tab-panel .x-tab-panel-body .stockdetails-linktab .orderedStockItem .orderedStockItem-detail .orderedStockItem-detail-right .form-field-value {
              width: 45%;
              float: left; }
          .ext-strict .x-tab-panel.ctb-tab-panel.stocktake-detail-tab-panel .x-tab-panel-body .stockdetails-linktab .orderedStockItem .orderedStockItem-detail .form-single-field {
            position: relative;
            margin: 7px 0; }
      .ext-strict .x-tab-panel.ctb-tab-panel.stocktake-detail-tab-panel .x-tab-panel-body .stockdetails-linktab .orderedStockItem-active .orderedStockItem-detail {
        background-color: #F1F1F1; }
  .ext-strict #grid_StockOrderDetail.x-grid-panel .x-form-field-wrap {
    background-color: transparent; }
  .ext-strict #dlg_StockOrderDetail .sod-arrow-previous, .ext-strict #dlg_StockOrderDetail .sod-arrow-next {
    height: 19px !important;
    padding-left: 8px !important; }
  .ext-strict #dlg_StockOrderDetail .sauced-panel .x-tool.x-tool-collapse-east {
    position: absolute;
    top: 10px;
    background-image: url("../../images/themes/light/ic-arrow-drop-down-circle.svg") !important;
    width: 20px;
    height: 32px;
    background-position: center;
    display: block !important;
    margin-left: 6px;
    transform: rotate(270deg);
    z-index: 1; }
  .ext-strict #dlg_StockOrderDetail .x-layout-collapsed.x-layout-collapsed-east {
    width: 25px !important;
    top: 9px !important;
    height: calc(100% - 26px) !important; }
  .ext-strict #dlg_StockOrderDetail .x-tool.x-tool-expand-east {
    background-image: url("../../images/themes/light/ic-arrow-drop-down-circle.svg") !important;
    width: 20px;
    height: 32px;
    background-position: center;
    display: block !important;
    transform: rotate(90deg); }
  .ext-strict .stock-existing-order-dialog .x-panel-bbar .x-btn-text, .ext-strict .stock-existing-order-dialog .x-panel-bbar .ctb-anchor-btn, .ext-strict .stock-existing-order-dialog .x-panel-bbar .btn-sm-row, .ext-strict .stock-existing-order-dialog .x-panel-bbar .ctb_btn_default_sm, .ext-strict .stock-existing-order-dialog .x-panel-bbar .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .stock-existing-order-dialog .x-panel-bbar .x-btn-text, .ext-strict .stock-existing-order-dialog .x-panel-bbar .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .stock-existing-order-dialog .x-panel-bbar .x-btn-text, .ext-strict .stock-existing-order-dialog .x-panel-bbar .x-date-mp .x-date-mp-ok, .x-date-mp .ext-strict .stock-existing-order-dialog .x-panel-bbar .x-date-mp-ok, .ext-strict .stock-existing-order-dialog .x-panel-bbar .x-date-mp .x-date-mp-cancel, .x-date-mp .ext-strict .stock-existing-order-dialog .x-panel-bbar .x-date-mp-cancel, .ext-strict .stock-existing-order-dialog .x-panel-bbar #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .ext-strict .stock-existing-order-dialog .x-panel-bbar .outlet-node, .ext-strict .stock-existing-order-dialog .x-panel-bbar #pnl_CycleMenu .xbutton, #pnl_CycleMenu .ext-strict .stock-existing-order-dialog .x-panel-bbar .xbutton, .ext-strict .stock-existing-order-dialog .x-panel-bbar .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict .stock-existing-order-dialog .x-panel-bbar .ctb-btn, .ext-strict .stock-existing-order-dialog .x-panel-bbar .x-form-text, .ext-strict .stock-existing-order-dialog .x-panel-bbar .ctb_transparent_bg_color .ctb-reciperipper-url, .ctb_transparent_bg_color .ext-strict .stock-existing-order-dialog .x-panel-bbar .ctb-reciperipper-url, .ext-strict .stock-existing-order-dialog .x-panel-bbar .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ext-strict .stock-existing-order-dialog .x-panel-bbar .b-h-ip, .ext-strict .stock-existing-order-dialog .x-panel-bbar .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ext-strict .stock-existing-order-dialog .x-panel-bbar .r-ip, .ext-strict .stock-existing-order-dialog .x-panel-bbar .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell .ext-strict .stock-existing-order-dialog .x-panel-bbar input.b-bd-fh-input, .ext-strict .stock-existing-order-dialog .x-panel-bbar .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ext-strict .stock-existing-order-dialog .x-panel-bbar .bd-r-ip {
    box-shadow: none !important; }
  .ext-strict #pnl_ReceivingOrderPanel .x-panel-body.x-border-layout-ct {
    position: initial; }
  .ext-strict #pnl_ReceivingOrderPanel #grid_receivingOrders .x-toolbar.x-small-editor.x-toolbar-layout-ct {
    position: initial; }
    .ext-strict #pnl_ReceivingOrderPanel #grid_receivingOrders .x-toolbar.x-small-editor.x-toolbar-layout-ct #btn_Mailbox_ReceivingOrder {
      position: fixed;
      top: 92px;
      right: 4px;
      z-index: 1; }
      .ext-strict #pnl_ReceivingOrderPanel #grid_receivingOrders .x-toolbar.x-small-editor.x-toolbar-layout-ct #btn_Mailbox_ReceivingOrder button {
        background: #f3ab00 !important;
        border: none !important;
        transition: 0.2s;
        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
        height: 160px;
        width: 40px;
        padding: 10px;
        border-radius: 5px 0 0 5px; }
        .ext-strict #pnl_ReceivingOrderPanel #grid_receivingOrders .x-toolbar.x-small-editor.x-toolbar-layout-ct #btn_Mailbox_ReceivingOrder button:hover {
          padding-right: 15px;
          width: 45px;
          box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2) !important; }
  .ext-strict #pnl_ReceivingOrderPanel #grid_receivingOrders .mailbox-icon {
    background: url("../../images/themes/ic-email-white.svg");
    background-size: 20px 24px;
    width: 20px;
    height: 24px;
    margin-top: -55px;
    margin-bottom: 14px; }
  .ext-strict #pnl_ReceivingOrderPanel #grid_receivingOrders .x-panel-body .x-toolbar {
    background-image: unset;
    border-style: unset;
    margin-bottom: 10px; }
  .ext-strict #pnl_ReceivingOrderPanel #grid_receivingOrders .x-panel-body .calc-height {
    height: calc(100vh - 326px) !important; }
  .ext-strict #pnl_StockOrderLeft .x-panel-body.x-border-layout-ct {
    position: initial; }
  .ext-strict #pnl_StockOrderLeft #grid_StockOrder .x-panel-tl {
    margin-top: 57px; }
  .ext-strict #pnl_StockOrderLeft #grid_StockOrder .x-toolbar.x-small-editor.x-toolbar-layout-ct {
    position: initial; }
    .ext-strict #pnl_StockOrderLeft #grid_StockOrder .x-toolbar.x-small-editor.x-toolbar-layout-ct #btn_Whiteboard_StockOrder {
      position: fixed;
      top: 280px;
      right: 4px;
      z-index: 1; }
      .ext-strict #pnl_StockOrderLeft #grid_StockOrder .x-toolbar.x-small-editor.x-toolbar-layout-ct #btn_Whiteboard_StockOrder button {
        background: #f3ab00 !important;
        border: none !important;
        transition: 0.2s;
        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
        height: 140px;
        width: 40px;
        padding: 10px;
        border-radius: 5px 0 0 5px; }
        .ext-strict #pnl_StockOrderLeft #grid_StockOrder .x-toolbar.x-small-editor.x-toolbar-layout-ct #btn_Whiteboard_StockOrder button:hover {
          padding-right: 15px;
          width: 45px;
          box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2) !important; }
  .ext-strict #pnl_StockOrderLeft #grid_StockOrder .whiteboards-icon {
    background: url("../../images/themes/ic-view-whiteboards.svg");
    width: 20px;
    height: 24px;
    margin-top: -50px;
    margin-bottom: 14px; }
  .ext-strict #pnl_StockOrderLeft #grid_StockOrder .x-panel-body .x-toolbar {
    background-image: unset;
    border-style: unset;
    margin-bottom: 10px; }
  .ext-strict #pnl_StockOrderLeft #grid_StockOrder .x-panel-body .calc-height {
    height: calc(100vh - 326px) !important; }
  .ext-strict #pnl_Stocktake .templates-icon-title, .ext-strict #pnl_StockOrderLayout .templates-icon-title, .ext-strict #pnl_ReceivingOrderLayout .templates-icon-title, .ext-strict #pnl_SaleLayout .templates-icon-title {
    background: url("../../images/themes/light/ic-templates-title.svg") no-repeat;
    background-size: contain;
    width: 20px;
    height: 18px;
    display: block; }
  .ext-strict #pnl_Stocktake .scheduled-orders-icon-title, .ext-strict #pnl_StockOrderLayout .scheduled-orders-icon-title, .ext-strict #pnl_ReceivingOrderLayout .scheduled-orders-icon-title, .ext-strict #pnl_SaleLayout .scheduled-orders-icon-title {
    background: url("../../images/themes/light/ic-scheduled-orders-title.svg") no-repeat;
    background-size: contain;
    width: 20px;
    height: 18px;
    display: block; }
  .ext-strict #pnl_Stocktake .templates-icon, .ext-strict #pnl_StockOrderLayout .templates-icon, .ext-strict #pnl_ReceivingOrderLayout .templates-icon, .ext-strict #pnl_SaleLayout .templates-icon {
    background: url("../../images/themes/ic-templates.svg");
    width: 20px;
    height: 24px;
    margin-top: 30px;
    margin-left: 10px; }
  .ext-strict #pnl_Stocktake .scheduled-orders-icon, .ext-strict #pnl_StockOrderLayout .scheduled-orders-icon, .ext-strict #pnl_ReceivingOrderLayout .scheduled-orders-icon, .ext-strict #pnl_SaleLayout .scheduled-orders-icon {
    background: url("../../images/themes/ic-scheduled-orders.svg");
    width: 24px;
    height: 24px;
    margin-top: 30px;
    margin-left: 10px; }
  .ext-strict #pnl_Stocktake .templates-collapsed, .ext-strict #pnl_Stocktake .scheduled-orders-collapsed, .ext-strict #pnl_StockOrderLayout .templates-collapsed, .ext-strict #pnl_StockOrderLayout .scheduled-orders-collapsed, .ext-strict #pnl_ReceivingOrderLayout .templates-collapsed, .ext-strict #pnl_ReceivingOrderLayout .scheduled-orders-collapsed, .ext-strict #pnl_SaleLayout .templates-collapsed, .ext-strict #pnl_SaleLayout .scheduled-orders-collapsed {
    height: calc(100% - 22px) !important; }
    .ext-strict #pnl_Stocktake .templates-collapsed .x-panel-body:first-child, .ext-strict #pnl_Stocktake .scheduled-orders-collapsed .x-panel-body:first-child, .ext-strict #pnl_StockOrderLayout .templates-collapsed .x-panel-body:first-child, .ext-strict #pnl_StockOrderLayout .scheduled-orders-collapsed .x-panel-body:first-child, .ext-strict #pnl_ReceivingOrderLayout .templates-collapsed .x-panel-body:first-child, .ext-strict #pnl_ReceivingOrderLayout .scheduled-orders-collapsed .x-panel-body:first-child, .ext-strict #pnl_SaleLayout .templates-collapsed .x-panel-body:first-child, .ext-strict #pnl_SaleLayout .scheduled-orders-collapsed .x-panel-body:first-child {
      height: calc(100vh - 180px) !important; }
  .ext-strict #pnl_Stocktake .panel-collapse, .ext-strict #pnl_StockOrderLayout .panel-collapse, .ext-strict #pnl_ReceivingOrderLayout .panel-collapse, .ext-strict #pnl_SaleLayout .panel-collapse {
    right: 0;
    left: auto !important;
    border-radius: 5px !important;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); }
    .ext-strict #pnl_Stocktake .panel-collapse > .x-panel-tl, .ext-strict #pnl_StockOrderLayout .panel-collapse > .x-panel-tl, .ext-strict #pnl_ReceivingOrderLayout .panel-collapse > .x-panel-tl, .ext-strict #pnl_SaleLayout .panel-collapse > .x-panel-tl {
      border-radius: 5px 0 0 0 !important; }
  .ext-strict #pnl_Stocktake .x-layout-collapsed, .ext-strict #pnl_StockOrderLayout .x-layout-collapsed, .ext-strict #pnl_ReceivingOrderLayout .x-layout-collapsed, .ext-strict #pnl_SaleLayout .x-layout-collapsed {
    width: 40px !important;
    top: 10px !important;
    right: 7px;
    left: auto !important;
    background-color: #f3ab00;
    border-radius: 5px 0 0 5px;
    transition: 0.2s;
    border: none;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); }
    .ext-strict #pnl_Stocktake .x-layout-collapsed:hover, .ext-strict #pnl_StockOrderLayout .x-layout-collapsed:hover, .ext-strict #pnl_ReceivingOrderLayout .x-layout-collapsed:hover, .ext-strict #pnl_SaleLayout .x-layout-collapsed:hover {
      padding-right: 5px; }
      .ext-strict #pnl_Stocktake .x-layout-collapsed:hover .templates-tag, .ext-strict #pnl_StockOrderLayout .x-layout-collapsed:hover .templates-tag, .ext-strict #pnl_ReceivingOrderLayout .x-layout-collapsed:hover .templates-tag, .ext-strict #pnl_SaleLayout .x-layout-collapsed:hover .templates-tag {
        right: 16px; }
  .ext-strict #pnl_Stocktake .templates-tag, .ext-strict #pnl_Stocktake .scheduled-orders-tag, .ext-strict #pnl_StockOrderLayout .templates-tag, .ext-strict #pnl_StockOrderLayout .scheduled-orders-tag, .ext-strict #pnl_ReceivingOrderLayout .templates-tag, .ext-strict #pnl_ReceivingOrderLayout .scheduled-orders-tag, .ext-strict #pnl_SaleLayout .templates-tag, .ext-strict #pnl_SaleLayout .scheduled-orders-tag {
    margin-top: 22px;
    color: white;
    font-family: "Roboto Medium", arial, helvetica, sans-serif; }
  .ext-strict #pnl_Stocktake .scheduled-orders-tag, .ext-strict #pnl_StockOrderLayout .scheduled-orders-tag, .ext-strict #pnl_ReceivingOrderLayout .scheduled-orders-tag, .ext-strict #pnl_SaleLayout .scheduled-orders-tag {
    right: 30px;
    position: relative;
    width: 100px;
    top: 30px; }
  .ext-strict #pnl_Stocktake #pnl_ScheduledOrders #txt_SearchScheduled_SearchScheduledDate, .ext-strict #pnl_StockOrderLayout #pnl_ScheduledOrders #txt_SearchScheduled_SearchScheduledDate, .ext-strict #pnl_ReceivingOrderLayout #pnl_ScheduledOrders #txt_SearchScheduled_SearchScheduledDate, .ext-strict #pnl_SaleLayout #pnl_ScheduledOrders #txt_SearchScheduled_SearchScheduledDate {
    height: 0px !important;
    width: 0px !important;
    margin: 0px !important;
    padding: 0px !important; }
  .ext-strict #pnl_Stocktake #pnl_ScheduledOrders-xcollapsed, .ext-strict #pnl_StockOrderLayout #pnl_ScheduledOrders-xcollapsed, .ext-strict #pnl_ReceivingOrderLayout #pnl_ScheduledOrders-xcollapsed, .ext-strict #pnl_SaleLayout #pnl_ScheduledOrders-xcollapsed {
    visibility: hidden !important; }
    .ext-strict #pnl_Stocktake #pnl_ScheduledOrders-xcollapsed #btn_Scheduled_Orders, .ext-strict #pnl_StockOrderLayout #pnl_ScheduledOrders-xcollapsed #btn_Scheduled_Orders, .ext-strict #pnl_ReceivingOrderLayout #pnl_ScheduledOrders-xcollapsed #btn_Scheduled_Orders, .ext-strict #pnl_SaleLayout #pnl_ScheduledOrders-xcollapsed #btn_Scheduled_Orders {
      height: 185px;
      width: 40px;
      visibility: visible;
      position: fixed;
      top: 440px;
      right: 7px;
      background-color: #f3ab00;
      border-radius: 5px 0 0 5px;
      transition: 0.2s; }
      .ext-strict #pnl_Stocktake #pnl_ScheduledOrders-xcollapsed #btn_Scheduled_Orders:hover, .ext-strict #pnl_StockOrderLayout #pnl_ScheduledOrders-xcollapsed #btn_Scheduled_Orders:hover, .ext-strict #pnl_ReceivingOrderLayout #pnl_ScheduledOrders-xcollapsed #btn_Scheduled_Orders:hover, .ext-strict #pnl_SaleLayout #pnl_ScheduledOrders-xcollapsed #btn_Scheduled_Orders:hover {
        width: 45px; }
  .ext-strict #pnl_Stocktake .x-layout-collapsed {
    height: 180px !important; }
  .ext-strict #pnl_Stocktake .templates-tag {
    right: 11px;
    width: 100px;
    height: 100px;
    position: absolute;
    transition: 0.2s; }
  .ext-strict #pnl_Stocktake .x-layout-collapsed, .ext-strict #pnl_ReceivingOrderLayout .x-layout-collapsed {
    height: 250px !important; }
  .ext-strict #pnl_Stocktake .templates-tag, .ext-strict #pnl_ReceivingOrderLayout .templates-tag {
    right: 11px;
    width: 200px;
    height: 200px;
    position: absolute;
    transition: 0.2s; }
  .ext-strict #pnl_StockOrderLayout .x-layout-collapsed, .ext-strict #pnl_ReceivingOrderLayout .x-layout-collapsed {
    height: 170px !important; }
  .ext-strict #pnl_StockOrderLayout .x-layout-collapsed .x-tool, .ext-strict #pnl_ReceivingOrderLayout .x-layout-collapsed .x-tool {
    visibility: hidden; }

#grid_Supplier .x-toolbar .x-toolbar-ct .x-toolbar-left .cmb-search-supplier {
  background: transparent;
  border-right: none !important; }

#receiving-order .table-content, #compare-expected-cost .table-content {
  width: 100%;
  height: auto;
  border: 1px solid #d9d9d9;
  font-size: 12px;
  color: #FFFFFF;
  border-radius: 5px;
  border-collapse: separate; }

#receiving-order .top-header, #compare-expected-cost .top-header {
  background-color: #F6F6F6;
  font-weight: bold;
  text-align: right;
  font-family: "Roboto Medium", arial, helvetica, sans-serif;
  height: 35px; }
  #receiving-order .top-header-title, #compare-expected-cost .top-header-title {
    text-align: left;
    color: #1B1A1A;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    padding-left: 1%;
    font-family: "Roboto Medium", arial, helvetica, sans-serif; }
    #receiving-order .top-header-title:first-child, #compare-expected-cost .top-header-title:first-child {
      border-top-left-radius: 5px; }
    #receiving-order .top-header-title:last-child, #compare-expected-cost .top-header-title:last-child {
      border-top-right-radius: 5px; }
  #receiving-order .top-header-detail, #compare-expected-cost .top-header-detail {
    position: relative;
    bottom: -9px;
    text-align: right;
    font-size: 12px;
    color: #1B1A1A;
    font-family: "Roboto Medium", arial, helvetica, sans-serif;
    font-weight: 400; }

#receiving-order .border-3-left, #compare-expected-cost .border-3-left {
  border-left: 1px solid #F1F1F1; }

#receiving-order .border-1-right, #compare-expected-cost .border-1-right {
  border-color: #F1F1F1;
  border-style: solid;
  border-width: 0 1px 0 0; }

#receiving-order .issue, #compare-expected-cost .issue {
  border-radius: 2px;
  font-family: "Roboto Standard", arial, helvetica, sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
  margin: 15px;
  padding: 9px; }
  #receiving-order .issue.none, #compare-expected-cost .issue.none {
    background-color: #549363; }
  #receiving-order .issue.missing, #compare-expected-cost .issue.missing {
    background-color: #9e3b34; }
  #receiving-order .issue.over, #compare-expected-cost .issue.over {
    background-color: #fea300; }

#receiving-order .bg-color-cell, #compare-expected-cost .bg-color-cell {
  background-color: #F6F6F6;
  color: #1B1A1A;
  border-bottom: 5px solid #FFFFFF !important;
  font-family: "Roboto Standard", arial, helvetica, sans-serif;
  text-align: center; }
  #receiving-order .bg-color-cell:first-child, #compare-expected-cost .bg-color-cell:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-left: 5px solid #FFFFFF !important; }
  #receiving-order .bg-color-cell:last-child, #compare-expected-cost .bg-color-cell:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-right: 5px solid #FFFFFF !important; }

#receiving-order .tr-header, #compare-expected-cost .tr-header {
  background: #FFFFFF !important;
  color: #1B1A1A;
  height: 50px;
  font-family: "Roboto Medium", arial, helvetica, sans-serif;
  text-align: center; }
  #receiving-order .tr-header td, #compare-expected-cost .tr-header td {
    border: 1px solid #d9d9d9;
    border-width: 1px 0 1px 0; }

#receiving-order .tr-detail-first .bg-color-cell, #compare-expected-cost .tr-detail-first .bg-color-cell {
  border-top: 5px solid #FFFFFF !important; }

#receiving-order .tr-detail-first:hover .bg-color-cell, #compare-expected-cost .tr-detail-first:hover .bg-color-cell {
  background-color: #F1F1F1; }

#receiving-order .tr-detail:hover .bg-color-cell, #compare-expected-cost .tr-detail:hover .bg-color-cell {
  background-color: #F1F1F1; }

#receiving-order .difference-value, #compare-expected-cost .difference-value {
  margin: 8px 10px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 500;
  color: #F1F1F1;
  text-align: center;
  padding: 7px 2px; }

#receiving-order .image-up, #compare-expected-cost .image-up {
  width: 16px;
  height: 15px;
  transform: rotate(180deg); }

#receiving-order .image-down, #compare-expected-cost .image-down {
  width: 16px;
  height: 15px; }

#compare-expected-cost .tr-header:hover td:last-child, #compare-expected-cost .tr-header:hover td:nth-child(2), #compare-expected-cost .tr-header:hover td:nth-child(5) {
  border-right: none; }

.x-grid-group-hd-custom {
  height: 25px; }
  .x-grid-group-hd-custom .x-grid-group-title-custom {
    line-height: 25px;
    padding-left: 8px;
    background-color: #F1F1F1;
    border-top: 1px solid #d9d9d9;
    font-family: "Roboto Medium", arial, helvetica, sans-serif; }

.x-combo-list-inner .x-combo-list-item.combo-list-item-custom:first-child {
  display: none; }

.disable-footer .x-window-bwrap .x-window-bl .x-window-br .x-window-bc .x-window-footer.x-panel-btns {
  display: none; }

.combocustom {
  margin: 5px; }
  .combocustom div {
    width: 100% !important; }
  .combocustom .x-form-field-wrap .x-form-field, .combocustom .x-form-field-wrap .ctb_transparent_bg_color .ctb-reciperipper-url, .ctb_transparent_bg_color .combocustom .x-form-field-wrap .ctb-reciperipper-url {
    font-family: "Roboto Medium", arial, helvetica, sans-serif; }

@media screen and (max-width: 1400px) {
  .difference-value {
    margin: 6px 6px; } }

.date_nav_picker, .__send, .__add, .wb_order_supplier_contact, .wb_order_supplier_name {
  color: #F1F1F1; }

.wb_order_sticker.__sent.__pending .wb_order_supplier_name {
  color: #fea300; }

.edit-stock-item .simplebar-scroll-content {
  overflow-y: auto; }

.edit-stock-item *.x-fieldset {
  border: none; }

.stock-link-detail .x-panel-header-text {
  float: left !important; }

.stock-link-detail .linked-stock-title {
  font-size: 18px;
  margin-top: 25px;
  margin-left: 15px; }

.stock-link-detail .linked-stock-group-description {
  line-height: 24px; }

.invoicefoodcost_monthly {
  height: 250px; }

.calendar-table-header {
  /* .x-form-field-wrap{
        border: unset;
    } */ }
  .calendar-table-header .icon-calendar {
    margin-top: 4px;
    margin-left: 6px; }

#dlg_MediaManager .pnl-treeview .x-panel-bbar {
  border-top: none; }

#disabled-grid-invoice-detail:not(.x-masked) {
  margin-top: 12px;
  margin-left: 10px; }

.ext-strict .recipe-order-detail-windows .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-expander {
  height: 40px; }

.ext-strict .recipe-order-detail-windows .x-grid-panel .x-grid3 .x-form-field-wrap .x-form-trigger {
  background-position: 2px 5px; }
  .ext-strict .recipe-order-detail-windows .x-grid-panel .x-grid3 .x-form-field-wrap .x-form-trigger.x-form-trigger-over {
    background-position: 2px 5px !important; }

.dlg_CheckStockSupplier .x-window-body.x-border-layout-ct {
  min-height: 140px; }

.dlg_CheckStockSupplier .x-panel-body.x-panel-body-noheader.x-border-layout-ct {
  overflow: unset !important; }

.filter-stocktake-window .simplebar-scroll-content {
  overflow-y: auto; }

#stock-unit-measurement-editor .simplebar-scroll-content {
  overflow-y: auto; }

.ic-tendering-badge-costeffective {
  background-image: url("../../../../../Content/v5/custom/images/ic-tendering-badge-costeffective.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-position: center; }

.tbl_VolumeIndicator {
  margin-bottom: 2px; }
  .tbl_VolumeIndicator td {
    border: 1px solid #d9d9d9; }

.stock-take-is-partial-badge {
  background-color: #666;
  color: #FFFFFF;
  border-radius: 3px;
  text-align: center;
  padding: 2px 10px;
  font-size: 10px; }

.tendering-editor-table .simplebar-track.horizontal .simplebar-scrollbar {
  display: none; }

.pnl-prediction-steps-chk-button .x-table-layout-cell:first-child {
  width: 45%; }
  .pnl-prediction-steps-chk-button .x-table-layout-cell:first-child .x-form-cb-label {
    left: 25px; }

.pnl-prediction-steps-chk-button .x-table-layout-cell:nth-child(3) {
  width: 45%; }
  .pnl-prediction-steps-chk-button .x-table-layout-cell:nth-child(3) .x-form-cb-label {
    right: 10px; }

.pnl-prediction-steps-chk-button .x-table-layout-cell .x-form-radio {
  visibility: hidden; }

.pnl-prediction-steps-chk-button .x-table-layout-cell .x-form-radio:checked + label {
  background-color: #F1F1F1; }

.pnl-prediction-steps-chk-button .x-table-layout-cell .x-form-radio.option-at-center-of-line-2 + label {
  left: 225px; }

.pnl-prediction-steps-chk-button .x-table-layout-cell .x-form-cb-label {
  cursor: pointer;
  border-radius: 20px;
  padding: 10px;
  width: calc(100% - 5px);
  float: right;
  height: 100px; }
  .pnl-prediction-steps-chk-button .x-table-layout-cell .x-form-cb-label:hover, .pnl-prediction-steps-chk-button .x-table-layout-cell .x-form-cb-label.mouse-over {
    background-color: #F1F1F1; }
  .pnl-prediction-steps-chk-button .x-table-layout-cell .x-form-cb-label div {
    padding: 10px; }
  .pnl-prediction-steps-chk-button .x-table-layout-cell .x-form-cb-label b {
    font-size: 20px; }

.pnl-prediction-steps-chk-button .x-table-layout-cell .vertical-divider {
  display: inline-block;
  width: 1px;
  background-color: #d9d9d9;
  margin: 0px 0px;
  height: 170px; }
  .pnl-prediction-steps-chk-button .x-table-layout-cell .vertical-divider.height-190 {
    height: 190px; }

.pnl-prediction-steps-chk-button .x-table-layout-cell .vertical-divider-80 {
  height: 80px; }

.pnl-prediction-steps-chk-button .x-table-layout-cell .horizontal-divider {
  width: calc(100% - 24px);
  margin-left: 12px;
  border-top: 1px solid #d9d9d9; }

.pnl-prediction-steps-chk-button .x-table-layout-cell label.description {
  padding: 0 120px; }

.pnl-prediction-steps-chk-button .x-table-layout-cell form {
  padding: 5px; }

.pnl-prediction-steps-chk-button.chk-height-30 .x-form-cb-label {
  height: 30px; }

.pnl-prediction-steps-chk-button.chk-height-80 .x-form-cb-label {
  height: 80px; }

.pnl-prediction-steps-chk-button.chk-height-130 .x-form-cb-label {
  height: 130px; }

.pnl-prediction-steps-chk-button.chk-height-140 .x-form-cb-label {
  height: 140px; }

.pnl-prediction-steps-chk-button.chk-height-150 .x-form-cb-label {
  height: 150px; }

.uploaded-file {
  background-color: #FFFFFF;
  border: 1px solid #d9d9d9;
  border-radius: 5px; }
  .uploaded-file .x-panel-header {
    color: #1B1A1A;
    border-bottom: 1px solid #d9d9d9;
    font-size: 12px;
    font-weight: 500;
    background-image: none;
    background: linear-gradient(#FFFFFF, #F2F1F2);
    padding: 10px 0px 8px 9px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
  .uploaded-file .ctb-uploader-view-body {
    border: none; }

.dlg_UploadInvoice .invoice-uploader-view-body {
  height: 100%;
  overflow-x: hidden;
  overflow-y: hidden; }
  .dlg_UploadInvoice .invoice-uploader-view-body .simplebar-track.horizontal {
    visibility: hidden !important; }

.dlg_UploadInvoice .invoice-uploader-view .uploader-item-file {
  background-color: #FFFFFF;
  margin: 0;
  height: 45px;
  border-bottom: 1px solid #d9d9d9;
  border-radius: 0;
  width: 100%; }
  .dlg_UploadInvoice .invoice-uploader-view .uploader-item-file > div {
    margin-top: 11px; }
  .dlg_UploadInvoice .invoice-uploader-view .uploader-item-file.loading {
    cursor: auto; }
    .dlg_UploadInvoice .invoice-uploader-view .uploader-item-file.loading .selection, .dlg_UploadInvoice .invoice-uploader-view .uploader-item-file.loading .uploader-item-filename {
      opacity: 0.4; }
  .dlg_UploadInvoice .invoice-uploader-view .uploader-item-file.highlight {
    background: linear-gradient(#FFC438, #f3ab00);
    color: white; }
    .dlg_UploadInvoice .invoice-uploader-view .uploader-item-file.highlight .uploader-item-filesize {
      color: white; }
    .dlg_UploadInvoice .invoice-uploader-view .uploader-item-file.highlight input[type="checkbox"] {
      background-image: url("../../images/themes/ic-uncheck-white.svg"); }
    .dlg_UploadInvoice .invoice-uploader-view .uploader-item-file.highlight input[type="checkbox"]:checked {
      background-image: url("../../images/themes/ic-checked-white.svg"); }
  .dlg_UploadInvoice .invoice-uploader-view .uploader-item-file.error .uploader-item-filename, .dlg_UploadInvoice .invoice-uploader-view .uploader-item-file.error .uploader-item-filesize {
    color: #e30612 !important; }

.dlg_UploadInvoice .invoice-uploader-view .uploader-item-filename {
  max-width: 220px;
  width: 80%;
  font-size: 12px;
  font-weight: 600;
  margin-right: 0; }
  .dlg_UploadInvoice .invoice-uploader-view .uploader-item-filename > div {
    display: flex;
    max-width: 220px; }
    .dlg_UploadInvoice .invoice-uploader-view .uploader-item-filename > div > span.name {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }

.dlg_UploadInvoice .invoice-uploader-view .uploader-item-filesize {
  font-size: 8px; }

.dlg_UploadInvoice .invoice-uploader-view .uploader-item-progress-bar {
  width: 100%;
  height: 5px;
  border-radius: 5px;
  margin-bottom: 10px; }

.dlg_UploadInvoice .file-upload-drop-zone-1 {
  outline: 3px dashed #d9d9d9;
  outline-offset: -15px;
  transition: all .3s ease; }

.dlg_UploadInvoice .file-upload-drop-zone-allowed-1 {
  outline-offset: -25px; }

.dlg_UploadInvoice .file-upload-drop-zone-2 {
  background-color: #565555;
  outline: 3px dashed white;
  outline-offset: -15px;
  transition: all .3s ease; }
  .dlg_UploadInvoice .file-upload-drop-zone-2 > div {
    opacity: 0.2; }
  .dlg_UploadInvoice .file-upload-drop-zone-2::after {
    content: url("../../images/themes/ic-drop-zone-add-file.svg");
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }

.dlg_UploadInvoice .file-upload-drop-zone-allowed-2 {
  outline-offset: -20px; }

.dlg_UploadInvoice .dlg_ProcessingInvoices {
  box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.42);
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  overflow: hidden; }
  .dlg_UploadInvoice .dlg_ProcessingInvoices .title {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #d9d9d9;
    font-size: 14px;
    font-weight: bold;
    background: linear-gradient(#FFFFFF, #F2F1F2);
    padding: 10px; }
  .dlg_UploadInvoice .dlg_ProcessingInvoices .x-tool-close {
    width: 20px;
    height: 20px;
    cursor: pointer; }

.dlg_UploadInvoice .merge-file-card .merge-file-previewer {
  position: relative; }
  .dlg_UploadInvoice .merge-file-card .merge-file-previewer .hover-bg-merge-file-previewer {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #565555;
    opacity: 0.9;
    transition: opacity 600ms, visibility 600ms; }
  .dlg_UploadInvoice .merge-file-card .merge-file-previewer .hover-merge-file-previewer {
    display: none;
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white; }
  .dlg_UploadInvoice .merge-file-card .merge-file-previewer:hover .hover-bg-merge-file-previewer, .dlg_UploadInvoice .merge-file-card .merge-file-previewer:hover .hover-merge-file-previewer {
    display: block; }

#dlg_IngredientAndQtyHanding #grid_CompareMenuItems > .x-panel-bwrap > .x-panel-ml > .x-panel-mr > .x-panel-mc >
.x-panel-body > .x-grid3 > .x-grid3-viewport > .x-grid3-scroller >
.x-grid3-body > .x-grid3-row > .x-grid3-row-table {
  padding-top: 5px;
  padding-bottom: 5px; }

.authority-window .x-form-checkbox {
  float: left; }

.authority-window .x-fieldset {
  padding-right: 0px; }
  .authority-window .x-fieldset .x-fieldset-bwrap {
    padding: 10px 0px 0px 5px; }
    .authority-window .x-fieldset .x-fieldset-bwrap .x-form-item {
      padding-right: 5px;
      margin-bottom: 10px; }
      .authority-window .x-fieldset .x-fieldset-bwrap .x-form-item .x-form-cb-label {
        float: left;
        width: calc(100% - 30px); }
      .authority-window .x-fieldset .x-fieldset-bwrap .x-form-item.x-form-element-indent-31 {
        padding-left: 31px; }
      .authority-window .x-fieldset .x-fieldset-bwrap .x-form-item.x-form-element-indent-61 {
        padding-left: 61px; }

.database-window .x-grid3-row-table .x-btn-text, .database-window .x-grid3-row-table .ctb-anchor-btn, .database-window .x-grid3-row-table .btn-sm-row, .database-window .x-grid3-row-table .ctb_btn_default_sm, .database-window .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .database-window .x-grid3-row-table .x-btn-text, .database-window .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .database-window .x-grid3-row-table .x-btn-text, .database-window .x-grid3-row-table .x-date-mp .x-date-mp-ok, .x-date-mp .database-window .x-grid3-row-table .x-date-mp-ok, .database-window .x-grid3-row-table .x-date-mp .x-date-mp-cancel, .x-date-mp .database-window .x-grid3-row-table .x-date-mp-cancel, .database-window .x-grid3-row-table #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .database-window .x-grid3-row-table .outlet-node, .database-window .x-grid3-row-table #pnl_CycleMenu .xbutton, #pnl_CycleMenu .database-window .x-grid3-row-table .xbutton, .database-window .x-grid3-row-table .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .database-window .x-grid3-row-table .ctb-btn {
  height: 22px !important; }

#btngrp_db_Management .x-fieldset-bwrap, #btngrp_db_Allocation .x-fieldset-bwrap {
  padding: 5px 0px; }

#btngrp_db_Management .x-fieldset-header, #btngrp_db_Allocation .x-fieldset-header {
  border-radius: 0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.heading-color-top {
  height: 4px;
  width: 100%;
  position: absolute;
  min-height: 4px;
  top: 0px; }

#pnlRecipeMenuBuilder h1 {
  color: #1B1A1A; }

#pnlRecipeMenuBuilder .ctb-recipemenubuilder-dropzone {
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  box-shadow: none;
  min-height: unset; }

#pnlRecipeMenuBuilder .ctb-recipemenubuilder-dropzone-menuheading-div {
  color: #1B1A1A;
  background-color: #F1F1F1;
  border: 0; }
  #pnlRecipeMenuBuilder .ctb-recipemenubuilder-dropzone-menuheading-div:hover {
    background-color: #FFFFFF;
    box-shadow: none; }

#pnl_recipeFact .simplebar-content .recipe-menu-display-table {
  border: 0;
  border-collapse: collapse; }
  #pnl_recipeFact .simplebar-content .recipe-menu-display-table .tr-header td {
    background-color: #FFFFFF; }
  #pnl_recipeFact .simplebar-content .recipe-menu-display-table .tr-header .td-border-right {
    border-right: 1px solid #d9d9d9; }
  #pnl_recipeFact .simplebar-content .recipe-menu-display-table .tr-header .td-border-top {
    border-top: 1px solid #d9d9d9; }
  #pnl_recipeFact .simplebar-content .recipe-menu-display-table .tr-header .tdwhitebottomborder {
    padding-bottom: 5px; }
  #pnl_recipeFact .simplebar-content .recipe-menu-display-table .tr-small-header td {
    background-color: #F1F1F1;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #d9d9d9; }
  #pnl_recipeFact .simplebar-content .recipe-menu-display-table .trnormal .td-left {
    background-color: #FFFFFF;
    color: #1B1A1A;
    border: 1px solid #d9d9d9; }
  #pnl_recipeFact .simplebar-content .recipe-menu-display-table .trnormal .td-right {
    background-color: #FFFFFF;
    color: #1B1A1A;
    border: 1px solid #d9d9d9;
    padding: 5px; }
    #pnl_recipeFact .simplebar-content .recipe-menu-display-table .trnormal .td-right img {
      width: 10px; }
    #pnl_recipeFact .simplebar-content .recipe-menu-display-table .trnormal .td-right:hover {
      background-color: #FFFFFF; }

#pnl_getRecipeMenuCosting {
  position: absolute;
  top: 40px; }
  #pnl_getRecipeMenuCosting td {
    text-indent: 0; }
  #pnl_getRecipeMenuCosting .recipe-menu-display-table {
    border: 1px solid #d9d9d9;
    border-collapse: collapse; }
    #pnl_getRecipeMenuCosting .recipe-menu-display-table .td-border-left-large-text-align {
      text-align: left; }
    #pnl_getRecipeMenuCosting .recipe-menu-display-table .tdheader .td-border-right-small {
      color: #1B1A1A;
      background-color: #FFFFFF;
      position: relative; }
    #pnl_getRecipeMenuCosting .recipe-menu-display-table .tdheader .td-portion-inc-labour {
      background-color: #e24f44;
      color: #FFFFFF; }
    #pnl_getRecipeMenuCosting .recipe-menu-display-table .tdheader .td-kitchen-revenue {
      background-color: #d260b7;
      color: #FFFFFF; }
    #pnl_getRecipeMenuCosting .recipe-menu-display-table .tdheader .td-food-cost {
      background-color: #c6b2d6;
      color: #1B1A1A; }
    #pnl_getRecipeMenuCosting .recipe-menu-display-table .tdheader .td-food-cost-pt {
      background-color: #cf9c50;
      color: #1B1A1A; }
    #pnl_getRecipeMenuCosting .recipe-menu-display-table .tdheader .td-food-cost-pt-with-labour {
      background-color: #d66834;
      color: #FFFFFF; }
    #pnl_getRecipeMenuCosting .recipe-menu-display-table .tdheader .td-selling-price {
      background-color: #c5c5c5;
      color: #1B1A1A; }
    #pnl_getRecipeMenuCosting .recipe-menu-display-table .tdheader .td-less-gst {
      background-color: #7ccbbf;
      color: #1B1A1A; }
    #pnl_getRecipeMenuCosting .recipe-menu-display-table .tdheader .td-gross-profit-with-labour {
      background-color: #5f2a74;
      color: #FFFFFF; }
    #pnl_getRecipeMenuCosting .recipe-menu-display-table .tdheader .td-gross-profit {
      background-color: #499edc;
      color: #FFFFFF; }
    #pnl_getRecipeMenuCosting .recipe-menu-display-table .tdheader .td-contribution-margin {
      background-color: #d66834;
      color: #FFFFFF; }
    #pnl_getRecipeMenuCosting .recipe-menu-display-table .tdheader .td-gross-profit-pt {
      background-color: #b2de86;
      color: #1B1A1A; }
    #pnl_getRecipeMenuCosting .recipe-menu-display-table .tdheader .td-gross-profit-pt-with-labour {
      background-color: #7ccbbf;
      color: #1B1A1A; }
    #pnl_getRecipeMenuCosting .recipe-menu-display-table .tdheader td:not(:nth-child(-n+2)) {
      padding: 10px 0px;
      border: 1px solid #d9d9d9; }
    #pnl_getRecipeMenuCosting .recipe-menu-display-table .tdheader td {
      font-weight: 500; }
    #pnl_getRecipeMenuCosting .recipe-menu-display-table td {
      border: 1px solid #d9d9d9; }
    #pnl_getRecipeMenuCosting .recipe-menu-display-table tr:not(.tdnormal) td {
      background-color: #F1F1F1; }
    #pnl_getRecipeMenuCosting .recipe-menu-display-table .td-border-right-large {
      border-right: 1px solid #d9d9d9;
      background-color: #F1F1F1;
      padding: 0 10px 0 10px;
      vertical-align: middle; }
    #pnl_getRecipeMenuCosting .recipe-menu-display-table .td-border-right-small {
      background-color: #FFFFFF;
      border-right: 1px solid #d9d9d9;
      vertical-align: middle; }
    #pnl_getRecipeMenuCosting .recipe-menu-display-table .tdnormal td {
      color: #1B1A1A !important; }
    #pnl_getRecipeMenuCosting .recipe-menu-display-table .tdnormal .td-odd {
      background-color: #FFFFFF; }
    #pnl_getRecipeMenuCosting .recipe-menu-display-table .tdnormal .td-even {
      background-color: #FFFFFF; }

#pnl_recipeMenuAnalysis #pnl_recipeMenuDetail .sale-period-from {
  padding-left: 5px; }

#pnl_recipeMenuAnalysis #pnl_recipeMenuDetail .text-center {
  text-align: center; }

#pnl_recipeMenuAnalysis #pnl_recipeMenuDetail.x-grid-panel .x-grid3 .x-grid3-header {
  padding: 0; }
  #pnl_recipeMenuAnalysis #pnl_recipeMenuDetail.x-grid-panel .x-grid3 .x-grid3-header .x-grid3-hd-inner {
    padding: 0px 3px 0px 5px; }
    #pnl_recipeMenuAnalysis #pnl_recipeMenuDetail.x-grid-panel .x-grid3 .x-grid3-header .x-grid3-hd-inner .td-portion-inc-labour {
      background-color: #e24f44;
      color: #FFFFFF; }
    #pnl_recipeMenuAnalysis #pnl_recipeMenuDetail.x-grid-panel .x-grid3 .x-grid3-header .x-grid3-hd-inner .td-kitchen-revenue {
      background-color: #d260b7;
      color: #FFFFFF; }
    #pnl_recipeMenuAnalysis #pnl_recipeMenuDetail.x-grid-panel .x-grid3 .x-grid3-header .x-grid3-hd-inner .td-food-cost {
      background-color: #c6b2d6;
      color: #1B1A1A; }
    #pnl_recipeMenuAnalysis #pnl_recipeMenuDetail.x-grid-panel .x-grid3 .x-grid3-header .x-grid3-hd-inner .td-food-cost-pt {
      background-color: #cf9c50;
      color: #1B1A1A; }
    #pnl_recipeMenuAnalysis #pnl_recipeMenuDetail.x-grid-panel .x-grid3 .x-grid3-header .x-grid3-hd-inner .td-food-cost-pt-with-labour {
      background-color: #d66834;
      color: #FFFFFF; }
    #pnl_recipeMenuAnalysis #pnl_recipeMenuDetail.x-grid-panel .x-grid3 .x-grid3-header .x-grid3-hd-inner .td-selling-price {
      background-color: #c5c5c5;
      color: #1B1A1A; }
    #pnl_recipeMenuAnalysis #pnl_recipeMenuDetail.x-grid-panel .x-grid3 .x-grid3-header .x-grid3-hd-inner .td-less-gst {
      background-color: #7ccbbf;
      color: #1B1A1A; }
    #pnl_recipeMenuAnalysis #pnl_recipeMenuDetail.x-grid-panel .x-grid3 .x-grid3-header .x-grid3-hd-inner .td-gross-profit-with-labour {
      background-color: #5f2a74;
      color: #FFFFFF; }
    #pnl_recipeMenuAnalysis #pnl_recipeMenuDetail.x-grid-panel .x-grid3 .x-grid3-header .x-grid3-hd-inner .td-gross-profit {
      background-color: #499edc;
      color: #FFFFFF; }
    #pnl_recipeMenuAnalysis #pnl_recipeMenuDetail.x-grid-panel .x-grid3 .x-grid3-header .x-grid3-hd-inner .td-contribution-margin {
      background-color: #d66834;
      color: #FFFFFF; }
    #pnl_recipeMenuAnalysis #pnl_recipeMenuDetail.x-grid-panel .x-grid3 .x-grid3-header .x-grid3-hd-inner .td-gross-profit-pt {
      background-color: #b2de86;
      color: #1B1A1A; }
    #pnl_recipeMenuAnalysis #pnl_recipeMenuDetail.x-grid-panel .x-grid3 .x-grid3-header .x-grid3-hd-inner .td-gross-profit-pt-with-labour {
      background-color: #7ccbbf;
      color: #1B1A1A; }

#pnl_recipeMenuAnalysis #pnl_recipeMenuDetail.x-grid-panel .x-grid3-hd-inner {
  margin-left: 0; }

#pnl_recipeMenuAnalysis #pnl_recipeMenuDetail.x-grid-panel .x-grid-group .x-grid-group-hd {
  border: 0; }

#pnl_recipeMenuAnalysis #pnl_Summary .td-border .td-header, #pnl_recipeMenuAnalysis #pnl_SumByCategory .td-border .td-header {
  background-color: #F1F1F1; }

#pnl_recipeMenuAnalysis #pnl_Summary .td-border td, #pnl_recipeMenuAnalysis #pnl_SumByCategory .td-border td {
  border: 1px solid #d9d9d9; }

#pnl_recipeMenuAnalysis #pnl_Summary table, #pnl_recipeMenuAnalysis #pnl_SumByCategory table {
  border-collapse: collapse;
  background-color: #FFFFFF; }
  #pnl_recipeMenuAnalysis #pnl_Summary table td, #pnl_recipeMenuAnalysis #pnl_SumByCategory table td {
    padding: 0 5px 0 5px; }
  #pnl_recipeMenuAnalysis #pnl_Summary table .td-header td, #pnl_recipeMenuAnalysis #pnl_SumByCategory table .td-header td {
    background-color: #F1F1F1; }

#pnl_recipeMenuEvolution .sale-period-from {
  padding-left: 5px; }

#pnl_recipeMenuEvolution .td-portion-inc-labour {
  background-color: #e24f44;
  color: #FFFFFF; }

#pnl_recipeMenuEvolution .td-kitchen-revenue {
  background-color: #d260b7;
  color: #FFFFFF; }

#pnl_recipeMenuEvolution .td-food-cost {
  background-color: #c6b2d6;
  color: #1B1A1A; }

#pnl_recipeMenuEvolution .td-food-cost-pt {
  background-color: #cf9c50;
  color: #1B1A1A; }

#pnl_recipeMenuEvolution .td-food-cost-pt-with-labour {
  background-color: #d66834;
  color: #FFFFFF; }

#pnl_recipeMenuEvolution .td-selling-price {
  background-color: #c5c5c5;
  color: #1B1A1A; }

#pnl_recipeMenuEvolution .td-less-gst {
  background-color: #7ccbbf;
  color: #1B1A1A; }

#pnl_recipeMenuEvolution .td-gross-profit-with-labour {
  background-color: #5f2a74;
  color: #FFFFFF; }

#pnl_recipeMenuEvolution .td-gross-profit {
  background-color: #499edc;
  color: #FFFFFF; }

#pnl_recipeMenuEvolution .td-contribution-margin {
  background-color: #d66834;
  color: #FFFFFF; }

#pnl_recipeMenuEvolution .td-gross-profit-pt {
  background-color: #b2de86;
  color: #1B1A1A; }

#pnl_recipeMenuEvolution .td-gross-profit-pt-with-labour {
  background-color: #7ccbbf;
  color: #1B1A1A; }

#pnl_recipeMenuEvolution #pnl_recipeMenuDetail.x-grid-panel .x-grid3 .x-grid3-hd-inner {
  margin-left: 0; }

#pnl_recipeMenuEvolution #pnl_recipeMenuDetail.x-grid-panel .x-grid3 .x-grid-group .x-grid-group-hd {
  border: 0; }

#pnl_recipeMenuEvolution #pnl_recipeMenuDetail .x-grid3-row .x-grid3-row-table td {
  padding-left: 0;
  padding-right: 0; }

#pnl_recipeMenuEvolution #pnl_recipeMenuDetail .x-grid3-summary-row .x-grid3-summary-table td {
  padding-left: 0;
  padding-right: 0; }

#pnl_recipeMenuManipultaion .sale-period-from {
  padding-left: 5px; }

#pnl_recipeMenuManipultaion .td-portion-inc-labour {
  background-color: #e24f44;
  color: #FFFFFF; }

#pnl_recipeMenuManipultaion .td-kitchen-revenue {
  background-color: #d260b7;
  color: #FFFFFF; }

#pnl_recipeMenuManipultaion .td-food-cost {
  background-color: #c6b2d6;
  color: #1B1A1A; }

#pnl_recipeMenuManipultaion .td-food-cost-pt {
  background-color: #cf9c50;
  color: #1B1A1A; }

#pnl_recipeMenuManipultaion .td-food-cost-pt-with-labour {
  background-color: #d66834;
  color: #FFFFFF; }

#pnl_recipeMenuManipultaion .td-selling-price {
  background-color: #c5c5c5;
  color: #1B1A1A; }

#pnl_recipeMenuManipultaion .td-less-gst {
  background-color: #7ccbbf;
  color: #1B1A1A; }

#pnl_recipeMenuManipultaion .td-gross-profit-with-labour {
  background-color: #5f2a74;
  color: #FFFFFF; }

#pnl_recipeMenuManipultaion .td-gross-profit {
  background-color: #499edc;
  color: #FFFFFF; }

#pnl_recipeMenuManipultaion .td-contribution-margin {
  background-color: #d66834;
  color: #FFFFFF; }

#pnl_recipeMenuManipultaion .td-gross-profit-pt {
  background-color: #b2de86;
  color: #1B1A1A; }

#pnl_recipeMenuManipultaion .td-gross-profit-pt-with-labour {
  background-color: #7ccbbf;
  color: #1B1A1A; }

#pnl_recipeMenuManipultaion #pnl_recipeMenuDetail .small-img img {
  width: 16px !important;
  height: 15px !important;
  margin-bottom: -3px; }

#pnl_recipeMenuManipultaion #pnl_recipeMenuDetail.x-grid-panel .x-grid3 .x-grid3-hd-inner {
  margin-left: 0; }

#pnl_recipeMenuManipultaion #pnl_recipeMenuDetail.x-grid-panel .x-grid3 .x-grid-group .x-grid-group-hd {
  border: 0; }

#pnl_recipeMenuManipultaion #pnl_recipeMenuDetail .x-grid3-row .x-grid3-row-table td {
  padding-left: 0;
  padding-right: 0; }

#pnl_recipeMenuManipultaion #pnl_recipeMenuDetail .x-grid3-summary-row .x-grid3-summary-table td {
  padding-left: 0;
  padding-right: 0; }

#pnl_compareMenus .td-portion-inc-labour {
  background-color: #e24f44;
  color: #FFFFFF; }

#pnl_compareMenus .td-kitchen-revenue {
  background-color: #d260b7;
  color: #FFFFFF; }

#pnl_compareMenus .td-food-cost {
  background-color: #c6b2d6;
  color: #1B1A1A; }

#pnl_compareMenus .td-food-cost-pt {
  background-color: #cf9c50;
  color: #1B1A1A; }

#pnl_compareMenus .td-food-cost-pt-with-labour {
  background-color: #d66834;
  color: #FFFFFF; }

#pnl_compareMenus .td-selling-price {
  background-color: #c5c5c5;
  color: #1B1A1A; }

#pnl_compareMenus .td-less-gst {
  background-color: #7ccbbf;
  color: #1B1A1A; }

#pnl_compareMenus .td-gross-profit-with-labour {
  background-color: #5f2a74;
  color: #FFFFFF; }

#pnl_compareMenus .td-gross-profit {
  background-color: #499edc;
  color: #FFFFFF; }

#pnl_compareMenus .td-contribution-margin {
  background-color: #d66834;
  color: #FFFFFF; }

#pnl_compareMenus .td-gross-profit-pt {
  background-color: #b2de86;
  color: #1B1A1A; }

#pnl_compareMenus .td-gross-profit-pt-with-labour {
  background-color: #7ccbbf;
  color: #1B1A1A; }

#pnl_compareMenus .lbl-menu-left-right {
  padding: 5px 5px 10px 5px;
  margin-left: 5px;
  background-color: #F6F6F6; }

#pnl_compareMenus .ctb-inner-grid .x-grid3-header .x-grid3-hd-row td:not(:nth-child(-n+7)) div {
  margin-left: 0; }

#pnl_compareMenus .ctb-inner-grid .x-grid3-header .x-grid3-hd-row td:not(:nth-child(-n+7)) .td-qty-sold {
  display: inline; }

#pnl_compareMenus .ctb-inner-grid .x-grid3-row .x-grid3-row-table td:not(:nth-child(-n+7)) {
  padding-left: 0;
  padding-right: 0; }
  #pnl_compareMenus .ctb-inner-grid .x-grid3-row .x-grid3-row-table td:not(:nth-child(-n+7)) div {
    padding-left: 0; }

#pnl_compareMenus .x-fieldset .x-fieldset-bwrap {
  padding: 0; }

#pnl_compareMenus .x-btn-text, #pnl_compareMenus .ctb-anchor-btn, #pnl_compareMenus .btn-sm-row, #pnl_compareMenus .ctb_btn_default_sm, #pnl_compareMenus .x-date-mp .x-date-mp-ok, .x-date-mp #pnl_compareMenus .x-date-mp-ok, #pnl_compareMenus .x-date-mp .x-date-mp-cancel, .x-date-mp #pnl_compareMenus .x-date-mp-cancel, #pnl_compareMenus #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map #pnl_compareMenus .outlet-node, #pnl_compareMenus #pnl_CycleMenu .xbutton, #pnl_CycleMenu #pnl_compareMenus .xbutton, #pnl_compareMenus .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar #pnl_compareMenus .ctb-btn {
  margin-left: -5px; }

.add-recipe-menu-dialog-form-panel .simplebar-scroll-content {
  overflow-y: unset; }

.archive-window .ctb-dialog-panel.archive .x-column-inner {
  padding: 12px; }

.archive-window .ctb-dialog-panel .x-btn-text, .archive-window .ctb-dialog-panel .ctb-anchor-btn, .archive-window .ctb-dialog-panel .btn-sm-row, .archive-window .ctb-dialog-panel .ctb_btn_default_sm, .archive-window .ctb-dialog-panel .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .archive-window .ctb-dialog-panel .x-btn-text, .archive-window .ctb-dialog-panel .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .archive-window .ctb-dialog-panel .x-btn-text, .archive-window .ctb-dialog-panel .x-date-mp .x-date-mp-ok, .x-date-mp .archive-window .ctb-dialog-panel .x-date-mp-ok, .archive-window .ctb-dialog-panel .x-date-mp .x-date-mp-cancel, .x-date-mp .archive-window .ctb-dialog-panel .x-date-mp-cancel, .archive-window .ctb-dialog-panel #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .archive-window .ctb-dialog-panel .outlet-node, .archive-window .ctb-dialog-panel #pnl_CycleMenu .xbutton, #pnl_CycleMenu .archive-window .ctb-dialog-panel .xbutton, .archive-window .ctb-dialog-panel .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .archive-window .ctb-dialog-panel .ctb-btn {
  margin: 0 15px; }

.archive-window .ctb-dialog-panel .x-form-field-wrap {
  margin-left: 15px;
  margin-top: 2px; }

.archive-window .ctb-dialog-panel .archive-item {
  margin-top: 2px; }

.recipe-order-list .x-panel-bbar {
  margin-top: 0; }
  .recipe-order-list .x-panel-bbar .x-toolbar-layout-ct {
    background-color: transparent !important; }

.recipe-fact .recipe-menu-display-table {
  border: 1px;
  background-color: #F6F6F6; }
  .recipe-fact .recipe-menu-display-table .tdheader {
    text-align: center;
    height: 30px;
    vertical-align: bottom;
    font-size: 12px; }
    .recipe-fact .recipe-menu-display-table .tdheader .tdwhitebottomborder {
      border-bottom: 2px solid #d9d9d9; }
    .recipe-fact .recipe-menu-display-table .tdheader td {
      background-color: #F6F6F6;
      font-weight: normal;
      color: #1B1A1A; }
  .recipe-fact .recipe-menu-display-table .tdnormal {
    height: 45px; }
    .recipe-fact .recipe-menu-display-table .tdnormal td {
      background-color: #F1F1F1;
      color: #1B1A1A !important; }
  .recipe-fact .recipe-menu-display-table .td-border-right-xsmall {
    border-style: solid;
    border-color: #d9d9d9;
    border-width: 0px 1px 1px 0px; }
    .recipe-fact .recipe-menu-display-table .td-border-right-xsmall.top {
      border-width: 0px 2px 2px 0px;
      border-color: #d9d9d9; }
  .recipe-fact .recipe-menu-display-table .border-right {
    border-right: 1px solid #d9d9d9; }
  .recipe-fact .recipe-menu-display-table .border-left {
    border-left: 1px solid #d9d9d9; }

.recipe-fact .recipe-fact-row {
  background-color: #F1F1F1; }
  .recipe-fact .recipe-fact-row img, .recipe-fact .recipe-fact-row span {
    width: 20px;
    margin-right: 5px;
    background: url("../../images/themes/light/ic-plus.svg");
    float: right;
    height: 19px;
    background-repeat: no-repeat; }

.recipe-fact .x-btn-text, .recipe-fact .ctb-anchor-btn, .recipe-fact .btn-sm-row, .recipe-fact .ctb_btn_default_sm, .recipe-fact .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .recipe-fact .x-btn-text, .recipe-fact .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .recipe-fact .x-btn-text, .recipe-fact .x-date-mp .x-date-mp-ok, .x-date-mp .recipe-fact .x-date-mp-ok, .recipe-fact .x-date-mp .x-date-mp-cancel, .x-date-mp .recipe-fact .x-date-mp-cancel, .recipe-fact #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .recipe-fact .outlet-node, .recipe-fact #pnl_CycleMenu .xbutton, #pnl_CycleMenu .recipe-fact .xbutton, .recipe-fact .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .recipe-fact .ctb-btn {
  background: linear-gradient(#FFFFFF, #F2F1F2);
  color: #1B1A1A;
  transition: box-shadow 0.2s; }
  .recipe-fact .x-btn-text:hover, .recipe-fact .ctb-anchor-btn:hover, .recipe-fact .btn-sm-row:hover, .recipe-fact .ctb_btn_default_sm:hover, .recipe-fact .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text:hover, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .recipe-fact .x-btn-text:hover, .recipe-fact .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text:hover, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .recipe-fact .x-btn-text:hover, .recipe-fact .x-date-mp .x-date-mp-ok:hover, .x-date-mp .recipe-fact .x-date-mp-ok:hover, .recipe-fact .x-date-mp .x-date-mp-cancel:hover, .x-date-mp .recipe-fact .x-date-mp-cancel:hover, .recipe-fact #outlet #outlet-map #map .outlet-node:hover, #outlet #outlet-map #map .recipe-fact .outlet-node:hover, .recipe-fact #pnl_CycleMenu .xbutton:hover, #pnl_CycleMenu .recipe-fact .xbutton:hover, .recipe-fact .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn:hover, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .recipe-fact .ctb-btn:hover {
    box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }

.recipe-order-detail-top {
  background-color: transparent !important;
  border: none; }
  .recipe-order-detail-top .total-cost {
    text-align: center;
    color: #1B1A1A;
    background-color: transparent;
    font-size: 16px;
    font-weight: bold;
    padding: 5px; }

.switch-toggle.switch-android.custom label {
  font-weight: normal;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  color: #1B1A1A !important; }
  .switch-toggle.switch-android.custom label[for="recipetree_wd_recipe_order_detail"] {
    border-right: 1px solid #d9d9d9; }

.switch-toggle.switch-android.custom a {
  background: linear-gradient(#FFFFFF, #F2F1F2); }

.ctb-list-header-nobg .x-list-header {
  background-image: unset !important;
  background-color: transparent !important; }

#ctb-SpecialMenuCalendar-Panel .sp-month {
  color: #1B1A1A; }

#ctb-SpecialMenuCalendar-Panel .ctb-specialmenucalendar-table {
  border: 0;
  border-spacing: 1px;
  background-color: #d9d9d9;
  border-radius: 5px; }
  #ctb-SpecialMenuCalendar-Panel .ctb-specialmenucalendar-table .tr-header {
    background-color: #FFFFFF;
    border-top-right-radius: 5px; }
    #ctb-SpecialMenuCalendar-Panel .ctb-specialmenucalendar-table .tr-header td {
      text-align: center; }
      #ctb-SpecialMenuCalendar-Panel .ctb-specialmenucalendar-table .tr-header td:first-child {
        border-top-left-radius: 5px; }
      #ctb-SpecialMenuCalendar-Panel .ctb-specialmenucalendar-table .tr-header td:last-child {
        border-top-right-radius: 5px; }
  #ctb-SpecialMenuCalendar-Panel .ctb-specialmenucalendar-table .tr-body .type-date-1 {
    background-color: #F6F6F6;
    cursor: pointer; }
    #ctb-SpecialMenuCalendar-Panel .ctb-specialmenucalendar-table .tr-body .type-date-1:hover {
      background-color: #F1F1F1; }
      #ctb-SpecialMenuCalendar-Panel .ctb-specialmenucalendar-table .tr-body .type-date-1:hover .ctb-specialmenucalendar-menuheading-div {
        background-color: #F1F1F1 !important; }
      #ctb-SpecialMenuCalendar-Panel .ctb-specialmenucalendar-table .tr-body .type-date-1:hover .ctb-specialmenucalendar-menurecipe-div {
        background-color: #F1F1F1 !important; }
  #ctb-SpecialMenuCalendar-Panel .ctb-specialmenucalendar-table .tr-body .type-date-2 {
    background-color: #FFFFFF;
    cursor: pointer; }
    #ctb-SpecialMenuCalendar-Panel .ctb-specialmenucalendar-table .tr-body .type-date-2:hover {
      background-color: #F1F1F1; }
      #ctb-SpecialMenuCalendar-Panel .ctb-specialmenucalendar-table .tr-body .type-date-2:hover .ctb-specialmenucalendar-menuheading-div {
        background-color: #F1F1F1 !important; }
      #ctb-SpecialMenuCalendar-Panel .ctb-specialmenucalendar-table .tr-body .type-date-2:hover .ctb-specialmenucalendar-menurecipe-div {
        background-color: #F1F1F1 !important; }
  #ctb-SpecialMenuCalendar-Panel .ctb-specialmenucalendar-table .tr-body .today {
    border: 2px solid #f3ab00; }
  #ctb-SpecialMenuCalendar-Panel .ctb-specialmenucalendar-table .tr-body:last-child td:first-child {
    border-bottom-left-radius: 5px; }
  #ctb-SpecialMenuCalendar-Panel .ctb-specialmenucalendar-table .tr-body:last-child td:last-child {
    border-bottom-right-radius: 5px; }
  #ctb-SpecialMenuCalendar-Panel .ctb-specialmenucalendar-table .ctb-specialmenucalendar-menuheading-img:hover {
    background-color: #dddddd;
    box-shadow: none; }
  #ctb-SpecialMenuCalendar-Panel .ctb-specialmenucalendar-table .ctb-specialmenucalendar-menuheading-div {
    border: 0;
    background-color: #FFFFFF !important;
    color: #1B1A1A; }
    #ctb-SpecialMenuCalendar-Panel .ctb-specialmenucalendar-table .ctb-specialmenucalendar-menuheading-div:hover {
      background-color: #FFFFFF;
      box-shadow: none; }
  #ctb-SpecialMenuCalendar-Panel .ctb-specialmenucalendar-table .ctb-specialmenucalendar-menurecipe-div {
    background: linear-gradient(#FFFFFF, #F2F1F2) !important;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9; }

#ctb-SpecialMenuCalendar-Panel .ctb-specialmenucalendar-table .ic-star-red {
  content: url("../../images/themes/dark/ic-star-red.svg"); }

#ctb-SpecialMenuCalendar-Panel .ctb-specialmenucalendar-table .ic-check {
  content: url("../../images/themes/dark/ic-check.svg"); }

#ctb-SpecialMenuCalendar-Panel .ctb-specialmenucalendar-table .ic-disapprove {
  content: url("../../images/themes/dark/ic-disapprove.svg"); }

#ctb-SpecialMenuCalendar-Panel .ctb-specialmenucalendar-table .ic-detail-inactive {
  content: url("../../images/themes/light/ic-detail-inactive.svg"); }

.menu-heading-edit .ext-mb-fix-cursor textarea {
  height: 30px !important;
  background-color: #F1F1F1;
  border: none;
  color: #1B1A1A;
  line-height: 30px; }

.ctb_btn_default_sm-custom {
  background-color: #FFFFFF;
  color: #1B1A1A;
  padding-left: 7px;
  padding-right: 8px;
  border-radius: 5px;
  line-height: 32px;
  margin-right: 6px;
  height: 32px !important;
  width: 30px !important; }

#txt_Mailbox_Recipients {
  margin-left: 5px; }

.select-date-form {
  margin-top: 15px; }

.date-from, .date-to {
  margin-bottom: 10px; }

#pnl_CycleMenu .btn-info, .cycle_menu_plan .btn-info {
  position: absolute;
  top: 20px;
  left: 145px;
  background: url("../../images/themes/ic-question.svg") center no-repeat;
  width: 24px;
  height: 24px;
  background-size: cover; }

#pnl_CycleMenu .cycle-menu-calendar, .cycle_menu_plan .cycle-menu-calendar {
  overflow-y: hidden !important; }

#pnl_CycleMenu {
  background-color: transparent !important; }
  #pnl_CycleMenu .ctb_cal_date_prev, #pnl_CycleMenu .ctb_cal_date_next {
    background-color: #F6F6F6;
    cursor: pointer; }
    #pnl_CycleMenu .ctb_cal_date_prev:hover, #pnl_CycleMenu .ctb_cal_date_next:hover {
      background-color: #F1F1F1; }
  #pnl_CycleMenu .ctb_cal_date_active {
    background-color: #FFFFFF;
    cursor: pointer; }
    #pnl_CycleMenu .ctb_cal_date_active:hover {
      background-color: #F1F1F1; }
  #pnl_CycleMenu .ctb_cal_today {
    border: 2px solid #f3ab00 !important;
    outline: 0; }
  #pnl_CycleMenu .ctb_cal_cmp .ctb_date_plan, #pnl_CycleMenu .ctb_cal_cmp .ctb_date_plan_recipe {
    border-radius: 5px;
    color: #FFFFFF; }
  #pnl_CycleMenu .ctb_cal_cmp .ctb_cal_week:nth-child(2) .ctb_cal_week_dates .ctb_cal_date {
    border-top: 1px solid #d9d9d9; }
  #pnl_CycleMenu .ctb_cal_weekly_cmp .ctb_date_plan, #pnl_CycleMenu .ctb_cal_weekly_cmp .ctb_date_plan_recipe {
    border-radius: 5px; }
  #pnl_CycleMenu .ctb_cal_weekly_cmp .ctb_date_plan_highlight {
    font-family: "Roboto Medium", arial, helvetica, sans-serif;
    font-size: 14px; }
  #pnl_CycleMenu .ctb_cal_weekly_cmp .ctb_cal_weekly_header_labels div {
    background-color: #F6F6F6;
    border-radius: 5px;
    font-family: "Roboto Medium", arial, helvetica, sans-serif; }
  #pnl_CycleMenu .ctb_cal_weekly_cmp .ctb_cal_weekly_header_labels div:not(:last-child) {
    border-right: 1px solid #FFFFFF; }
  #pnl_CycleMenu .ctb_cal_weekly_cmp .ctb_cal_weekly_week_dates > div > div {
    padding: 0 4px 4px;
    margin-top: 24px;
    cursor: pointer;
    border-radius: 5px;
    transition: 0.2s; }
    #pnl_CycleMenu .ctb_cal_weekly_cmp .ctb_cal_weekly_week_dates > div > div:before {
      font-family: "Roboto Medium", arial, helvetica, sans-serif;
      top: -22px;
      cursor: default; }
    #pnl_CycleMenu .ctb_cal_weekly_cmp .ctb_cal_weekly_week_dates > div > div:hover {
      background-color: #F1F1F1; }
    #pnl_CycleMenu .ctb_cal_weekly_cmp .ctb_cal_weekly_week_dates > div > div .bg-third {
      font-family: "Roboto Medium", arial, helvetica, sans-serif; }
  #pnl_CycleMenu .ctb_cal_week {
    height: calc((100% - 25px) / 5); }
    #pnl_CycleMenu .ctb_cal_week:nth-child(6) .ctb_cal_week_dates {
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
      #pnl_CycleMenu .ctb_cal_week:nth-child(6) .ctb_cal_week_dates > div:first-child {
        border-bottom-left-radius: 5px; }
        #pnl_CycleMenu .ctb_cal_week:nth-child(6) .ctb_cal_week_dates > div:first-child .ctb_cal_date {
          border-bottom-left-radius: 5px; }
      #pnl_CycleMenu .ctb_cal_week:nth-child(6) .ctb_cal_week_dates > div:last-child {
        border-bottom-right-radius: 5px; }
        #pnl_CycleMenu .ctb_cal_week:nth-child(6) .ctb_cal_week_dates > div:last-child .ctb_cal_date {
          border-bottom-right-radius: 5px; }
  #pnl_CycleMenu .ctb_cal_week_dates {
    border-right: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9; }
    #pnl_CycleMenu .ctb_cal_week_dates > div {
      border-bottom: 1px solid #d9d9d9; }
      #pnl_CycleMenu .ctb_cal_week_dates > div:not(:last-child) {
        border-right: 1px solid #d9d9d9; }
  #pnl_CycleMenu #cyclePlanListTree .x-panel-bwrap {
    border-radius: 5px; }
  #pnl_CycleMenu #cyclePlanListTree .simplebar-content {
    background-color: #FFFFFF; }
  #pnl_CycleMenu .ctb_cal_today {
    border: 2px solid #f3ab00 !important;
    outline: 0; }
  #pnl_CycleMenu .ctb_cal_date_active {
    background-color: #FFFFFF;
    cursor: pointer;
    transition: 0.2s; }
    #pnl_CycleMenu .ctb_cal_date_active:hover {
      background-color: #F1F1F1; }
  #pnl_CycleMenu .x-box-inner-overflow-csroll {
    background-color: #FFFFFF;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); }
    #pnl_CycleMenu .x-box-inner-overflow-csroll .title {
      font-size: 18px;
      font-family: "Roboto Medium", arial, helvetica, sans-serif;
      font-weight: normal;
      padding: 15px 0px 15px 15px;
      background: linear-gradient(#FFFFFF, #F2F1F2);
      border-bottom: 1px solid #d9d9d9;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      line-height: 18px; }
  #pnl_CycleMenu .ctb_cal_header {
    width: 100%;
    height: 25px;
    cursor: default; }
    #pnl_CycleMenu .ctb_cal_header .ctb_cal_header_labels {
      border: 1px solid #d9d9d9;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
      #pnl_CycleMenu .ctb_cal_header .ctb_cal_header_labels div {
        font-family: "Roboto Medium", arial, helvetica, sans-serif; }
        #pnl_CycleMenu .ctb_cal_header .ctb_cal_header_labels div:last-child {
          border-top-right-radius: 5px; }
        #pnl_CycleMenu .ctb_cal_header .ctb_cal_header_labels div:not(:last-child) {
          border-right: 1px solid #d9d9d9; }

.cycle_menu_plan.raise-grid .x-panel-tbar {
  width: 100% !important;
  margin-left: 0px; }

.cycle_menu_plan .sub_header_plan_edit {
  width: 50px;
  margin: 0 50px 0 10px;
  margin-left: 5px;
  color: #4370b7; }
  .cycle_menu_plan .sub_header_plan_edit:hover {
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer; }

.cycle_menu_plan .sub_header_meal_plan_selection {
  border: 1px solid #d9d9d9;
  border-radius: 5px; }

.cycle_menu_plan .pnl-treeview {
  border: none;
  border: 1px solid #d9d9d9; }

.cycle_menu_plan .x-window-bwrap {
  border-radius: 5px; }

.cycle_menu_plan .xbutton {
  border: 1px solid #d9d9d9;
  background: linear-gradient(#FFFFFF, #F2F1F2);
  color: #1B1A1A;
  font-family: "Roboto Medium", arial, helvetica, sans-serif;
  font-size: 12px;
  transition: 0.2s;
  border-radius: 5px; }
  .cycle_menu_plan .xbutton:hover {
    background: linear-gradient(#FFFFFF, #F2F1F2);
    color: #1B1A1A;
    box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }

.cycle_menu_plan .cm_plan_nav:before {
  content: attr(step);
  position: absolute;
  left: calc(50% - 130px);
  display: block;
  width: 240px;
  line-height: 40px;
  padding: 0 10px;
  font-family: "Roboto Standard", arial, helvetica, sans-serif;
  color: #1B1A1A;
  font-size: 22px;
  text-align: center;
  white-space: nowrap; }

.cycle_menu_plan .ctb_cal_week:nth-child(2) {
  height: 19% !important; }
  .cycle_menu_plan .ctb_cal_week:nth-child(2) .ctb_cal_week_dates div:not(.ctb_date_inner_ct) {
    border-top: 1px solid #d9d9d9; }

.cycle_menu_plan .cm_builder_pnl__steps_ct {
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  overflow: auto; }
  .cycle_menu_plan .cm_builder_pnl__steps_ct .x-box-inner {
    min-width: 1000px; }

.cycle_menu_plan .cycle_offering_item {
  background-color: #F6F6F6;
  color: #1B1A1A;
  font-size: 12px;
  font-family: "Roboto Medium", arial, helvetica, sans-serif;
  border-radius: 5px;
  transition: 0.2s; }
  .cycle_menu_plan .cycle_offering_item:hover {
    background-color: #F1F1F1; }

.cycle_menu_plan .container-xbutton .x-box-inner {
  height: 40px !important; }

.cycle_menu_plan input {
  background-color: #FFFFFF;
  color: #1B1A1A;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  height: 32px;
  transition: 0.2s; }
  .cycle_menu_plan input:hover, .cycle_menu_plan input:focus {
    box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }

.cycle_menu_plan input[type="checkbox"] {
  height: 18px;
  border: none;
  border-radius: 0px; }

.cycle_menu_plan .cm_wizzard_pnl__step_hint {
  background-color: #F1F1F1;
  color: #1B1A1A;
  font-family: "Roboto Medium", arial, helvetica, sans-serif;
  font-size: 16px;
  border: 1px solid #d9d9d9; }
  .cycle_menu_plan .cm_wizzard_pnl__step_hint td:first-child {
    border-right: 2px solid #d9d9d9; }

.cycle_menu_plan .cm_view_details_ct {
  min-width: 1000px; }
  .cycle_menu_plan .cm_view_details_ct .__over {
    background-color: #F1F1F1;
    border: 1px solid #d9d9d9;
    border-radius: 5px; }

.cycle_menu_plan .cm_view_headers_ct .header-text, .cycle_menu_plan .cm_view_headers_ct .cm_view_o_header, .cycle_menu_plan .cm_view_headers_ct .cm_view_h_header, .cycle_menu_plan .cm_view_headers_ct .cm_view_r_header {
  border-radius: 5px;
  background-color: #F1F1F1;
  font-family: "Roboto Medium", arial, helvetica, sans-serif;
  transition: 0.2s;
  border: 1px solid #d9d9d9; }
  .cycle_menu_plan .cm_view_headers_ct .header-text:hover, .cycle_menu_plan .cm_view_headers_ct .cm_view_o_header:hover, .cycle_menu_plan .cm_view_headers_ct .cm_view_h_header:hover, .cycle_menu_plan .cm_view_headers_ct .cm_view_r_header:hover {
    background-color: #F1F1F1; }

.cycle_menu_plan .sub_header_portion {
  color: #FFFFFF; }

.cycle_menu_plan .cm_view_heading_detail__sum {
  color: #1B1A1A; }

.cycle_menu_plan .cm_view_heading_detail_qty {
  background-color: unset;
  transition: 0.2s; }
  .cycle_menu_plan .cm_view_heading_detail_qty .tooltip {
    z-index: 2;
    margin-top: 2px;
    cursor: default; }
  .cycle_menu_plan .cm_view_heading_detail_qty:hover .tooltip {
    visibility: visible; }

.cycle_menu_plan .cm_view_heading_detail__header div {
  border-radius: 5px; }

.cycle_menu_plan .cm_view_heading_detail__header .detail-header-text {
  background-color: #F1F1F1;
  width: calc(100% - 200px);
  margin: 0 10px;
  color: #1B1A1A;
  font-family: "Roboto Medium", arial, helvetica, sans-serif; }

.cycle_menu_plan .cm_view_o_detail__offering {
  background-color: #F1F1F1;
  color: #1B1A1A;
  border-radius: 5px;
  font-family: "Roboto Medium", arial, helvetica, sans-serif; }
  .cycle_menu_plan .cm_view_o_detail__offering.no-recipe {
    border: 1px solid #e30612; }

.cycle_menu_plan .details_editor_form {
  border: 1px solid #d9d9d9; }
  .cycle_menu_plan .details_editor_form .x-form-item {
    width: 350px; }
  .cycle_menu_plan .details_editor_form_summary {
    width: 350px;
    background-color: #F6F6F6; }
    .cycle_menu_plan .details_editor_form_summary_highlight {
      color: #f3ab00;
      padding: 0 4px;
      font-family: "Roboto Medium", arial, helvetica, sans-serif; }
  .cycle_menu_plan .details_editor_form_title {
    font-size: 16px;
    font-family: "Roboto Medium", arial, helvetica, sans-serif; }
  .cycle_menu_plan .details_editor_form_fields_ct .x-form-field-wrap {
    width: 248px !important; }

.cycle_menu_plan .current_date_field {
  height: 26px !important; }

.cycle_menu_plan .cm_view_r_detail_qty {
  background-color: unset;
  transition: 0.2s; }
  .cycle_menu_plan .cm_view_r_detail_qty input {
    width: 86%; }
  .cycle_menu_plan .cm_view_r_detail_qty .tooltip {
    z-index: 2;
    margin-top: 2px;
    cursor: default; }
  .cycle_menu_plan .cm_view_r_detail_qty:hover .tooltip {
    visibility: visible; }

.cycle_menu_plan .cm_view_r_detail_portion {
  margin-right: 19px; }

.cycle_menu_plan .cm_view_r_detail_wrap {
  cursor: move;
  transition: 0.2s; }
  .cycle_menu_plan .cm_view_r_detail_wrap:hover .cm_view_r_detail_name {
    color: #f3ab00;
    font-family: "Roboto Medium", arial, helvetica, sans-serif; }
  .cycle_menu_plan .cm_view_r_detail_wrap_bold {
    font-family: "Roboto Medium", arial, helvetica, sans-serif; }
    .cycle_menu_plan .cm_view_r_detail_wrap_bold:first-child {
      color: #549363; }

.cycle_menu_plan .cycle_heading_item {
  border-radius: 5px;
  background-color: #F6F6F6;
  color: #1B1A1A;
  transition: 0.2s; }
  .cycle_menu_plan .cycle_heading_item:hover {
    background-color: #F1F1F1; }

.cycle_menu_plan .cm_view_sum {
  color: #549363; }

.cycle_menu_plan .cm_view_r_detail_cost {
  background-color: #F1F1F1; }

.ctb_cal_weekly_cmp {
  margin-top: 10px; }

#cycle-menu-container {
  overflow-y: auto; }
  #cycle-menu-container .simplebar-track.horizontal {
    visibility: hidden !important; }

.cycle-menu-order-detail fieldset {
  border: none;
  padding: 0; }

.x-dd-drop-ok .x-dd-drop-icon {
  background-image: url("../../../../../Content/v5/custom/images/themes/ic-yes.svg"); }

.x-dd-drop-nodrop .x-dd-drop-icon {
  background-image: url("../../../../../Content/v5/custom/images/themes/ic-nope.svg"); }

.x-dd-drag-ghost {
  color: #1B1A1A;
  background-color: #F6F6F6;
  border: 1px solid #d9d9d9 !important;
  font-family: "Roboto Standard", arial, helvetica, sans-serif;
  border-radius: 5px; }
  .x-dd-drag-ghost input {
    height: 32px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    background-color: #FFFFFF;
    color: #1B1A1A;
    font-family: "Roboto Standard", arial, helvetica, sans-serif;
    font-size: 12px; }
  .x-dd-drag-ghost .cm_view_r_detail_wrap {
    margin-top: 15px !important; }
  .x-dd-drag-ghost .cm_view_r_detail_qty, .x-dd-drag-ghost .cm_view_r_detail_cost {
    position: relative;
    top: -6px; }
  .x-dd-drag-ghost input[type="checkbox"] {
    height: 18px; }
  .x-dd-drag-ghost .cm_view_heading_detail__header .detail-header-text {
    margin-left: 10px;
    width: calc(100% - 200px);
    background-color: #F6F6F6;
    border-radius: 5px; }
  .x-dd-drag-ghost .cm_view_heading_detail__header .cm_view_heading_detail_qty {
    padding-left: 0;
    margin-right: 0; }

.wd_recipe_order_detail .ctb-panel-header-lightgray .x-panel-header {
  border-bottom: none; }

.wd_recipe_order_detail .switch-toggle.switch-android.custom label:nth-child(2) {
  border-right: 1px solid #d9d9d9; }

.wd_recipe_order_detail .x-panel-header.x-unselectable {
  background-color: #FFFFFF; }

.wd_recipe_order_detail .x-panel-whitebgcolor.x-tree .simplebar-content {
  background-color: #FFFFFF; }

.wd_recipe_order_detail .x-panel-whitebgcolor.x-tree .icon-recipe .x-tree-node-icon {
  background-image: url("../../images/themes/light/ic-tree-recipe.svg"); }

.wd_recipe_order_detail .x-panel-whitebgcolor.x-tree .icon-folder .x-tree-node-icon {
  background-image: url("../../images/themes/light/ic-tree-folder.svg"); }

.wd_recipe_order_detail .recipe-order-list .x-grid3-row-checker {
  margin-left: 15px; }

.wd_recipe_order_detail .recipe-order-list *.x-list-header-inner div em {
  border-left: 0; }

.wd_recipe_order_detail .recipe-order-list .x-grid3-row-expanded .x-grid3-td-expander, .wd_recipe_order_detail .recipe-order-list .x-grid3-row-collapsed .x-grid3-td-expander {
  vertical-align: top;
  padding-top: 4px; }

.wd_recipe_order_detail .pnl-treeview .x-panel-bwrap {
  background-color: #FFFFFF; }

.wd_recipe_order_detail #pnl_affected_suppliers .simplebar-content {
  background-color: #FFFFFF; }
  .wd_recipe_order_detail #pnl_affected_suppliers .simplebar-content .x-grid3-body {
    width: 100% !important; }
    .wd_recipe_order_detail #pnl_affected_suppliers .simplebar-content .x-grid3-body .x-grid3-row {
      width: 100% !important; }
      .wd_recipe_order_detail #pnl_affected_suppliers .simplebar-content .x-grid3-body .x-grid3-row table {
        width: 100% !important; }
        .wd_recipe_order_detail #pnl_affected_suppliers .simplebar-content .x-grid3-body .x-grid3-row table .x-grid3-cell-last {
          width: 100% !important; }

.wd_recipe_order_detail #pnl_affected_suppliers .x-grid3-cell-inner {
  padding-right: 7px; }
  .wd_recipe_order_detail #pnl_affected_suppliers .x-grid3-cell-inner #div_row_affected_supplier b {
    line-height: 2; }
  .wd_recipe_order_detail #pnl_affected_suppliers .x-grid3-cell-inner #div_row_affected_supplier div {
    float: right; }
    .wd_recipe_order_detail #pnl_affected_suppliers .x-grid3-cell-inner #div_row_affected_supplier div #btn_daily_order {
      height: 22px; }

.wd_recipe_order_detail .recipe-fact .tdnormal {
  height: 30px; }

.wd_recipe_order_detail .recipe-costing .x-grid3-header .x-grid3-hd-row .x-grid3-td-kitchen-revenue, .wd_recipe_order_detail .recipe-costing .x-grid3-header .x-grid3-hd-row .x-grid3-td-food-cost, .wd_recipe_order_detail .recipe-costing .x-grid3-header .x-grid3-hd-row .x-grid3-td-food-cost-pt, .wd_recipe_order_detail .recipe-costing .x-grid3-header .x-grid3-hd-row .x-grid3-td-food-cost-pt-with-labour, .wd_recipe_order_detail .recipe-costing .x-grid3-header .x-grid3-hd-row .x-grid3-td-selling-price, .wd_recipe_order_detail .recipe-costing .x-grid3-header .x-grid3-hd-row .x-grid3-td-less-gst, .wd_recipe_order_detail .recipe-costing .x-grid3-header .x-grid3-hd-row .x-grid3-td-gross-profit, .wd_recipe_order_detail .recipe-costing .x-grid3-header .x-grid3-hd-row .x-grid3-td-contribution-margin, .wd_recipe_order_detail .recipe-costing .x-grid3-header .x-grid3-hd-row .x-grid3-td-gross-profit-pt {
  position: relative; }

.wd_recipe_order_detail .recipe-costing .x-grid3-header .x-grid3-hd-row .x-grid3-hd-kitchen-revenue, .wd_recipe_order_detail .recipe-costing .x-grid3-header .x-grid3-hd-row .x-grid3-hd-food-cost, .wd_recipe_order_detail .recipe-costing .x-grid3-header .x-grid3-hd-row .x-grid3-hd-food-cost-pt, .wd_recipe_order_detail .recipe-costing .x-grid3-header .x-grid3-hd-row .x-grid3-hd-food-cost-pt-with-labour, .wd_recipe_order_detail .recipe-costing .x-grid3-header .x-grid3-hd-row .x-grid3-hd-selling-price, .wd_recipe_order_detail .recipe-costing .x-grid3-header .x-grid3-hd-row .x-grid3-hd-less-gst, .wd_recipe_order_detail .recipe-costing .x-grid3-header .x-grid3-hd-row .x-grid3-hd-gross-profit, .wd_recipe_order_detail .recipe-costing .x-grid3-header .x-grid3-hd-row .x-grid3-hd-contribution-margin, .wd_recipe_order_detail .recipe-costing .x-grid3-header .x-grid3-hd-row .x-grid3-hd-gross-profit-pt {
  position: static; }

.wd_recipe_order_detail .recipe-costing .x-grid3-header .x-grid3-hd-row .kitchen-revenue {
  background-color: #d260b7; }

.wd_recipe_order_detail .recipe-costing .x-grid3-header .x-grid3-hd-row .food-cost {
  background-color: #5fc678; }

.wd_recipe_order_detail .recipe-costing .x-grid3-header .x-grid3-hd-row .food-cost-pt {
  background-color: #cf9c50; }

.wd_recipe_order_detail .recipe-costing .x-grid3-header .x-grid3-hd-row .food-cost-pt-with-labour {
  background-color: #5f2a74; }

.wd_recipe_order_detail .recipe-costing .x-grid3-header .x-grid3-hd-row .selling-price {
  background-color: #c5c5c5; }

.wd_recipe_order_detail .recipe-costing .x-grid3-header .x-grid3-hd-row .less-gst {
  background-color: #7ccbbf; }

.wd_recipe_order_detail .recipe-costing .x-grid3-header .x-grid3-hd-row .gross-profit {
  background-color: #717ebd; }

.wd_recipe_order_detail .recipe-costing .x-grid3-header .x-grid3-hd-row .contribution-margin {
  background-color: #d66834; }

.wd_recipe_order_detail .recipe-costing .x-grid3-header .x-grid3-hd-row .gross-profit-pt {
  background-color: #b2de86; }

.wd_recipe_order_detail .recipe-costing .x-grid3-scroller .simplebar-content .x-grid3-col {
  padding-left: 0;
  padding-right: 0; }

.wd_recipe_order_detail .recipe-costing .x-grid3-viewport .x-grid3-header {
  padding-top: 0;
  padding-bottom: 0; }

.recipe-order-labelField-toolbar {
  margin: 0 10px 0 10px; }

.unselectable,
.no-user-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.buf-ct {
  height: calc(100% - 20px);
  margin: 10px 10px 10px 15px;
  background-color: #FFFFFF;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  /* buffet sidebar */
  /* buffet main panel */ }
  .buf-ct .buf-sidebar {
    width: 250px;
    height: calc(100% - 85px);
    float: left;
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    border-radius: 5px; }
    .buf-ct .buf-sidebar .buf-sidebar-header {
      font-weight: 500;
      font-size: 22px;
      padding: 10px 20px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      border-bottom: 1px solid #d9d9d9;
      background: linear-gradient(#FFFFFF, #F2F1F2); }
      .buf-ct .buf-sidebar .buf-sidebar-header .ctb-buf-reload {
        float: right;
        position: relative;
        background: url("../../images/themes/light/ic-circle-reload.svg") center no-repeat;
        width: 24px;
        height: 24px;
        background-size: cover; }
      .buf-ct .buf-sidebar .buf-sidebar-header .ctb-buf-question {
        position: absolute;
        left: 160px;
        background: url("../../images/themes/light/ic-circle-question.svg") center no-repeat;
        width: 24px;
        height: 24px;
        background-size: cover; }
    .buf-ct .buf-sidebar .buf-sidebar-body {
      height: calc(100% - 60px);
      padding-top: 10px; }
      .buf-ct .buf-sidebar .buf-sidebar-body .rm-li {
        height: 40px;
        line-height: 40px;
        text-indent: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-indent: 5px;
        padding-left: 15px; }
      .buf-ct .buf-sidebar .buf-sidebar-body .rm-li:hover,
      .buf-ct .buf-sidebar .buf-sidebar-body .rm-li.selected {
        background-color: #dddddd; }
  .buf-ct .buf-views-ct {
    margin-left: 255px;
    height: calc(100% - 85px);
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    border-radius: 5px; }
    .buf-ct .buf-views-ct .buf-views-btn-bar {
      line-height: 30px;
      margin: 10px 15px; }
      .buf-ct .buf-views-ct .buf-views-btn-bar:before {
        content: '';
        display: inline; }
      .buf-ct .buf-views-ct .buf-views-btn-bar .ctb-btn {
        margin-right: 10px;
        font-size: 16px;
        cursor: pointer;
        background-color: #d9d9d9;
        height: 36px;
        line-height: 36px;
        display: inline-flex; }
        .buf-ct .buf-views-ct .buf-views-btn-bar .ctb-btn.selected {
          background-color: #f3ab00; }
    .buf-ct .buf-views-ct .buf-views-inner-ct {
      width: auto;
      height: calc(100% - 40px);
      white-space: nowrap;
      transition: 0.25s ease-out; }
      .buf-ct .buf-views-ct .buf-views-inner-ct .view-1 {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0); }
      .buf-ct .buf-views-ct .buf-views-inner-ct .view-2 {
        -webkit-transform: translate3d(-200%, 0, 0);
        transform: translate3d(-200%, 0, 0); }
      .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct {
        display: inline-flex;
        width: calc(100% - 30px);
        height: 100%;
        white-space: normal;
        padding: 0px 15px;
        /* buffet views */ }
        .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct.margin-top {
          position: relative;
          top: -15px; }
        .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view {
          position: relative;
          height: 100%;
          font-size: 12px;
          width: 100%; }
          .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-header-right {
            width: calc(100% - 450px);
            max-width: 430px; }
          .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view.buffet-week-view .buf-date-header-right {
            width: calc(100% - 485px); }
          .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view.buffet-week-view .medium-text {
            margin-left: 30px; }
          .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view.buffet-month-view .buf-date-header-right {
            width: calc(100% - 585px); }
          .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-header {
            margin-bottom: 10px; }
            .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-header .buf-date-header-left {
              float: left;
              pointer-events: none;
              background-color: #FFFFFF;
              padding: 20px 10px;
              border: 1px solid #d9d9d9;
              border-radius: 5px; }
              .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-header .buf-date-header-left .ctb-buffet-date-view-prev,
              .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-header .buf-date-header-left .ctb-buffet-date-view-next {
                background: url("../../images/themes/light/ic-buffet-date-view-arrow.svg") center no-repeat;
                width: 32px;
                height: 100%;
                float: left;
                cursor: pointer;
                pointer-events: auto; }
                .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-header .buf-date-header-left .ctb-buffet-date-view-prev:hover,
                .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-header .buf-date-header-left .ctb-buffet-date-view-next:hover {
                  background-image: url("../../images/themes/dtp/ic-buffet-date-view-arrow-hover.svg"); }
              .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-header .buf-date-header-left .ctb-buffet-date-view-next {
                float: right;
                transform: rotate(180deg); }
              .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-header .buf-date-header-left .b-header-col {
                float: left;
                line-height: 140px;
                padding: 0 5px; }
                .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-header .buf-date-header-left .b-header-col.huge-text {
                  color: #f3ab00;
                  font-size: 128px;
                  text-align: center; }
                .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-header .buf-date-header-left .b-header-col.medium-text {
                  color: #f3ab00;
                  font-size: 56px;
                  line-height: 125px;
                  text-align: center; }
                .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-header .buf-date-header-left .b-header-col.pre-text {
                  line-height: 20px; }
                .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-header .buf-date-header-left .b-header-col.bottom-text {
                  margin-top: 52px; }
                .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-header .buf-date-header-left .b-header-col.middle-text {
                  margin-top: 42px; }
            .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-header .buf-date-header-right {
              display: inline-grid;
              margin-left: 10px !important;
              pointer-events: none;
              background-color: #FFFFFF;
              padding: 20px 10px;
              border: 1px solid #d9d9d9;
              border-radius: 5px; }
              .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-header .buf-date-header-right .b-dv-default-menu {
                line-height: 20px;
                margin-left: 10px;
                pointer-events: auto; }
              .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-header .buf-date-header-right .b-dv-sum-row {
                height: 40px;
                line-height: 40px;
                background-color: #F6F6F6;
                margin-top: 5px;
                padding-left: 10px;
                width: calc(100% - 10px); }
                .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-header .buf-date-header-right .b-dv-sum-row .b-dv-sum-label {
                  display: inline-block;
                  width: 120px;
                  font-size: 16px; }
                .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-header .buf-date-header-right .b-dv-sum-row .b-dv-sum-value {
                  display: inline-block;
                  color: #f3ab00; }
          .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-btn-bar {
            margin-top: 20px; }
            .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-btn-bar .ctb-btn {
              padding: 10px 11px;
              background-color: #d9d9d9;
              margin-right: 10px; }
          .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body {
            position: relative;
            height: calc(100% - 270px);
            /* buffet block in date view */ }
            .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct {
              position: relative;
              padding: 20px 10px;
              background-color: #FFFFFF;
              margin-bottom: 10px;
              border-radius: 5px;
              border: 1px solid #d9d9d9; }
              .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct {
                display: block;
                line-height: 25px;
                margin-bottom: 20px;
                pointer-events: none;
                /* menu name */ }
                .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-label {
                  display: inline-block;
                  width: 80px;
                  font-size: 16px;
                  text-indent: 10px; }
                .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip {
                  width: 300px;
                  height: 32px;
                  text-indent: 5px;
                  pointer-events: auto; }
                .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-menu {
                  padding: 8px 35px 8px 5px;
                  pointer-events: auto;
                  background: linear-gradient(#FFFFFF, #F2F1F2);
                  cursor: pointer;
                  border: 1px solid #d9d9d9;
                  border-radius: 5px;
                  transition: box-shadow 0.2s; }
                  .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-menu:hover {
                    box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
                  .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-menu:after {
                    content: url("../../images/themes/light/ic-arrow-drop-down-secondary.svg");
                    position: relative;
                    right: -25px;
                    bottom: 3px; }
              .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row {
                margin: 0 10px 10px 0px;
                pointer-events: none; }
                .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row:after {
                  content: '';
                  display: block;
                  clear: both; }
                .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-label {
                  display: inline-block;
                  width: 75%;
                  height: 40px;
                  line-height: 40px;
                  vertical-align: top;
                  box-sizing: border-box;
                  text-indent: 10px; }
                .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-value,
                .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip-ct {
                  display: inline-block;
                  width: 24%;
                  height: 40px;
                  line-height: 40px;
                  margin-left: 1%;
                  vertical-align: top;
                  text-align: center; }
                .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip-ct:after {
                  content: '';
                  display: block;
                  overflow: hidden; }
                .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip {
                  width: 130px;
                  height: 27px !important;
                  text-align: center;
                  font-size: 12px;
                  display: inherit;
                  vertical-align: middle;
                  padding-right: 8px; }
                .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip:not(:disabled) {
                  pointer-events: auto; }
                .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-value {
                  text-align: center; }
              .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-btn-bar {
                pointer-events: none;
                margin-top: 30px;
                height: 50px; }
                .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-btn-bar .ctb-btn {
                  margin-right: 10px;
                  pointer-events: auto;
                  background-color: #FFFFFF;
                  padding: 8px 11px;
                  cursor: pointer; }

.buf-view-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  pointer-events: none; }

.ctb-overlay {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99; }
  .ctb-overlay.ctb-buffet-costing-breakdown .o-content-wrapper .o-content-body-wrapper {
    padding: 15px; }
    .ctb-overlay.ctb-buffet-costing-breakdown .o-content-wrapper .o-content-body-wrapper .o-content-body {
      background-color: #FFFFFF; }
  .ctb-overlay.hidden {
    display: none; }
  .ctb-overlay .o-content-wrapper {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
    .ctb-overlay .o-content-wrapper .o-content-body-wrapper {
      display: inline-block;
      position: relative;
      width: auto;
      min-width: 400px;
      height: 550px;
      margin: auto;
      background-color: #FFFFFF;
      border: 1px solid #d9d9d9;
      border-radius: 5px; }
      .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-header {
        height: 40px;
        line-height: 40px;
        background: linear-gradient(#FFFFFF, #F2F1F2);
        font-weight: bold;
        font-size: 18px;
        text-align: left;
        text-indent: 15px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom: 1px solid #d9d9d9; }
      .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-body {
        height: calc(100% - 110px);
        box-sizing: border-box;
        text-align: left;
        background-color: #FFFFFF;
        /* helpers for buffet */
        /* date picker */ }
        .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-body .buffet-menu {
          margin-bottom: 0; }
          .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-body .buffet-menu:hover {
            background-color: #FFFFFF; }
        .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-body .menu-list-ct {
          display: inline-flex;
          height: 100%;
          width: 100%;
          background-color: #FFFFFF; }
          .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-body .menu-list-ct .menu-list-items {
            margin-top: 10px; }
            .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-body .menu-list-ct .menu-list-items li.rm-li {
              line-height: 32px;
              font-size: 12px;
              padding-left: 15px;
              cursor: pointer; }
              .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-body .menu-list-ct .menu-list-items li.rm-li.selected, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-body .menu-list-ct .menu-list-items li.rm-li:hover {
                background-color: #F1F1F1; }
        .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-body .b-dp-range-ct {
          display: inline-block;
          width: 560px;
          vertical-align: top;
          background-color: #FFFFFF;
          padding: 10px 10px 10px 20px;
          height: 100%; }
        .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-body .b-dp-ct {
          display: inline-block;
          width: 270px;
          margin-right: 10px; }
        .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-body .b-dp-ip-ct {
          display: block;
          margin-bottom: 10px;
          margin-top: 5px; }
        .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-body .b-dp-ip-label {
          font-size: 12px;
          margin-bottom: 10px; }
        .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-body .b-dp-ip {
          display: block;
          width: 100%;
          border: none;
          border-bottom: 1px solid #d9d9d9;
          background-color: transparent;
          color: #1B1A1A;
          height: 32px;
          font-size: 16px; }
      .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 70px;
        line-height: 60px;
        box-sizing: border-box;
        text-align: right;
        font-size: 12px;
        padding-right: 15px;
        background-color: #FFFFFF;
        right: 0; }
        .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar:before, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar.selected {
          content: ''; }
        .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn {
          margin-left: 5px;
          margin-right: 5px;
          padding: 8px 11px;
          cursor: pointer;
          border-radius: 5px; }
      .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-close-btn {
        display: inline-block;
        position: absolute;
        right: 10px;
        top: -12px;
        width: 20px;
        height: 20px;
        font-size: 24px; }

.pika-single {
  z-index: 30;
  display: block;
  position: relative;
  background: transparent;
  border: 1px solid #d9d9d9;
  margin-top: 20px;
  border-radius: 5px; }
  .pika-single .pika-lendar {
    margin: 0px;
    width: 100%; }
    .pika-single .pika-lendar .pika-title {
      background-color: #f3ab00;
      padding: 8px 0px;
      position: relative;
      text-align: center;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
      .pika-single .pika-lendar .pika-title select {
        cursor: pointer;
        position: absolute;
        z-index: 29;
        margin: 0;
        left: 0;
        top: 5px;
        opacity: 0;
        display: inline-block; }
      .pika-single .pika-lendar .pika-title .pika-prev,
      .pika-single .pika-lendar .pika-title .pika-next {
        background: url("../../images/themes/dark/ic-calendar-arrow.svg") center no-repeat;
        height: 30px;
        width: 20px;
        display: block;
        cursor: pointer;
        position: relative;
        outline: 0;
        border: 0;
        padding: 0;
        text-indent: 20px;
        white-space: nowrap;
        overflow: hidden;
        float: right; }
      .pika-single .pika-lendar .pika-title .pika-prev {
        transform: rotate(180deg);
        float: left; }
      .pika-single .pika-lendar .pika-title .pika-next {
        top: 3px; }
      .pika-single .pika-lendar .pika-title .pika-label {
        display: inline-block;
        position: relative;
        z-index: 30;
        overflow: hidden;
        margin: 0;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 20px;
        font-weight: bold;
        background: linear-gradient(#FFC438, #f3ab00);
        color: #FFFFFF;
        border: 1px solid #FFC438; }
        .pika-single .pika-lendar .pika-title .pika-label:first-child {
          border-top-left-radius: 5px;
          border-bottom-left-radius: 5px;
          padding-right: 2px;
          border-right: none; }
        .pika-single .pika-lendar .pika-title .pika-label:nth-child(2) {
          border-top-right-radius: 5px;
          border-bottom-right-radius: 5px;
          padding-left: 2px;
          border-left: none; }
    .pika-single .pika-lendar .pika-table {
      width: calc(100% - 15px);
      border-collapse: collapse;
      border-spacing: 0;
      border: 0;
      margin: 5px 5px 5px 10px; }
      .pika-single .pika-lendar .pika-table th {
        font-size: 12px;
        line-height: 45px;
        font-weight: bold;
        text-align: center; }
        .pika-single .pika-lendar .pika-table th abbr {
          border: none;
          text-decoration: none; }
      .pika-single .pika-lendar .pika-table tr {
        height: 40px; }
        .pika-single .pika-lendar .pika-table tr td .pika-button {
          cursor: pointer;
          display: block;
          box-sizing: border-box;
          -moz-box-sizing: border-box;
          outline: 0;
          border: 0;
          margin: 0;
          width: 32px;
          padding: 8px 0px;
          font-size: 12px;
          line-height: 15px;
          text-align: right;
          background: transparent;
          color: #1B1A1A;
          text-align: center;
          border-radius: 20px; }
          .pika-single .pika-lendar .pika-table tr td .pika-button:hover {
            border: 1px solid #f3ab00; }
        .pika-single .pika-lendar .pika-table tr .is-selected .pika-button {
          border: 1px solid #f3ab00; }

/* .b-h-ip:disabled:hover {
    outline: 2px solid lightblue;
    cursor: pointer;
} */
/* .b-h-ip:focus {
    background-color: white;
    border-color: black;
    font-size: 16px;
} */
.b-o-ct {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.7);
  pointer-events: none;
  transition: 0.15s ease-out; }

.b-o-text {
  position: relative;
  top: calc(50% - 20px);
  width: 95%;
  height: 40px;
  margin: auto;
  line-height: 40px;
  color: white;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  text-shadow: 0 0 15px white; }

.big-text {
  font-size: 70px; }

.pre-text {
  line-height: normal;
  white-space: pre-wrap; }

.rtl-text {
  text-align: right; }

/* input place holder style */
/* ::-webkit-input-placeholder {
    color: rgba(190, 27, 33, 0.8);
}

:-moz-placeholder {
    color: rgba(190, 27, 33, 0.8);
}

::-moz-placeholder {
    color: rgba(190, 27, 33, 0.8);
}

:-ms-input-placeholder {
    color: rgba(190, 27, 33, 0.8);
} */
/* buffet breakdown view css */
.b-bd-panel {
  height: 100%; }

/* bufet first header */
.b-bd-fh {
  background-color: #FFFFFF;
  padding: 15px 0; }
  .b-bd-fh .b-bd-fh-row {
    width: 650px;
    height: 40px;
    line-height: 32px;
    margin: auto; }
  .b-bd-fh .b-bd-fh-cell {
    display: inline-block;
    width: 50%; }
    .b-bd-fh .b-bd-fh-cell .b-bd-fh-label {
      display: inline-block;
      width: 80px;
      font-size: 12px; }
    .b-bd-fh .b-bd-fh-cell .b-bd-fh-input {
      display: inline-block;
      width: 200px;
      height: 32px;
      box-sizing: border-box;
      font-size: 12px;
      color: #1B1A1A;
      text-indent: 10px; }
    .b-bd-fh .b-bd-fh-cell span.b-bd-fh-input {
      border-radius: 5px;
      background-color: #FFFFFF;
      border: 1px solid #d9d9d9; }

/* buffet second header */
.b-bd-header-cell {
  display: inline-table;
  vertical-align: top;
  height: 80px;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  box-sizing: border-box;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  position: relative; }

.b-bd-header-celltext {
  display: table-cell;
  padding-left: 2px;
  padding-right: 2px;
  vertical-align: middle;
  line-height: 65px; }

.b-bd-panel-footer {
  float: right;
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  text-align: right;
  font-size: 12px;
  margin-top: 20px;
  background-color: #F6F6F6; }
  .b-bd-panel-footer .b-bd-footer-cell {
    display: inline-block;
    height: 100%;
    text-align: left;
    vertical-align: top;
    margin-right: 17px; }
  .b-bd-panel-footer .b-bd-footer-cell-label {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    font-weight: bold; }
  .b-bd-panel-footer .b-bd-footer-cell-value {
    display: inline-block;
    width: 100px;
    height: 100%;
    vertical-align: top;
    text-align: center;
    color: #e30612;
    font-weight: bold; }

/* section */
.b-bd-panel-header {
  border: 1px solid #d9d9d9;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.b-bd-panel-body {
  height: calc(100% - 220px);
  overflow-y: auto;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }
  .b-bd-panel-body .b-bd-section {
    padding-bottom: 5px; }
    .b-bd-panel-body .b-bd-section.stock-section .b-bd-section-header {
      border-bottom: 1px solid #dddddd;
      border-top: 1px solid #dddddd; }
    .b-bd-panel-body .b-bd-section .b-bd-section-header {
      position: relative; }
      .b-bd-panel-body .b-bd-section .b-bd-section-header .b-bd-section-label {
        display: inline-block;
        width: 20%;
        height: 70px;
        line-height: 70px;
        font-size: 16px;
        white-space: nowrap;
        text-indent: 20px;
        font-size: 12px; }
      .b-bd-panel-body .b-bd-section .b-bd-section-header .b-bd-section-btn {
        margin-left: 10px;
        vertical-align: middle;
        background-color: #d9d9d9;
        padding: 0px 11px;
        line-height: 32px;
        border: none;
        color: #1B1A1A;
        cursor: pointer; }
    .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-heading {
      padding-bottom: 5px; }
      .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-heading .b-bd-heading:hover .del-btn,
      .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-heading .b-bd-heading:hover .bd-icon-btn.delete {
        display: inline-block; }
      .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-heading .b-bd-heading-header {
        position: relative;
        height: 40px;
        line-height: 40px;
        font-size: 12px;
        border-bottom: 1px solid #dddddd;
        border-top: 1px solid #dddddd; }
      .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-heading .b-bd-heading-label {
        display: inline-block;
        width: 20%;
        vertical-align: middle;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-indent: 20px;
        background-color: #F6F6F6; }
    .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r {
      position: relative;
      margin-bottom: 5px; }
      .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .b-bd-r-par {
        padding: 10px 0; }
      .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-cell {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        position: relative;
        vertical-align: top;
        text-align: center;
        font-size: 12px; }
        .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-cell.label-cell {
          text-indent: 20px; }
      .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip {
        display: block;
        width: 90%;
        height: 100%;
        text-align: center; }
      .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ip-hl {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        width: 0;
        height: 2px;
        margin: auto;
        transition: width 0.3s ease-out; }
      .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .label-cell {
        text-align: left;
        text-indent: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: normal; }
      .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .b-bd-par-label {
        display: inline-block;
        width: 95px;
        text-indent: 20px;
        font-size: 12px; }
      .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .b-bd-par-input {
        height: 20px;
        padding: 2px 4px;
        border: none;
        background-color: #F1F1F1;
        color: #1B1A1A;
        text-indent: 10px;
        line-height: 20px; }
    .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r:hover .del-btn,
    .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r:hover .bd-icon-btn.delete {
      display: inline-block; }
    .b-bd-panel-body .b-bd-section .b-bd-section-body span.bd-icon-btn {
      width: 24px;
      height: 24px;
      margin-left: 10px;
      vertical-align: middle;
      text-align: center;
      cursor: pointer;
      display: inline-flex; }
      .b-bd-panel-body .b-bd-section .b-bd-section-body span.bd-icon-btn.ctb-buffet-costing-breakdown-plus {
        background: url("../../images/themes/light/ic-circle-plus.svg") center no-repeat; }
      .b-bd-panel-body .b-bd-section .b-bd-section-body span.bd-icon-btn.ctb-buffet-costing-breakdown-delete {
        background: url("../../images/themes/light/ic-circle-cross.svg") center no-repeat; }
      .b-bd-panel-body .b-bd-section .b-bd-section-body span.bd-icon-btn.delete {
        position: absolute;
        top: 5px;
        right: 15px; }

.buf-wm-header-row {
  height: 75px;
  color: #FFFFFF;
  background-color: #FFFFFF;
  padding: 0px 20px 20px;
  border: 1px solid #d9d9d9;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }
  .buf-wm-header-row .b-wm-h-r-cell {
    display: inline-table;
    height: 100%;
    vertical-align: top;
    text-align: center;
    border-left: 2px solid transparent;
    box-sizing: border-box;
    position: relative; }
    .buf-wm-header-row .b-wm-h-r-cell span {
      display: table-cell;
      padding-left: 2px;
      padding-right: 2px;
      vertical-align: middle;
      font-weight: bold;
      font-size: 12px;
      line-height: 70px; }

#pnl_BuffetTab .b-wm-h-r-cell span.bg-success {
  border: none !important; }

#pnl_BuffetTab .title {
  font-size: 18px;
  font-family: "Roboto Medium", arial, helvetica, sans-serif;
  font-weight: normal;
  padding: 15px 0px 15px 15px;
  background: linear-gradient(#FFFFFF, #F2F1F2);
  border-bottom: 1px solid #d9d9d9;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  line-height: 18px; }

.buf-wm-body {
  height: calc(100% - 350px);
  background-color: #FFFFFF;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }
  .buf-wm-body .b-wm-date-block {
    position: relative;
    margin: 10px 20px 0 10px;
    padding: 10px;
    background-color: #F6F6F6;
    border-radius: 5px; }
    .buf-wm-body .b-wm-date-block .b-wm-date-block-header {
      height: 40px;
      line-height: 40px;
      font-size: 16px; }
      .buf-wm-body .b-wm-date-block .b-wm-date-block-header .b-wm-date-label {
        display: inline-block;
        width: 19.5%;
        line-height: 40px;
        position: relative; }
      .buf-wm-body .b-wm-date-block .b-wm-date-block-header .buffet-week-month-plus {
        background: url("../../images/themes/light/ic-circle-plus.svg") center no-repeat;
        width: 24px;
        height: 24px;
        cursor: pointer;
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle; }
      .buf-wm-body .b-wm-date-block .b-wm-date-block-header .buffet-week-month-menu {
        background: url("../../images/themes/light/ic-circle-menu.svg") center no-repeat;
        width: 24px;
        height: 24px;
        cursor: pointer;
        display: inline-block;
        vertical-align: middle; }
    .buf-wm-body .b-wm-date-block .b-wm-date-block-body .b-wm-r {
      border-top: 2px solid #d9d9d9;
      padding-top: 20px;
      /* control row & buttons */ }
      .buf-wm-body .b-wm-date-block .b-wm-date-block-body .b-wm-r:first-child {
        border: none;
        padding-top: 10px; }
      .buf-wm-body .b-wm-date-block .b-wm-date-block-body .b-wm-r:last-child .b-wm-ctrl-r {
        padding-bottom: 0; }
      .buf-wm-body .b-wm-date-block .b-wm-date-block-body .b-wm-r .b-wm-stat-r {
        position: relative;
        margin-bottom: 10px;
        /* statistic cell */ }
        .buf-wm-body .b-wm-date-block .b-wm-date-block-body .b-wm-r .b-wm-stat-r .b-wm-r-cell {
          display: inline-block;
          height: 50px;
          line-height: 50px;
          vertical-align: top;
          resize: none;
          text-align: center; }
          .buf-wm-body .b-wm-date-block .b-wm-date-block-body .b-wm-r .b-wm-stat-r .b-wm-r-cell .buf-name-text-area {
            line-height: normal;
            background-color: #FFFFFF;
            border: none;
            text-align: left;
            font-size: 12px;
            pointer-events: auto;
            color: #1B1A1A;
            font-family: inherit;
            text-align: left;
            height: 46px;
            line-height: 46px;
            width: calc(100% - 25px);
            display: block;
            padding-left: 8px;
            padding-right: 8px;
            border-radius: 5px !important;
            border: 1px solid #d9d9d9 !important;
            transition: box-shadow 0.2s; }
            .buf-wm-body .b-wm-date-block .b-wm-date-block-body .b-wm-r .b-wm-stat-r .b-wm-r-cell .buf-name-text-area:hover {
              box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
            .buf-wm-body .b-wm-date-block .b-wm-date-block-body .b-wm-r .b-wm-stat-r .b-wm-r-cell .buf-name-text-area:hover {
              cursor: pointer; }
            .buf-wm-body .b-wm-date-block .b-wm-date-block-body .b-wm-r .b-wm-stat-r .b-wm-r-cell .buf-name-text-area:focus {
              cursor: text; }
        .buf-wm-body .b-wm-date-block .b-wm-date-block-body .b-wm-r .b-wm-stat-r .b-wm-r-ip {
          color: #1B1A1A;
          display: block;
          width: calc(100% - 10px);
          height: 100%;
          background-color: #FFFFFF;
          border: none;
          text-align: center;
          font-size: inherit;
          font-weight: inherit;
          pointer-events: auto;
          border-radius: 5px !important;
          border: 1px solid #d9d9d9 !important;
          transition: box-shadow 0.2s; }
          .buf-wm-body .b-wm-date-block .b-wm-date-block-body .b-wm-r .b-wm-stat-r .b-wm-r-ip:hover {
            box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
          .buf-wm-body .b-wm-date-block .b-wm-date-block-body .b-wm-r .b-wm-stat-r .b-wm-r-ip :hover {
            cursor: pointer; }
      .buf-wm-body .b-wm-date-block .b-wm-date-block-body .b-wm-r .b-wm-ctrl-r {
        height: 50px;
        padding: 10px 0; }
        .buf-wm-body .b-wm-date-block .b-wm-date-block-body .b-wm-r .b-wm-ctrl-r .b-wm-ctrl-r-menu-name {
          position: relative;
          height: 20px;
          line-height: 20px;
          display: inline-block;
          padding: 8px 0px 8px 0px;
          pointer-events: auto;
          background: linear-gradient(#FFFFFF, #F2F1F2);
          cursor: pointer;
          text-indent: 5px;
          width: 240px;
          margin-right: 10px;
          border-radius: 5px !important;
          border: 1px solid #d9d9d9 !important;
          transition: box-shadow 0.2s; }
          .buf-wm-body .b-wm-date-block .b-wm-date-block-body .b-wm-r .b-wm-ctrl-r .b-wm-ctrl-r-menu-name:hover {
            box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
          .buf-wm-body .b-wm-date-block .b-wm-date-block-body .b-wm-r .b-wm-ctrl-r .b-wm-ctrl-r-menu-name:after {
            content: url("../../images/themes/light/ic-arrow-drop-down-secondary.svg");
            position: relative;
            right: 7px;
            bottom: 3px;
            float: right; }
        .buf-wm-body .b-wm-date-block .b-wm-date-block-body .b-wm-r .b-wm-ctrl-r i {
          display: inline-flex;
          width: 20px;
          height: 20px;
          line-height: 20px;
          text-align: center;
          font-size: 16px;
          cursor: pointer;
          width: 24px;
          height: 24px;
          margin-right: 5px;
          vertical-align: middle; }
          .buf-wm-body .b-wm-date-block .b-wm-date-block-body .b-wm-r .b-wm-ctrl-r i.buffet-week-breakdown {
            background: url("../../images/themes/light/ic-circle-check.svg") center no-repeat;
            width: 24px;
            height: 24px; }
          .buf-wm-body .b-wm-date-block .b-wm-date-block-body .b-wm-r .b-wm-ctrl-r i.buffet-week-month-save {
            background: url("../../images/themes/light/ic-circle-file.svg") center no-repeat; }
          .buf-wm-body .b-wm-date-block .b-wm-date-block-body .b-wm-r .b-wm-ctrl-r i.buffet-week-month-menu {
            background: url("../../images/themes/light/ic-circle-menu.svg") center no-repeat; }
          .buf-wm-body .b-wm-date-block .b-wm-date-block-body .b-wm-r .b-wm-ctrl-r i.buffet-week-month-delete {
            background: url("../../images/themes/light/ic-circle-cross.svg") center no-repeat; }

.b-wm-date-default {
  display: inline-block;
  margin-left: 20px;
  font-size: 12px; }

/* outlet row */
.b-wm-o-r {
  padding: 0 0 4px 0;
  color: darkgreen;
  font-weight: bold;
  font-size: 12px;
  pointer-events: none; }

.actual-resident-form .x-form-item-label:nth-child(1) {
  margin-top: 13px !important; }

#pnl-treeview-for-buf-costing-break-down .x-form-field-wrap {
  margin-bottom: 1px; }

.ctb_simple_table_style {
  width: 98% !important;
  margin: 15px !important;
  box-shadow: none;
  -webkit-box-shadow: none;
  background-color: #F1F1F1;
  color: #1B1A1A;
  font-weight: 500;
  text-shadow: none;
  border: none;
  font-size: 13px;
  font-family: "Roboto Medium", arial, helvetica, sans-serif;
  -webkit-border-radius: none; }
  .ctb_simple_table_style th, .ctb_simple_table_style tr {
    background: unset;
    border-top: none;
    border-bottom: none; }

.stocktake-valuation-table .x-panel-body {
  overflow: hidden; }
  .stocktake-valuation-table .x-panel-body .ctb_simple_table_style {
    width: calc(100% - 20px) !important;
    margin: 10px !important;
    background-color: #FFFFFF;
    border: 1px solid #d9d9d9; }
    .stocktake-valuation-table .x-panel-body .ctb_simple_table_style tr {
      border-top: 4px solid #FFFFFF;
      border-bottom: none; }
      .stocktake-valuation-table .x-panel-body .ctb_simple_table_style tr:nth-child(even) {
        background-color: unset !important; }
      .stocktake-valuation-table .x-panel-body .ctb_simple_table_style tr:first-child, .stocktake-valuation-table .x-panel-body .ctb_simple_table_style tr:nth-child(2) {
        border-top: none; }
      .stocktake-valuation-table .x-panel-body .ctb_simple_table_style tr:first-child {
        border-top: none;
        border-bottom: 1px solid #d9d9d9; }
        .stocktake-valuation-table .x-panel-body .ctb_simple_table_style tr:first-child:hover th {
          border-width: 0 1px 1px 0; }
          .stocktake-valuation-table .x-panel-body .ctb_simple_table_style tr:first-child:hover th:not(:last-child) {
            border-right-color: #d9d9d9 !important; }
      .stocktake-valuation-table .x-panel-body .ctb_simple_table_style tr:hover td {
        background: #F1F1F1;
        color: #1B1A1A; }
      .stocktake-valuation-table .x-panel-body .ctb_simple_table_style tr th {
        background: linear-gradient(#FFFFFF, #F2F1F2);
        color: #1B1A1A;
        font-size: 12px;
        font-weight: 500;
        padding: 9px !important;
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        border-width: 0 1px 1px 0;
        border-color: #d9d9d9;
        border-style: solid;
        border-right-color: transparent !important; }
      .stocktake-valuation-table .x-panel-body .ctb_simple_table_style tr td {
        text-align: left;
        padding: 0px;
        font-size: 12px;
        height: 31px;
        border: none;
        border-width: none;
        padding-left: 9px;
        border: unset;
        background: #F6F6F6;
        border-top: 2px solid #FFFFFF;
        border-bottom: 2px solid #FFFFFF; }
        .stocktake-valuation-table .x-panel-body .ctb_simple_table_style tr td:first-child {
          border-left: 4px solid #FFFFFF;
          border-top-left-radius: 10px;
          border-bottom-left-radius: 10px;
          padding-left: 8px !important;
          text-align: left; }
        .stocktake-valuation-table .x-panel-body .ctb_simple_table_style tr td:last-child {
          border-right: 4px solid #FFFFFF;
          border-top-right-radius: 10px;
          border-bottom-right-radius: 10px; }

.revenue-detail-grid .x-form-field-wrap {
  height: 28px;
  border-radius: 2px; }
  .revenue-detail-grid .x-form-field-wrap .x-form-text, .revenue-detail-grid .x-form-field-wrap .ctb_transparent_bg_color .ctb-reciperipper-url, .ctb_transparent_bg_color .revenue-detail-grid .x-form-field-wrap .ctb-reciperipper-url, .revenue-detail-grid .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .revenue-detail-grid .x-form-field-wrap .b-h-ip, .revenue-detail-grid .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .revenue-detail-grid .x-form-field-wrap .r-ip, .revenue-detail-grid .x-form-field-wrap .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell .revenue-detail-grid .x-form-field-wrap input.b-bd-fh-input, .revenue-detail-grid .x-form-field-wrap .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .revenue-detail-grid .x-form-field-wrap .bd-r-ip {
    height: 26px !important; }
  .revenue-detail-grid .x-form-field-wrap .x-form-trigger {
    height: 28px !important; }

.revenue-detail-grid .x-grid-panel .x-grid3 .x-form-field-wrap .x-form-trigger {
  background-position: 7px 1px; }
  .revenue-detail-grid .x-grid-panel .x-grid3 .x-form-field-wrap .x-form-trigger.x-form-trigger-over {
    background-position: 7px 1px !important; }

.variance-report .x-toolbar-right-row .x-toolbar-cell {
  padding-right: 10px; }

#wd_filter_window .simplebar-scroll-content {
  overflow-y: unset; }

.grid_SaleItem .x-grid3-hd-inner.x-grid3-hd-checker {
  width: auto !important;
  margin-top: 15px; }

.grid_SaleItem .x-grid3-header {
  padding-top: 0px; }
  .grid_SaleItem .x-grid3-header .x-grid3-header-offset {
    padding-left: 0; }
    .grid_SaleItem .x-grid3-header .x-grid3-header-offset table:first-child {
      width: calc(100% + 1px) !important;
      background: #F6F6F6;
      border-bottom: 1px solid #d9d9d9; }
      .grid_SaleItem .x-grid3-header .x-grid3-header-offset table:first-child td:first-child {
        border-right: 1px solid #d9d9d9 !important; }
        .grid_SaleItem .x-grid3-header .x-grid3-header-offset table:first-child td:first-child .x-grid3-hd-checker {
          all: unset; }
      .grid_SaleItem .x-grid3-header .x-grid3-header-offset table:first-child td:last-child {
        padding-left: 32px; }

.customize-instruction .x-window-ml {
  padding-left: 0; }

.customize-instruction .x-window-mr {
  padding-right: 0; }

.customize-instruction .x-panel-fbar {
  padding-right: 15px; }

.ctbwindow-detail-general .x-grid3-cell-selected {
  background: #F1F1F1 !important;
  border-radius: 5px; }

#grid_WastageTemplates {
  height: 100% !important; }
  #grid_WastageTemplates .x-panel-bwrap {
    height: inherit; }
    #grid_WastageTemplates .x-panel-bwrap .x-panel-ml {
      height: inherit; }
      #grid_WastageTemplates .x-panel-bwrap .x-panel-ml .x-panel-mr {
        height: inherit; }
        #grid_WastageTemplates .x-panel-bwrap .x-panel-ml .x-panel-mr .x-panel-mc {
          height: inherit; }
          #grid_WastageTemplates .x-panel-bwrap .x-panel-ml .x-panel-mr .x-panel-mc .x-panel-body {
            height: calc(100% - 109px) !important; }
            #grid_WastageTemplates .x-panel-bwrap .x-panel-ml .x-panel-mr .x-panel-mc .x-panel-body .x-grid3 {
              height: 100% !important; }

.pnl_WastageLayout .templates-icon-title {
  background: url("../../images/themes/light/ic-templates-title.svg") no-repeat;
  background-size: contain;
  width: 20px;
  height: 18px;
  display: block; }

.pnl_WastageLayout .templates-icon {
  background: url("../../images/themes/ic-templates.svg");
  width: 20px;
  height: 24px;
  margin-top: 30px;
  margin-left: 10px; }

.pnl_WastageLayout .templates-collapsed {
  height: calc(100% - 22px) !important; }
  .pnl_WastageLayout .templates-collapsed .x-panel-body:first-child {
    height: calc(100vh - 180px) !important; }

.pnl_WastageLayout .panel-collapse {
  right: 0;
  left: auto !important;
  border-radius: 5px !important;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); }
  .pnl_WastageLayout .panel-collapse > .x-panel-tl {
    border-radius: 5px 0 0 0 !important; }

.pnl_WastageLayout .x-layout-collapsed {
  width: 40px !important;
  top: 10px !important;
  right: 7px;
  left: auto !important;
  background-color: #f3ab00;
  border-radius: 5px 0 0 5px;
  transition: 0.2s;
  border: none;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); }
  .pnl_WastageLayout .x-layout-collapsed:hover {
    padding-right: 5px; }
    .pnl_WastageLayout .x-layout-collapsed:hover .templates-tag {
      right: 16px; }

.pnl_WastageLayout .templates-tag {
  margin-top: 22px;
  color: white;
  font-family: "Roboto Medium", arial, helvetica, sans-serif; }

.pnl_WastageLayout .x-layout-collapsed {
  height: 180px !important; }

.pnl_WastageLayout .templates-tag {
  right: 11px;
  width: 100px;
  height: 100px;
  position: absolute;
  transition: 0.2s; }

.wastage-detail-window .raise-grid {
  border: none; }

.interactiveTemplate {
  font-family: "Roboto Standard", arial, helvetica, sans-serif; }
  .interactiveTemplate .bg-orange, .interactiveTemplate .text-form-data {
    background-color: orange; }
  .interactiveTemplate .color-great, .interactiveTemplate .invalid-tooltip .x-tip-header-text, .invalid-tooltip .interactiveTemplate .x-tip-header-text {
    color: red !important; }
  .interactiveTemplate .text-form {
    text-align: center;
    font-weight: bold; }
    .interactiveTemplate .text-form-data {
      text-align: center; }
  .interactiveTemplate .border-bottom {
    border-bottom: 1px solid #d9d9d9; }
  .interactiveTemplate .x-form-text-custom {
    height: 30px !important;
    background-color: #FFFFFF;
    border: 1px solid #d9d9d9;
    color: #1B1A1A;
    font-size: 12px;
    background-image: none;
    padding-top: 1px;
    padding-left: 8px;
    border-radius: 5px;
    transition: box-shadow 0.2s; }
    .interactiveTemplate .x-form-text-custom:hover {
      box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
  .interactiveTemplate .color-blue {
    color: lightblue; }
  .interactiveTemplate .tr-row {
    height: 30px;
    line-height: 30px; }

/* Integration part */
#integrationContainer {
  width: calc(100% - 30px);
  padding: 5px;
  position: relative;
  background: #F1F1F1;
  height: calc(100% - 20px); }
  #integrationContainer #integrationContentContainer {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    border: 1px solid #d9d9d9;
    border-radius: 5px !important;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); }
    #integrationContainer #integrationContentContainer > .x-panel-tl .x-panel-tr {
      padding-right: 0; }
      #integrationContainer #integrationContentContainer > .x-panel-tl .x-panel-tr .x-panel-header {
        padding: 0; }
        #integrationContainer #integrationContentContainer > .x-panel-tl .x-panel-tr .x-panel-header .x-panel-header-text {
          background: linear-gradient(#FFFFFF, #F2F1F2);
          padding: 15px 0px 15px 15px;
          margin-left: 0;
          margin-bottom: 10px;
          border-top-left-radius: 5px;
          border-top-right-radius: 5px;
          border-bottom: 1px solid #d9d9d9; }
    #integrationContainer #integrationContentContainer .x-panel-tbar {
      width: calc(100% - 20px) !important;
      margin-left: 10px; }
      #integrationContainer #integrationContentContainer .x-panel-tbar .x-toolbar::-webkit-scrollbar {
        background-color: transparent; }
      #integrationContainer #integrationContentContainer .x-panel-tbar .x-toolbar .x-toolbar-right {
        padding-right: 10px; }
      #integrationContainer #integrationContentContainer .x-panel-tbar .x-toolbar .x-toolbar-cell .pr-btn {
        padding-right: 0; }
    #integrationContainer #integrationContentContainer .paging-toolbar {
      margin-left: 10px; }
      #integrationContainer #integrationContentContainer .paging-toolbar .x-toolbar-right {
        display: block;
        margin-right: 10px; }
    #integrationContainer #integrationContentContainer::before {
      content: 'Integration';
      line-height: 31px;
      font-size: 18px;
      font-family: "Roboto Medium", arial, helvetica, sans-serif;
      padding: 10px 0 10px 15px;
      height: 31px;
      background: linear-gradient(#FFFFFF, #F2F1F2);
      border-bottom: 1px solid #d9d9d9;
      width: inherit;
      position: absolute;
      width: calc(100% - 15px);
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
    #integrationContainer #integrationContentContainer .top-icon-setting {
      background: url("../../images/integration/top-setting-bg.png") no-repeat;
      background-size: cover;
      width: 287px;
      height: 284px;
      position: absolute;
      top: 0;
      left: 0; }
    #integrationContainer #integrationContentContainer .bottom-icon-setting {
      background: url("../../images/integration/bottom-setting-bg.png") no-repeat;
      background-size: cover;
      width: 240px;
      height: 356px;
      position: absolute;
      bottom: 0;
      right: 0; }
    #integrationContainer #integrationContentContainer #integrationIntroduction {
      width: calc(100% - 400px);
      max-width: 1000px;
      position: relative;
      margin-left: 350px;
      margin-top: 50px; }
      #integrationContainer #integrationContentContainer #integrationIntroduction .i-p {
        display: block;
        padding-top: 15px;
        font-size: 18px;
        text-align: justify;
        line-height: 24px; }
    #integrationContainer #integrationContentContainer #companiesContainer {
      text-align: center;
      padding: 0;
      height: calc(100% - 52px);
      top: 52px; }
      #integrationContainer #integrationContentContainer #companiesContainer #iCompanies {
        position: relative;
        padding-top: 85px; }
        #integrationContainer #integrationContentContainer #companiesContainer #iCompanies .companiesLine {
          display: block;
          padding: 0px 20px 0 20px; }
          #integrationContainer #integrationContentContainer #companiesContainer #iCompanies .companiesLine .company {
            display: inline-flex;
            position: relative;
            height: 180px;
            width: 180px;
            border: 5px solid #FFFFFF;
            border-radius: 100%; }
            #integrationContainer #integrationContentContainer #companiesContainer #iCompanies .companiesLine .company img.comp-logo {
              display: inline-block;
              height: 150px;
              width: 150px;
              transition: 0.5s;
              border-radius: 50%;
              position: absolute;
              top: 0;
              left: 0;
              bottom: 0;
              right: 0;
              margin: auto;
              z-index: 0;
              cursor: pointer;
              object-fit: contain; }
            #integrationContainer #integrationContentContainer #companiesContainer #iCompanies .companiesLine .company .iHint {
              display: block;
              position: absolute;
              top: -60px;
              left: 15px;
              transition: 0.3s;
              opacity: 0;
              visibility: hidden;
              z-index: 3;
              background-color: #f3ab00;
              color: #FFFFFF;
              padding: 10px;
              transform: translateX(-50%);
              font-size: 12px;
              text-align: center;
              width: 100%;
              min-width: 200px;
              left: 50%; }
              #integrationContainer #integrationContentContainer #companiesContainer #iCompanies .companiesLine .company .iHint.three-lines {
                top: -75px; }
              #integrationContainer #integrationContentContainer #companiesContainer #iCompanies .companiesLine .company .iHint.four-lines {
                top: -95px; }
              #integrationContainer #integrationContentContainer #companiesContainer #iCompanies .companiesLine .company .iHint.five-lines {
                top: -110px; }
            #integrationContainer #integrationContentContainer #companiesContainer #iCompanies .companiesLine .company:hover {
              border-color: #f3ab00; }
              #integrationContainer #integrationContentContainer #companiesContainer #iCompanies .companiesLine .company:hover .iHint {
                opacity: 1;
                visibility: visible; }

/* <LIGHTSPEED INTEGRATION> */
.lightspeed-destination-app-logo {
  background-image: url("../../images/themes/dtp/ic-app-logo-128.png");
  background-size: contain;
  background-repeat: no-repeat; }

.lightspeed-destination-app-logo-ctb {
  background-image: url("../../images/themes/ic-app-logo-128.png");
  background-size: contain;
  background-repeat: no-repeat; }

.lightspeed-destination-app-logo-dtp {
  background-image: url("../../images/themes/dtp/ic-app-logo-128.png");
  background-size: contain;
  background-repeat: no-repeat; }

.lightspeed-destination-app-logo-ir {
  background-image: url("../../images/themes/ir/ic-app-logo-128.png");
  background-size: contain;
  background-repeat: no-repeat; }

.bg-lightspeed-integration-listing-item {
  background-color: #F6F6F6;
  border-radius: 5px;
  margin: 10px 5px 0px 10px; }

.panel-lightspeed-no-integration .x-panel-body, .panel-lightspeed-existing-integration .x-panel-body {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }

.panel-lightspeed-existing-integration .lightspeed-vertical-separator {
  background-color: #d9d9d9; }

.panel-lightspeed-existing-integration-view-more {
  border-top: 1px solid #d9d9d9;
  background-color: #F1F1F1;
  border-radius: 0px 0px 5px 5px; }

.tbl-lightspeed-integration-listing table tbody tr:first-child .x-table-layout-cell:first-child .bg-lightspeed-integration-listing-item {
  margin: 0px 5px 0px 10px; }

.panel-lightspeed-no-integration-text .x-panel-body, .panel-lightspeed-existing-integration-text .x-panel-body, .panel-lightspeed-schedule-text .x-panel-body {
  color: #828282;
  padding: 0px 15px;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important; }

.panel-lightspeed-schedule-text .x-panel-body {
  padding: 0px 15px;
  color: #1B1A1A;
  align-items: center !important; }

.panel-lightspeed-existing-integration-text .x-panel-body {
  color: #1B1A1A;
  padding: 0px 0px;
  align-items: center !important;
  justify-content: left !important; }

.panel-lightspeed-existing-integration-view-more .panel-lightspeed-existing-integration-text .x-panel-body {
  align-items: baseline !important; }

.panel-lightspeed-existing-integration .panel-lightspeed-schedule-text .x-panel-body {
  padding: 0px 10px; }

.panel-lightspeed-schedule-text svg path {
  fill: #1B1A1A; }

.panel-lightspeed-schedule-text .lightspeed-live-text {
  color: #1dbf77; }

.panel-lightspeed-schedule-text .lightspeed-live-background {
  background-color: #1dbf77; }

.lightspeed-button-edit-configuration .x-btn-text, .lightspeed-button-edit-configuration .ctb-anchor-btn, .lightspeed-button-edit-configuration .btn-sm-row, .lightspeed-button-edit-configuration .ctb_btn_default_sm, .lightspeed-button-edit-configuration .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .lightspeed-button-edit-configuration .x-btn-text, .lightspeed-button-edit-configuration .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .lightspeed-button-edit-configuration .x-btn-text, .lightspeed-button-edit-configuration .x-date-mp .x-date-mp-ok, .x-date-mp .lightspeed-button-edit-configuration .x-date-mp-ok, .lightspeed-button-edit-configuration .x-date-mp .x-date-mp-cancel, .x-date-mp .lightspeed-button-edit-configuration .x-date-mp-cancel, .lightspeed-button-edit-configuration #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .lightspeed-button-edit-configuration .outlet-node, .lightspeed-button-edit-configuration #pnl_CycleMenu .xbutton, #pnl_CycleMenu .lightspeed-button-edit-configuration .xbutton, .lightspeed-button-edit-configuration .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .lightspeed-button-edit-configuration .ctb-btn {
  width: 100% !important;
  height: 100% !important; }

.panel-lightspeed-step-by-step-container-layout .x-panel-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start; }

.bg-lightspeed-step-by-step-display {
  background-color: #F6F6F6;
  margin: 0px 0px 0px 0px; }

.panel-lightspeed-connect-logo-layout .x-panel-body {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }

.panel-lightspeed-connect-logo-layout .raise-panel {
  background-color: #FFFFFF !important; }

.panel-lightspeed-connect-logo-text .x-panel-body {
  color: #828282;
  padding: 0px 15px;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important; }

.panel-lightspeed-step-by-step-inner-layout .x-panel-body, .panel-lightspeed-step-by-step-inner-layout .x-panel-bwrap {
  height: 100% !important; }

.panel-lightspeed-step-by-step-inner-layout .x-panel-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start; }

.lightspeed-step-icon-normal, .lightspeed-step-icon-active, .lightspeed-step-icon-current {
  width: 40px;
  height: 40px;
  border-radius: 50% !important;
  background-color: #d9d9d9;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }

.lightspeed-step-icon-active, .lightspeed-step-icon-current {
  background-color: #1dbf77; }

.lightspeed-step-icon-current {
  background-color: transparent;
  width: 38px;
  height: 38px;
  border: solid 1px #1dbf77; }

.lightspeed-layout-flex-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }

.lightspeed-layout-flex-align-start {
  justify-content: start; }

.lightspeed-step-normal-text, .lightspeed-step-active-text, .lightspeed-step-current-text {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #d9d9d9;
  margin-left: 18px; }

.lightspeed-step-active-text, .lightspeed-step-current-text {
  color: #1B1A1A; }

.lightspeed-step-normal-link {
  border-left: dashed 2px #d9d9d9; }

.lightspeed-step-active-link, .lightspeed-step-current-link {
  border-left: dashed 2px #1dbf77; }

.util-lightspeed-flex-full-grow {
  flex-grow: 1; }

/* <Lightspeed Step Details Layout> */
.lightspeed-detail-layout-step-1 .lightspeed-series-selection .lightspeed-each-selection {
  padding: 12px;
  border-radius: 5px;
  cursor: pointer;
  border: 1px solid;
  border-color: #d9d9d9; }
  .lightspeed-detail-layout-step-1 .lightspeed-series-selection .lightspeed-each-selection.selected {
    border-color: #1dbf77; }

.lightspeed-detail-layout-step-1 .lightspeed-series-selection-panel-buttons .x-panel-body {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }

.lightspeed-detail-layout-step-1 .x-panel-body, .lightspeed-detail-layout-step-2 .x-panel-body, .lightspeed-detail-layout-step-7 .x-panel-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #1B1A1A; }

.lightspeed-detail-layout-step-2 .lightspeed-connect-status-panel {
  background-color: #F6F6F6;
  border: solid 1px #1dbf77;
  border-radius: 3px; }

.lightspeed-detail-layout-step-2 .lightspeed-connect-status-panel .lightspeed-connect-status-panel-items .x-panel-body {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: left; }

.lightspeed-detail-layout-step-2 .lightspeed-connect-button-group .x-panel-body {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }

.lightspeed-tooltip-text {
  color: #828282; }

.lightspeed-detail-layout-step-7-bg {
  background-color: #F6F6F6;
  border-radius: 5px; }

/* </Lightspeed Step Details Layout> */
/* </LIGHTSPEED INTEGRATION> */
/* <SQUARE INTEGRATION> */
.square-destination-app-logo {
  background-image: url("../../images/themes/dtp/ic-app-logo-128.png");
  background-size: contain;
  background-repeat: no-repeat; }

.square-destination-app-logo-ctb {
  background-image: url("../../images/themes/ic-app-logo-128.png");
  background-size: contain;
  background-repeat: no-repeat; }

.square-destination-app-logo-dtp {
  background-image: url("../../images/themes/dtp/ic-app-logo-128.png");
  background-size: contain;
  background-repeat: no-repeat; }

.square-destination-app-logo-ir {
  background-image: url("../../images/themes/ir/ic-app-logo-128.png");
  background-size: contain;
  background-repeat: no-repeat; }

.bg-square-integration-listing-item {
  background-color: #F6F6F6;
  border-radius: 5px;
  margin: 10px 5px 0px 10px; }

.panel-square-no-integration .x-panel-body, .panel-square-existing-integration .x-panel-body {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }

.panel-square-existing-integration .x-panel-body {
  align-items: center;
  justify-content: left; }

.panel-square-existing-integration .square-vertical-separator {
  background-color: #d9d9d9; }

.panel-square-existing-integration-view-more {
  border-top: 1px solid #d9d9d9;
  background-color: #F1F1F1;
  border-radius: 0px 0px 5px 5px; }

.tbl-square-integration-listing table tbody tr:first-child .x-table-layout-cell:first-child .bg-square-integration-listing-item {
  margin: 0px 5px 0px 10px; }

.panel-square-no-integration-text .x-panel-body, .panel-square-existing-integration-text .x-panel-body, .panel-square-schedule-text .x-panel-body {
  color: #828282;
  padding: 0px 15px;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important; }

.panel-square-schedule-text .x-panel-body {
  padding: 0px 15px;
  color: #1B1A1A;
  align-items: center !important; }

.panel-square-existing-integration-text .x-panel-body {
  color: #1B1A1A;
  padding: 0px 0px;
  align-items: center !important;
  justify-content: left !important; }

.panel-square-existing-integration-view-more .panel-square-existing-integration-text .x-panel-body {
  align-items: baseline !important; }

.panel-square-existing-integration .panel-square-schedule-text .x-panel-body {
  padding: 0px 10px; }

.panel-square-schedule-text svg path {
  fill: #1B1A1A; }

.panel-square-schedule-text .square-live-text {
  color: #1dbf77; }

.panel-square-schedule-text .square-live-background {
  background-color: #1dbf77; }

.square-button-edit-configuration .x-btn-text, .square-button-edit-configuration .ctb-anchor-btn, .square-button-edit-configuration .btn-sm-row, .square-button-edit-configuration .ctb_btn_default_sm, .square-button-edit-configuration .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .square-button-edit-configuration .x-btn-text, .square-button-edit-configuration .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .square-button-edit-configuration .x-btn-text, .square-button-edit-configuration .x-date-mp .x-date-mp-ok, .x-date-mp .square-button-edit-configuration .x-date-mp-ok, .square-button-edit-configuration .x-date-mp .x-date-mp-cancel, .x-date-mp .square-button-edit-configuration .x-date-mp-cancel, .square-button-edit-configuration #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .square-button-edit-configuration .outlet-node, .square-button-edit-configuration #pnl_CycleMenu .xbutton, #pnl_CycleMenu .square-button-edit-configuration .xbutton, .square-button-edit-configuration .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .square-button-edit-configuration .ctb-btn {
  width: 100% !important;
  height: 100% !important; }

.panel-square-step-by-step-container-layout .x-panel-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start; }

.bg-square-step-by-step-display {
  background-color: #F6F6F6;
  margin: 0px 0px 0px 0px; }

.panel-square-connect-logo-layout .x-panel-body {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }

.panel-square-connect-logo-layout .raise-panel {
  background-color: #FFFFFF !important; }

.panel-square-connect-logo-text .x-panel-body {
  color: #828282;
  padding: 0px 15px;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important; }

.panel-square-step-by-step-inner-layout .x-panel-body, .panel-square-step-by-step-inner-layout .x-panel-bwrap {
  height: 100% !important; }

.panel-square-step-by-step-inner-layout .x-panel-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start; }

.square-step-icon-normal, .square-step-icon-active, .square-step-icon-current {
  width: 40px;
  height: 40px;
  border-radius: 50% !important;
  background-color: #d9d9d9;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }

.square-step-icon-active, .square-step-icon-current {
  background-color: #1dbf77; }

.square-step-icon-current {
  background-color: transparent;
  width: 38px;
  height: 38px;
  border: solid 1px #1dbf77; }

.square-layout-flex-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }

.square-layout-flex-align-start {
  justify-content: start; }

.square-step-normal-text, .square-step-active-text, .square-step-current-text {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #d9d9d9;
  margin-left: 18px; }

.square-step-active-text, .square-step-current-text {
  color: #1B1A1A; }

.square-step-normal-link {
  border-left: dashed 2px #d9d9d9; }

.square-step-active-link, .square-step-current-link {
  border-left: dashed 2px #1dbf77; }

.util-square-flex-full-grow {
  flex-grow: 1; }

/* <Square Step Details Layout> */
.square-detail-layout-step-1 .x-panel-body, .square-detail-layout-step-7 .x-panel-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #1B1A1A; }

.square-detail-layout-step-1 .square-connect-status-panel {
  background-color: #F6F6F6;
  border: solid 1px #1dbf77;
  border-radius: 3px; }

.square-detail-layout-step-1 .square-connect-status-panel .x-panel-body {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: left; }

.square-detail-layout-step-1 .square-connect-button-group .x-panel-body {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }

.square-detail-layout-step-1 .square-connect-status-panel-form {
  background-color: #F6F6F6;
  border: solid 1px #1dbf77;
  border-radius: 3px; }

.square-detail-layout-step-1 .square-connect-status-panel-form form.x-panel-body {
  flex-direction: column !important; }

.square-detail-layout-step-1 .square-connect-status-panel-form .message-panel {
  background-color: #1dbf77;
  padding: 2px 0; }

.square-detail-layout-step-1 .square-connect-status-panel-form .message-panel-warning {
  background-color: #e30612 !important; }

.square-tooltip-text {
  color: #828282; }

.square-detail-layout-step-7-bg {
  background-color: #F6F6F6;
  border-radius: 5px; }

/* </Square Step Details Layout> */
/* </SQUARE INTEGRATION> */
.SFTPScheduleDaily {
  position: relative;
  top: -6px;
  left: -105px; }
  .SFTPScheduleDaily .x-form-cb-label {
    font-weight: 500 !important; }

#grid_Database .ctb-dialog-panel {
  position: relative; }
  #grid_Database .ctb-dialog-panel .x-panel-bwrap {
    padding-left: 0px; }

#grid_Database .background-header, #grid_Database #btngrp_db_Allocation .x-btn-group-tl, #grid_Database #btngrp_db_Allocation .x-btn-group-tr, #grid_Database #btngrp_db_Allocation .x-btn-group-tc, #grid_Database #btngrp_db_Management .x-btn-group-tl, #grid_Database #btngrp_db_Management .x-btn-group-tr, #grid_Database #btngrp_db_Management .x-btn-group-tc {
  background-image: none;
  background-color: #d9d9d9; }

#grid_Database .x-btn-group {
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  padding: 0px; }

#grid_Database #btngrp_db_Allocation, #grid_Database #btngrp_db_Management {
  margin-top: -15px; }
  #grid_Database #btngrp_db_Allocation .x-fieldset-header, #grid_Database #btngrp_db_Management .x-fieldset-header {
    width: 100%;
    text-align: center;
    padding: 15px 10px;
    color: #d8d8d8;
    background: #454647;
    top: 21px;
    margin-bottom: 12px;
    border: none; }
  #grid_Database #btngrp_db_Allocation .x-btn-group-tl .x-btn-group-header, #grid_Database #btngrp_db_Allocation .x-btn-group-tr .x-btn-group-header, #grid_Database #btngrp_db_Allocation .x-btn-group-tc .x-btn-group-header, #grid_Database #btngrp_db_Management .x-btn-group-tl .x-btn-group-header, #grid_Database #btngrp_db_Management .x-btn-group-tr .x-btn-group-header, #grid_Database #btngrp_db_Management .x-btn-group-tc .x-btn-group-header {
    height: 40px; }
    #grid_Database #btngrp_db_Allocation .x-btn-group-tl .x-btn-group-header span, #grid_Database #btngrp_db_Allocation .x-btn-group-tr .x-btn-group-header span, #grid_Database #btngrp_db_Allocation .x-btn-group-tc .x-btn-group-header span, #grid_Database #btngrp_db_Management .x-btn-group-tl .x-btn-group-header span, #grid_Database #btngrp_db_Management .x-btn-group-tr .x-btn-group-header span, #grid_Database #btngrp_db_Management .x-btn-group-tc .x-btn-group-header span {
      line-height: 40px;
      font-size: 17px; }
  #grid_Database #btngrp_db_Allocation .x-btn-group-ml, #grid_Database #btngrp_db_Allocation .x-btn-group-mr, #grid_Database #btngrp_db_Allocation .x-btn-group-bc, #grid_Database #btngrp_db_Allocation .x-btn-group-br, #grid_Database #btngrp_db_Allocation .x-btn-group-bl, #grid_Database #btngrp_db_Management .x-btn-group-ml, #grid_Database #btngrp_db_Management .x-btn-group-mr, #grid_Database #btngrp_db_Management .x-btn-group-bc, #grid_Database #btngrp_db_Management .x-btn-group-br, #grid_Database #btngrp_db_Management .x-btn-group-bl {
    background-image: unset; }

@media only screen and (max-width: 1600px) {
  #grid_Database .ctb-dialog-panel {
    height: 160px; }
    #grid_Database .ctb-dialog-panel .x-panel-body {
      height: 146px !important; }
  #grid_Database #btngrp_db_Allocation {
    height: 135px; }
    #grid_Database #btngrp_db_Allocation .x-fieldset-body {
      height: 79px !important; }
  #grid_Database #btngrp_db_Management {
    height: 135px; } }

.ctbwindow-detail-general.database-window .header-text, .ctbwindow-detail-general.database-window .cycle_menu_plan .cm_view_headers_ct .cm_view_o_header, .cycle_menu_plan .cm_view_headers_ct .ctbwindow-detail-general.database-window .cm_view_o_header, .ctbwindow-detail-general.database-window .cycle_menu_plan .cm_view_headers_ct .cm_view_h_header, .cycle_menu_plan .cm_view_headers_ct .ctbwindow-detail-general.database-window .cm_view_h_header, .ctbwindow-detail-general.database-window .cycle_menu_plan .cm_view_headers_ct .cm_view_r_header, .cycle_menu_plan .cm_view_headers_ct .ctbwindow-detail-general.database-window .cm_view_r_header, .outlet-hierachy-window .header-text, .outlet-hierachy-window .cycle_menu_plan .cm_view_headers_ct .cm_view_o_header, .cycle_menu_plan .cm_view_headers_ct .outlet-hierachy-window .cm_view_o_header, .outlet-hierachy-window .cycle_menu_plan .cm_view_headers_ct .cm_view_h_header, .cycle_menu_plan .cm_view_headers_ct .outlet-hierachy-window .cm_view_h_header, .outlet-hierachy-window .cycle_menu_plan .cm_view_headers_ct .cm_view_r_header, .cycle_menu_plan .cm_view_headers_ct .outlet-hierachy-window .cm_view_r_header {
  color: #1B1A1A;
  font-size: 22px; }

.ctbwindow-detail-general.database-window .recipe-tree, .outlet-hierachy-window .recipe-tree {
  margin-top: 15px;
  margin-left: -5px; }

.ctbwindow-detail-general.database-window .btn-sm-row, .outlet-hierachy-window .btn-sm-row {
  margin: 2px;
  padding: 4px;
  border-radius: 2px; }

.ctbwindow-detail-general.database-window .supplier-text, .outlet-hierachy-window .supplier-text {
  color: #1B1A1A;
  font-size: 17px;
  margin: 10px; }

.ctbwindow-darkgray-bg .x-table-layout-cell {
  padding-bottom: 10px; }

.user-report-access-window .x-panel-body.x-box-layout-ct {
  overflow: hidden !important; }

#pnl_AdvanceSecurity .bg-danger {
  background-color: #9e3b34 !important; }

#pnl_AdvanceSecurity #btn_setting button {
  background-color: #FFFFFF;
  margin-right: -10px; }

#wd_company_registration .cellCenterCls .x-btn-mc {
  text-align: left; }

#wd_create_new_database .sp-is-for-dtp {
  color: #fea300; }

#wd_select_the_date_range .simplebar-scroll-content {
  overflow-y: hidden; }

#wd_select_the_date_range .x-form-item .x-form-element .x-form-field-wrap.x-form-field-trigger-wrap {
  margin-left: 20px; }

#wd_invoice_ripper_report .x-toolbar-cell label {
  margin-left: 5px; }

#wd_ctb_activity_calendar > div .fc-view-container {
  border: 1px solid #d9d9d9; }

#wd_ctb_activity_calendar .fc-prev-button, #wd_ctb_activity_calendar .fc-next-button, #wd_ctb_activity_calendar .fc-today-button,
#wd_ctb_activity_calendar .fc-month-button, #wd_ctb_activity_calendar .fc-agendaWeek-button, #wd_ctb_activity_calendar .fc-agendaDay-button {
  color: #1B1A1A;
  background: linear-gradient(#FFFFFF, #F2F1F2);
  color: #1B1A1A;
  transition: box-shadow 0.2s; }
  #wd_ctb_activity_calendar .fc-prev-button:hover, #wd_ctb_activity_calendar .fc-next-button:hover, #wd_ctb_activity_calendar .fc-today-button:hover,
  #wd_ctb_activity_calendar .fc-month-button:hover, #wd_ctb_activity_calendar .fc-agendaWeek-button:hover, #wd_ctb_activity_calendar .fc-agendaDay-button:hover {
    box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }

#wd_ctb_activity_calendar .fc-state-active {
  background: #FFFFFF;
  color: #1B1A1A; }

#wd_ctb_activity_calendar td.fc-widget-header {
  border: 1px solid #d9d9d9;
  background-color: #FFFFFF; }
  #wd_ctb_activity_calendar td.fc-widget-header th {
    border: 0; }

#wd_ctb_activity_calendar td.fc-widget-content {
  border: 1px solid #d9d9d9; }

#wd_ctb_activity_calendar .fc-day {
  font-weight: bold;
  background-color: #FFFFFF;
  border: 1px solid #d9d9d9; }

#wd_ctb_activity_calendar .fc-day.fc-other-month {
  background-color: #F6F6F6; }

#wd_ctb_activity_calendar .fc-divider.fc-widget-header {
  background-color: #F6F6F6;
  border-color: #d9d9d9; }

#wd_mssing_sale_notification_setting .x-fieldset-bwrap {
  padding: 10px 0 0 0; }
  #wd_mssing_sale_notification_setting .x-fieldset-bwrap .x-fieldset-body {
    display: grid; }

#wd_mssing_sale_notification_setting .x-form-item .x-form-element .x-form-field-wrap.x-form-field-trigger-wrap {
  width: auto !important; }

#wd_mssing_sale_notification_setting .simplebar-scroll-content .x-panel-body {
  width: auto !important; }
  #wd_mssing_sale_notification_setting .simplebar-scroll-content .x-panel-body .x-grid3 {
    width: auto !important; }
    #wd_mssing_sale_notification_setting .simplebar-scroll-content .x-panel-body .x-grid3 .x-grid3-viewport {
      width: auto; }

#wd_mssing_sale_notification_setting #grid_emails_receiving .x-grid3-row-table {
  width: 330px !important; }

#wd_mssing_sale_notification_setting #grid_emails_receiving .x-grid3-col.x-grid3-cell.x-grid3-td-1 {
  width: 55px !important;
  display: block; }

.add-outlet-window .x-form-text.x-form-field.x-form-invalid, .add-outlet-window .ctb_transparent_bg_color .x-form-invalid.ctb-reciperipper-url, .ctb_transparent_bg_color .add-outlet-window .x-form-invalid.ctb-reciperipper-url, .add-outlet-window .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .x-form-field.x-form-invalid.b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .add-outlet-window .x-form-field.x-form-invalid.b-h-ip, .add-outlet-window .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ctb_transparent_bg_color .x-form-invalid.b-h-ip.ctb-reciperipper-url, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ctb_transparent_bg_color .add-outlet-window .x-form-invalid.b-h-ip.ctb-reciperipper-url, .add-outlet-window .ctb_transparent_bg_color .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .x-form-invalid.b-h-ip.ctb-reciperipper-url, .ctb_transparent_bg_color .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .add-outlet-window .x-form-invalid.b-h-ip.ctb-reciperipper-url, .add-outlet-window .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .x-form-field.x-form-invalid.r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .add-outlet-window .x-form-field.x-form-invalid.r-ip, .add-outlet-window .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ctb_transparent_bg_color .x-form-invalid.r-ip.ctb-reciperipper-url, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ctb_transparent_bg_color .add-outlet-window .x-form-invalid.r-ip.ctb-reciperipper-url, .add-outlet-window .ctb_transparent_bg_color .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .x-form-invalid.r-ip.ctb-reciperipper-url, .ctb_transparent_bg_color .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .add-outlet-window .x-form-invalid.r-ip.ctb-reciperipper-url, .add-outlet-window .b-bd-fh .b-bd-fh-cell input.x-form-field.x-form-invalid.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell .add-outlet-window input.x-form-field.x-form-invalid.b-bd-fh-input, .add-outlet-window .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .x-form-field.x-form-invalid.bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .add-outlet-window .x-form-field.x-form-invalid.bd-r-ip, .add-outlet-window .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ctb_transparent_bg_color .x-form-invalid.bd-r-ip.ctb-reciperipper-url, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ctb_transparent_bg_color .add-outlet-window .x-form-invalid.bd-r-ip.ctb-reciperipper-url, .add-outlet-window .ctb_transparent_bg_color .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .x-form-invalid.bd-r-ip.ctb-reciperipper-url, .ctb_transparent_bg_color .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .add-outlet-window .x-form-invalid.bd-r-ip.ctb-reciperipper-url {
  background-color: #9e3b34 !important;
  border-color: #9e3b34 !important; }

.add-outlet-window .btn-add-outlet {
  width: 100%; }

.ctb-add-outlet {
  overflow: hidden !important;
  border: 1px solid #d9d9d9; }

#pnl_NewsSetup {
  position: absolute;
  z-index: 0; }
  #pnl_NewsSetup #pnl_new_setup #pnl_right #pnl_editor {
    border: 1px solid #d9d9d9; }
    #pnl_NewsSetup #pnl_new_setup #pnl_right #pnl_editor .editor-toolbar {
      border: 1px solid #d9d9d9; }
      #pnl_NewsSetup #pnl_new_setup #pnl_right #pnl_editor .editor-toolbar a::before {
        color: #1B1A1A; }
      #pnl_NewsSetup #pnl_new_setup #pnl_right #pnl_editor .editor-toolbar a:hover {
        border: 0;
        background-color: #d9d9d9; }
      #pnl_NewsSetup #pnl_new_setup #pnl_right #pnl_editor .editor-toolbar i {
        border-left: 1px solid #F1F1F1;
        border-right: 1px solid #1B1A1A; }
    #pnl_NewsSetup #pnl_new_setup #pnl_right #pnl_editor .CodeMirror-wrap {
      border-left: 0;
      border-right: 0;
      border: 1px solid #d9d9d9;
      background-color: #F1F1F1;
      color: #1B1A1A; }

#dlg_news_preview .x-window-body, #dlg_news_preview .ctb-news-item {
  background-color: #d9d9d9 !important; }

#dlg_news_preview .x-window-tl {
  margin-bottom: 0;
  background-color: #F1F1F1; }

#dlg_news_preview .x-window-ml {
  padding: 0; }
  #dlg_news_preview .x-window-ml .x-window-mr {
    padding-right: 0; }
    #dlg_news_preview .x-window-ml .x-window-mr .x-window-body {
      padding: 0;
      width: 100% !important; }
      #dlg_news_preview .x-window-ml .x-window-mr .x-window-body .news-header {
        color: #1B1A1A;
        margin-bottom: 10px;
        font-weight: 500;
        font-size: 12px; }
      #dlg_news_preview .x-window-ml .x-window-mr .x-window-body .ctb-news-item {
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 1px solid #FFFFFF; }
        #dlg_news_preview .x-window-ml .x-window-mr .x-window-body .ctb-news-item .news-body p {
          color: #1B1A1A;
          font-size: 12px;
          font-weight: 500; }
        #dlg_news_preview .x-window-ml .x-window-mr .x-window-body .ctb-news-item .stickerLink {
          width: 100px;
          float: right;
          text-decoration: none;
          color: #1B1A1A;
          background: #d9d9d9;
          text-align: center;
          border-radius: 2px;
          padding: 4px; }
          #dlg_news_preview .x-window-ml .x-window-mr .x-window-body .ctb-news-item .stickerLink:hover {
            color: #FFFFFF;
            background: #4370b7; }

#dlg_news_preview .x-window-bl .x-toolbar-cell {
  padding-right: 10px; }

#gr_menu_analysis_detail .x-grid3-header {
  padding: 0; }
  #gr_menu_analysis_detail .x-grid3-header .x-grid3-hd-inner {
    margin: 0;
    padding: 0; }
    #gr_menu_analysis_detail .x-grid3-header .x-grid3-hd-inner .mna_D, #gr_menu_analysis_detail .x-grid3-header .x-grid3-hd-inner .mna_Normal, #gr_menu_analysis_detail .x-grid3-header .x-grid3-hd-inner .mna_G, #gr_menu_analysis_detail .x-grid3-header .x-grid3-hd-inner .mna_H, #gr_menu_analysis_detail .x-grid3-header .x-grid3-hd-inner .mna_I, #gr_menu_analysis_detail .x-grid3-header .x-grid3-hd-inner .mna_J, #gr_menu_analysis_detail .x-grid3-header .x-grid3-hd-inner .mna_K, #gr_menu_analysis_detail .x-grid3-header .x-grid3-hd-inner .mna_L, #gr_menu_analysis_detail .x-grid3-header .x-grid3-hd-inner .mna_M, #gr_menu_analysis_detail .x-grid3-header .x-grid3-hd-inner .mna_N {
      align-items: center;
      display: flex;
      justify-content: center; }

#gr_menu_analysis_detail .x-grid3-scroller .simplebar-content td {
  padding-left: 0;
  padding-right: 0; }

#gr_menu_analysis_detail .x-grid3-hd-row td {
  border-right: none; }

#gr_menu_analysis_detail .label-recipe-colour-dot {
  margin-right: 5px;
  font-size: 12px !important;
  height: 3px;
  width: 91%;
  left: 0px;
  position: absolute;
  top: 4px;
  text-align: center; }

#gr_menu_analysis_detail .recipe-heading {
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  justify-content: left !important; }

@media only screen and (max-width: 1920px) {
  #gr_menu_analysis_detail .ctb_transparent_bg_color .copyright-agreement-box .text-header {
    font-size: 22px !important; }
  #gr_menu_analysis_detail .label-recipe-colour-dot {
    height: 3px;
    width: 91%;
    left: 0px;
    position: absolute;
    top: 4px;
    text-align: center; }
  #gr_menu_analysis_detail .recipe-heading {
    font-size: 11px;
    justify-content: left !important;
    line-height: 14px; }
    #gr_menu_analysis_detail .recipe-heading img {
      width: 15px;
      height: 15px; } }

@media only screen and (max-width: 2415px) {
  #gr_menu_analysis_detail .recipe-heading {
    font-size: 13px;
    line-height: 19px; } }

@media only screen and (max-width: 2325px) {
  #gr_menu_analysis_detail .recipe-heading {
    font-size: 12px;
    line-height: 18px; }
    #gr_menu_analysis_detail .recipe-heading img {
      width: 16px;
      height: 16px; } }

@media only screen and (max-width: 2200px) {
  #gr_menu_analysis_detail .recipe-heading {
    font-size: 11px;
    line-height: 17px; }
    #gr_menu_analysis_detail .recipe-heading img {
      width: 15px;
      height: 15px; } }

@media only screen and (max-width: 1920px) {
  #gr_menu_analysis_detail .label-recipe-colour-dot {
    height: 3px;
    width: 91%;
    left: 0px;
    position: absolute;
    top: 4px;
    text-align: center; }
  #gr_menu_analysis_detail .recipe-heading {
    font-size: 11px;
    justify-content: left !important;
    line-height: 14px; }
    #gr_menu_analysis_detail .recipe-heading img {
      width: 15px;
      height: 15px; } }

.extra-info .x-panel-bwrap {
  margin: 5px;
  border-radius: 5px;
  margin-left: 10px; }

.extra-info.first .x-panel-bwrap {
  margin-left: 0px; }

.extra-info.last .x-panel-bwrap {
  margin-right: 0px; }

@media only screen and (max-width: 1353px) {
  .extra-info .x-panel-bwrap .x-panel-body {
    height: 95px !important; } }

#wd_wastage_procedure #pnl_top_detail .x-tool.x-tool-toggle.x-tool-collapse-west {
  margin-right: -10px; }

#wd_wastage_procedure #pnl_top_detail .x-panel-tr {
  padding-right: 0; }

#wd_wastage_procedure #pnl_top_detail form {
  margin-left: 5px; }
  #wd_wastage_procedure #pnl_top_detail form .x-form-trigger.x-form-arrow-trigger {
    margin-right: 20px; }

#wd_wastage_procedure #pnl_top_detail #pnl_picture_box .x-panel-header-text {
  margin-left: 10px; }

#wd_wastage_procedure #pnl_top_detail #pnl_picture_box .x-btn-text.icon-upload-image, #wd_wastage_procedure #pnl_top_detail #pnl_picture_box .icon-upload-image.ctb-anchor-btn, #wd_wastage_procedure #pnl_top_detail #pnl_picture_box .icon-upload-image.btn-sm-row, #wd_wastage_procedure #pnl_top_detail #pnl_picture_box .icon-upload-image.ctb_btn_default_sm, #wd_wastage_procedure #pnl_top_detail #pnl_picture_box .x-date-mp .icon-upload-image.x-date-mp-ok, .x-date-mp #wd_wastage_procedure #pnl_top_detail #pnl_picture_box .icon-upload-image.x-date-mp-ok, #wd_wastage_procedure #pnl_top_detail #pnl_picture_box .x-date-mp .icon-upload-image.x-date-mp-cancel, .x-date-mp #wd_wastage_procedure #pnl_top_detail #pnl_picture_box .icon-upload-image.x-date-mp-cancel, #wd_wastage_procedure #pnl_top_detail #pnl_picture_box #outlet #outlet-map #map .icon-upload-image.outlet-node, #outlet #outlet-map #map #wd_wastage_procedure #pnl_top_detail #pnl_picture_box .icon-upload-image.outlet-node, #wd_wastage_procedure #pnl_top_detail #pnl_picture_box #pnl_CycleMenu .icon-upload-image.xbutton, #pnl_CycleMenu #wd_wastage_procedure #pnl_top_detail #pnl_picture_box .icon-upload-image.xbutton, #wd_wastage_procedure #pnl_top_detail #pnl_picture_box .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-upload-image.ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar #wd_wastage_procedure #pnl_top_detail #pnl_picture_box .icon-upload-image.ctb-btn {
  margin-left: 5px;
  padding-left: 25px; }

#pnl_MakeOrBuy .ctb-mob-main {
  width: -webkit-fill-available;
  margin: 10px 15px 20px 15px;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background-color: #FFFFFF; }
  #pnl_MakeOrBuy .ctb-mob-main-header {
    background: linear-gradient(#FFFFFF, #F2F1F2);
    padding: 15px 0px 15px 15px;
    margin-bottom: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 1px solid #d9d9d9; }
    #pnl_MakeOrBuy .ctb-mob-main-header span {
      font-size: 18px;
      font-weight: normal;
      font-family: "Roboto Medium", arial, helvetica, sans-serif;
      line-height: 18px; }
  #pnl_MakeOrBuy .ctb-mob-main-toolbar .main-btn.ctb-btn {
    cursor: pointer;
    display: inline-block;
    line-height: 43px;
    margin-right: 24px;
    width: 130px;
    height: 43px;
    font-size: 12px;
    background: linear-gradient(#FFFFFF, #F2F1F2);
    color: #1B1A1A;
    border: 1px solid #d9d9d9;
    border-radius: 5px; }
    #pnl_MakeOrBuy .ctb-mob-main-toolbar .main-btn.ctb-btn:hover {
      box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
  #pnl_MakeOrBuy .ctb-mob-main-toolbar .searchbox-group {
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    display: inline-flex;
    margin: 0 8px;
    transition: 0.2s;
    height: 32px; }
    #pnl_MakeOrBuy .ctb-mob-main-toolbar .searchbox-group:hover {
      box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
    #pnl_MakeOrBuy .ctb-mob-main-toolbar .searchbox-group-input {
      margin-right: 0;
      border-radius: 5px 0 0 5px;
      text-indent: 14px;
      font-size: 12px;
      width: 400px;
      height: 100%;
      border: none;
      background: #FFFFFF;
      color: #1B1A1A;
      font-family: "Roboto Standard", arial, helvetica, sans-serif; }
      #pnl_MakeOrBuy .ctb-mob-main-toolbar .searchbox-group-input::placeholder {
        color: #1B1A1A; }
      #pnl_MakeOrBuy .ctb-mob-main-toolbar .searchbox-group-input-clear {
        background: linear-gradient(#FFFFFF, #F2F1F2);
        width: 32px;
        height: 100%;
        border-radius: 0 5px 5px 0;
        border-left: 1px solid #d9d9d9;
        cursor: pointer; }
        #pnl_MakeOrBuy .ctb-mob-main-toolbar .searchbox-group-input-clear-img {
          background: url("../../images/themes/light/ic-delete.svg") no-repeat center;
          width: 100%;
          height: 100%; }
  #pnl_MakeOrBuy .ctb-mob-main-toolbar .searchbox-btn {
    width: 110px !important;
    height: 43px;
    font-size: 12px;
    background: linear-gradient(#FFFFFF, #F2F1F2);
    color: #1B1A1A;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    padding: 10px 15px; }
    #pnl_MakeOrBuy .ctb-mob-main-toolbar .searchbox-btn:hover {
      box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
  #pnl_MakeOrBuy .ctb-mob-main-view {
    display: flex;
    height: calc(100% - 170px); }
    #pnl_MakeOrBuy .ctb-mob-main-view-inner {
      height: 100%;
      width: calc(100% - 251px); }
      #pnl_MakeOrBuy .ctb-mob-main-view-inner-dsc {
        overflow-y: auto;
        height: inherit; }
        #pnl_MakeOrBuy .ctb-mob-main-view-inner-dsc-block {
          border-radius: 5px;
          width: 192px;
          height: 192px;
          margin: 0 10px 20px 10px;
          transition: 0.2s;
          cursor: pointer;
          display: inline-block; }
          #pnl_MakeOrBuy .ctb-mob-main-view-inner-dsc-block:hover {
            box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); }
          #pnl_MakeOrBuy .ctb-mob-main-view-inner-dsc-block-header {
            position: relative;
            z-index: 1;
            width: inherit; }
            #pnl_MakeOrBuy .ctb-mob-main-view-inner-dsc-block-header-type-name {
              min-width: 100px;
              height: 25px;
              text-align: center;
              line-height: 25px;
              float: left;
              font-family: "Roboto Medium", arial, helvetica, sans-serif;
              font-size: 12px;
              color: #1B1A1A;
              background-color: #F1F1F1;
              border-top-left-radius: 5px;
              border-bottom-right-radius: 5px; }
            #pnl_MakeOrBuy .ctb-mob-main-view-inner-dsc-block-header-del-btn {
              float: right;
              margin: 8px;
              transition: 0.2s; }
              #pnl_MakeOrBuy .ctb-mob-main-view-inner-dsc-block-header-del-btn:hover {
                transform: scale(1.2); }
          #pnl_MakeOrBuy .ctb-mob-main-view-inner-dsc-block-body {
            width: 192px;
            height: 192px; }
            #pnl_MakeOrBuy .ctb-mob-main-view-inner-dsc-block-body svg {
              border-radius: 5px;
              position: relative;
              top: -36px; }
          #pnl_MakeOrBuy .ctb-mob-main-view-inner-dsc-block-footer {
            border-radius: 0 0 5px 5px;
            line-height: 25px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            padding: 0 5px;
            font-family: "Roboto Medium", arial, helvetica, sans-serif;
            font-size: 12px;
            color: #1B1A1A;
            background-color: #F1F1F1;
            position: relative;
            top: -25px;
            width: inherit;
            height: 25px; }
    #pnl_MakeOrBuy .ctb-mob-main-view-sidebar {
      width: 250px; }
      #pnl_MakeOrBuy .ctb-mob-main-view-sidebar-inner {
        text-align: center; }
        #pnl_MakeOrBuy .ctb-mob-main-view-sidebar-inner .ctb-mob-sidebar-btn {
          width: 150px;
          margin-bottom: 15px; }

#pnl_MakeOrBuy .ctb-mob {
  height: calc(100% - 25px) !important; }

.ctb-dialog-centralizer-decision {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%); }

.ctb-dialog-new-decision {
  position: relative;
  min-width: 400px;
  width: auto;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  left: -50%;
  background-color: #FFFFFF;
  border-radius: 5px; }
  .ctb-dialog-new-decision-header {
    background: linear-gradient(#FFFFFF, #F2F1F2);
    height: 43px;
    text-transform: none;
    padding: 10px;
    border-radius: 5px 5px 0 0;
    cursor: move; }
    .ctb-dialog-new-decision-header span {
      display: block;
      text-align: left;
      color: #1B1A1A;
      font-size: 16px;
      font-family: "Roboto Medium", arial, helvetica, sans-serif; }
  .ctb-dialog-new-decision-body {
    border-top: 1px solid #d9d9d9;
    padding-bottom: 20px;
    position: relative;
    padding: 5px;
    text-align: left;
    max-height: calc(60vh);
    overflow-y: auto; }
    .ctb-dialog-new-decision-body .select-hidden {
      display: none;
      visibility: hidden;
      padding-right: 10px; }
    .ctb-dialog-new-decision-body .select {
      cursor: pointer;
      display: inline-block;
      position: relative;
      font-size: 12px;
      color: #1B1A1A;
      width: 150px;
      height: 32px; }
    .ctb-dialog-new-decision-body .select-styled {
      background: linear-gradient(#FFFFFF, #F2F1F2);
      padding: 8px;
      border-radius: 5px;
      border: 1px solid #d9d9d9;
      text-align: left;
      transition: 0.2s; }
      .ctb-dialog-new-decision-body .select-styled:after {
        content: url("../../images/themes/light/ic-arrow-drop-down-secondary.svg");
        position: absolute;
        right: 10px; }
      .ctb-dialog-new-decision-body .select-styled:hover {
        box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
    .ctb-dialog-new-decision-body .select-options {
      display: none;
      position: absolute;
      top: 100%;
      right: 0;
      left: 0;
      z-index: 999;
      margin: 0;
      padding: 0;
      list-style: none;
      background-color: #FFFFFF;
      border-radius: 5px; }
      .ctb-dialog-new-decision-body .select-options li {
        text-indent: 8px;
        text-align: left;
        border-bottom: 1px solid #d9d9d9;
        transition: 0.2s;
        height: 32px;
        line-height: 32px;
        border: 1px solid #d9d9d9;
        border-top: none; }
        .ctb-dialog-new-decision-body .select-options li:first-child {
          border-bottom: none;
          border-radius: 5px 5px 0 0;
          border-top: 1px solid #d9d9d9; }
          .ctb-dialog-new-decision-body .select-options li:first-child:hover {
            box-shadow: none;
            border-left: 5px solid #f3ab00;
            padding-left: 0; }
        .ctb-dialog-new-decision-body .select-options li:nth-child(2) {
          border-top: 1px solid #d9d9d9; }
        .ctb-dialog-new-decision-body .select-options li:last-child {
          border-radius: 0 0 5px 5px; }
          .ctb-dialog-new-decision-body .select-options li:last-child:hover {
            box-shadow: none;
            border-left: 5px solid #f3ab00;
            padding-left: 0; }
        .ctb-dialog-new-decision-body .select-options li:hover {
          box-shadow: inset 5px 0 0 0 #f3ab00;
          border-left: none;
          padding-left: 5px;
          background-color: #F1F1F1; }
        .ctb-dialog-new-decision-body .select-options li[rel="hide"] {
          display: none; }
    .ctb-dialog-new-decision-body button {
      width: 130px; }
    .ctb-dialog-new-decision-body .dcs-opt {
      text-align: center; }
      .ctb-dialog-new-decision-body .dcs-opt:hover {
        cursor: unset;
        background-color: transparent; }
    .ctb-dialog-new-decision-body .dcs-cheaper-opt-highlighter {
      background-color: #F6F6F6;
      border-radius: 5px; }
    .ctb-dialog-new-decision-body .dcs-opts-banner {
      text-align: center;
      margin-top: 10px;
      margin-bottom: 30px; }
    .ctb-dialog-new-decision-body .dcs-step {
      margin-bottom: 5px; }
      .ctb-dialog-new-decision-body .dcs-step::after {
        border-bottom: 1px solid #d9d9d9;
        margin-bottom: 5px;
        width: 90%; }
    .ctb-dialog-new-decision-body .dcs-pic {
      border-radius: 5px;
      transition: 0.2s; }
      .ctb-dialog-new-decision-body .dcs-pic:hover {
        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
        filter: brightness(0.7); }
    .ctb-dialog-new-decision-body .step-ip-ct {
      padding: 0 10px 10px 10px;
      width: 100%; }
      .ctb-dialog-new-decision-body .step-ip-ct span.step-ip-label, .ctb-dialog-new-decision-body .step-ip-ct div.step-ip {
        padding-left: 0;
        font-size: 12px; }
    .ctb-dialog-new-decision-body .step-ip {
      height: 34px;
      line-height: 24px; }
    .ctb-dialog-new-decision-body div.step-ip-ct div.step-ip {
      color: #e30612; }
      .ctb-dialog-new-decision-body div.step-ip-ct div.step-ip:hover {
        cursor: unset; }
    .ctb-dialog-new-decision-body input, .ctb-dialog-new-decision-body textarea {
      background-color: #FFFFFF;
      color: #1B1A1A;
      border-radius: 5px;
      border: 1px solid #d9d9d9;
      font-family: "Roboto Standard", arial, helvetica, sans-serif !important;
      font-size: 12px !important;
      transition: 0.2s; }
      .ctb-dialog-new-decision-body input:hover, .ctb-dialog-new-decision-body textarea:hover {
        cursor: text;
        box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
    .ctb-dialog-new-decision-body textarea {
      padding: 8px; }
      .ctb-dialog-new-decision-body textarea::-webkit-scrollbar {
        width: 6px;
        height: 6px; }
      .ctb-dialog-new-decision-body textarea::-webkit-scrollbar-thumb {
        background-color: #d7d7d7;
        border-radius: 5px; }
    .ctb-dialog-new-decision-body input::-webkit-input-placeholder, .ctb-dialog-new-decision-body textarea::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #1B1A1A; }
    .ctb-dialog-new-decision-body input::-moz-placeholde, .ctb-dialog-new-decision-body textarea::-moz-placeholde {
      /* Firefox 19+ */
      color: #1B1A1A; }
    .ctb-dialog-new-decision-body input:-ms-input-placeholder, .ctb-dialog-new-decision-body textarea:-ms-input-placeholder {
      /* IE 10+ */
      color: #1B1A1A; }
    .ctb-dialog-new-decision-body input:-moz-placeholder, .ctb-dialog-new-decision-body textarea:-moz-placeholder {
      /* Firefox 18- */
      color: #1B1A1A; }
    .ctb-dialog-new-decision-body .mob-recopecost-body {
      min-height: 420px; }
      .ctb-dialog-new-decision-body .mob-recopecost-body .mob-recipecost-builder {
        border-spacing: 10px 10px !important; }
        .ctb-dialog-new-decision-body .mob-recopecost-body .mob-recipecost-builder td {
          text-align: center;
          border-radius: 5px; }
        .ctb-dialog-new-decision-body .mob-recopecost-body .mob-recipecost-builder-body input {
          text-indent: 4px; }
        .ctb-dialog-new-decision-body .mob-recopecost-body .mob-recipecost-builder-body select option:hover {
          background: none !important; }
        .ctb-dialog-new-decision-body .mob-recopecost-body .mob-recipecost-builder .mob-recipe-builder-header-cell, .ctb-dialog-new-decision-body .mob-recopecost-body .mob-recipecost-builder .recipecost-cell {
          border-left: 0;
          border-right: 0;
          text-indent: 0; }
          .ctb-dialog-new-decision-body .mob-recopecost-body .mob-recipecost-builder .mob-recipe-builder-header-cell td, .ctb-dialog-new-decision-body .mob-recopecost-body .mob-recipecost-builder .recipecost-cell td {
            padding: 10px; }
          .ctb-dialog-new-decision-body .mob-recopecost-body .mob-recipecost-builder .mob-recipe-builder-header-cell .recipecost-ip, .ctb-dialog-new-decision-body .mob-recopecost-body .mob-recipecost-builder .recipecost-cell .recipecost-ip {
            height: 32px; }
    .ctb-dialog-new-decision-body .mob-step-hightlighter {
      outline: none;
      box-shadow: none;
      font-size: 12px;
      font-family: "Roboto Medium", arial, helvetica, sans-serif;
      border: 1px solid #d9d9d9;
      border-radius: 0 0 5px 5px; }
      .ctb-dialog-new-decision-body .mob-step-hightlighter::before {
        left: -0.5px;
        background-color: #e30612;
        color: #FFFFFF;
        width: calc(100% - 8px);
        border-radius: 5px 5px 0 0; }
    .ctb-dialog-new-decision-body .recipecost-dcs-panel .mob-recipecost-control {
      padding: 10px;
      margin-top: 10px;
      margin-bottom: 10px; }
    .ctb-dialog-new-decision-body .butcher-dcs-panel, .ctb-dialog-new-decision-body .priceperkg-dcs-panel {
      padding-top: 10px; }
  .ctb-dialog-new-decision-footer {
    background-color: #FFFFFF;
    padding: 12px;
    border: 0;
    text-align: right;
    border-radius: 0 0 5px 5px; }
    .ctb-dialog-new-decision-footer button {
      margin-left: 10px; }

#ctb-mod-main-body {
  height: calc(100% - 60px); }

.font-poppins-regular {
  font-family: "Poppins Medium", "Roboto Standard", arial, helvetica, sans-serif;
  color: black;
  font-size: 12px; }
  .font-poppins-regular.container::-webkit-scrollbar {
    width: 6px;
    height: 6px; }
  .font-poppins-regular.container::-webkit-scrollbar-thumb {
    background-color: #d7d7d7;
    border-radius: 5px; }
  .font-poppins-regular .color-danger {
    color: #F3A91D; }

.logo-login {
  margin: auto;
  max-width: 491px;
  width: 100%;
  height: auto; }
  .logo-login-container {
    width: 100%;
    height: 100px;
    display: flex; }
  .logo-login-image {
    margin: auto;
    max-width: 491px;
    width: 100%;
    height: auto; }

.term-and-conditions-container {
  border: 2px #d7d7d7 solid;
  margin: 20px;
  border-radius: 10px;
  height: calc(100% - 20px);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); }

.term-and-conditions-title {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  padding: 0;
  margin-top: 9px; }

.pdf-view-container {
  margin-top: 4%;
  height: calc(97% - 160px); }

.bg-danger-login {
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #F3A91D;
  color: #F3A91D; }
  .bg-danger-login a {
    color: #F3A91D;
    text-decoration: underline; }

#enquirybox .select-options {
  height: 256px !important;
  overflow: hidden; }

#enquiry-message {
  font-weight: normal !important;
  font-size: 12px; }

.enquiry-button-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px; }

.enquiry-button-container button {
  flex: 1;
  min-width: 150px;
  white-space: nowrap; }

#signup-alert,
#enquiry-alert {
  width: calc(100% - 30px); }

#loginbox .panel.panel-info, #forgotpasswordbox .panel.panel-info, #signupbox .panel.panel-info, #enquirybox .panel.panel-info, #paymentbox .panel.panel-info, #resetpasswordbox .panel.panel-info {
  border: solid 1px #d9d9d9;
  border-radius: 5px; }

#loginbox .btn, #forgotpasswordbox .btn, #signupbox .btn, #enquirybox .btn, #paymentbox .btn, #resetpasswordbox .btn {
  font-size: 12px;
  height: 34px; }

#loginbox button, #forgotpasswordbox button, #signupbox button, #enquirybox button, #paymentbox button, #resetpasswordbox button {
  border-radius: 5px; }

#loginbox input[type="checkbox"], #forgotpasswordbox input[type="checkbox"], #signupbox input[type="checkbox"], #enquirybox input[type="checkbox"], #paymentbox input[type="checkbox"], #resetpasswordbox input[type="checkbox"] {
  cursor: pointer; }

#loginbox input:not([type="checkbox"]), #forgotpasswordbox input:not([type="checkbox"]), #signupbox input:not([type="checkbox"]), #enquirybox input:not([type="checkbox"]), #paymentbox input:not([type="checkbox"]), #resetpasswordbox input:not([type="checkbox"]) {
  background-color: white;
  border: 1px solid #d9d9d9;
  box-shadow: none;
  color: black;
  font-family: "Poppins Regular", "Roboto Standard", arial, helvetica, sans-serif;
  font-size: 12px;
  border-radius: 5px; }
  #loginbox input:not([type="checkbox"])::placeholder, #forgotpasswordbox input:not([type="checkbox"])::placeholder, #signupbox input:not([type="checkbox"])::placeholder, #enquirybox input:not([type="checkbox"])::placeholder, #paymentbox input:not([type="checkbox"])::placeholder, #resetpasswordbox input:not([type="checkbox"])::placeholder {
    color: black; }
  #loginbox input:not([type="checkbox"]):focus, #loginbox input:not([type="checkbox"]):hover, #forgotpasswordbox input:not([type="checkbox"]):focus, #forgotpasswordbox input:not([type="checkbox"]):hover, #signupbox input:not([type="checkbox"]):focus, #signupbox input:not([type="checkbox"]):hover, #enquirybox input:not([type="checkbox"]):focus, #enquirybox input:not([type="checkbox"]):hover, #paymentbox input:not([type="checkbox"]):focus, #paymentbox input:not([type="checkbox"]):hover, #resetpasswordbox input:not([type="checkbox"]):focus, #resetpasswordbox input:not([type="checkbox"]):hover {
    box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11) !important; }

#loginbox {
  height: 100%; }
  #loginbox #tool-login-sidebar {
    float: right;
    text-align: right;
    margin-top: -98px; }
    #loginbox #tool-login-sidebar-img {
      height: 360px;
      width: 360px;
      display: block;
      margin-top: 90px;
      position: fixed;
      left: 65%; }
  #loginbox .panel-body {
    padding: 30px; }
    #loginbox .panel-body #login-subtitle {
      color: #F3A91D;
      margin-bottom: 15px; }
    #loginbox .panel-body #label-forgot-passwword {
      float: right;
      margin-top: 5px;
      cursor: pointer; }
  #loginbox #loginform .checkbox div {
    line-height: 28px;
    margin-left: 5px;
    width: max-content; }

.login-title {
  font-size: 16px;
  font-weight: bold; }

#signupbox-icon-background,
#enquirybox-icon-background {
  width: 520px;
  height: 400px;
  display: block;
  background-size: cover;
  position: absolute;
  background-position: bottom; }

#signupbox-logo,
#enquirybox-logo {
  background-size: cover;
  width: 330px;
  height: 25px;
  display: block;
  margin: 0 auto; }
  #signupbox-logo.dtp,
  #enquirybox-logo.dtp {
    width: 280px; }

#signupbox #tool-singup-sidebar,
#signupbox #tool-enquiry-sidebar,
#enquirybox #tool-singup-sidebar,
#enquirybox #tool-enquiry-sidebar {
  float: right;
  margin-top: 120px;
  margin-right: 20%; }
  #signupbox #tool-singup-sidebar #signinlink,
  #signupbox #tool-singup-sidebar #enquirylink,
  #signupbox #tool-enquiry-sidebar #signinlink,
  #signupbox #tool-enquiry-sidebar #enquirylink,
  #enquirybox #tool-singup-sidebar #signinlink,
  #enquirybox #tool-singup-sidebar #enquirylink,
  #enquirybox #tool-enquiry-sidebar #signinlink,
  #enquirybox #tool-enquiry-sidebar #enquirylink {
    cursor: pointer; }

#signupbox #signupform #btn-signup, #signupbox #signupform #btn-submit-enquiry, #signupbox #enquiryForm #btn-signup, #signupbox #enquiryForm #btn-submit-enquiry,
#enquirybox #signupform #btn-signup,
#enquirybox #signupform #btn-submit-enquiry,
#enquirybox #enquiryForm #btn-signup,
#enquirybox #enquiryForm #btn-submit-enquiry {
  background-image: none; }

#signupbox #signupform #signup-country-combo .x-form-field-wrap, #signupbox #signupform #signup-state-combo .x-form-field-wrap, #signupbox #signupform #signup-timeZone-combo .x-form-field-wrap, #signupbox #signupform #enquiry-program .x-form-field-wrap, #signupbox #enquiryForm #signup-country-combo .x-form-field-wrap, #signupbox #enquiryForm #signup-state-combo .x-form-field-wrap, #signupbox #enquiryForm #signup-timeZone-combo .x-form-field-wrap, #signupbox #enquiryForm #enquiry-program .x-form-field-wrap,
#enquirybox #signupform #signup-country-combo .x-form-field-wrap,
#enquirybox #signupform #signup-state-combo .x-form-field-wrap,
#enquirybox #signupform #signup-timeZone-combo .x-form-field-wrap,
#enquirybox #signupform #enquiry-program .x-form-field-wrap,
#enquirybox #enquiryForm #signup-country-combo .x-form-field-wrap,
#enquirybox #enquiryForm #signup-state-combo .x-form-field-wrap,
#enquirybox #enquiryForm #signup-timeZone-combo .x-form-field-wrap,
#enquirybox #enquiryForm #enquiry-program .x-form-field-wrap {
  width: 100% !important;
  height: 34px; }
  #signupbox #signupform #signup-country-combo .x-form-field-wrap input, #signupbox #signupform #signup-state-combo .x-form-field-wrap input, #signupbox #signupform #signup-timeZone-combo .x-form-field-wrap input, #signupbox #signupform #enquiry-program .x-form-field-wrap input, #signupbox #enquiryForm #signup-country-combo .x-form-field-wrap input, #signupbox #enquiryForm #signup-state-combo .x-form-field-wrap input, #signupbox #enquiryForm #signup-timeZone-combo .x-form-field-wrap input, #signupbox #enquiryForm #enquiry-program .x-form-field-wrap input,
  #enquirybox #signupform #signup-country-combo .x-form-field-wrap input,
  #enquirybox #signupform #signup-state-combo .x-form-field-wrap input,
  #enquirybox #signupform #signup-timeZone-combo .x-form-field-wrap input,
  #enquirybox #signupform #enquiry-program .x-form-field-wrap input,
  #enquirybox #enquiryForm #signup-country-combo .x-form-field-wrap input,
  #enquirybox #enquiryForm #signup-state-combo .x-form-field-wrap input,
  #enquirybox #enquiryForm #signup-timeZone-combo .x-form-field-wrap input,
  #enquirybox #enquiryForm #enquiry-program .x-form-field-wrap input {
    border: none;
    font-family: "Poppins Medium", "Roboto Standard", arial, helvetica, sans-serif;
    width: 100% !important;
    height: 100% !important; }

#signupbox .col-md-12, #signupbox .col-md-6,
#enquirybox .col-md-12,
#enquirybox .col-md-6 {
  margin-bottom: 8px; }

#signupbox .select-hidden,
#enquirybox .select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px; }

#signupbox .select,
#enquirybox .select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 12px;
  color: black;
  width: 100%;
  height: 32px; }

#signupbox .select-styled,
#enquirybox .select-styled {
  background: linear-gradient(#FFFFFF, #F2F1F2);
  padding: 8px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  text-align: left;
  transition: 0.2s;
  height: 34px; }
  #signupbox .select-styled:after,
  #enquirybox .select-styled:after {
    content: url("../../images/themes/light/ic-arrow-drop-down-secondary.svg");
    position: absolute;
    right: 10px;
    top: 15px; }
  #signupbox .select-styled:hover,
  #enquirybox .select-styled:hover {
    box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }

#signupbox .select-options,
#enquirybox .select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: white;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  height: 300px;
  overflow-y: auto; }
  #signupbox .select-options::-webkit-scrollbar,
  #enquirybox .select-options::-webkit-scrollbar {
    width: 6px;
    height: 6px; }
  #signupbox .select-options::-webkit-scrollbar-thumb,
  #enquirybox .select-options::-webkit-scrollbar-thumb {
    background-color: #d7d7d7;
    border-radius: 5px; }
  #signupbox .select-options li,
  #enquirybox .select-options li {
    text-indent: 8px;
    text-align: left;
    border-bottom: 1px solid #d9d9d9;
    transition: 0.2s;
    height: 32px;
    line-height: 32px; }
    #signupbox .select-options li:first-child,
    #enquirybox .select-options li:first-child {
      border-radius: 5px 5px 0 0;
      border-bottom: none; }
      #signupbox .select-options li:first-child:hover,
      #enquirybox .select-options li:first-child:hover {
        box-shadow: none;
        border-left: 5px solid #f3ab00;
        padding-left: 0; }
    #signupbox .select-options li:nth-child(2),
    #enquirybox .select-options li:nth-child(2) {
      border-top: 1px solid #d9d9d9; }
    #signupbox .select-options li:last-child,
    #enquirybox .select-options li:last-child {
      border-radius: 0 0 5px 5px;
      border-bottom: none; }
      #signupbox .select-options li:last-child:hover,
      #enquirybox .select-options li:last-child:hover {
        box-shadow: none;
        border-left: 5px solid #f3ab00;
        padding-left: 0; }
    #signupbox .select-options li:hover,
    #enquirybox .select-options li:hover {
      box-shadow: inset 5px 0 0 0 #f3ab00;
      border-left: none;
      padding-left: 5px;
      background-color: #F1F1F1; }
    #signupbox .select-options li[rel="hide"],
    #enquirybox .select-options li[rel="hide"] {
      display: none; }

.abcRioButton {
  border-radius: 5px !important;
  border: 1px solid #d9d9d9;
  box-shadow: none !important; }
  .abcRioButton:hover {
    box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11) !important; }
  .abcRioButton .abcRioButtonContents span {
    font-size: 14px;
    font-family: "Poppins Medium", "Roboto Standard", arial, helvetica, sans-serif; }

.or-seperator {
  margin: 15px 0 15px 0;
  text-align: center; }
  .or-seperator span {
    width: 60px;
    position: relative;
    top: -10px;
    background: #FFFFFF;
    display: inline-block;
    font-size: 14px; }

@media only screen and (max-width: 991px) {
  #signupbox #tool-singup-sidebar,
  #enquirybox #tool-enquiry-sidebar {
    margin-right: 10%; }
  #loginbox #tool-login-sidebar,
  #enquirybox #tool-enquiry-sidebar {
    position: relative;
    z-index: 2;
    top: 120px;
    right: 165px; }
    #loginbox #tool-login-sidebar-img,
    #enquirybox #tool-enquiry-sidebar-img {
      display: none; } }

@media only screen and (max-width: 767px) {
  #signupbox #tool-singup-sidebar,
  #enquirybox #tool-enquiry-sidebar {
    margin-top: -30px;
    margin-right: 3%; }
  #loginbox #tool-login-sidebar,
  #enquirybox #tool-enquiry-sidebar {
    margin: 20px 45px 0 0;
    position: relative;
    z-index: 2;
    top: 0;
    right: 0; }
  #signupbox-icon-background,
  #enquirybox-icon-background {
    top: 0;
    left: -80px; }
  .or-seperator {
    margin-top: 30px; } }

@media only screen and (max-width: 994px) {
  .logo-login-container {
    height: 80px; } }

@media only screen and (max-width: 700px) {
  .logo-login-container {
    height: 70px; }
  .pdf-view-container {
    height: calc(97% - 130px); } }

@media only screen and (max-width: 603px) {
  .term-and-conditions-title {
    font-size: 13px; }
  .logo-login-container {
    height: 55px; } }

@media only screen and (max-width: 535px) {
  .term-and-conditions-title {
    font-size: 11px; }
  .logo-login-container {
    height: 50px; } }

@media only screen and (max-width: 470px) {
  .term-and-conditions-title {
    font-size: 8px; } }

@media only screen and (max-width: 400px) and (max-height: 760px) {
  .term-and-conditions-title {
    font-size: 7px; } }

@media only screen and (max-height: 760px) {
  .logo-login-container {
    height: 70px !important; } }

@media only screen and (max-height: 576px) {
  .pdf-view-container {
    height: calc(97% - 180px); } }

@media only screen and (max-height: 600px) and (max-width: 700px) {
  .pdf-view-container {
    height: calc(97% - 180px); } }

@media only screen and (max-height: 600px) and (max-width: 600px) {
  .pdf-view-container {
    height: calc(97% - 150px); } }

@media only screen and (max-height: 430px) {
  .logo-login-container {
    height: 70px !important; }
  .term-and-conditions-title {
    font-size: 13px; }
  .pdf-view-container {
    height: calc(97% - 190px); } }

@media only screen and (max-height: 330px) {
  .logo-login-container {
    height: 60px !important; } }

.actual-resident .input-number {
  margin-top: 10px; }

.captured-setting {
  padding: 10px; }
  .captured-setting .x-form-item label.x-form-item-label {
    margin-top: 0px; }

#frm_CapturedSettings .x-form-item-label {
  margin-top: 7px; }

.print-report-option {
  margin-top: 17px; }

.meal-choices .month-year .x-box-item:nth-child(2) {
  left: 115px !important; }

.meal-choices-calendar .border-cell, .meal-choices-calendar .meal-table .ctb-calendar-cell.silver, .meal-table .meal-choices-calendar .ctb-calendar-cell.silver, .meal-choices-calendar .meal-table .ctb-calendar-cell.white, .meal-table .meal-choices-calendar .ctb-calendar-cell.white {
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  border-left: 0;
  border-top: 0; }

.meal-table {
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  height: 230px !important; }
  .meal-table .border-cell, .meal-table .ctb-calendar-cell.silver, .meal-table .ctb-calendar-cell.white {
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-left: 0;
    border-top: 0; }
  .meal-table .ctb-calendar-cell.silver {
    background-color: #d9d9d9;
    padding: 2px; }
    .meal-table .ctb-calendar-cell.silver:hover {
      background-color: #FFFFFF !important; }
  .meal-table .ctb-calendar-cell.white {
    background-color: #F1F1F1;
    padding: 2px; }
    .meal-table .ctb-calendar-cell.white:hover {
      background-color: #FFFFFF !important; }
  .meal-table .ctb-calendar-cell.today {
    background-color: #d9d9d9;
    border: 2px solid #549363; }
    .meal-table .ctb-calendar-cell.today:hover {
      background-color: #FFFFFF !important; }

#pnl_Captured_Orders .captured-mealchoice-scroller-hide-y .x-grid3-scroller {
  overflow-y: hidden; }

#pnl_Captured_Orders .x-grid3-row-table {
  background-color: transparent !important; }

#pnl_Captured_Orders .heading-column {
  margin: 0px 15px;
  height: 1px;
  border-bottom: 1px solid #d9d9d9;
  background-color: #d9d9d9; }

#pnl_Captured_Orders .captured-mealchoice-cell {
  border: 0px;
  border-right: 1px solid #d9d9d9; }
  #pnl_Captured_Orders .captured-mealchoice-cell.period {
    border-right: 1px solid #f3ab00 !important; }
  #pnl_Captured_Orders .captured-mealchoice-cell .x-grid3-cell-inner {
    padding: 0px !important; }
    #pnl_Captured_Orders .captured-mealchoice-cell .x-grid3-cell-inner .odd, #pnl_Captured_Orders .captured-mealchoice-cell .x-grid3-cell-inner .even {
      padding: 5px 5px;
      text-align: left;
      background-color: #d9d9d9;
      width: 100%;
      height: 40px;
      display: table; }
      #pnl_Captured_Orders .captured-mealchoice-cell .x-grid3-cell-inner .odd img, #pnl_Captured_Orders .captured-mealchoice-cell .x-grid3-cell-inner .even img {
        cursor: pointer; }
    #pnl_Captured_Orders .captured-mealchoice-cell .x-grid3-cell-inner .odd {
      background-color: #F1F1F1; }
    #pnl_Captured_Orders .captured-mealchoice-cell .x-grid3-cell-inner .total {
      padding: 17px 25px;
      font-size: 14px;
      font-weight: 500;
      background-color: #666;
      border-bottom: 1px solid #d9d9d9;
      text-align: center; }
    #pnl_Captured_Orders .captured-mealchoice-cell .x-grid3-cell-inner .disable {
      height: 50px;
      background-color: #FFFFFF;
      opacity: 0.6;
      border-bottom: 1px solid #d9d9d9; }

.ext-strict .x-grid-panel.captured-order-detail .x-grid3 .x-grid3-row {
  border-left: 0px !important;
  border-right: 0px !important; }

.cm_plan_nav:before {
  content: attr(step);
  position: absolute;
  left: calc(50% - 130px);
  display: block;
  width: 240px;
  line-height: 40px;
  padding: 0 10px;
  border-radius: 10px;
  font-weight: bold;
  font-size: 22px;
  text-align: center;
  white-space: nowrap; }

.cm_plan_nav .xbutton {
  border-radius: 5px; }

.calendar_direction {
  margin-left: calc(50% - 148px); }

.calendar_direction label {
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  font-weight: 500; }

.no_menu_plan_label {
  line-height: 40px;
  font-size: 18px;
  font-weight: 500; }

.ext-strict .ctb-capture-dietary {
  border-bottom: 0px;
  /* .ctb-panel-header-lightgray .x-panel-header {
            border-top: 1px solid $border-color-primary !important;
        } */ }
  .ext-strict .ctb-capture-dietary .x-panel-bwrap {
    border: 1px solid #d9d9d9;
    border-radius: 5px; }
    .ext-strict .ctb-capture-dietary .x-panel-bwrap .x-panel-bwrap {
      border: 0px; }
  .ext-strict .ctb-capture-dietary .last-column {
    border-right: 0px; }
  .ext-strict .ctb-capture-dietary .x-table-layout-cell:nth-child(2) {
    width: 170px; }
  .ext-strict .ctb-capture-dietary .x-column-inner {
    border-radius: 5px;
    display: flex; }

.ext-strict .ctb-dietary-column {
  border-right: 1px solid #d9d9d9; }

.ctb-supplier-price-update-window .x-window-bwrap {
  background-image: none !important;
  background-color: #FFFFFF !important; }

.supplier-browser-add-button table .x-btn-large tr:nth-child(2) .x-btn-ml, .supplier-browser-add-button table .x-btn-large tr:nth-child(2) .x-btn-mr {
  display: none; }

.supplier-browser-add-button table .x-btn-large tr:nth-child(3), .supplier-browser-add-button table .x-btn-large tr:nth-child(1) {
  display: none; }

.supplier-browser-save-button table .x-btn-large tr:nth-child(2) .x-btn-mr {
  display: none; }

.supplier-browser-save-button table .x-btn-large tr:nth-child(3), .supplier-browser-save-button table .x-btn-large tr:nth-child(1) {
  display: none; }

.price-update-top-editor .btn-hide-supplier-sale-volume {
  cursor: default; }

.ctb-stock-update-table {
  border: 1px solid #d9d9d9;
  border-radius: 5px; }
  .ctb-stock-update-table .horizontal {
    visibility: hidden !important; }
  .ctb-stock-update-table .icon-tendering-badge-costeffective {
    background-image: url("../../images/themes/ic-dola.svg") !important;
    margin-right: 5px; }
  .ctb-stock-update-table-table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%; }
    .ctb-stock-update-table-table-header {
      height: 48px;
      background: linear-gradient(#FFFFFF, #F2F1F2);
      border-top: none; }
      .ctb-stock-update-table-table-header th {
        padding-left: 12px; }
        .ctb-stock-update-table-table-header th:first-child {
          border-right: 1px solid #d9d9d9; }
      .ctb-stock-update-table-table-header-title {
        font-size: 14px;
        font-family: "Roboto Medium", arial, helvetica, sans-serif;
        margin-right: 5px; }
    .ctb-stock-update-table-table-subheader {
      height: 50px;
      font-weight: 500;
      background-color: #FFFFFF;
      border-top: 1px solid #d9d9d9;
      border-bottom: 1px solid #d9d9d9; }
      .ctb-stock-update-table-table-subheader > td {
        border-right: 1px solid #d9d9d9; }
        .ctb-stock-update-table-table-subheader > td:first-child {
          padding-left: 12px; }
      .ctb-stock-update-table-table-subheader-title {
        float: left;
        height: 20px;
        line-height: 20px;
        width: calc(100% - 22px);
        text-align: center; }
      .ctb-stock-update-table-table-subheader-sort {
        float: right;
        margin-right: 6px; }
        .ctb-stock-update-table-table-subheader-sort div {
          cursor: pointer;
          padding-right: 5px; }
          .ctb-stock-update-table-table-subheader-sort div.icon-sort-up {
            margin-top: 4px; }
    .ctb-stock-update-table-table-row {
      height: 48px; }
      .ctb-stock-update-table-table-row > td {
        border-right: 1px solid #d9d9d9; }
        .ctb-stock-update-table-table-row > td:first-child .ctb-stock-update-table-table-row-cell {
          margin-left: 4px;
          border-radius: 5px 0 0 5px; }
        .ctb-stock-update-table-table-row > td:last-child .ctb-stock-update-table-table-row-cell {
          margin-right: 4px;
          border-radius: 0 5px 5px 0; }
      .ctb-stock-update-table-table-row.row-disable .ctb-stock-update-table-table-row-cell {
        background-color: #F1F1F1; }
      .ctb-stock-update-table-table-row-cell {
        height: 42px;
        background-color: #F6F6F6;
        display: flex;
        justify-content: center;
        align-items: center; }
    .ctb-stock-update-table-table-footer {
      border-top: 1px solid #d9d9d9;
      height: 49px; }

.policy-on-window .x-panel-body::-webkit-scrollbar, .trading-terms-condition-window .x-panel-body::-webkit-scrollbar {
  width: 6px;
  height: 6px; }

.policy-on-window .x-panel-body::-webkit-scrollbar-thumb, .trading-terms-condition-window .x-panel-body::-webkit-scrollbar-thumb {
  background-color: #d7d7d7;
  border-radius: 5px; }

.callback-container {
  width: 60%;
  max-width: 800px;
  min-width: 500px;
  margin: auto;
  position: relative;
  top: 80px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  background-color: #F1F1F1; }
  .callback-container .callback-title {
    color: #549363;
    background-image: linear-gradient(#FFFFFF, #F2F1F2);
    text-align: center;
    padding: 2rem;
    font-size: 150%;
    font-weight: bold;
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid #d9d9d9; }
  .callback-container .callback-content {
    background-color: #FFFFFF;
    color: #1B1A1A;
    font-weight: 500;
    padding: 5rem;
    text-align: center;
    border-radius: 0 0 10px 10px;
    font-size: 14px; }
    .callback-container .callback-content .service-name {
      font-weight: bold; }

.x-btn-mc em.x-btn-arrow {
  background: url("../../images/themes/ic-arrow-drop-down-editor.svg") center right 5px;
  background-repeat: no-repeat;
  background-color: #c5c5c5; }

/* --------------------------------

Generated using nucleoapp.com

-------------------------------- */
.table-icon {
  display: inline-block;
  height: 24px;
  width: 24px;
  background-image: url("../../images/themes/light/table-icon.svg");
  background-repeat: no-repeat; }

.table-icon.icon-cost {
  background-position: -0px -0px; }

.table-icon.icon-print {
  background-position: -0px -24px; }

.table-icon.icon-calendar {
  background-image: url("../../images/themes/light/calendar-icon.svg");
  background-position: unset !important;
  width: 24px;
  background-size: cover; }

/* --------------------------------

Generated using nucleoapp.com

-------------------------------- */
.sb-icon-hover::before, .active-sb-icon.icon-admin::before, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-admin.sb-icon::before, .active-sb-icon.icon-yield-testing::before, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-yield-testing.sb-icon::before, .active-sb-icon.icon-support::before, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-support.sb-icon::before, .active-sb-icon.icon-stock::before, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-stock.sb-icon::before, .active-sb-icon.icon-revenue::before, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-revenue.sb-icon::before, .active-sb-icon.icon-recipe-book::before, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-recipe-book.sb-icon::before, .active-sb-icon.icon-menu-builder::before, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-menu-builder.sb-icon::before, .active-sb-icon.icon-licence::before, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-licence.sb-icon::before, .active-sb-icon.icon-integration::before, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-integration.sb-icon::before, .active-sb-icon.icon-home::before, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-home.sb-icon::before, .active-sb-icon.icon-features::before, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-features.sb-icon::before, .active-sb-icon.icon-contact::before, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-contact.sb-icon::before, .active-sb-icon.icon-budget::before, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-budget.sb-icon::before, .active-sb-icon.icon-captured::before, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-captured.sb-icon::before, .active-sb-icon.icon-keep-it-cool::before, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-keep-it-cool.sb-icon::before {
  top: 14px;
  color: #FFFFFF;
  font-weight: 500; }

.sb-icon-after, .sb-icon.icon-admin::after, .sb-icon.icon-yield-testing::after, .sb-icon.icon-stock::after, .sb-icon.icon-revenue::after, .sb-icon.icon-recipe-book::after, .sb-icon.icon-menu-builder::after, .sb-icon.icon-licence::after, .sb-icon.icon-budget::after, .sb-icon.icon-captured::after {
  content: url("../../images/themes/light/ic-arrow-drop-down-right.svg");
  width: 15px;
  height: 15px;
  display: inline-block;
  position: relative;
  left: 150px;
  top: -2px; }

.sb-icon {
  display: inline-block;
  height: 24px;
  width: 24px;
  background-image: url("../../images/themes/light/sidebar-menu-icons.svg");
  background-repeat: no-repeat;
  background-position: center; }
  .sb-icon.icon-admin {
    background-position-y: -0px; }
  .sb-icon.icon-calculator {
    background-position-y: -24px; }
  .sb-icon.icon-yield-testing {
    background-position-y: -48px; }
  .sb-icon.icon-support {
    background-position-y: -72px; }
  .sb-icon.icon-stock {
    background-position-y: -96px; }
  .sb-icon.icon-revenue {
    background-position-y: -120px; }
  .sb-icon.icon-recipe-book {
    background-position-y: -144px; }
  .sb-icon.icon-menu-builder {
    background-position-y: -168px; }
  .sb-icon.icon-little-balck-book {
    background-position-y: -192px; }
  .sb-icon.icon-licence {
    background-position: 2px -216px; }
  .sb-icon.icon-integration {
    background-position-y: -240px; }
  .sb-icon.icon-home {
    background-position-y: -264px; }
  .sb-icon.icon-features {
    background-position-y: -288px; }
  .sb-icon.icon-contact {
    background-position-y: -312px; }
  .sb-icon.icon-choose-a-report {
    background-position-y: -336px; }
  .sb-icon.icon-budget {
    background-position: 2px -360px; }
  .sb-icon.icon-captured {
    background-position: 2px -384px; }
  .sb-icon.icon-keep-it-cool {
    background-position: 0px -408px; }

.vsm-default .sb-icon {
  margin-top: 13px !important;
  margin-bottom: 13px !important; }

.vsm-default .vsm-title {
  padding-top: 15px !important; }

.active-sb-icon.icon-licence, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-licence.sb-icon {
  background-position: 27px -216px; }

.active-sb-icon.icon-integration::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-integration.sb-icon::after {
  content: ""; }

.active-sb-icon.icon-home::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-home.sb-icon::after {
  content: ""; }

.active-sb-icon.icon-contact::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-contact.sb-icon::after {
  content: ""; }

.vsm-default .active-item .sb-icon {
  background-image: url("../../images/themes/sidebar-menu-icons-active.svg"); }

.v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.parent-active-item .sb-icon.icon-admin::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.parent-active-item .sb-icon.icon-yield-testing::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.parent-active-item .sb-icon.icon-support::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.parent-active-item .sb-icon.icon-stock::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.parent-active-item .sb-icon.icon-revenue::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.parent-active-item .sb-icon.icon-recipe-book::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.parent-active-item .sb-icon.icon-menu-builder::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.parent-active-item .sb-icon.icon-little-balck-book::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.parent-active-item .sb-icon.icon-licence::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.parent-active-item .sb-icon.icon-features::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.parent-active-item .sb-icon.icon-budget::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item.parent-active-item .sb-icon.icon-captured::after {
  content: url("../../images/themes/dark/ic-arrow-drop-down-right-active.svg"); }

.v-sidebar-menu.vsm-collapsed .vsm-item.first-item.open-item.parent-active-item .sb-icon.icon-admin::after, .v-sidebar-menu.vsm-collapsed .vsm-item.first-item.open-item.parent-active-item .sb-icon.icon-yield-testing::after, .v-sidebar-menu.vsm-collapsed .vsm-item.first-item.open-item.parent-active-item .sb-icon.icon-support::after, .v-sidebar-menu.vsm-collapsed .vsm-item.first-item.open-item.parent-active-item .sb-icon.icon-stock::after, .v-sidebar-menu.vsm-collapsed .vsm-item.first-item.open-item.parent-active-item .sb-icon.icon-revenue::after, .v-sidebar-menu.vsm-collapsed .vsm-item.first-item.open-item.parent-active-item .sb-icon.icon-recipe-book::after, .v-sidebar-menu.vsm-collapsed .vsm-item.first-item.open-item.parent-active-item .sb-icon.icon-menu-builder::after, .v-sidebar-menu.vsm-collapsed .vsm-item.first-item.open-item.parent-active-item .sb-icon.icon-little-balck-book::after, .v-sidebar-menu.vsm-collapsed .vsm-item.first-item.open-item.parent-active-item .sb-icon.icon-licence::after, .v-sidebar-menu.vsm-collapsed .vsm-item.first-item.open-item.parent-active-item .sb-icon.icon-features::after, .v-sidebar-menu.vsm-collapsed .vsm-item.first-item.open-item.parent-active-item .sb-icon.icon-budget::after, .v-sidebar-menu.vsm-collapsed .vsm-item.first-item.open-item.parent-active-item .sb-icon.icon-captured::after {
  content: url("../../images/themes/dark/ic-arrow-drop-down-right-active.svg"); }

.ext-strict {
  /* .slider {
        background-color: $color-3rd;
    } */ }
  .ext-strict .box-shadow-panel {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); }
  .ext-strict .x-window .x-window-body {
    padding-bottom: 10px; }
  .ext-strict .x-window.x-notification {
    box-shadow: 0px 0px 14px 0 rgba(0, 0, 0, 0.25); }
  .ext-strict #subHeader {
    box-shadow: 0 2px 12px 0 rgba(27, 26, 26, 0.15); }
  .ext-strict #menu-sidebar, .ext-strict #menu-sidebar-master {
    border-right: none; }

.ext-strict .x-btn-text.ic-arrow-drop-down-bottom, .ext-strict .ic-arrow-drop-down-bottom.ctb-anchor-btn, .ext-strict .ic-arrow-drop-down-bottom.btn-sm-row, .ext-strict .ic-arrow-drop-down-bottom.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .ic-arrow-drop-down-bottom.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .ic-arrow-drop-down-bottom.x-btn-text, .ext-strict .x-date-mp .ic-arrow-drop-down-bottom.x-date-mp-ok, .x-date-mp .ext-strict .ic-arrow-drop-down-bottom.x-date-mp-ok, .ext-strict .x-date-mp .ic-arrow-drop-down-bottom.x-date-mp-cancel, .x-date-mp .ext-strict .ic-arrow-drop-down-bottom.x-date-mp-cancel, .ext-strict #outlet #outlet-map #map .ic-arrow-drop-down-bottom.outlet-node, #outlet #outlet-map #map .ext-strict .ic-arrow-drop-down-bottom.outlet-node, .ext-strict #pnl_CycleMenu .ic-arrow-drop-down-bottom.xbutton, #pnl_CycleMenu .ext-strict .ic-arrow-drop-down-bottom.xbutton, .ext-strict .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ic-arrow-drop-down-bottom.ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict .ic-arrow-drop-down-bottom.ctb-btn, .ext-strict .x-btn-text.icon-v3-dropdown-more, .ext-strict .icon-v3-dropdown-more.ctb-anchor-btn, .ext-strict .icon-v3-dropdown-more.btn-sm-row, .ext-strict .icon-v3-dropdown-more.ctb_btn_default_sm, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-v3-dropdown-more.x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-v3-dropdown-more.x-btn-text, .ext-strict .x-date-mp .icon-v3-dropdown-more.x-date-mp-ok, .x-date-mp .ext-strict .icon-v3-dropdown-more.x-date-mp-ok, .ext-strict .x-date-mp .icon-v3-dropdown-more.x-date-mp-cancel, .x-date-mp .ext-strict .icon-v3-dropdown-more.x-date-mp-cancel, .ext-strict #outlet #outlet-map #map .icon-v3-dropdown-more.outlet-node, #outlet #outlet-map #map .ext-strict .icon-v3-dropdown-more.outlet-node, .ext-strict #pnl_CycleMenu .icon-v3-dropdown-more.xbutton, #pnl_CycleMenu .ext-strict .icon-v3-dropdown-more.xbutton, .ext-strict .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-v3-dropdown-more.ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict .icon-v3-dropdown-more.ctb-btn {
  background-position: right center !important; }

.ext-strict .x-fieldset .x-form-text, .ext-strict .x-fieldset .ctb_transparent_bg_color .ctb-reciperipper-url, .ctb_transparent_bg_color .ext-strict .x-fieldset .ctb-reciperipper-url, .ext-strict .x-fieldset .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ext-strict .x-fieldset .b-h-ip, .ext-strict .x-fieldset .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ext-strict .x-fieldset .r-ip, .ext-strict .x-fieldset .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell .ext-strict .x-fieldset input.b-bd-fh-input, .ext-strict .x-fieldset .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ext-strict .x-fieldset .bd-r-ip, .ext-strict .x-fieldset .x-form-trigger, .ext-strict .x-fieldset .x-form-textarea.x-form-field, .ext-strict .x-fieldset .ctb_transparent_bg_color .x-form-textarea.ctb-reciperipper-url, .ctb_transparent_bg_color .ext-strict .x-fieldset .x-form-textarea.ctb-reciperipper-url {
  background-color: #FFFFFF;
  transition: box-shadow 0.2s; }
  .ext-strict .x-fieldset .x-form-text:hover, .ext-strict .x-fieldset .ctb_transparent_bg_color .ctb-reciperipper-url:hover, .ctb_transparent_bg_color .ext-strict .x-fieldset .ctb-reciperipper-url:hover, .ext-strict .x-fieldset .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip:hover, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ext-strict .x-fieldset .b-h-ip:hover, .ext-strict .x-fieldset .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip:hover, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ext-strict .x-fieldset .r-ip:hover, .ext-strict .x-fieldset .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input:hover, .b-bd-fh .b-bd-fh-cell .ext-strict .x-fieldset input.b-bd-fh-input:hover, .ext-strict .x-fieldset .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip:hover, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ext-strict .x-fieldset .bd-r-ip:hover, .ext-strict .x-fieldset .x-form-trigger:hover, .ext-strict .x-fieldset .x-form-textarea.x-form-field:hover, .ext-strict .x-fieldset .ctb_transparent_bg_color .x-form-textarea.ctb-reciperipper-url:hover, .ctb_transparent_bg_color .ext-strict .x-fieldset .x-form-textarea.ctb-reciperipper-url:hover {
    box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }

.ext-strict .ctb-slider .x-form-field-wrap {
  background-color: transparent; }

.ext-strict .nx-field input.x-form-text, .ext-strict .nx-field .ctb_transparent_bg_color input.ctb-reciperipper-url, .ctb_transparent_bg_color .ext-strict .nx-field input.ctb-reciperipper-url, .ext-strict .nx-field .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct input.b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ext-strict .nx-field input.b-h-ip, .ext-strict .nx-field .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row input.r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ext-strict .nx-field input.r-ip, .ext-strict .nx-field .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell .ext-strict .nx-field input.b-bd-fh-input, .ext-strict .nx-field .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r input.bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ext-strict .nx-field input.bd-r-ip {
  background-color: #FFFFFF; }

.ext-strict .x-grid-panel .x-panel-bbar .x-form-field-wrap .x-form-text, .ext-strict .x-grid-panel .x-panel-bbar .x-form-field-wrap .ctb_transparent_bg_color .ctb-reciperipper-url, .ctb_transparent_bg_color .ext-strict .x-grid-panel .x-panel-bbar .x-form-field-wrap .ctb-reciperipper-url, .ext-strict .x-grid-panel .x-panel-bbar .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ext-strict .x-grid-panel .x-panel-bbar .x-form-field-wrap .b-h-ip, .ext-strict .x-grid-panel .x-panel-bbar .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ext-strict .x-grid-panel .x-panel-bbar .x-form-field-wrap .r-ip, .ext-strict .x-grid-panel .x-panel-bbar .x-form-field-wrap .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell .ext-strict .x-grid-panel .x-panel-bbar .x-form-field-wrap input.b-bd-fh-input, .ext-strict .x-grid-panel .x-panel-bbar .x-form-field-wrap .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ext-strict .x-grid-panel .x-panel-bbar .x-form-field-wrap .bd-r-ip,
.ext-strict .x-grid-panel .x-panel-tbar .x-form-field-wrap .x-form-text,
.ext-strict .x-grid-panel .x-panel-tbar .x-form-field-wrap .ctb_transparent_bg_color .ctb-reciperipper-url,
.ctb_transparent_bg_color .ext-strict .x-grid-panel .x-panel-tbar .x-form-field-wrap .ctb-reciperipper-url,
.ext-strict .x-grid-panel .x-panel-tbar .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip,
.buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ext-strict .x-grid-panel .x-panel-tbar .x-form-field-wrap .b-h-ip,
.ext-strict .x-grid-panel .x-panel-tbar .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip,
.buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ext-strict .x-grid-panel .x-panel-tbar .x-form-field-wrap .r-ip,
.ext-strict .x-grid-panel .x-panel-tbar .x-form-field-wrap .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input,
.b-bd-fh .b-bd-fh-cell .ext-strict .x-grid-panel .x-panel-tbar .x-form-field-wrap input.b-bd-fh-input,
.ext-strict .x-grid-panel .x-panel-tbar .x-form-field-wrap .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip,
.b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ext-strict .x-grid-panel .x-panel-tbar .x-form-field-wrap .bd-r-ip {
  box-shadow: unset; }

.ext-strict .x-grid-panel .x-btn.x-btn-noicon .x-btn-split .x-btn-text, .ext-strict .x-grid-panel .x-btn.x-btn-noicon .x-btn-split .ctb-anchor-btn, .ext-strict .x-grid-panel .x-btn.x-btn-noicon .x-btn-split .btn-sm-row, .ext-strict .x-grid-panel .x-btn.x-btn-noicon .x-btn-split .ctb_btn_default_sm, .ext-strict .x-grid-panel .x-btn.x-btn-noicon .x-btn-split .x-date-mp .x-date-mp-ok, .x-date-mp .ext-strict .x-grid-panel .x-btn.x-btn-noicon .x-btn-split .x-date-mp-ok, .ext-strict .x-grid-panel .x-btn.x-btn-noicon .x-btn-split .x-date-mp .x-date-mp-cancel, .x-date-mp .ext-strict .x-grid-panel .x-btn.x-btn-noicon .x-btn-split .x-date-mp-cancel, .ext-strict .x-grid-panel .x-btn.x-btn-noicon .x-btn-split #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .ext-strict .x-grid-panel .x-btn.x-btn-noicon .x-btn-split .outlet-node, .ext-strict .x-grid-panel .x-btn.x-btn-noicon .x-btn-split #pnl_CycleMenu .xbutton, #pnl_CycleMenu .ext-strict .x-grid-panel .x-btn.x-btn-noicon .x-btn-split .xbutton, .ext-strict .x-grid-panel .x-btn.x-btn-noicon .x-btn-split .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict .x-grid-panel .x-btn.x-btn-noicon .x-btn-split .ctb-btn, .ext-strict .x-grid-panel .x-btn.x-btn-noicon .x-btn-arrow .x-btn-text, .ext-strict .x-grid-panel .x-btn.x-btn-noicon .x-btn-arrow .ctb-anchor-btn, .ext-strict .x-grid-panel .x-btn.x-btn-noicon .x-btn-arrow .btn-sm-row, .ext-strict .x-grid-panel .x-btn.x-btn-noicon .x-btn-arrow .ctb_btn_default_sm, .ext-strict .x-grid-panel .x-btn.x-btn-noicon .x-btn-arrow .x-date-mp .x-date-mp-ok, .x-date-mp .ext-strict .x-grid-panel .x-btn.x-btn-noicon .x-btn-arrow .x-date-mp-ok, .ext-strict .x-grid-panel .x-btn.x-btn-noicon .x-btn-arrow .x-date-mp .x-date-mp-cancel, .x-date-mp .ext-strict .x-grid-panel .x-btn.x-btn-noicon .x-btn-arrow .x-date-mp-cancel, .ext-strict .x-grid-panel .x-btn.x-btn-noicon .x-btn-arrow #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .ext-strict .x-grid-panel .x-btn.x-btn-noicon .x-btn-arrow .outlet-node, .ext-strict .x-grid-panel .x-btn.x-btn-noicon .x-btn-arrow #pnl_CycleMenu .xbutton, #pnl_CycleMenu .ext-strict .x-grid-panel .x-btn.x-btn-noicon .x-btn-arrow .xbutton, .ext-strict .x-grid-panel .x-btn.x-btn-noicon .x-btn-arrow .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict .x-grid-panel .x-btn.x-btn-noicon .x-btn-arrow .ctb-btn, .ext-strict .x-grid-panel .x-btn-icon-small-left .x-btn-split .x-btn-text, .ext-strict .x-grid-panel .x-btn-icon-small-left .x-btn-split .ctb-anchor-btn, .ext-strict .x-grid-panel .x-btn-icon-small-left .x-btn-split .btn-sm-row, .ext-strict .x-grid-panel .x-btn-icon-small-left .x-btn-split .ctb_btn_default_sm, .ext-strict .x-grid-panel .x-btn-icon-small-left .x-btn-split .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-icon-small-left .x-btn-split .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-grid-panel .x-btn-icon-small-left .x-btn-split .x-btn-text, .ext-strict .x-grid-panel .x-btn-icon-small-left .x-btn-split .x-date-mp .x-date-mp-ok, .x-date-mp .ext-strict .x-grid-panel .x-btn-icon-small-left .x-btn-split .x-date-mp-ok, .ext-strict .x-grid-panel .x-btn-icon-small-left .x-btn-split .x-date-mp .x-date-mp-cancel, .x-date-mp .ext-strict .x-grid-panel .x-btn-icon-small-left .x-btn-split .x-date-mp-cancel, .ext-strict .x-grid-panel .x-btn-icon-small-left .x-btn-split #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .ext-strict .x-grid-panel .x-btn-icon-small-left .x-btn-split .outlet-node, .ext-strict .x-grid-panel .x-btn-icon-small-left .x-btn-split #pnl_CycleMenu .xbutton, #pnl_CycleMenu .ext-strict .x-grid-panel .x-btn-icon-small-left .x-btn-split .xbutton, .ext-strict .x-grid-panel .x-btn-icon-small-left .x-btn-split .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict .x-grid-panel .x-btn-icon-small-left .x-btn-split .ctb-btn, .ext-strict .x-grid-panel .x-btn-icon-small-left .x-btn-arrow .x-btn-text, .ext-strict .x-grid-panel .x-btn-icon-small-left .x-btn-arrow .ctb-anchor-btn, .ext-strict .x-grid-panel .x-btn-icon-small-left .x-btn-arrow .btn-sm-row, .ext-strict .x-grid-panel .x-btn-icon-small-left .x-btn-arrow .ctb_btn_default_sm, .ext-strict .x-grid-panel .x-btn-icon-small-left .x-btn-arrow .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-icon-small-left .x-btn-arrow .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-grid-panel .x-btn-icon-small-left .x-btn-arrow .x-btn-text, .ext-strict .x-grid-panel .x-btn-icon-small-left .x-btn-arrow .x-date-mp .x-date-mp-ok, .x-date-mp .ext-strict .x-grid-panel .x-btn-icon-small-left .x-btn-arrow .x-date-mp-ok, .ext-strict .x-grid-panel .x-btn-icon-small-left .x-btn-arrow .x-date-mp .x-date-mp-cancel, .x-date-mp .ext-strict .x-grid-panel .x-btn-icon-small-left .x-btn-arrow .x-date-mp-cancel, .ext-strict .x-grid-panel .x-btn-icon-small-left .x-btn-arrow #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .ext-strict .x-grid-panel .x-btn-icon-small-left .x-btn-arrow .outlet-node, .ext-strict .x-grid-panel .x-btn-icon-small-left .x-btn-arrow #pnl_CycleMenu .xbutton, #pnl_CycleMenu .ext-strict .x-grid-panel .x-btn-icon-small-left .x-btn-arrow .xbutton, .ext-strict .x-grid-panel .x-btn-icon-small-left .x-btn-arrow .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict .x-grid-panel .x-btn-icon-small-left .x-btn-arrow .ctb-btn {
  box-shadow: unset; }

.ext-strict .x-toolbar .x-btn-mc em.x-btn-split {
  background-position: right center; }

.ext-strict .x-tab-panel.ctb-tab-panel {
  z-index: 0; }
  .ext-strict .x-tab-panel.ctb-tab-panel .x-grid-panel .x-panel-body {
    box-shadow: none; }
  .ext-strict .x-tab-panel.ctb-tab-panel .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table {
    background-color: #F6F6F6; }
  .ext-strict .x-tab-panel.ctb-tab-panel .x-grid-panel .x-grid3 .x-grid-group .x-grid3-row-alt .x-grid3-row-table {
    background-color: #F6F6F6; }
  .ext-strict .x-tab-panel.ctb-tab-panel .x-panel-bwrap .x-btn-text, .ext-strict .x-tab-panel.ctb-tab-panel .x-panel-bwrap .ctb-anchor-btn, .ext-strict .x-tab-panel.ctb-tab-panel .x-panel-bwrap .btn-sm-row, .ext-strict .x-tab-panel.ctb-tab-panel .x-panel-bwrap .ctb_btn_default_sm, .ext-strict .x-tab-panel.ctb-tab-panel .x-panel-bwrap .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-tab-panel.ctb-tab-panel .x-panel-bwrap .x-btn-text, .ext-strict .x-tab-panel.ctb-tab-panel .x-panel-bwrap .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-tab-panel.ctb-tab-panel .x-panel-bwrap .x-btn-text, .ext-strict .x-tab-panel.ctb-tab-panel .x-panel-bwrap .x-date-mp .x-date-mp-ok, .x-date-mp .ext-strict .x-tab-panel.ctb-tab-panel .x-panel-bwrap .x-date-mp-ok, .ext-strict .x-tab-panel.ctb-tab-panel .x-panel-bwrap .x-date-mp .x-date-mp-cancel, .x-date-mp .ext-strict .x-tab-panel.ctb-tab-panel .x-panel-bwrap .x-date-mp-cancel, .ext-strict .x-tab-panel.ctb-tab-panel .x-panel-bwrap #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .ext-strict .x-tab-panel.ctb-tab-panel .x-panel-bwrap .outlet-node, .ext-strict .x-tab-panel.ctb-tab-panel .x-panel-bwrap #pnl_CycleMenu .xbutton, #pnl_CycleMenu .ext-strict .x-tab-panel.ctb-tab-panel .x-panel-bwrap .xbutton, .ext-strict .x-tab-panel.ctb-tab-panel .x-panel-bwrap .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict .x-tab-panel.ctb-tab-panel .x-panel-bwrap .ctb-btn {
    color: #1B1A1A; }
  .ext-strict .x-tab-panel.ctb-tab-panel .x-toolbar .x-btn-text, .ext-strict .x-tab-panel.ctb-tab-panel .x-toolbar .ctb-anchor-btn, .ext-strict .x-tab-panel.ctb-tab-panel .x-toolbar .btn-sm-row, .ext-strict .x-tab-panel.ctb-tab-panel .x-toolbar .ctb_btn_default_sm, .ext-strict .x-tab-panel.ctb-tab-panel .x-toolbar .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-tab-panel.ctb-tab-panel .x-toolbar .x-btn-text, .ext-strict .x-tab-panel.ctb-tab-panel .x-toolbar .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-tab-panel.ctb-tab-panel .x-toolbar .x-btn-text, .ext-strict .x-tab-panel.ctb-tab-panel .x-toolbar .x-date-mp .x-date-mp-ok, .x-date-mp .ext-strict .x-tab-panel.ctb-tab-panel .x-toolbar .x-date-mp-ok, .ext-strict .x-tab-panel.ctb-tab-panel .x-toolbar .x-date-mp .x-date-mp-cancel, .x-date-mp .ext-strict .x-tab-panel.ctb-tab-panel .x-toolbar .x-date-mp-cancel, .ext-strict .x-tab-panel.ctb-tab-panel .x-toolbar #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .ext-strict .x-tab-panel.ctb-tab-panel .x-toolbar .outlet-node, .ext-strict .x-tab-panel.ctb-tab-panel .x-toolbar #pnl_CycleMenu .xbutton, #pnl_CycleMenu .ext-strict .x-tab-panel.ctb-tab-panel .x-toolbar .xbutton, .ext-strict .x-tab-panel.ctb-tab-panel .x-toolbar .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict .x-tab-panel.ctb-tab-panel .x-toolbar .ctb-btn {
    color: #1B1A1A; }
  .ext-strict .x-tab-panel.ctb-tab-panel.stocktake-detail-tab-panel {
    box-shadow: none; }

.ext-strict .x-panel.ctb-panel-in-tab .x-panel-bwrap .x-btn-text, .ext-strict .x-panel.ctb-panel-in-tab .x-panel-bwrap .ctb-anchor-btn, .ext-strict .x-panel.ctb-panel-in-tab .x-panel-bwrap .btn-sm-row, .ext-strict .x-panel.ctb-panel-in-tab .x-panel-bwrap .ctb_btn_default_sm, .ext-strict .x-panel.ctb-panel-in-tab .x-panel-bwrap .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-panel.ctb-panel-in-tab .x-panel-bwrap .x-btn-text, .ext-strict .x-panel.ctb-panel-in-tab .x-panel-bwrap .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-panel.ctb-panel-in-tab .x-panel-bwrap .x-btn-text, .ext-strict .x-panel.ctb-panel-in-tab .x-panel-bwrap .x-date-mp .x-date-mp-ok, .x-date-mp .ext-strict .x-panel.ctb-panel-in-tab .x-panel-bwrap .x-date-mp-ok, .ext-strict .x-panel.ctb-panel-in-tab .x-panel-bwrap .x-date-mp .x-date-mp-cancel, .x-date-mp .ext-strict .x-panel.ctb-panel-in-tab .x-panel-bwrap .x-date-mp-cancel, .ext-strict .x-panel.ctb-panel-in-tab .x-panel-bwrap #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .ext-strict .x-panel.ctb-panel-in-tab .x-panel-bwrap .outlet-node, .ext-strict .x-panel.ctb-panel-in-tab .x-panel-bwrap #pnl_CycleMenu .xbutton, #pnl_CycleMenu .ext-strict .x-panel.ctb-panel-in-tab .x-panel-bwrap .xbutton, .ext-strict .x-panel.ctb-panel-in-tab .x-panel-bwrap .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict .x-panel.ctb-panel-in-tab .x-panel-bwrap .ctb-btn {
  color: #1B1A1A;
  background-color: #d9d9d9; }

.ext-strict {
  /* #pnl_MediaManager .thumbImage {
        background: $color-contrast-secondary;
    } */ }
  .ext-strict #gird_InvoiceFoodCost #gird_InvoiceFoodCostbtnLiveFoodCostCalendar {
    background-position-y: 0px !important; }
  .ext-strict #pnl_RecipeBook .text-secondary {
    color: #1B1A1A !important; }
  .ext-strict .recipe-meansurement-calucator input {
    border: 1px solid rgba(151, 151, 151, 0.52); }
  .ext-strict .pnl-report .x-panel-footer {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); }
    .ext-strict .pnl-report .x-panel-footer .x-panel-fbar {
      background-color: #F1F1F1;
      box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); }
  .ext-strict .pnl-report .pnl-right .x-btn-text, .ext-strict .pnl-report .pnl-right .ctb-anchor-btn, .ext-strict .pnl-report .pnl-right .btn-sm-row, .ext-strict .pnl-report .pnl-right .ctb_btn_default_sm, .ext-strict .pnl-report .pnl-right .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .pnl-report .pnl-right .x-btn-text, .ext-strict .pnl-report .pnl-right .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .pnl-report .pnl-right .x-btn-text, .ext-strict .pnl-report .pnl-right .x-date-mp .x-date-mp-ok, .x-date-mp .ext-strict .pnl-report .pnl-right .x-date-mp-ok, .ext-strict .pnl-report .pnl-right .x-date-mp .x-date-mp-cancel, .x-date-mp .ext-strict .pnl-report .pnl-right .x-date-mp-cancel, .ext-strict .pnl-report .pnl-right #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .ext-strict .pnl-report .pnl-right .outlet-node, .ext-strict .pnl-report .pnl-right #pnl_CycleMenu .xbutton, #pnl_CycleMenu .ext-strict .pnl-report .pnl-right .xbutton, .ext-strict .pnl-report .pnl-right .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ext-strict .pnl-report .pnl-right .ctb-btn {
    color: #FFFFFF; }
  .ext-strict .ctb-number-pad .bg-primary {
    background-color: #FFFFFF !important; }
  .ext-strict .ctb-number-pad .calc-number.calc-operator-top {
    background-color: #F1F1F1; }
    .ext-strict .ctb-number-pad .calc-number.calc-operator-top .x-panel-header-text {
      color: #1B1A1A; }
  .ext-strict .ctb-number-pad .x-form-text, .ext-strict .ctb-number-pad .ctb_transparent_bg_color .ctb-reciperipper-url, .ctb_transparent_bg_color .ext-strict .ctb-number-pad .ctb-reciperipper-url, .ext-strict .ctb-number-pad .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ext-strict .ctb-number-pad .b-h-ip, .ext-strict .ctb-number-pad .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ext-strict .ctb-number-pad .r-ip, .ext-strict .ctb-number-pad .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell .ext-strict .ctb-number-pad input.b-bd-fh-input, .ext-strict .ctb-number-pad .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ext-strict .ctb-number-pad .bd-r-ip {
    background-color: #FFFFFF !important; }
  .ext-strict #grid_StockOrderDetail .x-form-field-trigger-wrap {
    box-shadow: none !important; }
  .ext-strict #grid_StockOrderDetail .x-btn-arrow {
    background-position: 95% 60%;
    background-color: #FFFFFF; }
  .ext-strict .x-grid3-col-receivingOrderType .e-credit-note {
    color: #1B1A1A; }
  .ext-strict .pnl-recipe-book-costing > table {
    margin-left: 5px; }
  .ext-strict .pnl-recipe-book-costing .bg-5th, .ext-strict .pnl-recipe-book-costing .bg-primary {
    background-color: #d9d9d9 !important; }
  .ext-strict .pnl-recipe-book-costing .bg-recipe-costing-color-primary {
    background-color: #FFFFFF; }
  .ext-strict .pnl-recipe-book-costing .color-primary {
    color: #1B1A1A !important; }
  .ext-strict .pnl-recipe-book-costing .pnl-recipe-book-costing-price .x-form-field-wrap {
    background-color: #FFFFFF !important; }
    .ext-strict .pnl-recipe-book-costing .pnl-recipe-book-costing-price .x-form-field-wrap .x-form-spinner-trigger, .ext-strict .pnl-recipe-book-costing .pnl-recipe-book-costing-price .x-form-field-wrap .x-form-text, .ext-strict .pnl-recipe-book-costing .pnl-recipe-book-costing-price .x-form-field-wrap .ctb_transparent_bg_color .ctb-reciperipper-url, .ctb_transparent_bg_color .ext-strict .pnl-recipe-book-costing .pnl-recipe-book-costing-price .x-form-field-wrap .ctb-reciperipper-url, .ext-strict .pnl-recipe-book-costing .pnl-recipe-book-costing-price .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ext-strict .pnl-recipe-book-costing .pnl-recipe-book-costing-price .x-form-field-wrap .b-h-ip, .ext-strict .pnl-recipe-book-costing .pnl-recipe-book-costing-price .x-form-field-wrap .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ext-strict .pnl-recipe-book-costing .pnl-recipe-book-costing-price .x-form-field-wrap .r-ip, .ext-strict .pnl-recipe-book-costing .pnl-recipe-book-costing-price .x-form-field-wrap .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell .ext-strict .pnl-recipe-book-costing .pnl-recipe-book-costing-price .x-form-field-wrap input.b-bd-fh-input, .ext-strict .pnl-recipe-book-costing .pnl-recipe-book-costing-price .x-form-field-wrap .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ext-strict .pnl-recipe-book-costing .pnl-recipe-book-costing-price .x-form-field-wrap .bd-r-ip {
      color: #1B1A1A !important; }
  .ext-strict .pnl-recipe-book-costing .ctb-desired-selling-pnl .bg-4th {
    background-color: #FFFFFF !important; }
  .ext-strict .pnl-recipe-book-costing .ctb-desired-selling-pnl .color-great, .ext-strict .pnl-recipe-book-costing .ctb-desired-selling-pnl .invalid-tooltip .x-tip-header-text, .invalid-tooltip .ext-strict .pnl-recipe-book-costing .ctb-desired-selling-pnl .x-tip-header-text {
    color: #f3ab00 !important; }
  .ext-strict .pnl-recipe-book-costing .ctb-desired-selling-pnl .bg-recipe-costing-color-primary {
    background-color: #c5c5c5 !important; }
  .ext-strict .pnl-recipe-book-costing .x-form-text, .ext-strict .pnl-recipe-book-costing .ctb_transparent_bg_color .ctb-reciperipper-url, .ctb_transparent_bg_color .ext-strict .pnl-recipe-book-costing .ctb-reciperipper-url, .ext-strict .pnl-recipe-book-costing .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .b-h-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-h-row-ct .ext-strict .pnl-recipe-book-costing .b-h-ip, .ext-strict .pnl-recipe-book-costing .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .r-ip, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-body .b-ct .b-ip-row .ext-strict .pnl-recipe-book-costing .r-ip, .ext-strict .pnl-recipe-book-costing .b-bd-fh .b-bd-fh-cell input.b-bd-fh-input, .b-bd-fh .b-bd-fh-cell .ext-strict .pnl-recipe-book-costing input.b-bd-fh-input, .ext-strict .pnl-recipe-book-costing .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .bd-r-ip, .b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .ext-strict .pnl-recipe-book-costing .bd-r-ip {
    background-color: #FFFFFF !important; }
  .ext-strict .ctbTenderingQuote .x-grid-panel .x-grid3 {
    background-color: #FFFFFF; }
  .ext-strict .ctbTenderingQuote .x-panel-fbar .x-btn {
    width: auto !important; }

/* .dlg-report-setting {
    form {
        .x-btn-text {
            color: $color-contrast-secondary !important;
        }
    }
} */
#receiving-order .bg-color-cell, #compare-expected-cost .bg-color-cell {
  color: #1B1A1A; }

#receiving-order .icon-save-large-custom, #compare-expected-cost .icon-save-large-custom {
  color: #1B1A1A !important; }

#receiving-order .combocustom div input, #compare-expected-cost .combocustom div input {
  color: #1B1A1A; }

#receiving-order .combocustom div img, #compare-expected-cost .combocustom div img {
  background-color: #d9d9d9;
  right: 0 !important;
  color: #1B1A1A; }

#receiving-order .tr-header td, #compare-expected-cost .tr-header td {
  border-bottom: 1px solid #d9d9d9; }

#receiving-order .border-3-left, #compare-expected-cost .border-3-left {
  border-left: 1px solid #d9d9d9; }

#receiving-order .difference-value, #compare-expected-cost .difference-value {
  color: #FFFFFF; }

.x-grid-group-hd-custom .x-grid-group-title-custom {
  background-color: #F6F6F6; }

.date_nav_picker, .__send, .__add, .wb_order_supplier_contact, .wb_order_supplier_name {
  color: #1B1A1A; }

.buf-ct .buf-views-ct .buf-views-btn-bar .ctb-btn {
  background-color: #FFFFFF; }

.buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-header .buf-date-header-left, .buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-header .buf-date-header-right {
  background-color: #FFFFFF; }

.buf-ct .buf-views-ct .buf-views-inner-ct .buf-view-ct .buf-view .buf-date-btn-bar .ctb-btn {
  background-color: #FFFFFF; }

.ctb-report-download-dialog .utube-frame, .ctb-report-download-dialog .image-frame {
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.05); }

.ctb-report-download-dialog .progress-bar table {
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.05); }

.b-bd-panel-body .b-bd-section .b-bd-section-body .b-bd-r .b-bd-par-input {
  background-color: #FFFFFF; }

#ctb-SpecialMenuCalendar-Panel .ctb-specialmenucalendar-table .ctb-specialmenucalendar-menurecipe-div {
  background-color: #F6F6F6 !important; }

#ctb-special-calendar-header-div #btn-special-menu-name .x-btn-text, #ctb-special-calendar-header-div #btn-special-menu-name .ctb-anchor-btn, #ctb-special-calendar-header-div #btn-special-menu-name .btn-sm-row, #ctb-special-calendar-header-div #btn-special-menu-name .ctb_btn_default_sm, #ctb-special-calendar-header-div #btn-special-menu-name .x-date-mp .x-date-mp-ok, .x-date-mp #ctb-special-calendar-header-div #btn-special-menu-name .x-date-mp-ok, #ctb-special-calendar-header-div #btn-special-menu-name .x-date-mp .x-date-mp-cancel, .x-date-mp #ctb-special-calendar-header-div #btn-special-menu-name .x-date-mp-cancel, #ctb-special-calendar-header-div #btn-special-menu-name #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map #ctb-special-calendar-header-div #btn-special-menu-name .outlet-node, #ctb-special-calendar-header-div #btn-special-menu-name #pnl_CycleMenu .xbutton, #pnl_CycleMenu #ctb-special-calendar-header-div #btn-special-menu-name .xbutton, #ctb-special-calendar-header-div #btn-special-menu-name .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar #ctb-special-calendar-header-div #btn-special-menu-name .ctb-btn {
  background-color: #499edc; }

.recipe-fact .x-btn-text, .recipe-fact .ctb-anchor-btn, .recipe-fact .btn-sm-row, .recipe-fact .ctb_btn_default_sm, .recipe-fact .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .recipe-fact .x-btn-text, .recipe-fact .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .recipe-fact .x-btn-text, .recipe-fact .x-date-mp .x-date-mp-ok, .x-date-mp .recipe-fact .x-date-mp-ok, .recipe-fact .x-date-mp .x-date-mp-cancel, .x-date-mp .recipe-fact .x-date-mp-cancel, .recipe-fact #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .recipe-fact .outlet-node, .recipe-fact #pnl_CycleMenu .xbutton, #pnl_CycleMenu .recipe-fact .xbutton, .recipe-fact .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .recipe-fact .ctb-btn {
  color: #1B1A1A !important; }

.recipe-fact .recipe-menu-display-table .td-border-right-xsmall {
  border-color: #d9d9d9; }
  .recipe-fact .recipe-menu-display-table .td-border-right-xsmall.top {
    border-color: #d9d9d9;
    border-width: 0px 1px 0px 0px; }

.recipe-fact .recipe-menu-display-table .tdnormal .td-border-right-xsmall, .recipe-fact .recipe-menu-display-table .recipe-fact-row .td-border-right-xsmall {
  border-color: #dddddd; }
  .recipe-fact .recipe-menu-display-table .tdnormal .td-border-right-xsmall.top, .recipe-fact .recipe-menu-display-table .recipe-fact-row .td-border-right-xsmall.top {
    border-color: #dddddd; }

.recipe-fact .recipe-menu-display-table .tdnormal .border-right, .recipe-fact .recipe-menu-display-table .recipe-fact-row .border-right {
  border-right: 1px solid #dddddd; }

.recipe-fact .recipe-menu-display-table .tdnormal .border-left, .recipe-fact .recipe-menu-display-table .recipe-fact-row .border-left {
  border-left: 1px solid #dddddd; }

.recipe-fact .recipe-menu-display-table .tdheader .tdwhitebottomborder {
  border-color: #d9d9d9;
  border-width: 1px; }

.recipe-order-list .x-panel-bwrap .x-panel-body {
  margin-bottom: 0; }

.sub_header_portion {
  color: #1B1A1A !important; }

#dlg_news_preview .x-window-body, #dlg_news_preview .ctb-news-item {
  background-color: #FFFFFF !important; }

#dlg_news_preview .x-window-ml .x-window-mr .x-window-body .ctb-news-item {
  border-bottom: 1px solid #d9d9d9; }

.ctb_transparent_bg_color .recipe-ripper-header-block .text-header {
  color: #1B1A1A; }

.ctb_transparent_bg_color .recipe-ripper-header-block .text-content {
  color: #1B1A1A; }

.ctb_transparent_bg_color .btn-ripper {
  color: #1B1A1A; }

.ctb_transparent_bg_color .ctb-reciperipper-url {
  color: #1B1A1A; }

.pnl_liveCalendar .border-right {
  border-right: solid 1px #dddddd; }

.pnl_liveCalendar .table-border {
  border: 1px solid #dddddd !important;
  box-shadow: 0 2px 12px 0 rgba(27, 26, 26, 0.15); }

.pnl_liveCalendar .record-odd {
  background: #F1F1F1; }

.pnl_liveCalendar .record-even {
  background: #FFFFFF; }

.pnl_liveCalendar .border-bottom {
  border-bottom: solid 1px #dddddd; }

/* #sticker-detail {
    background: #ffffff;
    box-shadow: 0 0 10px #ffffff;

    #sticker-detail-header {
        background: #f1f1f1;
    }

    #sticker-detail-footer {
        background: #ffffff;
    }
} */
.add-outlet-window .text-secondary {
  color: #1B1A1A !important; }

.add-outlet-window .ctb-dropdown .ctb-hida {
  color: #1B1A1A !important; }

.ctb_simple_table_style {
  background-color: #FFFFFF;
  border-radius: 5px !important;
  color: #1B1A1A; }

.stock-code-input {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.13) !important;
  border: 1px solid #e0dddd !important; }

#grid_Database #btngrp_db_Allocation .x-fieldset-header, #grid_Database #btngrp_db_Management .x-fieldset-header {
  color: #1B1A1A;
  background: #d9d9d9; }

.buf-wm-header-row {
  color: #1B1A1A; }

#contact-detail-supplier .x-grid-panel .x-panel-bwrap .x-grid3 .x-grid3-row {
  border-bottom: 5px solid #FFFFFF !important; }

#contact-detail-supplier .text-contact {
  color: #666; }

.interactiveTemplate .color-blue {
  color: blue; }

#top-row2-custom-info .info-body {
  color: #1B1A1A; }

#top-row2-custom-info .info-header, #top-row2-custom-info .info-footer {
  color: #828282; }

#aside .qk {
  background-color: #FFFFFF; }
  #aside .qk span {
    color: #1B1A1A; }
  #aside .qk:hover {
    background-color: #F1F1F1; }

#top-row2 {
  background-color: #FFFFFF; }

/* #divBudgetTagCtb , #budget-widget{
    #budgetChangeWindowRowDateRange{
        color: $color-contrast-primary !important;
        .bdg-dt-r:first-child{
            font-weight: normal !important;
        }
    }
    #budgetDetailWindow{
        .r-figure{
            color: $color-contrast-primary;
        }
        .arrow-up {
            border-bottom: 7px solid $color-contrast-secondary;
        }
        .r-desc{
            font-weight: normal !important;
        }
        #budgetDetailRemaining{
            color: $color-contrast-primary;
        }
    }
    #bdg-input{
        background-color: $color-third;
    }
  
}*/
.liveFoodCost-chart-option.selected span {
  color: #1B1A1A !important; }

#weekly-chart-options .weekly-chart-option.selected span, #weekly-chart-options .weekly-chart-option.selected b {
  color: #1B1A1A !important; }

.itemspent-chart-option.selected span, .salesreport-chart-option.selected span {
  color: #1B1A1A !important; }

#pricemovement-chart-options, #pricemovement-chart-chart-header {
  background-color: unset; }
  #pricemovement-chart-options .pricemovement-chart-option, #pricemovement-chart-chart-header .pricemovement-chart-option {
    background: linear-gradient(#FFFFFF, #F2F1F2);
    color: #1B1A1A;
    transition: box-shadow 0.2s;
    border-color: #d9d9d9; }
    #pricemovement-chart-options .pricemovement-chart-option:hover, #pricemovement-chart-chart-header .pricemovement-chart-option:hover {
      box-shadow: 3px 2px 4px 0 rgba(0, 0, 0, 0.11); }
    #pricemovement-chart-options .pricemovement-chart-option.selected, #pricemovement-chart-chart-header .pricemovement-chart-option.selected {
      background: linear-gradient(#FFC438, #f3ab00) !important;
      color: #FFFFFF !important;
      border: 1px solid #f3ab00 !important; }
      #pricemovement-chart-options .pricemovement-chart-option.selected:hover, #pricemovement-chart-chart-header .pricemovement-chart-option.selected:hover {
        box-shadow: 2px 2px 5px 0 rgba(243, 171, 0, 0.35) !important; }

#pricemovement-chart-item-list {
  border: 1px solid #d9d9d9; }
  #pricemovement-chart-item-list-category {
    border-top: none;
    background: transparent;
    color: #1B1A1A;
    transition: box-shadow 0.2s;
    font-size: 12px;
    padding-left: 5px; }
  #pricemovement-chart-item-list-item {
    background: #FFFFFF; }

.pricemovement-chart-chart-header-date-range-description {
  color: #1B1A1A; }

.pricemovement-chart-option.selected[data-value=priceDifferencePercent]:after, .pricemovement-chart-option.selected[data-value=priceDifference]:after, .pricemovement-chart-option.selected[data-value=noOfMovements]:after {
  background-image: url("../../images/themes/dark/ic-arrow-drop-down-secondary.svg") !important; }

.pricemovement-chart-option[data-value=priceDifferenceRange]:after {
  background-color: #FFFFFF !important; }
  .pricemovement-chart-option[data-value=priceDifferenceRange]:after .pricemovement-chart-chart-area, .pricemovement-chart-option[data-value=priceDifferenceRange]:after #pricemovement-chart-chart-area {
    background-color: #FFFFFF; }
    .pricemovement-chart-option[data-value=priceDifferenceRange]:after .pricemovement-chart-chart-area rect, .pricemovement-chart-option[data-value=priceDifferenceRange]:after #pricemovement-chart-chart-area rect {
      fill: #1B1A1A; }
    .pricemovement-chart-option[data-value=priceDifferenceRange]:after .pricemovement-chart-chart-area-no-result-description, .pricemovement-chart-option[data-value=priceDifferenceRange]:after #pricemovement-chart-chart-area-no-result-description {
      color: #1B1A1A; }

.pricemovement-chart-chart-area-no-result-description, #pricemovement-chart-chart-area-no-result-description {
  color: #1B1A1A; }

.brick-control-date-range-container {
  background-color: #FFFFFF;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.25); }

.brick-control-date-range-field-container input {
  color: #1B1A1A;
  border: 1px solid #d9d9d9;
  background: #F6F6F6; }

.ctrl-daterange-ct {
  background: #FFFFFF; }
  .ctrl-daterange-ct-container {
    background-color: #FFFFFF;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.25); }
  .ctrl-daterange-ct-field-container input {
    color: #1B1A1A;
    background: #F6F6F6; }
  .ctrl-daterange-ct.visible .date-field input {
    color: #1B1A1A;
    background: #F6F6F6; }

#pricemovement-chart-chart-area-wrapper #pricemovement-chart-chart-area {
  background-color: unset; }
  #pricemovement-chart-chart-area-wrapper #pricemovement-chart-chart-area svg g text {
    fill: #1B1A1A; }

.pricemovement-chart-item-list-item {
  background-color: #F1F1F1 !important; }
  .pricemovement-chart-item-list-item:not(:last-child) {
    border-bottom: 0px; }
  .pricemovement-chart-item-list-item:last-child {
    border-bottom: 1px solid #d9d9d9; }
  .pricemovement-chart-item-list-item.selected {
    color: #FFFFFF;
    background-color: #f3ab00 !important; }

.pricemovement-chart-item-list-category span {
  color: #1B1A1A; }

.pricemovement-chart-options-description {
  color: #1B1A1A; }

.pricemovement-chart-option.selected:hover {
  color: #FFFFFF;
  background-color: #4370b7 !important; }

.brick {
  box-shadow: 0 2px 12px 0 rgba(27, 26, 26, 0.15); }

#pm-list-tooltip, .pm-list-tooltip {
  background-color: #F6F6F6; }
  #pm-list-tooltip span, .pm-list-tooltip span {
    color: #1B1A1A; }
    #pm-list-tooltip span b, .pm-list-tooltip span b {
      color: #1B1A1A; }
  #pm-list-tooltip-desc.focused, #pm-list-tooltip-desc .focused, .pm-list-tooltip-desc.focused, .pm-list-tooltip-desc .focused {
    background-color: #F6F6F6 !important; }
    #pm-list-tooltip-desc.focused span, #pm-list-tooltip-desc .focused span, .pm-list-tooltip-desc.focused span, .pm-list-tooltip-desc .focused span {
      color: #1B1A1A !important; }
      #pm-list-tooltip-desc.focused span b, #pm-list-tooltip-desc .focused span b, .pm-list-tooltip-desc.focused span b, .pm-list-tooltip-desc .focused span b {
        color: #1B1A1A !important; }
  #pm-list-tooltip:after, .pm-list-tooltip:after {
    border-right-color: #F6F6F6; }
  #pm-list-tooltip:before, .pm-list-tooltip:before {
    border-right-color: #F6F6F6; }

.google-visualization-tooltip .gg-chart-tip.custom {
  background-color: #F6F6F6 !important; }
  .google-visualization-tooltip .gg-chart-tip.custom span {
    color: #1B1A1A; }
    .google-visualization-tooltip .gg-chart-tip.custom span b {
      color: #1B1A1A; }

.gg-chart-itemspent-tooltip.custom {
  background-color: #F6F6F6 !important; }
  .gg-chart-itemspent-tooltip.custom b, .gg-chart-itemspent-tooltip.custom font, .gg-chart-itemspent-tooltip.custom span, .gg-chart-itemspent-tooltip.custom div {
    color: #1B1A1A; }

.no-data {
  color: #1B1A1A; }

.ui-widget {
  background: #FFFFFF; }
  .ui-widget .ui-datepicker table tr th {
    color: #1B1A1A; }

.ui-datepicker tbody td span, .ui-datepicker tbody td a, .ui-datepicker table tr th span {
  color: #1B1A1A; }

.ui-datepicker .ui-datepicker-other-month a {
  color: #1B1A1A;
  opacity: 0.5; }

.b-title {
  color: #1B1A1A; }

#weekly-chart-chart-header-week-and-chart-title, #weekly-chart-chart-header-start-and-end-dates {
  color: #1B1A1A; }

#weekly-chart-chart-area .google-visualization-tooltip {
  background-color: #4370b7 !important; }
  #weekly-chart-chart-area .google-visualization-tooltip b, #weekly-chart-chart-area .google-visualization-tooltip font, #weekly-chart-chart-area .google-visualization-tooltip span, #weekly-chart-chart-area .google-visualization-tooltip div {
    color: #FFFFFF !important; }

#weekly-chart-control-prev {
  z-index: 0; }

#weekly-chart-options {
  border: 1px solid #d9d9d9; }
  #weekly-chart-options .weekly-chart-option.selected:hover b {
    color: #FFFFFF; }

#weekly-chart-chart-container {
  border: 1px solid #d9d9d9;
  background: unset; }
  #weekly-chart-chart-container #weekly-chart-chart-area {
    background: unset; }

#weekly-chart-chart-area .google-visualization-tooltip {
  background-color: #F6F6F6 !important; }
  #weekly-chart-chart-area .google-visualization-tooltip span {
    color: #1B1A1A !important; }

#itemspent-chart-chart-container, #chartdiv, #tablediv {
  background: unset;
  border: 1px solid #d9d9d9; }

.row-hover td {
  color: #1B1A1A;
  background: #F1F1F1 !important; }

.row-hover-tbl td {
  color: #FFFFFF; }

.row-hover .stockorder-stockorder-detail-trigger:before, .row-hover .invoices-invoice-detail-trigger:before, .row-hover .mailbox-mailbox-detail-trigger:before {
  color: #4370b7; }

.ui-datepicker-title {
  background: #f3ab00; }

.ui-datepicker th {
  color: #1B1A1A !important; }

.brick-control-float-calendar-container {
  border: 1px solid #fea300; }

/* .user-sticker{
    background: $color-contrast-secondary;
    color: $color-contrast-primary;
    border-bottom: 1px solid $color-4th;
    &.CTB{
        background: $color-contrast-secondary;
        color: $color-contrast-primary;
        border-bottom: 1px solid $color-4th;
        .sticker-detail{
            p{
                color: $color-contrast-primary;
            }
        }
    }
} */
/* #sticker-detail{
    border: none;
    &-body{
        background: $color-contrast-secondary;
    }
    &-header{
        background: $color-primary;
        color: $color-contrast-primary;
        span{
            color: $color-contrast-primary;
        }
    } 
    &-footer{
        background: $color-contrast-secondary;
    }
    .stickerLink{
        color: $color-contrast-primary;
    }
} */
.report-option-panel {
  background: #FFFFFF;
  color: #1B1A1A; }

#display .report-panel-handle {
  color: #1B1A1A;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

#display .form-content li input[type="text"] {
  background: #FFFFFF;
  border: 1px solid #d9d9d9; }
  #display .form-content li input[type="text"]:first-child {
    border: none; }

#stocktake-valuation-select1, #item-spent-select1, #invoice-transaction-select1 {
  background: #FFFFFF; }
  #stocktake-valuation-select1 .x-form-field-wrap input:first-child, #stocktake-valuation-select1 .x-form-field-wrap img:first-child, #item-spent-select1 .x-form-field-wrap input:first-child, #item-spent-select1 .x-form-field-wrap img:first-child, #invoice-transaction-select1 .x-form-field-wrap input:first-child, #invoice-transaction-select1 .x-form-field-wrap img:first-child {
    border: none; }

#feedback-box {
  background: #FFFFFF; }
  #feedback-box h2 {
    background: #F1F1F1;
    color: #1B1A1A; }
  #feedback-box p {
    background: #FFFFFF; }
  #feedback-box textarea {
    background: #FFFFFF;
    border: 1px solid #d9d9d9; }

#supplier-detail-window {
  background: #FFFFFF;
  color: #1B1A1A; }
  #supplier-detail-window-body-description {
    color: #1B1A1A !important;
    background-color: #FFFFFF !important; }

#invoice-detail-window .row-header th, #stockorder-detail-window-body .row-header th {
  background: #d9d9d9 !important;
  color: #1B1A1A !important; }

#cboxLoadedContent {
  overflow: hidden !important; }
  #cboxLoadedContent #invoice-detail-window #invoice-detail-window-header, #cboxLoadedContent #invoice-detail-window #stockorder-detail-window-header, #cboxLoadedContent #stockorder-detail-window #invoice-detail-window-header, #cboxLoadedContent #stockorder-detail-window #stockorder-detail-window-header {
    background-color: #FFFFFF; }

#cboxOverlay {
  background-color: #a3a3a3;
  opacity: 0.5; }

#calculator {
  background: transparent !important; }
  #calculator .screen {
    background: #FFFFFF;
    color: #1B1A1A; }
  #calculator .keys {
    background: #FFFFFF; }
  #calculator .key-col span {
    color: #1B1A1A; }
    #calculator .key-col span:hover {
      background: #F1F1F1; }

#wall.custom #supplier-schedule-table tr:hover {
  color: #1B1A1A; }

/* #user-profile.user-active{
    background-color: $color-contrast-secondary;
    .user-name{
        color: $color-contrast-primary;
    }

    .us-item{
        color: $color-contrast-primary;
    }
    .border-bottom{
        border-bottom: 1px solid  $color-4th;
    }
    
} */
#top-row1 {
  box-shadow: 10px 2px 12px 0 rgba(27, 26, 26, 0.15); }

#ui-datepicker-div .ui-datepicker-current, #ui-datepicker-div .ui-datepicker-close, .brick-control-float-calendar-container .ui-datepicker-current, .brick-control-float-calendar-container .ui-datepicker-close {
  color: #1B1A1A; }

.bg-btn-save .x-btn-text, .bg-btn-save .ctb-anchor-btn, .bg-btn-save .btn-sm-row, .bg-btn-save .ctb_btn_default_sm, .bg-btn-save .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .bg-btn-save .x-btn-text, .bg-btn-save .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .x-btn-text, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .bg-btn-save .x-btn-text, .bg-btn-save .x-date-mp .x-date-mp-ok, .x-date-mp .bg-btn-save .x-date-mp-ok, .bg-btn-save .x-date-mp .x-date-mp-cancel, .x-date-mp .bg-btn-save .x-date-mp-cancel, .bg-btn-save #outlet #outlet-map #map .outlet-node, #outlet #outlet-map #map .bg-btn-save .outlet-node, .bg-btn-save #pnl_CycleMenu .xbutton, #pnl_CycleMenu .bg-btn-save .xbutton, .bg-btn-save .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .ctb-btn, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .bg-btn-save .ctb-btn {
  background-color: #4370b7 !important;
  color: #FFFFFF !important; }

/* .bg-btn-cancel{
    .x-btn-text{
        background-color: $color-brand !important;
        color: $color-contrast-secondary !important;
    }
} */
/* .x-tip{
    box-shadow:0 2px 15px 0 rgba(0, 0, 0, 0.25);
    &-tc, &-ml, &-tl, &-tr{
        background-color: $color-contrast-secondary !important;
    }
    &-body{
        color: $color-contrast-primary !important;
    } 
} */
.x-btn-text.icon-v3-dropdown-more.bg-info::after, .icon-v3-dropdown-more.bg-info.ctb-anchor-btn::after, .icon-v3-dropdown-more.bg-info.btn-sm-row::after, .icon-v3-dropdown-more.bg-info.ctb_btn_default_sm::after, .ext-strict .x-grid-panel .x-grid3 .x-grid3-row .x-grid3-row-table .icon-v3-dropdown-more.bg-info.x-btn-text::after, .ext-strict .x-treegrid .x-grid3 .x-grid3-row .x-grid3-row-table .icon-v3-dropdown-more.bg-info.x-btn-text::after, .x-date-mp .icon-v3-dropdown-more.bg-info.x-date-mp-ok::after, .x-date-mp .icon-v3-dropdown-more.bg-info.x-date-mp-cancel::after, #outlet #outlet-map #map .icon-v3-dropdown-more.bg-info.outlet-node::after, #pnl_CycleMenu .icon-v3-dropdown-more.bg-info.xbutton::after, .ctb-overlay .o-content-wrapper .o-content-body-wrapper .o-content-btn-bar .icon-v3-dropdown-more.bg-info.ctb-btn::after {
  content: url("../../images/themes/dark/ic-arrow-drop-down-secondary.svg"); }

.ext-strict .bg-8th {
  color: #1B1A1A !important; }

.color-primary {
  color: #1B1A1A !important; }

.v-sidebar-menu .vsm-dropdown .vsm-list .vsm-item .vsm-link .vsm-title {
  color: #1B1A1A; }

.v-sidebar-menu .vsm-dropdown .vsm-list .vsm-item:hover .vsm-title {
  color: #FFFFFF; }

.text-lable, #menu-sidebar-master:hover .vsm-collapsed #title-text::before, #menu-sidebar:hover .vsm-collapsed #title-text::before, #menu-sidebar-master .vsm-default #title-text::before, #menu-sidebar .vsm-default #title-text::before {
  color: #666; }

#menu-sidebar-master:hover .vsm-collapsed .vsm-item.active-item #title-text::before, #menu-sidebar:hover .vsm-collapsed .vsm-item.active-item #title-text::before {
  color: #FFFFFF !important; }

.mobile-item .sb-icon::before, .active-item .sb-icon::before {
  color: #FFFFFF; }

.open-item .sb-icon::before {
  color: #FFFFFF !important; }

.v-sidebar-menu .vsm-dropdown .vsm-list .vsm-item.active-item .vsm-link .vsm-title {
  color: #FFFFFF; }

.open-item .sb-icon::before {
  color: #1B1A1A !important; }

.sb-icon-hover::after, .active-sb-icon.icon-admin::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-admin.sb-icon::after, .active-sb-icon.icon-yield-testing::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-yield-testing.sb-icon::after, .active-sb-icon.icon-support::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-support.sb-icon::after, .active-sb-icon.icon-stock::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-stock.sb-icon::after, .active-sb-icon.icon-revenue::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-revenue.sb-icon::after, .active-sb-icon.icon-recipe-book::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-recipe-book.sb-icon::after, .active-sb-icon.icon-menu-builder::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-menu-builder.sb-icon::after, .active-sb-icon.icon-licence::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-licence.sb-icon::after, .active-sb-icon.icon-integration::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-integration.sb-icon::after, .active-sb-icon.icon-home::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-home.sb-icon::after, .active-sb-icon.icon-features::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-features.sb-icon::after, .active-sb-icon.icon-contact::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-contact.sb-icon::after, .active-sb-icon.icon-budget::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-budget.sb-icon::after, .active-sb-icon.icon-captured::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-captured.sb-icon::after, .active-sb-icon.icon-keep-it-cool::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-keep-it-cool.sb-icon::after {
  content: url("../../images/themes/light/ic-arrow-drop-down-right.svg"); }

.sb-icon-hover::before, .active-sb-icon.icon-admin::before, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-admin.sb-icon::before, .active-sb-icon.icon-yield-testing::before, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-yield-testing.sb-icon::before, .active-sb-icon.icon-support::before, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-support.sb-icon::before, .active-sb-icon.icon-stock::before, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-stock.sb-icon::before, .active-sb-icon.icon-revenue::before, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-revenue.sb-icon::before, .active-sb-icon.icon-recipe-book::before, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-recipe-book.sb-icon::before, .active-sb-icon.icon-menu-builder::before, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-menu-builder.sb-icon::before, .active-sb-icon.icon-licence::before, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-licence.sb-icon::before, .active-sb-icon.icon-integration::before, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-integration.sb-icon::before, .active-sb-icon.icon-home::before, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-home.sb-icon::before, .active-sb-icon.icon-features::before, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-features.sb-icon::before, .active-sb-icon.icon-contact::before, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-contact.sb-icon::before, .active-sb-icon.icon-budget::before, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-budget.sb-icon::before, .active-sb-icon.icon-captured::before, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-captured.sb-icon::before, .active-sb-icon.icon-keep-it-cool::before, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-keep-it-cool.sb-icon::before {
  color: #1B1A1A; }

.active-sb-icon.icon-integration::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-integration.sb-icon::after, .active-sb-icon.icon-home::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-home.sb-icon::after, .active-sb-icon.icon-contact::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-contact.sb-icon::after, .active-sb-icon.icon-keep-it-cool::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .icon-keep-it-cool.sb-icon::after {
  content: ""; }

.icon-hover-light-theme, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-admin, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-calculator, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-yield-testing, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-support, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-stock, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-revenue, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-recipe-book, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-menu-builder, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-little-balck-book, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-licence, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-integration, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-home, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-features, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-contact, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-choose-a-report, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-budget, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-captured, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-keep-it-cool {
  height: 24px !important;
  margin-bottom: 13px;
  margin-top: 13px; }
  .icon-hover-light-theme::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-admin::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-calculator::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-yield-testing::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-support::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-stock::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-revenue::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-recipe-book::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-menu-builder::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-little-balck-book::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-licence::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-integration::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-home::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-features::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-contact::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-choose-a-report::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-budget::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-captured::after, .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-keep-it-cool::after {
    top: 0px; }

.v-sidebar-menu.vsm-collapsed .vsm-item:hover .vsm-link .vsm-icon::before {
  color: #1B1A1A !important; }

.v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon {
  background-image: url("../../images/themes/light/sidebar-menu-icons.svg") !important; }
  .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-admin {
    background-position-y: -0px; }
  .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-calculator {
    background-position-y: -24px; }
  .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-yield-testing {
    background-position-y: -48px; }
  .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-support {
    background-position-y: -72px; }
  .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-stock {
    background-position-y: -96px; }
  .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-revenue {
    background-position-y: -120px; }
  .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-recipe-book {
    background-position-y: -144px; }
  .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-menu-builder {
    background-position-y: -168px; }
  .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-little-balck-book {
    background-position-y: -192px; }
  .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-licence {
    background-position: 27px -216px; }
  .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-integration {
    background-position-y: -240px; }
  .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-home {
    background-position-y: -264px; }
  .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-features {
    background-position-y: -288px; }
  .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-contact {
    background-position-y: -312px; }
  .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-choose-a-report {
    background-position-y: -336px; }
  .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-budget {
    background-position: 2px -360px; }
  .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-captured {
    background-position: 2px -384px; }
  .v-sidebar-menu.vsm-collapsed .vsm-item.mobile-item > .vsm-link > .sb-icon.icon-keep-it-cool {
    background-position: 0px -408px; }

.v-sidebar-menu.vsm-collapsed .vsm-dropdown .vsm-list .vsm-item:hover .vsm-link {
  background-color: #F6F6F6 !important; }

.v-sidebar-menu.vsm-collapsed .vsm-dropdown .vsm-list .vsm-item.active-item .vsm-link {
  background-color: #F1F1F1 !important; }
  .v-sidebar-menu.vsm-collapsed .vsm-dropdown .vsm-list .vsm-item.active-item .vsm-link .vsm-title {
    color: #1B1A1A; }

.v-sidebar-menu.vsm-collapsed .vsm-dropdown .vsm-list .vsm-item.active-item .vsm-link:hover {
  background-color: #F6F6F6; }

.v-sidebar-menu.vsm-collapsed .vsm-dropdown .vsm-list .vsm-item .vsm-link {
  background-color: #fefefe; }

.v-sidebar-menu.vsm-collapsed .vsm-mobile-bg ~ .vsm-dropdown .vsm-list .vsm-item .vsm-link .vsm-title {
  color: #666; }

.v-sidebar-menu.vsm-collapsed .vsm-mobile-bg ~ .vsm-dropdown .vsm-list .vsm-item.active-item .vsm-link .vsm-title {
  color: #1B1A1A; }

.v-sidebar-menu.vsm-collapsed .vsm-mobile-bg ~ .vsm-dropdown .vsm-list .vsm-item:hover .vsm-link .vsm-title {
  color: #1B1A1A; }

.v-sidebar-menu.vsm-collapsed .vsm-item:hover #title-text::before {
  color: #1B1A1A !important; }

.v-sidebar-menu.vsm-collapsed .vsm-item.parent-active-item:hover #title-text::before {
  color: #FFFFFF !important; }

.v-sidebar-menu.vsm-default .vsm-item:hover .sb-icon {
  background-image: url("../../images/themes/light/sidebar-menu-icons.svg"); }

.v-sidebar-menu.vsm-default .vsm-item.first-item.open-item {
  background-color: #fbfbfb; }
  .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item.parent-active-item > .vsm-link:hover .vsm-arrow {
    border: 1px solid #FFFFFF !important; }
  .v-sidebar-menu.vsm-default .vsm-item.first-item.open-item .vsm-dropdown .vsm-list .vsm-item:hover .vsm-title {
    color: #1B1A1A; }

.v-sidebar-menu.vsm-default .vsm-item.first-item.parent-active-item > .vsm-link:hover .vsm-arrow {
  border: 1px solid #FFFFFF !important; }

.v-sidebar-menu.vsm-default .vsm-item.first-item:hover .vsm-link:hover .vsm-title {
  color: #1B1A1A; }

.v-sidebar-menu.vsm-default .vsm-item.first-item.parent-active-item:hover .vsm-link:hover .vsm-title, .v-sidebar-menu.vsm-default .vsm-item.first-item.active-item:hover .vsm-link:hover .vsm-title {
  color: #FFFFFF; }

.v-sidebar-menu.vsm-default .vsm-item.first-item.parent-active-item:hover .sb-icon, .v-sidebar-menu.vsm-default .vsm-item.first-item.active-item:hover .sb-icon {
  background-image: url("../../images/themes/sidebar-menu-icons-active.svg"); }

.v-sidebar-menu.vsm-default .vsm-link:hover .vsm-arrow {
  background-color: #FFFFFF;
  background: #FFFFFF;
  border: 1px solid #d9d9d9 !important; }

.v-sidebar-menu.vsm-default .vsm-dropdown .vsm-list .vsm-item .vsm-link .vsm-title {
  color: #666; }

.v-sidebar-menu .vsm-item.open-item {
  background-color: #fbfbfb; }

.v-sidebar-menu .vsm-item .vsm-link {
  color: #666; }

.v-sidebar-menu .vsm-item .vsm-dropdown .vsm-list .vsm-item.active-item .vsm-link .vsm-title {
  color: #1B1A1A; }

#menu-sidebar-master:hover .vsm-collapsed .parent-active-item #title-text::before, #menu-sidebar:hover .vsm-collapsed .parent-active-item #title-text::before {
  color: #FFFFFF; }

.menu-builder-window .recipeMenuLeft .x-tab-panel.ctb-tab-panel ul.x-tab-strip-top {
  background-color: #FFFFFF; }