@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,400i,700,700i,900,900i');


input.greyField{
	background-color: rgb(234, 239, 242);
	border: none;
}


div#footer{
	width: 100vw;
	height: 40px;
	position: absolute;
	bottom: -60px;
	left: calc((( 100vw - 800px ) / 2 )  * (-1) );
	display: block;
	background-color: rgba(116, 184, 224, 0.4);
}
div#footer div#items{
	line-height: 40px;
	height: 40px;
	width: 800px;
	position: absolute;
	color: #d3ecf6;
	bottom: 0px;
	margin-left: calc((100% - 800px) / 2);
	display: block;
}
input[type="text"].searchField{
	background-color: rgb(234, 239, 242);
	width: 489px;
	padding-left: 40px;
	background-image: url(../graphics/search.svg);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: auto 20px;
	border: 1px solid rgba(255, 255, 255, 0);
	border: none;
	height: 30px;
	display: block;
	line-height: 30px;
	margin-right: 0px;
}

input[type="text"].nameField{
	background-color: rgb(234, 239, 242);
	width: 494px;
	padding-left: 10px;
	border: 1px solid rgba(255, 255, 255, 0);
	border: none;
	height: 30px;
	display: block;
	float: left;
	line-height: 30px;
	margin-right: 4px;
}

input[type="text"].smallSearchField{
	background-color: rgb(234, 239, 242);
	width: 220px;
	padding-left: 40px;
	background-image: url(../graphics/search.svg);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: auto 20px;
	border: 1px solid rgba(255, 255, 255, 0);
	border: none;
	height: 30px;
	display: block;
	line-height: 30px;
	margin-right: 0px;
}


.floatRight{
	float: right;
}
.floatLeft{
	float: left;
}

div.file{
	margin-left: 0px;
	clear: both;
	float: left;
	min-width: 60px;
	display: block;
	height: 60px;
	color: rgb(0, 170, 240);
	padding-left: 40px;
	background-size: 28px 40px;
	background-repeat: no-repeat;
}
div.file.png{
	background-image: url(../graphics/png.png);
}
div.file.jpg{
	background-image: url(../graphics/jpg.png);
}
div.file.mp4{
	background-image: url(../graphics/mp4.png);
}
div.file.pdf{
	background-image: url(../graphics/pdf.png);
}

.upload{
	width: 60px;
	height: 60px;
	margin-left: 0px;
	line-height: 40px;
	padding-left: 40px;
	color: rgb(0, 170, 240);
	clear: both;
	background-image: url(../graphics/upload.png);
	background-repeat: no-repeat;
	display: inline-block;
	cursor: pointer;
}
input[type="file"]#fileSelector{
    display: none;
}
h1{
	margin-top: 0px;
	padding-top: 30px;
	position: relative;
	width: auto,
}
h3, #mainView h3{
	font-size: 20px;
	margin-bottom: 20px;
	color: rgb(126, 155, 175);
}
#mainView {
	color: rgb(126, 155, 175);
}
button.buttonGrey{
	background: none;
	border: none;
	float: left;
	background-color: white;
	border-color: rgb(136, 155, 175);
	border-style: solid;
	border-width: 1px;
	color: rgb(136, 155, 175);
	min-width: 120px;
	height: 30px;
}
button.buttonText:hover{
	color: red;
	transition: 0.5s ease;
}
button.buttonText, button.buttonMenu{
	padding: 0 0 0 0;
	background: none;
	margin: 0 0 0 0;
	border: none;
	color: #bbbbbb;
}
button.buttonMenu{
	font-size: 14px;
	padding: 0 5px 0 5px;
}
a.loadMore, a.loadAll{
	background: none;
	border: none;
	float: left;
	background-color: rgb(0, 174, 239);
	color: white;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 30px;
	width: 100%;
	height: 35px;
	line-height: 35px;
}
a.loadAll{
	margin-bottom: 1px;
	background-color: white;
	border: 1px solid rgb(0, 174, 239);
	color: rgb(0, 174, 239);
	margin-top: 4px;
}
button.buttonBlue{
	background: none;
	background-color: white;
	border: solid 1px rgb(151, 203, 244);
	color: rgb(151, 203, 244);
	min-width: 80px;
	height: 30px;
	cursor: pointer;
}
button.buttonBlue.smallMargin{
	margin-right: 20px;
}
button.buttonDisabled{
	background: none;
	background-color: white;
	border: solid 1px rgba(240, 240, 240, 1);
	color: rgba(240, 240, 240, 1);
	min-width: 80px;
	margin-right: 0px;
	height: 30px;
	cursor: pointer;
}
button.buttonRed{
	background: none;
	margin-left: 15px;
	background-color: white;
	border: solid 1px rgba(233, 161, 161, 1);
	color: rgba(233, 161, 161, 1);
	font-size: 14px;
	cursor: pointer;
	min-width: 25px;
	height: 25px;
	line-height: 20px;
}
button.buttonDisabled{
	background: none;
	border: none;
	background-color: white;
	border-color: rgba(213, 213, 213, 1);
	border-style: solid;
	border-width: 1px;
	color: rgba(213, 213, 213, 1);
	min-width: 80px;
	height: 30px;
}
button.buttonBlueFilled{
	background: none;
	border: none;
	background-color: rgb(151, 203, 244);
	border-color: rgb(151, 203, 244);
	border-style: solid;
	border-width: 1px;
	margin-right: 15px;
	color: white;
	cursor: pointer;
	min-width: 80px;
	height: 30px;
}
button.buttonSearch{
	width: 100px;
	min-width: 100px;
	margin-left: 25px;
}




div.userInfo{
	float: right;
	position: absolute;
	top: 60px;
	right: 0px;
	height: 25px;
	line-height: 25px;
	min-width: 50px;
	font-size: 12px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: rgb(211, 244, 244);
	z-index: 99999;
}
div.userInfo div.triangle{
	width: 0;
	height: 0;
	left: -25px;
	top: 0px;
	position: absolute;
	border-style: solid;
	border-width: 0 25px 25px 0;
	border-color: transparent rgb(211, 244, 244) transparent transparent;
}

div#menuBar{
	height: 60px;
	position: absolute;
	background-color: white;
	top: 0px;
	right: 0px;
	width: 100%;
	left: 0px;
	z-index: 99999;
}
div#menuBar div.items{
	margin-left: calc((100% - 800px) / 2);
	width: 800px;
	height: 60px;
}

div.overlay{
	position: fixed;
	width: 100vw;
	height: calc(100vh - 60px);
	top: 60px;
	left: 0px;
	z-index: 9999;
	display: none;
	overflow: auto;
	background-color: rgba(47, 125, 150, 0.8);
}
div.overlay h3{
	color: rgb(126, 155, 175);
}

.preventScroll{
	overflow: hidden;
	height: calc(100vh - 80px);
}
div.block{
	display: block;
}
div.overlay div.frame{
	top: 100px;
	width: 800px;
	position: relative;
	background-color: white;
	margin-left: calc(50% - 400px);
	border-color: grey;
	min-height: 500px;
	width: 800px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px;
	min-height: 500px;
	border-radius: 8px;
	border-style: solid;
	border-width: 0.5px;
	border-color: grey;
	box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.4);
	background-color: white;
}
div.overlay div.frame h3{
	width: 100%;
	clear: both;
}

div.overlay div.frame textarea.description{
	clear: both;
	width: 100%;
}

div.overlay div.frame h1{
	margin-top: 0px;
	padding-top: 30px;
	position: relative;
	width: auto,
}
div.overlay div.frame h3{
	font-size: 18px;
}
form.entryForm{
	width: auto;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 0px;
}
div.overlay div.frame a.close{
	width: 25px;
	height: 25px;
	position: absolute;
	right: 5px;
	line-height: 22px;
	text-align: center;
	top: -35px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	
	color: white;
	border-radius: 4px;
	border: 1px white solid;
	display: block;
}
div.overlay div.frame div.overlayTitle{
	position: absolute;
	top: -50px;
	left: 0px;
	margin-left: 0px;
	line-height: 50px;
	margin-bottom: 30px;
	color: white;
	font-size: 26px;
}

div.overlay div.frame button.close{
	top: -50px;
}
div.overlay div.frame button.edit{
	bottom: 100px;
	left: -25px;
}
div.overlay div.frame button.archive{
	bottom: 30px;
	left: -25px;
}

div#menuBar div.items a.m1, div#menuBar div.items a.m2, div#menuBar div.items div.databaseOptions, div#menuBar div.items a.m3, div#menuBar div.items a.m4, div#menuBar div.items a.m5, div#menuBar div.items button{
	padding-left: 10px;
	padding-right: 10px;
	height: 60px;
	display: block;
	line-height: 60px;
	position: relative;
	font-weight: 20;
	color: #2b6688;
	float: right;
	text-decoration: none;
	background-repeat: no-repeat;
}
div#menuBar div.items button{
	background: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	padding-left: 0px;
	padding-right: 0px;
	border: none;
}
div#menuBar div.end{
	padding-left: 15px;
	padding-right: 15px;
	height: 40px;
	display: block;
	line-height: 40px;
	background-color: grey;
	color: white;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	float: left;
	text-decoration: none;

}
div#mainView{
	position: absolute;
	top: 80px;
	left: calc((100% - 800px) / 2);
	min-height: calc(100vh - 140px);
	width: 800px;
	font-family: 'Lato', sans-serif;
}
div#mainView.big{
	width: 1000px;
	left: calc((100% - 1000px) / 2);
}

div.contentBox{
	width: auto;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px;
	min-height: 500px;
	border-radius: 8px;
	border-style: solid;
	border-width: 0.5px;
	border-color: grey;
	box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.4);
	background-color: white;
}
div.contentTitle{
	width: 100%;
	margin-left: 0px;
	height: 50px;
	line-height: 50px;
	margin-bottom: 30px;
	color: white;
	font-size: 26px;
}

div.searchOrCreate{
	width: auto;
	height: 80px;
	margin-left: 30px;
}

div.listDiseases{
	width: 100%;
	margin-top: 50px;
}
div.listDiseases div.row div{
	float: left;
}
div.listDiseases div.row{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: grey;
	margin-left: 0px;
	margin-right: 0px;
	min-height: 80px;
}
div.listDiseases div.row div.col1{
	width: 10%;
	margin-top: 15px;
	color: rgb(0, 170, 240);
}
div.listDiseases div.row div.col5{
	display: block;
	text-align: center;
	width: 10%;
	margin-top: 15px;
}
div.listDiseases div.row div.colEdit{
	width: 15%;
	float: right;
	margin-top: 25px;
}
div.listDiseases div.row div.colEdit button.buttonBlue{
	float: right;
}
div.listDiseases div.row div.col2{
	width: calc(45% - 20px);
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 15px;
	color: rgb(0, 170, 240);
}
div.listDiseases div.row div.col3{
	width: 20%;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 15px;
}


div.listDiseases div.rowHeader{
	margin-left: 0px;
	margin-right: 0px;
	min-height: 50px;
	border-bottom: 1px dotted grey;
}
div.listDiseases div.rowHeader div.col1{
	width: 10%;
	margin-top: 15px;
	float: left;
}
div.listDiseases div.rowHeader div.col5{
	display: block;
	text-align: center;
	width: 10%;
	margin-top: 15px;
}
div.listDiseases div.rowHeader div.colEdit{
	width: 15%;
	float: right;
	margin-top: 25px;
}
div.listDiseases div.rowHeader div.colEdit button.buttonBlue{
	float: right;
}
div.listDiseases div.rowHeader div.col2{
	width: calc(45% - 20px);
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 15px;
	float: left;
}
div.listDiseases div.rowHeader div.col3{
	width: 20%;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left;
	margin-top: 15px;
}


div.cleaner{
	clear: both;
}
div.cleanerBig{
	width: 100%;
	height: 25px;
	clear: both;
}



ul#menuDatabase{
	position: absolute;
	left: 0px;
	width: 200px;
	display: block;
	background-color: white;
	top: 61px;
	height: auto;
	z-index: 10;
	display: none;
	border: solid 1px grey;
	border-top: none;
}
ul#menuDatabase li{
	display: block;
	height: 35px;
	clear: both;
	text-align: left;
	width: 190px;
	line-height: 25px;
	padding-left: 10px;
}
ul#menuDatabase li a{
	float: left;
	color: #2b6688;

	text-align: left;
}
div.leftSide, div.rightSide{
	width: 50%;
	float: left;
	display: block;
}
div.rightSide{
	float: right;
}
div.symptomRow{
	width: calc(100% - 20px);
	height: auto;
	border-top: dotted;
	clear: both;
	position: relative;
	border-top-width: 1px;
	border-color: grey;
	display: block;
}
div.subInfo.source{
	overflow-y: scroll;
	clear: both;
	text-overflow: ellipsis;
}
div.symptomRow .iconNotPublished{
	position: absolute;
	bottom: 5px;
	right: 5px;
	height: 20px;
	width: 20px;
}
div.symptomRow .options{
	display: none;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 5px;
	padding-right: 5px;
	pointer-events: none;
}
div.symptomRow .optionLine{
	width: 1px;
	background-color: grey;
	margin-right: 5px;
	margin-top: 5px;
	height: 15px;
	display: block;
	float: left;
	clear: both;
	pointer-events: none;
}
div.symptomRow .options button{
	background: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: none;
	padding-right: 10px;
	color: rgb(0, 170, 240);
	float: left;
	pointer-events: auto;
}
div.symptomRow .options button.edit{
	color: yellow;
	padding-left: 10px;
	color: rgb(0, 206, 92);
}
div.symptomRow .options button.del{
	color: red;
	border: none;
	color: rgb(255, 30, 69);
	padding-left: 10px;
}

p.highlighted{
	color: rgb(0, 170, 240);
}
p.entryInfo{
	font-size: 13px;
	color: rgb(76, 119, 149);
}
div.symptomRow .info, div.rowMeasurement .subInfo{
	display: block;
	pointer-events: none;
	margin-top: 10px;
	color: rgb(0, 170, 240);
}
div.rowMeasurement .subInfo{
	pointer-events: auto;
}

div.symptomRow .subInfo{
	display: block;
	clear: both;
	pointer-events: none;
	font-size: 13px;
	color: rgb(76, 119, 149);
	margin-top: 0px;
}

div.symptomRow:hover{
	background-color: rgb(247, 251, 252);
}
div.symptomRow.floatRight{
	float: right;
}
.floatLeft{
	float: left;
}

div.symptomRow div.col1{
	float: left;
	width: 300px;
	height: 20px;
}
div.symptomRow div.col2{
	float: left;
	width: 250px;
	height: 20px;
}


div.newEntry{
	/*background-color: yellow;*/
	width: 100%;
}
div.newEntry div.lineSpace{
	height: 15px;
	width: 100%;
	clear: both;
}
div.newEntry button.add{
	float: right;
	width: 30px;
	height: 30px;
	margin-top: 0px;
}

div.newSymptomChain{
	width: calc(50% - 5px);
	border: 2px dotted rgb(53, 136, 220);
	margin-bottom: 20px;
	padding: 15px 15px 15px 15px;
}
div.newSymptomChain.floatLeft{
	float: left;
}
div.newSymptomChain.floatRight{
	float: right;
}
div.newSymptomChain input{
	border: 1px solid grey;
	width: 300px;
	display: block;
}

div.newEntry button.remove, div.newSymptomChain button.remove{
	width: 25px;
	height: 25px;
	float: left;
	margin-top: 0px;
	background-image: url(../graphics/miniDelete.svg);
	background-size: contain;
	filter: alpha(opacity=20);
	opacity: 0.4;
	cursor: pointer;
}
div.newEntry button.remove:hover{
	filter: alpha(opacity=100);
	opacity: 1;
}

div.tableUser{
	width: 100%;
}
div.tableUser div.row{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	min-height: 60px;
	clear: both;
}
div.tableuser div.bold{
	font-weight: bold;
}
div.tableUser div.col1, div.tableUser div.col2, div.tableUser div.col3, div.tableUser div.col4, div.tableUser div.col5, div.tableUser div.col6, div.col7{
	float: left;
	width: 120px;
	height: 25px;
	margin-top: 15px;
	line-height: 25px;
}
div.tableUser div.col6{
	width: 155px;
}
div.tableUser div.col1{
	width: 70px;
}
div.tableUser div.col2{
	width: 200px;
}
div.tableUser div.col5{
	width: 65px;
}

div.catAttributes{
	display: block;
	margin-bottom: 15px;
}

div.connectionMask{
	width: 300px;
	float: left;
}
div.attributeMask{
	width: 380px;
	float: right;
}
div.attributeMask input.entryAttribute{
	width: 380px;
	height: 30px;
	float: left;
	line-height: 30px;
	background-color: #fcfcfc;
}
div.connectionMask input.entrySymptom, div.connectionMask textarea.entrySource, div.connectionMask select.entryCategory_id, div.connectionMask input.entryCategory, div.connectionMask input.entryDisease, div.connectionMask input.entrySource, div.connectionMask select.entryMainAttribute{
	width: 280px;
	height: 30px;
	background-color: #fcfcfc;
	float: left;
	line-height: 30px;
}
div.connectionMask textarea.entrySource{
	height: 90px;
	line-height: 20px;
	display: block;
	width: 280px;
	border: solid 1px #c52b2b;
}
div.connectionMask textarea.entrySource.correct{
	border: solid 1px #00b704;
}

p.alert{
	font-size: 11px;
	background-image: url(../graphics/warningSmall.png);
	background-repeat: no-repeat;
	background-position-y: center;
	padding-left: 30px;
}

div.attributeRow{
	margin-bottom: 5px;
	margin-top: 5px;
	min-width: 100%;
	position: relative;
	display: block;
	clear: both;
}

div.attributeRow select{
	width: 110px;
	font-style: 13px;
	float: left;
	border: none;
	background: none;
	border-radius: 0px;
	height: 25px;
	line-height: 14px;
	background-color: #fcfcfc;
	float: left;
	display: block;
}
div.attributeRow button{
	background: none;
	border: none;
	font-weight: bold;
	color: darkred;
	margin-right: 0px;
}


div.attributeRow p{
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	margin-right: 10px;
	font-size: 14px;
	width: 120px;
	vertical-align: middle;
}
div#catAttributes2 p{
	width: 120px;
}
div#catAttributes p{
	width: 280px;
}
div.attributeRow input[type="text"]{
	width: 50px;
	margin-right: 5px;
	font-size: 14px;
	background-color: #fcfcfc;
	border: none;
	float: left;
}
div.space{
	width: 10px;
	height: 25px;
	float: left;
	background-color: blue;
	display: block;
}
div.smallCleaner{
	width: auto;
	height: 8px;
	clear: both;
	display: block;
}
.grey{
	color: grey;
}

div.entryRow{
	margin-bottom: 50px;
	border-bottom: 1px dotted grey;
	clear: both;
}


div.symptomRow div.miniButtons{
	height: 30px;
	position: relative;
	bottom: 0px;
	left: 0px;
	width: 105px;
}
div.symptomRow button.miniDelete, div.symptomRow button.miniSee, div.symptomRow button.miniEdit{
	background: none;
	border: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 30px;
	height: 30px;
	float: left;
	display: block;
}
div.symptomRow button.miniDelete{
	background-image: url(../graphics/miniDelete.svg);
	background-size: 25px 25px;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.2;
    filter: alpha(opacity=20);
}
div.symptomRow button.miniSee{
	background-image: url(../graphics/miniSee.svg);
	background-size: 25x 25px;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.2;
    filter: alpha(opacity=20);
}
div.symptomRow button.miniEdit{
	background-image: url(../graphics/miniEdit.svg);
	background-size: 25px 25px;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.2;
    filter: alpha(opacity=20);
}
div.symptomRow button.miniDelete:hover, div.symptomRow button.miniSee:hover, div.symptomRow button.miniEdit:hover{
	opacity: 1;
    filter: alpha(opacity=100);
}

div.entryRow div.col1{
	width: calc(100% - 210px);
	min-height: 30px;
	margin-top: 20px;
	color: rgb(0, 170, 240);
	float: left;
}
div.entryRow div.col2{
	float: right;
	margin-left: 10px;
	width: auto;
	min-height: 30px;
	margin-top: 20px;
}
div.headerLogo{
	background-image: url(../graphics/ik-logo.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	float: left;
	height: 100%;
	width: 200px;
}

div.attributeMask{
	float: right;
}
div.connectionMask{
	float: left;
}

textarea.sourceViewName{
	width: 100%;
	height: 150px;
	display: block;
}
div.manageAccRow{
	width: calc(100% - 200px);
	min-height: 30px;
	float: left;
	margin-bottom: 15px;
}
div.manageAccRow div.col1{
	width: 120px;
	float: left;
	margin-top: 0px;
}
div.manageAccRow div.col2{
	width: 300px;
	position: relative;
	float: left;
	margin-top: 0px;
}
div.manageAccRow div.col2 input{
	width: 100%;
	line-height: 30px;
	padding-left: 10px;
	height: 30px;
	float: left;
}
div.manageAccRoles{
	float: right;
	width: 200px;
	border-left: dotted 1px grey;
}
div.manageAccRoles label{
	padding-left: 8px;
}
div.manageAccRoles div.col{
	width: 200px;
	height: 38px;
	line-height: 40px;
}
div.manageAccRow div.col3{
	width: 100px;
	float: right;
}

div.line{
	width: 100%;
	height: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
	clear: both;
	border-bottom: solid 1px grey;
}
div.dottedLine{
	width: 100%;
	height: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
	clear: both;
	border-bottom: dotted 1px grey;
}

.error{
	background-color: #ffa8a8;
	border: 2px solid red;
}

div#enterSynonym{
	display: none;
}
.sourceText{
	height: 300px;
	width: 100%;
	display: block;
}

div.rowAttribute{
	width: 100%;
	clear: both;
	margin-top: 80px;
	margin-bottom: 15px;
	display: block;
}
div.rowAttribute div.col1{
	float: left;
	width: calc(45% - 15px);
	height: 60px;
	color: rgb(0, 170, 240);
	padding-top: 20px;
}
div.rowAttribute div.col4{
	float: left;
	width: calc(10%);
	height: 60px;
	color: rgb(0, 170, 240);
	padding-top: 20px;
}
div.rowAttribute div.col2{
	float: left;
	width: calc(30%);
	height: 60px;
	padding-top: 20px;
}
div.rowAttribute div.col3{
	float: left;
	width: calc(15%);
	padding-top: 20px;
}

button.buttonDelete:hover{
	border-color: #ff2c00;
	color: #ff2c00;
	transition: 0.5s ease;
}

div.rowSource{
	width: 100%;
	clear: both;
	margin-top: 30px;
	margin-bottom: 15px;
	display: block;
	
}
div.rowSource div.col1{
	width: calc(42% - 15px);
	margin-right: 15px;
	min-height: 20px;
	color: rgb(0, 170, 240);
	float: left;
	display: block;
}

div.rowSource div.col4{
	width: 10%;
	min-height: 20px;
	float: left;
	display: block;
}
div.rowSource div.col2{
	width: 25%;
	min-height: 20px;
	float: left;
	display: block;
}
div.rowSource div.col3{
	width: 15%;
	min-height: 20px;
	float: left;
	display: block;
}
div.rowSource div.col5{
	width: 8%;
	min-height: 20px;
	float: left;
	display: block;
}
div.rowSource a.edit{
	background-image: url(../graphics/miniEdit.svg);
	background-size: 25px 25px;
	display: block;
	width: 25px;
	height: 25px;
	float: left;
}
div.rowSource button.delete{
	background: none;
	border: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-image: url(../graphics/miniDelete.svg);
	background-size: 25px 25px;
	display: block;
	float: right;
	width: 25px;
	height: 25px;
}



div.rowHeaderSource{
	margin-left: 0px;
	margin-right: 0px;
	min-height: 50px;
	border-bottom: 1px dotted grey;	
}
div.rowHeaderSource div.col1{
	width: calc(40% - 15px);
	margin-right: 15px;
	min-height: 20px;
	float: left;
	display: block;
}

a.reiter{
	margin-right: 20px;
	margin-bottom: 30px;
	padding: 5px 5px 5px 5px;
	float: left;
	color: rgb(0, 170, 240);
	border: 1px rgb(0, 170, 240) solid;
	border-bottom: none;
	display: block;
}

div.rowHeaderSource div.col4{
	width: 10%;
	min-height: 20px;
	float: left;
	display: block;
}
div.rowHeaderSource div.col2{
	width: 25%;
	min-height: 20px;
	float: left;
	display: block;
}
div.rowHeaderSource div.col3{
	width: 15%;
	min-height: 20px;
	float: left;
	display: block;
}
div.rowHeaderSource div.col5{
	width: 10%;
	min-height: 20px;
	float: left;
	display: block;
}

.hidden{
	display: none;
}

div.rowMeasurement{
	width: calc(50% - 20px);
	min-height: 130px;
	margin-bottom: 2px;
	float: right;
	border-bottom: 1px dotted grey;
}
div.rowMeasurement.floatLeft{
	float: left !important;
}
div.rowMeasurement button.delete{
	width: 25px;
	height: 25px;
	float: right;
	margin-top: 0px;
	background: none;
	border: none;
	background-image: url(../graphics/miniDelete.svg);
	background-size: contain;
	filter: alpha(opacity=20);
	opacity: 0.4;
	cursor: pointer;
}
div.rowMeasurement button.delete:hover{
	filter: alpha(opacity=100);
	opacity: 1;
}

div.rowMeasurement button.edit{
	width: 25px;
	height: 25px;
	float: right;
	margin-top: 0px;
	background: none;
	border: none;
	background-image: url(../graphics/miniEdit.svg);
	background-size: contain;
	filter: alpha(opacity=20);
	opacity: 0.4;
	cursor: pointer;
}
div.rowMeasurement button.edit:hover{
	filter: alpha(opacity=100);
	opacity: 1;
}

div.rowMeasurement div.rowConversion{
	height: 15px;
	margin-top: 10px;
	width: calc(100% - 50px);
	margin-left: 50px;
}
input.smallText{
	width: 100px;
}
input.wideText{
	background-color: rgb(234,239,242);
	width: 70%;
	border: none;
	padding-left: 10px;
}

div.createSelection label{
	width: calc(35% - 7px);
	height: 55px;
	padding-left: 10px;
	border: 1px solid rgb(151, 203, 244);
	background-color: white;
	color: rgb(151, 203, 244);
	display: inline-block;
	cursor: pointer;
	margin-right: 10px;
	margin-top: 10px;
}
div.createSelection input[type="radio"]{
	display: none;
}
div.createSelection input[type="radio"]:checked+label {
	background-color: rgb(151, 203, 244);
	color: white;
}

div.tableUser div.tableHead{
	border-bottom: 1px solid grey;
	height: 70px;
	margin-top: 20px;
	text-align: left;
	margin-bottom: 0px;
}

.inputMeasurement, .inputProject, .selectProject, .selectGroup{
	width: calc(100% - 200px);
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	background-color: rgb(234, 239, 242);
	border: none;
}
.addMeasurementA, .addMeasurementB, .addMeasurementC, .addMeasurementD{
	height: 30px;
	max-width: 200px;
	line-height: 30px;
	background-color: rgb(234, 239, 242);
	border: none
}
.addMeasurementD{
	padding-left: 10px;
	padding-right: 10px;
}


div.errorBox, div.feedbackBox, div.dialogueBox, div.inputBox{
	width: 500px;
	min-height: 200px;
	z-index: 9999;
	padding: 20 20 20 20;
	text-align: center;
	border: 2px solid red;
	background-color: white;
	box-shadow: 1px 1px 5px black;
	position: fixed;
	top: calc(50vh - 100px);
	left: calc(50vw - 250px);
	z-index: 999998;
}
div.dialogueBox{
	top: 100px;
}
div.dialogueBox .keepDescriptionText{
	width: 100%;
	height: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
div.inputBox{
	border-color: blue;
}
div.inputBox input{
	margin-top: 40px;
	border: 1px solid grey;
}
div.feedbackBox{
	border: 2px solid #7de316;
}
div.dialogueBox button#dialogueBoxButtonYes, div.inputBox button#inputBoxButtonConfirm{
	position: absolute;
	bottom: 10px;
	right: 20px;
}
div.dialogueBox button#dialogueBoxButtonCancel, div.inputBox button#inputBoxButtonCancel{
	position: absolute;
	bottom: 10px;
	left: 20px;
}

div.dialogueBox{
	border: 2px solid #e5cb73;
	display: none;
	z-index: 999999;
}
div.dialogueBox.visible{
	display: block;
}

input[type="text"].entrySymptom, input[type="text"].entryDisease, input[type="text"].entrySource, input[type="text"].entryAttribute {
	border: none;
	background-image: url(../graphics/search.svg);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: auto 20px;
	padding-left: 40px;
	background-color: rgb(234, 239, 232);
	display: block;
}
input[type="text"].entrySymptom, input[type="text"].entryDisease, input[type="text"].entrySource, input[type="text"].entryAttribute {
	border: solid 1px #cbcbcb;
}

div.connectionMask input[type="text"].entrySymptom, div.connectionMask input[type="text"].entryDisease, div.connectionMask input[type="text"].entrySource{
	border: solid 1px #c52b2b;
}
div.connectionMask input[type="text"].entrySymptom.correct, div.connectionMask input[type="text"].entryDisease.correct, div.connectionMask input[type="text"].entrySource.correct, div.connectionMask input[type="text"].entryAttribute.correct {
	display: block;
	border: none;
	border: solid 1px #00b704;
}
/*.correct{
	display: block;
	border: none;
	border: solid 1px #00b704;
}*/
/*input[type="text"].entrySymptom.correct, input[type="text"].entryDisease.correct, input[type="text"].entrySource.correct{
	background-color: #eeeeee;
}
input[type="text"].entrySymptom.search, input[type="text"].entryDisease.search, input[type="text"].entrySource.search{
	background-color: red;
}*/

input.inputFrom{
	width: 25%;
	float: left;
}
input.inputTo{
	width: 25%;
	float: left;
}
input.inputMeasurement{
	width: 30%;
	float: left;
}


        .content {
            width: 80%;
            margin: 0 auto;
            margin-top: 50px;
        }

        .tt-hint,
        .city {
	        background-color: rgb(234, 239, 242);
			width: 100%;
			padding-left: 40px;
			background-image: url(../graphics/search.svg);
			background-position: 5px center;
			background-repeat: no-repeat;
			background-size: auto 20px;
			border: solid 1px rgba(204, 204, 204, 0);
			height: 30px;
			display: block;
			line-height: 30px;
        }
        .tt-hint{
	        color: rgba(0, 0, 0, 0.3);
        }
        .tt-source-hint{
	        padding: 5px 5px 5px 5px;
	        line-height: 30px;
	        color: rgba(0, 0, 0, 0.3);
        }
        
        .searchSourceText {
	        background-color: rgb(234, 239, 242);
			width: 100%;
			padding: 5px 5px 5px 5px;
			border: solid 1px rgba(204, 204, 204, 0);
			height: 30px;
			display: block;
			line-height: 30px;
        }
        
        .searchSourceHint{
	        background-color: green;
	        font-size: 15px;
	        width: 200px;
	        height: 150px;
        }


        .tt-menu {
            width: 400px;
            margin-top: 5px;
            padding: 8px 12px;
            background-color: #fff;
            border: 1px solid #ccc;
            border: 1px solid rgba(0, 0, 0, 0.2);
            border-radius: 8px 8px 8px 8px;
            font-size: 15px;
            color: #111;
            background-color: #ffffff;
        }
        .tt-suggestion {
	        width: 380px;
	        padding: 5px 10px 5px 10px;
	        background-color: white;
	        cursor: pointer;
        }
        .tt-suggestion:hover {
	        background-color: #f5f5f5;
        }

        
        
        
        
button.smallTrash{
	border: none;
	background: none;
	background-image: url(../graphics/miniDelete.svg);
	background-size: 25px 25px;
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
	opacity: 0.3;
	margin-right: 10px;
	display: block;
	float: left;	
}

div.customerGroupRow {
	width: 600px;
	height: 40px;
	color: #4ca0bf;
	clear: both;
}
div.customerGroupRow div.colName{
	width: 350px;
	display: block;
	float: left;
}
div.customerGroupRow div.colTime{
	width: 150px;
	display: block;
	float: left;
}
div.customerGroupRow div.colOptions{
	width: 80px;
	display: block;
	float: left;
}
div.customerGroupRow button.remove, div.customerRow button.remove{
	width: 25px;
	height: 25px;
	float: left;
	background: none;
	border: none;
	margin-top: 0px;
	background-image: url(../graphics/miniDelete.svg);
	background-size: contain;
	background-position: center center;
	filter: alpha(opacity=20);
	opacity: 0.4;
	cursor: pointer;
}

div.customerRow button.edit{
	width: 25px;
	height: 25px;
	float: left;
	background: none;
	border: none;
	background-image: url(../graphics/miniEdit.svg);
	background-size: contain;
	background-position: center center;
	filter: alpha(opacity=20);
	opacity: 0.4;
	cursor: pointer;
}

div.customerRow button.edit, div.customerRow button.remove{
	background-repeat: no-repeat;
	margin: 0 0 0 0;
	display: inline-block;
}

div.createCustomerTable{
	float: left;
}
div.createCustomerTable label{
	font-size: 15px;
	color: #1774a6;
	vertical-align: bottom;
}
div.createCustomerTable input{
	background-color: rgb(234, 239, 242);
	padding-left: 10px;
	border: 1px solid rgba(255, 255, 255, 0);
	border: none;
	height: 30px;
	display: block;
	float: left;
	line-height: 30px;
	margin-right: 4px;
	width: 100%;
}
div.createCustomerTable div{
	padding-right: 10px;
	float: left;
}
div.createCustomerTable div.colName{
	width: 140px;
	float: left;
}
div.createCustomerTable div.colEmail{
	width: 300px;
	float: left;
}
div.createCustomerTable div.colPassword{
	width: 140px;
	float: left;
}
div.createCustomerTable div.colSessions{
	width: 100px;
	float: left;
}
div.createCustomerTable div.colTime{
	width: 120px;
	float: left;
}
div.createCustomerTable div.colOptions{
	width: 80px;
	float: right;
}
div.createCustomerTable div.customerRow{
	display: block;
	position: relative;
	min-height: 40px;
}
div.createCustomerTable div.customerRow.fullSize{
	width: 930px;
}
div.createCustomerTable div.customerRow.small{
	vertical-align: bottom;
	height: 35px;
	line-height: 16px;
}

div.halfCol{
	float: left;
	width: 50%;
	display: block;
}

select.selectGroup.halfSize{
	clear: both;
	width: 400px;
}


a.leftLink{
	margin-right: 50px;
	float: left;
	display: block;
}

.visible{
	display: block;
}

div.filter-wrapper{
	clear: both;
	width: 100%;
	height: 30px;
	margin-top: 15px;
	margin-bottom: 15px;
}
div.filter-wrapper input[type="text"]{
	width: 395px;
	display: block;
	border: 1px solid rgb(140, 196, 242);
	padding-left: 5px;
	line-height: 30px;
	float: left;
}
div.filter-wrapper select{
	background-color: white;
	height: 34px;
	line-height: 34px;
	margin-left: 5px;
	border: 1px solid rgb(140, 196, 242);
	width: 200px;
	display: block;
	float: left;
	margin-right: 5px;
}
div.filter-wrapper button{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: 1px solid rgb(140, 196, 242);
	background-color: white;
	color: rgb(140, 196, 242);
	height: 34px;
	line-height: 34px;
	width: 100px;
}
.marginRight{
	margin-right: 20px;
}
.mainAttributeMask h3{
	padding-top: 20px;
	padding-bottom: 20px
}