body,html{height:100%;font-family:'Open Sans';font-size:14px;line-height:1.428571429;background-color:#fff;color:#333}a{color:#333}a:hover{color:#e30421}h1,h2,h3,h4{font-family:Futura,"Trebuchet MS",Arial,sans-serif;font-weight:700}h1{text-transform:uppercase;color:#333;margin:24px 12px;font-size:1.8rem;padding:0 0 6px 6px}h1 .breadcrumbs{text-transform:none!important;font-size:1.1rem;font-weight:400}h1 .breadcrumbs .current{font-weight:700}h2{font-size:1.6rem;color:#e30421;margin:0 0 12px 24px}h3{font-size:1rem;text-transform:uppercase}h4{font-size:1rem}.validateit-error{border:1px dashed #c00}.validateit-msg{color:#c00}.btn,.btn-group button,.container button{background-color:#fff!important;border-color:grey!important;border:none;color:#333;-webkit-box-shadow:inset 0 0 4px 0 rgba(125,122,122,1);-moz-box-shadow:inset 0 0 4px 0 rgba(125,122,122,1);box-shadow:inset 0 0 4px 0 rgba(125,122,122,1)}.btn.disabled,.btn:disabled{opacity:.5;color:#333}.btn-group .active,.btn-group button:hover,button:hover{background-color:#e30421!important;border-color:#e30421!important;color:#fff!important}form #charging-access select{width:155px}body#error,body#login{background:#6d1419 url(/images/backgrounds/login.jpg) no-repeat;background-size:100% 100%;display:flex}body#login form{width:100%;max-width:400px;margin:auto;background-color:#fff;padding:12px;border:1px solid #eee;-webkit-box-shadow:0 0 12px 2px rgba(0,0,0,.75);-moz-box-shadow:0 0 12px 2px rgba(0,0,0,.75);box-shadow:0 0 12px 2px rgba(0,0,0,.75)}.created-at{color:silver;margin-left:1rem;text-transform:none!important}body#error div,body#login #notice{width:100%;max-width:400px;margin:auto;background-color:#fff;padding:12px;border:1px solid #eee;-webkit-box-shadow:0 0 12px 2px rgba(0,0,0,.75);-moz-box-shadow:0 0 12px 2px rgba(0,0,0,.75);box-shadow:0 0 12px 2px rgba(0,0,0,.75)}body#error h1,body#login #notice h1{color:#e30421!important;font-size:1.5rem;margin:0 0 0 .5rem;background:0 0}body#error p,body#login #notice p{margin:0 0 0 1rem}body#login form h1{font-size:1.5rem;color:#fff!important;padding:.75rem .75rem .75rem 5.3rem;background:#e30421 url(../images/garo-white.png) 12px 7px no-repeat;background-size:70px 38px;line-height:32px;margin:0 0 24px 0!important}body#login form h1 span{color:transparent}body#login form p{float:left}body#login form button{float:right}#lang{margin:1rem 0 0 0;padding:0}#lang li{display:inline;margin-left:.5rem}.flag-icon{font-size:24px;-webkit-filter:grayscale(100%);filter:grayscale(100%) opacity(40%)}#lang li a:hover,#lang li.selected a{-webkit-filter:grayscale(0);filter:grayscale(0)}.navbar{background-color:#e30421!important}.navbar .nav-link{white-space:nowrap}.navbar-brand{min-width:250px;color:#fff!important;background:url(../images/garo-white.png) 12px 2px no-repeat;background-size:70px 38px;line-height:32px}.sub-menu a h2{border:0;display:inline;color:silver!important;font-size:1.2rem;margin:0}.sub-menu .active h2{color:#333!important}.profile-name{color:silver;float:right}p.profile-name{font-size:1.8rem;margin:1rem .5rem 0 0;font-weight:500}#sidebar{min-width:250px;max-width:250px;float:left;min-height:100vh!important;background:#f9f9f9;transition:all .3s;padding-bottom:100%}#sidebar #area-search{background-color:#f0f0f0;padding:12px 0;margin-bottom:12px;border-bottom:1px solid #eaeaea}#sidebar #area-search input{width:232px;margin-left:8px}#sidebar h3{margin:0 12px 6px 12px}#sidebar a,#sidebar a:focus,#sidebar a:hover{color:inherit;text-decoration:none;transition:all .3s}#sidebar ul li a{padding:4px;display:block;font-size:.9rem!important;overflow-wrap:break-word;white-space:normal}#sidebar ul li a:hover{color:#fff;background:grey}#sidebar ul>li{padding-left:18px}#sidebar li a.selected{background-color:grey;color:#fff}.searchify-container{position:relative;display:inline-block}.searchify-list{position:absolute;border:1px solid #f0f0f0;border-bottom:none;border-top:none;z-index:99;top:100%;left:0;right:0;font-size:.9rem}.searchify-list div{padding:.25rem;cursor:pointer;background-color:#fff;border-bottom:1px solid #f0f0f0}.searchify-active{background-color:#333!important;color:#fff}.row-divider hr{margin:0 24px 12px 24px}.no-contact{color:#c00}#report-type-col{max-width:600px;min-width:220px;padding-bottom:8px}#report-cost-currency-col{min-width:240px;max-width:300px}#report-unit-cost-currency-col{min-width:380px;max-width:420}#report-interval-col{max-width:300px;min-width:230px;padding-bottom:8px}#report-hints-col{min-width:230px}#report-hints-col p{margin:0}#report-divider{max-width:300px;min-width:230px}#report-selection-col{max-width:300px;min-width:230px;padding-bottom:12px}#report-export-col{max-width:300px;min-width:260px}#report-tariff-col{max-width:600px;min-width:400px;padding-bottom:12px;margin-left:18px}.form-hint{color:#856404;background-color:#fff3cd;border-color:#ffeeba;border-radius:.25rem;padding:.6rem 1rem;font-size:.9rem;white-space:wrap}.hint-info{background-color:#d1ecf1;color:#0c5460}#report-tariff-col h4{font-weight:400;font-family:'Open Sans';font-size:1rem;line-height:1.428571429}#currency{width:140px}#report-cost-currency-col #cost-inputs{min-width:240px}#report-cost-currency-col #cost-inputs input,#report-unit-cost-currency-col #cost-inputs input{width:110px;float:left}#report-unit-cost-currency-col select#billing-type{width:140px;float:left}#report-cost-currency-col h4{font-weight:400;font-family:'Open Sans'}#report-interval-col select{width:220px}#report-from{width:110px!important;float:left}#report-to{width:110px!important;float:left}#report-selection-col select{width:220px}#report-export-col select{width:120px!important}.dashboard-stats .stat{width:120px;float:left;margin-left:22px;margin-bottom:35px}.dashboard-stats .value{background-color:grey;color:#fff;border-radius:50%;text-align:center;width:95px;height:95px;line-height:95px}.welcome{margin:0 0 40px 24px}.dashboard-stats .num-sessions{background-color:#77a052}.dashboard-stats .average-kwh{background-color:#57b87d}.dashboard-stats .total-sessions{background-color:#329299}.dashboard-stats .popular-time{background-color:#314a5d}.dashboard-stats .value span{font-size:20px;font-weight:700;vertical-align:middle}.stat-number{text-align:center}.stat-number strong{font-size:48px;color:#6abdb8}.chart-container{width:100%;height:350px}.chart-container-empty{border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;background:url(../images/bg-chart.png)}.chart-option-wrapper{padding:6px 18px}#chart-options{margin-bottom:6px}#chart-options h3{border-bottom:1px solid #e0e0e0;padding:.5em .5em}#chart-options #chart-type{width:118px;float:left}#chart-type .bar{width:28px;height:25px}#chart-type .line{width:28px;height:25px}#chart-type .switch{margin-right:4px}#chart-options #chart-interval-range{float:left;margin:0 8px 4px 0}#chart-interval-range #chart-range{width:100%}#chart-clear-export{float:left;margin-bottom:12px}#chargers .alert{margin:0 0 12px 0!important}.blockify-group-wrapper{padding:1rem;border-radius:.3rem;margin-bottom:1rem}.blockify-group-wrapper h4{margin:0 1.5rem 0 1.5rem;border-bottom:.09rem solid #f0f0f0;padding:0 0 .25rem .25rem;font-size:1.1rem;text-align:center}.blockify-group{position:relative;clear:both;margin:20px auto}.blockify-group .btn-group{margin:0 .5rem 0 .5rem}.charger{position:absolute;background:#fff;border-radius:5px;white-space:nowrap;text-align:center;font-size:.9rem;padding-bottom:.5rem;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.5);-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,.5);box-shadow:0 1px 2px 0 rgba(0,0,0,.5)}.charger h5{font-size:1.1rem;margin:0 0 8px 0;padding:.3rem;border-top-left-radius:5px;border-top-right-radius:5px}.charger ul{list-style-type:none;text-align:left;margin:0;padding:8px}.charger ul li{padding:4px}.charger ul li:not(:last-child){border-bottom:1px solid #333}.container{margin:0!important;padding:0}.row:before,row:after{display:inline-block}.container form .form-row{margin:0 12px 12px 12px}.container .alert{margin:0 32px 12px 32px;font-size:.9rem!important;text-align:center}.no-gutters{margin-right:0;margin-left:0;padding-right:0;padding-left:0}.modal fieldset legend{font-size:1rem;font-weight:700}.datepicker--day-name{color:#cd1935!important;font-weight:600}.greyscale{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.5}.anchor:hover{cursor:pointer}.switch{position:relative;display:inline-block;width:48px;height:24px}#chargers .ag-cell .switch{margin-top:.8rem}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;-webkit-transition:.2s;transition:.2s;-webkit-box-shadow:inset 0 0 4px 0 rgba(125,122,122,1);-moz-box-shadow:inset 0 0 4px 0 rgba(125,122,122,1);box-shadow:inset 0 0 4px 0 rgba(125,122,122,1);border-radius:34px}.slider:before{position:absolute;content:"";height:22px;width:22px;left:1px;bottom:1px;background-color:#fff;-webkit-transition:.2s;transition:.2s;-webkit-box-shadow:0 0 4px 0 rgba(125,122,122,1);-moz-box-shadow:0 0 4px 0 rgba(125,122,122,1);box-shadow:0 0 4px 0 rgba(125,122,122,1);border-radius:50%}.slider.graph-switch:before{background-image:url(../images/icons/bar_switch_off.png);background-repeat:no-repeat;background-position:5px 5px}input:checked+.slider{-webkit-box-shadow:inset 0 0 4px 0 rgba(125,122,122,1);-moz-box-shadow:inset 0 0 4px 0 rgba(125,122,122,1);box-shadow:inset 0 0 4px 0 rgba(125,122,122,1)}input:checked+.slider.graph-switch{background-color:#9ad2d2}input:checked+.slider:before{-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translateX(24px)}input:checked+.slider.graph-switch:before{background-image:url(../images/icons/bar_switch_on.png)}.ms-container .custom-header{font-size:12px}.ag-ltr .ag-cell-first-right-pinned{border-left:none!important}.ag-header-cell{font-size:.9rem}.ag-cell{font-size:1rem}#dashboard-announcements p{margin-bottom:0}#sendout .row-divider hr{margin:16px 4px!important;padding:0!important}#sendout label{font-size:.9rem!important}#sendout-settings-col{min-width:475px}#sendout-areas-col{min-width:460px}#area-tariff{height:180px;overflow-y:auto}#sendout-areas{height:240px;overflow-y:auto}#area-prefix input{width:4rem}table.prop-list{width:100%;font-size:.9rem}table.prop-list table caption{caption-side:top}table.prop-list tbody tr:nth-child(even){background-color:#f9f9f9}table.prop-list tbody td{text-align:left;padding:.3rem;border-top:1px solid #e5e5e5}table.prop-list tbody td.name{text-align:left}#area-tariff table{width:90%;font-size:.9rem}span.note{white-space:pre!important}.disabled-charger{font-style:italic!important;color:silver}.loading{display:none}.loading p{padding-left:34px;background:url(../images/icons/loading.gif) 0 8px no-repeat}#stat-loading{margin-left:1rem}#stat-summary{padding:0;margin:0;font-size:.9rem}#stat-summary li{list-style-type:none;margin-bottom:.1rem;margin-left:.2rem}#event-filter{padding-left:.5rem}#event-filter label{margin-right:1rem}select#range{margin:0!important}table.import-list{width:100%}table.import-list tbody tr:nth-child(even){background-color:#f9f9f9}table.import-list td,table.import-list th{padding:.5rem}table.import-list tr.error td{color:#c00;font-style:italic}#import-file-col{max-width:300px;min-width:230px;padding-bottom:1rem;margin-left:2rem}#import-header-col{max-width:300px;min-width:280px;padding-bottom:1rem}#import-rfid-col{max-width:160px;min-width:120px;padding-bottom:1rem}#import-invalid ul{padding:0;margin:0}#import-invalid ul li{list-style-type:none}.form-alert,.form-info,.form-success{border-radius:.25rem;padding:.6rem 1rem;font-size:.9rem;white-space:wrap}.form-alert{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}.form-alert p,.form-info p,.form-success p{margin:0}.form-success{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc}.form-info{color:#055160;background-color:#cff4fc;border-color:#b6effb}div.area-notice p{white-space:pre-wrap;text-align:left}small.report-invalid{color:#c00;margin-left:.5em}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}