body{
  color:#555;
  font-size:0.9em;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
   color: #555;
}

.space{
  height:80px;
}

.card{
  transition: all .3s ease;
}

.card-header {
  background-color: #fff;
   border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.router-box{
  background-color:#f8f8f8;
  border:1px solid #f4f4f4;
  border-radius:3px;
  padding:20px;
  margin-top:10px;
  font-size:0.9em;
  line-height:2em;
}


#graph-container{
  height:70vh;
}

@media (max-width:500px) {
  #graph-container{
    height:50vh;
  }
}

.title{
  font-weight: 700;
  margin-bottom:5px;
}

#device-info p{
  margin-bottom:5px;
}

.img-icon{
  width:30px;
  height:30px;
}

table.dataTable thead tr {
   background-color: #f4f4f4;
   color: #555555;
}

.table thead th {
	border-top: none;
	font-weight: 500
}

.table td,
.table th,
.table thead th {
	border-bottom: 1px solid rgba(234, 243, 253, .9)
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: #f0f6ff
}

.table.table-bordered,
.table.table-bordered td,
.table.table-bordered th::after,
.table.table-bordered thead th {
	border: 1px solid rgba(234, 243, 253, .9)
}

.table.v-align-middle tr td {
	vertical-align: middle
}

.table.table-borderless td,
.table.table-borderless th,
.table.table-borderless thead th {
	border: none!important
}

table.dataTable {
	border-collapse: collapse!important
}

.dataTables_info,
.dataTables_paginate {
	margin: 25px 0 15px!important
}

.pagination .page-item.disabled .page-link,
.pagination .page-link {
	color: #6c757d;
	background-color: transparent;
	border-color: transparent
}

.pagination .page-item.active .page-link {
	z-index: 1;
	color: #fff;
	background-color: #399AF2 !important;
	border-color: #399AF2;
	border-radius: 100%;
	box-shadow: none;
	outline: 0;
	width: 30px;
	height: 30px;
	text-align: center;
	padding: 8px 0 0
}

.pagination a:link,
.pagination a:visited {
	color: #353a40;
	line-height: 1
}

.pagination a:hover {
	color: #399AF2
}

.pagination a:active,
.pagination a:focus {
	box-shadow: none;
	outline: 0
}

.table-bordered.dataTable,
.table-bordered.dataTable td,
.table-bordered.dataTable th {
	border: 1px solid rgba(234, 243, 253, .9)
}

.nav-item{
  margin-left: 10px;
  margin-right: 10px;
}

.nav-item .nav-link{
  text-transform:uppercase;
}

.container-front{
   position:relative;
   z-index:100;
}

.banner_background {
   position: absolute;
   top: 0;
   left: 50%;
   z-index: 1;
   width: 100%;
   height: 100%;
   width: 100%;
   user-select: none;
   transform: translateX(-50%);
   background: #006fcf;
}

.banner_background>svg {
   position: absolute;
   bottom: -1px;
   left: -1px;
   right: -1px;
   float: left
}
.svg-banner-shape {
   fill: #f4f4f4;
}

.front-toolbar a.btn-dark{color:#fff;}
.front-toolbar a.nav-link{color:#fff !important; text-transform: uppercase;}
.front-toolbar .navbar{
  box-shadow: none !important;
}
.front-text{
   text-align: center;
   padding:100px 0px 50px 0px;
}
.front-text h1{
   font-size: 52px;
   font-weight: 700;
   line-height: 64px;
   color:#fff;
}
.front-text h2{
   color:#eee;
}

.features {
   background-color: #fff;
   border-radius: 5px;
   text-align: center;
   padding:20px;
}

.features:hover{
   margin-top: 0.5em;
   transition: all .4s ease;
   -webkit-transition: all .4s ease;
}

.features img{
   padding:30px;
}

.features .price{
   color:#006fcf;
   font-weight: 700;
}


.login-form .form-control{
   padding:0.8em;
}




table.panel{
  width:100%;
}

table.panel tr td{
   vertical-align: middle;
}

.btn-register, .btn-login{
   margin:0px 10px;
   min-width: 160px;
   font-weight: 700 !important;
}

.btn-register:hover, .btn-login:hover{
   margin-top: 0.1em;
   transition: all .4s ease;
   -webkit-transition: all .4s ease;
}
.btn-register{
   background-color:#fff;
   color:#006fcf !important;
}
.btn-login{
   border:1px solid #fff !important;
   color:#fff !important;
}

.navbar-dark .navbar-toggler {
  border-color: #ddd;
}

.login-alternative{
   margin-top:20px;
   font-size:0.9em;
   text-align: center;
}

@media (max-width: 768px) {
   .btn-register, .btn-login {
      width:100%;
      margin-bottom: 10px;
   }
}

.label-success i{
   color:#4cbb17;
   font-size:1.5em;
}
.label-danger i{
   color:#ff0000;
   font-size:1.5em;
}

a.btn-success{
   color:#fff !important;
}

.tgl-btn{
    font-size:0.8em !important;
}

.waves-input-wrapper{
  display:block !important;
}

.td-label{
  font-weight:700;
}

.btn-icon{
  padding:2.5px 10px 2px 7px !important;
  font-size:0.75em !important;
}
.btn-icon2{
  padding:1.5px 7px 1px 7px !important;
  font-size:0.75em !important;
  margin-left:5px !important;
  margin-right:5px !important;
}

.location-select{
  padding-top:0px !important;
  padding-bottom:0px !important;
}

.location-select .md-form{
  margin-top: 10px !important;
  margin-bottom: 0px !important;
}

.location-select .form-control{
  margin: 0px !important;
  padding: 0px !important;
}

.md-form input:not([type]),
.md-form input[type="text"]:not(.browser-default),
.md-form input[type="password"]:not(.browser-default),
.md-form input[type="email"]:not(.browser-default),
.md-form input[type="url"]:not(.browser-default),
.md-form input[type="time"]:not(.browser-default),
.md-form input[type="date"]:not(.browser-default),
.md-form input[type="datetime"]:not(.browser-default),
.md-form input[type="datetime-local"]:not(.browser-default),
.md-form input[type="tel"]:not(.browser-default),
.md-form input[type="number"]:not(.browser-default),
.md-form input[type="search"]:not(.browser-default),
.md-form input[type="search-md"],
.md-form textarea.md-textarea{
  border:1px solid #bbb !important;
  border-radius: 3px !important;
}

.select-dropdown{
  text-indent: 10px;
}
.md-form label{
  background-color:#fff !important;
  margin-left:10px;
  padding-left:5px;
  padding-right:5px;
  z-index: 10;
}

.select-wrapper>label.mdb-main-label.active{
  top:5px !important;
  background-color:#fff !important;
  width:auto;
  z-index:100;
}

.multiple-select-dropdown .dropdown-content li:hover, .dropdown-content li.active{
background-color: #fff !important;
}


.green2{
  background-color:#a2cd45;
}

.sign-in-form {
	max-width: 450px;
	margin: 10% auto;
	padding: 30px
}

.logo-form{
  border-bottom: 1px solid #eee;
  padding-bottom:15px;
  text-align:center;
}
.logo-form img{
width:70%;
}

.login-text{
   font-size:1.8em;
   text-align: center;
   margin-top:20px;
   margin-bottom:20px;
}

#grapharea{
  border:1px solid #eee;
  padding:0px;
  margin:0px;
  width:100%;
  height:80vh;
  position:relative;
}
.node{
	position:absolute;
	width:110px;
	background:#666;
	color : #fff;
	padding:2px 10px;
	cursor:pointer;
  font-size:0.7em;
}

.node-icon{
  position:absolute;
  right:-5px;
  top:-5px;
  border-radius:50%;
  width:30px;
  height:30px;
  border:1px solid #bbb;
}

ol.ga{
  line-height:2em;
  padding-left:20px;
}

.alert-success{
  background-color:#00C851;
  color:#fff;
}
.alert-success a{
  color:#fff;
}

a.action-link{
  color:#006fcf !important;
  font-weight:bold;
  white-space: nowrap !important;
  font-size:0.9em;
}

.select-user{
  padding:5px;
  width:140px;
  border-radius:3px;
  border-color:#aaa;
}

.img-circular {
   margin: 0px auto;
   background-size: cover;
   display: block;
   border-radius: 3%;
   -webkit-border-radius: 3%;
   -moz-border-radius: 3%;
}

.ticket-bar{
  display:flex;
}

.ticket-bar > div{
  margin-right:20px;
}

.ticket-message{
  margin: 20px 0px;
  padding:15px;
  background-color:#f4f4f4;
  border:1px solid #eee;
  border-radius:3px;
}
.ticket-message-header{
  border-bottom:1px solid #fff;
  padding-bottom:10px;
  margin-bottom:10px;
}

.ticket-right{
  background-color:#e9edf0;
  padding:10px 20px 20px 20px;
}

.ticket-right-header{
  border-bottom:1px solid #fff;
  padding-bottom:10px;
  margin-bottom:10px;
  font-weight:700;
}

.ticket-right-line{
  display:flex;
  justify-content: space-between;
  margin-bottom:10px;
}

.btn-sm2{
  padding:2px 10px !important;
  margin-bottom: 5px !important;
}

.dt-body-center{
  text-align:center !important;
}

#sortable { list-style-type: none; margin: 0; padding: 0; }
#sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left:1.5em; font-size: 0.8em; }
#sortable li span { position: absolute; margin-left: -1.3em; }