.align,.aligncenter{justify-content:center;display:flex}.linkX,.linkfoot,.linkfoot2,nav a{color:#263337;text-decoration:none}.buttonaut,.buttonlink,.linkX{text-decoration:none}.container1::before,.container2::before{content:"";position:absolute;top:0;left:0;height:100%;background-image:url('../img/Img_basic.webp');background-repeat:no-repeat;z-index:0}.dropdown ul,footer ul{list-style-type:none}@font-face{font-family:WDXLFONT;src:url('WDXLLubrifontSC-Regular-FONT.woff2')}@font-face{font-family:Roboto;src:url('Roboto-VariableFont_wdth\,wght.woff2')}*{font-family:WDXLFONT,Roboto,sans-serif}.device,body{background-color:#263337}div.copyright,footer,header{background-color:#ffbc1f}#saveDeviceNameBtn:hover,.buttonaut1:hover,.buttonreg:hover,.headpage{background-color:#eeece4}header{height:100px}footer{height:auto}.aligncenter{align-items:center}.aligntext{display:flex;justify-content:center;text-align:left;flex-direction:column}.linkfoot,.linkfoot2,nav a{display:block;float:right;font-size:22px;padding-right:45px;margin-top:31px}#user{padding-bottom:5px;width:18px;height:auto}.linkfoot2:hover,.linkfoot:hover,nav a:hover{color:#eeece4}.linkX{display:block;float:left;font-size:45px;margin-top:20px;margin-left:50px}header img,img.img_foot{display:block;width:75px;height:auto;margin-left:auto;margin-right:auto;margin-top:11px}.headpage{font-size:10px}.footli{float:left;margin-top:25px;padding-left:15px;font-size:20px}.imli{padding-bottom:4px}.container1{position:relative;height:815px;background-color:#263337}.container1::before{width:100%;background-size:800px;background-position:center;opacity:.17}.par h1{color:#eeeec4;font-size:44px;z-index:1}.line{border:none;height:2px;background-color:#eeeec4;margin:0;padding:0}div.copyright{font-size:20px;margin-left:auto;margin-right:auto;padding-top:4px;margin-bottom:0;padding-bottom:0;color:#263337;height:35px}.row_content{background-color:#1e282b;height:500px;padding-left:50px}.reg,.row_content2{background-color:#263337}.row_content2{height:500px;padding-right:50px}.img_content{height:450px;width:auto}.content{color:#eeeec4;text-align:justify;font-size:30px}.contenth{color:#ffbc1f;font-size:45px;margin-bottom:10px}.chb,.formlab{color:#eeece4}.reg{height:100vh}.regform{width:400px}.formlab{font-size:20px;margin-top:7px}.chb{font-size:16px}.form-check{margin-top:7px;margin-bottom:7px}.reginf{color:#ffbc1f;font-size:23px}.buttonreg{background-color:#ffbc1f;color:#263337;border-radius:10px;padding-right:30px;padding-left:30px;padding-bottom:3px;border:none;font-size:20px}.buttonaut,.buttonlink,.buttonreg1{color:#eeece4;background-color:transparent;border:none}.buttonaut{font-size:17px;margin-bottom:5px;margin-left:35px}.buttonaut:hover,.buttonreg1:hover{text-decoration:underline}.buttonreg1{font-size:20px;margin-top:5px}.buttonaut1{background-color:#ffbc1f;color:#263337;border-radius:10px;padding-right:122px;padding-left:122px;border:none;font-size:23px;margin-top:20px;margin-bottom:20px}.formpanel{border-radius:7px;border:1px solid #ced4da;width:100%;height:40px;font-family:Roboto,sans-serif;font-size:17px}.formpanel:focus{background-color:#fff;border-color:#9b741a;outline:0;box-shadow:0 0 0 2px #9b741a}.container2{position:relative;min-height:100vh;background-color:#263337;display:flex;align-items:center;padding:20px;flex-direction:column;gap:20px}#myChart,.device-edit-panel,.device-selection-panel,.tabs-container button{color:#eeece4;background-color:transparent}.container2::before{width:100%;background-size:820px;background-position:center 30%;opacity:.05}.device-edit-panel,.device-selection-panel,.tabs-container{width:100%;z-index:200}.dropdown,.notification{position:fixed;z-index:500}#myChart{width:100%;max-height:95vh;z-index:200;display:block}.tabs{margin-left:400px}.tabs-container{display:flex}.tabs-container button{padding:2px 10px;font-size:20px;cursor:pointer;border:2px solid #ffbc1f;border-radius:14px;margin-left:10px}.dropdown div,.dropdown ul{margin-left:5px}.tabs-container button:hover{border:2px solid #eeece4}.device-edit-panel,.device-selection-panel{padding:15px 0}.device-edit-panel h3,.device-selection-panel h3{color:#ffbc1f}#deviceSelector{padding:7px 10px;border-radius:10px;border:1px solid #eeece4;margin-bottom:1px}#deviceNameInput{padding:6px 10px;border-radius:10px;border:1px solid #eeece4;width:160px}#saveDeviceNameBtn{background-color:#ffbc1f;color:#263337;border-radius:10px;padding:4px 30px;border:none;font-size:20px;margin-bottom:5px}.dropdown div,.dropdown li{font-size:18px}.devbut{margin-top:5px}.device-control-row{display:flex;gap:10px;align-items:center}.dropdown,.mobile-menu-button{display:none}#deviceCheckboxes div{font-size:20px;margin-bottom:8px;display:flex;align-items:center}#deviceCheckboxes{display:flex;align-items:center;font-size:18px;gap:15px;padding:4px 8px}#deviceCheckboxes .checkbox-item:hover{background-color:#f0f8ff}#deviceCheckboxes input[type=checkbox]{accent-color:#0055ff;margin-right:5px;width:16px;height:16px}.dropdown{background-color:#ebdecf;border-radius:30px;padding:10px;width:200px;pointer-events:none;color:#263337;height:210px}.dropdown ul{padding:0}.notification{bottom:20px;right:20px;padding:10px 20px;border-radius:5px;color:#fff}.notification.success{background-color:#38d63d}.notification.error{background-color:#ff2818}.nav-list{list-style:none;margin:0;padding:0}@media (max-width:1920px){#myChart{max-height:94vh}}@media (max-width:1440px){#myChart{max-height:90vh}.content{font-size:23px}.contenth{font-size:32px;margin-bottom:10px}.img_content{height:350px;width:auto}.row_content{height:400px;padding-left:10px}.row_content2{height:400px;padding-right:10px}.par h1{font-size:44px}.container1{height:800px}.container1::before{background-size:800px}.tabs{margin-left:200px}.container2{height:925px}.container2::before{background-size:820px}.tabs-container{margin-top:30px}}@media (max-width:1024px){.col-12.aligncenter,.tabs,.tabs-container{flex-direction:column;display:flex}.footli,nav a{font-size:20px}#myChart{max-height:80vh}.graph-tabs,.period-tabs{width:100%;margin-bottom:10px}.graph-tabs{align-self:center;max-width:540px;display:flex;justify-content:center}.tabs{margin-left:0}.foot ul{display:flex;flex-direction:column;justify-content:center;padding:0;margin-left:10px}.imli{padding-bottom:4px}.footli{padding:0;margin:5px 10px}nav a{float:left;margin-top:0}.links_header{position:relative;display:inline-block}.nav-list a,.nav-list.active{display:block}.mobile-menu-button{display:block;position:relative;top:0;right:0;background:0 0;border:none;font-size:20px;cursor:pointer;z-index:1000;margin-top:29px;margin-left:auto;margin-right:35px}.nav-list{display:none;position:absolute;right:0;width:210px;background:#eeece4;border-radius:30px;z-index:999;padding:10px 0;margin-top:5px}.nav-list a{padding:10px 20px;font-size:23px;color:#263337;text-decoration:none;transition:background-color .2s}.nav-list a:hover{color:#eeece4}.nav-list #user{margin-right:8px;vertical-align:middle}.bi-list{width:35px;height:auto;color:#263337}.img_content{width:265px;height:auto}.row_content,.row_content2{height:350px}.content{font-size:19px}.contenth{font-size:26px;margin-bottom:7px}.container2{height:860px}.container2::before{background-size:700px}.tabs-container{margin-top:30px}}@media (max-width:768px){.content{font-size:18px}.footli{padding:0;margin:8px 0 0;font-size:17px}.contenth{font-size:26px;margin-bottom:7px}.img_content{height:240px;width:auto}.row_content{height:280px;padding-left:5px}.row_content2{height:280px;padding-right:5px}.linkfoot,.linkfoot2{display:flex;float:none;padding-right:10px}.par h1{font-size:41px}.container1{height:942px}.container1::before{background-size:750px}.container2{height:860px}.container2::before{background-size:700px}.linkfoot{flex-direction:column;align-items:flex-end;margin:7px 10px 10px;font-size:17px}.linkfoot2{flex-direction:column;align-items:flex-end;margin:23px 10px 10px;font-size:20px}}@media (max-width:576px){.footli{padding:0;margin:8px 0 0;font-size:17px}.content{font-size:13px}.contenth{font-size:15px;margin-bottom:4px}.img_content{height:175px;width:auto;padding:0 4px}.row_content{height:210px;padding-left:1px}.row_content2{height:210px;padding-right:1px}.par h1{font-size:30px}.container1{height:752px}.container1::before{background-size:550px}.col-8{padding:0 4px}.col-4{padding:0}.imli{padding-bottom:4px;width:17px;height:auto}img.img_foot{margin-top:5px}div.copyright{font-size:16px;padding-top:4px;margin-bottom:0;padding-bottom:0;height:auto}.linkX{font-size:40px;margin-top:24px;margin-left:25px}.mobile-menu-button{margin-right:15px}}@media (max-width:435px){.row_content,.row_content2{flex-direction:column}.row_content .col-4,.row_content .col-8,.row_content2 .col-4,.row_content2 .col-8{width:100%;max-width:100%;padding:0 15px}.row_content .col-4,.row_content2 .col-4{order:1;margin-top:15px;margin-bottom:15px}.row_content .col-8,.row_content2 .col-8{order:0}.linkX{font-size:37px;margin-top:27px;margin-left:27px}.footli{padding:0;margin:8px 0 0;font-size:17px}.content{font-size:18px}.contenth{font-size:20px;margin-bottom:4px;margin-top:2px}.img_content{height:380px;width:auto;padding:0}.row_content{height:730px;padding-left:1px}.row_content2{height:730px;padding-right:1px}.par h1{font-size:23px}.container1{height:835px}.container1::before{background-size:430px}#myChart,.col-5{padding:0}.linkfoot{padding-right:0}.tabs-container button{padding:4px 8px;font-size:14px;margin-left:3px;border-radius:12px;border-width:1px}#saveDeviceNameBtn{padding:4px 20px;border:none;font-size:20px;margin-bottom:5px}#deviceNameInput{padding:6px 10px;border-radius:10px;border:1px solid #eeece4;width:150px}.buttonreg{padding:0 18px 4px;font-size:20px}}@media (max-width:375px){.buttonreg{padding:0 15px 3px;font-size:20px}.chb{font-size:15px}.buttonaut1{padding:0 100px;font-size:23px;margin-top:20px;margin-bottom:20px}#deviceCheckboxes{margin-right:5px;width:14px;height:14px}#deviceCheckboxes div{font-size:20px;margin-bottom:8px;display:flex;align-items:center}#saveDeviceNameBtn{padding:4px 18px;border:none;font-size:18px;margin-bottom:5px}.tabs-container button{padding:4px 8px;font-size:13px;margin-left:3px;border-radius:12px;border-width:1px}.device-selection-panel{width:100%;height:27vh;z-index:200}}