:focus {
	outline: 0!important;
}
html {
	position: relative;
	min-height: 100%;
}
body {
  /* Margin bottom by footer height */
	margin-bottom: 60px;
	background-color:#fafafa;
    font-family: Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 50px;
	line-height: 50px; /* Vertically center the text there */
	background-color: rgba(255,255,255,0.1);
    box-shadow: -1px -1px 4px rgba(100,100,100,0.4);
}
body > .container-fluid {
  padding-top: 56px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 300;
}
.dropdown-item {
	padding: 0.6rem 1rem;
}
.dropdown-divider {
    margin: 0;
}
.navbar{
	min-height:47px;
    padding: 0rem;
}
.fixed-top{
    padding: 0rem 1rem;
}
.navbar-bottom {
	display:none;
}
.navbar-bottom .nav-link{
	padding-top:0.5rem;
	padding-bottom:0.4rem;
}
.card-custom {
    box-shadow: 1px 1px 4px rgba(100,100,100,0.4);
    border: 0px;
    border-radius: 0;
}
legend{
	font-size: 1.5rem;
	font-weight: 300;
}
.well {
    position: relative;
    padding: 0.75rem 1.25rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.well-border {
	border-color:#AAAAAA;
}
.well-success{
	color:#4CAF50;
	border-color:#4CAF50;
	background-color: #CDE9CE;
}
.well-warning{
	color:#FF9800;
	border-color:#FF9800;
	background-color: #FFE2B8;
}
.well-danger{
	color:#DC3545;
	border-color:#DC3545;
	background-color: #F5C6CB;
}
.card-header, .card-footer, .list-group-item {
	padding:0.5rem;
}
.card>.list-group:last-child .list-group-item:last-child {
    border-radius: 0; 
}
.card-item .card-logo{
	width:47px; 
	height:47px; 
	line-height:47px;
	font-size:10px;
	font-weight:600;
}
.fa-li {
	top:.26em;
}
.bg-gray{
	background-color:#f5f5f5;
}
.card-custom .bg-gray{
	border-top: solid 1px #e6e6e6;
	margin-top: -1px;
}
#export-page .disabled{
	opacity:0.25;
}
#export-page .text-disabled{
	color:#aaa;
}
.dropdown-fixed{
	position:fixed; 
	top:0; 
	right:0;
	z-index:1031;
}
.dropdown-fixed .dropdown-menu{
	margin-top:0.5rem;
}
.dropdown-fixed a{
	text-decoration:none;
}
.dropdown-fixed-avatar{
	width:30px;
	height:30px;
	line-height:32px;
	background-color:rgba(255,255,255,0.5);
	color:white;
	border-radius:50%;
	text-align:center;
	margin:0.5rem 1rem;
}
.list-group-variables, .list-group-export{
	display: block;
	padding: 0 4px;
}
.list-group-variables .list-group-item{
	display: inline-flex;
	flex-direction:column;
	border:solid 1px #e6e6e6 !important;
	/* background-color:#fafafa; */
	width:170px;
	min-height:90px;
	padding:0.7rem;
	padding-bottom:0;
	margin: 0.2rem;
	text-align:center;
}
.list-group-export li{
	display: inline-flex;
	flex-direction:column;
}
.list-group-export li a{
	color:#444;
	text-decoration:none;
}
.list-group-export .list-group-item{
	display: inline-flex;
	flex-direction:column;
	border-right:solid 1px #e6e6e6;
	border-bottom:solid 1px #e6e6e6;
	min-width:120px; 
	min-height:90px;
	padding:1.1rem;
	text-align:center;
}
.list-group-variables .list-group-item .list-group-variable-name,
.list-group-export .list-group-item span{
	order: 2;
	text-transform:uppercase;
	line-height:1.1
}
.list-group-variables .list-group-item .list-group-variable-value,
.list-group-export .list-group-item .list-item-export-file{
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.3;
	order: 1;
}
.list-group-export .list-group-item .list-item-export-file{
	font-size: 1.5rem;
	color:white;
	background-color:#008000;
	margin-right:1.4rem;
	margin-left:1.4rem;
	padding: 0.5rem 0.25rem;
	border-radius:0.2rem;
	margin-bottom:4px;
}
.list-group-variables .list-group-item .list-group-variable-value i,
.list-group-variables .list-group-item .list-group-variable-value small{
    font-size: 1rem;
}
.nav-pills .nav-item{
    position: relative;
    display: block;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.125);
}
.nav-pills .nav-item .nav-link{
	display:flex;
	justify-content: space-between;
    padding: 0.8rem;
}
.nav-item+.nav-item {
    border-top-width: 0;
}
.modal-header {
    padding: 0.75rem 1rem;
}
.tab-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #dee2e6;
}
.tab-title, .modal-title{
	font-size:1.5rem;
	line-height:1.4;
	margin-bottom:0;
}
.tab-body {
    padding: 1rem;
}
.close{
	line-height:1;
}
@media (max-width: 575.98px) {
	.navbar-bottom {
		display:block;
		box-shadow: 0 -1px 2px rgba(0,0,0,.3);
	}
	.list-group-export li{
		display: flex;
	}
	.list-group-variables, .list-group-export{
		padding:0;
	}
	.list-group-variables .list-group-item,
	.list-group-export .list-group-item {
		display:flex;
		justify-content:space-between;
		flex-direction:row;
		border:0 !important;
		min-width:0; 
		width:98%; 
		min-height:0;
		padding:0.5rem 1.25rem;
	}
	.list-group-variables .list-group-item .list-group-variable-name,
	.list-group-export .list-group-item span{
		order: 1;
		line-height: 1.6rem;
	}
	.list-group-variables .list-group-item .list-group-variable-value{
		font-size:1.4rem;
		order: 2;
		line-height: 1rem;
	}
	.list-group-export .list-group-item .list-item-export-file{
		font-size:1rem;
		padding:0.2rem;
		margin:0;
		font-weight: initial;
		line-height: initial;
		order: 2;
	}
	body > .container-fluid {
	  padding-top: 60px;
	}
	.modal-dialog {
		margin:0;
	}
	.modal-content{
		min-height:100vh;
		border-radius:0;
		border:0;
	}
	.modal-header {
		position: fixed;
		top:0;
		left:0;
		right:0;
		background-color:#fff;
		z-index:1030;
		border-radius:0;
	}
	.modal-body {
		flex: auto;
		margin-top: 58px;
	}
	.tab-content .tab-pane{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 1rem;
		padding-top: 70px;
		background-color: #fff;
		z-index:1032;
	}
	.tab-header {
		display:flex;
		justify-content:space-between;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		background-color: #fff;
		z-index: 1033;
		border-bottom: 1px solid rgba(0,0,0,0.125);
	}
	.tab-title, .modal-title{
		font-size:1.2rem;
		line-height:1.8;
	}
	.close{
		line-height:0.8;
	}
	.tab-body {
		padding: 1rem 0;
	}
	.btn{
		width:100%;
	}
	.btn-sm {
		width:initial;
	}
	.card-custom .card-footer{
		display:flex;
		justify-content:space-between;
	}
}