@charset "utf-8";
/*
Color Settings :
Background	: #DDD
Text				: #000
Gray				: #CCC
Orange			: #F90
Blue				: #08F
Red					: #F00
*/

/* Bootstrap Hacks */
body {
	background-color: #EEE;
	font-family: "Century Gothic", Verdana, Arial, Helvetica-Normal;
	color: #000;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
}
.navbar-brand {
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
	min-width: 435px;
	color: #FFF;
}
@media (max-width: 768px) {
	.navbar-brand {
	  padding: 15px 15px;
	  font-size: 18px;
	  line-height: 20px;
		min-width: 220px;
		max-width: 220px;
		color: #FFF;
	}
}
#content .page-header {
  margin: 0 -15px 5px;
}
#content .breadcrumb {
  margin-bottom: 0;
  padding-right: 5px;
  padding-left: 5px;
  font-size: 14px;
  color: #333;
  background-color: #EEE;
}



@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media screen and (min-width: 768px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}

/* Links Setting Styling */
a.delete-link:link, a.delete-link:visited, a.delete-link:active {
	color:#F00;
	text-decoration: none;
	font-weight: normal;
}
a.delete-link:hover {
	color:#000;
}
a.edit-link:link, a.edit-link:visited, a.edit-link:active {
	color:#00F;
	text-decoration: none;
	font-weight: normal;
}
a.edit-link:hover {
	color:#000;
}


/* Modal Box Styling */
.modal .modal-dialog {
	width: 80%;
}
.modal-sm .modal-dialog {
	width: 70%;
}
@media (min-width: 992px) {
	.modal-sm .modal-dialog {
		width: 40%;
	}
}
@media (max-width: 1199px) {
	.modal .modal-dialog {
		width: 90%;
	}
}

/* Template Page Styling */
.brand-text {
	margin: -3px 0 0 40px;
	float: left;
	font-size: 14px;
	font-weight: bold;
}
@media (max-width: 768px) {
	.brand-text {
		margin: 0 0 0 0;
		width: 220px;
		float: left;
		font-size: 14px;
		font-weight: bold;
	}
}
#footer {
  padding: 15px 20px 15px 0;
  background-color: #BBB;
  height: 70px;
  text-align: right;
  color: #777;
}
#footer span {
  float: right;
}