html {
   font-size: .8em; /*14px;*/
}

@media (min-width: 768px) {
   html {
      font-size: 16px;
   }
}

html {
   position: relative;
   min-height: 100%;
}

body {
   margin-bottom: 60px;
   padding-top: 10px;
   padding-bottom: 10px;
}

.container {
   width: 100%;
   padding-right: 5px;
   padding-left: 5px;
   /* margin-right: auto; */
   /* margin-left: auto; */
}

/* Set padding to keep content from hitting the edges */
.body-content {
   padding-left: 5px;
   padding-right: 5px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
   white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input[type=text].tvp-text,
select.tvp-select {
   max-width: 800px;
   width: 350px;
   height: 48px;
   line-height: 1.8;
   font-size: 1.2rem;
}

input[type=button], input[type=submit], input[type=reset] {
   max-width: 300px;
}

.flex-container {
   display: flex;
}

.fill-width {
   flex: 1;
}

textarea.tvp-textarea {
   max-width: 800px;
   max-height: 600px;
   width: 100%;
   height: 150px;
}

input.tvp-pos {
   width: 75px;
   line-height: 1.8;
   font-size: 1rem;
}

input.tvp-lookup {
   width: 400px;
   line-height: 1.8;
   font-size: 1rem;
}

.no-browser-support {
   display: none;
   font-size: 1.2rem;
   color: #e64427;
   margin-top: 35px;
}

.main {
   width: 100%;
   margin: 20px 10px;
}

.tvp-panel {
   max-width: 800px;
   max-height: 600px;
   width: 350px;
   height: 320px;
}

.tvp-newspaper {
   column-count: 2;
   column-gap: 20px;
   text-align: justify;
}

.tvp-newspaper3 {
   column-count: 3;
   column-gap: 20px;
   text-align: justify;
}

table {
   table-layout: fixed;
   width: 100%;
   white-space: nowrap;
}

   table.center {
      margin-left: auto;
      margin-right: auto;
   }

td {
   vertical-align: top;
}

   /*th, td {
   white-space: pre-wrap !important;
   word-wrap: break-word;
}*/

   th.fixwidth, td.fixwidth {
      width: 30px;
      text-align: center;
   }