/* CSS Document */

.text-blue{
	color:#2E5E96;
}
.text-red{
	color:#BC1111;
}
.text-neutral {
  color: #333;
}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1050;
  top: 0;
  right: 0;
  background-color: #111;
  opacity:0.8;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav hr {
	border-top:1px solid rgba(255,255,255,.6);
}
	
.sidenav span {
  padding: 16px 8px 8px 30px;
  text-decoration: none;
  font-size: 12px;
  color: #fff;
  display: block;
  transition: 0.3s;
}

.sidenav a {
  padding: 8px 8px 0px 30px;
  text-decoration: none;
  font-size: 16px;
  color: #fff;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 42px;
  margin-left: 50px;
}


.menu-icon {
  color: #444;
  font-size:25px;
}
.close-icon {
  color: #444;
  font-size:50px;
}

@media (min-width: 1200px) {
  .menu-icon {
    margin-top:20px;
    margin-right:20px;
  }
}

@media (min-width: 768px) {
  .menu-icon {
    margin-top:15px;
    margin-right:5px;
  }
}

.footer {
	/* [disabled]max-width: 1200px; */
	margin-left: auto;
	margin-right: auto;
	position: relative;
	min-height: 100px;
	background-color:#DDDDDD;
}

.col-footer {
	position: relative;
	padding-top: 20px;
	padding-left:15px;
}

.text-footer {
	line-height:22px;
	/*margin-bottom: 20px;*/
	color: #333;
	text-align: left;
}

.text-footer-middle {
	padding-left:40px;
}

.text-footer a:active, .text-footer a:link, .text-footer a:visited {
	color:#333; 
	text-decoration:none;
}

.text-footer a:hover {
	color:#bcbcbc; text-decoration:underline;
}

.text-copy {
	color: #fff;
	text-align: left;
	line-height:30px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:12px;
}

@media (min-width: 768px) {
.text-footer {
	margin-bottom: 20px;
}
.text-footer-middle {
	padding-left:15px;
}
}
@media (max-width: 767px) {
.text-footer {
	margin-bottom: 20px;
}
.text-footer-middle {
	padding-left:15px;
}
.text-copy {
	margin-left:-15px;
}
}

.fixed-top {
	top:20px;
	left:20px;
}


hr {
	margin-top:20px;
	margin-bottom:30px;
	border-top:1px solid rgba(6,83,182,.5);
}

h2 {
	margin-bottom:20px;	
}

@media (max-width:476px) {
	.d-xs-none{display:none!important
}
}

/* toggel */
.collapse {display:none;}
.expand {display:block;}


.panel-default {
  border-color: #d4d4d4;
}
.panel-default:hover {
  border-color: #8c8c8c;
}

.panel-default > .panel-heading {
  color: #333;
  height: 35px;
  vertical-align: middle;
  /*border-color: #8c8c8c;*/
  /*background-color: #e6e6e6;*/
}
.panel-default:hover > .panel-heading:hover {
  background-color: #d4d4d4;
}

.panel-heading {
  padding: 10px 10px;
}

.top-content {
	margin-top:20px;
}

.carousel-header2 {
	top:-100px;	
}
@media (max-width: 768px) {
	.carousel-header2 {
		top:0px;
	}
}

/* Modal form */
.overlay { background-color:rgba(0,0,0,0.5); bottom:0; cursor:default; left:0; opacity:0; position:fixed; right:0; top:0; visibility:hidden; z-index: 5000; -webkit-transition:opacity .5s; -moz-transition:opacity .5s; -ms-transition:opacity .5s; -o-transition:opacity .5s; transition:opacity .5s;} 
.overlay:target { visibility:visible; opacity:1;} 

/* login */
.login { background-color:#f7f7f7; border:0px; border-radius: 4px; max-width: 350px; width: 100%; left:50%; opacity:0; padding:30px; position:fixed; text-align:left; visibility:hidden; z-index:5000; -webkit-transform: translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:opacity .5s, top .5s; -moz-transition:opacity .5s, top .5s; -ms-transition:opacity .5s, top .5s; -o-transition:opacity .5s, top .5s; transition:opacity .5s, top .5s; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";} 
.overlay:target+.login { top:45%; opacity:1; visibility:visible; } 
.login p, .login div, .login span { margin-left:0px; margin-right:10px; margin-bottom:10px; font-size:16px; font-weight:normal; color:#000000;}
.login label { display: inline-block; text-align: left; width: 125px; } 
.login input[type="text"], .login input[type="password"] {font-size:16px; height: 40px; width: 100%; border: 1px solid; border-radius: 4px; border-color: #999 #ccc #ccc; margin: 0; padding: 6px 6px; } 
.login input[type="text"]:hover, .login input[type="password"]:hover {border-color: #007EF5;  box-shadow: 0px 0px 10px rgba(54,167,249,0.30);} 
.login input[type="text"]:focus, .login input[type="password"]:focus {border-color: #007EF5;  box-shadow: 0px 0px 10px rgba(54,167,249,0.30);} 
.login input[type="submit"], .login input[type="button"] {height:40px; width: 100%; background-color:#0b4b7c; border:0px; border-radius: 4px; color:#ffffff; font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:normal; font-size:16px; cursor:pointer; opacity:1; }
.login input[type="submit"]:hover, .login input[type="button"]:hover {background-color:#bbbb99; color:#000000; }
.login input[type=button] {height:40px; background-color:#3b3b3b; border:0px; border-radius: 4px; color:#ffffff; font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:normal; font-size:16px; cursor:pointer; }
.login input[type=button]:hover {background-color:#bbbb99; color:#000000; }
.login-help {margin-left:10px; font-size: 12px;}

.popup-close {float:right; opacity:1;}
.popup-close:hover {opacity:0.5}
div.error {padding: 15px; margin-bottom: 20px; border: 1px solid #ebccd1; border-radius: 4px; color: #a94442; background-color: #f2dede; }
div.success {padding: 15px; margin-bottom: 20px; border:1px solid #d6e9c6; border-radius: 4px; color: #3c763d; background-color: #dff0d8; }
div.warning {padding: 15px; margin-bottom: 20px; border:1px solid #faebcc; border-radius: 4px; color: #8a6d3b; background-color: #fcf8e3; }
div.info {padding: 15px; margin-bottom: 20px; border:1px solid #bce8f1; border-radius: 4px; color: #31708f; background-color: #d9edf7; }
div.light {padding: 15px; margin-bottom: 20px; border:1px solid #f8f9fa; border-radius: 4px; color: #212529; background-color: #f8f9fa; }
div.danger {padding: 15px; margin-bottom: 20px; border:1px solid #ebccd1; border-radius: 4px; color: #a94442; background-color: #f2dede; }
.login .small {font-size: 11px;}


/* advarsel */
.login2 { background-color:#ebccd1; border:0px; border-radius: 4px; max-width: 350px; width: 100%; left:50%; opacity:0; padding:30px; position:fixed; text-align:left; visibility:hidden; z-index:5000; -webkit-transform: translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:opacity .5s, top .5s; -moz-transition:opacity .5s, top .5s; -ms-transition:opacity .5s, top .5s; -o-transition:opacity .5s, top .5s; transition:opacity .5s, top .5s; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3); } 
.overlay:target+.login2 { top:45%; opacity:1; visibility:visible; } 
.login2 p, .login2 div, .login2 span { margin-left:0px; margin-right:10px; margin-bottom:10px; font-size:16px; font-weight:normal; color:#000000;}



/* Make the image fully responsive */
.carousel-inner img {width: 100%; height: 100%; }


.img-border {
	border:1px solid #000000;	
}

.focus {box-shadow: 0px 0px 10px #868686;}
.focus:hover {opacity:0.7; box-shadow: 0px 0px 5px #ebebeb;}


@media (max-width: 475px) {
	.pagination > li > a,
	.pagination > li > span {
	  padding: 5px 10px;
	  font-size: 12px;
	  line-height: 1.5;
	}
	.pagination > li:first-child > a,
	.pagination > li:first-child > span {
	  border-top-left-radius: 3px;
	  border-bottom-left-radius: 3px;
	}
	.pagination > li:last-child > a,
	.pagination > li:last-child > span {
	  border-top-right-radius: 3px;
	  border-bottom-right-radius: 3px;
	}
}

.form-control {
	font-size:16px;
	height: 38px;
}


#calendar {float:left; width:100%; background-color:#e5eff2;}
#calendarContent {float:left;width:100%; padding-top:20px; padding-left:25px; padding-right:25px; padding-bottom:20px; border:1px solid #bcbcbc; min-height:218px; background:url(../images/bg_best.png) no-repeat right bottom;}

@media (min-width: 668px) {
	.d-md-none{
		display:none!important
	}
}

.btn-navi {
	margin-bottom:20px;
	margin-right:20px;
}

.glyphicon-lg {
	font-size:24px;
	margin-right:10px;
	
}

.glyphicon-blue {
	color: #61BED5;
	font-weight:bold;
}

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

.glyphicon-green {
	color: #3c763d;
	font-weight:bold;
}

.glyphicon-danger { font-size:24px; margin-right:20px; color:#a94442; }
.glyphicon-success { font-size:24px; margin-right:20px; color: #3c763d; }
.glyphicon-info { font-size:24px; margin-right:20px; color: #31708f; }
.glyphicon-warning { font-size:24px; margin-right:20px; color: #8a6d3b; }

.panel-jumbotron {
  background-color: #eee;
  border: 0px solid #eee; 
}

.m-0 { margin: 0 !important; }
.mt-0, .my-0 { margin-top: 0 !important; }
.mr-0, .mx-0 { margin-right: 0 !important;}
.mb-0, .my-0 { margin-bottom: 0 !important; }
.ml-0, .mx-0 { margin-left: 0 !important; }
.m-1 { margin: 0.25rem !important; }
.mt-1, .my-1 { margin-top: 0.25rem !important; }
.mr-1, .mx-1 { margin-right: 0.25rem !important; }
.mb-1, .my-1 { margin-bottom: 0.25rem !important; }
.ml-1, .mx-1 { margin-left: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.mt-2, .my-2 { margin-top: 0.5rem !important; }
.mr-2, .mx-2 { margin-right: 0.5rem !important; }
.mb-2, .my-2 { margin-bottom: 0.5rem !important; }
.ml-2, .mx-2 { margin-left: 0.5rem !important; }
.m-3 { margin: 1rem !important; }
.mt-3, .my-3 { margin-top: 1rem !important; }
.mr-3, .mx-3 { margin-right: 1rem !important; }
.mb-3, .my-3 { margin-bottom: 1rem !important; }
.ml-3, .mx-3 { margin-left: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.mt-4, .my-4 { margin-top: 1.5rem !important; }
.mr-4, .mx-4 { margin-right: 1.5rem !important; }
.mb-4, .my-4 { margin-bottom: 1.5rem !important; }
.ml-4, .mx-4 { margin-left: 1.5rem !important; }
.m-5 { margin: 3rem !important; }
.mt-5, .my-5 { margin-top: 3rem !important; }
.mr-5, .mx-5 { margin-right: 3rem !important; }
.mb-5, .my-5 { margin-bottom: 3rem !important; }
.ml-5, .mx-5 { margin-left: 3rem !important; }
.m-6 { margin: 3.4rem !important; }
.mt-6, .my-6 { margin-top: 3.7rem !important; }
.mr-6, .mx-6 { margin-right: 3.7rem !important; }
.mb-6, .my-6 { margin-bottom: 3.7rem !important; }
.ml-6, .mx-6 { margin-left: 3.7rem !important; }
.p-0 { padding: 0 !important; }
.pt-0, .py-0 { padding-top: 0 !important; }
.pr-0, .px-0 { padding-right: 0 !important; }
.pb-0, .py-0 { padding-bottom: 0 !important; }
.pl-0, .px-0 { padding-left: 0 !important; }
.p-1 { padding: 0.25rem !important; }
.pt-1, .py-1 { padding-top: 0.25rem !important; }
.pr-1, .px-1 { padding-right: 0.25rem !important; }
.pb-1, .py-1 { padding-bottom: 0.25rem !important; }
.pl-1, .px-1 { padding-left: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.pt-2, .py-2 { padding-top: 0.5rem !important; }
.pr-2, .px-2 { padding-right: 0.5rem !important; }
.pb-2, .py-2 { padding-bottom: 0.5rem !important; }
.pl-2, .px-2 { padding-left: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
.pt-3, .py-3 { padding-top: 1rem !important; }
.pr-3, .px-3 { padding-right: 1rem !important; }
.pb-3, .py-3 { padding-bottom: 1rem !important; }
.pl-3, .px-3 { padding-left: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.pt-4, .py-4 { padding-top: 1.5rem !important; }
.pr-4, .px-4 { padding-right: 1.5rem !important; }
.pb-4, .py-4 { padding-bottom: 1.5rem !important; }
.pl-4, .px-4 { padding-left: 1.5rem !important; }
.p-5 { padding: 3rem !important; }
.pt-5, .py-5 { padding-top: 3rem !important; }
.pr-5, .px-5 { padding-right: 3rem !important; }
.pb-5, .py-5 { padding-bottom: 3rem !important; }
.pl-5, .px-5 { padding-left: 3rem !important; }

.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card-border-info {
  border: 2px solid rgba(217, 237, 247, 1);
}

.card:hover {
  /*border: 1px solid rgba(0, 0, 0, 0.5);*/
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}

.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img,
.card-img-top,
.card-img-bottom {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group > .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .card-group > .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.icon, .icon-account {
	opacity:1;
}
.icon:hover {
	opacity:0.4;
}

.icon-account:hover {
	opacity:0.9;
}


/* eventcalendar */
.table-calendar { width:350px; }
.main {width:190px; border:1px solid #0b4b7c; background-color: #ffffff;}
.month {background-color: #c0d5e5; font:normal 12px verdana; color: #000000; height: 20px; border-bottom:1px solid #0b4b7c;}
.daysofweek {background-color: #e5edf3; font:normal 11px verdana; color: #000000; height:20px; border-bottom:1px solid #c0d5e5;}
.days {font-size: 12px; font-family: verdana; color: black; background-color: #ffffff; padding: 2px;}
.days #today {font-size: 12px; font-weight: bold; color: #000000; }
.reserved {font-size: 12px; font-family: verdana; background-color: #D1E1ED; padding: 2px; border-left:4px solid #54A9F8;}
.reservedOut {font-size: 12px; font-family: verdana; color: #AAAAAA; background-color:#D8D8D8; padding: 2px; border-left:4px solid #AFAFAF;}
.reserved-day {font-size: 30px; }

@media (max-width: 1024px) {
	.table > thead > tr > th,
	.table > tbody > tr > th,
	.table > tfoot > tr > th,
	.table > thead > tr > td,
	.table > tbody > tr > td,
	.table > tfoot > tr > td {
	  padding: 8px;
	  line-height: 1.42857143;
	  vertical-align: top;
	  border-top: 1px solid #ddd;
	}
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: left;
  }
}

.hide-sm {display:block!important; }
.show-sm {display:none!important; }
@media (max-width: 767px) {
	.hide-sm {display:none!important; }
	.show-sm {display:block!important; }
}

.btn-black {
  color: #fff;
  background-color: #3b3b3b;
  border-color: #3b3b3b;
}
.btn-black:focus,
.btn-black.focus {
  color: #fff;
  background-color: #3b3b3b;
  border-color: #3b3b3b;
}
.btn-black:hover {
  color: #000;
  background-color: #bbbb99;
  border-color: #3b3b3b;
}
.btn-black:active,
.btn-black.active,
.open > .dropdown-toggle.btn-black {
  color: #fff;
  background-color: #3b3b3b;
  border-color: #3b3b3b;
}
.btn-black:active:hover,
.btn-black.active:hover,
.open > .dropdown-toggle.btn-black:hover,
.btn-black:active:focus,
.btn-black.active:focus,
.open > .dropdown-toggle.btn-black:focus,
.btn-black:active.focus,
.btn-black.active.focus,
.open > .dropdown-toggle.btn-black.focus {
  color: #fff;
  background-color: #3b3b3b;
  border-color: #3b3b3b;
}
.btn-black:active,
.btn-black.active,
.open > .dropdown-toggle.btn-black {
  background-image: none;
}
.btn-black.disabled:hover,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black:hover,
.btn-black.disabled:focus,
.btn-black[disabled]:focus,
fieldset[disabled] .btn-black:focus,
.btn-black.disabled.focus,
.btn-black[disabled].focus,
fieldset[disabled] .btn-black.focus {
  background-color: #3b3b3b;
  border-color: #3b3b3b;
}
.btn-black .badge {
  color: #3b3b3b;
  background-color: #fff;
}

.alert-grey {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.alert-grey hr {
  border-top-color: #c8cbcf;
}

.alert-grey .alert-link {
  color: #202326;
}

.btn-grey {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-grey:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

.btn-grey:focus, 
.btn-grey.focus {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

.btn-grey.disabled, 
.btn-grey:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-grey:not(:disabled):not(.disabled):active, 
.btn-grey:not(:disabled):not(.disabled).active,
.show > .btn-grey.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

/* Back to top button */
#backToTop {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 30px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 9999; /* Make sure it does not overlap */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; 
}

.striped { background-color: #f9f9f9; }
.striped:hover { background-color: #f5f5f5; }

.account {
  height: 180px;
  width: 0px;
  position: fixed;
  z-index: 1050;
  top: 230px;
  right: 20px;
  background-color: #fff;
  opacity:0.9;
  overflow: hidden;
  transition: 0.5s;
  padding-top: 10px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #333;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #333; 
  
}
.account hr {
	border-top:1px solid rgba(000,000,000,.6);
}
.account a {
  padding: 10px 10px 00px 0px;
  text-decoration: none;
  font-size: 16px;
  color: #333;
  display: block;
  transition: 0.3s;
}
.account a:hover {
  color: #999;
}

.news {
  width: 0px;
  position: fixed;
  z-index: 1049;
  top: 300px;
  right: 20px;
  background-color: #fff;
  opacity:1;
  overflow: hidden;
  padding-top: 10px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #333;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #333; 
  
}
.news hr {
	border-top:1px solid rgba(000,000,000,.6);
}
.news a {
  padding: 10px 10px 00px 0px;
  text-decoration: none;
  font-size: 16px;
  color: #333;
  display: block;
  transition: 0.3s;
}
.news a:hover {
  color: #999;
  text-decoration:none;
}

.tooltip.in {
  filter: alpha(opacity=100) !important;
  opacity: 1 !important;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #333;
  text-align: center;
  background-color: #d9edf7;
  border-radius: 4px;
  border: 1px solid #31708f;
  opacity: 1 !important;
}

.box2 {
	border-bottom:6px solid #757575;
	margin-bottom:20px;
	min-height:180px;
}