body, body span {
	font-family: "Montserrat"!important;
	font-size: 16px!important;
	line-height: 1.6!important;
	color: #343A40!important;
	background-color: #fff!important;
	overflow-wrap: break-word!important;
	word-wrap: break-word!important;
}
body h2{
	font-size: 20px !important;
	font-weight: bold  !important;
}

.sortable {
	list-style: decimal inside;
}
img{
    width:100%;
    max-width:400px;
}
.container
{
padding-top: 55px;
}

li[name="uued-sisestused"] {
	margin-left: 40px;
	margin-right: 40px;
  }

input,
button,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

body{
	margin:0px;

}
#referenceTable{
	table-layout: fixed; 
	width: 100%
}
#referenceTable td{
	word-wrap: break-word;
}

#referenceTable tr th:nth-child(4){
	width: 10%;
	white-space: nowrap;
}

#header div {
	display: inline-block;
}

#header a {
	color: rgb(92,136,218);
	background-color: transparent;
	text-decoration: none;
	font-size: 30px;
  }

.errormsg {
	background: #FFCCCC;
	color: #740D0A;
}
label.error {
	margin-top: 5px;
	color: #E42C3E;
	font-weight: 400;
}
.form-control.error,
.sm-form-control.error { border-color: #E42C3E; }
.bg-dark{
	background-color: rgb(92,136,218)!important;
}
#sidebar {

	position: sticky;
	top: 90px;
  }

/* Sub menu */
#subMenu_1{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#subMenu_1 a{
	border-left: 2px solid transparent;
	transition: all 300ms ease-in-out;
	display: block;
	padding: 16px;
	
}
#subMenu_1 a:hover {
	border-left-color: #4183E3;
	background-color: #F0F5FD;
	text-decoration: none
}
#subMenu_1 #activeMenu1 a{
	background-color: #F0F5FD;
	color: #343A40;
	border-left-color: #4183E3
}
#subMenu_1 li ul{
	padding:2px 0px 2px 15px;
	margin:0;

}
#subMenu_1 li.activeMenu1 ul a{
	font-weight:normal;
}

#container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px
}
#container:before,
#container:after {
	content: " ";
	display: table
}

#container:after {
	clear: both
}
#accordionReplayComments{
	padding-left: 20px;

}
.custom-file-label {
	white-space: nowrap;
	overflow-x: hidden;
  }

@media screen and (max-width: 768px) {
	h1 {
		font-size: 20px;
		
	}
	h2 {
		font-size: 18px;
		
	}
	body {
		font-size: 10px;
		line-height: 1.5;
	}
	#subMenu_1 a {
		font-size: 10px;
		padding: 5px 5px
	}
  }

@media (min-width: 768px) {
	#container {
		width: 750px
	}	
}

@media (min-width: 992px) {
	#container {
		width: 970px
	}
}

@media (min-width: 1200px) {
	#container {
		width: 1170px
	}
}
@media (min-width: 1500px) {
	#container {
		width: 1470px
	}
}


#container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px
}

#container-fluid:before,
#container-fluid:after {
	content: " ";
	display: table
}

#container-fluid:after {
	clear: both
}

.navbar {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background-color: rgb(92,136,218)
}

.navbar .nav-item {
	display: inline-block;
	margin-top: 0
}

.navbar-dark .navbar-nav .nav-link {
	display: block;
	font-size: 16px;
	padding: 10px 10px;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none
}

@media (min-width: 1600px) {
	.navbar .nav-item {
		font-size: 16px;
		padding: 10px 10px
	}
}

.navbar #activeMenu1 {
	color: #fff;
	background-color: #343A40
}
.navbar .navbar-brand {
	padding: 10px 10px
}
.navbar #dropdownMenuButton {
	margin-right: 18px;
}


.hvr-sweep-to-top,
.navbar .nav-item {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	transition-property: color;
	transition-duration: 0.3s
}

.hvr-sweep-to-top:before,
.navbar .nav-item :before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #427fda;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-duration: 0.3s;
	transition-timing-function: ease-out
}

.hvr-sweep-to-top:hover,
.navbar .nav-item :hover,
.hvr-sweep-to-top:focus,
.navbar .nav-itema:focus,
.hvr-sweep-to-top:active,
.navbar .nav-item :active {
	color: white
}

.hvr-sweep-to-top:hover:before,
.navbar .nav-item :hover:before,
.hvr-sweep-to-top:focus:before,
.navbar .nav-item :focus:before,
.hvr-sweep-to-top:active:before,
.navbar .nav-item :active:before {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1)
}


#footer {
	margin-right: auto;
	margin-left: auto;
	padding: 45px;
	text-align: center;
	border-top: 2px solid rgb(92,136,218)
}

@media (min-width: 768px) {
	.author,
	#footer {
		width: 750px
	}
}

@media (min-width: 992px) {
	.author,
	#footer {
		width: 970px
	}
}

@media (min-width: 1200px) {
	.author,
	#footer {
		width: 1170px
	}
}
@media (min-width: 1500px) {
	.author,
	#footer {
		width: 1470px
	}
}

@media screen and (max-width: 900px) {
	#flexHeader {
	  flex-direction: column-reverse !important;
	}
	#header a {
		font-size: 20px;
	}
	#header img {
		height:30px;
	}
	#header p {
		font-size: 10px;
	}

}

#headerLogo{
	font-family: "Montserrat";
	font-size: 16px;
	color: rgb(92,136,218);
}
.clickrow{
	cursor: pointer; 
}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	




/*div.upload-wrapper {
	color: white;
	display: flex;
  }
   
  input[type="file"] {
	position: absolute;
	left: -9999px;
  }
label[for="file-upload"] {
	cursor: pointer;
	display: inline-block;
	font-weight: 400;
	color: #212529;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 0.25rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	color: #fff;
 	background-color: #007bff;
  	border-color: #007bff;

  }
  label[for="file-upload"]:hover {
	color: #fff;
 	background-color: #007bff;
  	border-color: #007bff;
  }
   
  span.file-name {
	padding: 0.7rem 3rem 0.7rem 0.7rem;
	white-space: nowrap;
	overflow: hidden;
	color: black;
	
  }*/