/*NOTE: Structure
    1- Color variables
    2- Scroll Bar
    3- input
    4- popup
    5- Header
    6- body
    7- Footer
    8- Image Upload
    9- FAQS AND Suggestions
    10- User Messages
    11- chatBot messages + Options/menu
*/
@font-face {
    font-family: DubaiRegular;
    src: url(assets/font/Dubai-Regular.ttf);
    /* src: url(../assets/font/AvenirLTStd-Book.otf); */
}

:root {
    /*NOTE: Global Font */
    --font-family-bold: DubaiRegular, 'sans-serif' !important;
    --font-family-light: DubaiRegular, 'sans-serif' !important;
    --font-size: 13px !important;

    /*NOTE: Color Variables*/
    --main-color: #0f3661;
    --secondary-color: #00672f;
    --white-color: #F8F8F8;
    --black-color: #000000;
    --gray-color: #ECECEC;
    --dark-gray-color: #AEB0B8;
    --red-color: #DC3545;
    --faqsColor: #818785;


    /*NOTE: prechat popup*/
    --prechat-popup-box-shadow: 0px 5px 7px 3px rgb(0 142 255 / 20%);
    --prechat-popup-background-color: var(--main-color);
    --prechat-popup-border: 1px solid var(--main-color);
    --prechat-popup-border-radius: 7px;
    --prechat-popup-logo-width:55%;
    --prechat-popup-logo-vertical-position:100px;
    --prechat-popup-form-holder-width:90%;
    --prechat-popup-form-holder-vertical-position:35%;
    --prechat-popup-form-holder-horizontal-position:5%;
    --prechat-popup-form-headertext-color:var(--white-color);;
    --prechat-popup-form-headertext-size:15px;
    --prechat-popup-form-input-radius:7px;
    --prechat-popup-form-btn-vertical-position:0%;
    --prechat-popup-form-btn-width:100%;
    --prechat-popup-form-btn-padding:5px;
    --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);

    /*NOTE: Body */
    --body-background-color: var(--white-color);
    --body-height: 100%;
    --body-main-top-clearance: 0;
    --body-scroller:scroll; /*toggle between none/scroll*/
   --livechat-form-btn-text-hover-color: var(--main-color);
}