.btn-w100 {
    min-width: 100px;
}

nav {
    background-color: white;
}

.bg-image {
    background: linear-gradient(rgba(104, 106, 121, 0.7), rgba(104, 106, 121, 0.7)),
        url('../images/bg.jpg') center/cover no-repeat fixed;
}

.bg2-image {
    background: linear-gradient(rgba(104, 106, 121, 0.7), rgba(104, 106, 121, 0.7)),
        url('../images/bg2.jpg') top/cover no-repeat fixed;
}

.hero {
    min-height: calc(100vh - 72.06px);
    padding: 0;
}

.btn-icon {
    min-width: auto;
}

.partners {
    max-height: 100px;
    max-width: 150px;
}

.boosted {
    max-height: 100px;
    max-width: 150px;
    padding-bottom: 50px;
}

.services-imgs {
    width: 100%;
    padding-bottom: 20px;
}

.modal-chat {
    height: 75vh;
    overflow-y: scroll;
    display: flex;
    flex-direction: column-reverse;
}

.chat .chat-message {
    margin-bottom: 20px;
    max-width: 75%;
}

.chat .chat-left {
    margin-right: auto;
    text-align: left;
}

.chat .chat-right {
    margin-left: auto;
    text-align: right;
}

.chat .message {
    width: fit-content;
    margin-bottom: 0;
    padding: 8px;
    border-radius: 5px;
}

.chat .chat-left .message {
    background-color: #6b6f82;
    color: white;
    margin-right: auto;
}

.chat .chat-right .message {
    background-color: #1e9ff2;
    color: white;
    margin-left: auto;
}

#message-text {
    resize: none;
}


@media (max-width: 990px) {
    #top-menu {
        float: none !important;
        align-items: center !important;
        flex-flow: column !important;
    }
}

.open-chat {
  position: relative !important;
}

.open-chat .badge {
  position: absolute !important;
  top: -8px !important;
  right: -8px !important;
}

/* scrollbar */

/* width */
::-webkit-scrollbar {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.form-empty {
    border-color: #ff4961 !important;
}

.form-filled {
    border-color: #28d094 !important;
}

/* remove arrow in input number */

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

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

/** Social Button CSS **/

.share-btn {
    display: inline-block;
    color: #ffffff;
    border: none;
    padding: 8px 16px;
    outline: none;
    text-align: center;
    font-size: 14px;
    margin: 0 0.2em;
    border-radius: 5px;
}

.share-btn:focus,
.share-btn:hover {
    text-decoration: none;
    opacity: 0.8;
    color: #ffffff;
}

.share-btn:active {
    color: #e2e2e2;
}

.share-btn.twitter {
    background: #55acee;
}

.share-btn.facebook {
    background: #3B5998;
}

.share-btn.whatsapp {
    background: #25D366;
}

.share-btn.telegram {
    background: #229ED9;
}

.share-btn.reddit {
    background: #ff5700;
}

.share-btn.linkedin {
    background: #4875B4;
}

.share-btn.email {
    background: #444444;
}

.address-list-btn {
    margin-bottom: 5px;
    border: 1px solid #444;
    border-radius: 5px;
    padding: 5px 10px;
}

.address-field {
    padding: 0.75rem;
		border: 1px solid #cacfe7 ;
}

#addresses {
    max-height: 18.25rem;
    overflow-y: auto;
    padding-right: 6px;
}

.map-container {
    height: 300px !important;
}
  
#map {
    padding: 0;
    height: 100%;
    width: 100%;
}

@media (max-width: 650px) {
  #addresses .btn {
    height: fit-content;
  }
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color:#6b6f82;
    font-weight:400;
    line-height: 28px;
}