/** Allgemein **/
#qrArcheLogo {
    min-height: 100px;
}

.item {
    width: 100%
}

.itemAlignEnd {
    width: 100%;
    text-align: end;
}
  
.container {
    display: flex;
    flex-wrap: wrap;
}
  
.container > div {
    flex: 50%;
}

a {
    color: #97c127;
}

nav {
    background-color: #ffffff !important;
}

body {
    background-color: #ffffff !important;
}

footer {
    background-color: #545454 !important;
}

.standardB {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-color: #000000 !important;
}

.deleteB {
    color: #cc0f35 !important;
    border-color: #cc0f35 !important;
}

.modalCloseB {
    background-color:#000000;
}


.modalBFooter {
    width: 50%;
}

.footerLink {
    color: #ffffff;
    margin-top: 20px;
}

.footer:hover{
    color: #545454;
}

.footerText{
    color: #ffffff;
}

.navbarQRLogo {
    min-height: 100px;
}

.navbarItem{
    color: #000000 !important; 
}

.navbar-menu {
    margin-left: -75%;
}

.currentNavPage {
    font-weight: bold;
    cursor: default !important;
}


.navbar.is-primary {
    color: #97c127;
    background-color: #ffffff !important;
}

.navbar-item:hover{
    background: none !important;
    color: #97c127 !important;
}

.containerWBorder {
    border-color: #000000;
}

.mainMenuTopLeft {
    height: 100%;
    width: 97.5%;
}

.mainMenuTopRight {
    height: 100%;
    width: 97.5;
    margin-left: 2.5%;
}

.standardLink {
    color: #97c127 !important;
    text-decoration: none !important;
}

.standardLink:hover {
    color: #000000 !important;
    text-decoration: underline !important;
}


.footerModal {
    background-color: #ffffff !important;
}

p.column.is-4.has-text-weight-bold{
    width: max-content;
}

/** End Allgemein **/

/** Login Style **/

#loginSection {
    width: 33%;
    margin-left: 33%;
    margin-top: 5%;
}

#postLogin {
    margin-left: 33%;
    width: 33%;
}

#qrLogoLogin {
    width: 33%;
    margin-left: 33%;
    margin-top: -5%;
}

#loginSectionWithoutLogo {
    margin-top: 10%;
}
/** End Login Style **/

/** signup Style **/
#registrationSection {
    width: 33%;
    margin-left: 33%;
    margin-top: 2.5%;
}

#qrLogoRegistration {
    width: 25%;
    margin-left: 37.5%;
    margin-top: -5%;
}

#agbText{
    margin-left: 10px;
}

#postRegister{
    margin-left: 33%;
    width: 33%;
    margin-top: 5%;
}

/** End signup Style **/

/** index Style **/



/** End index **/

/** **/

#profileIconImg {
    margin-left: 33%;
    font-size: 125px;
}

#btnBearbeiten {
    margin-left: 33%;
    width: 33%;
    margin-top: -18%;
}

#accountView {
    margin-top: 5%;
}

.profileInformation {
    margin-left: 33%;
}

#btnSaveProfileChanges {
    width: 33%;
    margin-left: 33%;
}

#btnAbortProfileModal {
    background-color: #000000;
}

/** End Profile **/

/** inventory Style **/

#btnCloseModal {
    background-color: #000000;
}

#btnCreateProject {
    width: 33%;
    margin-left: 33%;
}

.projectName {
    margin-top: -10px;
}

.projectView {
    margin-top: 5%;
}

.h3Projects {
    font-weight: bold;
    font-size: 16pt;
}
/** End inventory **/

/** Projectstructure Style **/

.cPanelHeading {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-color: #000000;
    border-style: solid;
}

.panel-block {
    font-weight: bold !important;
    border-bottom: 1px solid #000000 !important;
    border-top: 1px solid #000000 !important;
    margin-top: 10px;
}

.panel-block-first-item {
    margin-top : 5%;
}

.panel-block-last-item {
    border-radius: 0px !important;
}

#toolbox {
    background-color: #ffffff !important;
    box-shadow: none;
}

#create-table {
    background-color: #ffffff;
    border-color: #000000;
    border-style: solid;
    color: #97c127;
    width: 20%;
    margin-left: 50%;
    margin-top: 15px;
}

#abort {
    background-color: #ffffff;
    border-color: #000000;
    border-style: solid;
    color: #ff0000;
}

.contentViewCreation {
    border-style: solid;
    border-color: #000000;
    margin-left: 5px;
    padding: 10px;
}

.contentViewCreationViewDiv {
    display: flex;
}

.contentDescription {
    font-weight: bold;
    font-size: 12pt;
    height: 50px;
    width: 50%;
}

.contentValue {
    height: 70px !important;
    font-size: 12pt !important;
    font-weight: bold;
    border-bottom: 1px solid #000000;
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: #ffffff;
    box-shadow: none;
}

.fieldnameView {
    border-bottom: 1px solid #000000;
    padding-bottom: 15px;
}

.dataTypeView {
    border-bottom: 1px solid #000000;
    margin-top: 10px;
}

.buttonView {
    margin-top: 15px;
}

.projectCreationFieldSaveB {
    width: 25%;
    margin-left: 10%;
}

.projectCreationFieldDelB {
    width: 25%;
    margin-left: 25%;
}

/** End Projectstructure **/

.newEntryPanel {
    margin-top: 0px;
}

#new_row {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-top: 0px;
}

.panel-block:last-child {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

#projectName {
    font-size: 20px;
    font-weight: bold;
}

/** Projectview Style **/

.projectViewCanvas {
    border-style: solid;
    border-width: 1px;
}

.is-current {
    border-color: #000000 !important;
    background-color: #000000 !important;
}

#previous-page {
    display: none;
}

#next-page {
    display: none;
}

#btnCloseEditModal {
    background-color: #000000;
}

.modal-card-foot {
    background-color: #ffffff !important;
}

#btnSaveChanges {
    width: 33%;
    margin-left: 33%;
}

#btnCloseRowModal {
    background-color: #000000;
}

#btnCreateRow {
    width: 33%;
    margin-left: 33%;
}

.columnElement {
    border-style: solid;
    border-width: 1px;
    padding: 10px;
}

.column {
    overflow-wrap: everywhere;
    width: fit-content;
}

.dataTypeElement {
    margin-left: 10px;
    border-left: solid;
    border-left-width: 1px;
    border-left-color: #000000;
    padding-left: 5px;
    color: #545454;
}

.entry-active {
    background-color: #ffffff !important;
}

/** End Projectview **/

/** error 404 Style **/

.errorText {
    color: #000000;
}

/** End error 404 **/

/** error 500 Style **/

.errorText500 {
    color: #000000;
}

/** End error 500 **/

/** Datenschutz Impressum Style **/ 

.titlefix {
    width: 100%;
}

.title {
    margin-top: 20px;
}

/** End Datenschutz Impressum **/


.hideOverflow {
    overflow: hidden;
}


#acc-titles {
    list-style: none;
}

#acc-infos {
    list-style: none;
}

#index-acc-infos, #index-acc-titles{
    list-style: none;
}

#projectstructure-main-container {
    height: 550px;
    overflow: hidden;
}

#scrollhelper{
    overflow-y: scroll;
    height: 508px;
}

#toolbox {
    height: 510px;
}

#entries {
    height: 550px;
}

#scrollhelperEntries {
    overflow-y: scroll;
    height: 436px;
}

/*#text-display{*/
/*    overflow-y: scroll;*/
/*    height:  510px;*/

/*}*/

/*#image-display{*/
/*    overflow-y: scroll;*/
/*    height: 510px;*/

/*}*/

.entry-active{
    background-color: #00d1b2;
}

.footer{
    padding: 10px;
}

.hide {
    display: none;
}

.has-square-edges {
    border-radius: 0;
}

.has-square-edges-bottom {
    border-radius: 4px 4px 0 0;
}

.has-square-edges-top {
    border-radius: 0 0 4px 4px;
}

.has-round-edges-top-right{
    border-radius: 0 4px 0 0;
}

.has-round-edges-bottom-right {
    border-radius: 0 0 4px 0;
}

.has-no-shadow {
    box-shadow: none;
}

.border-bottom {
    border-bottom: 1px solid darkgray;
}

.border-around {
    border: 1px solid darkgray;
}

.border-around:hover {
    border: 1px solid #00d1b2;
}

/******************************************************************************/
/* hoverable calss for projectstructure****************************************/
/******************************************************************************/

.hoverable:hover .hover-button {
    opacity: 1;
}
.hover-button {
    opacity: 0; /* set to 0 */
}

.visible{
    opacity: 1;
}

.panel-div{
    display: block;
}

.panel-div:hover{
    background-color: #ededed;
}


.menu-checkbox {
    display: none;
}

.red:hover{
    color: hsl(348, 100%, 61%);
}

/*User profile css*/
.container.profile {
    margin-top: 1%;
}

.container.profile .profile-options .tabs ul li.link a {
    margin-bottom: 20px;
    padding: 20px;
    background-color: #F1F1F1;
    text-decoration: none;
}

.section.profile-heading .column.is-2-tablet.has-text-centered + .has-text-centered {
    border-left: 1px dotted rgba(0, 0, 0, 0.2);
}

.stat-val {
    font-size: 3em;
    padding-top: 20px;
    font-weight: bold;
}

.stat-key {
    font-size: 1.4em;
    font-weight: 200;
}

.profileContainer {
    justify-content: center;
}

.checkBoxColumn {
    margin-left: -48% !important;
    height: 20px;
    accent-color: #000000;
}

.checkBoxModal {
    accent-color: #000000;
    height: 20px;
    width: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*end user profile css*/

/******************************************************************************/
/* Disabled link/tab class ****************************************************/
/******************************************************************************/

.disabled_tab{
    pointer-events: none;
    cursor: default;
}

input:not(:checked) + ul{
    display: none;
}
/* #00d1b2 */

/*Dividers*/
/* Dashed border */
hr.dashed {
    border-top: 3px dashed #bbb;
}

/* Dotted border */
hr.dotted {
    border-top: 3px dotted #bbb;
}

/* Solid border */
hr.solid {
    border-top: 1px solid rgb(219, 219, 219);
}

/* Rounded border */
hr.rounded {
    border-top: 8px solid #bbb;
    border-radius: 5px;
}




/* FAKE CLASSES FOR QUERY SELECTOR */
.btn1{}
.btn2{}
.btn3{}
.btn4{}