html, body {
  height: 100%;
  background-color: #343a40 !important;
}


/* -----------------------
		PADDING
----------------------- */
.padding-5 { padding: 5px; }
.padding-10 { padding: 10px; }
.padding-15 { padding: 15px; }
.padding-20 { padding: 20px; }
.padding-15 { padding: 25px; }
.padding-20 { padding: 30px; }


/* -----------------------
		MARGIN
----------------------- */
.margin-5 { margin: 5px; }
.margin-10 { margin: 10px; }
.margin-15 { margin: 15px; }
.margin-20 { margin: 20px; }
.margin-15 { margin: 25px; }
.margin-20 { margin: 30px; }


/* -----------------------
		MARGIN
----------------------- */
.font-5 { margin: 5pt; }
.font-6 { margin: 6pt; }
.font-7 { margin: 7pt; }
.font-8 { margin: 8pt; }
.font-9 { margin: 9pt; }
.font-10 { margin: 10pt; }
.font-11 { margin: 11pt; }
.font-12 { margin: 12pt; }
.font-13 { margin: 13pt; }
.font-14 { margin: 14pt; }
.font-15 { margin: 15pt; }
.font-16 { margin: 16pt; }
.font-17 { margin: 17pt; }
.font-18 { margin: 18pt; }
.font-19 { margin: 19pt; }
.font-20 { margin: 20pt; }


/*----------------------------------------
   Rounded
-----------------------------------------*/
.rounded5 {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
}

.rounded10 {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;  
}

.rounded15 {
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;  
}

.rounded20 {
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;  
}


/*----------------------------------------
   Large Checkbox
-----------------------------------------*/
input.grandeCheckbox { 
  transform : scale(1.5);
  background-color: #e8b918 !important; }
}

input.grandeCheckbox1 { 
  transform : scale(2);
  background-color: #e8b918 !important; }
}

input.grandeCheckbox2 { 
  transform : scale(3);
  background-color: #e8b918 !important; }
}