/* Custom styles */
.navbar-brand img {
	max-height:50px;
}
a.plain {
  color:black;
  text-decoration: none;
}
.filter-input{
  min-width:220px;
}
.transactionsChart-container {
  position:relative;
  width:"100%";
  height:"240px";
}
.multiselect-container{
  min-width:350px;
  color:black;
  font-size:0.7em;
}
.multiselect-container a{
  color:black;
}
.form-group{
  margin-bottom:20px;
}
.form-control-sm, .form-select-sm, .btn-lg {
  margin-bottom:10px;
}
.btn-lg {
  margin-top:10px;
}
.status-select {
  width:200px;
}
.home-button {
  margin-bottom:20px;
}
.full{width:100%;}
.half{width:300px;}
.img-thumbnail {height:40px;}
/* .enlargedImg{width:560px;} */
.terminals_select{margin-left:25px;}
.retailers_check_list{margin-left:50px;}
/* The message box is shown when the user clicks on the password field */
#message {
  display:none;
  //background: #f1f1f1;
  //color: #000;
  position: relative;
  //padding: 20px;
  margin-top: 10px;
}

#message p {
  padding: 10px 35px;
  font-size: 18px;
}
/* Add a green text color and a checkmark when the requirements are right */
.valid {
  color: green;
}
.valid:before {
  position: relative;
  left: -35px;
  content: "✔";
}
/* Add a red text color and an "x" when the requirements are wrong */
.invalid {
  color: red;
}
.invalid:before {
  position: relative;
  left: -35px;
  content: "✖";
}
/* Settings to make footer behave */
html {
  height: 100%;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
body {
  position: relative;
  margin: 0;
  padding-bottom: 6rem;
  min-height: 100%;
}
.page-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #efefef;
  text-align: center;
}
/* //Settings to make footer behave */