/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 1.2.2018, 16:57:26
    Author     : Rumu
*/

:root {
  --content-width: 990px;
}

body {
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-family: "Helvetica Neue", Helvetica,Arial,sans-serif;
    font-family: "Open Sans";
}

.bodyContainer {
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.topMenuContainter {
    max-width: var(--content-width, 990px);
    margin: 20px auto 0px auto;
    padding: 0px;
}
.contentContainter {
    max-width: var(--content-width, 990px);
    margin: 0px auto 0px auto;
    padding: 0px;
}
.footerContainter {
    max-width: var(--content-width, 990px);
    margin: 20px auto 0px auto;
    padding: 0px;
}

.submitButton {
    background-color: #0082c5;
    text-decoration: none;
    text-align: center;
    color: #fff;
    padding: 6px 2px 6px 2px;
    margin-bottom: 5px;
    border: 0px;
    font-size: 14px;
    cursor: pointer;
}

.submitButton:hover {
    background-color: #1c6e98;
    color: #fff;
}

.buttonGeneral {
    background-color: #404d5f;
    text-decoration: none;
    text-align: center;
    color: #fff;
    padding: 12px 20px 8px 20px;
    margin: 0px 10px 0px 0px;
    border: 0px;
    font-size: 14px;
    cursor: pointer;
    display: block;
    float: left;
    box-sizing: inherit;
    height: 21px;
}

.buttonGeneral:hover {
    background-color: #6e7784;
    color: #fff;
}

.buttonGreen {
    background-color: #789e26;
}
.buttonBlue {
    background-color: #26959e;
}
.buttonDisabled {
    background-color: #b4c1c7;
    text-decoration: none;
    text-align: center;
    color: #fff;
    padding: 10px 20px 10px 20px;
    margin: 0px;
    border: 0px;
    font-size: 14px;
    display: block;
}



.questionsContainer {
}

.questionHeaderContainer {
    width: var(--content-width, 990px);
    margin: 10px auto 0px auto;
    text-align: left;
}
.questionHeaderContainer input {
    margin: 5px;
}
.questionEcgGraphContainer {
    width: 100%;
    margin: 0px;
}
.epoch_row_ecg {
    width: var(--content-width, 990px);
    margin: 0px auto 0px auto;
}
.epoch_row_ecg canvas{
    width: 100%;
    margin: 15px 0px 15px 0px;
}

.questionAnswersContainer {
    width: var(--content-width, 990px);
    margin: 0px auto 20px auto;
    padding-bottom: 5px;
    text-align: left;
    border-bottom: 1px solid #ccc;
}
.questionAnswersContainer h2 {
    width: 100%;
    text-align: center;
    font-size: 24px;
    margin-bottom: 10px;
}
.questionAnswersContainer input:not([type=checkbox]) {
    width: 600px;
}
.questionAnswerText {
    width: 100px;
    display: inline-block;
    text-align: right;
}


#postDiv {
    position: fixed;
    top: 10%;
    left: 35%;
    width: 30%;
    color: white;
    display: none;
    background-color: #1c6e98;
    padding: 15px 20px 15px 20px;
}