/*
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 : 17-jun-2014, 10:05:18
    Author     : patrick
*/
/* Algemeen */
/***********************************************
 * Generieke opmake voor tabellen en rows/cells
 ***********************************************/
/* line 4, ../sass/_table_generiek.scss */
tr.odd {
  background-color: #e0e9ea;
}

/***********************************
 * Formulieren en submitbuttons
 ***********************************/
/* line 10, ../sass/_form.scss */
#klant-services-comment-form .form-submit,
#klant-service-activiteit-aanmaken-form .form-submit,
#klant-services-klacht-activiteit-aanmaken-form .form-submit,
#klant-services-klacht-factuur-aanmaken-form .form-submit,
#klant-services-mijn-mening-form .form-submit {
  text-align: center;
  padding: 3px;
  line-height: calc;
}

/* line 16, ../sass/_form.scss */
#klant-services-table-result td.form-button a.form-submit {
  margin: 1px;
  text-align: center;
  padding: 3px;
  width: 96%;
  vertical-align: central;
  line-height: inherit;
  height: inherit;
}
.contactpersoon p {
    margin-bottom: 5px;
}
/* line 27, ../sass/_form.scss */
.form-submit {
  text-align: center;
  padding: 3px;
}
.form-submit:hover {
    background: #b3dd39;
    text-decoration: none;
}
h2.contactPersoonTitle {
    margin-left: 40px;
}
/* line 32, ../sass/_form.scss */
#klant-services-mijn-mening-form select {
  width: 100%;
}

/*******************************
 * Misc
 *******************************/
/* line 4, ../sass/_misc.scss */
ul.overig-titel li {
  max-width: 600px;
  display: block;
}

/* line 9, ../sass/_misc.scss */
ul.overig li span {
  width: 100px;
  display: inline-block;
}

/* line 14, ../sass/_misc.scss */
div#klant-services-buttonrow {
  width: 100%;
  text-align: right;
}

/* line 19, ../sass/_misc.scss */
div#klant-services-buttonrow input {
  margin-right: 10px;
}

/* line 23, ../sass/_misc.scss */
.klant-services-small-submit-button {
  height: 20px;
  line-height: 20px;
  text-align: center;
}

/* line 29, ../sass/_misc.scss */
.alignright {
  text-align: right;
}

/* line 33, ../sass/_misc.scss */
.alignleft {
  text-align: left;
}

/* line 37, ../sass/_misc.scss */
.omschrijving {
  width: 40%;
}

/* line 41, ../sass/_misc.scss */
ul.strippen-nav {
  list-style-type: none;
  width: 100%;
  text-align: right;
  padding: 0;
}
/* line 47, ../sass/_misc.scss */
ul.strippen-nav li {
  display: inline-block;
  padding: 3px;
  background-color: #e0e9ea;
  font-size: 1.3em;
}
/* line 52, ../sass/_misc.scss */
ul.strippen-nav li .active {
  border-bottom: 1px #99c221 solid;
  font-weight: bold;
  color: black;
}

/* line 60, ../sass/_misc.scss */
ul.strippen-nav-jaren {
  margin-top: 10px;
}
/* line 62, ../sass/_misc.scss */
ul.strippen-nav-jaren li {
  margin: 0;
}

/* Specifiek */
/**********************************
 * Klant info
 **********************************/
/* line 4, ../sass/_klantinfo.scss */
#klant-services-klantinfo {
  max-width: 600px;
}

/* line 8, ../sass/_klantinfo.scss */
#klant-services-klantinfo li {
  max-width: 600px;
}

/*
#klant-services-klantinfo li label {
    width:120px;
    display: inline-block ;
}
*/
/**********************************
 * Lokaties
 **********************************/
/* line 4, ../sass/_klant_lokaties.scss */
ul.klant-services-locaties {
  list-style-type: none;
  height: 1.5em;
  margin-bottom: 2px;
  max-width: 600px;
}
/* line 10, ../sass/_klant_lokaties.scss */
ul.klant-services-locaties li {
  display: inline-block;
  margin-bottom: 2px;
}
/* line 14, ../sass/_klant_lokaties.scss */
ul.klant-services-locaties li h2 {
  font-size: 1.2em;
  width: 100px;
}

/*******************************
 * Beheerders
 *******************************/
/* line 5, ../sass/_beheerders.scss */
table#klant-services-beheerders {
  width: 70%;
  max-width: 500px;
}
/* line 9, ../sass/_beheerders.scss */
table#klant-services-beheerders tr.odd {
  background-color: inherit;
}
/* line 13, ../sass/_beheerders.scss */
table#klant-services-beheerders ul.klant-services-beheerders {
  list-style-type: none;
  padding: 0px;
}
/* line 16, ../sass/_beheerders.scss */
table#klant-services-beheerders ul.klant-services-beheerders li {
  padding: 3px;
}
/* line 20, ../sass/_beheerders.scss */
table#klant-services-beheerders ul.klant-services-beheerders li.odd {
  background-color: #e0e9ea;
}

/************************************
 * Result table
 ************************************/
/* line 5, ../sass/_result_table.scss */
#klant-services-table-result {
  width: 100%;
  overflow: hidden;
  max-width: 630px;
}
/* line 10, ../sass/_result_table.scss */
#klant-services-table-result tr.highlight.odd, #klant-services-table-result tr.highlight.even {
  background-color: #99C221;
  color: white;
  font-weight: bold;
}
/* line 16, ../sass/_result_table.scss */
#klant-services-table-result td, #klant-services-table-result th {
  padding: 3px 4px 3px 4px;
}
/* line 20, ../sass/_result_table.scss */
#klant-services-table-result td.form-button {
  text-align: right;
}
/* line 24, ../sass/_result_table.scss */
#klant-services-table-result th {
  text-align: left;
}
/* line 29, ../sass/_result_table.scss */
#klant-services-table-result .strippenkaart .mutatiedatum {
  width: 15%;
}
/* line 32, ../sass/_result_table.scss */
#klant-services-table-result .strippenkaart .omschrijving {
  width: 55%;
}
/* line 35, ../sass/_result_table.scss */
#klant-services-table-result .strippenkaart .uren {
  width: 10%;
}
/* line 38, ../sass/_result_table.scss */
#klant-services-table-result .strippenkaart .uren {
  width: 10%;
}
/* line 41, ../sass/_result_table.scss */
#klant-services-table-result .strippenkaart .strippen {
  width: 10%;
}
/* line 45, ../sass/_result_table.scss */
#klant-services-table-result .strippenkaart .tegoed {
  width: 10%;
}

/* line 52, ../sass/_result_table.scss */
#klant-services-table-result .omschrijving-licenties {
  width: 60%;
}
/* line 56, ../sass/_result_table.scss */
#klant-services-table-result .datum {
  width: 14%;
}
/* line 60, ../sass/_result_table.scss */
#klant-services-table-result .type {
  width: 14%;
}
/* line 64, ../sass/_result_table.scss */
#klant-services-table-result .status {
  width: 11%;
}
/* line 68, ../sass/_result_table.scss */
#klant-services-table-result .contactnaam {
  width: 20%;
}
/* line 72, ../sass/_result_table.scss */
#klant-services-table-result .duur {
  width: 20%;
}
/* line 77, ../sass/_result_table.scss */
#klant-services-table-result td .omschrijving, #klant-services-table-result th .omschrijving {
  width: 100px;
}

/******************************
 * Rapportage
 ******************************/
/* line 5, ../sass/_rapportage.scss */
table.rapportage {
  width: 100%;
  max-width: 620px;
}
/* line 10, ../sass/_rapportage.scss */
table.rapportage thead {
  width: 100%;
}

/* line 1, ../sass/_contactpersonen.scss */
ul.klant-services-contactpersonen {
  list-style-type: none;
  width: 400px;
  max-width: 600px;
}
/* line 6, ../sass/_contactpersonen.scss */
ul.klant-services-contactpersonen li {
  display: block;
  padding: 3px;
}
/* line 9, ../sass/_contactpersonen.scss */
ul.klant-services-contactpersonen li label {
  display: inline-block;
  width: 100%;
  max-width: 400px;
  font-size: 1.1em;
}
/* line 14, ../sass/_contactpersonen.scss */
ul.klant-services-contactpersonen li label span.small {
  font-size: 0.8em;
}

/* line 21, ../sass/_contactpersonen.scss */
ul.klant-services-contactpersonen.odd {
  background-color: #e0e9ea;
}
/* line 23, ../sass/_contactpersonen.scss */
ul.klant-services-contactpersonen.odd li {
  padding: 3px;
}

/* line 28, ../sass/_contactpersonen.scss */
div.contactpersoon {
  padding: 0 3px;
  margin-left: 40px;
}
/* line 32, ../sass/_contactpersonen.scss */
div.contactpersoon h3 {
  font-weight: bold;
  margin-bottom: 5px;
  padding: 3px;
}

/* line 39, ../sass/_contactpersonen.scss */
div.odd {
  background-color: #e0e9ea;
}

/* line 4, ../sass/_multistep_form.scss */
#klant-service-activiteit-aanmaken-form #klant-service-activiteit-aanmaken-stages,
#klant-services-mijn-mening-form #klant-service-activiteit-aanmaken-stages {
  border: 0;
  margin: 0;
}
/* line 7, ../sass/_multistep_form.scss */
#klant-service-activiteit-aanmaken-form #klant-service-activiteit-aanmaken-stages ul,
#klant-services-mijn-mening-form #klant-service-activiteit-aanmaken-stages ul {
  list-style-type: none;
  display: block;
  width: 100%;
  margin: 0px;
  padding: 0;
}
/* line 13, ../sass/_multistep_form.scss */
#klant-service-activiteit-aanmaken-form #klant-service-activiteit-aanmaken-stages ul li,
#klant-services-mijn-mening-form #klant-service-activiteit-aanmaken-stages ul li {
  display: inline-block;
  padding: 0 0px 0 10px;
  background-color: #e0e9ea;
  width: 16%;
  line-height: 30px;
  min-height: 30px;
  margin: 0;
    cursor: pointer;
}
/* line 22, ../sass/_multistep_form.scss */
#klant-service-activiteit-aanmaken-form #klant-service-activiteit-aanmaken-stages ul li.controle-en-verzenden,
#klant-services-mijn-mening-form #klant-service-activiteit-aanmaken-stages ul li.controle-en-verzenden {
  width: 24%;
}
/* line 26, ../sass/_multistep_form.scss */
#klant-service-activiteit-aanmaken-form #klant-service-activiteit-aanmaken-stages ul .active,
#klant-services-mijn-mening-form #klant-service-activiteit-aanmaken-stages ul .active
{
  font-weight: bold;
  background-color: #99c221;
}
#klant-services-mijn-mening-form #klant-service-activiteit-aanmaken-stages ul li:hover,
#klant-service-activiteit-aanmaken-form #klant-service-activiteit-aanmaken-stages ul li:hover {
    background: #99c221;
}

/* line 33, ../sass/_multistep_form.scss */
#klant-service-activiteit-aanmaken-form fieldset,
#klant-services-mijn-mening-form fieldset {
  padding: 0;
}
/* line 37, ../sass/_multistep_form.scss */
#klant-service-activiteit-aanmaken-form input[type=text],
#klant-services-mijn-mening-form input[type=text] {
  padding-right: 0px;
}
/* line 41, ../sass/_multistep_form.scss */
#klant-service-activiteit-aanmaken-form textarea,
#klant-services-mijn-mening-form textarea {
  padding-right: 0px;
}
/* line 47, ../sass/_multistep_form.scss */
#klant-service-activiteit-aanmaken-form #klant-service-activiteit-aanmaken-controle,
#klant-services-mijn-mening-form #klant-service-activiteit-aanmaken-controle {
  border: 0;
    margin: 10px 0 0 0;
}
/* line 49, ../sass/_multistep_form.scss */
#klant-service-activiteit-aanmaken-form #klant-service-activiteit-aanmaken-controle ul,
#klant-services-mijn-mening-form #klant-service-activiteit-aanmaken-controle ul {
  list-style-type: none;
  margin: 0;
  padding: 0px;
}
/* line 53, ../sass/_multistep_form.scss */
#klant-service-activiteit-aanmaken-form #klant-service-activiteit-aanmaken-controle ul li,
#klant-services-mijn-mening-form #klant-service-activiteit-aanmaken-controle ul li {
  display: block;
  padding-left: 0;
  width: 80%;
  line-height: 30px;
  min-height: 30px;
  margin: 0;
}
/* line 64, ../sass/_multistep_form.scss */
#klant-service-activiteit-aanmaken-form #edit-acform,
#klant-services-mijn-mening-form #edit-acform {
  border: 0;
}
/* line 66, ../sass/_multistep_form.scss */
#klant-service-activiteit-aanmaken-form #edit-acform legend,
#klant-services-mijn-mening-form #edit-acform legend {
  display: none;
}
/* line 72, ../sass/_multistep_form.scss */
#klant-service-activiteit-aanmaken-form .form-radios div.form-item,
#klant-services-mijn-mening-form .form-radios div.form-item {
  margin: 30px;
  height: 40px;
}
/* line 78, ../sass/_multistep_form.scss */
#klant-service-activiteit-aanmaken-form input[type=radio],
#klant-services-mijn-mening-form input[type=radio] {
  display: none;
}
/* line 80, ../sass/_multistep_form.scss */
#klant-service-activiteit-aanmaken-form input[type=radio] + label.option,
#klant-services-mijn-mening-form input[type=radio] + label.option {
  display: inline-block;
  cursor: pointer;
  background: #e0e9ea none repeat scroll 0 0;
  border: 0 none;
  color: black;
  text-indent: 0;
  text-align: center;
  vertical-align: central;
  line-height: 1.5em;
  border-radius: 4px;
  padding: 4px 12px;
  height: 1.8em;
  width: 80%;
  font-size: 1.5em;
}
/* line 99, ../sass/_multistep_form.scss */
#klant-service-activiteit-aanmaken-form input[type=radio]:checked + label.option,
#klant-services-mijn-mening-form input[type=radio]:checked + label.option {
  background-image: none;
  background-color: #99c221;
  color: white;
}

/* line 107, ../sass/_multistep_form.scss */
.form-radio {
  display: none;
}

/* line 110, ../sass/_multistep_form.scss */
label.option {
  background: none repeat scroll 0 0 #e0e9ea;
  border: 0 none;
  border-radius: 4px;
  color: black;
  cursor: pointer;
  display: inline-block;
  font-size: 1.5em;
  height: 1.8em;
  line-height: 1.5em;
  padding: 4px 12px;
  text-align: center;
  text-indent: 0;
  width: 80%;
}

/* line 125, ../sass/_multistep_form.scss */
label.option.checked {
  background: #99c221;
}

/****************************
  Voor de table sorter 
 ****************************/
/* line 4, ../sass/_tablesorter.scss */
table.tablesorter thead tr .header {
  padding: 0 10px 0 10px;
}

/* line 10, ../sass/_tablesorter.scss */
table.tablesorter thead tr .header {
  background-image: url("/sites/all/modules/custom/klant_services/images/bg.gif");
  background-position: right center;
  background-repeat: no-repeat;
  cursor: pointer;
}
/* line 17, ../sass/_tablesorter.scss */
table.tablesorter thead tr .headerSortUp {
  background-image: url("/sites/all/modules/custom/klant_services/images/asc.gif");
}
/* line 21, ../sass/_tablesorter.scss */
table.tablesorter thead tr .headerSortDown {
  background-image: url("/sites/all/modules/custom/klant_services/images/desc.gif");
}

/* line 28, ../sass/_tablesorter.scss */
table.tablesorter thead tr.tablesorter-headerRow th div.tablesorter-header-inner {
  background-image: url("/sites/all/modules/custom/klant_services/images/bg.gif");
  background-position: right center;
  background-repeat: no-repeat;
  cursor: pointer;
}
/* line 36, ../sass/_tablesorter.scss */
table.tablesorter thead tr.tablesorter-headerRow th.tablesorter-headerAsc div.tablesorter-header-inner {
  background-image: url("/sites/all/modules/custom/klant_services/images/asc.gif");
}
/* line 42, ../sass/_tablesorter.scss */
table.tablesorter thead tr.tablesorter-headerRow th.tablesorter-headerDesc div.tablesorter-header-inner {
  background-image: url("/sites/all/modules/custom/klant_services/images/desc.gif");
}