/* mixins */
/* include contents */
@font-face {
  font-family: "Open Sans";
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/Open-Sans-regular.eot");
  src: url("../fonts/Open-Sans-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Open-Sans-regular.woff2") format("woff2"), url("../fonts/Open-Sans-regular.woff") format("woff"), url("../fonts/Open-Sans-regular.ttf") format("truetype"), url("../fonts/Open-Sans-regular.svg#OpenSans") format("svg") local("Open Sans"), local("Open-Sans-regular");
}
@font-face {
  font-family: "Open Sans";
  font-weight: 600;
  font-style: normal;
  src: url("../fonts/Open-Sans-600.eot");
  src: url("../fonts/Open-Sans-600.eot?#iefix") format("embedded-opentype"), url("../fonts/Open-Sans-600.woff2") format("woff2"), url("../fonts/Open-Sans-600.woff") format("woff"), url("../fonts/Open-Sans-600.ttf") format("truetype"), url("../fonts/Open-Sans-600.svg#OpenSans") format("svg"), local("Open Sans Bold"), local("Open-Sans-700");
}
@font-face {
  font-family: "Roboto Slab";
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/Roboto-Slab-700.eot");
  src: url("../fonts/Roboto-Slab-700.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Slab-700.woff2") format("woff2"), url("../fonts/Roboto-Slab-700.woff") format("woff"), url("../fonts/Roboto-Slab-700.ttf") format("truetype"), url("../fonts/Roboto-Slab-700.svg#RobotoSlab") format("svg");
}
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
}

html {
  font-size: 0.625rem;
}

body {
  font-size: 1.4rem;
}

/* buttons */
.btn {
  position: relative;
  top: -2px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  border: 0;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.btn i + span {
  margin-left: 5px;
}

.btn:active, .btn.active {
  position: relative;
  top: -1px;
}

.btn-default {
  background-color: #9d9d9d;
  box-shadow: inset 0 0 0 1px #919191, 0 3px 0 0 #848484;
  color: #fff;
}

.btn-default:hover, .btn-default:active:hover, .btn-default:focus, .btn-default:focus:hover {
  background-color: #bcbcbc;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
  color: #fff;
}

.btn-default:active, .btn-default.active {
  background-color: #b7b7b7;
  box-shadow: inset 0 0 0 1px #919191, 0 2px 0 0 #848484;
  color: #fff;
}

.btn-default[disabled=disabled], .btn-default[disabled=disabled]:focus {
  top: -1px;
  background-color: #9d9d9d;
  box-shadow: inset 0 0 0 1px #919191, 0 3px 0 0 #848484;
}

.btn-primary {
  background-color: #337ab7;
  box-shadow: inset 0 0 0 1px #2d6da3, 0 3px 0 0 #285f8f;
}

.btn-primary:hover, .btn-primary:active:hover, .btn-primary:focus, .btn-primary:focus:hover {
  background-color: #5798d0;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
}

.btn-primary:active, .btn-primary.active {
  background-color: #4f93ce;
  box-shadow: inset 0 0 0 1px #2d6da3, 0 2px 0 0 #285f8f;
}

.btn-primary[disabled=disabled], .btn-primary[disabled=disabled]:focus {
  top: -1px;
  background-color: #337ab7;
  box-shadow: inset 0 0 0 1px #2d6da3, 0 3px 0 0 #285f8f;
}

.btn-success {
  background-color: #5cb85c;
  box-shadow: inset 0 0 0 1px #4cae4c, 0 3px 0 0 #449d44;
}

.btn-success:hover, .btn-success:active:hover, .btn-success:focus, .btn-success:focus:hover {
  background-color: #87cb87;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
}

.btn-success:active, .btn-success.active {
  background-color: #80c780;
  box-shadow: inset 0 0 0 1px #4cae4c, 0 2px 0 0 #449d44;
}

.btn-success[disabled=disabled], .btn-success[disabled=disabled]:focus {
  top: -1px;
  background-color: #5cb85c;
  box-shadow: inset 0 0 0 1px #4cae4c, 0 3px 0 0 #449d44;
}

.btn-info {
  background-color: #5bc0de;
  box-shadow: inset 0 0 0 1px #46b8da, 0 3px 0 0 #31b0d5;
}

.btn-info:hover, .btn-info:active:hover, .btn-info:focus, .btn-info:focus:hover {
  background-color: #8ed4e8;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
}

.btn-info:active, .btn-info.active {
  background-color: #85d0e7;
  box-shadow: inset 0 0 0 1px #46b8da, 0 2px 0 0 #31b0d5;
}

.btn-info[disabled=disabled], .btn-info[disabled=disabled]:focus {
  top: -1px;
  background-color: #5bc0de;
  box-shadow: inset 0 0 0 1px #46b8da, 0 3px 0 0 #31b0d5;
}

.btn-warning {
  background-color: #f0ad4e;
  box-shadow: inset 0 0 0 1px #eea236, 0 3px 0 0 #ec971f;
}

.btn-warning:hover, .btn-warning:active:hover, .btn-warning:focus, .btn-warning:focus:hover {
  background-color: #f5c786;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
}

.btn-warning:active, .btn-warning.active {
  background-color: #f4c37d;
  box-shadow: inset 0 0 0 1px #eea236, 0 2px 0 0 #ec971f;
}

.btn-warning[disabled=disabled], .btn-warning[disabled=disabled]:focus {
  top: -1px;
  background-color: #f0ad4e;
  box-shadow: inset 0 0 0 1px #eea236, 0 3px 0 0 #ec971f;
}

.btn-danger {
  background-color: #d9534f;
  box-shadow: inset 0 0 0 1px #d43f3a, 0 3px 0 0 #c9302c;
}

.btn-danger:hover, .btn-danger:active:hover, .btn-danger:focus, .btn-danger:focus:hover {
  background-color: #e48481;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
}

.btn-danger:active, .btn-danger.active {
  background-color: #e27c79;
  box-shadow: inset 0 0 0 1px #d43f3a, 0 2px 0 0 #c9302c;
}

.btn-av {
  background-color: #8c9b19;
  box-shadow: inset 0 0 0 1px #788515, 0 3px 0 0 #646f12;
  color: #fff;
}

.btn-av:hover, .btn-av:active:hover, .btn-av:focus, .btn-av:focus:hover {
  background-color: #bcd022;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
  color: #fff;
}

.btn-av:active, .btn-av.active {
  background-color: #b4c720;
  box-shadow: inset 0 0 0 1px #788515, 0 2px 0 0 #646f12;
  color: #fff;
}

.btn-av[disabled=disabled], .btn-av[disabled=disabled]:focus {
  top: -1px;
  background-color: #8c9b19;
  box-shadow: inset 0 0 0 1px #788515, 0 3px 0 0 #646f12;
}

/* others */
.not-set {
  color: #999;
  font-style: italic;
}

.text-muted {
  color: #999;
}

.text-av {
  color: #8c9b19;
}

.text-warning {
  color: #f0ad4e;
}

.fa.text-success {
  color: #5cb85c;
}

.table tbody th {
  width: 30%;
}

.action-column {
  width: 75px;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover,
.pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  background-color: #8c9b19;
  border-color: #8c9b19;
  color: #fff;
}

.pagination > li > a, .pagination > li > span {
  color: #8c9b19;
}

.error-summary {
  padding: 12.5px;
  margin-bottom: 25px;
  color: #a94442;
  background-color: #f2dede;
  border: 1px solid #ebccd1;
}

.error-summary p {
  font-weight: 600;
}

.hint-block {
  color: #999;
  font-size: 1.2rem;
  margin-top: 0.6em;
}

.form-control {
  background-color: #fafafa;
  border-radius: 0;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
}

.form-control:focus {
  border-color: #8c9b19;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
}

.form-control[disabled] {
  background-color: #ddd;
}

.label {
  font-weight: 400;
  font-size: 1.4rem;
  padding: 0.2em 0.5em 0.2em 0.6em;
}

.label > i {
  margin-right: 6.25px;
}

.label-started {
  background-color: #3c9497;
}

.form-group label {
  font-weight: 400;
}

.form-group label input[type=checkbox] {
  position: relative;
  top: 2px;
}

.hasDatepicker {
  max-width: 15rem;
}

.nav-tabs {
  margin-bottom: 25px;
}

.nav-tabs i {
  margin-right: 6.25px;
}

.nav-tabs > li > a {
  color: #8c9b19;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #333 !important;
}

.nav-pills {
  text-align: center;
}

.nav-pills > li {
  display: inline-block;
  float: none;
  margin: 0 12.5px;
}

.nav-pills > li > a {
  color: #8c9b19;
  background-color: #eee;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #fff !important;
  background-color: #8c9b19;
}

.panel {
  margin-bottom: 25px;
  border-radius: 0;
}

.alert {
  padding: 12.5px 25px;
}

.grid-view {
  overflow-x: auto;
}

.grid-view .table td, .grid-view .table th {
  vertical-align: middle;
}

.media {
  margin-bottom: 25px;
}

.media .media-left img,
.media .media-right img {
  max-width: 50px;
}

.modal-header, .modal-body, .modal-footer {
  padding: 12.5px;
}

.modal-header h4 {
  margin: 0;
}

.modal-header i {
  margin-right: 6.25px;
}

#content .modal .full-width {
  margin: 0 -6.25px;
}

.badge-primary {
  background-color: #8c9b19;
}

/**
 * Common classes
 */
.loader {
  background: #eee url(../images/loader.gif) center center no-repeat;
}

.muted {
  opacity: 0.6;
}

.muted .muted {
  opacity: 1;
}

.scale-xl {
  transform: scale(1.2, 1.2);
}

.scale-lg {
  transform: scale(1.1, 1.1);
}

.scale-sm {
  transform: scale(0.9, 0.9);
}

.scale-xs {
  transform: scale(0.8, 0.8);
}

.p-a {
  padding: 50px !important;
}

.p-a-sm {
  padding: 25px !important;
}

.p-a-xs {
  padding: 12.5px !important;
}

.p-a-xxs {
  padding: 6.25px !important;
}

.p-none {
  padding: 0 !important;
}

.p-t {
  padding-top: 50px !important;
}

.p-t-sm {
  padding-top: 25px !important;
}

.p-t-xs {
  padding-top: 12.5px !important;
}

.p-t-xxs {
  padding-top: 6.25px !important;
}

.p-t-none {
  padding-top: 0 !important;
}

.p-b {
  padding-bottom: 50px !important;
}

.p-b-sm {
  padding-bottom: 25px !important;
}

.p-b-xs {
  padding-bottom: 12.5px !important;
}

.p-b-xxs {
  padding-bottom: 6.25px !important;
}

.p-b-none {
  padding-bottom: 0;
}

.p-l {
  padding-left: 50px !important;
}

.p-l-sm {
  padding-left: 25px !important;
}

.p-l-xs {
  padding-left: 12.5px !important;
}

.p-l-xxs {
  padding-left: 6.25px !important;
}

.p-l-none {
  padding-left: 0 !important;
}

.p-r {
  padding-right: 50px !important;
}

.p-r-sm {
  padding-right: 25px !important;
}

.p-r-xs {
  padding-right: 12.5px !important;
}

.p-r-xxs {
  padding-right: 6.25px !important;
}

.p-r-none {
  padding-right: 0 !important;
}

.m-a {
  margin: 50px !important;
}

.m-a-sm {
  margin: 25px !important;
}

.m-a-xs {
  margin: 12.5px !important;
}

.m-a-xxs {
  margin: 6.25px !important;
}

.m-none {
  margin: 0 !important;
}

.m-t {
  margin-top: 50px !important;
}

.m-t-sm {
  margin-top: 25px !important;
}

.m-t-xs {
  margin-top: 12.5px !important;
}

.m-t-xxs {
  margin-top: 6.25px !important;
}

.m-t-none {
  margin-top: 0 !important;
}

.m-b {
  margin-bottom: 50px !important;
}

.m-b-sm {
  margin-bottom: 25px !important;
}

.m-b-xs {
  margin-bottom: 12.5px !important;
}

.m-b-xxs {
  margin-bottom: 6.25px !important;
}

.m-b-none {
  margin-bottom: 0 !important;
}

.m-l {
  margin-left: 50px !important;
}

.m-l-sm {
  margin-left: 25px !important;
}

.m-l-xs {
  margin-left: 12.5px !important;
}

.m-l-xxs {
  margin-left: 6.25px !important;
}

.m-l-none {
  margin-left: 0 !important;
}

.m-r {
  margin-right: 50px !important;
}

.m-r-sm {
  margin-right: 25px !important;
}

.m-r-xs {
  margin-right: 12.5px !important;
}

.m-r-xxs {
  margin-right: 6.25px !important;
}

.m-r-none {
  margin-right: 0 !important;
}

.bg-dark {
  background-color: #ccc;
}

.bg {
  background-color: #ddd;
}

.bg-bright {
  background-color: #eee;
}

.bg-brightest {
  background-color: #fafafa;
}

/**
 * Specific items
 */
/* global search */
#global-search-modal #global-search-results {
  max-height: 70vh;
  overflow: auto;
}
#global-search-modal h4 > i {
  margin-right: 12.5px;
}
#global-search-modal .list-group-item {
  color: #333 !important;
  border-radius: 0;
  padding: 6.25px;
}
#global-search-modal .list-group-item .highlight {
  background-color: rgba(255, 255, 128, 0.5);
}
#global-search-modal .list-group-item.active {
  color: #fff !important;
  background-color: #8c9b19;
  border-color: #7c8820;
}

/* navbar */
.navbar-alimentavera {
  margin: 0;
  padding: 0 25px;
  border-radius: 0;
  border-width: 0 0 3px 0;
  border-color: #8c9b19;
  background-color: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.navbar-alimentavera .navbar-brand {
  padding: 7.5px 0;
}

.navbar-alimentavera .navbar-brand img {
  height: 35px;
}

.navbar-alimentavera .dropdown > a,
.navbar-alimentavera .dropdown > a:link,
.navbar-alimentavera .dropdown > a:active,
.navbar-alimentavera .dropdown > a:visited,
.navbar-alimentavera .dropdown > a:focus {
  color: #333 !important;
}

/* navbar regular */
.navbar-alimentavera .avatar-link {
  line-height: 50px;
}
.navbar-alimentavera .avatar-link span {
  display: inline-block;
  margin-right: 12.5px;
}
.navbar-alimentavera .avatar-link img {
  height: 36px;
  margin: 7px 0;
}
.navbar-alimentavera .avatar-link img.workload-1 {
  box-shadow: 0 0 0 2px #5cb85c;
}
.navbar-alimentavera .avatar-link img.workload-10 {
  box-shadow: 0 0 0 2px #f0ad4e;
}
.navbar-alimentavera .avatar-link img.workload-20 {
  box-shadow: 0 0 0 2px #d9534f;
}
.navbar-alimentavera .avatar-link img.workload-50 {
  box-shadow: 0 0 0 2px darkgreen;
}

.navbar-alimentavera .dropdown-menu {
  margin-top: 12.5px;
}

.navbar-alimentavera .dropdown-menu.avatar-dropdown {
  width: 300px;
  padding: 0;
  border-radius: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  text-align: right;
}

.avatar-dropdown > div {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}
.avatar-dropdown > div > * {
  padding: 12.5px;
}
.avatar-dropdown > div > p {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0;
}
.avatar-dropdown > div > .buttons {
  background-color: #eee;
  border-top: 1px solid #ddd;
}

/* navbar collapsed */
.navbar-alimentavera .navbar-collapse {
  padding: 0;
}

.navbar-alimentavera .navbar-toggle {
  margin-right: 0;
  background-color: #8c9b19;
  border-width: 0;
  border-radius: 0;
}

.navbar-alimentavera .navbar-toggle span {
  color: #fff;
  background-color: #fff;
}

.navbar-alimentavera .navbar-collapse .nav li {
  margin: 0;
}

/* page title */
@keyframes env-blink {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.5;
  }
}
#page-title {
  border-bottom: 1px dotted #8c9b19;
  margin: -25px;
  margin-bottom: 25px;
}
#page-title > .env-info {
  display: block;
  padding: 12.5px;
  text-transform: uppercase;
  border-bottom: 1px dotted #8c9b19;
  animation: env-blink 2s infinite alternate;
}
#page-title > .env-info.env-test {
  background-color: #f2dede;
}
#page-title > .env-info.env-dev {
  background-color: #fcf8e3;
}
#page-title > .env-info > i {
  margin: 0 5px;
}
#page-title > .content-wrapper {
  display: block;
  padding: calc(25px / 2) 25px;
}
#page-title > .content-wrapper > .content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: calc(25px / -2);
}
#page-title > .content-wrapper > .content > h1 {
  flex: 1 0 auto;
  margin: calc(25px / 2);
}
#page-title > .content-wrapper > .content > h1 > i {
  display: inline-block;
  min-width: 50px;
  margin-right: 12.5px;
  color: #999;
}
#page-title > .content-wrapper > .content > h1 > small {
  margin-left: 12.5px;
}
#page-title > .content-wrapper > .content > .action-links {
  flex: 0 0 auto;
  margin: calc(25px / 2);
  display: flex;
  justify-content: center;
  align-items: center;
}
#page-title > .content-wrapper > .content > .action-buttons {
  flex: 0 0 auto;
  margin: calc(25px / 2);
  display: flex;
  justify-content: center;
  align-items: center;
}
#page-title > .content-wrapper > .content > .action-buttons > *:not(:last-child) {
  margin-right: calc(25px / 2);
}

@media (max-width: 991px) {
  #page-title > h1 > i {
    display: none;
  }
}
@media (max-width: 1199px) {
  #page-title h1 > small {
    display: block;
    margin-left: 0;
  }
}
/* flash messages */
.widget-flash-messages {
  margin: 0 -25px 25px -25px;
}

.widget-flash-messages > .alert {
  margin: 0;
  border-radius: 0;
  border-width: 0 0 1px 0;
}

.widget-flash-messages > .alert:first-child {
  margin-top: -25px;
}

/* state progress */
.state-progress {
  line-height: 2.25;
}

/* grid legend */
.grid-legend small {
  white-space: nowrap;
}
.grid-legend small + small {
  margin-left: 12.5px;
}
.grid-legend small i {
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.75);
  margin-right: 6.25px;
}
.grid-legend i.info {
  color: #d9edf7;
}
.grid-legend i.warning {
  color: #fcf8e3;
}
.grid-legend i.danger {
  color: #f2dede;
}
.grid-legend i.success {
  color: #dff0d8;
}
.grid-legend i.primary {
  color: #d9edf7;
}
.grid-legend i.default {
  color: #f5f5f5;
}

/* inputs within grid view */
.grid-view td select,
.grid-view td input {
  width: 100%;
}

/* timeline */
.timeline {
  list-style-type: none;
  padding: 0;
}

.timeline > li {
  background-color: #fafafa;
  margin: 12.5px 0;
  padding: 12.5px;
}

.timeline > li:first-child {
  margin-top: 0;
}

.timeline > li:last-child {
  margin-bottom: 0;
}

/* workflow / graph */
.graph-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}

.graph-canvas {
  min-height: 400px;
}

/* flex classes */
.flex-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.flex-stretch-items {
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.flex-row {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.flex-column {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-item-grow {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flex-item-no-shrink {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

/* flex detail row */
.flex-detail-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.flex-detail-row > section {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flex-detail-row > aside:first-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  width: 20%;
  margin-right: 25px;
}

.flex-detail-row > aside:last-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  width: 20%;
  margin-left: 25px;
}

.flex-detail-row > aside > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flex-detail-row > section > .detail-view {
  margin-bottom: 0;
}

/* address map */
.address-map {
  min-height: 150px;
}

/* cards */
.card-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: space-around;
  -moz-align-content: space-around;
  -ms-flex-line-pack: space-around;
  align-content: space-around;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  margin: 0 -12.5px;
}

.card {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 12.5px 25px 12.5px;
  overflow: hidden;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  border: 1px solid #ccc;
  border-left-width: 5px;
}

.card-lg {
  -webkit-flex-basis: 500px;
  -moz-flex-basis: 500px;
  -ms-flex-preferred-size: 500px;
  flex-basis: 500px;
  max-width: 500px;
}

.card-md {
  -webkit-flex-basis: 400px;
  -moz-flex-basis: 400px;
  -ms-flex-preferred-size: 400px;
  flex-basis: 400px;
  max-width: 400px;
}

.card-sm {
  -webkit-flex-basis: 300px;
  -moz-flex-basis: 300px;
  -ms-flex-preferred-size: 300px;
  flex-basis: 300px;
  max-width: 300px;
}

.card-xs {
  -webkit-flex-basis: 200px;
  -moz-flex-basis: 200px;
  -ms-flex-preferred-size: 200px;
  flex-basis: 200px;
  max-width: 200px;
}

.card-default {
  border-left-color: #777;
}

.card-primary {
  border-left-color: #337ab7;
}

.card-success {
  border-left-color: #5cb85c;
}

.card-info {
  border-left-color: #5bc0de;
}

.card-warning {
  border-left-color: #f0ad4e;
}

.card-danger {
  border-left-color: #d9534f;
}

.card .card-header {
  padding: 12.5px;
  background-color: #fafafa;
  border-bottom: 1px dotted #ddd;
}

.card .card-content {
  padding: 12.5px;
}

.card .card-footer {
  padding: 12.5px;
  border-top: 1px dotted #ddd;
}

.card h4 {
  margin: 0 0 12.5px 0;
}

.card.scale-lg {
  margin: 0 25px 25px 25px;
}

.card.scale-sm {
  margin: 0 0 25px 0;
}

.card.scale-xs {
  margin: 0 -12.5px 25px -12.5px;
}

/* timeline */
.widget-timeline {
  padding-bottom: 25px;
  background-image: linear-gradient(to bottom, transparent 0%, transparent calc(100% - 50px), white 100%), url(../images/timeline.png);
  background-repeat: no-repeat, repeat-y;
  background-position: center bottom, center center;
}

.widget-timeline .entry {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 25px;
}

.widget-timeline .entry.odd {
  margin-left: calc(50% - 25px);
}

.widget-timeline .entry.even {
  margin-right: calc(50% - 25px);
}

.widget-timeline .entry.odd .avatar {
  margin-right: 25px;
}

.widget-timeline .entry.even {
  text-align: right;
}

.widget-timeline .entry.even .avatar {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  order: 1;
  margin-left: 25px;
}

.widget-timeline .entry.even .content {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -moz-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.widget-timeline .entry .avatar a {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
}

.widget-timeline .entry .avatar img {
  width: 100%;
  max-height: 100%;
}

.widget-timeline .entry .content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.widget-timeline h4 {
  margin-top: 0;
}

.widget-timeline .meta {
  font-size: 1.2rem;
  color: #999;
  margin-top: 6.25px;
}

/* comments */
.widget-comments > .comment {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 25px;
}
.widget-comments > .comment > .avatar {
  margin-right: 25px;
}
.widget-comments > .comment > .avatar > a,
.widget-comments > .comment > .avatar > img {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
}
.widget-comments > .comment > .avatar > a > img,
.widget-comments > .comment > .avatar > img > img {
  width: 100%;
  max-height: 100%;
}
.widget-comments > .comment > .content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.widget-comments > .comment > .content > .meta {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.2rem;
  color: #999;
}
.widget-comments > .comment > .content > .meta > .label {
  font-size: 1.2rem;
  margin-right: 6.25px;
  padding: 1px 6.25px;
  margin-bottom: calc(6.25px / 2);
}
.widget-comments > .comment > .content > .meta > .label:first-child {
  margin-left: 6.25px;
}
.widget-comments > .comment > .content > h4 {
  margin-top: 0;
}
.widget-comments > .comment > .content > .message a.lightbox {
  display: block;
  height: 100px;
  width: 150px;
}
.widget-comments > .comment > .content > .message a.lightbox img {
  height: 100px;
  width: 150px;
  object-fit: cover;
  filter: grayscale(50%);
  transition: filter 0.5s ease-in-out;
}
.widget-comments > .comment > .content > .message a.lightbox img:hover {
  filter: grayscale(0%);
}
.widget-comments > .comment > .content > .message blockquote {
  font-size: 1.2rem;
}

/* attachments */
.widget-attachment-list .label {
  font-size: 1.2rem;
  margin-left: 6.25px;
  padding: 1px 6.25px;
}

/* login old portal */
form.widget-login-old-portal {
  display: inline-block;
}

/* task instance assignment dropdown */
.task-instance-assignment {
  min-width: 250px;
}

/* displaying of address parts, phones and emails */
.address-contacts .fa {
  display: inline-block;
  width: 25px;
}

/* text formatting */
.word-break {
  word-break: break-all;
}

/* current workload icons */
.current-workload-icon.workload-1 {
  color: #5cb85c;
}
.current-workload-icon.workload-10 {
  color: #f0ad4e;
}
.current-workload-icon.workload-20 {
  color: #d9534f;
}
.current-workload-icon.workload-50 {
  color: #006400;
}

.workload-text {
  color: dimgrey !important;
}

/* calendar */
.widget-calendar .month {
  padding: 15px 15px;
  width: 100%;
  background: #8c9b19;
  text-align: center;
}
.widget-calendar .month ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.widget-calendar .month ul li {
  color: white;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.widget-calendar .month ul li a {
  color: white;
}
.widget-calendar .month .prev {
  float: left;
}
.widget-calendar .month .next {
  float: right;
}
.widget-calendar .weekdays {
  margin: 0;
  padding: 10px 0;
  background-color: #ddd;
}
.widget-calendar .weekdays li {
  display: inline-block;
  width: 14.28%;
  color: #666;
  text-align: center;
}
.widget-calendar .days {
  padding: 10px 0;
  margin: 0;
}
.widget-calendar .days li {
  list-style-type: none;
  display: inline-block;
  width: 14.28%;
  text-align: center;
  padding: 1px;
  background-clip: content-box;
}
.widget-calendar .days li.no-time {
  background-color: #f2dede;
}
.widget-calendar .days li.weekend {
  background-color: #cccccc;
}
.widget-calendar .days li.time {
  background-color: #dff0d8;
}
.widget-calendar .days li.today {
  background-color: #d9edf7;
}
.widget-calendar .days li * {
  width: 100%;
}

.hidden-radio {
  display: none;
}

.is-urgent {
  animation: animateErrorIcon 2s infinite;
}
@keyframes animateErrorIcon {
  0% {
    transform: scale(1) rotate(-45deg);
  }
  25% {
    transform: scale(1.5) rotate(0deg);
  }
  50% {
    transform: scale(1) rotate(45deg);
  }
  75% {
    transform: scale(1.5) rotate(0deg);
  }
  100% {
    transform: scale(1) rotate(-45deg);
  }
}

.has-express-surcharge {
  animation: animateExpressSurchargeIcon 2.5s infinite;
}
@keyframes animateExpressSurchargeIcon {
  0% {
    transform: rotate(-5deg);
  }
  2.5% {
    transform: rotate(5deg);
  }
  5% {
    transform: rotate(-5deg);
  }
  7.5% {
    transform: rotate(5deg);
  }
  10% {
    transform: rotate(-5deg);
  }
  12.5% {
    transform: rotate(5deg);
  }
  15% {
    transform: rotate(-5deg);
  }
  17.5% {
    transform: rotate(5deg);
  }
  20% {
    transform: rotate(-5deg);
  }
  22.5% {
    transform: rotate(5deg);
  }
  25% {
    transform: rotate(-5deg);
  }
  27.5% {
    transform: rotate(5deg) scale(1);
    opacity: 1;
  }
  100% {
    transform: rotate(0deg) translate(20px, -20px) scale(0.5);
    opacity: 0;
  }
}

.action-buttons-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: calc(6.25px / -2);
  justify-content: center;
}
.action-buttons-wrapper > a {
  flex: 0 0 auto;
  align-self: center;
  margin: calc(6.25px / 2);
}

/**
 * Headings
 */
h1, h2, h3, h4, h5, h6, legend {
  font-family: "Roboto Slab", serif;
  font-weight: 700;
}

h1 {
  font-size: 3.6rem;
  margin: 0;
}

h2, fieldset legend {
  font-size: 2rem;
  text-decoration: none;
  border: none;
}

h3 {
  font-size: 1.7rem;
}

h4 {
  font-size: 1.5rem;
}

h1 > small, h2 > small, h3 > small, h4 > small, h5 > small, h6 > small {
  margin-left: 6.25px;
}

/**
 * Links
 */
a:not(.btn):not(.pagination-link):not(.tab-link):not(.badge):link, a:not(.btn):not(.pagination-link):not(.tab-link):not(.badge):active, a:not(.btn):not(.pagination-link):not(.tab-link):not(.badge):visited, a:not(.btn):not(.pagination-link):not(.tab-link):not(.badge):focus {
  color: #8c9b19 !important;
  text-decoration: none;
  transition: color 150ms ease-in-out;
}
a:not(.btn):not(.pagination-link):not(.tab-link):not(.badge):hover {
  color: #003000 !important;
  text-decoration: none;
}

/**
 * Misc
 */
hr {
  border-color: #eee;
}

label {
  font-weight: 600;
}

th {
  font-weight: 600;
}

tfoot {
  font-weight: 600;
}

strong {
  font-weight: 600;
}

address {
  margin-bottom: 0;
}

small {
  font-size: 1rem;
}

code.gray {
  color: #333;
  background-color: #eee;
}

/**
 * Main layout
 */
#flex-container-outer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}

#flex-container-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  max-width: 100%;
}

#content {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -moz-order: 0;
  -ms-flex-order: 0;
  order: 0;
  overflow-x: auto;
  padding: 25px;
}

#content .full-width {
  margin: 0 -25px;
}

#nav {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -moz-order: 0;
  -ms-flex-order: 0;
  order: 0;
  padding: 25px;
  background-color: #fafafa;
}

#footer {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 0.6em 25px;
  background-color: #ddd;
  color: #999;
  font-size: 1rem;
  text-align: center;
}

#footer ul {
  margin: 0;
}

@media (min-width: 768px) {
  #flex-container-outer {
    height: 100%;
  }
  #flex-container-inner {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-flow: row;
    -moz-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
    min-height: min-content;
  }
  #nav {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 250px;
    border-right: 3px solid #ddd;
  }
  #content {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    -moz-box-flex: 3;
    -moz-flex: 3;
    -ms-flex: 3;
    flex: 3;
  }
}
/**
 * Overrides for login page
 */
.site-login #flex-container-outer, .site-login-two-factor #flex-container-outer {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background: url(../images/login_wall.jpg) no-repeat center center fixed;
  background-size: cover;
}
.site-login #login-wrapper, .site-login-two-factor #login-wrapper {
  display: inline-block;
  text-align: center;
  background: rgba(255, 255, 255, 0.75);
  padding: 25px;
  min-width: 30vw;
  max-width: 90vw;
  border-radius: 5px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.85);
}
@media (min-width: 992px) {
  .site-login #login-wrapper, .site-login-two-factor #login-wrapper {
    max-width: 30vw;
  }
}
.site-login #login-wrapper input[type=text],
.site-login #login-wrapper input[type=password], .site-login-two-factor #login-wrapper input[type=text],
.site-login-two-factor #login-wrapper input[type=password] {
  width: 100%;
  text-align: center;
}
.site-login .form-control, .site-login-two-factor .form-control {
  background-color: #fff;
}

/**
 * Navigation
 */
#nav .nav .fa {
  margin-right: 6.25px;
  display: inline-block;
  width: 12.5px;
}

#nav .nav li {
  list-style-type: none;
}

#nav .nav > li {
  margin-bottom: 12.5px;
}

#nav .nav > li:last-child {
  margin-bottom: 0;
}

#nav .nav ul {
  padding: 6.25px 0 0 0;
}

#nav .nav ul > li {
  margin-bottom: 2px;
}

#nav .nav ul > li:last-child {
  margin-bottom: 0;
}

#nav .nav span {
  display: block;
  padding: 0 0 3px 0;
  margin: 0 0 6.25px 0;
  border-bottom: 1px dotted #ddd;
  font-family: "Roboto Slab", serif;
  font-weight: 600;
}

#nav .nav a {
  padding: 2px 0;
  display: block;
}

#nav .nav ul .active a {
  color: #f29400 !important;
}

#nav .nav > i {
  display: inline-block;
  width: 12.5px;
  margin-right: 6.25px;
  color: #333;
}

@media (min-height: 800px) {
  #nav .nav > li {
    margin-bottom: 25px;
  }
}
@media (max-width: 767px) {
  #nav .nav {
    text-align: right;
  }
}
div#annio-window {
  position: fixed;
  bottom: 62.5px;
  right: 12.5px;
}
div#annio-window > iframe {
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  transition-property: width, height;
}
div#annio-window > iframe.annio-iframe-show {
  border: 1px solid #8c9b19;
  width: calc(100vw - 37.5px);
  height: calc(100vh - 75px);
}
div#annio-window > iframe.annio-iframe-hide {
  border: none;
  width: 0;
  height: 0;
}
@media (min-width: 992px) {
  div#annio-window {
    display: block;
  }
}

button#annio-action-button {
  position: fixed;
  bottom: 12.5px;
  right: 12.5px;
  top: auto;
  border-radius: 5px;
}

.caret-up {
  transform: rotate(0deg);
  transition: transform 100ms linear;
}

.caret-down {
  transform: rotate(180deg);
  transition: transform 100ms linear;
}

.note-blocks .editable-note-block-heading {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

/**
 * site-maintenance
 */
.site-maintenance body {
  background-image: url(../images/maintenance_wall.jpg);
  background-size: cover;
  background-position: center center;
}
.site-maintenance body > #flex-container-outer {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.site-maintenance body > #flex-container-outer > .maintenance-message {
  padding: 50px;
  border: 3px solid #8c9b19;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  background-color: rgba(255, 255, 255, 0.75);
  text-align: center;
  font-size: 120%;
}
.site-maintenance body > #flex-container-outer > .maintenance-message > img {
  height: 50px;
  margin-bottom: 25px;
}
.site-maintenance body > #flex-container-outer > .maintenance-message > h1 {
  margin-bottom: 12.5px;
}

/*
 * site-index
 */
.site-index .workloads {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 calc(6.25px / -2);
  padding: 0;
}
.site-index .workloads > li {
  display: inline-block;
  flex: 1 0 200px;
  background-color: #fafafa;
  margin: 0 calc(6.25px / 2) 6.25px calc(6.25px / 2);
  padding: calc(6.25px / 2) 6.25px;
  font-size: 1.2rem;
}
.site-index .comments select > option.is-participant {
  background-color: #dff0d8;
}
.site-index .comments select > option.is-task-validator {
  background-color: #d9edf7;
}
.site-index .comments select > option.is-order-validator {
  background-color: #fcf8e3;
}
.site-index .card.expired {
  background-image: url(../images/stripes.png);
}
.site-index .card .detail-view {
  font-size: 1.2rem;
  border-width: 0;
  margin-bottom: 0;
}
.site-index .card .detail-view th, .site-index .card .detail-view td {
  border-width: 0;
  padding: 3px 0;
}
.site-index .card tr:first-child td a:not(.btn):not(.pagination-link):not(.tab-link),
.site-index .card tr:first-child td a:not(.btn):not(.pagination-link):not(.tab-link):link {
  color: #f29400 !important;
}

/**
 * order-create, order-update
 */
.order-create .d-inline-block,
.order-update .d-inline-block {
  display: inline-block;
}
.order-create .tooltip-inner,
.order-update .tooltip-inner {
  max-width: 500px;
  text-align: left;
}

.field-order-order_category_id > label,
.field-order-order_type_id > label {
  display: block;
}

@media (min-width: 992px) {
  .order-input-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: flex-start;
  }
  .order-input-row > div {
    margin-right: 50px;
  }
}
@media (max-width: 991px) {
  .order-input-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.sc-wrapper .s-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.sc-wrapper label {
  display: inline-block;
  white-space: nowrap;
  min-width: 37rem;
}

.sc-wrapper .flag-icon {
  margin-right: 6.25px;
}

/**
 * order-view, order-price-calculator
 */
.order-view .list-group .flag-icon,
.order-view .panel-heading .flag-icon,
.order-price-calculator .flag-icon,
.order-view .table .flag-icon {
  margin-right: 6.25px;
}

@keyframes rotation {
  0%, 100% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
}
@keyframes rotationFaster {
  0%, 100% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-360deg);
  }
}
#cog-animated {
  margin-left: -10px;
  font-size: 14.4rem;
  color: #8c9b19;
  animation: rotation 4s infinite ease-in-out;
}

#cog-small-animated {
  font-size: 7.2rem;
  color: #ccc;
  animation: rotationFaster 4s infinite ease-in-out;
}

.text-overflow-clamp {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
}

.text-overflow-release {
  display: block;
}

#show-more-test-specs {
  cursor: pointer;
}

#show-more-technical-reqs {
  cursor: pointer;
}

/**
 * order-quote-view
 */
.order-quote-view #flex-container-outer {
  padding: 50px;
  border-top: 5px solid #8c9b19;
}
.order-quote-view #flex-container-outer .flag-icon {
  margin-right: 12.5px;
}
.order-quote-view #flex-container-outer .note-blocks {
  margin: 50px -25px 0 -25px;
}

/**
 * order-quote-view
 */
.order-view.guest #flex-container-outer {
  padding: 50px;
  border-top: 5px solid #8c9b19;
}
.order-view.guest #flex-container-outer .flag-icon {
  margin-right: 12.5px;
}
.order-view.guest #flex-container-outer .note-blocks {
  margin: 50px -25px 0 -25px;
}

/**
 * user-view, user-profile
 */
.user-view .flex-detail-row aside:first-child,
.user-profile .flex-detail-row aside:first-child {
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.user-view #content img,
.user-profile #content img {
  max-height: 20rem;
}

/*
 * user-workload
 */
.user-workload .workloads {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 calc(6.25px / -2);
  padding: 0;
}
.user-workload .workloads > li {
  display: inline-block;
  flex: 1 0 200px;
  background-color: #fafafa;
  margin: 0 calc(6.25px / 2) 6.25px calc(6.25px / 2);
  padding: calc(6.25px / 2) 6.25px;
  font-size: 1.2rem;
}
.user-workload .table .flag-icon {
  margin-right: 6.25px;
}
.user-workload .table .img-circle {
  width: 30px;
  height: 30px;
  margin-right: 6.25px;
}
.user-workload .table .label {
  font-size: 80%;
}
.user-workload .table .table {
  width: 100%;
  font-size: 80%;
  margin-bottom: 12.5px;
}
.user-workload .table .table td, .user-workload .table .table th {
  padding: 3px;
}
.user-workload .table .pagination-sm {
  margin: 0;
}

/*
 * customer-stats
 */
.customer-stats form .form-group {
  margin: 0 6.25px;
}
.customer-stats .grid-view thead th i {
  margin-right: 6.25px;
}
.customer-stats .jqstooltip {
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  border-radius: 4px;
  border-width: 0;
}
.customer-stats .jqstooltip .jqsfield {
  font-size: 1.2rem !important;
  padding: calc(6.25px / 2) 6.25px;
  color: #fff !important;
  padding: 5px !important;
}

.dms-folder-index #folder-list ul li {
  overflow-y: hidden;
}
.dms-folder-index #folder-list ul li span {
  margin-right: 2px;
}
.dms-folder-index #folder-list ul li a {
  display: inline;
  background-color: transparent;
}
.dms-folder-index #folder-list ul li > .open {
  display: none;
}
.dms-folder-index #folder-list ul li > .closed {
  display: inline;
}
.dms-folder-index #folder-list ul li.active > a {
  color: #f29400 !important;
}
.dms-folder-index #folder-list ul li.collapsed > .open {
  display: inline;
}
.dms-folder-index #folder-list ul li.collapsed > .closed {
  display: none;
}
.dms-folder-index #folder-list ul li.collapsed > ul {
  display: none;
}

#order-grid .tooltip-inner {
  width: auto;
  height: auto;
  max-width: 500px;
  word-wrap: break-word;
}

.order-quote-view .quote-actions, .order-view .quote-actions {
  margin-bottom: 25px;
}
.order-quote-view .quote-actions > div, .order-view .quote-actions > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: calc(25px / -2);
}
.order-quote-view .quote-actions > div > div, .order-view .quote-actions > div > div {
  margin: calc(25px / 2);
  flex: 1 1 calc(50% - 25px);
}
.order-quote-view .service-prices > li, .order-view .service-prices > li {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.order-quote-view .service-prices > li > span, .order-view .service-prices > li > span {
  flex: 1 1 auto;
}
.order-quote-view .service-prices > li:last-child, .order-view .service-prices > li:last-child {
  background-color: #d9edf7;
  font-weight: 600;
}
.order-quote-view select > option.has-competence, .order-view select > option.has-competence {
  background-color: #dff0d8;
}
.order-quote-view select > option.preceding-order-worker, .order-view select > option.preceding-order-worker {
  background-color: #f2dede;
}

/*
 * text-block-index, task-instance-view
 */
div.text-block-category-container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  div.text-block-category-container {
    flex-direction: row;
  }
}

div.text-block-categories {
  flex: 1 1 25%;
}
div.text-block-categories div > div {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-width: 100%;
}
@media (min-width: 992px) {
  div.text-block-categories div > div {
    flex-direction: row;
  }
}
div.text-block-categories div > div > label {
  display: block;
}
@media (min-width: 992px) {
  div.text-block-categories div > div > label {
    flex: 1 0 50%;
  }
}

div.text-block-sorting-grid tr:first-child a.btn-sort-up {
  display: none;
}

div.text-block-sorting-grid tr:last-child td a.btn-sort-down {
  display: none;
}

div.timer-container {
  text-align: center;
}
div.timer-container p.timer-time {
  font-size: 3.6rem;
}
div.timer-container .timer-icon {
  font-size: 2rem;
}
div.timer-container .timer-icon:hover {
  cursor: pointer;
}
div.timer-container .timer-start-icon {
  color: #8c9b19;
}
div.timer-container .timer-pause-icon {
  color: #f29400;
}
div.timer-container .timer-stop-icon {
  color: #d9534f;
}

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