body {
	padding-top: 80px;
	background-color:#cbe354;
	font-family:'Ubuntu', sans-serif;
	font-size:16px;
}

.header-logo {
	display: inline!important; 
	margin-right:5px;
}

.navbar-brand {
	margin-top:-7px;
}

/*h2 {
	margin-left:15px;
}*/

p {
	margin-bottom:20px;
}

/* when the menu is collapsed for mobile, dropdown links are a dull gray...unless we do this... */
@media only screen and (max-width: 767px) {
	ul.dropdown-menu li a, ul.dropdown-menu li a:active, ul.dropdown-menu li a:visited,
	a.dropdown-toggle, a.dropdown-toggle:active, a.dropdown-toggle:visited {
	  color:#fff!important;
	}
}

.container {
	max-width:1060px;
}

/* space the menu out a bit to fully justify on large screens*/
@media only screen and (min-width : 992px) {
	ul.nav>li>a {
		padding-left:22px;
	}
} 

/*.inner-container:first-of-type {
	padding:10px 20px;
}*/

.inner-container {
	background-color:#F8F8F8;
	margin:0 auto;
	padding:5px 15px;
	max-width:1000px;
}

/* fix for green line that appears on iOS only */
@media only screen and (max-width: 767px) {
	.inner-container:first-of-type {
		margin-bottom:-7px; 
	}
}

.inner-container.narrow {
	max-width:800px;
}

.inner-container.supernarrow {
	max-width:500px;
}

.inner-container.superwide {
	width:2000px;
	max-width:2000px;
}

.col-xs-12 {
	padding-left:0;
	padding-right:0;
}

.inner-container.content {
	min-height:400px;
}

p {
	text-align: justify;
    text-justify: inter-word;
}
.page-container {
	min-height:400px;
	padding-bottom:30px;
}

/*.page-container p {
	max-width:600px;
}*/

.admin-banner {
	background-color:red;
	color:white;
	text-align:center;
	text-transform: uppercase; 
	/*font-variant:small-caps;*/
	font-size:9pt;
}

.admin-banner a, .admin-banner a:hover, .admin-banner a:active, .admin-banner a:focus, .admin-banner a:visited {
	color:#fff!important;
}

.center-dialog {
	width:160px;	
	margin:auto;
	position:relative;
}

.small {
	font-size:8pt;
}

.results-footer {
	text-align:center;
}

.results-footer p {
	font-size:8pt;
	margin:10px 5px;
}

.results-footer button {
	margin:10px;
	width:85px;
}

.results-footer .glyphicon {
	font-size:9pt;
}

/* on larger screens, let's not use the default 100%   */
@media only screen and (min-width: 767px) {
	.form-control {
	 width:300px;
	}
	.input-group {
	 width:300px;
	}
}

.left-label {
    clear: left;
    float: left;
    padding: 3px 10px 2px 0;
    text-align: left;
    width: 120px; 
}

.btn-save {
	width:120px;
}

.form-horizontal .form-group {
    margin-right:0;
    margin-left:0;
}

.item-block {
	margin-bottom:20px;
	clear:both;
}

a.item-launcher {
	border:0;
}

.item-detail-block {
	margin-bottom:20px;
}

.full-size-image-dialog  .modal-dialog {
	text-align:center;
}
@media only screen and (min-width: 767px) {
	.full-size-image-dialog  .modal-dialog {
		width:740px;
	}
	.full-size-image-dialog  .modal-dialog img {
		max-width:700px;
	}
}

.media-left-photo {
	margin:10px 10px 10px 0;
	min-width:200px;
	/*width:100%;*/
	text-align:center;
}

.media-left-thumb {
	margin:10px 10px 10px 0;
	width:110px!important;
	padding-top:5px;
}

/*
.media-body {
	width:100%!important;
}*/

.btn {
	margin-right:10px;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:visited {
	background-color:#47191b!important;
	border-color:#47191b!important;
	color:#fff!important;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.item-thumb {
	/*float:left;*/
	margin:0 10px 10px 0;
	max-width:110px;
	border-radius: 8px;
}

.item-photo {
	margin:10px 10px 10px 0;
	max-width:200px;
	border-radius: 8px;
}

.challenge-photo {
	margin:auto;
	border-radius: 8px;
	min-height:200px;
}

/* fix for bootstrap-picker white on white ul.dropdown-menu li a:active, a.dropdown-toggle:active, , 
a.dropdown-toggle, a.dropdown-toggle:visited*/
.bootstrap-select ul.dropdown-menu li a, .bootstrap-select ul.dropdown-menu li a:visited {
    color: #000!important;
}

.bootstrap-select ul.dropdown-menu li a.active {
	background-color: #cbe354!important;
}

.bootstrap-dialog.type-primary .modal-header {
    background-color: #cbe354;
    color:#47191b;
}

.bootstrap-dialog .bootstrap-dialog-title {
    color:#47191b;
}

p.drop-cap::first-letter {
	letter-spacing:0;
    text-transform:uppercase;
    font-family:times,serif;
    font-size:3.5em;
    float:left;
    margin:0.13em 0.2em 0 0;
    line-height:0.7;
    /*
    font-size: 4.5em;
    float: left;
    margin:0 10px 10px 0;
    padding:0;*/
    /*margin-top: .15em;*/
}

div.footer {
	clear:both;
	text-align:center;
	margin-top:40px;
	font-size:9pt;
}
div.footer p {
	text-align:center;
}

.grid-buttons {
	width:70px;
}

.grid-buttons button {
	width:100%;
	margin-bottom:5px;
}

.panel-heading {
  background-color: #47191b!important; /* #2b2b2b */
  border-color: #1a1a1a!important;
  color: #ffffff!important;	
}

/* default mobile view - no min, but apply max */
.news-panel {
	overflow: auto;
	min-height:100px;
	max-height:400px;
	border-radius:12px;
	margin-top:20px;
}

.challenge {
	width:300px;
	margin:auto;
	text-align:center;
}

.btn-challenge {
	width:100%;
	margin:5px;
	border:1px black solid;
}

tr.inactive td {
    background-color: #ececec;
    color: #b9b9b9;
}

.inactive {
    color: #b9b9b9;
}

.required {
	color:red;
}

@media screen and (min-width: 768px) {
	.news-panel {
		min-height:400px;
		max-height:400px;
	}
}

@media screen and (min-width: 992px) {
	.news-panel {
		min-height:400px;
		max-height:600px;
	}
}

@media only screen and (min-width: 768px) {
	.go-to-prev, .go-to-first {
		float:right;
	}
	.go-to-next, .go-to-last {
		float:left;
	}
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    color: #fff;
    background-color: #47191b;
    border-color: #47191b;
}


.select2-container .select2-selection--single {
	height:34px;
	font-size:14px;
	padding-top:3px;
}

div.dataTables_filter {
    text-align: left!important;
}

/* begin navbar */
.navbar-custom {
  background-color: #47191b;/* #2b2b2b */
  border-color: #1a1a1a;
}
.navbar-custom .navbar-brand {
  color: #ffffff;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #e6e6e6;
  background-color: transparent;
}
.navbar-custom .navbar-text {
  color: #ffffff;
}
.navbar-custom .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #1a1a1a;
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-custom .navbar-toggle {
  border-color: #dddddd;
}
/*
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #dddddd;
}
*/
.navbar-custom .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #191919;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  background-color: #1a1a1a;
  color: #ffffff;
}
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
@media (max-width: 767) {
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: transparent;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #1a1a1a;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-custom .navbar-link {
  color: #ffffff;
}
.navbar-custom .navbar-link:hover {
  color: #ffffff;
}
/* end navbar */

.carousel {
	position:relative;
	margin:40px auto;
	top:0px;
	left:0px;
	width:100%;
	height:202px;
	overflow:hidden;
	visibility:hidden;
	border-radius:10px;
}

.image-carousel {
	cursor:default;
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:202px;
	overflow:hidden;
}

/*jssor slider loading skin spin css*/
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/*jssor slider bullet skin 057 css*/
.jssorb057 .i {position:absolute;cursor:pointer;}
.jssorb057 .i .b {fill:none;stroke:#fff;stroke-width:2000;stroke-miterlimit:10;stroke-opacity:0.4;}
.jssorb057 .i:hover .b {stroke-opacity:.7;}
.jssorb057 .iav .b {stroke-opacity: 1;}
.jssorb057 .i.idn {opacity:.3;}

/*jssor slider arrow skin 073 css*/
.jssora073 {display:block;position:absolute;cursor:pointer;}
.jssora073 .a {fill:#ddd;fill-opacity:.7;stroke:#000;stroke-width:160;stroke-miterlimit:10;stroke-opacity:.7;}
.jssora073:hover {opacity:.8;}
.jssora073.jssora073dn {opacity:.4;}
.jssora073.jssora073ds {opacity:.3;pointer-events:none;}

body:not(.with-captcha) .grecaptcha-badge { opacity:0;}

.last-mod {
	font-size: 9pt;
	font-style: italic;
	text-align:right;
	margin: 10px 0 10px 10px;
}