.container-data{padding:26px 22px}.container-data table{border-collapse:separate;padding:0;width:100%;table-layout:fixed;margin:0 0 30px}.container-data table tr{border:1px solid #ddd;padding:.35em}.container-data table tr:nth-child(2n) td{background-color:#edf5ff}.container-data table td,.container-data table th{padding:15px;text-align:center;font-family:Futura Std,serif;font-weight:500;font-size:14px}.container-data table td:first-child,.container-data table th:first-child{border-radius:5px 0 0 5px}.container-data table td:last-child,.container-data table th:last-child{border-radius:0 5px 5px 0}.container-data table th{background-color:#1d93f6;font-size:14px;text-shadow:none;color:#fff;font-family:Futura Std,serif;font-weight:500}@media screen and (max-width:650px){.container-data table{border:0}.container-data table thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.container-data table tr{border-bottom:3px solid #ddd;display:block;margin-bottom:.625em}.container-data table td{border-bottom:1px solid #ddd;display:block;font-size:.8em;text-align:right}.container-data table td:before{content:attr(data-label);float:left;font-weight:700}.container-data table td:last-child{border-bottom:0}}.container-data .load-more{margin:0 0 30px;position:relative;left:50%;transform:translate(-50%);font-family:Futura Std,serif;font-weight:500;font-size:25px;padding:28px 24px;line-height:0;border:2px solid #4293ef;background:none;color:#4293ef;border-radius:10px;transition:all .3s ease-in-out}.container-data .load-more:hover{background:#4293ef;color:#fff}.container-data .editable{flex-wrap:wrap;padding:10px;display:flex;align-content:space-between;align-items:center;background:#edf5ff;margin:8px 0;border-radius:5px}.container-data .editable:first-child{margin-top:30px}.container-data .editable div{flex-grow:1}.container-data .editable div.page,.container-data .editable div.title-page{font-family:Futura Std,serif;font-weight:500;font-size:15px}.container-data .editable div.buttons-page button{font-family:Futura Std,serif;float:right;font-weight:400;padding:0;width:0;height:0;transform:scale(0);line-height:0;border:none;transition:all .3s ease-in-out}.container-data .editable div.buttons-page button.save{background-color:#28a745}.container-data .editable div.buttons-page button.edit{background-color:#1d93f6}.container-data .editable div.buttons-page button.cancel{background-color:#dc3545}.container-data .editable div.buttons-page button.active{padding:16px 40px;width:auto;height:auto;transform:scale(1)}.container-data .editable label{width:0;font-family:Futura Std,serif;text-transform:capitalize;line-height:0;font-weight:100;letter-spacing:1px;transform:scale(0);height:0;transition:all .3s ease-in-out}.container-data .editable label.active{width:100%;line-height:20px;transform:scale(1);height:auto}.container-data .editable label textarea{width:100%;height:0;padding:0;border:0;font-family:Futura Std,serif;resize:vertical;transition:all .3s ease-in-out}.container-data .editable label textarea.active{margin-top:10px;padding:10px;border-radius:10px;border-width:1px;height:auto}.container-data#container-test{display:flex;flex-wrap:wrap}.container-data#container-test form{margin-right:11px}.container-data#container-test form label{width:100%;font-family:Futura Std,serif;font-weight:500;font-size:15px}.container-data#container-test form label select{width:100%;margin-top:7px;margin-bottom:15px;padding:8px;height:45px}.container-data#container-test form input[type=submit]{padding:26px 40px;font-family:Futura Std,serif;font-weight:500;font-size:15px;background-color:#28a745;line-height:0}#chat-container{font-family:Futura Std Book,sans-serif}#chat-container,#chat-container *{box-sizing:border-box}#chat-container img{vertical-align:middle;border-style:none}#chat-container button{font-family:Futura Std Book,sans-serif;height:auto;margin:0;color:#000;font-weight:500;font-size:16px}#chat-container #status-footer{font-size:16px}:root{--dm-primary:#1d93f6;--dm-grey-one:#f7f7f7;--dm-grey-two:#e2e2e2}#chat-circle{cursor:pointer;position:fixed;right:30px;bottom:20px;width:80px;height:80px;background:var(--dm-primary);border-radius:100%;box-shadow:0 0 0 2px var(--dm-grey-one)}#chat-circle i{position:absolute;text-align:center;line-height:80px;color:#fff;font-size:40px;width:80px;transition:all .3s ease-in-out}#chat-circle.active .fa-comments{opacity:0}#chat-circle.active .fa-times,#chat-circle .fa-comments{opacity:1}#chat-circle .fa-times{opacity:0}#chat-container{position:fixed;right:-130px;bottom:120px;height:550px;width:350px;transform:scale(0);transition:all .3s ease-in-out}#chat-container.active{right:30px;transform:scale(1);min-width:310px}#chat-container #chat-header{width:100%;height:45px;background:var(--dm-primary);border-top-left-radius:10px;border-top-right-radius:10px;padding-left:10px;line-height:45px;color:#fff;font-size:16px}#chat-container #chat-header img{height:85%;margin-right:5px}#chat-container #chat-content{display:flex;flex-direction:column;width:100%;height:calc(100% - 45px);overflow:hidden}#chat-container #chat-flow{display:flex;flex-direction:column;flex-grow:2;background:#fff;border-left:2px solid var(--dm-grey-two);border-right:2px solid var(--dm-grey-two);overflow:auto;padding-bottom:10px}#chat-container #chat-content .msg{max-width:80%;margin:10px 10px 0;font-size:14px;padding:6px 10px;border-radius:5px}#chat-container #chat-content .msg.bot{align-self:flex-start;background:#ececec;float:left}#chat-container #chat-content .msg.client{align-self:flex-end;background:var(--dm-primary);float:right;color:#fff}#chat-container #chat-content .chat-option{float:right;width:100%;text-align:right}#chat-container #chat-content .chat-option [type=radio]{display:none}#chat-container #chat-content .chat-option label{cursor:pointer;padding:6px 10px;border-radius:5px;background:#fff;border:1px solid #1d93f6;margin-right:10px}#chat-container #chat-content .chat-option [type=radio]:checked~label{background:#1d93f6;outline:1px solid #fff;outline-offset:-5px;color:#fff}#chat-container #chat-footer{position:relative;width:100%;min-height:75px;background:#f9f9f9;box-shadow:inset 0 0 0 2px var(--dm-grey-two);border-bottom-right-radius:10px;border-bottom-left-radius:10px}#chat-container #chat-footer #status-footer{position:absolute;width:calc(100% - 40px);margin-left:20px;color:#717171;font-style:italic;line-height:22px;top:50%;transform:translateY(-50%)}#chat-container #chat-footer #status-footer input{width:calc(100% - 20px);height:40px;outline:none!important;padding:7px;border-radius:5px;border:1px solid #1d93f6;background:#fff;font-style:italic;margin-top:8px}#chat-container #chat-footer #status-footer input.invalid{border-color:#dc3545}#chat-container #chat-footer #status-footer button{outline:none!important;line-height:20px;cursor:pointer;padding:6px 10px;border-radius:5px;background:#fff;border:1px solid #1d93f6;margin-right:10px;transition:all .3s ease-in-out}#chat-container #chat-footer #status-footer button:hover{background:#1d93f6;color:#fff}#chat-container #chat-submit{position:absolute;right:-23px;bottom:14px;line-height:24px;font-size:22px;border-radius:100%;background:var(--dm-primary);padding:13px;color:#fff;height:48px;text-align:center;transform:scale(0)}#chat-container #chat-submit.active{transform:scale(1);transition:all .3s ease-in-out}#toast{cursor:pointer;position:fixed;right:30px;bottom:120px;background:#fff;border-radius:5px;box-shadow:0 0 0 2px #1d93f6;padding:8px 10px;transform:scale(0);transition:all .3s ease-in-out}#toast.active{transform:scale(1)}#toast:after{content:"";position:absolute;width:0;height:0;border-color:#007bff transparent transparent;border-style:solid;border-width:10px 10px 0;bottom:-10px;right:30px;max-width:200px}#chat-circle:before{height:25px;width:25px;background:red;content:"1";position:absolute;right:0;border-radius:100%;text-align:center;color:#fff;font-weight:800;line-height:25px;opacity:0;transition:all .3s ease-in-out}#chat-circle.notification:before{opacity:1}@media screen and (max-width:1400px){#chat-container.active{height:450px;width:310px}}@media screen and (min-width:1401px){#chat-container.active{height:550px;width:350px}}@media screen and (max-height:700px){#chat-circle,#chat-container{display:none}}@media screen and (max-width:670px){#chat-circle,#chat-container{display:none}}