html,
body {
    height: 100%;
    margin: 0px;
    padding: 0px;
    font-size:9pt;
}

.vh40 {
    height: 40vh;
}

body {
    font-family: "boschsans", "Arial", "Helvetica", sans-serif;
    line-height: 1.4;
    color: #000;
}
.mb-3 {
    margin-bottom: 0.5rem !important;
}

.select2-container {
    width: 100% !important;
}

.form-control, .form-select, .select2-container--bootstrap-5 .select2-selection--single {
    padding: 0.2rem 0.75rem;
}
.form-select {
    padding-right: 2.25em;
}

.select2-container--bootstrap-5 .select2-selection--single {
    min-height:0px !important;
    height: 24.8px !important;
}

.select2-selection__clear {
    position: absolute !important;
}

#content {
    display: flex;
    height: 100%;
    flex-direction: column;
}

.container{
    max-width: 1170px;
}

@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1480px;
  }
}

.listbox-area {
    display: flex;
    height: 100%;
}

.listbox-container {
    width: 50%;
}

main {
    flex-grow: 1;
}

.seefeldt-footer::before {
    background-color: #f9b047;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 16px;
    content: "";
    height: 16px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.seefeldt-footer {
    background-color: #60727a;
    color: white;
    padding-top: 15px;
    padding-bottom: 16px;
    position: relative;
    display: flex;
    align-items: end;
}

.seefeldt-footer a {
    color: white;
}

.seefeldt-footer::after {
    background-color: #60727a;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 16px;
    content: "";
    height: 16px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.seefeldt-header {
    /* TODO: No ideas what color he wants here */
    background-color: #f9b047;
    background-size: cover;
    text-align: center;
    width: 100%;
    height: 16px;
}

.seefeldt-navbar-image {
    height: 3em;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 200;
    line-height: 1.2;
}

h1{
    font-size: 1.5rem;
}

h2{
    font-size: 1.1rem;
}

h3{
    font-size: 1.0rem;
}

.Title-container {
    padding-top: 80px;
    padding-bottom: 130px;
    position: relative;
    overflow: hidden;
}

.Title-Text {
    text-align: center;
}

.Title-MainHeadline {
    font-size: 1.75rem;
    margin-bottom: 2px;
}

.Title-SubHeadline {
    line-height: 1.4;
    margin-bottom: 25px;
}

.Title-Wrapper {
    background-color: #f5f5f5;
    background-size: cover;
}
.custom-forms-tab-width > span {
    width: 100% !important;
}

.no_ads_row td{
    background-color: #dd042d !important;
    color: white !important;
}

.no_ads_row td a{
    color: white !important;
}

.already_in_campaign td{
    background-color: #4ead22 !important;
    color: white !important;
}

.already_in_campaign td a{
    color: white !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.dataTables_scrollBody{
    overflow: visible !important;
}

.stext {
  max-width: 64px;
}


/* Stats */

.chart-container {
    margin: 1rem;
    padding: 0px;
  }

#stammpflegeTab .nav-item{
    background-color: lightgray;
    color: black;
}
#stammpflegeTab .nav-link{
    color: black;
}




#customer_short{
    background-color: lightgray;
    padding: 0.5em;
}

#zusatzversand th, #campaigns th, #orders th{
    background-color: lightgray;
}

.stupid-checkbox {
  margin-top: 0px !important;
  height: 24.1333px;
  width: 24.1333px;
}

.stupid-checkbox:checked{
	background-image: url("/static/img/x.png") !important;
    background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.25);
}