/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: #333;
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #eee;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #333;
  border: .05rem solid #333;
}

.text-muted {
  --bs-text-opacity: 1;
  color: #333 !important;
  font-size: 0.8rem;
}

/* Input field */
.select2 {
  width:100%!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered  {
  color: #495057 !important;
  line-height: unset !important;
  text-shadow: none;
}

/* Around the search field */
.select2-search {  color:green;}

/* Search field */
.select2-search input {color: #495057  }

/* Each result */
.select2-results { color:black; text-shadow: none;}

/* Higlighted (hover) result */
.select2-results__option--highlighted { color:orange; }

/* Selected option */
.select2-results__option[aria-selected=true] { color:blue; }

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  text-shadow: none;
  color: #495057;
  padding: 0;
}

.copy-textarea {
  width:100%;
  height:400px;
  font-family: monospace;
  font-size: 0.9rem;
}

.form-control-sm, .input-group-sm>.form-control, .input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: 0.25rem 0.5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
    font-size: 1rem;
}

/*
 * Base structure
 */

html,
body {
  height: 100%;
  background-color: #eee;
  color: #333;
}


.container {
  background-color: #fff;
}

.icon-img {
  width: 25%;
  height: auto;
  max-width: 200px;
}

.list-group-item {
  padding: .25rem 0;
  background-color: #f8f9fa;
  color: #495057;
  border-bottom: .25rem solid transparent;
}

.list-group-item:hover,
.list-group-item:focus {
  border-bottom-color: #f29400;
  background-color: #f29400;
  color: #f8f9fa;
}

.list-group-item + .list-group-item {
  margin-left: 1rem;
}

.active {
  color: #333;
  border-bottom-color: #333;
}

.main-div {

}

.inner {
  overflow: hidden;
}

.div-icon {
  float: left;
  height: 4rem;
}

.div-icon img{
  height:100%;
  width: auto;
}

.div-login {
  float: right;
}

.div-login img{
  max-width: 1rem;
}

select, input {
  color: #d3d1d1;
}

.pfane {
  margin-right: 1rem;
}

.pfane.selected {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  cursor: auto !important;
  font-weight: bold;
}

.col-visitors, .col-cards {
  background-color: #4c4c4c;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.btn-dotted {
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 15px;
}

.bg-warning p {
  width: 100%;
  margin: 0.2rem;
}


/*
* Datatables
*/

.dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #333 !important;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper
.dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper
.dataTables_processing, .dataTables_wrapper .dataTables_paginate {
  color: #ababab;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd,
table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
  background-color: #a3a3a3;
}

table.dataTable.stripe tbody tr.even, table.dataTable.display tbody tr.even,
table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
  background-color: #787878;
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr:hover>.sorting_1, table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
  background-color: #eaeaea;
  color: #787878;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper
.dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper
.dataTables_paginate .paginate_button.disabled:active {
  color: #ababab !important;
}

.input_error {
  display: block;
  color: #f29400;
  font-style: italic;
  margin-bottom: 0;
  margin-top: -10px;
}

/*
 * Footer
 */
.foot {
  color: rgba(255, 255, 255, .5);
  width: 100%;
  height:10%;
}

dl {
  color: #e7e7e7;
}

.bo-button-qr {
  font-size: 1.4rem;
}

.bo-card-question {
  -webkit-box-shadow: 4px 4px 5px 3px #d8d8d8;
    box-shadow: 4px 4px 5px 3px #d8d8d8;
    margin-bottom: 1rem;
    color: #4c4c4c;
    background-color: #d8d8d8;
}

.bo-card-wahl:hover {
  -webkit-box-shadow: inset 2px 2px 4px 3px #000000; 
  box-shadow: inset 2px 2px 4px 3px #000000;
}

.bo-card-question.active {
  background-color: #f29400;
  -webkit-box-shadow: inset 1px 1px 2px 1px #000000;
  box-shadow: inset 1px 1px 2px 1px #000000;
}

.form-control, .form-check-input, .form-select {
  background-color: #f3f3f3;
  color: #6e6e6e;
}

.bo-card-question .form-control,.form-check-input,.form-select {
  background-color: #ffffff;
}


::-webkit-input-placeholder {
    color: #6e6e6e;
}

::-moz-placeholder {
    color:#6e6e6e;
}

::-ms-placeholder {
    color:#6e6e6e;
}

::placeholder {
    color:#6e6e6e;
}