div.v-input-class {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
  width: 300px;
}
div.v-input-class.no-mar {
  margin: 0;
}
div.v-input-class.no-h-mar {
  margin-left: 0;
  margin-right: 0;
}
div.v-input-class.no-v-mar {
  margin-top: 0;
  margin-bottom: 0;
}
div.v-input-class input,
div.v-input-class textarea {
  border: 1px solid #e7eaec;
  height: 40px;
  font-size: 15px;
  line-height: 20px;
  background-color: #fafcfe;
  border-radius: 4px;
  color: #636363;
  padding: 10px;
  box-sizing: border-box;
  font-family: gibsonlight;
  width: 100%;
  text-overflow: ellipsis;
}
div.v-input-class img.input-x {
  position: absolute;
  right: 40px;
  top: 13px;
  cursor: pointer;
}
div.v-input-class img.input-search {
  position: absolute;
  right: 12px;
  top: 12px;
  cursor: pointer;
}
div.v-input-class img.show-password {
  position: absolute;
    right: 7px;
    top: 7px;
    height: 28px;
    cursor: pointer;
}
div.v-input-class img.validate-code {
  position: absolute;
  left: 12px;
  top: 7px;
  height: 25px;
}
div.v-input-class textarea {
  border: 1px solid #e7eaec;
  height: 135px;
  font-size: 17px;
  line-height: 20px;
  background-color: #fafcfe;
  border-radius: 4px;
  color: #414042;
  padding: 10px;
  box-sizing: border-box;
  font-family: gibsonlight;
  width: 100%;
}
div.v-input-class .v-select.vs--single.vs--open .vs__selected {
  position: static;
}
div.v-input-class .v-select.vs--single .vs__selected {
  background: transparent;
  border: transparent;
  font-size: 15px;
  margin: 0;
  height: 100%;
  width: 100%;
  padding: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
}
div.v-input-class .v-select.vs--open .vs__dropdown-toggle {
  border-color: #719500;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
div.v-input-class .v-select .vs__dropdown-menu {
  top: 100%;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  padding: 0;
}
div.v-input-class .vs__selected-options {
  padding: 0 10px;
  overflow: hidden;
}
div.v-input-class .vs__selected {
  background: #eff6e4 0% 0% no-repeat padding-box;
  border: 1px solid #e7eaec;
  border-radius: 12px;
  font-size: 13px;
  margin: auto 0;
  margin-right: 10px;
  height: 23px;
  padding: 0 12px;
  color: #636363;
}
div.v-input-class .v-select .vs__dropdown-option {
  font-size: 15px;
  line-height: 20px;
  color: #636363;
  padding: 10px;
}
div.v-input-class .v-select .vs__dropdown-option--highlight {
  background: #7195000d;
  font-size: 15px;
  line-height: 20px;
  padding: 10px;
}
div.v-input-class .v-select .vs__dropdown-option--disabled {
  background: #c412000d;
}
div.v-input-class .v-select .vs__dropdown-toggle {
  padding: 0px;
  box-sizing: border-box;
  background-color: #fafcfe;
  border: 1px solid #e7eaec;
  border-radius: 4px;
  padding: 0;
  height: 40px;
}
div.v-input-class .v-select .vs__selected-options {
  padding: 0 10px;
}
div.v-input-class input.vs__search,
div.v-input-class input.vs__search:focus,
div.v-input-class textarea.vs__search,
div.v-input-class textarea.vs__search:focus {
  padding: 9px 0;
  margin: 0;
  font-size: 15px;
  line-height: 20px;
  height: 38px;
  border: 0;
  max-width: unset;
  width: 0;
}
/* div.v-input-class .vs__selected + input.vs__search {
  width: 0;
  flex: 0;
} */
div.v-input-class input[placeholder=""],
div.v-input-class textarea[placeholder=""] {
  border: 1px solid #e7eaec;
}
div.v-input-class:not(.inline-label) input:focus:not(.vs__search),
div.v-input-class:not(.inline-label) textarea:focus:not(.vs__search) {
  border: 1px solid #719500;
  outline: none;
}
div.v-input-class input::placeholder,
div.v-input-class textarea::placeholder {
  color: #d4dade;
  font-size:15px;
}
div.v-input-class input:placeholder-shown {
  text-overflow: ellipsis;
}
div.v-input-class.highlight:not(.inline-label) input:not(.vs__search),
div.v-input-class.highlight:not(.inline-label) .vs__dropdown-toggle,
div.v-input-class.highlight:not(.inline-label) textarea:not(.vs__search) {
  border: 1px solid #719500;
}
div.v-input-class.inline-label.highlight {
  border: 1px solid #719500;
}
div.v-input-class.validation-error:not(.inline-label) input:not(.vs__search),
div.v-input-class.validation-error:not(.inline-label) .vs__dropdown-toggle,
div.v-input-class.validation-error:not(.inline-label)
  .vs__dropdown-toggle::placeholder,
div.v-input-class.validation-error:not(.inline-label)
  input:not(.vs__search)::placeholder {
  color: #c41200;
  border-color: #c41200;
  background-color: #c4120005;
}

div.v-input-class.validation-error textarea {
  border-color: #c41200;
  background-color: #c4120005;
}

div.v-input-class.validation-error .vs__selected {
  color: #c41200;
}
div.v-input-class.validation-error.inline-label {
  border-color: #c41200;
}
div.v-input-class.validation-error.inline-label input {
  color: #c41200;
}
div.v-input-class.extra-large {
  max-width: 940px;
  width: 100%;
}
div.v-input-class.large {
  max-width: 620px;
  width: 100%;
}
div.v-input-class.extra-large-important {
  max-width: 940px !important;
  width: 100% !important;
}
div.v-input-class.semi-large {
  max-width: 406.66px;
  width: 100%;
}
div.v-input-class.standard {
  max-width: 300px;
  width: 100%;
}
div.v-input-class.semi-small {
  width: 193.33px;
}
div.v-input-class.small {
  width: 140px;
}
div.v-input-class.tiny {
  width: 86.66px;
}
div.v-input-class .custom_datepicker {
  height: 40px;
}
div.v-input-class .flex-row {
  display: flex;
  flex-direction: row;
}
div.v-input-class .flex-col {
  display: flex;
  flex-direction: column;
}
div.v-input-class .flex-wrap {
  flex-wrap: wrap;
}
div.v-input-class .space-between {
  justify-content: space-between;
}
div.v-input-class .space-evenly {
  justify-content: space-evenly;
}
div.v-input-class .space-around {
  justify-content: space-around;
}
div.v-input-class .center-along {
  justify-content: center;
}
div.v-input-class .flex-end-along {
  justify-content: flex-end;
}
div.v-input-class .flex-end-across {
  align-items: flex-end;
}
div.v-input-class .center-across {
  align-items: center;
}
div.v-input-class .stretch-across {
  align-items: stretch;
}
div.v-input-class .flex-unset {
  flex: unset;
}
div.v-input-class .flex-1 {
  flex: 1;
}
div.v-input-class .flex-2 {
  flex: 2;
}
div.v-input-class .flex-3 {
  flex: 3;
}
div.v-input-class .flex-4 {
  flex: 4;
}
div.v-input-class .flex-5 {
  flex: 5;
}

textarea {
  resize: none;
  height: 122px !important;
  line-height: 22px !important;
}

div.v-input-class.inline-label {
  border: 1px solid #d4dade;
  border-radius: 5px;
}
div.v-input-class.inline-label .v-select {
  min-width: 72%;
}
div.v-input-class.inline-label .v-select .vs__selected-options {
  padding: 0;
  align-items: center;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
}
div.v-input-class.inline-label input.vs__search,
div.v-input-class.inline-label input.vs__search:focus {
  padding-left: 10px;
}

div.v-input-class.inline-label .v-select,
div.v-input-class.inline-label .v-custom-date {
  width: auto;
  flex: 1;
  padding: 0;
}
div.v-input-class.inline-label input,
div.v-input-class.inline-label .v-select .vs__dropdown-toggle {
  outline: none;
  border: none;
  background-color: transparent;
  padding-left: 10px;
}
.daterangepicker .drp-calendar .calendar-table th {
  border-radius: 0px;
}
.daterangepicker .drp-calendar thead tr:last-child th {
  border-bottom: 1px solid #d4dade;
  color: #909090;
  font-family: "gibsonregular";
  font-size: 15px;
  line-height: 30px;
}
.daterangepicker .drp-calendar thead tr:last-child th:first-child {
  border-left: 1px solid #d4dade;
}
.daterangepicker .drp-calendar thead tr:last-child th:last-child {
  border-right: 1px solid #d4dade;
}
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
  border-color: #a6b2b9 !important;
}
.daterangepicker .drp-calendar select.monthselect,
.daterangepicker .drp-calendar select.yearselect {
  width: 100px;
  height: 25px;
  border: 1px solid #a6b2b9;
  border-radius: 12px;
  font-family: "gibsonlight";
  color: #414042;
  font-size: 15px;
  padding: 0 10px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.daterangepicker .drp-calendar select.monthselect,
.daterangepicker .drp-calendar select.yearselect {
  outline: 0;
}
.read-only {
  opacity: 0.6;
}
.v-input-class.inline-label {
  background: #f9fcfe;
}

/* type = Address */
.places-list {
  list-style-type: none;
  border-right: 1px solid #719500;
  border-left: 1px solid #719500;
  border-bottom: 1px solid #719500;
  padding-left: 0px;
  border-radius: 0 0 4px 4px;
  margin: 0px;
  box-shadow: 0 0 25px rgba(63, 42, 42, 0.5);
}
.places-list-item:first-child {
  padding-bottom: 10px;
  padding-left: 10px;
}
.places-list-item:last-child {
  padding-top: 10px;
  padding-left: 10px;
  border-radius: 0 0 4px 4px;
}
.places-list-item:not(.places-list-item:first-child),
.places-list-item:not(.places-list-item:last-child) {
  padding: 10px;
}
.places-list-item:not(.places-list-item:last-child) {
  border-bottom: 1px solid #719500;
}
.places-list-item:hover {
  background-color: #eff6e4;
}
.opacity-0 {
  opacity: 0 !important;
}
.validation-error-file {
  border: 1px solid #c41200 !important;
  background-color: #c4120005 !important;
}
.photo-placeholder {
  height: 200px;
  width: 100%;
  border: 1px solid #e7eaec;
  background: #f9fcfe;
  color: #a6b2b9;
  text-align: center;
  cursor: pointer;
}
.photo-display {
  height: 200px;
  width: 100%;
  object-fit: contain;
  border-radius: 15px;
}
/* type = file-upload */
.upload-document {
  width: 100%;
  min-height: 200px;
  border: 1px solid #e7eaec;
  background: #fff;
  text-align: center;
}
.upload-document.dashed-border {
  border: 2px dashed #e7eaec;
}
.upload-document .sticky-note {
  background: #e7eaec;
  color: #636363;
  text-align: center;
  padding: 10px;
}
.upload-document ul {
  list-style: none;
}
.upload-document li {
  padding: 0;
  background: transparent;
  text-align: left;
  border-bottom: 1px solid #e7eaec;
  margin-bottom: 10px;
}
.file-upload-loading {
  min-height: 160px;
}
.file-upload-loading img {
  min-height: 160px;
}

/* searchList input */
.search-list-container {
  position: absolute;
  width: 100%;
  top: 40px;
  border-radius: 4px;
  padding: 0px;
  border: 1px solid #e7eaec;
  max-height: 200px;
  overflow-x: scroll;
}
.search-list-container div {
  padding: 0 10px;
  background-color: #fafcfe;
  box-sizing: border-box;
  height: 40px;
}
.search-list-container div:hover {
  background-color: #eff6e4;
}

/* .number-40 {
  width:40px !important;
  text-align:center;
}
.number-40 .vs__actions, .number-40 .vs__search {
  display:none;
}
.number-40 .vs__search, .number-40 .vs__dropdown-menu {
  min-width: unset;
}

@media (max-width: 675px) {

  .mobile-dropdown-menu {
    top:100vh !important;
    transform: translateY(-100%) !important;
    width:100% !important;
    left:0px !important;
    position: fixed !important;
    height:250px !important;
    text-align:center !important;
    font-size:22px;
  }
  .mobile-dropdown-menu .vs__dropdown-option:not(:last-of-type) {
    border-bottom:1px solid #dadada;
  }

} */

.multiple-select * {
  height: auto !important;
}

.multiple-select .vs__selected-options {
  flex-wrap: wrap !important;
}