/* CSS Document */
*{ margin: 0; }
a img, img{ border: none; max-width: 100%; }

a:link,
a:visited{
	color:#797000;
	text-decoration: none;
}

a:hover{
	color:#000000;
	text-decoration: underline;
}

a:active{ color:#705f00; }

#topbar4{
	border-top: 2px solid #9a9483;
	border-bottom: 2px solid #eee;
	background: #fff;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}


.flex-container{
	display: flex;
    justify-content: space-between;
}

.flexbox{ display: inline-block; }
		
.nav-link{ padding-top: 15px; padding-bottom: 15px; }

.topbar-img{
	display: inline-block;
}

.topbar-img img{
	height: 30px;
	max-height: 30px;
}

.bg-coffee{ background-color: #D5D0BF; }

.bg-gold {
    background: rgb(209,197,145);
    background: linear-gradient(180deg, rgba(209,197,145,1) 0%, rgba(242,241,210,1) 96%, rgba(147,139,105,1) 100%);
    color: #666600;
}

.dropdown-container{
	 position: relative;
}

.topbar-icon{
	cursor: pointer;
	display: inline-block;
	color: #888;
}
.topbar-icon:hover{ color: black; }

.dropdown-btn{
	padding: 15px 10px;
	vertical-align: middle;
}
.dropdown-btn:hover{ background: #fafafa; }

.topbar-icon .fa{ font-size: 16px; }
.topbar-badge{ padding: 5px 7px; font-size: 11px; font-weight: lighter; }

.navbar-collapse.collapse.show{
    position: fixed;
    top: 55px;
    background: white;
    width: 90%;
    left: 0;
    padding-left: 38px;
}

#topbar_view_pms, #topbar_view_alerts, #topbar_view_authalerts{
	width: 420px;
	max-width: 100%;
}

a.btn{ color: #ddd; }
a.btn-light{ color: #666; }
a.dropdown-item{ color: #212529; }

/*general*/
.txtL{ text-align: left; }
.txtC{ text-align: center; }
.txtR{ text-align: right; }

.txt11{ font-size: 11px; }
.txt12{ font-size: 12px; }
.txt13{ font-size: 13px; }
.txt14{ font-size: 14px; }
.txt15{ font-size: 15px; }
.txt16{ font-size: 16px; }
.txt17{ font-size: 17px; }
.txt18{ font-size: 18px; }
.txt19{ font-size: 19px; }
.txt20{ font-size: 20px; }

.floatL{ float: left; }
.floatR{ float: right; }

.divC{ margin: auto; }
.top{ vertical-align: top; }
.middle{ vertical-align: middle; }

.clear{ clear: both; }
.hidden{ display: none!important; height: 0px; }

.block{ display: block; }

.curve{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.curve7{
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.tiny, .gensmall{ font-size: 10px; }
.genmedium{ font-size: 14px; }
.genlarge{ font-size: 24px; }
.genhuge{ font-size: 40px; }

.padded5{ padding: 5px; }
.padded6{ padding: 6px; }
.padded10{ padding: 10px; }
.margin5{ margin: 5px; }
.margin6{ margin: 6px; }
.margin10{ margin: 10px; }
.margin-top{ padding-top: 10px; }
.margin-top20{ padding-top: 20px; }
.padded-top{ padding-top: 10px; }
.padded-top20{ padding-top: 20px; }

.push-up{ margin-top: -10px; }
.push-up20{ margin-top: -20px; }

.pointer { cursor: pointer; }
.disabled{ opacity: 0.5; }

.divC{ margin-left: auto; margin-right: auto; }

.truncate, .ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


/* colours */
.white{ color: white; }
.black{ color: black; }
.red{ color: #c00; }
.green{ color: #070!important; }
.grey{ color: #aaa; }
.bold{ font-weight: bold; }

.large{ font-size: 20px; }

.bgwhite{ background: white; }
.bgblack{ background: white; }

.whitebox{ border: solid 1px #aaa; background: white; margin-bottom: 15px; }
.boxshadow{ box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); }

.paper{
	background: url(../../qa/images/paper.gif);
	color: rgb(45, 45, 158);
	line-height: 31px;
	font-family: cursive;
}
.paper article{
	margin-left: 90px;
	border-left: solid 1px #bbc2d5;
	padding: 0px 20px 0 10px;
}

.no_indent{ margin: 0!important; }
.no_padding{ padding: 0!important; }
.form_indent{ margin-right: 5px!important; }

.clean-table{ border-collapse: collapse; }
.clean-table th, .clean-table td{ padding: 5px; }
.clean-table-divider{ border-left: solid 1px #ccc; border-right: solid 1px #ccc; }
.clean-table-divider th, .clean-table-divider td{ border-bottom: solid 1px #ccc; border-left: solid 1px #eee; }
.clean-table-divider th{ padding: 10px; border-top: double 3px #ccc; }


/* basic comments style */
.comment-container{
	padding: 10px;
	margin-bottom: 20px;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ccc;
	background: #fff;
}

.thecomment{
	padding-top: 10px;
	color: #888;
}

.video-thumbnail img{
	width: 100%;
	height: 60px;
}

/* gritter tweak */
.gritter-item a{ font-weight: bold; color: #9F6!important; }


/* bootstrap tweaks */
.menu-right{ right: 0px!important; left: auto!important; padding: 10px!important; }

ul.ul, ol.ol{ margin-left: 30px!important; }
ul.dropdown-menu{ margin-left: 0!important; }

.btn-bronze {
  background-color: #e6e0c4;
  border-color: #e6e0c4;
  color: #300!important;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  background-color: #e0d8b6;
  background-image: -moz-linear-gradient(top,#e6e0c4,#d7cda0);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#e6e0c4),to(#d7cda0));
  background-image: -webkit-linear-gradient(top,#e6e0c4,#d7cda0);
  background-image: -o-linear-gradient(top,#e6e0c4,#d7cda0);
  background-image: linear-gradient(to bottom,#e6e0c4,#d7cda0);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e0c4', endColorstr='#ffd6cda0', GradientType=0);
  border-color: #d7cda0 #d7cda0 #c0b16a;
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
}
.btn-bronze:hover,
.btn-bronze:focus {
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position .1s linear;
  -moz-transition: background-position .1s linear;
  -o-transition: background-position .1s linear;
  transition: background-position .1s linear;
}
.btn-bronze:hover,
.btn-bronze:focus {
  background-color: #d7cda0;
}
.btn-bronze:active,
.btn-bronze.active,
.btn-bronze.active:hover {
  background-color: #ded7b2;
  border-color: #d7cda0;
}
.btn-bronze.disabled:hover,
.btn-bronze.disabled:focus,
.btn-bronze.disabled:active,
.btn-bronze.disabled.active,
.btn-bronze[disabled] .btn-bronze:hover,
.btn-bronze[disabled] .btn-bronze:focus,
.btn-bronze[disabled] .btn-bronze:active,
.btn-bronze[disabled] .btn-bronze.active {
  background-color: #e6e0c4;
  border-color: #e6e0c4;
}


.btn-coffee {
  background-color: #e8e1c1;
  border-color: #e8e1c1;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  background-color: #e2dab2;
  background-image: -moz-linear-gradient(top,#e8e1c1,#dacf9c);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#e8e1c1),to(#dacf9c));
  background-image: -webkit-linear-gradient(top,#e8e1c1,#dacf9c);
  background-image: -o-linear-gradient(top,#e8e1c1,#dacf9c);
  background-image: linear-gradient(to bottom,#e8e1c1,#dacf9c);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e1c1', endColorstr='#ffdace9b', GradientType=0);
  border-color: #dacf9c #dacf9c #c6b464;
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
}
.btn-coffee:hover,
.btn-coffee:focus {
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position .1s linear;
  -moz-transition: background-position .1s linear;
  -o-transition: background-position .1s linear;
  transition: background-position .1s linear;
}
.btn-coffee:hover,
.btn-coffee:focus {
  background-color: #dacf9c;
}
.btn-coffee:active,
.btn-coffee.active,
.btn-coffee.active:hover {
  background-color: #e1d8ae;
  border-color: #dacf9c;
}
.btn-coffee.disabled:hover,
.btn-coffee.disabled:focus,
.btn-coffee.disabled:active,
.btn-coffee.disabled.active,
.btn-coffee[disabled] .btn-coffee:hover,
.btn-coffee[disabled] .btn-coffee:focus,
.btn-coffee[disabled] .btn-coffee:active,
.btn-coffee[disabled] .btn-coffee.active {
  background-color: #e8e1c1;
  border-color: #e8e1c1;
}



.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px;}.pagination>li{display:inline;}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.428571429;text-decoration:none;background-color:#ffffff;border:1px solid #dddddd;margin-left:-1px;}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px;}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px;}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{background-color:#eeeeee;}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#ffffff;background-color:#428bca;border-color:#428bca;cursor:default;}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999999;background-color:#ffffff;border-color:#dddddd;cursor:not-allowed;}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px;}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px;}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px;}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px;}.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center;}.pager:before,.pager:after{content:" ";display:table;}.pager:after{clear:both;}.pager:before,.pager:after{content:" ";display:table;}.pager:after{clear:both;}.pager li{display:inline;}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#ffffff;border:1px solid #dddddd;border-radius:15px;}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eeeeee;}.pager .next>a,.pager .next>span{float:right;}.pager .previous>a,.pager .previous>span{float:left;}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#999999;background-color:#ffffff;cursor:not-allowed;}