.bg-water
{
    background-color: #c2ecfa !important;
}

.bg-darkblue{
    background-color: darkblue;
    color:lightyellow;
}


.font-color-db{
    color: darkblue;
    
}

.footer-abs{
    position: absolute;
    bottom:0;
    width:100%;
   
}

.footer-small {
    font-size: 0.66em;
}

.main-abs{
    position:relative;
    min-height:100%;
    margin: 0 auto;

}

.main-back {
    background: url(../IMAGES/logo_back3.svg) no-repeat center fixed;
    background-size:contain ;
}

.header-back{
    background: url(../IMAGES/bg_2.jpg) no-repeat right center #041a49; 
    position: relative;
}
.navbar-nav {
    font-size: 1.25rem;
}

.register form {
    max-width: 40rem;
}

.register .field {
    margin-bottom: 1rem;
}

.register label {
    display: block;
}

.register input {
    display: block;
    padding: .5rem;
    width: 100%;
    box-sizing: border-box;
}

.register button {
    padding: .5rem;
}

.register form.submission-attempted input:invalid {
    border: 1px solid #b00;
}
.navbar-username {
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.0rem;
    text-decoration: none;
    white-space: nowrap;
    align-items: center;
}

.dropdown-divider {
    color: lightyellow;
}
.img_right, .img_right_db {
    width:315px;
    height: 315px;
    margin-bottom: 0 ;
    margin-left: 0 ;
    margin-right: 0 ;
    overflow: hidden;
    border: 1  solid #000000;
    float: right;
    position: relative !important;
}

h3, .h3, b, .b {
    text-align: center;
}

.img-fit {
    object-fit: contain;
}

/*TissuePlates*/
th, .th {
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0.1em;
}

.TabTP {
    background-color: #fcf8e3;
    border:0.01em solid black;
}

.TabTPtd {
    border: 0.01em solid black;
    height: 6rem;
    background-color: aliceblue;
    width: 8rem;
    font-size: 0.7rem;
    vertical-align:text-top;
}

.TabTPColHead {
    width: 1.5rem;
}
.TabTPInput {
    width: 6rem;
    font-size: 0.7rem;
    padding: 0 0 0 0 !important;
    margin: 0 0 0 0 !important;
}

.TabTPInputC {
    width: 2rem;
    font-size: 0.7rem;
    padding: 0 0 0 0 !important;
    margin: 0 0 0 0 !important;
    text-align:center;
    vertical-align:baseline ;
}

/* Formulare */
mark, .mark {
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0.1em;
    background-color: #fcf8e3;
   
}

.input-group-text-sm {
    display: flex;
    align-items: start;
    padding: 0.375rem 0.75rem;
    font-size: 0.85rem;
    font-weight: 400;
    line-height: 1.5;
    color: black;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

textarea {
    display: block;
    width: 100%;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem !important;
    margin: 0 0 0 0 !important;
    font-size: 0.85rem;
    font-weight: 400;
    line-height: 1.5;
    color: black;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

textarea[readonly] {
    background-color: aliceblue !important;
    color: black;
    opacity: 1;
}

.form-control-sbd {
    display: block;
    width: 100%;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-size: 0.85rem;
    font-weight: 400;
    line-height: 1.5;
    color: black;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control-sbd:disabled, .form-control[readonly] {
    background-color: aliceblue;
    color: black;
    opacity: 1;
}

.uneditable-input {
    background-color: aliceblue;
    color: black;
    opacity: 1;
}


.myAltRowClass {
    background:aquamarine;
    background-image: none;

}


.linkbutton {
    box-shadow: 2px 2px 1px #808080;
    border-radius: 2px;
    font-size: 0.85rem;
    font-weight: 400;
}

/*Bildansicht  */ 
img[onClick] {
    cursor: pointer;
}

#preview {
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
    top: 10;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}

    #preview #imgPrev {
        display: block;
        margin: 0 auto;
    }

    #preview #preview_inner {
        width: 100%;
        height: 95%;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #e9ecef;
    }

    #preview a.close {
        cursor: pointer;
        float: right;
        margin: 0;
        width: 70px;
        height: 70px;
        text-align: right;
        box-sizing: border-box;
        padding: 15px 20px;
        background-color: #AB5D4B;
        color: #fff;
        border-radius: 0 0 0 100%;
        font-family: Arial;
        font-size: 18px;
    }

        #preview a.close:hover {
            background-color: #C6442A;
        }


figure {
    padding: 0px;
    float: left;
    border: 0px solid #cccccc;
    border-radius: 5px;
}

    figure img {
        border-radius: 3px 3px 0 0;
    }

    figure figcaption {
        padding: 2px 4px 2px 4px;
        background-color: #e9ecef;
        color: #000;
        font-style: italic;
        border-radius: 0 0 3px 3px;
    }


.ellipsis1 {
    display: block; /* or inline-block */
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}



#uploadFiles {
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e9ecef;
}

    #uploadFiles #imgPrev {
        display: block;
        margin: 0 auto;
    }

    #uploadFiles #uploadInner {
        width: 100%;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #e9ecef;
    }

    #uploadFiles a.close {
        cursor: pointer;
        float: right;
        margin: 0;
        width: 70px;
        height: 70px;
        text-align: right;
        box-sizing: border-box;
        padding: 15px 20px;
        background-color: #AB5D4B;
        color: #fff;
        border-radius: 0 0 0 100%;
        font-family: Arial;
        font-size: 18px;
    }

        #uploadFiles a.close:hover {
            background-color: #C6442A;
        }


#MapBig {
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e9ecef;
}

    #MapBig #imgPrev {
        display: block;
        margin: 0 auto;
    }

    #MapBig #MapInner {
        width: 100%;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #e9ecef;
    }

    #MapBig a.close {
        cursor: pointer;
        float: right;
        margin: 0;
        width: 70px;
        height: 70px;
        text-align: right;
        box-sizing: border-box;
        padding: 15px 20px;
        background-color: #AB5D4B;
        color: #fff;
        border-radius: 0 0 0 100%;
        font-family: Arial;
        font-size: 18px;
    }

        #MapBig a.close:hover {
            background-color: #C6442A;
        }



#HistoryID {
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e9ecef;
}

    #HistoryID #imgPrev {
        display: block;
        margin: 0 auto;
    }

    #HistoryID #HistoryInner {
        width: 100%;
        height: 90%;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #e9ecef;
        overflow-y: scroll;
    }

    #HistoryID a.close {
        cursor: pointer;
        float: right;
        margin: 0;
        width: 70px;
        height: 70px;
        text-align: right;
        box-sizing: border-box;
        padding: 15px 20px;
        background-color: #AB5D4B;
        color: #fff;
        border-radius: 0 0 0 100%;
        font-family: Arial;
        font-size: 18px;
    }

        #HistoryID a.close:hover {
            background-color: #C6442A;
        }

#uploadDocuments {
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e9ecef;
}

    #uploadDocuments #imgPrev {
        display: block;
        margin: 0 auto;
    }

    #uploadDocuments #uploadDocumentsInner {
        width: 100%;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #e9ecef;
    }

    #uploadDocuments a.close {
        cursor: pointer;
        float: right;
        margin: 0;
        width: 70px;
        height: 70px;
        text-align: right;
        box-sizing: border-box;
        padding: 15px 20px;
        background-color: #AB5D4B;
        color: #fff;
        border-radius: 0 0 0 100%;
        font-family: Arial;
        font-size: 18px;
    }

        #uploadDocuments a.close:hover {
            background-color: #C6442A;
        }

#EditPreservation {
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e9ecef;
}

    #EditPreservation #imgPrev {
        display: block;
        margin: 0 auto;
    }

    #EditPreservation #PreservationInner {
        width: 100%;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #e9ecef;
    }

    #EditPreservation a.close {
        cursor: pointer;
        float: right;
        margin: 0;
        width: 70px;
        height: 70px;
        text-align: right;
        box-sizing: border-box;
        padding: 15px 20px;
        background-color: #AB5D4B;
        color: #fff;
        border-radius: 0 0 0 100%;
        font-family: Arial;
        font-size: 18px;
    }

        #EditPreservation a.close:hover {
            background-color: #C6442A;
        }

#NewBoxPopUp {
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e9ecef;
}

    #NewBoxPopUp #imgPrev {
        display: block;
        margin: 0 auto;
    }

    #NewBoxPopUp #NewBoxIDInner {
        width: 100%;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #e9ecef;
    }

    #NewBoxPopUp a.close {
        cursor: pointer;
        float: right;
        margin: 0;
        width: 70px;
        height: 70px;
        text-align: right;
        box-sizing: border-box;
        padding: 15px 20px;
        background-color: #AB5D4B;
        color: #fff;
        border-radius: 0 0 0 100%;
        font-family: Arial;
        font-size: 18px;
    }

#NewBoxPopUp a.close:hover {
    background-color: #C6442A;
}


#EditSequence {
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e9ecef;
}

    #EditSequence #imgPrev {
        display: block;
        margin: 0 auto;
    }

    #EditSequence #SequenceInner {
        width: 100%;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #e9ecef;
    }

    #EditSequence a.close {
        cursor: pointer;
        float: right;
        margin: 0;
        width: 70px;
        height: 70px;
        text-align: right;
        box-sizing: border-box;
        padding: 15px 20px;
        background-color: #AB5D4B;
        color: #fff;
        border-radius: 0 0 0 100%;
        font-family: Arial;
        font-size: 18px;
    }

        #EditSequence a.close:hover {
            background-color: #C6442A;
        }


#EditExtractionIndividually {
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e9ecef;
}

#EditExtractionIndividually #imgPrev {
    display: block;
    margin: 0 auto;
}

    #EditExtractionIndividually #EditExtractionIndividuallyInner {
        width: 100%;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #e9ecef;
    }

    #EditExtractionIndividually a.close {
        cursor: pointer;
        float: right;
        margin: 0;
        width: 70px;
        height: 70px;
        text-align: right;
        box-sizing: border-box;
        padding: 15px 20px;
        background-color: #AB5D4B;
        color: #fff;
        border-radius: 0 0 0 100%;
        font-family: Arial;
        font-size: 18px;
    }

        #EditExtractionIndividually a.close:hover {
            background-color: #C6442A;
        }

#importCSV {
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e9ecef;
}

    #importCSV #imgPrev {
        display: block;
        margin: 0 auto;
    }

    #importCSV #importCSVInner {
        width: 100%;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #e9ecef;
    }

    #importCSV a.close {
        cursor: pointer;
        float: right;
        margin: 0;
        width: 70px;
        height: 70px;
        text-align: right;
        box-sizing: border-box;
        padding: 15px 20px;
        background-color: #AB5D4B;
        color: #fff;
        border-radius: 0 0 0 100%;
        font-family: Arial;
        font-size: 18px;
    }

        #importCSV a.close:hover {
            background-color: #C6442A;
        }


/*
.ui-jqgrid tr.jqgrow td {
    max-height: 3em !important;
    white-space: pre-wrap !important;
    max-inline-size:fit-content !important  ;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
    */
/*Formatierung von Textareas im jqGrid für Höhenbegrenzung der Zeilen beo langen Texten*/
.DIVTEXTAREA {
    max-height: 4em;
    white-space:pre-wrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    
}

/*Select Box mit multiple Selec : SumoSelect */
.mtSumoSelect
#mtsumo_Locus #mtSumoSelect {
    width: 100%;
    color:red;
}

.form-control::-moz-placeholder {
    color: #cccccc;
    opacity: 1;
    font-style: italic;
    font-size: medium;
}

.form-control::placeholder {
    color: #cccccc;
    opacity: 1;
    font-style: italic;
    font-size: medium;
}

::placeholder {
    color:  #cccccc;
    opacity: 1;
    font-style: italic;
    font-size: medium;
}