#app-container{background-color:#fff;min-height:675px;padding:0}#localhost-banner{color:#fff;text-align:center;padding:10px;background:red!important}.App{text-align:center}.btn-primary{background-color:#74aa43;border-color:#74aa43}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{color:#fff;background:#588033;border-color:#588033}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle,.show>.btn-primary.dropdown-toggle:focus{background:#588033;border-color:#588033}@media screen and (max-width:768px){.card-header{text-align:center}.date-picker .DateInput_input{margin:0;padding:0;font-size:1em}.device-text{vertical-align:top;text-align:left}.top-buttons{width:calc(100% - 5px);margin:2px}}@media screen and (max-width:810px){.device-image-cell{width:135px;margin-left:auto;margin-right:auto}}body{font-family:Roboto,Helvetica,Arial,sans-serif}.manage-network-modal,.modal-title{text-align:left}.btn-link{background-color:none;border:none}body{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-color:#a9a9a9;background-size:cover;max-width:960px;margin:auto}.table-header{text-align:center;color:#74aa43}.input-label{text-align:left;color:#74aa43}.container-fluid{padding:2px}.btn{margin:2px}.sort-header{cursor:pointer}.device-table{border-collapse:collapse;table-layout:fixed;width:100%;margin:2px;padding:2px}.device-table caption{margin:.5em 0 .75em;font-size:1.5em}.device-table .device-table-tr{border:1px solid #ddd;padding:5px}.device-table .device-table-th,.device-table .device-table-td td,.device-table .device-table-tr .notification-sensor{text-align:left}.device-table .device-table-th{letter-spacing:.1em;text-transform:uppercase;font-size:.85em}.accounts-table{border-collapse:collapse;width:100%;margin:0;padding:0}.accounts-table caption{margin:.5em 0 .75em;font-size:1.5em}.accounts-table .accounts-table-tr{border:1px solid #ddd;padding:.35em}.accounts-table .accounts-table-th,.accounts-table .accounts-tabld-td td{text-align:left;padding:0}.accounts-table .accounts-table-th{letter-spacing:.1em;text-transform:uppercase;text-align:left;width:33%;font-size:.85em}.accounts-table-td{width:33%}.modal-header .close{width:10%}@media screen and (max-width:768px){.device-table{border:0;min-width:0}.sensor-image{max-height:55px}.device-table .device-table-tr .device-table-td td,.accounts-table .accounts-table-tr .accounts-table-td td{text-align:center}.device-table caption,.accounts-table caption{font-size:1.3em}.device-table .device-table-thead,.accounts-table .accounts-table-thead,.device-table .device-table-tr .device-table-td #device-text,.accounts-table .accounts-table-tr .accounts.table-td #device-text{clip:rect(0 0 0 0);border:none;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.device-table .device-table-td td,.accounts-table .accounts-table-td td{text-align:left;border-bottom:1px solid #ddd;width:100%;font-size:1em}.sensor-data-table-wrapper,.gateway-data-table-wrapper{width:100%;overflow:auto}.device-table .device-table-td td.sensor-data-row,.device-table .device-table-td td.gateway-data-row{border-bottom:none;justify-content:center;align-items:center;width:auto;padding-right:10px;display:table-cell}.device-table .device-table-td td.sensor-data-row:before,.device-table .device-table-td td.gateway-data-row:before{content:""}.device-table.sensor-data-table{width:200%}.device-table.sensor-data-table thead tr,.device-table.gateway-data-table thead tr{padding:0;display:flex}.device-table.sensor-data-table tr,.device-table.gateway-data-table tr{padding:0}.device-table.sensor-data-table thead tr th{width:25%}.device-table.gateway-data-table thead tr th:first-child{width:28%}.device-table.gateway-data-table thead tr th{width:18%}.device-table.gateway-data-table thead tr th span{display:none}.device-table.gateway-data-table thead tr th:before{content:attr(data-label-small)}.device-table .device-table-td td.gateway-data-row:first-child{width:28%}.device-table .device-table-td td.gateway-data-row{width:18%}.device-table .device-table-td:before,.accounts-table .accounts-table-td:before{content:attr(data-label);float:left;text-transform:uppercase;font-weight:700}.device-table .device-table-td:last-child,.accounts-table .accounts-table-td:last-child{border-bottom:0}}.black-link-color{color:#000}input.dropdown-search{border:none}.custom-alert{padding:10px!important}.custom-alert .btn-close{padding-top:10px!important}.MuiCheckbox-colorPrimary.Mui-checked{color:green!important}.notification-image-column{max-width:60px!important}.right-align{justify-self:end}.select-box{width:100%;padding:5px}.fixed-width-220{text-align:center;width:220px}.fixed-width-300{text-align:center;width:300px}.flexible-width{text-align:center;flex-grow:1}@media (max-width:768px){.fixed-width-220,.fixed-width-300{flex-grow:1;width:auto}}@media screen and (max-width:768px){.account-user-card{padding:1px;min-width:100%!important}}.account-user-card{min-width:50%;max-width:50%;min-height:100px;padding:1px}.MuiCardContent-root,.MuiCardActions-root{padding:2px!important}.alert{margin-bottom:.5px;padding:1px}.gateway-status-icons{padding-left:0}.accordion-button,.accordion-item{padding:2px}.gateway-image-column{width:80px;margin-left:auto;margin-right:auto}.gateway-image{width:60px;margin-left:auto;margin-right:auto}.gateway-text{text-align:center;margin-bottom:0;font-size:small}.align-items-center{text-align:center;margin:0}.sensor-image-column{width:60px}.sensor-status-icons{padding-left:0}.sensor-image-column{width:80px;margin-left:auto;margin-right:auto}.sensor-image{width:60px;margin-left:auto;margin-right:auto}.sensor-reading-row{padding-top:10px}.sensor-reading-col{text-align:center}.align-items-center{text-align:center;align-items:center;margin:0}.MuiButton-contained{margin:2px!important}.accordion button:after{border:none;width:0;padding:0;display:none}.h2{font-weight:700!important}@media screen and (max-width:768px){.sensor-charts{height:400px;padding-left:0;padding-right:4px;position:relative}}.sensor-charts{height:400px;padding-left:0;padding-right:4px;position:relative}.account-link{color:#74aa43;cursor:pointer}.navbar.smartbarnnavbar{background-color:#fff;padding-top:0;padding-bottom:0;padding-left:1px;transition:background-color .5s;display:flex}@media (max-width:767px){.navbar{z-index:10;border-radius:0;padding-right:10px;position:fixed;top:0;left:0;right:0;background-color:#ece7be!important}.off-canvas-logo{opacity:1;justify-content:center;padding-top:20px;display:flex}}.navbar.smartbarnnavbar.selected{background-color:#ece7be}.nav-item .active{background-color:#9f9e9e!important}.navbar-toggler{border-style:hidden}.nav-logo-image{max-height:35px;padding:0}@media (min-width:768px){.smart-barn-icon{display:none}.off-canvas-logo{visibility:hidden;display:none}}.smart-barn-icon{background-color:#ece7be;border:2px solid #ece7be;border-radius:5px;width:40px;height:40px}@media (max-width:767px){.offcanvas{opacity:0;visibility:hidden;background-color:#ece7be;width:100%;transition:opacity .1s ease-in-out,visibility .1s ease-in-out;left:0;right:0;width:100%!important;top:50px!important}.offcanvas.show{opacity:1;visibility:visible}.offcanvas .nav-link{text-align:center;text-transform:uppercase;font-weight:700}.offcanvas-backdrop.show{opacity:0;top:50px}}.navbar-toggler{border:0!important}.navbar-toggler:focus,.navbar-toggler:active,.navbar-toggler-icon:focus{box-shadow:none!important;border:0!important;outline:none!important}.toggler-icon{width:30px;height:3px;transition:all .2s;display:block}.middle-bar{margin:5px auto;background-color:#414142!important}.navbar-toggler .top-bar{transform-origin:10% 10%;transform:rotate(45deg);background-color:#414142!important}.navbar-toggler .middle-bar{opacity:0;filter:alpha(opacity=0)}.navbar-toggler .bottom-bar{transform-origin:10% 90%;transform:rotate(-45deg);background-color:#414142!important}.navbar-toggler.collapsed .top-bar{transform:rotate(0)}.navbar-toggler.collapsed .middle-bar{opacity:1;filter:alpha(opacity=100)}.navbar-toggler.collapsed .bottom-bar{transform:rotate(0)}.navbar-toggler.collapsed .toggler-icon{background-color:#414142}@media (max-width:767px){.networks-toolbar{min-height:8px}.mobile-spacer-div{min-height:44px}}.network-select{min-height:42px;min-width:150px!important}.sbFooter{text-align:center;background-color:#ece7be;border-bottom-right-radius:10px;border-bottom-left-radius:10px;line-height:50px}a{color:#74aa43}h5{font-size:small}.company-logo-image{width:100%;max-width:300px;height:auto;max-height:70px;padding-left:2px}.sbHeader{background-color:#ece7be;border-top-left-radius:10px;border-top-right-radius:10px;padding-top:5px}.company-logo-image{width:100%;max-width:300px;height:auto;max-height:70px}.sbHeader{background-color:#ece7be;border-top-left-radius:10px;border-top-right-radius:10px;max-width:100%;padding-top:5px}@media (max-width:767px){.sbHeader{display:none}}.signInHeader{background-color:#ece7be;padding-top:15px;padding-bottom:10px}