@font-face{
 font-family:Univers;
 src:url(../assets/font/Univers.ttf);
}


:root{
 
 --main-color:#b68a35;
 --secondary-color:#333;
 
 --white-color:#fff;
 --black-color:#000;
 --gray-color:f2f2f2;
 --red-color:#DC3545;
 
 
 --scrollbar-width:.4em;
 --scrollbar-track:inset 0 0 100px var(--gray-color);
 --scrollbar-track-border-radius:100px;
 --scrollbar-thumb-border-radius:100px;
 --scrollbar-thumb-background:var(--secondary-color);
 --scrollbar-thumb-outline:1px solid var(--secondary-color);
 
 --font-family:Univers,Arial !important;
 --font-size:13px !important;

 
 --popup-box-shadow:0px 5px 7px 3px rgb(0 142 255 / 20%);
 --popup-background-color:var(--main-color);
 --popup-border:1px solid var(--main-color);
 --popup-border-radius:16px;

 
 --prechat-popup-box-shadow:0px 5px 7px 3px rgb(0 142 255 / 20%);
 --prechat-popup-background-color:var(--white-color);
 --prechat-popup-border:1px solid var(--secondary-color);
 --prechat-popup-border-radius:16px;
 --prechat-popup-logo-width:65%;
 --prechat-popup-logo-vertical-position:60px;
 --prechat-popup-form-holder-width:90%;
 --prechat-popup-form-holder-vertical-position:36%;
 --prechat-popup-form-holder-horizontal-position:5%;
 --prechat-popup-form-headertext-color:var(--secondary-color);
 --prechat-popup-form-headertext-size:15px;
 --prechat-popup-form-input-radius:0;
 --prechat-popup-form-btn-vertical-position:5px;
 --prechat-popup-form-btn-width:40%;
 --prechat-popup-form-btn-padding:10px;
 --prechat-popup-form-btn-background:var(--main-color);
 --prechat-popup-form-btn-text-color:var(--white-color);
 --prechat-popup-form-btn-hover-background:var(--secondary-color);
 --prechat-popup-form-btn-text-hover-color:var(--white-color);

 
 --header-font-color:var(--white-color);
 --header-background-color:var(--third-color);
 --header-font-size:20px;
 --header-height:67px;
 --header-padding:16px;
 --header-top-leftRight-radius:12px;

 
 
 --header-menu-view:block;
 --header-menu-color:var(--white-color);

 
 
 --header-image-view:block;
 --header-image-vertical-movement:2%;
 --header-image-size:72% !important;

 
 
 
 
 --header-stop-chat-button-width:30px;
 
 

 
 --body-background-color:var(--white-color);
 --body-height:100%;
 --body-main-top-clearance:0;
 --body-scroller:scroll;

 
 --footer-border-top:none;
 --footer-background:var(--white-color);
 --footer-padding:10px;
 --footer-bottom-right-radius:20px;
 --footer-bottom-left-radius:20px;

 
 --footer-menu-container-height:auto;
 --footer-menu-container-background:white;
 --footer-menu-container-padding-upDown:2%;
 --footer-menu-container-padding-left-right:5%;

 
 --bottom-menu-button-radius:15px;
 --bottom-menu-button-padding:2%;
 --bottom-menu-button-width:95%;
 --bottom-menu-button-image-size:25%;
 --bottom-menu-button-font-size:13px;
 --bottom-menu-button-hover-color:#b1b1b1;
 --bottom-menu-button-border:1px solid #e9ecef;
 --bottom-menu-button-background:#e9ecef;
 
 --footer-button-background-color:var(--main-color);
 --footer-button-btn-color:var(--white-color);
 --footer-button-btn-radius:50%;
 --footer-button-btn-width:40px;
 --footer-button-btn-height:40px;
 --footer-button-horizontal-position:1%;
 --footer-button-vertical-position:1%;

 
 --footer-button-icon-width:35px;
 --footer-button-icon-padding:0 5px 0 0;
 
 --write-message-input:100%;

 
 --input-placeholder-color:#8f8f8f;
 --flag-horizontal-position:12px !important;
 
 --footer-attachment-button-background:var(--main-color);
 --footer-attachment-button-color:var(--white-color);
 --footer-attachment-button-border-radius:50%;
 --footer-attachment-button-width:40px;
 --footer-attachment-button-height:40px;
 --footer-attachment-button-horizontal-position:60px;
 --footer-attachment-button-vertical-position:14px;
 --footer-attachment-button-show-hide:none !important;

 
 --bottom-elements-holder-color:#e9ecef;
 --bottom-elements-holder-radius:26px;
 --bottom-elements-holder-padding:4px;

 
 
 --image-upload-container-vertical-position:37%;
 --image-upload-container-height:50%;
 --image-upload-container-background-color:var(--third-color);
 --image-upload-container-padding:5%;
 
 
 

 
 --Image-buttons-group-width:100%;
 --Image-buttons-group-padding:8%;
 --Image-buttons-group-gap:7%;

 
 --image-confirm-send-button-background:var(--white-color);
 --image-confirm-send-button-border:1px solid var(--main-color);
 --image-confirm-send-button-color:var(--main-color);

 
 --image-cancel-button-background:var(--red-color);
 --image-cancel-button-border:1px solid var(--red-color);
 --image-cancel-button-color:var(--white-color);

 
 --Image-min-width:150px;
 --Image-max-width:210px;
 --Image-min-height:150px;
 --Image-max-height:210px;

 --Image-border-radius:25px;

 
 --Image-confirmation-message-color:var(--white-color);
 --Image-confirmation-message-size:22px;

 
 
 --click-for-suggestions-tab-width:50%;
 --click-for-suggestions-tab-background-color:var(--secondary-color);
 --click-for-suggestions-tab-border-top-left-radius:50px;
 --click-for-suggestions-tab-border-top-right-radius:50px;
 --click-for-suggestions-tab-border-bottom-left-radius:0;
 --click-for-suggestions-tab-border-bottom-right-radius:0;
 --click-to-close-button-text-color:var(--white-color);
 --click-to-close-button-text-size:1rem;

 
 --faqs-container-background-color:var(--main-color);
 --faqs-container-vertical-position:9%;
 --faqs-container-border:1px solid rgb(255,255,255);
 --faqs-container-box-shadow:var(--black-color) 0px -4px 9px 0px;

 
 --faq-question-background-color:var(--white-color);
 --faq-question-text-color:var(--secondary-color);
 --faq-question-border-radius:0;
 --faq-question-bottom-clearance:15px;

 
 --faqs-badge-background-color:var(--red-color);
 --faqs-badge-font-color:var(--white-color);
 
 --faqs-badge-font-size:.75rem !important;

 
 
 --user-message-background-color:var(--main-color);
 --user-message-text-color:var(--white-color);
 --user-message-border-radius:25px;
 --user-message-font-size:13px !important;
 --user-message-border:1px solid var(--white-color);
 --user-message-min-width:60px;
 --user-message-max-width:70%;
 --user-message-avatar-size:41px;
 --user-message-avatar-border-radius:57px;
 --user-message-avatar-shadow:0 0 3px white;

 
 --bot-message-background-color:#e9ecef;
 --bot-message-text-color:black;
 --bot-message-border-radius:25px;
 --bot-message-font-size:13px !important;
 --bot-message-border:1px solid var(--main-color);
 --bot-message-image-vertical-position:-30px;
 --bot-message-min-width:60px;
 --bot-message-max-width:75%;
 --received-message-avatar-width:55px;
 --received-message-avatar-border-radius:50%;
 --received-message-avatar-shadow:0 0 7px 2px #969696;
 
 --bot-message-menu-options-buttons-background-color:var(--white-color);
 --bot-message-menu-options-buttons-text-color:var(--main-color);
 --bot-message-menu-options-buttons-border:1px solid var(--main-color);
 --bot-message-menu-options-buttons-border-radius:25px;

 
 --bot-message-menu-options-buttons-hover-background-color:var(--main-color);
 --bot-message-menu-options-buttons-hover-text-color:var(--white-color);
 --bot-message-menu-options-buttons-hover-border:1px solid var(--white-color);
 --bot-message-menu-options-buttons-hover-decoration:underline;

 
 
 --livechat-form-input-vertical-space-top:4%;
 --livechat-form-input-vertical-space-bottom:4%;
 --livechat-form-buttons-gap:20px;
 --livechat-form-btn-background:var(--main-color);
 --livechat-form-btn-text-color:var(--white-color);
 --livechat-form-btn-hover-background:var(--white-color);
 --livechat-form-btn-text-hover-color:var(--main-color);
}