body {
    /* padding-top: 50px; */
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
}

.material-icons .small {
    font-size: 16px;
}




/* Eigene Ergänzungn */
.max-width-100 {
    max-width: 100% !important;
}

.max-width-sm {
    max-width: 150px !important;
}



/* Anpassungen für sehr breite Schirme -> bei Listen ausnutzen, bei Formularen nicht (schaut sonst komisch aus) */
@media all and (min-width:1600px) {
    .container {
        max-width: 1570px;
    }
}

@media all and (min-width:1800px) {
    .container {
        max-width: 1770px;
    }
}

@media all and (min-width:1600px) {
    .container-form {
        max-width: 1170px;
    }
}

@media all and (min-width:1800px) {
    .container-form {
        max-width: 1170px;
    }
}





.date-with-picker {
    background: url(Images/calendar.png) no-repeat right center;
    background-position-x: 95%;
}

.btn-min-width {
    min-width: 150px;
}

.btn-icon {
    padding: 0;
}




.modal-backdrop {
    background-color: rgba(100, 100, 100, 0.7);
    /*width: 100vw;
	height: 100vh;*/
}

/* https://stackoverflow.com/questions/18422223/bootstrap-3-modal-vertical-position-center  #22 */
.modal-dialog {
    margin-top: 0;
    margin-bottom: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.modal.fade .modal-dialog {
    transform: translate(0, -100%);
}

.modal.in .modal-dialog {
    transform: translate(0, 0);
}





.hiddenDefaultButton {
    visibility: hidden;
}






/* für Kurs-Ausdruck */

.container-print {
}

    .container-print h2 {
        font-size: 18pt;
        font-weight: bold;
        margin-top: 0pt;
        border-bottom: solid 1pt black;
    }

    .container-print h3 {
        font-size: 14pt;
        margin-bottom: 0;
        margin-top: 4pt;
    }

        .container-print h3:last-child {
            margin-top: 0pt;
        }

.print-cols {
    column-count: 4;
    column-gap: 30pt;
}

.print-listitem {
}

.print-descr-header {
    font-weight: bold;
    font-size: 8pt;
    margin-top: 2pt;
}

.print-descr {
    font-size: 7pt;
}

@media print {
    @page {
        size: landscape
    }
}





/* Cropit Image Upload */
.cropit-preview {
    background-color: #f8f8f8;
    background-size: cover;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-top: 7px;
    width: 250px;
    height: 250px;
}

.cropit-preview-image-container {
    cursor: move;
}

.image-size-label {
    margin-top: 10px;
}