/* reset */
/* in bootstrap.min.css realized */

/* @override bootstrap.min.css */

.col-md-offset-1 {
	margin-left: 5%;
}

.col-md-10 {
	width: 90%;
}

.col-md-11 {
	width: 92%;
}

html.waiting * {
    cursor: progress !important;
}

/* medilyse */
body {
	overflow: hidden;
}

form {
	display: block;
}

button {
	background-color: #0B85A1;
	color: #fff;
	width: 100px;
	height: 25px;
	border-radius: 4px;
	justify-content: center;
	align-self: flex-end;
}

:disabled {
	background-color: grey;
}

.display_inline {
	display: inline;
}

.about {
	text-align: justify;
}

.about p {
	margin: 0 0 18px 0;
}

.contact {
	padding-bottom: 20px;
}

.section h1 {
	color: #aaa;
	font-size: 72px;
}

ul {
	list-style: none;
	overflow: overlay;
    max-height: -webkit-fill-available;
    max-width: fit-content;
}

input {
	color: rgb(0, 0, 0);
}

.err {
	color: red;
}

/* #modal , #alert , #nodata , #login , #ch_psswd */
.modal-body, .modal-content {
	text-align: center;
	background-color: rgba(0, 0, 0, 0.7);
	color: rgba(234, 242, 227, 0.9);
}

.modal h3 {
	font-size: 20px;
}

.modal-footer {
	display: flex;
	padding: 20px 0 0;
}

.formfield-exportformat {
	text-align: start;
}

.modal-footer p {
	margin: auto;
}

.modal button {
	background: rgba(0, 0, 0, 0.7);
	/* FF */
	padding: inherit;
	/* CHROME */
	/*
	-webkit-padding-start: 6px;
	-webkit-padding-before: 12px;
	-webkit-padding-end: 6px;
	-webkit-padding-after: 12px;
	*/
}

#modal, #alert, #noarticle {
	height: 130px;
	overflow: hidden;
}

#nodata {
	height: 200px;
	overflow: hidden;
}

#login, #expo {	
	overflow: hidden;
}

#register {
	overflow:hidden;
}

#ch_psswd {
	height: 500px;
	overflow: hidden;
}

.navbar {
	margin: 0 !important;
	border-radius: 0 !important;
}
/* navigation button */
.nav_left, .nav_top_right {
	z-index: 1;
	padding: 0 !important;
	position: fixed;
	height: 100vh;
	background-color: transparent;
	display: table;
}

.nav_top_right {
	right: 0em;
	width: 115px;
	height: 1%;
}

.nav_left::after, .nav-top-right::after {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

.nav_left a, .nav_top_right a {
	height: 100%;
	width: 100%;
	/* color: rgba(234, 242, 227, 0.9); */
	color: #0B85A1;
	text-decoration: none;
}

.nav_left a:hover, .nav_top_right a:hover {
	text-decoration: none;
	color: #c0a672 !important;
}

.nav_left a:link, .nav_left a:visited, .nav_top_right a:link,
	.nav_top_right a:visited {
	color: #0B85A1;
	text-decoration: none;
}

.nav_left ul {
	padding: 15px;
	position: relative;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	position: relative;
}

.nav_top_right ul {
	position: relative;
	display: table-cell;
	text-align: center;
	vertical-align: top;
	padding: 0;
}

.scroll_active {
	color: #c0a672 !important;
}

.nav_left li, .nav_top_right li {
	cursor: pointer;
	margin-top: 5px;
}

.nav_left i, .nav_top_right i {
	height: 100%;
	width: 100%;
	display: block;
}

/* display area */
.section {
	height: 95vh;
	width: 100%;
	background: #f2f2f2;
}

#section1 {
	margin-top: 4vh;
}

/* Style the buttons inside the upload section */
.tab button {
	background: #0B85A1;
	color: rgba(234, 242, 227, 0.9);
}

/* Change background color of buttons on hover */
.tab button:hover {
	background: #c0a672;
	color: rgba(234, 242, 227, 0.9);
}

.tab button:disabled {
	background: rgba(0, 0, 0, 0.5);
}

/* Create an active/current tablink class */
.tab button.active {
	background: #c0a672;
}

/* Style the tab content */
.tabcontent {
	display: block;
	/* padding: 0 12px 6px 0; */
	height: inherit;
}

.upload {
	height: 89%;
	display: block;
}

.display {
	height: 86%;
	flex-direction: column;
	justify-content: center;
}
.display.flex {
	display:flex;
}

.scrollable_svg {
	overflow-y:auto;
	overflow-x:hidden;
}

.drop_zone {
	height: 80%;
	border: 3px dotted #0B85A1;
	padding: 0 !important;
	font-size: 50px;
	font-width: 5px;
	text-align: center;
	color: #aaa;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.drop_zone textarea {
	height: 100%
}

::-webkit-input-placeholder {
	font-size: 50px;
	vertical-align: center;
	opacity: 0.7;
}

:-moz-placeholder {
	font-size: 50px;
	vertical-align: center;
	opacity: 0.7;
}

::-moz-placeholder {
	font-size: 50px;
	vertical-align: center;
	opacity: 0.7;
}

:-ms-input-placeholder {
	font-size: 50px;
	vertical-align: center;
	opacity: 0.7;
}

.drop_zone textarea, .drop_zone button {
	font-size: 15px;
}

.file {
	color: #aaa;
	text-align: center;
}

.search {
	height: 5%;
}

.result {
	height: 85.5%;
	overflow-y: scroll;
}

.result::-webkit-scrollbar {
	display: none;
}

.search_item {
	height: 25px;
	background: white;
	border-radius: 10px;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
	overflow-y: scroll;
}

.search_item::-webkit-scrollbar {
	display: none;
}

#frequency div {
	float: left;
	text-align: center;
	margin: 0.2em;
}

.elementLabels {
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	color: rgba(234, 242, 227, 0.9);
	border-radius: 10px;
	padding: 0.2em;
}

.elementLabels:hover {
	background: rgba(0, 0, 0, 0.9);
	color: rgba(234, 242, 227, 0.9);
	transform: scale(1.1);
	transition: transform 0.5s;
}

.selected {
	background: #0B85A1;
	color: black;
}

.span {
	margin-left: 10px;
	font-size: 15px;
	font-width: 2px;
	display: inline-block;
}

.span:hover {
	background-color: yellow;
}

/* section 4 */

a.tablinks-2 {
	    border-top: 1px rgb(0, 0, 0) solid;
    border-left: 1px rgb(0, 0, 0) solid;
    border-right: 1px rgb(0, 0, 0) solid;
    border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
    color: rgb(255, 255, 255);
    background: rgb(11, 133, 161);
}

a.tablinks-2.active {
	background:#c0a672
}

a.tablinks-2:hover {
	background: #c0a672;
	color: rgba(234, 242, 227, 0.9);
}

#ausankey {
	height:50.5em;
}

#svg_sankey  .link, #svg_ausankey .link {
	fill: none;
  	stroke-opacity: .2;
}

#Wordclouds .display{
	display: -webkit-box;
}

#wc_alist {
	margin: 0em 1em 1em 1em;
    padding: 1em;
    border: 3px rgb(11, 133, 161) outset;
}

#wc_alist li:hover {
	cursor: pointer;
	border: 1px solid black;
}

#wc_alist li .selected{
	background-color: #fff;
}

#wcdisplay {
  	grid-template-columns: auto auto;
	width:1500px;
	height:650px;
}

.wcdisplay-container
{
	/* margin:5px; */
}

.wcitem1 {
	 grid-column-start: 1;
	 grid-column-end: 1;
	 grid-row-start: 1;
	 grid-row-start: 1;
}
.wcitem2 {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 1;
}
.wcitem3 {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 2;
	grid-row-end: 2;
}
.wcitem4 {
	grid-column-start: 3;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 1;
}

.content {
	height: 95%;
}

#section5 .table-wrapper {
	height: 80%;
}

#section5 .table_div {
	height: 100%;
	overflow: auto;
	position: relative;
}

#section5 table {
	border-collapse: separate;
}

#section5 tbody tr:nth-child(even) {
	background-color: #fff;
}

#section5 tbody tr:hover {
	background-color: rgba(11, 134, 162, 0.7);
	/* font-weight: bold; */
}

#section5 thead {
	font-size: 11px;
	background-color: rgba(0, 0, 0, 0.9);
	color: rgba(234, 242, 227, 0.9);
}

#section5 tbody {
	font-size: 10px;
}

#section5 td, #section5 th {
	padding: 2px 5px 2px 5px;
	text-align: center;
	vertical-align: inherit;
}

#section5 th {
	text-align: center;
}

#section5 td.num {
	text-align: right;
}

.table_export {
	margin: 15px 0;
}

.table_export a {
	color: #0B85A1;
	text-decoration: none;
}

.none_display {
	display: none;
}

.result_up, .result_down {
	height: 40px;
	text-align: center;
}

.pages {
	display: inline-flex;
}

header {
	color:white;
	z-index: 999;
	top: 0 !important;
	height: 35px;
	width: 100%;
	background: #333;
	position: fixed;
}

.header_content ul {
	margin-bottom: 0 !important;
	overflow: hidden;
}

.header_content a {
	color: #fff;
	text-decoration: none;
}

.header_content a:hover {
	color: gray !important;
	text-decoration: none;
}

.header_content a:link, .header_content a:visited {
	color: #fff;
	text-decoration: none;
}

.header_content li {
	float: left;
	margin: 7px 10px;
	font-size: 15px;
}

.footer {
	z-index: 999;
	bottom: 0 !important;
	position: fixed;
	bottom: 0;
	height: 25px;
	width: 100%;
	text-align: center;
	background: #333;
	font-size: 15px;
	color: #fff;
}

#section6 .display {
	display: inline-grid;
	grid-gap: 50px;
	padding: 50px;
}

#section6 .about {
	border: 3px rgb(11, 133, 161) inset;
	display: grid;
	    padding: 80px 45px 0px;
}

#section6 .about div {
	padding: 10px;
}

#section6 .recipients {
	display: grid;
	border: 3px rgb(11, 133, 161) outset;
}

#section6 form {
	grid-column: 3;
	padding: 10px;
	border: 3px rgb(11, 133, 161) dotted;
}

#section6 #direct {
	padding-bottom: 50px;
}

#section6 input {
	width: 50%;
}

#section6 .textarea {
	display: grid;
	background-color: white;
	border: 1px solid black;
	width: 564px;
	padding: 5px;
}

#section6 .textarea div {
	overflow-x: hidden;
}

#section6 #direct-msg {
	height: 240px;
	outline-color: red;
	border: 2px red solid;
}

#section6 #tweet-msg {
	height: 80px;
}

#section6 .textarea em {
	color: grey;
	opacity: 0.9;
}

.counter {
	text-align: end;
	font-size: 14px;
}

svg{
	/* position: fixed; */
	/* z-index: 999; */
	background-color: #fff;
	border: 1px black solid;
}


/*
// force directed graph style
.links line {
	stroke-opacity: 0.6;
}

.node .leaf {
	stroke: #fff;
	stroke-width: 2px;
}

.node .root {
	stroke: #555;
	stroke-width: 3px;
}

.node text {
	pointer-events: none;
	font: 10px sans-serif;
}
*/
div.tooltip {
	position: absolute;
	text-align: center;
	padding: 2px;
	width: 320px;
	font: 12px sans-serif;
	background: rgba(0, 0, 0, 0.8);
	border: 0px;
	border-radius: 8px;
	pointer-events: none;
}

div.tooltip strong {
	color: #fff;
}

div.tooltip span {
	color: #0B85A1;
}

div.tooltip strong, div.tooltip span {
	font-width: bold;
	font-size: 18px;
}

.hull {
	fill: lightsteelblue;
	fill-opacity: 0.3;
}

/*#modal,#alert {
	display: flex;
	flex-direction: column;
	justify-content: center;
}*/