a.disabled {
	color: #444 !important;
	background-color: transparent;
	cursor: not-allowed;
	}

#dropdown-a {
	color: #9d9d9d;
	text-decoration: none;
	display:block;
}

a.active, #dropdown-a:hover {
	color: #fff !important;
	text-decoration: none;
}
#deleted{
	color: red;
	text-decoration: line-through;
}
.dropdown-menu {
	display: none;
	float: left;
	min-width: auto;
	padding: 5px 7px;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: center;
	list-style: none;
	background-color: #222;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	
}
.printThis{
	background-color:#f9f9f9;
  border: none;
  width: 100%;
  color: black;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  transition-duration: 0.4s;
  cursor: pointer;
		border: 2px transparent #4CAF50;
}	
.printThis:hover {
		background-color: gray;
		width: 60%;
		color: white;
		border-radius: 10px;
	  }

body {
	background-image: url('./objects/bodyBg9.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #464646;
	font: normal normal normal 14px Roboto, Arial, Verdana, "Liberation Sans", "Bitstream Vera", sans-serif;
}
@media only screen and (max-width: 768px) {
body {
	background-image: url('./objects/bodyBg6.jpg');
	background-size: auto 100%;
	background-position: top;
	background-attachment: fixed;
	background-size: cover;
}
.no-padding{
	padding-left: 1px;
	padding-right: 1px;
}
}
.fade-in {
-webkit-animation: fade-in 0.7s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
				animation: fade-in 0.7s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@media print {
	#printThis{
		 display:flex;
		 justify-content:center;
		 align-items:center;
		 height:100%;
		 }
		html, body{
		  height:100%;
		  width:100%;
		}
	}

@-webkit-keyframes fade-in {
0% {
	opacity: 0;
}
100% {
	opacity: 1;
}
}
@keyframes fade-in {
0% {
	opacity: 0;
}
100% {
	opacity: 1;
}
}

th {
cursor: pointer;
}

.table>tbody>tr>td, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td {
	padding-top: 4px;
	padding-bottom: 3px;
	padding-left: 2px;
	padding-right: 2px;
	text-align: center;
    line-height: 1.42857143;
    vertical-align: middle;
    /*border-top: 1px solid #ddd; */
}
.table>tfoot>tr>td {
	border: 3px solid rgb(109, 109, 109);	
}
.table>tfoot {
	
	border-top: 5px;
	color: white;
	border: 3px solid #333;	
	border-top-style: double;
	background-color: black;
}

#valiSumma{
	font-weight: bold;
	border-top: 5px;
	color: white;
	border: 3px solid #333;	
	
	border-bottom: 5px black;
	border-bottom-style: double ;
	background-color: #4e4e4e;
}

.table>tbody>tr>th, .table>thead>tr>th {
	padding: 7px;
/*	border: 2px solid #333; */
	text-align: center;
	border: 3px solid #333;	
}

.contentBG {
	background: rgba(0, 0, 0, 0.5);
	color: #f1f1f1;
	border: 1px solid #333;
	border-radius: 10px;
	}

table {
background-color: rgba(224, 224, 224, 0.8);
color: #333;
text-align: center;
font: normal normal normal 12px Roboto, Arial, Verdana, "Liberation Sans", "Bitstream Vera", sans-serif;
border: 3px solid #333;
/* border-radius: 10px;
border-color: transparent; */
}

input[type=checkbox], input[type=radio] {
	margin: 0px 0 0;
	height: auto;
}

.no-margin{
margin-left: 0px;
margin-right: 0px;
}
.fleetContent {
background: rgba(0, 0, 0, 0.5);
color: #f1f1f1;
width: 100%;
border-radius: 10px;
padding-bottom: 10px;
}

.loginContent {
position: fixed;
top: 30%;
background: rgba(0, 0, 0, 0.5);
color: #f1f1f1;
width: 100%;
padding: 20px;
}

#loginBtn {
width: 174px;
font-size: 18px;
padding: 10px;
border: none;
background: rgba(0, 0, 0, 0.5);
color: #fff;
cursor: pointer;
}

#loginBtn:hover {
background: #ddd;
color: black;
}


#Btn {

	padding: 5px;
	border: none;
	border-radius: 5px;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	cursor: pointer;
}
#BtnComment {

	padding: 5px;
	border: none;
	background: rgba(0, 0, 0, 0);
	color: black;
	cursor: pointer;
}

#BtnLoki {

padding: 5px;
border: none;
border-radius: 5px;
background: rgba(209, 209, 209, 0.4);
color: black;
cursor: pointer;
}
#BtnLoki:hover {
background: black;
color: white;
}

#Btn:hover {
background: #ddd;
color: black;
}

.col-center{
float: none;
margin: 0 auto;
}

.vertical-line {
border-right: 1px dashed #333;
}

.horizontal-line-top {
border-top: 1px dashed #333;
}
.horizontal-line-bottom {
border-bottom: 1px dashed #333;
}

/* Scroll bar styles starts here */
/* width */
::-webkit-scrollbar {
width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey; 
border-radius: 10px;
} 
/* Handle */
::-webkit-scrollbar-thumb {
background: grey; 
border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #333; 
}
/* Scroll bar styles ends here */

.footer {
position: fixed;
height: 20px;
	left: 0;
	bottom: 0;
width: 100%;
padding-right: 10px;
background-color: #333;
color: rgb(158, 158, 158);
text-align: right;
z-index: 1;
}

.navbar-toggle2 {
    float: left;
}

.navbar-msg {
    float: right;
    height: 50px;
    padding: 15px 15px;
    font-size: 10px;
    line-height: 20px;
}

@media print {
	.table>tbody>tr>td, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td {
		padding: 5px;
		text-align: center;
		line-height: 1.42857143;
		vertical-align: middle;
		border-top: 1px solid #ddd;
	}
	.table>tfoot>tr>td {
		border: 3px solid rgb(109, 109, 109);	
	}
	.table>tfoot {
		
		border-top: 5px;
		color: white;
		border: 3px solid #333;	
		border-top-style: double;
		background-color: black;
	}
	
	.table>tbody>tr>th, .table>thead>tr>th {
		padding: 7px;
	/*	border: 2px solid #333; */
		text-align: center;
		border: 3px solid #333;	
	}
	
	.contentBG {
		background: rgba(0, 0, 0, 0.5);
		color: #f1f1f1;
		border: 1px solid #333;
		border-radius: 10px;
		}
	
	table {
	background-color: rgba(224, 224, 224, 0.8);
	color: #333;
	text-align: center;
	font: normal normal normal 12px Roboto, Arial, Verdana, "Liberation Sans", "Bitstream Vera", sans-serif;
	border: 3px solid #333;
	/* border-radius: 10px;
	border-color: transparent; */
	}
}