:root {
    --backgroundcol: #DF111A;
    --wellcol: #f7edf7;
    --bordercol: #DF111A;
    --pagefootertext: #ab52ab;
    --buttoncol: #DF111A;
    --buttonbordercol: #1861ac;
    --bordercol2: #e5e5e5;
}
body {
    background-color: #DF111A;
    background-color: var(--backgroundcol);
}

.page{display: none;}
.page-footer {
  display: none;
  position: absolute;
  text-align: center;
}
.page-footer-text {
    color: #ab52ab;
    color: var(--pagefootertext);
}
.panel-title {
	padding-bottom: 1em;
}
.panel-content {
    padding-bottom: 0.25em;
}

.vm-empty-height {
  height: 5px;
}

.msgContainer {
  position: absolute;
}
#wait{
  display: none;
  position: fixed;
  width: 32px;
  height: 32px;  
}
.well {
    background: #f7edf7;
    background: var(--wellcol);
}

.amplitude input {
    font-size: 30px;
}

.amplitude button {
    font-size: 30px;
}
.amplitude  button:active {
    color: red;
    box-shadow: 0 0 5px -1px rgba(0,0,0,0.6);
}

.amplitude table {
    width: 100%;
    height: 100%;
}
@media screen and (orientation:landscape) {
    .amplitude #portrait {
        display:none;
    }
    .amplitude textarea.styled1 {
        width: 100%;
        height: 200px;
        border: 2px solid #DF111A;
        border: 2px solid var(--bordercol);
        padding: 5px;
        font-size: 24px;
        font-family: sans-serif;
    }
    .amplitude textarea.styled2 {
        width: 100%;
        height: 200px;
        border: 2px solid #DF111A;
        border: 2px solid var(--bordercol);
        padding: 5px;
        font-size: 24px;
        font-family: sans-serif;
    }
    .amplitude textarea.styled3 {
        width: 100%;
        height: 200px;
        border: 2px solid #DF111A;
        border: 2px solid var(--bordercol);
        padding: 5px;
        font-size: 24px;
        font-family: sans-serif;
    }
}

@media screen and (orientation:portrait) {
    .amplitude #landscape {
        display: none;
    }
    .amplitude textarea.styled1 {
        width: 100%;
        height: 100px;
        border: 2px solid #DF111A;
        border: 2px solid var(--bordercol);
        padding: 5px;
        font-size: 25px;
        font-family: sans-serif;
    }
    .amplitude textarea.styled2 {
        width: 100%;
        height: 100px;
        border: 2px solid #DF111A;
        border: 2px solid var(--bordercol);
        padding: 5px;
        font-size: 25px;
        font-family: sans-serif;
    }
    .amplitude textarea.styled3 {
        width: 100%;
        height: 100px;
        border: 2px solid #DF111A;
        border: 2px solid var(--bordercol);
        padding: 5px;
        font-size: 25px;
        font-family: sans-serif;
    }
}

.btn-primary {
    color: #fff !important;
    background-color: var(--buttoncol) !important;
    border-color: var(--buttonbordercol) !important;
}

    .btn-primary:focus  .btn-primary:hover {
        color: #fff !important;
        background-color: var(--buttoncol) !important;
        border-color: var(--buttonbordercol) !important;
    }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: var(--buttoncol);
  border-color: var(--buttonbordercol);
}

.border-top {
    border-top: 1px solid var(--bordercol2);
}

.border-bottom {
    border-bottom: 1px solid var(--bordercol2);
}