/* Set color of navbar background */
.navbar-default {
    background-color: dodgerblue !important;
}
.nav-link {
    color: white !important;
}
.active {
    border-bottom: 2px solid black;
}   
a:hover {
    background-color:darkblue;
}  

/* Set form labels to bold */
.form-group label {
    font-weight:bold;
}

/* For heqder line above the navbar */    
.h3-header {
    color: yellow;
    background-color: dodgerblue;
    text-align: center
} 

/* For red text */
.color-neu {
    color: red;
}

#topBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: rgb(53, 30, 255); /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 30px; /* Increase font size */
}

#topBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}

/* Default font size */
html {
    font-size: 13px;
}

/* Set background of input fields to light yellow */
input[type="text"],
textarea {
    background-color: #fffcc7;
}

input[type="tel"],
textarea {
    background-color: #fffcc7;
}

input[type="date"],
textarea {
    background-color: #fffcc7;
}

input[type="password"],
textarea {
    background-color: #fffcc7;
}

select option {
    margin: 40px;
    background: #fffcc7;
}

select {
    background: #fffcc7;
}

/* Dropdown select box  */
.select-box {
  width: 180px;
  height: 30px;
  color: black;
  background-color: #fffcc7;
  border-radius: 5px;
  /* box-shadow: 4px 4px #ccc; */
  /* border: 1px solid #999; */
  /* font-size: 18px; */
}


/* Define class for bolding text in a span */
.strong {
    font-weight: bold;
}

/* Color for error messages */
.error_msg {
    color: red;
}

/* For not showing when printing or only then printing (not on screen) */
@media print {
    .noPrint {
        display:none;
    }

    table-striped > tbody > tr:nth-child(odd) > td {
        background-color: yellow;
        color: red;
    }


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