a {
    color: #cceecc;
}

.form-page {
    background-color: #ffffff;
    width: 100%;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.form-enclosure {
  background-color: #333333;
  font-size: 1vw;
  color: #cccccc;
  text-align: left;
  vertical-align: top;
  width: 96%;
  min-height: 10%;
  margin-left: auto;
  margin-right: auto;
  margin-top: .5%;
  margin-bottom: .5%;
  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;;
  display: inline-block;
}

.form-title {
    font-size: 1.8vw;
    color: #cccccc;
    text-align: left;
    vertical-align: top;
    width: 50%;
    min-height: 0%;
    margin-left: 2%;
    margin-right: auto;
    padding-left: .5%;
    padding-right: .5%;
    padding-top: .5%;
    padding-bottom: .5%;
}

.form-hint {
    font-size: 1.4vw;
    color: #eeaaaa;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    width: 80%;
    min-height: 0%;
    margin-left: 2%;
    margin-right: auto;
    padding-left: .5%;
    padding-right: .5%;
    padding-top: .5%;
    padding-bottom: .5%;
}

.form-hint-2 {
    font-size: 1.4vw;
    color: #eeaaaa;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    width: 40%;
    min-height: 0%;
    margin-left: 2%;
    margin-right: auto;
    padding-left: .5%;
    padding-right: .5%;
    padding-top: .5%;
    padding-bottom: .5%;
    display: inline-block;
}

.form-row {
    margin-top: 1%;
    min-width: 100%;
}

.form-row-lined {
    margin-top: 1%;
    min-width: 100%;
    border-bottom: 1px solid;
}

.form-label {
    font-size: 1.5vw;
    color: #cccccc;
    text-align: right;
    vertical-align: top;
    width: 14%;
    min-height: 0%;
    margin-left: 2%;
    margin-right: auto;
    display: inline-block;
    padding-left: .5%;
    padding-right: .5%;
    padding-top: .5%;
    padding-bottom: .5%;
}

.form-varchar-in {
    background-color: #D5D2C4;
    font-size: 2vw; color: #444444; font-weight: bold; ;
    text-align: left;
    width: 70%;
    min-height: 0%;
    margin-left: 0%;
    margin-right: auto;
    padding-left: .5%;
    padding-right: .5%;
    padding-top: .5%;
    padding-bottom: .5%;
    margin-top: .2%;
    margin-bottom: .2%;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;;
    display: inline-block;
}

.form-varchar-in-2 {
    background-color: #D5D2C4;
    font-size: 2vw; color: #444444; font-weight: bold; ;
    text-align: left;
    width: 36%;
    min-height: 0%;
    margin-left: 0%;
    margin-right: auto;
    padding-left: .5%;
    padding-right: .5%;
    padding-top: .5%;
    padding-bottom: .5%;
    margin-top: .2%;
    margin-bottom: .2%;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;;
    display: inline-block;
}

.form-picker {
    background-color: #D5D2C4;
    font-size: 2vw; color: #444444; font-weight: bold; ;
    text-align: left;
    width: 35%;
    min-height: 0%;
    margin-left: 0%;
    margin-right: auto;
    padding-left: .5%;
    padding-right: .5%;
    padding-top: .5%;
    padding-bottom: .5%;
    margin-top: .2%;
    margin-bottom: .2%;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;;
    display: inline-block;
}

.form-image-in {
    background-color: #D5D2C4;
    font-size: 2vw; color: #444444; font-weight: bold; ;
    text-align: left;
    width: 70%;
    min-height: 0%;
    margin-left: 0%;
    margin-right: auto;
    padding-left: .5%;
    padding-right: .5%;
    padding-top: .5%;
    padding-bottom: .5%;
    margin-top: .2%;
    margin-bottom: .2%;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;;
    display: inline-block;
}
.form-int-in {
    background-color: #D5D2C4;
  font-size: 2vw; color: #444444; font-weight: bold; ;
    text-align: left;
    width: 10%;
    min-height: 0%;
    margin-left: 0%;
    margin-right: auto;
    padding-left: .5%;
    padding-right: .5%;
    padding-top: .5%;
    padding-bottom: .5%;
    margin-top: .2%;
    margin-bottom: .2%;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;;
    display: inline-block;
}
.form-radio-in {
    transform: scale(2);
    vertical-align: bottom;
    margin-bottom: 1.5%;
    margin-left: 2%;
    margin-right: 2%;
}
.form-decimal-in {
    background-color: #D5D2C4;
  font-size: 2vw; color: #444444; font-weight: bold; ;
    text-align: left;
    width: 10%;
    min-height: 0%;
    margin-left: 0%;
    margin-right: auto;
    padding-left: .5%;
    padding-right: .5%;
    padding-top: .5%;
    padding-bottom: .5%;
    margin-top: .2%;
    margin-bottom: .2%;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;;
    display: inline-block;
}
.form-tinyint-in {
    background-color: #D5D2C4;
  font-size: 2vw; color: #444444; font-weight: bold; ;
    text-align: left;
    width: 4%;
    min-height: 0%;
    margin-left: 0%;
    margin-right: auto;
    padding-left: .5%;
    padding-right: .5%;
    padding-top: .5%;
    padding-bottom: .5%;
    margin-top: .2%;
    margin-bottom: .2%;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;;
    display: inline-block;
}

.form-text-in {
    background-color: #D5D2C4;
  font-size: 2vw; color: #444444; font-weight: bold; ;
    text-align: left;
    width: 70%;
    min-height: 20%;
    margin-left: 0%;
    margin-right: auto;
    padding-left: .5%;
    padding-right: .5%;
    padding-top: .5%;
    padding-bottom: .5%;
    margin-top: .2%;
    margin-bottom: .2%;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;;
    display: inline-block;
}

.form-switch-display {
    font-size: 2vw; 
    color: #cccccc; 
    font-weight: bold; ;
    text-align: left;
    vertical-align: top;
    min-height: 0%;
    padding-left: .5%;
    padding-right: .5%;
    padding-top: .5%;
    padding-bottom: .5%;
    display: inline-block;
}

.form-data {
  font-size: 2vw; color: #cccccc; font-weight: bold; 
  text-align: left;
  width: 70%;
  vertical-align: top;
  min-height: 0%;
  padding-left: .5%;
  padding-right: .5%;
  padding-top: .5%;
  padding-bottom: .5%;
  display: inline-block;
}

.form-video {
  background-color: #000000;
  width: auto;
  vertical-align: top;
  min-height: 0%;
  padding-left: 2%;
  padding-right: 2%;
  padding-top: 2%;
  padding-bottom: 2%;
  display: inline-block;
}

.form-yes {
    color: #55cc55;
}

.form-no {
    color: #ccaa55;
}

.form-col-header {
    width: 13%;
    font-size: 1.2vw;
    color: #cccccc;
    text-decoration: underline;
    font-style: italic;
    vertical-align: bottom;
    min-height: 0%;
    display: inline-block;
    padding-left: .5%;
    padding-right: 0%;
    padding-top: 0%;
    padding-bottom: 0%;
}
.form-col-data {
    width: 13%;
    font-size: 1.4vw;
    color: #444444;
    vertical-align: top;
    min-height: 0%;
    display: inline-block;
    padding-left: .5%;
    padding-right: 0%;
    padding-top: 0%;
    padding-bottom: 0%;
}

.form-col-header-2 {
    width: 48%;
    font-size: 1.2vw;
    color: #cccccc;
    text-decoration: underline;
    font-style: italic;
    vertical-align: bottom;
    min-height: 0%;
    display: inline-block;
    padding-left: .5%;
    padding-right: 0%;
    padding-top: 0%;
    padding-bottom: 0%;
}
.form-col-data-2{
    width: 48%;
    font-size: 1.4vw;
    color: #444444;
    vertical-align: top;
    min-height: 0%;
    display: inline-block;
    padding-left: .5%;
    padding-right: 0%;
    padding-top: 0%;
    padding-bottom: 0%;
}

.form-col-header-3 {
    width: 32%;
    font-size: 1.2vw;
    color: #cccccc;
    text-decoration: underline;
    font-style: italic;
    vertical-align: bottom;
    min-height: 0%;
    display: inline-block;
    padding-left: .5%;
    padding-right: 0%;
    padding-top: 0%;
    padding-bottom: 0%;
}
.form-col-data-3 {
    width: 32%;
    font-size: 1.4vw;
    color: #444444;
    vertical-align: top;
    min-height: 0%;
    display: inline-block;
    padding-left: .5%;
    padding-right: 0%;
    padding-top: 0%;
    padding-bottom: 0%;
}

.form-col-header-4 {
    width: 22%;
    font-size: 1.2vw;
    color: #cccccc;
    text-decoration: underline;
    font-style: italic;
    vertical-align: bottom;
    min-height: 0%;
    display: inline-block;
    padding-left: .5%;
    padding-right: 0%;
    padding-top: 0%;
    padding-bottom: 0%;
}
.form-col-data-4 {
    width: 22%;
    font-size: 1.4vw;
    color: #cccccc;
    vertical-align: top;
    min-height: 0%;
    display: inline-block;
    padding-left: .5%;
    padding-right: 0%;
    padding-top: 0%;
    padding-bottom: 0%;
}

.form-col-header-5 {
    width: 10%;
    font-size: 1.2vw;
    color: #cccccc;
    text-decoration: underline;
    font-style: italic;
    vertical-align: bottom;
    min-height: 0%;
    display: inline-block;
    padding-left: .5%;
    padding-right: 0%;
    padding-top: 0%;
    padding-bottom: 0%;
}
.form-col-data-5 {
    width: 10%;
    font-size: 1.4vw;
    color: #cccccc;
    vertical-align: top;
    min-height: 0%;
    display: inline-block;
    padding-left: .5%;
    padding-right: 0%;
    padding-top: 0%;
    padding-bottom: 0%;
}

.form-col-header-6 {
    width: 12%;
    font-size: 1.2vw;
    color: #cccccc;
    text-decoration: underline;
    font-style: italic;
    vertical-align: bottom;
    min-height: 0%;
    display: inline-block;
    padding-left: .5%;
    padding-right: 0%;
    padding-top: 0%;
    padding-bottom: 0%;
}
.form-col-data-6 {
    width: 12%;
    font-size: 1.4vw;
    color: #cccccc;
    vertical-align: top;
    min-height: 0%;
    display: inline-block;
    padding-left: .5%;
    padding-right: 0%;
    padding-top: 0%;
    padding-bottom: 0%;
}

.form-col-header-8 {
    width: 6%;
    font-size: 1.2vw;
    color: #cccccc;
    text-decoration: underline;
    font-style: italic;
    vertical-align: bottom;
    min-height: 0%;
    display: inline-block;
    padding-left: .5%;
    padding-right: 0%;
    padding-top: 0%;
    padding-bottom: 0%;
}

.form-col-data-8 {
    width: 6%;
    font-size: 1.2vw;
    color: #444444;
    vertical-align: top;
    vertical-align: top;
    min-height: 0%;
    display: inline-block;
    padding-left: .5%;
    padding-right: 0%;
    padding-top: 0%;
    padding-bottom: 0%;
}

.form-col-header-8-r {
    width: 6%;
    font-size: 1.2vw;
    color: #cccccc;
    text-align: right;
    text-decoration: underline;
    font-style: italic;
    vertical-align: bottom;
    min-height: 0%;
    display: inline-block;
    padding-left: .5%;
    padding-right: 0%;
    padding-top: 0%;
    padding-bottom: 0%;
}
.form-col-data-8-r {
    width: 6%;
    font-size: 1.2vw;
    color: #444444;
    text-align: right;
    vertical-align: top;
    vertical-align: top;
    min-height: 0%;
    display: inline-block;
    padding-left: .5%;
    padding-right: 0%;
    padding-top: 0%;
    padding-bottom: 0%;
}

.form-button {
    border-top: 1px solid #96d1f8;
    background: #2ca5f5;
    background: -webkit-gradient(linear, left top, left bottom, from(#D5D2C4), to(#444444));
    background: -webkit-linear-gradient(top, #D5D2C4, #444444);
    background: -moz-linear-gradient(top, #3e439c, #2ca5f5);
    background: -ms-linear-gradient(top, #3e439c, #2ca5f5);
    background: -o-linear-gradient(top, #3e439c, #2ca5f5);
  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: #121347;
    font-size: 1.5vw;
    text-decoration: none;
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    width: 12%;
    min-height: 0%;
    margin-right: 5%;
    margin-left: 80%;
    margin-top: 1%;
    margin-bottom: 1%;
    padding-left: .5%;
    padding-right: .5%;
    padding-top: .5%;
    padding-bottom: .5%;
}
.form-button:hover {
    border-top-color: #343434;
    background: #343434;
    color: #ccc;
}
.form-button:active {
    border-top-color: #1b435e;
    background: #1b435e;
}

.form-del-button {
    border-top: 1px solid #96d1f8;
    background: #2ca5f5;
    background: -webkit-gradient(linear, left top, left bottom, from(#D5D2C4), to(#444444));
    background: -webkit-linear-gradient(top, #D5D2C4, #444444);
    background: -moz-linear-gradient(top, #3e439c, #2ca5f5);
    background: -ms-linear-gradient(top, #3e439c, #2ca5f5);
    background: -o-linear-gradient(top, #3e439c, #2ca5f5);
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: #121347;
    font-size: 1.5vw;
    text-decoration: none;
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    width: 18%;
    min-height: 0%;
    margin-right: 66%;
    margin-left: 2%;
    margin-top: 1%;
    margin-bottom: 1%;
    padding-left: .5%;
    padding-right: .5%;
    padding-top: .5%;
    padding-bottom: .5%;
}
.form-del-button:hover {
    border-top-color: #343434;
    background: #343434;
    color: #ccc;
}
.form-del-button:active {
    border-top-color: #1b435e;
    background: #1b435e;
}