@media (min-width: 768px) {
		body {
		padding-top: 70px;
		padding-bottom: 30px;
		background: url('/images/8ball.webp') repeat;
	}
}

@media (max-width: 767px) {

         body {
		padding-top: 55px;
		padding-bottom: 30px;
	}

}

.theme-dropdown .dropdown-menu {
	position: static;
	display: block;
	margin-bottom: 20px;
}
.theme-showcase > p > .btn {
	margin: 5px 0;
}
.theme-showcase .navbar .container {
	width: auto;
	background-color:#000;
}
.theme-showcase {
	background-color: #FFF;
	background-image: none;
	background-repeat: no-repeat;
}
.nowrap {
	white-space:nowrap;
	width:50px;
	vertical-align:top;
}
.margin-button {
	margin-top:5px;
}
a {
	color: #C00;
}
.navbar-default {
	background-color: #c0392b;
	border-color: #f9b3ac;
		background-image:-webkit-linear-gradient(top, #ca0202 0, #7b0101 100%);
	background-image:-o-linear-gradient(top, #ca0202 0, #7b0101 100%);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#ca0202), to(#7b0101));
	background-image:linear-gradient(to bottom, #ca0202 0, #7b0101 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffca0202', endColorstr='#ff7b0101', GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat:repeat-x;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075)
}
.navbar-default .navbar-brand {
	color: #ecf0f1;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	color: #eb9316;
}
.navbar-default .navbar-text {
	color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a {
	color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #eb9316;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #000000;
	background-color: #f9b3ac;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	color: #000000;
	background-color: #f9b3ac;
}
.navbar-default .navbar-toggle {
	border-color: #f9b3ac;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #f9b3ac;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #ecf0f1;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: #ecf0f1;
}
.navbar-default .navbar-link {
	color: #ecf0f1;
}
.navbar-default .navbar-link:hover {
	color: #000000;
}
 @media (max-width: 767px) {
 .navbar-default .navbar-nav .open .dropdown-menu > li > a {
 color: #ecf0f1;
}
 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
 color: #000000;
}
 .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
 color: #000000;
 background-color: #f9b3ac;
}
}

   .narrow {
	   width:140px;   
   }


.goldiconcolor {color:#FFD700;}

.bronzeiconcolor {color:#fb802d;}


.tooltip-inner {
    max-width: 350px;
    /* If max-width does not work, try using width instead */
    width: 350px; 
}


@media print {

  a[href]:after {
    content: none;
  }

  .page-header {
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #eee;
  }  
  
  h1 {
	font-size: 18px; 
	margin:0px;
	padding:0px;
  }
  
  .container {
	margin:0px;
	padding:0px;	  
  }
  
   .narrow {
	   width:200px;
   }
   
  
  .nav, .navbar {display: none !important; opacity: 0 !important; visibility:hidden !important}
  
  .noprint {display: none !important; opacity: 0 !important; visibility:hidden !important}
  .print {display:inline !important; opacity: 0 !important; visibility:visible !important}
  
  .tab-content > .tab-pane {display: block !important; opacity: 1 !important; visibility: visible !important}
  
  .table-striped>thead>tr>th, .table-striped>tbody>tr>th, .table-striped>tfoot>tr>th, .table-striped>thead>tr>td, .table-striped>tbody>tr>td, .table-striped>tfoot>tr>td{
    padding: 0px;
}

}