@font-face {
    font-family: Mark-Pro;
    src: url(https://afgbankcotedivoire.com/wp-content/themes/cdg/fonts/Mark-Pro.ttf);
}
body {
    margin: 0;
    padding: 0;
    background-position: top center;
    height: 750px;
}

.oda-chat-wrapper:not(.oda-chat-embedded) {
    height: 100px;
    width: 240px;
}

.oda-chat-wrapper, .oda-chat-left .oda-chat-message-bubble, .oda-chat-left .oda-chat-message-header, .oda-chat-left .oda-chat-message-footer, .oda-chat-left .oda-chat-card, .oda-chat-right .oda-chat-message-bubble, .oda-chat-message-actions .oda-chat-action-postback, .oda-chat-card-actions .oda-chat-action-postback, .oda-chat-message-global-actions .oda-chat-action-postback {
    font-family: Mark-Pro;
}
.oda-chat-wrapper .oda-chat-footer-button.oda-chat-button-send {
    background-color: #00AD00;
    border-radius: 50%;
}

#oda-chat-share-button {
display: none;
}

.contact a {
    background-color: #00AD00;
    color: white;
    padding: 5px 20px;
    text-align: center;
    width: 100%;
    text-decoration: none;
    display: inline-block;
}

.oda-chat-wrapper .oda-chat-messages-wrapper .oda-chat-message-list .oda-chat-message a {
    /*color: #00AD00;*/
}


.oda-chat-widget {
    max-height: 95vh !important;
    height: 95vh !important;
    bottom: 0px !important;
    right: 0px !important;
}

.oda-chat-wrapper .oda-chat-footer{
    background-color: white !important;
}

.oda-chat-wrapper .oda-chat-action-postback:not(:disabled):hover {
    color: var(--color-actions-text-hover);
    background-color: #00AD00;
}

.oda-chat-wrapper .oda-chat-action-postback {
    background: #ffffff;
    color: #000;
    border-color: #2a68a2;
}


.oda-chat-wrapper .oda-chat-message-bubble {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
    padding: 6px 16px;
    color: #000;
    background: #cfe8ff69;
    overflow: hidden;
    min-height: 32px;
    line-height: 20px;
    overflow-wrap: break-word;
    max-width: 100%;
    border-radius: 2px 10px 10px 2px;
    margin-top: 2px;
}


.oda-chat-wrapper .oda-chat-header {
    height: 56px;
    padding: 0 8px;
    background-color: #00AD00;
    color: var(--color-header-text);

}


.oda-chat-wrapper .oda-chat-widget {

    border-radius: 12px 12px 12px 12px !important;
    background-color: white;
}

.oda-chat-user-input {
    border: 1px solid #dadada !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
    color: #706e6e !important;
    font-size: 16px !important;
    flex: 1 !important;
    /* height: 32px !important; */
    line-height: 18px !important;
    margin: 0 6px !important;
    /* max-height: 61px !important;
    min-height: 32px !important; */
    outline: none !important;
    overflow: auto !important;
    /* padding: 6px 14px !important; */
    resize: none !important;
    text-align: start !important;
    padding-right: 125px !important;
}

.oda-chat-wrapper .oda-chat-logo {
    background-color: gray;
    width: 42px;
    height: 42px;
    max-height: 42px;
    max-width: 42px;
    border-radius: 50%;
}

.oda-chat-wrapper .oda-chat-card {
    width: 252px;
    border-radius: 6px;
    padding: 16px;
    margin-block-end: 8px;
    justify-content: flex-start;
    flex-shrink: 0;
    color: var(--color-bot-text);
    background: #2a68a2;
    overflow: hidden;
}

.footerBtns{
    display: flex;
}

.footerButtonLeft{
    width: 100%;
    height: 100%;
    cursor: pointer;
    border-color: #e3e3e3;
    background-color: #ffffff;
    color: black;
    border-width: 1px 0px 0px;
    border-top-style: solid;
    border-radius: 0px 0px 0px 15px !important;
    font-weight: 500;
    line-height: 2.2;
    min-width: unset;
    padding: 2px 0px !important;
    font-family: unset !important;
    font-size: unset !important;
}

.footerButtonRight{
    width: 100%;
    height: 100%;
    cursor: pointer;
    border-color: #e3e3e3;
    background-color: #ffffff;
    color: black;
    border-width: 1px 0px 0px;
    border-top-style: solid;
    border-radius: 0px 0px 15px 0px !important;
    font-weight: 500;
    line-height: 2.2;
    min-width: unset;
    padding: 2px 0px !important;
    font-family: unset !important;
    font-size: unset !important;
}

.footerButtonLeft:hover {
  background-color: #2a68a2;
  font-weight: bold;
  color: white;
}

.footerButtonRight:hover {
  background-color: #2a68a2;
  font-weight: bold;
  color: white;
}

.oda-chat-message-global-actions {
    display: inline-flex;
}

.oda-chat-wrapper .oda-chat-message-global-actions button {
    margin-right: 8px;
}

.oda-chat-wrapper .oda-chat-card-message-content{
    margin: 8px 0 0 !important;
}

.oda-chat-card-title {
    margin-bottom: 16px !important;
}

.oda-chat-wrapper .oda-chat-message-block.oda-chat-right {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}



/* lets chat */
.more
{
    display: none;
}

        .oda-chat-button {
                 border-radius: 1000px;
                 display: flex;
                 flex-direction: row-reverse;
                 align-items: center;
                 width: 64px;
                 /* transition: all .4s cubic-bezier(0.65, 0, 0.35, 1); */
        }
        .oda-chat-wrapper .oda-chat-button:not(.oda-chat-none) {
     background-color: #ffffff!important;
     border-radius: 500px!important;
}

        .oda-chat-button img {
                 min-width: 64px !important;
                 width: 64px !important;
                 max-width: 64px !important;
        }

        .oda-chat-button:hover {
                 width: 236px !important;
                 border-radius: 4px 34px 34px 4px;
        }
        .oda-chat-button:hover .oda-chat-letschat {
                 display: flex;
                 animation: slide-in-right 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s both;
        }
        
        .oda-chat-chatopen {
        width: 236px !important;
                 border-radius: 4px 34px 34px 4px;
                 display: flex;
                 animation: slide-in-right 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s both;
        }
        
        .oda-chat-letschat {
            display: none;
            color: #000000;
            position: relative;
            margin: 0 0 0 30px;
            font-size: 20px;
            font-style: italic;
            align-self: center;
            animation-name: fadeInOut;
            animation-delay: 1.2s;
            animation-duration: 19s;
            animation-timing-function: ease-in-out;
            width: 280px !important;
            min-width: 64px !important;
            max-width: 280px !important;
        }
        
        
        .oda-chat-chatopen > .oda-chat-letschat,
        .oda-chat-letschatShow {                 
                 opacity: 1;
                 display: flex;
                 animation: slide-in-right 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s both;
                 }
                 
                 
        @keyframes slide-in-right {
                 0% {
                         transform: translateX(50px);
                         opacity: 0;
                }
                 100% {
                         transform: translateX(0);
                         opacity: 1;
                 }
        }
        
        
        
#thumbwrap {
    margin:75px auto;
    width:252px; height:252px;
}
.thumb {
    float:left; /* must be floated for same cross browser position of larger image */
    position:relative;
    margin:3px;
}
.thumb img { 
    border:1px solid #000;
    vertical-align:bottom;
}
.thumb:hover {
    border:0; /* IE6 needs this to show large image */
    z-index:1;
}
.thumb span { 
    position:absolute;
    visibility:hidden;
}
.thumb:hover span { 
    visibility:visible;
    top:37px; left:37px; 
}

.oda-chat-conversation-pane {
    background-color: #ffffff;
}

.oda-chat-attachment-footer{

display:none !important;
}   

.oda-chat-right .oda-chat-message-bubble {
    background-color: #393631;
    color: white;
   }
   
   dt, strong, b {
    font-weight: 700 !important; 
}


.oda-chat-wrapper button img {
    width: 20px !important;
    height: 58px !important;
}

.oda-chat-wrapper .oda-chat-button {

    height: 64px !important;
    width: 64px;
}


/* Let's Chat ends */






.oda-chat-message-global-actions {
                                    display: inline; }
.oda-chat-message-global-actions .oda-chat-action-postback {
                                    display: inline;
                                    border-radius: 5px;
                                    padding: 5px;
                                    margin: 3px;
                                    margin-inline: 3px; }
                                    
.oda-chat-message-actions {
    margin-top: 15px !important;
                                    display: inline; }
.oda-chat-message-actions .oda-chat-action-postback {
                                    display: inline;
                                    border-radius: 5px;
                                    padding: 5px;
                                    margin: 3px;
                                    margin-inline: 3px; }   

.oda-chat-wrapper .oda-chat-messages-wrapper .oda-chat-message-list .oda-chat-message .oda-chat-message-wrapper {
 margin-bottom: 7px;
}