/*!
 * Tudoo
 * Copyright 2018 Jochen Bierbauer
 * 
 * Klassen, die in CSS-Framwork nicht vorhanden sind...
 */	 
 
@media print { 
	 .mynav, .actionbar { 
		 display: none; 
	 }
 }

 @media screen {
	 .myhide {
		 display: none;
	 }
 }

@media (max-width: 700px) {
	.min-700 {
		display: none; 
	}
 }
nav{
	background: #2C8EDD;
}
nav .brand{
	color: white;
} 
.songtable {
	width: 100%; 
	table-layout: fixed;
}
.songtable th {
	background: none;
	color: #0074d9;
	border-bottom: 1px solid #0074d9;
	padding: 0px 5px 0px 5px;
}
.songtable td{
	border-bottom: 1px solid #ddd;
	padding: 5px 5px 5px 5px;
}
.songtable tr:hover td{
    background: #FBEFF2;
    cursor: pointer;
    color: #A82927; 
}
.main-content {
	padding: 0px 5px 0px 5px;
	max-width: 960px;
	width: 100%;
	margin: auto;
}
.textarea-songtext {
	font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
	height: 700px;
}
.parse-heading {
	font-weight: bold;
	text-decoration: underline;
}
/* .parse-table td {
	border: 1px solid #0074d9;
} */
.parse-table tr:nth-child(2n) {
	background-color: #FFFFFF;
}
.parse-chords {
	color: #A82927;
	font-weight: bold;
	padding: 0em 0.3em 0em 0em;
}
.parse-lyrics {
	font-family: lucida console,Monaco,monospace;
	padding: 0em 0.3em 0em 0em;
}
.text-fett {
	font-weight: bold;
}
.col-60 {
	column-width: 30px;
	table-layout: fixed;
}
.my-help {
	padding: 10px;
	background-color: #ddd
}
.rechts {
    float: right;
}
.links {
    float: left;
}
.w60 {
    width: 60px;
}
.actionbar {

}
.badgeNOTUSED {
    margin-left: 0.6em;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}
.rounded {
    border-radius: 10px;
}
.label.black {
    background-color: #777;
}
.floatingbutton {
    position: fixed;
    bottom: 5px;
    right: 5px;
    z-index: 1000;
}
.profile {
  border-radius: 50%;     /* Make it a circle */
}
.mywhite {
    color: white;
}
.myNavButton {
    background: #2c8edd;
}
.myLabel {
	color: gray;
}
/* Nächste Klasse im Moment nicht genutzt: */
.fa-right-inside {
    position: relative;
    z-index: 1;
    left: -30px;
    top: 1px;
    color: #7B7B7B;
    cursor:pointer;
    width: 0;
}
/*Icons innerhalt Input-Feld*/
.flex-container {
	display: flex;
}
.flex-field {
	flex: 1 0 8em;
	margin-top: 0.3em;
}
.flex-field:not(:first-child) {
	border-left: 0;
}
.flex-field:not(:last-child) {
	border-right: 0;
}
.flex-container button:first-child {
	border-radius: 0.2em 0 0 0.2em;
}
.flex-container button:last-child {
	border-radius: 0 0.2em 0.2em 0;
}