html {
margin: 0;
padding: 0;
height: 100%;
font-family: 'Roboto', sans-serif;
color: #C6D2DF;
}
body {
background: #252D37;
height: 100%;
padding: 0;
margin: 0;
}
nav {
width: 100%;
background: #343B46;
color: #C6D2DF;
height: 60px;
float: none;
}
.page-wrapper {
height: 100%;
display: flex;
flex-direction: row;
}
.sidebar {
width: 70px;
background: #343B46;
height: 100%;
}
.logo {
width: 100%;
height: 60px;
background: #00D1EC;
text-align: center;
font-size: 30px;
vertical-align: middle;
color: #C6D2DF;
font-weight: 600;
}
.logo i {
margin-top: 15px;
}
.menu {
margin: 0;
padding: 0;
color: #C6D2DF;
list-style: none;
}
.menu-item {
width: 100%;
height: 45px;
text-align: center;
padding-top: 15px;
}
.nav-right-links {
float: right;
display: flex;
list-style: none;
margin: 0;
padding: 20px;
}
.nav-item {
padding-left: 10px;
padding-right: 10px;
}
.nav-item a {
text-decoration: none;
color: #C6D2DF;
display: block;
}
.nav-item a i {
font-size: 20px;
}
.content {
}
.main-info {
margin: 20px 20px 0 20px;
background: #363E49;
display: flex;
flex-direction: row;
height: auto;
}
.main-content {
margin: 20px 20px 0 20px;
background: #363E49;
}
.col-main {
flex-direction: column;
width: 100%;
top: 0;
}
.panel-title {
border-bottom: solid 1px #49545F;
padding: 10px;
}
.general-info.panel {
flex-direction: column;
width: 75%;
padding: 5px 30px 5px 15px;
}
.status-info {
flex-direction: column;
width: 25%;
border-left: 2px dashed #252D37;
}
.menu-button {
text-decoration: none;
color: #C6D2DF;
display: block;
}
.menu-button .fas {
font-size: 25px;
}
.menu {
/*margin-top: 15px;*/
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
.menu-item:hover {
border-left: 3px solid #00D1EC;
}
.senzor-status, .sensor-report, .festiv-status {
width: 100%;
border-spacing: 0;
padding: 20px;
font-size: 14px;
}
.senzor-status tr:nth-child(even), .sensor-report tr:nth-child(even), .festiv-status tr:nth-child(even) {
background-color: #3E4853;
}
.senzor-status th, .sensor-report th , .festiv-status th{
background-color: #555F6C;
text-align: left;
}
.senzor-status th:nth-child(1), .sensor-report th:nth-child(1), .festiv-status th:nth-child(1){
text-align: center;
}
.senzor-status tr td, .senzor-status th, .sensor-report tr td, .sensor-report th, .festiv-status tr td, .festiv-status th {
padding: 10px 0 10px 0;
}
.senzor-status tr td:nth-child(1), .sensor-report tr td:nth-child(1), .festiv-status tr td:nth-child(1) {
text-align: center;
}
.senzor-success {
color: #42D292;
font-weight: 600;
}
.senzor-error {
color: #FF4850;
font-weight: 600;
}
.senzor-warning {
color: #DDA60D;
font-weight: 600;
}
.senzor-info {
color: #13929E;
font-weight: 600;
}
.senzor-name {
color: #0BCEDF;
font-weight: 600;
}
.btn {
background: none;
border: solid 2px;
line-height: 25px;
padding: 8px;
}
.btn-error {
border-color: #FF4850;
color: #FF4850;
}
.btn-error:hover {
background-color: #FF4850;
color: #C6D2DF;
}
.btn-info {
border-color: #13929E;
color: #13929E;
}
.btn-info:hover {
background-color: #13929E;
color: #C6D2DF;
}
.btn-success {
border-color: #42D292;
color: #42D292;
}
.btn-success:hover {
background-color: #42D292;
color: #C6D2DF;
}
.page-wrapper.login .main-info {
display: block;
height: 100%;
padding-top: 10px;
padding-bottom: 10px;
}
.login-form {
width: 50%;
margin: 10px auto;
display: block;
background-color: #252D37;
}
.form-control {
padding: 10px;
display: flex;
}
.form-control label {
font-size: 14px;
width: 25%;
line-height: 25px;
display: block;
}
.input-field {
width: 75%;
background-color: #252D37;
line-height: 25px;
border: solid 1px #A8B9CB;
color: #C6D2DF;
}
.report-input {
background-color: #252D37;
line-height: 25px;
border: solid 1px #A8B9CB;
color: #C6D2DF;
flex-grow: 2;
}
.report-min {
margin: 0 -35px 0 20px;
}
.form-control label.report-label {
width: auto;
flex-grow: 0.5;
}
.submit-button {
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.login-form h2, .login-form h3 {
text-align: center;
}
.page-wrapper.register .main-info {
height: 400px;
}
.general-info-data {
font-size: 15px;
padding: 10px;
}
.main-content-bottom {
background-color: #3E4853;
display: flex;
flex-direction: row;
justify-content: center;
}
.general-settings .main-content {
background-color: #363E49;
padding: 20px;
}
.general-settings .main-content .settings {
background-color: #252D37;
}
.senzor-action {
text-decoration: none;
padding: 8px;
}
.add-location {
text-decoration: none;
float: right;
}
/*!
* Datepicker v1.0.10
* https://fengyuanchen.github.io/datepicker
*
* Copyright 2014-present Chen Fengyuan
* Released under the MIT license
*
* Date: 2020-09-29T14:46:09.037Z
*/.datepicker-container{background-color:#fff;direction:ltr;font-size:12px;left:0;line-height:30px;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:210px;z-index:-1}.datepicker-container:after,.datepicker-container:before{border:5px solid transparent;content:" ";display:block;height:0;position:absolute;width:0}.datepicker-dropdown{border:1px solid #ccc;-webkit-box-shadow:0 3px 6px #ccc;box-shadow:0 3px 6px #ccc;-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;z-index:1}.datepicker-inline{position:static}.datepicker-top-left,.datepicker-top-right{border-top-color:#39f}.datepicker-top-left:after,.datepicker-top-left:before,.datepicker-top-right:after,.datepicker-top-right:before{border-top:0;left:10px;top:-5px}.datepicker-top-left:before,.datepicker-top-right:before{border-bottom-color:#39f}.datepicker-top-left:after,.datepicker-top-right:after{border-bottom-color:#fff;top:-4px}.datepicker-bottom-left,.datepicker-bottom-right{border-bottom-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-left:before,.datepicker-bottom-right:after,.datepicker-bottom-right:before{border-bottom:0;bottom:-5px;left:10px}.datepicker-bottom-left:before,.datepicker-bottom-right:before{border-top-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-right:after{border-top-color:#fff;bottom:-4px}.datepicker-bottom-right:after,.datepicker-bottom-right:before,.datepicker-top-right:after,.datepicker-top-right:before{left:auto;right:10px}.datepicker-panel>ul{margin:0;padding:0;width:102%}.datepicker-panel>ul:after,.datepicker-panel>ul:before{content:" ";display:table}.datepicker-panel>ul:after{clear:both}.datepicker-panel>ul>li{background-color:#fff;cursor:pointer;float:left;height:30px;list-style:none;margin:0;padding:0;text-align:center;width:30px}.datepicker-panel>ul>li:hover{background-color:#e5f2ff}.datepicker-panel>ul>li.muted,.datepicker-panel>ul>li.muted:hover{color:#999}.datepicker-panel>ul>li.highlighted{background-color:#e5f2ff}.datepicker-panel>ul>li.highlighted:hover{background-color:#cce5ff}.datepicker-panel>ul>li.picked,.datepicker-panel>ul>li.picked:hover{color:#39f}.datepicker-panel>ul>li.disabled,.datepicker-panel>ul>li.disabled:hover{background-color:#fff;color:#ccc;cursor:default}.datepicker-panel>ul>li.disabled.highlighted,.datepicker-panel>ul>li.disabled:hover.highlighted{background-color:#e5f2ff}.datepicker-panel>ul>li[data-view="month next"],.datepicker-panel>ul>li[data-view="month prev"],.datepicker-panel>ul>li[data-view="year next"],.datepicker-panel>ul>li[data-view="year prev"],.datepicker-panel>ul>li[data-view="years next"],.datepicker-panel>ul>li[data-view="years prev"],.datepicker-panel>ul>li[data-view=next]{font-size:18px}.datepicker-panel>ul>li[data-view="month current"],.datepicker-panel>ul>li[data-view="year current"],.datepicker-panel>ul>li[data-view="years current"]{width:150px}.datepicker-panel>ul[data-view=months]>li,.datepicker-panel>ul[data-view=years]>li{height:52.5px;line-height:52.5px;width:52.5px}.datepicker-panel>ul[data-view=week]>li,.datepicker-panel>ul[data-view=week]>li:hover{background-color:#fff;cursor:default}.datepicker-hide{display:none}