section.ux {	
border-radius: 7px;
background: white;
position: relative;	
margin: 5px;
min-height: 80%;
box-shadow: 0px 0px 2px black;
}

section.form {
border-top-left-radius: 7px;
background: white;
position: relative;
min-height: 100px;
top:0; 
margin: 0px;
width: auto; 
padding: 5px;
overflow: auto;  
   
}
section.form h2 {
padding: .5em;
font-size: large;
font-weight: bold;
padding: 5pt 1pt;
margin: 1pt;
}
section.form form {
float: none;
display: block;
width: 90%;
clear: both;
padding: 0;
margin: 0;

}
/*
section.form form div.columnate {
  columns: 3;
  column-gap: 1px;
}
* */

section.form form label {
display: inline-flex;
flex-direction: column;
}
section.form form div.columnate label {
width: 30%;
display: inline-block;
clear: none;
}

section.form form label textarea{
width: 98%;
height: 100px;
resize: vertical;
}


label {
outline: 1px solid #5a5844;
display: inline-block;
padding: 5px;
margin: 5px;
font-size: small;
clear: both;
}

input {
font-size: small;
height: 12pt;
}
input[type=submit] {
height: 22pt;
}
select {
font-size: small;
height: 10pt;
padding: 0pt;
}
section.hideable {
display: none;
clear: none;
}

div.form_actions {
float: right;
background: #9b845a;
background: var(--button-pane);
border-radius: 8px;
padding: 5px;
margin: 5px;
}
div.form_actions figure {
padding: 0px 4px 0px 4px;
margin: 2px 0px 2px 0px;
clear: both;
border-radius: 7px;
background-color: black;
box-shadow: 0px 0px 2px #e6ecff;
}
div.form_actions figure:hover {
	box-shadow: 0px 0px 8px white;
}

div.form_actions * image {
padding: 0px;
margin: 0px;
}
div.form_actions * figcaption {
text-align: center;
font-size: 9pt;
color: white;
margin-top: -8px;
padding-top: 0px;
width: 50px;
vertical-align: top;
}
div.form_actions figure img {
margin: 2px 5px 1px 5px;
width: 40px;
}

a#link_rpt_1 {
  display:  inline-block;
  box-shadow: 2px 2px 4px var(--popup-border);
  text-decoration: none;
  text-align: center;
  color: black;
  padding: .2em .2em 0 .5em;
  margin: .5em;
  min-width: 20em;
}
a#link_rpt_2 {
  display:  inline-block;
  box-shadow: 2px 2px 4px var(--popup-border);
  text-decoration: none;
  text-align: center;
  color: black;
  padding: .2em .2em 0 .5em;
  margin: .5em;
  min-width: 20em;
}
div.tabs {
  margin: 5pt 2pt 0pt 5pt;
  padding: 2pt 2pt 0pt 5pt;
  border-bottom: solid 1pt black;
  width:60%;
}
div.major-tab {
  display:  inline-block;
  background-color: var(--action-tab-active);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  text-align: center;
  font-size: medium;
  text-decoration: none;
  color: black;
  padding: .2em .2em 0 .2em;
  box-shadow: 0px 0px 2px black;
}
div.minor-tab {
  display:  inline-block;
  background-color: var(--action-tab-def);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  text-align: center;
  text-decoration: none;
  font-size: small;
  color: black;
  padding: .2em .2em 0 .2em;
  box-shadow: 0px 0px 2px black;
}
@media screen and (max-width: 1080px) {
section.form form div.columnate {
columns: 2;
}
}
@media screen and (max-width: 720px) {
section.form form div.columnate {
columns: 1;
}   
/*section.form form {
float: none;
clear: none;
}
div.form_actions {
float: none;
text-align: center;
margin-top: 95px;
}
div.form_actions figure {
clear: none;	
display: inline-block;
}*/

}