.back-to-top {
    display: none;
}

button:focus, input[type=submit]:focus, div:focus, a:focus {
    outline: .2rem solid #f16e00;
}

button.btn-poll {
    color: #f16e00;
    border-radius: 2rem;
    background-color: #fff;
    border: .2rem solid #f16e00;
    margin-left: 1rem;
}

#skip-links {
    position: absolute;
    top: .5rem;
    left: 0;
    z-index: 10000;
    background: #fff;
    padding: .5rem;
    width: 100%;
    border-bottom: .25rem solid;
}

.skiplink {
    margin: .5rem;
    padding: .5rem;
    font-size: 1.4rem;
    font-weight: bold;
    text-decoration: none;
    background: #fff;
}

#chatbot-window,
#btnChatbot {
    position: fixed;
    bottom: 30px;
    right: 30px;
}

#chatbot-window {
    display: none;
    border-bottom: .25rem solid #eee;
    border-top: .25rem solid #666;
    box-shadow: 2px 2px 5px 0px #cfcfcf;
}

.btnChatbot {
    border-radius: .65rem .65rem .65rem 0;
    box-shadow: 0 2px 6px rgba(0,0,0,.3);
    font-size: .9rem;
    font-weight: bold;
    background-color: #ffcc00;
    background-image: url('images/chatbot.png');
    background-repeat: no-repeat;
    background-size: 1.7rem;
    background-position: 1rem .4rem;
    padding: .5rem 1.5rem .5rem 3.2rem;
    border: none;
}

.btnChatbot.ko {
    background-image: url('images/chatbot-ko.png');
}

#btnExemple2 {
    cursor: pointer;
}

#btnChatbot {
    z-index: 99999;
}

#chatbot {
    position: relative;    
    width: 20rem;        
    background: #000;
}

#chat-container {
    height: 49vh;
    max-height: 20rem;
}

#chatbot-title {
    color: #fff;
    line-height: 2.5;
    padding-left: .75rem;
    font-weight: bold;
}

#chat-content {
    width: 100%;
    height: 49vh;    
    max-height: 20rem;
    background: #fff;
    padding-top: .5rem;
    overflow: auto;
    border: .15rem solid #efefef;
    border-bottom: 0;
}

.chatbot-hidden #chat-content,
.chatbot-hidden #chat-container {
    display: none;
}

#chatbot form {
    border: .15rem solid #efefef;    
    background-color: #fff;
}

.chatbot-hidden form {
    display: none;
}

#chatbot input {
    line-height: 2.5;
    height: 2.5rem;
    border: 0;
    width: 15rem;
    padding-left: .5rem;
}

#chatbot input[type=submit] {
    line-height: 2.5;
    border: 0;
    right: 0;
    position: absolute;    
    padding: 0;
    border-style: none;
    text-align: center;
    cursor: pointer;
    background-image: url(images/ico-send.png);
    background-size: 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    width: 3.5rem;
    height: 2.5rem;
    border-left: .15rem dotted #efefef;
    background-color: transparent;
}

#chatbot input[type=submit]:hover {
    background-image: url(images/ico-send-hover.png);
}

#chatbot input[type=submit]:hover, #chatbot input[type=submit]:focus {
    color: #f16e00;
}

#chatbot span.from {
    font-size: .9rem;
    color: #686868;
    margin: 0 .75rem;
    float: left;
    clear: both;
}

#chatbot span.from[data-from=me] {
    float: right;    
    text-align: right;
}

#chatbot .message:first-child {
    border-top-left-radius: 1rem;
    margin-top: .5rem;
}

#chatbot .message:last-child {
    border-bottom-left-radius: 1rem;
    margin-bottom: .5rem;
}

#chatbot .messages[data-from=me] .message:first-child {
    border-top-right-radius: 1rem;
}

#chatbot .messages[data-from=me] .message:last-child {
    border-bottom-right-radius: 1rem;
}

#chatbot .message, #chatbot .raw-message {
    background: #eee;
    margin: .2rem .5rem .2rem .5rem; 
    padding: .5rem 1.5rem;
    border-radius: .3rem 1rem 1rem .3rem;
    float: left;
    clear: both;    
}

#chatbot .messages[data-from=me] .message {
    border-radius: 1rem .3rem .3rem 1rem;
    float: right;
    text-align: right;
    clear: both;
    background-color: #f16e00;
    color: #fff;
    font-weight: bold;
}

#chatbot .raw-message {
    background-color: transparent;
}

#chatbot .messages[data-from=me] .raw-message {
    float: right;
}

#chatbot-toolbar {
    float: right;
}

#chatbot .ico {    
    padding: 1.25rem;
    border: none;    
    color: #fff;
    font-weight: bold;    
    background-color: transparent;
    background-size: 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    width: 1rem;
    height: 1rem;
}

#chatbot-close {
    background-image: url(images/ico-close.png);
}

#chatbot-hide {
    background-image: url(images/ico-mini.png);
}

#ico-contrast {
    background-image: url(images/ico-contrast.png);
}

.chatbot-hidden #ico-contrast {
    display: none;
}

#chatbot-show {
    display: none;
    background-image: url(images/ico-maxi.png);
}

.chatbot-hidden #chatbot-show {
    display: inline-block;
}

.chatbot-hidden #chatbot-hide {
    display: none;
}

#chatbot .ico:focus, #chatbot .ico:hover {
    background-color: #f16e00;    
}

.screenshot {
    border: .1rem solid #000;
}

.btn-list li {
    margin-bottom: 1rem;
}

[role=region] {
    position: relative;
}