.login-logo{max-width:100%;max-height:100%}.login-header{background:#3bafda!important}.btn-login{width:100%}.content-list{list-style:none;max-height:330px}.conversation-list{list-style:none;max-height:330px}.conversation-list .chat-avatar{display:inline-block;float:left;text-align:center;width:40px}.conversation-list .chat-avatar img{border-radius:100%;width:100%}.conversation-list .chat-avatar i{font-size:12px;font-style:normal}.conversation-list .ctext-wrap{-moz-border-radius:3px;-webkit-border-radius:3px;background:#f5f5f5;border-radius:3px;display:inline-block;padding:10px;position:relative}.conversation-list .ctext-wrap i{color:#2a3142;display:block;font-size:12px;font-style:normal;font-weight:700;position:relative}.conversation-list .ctext-wrap p{margin:0;padding-top:3px}.conversation-list .ctext-wrap:after{right:100%;top:20%;border:5px solid rgba(213,242,239,0);content:" ";height:0;width:0;position:absolute;pointer-events:none;border-right-color:#f5f5f5;margin-top:-5px}.conversation-list .conversation-text{display:inline-block;float:left;font-size:12px;margin-left:12px;width:70%}.conversation-list .odd .chat-avatar{float:right!important}.conversation-list .odd .conversation-text{float:right!important;margin-right:12px;text-align:right;width:70%!important}.conversation-list .odd p{color:#f2f2f2}.conversation-list .odd .ctext-wrap{background:#3bafda!important}.conversation-list .odd .ctext-wrap i{color:#fff}.conversation-list .odd .ctext-wrap:after{border-color:rgba(238,238,242,0)!important;border-left-color:#3bafda!important;left:100%!important;top:20%!important}li>.btn-group{flex-wrap:wrap}li>.btn-group button{margin-top:.5em!important;border-radius:5px!important;white-space:initial;text-align:left}.app-header.navbar .navbar-brand{background-image:url(../img/logo.png);background-size:139px auto}.app-header.navbar,.app-header.navbar .navbar-brand{background-color:#29363d}canvas.chart{display:inline-block!important}.header-buttons{color:#999}.sidebar-toggler{left:inherit!important;right:0}.aside-menu{width:350px}@media (max-width:991px){.aside-menu{margin-right:0;width:250px}.aside-menu-fixed .app-footer,.aside-menu-fixed .main{margin-right:250px!important}}.aside-menu-hidden .aside-menu{margin-right:-350px}.aside-menu-fixed .app-footer,.aside-menu-fixed .main{margin-right:350px}.app-header.navbar .nav-item .dropdown-toggle,.app-header.navbar .nav-item .nav-link{cursor:pointer}.p-a-1{padding:1rem!important}.m-b-0,.m-y-0{margin-bottom:0!important}.m-t-h,.m-y-h{margin-top:.5rem!important}.td-middle{vertical-align:middle!important}.tag-success{background-color:#4dbd74}.tag{display:inline-block;padding:.25em .4em;font-size:75%;line-height:1;color:#fff;text-align:center;vertical-align:baseline}tags-input .tags .tag-item .remove-button{color:#fff}.list-group-item:hover,a.list-group-item:focus{text-decoration:none;background-color:#f5f5f5}.list-group{margin-bottom:0}.alert-div{position:fixed;z-index:9999;right:10px;top:5px}.page-item.active .pagination li a,.page-item.active .pagination-datatables li a,.pagination li .page-item.active a,.pagination li.active .page-link,.pagination li.active a,.pagination-datatables li .page-item.active a,.pagination-datatables li.active .page-link,.pagination-datatables li.active a{background-color:#3bafda;border-color:#3bafda}.bg-outline-primary{background-color:#3bafda!important;color:#fff}#canvas{--bleu:#1589EE;--fondecran:#ffffff;--grisbleu:#D7E2E9;--grisbleuleger:#ebf3f8;--gris3:#d0d0d0;--gris2:#e6e6e6;--gris1:#F2F2F2;--noir:#303030;--rayoniconetvsmartphone:50px}#canvas main{display:grid;grid-template-rows:1fr min-content}#canvas .popins{width:0;height:0;overflow:hidden;position:fixed;top:0;left:0;background:rgba(0,0,0,.67);opacity:0;transition:all 0s .2s,opacity ease .2s;z-index:999999999999999;display:flex}#canvas .popins.active{transition:opacity ease .2s;width:100%;height:100%;opacity:1}#canvas .popins-ferme{position:absolute;top:0;left:0;width:100%;cursor:pointer;height:100%}#canvas .preview{width:100px;height:100px;background:grey;background-size:cover;background-position:center}#canvas .boite-title{display:flex;justify-content:flex-start;outline:0;align-items:center;cursor:pointer}#canvas .boite-legende{font-size:.8em;font-style:italic;opacity:.8}#canvas .drag-handle,#canvas screen-handle{cursor:move;cursor:-webkit-grab;outline:0;text-align:center;display:flex;justify-content:center;align-self:stretch;align-items:center;z-index:12}#canvas .boite-desc-el:active #canvas .drag-handle,#canvas .boite-desc-el:focus #canvas .drag-handle,#canvas .boite-desc-el:focus-within #canvas .drag-handle,#canvas .drag-handle:active,#canvas .drag-handle:focus,#canvas .drag-handle:focus-within,#canvas .screen-handle:active,#canvas .screen-handle:focus,#canvas .screen-handle:focus-within{cursor:-webkit-grabbing}#canvas .boite-title.rename .boite-title-input{display:block}#canvas .boite-title-input{flex:2;display:none}#canvas .question-item{width:100%;height:5em;line-height:1em;font-size:1em;padding:1em;max-width:100%;min-width:100%;margin-top:1em}#canvas .ecran{opacity:0;user-select:none;transition:all ease-in-out .5s;opacity:0;transform:translate3d(0,0,0) scale(.1)}#canvas .boite-desc-el:nth-child(even){background:var(--gris2)}#canvas .boite-desc-el{padding:.5em;display:grid;grid-auto-flow:column;align-items:center;grid-gap:10px;grid-template-columns:20px 140px 1.5fr 1fr;position:relative}#canvas .boite-reponses-cont{background:var(--gris1);border-radius:0 0 5px 5px;grid-column:1/span 2}#canvas .btn-reponse{width:100%;height:3em;background-color:var(--bleu);cursor:pointer;color:#fff;border-radius:0 0 5px 5px;margin:0}#canvas .tv label{border:1px dashed var(--gris3);padding:20px;display:block;position:relative;text-align:center;height:100%}#canvas button.btn-add-screen{border-radius:0;width:100%;background:var(--bleu);color:#fff;font-size:1.3em;margin-top:1em;padding:1em;cursor:POINTER;margin-top:auto}#canvas details>*{transition:opacity ease 1s}#canvas .ecran:nth-child(2n+2) summary{background:var(--gris2)}#canvas .ecran:nth-child(1) .btn-remove-screen{display:none}#canvas .btn-remove{margin-left:auto;border:1px solid var(--noir);width:20px;background-color:#fff;height:20px;display:flex;justify-content:center;padding:0;border-radius:100%;line-height:.6em;opacity:0}#canvas .img-prev{width:100%;height:2.2rem;border:1px solid var(--gris2);background-size:contain;background-color:#fff;align-items:center;font-size:1em;justify-content:center;display:flex;transition:all ease .5s;position:relative}#canvas .bde-img label{display:flex;align-items:center;position:relative}#canvas .bde-img inupt{display:none}#canvas .bde-img input,#canvas .tv input,#canvas .upload-files input{position:absolute;width:100%;height:100%;background:red;opacity:0;cursor:pointer;top:0;left:0}#canvas .bde-img{display:flex;position:relative}#canvas .btn-removeimg{position:absolute;right:0;background:0 0;border:none;text-align:center;width:20px;height:20px;margin:0;padding:0;padding-bottom:0;padding-left:6px;padding-top:0;top:0;display:none;outline:0;border-radius:0 0 0 100%;cursor:pointer}#canvas .btn-removeimg.active{display:block}#canvas .boite-type label span{margin-top:.5em}#canvas .tv .img-prev{position:absolute;top:-1px;left:-1px;width:calc(100% - -2px);height:calc(100% - -2px);display:flex;margin:auto;border:none}#canvas .tv .img-prev.active:after{display:block;z-index:10;background:#ffffffd6;margin:auto;padding:10px;border:1px dashed}#canvas .tv .img-prev.active:hover:after{opacity:1}#canvas{font-family:"Open Sans",sans-serif;font-size:14px;color:var(--noir)}#canvas header{background:#000;padding-left:20px;padding-top:20px;padding-bottom:20px;padding-right:20px;display:flex}#canvas header h1{margin:0;color:#fff;font-size:24px;font-weight:300;flex:2}#canvas button{border:none;background:0 0;padding:3px;margin:0;cursor:pointer;outline:0;position:relative;border-radius:4px;border:1px solid transparent}#canvas .btn{font-size:.75em;padding:10px;background:#fff;border:1px solid #d8dde6;cursor:pointer;border-radius:4px;color:var(--bleu);outline:0;text-decoration:none;font-weight:400;display:flex;align-items:center}#canvas button.btn-double{border-radius:4px 0 0 4px;margin:0}#canvas .header-droite{display:flex}#canvas button.btn-double+#canvas button.btn-double{border-radius:0 4px 4px 0;margin-left:-1px}#canvas .btn:hover{background:#f8f8f8}#canvas .btn-remove:hover{background:var(--bleu);border-color:#fff;color:#fff}#canvas a.btn:active,#canvas button:active{background:#2b2b2b;border-color:var(--bleu)}#canvas .btn-rename.inactive{display:none}#canvas .boite-title-input.active{display:block}#canvas button:not(.btn):after{content:"";width:100%;height:100%;top:0;left:0;display:block;z-index:999;position:absolute}#canvas a.btn:active,#canvas button:active{background:rgba(0,0,0,.15)}#canvas .boite-title.rename .boite-title-texte,#canvas .boite-title.rename .btn-rename{display:none}#canvas summary{background:var(--gris1);padding:12px}#canvas summary{background:var(--gris1)}#canvas .boite-contenu{display:grid;padding:60px 20px;margin-left:auto;margin-right:auto;grid-template-columns:minmax(530px,90%) 20px minmax(100px,270px);background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0) 5px,rgba(0,0,0,0) calc(100% - 3px),rgba(0,0,0,.15)),linear-gradient(var(--fondecran),var(--fondecran))}#canvas .boite-contenu .tv{width:100%}#canvas textarea,input{border:1px solid var(--gris2)}#canvas .boite-contenu-droite,#canvas .boite-contenu-gauche{background:rgba(255,255,255,.98);box-shadow:0 2px 18px 0 rgba(0,0,0,.21);border-radius:5px;position:relative}#canvas summary:hover+.boite-contenu .boite-contenu-droite,#canvas summary:hover+.boite-contenu .boite-contenu-gauche{box-shadow:0 2px 18px 0 #beccd2}#canvas .boite-contenu-gauche:before{background-image:url(../img/icone-smartphone.svg);margin-bottom:calc(var(--rayoniconetvsmartphone)/ -3)}#canvas{display:grid;font-weight:300;margin-left:-15px;margin-right:-15px;margin-top:-24px;position:relative;width:calc(100% + 30px)}#canvas button.btn-add-screen{position:sticky;bottom:0}#canvas div,#canvas div:after,#canvas div:before,#canvas input,#canvas input:before,#canvas label,#canvas label:after,#canvas label:before,#canvas span,#canvas span:after,#canvas span:before,#canvas strong,#canvas strong:after,#canvas strong:before,#canvas teaxtarea:before,#canvas textarea,#canvas textarea:after{background-repeat:no-repeat;background-position:center;box-sizing:border-box}#canvas .boite-contenu-droite:before{background-image:url(../img/icone-tv.svg);background-size:60% auto;margin-bottom:calc(-1 * var(--rayoniconetvsmartphone))}#canvas .boite-contenu-droite:before,#canvas .boite-contenu-gauche:before{content:"";display:block;width:var(--rayoniconetvsmartphone);height:var(--rayoniconetvsmartphone);border:1px solid var(--gris1);border-radius:100%;transform:translate(-50%,-50%);background-color:#fff;z-index:10;position:ABSOLUTE;LEFT:50%}#canvas svg.template-icone path{fill:var(--grisbleu)}#canvas .boite-type input:checked+div *{fill:var(--noir);color:var(--noir)}#canvas .boite-type input{display:none}#canvas .boite-type-contenu{display:flex;justify-content:space-evenly;margin-top:1em}#canvas .boite-type label div{display:flex;flex-direction:column;align-items:center;font-size:.7em;color:var(--gris2);text-align:center;line-height:1em}#canvas .boite-type label{padding:.3em 0;cursor:pointer}#canvas .boite-type label:hover *{color:var(--bleu)!important;fill:var(--bleu)!important}#canvas strong.titlelabel+span.titlelabel{margin-left:.4em}#canvas details summary:hover{background:var(--bleu)!important}#canvas .titlelabel{font-size:1em;line-height:1.8em}#canvas .bde-texte{flex:2}#canvas .bde-lien{flex:1 1 30px;max-width:100%}#canvas .bde-texte input{width:100%;font-size:1em;height:2.2rem;padding:.5em;border:1px solid var(--gris2)}#canvas .boite-desc-el:hover .btn-remove{opacity:1;align-self:normal}#canvas .boite-desc-el>:not(.drag-handle):not(.btn-remove),.bde-img label{display:flex;flex-direction:column;align-items:flex-start;width:100%}#canvas #ecrans{flex:7;background:#fff}#canvas summary:hover .btn-remove{opacity:1}#canvas .boite-contenu-gauche{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:min-content;grid-gap:10px;padding:40px 20px 20px 20px}#canvas .boite-question{grid-column:1;grid-row:1;padding:10px;border:1px solid var(--grisbleuleger)}#canvas .boite-type{grid-column:2;grid-row:1;border:1px solid var(--grisbleuleger);padding:10px}#canvas .boite-contenu-droite{grid-column:3;display:flex}#canvas select{padding:.5em;height:2.2rem;background:#fff;border:1px solid var(--gris2);width:100%;max-width:100%;font-size:1em}#canvas .reponses-title{padding-bottom:1em;display:block}#canvas .boite-reponses .btn-remove{margin:0;position:absolute;right:10px;top:10px;z-index:11}#canvas .bde-img label .img-prev:not(.active):hover span{background:var(--noir);color:#fff}#canvas .upload-files:hover .img-prev{background-color:var(--bleu);color:#fff}#canvas .upload-files:active .img-prev{background-color:var(--noir);color:#fff}#canvas .img-prev.active>span{opacity:0!important}#canvas .btn-add-screen:hover,#canvas .btn-reponse:hover{background-color:var(--noir)}#canvas .btn-add-screen:active,#canvas .btn-reponse:active{background-color:#fff;color:var(--bleu)}#canvas .tv .img-prev>span{display:flex;flex-direction:column;align-items:center}#canvas .tv .img-prev>span .tv-txtc{display:flex;flex-direction:column;font-size:.8em;padding-left:20px;padding-right:20px}#canvas .tv-title{font-weight:400}#canvas strong{font-weight:600}#canvas .tv-lien,#canvas .tv-txt{margin-top:.2em;font-size:.9em}#canvas .tv-lien{color:var(--bleu);text-decoration:underline}#canvas .boite-contenu .tv:hover .img-prev{background-color:var(--bleu)}#canvas .boite-contenu .tv:hover .img-prev:not(.active) *{color:#fff!important}#canvas .boite-contenu .tv:hover label:active .img-prev{background-color:var(--noir)}#canvas .boite-contenu .tv:hover label:active .img-prev svg path{fill:#fff}#canvas .tv label:hover .img-prev.active>span{background:rgba(255,255,255,.85);opacity:1!important;padding:10px;z-index:10}#canvas .tv label:hover:active .img-prev.active>span{background:var(--bleu);color:#fff}#canvas .tv label:hover:active .img-prev.active>span *{color:#fff}#canvas details summary:hover+.boite-contenu{background:var(--grisbleuleger)}#canvas .popin{width:40vw;max-height:80vh;background:#fff;margin:auto;border-radius:1em;flex-direction:column;box-shadow:1px 1px 21px rgba(0,0,0,.3);z-index:10;position:relative}#canvas .popin-title{padding:20px;font-weight:400;background:var(--noir);color:#fff}#canvas .popin-contenu{padding:2em 2em 0 2em;max-height:calc(80vh - 110px);overflow:scroll;-webkit-touch-overflow:scroll}#canvas .popin-contenu .question-item{height:1em}#canvas .popin-contenu label,#canvas .upload-files-delete-container{margin-bottom:3em;display:block}#canvas .popin-contenu input[type=file]{padding-bottom:2em}#canvas .popin-btn-actions button{flex-grow:2;border-radius:0 0 4px 4px;font-size:1.3em}#canvas .popin-btn-actions button button{FLEX-GROW:2}#canvas .popin-btn-actions{display:flex}#canvas label.upload-files{position:relative}#canvas .upload-files-delete-container{position:relative}#canvas .upload-files-delete-container .btn-removeimg{margin-top:4em}#canvas .upload-files-delete-container .img-prev{margin-top:1em}#canvas label.upload-files:hover{cursor:pointer}#canvas .upload-files-delete-container .img-prev.active{height:16rem;background-size:contain}#canvas .bde-img .img-prev.active{height:8em}#canvas .upload-files-template{display:none}#canvas .upload-files-template{margin-top:1em;font-size:1.3em}#canvas .boite-type input:checked+div .upload-files-template{display:block}#canvas .upload-files-template .img-prev.active{height:4rem}#canvas .upload-files-template:hover .img-prev span{color:#fff}#canvas .upload-files-template:hover .img-prev span{color:#fff!important}#canvas .boite-reponses-cont.items2 #canvas .boite-desc-el:nth-child(n+3):after,#canvas .boite-reponses-cont.items4 .boite-desc-el:nth-child(n+5):after{background:rgba(0,0,0,.4);display:flex;position:absolute;width:100%;height:100%;content:"Inactive";text-transform:uppercase;font-weight:900;letter-spacing:.4em;top:0;z-index:10;color:rgba(255,255,255,.88);align-items:inherit;justify-content:center}#canvas .img-prev[data-image=error]:after{content:"Upload Error, try again";display:flex!important;margin:auto;border:1px solid red;background:rgba(255,0,0,.65)!important;color:#fff;text-align:center;width:100%;height:100%;align-items:center;justify-content:center;position:absolute}#canvas div#ecrans sup{font-size:.6em;color:red}#canvas .btn-enregistrer:before{display:flex;content:"";width:0;height:2em;margin-right:.5em;transition:all ease .5s;background-size:contain;background-repeat:no-repeat;background-position:center;text-align:center;align-items:center;opacity:0}#canvas .btn-enregistrer.success:before,.btn-enregistrer.error:before,.btn-enregistrer.success:before,.btn-enregistrer.upload:before{width:1.2em;opacity:1}#canvas .btn-enregistrer.success:before{content:"✅"}#canvas .btn-enregistrer.upload:before{content:"🌍";animation:tourne linear 1s infinite;transform-origin:48% 53%}@keyframes tourne{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(0,0,0) rotate(180deg)}99%{transform:translate3d(0,0,0) rotate(359deg)}}#canvas .btn-enregistrer.error:before{content:"⚠️"}#canvas form#formecrans{font-family:"Open sans",sans-serif}#canvas .popin-contenu,#canvas main{overflow-x:hidden}#canvas .img-prev video{width:100%;position:absolute;left:0}@keyframes loadingclock2{4.35%{content:"🕐"}13.04%{content:"🕑"}21.74%{content:"🕒"}26.01%{content:"🕓"}34.78%{content:"🕔"}43.48%{content:"🕕"}52.17%{content:"🕖"}60.87%{content:"🕗"}69.56%{content:"🕘"}78.26%{content:"🕙"}86.96%{content:"🕚"}0%,100%{content:"🕛"}}#canvas .tv .img-prev.imgprevloading:before{content:"";animation:loadingclock2 ease 1s infinite;position:absolute;font-size:80px}.canvasLoader{position:absolute;z-index:101;width:100%;height:100vh;align-items:center;justify-content:center;font-size:31px;display:none}#canvas.loading .canvasLoader{display:flex}#canvas.loading:after{background:rgba(41,171,216,.73);content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}#canvas .boite-type-liste{position:relative}#canvas .boite-type-liste .btn-removeimg{margin-top:94px;margin-right:-20px}#canvas .template-icone-cont{display:flex;height:38px;justify-content:center}#canvas .popin-radio{display:flex;align-items:center}#canvas .popin-radio label{margin:0;padding:1em}.alert-div{z-index:-1}.alert-div.show{z-index:99999999999999999999999999999999}