/* navigation */

*:after, *:before{
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
}

.selectBoxContainer{
    position: relative;
}

.selectBoxContainer:not(.multiple):before{
    content: "\f107";
    position: absolute;
    right: 10px;
    line-height: 40px;
    pointer-events: none;
}

.navbar{
    height: 55px;
    position: fixed;
    width: 100%;
    z-index: 999;
}

.navbar li a{
    padding-right: .5rem;
    padding-left: .5rem;
}

.nav-login a:not(:first-child){
    margin-left: 15px;
}

body{
    min-height: 100%;
    font-size: 14px;
    line-height: 16px;
}

h1,
h2,
h3,
h4,
.message-error,
.message-success{
    margin-bottom: 20px;
}

a:hover{
    text-decoration: none;
}

.btn,
.btn-group-lg > .btn{
    transition: none;
    border-radius: 0;
}

.container-fluid{
    padding: 80px 20px 0 20px;
}

textarea.form-field{
    height: 200px;
    resize: none;
}

.grid-actions {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.grid-actions > *{
    display: inline-block;
    vertical-align: top;
}

.grid-default{
    width: 100%;
}

.grid-default-readonly .grid-head-cell a{
    text-align: left;
    padding-left: 10px;
}

.grid-head-filter,
.form-field:not(.multiselect) {
    padding: 0 10px;
}

.grid-head-filter{
    height: 30px;
}

.grid-head-row,
.form-field:not(.multiselect):not(textarea),
.message-error,
.message-success{
    height: 40px;
}

.grid-content-row{
    height: 50px;
}

.grid-head-sort,
.grid-head-sort-disabled{
    text-align: center;
    font-weight: normal;
    display: block;
    width: 100%;
}

.grid-head-sort-disabled{
    cursor: default;
}

.grid-head-filter{
    width: 100%;
}

.grid-head-cell{
    padding: 0 10px;
}

.grid-head-cell .grid-range-filter{
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr;
}

.grid-head-cell input,
.grid-head-cell select{
    min-width: 150px;
}

.grid-content-cell{
    padding: 0 0 0 20px;
}

.grid-content-cell > a.btn{
    min-width: 40px;
    height: 40px;
    padding: 0;
    line-height: 35px;
}

.grid-content-cell > a.btn.btn-grid-lg{
    padding: 0 10px;
}

.grid-head-sort:after{
    content: '';
    float: right;
}

.grid-head-sort.sort-up:after{
    content: '\f0de';
}

.grid-head-sort.sort-down:after{
    content: '\f0dd';
}

.grid-default .selectBoxContainer:before{
    line-height: 30px;
}

.grid-export .selectBoxContainer select,
.grid-limit .selectBoxContainer select{
    height: 45px;
    padding: 0 20px 0 10px;
}

.grid-export .selectBoxContainer:before,
.grid-limit .selectBoxContainer:before{
    line-height: 45px;
}

.grid-action-cell{
    width: 50px;
    padding-left: 5px;
}

.grid-pager-first,
.grid-pager-last,
.grid-pager-prev,
.grid-pager-next,
.grid-pager-current{
    width: 50px;
}

.grid-export-button{
    margin-left: 5px !important;
    margin-right: 25px;
}

.grid-content-cell:not(.grid-action-cell){
    /*min-width: 200px;*/
}

.dropdown-item{
    background: none;
    font-size: 14px;
}

.dropdown-item,
.dropdown-menu{
    border: none;
}

.form-field{
    display: block;
    width: 100%;
}

.message-error span,
.message-success span{
    line-height: 40px;
    padding-left: 10px;
}

.ajaxload {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 12, 12, 12, .6 );
}

.ajaxload span{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 5rem;
}

body.loading .ajaxload {
    overflow: hidden;
    display: block;
}

textarea.form-field{
    padding: 10px;
}

.access-box{
    width: 40px;
    height: 40px;
    float:left;
    margin-right: 15px;
    border: none;
}

.access-box:before{
    content: '\f023';
    display: block;
    text-align: center;
    line-height: 40px;
    width: 40px;
}

.access-box:checked:before{
    content: '\f3c1';
}

.access-table label{
    line-height: 40px;
    margin-bottom: 0;
}

.access-table input{
    margin-bottom: 15px;
}

.btn-group-lg{
    margin-bottom: 20px;
}

.btn-group-lg > .btn{
    height: 45px;
    margin-left: 10px;
    font-size: 16px;
    line-height: 40px;
    padding: 0 15px;
}

.btn-group-lg > .btn.first-btn-group-btn{
    margin-left: 0;
}

.btn-group-lg.grid-pager a{
    width: 45px;
}

form .btn-group-lg,
.form-readonly .btn-group-lg{
    width: 100%;
    text-align: end;
}

.tinymce{
    height: 600px !important;
}

.ui-corner-all{
    border-radius: 0 !important;
}

.ui-dialog-titlebar-close:before{
    content: "\f00d";
    position: relative;
    top: -4px;
}

.jumbotron{
    border-radius: 0;
}

.mt-100px{
    margin-top: 100px;
}

#grid-table-block > div {
    vertical-align: top;
    display: inline-block;
    width: 49%;
}
#grid-table-block > div:first-child {
    margin-right: 1.7%;
}
.sortable-grid-container .grid-content-row{
    cursor: move;
}

.sortable-grid-container .grid-content-row td:first-child{
    position: relative;
}

.sortable-grid-container .grid-content-row td:first-child:before{
    content: '.. .. .. ..';
    display: inline-block;
    width: 10px;
    line-height: 0.3;
    margin-right: 10px;
    position: absolute;
    top: 12px;
    left: 7px;
}

.ui-widget {
    font-size: initial;
}

.logo-navigation{
    height: 35px;
    border-right-width: 1px;
    border-right-style: solid;
    padding-right: 10px;
    margin-right: 10px;
}

.logo-mainPage{
    display: block;
    width: 50%;
    margin: 20px auto;
}

.sortable-grid-container #grid-choice .grid-head-action,
.sortable-grid-container #grid-choice .grid-action-cell,
.sortable-grid-container #grid-selected .grid-action-cell ~ td,
.sortable-grid-container #grid-choice[data-gridname="NotenAuswahl"] .grid-head-cell:nth-child(5),
.sortable-grid-container #grid-choice[data-gridname="NotenAuswahl"] .grid-content-cell:nth-child(5) {
    display: none;
}

.grid-dummy-tr{
    pointer-events: none;
}

.grid-dummy-td{
    height: 100px;
}