.bg-white {
  background-color: white;
}

.test {
  text-align: center;
}

.comm-login-form__container {
  padding: 40px 30px;
  border-radius: 6px;
  box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.15);
  max-width: 27rem !important;
  background-color: rgba(0, 0, 0, 0.4) !important;
  border: none;
  margin-top: 20px !important;
}

.comm-login-form__container input {
  border: solid 1px rgba(255, 255, 255, 0.15);
  padding: 8px 10px;
  border-radius: 24px;
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
}

.comm-login-form__container input:focus {
  border: solid 1px rgb(185, 213, 59);
  box-shadow: none;
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
}

.comm-login-form__container label {
  color: #fff;
  margin-bottom: 5px;
}

.comm-login-form__container a {
  color: #fff !important;
  text-decoration: underline !important;
  font-style: italic;
}

.comm-login-form__login-button {
  background-color: #b0d23d !important;
  border: solid 1px #b0d23d;
  color: #fff !important;
  font-size: 16px;
  padding: 3px 15px;
  border-radius: 24px;
  margin-top: -15px;
}

.comm-login-form__login-button:hover {
  background-color: #157faf !important;
  border: solid 1px #157faf;
  color: #fff !important;
}

.slds-border_top {
  border-top: none;
  margin: 0;
  padding: 0;
}

.comm-login-form__forgot-password {
  margin: 0 auto;
  color: #000 !important;
}

.comm-login-form__forgot-password:hover {
  margin: 0 auto;
  color: #b0d23d !important;
  text-decoration: underline;
}

.comm-forgot-password__container {
  padding: 40px 30px;
  border-radius: 6px;
  box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.15);
  max-width: 27rem !important;
  background-color: rgba(0, 0, 0, 0.4) !important;
  border: none;
  margin-top: 20px !important;
  color: #fff !important;
}

.comm-forgot-password__container label {
  color: #fff;
  margin-bottom: 5px;
}

.comm-forgot-password__container input {
  border: solid 1px rgba(255, 255, 255, 0.15);
  padding: 8px 10px;
  border-radius: 24px;
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
}

.comm-forgot-password__container input:focus {
  border: solid 1px rgb(185, 213, 59);
  box-shadow: none;
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
}

.comm-forgot-password__submit-button {
  background-color: #b0d23d !important;
  border: solid 1px #b0d23d;
  color: #fff !important;
  font-size: 16px;
  padding: 3px 15px;
  border-radius: 24px;
}

.comm-forgot-password__submit-button:hover {
  background-color: #157faf !important;
  border: solid 1px #157faf;
  color: #fff !important;
}

.comm-forgot-password__cancel-button {
  border: solid 1px #f8d7da;
  color: #b70000 !important;
  font-size: 16px;
  padding: 3px 15px;
  border-radius: 24px;
}

.comm-forgot-password__cancel-button:hover {
  background-color: #f8d7da !important;
  color: #721c24 !important;
  border: solid 1px #f8d7da;
}

.comm-forgot-password__title {
  display: none;
}

.comm-check-email__container {
  padding: 40px 30px;
  border-radius: 6px;
  box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.15);
  max-width: 27rem !important;
  background-color: rgba(0, 0, 0, 0.4) !important;
  border: none;
  margin-top: 20px !important;
  color: #fff !important;
}

.comm-check-email_return-button {
  background-color: #b0d23d !important;
  border: solid 1px #b0d23d;
  color: #fff !important;
  font-size: 16px;
  padding: 3px 15px;
  border-radius: 24px;
}

.comm-check-email_return-button:hover {
  background-color: #157faf !important;
  border: solid 1px #157faf;
  color: #fff !important;
}

.comm-check-email__title {
  display: none;
}

.slds-nav-vertical__title {
  /* padding: .5rem 1rem; */
  padding-left: 15px;
  font-size: 16px;
  font-weight: normal;
  border-bottom: solid 1px #fff;
  padding-right: 10px;
  padding-bottom: 7px;
  color: #557282;
  margin-top: 10px;
}

.slds-nav-vertical {
  position: relative;
  padding: 0 12px;
  overflow: auto;
  height: 88%;
}

/* width */
.slds-nav-vertical::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.slds-nav-vertical::-webkit-scrollbar-track {
  background: #fff;
}

/* Handle */
.slds-nav-vertical::-webkit-scrollbar-thumb {
  background: #bde1f0;
}

/* Handle on hover */
.slds-nav-vertical::-webkit-scrollbar-thumb:hover {
  background: #0179ab;
}

.slds-nav-vertical__item a {
  color: #557282 !important;
  padding: 10px 10px 10px 10px;
  box-shadow: none !important;
  border-radius: 10px;
  margin-bottom: 2px;
  font-size: 16px;
}

.slds-nav-vertical__item a:hover {
  background-color: #e2edf7 !important;
  border-radius: 10px;
  text-decoration: none !important;
  color: #557282;
}

.slds-nav-vertical__item.slds-is-active .slds-nav-vertical__action {
  font-weight: normal !important;
  background-color: #e2edf7 !important;
  color: #557282 !important;
  border-radius: 10px;
}

.slds-nav-vertical__item.slds-is-active:before {
  border-radius: 10px;
}

.slds-nav-vertical__item:hover:before {
  background: rgba(213, 219, 243, 1);
  border-radius: 10px;
  color: #000;
}

.profile {
  margin-bottom: 20px;
}

.form-field input {
  width: 100%;
  border: solid 1px #ccc;
  background-color: #fff !important;
  padding: 7px 10px;
  border-radius: 6px;
  margin-bottom: 15px;
}

.form-field input:focus {
  border-color: #0179ab;
  box-shadow: none;
}

.form-field lightning-input-field {
  padding: 0 !important;
}

.form-textarea lightning-input-field {
  padding: 0 !important;
}

.form-textarea textarea {
  width: 100%;
  border: solid 1px #ccc;
  background-color: #fff !important;
  padding: 7px 10px;
  border-radius: 6px;
  margin-bottom: 15px;
  height: 117px;
}

.form-textarea.question-prompt textarea {
  height: 182px;
}

.custom-button button.slds-button.slds-button_brand,
.custom-button .slds-button_brand:disabled,
.custom-button .slds-button_brand[disabled] {
  background-color: #0179ab;
  padding: 5px 32px;
  border-color: #0179ab;
  cursor: pointer;
  color: #fff;
}

.custom-button .slds-button_brand:disabled,
.custom-button .slds-button_brand[disabled] {
  opacity: 0.5;
}

.custom-button button.slds-button.slds-button_brand:hover {
  background-color: #b0d23d;
  padding: 5px 32px;
  border-color: #0d6893;
}

.custom-button button.slds-button.slds-button_neutral {
  background-color: #0179ab;
  padding: 5px 32px;
  border-color: #0179ab;
  cursor: pointer;
  color: #fff;
}

.slds-button_neutral:disabled,
.slds-button_neutral[disabled] {
  opacity: 0.5;
}

.custom-button button.slds-button.slds-button_neutral:hover {
  background-color: #b0d23d;
  padding: 5px 32px;
  border-color: #b0d23d;
}

.replacement-section h1 {
  display: none;
}

.slds-tabs_default .slds-tabs_default__item {
  font-size: 16px;
  border-left: solid 1px #e6e9eb;
  padding: 0px 20px 4px !important;
}

.slds-tabs_default .slds-tabs_default__item:first-child {
  border-left: none;
}

.dashboard-image img {
  width: 100%;
}

.slds-table--header-fixed_container,
.slds-table_header-fixed_container {
  background-color: transparent !important;
}

.dxpStyle_778f5d13-e60b-4597-8a84-ccedc9c0cebf.comm-section-container.lwc-6j9an5vbrcd-host {
  padding: 0;
}

.table-search input {
  background-color: rgba(18, 121, 170, 0.06);
  border: 1px solid #eff3fe;
  border-radius: 12px;
  width: 100%;
  padding: 10px 40px 10px 15px;
}

.notification-panel {
  max-height: 360px !important;
  border: none !important;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3) !important;
  margin-top: 36px;
  margin-right: -10px;
  border-radius: 8px !important;
  width: 240px !important;
}

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

.table-search-right button {
  border-radius: 10px;
  background: linear-gradient(90deg, #1279aa 0%, #45a0cc 100%);
  padding: 5px 16px !important;
}

.table-search-right .table-export-btn button {
  background: none !important;
  border: solid 2px #d0d5dd;
  color: #0d354b;
  font-weight: 600;
  margin-right: 10px;
}

.table-search-right button:hover {
  border-radius: 10px;
  background: linear-gradient(90deg, #0d6893 0%, #2c92c2 100%);
  border-color: #0d6893;
  box-shadow: 6px 7px 7px 0 rgba(0, 0, 0, 0.15);
}

.notification-panel:before,
.notification-panel:after {
  display: none !important;
}

.notification-panel::-webkit-scrollbar {
  width: 5px;
}

.notification-panel::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.notification-panel::-webkit-scrollbar-thumb {
  background: #b0d23d;
}

.notification-panel::-webkit-scrollbar-thumb:hover {
  background: #0179ab;
}

.notification-item p {
  margin-bottom: 5px;
}

.notification-item a.read-action {
  font-size: 13px;
  font-style: italic;
}

.component-wrapper-spacer {
  margin-bottom: 5px !important;
}

.slds-tabs_default__nav {
  /* border-bottom-color: #0179ab !important; */
  /* padding-left: 0 !important; */
  /* border-bottom-width: 4px !important; */
  border: solid 1px #f5efeb;
  padding: 5px 15px;
  border-radius: 16px;
  width: fit-content;
}

.slds-tabs_default .slds-tabs_default__item .slds-tabs_default__link {
  color: #567283;
}

.slds-tabs--default__item.slds-active:after,
.slds-tabs--default__item.slds-is-active:after,
.slds-tabs_default__item.slds-active:after,
.slds-tabs_default__item.slds-is-active:after {
  background-color: #b0d23d;
  bottom: 0px;
}

.slds-tabs--default__item.slds-active .slds-tabs--default__link,
.slds-tabs--default__item.slds-active .slds-tabs_default__link,
.slds-tabs--default__item.slds-is-active .slds-tabs--default__link,
.slds-tabs--default__item.slds-is-active .slds-tabs_default__link,
.slds-tabs_default__item.slds-active .slds-tabs--default__link,
.slds-tabs_default__item.slds-active .slds-tabs_default__link,
.slds-tabs_default__item.slds-is-active .slds-tabs--default__link,
.slds-tabs_default__item.slds-is-active .slds-tabs_default__link {
  font-weight: 700;
  color: #fff;
}

.slds-tabs_default__item.slds-is-active:after {
  background-color: #1279aa;
  height: calc(var(--slds-c-tabs-list-sizing-border, var(--sds-c-tabs-list-sizing-border, 1px)) + 2px);
  width: 70%;
  left: 15%;
}

.a:hover:not(.slds-button, .slds-dropdown__item > a) {
  color: #000 !important;
  text-decoration: none;
}

.slds-tabs--default__item:hover:after,
.slds-tabs_default__item:hover:after {
  background-color: #1279aa;
}

p.timesheet-logo-mesg {
  background-color: #fff;
  padding: 10px;
  border-left: solid 3px #0179ab;
  margin-bottom: 7px;
}

p.timesheet-logo-mesg span {
  font-size: 12px;
  color: #949494;
  padding-left: 10px;
  font-style: italic;
}

.slds-tabs_default__item.slds-is-active .slds-tabs_default__link:hover {
  color: #000;
  text-decoration: none;
}

.slds-tabs_default__item.slds-is-active a.slds-tabs_default__link {
  color: #000 !important;
  font-weight: normal;
}

a:hover:not(.slds-button, .slds-dropdown__item > a) {
  color: #b0d23d;
  text-decoration: none;
}

.slds-tabs_default__item:hover:after {
  height: calc(var(--slds-c-tabs-list-sizing-border, var(--sds-c-tabs-list-sizing-border, 1px)) + 2px);
  bottom: 0px;
  width: 70%;
  left: 15%;
}

.slds-cell-fixed {
  min-height: 3.1rem;
}

.slds-th__action {
  background-color: rgba(21, 124, 172, 0.1);
  color: #667085;
  height: 3rem;
}

.slds-is-sortable svg {
  fill: #667085;
}

.slds-is-sortable:hover svg {
  fill: #0179ab;
}

.slds-is-sortable {
  color: #667085 !important;
}

.slds-is-sortable span a {
  color: #667085 !important;
  background-color: rgba(21, 124, 172, 0.1) !important;
}

.slds-is-sortable span a:hover {
  color: #667085 !important;
  background-color: #bde1f0 !important;
}

.slds-is-sortable span:hover a.slds-th__action {
  background-color: #bde1f0;
  color: #0179ab !important;
}

/* .slds-is-sortable span {
  color: #fff !important;
  background-color: #0179ab;
}
.slds-is-sortable span:hover{
  background-color: #bde1f0 !important;
  color: #0179ab !important;
} */
.slds-th__action .slds-button {
  color: transparent !important;
}

.slds-th__action:hover {
  color: #0179ab;
  background-color: #bde1f0;
}

.slds-th__action:hover .slds-button {
  color: #0179ab !important;
}

.slds-resizable__divider:before {
  background-color: #fff;
}

.slds-resizable__divider:after {
  background-color: #0179ab;
}

.slds-tabs_default__item.slds-is-active {
  /* background-color: #0179ab; */
  border-radius: 0;
}

.slds-input-has-icon .slds-input__icon:not(button) {
  pointer-events: none;
  position: absolute;
  top: 15px;
}

.slds-modal__close {
  width: 30px;
  height: 30px;
  margin-left: auto;
  position: relative;
  bottom: -42px;
  right: 10px;
  background-color: #fff;
  text-align: center;
  border-radius: 50%;
  z-index: 9;
}

.slds-modal__close:hover {
  background-color: #fff !important;
}

.slds-modal__close svg.slds-button__icon.slds-button__icon_large {
  color: #0179ab;
  width: calc(1 * var(--dxp-s-button-font-size, var(--dxp-g-font-size-3)));
  height: calc(1 * var(--dxp-s-button-font-size, var(--dxp-g-font-size-3)));
  position: relative;
  top: -2px;
}

.slds-button_brand:hover,
lightning-button[variant="brand"]::part(button):focus,
lightning-button[variant="brand"]::part(button):hover {
  color: #fff;
  background: linear-gradient(90deg, #0d6893 0%, #2c92c2 100%);
  border-color: #0d6893;
  box-shadow: 6px 7px 7px 0 rgba(0, 0, 0, 0.15);
}

.slds-button_brand:hover:before {
  background: none;
}

.slds-button_brand {
  padding: 7px 45px;
  color: #fff;
  background: linear-gradient(90deg, #1279aa 0%, #45a0cc 100%);
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
}

.slds-modal__header {
  position: relative;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-width: 0;
  background: linear-gradient(90deg, #1279aa -20.88%, #aed03b 123.72%), #d9d9d9;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: left;
  color: #fff;
}

.slds-modal__title {
  font-size: 20px !important;
  font-weight: 600 !important;
  margin-bottom: 0;
}

.fix-slds-input_faux {
  line-height: 35px !important;
}

.slds-combobox__input {
  border-color: #ccc;
  border-width: var(--border-width);
  border-style: solid;
  border-inline-start: var(--dxp-c-input-border-inline-start, var(--dxp-s-form-element-border-inline-start, var(--border-width) solid #ccc));
  border-inline-end: var(--dxp-c-input-border-inline-end, var(--dxp-s-form-element-border-inline-end, var(--border-width) solid #ccc));
  border-block-start: var(--dxp-c-input-border-block-start, var(--dxp-s-form-element-border-block-start, var(--border-width) solid #ccc));
  border-block-end: var(--dxp-c-input-border-block-end, var(--dxp-s-form-element-border-block-end, var(--border-width) solid #ccc));
  border-radius: 6px;
  padding-right: var(--slds-c-input-spacing-horizontal-end, var(--sds-c-input-spacing-horizontal-end, var(--dxp-s-form-element-spacing-horizontal-end, 16px)));
  padding-left: var(--slds-c-input-spacing-horizontal-start, var(--sds-c-input-spacing-horizontal-start, var(--dxp-s-form-element-spacing-horizontal-start, 12px)));
  padding-top: var(--dxp-s-form-element-spacing-block-start, 0);
  padding-bottom: var(--dxp-s-form-element-spacing-block-end, 0);
  box-shadow: var(--slds-c-input-shadow, var(--sds-c-input-shadow, var(--dxp-s-form-element-shadow)));
}

.slds-input__icon-group_right {
  right: 10px;
  top: 25%;
}

.col-sm-6.form-field.checkbox-div {
  padding-top: 28px;
}

.slds-modal__footer {
  border-top: none;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #f6fafc;
}

.popup-cancel-btn {
  float: left;
  margin-top: 0;
}

.popup-cancel-btn button {
  background: none;
  border: solid 1px #ccc;
  color: #000;
}

.slds-modal__content textarea {
  border: solid 1px #ccc;
  height: 100px;
}

.slds-modal__content {
  background-color: #f6fafc;
}

.slds-modal__content .slds-card {
  background-color: #f6fafc;
}

.slds-modal__content .form-field input {
  margin-bottom: 0;
}

.checkbox-div .slds-grow {
  width: auto;
  float: left;
  margin-top: 4px;
}

.table-light {
  --bs-table-bg: #fff;
  border-color: #f5f5f5;
}

.table-bordered > :not(caption) > * > * {
  border-width: 0 3px;
}

.table-bordered > :not(caption) > * {
  border-width: 3px 0;
}

th.thead-dark {
  background-color: #fff;
  color: #0179ab;
}

.manager-thumb {
  /* float: left; */
  width: 36px;
  height: 36px;
  border-radius: 50%;
  margin-right: 10px;
  display: inline-block;
}

.manager-thumb img {
  width: 36px;
  height: 36px;
  object-fit: cover;
  border-radius: 50%;
}

.slds-progress-bar {
  background-color: #e5e5e5;
  /* box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); */
}

.slds-progress-bar--medium,
.slds-progress-bar_medium {
  height: 10px;
}

.slds-progress-bar__value {
  background: #b0d23d;
}

.assign-btn button.slds-button.slds-button_brand {
  font-size: 14px;
  padding: 0 10px;
}

span.complete-progress {
  font-size: 10px;
  text-align: center;
  display: block;
  color: #0179ab;
  font-style: italic;
}

.button-align-right {
  position: absolute;
  right: 0;
  top: 2px;
}

.slds-accordion__summary-heading {
  margin-bottom: 0;
}

.slds-accordion__list-item {
  background-color: #fff;
}

.slds-accordion__summary-heading .slds-button:focus {
  box-shadow: none;
}

lightning-accordion-section.slds-accordion__list-item {
  margin-bottom: 15px;
  /*border: solid 1px #D0D5DD;*/
  border-radius: 10px;
  box-shadow: 0 0 8px rgb(0, 0, 0, 0.2);
  padding: 5px;
}

ul.listings {
  padding: 0;
}

ul.listings li {
  padding-bottom: 10px;
}

ul.listings li a {
  font-size: 16px;
}

.helpdesk-field .slds-form-element_horizontal .slds-form-element__label {
  display: block !important;
  float: none !important;
  max-width: 100% !important;
}

.helpdesk-field .slds-form-element__control.slds-grow {
  padding-left: 0;
  margin-bottom: 15px;
}

.helpdesk-field .slds-form-element__control {
  padding-left: 0;
  margin-bottom: 15px;
}

.helpdesk-field span.slds-form-element__label {
  max-width: 100% !important;
  font-weight: bold;
  font-style: italic;
}

.helpdesk-field lightning-formatted-text.slds-form-element__static {
  font-size: 14px;
}

.building-icon lightning-icon.slds-icon_container.slds-combobox__input-entity-icon.slds-icon-standard-account {
  display: none;
}

.building-icon input.slds-combobox__input {
  padding: 7px 10px !important;
}

.overdue span.slds-progress-bar__value {
  background-color: #da0c0c;
}

.sidebar .slds-icon-text-default {
  --slds-c-icon-color-foreground: #557282;
  height: 22px;
  width: 22px;
}

.sidebar.sidebar_small .slds-icon-text-default {
  --slds-c-icon-color-foreground: #557282;
  height: 30px;
  width: 30px;
}

.sidebar.sidebar_small .slds-nav-vertical__item a {
  text-indent: -999999px;
}

.sidebar.sidebar_small .slds-icon_container {
  text-indent: 0;
}

.sidebar.sidebar_small .slds-nav-vertical__title {
  display: none;
}

.slds-nav-vertical__item.slds-is-active .slds-nav-vertical__action:focus {
  box-shadow: none;
  outline: none;
}

a:focus-visible {
  outline-color: transparent;
}

.slds-nav-vertical__action:hover {
  box-shadow: none;
}

.slds-nav-vertical__action:focus:hover {
  box-shadow: none;
  outline: none;
  outline-offset: none;
}

.slds-button:focus {
  box-shadow: none;
  border: none;
}

.sidebar .slds-show {
  display: block;
  background-color: #f1f1f1;
  border-top: solid 2px #0179ab;
}

.slds-show .slds-nav-vertical__item a {
  border-left: 0;
  padding-left: 30px;
}

.sidebar .slds-show .slds-icon-text-default {
  --slds-c-icon-color-foreground: #000;
  height: 14px;
  width: 14px;
}

.header-setting-icon lightning-primitive-icon:nth-child(2) {
  display: none;
}

.header-setting-icon .slds-button__icon {
  fill: #0179ab;
  width: 16px;
  height: 16px;
  display: none;
}

.notification-custom svg.slds-icon.slds-icon-text-default {
  --slds-c-icon-color-foreground: #ff5b5b;
  width: 16px;
  height: 16px;
  display: none;
}

.notification-bg {
  background-color: #137aab;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  vertical-align: middle;
  margin-top: 1px;
  /* padding-top: 4px; */
}

.notification-bg:hover {
  background-color: #aed03b;
}

/* .slds-dropdown.slds-dropdown_left {
  width: 200px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3) !important;
} */
.slds-dropdown__item > a {
  font-size: 14px;
  text-decoration: none;
  box-shadow: none;
}

.slds-dropdown__item > a:focus {
  box-shadow: none;
  background-color: transparent;
}

.slds-dropdown__item > a:hover {
  box-shadow: none;
  background-color: #f1f1f1;
}

.slds-dropdown__item lightning-primitive-icon {
  display: block !important;
}

.dropZone {
  height: 100%;
}

.header-serach input {
  margin-bottom: 0;
  width: 400px;
  padding: 7px 10px 7px 35px;
  background-color: #f5f5f5 !important;
  border-color: #e5e5e5;
}

.header-serach .slds-input__icon-group_right .slds-input__icon_right {
  right: 0.5rem;
  top: 15px;
}

.header-serach .slds-input-has-icon .slds-input__icon:not(button) {
  pointer-events: none;
  position: absolute;
  top: 19px;
}

.testing .slds-nav-vertical__action-text {
  color: #000;
  font-size: 0;
}

.testing .slds-nav-vertical__action-text::after {
  content: "Sales Process";
  font-size: 14px;
}

.sidebar_small .testing .slds-nav-vertical__action-text::after {
  content: "Sales Process";
  font-size: 0;
}

.testing div.slds-nav-vertical__overflow button {
  padding-left: 20px;
}

.testing div.slds-nav-vertical__overflow button svg.slds-button__icon {
  width: 22px;
  height: 22px;
}

.another-testing .slds-nav-vertical__action-text {
  color: #000;
  font-size: 0;
}

.another-testing .slds-nav-vertical__action-text::after {
  content: "Another Testing";
  font-size: 14px;
}

.sidebar_small section.profile {
  justify-content: start;
  padding-left: 3px;
  padding-right: 0;
  margin-bottom: 10px;
}

.sidebar_small img.logo {
  max-width: 74px;
}

.timesheet-approval-btn .slds-button_brand {
  padding: 0 15px 0 10px;
}

.form-field abbr.slds-required {
  text-decoration: none;
  float: right;
}

.form-textarea abbr.slds-required {
  text-decoration: none;
  float: right;
}

span.slds-pill {
  padding: 5px 0px 5px 5px;
  border-color: #f5f5f5;
  background-color: #f1f1f1;
}

.job-url-btn .slds-button__icon_stateful {
  width: 16px;
  height: 16px;
}

.salary-radio .slds-form-element__legend {
  margin-bottom: 7px;
  font-weight: normal;
  display: inline-block;
  width: auto;
}

.salary-radio .slds-radio {
  display: inline-block;
  margin-right: 5px;
}

.salary-type-hidden-field {
  padding-top: 22px;
}

.change-password-require .slds-icon-text-default {
  --slds-c-icon-color-foreground: #157faf;
  margin-top: -3px;
}

.slds-rich-text-editor__toolbar {
  border-bottom: solid 1px #ccc;
}

.slds-rich-text-editor {
  border: solid 1px #ccc;
}

.calender-info .slds-form-element__help {
  display: none;
}

.form-field.timesheet label {
  font-size: 12px;
  padding-right: 0;
}

h1.main-heading {
  font-size: 24px;
  border-bottom: solid 1px #e5e5e5;
  padding-bottom: 10px;
  padding-left: 10px;
  margin-top: 10px;
  margin-bottom: 25px;
  text-transform: capitalize;
}

.button-right-side {
  float: right;
  display: inline-block;
  margin-top: -70px;
}

.fc .fc-button-primary {
  background-color: #157faf !important;
  border-color: #157faf !important;
}

.fc .fc-button-primary:hover {
  background-color: #b0d23d !important;
  border-color: #b0d23d !important;
}

.fc .fc-toolbar-title {
  color: #157faf;
}

.fc-scroller a {
  text-decoration: none;
  color: inherit;
}

.fc .fc-button-primary:focus {
  box-shadow: none;
}

.fc-theme-standard th {
  background-color: #f1f1f1 !important;
}

.fc .fc-daygrid-day.fc-day-today {
  background-color: #d5e5f3 !important;
}

.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
  margin-bottom: 5px !important;
}

.fc-h-event {
  border: none !important;
  background-color: #b0d23d !important;
  border-radius: 0 !important;
  margin: 0 0 2px !important;
  text-transform: capitalize;
}

.fc-h-event:hover {
  background-color: #157faf !important;
}

.slds-modal__header h1:focus-visible {
  outline: none;
  box-shadow: none;
}

.form-textarea.email-template textarea {
  height: 75px !important;
}

/* New UI Changes */
.page-box {
  width: 100%;
  border-radius: 16px;
  background: linear-gradient(90deg, #1279aa -20.88%, #aed03b 123.72%), #d9d9d9;
  padding: 20px;
  margin-bottom: 20px;
}

.page-heading {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}

.box-numbers {
  font-size: 60px;
  color: #fff;
  font-weight: 600;
  line-height: 60px;
  padding-bottom: 15px;
}

.page-box-inner-boxes h3 {
  font-size: 20px;
  color: #fff;
  font-weight: normal;
}

.page-box-inner-boxes span {
  background-color: #fff;
  padding: 3px 10px 4px;
  border-radius: 18px;
  display: inline-block;
  margin-top: 5px;
  color: #000;
}

.page-box-inner-boxes span.circle {
  padding: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #258ec0;
}

.page-box-inner-boxes span.circle.green {
  background-color: #aed03b;
}

.slds-table_header-fixed_container {
  padding-top: 3rem !important;
}

.slds-resizable__divider:before {
  background-color: transparent;
}

.slds-resizable__divider:after {
  background-color: transparent;
}

.filter-icon {
  background-image: url("/resource/CustomAssets/images/filter-icon.png");
  background-repeat: no-repeat;
  background-position: center center;
}

.filter-icon button {
  background: none;
  padding: 12px 14px !important;
  border: none;
}

.table-search-right .filter-icon button:hover {
  border-radius: 8px;
  background: none;
  box-shadow: none;
}

.table-export-btn {
  margin-left: 15px;
}

.filter-icon svg.slds-button__icon {
  width: auto;
  height: auto;
}

.filter-icon .slds-button__icon {
  display: none;
}

li.slds-tabs_default__item.slds-tabs_default__overflow-button {
  display: none;
}

.header-setting-icon {
  background-image: url("/resource/CustomAssets/images/setting-icon.png");
  background-repeat: no-repeat;
  background-position: 8px center;
  width: 100%;
  height: 100%;
}

.user-setting .header-setting-icon button {
  width: 100%;
  height: 100%;
}

.notification-custom {
  background-image: url("/resource/CustomAssets/images/bell-icon.png");
  background-repeat: no-repeat;
  background-position: 9px center;
  width: 100%;
  height: 100%;
}

.page-box-inner-boxes {
  border-radius: 13px;
  background: linear-gradient(91deg, rgba(255, 255, 255, 0.15) -7.6%, rgba(255, 255, 255, 0.08) 5.79%);
  padding: 20px;
  color: #fff;
}

.page-box-inner-boxes.small-space {
  padding: 8px 20px;
}

.collapse-icon {
  background-image: url("/resource/CustomAssets/images/menu-icon.png");
  background-repeat: no-repeat;
  background-position: 6px center;
  width: 100%;
  height: 100%;
}

.box-numbers span {
  padding: 0;
  border-radius: 0;
  background-color: transparent;
  font-size: 22px;
  font-weight: normal;
  position: relative;
  left: -10px;
  line-height: 24px;
  color: #fff;
}

.calender-left-arrow span {
  background-image: url("/resource/CustomAssets/images/calendar-left-arrow.png");
  background-repeat: no-repeat;
  background-position: left 5px;
  padding-left: 13px;
}

.calender-right-arrow span {
  background-image: url("/resource/CustomAssets/images/calendar-right-arrow.png");
  background-repeat: no-repeat;
  background-position: right 5px;
  padding-right: 13px;
}

.entire-week-hours {
  margin-right: 10px;
  border-color: solid 1px rgba(174, 208, 59, 0.3);
  font-weight: normal;
  color: #567283;
  font-size: 14px;
  padding: 12px 20px 12px 45px !important;
  background: rgba(174, 208, 59, 0.18);
  background-image: url("/resource/CustomAssets/images/weekly-hours-icon.png");
  background-repeat: no-repeat;
  background-position: 13px center;
  display: inline-block;
  border-radius: 10px;
  position: relative;
  top: 2px;
}

/* .entire-week-hours button:hover {
    border-color: rgba(174,208,59, 0.70);
    background: rgba(174,208,59, 0.4);
    background-image: url('/resource/CustomAssets/images/weekly-hours-icon.png');
    background-repeat: no-repeat;
    background-position: 13px center;
    color: #567283;
} */
.timesheet-comment {
  background-image: url("/resource/CustomAssets/images/timesheet-comment.png");
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin: 0 6px;
}

.timesheet-delete {
  background-image: url("/resource/CustomAssets/images/timesheet-del.png");
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  width: 15px;
  height: 15px;
  display: inline-block;
}

.slide-content textarea {
  border: solid 1px #d3d3d3;
}

.time-cancel-btn button {
  background: no-repeat;
  color: #8095a1;
  float: left;
  width: auto;
  padding: 3px 15px 5px !important;
  font-size: 14px;
  border-radius: 20px;
  border-color: #dedede;
}

.time-submit-btn button {
  font-size: 14px;
  padding: 3px 15px 5px;
  float: right;
  border-radius: 20px;
}

.my-profile-detail {
  color: #fff;
}

.my-profile-detail span {
  margin-right: 30px;
  padding-left: 25px;
}

.my-profile-detail span.email {
  background-image: url("/resource/CustomAssets/images/profile-email.png");
  background-repeat: no-repeat;
  background-position: left center;
}

.my-profile-detail span.phone {
  background-image: url("/resource/CustomAssets/images/profile-phone.png");
  background-repeat: no-repeat;
  background-position: left center;
}

.my-profile-detail span.date {
  background-image: url("/resource/CustomAssets/images/profile-calendar.png");
  background-repeat: no-repeat;
  background-position: left center;
}

.my-profile-detail span.location {
  background-image: url("/resource/CustomAssets/images/profile-map.png");
  background-repeat: no-repeat;
  background-position: left center;
}

.my-profile-box-sm {
  color: #fff;
}

.my-profile-box-sm strong {
  display: block;
}

.profile-blue-box {
  background-color: #f6fafc;
  padding: 15px 20px;
  border-radius: 10px;
}

.profile-blue-box h3 {
  font-size: 18px;
  color: #0d354b;
  margin: 15px 0;
}

.profile-blue-box label {
  color: #314e5f;
  font-weight: 400 !important;
  font-size: 14px;
}

.slds-card__body label {
  color: #314e5f;
  font-weight: 400 !important;
  font-size: 14px;
}

.dashboard-card {
  margin-top: 25px;
}

.dashboard-card a {
  border: 1px solid rgba(18, 121, 170, 0.12);
  border-radius: 10px;
  padding: 10px;
  overflow: hidden;
  display: block;
  transition: all 0.3s ease !important;
}

.dashboard-card a:hover {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  border-color: rgba(242, 78, 30, 0.25);
  border-radius: 10px;
  transform: scale(1.04);
}

.dasboard-card-inner {
  background: linear-gradient(237deg, #f24e1e -800.37%, #fff 120.13%);
  border-radius: 10px;
  padding: 15px;
}

.dashboard-card a:hover .dasboard-card-inner {
  background: linear-gradient(238deg, #f24e1e -260.24%, #fff 119.11%);
}

.dasboard-card-inner h2 {
  color: #104158;
  font-size: 20px;
  font-weight: 700;
  background-image: url("/resource/CustomAssets/images/project-card-icon.png");
  background-repeat: no-repeat;
  background-position: right 4px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.13);
  padding-bottom: 25px;
  margin-bottom: 15px;
}

.dasboard-card-inner h2 span {
  display: block;
  font-size: 14px;
  font-weight: normal;
  color: rgba(15, 62, 84, 0.67);
  padding-top: 10px;
}

.select-module {
  width: 250px;
  margin-left: 30px;
  margin-top: -5px;
}

.select-module button {
  border: 1px solid rgba(18, 121, 170, 0.08);
  background-color: rgba(18, 121, 170, 0.05);
  color: #242220;
  padding: 3px 12px;
}

.select-module svg {
  --slds-c-icon-color-foreground: #137aab;
}

.dashboard-card-btn {
  background-image: url("/resource/CustomAssets/images/card-task-icon.png");
  background-repeat: no-repeat;
  background-position: 8px center;
  border: 1px solid rgba(242, 78, 30, 0.51);
  background-color: rgba(242, 78, 30, 0.12);
  padding: 3px 10px 3px 25px;
  display: inline-block;
  margin-right: 10px;
  border-radius: 20px;
  color: #104158;
  font-size: 14px;
}

.dashboard-card-btn span {
  font-size: 16px;
  font-weight: bold;
}

.card-right-arrow {
  background-image: url("/resource/CustomAssets/images/card-right-icon.png");
  background-repeat: no-repeat;
  background-position: center center;
  float: right;
  width: 30px;
  height: 30px;
  margin-top: 15px;
}

.dashboard-card a .card-right-arrow {
  transition: transform 0.3s ease-in-out;
}

.dashboard-card a:hover .card-right-arrow {
  transition: transform 0.3s ease-in-out;
  transform: rotate(-35deg);
}

.dashboard-card.assets a:hover {
  border-color: rgba(242, 78, 30, 0.25);
}

.dashboard-card.assets a:hover .dasboard-card-inner {
  background: linear-gradient(239deg, #ff7262 -190.68%, #fff 118.71%);
}

.dasboard-card-inner.assets {
  background: linear-gradient(237deg, #ff7262 -800.37%, #fff 120.13%);
}

.dasboard-card-inner h2.assets {
  background-image: url("/resource/CustomAssets/images/asset-card-icon.png");
}

.dashboard-card-btn.assets {
  background-image: url("/resource/CustomAssets/images/assets-track-icon.png");
  border: 1px solid rgba(255, 114, 98, 0.51);
  background-color: rgba(255, 114, 98, 0.12);
}

.dasboard-card-inner.hcm {
  background: linear-gradient(237deg, #a259ff -800.37%, #fff 120.13%);
}

.dashboard-card.hcm a:hover .dasboard-card-inner {
  background: linear-gradient(239deg, #a259ff -139.7%, #fff 118.71%);
}

.dasboard-card-inner h2.hcm {
  background-image: url("/resource/CustomAssets/images/hcm-card-icon.png");
}

.dashboard-card-btn.hcm {
  background-image: url("/resource/CustomAssets/images/card-hcm-icon.png");
  border: 1px solid rgba(162, 89, 255, 0.51);
  background-color: rgba(162, 89, 255, 0.12);
}

.dashboard-card.hcm a:hover {
  border-color: rgba(162, 89, 255, 0.25);
}

.dasboard-card-inner.marketing {
  background: linear-gradient(237deg, #4bff33 -800.37%, #fff 120.13%);
}

.dashboard-card.marketing a:hover .dasboard-card-inner {
  background: linear-gradient(239deg, #4bff33 -214.92%, #fff 118.71%);
}

.dasboard-card-inner h2.marketing {
  background-image: url("/resource/CustomAssets/images/marketing-card-icon.png");
}

.dashboard-card-btn.marketing {
  background-image: url("/resource/CustomAssets/images/card-marketing-icon.png");
  border: 1px solid rgba(75, 255, 51, 0.51);
  background-color: rgba(75, 255, 51, 0.12);
}

.dashboard-card.marketing a:hover {
  border-color: rgba(75, 255, 51, 0.25);
}

.dasboard-card-inner.sales {
  background: linear-gradient(237deg, #1abcfe -800.37%, #fff 120.13%);
}

.dashboard-card.sales a:hover .dasboard-card-inner {
  background: linear-gradient(239deg, #1abcfe -200.89%, #fff 118.71%);
}

.dasboard-card-inner h2.sales {
  background-image: url("/resource/CustomAssets/images/sales-card-icon.png");
}

.dashboard-card-btn.sales {
  background-image: url("/resource/CustomAssets/images/card-deals-icon.png");
  border: 1px solid rgba(18, 121, 170, 0.51);
  background-color: rgba(18, 121, 170, 0.12);
}

.dashboard-card-btn.sales.pipeline {
  background-image: url("/resource/CustomAssets/images/card-pipeline-icon.png");
  border: 1px solid rgba(18, 121, 170, 0.51);
  background-color: rgba(18, 121, 170, 0.12);
}

.dashboard-card.sales a:hover {
  border-color: rgba(18, 121, 170, 0.25);
}

.dasboard-card-inner.case {
  background: linear-gradient(237deg, #0acf83 -800.37%, #fff 120.13%);
}

.dashboard-card.case a:hover .dasboard-card-inner {
  background: linear-gradient(239deg, #0acf83 -215.09%, #fff 118.71%);
}

.dasboard-card-inner h2.case {
  background-image: url("/resource/CustomAssets/images/case-card-icon.png");
}

.dashboard-card-btn.case {
  background-image: url("/resource/CustomAssets/images/card-case-icon.png");
  border: 1px solid rgba(10, 207, 131, 0.51);
  background-color: rgba(10, 207, 131, 0.12);
}

.dashboard-card.case a:hover {
  border-color: rgba(10, 207, 131, 0.25);
}

.no-events-sidebar {
  color: #000;
  font-weight: 600;
  background-image: url("/resource/CustomAssets/images/calendar-lg.png");
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 100%;
  background-size: 90%;
  height: 230px;
  text-align: center;
}

.slds-input[readonly][role="combobox"] {
  padding: 7px 10px 7px 40px;
  border-radius: 6px;
  border-color: #ccc;
  box-shadow: none;
  margin: 0;
}

.record-picker-field lightning-icon.slds-combobox__input-entity-icon {
  left: 10px;
}

.record-picker-field svg.slds-button__icon {
  margin-top: 18px;
}

.slds-theme_error.slds-badge {
  background-color: #f9e6e6;
  color: #565661;
  border-color: #f2cece;
}

.slds-theme_warning.slds-badge {
  background-color: #fef7d8;
  color: #037847;
  border-color: #facc15;
}

.ticket-table-action button.slds-button.slds-button_neutral {
  border-color: #c2c2c2;
  color: #667085;
  border-radius: 14px;
  font-size: 12px;
}

.slds-theme_info.slds-badge {
  background-color: #e7f2f7;
  border-color: #a5cddf;
  color: #667085;
}

.profile-blue-box.sla-info {
  margin-top: 20px;
}

.sla-info span {
  display: block;
  color: rgba(49, 78, 95, 0.6);
}

.ticket-timeline-div {
  border: solid 1px rgba(0, 0, 0, 0.11);
  border-radius: 6px;
}

.ticket-timeline-top {
  background-color: #e8f2f7;
  border-radius: 6px 6px 0 0;
  padding: 10px 7px;
}

.ticket-inner-div {
  padding: 15px;
  background-color: #fff;
  border-radius: 0 0 6px 6px;
}

.ticket-div {
  border-bottom: solid 1px rgba(0, 0, 0, 0.06);
  padding: 10px 0px 0 40px;
  background-image: url("/resource/CustomAssets/images/ticket-system-icon.png");
  background-repeat: no-repeat;
  background-position: left 12px;
  margin-bottom: 10px;
}

.ticket-div.user {
  background-image: url("/resource/CustomAssets/images/ticket-user-icon.png");
}

.ticket-div h6 span {
  float: right;
}

.ticket-tag {
  font-size: 10px;
  color: #617683;
  border: solid 1px rgba(129, 134, 137, 0.46);
  display: inline-block;
  padding: 0 5px;
  border-radius: 10px;
  margin-bottom: 12px;
}

.ticket-div h6 {
  margin: 0;
}

.scroll-container {
  overflow-x: auto;
  flex-wrap: nowrap;
  /* prevent wrapping */
  padding-bottom: 15px;
}

.scroll-container .slds-col {
  flex: 0 0 25%;
  /* always 4 visible */
  max-width: 25%;
}

.scroll-container::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Track */
.scroll-container::-webkit-scrollbar-track {
  background: linear-gradient(91deg, rgba(255, 255, 255, 0.15) -7.6%, rgba(255, 255, 255, 0.08) 5.79%);
}

/* Handle */
.scroll-container::-webkit-scrollbar-thumb {
  background: linear-gradient(91deg, rgba(255, 255, 255, 0.25) -7.6%, rgba(255, 255, 255, 0.2) 5.79%);
}

/* Handle on hover */
.scroll-container::-webkit-scrollbar-thumb:hover {
  background: #0179ab;
}

.slds-table_bordered tbody td,
.slds-table_bordered tbody th {
  border-top: 1px solid #eaecf0;
}

.datatable-main {
  scrollbar-color: #0179ab #fff;
  scrollbar-width: thin;
  border: solid 1px #eaecf0;
  border-radius: 10px;
  overflow: hidden;
}

.slds-table_bordered {
  border-bottom: none;
}

.slds-table_header-fixed_container > .slds-scrollable_y::before {
  border-bottom: none;
}

.slds-table--header-fixed_container:before,
.slds-table_header-fixed_container:before {
  border-bottom: none;
}

.slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox_faux_container .slds-checkbox_faux {
  --slds-c-checkbox-toggle-color-background: #137aab;
  --slds-c-checkbox-toggle-color-border: #137aab;
  width: 52px;
  height: 32px;
}
.slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox_faux_container .slds-checkbox_faux:before {
  top: 3px;
  right: 3px;
  width: 25px;
  height: 25px;
  background-color: #fff;
}
.slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox_faux_container .slds-checkbox_faux:after {
  display: none;
}

.booking-header-time {
  background-image: url("/resource/CustomAssets/images/booking-clock.png");
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 12px;
  color: #567283;
  padding-left: 15px;
  margin-bottom: 0px;
}

.slds-checkbox_toggle [type="checkbox"] + .slds-checkbox_faux_container .slds-checkbox_on {
  display: none !important;
}
.slds-checkbox_toggle [type="checkbox"] + .slds-checkbox_faux_container .slds-checkbox_off {
  display: none !important;
}
.slds-checkbox_toggle .slds-checkbox_faux {
  width: 52px;
  height: 32px;
}
.slds-checkbox_toggle .slds-checkbox_faux:after {
  width: 25px;
  height: 25px;
  top: 3px;
  left: 3px;
}

.booking-slot-div {
  background-color: rgba(226, 237, 247, 0.57);
  border-radius: 10px;
  padding: 15px;
}
.booking-slot-div p {
  margin-bottom: 10px;
}
.booking-slot-div p:last-child {
  margin: 0;
}
.booking-slot-div p span {
  float: right;
}
.bookings-view button {
  background-image: url("/resource/CustomAssets/images/booking-view-icon.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  border: solid 1px #c2c2c2;
  border-radius: 10px;
  padding: 4px 15px 4px 35px;
  color: #1f1f1f;
}
.bookings-view button:hover {
  border: solid 1px #c2c2c2;
  color: #1f1f1f;
}
.bookings-link button {
  background-image: url("/resource/CustomAssets/images/copy-icon.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  border: solid 1px #c2c2c2;
  border-radius: 10px;
  padding: 4px 15px 4px 35px;
  color: #1f1f1f;
  /* float: right; */
}
.bookings-link button:hover {
  border: solid 1px #c2c2c2;
  color: #1f1f1f;
}
.allowed-days span.slds-checkbox {
  display: inline-block;
  width: 22%;
}
.allowed-days .slds-form-element__legend {
  width: auto;
}
.allowed-days abbr.slds-required {
  float: right;
  text-decoration: none;
}
.max-tabs li.slds-tabs_default__item.slds-tabs_default__overflow-button {
  display: block;
}

.status-pending .slds-truncate {
  background: #ffb020;
  color: #222;
}
.status-processing .slds-truncate {
  background: #64b5f6;
  color: #fff;
}
.status-confirmed .slds-truncate {
  background: #81c784;
  color: #fff;
}
.status-cancelled .slds-truncate {
  background: #e57373;
  color: #fff;
}
.status-completed .slds-truncate {
  background: #26a69a;
  color: #fff;
}
.status-no-show .slds-truncate {
  background: #8d6e63;
  color: #fff;
}
.status-neutral .slds-truncate {
  background: #e0e0e0;
  color: #222;
}

.status-pending .slds-truncate,
.status-processing .slds-truncate,
.status-confirmed .slds-truncate,
.status-cancelled .slds-truncate,
.status-completed .slds-truncate,
.status-no-show .slds-truncate,
.status-neutral .slds-truncate {
  padding: 2px 8px;
  border-radius: 20px;
  font-weight: 400;
  display: inline-block;
  font-size: 11px;
}

.my-profile-thumb {
  width: 140px;
  height: 140px;
  float: left;
  margin-right: 15px;
}
.my-profile-thumb img {
  width: 100%;
  height: 140px;
  object-fit: cover;
  border-radius: 50%;
}

.simple-table th {
  background-color: rgba(21, 124, 172, 0.1);
  padding: 10px 10px;
  color: #667085;
}
.simple-table td {
  padding: 10px 10px;
}
.simple-modal svg {
  --slds-c-icon-color-foreground: #0179ab;
  width: 14px;
}

.my-profile-detail {
  flex-basis: 100%;
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
  padding-bottom: 10px;
  margin-bottom: 15px;
  margin-top: 15px;
  padding-left: 15px;
}

@media (max-width: 767px) {
  .sidebar_small section.profile {
    display: none;
  }

  .sidebar.sidebar_small .slds-nav-vertical__title {
    display: block;
  }

  .sidebar.sidebar_small .slds-nav-vertical__item a {
    text-indent: 0;
  }

  .sidebar.sidebar_small .slds-icon-text-default {
    height: 22px;
    width: 22px;
  }

  .sidebar_small section.profile {
    display: none;
  }

  .notification-panel {
    max-height: 230px !important;
    width: auto !important;
    padding: 5px !important;
  }

  .header-setting-icon .slds-dropdown.slds-dropdown_left {
    left: -70px !important;
  }

  .sidebar_small .testing .slds-nav-vertical__action-text::after {
    content: "Sales Process";
    font-size: 14px;
  }

  .sidebar_small .slds-nav-vertical__item a {
    border-left: none;
  }
}