:focus {
	outline: 0!important;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* padding-top: 50px; */
  /* Margin bottom by footer height */
  /* margin-bottom: 50px; */
  background-color: #fbfbfb;
}
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 50px;
}
footer span{
  /* Vertically center the text there */
  line-height: 50px;
}
/* -------------------------------------------------- */
a:hover, a:focus{
	text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
}
hr {
    margin-top: 0.7rem;
    margin-bottom: 0.7rem;
}
.btn {
    padding: 0.7rem;
    min-width: 42px;
}
.btn-sm, .btn-group-sm>.btn {
    padding: 0.25rem 0.5rem;
    min-width: 0;
}
.text-weathercloud{
	color: #0088bb !important;
}
.bg-weathercloud {
    /* background-color: #373a3c!important; */
    background-color: #0088bb !important;
}
.bg-weathercloud-alpha-75 {
	background-color: rgba(0, 136, 187, 0.75) !important;
}
.bg-weathercloud-alpha-25 {
	background-color: rgba(0, 136, 187, 0.25) !important;
}
.bg-weathercloud-alpha-5 {
	background-color: rgba(0, 136, 187, 0.05) !important;
}
.bg-grey {
	background-color: rgba(0,0,0,0.03);
}
.bg-custom {
	color:white;
    background-color:#0088bb !important;
    border-color:#0088bb !important;
}
.text-custom{
	color:#0088bb;
}
.link-custom a {
	color:white;
}
.link-custom a:hover {
	opacity:0.8;
}
.bg-custom-alpha-90 {
	color:white;
	background-color: rgba(0, 136, 187, 0.90) !important;
}
.bg-custom-alpha-75 {
	color:white;
	background-color: rgba(0, 136, 187, 0.75) !important;
}
.bg-custom-alpha-25 {
	color:white;
	background-color: rgba(0, 136, 187, 0.25) !important;
}
.style-custom {
	color:#0088bb;
    border-color:#0088bb !important;
}

.card-custom {
    box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	border:0px;
	border-radius:0;
}
.card-custom:hover {
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
.card-custom .card-header{
	border-radius:0;
}
.card-custom .card-body{
	position:relative;
}
.card-custom .card-body h5{
	min-height:40px;
}
.card-custom .card-body-overlay{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:white;
	z-index:2;
	padding-top:110px;
}
.card-variable {
    box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
.card-footer {
    border-top: 1px solid rgba(0,0,0,.125);
}
.card-background {
	position:absolute; 
	top:0; 
	right:0; 
	bottom:0; 
	left:0; 
	overflow:hidden; 
	text-align:right;
}
.card-background i{
	color:rgba(0, 136, 187, 0.1); 
	font-size:8em; 
	margin-top:13px; 
	margin-right:-13px;
}
.modal-full {
	position:absolute;
	top:0px;
	right:20px;
	left:20px;
	bottom:0px;
    min-width: 96%;
}
.modal-full .modal-content {
	height:100%;
}
.modal-custom {
    border-radius: 0.3rem;
}
.modal-custom .modal-header {
	color:white;
    background-color:#0088bb;
    border-color:#0088bb;
	border-top-left-radius: 0.2rem;
    border-top-right-radius: 0.2rem;
}
.modal-custom .close {
	color:white;
}
.close {
    font-size: 2.1rem;
}
.nav-avatar {
  width: 38px;
  height: 38px;
  text-align: center;
  border-radius: 50%;
}
.avatar span {
  position: relative;
  top: 15px; /* 25% of parent */
  font-size: 30px; /* 50% of parent */
  line-height: 30px; /* 50% of parent */
}
.fixed-top {
    height: 50px;
}
.row-custom{
  margin-right:-0.25rem;
  margin-left:-0.25rem;
}
.col-custom{
  padding-right:0.25rem;
  padding-left:0.25rem;
}
/* -------------------------------------------------- */
.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active {
    color: #666;
    background-color: #eee;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    background-color: transparent;
}
.nav-tabs {
    border-bottom: 1px solid #ddd;
}
/* -------------------------------------------------- */
.dropdown-card{
    min-width: 15rem;
    padding: 0;
    border: 0;
}
.card {
	/* box-shadow: 1px 1px 4px rgba(0,0,0,0.3); */
}
.navbar-toggleable-xl .navbar-nav .dropdown-menu {
    position: absolute;
}
.display-5 {
    font-size: 2.2rem;
    font-weight: 300;
    line-height: 1.1;
}
.display-5 small {
    font-weight: 300;
    font-size: 60%;
    line-height: 1.1;
}

.btn-success:focus {
    color: #fff;
}
input[type="radio"]:before, .radio input[type="radio"]:before, .radio-inline input[type="radio"]:before, .radio-inline input[type="radio"]:after  {
    top: 0px;
}
.radio{
	padding:10px 0px;
}
.radio .radio-inline{
	margin-left:2rem;
}
.radio .radio-inline:first-child{
	margin-left:0;
}
.has-danger input[type="radio"],.has-danger  .radio input[type="radio"],.has-danger  .radio-inline input[type="radio"] {
    box-shadow:none;
}
.has-danger input[type="radio"]:after,.has-danger  .radio input[type="radio"]:after,.has-danger  .radio-inline input[type="radio"]:after {
    border: 2px solid #e51c23;
}
.bg {
  position: fixed;
  top:0;
  left:0;
  z-index:-1;
  
  width:100%;
  height: 100%; 

  overflow:hidden;
  
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.btn-fixed-save{
	position:fixed; 
	bottom:20px; 
	right:20px; 
	z-index:10000;
}
.btn-group-justified {display: flex;width: 100%;}
.btn-group-justified .btn,.btn-group-justified .btn-group { flex: 1;}
.btn-group-justified .btn {width: 100%;}

.badge-group {
    font-size: 100%;
    padding: 0.6em;
    font-weight: 500;
}

.badge-group a.badge-close{
	color:white;
    font-size: 150%;
	vertical-align:sub;
	margin:0 5px;
}
.badge-td{
	width:100%;
	padding:0.45em;
	vertical-align:top;
}
.modal-footer {
    padding: 10px 15px;
    border-top: 0px;
}
.table-summary > tbody > tr > td, .table-summary > thead > tr > th{
    text-align: center;
}
.table-summary > tbody > tr > td:nth-child(-n+3) , .table-summary > thead > tr > th:nth-child(-n+3){
    text-align: left;
}
.table tbody tr:last-child td, .table tbody tr:last-child th{
	border-bottom: 1px solid #eee;
}
thead.table-sm tr th{
	padding: 0.3rem 0.75rem;
}
.led {
	width: 16px;
	height: 16px;
	margin-top:-2px;
	border-radius: 50%;
}
.led-green {
	background-color: #66ff33;
	box-shadow: #000 0 -1px 7px 1px, inset #460 0 -1px 9px, #7D0 0 2px 9px;
}
.led-yellow {
	background-color: #ffa500;
	box-shadow: #000 0 -1px 7px 1px, inset #800 0 -1px 9px, #F90 0 2px 9px;
}
.led-red {
	background-color: #ff0000;
	box-shadow: #000 0 -1px 7px 1px, inset #600 0 -1px 9px, #F00 0 2px 9px;
}
#export .disabled{
	opacity:0.4;
}
label{
	margin-bottom:0;
}
textarea:not(textarea), textarea.form-control:not(textarea), input.form-control:not(textarea), input[type=text]:not(textarea), input[type=password]:not(textarea), input[type=email]:not(textarea), input[type=number]:not(textarea), [type=text].form-control:not(textarea), [type=password].form-control:not(textarea), [type=email].form-control:not(textarea), [type=tel].form-control:not(textarea), [contenteditable].form-control:not(textarea) {
    /* height: calc(2.461rem + 2px); */
}
.form-control-feedback{
	font-size:.6em;
	color:#b00;
}
.card-subtitle {
    margin-top: -0.4rem;
}
.navbar {
    min-height: 47px;
    padding: 0rem;
}
.navbar-nav .nav-link {
    padding-top: 0.5rem;
    padding-bottom: 0.4rem;
}
.table td, .table th {
    padding: 0.75rem;
    vertical-align: middle;
}
.list-group-variables {
  display: block;
  list-style: none;
}

.list-group-variables li {
    text-align:center;
    display: inline-flex;
    flex-direction: column;
    min-height:100px;
    min-width:200px;
    max-width:250px;
    margin:5px;
    padding:15px;
    border: solid 1px #e6e6e6 !important;
}
.list-group-item-value {
    font-size: 2.2rem;
    font-weight: 300;
    line-height: 1.1;
}
.list-group-item-value small {
    font-weight: 300;
    font-size: 60%;
    line-height: 1.1;
}
@media (max-width: 575.98px) {
	
	.table td, .table th {
		padding: 0.5rem;
	}
	#devices-container{
		overflow-x:auto;
		min-height: 73vh;
	}
	.list-group-variables  li {
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		min-height:0;
		min-width:100%;
		margin:0px;
		padding:20px 0;
		border: 0 !important;
		border-bottom: solid 1px #e6e6e6;
	}
	.list-group-item-value {
		font-size: 1.2rem;
		order:2;
		line-height: 1;
	}
	.list-group-item-value small {
		font-size: 100%;
	}
	.list-group-item-name {
		order:1;
		font-size: 1rem;
		line-height: 1;
	}
}