@charset "UTF-8";
/* CSS Document */

/*  breakpoint at 800px */
/* Adjusts column proportions, tweaks base H1 */
@media screen and (min-width: 800px){
    .ui-content-MQ,.flex-container,.separator,.ui-table{
        width:800px;
        height:100%;
        margin: 1vh auto;
    }   

	/* You can also tweak any other styles in a breakpoint */
	H1 { color: blue; font-size:2em }
}

body {
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
  font-size: 14px;
  margin: 0px 0px;
  padding: 0px 0px;
  /*background-color:#D6F7B7;*/
  /*background-color: darkgrey;*/
}
p {
  margin: 10px 0px;
  padding: 0px;
  font-size: 1em;
  height: auto;
  color: #007718;
}
H4 {
  padding: 5px;
  text-transform: uppercase;
}
a:link, a:visited, a:active, a:hover {
  text-decoration: none;
  color: blue;
  text-transform: uppercase;
}
#core1, #core2, #core3, #core4, #core5, #core6, #core7, #core8, #core9, #core10, #core11, #core12, #core13, #core14, #core15 {
  width: 90%;
  height: 100%;
  margin: 1vh auto;
}
#tanksPrefs {
  margin: 0px 0px;
  padding: 0px;
  border-collapse: collapse;
}
#tanksPrefs th {
  background-color: #D1E5CF;
  text-align: center;
}

table{
    width:90vw;
}

table h3{
  text-align: center;
    margin:0px;
    padding:0px;
}
.separator {
  border-top: 3px dashed hsla(132, 100%, 5%, 0.20);
  background-color: hsla(105, 19%, 92%, 0.91);
  margin-bottom: 20px;
  padding-top: 10px;
    width:90vw;
}
textarea.ui-input-text {
  height: inherit !important
}
th {
  font-size: 1em;
  align-content: center;
 justify-content: center;
  padding-top: 10px;
  display: flex;
  align-items:center;
  height: 25px
}
td {
  margin: 0px 0px;
  padding: 0px 0px;
}
.fillForm{
    width:70vw;
  margin: 0px auto;
  padding: 0px 0px;
}
tr {
  font-size: 1em;
}

.colorX {
  background-color: hsla(103,30%,75%,0.74);
    padding:.25em 0em;
    margin: 0em 0em;
}

.color {
  background-color: hsla(52,99%,74%,0.74);
    padding:.25em 0em;
    margin: 0em 0em;
}

.color2 {
  background-color: hsla(26,97%,74%,0.74);
    padding:.25em 0em;
    margin: 0em 0em;
}
.ui-block-a {
  text-align: center;
  font-weight: 500;
  padding: 15px 0px 2px 0px;
}
.ui-block-a label {
  font-weight: bold;
}
.ui-block-b {
  background-color: #9A9A9A;
  text-align: center;
}
.ui-block-c {}
.emergent {
  color: #007718;
  font-weight: bold;
}
.tablist-content {
  width: 60%;
  display: inline-block;
  vertical-align: top;
  margin-left: 5%;
}
.flex-container {
  display: flex;
  flex-direction: column;
  width: 80vw;
  margin: 10px;
  flex-wrap: nowrap;
}
.flex-container > div {
  line-height: 1.5em;
  font-size: 1.1em;
}
/*.flex-container > table {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  background-color: #ECFADF;
}*/

.ui-btn-accntName{
    border:none !important;
}
.ui-navbar li a {
  height: 5vh;
  align-content: center;
}
.nextSteps {
  margin: 20px 0px 5px 0px;
}
.header {
  padding: 10px 0px 10px 0px;
  margin: 0px 0px 0px 0px;
  text-align: center;
  background-image: url("img/back.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.ui-bar-a, .ui-bar-b, .ui-bar-c, .ui-bar-d, .ui-bar-e, .ui-bar-f {
  margin: 10px 0px 0px 0px;
  height: 3px;
  border: 0px;
}
.setCenter {
  display: flex;
  justify-content: center;
  align-items: center;
}
.setLeft {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
input {
  border-bottom: 1px solid black;
  border-top: 0px solid white;
  border-right: 0px;
  border-left-width: 0px;
}