html,body {
    max-width: 100%;
    overflow-x: hidden;
    /* overflow-y: hidden; */
}

.required:after {
    content: " *";
    color: red;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.add-branch {
    width: 100%;
}

.left-nav {
    font-size: 20px;
}

.repeater-delete-button {
    margin-top: 10px;
}

.flex-view {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.scroller {
    height: 400px;
    overflow-y: scroll;
    scrollbar-color: rebeccapurple green;
    scrollbar-width: thin;
    }

.card-scroller {
    height: 300px;
    overflow-y: scroll;
    scrollbar-color: rebeccapurple green;
    scrollbar-width: thin;
    }

    .scroller-unified-search {
        height: 350px;
        overflow-y: scroll;
        scrollbar-color: rebeccapurple green;
        scrollbar-width: thin;
    }

.side__scrollbar::-webkit-scrollbar{
display: none;
}

.side__scrollbar {
    -ms-overflow-style:none;
    scrollbar-width: none;
}

.text-view {
    font-size: 16px;
    margin-bottom: 5px;
}

.card-view {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
    transition: 0.3s;
}

.card-view-display {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
    transition: 0.3s;
}

@media (min-width: 320px) and (max-width :709px) {
    .typeahead-field {
      width: 128% !important;
    }
  }
  
  @media (min-width: 710px) {
    .typeahead-field {
        width: 150% !important;
    }
  }

.boldFont {
    font-weight: 1000 !important;
}