/* list view button css */
a.button {
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 10px ;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
  font-size: 16px;
  padding-top: 0px;
  
}

.submitbutton {
  background-color: #EEEEEE; /* Green */
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
  color: #333333;
  padding: 1px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin:4px 4px;
  cursor: pointer;
}




.success {
  color:#0415aa
}

.error {
  color:#ff0000
}

.flex-button {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  column-gap: 10px;
  width: 100%;
  /* background-color: antiquewhite; */
  font-size: 14px;
  
}


.selectionbox {
  height: 25px;
  width: 60px;
  padding: 0px;
  vertical-align: middle;
  align-content: center;
  font-size: 11pt;
}





.hover_var {
  max-height: 95vh;
  overflow: auto;
  position: fixed;
  margin:auto;
}

.form-control{
    max-width: 190px;
    min-width: 40px;
    height: 28px;
}

input[readonly].version{
  width:50px;
  height: 28px;
}


.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}
body {
    min-height: 75rem;
    /* padding-top: 4.5rem;  */
    margin:0;
    padding-top:3.5rem;
    }


.btn-toggle {
display: inline-flex;
align-items: center;
padding: .25rem .5rem;
font-weight: 600;
/* color: rgba(0, 0, 0, .65); */
background-color: transparent;
border: 0;
}
.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='10' height='10' 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 {
display: inline-flex;
padding: .1875rem .5rem;
margin-top: .125rem;
margin-left: 1.25rem;
text-decoration: none;
}
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
background-color: #d2f4ea;
}

.varcontentadd{
  height: 30px;
  width: 230px;
  padding: 0px;
  border-color: grey;
  vertical-align: middle;
  align-content: center;
  padding: 0px 0px;
  font-size: 11pt;
  font-family: Arial, Helvetica, sans-serif;
}