/*.AboutTheDatabaseIn{*/
.generalform{
    background-color: white;
    position: fixed;
    width: calc((100vw / 4)*3 - 75px);
    left: 0px;
    top: 75px;
    margin: 15px 15px;
    height: calc(100% - 178px);
    /* border-top: 1px solid grey; */
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    box-shadow: 2px 2px 6px 2px #808080;
    -webkit-box-shadow: 2px 2px 6px 2px #808080;
    -moz-box-shadow: 2px 2px 6px 2px #808080;
    padding: 5px;
    font-size: small;
    /*overflow-y: auto;*/
}


.title{
    padding-top: 30px;
    margin-bottom: 20px;
}

.paragraph{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
    font-size: small;
}

#image {
    margin: 10px;
    margin-bottom: 15px;
    width: 40px;
}



        /*<div class="searchtipstable">
            <div class="header">
                <div class="col-sm-2">FILTER</div>
                <div class="col-sm-10">HOW TO USE IT</div>
            </div>
            <div class="body">
                @foreach (var item in searchtips)
                {
                    <div class="col-sm-2">@item.Filter</div>
                    <div class="col-sm-10">@item.Howto</div>
                }
            </div>
        </div>*/



.searchtipstable{
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        margin-top: 20px;
}

    .searchtipstable .header {
        padding-bottom:30px;
    }

    .searchtipstable .body .row{
        padding: 8px;
        line-height: 1.428571429;
        vertical-align: top;
        border-top: 1px solid #dddddd;
    }

    .filter{
        color:#ABABAB;
    }

.content{
    height: calc(100% - 150px);
    overflow-y: auto;
}

#technicalnotes-content{
    height:100%!important;
}

.content-left{
    height:calc(100%-150px);
}

.TechnicalNotesIn {
    overflow-y:hidden;
}

.content-left, .content-right{
        max-height: calc(100% - 150px);
        overflow-y: auto;
}

.explanation-name {
    margin-top: 30px;
    margin-bottom: 15px;
}

.form {
    border: grey;
    border-style: dashed;
    border-width: 1px;
}

.form-item, .form-itemdescription{
    padding-left: 1px;
        
}

.form-item{
    font-weight:bold;       
}

.Name{
    cursor:pointer;
}

@media (max-width: 992px) {
    .generalform {
        width: calc(100vw - 30px);
        height: calc( 100vh - 110px);
    }
}