/**
*
* Main styling
*
* @author Kenny Dendauw-Imbo @ Starfisk
* @copyright       Starfisk <http://www.starfisk.com>
*/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 *
 * imports for all global mixins + variables
 *
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Variables */
/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700|Open+Sans:300,400,600,700&display=swap');
/* Buttons */
/*@btn-primary-bg:#ECEBE0;
@btn-primary-border:#ECEBE0;
@btn-primary-color:darken(#ECEBE0,70%);
@btn-primary-bg-hover:linear-gradient(#fff, #fff);
@btn-primary-border-hover:#fff;
@btn-primary-color-hover:darken(#ECEBE0,80%);*/
/* Forms */
/* breakpoints copied from variables.less in bootstrap 3.3.1 */
/* Mixins */
.hide,
.offscreen {
  position: absolute;
  display: block;
  padding: 0 !important;
  left: -9999px !important;
  height: 0px !important;
  line-height: 0px !important;
  background: none !important;
}
.hidden {
  text-align: left;
  text-indent: -9999px;
  direction: ltr;
  overflow: hidden;
}
/* vendors and css3 */
/* animations */
@-webkit-keyframes k-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-moz-keyframes k-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes k-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes k-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes k-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.k-spin {
  -webkit-animation: k-spin 2s infinite linear;
  -moz-animation: k-spin 2s infinite linear;
  -ms-animation: k-spin 2s infinite linear;
  -o-animation: k-spin 2s infinite linear;
  animation: k-spin 2s infinite linear;
}
.k-pulse {
  -webkit-animation: k-spin 1s infinite steps(8);
  -moz-animation: k-spin 1s infinite steps(8);
  -ms-animation: k-spin 1s infinite steps(8);
  -o-animation: k-spin 1s infinite steps(8);
  animation: k-spin 1s infinite steps(8);
}
/* typography */
.truncated {
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Forms */
/* Layout */
html body .nomargin {
  margin: 0;
}
html body .mb-10 {
  margin-bottom: 10px;
}
html body .mt-10 {
  margin-top: 10px;
}
html body .ml-10 {
  margin-left: 10px;
}
html body .mr-10 {
  margin-right: 10px;
}
html body .mb-30 {
  margin-bottom: 30px;
}
html body .mt-30 {
  margin-top: 30px;
}
html body .ml-30 {
  margin-left: 30px;
}
html body .mr-30 {
  margin-right: 30px;
}
/* Loops */
/* Media queries for mobile first & IE-fallback */
@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 *
 * Import and define fonts
 * 
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Fonts overview */
/* Fontawesome */
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-3x {
  font-size: 3em;
}
.fa-error {
  color: #DA3610;
}
/**
 * Setting global base element styles & helper classes, overriding base bootstrap stuff
 * (like a css reset but less drastic)
*/
/* html entities */
html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
@media (min-width: 768px) {
  html {
    overflow-y: scroll;
  }
}
body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  margin: 0;
  padding: 0;
  background-color: #F6F6F6;
}
/* helper classes */
/* Clearfix updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix,
.group {
  zoom: 1;
}
.clearfix::before,
.group::before,
.clearfix::after,
.group::after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix::after,
.group::after {
  clear: both;
}
.clear {
  clear: both;
}
/* Links
========================================================== */
a {
  cursor: pointer;
  color: #0072BC;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
a:focus {
  outline: 1px dotted #00A550;
}
a:hover,
a:active {
  color: #005389;
  -moz-outline-style: none;
}
a img {
  border: none;
}
/* typography */
h1,
h2,
h3 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}
b,
strong {
  font-weight: 700;
}
i,
em {
  font-style: italic;
}
code {
  font-family: 'PT Mono', monospace;
}
/* Tables */
.table {
  /*border: 2px solid #f0f0f0;*/
}
.table.table-bordered > thead > tr > th,
.table > thead > tr > th {
  background-color: transparent;
  line-height: 19px;
  font-weight: 600;
  border: none;
  border-bottom: 2px solid #f0f0f0;
  text-transform: uppercase;
  font-weight: 700;
  padding-top: 20px;
}
.table.table-bordered > thead > tr > th a,
.table > thead > tr > th a {
  color: #333;
}
.table.table-bordered > thead > tr > th a:hover,
.table > thead > tr > th a:hover,
.table.table-bordered > thead > tr > th a:active,
.table > thead > tr > th a:active,
.table.table-bordered > thead > tr > th a:focus,
.table > thead > tr > th a:focus {
  color: #0072BC;
  text-decoration: none;
}
.table.table-bordered > thead > tr > th .toggle--sorting,
.table > thead > tr > th .toggle--sorting {
  display: block;
  position: relative;
  padding-left: 20px;
}
.table.table-bordered > thead > tr > th .toggle--sorting .fa,
.table > thead > tr > th .toggle--sorting .fa {
  position: absolute;
  left: 0;
  bottom: 4px;
}
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border: 0;
  font-weight: 400;
  padding: 5px 5px;
}
/*.table--cards > tbody > tr:nth-of-type(odd) {
  background-color: #fff;
}
.table--cards > tbody > tr:nth-of-type(even) {
  background-color: #fafafa;
}*/

/*tr.table-row-divider
{
  border-top: 2px solid #888;
}*/

.table label {
  font-size: 14px;
  font-weight: 600;
}
.table-striped > thead > tr > th {
  border-bottom: 1px solid #E9E9E9;
}
.table-striped > tbody > tr > th,
.table-striped > tfoot > tr > th,
.table-striped > tbody > tr > td,
.table-striped > tfoot > tr > td {
  border: 0;
  padding: 20px 5px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #fff;
}
.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #f0f0f0;
}
.table-bordered,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border-bottom: 2px solid #f0f0f0;
}
/* TABLE - cards  */
.table--cards {
  border: 0;
  background-color: transparent;
}
.table--cards > thead > tr > th {
  background-color: transparent;
  border-bottom: 0;
  color: rgba(51, 51, 51, 0.6);
  text-transform: none;
  border-bottom: 2px solid #F6F6F6;
}
.table--cards > tbody > tr {
  background-color: transparent;
  margin-bottom: 2px;
  border-top: 1px solid #e4e4e4;
}
.table--cards > tbody > tr:nth-of-type(even) {
  background-color: rgba(255, 255, 255, 0.3);
}
.table--cards > tbody > tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.7);
}
.table--cards > tbody > tr td {
   padding: 15px 10px;
 }
.table--cards > tbody > tr.isClosed {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.table--cards > tbody > tr:hover {
  box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.01), 0 4px 15px 0 rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: pointer;
  background-color: #fff;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.table--cards > tbody > tr:hover .col_actions a {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.table--cards > tbody > tr.orderby-header {
  background-color: transparent;
  text-transform: uppercase;
  box-shadow: none;
  margin: 0;
}
.table--cards > tbody > tr.orderby-header td {
  font-size: 16px;
  font-weight: bold;
  padding: 15px 0 0 0 ;
  color: rgba(51, 51, 51, 0.3);
}
.table--cards > tfoot > tr td {
  padding: 15px 10px;
}
/*.table--cards > tfoot > tr {
  background-color: transparent;
  margin-bottom: 2px;
  border-top: 1px solid #e4e4e4;
}*/

.table--cards .col_status {
  text-align: left;
}
.table--cards .col_status ul.status-overview {
  margin-top: 5px;
}
.table--cards .col_status span.label {
  display: block;
  overflow: hidden;
  width: 19px;
  height: 19px;
  border-radius: 100%;
  padding: 0;
  margin: 0 auto;
  font-size: 13px;
  text-align: center;
  background-color: #E6E6E6;
  color: #333;
}
.table--cards .col_status span.label i.fa {
  margin-top: 3px;
}
.table--cards .col_status span.dates {
  display: block;
  text-align: left;
  font-size: 12px;
  line-height: 16px;
  color: rgba(51, 51, 51, 0.5);
  margin-top: 5px;
}
.table--cards .col_status span.dates span {
  font-weight: bold;
  color: #333;
}
.table--cards .col_progress {
  position: relative;
  width: 10px;
  text-align: center;
}
.table--cards .col_progress span.label-error {
  background-color: #777;
  color: #fff;
}
.table--cards .col_progress span.isnew {
  position: absolute;
  left: 10px;
  top: 20px;
}
.table--cards td.col_artist {
  font-size: 12px;
}
.table--cards td.col_customer {
  font-size: 12px;
}
.table--cards td.col_customer span.vat {
  font-family: 'PT Mono', monospace;
  font-weight: normal;
  color: #808080;
  display: block;
}
.table--cards td.col_assignment {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  width: 225px;
}
.table--cards td.col_assignment span.date {
  font-size: 12px;
  font-family: 'PT Mono', monospace;
  font-weight: normal;
  color: #808080;
  display: block;
}
.table--cards td.col_created span {
  display: block;
  font-size: 12px;
  font-family: 'PT Mono', monospace;
  font-weight: normal;
  color: #808080;
}
.table--cards .col_actions {
  padding-left: 0;
  padding-right: 0;
}
.table--cards .col_actions a {
  color: #333;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
span.label-status {
  position: relative;
  top: -5px;
  background-color: #E6E6E6;
  background-color: transparent;
  color: #333;
  font-weight: normal;
}
span.isnew {
  font-size: 10px;
  color: #f0ad4e;
}
span.badge-status {
  background-color: #DA3610;
  color: #fff;
}
span.badge-success {
  background-color: #00A550;
  padding-left: 6px;
  padding-right: 4px;
  color: #fff;
}
span.badge-warning {
  background-color: #FFA936;
  color: #fff;
}
.col_progress span.badge,
.legend span.badge {
  width: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
}
.col_progress span.badge i,
.legend span.badge i {
  position: relative;
  top: 1px;
  left: -2px;
}
.col_progress span.badge span,
.legend span.badge span {
  position: relative;
  top: 1px;
}
div.legend {
  background-color: #fff;
  padding: 15px;
  margin-bottom: 30px;
  display: none;
}
div.legend .example {
  height: 30px;
  line-height: 30px;
  display: block;
}
div.legend .example svg {
  position: relative;
  top: 5px;
}
div.legend .example span.label-status {
  top: 0;
}
div.legend .actions {
  height: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -moz-transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
div.legend:hover .actions {
  margin-top: 15px;
  height: auto;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
/* RTE */
/*
.rte-list {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;

    li {
        position: relative;
        display: block;
        margin: 0 0 .5em 0;
        padding: 0;

        &:before {
            .fa;
            margin-right: 4px;
            content: "\2010";
        }
    }
}*/
.rte {
  /*ul {
        .rte-list;
    }*/
}
.rte img {
  display: block;
  margin-bottom: 10px;
  max-width: 100%;
  height: auto;
}
.rte img.align-center,
.rte img.align-left,
.rte img.align-right {
  float: none;
}
.rte img.align-center {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .rte img.align-center {
    margin: 0 auto;
  }
  .rte img.align-left {
    float: left;
    margin: 0 20px 20px 0;
  }
  .rte img.align-right {
    float: right;
    margin: 0 0 20px 20px;
  }
}
/* Buttons & actions */
.actions .btn {
  margin-top: 15px;
}
.actions .btn:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .actions .btn {
    margin-top: 0;
    margin-right: 15px;
  }
  .actions .btn:last-child {
    margin-left: 0;
  }
}
.actions.has-border {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #f0f0f0;
}
/*.btn + .btn {
    margin-left:15px;
}*/
.btn {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  border-radius: 0;
  border-width: 2px;
  letter-spacing: 0px;
  font-size: 14px;
  text-transform: uppercase;
  padding: 7px 12px;
}
.btn.btn-lg {
  padding: 20px 40px;
  font-size: 14px;
}
.btn.btn-link {
  font-weight: 700;
  text-transform: uppercase;
}
.btn i + span {
  margin-left: 7px;
}
.btn.btn-xs,
.btn.btn-sm {
  padding: 7px 12px;
  font-size: 12px;
}
.btn.btn-lg {
  font-size: 18px;
}
@media (max-width: 767px) {
  .btn {
    width: 100%;
  }
}
/* override standard button types */
.btn-primary {
  background-color: #0072BC;
  border-color: #0072BC;
  color: #fff;
}
.btn-primary:hover,
.btn-primary:focus,
.open > .btn-primary:hover.dropdown-toggle,
.open > .btn-primary:focus.dropdown-toggle {
  box-shadow: none;
  background-image: linear-gradient(#fff, #fff);
  border-color: #0072BC;
  color: #0072BC;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.btn-primary .badge {
  background-color: #fff;
  color: #fff;
}
.btn-primary.disabled {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
  color: #aaa;
}
.btn-default {
  background-color: #353745;
  border-color: #353745;
  color: #fff;
}
.btn-default:hover,
.btn-default:focus,
.open > .btn-default:hover.dropdown-toggle,
.open > .btn-default:focus.dropdown-toggle {
  box-shadow: none;
  background-image: linear-gradient(#fff, #fff);
  border-color: #353745;
  color: #353745;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.btn-default .badge {
  background-color: #fff;
  color: #fff;
}
.btn-default.is-Label:hover,
.btn-default.is-Label:focus {
  background-color: #353745;
  border-color: #353745;
  color: #fff;
  background-image: none;
}
.btn-default.btn-link,
.btn-default.btn-link.is-Label:hover,
.btn-default.btn-link.is-Label:focus {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  color: #353745;
}
.btn-disabled {
  background-color: #E9E9E9;
  border-color: #E9E9E9;
  color: #9B9B9B;
}
.btn-disabled:hover,
.btn-disabled:focus,
.open > .btn-disabled:hover.dropdown-toggle,
.open > .btn-disabled:focus.dropdown-toggle {
  box-shadow: none;
  background-color: #E9E9E9;
  border-color: #E9E9E9;
  color: #9B9B9B;
  cursor: default;
}
.btn-info {
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.btn-info:hover,
.btn-info:active,
.btn-info:focus {
  background-color: #fff;
  color: #5bc0de;
}
.btn-success {
  background-color: #00A550;
  border-color: #00A550;
  color: #fff;
}
.btn-success:hover,
.btn-success:focus,
.open > .btn-success:hover.dropdown-toggle,
.open > .btn-success:focus.dropdown-toggle {
  box-shadow: none;
  background-color: #fff;
  background-image: none;
  border-color: #00A550;
  color: #00A550;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.btn-success:hover .badge,
.btn-success:focus .badge {
  background-color: #00A550;
  color: #fff;
}
.btn-success .badge {
  background-color: #fff;
  color: #00A550;
}
.btn-success.isWaiting,
.btn-success.isWaiting:hover,
.btn-success.isWaiting:focus,
.open > .btn-success.isWaiting.dropdown-toggle,
.open > .btn-success.isWaiting:hover.dropdown-toggle,
.open > .btn-success.isWaiting:focus.dropdown-toggle {
  cursor: default;
  filter: alpha(opacity=85);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .85;
  background-color: #00A550;
  border-color: #00A550;
  color: #fff;
}
.btn-success.is-Label:hover,
.btn-success.is-Label:focus {
  background-color: #00A550;
  border-color: #00A550;
  background-image: none;
  color: #fff;
}
.btn-success.btn-link,
.btn-success.btn-link.is-Label:hover,
.btn-success.btn-link.is-Label:focus {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  color: #00A550;
}
.btn-danger {
  background-color: #DA3610;
  border-color: #DA3610;
}
.btn-danger:hover,
.btn-danger:focus,
.open > .btn-danger:hover.dropdown-toggle,
.open > .btn-danger:focus.dropdown-toggle {
  box-shadow: none;
  background-image: linear-gradient(#fff, #fff);
  border-color: #DA3610;
  color: #DA3610;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.btn-danger.is-Label:hover,
.btn-danger.is-Label:focus {
  background-color: #DA3610;
  border-color: #DA3610;
  background-image: none;
  color: #fff;
}
.btn-danger.btn-link,
.btn-danger.btn-link.is-Label:hover,
.btn-danger.btn-link.is-Label:focus {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  color: #DA3610;
}
/* new button types */
.btn-cancel {
  background-color: #f0f0f0;
  border-color: #f0f0f0;
  color: #888;
}
.btn-cancel:hover,
.btn-cancel:focus,
.open > .btn-cancel:hover.dropdown-toggle,
.open > .btn-cancel:focus.dropdown-toggle {
  box-shadow: none;
  background-color: transparent;
  border-color: #555;
  color: #555;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.btn-cancel.is-Label:hover,
.btn-cancel.is-Label:focus {
  background-color: transparent;
  border-color: transparent;
  color: #888;
  background-image: none;
}
.btn-cancel.btn-link,
.btn-cancel.btn-link.is-Label:hover,
.btn-cancel.btn-link.is-Label:focus {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  color: #888;
}
.btn-edit {
  background-color: #00A550;
  border-color: #00A550;
  color: #fff;
}
.btn-edit:hover,
.btn-edit:focus,
.open > .btn-edit:hover.dropdown-toggle,
.open > .btn-edit:focus.dropdown-toggle {
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  border-color: #00A550;
  color: #00A550;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.btn-add,
.btn-save {
  background-color: #00A550;
  border-color: #00A550;
  color: #fff;
}
.btn-add:hover,
.btn-save:hover,
.btn-add:focus,
.btn-save:focus,
.open > .btn-add:hover.dropdown-toggle,
.open > .btn-save:hover.dropdown-toggle,
.open > .btn-add:focus.dropdown-toggle,
.open > .btn-save:focus.dropdown-toggle {
  box-shadow: none;
  background-color: #fff;
  background-image: none;
  border-color: #00A550;
  color: #00A550;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.btn-add:hover .badge,
.btn-save:hover .badge,
.btn-add:focus .badge,
.btn-save:focus .badge {
  background-color: #00A550;
  color: #fff;
}
.btn-add .badge,
.btn-save .badge {
  background-color: #fff;
  color: #00A550;
}
.btn-add.isWaiting,
.btn-save.isWaiting,
.btn-add.isWaiting:hover,
.btn-save.isWaiting:hover,
.btn-add.isWaiting:focus,
.btn-save.isWaiting:focus,
.open > .btn-add.isWaiting.dropdown-toggle,
.open > .btn-save.isWaiting.dropdown-toggle,
.open > .btn-add.isWaiting:hover.dropdown-toggle,
.open > .btn-save.isWaiting:hover.dropdown-toggle,
.open > .btn-add.isWaiting:focus.dropdown-toggle,
.open > .btn-save.isWaiting:focus.dropdown-toggle {
  cursor: default;
  filter: alpha(opacity=85);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .85;
  background-color: #00A550;
  border-color: #00A550;
  color: #fff;
}
.btn-add.is-Label:hover,
.btn-save.is-Label:hover,
.btn-add.is-Label:focus,
.btn-save.is-Label:focus {
  background-color: #00A550;
  border-color: #00A550;
  background-image: none;
  color: #fff;
}
.btn-add.btn-link,
.btn-save.btn-link,
.btn-add.btn-link.is-Label:hover,
.btn-save.btn-link.is-Label:hover,
.btn-add.btn-link.is-Label:focus,
.btn-save.btn-link.is-Label:focus {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  color: #00A550;
}
/* Lined buttons */
.btn-lined.btn-primary {
  color: #0072BC;
  border: 2px solid #0072BC;
  background-color: #fff;
}
.btn-lined.btn-primary:hover,
.btn-lined.btn-primary:focus {
  background: none;
  background-color: #0072BC;
  color: #fff;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.btn-lined.btn-default {
  color: #353745;
  border: 2px solid #353745;
  background-color: #fff;
}
.btn-lined.btn-default:hover,
.btn-lined.btn-default:focus {
  background: none;
  background-color: #353745;
  color: #fff;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.btn-lined {
  color: #818181;
  border: 2px solid #E8E8E8;
  background-color: #fff;
}
.btn-lined:hover,
.btn-lined:focus {
  background: none;
  color: #818181;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.btn-lined.btn-nok {
  color: #D0021B;
  border: 2px solid #D0021B;
  background-color: #fff;
}
.btn-lined.btn-nok:hover,
.btn-lined.btn-nok:focus {
  background-color: #D0021B;
  color: #fff;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.btn-lined.btn-ok {
  color: #77C35B;
  border: 2px solid #77C35B;
  background-color: #fff;
}
.btn-lined.btn-ok:hover,
.btn-lined.btn-ok:focus {
  background-color: #77C35B;
  color: #fff;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.btn-lined.btn-success {
  color: #00A550;
  border: 2px solid #00A550;
  background-color: #fff;
}
.btn-lined.btn-success:hover,
.btn-lined.btn-success:focus {
  background-color: #77C35B;
  color: #fff;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
/* Buttons - States */
.btn:active,
.btn.active {
  box-shadow: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
  outline: none;
}
/* Warnings */
.bg-warning {
  background-color: #ECEBE0;
}
/* Debugging */
/* Media queries */
body.debug-queries:after {
  font-family: "Monaco", "Courier New", monospace;
  padding: 5px;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100px;
  text-align: center;
  color: #fff;
  z-index: 9999999999;
}
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
body.debug-queries:after {
  content: "XS";
  background-color: black;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  body.debug-queries:after {
    content: "SM";
    background-color: blue;
  }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  body.debug-queries:after {
    content: "MD";
    background-color: orange;
  }
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  body.debug-queries:after {
    content: "LG";
    background-color: fuchsia;
  }
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 *
 * Global layout setters (wrappers, grids, …),
 * Page-defining elements (headers, nav, …)
 * Recurring blocks too small to be a component
 *
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* GRID */
.container {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 950px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1150px;
  }
}
/* in forms */
.form-group .row {
  margin-left: -10px;
  margin-right: -10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.form-group .row + .row {
  padding-top: 0;
}
.form-group [class^="col-"] {
  padding-left: 10px;
  padding-right: 10px;
}
/* NAVIGATION */
/* Primary navigation */
body {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  body {
    padding: 0 0 0 280px;
  }
  body.sidebar-collapsed {
    padding: 0 0 0 50px;
  }
}
body.is-crema .navbar-brand:before,
body.is-sa .navbar-brand:before {
  content: 'FOR CITY';
  position: absolute;
  top: -18px;
  left: 0;
  width: 100%;
  text-align: right;
  display: block;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 800;
  font-size: 12px;
  letter-spacing: 1px;
  font-family: 'Lato', sans-serif;
}
body.is-crema .navbar-brand:before {
  content: 'FOR CREMATORIUM';
}
nav.navbar {
  position: relative;
  width: 100%;
  min-height: auto;
  height: 130px;
  padding-top: 75px;
  margin: 0;
  background-color: #353745;
  border-color: #353745;
  /* logo */
}
@media (min-width: 768px) {
  nav.navbar {
    position: fixed;
    z-index: 1036;
    height: 100%;
    width: 280px;
    padding-top: 100px;
  }
}
nav.navbar .navbar-brand {
  height: 30px;
  position: absolute;
  top: 25px;
  left: 25px;
  padding: 0;
  margin: 0;
  z-index: 60;
}
nav.navbar .navbar-brand .icon {
  display: none;
}
nav.navbar .navbar-brand img {
  height: 30px;
  width: auto;
}
nav.navbar .navbar-brand:hover,
nav.navbar .navbar-brand:active,
nav.navbar .navbar-brand:focus {
  border-bottom: 0 none;
}
@media (min-width: 768px) {
  nav.navbar .navbar-brand {
    height: 50px;
    left: 35px;
  }
  nav.navbar .navbar-brand img {
    height: 50px;
  }
}
nav.navbar .lang {
  position: absolute;
  top: 22px;
  right: 75px;
  z-index: 556;
}
@media (min-width: 768px) {
  nav.navbar .lang {
    position: fixed;
    bottom: 200px;
    left: 25px;
    top: auto;
    right: auto;
  }
}
nav.navbar .dropdown-profile {
  position: absolute;
  top: 25px;
  right: 15px;
}
nav.navbar .dropdown-profile a {
  position: relative;
  z-index: 60;
}
nav.navbar .dropdown-profile span.avatar {
  width: 30px;
  height: 30px;
}
nav.navbar .dropdown-profile .caret {
  color: #fff;
}
nav.navbar .dropdown-profile a:hover,
nav.navbar .dropdown-profile a:focus {
  text-decoration: none;
}
nav.navbar .dropdown-profile.open span.avatar {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
nav.navbar .dropdown-profile.open span.caret {
  border: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
}
@media (min-width: 768px) {
  nav.navbar .dropdown-profile {
    display: none;
  }
}
nav.navbar .dropdown-profile:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-color: #353745;
  height: 80px;
  z-index: 55;
}
nav.navbar .actions {
  padding: 0 25px;
  margin-bottom: 25px;
}
nav.navbar .actions .btn {
  display: block;
  width: 100%;
  margin: 0;
}
nav.navbar .actions .btn-group {
  width: 100%;
}
nav.navbar .actions .btn-group .btn {
  text-align: left;
}
nav.navbar .nav-menu {
  padding: 0 25px;
}
@media (max-width: 767px) {
  nav.navbar .nav-menu {
    width: 100%;
    height: 55px;
    background-color: #3e4051;
    position: relative;
    z-index: 555;
  }
  nav.navbar .nav-menu.is-fixed {
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0;
    margin-top: 0;
    z-index: 900;
  }
  nav.navbar .nav-menu ul.nav {
    display: flex;
    margin: 0;
    float: none;
    zoom: 1;
  }
  nav.navbar .nav-menu ul.nav::before,
  nav.navbar .nav-menu ul.nav::after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
  }
  nav.navbar .nav-menu ul.nav::after {
    clear: both;
  }
  nav.navbar .nav-menu ul.nav > li {
    flex: 1;
    margin: 0;
    padding: 0;
  }
  nav.navbar .nav-menu ul.nav > li > a {
    padding: 20px 0;
    height: auto;
    line-height: 1em;
    text-align: center;
  }
}
nav.navbar .sf-profile {
  width: 100%;
}
nav.navbar .sf-profile .bg {
  background-color: #2c2e39;
  padding: 15px 25px;
}
nav.navbar .sf-profile span.copy {
  padding: 5px 25px;
  display: block;
  font-size: 12px;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.5);
}
nav.navbar .sf-profile span.copy a {
  color: rgba(255, 255, 255, 0.5);
}
nav.navbar .sf-profile span.copy a:hover,
nav.navbar .sf-profile span.copy a:focus {
  color: #fff;
  text-decoration: none;
}
nav.navbar .sf-profile span.avatar {
  float: left;
  margin-right: 10px;
}
nav.navbar .sf-profile span.name {
  font-size: 14px;
  line-height: 16px;
  color: #fff;
  font-weight: normal;
}
nav.navbar .sf-profile a.btn {
  display: block;
  margin: 15px 0;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
  text-transform: none;
}
nav.navbar .sf-profile a.btn span {
  font-size: 14px;
  float: right;
  font-weight: bold;
}
nav.navbar .sf-profile ul.nav.logout {
  padding: 10px 25px;
  margin-top: -25px;
  background-color: #2c2e39;
}
nav.navbar .sf-profile ul.nav.logout > li > a {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
@media (min-width: 768px) {
  nav.navbar .sf-profile ul.nav.logout {
    margin: 0;
    background-color: transparent;
  }
}
@media (max-width: 767px) {
  nav.navbar .sf-profile {
    height: 0;
    position: relative;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    top: -300px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  nav.navbar .sf-profile.on {
    top: 0;
    height: auto;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@media (min-width: 768px) {
  nav.navbar .sf-profile {
    display: block;
    position: fixed;
    bottom: 0px;
    width: 280px;
  }
}
nav.navbar ul.nav,
nav.navbar ul.nav > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav.navbar ul.nav > li > a {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.7);
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0;
  margin: 0;
}
nav.navbar ul.nav > li > a:hover,
nav.navbar ul.nav > li > a:active,
nav.navbar ul.nav > li > a:focus {
  color: #fff;
  background: transparent;
  text-decoration: none;
  outline: none;
}
nav.navbar ul.nav > li > a.divider {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
}
nav.navbar ul.nav > li.active > a {
  color: #fff;
  font-weight: bold;
}
nav.navbar span.avatar {
  display: inline-block !important;
  height: 40px;
  width: 40px;
  display: block;
}
nav.navbar span.avatar span {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
nav.navbar span.avatar img {
  border-radius: 100%;
  width: 100%;
  height: 100%;
}
nav.navbar span.avatar + span.caret {
  position: relative;
  top: -13px;
  margin: 0;
  padding: 0;
  border-top-width: 5px;
  border-left-width: 5px;
  border-right-width: 5px;
}
nav.navbar.is-light {
  background-color: #F6F6F6;
  border-color: #F6F6F6;
}
nav.navbar.is-light .dropdown-profile .caret {
  color: #333;
}
nav.navbar.is-light .dropdown-profile:before {
  background-color: #fff;
}
nav.navbar.is-light .dropdown-profile.open span.caret {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #333;
}
nav.navbar.is-light ul.nav > li > a {
  color: #333;
  font-weight: 300;
}
nav.navbar.is-light ul.nav > li > a .icon {
  color: rgba(51, 51, 51, 0.3);
}
nav.navbar.is-light ul.nav > li > a.divider {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
}
nav.navbar.is-light ul.nav > li > a:hover,
nav.navbar.is-light ul.nav > li > a:active,
nav.navbar.is-light ul.nav > li > a:focus {
  color: #333;
  background: transparent;
  text-decoration: none;
  outline: none;
  font-weight: bold;
}
nav.navbar.is-light ul.nav > li > a:hover .icon,
nav.navbar.is-light ul.nav > li > a:active .icon,
nav.navbar.is-light ul.nav > li > a:focus .icon {
  color: #333;
}
nav.navbar.is-light ul.nav > li.active > a {
  color: #0072BC;
  font-weight: bold;
}
nav.navbar.is-light ul.nav > li.active > a .icon {
  color: #0072BC;
}
@media (min-width: 768px) {
  nav.navbar.is-light .sf-profile {
    padding: 0 25px;
  }
}
nav.navbar.is-light .sf-profile .bg {
  padding: 10px;
  background-color: #dddddd;
  background-color: #0072BC;
}
nav.navbar.is-light .sf-profile .bg ul.nav > li > a {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 400;
}
nav.navbar.is-light .sf-profile .bg ul.nav > li > a:hover,
nav.navbar.is-light .sf-profile .bg ul.nav > li > a:active,
nav.navbar.is-light .sf-profile .bg ul.nav > li > a:focus {
  color: #fff;
}
nav.navbar.is-light .sf-profile ul.nav.logout {
  margin-top: -20px;
  padding: 10px;
  background-color: #0072BC;
}
nav.navbar.is-light .sf-profile ul.nav.logout > li > a {
  color: #fff;
  opacity: 0.6;
}
nav.navbar.is-light .sf-profile ul.nav.logout > li > a:hover,
nav.navbar.is-light .sf-profile ul.nav.logout > li > a:active,
nav.navbar.is-light .sf-profile ul.nav.logout > li > a:focus {
  opacity: 1;
}
nav.navbar.is-light .sf-profile span.copy {
  padding: 5px 0;
}
nav.navbar.is-light .sf-profile span.copy a {
  color: rgba(51, 51, 51, 0.4);
}
@media (max-width: 767px) {
  nav.navbar.is-light .nav-menu {
    width: 100%;
    height: 55px;
    background-color: #fff;
  }
}
nav.navbar.is-collapsed {
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.051);
}
@media (min-width: 768px) {
  nav.navbar.is-collapsed {
    position: fixed;
    z-index: 1036;
    height: 100%;
    width: 50px;
    padding-top: 100px;
  }
}
nav.navbar.is-collapsed .navbar-brand {
  left: 10px;
  width: 30px;
  height: 30px;
}
nav.navbar.is-collapsed .navbar-brand img {
  display: none;
}
nav.navbar.is-collapsed .navbar-brand img.icon {
  display: inline-block;
  width: 30px;
  height: 30px;
}
nav.navbar.is-collapsed .actions {
  padding: 0 5px;
}
nav.navbar.is-collapsed .actions .btn span {
  display: none;
}
nav.navbar.is-collapsed .dropdown-profile {
  display: inline;
  bottom: 10px;
  left: 10px;
  top: auto;
}
nav.navbar.is-collapsed .dropdown-profile:before {
  display: none;
}
nav.navbar.is-collapsed .dropdown-profile span.caret {
  display: none;
}
nav.navbar.is-collapsed .sf-profile {
  display: none;
}
nav.navbar.is-collapsed .nav-menu {
  padding: 0 5px;
}
nav.navbar.is-collapsed .nav-menu ul.nav > li > a {
  width: 30px;
  margin: 0 5px;
  text-align: center;
}
nav.navbar.is-collapsed .nav-menu ul.nav > li > a span {
  display: none;
}
nav.navbar.is-collapsed .nav-menu ul.nav > li > a.divider {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
/* HEADERS */
.sticky-spacer {
  display: block;
  height: 0;
  margin-top: -30px;
}
.js-scrolling-down .header--secondary {
  -webkit-transition: margin 0.35s ease;
  -moz-transition: margin 0.35s ease;
  -ms-transition: margin 0.35s ease;
  -o-transition: margin 0.35s ease;
  transition: margin 0.35s ease;
}
.header--navigation {
  padding: 15px 0 0 0;
  margin: 30px 0 0 0;
  background: #2D2F3C;
  height: 50px;
  position: relative;
}
.header--navigation ul.menu,
.header--navigation ul.menu li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.header--navigation ul.menu li {
  display: inline-block;
  margin-top: 5px;
}
.header--navigation ul.menu li a {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  margin-right: 15px;
  padding: 2px 0;
  display: inline-block;
}
.header--navigation ul.menu li a:hover,
.header--navigation ul.menu li a:focus {
  color: #fff;
  text-decoration: none;
}
.header--navigation a.close {
  color: rgba(255, 255, 255, 0.9);
  margin: 0;
  position: absolute;
  top: 17px;
  right: 10px;
}
.header--navigation a.close:hover,
.header--navigation a.close:focus {
  color: #fff;
  text-decoration: none;
}
.header--navigation .btn.btn-xs {
  padding: 3px 6px;
}
.header--navigation .actions {
  position: absolute;
  right: 45px;
  top: 15px;
}
.header--navigation .actions .btn {
  width: auto;
  margin: 0 5px 0 0;
}
.header--navigation.is-fixed {
  position: fixed;
  width: 100%;
  top: 55px;
  left: 0;
  margin-top: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .header--navigation.is-fixed {
    top: 0;
    padding-left: 280px;
  }
}
.header--navigation.is-light {
  background: #f6f6f6;
}
.header--navigation.is-light ul.menu li a {
  color: rgba(51, 51, 51, 0.6);
}
.header--navigation.is-light ul.menu li a:hover,
.header--navigation.is-light ul.menu li a:focus {
  color: #0072BC;
}
.header--navigation.is-light a.close {
  color: rgba(0, 0, 0, 0.8);
}
.header--secondary {
  position: relative;
  margin-bottom: 30px;
  padding: 15px 0 0 0;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.header--secondary .label {
  border-radius: 0;
  font-weight: 400;
  font-size: 16px;
}
.header--secondary .assigned-to .label {
  margin: 0;
  display: inline-block;
}
.header--secondary.is-fixed {
  position: fixed;
  width: 100%;
  top: 55px;
  left: 0;
  margin-top: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .header--secondary.is-fixed {
    top: 0;
    padding-left: 280px;
  }
}
.header--secondary.is-dark {
  background: #f0f0f0;
}
.header--secondary.mode--view {
  margin-bottom: 0;
  background: #fff;
}
.header--secondary.mode--closed,
.header--secondary.mode--edit,
.header--secondary.mode--new {
  margin-bottom: 0;
  background-color: #00A550;
  color: #fff;
  font-weight: 400;
}
.header--secondary.mode--closed h1,
.header--secondary.mode--edit h1,
.header--secondary.mode--new h1 {
  color: #fff;
}
.header--secondary.mode--closed .nav-tabs.is-big li a,
.header--secondary.mode--edit .nav-tabs.is-big li a,
.header--secondary.mode--new .nav-tabs.is-big li a {
  color: #fff;
}
.header--secondary.mode--closed .nav-tabs.is-big li.active a,
.header--secondary.mode--edit .nav-tabs.is-big li.active a,
.header--secondary.mode--new .nav-tabs.is-big li.active a,
.header--secondary.mode--closed .nav-tabs.is-big li.active a:hover,
.header--secondary.mode--edit .nav-tabs.is-big li.active a:hover,
.header--secondary.mode--new .nav-tabs.is-big li.active a:hover {
  color: #222;
  background: #fff;
}
.header--secondary.mode--closed .nav-tabs.is-big > li > a:hover,
.header--secondary.mode--edit .nav-tabs.is-big > li > a:hover,
.header--secondary.mode--new .nav-tabs.is-big > li > a:hover {
  background: transparent;
}
.header--secondary.mode--closed .btn.btn-cancel,
.header--secondary.mode--edit .btn.btn-cancel,
.header--secondary.mode--new .btn.btn-cancel {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.5);
  border-color: transparent;
  padding-left: 0;
}
.header--secondary.mode--closed .btn.btn-cancel:hover,
.header--secondary.mode--edit .btn.btn-cancel:hover,
.header--secondary.mode--new .btn.btn-cancel:hover,
.header--secondary.mode--closed .btn.btn-cancel:active,
.header--secondary.mode--edit .btn.btn-cancel:active,
.header--secondary.mode--new .btn.btn-cancel:active {
  color: #fff;
}
.header--secondary.mode--closed .btn.btn-save,
.header--secondary.mode--edit .btn.btn-save,
.header--secondary.mode--new .btn.btn-save {
  border-color: #ffffff;
}
.header--secondary.mode--closed .label,
.header--secondary.mode--edit .label,
.header--secondary.mode--new .label {
  background-color: #fff;
  color: #00A550;
}
.header--secondary.mode--closed {
  background-color: #DA3610;
}
.header--secondary.mode--closed .label {
  color: #DA3610;
}
.header--secondary h1 {
  margin-top: 0;
  font-family: 'Lato', sans-serif;
  font-size: 30px;
  font-weight: 400;
  text-transform: uppercase;
}
.header--secondary h1 .type-sm {
  font-size: 18px;
}
@media (min-width: 768px) {
  .header--secondary h1 {
    font-size: 36px;
    float: left;
  }
  .header--secondary h1 .type-sm {
    font-size: 24px;
  }
}
.header--secondary h4 {
  font-size: 14px;
}
@media (min-width: 768px) {
  .header--secondary h4 {
    font-size: 18px;
  }
}
.header--secondary .actions {
  margin-top: 20px;
}
.header--secondary .actions .row {
  padding: 0;
}
@media (min-width: 768px) {
  .header--secondary .actions {
    margin-top: 50px;
  }
}
.header--secondary .actions--right {
  margin: 0 0 15px 0;
}
.header--secondary .actions--right .btn {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .header--secondary .actions--right {
    float: right;
    margin: 0 0 0 20px;
  }
}
.header--secondary .nav-tabs.is-big {
  border-bottom: 0 none;
}
.header--secondary .nav-tabs.is-big li {
  font-weight: 700;
  white-space: nowrap;
}
.header--secondary .nav-tabs.is-big > li > a:hover {
  border-color: transparent;
}
.header--secondary .nav-mobile-tabs {
  margin-bottom: 20px;
}
.header--secondary .progress {
  margin-top: 5px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.05);
}
.header--secondary .progress .progress-bar {
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #353745;
  background-color: #fff;
  line-height: 30px;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
  padding-left: 15px;
}
@media (max-width: 767px) {
  .header--secondary .nav-tabs.is-big li {
    float: none;
  }
  .header--secondary .nav-tabs.is-big li.active a {
    border: 0 none;
    color: #fff;
    background: #337ab7;
  }
  .header--secondary .btns {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .header--secondary .nav-tabs.is-big {
    float: left;
  }
  .header--secondary .nav-tabs.is-big li {
    float: left;
  }
  .header--secondary .nav-tabs.is-big .active .text {
    max-width: 200px;
    height: auto;
  }
  .header--secondary .nav-tabs.is-big .number {
    vertical-align: top;
  }
  .header--secondary .nav-tabs.is-big .text {
    display: inline-block;
    overflow: hidden;
    max-width: 0;
    height: 0;
    transition: width 0.2s ease-in;
  }
  .header--secondary .btns {
    float: right;
  }
}
body.is-light .header--secondary {
  margin-bottom: 0;
}
/* FOOTERS */
.footer {
  background-color: #f5f5f5;
  /*background-image: url('../img/bg-flowers.jpg');*/
  background-size: cover;
  background-position: center center;
}
.footer .inner {
  padding: 10px 0;
  background-color: rgba(255, 255, 255, 0.8);
}
.footer .inner p {
  margin: 0;
}
.footer .inner,
.footer .inner a {
  color: #2D2F3C;
  font-weight: normal;
}
@media (min-width: 768px) {
  html,
  body {
    height: 100%;
  }
  .content--main {
    min-height: 100%;
    margin-bottom: -50px;
  }
  .content--main::after {
    content: "";
    display: block;
    height: 50px;
  }
  .footer {
    position: relative;
    height: 50px;
  }
  .footer .inner {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}
/* MAIN CONTAINER */
.content--main {
  padding: 0;
}
/* about */
.module--about {
  margin-bottom: 1em;
}
/* who */
.module--who {
  padding-top: 1em;
  padding-bottom: 2em;
}
.logos--partners {
  text-align: center;
}
.logos--partners > img,
.logos--partners > a {
  margin: 10px 10px 0 10px;
  display: inline-block;
}
/* PAGE - NOTIFICATIONS */
/* Cards */
.cards--notifications .row {
  padding: 0;
  margin: 0 -6px;
}
.cards--notifications .col {
  padding: 0 6px;
}
.cards--notifications .card {
  background-color: #fff;
  padding: 15px;
  margin-bottom: 15px;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.01), 0 4px 15px 0 rgba(0, 0, 0, 0.05);
}
.cards--notifications .card .col-date-sent .fa {
  position: relative;
  top: 3px;
  margin-right: 10px;
  font-size: 24px;
}
.cards--notifications .card .title {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 500;
}
.cards--notifications .card .file-number {
  margin-bottom: 5px;
  font-family: 'PT Mono', monospace;
}
.cards--notifications .col-actions {
  text-align: right;
}
.cards--notifications .col-actions .btn {
  margin-top: 15px;
}
@media (min-width: 768px) {
  .cards--notifications .col-actions .btn {
    margin-top: 0;
    margin-left: 15px;
  }
}
.cards--notifications__section {
  margin-bottom: 30px;
}
.cards--notifications__title {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
}
.cards--notifications__subtitle {
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 400;
}
/* PAGE - Settings */
/* Emails */
.notifications--emails {
  margin-bottom: 30px;
}
.notifications--emails .form-control.readonly,
.notifications--emails .form-control[disabled],
.notifications--emails .form-control[readonly],
.notifications--emails fieldset[disabled] .form-control,
.notifications--emails .form-control.readonly:hover,
.notifications--emails .form-control[disabled]:hover,
.notifications--emails .form-control[readonly]:hover,
.notifications--emails fieldset[disabled] .form-control:hover,
.notifications--emails .form-control.readonly:focus,
.notifications--emails .form-control[disabled]:focus,
.notifications--emails .form-control[readonly]:focus,
.notifications--emails fieldset[disabled] .form-control:focus {
  color: #999;
  background-color: rgba(255, 255, 255, 0);
}
.notifications--emails .actions--emails {
  margin-top: 20px;
}
/* Overview */
/* PAGE - Dossier */
body.page-dossier .bookmark {
  position: relative;
  top: -50px;
}
/*body.page-dossier .section {
  background-color: #fff;
  padding: 25px;
  margin: 15px 0;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.13);
}*/
body.page-dossier .section h2 {
  margin-top: 0;
}
body.page-dossier .section fieldset {
  margin-bottom: 0;
}
body.page-dossier .section h2 {
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: bold;
  color: rgba(51, 51, 51, 0.7);
}
body.page-dossier header h3 {
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: bold;
  color: rgba(51, 51, 51, 0.7);
  margin-top: 0;
}
body.page-dossier header span.label {
  margin: 0;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 *
 * Form styling
 *
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Form defaults */
input,
select,
textarea {
  font-family: 'Open Sans', sans-serif;
}
/* form elements in page */
fieldset {
  border: 0 none;
  margin: 0 ;
  padding: 0;
}
fieldset.has-border {
  border-top: 2px solid #f0f0f0;
  margin-top: 10px;
  padding-top: 30px;
}
label {
  color: #888;
  font-weight: 400;
  font-size: 13px;
  line-height: 15px;
}
.radio label,
.checkbox label {
  color: #555;
  line-height: 20px;
}
label.radio-inline {
  color: #555;
  line-height: 20px;
  font-size: 14px;
}
.help-block {
  font-weight: normal;
}
/* Form element grouping */
.form-control.readonly,
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control,
.form-control.readonly:hover,
.form-control[disabled]:hover,
.form-control[readonly]:hover,
fieldset[disabled] .form-control:hover,
.form-control.readonly:focus,
.form-control[disabled]:focus,
.form-control[readonly]:focus,
fieldset[disabled] .form-control:focus {
  color: #333;
  background-color: #fff;
  border: 0;
  border-bottom: 2px solid #f0f0f0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  cursor: default;
}
.form-control.readonly:after,
.form-control[disabled]:after,
.form-control[readonly]:after,
fieldset[disabled] .form-control:after {
  display: none;
}
.form-control {
  border: 2px solid #f0f0f0;
  background-color: #fff;
  box-shadow: none;
  border-radius: 0;
  font-size: 16px;
  color: #000;
  font-weight: 400;
  height: 38px;
  padding: 4px 12px;
}
.form-control::-webkit-input-placeholder {
  color: #ccc;
}
.form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #ccc;
}
.form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #ccc;
}
.form-control:-ms-input-placeholder {
  color: #ccc;
}
.form-control:focus {
  border-color: #e3e3e3;
  box-shadow: none;
}
.input-group-addon {
  background-color: #f0f0f0;
  border-radius: 0;
  border-color: #f0f0f0;
  color: #888;
}
.input-group-addon.transparent {
  background-color: #fff;
  position: relative;
}
.disabled .input-group-addon {
  color: #ccc;
  background-color: #fff;
  border-color: #fff;
  border-bottom: 2px solid #f0f0f0;
  padding-left: 0;
  padding-right: 0.5em;
}
.form-group {
  width: 100%;
}
.form-group + .field-validation {
  display: block;
}
.form-group .input-group-btn .btn {
  white-space: nowrap;
}
.form-group .input-group-btn .btn.btn-default {
  border-color: #f0f0f0;
  background-color: #f0f0f0;
  color: #888;
  border-bottom: 2px solid #f0f0f0;
}
.form-group .input-group-btn .space {
  padding: 10px;
}
.form-group .input-group-btn .btn-clear {
  background-color: #fff;
  border-color: #e3e3e3;
  left: -1px;
  border-left: 1px solid #fff;
  color: #808080;
}
.form-group .input-group-btn .btn-clear:hover {
  color: #0072BC;
  text-decoration: none;
}
.form-group ul.dropdown-menu {
  width: 100%;
  border: 2px solid #fff;
  border-radius: 0;
  border-top: 0;
}
.form-group.has-border {
  border-top: 1px solid #f0f0f0;
  margin-top: 20px;
  padding-top: 10px;
}
.form-group:not(.disabled):hover {
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.form-group:not(.disabled):hover .control-label {
  color: #333;
}
/* Fieldset */
fieldset {
  margin: 0 0 20px 0;
}
fieldset legend {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 22px;
  border-bottom: 0;
  line-height: 26px;
  color: #0072BC;
  margin: 0;
  padding: 0;
}
fieldset legend + .checkbox,
fieldset legend + .radio {
  margin-top: -5px;
}
fieldset legend + p {
  margin-top: 10px;
}
fieldset legend + .boxeslist {
  margin-top: 10px;
}
fieldset fieldset legend {
  font-size: 18px;
}
.panel-body legend {
  font-weight: 600;
  color: rgba(51, 51, 51, 0.7);
  padding: 0px;
  margin-top: 30px;
  font-size: 14px;
  text-transform: uppercase;
}
.panel-body fieldset {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #f5f5f5;
}
.panel-body fieldset .form-group {
  margin-bottom: 5px;
}
.panel-body fieldset:hover {
  background-color: #f9f9f9;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/* Custom select */
.input-select {
  position: relative;
  width: 100%;
  display: table;
  border-collapse: separate;
}
.input-select:after {
  pointer-events: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f107";
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 10px 13px;
  width: auto;
  height: 100%;
  line-height: 19px;
  background-color: #f0f0f0;
  border: 1px solid #f0f0f0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-select select {
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  font-weight: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .input-select select {
    padding-right: 18px;
  }
}
.input-select.disabled:after {
  display: none;
}
/* Required */
.is-required .input-select:before,
.is-required .input-group:before {
  content: '';
  position: absolute;
  top: 16px;
  display: block;
  right: 10px;
  width: 6px;
  height: 6px;
  z-index: 8;
  background-color: #f0ad4e;
  border-radius: 100%;
}
.is-required .input-select:before {
  right: 50px;
}
.is-required .input-select.has-last-addon:before,
.is-required .input-group.has-last-addon:before {
  right: 50px;
}
.is-required.has-validation.error .input-select:before,
.is-required.has-validation.error .input-group:before {
  background-color: #D82D42;
}
.is-required.has-validation.valid .input-select:before,
.is-required.has-validation.valid .input-group:before {
  display: none;
}
.is-required .disabled.input-select:before,
.is-required .disabled.input-group:before {
  display: none;
}
/* Validation */
.field-validation + .field-validation {
  display: block;
}
.field-error {
  padding: 5px 10px;
  margin-top: 5px;
}
.has-validation.error .input-group-addon {
  background-color: #D82D42;
  border-color: #D82D42;
  color: #fff;
}
.has-validation.error .form-control {
  border-color: #D82D42;
}
.has-validation.error .form-control::-webkit-input-placeholder {
  color: #D82D42;
}
.has-validation.error .form-control:-moz-placeholder {
  color: #D82D42;
}
.has-validation.error .form-control::-moz-placeholder {
  color: #D82D42;
}
.has-validation.error .form-control:-ms-input-placeholder {
  color: #D82D42;
}
.has-validation.error .alert {
  border-color: #D82D42;
  background-color: #D82D42;
  color: #fff;
  font-weight: 500;
}
.has-validation.error .field-validation {
  color: #D82D42;
  font-weight: 600;
}
.has-validation.error label {
  color: #D82D42;
}
.has-validation.error .input-select:after {
  background-color: #D82D42;
  border-color: #D82D42;
  color: #fff;
}
.has-validation.error .input-group.disabled .input-group-addon {
  color: #D82D42;
  background-color: #fff;
  border-color: #fff;
  border-bottom-color: #D82D42;
}
.has-validation.error .input-group.disabled .form-control {
  color: #D82D42;
}
.has-validation.valid .input-group-addon {
  background-color: #009900;
  border-color: #009900;
  color: #fff;
}
.has-validation.valid .form-control {
  border-color: #009900;
}
.has-validation.valid .form-control::-webkit-input-placeholder {
  color: #009900;
}
.has-validation.valid .form-control:-moz-placeholder {
  color: #009900;
}
.has-validation.valid .form-control::-moz-placeholder {
  color: #009900;
}
.has-validation.valid .form-control:-ms-input-placeholder {
  color: #009900;
}
.has-validation.valid .alert {
  border-color: #009900;
  background-color: #009900;
  color: #fff;
  font-weight: 500;
}
.has-validation.valid .field-validation {
  color: #009900;
  font-weight: 600;
}
.has-validation.valid label {
  color: #009900;
}
.has-validation.valid .input-select:after {
  background-color: #009900;
  border-color: #009900;
  color: #fff;
}
.has-validation.valid .input-group.disabled .input-group-addon {
  color: #009900;
  background-color: #fff;
  border-color: #fff;
  border-bottom-color: #009900;
}
.has-validation.valid .input-group.disabled .form-control {
  color: #009900;
}
.has-validation.warning .input-group-addon {
  background-color: #E59400;
  border-color: #E59400;
  color: #fff;
}
.has-validation.warning .form-control {
  border-color: #E59400;
}
.has-validation.warning .form-control::-webkit-input-placeholder {
  color: #E59400;
}
.has-validation.warning .form-control:-moz-placeholder {
  color: #E59400;
}
.has-validation.warning .form-control::-moz-placeholder {
  color: #E59400;
}
.has-validation.warning .form-control:-ms-input-placeholder {
  color: #E59400;
}
.has-validation.warning .alert {
  border-color: #E59400;
  background-color: #E59400;
  color: #fff;
  font-weight: 500;
}
.has-validation.warning .field-validation {
  color: #E59400;
  font-weight: 600;
}
.has-validation.warning label {
  color: #E59400;
}
.has-validation.warning .input-select:after {
  background-color: #E59400;
  border-color: #E59400;
  color: #fff;
}
.has-validation.warning .input-group.disabled .input-group-addon {
  color: #E59400;
  background-color: #fff;
  border-color: #fff;
  border-bottom-color: #E59400;
}
.has-validation.warning .input-group.disabled .form-control {
  color: #E59400;
}
.form-group.has-error .input-group-addon {
  background-color: #D82D42;
  border-color: #D82D42;
  color: #fff;
}
.form-group.has-error .form-control {
  border-color: #D82D42;
}
.form-group.has-error .form-control::-webkit-input-placeholder {
  color: #D82D42;
}
.form-group.has-error .form-control:-moz-placeholder {
  color: #D82D42;
}
.form-group.has-error .form-control::-moz-placeholder {
  color: #D82D42;
}
.form-group.has-error .form-control:-ms-input-placeholder {
  color: #D82D42;
}
.form-group.has-error .alert {
  border-color: #D82D42;
  background-color: #D82D42;
  color: #fff;
  font-weight: 500;
}
.form-group.has-error .field-validation {
  color: #D82D42;
  font-weight: 600;
}
.form-group.has-error label {
  color: #D82D42;
}
.form-group.has-error .input-select:after {
  background-color: #D82D42;
  border-color: #D82D42;
  color: #fff;
}
.form-group.has-error .input-group.disabled .input-group-addon {
  color: #D82D42;
  background-color: #fff;
  border-color: #fff;
  border-bottom-color: #D82D42;
}
.form-group.has-error .input-group.disabled .form-control {
  color: #D82D42;
}
.form-group.has-success .form-control,
.form-group.has-success .form-control:focus {
  border-color: #f0f0f0;
  box-shadow: none;
}
.form-group.has-success .input-group-addon {
  color: #888;
  background-color: #f0f0f0;
  border-color: #f0f0f0;
}
.panel-group.panel-documents .panel.panel-danger > .panel-heading a,
.panel.panel-danger > .panel-heading {
  color: #fff;
  background-color: #D82D42;
  border-color: #D82D42;
}
.panel-group.panel-documents .panel.panel-danger > .panel-heading a a,
.panel.panel-danger > .panel-heading a {
  color: #fff;
}
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
  color: #009900;
}
.has-success.disabled .checkbox,
.has-success.disabled .checkbox-inline,
.has-success.disabled .control-label,
.has-success.disabled .help-block,
.has-success.disabled .radio,
.has-success.disabled .radio-inline,
.has-success.disabled.checkbox label,
.has-success.disabled.checkbox-inline label,
.has-success.disabled.radio label,
.has-success.disabled.radio-inline label {
  color: #888;
}
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
  color: #D82D42;
}
.has-error.disabled .checkbox,
.has-error.disabled .checkbox-inline,
.has-error.disabled .control-label,
.has-error.disabled .help-block,
.has-error.disabled .radio,
.has-error.disabled .radio-inline,
.has-error.disabled.checkbox label,
.has-error.disabled.checkbox-inline label,
.has-error.disabled.radio label,
.has-error.disabled.radio-inline label {
  color: #888;
}
/* Filters */
/* for use with dropdown   */
.input-group-filters .btn {
  box-shadow: none;
}
.input-group-filters .btn.active {
  color: #0072BC;
}
.input-group-filters .btn i.fa-sort-asc {
  top: 2px;
  position: relative;
}
.input-group-filters .btn i.fa-sort-desc {
  top: -3px;
  position: relative;
}
/* Colored checkbox */
/* for use as status-filter */
input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
  line-height: 15px;
}
.checkbox-default input[type="checkbox"]:checked + label::before,
.checkbox-default input[type="radio"]:checked + label::before {
  background-color: #777;
  border-color: #777;
}
.checkbox-default input[type="checkbox"]:checked + label::after,
.checkbox-default input[type="radio"]:checked + label::after {
  color: #fff;
}
/* Uploads */
.upload-container .form-group {
  display: table-cell;
  width: 100%;
}
.upload-container .form-group + .actions {
  display: table-cell;
  width: 1%;
}
.upload-container .form-group + .actions .btn {
  background-color: #f0f0f0;
  border-color: #f0f0f0;
  color: #888;
}
.upload-container .checkbox {
  padding-left: 0;
}
.upload-container .checkbox label {
  display: block;
  padding-left: 30px;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 7px;
  font-size: 16px;
  font-weight: 400;
  color: #333;
  background-color: transparent;
  border: 0;
  border-bottom: 2px solid #f0f0f0;
  text-wrap: wrap;
  word-wrap: break-word;
  white-space: normal;
}
.upload-container .checkbox label::before,
.upload-container .checkbox label::after {
  margin-left: 0;
}
.upload-container .checkbox input {
  margin-left: 0;
}
.upload-container .checkbox input[type="checkbox"]:disabled + label,
.upload-container .checkbox input[type="radio"]:disabled + label {
  opacity: 1;
}
.upload-container .form-group.is-nested {
  padding-left: 30px;
}
.has-error .upload-container .checkbox label {
  color: #D82D42;
}
.upload-preview {
  max-width: 120px;
}
/* Advanced checkbox on search dossiers */
.btn-advancedsearch label {
  position: absolute;
  right: 0px;
  top: 5px;
  z-index: 55;
  color: #0072BC;
}
.btn-advancedsearch label:hover {
  text-decoration: underline;
  cursor: pointer;
}
.form-control[disabled],
.form-control[disabled]:hover {
  padding: 4px 12px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 *
 * Restyle various Bootstrap elements
 *
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*------------------------------------*\
    $TOOLTIPS
\*------------------------------------*/
.tooltip > .tooltip-inner {
  background-color: #363636;
  color: #FFFFFF;
  border: 1px solid #363636;
  font-size: 14px;
  border-radius: 0;
  padding: 10px;
  text-align: left;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
}
.form-control + .tooltip {
  opacity: 1;
  width: 100%;
  display: block;
}
/* Tooltip on top */
.form-control + .tooltip.top > .tooltip-arrow {
  border-top: 5px solid #363636;
}
/* Tooltip on bottom */
.form-control + .tooltip.bottom > .tooltip-inner {
  max-width: 100%;
}
.form-control + .tooltip.bottom > .tooltip-arrow {
  border-bottom: 5px solid #363636;
  left: 20px !important;
}
/* Tooltip on left */
.form-control + .tooltip.left > .tooltip-arrow {
  border-left: 5px solid #363636;
}
/* Tooltip on right */
.form-control + .tooltip.right > .tooltip-arrow {
  border-right: 5px solid #363636;
}
/*------------------------------------*\
    $DROPDOWNS
\*------------------------------------*/
.btn-group.open .dropdown-toggle {
  box-shadow: none;
}
.dropdown-menu {
  border-radius: 0;
}
.dropdown-menu .dropdown-header {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  color: #888;
}
.dropdown-menu > li p,
.dropdown-menu > li > button {
  margin-left: 10px;
  margin-right: 10px;
}
.dropdown-menu li.filters,
section.filters {
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 10px;
}
.dropdown-menu li.filters .row,
section.filters .row {
  margin-left: -10px;
  margin-right: -10px;
}
.dropdown-menu li.filters [class="col-"],
section.filters [class="col-"] {
  padding-left: 10px;
  padding-right: 10px;
}
.btn-group.has-filters ul.dropdown-menu,
.dropdown-menu.has-filters {
  min-width: 450px;
  padding: 10px;
}
.pull-right .btn-group.has-filters ul.dropdown-menu,
.pull-right .dropdown-menu.has-filters {
  right: 0;
  left: auto;
}
/*------------------------------------*\
    $NOTIFICATION ALERT
/*-------------------------------------
growl notifications
\*------------------------------------*/
body > .alert {
  border: 0;
  width: 100%;
  margin: 0 80px;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
}
@media (min-width: 768px) {
  body > .alert {
    padding-left: 330px;
  }
}
body > .alert.alert-success {
  background-color: #00A550;
  color: #fff;
}
body > .alert.alert-info {
  background-color: #0072BC;
  color: #fff;
}
body > .alert.alert-danger {
  background-color: #D82D42;
  color: #fff;
}
/*------------------------------------*\
    $PROGRESS-BARS
\*------------------------------------*/
.progress {
  font-weight: 600;
}
.progress.lg {
  height: 30px;
}
.progress.lg .progress-bar {
  font-size: 14px;
  line-height: 30px;
}
.progress-bar-success {
  background-color: #00A550;
}
.progress-bar-danger {
  background-color: #DA3610;
}
.progress-bar-warning {
  background-color: #FB970C;
}
/*------------------------------------*\
    $ALERTS
\*------------------------------------*/
.alert {
  border-radius: 0;
}
.alert.alert-info {
  color: #333;
  font-weight: normal;
  background-color: #F4F4F4;
  border-color: #F4F4F4;
}
.alert.alert-warning {
  color: #702900;
  font-weight: normal;
  background-color: #FB970C;
  border-color: #FB970C;
}
.alert.alert-danger {
  color: #fff;
  font-weight: normal;
  background-color: #DA3610;
  border-color: #DA3610;
}
.alert.alert-card {
  background-color: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.13);
}
.alert.alert-card h2 {
  margin-top: 0;
}
.alert.alert-star {
  background-color: #F15E2F;
  color: #fff;
  font-weight: normal;
}
.alert.alert-star .fa-star {
  font-size: 22px;
  margin-right: 5px;
}
.alert.alert-balance {
  margin: 20px 0;
  padding: 25px;
  text-align: center;
  border-radius: 4px;
  color: #0072BC;
  border: 5px solid #0072BC;
}
.alert.alert-balance .title {
  font-size: 26px;
  line-height: 28px;
  font-weight: 700;
  color: #0072BC;
  margin: 0;
  font-family: 'PT Mono', monospace;
  text-transform: uppercase;
}
.alert.alert-balance .dots {
  display: block;
  margin: 10px 0;
  font-size: 24px;
  opacity: .5;
}
.alert.alert-balance .amount {
  font-weight: 700;
  font-size: 42px;
  line-height: 45px;
}
.alert.alert-balance .amount span {
  font-size: 13px;
  line-height: 13px;
  margin-right: 5px;
  text-transform: uppercase;
}
/*------------------------------------*\
    $MODALS
\*------------------------------------*/
.modal.fade {
  transition: opacity 0.8s linear, top 0.3s ease-out;
}
.modal-backdrop {
  background-color: #000;
}
.modal-content {
  border-radius: 0;
  border: 0;
}
.modal-content .modal-header {
  background-color: #f0f0f0;
  color: #555;
  border-bottom: 0;
  padding: 15px 10px 15px 30px;
}
.modal-content .modal-header .close {
  font-size: 35px;
}
.modal-content .modal-title {
  font-family: 'Open Sans', sans-serif;
  color: #555;
  font-weight: 300;
  font-size: 24px;
  margin: 0;
}
.modal-content .modal-body {
  padding: 15px 30px;
}
.modal-content .modal-footer {
  padding: 15px 30px;
  text-align: center;
}
body.modal-open {
  overflow: visible;
}
/*------------------------------------*\
    $PAGINATION
\*------------------------------------*/
ul.pagination {
  border-radius: 0;
}
ul.pagination > li > a,
ul.pagination > li > span {
  font-weight: 400;
  color: #888;
  border: 2px solid #f0f0f0;
  margin-left: -2px;
}
ul.pagination > li:first-child > a,
ul.pagination > li:first-child > span {
  border-radius: 0;
  background-color: #f0f0f0;
}
ul.pagination > li:last-child > a,
ul.pagination > li:last-child > span {
  border-radius: 0;
}
ul.pagination > li > a:hover,
ul.pagination > li > span:hover,
ul.pagination > li > a:focus,
ul.pagination > li > span:focus {
  color: #363636;
  background-color: #fff;
  border-color: #363636;
}
ul.pagination > .active > a,
ul.pagination > .active > span,
ul.pagination > .active > a:hover,
ul.pagination > .active > span:hover,
ul.pagination > .active > a:focus,
ul.pagination > .active > span:focus {
  color: #fff;
  background-color: #363636;
  border-color: #363636;
  font-weight: 600;
}
.pager--dossiers ul.pagination > li:first-child > a,
.pager--dossiers ul.pagination > li:first-child > span {
  background-color: #fff;
}
.pager--dossiers .pagination > li > a,
.pager--dossiers .pagination > li > span {
  padding: 6px 4px;
  min-width: 36px;
  text-align: center;
}
.pager--dossiers .pagination > .disabled > a,
.pager--dossiers .pagination > .disabled > a:focus,
.pager--dossiers .pagination > .disabled > a:hover,
.pager--dossiers .pagination > .disabled > span,
.pager--dossiers .pagination > .disabled > span:focus,
.pager--dossiers .pagination > .disabled > span:hover,
.pager--dossiers .pagination > li:first-child.disabled > a,
.pager--dossiers .pagination > li:first-child.disabled > span {
  background-color: #ddd;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 *
 * Dossiers: overview and detail
 * 
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* OVERVIEW */
/* filters  */
.aside--dossiers {
  padding-bottom: 20px;
}
.aside--dossiers fieldset legend {
  font-size: 14px;
  font-weight: 700;
  color: #0072BC;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.aside--dossiers fieldset legend + .checkbox {
  margin-top: 10px;
}
.aside--dossiers label {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  width: 100%;
}
.aside--dossiers label span.count {
  float: right;
  color: rgba(51, 51, 51, 0.5);
}
.aside--dossiers .filter-sort {
  width: 100%;
}
.aside--dossiers .filter-sort .btn-group:first-child {
  width: 100%;
}
.aside--dossiers .filter-sort .btn-group:first-child .btn {
  width: 100%;
  text-align: left;
}
@media (min-width: 1200px) {
  .aside--dossiers {
    padding: 12px 0 15px 15px;
  }
}
@media (min-width: 1200px) {
  .overview--dossiers {
    padding: 0 30px;
  }
}
/* table - dossiers  */
.overview--dossiers .table-responsive {
  padding-top: 20px;
  margin-top: -30px;
  border: 0;
}
.overview--dossiers .table-responsive::after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f061";
  position: absolute;
  right: 30px;
  top: 15px;
  height: 50px;
  font-size: 20px;
  opacity: .5;
  pointer-events: none;
}
@media (max-width: 1199px) {
  .overview--dossiers .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media (min-width: 1200px) {
  .overview--dossiers .table-responsive {
    margin-top: 0;
    padding-top: 0;
  }
  .overview--dossiers .table-responsive::after {
    display: none;
  }
}
@media (min-width: 1200px) {
}
.table--dossiers td,
.table--dossiers th {
  overflow: hidden;
  vertical-align: middle;
  color: rgba(51, 51, 51, 0.7);
}
.table--dossiers th {
  color: rgba(51, 51, 51, 0.7);
}
.table--dossiers > thead > tr > th a {
  color: rgba(51, 51, 51, 0.7);
}
.table--dossiers.hover tr:hover td {
  color: #333;
}
@media (min-width: 1200px) {
}
.table--dossiers td.col_nr {
  font-family: 'PT Mono', monospace;
}
.table--dossiers .col_name {
  font-weight: bold;
}
@media (min-width: 1200px) {
}
.table--dossiers td.col_name {
  font-size: 16px;
  color: #333;
}
@media (min-width: 1200px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1200px) {
}
.table--dossiers .col_status {
  text-align: center;
}
@media (min-width: 1200px) {
}
.table--dossiers .col_status span.label {
  display: block;
  overflow: hidden;
  width: 19px;
  height: 19px;
  border-radius: 100%;
  padding: 0;
  margin: 0 auto;
  font-size: 13px;
  text-align: center;
}
.table--dossiers .col_status span.label i.fa {
  margin-top: 3px;
  margin-left: -1px;
}
@media (min-width: 1200px) {
}
.table--dossiers td.col_bo {
  font-size: 12px;
}
.table--dossiers .col_actions {
  text-align: right;
  padding-right: 15px;
}
@media (min-width: 1200px) {
}
/* DETAIL */
/* Panels - documenten */
.panel-group.panel-documents .panel {
  border-radius: 0;
  border-color: #f5f5f5;
}
.panel-group.panel-documents .panel > .panel-heading {
  border-radius: 0;
  padding: 10px;
}
.panel-group.panel-documents .panel > .panel-heading a,
.panel-group.panel-documents .panel > .panel-heading label {
  color: #555;
  line-height: 22px;
  font-size: 16px;
}
.panel-group.panel-documents .panel > .panel-heading a:focus,
.panel-group.panel-documents .panel > .panel-heading label:focus,
.panel-group.panel-documents .panel > .panel-heading a:hover,
.panel-group.panel-documents .panel > .panel-heading label:hover {
  text-decoration: none;
  outline: none;
}
.panel-group.panel-documents .panel > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #f5f5f5;
}
.panel-group.panel-documents .panel > .panel-heading .status-info {
  margin-right: 10px;
}
.panel-group.panel-documents .panel > .panel-heading .checkbox {
  margin: 0;
  display: inline-block;
}
.panel-group.panel-documents .panel > .panel-heading .checkbox input[type="checkbox"]:disabled + label {
  opacity: 1;
}
.panel-group.panel-documents .panel > .panel-heading .checkbox label::before {
  background-color: #fff;
  border-color: #fff;
}
.panel-group.panel-documents .panel > .panel-heading .checkbox input {
  cursor: default;
}
.panel-group.panel-documents .panel-default > .panel-heading {
  background-color: #f5f5f5;
}
.panel-group.panel-documents .panel-default > .panel-heading .status-info {
  color: #555;
  background-color: #fff;
}
.panel-group.panel-documents .panel-warning > .panel-heading {
  background-color: #f5f5f5;
}
.panel-group.panel-documents .panel-warning > .panel-heading .status-info {
  background-color: #f0ad4e;
  color: #fff;
}
.panel-group.panel-documents .panel-success > .panel-heading {
  background-color: #00A550;
}
.panel-group.panel-documents .panel-success > .panel-heading a {
  color: #fff;
}
.panel-group.panel-documents .panel-success > .panel-heading .status-info {
  color: #00A550;
  background-color: #fff;
}
.panel-group.panel-documents .panel-success > .panel-heading .checkbox label::after {
  color: #00A550;
}
.panel-group.panel-documents .panel-primary > .panel-heading {
  background-color: #0072BC;
}
.panel-group.panel-documents .panel-primary > .panel-heading a {
  color: #fff;
}
.panel-group.panel-documents .panel-primary > .panel-heading .status-info {
  color: #0072BC;
  background-color: #fff;
}
.panel-group.panel-documents .panel-primary > .panel-heading .checkbox label::after {
  color: #0072BC;
}
.panel-group.panel-documents .panel-shadow {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.13);
}
.panel-group.panel-documents .panel-shadow > .panel-heading {
  background-color: #fff;
}
.panel-group.panel-documents .panel-shadow > .panel-heading a {
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: bold;
  color: rgba(51, 51, 51, 0.7);
}
.panel-group.panel-documents .panel-shadow > .panel-heading a:hover,
.panel-group.panel-documents .panel-shadow > .panel-heading a:focus {
  color: #0072BC;
}
/* Status overview */
ul.status-overview {
  zoom: 1;
}
ul.status-overview::before,
ul.status-overview::after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
ul.status-overview::after {
  clear: both;
}
ul.status-overview,
ul.status-overview li {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.status-overview li.status-info {
  position: relative;
  margin: 0 5px 0 0;
}
.panel-title .status-info {
  border-radius: 100%;
  width: 25px;
  height: 25px;
  line-height: 25px;
  padding: 0;
  font-size: 10px;
}
.panel-title .status-info:before {
  display: none;
}
.legend li.status-info {
  float: none;
  display: block;
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
  width: auto;
  text-align: left;
  padding: 4px 0 4px 15px;
}
.legend li.status-info:before {
  position: absolute;
  top: 8px;
  left: 0;
  margin: 0;
}
.status-info {
  font-size: 11px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  float: left;
  display: block;
  position: relative;
  padding: 12px 7px 0;
  width: 24px;
}
.status-info:before {
  content: '';
  height: 10px;
  width: 10px;
  display: block;
  text-align: center;
  border-radius: 100%;
  margin: 0 7px;
}
.status-info.success:before {
  background-color: #00A550;
}
.status-info.success + .tooltip .tooltip-inner {
  background-color: #00A550;
  color: #fff;
}
.status-info.success + .tooltip.top .tooltip-arrow {
  border-top-color: #00A550;
}
.status-info.warning:before {
  background-color: #f0ad4e;
}
.status-info.warning + .tooltip .tooltip-inner {
  background-color: #f0ad4e;
  color: #fff;
}
.status-info.warning + .tooltip.top .tooltip-arrow {
  border-top-color: #f0ad4e;
}
.status-info.danger:before {
  background-color: #DA3610;
}
.status-info.danger + .tooltip .tooltip-inner {
  background-color: #DA3610;
  color: #fff;
}
.status-info.danger + .tooltip.top .tooltip-arrow {
  border-top-color: #DA3610;
}
.status-info.default:before {
  background-color: #e5e5e5;
}
.status-info.default + .tooltip .tooltip-inner {
  background-color: #e5e5e5;
  color: #555;
}
.status-info.default + .tooltip.top .tooltip-arrow {
  border-top-color: #e5e5e5;
}
.status-info.extra:before {
  background-color: #2D2F3C;
}
.status-info.extra + .tooltip .tooltip-inner {
  background-color: #2D2F3C;
  color: #fff;
}
.status-info.extra + .tooltip.top .tooltip-arrow {
  border-top-color: #2D2F3C;
}
.status-info + .tooltip {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.status-info + .tooltip .tooltip-inner {
  padding: 4px;
  font-size: 12px;
  line-height: 16px;
  border: 0;
}
/* PAGE - HOME */
.home {
  padding: 0;
  /*background-image: url('../img/bg-flowers.jpg');*/
  background-size: cover;
  background-position: center center;
}
.home .content--main {
  padding: 0;
}
.home nav.navbar {
  display: none;
}
.home footer.footer {
  display: none;
}
.home a {
  font-weight: bold;
  color: #fff;
}
.home p {
  text-align: justify;
}
.home.is-crema .jumbotron--primary .brandlogo,
.home.is-sa .jumbotron--primary .brandlogo {
  position: relative;
}
.home.is-crema .jumbotron--primary .brandlogo:before,
.home.is-sa .jumbotron--primary .brandlogo:before {
  content: 'FOR CITY';
  position: absolute;
  top: -40px;
  left: 0;
  width: 100%;
  text-align: right;
  display: block;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 800;
  font-size: 23px;
  letter-spacing: 1px;
  font-family: 'Lato', sans-serif;
}
.home.is-crema .jumbotron--primary .brandlogo:before {
  content: 'FOR CREMATORIUM';
}
/* Jumbotron */
.jumbotron--primary {
  margin-bottom: 0;
  padding-top: 60px;
  font-size: 16px;
  color: #fff;
  background: #2D2F3C;
  -webkit-box-shadow: inset 0px 5px 9px 0px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: inset 0px 5px 9px 0px rgba(0, 0, 0, 0.11);
  -ms-box-shadow: inset 0px 5px 9px 0px rgba(0, 0, 0, 0.11);
  -o-box-shadow: inset 0px 5px 9px 0px rgba(0, 0, 0, 0.11);
  box-shadow: inset 0px 5px 9px 0px rgba(0, 0, 0, 0.11);
}
.jumbotron--primary img {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.jumbotron--primary p {
  margin-top: 15px;
  font-size: 16px;
}
@media (min-width: 768px) {
  .jumbotron--primary,
  .jumbotron--primary p {
    font-size: 21px;
  }
}
@media (min-width: 992px) {
  .jumbotron--primary,
  .jumbotron--primary p {
    font-size: 22px;
  }
}
section.cities {
  background: #2D2F3C;
  font-size: 16px;
  color: #fff;
  padding: 0;
}
section.cities h2 {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  color: #77C35B;
}
section.cities ul,
section.cities ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
section.cities ul li {
  width: 33%;
  text-align: center;
  padding: 20px;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: bold;
  float: left;
  border: 1px solid #2D2F3C;
  background-color: #383a4b;
}
@media (min-width: 768px) {
  section.cities ul li {
    width: 20%;
  }
}
section.news {
  background-color: #F6F6F6;
  padding: 15px 0;
}
section.news ul.newsitems,
section.news ul.newsitems > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
section.news ul.newsitems > li {
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
section.news h2 {
  font-size: 52px;
  font-weight: 300;
  line-height: 56px;
}
section.news h4 {
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 0;
}
section.news h4 .date {
  color: rgba(0, 0, 0, 0.3);
  font-size: 14px;
}
section.news .body {
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
}
@media (min-width: 768px) {
  section.news {
    padding: 35px 0;
  }
  section.news ul.newsitems > li {
    padding-bottom: 20px;
    margin-bottom: 40px;
  }
}
/*# sourceMappingURL=style.css.map */

.form-control[disabled],
.form-control[disabled]:hover {
  padding: 4px 12px;
}