@charset "UTF-8";
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 25.02.2016, 11:26:36
    Author     : Peter
*/
/* Hiding default checkbox and Radio button design */
input[type=checkbox], input[type=radio] {
  opacity: 0;
  position: absolute;
  z-index: 12;
  width: 18px;
  height: 18px;
}

/* Disable outline when clicked*/
input[type=checkbox]:checked, input[type=radio]:checked, input[type=checkbox]:focus, input[type=radio]:focus {
  outline: none !important;
}

input[type=checkbox] + .lbl, input[type=radio] + .lbl {
  position: relative;
  z-index: 11;
  display: inline-block;
  margin: 0;
  line-height: 20px;
  min-height: 14px;
  min-width: 14px;
  font-weight: normal;
}

input[type=checkbox] + .lbl.padding-16::before, input[type=radio] + .lbl.padding-16::before {
  margin-right: 16px;
}

input[type=checkbox] + .lbl.padding-12::before, input[type=radio] + .lbl.padding-12::before {
  margin-right: 12px;
}

input[type=checkbox] + .lbl.padding-8::before, input[type=radio] + .lbl.padding-8::before {
  margin-right: 8px;
}

input[type=checkbox] + .lbl.padding-4::before, input[type=radio] + .lbl.padding-4::before {
  margin-right: 4px;
}

input[type=checkbox] + .lbl.padding-0::before, input[type=radio] + .lbl.padding-0::before {
  margin-right: 0px;
}

/* Basic Checkbox styles */
input[type=checkbox] + .lbl::before, input[type=radio] + .lbl::before {
  font-family: FontAwesome;
  font-weight: normal;
  font-size: 18pt;
  color: #2091cf;
  content: " ";
  background-color: #FAFAFA;
  border: 1px solid #CCC;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 0;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  height: 30px;
  line-height: 30px;
  min-width: 30px;
  margin-right: 1px;
  margin-top: -5px;
}

/* Checked state styles */
input[type=checkbox]:checked + .lbl::before, input[type=radio]:checked + .lbl::before {
  display: inline-block;
  content: "✓";
  background-color: #fff;
  border-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}

/* Hover state styles */
input[type=checkbox]:hover + .lbl::before, input[type=radio]:hover + .lbl::before, input[type=checkbox] + .lbl:hover::before, input[type=radio] + .lbl:hover::before {
  border-color: #1c7aad;
}

/* Shadow when checked or Active */
input[type=checkbox]:active + .lbl::before, input[type=radio]:active + .lbl::before, input[type=checkbox]:checked:active + .lbl::before, input[type=radio]:checked:active + .lbl::before {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

/* Disabled state styles */
input[type=checkbox]:disabled + .lbl::before, input[type=radio]:disabled + .lbl::before, input[type=checkbox][disabled] + .lbl::before, input[type=radio][disabled] + .lbl::before, input[type=checkbox].disabled + .lbl::before, input[type=radio].disabled + .lbl::before {
  background-color: #DDD !important;
  border-color: #CCC !important;
  box-shadow: none !important;
  color: #BBB;
}

/* Styles for Radio button */
input[type=radio] + .lbl::before {
  border-radius: 32px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 36px;
}

input[type=radio]:checked + .lbl::before {
  content: "✓";
}

.lbl {
  padding-left: 50px;
  position: relative;
}

input[type=checkbox] + .lbl::before, input[type=radio] + .lbl::before {
  position: absolute;
  left: 0;
  top: 0;
}