div.chat {
    padding-top: 52px;
    padding-bottom: 5px;
}

@media only screen and (max-width: 420px) {
    .header__area .header__sidebar__right > li > a.setting__active {
        display: none;
    }
}

/* #q {
    height: 50%;
    top: 25%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
} */

a[href] {
    text-decoration: underline !important;
}

.chat_user_search {
    width: 100%;
    /* float: right; */
    line-height: 20px;
    border: none;
    border-bottom: 1px solid black;
}

.last_msg_text {
    white-space: nowrap;
    overflow: hidden;
    /* background: #fc0; */
    /* padding: 5px; */
    text-overflow: ellipsis;
    width: 200px;
    display: inline-block;
}

@media (max-width: 992px) {
    .header__sidebar__right {
        display: none !important;
    }
}

.chat_msg {
    word-break: break-all;
    white-space: break-spaces;
    text-align: left;
}

.chat_msg.from_me {
    border-bottom-left-radius: 0;
    background-color: rgb(150, 150, 150) !important;
}

.chat_msg.from_other {
    float: right;
    margin-left: 0.25rem;
    border-bottom-right-radius: 0;
}

@media all and (min-width: 992px) {
    .unread_messages_mobile {
        display: none !important;
    }
}

.unread_messages_mobile {
    position: relative;
    display: inline;
    font-size: 15px;
    left: 5px;
    background: red;
    color: white;
    border-radius: 7px;
    padding-left: 5px;
    padding-right: 5px;
}

.desktop_unread_messages_signal {
    position: relative;
    display: inline;
    font-size: 10px;
    left: 17px;
    background: red;
    color: white;
    border-radius: 7px;
    padding-left: 5px;
    padding-right: 5px;
}

.desktop_unread_messages_count {
    position: relative;
    display: inline;
    font-size: 10px;
    float: right;
    left: -185px;
    background: red;
    color: white;
    border-radius: 7px;
    padding-left: 5px;
    padding-right: 5px;
}

.mobile_unread_messages_count {
    position: relative;
    display: inline;
    font-size: 10px;
    left: 5px;
    background: red;
    color: white;
    border-radius: 7px;
    padding-left: 5px;
    padding-right: 5px;
}

@font-face {
    font-family: ProximaNova;
    font-weight: bold;
    src: url("fonts/Proxima_Nova_Bold.otf") format("opentype");
}

@font-face {
    font-family: PTSansNarrow;
    font-weight: bold;
    src: url("fonts/PT_Sans_Narrow.ttf") format("truetype");
}

@font-face {
    font-family: PlayBold;
    font-weight: bold;
    src: url("fonts/PlayBold.ttf") format("truetype");
}

@font-face {
    font-family: Play;
    font-weight: bold;
    src: url("fonts/Play.ttf") format("truetype");
}

@font-face {
    font-family: SFUIDisplayMedium;
    font-weight: bold;
    src: url("fonts/SF-UI-Display-Medium.otf") format("opentype");
}


.slide .slider__content h2 {
    font-family: 'Play';
}

.howitworks img {
    width: 30%;
    margin: 20px;
}

.howitworks h2 {
    margin-bottom: 40px;
}

.howitworks .slide {
    text-align: center;
    display: block;
}

.profile .editable_field .input-text {
    margin: 0px;
    width: 200px;
}

.profile .editable_field {
    margin-top: 5px;
    margin-bottom: 10px;
}