body {
	background-image: url('../img/bg.jpg');
	color: #000F66;
}

.container {
	background: rgb(26, 48, 173); /* Fallback for older browsers without RGBA-support */
    /* background: rgba(26, 48, 173, 0.2); */
    background: rgba(255, 255, 255, 0.8);
	border-radius: 3px;
	position: relative;
}

.container .navbar {
	margin-top: 20px;
}

.container .navbar-default {
	background-color: #661e7b;
}

.container .navbar-default .navbar-nav > li > a, .container .navbar-default .navbar-brand {
	color: #ffffff;
}

.container .navbar .navbar-brand {
	font-size: 100%;
}

.container h3.tagline {
	color: #cc0000;
	text-align: center;
	font-size: 1.4em;
	font-family: 'Eagle Lake', cursive;
}

.container p, .container .panel {
	font-size: 1.2em;
	padding: 5px;
	font-family: 'Ubuntu', sans-serif;
	margin-bottom: 10px;
}

.container p.indent {
	margin: 0 40px;
}

.container li {
	margin-bottom: 10px;
}

.container form label.error {
	color: #cc0000;
}

.container form input.form-control.error {
	border-color: #cc0000;
	background-color: #FFFFD5;
}

.container p.nospacing {
	margin: 0;
	padding-bottom: 0;
}

#contacts, #contacts th, #contacts td {
	font-size: 0.9em;
}

#contacts .deletego {
	display: none;
}

.sansita {
	font-family: 'Baloo Tammudu', cursive;
}

.redText {
	color: #cc0000;
}

.blueText {
	color: #0119b2;
}

.table-striped > tbody > tr.newEntry {
	color: #cc0000;
	background-color: #e9f9ff;
}

.red {
	color: #cc0000;
	font-weight: bold;
}

.yellow {
	color: #ece70d;
	font-weight: bold;
}

.green {
	color: #13d72c;
	font-weight: bold;
}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

/* funky radio buttons */
@import('https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.0/css/bootstrap.min.css') 

.funkyradio div {
  clear: both;
  overflow: hidden;
}

.funkyradio label {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #D1D3D4;
  font-weight: normal;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
  display: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
  position: relative;
  line-height: 2.5em;
  text-indent: 3.25em;
  margin-top: 2em;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 2.5em;
  background: #D1D3D4;
  border-radius: 3px 0 0 3px;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
  color: #888;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #C2C2C2;
}

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
  color: #777;
}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #333;
  background-color: #ccc;
}

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
  box-shadow: 0 0 0 3px #999;
}

.funkyradio-red input[type="radio"]:checked ~ label:before {
	color: #fff;
	background-color: #cc0000;
}

.funkyradio-yellow input[type="radio"]:checked ~ label:before {
	color: #fff;
	background-color: #ece70d;
}

.funkyradio-green input[type="radio"]:checked ~ label:before {
	color: #fff;
	background-color: #13d72c;
}

/* end of funky radio buttons

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

	.container .header img {
	max-width: 200px;
	}

}