@media (min-width: 1200px) {
  .container {
    width: 90%;
  }
}
@media (max-width: 1023px) {
  .hide1024 {
    display: none!important;
  }
}
html {
  overflow-y: scroll;
}
body {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #fdfdfd;
}
body.modal-open {
  padding-right: 0px !important;
}
legend {
  color: #2498CA;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 300;
}
.abt-font {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
}
h2,
h3,
h4 {
  font-style: normal;
  font-weight: 300;
}
.inline-img {
  display: inline-block;
  vertical-align: middle;
}
label {
  font-weight: 500;
}
label.control-label[class*="span"] {
  margin-bottom: 1px;
  min-height: 20px;
}
th {
  font-weight: 500;
}
div.control-group input[type="text"][class*="span"],
select[class*="span"] {
  margin-bottom: 5px;
}
.input-prepend.stacked {
  display: block;
  margin: 10px 10px 10px 0px;
}
#lift__noticesContainer__ {
  position: fixed;
  top: 10px;
  left: 0px;
  width: 100%;
  z-index: 3052;
}
#lift__noticesContainer___error,
#lift__noticesContainer___warning,
#lift__noticesContainer___notice {
  border: 1px solid;
  padding: 5px 15px;
  margin: 2px 0px;
  background-repeat: no-repeat;
  background-position: 10px center;
  width: 100%;
  min-height: 50px;
}
#lift__noticesContainer___notice {
  color: #59B200;
  background-color: #DFFFBF;
}
#lift__noticesContainer___warning {
  color: #8C6900;
  background-color: #FFEFBF;
}
#lift__noticesContainer___error {
  color: #D90000;
  background-color: #FFBFBF;
}
#lift__noticesContainer__ #msg-header {
  text-shadow: 0 1px 0 #FFFFFF;
  font-size: 110%;
}
.navbar-inner.navbar-thin {
  min-height: 30px;
}
.form-compressed .control-group {
  margin-bottom: 5px;
}
.pad5 {
  padding: 5px 4px 0px 4px;
  margin-bottom: 5px;
}
.no-caret .caret {
  border-left: none;
  border-top: none;
  border-right: none;
}
thead.linear-gradient {
  background-image: linear-gradient(to bottom, #F0F0F0, #C0C0C0);
}
thead.linear-gradient th {
  text-align: center;
}
td.cell_buttons {
  text-align: center;
}
.cico a {
  color: inherit;
}
.panel label {
  margin-bottom: 0;
}
/* default, mobile-first styles */
.logo .version {
  float: left;
}
/* tablets and upwards */
@media (min-width: 768px) {
  .logo .version {
    float: right;
    margin-top: 20px;
  }
}
.toggle {
  position: relative;
  overflow: hidden;
}
.toggle input[type="checkbox"] {
  display: none;
}
.toggle-group {
  position: absolute;
  width: 200%;
  top: 0;
  bottom: 0;
  left: 0;
  transition: left 0.35s;
  -webkit-transition: left 0.35s;
  -moz-transition: left 0.35s;
  -o-transition: left 0.35s;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.toggle.off .toggle-group {
  left: -100%;
}
.toggle-on,
.toggle-off {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
}
.toggle-on {
  left: 0;
  right: 50%;
}
.toggle-off {
  left: 50%;
  right: 0;
}
.toggle-handle {
  position: relative;
  margin: 0 auto;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 100%;
  width: 0px;
  border-width: 0 1px;
}
.toggle.btn {
  min-width: 58px;
  min-height: 34px;
}
body.grid,
.logo.grid,
.navbar-default.navbar-ab.grid {
  margin-bottom: 0px !important;
}
hr.slim {
  margin-top: 5px;
  margin-bottom: 5px;
}
img#brand-logo {
  margin-top: 15px;
}
.logo {
  height: 50px;
  color: #eeeeee;
}
.demo .logo > .abt-font::after {
  content: "DEMO";
  color: #fff;
  font-size: 80%;
}
#headerMain.container-fluid {
  background: linear-gradient(0deg, #006fb0, #00598d);
}
#headerMain.container-fluid.demo {
  background-color: #691d3c;
  background: linear-gradient(0deg, #691d3c, #5a0406);
}
.smaller {
  font-size: 80%;
}
.navbar.navbar-default.navbar-ab {
  background-color: inherit;
  border-radius: 0;
  border: none;
  margin-left: -15px;
  margin-right: -15px;
}
.navbar-default.navbar-ab .navbar-nav > li > a {
  color: #eeeeee;
}
.navbar-default.navbar-ab .navbar-nav > li > a:active,
.navbar-default.navbar-ab .navbar-nav > li > a:hover,
.navbar-default.navbar-ab .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: #006faf;
}
.navbar-default.navbar-ab .navbar-nav > .active > a,
.navbar-default.navbar-ab .navbar-nav > .active > a:hover,
.navbar-default.navbar-ab .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #006faf;
}
.navbar-default.navbar-ab .navbar-brand {
  color: #eeeeee;
}
.navbar-default.navbar-ab .navbar-brand:hover,
.navbar-default.navbar-ab .navbar-brand:active,
.navbar-default.navbar-ab .navbar-brand:focus {
  color: #ffffff;
}
.navbar-default.navbar-ab .navbar-nav > .open > a,
.navbar-default.navbar-ab .navbar-nav > .open > a:hover,
.navbar-default.navbar-ab .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #006faf;
}
.navbar-ab .navbar .open {
  color: #eeeeee !important;
}
.navbar-ab .navbar-nav .open .dropdown-menu > li > a {
  color: #eeeeee !important;
}
.navbar-ab .navbar-nav .open .dropdown-menu > li > a:hover {
  color: #ffffff !important;
  background-color: #003f7f;
}
.navbar-ab .dropdown-menu {
  background-color: #006faf;
  border: 1px solid rgba(0, 111, 175, 0.95);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
  z-index: 1000;
}
.content-body {
  min-height: 200px;
  /*margin-bottom:30px;*/
}
.select-align {
  height: 34px;
  line-height: 34px;
  padding-left: 0px;
}
.modal-control {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  color: #555555;
  display: block;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  /*vertical-align: middle;*/
  width: 100%;
}
.modal .modal-content {
  background-color: transparent;
}
.modal .modal-content .modal-footer,
.modal .modal-content .modal-header {
  color: #eeeeee;
  background-color: #006faf;
}
.modal .modal-content .modal-header {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.modal .modal-content .modal-footer {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.modal .modal-content .modal-body {
  background-color: #fff;
}
.modal .modal-content .close {
  color: #eeeeee;
  opacity: 0.5;
  text-shadow: 0 1px #000;
}
.modal-group {
  margin-bottom: 15px;
}
.modal-label {
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 7px;
}
.modal-body .input-group-addon {
  width: 4em;
}
.modal-80 {
  width: 80%;
}
.modal-90 {
  width: 90%;
}
.modal-95 {
  width: 95%;
}
.modal-98 {
  width: 98%;
}
.modal-100 {
  width: 100%;
}
form.form-horizontal > .form-group .input-group {
  width: 100%;
}
.form-group .panel-top {
  position: relative;
  z-index: 999;
}
.form-group .panel-heading {
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  vertical-align: middle;
}
.form-group .panel-heading.bccollapsed {
  border-bottom: none;
}
.form-group .panel-body.bccollapse {
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  vertical-align: middle;
  -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
  -o-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
}
.form-control.ng-invalid {
  -webkit-box-shadow: inset 0px 0px 4px 1px #ff0000;
  -moz-box-shadow: inset 0px 0px 4px 1px #ff0000;
  box-shadow: inset 0px 0px 4px 1px #ff0000;
}
.form-control.search {
  border-radius: 20px;
}
.form-group.spacer {
  padding-top: 10px;
}
label.control-label.spacer-right {
  margin-right: 15px;
}
form.form-horizontal.condensed .form-group {
  margin-bottom: 7px;
}
.table.no-lines {
  margin-bottom: 5px;
}
.table.no-lines > thead > tr > th,
.table.no-lines > tbody > tr > th,
.table.no-lines > tfoot > tr > th,
.table.no-lines > thead > tr > td,
.table.no-lines > tbody > tr > td,
.table.no-lines > tfoot > tr > td {
  border-top: none;
}
table.clickable tbody tr {
  cursor: pointer;
}
tr.clickable {
  cursor: pointer;
}
td.clickable {
  cursor: pointer;
}
th.clickable {
  cursor: pointer;
}
label.clickable {
  cursor: pointer;
}
tr.clickable.disabled,
th.clickable.disabled,
td.clickable.disabled {
  color: #cccccc;
  cursor: inherit;
}
table.table-data-center thead tr th,
table.table-data-center tbody tr td {
  text-align: center;
}
span#note {
  border-radius: 4px;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #eee;
  color: #000;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.input-group-addon {
  min-width: 50px;
}
.select-disabled {
  color: grey;
}
.select-enabled {
  color: inherit;
}
.table-label {
  color: #BBBBBB;
  text-transform: uppercase;
}
.row.windowed {
  overflow: auto;
}
.summary-header {
  overflow: auto;
  margin-bottom: 5px;
  padding: 5px;
  margin-left: 0;
  margin-right: 0;
}
button.right-align {
  margin-left: 5px;
  float: right !important;
}
table.wrap > thead > tr > th,
table.wrap > tbody > tr > td {
  vertical-align: top !important;
  word-wrap: break-word;
}
table.fixed {
  table-layout: fixed;
}
button.help {
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  cursor: pointer;
  vertical-align: top;
}
.clearable {
  position: relative;
}
.clearable input {
  padding-right: 20px;
}
.clearable i {
  font-size: 1.2em;
  margin: auto;
  position: absolute;
  right: 5px;
  top: 0;
  bottom: 0;
  height: 50%;
  color: #888;
  cursor: pointer;
}
.abt panel-heading {
  background-color: #006FAF;
  color: #eeeeee;
}
.abt-dialog .ng-modal-overlay {
  background-color: rgba(0, 111, 175, 0.7);
}
.abt-dialog .ng-modal-dialog {
  -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.5);
  padding: 10px;
  border-radius: 10px;
}
.dashboard .panel.clickable,
.dashboard .panel-heading.clickable,
.dashboard .panel-body.clickable {
  cursor: pointer;
}
.dashboard-external .dashboard-body .panel-heading {
  background-color: #d9edf7;
}
.dashboard .dashboard-body .panel-body {
  background-color: #fdfdfd;
}
.panel-fullscreen .panel {
  position: relative;
  height: 90%;
  width: 90%;
  top: 5%;
  left: 5%;
  overflow: auto;
}
.dashboard .dashboard-body .panel-body {
  max-height: 180px;
  max-height: 60vh;
  min-height: 60vh;
  overflow: auto;
}
.dashboard .dashboard-body .windowed .panel-body,
.dashboard .dashboard-body.windowed .panel-body {
  height: 30vh !important;
  margin-bottom: 1px;
}
.dashboard .dashboard-body.windowed .panel-fullscreen .panel-body,
.dashboard .dashboard-body .windowed .panel-fullscreen .panel-body {
  height: auto !important;
  max-height: none;
  overflow: auto;
}
.dashboard .dashboard-body.fill .panel-body {
  min-height: 60vh;
}
.modal-content .panel-body {
  max-height: 300px;
  max-height: 60vh;
  min-height: 180px;
  min-height: 50vh;
  overflow: auto;
}
.form-scroll {
  height: 72vh;
  max-height: 72vh;
  overflow: auto;
}
.modalHelp .modal-content {
  background-color: #FBFFD6;
}
.animate-hide {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  opacity: 1;
}
.animate-hide.ng-hide {
  visibility: hidden;
  opacity: 0;
}
.animate-panel.ng-hide-add {
  -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  -moz-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  -o-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
}
.animate-panel.ng-hide-remove {
  -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  -moz-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  -o-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}
.animate-panel.ng-hide {
  opacity: 0;
}
div.horiz-scrollable {
  overflow-x: auto;
}
ul.status-list {
  list-style-type: none;
  padding-left: 15px;
}
.status-ok {
  color: green;
}
.status-fail {
  color: red;
}
section.banner {
  position: relative;
  top: -20px;
}
.banner p {
  padding: 10px 15px;
  margin-left: -15px;
  margin-right: -15px;
  background: linear-gradient(0deg, #c50e4b 33%, #ec115a 100%);
  color: #eeeeee;
  margin-bottom: 0px;
}
.dirty:after {
  content: "*";
  color: red;
}
ul.inline-list {
  list-style-type: none;
  padding: 5px;
  margin: 0;
}
.form-horizontal ul.inline-list {
  list-style-type: none;
  padding: 7px 5px 5px 7px;
  margin: 0;
}
.form-horizontal .checkbox-inline {
  padding-top: 7px;
}
.form-horizontal .checkbox-inline input[type="checkbox"] {
  position: relative;
  margin-left: 0px;
}
ul.inline-list li {
  display: inline;
  padding: 0 5px;
}
ul.inline-list li:first-child {
  padding-left: 0px;
}
ul.inline-list.delimit li {
  border-right: thin solid #CCCCCC;
}
ul.inline-list li:last-child {
  border: none;
}
#pdf {
  /*border: thin solid #6699FF;*/
  overflow: hidden;
  background-color: #ffffff;
  height: 450px;
  margin-top: 5px;
  margin-bottom: 10px;
  padding: 10px;
}
.dashbuttons {
  margin: 10px;
}
.dashbuttons .btn.btn-default {
  width: 100%;
  height: 0px;
  padding-top: 25%;
  padding-bottom: 25%;
  line-height: 0px;
  background-color: #006FAF;
  border-color: #1d76a9;
  color: #eeeeee;
  margin-top: 5px;
  margin-bottom: 5px;
}
.dashbuttons .btn.btn-default:focus,
.dashbuttons .btn.btn-default:hover {
  color: #ffffff;
  background-color: #005F95;
  border-color: #0077BC;
}
.dashbuttons .btn.btn-default[disabled]:focus,
.dashbuttons .btn.btn-default[disabled]:hover {
  background-color: #006FAF;
  border-color: #1d76a9;
  color: #eeeeee;
}
.rating {
  color: #a9a9a9;
  margin: 0;
  padding: 0;
}
ul.rating {
  display: inline-block;
}
.rating li {
  list-style-type: none;
  display: inline-block;
  padding: 1px;
  text-align: center;
  font-weight: bold;
}
.clickable .rating li {
  cursor: pointer;
}
.rating .filled {
  color: #21568b;
}
.sort-asc {
  color: red;
}
.sort-asc:after {
  content: "Up";
}
.sort-desc {
  color: green;
}
.sort-desc:after {
  content: "Dn";
}
footer {
  /*margin-top:10px;*/
  height: 20px;
}
table.table.align-buttons tr td {
  line-height: 30px;
}
form.category-editor .btn-4-percent {
  padding-top: 2%;
  padding-bottom: 2%;
  min-height: 50px;
}
div.categories select.form-control {
  font-size: smaller;
}
.category-editor .input-group {
  margin-bottom: 15px;
}
.category-editor .btn-group.btn-group-justified {
  margin-bottom: 15px;
}
div.columns {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px;
}
div.column3 {
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  -ms-column-gap: 15px;
  -o-column-gap: 15px;
  column-gap: 15px;
  -webkit-columns: 3 200px;
  -moz-columns: 3 200px;
  columns: 3 200px;
}
.columns ul {
  padding-left: 0;
  margin-bottom: 20px;
}
.columns ul li {
  position: relative;
  display: block;
  padding: 5px 10px;
  margin-bottom: -1px;
  background-color: #fff;
}
form.categories {
  margin-bottom: 15px;
}
.categories .tab {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 125%;
  font-weight: 300;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.categories .tabbed {
  margin-bottom: 15px;
}
.categories .tabbed .btn-group-justified > .tab,
.categories .tabbed .btn-group-justified > .tab-group {
  display: table-cell;
  float: none;
  width: 1%;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.categories .tabbed .tab-group.btn-group-justified > .tab-group button {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.categories .tabbed .tab-group .tab {
  width: 100%;
}
.categories .tabbed .tabbed-content {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 20px 10px 10px 10px;
}
.categories .tabbed .deactive-tab {
  color: #006FAF;
  border-left-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #ccc !important;
}
.categories .tabbed .active-tab {
  color: #555;
  border: 1px solid #ccc;
  border-bottom-color: transparent !important;
}
.boxed {
  border: 1px solid #ccc;
  margin-top: 48px;
  border-radius: 4px;
  padding-top: 10px;
  padding-left: 10px;
  max-height: 300px;
  overflow: auto;
}
@media (max-width: 767px) {
  .boxed {
    margin-top: 5px;
  }
}
.boxed > .table {
  display: table;
}
.boxed > .table span.tab3 {
  display: table-cell;
  width: 40px;
  text-align: right;
  margin: auto;
}
.boxed > .table span.tab3:after {
  content: " :";
  margin-right: 4px;
}
.bootstrap-tagsinput input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
  width: auto !important;
  max-width: inherit;
}
.bootstrap-tagsinput {
  width: 100%;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  display: inline-block;
  padding: 4px 6px;
  margin-bottom: 10px;
  color: #555;
  vertical-align: middle;
  border-radius: 4px;
  max-width: 100%;
  line-height: 22px;
  cursor: text;
  min-height: 30px;
}
.bootstrap-tagsinput .tag {
  margin-right: 2px;
  color: #fff;
  display: inline-block;
}
.bootstrap-tagsinput .tag.label {
  font-weight: normal;
}
.bootstrap-tagsinput .tag .remove {
  margin-left: 8px;
  cursor: pointer;
}
.bootstrap-tagsinput .tag .remove:after {
  content: "x";
  padding: 0 2px;
}
.bootstrap-tagsinput .tag .remove:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.bootstrap-tagsinput .tag .remove:hover:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.ui-select-multiple.ui-select-bootstrap .ui-select-match-item.btn.btn-default.btn-xs {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
  font-size: 12px;
  line-height: 1.5;
  opacity: inherit;
  color: #fff;
  text-shadow: 0px -0.5px 0 #000;
  opacity: 0.8;
}
@media (min-width: 768px) {
  .compressed div:not(:first-child) {
    padding-left: 2px;
  }
  .compressed div:not(:last-child) {
    padding-right: 2px;
  }
}
input::-webkit-input-placeholder {
  color: rgba(5, 5, 5, 0.5) !important;
}
input::-moz-placeholder {
  color: rgba(5, 5, 5, 0.5) !important;
}
input:-moz-placeholder {
  /* Older versions of Firefox */
  color: rgba(5, 5, 5, 0.5) !important;
}
input:-ms-input-placeholder {
  color: rgba(5, 5, 5, 0.5) !important;
}
#recipeList td {
  font-size: 14px;
}
#recipeList .btn-link i.fa {
  font-size: 75%;
}
.modal .ui-select-multiple.ui-select-bootstrap {
  position: relative;
  min-height: 29px;
}
.modal .ui-select-multiple input.ui-select-search {
  position: absolute;
}
.btn.no-action {
  cursor: default;
}
.btn.no-action:hover {
  background-color: #fff;
}
.btn-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.btn-justified > .btn,
.btn-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-justified > .btn-group:not(:last-child) {
  padding-right: 10px;
}
.btn-justified > .btn-group .btn {
  width: 100%;
}
tr.no-category td:first-child:before {
  content: " !C ";
  color: red;
}
tr.no-persona td:first-child:before {
  content: " !P ";
  color: red;
}
.text-info {
  color: #31708f !important;
}
.text-warning {
  color: #8A6D3C !important;
}
.text-danger {
  color: #a94442 !important;
}
label span.label-normal {
  font-weight: normal;
}
label.inline-radio > input {
  margin-left: 10px;
  margin-right: 5px;
}
@media print {
  .col-sm-9.print-block {
    width: 100%;
  }
  div.horiz-scrollable {
    overflow: visible !important;
  }
  ul.rating {
    color: #F3F0F0 !important;
  }
  ul.rating .filled {
    color: #21568b !important;
  }
  table {
    page-break-inside: auto;
  }
  tr {
    page-break-inside: avoid;
    page-break-after: auto;
  }
  thead {
    display: table-header-group;
  }
}
.container-fluid.abt {
  background-color: #fcfcfc;
}
div.content-body {
  min-height: calc(100vh - 160px);
  padding-top: 20px;
  padding-bottom: 15px;
}
.fading-line {
  margin: 0px 0px 25px 0px;
  height: 1px;
  background: #fff;
  background: -moz-linear-gradient(left, #fff 0%, #eee 50%, #fff 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #fff), color-stop(50%, #eee), color-stop(100%, #fff));
  background: -webkit-linear-gradient(left, #fff 0%, #eee 50%, #fff 100%);
  background: -o-linear-gradient(left, #fff 0%, #eee 50%, #fff 100%);
  background: -ms-linear-gradient(left, #fff 0%, #eee 50%, #fff 100%);
  background: linear-gradient(to right, #fff 0%, #eee 50%, #fff 100%);
}
ul.panel-actions {
  float: right;
  list-style-type: none;
  position: relative;
}
.dashboard-external .dashboard-body .dashbuttons .panel-heading {
  color: #eee;
  background-color: #006faf;
  border-color: #0576b7;
}
.dashboard-external .dashboard-body .dashbuttons .panel-heading ul.panel-actions {
  margin-bottom: 0px;
}
ul.panel-actions li {
  cursor: pointer;
  display: inline;
}
ul.panel-actions li:not(:first-child) {
  padding-left: 10px;
}
.panel-fullscreen {
  display: block;
  z-index: modal-1-mask;
  position: fixed;
  width: 100%;
  height: 100% !important;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.5);
}
.notes .fullscreen {
  background-color: #fff;
  padding: 10px;
  display: block;
  z-index: 100;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: auto;
}
.notes .fullscreen .content {
  height: 90vh;
}
.notes .fullscreen .content div {
  height: 100%;
}
.notes .fullscreen textarea {
  height: 100% !important;
  max-height: 100% !important;
}
.header .nav > li > span {
  position: relative;
  display: block;
  padding: 6px 15px;
}
.header .nav-tabs {
  border-bottom: 0;
}
.header .nav-tabs > li > span {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  color: #c68;
}
.header .nav-tabs > li.active > span,
.header .nav-tabs > li.active > span:hover,
.header .nav-tabs > li.active > span:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ccc;
  border-bottom: 1px solid transparent;
}
.header {
  padding: 0 10px;
}
.content {
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 10px;
}
.content textarea,
.content .preview {
  width: 100%;
  min-height: 120px;
  max-height: 400px;
}
.content textarea {
  border-color: #ccc;
  border-radius: 3px;
  max-width: 100%;
}
.header .nav-tab-extra {
  padding-top: 6px;
  padding-bottom: 6px;
  display: inline-block;
}
.header .nav-tab-extra span.smaller {
  font-size: 75%;
}
.ta-editor {
  padding: 10px;
  background-color: #FFF;
  border: 1px solid #EEE;
  height: auto;
}
.ta-scroll-window > .ta-bind {
  height: auto;
  min-height: 300px;
  padding: 6px 12px;
}
.header1 {
  display: table;
  width: 100%;
}
.row1 {
  display: table-row;
}
.cell1 {
  display: table-cell;
  padding: 0.5em;
  width: 33.3333%;
}
.test > .list-group > .list-group-item {
  padding-top: 0px;
  padding-bottom: 0px;
}
.well.transparent {
  background-color: inherit;
}
.note-badge {
  display: block;
  height: 34px;
  padding: 6px 12px;
  line-height: 1.42857143;
  border-radius: 4px;
}
.help-lighter {
  color: #336;
}
.flex-bar.panel-heading.form-inline {
  display: flex;
  justify-content: start;
  align-items: center;
}
.spacer {
  flex-grow: 1;
}
div.bullet:before {
  font-family: FontAwesome;
  padding-right: 5px;
  content: "\f196";
}
div.bullet.open:before {
  content: "\f147";
}
.bullet {
  cursor: pointer;
}
.bookmarked {
  display: inline-grid;
  grid-template-columns: auto 1fr;
  grid-gap: 5px;
  align-items: center;
  width: 100%;
}
.bookmarked .bookmark {
  text-shadow: 0 1px #333;
}
.bookmarked .bookmark.empty {
  color: #CCC;
}
.bookmarked .bookmark.marked {
  color: #d22727;
}
.link.clickable {
  color: #006faf;
  cursor: pointer;
  text-decoration-line: underline;
  text-decoration-color: #006faf;
}
.link.clickable.link.clickable.open {
  filter: invert(1);
}
.accordion.zoom-in {
  background-color: inherit;
}
.accordion.zoom-out {
  background-color: #F0F0F0;
}
.footer-menu {
  display: grid;
  grid-template-columns: max-content max-content;
  grid-gap: 15px;
  align-items: center;
}
.footer-menu .checkboxed.item {
  display: grid;
  grid-template-columns: 16px max-content;
  align-items: center;
}
.footer-menu .checkboxed.item input[type='checkbox'] {
  cursor: inherit;
  margin: 0;
  grid-column: 1;
}
.footer-menu .checkboxed.item label {
  cursor: inherit;
  margin: 0;
  grid-column: 2;
}
.footer-menu .checkboxed.item.clickable {
  cursor: pointer;
}
/*
  We're using CSS transitions for when
  the enter and move events are triggered
  for the element that has the .repeated-item
  class
*/
.repeated-item.ng-enter,
.repeated-item.ng-move {
  transition: all 0.25s linear;
  opacity: 0;
}
/*
 The ng-enter-active and ng-move-active
 are where the transition destination properties
 are set so that the animation knows what to
 animate.
*/
.repeated-item.ng-enter.ng-enter-active,
.repeated-item.ng-move.ng-move-active {
  opacity: 1;
}
/*
  We're using CSS keyframe animations for when
  the leave event is triggered for the element
  that has the .repeated-item class
*/
.repeated-item.ng-leave {
  animation: 0.25s my_animation;
}
@keyframes my_animation {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.overview,
.tracker {
  max-height: 75vh;
  overflow: auto;
}
.overview tr th,
.tracker tr th {
  font-weight: bold;
}
.overview tr.open,
.tracker tr.open {
  background-color: linen;
}
.tracker .tracker-header .list-inline li {
  line-height: 20px;
}
.tracker-header {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}
.tracker-header input.search {
  border: 1px solid #ccc;
  border-radius: 20px;
  line-height: 20px;
  padding: 6px 12px;
}
.tracker-header .list-inline .left {
  padding: 6px;
}
.tracker-header .list-inline .right {
  float: right;
}
.issue-log {
  max-height: 65vh;
  overflow: auto;
  margin-bottom: 15px;
  padding-right: 15px;
}
.issue-log header {
  padding-left: 10px;
  padding-right: 10px;
  background-color: #7ac5e1;
  color: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.issue-log header .alignleft {
  padding-bottom: 5px;
  padding-top: 5px;
  float: left;
}
.issue-log header .alignright {
  padding-bottom: 5px;
  padding-top: 5px;
  float: right;
}
.issue-log > p {
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
.issue-log i {
  padding-right: 3px;
}
.issue-log .body {
  padding: 10px;
  border: 1px solid #7ac5e1;
  margin-bottom: 5px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
div.issue-item:last-child {
  margin-bottom: 15px;
}
div.issue-item p {
  margin: 0 0 2px;
}
.table > tbody > tr.active > td {
  background-color: #e1f5fa !important;
}
.border-between {
  position: relative;
}
.border-between > [class*='col-']:not(:first-child):after {
  background: #e3e3e3;
  bottom: 0;
  content: " ";
  left: -1px;
  position: absolute;
  width: 1px;
  top: 0;
}
.border-between > [class*='col-']:first-child:before {
  background: #e3e3e3;
  bottom: 0;
  content: " ";
  right: 0;
  position: absolute;
  width: 1px;
  top: 0;
}
.tolookAt {
  font-weight: bolder;
}
.insert {
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 5px 5px 5px 15px;
}
@media print {
  .insert {
    border: none;
  }
}
.md-smaller h1,
.md-smaller h2,
.md-smaller h3,
.md-smaller h4 {
  font-weight: 500;
  margin-top: 5px;
  margin-bottom: 5px;
}
section.error-list ul {
  padding-left: 0px;
}
.md-smaller hr {
  margin-top: 5px;
  margin-bottom: 5px;
}
.md-smaller h1 {
  font-size: 18px;
}
.md-smaller h2 {
  font-size: 16px;
}
.md-smaller h3 {
  font-size: 14px;
}
.md-smaller h4 {
  font-size: 12px;
}
.scrollup {
  position: fixed;
  bottom: 10px;
  right: 10px;
  background-color: #d6d6d6;
  padding: 5px 10px;
  border-radius: 4px;
  display: none;
  cursor: pointer;
}
.scrollup a {
  color: #fff;
}
.tabbed-views .nav-tabs.nav.small > li > a {
  padding: 10px 10px;
}
.tabbed-views .nav-tabs > li {
  position: relative;
  padding-top: 2px;
}
@media (min-width: 561px) {
  .tabbed-views .nav-tabs > li {
    margin-right: 3px;
  }
}
@media (max-width: 375px) {
  .tabbed-views .nav-tabs > li > a {
    font-size: 70%;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0;
  }
  .tabbed-views {
    font-size: 90%;
  }
}
@media (min-width: 376px) and (max-width: 431px) {
  .tabbed-views .nav-tabs > li > a {
    font-size: 80%;
    margin: 0;
  }
  .tabbed-views {
    font-size: 85%;
  }
}
@media (min-width: 432px) and (max-width: 500px) {
  .tabbed-views .nav-tabs > li > a {
    font-size: 90%;
    margin: 0;
  }
  .tabbed-views {
    font-size: 90%;
  }
}
.tabbed-views .nav-tabs > li.active,
.tabbed-views .nav-tabs > li.active:hover,
.tabbed-views .nav-tabs > li.active:focus {
  margin-top: 0;
  background-color: #006faf;
  border: 1px solid rgba(0, 111, 175, 0.8);
  border-bottom-color: transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.tabbed-views .nav-tabs > li > a,
.tabbed-views .nav-tabs > li > a:hover,
.tabbed-views .nav-tabs > li > a:focus {
  position: relative;
  padding: 5px 15px 5px 15px;
  color: #5f5f5f;
  background-color: transparent;
  border-color: transparent;
}
@media (min-width: 581px) {
  .tabbed-views .nav-tabs > li > a,
  .tabbed-views .nav-tabs > li > a:hover,
  .tabbed-views .nav-tabs > li > a:focus {
    padding: 5px 15px 5px 15px;
  }
}
@media (min-width: 493px) {
  .tabbed-views .nav-tabs > li > a,
  .tabbed-views .nav-tabs > li > a:hover,
  .tabbed-views .nav-tabs > li > a:focus {
    padding: 5px 10px 5px 10px;
  }
}
@media (max-width: 492px) {
  .tabbed-views .nav-tabs > li > a,
  .tabbed-views .nav-tabs > li > a:hover,
  .tabbed-views .nav-tabs > li > a:focus {
    padding: 5px 5px 5px 5px;
  }
}
.tabbed-views .nav-tabs > li > a:hover {
  color: #3c484a;
}
.tabbed-views .nav-tabs > li.active > a,
.tabbed-views .nav-tabs > li.active > a:hover,
.tabbed-views .nav-tabs > li.active > a:focus {
  position: relative;
  color: #eee;
}
.tabbed-views .nav-tabs button:focus {
  outline: 0;
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
  .tabbed-views .tabbed-view {
    overflow: auto;
  }
}
.dashboard-external .tabbed-views .tabbed-view {
  min-height: 50vh;
}
.tabbed-views {
  position: relative;
}
@media (min-width: 768px) {
  .tabbed-views {
    margin-left: -15px;
  }
}
.tabbed-views > ul {
  /*margin-left: 15px;*/
  margin-left: 0px;
}
.tabbed-views .nav-tabs {
  position: relative;
  border-bottom: none;
  margin-bottom: 5px;
}
.tabbed-views .tabbed-view {
  padding: 0px 10px 10px 10px;
  border: 1px solid rgba(0, 111, 175, 0.8);
  border-radius: 4px;
  min-height: 60vh;
  background-color: #fcfcfc;
}
i.fa.clickable {
  cursor: pointer;
}
i.fa.clickable[disabled] {
  cursor: default;
}
ul.bar-actions {
  list-style-type: none;
  padding-left: 0px;
  margin-bottom: 2px;
}
ul.vertical-list {
  padding-inline-start: 0;
  list-style: none;
}
ul.vertical-list li div.tier-list {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  padding: 5px 10px;
  border-radius: 4px;
}
ul.vertical-list li div.tier-list:hover {
  background-color: #ccc;
}
.tabbed-view .table > thead > tr > th {
  border-bottom: 1px solid rgba(0, 111, 175, 0.8);
}
.tabbed-view > .bar {
  margin-left: -10px;
  margin-right: -10px;
  background: linear-gradient(0deg, #138ed6, #006faf 50%);
  padding: 10px 15px;
  color: #fff;
}
.tabbed-view > .bar > .bar-table {
  display: table;
  width: 100%;
}
.tabbed-view > .bar > .bar-table .table-row {
  display: table-row;
}
.tabbed-view > .bar > .bar-table .table-row .bar-label.table-cell {
  vertical-align: middle;
}
.tabbed-view > .bar > .bar-table .table-row .table-cell {
  display: table-cell;
}
.tabbed-view > .bar > .bar-table ul.bar-actions {
  width: auto;
  display: table-cell;
  vertical-align: middle;
}
.tabbed-view > .bar > .bar-table ul.bar-actions li {
  float: left;
  padding-left: 6px;
}
.tabbed-view > .bar > .bar-table ul.bar-actions li.right {
  float: right;
}
.tabbed-view > .bar > .bar-table ul.bar-actions.form-inline {
  white-space: nowrap;
}
@media (min-width: 1142px) {
  .tabbed-view > .bar > .bar-table ul.bar-actions.form-inline li.right {
    float: right;
  }
}
.tabbed-view > .bar i.fa {
  color: #ddd;
}
.tabbed-view > .bar button[disabled] {
  opacity: 0.2;
}
.tabbed-view > .bar button[disabled] i.fa {
  color: rgba(0, 79, 124, 0.8) !important;
  opacity: 0.3;
}
.bar-actions .input-group-addon {
  min-width: 25px;
}
ul.notes {
  list-style: none;
  padding-left: 0px;
}
ul.notes li {
  margin-bottom: 10px;
}
ul.notes li.divider {
  border-top: 1px solid #e5e5e5;
  padding-top: 10px;
}
ul.notes li div {
  display: inline-block;
}
ul.notes li div:first-child {
  padding-right: 10px;
  width: 30%;
  min-width: 120px;
  display: inline-block;
  font-weight: bold;
  text-align: right;
}
.dash-status.dash-outlined {
  margin-top: 10px;
  padding-top: 5px;
  border-radius: 4px;
}
.dashbuttons .btn.btn-default.btn-collapsed,
.dashbuttons .btn.btn-collapsed {
  background-color: #004f7d;
  border-style: inset;
}
.form-control.no-border {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
div[ng-controller=AdminCtrl] input.ng-dirty,
div[ng-controller=AdminCtrl] select.ng-dirty {
  background-color: rgba(0, 255, 0, 0.05);
}
.form-horizontal.form-condensed .form-group {
  margin-bottom: 10px;
}
.text-tab-1 {
  margin-left: 50px !important;
}
.text-tab-2 {
  margin-left: 100px !important;
}
.label-as-badge {
  border-radius: 1em;
  font-weight: inherit!important;
  font-size: 80%;
  padding-bottom: 0.3em;
  padding-top: 0.3em;
}
.small .badge {
  font-size: inherit;
  font-weight: inherit;
  padding: 2px 6px;
}
.user-title .badge {
  background-color: #AAA;
  font-weight: inherit;
}
table.table-condensed > tbody + tbody {
  border-top: 1px solid #ddd;
}
@media (max-width: 767px) {
  table.table-condensed {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  table.table-condensed {
    font-size: 11px;
  }
}
@media (min-width: 890px) {
  table.table-condensed {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  table.table-condensed {
    font-size: 13px;
  }
}
@media (min-width: 1020px) {
  table.table-condensed {
    font-size: 14px;
  }
}
input[type='number'].single-digit {
  display: inline-block;
  width: 2.5em;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  text-align: center;
}
input[type='number'].single-digit,
input.single-digit::-webkit-outer-spin-button,
input.single-digit::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  -moz-appearance: textfield;
  text-align: center;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}
table th.clickable:hover {
  background-color: #d7d7d7 !important;
}
table th.clickable.active {
  background-color: #F0F0F0 !important;
}
th.clickable > span.fa.fa-sort {
  color: #7F7F7F;
}
.fa-border {
  border-color: #ccc;
}
.tc1 td:nth-child(1):not([colspan]),
.tc1 th:nth-child(1):not([colspan]),
.tc2 td:nth-child(2):not([colspan]),
.tc2 th:nth-child(2):not([colspan]),
.tc3 td:nth-child(3):not([colspan]),
.tc3 th:nth-child(3):not([colspan]),
.tc4 td:nth-child(4):not([colspan]),
.tc4 th:nth-child(4):not([colspan]),
.tc5 td:nth-child(5):not([colspan]),
.tc5 th:nth-child(5):not([colspan]),
.tc6 td:nth-child(6):not([colspan]),
.tc6 th:nth-child(6):not([colspan]),
.tc7 td:nth-child(7):not([colspan]),
.tc7 th:nth-child(7):not([colspan]),
.tc8 td:nth-child(8):not([colspan]),
.tc8 th:nth-child(8):not([colspan]),
.tc9 td:nth-child(9):not([colspan]),
.tc9 th:nth-child(9):not([colspan]) {
  text-align: center;
}
.modal.modal-fullscreen {
  z-index: 1210;
}
.panel-actions.fa.fa-expand,
.panel-actions.fa.fa-compress {
  color: #aaa;
}
div.inline-header h1,
div.inline-header h2,
div.inline-header h3 {
  display: inline-block;
}
button.more:before {
  content: "less";
}
button.more.collapsed:before {
  content: "more";
}
.row.tight > div[class^='col-'] {
  padding-left: 10px;
  padding-right: 10px;
}
.row.tight > div[class^='col-'].left {
  padding-right: 5px;
}
.row.tight > div[class^='col-'].right {
  padding-left: 5px;
}
.panel.panel-tight {
  margin-bottom: 0;
}
.panel.panel-tight .panel-heading {
  padding-left: 10px;
  padding-right: 10px;
}
.panel.panel-tight .panel-body {
  padding-left: 10px;
  padding-right: 10px;
}
.panel.panel-tight .panel-body .form-group {
  margin-bottom: 5px;
}
.panel.panel-tight .form-horizontal .form-group {
  margin-right: -10px;
  margin-left: -10px;
}
.panel.panel-tight .form-horizontal .form-group div[class^='col-'] {
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 768px) {
  .panel.panel-tight .form-horizontal .form-group div[class^='col-'].left {
    padding-right: 5px;
  }
  .panel.panel-tight .form-horizontal .form-group div[class^='col-'].right {
    padding-left: 5px;
  }
}
.single-line {
  white-space: nowrap;
}
.recipe-short.fullscreen #recipe-list {
  max-height: none;
  overflow-y: auto;
}
.recipe-short #recipe-list {
  max-height: 200px;
  overflow-y: auto;
}
.insert.note {
  border: 1px solid #006faf;
  font-size: 12px;
  font-weight: 200;
}
.insert.note table.table.table-condensed {
  background-color: inherit;
}
.insert.note h1,
.insert.note h2,
.insert.note h3 {
  font-weight: 400;
}
.insert.note hr {
  margin-top: 5px;
  margin-bottom: 10px;
  border-top: 1px solid #ccc;
}
.insert.note .note-header {
  margin: -5px -5px -5px -15px;
  padding: 5px 5px 5px 15px;
  background: linear-gradient(0deg, #138ed6, #006faf 50%);
  color: #fdfdfd;
}
.insert.note .note-header h1.note-title,
.insert.note .note-header h2.note-title,
.insert.note .note-header h3.note-title,
.insert.note .note-header h4.note-title {
  margin-top: 10px;
  margin-bottom: 5px;
}
.insert.note .note-header h1.note-title {
  font-size: 16px;
}
.insert.note .note-body h1,
.insert.note .note-body h2,
.insert.note .note-body h3,
.insert.note .note-body h4 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.insert.note .note-body h1 {
  font-size: 18px;
}
.insert.note .note-body h2 {
  font-size: 14px;
}
.insert.note .note-body h3 {
  font-size: 12px;
}
.insert.note .note-body p {
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 5px;
  color: inherit;
}
i.fa-border.assign:hover {
  background-color: #ccc;
}
li.clickable {
  cursor: pointer;
}
li.clickable.active {
  text-decoration: underline;
}
#cheatSheet h1 {
  font-weight: bold !important;
  font-size: 140%;
}
#cheatSheet h2 {
  font-size: inherit;
  color: #006faf !important;
  margin-top: 5px !important;
}
#cheatSheet p {
  color: #585858 !important;
  margin: 0 0 5px !important;
}
#cheatSheet .banner {
  margin-top: 10px;
  border-bottom: 1px solid rgba(0, 111, 175, 0.8) !important;
  padding-bottom: 10px;
}
#cheatSheet .align {
  width: 50%;
  margin-top: 10px;
  margin-bottom: 10px;
  display: inline-block;
  vertical-align: top;
  padding: 5px;
}
#cheatSheet .align:nth-child(odd) {
  padding-right: 8px;
}
#cheatSheet .align:nth-child(even) {
  padding-left: 8px;
}
#availRecipes .panel-body {
  overflow-y: scroll;
}
#assignedRecipes .panel-body {
  overflow-y: scroll;
}
.sticky-note {
  position: absolute;
  z-index: 999;
  width: 100%;
}
.sticky-note .note-body {
  background: linear-gradient(-45deg, #ffff88 81%, #ffff88 82%, #ffff88 82%, #ffffc6 100%);
  padding: 10px;
  margin: 0 10px;
  box-shadow: 5px 7px 7px rgba(33, 33, 33, 0.5);
  /*border-bottom-right-radius: 60px 5px;*/
  border: 1px solid #f0f080;
}
.sticky-note .note-body h1 {
  font-size: 150%;
}
.sticky-note .note-body .note-footer {
  text-align: right;
  padding-top: 5px;
  border-top: 1px #afaf38 solid;
}
li.button-list {
  display: flex;
  align-items: baseline;
  border-bottom: 1px solid #F0F0F0;
  margin: 5px;
  padding: 5px;
}
li.button-list:last-child {
  border-bottom: none;
}
.inline-help {
  position: absolute;
  right: 14px;
  top: 4px;
}