diff --git a/assets/css/app.css b/assets/css/app.css index 18e8c0a..54e749d 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -1 +1 @@ -:root{--logo-color:#0182dd;--background-color:#f7fafd;--text-color:#222;--text-color-white:#fff;--route:#a2238e;--route-1:#ec008c;--route-3:#00a650;--route-5:#e77817;--route-6:#f9c0c1;--route-7:#2e3092;--route-8:#d2e288;--route-9:#4ea391;--route-11:#f05b72;--route-13:#00adef;--aqi-good:#00e400;--aqi-moderate:#ffff00;--aqi-unhealthy-sensitive:#ff7d00;--aqi-unhealthy:#fe0000;--aqi-very-unhealthy:#99004c;--aqi-hazardous:#7e0022;--parking-available:#4cacf6;--parking-occupied:#f64c4c;--parking-reserved:#f6a04c;--waste-collection:#9cc026;--toggle-background-color:#3bbde3;--toggle-disabled-background-color:#c1eaf6;--map-border-color:#e1e1e1;--map-controls-background-color:rgba(255, 255, 255, 0.75);--map-controls-background-color-hover:rgba(255, 255, 255, 0.95);--separator-line:#d1d1d1;--button-default-background-color:#f1f1f1;--button-default-background-color-hover:#e7e7e7;--button-default-text-color:#222;--button-primary-background-color:#3bbde3;--button-primary-background-color-hover:#25b5e0;--button-primary-text-color:#fff;--button-disabled-background-color:#f1f1f1;--button-disabled-background-color-hover:#e4e4e4;--button-disabled-text-color:#b9b9b9;--google-map-control-background-color:#fff;--google-map-control-text-color:#666;--google-map-control-text-color-hover:#222;--google-map-control-text-color-selected:#0182dd}@font-face{font-family:iasidigital;src:url(https://iasi.digital/assets/fonts/iasidigital-v1/iasidigital.eot);src:url(https://iasi.digital/assets/fonts/iasidigital-v1/iasidigital.eot?#iefix) format('embedded-opentype'),url(https://iasi.digital/assets/fonts/iasidigital-v1/iasidigital.woff) format('woff'),url(https://iasi.digital/assets/fonts/iasidigital-v1/iasidigital.ttf) format('truetype'),url(https://iasi.digital/assets/fonts/iasidigital-v1/iasidigital.svg#iasidigital) format('svg');font-weight:400;font-style:normal}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.container{margin:0 auto;padding:0 1em}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}@media (min-width:1400px){.container{width:1370px}}*,:after,:before{box-sizing:border-box}:invalid{box-shadow:none;outline:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px #3e77bb}::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5);background:var(--logo-color)}::-webkit-scrollbar-thumb:window-inactive{background:var(--background-color)}html{scroll-behavior:smooth}@media (orientation:portrait){html{height:100%}}@media (orientation:landscape) and (min-device-width:768px){html{height:100%}}@media (min-width:768px) and (-webkit-device-pixel-ratio:3) and (orientation:landscape){html{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}}body{background-color:var(--background-color);font:400 16px/1.6 Rubik,Tahoma,Arial,sans-serif;color:var(--text-color);text-rendering:optimizeLegibility;text-shadow:1px 1px 1px rgba(0,0,0,.01);-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--text-color);text-decoration:none}a:hover{color:var(--text-color);outline:0}a:active{outline:0}h1,h2,h3,h4{font-family:Rubik,Arial,sans-serif;font-weight:400;margin:0;text-align:center}@media (min-width:768px){h1,h2,h3,h4{text-align:left}}h1{font-size:1.6em;line-height:1.45em}h2{font-size:1.45em;line-height:1.22em}h3{font-size:1.22em}h4{font-size:1.06em}p{padding:0;margin:0}ol,ul{padding:0;margin:0;list-style:none}img{vertical-align:middle}picture{display:block;position:relative}button,input,label,textarea{font-family:Rubik,Arial,sans-serif;font-weight:400;margin:0}hr{border:0;height:0;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(255,255,255,.3)}hr.hr-clean{flex-basis:100%;border:0}::-webkit-input-placeholder{color:var(--text-color);background:0 0}::-moz-placeholder{color:var(--text-color)}:-ms-input-placeholder{color:var(--text-color)}:-moz-placeholder{color:var(--text-color)}.form-group{margin-top:1.4em}.form-group.clean-margin,.form-group:nth-of-type(1){margin-top:0}.form-group.form-group-centered{align-items:center}@media (min-width:768px){.form-group.form-group-sm{width:50%}}.form-group-inline{padding-bottom:0;display:flex;flex-flow:column nowrap;margin-bottom:0;align-items:center}.form-group-inline.fqi-as-row{flex-flow:row nowrap}@media (min-width:768px){.form-group-inline{display:flex;flex-flow:row nowrap;margin-bottom:0;align-items:center}.form-group-inline.fgi-start{justify-content:flex-start}.form-group-inline.fgi-align-start{align-items:flex-start}.form-group-inline.fgi-margins>:not(:first-child){margin-left:.75em}.form-group-inline.fgi-separator{border-top:1px solid var(--separator-line);padding-top:1em;margin-top:1em}.form-group-inline.fgi-bordered{border:1px solid var(--separator-line);border-radius:.5em;padding:1em}}.form-group-inline>div{margin-top:1.4em;width:100%}@media (min-width:768px){.form-group-inline>div{margin-top:0;width:47.5%}}@media (min-width:768px){.form-group-inline.cols-3>div{width:33.33333333%;margin-left:1em}.form-group-inline.cols-3>div:nth-child(1){margin:0}}@media (min-width:768px){.form-group-inline.cols-4>div{width:25%;margin-left:1em}.form-group-inline.cols-4>div:nth-child(1){margin:0}}.form-label{display:block;max-width:100%;margin:0 0 .25em;font-size:1em}.form-label.form-label-inline{display:inline-block;margin:0}.form-control{position:relative;display:block;width:100%;max-width:100%;padding:.6em .8em;font-size:1em;background-color:var(--input-primary-background-color);color:var(--text-color);border-radius:.25em;border-style:solid;border-width:1px 1px 1px 1px;border-color:var(--input-primary-border-color);transition:border-bottom-color 50ms;-ms-touch-action:manipulation;touch-action:manipulation}.form-control:active,.form-control:focus{outline:0;border-color:var(--input-primary-border-hover-color);box-shadow:0 0 .25em var(--input-primary-shadow-color)}.form-control:disabled{background-color:var(--color-input-disabled-background-color)}.form-control.form-control-dark{background-color:var(--input-secondary-background-color);color:var(--text-color-white);border-color:var(--input-secondary-border-color)}.form-control.form-control-dark:active,.form-control.form-control-dark:focus{border-color:var(--input-secondary-border-hover-color);box-shadow:0 0 .75em var(--input-secondary-shadow-color)}.form-control.form-control-no-shadow:active,.form-control.form-control-no-shadow:focus{box-shadow:none}.form-control.form-control-1{border-color:var(--button-tertiary-background-color)}.form-control.form-control-2pbb{border-width:1px 1px 2px}.form-control.form-control-sm{font-size:.9em;padding:.4em 1em;line-height:1.5em}.form-control.form-control-upload{position:absolute;top:0;right:0;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0;filter:alpha(opacity=0)}.form-control.form-control-upload-drop{width:100%;height:100%}.form-control.form-control-symbol{text-transform:uppercase}.form-control:-webkit-autofill{-webkit-box-shadow:0 0 0 40px var(--color-input-border-color) inset;border-color:var(--color-input-border-color)}.form-control:-webkit-autofill::first-line{font-family:Rubik,Arial,sans-serif;font-weight:400;margin:0;font-size:1.1em}.form-buttons{display:flex;flex-flow:column nowrap;justify-content:space-around;align-items:center;margin:2em auto 0}@media (min-width:424px){.form-buttons{justify-content:space-around}}@media (min-width:768px){.form-buttons{flex-flow:row nowrap;justify-content:flex-start}}.form-buttons a.btn,.form-buttons button,.form-buttons input[type=button],.form-buttons input[type=reset],.form-buttons input[type=submit]{width:100%;margin:1em auto 0}@media (min-width:768px){.form-buttons a.btn,.form-buttons button,.form-buttons input[type=button],.form-buttons input[type=reset],.form-buttons input[type=submit]{width:auto;margin:0 0 0 .75em}}.form-buttons a.btn:first-child,.form-buttons button:first-child,.form-buttons input[type=button]:first-child,.form-buttons input[type=reset]:first-child,.form-buttons input[type=submit]:first-child{margin:0}.form-buttons a.btn.ml,.form-buttons button.ml,.form-buttons input[type=button].ml,.form-buttons input[type=reset].ml,.form-buttons input[type=submit].ml{margin-left:auto}.form-buttons a.btn.mr,.form-buttons button.mr,.form-buttons input[type=button].mr,.form-buttons input[type=reset].mr,.form-buttons input[type=submit].mr{margin-right:auto}.form-select{position:relative}.form-select select{padding-right:2.5em;appearance:none}.form-select select option{color:var(--text-color)}.form-select select.form-control-dark option{color:var(--text-color-white)}.form-select:after{position:absolute;display:block;content:'';border:3px solid var(--text-color);border-radius:2px;border-right:0;border-top:0;height:.625em;margin-top:-.4375em;pointer-events:none;top:50%;transform:rotate(-45deg);transform-origin:center;width:.625em;right:1em}.form-select.form-select-dark:after{border:3px solid var(--text-color-white);border-right:0;border-top:0}.form-progress-bar{width:100%;margin:0 auto;padding:0;height:8px;vertical-align:top}.form-progress-bar.form-progress-bar-password-strength{height:12px;vertical-align:bottom}.form-progress-bar.progress-bar-danger{accent-color:var(--danger)}.form-progress-bar.progress-bar-warning{accent-color:var(--orange)}.form-progress-bar.progress-bar-success{accent-color:var(--green)}.btn{display:inline-block;font-family:Rubik,Tahoma,sans-serif;font-size:1em;border-radius:.3em;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:0;line-height:1.75em;padding:.4em 1em;transition:background-color 50ms;border:1px solid transparent}.btn:active,.btn:focus{box-shadow:none;outline:0}.btn.btn-lg{font-size:1.25em;padding:.4em 1em;line-height:2em}.btn.btn-sm{font-size:.9em;padding:.4em 1em;line-height:1.5em}.btn.btn-xsm{font-size:.8em;padding:.4em .6em;line-height:1.25em}.btn.btn-centered{display:table;margin:auto}.btn.btn-disabled,.btn:disabled{background-color:var(--button-disabled-background-color);color:var(--text-color-disabled);cursor:not-allowed}.btn.btn-disabled:hover,.btn:disabled:hover{background-color:var(--button-disabled-background-color-hover);color:var(--text-color-disabled)}.btn.btn-clear{background:0 0;border:none;outline:0;border-radius:0}@media (max-width:425px){.btn.btn-wide-mobile{width:100%}}.btn-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.6em;min-width:2.6em;height:1.4em;background:#ddd;border-radius:3em;position:relative;cursor:pointer;outline:0;transition:all .2s ease-in-out;border:none}.btn-toggle:after{position:absolute;content:'';width:1.4em;height:1.4em;border-radius:50%;background:#fff;box-shadow:0 0 .25em rgba(0,0,0,.3);transform:scale(.7);left:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.btn-toggle:checked{background:var(--toggle-background-color)}.btn-toggle:checked:after{left:45%}.btn-toggle:disabled{background:var(--toggle-disabled-background-color)}.page{display:flex;flex-flow:column nowrap;background-color:var(--background-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%23ffffff' stroke-width='0.77' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='scale(10) translate(-900 -675)'%3E%3Cuse fill='%23fafafa' href='%23s' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s' x='1' y='2'/%3E%3Cuse fill='%23f5f5f5' href='%23s' x='2' y='2'/%3E%3Cuse fill='%23f5f5f5' href='%23s'/%3E%3Cuse fill='%23f0f0f0' href='%23s' x='2'/%3E%3Cuse fill='%23f0f0f0' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='scale(10) translate(-900 -675)'%3E%3Cg fill='%23ebebeb'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(10) translate(-900 -675)'%3E%3Cg fill='%23ebebeb'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(10) translate(-900 -675)'%3E%3Cg fill='%23e5e5e5'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='scale(10) translate(-900 -675)'%3E%3Cg fill='%23ffffff'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%23e0e0e0'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='scale(10) translate(-900 -675)'%3E%3Cg fill='%230182dd'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='scale(10) translate(-900 -675)'%3E%3Cg fill='%230182dd'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='scale(10) translate(-900 -675)'%3E%3Cg fill='%230182dd'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E");background-attachment:fixed;background-size:cover;height:100%}.page.no-scroll{overflow:hidden}.page header{padding:2em 0}@media (min-width:768px){.page header{padding:3em 0}}.page header .container{display:flex;flex-flow:column nowrap;justify-content:center}@media (min-width:576px){.page header .container{flex-flow:row nowrap;justify-content:flex-start}}.page header .container .logo{margin:auto}@media (min-width:768px){.page header .container .logo{margin:0}}.page header .container .logo h1{display:flex;flex-flow:row nowrap;align-items:center;font-size:2.15em;font-weight:400;text-transform:uppercase;color:var(--logo-color)}.page header .container .logo h1 strong{font-size:1.4em;font-weight:600}.page main{position:relative;flex-grow:1}[data-icon]:before{display:table-cell;font-family:iasidigital;font-variant:normal;font-size:inherit;font-weight:400;font-style:normal;text-transform:none;text-rendering:auto;line-height:.8;content:attr(data-icon);vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hide{display:none}.show{display:block}.pull-left{float:left}.pull-right{float:right}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-upper{text-transform:uppercase}.text-lower{text-transform:lowercase}.text-cap{text-transform:capitalize}.text-colored{color:var(--color)}.spinner{width:48px;height:48px;clear:both;margin:2em auto;border-radius:50%;-webkit-animation:circleRotation .5s infinite linear;animation:circleRotation .5s infinite linear;border:2px var(--logo-color) solid;border-top:2px transparent solid}.spinner.spinner-sm{width:32px;height:32px;border-width:1px;margin:0 auto}.spinner.spinner-no-margin{margin:0}@-webkit-keyframes circleRotation{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(359deg)}}.btn-default{background-color:var(--button-default-background-color);color:var(--button-default-text-color)}.btn-default.active,.btn-default:hover{background-color:var(--button-default-background-color-hover);color:var(--button-default-text-color-hover)}.btn-primary{background-color:var(--button-primary-background-color);color:var(--button-primary-text-color)}.btn-primary.active,.btn-primary:hover{background-color:var(--button-primary-background-color-hover);color:var(--button-primary-text-color-hover)}.btn-bordered-default{background-color:var(--button-bordered-default-background-color);border-color:var(--button-bordered-default-border-color);color:var(--button-bordered-default-text)}.btn-bordered-default.active,.btn-bordered-default:hover{background-color:var(--button-bordered-default-background-color-hover);border-color:var(--button-bordered-default-border-color-hover);color:var(--button-bordered-default-text-color-hover)}.btn-bordered-venue{background-color:var(--button-bordered-venue-background-color);border-color:var(--button-bordered-venue-border-color);color:var(--button-venue-default-text)}.btn-bordered-venue.active,.btn-bordered-venue:hover{background-color:var(--button-bordered-venue-background-color-hover);border-color:var(--button-bordered-venue-border-color-hover);color:var(--button-bordered-venue-text-color-hover)}.ic-ml-5{margin-left:5px}.ic-mr-5{margin-right:5px}.ic-mlr-5{margin:0 5px}.ic-mr-10{margin-right:10px}.ic-x2{font-size:2em}#map{width:87.5%;margin:auto;min-height:500px;padding:0 15px;border:1px solid var(--map-border-color);border-radius:.25em}@media (min-width:768px){#map{width:100%;min-height:650px;height:100%;padding:0;border-left:none;border-right:none;border-radius:0}}#map .googleMap{width:100%;height:100%;min-height:450px;box-shadow:0 0 2px rgba(0,0,0,.4)}@media (min-width:768px){#map .googleMap{min-height:650px;box-shadow:none}}#mapPopup{display:flex;flex-flow:column nowrap;width:200px;padding:6px 0}#mapPopup>header{display:flex;flex-flow:row;align-items:center;font-size:1em;padding:0;margin:0}#mapPopup>header h5{font-weight:500;font-size:1.3em;padding:0;margin:0}#mapPopup>header h6{font-width:500;font-size:1em;margin:0 auto .25em;padding:0}#mapPopup>header span.vehicle-type{font-size:1em}#mapPopup>header .label{display:inline-block;font-weight:400;border-radius:.25em}#mapPopup>header span.route{color:var(--text-color-white);padding:4px 8px;background-color:var(--route)}#mapPopup>header span.route.route-1{background-color:var(--route-1)}#mapPopup>header span.route.route-3{background-color:var(--route-3)}#mapPopup>header span.route.route-5{background-color:var(--route-5)}#mapPopup>header span.route.route-6{background-color:var(--route-6);color:var(--text-color)}#mapPopup>header span.route.route-7{background-color:var(--route-7)}#mapPopup>header span.route.route-8{background-color:var(--route-8);color:var(--text-color)}#mapPopup>header span.route.route-9{background-color:var(--route-9)}#mapPopup>header span.route.route-11{background-color:var(--route-11)}#mapPopup>header span.route.route-13{background-color:var(--route-13)}#mapPopup>header span.aqi{display:inline-block;font-weight:400;border-radius:.25em;color:var(--text-color-white);padding:4px 8px}#mapPopup>header span.aqi.aqi-good{background-color:var(--aqi-good)}#mapPopup>header span.aqi.aqi-moderate{background-color:var(--aqi-moderate);color:var(--text-color)}#mapPopup>header span.aqi.aqi-unhealthy-sensitive{background-color:var(--aqi-unhealthy-sensitive)}#mapPopup>header span.aqi.aqi-unhealthy{background-color:var(--aqi-unhealthy)}#mapPopup>header span.aqi.aqi-very-unhealthy{background-color:var(--aqi-very-unhealthy)}#mapPopup>header span.aqi.aqi-hazardous{background-color:var(--aqi-hazardous)}#mapPopup>header span.parking{color:var(--text-color-white);padding:4px 8px;background-color:var(--route)}#mapPopup>header span.parking.parking-1{background-color:var(--parking-available)}#mapPopup>header span.parking.parking-2{background-color:var(--parking-occupied)}#mapPopup>header span.parking.parking-3{background-color:var(--parking-reserved)}#mapPopup>main{margin:10px 0 0}#mapPopup>main h6{font-width:500;font-size:1em;margin:1em auto .25em;padding:0}.mapControls{width:100%;padding:20px}@media (min-width:768px){.mapControls{position:absolute;right:10px;top:10px;width:30%;padding:15px;border-radius:.25em;box-shadow:0 0 2px rgba(0,0,0,.2);background-color:var(--map-controls-background-color)}.mapControls:hover{background-color:var(--map-controls-background-color-hover)}}@media (min-width:992px){.mapControls{width:25%}}@media (min-width:1200px){.mapControls{width:20%}}.mapControls ul li{margin:10px 0 0}.mapControls ul li:nth-child(1){margin:0}.mapControls h3{position:relative;display:block;text-transform:uppercase;margin:0 0 14px;font-weight:500;font-size:1em}.mapControls h3 .spinner{position:absolute;top:-30px;right:0;width:22px;height:22px;border-width:1px}.mapControls .btn-precise-location{padding:0;margin-left:auto}.mapCustomControl{position:relative;background-color:var(--google-map-control-background-color);color:var(--google-map-control-text-color);width:40px;height:40px;cursor:pointer;appearance:none;padding:0;margin:0;border:0;box-shadow:rgba(0,0,0,.3) 0 1px 4px -1px;border-radius:2px;right:10px;font-size:1.8em}.mapCustomControl:hover{color:var(--google-map-control-text-color-hover)}.mapCustomControl.selected{color:var(--google-map-control-text-color-selected)}.mapCustomControl.separator{bottom:10px} \ No newline at end of file +:root{--logo-color:#0182dd;--background-color:#f7fafd;--text-color:#222;--text-color-white:#fff;--route:#a2238e;--route-1:#ec008c;--route-3:#00a650;--route-5:#e77817;--route-6:#f9c0c1;--route-7:#2e3092;--route-8:#d2e288;--route-9:#4ea391;--route-11:#f05b72;--route-13:#00adef;--aqi-good:#00e400;--aqi-moderate:#ffff00;--aqi-unhealthy-sensitive:#ff7d00;--aqi-unhealthy:#fe0000;--aqi-very-unhealthy:#99004c;--aqi-hazardous:#7e0022;--parking-available:#4cacf6;--parking-occupied:#f64c4c;--parking-reserved:#f6a04c;--waste-collection:#9cc026;--toggle-background-color:#3bbde3;--toggle-disabled-background-color:#c1eaf6;--map-border-color:#e1e1e1;--map-controls-background-color:rgba(255, 255, 255, 0.75);--map-controls-background-color-hover:rgba(255, 255, 255, 0.95);--separator-line:#d1d1d1;--button-default-background-color:#f1f1f1;--button-default-background-color-hover:#e7e7e7;--button-default-text-color:#222;--button-primary-background-color:#3bbde3;--button-primary-background-color-hover:#25b5e0;--button-primary-text-color:#fff;--button-disabled-background-color:#f1f1f1;--button-disabled-background-color-hover:#e4e4e4;--button-disabled-text-color:#b9b9b9;--google-map-control-background-color:#fff;--google-map-control-text-color:#666;--google-map-control-text-color-hover:#222;--google-map-control-text-color-selected:#0182dd;--notification-info-background-color:#abcbed;--notification-info-text-color:#222;--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#ffffff;--gray:#6c757d;--gray-dark:#343a40;--black:#000;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40}@font-face{font-family:iasidigital;src:url(https://iasidigital.idealweb.ro/assets/fonts/iasidigital-v1/iasidigital.eot);src:url(https://iasidigital.idealweb.ro/assets/fonts/iasidigital-v1/iasidigital.eot?#iefix) format('embedded-opentype'),url(https://iasidigital.idealweb.ro/assets/fonts/iasidigital-v1/iasidigital.woff) format('woff'),url(https://iasidigital.idealweb.ro/assets/fonts/iasidigital-v1/iasidigital.ttf) format('truetype'),url(https://iasidigital.idealweb.ro/assets/fonts/iasidigital-v1/iasidigital.svg#iasidigital) format('svg');font-weight:400;font-style:normal}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.container{margin:0 auto;padding:0 1em}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}@media (min-width:1400px){.container{width:1370px}}*,:after,:before{box-sizing:border-box}:invalid{box-shadow:none;outline:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px #3e77bb}::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5);background:var(--logo-color)}::-webkit-scrollbar-thumb:window-inactive{background:var(--background-color)}html{scroll-behavior:smooth}@media (orientation:portrait){html{height:100%}}@media (orientation:landscape) and (min-device-width:768px){html{height:100%}}@media (min-width:768px) and (-webkit-device-pixel-ratio:3) and (orientation:landscape){html{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}}body{background-color:var(--background-color);font:400 16px/1.6 Rubik,Tahoma,Arial,sans-serif;color:var(--text-color);text-rendering:optimizeLegibility;text-shadow:1px 1px 1px rgba(0,0,0,.01);-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--text-color);text-decoration:none}a:hover{color:var(--text-color);outline:0}a:active{outline:0}h1,h2,h3,h4{font-family:Rubik,Arial,sans-serif;font-weight:400;margin:0;text-align:center}@media (min-width:768px){h1,h2,h3,h4{text-align:left}}h1{font-size:1.6em;line-height:1.45em}h2{font-size:1.45em;line-height:1.22em}h3{font-size:1.22em}h4{font-size:1.06em}p{padding:0;margin:0}ol,ul{padding:0;margin:0;list-style:none}img{vertical-align:middle}picture{display:block;position:relative}button,input,label,textarea{font-family:Rubik,Arial,sans-serif;font-weight:400;margin:0}hr{border:0;height:0;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(255,255,255,.3)}hr.hr-clean{flex-basis:100%;border:0}::-webkit-input-placeholder{color:var(--text-color);background:0 0}::-moz-placeholder{color:var(--text-color)}:-ms-input-placeholder{color:var(--text-color)}:-moz-placeholder{color:var(--text-color)}.form-group{margin-top:1.4em}.form-group.clean-margin,.form-group:nth-of-type(1){margin-top:0}.form-group.form-group-centered{align-items:center}@media (min-width:768px){.form-group.form-group-sm{width:50%}}.form-group-inline{padding-bottom:0;display:flex;flex-flow:column nowrap;margin-bottom:0;align-items:center}.form-group-inline.fqi-as-row{flex-flow:row nowrap}@media (min-width:768px){.form-group-inline{display:flex;flex-flow:row nowrap;margin-bottom:0;align-items:center}.form-group-inline.fgi-start{justify-content:flex-start}.form-group-inline.fgi-align-start{align-items:flex-start}.form-group-inline.fgi-margins>:not(:first-child){margin-left:.75em}.form-group-inline.fgi-separator{border-top:1px solid var(--separator-line);padding-top:1em;margin-top:1em}.form-group-inline.fgi-bordered{border:1px solid var(--separator-line);border-radius:.5em;padding:1em}}.form-group-inline>div{margin-top:1.4em;width:100%}@media (min-width:768px){.form-group-inline>div{margin-top:0;width:47.5%}}@media (min-width:768px){.form-group-inline.cols-3>div{width:33.33333333%;margin-left:1em}.form-group-inline.cols-3>div:nth-child(1){margin:0}}@media (min-width:768px){.form-group-inline.cols-4>div{width:25%;margin-left:1em}.form-group-inline.cols-4>div:nth-child(1){margin:0}}.form-label{display:block;max-width:100%;margin:0 0 .25em;font-size:1em}.form-label.form-label-inline{display:inline-block;margin:0}.form-control{position:relative;display:block;width:100%;max-width:100%;padding:.6em .8em;font-size:1em;background-color:var(--input-primary-background-color);color:var(--text-color);border-radius:.25em;border-style:solid;border-width:1px 1px 1px 1px;border-color:var(--input-primary-border-color);transition:border-bottom-color 50ms;-ms-touch-action:manipulation;touch-action:manipulation}.form-control:active,.form-control:focus{outline:0;border-color:var(--input-primary-border-hover-color);box-shadow:0 0 .25em var(--input-primary-shadow-color)}.form-control:disabled{background-color:var(--color-input-disabled-background-color)}.form-control.form-control-dark{background-color:var(--input-secondary-background-color);color:var(--text-color-white);border-color:var(--input-secondary-border-color)}.form-control.form-control-dark:active,.form-control.form-control-dark:focus{border-color:var(--input-secondary-border-hover-color);box-shadow:0 0 .75em var(--input-secondary-shadow-color)}.form-control.form-control-no-shadow:active,.form-control.form-control-no-shadow:focus{box-shadow:none}.form-control.form-control-1{border-color:var(--button-tertiary-background-color)}.form-control.form-control-2pbb{border-width:1px 1px 2px}.form-control.form-control-sm{font-size:.9em;padding:.4em 1em;line-height:1.5em}.form-control.form-control-upload{position:absolute;top:0;right:0;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0;filter:alpha(opacity=0)}.form-control.form-control-upload-drop{width:100%;height:100%}.form-control.form-control-symbol{text-transform:uppercase}.form-control:-webkit-autofill{-webkit-box-shadow:0 0 0 40px var(--color-input-border-color) inset;border-color:var(--color-input-border-color)}.form-control:-webkit-autofill::first-line{font-family:Rubik,Arial,sans-serif;font-weight:400;margin:0;font-size:1.1em}.form-buttons{display:flex;flex-flow:column nowrap;justify-content:space-around;align-items:center;margin:2em auto 0}@media (min-width:424px){.form-buttons{justify-content:space-around}}@media (min-width:768px){.form-buttons{flex-flow:row nowrap;justify-content:flex-start}}.form-buttons a.btn,.form-buttons button,.form-buttons input[type=button],.form-buttons input[type=reset],.form-buttons input[type=submit]{width:100%;margin:1em auto 0}@media (min-width:768px){.form-buttons a.btn,.form-buttons button,.form-buttons input[type=button],.form-buttons input[type=reset],.form-buttons input[type=submit]{width:auto;margin:0 0 0 .75em}}.form-buttons a.btn:first-child,.form-buttons button:first-child,.form-buttons input[type=button]:first-child,.form-buttons input[type=reset]:first-child,.form-buttons input[type=submit]:first-child{margin:0}.form-buttons a.btn.ml,.form-buttons button.ml,.form-buttons input[type=button].ml,.form-buttons input[type=reset].ml,.form-buttons input[type=submit].ml{margin-left:auto}.form-buttons a.btn.mr,.form-buttons button.mr,.form-buttons input[type=button].mr,.form-buttons input[type=reset].mr,.form-buttons input[type=submit].mr{margin-right:auto}.form-select{position:relative}.form-select select{padding-right:2.5em;appearance:none}.form-select select option{color:var(--text-color)}.form-select select.form-control-dark option{color:var(--text-color-white)}.form-select:after{position:absolute;display:block;content:'';border:3px solid var(--text-color);border-radius:2px;border-right:0;border-top:0;height:.625em;margin-top:-.4375em;pointer-events:none;top:50%;transform:rotate(-45deg);transform-origin:center;width:.625em;right:1em}.form-select.form-select-dark:after{border:3px solid var(--text-color-white);border-right:0;border-top:0}.form-progress-bar{width:100%;margin:0 auto;padding:0;height:8px;vertical-align:top}.form-progress-bar.form-progress-bar-password-strength{height:12px;vertical-align:bottom}.form-progress-bar.progress-bar-danger{accent-color:var(--danger)}.form-progress-bar.progress-bar-warning{accent-color:var(--orange)}.form-progress-bar.progress-bar-success{accent-color:var(--green)}.btn{display:inline-block;font-family:Rubik,Tahoma,sans-serif;font-size:1em;border-radius:.3em;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:0;line-height:1.75em;padding:.25em .75em .2em;transition:background-color 50ms;border:1px solid transparent}.btn:active,.btn:focus{box-shadow:none;outline:0}.btn.btn-lg{font-size:1.25em;padding:.25em 1em .2em}.btn.btn-sm{font-size:.9em;padding:.15em .5em .1em;line-height:1.5em}.btn.btn-xsm{font-size:.8em;padding:.175em .4em .15em;line-height:1.25em}.btn.btn-centered{display:table;margin:auto}.btn.btn-disabled,.btn:disabled{background-color:var(--button-disabled-background-color);color:var(--text-color-disabled);cursor:not-allowed}.btn.btn-disabled:hover,.btn:disabled:hover{background-color:var(--button-disabled-background-color-hover);color:var(--text-color-disabled)}.btn.btn-clear{background:0 0;border:none;outline:0;border-radius:0}@media (max-width:425px){.btn.btn-wide-mobile{width:100%}}.btn-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.6em;min-width:2.6em;height:1.4em;background:#ddd;border-radius:3em;position:relative;cursor:pointer;outline:0;transition:all .2s ease-in-out;border:none}.btn-toggle:after{position:absolute;content:'';width:1.4em;height:1.4em;border-radius:50%;background:#fff;box-shadow:0 0 .25em rgba(0,0,0,.3);transform:scale(.7);left:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.btn-toggle:checked{background:var(--toggle-background-color)}.btn-toggle:checked:after{left:45%}.btn-toggle:disabled{background:var(--toggle-disabled-background-color)}.page{display:flex;flex-flow:column nowrap;background-color:var(--background-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%23ffffff' stroke-width='0.77' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='scale(10) translate(-900 -675)'%3E%3Cuse fill='%23fafafa' href='%23s' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s' x='1' y='2'/%3E%3Cuse fill='%23f5f5f5' href='%23s' x='2' y='2'/%3E%3Cuse fill='%23f5f5f5' href='%23s'/%3E%3Cuse fill='%23f0f0f0' href='%23s' x='2'/%3E%3Cuse fill='%23f0f0f0' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='scale(10) translate(-900 -675)'%3E%3Cg fill='%23ebebeb'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(10) translate(-900 -675)'%3E%3Cg fill='%23ebebeb'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(10) translate(-900 -675)'%3E%3Cg fill='%23e5e5e5'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='scale(10) translate(-900 -675)'%3E%3Cg fill='%23ffffff'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%23e0e0e0'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='scale(10) translate(-900 -675)'%3E%3Cg fill='%230182dd'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='scale(10) translate(-900 -675)'%3E%3Cg fill='%230182dd'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='scale(10) translate(-900 -675)'%3E%3Cg fill='%230182dd'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E");background-attachment:fixed;background-size:cover;height:100%}.page.no-scroll{overflow:hidden}.page header{padding:2em 0}@media (min-width:768px){.page header{padding:3em 0}}.page header .container{display:flex;flex-flow:column nowrap;justify-content:center}@media (min-width:576px){.page header .container{flex-flow:row nowrap;justify-content:flex-start;align-items:center}}.page header .container .logo{margin:auto}@media (min-width:768px){.page header .container .logo{margin:0}}.page header .container .logo h1{display:flex;flex-flow:row nowrap;align-items:center;font-size:2.15em;font-weight:400;text-transform:uppercase;color:var(--logo-color)}.page header .container .logo h1 strong{font-size:1.4em;font-weight:600}.page main{position:relative;flex-grow:1}[data-icon]:before{display:table-cell;font-family:iasidigital;font-variant:normal;font-size:inherit;font-weight:400;font-style:normal;text-transform:none;text-rendering:auto;line-height:.8;content:attr(data-icon);vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hide{display:none}.show{display:block}.pull-left{float:left}.pull-right{float:right}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-upper{text-transform:uppercase}.text-lower{text-transform:lowercase}.text-cap{text-transform:capitalize}.text-colored{color:var(--color)}.spinner{width:48px;height:48px;clear:both;margin:2em auto;border-radius:50%;-webkit-animation:circleRotation .5s infinite linear;animation:circleRotation .5s infinite linear;border:2px var(--logo-color) solid;border-top:2px transparent solid}.spinner.spinner-sm{width:32px;height:32px;border-width:1px;margin:0 auto}.spinner.spinner-no-margin{margin:0}@-webkit-keyframes circleRotation{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(359deg)}}.btn-default{background-color:var(--button-default-background-color);color:var(--button-default-text-color)}.btn-default.active,.btn-default:hover{background-color:var(--button-default-background-color-hover);color:var(--button-default-text-color-hover)}.btn-primary{background-color:var(--button-primary-background-color);color:var(--button-primary-text-color)}.btn-primary.active,.btn-primary:hover{background-color:var(--button-primary-background-color-hover);color:var(--button-primary-text-color-hover)}.btn-bordered-default{background-color:var(--button-bordered-default-background-color);border-color:var(--button-bordered-default-border-color);color:var(--button-bordered-default-text)}.btn-bordered-default.active,.btn-bordered-default:hover{background-color:var(--button-bordered-default-background-color-hover);border-color:var(--button-bordered-default-border-color-hover);color:var(--button-bordered-default-text-color-hover)}.btn-bordered-venue{background-color:var(--button-bordered-venue-background-color);border-color:var(--button-bordered-venue-border-color);color:var(--button-venue-default-text)}.btn-bordered-venue.active,.btn-bordered-venue:hover{background-color:var(--button-bordered-venue-background-color-hover);border-color:var(--button-bordered-venue-border-color-hover);color:var(--button-bordered-venue-text-color-hover)}.ic-ml-5{margin-left:5px}.ic-mr-5{margin-right:5px}.ic-mlr-5{margin:0 5px}.ic-mr-10{margin-right:10px}.ic-x2{font-size:2em}.notification{display:table;border-radius:.35em;padding:.5em .75em;margin:.5em auto 1em;color:var(--text-color)}.notification.notification-sm{font-size:.9em;padding:.25em .5em}.notification.notification-inline{display:inline-block}.notification.error{background:var(--danger);color:var(--text-color-white)}.notification.info{background:var(--notification-info-background-color);color:var(--notification-info-text-color)}.notification.success{background:var(--green);color:var(--text-color-white)}.notification.warning{background:var(--orange);color:var(--text-color-white)}.notification.notification-floating{position:fixed;z-index:2;font-size:.9em;width:90%;bottom:20px;left:5%}@media (min-width:768px){.notification.notification-floating{width:auto;left:2em}}.notification.notification-animation{animation:fadeIn 1s}#map{width:87.5%;margin:auto;min-height:500px;padding:0 15px;border:1px solid var(--map-border-color);border-radius:.25em}@media (min-width:768px){#map{width:100%;min-height:650px;height:100%;padding:0;border-left:none;border-right:none;border-radius:0}}#map .googleMap{width:100%;height:100%;min-height:450px;box-shadow:0 0 2px rgba(0,0,0,.4)}@media (min-width:768px){#map .googleMap{min-height:650px;box-shadow:none}}#mapPopup{display:flex;flex-flow:column nowrap;width:200px;padding:6px 0}#mapPopup>header{display:flex;flex-flow:row;align-items:center;font-size:1em;padding:0;margin:0}#mapPopup>header h5{font-weight:500;font-size:1.3em;padding:0;margin:0}#mapPopup>header h6{font-weight:500;font-size:1em;margin:0 auto .25em;padding:0}#mapPopup>header span.vehicle-type{font-size:1em}#mapPopup>header .label{display:inline-block;font-weight:400;border-radius:.25em}#mapPopup>header span.route{color:var(--text-color-white);padding:4px 8px;background-color:var(--route)}#mapPopup>header span.route.route-1{background-color:var(--route-1)}#mapPopup>header span.route.route-3{background-color:var(--route-3)}#mapPopup>header span.route.route-5{background-color:var(--route-5)}#mapPopup>header span.route.route-6{background-color:var(--route-6);color:var(--text-color)}#mapPopup>header span.route.route-7{background-color:var(--route-7)}#mapPopup>header span.route.route-8{background-color:var(--route-8);color:var(--text-color)}#mapPopup>header span.route.route-9{background-color:var(--route-9)}#mapPopup>header span.route.route-11{background-color:var(--route-11)}#mapPopup>header span.route.route-13{background-color:var(--route-13)}#mapPopup>header span.aqi{display:inline-block;font-weight:400;border-radius:.25em;color:var(--text-color-white);padding:4px 8px}#mapPopup>header span.aqi.aqi-good{background-color:var(--aqi-good)}#mapPopup>header span.aqi.aqi-moderate{background-color:var(--aqi-moderate);color:var(--text-color)}#mapPopup>header span.aqi.aqi-unhealthy-sensitive{background-color:var(--aqi-unhealthy-sensitive)}#mapPopup>header span.aqi.aqi-unhealthy{background-color:var(--aqi-unhealthy)}#mapPopup>header span.aqi.aqi-very-unhealthy{background-color:var(--aqi-very-unhealthy)}#mapPopup>header span.aqi.aqi-hazardous{background-color:var(--aqi-hazardous)}#mapPopup>header span.parking{color:var(--text-color-white);padding:4px 8px;background-color:var(--route)}#mapPopup>header span.parking.parking-1{background-color:var(--parking-available)}#mapPopup>header span.parking.parking-2{background-color:var(--parking-occupied)}#mapPopup>header span.parking.parking-3{background-color:var(--parking-reserved)}#mapPopup>main{margin:10px 0 0}#mapPopup>main h6{font-weight:500;font-size:1em;margin:1em auto .25em;padding:0}#mapPopup>main nav{display:flex;flex-flow:column nowrap;justify-content:space-around;align-items:center;margin:1em auto 0}#mapPopup>main nav a.btn,#mapPopup>main nav button,#mapPopup>main nav input[type=button],#mapPopup>main nav input[type=reset],#mapPopup>main nav input[type=submit]{width:100%;margin:.5em auto 0}@media (min-width:768px){#mapPopup>main nav a.btn,#mapPopup>main nav button,#mapPopup>main nav input[type=button],#mapPopup>main nav input[type=reset],#mapPopup>main nav input[type=submit]{width:auto;margin:0 0 0 .5em}}#mapPopup>main nav a.btn:first-child,#mapPopup>main nav button:first-child,#mapPopup>main nav input[type=button]:first-child,#mapPopup>main nav input[type=reset]:first-child,#mapPopup>main nav input[type=submit]:first-child{margin:0}#mapPopup>main nav a.btn.ml,#mapPopup>main nav button.ml,#mapPopup>main nav input[type=button].ml,#mapPopup>main nav input[type=reset].ml,#mapPopup>main nav input[type=submit].ml{margin-left:auto}#mapPopup>main nav a.btn.mr,#mapPopup>main nav button.mr,#mapPopup>main nav input[type=button].mr,#mapPopup>main nav input[type=reset].mr,#mapPopup>main nav input[type=submit].mr{margin-right:auto}.mapControls{width:100%;padding:20px}@media (min-width:768px){.mapControls{position:absolute;right:10px;top:10px;width:30%;padding:15px;border-radius:.25em;box-shadow:0 0 2px rgba(0,0,0,.2);background-color:var(--map-controls-background-color)}.mapControls:hover{background-color:var(--map-controls-background-color-hover)}}@media (min-width:992px){.mapControls{width:25%}}@media (min-width:1200px){.mapControls{width:20%}}.mapControls ul li{margin:10px 0 0}.mapControls ul li:nth-child(1){margin:0}.mapControls h3{position:relative;display:block;text-transform:uppercase;margin:0 0 14px;font-weight:500;font-size:1em}.mapControls h3 .spinner{position:absolute;top:-30px;right:0;width:22px;height:22px;border-width:1px}.mapControls .btn-precise-location{padding:0;margin-left:auto}.mapCustomControl{position:relative;background-color:var(--google-map-control-background-color);color:var(--google-map-control-text-color);width:40px;height:40px;cursor:pointer;appearance:none;padding:0;margin:0;border:0;box-shadow:rgba(0,0,0,.3) 0 1px 4px -1px;border-radius:2px;right:10px;font-size:1.8em}.mapCustomControl:hover{color:var(--google-map-control-text-color-hover)}.mapCustomControl.selected{color:var(--google-map-control-text-color-selected)}.mapCustomControl.separator{bottom:10px} \ No newline at end of file diff --git a/assets/css/less/default/forms/forms.less b/assets/css/less/default/forms/forms.less index 59208ee..20aa895 100644 --- a/assets/css/less/default/forms/forms.less +++ b/assets/css/less/default/forms/forms.less @@ -422,7 +422,7 @@ progress::-moz-progress-bar { outline: none; line-height: 1.75em; - padding: .4em 1em; + padding: .25em .75em .2em; transition: background-color .05s; border: 1px solid transparent; @@ -435,21 +435,20 @@ progress::-moz-progress-bar { &.btn-lg { font-size: 1.25em; - padding: .4em 1em; - line-height: 2em; + padding: .25em 1em .2em; } // Small button &.btn-sm { font-size: .9em; - padding: .4em 1em; + padding: .15em .5em .1em; line-height: 1.5em; } // Extra small button &.btn-xsm { font-size: .8em; - padding: .4em .6em; + padding: .175em .4em .15em; line-height: 1.25em; } diff --git a/assets/css/less/default/page/header.less b/assets/css/less/default/page/header.less index b88d646..a1f0e38 100644 --- a/assets/css/less/default/page/header.less +++ b/assets/css/less/default/page/header.less @@ -26,6 +26,7 @@ header { @media (min-width: @mediaQuerySmall) { flex-flow: row nowrap; justify-content: flex-start; + align-items: center; } // Logo diff --git a/assets/css/less/extend/extended.less b/assets/css/less/extend/extended.less index d9684cf..12f7dcc 100644 --- a/assets/css/less/extend/extended.less +++ b/assets/css/less/extend/extended.less @@ -13,4 +13,7 @@ @import "forms/buttons"; // Icon(s) -@import "icon/icon"; \ No newline at end of file +@import "icon/icon"; + +// Notification +@import "notification/notification"; \ No newline at end of file diff --git a/assets/css/less/extend/notification/notification.less b/assets/css/less/extend/notification/notification.less new file mode 100644 index 0000000..0cfa743 --- /dev/null +++ b/assets/css/less/extend/notification/notification.less @@ -0,0 +1,70 @@ +/** + * Iași Digital + * A data-driven perspective of the city. + * + * @author Innovator Dev + * @link https://iasi.digital + * @link https://oras.digital + * + * @copyright (c) Iasi Digital [https://iasi.digital] + */ + +.notification { + display: table; + border-radius: .35em; + padding: .5em .75em; + margin: .5em auto 1em; + color: var(--text-color); + + &.notification-sm { + font-size: .9em; + padding: .25em .5em; + } + + &.notification-inline { + display: inline-block; + } + + &.error { + background: var(--danger); + color: var(--text-color-white); + } + + &.info { + background: var(--notification-info-background-color); + color: var(--notification-info-text-color); + } + + &.success { + background: var(--green); + color: var(--text-color-white); + } + + &.warning { + background: var(--orange); + color: var(--text-color-white); + } + + // Floating notification + &.notification-floating { + position: fixed; + z-index: 2; + + font-size: .9em; + width: 90%; + + // Positioning + bottom: 20px; + left: 5%; + + @media (min-width: @mediaQueryMedium) { + width: auto; + left: 2em; + } + } + + // Fade in animation + &.notification-animation { + animation: fadeIn 1s; + } +} \ No newline at end of file diff --git a/assets/css/less/external/map/map.less b/assets/css/less/external/map/map.less index b838b7f..0643dac 100644 --- a/assets/css/less/external/map/map.less +++ b/assets/css/less/external/map/map.less @@ -71,7 +71,7 @@ } h6 { - font-width: 500; + font-weight: 500; font-size: 1em; margin: 0 auto .25em; padding: 0; @@ -197,11 +197,43 @@ // Headings h6 { - font-width: 500; + font-weight: 500; font-size: 1em; margin: 1em auto .25em; padding: 0; } + + // Navigation + nav { + display: flex; + flex-flow: column nowrap; + justify-content: space-around; + align-items: center; + margin: 1em auto 0; + + input[type=submit], input[type=button], input[type=reset], button, a.btn { + .grid; + margin: .5em auto 0; + + @media (min-width: @mediaQueryMedium) { + width: auto; + margin: 0 0 0 .5em; + } + + &:first-child { + margin: 0; + } + + // Move to right + &.ml { + margin-left: auto; + } + + &.mr { + margin-right: auto; + } + } + } } } diff --git a/assets/css/less/vars.less b/assets/css/less/vars.less index a94a850..519e87a 100644 --- a/assets/css/less/vars.less +++ b/assets/css/less/vars.less @@ -1,16 +1,17 @@ -/* +/** * Iași Digital * A data-driven perspective of the city. * * @author Innovator Dev - * @link https://oras.digital * @link https://iasi.digital + * @link https://oras.digital * - * @copyright (c) 2023. Iasi Digital [https://iasi.digital] + * @copyright (c) Iasi Digital [https://iasi.digital] */ // Assets path @ASSETS: 'https://iasi.digital/assets/'; +@ASSETS: 'https://iasidigital.idealweb.ro/assets/'; // Devices // Small devices (landscape phones, 576px and up) @@ -85,4 +86,30 @@ --google-map-control-text-color: #666; --google-map-control-text-color-hover: #222; --google-map-control-text-color-selected: #0182dd; + + --notification-info-background-color: #abcbed; + --notification-info-text-color: #222; + + --blue: #007bff; + --indigo: #6610f2; + --purple: #6f42c1; + --pink: #e83e8c; + --red: #dc3545; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #28a745; + --teal: #20c997; + --cyan: #17a2b8; + --white: #ffffff; + --gray: #6c757d; + --gray-dark: #343a40; + --black: #000; + --primary: #007bff; + --secondary: #6c757d; + --success: #28a745; + --info: #17a2b8; + --warning: #ffc107; + --danger: #dc3545; + --light: #f8f9fa; + --dark: #343a40; } \ No newline at end of file