﻿/* File used on Contact-us Chat */
body {
    font-family: Calibri, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12pt;
    background-color: white;
}

.soltice-chat.title {
    background-color:#7EA852;
    color: white;
    padding: 20px;
}

.solstice-chat.customer-support {
    background-color: #e9ecef;
    color: #838383;
}

.solstice-chat.btn.btn-green {
    background-color: #7EA852;
    color: white;
}

.solstice-chat.btn.btn-green:hover {
    background-color: #447315;
    color: white;
}

.chatsend, .chatdiscon {
    background-color: #7EA852;
    color: white;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-right: 8px;
    margin-top: 8px;
}

    .chatsend:hover, .chatdiscon:hover {
        background-color: #447315;
        color: white;
    }

.chatcontainer {
    overflow: auto;
    height: 300px;
    width: 100%;
    max-width: 1000px;
    background-color: white;
    border:1px solid #e9ecef;
    /*padding: 5px;
    float: left;*/
}

.chatareaunfocus {
     border-color: #e9ecef; 
}

.chatarea {
    height: 50px;
    width: 100%;
    max-width: 1000px;
    padding: 5px;
    background-color: white;
    border-style: solid;
    border-width: 1px;
    border-color: #e9ecef;
    font-size: 12pt;
}

.chatdate {
    font-size: 10pt;
}

input, select, textarea, button {
    font-family: Calibri, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

#chatmain {
    position: absolute;
    left: 1em;
    right: 1em;
    height: 0px;
}

#chatbox {
    width: 90%;
    height: 600px;
}

.second-footer-position {
    position: fixed;
    bottom: 0;
    
}

@media all and (max-height: 970px) {
    .second-footer-position {
        position: static;
    }
}

