@media (max-width: 767px) {
  /* line 1, ../../sass/lib/base/_reset.scss */
  .mx-grid,
  .mx-tabcontainer,
  .mx-listview,
  .mx-templategrid,
  .mx-groupbox {
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) {
  /* line 1, ../../sass/lib/base/_reset.scss */
  .mx-grid,
  .mx-tabcontainer,
  .mx-listview,
  .mx-templategrid,
  .mx-groupbox {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  /* line 1, ../../sass/lib/base/_reset.scss */
  .mx-grid,
  .mx-tabcontainer,
  .mx-listview,
  .mx-templategrid,
  .mx-groupbox {
    margin-bottom: 35px;
  }
}

/* line 9, ../../sass/lib/base/_reset.scss */
.mx-layoutcontainer .mx-layoutcontainer-wrapper {
  padding: 0px;
}

/* line 13, ../../sass/lib/base/_reset.scss */
.profile-tablet .mx-layoutcontainer .mx-layoutcontainer-wrapper {
  padding: 0px;
}

/* line 18, ../../sass/lib/base/_reset.scss */
.profile-phone .mx-layoutcontainer .mx-layoutcontainer-wrapper {
  padding: 0px;
}

/* line 23, ../../sass/lib/base/_reset.scss */
.mx-layoutcontainer .mx-placeholder {
  padding: 0;
}
/* line 26, ../../sass/lib/base/_reset.scss */
.mx-layoutcontainer .mx-placeholder .mx-layoutgrid {
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-width: 767px) {
  /* line 26, ../../sass/lib/base/_reset.scss */
  .mx-layoutcontainer .mx-placeholder .mx-layoutgrid {
    padding: 10px 15px 10px 15px;
  }
}
@media (min-width: 768px) {
  /* line 26, ../../sass/lib/base/_reset.scss */
  .mx-layoutcontainer .mx-placeholder .mx-layoutgrid {
    padding: 20px 30px 20px 30px;
  }
}
@media (min-width: 992px) {
  /* line 26, ../../sass/lib/base/_reset.scss */
  .mx-layoutcontainer .mx-placeholder .mx-layoutgrid {
    padding: 35px 40px 35px 40px;
  }
}
@media (max-width: 767px) {
  /* line 31, ../../sass/lib/base/_reset.scss */
  .mx-layoutcontainer .mx-placeholder .mx-layoutgrid:first-child {
    padding-top: 10px;
  }
}
@media (min-width: 768px) {
  /* line 31, ../../sass/lib/base/_reset.scss */
  .mx-layoutcontainer .mx-placeholder .mx-layoutgrid:first-child {
    padding-top: 20px;
  }
}
@media (min-width: 992px) {
  /* line 31, ../../sass/lib/base/_reset.scss */
  .mx-layoutcontainer .mx-placeholder .mx-layoutgrid:first-child {
    padding-top: 35px;
  }
}
@media (max-width: 767px) {
  /* line 34, ../../sass/lib/base/_reset.scss */
  .mx-layoutcontainer .mx-placeholder .mx-layoutgrid:last-child {
    padding-bottom: 10px;
  }
}
@media (min-width: 768px) {
  /* line 34, ../../sass/lib/base/_reset.scss */
  .mx-layoutcontainer .mx-placeholder .mx-layoutgrid:last-child {
    padding-bottom: 20px;
  }
}
@media (min-width: 992px) {
  /* line 34, ../../sass/lib/base/_reset.scss */
  .mx-layoutcontainer .mx-placeholder .mx-layoutgrid:last-child {
    padding-bottom: 35px;
  }
}
/* line 37, ../../sass/lib/base/_reset.scss */
.mx-layoutcontainer .mx-placeholder .mx-layoutgrid.container {
  padding-left: 15px;
  padding-right: 15px;
}
/* line 41, ../../sass/lib/base/_reset.scss */
.mx-layoutcontainer .mx-placeholder .mx-layoutgrid .mx-layoutgrid {
  padding: 0;
}

/* line 47, ../../sass/lib/base/_reset.scss */
.profile-phone .mx-layoutcontainer .mx-placeholder {
  padding: 0;
}
/* line 51, ../../sass/lib/base/_reset.scss */
.profile-phone .mx-layoutcontainer .mx-placeholder .mx-layoutgrid .mx-layoutgrid {
  padding: 0;
}

/* line 56, ../../sass/lib/base/_reset.scss */
.profile-tablet .mx-layoutcontainer .mx-placeholder {
  padding: 0;
}
/* line 58, ../../sass/lib/base/_reset.scss */
.profile-tablet .mx-layoutcontainer .mx-placeholder .mx-layoutgrid {
  padding: 20px 30px 20px 30px;
}
/* line 60, ../../sass/lib/base/_reset.scss */
.profile-tablet .mx-layoutcontainer .mx-placeholder .mx-layoutgrid.container {
  padding-left: 15px;
  padding-right: 15px;
}
/* line 64, ../../sass/lib/base/_reset.scss */
.profile-tablet .mx-layoutcontainer .mx-placeholder .mx-layoutgrid .mx-layoutgrid {
  padding: 0;
}

/* line 69, ../../sass/lib/base/_reset.scss */
.mx-layoutcontainer-wrapper.mx-layoutcontainer-nested {
  padding: 0;
}

/* line 75, ../../sass/lib/base/_reset.scss */
.pageheader .mx-grid,
.pageheader .mx-tabcontainer,
.pageheader .mx-listview,
.pageheader .mx-templategrid,
.pageheader .mx-groupbox {
  margin-bottom: 0;
}

/* line 88, ../../sass/lib/base/_reset.scss */
.profile-phone .mx-placeholder > .mx-tabcontainer:only-child,
.profile-phone .mx-placeholder > .mx-grid:only-child,
.profile-tablet .mx-placeholder > .mx-tabcontainer:only-child,
.profile-tablet .mx-placeholder > .mx-grid:only-child {
  margin-bottom: 0;
}

/* ==========================================================================
   Base

   Default settings
========================================================================== */
/* line 6, ../../sass/lib/base/_base.scss */
html {
  height: 100%;
}

/* line 9, ../../sass/lib/base/_base.scss */
body {
  font-family: "Trebuchet MS", sans-serif;
  font-weight: normal;
  color: #000000;
  font-size: 14px;
  line-height: 1.42857;
  background-color: #FFFFFF;
  min-height: 100%;
}

/* line 18, ../../sass/lib/base/_base.scss */
a {
  color: #1E9D8B;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden;
}

/* line 26, ../../sass/lib/base/_base.scss */
a:hover {
  text-decoration: underline;
  color: #125d52;
}

/* line 31, ../../sass/lib/base/_base.scss */
a:focus {
  outline: thin dotted;
}

/* line 35, ../../sass/lib/base/_base.scss */
a:active,
a:hover {
  outline: 0;
}

/* line 40, ../../sass/lib/base/_base.scss */
input:focus,
button:focus,
.mx-link:focus {
  outline: 0;
}

/* line 46, ../../sass/lib/base/_base.scss */
div[tabindex] {
  outline: 0;
}

/* ==========================================================================
   Inputs
========================================================================== */
/* line 4, ../../sass/lib/components/_inputs.scss */
.form-control, .form-disabled p {
  -moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  box-shadow: none;
  display: block;
  padding: 6px 8px;
  width: 100%;
  height: auto;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  background-color: #FFFFFF;
  background-image: none;
  color: #000000;
  font-size: 14px;
  line-height: 1.42857;
}

/* line 23, ../../sass/lib/components/_inputs.scss */
.form-control:focus, .form-disabled p:focus {
  border-color: #156570;
  background-color: #FFF;
  outline: 0;
}

/* line 28, ../../sass/lib/components/_inputs.scss */
textarea.form-control {
  height: auto;
}

/* line 32, ../../sass/lib/components/_inputs.scss */
.form-control-static, .form-group div[class*='textBox'] > label,
.form-group div[class*='textArea'] > label,
.form-group div[class*='datePicker'] > label {
  overflow: hidden;
  min-height: auto;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 14px;
  line-height: 1.42857;
}

/* Not editable textarea, textarea will be rendered as a label */
/* line 42, ../../sass/lib/components/_inputs.scss */
.mx-textarea label {
  height: auto;
}

/* ==========================================================================
   Group with label and input
========================================================================== */
/* Input and textarea get properly aligned */
/* line 57, ../../sass/lib/components/_inputs.scss */
.form-group {
  margin-bottom: 15px;
}
/* line 59, ../../sass/lib/components/_inputs.scss */
.form-group [class*='col-'] {
  padding-left: 15px;
  padding-right: 15px;
}

/* line 64, ../../sass/lib/components/_inputs.scss */
.form-group .control-label {
  color: #666666;
  font-size: 14px;
  font-weight: normal;
}

@media (min-width: 768px) {
  /* line 71, ../../sass/lib/components/_inputs.scss */
  .form-horizontal .control-label {
    line-height: 1.42857;
    padding-top: 6px;
    padding-bottom: 6px;
  }
}

/* ==========================================================================
   Inputs Readonly
========================================================================== */
/* ==========================================================================
   Inputs File Upload
========================================================================== */
/* line 109, ../../sass/lib/components/_inputs.scss */
.mx-fileinput {
  /* File input widget hover fix */
}
/* line 110, ../../sass/lib/components/_inputs.scss */
.mx-fileinput .mx-wrapped-label {
  display: inline-block;
  width: 200px;
}
/* line 116, ../../sass/lib/components/_inputs.scss */
.mx-fileinput .mx-wrapped-form .mx-wrapped-input {
  cursor: pointer;
}
/* line 119, ../../sass/lib/components/_inputs.scss */
.mx-fileinput .mx-wrapped-form .mx-fileinput-upload-button:hover {
  background-color: #EFF4F7;
}

/* ==========================================================================
   Alerts

   Default Bootstrap Alert boxes. Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages
========================================================================== */
/* line 6, ../../sass/lib/components/_alerts.scss */
.alert {
  border-radius: 4px;
  margin-top: 0;
  padding: 15px;
  border: 0;
}

/* line 12, ../../sass/lib/components/_alerts.scss */
.alert-bordered {
  border: 1px solid;
}

/* line 15, ../../sass/lib/components/_alerts.scss */
.alert-success {
  border-color: #58a458;
  background-color: #e4f8e4;
  color: #478547;
}

/* line 20, ../../sass/lib/components/_alerts.scss */
.alert-info {
  border-color: #135962;
  background-color: #d1e4e7;
  color: #0f4850;
}

/* line 25, ../../sass/lib/components/_alerts.scss */
.alert-warning {
  border-color: #bd8435;
  background-color: #fff0da;
  color: #996b2b;
}

/* line 30, ../../sass/lib/components/_alerts.scss */
.alert-danger {
  border-color: #bd4e48;
  background-color: #ffe1df;
  color: #993f3a;
}

/* line 35, ../../sass/lib/components/_alerts.scss */
.has-error .alert {
  margin-top: 8px;
  margin-bottom: 0;
}

/* ==========================================================================
   Backgrounds

   Different background components, all managed by variables
========================================================================== */
/* line 6, ../../sass/lib/components/_backgrounds.scss */
.background-layout {
  background-color: #FFFFFF !important;
}

/* line 7, ../../sass/lib/components/_backgrounds.scss */
.background-layout-secondary {
  background-color: #EFF4F7 !important;
}

/* line 9, ../../sass/lib/components/_backgrounds.scss */
.background-default {
  background-color: #FFFFFF !important;
}

/* line 10, ../../sass/lib/components/_backgrounds.scss */
.background-default-darker {
  background-color: #999999 !important;
}

/* line 11, ../../sass/lib/components/_backgrounds.scss */
.background-default-dark {
  background-color: #bdbdbd !important;
}

/* line 12, ../../sass/lib/components/_backgrounds.scss */
.background-default-light {
  background-color: white !important;
}

/* line 13, ../../sass/lib/components/_backgrounds.scss */
.background-default-lighter {
  background-color: white !important;
}

/* line 15, ../../sass/lib/components/_backgrounds.scss */
.background-inverse {
  background-color: #CCCCCC !important;
}

/* line 16, ../../sass/lib/components/_backgrounds.scss */
.background-inverse-darker {
  background-color: #7a7a7a !important;
}

/* line 17, ../../sass/lib/components/_backgrounds.scss */
.background-inverse-dark {
  background-color: #979797 !important;
}

/* line 18, ../../sass/lib/components/_backgrounds.scss */
.background-inverse-light {
  background-color: #e0e0e0 !important;
}

/* line 19, ../../sass/lib/components/_backgrounds.scss */
.background-inverse-lighter {
  background-color: whitesmoke !important;
}

/* line 21, ../../sass/lib/components/_backgrounds.scss */
.background-primary {
  background-color: #156570 !important;
}

/* line 22, ../../sass/lib/components/_backgrounds.scss */
.background-primary-darker {
  background-color: #0d3d43 !important;
}

/* line 23, ../../sass/lib/components/_backgrounds.scss */
.background-primary-dark {
  background-color: #104b53 !important;
}

/* line 24, ../../sass/lib/components/_backgrounds.scss */
.background-primary-light {
  background-color: #73a3a9 !important;
}

/* line 25, ../../sass/lib/components/_backgrounds.scss */
.background-primary-lighter {
  background-color: #d0e0e2 !important;
}

/* line 27, ../../sass/lib/components/_backgrounds.scss */
.background-info {
  background-color: #197885 !important;
}

/* line 28, ../../sass/lib/components/_backgrounds.scss */
.background-info-darker {
  background-color: #0f4850 !important;
}

/* line 29, ../../sass/lib/components/_backgrounds.scss */
.background-info-dark {
  background-color: #135962 !important;
}

/* line 30, ../../sass/lib/components/_backgrounds.scss */
.background-info-light {
  background-color: #75aeb6 !important;
}

/* line 31, ../../sass/lib/components/_backgrounds.scss */
.background-info-lighter {
  background-color: #d1e4e7 !important;
}

/* line 33, ../../sass/lib/components/_backgrounds.scss */
.background-success {
  background-color: #77DD77 !important;
}

/* line 34, ../../sass/lib/components/_backgrounds.scss */
.background-success-darker {
  background-color: #478547 !important;
}

/* line 35, ../../sass/lib/components/_backgrounds.scss */
.background-success-dark {
  background-color: #58a458 !important;
}

/* line 36, ../../sass/lib/components/_backgrounds.scss */
.background-success-light {
  background-color: #adebad !important;
}

/* line 37, ../../sass/lib/components/_backgrounds.scss */
.background-success-lighter {
  background-color: #e4f8e4 !important;
}

/* line 39, ../../sass/lib/components/_backgrounds.scss */
.background-warning {
  background-color: #FFB347 !important;
}

/* line 40, ../../sass/lib/components/_backgrounds.scss */
.background-warning-darker {
  background-color: #996b2b !important;
}

/* line 41, ../../sass/lib/components/_backgrounds.scss */
.background-warning-dark {
  background-color: #bd8435 !important;
}

/* line 42, ../../sass/lib/components/_backgrounds.scss */
.background-warning-light {
  background-color: #ffd191 !important;
}

/* line 43, ../../sass/lib/components/_backgrounds.scss */
.background-warning-lighter {
  background-color: #fff0da !important;
}

/* line 45, ../../sass/lib/components/_backgrounds.scss */
.background-danger {
  background-color: #FF6961 !important;
}

/* line 46, ../../sass/lib/components/_backgrounds.scss */
.background-danger-darker {
  background-color: #993f3a !important;
}

/* line 47, ../../sass/lib/components/_backgrounds.scss */
.background-danger-dark {
  background-color: #bd4e48 !important;
}

/* line 48, ../../sass/lib/components/_backgrounds.scss */
.background-danger-light {
  background-color: #ffa5a0 !important;
}

/* line 49, ../../sass/lib/components/_backgrounds.scss */
.background-danger-lighter {
  background-color: #ffe1df !important;
}

/* ==========================================================================
   Buttons

   Default Bootstrap and Mendix Buttons
========================================================================== */
/* line 6, ../../sass/lib/components/_buttons.scss */
.btn,
.mx-button {
  /* MXID / Bootstrap values for when used in non-mendix apps */
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-family: 'Centrale Sans';
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  border-radius: 4px;
  box-shadow: none;
  padding: 8px 14px;
  background-color: #EFF4F7;
  color: #000000;
  text-shadow: none;
  font-size: 10px;
  line-height: 1.42857;
}
/* line 40, ../../sass/lib/components/_buttons.scss */
.btn:hover, .btn:focus, .btn:active,
.mx-button:hover,
.mx-button:focus,
.mx-button:active {
  box-shadow: none;
  outline: none;
}

/* line 49, ../../sass/lib/components/_buttons.scss */
.mx-link {
  padding: 0;
  color: #1E9D8B;
}
/* line 53, ../../sass/lib/components/_buttons.scss */
.mx-link a {
  color: inherit;
}

/* line 62, ../../sass/lib/components/_buttons.scss */
.btn img,
.mx-button img,
.mx-link img {
  margin-top: -1px;
  height: 18px;
}

/* line 70, ../../sass/lib/components/_buttons.scss */
.dj_ie8 .mx-link {
  margin-right: 0;
  white-space: normal;
}

/* line 77, ../../sass/lib/components/_buttons.scss */
.btn-default {
  border-color: #949CA4;
  background-color: #EFF4F7;
  color: #000000;
}
/* line 6, ../../sass/lib/base/mixins/_buttons.scss */
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  border-color: #78838d;
  background-color: #cddde6;
  color: #000000;
}
/* line 15, ../../sass/lib/base/mixins/_buttons.scss */
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  background-image: none;
}
/* line 23, ../../sass/lib/base/mixins/_buttons.scss */
.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
  border-color: #949CA4;
  background-color: #EFF4F7;
}
/* line 33, ../../sass/lib/base/mixins/_buttons.scss */
.btn-default.btn-bordered {
  background-color: transparent;
  color: #949CA4;
}
/* line 37, ../../sass/lib/base/mixins/_buttons.scss */
.btn-default.btn-bordered:hover, .btn-default.btn-bordered:focus, .btn-default.btn-bordered:active, .btn-default.btn-bordered.active, .open > .btn-default.btn-bordered.dropdown-toggle {
  background-color: #EFF4F7;
  border-color: #949CA4;
  color: #000000;
}

/* line 80, ../../sass/lib/components/_buttons.scss */
.btn-primary, .mx-grid.datagrid-fullsearch .mx-grid-search-button, .mx-grid.multilevel-grid .mx-grid-search-button {
  border-color: #156570;
  background-color: #156570;
  color: #FFF;
}
/* line 6, ../../sass/lib/base/mixins/_buttons.scss */
.btn-primary:hover, .mx-grid.datagrid-fullsearch .mx-grid-search-button:hover, .mx-grid.multilevel-grid .mx-grid-search-button:hover, .btn-primary:focus, .mx-grid.datagrid-fullsearch .mx-grid-search-button:focus, .mx-grid.multilevel-grid .mx-grid-search-button:focus, .btn-primary:active, .mx-grid.datagrid-fullsearch .mx-grid-search-button:active, .mx-grid.multilevel-grid .mx-grid-search-button:active, .btn-primary.active, .mx-grid.datagrid-fullsearch .active.mx-grid-search-button, .mx-grid.multilevel-grid .active.mx-grid-search-button, .open > .btn-primary.dropdown-toggle, .mx-grid.datagrid-fullsearch .open > .dropdown-toggle.mx-grid-search-button, .mx-grid.multilevel-grid .open > .dropdown-toggle.mx-grid-search-button {
  border-color: #0d3e45;
  background-color: #0d3e45;
  color: #FFF;
}
/* line 15, ../../sass/lib/base/mixins/_buttons.scss */
.btn-primary:active, .mx-grid.datagrid-fullsearch .mx-grid-search-button:active, .mx-grid.multilevel-grid .mx-grid-search-button:active, .btn-primary.active, .mx-grid.datagrid-fullsearch .active.mx-grid-search-button, .mx-grid.multilevel-grid .active.mx-grid-search-button, .open > .btn-primary.dropdown-toggle, .mx-grid.datagrid-fullsearch .open > .dropdown-toggle.mx-grid-search-button, .mx-grid.multilevel-grid .open > .dropdown-toggle.mx-grid-search-button {
  background-image: none;
}
/* line 23, ../../sass/lib/base/mixins/_buttons.scss */
.btn-primary.disabled, .mx-grid.datagrid-fullsearch .disabled.mx-grid-search-button, .mx-grid.multilevel-grid .disabled.mx-grid-search-button, .btn-primary.disabled:hover, .mx-grid.datagrid-fullsearch .disabled.mx-grid-search-button:hover, .mx-grid.multilevel-grid .disabled.mx-grid-search-button:hover, .btn-primary.disabled:focus, .mx-grid.datagrid-fullsearch .disabled.mx-grid-search-button:focus, .mx-grid.multilevel-grid .disabled.mx-grid-search-button:focus, .btn-primary.disabled:active, .mx-grid.datagrid-fullsearch .disabled.mx-grid-search-button:active, .mx-grid.multilevel-grid .disabled.mx-grid-search-button:active, .btn-primary.disabled.active, .mx-grid.datagrid-fullsearch .disabled.active.mx-grid-search-button, .mx-grid.multilevel-grid .disabled.active.mx-grid-search-button, .btn-primary[disabled], .mx-grid.datagrid-fullsearch [disabled].mx-grid-search-button, .mx-grid.multilevel-grid [disabled].mx-grid-search-button, .btn-primary[disabled]:hover, .mx-grid.datagrid-fullsearch [disabled].mx-grid-search-button:hover, .mx-grid.multilevel-grid [disabled].mx-grid-search-button:hover, .btn-primary[disabled]:focus, .mx-grid.datagrid-fullsearch [disabled].mx-grid-search-button:focus, .mx-grid.multilevel-grid [disabled].mx-grid-search-button:focus, .btn-primary[disabled]:active, .mx-grid.datagrid-fullsearch [disabled].mx-grid-search-button:active, .mx-grid.multilevel-grid [disabled].mx-grid-search-button:active, .btn-primary[disabled].active, .mx-grid.datagrid-fullsearch [disabled].active.mx-grid-search-button, .mx-grid.multilevel-grid [disabled].active.mx-grid-search-button, fieldset[disabled] .btn-primary, fieldset[disabled] .mx-grid.datagrid-fullsearch .mx-grid-search-button, .mx-grid.datagrid-fullsearch fieldset[disabled] .mx-grid-search-button, fieldset[disabled] .mx-grid.multilevel-grid .mx-grid-search-button, .mx-grid.multilevel-grid fieldset[disabled] .mx-grid-search-button, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .mx-grid.datagrid-fullsearch .mx-grid-search-button:hover, .mx-grid.datagrid-fullsearch fieldset[disabled] .mx-grid-search-button:hover, fieldset[disabled] .mx-grid.multilevel-grid .mx-grid-search-button:hover, .mx-grid.multilevel-grid fieldset[disabled] .mx-grid-search-button:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .mx-grid.datagrid-fullsearch .mx-grid-search-button:focus, .mx-grid.datagrid-fullsearch fieldset[disabled] .mx-grid-search-button:focus, fieldset[disabled] .mx-grid.multilevel-grid .mx-grid-search-button:focus, .mx-grid.multilevel-grid fieldset[disabled] .mx-grid-search-button:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .mx-grid.datagrid-fullsearch .mx-grid-search-button:active, .mx-grid.datagrid-fullsearch fieldset[disabled] .mx-grid-search-button:active, fieldset[disabled] .mx-grid.multilevel-grid .mx-grid-search-button:active, .mx-grid.multilevel-grid fieldset[disabled] .mx-grid-search-button:active, fieldset[disabled] .btn-primary.active, fieldset[disabled] .mx-grid.datagrid-fullsearch .active.mx-grid-search-button, .mx-grid.datagrid-fullsearch fieldset[disabled] .active.mx-grid-search-button, fieldset[disabled] .mx-grid.multilevel-grid .active.mx-grid-search-button, .mx-grid.multilevel-grid fieldset[disabled] .active.mx-grid-search-button {
  border-color: #156570;
  background-color: #156570;
}
/* line 33, ../../sass/lib/base/mixins/_buttons.scss */
.btn-primary.btn-bordered, .mx-grid.datagrid-fullsearch .btn-bordered.mx-grid-search-button, .mx-grid.multilevel-grid .btn-bordered.mx-grid-search-button {
  background-color: transparent;
  color: #156570;
}
/* line 37, ../../sass/lib/base/mixins/_buttons.scss */
.btn-primary.btn-bordered:hover, .mx-grid.datagrid-fullsearch .btn-bordered.mx-grid-search-button:hover, .mx-grid.multilevel-grid .btn-bordered.mx-grid-search-button:hover, .btn-primary.btn-bordered:focus, .mx-grid.datagrid-fullsearch .btn-bordered.mx-grid-search-button:focus, .mx-grid.multilevel-grid .btn-bordered.mx-grid-search-button:focus, .btn-primary.btn-bordered:active, .mx-grid.datagrid-fullsearch .btn-bordered.mx-grid-search-button:active, .mx-grid.multilevel-grid .btn-bordered.mx-grid-search-button:active, .btn-primary.btn-bordered.active, .mx-grid.datagrid-fullsearch .btn-bordered.active.mx-grid-search-button, .mx-grid.multilevel-grid .btn-bordered.active.mx-grid-search-button, .open > .btn-primary.btn-bordered.dropdown-toggle, .mx-grid.datagrid-fullsearch .open > .btn-bordered.dropdown-toggle.mx-grid-search-button, .mx-grid.multilevel-grid .open > .btn-bordered.dropdown-toggle.mx-grid-search-button {
  background-color: #156570;
  border-color: #156570;
  color: #FFF;
}

/* line 83, ../../sass/lib/components/_buttons.scss */
.btn-inverse {
  border-color: #CCCCCC;
  background-color: #949CA1;
  color: #FFF;
}
/* line 6, ../../sass/lib/base/mixins/_buttons.scss */
.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .open > .btn-inverse.dropdown-toggle {
  border-color: #b3b3b3;
  background-color: #798389;
  color: #FFF;
}
/* line 15, ../../sass/lib/base/mixins/_buttons.scss */
.btn-inverse:active, .btn-inverse.active, .open > .btn-inverse.dropdown-toggle {
  background-image: none;
}
/* line 23, ../../sass/lib/base/mixins/_buttons.scss */
.btn-inverse.disabled, .btn-inverse.disabled:hover, .btn-inverse.disabled:focus, .btn-inverse.disabled:active, .btn-inverse.disabled.active, .btn-inverse[disabled], .btn-inverse[disabled]:hover, .btn-inverse[disabled]:focus, .btn-inverse[disabled]:active, .btn-inverse[disabled].active, fieldset[disabled] .btn-inverse, fieldset[disabled] .btn-inverse:hover, fieldset[disabled] .btn-inverse:focus, fieldset[disabled] .btn-inverse:active, fieldset[disabled] .btn-inverse.active {
  border-color: #CCCCCC;
  background-color: #949CA1;
}
/* line 33, ../../sass/lib/base/mixins/_buttons.scss */
.btn-inverse.btn-bordered {
  background-color: transparent;
  color: #CCCCCC;
}
/* line 37, ../../sass/lib/base/mixins/_buttons.scss */
.btn-inverse.btn-bordered:hover, .btn-inverse.btn-bordered:focus, .btn-inverse.btn-bordered:active, .btn-inverse.btn-bordered.active, .open > .btn-inverse.btn-bordered.dropdown-toggle {
  background-color: #949CA1;
  border-color: #CCCCCC;
  color: #FFF;
}
/* line 85, ../../sass/lib/components/_buttons.scss */
.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .open > .btn-inverse.dropdown-toggle {
  background-color: #afb5b9;
  border-color: #afb5b9;
}

/* line 95, ../../sass/lib/components/_buttons.scss */
.btn-success {
  border-color: #77DD77;
  background-color: #77DD77;
  color: #FFF;
}
/* line 6, ../../sass/lib/base/mixins/_buttons.scss */
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  border-color: #4ed34e;
  background-color: #4ed34e;
  color: #FFF;
}
/* line 15, ../../sass/lib/base/mixins/_buttons.scss */
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  background-image: none;
}
/* line 23, ../../sass/lib/base/mixins/_buttons.scss */
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
  border-color: #77DD77;
  background-color: #77DD77;
}
/* line 33, ../../sass/lib/base/mixins/_buttons.scss */
.btn-success.btn-bordered {
  background-color: transparent;
  color: #77DD77;
}
/* line 37, ../../sass/lib/base/mixins/_buttons.scss */
.btn-success.btn-bordered:hover, .btn-success.btn-bordered:focus, .btn-success.btn-bordered:active, .btn-success.btn-bordered.active, .open > .btn-success.btn-bordered.dropdown-toggle {
  background-color: #77DD77;
  border-color: #77DD77;
  color: #FFF;
}

/* line 99, ../../sass/lib/components/_buttons.scss */
.btn-info {
  border-color: #197885;
  background-color: #197885;
  color: #FFF;
}
/* line 6, ../../sass/lib/base/mixins/_buttons.scss */
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  border-color: #11525b;
  background-color: #11525b;
  color: #FFF;
}
/* line 15, ../../sass/lib/base/mixins/_buttons.scss */
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  background-image: none;
}
/* line 23, ../../sass/lib/base/mixins/_buttons.scss */
.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
  border-color: #197885;
  background-color: #197885;
}
/* line 33, ../../sass/lib/base/mixins/_buttons.scss */
.btn-info.btn-bordered {
  background-color: transparent;
  color: #197885;
}
/* line 37, ../../sass/lib/base/mixins/_buttons.scss */
.btn-info.btn-bordered:hover, .btn-info.btn-bordered:focus, .btn-info.btn-bordered:active, .btn-info.btn-bordered.active, .open > .btn-info.btn-bordered.dropdown-toggle {
  background-color: #197885;
  border-color: #197885;
  color: #FFF;
}

/* line 103, ../../sass/lib/components/_buttons.scss */
.btn-warning {
  border-color: #FFB347;
  background-color: #FFB347;
  color: #FFF;
}
/* line 6, ../../sass/lib/base/mixins/_buttons.scss */
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  border-color: #ff9e14;
  background-color: #ff9e14;
  color: #FFF;
}
/* line 15, ../../sass/lib/base/mixins/_buttons.scss */
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  background-image: none;
}
/* line 23, ../../sass/lib/base/mixins/_buttons.scss */
.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
  border-color: #FFB347;
  background-color: #FFB347;
}
/* line 33, ../../sass/lib/base/mixins/_buttons.scss */
.btn-warning.btn-bordered {
  background-color: transparent;
  color: #FFB347;
}
/* line 37, ../../sass/lib/base/mixins/_buttons.scss */
.btn-warning.btn-bordered:hover, .btn-warning.btn-bordered:focus, .btn-warning.btn-bordered:active, .btn-warning.btn-bordered.active, .open > .btn-warning.btn-bordered.dropdown-toggle {
  background-color: #FFB347;
  border-color: #FFB347;
  color: #FFF;
}

/* line 107, ../../sass/lib/components/_buttons.scss */
.btn-danger {
  border-color: #FF6961;
  background-color: #FF6961;
  color: #FFF;
}
/* line 6, ../../sass/lib/base/mixins/_buttons.scss */
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  border-color: #ff392e;
  background-color: #ff392e;
  color: #FFF;
}
/* line 15, ../../sass/lib/base/mixins/_buttons.scss */
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  background-image: none;
}
/* line 23, ../../sass/lib/base/mixins/_buttons.scss */
.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
  border-color: #FF6961;
  background-color: #FF6961;
}
/* line 33, ../../sass/lib/base/mixins/_buttons.scss */
.btn-danger.btn-bordered {
  background-color: transparent;
  color: #FF6961;
}
/* line 37, ../../sass/lib/base/mixins/_buttons.scss */
.btn-danger.btn-bordered:hover, .btn-danger.btn-bordered:focus, .btn-danger.btn-bordered:active, .btn-danger.btn-bordered.active, .open > .btn-danger.btn-bordered.dropdown-toggle {
  background-color: #FF6961;
  border-color: #FF6961;
  color: #FFF;
}

/* line 111, ../../sass/lib/components/_buttons.scss */
.btn-link {
  border: 0;
  background-color: transparent;
  color: #1E9D8B;
}
/* line 116, ../../sass/lib/components/_buttons.scss */
.btn-link:hover {
  background-color: transparent;
  color: #125d52;
}

/* Buttons appear disabled */
/* line 122, ../../sass/lib/components/_buttons.scss */
.btn-disabled {
  opacity: 0.65;
  filter: alpha(opacity=65);
  /* For IE8 and earlier */
  cursor: not-allowed;
  pointer-events: none;
}

/* line 130, ../../sass/lib/components/_buttons.scss */
.btn-transparent,
.btn-transparent:hover,
.btn-transparent:focus {
  border-style: none;
  background-color: transparent;
}

/* line 138, ../../sass/lib/components/_buttons.scss */
.btn-lg {
  font-size: 18px;
  padding: 11px 18px;
}
/* line 141, ../../sass/lib/components/_buttons.scss */
.btn-lg img {
  height: 18px;
}

/* line 145, ../../sass/lib/components/_buttons.scss */
.btn-sm {
  font-size: 12px;
  padding: 7px 12px;
}
/* line 148, ../../sass/lib/components/_buttons.scss */
.btn-sm img {
  height: 16px;
}

/* Buttons Image */
/* line 155, ../../sass/lib/components/_buttons.scss */
.btn-image {
  padding: 0;
  border-style: none;
  background-color: transparent;
  vertical-align: middle;
}
/* line 161, ../../sass/lib/components/_buttons.scss */
.btn-image img {
  height: auto;
  display: block;
}
/* line 166, ../../sass/lib/components/_buttons.scss */
.btn-image:hover, .btn-image:focus {
  background-color: transparent;
}

/* Buttons Position */
/* line 174, ../../sass/lib/components/_buttons.scss */
.btn-right {
  float: right;
}

/* line 177, ../../sass/lib/components/_buttons.scss */
.btn-left {
  float: left;
}

/* Buttons Attached */
/* line 182, ../../sass/lib/components/_buttons.scss */
.btn-attached-right {
  margin-left: 5px;
}

/* line 185, ../../sass/lib/components/_buttons.scss */
.btn-attached-left {
  margin-right: 5px;
}

/* line 188, ../../sass/lib/components/_buttons.scss */
.btn-attached-bottom {
  margin-top: 5px;
}

/* line 191, ../../sass/lib/components/_buttons.scss */
.btn-attached-top {
  margin-bottom: 5px;
}

/* ==========================================================================
   Grid

   Default Mendix Grid (used for Mendix Datagrid)
========================================================================== */
/* line 6, ../../sass/lib/components/_grid.scss */
.mx-grid {
  border-radius: 0;
  padding: 0px;
  border: 0;
}
/* line 11, ../../sass/lib/components/_grid.scss */
.mx-grid .mx-grid-controlbar {
  margin: 10px 0;
  /* Paging */
}
/* line 14, ../../sass/lib/components/_grid.scss */
.mx-grid .mx-grid-controlbar .mx-grid-pagingbar {
  /* Buttons */
  /* Text Paging .. to .. to .. */
}
/* line 17, ../../sass/lib/components/_grid.scss */
.mx-grid .mx-grid-controlbar .mx-grid-pagingbar .mx-button {
  padding: 6px;
  background-color: transparent;
  color: #999;
  border-color: transparent;
}
/* line 23, ../../sass/lib/components/_grid.scss */
.mx-grid .mx-grid-controlbar .mx-grid-pagingbar .mx-button:hover {
  background-color: transparent;
  color: #156570;
  border-color: transparent;
}
/* line 29, ../../sass/lib/components/_grid.scss */
.mx-grid .mx-grid-controlbar .mx-grid-pagingbar .mx-button.disabled, .mx-grid .mx-grid-controlbar .mx-grid-pagingbar .mx-button[disabled] {
  opacity: 0.4;
  filter: alpha(opacity=40);
  /* For IE8 and earlier */
}
/* line 37, ../../sass/lib/components/_grid.scss */
.mx-grid .mx-grid-controlbar .mx-grid-pagingbar .mx-grid-paging-status {
  padding: 0 8px 8px;
}
/* line 43, ../../sass/lib/components/_grid.scss */
.mx-grid .mx-grid-searchbar {
  margin: 10px 0;
}
/* line 46, ../../sass/lib/components/_grid.scss */
.mx-grid .mx-grid-searchbar .mx-grid-search-item .mx-grid-search-label {
  vertical-align: middle;
}
/* line 48, ../../sass/lib/components/_grid.scss */
.mx-grid .mx-grid-searchbar .mx-grid-search-item .mx-grid-search-label label {
  padding-top: 5px;
}
/* line 51, ../../sass/lib/components/_grid.scss */
.mx-grid .mx-grid-searchbar .mx-grid-search-item .mx-grid-search-input .form-control, .mx-grid .mx-grid-searchbar .mx-grid-search-item .mx-grid-search-input .form-disabled p, .form-disabled .mx-grid .mx-grid-searchbar .mx-grid-search-item .mx-grid-search-input p {
  height: 28px;
  font-size: 11px;
}
/* line 55, ../../sass/lib/components/_grid.scss */
.mx-grid .mx-grid-searchbar .mx-grid-search-item .mx-grid-search-input select.form-control {
  vertical-align: middle;
  padding: 3px;
}
/* line 59, ../../sass/lib/components/_grid.scss */
.mx-grid .mx-grid-searchbar .mx-grid-search-item .mx-grid-search-input .mx-button {
  height: 28px;
  padding-top: 2px;
  padding-bottom: 2px;
}

/* Remove default border from grid inside a Mendix Dataview */
/* line 70, ../../sass/lib/components/_grid.scss */
.mx-dataview .mx-grid {
  border: 0;
}

/* ==========================================================================
   Datagrid Default

   Default Mendix Datagrid Widget. The datagrid shows a list of objects in a grid
========================================================================== */
/* line 7, ../../sass/lib/components/_datagrids.scss */
.mx-datagrid .mx-datagrid-head-table {
  border-width: 0;
  background-color: transparent;
  /* Table header */
}
/* line 12, ../../sass/lib/components/_datagrids.scss */
.mx-datagrid .mx-datagrid-head-table th {
  border-left: 0;
  border-right: 0;
  border-top-width: 0;
  border-bottom-width: 2px;
  border-style: solid;
  border-color: #DDD;
  background-color: transparent;
}
/* line 22, ../../sass/lib/components/_datagrids.scss */
.mx-datagrid .mx-datagrid-head-table .mx-datagrid-head-wrapper {
  padding: 8px 8px 8px 8px;
  vertical-align: middle;
}
/* line 25, ../../sass/lib/components/_datagrids.scss */
.mx-datagrid .mx-datagrid-head-table .mx-datagrid-head-wrapper .mx-datagrid-head-caption {
  white-space: normal;
}
/* line 30, ../../sass/lib/components/_datagrids.scss */
.mx-datagrid .mx-datagrid-body-table {
  border-width: 0;
  /* Table Body */
  /* Table Footer */
}
/* line 35, ../../sass/lib/components/_datagrids.scss */
.mx-datagrid .mx-datagrid-body-table .mx-datagrid-body tr td {
  padding: 8px 8px 8px 8px;
  background-color: #FFF;
  border-width: 0;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #DDD;
  vertical-align: middle;
  /* Text without spaces */
}
/* line 44, ../../sass/lib/components/_datagrids.scss */
.mx-datagrid .mx-datagrid-body-table .mx-datagrid-body tr td:focus {
  outline: none;
}
/* line 48, ../../sass/lib/components/_datagrids.scss */
.mx-datagrid .mx-datagrid-body-table .mx-datagrid-body tr td .mx-datagrid-data-wrapper {
  text-overflow: ellipsis;
}
/* line 55, ../../sass/lib/components/_datagrids.scss */
.mx-datagrid .mx-datagrid-body-table .mx-datagrid-body tr.selected td, .mx-datagrid .mx-datagrid-body-table .mx-datagrid-body tr.selected:hover td {
  background-color: #5BBBB7 !important;
  color: #000000;
}
/* line 65, ../../sass/lib/components/_datagrids.scss */
.mx-datagrid .mx-datagrid-body-table .mx-datagrid-foot > tr > th {
  padding: 8px 8px 8px 8px;
  background-color: #DDD;
  border-width: 0;
}
/* line 71, ../../sass/lib/components/_datagrids.scss */
.mx-datagrid .mx-datagrid-body-table .mx-datagrid-foot > tr > td {
  background-color: #FFF;
  border-width: 0;
  font-weight: bold;
  padding: 8px 8px 8px 8px;
}
/* line 79, ../../sass/lib/components/_datagrids.scss */
.mx-datagrid .mx-datagrid-body-table *:focus {
  outline: 0;
}

/* ==========================================================================
   Datagrid Striped

   Default Mendix Datagrid Widget with striped rows
========================================================================== */
/* line 93, ../../sass/lib/components/_datagrids.scss */
.datagrid-striped.mx-datagrid .mx-datagrid-head-table th {
  border-width: 0;
}
/* line 98, ../../sass/lib/components/_datagrids.scss */
.datagrid-striped.mx-datagrid .mx-datagrid-body-table {
  /* Body */
}
/* line 101, ../../sass/lib/components/_datagrids.scss */
.datagrid-striped.mx-datagrid .mx-datagrid-body-table .mx-datagrid-body tr td {
  border-top-width: 0;
}
/* line 104, ../../sass/lib/components/_datagrids.scss */
.datagrid-striped.mx-datagrid .mx-datagrid-body-table .mx-datagrid-body tr:nth-child(odd) td {
  background-color: #eaeaea;
}

/* ==========================================================================
   Datagrid Bordered

   Default Mendix Datagrid Widget with borders
========================================================================== */
/* line 119, ../../sass/lib/components/_datagrids.scss */
.datagrid-bordered.mx-datagrid .mx-datagrid-head-table th {
  border: 1px solid #DDD;
  border-bottom-width: 1px;
}
/* line 127, ../../sass/lib/components/_datagrids.scss */
.datagrid-bordered.mx-datagrid .mx-datagrid-body-table {
  border: 1px solid;
}
/* line 130, ../../sass/lib/components/_datagrids.scss */
.datagrid-bordered.mx-datagrid .mx-datagrid-body-table .mx-datagrid-body tr td {
  border: 1px solid #DDD;
}
/* line 136, ../../sass/lib/components/_datagrids.scss */
.datagrid-bordered.mx-datagrid .mx-datagrid-foot > tr > th {
  background-color: #DDD;
  border-width: 0;
}
/* line 140, ../../sass/lib/components/_datagrids.scss */
.datagrid-bordered.mx-datagrid .mx-datagrid-foot > tr > td {
  border-width: 1px;
}

/* ==========================================================================
   Datagrid Hover

   Default Mendix Datagrid Widget with hover
========================================================================== */
/* line 156, ../../sass/lib/components/_datagrids.scss */
.datagrid-hover.mx-datagrid .mx-datagrid-body-table .mx-datagrid-body tr:hover td, .mx-datagrid.multilevel-grid .mx-datagrid-body-table .mx-datagrid-body tr:hover td {
  background-color: #D4D7D9 !important;
}
/* line 159, ../../sass/lib/components/_datagrids.scss */
.datagrid-hover.mx-datagrid .mx-datagrid-body-table .mx-datagrid-body tr.selected:hover td, .mx-datagrid.multilevel-grid .mx-datagrid-body-table .mx-datagrid-body tr.selected:hover td {
  background-color: #5BBBB7 !important;
}

/* ==========================================================================
   Datagrid Large

   Default Mendix Datagrid Widget with large rows
========================================================================== */
/* line 174, ../../sass/lib/components/_datagrids.scss */
.datagrid-large.mx-datagrid .mx-datagrid-head-table .mx-datagrid-head-wrapper {
  padding: 15px 10px;
}
/* line 181, ../../sass/lib/components/_datagrids.scss */
.datagrid-large.mx-datagrid .mx-datagrid-body-table .mx-datagrid-body tr td {
  padding: 15px 10px;
}

/* ==========================================================================
   Datagrid Transparent

   Default Mendix Datagrid Widget with transparent background for row and cells
========================================================================== */
/* line 195, ../../sass/lib/components/_datagrids.scss */
.datagrid-transparent.mx-datagrid .mx-datagrid-head-table, .mx-datagrid.multilevel-grid .mx-datagrid-head-table {
  background-color: transparent;
}
/* line 200, ../../sass/lib/components/_datagrids.scss */
.datagrid-transparent.mx-datagrid .mx-datagrid-body-table .mx-datagrid-body tr:nth-of-type(odd), .mx-datagrid.multilevel-grid .mx-datagrid-body-table .mx-datagrid-body tr:nth-of-type(odd) {
  background-color: transparent;
}
/* line 203, ../../sass/lib/components/_datagrids.scss */
.datagrid-transparent.mx-datagrid .mx-datagrid-body-table .mx-datagrid-body tr td, .mx-datagrid.multilevel-grid .mx-datagrid-body-table .mx-datagrid-body tr td {
  background-color: transparent;
}

/* ==========================================================================
   Datagrid Full Search

   Default Mendix Datagrid Widget with adjusted search field. Only 1 search field is allowed
========================================================================== */
/* line 220, ../../sass/lib/components/_datagrids.scss */
.mx-grid.datagrid-fullsearch .mx-grid-reset-button, .mx-grid.multilevel-grid .mx-grid-reset-button {
  display: none;
}
/* line 223, ../../sass/lib/components/_datagrids.scss */
.mx-grid.datagrid-fullsearch .mx-grid-search-item, .mx-grid.multilevel-grid .mx-grid-search-item {
  display: block;
}
/* line 226, ../../sass/lib/components/_datagrids.scss */
.mx-grid.datagrid-fullsearch .mx-grid-search-label, .mx-grid.multilevel-grid .mx-grid-search-label {
  display: none;
}
/* line 230, ../../sass/lib/components/_datagrids.scss */
.mx-grid.datagrid-fullsearch .mx-grid-searchbar .mx-grid-search-controls, .mx-grid.multilevel-grid .mx-grid-searchbar .mx-grid-search-controls {
  position: absolute;
  right: 0;
}
/* line 234, ../../sass/lib/components/_datagrids.scss */
.mx-grid.datagrid-fullsearch .mx-grid-searchbar .mx-grid-search-input, .mx-grid.multilevel-grid .mx-grid-searchbar .mx-grid-search-input {
  width: 80%;
  padding-left: 0;
}
/* line 237, ../../sass/lib/components/_datagrids.scss */
.mx-grid.datagrid-fullsearch .mx-grid-searchbar .mx-grid-search-input .form-control, .mx-grid.multilevel-grid .mx-grid-searchbar .mx-grid-search-input .form-control, .mx-grid.datagrid-fullsearch .mx-grid-searchbar .mx-grid-search-input .form-disabled p, .form-disabled .mx-grid.datagrid-fullsearch .mx-grid-searchbar .mx-grid-search-input p, .mx-grid.multilevel-grid .mx-grid-searchbar .mx-grid-search-input .form-disabled p, .form-disabled .mx-grid.multilevel-grid .mx-grid-searchbar .mx-grid-search-input p {
  height: 35px;
  font-size: 12px;
}

/* ==========================================================================
   Dataview

   Default Mendix Dataview Widget. The data view is used for showing the contents of exactly one object
========================================================================== */
/* line 6, ../../sass/lib/components/_dataview.scss */
.mx-dataview {
  /* Control bar */
  /* Dataview-content gives problems for nexted layout grid containers */
  /* Dataview empty message */
}
/* line 9, ../../sass/lib/components/_dataview.scss */
.mx-dataview .mx-dataview-controls {
  border-radius: 0;
  clear: both;
  margin-top: 10px;
  padding: 8px 0;
  border-top: 1px solid #DDD;
  background-color: transparent;
  /* Buttons */
}
/* line 19, ../../sass/lib/components/_dataview.scss */
.mx-dataview .mx-dataview-controls .mx-button {
  margin-bottom: 0;
}
/* line 26, ../../sass/lib/components/_dataview.scss */
.mx-dataview > .mx-dataview-content > .mx-container-nested > .row {
  margin-right: 0;
  margin-left: 0;
}
/* line 33, ../../sass/lib/components/_dataview.scss */
.mx-dataview .mx-dataview-message {
  background: #FFFFFF;
  color: #000000;
}

/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Dijit Widgets
*
* Default Dojo Dijit Widgets
*/
/*
 * Dijit Calendar Widget
 *
 * Used in dataviews
 */
/* line 19, ../../sass/lib/components/_dijit-widgets.scss */
.dijitCalendarContainer {
  /* (must be higher than popup z-index) */
  z-index: 10010 !important;
  background-color: #eff0f2;
}
/* line 25, ../../sass/lib/components/_dijit-widgets.scss */
.dijitCalendarContainer tr th {
  background-color: #26323D;
  color: #FFF;
  text-align: center;
}
/* line 30, ../../sass/lib/components/_dijit-widgets.scss */
.dijitCalendarContainer tr th,
.dijitCalendarContainer tr td {
  padding: 6px;
  text-align: center;
}
/* line 35, ../../sass/lib/components/_dijit-widgets.scss */
.dijitCalendarContainer tr td .dijitCalendarDateLabel {
  color: #000;
}
/* line 38, ../../sass/lib/components/_dijit-widgets.scss */
.dijitCalendarContainer tr tfoot h3 {
  margin: 0;
  padding: 0;
  font-size: inherit;
}
/* line 45, ../../sass/lib/components/_dijit-widgets.scss */
.dijitCalendarContainer .dijitCalendarMonthLabel {
  font-family: "Trebuchet MS", sans-serif;
  font-weight: bold;
}
/* line 48, ../../sass/lib/components/_dijit-widgets.scss */
.dijitCalendarContainer .dijitButtonNode {
  border: 0;
}
/* line 51, ../../sass/lib/components/_dijit-widgets.scss */
.dijitCalendarContainer .dijitCalendarArrow {
  cursor: pointer;
}
/* line 54, ../../sass/lib/components/_dijit-widgets.scss */
.dijitCalendarContainer .dijitCalendarSelectedDate,
.dijitCalendarContainer .dijitCalendarSelectedDate:hover {
  border-radius: 10px;
  background: #156570;
}
/* line 58, ../../sass/lib/components/_dijit-widgets.scss */
.dijitCalendarContainer .dijitCalendarSelectedDate .dijitCalendarDateLabel,
.dijitCalendarContainer .dijitCalendarSelectedDate:hover .dijitCalendarDateLabel {
  color: #fff;
}
/* line 62, ../../sass/lib/components/_dijit-widgets.scss */
.dijitCalendarContainer .dijitCalendarHoveredDate,
.dijitCalendarContainer .dijitCalendarPreviousYearHover,
.dijitCalendarContainer .dijitCalendarNextYearHover,
.dijitCalendarContainer .dijitCalendarMonthLabelHover {
  border-radius: 10px;
  background-color: #dbdcdd;
}
/* line 69, ../../sass/lib/components/_dijit-widgets.scss */
.dijitCalendarContainer .dijitCalendarYearContainer td {
  border-top: 1px solid #DDD;
  text-align: center;
  color: #000;
}
/* line 73, ../../sass/lib/components/_dijit-widgets.scss */
.dijitCalendarContainer .dijitCalendarYearContainer td .dijitCalendarSelectedYear {
  font-family: "Trebuchet MS", sans-serif;
  font-weight: bold;
  text-decoration: underline;
}
/* line 78, ../../sass/lib/components/_dijit-widgets.scss */
.dijitCalendarContainer .dijitCalendarMonthContainer th:first-child {
  border-top-left-radius: 3px;
}
/* line 81, ../../sass/lib/components/_dijit-widgets.scss */
.dijitCalendarContainer .dijitCalendarMonthContainer th:last-child {
  border-top-right-radius: 3px;
}

/* line 86, ../../sass/lib/components/_dijit-widgets.scss */
.dijitCalendarMonthMenuPopup {
  border-radius: 3px;
  /* (must be higher than popup z-index) */
  z-index: 10020 !important;
  padding: 3px 4px;
  background-color: #26323D;
}
/* line 92, ../../sass/lib/components/_dijit-widgets.scss */
.dijitCalendarMonthMenuPopup .dijitCalendarMonthMenu {
  border-style: none;
  background: none;
}
/* line 95, ../../sass/lib/components/_dijit-widgets.scss */
.dijitCalendarMonthMenuPopup .dijitCalendarMonthMenu .dijitCalendarMonthLabel {
  padding: 2px 0;
  color: #FFF;
}
/* line 98, ../../sass/lib/components/_dijit-widgets.scss */
.dijitCalendarMonthMenuPopup .dijitCalendarMonthMenu .dijitCalendarMonthLabel:hover, .dijitCalendarMonthMenuPopup .dijitCalendarMonthMenu .dijitCalendarMonthLabel:focus {
  color: #4280cb;
}

/* line 111, ../../sass/lib/components/_dijit-widgets.scss */
.dj_rtl .dijitCalendarContainer .dijitCalendarMonthContainer th:first-child {
  border-top-left-radius: 0px;
  border-top-right-radius: 3px;
}
/* line 115, ../../sass/lib/components/_dijit-widgets.scss */
.dj_rtl .dijitCalendarContainer .dijitCalendarMonthContainer th:last-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 0px;
}

/*
 * Dijit Tooltip Widget
 *
 * Default tooltip used for Mendix widgets
 */
/* line 131, ../../sass/lib/components/_dijit-widgets.scss */
.mx-tooltip .dijitTooltipContainer {
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border-width: 1px;
  border-color: #999;
  background: #FFF;
}
/* line 139, ../../sass/lib/components/_dijit-widgets.scss */
.mx-tooltip .dijitTooltipContainer .mx-tooltip-content {
  padding: 10px;
}
/* line 142, ../../sass/lib/components/_dijit-widgets.scss */
.mx-tooltip .dijitTooltipContainer .form-group {
  margin-bottom: 5px;
}
/* line 147, ../../sass/lib/components/_dijit-widgets.scss */
.mx-tooltip .dijitTooltipConnector {
  margin-left: -10px;
  width: 0;
  height: 0;
  border-width: 10px 10px 10px 0;
  border-style: solid;
  border-color: transparent;
  border-right-color: #999;
}

/*
 * Dijit Border Container
 *
 * Used in Mendix as split pane containers
 */
/* line 164, ../../sass/lib/components/_dijit-widgets.scss */
.dijitBorderContainer {
  padding: 5px;
  background-color: #fcfcfc;
}
/* line 168, ../../sass/lib/components/_dijit-widgets.scss */
.dijitBorderContainer .dijitSplitterV,
.dijitBorderContainer .dijitGutterV {
  width: 5px;
  border: 0;
  background: #fcfcfc;
}
/* line 174, ../../sass/lib/components/_dijit-widgets.scss */
.dijitBorderContainer .dijitSplitterH,
.dijitBorderContainer .dijitGutterH {
  height: 5px;
  border: 0;
  background: #fcfcfc;
}
/* line 181, ../../sass/lib/components/_dijit-widgets.scss */
.dijitBorderContainer .dijitSplitterH .dijitSplitterThumb {
  top: 2px;
  width: 19px;
  height: 1px;
  background: #B0B0B0;
}
/* line 189, ../../sass/lib/components/_dijit-widgets.scss */
.dijitBorderContainer .dijitSplitterV .dijitSplitterThumb {
  left: 2px;
  width: 1px;
  height: 19px;
  background: #B0B0B0;
}
/* line 196, ../../sass/lib/components/_dijit-widgets.scss */
.dijitBorderContainer .dijitSplitContainer-child,
.dijitBorderContainer .dijitBorderContainer-child {
  border: 1px solid #ccc;
}
/* line 200, ../../sass/lib/components/_dijit-widgets.scss */
.dijitBorderContainer .dijitBorderContainer-dijitTabContainerTop,
.dijitBorderContainer .dijitBorderContainer-dijitTabContainerBottom,
.dijitBorderContainer .dijitBorderContainer-dijitTabContainerLeft,
.dijitBorderContainer .dijitBorderContainer-dijitTabContainerRight {
  border: none;
}
/* line 206, ../../sass/lib/components/_dijit-widgets.scss */
.dijitBorderContainer .dijitBorderContainer-dijitBorderContainer {
  padding: 0;
  border: none;
}
/* line 210, ../../sass/lib/components/_dijit-widgets.scss */
.dijitBorderContainer .dijitSplitterActive {
  opacity: 0.6;
  filter: alpha(opacity=60);
  /* For IE8 and earlier */
  margin: 0;
  background-color: #aaa;
  background-image: none;
  font-size: 1px;
}
/* line 219, ../../sass/lib/components/_dijit-widgets.scss */
.dijitBorderContainer .dijitSplitContainer-dijitContentPane,
.dijitBorderContainer .dijitBorderContainer-dijitContentPane {
  padding: 5px;
  background-color: #fff;
}

/*
 * Dijit Menu Popup
 *
 * Used in datepickers and calendar widgets
 */
/* line 232, ../../sass/lib/components/_dijit-widgets.scss */
.dijitMenuPopup {
  margin-top: 10px;
}
/* line 234, ../../sass/lib/components/_dijit-widgets.scss */
.dijitMenuPopup .dijitMenu {
  border-radius: 3px;
  display: block;
  margin-top: 0;
  padding: 12px 10px;
  background: #CCCCCC;
  width: 200px !important;
}
/* line 242, ../../sass/lib/components/_dijit-widgets.scss */
.dijitMenuPopup .dijitMenu:after {
  position: absolute;
  bottom: 100%;
  left: 20px;
  margin-left: -10px;
  width: 0px;
  height: 0px;
  border: medium solid transparent;
  border-width: 10px;
  border-bottom-color: #CCCCCC;
  content: " ";
  pointer-events: none;
}
/* line 257, ../../sass/lib/components/_dijit-widgets.scss */
.dijitMenuPopup .dijitMenu .dijitMenuItem {
  background: transparent;
}
/* line 259, ../../sass/lib/components/_dijit-widgets.scss */
.dijitMenuPopup .dijitMenu .dijitMenuItem .dijitMenuItemLabel {
  border-radius: 3px;
  padding: 10px;
  color: #FFF;
  width: 180px !important;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 269, ../../sass/lib/components/_dijit-widgets.scss */
.dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemHover {
  background: none;
}
/* line 271, ../../sass/lib/components/_dijit-widgets.scss */
.dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemHover .dijitMenuItemLabel {
  background: #156570;
}
/* line 279, ../../sass/lib/components/_dijit-widgets.scss */
.dijitMenuPopup .dijitMenu .tg_newlabelmenuitem .dijitMenuItemLabel {
  font-family: "Trebuchet MS", sans-serif;
  font-weight: bold;
}
/* line 286, ../../sass/lib/components/_dijit-widgets.scss */
.dijitMenuPopup .dijitMenu .dijitMenuSeparator td {
  padding: 0;
  border-bottom-width: 3px;
}
/* line 291, ../../sass/lib/components/_dijit-widgets.scss */
.dijitMenuPopup .dijitMenu .dijitMenuSeparator .dijitMenuSeparatorIconCell > div {
  margin: 0;
}

/* ==========================================================================
   Glyphicons

   Glyphicons alternaed to use with Mendix
========================================================================== */
/* line 7, ../../sass/lib/components/_glyphicons.scss */
.mx-glyphicon:before {
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  vertical-align: middle;
  margin-right: 0.4555555em;
  margin-top: -0.2em;
  line-height: inherit;
  -moz-osx-font-smoothing: grayscale;
}

/* ==========================================================================
   Groupbox

   Default Mendix Groupboxes
========================================================================== */
/* line 7, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox > .mx-groupbox-header {
  font-family: "Trebuchet MS", sans-serif;
  font-weight: bold;
  border-radius: 0;
  margin: 0;
  background: #FFFFFF;
  color: #000;
  font-size: 16px;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  border-color: #FFFFFF;
}
/* line 18, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox > .mx-groupbox-header .mx-groupbox-collapse-icon {
  margin-top: 0.1em;
}
/* line 22, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox > .mx-groupbox-body {
  border-radius: 0;
  padding: 10px 15px;
  border-color: #FFFFFF;
  background-color: #FFF;
  border-style: solid;
  border-width: 1px;
}
/* line 31, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox .mx-groupbox-header + .mx-groupbox-body {
  border-radius: 0;
  border-top: none;
}
/* line 36, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.collapsed > .mx-groupbox-header {
  border-radius: 0;
}

/* ==========================================================================
   Groupbox Callouts

   Default Mendix Groupboxes rendered as (Bootstrap) callouts
========================================================================== */
/* line 51, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-stylingless > .mx-groupbox-header {
  border-radius: 0;
  padding: 0;
  border-style: none;
  background-color: transparent;
}
/* line 57, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-stylingless > .mx-groupbox-body {
  border-radius: 0;
  padding: 0;
  border-style: none;
  background-color: transparent;
}
/* line 67, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-border-radius > .mx-groupbox-header {
  border-radius: 3px 3px 0 0 !important;
}
/* line 70, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-border-radius > .mx-groupbox-body {
  border-radius: 3px !important;
}
/* line 73, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-border-radius .mx-groupbox-header + .mx-groupbox-body {
  border-radius: 0 0 3px 3px !important;
}
/* line 78, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-borderless > .mx-groupbox-body {
  border: 0 !important;
}
/* line 83, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-border-top > .mx-groupbox-header {
  border-style: none;
  border-top-style: solid !important;
}
/* line 87, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-border-top > .mx-groupbox-body {
  border-style: none;
  border-top-style: solid !important;
}
/* line 91, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-border-top .mx-groupbox-header + .mx-groupbox-body {
  border-top-style: none !important;
}
/* line 96, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-border-right > .mx-groupbox-header {
  border-style: none;
  border-right-style: solid !important;
}
/* line 100, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-border-right > .mx-groupbox-body {
  border-style: none;
  border-right-style: solid !important;
}
/* line 106, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-border-bottom > .mx-groupbox-header {
  border-style: none;
}
/* line 109, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-border-bottom > .mx-groupbox-body {
  border-style: none;
  border-bottom-style: solid !important;
}
/* line 115, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-border-left > .mx-groupbox-header {
  border-style: none;
  border-left-style: solid !important;
}
/* line 119, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-border-left > .mx-groupbox-body {
  border-style: none;
  border-left-style: solid !important;
}

/* ==========================================================================
   Groupbox Colors
========================================================================== */
/* line 2, ../../sass/lib/base/mixins/_groupbox.scss */
.mx-groupbox.groupbox-default > .mx-groupbox-header {
  background: #FFFFFF;
  color: #000;
  border-color: #FFFFFF;
}
/* line 7, ../../sass/lib/base/mixins/_groupbox.scss */
.mx-groupbox.groupbox-default > .mx-groupbox-body {
  border-color: #FFFFFF;
}
/* line 2, ../../sass/lib/base/mixins/_groupbox.scss */
.mx-groupbox.groupbox-primary > .mx-groupbox-header {
  background: #156570;
  color: #FFF;
  border-color: #156570;
}
/* line 7, ../../sass/lib/base/mixins/_groupbox.scss */
.mx-groupbox.groupbox-primary > .mx-groupbox-body {
  border-color: #156570;
}
/* line 2, ../../sass/lib/base/mixins/_groupbox.scss */
.mx-groupbox.groupbox-inverse > .mx-groupbox-header {
  background: #CCCCCC;
  color: #FFF;
  border-color: #CCCCCC;
}
/* line 7, ../../sass/lib/base/mixins/_groupbox.scss */
.mx-groupbox.groupbox-inverse > .mx-groupbox-body {
  border-color: #CCCCCC;
}
/* line 2, ../../sass/lib/base/mixins/_groupbox.scss */
.mx-groupbox.groupbox-success > .mx-groupbox-header {
  background: #77DD77;
  color: #FFF;
  border-color: #77DD77;
}
/* line 7, ../../sass/lib/base/mixins/_groupbox.scss */
.mx-groupbox.groupbox-success > .mx-groupbox-body {
  border-color: #77DD77;
}
/* line 2, ../../sass/lib/base/mixins/_groupbox.scss */
.mx-groupbox.groupbox-info > .mx-groupbox-header {
  background: #197885;
  color: #FFF;
  border-color: #197885;
}
/* line 7, ../../sass/lib/base/mixins/_groupbox.scss */
.mx-groupbox.groupbox-info > .mx-groupbox-body {
  border-color: #197885;
}
/* line 2, ../../sass/lib/base/mixins/_groupbox.scss */
.mx-groupbox.groupbox-warning > .mx-groupbox-header {
  background: #FFB347;
  color: #FFF;
  border-color: #FFB347;
}
/* line 7, ../../sass/lib/base/mixins/_groupbox.scss */
.mx-groupbox.groupbox-warning > .mx-groupbox-body {
  border-color: #FFB347;
}
/* line 2, ../../sass/lib/base/mixins/_groupbox.scss */
.mx-groupbox.groupbox-danger > .mx-groupbox-header {
  background: #FF6961;
  color: #FFF;
  border-color: #FF6961;
}
/* line 7, ../../sass/lib/base/mixins/_groupbox.scss */
.mx-groupbox.groupbox-danger > .mx-groupbox-body {
  border-color: #FF6961;
}
/* line 2, ../../sass/lib/base/mixins/_groupbox.scss */
.mx-groupbox.groupbox-white > .mx-groupbox-header {
  background: #FFF;
  color: #000000;
  border-color: #FFF;
}
/* line 7, ../../sass/lib/base/mixins/_groupbox.scss */
.mx-groupbox.groupbox-white > .mx-groupbox-body {
  border-color: #FFF;
}
/* line 161, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-transparent {
  background-color: transparent;
}
/* line 163, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-transparent > .mx-groupbox-header {
  border-style: none;
  background-color: transparent;
}
/* line 167, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-transparent > .mx-groupbox-body {
  border-style: none;
  background-color: transparent;
}

/* ==========================================================================
   Groupbox Spacing
========================================================================== */
/* line 181, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-sideless > .mx-groupbox-header {
  padding-right: 0;
  padding-left: 0;
}
/* line 185, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-sideless > .mx-groupbox-body {
  padding-right: 0;
  padding-left: 0;
}
/* line 195, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-bodyless > .mx-groupbox-body {
  padding: 0;
}

/* ==========================================================================
   Groupbox Headers
========================================================================== */
/* line 206, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-h1 > .mx-groupbox-header {
  font-size: 31px;
}
/* line 207, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-h2 > .mx-groupbox-header {
  font-size: 26px;
}
/* line 208, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-h3 > .mx-groupbox-header {
  font-size: 20px;
}
/* line 209, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-h4 > .mx-groupbox-header {
  font-size: 16px;
}
/* line 210, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-h5 > .mx-groupbox-header {
  font-size: 14px;
}
/* line 211, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-h6 > .mx-groupbox-header {
  font-size: 11px;
}

/* ==========================================================================
   Groupbox Callouts
========================================================================== */
/* line 220, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-callout > .mx-groupbox-header,
.mx-groupbox.groupbox-callout > .mx-groupbox-body {
  border: 0;
}
/* line 224, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-callout .mx-groupbox-header + .mx-groupbox-body {
  padding-top: 0;
}
/* line 229, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-callout-info > .mx-groupbox-header,
.mx-groupbox.groupbox-callout-info > .mx-groupbox-body {
  background-color: #d1e4e7;
}
/* line 233, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-callout-info > .mx-groupbox-header {
  color: #197885;
}
/* line 238, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-callout-success > .mx-groupbox-header,
.mx-groupbox.groupbox-callout-success > .mx-groupbox-body {
  background-color: #e4f8e4;
}
/* line 242, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-callout-success > .mx-groupbox-header {
  color: #77DD77;
}
/* line 247, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-callout-warning > .mx-groupbox-header,
.mx-groupbox.groupbox-callout-warning > .mx-groupbox-body {
  background-color: #fff0da;
}
/* line 251, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-callout-warning > .mx-groupbox-header {
  color: #FFB347;
}
/* line 256, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-callout-danger > .mx-groupbox-header,
.mx-groupbox.groupbox-callout-danger > .mx-groupbox-body {
  background-color: #ffe1df;
}
/* line 260, ../../sass/lib/components/_groupbox.scss */
.mx-groupbox.groupbox-callout-danger > .mx-groupbox-header {
  color: #FF6961;
}

/* ==========================================================================
   Helpers

   Default Mendix Helpers
========================================================================== */
/* line 6, ../../sass/lib/components/_helpers.scss */
.show {
  display: block !important;
}

/* line 9, ../../sass/lib/components/_helpers.scss */
.hidden {
  display: none !important;
  visibility: hidden !important;
}

/* line 13, ../../sass/lib/components/_helpers.scss */
.invisible {
  visibility: hidden;
}

/* line 16, ../../sass/lib/components/_helpers.scss */
.display-ie8-only:not([attr*='']) {
  display: none;
  padding: 0;
}

/* line 21, ../../sass/lib/components/_helpers.scss */
.list-nostyle ul {
  padding: 0;
  margin: 0;
}
/* line 24, ../../sass/lib/components/_helpers.scss */
.list-nostyle ul li {
  list-style-type: none !important;
}

/* line 29, ../../sass/lib/components/_helpers.scss */
.nowrap,
.nowrap * {
  white-space: nowrap;
}

/* line 33, ../../sass/lib/components/_helpers.scss */
.form-disabled p {
  background-color: #eee !important;
}

/* line 37, ../../sass/lib/components/_helpers.scss */
.padding-bottom-none {
  padding-bottom: 0;
}

/* Vertical Align Elements in a bootstrap row, add class on row */
/* line 42, ../../sass/lib/components/_helpers.scss */
.v-center {
  display: table;
  width: 100%;
}
/* line 45, ../../sass/lib/components/_helpers.scss */
.v-center div[class*='col-'] {
  display: table-cell;
  vertical-align: middle;
  float: none;
}

/* Remove padding for Bootstrap columns, add class on row */
/* line 53, ../../sass/lib/components/_helpers.scss */
.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}

/* Render DIV as Table Cells */
/* line 59, ../../sass/lib/components/_helpers.scss */
.table {
  display: table;
}

/* line 62, ../../sass/lib/components/_helpers.scss */
.table-cell {
  display: table-cell;
}

/* line 65, ../../sass/lib/components/_helpers.scss */
.align-top {
  vertical-align: top;
}

/* line 68, ../../sass/lib/components/_helpers.scss */
.align-middle {
  vertical-align: middle;
}

/* line 71, ../../sass/lib/components/_helpers.scss */
.align-bottom {
  vertical-align: bottom;
}

/* ==========================================================================
   Images

   Default Mendix Image Widgets
========================================================================== */
/* line 6, ../../sass/lib/components/_images.scss */
img.img-rounded,
.img-rounded img {
  border-radius: 6px;
}

/* line 10, ../../sass/lib/components/_images.scss */
img.img-thumbnail,
.img-thumbnail img {
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  border-radius: 4px;
  display: inline-block;
  height: auto;
  max-width: 100%;
  padding: 4px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #FFFFFF;
}

/* line 26, ../../sass/lib/components/_images.scss */
img.img-circle,
.img-circle img {
  border-radius: 50%;
}

/* line 30, ../../sass/lib/components/_images.scss */
img.img-auto,
.img-auto img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
}

/* ==========================================================================
   Labels

   Default labels combined with Bootstrap labels
========================================================================== */
/* line 6, ../../sass/lib/components/_labels.scss */
.label {
  font-family: "Trebuchet MS", sans-serif;
  font-weight: bold;
  border-radius: .25em;
  display: inline;
  padding: .2em .6em .3em !important;
  color: #fff;
  vertical-align: baseline;
  text-align: center;
  white-space: nowrap;
  font-size: 100%;
  line-height: 1;
}

/* line 18, ../../sass/lib/components/_labels.scss */
.label-default {
  background-color: #FFFFFF;
  color: #000000;
}

/* line 22, ../../sass/lib/components/_labels.scss */
.label-primary {
  background-color: #156570;
  color: #FFF;
}

/* line 26, ../../sass/lib/components/_labels.scss */
.label-success {
  background-color: #77DD77;
  color: #FFF;
}

/* line 30, ../../sass/lib/components/_labels.scss */
.label-info {
  background-color: #197885;
  color: #FFF;
}

/* line 34, ../../sass/lib/components/_labels.scss */
.label-warning {
  background-color: #FFB347;
  color: #FFF;
}

/* line 38, ../../sass/lib/components/_labels.scss */
.label-danger {
  background-color: #FF6961;
  color: #FFF;
}

/* ==========================================================================
   Listview

   Default Mendix Listview Widget. The list view shows a list of objects arranged vertically. Each object is shown using a template
========================================================================== */
/* line 6, ../../sass/lib/components/_listview.scss */
.mx-listview {
  /* Remove widget padding */
  padding: 0;
  /* Clear search button (overrides load more button stying) */
  /* Load more button */
}
/* line 11, ../../sass/lib/components/_listview.scss */
.mx-listview .mx-button.mx-listview-clear-button {
  width: auto;
}
/* line 16, ../../sass/lib/components/_listview.scss */
.mx-listview > .mx-button {
  width: 100%;
  margin: 10px auto;
}
/* line 20, ../../sass/lib/components/_listview.scss */
.mx-listview .mx-listview-list {
  margin: 0;
}
/* line 23, ../../sass/lib/components/_listview.scss */
.mx-listview .mx-listview-item {
  background-color: #FFF;
  padding: 10px 0;
}
/* line 26, ../../sass/lib/components/_listview.scss */
.mx-listview .mx-listview-item:hover {
  background-color: #FFF;
}
/* line 29, ../../sass/lib/components/_listview.scss */
.mx-listview .mx-listview-item.selected {
  background-color: #5BBBB7 !important;
}
/* line 32, ../../sass/lib/components/_listview.scss */
.mx-listview .mx-listview-item.selected:hover {
  background-color: #5BBBB7 !important;
}
/* line 36, ../../sass/lib/components/_listview.scss */
.mx-listview .mx-listview-item:nth-child(2n+1) {
  background-color: #FFF;
}
/* line 41, ../../sass/lib/components/_listview.scss */
.mx-listview .mx-layoutgrid {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* ==========================================================================
   Listview Hover

   Default Mendix Listview Widget with hover
========================================================================== */
/* line 55, ../../sass/lib/components/_listview.scss */
.listview-hover.mx-listview .mx-listview-item:hover, .mx-listview.multilevel-list .mx-listview-item:hover, .listview-hover.mx-listview .mx-listview-item:active, .mx-listview.multilevel-list .mx-listview-item:active {
  background-color: #D4D7D9 !important;
}

/* ==========================================================================
   Listview Lined

   Default Mendix Listview Widget with only border bottom in listview item
========================================================================== */
/* line 69, ../../sass/lib/components/_listview.scss */
.listview-lined.mx-listview .mx-listview-item, .mx-listview.multilevel-list .mx-listview-item {
  border-top: 1px solid #DDD;
  border-right: none;
  border-left: none;
}
/* line 74, ../../sass/lib/components/_listview.scss */
.listview-lined.mx-listview .mx-listview-item:first-child, .mx-listview.multilevel-list .mx-listview-item:first-child {
  border-radius: 0;
}
/* line 77, ../../sass/lib/components/_listview.scss */
.listview-lined.mx-listview .mx-listview-item:last-child, .mx-listview.multilevel-list .mx-listview-item:last-child {
  border-radius: 0;
  border-bottom: 1px solid #DDD;
}

/* ==========================================================================
   Listview Striped

   Default Mendix Listview Widget with striped listview items
========================================================================== */
/* line 91, ../../sass/lib/components/_listview.scss */
.listview-striped.mx-listview .mx-listview-item:nth-child(2n+1) {
  background-color: #eaeaea;
}

/* ==========================================================================
   Listview Seperated

   Default Mendix Listview Widget with listview items seperated
========================================================================== */
/* line 103, ../../sass/lib/components/_listview.scss */
.listview-seperated.mx-listview .mx-listview-item {
  border-radius: 4px;
  margin-bottom: 10px;
  border-style: solid;
}

/* ==========================================================================
   Listview Stylingless

   Default Mendix Listview Widget with listview items seperated
========================================================================== */
/* line 117, ../../sass/lib/components/_listview.scss */
.listview-stylingless.mx-listview .mx-listview-item {
  background-color: transparent;
  border: 0;
  padding: 0;
  cursor: default;
}
/* line 123, ../../sass/lib/components/_listview.scss */
.listview-stylingless.mx-listview .mx-listview-item:hover {
  background-color: transparent;
}
/* line 126, ../../sass/lib/components/_listview.scss */
.listview-stylingless.mx-listview .mx-listview-item.selected {
  background-color: transparent !important;
}
/* line 129, ../../sass/lib/components/_listview.scss */
.listview-stylingless.mx-listview .mx-listview-item.selected:hover {
  background-color: transparent !important;
}

/* ==========================================================================
   Modals

   Default Mendix Modals. Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults
========================================================================== */
/* line 8, ../../sass/lib/components/_modals.scss */
.modal-dialog .modal-content {
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  border: 1px solid #DDD;
}
/* line 13, ../../sass/lib/components/_modals.scss */
.modal-dialog .modal-content .modal-header {
  border-radius: 0;
  padding: 15px 20px;
  background-color: transparent;
  border-bottom-color: #DDD;
}
/* line 18, ../../sass/lib/components/_modals.scss */
.modal-dialog .modal-content .modal-header h4 {
  font-family: "Trebuchet MS", sans-serif;
  font-weight: bold;
  color: #000000;
  font-size: 16px;
  margin: 0;
}
/* line 24, ../../sass/lib/components/_modals.scss */
.modal-dialog .modal-content .modal-header .close {
  opacity: 1;
  filter: alpha(opacity=100);
  /* For IE8 and earlier */
  color: #000000;
  text-shadow: none;
  margin-top: -3px;
}
/* line 33, ../../sass/lib/components/_modals.scss */
.modal-dialog .modal-content .modal-body {
  padding: 20px;
}
/* line 36, ../../sass/lib/components/_modals.scss */
.modal-dialog .modal-content .modal-footer {
  padding: 20px;
  margin-top: 0;
  border-style: none;
  text-align: left;
}

/* Default Mendix Window Modal */
/* line 50, ../../sass/lib/components/_modals.scss */
.mx-window.mx-window-view .mx-window-body {
  padding: 0;
}
/* line 54, ../../sass/lib/components/_modals.scss */
.mx-window.mx-window-view .mx-window-body > .mx-dataview > .mx-dataview-content,
.mx-window.mx-window-view .mx-window-body > .mx-placeholder > .mx-dataview > .mx-dataview-content {
  padding: 20px;
}
/* line 58, ../../sass/lib/components/_modals.scss */
.mx-window.mx-window-view .mx-window-body > .mx-dataview > .mx-dataview-controls,
.mx-window.mx-window-view .mx-window-body > .mx-placeholder > .mx-dataview > .mx-dataview-controls {
  padding: 20px;
  border-style: none;
  text-align: left;
  margin: 0;
}
/* line 66, ../../sass/lib/components/_modals.scss */
.mx-window .mx-dataview-controls {
  padding-bottom: 0;
}
/* line 69, ../../sass/lib/components/_modals.scss */
.mx-window .mx-layoutgrid {
  padding-left: 0;
  padding-right: 0;
}

/* Default Mendix Login Modal */
/* line 78, ../../sass/lib/components/_modals.scss */
.mx-login .modal-body {
  padding: 0 15px;
}
/* line 82, ../../sass/lib/components/_modals.scss */
.mx-login .modal-content input {
  box-shadow: none;
  padding: 12px 12px;
  height: 56px;
  border: 1px solid #EEE;
  background: #eee;
  font-size: 16px;
}
/* line 90, ../../sass/lib/components/_modals.scss */
.mx-login .modal-content input:focus {
  border-color: #66afe9;
}
/* line 95, ../../sass/lib/components/_modals.scss */
.mx-login .modal-header,
.mx-login .modal-footer {
  border: 0;
}
/* line 99, ../../sass/lib/components/_modals.scss */
.mx-login button {
  font-size: 16px;
}
/* line 102, ../../sass/lib/components/_modals.scss */
.mx-login h4 {
  color: #aaa;
  font-weight: bold;
  font-size: 20px;
}

/* ==========================================================================
   Navigation

   Default Mendix Navigation Bar
========================================================================== */
/* line 6, ../../sass/lib/components/_navigation.scss */
.mx-navbar {
  border-radius: 0;
  margin: 0;
  border-style: none;
  background-color: #FFFFFF;
  /* remove focus */
}
/* line 12, ../../sass/lib/components/_navigation.scss */
.mx-navbar ul.nav {
  margin: 0;
  /* Navigation item */
  /* When hovering or the dropdown is open */
}
/* line 16, ../../sass/lib/components/_navigation.scss */
.mx-navbar ul.nav > li.mx-navbar-item > a {
  font-family: "Trebuchet MS", sans-serif;
  font-weight: normal;
  border-radius: 0;
  padding: 15px 20px;
  color: #AAAAAA;
  font-size: 14px;
  vertical-align: middle;
  /* Dropdown arrow */
  /* Dropdown */
}
/* line 25, ../../sass/lib/components/_navigation.scss */
.mx-navbar ul.nav > li.mx-navbar-item > a .caret {
  border-top-color: #AAAAAA;
  border-bottom-color: #AAAAAA;
}
/* line 30, ../../sass/lib/components/_navigation.scss */
.mx-navbar ul.nav > li.mx-navbar-item > a:hover, .mx-navbar ul.nav > li.mx-navbar-item > a:focus, .mx-navbar ul.nav > li.mx-navbar-item > a.active {
  background-color: whitesmoke;
  color: #156570;
  text-decoration: none;
}
/* line 37, ../../sass/lib/components/_navigation.scss */
.mx-navbar ul.nav > li.mx-navbar-item > a:hover .caret, .mx-navbar ul.nav > li.mx-navbar-item > a:focus .caret, .mx-navbar ul.nav > li.mx-navbar-item > a.active .caret {
  border-top-color: #156570;
  border-bottom-color: #156570;
}
/* line 42, ../../sass/lib/components/_navigation.scss */
.mx-navbar ul.nav > li.mx-navbar-item > a.active {
  color: #156570;
  background-color: #ebebeb;
}
/* line 48, ../../sass/lib/components/_navigation.scss */
.mx-navbar ul.nav > li.mx-navbar-item > a .mx-navbar-submenu:before {
  position: absolute;
  top: -9px;
  left: 15px;
  width: 0;
  height: 0;
  border-width: 0 9px 9px 9px;
  border-style: solid;
  border-color: transparent transparent #DDDDDD transparent;
  content: "";
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
}
/* line 63, ../../sass/lib/components/_navigation.scss */
.mx-navbar ul.nav > li.mx-navbar-item > a img {
  width: 20px;
  height: auto;
}
/* line 68, ../../sass/lib/components/_navigation.scss */
.mx-navbar ul.nav > li.mx-navbar-item > a .glyphicon {
  vertical-align: middle;
  font-size: 1.2em;
  top: -1px;
}
/* line 76, ../../sass/lib/components/_navigation.scss */
.mx-navbar ul.nav > .mx-navbar-item > a:hover,
.mx-navbar ul.nav > .mx-navbar-item > a:focus,
.mx-navbar ul.nav > .mx-navbar-item.active a,
.mx-navbar ul.nav > .mx-navbar-item.open > a,
.mx-navbar ul.nav > .mx-navbar-item.open > a:hover,
.mx-navbar ul.nav > .mx-navbar-item.open > a:focus {
  background-color: whitesmoke;
  color: #156570;
  text-decoration: none;
}
/* line 86, ../../sass/lib/components/_navigation.scss */
.mx-navbar ul.nav > .mx-navbar-item > a:hover .caret,
.mx-navbar ul.nav > .mx-navbar-item > a:focus .caret,
.mx-navbar ul.nav > .mx-navbar-item.active a .caret,
.mx-navbar ul.nav > .mx-navbar-item.open > a .caret,
.mx-navbar ul.nav > .mx-navbar-item.open > a:hover .caret,
.mx-navbar ul.nav > .mx-navbar-item.open > a:focus .caret {
  border-top-color: #156570;
  border-bottom-color: #156570;
}
/* line 91, ../../sass/lib/components/_navigation.scss */
.mx-navbar ul.nav > .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem.active a {
  background-color: white;
  color: #156570;
}
/* line 95, ../../sass/lib/components/_navigation.scss */
.mx-navbar ul.nav > .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem.active a .caret {
  border-top-color: #156570;
  border-bottom-color: #156570;
}
@media (max-width: 768px) {
  /* line 103, ../../sass/lib/components/_navigation.scss */
  .mx-navbar ul.nav > li.mx-navbar-item > a {
    padding: 10px 20px;
  }
  /* line 106, ../../sass/lib/components/_navigation.scss */
  .mx-navbar .mx-navbar-item.open .dropdown-menu {
    background-color: white;
    border-radius: 0;
    padding: 0;
  }
  /* line 111, ../../sass/lib/components/_navigation.scss */
  .mx-navbar .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem > a {
    font-family: "Trebuchet MS", sans-serif;
    font-weight: normal;
    padding: 10px 20px;
    border-radius: 0;
    color: #AAA;
    font-size: 12px;
  }
  /* line 118, ../../sass/lib/components/_navigation.scss */
  .mx-navbar .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem > a:hover, .mx-navbar .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem > a:focus {
    color: #156570;
    background-color: white;
  }
  /* line 124, ../../sass/lib/components/_navigation.scss */
  .mx-navbar .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem > a.active {
    color: #156570;
    background-color: white;
  }
}
/* line 133, ../../sass/lib/components/_navigation.scss */
.mx-navbar:focus {
  outline: 0;
}

/* ==========================================================================
   Navigation

   Default Mendix Navigation Tree
========================================================================== */
/* line 144, ../../sass/lib/components/_navigation.scss */
.mx-navigationtree {
  background-color: #5BBBB7;
  /* Every navigation item */
  /* Sub navigation item specific */
  /* remove focus */
}
/* line 148, ../../sass/lib/components/_navigation.scss */
.mx-navigationtree .navbar-inner ul {
  margin: 0;
  padding-left: 0;
}
/* line 152, ../../sass/lib/components/_navigation.scss */
.mx-navigationtree .navbar-inner ul li {
  padding: 0;
  border-style: none;
}
/* line 156, ../../sass/lib/components/_navigation.scss */
.mx-navigationtree .navbar-inner ul li a {
  font-family: 'Centrale Sans';
  display: block;
  padding: 15px 20px 15px 16px;
  border-bottom: 1px solid #69c1bd;
  border-radius: 0;
  color: #FFFFFF;
  text-shadow: none;
  font-size: 14px;
  vertical-align: middle;
  background-color: #5BBBB7;
  border-left: 4px solid transparent;
}
/* line 169, ../../sass/lib/components/_navigation.scss */
.mx-navigationtree .navbar-inner ul li a .caret {
  border-top-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}
/* line 174, ../../sass/lib/components/_navigation.scss */
.mx-navigationtree .navbar-inner ul li a img {
  margin-right: 4px;
  width: 20px;
  height: auto;
}
/* line 180, ../../sass/lib/components/_navigation.scss */
.mx-navigationtree .navbar-inner ul li a .glyphicon {
  vertical-align: middle;
  font-size: 1.2em;
  top: -1px;
}
/* line 187, ../../sass/lib/components/_navigation.scss */
.mx-navigationtree .navbar-inner ul li a:hover,
.mx-navigationtree .navbar-inner ul li a:focus,
.mx-navigationtree .navbar-inner ul li a.active {
  background-color: #69c1bd;
  color: #EFF4F7;
  text-decoration: none;
}
/* line 194, ../../sass/lib/components/_navigation.scss */
.mx-navigationtree .navbar-inner ul li a:hover .caret,
.mx-navigationtree .navbar-inner ul li a:focus .caret,
.mx-navigationtree .navbar-inner ul li a.active .caret {
  border-top-color: #EFF4F7;
  border-bottom-color: #EFF4F7;
}
/* line 200, ../../sass/lib/components/_navigation.scss */
.mx-navigationtree .navbar-inner ul li a.active {
  border-left-color: #EFF4F7;
  color: #EFF4F7;
  background-color: #78c7c4;
}
/* line 210, ../../sass/lib/components/_navigation.scss */
.mx-navigationtree li.mx-navigationtree-has-items > ul {
  margin: 0;
  padding-left: 0;
  background-color: #4db5b1;
}
/* line 215, ../../sass/lib/components/_navigation.scss */
.mx-navigationtree li.mx-navigationtree-has-items > ul li {
  margin: 0;
  padding: 0;
}
/* line 218, ../../sass/lib/components/_navigation.scss */
.mx-navigationtree li.mx-navigationtree-has-items > ul li a {
  font-family: "Trebuchet MS", sans-serif;
  font-weight: normal;
  color: #FFF;
  font-size: 12px;
  background-color: #4db5b1;
  padding: 12px 20px 12px 25px;
  border: 0;
}
/* line 226, ../../sass/lib/components/_navigation.scss */
.mx-navigationtree li.mx-navigationtree-has-items > ul li a:hover, .mx-navigationtree li.mx-navigationtree-has-items > ul li a:focus, .mx-navigationtree li.mx-navigationtree-has-items > ul li a.active {
  color: #CCCCCC;
  background-color: #4db5b1;
}
/* line 232, ../../sass/lib/components/_navigation.scss */
.mx-navigationtree li.mx-navigationtree-has-items > ul li a.active {
  border: 0;
  color: #CCCCCC;
  background-color: #4db5b1;
}
/* line 243, ../../sass/lib/components/_navigation.scss */
.mx-navigationtree:focus {
  outline: 0;
}

/* Content Centerd text and icons */
/* line 253, ../../sass/lib/components/_navigation.scss */
.mx-navigationtree.nav-content-center-text-icons .navbar-inner ul a {
  text-align: center;
}
/* line 255, ../../sass/lib/components/_navigation.scss */
.mx-navigationtree.nav-content-center-text-icons .navbar-inner ul a .glyphicon {
  display: block;
  margin-bottom: 5px;
}

/* Content Centerd icons only */
/* line 267, ../../sass/lib/components/_navigation.scss */
.mx-navigationtree.nav-content-center .navbar-inner ul a {
  text-align: center;
}

/* ==========================================================================
   Navigation

   Default Mendix Simple Menu Bar
========================================================================== */
/* line 282, ../../sass/lib/components/_navigation.scss */
.mx-menubar {
  padding: 0;
  background-color: #5BBBB7;
  /* Two menu items */
  /* Three menu items */
  /* Four menu items */
  /* Five menu items */
  /* remove focus */
}
/* line 285, ../../sass/lib/components/_navigation.scss */
.mx-menubar ul.mx-menubar-list {
  width: 100%;
  min-height: 50px;
  table-layout: fixed;
}
/* line 289, ../../sass/lib/components/_navigation.scss */
.mx-menubar ul.mx-menubar-list li.mx-menubar-item {
  margin: 0;
  width: 100%;
  display: inline-block;
}
/* line 293, ../../sass/lib/components/_navigation.scss */
.mx-menubar ul.mx-menubar-list li.mx-menubar-item a {
  font-family: "Trebuchet MS", sans-serif;
  font-weight: normal;
  border-radius: 0;
  color: #FFFFFF;
  font-size: 12px;
  padding: 0 8px;
  text-align: center;
  line-height: 50px;
  overflow: hidden;
  display: block;
  vertical-align: middle;
}
/* line 305, ../../sass/lib/components/_navigation.scss */
.mx-menubar ul.mx-menubar-list li.mx-menubar-item a .glyphicon {
  vertical-align: middle;
  font-size: 1.2em;
  top: -1px;
}
/* line 311, ../../sass/lib/components/_navigation.scss */
.mx-menubar ul.mx-menubar-list li.mx-menubar-item a:hover,
.mx-menubar ul.mx-menubar-list li.mx-menubar-item a:focus, .mx-menubar ul.mx-menubar-list li.mx-menubar-item:hover a, .mx-menubar ul.mx-menubar-list li.mx-menubar-item:focus a, .mx-menubar ul.mx-menubar-list li.mx-menubar-item.active a {
  background-color: #69c1bd;
  color: #EFF4F7;
  text-decoration: none;
}
/* line 320, ../../sass/lib/components/_navigation.scss */
.mx-menubar ul.mx-menubar-list li.mx-menubar-item.active a {
  color: #EFF4F7;
  background-color: #78c7c4;
}
/* line 328, ../../sass/lib/components/_navigation.scss */
.mx-menubar.menubar-col-6 ul.mx-menubar-list li.mx-menubar-item {
  width: 50%;
}
/* line 332, ../../sass/lib/components/_navigation.scss */
.mx-menubar.menubar-col-4 ul.mx-menubar-list li.mx-menubar-item {
  width: 33.33333333%;
}
/* line 336, ../../sass/lib/components/_navigation.scss */
.mx-menubar.menubar-col-3 ul.mx-menubar-list li.mx-menubar-item {
  width: 25%;
}
/* line 340, ../../sass/lib/components/_navigation.scss */
.mx-menubar.menubar-col-2 ul.mx-menubar-list li.mx-menubar-item {
  width: 20%;
}
/* line 345, ../../sass/lib/components/_navigation.scss */
.mx-menubar:focus {
  outline: 0;
}

/* text and icons centerd */
/* line 354, ../../sass/lib/components/_navigation.scss */
.mx-menubar.bottom-nav-text-icons ul.mx-menubar-list li.mx-menubar-item a {
  line-height: normal;
  padding: 8px 8px 6px 8px;
}
/* line 357, ../../sass/lib/components/_navigation.scss */
.mx-menubar.bottom-nav-text-icons ul.mx-menubar-list li.mx-menubar-item a .glyphicon {
  display: block;
  font-size: 18px;
  margin-bottom: 4px;
}

/* Vertical variation specifics */
/* line 369, ../../sass/lib/components/_navigation.scss */
.mx-menubar-vertical {
  background-color: #FFFFFF;
}
/* line 373, ../../sass/lib/components/_navigation.scss */
.mx-menubar-vertical ul.mx-menubar-list li.mx-menubar-item a {
  color: #AAAAAA;
  font-size: 14px;
  border-bottom: 1px solid #DDDDDD;
}
/* line 378, ../../sass/lib/components/_navigation.scss */
.mx-menubar-vertical ul.mx-menubar-list li.mx-menubar-item a .glyphicon {
  vertical-align: middle;
  font-size: 1.2em;
  top: -1px;
}
/* line 384, ../../sass/lib/components/_navigation.scss */
.mx-menubar-vertical ul.mx-menubar-list li.mx-menubar-item a:hover, .mx-menubar-vertical ul.mx-menubar-list li.mx-menubar-item a:focus, .mx-menubar-vertical ul.mx-menubar-list li.mx-menubar-item a.active {
  background-color: whitesmoke;
  color: #156570;
  text-decoration: none;
}
/* line 391, ../../sass/lib/components/_navigation.scss */
.mx-menubar-vertical ul.mx-menubar-list li.mx-menubar-item a.active {
  color: #156570;
  background-color: #ebebeb;
}

/* Horizontal variation specifics */
/* line 403, ../../sass/lib/components/_navigation.scss */
.mx-menubar-horizontal ul.mx-menubar-list li.mx-menubar-item {
  width: auto;
}

/* ==========================================================================
   Navigation List

   Default Mendix Navigation List Widget. A navigation list can be used to attach an action to an entire row. Such a row is called a navigation list item
========================================================================== */
/* line 6, ../../sass/lib/components/_navigationlist.scss */
.mx-navigationlist {
  padding: 0;
  margin: 0;
}
/* line 10, ../../sass/lib/components/_navigationlist.scss */
.mx-navigationlist .mx-navigationlist-item {
  padding: 15px 20px 15px 16px;
  border-left: 4px solid transparent;
  border-bottom: 1px solid #69c1bd;
  border-top: none;
  border-radius: 0;
  background-color: #5BBBB7;
}
/* line 17, ../../sass/lib/components/_navigationlist.scss */
.mx-navigationlist .mx-navigationlist-item label {
  font-family: "Trebuchet MS", sans-serif;
  font-weight: normal;
  color: #FFFFFF;
  font-size: 14px;
}
/* line 22, ../../sass/lib/components/_navigationlist.scss */
.mx-navigationlist .mx-navigationlist-item:hover, .mx-navigationlist .mx-navigationlist-item:focus, .mx-navigationlist .mx-navigationlist-item.active {
  background-color: #69c1bd;
}
/* line 26, ../../sass/lib/components/_navigationlist.scss */
.mx-navigationlist .mx-navigationlist-item:hover label, .mx-navigationlist .mx-navigationlist-item:focus label, .mx-navigationlist .mx-navigationlist-item.active label {
  color: #EFF4F7;
}
/* line 30, ../../sass/lib/components/_navigationlist.scss */
.mx-navigationlist .mx-navigationlist-item.active {
  border-left-color: #EFF4F7;
  color: #EFF4F7;
  background-color: #78c7c4;
}

/* ==========================================================================
   Tab Container

   Default Mendix Tab Container Widget. Tab containers are used to show information categorized into multiple tab pages. 
   This can be very useful if the amount of information that has to be displayed is larger than the amount of space on the screen
========================================================================== */
/* line 8, ../../sass/lib/components/_tabcontainer.scss */
.mx-tabcontainer .mx-tabcontainer-tabs {
  margin-bottom: 20px;
  border-color: #DDD;
}
/* line 11, ../../sass/lib/components/_tabcontainer.scss */
.mx-tabcontainer .mx-tabcontainer-tabs > li > a {
  font-family: "Trebuchet MS", sans-serif;
  font-weight: normal;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  margin-right: 0;
  color: #666666;
}
/* line 22, ../../sass/lib/components/_tabcontainer.scss */
.mx-tabcontainer .mx-tabcontainer-tabs > li > a:hover, .mx-tabcontainer .mx-tabcontainer-tabs > li > a:focus {
  background-color: #eaeaea;
}
/* line 28, ../../sass/lib/components/_tabcontainer.scss */
.mx-tabcontainer .mx-tabcontainer-tabs > li.active > a,
.mx-tabcontainer .mx-tabcontainer-tabs > li.active > a:hover,
.mx-tabcontainer .mx-tabcontainer-tabs > li.active > a:focus {
  border: 1px solid #DDD;
  border-bottom-color: transparent;
  background-color: #FFF;
  color: #000;
}

/* ==========================================================================
   Tab Container Pills

   Default Mendix Tab Container Widget rendered as Pills
========================================================================== */
/* line 49, ../../sass/lib/components/_tabcontainer.scss */
.tab-pills.mx-tabcontainer .mx-tabcontainer-tabs {
  border: 0;
}
/* line 51, ../../sass/lib/components/_tabcontainer.scss */
.tab-pills.mx-tabcontainer .mx-tabcontainer-tabs > li > a {
  border-radius: 4px;
  margin-right: 2px;
  border: 1px solid #DDD;
  color: #666666;
}
/* line 57, ../../sass/lib/components/_tabcontainer.scss */
.tab-pills.mx-tabcontainer .mx-tabcontainer-tabs > li > a:hover, .tab-pills.mx-tabcontainer .mx-tabcontainer-tabs > li > a:focus {
  background-color: #eaeaea;
}
/* line 63, ../../sass/lib/components/_tabcontainer.scss */
.tab-pills.mx-tabcontainer .mx-tabcontainer-tabs > li.active > a,
.tab-pills.mx-tabcontainer .mx-tabcontainer-tabs > li.active > a:hover,
.tab-pills.mx-tabcontainer .mx-tabcontainer-tabs > li.active > a:focus {
  background-color: #156570;
  color: #FFF;
  border-color: #156570;
}

/* ==========================================================================
   Tab Container Lined

   Default Mendix Tab Container Widget rendered with tabs rendered without background
========================================================================== */
/* line 80, ../../sass/lib/components/_tabcontainer.scss */
.tab-lined.mx-tabcontainer .mx-tabcontainer-tabs {
  border-width: 3px;
}
/* line 83, ../../sass/lib/components/_tabcontainer.scss */
.tab-lined.mx-tabcontainer .mx-tabcontainer-tabs li {
  margin-bottom: -3px;
  margin-right: 30px;
}
/* line 87, ../../sass/lib/components/_tabcontainer.scss */
.tab-lined.mx-tabcontainer .mx-tabcontainer-tabs li > a {
  padding: 10px 0;
  border: 0;
  border-style: solid;
  border-color: transparent;
  border-bottom-width: 3px;
  border-radius: 0;
  color: #666666;
}
/* line 96, ../../sass/lib/components/_tabcontainer.scss */
.tab-lined.mx-tabcontainer .mx-tabcontainer-tabs li > a:hover, .tab-lined.mx-tabcontainer .mx-tabcontainer-tabs li > a:focus {
  border: 0;
  border-color: transparent;
  background: transparent;
  color: #666666;
}
/* line 106, ../../sass/lib/components/_tabcontainer.scss */
.tab-lined.mx-tabcontainer .mx-tabcontainer-tabs li.active > a, .tab-lined.mx-tabcontainer .mx-tabcontainer-tabs li.active > a:hover, .tab-lined.mx-tabcontainer .mx-tabcontainer-tabs li.active > a:focus {
  border: 0;
  border-bottom: 3px solid #156570;
  background-color: transparent;
  color: #156570;
}

/* ==========================================================================
   Tab Container Justified

   Default Mendix Tab Container Widget rendered as justified
========================================================================== */
/* line 125, ../../sass/lib/components/_tabcontainer.scss */
.tab-justified.mx-tabcontainer .mx-tabcontainer-tabs {
  width: 100%;
  border-bottom: 0;
}
/* line 129, ../../sass/lib/components/_tabcontainer.scss */
.tab-justified.mx-tabcontainer .mx-tabcontainer-tabs > li {
  display: table-cell;
  float: none;
  margin: 0;
  width: 1%;
}
@media (max-width: 768px) {
  /* line 129, ../../sass/lib/components/_tabcontainer.scss */
  .tab-justified.mx-tabcontainer .mx-tabcontainer-tabs > li {
    display: block;
    width: 100%;
  }
}
/* line 138, ../../sass/lib/components/_tabcontainer.scss */
.tab-justified.mx-tabcontainer .mx-tabcontainer-tabs > li > a {
  border-bottom: 1px solid #DDD;
  text-align: center;
}
/* line 144, ../../sass/lib/components/_tabcontainer.scss */
.tab-justified.mx-tabcontainer .mx-tabcontainer-tabs > li.active > a {
  border-radius: 4px;
  border-bottom-color: transparent;
}
@media (max-width: 768px) {
  /* line 144, ../../sass/lib/components/_tabcontainer.scss */
  .tab-justified.mx-tabcontainer .mx-tabcontainer-tabs > li.active > a {
    border-bottom-color: #DDD;
  }
}

/* ==========================================================================
   Tab Container Bordered

   Default Mendix Tab Container Widget rendered with borders
========================================================================== */
/* line 162, ../../sass/lib/components/_tabcontainer.scss */
.tab-bordered.mx-tabcontainer .mx-tabcontainer-tabs {
  margin: 0;
}
/* line 166, ../../sass/lib/components/_tabcontainer.scss */
.tab-bordered.mx-tabcontainer .mx-tabcontainer-content {
  padding: 10px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #DDD;
  background-color: #FFF;
}

/* ==========================================================================
   Tables

   Default Mendix Table Widget. Tables can be used to lend structure to a page. They contain a number of rows (tr) and columns, the intersection of which is called a cell (td). Each cell can contain widgets
========================================================================== */
/* line 6, ../../sass/lib/components/_tables.scss */
th {
  font-family: "Trebuchet MS", sans-serif;
  font-weight: bold;
}

/* line 8, ../../sass/lib/components/_tables.scss */
table.mx-table > tbody {
  /* Table row */
}
/* line 11, ../../sass/lib/components/_tables.scss */
table.mx-table > tbody > tr {
  /* Table header */
  /* Table cells */
}
/* line 14, ../../sass/lib/components/_tables.scss */
table.mx-table > tbody > tr > th {
  padding: 8px 8px 8px 8px;
}
/* line 16, ../../sass/lib/components/_tables.scss */
table.mx-table > tbody > tr > th * {
  font-family: "Trebuchet MS", sans-serif;
  font-weight: bold;
  color: #666666;
  font-weight: normal;
}
/* line 21, ../../sass/lib/components/_tables.scss */
table.mx-table > tbody > tr > th > label {
  padding-top: 7px;
  padding-bottom: 6px;
}
/* line 28, ../../sass/lib/components/_tables.scss */
table.mx-table > tbody > tr > td {
  padding: 8px 8px 8px 8px;
}
/* line 30, ../../sass/lib/components/_tables.scss */
table.mx-table > tbody > tr > td > div > label,
table.mx-table > tbody > tr > td .mx-referenceselector-input-wrapper label {
  padding-top: 7px;
  padding-bottom: 6px;
}

/* Default Mendix Table Widget inside TemplateGrid */
/* line 45, ../../sass/lib/components/_tables.scss */
.mx-templategrid table.mx-table > tbody > tr > th,
.mx-templategrid table.mx-table > tbody > tr > td {
  padding: 8px 8px 8px 8px;
}

/* Default Mendix Table Widget inside Listview */
/* line 58, ../../sass/lib/components/_tables.scss */
.mx-list table.mx-table > tbody > tr > th,
.mx-list table.mx-table > tbody > tr > td {
  padding: 8px 8px 8px 8px;
}

/* ==========================================================================
   Tables Lined
	
   Default Mendix Table Widget with borders top and bottom
========================================================================== */
/* line 80, ../../sass/lib/components/_tables.scss */
table.table-lined.mx-table > tbody > tr > th,
table.table-lined.mx-table > tbody > tr > td {
  border-width: 1px 0;
  border-style: solid;
  border-color: #DDD;
}

/* ==========================================================================
   Tables Bordered
	
   Default Mendix Table Widget with borders
========================================================================== */
/* line 104, ../../sass/lib/components/_tables.scss */
table.table-bordered.mx-table > tbody > tr > th,
table.table-bordered.mx-table > tbody > tr > td {
  border-width: 1px;
  border-style: solid;
  border-color: #DDD;
}

/* ==========================================================================
   Tables Compact
	
   Default Mendix Table Widget with less spacing in table cells
========================================================================== */
/* line 128, ../../sass/lib/components/_tables.scss */
table.table-compact.mx-table > tbody > tr > th,
table.table-compact.mx-table > tbody > tr > td {
  padding-top: 2px;
  padding-bottom: 2px;
}

/* ==========================================================================
   Tables Sideless
	
   Default Mendix Table Widget inside TemplateGrid
========================================================================== */
/* line 151, ../../sass/lib/components/_tables.scss */
table.table-sideless.mx-table > tbody > tr > td,
table.table-sideless.mx-table > tbody > tr > th {
  padding-right: 0;
}
/* line 155, ../../sass/lib/components/_tables.scss */
table.table-sideless.mx-table > tbody > tr > th:first-child,
table.table-sideless.mx-table > tbody > tr > td:first-child {
  padding-left: 0;
}

/* ==========================================================================
   Tables Spaceless
	
   Default Mendix Table Widget without padding
========================================================================== */
/* line 177, ../../sass/lib/components/_tables.scss */
table.table-spaceless.mx-table > tbody > tr > th,
table.table-spaceless.mx-table > tbody > tr > td {
  padding: 0;
}

/* ==========================================================================
   Tables Vertical
	
   Default Mendix Table Widget vertical aligned 
========================================================================== */
/* line 198, ../../sass/lib/components/_tables.scss */
table.table-vertical.mx-table > tbody > tr > th {
  padding-bottom: 0;
}
/* line 200, ../../sass/lib/components/_tables.scss */
table.table-vertical.mx-table > tbody > tr > th > label {
  padding: 0;
}
/* line 201, ../../sass/lib/components/_tables.scss */
table.table-vertical.mx-table > tbody > tr > th > div > label {
  padding: 0;
}

/* ==========================================================================
   Tables Vertical Middle
	
   Default Mendix Table Widget vertical aligned middle
========================================================================== */
/* line 221, ../../sass/lib/components/_tables.scss */
table.table-align-vertical-middle.mx-table > tbody > tr > th,
table.table-align-vertical-middle.mx-table > tbody > tr > td {
  vertical-align: middle;
}

/* ==========================================================================
   Tables Compact
	
   Default Mendix Table Widget without padding and margin
========================================================================== */
/* line 245, ../../sass/lib/components/_tables.scss */
table.table-label-compact.mx-table > tbody > tr > th > label,
table.table-label-compact.mx-table > tbody > tr > td > label {
  padding: 0;
  margin: 0;
}
/* line 249, ../../sass/lib/components/_tables.scss */
table.table-label-compact.mx-table > tbody > tr > th > div > label,
table.table-label-compact.mx-table > tbody > tr > th .mx-referenceselector-input-wrapper label,
table.table-label-compact.mx-table > tbody > tr > td > div > label,
table.table-label-compact.mx-table > tbody > tr > td .mx-referenceselector-input-wrapper label {
  padding: 0;
  margin: 0;
}

/* line 263, ../../sass/lib/components/_tables.scss */
html body .mx-page table.mx-table th.nopadding,
html body .mx-page table.mx-table td.nopadding {
  padding: 0;
}

/* ==========================================================================
   Tables Row Sizes
========================================================================== */
/*  Small rows
	========================================================================== */
/* line 287, ../../sass/lib/components/_tables.scss */
table.table-row-s.mx-table > tbody > tr > th,
table.table-row-s.mx-table > tbody > tr > td {
  height: 55px;
}

/*  Medium rows
	========================================================================== */
/* line 306, ../../sass/lib/components/_tables.scss */
table.table-row-m.mx-table > tbody > tr > th,
table.table-row-m.mx-table > tbody > tr > td {
  height: 70px;
}

/*  Large rows
	========================================================================== */
/* line 324, ../../sass/lib/components/_tables.scss */
table.table-row-l.mx-table > tbody > tr > th,
table.table-row-l.mx-table > tbody > tr > td {
  height: 120px;
}

/*	Table Fixed
   ========================================================================== */
/* line 335, ../../sass/lib/components/_tables.scss */
table.table-fixed {
  table-layout: fixed;
}

/* ==========================================================================
   Templategrid

   Default Mendix Templategrid Widget. The template grid shows a list of objects in a tile view. For example, a template grid can show a list of products. The template grid has a lot in common with the data grid. The main difference is that the objects are shown in templates (a sort of small data view) instead of rows
========================================================================== */
/* line 7, ../../sass/lib/components/_templategrids.scss */
.mx-templategrid .mx-templategrid-content-wrapper {
  table-layout: fixed;
}
/* line 10, ../../sass/lib/components/_templategrids.scss */
.mx-templategrid .mx-templategrid-item {
  background-color: #FFF;
  padding: 8px 8px 8px 8px;
  cursor: default;
}
/* line 15, ../../sass/lib/components/_templategrids.scss */
.mx-templategrid .mx-templategrid-item:hover {
  background-color: transparent;
}
/* line 18, ../../sass/lib/components/_templategrids.scss */
.mx-templategrid .mx-templategrid-item.selected {
  background-color: #5BBBB7 !important;
}
/* line 22, ../../sass/lib/components/_templategrids.scss */
.mx-templategrid .mx-layoutgrid {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* ==========================================================================
   Templategrid Hover

   Default Mendix Templategrid Widget Hover
========================================================================== */
/* line 36, ../../sass/lib/components/_templategrids.scss */
.templategrid-hover.mx-templategrid .mx-templategrid-item:hover {
  background-color: #D4D7D9 !important;
}
/* line 39, ../../sass/lib/components/_templategrids.scss */
.templategrid-hover.mx-templategrid .mx-templategrid-item.selected {
  background-color: #5BBBB7 !important;
}
/* line 42, ../../sass/lib/components/_templategrids.scss */
.templategrid-hover.mx-templategrid .mx-templategrid-item.selected:hover {
  background-color: #5BBBB7 !important;
}

/* ==========================================================================
   Templategrid Selectable

   Default Mendix Templategrid Widget with selection enabled
========================================================================== */
/* line 56, ../../sass/lib/components/_templategrids.scss */
.templategrid-selectable.mx-templategrid .mx-templategrid-item {
  cursor: pointer;
}

/* ==========================================================================
   Templategrid Lined

   Default Mendix Templategrid Widget with borders between items
========================================================================== */
/* line 68, ../../sass/lib/components/_templategrids.scss */
.templategrid-lined.mx-templategrid .mx-grid-content {
  border-top-style: solid;
  border-top-color: #DDD;
  border-top-width: 2px;
}
/* line 73, ../../sass/lib/components/_templategrids.scss */
.templategrid-lined.mx-templategrid .mx-templategrid-item {
  border-left: none;
  border-right: none;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
}

/* ==========================================================================
   Templategrid Striped

  Default Mendix Templategrid Widget with background between items
========================================================================== */
/* line 88, ../../sass/lib/components/_templategrids.scss */
.templategrid-striped.mx-templategrid .mx-templategrid-row:nth-child(odd) .mx-templategrid-item {
  background-color: #f9f9f9;
}

/* ==========================================================================
   Templategrid Stylingless

  Default Mendix Templategrid Widget without styling
========================================================================== */
/* line 100, ../../sass/lib/components/_templategrids.scss */
.templategrid-stylingless.mx-templategrid .mx-templategrid-item {
  background-color: transparent;
  border: 0;
  padding: 0;
  cursor: default;
}
/* line 106, ../../sass/lib/components/_templategrids.scss */
.templategrid-stylingless.mx-templategrid .mx-templategrid-item:hover {
  background-color: transparent;
}
/* line 109, ../../sass/lib/components/_templategrids.scss */
.templategrid-stylingless.mx-templategrid .mx-templategrid-item.selected {
  background-color: transparent !important;
}
/* line 112, ../../sass/lib/components/_templategrids.scss */
.templategrid-stylingless.mx-templategrid .mx-templategrid-item.selected:hover {
  background-color: transparent !important;
}

/* ==========================================================================
   Templategrid Transparent

  Default Mendix Templategrid Widget without background and padding in items
========================================================================== */
/* line 126, ../../sass/lib/components/_templategrids.scss */
.templategrid-transparent.mx-templategrid .mx-templategrid-item {
  background-color: transparent;
  border: 0;
}

/* ==========================================================================
   Typography
========================================================================== */
/* line 4, ../../sass/lib/components/_typography.scss */
p {
  line-height: 1.42857;
}

/* line 7, ../../sass/lib/components/_typography.scss */
label {
  padding-top: 0;
}

/* line 10, ../../sass/lib/components/_typography.scss */
.mx-title {
  font-weight: normal;
  color: #000000;
  font-size: 31px;
}

/* line 15, ../../sass/lib/components/_typography.scss */
h1, .h1, .h1 > * {
  font-size: 31px;
}

/* line 16, ../../sass/lib/components/_typography.scss */
h2, .h2, .h2 > * {
  font-size: 26px;
}

/* line 17, ../../sass/lib/components/_typography.scss */
h3, .h3, .h3 > * {
  font-size: 20px;
}

/* line 18, ../../sass/lib/components/_typography.scss */
h4, .h4, .h4 > * {
  font-size: 16px;
}

/* line 19, ../../sass/lib/components/_typography.scss */
h5, .h5, .h5 > * {
  font-size: 14px;
}

/* line 20, ../../sass/lib/components/_typography.scss */
h6, .h6, .h6 > * {
  font-size: 11px;
}

/* line 22, ../../sass/lib/components/_typography.scss */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: normal;
  color: #22505F;
  line-height: 1.3;
}

/* Text Weights */
/* line 31, ../../sass/lib/components/_typography.scss */
.text-light, .text-light > *, .text-light label {
  font-family: "Trebuchet MS", sans-serif;
  font-weight: 100;
}

/* line 34, ../../sass/lib/components/_typography.scss */
.text-normal, .text-normal > *, .text-normal label {
  font-family: "Trebuchet MS", sans-serif;
  font-weight: normal;
}

/* line 37, ../../sass/lib/components/_typography.scss */
.text-semibold, .text-semibold > *, .text-semibold label {
  font-family: "Trebuchet MS", sans-serif;
  font-weight: 500;
}

/* line 40, ../../sass/lib/components/_typography.scss */
.text-bold, .text-bold > *, .text-bold label {
  font-family: "Trebuchet MS", sans-serif;
  font-weight: bold;
}

/* ==========================================================================
   Text Utility Classes
========================================================================== */
/* line 48, ../../sass/lib/components/_typography.scss */
.text-spacing {
  margin-top: 1em;
  margin-bottom: 1em;
}

/* line 52, ../../sass/lib/components/_typography.scss */
.text-lined {
  padding-bottom: 10px;
  border-bottom: 1px solid #DDD;
}

/* Text Break */
/* line 59, ../../sass/lib/components/_typography.scss */
.text-break {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

/* ==========================================================================
   Typography

   Text Colors
========================================================================== */
/* line 75, ../../sass/lib/components/_typography.scss */
.text-gray-darker {
  color: #222;
}

/* line 76, ../../sass/lib/components/_typography.scss */
.text-gray-dark {
  color: #333;
}

/* line 77, ../../sass/lib/components/_typography.scss */
.text-gray {
  color: #555;
}

/* line 78, ../../sass/lib/components/_typography.scss */
.text-gray-light {
  color: #999;
}

/* line 79, ../../sass/lib/components/_typography.scss */
.text-gray-primary {
  color: #DDD;
}

/* line 80, ../../sass/lib/components/_typography.scss */
.text-gray-lighter {
  color: #eee;
}

/* line 83, ../../sass/lib/components/_typography.scss */
.text-default, .text-default:hover {
  color: #000;
}

/* line 84, ../../sass/lib/components/_typography.scss */
.text-primary, .text-primary:hover {
  color: #156570;
}

/* line 85, ../../sass/lib/components/_typography.scss */
.text-info, .text-info:hover {
  color: #197885;
}

/* line 86, ../../sass/lib/components/_typography.scss */
.text-success, .text-success:hover {
  color: #77DD77;
}

/* line 87, ../../sass/lib/components/_typography.scss */
.text-warning, .text-warning:hover {
  color: #FFB347;
}

/* line 88, ../../sass/lib/components/_typography.scss */
.text-danger, .text-danger:hover {
  color: #FF6961;
}

/* line 91, ../../sass/lib/components/_typography.scss */
.text-black {
  color: #000;
}

/* line 92, ../../sass/lib/components/_typography.scss */
.text-black-secondary {
  color: #666666;
}

/* line 93, ../../sass/lib/components/_typography.scss */
.text-black-disabled {
  color: rgba(0, 0, 0, 0.26);
}

/* line 94, ../../sass/lib/components/_typography.scss */
.text-black-hint {
  color: rgba(0, 0, 0, 0.26);
}

/* line 96, ../../sass/lib/components/_typography.scss */
.text-white {
  color: #FFF;
}

/* line 97, ../../sass/lib/components/_typography.scss */
.text-white-secondary {
  color: rgba(255, 255, 255, 0.7);
}

/* line 98, ../../sass/lib/components/_typography.scss */
.text-white-disabled {
  color: rgba(255, 255, 255, 0.3);
}

/* line 99, ../../sass/lib/components/_typography.scss */
.text-white-hint {
  color: rgba(255, 255, 255, 0.3);
}

/*
* Mendix Documentation
* Special styles for presenting components
*/
/* line 5, ../../sass/lib/components/_mendixsso.scss */
.mx-appswitcher-button-placeholder,
.mx-profilemenu-button-placeholder {
  display: inline-block;
}
/* line 8, ../../sass/lib/components/_mendixsso.scss */
.mx-appswitcher-button-placeholder iframe,
.mx-profilemenu-button-placeholder iframe {
  width: 48px;
  height: 48px;
}

/*
* Mendix App Switcher Button
*
* 
*/
/*
* Mendix Profile Menu Button
*
* 
*/
/* ==========================================================================
   Special styles for presenting Page Template Dashboard
========================================================================== */
/* line 4, ../../sass/lib/pagetemplates/responsive/_page-dashboard.scss */
.page-dashboard {
  background-color: #EFF4F7;
}
/* line 6, ../../sass/lib/pagetemplates/responsive/_page-dashboard.scss */
.page-dashboard .chartjs-node {
  margin-top: 30px;
}

/* line 11, ../../sass/lib/pagetemplates/responsive/_page-dashboard.scss */
.page-dashboard-default .card {
  min-height: 345px;
}

/* line 16, ../../sass/lib/pagetemplates/responsive/_page-dashboard.scss */
.page-dashboard-mytasks .card {
  min-height: 320px;
}

/* ==========================================================================
   Special styles for presenting Page Template Form
========================================================================== */
/* line 4, ../../sass/lib/pagetemplates/responsive/_page-form.scss */
.page-form {
  /* Styles here */
}

/* line 7, ../../sass/lib/pagetemplates/responsive/_page-form.scss */
.page-form-default {
  /* Styles here */
}

/* line 10, ../../sass/lib/pagetemplates/responsive/_page-form.scss */
.page-form-imagemap {
  /* Styles here */
}

/* line 13, ../../sass/lib/pagetemplates/responsive/_page-form.scss */
.page-form-tabs {
  /* Styles here */
}

/* ==========================================================================
   Special styles for presenting Page Template Login
========================================================================== */
/* line 10, ../../sass/lib/pagetemplates/responsive/_page-login.scss */
.page-login-users .profilecard:hover, .page-login-users .profilecard:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
/* line 17, ../../sass/lib/pagetemplates/responsive/_page-login.scss */
.page-login-users .mx-navigationlist .mx-navigationlist-item {
  padding: 0;
  border-style: none;
  background-color: transparent;
}

/* ==========================================================================
   Special styles for presenting Page Template Master Detail
========================================================================== */
/* line 4, ../../sass/lib/pagetemplates/responsive/_page-masterdetail.scss */
.page-masterdetail {
  /* Styles here */
}

/* line 7, ../../sass/lib/pagetemplates/responsive/_page-masterdetail.scss */
.page-masterdetail-basic {
  /* Styles here */
}

/* line 10, ../../sass/lib/pagetemplates/responsive/_page-masterdetail.scss */
.page-masterdetail-big {
  /* Styles here */
}

/* line 13, ../../sass/lib/pagetemplates/responsive/_page-masterdetail.scss */
.page-masterdetail-imagemap {
  /* Styles here */
}

/* line 16, ../../sass/lib/pagetemplates/responsive/_page-masterdetail.scss */
.page-masterdetail-multilevel {
  /* Styles here */
}

/* ==========================================================================
   Special styles for presenting Page Template Tabs
========================================================================== */
/* line 4, ../../sass/lib/pagetemplates/responsive/_page-tabs.scss */
.page-tabs {
  /* Styles here */
}
/* line 6, ../../sass/lib/pagetemplates/responsive/_page-tabs.scss */
.page-tabs .tabsfullwidth {
  background-color: #EFF4F7;
}

/* line 10, ../../sass/lib/pagetemplates/responsive/_page-tabs.scss */
.page-tabs-default {
  /* Styles here */
}

/* line 13, ../../sass/lib/pagetemplates/responsive/_page-tabs.scss */
.page-tabs-fullwidth {
  /* Styles here */
}
/* line 15, ../../sass/lib/pagetemplates/responsive/_page-tabs.scss */
.page-tabs-fullwidth .pageheader.pageheader-fullwidth {
  border-style: none;
}

/* ==========================================================================
   Special styles for presenting Page Template Website
========================================================================== */
/* line 4, ../../sass/lib/pagetemplates/responsive/_page-website.scss */
.page-website {
  /* Styles here */
}

/* line 7, ../../sass/lib/pagetemplates/responsive/_page-website.scss */
.page-website-actions {
  /* Styles here */
}

/* line 10, ../../sass/lib/pagetemplates/responsive/_page-website.scss */
.page-website-items {
  /* Styles here */
}

/* line 13, ../../sass/lib/pagetemplates/responsive/_page-website.scss */
.page-website-items-detail {
  /* Styles here */
}

/* line 16, ../../sass/lib/pagetemplates/responsive/_page-website.scss */
.page-website-presentation {
  /* Styles here */
}

/* ==========================================================================
   Special styles for presenting Page Template Wizard
========================================================================== */
/* line 4, ../../sass/lib/pagetemplates/responsive/_page-wizard.scss */
.page-wizard {
  /* Styles here */
}

/* line 7, ../../sass/lib/pagetemplates/responsive/_page-wizard.scss */
.page-wizard-default {
  /* Styles here */
}

/* line 10, ../../sass/lib/pagetemplates/responsive/_page-wizard.scss */
.page-wizard-titlecentered {
  /* Styles here */
}

/* ==========================================================================
   Special styles for presenting Page Template Phone
========================================================================== */
/* line 4, ../../sass/lib/pagetemplates/phone/_phone-page-dashboard.scss */
.phone-page-dashboard {
  background-color: #EFF4F7;
}

/* line 7, ../../sass/lib/pagetemplates/phone/_phone-page-dashboard.scss */
.phone-page-dashboard-default {
  /* Styles here */
}

/* ==========================================================================
   Special styles for presenting Page Template Phone Form
========================================================================== */
/* line 4, ../../sass/lib/pagetemplates/phone/_phone-page-form.scss */
.phone-page-form {
  /* Styles here */
}

/* line 7, ../../sass/lib/pagetemplates/phone/_phone-page-form.scss */
.phone-page-form-default {
  /* Styles here */
}

/* line 10, ../../sass/lib/pagetemplates/phone/_phone-page-form.scss */
.phone-page-form-edit {
  /* Styles here */
}

/* ==========================================================================
   Special styles for presenting Page Template Phone Listview
========================================================================== */
/* line 4, ../../sass/lib/pagetemplates/phone/_phone-page-listview.scss */
.phone-page-listview {
  /* Styles here */
}

/* line 7, ../../sass/lib/pagetemplates/phone/_phone-page-listview.scss */
.phone-page-listview-default {
  /* Styles here */
}

/* ==========================================================================
   Special styles for presenting Page Template Phone Wizard
========================================================================== */
/* line 4, ../../sass/lib/pagetemplates/phone/_phone-page-wizard.scss */
.phone-page-wizard {
  /* Styles here */
}

/* line 7, ../../sass/lib/pagetemplates/phone/_phone-page-wizard.scss */
.phone-page-wizard-default {
  /* Styles here */
}

/* ==========================================================================
   Special styles for presenting Page Template Tablet Dashboard
========================================================================== */
/* line 4, ../../sass/lib/pagetemplates/tablet/_tablet-page-dashboard.scss */
.tablet-page-dashboard {
  background-color: #EFF4F7;
}

/* line 7, ../../sass/lib/pagetemplates/tablet/_tablet-page-dashboard.scss */
.tablet-page-dashboard-default {
  /* Styles here */
}

/* line 10, ../../sass/lib/pagetemplates/tablet/_tablet-page-dashboard.scss */
.tablet-page-dashboard-big {
  /* Styles here */
}

/* line 13, ../../sass/lib/pagetemplates/tablet/_tablet-page-dashboard.scss */
.tablet-page-dashboard-mytasks {
  /* Styles here */
}

/* ==========================================================================
   Special styles for presenting Page Template Tablet Form
========================================================================== */
/* line 4, ../../sass/lib/pagetemplates/tablet/_tablet-page-form.scss */
.tablet-page-form {
  /* Styles here */
}

/* line 7, ../../sass/lib/pagetemplates/tablet/_tablet-page-form.scss */
.tablet-page-form-default {
  /* Styles here */
}

/* line 10, ../../sass/lib/pagetemplates/tablet/_tablet-page-form.scss */
.tablet-page-form-edit {
  /* Styles here */
}

/* ==========================================================================
   Special styles for presenting Page Template Tablet Master Detail
========================================================================== */
/* line 4, ../../sass/lib/pagetemplates/tablet/_tablet-page-masterdetail.scss */
.tablet-page-masterdetail {
  /* Styles here */
}

/* line 7, ../../sass/lib/pagetemplates/tablet/_tablet-page-masterdetail.scss */
.tablet-page-masterdetail-default {
  /* Styles here */
}

/* line 10, ../../sass/lib/pagetemplates/tablet/_tablet-page-masterdetail.scss */
.tablet-page-masterdetail-leftright {
  /* Styles here */
}

/* ==========================================================================
   Special styles for presenting Page Template Tablet Wizard
========================================================================== */
/* line 4, ../../sass/lib/pagetemplates/tablet/_tablet-page-wizard.scss */
.tablet-page-wizard {
  /* Styles here */
}

/* line 7, ../../sass/lib/pagetemplates/tablet/_tablet-page-wizard.scss */
.tablet-page-wizard-default {
  /* Styles here */
}

/* ==========================================================================
   Action Block
========================================================================== */
/* line 4, ../../sass/lib/buildingblocks/_actionblock.scss */
.actionblock {
  font-family: "Trebuchet MS", sans-serif;
  font-weight: bold;
  padding: 20px 0;
  margin: 10px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
}
/* line 12, ../../sass/lib/buildingblocks/_actionblock.scss */
.actionblock span {
  display: block;
  margin: auto auto 20px auto;
  font-size: 72px;
}
/* line 17, ../../sass/lib/buildingblocks/_actionblock.scss */
.actionblock img {
  height: 72px;
  display: block;
  margin: auto auto 20px auto;
}

/* ==========================================================================
   Card
========================================================================== */
/* line 4, ../../sass/lib/buildingblocks/_card.scss */
.card {
  padding: 20px;
  margin: 0 0 30px 0;
  border: 1px solid #DDD;
  background-color: #FFF;
  border-radius: 3px;
}
@media only screen and (max-width: 1024px) {
  /* line 4, ../../sass/lib/buildingblocks/_card.scss */
  .card {
    padding: 10px;
  }
}

/* line 15, ../../sass/lib/buildingblocks/_card.scss */
.card-maps {
  padding: 0;
}

/* Title + button + border below title and button */
/* line 20, ../../sass/lib/buildingblocks/_card.scss */
.card-header-action {
  overflow: hidden;
  margin-bottom: 20px;
}
/* line 23, ../../sass/lib/buildingblocks/_card.scss */
.card-header-action .card-title {
  float: left;
}
/* line 26, ../../sass/lib/buildingblocks/_card.scss */
.card-header-action .btn {
  float: right;
}

/* line 30, ../../sass/lib/buildingblocks/_card.scss */
.card-details {
  padding: 10px;
}

/* line 33, ../../sass/lib/buildingblocks/_card.scss */
.card-title {
  margin-top: 0;
}
@media only screen and (max-width: 1024px) {
  /* line 33, ../../sass/lib/buildingblocks/_card.scss */
  .card-title {
    font-size: 18px;
  }
}

/* line 40, ../../sass/lib/buildingblocks/_card.scss */
.card-subtitle {
  font-size: 14px;
  color: #666666;
  margin-bottom: 10px;
}

/* line 45, ../../sass/lib/buildingblocks/_card.scss */
.card-annotation {
  text-transform: uppercase;
  letter-spacing: 8px;
  padding-bottom: 10px;
}

/* line 50, ../../sass/lib/buildingblocks/_card.scss */
.card-icon {
  border-radius: 50%;
  margin: 30px auto;
  width: 125px;
  height: 125px;
}
@media (max-width: 992px) {
  /* line 50, ../../sass/lib/buildingblocks/_card.scss */
  .card-icon {
    width: 75px;
    height: 75px;
  }
}
/* line 61, ../../sass/lib/buildingblocks/_card.scss */
.card-icon .glyphicon {
  font-size: 60px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 992px) {
  /* line 61, ../../sass/lib/buildingblocks/_card.scss */
  .card-icon .glyphicon {
    font-size: 28px;
  }
}

/* line 72, ../../sass/lib/buildingblocks/_card.scss */
.card-image {
  margin: 30px auto;
}

/* line 75, ../../sass/lib/buildingblocks/_card.scss */
.card-user-image {
  border: 4px solid #FFF;
}

/* line 78, ../../sass/lib/buildingblocks/_card.scss */
.card-link {
  font-size: 12px;
}

/* ==========================================================================
   Dashboard Card
========================================================================== */
/* line 4, ../../sass/lib/buildingblocks/_dashboardcard.scss */
.dashboardcard {
  padding: 20px;
  margin: 0 0 40px 0;
  border: 1px solid #DDD;
  background-color: #FFF;
  border-radius: 3px;
}

/* line 11, ../../sass/lib/buildingblocks/_dashboardcard.scss */
.dashboardcard-title {
  margin-top: 0;
}

/* line 14, ../../sass/lib/buildingblocks/_dashboardcard.scss */
.dashboardcard-subtitle {
  font-size: 14px;
  color: #666666;
  margin-bottom: 10px;
}

/* line 19, ../../sass/lib/buildingblocks/_dashboardcard.scss */
.dashboardcard-link {
  font-size: 12px;
}

@media only screen and (max-width: 960px) {
  /* line 24, ../../sass/lib/buildingblocks/_dashboardcard.scss */
  .dashboardcard {
    padding: 10px;
    margin: 0 0 20px 0;
  }
}
/* ==========================================================================
   Dashboard Stats

   Used in dashboard
========================================================================== */
/* line 6, ../../sass/lib/buildingblocks/_dashboardstat.scss */
.dashboardstat {
  margin: 30px 0;
}
@media (max-width: 992px) {
  /* line 6, ../../sass/lib/buildingblocks/_dashboardstat.scss */
  .dashboardstat {
    margin: 10px 0;
  }
}
/* line 13, ../../sass/lib/buildingblocks/_dashboardstat.scss */
.dashboardstat .dashboardstat-left,
.dashboardstat .dashboardstat-right {
  display: table-cell;
  vertical-align: top;
}

/* line 19, ../../sass/lib/buildingblocks/_dashboardstat.scss */
.dashboardstat-icon {
  font-size: 30px;
  padding: 8px 14px;
  margin: 5px 10px 0 0;
}
@media (max-width: 992px) {
  /* line 19, ../../sass/lib/buildingblocks/_dashboardstat.scss */
  .dashboardstat-icon {
    font-size: 20px;
  }
}

/* line 28, ../../sass/lib/buildingblocks/_dashboardstat.scss */
.dashboardstat-title {
  font-size: 18px;
  color: #999;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  /* line 28, ../../sass/lib/buildingblocks/_dashboardstat.scss */
  .dashboardstat-title {
    font-size: 13px;
  }
}

/* line 37, ../../sass/lib/buildingblocks/_dashboardstat.scss */
.dashboardstat-number {
  font-size: 72px;
  line-height: 1em;
  color: #000;
}
@media (max-width: 992px) {
  /* line 37, ../../sass/lib/buildingblocks/_dashboardstat.scss */
  .dashboardstat-number {
    font-size: 30px;
  }
}

/* ==========================================================================
   Form

   To extend the default Bootstrap form
========================================================================== */
/* line 9, ../../sass/lib/buildingblocks/_form.scss */
.form-footer {
  border-top: 1px solid #eee;
  padding: 10px 0;
  margin-top: 20px;
}

/* ==========================================================================
   Form Block

   Used in default forms
========================================================================== */
/* line 6, ../../sass/lib/buildingblocks/_formblock.scss */
.formblock {
  margin-bottom: 20px;
  margin-top: 20px;
}

/* line 10, ../../sass/lib/buildingblocks/_formblock.scss */
.formblock-header {
  color: #156570;
  border-bottom: 1px solid #DDD;
  padding-bottom: 5px;
  margin-bottom: 15px;
}

/* ==========================================================================
   Master Detail Listview
========================================================================== */
/* line 4, ../../sass/lib/buildingblocks/_masterdetail.scss */
.masterdetail-listview {
  background-color: #EFF4F7;
}
/* line 6, ../../sass/lib/buildingblocks/_masterdetail.scss */
.masterdetail-listview .mx-listview {
  height: 100%;
  margin: 0;
}
/* line 9, ../../sass/lib/buildingblocks/_masterdetail.scss */
.masterdetail-listview .mx-listview .mx-listview-item {
  background-color: transparent;
}
/* line 12, ../../sass/lib/buildingblocks/_masterdetail.scss */
.masterdetail-listview .mx-listview .mx-listview-item.selected {
  color: #FFF;
}
/* line 14, ../../sass/lib/buildingblocks/_masterdetail.scss */
.masterdetail-listview .mx-listview .mx-listview-item.selected .mx-link {
  color: #FFF;
}
/* line 18, ../../sass/lib/buildingblocks/_masterdetail.scss */
.masterdetail-listview .mx-listview .mx-listview-item.selected:hover, .masterdetail-listview .mx-listview .mx-listview-item.selected:active {
  background-color: #5BBBB7 !important;
}

/* ==========================================================================
   Multilevel
========================================================================== */
/* line 4, ../../sass/lib/buildingblocks/_multilevel.scss */
.multilevel-tabs .mx-tabcontainer-tabs {
  margin-bottom: 10px;
}

/* line 10, ../../sass/lib/buildingblocks/_multilevel.scss */
.multilevel-list .mx-listview-list {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}
/* line 13, ../../sass/lib/buildingblocks/_multilevel.scss */
.multilevel-list .mx-listview-list .mx-listview-item {
  padding: 10px;
  border-color: #eee;
  border-left: 4px solid #eee;
  border-right: none;
  border-radius: 0;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
/* line 23, ../../sass/lib/buildingblocks/_multilevel.scss */
.multilevel-list .mx-listview-list .mx-listview-item:first-child {
  border-radius: 0;
}
/* line 26, ../../sass/lib/buildingblocks/_multilevel.scss */
.multilevel-list .mx-listview-list .mx-listview-item:last-child {
  border-radius: 0;
}
/* line 29, ../../sass/lib/buildingblocks/_multilevel.scss */
.multilevel-list .mx-listview-list .mx-listview-item.selected {
  border-left: 4px solid #156570;
  background-color: #eee !important;
}

/* line 37, ../../sass/lib/buildingblocks/_multilevel.scss */
.multilevel-title label {
  font-weight: bold;
}

/* line 41, ../../sass/lib/buildingblocks/_multilevel.scss */
.multilevel-subtitle {
  color: #555;
}

/* line 44, ../../sass/lib/buildingblocks/_multilevel.scss */
.multilevel-message-header {
  color: #555;
  margin-bottom: 10px;
  border-bottom: 1px solid #DDD;
}

/* line 49, ../../sass/lib/buildingblocks/_multilevel.scss */
.multilevel-message-header-title {
  font-size: 26px;
}

/* line 52, ../../sass/lib/buildingblocks/_multilevel.scss */
.multilevel-message-header-subtitle {
  font-size: 16px;
  margin-bottom: 10px;
}

/* line 56, ../../sass/lib/buildingblocks/_multilevel.scss */
.multilevel-message-text {
  margin: 10px 0;
}

/* line 64, ../../sass/lib/buildingblocks/_multilevel.scss */
.multilevel-grid .mx-datagrid-head-table th {
  border-style: none;
}
/* line 67, ../../sass/lib/buildingblocks/_multilevel.scss */
.multilevel-grid .mx-datagrid-body-table {
  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
}
/* line 72, ../../sass/lib/buildingblocks/_multilevel.scss */
.multilevel-grid .mx-datagrid-body-table .mx-datagrid-body tr td {
  border-color: #eee;
  border-left: 4px solid #eee;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
/* line 79, ../../sass/lib/buildingblocks/_multilevel.scss */
.multilevel-grid .mx-datagrid-body-table .mx-datagrid-body tr.selected td, .multilevel-grid .mx-datagrid-body-table .mx-datagrid-body tr.selected:hover td {
  border-left: 4px solid #156570;
  background-color: #eee !important;
}

/* ==========================================================================
   Page Header
========================================================================== */
/* line 4, ../../sass/lib/buildingblocks/_pageheader.scss */
.pageheader {
  border-bottom: 2px solid #DDD;
}
@media (max-width: 767px) {
  /* line 4, ../../sass/lib/buildingblocks/_pageheader.scss */
  .pageheader {
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) {
  /* line 4, ../../sass/lib/buildingblocks/_pageheader.scss */
  .pageheader {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  /* line 4, ../../sass/lib/buildingblocks/_pageheader.scss */
  .pageheader {
    margin-bottom: 35px;
  }
}

/* line 8, ../../sass/lib/buildingblocks/_pageheader.scss */
.pageheader.pageheader-fullwidth {
  background-color: #EFF4F7;
  border-bottom: 1px solid #DDD;
  margin-bottom: 0;
}

/* line 13, ../../sass/lib/buildingblocks/_pageheader.scss */
.pageheader-title {
  margin-bottom: 0;
  margin-top: 0;
}

/* line 17, ../../sass/lib/buildingblocks/_pageheader.scss */
.pageheader-subtitle {
  color: #666666;
}

/* ==========================================================================
   Section Header
========================================================================== */
/* line 4, ../../sass/lib/buildingblocks/_sectionheader.scss */
.sectionheader {
  margin-bottom: 20px;
  border-bottom: 1px solid #DDD;
  padding-bottom: 10px;
}

/* line 9, ../../sass/lib/buildingblocks/_sectionheader.scss */
.sectionheader-title {
  margin-top: 0;
  margin-bottom: 10px;
}

/* line 13, ../../sass/lib/buildingblocks/_sectionheader.scss */
.sectionheader-subtitle {
  color: #666666;
  margin-bottom: 10px;
}

/* line 17, ../../sass/lib/buildingblocks/_sectionheader.scss */
.sectionheader-avatar {
  padding: 4px;
  border: 2px solid #DDD;
  background-color: #FFF;
}

/* ==========================================================================
   Profile Card
========================================================================== */
/* line 4, ../../sass/lib/buildingblocks/_profilecard.scss */
.profilecard {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}
/* line 8, ../../sass/lib/buildingblocks/_profilecard.scss */
.profilecard .profilecard-contentwrapper {
  width: auto;
}
/* line 11, ../../sass/lib/buildingblocks/_profilecard.scss */
.profilecard .profilecard-imgwrapper {
  width: 150px;
}
/* line 14, ../../sass/lib/buildingblocks/_profilecard.scss */
.profilecard .profilecard-actionwrapper {
  width: auto;
  text-align: right;
}
/* line 18, ../../sass/lib/buildingblocks/_profilecard.scss */
.profilecard .profilecard-contentwrapper,
.profilecard .profilecard-imgwrapper,
.profilecard .profilecard-actionwrapper {
  display: table-cell;
  vertical-align: middle;
}

/* line 25, ../../sass/lib/buildingblocks/_profilecard.scss */
.profilecard-btn {
  display: inline-block;
  width: 150px;
  margin-left: 5px;
  margin-bottom: 5px;
}

/* line 31, ../../sass/lib/buildingblocks/_profilecard.scss */
.profilecard-img {
  border-radius: 50%;
  margin-right: 40px;
  padding: 4px;
  border: 2px solid #DDD;
  background-color: #FFF;
}

/* line 38, ../../sass/lib/buildingblocks/_profilecard.scss */
.profilecard-title {
  font-size: 20px;
  margin-bottom: 0;
  margin-top: 0;
}

/* line 43, ../../sass/lib/buildingblocks/_profilecard.scss */
.profilecard-subtitle {
  color: #666666;
}

/* line 46, ../../sass/lib/buildingblocks/_profilecard.scss */
.pageheader .profilecard {
  margin-bottom: 0;
}

/* ==========================================================================
   Profile Header
========================================================================== */
/* line 4, ../../sass/lib/buildingblocks/_profileheader.scss */
.profileheader {
  margin: 20px 0;
}
/* line 7, ../../sass/lib/buildingblocks/_profileheader.scss */
.profileheader .profileheader-content {
  padding: 0 10px;
}
/* line 11, ../../sass/lib/buildingblocks/_profileheader.scss */
.profileheader .profileheader-image {
  display: block;
  margin: auto auto 10px auto;
}

/* ==========================================================================
   Products

   Used in Website page templates
========================================================================== */
/* line 6, ../../sass/lib/buildingblocks/_products.scss */
.product-header {
  padding: 25px 0;
  border-bottom: 1px solid #DDD;
}

/* line 13, ../../sass/lib/buildingblocks/_products.scss */
.product-title {
  margin-bottom: 0;
  margin-top: 0;
}

/* line 17, ../../sass/lib/buildingblocks/_products.scss */
.product-subtitle {
  color: #666666;
}

/* line 20, ../../sass/lib/buildingblocks/_products.scss */
.product-btn {
  margin-top: 10px;
}

/* ==========================================================================
   Sidebar Header
========================================================================== */
/* line 4, ../../sass/lib/buildingblocks/_sidebarheader.scss */
.sidebarheader {
  padding: 10px 20px;
}

/* line 10, ../../sass/lib/buildingblocks/_sidebarheader.scss */
.sidebarheader-img {
  margin-bottom: 10px;
}

/* line 13, ../../sass/lib/buildingblocks/_sidebarheader.scss */
.sidebarheader-title {
  color: #FFF;
}

/* line 16, ../../sass/lib/buildingblocks/_sidebarheader.scss */
.sidebarheader-subtitle {
  color: #666666;
}

/* ==========================================================================
   Tabs full width
========================================================================== */
/* line 4, ../../sass/lib/buildingblocks/_tabsfullwidth.scss */
.tabsfullwidth {
  background-color: #EFF4F7;
}
/* line 6, ../../sass/lib/buildingblocks/_tabsfullwidth.scss */
.tabsfullwidth > .mx-tabcontainer-tabs {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  /* line 6, ../../sass/lib/buildingblocks/_tabsfullwidth.scss */
  .tabsfullwidth > .mx-tabcontainer-tabs {
    padding: 0 40px;
  }
}
/* line 13, ../../sass/lib/buildingblocks/_tabsfullwidth.scss */
.tabsfullwidth > .mx-tabcontainer-content {
  background-color: #FFF;
}

/* ==========================================================================
   Wizard

   Styling for Wizard (Steps/Numbers)
========================================================================== */
/* line 6, ../../sass/lib/buildingblocks/_wizard.scss */
.wizard {
  position: relative;
  margin: auto;
}
/* line 9, ../../sass/lib/buildingblocks/_wizard.scss */
.wizard .row:before {
  left: 0;
  top: 40px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 100%;
  height: 1px;
  background-color: #ccc;
}
/* line 19, ../../sass/lib/buildingblocks/_wizard.scss */
.wizard .row {
  position: relative;
  width: 100%;
  display: table;
  margin: auto;
}

/* line 26, ../../sass/lib/buildingblocks/_wizard.scss */
.wizard-step {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  float: none;
}

/* line 32, ../../sass/lib/buildingblocks/_wizard.scss */
.wizard-step-number {
  font-family: "Centrale Sans";
  border-radius: 50%;
  font-size: 20px;
  width: 72px;
  height: 72px;
  color: #DDD;
  border: 2px solid #DDD;
  background-color: #FFF;
  line-height: 3.5em;
  padding: 0;
}

/* line 46, ../../sass/lib/buildingblocks/_wizard.scss */
.wizard-step-number-active {
  color: #FFF;
  border-color: #156570;
  background-color: #156570;
}

/* line 51, ../../sass/lib/buildingblocks/_wizard.scss */
.wizard-step-number-visited {
  color: #156570;
  border-color: #156570;
  background-color: #FFF;
}

/* line 56, ../../sass/lib/buildingblocks/_wizard.scss */
.wizard-step-title {
  display: block;
  margin-top: 10px;
}

/* line 62, ../../sass/lib/buildingblocks/_wizard.scss */
.profile-phone .wizard .row:before {
  top: 20px;
}
/* line 65, ../../sass/lib/buildingblocks/_wizard.scss */
.profile-phone .wizard .wizard-step-number {
  width: 40px;
  height: 40px;
  line-height: 2em;
  font-size: 16px;
}

/* ==========================================================================
   Wizard Progress

   Styling for Wizard (Progress Steps)
========================================================================== */
/* line 79, ../../sass/lib/buildingblocks/_wizard.scss */
.wizard-progress {
  border: 1px solid #DDD;
  border-radius: 4px;
  background-color: #eee;
  position: relative;
}
/* line 85, ../../sass/lib/buildingblocks/_wizard.scss */
.wizard-progress [class*=col-]:first-child .wizard-progress-step {
  margin-left: 0;
}

/* line 89, ../../sass/lib/buildingblocks/_wizard.scss */
.wizard-steps-container {
  border-bottom: 1px solid #DDD;
}

/* line 92, ../../sass/lib/buildingblocks/_wizard.scss */
.wizard-progress-step {
  margin: 0 0 0 -30px;
  padding: 14px 20px 14px 30px;
  position: relative;
  background: #eee;
}
/* line 98, ../../sass/lib/buildingblocks/_wizard.scss */
.wizard-progress-step:after, .wizard-progress-step:before {
  position: absolute;
  width: 0;
  height: 0;
  border: solid transparent;
  border-color: transparent;
  content: " ";
  pointer-events: none;
  left: 100%;
  z-index: 10;
}
/* line 110, ../../sass/lib/buildingblocks/_wizard.scss */
.wizard-progress-step:before {
  top: 50%;
  margin-top: -25px;
  border-width: 25px 15px;
  border-left-color: #DDD;
}
/* line 116, ../../sass/lib/buildingblocks/_wizard.scss */
.wizard-progress-step:after {
  top: 50%;
  margin-top: -24px;
  border-width: 24px 14px;
  border-left-color: #eee;
}

/* line 123, ../../sass/lib/buildingblocks/_wizard.scss */
.wizard-progress-step-active {
  background-color: #d0e0e2;
}
/* line 126, ../../sass/lib/buildingblocks/_wizard.scss */
.wizard-progress-step-active:after {
  border-left-color: #d0e0e2;
}
/* line 129, ../../sass/lib/buildingblocks/_wizard.scss */
.wizard-progress-step-active .wizard-progress-number {
  background-color: #156570;
}

/* line 133, ../../sass/lib/buildingblocks/_wizard.scss */
.wizard-progress-step-visited {
  background-color: #d0e0e2;
}
/* line 136, ../../sass/lib/buildingblocks/_wizard.scss */
.wizard-progress-step-visited:after {
  border-left-color: #d0e0e2;
}
/* line 139, ../../sass/lib/buildingblocks/_wizard.scss */
.wizard-progress-step-visited .wizard-progress-number {
  background-color: #77DD77;
}
/* line 142, ../../sass/lib/buildingblocks/_wizard.scss */
.wizard-progress-step-visited .wizard-progress-title {
  color: #77DD77;
}

/* line 146, ../../sass/lib/buildingblocks/_wizard.scss */
.wizard-progress-number {
  display: inline-block;
  padding: 1px 7px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #999;
  margin-right: 10px;
  border-radius: 10px;
}

/* line 157, ../../sass/lib/buildingblocks/_wizard.scss */
.wizard-progress-title {
  color: #156570;
}

/* line 160, ../../sass/lib/buildingblocks/_wizard.scss */
.wizard-step-content {
  padding: 10px 20px;
}

/* ==========================================================================
   Templategrid Profile Card

   Profile card styled for templategrid
========================================================================== */
/* line 6, ../../sass/lib/buildingblocks/templategrid/_templategrid-profilecard.scss */
.templategrid-profilecard {
  padding: 20px;
  border: 1px solid #DDD;
  background-color: #FFF;
  border-radius: 3px;
}
/* line 11, ../../sass/lib/buildingblocks/templategrid/_templategrid-profilecard.scss */
.templategrid-profilecard .templategrid-profilecard-contentwrapper {
  width: auto;
}
/* line 14, ../../sass/lib/buildingblocks/templategrid/_templategrid-profilecard.scss */
.templategrid-profilecard .templategrid-profilecard-imgwrapper {
  width: 150px;
}
/* line 17, ../../sass/lib/buildingblocks/templategrid/_templategrid-profilecard.scss */
.templategrid-profilecard .templategrid-profilecard-contentwrapper,
.templategrid-profilecard .templategrid-profilecard-imgwrapper {
  display: table-cell;
  vertical-align: middle;
}
/* line 22, ../../sass/lib/buildingblocks/templategrid/_templategrid-profilecard.scss */
.templategrid-profilecard .templategrid-profilecard-btn {
  display: block;
  margin-top: 10px;
}
/* line 26, ../../sass/lib/buildingblocks/templategrid/_templategrid-profilecard.scss */
.templategrid-profilecard .templategrid-profilecard-img {
  border-radius: 50%;
  margin-right: 40px;
  padding: 4px;
  border: 2px solid #DDD;
  background-color: #FFF;
}
/* line 33, ../../sass/lib/buildingblocks/templategrid/_templategrid-profilecard.scss */
.templategrid-profilecard .templategrid-profilecard-title {
  font-size: 20px;
  margin-bottom: 0;
  margin-top: 0;
}
/* line 38, ../../sass/lib/buildingblocks/templategrid/_templategrid-profilecard.scss */
.templategrid-profilecard .templategrid-profilecard-subtitle {
  color: #666666;
}

/* ==========================================================================
   Layout

   Default Mendix Layout
========================================================================== */
/* line 7, ../../sass/lib/mobile/layouts/_base.scss */
.profile-phone .region-topbar {
  min-height: 44px;
  background-color: #FFF;
  border: 0;
}

/*
* Mendix Documentation
* Special styles for presenting mobile components
*/
/*
* Listview
*
* Default Mendix Listview 
*/
/* line 13, ../../sass/lib/mobile/components/_listview.scss */
.profile-phone,
.profile-tablet {
  /* Listview Load More button */
}
/* line 16, ../../sass/lib/mobile/components/_listview.scss */
.profile-phone .mx-listview .mx-listview-searchbar,
.profile-tablet .mx-listview .mx-listview-searchbar {
  padding: 10px;
  margin-bottom: 0;
  position: relative;
  /* Reset Search Button */
  /* Search Field */
}
/* line 22, ../../sass/lib/mobile/components/_listview.scss */
.profile-phone .mx-listview .mx-listview-searchbar button,
.profile-tablet .mx-listview .mx-listview-searchbar button {
  position: absolute;
  right: 10px;
  background: none;
}
/* line 30, ../../sass/lib/mobile/components/_listview.scss */
.profile-phone .mx-listview .mx-listview-searchbar .mx-listview-search-input input,
.profile-tablet .mx-listview .mx-listview-searchbar .mx-listview-search-input input {
  box-shadow: none;
  border-style: none;
  background-color: #eee;
  text-align: center;
}
/* line 40, ../../sass/lib/mobile/components/_listview.scss */
.profile-phone .mx-listview .mx-list .mx-listview-item:first-child,
.profile-tablet .mx-listview .mx-list .mx-listview-item:first-child {
  border-radius: 0;
}
/* line 43, ../../sass/lib/mobile/components/_listview.scss */
.profile-phone .mx-listview .mx-list .mx-listview-item:last-child,
.profile-tablet .mx-listview .mx-list .mx-listview-item:last-child {
  border-radius: 0;
}
/* line 49, ../../sass/lib/mobile/components/_listview.scss */
.profile-phone label,
.profile-tablet label {
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 54, ../../sass/lib/mobile/components/_listview.scss */
.profile-phone .mx-listview-loadMore,
.profile-tablet .mx-listview-loadMore {
  margin: 20px auto;
  width: 95%;
  display: block;
}

/*
* Mendix Documentation
* Special styles for presenting mobile components
*/
/*
* Loader
*
* Default Mendix Loader
*/
/* line 14, ../../sass/lib/mobile/components/_loader.scss */
.profile-phone .mx-progress {
  width: 100%;
  height: 100%;
  max-width: 100%;
  top: 0;
}
/* line 19, ../../sass/lib/mobile/components/_loader.scss */
.profile-phone .mx-progress .modal-content {
  border-radius: 0;
  box-shadow: none;
  height: 100%;
  border-style: none;
  background: none;
}
/* line 26, ../../sass/lib/mobile/components/_loader.scss */
.profile-phone .mx-progress .modal-header {
  display: none;
}
/* line 29, ../../sass/lib/mobile/components/_loader.scss */
.profile-phone .mx-progress .mx-dialog-body {
  height: 100% !important;
  width: 100%;
}
/* line 33, ../../sass/lib/mobile/components/_loader.scss */
.profile-phone .mx-progress .mx-progress-list {
  height: 100%;
  width: 100%;
  margin: 0;
}
/* line 38, ../../sass/lib/mobile/components/_loader.scss */
.profile-phone .mx-progress .mx-progress-item {
  border-radius: 12px;
  position: relative;
  padding: 0;
  width: 12px;
  height: 12px;
  top: 50%;
  left: 50%;
  -webkit-animation: loader10m 1.5s ease-in-out infinite;
  animation: loader10m 1.5s ease-in-out infinite;
  text-indent: -9999px;
  background: none;
}
/* line 51, ../../sass/lib/mobile/components/_loader.scss */
.profile-phone .mx-progress .mx-progress-item:before {
  border-radius: 12px;
  content: "";
  position: absolute;
  top: 0px;
  left: -25px;
  height: 12px;
  width: 12px;
  -webkit-animation: loader10g 1.5s ease-in-out infinite;
  animation: loader10g 1.5s ease-in-out infinite;
}
/* line 62, ../../sass/lib/mobile/components/_loader.scss */
.profile-phone .mx-progress .mx-progress-item:after {
  border-radius: 12px;
  content: "";
  position: absolute;
  top: 0px;
  left: 25px;
  height: 12px;
  width: 12px;
  -webkit-animation: loader10d 1.5s ease-in-out infinite;
  animation: loader10d 1.5s ease-in-out infinite;
}

@-webkit-keyframes loader10g {
  0% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  25% {
    background-color: white;
  }
  50% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  75% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  100% {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@keyframes loader10g {
  0% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  25% {
    background-color: white;
  }
  50% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  75% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  100% {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@-webkit-keyframes loader10m {
  0% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  25% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  50% {
    background-color: white;
  }
  75% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  100% {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@keyframes loader10m {
  0% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  25% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  50% {
    background-color: white;
  }
  75% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  100% {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@-webkit-keyframes loader10d {
  0% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  25% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  50% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  75% {
    background-color: white;
  }
  100% {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@keyframes loader10d {
  0% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  25% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  50% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  75% {
    background-color: white;
  }
  100% {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
/*
* Mendix Documentation
* Special styles for presenting mobile components
*/
/*
* Header
*
* Default Mendix Header for Mobile 
*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* line 14, ../../sass/lib/mobile/components/_mx-header.scss */
  .mx-header .mx-header-right {
    right: 63px !important;
  }
}
/* line 17, ../../sass/lib/mobile/components/_mx-header.scss */
body .mx-header {
  padding: 0;
  height: 44px;
  color: #000000;
  border-bottom: 1px solid #DDD;
  background-color: #FFF;
  display: table;
  width: 100%;
}
/* line 26, ../../sass/lib/mobile/components/_mx-header.scss */
body .mx-header .mx-header-center {
  display: table-cell;
  width: 100%;
  text-align: center;
}
/* line 31, ../../sass/lib/mobile/components/_mx-header.scss */
body .mx-header .mx-header-left,
body .mx-header .mx-header-right {
  display: table;
  width: 25%;
  top: 0;
  position: absolute;
  padding: 0 8px;
  height: 44px;
}
/* line 39, ../../sass/lib/mobile/components/_mx-header.scss */
body .mx-header .mx-header-left .mx-placeholder,
body .mx-header .mx-header-right .mx-placeholder {
  display: table-cell;
  vertical-align: middle;
}
/* line 44, ../../sass/lib/mobile/components/_mx-header.scss */
body .mx-header .mx-link {
  color: #1E9D8B;
}
/* line 47, ../../sass/lib/mobile/components/_mx-header.scss */
body .mx-header .mx-sidebartoggle {
  font-size: 24px;
  margin-top: 4px;
}
/* line 53, ../../sass/lib/mobile/components/_mx-header.scss */
body .mx-header .mx-title {
  margin: 0;
  color: #000000;
  font-size: 16px;
  line-height: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 63, ../../sass/lib/mobile/components/_mx-header.scss */
body .mx-header .btn-image.glyphicon {
  font-size: 21px;
}

/* line 68, ../../sass/lib/mobile/components/_mx-header.scss */
body[dir="ltr"] .mx-header-left,
body[dir="rtl"] .mx-header-right {
  left: 0;
  text-align: left;
}

/* line 73, ../../sass/lib/mobile/components/_mx-header.scss */
body[dir="rtl"] .mx-header-left,
body[dir="ltr"] .mx-header-right {
  right: 0;
  text-align: right;
}

/*
* Mendix Documentation
* Special styles for presenting mobile components
*/
/*
* Tabcontainer
*
* Default Mendix Tabcontainer for Mobile 
*/
/* line 14, ../../sass/lib/mobile/components/_tabcontainer.scss */
.profile-phone .mx-tabcontainer-tabs,
.profile-tablet .mx-tabcontainer-tabs {
  margin: 0;
  padding: 0;
  border-color: transparent;
  background-color: #156570;
  text-align: center;
}
/* line 21, ../../sass/lib/mobile/components/_tabcontainer.scss */
.profile-phone .mx-tabcontainer-tabs li,
.profile-tablet .mx-tabcontainer-tabs li {
  display: table-cell;
  float: none;
  margin: 0;
  width: 1%;
}
/* line 26, ../../sass/lib/mobile/components/_tabcontainer.scss */
.profile-phone .mx-tabcontainer-tabs li a,
.profile-tablet .mx-tabcontainer-tabs li a {
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  padding: 15px 0;
  border-style: none;
  color: #FFF;
  font-weight: normal;
  font-size: 11px;
  text-transform: uppercase;
}
/* line 37, ../../sass/lib/mobile/components/_tabcontainer.scss */
.profile-phone .mx-tabcontainer-tabs li a:hover, .profile-phone .mx-tabcontainer-tabs li a:focus, .profile-phone .mx-tabcontainer-tabs li a.active,
.profile-tablet .mx-tabcontainer-tabs li a:hover,
.profile-tablet .mx-tabcontainer-tabs li a:focus,
.profile-tablet .mx-tabcontainer-tabs li a.active {
  color: #000 !important;
  border-style: none;
  background-color: transparent;
}
/* line 51, ../../sass/lib/mobile/components/_tabcontainer.scss */
.profile-phone .mx-tabcontainer-tabs li.active a,
.profile-tablet .mx-tabcontainer-tabs li.active a {
  color: #000;
  border-style: none !important;
  background-color: transparent !important;
  position: relative;
}
/* line 21, ../../sass/lib/base/mixins/_arrow.scss */
.profile-phone .mx-tabcontainer-tabs li.active a:after, .profile-phone .mx-tabcontainer-tabs li.active a:before,
.profile-tablet .mx-tabcontainer-tabs li.active a:after,
.profile-tablet .mx-tabcontainer-tabs li.active a:before {
  position: absolute;
  width: 0;
  height: 0;
  border: solid transparent;
  border-color: transparent;
  content: " ";
  pointer-events: none;
}
/* line 72, ../../sass/lib/base/mixins/_arrow.scss */
.profile-phone .mx-tabcontainer-tabs li.active a:after, .profile-phone .mx-tabcontainer-tabs li.active a:before,
.profile-tablet .mx-tabcontainer-tabs li.active a:after,
.profile-tablet .mx-tabcontainer-tabs li.active a:before {
  top: 100%;
}
/* line 76, ../../sass/lib/base/mixins/_arrow.scss */
.profile-phone .mx-tabcontainer-tabs li.active a:after,
.profile-tablet .mx-tabcontainer-tabs li.active a:after {
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px;
  border-top-color: #FFF;
}
/* line 83, ../../sass/lib/base/mixins/_arrow.scss */
.profile-phone .mx-tabcontainer-tabs li.active a:before,
.profile-tablet .mx-tabcontainer-tabs li.active a:before {
  left: 50%;
  margin-left: -5px;
  border-width: 6px 5px;
  border-top-color: #FFF;
}
/* line 57, ../../sass/lib/mobile/components/_tabcontainer.scss */
.profile-phone .mx-tabcontainer-tabs li.active a:after, .profile-phone .mx-tabcontainer-tabs li.active a:before,
.profile-tablet .mx-tabcontainer-tabs li.active a:after,
.profile-tablet .mx-tabcontainer-tabs li.active a:before {
  -webkit-transform: rotate(180deg);
}
/* line 61, ../../sass/lib/mobile/components/_tabcontainer.scss */
.profile-phone .mx-tabcontainer-tabs li.active a:after,
.profile-tablet .mx-tabcontainer-tabs li.active a:after {
  top: 80%;
}
/* line 64, ../../sass/lib/mobile/components/_tabcontainer.scss */
.profile-phone .mx-tabcontainer-tabs li.active a:before,
.profile-tablet .mx-tabcontainer-tabs li.active a:before {
  top: 75%;
}

/* ==========================================================================
   Regions

   Used for navigation layouts
========================================================================== */
/* line 6, ../../sass/lib/layouts/_base.scss */
.region-topbar {
  min-height: 80px;
  border-bottom: 1px solid #DDDDDD;
  background-color: #FFFFFF;
}
/* line 10, ../../sass/lib/layouts/_base.scss */
.region-topbar > .mx-layoutcontainer-wrapper {
  padding: 0;
}
/* line 14, ../../sass/lib/layouts/_base.scss */
.region-topbar .toggle-btn {
  font-size: 16px;
  float: left;
  margin: -20px 15px 0 0;
  transform: translateY(40px);
}
/* line 20, ../../sass/lib/layouts/_base.scss */
.region-topbar .navbar-header {
  width: 100%;
}
/* line 24, ../../sass/lib/layouts/_base.scss */
.region-topbar .navbar-right {
  min-height: 80px;
  max-width: 100%;
}
/* line 27, ../../sass/lib/layouts/_base.scss */
.region-topbar .navbar-right .mx-appswitcher-button-placeholder,
.region-topbar .navbar-right .mx-profilemenu-button-placeholder {
  display: inline-block;
  border-left: 1px solid #DDD;
  width: 80px;
  height: 80px;
  position: relative;
  float: left;
  max-width: 50%;
}
/* line 36, ../../sass/lib/layouts/_base.scss */
.region-topbar .navbar-right .mx-appswitcher-button-placeholder iframe,
.region-topbar .navbar-right .mx-profilemenu-button-placeholder iframe {
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto auto;
}
@media (max-width: 768px) {
  /* line 24, ../../sass/lib/layouts/_base.scss */
  .region-topbar .navbar-right {
    display: none;
  }
}

/* line 54, ../../sass/lib/layouts/_base.scss */
.region-sidebar, .layout-sidebar-responsive .region-sidebar-fixed,
.region-sidebar-fixed {
  background-color: #5BBBB7;
}
/* line 57, ../../sass/lib/layouts/_base.scss */
.region-sidebar > .mx-layoutcontainer-wrapper, .layout-sidebar-responsive .region-sidebar-fixed > .mx-layoutcontainer-wrapper,
.region-sidebar-fixed > .mx-layoutcontainer-wrapper {
  padding: 0;
}

/* line 61, ../../sass/lib/layouts/_base.scss */
.region-content {
  padding: 0;
}
/* line 63, ../../sass/lib/layouts/_base.scss */
.region-content > .mx-layoutcontainer-wrapper {
  padding: 0;
}
/* line 70, ../../sass/lib/layouts/_base.scss */
.region-content > .mx-placeholder .mx-layoutgrid-fixed,
.region-content > .mx-layoutcontainer-wrapper .mx-placeholder .mx-layoutgrid-fixed {
  max-width: 1170px;
  margin: auto;
}

/* line 77, ../../sass/lib/layouts/_base.scss */
.region-footer > .mx-layoutcontainer-wrapper {
  padding: 0;
}

/* line 83, ../../sass/lib/layouts/_base.scss */
.layout-sidebar-responsive .region-sidebar-fixed {
  display: none;
}
@media (min-width: 768px) {
  /* line 83, ../../sass/lib/layouts/_base.scss */
  .layout-sidebar-responsive .region-sidebar-fixed {
    position: fixed;
    z-index: 10;
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    padding: 0;
  }
}
@media (min-width: 768px) {
  /* line 96, ../../sass/lib/layouts/_base.scss */
  .layout-sidebar-responsive .mx-scrollcontainer-open {
    left: -200px !important;
  }
}

@media (min-width: 768px) {
  /* line 102, ../../sass/lib/layouts/_base.scss */
  body[dir="rtl"] .layout-sidebar-responsive .region-sidebar-fixed {
    right: 0;
  }
}

@media (min-width: 768px) {
  /* line 107, ../../sass/lib/layouts/_base.scss */
  body[dir="ltr"] .layout-sidebar-responsive .region-sidebar-fixed {
    left: 0;
  }
}

/* ==========================================================================
   Navbar Brand

   For your company, product, or project name
========================================================================== */
/* line 118, ../../sass/lib/layouts/_base.scss */
.navbar-brand {
  display: block;
  min-height: 80px;
  float: left;
  padding: 0;
  line-height: 80px;
}
/* line 126, ../../sass/lib/layouts/_base.scss */
.navbar-brand img {
  display: none;
}
/* line 129, ../../sass/lib/layouts/_base.scss */
.navbar-brand:before {
  content: "";
  display: inline-block;
  width: 100px;
  height: 100px;
  vertical-align: middle;
  background-image: url("../../../Shield_Blue_RGB_2014.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
/* line 149, ../../sass/lib/layouts/_base.scss */
.navbar-brand a {
  font-size: 20px;
  color: #000000;
}
/* line 153, ../../sass/lib/layouts/_base.scss */
.navbar-brand a:hover, .navbar-brand a:focus {
  text-decoration: none;
}

/* ==========================================================================
   Region Content

   Specific content styling
========================================================================== */
/* ==========================================================================
   Region Sidebar

   Specific sidebar styling
========================================================================== */
/* line 6, ../../sass/lib/layouts/_navlayout-sidebar.scss */
.region-sidebar, .layout-sidebar-responsive .region-sidebar-fixed {
  background-color: #5BBBB7;
}
/* line 8, ../../sass/lib/layouts/_navlayout-sidebar.scss */
.region-sidebar > .mx-layoutcontainer-wrapper, .layout-sidebar-responsive .region-sidebar-fixed > .mx-layoutcontainer-wrapper {
  padding: 0;
}

/* ==========================================================================
   Region Topbar

   Specific topbar styling
========================================================================== */
/* line 7, ../../sass/lib/layouts/_navlayout-topbar.scss */
.navlayout-topbar .region-topbar {
  /* Reset Layout Grid spacing */
}
/* line 9, ../../sass/lib/layouts/_navlayout-topbar.scss */
.navlayout-topbar .region-topbar .container-fluid {
  padding: 0 20px;
}
/* line 12, ../../sass/lib/layouts/_navlayout-topbar.scss */
.navlayout-topbar .region-topbar .mx-navbar {
  float: left;
  background-color: transparent;
}
@media (max-width: 768px) {
  /* line 12, ../../sass/lib/layouts/_navlayout-topbar.scss */
  .navlayout-topbar .region-topbar .mx-navbar {
    float: none;
    clear: both;
  }
}
/* line 20, ../../sass/lib/layouts/_navlayout-topbar.scss */
.navlayout-topbar .region-topbar .mx-navbar ul.nav > li.mx-navbar-item > a {
  padding: 0 30px;
  line-height: 80px;
}