@import url('https://fonts.googleapis.com/css?family=Lato|Raleway');
body{
	font-family: 'Raleway', sans-serif;
}

#overlay{
	background: #e9e9e9;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: 0.5;
}

.subcontent{
	padding-top: 15px;
	display: none;
}

.maincontent{
	display: none;
}

#alertmodal{
	display: none;
}

#campaigntable{
	width: 100%;
}

/* datatables set border: seperate. dont like this */
table.dataTable{
	border-collapse: collapse !important;
}

/* datatables sets border-top on th and td. dont like this on th */
.table thead th{
	border-top: none;
	border-bottom: none;
}

table.table-inner{
	min-width: 100px;
}

table.table-tiny td, table.table-inner th{
	font-size: 80%;
	padding: 0.1rem 0.4rem 0.3rem 0.4rem;
}

table tr.table-intooltip{
	background-color: #212529;
	min-width: 100px;
}

table tr.table-intooltip td, table tr.table-intooltip th{
	border-top: 1px solid #4d5256;
	text-align: right;
}

.dataTables_wrapper .row .col-sm-12, .dataTables_wrapper .row .col-md-6{
	padding-right: 0px;
	padding-left: 0px;
}

.col-button label{
	display: block;
}

.col-button button{
	float: right;
	display: block;
	width: auto;
}

.flchart{
	height: 300px;
}

span.bigval{	font-size: 200%; }

.datepicker td, .datepicker th{
	padding: 3px 5px;
}

.datepicker .cw{
	padding: 0 7px 0 10px;
}

.dataTables_length, .dataTables_filter, .dataTables_paginate, .dataTables_info{
	padding: 0.85em;
}

.nav-item.active{
	background-color: #c5c5c5;
}

.campstatus-success{
	border-left: 10px solid rgb(40,167,69);
}

.campstatus-warning{
	border-left: 10px solid rgb(255,193,7);
}

.campstatus-danger{
	border-left: 10px solid rgb(220,53,69);
}

.badge{
	font-weight: normal;
}