textarea{resize: none; font-family: Fira Sans; font-size: 14px;} input,select,textarea,button{outline: 0;}
input::placeholder { text-transform: none; }
input,select,textarea,button{outline: 0;}

/***************************************
!! ALGEMEEN !!
***************************************/

.form{margin: 0px !important;}

.input{
 font-family: Raleway, Sans-serif, arial, calibri;
 width: calc(100% - 22px);
 padding: 10px;
 outline: none;
 border: 1px solid rgb(200,200,200);
 margin: 10px 0px 0px 0px;
 border-radius: .4375rem;
}
.select{
 font-family: Raleway, Sans-serif, arial, calibri;
 width: calc(100% - 0px);
 padding: 10px;
 outline: none;
 border: 1px solid rgb(200,200,200);
 margin: 10px 0px 0px 0px;
 border-radius: .4375rem;
}
.submit{
 font-family: Raleway, Sans-serif, arial, calibri;
 width: 100%;
 margin: 10px 0px 0px 0px;
 padding: 10px 0px;
 background-color: rgb(222,111,33);
 color: rgb(255,255,255);
 border: 1px solid rgb(222,111,33);
 border-radius: .4375rem;
 cursor: pointer;
}

.textarea{
  font-family: Raleway, Sans-serif, arial, calibri;
  width: calc(100% - 22px);
  height: 100px;
  float: left;
  position: relative;
  border-radius: .4375rem;
  margin: 10px 0px 0px 0px;
  border: 1px solid rgb(200,200,200);
  padding: 10px;
}
/***************************************
!! START !!
***************************************/
.input-start-nieuwsbrief{
 width: calc(100% - 72px);
 padding: 10px;
 outline: none;
 border-top: 1px solid rgb(222,111,33);
 border-left: 1px solid rgb(222,111,33);
 border-bottom: 1px solid rgb(222,111,33);
 border-right: 0px solid rgb(222,111,33);
 margin: 10px 0px 0px 0px;
 border-top-left-radius: .4375rem;
 border-bottom-left-radius: .4375rem;
}

.submit-start-nieuwsbrief{
 width: 50px;
 margin: 10px 0px 0px -4px;
 padding: 10px 0px;
 background-color: rgb(222,111,33);
 color: rgb(255,255,255);
 border-top: 1px solid rgb(222,111,33);
 border-right: 1px solid rgb(222,111,33);
 border-bottom: 1px solid rgb(222,111,33);
 border-left: 0px solid rgb(222,111,33);
 border-top-right-radius: .4375rem;
 border-bottom-right-radius: .4375rem;
 cursor: pointer;
}

/***************************************
!! CORONA !!
***************************************/
.submit-corona{ margin: 20px 0px 0px 0px; }
.container-radio input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  cursor: pointer;
}
.checkmark {
  position: absolute;
  top: 6px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: .4375rem;
}
.container:hover input ~ .checkmark {
  background-color: #ccc;
}
.container-radio input:checked ~ .checkmark {
  background-color: rgb(254,145,38);
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.container-radio input:checked ~ .checkmark:after {
  display: block;
}

/***************************************
!! MINITOERNOOI !!
***************************************/
.minitoernooi-poule-aanmaken{
 width: 100px;
 padding: 10px;
 outline: none;
 border-top: 1px solid rgb(222,111,33);
 border-left: 1px solid rgb(222,111,33);
 border-bottom: 1px solid rgb(222,111,33);
 border-right: 0px solid rgb(222,111,33);
 margin: 10px 0px 0px 0px;
 border-top-left-radius: .4375rem;
 border-bottom-left-radius: .4375rem;
}

.minitoernooi-poule-aanmaken-submit{
 width: 50px;
 margin: 10px 0px 0px -4px;
 padding: 10px 0px;
 background-color: rgb(222,111,33);
 color: rgb(255,255,255);
 border-top: 1px solid rgb(222,111,33);
 border-right: 1px solid rgb(222,111,33);
 border-bottom: 1px solid rgb(222,111,33);
 border-left: 0px solid rgb(222,111,33);
 border-top-right-radius: .4375rem;
 border-bottom-right-radius: .4375rem;
 cursor: pointer;
}

.select-poules{
 font-family: Raleway, Sans-serif, arial, calibri;
 width: calc(100% - 50px);
 padding: 10px;
 outline: none;
 border: 1px solid rgb(200,200,200);
 margin: 10px 0px 0px 0px;
 border-radius: .4375rem;
}

/***************************************
!! INSTELLINGEN !!
***************************************/
.input-adres{
 font-family: Raleway, Sans-serif, arial, calibri;
 width: calc(100% - 136px);
 padding: 10px;
 outline: none;
 border: 1px solid rgb(200,200,200);
 margin: 10px 0px 0px 0px;
 border-radius: .4375rem;
}
.input-huisnummer{
 font-family: Raleway, Sans-serif, arial, calibri;
 width: 30px;
 padding: 10px;
 outline: none;
 border: 1px solid rgb(200,200,200);
 margin: 10px 0px 0px 10px;
 border-radius: .4375rem;
}
.input-toevoeging{
 font-family: Raleway, Sans-serif, arial, calibri;
 width: 20px;
 padding: 10px;
 outline: none;
 border: 1px solid rgb(200,200,200);
 margin: 10px 0px 0px 10px;
 border-radius: .4375rem;
  text-align: center;
}

.input-postcode, .input-plaats, .input-mobiel1, .input-mobiel2{
 font-family: Raleway, Sans-serif, arial, calibri;
 width: calc(50% - 27px);
 padding: 10px;
 outline: none;
 border: 1px solid rgb(200,200,200);
 margin: 10px 0px 0px 0px;
 border-radius: .4375rem;
}
.input-postcode, .input-mobiel1{margin-right: 10px;}

/***************************************
!! MINITOERNOOI !!
***************************************/
.input-voornaam, .input-achternaam{
 font-family: Raleway, Sans-serif, arial, calibri;
 width: calc(50% - 83px);
 padding: 10px;
 outline: none;
 border: 1px solid rgb(200,200,200);
 margin: 10px 0px 0px 0px;
 border-radius: .4375rem;
}
.input-tussen{
 font-family: Raleway, Sans-serif, arial, calibri;
 width: calc(80px);
 padding: 10px;
 outline: none;
 border: 1px solid rgb(200,200,200);
 margin: 10px 10px 0px 10px;
 border-radius: .4375rem;
}
.select-band{
 font-family: Raleway, Sans-serif, arial, calibri;
 width: calc(50% - 10px);
 padding: 10px;
 outline: none;
 border: 1px solid rgb(200,200,200);
 margin: 10px 0px 0px 0px;
 border-radius: .4375rem;
  float: left;
}
.select-slip{
 font-family: Raleway, Sans-serif, arial, calibri;
 width: calc(50% - 10px);
 padding: 10px;
 outline: none;
 border: 1px solid rgb(200,200,200);
 margin: 10px 0px 0px 0px;
 border-radius: .4375rem;
   float: right;
}
/***************************************
!! X !!
***************************************/
.input-50-l, .input-50-r{
 font-family: Raleway, Sans-serif, arial, calibri;
 width: calc(50% - 32px);
 padding: 10px;
 outline: none;
 border: 1px solid rgb(200,200,200);
 margin: 10px 0px 0px 0px;
 border-radius: .4375rem;
 float: left;
}

.input-50-r{float: right;}

.input-datum-training{
 font-family: Raleway, Sans-serif, arial, calibri;
 width: calc(100% - 18px);
 padding: 10px;
 outline: none;
 border: 1px solid rgb(200,200,200);
 margin: 10px 0px 0px 0px;
 border-radius: .4375rem;
}
.input-datum-training{padding: 8px; margin-right: 10px;}

.input-tijd-training{
 font-family: Raleway, Sans-serif, arial, calibri;
 width: 80px;
 padding: 10px;
 outline: none;
 border: 1px solid rgb(200,200,200);
 margin: 10px 0px 0px 0px;
 border-radius: .4375rem;
}

.input-informatie-training{
 font-family: Raleway, Sans-serif, arial, calibri;
 width: calc(100% - 134px);
 padding: 10px;
 outline: none;
 border: 1px solid rgb(200,200,200);
 margin: 10px 0px 0px 10px;
 border-radius: .4375rem;
}