#analysis-panel .analysis-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem}#analysis-panel .analysis-container1{display:grid;grid-template-columns:repeat(1,1fr);gap:1.6rem}#analysis-panel .graph-container{background:var(--color-white);padding:var(--card-padding);border-radius:var(--card-border-radius);border:1px solid var(--color-light);margin-top:1rem;box-shadow:var(--box-shadow);transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:baseline}#analysis-panel .graph-container:hover{box-shadow:none}#analysis-panel .graph-container h2{text-align:center;margin-bottom:1rem}#analysis-panel .graph-container img{margin-top:1rem;text-align:center;width:95%}#analysis-panel #analysis-container>div{background:var(--color-white);padding:var(--card-padding);border-radius:var(--card-border-radius);border:1px solid var(--color-light);margin-top:1rem;box-shadow:var(--box-shadow);transition:all .3s ease;overflow:hidden}#analysis-panel #analysis-container>div span{background-color:var(--color-primary);padding:.5rem;border-radius:50%;color:var(--color-white);font-size:2rem}#analysis-panel #analysis-container>div .new{margin-top:1rem;display:flex;align-items:center;justify-content:center}#analysis-demo-simulation{height:80vh}#analysis-demo-simulation .inputContainerBase{padding:.2rem 1rem}#analysis-panel .graph-container .simSpace{margin-top:1rem;position:relative;text-align:center;width:95%;background:url(../Img/simulation.png);background-size:100% 100%!important;background-repeat:no-repeat!important;flex:1}#analysis-panel .graph-container .simSpace .inputSlide{-webkit-appearance:none;width:100%;height:8px;border-radius:5px;background:linear-gradient(to right,#0e0f0f,#050806);outline:none;opacity:.7;transition:opacity .2s}#analysis-panel .graph-container .simSpace .tanque1{position:relative;width:45%;height:50%;left:0%;top:50%}#analysis-panel .graph-container .simSpace .tanque2{position:relative;width:40%;height:30%;left:60%;top:-40%}#analysis-panel .graph-container .simSpace .Tanque1b1{background:url(../resources/b1_0.png);background-size:100% 100%!important;background-repeat:no-repeat!important;position:relative;width:17%;height:35%;left:85%;top:5%}#analysis-panel .graph-container .simSpace .Tanque1b2{background:url(../resources/b1_0.png);background-size:100% 100%!important;background-repeat:no-repeat!important;position:relative;width:17%;height:35%;left:109%;top:-30%}#analysis-panel .graph-container .simSpace .Tanque1b3{background:url(../resources/b1_0.png);background-size:100% 100%!important;background-repeat:no-repeat!important;position:relative;width:17%;height:35%;left:133%;top:-65%}#analysis-panel .graph-container .simSpace #Tanque1Name{position:absolute;width:100%;top:-25%}#analysis-panel .graph-container .simSpace #Tanque1SizeIndicator{position:absolute;width:100%;top:-7%}#analysis-panel .graph-container .simSpace #Tanque2Name{position:absolute;width:100%;top:-40%}#analysis-panel .graph-container .simSpace #Tanque2SizeIndicator{position:absolute;width:100%;top:-25%}#analysis-panel .graph-container .simSpace .Tanque1Water{position:relative;width:23%;height:60%;background-color:#444343e7;top:23%;left:28%}#analysis-panel .graph-container .simSpace .Tanque2Water{position:relative;width:25%;height:100%;left:27%;background-color:#444343e7;top:0%}#analysis-panel .graph-container .simSpace .TanqueLevelIndicator1{color:#293483;text-align:center;position:absolute;top:-10%;width:100%;font-size:25px}#analysis-panel .graph-container .simSpace .TanqueLevelIndicator2{color:#293483;text-align:center;position:absolute;top:121%;width:100%;font-size:25px;left:10%}#analysis-panel .graph-container .simSpace #Tanque1WaterLevel,#analysis-panel .graph-container .simSpace #Tanque2WaterLevel{position:relative;width:100%;height:100%;background-color:#437fff;transform-origin:bottom left;transform:scaleY(77%)}#analysis-panel .graph-container .simSpace .TanqueUmbralContainer,#analysis-panel .graph-container .simSpace .TanqueSecondUmbralContainer{height:100%;width:120%;position:absolute;top:-1px;left:-20%}#analysis-panel .graph-container .simSpace .TanqueUmbral{position:absolute;width:100%;background-color:#000;height:2px}#analysis-panel .graph-container .simSpace .TanqueUmbralTotal{position:absolute;width:10%;background-color:#000;height:0px;top:0%}.visualSize2{grid-column:span 2}.visualSize3{grid-column:span 3}.visualSizeAll{grid-column:1/-1}.toolbar{display:flex;align-items:center;background-color:var(--color-background);padding:.5rem;border-radius:4px}.toolbar>div{margin:.5rem .8rem}.toolbar-btn{padding:.4rem .6rem;margin:.2rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:4px;cursor:pointer}.toolbar-btn:hover{background-color:var(--color-primary-variant)}.toolbar-separator{height:1.5rem;width:1px;background-color:#ccc;margin:0 1rem}.toolbar-label{margin-right:.5rem}.toolbar-input{border:1px solid var(--color-light);border-radius:4px}@media screen and (max-width:1400px){#analysis-panel .analysis-container{grid-template-columns:repeat(1,1fr);gap:1.6rem}}@media screen and (max-width:900px){.visualSize2{grid-column:span 2}.visualSize3{grid-column:1/ -1}#analysis-panel{max-width:100vw}}@media screen and (max-width:500px){.visualSize2{grid-column:1/ -1}.toolbar-btn{padding:.5rem 1rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;width:100%}.toolbar{display:flex;flex-direction:column;align-items:center;background-color:var(--color-background);padding:.5rem;border-radius:4px}}#devices-panel #devices-container{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem}#devices-panel #devices-container>div{background:var(--color-white);padding:var(--card-padding);border-radius:var(--card-border-radius);border:1px solid var(--color-light);box-shadow:var(--box-shadow);transition:all .3s ease;cursor:pointer}#devices-panel #devices-container>div:hover{box-shadow:none}#devices-panel #devices-container>div span{background-color:var(--color-primary);padding:.5rem;border-radius:50%;color:var(--color-white);font-size:2rem}#devices-panel #devices-container>div .new{margin-top:1rem;display:flex;align-items:center;justify-content:center}#devices-panel #devices-container>div hr{margin:.5rem 0;height:1px;padding:2px;box-shadow:0 1px #ccc}@media screen and (max-width:900px){#devices-panel #devices-container{width:100%;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem}}#diagram-panel #diagram-container{margin-top:1rem;display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}#diagram-panel #diagram-container>div{border-radius:var(--border-radius-1);border-radius:var(--card-border-radius);border:1px solid var(--color-light);box-shadow:var(--box-shadow)}.diagram-instance{background:var(--color-background);overflow:hidden}.diagram-instance .canvas2resize{position:relative;transform-origin:top left}.diagram-instance .canvas2resize .insightImage,.diagram-instance .canvas2resize .insightLabel{position:absolute}.diagram-instance .canvas2resize .insightLabel span{position:absolute;left:-4rem;top:0;width:3.5rem;height:3.5rem;font-size:2.5rem}#events-panel .top-bar{display:flex;width:100%;align-items:center;justify-content:baseline}#events-panel .top-bar h3{text-align:center;width:100%}#events-panel .top-bar .select-events{display:flex;align-items:center;justify-content:baseline;background:var(--color-light);border-radius:var(--border-radius-1);margin-top:1rem;margin-right:1rem;padding:.5rem}#events-panel .top-bar .select-events:hover{margin-top:.5rem;padding:.75rem .5rem}#events-panel .top-bar .type-events{display:flex;background:var(--color-light);border-radius:var(--border-radius-1);width:7rem;margin-top:1rem;margin-right:1rem;padding:.5rem .3rem}#events-panel .top-bar .type-events.active{border:.2rem solid var(--color-primary)}#events-panel .top-bar .type-events:hover{margin-top:.5rem;padding:.75rem .3rem}#events-panel .top-bar input[type=date]{background:transparent;color:var(--color-dark)}#events-panel h2{margin-top:2rem}#events-panel .user-events h2{margin-bottom:.8rem}#events-panel .user-events table{background:var(--color-white);width:100%;border-radius:var(--card-border-radius);border:1px solid var(--color-light);padding:var(--card-padding);text-align:center;box-shadow:var(--box-shadow);transition:all .3s ease}#events-panel .user-events table:hover{box-shadow:none}#events-panel table tbody td{height:2.8rem;border-bottom:1px solid var(--color-light)}#events-panel table tbody tr:last-child td{border-bottom:none}#events-panel .user-events a{text-align:center;display:block;margin:1rem auto;color:var(--color-primary)}.popup-events{position:fixed;top:50%;left:50%;transform:translate(calc(-50% + 7rem),-50%);width:400px;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 6px #0000004d;border:1px solid var(--color-light);z-index:9999}.event-details h3{margin-top:0;color:var(--color-primary)}.event-details p{margin:0 0 10px}.event-details strong{font-weight:700}.event-details .comments{width:100%;padding:8px;margin-bottom:10px;border:1px solid var(--color-light);border-radius:4px}.event-details .status-dropdown{margin-bottom:10px}.event-details .status-dropdown label{display:block;margin-bottom:5px;font-weight:700}.event-details .status-dropdown select{width:100%;padding:8px;border:1px solid var(--color-light);border-radius:4px}.event-details .close-button{padding:8px 16px;background-color:var(--color-primary);color:#fff;border:none;border-radius:4px;cursor:pointer}.event-details .close-button:hover{background-color:var(--color-primary-variant)}#logged-container .hidden{display:none}#logged-container .popupAlert{position:fixed;width:100%;height:100%;top:0;left:0;background-color:var(--color-light);z-index:20}#logged-container .popupBG{position:fixed;width:100%;height:100%;top:0;left:0;background-color:var(--color-light);z-index:10}#logged-container #myAlert-container .popup-container{border:1px solid var(--color-light);width:420px}#logged-container .popup-container{position:fixed;top:50%;left:50%;transform:translate(calc(-50% + 0rem),-50%);width:400px;background-color:var(--color-white);padding:20px;border-radius:var(--card-border-radius);border:1px solid var(--color-light);box-shadow:0 0 10px #0003;z-index:2;max-height:90%;overflow:auto}#logged-container .popup-container::-webkit-scrollbar{width:8px}#logged-container .popup-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}#logged-container .popup-container::-webkit-scrollbar-thumb{background:#2196f3;border-radius:10px}#logged-container .popup-container::-webkit-scrollbar-thumb:hover{background:#0b7dda}#logged-container .popup-container h2{text-align:center;margin-top:0}#logged-container .pAlone{margin:10px 0 0}#logged-container .comments{width:100%;padding:8px;margin-bottom:10px;border:1px solid var(--color-light);border-radius:4px}#logged-container .popup-container .form-group{margin:15px 0 0}#logged-container .popup-container .form-group label{display:block;font-weight:700;margin-top:5px;margin-bottom:3px}#logged-container .popup-container select,#logged-container .popup-container textarea,#logged-container .popup-container input[type=text]{width:100%;padding:8px;font-size:14px;border:1px solid var(--color-light);border-radius:5px;resize:none}#logged-container .popup-container a{text-decoration:underline;cursor:pointer}#logged-container .popup-container .switch{position:relative;display:inline-block;width:50px;height:26px;margin:.5rem 1rem}#logged-container .popup-container .switch input{opacity:0;width:0;height:0}#logged-container .popup-container .slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}#logged-container .popup-container .slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}#logged-container .popup-container input:checked+.slider{background-color:#2196f3}#logged-container .popup-container input:checked+.slider:before{transform:translate(24px)}#logged-container .popup-container input[type=color]{width:45%;height:20px}#logged-container .popup-container .limit-input-group{display:flex;align-items:center;gap:10px}#logged-container .popup-container .limit-input-group label{flex-basis:100px}#logged-container .popup-container .actions{display:flex;align-items:center;justify-content:space-evenly}#logged-container .popup-container .sliderContainer{display:flex;align-items:center}#logged-container .popup-container button[type=submit],#logged-container .popup-container button[type=button]{padding:8px 20px;font-size:16px;color:#fff;background-color:var(--color-primary);border:none;border-radius:5px;cursor:pointer}#logged-container .popup-container button[type=submit]:hover,#logged-container .popup-container button[type=button]:hover{background-color:var(--color-primary-variant)}#loading{display:none;position:fixed;height:100vh;width:100vw;text-align:center;z-index:100;background:var(--color-light);align-items:center;justify-content:center}#loading .lds-spinner{display:inline-block;position:relative;width:80px;height:80px}#loading .lds-spinner div{transform-origin:40px 40px;animation:lds-spinner 1.2s linear infinite}#loading .lds-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:37px;width:6px;height:18px;border-radius:20%;background:#0230ae}#loading .lds-spinner div:nth-child(1){transform:rotate(0);animation-delay:-1.1s}#loading .lds-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}#loading .lds-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}#loading .lds-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}#loading .lds-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}#loading .lds-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}#loading .lds-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}#loading .lds-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}#loading .lds-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}#loading .lds-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}#loading .lds-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}#loading .lds-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}#login-container{position:relative;width:300px;transform-origin:top;top:100px;margin:auto;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 6px #0000004d}#login-container h2{text-align:center;color:#293483}#login-container .form-group{margin-bottom:20px}#login-container label{display:block;font-weight:700;margin-bottom:5px}#login-container a{text-decoration:underline}#login-container input[type=text],#login-container input[type=password]{width:100%;padding:8px;font-size:14px;border:1px solid var(--color-light);border-radius:8px}#login-container button[type=submit]{padding:10px 20px;font-size:16px;color:#fff;background-color:var(--color-primary);border:none;border-radius:4px;cursor:pointer;width:100%;margin-bottom:20px}#login-container button[type=submit]:hover{background-color:var(--color-primary-variant)}#changepsw-container{position:relative;width:300px;transform-origin:top;top:100px;margin:auto;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 6px #0000004d}#changepsw-container h2{text-align:center;color:#293483}#changepsw-container .form-group{margin-bottom:20px}#changepsw-container label{display:block;font-weight:700;margin-bottom:5px}#changepsw-container input[type=text],#changepsw-container input[type=password]{width:100%;padding:8px;font-size:14px;border:1px solid var(--color-light);border-radius:8px}#changepsw-container button[type=submit]{padding:10px 20px;font-size:16px;color:#fff;background-color:var(--color-primary);border:none;border-radius:4px;cursor:pointer;width:100%}#changepsw-container button[type=submit]:hover{background-color:var(--color-primary-variant)}#restablishpsw-container{position:relative;width:300px;transform-origin:top;top:100px;margin:auto;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 6px #0000004d}#restablishpsw-container h2{text-align:center;color:#293483}#restablishpsw-container .form-group{margin-bottom:20px}#restablishpsw-container label{display:block;font-weight:700;margin-bottom:5px}#restablishpsw-container input[type=text]{width:100%;padding:8px;font-size:14px;border:1px solid var(--color-light);border-radius:8px}#restablishpsw-container button[type=submit]{padding:10px 20px;font-size:16px;color:#fff;background-color:var(--color-primary);border:none;border-radius:4px;cursor:pointer;width:100%;margin-top:10px}#restablishpsw-container button[type=submit]:hover{background-color:var(--color-primary-variant)}#restablishpsw-container button:not([type=submit]){padding:10px 20px;font-size:16px;border-radius:4px;cursor:pointer;width:100%;margin-top:10px;color:var(--color-primary);background-color:transparent;border:1px solid var(--color-primary)}#restablishpsw-container button:not([type=submit]):hover{background-color:color-mix(in srgb,var(--color-primary) 10%,transparent)}@media screen and (max-width:600px){#logged-container #myAlert-container .popup-container{border:1px solid var(--color-light);width:360px}#logged-container .popup-container{position:fixed;top:50%;left:50%;transform:translate(calc(-50% + 0rem),-50%);width:350px;background-color:var(--color-white);padding:20px;border-radius:var(--card-border-radius);border:1px solid var(--color-light);box-shadow:0 0 10px #0003;z-index:2}#logged-container .popup-container .form-group{margin:5px 0}#logged-container .popup-container select,#logged-container .popup-container textarea,#logged-container .popup-container input[type=text]{width:100%;padding:1px;font-size:14px;border:1px solid var(--color-light);border-radius:5px;resize:none}}#map-panel .map-container{display:grid;grid-template-columns:repeat(1,1fr);margin-top:.5rem;height:calc(100vh - 9rem);overflow:hidden;border-radius:var(--card-border-radius);border:1px solid var(--color-light);box-shadow:var(--box-shadow);min-height:500px}.map-container::-webkit-scrollbar{width:8px;height:8px;transform:scaleX(.9)}.map-container::-webkit-scrollbar-track{background-color:#f1f1f100}.map-container::-webkit-scrollbar-thumb{background-color:var(--color-light);border-radius:4px}.map-container::-webkit-scrollbar-thumb:hover{background-color:var(--color-primary)}#map-panel .map-container img{width:auto;height:100%}#models-panel #models-container{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}#models-panel #models-container>div{background:var(--color-white);padding:var(--card-padding);border-radius:var(--card-border-radius);border:1px solid var(--color-light);box-shadow:var(--box-shadow);transition:all .3s ease;cursor:pointer}#models-panel #models-container>div:hover{box-shadow:none}#models-panel #models-container>div span{background-color:var(--color-primary);padding:.5rem;border-radius:50%;color:var(--color-white);font-size:2rem}#models-panel #models-container>div .middle{display:flex;justify-content:space-between}#models-panel #models-container>div .new{margin-top:1rem;display:flex;align-items:center;justify-content:center}#models-panel #models-container .percentage{position:relative;width:90px;height:90px}#models-panel #models-container svg{width:90px;height:90px}#models-panel #models-container .percentage .number{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center}#models-panel #models-container svg circle{fill:none;stroke:var(--color-primary);stroke-width:14;stroke-linecap:round;transform:translate(7px,82px) scaleY(-1);transition:stroke 1s ease-in-out}#models-panel .recent-events{margin-top:2rem}#models-panel .recent-events h2{margin-bottom:.8rem}#models-panel .recent-events table{background:var(--color-white);width:100%;border-radius:var(--card-border-radius);border:1px solid var(--color-light);padding:var(--card-padding);text-align:center;box-shadow:var(--box-shadow);transition:all .3s ease}#models-panel .recent-events table:hover{box-shadow:none}#models-panel table tbody td{height:2.8rem;border-bottom:1px solid var(--color-light)}#models-panel table tbody tr:last-child td{border-bottom:none}#models-panel .recent-events a{text-align:center;display:block;margin:1rem auto;color:var(--color-primary)}@media screen and (max-width:900px){#models-panel #models-container{width:100%;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}}#projects-panel #projects-container{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:1rem}#projects-panel #projects-container>div{background:var(--color-white);padding:var(--card-padding);border-radius:var(--card-border-radius);border:1px solid var(--color-light);box-shadow:var(--box-shadow);overflow:hidden}#projects-panel #projects-container>div .projectInsight{display:grid;grid-template-columns:1fr 2fr 2fr;margin-top:.5rem;max-width:45rem}#projects-panel #projects-container>div span{background-color:var(--color-primary);padding:.5rem;border-radius:50%;color:var(--color-white);font-size:2rem}#projects-panel #projects-container .selectedProjectDiv{grid-column:1 / -1}#projects-panel #projects-container>div .new{margin-top:1rem;display:flex;align-items:center;justify-content:center}#projects-panel #projects-container>div .overview{padding-top:4px;padding-bottom:4px;display:flex;background-color:var(--color-light-success)}#projects-panel #projects-container>div .overviewTop{padding-top:4px;display:flex;width:70%;justify-content:space-between}#projects-panel #projects-container>div .overviewTopRight{text-align:right}#projects-panel #projects-container>div .overviewBottom{margin-left:1rem;align-content:end}#projects-panel .toolbar-btn{padding:.4rem .6rem;margin:.2rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:4px;cursor:pointer}#projects-panel .toolbar-btn:hover{background-color:var(--color-primary-variant)}@media screen and (max-width:1400px){#projects-panel #projects-container{grid-template-columns:repeat(1,1fr);gap:1.6rem}}@media screen and (max-width:900px){#projects-panel #projects-container{width:100%;grid-template-columns:repeat(1,1fr);gap:1rem}}@media screen and (max-width:500px){#projects-panel #projects-container{width:100%;grid-template-columns:repeat(1,1fr);gap:1rem}#projects-panel #projects-container>div .overview{display:block}#projects-panel #projects-container>div .overviewTop{width:100%}#projects-panel #projects-container>div .overviewBottom{margin:.5rem 0rem}}#reports-panel #reports-container{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}#reports-panel #reports-container>div{background:var(--color-white);padding:var(--card-padding);border-radius:var(--card-border-radius);border:1px solid var(--color-light);box-shadow:var(--box-shadow);transition:all .3s ease;cursor:pointer}#reports-panel #reports-container>div:hover{box-shadow:none}#reports-panel #reports-container>div span{background-color:var(--color-primary);padding:.5rem;border-radius:50%;color:var(--color-white);font-size:2rem}#reports-panel #reports-container>div .middle{display:flex;justify-content:space-between}#reports-panel #reports-container>div .new{margin-top:1rem;display:flex;align-items:center;justify-content:center}#reports-panel #reports-container .percentage{position:relative;width:90px;height:90px}#reports-panel #reports-container svg{width:90px;height:90px}#reports-panel #reports-container .percentage .number{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center}#reports-panel #reports-container svg circle{fill:none;stroke:var(--color-primary);stroke-width:14;stroke-linecap:round;transform:translate(7px,82px) scaleY(-1);transition:stroke 1s ease-in-out}#settings-panel h3{display:flex;width:100%;align-items:center;justify-content:baseline;margin-top:1rem;padding:.5rem 1.6rem}#settings-panel #settings-container{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}#settings-panel #settings-container>div{background:var(--color-white);padding:var(--card-padding);border-radius:var(--card-border-radius);border:1px solid var(--color-light);box-shadow:var(--box-shadow);transition:all .3s ease;cursor:pointer}#settings-panel #settings-container>div:hover{box-shadow:none}#settings-panel #settings-container>div span{background-color:var(--color-primary);padding:.5rem;border-radius:50%;color:var(--color-white);font-size:2rem}#settings-panel #settings-container>div .new{margin-top:1rem;display:flex;align-items:center;justify-content:center}#settings-panel #settings-container>div hr{margin:.5rem 0;height:1px;padding:2px;box-shadow:0 1px #ccc}@media screen and (max-width:900px){#settings-panel #settings-container{width:100%;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}}.profile-photo{width:3rem;height:3rem;border-radius:50%;overflow:hidden}.annoucement{background-color:var(--color-danger);color:var(--color-white);text-align:center;padding:.1rem .5rem}.annoucement:hover{cursor:pointer}.top-bar{display:flex;align-items:center}.top-bar select{width:20rem;padding:.5rem;font-family:PTSansNarrow;font-size:1.2rem;border:1px solid var(--color-light);border-radius:.5rem}.top-bar .option{display:flex;padding:1rem;margin-right:.5rem;align-items:center;position:relative;height:3rem;transition:all .3s ease;cursor:pointer}.top-bar .active{background-color:var(--color-light);color:var(--color-primary)}.top-bar .option:hover{color:var(--color-primary)}.top-bar .topButton{cursor:pointer;margin:.5rem;padding:.2rem .5rem;background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:.5rem}.top-bar .topButton:hover{background-color:var(--color-light)}.myAsideBig{height:100vh;position:fixed;width:192px}.myAsideSmall{height:100vh;position:fixed;width:48px}#closeSideBar4Cellphone{display:none}aside .top{padding-top:16px;height:108px}aside .top img{width:100%;height:auto}.myAsideBig .longLogo{display:flex}.myAsideSmall .longLogo,.myAsideBig .shortLogo{display:none}.myAsideSmall .shortLogo{display:flex;margin-top:0}aside .close{display:none}aside .sidebar{display:flex;flex-direction:column;height:calc(100vh - 9rem);position:relative}.myAsideBig .sidebar h3{font-weight:500}.myAsideSmall .sidebar h3{display:none}.myAsideBig .sidebar a{display:flex;margin-left:5px;gap:1rem;align-items:center;position:relative;height:3.7rem;transition:all .3s ease}.myAsideSmall .sidebar a{display:flex;margin-left:auto;margin-right:auto;align-items:center;position:relative;height:3.7rem;transition:all .3s ease;gap:.1rem}aside .sidebar a span{font-size:1.6rem;transition:all .3s ease}.myAsideBig #side-menuOpenBtn{display:none}.myAsideSmall #side-menuOpenBtn{position:absolute;bottom:1rem;left:.5rem}.myAsideBig #side-menuCloseBtn{position:absolute;bottom:1rem}.myAsideSmall #side-menuCloseBtn{display:none}aside .sidebar a.active{color:var(--color-primary)}aside .sidebar a.active span{color:var(--color-primary)}aside .sidebar a:hover{color:var(--color-primary)}aside .sidebar a:hover span{margin-left:4px}aside .sidebar #new-events-count{background:var(--color-danger);color:var(--color-white);padding:2px 10px;font-size:1rem;border-radius:var(--border-radius-1)}.topbar{position:absolute;top:0;right:0;margin-top:1rem;margin-right:1rem;display:flex;justify-content:end;gap:2rem}.topbar button{display:none}.topbar .profile{display:flex;gap:2rem;text-align:right}#menu-btn{display:none}#actionSelection-actions>div{padding:.5rem;font-size:1.1rem;border-top:1px}#actionSelection-actions>div:hover{background-color:var(--color-light)}@media screen and (max-height:500px){.myAsideBig #side-menuOpenBtn{display:none}.myAsideSmall #side-menuOpenBtn{position:relative;bottom:0;margin-top:1rem;left:0}.myAsideBig #side-menuCloseBtn{position:relative;bottom:0;margin-top:1rem}.myAsideSmall #side-menuCloseBtn{display:none}}@media screen and (max-width:1400px){.myAsideBig{padding-left:2rem;padding-right:2rem;position:fixed;left:0%;background:var(--color-white);width:16rem;z-index:10;box-shadow:1rem 3rem 4rem var(--color-light);height:100vh}}@media screen and (max-width:900px){.myAsideSmall{padding-left:2rem;padding-right:2rem;position:fixed;left:0%;background:var(--color-white);width:16rem;z-index:10;box-shadow:1rem 3rem 4rem var(--color-light);height:100vh;animation:hidemenu .2s ease forwards}@keyframes hidemenu{to{left:-100%}}.myAsideBig #closeSideBar4Cellphone{display:block;position:fixed;top:0;right:0;bottom:0;left:16rem;width:100%;height:100%}.myAsideBig{left:-100%;animation:showmenu .4s ease forwards}@keyframes showmenu{to{left:0}}aside .close{display:inline-block;cursor:pointer}.top-bar{display:flex;flex-direction:column;align-items:center}#menu-btn{display:block;z-index:9;position:fixed;background-color:var(--color-primary);align-items:center;height:64px;width:64px;border-radius:50%;bottom:16px;left:16px}#menu-btn span{position:absolute;bottom:12px;left:12px;font-size:40px;color:#fff}}:root{--color-primary: #1266F1;--color-danger: #ff4252;--color-success: #1ed660;--color-warning: #e18700;--color-disable: #6b6d78;--color-white: #ffffff;--color-dark: #363949;--color-light: rgba(132, 139, 200, .541);--color-light-primary: rgba(0, 100, 200, .2);--color-light-success: rgba(0, 200, 0, .2);--color-light-danger: rgba(200, 0, 0, .2);--color-primary-variant: #0d4eb5;--color-primary-smart: linear-gradient(45deg, #1266f1, #02ffd1);--color-primary-text: #293483;--color-dark-variant: #677483;--color-background: #ffffff;--color-info-dark: #656565;--card-border-radius: 1.2rem;--border-radius-1: .4rem;--border-radius-2: .8rem;--border-radius-3: 1.2rem;--card-padding: 1.2rem;--padding: 1.2rem;--box-shadow: 0 0rem 1rem var(--color-light);--signalIcon-shadow: .3rem .3rem .1rem var(--color-light);--site-shadow: 0 0rem 1rem var(--color-light)}*{margin:0;padding:0;outline:0;border:0;text-decoration:none;list-style:none;box-sizing:border-box}@font-face{font-family:BarlowSemiCondensed;src:url(../fonts/BarlowSemiCondensed-Regular.ttf) format("truetype")}@font-face{font-family:PTSansNarrow;src:url(../fonts/PTSansNarrow-Bold.ttf) format("truetype")}body{width:100vw;height:100vh;font-size:1rem;background:var(--color-background);user-select:none;overflow-x:hidden;font-family:BarlowSemiCondensed,sans-serif}a{color:var(--color-dark)}img{display:block;width:100%}h1{font-family:PTSansNarrow;font-weight:400;font-size:2.2rem}h2{font-family:PTSansNarrow;font-weight:400;font-size:1.6rem}h3{font-size:1.1rem}h4{font-size:1rem}h5{font-size:.9rem}small{font-size:.8rem}p{color:var(--color-dark-variant)}b{color:var(--color-dark)}.primary{color:var(--color-primary)}.danger{color:var(--color-danger)}.success{color:var(--color-success)}.warning{color:var(--color-warning)}.text-muted{color:var(--color-info-dark)}.logged-containerBig{width:calc(100% - 2.5rem);margin:0 auto;gap:1rem;grid-template-columns:192px auto}.logged-containerSmall{width:calc(100% - 2.5rem);margin:0 auto;grid-template-columns:3rem auto;gap:1rem}main{margin-top:1rem}@media screen and (max-width:1400px){#logged-container{width:calc(100% - 2.5rem);grid-template-columns:3rem auto;gap:1rem}}@media screen and (max-width:900px){#logged-container{width:100%;grid-template-columns:1fr}main{width:100vw;padding:1rem}}#visuals-panel #visuals-container{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}#visuals-panel #visuals-container>div{background:var(--color-white);padding:var(--card-padding);overflow:hidden;border-radius:var(--card-border-radius);border:1px solid var(--color-light);box-shadow:var(--box-shadow);transition:all .3s ease;cursor:pointer}#visuals-panel #visuals-container .diagramVisual{padding:0}#visuals-panel #visuals-container .mapVisual{padding:0;min-height:500px}#visuals-panel #visuals-container>div:hover{box-shadow:none}#visuals-panel #visuals-container>div hr{height:1px;margin:8px 0;box-shadow:0 1px #ccc}#visuals-panel #visuals-container>div span{background-color:var(--color-primary);padding:.5rem;border-radius:50%;color:var(--color-white);font-size:2rem}#visuals-panel #visuals-container>div .top{padding-top:4px;display:flex;justify-content:space-between}#visuals-panel #visuals-container>div .top H3{text-align:end}#visuals-panel #visuals-container>div .middle{display:flex;justify-content:space-between}#visuals-panel #visuals-container>div .new{margin-top:1rem;display:flex;align-items:center;justify-content:center}#visuals-panel #visuals-container .percentage{position:relative;width:90px;height:90px}#visuals-panel #visuals-container .medidor{width:90px;height:90px}#visuals-panel #visuals-container .medidor circle{fill:none;stroke:var(--color-primary);stroke-width:14;stroke-linecap:round;transform:translate(7px,82px) scaleY(-1);transition:stroke 1s ease-in-out}#visuals-panel #visuals-container .percentage .number{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center}#visuals-panel #visuals-container>div .bottom{display:flex;justify-content:space-between}#visuals-panel #visuals-container button{padding:4px 10px;font-size:16px;color:#fff;background-color:var(--color-primary);border:none;border-radius:5px;cursor:pointer}#visuals-panel #visuals-container button:hover{background-color:var(--color-primary-variant)}.signalIconSpan{width:3rem;height:3rem;overflow:hidden}.sideIconSpan{max-width:2rem;overflow:hidden}.visualH122{display:grid;grid-template-columns:1fr 2fr 2fr;margin-top:.5rem}.visualH111{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:.5rem}.visualH111>h2:last-child{padding-left:.5rem}.distributeVertical{display:flex;flex-direction:column;align-items:flex-start}.signalIcon{background-color:var(--color-primary);padding:.5rem;border-radius:50%;color:var(--color-white);font-size:2rem}.signalIconAction{background-color:var(--color-primary);padding:.5rem;border-radius:50%;color:var(--color-white);font-size:2rem;box-shadow:var(--signalIcon-shadow)}.signalIconAction:hover{box-shadow:none}#visuals-panel .recent-events{margin-top:2rem}#visuals-panel .recent-events h2{margin-bottom:.8rem}#visuals-panel .recent-events table{background:var(--color-white);width:100%;border-radius:var(--card-border-radius);border:1px solid var(--color-light);padding:var(--card-padding);text-align:center;box-shadow:var(--box-shadow);transition:all .3s ease}#visuals-panel .recent-events table:hover{box-shadow:none}#visuals-panel table tbody td{height:2.8rem;border-bottom:1px solid var(--color-light)}#visuals-panel table tbody tr:last-child td{border-bottom:none}#visuals-panel .recent-events a{text-align:center;display:block;margin:1rem auto;color:var(--color-primary)}@media screen and (max-width:900px){#visuals-panel #visuals-container{width:100%;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}}