body {
    background-color: rgb(120,0,0);
}

.red-btn {
    margin: 2px;
    background-color: rgb(120,0,0);
    color: white;
}

.white-btn {
    margin: 2px;
    background-color: white;
    color: black;
}

.main-btn {
    min-height: 65px;
}


.red-btn:hover,
.red-btn:active,
.red-btn:focus {
    background-color: black;
    color: white;
    border: 1px solid rgb(120,0,0);
}

.white-btn:hover,
.white-btn:active,
.white-btn:focus {
    background-color: black;
    color: white;
    border: 1px solid white;
}

.red-bg {
    background-color:  rgb(120,0,0);
}

.red-border {
    border: 2px solid rgb(120,0,0);
}

.white-bg {
    background-color: white;
}

.white-color {
    color: white;
}

.bestel-heading {
    z-index: 777;
}

.app-body {
    height: 100%;
}

.quant-width {
    width: 25pt;
}

.card-prop {
    width: 100%;
}

.verzend-button {
    float: right;
}
.accordion {
  border: none;
  outline: none;
  transition: 0.4s;
}

.panel {
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  display: flex;
}

/*              WMS                    */
.frb ~ .frb {
	margin-top: 15px;
}

.frb input[type="radio"]:empty {
	display : none;
}

.frb input[type="radio"] ~ label:before {
	font-family: FontAwesome;
	content: '\f096';
	position: absolute;
	top: 50%;
	margin-top: -15px;
	left: 15px;
	font-size: 22px;
}

.frb input[type="radio"]:checked ~ label:before {
	content: '\f046';
}

.frb input[type="radio"] ~ label {
	position: relative;
	cursor: pointer;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 5px;
	background-color: #f2f2f2;
}

.frb input[type="radio"]:checked ~ label {
	color: #fafafa;
}

.frb input[type="radio"] ~ label:focus,
.frb input[type="radio"] ~ label:hover {
	box-shadow: 0px 0px 3px #333;
}

.frb.frb-danger input[type="radio"]:checked ~ label {
	background-color: rgb(120,0,0);
}

.frb input[type="radio"]:empty ~ label span  {
	display: inline-block;
}

.frb input[type="radio"]:empty ~ label span.frb-title {
	font-size: 16px;
	font-weight: 700;
	margin: 5px 5px 5px 45px;
}

.frb input[type="radio"]:empty ~ label span.frb-description {
	font-weight: normal;
	font-style: italic;
	color: #999;
	margin: 5px 5px 5px 45px;
}

.frb input[type="radio"]:empty:checked ~ label span.frb-description {
	color: white;
}