#__nuxt #__layout #app  {
  margin: auto !important;
}
#__nuxt #__layout #landing  .v-application--wrap .container {
}

body {
  background-color: #f3e6f3 !important;
  background-image: url('/image/back-vec3.png') ;
  background-repeat: round;
  background-size: 400px;
}

::-webkit-scrollbar {
  width: 12px;
  border-radius: 7px;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 7px !important;
}

::-webkit-scrollbar-thumb {
  background: grey;
  border-radius: 1px;
  border-radius: 7px !important;
}

.vpd-column-content::-webkit-scrollbar-thumb {
  background: grey;
  border-radius: 1px;
  border-radius: 7px !important;
}

.vpd-column-content::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 7px !important;
}

.overflow_h {
  overflow: hidden;
}

.opacity_input {
  opacity: 80%;
}

.opacity_input > .vpd-input-group {
  opacity: 80%;
}

.float-left {
  float: left !important;
}

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

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

.text-center {
  text-align: center !important;
}

.w-max {
  width: 100% !important;
}

.h-max {
  height: 100% !important;
}

.h-max-vh {
  height: 100vh !important;
}

.fit {
  padding: 0 !important;
  margin: 0 !important;
}

.pointer {
  cursor: pointer;
}

.center-div {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.center-div-align {
  display: flex;
  align-items: center;
}

.center-div-justify {
  display: flex;
  justify-content: center;
}

.end-justify {
  display: flex;
  justify-content: flex-end;
}

.end-align {
  display: flex;
  align-items: flex-end;
}

.ltr-item {
  direction: ltr !important;
}

.rtl-item {
  direction: rtl !important;
}

.toast {
  width: 60% !important;
  margin: 7px !important;
  padding: 8px !important;
  direction: rtl !important;
  margin-top: 4px !important;
  z-index: 9999999999 !important;
}

.toasted-container {
  z-index: 9999999999 !important;
}

.v-btn {
  text-transform: none !important;
}

tr {
  white-space: nowrap;
}

.v-btn__content {
  letter-spacing: 0 !important;
}

.small-input {
  margin: 0 !important;
  padding: 0 !important;
}

.small-input > .v-input__control {
  padding: 0;
  margin: 0;
}

.small-input > .v-input__control > .v-input__slot {
  padding: 0;
  margin: 0 !important;
}

.small-input > .v-input__control > .v-input__slot > label {
  font-size: 14px;
}

.small-input > .v-input__control > .v-input__slot > .v-input--selection-controls__input {
  padding: 0;
  margin: 0 !important;
}

.v-input__slot.backcolor > fieldset {
  border: 1px solid #dcdfe5 !important;
}

.small-input > .v-input__control > .v-messages {
  display: none;
}

.small-input > .v-input__control > .v-text-field__details {
  display: none;
}

.input-noborder > .v-input__control > .v-input__slot {
  border-radius: 0 !important;
  border-top: none !important;
  border-left: none !important;
  border-bottom: none !important;
}

.input-noborder > .v-input__control > .v-input__slot > fieldset {
  border-radius: 0 !important;
  border-top: none !important;
  border-left: none !important;
  border-bottom: none !important;
}

.small-input-only > .v-input__control > .v-text-field__details {
  display: none !important;
}

.bxr-red {
  box-shadow: 4px 0px 0px 0px #ff0303 !important;
}

.bxr-green {
  box-shadow: 4px 0px 0px 0px #02bb0b !important;
}

.b-primary {
  border-radius: 7px;
  border: 2px solid #430d4b !important;
}

.bb-primary {
  border-bottom: 1px solid #430d4b !important;
}

.b-error {
  border-radius: 7px;
  border: 1px solid #ff4342 !important;
}

.b-c2 {
  border: 1px solid #c2c2c2;
}

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

.position_r {
  position: relative;
}

.rounded {
  border: 1px solid #430d4b;
}

.auth-input > div > .v-input__slot > div > .v-text-field__prefix {
  font-size: 18px;
  color: #430d4b;
}

.v-text-field input {
  font-size: 16px;
}

.v-select.v-input--dense .v-select__selection--comma {
  font-size: 16px;
}

.auth-input > div > .v-input__slot > div > input {
  font-size: 18px;
  font-weight: bold;
  text-align: center !important;
}

.auth-input > div > .v-input__slot > div > input::placeholder {
  opacity: 0.5;
  font-size: 18px;
  color: #430d4b;
  text-align: center !important;
}

.auth-input > div > .v-input__slot > div > input {
  font-size: 18px;
}

.p-sticky {
  position: sticky !important;
}

.welcome-title {
  font-size: 16px;
}

.leaflet-bottom {
  display: none;
}

.leaflet-control-attribution .leaflet-control {
  display: none;
}

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

.text-color,
.text-color .white--text {
  color: rgba(0, 0, 0, 0.87) !important;
}

.white-space_pre-line {
  white-space: pre-line;
}

.absolote-image {
  position: absolute;
  right: 10px;
  top: 10px;
}

.absolote-left {
  top: 5px;
  left: 5px;
  position: absolute !important;
}

.custom-back {
  background-color: #fcf9f5;
  border-bottom-left-radius: 90px;
  border-bottom-right-radius: 90px;
}

.align-self-center {
  align-self: center;
}

.wallet-icon {
  max-width: 22px;
  height: 24px;
  margin: 5px 6px;
}

/* .v-overlay--active {
  z-index: 999999 !important;
}

.v-dialog__content {
  z-index: 9999999 !important;
}  */

.place-content-center {
  place-content: center;
}

.align-content-center {
  align-content: center !important;
}
.font_black {
  color: black;
}
.vertical-align-text-bottom {
  vertical-align: text-bottom;
}
.cards-back{
  background-color: #f3e6f3 !important; 
  background-image: radial-gradient(circle at 0px 0px, #ffffff 0px, #ffffff00 100%);
}