/* ------ Font variables ------ */
/* ------ Role colors ------- */
/* Verkeersregelaar */
/* Gemeente */
/* Teamleider */
/* Organisator */
/* Secretariaat */
/* Algemene taken */
/* ------ /Role colors ------- */
/* ------ Dividers + Borders ------ */
/* ------ Contentbox variables ------*/
/* ------ Warnings + Errors + Successes ------ */
/* ------ Font variables ------ */
/* ------ Role colors ------- */
/* Verkeersregelaar */
/* Gemeente */
/* Teamleider */
/* Organisator */
/* Secretariaat */
/* Algemene taken */
/* ------ /Role colors ------- */
/* ------ Dividers + Borders ------ */
/* ------ Contentbox variables ------*/
/* ------ Warnings + Errors + Successes ------ */
form fieldset legend {
  font-size: 12px;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 20px; }
  form fieldset legend:after {
    content: ":"; }
form label {
  display: inline-block;
  width: 215px;
  text-align: right;
  margin-bottom: 15px; }
  form label:after {
    content: ":"; }
  form label.mandatory:before {
    content: " *";
    font-weight: bold;
    color: #FF0000;
    margin-right: 4px; }
form .k-datepicker {
  padding: 0;
  margin-left: 20px;
  width: 122px; }
  form .k-datepicker input {
    margin-left: 0 !important; }
form input[type="text"], form input[type="password"], form input[type="number"] {
  font-size: 12px;
  font-size: 1rem;
  border: solid 1px #c4c4c4;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  margin-bottom: 10px;
  padding: 5px 10px;
  outline: none; }
  form input[type="text"]:focus, form input[type="password"]:focus, form input[type="number"]:focus {
    border: solid 1px #777; }
form textarea {
  border: solid 1px #c4c4c4;
  padding: 5px 10px;
  outline: none;
  font-size: 12px;
  font-size: 1rem;
  border: solid 1px #c4c4c4;
  font-family: "Open Sans", Helvetica, Arial, sans-serif; }
form .text-tiny {
  width: 46px; }
form .text-small {
  width: 72px; }
form .text-medium {
  width: 185px; }
form .text-disabled {
  background-color: #F2F2F2;
  color: #959595; }

.validationMessages {
  margin-bottom: 10px; }
  .validationMessages ul {
    list-style-type: none; }

.singleErrorMessage {
  color: #FF0000;
  font-weight: bold;
  margin-bottom: 10px; }

.statusMessage {
  padding: 8px;
  margin-right: 20px;
  color: #0089FE;
  background-color: #CFE8FF;
  border: solid 1px #006EE9;
  font-weight: bold; }

.input-validation-error {
  border: solid 1px red !important; }

.field-validation-error {
  margin-left: 20px;
  color: red !important; }

.validation-summary-errors ul {
  list-style-type: disc !important;
  list-style-position: inside !important;
  padding-bottom: 20px;
  margin-bottom: 10px !important; }
  .validation-summary-errors ul li {
    display: block !important;
    margin-bottom: 10px !important;
    float: left !important;
    background-color: #fcf8e3 !important;
    border: solid 1px #faebcc !important;
    color: #8a6d3b !important;
    text-align: left !important;
    padding: 20px !important;
    width: 100% !important; }

.inlineIcon {
  float: left;
  clear: right;
  margin-top: -2px;
  margin-right: 6px; }

#navigation {
  float: left;
  padding: 20px 0;
  text-shadow: 0px 1px 0px #fff;
  width: 960px; }
  #navigation ul {
    display: inline-table;
    list-style: none;
    position: relative;
    z-index: 1000;
    whitespace: nowrap; }
    #navigation ul:after {
      clear: both;
      content: "";
      display: block; }
    #navigation ul li {
      float: left;
      whitespace: nowrap;
      display: inline; }
      #navigation ul li a {
        display: block;
        font-weight: bold;
        font-size: 12px;
        font-size: 1rem;
        color: #333;
        padding: 8px 4px;
        margin-right: 20px;
        whitespace: nowrap; }
        #navigation ul li a:hover {
          color: #FE9800;
          text-decoration: none; }
      #navigation ul li a.currentPage {
        color: #FE9800;
        font-weight: bold; }
      #navigation ul li:hover > ul {
        display: block;
        -o-transition: display 1s;
        -ms-transition: display 1s;
        -moz-transition: display 1s;
        -webkit-transition: display 1s;
        transition: display 1s; }
      #navigation ul li ul {
        border: 1px solid #ddd;
        border-bottom: none;
        display: none;
        padding: 0;
        text-shadow: none;
        position: absolute;
        top: 30px;
        z-index: 1001;
        -moz-box-shadow: 0px 2px 5px #ccc;
        -webkit-box-shadow: 0px 2px 5px #ccc;
        box-shadow: 0px 2px 5px #ccc;
        whitespace: nowrap; }
        #navigation ul li ul li {
          border-bottom: 1px solid #ddd;
          float: none;
          position: relative;
          display: block;
          whitespace: nowrap; }
          #navigation ul li ul li a.currentpage {
            background-color: #eee; }
          #navigation ul li ul li a {
            background-color: #fefefe;
            float: none;
            font-weight: normal;
            margin: 0;
            padding: 12px 20px;
            text-decoration: none;
            whitespace: nowrap; }
            #navigation ul li ul li a:hover {
              background-color: #eee;
              border: none;
              margin: 0; }
            #navigation ul li ul li a:hover > ul {
              display: block;
              -o-transition: display 1s;
              -ms-transition: display 1s;
              -moz-transition: display 1s;
              -webkit-transition: display 1s;
              transition: display 1s; }
          #navigation ul li ul li ul {
            display: none;
            position: absolute;
            left: 100%;
            top: 0; }
            #navigation ul li ul li ul li {
              border-bottom: 1px solid #ddd;
              float: none; }
              #navigation ul li ul li ul li a {
                background-color: #fefefe;
                float: none;
                font-weight: normal;
                margin: 0;
                padding: 12px 20px;
                text-decoration: none; }
                #navigation ul li ul li ul li a:hover {
                  background-color: #eee;
                  border: none;
                  margin: 0; }

.sideBar {
  margin-top: 0; }

#footer {
  padding-bottom: 40px;
  min-height: 140px;
  position: relative;
  color: #666; }
  #footer ul {
    float: left;
    width: 220px;
    margin-right: 20px; }
    #footer ul li {
      margin-bottom: 10px; }
      #footer ul li img {
        display: inline; }
  #footer .footerLogos {
    position: absolute;
    top: 40px;
    right: 0; }

/*# sourceMappingURL=Group.css.map */