#navbar{background:#111;color:white}#navbar .navUserInfo{text-transform:uppercase}#navbar button{background:transparent;border:0;width:80px;height:80px}#navbar button:focus{outline:0}#navbar #menuNavTrigger::after{display:inline-block;border:0;content:""}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:transparent !important}#menuNavTrigger .cta{position:relative;height:40px;width:40px;padding:0;border:0;cursor:pointer}#navbar .toggle-btn:before,#navbar .toggle-btn:after,#navbar .toggle-btn{content:"";height:2px;width:40px;background-color:white;position:absolute;left:0;-webkit-transition:all 600ms cubic-bezier(0.165,0.84,0.44,1);transition:all 600ms cubic-bezier(0.165,0.84,0.44,1)}#navbar .toggle-btn{top:15px}#navbar .toggle-btn:before{top:-10px}#navbar .toggle-btn:after{top:10px}#navbar .active .toggle-btn{background-color:transparent}#navbar .active .toggle-btn:before{top:0;width:40px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#navbar .active .toggle-btn:after{top:0;width:40px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#menuNav{height:100%;position:fixed;left:0;top:0;padding:15px;-o-transform:translateX(-100%);-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all 600ms cubic-bezier(0.165,0.84,0.44,1);transition:all 600ms cubic-bezier(0.165,0.84,0.44,1);margin:auto;background-color:#f8f9fa;text-align:center;z-index:100;overflow-x:hidden;overflow-y:auto}#menuNav.show{-o-transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);box-shadow:1px 1px 12px #555}#navbar .info{color:#1483c6}#navbar .entitled{color:#bbb}#navbar .navUserInfo{-webkit-transition:all 300ms linear;transition:all 300ms linear}#navbar .waitConn{height:24px}#navbar h5{color:#111;width:100%}#navbar .fa-edit{font-size:20px;color:#bbb}#navbar .fa-edit:hover{color:#1483c6}#navbar .deconnexion{width:100%;text-align:left;padding:0}#navbar img{width:135px;padding:12px}#navbar .logo-navbar{margin:auto}*{font-family:"Lato",sans-serif}input{outline-color:#1483c6}html{height:100%}body{height:100%;overflow-y:hidden;background:#f0f0f0}section{height:100%;padding-bottom:80px;overflow:scroll}.title_page{margin:20px 0 !important;position:relative;height:40px;width:100%}.title_page h2{font-size:17px;font-family:sans-serif;font-weight:bolder;text-align:left;line-height:40px;margin-left:20px;letter-spacing:1px;width:100%;z-index:1}.title_page img{position:absolute;width:50px;height:50px;left:0;top:50%;-o-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.fa-chevron-down{color:#1483c6 !important}.color-blue{color:#1483c6 !important}svg{fill:#ddd}.btn-configuration h3{font-size:20px;margin:auto 5px;letter-spacing:2px;height:60px;line-height:60px;color:#999;z-index:1;position:relative}.btn-config{display:flex;align-items:center;justify-content:center;background:#fff;border-right:1px solid #999;border-bottom:1px solid #999;border-radius:3px;padding:0 7px;overflow:hidden}a+a .btn-config{margin-top:20px}.btn-config:hover{background:#1483c6;color:white}.containt-btn{position:relative;padding:0}.containt-btn h3:hover{color:white}.containt-btn:hover svg:hover{fill:red}.btn-utilisateurs,.btn-capteurs{width:100%}.inputWrapper{position:relative}.toValid{content:"";display:block;z-index:1;position:absolute;font-size:20px;top:50%;right:10px;width:30px;height:30px;text-align:center;line-height:30px;opacity:0;-o-transform:translateY(-50%) scale(0.1);-moz-transform:translateY(-50%) scale(0.1);-webkit-transform:translateY(-50%) scale(0.1);transform:translateY(-50%) scale(0.1);-webkit-transition:all 300ms cubic-bezier(0.165,0.84,0.44,1);transition:all 300ms cubic-bezier(0.165,0.84,0.44,1)}.toValid.validate,.toValid.invalidate{opacity:1;-o-transform:translateY(-50%) scale(1);-moz-transform:translateY(-50%) scale(1);-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}.toValid.validate{color:#1483c6}.toValid.invalidate{color:red}.switchToggle input[type="checkbox"]{height:0;width:0;visibility:hidden;position:absolute}.switchToggle label{cursor:pointer;text-indent:-9999px;width:115px;max-width:115px;height:24px;background:#d1d1d1;display:block;border-radius:100px;position:relative;-webkit-transition:all 300ms cubic-bezier(0.165,0.84,0.44,1);transition:all 300ms cubic-bezier(0.165,0.84,0.44,1)}.switchToggle label:after{content:"";position:absolute;top:3px;left:2px;width:18px;height:18px;background:#fff;border-radius:90px;-webkit-transition:all 300ms linear;transition:all 300ms linear}.switchToggle input:checked+label,.switchToggle input:checked+input+label{background:#1483c6}.switchToggle input+label:before,.switchToggle input+input+label:before{content:"OFF";position:absolute;top:1px;left:50px;width:26px;height:26px;border-radius:90px;-webkit-transition:.3s;transition:.3s;text-indent:0;color:#fff;font-size:15px}.switchToggle input:checked+label:before,.switchToggle input:checked+input+label:before{content:"ON";position:absolute;top:px;left:10px;width:26px;height:26px;border-radius:90px;-webkit-transition:.3s;transition:.3s;text-indent:0;color:#fff;font-size:15px}.switchToggle input:checked+label:after,.switchToggle input:checked+input+label:after{left:calc(100% - 2px);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.switchToggle label:active:after{width:60px}.toggle-switchArea{margin:10px 0 10px 0}.btn-toggle.btn-sm{margin:1rem .5rem;padding:0;position:relative;height:1.5rem;width:5rem;border-radius:1.5rem;background:#f8f8f8;border:1px solid #999}.btn-toggle{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.search{width:45px;height:45px;background:0;border-radius:2px;-webkit-transition:width .5s;transition:width .5s;overflow:hidden}.search input::placeholder{border-bottom:1px solid #bbb;font-size:12px}.search-select{justify-content:space-between;padding:10px 15px;position:relative}.search .search-input-wrapper{position:absolute;padding:0 20px;margin:0 15px;top:0;left:-100%;width:calc(100% - 30px);height:100%;background-color:white;-webkit-transition:all 600ms cubic-bezier(0.165,0.84,0.44,1);transition:all 600ms cubic-bezier(0.165,0.84,0.44,1)}.search.active .search-input-wrapper{position:absolute;top:0;left:0}.search .search-input-wrapper input{width:calc(100% - 90px);height:100%;border:0;outline:0;font-size:14px;padding:0 20px;color:#1483c6;background:0}.icon{position:relative;width:100%;height:100%;cursor:pointer;-webkit-transition:.5s;transition:.5s;border-radius:4px}.icon:before{content:"";position:absolute;top:12px;left:12px;width:17px;height:17px;background:transparent;border:2px solid #111;border-radius:50%;-webkit-transition:all 600ms cubic-bezier(0.165,0.84,0.44,1);transition:all 600ms cubic-bezier(0.165,0.84,0.44,1)}.icon:after{content:"";position:absolute;top:19px;left:27px;width:18px;height:14px;background:transparent;border-left:2px solid #111;border-radius:0;-o-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all 600ms cubic-bezier(0.165,0.84,0.44,1);transition:all 600ms cubic-bezier(0.165,0.84,0.44,1)}.active .icon:before{top:10px;left:20px;width:1px;height:30px;border:0;border-right:2px solid #111;border-radius:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.active .icon:after{top:10px;left:20px;width:1px;height:30px;border:0;border-right:2px solid #111;border-radius:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}footer{background:#f8f8f8}footer svg,footer object{height:40px;fill:#bbb}svg:hover,object:hover{fill:#1483c6}.icon-footer{position:fixed;display:flex;justify-content:space-between;bottom:0;border-top:1px solid #999;padding-top:1rem;background:#f8f8f8;z-index:2;padding:0 5%}.icon-footer a{height:40px;margin:10px 0}.notification{position:relative;height:25px;width:25px;background:#1483c6;border-radius:100px;z-index:4;top:-45px;left:20px;color:white;text-align:center}.customCheckbox{height:17px;position:relative}.customCheckbox [type="checkbox"]:not(:checked),.customCheckbox [type="checkbox"]:checked{position:absolute;left:-9999px}.customCheckbox [type="checkbox"]:not(:checked)+label,.customCheckbox [type="checkbox"]:checked+label{position:absolute;top:0;left:0;padding-left:25px;cursor:pointer;margin-bottom:0;display:block}.customCheckbox [type="checkbox"]:not(:checked)+label:before,.customCheckbox [type="checkbox"]:checked+label:before{content:"";position:absolute;left:0;top:0;width:17px;height:17px;border:1px solid #aaa;background:#f8f8f8;border-radius:3px;box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}.customCheckbox [type="checkbox"]:not(:checked)+label:after,.customCheckbox [type="checkbox"]:checked+label:after{content:"✔";position:absolute;top:0;left:0;line-height:17px;width:17px;text-align:center;font-size:14px;color:#1483c6;-webkit-transition:all .2s;transition:all .2s}.customCheckbox [type="checkbox"]:not(:checked)+label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0)}.customCheckbox [type="checkbox"]:checked+label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.customCheckbox [type="checkbox"]:disabled:not(:checked)+label:before,.customCheckbox [type="checkbox"]:disabled:checked+label:before{box-shadow:none;border-color:#bbb;background-color:#ddd}.customCheckbox [type="checkbox"]:disabled:checked+label:after{color:#999}.customCheckbox [type="checkbox"]:disabled+label{color:#aaa}.customCheckbox [type="checkbox"]:checked:focus+label:before,.customCheckbox [type="checkbox"]:not(:checked):focus+label:before{border:1px dotted blue}.waitConn{outline:0;border:none !important;padding:0 !important;position:relative !important;background-color:#1483c6 !important;color:#1483c6 !important;overflow:hidden !important}#previousPageButton{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}#previousPageButton img{height:60px;width:50px;padding-right:0}#navbar>.row{margin:0 !important}.errorReport{padding:10px 0;width:100%;background-color:red;border-radius:6px;margin-bottom:10px;border-bottom:1px solid grey;border-right:1px solid grey;color:white}.updateSuccess{padding:10px 0;width:100%;background-color:#08c52d;border-radius:6px;margin-bottom:10px;border-bottom:1px solid grey;border-right:1px solid grey;color:white}