body {
   min-height: 100vh;
   min-height: -webkit-fill-available;
 }
 
 html {
   height: -webkit-fill-available;
 }
 
 main {
   height: 100vh;
   height: -webkit-fill-available;
   max-height: 100vh;
   overflow-x: auto;
   overflow-y: hidden;
 }
 
 .dropdown-toggle { outline: 0; }
 
 .btn-toggle {
   padding: .25rem .5rem;
   font-weight: 600;
   color: rgba(0, 0, 0, .65);
   background-color: transparent;
 }
 .btn-toggle:hover,
 .btn-toggle:focus {
   color: rgba(0, 0, 0, .85);
   background-color: #d2f4ea;
 }
 
 .btn-toggle::before {
   width: 1.25em;
   line-height: 0;
   content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
   transition: transform .35s ease;
   transform-origin: .5em 50%;
 }
 
 .btn-toggle[aria-expanded="true"] {
   color: rgba(0, 0, 0, .85);
 }
 .btn-toggle[aria-expanded="true"]::before {
   transform: rotate(90deg);
 }
 
 .btn-toggle-nav a {
   padding: .1875rem .5rem;
   margin-top: .125rem;
   margin-left: 1.25rem;
 }
 .btn-toggle-nav a:hover,
 .btn-toggle-nav a:focus {
   background-color: #d2f4ea;
 }
 
 .scrollarea {
   overflow-y: auto;
 } 

 #content {
   vertical-align: text-top;
   width: 1000px;
   padding: 5px;
}

ul.nav a:hover {
  background-color: lightsteelblue !important;
}

/*
*{
	margin:0;
	padding: 0;
}

body {
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  background-color:#FFFFFF;
}
*/
#menu {
   vertical-align: top;
}

label {
  font-weight:bold;
}

textarea {
   resize: none;
}

/*
label {
   font-weight:bold;
   width:100px;
   font-size:14px;
}

pre {
  font-family: arial, sans-serif;
}

a:active { 
  color: yellow; 
  font-family: Arial, Verdana; 
  font-size:8pt;
  font-weight:bold;
}

a:link { 
  color: red; 
  font-family: Arial,Verdana; 
  text-decoration:none; 
  font-size:8pt;
  font-weight:bold;
}

a:visited {
  color: navy; 
  font-family: Arial, Verdana;
  text-decoration:none; 
  font-size:8pt;
  font-weight:bold;
}

a:hover {
  color: darkred; 
  font-family: Arial,Verdana; 
  font-size: 8pt; 
  text-decoration: underline;
  font-weight:bold;
}

.box {
   border:#666666 solid 1px;
}
*/
.error {
   font-size:11px;
   color:#cc0000;
   margin-top:10px;
}

.success {
   font-size:11px;
   color:green;
   margin-top:10px;
}
/*
.main {
  border: 0px;
  padding: 0px; 
  border-spacing: 0px;
  border-collapse: separate;
  width: 1080px;
}

#login {
   width: 300px; 
   border: solid 1px #333333;
}

#login-head {
   background-color:#333333; 
   color:#FFFFFF; 
   padding:3px;
}

#login-body {
   margin:30px;
}

#welcome {
   font-family: Arial; 
   font-size: 8pt; 
   font-weight: bold; 
   color: #FFFFFF;
   background-color:#000000;
   width: 100px;
   height: 50px;
   align-content: center;
}

#title {
   background-color:#FFFFFF;
   border: solid 1px #333333;
   width: 1000px;
   height: 50px;
   align-content: center;
}

#menu {
   background-color:#808080;
   vertical-align: top;
   width: 100px;
   height: 700px;
   padding: 5px;
}

#content {
   background-color:#FFFFFF;
   vertical-align: text-top;
   border: solid 1px #333333;
   width: 1000px;
   height: 700px;
   padding: 5px;
}

#search {
   padding: 20px;
}

#list {
   padding: 5px;
}

table.list {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td.list {
    border: 1px solid #dddddd;
    //text-align: left;
    padding: 8px;
}

th.list {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

tr.list:nth-child(even) {
    background-color: #dddddd;
}
*/
table.checkbox {
    width: 300px;
}

td.checkbox {
    text-align: left;
    padding: 1px;
}
/*
.vertical-menu a {
    color: #FFFFFF;
    display: block;
    padding: 12px;
    text-decoration: none;
}

.vertical-menu a:hover {
    background-color: #ccc;
}

.vertical-menu a.active {
    background-color: #dddddd;
    color: black;
}
*/