:root {
  --font-family: "SF Pro Display";
  --background: #EAF1FF;
  --padding: 12px;
  --text-font-size: 14px;
  --pacing-lr-btn: 24px;
  --height-form-control: 38px;
  --pacing-lr-modal: 16px;
  --border-radius-card: 10px;
  --border-radius-input: 6px;
  --primary-color: #F58220;
  --highlight-color: #EEB809;
  --text-color: #000;
  --text-note-color: #828282;
  --table-border-color: #F0F0F0;
  --input-border-color: #C9C9C9;
  --bg-menu-gradient: linear-gradient(45deg, #e45909, #F58220);
  --bg-menu-gradient-hover: #e45909;
  --table-background-thead: #EAF1FF;
  --box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
  --card-heading-background: #FFFDEB;
  /*custom color sidebar*/
  --sidebar-background-color: #fff;
  --bg-sidebar-menu-active: linear-gradient(45deg, #B84300, #F58220);
  --color-sidebar-menu-active: white;
  --bg-sidebar-menu-hover: linear-gradient(45deg, #B84300, #F58220);
  --color-sidebar-menu: var(--text-color);
  --color-sidebar-menu-hover: var(--primary-color);
  --color-blur: #EBFDFF;
}

@media (max-width: 768px) {
  :root {
    --padding: 10px;
    --text-font-size: 13px;
    --pacing-lr-btn: 12px;
    --pacing-lr-modal: 12px;
  }
}
::placeholder {
  color: #BABABA;
  opacity: 1;
}

.layout-anonymous .country-select {
  position: absolute;
  right: 24px;
  top: 24px;
}
.layout-anonymous .country-select .country-list {
  top: 30px;
  width: 100% !important;
  border: 0;
  overflow: auto;
  border-radius: var(--border-radius-input);
}
.layout-anonymous .country-select .selected-flag .arrow {
  left: 36px;
}
.layout-anonymous .country-select.inside input, .layout-anonymous .country-select.inside input[type=text] {
  width: 115px;
  border-radius: var(--border-radius-input);
  border: 0;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 14px;
  z-index: 1;
}
.layout-anonymous .country-select.inside input:focus, .layout-anonymous .country-select.inside input[type=text]:focus {
  outline: none;
}
.layout-anonymous .country-select.inside .flag-dropdown {
  right: 0;
}
.layout-anonymous .country-select.inside .selected-flag {
  width: 100%;
}