a {
    text-decoration: none;
    color: inherit; 
}

.form-control:focus {
  border-color: rgba(0,134,124,1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 134, 124, 0.6);
}

table {
    font-size: 14px;
}


tbody > tr:hover {
    background-color: rgba(240,240,240,1);
    color: rgba(0,134,124,1);
}

.form-check-input:checked{
   background-color: rgba(0,134,124,1) !important;
   border: 0;
}
.form-check-input:focus, .label::after, label.form-check-label:focus, .form-check-input::after, .form-check-input:not(:disabled):not(.disabled):active:focus {
   color: black;
   outline: 0;
   border: 0;
   box-shadow: 0 0 0 0.1rem rgba(0,134,124,1) !important;
}


input[type=submit] {
        width: 100%;
        border-radius: 4px;
	outline: none;
	border:0; 
	color: #ffffff;
	transition: 0.2s;
	padding-top: 5px;
	padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
        background-color: #00867c;
}

input[type=submit]:hover {
	color: #00867c;
	background-color: #e6f2f1;
	transition: 0.2s;
}

input[type=submit]:active {
	color: #e4f3ff;
	background-color: #a3cced;
	transition: 0.2s;
}   

input[type=submit]:disabled {
	color: #999999;
	background-color: #efefef;
	transition: 0.2s;
}



input[type=button] {
        font-family: 'FontAwesome', 'Arial';
        width: 100%;
        border-radius: 4px;
	outline: none;
	border:0; 
	color: #ffffff;
	transition: 0.2s;
	padding-top: 5px;
	padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
        background-color: #00867c;
}

input[type=button]:hover {
	color: #00867c;
	background-color: #e6f2f1;
	transition: 0.2s;
}

input[type=button]:active {
	color: #e4f3ff;
	background-color: #a3cced;
	transition: 0.2s;
}   

input[type=button]:disabled {
	color: #999999;
	background-color: #efefef;
	transition: 0.2s;
}


.menubutton {
    border-radius: 4px;
    outline: none;
    border:0; 
    color: #ffffff;
    transition: 0.2s;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #00867c;
    text-align: center;
    transition: 0.2s;
}
.menubutton:hover {
	color: #00867c;
	background-color: #e6f2f1;
	cursor: pointer;
}
.menubutton:active {
	color: #e4f3ff;
	background-color: rgba(150,207,203,1);
}  

.feChoosenEntryButton {
    transition: 0.2s;
}
.feChoosenEntryButton:hover {
    background-color: rgba(230,230,230,1);
    color: rgba(100,100,100,1);;
    box-shadow: 0 0 0 0.1rem rgba(210,210,210,1) !important;
    text-shadow: 1px 1px 2px rgba(200,200,200,1);
}

.feChoosenEntryField {
    font-size: 20px;
}
label {
    font-size: 10px;
    color: rgba(150,150,150,1);
}

.headerDsvLogo {
    max-width: 100px;
    padding-top: 5px;
    padding-bottom: 5px;
    transition: 0.2s;
}

.applicationHeadline {
    position: relative;
    top: 15px;
    padding-bottom: 15px;
    transition: 0.2s;
}

.subApplicationHeadline {
    font-size: 16px;
    color: rgba(90,90,90,1);
    text-shadow: 1px 1px 2px rgba(200,200,200,1);
}

.dsvFooter {
    background-color: rgba(0,134,124,1);
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 10px;
    color: #dddddd;
}

.footerLink {
    transition: 0.2s;
}
.footerLink:hover {
    color: #ffffff;
}

.headline {
    font-size: 24px;
}

.green {
    color: rgba(0,134,124,1);
}

.red {
    color: rgba(134,50,50,1);
}

.yellow {
    color: rgba(200,200,0,1);
}

.orange {
    color: #b28722;
}

.gray {
    color: rgba(150,150,150,1);
}

.darkGray {
    color: rgba(100,100,100,1);
}

.lightGray {
    color: rgba(230,230,230,1);
}

.small {
    font-size: 10px;
}

.bold {
    font-weight: bold;
}

.pointer {
    cursor: pointer;
}

.grayOnHover {
    transition: 0.2s;
}
.grayOnHover:hover {
    background-color: rgba(250,250,250,1);
}

.whiteOnHover {
    transition: 0.2s;
}
.whiteOnHover:hover {
    background-color: rgba(255,255,255,1);
}

.darkerGrayOnHover {
    transition: 0.2s;
}
.darkerGrayOnHover:hover {
    background-color: rgba(240,240,240,1);
}

.whiteOnHoverWithBorder {
    transition: 0.2s;
    border: 1px solid rgba(0,134,124,0);
}
.whiteOnHoverWithBorder:hover {
    background-color: rgba(255,255,255,1);
    border: 1px solid rgba(0,134,124,1);
    border-radius: 4px;
}


.mainMenuMob {
    display: none;
    opacity: 0.6;
    transition: 0.2s;
    background-color: rgba(240,240,240,1);
    border-radius: 10px;
}
.mainMenuMob:hover {
    opacity: 1;
    
}

.mainMenuMobiBars {
    color: rgba(100,100,100,1);
    transition: 0.2s;
}
.mainMenuMobiBars:hover {
    color: rgba(0,134,124,1);
}

.mainMenuMobMeinText {
    position: relative; 
    top: 4px;
    color: rgba(100,100,100,1);
    transition: 0.2s;
}
.mainMenuMobMeinText:hover {
    color: rgba(0,134,124,1);
}

.mainMenuMobiBackground {
    background-color: rgba(240,240,240,1);
    opacity: 0.6;
    transition: 0.2s;
}
.mainMenuMobiBackground:hover {
    opacity: 1;
}

.mainMenuMobiEntries {
    display:none;
}

.mainMenuDeskBackground {
    background-color: rgba(255,255,255,1);
    opacity: 0.6;
    transition: 0.2s;
}
.mainMenuDeskBackground:hover {
    background-color: rgba(250,250,250,1);
    opacity: 1;
}

.greenOnHover { 
    transition: 0.2s;
}
.greenOnHover:hover {
    color: rgba(0,134,124,1);
}

.blackOnHover { 
    transition: 0.2s;
}
.blackOnHover:hover {
    color: rgba(0,0,0,1);
}

.dsvRadius {
    border-radius: 4px;
}

.welcomeMSG {
    font-size: 30px;
    color: rgba(240,240,240,1);
    text-align: center;
}

.calcPrefsIndexLineText {
    color: #ffffff;
    font-size: 10px;
}

.lightGrayBackgroundButton {
    background-color: rgba(210,210,210,1) !important;
    transition: 0.2s;
}
.lightGrayBackgroundButton:hover {
    background-color: rgba(200,200,200,1) !important;
}

.grayBackgroundButton {
    background-color: rgba(150,150,150,1) !important;
    transition: 0.2s;
}
.grayBackgroundButton:hover {
    background-color: rgba(200,200,200,1) !important;
}

.redBackgroundButton {
    background-color: rgba(150,50,50,1) !important;
    transition: 0.2s;
}
.redBackgroundButton:hover {
    background-color: rgba(200,50,50,1) !important;
    color: rgba(240,240,240,1) !important;
}

.backGrayOnHover{
    transition: 0.2s;
}
.backGrayOnHover:hover{
    background-color: rgba(250,250,250,1);
}

.shaddowOnHover{
    transition: 0.2s;
}
.shaddowOnHover:hover {
    text-shadow: 1px 1px 2px rgba(200,200,200,1);
}

.yellowBorderField {
    border: 1px solid rgba(200,200,0,1);
}

.redBorderField {
    border: 1px solid rgba(200,0,0,1);
}

.calcPrefsPercentList {
    font-size: 24px;
}

.menuButtonText {
    font-size: 14px;
}

.sticky {
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
}

.progressBar {
    height: 20px;
    background-color: rgba(0,134,124,1);
    font-size: 10px;
    color: rgba(200,200,200,1);
    transition: 0.2s;
}

.progressBarRed {
    height: 20px;
    background-color: rgba(200,50,50,1);
    font-size: 10px;
    color: rgba(200,200,200,1);
    transition: 0.2s;
}

.progressBar100 {
    height: 20px;
    background-color: rgba(0,134,124,1);
    font-size: 10px;
    color: rgba(250,250,0,1);
    transition: 0.2s;

}

.introText {
    font-size: 15px;
}

.addSpeciesOpener {
    font-size: 30px;
    text-shadow: 1px 1px 2px rgba(240,240,240,1);
    transition: 0.2s;
}

.addSpeciesOpener:hover {
    text-shadow: 1px 1px 2px rgba(200,200,200,1);
}

.yourChoose {
    font-size: 20px;
    text-shadow: 1px 1px 2px rgba(240,240,240,1);
    transition: 0.2s;
}

.speciesName{
    font-size: 25px;
    text-shadow: 1px 1px 2px rgba(240,240,240,1);
    transition: 0.2s;
}
.speciesName:hover{
    text-shadow: 1px 1px 2px rgba(200,200,200,1);
}
.speciesAdderEntry {
    background-color: rgba(240,240,240,1);
}
.speciesAdderInputField {
    font-size: 25px;
}

.areaChooser {
    font-size: 30px;
    text-shadow: 1px 1px 2px rgba(240,240,240,1);
    transition: 0.2s;
    text-align: left;
}
.areaChooser:hover {
    text-shadow: 1px 1px 2px rgba(200,200,200,1);
}

.areaChooserItemText {
    font-size: 20px;
}

.areaChooserItemMarker {
     font-size: 40px;
}

.areaChooserTileGray {
    background-color: rgba(250,250,250,1);
}

.showResultButton {
   
    font-size: 26px;
    cursor: pointer;
    color: rgba(100,100,100,1);
    transition: 0.4s;
}
.showResultButton:hover {
    text-shadow: 1px 1px 2px rgba(200,200,200,1);
    font-size: 28px;

}

.foragePrice {
    font-size: 16px;
    transition: 0.4s;
}

.yieldDifferenceHeadline {
    font-size: 20px;
}
.yieldDifferenceNumber {
    font-size: 26px;
}

.yourYieldPotencialHeadline {
    font-size: 23px;
}
.yourYieldPotencialText {
    font-size: 28px;
}

.shortLivingNotePhone {
    font-size: 30px;
    transition: 0.2s;
    color: rgba(0,134,124,1);
}
.shortLivingNotePhone:hover {
    color: rgba(0,134,124,1);
}
   
.getAdviceText {
    font-size: 20px;
}

.cFormField {
    font-size: 20px;
}

.analyticsRequestValue {
    font-size: 20px;
}

.grayListEntry {
    background-color: rgba(240,240,240,1);
}

.analyticsAreaReguestAreaList {
    font-size: 15px;
}

@media screen and (max-width: 767px) {
    .mainMenuDesk {
        display: none;
    }
    .mainMenuMob {
        display: block;
    }
}


@media screen and (max-width: 380px) {
    .applicationHeadline {
        font-size: 20px;
        padding-top:5px;
    }
}
@media screen and (max-width: 360px) {
    .headerDsvLogo {
        display: none;
    }
}