input::placeholder {
    font-size: .6em;
    color: #dddddd;
}

#loginPageButtonContainer .buttonStyle {
    margin-top: 30px;
    margin-bottom: 20px;
}

.cardDiv form {
    width: 95%;
}

.inputFieldStyle {
    width: 100%;
}

#logo {
    /*margin-top: -25%;*/
}

.logoSingup {
    margin-top: 5% !important;
}


.loginPageInputFieldsSignup {
	
}

.inputField {
    width: 87.5% !important
}

.registrationLinkContainer {
    margin-top: 10px;
}

input[name="repeatPassword"] {
}

#loginPageInputFields {
    width: 100%;
}


#signupButton {
    margin-bottom: 0 !important;
}

.instructionText {
    margin-top: 10px;
    margin-bottom: 10px;
}


.pollTitle h1 {
    font-size: 1em;
    /*margin-top: 7.5vh;
    margin-bottom: 2.5vh;*/
}

.fragebogenSectionContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 30%;
    margin-top: 3vh;
    margin-bottom: 5vh;
}

.pollItemsContainer {
    height: 70%;
}

.pollItemsContainer .inputField {
    font-size: .95em;
    justify-content: flex-start;
    width: 85% !important;
}

#pollAnswer {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: -15px;
    margin-top: 20px;
}

#pollAnswer::placeholder {
    font-size: .9em;
    color: #aaaaaa;
}

#loginPageButtonContainer .ModeSelect .buttonStyle {
    margin-top: 0;
    margin-bottom: 0;
    max-height: 35px;
}

.instructionHeader {
    font-family: inherit !important;
    margin-top: 3vh;
}

.arrowButtonLeft {
    margin-left: 20px;
}

.arrowButtonRight {
    margin-right: 20px;
}

.deleteButtonForEditPage {
    background-color: #ffffffdd;
    border-style: none;
}

.tagGridDiv {
    overflow: hidden;
}

.grid-container {
    overflow-x: hidden;
}

.modal-content {
    overflow-x: hidden;
}

.contentDivPage {
    border-radius: 18px !important;
    /* margin: 30px; */
    border-top: #D6E9E4 solid 0.3px !important;
    border-left: #D6E9E4 solid 0.3px !important;
    box-shadow: 3px 3px 5px #aaaaaa !important;
    height: 90vh !important;
    margin-top: 3vh !important;
}

.cardDiv {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 500px;
    height: 100%;
    max-height: 100%;
    margin: 0 auto;
    transition: all 0.2s ease-in-out;
    margin-right: auto !important;
    margin-top: -3%;
}

#logo {
    margin-top: 0;
}

.therapyWizard {
    gap: 14px;
}

.therapyWizardTabs {
    display: flex;
    width: 100%;
    gap: 6px;
}

.therapyWizardTab {
    flex: 1;
    min-height: 42px;
    border: 1px solid #888888;
    border-radius: 8px;
    background: #ffffff;
    color: #000000;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.68em;
}

.therapyWizardTab.active {
    background: #D6DFF6;
}

.therapyWizardTab:disabled {
    color: #999999;
    background: #eeeeee;
    border-color: #dddddd;
    cursor: default;
}

.therapyWizardPanel {
    display: none;
    width: 100%;
}

.therapyWizardPanel.active {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.therapyWizardPanel .inputField {
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
}

.therapyWizardPanel .buttonStyle,
.therapyWizard > .buttonStyle {
    margin-top: 0;
    margin-bottom: 0;
    max-height: 45px;
}

.secondaryWizardButton {
    display: none;
    /*background: #ffffff;*/
}


#normalModeImage {

    border-top: #c6D9E4 solid 1px;
    border-left: #C6D9E4 solid 1px;
    box-shadow: 1px 2px 1px #dddddd;
}

.pollItemsContainer {

    box-shadow: 1px 2px 1px #dddddd;
    border-top: #C6D9E4 solid 1px;
    border-left: #C6D9E4 solid 1px;
    /* border-style: none; */
}

.instructionContainer {
    display: none;
}