.calculator-box {
  font-size: 12px;
  background-color: #ededed;
  padding: 15px;
}

.calculator-box *:focus {
  outline: none !important;
  box-shadow: none !important;
}

.calculator-box .styled-select strong {
  display: block;
  font-weight: 700;
}

.calculator-box .styled-select-date strong,
.calculator-box .styled-select-result strong {
  margin-bottom: 5px;
}

.calculator-box .styled-select select {
  width: 100%;
  border: 0;
  padding: 10px;
}

.calculator-box .styled-select-date,
.calculator-box .styled-select-cycle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -5px;
  padding-bottom: 15px;
}

.calculator-box .styled-select-date .styled-select-25,
.calculator-box .styled-select-cycle .styled-select-25 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 5px;
}

.calculator-box .styled-select-date .styled-select-50,
.calculator-box .styled-select-cycle .styled-select-50 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 5px;
}

.calculator-box .styled-select-date .styled-select-100,
.calculator-box .styled-select-cycle .styled-select-100 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 5px;
}

.calculator-box .styled-select-calculate .butn {
  position: relative;
  display: block;
  width: 100%;
  border: 0;
  border-radius: 0;
  background-color: #417DB1;
  color: #fff;
  padding: 15px 15px 15px 65px;
}

.calculator-box .styled-select-calculate .butn::before {
  content: '';
  background-image: url('img/button-uitgerekend.png');
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.calculator-box .styled-select-calculate .butn:focus,
.calculator-box .styled-select-calculate .butn:hover {
  background-color: #2D4780;
  color: #fff;
}

.calculator-box .styled-select-calculate .butn:active {
  background-color: #6B6B6B;
  color: #fff;
}

.calculator-box .styled-select-result {
  display: none;
  text-align: center;
  margin-top: 15px;
}

.calculator-box .styled-select-result #datedue {
  font-size: 20px;
  border: 0;
  background: none;
  text-align: center;
}