/*tag elements*/

form {
    padding: 20px 0 0 0;
}

/*buttons*/
a.btn {
    color: rgb(255, 255, 255);
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px !important;
    max-width: 300px;
}

.btn-primary {
    background: rgb(77, 86, 102);
    color: rgb(255, 255, 255);
    border-color: #4d5666;
}

/*btn elements*/
.btn-primary:hover {
    color: #fff;
    background-color: rgb(122, 120, 118);
    border-color: rgb(122, 120, 118);
}

.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

main .btn-primary {
    margin: 0 15px;
}

.btn-primary:focus, .btn-primary:hover {
    background-color: rgb(97, 117, 139);
    color: rgb(255, 255, 255);
    filter: brightness(87%);
}

.login form .btn-primary {
    margin-left: 0;
}

.btn-secondary {
    background: rgb(77, 86, 102);
    color: rgb(255, 255, 255);
    border-color: rgb(77, 86, 102);
}

.btn-secondary:focus, .btn-secondary:hover {
    background-color: rgb(97, 117, 139);
    color: rgb(255, 255, 255);
    filter: brightness(87%);
}

/*form-control*/
input.form-control {
    border-radius: 0;
}

.note-block .form-group .courseMinMsg {
    font-size:0.8em;
    padding-bottom:10px;
    margin-top:-5px;
}


/*msgBox Timeout*/
.modal-body {
    padding: 2rem;
}

/*pagination*/
.pagination .page-link {
    color: rgb(97, 117, 139);
}

/*charts*/
#content .chart-con{
    max-width: 800px;
    margin-bottom: 20px;
}

#content .chartstyle {
    width: 800px !important;
    height: 400px !important;
    margin-top: 10px;
}

/*fach table*/
#content .fachtable {
    width: 50%;
    padding-top: 10px;
}
#content .fachtable td:nth-child(1) {
    width: 70%;
}
#content .fachtable td:nth-child(2) {
    width: 30%;
}

#content .fachtable tr {
    border-left-width: 1px !important;
    border-left-color: rgb(128, 128, 128);
}

/*fach select*/
#content .fach-form-select {
    width: 50% !important;
}

#content .note-block {
    padding:0;
    margin: 15px 0;
}

/*exportBn*/
#content .btn-export-con{
    display: flex;
    margin: 20px 0 10px;
    justify-content:space-around;
    max-width: 800px;
}

#content .btn-export {
    background-color: rgb(77, 86, 102);
    border: none;
    border-radius: 25px;
    color: white;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 10px;
    cursor: pointer;
}

/*dropdowns Abstand*/
#content .my-5{
    margin-top: 0rem !important;
    margin-bottom: 1.5rem !important;
}


#content ul#myTab {
    margin: 0 0 10px 10px;
    list-style: none;
}

/*hidden elements before choose dropdow*/
.hidden {
    display: none;
}

.btn-close {
    --bs-btn-close-bg: url('/assets/icons/close-icon.svg');
}