@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

/*@font-face {
    font-family: Officina;
    src: url(OfficinaSans-Book.otf);
}

* {
    font-family: Officina;
}*/



.chatbox {
    float: right;
}

.oda-chat-wrapper .oda-chat-button:not(.oda-chat-none) {
    border-radius: 500px !important;
    width: 56px;
    height: 56px;
}

.oda-chat-left .oda-chat-icon-wrapper {
    height: 20px;
    min-width: 20px;
    width: 20px;
}

.oda-chat-right .oda-chat-icon-wrapper {
    margin-left: 8px;
    margin-right: unset;
    display: none;
}

.oda-chat-title {
    font-size: 21px;
}

.oda-chat-share-popup-item-text {
    font-size: 12px;
}

input[type="file"] {
    display: none;
}

.oda-chat-expanded .oda-chat-widget {
	height: 450px !important;
	max-height: 70vh !important;
}

.oda-chat-button img {
    border-radius: 50%;
    box-shadow: 0px 0px 17px rgb(255 255 255 / 50%);
}

.oda-chat-notification-badge {
    display: none !important;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.jumbotron {
    background-color: #F9B31F;
    color: #000000;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}

@media screen and (min-width: 426px) {
    .oda-chat-expanded .oda-chat-widget {
        border-radius: 25px;
        width: 320px;
    }


}

@media screen and (max-width: 425px) {
    .oda-chat-expanded .oda-chat-widget {
	max-height: none !important;
	height: calc(100vh - 50px) !important;
    }
}