/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.47
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
  list-style: none;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  display: block;
  margin: 2px 0;
  padding: 4px;
  width: 19em;
}
@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: '';
  display: inline-block;
  position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Clear the picker";
}
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Set the date to today";
}
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%;
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px;
}
.bootstrap-datetimepicker-widget table td.cw {
  font-size: .8em;
  height: 20px;
  line-height: 20px;
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background: #eeeeee;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.today {
  position: relative;
}
.bootstrap-datetimepicker-widget table td.today:before {
  content: '';
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: #337ab7;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table td span:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td span.active {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td span.old {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px;
}
.bootstrap-datetimepicker-widget.wider {
  width: 21em;
}
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
  line-height: 1.8em !important;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
/*!
 * Datepicker for Bootstrap v1.4.0 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}
.datepicker > div {
  display: none;
}
.datepicker.days .datepicker-days,
.datepicker.months .datepicker-months,
.datepicker.years .datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: linear-gradient(top, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eeeeee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
  background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: linear-gradient(top, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
  background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
  background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
  background-image: -o-linear-gradient(top, #b3b3b3, #808080);
  background-image: linear-gradient(top, #b3b3b3, #808080);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker table tr td span:hover {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999999;
}
.datepicker .datepicker-switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child .cw {
  cursor: default;
  background-color: transparent;
}
.input-append.date .add-on,
.input-prepend.date .add-on {
  cursor: pointer;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  margin-top: 3px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}
/**
* A stylesheet for use with Bootstrap 3.x
* @author: Dan Grossman http://www.dangrossman.info/
* @copyright: Copyright (c) 2012-2015 Dan Grossman. All rights reserved.
* @license: Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php
* @website: https://www.improvely.com/
*/

/* Container Appearance */

.daterangepicker {
  position: absolute;
  background: #fff;
  top: 100px;
  left: 20px;
  padding: 4px;
  margin-top: 1px;
  border-radius: 4px;
  width:278px;
}

.daterangepicker.opensleft:before {
  position: absolute;
  top: -7px;
  right: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker.opensleft:after {
  position: absolute;
  top: -6px;
  right: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}

.daterangepicker.openscenter:before {
  position: absolute;
  top: -7px;
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker.openscenter:after {
  position: absolute;
  top: -6px;
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}

.daterangepicker.opensright:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker.opensright:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}

.daterangepicker.dropup{
  margin-top: -5px;
}
.daterangepicker.dropup:before{
  top: initial;
  bottom:-7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}
.daterangepicker.dropup:after{
  top: initial;
  bottom:-6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.dropdown-menu {
  max-width: none;
  z-index: 3000;
}

.daterangepicker.single .ranges, .daterangepicker.single .calendar {
  float: none;
}

.daterangepicker .calendar {
  display: none;
  max-width: 270px;
  margin: 4px;
}

.daterangepicker.show-calendar .calendar {
  display: block;
}

.daterangepicker .calendar.single .calendar-table {
  border: none;
}

/* Calendars */

.daterangepicker .calendar th, .daterangepicker .calendar td {
  white-space: nowrap;
  text-align: center;
  min-width: 32px;
}

.daterangepicker .calendar-table {
  border: 1px solid #ddd;
  padding: 4px;
  border-radius: 4px;
  background: #fff;
}

.daterangepicker table {
  width: 100%;
  margin: 0;
}

.daterangepicker td, .daterangepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  color: #999;
  background: #fff;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background: #eee;
}

.daterangepicker td.in-range {
  background: #ebf4f8;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: #3071a9;
  color: #fff;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin-bottom: 0;
}

.daterangepicker th.month {
  width: auto;
}

/* Text Input Above Each Calendar */

.daterangepicker .input-mini {
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555;
  display: block;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  margin: 0 0 5px 0;
  padding: 0 6px 0 28px;
  width: 100%;
}

.daterangepicker .input-mini.active {
  border: 1px solid #357ebd;
}

.daterangepicker .daterangepicker_input i {
  position: absolute;
  left: 8px;
  top: 8px;
}

.daterangepicker .daterangepicker_input {
  position: relative;
}

/* Time Picker */

.daterangepicker .calendar-time {
  text-align: center;
  margin: 5px auto;
  line-height: 30px;
  position: relative;
  padding-left: 28px;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

/* Predefined Ranges */

.daterangepicker .ranges {
  font-size: 11px;
  float: none;
  margin: 4px;
  text-align: right;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 13px;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  color: #08c;
  padding: 3px 12px;
  margin-bottom: 8px;
  border-radius: 5px;
  cursor: pointer;
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
  background: #08c;
  border: 1px solid #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker{
    width: auto;
  }

  .daterangepicker .ranges ul {
    width: 160px;
  }
  .daterangepicker.single .ranges ul {
    width: 100%;
  }
  .daterangepicker .calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker .calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker .calendar.left {
    clear: left;
    margin-right: 0;
  }
  .daterangepicker.single .calendar.left {
    clear: none;
  }
  .daterangepicker.single .ranges,
  .daterangepicker.single .calendar{
    float:left;
  }

  .daterangepicker .calendar.right {
    margin-left: 0;
  }

  .daterangepicker .left .daterangepicker_input {
    padding-right: 12px;
  }

  .daterangepicker .calendar.left .calendar-table {
    padding-right: 12px;
  }

  .daterangepicker .calendar {
    float: left;
  }
}

@media (min-width: 730px) {
  .daterangepicker .calendar.left {
    clear: none;
  }
}
/* line 1, app/assets/stylesheets/assets_management.scss */
.fileUpload {
  position: relative;
  overflow: hidden;
  margin: 10px;
}

/* line 7, app/assets/stylesheets/assets_management.scss */
.fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

/* line 19, app/assets/stylesheets/assets_management.scss */
.assets-info {
  display: inline-block;
  margin-right: 15px;
  min-width: 170px;
}

/* line 25, app/assets/stylesheets/assets_management.scss */
.print-barcode {
  position: relative;
}

/* line 27, app/assets/stylesheets/assets_management.scss */
.print-barcode .print {
  font-size: 18px;
  left: 49%;
  position: absolute;
  top: 15px;
}
/* line 5, app/assets/stylesheets/attendences/leaves.scss */
.hidden-row {
  padding: 0 !important;
}

/* line 9, app/assets/stylesheets/attendences/leaves.scss */
.history-inside {
  padding-left: 40px !important;
}
/* line 4, app/assets/stylesheets/barcode_lists.scss */
.barcod_list_form {
  width: 50%;
  margin: auto;
}
/* line 2, app/assets/stylesheets/billing/clients.css.scss */
.clients .grid_table table col.one {
  /*check box*/
  width: 33px;
}

/* line 6, app/assets/stylesheets/billing/clients.css.scss */
.clients .grid_table table col.two {
  /*organization*/
  width: 140px;
}

/* line 10, app/assets/stylesheets/billing/clients.css.scss */
.clients .grid_table table col.three {
  /*contacts*/
  width: 171px;
}

/* line 14, app/assets/stylesheets/billing/clients.css.scss */
.clients .grid_table table col.four {
  /*email*/
  width: 171px;
}

/* line 18, app/assets/stylesheets/billing/clients.css.scss */
.clients .grid_table table col.five {
  /*phone*/
  width: 120px;
}

/* line 22, app/assets/stylesheets/billing/clients.css.scss */
.clients .grid_table table col.six {
  /*available credit*/
  width: 135px;
}

/* line 26, app/assets/stylesheets/billing/clients.css.scss */
.clients .grid_table table col.seven {
  /*actions*/
  width: 70px;
}

/* line 34, app/assets/stylesheets/billing/clients.css.scss */
.clients .grid_table table.de col.one {
  width: 33px;
}

/* line 37, app/assets/stylesheets/billing/clients.css.scss */
.clients .grid_table table.de col.two {
  width: 120px;
}

/* line 40, app/assets/stylesheets/billing/clients.css.scss */
.clients .grid_table table.de col.three {
  width: 200px;
}

/* line 43, app/assets/stylesheets/billing/clients.css.scss */
.clients .grid_table table.de col.four {
  width: 105px;
}

/* line 46, app/assets/stylesheets/billing/clients.css.scss */
.clients .grid_table table.de col.five {
  width: 102px;
}

/* line 49, app/assets/stylesheets/billing/clients.css.scss */
.clients .grid_table table.de col.six {
  width: 190px;
}

/* line 52, app/assets/stylesheets/billing/clients.css.scss */
.clients .grid_table table.de col.seven {
  width: 90px;
}

/* line 59, app/assets/stylesheets/billing/clients.css.scss */
.clients .grid_table table.fr col.one {
  width: 33px;
}

/* line 62, app/assets/stylesheets/billing/clients.css.scss */
.clients .grid_table table.fr col.two {
  width: 120px;
}

/* line 65, app/assets/stylesheets/billing/clients.css.scss */
.clients .grid_table table.fr col.three {
  width: 200px;
}

/* line 68, app/assets/stylesheets/billing/clients.css.scss */
.clients .grid_table table.fr col.four {
  width: 105px;
}

/* line 71, app/assets/stylesheets/billing/clients.css.scss */
.clients .grid_table table.fr col.five {
  width: 102px;
}

/* line 74, app/assets/stylesheets/billing/clients.css.scss */
.clients .grid_table table.fr col.six {
  width: 190px;
}

/* line 77, app/assets/stylesheets/billing/clients.css.scss */
.clients .grid_table table.fr col.seven {
  width: 90px;
}

/* line 90, app/assets/stylesheets/billing/clients.css.scss */
.clients .label_field.single.template {
  padding-top: 19px;
}

/* line 95, app/assets/stylesheets/billing/clients.css.scss */
.clients .label_field.left.options {
  width: 100%;
}

/* line 99, app/assets/stylesheets/billing/clients.css.scss */
.clients .options_content {
  margin: 0px;
  padding-left: 130px;
}

/* line 103, app/assets/stylesheets/billing/clients.css.scss */
.clients .options_content_row {
  padding-top: 12px;
}

/* line 105, app/assets/stylesheets/billing/clients.css.scss */
.clients .options_content_row input[type="radio"], .clients .options_content_row input[type="checkbox"], .clients .options_content_row label {
  float: left;
}

/* line 108, app/assets/stylesheets/billing/clients.css.scss */
.clients .options_content_row input[type="checkbox"] {
  margin-left: 22px;
}

/* line 111, app/assets/stylesheets/billing/clients.css.scss */
.clients .options_content_row label {
  line-height: normal;
  padding: 0 0 0 10px;
  margin: 0px;
  font-weight: normal;
  cursor: pointer;
}

/* line 119, app/assets/stylesheets/billing/clients.css.scss */
.clients .fields_content {
  padding-top: 34px;
}

/* line 123, app/assets/stylesheets/billing/clients.css.scss */
.grid_table table {
  border-collapse: separate;
}

/* line 125, app/assets/stylesheets/billing/clients.css.scss */
.grid_table table th:first-child {
  border-radius: 4px 0 0 0 !important;
}

/* line 128, app/assets/stylesheets/billing/clients.css.scss */
.grid_table table th:last-child {
  border-radius: 0 4px 0 0 !important;
}

/* line 132, app/assets/stylesheets/billing/clients.css.scss */
#detail, #contact {
  cursor: pointer;
}

/* line 135, app/assets/stylesheets/billing/clients.css.scss */
.client_detail_row:hover {
  background: none !important;
}

/* line 138, app/assets/stylesheets/billing/clients.css.scss */
.client_wrapper {
  padding: 0px 0px 30px 0px !important;
}

/* line 141, app/assets/stylesheets/billing/clients.css.scss */
.client_container {
  float: left;
  width: 838px;
  height: 237px;
  border: 1px solid #e1e1e1;
  border-radius: 0px 0px 3px 3px;
  margin: auto;
}

/* line 149, app/assets/stylesheets/billing/clients.css.scss */
.client_container_top {
  float: left;
  width: 100%;
}

/* line 152, app/assets/stylesheets/billing/clients.css.scss */
.client_container_top .top_corner {
  float: left;
  background: url(/top_corner.png) no-repeat;
  width: 22px;
  height: 12px;
  margin: -1px 0 0 41px;
}

/* line 159, app/assets/stylesheets/billing/clients.css.scss */
.client_container_top .cross_btn {
  float: right;
  background: url(/btn_x_client.png) no-repeat;
  width: 7px;
  height: 7px;
  margin: 11px 10px 0 0;
  cursor: pointer;
}

/* line 166, app/assets/stylesheets/billing/clients.css.scss */
.client_container_top .cross_btn:hover {
  background: url(/btn_x_client.png) no-repeat 0px -7px;
}

/* line 172, app/assets/stylesheets/billing/clients.css.scss */
.client_row_content {
  float: left;
  width: 100%;
  padding: 16px 0 0 0;
}

/* line 177, app/assets/stylesheets/billing/clients.css.scss */
.client_bal {
  float: left;
  width: 140px;
  padding: 0 0 0 41px;
}

/* line 182, app/assets/stylesheets/billing/clients.css.scss */
.client_bal .bal_box {
  float: left;
  width: 100%;
}

/* line 185, app/assets/stylesheets/billing/clients.css.scss */
.client_bal .bal_box.center {
  padding: 24px 0;
}

/* line 188, app/assets/stylesheets/billing/clients.css.scss */
.client_bal .bal_box h2 {
  font-family: "Dosis Medium",sans-serif;
}

/* line 190, app/assets/stylesheets/billing/clients.css.scss */
.client_bal .bal_box h2.orange {
  color: #ff8a00;
}

/* line 193, app/assets/stylesheets/billing/clients.css.scss */
.client_bal .bal_box h2.blue {
  color: #00ACE5;
}

/* line 197, app/assets/stylesheets/billing/clients.css.scss */
.client_bal .bal_box h2, .client_bal .bal_box p {
  float: left;
  width: 100%;
}

/* line 201, app/assets/stylesheets/billing/clients.css.scss */
.client_bal .bal_box p {
  font-size: 11px;
  color: #959595;
}

/* line 208, app/assets/stylesheets/billing/clients.css.scss */
.client_invoices {
  float: left;
  width: 288px;
  height: 171px;
}

/* line 212, app/assets/stylesheets/billing/clients.css.scss */
.client_invoices.primary {
  margin: 0 42px 0 0;
}

/* line 215, app/assets/stylesheets/billing/clients.css.scss */
.client_invoices h2 {
  font-size: 18px;
  color: #00ace5;
  padding-bottom: 6px;
  float: left;
  width: 50%;
}

/* line 222, app/assets/stylesheets/billing/clients.css.scss */
.client_invoices a.client_new_invoice,
.client_invoices a.client_new_payment {
  font-family: "Dosis Medium",sans-serif;
  float: right;
  font-size: 13px;
  line-height: 26px;
  padding: 0 21px 0 0;
}

/* line 230, app/assets/stylesheets/billing/clients.css.scss */
.client_invoices .scrollContainer {
  height: 114px;
}

/* line 233, app/assets/stylesheets/billing/clients.css.scss */
.client_invoices .mCustomScrollBox > .mCSB_scrollTools {
  right: -5px;
}

/* line 237, app/assets/stylesheets/billing/clients.css.scss */
.client_invoices .grid_table.top {
  padding-top: 0px;
  width: 100%;
}

/* line 240, app/assets/stylesheets/billing/clients.css.scss */
.client_invoices .grid_table.top table {
  table-layout: auto;
}

/* line 242, app/assets/stylesheets/billing/clients.css.scss */
.client_invoices .grid_table.top table col.one {
  /*invoice*/
}

/* line 245, app/assets/stylesheets/billing/clients.css.scss */
.client_invoices .grid_table.top table th:last-child {
  padding-right: 21px;
}

/* line 250, app/assets/stylesheets/billing/clients.css.scss */
.client_invoices .grid_table.btm {
  padding-top: 0px;
  width: 92.5%;
}

/* line 255, app/assets/stylesheets/billing/clients.css.scss */
.client_invoices .grid_table table col.one {
  /*invoice*/
  width: 50px;
}

/* line 258, app/assets/stylesheets/billing/clients.css.scss */
.client_invoices .grid_table table col.two {
  /*client pvt*/
  width: 67px;
}

/* line 261, app/assets/stylesheets/billing/clients.css.scss */
.client_invoices .grid_table table col.three {
  /*company*/
  width: 95px;
}

/* line 264, app/assets/stylesheets/billing/clients.css.scss */
.client_invoices .grid_table table col.four {
  /*date*/
  width: 83px;
}

/* line 267, app/assets/stylesheets/billing/clients.css.scss */
.client_invoices .grid_table table th {
  font-weight: bold;
  color: #464646;
  border-right: none !important;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0px !important;
}

/* line 275, app/assets/stylesheets/billing/clients.css.scss */
.client_invoices .grid_table table td {
  border-bottom: 1px solid #d7d7d7;
}

/* line 277, app/assets/stylesheets/billing/clients.css.scss */
.client_invoices .grid_table table td :last-child {
  border-bottom: none !important;
}

/* line 282, app/assets/stylesheets/billing/clients.css.scss */
.client_invoices .grid_table table tr th, .client_invoices .grid_table table tr td {
  background: #ffffff;
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
  font-size: 11px;
}
/* Dashboard Colorful Styles */
/* line 2, app/assets/stylesheets/billing/dashboard.scss */
.billing-dashboard {
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
  min-height: 100vh;
  padding: 20px 0;
}

/* line 7, app/assets/stylesheets/billing/dashboard.scss */
.billing-dashboard .dashboard-box {
  float: left;
  width: 92.9%;
  padding: 22px 29px 29px 28px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border: none;
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
  color: white;
  margin-bottom: 20px;
  transition: all 0.3s ease;
}

/* line 19, app/assets/stylesheets/billing/dashboard.scss */
.billing-dashboard .dashboard-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);
}

/* line 24, app/assets/stylesheets/billing/dashboard.scss */
.billing-dashboard .dashboard-box.custom {
  width: 100%;
  float: none;
}

/* Colorful Alert Boxes */
/* line 37, app/assets/stylesheets/billing/dashboard.scss */
.alert-success {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%) !important;
  border: none !important;
  color: white !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 25px rgba(79, 172, 254, 0.3) !important;
}

/* line 44, app/assets/stylesheets/billing/dashboard.scss */
.alert-success a {
  color: white !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
}

/* Colorful Chart Containers */
/* line 52, app/assets/stylesheets/billing/dashboard.scss */
#customer_invoice {
  background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
  border-radius: 15px;
  padding: 20px;
  box-shadow: 0 10px 30px rgba(250, 112, 154, 0.3);
  margin-bottom: 20px;
}

/* line 60, app/assets/stylesheets/billing/dashboard.scss */
#supplier_invoice {
  background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
  border-radius: 15px;
  padding: 20px;
  box-shadow: 0 10px 30px rgba(168, 237, 234, 0.3);
  margin-bottom: 20px;
}

/* line 68, app/assets/stylesheets/billing/dashboard.scss */
#cash_in_out {
  background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
  border-radius: 15px;
  padding: 20px;
  box-shadow: 0 10px 30px rgba(255, 236, 210, 0.3);
  margin-bottom: 20px;
}

/* line 76, app/assets/stylesheets/billing/dashboard.scss */
#bank_transaction {
  background: linear-gradient(135deg, #a8c8ec 0%, #7e57c2 100%);
  border-radius: 15px;
  padding: 20px;
  box-shadow: 0 10px 30px rgba(168, 200, 236, 0.3);
  margin-bottom: 20px;
}

/* line 84, app/assets/stylesheets/billing/dashboard.scss */
#bank_transaction_daily {
  background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);
  border-radius: 15px;
  padding: 20px;
  box-shadow: 0 10px 30px rgba(255, 154, 158, 0.3);
  margin-bottom: 20px;
}

/* Colorful In/Out Button */
/* line 93, app/assets/stylesheets/billing/dashboard.scss */
.in-out-button {
  font-size: 18px !important;
  padding: 12px 30px !important;
  border-radius: 25px !important;
  border: none !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.3s ease !important;
  margin: 20px 0 !important;
}

/* line 105, app/assets/stylesheets/billing/dashboard.scss */
.in-out-button:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.3) !important;
}

/* line 111, app/assets/stylesheets/billing/dashboard.scss */
.btn-info {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

/* line 115, app/assets/stylesheets/billing/dashboard.scss */
.btn-danger {
  background: linear-gradient(135deg, #ff758c 0%, #ff7eb3 100%) !important;
}

/* Colorful Tables */
/* line 120, app/assets/stylesheets/billing/dashboard.scss */
.custom-table {
  margin-bottom: 0px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

/* line 126, app/assets/stylesheets/billing/dashboard.scss */
.custom-table thead {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #fdfdfd;
}

/* line 130, app/assets/stylesheets/billing/dashboard.scss */
.custom-table thead tr th {
  font-size: 13px;
  padding: 12px 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 137, app/assets/stylesheets/billing/dashboard.scss */
.custom-table thead tr th a {
  color: #fff;
  text-decoration: none;
}

/* line 147, app/assets/stylesheets/billing/dashboard.scss */
.custom-table tbody tr:nth-child(odd) {
  background: linear-gradient(135deg, #f8f9ff 0%, #f0f2ff 100%);
}

/* line 150, app/assets/stylesheets/billing/dashboard.scss */
.custom-table tbody tr:nth-child(even) {
  background: linear-gradient(135deg, #fff 0%, #f8f9ff 100%);
}

/* line 154, app/assets/stylesheets/billing/dashboard.scss */
.custom-table tbody tr td {
  padding: 12px 15px;
  border: none;
  font-size: 14px;
}

/* line 160, app/assets/stylesheets/billing/dashboard.scss */
.custom-table tbody tr:hover {
  background: linear-gradient(135deg, #e3f2fd 0%, #f3e5f5 100%);
  transform: scale(1.02);
  transition: all 0.3s ease;
}

/* Statistics Section Styling */
/* line 171, app/assets/stylesheets/billing/dashboard.scss */
.center-nav h4 {
  color: #667eea;
  font-weight: 700;
  font-size: 28px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}

/* line 180, app/assets/stylesheets/billing/dashboard.scss */
.center-nav .col-sm-6:first-child {
  background: linear-gradient(135deg, #e8f5e8 0%, #b8e6b8 100%);
  border-radius: 15px;
  padding: 25px;
  margin-right: 10px;
  box-shadow: 0 10px 30px rgba(184, 230, 184, 0.3);
}

/* line 188, app/assets/stylesheets/billing/dashboard.scss */
.center-nav .col-sm-6:last-child {
  background: linear-gradient(135deg, #fff4e6 0%, #ffe0b3 100%);
  border-radius: 15px;
  padding: 25px;
  margin-left: 10px;
  box-shadow: 0 10px 30px rgba(255, 224, 179, 0.3);
}

/* Todo Jobs Section */
/* line 199, app/assets/stylesheets/billing/dashboard.scss */
.table-striped {
  border-radius: 12px;
  overflow: hidden;
}

/* line 203, app/assets/stylesheets/billing/dashboard.scss */
.table-striped thead {
  background: linear-gradient(135deg, #ffa726 0%, #ff7043 100%);
  color: white;
}

/* line 207, app/assets/stylesheets/billing/dashboard.scss */
.table-striped thead th {
  padding: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: none;
}

/* line 218, app/assets/stylesheets/billing/dashboard.scss */
.table-striped tbody tr:nth-child(odd) {
  background: linear-gradient(135deg, #fff8f3 0%, #ffe4d6 100%);
}

/* line 222, app/assets/stylesheets/billing/dashboard.scss */
.table-striped tbody tr td {
  padding: 12px 15px;
  border: none;
}

/* line 227, app/assets/stylesheets/billing/dashboard.scss */
.table-striped tbody tr:hover {
  background: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%);
}

/* Row styling with colorful backgrounds */
/* line 235, app/assets/stylesheets/billing/dashboard.scss */
.row {
  margin-bottom: 30px;
}

/* line 238, app/assets/stylesheets/billing/dashboard.scss */
.row .col-sm-6, .row .col-sm-12 {
  margin-bottom: 20px;
}
/* line 1, app/assets/stylesheets/billing/excel-table.scss */
.excel-table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  max-width: 100%;
}

/* line 6, app/assets/stylesheets/billing/excel-table.scss */
.excel-table thead {
  background-color: #f3f3f3;
}

/* line 9, app/assets/stylesheets/billing/excel-table.scss */
.excel-table thead tr th {
  border-right: solid 1px #cccccc;
  padding: 7px;
  text-align: center;
}

/* line 13, app/assets/stylesheets/billing/excel-table.scss */
.excel-table thead tr th:last-child {
  border-right: none;
}

/* line 19, app/assets/stylesheets/billing/excel-table.scss */
.excel-table thead > tr, .excel-table tbody > tr {
  text-align: center;
  border: 1px solid #ccc;
}

/* line 23, app/assets/stylesheets/billing/excel-table.scss */
.excel-table th, .excel-table td {
  font-size: 12px;
}

/* line 27, app/assets/stylesheets/billing/excel-table.scss */
.excel-table td {
  padding: 3px !important;
  border: 1px solid #cccccc;
  /*min-width: 46px;*/
}

/* line 31, app/assets/stylesheets/billing/excel-table.scss */
.excel-table td label {
  margin: 0;
}

/* line 34, app/assets/stylesheets/billing/excel-table.scss */
.excel-table td input {
  background: #ffffff;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 5px 5px 2px 5px;
  width: 100%;
}

/* line 45, app/assets/stylesheets/billing/excel-table.scss */
.excel-table tr > td:first-child {
  background-color: #f3f3f3;
  min-width: 40px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
/* line 2, app/assets/stylesheets/billing/invoices.scss */
.invoice-top-inputs label {
  display: block;
  float: none;
}

/* line 6, app/assets/stylesheets/billing/invoices.scss */
.invoice-top-inputs input, .invoice-top-inputs select {
  padding: 5px 5px;
  max-width: 250px;
  height: 30px;
}

/* line 11, app/assets/stylesheets/billing/invoices.scss */
.invoice-top-inputs .right-section {
  width: 250px;
  float: right;
}

/* line 20, app/assets/stylesheets/billing/invoices.scss */
.invoice-form .grid-summary-content {
  width: 220px;
}

/* line 22, app/assets/stylesheets/billing/invoices.scss */
.invoice-form .grid-summary-content .grid-summary-title {
  float: left;
  width: 150px;
  padding: 0 0 0 10px;
}

/* line 27, app/assets/stylesheets/billing/invoices.scss */
.invoice-form .grid-summary-content .grid-summary-description {
  float: right;
  width: 60px;
  padding: 0 10px 0 0;
  text-align: right;
}

/* line 34, app/assets/stylesheets/billing/invoices.scss */
.invoice-form .grid-summary-content input.invoice-discount {
  height: 28px;
  line-height: 28px;
  padding: 0 9px 0 9px;
  text-align: right;
  width: 42px;
}

/* line 43, app/assets/stylesheets/billing/invoices.scss */
.invoice-form .grid-summary-content select.discount-select {
  line-height: 20px;
  width: 70px;
  margin: 0 5px 3px 0;
  height: 30px;
  padding-left: 5px;
}

/* line 49, app/assets/stylesheets/billing/invoices.scss */
.invoice-form .grid-summary-content select.discount-select .net_total_value {
  line-height: 34px !important;
  margin-bottom: 0 !important;
}

/* line 55, app/assets/stylesheets/billing/invoices.scss */
.invoice-form .grid-summary-content .grid-summary-row {
  float: left;
  width: 100%;
  min-height: 31px;
}

/* line 59, app/assets/stylesheets/billing/invoices.scss */
.invoice-form .grid-summary-content .grid-summary-row.net-total {
  border-top: double #d7d7d7;
  border-bottom: double #d7d7d7;
  min-height: 34px;
  line-height: 34px;
  font-weight: bold;
  margin-top: 20px;
}

/* line 69, app/assets/stylesheets/billing/invoices.scss */
.invoice-form .line-total {
  margin-top: 4px;
  width: 70px;
  text-align: center;
}

/* line 74, app/assets/stylesheets/billing/invoices.scss */
.invoice-form .invoice-note {
  width: 75%;
  height: 115px;
}

/* line 81, app/assets/stylesheets/billing/invoices.scss */
.show-invoice .primary-heading {
  float: left;
  min-height: 35px;
  padding: 15px 0 0 0;
}

/* line 87, app/assets/stylesheets/billing/invoices.scss */
.show-invoice .primary-links {
  float: right;
  min-height: 15px;
  padding: 23px 0 0;
}

/* line 92, app/assets/stylesheets/billing/invoices.scss */
.show-invoice .primary-links ul li {
  display: inline-block;
  list-style: none;
  padding: 0 14px 0 0;
  margin: 0 13px 0 0;
  position: relative;
}

/* line 98, app/assets/stylesheets/billing/invoices.scss */
.show-invoice .primary-links ul li:before {
  content: '';
  position: absolute;
  border-right: solid 1px #cccccc;
  top: 0;
  bottom: 0;
  right: 0;
}

/* line 110, app/assets/stylesheets/billing/invoices.scss */
.show-invoice .content-top {
  width: 100%;
  border-bottom: 1px solid #99e5f5;
}

/* line 118, app/assets/stylesheets/billing/invoices.scss */
.invoice-preview .invoice-tag,
.invoice-payment .invoice-tag {
  position: absolute;
  margin: -1px 0 0 -1px;
  left: 0;
  top: 0;
  background: red;
}

/* line 126, app/assets/stylesheets/billing/invoices.scss */
.invoice-preview .invoice-tag:before,
.invoice-payment .invoice-tag:before {
  content: '';
  border-width: 20px;
  border-style: solid;
  border-color: transparent red transparent red;
}

/* line 133, app/assets/stylesheets/billing/invoices.scss */
.invoice-preview .invoice-preview-container,
.invoice-payment .invoice-preview-container {
  position: relative;
  margin: auto;
  width: 100%;
  border: 1px solid #d7d7d7;
  overflow: hidden;
  border-radius: 4px;
  min-height: 90px;
  padding: 25px;
  margin-top: 20px;
}

/* line 144, app/assets/stylesheets/billing/invoices.scss */
.invoice-preview .invoice-summary-table,
.invoice-payment .invoice-summary-table {
  width: 100%;
}

/* line 146, app/assets/stylesheets/billing/invoices.scss */
.invoice-preview .invoice-summary-table .right-section,
.invoice-payment .invoice-summary-table .right-section {
  width: 250px;
}

/* line 148, app/assets/stylesheets/billing/invoices.scss */
.invoice-preview .invoice-summary-table .right-section table,
.invoice-payment .invoice-summary-table .right-section table {
  width: 100%;
}

/* line 151, app/assets/stylesheets/billing/invoices.scss */
.invoice-preview .invoice-summary-table .right-section table.amount-summary td,
.invoice-payment .invoice-summary-table .right-section table.amount-summary td {
  padding: 4px 0;
}

/* line 156, app/assets/stylesheets/billing/invoices.scss */
.invoice-preview .invoice-summary-table .right-section label,
.invoice-payment .invoice-summary-table .right-section label {
  width: 100px;
  position: relative;
  font-weight: normal;
}

/* line 160, app/assets/stylesheets/billing/invoices.scss */
.invoice-preview .invoice-summary-table .right-section label:before,
.invoice-payment .invoice-summary-table .right-section label:before {
  content: ':';
  position: absolute;
  right: 0;
}

/* line 167, app/assets/stylesheets/billing/invoices.scss */
.invoice-preview .invoice-summary-table .bottom-border,
.invoice-payment .invoice-summary-table .bottom-border {
  border-bottom: solid 1px #074e66;
}

/* line 171, app/assets/stylesheets/billing/invoices.scss */
.invoice-preview .preview-top,
.invoice-payment .preview-top {
  padding: 5px 0;
  border-bottom: solid 1px #cccccc;
  margin-bottom: 5px;
}

/* line 176, app/assets/stylesheets/billing/invoices.scss */
.invoice-preview .preview-content-middle,
.invoice-payment .preview-content-middle {
  margin-bottom: 20px;
}

/* line 180, app/assets/stylesheets/billing/invoices.scss */
.invoice-preview table .unit-amount-row,
.invoice-payment table .unit-amount-row {
  width: 100px;
  text-align: center;
}

/* line 188, app/assets/stylesheets/billing/invoices.scss */
.invoice-payment .invoice-summary-table {
  width: 100%;
}

/* line 190, app/assets/stylesheets/billing/invoices.scss */
.invoice-payment .invoice-summary-table .right-section {
  padding: 36px 20px 15px 39px;
  border: 1px solid #D7D7D7;
  border-radius: 3px 3px 3px 3px;
  max-width: 350px;
  min-height: 234px;
  width: auto;
}
/* tables */
/* line 2, app/assets/stylesheets/billing/table_shortet.scss */
table.tablesorter {
  width: 100%;
  text-align: left;
}

/* line 7, app/assets/stylesheets/billing/table_shortet.scss */
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
  background-color: #1A7791;
  color: #fdfdfd;
}

/* line 12, app/assets/stylesheets/billing/table_shortet.scss */
table.tablesorter thead tr .header {
  background-image: url(/images/bg.png);
  background-repeat: no-repeat;
  background-position: center left;
  cursor: pointer;
  text-indent: 12px;
}

/* line 20, app/assets/stylesheets/billing/table_shortet.scss */
table.tablesorter tbody td {
  vertical-align: top;
}

/* line 24, app/assets/stylesheets/billing/table_shortet.scss */
table.tablesorter tbody tr.odd td {
  background-color: #F0F0F6;
}

/* line 28, app/assets/stylesheets/billing/table_shortet.scss */
table.tablesorter thead tr .headerSortUp {
  background-image: url(/images/asc.png);
}

/* line 32, app/assets/stylesheets/billing/table_shortet.scss */
table.tablesorter thead tr .headerSortDown {
  background-image: url(/images/desc.png);
}

/* line 36, app/assets/stylesheets/billing/table_shortet.scss */
#pager {
  padding: 4px 0;
  margin: 0 0 5px 0 !important;
}

/* line 39, app/assets/stylesheets/billing/table_shortet.scss */
#pager .pagedisplay {
  border: 1px solid #e8e8e8;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
  width: 50px;
}

/* line 46, app/assets/stylesheets/billing/table_shortet.scss */
#pager .paging-perpage {
  padding: 4px 10px 0;
}

/* line 48, app/assets/stylesheets/billing/table_shortet.scss */
#pager .paging-perpage a {
  text-decoration: none;
  padding: 0 3px;
  display: inline-block;
  color: #717171;
  background: #e9e9e9;
  border-radius: 3px;
  border: solid 1px #c0c0c0;
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.7), 0px 1px 3px rgba(0, 0, 0, 0.1);
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.7);
}

/* line 60, app/assets/stylesheets/billing/table_shortet.scss */
#pager .paging-perpage a.active {
  background: #CCCCCC;
}

/* line 63, app/assets/stylesheets/billing/table_shortet.scss */
#pager .paging-perpage a:hover {
  text-decoration: none;
}

/* line 68, app/assets/stylesheets/billing/table_shortet.scss */
#pager .paging-action {
  padding-right: 10px;
}

/* line 70, app/assets/stylesheets/billing/table_shortet.scss */
#pager .paging-action img {
  cursor: pointer;
}

/* line 80, app/assets/stylesheets/billing/table_shortet.scss */
.weekend-table tbody tr td:first-child {
  vertical-align: middle;
}

/* line 84, app/assets/stylesheets/billing/table_shortet.scss */
.weekend-table tbody tr td, .weekend-table tbody tr th {
  border: inherit;
}

/* line 86, app/assets/stylesheets/billing/table_shortet.scss */
.weekend-table tbody tr td label, .weekend-table tbody tr th label {
  margin: 0;
  font-size: 16px;
}
/* line 4, app/assets/stylesheets/card.scss */
#card {
  width: 400px;
}

/* line 8, app/assets/stylesheets/card.scss */
.card {
  width: 355px;
  height: 200px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 2px #cccccc;
  -moz-box-shadow: 1px 1px 2px #cccccc;
  box-shadow: 1px 1px 2px #cccccc;
  margin-bottom: 10px;
  padding: 10px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  font-family: 'Lucida Grande';
  position: relative;
}

/* line 23, app/assets/stylesheets/card.scss */
.card .card-logo {
  margin-top: -14px;
  max-height: 86px;
  max-width: 240px;
  opacity: 0.7;
}

/* line 29, app/assets/stylesheets/card.scss */
.card .exp {
  line-height: 17px;
}

/* line 32, app/assets/stylesheets/card.scss */
.card .exp-date {
  margin-left: 8px;
}

/* line 36, app/assets/stylesheets/card.scss */
.card .name {
  font-size: 22px;
  text-shadow: 1px 2px 3px #dfdfdf;
}

/* line 40, app/assets/stylesheets/card.scss */
.card .barcode {
  width: 100%;
}

/* line 44, app/assets/stylesheets/card.scss */
.card .back-image {
  left: 50px;
  max-height: 59%;
  max-width: 59%;
  opacity: 0.3;
  position: absolute;
  top: 50px;
}

/* line 53, app/assets/stylesheets/card.scss */
.card .main-logo {
  width: 80px;
}

/* line 57, app/assets/stylesheets/card.scss */
.card .tnc {
  font-size: 10px;
  font-style: italic;
  line-height: 14px;
  text-align: justify;
}

/* line 64, app/assets/stylesheets/card.scss */
.card .auth-sign {
  font-size: 11px;
  margin-top: 17px;
  width: 146px;
}

/* line 69, app/assets/stylesheets/card.scss */
.card .lost-info {
  font-size: 8px;
  margin-top: -80px;
  vertical-align: top;
  width: 161px;
}

/* line 77, app/assets/stylesheets/card.scss */
.card-image {
  height: 70px;
  width: 90px;
}

/* line 82, app/assets/stylesheets/card.scss */
.silver {
  background: #e0e1e4;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e0e1e4 0%, #d0d0d3 50%, #a6a5ab 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e0e1e4 0%, #d0d0d3 50%, #a6a5ab 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e0e1e4 0%, #d0d0d3 50%, #a6a5ab 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e1e4', endColorstr='#a6a5ab', GradientType=0);
  /* IE6-9 */
  color: #3A586C;
  font-weight: bold;
}

/* line 92, app/assets/stylesheets/card.scss */
.gold {
  background: #dad969;
  /* Old browsers */
  background: -moz-linear-gradient(top, #dad969 0%, #bea838 50%, #b59723 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #dad969 0%, #bea838 50%, #b59723 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #dad969 0%, #bea838 50%, #b59723 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dad969', endColorstr='#b59723', GradientType=0);
  /* IE6-9 */
  color: #3a586c;
  font-weight: bold;
}

/* line 102, app/assets/stylesheets/card.scss */
.platinum {
  background: #a29f9a;
  /* Old browsers */
  background: -moz-linear-gradient(top, #a29f9a 0%, #aba6a0 50%, #bdb8b2 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #a29f9a 0%, #aba6a0 50%, #bdb8b2 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #a29f9a 0%, #aba6a0 50%, #bdb8b2 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a29f9a', endColorstr='#bdb8b2', GradientType=0);
  /* IE6-9 */
  color: #3a586c;
  font-weight: bold;
}

/* line 116, app/assets/stylesheets/card.scss */
#render {
  width: 355px;
  height: 200px;
  margin: 50px;
  float: right;
}

/* line 123, app/assets/stylesheets/card.scss */
#picture {
  float: right;
  height: 70px;
  width: 90px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* line 132, app/assets/stylesheets/card.scss */
#camera, #snapshots {
  width: 350px;
  height: 250px;
}

/* line 137, app/assets/stylesheets/card.scss */
#take_snapshots, #upload_snapshots {
  display: inline-block;
  margin: 5px 0;
}

/* line 142, app/assets/stylesheets/card.scss */
.pull-left {
  float: left;
}

/* line 146, app/assets/stylesheets/card.scss */
.pull-right {
  float: right;
}

/* line 150, app/assets/stylesheets/card.scss */
.clear {
  clear: both;
}

/* line 154, app/assets/stylesheets/card.scss */
.bar-code-image {
  width: 300px;
  font-size: 13px;
  text-align: center;
  margin-top: 12px;
}

/* line 161, app/assets/stylesheets/card.scss */
#employee-card {
  font-family: 'Helvetica Neue';
  width: 642px;
  border: solid 1px #CCCCCC;
}

/* line 165, app/assets/stylesheets/card.scss */
#employee-card .card-info {
  height: 330px;
  border: solid 1px;
}

/* line 170, app/assets/stylesheets/card.scss */
#employee-card .card-fornt {
  margin: 10px;
  float: left;
  width: 300px;
  height: 405px;
}

/* line 177, app/assets/stylesheets/card.scss */
#employee-card .card-back {
  margin: 10px;
  border: solid 1px;
  float: left;
  width: 300px;
  height: 405px;
}

/* line 184, app/assets/stylesheets/card.scss */
#employee-card .card-footer {
  height: 75px;
  background: #10218B;
  padding: 2px 10px;
  color: #fdfdfd;
  font-size: 11.5px;
}

/* line 191, app/assets/stylesheets/card.scss */
#employee-card .company-name {
  margin: 5px 0;
  text-align: center;
  font-family: fantasy;
  font-size: 18px;
}

/* line 197, app/assets/stylesheets/card.scss */
#employee-card .company-logo {
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  width: 120px;
}

/* line 202, app/assets/stylesheets/card.scss */
#employee-card .company-logo img {
  width: 100%;
  height: 100%;
}

/* line 207, app/assets/stylesheets/card.scss */
#employee-card .card-icon-image {
  background-image: url("/pipeline_assets/card_icon-f60c49567315823cb62298d14a81ed912d33b7d55c8ad44ba0d88dd11716b45b.png");
  padding-top: 37px;
  padding-bottom: 10px;
  background-repeat: no-repeat;
  background-size: 100%;
}

/* line 213, app/assets/stylesheets/card.scss */
#employee-card .card-icon-image .emp-image {
  width: 79px;
  height: 79px;
  -webkit-border-radius: 20px 0 20px 0;
  -moz-border-radius: 20px 0 20px 0;
  border-radius: 20px 0 20px 0;
  border: solid 2px #1F7140;
  margin: auto auto 4px;
}

/* line 223, app/assets/stylesheets/card.scss */
#employee-card .emp-name {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

/* line 228, app/assets/stylesheets/card.scss */
#employee-card .auth-sign {
  margin-left: 10px;
  width: 146px;
  font-size: 12px;
}

/* line 233, app/assets/stylesheets/card.scss */
#employee-card .employee-id {
  padding-top: 15px;
  text-align: center;
  font-size: 14px;
  margin-bottom: 0;
}

/* line 240, app/assets/stylesheets/card.scss */
#employee-card .employee-info {
  padding-top: 28px;
}

/* line 242, app/assets/stylesheets/card.scss */
#employee-card .employee-info ul {
  padding: 10px;
}

/* line 245, app/assets/stylesheets/card.scss */
#employee-card .employee-info li {
  list-style: none;
  font-size: 13px;
}

/* line 251, app/assets/stylesheets/card.scss */
#employee-card .terms-condition {
  padding-bottom: 0;
  font-size: 13px;
}

/* line 254, app/assets/stylesheets/card.scss */
#employee-card .terms-condition ul {
  margin-bottom: 0px;
  list-style: none;
  padding-left: 10px;
}

/* line 258, app/assets/stylesheets/card.scss */
#employee-card .terms-condition ul li {
  padding-bottom: 10px;
}

/* line 262, app/assets/stylesheets/card.scss */
#employee-card .terms-condition .list-icone {
  display: inline-block;
  vertical-align: top;
}

/* line 267, app/assets/stylesheets/card.scss */
#employee-card .terms-condition .condition {
  width: 92%;
  display: inline-block;
}

/* line 272, app/assets/stylesheets/card.scss */
#employee-card .department-info {
  padding-left: 10px;
}
/* line 5, app/assets/stylesheets/cash_books/cash_book.scss */
.cash-book-in-items {
  padding: 0;
  margin: 0;
}

/* line 8, app/assets/stylesheets/cash_books/cash_book.scss */
.cash-book-in-items li {
  list-style: none;
  padding: 7px;
  border-bottom: solid 1px #cccccc;
}

/* line 13, app/assets/stylesheets/cash_books/cash_book.scss */
.cash-book-in-items li:last-child {
  border: none;
}

/* line 19, app/assets/stylesheets/cash_books/cash_book.scss */
.cash-book-out-items {
  padding: 0;
  margin: 0;
}

/* line 22, app/assets/stylesheets/cash_books/cash_book.scss */
.cash-book-out-items li {
  list-style: none;
  padding: 7px;
  border-bottom: solid 1px #cccccc;
}

/* line 27, app/assets/stylesheets/cash_books/cash_book.scss */
.cash-book-out-items li:last-child {
  border: none;
}

/* line 34, app/assets/stylesheets/cash_books/cash_book.scss */
.cash-book-actions ul {
  padding: 0;
  margin: 0;
  list-style: none;
  min-height: 330px;
}

/* line 38, app/assets/stylesheets/cash_books/cash_book.scss */
.cash-book-actions ul li {
  padding-left: 5px;
}

/* line 44, app/assets/stylesheets/cash_books/cash_book.scss */
.cash-book-actions h3.header {
  margin: 0;
  padding: 10px 5px;
  font-size: 14px;
  font-weight: bold;
  background: #cccccc;
}

/* line 58, app/assets/stylesheets/cash_books/cash_book.scss */
.two-row-cash-book .details {
  width: 32px;
  text-align: center;
}

/* line 63, app/assets/stylesheets/cash_books/cash_book.scss */
.two-row-cash-book .row-amount {
  width: 150px;
  text-align: center;
}

/* line 69, app/assets/stylesheets/cash_books/cash_book.scss */
.distribution-information {
  text-align: center;
}

/* line 74, app/assets/stylesheets/cash_books/cash_book.scss */
.daily-sales-input .form-group {
  padding: 0;
  margin: 0;
}

/* line 78, app/assets/stylesheets/cash_books/cash_book.scss */
.daily-sales-input label {
  padding: 0;
}

/* line 82, app/assets/stylesheets/cash_books/cash_book.scss */
.daily-sales-input .card-sales_input .form-group {
  margin-bottom: 15px;
}

/* line 88, app/assets/stylesheets/cash_books/cash_book.scss */
.remove-input {
  text-align: center;
  width: 40px;
}

/* line 93, app/assets/stylesheets/cash_books/cash_book.scss */
.display-liability-bank, .display-person-name, .liabilities_liability_person_name, .liabilities_liability_bank_account, .liabilities_liability_person_details {
  display: none;
}

/* line 97, app/assets/stylesheets/cash_books/cash_book.scss */
#g_container {
  width: 400px;
  margin: auto;
  height: 280px;
}

/* line 103, app/assets/stylesheets/cash_books/cash_book.scss */
.td_width {
  width: 75%;
}

/* line 107, app/assets/stylesheets/cash_books/cash_book.scss */
.td_width_small {
  width: 6%;
}

/* line 111, app/assets/stylesheets/cash_books/cash_book.scss */
.gross-total {
  background: #F8F9FB;
}

/* line 113, app/assets/stylesheets/cash_books/cash_book.scss */
.gross-total td {
  padding: 5px !important;
}

/* line 118, app/assets/stylesheets/cash_books/cash_book.scss */
.profit-loss-header {
  background: #1397C4;
  color: #ffffff;
  cursor: pointer;
}

/* line 124, app/assets/stylesheets/cash_books/cash_book.scss */
.cursor-inherit {
  cursor: inherit;
}

/* line 128, app/assets/stylesheets/cash_books/cash_book.scss */
.income_tax_link {
  color: #ffffff;
  cursor: pointer;
  padding-left: 100px;
}
/* line 6, app/assets/stylesheets/chart_of_accounts.scss */
ul.product-categories-of-ca {
  list-style: none;
  margin: 0;
  background: #fff;
  padding: 0 0 30px 0;
  width: 315px;
  height: 100%;
  overflow: auto;
}

/* line 15, app/assets/stylesheets/chart_of_accounts.scss */
ul.product-categories-of-ca .top-active ul {
  display: block;
}

/* line 19, app/assets/stylesheets/chart_of_accounts.scss */
ul.product-categories-of-ca li {
  position: relative;
}

/* line 21, app/assets/stylesheets/chart_of_accounts.scss */
ul.product-categories-of-ca li a {
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left: 25px;
  display: inline-block;
  color: #707070;
  font-size: 18px;
  text-transform: capitalize;
  font-family: Poppins, sans-serif;
  font-weight: 400;
  position: relative;
}

/* line 32, app/assets/stylesheets/chart_of_accounts.scss */
ul.product-categories-of-ca li a.active {
  color: #E43E4E;
  font-weight: bold;
}

/* line 36, app/assets/stylesheets/chart_of_accounts.scss */
ul.product-categories-of-ca li a:hover {
  color: #fcc030;
}

/* line 39, app/assets/stylesheets/chart_of_accounts.scss */
ul.product-categories-of-ca li a:before {
  content: "";
  display: inline-block;
  left: 0;
  position: absolute;
  width: 6px;
  height: 6px;
  top: 10px;
  background-color: #c1c5c8;
}

/* line 50, app/assets/stylesheets/chart_of_accounts.scss */
ul.product-categories-of-ca li .collapse-ref {
  font-size: 12px;
  color: #707070;
  padding: 5px 3px 3px 3px;
  line-height: 0;
  cursor: pointer;
  position: absolute;
  right: 0;
}

/* line 59, app/assets/stylesheets/chart_of_accounts.scss */
ul.product-categories-of-ca li ul {
  padding-left: 10px;
  display: none;
}

/* line 62, app/assets/stylesheets/chart_of_accounts.scss */
ul.product-categories-of-ca li ul li {
  list-style: none;
}
/* line 1, app/assets/stylesheets/checkbox.scss */
.checkbox label:after,
.radio label:after {
  content: '';
  display: table;
  clear: both;
}

/* line 8, app/assets/stylesheets/checkbox.scss */
.checkbox .cr,
.radio .cr {
  position: relative;
  display: inline-block;
  border: 1px solid #a9a9a9;
  border-radius: .25em;
  width: 16px;
  height: 16px;
  float: left;
  margin-right: .5em;
}

/* line 20, app/assets/stylesheets/checkbox.scss */
.radio .cr {
  border-radius: 50%;
}

/* line 24, app/assets/stylesheets/checkbox.scss */
.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
  position: absolute;
  font-size: .8em;
  line-height: 0;
  top: 50%;
  left: 12%;
  color: #1397C4;
}

/* line 34, app/assets/stylesheets/checkbox.scss */
.radio .cr .cr-icon {
  margin-left: 0.04em;
}

/* line 38, app/assets/stylesheets/checkbox.scss */
.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
  display: none;
}

/* line 43, app/assets/stylesheets/checkbox.scss */
.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
  transform: scale(3) rotateZ(-20deg);
  opacity: 0;
  transition: all .3s ease-in;
}

/* line 50, app/assets/stylesheets/checkbox.scss */
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
  transform: scale(1) rotateZ(0deg);
  opacity: 1;
}

/* line 56, app/assets/stylesheets/checkbox.scss */
.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
  opacity: .5;
}
/* line 1, app/assets/stylesheets/color.scss */
.green {
  color: #339933;
}

/* line 5, app/assets/stylesheets/color.scss */
.green-olive {
  color: #5CB85C;
}

/* line 9, app/assets/stylesheets/color.scss */
.gray {
  color: #777777;
}

/* line 13, app/assets/stylesheets/color.scss */
.font-20 {
  font-size: 20px;
}
/* Beaccount Color Declaration */
/* Syftet logo color */
/* line 9, app/assets/stylesheets/companies.scss */
.company-info .info-body {
  background: #F6F9FC;
  padding: 20px 0px 50px 0px;
  max-width: 1000px;
  margin: auto;
}

/* line 15, app/assets/stylesheets/companies.scss */
.company-info .info-body .actions-button button {
  color: #074E66;
  font-weight: bold;
}

/* line 19, app/assets/stylesheets/companies.scss */
.company-info .info-body .actions-button .add-button {
  color: white;
  background: #57C40A;
}

/* line 24, app/assets/stylesheets/companies.scss */
.company-info .info-body .padding-fifteen {
  padding: 0 15px 0px 15px !important;
}

/* line 27, app/assets/stylesheets/companies.scss */
.company-info .info-body .content-info {
  background: #fdfdfd;
  border: solid 1px #D1DBE3;
  padding: 0px 0px 30px 0px;
}

/* line 31, app/assets/stylesheets/companies.scss */
.company-info .info-body .content-info .table-warapper {
  margin: auto;
  max-width: 998px;
  padding: 0;
}

/* line 36, app/assets/stylesheets/companies.scss */
.company-info .info-body .content-info .form-vertical {
  margin: auto;
  max-width: 825px;
}

/* line 40, app/assets/stylesheets/companies.scss */
.company-info .info-body .content-info label {
  font-weight: bolder;
  font-size: 15px;
  padding-bottom: 5px;
  color: #074E66;
}

/* line 46, app/assets/stylesheets/companies.scss */
.company-info .info-body .content-info input {
  padding-top: 5px;
  border-radius: 0;
  height: 40px;
}

/* line 51, app/assets/stylesheets/companies.scss */
.company-info .info-body .content-info textarea {
  border-radius: 0;
}

/* line 54, app/assets/stylesheets/companies.scss */
.company-info .info-body .content-info .text-center {
  padding-top: 20px;
}

/* line 62, app/assets/stylesheets/companies.scss */
.company-logo {
  max-width: 100%;
  max-height: 150px;
}

/* line 66, app/assets/stylesheets/companies.scss */
.dpt-logo {
  max-height: 80px;
  max-width: 60px;
}

/* line 71, app/assets/stylesheets/companies.scss */
.logo-wrapper {
  position: relative;
  display: table;
  margin: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}

/* line 77, app/assets/stylesheets/companies.scss */
.logo-wrapper .logo-container {
  text-align: center;
  border: solid 1px #ddd;
  width: 124px;
  height: 124px;
  display: table-cell;
  border-radius: 50%;
}

/* line 84, app/assets/stylesheets/companies.scss */
.logo-wrapper .logo-container img {
  width: 120px;
  height: 120px;
}

/* line 91, app/assets/stylesheets/companies.scss */
.custom-upload-file-wrap-placement {
  right: 45px;
  top: 40px;
  cursor: pointer;
}

/* line 94, app/assets/stylesheets/companies.scss */
.custom-upload-file-wrap-placement span {
  font-size: 25px;
}

/* line 102, app/assets/stylesheets/companies.scss */
.credit-card-billing-container h4 {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

/* line 109, app/assets/stylesheets/companies.scss */
.card-info h3, .billing-address h3 {
  font-family: "Roboto", sans-serif;
  color: #0C91C0;
  font-weight: 400;
}

/* Company profile new design */
/* line 117, app/assets/stylesheets/companies.scss */
.cp-img-wrap {
  position: relative;
  height: 150px;
}

/* line 120, app/assets/stylesheets/companies.scss */
.cp-img-wrap .cp-img {
  float: left;
  width: 150px;
}

/* line 124, app/assets/stylesheets/companies.scss */
.cp-img-wrap .cp-img-info {
  left: 0;
  padding-left: 170px;
  position: absolute;
  top: 50%;
  transform: translate(0px, -50%);
}

/* line 133, app/assets/stylesheets/companies.scss */
.cp-header {
  height: 150px;
}

/* line 137, app/assets/stylesheets/companies.scss */
.profile-info-ul-wrap {
  font-size: 15px;
}

/* line 139, app/assets/stylesheets/companies.scss */
.profile-info-ul-wrap li {
  list-style: none;
}

/* line 141, app/assets/stylesheets/companies.scss */
.profile-info-ul-wrap li label {
  min-width: 75px;
}

/* line 145, app/assets/stylesheets/companies.scss */
.profile-info-ul-wrap li p {
  padding-left: 80px;
}

/* line 151, app/assets/stylesheets/companies.scss */
.custom-upload-file-wrap {
  display: table;
  width: 20%;
  overflow: hidden;
  position: relative;
  top: 35px;
  color: #2CACD3;
}

/* line 160, app/assets/stylesheets/companies.scss */
.company-profile {
  border: 1px solid #E6E6E6;
}
/* line 4, app/assets/stylesheets/contacts.scss */
.search-contact-wrapper {
  position: relative;
}

/* line 8, app/assets/stylesheets/contacts.scss */
.search-contact-reset {
  color: #d10522;
  display: block;
  font-size: 14px;
  padding: 3px;
  position: absolute;
  right: 5px;
  text-align: center;
  top: calc(50% - 11px);
  vertical-align: middle;
  cursor: pointer;
}

/* line 21, app/assets/stylesheets/contacts.scss */
.contact-content {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: #fff;
  background-image: none;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto auto;
  border-bottom-color: #d0dae2;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-image-slice: 100% 100% 100% 100%;
  border-image-source: none;
  border-image-width: 1 1 1 1;
  border-left-color: #d0dae2;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #d0dae2;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: #d0dae2;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-top-style: solid;
  border-top-width: 1px;
  width: 100%;
  margin: auto;
  padding: auto;
}

/* line 60, app/assets/stylesheets/contacts.scss */
.contact-menu-item {
  cursor: pointer;
  font-size: 13px;
  margin-bottom: 8px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 8px;
  padding-bottom: 8px;
  padding-left: 25px;
  padding-right: 5px;
  padding-top: 8px;
}

/* line 72, app/assets/stylesheets/contacts.scss */
.contact-menu-item a {
  color: #32465A;
  text-underline: none;
}

/* line 77, app/assets/stylesheets/contacts.scss */
.contact-menu-item a:hover {
  color: green;
  text-decoration: none;
}

/* line 83, app/assets/stylesheets/contacts.scss */
.contact-menu {
  border-right: 1px solid #d0dae2;
}

/* line 87, app/assets/stylesheets/contacts.scss */
.contact-dpwnload {
  padding-top: 20px;
}

/* line 91, app/assets/stylesheets/contacts.scss */
.contact-menu-active {
  font-weight: bolder;
  font-size: 15px;
}
/* line 3, app/assets/stylesheets/custom.scss */
.panel-fullscreen {
  display: block;
  z-index: 9999;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: auto;
}

/* line 16, app/assets/stylesheets/custom.scss */
.panel-fullscreen-btn {
  display: inline-block;
  padding: 2px 5px;
  border: 1px solid gray;
  border-radius: 3px;
  background: gray;
  color: #fff;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

/* line 28, app/assets/stylesheets/custom.scss */
.panel-fullscreen-btn:hover {
  color: #fff;
  cursor: pointer;
  background: #676767;
}

/* line 37, app/assets/stylesheets/custom.scss */
#exampleModalCenter .modal-header .close {
  margin-top: -25px;
}
/* line 4, app/assets/stylesheets/custom_pdf.scss */
.employee-pf-statement-container .employee-pf-statement-info {
  font-size: 12px;
}

/* line 9, app/assets/stylesheets/custom_pdf.scss */
.right-statement-info-wrap {
  width: 50%;
  float: left;
}

/* line 14, app/assets/stylesheets/custom_pdf.scss */
.statement-info-ul-wrap {
  font-size: 12px;
}

/* line 16, app/assets/stylesheets/custom_pdf.scss */
.statement-info-ul-wrap li {
  display: block;
  font-size: 10px;
}

/* line 19, app/assets/stylesheets/custom_pdf.scss */
.statement-info-ul-wrap li span {
  font-size: 12px;
  display: inline-block;
  min-width: 70px;
}

/* line 28, app/assets/stylesheets/custom_pdf.scss */
.employers-signature-details li {
  margin-top: 10px;
}

/* line 33, app/assets/stylesheets/custom_pdf.scss */
.leave-sms-wrap, .leave-remark-container {
  font-size: 12px;
}

/* line 39, app/assets/stylesheets/custom_pdf.scss */
.employee-pf-statement-title p span {
  font-size: 12px;
}

/* line 47, app/assets/stylesheets/custom_pdf.scss */
.pf-statement-body-wrap .pf-statement-body-container .custom-pf-table {
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
  font-size: 10px;
  text-align: center;
}

/* line 55, app/assets/stylesheets/custom_pdf.scss */
.pf-statement-body-wrap .pf-statement-body-container .custom-pf-table .custom-pf-table-thead tr td, .pf-statement-body-wrap .pf-statement-body-container .custom-pf-table .custom-pf-table-thead tr th {
  text-align: center;
  border: 1px solid #ccc;
  padding: 0.5rem;
  font-weight: bold;
}

/* line 65, app/assets/stylesheets/custom_pdf.scss */
.pf-statement-body-wrap .pf-statement-body-container .custom-pf-table .custom-pf-table-tbody tr td, .pf-statement-body-wrap .pf-statement-body-container .custom-pf-table .custom-pf-table-tbody tr th {
  border: 1px solid #ccc;
  padding: 0.5rem;
}

/* line 70, app/assets/stylesheets/custom_pdf.scss */
.pf-statement-body-wrap .pf-statement-body-container .custom-pf-table .custom-pf-table-tbody .total-pf-amount {
  background-color: #ebebeb;
}

/* line 78, app/assets/stylesheets/custom_pdf.scss */
.pf-statement-header-wrap {
  margin-bottom: 20px;
}

/* line 81, app/assets/stylesheets/custom_pdf.scss */
.pf-statement-header-wrap .pdf-report-logo-wrap .pdf-report-logo {
  width: 15%;
  float: left;
}

/* line 85, app/assets/stylesheets/custom_pdf.scss */
.pf-statement-header-wrap .pdf-report-logo-wrap .pdf-report-title-wrap {
  padding-left: 15%;
}

/* line 88, app/assets/stylesheets/custom_pdf.scss */
.pf-statement-header-wrap .pdf-report-logo-wrap .pdf-report-title-wrap .pdf-report-title-container .pdf-report-left-title {
  width: 85%;
  float: left;
}

/* line 91, app/assets/stylesheets/custom_pdf.scss */
.pf-statement-header-wrap .pdf-report-logo-wrap .pdf-report-title-wrap .pdf-report-title-container .pdf-report-left-title .branch-address {
  font-size: 18px;
}

/* line 95, app/assets/stylesheets/custom_pdf.scss */
.pf-statement-header-wrap .pdf-report-logo-wrap .pdf-report-title-wrap .pdf-report-title-container .pdf-report-right-title {
  width: 15%;
  float: left;
  font-size: 10px;
}

/* line 106, app/assets/stylesheets/custom_pdf.scss */
.authorised-signature .left-signature {
  width: 50%;
  padding-left: 8px;
  float: left;
}

/* line 111, app/assets/stylesheets/custom_pdf.scss */
.authorised-signature .right-signature {
  width: 50%;
  padding-right: 8px;
  float: left;
  text-align: right;
}

/* line 119, app/assets/stylesheets/custom_pdf.scss */
.signature-wrap {
  font-size: 12px;
}

/* Design for employee attendance pdf */
/* line 124, app/assets/stylesheets/custom_pdf.scss */
.nb-pdf-wrap {
  font-size: 10px;
}

/* line 127, app/assets/stylesheets/custom_pdf.scss */
.nb-pdf-wrap ul li {
  float: left;
  display: inline-block;
  padding-right: 5px;
  margin-bottom: 5px;
  color: #555;
}

/* line 133, app/assets/stylesheets/custom_pdf.scss */
.nb-pdf-wrap ul li:last-child {
  padding-right: 0;
  margin-bottom: 0;
}

/* line 137, app/assets/stylesheets/custom_pdf.scss */
.nb-pdf-wrap ul li span, .nb-pdf-wrap ul li i {
  font-size: 10px;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  background-color: green;
  color: #fff;
}
/* line 4, app/assets/stylesheets/customer_categories.scss */
.customer-invoice-details {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 7, app/assets/stylesheets/customer_categories.scss */
.customer-invoice-details table {
  width: 100%;
}
/* line 1, app/assets/stylesheets/dashboard/custome-font-awesome.scss */
.sidebar .nav-item .nav-link i {
  font-size: 1.5rem !important;
}

/* line 5, app/assets/stylesheets/dashboard/custome-font-awesome.scss */
.sidebar.toggled .nav-item .nav-link span {
  font-size: 1rem !important;
}

/* line 9, app/assets/stylesheets/dashboard/custome-font-awesome.scss */
.sidebar .nav-item .nav-link span {
  font-size: 1rem !important;
}

#wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#wrapper #content-wrapper {
  background-color: #f8f9fc;
  width: 100%;
  overflow-x: hidden;
}
.side_note {
  margin:0px 12px 16px 12px;
  padding:10px;
  border: 1px solid darkgray;
}

#wrapper #content-wrapper #content {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.container,
.container-fluid {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.scroll-to-top {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  display: none;
  width: 2.75rem;
  height: 2.75rem;
  text-align: center;
  color: #fff;
  background: rgba(90, 92, 105, 0.5);
  line-height: 46px;
}

.scroll-to-top:focus, .scroll-to-top:hover {
  color: white;
}

.scroll-to-top:hover {
  background: #5a5c69;
}

.scroll-to-top i {
  font-weight: 800;
}
.shadow-sm {
  -webkit-box-shadow: 0 0.125rem 0.25rem 0 rgba(58, 59, 69, 0.2) !important;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(58, 59, 69, 0.2) !important;
}

.shadow {
  -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
}

.shadow-lg {
  -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}


.text-gray-600 {
  color: #858796 !important;
}

.text-gray-700 {
  color: #6e707e !important;
}

.text-gray-800 {
  color: #5a5c69 !important;
}

.text-gray-900 {
  color: #3a3b45 !important;
}
/* line 1, app/assets/stylesheets/employees/employee.scss */
.owner-current-balance {
  margin-top: 0;
  margin-bottom: 15px;
  padding-left: 15px;
}

/* line 5, app/assets/stylesheets/employees/employee.scss */
.owner-current-balance .amount {
  font-weight: bold;
  color: #31B0D5;
}

/* line 11, app/assets/stylesheets/employees/employee.scss */
.margin-fix {
  margin-top: 20px !important;
}
/*!
 * FullCalendar v2.6.0 Stylesheet
 * Docs & License: http://fullcalendar.io/
 * (c) 2015 Adam Shaw
 */


.fc {
	direction: ltr;
	text-align: left;
}

.fc-rtl {
	text-align: right;
}

body .fc { /* extra precedence to overcome jqui */
	font-size: 1em;
}


/* Colors
--------------------------------------------------------------------------------------------------*/

.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
	border-color: #ddd;
}

.fc-unthemed .fc-popover {
	background-color: #fff;
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header {
	background: #eee;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
	color: #666;
}

.fc-unthemed .fc-today {
	background: #fcf8e3;
}

.fc-highlight { /* when user is selecting cells */
	background: #bce8f1;
	opacity: .3;
	filter: alpha(opacity=30); /* for IE */
}

.fc-bgevent { /* default look for background events */
	background: rgb(143, 223, 130);
	opacity: .3;
	filter: alpha(opacity=30); /* for IE */
}

.fc-nonbusiness { /* default look for non-business-hours areas */
	/* will inherit .fc-bgevent's styles */
	background: #d7d7d7;
}


/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/

.fc-icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1em;
	font-size: 1em;
	text-align: center;
	overflow: hidden;
	font-family: "Courier New", Courier, monospace;

	/* don't allow browser text-selection */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}

/*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/

.fc-icon:after {
	position: relative;
	margin: 0 -1em; /* ensures character will be centered, regardless of width */
}

.fc-icon-left-single-arrow:after {
	content: "\02039";
	font-weight: bold;
	font-size: 200%;
	top: -7%;
	left: 3%;
}

.fc-icon-right-single-arrow:after {
	content: "\0203A";
	font-weight: bold;
	font-size: 200%;
	top: -7%;
	left: -3%;
}

.fc-icon-left-double-arrow:after {
	content: "\000AB";
	font-size: 160%;
	top: -7%;
}

.fc-icon-right-double-arrow:after {
	content: "\000BB";
	font-size: 160%;
	top: -7%;
}

.fc-icon-left-triangle:after {
	content: "\25C4";
	font-size: 125%;
	top: 3%;
	left: -2%;
}

.fc-icon-right-triangle:after {
	content: "\25BA";
	font-size: 125%;
	top: 3%;
	left: 2%;
}

.fc-icon-down-triangle:after {
	content: "\25BC";
	font-size: 125%;
	top: 2%;
}

.fc-icon-x:after {
	content: "\000D7";
	font-size: 200%;
	top: 6%;
}


/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/

.fc button {
	/* force height to include the border and padding */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	/* dimensions */
	margin: 0;
	height: 2.1em;
	padding: 0 .6em;

	/* text & cursor */
	font-size: 1em; /* normalize */
	white-space: nowrap;
	cursor: pointer;
}

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner { margin: 0; padding: 0; }
	
.fc-state-default { /* non-theme */
	border: 1px solid;
}

.fc-state-default.fc-corner-left { /* non-theme */
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.fc-state-default.fc-corner-right { /* non-theme */
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

/* icons in buttons */

.fc button .fc-icon { /* non-theme */
	position: relative;
	top: -0.05em; /* seems to be a good adjustment across browsers */
	margin: 0 .2em;
	vertical-align: middle;
}
	
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/

.fc-state-default {
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
	color: #333333;
	background-color: #e6e6e6;
}

.fc-state-hover {
	color: #333333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	   -moz-transition: background-position 0.1s linear;
	     -o-transition: background-position 0.1s linear;
	        transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
	background-color: #cccccc;
	background-image: none;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
	cursor: default;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	box-shadow: none;
}


/* Buttons Groups
--------------------------------------------------------------------------------------------------*/

.fc-button-group {
	display: inline-block;
}

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/

.fc .fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */
	float: left;
	margin: 0 0 0 -1px;
}

.fc .fc-button-group > :first-child { /* same */
	margin-left: 0;
}


/* Popover
--------------------------------------------------------------------------------------------------*/

.fc-popover {
	position: absolute;
	box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

.fc-popover .fc-header { /* TODO: be more consistent with fc-head/fc-body */
	padding: 2px 4px;
}

.fc-popover .fc-header .fc-title {
	margin: 0 2px;
}

.fc-popover .fc-header .fc-close {
	cursor: pointer;
}

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
	float: left;
}

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
	float: right;
}

/* unthemed */

.fc-unthemed .fc-popover {
	border-width: 1px;
	border-style: solid;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
	font-size: .9em;
	margin-top: 2px;
}

/* jqui themed */

.fc-popover > .ui-widget-header + .ui-widget-content {
	border-top: 0; /* where they meet, let the header have the border */
}


/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/

.fc-divider {
	border-style: solid;
	border-width: 1px;
}

hr.fc-divider {
	height: 0;
	margin: 0;
	padding: 0 0 2px; /* height is unreliable across browsers, so use padding */
	border-width: 1px 0;
}

.fc-clear {
	clear: both;
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
	/* these element should always cling to top-left/right corners */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.fc-bg {
	bottom: 0; /* strech bg to bottom edge */
}

.fc-bg table {
	height: 100%; /* strech bg to bottom edge */
}


/* Tables
--------------------------------------------------------------------------------------------------*/

.fc table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em; /* normalize cross-browser */
}

.fc th {
	text-align: center;
}

.fc th,
.fc td {
	border-style: solid;
	border-width: 1px;
	padding: 0;
	vertical-align: top;
}

.fc td.fc-today {
	border-style: double; /* overcome neighboring borders */
}


/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/

.fc .fc-row { /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
	/* no visible border by default. but make available if need be (scrollbar width compensation) */
	border-style: solid;
	border-width: 0;
}

.fc-row table {
	/* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
	border-left: 0 hidden transparent;
	border-right: 0 hidden transparent;

	/* no bottom borders on rows */
	border-bottom: 0 hidden transparent; 
}

.fc-row:first-child table {
	border-top: 0 hidden transparent; /* no top border on first row */
}


/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/

.fc-row {
	position: relative;
}

.fc-row .fc-bg {
	z-index: 1;
}

/* highlighting cells & background event skeleton */

.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
	bottom: 0; /* stretch skeleton to bottom of row */
}

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
	height: 100%; /* stretch skeleton to bottom of row */
}

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
	border-color: transparent;
}

.fc-row .fc-bgevent-skeleton {
	z-index: 2;

}

.fc-row .fc-highlight-skeleton {
	z-index: 3;
}

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/

.fc-row .fc-content-skeleton {
	position: relative;
	z-index: 4;
	padding-bottom: 2px; /* matches the space above the events */
}

.fc-row .fc-helper-skeleton {
	z-index: 5;
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
	/* see-through to the background below */
	background: none; /* in case <td>s are globally styled */
	border-color: transparent;

	/* don't put a border between events and/or the day number */
	border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td, /* cells with events inside (so NOT the day number cell) */
.fc-row .fc-helper-skeleton tbody td {
	/* don't put a border between event cells */
	border-top: 0;
}


/* Scrolling Container
--------------------------------------------------------------------------------------------------*/

.fc-scroller { /* this class goes on elements for guaranteed vertical scrollbars */
	overflow-y: scroll;
	overflow-x: hidden;
}

.fc-scroller > * { /* we expect an immediate inner element */
	position: relative; /* re-scope all positions */
	width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */
	overflow: hidden; /* don't let negative margins or absolute positioning create further scroll */
}


/* Global Event Styles
--------------------------------------------------------------------------------------------------*/

.fc-event {
	position: relative; /* for resize handle and other inner positioning */
	display: block; /* make the <a> tag block */
	font-size: .85em;
	line-height: 1.3;
	border-radius: 3px;
	border: 1px solid #3a87ad; /* default BORDER color */
	background-color: #3a87ad; /* default BACKGROUND color */
	font-weight: normal; /* undo jqui's ui-widget-header bold */
}

/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
	color: #fff; /* default TEXT color */
	text-decoration: none; /* if <a> has an href */
}

.fc-event[href],
.fc-event.fc-draggable {
	cursor: pointer; /* give events with links and draggable events a hand mouse pointer */
}

.fc-not-allowed, /* causes a "warning" cursor. applied on body */
.fc-not-allowed .fc-event { /* to override an event's custom cursor */
	cursor: not-allowed;
}

.fc-event .fc-bg { /* the generic .fc-bg already does position */
	z-index: 1;
	background: #fff;
	opacity: .25;
	filter: alpha(opacity=25); /* for IE */
}

.fc-event .fc-content {
	position: relative;
	z-index: 2;
}

.fc-event .fc-resizer {
	position: absolute;
	z-index: 3;
}


/* Horizontal Events
--------------------------------------------------------------------------------------------------*/

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */

.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
	margin-left: 0;
	border-left-width: 0;
	padding-left: 1px; /* replace the border with padding */
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
	margin-right: 0;
	border-right-width: 0;
	padding-right: 1px; /* replace the border with padding */
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

/* resizer */

.fc-h-event .fc-resizer { /* positioned it to overcome the event's borders */
	top: -1px;
	bottom: -1px;
	left: -1px;
	right: -1px;
	width: 5px;
}

/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-ltr .fc-h-event .fc-start-resizer:before,
.fc-ltr .fc-h-event .fc-start-resizer:after,
.fc-rtl .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-end-resizer:before,
.fc-rtl .fc-h-event .fc-end-resizer:after {
	right: auto; /* ignore the right and only use the left */
	cursor: w-resize;
}

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-ltr .fc-h-event .fc-end-resizer:before,
.fc-ltr .fc-h-event .fc-end-resizer:after,
.fc-rtl .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-start-resizer:before,
.fc-rtl .fc-h-event .fc-start-resizer:after {
	left: auto; /* ignore the left and only use the right */
	cursor: e-resize;
}


/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-day-grid-event {
	margin: 1px 2px 0; /* spacing between events and edges */
	padding: 0 1px;
}


.fc-day-grid-event .fc-content { /* force events to be one-line tall */
	white-space: nowrap;
	overflow: hidden;
}

.fc-day-grid-event .fc-time {
	font-weight: bold;
}

.fc-day-grid-event .fc-resizer { /* enlarge the default hit area */
	left: -3px;
	right: -3px;
	width: 7px;
}


/* Event Limiting
--------------------------------------------------------------------------------------------------*/

/* "more" link that represents hidden events */

a.fc-more {
	margin: 1px 3px;
	font-size: .85em;
	cursor: pointer;
	text-decoration: none;
}

a.fc-more:hover {
	text-decoration: underline;
}

.fc-limited { /* rows and cells that are hidden because of a "more" link */
	display: none;
}

/* popover that appears when "more" link is clicked */

.fc-day-grid .fc-row {
	z-index: 1; /* make the "more" popover one higher than this */
}

.fc-more-popover {
	z-index: 2;
	width: 220px;
}

.fc-more-popover .fc-event-container {
	padding: 10px;
}


/* Now Indicator
--------------------------------------------------------------------------------------------------*/

.fc-now-indicator {
	position: absolute;
	border: 0 solid red;
}

/* Toolbar
--------------------------------------------------------------------------------------------------*/

.fc-toolbar {
	text-align: center;
	margin-bottom: 1em;
}

.fc-toolbar .fc-left {
	float: left;
}

.fc-toolbar .fc-right {
	float: right;
}

.fc-toolbar .fc-center {
	display: inline-block;
}

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * { /* extra precedence to override button border margins */
	float: left;
	margin-left: .75em;
}

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child { /* extra precedence to override button border margins */
	margin-left: 0;
}
	
/* title text */

.fc-toolbar h2 {
	margin: 0;
}

/* button layering (for border precedence) */

.fc-toolbar button {
	position: relative;
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
	z-index: 2;
}
	
.fc-toolbar .fc-state-down {
	z-index: 3;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
	z-index: 4;
}

.fc-toolbar button:focus {
	z-index: 5;
}


/* View Structure
--------------------------------------------------------------------------------------------------*/

/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
}

.fc-view, /* scope positioning and z-index's for everything within the view */
.fc-view > table { /* so dragged elements can be above the view's main element */
	position: relative;
	z-index: 1;
}

/* BasicView
--------------------------------------------------------------------------------------------------*/

/* day row structure */

.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
	/* we are sure there are no day numbers in these views, so... */
	padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
	padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-basic-view .fc-body .fc-row {
	min-height: 4em; /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */

.fc-row.fc-rigid {
	overflow: hidden;
}

.fc-row.fc-rigid .fc-content-skeleton {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

/* week and day number styling */

.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
	padding: 0 2px;
}

.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
	padding-top: 2px;
	padding-bottom: 2px;
}

.fc-basic-view .fc-week-number {
	text-align: center;
}

.fc-basic-view .fc-week-number span {
	/* work around the way we do column resizing and ensure a minimum width */
	display: inline-block;
	min-width: 1.25em;
}

.fc-ltr .fc-basic-view .fc-day-number {
	text-align: right;
}

.fc-rtl .fc-basic-view .fc-day-number {
	text-align: left;
}

.fc-day-number.fc-other-month {
	opacity: 0.3;
	filter: alpha(opacity=30); /* for IE */
	/* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
}

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/

.fc-agenda-view .fc-day-grid {
	position: relative;
	z-index: 2; /* so the "more.." popover will be over the time grid */
}

.fc-agenda-view .fc-day-grid .fc-row {
	min-height: 3em; /* all-day section will never get shorter than this */
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
	padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
	padding-bottom: 1em; /* give space underneath events for clicking/selecting days */
}


/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/

.fc .fc-axis { /* .fc to overcome default cell styles */
	vertical-align: middle;
	padding: 0 4px;
	white-space: nowrap;
}

.fc-ltr .fc-axis {
	text-align: right;
}

.fc-rtl .fc-axis {
	text-align: left;
}

.ui-widget td.fc-axis {
	font-weight: normal; /* overcome jqui theme making it bold */
}


/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/

.fc-time-grid-container, /* so scroll container's z-index is below all-day */
.fc-time-grid { /* so slats/bg/content/etc positions get scoped within here */
	position: relative;
	z-index: 1;
}

.fc-time-grid {
	min-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

.fc-time-grid table { /* don't put outer borders on slats/bg/content/etc */
	border: 0 hidden transparent;
}

.fc-time-grid > .fc-bg {
	z-index: 1;
}

.fc-time-grid .fc-slats,
.fc-time-grid > hr { /* the <hr> AgendaView injects when grid is shorter than scroller */
	position: relative;
	z-index: 2;
}

.fc-time-grid .fc-content-col {
	position: relative; /* because now-indicator lives directly inside */
}

.fc-time-grid .fc-content-skeleton {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	right: 0;
}

/* divs within a cell within the fc-content-skeleton */

.fc-time-grid .fc-business-container {
	position: relative;
	z-index: 1;
}

.fc-time-grid .fc-bgevent-container {
	position: relative;
	z-index: 2;
}

.fc-time-grid .fc-highlight-container {
	position: relative;
	z-index: 3;
}

.fc-time-grid .fc-event-container {
	position: relative;
	z-index: 4;
}

.fc-time-grid .fc-now-indicator-line {
	z-index: 5;
}

.fc-time-grid .fc-helper-container { /* also is fc-event-container */
	position: relative;
	z-index: 6;
}


/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-slats td {
	height: 1.5em;
	border-bottom: 0; /* each cell is responsible for its top border */
}

.fc-time-grid .fc-slats .fc-minor td {
	border-top-style: dotted;
}

.fc-time-grid .fc-slats .ui-widget-content { /* for jqui theme */
	background: none; /* see through to fc-bg */
}


/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-highlight-container { /* a div within a cell within the fc-highlight-skeleton */
	position: relative; /* scopes the left/right of the fc-highlight to be in the column */
}

.fc-time-grid .fc-highlight {
	position: absolute;
	left: 0;
	right: 0;
	/* top and bottom will be in by JS */
}


/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/

.fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */
	margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */
	margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
	position: absolute;
	z-index: 1; /* scope inner z-index's */
}

.fc-time-grid .fc-bgevent {
	/* background events always span full width */
	left: 0;
	right: 0;
}


/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/

.fc-v-event.fc-not-start { /* events that are continuing from another day */
	/* replace space made by the top border with padding */
	border-top-width: 0;
	padding-top: 1px;

	/* remove top rounded corners */
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.fc-v-event.fc-not-end {
	/* replace space made by the top border with padding */
	border-bottom-width: 0;
	padding-bottom: 1px;

	/* remove bottom rounded corners */
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}


/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-time-grid-event {
	overflow: hidden; /* don't let the bg flow over rounded corners */
}

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
	padding: 0 1px;
}

.fc-time-grid-event .fc-time {
	font-size: .85em;
	white-space: nowrap;
}

/* short mode, where time and title are on the same line */

.fc-time-grid-event.fc-short .fc-content {
	/* don't wrap to second line (now that contents will be inline) */
	white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
	/* put the time and title on the same line */
	display: inline-block;
	vertical-align: top;
}

.fc-time-grid-event.fc-short .fc-time span {
	display: none; /* don't display the full time text... */
}

.fc-time-grid-event.fc-short .fc-time:before {
	content: attr(data-start); /* ...instead, display only the start time */
}

.fc-time-grid-event.fc-short .fc-time:after {
	content: "\000A0-\000A0"; /* seperate with a dash, wrapped in nbsp's */
}

.fc-time-grid-event.fc-short .fc-title {
	font-size: .85em; /* make the title text the same size as the time */
	padding: 0; /* undo padding from above */
}

/* resizer */

.fc-time-grid-event .fc-resizer {
	left: 0;
	right: 0;
	bottom: 0;
	height: 8px;
	overflow: hidden;
	line-height: 8px;
	font-size: 11px;
	font-family: monospace;
	text-align: center;
	cursor: s-resize;
}

.fc-time-grid-event .fc-resizer:after {
	content: "=";
}


/* Now Indicator
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-now-indicator-line {
	border-top-width: 1px;
	left: 0;
	right: 0;
}

/* arrow on axis */

.fc-time-grid .fc-now-indicator-arrow {
	margin-top: -5px; /* vertically center on top coordinate */
}

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
	left: 0;
	/* triangle pointing right... */
	border-width: 5px 0 5px 6px;
	border-top-color: transparent;
	border-bottom-color: transparent;
}

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
	right: 0;
	/* triangle pointing left... */
	border-width: 5px 6px 5px 0;
	border-top-color: transparent;
	border-bottom-color: transparent;
}

.fc-widget-content {
    cursor: pointer;
}
/* line 1, app/assets/stylesheets/genaral_ledgers.scss */
.widget {
  border-bottom: 1px solid #ededed;
}

/* line 4, app/assets/stylesheets/genaral_ledgers.scss */
.widget .widget-title {
  font-size: 18px;
  position: relative;
  padding: 0 0 11px;
  margin: 0;
  color: #363a42;
  font-weight: 700;
  background-repeat: no-repeat;
  background-position-y: 7px;
  margin-bottom: 30px;
  letter-spacing: 3px;
  text-transform: uppercase;
}

/* line 16, app/assets/stylesheets/genaral_ledgers.scss */
.widget .widget-title:before {
  content: "";
  position: absolute;
  background: url(/images/line_title.png) no-repeat;
  width: 100%;
  bottom: 0;
  height: 100%;
  background-position: 0 100%;
}

/* line 26, app/assets/stylesheets/genaral_ledgers.scss */
.widget:not(.widget-off) {
  margin-bottom: 45px;
  position: relative;
  background: #fff;
  padding: 30px;
  padding-bottom: 20px;
}

/* line 33, app/assets/stylesheets/genaral_ledgers.scss */
.widget .widget-off {
  border-bottom: none !important;
}

/* line 35, app/assets/stylesheets/genaral_ledgers.scss */
.widget .widget-off h4 {
  font-size: 12px;
  position: relative;
  padding-top: 25px;
  padding-bottom: 10px;
  margin: 0 !important;
  color: #999;
  font-weight: 500;
  background-repeat: no-repeat;
  background-position-y: 7px;
  text-transform: uppercase;
}

/* line 49, app/assets/stylesheets/genaral_ledgers.scss */
.widget .widget-block-html-items .widget-list-radio,
.widget .widget-block-html-items .widget-list-checkbox {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 54, app/assets/stylesheets/genaral_ledgers.scss */
.widget .widget-block-html-items .widget-list-radio li,
.widget .widget-block-html-items .widget-list-checkbox li {
  margin: 0 !important;
  display: inline-block;
  width: 47%;
  color: #999;
  font-size: 12px;
  position: relative;
  padding: 0 0 5px 0 !important;
}

/* line 62, app/assets/stylesheets/genaral_ledgers.scss */
.widget .widget-block-html-items .widget-list-radio li label,
.widget .widget-block-html-items .widget-list-checkbox li label {
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 5px;
  font-weight: normal;
  font-size: 13px;
}

/* line 77, app/assets/stylesheets/genaral_ledgers.scss */
ul.product-categories {
  list-style: none;
  margin: 0;
  background: #fff;
  padding: 0 0 30px 0;
  width: 315px;
  height: 410px;
  overflow: auto;
}

/* line 86, app/assets/stylesheets/genaral_ledgers.scss */
ul.product-categories .top-active ul {
  display: block;
}

/* line 90, app/assets/stylesheets/genaral_ledgers.scss */
ul.product-categories li {
  position: relative;
}

/* line 92, app/assets/stylesheets/genaral_ledgers.scss */
ul.product-categories li a {
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left: 25px;
  display: inline-block;
  color: #707070;
  font-size: 12px;
  text-transform: capitalize;
  font-family: Poppins, sans-serif;
  font-weight: 400;
  position: relative;
}

/* line 103, app/assets/stylesheets/genaral_ledgers.scss */
ul.product-categories li a.active {
  color: #E43E4E;
  font-weight: bold;
}

/* line 107, app/assets/stylesheets/genaral_ledgers.scss */
ul.product-categories li a:hover {
  color: #fcc030;
}

/* line 110, app/assets/stylesheets/genaral_ledgers.scss */
ul.product-categories li a:before {
  content: "";
  display: inline-block;
  left: 0;
  position: absolute;
  width: 6px;
  height: 6px;
  top: 10px;
  background-color: #c1c5c8;
}

/* line 121, app/assets/stylesheets/genaral_ledgers.scss */
ul.product-categories li .collapse-ref {
  font-size: 12px;
  color: #707070;
  padding: 5px 3px 3px 3px;
  line-height: 0;
  cursor: pointer;
  position: absolute;
  right: 0;
}

/* line 130, app/assets/stylesheets/genaral_ledgers.scss */
ul.product-categories li ul {
  padding-left: 10px;
  display: none;
}

/* line 133, app/assets/stylesheets/genaral_ledgers.scss */
ul.product-categories li ul li {
  list-style: none;
}

/* line 140, app/assets/stylesheets/genaral_ledgers.scss */
.products-top-wrap {
  padding-bottom: 30px;
}

/* line 143, app/assets/stylesheets/genaral_ledgers.scss */
.products-top-wrap .display-mode .btn {
  background-color: transparent;
  font-size: 16px;
  line-height: 12px;
  padding: 9px;
  color: #999;
  box-shadow: none;
  -webkit-box-shadow: none;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

/* line 155, app/assets/stylesheets/genaral_ledgers.scss */
.products-top-wrap .display-mode .btn:hover {
  color: #ffcd56;
  text-decoration: none;
}

/* line 161, app/assets/stylesheets/genaral_ledgers.scss */
.products-top-wrap form {
  display: inline-block;
  margin-right: 30px;
}

/* line 164, app/assets/stylesheets/genaral_ledgers.scss */
.products-top-wrap form:last-child {
  margin-right: 0;
}

/* line 167, app/assets/stylesheets/genaral_ledgers.scss */
.products-top-wrap form select {
  border-bottom: 1px solid #e8e8e8;
  font-size: 14px;
}

/* line 175, app/assets/stylesheets/genaral_ledgers.scss */
#myModal .modal-header .close {
  margin-top: -19px;
}
/* line 4, app/assets/stylesheets/initial_setups.scss */
.stepwizard-step p {
  margin-top: 10px;
}

/* line 8, app/assets/stylesheets/initial_setups.scss */
.stepwizard-row {
  display: table-row;
}

/* line 12, app/assets/stylesheets/initial_setups.scss */
.stepwizard {
  display: table;
  width: 100%;
  position: relative;
}

/* line 18, app/assets/stylesheets/initial_setups.scss */
.stepwizard-step button[disabled] {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}

/* line 23, app/assets/stylesheets/initial_setups.scss */
.stepwizard-row:before {
  top: 14px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 100%;
  height: 1px;
  background-color: #ccc;
  z-order: 0;
}

/* line 35, app/assets/stylesheets/initial_setups.scss */
.stepwizard-step {
  display: table-cell;
  text-align: center;
  position: relative;
}

/* line 41, app/assets/stylesheets/initial_setups.scss */
.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
/* line 1, app/assets/stylesheets/invoices.scss */
.form-control.date {
  width: 50%;
  margin-right: 4%;
  /*float: left;*/
  display: inline-block;
}

/* line 7, app/assets/stylesheets/invoices.scss */
.form-control.date:last-child {
  margin-right: 0 !important;
}

/* line 11, app/assets/stylesheets/invoices.scss */
.invoice-picture-row .fa.fa-times-circle-o {
  font-size: 25px;
}

/* line 16, app/assets/stylesheets/invoices.scss */
.form-control.datetime {
  width: 17%;
  display: inline-block;
}

/* Voucher design */
/* line 24, app/assets/stylesheets/invoices.scss */
.voucher-container header h3 {
  text-transform: uppercase;
}

/* line 29, app/assets/stylesheets/invoices.scss */
.voucher-body {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

/* line 35, app/assets/stylesheets/invoices.scss */
.voucher-sign {
  position: relative;
}

/* line 37, app/assets/stylesheets/invoices.scss */
.voucher-sign:before {
  position: absolute;
  content: '';
  left: 15px;
  right: 0;
  top: -10px;
  height: 1px;
  background: #333;
  width: 80%;
}

/* line 49, app/assets/stylesheets/invoices.scss */
.voucher-para {
  clear: both;
  overflow: hidden;
}

/* line 52, app/assets/stylesheets/invoices.scss */
.voucher-para label {
  float: left;
  display: inline-block;
}

/* line 56, app/assets/stylesheets/invoices.scss */
.voucher-para p {
  line-height: 25px;
  border-bottom: 1px dashed #333;
  height: 25px;
}
/* line 1, app/assets/stylesheets/landing_page.scss */
#notification {
  position: absolute;
  width: 450px;
  left: 35%;
  top: -60px;
  border-radius: 5px;
  display: none;
  text-align: center;
  z-index: 99999;
}

/* Landing page design */
/* line 14, app/assets/stylesheets/landing_page.scss */
.tour-banner {
  padding: 100px;
  margin-top: -20px;
}

/* line 18, app/assets/stylesheets/landing_page.scss */
.tour-banner-content {
  position: relative;
  z-index: 1;
  text-align: center;
}

/* line 23, app/assets/stylesheets/landing_page.scss */
.row.row-default {
  margin-left: -18px;
  margin-right: -18px;
}

/* line 27, app/assets/stylesheets/landing_page.scss */
.tour-banner-header {
  margin-bottom: 50px;
}

/* line 30, app/assets/stylesheets/landing_page.scss */
.heading--5.tour-banner-section-title {
  margin-bottom: 40px;
}

/* line 33, app/assets/stylesheets/landing_page.scss */
.tour-banner-page-title {
  font-size: 4em;
  color: #fff;
}

/* line 37, app/assets/stylesheets/landing_page.scss */
.tour-banner-subtitle {
  color: #fff;
  font-size: 1.6em;
}

/* line 41, app/assets/stylesheets/landing_page.scss */
.button-space {
  margin-top: 30px;
}

/* line 44, app/assets/stylesheets/landing_page.scss */
.button.button-primary {
  text-align: center;
  color: #fff;
  background: #00b5fa;
  border-color: #00b5fa;
  padding: 10px 30px;
  border-radius: 2px;
  font-size: 16px;
  text-decoration: none;
  cursor: pointer;
  min-width: 210px;
  margin-right: 15px;
  display: inline-block;
}

/* line 57, app/assets/stylesheets/landing_page.scss */
.button.button-primary:hover {
  background: #0090c7;
}

/* line 62, app/assets/stylesheets/landing_page.scss */
.button.button-default {
  text-align: center;
  padding: 10px 30px;
  border: 1px solid #00b5fa;
  border-radius: 2px;
  background: #fff;
  color: #00b5fa;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  min-width: 210px;
  display: inline-block;
}

/* line 74, app/assets/stylesheets/landing_page.scss */
.button.button-default:hover {
  background: #0090c7;
  border-color: #0090c7;
  color: #fff;
}

/* line 81, app/assets/stylesheets/landing_page.scss */
.vhq-hero {
  padding: 100px 0;
}

/* line 84, app/assets/stylesheets/landing_page.scss */
.section-title {
  font-size: 4em;
}

/* line 87, app/assets/stylesheets/landing_page.scss */
.section-title-bold-2 {
  font-size: 3em;
  font-weight: bold;
}

/* line 91, app/assets/stylesheets/landing_page.scss */
.content-para {
  font-size: 20px;
}

/* line 95, app/assets/stylesheets/landing_page.scss */
.vhq-hero__image-container {
  position: relative;
}

/* line 99, app/assets/stylesheets/landing_page.scss */
.vhq-hero__image-overlay {
  position: absolute;
  right: 6%;
  top: -3%;
}

/* line 105, app/assets/stylesheets/landing_page.scss */
.bg-light {
  background-color: #f8f9fa;
  padding-top: 15px;
  padding-bottom: 15px;
}

/* Card design */
/* line 112, app/assets/stylesheets/landing_page.scss */
.vhq-card--hover {
  transition: .3s;
  position: relative;
}

/* line 116, app/assets/stylesheets/landing_page.scss */
.card-body {
  flex: 1 1 auto;
  padding: 40px;
}

/* line 120, app/assets/stylesheets/landing_page.scss */
.bg-delight-blue-light {
  background-color: #e2f7ff !important;
}

/* line 123, app/assets/stylesheets/landing_page.scss */
.img-fluid, .img-thumbnail {
  max-width: 100%;
  height: auto;
}

/* line 127, app/assets/stylesheets/landing_page.scss */
.mb15 {
  margin-bottom: 15px;
}

/* line 130, app/assets/stylesheets/landing_page.scss */
a.card {
  text-decoration: none;
  cursor: pointer;
}

/* line 134, app/assets/stylesheets/landing_page.scss */
.card-title {
  font-size: 1em;
  font-weight: bold;
  color: #555;
}

/* line 141, app/assets/stylesheets/landing_page.scss */
.features h2 {
  margin-bottom: 60px;
}

/* See more button */
/* line 147, app/assets/stylesheets/landing_page.scss */
.vhq-mt-40, .vhq-mt-xs-40 {
  margin-top: 40px !important;
}

/* line 150, app/assets/stylesheets/landing_page.scss */
.btn-secondary {
  color: #fff;
  background-color: #5f7887;
  border-color: #5f7887;
  text-align: center;
  padding: 10px 30px;
  border-radius: 2px;
  font-size: 16px;
  text-decoration: none;
  cursor: pointer;
  min-width: 210px;
  margin-right: 15px;
}

/* line 162, app/assets/stylesheets/landing_page.scss */
.btn-secondary:hover {
  background: #4a5d69;
  color: #fff;
}

/* line 169, app/assets/stylesheets/landing_page.scss */
.navbar-brand img {
  width: 100px;
  margin-top: -10px;
}

/* Module price design */
/* line 177, app/assets/stylesheets/landing_page.scss */
.pricing {
  background: #3498db;
  padding: 40px 0 20px;
  color: #fff;
}

/* line 182, app/assets/stylesheets/landing_page.scss */
.pricing .thumbnail {
  background: #fff;
  /* IE Fall */
  background: rgba(255, 255, 255, 0.2);
  display: block;
  width: 90px;
  height: 90px;
  margin: 0 auto;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  font-size: 36px;
  line-height: 90px;
  text-align: center;
}

/* line 197, app/assets/stylesheets/landing_page.scss */
.pricing .title {
  cursor: pointer;
  background: #2980b9;
  margin: 40px 0 0;
  padding: 10px;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
}

/* line 207, app/assets/stylesheets/landing_page.scss */
.pricing .content {
  display: none;
}

/* line 210, app/assets/stylesheets/landing_page.scss */
.pricing .content .sub-title {
  background: #eee;
  padding: 10px;
  color: #666;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}

/* line 218, app/assets/stylesheets/landing_page.scss */
.pricing .content ul {
  list-style: none;
  background: #fff;
  margin: 0;
  padding: 0;
  color: #666;
  font-size: 14px;
}

/* line 226, app/assets/stylesheets/landing_page.scss */
.pricing .content ul li {
  padding: 10px 20px;
}

/* line 229, app/assets/stylesheets/landing_page.scss */
.pricing .content ul li:nth-child(2n) {
  background: #f3f3f3;
}

/* line 232, app/assets/stylesheets/landing_page.scss */
.pricing .content ul li .fa {
  width: 16px;
  margin-right: 10px;
  text-align: center;
}

/* line 237, app/assets/stylesheets/landing_page.scss */
.pricing .content ul li .fa-check {
  color: #2ecc71;
}

/* line 240, app/assets/stylesheets/landing_page.scss */
.pricing .content ul li .fa-close {
  color: #e74c3c;
}

/* line 243, app/assets/stylesheets/landing_page.scss */
.pricing .content a {
  display: block;
  background: #2980b9;
  margin-top: 20px;
  padding: 10px 15px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  -ms-transition: 0.2s linear;
  -o-transition: 0.2s linear;
  transition: 0.2s linear;
}

/* line 259, app/assets/stylesheets/landing_page.scss */
.pricing .content a:hover {
  background: #34495e;
  /* IE Fallback */
  background: rgba(52, 73, 94, 0.7);
}

/* line 264, app/assets/stylesheets/landing_page.scss */
.clickMe {
  background: #fff;
  /* IE Fallback */
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 180px;
  left: -60px;
  padding: 5px 7px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #3498db;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 800;
}

/* line 280, app/assets/stylesheets/landing_page.scss */
.clickMe:before {
  content: '';
  position: absolute;
  top: 6px;
  right: -5px;
  width: 0px;
  height: 0px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #fff;
  /* IE Fallback */
  border-left: 5px solid rgba(255, 255, 255, 0.8);
}

/* line 294, app/assets/stylesheets/landing_page.scss */
.navbar-toggle {
  background-color: #f2f1f0;
}

/* line 298, app/assets/stylesheets/landing_page.scss */
.navbar-toggle .icon-bar {
  background: #333;
}

@media (min-width: 1500px) {
  /* line 302, app/assets/stylesheets/landing_page.scss */
  .container {
    max-width: 1460px;
  }
}
body:after {
    display: none
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #000;
    filter: alpha(Opacity=80);
    opacity: .8;
    display: none
}

.lightbox {
    position: fixed;
    top: 50% !important;
   	transform: translate3d(0,-50%,0);
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: 400
}

.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.lightbox a img {
    border: none
}

.lb-outerContainer {
    position: relative;
    background-color: #222;
    *zoom: 1;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both
}

.lb-container {
    padding: 4px
}

.lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
}

.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10
}

.lb-container>.nav {
    left: 0
}

.lb-nav a {
    outline: 0;
}

.lb-next,
.lb-prev {
    height: 100%;
    cursor: pointer;
    display: block
}

.lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    filter: alpha(Opacity=0);
    opacity: .5;
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s
}

.lb-nav a.lb-prev:hover {
    filter: alpha(Opacity=100);
    opacity: 1
}

.lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    filter: alpha(Opacity=0);
    opacity: .5;
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s
}

.lb-nav a.lb-next:hover {
    filter: alpha(Opacity=100);
    opacity: 1
}

.lb-prev:after,.lb-next:after{
	content: '\2190';
	position: absolute;
	top: 50%;
	color: #fff;
	font-size: 24px;
}
.lb-prev:after{
	left: -60px;
}
.lb-next:after{
	right: -60px;
	content: '\2192';
}

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    min-height: 35px;
    *zoom: 1;
    width: 100%;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.lb-dataContainer:after {
    content: "";
    display: table;
    clear: both
}

.lb-data {
    padding: 0 4px;
    color: #ccc
}

.lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em
}

.lb-data .lb-caption {
    font-size: 13px;
    font-weight: 700;
    line-height: 1em
}

.lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999
}

.lb-data .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    text-align: right;
    outline: 0;
    filter: alpha(Opacity=70);
    opacity: .7;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

.lb-data .lb-close:hover {
    cursor: pointer;
    filter: alpha(Opacity=100);
    opacity: 1
}
/* Mdl box-shadow */
/* line 3, app/assets/stylesheets/mdl/box_shadow.scss */
.mdl-shadow--2dp {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

/* line 6, app/assets/stylesheets/mdl/box_shadow.scss */
.mdl-shadow--3dp {
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

/* line 9, app/assets/stylesheets/mdl/box_shadow.scss */
.mdl-shadow--4dp {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

/* line 12, app/assets/stylesheets/mdl/box_shadow.scss */
.mdl-shadow--6dp {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

/* line 15, app/assets/stylesheets/mdl/box_shadow.scss */
.mdl-shadow--8dp {
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

/* line 18, app/assets/stylesheets/mdl/box_shadow.scss */
.mdl-shadow--16dp {
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

/* line 21, app/assets/stylesheets/mdl/box_shadow.scss */
.mdl-shadow--24dp {
  box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
}
/* line 4, app/assets/stylesheets/memberships.scss */
.search_memborship {
  margin-bottom: 10px;
  border: 1px solid #b9babd;
  padding: 12px;
}

/* line 10, app/assets/stylesheets/memberships.scss */
.checkbox-design input[type="checkbox"] {
  zoom: 2;
}
/* Pos screen color declaration */
/* line 2, app/assets/stylesheets/menu.scss */
.nav-bg {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* line 8, app/assets/stylesheets/menu.scss */
.nav-bg .container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  width: 100% !important;
  max-width: 100% !important;
}

/* line 16, app/assets/stylesheets/menu.scss */
.navbar-brand {
  overflow: hidden;
}

/* line 18, app/assets/stylesheets/menu.scss */
.navbar-brand img {
  width: 100px;
  margin-top: -10px;
}

/* line 27, app/assets/stylesheets/menu.scss */
.navbar-nav li a {
  color: #fff !important;
}

/* line 29, app/assets/stylesheets/menu.scss */
.navbar-nav li a:hover, .navbar-nav li a:focus {
  background-color: rgba(103, 58, 183, 0.3);
}

/* line 37, app/assets/stylesheets/menu.scss */
.navbar-nav.navbar-right {
  margin-right: 15px;
}

/* line 40, app/assets/stylesheets/menu.scss */
.navbar-nav.navbar-right li a {
  color: #fff !important;
  text-decoration: none;
  padding: 15px 12px;
}

/* line 44, app/assets/stylesheets/menu.scss */
.navbar-nav.navbar-right li a:hover, .navbar-nav.navbar-right li a:focus {
  color: #fff !important;
  background-color: rgba(103, 58, 183, 0.3);
  text-decoration: none;
}

/* line 51, app/assets/stylesheets/menu.scss */
.navbar-nav.navbar-right li.dropdown {
  position: relative;
}

/* line 53, app/assets/stylesheets/menu.scss */
.navbar-nav.navbar-right li.dropdown .dropdown-menu {
  right: 0;
  left: auto;
}

/* line 61, app/assets/stylesheets/menu.scss */
.navbar-toggle {
  background-color: #f2f1f0;
}

/* line 65, app/assets/stylesheets/menu.scss */
.navbar-toggle .icon-bar {
  background: #333;
}

/* line 69, app/assets/stylesheets/menu.scss */
.main-menu {
  margin-bottom: 10px;
  background-color: #008CBA;
}

/* line 73, app/assets/stylesheets/menu.scss */
.main-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 77, app/assets/stylesheets/menu.scss */
.main-menu ul li {
  float: left;
  position: relative;
}

/* line 80, app/assets/stylesheets/menu.scss */
.main-menu ul li a {
  display: block;
  color: white;
  text-align: center;
  padding: 12px 16px;
  text-decoration: none;
}

/* line 91, app/assets/stylesheets/menu.scss */
.main-menu ul li a:hover, .top-menu-dropdown:hover {
  background: linear-gradient(#31B0D5, #048ABB);
}

/* line 95, app/assets/stylesheets/menu.scss */
.dropdown-bg {
  background-color: #764ba2;
}

/* line 99, app/assets/stylesheets/menu.scss */
.department {
  display: table;
  padding-left: 5rem;
  color: #fff;
}

/* line 105, app/assets/stylesheets/menu.scss */
.top-menu-dropdown-content {
  margin-top: 13px;
  padding-left: 0;
  display: none;
  position: absolute;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0;
  min-width: 180px;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  z-index: 99999;
  background: linear-gradient(#008CBA, #17a2b8);
}

/* line 119, app/assets/stylesheets/menu.scss */
.top-menu-dropdown-content hr {
  margin: 2px 0;
}

/* line 122, app/assets/stylesheets/menu.scss */
.top-menu-dropdown-content.last-dropdown {
  right: 0;
}

/* line 125, app/assets/stylesheets/menu.scss */
.top-menu-dropdown-content.dropdown-large {
  min-width: 220px;
}

/* line 134, app/assets/stylesheets/menu.scss */
.top-menu-dropdown ul > li {
  padding: 5px;
  display: block;
  float: none;
}

/* line 140, app/assets/stylesheets/menu.scss */
.top-menu-dropdown ul > li a {
  text-align: left;
  padding: 5px;
}

/* line 145, app/assets/stylesheets/menu.scss */
.navbar-default .navbar-nav > li > a {
  color: #ffffff !important;
}

/* line 150, app/assets/stylesheets/menu.scss */
.navbar .navbar-nav.navbar-right > li > a,
.navbar-default .navbar-nav.navbar-right > li > a {
  color: #ffffff !important;
  background: transparent !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

/* line 158, app/assets/stylesheets/menu.scss */
.navbar .navbar-nav.navbar-right > li > a:hover, .navbar .navbar-nav.navbar-right > li > a:focus,
.navbar-default .navbar-nav.navbar-right > li > a:hover,
.navbar-default .navbar-nav.navbar-right > li > a:focus {
  color: #ffffff !important;
  background-color: rgba(103, 58, 183, 0.3) !important;
  text-decoration: none !important;
}

/* line 166, app/assets/stylesheets/menu.scss */
.navbar {
  overflow: visible !important;
  position: relative;
  z-index: 1000;
  width: 100% !important;
  margin-left: 0 !important;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

/* line 175, app/assets/stylesheets/menu.scss */
.navbar .navbar-collapse {
  overflow: visible !important;
}

/* line 179, app/assets/stylesheets/menu.scss */
.navbar .dropdown-menu {
  position: absolute !important;
  z-index: 1001;
  margin-top: 0;
}

/* line 187, app/assets/stylesheets/menu.scss */
.navbar.nav-bg,
.navbar-default {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* line 197, app/assets/stylesheets/menu.scss */
nav.navbar {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  background-color: transparent !important;
}

/* line 202, app/assets/stylesheets/menu.scss */
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background: #337AB7 !important;
}

/* line 207, app/assets/stylesheets/menu.scss */
.submenu {
  display: none !important;
}
/* line 1, app/assets/stylesheets/payments.scss */
.customer-details-fieldset, .supplier-details-fieldset {
  border: solid 1px silver;
  padding: 10px;
}

/* line 4, app/assets/stylesheets/payments.scss */
.customer-details-fieldset legend, .supplier-details-fieldset legend {
  width: auto;
  margin: 0;
  border: none;
  padding: 0 5px;
}

/* line 10, app/assets/stylesheets/payments.scss */
.customer-details-fieldset p.customer-address, .supplier-details-fieldset p.customer-address {
  padding: 5px;
  border: solid 1px silver;
  min-height: 30px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/* line 18, app/assets/stylesheets/payments.scss */
.customer-details-fieldset select, .supplier-details-fieldset select {
  min-width: 350px;
}

/* line 22, app/assets/stylesheets/payments.scss */
.customer-details-fieldset .credit-text, .supplier-details-fieldset .credit-text {
  display: inline-block;
  min-width: 140px;
}

/* line 31, app/assets/stylesheets/payments.scss */
.process-invoice-list tfoot tr th {
  border: none;
}

/* line 36, app/assets/stylesheets/payments.scss */
.process-invoice-list table {
  margin: 0;
}

/* line 38, app/assets/stylesheets/payments.scss */
.process-invoice-list table .table-input {
  background: transparent;
  border: none;
  min-width: 50px;
}

/* line 46, app/assets/stylesheets/payments.scss */
.action-process-action {
  background: #1397C4;
  padding: 5px;
  display: none;
}

/* line 52, app/assets/stylesheets/payments.scss */
.advance-payment {
  display: none;
  color: white;
  vertical-align: -moz-middle-with-baseline;
}

/* line 57, app/assets/stylesheets/payments.scss */
.advance-invoice-list {
  padding: 5px;
}

/* line 61, app/assets/stylesheets/payments.scss */
.select-default {
  display: block;
}

/* line 63, app/assets/stylesheets/payments.scss */
.select-default label {
  font-weight: normal;
}

/* line 68, app/assets/stylesheets/payments.scss */
#print-voucher {
  font-family: 'Helvetica Neue';
}

/* line 70, app/assets/stylesheets/payments.scss */
#print-voucher .print-voucher-form {
  border: solid 1px black;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  padding: 10px;
  padding-top: 0px;
  margin-top: 0px;
}

/* line 79, app/assets/stylesheets/payments.scss */
#print-voucher .main-logo {
  width: 95px;
  padding-right: 10px;
  display: inline-block;
  vertical-align: top;
}

/* line 85, app/assets/stylesheets/payments.scss */
#print-voucher .company-details {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

/* line 91, app/assets/stylesheets/payments.scss */
#print-voucher .department-logo {
  width: 215px;
  padding-left: 10px;
  display: inline-block;
  vertical-align: top;
}

/* line 96, app/assets/stylesheets/payments.scss */
#print-voucher .department-logo img {
  max-height: 80px;
  max-width: 100%;
}

/* line 101, app/assets/stylesheets/payments.scss */
#print-voucher .sl-no, #print-voucher .amount-no {
  width: 110px;
}

/* line 104, app/assets/stylesheets/payments.scss */
#print-voucher .credit-voucher {
  font-family: 'Helvetica';
}

/* line 108, app/assets/stylesheets/payments.scss */
#print-voucher .signatory-wrapper div.signatory {
  border-top: dotted 1px #CCCCCC;
  max-width: 200px;
}

/* line 113, app/assets/stylesheets/payments.scss */
#print-voucher .signature {
  height: 10px;
}

/* line 116, app/assets/stylesheets/payments.scss */
#print-voucher .printed-by {
  margin-top: 5px;
  margin-right: 5px;
  font-size: 12px;
}

/* line 123, app/assets/stylesheets/payments.scss */
.print-voucher-action {
  width: 900px;
  margin-top: 50px;
}

/* line 127, app/assets/stylesheets/payments.scss */
.print-voucher-action .print {
  display: none;
}
/* line 1, app/assets/stylesheets/print.scss */
page[size="A4"] {
  background: white;
  background-repeat: repeat;
  background-size: auto;
  width: 21cm;
  display: block;
  margin: 0 auto;
  margin-top: 0px;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
  background-size: 100%;
  background-repeat: no-repeat;
  padding: 6px 10px 10px 10px;
  margin-top: 6px;
}

/* line 17, app/assets/stylesheets/print.scss */
page[size="Thermal"] {
  background: white;
  width: 80mm;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
  background-size: 100%;
  background-repeat: no-repeat;
  padding: 0px 5px 5px 5px;
  margin-top: 15px;
}

@media print {
  /* line 38, app/assets/stylesheets/print.scss */
  div.info, div#editStuff, .back-btn, .alert-success, .search, .btn, .btn-info, div#navigation, div#debug, .nav, .nav-pills, .nav-stacked, .nav-stacked, hr, .print-button {
    display: none;
  }
  /* line 42, app/assets/stylesheets/print.scss */
  div.page-footer {
    position: fixed;
    bottom: 0;
  }
  /* line 47, app/assets/stylesheets/print.scss */
  div.print-page-header {
    min-height: 100px;
    background: #000;
  }
  /* line 52, app/assets/stylesheets/print.scss */
  body, page[size="A4"] {
    margin: 0;
    box-shadow: 0;
  }
}
/* line 1, app/assets/stylesheets/print_label.scss */
#print-label-container {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* line 5, app/assets/stylesheets/print_label.scss */
.print-label {
  padding: 0 !important;
  background: #c2b5a4;
  margin-bottom: 5px;
  margin-left: 5px;
  display: inline-block;
  position: relative;
  font-family: 'sans-serif';
}

/* line 14, app/assets/stylesheets/print_label.scss */
.print-label .product-price-label {
  float: left;
}

/* line 17, app/assets/stylesheets/print_label.scss */
.print-label .color-label {
  background: #B92521;
  width: 120px;
  padding: 10px;
  float: left;
  min-height: 188px;
}

/* line 25, app/assets/stylesheets/print_label.scss */
.print-label .info-label {
  background: #C2B5A4;
  padding: 5px 5px 0 5px;
  min-height: 140px;
}

/* line 31, app/assets/stylesheets/print_label.scss */
.print-label .head {
  font-weight: bold;
  color: #fdfdfd;
  line-height: 30px;
}

/* line 37, app/assets/stylesheets/print_label.scss */
.print-label .head1 {
  font-size: 36px;
}

/* line 41, app/assets/stylesheets/print_label.scss */
.print-label .head2 {
  font-size: 24px;
}

/* line 45, app/assets/stylesheets/print_label.scss */
.print-label .head3 {
  font-size: 16px;
}

/* line 49, app/assets/stylesheets/print_label.scss */
.print-label .product-info {
  text-align: left;
}

/* line 50, app/assets/stylesheets/print_label.scss */
.print-label .product-info .name {
  font-size: 18px;
  color: #333;
  line-height: 22px;
  font-weight: bold;
  margin-right: 50px;
}

/* line 60, app/assets/stylesheets/print_label.scss */
.print-label .price-info {
  text-align: right;
  margin-top: 8px;
}

/* line 63, app/assets/stylesheets/print_label.scss */
.print-label .price-info .price {
  font-size: 30px;
  font-weight: bold;
  line-height: 22px;
  color: #333;
}

/* line 70, app/assets/stylesheets/print_label.scss */
.print-label .price-info .p-info {
  color: #333;
  font-size: 14px;
}

/* line 76, app/assets/stylesheets/print_label.scss */
.print-label .barcode-info {
  border-top: solid 1px #333333;
  padding: 5px 10px;
}

/* line 79, app/assets/stylesheets/print_label.scss */
.print-label .barcode-info .barcode {
  margin-top: -2px;
}

/* line 88, app/assets/stylesheets/print_label.scss */
.print-label .company-logo {
  width: 50px;
  position: absolute;
  right: 1px;
  top: 1px;
}

/* line 95, app/assets/stylesheets/print_label.scss */
.print-label .remove-label {
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  left: 1px;
  position: absolute;
  top: -3px;
  z-index: 10;
  display: none;
}

/* line 106, app/assets/stylesheets/print_label.scss */
.print-label:hover .remove-label {
  display: block;
}

/* line 109, app/assets/stylesheets/print_label.scss */
.print-label:hover .save-label {
  display: block;
}

/* line 114, app/assets/stylesheets/print_label.scss */
.print-label .save-label {
  color: #ccc;
  display: none;
  font-size: 17px;
  font-weight: bold;
  left: 1px;
  position: absolute;
  top: 18px;
  z-index: 10;
}

/* line 126, app/assets/stylesheets/print_label.scss */
.search-label {
  margin-top: 25px;
  padding: 20px;
}

/* line 129, app/assets/stylesheets/print_label.scss */
.search-label ul {
  list-style: none;
}
/* line 5, app/assets/stylesheets/products.scss */
.product-color-span {
  display: block;
  width: 30px;
  min-height: 30px;
  min-width: 30px;
  padding: 7px;
  text-align: center;
  color: #000000;
  text-shadow: 0 0 2px #ffffff;
  -webkit-box-shadow: 0 0 3px #cccccc;
  -moz-box-shadow: 0 0 3px #cccccc;
  box-shadow: inset 0 0 3px #cccccc;
}

/* line 19, app/assets/stylesheets/products.scss */
.sales-status-icon {
  font-size: 30px;
  text-align: center;
}

/* line 24, app/assets/stylesheets/products.scss */
.report-product {
  padding: 0px;
  margin: 0px;
}

/* line 28, app/assets/stylesheets/products.scss */
.report-product .logo {
  width: 200px;
  height: 140px;
}

/* line 33, app/assets/stylesheets/products.scss */
.report-product .shop-name {
  color: #0000ff;
}

/* line 37, app/assets/stylesheets/products.scss */
.report-product .shop-details {
  color: black;
  font-size: 17px;
  margin: 0;
}

/* line 43, app/assets/stylesheets/products.scss */
.report-product .sale-report {
  margin-bottom: 0px;
  margin-top: 115px;
  color: black;
  font-size: 17px;
}

/* line 50, app/assets/stylesheets/products.scss */
.report-product .line {
  height: 2px;
  width: 100%;
  background-color: black;
}

/* line 57, app/assets/stylesheets/products.scss */
#products_category_discountable {
  display: block;
}

/* line 62, app/assets/stylesheets/products.scss */
.search-lot-table .highlighted {
  background: #0C6A83 !important;
  color: #ffffff;
}

/* line 66, app/assets/stylesheets/products.scss */
.search-lot-table .highlighted input {
  color: #333333;
}

/* line 71, app/assets/stylesheets/products.scss */
.search-lot-table tr:focus-visible {
  outline: none;
}
/* line 4, app/assets/stylesheets/products/brands.scss */
.left_margin {
  margin-left: 50px;
}

/* line 8, app/assets/stylesheets/products/brands.scss */
.fixed-wide {
  max-width: 200px;
  white-space: pre-line;
  word-wrap: break-word;
}
/* line 5, app/assets/stylesheets/products/print_barcodes.scss */
.print-label {
  margin: 20px;
  display: inline-block;
  position: relative;
  width: 182px;
}

/* line 15, app/assets/stylesheets/products/print_barcodes.scss */
.print-label2 {
  margin-top: 20px;
  margin-left: 20px;
  padding: 12px;
  display: inline-block;
  position: relative;
  width: 300px;
}

/* line 26, app/assets/stylesheets/products/print_barcodes.scss */
.custom-print-label {
  padding: 0 !important;
  background: #c2b5a4;
  margin-left: 2px;
  font-family: 'sans-serif';
  margin: 0px;
}

/* line 38, app/assets/stylesheets/products/print_barcodes.scss */
.expire-date {
  padding-right: 20px;
}
/* Added variables declaration file */
/* Pos screen color declaration */
/* line 3, app/assets/stylesheets/products/products.scss */
.product-color-span {
  display: block;
  width: 30px;
  min-height: 30px;
  min-width: 30px;
  padding: 7px;
  text-align: center;
  color: #000000;
  text-shadow: 0 0 2px #ffffff;
  -webkit-box-shadow: 0 0 3px #cccccc;
  -moz-box-shadow: 0 0 3px #cccccc;
  box-shadow: inset 0 0 3px #cccccc;
}

/* line 17, app/assets/stylesheets/products/products.scss */
.sales-status-icon {
  font-size: 30px;
  text-align: center;
}

/* line 22, app/assets/stylesheets/products/products.scss */
.product-search-status {
  color: red;
  margin-top: 30px;
  display: none;
}

/* line 27, app/assets/stylesheets/products/products.scss */
.pos-invoice-wrap .pos-invoice {
  background: #e1e1e1;
}

/* line 29, app/assets/stylesheets/products/products.scss */
.pos-invoice-wrap .pos-invoice .pos-invoice-container {
  background: #e1e1e1;
  padding: 15px;
  margin-top: -10px;
}

/* line 34, app/assets/stylesheets/products/products.scss */
.pos-invoice-wrap .pos-invoice .pos-invoice-container .pos-invoice-row .pos-invoice-left-col {
  padding-top: 15px;
  padding-bottom: 15px;
  border-right: 1px solid #ddd;
}

/* line 39, app/assets/stylesheets/products/products.scss */
.pos-invoice-wrap .pos-invoice .pos-invoice-container .pos-invoice-row .pos-invoice-right-col {
  padding-top: 15px;
  padding-bottom: 15px;
}

/* line 51, app/assets/stylesheets/products/products.scss */
.ui-widget-content {
  z-index: 9999 !important;
}

/* line 56, app/assets/stylesheets/products/products.scss */
.icon-list li {
  display: inline-block;
  padding-right: 10px;
}

/* line 59, app/assets/stylesheets/products/products.scss */
.icon-list li:last-child {
  padding-right: 0;
}

/* line 62, app/assets/stylesheets/products/products.scss */
.icon-list li a {
  font-size: 20px;
  padding: 2px 6px;
  color: #008CBA;
  cursor: pointer;
}

/* line 67, app/assets/stylesheets/products/products.scss */
.icon-list li a:hover {
  color: #006687;
}

/* line 74, app/assets/stylesheets/products/products.scss */
.display-block {
  display: block;
}

/* line 78, app/assets/stylesheets/products/products.scss */
.pos-sidebar {
  width: 20%;
  background: #e1e1e1;
  float: right;
  padding: 15px 15px 0 0;
  margin-top: -10px;
}

/* line 86, app/assets/stylesheets/products/products.scss */
.custom-container {
  width: 80%;
  float: left;
}

/* line 91, app/assets/stylesheets/products/products.scss */
.min-width {
  min-width: 150px;
}

/* line 96, app/assets/stylesheets/products/products.scss */
.payment-label label {
  border: 0;
}
@charset "UTF-8";
/* Added all color variables */
/* Pos screen color declaration */
/* line 4, app/assets/stylesheets/public.scss */
.left-aligned {
  text-align: left;
}

/* line 8, app/assets/stylesheets/public.scss */
.table-vertical-scroll {
  width: 100%;
  height: 500px;
  overflow-x: auto;
  overflow-y: auto;
  border: 1px solid #ccc;
}

/* line 16, app/assets/stylesheets/public.scss */
.right-aligned {
  text-align: right;
}

/* line 20, app/assets/stylesheets/public.scss */
.centered {
  text-align: center;
}

/* line 24, app/assets/stylesheets/public.scss */
a {
  outline: 0 !important;
}

/* line 32, app/assets/stylesheets/public.scss */
.action-table tbody tr td:last-child {
  text-align: right;
}

/* line 34, app/assets/stylesheets/public.scss */
.action-table tbody tr td:last-child a {
  padding: 2px 5px;
}

/* line 50, app/assets/stylesheets/public.scss */
.back-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  z-index: 1000;
}

/* line 61, app/assets/stylesheets/public.scss */
.back-overlay span {
  display: block;
  z-index: 1001;
  font-weight: bold;
  font-size: 50px;
  color: #008CBA;
}

/* line 68, app/assets/stylesheets/public.scss */
.back-overlay span:first-child {
  margin-top: 30vh;
}

/* line 73, app/assets/stylesheets/public.scss */
.margin-top_30px {
  margin-top: 30px;
}

/* line 77, app/assets/stylesheets/public.scss */
.full-width {
  width: 100%;
}

/* line 81, app/assets/stylesheets/public.scss */
.reset-top-margin {
  margin-top: 0 !important;
}

/* line 86, app/assets/stylesheets/public.scss */
.center-nav .btn-lg {
  font-size: 18px;
  font-weight: bold;
  padding: 15px;
  width: 250px;
}

/* line 92, app/assets/stylesheets/public.scss */
.center-nav .btn-long {
  width: 450px;
}

/* line 101, app/assets/stylesheets/public.scss */
.width-50-p {
  width: 45%;
  margin-left: 5%;
}

/* Sticky footer styles
-------------------------------------------------- */
/* line 108, app/assets/stylesheets/public.scss */
html {
  position: relative;
  min-height: 100%;
}

/* line 113, app/assets/stylesheets/public.scss */
body {
  /* Margin bottom by footer height */
  margin-bottom: 115px;
}

/* line 118, app/assets/stylesheets/public.scss */
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 65px;
  background-color: #ddd;
}

/* line 127, app/assets/stylesheets/public.scss */
.footer .container {
  padding: 0 15px;
}

/* line 129, app/assets/stylesheets/public.scss */
.footer .container .text-muted {
  margin: 20px 0;
}

/* line 135, app/assets/stylesheets/public.scss */
.in-out-button {
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 10000000;
}

/***********************************************************/
/* line 144, app/assets/stylesheets/public.scss */
.login {
  margin-top: 50px;
}

/* line 148, app/assets/stylesheets/public.scss */
.marquee {
  overflow: hidden;
}

/* Payments
-------------------------------------------------- */
/* line 155, app/assets/stylesheets/public.scss */
.cheque-fields {
  display: none;
}

/* line 160, app/assets/stylesheets/public.scss */
form.search .input-group-addon {
  cursor: pointer;
}

/* Header
---------------------------------------------- */
/* line 167, app/assets/stylesheets/public.scss */
.navbar-brand {
  display: inline-block;
}

@-moz-document url-prefix() {
  /* line 172, app/assets/stylesheets/public.scss */
  .department {
    display: inline-block;
  }
}

/* line 178, app/assets/stylesheets/public.scss */
.dropdown-right .dropdown-menu {
  left: 101%;
  top: 0;
}

/* line 184, app/assets/stylesheets/public.scss */
.dropdown-menu-right-aligned {
  right: 0;
  left: auto;
}

/* line 189, app/assets/stylesheets/public.scss */
.table-borderless {
  margin-bottom: 0px;
}

/* line 193, app/assets/stylesheets/public.scss */
.table-borderless tr td, .table-borderless tr th {
  border: medium none !important;
}

/* line 199, app/assets/stylesheets/public.scss */
.reset-border {
  border: none !important;
}

/* line 203, app/assets/stylesheets/public.scss */
.reset-left-border {
  border-left: none !important;
}

/* line 207, app/assets/stylesheets/public.scss */
.reset-right-border {
  border-right: none !important;
}

/* line 211, app/assets/stylesheets/public.scss */
.show-links {
  margin-bottom: 10px;
  margin-top: 20px;
}

/* line 216, app/assets/stylesheets/public.scss */
.sub_cat_hidden {
  display: none;
}

/* line 220, app/assets/stylesheets/public.scss */
.salary_hidden {
  display: none;
}

/* line 224, app/assets/stylesheets/public.scss */
.supplier-name {
  text-align: center;
}

/* line 228, app/assets/stylesheets/public.scss */
.supplier-info {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* line 237, app/assets/stylesheets/public.scss */
.margin-right_30px {
  margin-right: 30px;
}

/* line 241, app/assets/stylesheets/public.scss */
.show-list {
  cursor: pointer;
}

/* line 245, app/assets/stylesheets/public.scss */
.distribution_list {
  cursor: pointer;
}

/* line 249, app/assets/stylesheets/public.scss */
.return_list {
  cursor: pointer;
}

/* line 253, app/assets/stylesheets/public.scss */
.cash-book-nav {
  padding: 4px;
  margin: 4px;
}

/* line 256, app/assets/stylesheets/public.scss */
.cash-book-nav li {
  cursor: pointer;
}

/* line 261, app/assets/stylesheets/public.scss */
.reset-padding {
  padding: 0 !important;
}

/* line 265, app/assets/stylesheets/public.scss */
.bank-account-id {
  display: none;
}

/* line 269, app/assets/stylesheets/public.scss */
.cash_books_cash_return_cash_book, .cash_books_cash_return_bank_account_id {
  display: none;
}

/* line 273, app/assets/stylesheets/public.scss */
.sales_daily_sale_bank_account, .invoice_expense_category {
  display: none;
}

/* line 277, app/assets/stylesheets/public.scss */
.add-more_card_sales {
  font-size: 20px;
  cursor: pointer;
}

/* line 282, app/assets/stylesheets/public.scss */
.remove-bank-details {
  font-size: 20px;
  cursor: pointer;
}

/* line 287, app/assets/stylesheets/public.scss */
.graph-height {
  height: 300px;
}

/* line 291, app/assets/stylesheets/public.scss */
.Weekend {
  background-color: #ffe5e5;
}

/* line 295, app/assets/stylesheets/public.scss */
.Custom {
  background-color: #F0F8FF;
}

/* line 299, app/assets/stylesheets/public.scss */
.attendence-button {
  padding-left: 30px;
  padding-right: 30px;
  font-size: 16px;
  font-weight: bold;
}

/* line 306, app/assets/stylesheets/public.scss */
.transaction-filter {
  margin-bottom: 70px;
}

/* line 310, app/assets/stylesheets/public.scss */
#cs_account__chosen, #liabilities_liability_liability_type_chosen, #cash_books_cash_return_from_id_chosen, #refund_date_date_1i_chosen, #refund_date_date_2i_chosen, #refund_date_date_3i_chosen, #collection_date_1i_chosen, #collection_date_2i_chosen, #collection_date_3i_chosen, #given_date_1i_chosen, #given_date_2i_chosen, #given_date_3i_chosen {
  width: 315px !important;
}

/* line 314, app/assets/stylesheets/public.scss */
#payment_date_date_3i_chosen, #payment_date_date_2i_chosen, #payment_date_date_1i_chosen, #discount_date_date_1i_chosen, #discount_date_date_2i_chosen, #discount_date_date_3i_chosen {
  width: 315px !important;
}

/* line 318, app/assets/stylesheets/public.scss */
#customers_invoice_employee_id_chosen {
  width: 100% !important;
}

/* line 322, app/assets/stylesheets/public.scss */
.info {
  text-align: center;
  margin-bottom: 10px;
}

/* line 327, app/assets/stylesheets/public.scss */
#customer_category_id_chosen {
  width: 100% !important;
}

/* line 331, app/assets/stylesheets/public.scss */
#employee_id_chosen {
  width: 100% !important;
}

/* line 335, app/assets/stylesheets/public.scss */
#access_employee_id_chosen {
  width: 100% !important;
}

/* line 339, app/assets/stylesheets/public.scss */
.panel-collapse label {
  width: 20%;
}

/* line 343, app/assets/stylesheets/public.scss */
.collapse-action {
  cursor: pointer;
}

/* line 347, app/assets/stylesheets/public.scss */
.collapse-content {
  padding: 10px;
}

/* line 351, app/assets/stylesheets/public.scss */
.make-default {
  padding-left: 0 !important;
  font-weight: 100 !important;
}

/* line 356, app/assets/stylesheets/public.scss */
.reset-margin {
  margin: 0 !important;
}

/* line 360, app/assets/stylesheets/public.scss */
.reset-padding-2-5 {
  padding: 2px 5px !important;
}

/* line 364, app/assets/stylesheets/public.scss */
.cursor-pointer {
  cursor: pointer;
}

/* line 368, app/assets/stylesheets/public.scss */
.color-red {
  color: red;
}

/* line 372, app/assets/stylesheets/public.scss */
.color-green {
  color: green;
}

/* line 380, app/assets/stylesheets/public.scss */
#flash-box {
  left: calc(50% - 225px);
  position: absolute;
  top: 140px !important;
  width: 450px;
  z-index: 999;
}

/* line 386, app/assets/stylesheets/public.scss */
#flash-box .invoice-payment-message {
  list-style: none;
  padding: 0;
}

/* line 389, app/assets/stylesheets/public.scss */
#flash-box .invoice-payment-message li {
  padding: 5px 0;
}

/* line 395, app/assets/stylesheets/public.scss */
.salary-field {
  display: none;
}

/* line 399, app/assets/stylesheets/public.scss */
.salary-component, .salary_hidden_history, .dayoff_hour {
  display: none;
}

/* line 403, app/assets/stylesheets/public.scss */
.reset-border-radius {
  border-radius: 0 !important;
}

/* line 407, app/assets/stylesheets/public.scss */
.main-logo-expense {
  display: inline-block;
  padding-right: 10px;
  vertical-align: top;
  width: 135px;
}

/* line 414, app/assets/stylesheets/public.scss */
.department-logo-expense {
  display: inline-block;
  vertical-align: top;
  width: 189px;
}

/* line 420, app/assets/stylesheets/public.scss */
.dotted-border {
  border-right: 2px dashed #94C158;
}

/* line 424, app/assets/stylesheets/public.scss */
.dotted-border-bottom {
  border-bottom: 2px dashed #94C158;
}

/* line 428, app/assets/stylesheets/public.scss */
.dotted-border-chart {
  border-bottom: 2px dashed #94C158;
  padding-bottom: 12px;
  width: 415px;
}

/* line 435, app/assets/stylesheets/public.scss */
.statement-button {
  width: 130px;
}

/* line 439, app/assets/stylesheets/public.scss */
.padding-left-30 {
  padding-left: 30px;
}

/* line 444, app/assets/stylesheets/public.scss */
.bg-color-cash {
  background-color: #A0D859;
}

/* line 448, app/assets/stylesheets/public.scss */
.bg-color-asset {
  background-color: #A58EDF;
}

/* line 452, app/assets/stylesheets/public.scss */
.bg-color-stock {
  background-color: #FFD220;
}

/* line 456, app/assets/stylesheets/public.scss */
.bg-color-bank {
  background-color: #95D2F5;
}

/* line 460, app/assets/stylesheets/public.scss */
.bg-color-customer_due {
  background-color: #479A6C;
}

/* line 464, app/assets/stylesheets/public.scss */
.bg-color-liability {
  background-color: #FF803B;
}

/* line 468, app/assets/stylesheets/public.scss */
.bg-color-return {
  background-color: #A3BF36;
}

/* line 472, app/assets/stylesheets/public.scss */
.bg-color-interest {
  background-color: #FF586A;
}

/* line 476, app/assets/stylesheets/public.scss */
.bg-color-supplier_due {
  background-color: #8b285e;
}

/* line 480, app/assets/stylesheets/public.scss */
.bg-color-pending_salary {
  background-color: #35B971;
}

/* line 484, app/assets/stylesheets/public.scss */
.bg-color-customer_advance {
  background-color: #8b7713;
}

/* line 488, app/assets/stylesheets/public.scss */
.color-square {
  width: 20px;
  height: 20px;
  display: inline-block;
}

/* line 494, app/assets/stylesheets/public.scss */
.border-solid {
  border-bottom: 2px solid #8FC04D;
  padding-top: 10px;
  margin-right: 30px;
}

/* line 500, app/assets/stylesheets/public.scss */
.custom-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 5px;
}

/* line 504, app/assets/stylesheets/public.scss */
.custom-table thead th, .custom-table tfoot th {
  padding: 5px;
  text-align: left !important;
}

/* line 510, app/assets/stylesheets/public.scss */
.custom-table tbody td {
  padding: 2px 5px !important;
  border: solid 1px #CCCCCC !important;
}

/* line 521, app/assets/stylesheets/public.scss */
.custom-table-indent tbody td:nth-child(even) {
  text-indent: 50px !important;
}

/* line 528, app/assets/stylesheets/public.scss */
.custom-dropdown {
  display: inline-block;
  outline: none !important;
  -moz-appearance: none;
  font-weight: normal !important;
}

/* line 533, app/assets/stylesheets/public.scss */
.custom-dropdown select {
  margin-top: -10px !important;
  padding: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 0 #ccc, 0 0 #fff inset;
  -moz-box-shadow: 0 1px 0 #ccc, 0 0 #fff inset;
  box-shadow: 0 1px 0 #ccc, 0 0 #fff inset;
  background: #1397C4;
  color: #fdfdfd;
  border: none;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

/* line 554, app/assets/stylesheets/public.scss */
.custom-dropdown:after {
  content: '<>';
  font: 11px "Consolas", monospace;
  color: #fdfdfd;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 20px;
  top: 12%;
  padding: 0 0 2px;
  border-bottom: 1px solid #fdfdfd;
  position: absolute;
  pointer-events: none;
  font-weight: bold;
}

/* line 571, app/assets/stylesheets/public.scss */
.custom-dropdown:before {
  content: '';
  right: 23px;
  top: 0;
  width: 20px;
  height: 20px;
  background: transparent;
  position: absolute;
  pointer-events: none;
  display: block;
}

/* line 584, app/assets/stylesheets/public.scss */
.notifications {
  position: relative;
}

/* line 588, app/assets/stylesheets/public.scss */
.notification-count {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: darkred;
  margin: 10px;
  height: 20px;
  width: 20px;
  position: absolute;
  right: -12px;
  top: 7%;
  text-align: center;
  color: white;
}

/* line 603, app/assets/stylesheets/public.scss */
#notification-list {
  position: absolute;
  height: 300px;
  padding: 10px;
  width: 355px;
  background-color: #fff;
}

/* line 609, app/assets/stylesheets/public.scss */
#notification-list ul {
  position: relative;
  padding: 0 10px 0 0;
  height: 270px;
}

/* line 613, app/assets/stylesheets/public.scss */
#notification-list ul li {
  list-style: none;
  padding: 5px 0;
}

/* line 616, app/assets/stylesheets/public.scss */
#notification-list ul li a {
  color: black;
  padding-left: 10px;
  text-align: center;
}

/* line 621, app/assets/stylesheets/public.scss */
#notification-list ul li a:hover {
  text-decoration: none;
}

/* line 629, app/assets/stylesheets/public.scss */
.notification-item {
  padding: 5px;
  border-bottom: 1px solid #CCCCCC;
}

/* line 634, app/assets/stylesheets/public.scss */
.nicescroll-rails {
  z-index: 9999999;
}

/* line 638, app/assets/stylesheets/public.scss */
.unread-notification {
  background-color: #E5EAF1;
}

/* line 642, app/assets/stylesheets/public.scss */
.notification-emoployee-image {
  display: inline-block;
  padding-right: 10px;
  vertical-align: top;
}

/* line 648, app/assets/stylesheets/public.scss */
.notification-user-image {
  background: white;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  right: -12px;
  top: 7%;
  text-align: center;
}

/* line 660, app/assets/stylesheets/public.scss */
.notification-emoployee-name {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  width: calc(100% - 40px);
}

/* line 665, app/assets/stylesheets/public.scss */
.notification-emoployee-name a {
  padding: 0px !important;
}

/* line 670, app/assets/stylesheets/public.scss */
.employee-designation {
  font-size: 10px;
  display: inline-block;
  float: left;
  font-weight: normal;
}

/* line 677, app/assets/stylesheets/public.scss */
.notification-link {
  font-size: 12px;
}

/* line 679, app/assets/stylesheets/public.scss */
.notification-link a {
  font-weight: normal;
}

/* line 684, app/assets/stylesheets/public.scss */
.notification-time {
  display: inline-block;
  font-size: 10px;
  vertical-align: top;
  font-weight: normal;
}

/* line 691, app/assets/stylesheets/public.scss */
.notification-access-btn {
  margin-top: 15px;
}

/* line 695, app/assets/stylesheets/public.scss */
.notification-access-list {
  margin-top: 15px;
}

/* line 699, app/assets/stylesheets/public.scss */
.notification-access-body {
  min-height: 200px;
}

/* line 704, app/assets/stylesheets/public.scss */
.marquee .message-todo {
  border-right-color: #cccccc;
  border-right-style: solid;
  border-right-width: 3px;
  padding-left: 30px;
  padding-right: 30px;
}

/* line 713, app/assets/stylesheets/public.scss */
.marquee li:last-child {
  border-right: none;
}

/* Submenu container design */
/* line 772, app/assets/stylesheets/public.scss */
.dropdown-submenu {
  position: relative;
}

/* Submenu appears BELOW parent */
/* line 777, app/assets/stylesheets/public.scss */
.dropdown-submenu > .dropdown-menu,
.submenu {
  top: 100%;
  left: 0;
  min-width: 210px;
  display: none;
  position: absolute;
  background: #17a2b8;
  z-index: 9999;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  padding: 0;
  margin-left: 10px;
  border-radius: 0 !important;
}

/* Show submenu on JS toggle */
/* line 796, app/assets/stylesheets/public.scss */
.dropdown-submenu.show > .dropdown-menu {
  display: block;
}

/* Items inside submenu */
/* line 801, app/assets/stylesheets/public.scss */
.submenu li a {
  display: block;
  padding: 8px 16px;
  color: #333;
  white-space: nowrap;
  text-decoration: none;
}

/* line 809, app/assets/stylesheets/public.scss */
.submenu li a:hover {
  background-color: #008CBA;
  color: #fff;
}

/* Optional: arrow icon to the right */
/* line 815, app/assets/stylesheets/public.scss */
.dropdown-submenu > a:after {
  content: "▼";
  font-size: 10px;
  margin-left: 5px;
  vertical-align: middle;
  color: #fff;
}

/* Hide arrow on hover override */
/* line 824, app/assets/stylesheets/public.scss */
.dropdown-submenu:hover > a:after {
  color: #fff;
}

/* line 829, app/assets/stylesheets/public.scss */
.stationary-form {
  width: 70%;
  margin: auto;
}

/* line 834, app/assets/stylesheets/public.scss */
.customer_info {
  margin-top: 15px;
}

/* line 838, app/assets/stylesheets/public.scss */
.commission-input {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-image: none;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto auto;
  border-bottom-color: -moz-use-text-color;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-image-slice: 100% 100% 100% 100%;
  border-image-source: none;
  border-image-width: 1 1 1 1;
  border-left-color: -moz-use-text-color;
  border-left-style: none;
  border-left-width: medium;
  border-right-color: -moz-use-text-color;
  border-right-style: none;
  border-right-width: medium;
  border-top-color: -moz-use-text-color;
  border-top-style: none;
  border-top-width: medium;
  min-width: 50px;
}

/* line 871, app/assets/stylesheets/public.scss */
.approved_by_employee {
  display: none;
}

/* line 875, app/assets/stylesheets/public.scss */
.fix-table-overflow {
  overflow-x: visible;
  overflow-y: visible;
}

/* line 880, app/assets/stylesheets/public.scss */
.header-sticky th {
  background-color: #0C6A83;
  min-height: 60px;
  color: white;
  position: sticky;
  top: 0px;
}

/* Chosen overflow issue fixed */
/* line 890, app/assets/stylesheets/public.scss */
.jobs-board .panel-body {
  max-height: none !important;
  overflow-y: visible !important;
}

/* line 895, app/assets/stylesheets/public.scss */
.warning {
  background: #F0AD4E;
  padding: 20px;
}

/* line 900, app/assets/stylesheets/public.scss */
.warning-color {
  color: #f0ad4e !important;
}

/* line 904, app/assets/stylesheets/public.scss */
.danger-color {
  color: #c9302c !important;
}

/* line 908, app/assets/stylesheets/public.scss */
.success-color {
  color: #4cae4c !important;
}

/* line 912, app/assets/stylesheets/public.scss */
.common-ul-style {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

/* Touch screen print button design */
/* line 919, app/assets/stylesheets/public.scss */
.touch-screen-btn {
  display: flex;
  flex-wrap: wrap;
  margin: -10px 0 -10px;
}

/* line 923, app/assets/stylesheets/public.scss */
.touch-screen-btn li {
  display: inline-block;
  margin: 10px 0 0 2%;
  flex-grow: 1;
  width: calc(100% * (1/3) - 10px - 1px);
}

/* line 928, app/assets/stylesheets/public.scss */
.touch-screen-btn li label {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 10px 20px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  display: block;
  vertical-align: middle;
  text-decoration: none;
  cursor: pointer;
}

/* line 944, app/assets/stylesheets/public.scss */
.btn-shape {
  min-width: 20px;
  display: block;
  padding: 30px 20px;
  color: #fff;
  text-decoration: none !important;
  font-weight: bold;
}

/* line 953, app/assets/stylesheets/public.scss */
input.btn-shape-medium[type='submit'] {
  min-width: 150px;
  display: inline-block;
  border: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

/* line 962, app/assets/stylesheets/public.scss */
.btn-shape-medium {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  min-width: 20px;
  display: inline-block;
  padding: 15px;
  color: #fff;
  text-align: center;
  text-decoration: none !important;
  font-weight: bold;
}

/*Mdl box shadow*/
/* line 976, app/assets/stylesheets/public.scss */
.mdl-box-shadow {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

/* line 982, app/assets/stylesheets/public.scss */
.blue-btn-bg, .till-btn-default {
  background: #008CBA;
}

/* line 984, app/assets/stylesheets/public.scss */
.blue-btn-bg:hover, .till-btn-default:hover {
  background: #006687;
  color: #fff;
}

/* line 989, app/assets/stylesheets/public.scss */
.thin-blue-btn-bg {
  background: #17a2b8;
}

/* line 991, app/assets/stylesheets/public.scss */
.thin-blue-btn-bg:hover {
  background: #117a8b;
  color: #fff;
}

/* line 996, app/assets/stylesheets/public.scss */
.red-btn-bg, .till-btn-close {
  background: #f44336;
}

/* line 998, app/assets/stylesheets/public.scss */
.red-btn-bg:hover, .till-btn-close:hover {
  background: #ea1c0d;
  color: #fff;
}

/* line 1005, app/assets/stylesheets/public.scss */
.black-btn-bg {
  background: #555;
}

/* line 1007, app/assets/stylesheets/public.scss */
.black-btn-bg:hover {
  background: #3c3c3c;
  color: #fff;
}

/* line 1013, app/assets/stylesheets/public.scss */
.green-btn-bg, .till-btn-use {
  background: #28a745;
}

/* line 1015, app/assets/stylesheets/public.scss */
.green-btn-bg:hover, .till-btn-use:hover {
  background: #1e7e34;
  color: #fff;
}

/* line 1021, app/assets/stylesheets/public.scss */
.yellow-btn-bg, .till-btn-unuse {
  background: #ffc107;
}

/* line 1023, app/assets/stylesheets/public.scss */
.yellow-btn-bg:hover, .till-btn-unuse:hover {
  background: #d39e00;
  color: #fff;
}

/* Till button design */
/* line 1030, app/assets/stylesheets/public.scss */
.till-btn {
  display: inline-block;
  cursor: pointer;
  padding: 10px 15px;
  min-width: 50px;
  text-decoration: none !important;
  color: #fff;
  border-radius: 3px;
  font-weight: bold;
}

/* line 1041, app/assets/stylesheets/public.scss */
.display-none {
  display: none;
}

/* Fix header and body scroling table design */
/* line 1046, app/assets/stylesheets/public.scss */
.tbl-fixed {
  width: 100%;
}

/* line 1048, app/assets/stylesheets/public.scss */
.tbl-fixed thead, .tbl-fixed tbody, .tbl-fixed tr, .tbl-fixed td, .tbl-fixed th {
  display: block;
}

/* line 1051, app/assets/stylesheets/public.scss */
.tbl-fixed tr:after {
  content: ' ';
  display: block;
  visibility: hidden;
  clear: both;
}

/* line 1057, app/assets/stylesheets/public.scss */
.tbl-fixed thead th {
  height: 30px;
  /*text-align: left;*/
}

/* line 1062, app/assets/stylesheets/public.scss */
.tbl-fixed tbody {
  height: 120px;
  overflow-y: auto;
}

/* line 1067, app/assets/stylesheets/public.scss */
.tbl-fixed thead {
  /* fallback */
}

/* line 1071, app/assets/stylesheets/public.scss */
.tbl-fixed tbody td, .tbl-fixed thead th {
  width: 19.2%;
  float: left;
}

/* Cash pull design */
/* line 1078, app/assets/stylesheets/public.scss */
.cash-pull-wrap {
  max-width: 700px;
  margin: 0 auto;
}

/* line 1082, app/assets/stylesheets/public.scss */
.limit-lable {
  padding-top: 6px;
  text-align: right;
}

/* line 1086, app/assets/stylesheets/public.scss */
.limit-dropdown {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

/* line 1090, app/assets/stylesheets/public.scss */
.limit-entiers {
  padding-top: 6px;
  text-align: left;
}

/* line 1094, app/assets/stylesheets/public.scss */
.barcode-search {
  width: 44%;
  margin-left: 10px;
}

/* line 1098, app/assets/stylesheets/public.scss */
.barcode-block {
  display: flex;
}

/* line 1100, app/assets/stylesheets/public.scss */
.barcode-block label {
  margin-left: 5px;
}

/* line 1105, app/assets/stylesheets/public.scss */
.fill_all_profit input {
  margin-right: 5px;
}

/* line 1108, app/assets/stylesheets/public.scss */
.fill_all_profit i {
  font-size: larger;
  cursor: pointer;
}

/* line 1115, app/assets/stylesheets/public.scss */
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* line 1135, app/assets/stylesheets/public.scss */
.select-tag-list {
  margin: 6px 2px 2px 40px;
}

/* line 1137, app/assets/stylesheets/public.scss */
.select-tag-list select {
  padding: 5px;
}

/* line 1141, app/assets/stylesheets/public.scss */
.hidden-class {
  display: none;
}

/* line 1144, app/assets/stylesheets/public.scss */
.small-col {
  padding: 0 !important;
  max-width: 1px !important;
}

/* line 1148, app/assets/stylesheets/public.scss */
.header-wrapper {
  background: #fdfdfd;
  height: 60px;
  padding: 20px 0px 5px 0px;
  border-bottom: solid 1px #D1DBE3;
}

/* line 1153, app/assets/stylesheets/public.scss */
.header-wrapper h4 {
  margin: auto;
  max-width: 1000px;
  font-weight: bold;
}

/* line 1159, app/assets/stylesheets/public.scss */
.content-body-wrapper {
  padding: 10px 0 30px 0;
}

/* line 1161, app/assets/stylesheets/public.scss */
.content-body-wrapper.full-content-wrapper {
  display: table;
  width: 100%;
  height: calc(100vh - 165px);
}

/* line 1168, app/assets/stylesheets/public.scss */
.content-body {
  margin: auto;
  max-width: 1000px;
  background: #fdfdfd;
  margin-top: 20px;
  padding: 10px 10px;
  border: solid 1px #D1DBE3;
}

/* line 1175, app/assets/stylesheets/public.scss */
.content-body .form-vertical {
  max-width: 90%;
  margin: auto;
  padding: 20px 0 20px 0;
}

/* line 1179, app/assets/stylesheets/public.scss */
.content-body .form-vertical label {
  font-weight: bolder;
  font-size: 15px;
  padding-bottom: 5px;
  color: #074E66;
}

/* line 1185, app/assets/stylesheets/public.scss */
.content-body .form-vertical input {
  padding-top: 5px;
  border-radius: 0;
  height: 40px;
}

/* line 1190, app/assets/stylesheets/public.scss */
.content-body .form-vertical textarea {
  border-radius: 0;
}

/* line 1196, app/assets/stylesheets/public.scss */
.report-table-wrapper {
  max-width: 1250px;
}

/* line 1200, app/assets/stylesheets/public.scss */
.avatar {
  max-width: 100%;
  max-height: 150px !important;
}

/* line 1206, app/assets/stylesheets/public.scss */
.navbar-profile-image-wrapper {
  padding: 5px !important;
  width: 45px;
  height: 45px;
}

/* line 1210, app/assets/stylesheets/public.scss */
.navbar-profile-image-wrapper img {
  width: 100%;
  height: 100%;
  border: solid 1px #f0f0f0;
}

/* line 1217, app/assets/stylesheets/public.scss */
.terms-conditions-padding {
  padding: 20px;
}

/* line 1220, app/assets/stylesheets/public.scss */
.secondary-color {
  background: #FFFFFF;
}

/* line 1223, app/assets/stylesheets/public.scss */
.actions-button {
  max-width: 1000px;
  margin: auto;
}

/* line 1226, app/assets/stylesheets/public.scss */
.actions-button button {
  border-radius: 0px;
  color: #074E66;
  font-weight: bold;
}

/* line 1231, app/assets/stylesheets/public.scss */
.actions-button .add-button {
  color: white;
  background: #57C40A;
}

/* line 1236, app/assets/stylesheets/public.scss */
.bs-callout-info {
  background-color: #f0f7fd;
  border-color: #d0e3f0;
}

/* line 1240, app/assets/stylesheets/public.scss */
.bs-callout {
  margin: 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
}

/* line 1246, app/assets/stylesheets/public.scss */
.chosen-container {
  width: 100% !important;
}

/* line 1250, app/assets/stylesheets/public.scss */
.is_hide {
  display: none !important;
}

/* line 1254, app/assets/stylesheets/public.scss */
.half-round {
  border-radius: 20%;
  width: auto;
  height: auto;
}

/* line 1260, app/assets/stylesheets/public.scss */
.full-round {
  border-radius: 50%;
  width: 178px;
  height: 170px;
}

/* line 1266, app/assets/stylesheets/public.scss */
.profile-avater img {
  object-fit: cover;
  object-position: top center;
  border-radius: 50%;
  width: 80px;
  height: 80px;
}

/* line 1274, app/assets/stylesheets/public.scss */
.card-item {
  border-radius: 10px;
  color: white;
  padding: 6px;
  text-align: center;
  font-weight: bold;
}

/* line 1282, app/assets/stylesheets/public.scss */
.bg-green-clr {
  background: #4fcc48;
}

/* line 1286, app/assets/stylesheets/public.scss */
.bg-orange-clr {
  background: #ebb404;
}

/* line 1291, app/assets/stylesheets/public.scss */
.bg-cornflowerblue-clr {
  background: #45abf2;
}

/* line 1295, app/assets/stylesheets/public.scss */
.bg-lightcoral-clr {
  background: #ee5959;
}

/* line 1298, app/assets/stylesheets/public.scss */
.bg-pest-clr {
  background: #f46806;
}

/* line 1301, app/assets/stylesheets/public.scss */
.bg-yello-clr {
  background: #d70a89;
}
/* Beaccount Color Declaration */
/* Syftet logo color */
/* line 4, app/assets/stylesheets/reports.scss */
.yearly-profit-top-header {
  background: #2cacd2;
  border-bottom: solid 1px #dfdfdf;
}

/* line 7, app/assets/stylesheets/reports.scss */
.yearly-profit-top-header th {
  padding: 7px !important;
  color: #ffffff;
  text-align: center;
}

/* line 14, app/assets/stylesheets/reports.scss */
.export-to {
  background: #1397c4 none repeat scroll 0 0;
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fdfdfd;
  font-size: 13px;
  min-width: 120px;
}
/*! jQuery UI - v1.11.4 - 2015-03-11
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}
.ui-helper-clearfix:after {
    clear: both;
}
.ui-helper-clearfix {
    min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    min-height: 0; /* support: IE7 */
    font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}
.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
    width: 2.4em;
}
.ui-button-icons-only {
    width: 3.4em;
}
button.ui-button-icons-only {
    width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}
.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

/* button sets */
.ui-buttonset {
    margin-right: 7px;
}
.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}
.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}
.ui-datepicker td {
    border: 0;
    padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}
.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}
.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}
.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}
.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}
.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}
.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}
.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none;
}
.ui-menu .ui-menu {
    position: absolute;
}
.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0; /* support: IE7 */
    /* support: IE10, see #8844 */
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}
.ui-menu-icons .ui-menu-item {
    padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}
.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    filter: alpha(opacity=25); /* support: IE8 */
    opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}
.ui-resizable {
    position: relative;
}
.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}
.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}
.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}
.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}
.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}
.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}
.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}
.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}
.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}
.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    /* Support: IE7 */
    overflow-x: hidden;
    padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0;
}
.ui-selectmenu-open {
    display: block;
}
.ui-selectmenu-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
    right: 0.5em;
    left: auto;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
    text-align: left;
    padding: 0.4em 2.1em 0.4em 1em;
    display: block;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}
.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}
.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}
.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px;
}
.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
}
.ui-spinner-up {
    top: 0;
}
.ui-spinner-down {
    bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
    /* need to fix icons sprite */
    background-position: -65px -16px;
}
.ui-tabs {
    position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}
.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
    border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
}
.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
    color: #222222;
}
.ui-widget-content a {
    color: #222222;
}
.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
    color: #222222;
    font-weight: bold;
}
.ui-widget-header a {
    color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #555555;
    text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #999999;
    background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
    color: #212121;
    text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #212121;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
    color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
    color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter:Alpha(Opacity=70); /* support: IE8 */
    font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter:Alpha(Opacity=35); /* support: IE8 */
    background-image: none;
}
.ui-state-disabled .ui-icon {
    filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-state-default .ui-icon {
    background-image: url("images/ui-icons_888888_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon {
    background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon {
    background-image: url("images/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cd0a0a_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30); /* support: IE8 */
    border-radius: 8px;
}
/* line 4, app/assets/stylesheets/salaries/advances.scss */
.advance-installment {
  display: none;
}

/* line 7, app/assets/stylesheets/salaries/advances.scss */
#payslip2 {
  font-family: 'Helvetica Neue';
  border: solid black 1px;
  height: 210px;
  margin-top: 10px;
  padding: auto;
  position: relative;
}

/* line 16, app/assets/stylesheets/salaries/advances.scss */
#payslip {
  font-family: 'Helvetica Neue';
  border: solid black 1px;
  height: 470px;
  margin-top: 10px;
  padding: auto;
  position: relative;
}

/* line 25, app/assets/stylesheets/salaries/advances.scss */
#payslip .pay-slip-title {
  font-size: 20px;
  font-weight: bold;
  margin: 7px 0;
  line-height: 21px;
}

/* line 32, app/assets/stylesheets/salaries/advances.scss */
#payslip .payslip-header {
  text-align: center;
}

/* line 36, app/assets/stylesheets/salaries/advances.scss */
#payslip .payslip-logo {
  position: absolute;
  right: 0;
  top: 0;
}

/* line 42, app/assets/stylesheets/salaries/advances.scss */
#payslip .payslip-month {
  text-align: center;
  padding-bottom: 15px;
  padding-top: 15px;
  font-weight: bold;
}

/* line 49, app/assets/stylesheets/salaries/advances.scss */
#payslip .authorised-signature {
  padding-top: 15px;
}

/* line 52, app/assets/stylesheets/salaries/advances.scss */
#payslip .pay-info-table {
  width: 100%;
  margin-bottom: 15px;
}

/* line 56, app/assets/stylesheets/salaries/advances.scss */
#payslip .pay-info-table tr .info {
  text-align: left;
  text-indent: 7px;
}

/* line 60, app/assets/stylesheets/salaries/advances.scss */
#payslip .pay-info-table tr td {
  width: 24.9%;
  font-size: 12px;
}

/* line 66, app/assets/stylesheets/salaries/advances.scss */
#payslip .pay-slip-table {
  font-size: 13px;
  width: 100%;
}

/* line 69, app/assets/stylesheets/salaries/advances.scss */
#payslip .pay-slip-table .info {
  text-indent: 7px;
  text-align: left;
}

/* line 73, app/assets/stylesheets/salaries/advances.scss */
#payslip .pay-slip-table .data-column {
  width: 150px;
  text-align: right;
  padding-right: 10px;
}

/* line 78, app/assets/stylesheets/salaries/advances.scss */
#payslip .pay-slip-table .top-border {
  border-top: solid 1px #333333;
}

/* line 81, app/assets/stylesheets/salaries/advances.scss */
#payslip .pay-slip-table .right-border {
  border-right: solid 1px #333333;
}

/* line 84, app/assets/stylesheets/salaries/advances.scss */
#payslip .pay-slip-table .bottom-border {
  border-bottom: solid 1px #333333;
}

/* line 87, app/assets/stylesheets/salaries/advances.scss */
#payslip .pay-slip-table .left-border {
  border-left: solid 1px #333333;
}

/* line 90, app/assets/stylesheets/salaries/advances.scss */
#payslip .pay-slip-table table {
  width: 100%;
}

/* line 94, app/assets/stylesheets/salaries/advances.scss */
#payslip .padding-3-0 {
  padding-top: 3px;
  padding-bottom: 3px;
}

/* line 98, app/assets/stylesheets/salaries/advances.scss */
#payslip .net-pay {
  font-size: 13px;
  font-weight: bold;
  padding: 4px;
  text-indent: 4px;
}

/* line 103, app/assets/stylesheets/salaries/advances.scss */
#payslip .net-pay .net-amount {
  text-align: right;
}

/* line 110, app/assets/stylesheets/salaries/advances.scss */
#details_salary {
  font-family: 'Helvetica Neue';
  border: solid black 1px;
  padding: auto;
  position: relative;
}

/* line 119, app/assets/stylesheets/salaries/advances.scss */
#details_salary .pay-slip-title {
  font-size: 20px;
  font-weight: bold;
  margin: 7px 0;
  line-height: 21px;
}

/* line 126, app/assets/stylesheets/salaries/advances.scss */
#details_salary .payslip-header {
  text-align: center;
}

/* line 130, app/assets/stylesheets/salaries/advances.scss */
#details_salary .payslip-logo {
  position: absolute;
  right: 0;
  top: 0;
}

/* line 136, app/assets/stylesheets/salaries/advances.scss */
#details_salary .payslip-month {
  text-align: center;
  padding-bottom: 15px;
  padding-top: 15px;
  font-weight: bold;
}

/* line 143, app/assets/stylesheets/salaries/advances.scss */
#details_salary .authorised-signature {
  padding-top: 15px;
}

/* line 146, app/assets/stylesheets/salaries/advances.scss */
#details_salary .pay-info-table {
  width: 100%;
  margin-bottom: 15px;
}

/* line 150, app/assets/stylesheets/salaries/advances.scss */
#details_salary .pay-info-table tr .info {
  text-align: left;
  text-indent: 7px;
}

/* line 154, app/assets/stylesheets/salaries/advances.scss */
#details_salary .pay-info-table tr td {
  width: 24.9%;
  font-size: 12px;
}

/* line 160, app/assets/stylesheets/salaries/advances.scss */
#details_salary .pay-slip-table {
  font-size: 13px;
  width: 100%;
}

/* line 163, app/assets/stylesheets/salaries/advances.scss */
#details_salary .pay-slip-table .info {
  text-indent: 7px;
  text-align: left;
}

/* line 167, app/assets/stylesheets/salaries/advances.scss */
#details_salary .pay-slip-table .data-column {
  width: 150px;
  text-align: right;
  padding-right: 10px;
}

/* line 172, app/assets/stylesheets/salaries/advances.scss */
#details_salary .pay-slip-table .top-border {
  border-top: solid 1px #333333;
}

/* line 175, app/assets/stylesheets/salaries/advances.scss */
#details_salary .pay-slip-table .right-border {
  border-right: solid 1px #333333;
}

/* line 178, app/assets/stylesheets/salaries/advances.scss */
#details_salary .pay-slip-table .bottom-border {
  border-bottom: solid 1px #333333;
}

/* line 181, app/assets/stylesheets/salaries/advances.scss */
#details_salary .pay-slip-table .left-border {
  border-left: solid 1px #333333;
}

/* line 184, app/assets/stylesheets/salaries/advances.scss */
#details_salary .pay-slip-table table {
  width: 100%;
}

/* line 188, app/assets/stylesheets/salaries/advances.scss */
#details_salary .padding-3-0 {
  padding-top: 3px;
  padding-bottom: 3px;
}

/* line 192, app/assets/stylesheets/salaries/advances.scss */
#details_salary .net-pay {
  font-size: 13px;
  font-weight: bold;
  padding: 4px;
  text-indent: 4px;
}

/* line 197, app/assets/stylesheets/salaries/advances.scss */
#details_salary .net-pay .net-amount {
  text-align: right;
}

/* line 202, app/assets/stylesheets/salaries/advances.scss */
.salary-details {
  padding-top: 20px;
}
/* line 1, app/assets/stylesheets/salary/monthly_salary_report.scss */
.excel-table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  max-width: 100%;
}

/* line 6, app/assets/stylesheets/salary/monthly_salary_report.scss */
.excel-table thead {
  background-color: #f3f3f3;
}

/* line 9, app/assets/stylesheets/salary/monthly_salary_report.scss */
.excel-table thead tr th {
  border-right: solid 1px #cccccc;
  padding: 7px;
  text-align: center;
}

/* line 13, app/assets/stylesheets/salary/monthly_salary_report.scss */
.excel-table thead tr th:last-child {
  border-right: none;
}

/* line 19, app/assets/stylesheets/salary/monthly_salary_report.scss */
.excel-table thead > tr, .excel-table tbody > tr {
  text-align: center;
  border: 1px solid #ccc;
}

/* line 23, app/assets/stylesheets/salary/monthly_salary_report.scss */
.excel-table th, .excel-table td {
  font-size: 12px;
}

/* line 27, app/assets/stylesheets/salary/monthly_salary_report.scss */
.excel-table td {
  padding: 3px !important;
  border: 1px solid #cccccc;
  /*min-width: 46px;*/
}

/* line 31, app/assets/stylesheets/salary/monthly_salary_report.scss */
.excel-table td label {
  margin: 0;
}

/* line 34, app/assets/stylesheets/salary/monthly_salary_report.scss */
.excel-table td input {
  background: #ffffff;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 5px 5px 2px 5px;
  width: 100%;
}

/* line 45, app/assets/stylesheets/salary/monthly_salary_report.scss */
.excel-table tr > td:first-child {
  background-color: #f3f3f3;
  min-width: 40px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

/* line 54, app/assets/stylesheets/salary/monthly_salary_report.scss */
.report-search-form {
  text-align: left;
}

/* line 57, app/assets/stylesheets/salary/monthly_salary_report.scss */
.report-search-form input, .report-search-form select, .report-search-form .chosen-container {
  max-width: 220px;
  display: inline-block;
}
/* line 1, app/assets/stylesheets/salary/yearly_salary_report.scss */
.denger_color {
  background-color: #953735;
}

/* line 5, app/assets/stylesheets/salary/yearly_salary_report.scss */
.success_color {
  background-color: #9BBB59;
}
/* Pos screen color declaration */
/* line 2, app/assets/stylesheets/sales/pos.scss */
.non-cash-method, .cheque-method, .bkash-method, .rocket-method, .card-method {
  display: none;
}

/* line 6, app/assets/stylesheets/sales/pos.scss */
.border-div {
  border: 1px solid #bdc2c3;
  margin-left: 4px;
}

/* line 10, app/assets/stylesheets/sales/pos.scss */
.label-payment {
  margin-top: 20px;
  font-size: large;
}

/* line 15, app/assets/stylesheets/sales/pos.scss */
.font-size {
  font-size: large;
}

/* line 19, app/assets/stylesheets/sales/pos.scss */
.button-margin {
  margin-top: 15px;
}

/* line 22, app/assets/stylesheets/sales/pos.scss */
.btn-xl {
  padding: 8px 40px;
}

/* line 26, app/assets/stylesheets/sales/pos.scss */
.print-button-margin {
  margin-right: 10px;
}

/* line 33, app/assets/stylesheets/sales/pos.scss */
.print-invoice-table thead tr th, .print-invoice-table thead tr td, .print-invoice-table tbody tr th, .print-invoice-table tbody tr td {
  padding: 2px;
}

/* line 41, app/assets/stylesheets/sales/pos.scss */
.borderless td, .borderless th {
  border: none !important;
}

/* line 46, app/assets/stylesheets/sales/pos.scss */
.cart-state {
  background-color: #ea9b9b !important;
}

/* line 51, app/assets/stylesheets/sales/pos.scss */
.sidebar-ul li {
  margin-bottom: 10px;
}

/* POS Calculator design */
/* line 58, app/assets/stylesheets/sales/pos.scss */
.calculator-wrap {
  position: relative;
}

/* line 60, app/assets/stylesheets/sales/pos.scss */
.calculator-wrap .calculator-container {
  position: absolute;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 10;
  border: 1px solid #ddd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 5px 10px 15px #ddd;
  padding: 15px;
}

/* line 74, app/assets/stylesheets/sales/pos.scss */
.calculator-wrap .calculator-container .calculator-row .left-side-btn .text-btn-ul-style {
  display: flex;
  flex-wrap: wrap;
  margin: -10px 0 -10px;
}

/* line 78, app/assets/stylesheets/sales/pos.scss */
.calculator-wrap .calculator-container .calculator-row .left-side-btn .text-btn-ul-style li {
  display: inline-block;
  margin: 10px 0 0 2%;
  flex-grow: 1;
  width: calc(100% * (1/5) - 10px - 1px);
}

/* line 83, app/assets/stylesheets/sales/pos.scss */
.calculator-wrap .calculator-container .calculator-row .left-side-btn .text-btn-ul-style li a {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 20px 0;
  color: #fff;
  text-align: center;
  display: block;
  text-decoration: none;
  cursor: pointer;
  min-height: 50px;
}

/* line 102, app/assets/stylesheets/sales/pos.scss */
.calculator-wrap .calculator-container .calculator-row .right-side-btn .right-side-btn-row .right-side-btn-lg-col .number-btn .number-btn-ul-style {
  display: flex;
  flex-wrap: wrap;
  margin: -10px 0 -10px;
}

/* line 106, app/assets/stylesheets/sales/pos.scss */
.calculator-wrap .calculator-container .calculator-row .right-side-btn .right-side-btn-row .right-side-btn-lg-col .number-btn .number-btn-ul-style li {
  display: inline-block;
  margin: 10px 0 0 2%;
  flex-grow: 1;
  width: calc(100% * (1/3) - 10px - 1px);
}

/* line 111, app/assets/stylesheets/sales/pos.scss */
.calculator-wrap .calculator-container .calculator-row .right-side-btn .right-side-btn-row .right-side-btn-lg-col .number-btn .number-btn-ul-style li a {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #333;
  padding: 15px 20px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  display: block;
  vertical-align: middle;
  text-decoration: none;
  cursor: pointer;
}

/* line 124, app/assets/stylesheets/sales/pos.scss */
.calculator-wrap .calculator-container .calculator-row .right-side-btn .right-side-btn-row .right-side-btn-lg-col .number-btn .number-btn-ul-style li a:hover {
  background: #1a1a1a;
}

/* line 133, app/assets/stylesheets/sales/pos.scss */
.calculator-wrap .calculator-container .calculator-row .right-side-btn .right-side-btn-row .right-side-btn-sm-col .button-section {
  display: flex;
  flex-wrap: wrap;
  margin: -10px 0;
}

/* line 137, app/assets/stylesheets/sales/pos.scss */
.calculator-wrap .calculator-container .calculator-row .right-side-btn .right-side-btn-row .right-side-btn-sm-col .button-section .pay-btn, .calculator-wrap .calculator-container .calculator-row .right-side-btn .right-side-btn-row .right-side-btn-sm-col .button-section .enter-btn {
  width: calc(100% * (1/1) - 10px - 1px);
  padding: 20px 20px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
  line-height: 10px;
  text-decoration: none;
  cursor: pointer;
  margin: 10px 0 auto -5px;
}

/* line 156, app/assets/stylesheets/sales/pos.scss */
.payment-block {
  border: inherit;
  padding: 15px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

/* line 164, app/assets/stylesheets/sales/pos.scss */
.payment-radio-btn {
  display: block;
  border: inherit;
  padding: 20px 35px;
  margin-right: 15px;
  color: #fff;
  font-size: 14px !important;
  max-width: 150px;
}

/* line 173, app/assets/stylesheets/sales/pos.scss */
.cross-btn {
  text-align: right;
  position: absolute;
  right: 20px;
  top: 20px;
  background: tomato;
  color: #fff;
  padding: 10px;
  border-top-right-radius: 4px;
}

/* line 184, app/assets/stylesheets/sales/pos.scss */
.height-50 {
  height: 50px;
}

/* line 188, app/assets/stylesheets/sales/pos.scss */
.text-highlight {
  font-weight: bold;
  text-align: center !important;
  font-size: 20px !important;
  vertical-align: middle !important;
}

/* Capsul design */
/* line 196, app/assets/stylesheets/sales/pos.scss */
.danger-text-capsul {
  background: #f44336;
  color: #fff;
  padding: 0px 10px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

/* line 204, app/assets/stylesheets/sales/pos.scss */
.warning-text-capsul {
  background: #ffc107;
  color: #fff;
  padding: 0px 10px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

/* line 212, app/assets/stylesheets/sales/pos.scss */
.success-text-capsul {
  background: #28a745;
  color: #fff;
  padding: 0px 10px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

/* line 220, app/assets/stylesheets/sales/pos.scss */
.info-text-capsul {
  background: #17a2b8;
  color: #fff;
  padding: 0px 10px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

/* line 229, app/assets/stylesheets/sales/pos.scss */
.danger-input-capsul,
.success-input-capsul,
.warning-input-capsul,
.info-input-capsul {
  box-shadow: none;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

/* line 239, app/assets/stylesheets/sales/pos.scss */
.danger-input-capsul {
  border: 2px solid #f44336;
}

/* line 242, app/assets/stylesheets/sales/pos.scss */
.success-input-capsul {
  border: 2px solid #28a745;
}

/* line 245, app/assets/stylesheets/sales/pos.scss */
.warning-input-capsul {
  border: 2px solid #ffc107;
}

/* line 248, app/assets/stylesheets/sales/pos.scss */
.info-input-capsul {
  border: 2px solid #17a2b8;
}

/* line 251, app/assets/stylesheets/sales/pos.scss */
.default-input-capsul {
  border: 2px solid #555;
}

/* line 255, app/assets/stylesheets/sales/pos.scss */
.pos-style label {
  font-size: 18px;
}

/* line 258, app/assets/stylesheets/sales/pos.scss */
.pos-style input[type=text], .pos-style input[type=number], .pos-style select {
  height: 50px;
}

/* line 265, app/assets/stylesheets/sales/pos.scss */
.pos-style table thead tr th, .pos-style table thead tr td, .pos-style table tbody tr th, .pos-style table tbody tr td {
  text-align: center;
  font-size: 16px;
}

/* line 276, app/assets/stylesheets/sales/pos.scss */
.radio-btn-placing {
  position: absolute;
  left: 6px;
  top: 0;
}

/* line 281, app/assets/stylesheets/sales/pos.scss */
.radio-icon {
  font-size: 20px;
  margin-right: 5px;
}

/* line 285, app/assets/stylesheets/sales/pos.scss */
.ui-autocomplete {
  max-height: 30rem !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  background-color: #007D8A !important;
}

/* line 291, app/assets/stylesheets/sales/pos.scss */
.ui-state-focus {
  background-color: #ffc107 !important;
}

/* POS Table Styling - Fix alignment and column widths */
/* line 296, app/assets/stylesheets/sales/pos.scss */
#tbl-product-list {
  table-layout: fixed;
  width: 100%;
  /* Column width specifications */
  /* Product name styling for better readability */
  /* Ensure proper alignment for numeric values */
  /* Center align action buttons */
  /* Image column styling */
}

/* line 300, app/assets/stylesheets/sales/pos.scss */
#tbl-product-list thead tr th {
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  padding: 10px 5px;
}

/* line 307, app/assets/stylesheets/sales/pos.scss */
#tbl-product-list tbody tr td {
  text-align: center;
  vertical-align: middle;
  padding: 8px 5px;
  word-wrap: break-word;
}

/* line 315, app/assets/stylesheets/sales/pos.scss */
#tbl-product-list th:nth-child(1), #tbl-product-list td:nth-child(1) {
  /* Images */
  width: 8%;
}

/* line 319, app/assets/stylesheets/sales/pos.scss */
#tbl-product-list th:nth-child(2), #tbl-product-list td:nth-child(2) {
  /* Code */
  width: 10%;
}

/* line 323, app/assets/stylesheets/sales/pos.scss */
#tbl-product-list th:nth-child(3), #tbl-product-list td:nth-child(3) {
  /* Name - Make this bigger */
  width: 25%;
  text-align: left !important;
}

/* line 328, app/assets/stylesheets/sales/pos.scss */
#tbl-product-list th:nth-child(4), #tbl-product-list td:nth-child(4) {
  /* Stock */
  width: 8%;
}

/* line 332, app/assets/stylesheets/sales/pos.scss */
#tbl-product-list th:nth-child(5), #tbl-product-list td:nth-child(5) {
  /* Price */
  width: 10%;
}

/* line 336, app/assets/stylesheets/sales/pos.scss */
#tbl-product-list th:nth-child(6), #tbl-product-list td:nth-child(6) {
  /* Discount */
  width: 10%;
}

/* line 340, app/assets/stylesheets/sales/pos.scss */
#tbl-product-list th:nth-child(7), #tbl-product-list td:nth-child(7) {
  /* Qty */
  width: 8%;
}

/* line 344, app/assets/stylesheets/sales/pos.scss */
#tbl-product-list th:nth-child(8), #tbl-product-list td:nth-child(8) {
  /* Ext. Price */
  width: 10%;
}

/* line 348, app/assets/stylesheets/sales/pos.scss */
#tbl-product-list th:nth-child(9), #tbl-product-list td:nth-child(9) {
  /* Vat */
  width: 8%;
}

/* line 352, app/assets/stylesheets/sales/pos.scss */
#tbl-product-list th:nth-child(10), #tbl-product-list td:nth-child(10), #tbl-product-list th:nth-child(11), #tbl-product-list td:nth-child(11) {
  /* Action buttons */
  width: 1.5%;
}

/* line 357, app/assets/stylesheets/sales/pos.scss */
#tbl-product-list .product-name {
  text-align: left !important;
  padding-left: 10px !important;
  font-weight: 500;
}

/* line 364, app/assets/stylesheets/sales/pos.scss */
#tbl-product-list .product-price, #tbl-product-list .product-discount, #tbl-product-list .product-quantity, #tbl-product-list .product-ext, #tbl-product-list .product-vat, #tbl-product-list .product-stock {
  text-align: right !important;
  padding-right: 10px !important;
}

/* line 370, app/assets/stylesheets/sales/pos.scss */
#tbl-product-list .product-add-or-remove-btn {
  text-align: center !important;
}

/* line 375, app/assets/stylesheets/sales/pos.scss */
#tbl-product-list .product-img {
  text-align: center !important;
  padding: 5px !important;
}

/* line 379, app/assets/stylesheets/sales/pos.scss */
#tbl-product-list .product-img img {
  max-width: 40px;
  max-height: 40px;
  object-fit: cover;
}
/* line 8, app/assets/stylesheets/sales/till_closings.scss */
.till-closing-table tbody tr td {
  font-weight: bold;
  vertical-align: middle;
}
/* line 5, app/assets/stylesheets/sales/tills.scss */
.sub-cell {
  padding-left: 40px !important;
}
/* line 6, app/assets/stylesheets/sales_invoices.scss */
.modern-table {
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08), 0 4px 20px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(148, 163, 184, 0.1);
}

/* line 13, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table-responsive {
  max-height: 75vh;
  overflow-y: auto;
  overflow-x: auto;
  scroll-behavior: smooth;
  border-radius: 16px;
}

/* line 21, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table-responsive::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

/* line 26, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table-responsive::-webkit-scrollbar-track {
  background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
  border-radius: 8px;
  margin: 4px;
}

/* line 32, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table-responsive::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 8px;
  border: 2px solid #f1f5f9;
  transition: all 0.3s ease;
}

/* line 38, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table-responsive::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, #5a67d8 0%, #6b46c1 100%);
  transform: scale(1.1);
}

/* line 44, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table-responsive::-webkit-scrollbar-corner {
  background: #f1f5f9;
  border-radius: 8px;
}

/* line 50, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table-responsive table thead th {
  position: sticky;
  top: 0;
  background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%) !important;
  z-index: 20;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(10px);
  border: none;
  color: #155724 !important;
}

/* line 63, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table tbody tr {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 66, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table tbody tr:hover {
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%) !important;
  transform: translateY(-2px) scale(1.002);
  box-shadow: 0 8px 25px rgba(59, 130, 246, 0.15);
  border-left: 4px solid #3b82f6;
}

/* line 73, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table tbody tr:nth-child(even) {
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
}

/* line 77, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table tbody tr:nth-child(odd) {
  background: #ffffff;
}

/* line 83, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table td {
  border: none !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1) !important;
  transition: all 0.2s ease;
  position: relative;
}

/* line 89, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table td::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(148, 163, 184, 0.2) 50%, transparent 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* line 101, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table td:hover::after {
  opacity: 1;
}

/* line 107, app/assets/stylesheets/sales_invoices.scss */
.modern-table .btn {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 110, app/assets/stylesheets/sales_invoices.scss */
.modern-table .btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* line 118, app/assets/stylesheets/sales_invoices.scss */
.enhanced-info-header {
  margin-bottom: 24px !important;
}

/* line 121, app/assets/stylesheets/sales_invoices.scss */
.enhanced-info-header .info-header-container {
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
  border-radius: 16px !important;
  padding: 24px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1) !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

/* line 129, app/assets/stylesheets/sales_invoices.scss */
.enhanced-info-header .info-header-title {
  display: flex !important;
  align-items: center !important;
  margin-bottom: 20px !important;
  padding-bottom: 16px !important;
  border-bottom: 2px solid #e9ecef !important;
}

/* line 136, app/assets/stylesheets/sales_invoices.scss */
.enhanced-info-header .info-header-title .title-icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #ff6b6b 0%, #ee5a52 100%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 16px !important;
  box-shadow: 0 4px 12px rgba(255, 107, 107, 0.3) !important;
}

/* line 147, app/assets/stylesheets/sales_invoices.scss */
.enhanced-info-header .info-header-title .title-icon i {
  color: #fff !important;
  font-size: 20px !important;
}

/* line 153, app/assets/stylesheets/sales_invoices.scss */
.enhanced-info-header .info-header-title h4 {
  margin: 0 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #2c3e50 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

/* line 162, app/assets/stylesheets/sales_invoices.scss */
.enhanced-info-header .info-cards-container {
  display: flex !important;
  gap: 20px !important;
  margin-bottom: 24px !important;
  flex-wrap: wrap !important;
}

/* line 168, app/assets/stylesheets/sales_invoices.scss */
.enhanced-info-header .info-cards-container .info-card {
  flex: 1 !important;
  min-width: 280px !important;
  background: #fff !important;
  border-radius: 12px !important;
  padding: 20px !important;
  display: flex !important;
  align-items: center !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
  border: 2px solid transparent !important;
  transition: all 0.3s ease !important;
}

/* line 180, app/assets/stylesheets/sales_invoices.scss */
.enhanced-info-header .info-cards-container .info-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15) !important;
}

/* line 185, app/assets/stylesheets/sales_invoices.scss */
.enhanced-info-header .info-cards-container .info-card.pending-card {
  border-color: #ffd93d !important;
}

/* line 188, app/assets/stylesheets/sales_invoices.scss */
.enhanced-info-header .info-cards-container .info-card.pending-card .card-icon {
  background: linear-gradient(135deg, #ffd93d 0%, #ffcd02 100%) !important;
  color: #8b5a00 !important;
}

/* line 193, app/assets/stylesheets/sales_invoices.scss */
.enhanced-info-header .info-cards-container .info-card.pending-card .card-number {
  color: #f39c12 !important;
}

/* line 198, app/assets/stylesheets/sales_invoices.scss */
.enhanced-info-header .info-cards-container .info-card.overdue-card {
  border-color: #ff6b6b !important;
}

/* line 201, app/assets/stylesheets/sales_invoices.scss */
.enhanced-info-header .info-cards-container .info-card.overdue-card .card-icon {
  background: linear-gradient(135deg, #ff6b6b 0%, #ee5a52 100%) !important;
  color: #fff !important;
}

/* line 206, app/assets/stylesheets/sales_invoices.scss */
.enhanced-info-header .info-cards-container .info-card.overdue-card .card-number {
  color: #e74c3c !important;
}

/* line 211, app/assets/stylesheets/sales_invoices.scss */
.enhanced-info-header .info-cards-container .info-card .card-icon {
  width: 60px !important;
  height: 60px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 16px !important;
  flex-shrink: 0 !important;
}

/* line 221, app/assets/stylesheets/sales_invoices.scss */
.enhanced-info-header .info-cards-container .info-card .card-icon i {
  font-size: 24px !important;
}

/* line 226, app/assets/stylesheets/sales_invoices.scss */
.enhanced-info-header .info-cards-container .info-card .card-content {
  flex: 1 !important;
}

/* line 229, app/assets/stylesheets/sales_invoices.scss */
.enhanced-info-header .info-cards-container .info-card .card-content .card-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #6c757d !important;
  margin-bottom: 4px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* line 238, app/assets/stylesheets/sales_invoices.scss */
.enhanced-info-header .info-cards-container .info-card .card-content .card-number {
  font-size: 28px !important;
  font-weight: 800 !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
}

/* line 245, app/assets/stylesheets/sales_invoices.scss */
.enhanced-info-header .info-cards-container .info-card .card-content .card-subtitle {
  font-size: 12px !important;
  color: #adb5bd !important;
  margin-bottom: 8px !important;
}

/* line 251, app/assets/stylesheets/sales_invoices.scss */
.enhanced-info-header .info-cards-container .info-card .card-content .card-amount {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #28a745 !important;
  background: rgba(40, 167, 69, 0.1) !important;
  padding: 4px 8px !important;
  border-radius: 6px !important;
  display: inline-block !important;
}

/* line 264, app/assets/stylesheets/sales_invoices.scss */
.enhanced-info-header .info-actions {
  display: flex !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

/* line 269, app/assets/stylesheets/sales_invoices.scss */
.enhanced-info-header .info-actions .enhanced-btn {
  padding: 12px 20px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  border: none !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* line 280, app/assets/stylesheets/sales_invoices.scss */
.enhanced-info-header .info-actions .enhanced-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15) !important;
}

/* line 285, app/assets/stylesheets/sales_invoices.scss */
.enhanced-info-header .info-actions .enhanced-btn.primary-btn {
  background: linear-gradient(135deg, #007bff 0%, #0056b3 100%) !important;
  color: #fff !important;
}

/* line 290, app/assets/stylesheets/sales_invoices.scss */
.enhanced-info-header .info-actions .enhanced-btn.warning-btn {
  background: linear-gradient(135deg, #fd7e14 0%, #e55a00 100%) !important;
  color: #fff !important;
}

/* line 295, app/assets/stylesheets/sales_invoices.scss */
.enhanced-info-header .info-actions .enhanced-btn.info-btn {
  background: linear-gradient(135deg, #6f42c1 0%, #5a2d91 100%) !important;
  color: #fff !important;
}

/* line 304, app/assets/stylesheets/sales_invoices.scss */
.header-section-organized {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
  border-radius: 12px !important;
  padding: 20px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
  margin-bottom: 20px !important;
}

/* line 311, app/assets/stylesheets/sales_invoices.scss */
.header-section-organized .action-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 16px !important;
}

/* line 317, app/assets/stylesheets/sales_invoices.scss */
.header-section-organized .action-row:last-child {
  margin-bottom: 0 !important;
}

/* line 321, app/assets/stylesheets/sales_invoices.scss */
.header-section-organized .action-row.primary-actions {
  border-bottom: 1px solid #dee2e6 !important;
  padding-bottom: 16px !important;
}

/* line 327, app/assets/stylesheets/sales_invoices.scss */
.header-section-organized .action-group {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

/* line 333, app/assets/stylesheets/sales_invoices.scss */
.header-section-organized .action-group.main-actions .pill {
  padding: 12px 24px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
  display: inline-block !important;
}

/* line 342, app/assets/stylesheets/sales_invoices.scss */
.header-section-organized .action-group.main-actions .pill:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15) !important;
}

/* line 347, app/assets/stylesheets/sales_invoices.scss */
.header-section-organized .action-group.main-actions .pill.primary-action {
  background: linear-gradient(135deg, #007bff 0%, #0056b3 100%) !important;
  color: #fff !important;
  border: none !important;
}

/* line 353, app/assets/stylesheets/sales_invoices.scss */
.header-section-organized .action-group.main-actions .pill.warning-action {
  background: linear-gradient(135deg, #fd7e14 0%, #e55a00 100%) !important;
  color: #fff !important;
  border: none !important;
}

/* line 359, app/assets/stylesheets/sales_invoices.scss */
.header-section-organized .action-group.main-actions .pill.settings-action {
  background: linear-gradient(135deg, #6c757d 0%, #545b62 100%) !important;
  color: #fff !important;
  border: none !important;
}

/* line 368, app/assets/stylesheets/sales_invoices.scss */
.header-section-organized .action-group.search-group .enhanced-search-form {
  display: flex !important;
  gap: 8px !important;
}

/* line 372, app/assets/stylesheets/sales_invoices.scss */
.header-section-organized .action-group.search-group .enhanced-search-form .search-input-enhanced {
  width: 300px !important;
  height: 48px !important;
  font-size: 14px !important;
  padding: 12px 16px !important;
  border-radius: 8px !important;
  border: 2px solid #dee2e6 !important;
  transition: all 0.3s ease !important;
}

/* line 381, app/assets/stylesheets/sales_invoices.scss */
.header-section-organized .action-group.search-group .enhanced-search-form .search-input-enhanced:focus {
  border-color: #007bff !important;
  box-shadow: 0 0 0 0.15rem rgba(0, 123, 255, 0.25) !important;
  transform: translateY(-1px) !important;
}

/* line 388, app/assets/stylesheets/sales_invoices.scss */
.header-section-organized .action-group.search-group .enhanced-search-form .search-btn-enhanced {
  height: 48px !important;
  padding: 12px 20px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #28a745 0%, #1e7e34 100%) !important;
  border: none !important;
  color: #fff !important;
  transition: all 0.3s ease !important;
}

/* line 399, app/assets/stylesheets/sales_invoices.scss */
.header-section-organized .action-group.search-group .enhanced-search-form .search-btn-enhanced:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3) !important;
}

/* line 408, app/assets/stylesheets/sales_invoices.scss */
.header-section-organized .filter-group {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* line 413, app/assets/stylesheets/sales_invoices.scss */
.header-section-organized .filter-group .filter-label {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #495057 !important;
  margin-right: 8px !important;
  white-space: nowrap !important;
}

/* line 421, app/assets/stylesheets/sales_invoices.scss */
.header-section-organized .filter-group .filter-pill {
  padding: 8px 16px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #6c757d !important;
  border: 1px solid #dee2e6 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

/* line 432, app/assets/stylesheets/sales_invoices.scss */
.header-section-organized .filter-group .filter-pill:hover {
  background: #f8f9fa !important;
  border-color: #adb5bd !important;
  transform: translateY(-1px) !important;
}

/* line 438, app/assets/stylesheets/sales_invoices.scss */
.header-section-organized .filter-group .filter-pill.active {
  background: linear-gradient(135deg, #007bff 0%, #0056b3 100%) !important;
  color: #fff !important;
  border-color: #007bff !important;
  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3) !important;
}

/* line 448, app/assets/stylesheets/sales_invoices.scss */
.section-divider {
  margin: 10px 0 !important;
  height: 1px !important;
}

/* line 455, app/assets/stylesheets/sales_invoices.scss */
.header-section .filter-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
}

/* line 464, app/assets/stylesheets/sales_invoices.scss */
.compact-search-form {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 16px !important;
}

/* line 470, app/assets/stylesheets/sales_invoices.scss */
.compact-search-form .search-input-compact {
  width: 250px !important;
  height: 44px !important;
  font-size: 14px !important;
  padding: 8px 12px !important;
  border-radius: 8px !important;
  border: 2px solid #dee2e6 !important;
  transition: all 0.3s ease !important;
}

/* line 479, app/assets/stylesheets/sales_invoices.scss */
.compact-search-form .search-input-compact:focus {
  border-color: #007bff !important;
  box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.25) !important;
  transform: translateY(-1px) !important;
}

/* line 485, app/assets/stylesheets/sales_invoices.scss */
.compact-search-form .search-input-compact::placeholder {
  color: #6c757d !important;
}

/* line 490, app/assets/stylesheets/sales_invoices.scss */
.compact-search-form .search-btn-compact {
  height: 44px !important;
  width: 44px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  background: linear-gradient(135deg, #007bff 0%, #0056b3 100%) !important;
  border: none !important;
  transition: all 0.3s ease !important;
}

/* line 503, app/assets/stylesheets/sales_invoices.scss */
.compact-search-form .search-btn-compact:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3) !important;
}

/* line 512, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table th, .modern-table .table td {
  vertical-align: middle !important;
  padding: 12px 8px !important;
}

/* line 517, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table th.text-center, .modern-table .table td.text-center {
  text-align: center !important;
}

/* line 521, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table th.text-left, .modern-table .table td.text-left {
  text-align: left !important;
}

/* line 525, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table th.text-right, .modern-table .table td.text-right {
  text-align: right !important;
}

/* line 531, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table thead th {
  font-weight: 600 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  white-space: nowrap !important;
}

/* line 538, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table thead th i {
  margin-right: 4px !important;
  opacity: 0.8;
}

/* line 545, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table tbody td {
  font-size: 13px !important;
  line-height: 1.4 !important;
}

/* line 549, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table tbody td strong {
  font-weight: 600 !important;
}

/* line 553, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table tbody td small {
  font-size: 11px !important;
  opacity: 0.8;
}

/* line 558, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table tbody td .text-muted {
  color: #6c757d !important;
}

/* line 564, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .serial-number {
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #495057 !important;
}

/* line 570, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .invoice-badge {
  display: inline-block !important;
  padding: 4px 8px !important;
  background: #e9ecef !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  color: #495057 !important;
}

/* line 580, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .work-order-badge {
  display: inline-block !important;
  padding: 4px 8px !important;
  background: #e9ecef !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  color: #495057 !important;
}

/* line 589, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .work-order-badge i {
  margin-right: 4px !important;
}

/* line 595, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .customer-info,
.modern-table .table .branch-info {
  line-height: 1.4 !important;
}

/* line 599, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .customer-info .customer-name,
.modern-table .table .customer-info .branch-name,
.modern-table .table .branch-info .customer-name,
.modern-table .table .branch-info .branch-name {
  display: block !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #2c3e50 !important;
  margin-bottom: 2px !important;
}

/* line 607, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .customer-info .customer-name i,
.modern-table .table .customer-info .branch-name i,
.modern-table .table .branch-info .customer-name i,
.modern-table .table .branch-info .branch-name i {
  color: #6c757d !important;
  font-size: 12px !important;
}

/* line 613, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .customer-info .customer-detail,
.modern-table .table .customer-info .branch-detail,
.modern-table .table .branch-info .customer-detail,
.modern-table .table .branch-info .branch-detail {
  font-size: 11px !important;
  color: #6c757d !important;
  font-weight: 500 !important;
  opacity: 0.9 !important;
}

/* line 620, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .customer-info .customer-detail i,
.modern-table .table .customer-info .branch-detail i,
.modern-table .table .branch-info .customer-detail i,
.modern-table .table .branch-info .branch-detail i {
  color: #6c757d !important;
  font-size: 10px !important;
}

/* line 626, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .customer-info .no-customer,
.modern-table .table .customer-info .no-branch,
.modern-table .table .branch-info .no-customer,
.modern-table .table .branch-info .no-branch {
  display: flex !important;
  align-items: center !important;
  font-style: italic !important;
}

/* line 632, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .customer-info .no-customer i,
.modern-table .table .customer-info .no-branch i,
.modern-table .table .branch-info .no-customer i,
.modern-table .table .branch-info .no-branch i {
  color: #adb5bd !important;
}

/* line 636, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .customer-info .no-customer span,
.modern-table .table .customer-info .no-branch span,
.modern-table .table .branch-info .no-customer span,
.modern-table .table .branch-info .no-branch span {
  color: #adb5bd !important;
  font-size: 12px !important;
}

/* line 647, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table tbody tr:hover .customer-info .customer-name,
.modern-table .table tbody tr:hover .customer-info .branch-name,
.modern-table .table tbody tr:hover .branch-info .customer-name,
.modern-table .table tbody tr:hover .branch-info .branch-name {
  color: #007bff !important;
}

/* line 651, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table tbody tr:hover .customer-info .customer-name i,
.modern-table .table tbody tr:hover .customer-info .branch-name i,
.modern-table .table tbody tr:hover .branch-info .customer-name i,
.modern-table .table tbody tr:hover .branch-info .branch-name i {
  color: #007bff !important;
}

/* line 659, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .badge.badge-info {
  background: #6f42c1 !important;
  color: #ffffff !important;
  border: 1px solid #6f42c1 !important;
}

/* line 665, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .badge.badge-success {
  background: #fd7e14 !important;
  color: #ffffff !important;
  border: 1px solid #fd7e14 !important;
}

/* line 672, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .amount-info {
  text-align: right !important;
  line-height: 1.4 !important;
}

/* line 676, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .amount-info .amount-total {
  display: block !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1976d2 !important;
  margin-bottom: 2px !important;
}

/* line 684, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .amount-info .amount-label {
  font-size: 10px !important;
  color: #6c757d !important;
  font-weight: 500 !important;
  opacity: 0.9 !important;
}

/* line 693, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .due-amount-info {
  text-align: right !important;
  line-height: 1.4 !important;
}

/* line 697, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .due-amount-info strong {
  display: block !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin-bottom: 2px !important;
}

/* line 704, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .due-amount-info .due-amount-label {
  font-size: 10px !important;
  color: #6c757d !important;
  font-weight: 500 !important;
  opacity: 0.9 !important;
}

/* line 712, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .due-amount-positive {
  color: #e53e3e !important;
}

/* line 716, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .due-amount-zero {
  color: #38a169 !important;
}

/* line 721, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .amount-highlight {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1976d2 !important;
}

/* line 728, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .table .status-badge,
.modern-table .table .modern-table .status-badge,
.modern-table .table span.status-badge {
  display: inline-block !important;
  padding: 4px 8px !important;
  border-radius: 4px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-align: center !important;
  border: 1px solid !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* line 741, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .table .status-badge i,
.modern-table .table .modern-table .status-badge i,
.modern-table .table span.status-badge i {
  margin-right: 4px !important;
}

/* line 745, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .table .status-badge.status-paid,
.modern-table .table .modern-table .status-badge.status-paid,
.modern-table .table span.status-badge.status-paid {
  background: #e8f5e8 !important;
  color: #2d5a2d !important;
  border-color: #c3e6c3 !important;
}

/* line 751, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .table .status-badge.status-part-paid,
.modern-table .table .modern-table .status-badge.status-part-paid,
.modern-table .table span.status-badge.status-part-paid {
  background: #fff8e1 !important;
  color: #8d6e00 !important;
  border-color: #ffe0b3 !important;
}

/* line 757, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .table .status-badge.status-unpaid,
.modern-table .table .modern-table .status-badge.status-unpaid,
.modern-table .table span.status-badge.status-unpaid {
  background: #ffebee !important;
  color: #c62828 !important;
  border-color: #ffcdd2 !important;
}

/* line 765, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .badge.status-badge {
  background: none !important;
}

/* line 768, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .badge.status-badge.status-paid {
  background: #e8f5e8 !important;
  color: #2d5a2d !important;
  border: 1px solid #c3e6c3 !important;
}

/* line 774, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .badge.status-badge.status-part-paid {
  background: #fff8e1 !important;
  color: #8d6e00 !important;
  border: 1px solid #ffe0b3 !important;
}

/* line 780, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .badge.status-badge.status-unpaid {
  background: #ffebee !important;
  color: #c62828 !important;
  border: 1px solid #ffcdd2 !important;
}

/* line 788, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .action-buttons {
  display: flex !important;
  gap: 4px !important;
  justify-content: center !important;
  align-items: center !important;
}

/* line 794, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .action-buttons .btn {
  padding: 4px 8px !important;
  font-size: 12px !important;
  border-radius: 3px !important;
}

/* line 799, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .action-buttons .btn i {
  margin: 0 !important;
}

/* line 805, app/assets/stylesheets/sales_invoices.scss */
.modern-table .table .payment-btn {
  padding: 2px 6px !important;
  font-size: 10px !important;
  border-radius: 3px !important;
}
/* line 4, app/assets/stylesheets/settings.scss */
.department-details {
  position: relative;
}

/* line 6, app/assets/stylesheets/settings.scss */
.department-details .actions-department {
  position: absolute;
  right: 10px;
  top: 10px;
  display: none;
  z-index: 1;
}

/* line 14, app/assets/stylesheets/settings.scss */
.department-details:hover .actions-department {
  display: block;
}

/* line 20, app/assets/stylesheets/settings.scss */
.tharmal-layout {
  background: white;
  background-repeat: repeat;
  background-size: auto;
  width: 5cm;
  display: block;
  margin: 0 auto;
  margin-top: 0px;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
  background-size: 100%;
  background-repeat: no-repeat;
  padding: 4px 8px 6px 4px;
}

/* line 36, app/assets/stylesheets/settings.scss */
.landscape-tharmal-layout2 {
  display: flex !important;
  background: white;
  width: 9cm;
  display: block;
  margin: 0 auto;
  margin-top: 0px;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
  padding: 6px 10px 10px 10px;
  margin-top: 153px;
  transform: rotate(90deg);
  height: 100%;
}

/* line 51, app/assets/stylesheets/settings.scss */
.layout-3 {
  display: grid !important;
  background: white;
  width: 4cm;
  grid-gap: 50px;
  display: block;
  margin: 0 auto;
  /* margin-bottom: 0.5cm; */
  box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
  margin-top: 12px;
  padding-bottom: 66px;
  /* transform: rotate(90deg); */
  height: 100%;
}
/* Add Public Variable */
/* Beaccount Color Declaration */
/* Syftet logo color */
/* line 4, app/assets/stylesheets/sign_up.scss */
.submit-btn {
  background: #0C91C0 none repeat scroll 0 0;
  border: inherit;
  color: #fff;
  height: 41px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

/* line 14, app/assets/stylesheets/sign_up.scss */
.submit-btn:hover {
  text-decoration: none;
  background-color: #2BABD2;
}

/* line 20, app/assets/stylesheets/sign_up.scss */
.cost-table {
  width: 70%;
  margin: auto;
  padding: 0px;
  float: right;
}

/* line 25, app/assets/stylesheets/sign_up.scss */
.cost-table .panel, .cost-table .panel-heading {
  background: #fdfdfd;
}

/* line 30, app/assets/stylesheets/sign_up.scss */
.cost-table tbody tr td {
  text-align: left;
}

/* Progress Bar Design */
/* line 39, app/assets/stylesheets/sign_up.scss */
.beaccount-progress-bar > .bpb-step {
  padding: 0;
  position: relative;
}

/* line 47, app/assets/stylesheets/sign_up.scss */
.beaccount-progress-bar > .bpb-step .bpb-step-num {
  color: #595959;
  font-size: 16px;
  margin-bottom: 5px;
}

/* line 53, app/assets/stylesheets/sign_up.scss */
.beaccount-progress-bar > .bpb-step .bpb-info {
  color: #999;
  font-size: 14px;
}

/* line 58, app/assets/stylesheets/sign_up.scss */
.beaccount-progress-bar > .bpb-step > .custom-progress-item {
  border-radius: 0;
  box-shadow: none;
  height: 8px;
  margin: 24px 0;
  position: relative;
}

/* line 66, app/assets/stylesheets/sign_up.scss */
.beaccount-progress-bar > .bpb-step > .custom-progress-item > .custom-progress-bar-item {
  width: 0px;
  box-shadow: none;
  background: #0C91C0;
}

/* line 72, app/assets/stylesheets/sign_up.scss */
.progress-bar-color {
  height: 25% !important;
}

/* line 76, app/assets/stylesheets/sign_up.scss */
.beaccount-progress-bar > .bpb-step.complete > .custom-progress-item > .custom-progress-bar-item {
  width: 100%;
}

/* line 80, app/assets/stylesheets/sign_up.scss */
.beaccount-progress-bar > .bpb-step.active > .custom-progress-item > .custom-progress-bar-item {
  width: 50%;
}

/* line 84, app/assets/stylesheets/sign_up.scss */
.beaccount-progress-bar > .bpb-step.active:first-child > .custom-progress-item > .custom-progress-bar-item {
  width: 0%;
}

/* line 88, app/assets/stylesheets/sign_up.scss */
.beaccount-progress-bar > .bpb-step.active:last-child > .custom-progress-item > .custom-progress-bar-item {
  width: 100%;
}

/* line 92, app/assets/stylesheets/sign_up.scss */
.beaccount-progress-bar > .bpb-step:first-child > .custom-progress-item {
  left: 50%;
  width: 50%;
}

/* line 97, app/assets/stylesheets/sign_up.scss */
.beaccount-progress-bar > .bpb-step:last-child > .custom-progress-item {
  width: 50%;
}

/* line 101, app/assets/stylesheets/sign_up.scss */
.progress-outline {
  background: #fff none repeat scroll 0 0;
  border: 2px solid #0C91C0;
  border-radius: 50%;
  bottom: 28px;
  display: block;
  height: 22px;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  position: relative;
  width: 22px;
}

/* line 115, app/assets/stylesheets/sign_up.scss */
.progress-inline::after {
  background: #00bbea none repeat scroll 0 0;
  border-radius: 100%;
  content: "";
  height: 12px;
  left: 3px;
  position: absolute;
  top: 3px;
  width: 12px;
}

/* line 126, app/assets/stylesheets/sign_up.scss */
.reg-wrap {
  background: #fff;
  font-family: "Roboto", sans-serif;
}

/* line 130, app/assets/stylesheets/sign_up.scss */
.reg-wrap .reg-container .reg-wrap-header {
  border-bottom: 1px solid #e9e9e9;
}

/* line 136, app/assets/stylesheets/sign_up.scss */
.reg-wrap .reg-container .reg-wrap-header h4 {
  font-family: "Roboto",sans-serif;
  font-weight: 400;
  margin-top: 0;
}

/* line 143, app/assets/stylesheets/sign_up.scss */
.reg-wrap .reg-container .reg-form-wrap {
  background: #fff;
  margin: auto 20%;
}

/* line 146, app/assets/stylesheets/sign_up.scss */
.reg-wrap .reg-container .reg-form-wrap form {
  font-family: Roboto, sans-serif;
}

/* line 150, app/assets/stylesheets/sign_up.scss */
.reg-wrap .reg-container .reg-form-wrap form .reg-form-column .your-profile-container {
  padding: 15px 30px 0;
}

/* line 152, app/assets/stylesheets/sign_up.scss */
.reg-wrap .reg-container .reg-form-wrap form .reg-form-column .your-profile-container h3 {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #0C91C0;
}

/* line 161, app/assets/stylesheets/sign_up.scss */
.reg-wrap .reg-container .reg-form-wrap form .signup-btn {
  background: #fff;
  margin-bottom: 20px;
}

@media screen and (max-width: 990px) {
  /* line 172, app/assets/stylesheets/sign_up.scss */
  .your-profile-media-col {
    padding: 0;
  }
}

@media screen and (max-width: 715px) {
  /* line 178, app/assets/stylesheets/sign_up.scss */
  .submit-btn {
    width: 100%;
  }
  /* line 181, app/assets/stylesheets/sign_up.scss */
  .reg-wrap-header h4 {
    font-size: 14px;
  }
  /* line 184, app/assets/stylesheets/sign_up.scss */
  .bpb-step-num {
    font-size: 12px !important;
  }
}

@media screen and (max-width: 550px) {
  /* line 190, app/assets/stylesheets/sign_up.scss */
  .reg-wrap .reg-container .reg-form-wrap {
    margin: inherit;
  }
}

@media screen and (max-width: 450px) {
  /* line 200, app/assets/stylesheets/sign_up.scss */
  .bpb-step-num {
    display: none;
  }
  /* line 204, app/assets/stylesheets/sign_up.scss */
  .your-profile-container h3 {
    font-size: 16px;
  }
}
.calendar {
    position: relative;
    overflow: hidden;
    text-transform: capitalize;
    text-align: center;
    font: 15px/1em inherit;
    color: #545A5C; }
.calendar a {
    text-decoration: none;
    color: inherit; }
.calendar header .simple-calendar-btn {
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #CBD1D2;
    border-radius: 50%;
    border: 2px solid #CBD1D2; }
.calendar header .simple-calendar-btn:hover {
    background: #CBD1D2;
    color: white; }
.calendar header .simple-calendar-btn:before {
    content: '';
    position: absolute;
    top: 9px;
    left: 8px;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 3px 3px 0 0;
    transform: rotate(45deg);
    transform-origin: center center; }
.calendar header .btn-prev {
    top: 0;
    left: 0;
    transform: rotate(-180deg); }
.calendar header .btn-next {
    top: 0;
    right: 0; }
.calendar header .btn-next:before {
    transform: rotate(45deg); }
.calendar header .month {
    padding: 0;
    margin: 0; }
.calendar header .month .year {
    font-size: 0.6em;
    font-weight: 100; }
.calendar table {
    width: 100%;
    margin: 20px 0;
    border-spacing: 0px; }
.calendar thead {
    font-size: 1.2em;
    font-weight: 600; }
.calendar td {
    padding: .8em .1em; }
.calendar .day {
    position: relative;
    display: inline-block;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%;
    border: 2px solid transparent;
    cursor: pointer; }
.calendar .day:hover {
    border: 2px solid #6691CC; }
.calendar .day.today {
    background: #6691CC;
    color: white; }
.calendar .day.today.has-event:after {
    background: white; }
.calendar .day.wrong-month {
    color: #CBD1D2; }
.calendar .day.wrong-month:hover {
    border: 2px solid transparent; }
.calendar .day.has-event:after {
    content: '';
    position: absolute;
    top: calc(50% + .6em);
    left: calc(50% - 2px);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #6691CC; }
.calendar .day.disabled {
    cursor: default; }
.calendar .day.disabled:hover {
    border: 2px solid transparent; }
.calendar .event-container {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 70px;
    background: #545A5C;
    box-sizing: border-box; }
.calendar .event-container .event-wrapper {
    overflow-y: auto;
    max-height: 100%; }
.calendar .event-container .close {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 20px;
    right: 20px;
    cursor: pointer; }
.calendar .event-container .close:before, .calendar .event-container .close:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    background-color: #CBD1D2; }
.calendar .event-container .close:before {
    transform: rotate(45deg); }
.calendar .event-container .close:after {
    transform: rotate(-45deg); }
.calendar .event-container .event {
    position: relative;
    width: 100%;
    padding: 1em;
    margin-bottom: 1em;
    background: #6691CC;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
    text-align: left;
    color: white; }
.calendar .event-container .event-date {
    margin-bottom: 1em; }
.calendar .event-container .event-hour {
    float: right; }
.calendar .event-container .event-summary {
    font-weight: 600; }
.calendar .filler {
    position: absolute;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: #545A5C;
    transform: translate(-50%, -50%); }
/***
Spectrum Colorpicker v1.8.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/

.sp-container {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    *display: inline;
    *zoom: 1;
    /* https://github.com/bgrins/spectrum/issues/40 */
    z-index: 9999994;
    overflow: hidden;
}
.sp-container.sp-flat {
    position: relative;
}

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position:relative;
  width: 100%;
  display:inline-block;
}
.sp-top-inner {
   position:absolute;
   top:0;
   left:0;
   bottom:0;
   right:0;
}
.sp-color {
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:20%;
}
.sp-hue {
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:84%;
    height: 100%;
}

.sp-clear-enabled .sp-hue {
    top:33px;
    height: 77.5%;
}

.sp-fill {
    padding-top: 80%;
}
.sp-sat, .sp-val {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.sp-alpha-enabled .sp-top {
    margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
    display: block;
}
.sp-alpha-handle {
    position:absolute;
    top:-4px;
    bottom: -4px;
    width: 6px;
    left: 50%;
    cursor: pointer;
    border: 1px solid black;
    background: white;
    opacity: .8;
}
.sp-alpha {
    display: none;
    position: absolute;
    bottom: -14px;
    right: 0;
    left: 0;
    height: 8px;
}
.sp-alpha-inner {
    border: solid 1px #333;
}

.sp-clear {
    display: none;
}

.sp-clear.sp-clear-display {
    background-position: center;
}

.sp-clear-enabled .sp-clear {
    display: block;
    position:absolute;
    top:0px;
    right:0;
    bottom:0;
    left:84%;
    height: 28px;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button  {
    -webkit-user-select:none;
    -moz-user-select: -moz-none;
    -o-user-select:none;
    user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
    display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
    display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
    display: none;
}
.sp-palette-only .sp-picker-container {
    display: none;
}
.sp-palette-disabled .sp-palette-container {
    display: none;
}

.sp-initial-disabled .sp-initial {
    display: none;
}


/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
    background-image: -webkit-gradient(linear,  0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
    filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
    filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

.sp-hue {
    background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
    background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

.sp-hidden {
    display: none !important;
}

/* Clearfix hack */
.sp-cf:before, .sp-cf:after { content: ""; display: table; }
.sp-cf:after { clear: both; }
.sp-cf { *zoom: 1; }

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
    .sp-color { right: 40%; }
    .sp-hue { left: 63%; }
    .sp-fill { padding-top: 60%; }
}
.sp-dragger {
   border-radius: 5px;
   height: 5px;
   width: 5px;
   border: 1px solid #fff;
   background: #000;
   cursor: pointer;
   position:absolute;
   top:0;
   left: 0;
}
.sp-slider {
    position: absolute;
    top:0;
    cursor:pointer;
    height: 3px;
    left: -1px;
    right: -1px;
    border: 1px solid #000;
    background: white;
    opacity: .8;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/

.sp-container {
    border-radius: 0;
    background-color: #ECECEC;
    border: solid 1px #f0c49B;
    padding: 0;
}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
    font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.sp-top {
    margin-bottom: 3px;
}
.sp-color, .sp-hue, .sp-clear {
    border: solid 1px #666;
}

/* Input */
.sp-input-container {
    float:right;
    width: 100px;
    margin-bottom: 4px;
}
.sp-initial-disabled  .sp-input-container {
    width: 100%;
}
.sp-input {
   font-size: 12px !important;
   border: 1px inset;
   padding: 4px 5px;
   margin: 0;
   width: 100%;
   background:transparent;
   border-radius: 3px;
   color: #222;
}
.sp-input:focus  {
    border: 1px solid orange;
}
.sp-input.sp-validation-error {
    border: 1px solid red;
    background: #fdd;
}
.sp-picker-container , .sp-palette-container {
    float:left;
    position: relative;
    padding: 10px;
    padding-bottom: 300px;
    margin-bottom: -290px;
}
.sp-picker-container {
    width: 172px;
    border-left: solid 1px #fff;
}

/* Palettes */
.sp-palette-container {
    border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
    border: 0;
}

.sp-palette .sp-thumb-el {
    display: block;
    position:relative;
    float:left;
    width: 24px;
    height: 15px;
    margin: 3px;
    cursor: pointer;
    border:solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
    border-color: orange;
}
.sp-thumb-el {
    position:relative;
}

/* Initial */
.sp-initial {
    float: left;
    border: solid 1px #333;
}
.sp-initial span {
    width: 30px;
    height: 25px;
    border:none;
    display:block;
    float:left;
    margin:0;
}

.sp-initial .sp-clear-display {
    background-position: center;
}

/* Buttons */
.sp-palette-button-container,
.sp-button-container {
    float: right;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
    margin:0;
    overflow:hidden;
    cursor:pointer;
    padding: 4px;
    display:inline-block;
    *zoom: 1;
    *display: inline;
    border: solid 1px #91765d;
    background: #eee;
    color: #333;
    vertical-align: middle;
}
.sp-replacer:hover, .sp-replacer.sp-active {
    border-color: #F0C49B;
    color: #111;
}
.sp-replacer.sp-disabled {
    cursor:default;
    border-color: silver;
    color: silver;
}
.sp-dd {
    padding: 2px 0;
    height: 16px;
    line-height: 16px;
    float:left;
    font-size:10px;
}
.sp-preview {
    position:relative;
    width:25px;
    height: 20px;
    border: solid 1px #222;
    margin-right: 5px;
    float:left;
    z-index: 0;
}

.sp-palette {
    *width: 220px;
    max-width: 220px;
}
.sp-palette .sp-thumb-el {
    width:16px;
    height: 16px;
    margin:2px 1px;
    border: solid 1px #d0d0d0;
}

.sp-container {
    padding-bottom:0;
}


/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  background-color: #eeeeee;
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}
.sp-container button:hover {
    background-color: #dddddd;
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
.sp-cancel {
    font-size: 11px;
    color: #d93f3f !important;
    margin:0;
    padding:2px;
    margin-right: 5px;
    vertical-align: middle;
    text-decoration:none;

}
.sp-cancel:hover {
    color: #d93f3f !important;
    text-decoration: underline;
}


.sp-palette span:hover, .sp-palette span.sp-thumb-active {
    border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
    position:relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
    display:block;
    position:absolute;
    top:0;left:0;bottom:0;right:0;
}

.sp-palette .sp-thumb-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-clear-display {
    background-repeat:no-repeat;
    background-position: center;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}
/* line 6, app/assets/stylesheets/stock_locations.scss */
.checkbox-class {
  padding-top: 3px;
  margin-left: 165px;
}
/* line 6, app/assets/stylesheets/suppliers.scss */
.suppliers_sub_category {
  display: none;
}
/* Pos screen color declaration */
/* line 2, app/assets/stylesheets/suppliers/purchase_orders.scss */
.margin-top {
  margin-top: 8px;
}

/* line 6, app/assets/stylesheets/suppliers/purchase_orders.scss */
.cross-color {
  color: red;
}

/* line 10, app/assets/stylesheets/suppliers/purchase_orders.scss */
.table-warp {
  overflow-y: auto;
  max-height: 300px;
}

/* line 16, app/assets/stylesheets/suppliers/purchase_orders.scss */
.large-font {
  font-size: 30px;
}

/* line 21, app/assets/stylesheets/suppliers/purchase_orders.scss */
.custom-padding {
  padding: 1px 4px;
}

/* line 26, app/assets/stylesheets/suppliers/purchase_orders.scss */
.purchase-order-products tbody {
  border-bottom: 1px solid #BBBBBB;
}

/* line 29, app/assets/stylesheets/suppliers/purchase_orders.scss */
.purchase-order-products tbody tr td {
  text-align: center;
}

/* line 31, app/assets/stylesheets/suppliers/purchase_orders.scss */
.purchase-order-products tbody tr td input {
  text-align: center;
}

/* line 36, app/assets/stylesheets/suppliers/purchase_orders.scss */
.purchase-order-products tbody tr .product-search-cell {
  width: 400px;
}

/* line 38, app/assets/stylesheets/suppliers/purchase_orders.scss */
.purchase-order-products tbody tr .product-search-cell .input-group {
  position: inherit;
}

/* line 40, app/assets/stylesheets/suppliers/purchase_orders.scss */
.purchase-order-products tbody tr .product-search-cell .input-group .input-group-addon {
  cursor: pointer;
}

/* line 46, app/assets/stylesheets/suppliers/purchase_orders.scss */
.purchase-order-products tbody tr .purchase-history, .purchase-order-products tbody tr .stock-quantity, .purchase-order-products tbody tr .cost-price, .purchase-order-products tbody tr .sales-history, .purchase-order-products tbody tr .remove-action {
  vertical-align: middle;
}

/* line 50, app/assets/stylesheets/suppliers/purchase_orders.scss */
.purchase-order-products tbody tr .remove-action {
  min-width: 50px;
}

/* line 52, app/assets/stylesheets/suppliers/purchase_orders.scss */
.purchase-order-products tbody tr .remove-action .destroy-items {
  width: inherit;
}

/* Another header fixed table design */
/* line 61, app/assets/stylesheets/suppliers/purchase_orders.scss */
.tableFixHead {
  height: 200px;
  overflow-y: auto;
}

/* line 66, app/assets/stylesheets/suppliers/purchase_orders.scss */
.tableFixHead table {
  border-collapse: collapse;
  width: 100%;
}

/* line 71, app/assets/stylesheets/suppliers/purchase_orders.scss */
.tableFixHead th,
.tableFixHead td {
  padding: 8px 16px;
}

/* line 76, app/assets/stylesheets/suppliers/purchase_orders.scss */
.tableFixHead th {
  position: sticky;
  top: 0;
  background: #eee;
}

/* line 82, app/assets/stylesheets/suppliers/purchase_orders.scss */
.ui-autocomplete {
  background-color: #35bcff;
}

/* line 85, app/assets/stylesheets/suppliers/purchase_orders.scss */
.ui-autocomplete li {
  color: white;
}

/* line 90, app/assets/stylesheets/suppliers/purchase_orders.scss */
.aligned {
  float: right;
}

/* line 94, app/assets/stylesheets/suppliers/purchase_orders.scss */
.purchase-footer-container {
  padding-top: 30px;
}

/* line 97, app/assets/stylesheets/suppliers/purchase_orders.scss */
.purchase-footer-container .footer-wrapper {
  border: 1px solid #ebebeb;
}

/* line 100, app/assets/stylesheets/suppliers/purchase_orders.scss */
.purchase-footer-container .footer-wrapper .middle-section {
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  padding-top: 10px;
}

/* line 107, app/assets/stylesheets/suppliers/purchase_orders.scss */
.purchase-footer-container .footer-wrapper .amount-section .total-text {
  margin-top: 8px;
}

/* line 110, app/assets/stylesheets/suppliers/purchase_orders.scss */
.purchase-footer-container .footer-wrapper .amount-section .amount-wrapper {
  margin-top: 10px;
}

/* line 118, app/assets/stylesheets/suppliers/purchase_orders.scss */
#save-purchase-order-link {
  margin-right: 20px;
}

/* line 123, app/assets/stylesheets/suppliers/purchase_orders.scss */
.purchase-order-products input {
  margin-top: 6px;
}

/* line 127, app/assets/stylesheets/suppliers/purchase_orders.scss */
.refresh-barcode-btn {
  cursor: pointer;
}
/* line 3, app/assets/stylesheets/text_messages.scss */
.text-messages ::-webkit-scrollbar {
  width: 8px;
}

/* line 6, app/assets/stylesheets/text_messages.scss */
.text-messages ::-webkit-scrollbar-track {
  background-color: #eaeaea;
  border-left: 1px solid #ccc;
}

/* line 10, app/assets/stylesheets/text_messages.scss */
.text-messages ::-webkit-scrollbar-thumb {
  background-color: #ccc;
}

/* line 13, app/assets/stylesheets/text_messages.scss */
.text-messages ::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}

/* line 18, app/assets/stylesheets/text_messages.scss */
.text-messages .customers {
  border: 1px solid #aaa;
  padding: 15px;
  height: 450px;
  overflow-y: scroll;
  overflow-x: hidden;
}

/* line 25, app/assets/stylesheets/text_messages.scss */
.text-messages .customers .customer {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

/* line 29, app/assets/stylesheets/text_messages.scss */
.text-messages .customers .customer .icon-container {
  background-color: #ccc;
  padding: 15px;
  text-align: center;
}

/* line 34, app/assets/stylesheets/text_messages.scss */
.text-messages .customers .customer a {
  text-decoration: none;
  color: #333;
  outline: none;
  -moz-outline: none;
}

/* line 40, app/assets/stylesheets/text_messages.scss */
.text-messages .customers .customer .description {
  padding-top: 5px;
}

/* line 46, app/assets/stylesheets/text_messages.scss */
.text-messages .messages-container {
  border: 1px solid #aaa;
  height: 341px;
  overflow-y: scroll;
  overflow-x: hidden;
}

/* line 52, app/assets/stylesheets/text_messages.scss */
.text-messages .messages-container .message {
  border-top: 1px solid #ccc;
  margin-bottom: 10px;
}

/* line 56, app/assets/stylesheets/text_messages.scss */
.text-messages .messages-container .message .icon-container {
  background-color: #ccc;
  padding: 15px;
  text-align: center;
}

/* line 61, app/assets/stylesheets/text_messages.scss */
.text-messages .messages-container .message .description {
  padding-top: 5px;
}

/* line 63, app/assets/stylesheets/text_messages.scss */
.text-messages .messages-container .message .description hr {
  margin-bottom: 2px;
  margin-top: 2px;
}

/* line 71, app/assets/stylesheets/text_messages.scss */
.text-messages .send-message {
  border: 1px solid #aaa;
  border-top: none;
  height: 69px;
  padding: 0 2px;
}

/* line 77, app/assets/stylesheets/text_messages.scss */
.text-messages .send-message textarea {
  border: medium none;
  height: 68px;
  padding: 2px 5px;
  resize: none;
  width: 100%;
}

/* line 84, app/assets/stylesheets/text_messages.scss */
.text-messages .send-message textarea:focus {
  outline: none !important;
}
/* line 2, app/assets/stylesheets/todo_jobs.scss */
.jobs-board .panel-body {
  max-height: 450px;
  overflow-y: auto;
}

/* line 8, app/assets/stylesheets/todo_jobs.scss */
.todo_job_employee {
  display: none;
}

/* line 12, app/assets/stylesheets/todo_jobs.scss */
.message-todo-content {
  list-style: none;
}

/* line 15, app/assets/stylesheets/todo_jobs.scss */
.message-todo {
  display: inline-block;
}

/* line 18, app/assets/stylesheets/todo_jobs.scss */
.validation {
  border-color: red;
}
.p0 {
    padding: 0px !important;
}

.pt0 {
    padding-top: 0px !important;
}

.pl0 {
    padding-left: 0px !important;
}

.pr0 {
    padding-right: 0px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}

.m0 {
    margin: 0px !important;
}

.mt0 {
    margin-top: 0px !important;
}

.ml0 {
    margin-left: 0px !important;
}

.mr0 {
    margin-right: 0px !important;
}

.mb0 {
    margin-bottom: 0px !important;
}

.fz0 {
    font-size: 0px !important;
}

.mx-w0 {
    max-width: 0px;
    display: inline-block;
}

.min-height-viewport-0 {
    min-height: 0vh !important;
}
.p1 {
    padding: 1px !important;
}

.pt1 {
    padding-top: 1px !important;
}

.pl1 {
    padding-left: 1px !important;
}

.pr1 {
    padding-right: 1px !important;
}

.pb1 {
    padding-bottom: 1px !important;
}

.m1 {
    margin: 1px !important;
}

.mt1 {
    margin-top: 1px !important;
}

.ml1 {
    margin-left: 1px !important;
}

.mr1 {
    margin-right: 1px !important;
}

.mb1 {
    margin-bottom: 1px !important;
}

.fz1 {
    font-size: 1px !important;
}

.mx-w5 {
    max-width: 5px;
    display: inline-block;
}

.min-height-viewport-1 {
    min-height: 1vh !important;
}
.p2 {
    padding: 2px !important;
}

.pt2 {
    padding-top: 2px !important;
}

.pl2 {
    padding-left: 2px !important;
}

.pr2 {
    padding-right: 2px !important;
}

.pb2 {
    padding-bottom: 2px !important;
}

.m2 {
    margin: 2px !important;
}

.mt2 {
    margin-top: 2px !important;
}

.ml2 {
    margin-left: 2px !important;
}

.mr2 {
    margin-right: 2px !important;
}

.mb2 {
    margin-bottom: 2px !important;
}

.fz2 {
    font-size: 2px !important;
}

.mx-w10 {
    max-width: 10px;
    display: inline-block;
}

.min-height-viewport-2 {
    min-height: 2vh !important;
}
.p3 {
    padding: 3px !important;
}

.pt3 {
    padding-top: 3px !important;
}

.pl3 {
    padding-left: 3px !important;
}

.pr3 {
    padding-right: 3px !important;
}

.pb3 {
    padding-bottom: 3px !important;
}

.m3 {
    margin: 3px !important;
}

.mt3 {
    margin-top: 3px !important;
}

.ml3 {
    margin-left: 3px !important;
}

.mr3 {
    margin-right: 3px !important;
}

.mb3 {
    margin-bottom: 3px !important;
}

.fz3 {
    font-size: 3px !important;
}

.mx-w15 {
    max-width: 15px;
    display: inline-block;
}

.min-height-viewport-3 {
    min-height: 3vh !important;
}
.p4 {
    padding: 4px !important;
}

.pt4 {
    padding-top: 4px !important;
}

.pl4 {
    padding-left: 4px !important;
}

.pr4 {
    padding-right: 4px !important;
}

.pb4 {
    padding-bottom: 4px !important;
}

.m4 {
    margin: 4px !important;
}

.mt4 {
    margin-top: 4px !important;
}

.ml4 {
    margin-left: 4px !important;
}

.mr4 {
    margin-right: 4px !important;
}

.mb4 {
    margin-bottom: 4px !important;
}

.fz4 {
    font-size: 4px !important;
}

.mx-w20 {
    max-width: 20px;
    display: inline-block;
}

.min-height-viewport-4 {
    min-height: 4vh !important;
}
.p5 {
    padding: 5px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pl5 {
    padding-left: 5px !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.m5 {
    margin: 5px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.fz5 {
    font-size: 5px !important;
}

.mx-w25 {
    max-width: 25px;
    display: inline-block;
}

.min-height-viewport-5 {
    min-height: 5vh !important;
}
.p6 {
    padding: 6px !important;
}

.pt6 {
    padding-top: 6px !important;
}

.pl6 {
    padding-left: 6px !important;
}

.pr6 {
    padding-right: 6px !important;
}

.pb6 {
    padding-bottom: 6px !important;
}

.m6 {
    margin: 6px !important;
}

.mt6 {
    margin-top: 6px !important;
}

.ml6 {
    margin-left: 6px !important;
}

.mr6 {
    margin-right: 6px !important;
}

.mb6 {
    margin-bottom: 6px !important;
}

.fz6 {
    font-size: 6px !important;
}

.mx-w30 {
    max-width: 30px;
    display: inline-block;
}

.min-height-viewport-6 {
    min-height: 6vh !important;
}
.p7 {
    padding: 7px !important;
}

.pt7 {
    padding-top: 7px !important;
}

.pl7 {
    padding-left: 7px !important;
}

.pr7 {
    padding-right: 7px !important;
}

.pb7 {
    padding-bottom: 7px !important;
}

.m7 {
    margin: 7px !important;
}

.mt7 {
    margin-top: 7px !important;
}

.ml7 {
    margin-left: 7px !important;
}

.mr7 {
    margin-right: 7px !important;
}

.mb7 {
    margin-bottom: 7px !important;
}

.fz7 {
    font-size: 7px !important;
}

.mx-w35 {
    max-width: 35px;
    display: inline-block;
}

.min-height-viewport-7 {
    min-height: 7vh !important;
}
.p8 {
    padding: 8px !important;
}

.pt8 {
    padding-top: 8px !important;
}

.pl8 {
    padding-left: 8px !important;
}

.pr8 {
    padding-right: 8px !important;
}

.pb8 {
    padding-bottom: 8px !important;
}

.m8 {
    margin: 8px !important;
}

.mt8 {
    margin-top: 8px !important;
}

.ml8 {
    margin-left: 8px !important;
}

.mr8 {
    margin-right: 8px !important;
}

.mb8 {
    margin-bottom: 8px !important;
}

.fz8 {
    font-size: 8px !important;
}

.mx-w40 {
    max-width: 40px;
    display: inline-block;
}

.min-height-viewport-8 {
    min-height: 8vh !important;
}
.p9 {
    padding: 9px !important;
}

.pt9 {
    padding-top: 9px !important;
}

.pl9 {
    padding-left: 9px !important;
}

.pr9 {
    padding-right: 9px !important;
}

.pb9 {
    padding-bottom: 9px !important;
}

.m9 {
    margin: 9px !important;
}

.mt9 {
    margin-top: 9px !important;
}

.ml9 {
    margin-left: 9px !important;
}

.mr9 {
    margin-right: 9px !important;
}

.mb9 {
    margin-bottom: 9px !important;
}

.fz9 {
    font-size: 9px !important;
}

.mx-w45 {
    max-width: 45px;
    display: inline-block;
}

.min-height-viewport-9 {
    min-height: 9vh !important;
}
.p10 {
    padding: 10px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.m10 {
    margin: 10px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.fz10 {
    font-size: 10px !important;
}

.mx-w50 {
    max-width: 50px;
    display: inline-block;
}

.min-height-viewport-10 {
    min-height: 10vh !important;
}
.p11 {
    padding: 11px !important;
}

.pt11 {
    padding-top: 11px !important;
}

.pl11 {
    padding-left: 11px !important;
}

.pr11 {
    padding-right: 11px !important;
}

.pb11 {
    padding-bottom: 11px !important;
}

.m11 {
    margin: 11px !important;
}

.mt11 {
    margin-top: 11px !important;
}

.ml11 {
    margin-left: 11px !important;
}

.mr11 {
    margin-right: 11px !important;
}

.mb11 {
    margin-bottom: 11px !important;
}

.fz11 {
    font-size: 11px !important;
}

.mx-w55 {
    max-width: 55px;
    display: inline-block;
}

.min-height-viewport-11 {
    min-height: 11vh !important;
}
.p12 {
    padding: 12px !important;
}

.pt12 {
    padding-top: 12px !important;
}

.pl12 {
    padding-left: 12px !important;
}

.pr12 {
    padding-right: 12px !important;
}

.pb12 {
    padding-bottom: 12px !important;
}

.m12 {
    margin: 12px !important;
}

.mt12 {
    margin-top: 12px !important;
}

.ml12 {
    margin-left: 12px !important;
}

.mr12 {
    margin-right: 12px !important;
}

.mb12 {
    margin-bottom: 12px !important;
}

.fz12 {
    font-size: 12px !important;
}

.mx-w60 {
    max-width: 60px;
    display: inline-block;
}

.min-height-viewport-12 {
    min-height: 12vh !important;
}
.p13 {
    padding: 13px !important;
}

.pt13 {
    padding-top: 13px !important;
}

.pl13 {
    padding-left: 13px !important;
}

.pr13 {
    padding-right: 13px !important;
}

.pb13 {
    padding-bottom: 13px !important;
}

.m13 {
    margin: 13px !important;
}

.mt13 {
    margin-top: 13px !important;
}

.ml13 {
    margin-left: 13px !important;
}

.mr13 {
    margin-right: 13px !important;
}

.mb13 {
    margin-bottom: 13px !important;
}

.fz13 {
    font-size: 13px !important;
}

.mx-w65 {
    max-width: 65px;
    display: inline-block;
}

.min-height-viewport-13 {
    min-height: 13vh !important;
}
.p14 {
    padding: 14px !important;
}

.pt14 {
    padding-top: 14px !important;
}

.pl14 {
    padding-left: 14px !important;
}

.pr14 {
    padding-right: 14px !important;
}

.pb14 {
    padding-bottom: 14px !important;
}

.m14 {
    margin: 14px !important;
}

.mt14 {
    margin-top: 14px !important;
}

.ml14 {
    margin-left: 14px !important;
}

.mr14 {
    margin-right: 14px !important;
}

.mb14 {
    margin-bottom: 14px !important;
}

.fz14 {
    font-size: 14px !important;
}

.mx-w70 {
    max-width: 70px;
    display: inline-block;
}

.min-height-viewport-14 {
    min-height: 14vh !important;
}
.p15 {
    padding: 15px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.m15 {
    margin: 15px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.fz15 {
    font-size: 15px !important;
}

.mx-w75 {
    max-width: 75px;
    display: inline-block;
}

.min-height-viewport-15 {
    min-height: 15vh !important;
}
.p16 {
    padding: 16px !important;
}

.pt16 {
    padding-top: 16px !important;
}

.pl16 {
    padding-left: 16px !important;
}

.pr16 {
    padding-right: 16px !important;
}

.pb16 {
    padding-bottom: 16px !important;
}

.m16 {
    margin: 16px !important;
}

.mt16 {
    margin-top: 16px !important;
}

.ml16 {
    margin-left: 16px !important;
}

.mr16 {
    margin-right: 16px !important;
}

.mb16 {
    margin-bottom: 16px !important;
}

.fz16 {
    font-size: 16px !important;
}

.mx-w80 {
    max-width: 80px;
    display: inline-block;
}

.min-height-viewport-16 {
    min-height: 16vh !important;
}
.p17 {
    padding: 17px !important;
}

.pt17 {
    padding-top: 17px !important;
}

.pl17 {
    padding-left: 17px !important;
}

.pr17 {
    padding-right: 17px !important;
}

.pb17 {
    padding-bottom: 17px !important;
}

.m17 {
    margin: 17px !important;
}

.mt17 {
    margin-top: 17px !important;
}

.ml17 {
    margin-left: 17px !important;
}

.mr17 {
    margin-right: 17px !important;
}

.mb17 {
    margin-bottom: 17px !important;
}

.fz17 {
    font-size: 17px !important;
}

.mx-w85 {
    max-width: 85px;
    display: inline-block;
}

.min-height-viewport-17 {
    min-height: 17vh !important;
}
.p18 {
    padding: 18px !important;
}

.pt18 {
    padding-top: 18px !important;
}

.pl18 {
    padding-left: 18px !important;
}

.pr18 {
    padding-right: 18px !important;
}

.pb18 {
    padding-bottom: 18px !important;
}

.m18 {
    margin: 18px !important;
}

.mt18 {
    margin-top: 18px !important;
}

.ml18 {
    margin-left: 18px !important;
}

.mr18 {
    margin-right: 18px !important;
}

.mb18 {
    margin-bottom: 18px !important;
}

.fz18 {
    font-size: 18px !important;
}

.mx-w90 {
    max-width: 90px;
    display: inline-block;
}

.min-height-viewport-18 {
    min-height: 18vh !important;
}
.p19 {
    padding: 19px !important;
}

.pt19 {
    padding-top: 19px !important;
}

.pl19 {
    padding-left: 19px !important;
}

.pr19 {
    padding-right: 19px !important;
}

.pb19 {
    padding-bottom: 19px !important;
}

.m19 {
    margin: 19px !important;
}

.mt19 {
    margin-top: 19px !important;
}

.ml19 {
    margin-left: 19px !important;
}

.mr19 {
    margin-right: 19px !important;
}

.mb19 {
    margin-bottom: 19px !important;
}

.fz19 {
    font-size: 19px !important;
}

.mx-w95 {
    max-width: 95px;
    display: inline-block;
}

.min-height-viewport-19 {
    min-height: 19vh !important;
}
.p20 {
    padding: 20px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.m20 {
    margin: 20px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.fz20 {
    font-size: 20px !important;
}

.mx-w100 {
    max-width: 100px;
    display: inline-block;
}

.min-height-viewport-20 {
    min-height: 20vh !important;
}
.p21 {
    padding: 21px !important;
}

.pt21 {
    padding-top: 21px !important;
}

.pl21 {
    padding-left: 21px !important;
}

.pr21 {
    padding-right: 21px !important;
}

.pb21 {
    padding-bottom: 21px !important;
}

.m21 {
    margin: 21px !important;
}

.mt21 {
    margin-top: 21px !important;
}

.ml21 {
    margin-left: 21px !important;
}

.mr21 {
    margin-right: 21px !important;
}

.mb21 {
    margin-bottom: 21px !important;
}

.fz21 {
    font-size: 21px !important;
}

.mx-w105 {
    max-width: 105px;
    display: inline-block;
}

.min-height-viewport-21 {
    min-height: 21vh !important;
}
.p22 {
    padding: 22px !important;
}

.pt22 {
    padding-top: 22px !important;
}

.pl22 {
    padding-left: 22px !important;
}

.pr22 {
    padding-right: 22px !important;
}

.pb22 {
    padding-bottom: 22px !important;
}

.m22 {
    margin: 22px !important;
}

.mt22 {
    margin-top: 22px !important;
}

.ml22 {
    margin-left: 22px !important;
}

.mr22 {
    margin-right: 22px !important;
}

.mb22 {
    margin-bottom: 22px !important;
}

.fz22 {
    font-size: 22px !important;
}

.mx-w110 {
    max-width: 110px;
    display: inline-block;
}

.min-height-viewport-22 {
    min-height: 22vh !important;
}
.p23 {
    padding: 23px !important;
}

.pt23 {
    padding-top: 23px !important;
}

.pl23 {
    padding-left: 23px !important;
}

.pr23 {
    padding-right: 23px !important;
}

.pb23 {
    padding-bottom: 23px !important;
}

.m23 {
    margin: 23px !important;
}

.mt23 {
    margin-top: 23px !important;
}

.ml23 {
    margin-left: 23px !important;
}

.mr23 {
    margin-right: 23px !important;
}

.mb23 {
    margin-bottom: 23px !important;
}

.fz23 {
    font-size: 23px !important;
}

.mx-w115 {
    max-width: 115px;
    display: inline-block;
}

.min-height-viewport-23 {
    min-height: 23vh !important;
}
.p24 {
    padding: 24px !important;
}

.pt24 {
    padding-top: 24px !important;
}

.pl24 {
    padding-left: 24px !important;
}

.pr24 {
    padding-right: 24px !important;
}

.pb24 {
    padding-bottom: 24px !important;
}

.m24 {
    margin: 24px !important;
}

.mt24 {
    margin-top: 24px !important;
}

.ml24 {
    margin-left: 24px !important;
}

.mr24 {
    margin-right: 24px !important;
}

.mb24 {
    margin-bottom: 24px !important;
}

.fz24 {
    font-size: 24px !important;
}

.mx-w120 {
    max-width: 120px;
    display: inline-block;
}

.min-height-viewport-24 {
    min-height: 24vh !important;
}
.p25 {
    padding: 25px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pl25 {
    padding-left: 25px !important;
}

.pr25 {
    padding-right: 25px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.m25 {
    margin: 25px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.fz25 {
    font-size: 25px !important;
}

.mx-w125 {
    max-width: 125px;
    display: inline-block;
}

.min-height-viewport-25 {
    min-height: 25vh !important;
}
.p26 {
    padding: 26px !important;
}

.pt26 {
    padding-top: 26px !important;
}

.pl26 {
    padding-left: 26px !important;
}

.pr26 {
    padding-right: 26px !important;
}

.pb26 {
    padding-bottom: 26px !important;
}

.m26 {
    margin: 26px !important;
}

.mt26 {
    margin-top: 26px !important;
}

.ml26 {
    margin-left: 26px !important;
}

.mr26 {
    margin-right: 26px !important;
}

.mb26 {
    margin-bottom: 26px !important;
}

.fz26 {
    font-size: 26px !important;
}

.mx-w130 {
    max-width: 130px;
    display: inline-block;
}

.min-height-viewport-26 {
    min-height: 26vh !important;
}
.p27 {
    padding: 27px !important;
}

.pt27 {
    padding-top: 27px !important;
}

.pl27 {
    padding-left: 27px !important;
}

.pr27 {
    padding-right: 27px !important;
}

.pb27 {
    padding-bottom: 27px !important;
}

.m27 {
    margin: 27px !important;
}

.mt27 {
    margin-top: 27px !important;
}

.ml27 {
    margin-left: 27px !important;
}

.mr27 {
    margin-right: 27px !important;
}

.mb27 {
    margin-bottom: 27px !important;
}

.fz27 {
    font-size: 27px !important;
}

.mx-w135 {
    max-width: 135px;
    display: inline-block;
}

.min-height-viewport-27 {
    min-height: 27vh !important;
}
.p28 {
    padding: 28px !important;
}

.pt28 {
    padding-top: 28px !important;
}

.pl28 {
    padding-left: 28px !important;
}

.pr28 {
    padding-right: 28px !important;
}

.pb28 {
    padding-bottom: 28px !important;
}

.m28 {
    margin: 28px !important;
}

.mt28 {
    margin-top: 28px !important;
}

.ml28 {
    margin-left: 28px !important;
}

.mr28 {
    margin-right: 28px !important;
}

.mb28 {
    margin-bottom: 28px !important;
}

.fz28 {
    font-size: 28px !important;
}

.mx-w140 {
    max-width: 140px;
    display: inline-block;
}

.min-height-viewport-28 {
    min-height: 28vh !important;
}
.p29 {
    padding: 29px !important;
}

.pt29 {
    padding-top: 29px !important;
}

.pl29 {
    padding-left: 29px !important;
}

.pr29 {
    padding-right: 29px !important;
}

.pb29 {
    padding-bottom: 29px !important;
}

.m29 {
    margin: 29px !important;
}

.mt29 {
    margin-top: 29px !important;
}

.ml29 {
    margin-left: 29px !important;
}

.mr29 {
    margin-right: 29px !important;
}

.mb29 {
    margin-bottom: 29px !important;
}

.fz29 {
    font-size: 29px !important;
}

.mx-w145 {
    max-width: 145px;
    display: inline-block;
}

.min-height-viewport-29 {
    min-height: 29vh !important;
}
.p30 {
    padding: 30px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pl30 {
    padding-left: 30px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.m30 {
    margin: 30px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.fz30 {
    font-size: 30px !important;
}

.mx-w150 {
    max-width: 150px;
    display: inline-block;
}

.min-height-viewport-30 {
    min-height: 30vh !important;
}
.p31 {
    padding: 31px !important;
}

.pt31 {
    padding-top: 31px !important;
}

.pl31 {
    padding-left: 31px !important;
}

.pr31 {
    padding-right: 31px !important;
}

.pb31 {
    padding-bottom: 31px !important;
}

.m31 {
    margin: 31px !important;
}

.mt31 {
    margin-top: 31px !important;
}

.ml31 {
    margin-left: 31px !important;
}

.mr31 {
    margin-right: 31px !important;
}

.mb31 {
    margin-bottom: 31px !important;
}

.fz31 {
    font-size: 31px !important;
}

.mx-w155 {
    max-width: 155px;
    display: inline-block;
}

.min-height-viewport-31 {
    min-height: 31vh !important;
}
.p32 {
    padding: 32px !important;
}

.pt32 {
    padding-top: 32px !important;
}

.pl32 {
    padding-left: 32px !important;
}

.pr32 {
    padding-right: 32px !important;
}

.pb32 {
    padding-bottom: 32px !important;
}

.m32 {
    margin: 32px !important;
}

.mt32 {
    margin-top: 32px !important;
}

.ml32 {
    margin-left: 32px !important;
}

.mr32 {
    margin-right: 32px !important;
}

.mb32 {
    margin-bottom: 32px !important;
}

.fz32 {
    font-size: 32px !important;
}

.mx-w160 {
    max-width: 160px;
    display: inline-block;
}

.min-height-viewport-32 {
    min-height: 32vh !important;
}
.p33 {
    padding: 33px !important;
}

.pt33 {
    padding-top: 33px !important;
}

.pl33 {
    padding-left: 33px !important;
}

.pr33 {
    padding-right: 33px !important;
}

.pb33 {
    padding-bottom: 33px !important;
}

.m33 {
    margin: 33px !important;
}

.mt33 {
    margin-top: 33px !important;
}

.ml33 {
    margin-left: 33px !important;
}

.mr33 {
    margin-right: 33px !important;
}

.mb33 {
    margin-bottom: 33px !important;
}

.fz33 {
    font-size: 33px !important;
}

.mx-w165 {
    max-width: 165px;
    display: inline-block;
}

.min-height-viewport-33 {
    min-height: 33vh !important;
}
.p34 {
    padding: 34px !important;
}

.pt34 {
    padding-top: 34px !important;
}

.pl34 {
    padding-left: 34px !important;
}

.pr34 {
    padding-right: 34px !important;
}

.pb34 {
    padding-bottom: 34px !important;
}

.m34 {
    margin: 34px !important;
}

.mt34 {
    margin-top: 34px !important;
}

.ml34 {
    margin-left: 34px !important;
}

.mr34 {
    margin-right: 34px !important;
}

.mb34 {
    margin-bottom: 34px !important;
}

.fz34 {
    font-size: 34px !important;
}

.mx-w170 {
    max-width: 170px;
    display: inline-block;
}

.min-height-viewport-34 {
    min-height: 34vh !important;
}
.p35 {
    padding: 35px !important;
}

.pt35 {
    padding-top: 35px !important;
}

.pl35 {
    padding-left: 35px !important;
}

.pr35 {
    padding-right: 35px !important;
}

.pb35 {
    padding-bottom: 35px !important;
}

.m35 {
    margin: 35px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.ml35 {
    margin-left: 35px !important;
}

.mr35 {
    margin-right: 35px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.fz35 {
    font-size: 35px !important;
}

.mx-w175 {
    max-width: 175px;
    display: inline-block;
}

.min-height-viewport-35 {
    min-height: 35vh !important;
}
.p36 {
    padding: 36px !important;
}

.pt36 {
    padding-top: 36px !important;
}

.pl36 {
    padding-left: 36px !important;
}

.pr36 {
    padding-right: 36px !important;
}

.pb36 {
    padding-bottom: 36px !important;
}

.m36 {
    margin: 36px !important;
}

.mt36 {
    margin-top: 36px !important;
}

.ml36 {
    margin-left: 36px !important;
}

.mr36 {
    margin-right: 36px !important;
}

.mb36 {
    margin-bottom: 36px !important;
}

.fz36 {
    font-size: 36px !important;
}

.mx-w180 {
    max-width: 180px;
    display: inline-block;
}

.min-height-viewport-36 {
    min-height: 36vh !important;
}
.p37 {
    padding: 37px !important;
}

.pt37 {
    padding-top: 37px !important;
}

.pl37 {
    padding-left: 37px !important;
}

.pr37 {
    padding-right: 37px !important;
}

.pb37 {
    padding-bottom: 37px !important;
}

.m37 {
    margin: 37px !important;
}

.mt37 {
    margin-top: 37px !important;
}

.ml37 {
    margin-left: 37px !important;
}

.mr37 {
    margin-right: 37px !important;
}

.mb37 {
    margin-bottom: 37px !important;
}

.fz37 {
    font-size: 37px !important;
}

.mx-w185 {
    max-width: 185px;
    display: inline-block;
}

.min-height-viewport-37 {
    min-height: 37vh !important;
}
.p38 {
    padding: 38px !important;
}

.pt38 {
    padding-top: 38px !important;
}

.pl38 {
    padding-left: 38px !important;
}

.pr38 {
    padding-right: 38px !important;
}

.pb38 {
    padding-bottom: 38px !important;
}

.m38 {
    margin: 38px !important;
}

.mt38 {
    margin-top: 38px !important;
}

.ml38 {
    margin-left: 38px !important;
}

.mr38 {
    margin-right: 38px !important;
}

.mb38 {
    margin-bottom: 38px !important;
}

.fz38 {
    font-size: 38px !important;
}

.mx-w190 {
    max-width: 190px;
    display: inline-block;
}

.min-height-viewport-38 {
    min-height: 38vh !important;
}
.p39 {
    padding: 39px !important;
}

.pt39 {
    padding-top: 39px !important;
}

.pl39 {
    padding-left: 39px !important;
}

.pr39 {
    padding-right: 39px !important;
}

.pb39 {
    padding-bottom: 39px !important;
}

.m39 {
    margin: 39px !important;
}

.mt39 {
    margin-top: 39px !important;
}

.ml39 {
    margin-left: 39px !important;
}

.mr39 {
    margin-right: 39px !important;
}

.mb39 {
    margin-bottom: 39px !important;
}

.fz39 {
    font-size: 39px !important;
}

.mx-w195 {
    max-width: 195px;
    display: inline-block;
}

.min-height-viewport-39 {
    min-height: 39vh !important;
}
.p40 {
    padding: 40px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pl40 {
    padding-left: 40px !important;
}

.pr40 {
    padding-right: 40px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.m40 {
    margin: 40px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.fz40 {
    font-size: 40px !important;
}

.mx-w200 {
    max-width: 200px;
    display: inline-block;
}

.min-height-viewport-40 {
    min-height: 40vh !important;
}
.p41 {
    padding: 41px !important;
}

.pt41 {
    padding-top: 41px !important;
}

.pl41 {
    padding-left: 41px !important;
}

.pr41 {
    padding-right: 41px !important;
}

.pb41 {
    padding-bottom: 41px !important;
}

.m41 {
    margin: 41px !important;
}

.mt41 {
    margin-top: 41px !important;
}

.ml41 {
    margin-left: 41px !important;
}

.mr41 {
    margin-right: 41px !important;
}

.mb41 {
    margin-bottom: 41px !important;
}

.fz41 {
    font-size: 41px !important;
}

.mx-w205 {
    max-width: 205px;
    display: inline-block;
}

.min-height-viewport-41 {
    min-height: 41vh !important;
}
.p42 {
    padding: 42px !important;
}

.pt42 {
    padding-top: 42px !important;
}

.pl42 {
    padding-left: 42px !important;
}

.pr42 {
    padding-right: 42px !important;
}

.pb42 {
    padding-bottom: 42px !important;
}

.m42 {
    margin: 42px !important;
}

.mt42 {
    margin-top: 42px !important;
}

.ml42 {
    margin-left: 42px !important;
}

.mr42 {
    margin-right: 42px !important;
}

.mb42 {
    margin-bottom: 42px !important;
}

.fz42 {
    font-size: 42px !important;
}

.mx-w210 {
    max-width: 210px;
    display: inline-block;
}

.min-height-viewport-42 {
    min-height: 42vh !important;
}
.p43 {
    padding: 43px !important;
}

.pt43 {
    padding-top: 43px !important;
}

.pl43 {
    padding-left: 43px !important;
}

.pr43 {
    padding-right: 43px !important;
}

.pb43 {
    padding-bottom: 43px !important;
}

.m43 {
    margin: 43px !important;
}

.mt43 {
    margin-top: 43px !important;
}

.ml43 {
    margin-left: 43px !important;
}

.mr43 {
    margin-right: 43px !important;
}

.mb43 {
    margin-bottom: 43px !important;
}

.fz43 {
    font-size: 43px !important;
}

.mx-w215 {
    max-width: 215px;
    display: inline-block;
}

.min-height-viewport-43 {
    min-height: 43vh !important;
}
.p44 {
    padding: 44px !important;
}

.pt44 {
    padding-top: 44px !important;
}

.pl44 {
    padding-left: 44px !important;
}

.pr44 {
    padding-right: 44px !important;
}

.pb44 {
    padding-bottom: 44px !important;
}

.m44 {
    margin: 44px !important;
}

.mt44 {
    margin-top: 44px !important;
}

.ml44 {
    margin-left: 44px !important;
}

.mr44 {
    margin-right: 44px !important;
}

.mb44 {
    margin-bottom: 44px !important;
}

.fz44 {
    font-size: 44px !important;
}

.mx-w220 {
    max-width: 220px;
    display: inline-block;
}

.min-height-viewport-44 {
    min-height: 44vh !important;
}
.p45 {
    padding: 45px !important;
}

.pt45 {
    padding-top: 45px !important;
}

.pl45 {
    padding-left: 45px !important;
}

.pr45 {
    padding-right: 45px !important;
}

.pb45 {
    padding-bottom: 45px !important;
}

.m45 {
    margin: 45px !important;
}

.mt45 {
    margin-top: 45px !important;
}

.ml45 {
    margin-left: 45px !important;
}

.mr45 {
    margin-right: 45px !important;
}

.mb45 {
    margin-bottom: 45px !important;
}

.fz45 {
    font-size: 45px !important;
}

.mx-w225 {
    max-width: 225px;
    display: inline-block;
}

.min-height-viewport-45 {
    min-height: 45vh !important;
}
.p46 {
    padding: 46px !important;
}

.pt46 {
    padding-top: 46px !important;
}

.pl46 {
    padding-left: 46px !important;
}

.pr46 {
    padding-right: 46px !important;
}

.pb46 {
    padding-bottom: 46px !important;
}

.m46 {
    margin: 46px !important;
}

.mt46 {
    margin-top: 46px !important;
}

.ml46 {
    margin-left: 46px !important;
}

.mr46 {
    margin-right: 46px !important;
}

.mb46 {
    margin-bottom: 46px !important;
}

.fz46 {
    font-size: 46px !important;
}

.mx-w230 {
    max-width: 230px;
    display: inline-block;
}

.min-height-viewport-46 {
    min-height: 46vh !important;
}
.p47 {
    padding: 47px !important;
}

.pt47 {
    padding-top: 47px !important;
}

.pl47 {
    padding-left: 47px !important;
}

.pr47 {
    padding-right: 47px !important;
}

.pb47 {
    padding-bottom: 47px !important;
}

.m47 {
    margin: 47px !important;
}

.mt47 {
    margin-top: 47px !important;
}

.ml47 {
    margin-left: 47px !important;
}

.mr47 {
    margin-right: 47px !important;
}

.mb47 {
    margin-bottom: 47px !important;
}

.fz47 {
    font-size: 47px !important;
}

.mx-w235 {
    max-width: 235px;
    display: inline-block;
}

.min-height-viewport-47 {
    min-height: 47vh !important;
}
.p48 {
    padding: 48px !important;
}

.pt48 {
    padding-top: 48px !important;
}

.pl48 {
    padding-left: 48px !important;
}

.pr48 {
    padding-right: 48px !important;
}

.pb48 {
    padding-bottom: 48px !important;
}

.m48 {
    margin: 48px !important;
}

.mt48 {
    margin-top: 48px !important;
}

.ml48 {
    margin-left: 48px !important;
}

.mr48 {
    margin-right: 48px !important;
}

.mb48 {
    margin-bottom: 48px !important;
}

.fz48 {
    font-size: 48px !important;
}

.mx-w240 {
    max-width: 240px;
    display: inline-block;
}

.min-height-viewport-48 {
    min-height: 48vh !important;
}
.p49 {
    padding: 49px !important;
}

.pt49 {
    padding-top: 49px !important;
}

.pl49 {
    padding-left: 49px !important;
}

.pr49 {
    padding-right: 49px !important;
}

.pb49 {
    padding-bottom: 49px !important;
}

.m49 {
    margin: 49px !important;
}

.mt49 {
    margin-top: 49px !important;
}

.ml49 {
    margin-left: 49px !important;
}

.mr49 {
    margin-right: 49px !important;
}

.mb49 {
    margin-bottom: 49px !important;
}

.fz49 {
    font-size: 49px !important;
}

.mx-w245 {
    max-width: 245px;
    display: inline-block;
}

.min-height-viewport-49 {
    min-height: 49vh !important;
}
.p50 {
    padding: 50px !important;
}

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

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

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

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

.m50 {
    margin: 50px !important;
}

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

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

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

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

.fz50 {
    font-size: 50px !important;
}

.mx-w250 {
    max-width: 250px;
    display: inline-block;
}

.min-height-viewport-50 {
    min-height: 50vh !important;
}
.p51 {
    padding: 51px !important;
}

.pt51 {
    padding-top: 51px !important;
}

.pl51 {
    padding-left: 51px !important;
}

.pr51 {
    padding-right: 51px !important;
}

.pb51 {
    padding-bottom: 51px !important;
}

.m51 {
    margin: 51px !important;
}

.mt51 {
    margin-top: 51px !important;
}

.ml51 {
    margin-left: 51px !important;
}

.mr51 {
    margin-right: 51px !important;
}

.mb51 {
    margin-bottom: 51px !important;
}

.fz51 {
    font-size: 51px !important;
}

.mx-w255 {
    max-width: 255px;
    display: inline-block;
}

.min-height-viewport-51 {
    min-height: 51vh !important;
}
.p52 {
    padding: 52px !important;
}

.pt52 {
    padding-top: 52px !important;
}

.pl52 {
    padding-left: 52px !important;
}

.pr52 {
    padding-right: 52px !important;
}

.pb52 {
    padding-bottom: 52px !important;
}

.m52 {
    margin: 52px !important;
}

.mt52 {
    margin-top: 52px !important;
}

.ml52 {
    margin-left: 52px !important;
}

.mr52 {
    margin-right: 52px !important;
}

.mb52 {
    margin-bottom: 52px !important;
}

.fz52 {
    font-size: 52px !important;
}

.mx-w260 {
    max-width: 260px;
    display: inline-block;
}

.min-height-viewport-52 {
    min-height: 52vh !important;
}
.p53 {
    padding: 53px !important;
}

.pt53 {
    padding-top: 53px !important;
}

.pl53 {
    padding-left: 53px !important;
}

.pr53 {
    padding-right: 53px !important;
}

.pb53 {
    padding-bottom: 53px !important;
}

.m53 {
    margin: 53px !important;
}

.mt53 {
    margin-top: 53px !important;
}

.ml53 {
    margin-left: 53px !important;
}

.mr53 {
    margin-right: 53px !important;
}

.mb53 {
    margin-bottom: 53px !important;
}

.fz53 {
    font-size: 53px !important;
}

.mx-w265 {
    max-width: 265px;
    display: inline-block;
}

.min-height-viewport-53 {
    min-height: 53vh !important;
}
.p54 {
    padding: 54px !important;
}

.pt54 {
    padding-top: 54px !important;
}

.pl54 {
    padding-left: 54px !important;
}

.pr54 {
    padding-right: 54px !important;
}

.pb54 {
    padding-bottom: 54px !important;
}

.m54 {
    margin: 54px !important;
}

.mt54 {
    margin-top: 54px !important;
}

.ml54 {
    margin-left: 54px !important;
}

.mr54 {
    margin-right: 54px !important;
}

.mb54 {
    margin-bottom: 54px !important;
}

.fz54 {
    font-size: 54px !important;
}

.mx-w270 {
    max-width: 270px;
    display: inline-block;
}

.min-height-viewport-54 {
    min-height: 54vh !important;
}
.p55 {
    padding: 55px !important;
}

.pt55 {
    padding-top: 55px !important;
}

.pl55 {
    padding-left: 55px !important;
}

.pr55 {
    padding-right: 55px !important;
}

.pb55 {
    padding-bottom: 55px !important;
}

.m55 {
    margin: 55px !important;
}

.mt55 {
    margin-top: 55px !important;
}

.ml55 {
    margin-left: 55px !important;
}

.mr55 {
    margin-right: 55px !important;
}

.mb55 {
    margin-bottom: 55px !important;
}

.fz55 {
    font-size: 55px !important;
}

.mx-w275 {
    max-width: 275px;
    display: inline-block;
}

.min-height-viewport-55 {
    min-height: 55vh !important;
}
.p56 {
    padding: 56px !important;
}

.pt56 {
    padding-top: 56px !important;
}

.pl56 {
    padding-left: 56px !important;
}

.pr56 {
    padding-right: 56px !important;
}

.pb56 {
    padding-bottom: 56px !important;
}

.m56 {
    margin: 56px !important;
}

.mt56 {
    margin-top: 56px !important;
}

.ml56 {
    margin-left: 56px !important;
}

.mr56 {
    margin-right: 56px !important;
}

.mb56 {
    margin-bottom: 56px !important;
}

.fz56 {
    font-size: 56px !important;
}

.mx-w280 {
    max-width: 280px;
    display: inline-block;
}

.min-height-viewport-56 {
    min-height: 56vh !important;
}
.p57 {
    padding: 57px !important;
}

.pt57 {
    padding-top: 57px !important;
}

.pl57 {
    padding-left: 57px !important;
}

.pr57 {
    padding-right: 57px !important;
}

.pb57 {
    padding-bottom: 57px !important;
}

.m57 {
    margin: 57px !important;
}

.mt57 {
    margin-top: 57px !important;
}

.ml57 {
    margin-left: 57px !important;
}

.mr57 {
    margin-right: 57px !important;
}

.mb57 {
    margin-bottom: 57px !important;
}

.fz57 {
    font-size: 57px !important;
}

.mx-w285 {
    max-width: 285px;
    display: inline-block;
}

.min-height-viewport-57 {
    min-height: 57vh !important;
}
.p58 {
    padding: 58px !important;
}

.pt58 {
    padding-top: 58px !important;
}

.pl58 {
    padding-left: 58px !important;
}

.pr58 {
    padding-right: 58px !important;
}

.pb58 {
    padding-bottom: 58px !important;
}

.m58 {
    margin: 58px !important;
}

.mt58 {
    margin-top: 58px !important;
}

.ml58 {
    margin-left: 58px !important;
}

.mr58 {
    margin-right: 58px !important;
}

.mb58 {
    margin-bottom: 58px !important;
}

.fz58 {
    font-size: 58px !important;
}

.mx-w290 {
    max-width: 290px;
    display: inline-block;
}

.min-height-viewport-58 {
    min-height: 58vh !important;
}
.p59 {
    padding: 59px !important;
}

.pt59 {
    padding-top: 59px !important;
}

.pl59 {
    padding-left: 59px !important;
}

.pr59 {
    padding-right: 59px !important;
}

.pb59 {
    padding-bottom: 59px !important;
}

.m59 {
    margin: 59px !important;
}

.mt59 {
    margin-top: 59px !important;
}

.ml59 {
    margin-left: 59px !important;
}

.mr59 {
    margin-right: 59px !important;
}

.mb59 {
    margin-bottom: 59px !important;
}

.fz59 {
    font-size: 59px !important;
}

.mx-w295 {
    max-width: 295px;
    display: inline-block;
}

.min-height-viewport-59 {
    min-height: 59vh !important;
}
.p60 {
    padding: 60px !important;
}

.pt60 {
    padding-top: 60px !important;
}

.pl60 {
    padding-left: 60px !important;
}

.pr60 {
    padding-right: 60px !important;
}

.pb60 {
    padding-bottom: 60px !important;
}

.m60 {
    margin: 60px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.ml60 {
    margin-left: 60px !important;
}

.mr60 {
    margin-right: 60px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.fz60 {
    font-size: 60px !important;
}

.mx-w300 {
    max-width: 300px;
    display: inline-block;
}

.min-height-viewport-60 {
    min-height: 60vh !important;
}
.p61 {
    padding: 61px !important;
}

.pt61 {
    padding-top: 61px !important;
}

.pl61 {
    padding-left: 61px !important;
}

.pr61 {
    padding-right: 61px !important;
}

.pb61 {
    padding-bottom: 61px !important;
}

.m61 {
    margin: 61px !important;
}

.mt61 {
    margin-top: 61px !important;
}

.ml61 {
    margin-left: 61px !important;
}

.mr61 {
    margin-right: 61px !important;
}

.mb61 {
    margin-bottom: 61px !important;
}

.fz61 {
    font-size: 61px !important;
}

.mx-w305 {
    max-width: 305px;
    display: inline-block;
}

.min-height-viewport-61 {
    min-height: 61vh !important;
}
.p62 {
    padding: 62px !important;
}

.pt62 {
    padding-top: 62px !important;
}

.pl62 {
    padding-left: 62px !important;
}

.pr62 {
    padding-right: 62px !important;
}

.pb62 {
    padding-bottom: 62px !important;
}

.m62 {
    margin: 62px !important;
}

.mt62 {
    margin-top: 62px !important;
}

.ml62 {
    margin-left: 62px !important;
}

.mr62 {
    margin-right: 62px !important;
}

.mb62 {
    margin-bottom: 62px !important;
}

.fz62 {
    font-size: 62px !important;
}

.mx-w310 {
    max-width: 310px;
    display: inline-block;
}

.min-height-viewport-62 {
    min-height: 62vh !important;
}
.p63 {
    padding: 63px !important;
}

.pt63 {
    padding-top: 63px !important;
}

.pl63 {
    padding-left: 63px !important;
}

.pr63 {
    padding-right: 63px !important;
}

.pb63 {
    padding-bottom: 63px !important;
}

.m63 {
    margin: 63px !important;
}

.mt63 {
    margin-top: 63px !important;
}

.ml63 {
    margin-left: 63px !important;
}

.mr63 {
    margin-right: 63px !important;
}

.mb63 {
    margin-bottom: 63px !important;
}

.fz63 {
    font-size: 63px !important;
}

.mx-w315 {
    max-width: 315px;
    display: inline-block;
}

.min-height-viewport-63 {
    min-height: 63vh !important;
}
.p64 {
    padding: 64px !important;
}

.pt64 {
    padding-top: 64px !important;
}

.pl64 {
    padding-left: 64px !important;
}

.pr64 {
    padding-right: 64px !important;
}

.pb64 {
    padding-bottom: 64px !important;
}

.m64 {
    margin: 64px !important;
}

.mt64 {
    margin-top: 64px !important;
}

.ml64 {
    margin-left: 64px !important;
}

.mr64 {
    margin-right: 64px !important;
}

.mb64 {
    margin-bottom: 64px !important;
}

.fz64 {
    font-size: 64px !important;
}

.mx-w320 {
    max-width: 320px;
    display: inline-block;
}

.min-height-viewport-64 {
    min-height: 64vh !important;
}
.p65 {
    padding: 65px !important;
}

.pt65 {
    padding-top: 65px !important;
}

.pl65 {
    padding-left: 65px !important;
}

.pr65 {
    padding-right: 65px !important;
}

.pb65 {
    padding-bottom: 65px !important;
}

.m65 {
    margin: 65px !important;
}

.mt65 {
    margin-top: 65px !important;
}

.ml65 {
    margin-left: 65px !important;
}

.mr65 {
    margin-right: 65px !important;
}

.mb65 {
    margin-bottom: 65px !important;
}

.fz65 {
    font-size: 65px !important;
}

.mx-w325 {
    max-width: 325px;
    display: inline-block;
}

.min-height-viewport-65 {
    min-height: 65vh !important;
}
.p66 {
    padding: 66px !important;
}

.pt66 {
    padding-top: 66px !important;
}

.pl66 {
    padding-left: 66px !important;
}

.pr66 {
    padding-right: 66px !important;
}

.pb66 {
    padding-bottom: 66px !important;
}

.m66 {
    margin: 66px !important;
}

.mt66 {
    margin-top: 66px !important;
}

.ml66 {
    margin-left: 66px !important;
}

.mr66 {
    margin-right: 66px !important;
}

.mb66 {
    margin-bottom: 66px !important;
}

.fz66 {
    font-size: 66px !important;
}

.mx-w330 {
    max-width: 330px;
    display: inline-block;
}

.min-height-viewport-66 {
    min-height: 66vh !important;
}
.p67 {
    padding: 67px !important;
}

.pt67 {
    padding-top: 67px !important;
}

.pl67 {
    padding-left: 67px !important;
}

.pr67 {
    padding-right: 67px !important;
}

.pb67 {
    padding-bottom: 67px !important;
}

.m67 {
    margin: 67px !important;
}

.mt67 {
    margin-top: 67px !important;
}

.ml67 {
    margin-left: 67px !important;
}

.mr67 {
    margin-right: 67px !important;
}

.mb67 {
    margin-bottom: 67px !important;
}

.fz67 {
    font-size: 67px !important;
}

.mx-w335 {
    max-width: 335px;
    display: inline-block;
}

.min-height-viewport-67 {
    min-height: 67vh !important;
}
.p68 {
    padding: 68px !important;
}

.pt68 {
    padding-top: 68px !important;
}

.pl68 {
    padding-left: 68px !important;
}

.pr68 {
    padding-right: 68px !important;
}

.pb68 {
    padding-bottom: 68px !important;
}

.m68 {
    margin: 68px !important;
}

.mt68 {
    margin-top: 68px !important;
}

.ml68 {
    margin-left: 68px !important;
}

.mr68 {
    margin-right: 68px !important;
}

.mb68 {
    margin-bottom: 68px !important;
}

.fz68 {
    font-size: 68px !important;
}

.mx-w340 {
    max-width: 340px;
    display: inline-block;
}

.min-height-viewport-68 {
    min-height: 68vh !important;
}
.p69 {
    padding: 69px !important;
}

.pt69 {
    padding-top: 69px !important;
}

.pl69 {
    padding-left: 69px !important;
}

.pr69 {
    padding-right: 69px !important;
}

.pb69 {
    padding-bottom: 69px !important;
}

.m69 {
    margin: 69px !important;
}

.mt69 {
    margin-top: 69px !important;
}

.ml69 {
    margin-left: 69px !important;
}

.mr69 {
    margin-right: 69px !important;
}

.mb69 {
    margin-bottom: 69px !important;
}

.fz69 {
    font-size: 69px !important;
}

.mx-w345 {
    max-width: 345px;
    display: inline-block;
}

.min-height-viewport-69 {
    min-height: 69vh !important;
}
.p70 {
    padding: 70px !important;
}

.pt70 {
    padding-top: 70px !important;
}

.pl70 {
    padding-left: 70px !important;
}

.pr70 {
    padding-right: 70px !important;
}

.pb70 {
    padding-bottom: 70px !important;
}

.m70 {
    margin: 70px !important;
}

.mt70 {
    margin-top: 70px !important;
}

.ml70 {
    margin-left: 70px !important;
}

.mr70 {
    margin-right: 70px !important;
}

.mb70 {
    margin-bottom: 70px !important;
}

.fz70 {
    font-size: 70px !important;
}

.mx-w350 {
    max-width: 350px;
    display: inline-block;
}

.min-height-viewport-70 {
    min-height: 70vh !important;
}
.p71 {
    padding: 71px !important;
}

.pt71 {
    padding-top: 71px !important;
}

.pl71 {
    padding-left: 71px !important;
}

.pr71 {
    padding-right: 71px !important;
}

.pb71 {
    padding-bottom: 71px !important;
}

.m71 {
    margin: 71px !important;
}

.mt71 {
    margin-top: 71px !important;
}

.ml71 {
    margin-left: 71px !important;
}

.mr71 {
    margin-right: 71px !important;
}

.mb71 {
    margin-bottom: 71px !important;
}

.fz71 {
    font-size: 71px !important;
}

.mx-w355 {
    max-width: 355px;
    display: inline-block;
}

.min-height-viewport-71 {
    min-height: 71vh !important;
}
.p72 {
    padding: 72px !important;
}

.pt72 {
    padding-top: 72px !important;
}

.pl72 {
    padding-left: 72px !important;
}

.pr72 {
    padding-right: 72px !important;
}

.pb72 {
    padding-bottom: 72px !important;
}

.m72 {
    margin: 72px !important;
}

.mt72 {
    margin-top: 72px !important;
}

.ml72 {
    margin-left: 72px !important;
}

.mr72 {
    margin-right: 72px !important;
}

.mb72 {
    margin-bottom: 72px !important;
}

.fz72 {
    font-size: 72px !important;
}

.mx-w360 {
    max-width: 360px;
    display: inline-block;
}

.min-height-viewport-72 {
    min-height: 72vh !important;
}
.p73 {
    padding: 73px !important;
}

.pt73 {
    padding-top: 73px !important;
}

.pl73 {
    padding-left: 73px !important;
}

.pr73 {
    padding-right: 73px !important;
}

.pb73 {
    padding-bottom: 73px !important;
}

.m73 {
    margin: 73px !important;
}

.mt73 {
    margin-top: 73px !important;
}

.ml73 {
    margin-left: 73px !important;
}

.mr73 {
    margin-right: 73px !important;
}

.mb73 {
    margin-bottom: 73px !important;
}

.fz73 {
    font-size: 73px !important;
}

.mx-w365 {
    max-width: 365px;
    display: inline-block;
}

.min-height-viewport-73 {
    min-height: 73vh !important;
}
.p74 {
    padding: 74px !important;
}

.pt74 {
    padding-top: 74px !important;
}

.pl74 {
    padding-left: 74px !important;
}

.pr74 {
    padding-right: 74px !important;
}

.pb74 {
    padding-bottom: 74px !important;
}

.m74 {
    margin: 74px !important;
}

.mt74 {
    margin-top: 74px !important;
}

.ml74 {
    margin-left: 74px !important;
}

.mr74 {
    margin-right: 74px !important;
}

.mb74 {
    margin-bottom: 74px !important;
}

.fz74 {
    font-size: 74px !important;
}

.mx-w370 {
    max-width: 370px;
    display: inline-block;
}

.min-height-viewport-74 {
    min-height: 74vh !important;
}
.p75 {
    padding: 75px !important;
}

.pt75 {
    padding-top: 75px !important;
}

.pl75 {
    padding-left: 75px !important;
}

.pr75 {
    padding-right: 75px !important;
}

.pb75 {
    padding-bottom: 75px !important;
}

.m75 {
    margin: 75px !important;
}

.mt75 {
    margin-top: 75px !important;
}

.ml75 {
    margin-left: 75px !important;
}

.mr75 {
    margin-right: 75px !important;
}

.mb75 {
    margin-bottom: 75px !important;
}

.fz75 {
    font-size: 75px !important;
}

.mx-w375 {
    max-width: 375px;
    display: inline-block;
}

.min-height-viewport-75 {
    min-height: 75vh !important;
}
.p76 {
    padding: 76px !important;
}

.pt76 {
    padding-top: 76px !important;
}

.pl76 {
    padding-left: 76px !important;
}

.pr76 {
    padding-right: 76px !important;
}

.pb76 {
    padding-bottom: 76px !important;
}

.m76 {
    margin: 76px !important;
}

.mt76 {
    margin-top: 76px !important;
}

.ml76 {
    margin-left: 76px !important;
}

.mr76 {
    margin-right: 76px !important;
}

.mb76 {
    margin-bottom: 76px !important;
}

.fz76 {
    font-size: 76px !important;
}

.mx-w380 {
    max-width: 380px;
    display: inline-block;
}

.min-height-viewport-76 {
    min-height: 76vh !important;
}
.p77 {
    padding: 77px !important;
}

.pt77 {
    padding-top: 77px !important;
}

.pl77 {
    padding-left: 77px !important;
}

.pr77 {
    padding-right: 77px !important;
}

.pb77 {
    padding-bottom: 77px !important;
}

.m77 {
    margin: 77px !important;
}

.mt77 {
    margin-top: 77px !important;
}

.ml77 {
    margin-left: 77px !important;
}

.mr77 {
    margin-right: 77px !important;
}

.mb77 {
    margin-bottom: 77px !important;
}

.fz77 {
    font-size: 77px !important;
}

.mx-w385 {
    max-width: 385px;
    display: inline-block;
}

.min-height-viewport-77 {
    min-height: 77vh !important;
}
.p78 {
    padding: 78px !important;
}

.pt78 {
    padding-top: 78px !important;
}

.pl78 {
    padding-left: 78px !important;
}

.pr78 {
    padding-right: 78px !important;
}

.pb78 {
    padding-bottom: 78px !important;
}

.m78 {
    margin: 78px !important;
}

.mt78 {
    margin-top: 78px !important;
}

.ml78 {
    margin-left: 78px !important;
}

.mr78 {
    margin-right: 78px !important;
}

.mb78 {
    margin-bottom: 78px !important;
}

.fz78 {
    font-size: 78px !important;
}

.mx-w390 {
    max-width: 390px;
    display: inline-block;
}

.min-height-viewport-78 {
    min-height: 78vh !important;
}
.p79 {
    padding: 79px !important;
}

.pt79 {
    padding-top: 79px !important;
}

.pl79 {
    padding-left: 79px !important;
}

.pr79 {
    padding-right: 79px !important;
}

.pb79 {
    padding-bottom: 79px !important;
}

.m79 {
    margin: 79px !important;
}

.mt79 {
    margin-top: 79px !important;
}

.ml79 {
    margin-left: 79px !important;
}

.mr79 {
    margin-right: 79px !important;
}

.mb79 {
    margin-bottom: 79px !important;
}

.fz79 {
    font-size: 79px !important;
}

.mx-w395 {
    max-width: 395px;
    display: inline-block;
}

.min-height-viewport-79 {
    min-height: 79vh !important;
}
.p80 {
    padding: 80px !important;
}

.pt80 {
    padding-top: 80px !important;
}

.pl80 {
    padding-left: 80px !important;
}

.pr80 {
    padding-right: 80px !important;
}

.pb80 {
    padding-bottom: 80px !important;
}

.m80 {
    margin: 80px !important;
}

.mt80 {
    margin-top: 80px !important;
}

.ml80 {
    margin-left: 80px !important;
}

.mr80 {
    margin-right: 80px !important;
}

.mb80 {
    margin-bottom: 80px !important;
}

.fz80 {
    font-size: 80px !important;
}

.mx-w400 {
    max-width: 400px;
    display: inline-block;
}

.min-height-viewport-80 {
    min-height: 80vh !important;
}
.p81 {
    padding: 81px !important;
}

.pt81 {
    padding-top: 81px !important;
}

.pl81 {
    padding-left: 81px !important;
}

.pr81 {
    padding-right: 81px !important;
}

.pb81 {
    padding-bottom: 81px !important;
}

.m81 {
    margin: 81px !important;
}

.mt81 {
    margin-top: 81px !important;
}

.ml81 {
    margin-left: 81px !important;
}

.mr81 {
    margin-right: 81px !important;
}

.mb81 {
    margin-bottom: 81px !important;
}

.fz81 {
    font-size: 81px !important;
}

.mx-w405 {
    max-width: 405px;
    display: inline-block;
}

.min-height-viewport-81 {
    min-height: 81vh !important;
}
.p82 {
    padding: 82px !important;
}

.pt82 {
    padding-top: 82px !important;
}

.pl82 {
    padding-left: 82px !important;
}

.pr82 {
    padding-right: 82px !important;
}

.pb82 {
    padding-bottom: 82px !important;
}

.m82 {
    margin: 82px !important;
}

.mt82 {
    margin-top: 82px !important;
}

.ml82 {
    margin-left: 82px !important;
}

.mr82 {
    margin-right: 82px !important;
}

.mb82 {
    margin-bottom: 82px !important;
}

.fz82 {
    font-size: 82px !important;
}

.mx-w410 {
    max-width: 410px;
    display: inline-block;
}

.min-height-viewport-82 {
    min-height: 82vh !important;
}
.p83 {
    padding: 83px !important;
}

.pt83 {
    padding-top: 83px !important;
}

.pl83 {
    padding-left: 83px !important;
}

.pr83 {
    padding-right: 83px !important;
}

.pb83 {
    padding-bottom: 83px !important;
}

.m83 {
    margin: 83px !important;
}

.mt83 {
    margin-top: 83px !important;
}

.ml83 {
    margin-left: 83px !important;
}

.mr83 {
    margin-right: 83px !important;
}

.mb83 {
    margin-bottom: 83px !important;
}

.fz83 {
    font-size: 83px !important;
}

.mx-w415 {
    max-width: 415px;
    display: inline-block;
}

.min-height-viewport-83 {
    min-height: 83vh !important;
}
.p84 {
    padding: 84px !important;
}

.pt84 {
    padding-top: 84px !important;
}

.pl84 {
    padding-left: 84px !important;
}

.pr84 {
    padding-right: 84px !important;
}

.pb84 {
    padding-bottom: 84px !important;
}

.m84 {
    margin: 84px !important;
}

.mt84 {
    margin-top: 84px !important;
}

.ml84 {
    margin-left: 84px !important;
}

.mr84 {
    margin-right: 84px !important;
}

.mb84 {
    margin-bottom: 84px !important;
}

.fz84 {
    font-size: 84px !important;
}

.mx-w420 {
    max-width: 420px;
    display: inline-block;
}

.min-height-viewport-84 {
    min-height: 84vh !important;
}
.p85 {
    padding: 85px !important;
}

.pt85 {
    padding-top: 85px !important;
}

.pl85 {
    padding-left: 85px !important;
}

.pr85 {
    padding-right: 85px !important;
}

.pb85 {
    padding-bottom: 85px !important;
}

.m85 {
    margin: 85px !important;
}

.mt85 {
    margin-top: 85px !important;
}

.ml85 {
    margin-left: 85px !important;
}

.mr85 {
    margin-right: 85px !important;
}

.mb85 {
    margin-bottom: 85px !important;
}

.fz85 {
    font-size: 85px !important;
}

.mx-w425 {
    max-width: 425px;
    display: inline-block;
}

.min-height-viewport-85 {
    min-height: 85vh !important;
}
.p86 {
    padding: 86px !important;
}

.pt86 {
    padding-top: 86px !important;
}

.pl86 {
    padding-left: 86px !important;
}

.pr86 {
    padding-right: 86px !important;
}

.pb86 {
    padding-bottom: 86px !important;
}

.m86 {
    margin: 86px !important;
}

.mt86 {
    margin-top: 86px !important;
}

.ml86 {
    margin-left: 86px !important;
}

.mr86 {
    margin-right: 86px !important;
}

.mb86 {
    margin-bottom: 86px !important;
}

.fz86 {
    font-size: 86px !important;
}

.mx-w430 {
    max-width: 430px;
    display: inline-block;
}

.min-height-viewport-86 {
    min-height: 86vh !important;
}
.p87 {
    padding: 87px !important;
}

.pt87 {
    padding-top: 87px !important;
}

.pl87 {
    padding-left: 87px !important;
}

.pr87 {
    padding-right: 87px !important;
}

.pb87 {
    padding-bottom: 87px !important;
}

.m87 {
    margin: 87px !important;
}

.mt87 {
    margin-top: 87px !important;
}

.ml87 {
    margin-left: 87px !important;
}

.mr87 {
    margin-right: 87px !important;
}

.mb87 {
    margin-bottom: 87px !important;
}

.fz87 {
    font-size: 87px !important;
}

.mx-w435 {
    max-width: 435px;
    display: inline-block;
}

.min-height-viewport-87 {
    min-height: 87vh !important;
}
.p88 {
    padding: 88px !important;
}

.pt88 {
    padding-top: 88px !important;
}

.pl88 {
    padding-left: 88px !important;
}

.pr88 {
    padding-right: 88px !important;
}

.pb88 {
    padding-bottom: 88px !important;
}

.m88 {
    margin: 88px !important;
}

.mt88 {
    margin-top: 88px !important;
}

.ml88 {
    margin-left: 88px !important;
}

.mr88 {
    margin-right: 88px !important;
}

.mb88 {
    margin-bottom: 88px !important;
}

.fz88 {
    font-size: 88px !important;
}

.mx-w440 {
    max-width: 440px;
    display: inline-block;
}

.min-height-viewport-88 {
    min-height: 88vh !important;
}
.p89 {
    padding: 89px !important;
}

.pt89 {
    padding-top: 89px !important;
}

.pl89 {
    padding-left: 89px !important;
}

.pr89 {
    padding-right: 89px !important;
}

.pb89 {
    padding-bottom: 89px !important;
}

.m89 {
    margin: 89px !important;
}

.mt89 {
    margin-top: 89px !important;
}

.ml89 {
    margin-left: 89px !important;
}

.mr89 {
    margin-right: 89px !important;
}

.mb89 {
    margin-bottom: 89px !important;
}

.fz89 {
    font-size: 89px !important;
}

.mx-w445 {
    max-width: 445px;
    display: inline-block;
}

.min-height-viewport-89 {
    min-height: 89vh !important;
}
.p90 {
    padding: 90px !important;
}

.pt90 {
    padding-top: 90px !important;
}

.pl90 {
    padding-left: 90px !important;
}

.pr90 {
    padding-right: 90px !important;
}

.pb90 {
    padding-bottom: 90px !important;
}

.m90 {
    margin: 90px !important;
}

.mt90 {
    margin-top: 90px !important;
}

.ml90 {
    margin-left: 90px !important;
}

.mr90 {
    margin-right: 90px !important;
}

.mb90 {
    margin-bottom: 90px !important;
}

.fz90 {
    font-size: 90px !important;
}

.mx-w450 {
    max-width: 450px;
    display: inline-block;
}

.min-height-viewport-90 {
    min-height: 90vh !important;
}
.p91 {
    padding: 91px !important;
}

.pt91 {
    padding-top: 91px !important;
}

.pl91 {
    padding-left: 91px !important;
}

.pr91 {
    padding-right: 91px !important;
}

.pb91 {
    padding-bottom: 91px !important;
}

.m91 {
    margin: 91px !important;
}

.mt91 {
    margin-top: 91px !important;
}

.ml91 {
    margin-left: 91px !important;
}

.mr91 {
    margin-right: 91px !important;
}

.mb91 {
    margin-bottom: 91px !important;
}

.fz91 {
    font-size: 91px !important;
}

.mx-w455 {
    max-width: 455px;
    display: inline-block;
}

.min-height-viewport-91 {
    min-height: 91vh !important;
}
.p92 {
    padding: 92px !important;
}

.pt92 {
    padding-top: 92px !important;
}

.pl92 {
    padding-left: 92px !important;
}

.pr92 {
    padding-right: 92px !important;
}

.pb92 {
    padding-bottom: 92px !important;
}

.m92 {
    margin: 92px !important;
}

.mt92 {
    margin-top: 92px !important;
}

.ml92 {
    margin-left: 92px !important;
}

.mr92 {
    margin-right: 92px !important;
}

.mb92 {
    margin-bottom: 92px !important;
}

.fz92 {
    font-size: 92px !important;
}

.mx-w460 {
    max-width: 460px;
    display: inline-block;
}

.min-height-viewport-92 {
    min-height: 92vh !important;
}
.p93 {
    padding: 93px !important;
}

.pt93 {
    padding-top: 93px !important;
}

.pl93 {
    padding-left: 93px !important;
}

.pr93 {
    padding-right: 93px !important;
}

.pb93 {
    padding-bottom: 93px !important;
}

.m93 {
    margin: 93px !important;
}

.mt93 {
    margin-top: 93px !important;
}

.ml93 {
    margin-left: 93px !important;
}

.mr93 {
    margin-right: 93px !important;
}

.mb93 {
    margin-bottom: 93px !important;
}

.fz93 {
    font-size: 93px !important;
}

.mx-w465 {
    max-width: 465px;
    display: inline-block;
}

.min-height-viewport-93 {
    min-height: 93vh !important;
}
.p94 {
    padding: 94px !important;
}

.pt94 {
    padding-top: 94px !important;
}

.pl94 {
    padding-left: 94px !important;
}

.pr94 {
    padding-right: 94px !important;
}

.pb94 {
    padding-bottom: 94px !important;
}

.m94 {
    margin: 94px !important;
}

.mt94 {
    margin-top: 94px !important;
}

.ml94 {
    margin-left: 94px !important;
}

.mr94 {
    margin-right: 94px !important;
}

.mb94 {
    margin-bottom: 94px !important;
}

.fz94 {
    font-size: 94px !important;
}

.mx-w470 {
    max-width: 470px;
    display: inline-block;
}

.min-height-viewport-94 {
    min-height: 94vh !important;
}
.p95 {
    padding: 95px !important;
}

.pt95 {
    padding-top: 95px !important;
}

.pl95 {
    padding-left: 95px !important;
}

.pr95 {
    padding-right: 95px !important;
}

.pb95 {
    padding-bottom: 95px !important;
}

.m95 {
    margin: 95px !important;
}

.mt95 {
    margin-top: 95px !important;
}

.ml95 {
    margin-left: 95px !important;
}

.mr95 {
    margin-right: 95px !important;
}

.mb95 {
    margin-bottom: 95px !important;
}

.fz95 {
    font-size: 95px !important;
}

.mx-w475 {
    max-width: 475px;
    display: inline-block;
}

.min-height-viewport-95 {
    min-height: 95vh !important;
}
.p96 {
    padding: 96px !important;
}

.pt96 {
    padding-top: 96px !important;
}

.pl96 {
    padding-left: 96px !important;
}

.pr96 {
    padding-right: 96px !important;
}

.pb96 {
    padding-bottom: 96px !important;
}

.m96 {
    margin: 96px !important;
}

.mt96 {
    margin-top: 96px !important;
}

.ml96 {
    margin-left: 96px !important;
}

.mr96 {
    margin-right: 96px !important;
}

.mb96 {
    margin-bottom: 96px !important;
}

.fz96 {
    font-size: 96px !important;
}

.mx-w480 {
    max-width: 480px;
    display: inline-block;
}

.min-height-viewport-96 {
    min-height: 96vh !important;
}
.p97 {
    padding: 97px !important;
}

.pt97 {
    padding-top: 97px !important;
}

.pl97 {
    padding-left: 97px !important;
}

.pr97 {
    padding-right: 97px !important;
}

.pb97 {
    padding-bottom: 97px !important;
}

.m97 {
    margin: 97px !important;
}

.mt97 {
    margin-top: 97px !important;
}

.ml97 {
    margin-left: 97px !important;
}

.mr97 {
    margin-right: 97px !important;
}

.mb97 {
    margin-bottom: 97px !important;
}

.fz97 {
    font-size: 97px !important;
}

.mx-w485 {
    max-width: 485px;
    display: inline-block;
}

.min-height-viewport-97 {
    min-height: 97vh !important;
}
.p98 {
    padding: 98px !important;
}

.pt98 {
    padding-top: 98px !important;
}

.pl98 {
    padding-left: 98px !important;
}

.pr98 {
    padding-right: 98px !important;
}

.pb98 {
    padding-bottom: 98px !important;
}

.m98 {
    margin: 98px !important;
}

.mt98 {
    margin-top: 98px !important;
}

.ml98 {
    margin-left: 98px !important;
}

.mr98 {
    margin-right: 98px !important;
}

.mb98 {
    margin-bottom: 98px !important;
}

.fz98 {
    font-size: 98px !important;
}

.mx-w490 {
    max-width: 490px;
    display: inline-block;
}

.min-height-viewport-98 {
    min-height: 98vh !important;
}
.p99 {
    padding: 99px !important;
}

.pt99 {
    padding-top: 99px !important;
}

.pl99 {
    padding-left: 99px !important;
}

.pr99 {
    padding-right: 99px !important;
}

.pb99 {
    padding-bottom: 99px !important;
}

.m99 {
    margin: 99px !important;
}

.mt99 {
    margin-top: 99px !important;
}

.ml99 {
    margin-left: 99px !important;
}

.mr99 {
    margin-right: 99px !important;
}

.mb99 {
    margin-bottom: 99px !important;
}

.fz99 {
    font-size: 99px !important;
}

.mx-w495 {
    max-width: 495px;
    display: inline-block;
}

.min-height-viewport-99 {
    min-height: 99vh !important;
}
.p100 {
    padding: 100px !important;
}

.pt100 {
    padding-top: 100px !important;
}

.pl100 {
    padding-left: 100px !important;
}

.pr100 {
    padding-right: 100px !important;
}

.pb100 {
    padding-bottom: 100px !important;
}

.m100 {
    margin: 100px !important;
}

.mt100 {
    margin-top: 100px !important;
}

.ml100 {
    margin-left: 100px !important;
}

.mr100 {
    margin-right: 100px !important;
}

.mb100 {
    margin-bottom: 100px !important;
}

.fz100 {
    font-size: 100px !important;
}

.mx-w500 {
    max-width: 500px;
    display: inline-block;
}

.min-height-viewport-100 {
    min-height: 100vh !important;
}
.p101 {
    padding: 101px !important;
}

.pt101 {
    padding-top: 101px !important;
}

.pl101 {
    padding-left: 101px !important;
}

.pr101 {
    padding-right: 101px !important;
}

.pb101 {
    padding-bottom: 101px !important;
}

.m101 {
    margin: 101px !important;
}

.mt101 {
    margin-top: 101px !important;
}

.ml101 {
    margin-left: 101px !important;
}

.mr101 {
    margin-right: 101px !important;
}

.mb101 {
    margin-bottom: 101px !important;
}

.fz101 {
    font-size: 101px !important;
}

.mx-w505 {
    max-width: 505px;
    display: inline-block;
}

.min-height-viewport-101 {
    min-height: 101vh !important;
}
.p102 {
    padding: 102px !important;
}

.pt102 {
    padding-top: 102px !important;
}

.pl102 {
    padding-left: 102px !important;
}

.pr102 {
    padding-right: 102px !important;
}

.pb102 {
    padding-bottom: 102px !important;
}

.m102 {
    margin: 102px !important;
}

.mt102 {
    margin-top: 102px !important;
}

.ml102 {
    margin-left: 102px !important;
}

.mr102 {
    margin-right: 102px !important;
}

.mb102 {
    margin-bottom: 102px !important;
}

.fz102 {
    font-size: 102px !important;
}

.mx-w510 {
    max-width: 510px;
    display: inline-block;
}

.min-height-viewport-102 {
    min-height: 102vh !important;
}
.p103 {
    padding: 103px !important;
}

.pt103 {
    padding-top: 103px !important;
}

.pl103 {
    padding-left: 103px !important;
}

.pr103 {
    padding-right: 103px !important;
}

.pb103 {
    padding-bottom: 103px !important;
}

.m103 {
    margin: 103px !important;
}

.mt103 {
    margin-top: 103px !important;
}

.ml103 {
    margin-left: 103px !important;
}

.mr103 {
    margin-right: 103px !important;
}

.mb103 {
    margin-bottom: 103px !important;
}

.fz103 {
    font-size: 103px !important;
}

.mx-w515 {
    max-width: 515px;
    display: inline-block;
}

.min-height-viewport-103 {
    min-height: 103vh !important;
}
.p104 {
    padding: 104px !important;
}

.pt104 {
    padding-top: 104px !important;
}

.pl104 {
    padding-left: 104px !important;
}

.pr104 {
    padding-right: 104px !important;
}

.pb104 {
    padding-bottom: 104px !important;
}

.m104 {
    margin: 104px !important;
}

.mt104 {
    margin-top: 104px !important;
}

.ml104 {
    margin-left: 104px !important;
}

.mr104 {
    margin-right: 104px !important;
}

.mb104 {
    margin-bottom: 104px !important;
}

.fz104 {
    font-size: 104px !important;
}

.mx-w520 {
    max-width: 520px;
    display: inline-block;
}

.min-height-viewport-104 {
    min-height: 104vh !important;
}
.p105 {
    padding: 105px !important;
}

.pt105 {
    padding-top: 105px !important;
}

.pl105 {
    padding-left: 105px !important;
}

.pr105 {
    padding-right: 105px !important;
}

.pb105 {
    padding-bottom: 105px !important;
}

.m105 {
    margin: 105px !important;
}

.mt105 {
    margin-top: 105px !important;
}

.ml105 {
    margin-left: 105px !important;
}

.mr105 {
    margin-right: 105px !important;
}

.mb105 {
    margin-bottom: 105px !important;
}

.fz105 {
    font-size: 105px !important;
}

.mx-w525 {
    max-width: 525px;
    display: inline-block;
}

.min-height-viewport-105 {
    min-height: 105vh !important;
}
.p106 {
    padding: 106px !important;
}

.pt106 {
    padding-top: 106px !important;
}

.pl106 {
    padding-left: 106px !important;
}

.pr106 {
    padding-right: 106px !important;
}

.pb106 {
    padding-bottom: 106px !important;
}

.m106 {
    margin: 106px !important;
}

.mt106 {
    margin-top: 106px !important;
}

.ml106 {
    margin-left: 106px !important;
}

.mr106 {
    margin-right: 106px !important;
}

.mb106 {
    margin-bottom: 106px !important;
}

.fz106 {
    font-size: 106px !important;
}

.mx-w530 {
    max-width: 530px;
    display: inline-block;
}

.min-height-viewport-106 {
    min-height: 106vh !important;
}
.p107 {
    padding: 107px !important;
}

.pt107 {
    padding-top: 107px !important;
}

.pl107 {
    padding-left: 107px !important;
}

.pr107 {
    padding-right: 107px !important;
}

.pb107 {
    padding-bottom: 107px !important;
}

.m107 {
    margin: 107px !important;
}

.mt107 {
    margin-top: 107px !important;
}

.ml107 {
    margin-left: 107px !important;
}

.mr107 {
    margin-right: 107px !important;
}

.mb107 {
    margin-bottom: 107px !important;
}

.fz107 {
    font-size: 107px !important;
}

.mx-w535 {
    max-width: 535px;
    display: inline-block;
}

.min-height-viewport-107 {
    min-height: 107vh !important;
}
.p108 {
    padding: 108px !important;
}

.pt108 {
    padding-top: 108px !important;
}

.pl108 {
    padding-left: 108px !important;
}

.pr108 {
    padding-right: 108px !important;
}

.pb108 {
    padding-bottom: 108px !important;
}

.m108 {
    margin: 108px !important;
}

.mt108 {
    margin-top: 108px !important;
}

.ml108 {
    margin-left: 108px !important;
}

.mr108 {
    margin-right: 108px !important;
}

.mb108 {
    margin-bottom: 108px !important;
}

.fz108 {
    font-size: 108px !important;
}

.mx-w540 {
    max-width: 540px;
    display: inline-block;
}

.min-height-viewport-108 {
    min-height: 108vh !important;
}
.p109 {
    padding: 109px !important;
}

.pt109 {
    padding-top: 109px !important;
}

.pl109 {
    padding-left: 109px !important;
}

.pr109 {
    padding-right: 109px !important;
}

.pb109 {
    padding-bottom: 109px !important;
}

.m109 {
    margin: 109px !important;
}

.mt109 {
    margin-top: 109px !important;
}

.ml109 {
    margin-left: 109px !important;
}

.mr109 {
    margin-right: 109px !important;
}

.mb109 {
    margin-bottom: 109px !important;
}

.fz109 {
    font-size: 109px !important;
}

.mx-w545 {
    max-width: 545px;
    display: inline-block;
}

.min-height-viewport-109 {
    min-height: 109vh !important;
}
.p110 {
    padding: 110px !important;
}

.pt110 {
    padding-top: 110px !important;
}

.pl110 {
    padding-left: 110px !important;
}

.pr110 {
    padding-right: 110px !important;
}

.pb110 {
    padding-bottom: 110px !important;
}

.m110 {
    margin: 110px !important;
}

.mt110 {
    margin-top: 110px !important;
}

.ml110 {
    margin-left: 110px !important;
}

.mr110 {
    margin-right: 110px !important;
}

.mb110 {
    margin-bottom: 110px !important;
}

.fz110 {
    font-size: 110px !important;
}

.mx-w550 {
    max-width: 550px;
    display: inline-block;
}

.min-height-viewport-110 {
    min-height: 110vh !important;
}
.p111 {
    padding: 111px !important;
}

.pt111 {
    padding-top: 111px !important;
}

.pl111 {
    padding-left: 111px !important;
}

.pr111 {
    padding-right: 111px !important;
}

.pb111 {
    padding-bottom: 111px !important;
}

.m111 {
    margin: 111px !important;
}

.mt111 {
    margin-top: 111px !important;
}

.ml111 {
    margin-left: 111px !important;
}

.mr111 {
    margin-right: 111px !important;
}

.mb111 {
    margin-bottom: 111px !important;
}

.fz111 {
    font-size: 111px !important;
}

.mx-w555 {
    max-width: 555px;
    display: inline-block;
}

.min-height-viewport-111 {
    min-height: 111vh !important;
}
.p112 {
    padding: 112px !important;
}

.pt112 {
    padding-top: 112px !important;
}

.pl112 {
    padding-left: 112px !important;
}

.pr112 {
    padding-right: 112px !important;
}

.pb112 {
    padding-bottom: 112px !important;
}

.m112 {
    margin: 112px !important;
}

.mt112 {
    margin-top: 112px !important;
}

.ml112 {
    margin-left: 112px !important;
}

.mr112 {
    margin-right: 112px !important;
}

.mb112 {
    margin-bottom: 112px !important;
}

.fz112 {
    font-size: 112px !important;
}

.mx-w560 {
    max-width: 560px;
    display: inline-block;
}

.min-height-viewport-112 {
    min-height: 112vh !important;
}
.p113 {
    padding: 113px !important;
}

.pt113 {
    padding-top: 113px !important;
}

.pl113 {
    padding-left: 113px !important;
}

.pr113 {
    padding-right: 113px !important;
}

.pb113 {
    padding-bottom: 113px !important;
}

.m113 {
    margin: 113px !important;
}

.mt113 {
    margin-top: 113px !important;
}

.ml113 {
    margin-left: 113px !important;
}

.mr113 {
    margin-right: 113px !important;
}

.mb113 {
    margin-bottom: 113px !important;
}

.fz113 {
    font-size: 113px !important;
}

.mx-w565 {
    max-width: 565px;
    display: inline-block;
}

.min-height-viewport-113 {
    min-height: 113vh !important;
}
.p114 {
    padding: 114px !important;
}

.pt114 {
    padding-top: 114px !important;
}

.pl114 {
    padding-left: 114px !important;
}

.pr114 {
    padding-right: 114px !important;
}

.pb114 {
    padding-bottom: 114px !important;
}

.m114 {
    margin: 114px !important;
}

.mt114 {
    margin-top: 114px !important;
}

.ml114 {
    margin-left: 114px !important;
}

.mr114 {
    margin-right: 114px !important;
}

.mb114 {
    margin-bottom: 114px !important;
}

.fz114 {
    font-size: 114px !important;
}

.mx-w570 {
    max-width: 570px;
    display: inline-block;
}

.min-height-viewport-114 {
    min-height: 114vh !important;
}
.p115 {
    padding: 115px !important;
}

.pt115 {
    padding-top: 115px !important;
}

.pl115 {
    padding-left: 115px !important;
}

.pr115 {
    padding-right: 115px !important;
}

.pb115 {
    padding-bottom: 115px !important;
}

.m115 {
    margin: 115px !important;
}

.mt115 {
    margin-top: 115px !important;
}

.ml115 {
    margin-left: 115px !important;
}

.mr115 {
    margin-right: 115px !important;
}

.mb115 {
    margin-bottom: 115px !important;
}

.fz115 {
    font-size: 115px !important;
}

.mx-w575 {
    max-width: 575px;
    display: inline-block;
}

.min-height-viewport-115 {
    min-height: 115vh !important;
}
.p116 {
    padding: 116px !important;
}

.pt116 {
    padding-top: 116px !important;
}

.pl116 {
    padding-left: 116px !important;
}

.pr116 {
    padding-right: 116px !important;
}

.pb116 {
    padding-bottom: 116px !important;
}

.m116 {
    margin: 116px !important;
}

.mt116 {
    margin-top: 116px !important;
}

.ml116 {
    margin-left: 116px !important;
}

.mr116 {
    margin-right: 116px !important;
}

.mb116 {
    margin-bottom: 116px !important;
}

.fz116 {
    font-size: 116px !important;
}

.mx-w580 {
    max-width: 580px;
    display: inline-block;
}

.min-height-viewport-116 {
    min-height: 116vh !important;
}
.p117 {
    padding: 117px !important;
}

.pt117 {
    padding-top: 117px !important;
}

.pl117 {
    padding-left: 117px !important;
}

.pr117 {
    padding-right: 117px !important;
}

.pb117 {
    padding-bottom: 117px !important;
}

.m117 {
    margin: 117px !important;
}

.mt117 {
    margin-top: 117px !important;
}

.ml117 {
    margin-left: 117px !important;
}

.mr117 {
    margin-right: 117px !important;
}

.mb117 {
    margin-bottom: 117px !important;
}

.fz117 {
    font-size: 117px !important;
}

.mx-w585 {
    max-width: 585px;
    display: inline-block;
}

.min-height-viewport-117 {
    min-height: 117vh !important;
}
.p118 {
    padding: 118px !important;
}

.pt118 {
    padding-top: 118px !important;
}

.pl118 {
    padding-left: 118px !important;
}

.pr118 {
    padding-right: 118px !important;
}

.pb118 {
    padding-bottom: 118px !important;
}

.m118 {
    margin: 118px !important;
}

.mt118 {
    margin-top: 118px !important;
}

.ml118 {
    margin-left: 118px !important;
}

.mr118 {
    margin-right: 118px !important;
}

.mb118 {
    margin-bottom: 118px !important;
}

.fz118 {
    font-size: 118px !important;
}

.mx-w590 {
    max-width: 590px;
    display: inline-block;
}

.min-height-viewport-118 {
    min-height: 118vh !important;
}
.p119 {
    padding: 119px !important;
}

.pt119 {
    padding-top: 119px !important;
}

.pl119 {
    padding-left: 119px !important;
}

.pr119 {
    padding-right: 119px !important;
}

.pb119 {
    padding-bottom: 119px !important;
}

.m119 {
    margin: 119px !important;
}

.mt119 {
    margin-top: 119px !important;
}

.ml119 {
    margin-left: 119px !important;
}

.mr119 {
    margin-right: 119px !important;
}

.mb119 {
    margin-bottom: 119px !important;
}

.fz119 {
    font-size: 119px !important;
}

.mx-w595 {
    max-width: 595px;
    display: inline-block;
}

.min-height-viewport-119 {
    min-height: 119vh !important;
}
.p120 {
    padding: 120px !important;
}

.pt120 {
    padding-top: 120px !important;
}

.pl120 {
    padding-left: 120px !important;
}

.pr120 {
    padding-right: 120px !important;
}

.pb120 {
    padding-bottom: 120px !important;
}

.m120 {
    margin: 120px !important;
}

.mt120 {
    margin-top: 120px !important;
}

.ml120 {
    margin-left: 120px !important;
}

.mr120 {
    margin-right: 120px !important;
}

.mb120 {
    margin-bottom: 120px !important;
}

.fz120 {
    font-size: 120px !important;
}

.mx-w600 {
    max-width: 600px;
    display: inline-block;
}

.min-height-viewport-120 {
    min-height: 120vh !important;
}
.p121 {
    padding: 121px !important;
}

.pt121 {
    padding-top: 121px !important;
}

.pl121 {
    padding-left: 121px !important;
}

.pr121 {
    padding-right: 121px !important;
}

.pb121 {
    padding-bottom: 121px !important;
}

.m121 {
    margin: 121px !important;
}

.mt121 {
    margin-top: 121px !important;
}

.ml121 {
    margin-left: 121px !important;
}

.mr121 {
    margin-right: 121px !important;
}

.mb121 {
    margin-bottom: 121px !important;
}

.fz121 {
    font-size: 121px !important;
}

.mx-w605 {
    max-width: 605px;
    display: inline-block;
}

.min-height-viewport-121 {
    min-height: 121vh !important;
}
.p122 {
    padding: 122px !important;
}

.pt122 {
    padding-top: 122px !important;
}

.pl122 {
    padding-left: 122px !important;
}

.pr122 {
    padding-right: 122px !important;
}

.pb122 {
    padding-bottom: 122px !important;
}

.m122 {
    margin: 122px !important;
}

.mt122 {
    margin-top: 122px !important;
}

.ml122 {
    margin-left: 122px !important;
}

.mr122 {
    margin-right: 122px !important;
}

.mb122 {
    margin-bottom: 122px !important;
}

.fz122 {
    font-size: 122px !important;
}

.mx-w610 {
    max-width: 610px;
    display: inline-block;
}

.min-height-viewport-122 {
    min-height: 122vh !important;
}
.p123 {
    padding: 123px !important;
}

.pt123 {
    padding-top: 123px !important;
}

.pl123 {
    padding-left: 123px !important;
}

.pr123 {
    padding-right: 123px !important;
}

.pb123 {
    padding-bottom: 123px !important;
}

.m123 {
    margin: 123px !important;
}

.mt123 {
    margin-top: 123px !important;
}

.ml123 {
    margin-left: 123px !important;
}

.mr123 {
    margin-right: 123px !important;
}

.mb123 {
    margin-bottom: 123px !important;
}

.fz123 {
    font-size: 123px !important;
}

.mx-w615 {
    max-width: 615px;
    display: inline-block;
}

.min-height-viewport-123 {
    min-height: 123vh !important;
}
.p124 {
    padding: 124px !important;
}

.pt124 {
    padding-top: 124px !important;
}

.pl124 {
    padding-left: 124px !important;
}

.pr124 {
    padding-right: 124px !important;
}

.pb124 {
    padding-bottom: 124px !important;
}

.m124 {
    margin: 124px !important;
}

.mt124 {
    margin-top: 124px !important;
}

.ml124 {
    margin-left: 124px !important;
}

.mr124 {
    margin-right: 124px !important;
}

.mb124 {
    margin-bottom: 124px !important;
}

.fz124 {
    font-size: 124px !important;
}

.mx-w620 {
    max-width: 620px;
    display: inline-block;
}

.min-height-viewport-124 {
    min-height: 124vh !important;
}
.p125 {
    padding: 125px !important;
}

.pt125 {
    padding-top: 125px !important;
}

.pl125 {
    padding-left: 125px !important;
}

.pr125 {
    padding-right: 125px !important;
}

.pb125 {
    padding-bottom: 125px !important;
}

.m125 {
    margin: 125px !important;
}

.mt125 {
    margin-top: 125px !important;
}

.ml125 {
    margin-left: 125px !important;
}

.mr125 {
    margin-right: 125px !important;
}

.mb125 {
    margin-bottom: 125px !important;
}

.fz125 {
    font-size: 125px !important;
}

.mx-w625 {
    max-width: 625px;
    display: inline-block;
}

.min-height-viewport-125 {
    min-height: 125vh !important;
}
.p126 {
    padding: 126px !important;
}

.pt126 {
    padding-top: 126px !important;
}

.pl126 {
    padding-left: 126px !important;
}

.pr126 {
    padding-right: 126px !important;
}

.pb126 {
    padding-bottom: 126px !important;
}

.m126 {
    margin: 126px !important;
}

.mt126 {
    margin-top: 126px !important;
}

.ml126 {
    margin-left: 126px !important;
}

.mr126 {
    margin-right: 126px !important;
}

.mb126 {
    margin-bottom: 126px !important;
}

.fz126 {
    font-size: 126px !important;
}

.mx-w630 {
    max-width: 630px;
    display: inline-block;
}

.min-height-viewport-126 {
    min-height: 126vh !important;
}
.p127 {
    padding: 127px !important;
}

.pt127 {
    padding-top: 127px !important;
}

.pl127 {
    padding-left: 127px !important;
}

.pr127 {
    padding-right: 127px !important;
}

.pb127 {
    padding-bottom: 127px !important;
}

.m127 {
    margin: 127px !important;
}

.mt127 {
    margin-top: 127px !important;
}

.ml127 {
    margin-left: 127px !important;
}

.mr127 {
    margin-right: 127px !important;
}

.mb127 {
    margin-bottom: 127px !important;
}

.fz127 {
    font-size: 127px !important;
}

.mx-w635 {
    max-width: 635px;
    display: inline-block;
}

.min-height-viewport-127 {
    min-height: 127vh !important;
}
.p128 {
    padding: 128px !important;
}

.pt128 {
    padding-top: 128px !important;
}

.pl128 {
    padding-left: 128px !important;
}

.pr128 {
    padding-right: 128px !important;
}

.pb128 {
    padding-bottom: 128px !important;
}

.m128 {
    margin: 128px !important;
}

.mt128 {
    margin-top: 128px !important;
}

.ml128 {
    margin-left: 128px !important;
}

.mr128 {
    margin-right: 128px !important;
}

.mb128 {
    margin-bottom: 128px !important;
}

.fz128 {
    font-size: 128px !important;
}

.mx-w640 {
    max-width: 640px;
    display: inline-block;
}

.min-height-viewport-128 {
    min-height: 128vh !important;
}
.p129 {
    padding: 129px !important;
}

.pt129 {
    padding-top: 129px !important;
}

.pl129 {
    padding-left: 129px !important;
}

.pr129 {
    padding-right: 129px !important;
}

.pb129 {
    padding-bottom: 129px !important;
}

.m129 {
    margin: 129px !important;
}

.mt129 {
    margin-top: 129px !important;
}

.ml129 {
    margin-left: 129px !important;
}

.mr129 {
    margin-right: 129px !important;
}

.mb129 {
    margin-bottom: 129px !important;
}

.fz129 {
    font-size: 129px !important;
}

.mx-w645 {
    max-width: 645px;
    display: inline-block;
}

.min-height-viewport-129 {
    min-height: 129vh !important;
}
.p130 {
    padding: 130px !important;
}

.pt130 {
    padding-top: 130px !important;
}

.pl130 {
    padding-left: 130px !important;
}

.pr130 {
    padding-right: 130px !important;
}

.pb130 {
    padding-bottom: 130px !important;
}

.m130 {
    margin: 130px !important;
}

.mt130 {
    margin-top: 130px !important;
}

.ml130 {
    margin-left: 130px !important;
}

.mr130 {
    margin-right: 130px !important;
}

.mb130 {
    margin-bottom: 130px !important;
}

.fz130 {
    font-size: 130px !important;
}

.mx-w650 {
    max-width: 650px;
    display: inline-block;
}

.min-height-viewport-130 {
    min-height: 130vh !important;
}
.p131 {
    padding: 131px !important;
}

.pt131 {
    padding-top: 131px !important;
}

.pl131 {
    padding-left: 131px !important;
}

.pr131 {
    padding-right: 131px !important;
}

.pb131 {
    padding-bottom: 131px !important;
}

.m131 {
    margin: 131px !important;
}

.mt131 {
    margin-top: 131px !important;
}

.ml131 {
    margin-left: 131px !important;
}

.mr131 {
    margin-right: 131px !important;
}

.mb131 {
    margin-bottom: 131px !important;
}

.fz131 {
    font-size: 131px !important;
}

.mx-w655 {
    max-width: 655px;
    display: inline-block;
}

.min-height-viewport-131 {
    min-height: 131vh !important;
}
.p132 {
    padding: 132px !important;
}

.pt132 {
    padding-top: 132px !important;
}

.pl132 {
    padding-left: 132px !important;
}

.pr132 {
    padding-right: 132px !important;
}

.pb132 {
    padding-bottom: 132px !important;
}

.m132 {
    margin: 132px !important;
}

.mt132 {
    margin-top: 132px !important;
}

.ml132 {
    margin-left: 132px !important;
}

.mr132 {
    margin-right: 132px !important;
}

.mb132 {
    margin-bottom: 132px !important;
}

.fz132 {
    font-size: 132px !important;
}

.mx-w660 {
    max-width: 660px;
    display: inline-block;
}

.min-height-viewport-132 {
    min-height: 132vh !important;
}
.p133 {
    padding: 133px !important;
}

.pt133 {
    padding-top: 133px !important;
}

.pl133 {
    padding-left: 133px !important;
}

.pr133 {
    padding-right: 133px !important;
}

.pb133 {
    padding-bottom: 133px !important;
}

.m133 {
    margin: 133px !important;
}

.mt133 {
    margin-top: 133px !important;
}

.ml133 {
    margin-left: 133px !important;
}

.mr133 {
    margin-right: 133px !important;
}

.mb133 {
    margin-bottom: 133px !important;
}

.fz133 {
    font-size: 133px !important;
}

.mx-w665 {
    max-width: 665px;
    display: inline-block;
}

.min-height-viewport-133 {
    min-height: 133vh !important;
}
.p134 {
    padding: 134px !important;
}

.pt134 {
    padding-top: 134px !important;
}

.pl134 {
    padding-left: 134px !important;
}

.pr134 {
    padding-right: 134px !important;
}

.pb134 {
    padding-bottom: 134px !important;
}

.m134 {
    margin: 134px !important;
}

.mt134 {
    margin-top: 134px !important;
}

.ml134 {
    margin-left: 134px !important;
}

.mr134 {
    margin-right: 134px !important;
}

.mb134 {
    margin-bottom: 134px !important;
}

.fz134 {
    font-size: 134px !important;
}

.mx-w670 {
    max-width: 670px;
    display: inline-block;
}

.min-height-viewport-134 {
    min-height: 134vh !important;
}
.p135 {
    padding: 135px !important;
}

.pt135 {
    padding-top: 135px !important;
}

.pl135 {
    padding-left: 135px !important;
}

.pr135 {
    padding-right: 135px !important;
}

.pb135 {
    padding-bottom: 135px !important;
}

.m135 {
    margin: 135px !important;
}

.mt135 {
    margin-top: 135px !important;
}

.ml135 {
    margin-left: 135px !important;
}

.mr135 {
    margin-right: 135px !important;
}

.mb135 {
    margin-bottom: 135px !important;
}

.fz135 {
    font-size: 135px !important;
}

.mx-w675 {
    max-width: 675px;
    display: inline-block;
}

.min-height-viewport-135 {
    min-height: 135vh !important;
}
.p136 {
    padding: 136px !important;
}

.pt136 {
    padding-top: 136px !important;
}

.pl136 {
    padding-left: 136px !important;
}

.pr136 {
    padding-right: 136px !important;
}

.pb136 {
    padding-bottom: 136px !important;
}

.m136 {
    margin: 136px !important;
}

.mt136 {
    margin-top: 136px !important;
}

.ml136 {
    margin-left: 136px !important;
}

.mr136 {
    margin-right: 136px !important;
}

.mb136 {
    margin-bottom: 136px !important;
}

.fz136 {
    font-size: 136px !important;
}

.mx-w680 {
    max-width: 680px;
    display: inline-block;
}

.min-height-viewport-136 {
    min-height: 136vh !important;
}
.p137 {
    padding: 137px !important;
}

.pt137 {
    padding-top: 137px !important;
}

.pl137 {
    padding-left: 137px !important;
}

.pr137 {
    padding-right: 137px !important;
}

.pb137 {
    padding-bottom: 137px !important;
}

.m137 {
    margin: 137px !important;
}

.mt137 {
    margin-top: 137px !important;
}

.ml137 {
    margin-left: 137px !important;
}

.mr137 {
    margin-right: 137px !important;
}

.mb137 {
    margin-bottom: 137px !important;
}

.fz137 {
    font-size: 137px !important;
}

.mx-w685 {
    max-width: 685px;
    display: inline-block;
}

.min-height-viewport-137 {
    min-height: 137vh !important;
}
.p138 {
    padding: 138px !important;
}

.pt138 {
    padding-top: 138px !important;
}

.pl138 {
    padding-left: 138px !important;
}

.pr138 {
    padding-right: 138px !important;
}

.pb138 {
    padding-bottom: 138px !important;
}

.m138 {
    margin: 138px !important;
}

.mt138 {
    margin-top: 138px !important;
}

.ml138 {
    margin-left: 138px !important;
}

.mr138 {
    margin-right: 138px !important;
}

.mb138 {
    margin-bottom: 138px !important;
}

.fz138 {
    font-size: 138px !important;
}

.mx-w690 {
    max-width: 690px;
    display: inline-block;
}

.min-height-viewport-138 {
    min-height: 138vh !important;
}
.p139 {
    padding: 139px !important;
}

.pt139 {
    padding-top: 139px !important;
}

.pl139 {
    padding-left: 139px !important;
}

.pr139 {
    padding-right: 139px !important;
}

.pb139 {
    padding-bottom: 139px !important;
}

.m139 {
    margin: 139px !important;
}

.mt139 {
    margin-top: 139px !important;
}

.ml139 {
    margin-left: 139px !important;
}

.mr139 {
    margin-right: 139px !important;
}

.mb139 {
    margin-bottom: 139px !important;
}

.fz139 {
    font-size: 139px !important;
}

.mx-w695 {
    max-width: 695px;
    display: inline-block;
}

.min-height-viewport-139 {
    min-height: 139vh !important;
}
.p140 {
    padding: 140px !important;
}

.pt140 {
    padding-top: 140px !important;
}

.pl140 {
    padding-left: 140px !important;
}

.pr140 {
    padding-right: 140px !important;
}

.pb140 {
    padding-bottom: 140px !important;
}

.m140 {
    margin: 140px !important;
}

.mt140 {
    margin-top: 140px !important;
}

.ml140 {
    margin-left: 140px !important;
}

.mr140 {
    margin-right: 140px !important;
}

.mb140 {
    margin-bottom: 140px !important;
}

.fz140 {
    font-size: 140px !important;
}

.mx-w700 {
    max-width: 700px;
    display: inline-block;
}

.min-height-viewport-140 {
    min-height: 140vh !important;
}
.p141 {
    padding: 141px !important;
}

.pt141 {
    padding-top: 141px !important;
}

.pl141 {
    padding-left: 141px !important;
}

.pr141 {
    padding-right: 141px !important;
}

.pb141 {
    padding-bottom: 141px !important;
}

.m141 {
    margin: 141px !important;
}

.mt141 {
    margin-top: 141px !important;
}

.ml141 {
    margin-left: 141px !important;
}

.mr141 {
    margin-right: 141px !important;
}

.mb141 {
    margin-bottom: 141px !important;
}

.fz141 {
    font-size: 141px !important;
}

.mx-w705 {
    max-width: 705px;
    display: inline-block;
}

.min-height-viewport-141 {
    min-height: 141vh !important;
}
.p142 {
    padding: 142px !important;
}

.pt142 {
    padding-top: 142px !important;
}

.pl142 {
    padding-left: 142px !important;
}

.pr142 {
    padding-right: 142px !important;
}

.pb142 {
    padding-bottom: 142px !important;
}

.m142 {
    margin: 142px !important;
}

.mt142 {
    margin-top: 142px !important;
}

.ml142 {
    margin-left: 142px !important;
}

.mr142 {
    margin-right: 142px !important;
}

.mb142 {
    margin-bottom: 142px !important;
}

.fz142 {
    font-size: 142px !important;
}

.mx-w710 {
    max-width: 710px;
    display: inline-block;
}

.min-height-viewport-142 {
    min-height: 142vh !important;
}
.p143 {
    padding: 143px !important;
}

.pt143 {
    padding-top: 143px !important;
}

.pl143 {
    padding-left: 143px !important;
}

.pr143 {
    padding-right: 143px !important;
}

.pb143 {
    padding-bottom: 143px !important;
}

.m143 {
    margin: 143px !important;
}

.mt143 {
    margin-top: 143px !important;
}

.ml143 {
    margin-left: 143px !important;
}

.mr143 {
    margin-right: 143px !important;
}

.mb143 {
    margin-bottom: 143px !important;
}

.fz143 {
    font-size: 143px !important;
}

.mx-w715 {
    max-width: 715px;
    display: inline-block;
}

.min-height-viewport-143 {
    min-height: 143vh !important;
}
.p144 {
    padding: 144px !important;
}

.pt144 {
    padding-top: 144px !important;
}

.pl144 {
    padding-left: 144px !important;
}

.pr144 {
    padding-right: 144px !important;
}

.pb144 {
    padding-bottom: 144px !important;
}

.m144 {
    margin: 144px !important;
}

.mt144 {
    margin-top: 144px !important;
}

.ml144 {
    margin-left: 144px !important;
}

.mr144 {
    margin-right: 144px !important;
}

.mb144 {
    margin-bottom: 144px !important;
}

.fz144 {
    font-size: 144px !important;
}

.mx-w720 {
    max-width: 720px;
    display: inline-block;
}

.min-height-viewport-144 {
    min-height: 144vh !important;
}
.p145 {
    padding: 145px !important;
}

.pt145 {
    padding-top: 145px !important;
}

.pl145 {
    padding-left: 145px !important;
}

.pr145 {
    padding-right: 145px !important;
}

.pb145 {
    padding-bottom: 145px !important;
}

.m145 {
    margin: 145px !important;
}

.mt145 {
    margin-top: 145px !important;
}

.ml145 {
    margin-left: 145px !important;
}

.mr145 {
    margin-right: 145px !important;
}

.mb145 {
    margin-bottom: 145px !important;
}

.fz145 {
    font-size: 145px !important;
}

.mx-w725 {
    max-width: 725px;
    display: inline-block;
}

.min-height-viewport-145 {
    min-height: 145vh !important;
}
.p146 {
    padding: 146px !important;
}

.pt146 {
    padding-top: 146px !important;
}

.pl146 {
    padding-left: 146px !important;
}

.pr146 {
    padding-right: 146px !important;
}

.pb146 {
    padding-bottom: 146px !important;
}

.m146 {
    margin: 146px !important;
}

.mt146 {
    margin-top: 146px !important;
}

.ml146 {
    margin-left: 146px !important;
}

.mr146 {
    margin-right: 146px !important;
}

.mb146 {
    margin-bottom: 146px !important;
}

.fz146 {
    font-size: 146px !important;
}

.mx-w730 {
    max-width: 730px;
    display: inline-block;
}

.min-height-viewport-146 {
    min-height: 146vh !important;
}
.p147 {
    padding: 147px !important;
}

.pt147 {
    padding-top: 147px !important;
}

.pl147 {
    padding-left: 147px !important;
}

.pr147 {
    padding-right: 147px !important;
}

.pb147 {
    padding-bottom: 147px !important;
}

.m147 {
    margin: 147px !important;
}

.mt147 {
    margin-top: 147px !important;
}

.ml147 {
    margin-left: 147px !important;
}

.mr147 {
    margin-right: 147px !important;
}

.mb147 {
    margin-bottom: 147px !important;
}

.fz147 {
    font-size: 147px !important;
}

.mx-w735 {
    max-width: 735px;
    display: inline-block;
}

.min-height-viewport-147 {
    min-height: 147vh !important;
}
.p148 {
    padding: 148px !important;
}

.pt148 {
    padding-top: 148px !important;
}

.pl148 {
    padding-left: 148px !important;
}

.pr148 {
    padding-right: 148px !important;
}

.pb148 {
    padding-bottom: 148px !important;
}

.m148 {
    margin: 148px !important;
}

.mt148 {
    margin-top: 148px !important;
}

.ml148 {
    margin-left: 148px !important;
}

.mr148 {
    margin-right: 148px !important;
}

.mb148 {
    margin-bottom: 148px !important;
}

.fz148 {
    font-size: 148px !important;
}

.mx-w740 {
    max-width: 740px;
    display: inline-block;
}

.min-height-viewport-148 {
    min-height: 148vh !important;
}
.p149 {
    padding: 149px !important;
}

.pt149 {
    padding-top: 149px !important;
}

.pl149 {
    padding-left: 149px !important;
}

.pr149 {
    padding-right: 149px !important;
}

.pb149 {
    padding-bottom: 149px !important;
}

.m149 {
    margin: 149px !important;
}

.mt149 {
    margin-top: 149px !important;
}

.ml149 {
    margin-left: 149px !important;
}

.mr149 {
    margin-right: 149px !important;
}

.mb149 {
    margin-bottom: 149px !important;
}

.fz149 {
    font-size: 149px !important;
}

.mx-w745 {
    max-width: 745px;
    display: inline-block;
}

.min-height-viewport-149 {
    min-height: 149vh !important;
}
.p150 {
    padding: 150px !important;
}

.pt150 {
    padding-top: 150px !important;
}

.pl150 {
    padding-left: 150px !important;
}

.pr150 {
    padding-right: 150px !important;
}

.pb150 {
    padding-bottom: 150px !important;
}

.m150 {
    margin: 150px !important;
}

.mt150 {
    margin-top: 150px !important;
}

.ml150 {
    margin-left: 150px !important;
}

.mr150 {
    margin-right: 150px !important;
}

.mb150 {
    margin-bottom: 150px !important;
}

.fz150 {
    font-size: 150px !important;
}

.mx-w750 {
    max-width: 750px;
    display: inline-block;
}

.min-height-viewport-150 {
    min-height: 150vh !important;
}
.p151 {
    padding: 151px !important;
}

.pt151 {
    padding-top: 151px !important;
}

.pl151 {
    padding-left: 151px !important;
}

.pr151 {
    padding-right: 151px !important;
}

.pb151 {
    padding-bottom: 151px !important;
}

.m151 {
    margin: 151px !important;
}

.mt151 {
    margin-top: 151px !important;
}

.ml151 {
    margin-left: 151px !important;
}

.mr151 {
    margin-right: 151px !important;
}

.mb151 {
    margin-bottom: 151px !important;
}

.fz151 {
    font-size: 151px !important;
}

.mx-w755 {
    max-width: 755px;
    display: inline-block;
}

.min-height-viewport-151 {
    min-height: 151vh !important;
}
.p152 {
    padding: 152px !important;
}

.pt152 {
    padding-top: 152px !important;
}

.pl152 {
    padding-left: 152px !important;
}

.pr152 {
    padding-right: 152px !important;
}

.pb152 {
    padding-bottom: 152px !important;
}

.m152 {
    margin: 152px !important;
}

.mt152 {
    margin-top: 152px !important;
}

.ml152 {
    margin-left: 152px !important;
}

.mr152 {
    margin-right: 152px !important;
}

.mb152 {
    margin-bottom: 152px !important;
}

.fz152 {
    font-size: 152px !important;
}

.mx-w760 {
    max-width: 760px;
    display: inline-block;
}

.min-height-viewport-152 {
    min-height: 152vh !important;
}
.p153 {
    padding: 153px !important;
}

.pt153 {
    padding-top: 153px !important;
}

.pl153 {
    padding-left: 153px !important;
}

.pr153 {
    padding-right: 153px !important;
}

.pb153 {
    padding-bottom: 153px !important;
}

.m153 {
    margin: 153px !important;
}

.mt153 {
    margin-top: 153px !important;
}

.ml153 {
    margin-left: 153px !important;
}

.mr153 {
    margin-right: 153px !important;
}

.mb153 {
    margin-bottom: 153px !important;
}

.fz153 {
    font-size: 153px !important;
}

.mx-w765 {
    max-width: 765px;
    display: inline-block;
}

.min-height-viewport-153 {
    min-height: 153vh !important;
}
.p154 {
    padding: 154px !important;
}

.pt154 {
    padding-top: 154px !important;
}

.pl154 {
    padding-left: 154px !important;
}

.pr154 {
    padding-right: 154px !important;
}

.pb154 {
    padding-bottom: 154px !important;
}

.m154 {
    margin: 154px !important;
}

.mt154 {
    margin-top: 154px !important;
}

.ml154 {
    margin-left: 154px !important;
}

.mr154 {
    margin-right: 154px !important;
}

.mb154 {
    margin-bottom: 154px !important;
}

.fz154 {
    font-size: 154px !important;
}

.mx-w770 {
    max-width: 770px;
    display: inline-block;
}

.min-height-viewport-154 {
    min-height: 154vh !important;
}
.p155 {
    padding: 155px !important;
}

.pt155 {
    padding-top: 155px !important;
}

.pl155 {
    padding-left: 155px !important;
}

.pr155 {
    padding-right: 155px !important;
}

.pb155 {
    padding-bottom: 155px !important;
}

.m155 {
    margin: 155px !important;
}

.mt155 {
    margin-top: 155px !important;
}

.ml155 {
    margin-left: 155px !important;
}

.mr155 {
    margin-right: 155px !important;
}

.mb155 {
    margin-bottom: 155px !important;
}

.fz155 {
    font-size: 155px !important;
}

.mx-w775 {
    max-width: 775px;
    display: inline-block;
}

.min-height-viewport-155 {
    min-height: 155vh !important;
}
.p156 {
    padding: 156px !important;
}

.pt156 {
    padding-top: 156px !important;
}

.pl156 {
    padding-left: 156px !important;
}

.pr156 {
    padding-right: 156px !important;
}

.pb156 {
    padding-bottom: 156px !important;
}

.m156 {
    margin: 156px !important;
}

.mt156 {
    margin-top: 156px !important;
}

.ml156 {
    margin-left: 156px !important;
}

.mr156 {
    margin-right: 156px !important;
}

.mb156 {
    margin-bottom: 156px !important;
}

.fz156 {
    font-size: 156px !important;
}

.mx-w780 {
    max-width: 780px;
    display: inline-block;
}

.min-height-viewport-156 {
    min-height: 156vh !important;
}
.p157 {
    padding: 157px !important;
}

.pt157 {
    padding-top: 157px !important;
}

.pl157 {
    padding-left: 157px !important;
}

.pr157 {
    padding-right: 157px !important;
}

.pb157 {
    padding-bottom: 157px !important;
}

.m157 {
    margin: 157px !important;
}

.mt157 {
    margin-top: 157px !important;
}

.ml157 {
    margin-left: 157px !important;
}

.mr157 {
    margin-right: 157px !important;
}

.mb157 {
    margin-bottom: 157px !important;
}

.fz157 {
    font-size: 157px !important;
}

.mx-w785 {
    max-width: 785px;
    display: inline-block;
}

.min-height-viewport-157 {
    min-height: 157vh !important;
}
.p158 {
    padding: 158px !important;
}

.pt158 {
    padding-top: 158px !important;
}

.pl158 {
    padding-left: 158px !important;
}

.pr158 {
    padding-right: 158px !important;
}

.pb158 {
    padding-bottom: 158px !important;
}

.m158 {
    margin: 158px !important;
}

.mt158 {
    margin-top: 158px !important;
}

.ml158 {
    margin-left: 158px !important;
}

.mr158 {
    margin-right: 158px !important;
}

.mb158 {
    margin-bottom: 158px !important;
}

.fz158 {
    font-size: 158px !important;
}

.mx-w790 {
    max-width: 790px;
    display: inline-block;
}

.min-height-viewport-158 {
    min-height: 158vh !important;
}
.p159 {
    padding: 159px !important;
}

.pt159 {
    padding-top: 159px !important;
}

.pl159 {
    padding-left: 159px !important;
}

.pr159 {
    padding-right: 159px !important;
}

.pb159 {
    padding-bottom: 159px !important;
}

.m159 {
    margin: 159px !important;
}

.mt159 {
    margin-top: 159px !important;
}

.ml159 {
    margin-left: 159px !important;
}

.mr159 {
    margin-right: 159px !important;
}

.mb159 {
    margin-bottom: 159px !important;
}

.fz159 {
    font-size: 159px !important;
}

.mx-w795 {
    max-width: 795px;
    display: inline-block;
}

.min-height-viewport-159 {
    min-height: 159vh !important;
}
.p160 {
    padding: 160px !important;
}

.pt160 {
    padding-top: 160px !important;
}

.pl160 {
    padding-left: 160px !important;
}

.pr160 {
    padding-right: 160px !important;
}

.pb160 {
    padding-bottom: 160px !important;
}

.m160 {
    margin: 160px !important;
}

.mt160 {
    margin-top: 160px !important;
}

.ml160 {
    margin-left: 160px !important;
}

.mr160 {
    margin-right: 160px !important;
}

.mb160 {
    margin-bottom: 160px !important;
}

.fz160 {
    font-size: 160px !important;
}

.mx-w800 {
    max-width: 800px;
    display: inline-block;
}

.min-height-viewport-160 {
    min-height: 160vh !important;
}
.p161 {
    padding: 161px !important;
}

.pt161 {
    padding-top: 161px !important;
}

.pl161 {
    padding-left: 161px !important;
}

.pr161 {
    padding-right: 161px !important;
}

.pb161 {
    padding-bottom: 161px !important;
}

.m161 {
    margin: 161px !important;
}

.mt161 {
    margin-top: 161px !important;
}

.ml161 {
    margin-left: 161px !important;
}

.mr161 {
    margin-right: 161px !important;
}

.mb161 {
    margin-bottom: 161px !important;
}

.fz161 {
    font-size: 161px !important;
}

.mx-w805 {
    max-width: 805px;
    display: inline-block;
}

.min-height-viewport-161 {
    min-height: 161vh !important;
}
.p162 {
    padding: 162px !important;
}

.pt162 {
    padding-top: 162px !important;
}

.pl162 {
    padding-left: 162px !important;
}

.pr162 {
    padding-right: 162px !important;
}

.pb162 {
    padding-bottom: 162px !important;
}

.m162 {
    margin: 162px !important;
}

.mt162 {
    margin-top: 162px !important;
}

.ml162 {
    margin-left: 162px !important;
}

.mr162 {
    margin-right: 162px !important;
}

.mb162 {
    margin-bottom: 162px !important;
}

.fz162 {
    font-size: 162px !important;
}

.mx-w810 {
    max-width: 810px;
    display: inline-block;
}

.min-height-viewport-162 {
    min-height: 162vh !important;
}
.p163 {
    padding: 163px !important;
}

.pt163 {
    padding-top: 163px !important;
}

.pl163 {
    padding-left: 163px !important;
}

.pr163 {
    padding-right: 163px !important;
}

.pb163 {
    padding-bottom: 163px !important;
}

.m163 {
    margin: 163px !important;
}

.mt163 {
    margin-top: 163px !important;
}

.ml163 {
    margin-left: 163px !important;
}

.mr163 {
    margin-right: 163px !important;
}

.mb163 {
    margin-bottom: 163px !important;
}

.fz163 {
    font-size: 163px !important;
}

.mx-w815 {
    max-width: 815px;
    display: inline-block;
}

.min-height-viewport-163 {
    min-height: 163vh !important;
}
.p164 {
    padding: 164px !important;
}

.pt164 {
    padding-top: 164px !important;
}

.pl164 {
    padding-left: 164px !important;
}

.pr164 {
    padding-right: 164px !important;
}

.pb164 {
    padding-bottom: 164px !important;
}

.m164 {
    margin: 164px !important;
}

.mt164 {
    margin-top: 164px !important;
}

.ml164 {
    margin-left: 164px !important;
}

.mr164 {
    margin-right: 164px !important;
}

.mb164 {
    margin-bottom: 164px !important;
}

.fz164 {
    font-size: 164px !important;
}

.mx-w820 {
    max-width: 820px;
    display: inline-block;
}

.min-height-viewport-164 {
    min-height: 164vh !important;
}
.p165 {
    padding: 165px !important;
}

.pt165 {
    padding-top: 165px !important;
}

.pl165 {
    padding-left: 165px !important;
}

.pr165 {
    padding-right: 165px !important;
}

.pb165 {
    padding-bottom: 165px !important;
}

.m165 {
    margin: 165px !important;
}

.mt165 {
    margin-top: 165px !important;
}

.ml165 {
    margin-left: 165px !important;
}

.mr165 {
    margin-right: 165px !important;
}

.mb165 {
    margin-bottom: 165px !important;
}

.fz165 {
    font-size: 165px !important;
}

.mx-w825 {
    max-width: 825px;
    display: inline-block;
}

.min-height-viewport-165 {
    min-height: 165vh !important;
}
.p166 {
    padding: 166px !important;
}

.pt166 {
    padding-top: 166px !important;
}

.pl166 {
    padding-left: 166px !important;
}

.pr166 {
    padding-right: 166px !important;
}

.pb166 {
    padding-bottom: 166px !important;
}

.m166 {
    margin: 166px !important;
}

.mt166 {
    margin-top: 166px !important;
}

.ml166 {
    margin-left: 166px !important;
}

.mr166 {
    margin-right: 166px !important;
}

.mb166 {
    margin-bottom: 166px !important;
}

.fz166 {
    font-size: 166px !important;
}

.mx-w830 {
    max-width: 830px;
    display: inline-block;
}

.min-height-viewport-166 {
    min-height: 166vh !important;
}
.p167 {
    padding: 167px !important;
}

.pt167 {
    padding-top: 167px !important;
}

.pl167 {
    padding-left: 167px !important;
}

.pr167 {
    padding-right: 167px !important;
}

.pb167 {
    padding-bottom: 167px !important;
}

.m167 {
    margin: 167px !important;
}

.mt167 {
    margin-top: 167px !important;
}

.ml167 {
    margin-left: 167px !important;
}

.mr167 {
    margin-right: 167px !important;
}

.mb167 {
    margin-bottom: 167px !important;
}

.fz167 {
    font-size: 167px !important;
}

.mx-w835 {
    max-width: 835px;
    display: inline-block;
}

.min-height-viewport-167 {
    min-height: 167vh !important;
}
.p168 {
    padding: 168px !important;
}

.pt168 {
    padding-top: 168px !important;
}

.pl168 {
    padding-left: 168px !important;
}

.pr168 {
    padding-right: 168px !important;
}

.pb168 {
    padding-bottom: 168px !important;
}

.m168 {
    margin: 168px !important;
}

.mt168 {
    margin-top: 168px !important;
}

.ml168 {
    margin-left: 168px !important;
}

.mr168 {
    margin-right: 168px !important;
}

.mb168 {
    margin-bottom: 168px !important;
}

.fz168 {
    font-size: 168px !important;
}

.mx-w840 {
    max-width: 840px;
    display: inline-block;
}

.min-height-viewport-168 {
    min-height: 168vh !important;
}
.p169 {
    padding: 169px !important;
}

.pt169 {
    padding-top: 169px !important;
}

.pl169 {
    padding-left: 169px !important;
}

.pr169 {
    padding-right: 169px !important;
}

.pb169 {
    padding-bottom: 169px !important;
}

.m169 {
    margin: 169px !important;
}

.mt169 {
    margin-top: 169px !important;
}

.ml169 {
    margin-left: 169px !important;
}

.mr169 {
    margin-right: 169px !important;
}

.mb169 {
    margin-bottom: 169px !important;
}

.fz169 {
    font-size: 169px !important;
}

.mx-w845 {
    max-width: 845px;
    display: inline-block;
}

.min-height-viewport-169 {
    min-height: 169vh !important;
}
.p170 {
    padding: 170px !important;
}

.pt170 {
    padding-top: 170px !important;
}

.pl170 {
    padding-left: 170px !important;
}

.pr170 {
    padding-right: 170px !important;
}

.pb170 {
    padding-bottom: 170px !important;
}

.m170 {
    margin: 170px !important;
}

.mt170 {
    margin-top: 170px !important;
}

.ml170 {
    margin-left: 170px !important;
}

.mr170 {
    margin-right: 170px !important;
}

.mb170 {
    margin-bottom: 170px !important;
}

.fz170 {
    font-size: 170px !important;
}

.mx-w850 {
    max-width: 850px;
    display: inline-block;
}

.min-height-viewport-170 {
    min-height: 170vh !important;
}
.p171 {
    padding: 171px !important;
}

.pt171 {
    padding-top: 171px !important;
}

.pl171 {
    padding-left: 171px !important;
}

.pr171 {
    padding-right: 171px !important;
}

.pb171 {
    padding-bottom: 171px !important;
}

.m171 {
    margin: 171px !important;
}

.mt171 {
    margin-top: 171px !important;
}

.ml171 {
    margin-left: 171px !important;
}

.mr171 {
    margin-right: 171px !important;
}

.mb171 {
    margin-bottom: 171px !important;
}

.fz171 {
    font-size: 171px !important;
}

.mx-w855 {
    max-width: 855px;
    display: inline-block;
}

.min-height-viewport-171 {
    min-height: 171vh !important;
}
.p172 {
    padding: 172px !important;
}

.pt172 {
    padding-top: 172px !important;
}

.pl172 {
    padding-left: 172px !important;
}

.pr172 {
    padding-right: 172px !important;
}

.pb172 {
    padding-bottom: 172px !important;
}

.m172 {
    margin: 172px !important;
}

.mt172 {
    margin-top: 172px !important;
}

.ml172 {
    margin-left: 172px !important;
}

.mr172 {
    margin-right: 172px !important;
}

.mb172 {
    margin-bottom: 172px !important;
}

.fz172 {
    font-size: 172px !important;
}

.mx-w860 {
    max-width: 860px;
    display: inline-block;
}

.min-height-viewport-172 {
    min-height: 172vh !important;
}
.p173 {
    padding: 173px !important;
}

.pt173 {
    padding-top: 173px !important;
}

.pl173 {
    padding-left: 173px !important;
}

.pr173 {
    padding-right: 173px !important;
}

.pb173 {
    padding-bottom: 173px !important;
}

.m173 {
    margin: 173px !important;
}

.mt173 {
    margin-top: 173px !important;
}

.ml173 {
    margin-left: 173px !important;
}

.mr173 {
    margin-right: 173px !important;
}

.mb173 {
    margin-bottom: 173px !important;
}

.fz173 {
    font-size: 173px !important;
}

.mx-w865 {
    max-width: 865px;
    display: inline-block;
}

.min-height-viewport-173 {
    min-height: 173vh !important;
}
.p174 {
    padding: 174px !important;
}

.pt174 {
    padding-top: 174px !important;
}

.pl174 {
    padding-left: 174px !important;
}

.pr174 {
    padding-right: 174px !important;
}

.pb174 {
    padding-bottom: 174px !important;
}

.m174 {
    margin: 174px !important;
}

.mt174 {
    margin-top: 174px !important;
}

.ml174 {
    margin-left: 174px !important;
}

.mr174 {
    margin-right: 174px !important;
}

.mb174 {
    margin-bottom: 174px !important;
}

.fz174 {
    font-size: 174px !important;
}

.mx-w870 {
    max-width: 870px;
    display: inline-block;
}

.min-height-viewport-174 {
    min-height: 174vh !important;
}
.p175 {
    padding: 175px !important;
}

.pt175 {
    padding-top: 175px !important;
}

.pl175 {
    padding-left: 175px !important;
}

.pr175 {
    padding-right: 175px !important;
}

.pb175 {
    padding-bottom: 175px !important;
}

.m175 {
    margin: 175px !important;
}

.mt175 {
    margin-top: 175px !important;
}

.ml175 {
    margin-left: 175px !important;
}

.mr175 {
    margin-right: 175px !important;
}

.mb175 {
    margin-bottom: 175px !important;
}

.fz175 {
    font-size: 175px !important;
}

.mx-w875 {
    max-width: 875px;
    display: inline-block;
}

.min-height-viewport-175 {
    min-height: 175vh !important;
}
.p176 {
    padding: 176px !important;
}

.pt176 {
    padding-top: 176px !important;
}

.pl176 {
    padding-left: 176px !important;
}

.pr176 {
    padding-right: 176px !important;
}

.pb176 {
    padding-bottom: 176px !important;
}

.m176 {
    margin: 176px !important;
}

.mt176 {
    margin-top: 176px !important;
}

.ml176 {
    margin-left: 176px !important;
}

.mr176 {
    margin-right: 176px !important;
}

.mb176 {
    margin-bottom: 176px !important;
}

.fz176 {
    font-size: 176px !important;
}

.mx-w880 {
    max-width: 880px;
    display: inline-block;
}

.min-height-viewport-176 {
    min-height: 176vh !important;
}
.p177 {
    padding: 177px !important;
}

.pt177 {
    padding-top: 177px !important;
}

.pl177 {
    padding-left: 177px !important;
}

.pr177 {
    padding-right: 177px !important;
}

.pb177 {
    padding-bottom: 177px !important;
}

.m177 {
    margin: 177px !important;
}

.mt177 {
    margin-top: 177px !important;
}

.ml177 {
    margin-left: 177px !important;
}

.mr177 {
    margin-right: 177px !important;
}

.mb177 {
    margin-bottom: 177px !important;
}

.fz177 {
    font-size: 177px !important;
}

.mx-w885 {
    max-width: 885px;
    display: inline-block;
}

.min-height-viewport-177 {
    min-height: 177vh !important;
}
.p178 {
    padding: 178px !important;
}

.pt178 {
    padding-top: 178px !important;
}

.pl178 {
    padding-left: 178px !important;
}

.pr178 {
    padding-right: 178px !important;
}

.pb178 {
    padding-bottom: 178px !important;
}

.m178 {
    margin: 178px !important;
}

.mt178 {
    margin-top: 178px !important;
}

.ml178 {
    margin-left: 178px !important;
}

.mr178 {
    margin-right: 178px !important;
}

.mb178 {
    margin-bottom: 178px !important;
}

.fz178 {
    font-size: 178px !important;
}

.mx-w890 {
    max-width: 890px;
    display: inline-block;
}

.min-height-viewport-178 {
    min-height: 178vh !important;
}
.p179 {
    padding: 179px !important;
}

.pt179 {
    padding-top: 179px !important;
}

.pl179 {
    padding-left: 179px !important;
}

.pr179 {
    padding-right: 179px !important;
}

.pb179 {
    padding-bottom: 179px !important;
}

.m179 {
    margin: 179px !important;
}

.mt179 {
    margin-top: 179px !important;
}

.ml179 {
    margin-left: 179px !important;
}

.mr179 {
    margin-right: 179px !important;
}

.mb179 {
    margin-bottom: 179px !important;
}

.fz179 {
    font-size: 179px !important;
}

.mx-w895 {
    max-width: 895px;
    display: inline-block;
}

.min-height-viewport-179 {
    min-height: 179vh !important;
}
.p180 {
    padding: 180px !important;
}

.pt180 {
    padding-top: 180px !important;
}

.pl180 {
    padding-left: 180px !important;
}

.pr180 {
    padding-right: 180px !important;
}

.pb180 {
    padding-bottom: 180px !important;
}

.m180 {
    margin: 180px !important;
}

.mt180 {
    margin-top: 180px !important;
}

.ml180 {
    margin-left: 180px !important;
}

.mr180 {
    margin-right: 180px !important;
}

.mb180 {
    margin-bottom: 180px !important;
}

.fz180 {
    font-size: 180px !important;
}

.mx-w900 {
    max-width: 900px;
    display: inline-block;
}

.min-height-viewport-180 {
    min-height: 180vh !important;
}
.p181 {
    padding: 181px !important;
}

.pt181 {
    padding-top: 181px !important;
}

.pl181 {
    padding-left: 181px !important;
}

.pr181 {
    padding-right: 181px !important;
}

.pb181 {
    padding-bottom: 181px !important;
}

.m181 {
    margin: 181px !important;
}

.mt181 {
    margin-top: 181px !important;
}

.ml181 {
    margin-left: 181px !important;
}

.mr181 {
    margin-right: 181px !important;
}

.mb181 {
    margin-bottom: 181px !important;
}

.fz181 {
    font-size: 181px !important;
}

.mx-w905 {
    max-width: 905px;
    display: inline-block;
}

.min-height-viewport-181 {
    min-height: 181vh !important;
}
.p182 {
    padding: 182px !important;
}

.pt182 {
    padding-top: 182px !important;
}

.pl182 {
    padding-left: 182px !important;
}

.pr182 {
    padding-right: 182px !important;
}

.pb182 {
    padding-bottom: 182px !important;
}

.m182 {
    margin: 182px !important;
}

.mt182 {
    margin-top: 182px !important;
}

.ml182 {
    margin-left: 182px !important;
}

.mr182 {
    margin-right: 182px !important;
}

.mb182 {
    margin-bottom: 182px !important;
}

.fz182 {
    font-size: 182px !important;
}

.mx-w910 {
    max-width: 910px;
    display: inline-block;
}

.min-height-viewport-182 {
    min-height: 182vh !important;
}
.p183 {
    padding: 183px !important;
}

.pt183 {
    padding-top: 183px !important;
}

.pl183 {
    padding-left: 183px !important;
}

.pr183 {
    padding-right: 183px !important;
}

.pb183 {
    padding-bottom: 183px !important;
}

.m183 {
    margin: 183px !important;
}

.mt183 {
    margin-top: 183px !important;
}

.ml183 {
    margin-left: 183px !important;
}

.mr183 {
    margin-right: 183px !important;
}

.mb183 {
    margin-bottom: 183px !important;
}

.fz183 {
    font-size: 183px !important;
}

.mx-w915 {
    max-width: 915px;
    display: inline-block;
}

.min-height-viewport-183 {
    min-height: 183vh !important;
}
.p184 {
    padding: 184px !important;
}

.pt184 {
    padding-top: 184px !important;
}

.pl184 {
    padding-left: 184px !important;
}

.pr184 {
    padding-right: 184px !important;
}

.pb184 {
    padding-bottom: 184px !important;
}

.m184 {
    margin: 184px !important;
}

.mt184 {
    margin-top: 184px !important;
}

.ml184 {
    margin-left: 184px !important;
}

.mr184 {
    margin-right: 184px !important;
}

.mb184 {
    margin-bottom: 184px !important;
}

.fz184 {
    font-size: 184px !important;
}

.mx-w920 {
    max-width: 920px;
    display: inline-block;
}

.min-height-viewport-184 {
    min-height: 184vh !important;
}
.p185 {
    padding: 185px !important;
}

.pt185 {
    padding-top: 185px !important;
}

.pl185 {
    padding-left: 185px !important;
}

.pr185 {
    padding-right: 185px !important;
}

.pb185 {
    padding-bottom: 185px !important;
}

.m185 {
    margin: 185px !important;
}

.mt185 {
    margin-top: 185px !important;
}

.ml185 {
    margin-left: 185px !important;
}

.mr185 {
    margin-right: 185px !important;
}

.mb185 {
    margin-bottom: 185px !important;
}

.fz185 {
    font-size: 185px !important;
}

.mx-w925 {
    max-width: 925px;
    display: inline-block;
}

.min-height-viewport-185 {
    min-height: 185vh !important;
}
.p186 {
    padding: 186px !important;
}

.pt186 {
    padding-top: 186px !important;
}

.pl186 {
    padding-left: 186px !important;
}

.pr186 {
    padding-right: 186px !important;
}

.pb186 {
    padding-bottom: 186px !important;
}

.m186 {
    margin: 186px !important;
}

.mt186 {
    margin-top: 186px !important;
}

.ml186 {
    margin-left: 186px !important;
}

.mr186 {
    margin-right: 186px !important;
}

.mb186 {
    margin-bottom: 186px !important;
}

.fz186 {
    font-size: 186px !important;
}

.mx-w930 {
    max-width: 930px;
    display: inline-block;
}

.min-height-viewport-186 {
    min-height: 186vh !important;
}
.p187 {
    padding: 187px !important;
}

.pt187 {
    padding-top: 187px !important;
}

.pl187 {
    padding-left: 187px !important;
}

.pr187 {
    padding-right: 187px !important;
}

.pb187 {
    padding-bottom: 187px !important;
}

.m187 {
    margin: 187px !important;
}

.mt187 {
    margin-top: 187px !important;
}

.ml187 {
    margin-left: 187px !important;
}

.mr187 {
    margin-right: 187px !important;
}

.mb187 {
    margin-bottom: 187px !important;
}

.fz187 {
    font-size: 187px !important;
}

.mx-w935 {
    max-width: 935px;
    display: inline-block;
}

.min-height-viewport-187 {
    min-height: 187vh !important;
}
.p188 {
    padding: 188px !important;
}

.pt188 {
    padding-top: 188px !important;
}

.pl188 {
    padding-left: 188px !important;
}

.pr188 {
    padding-right: 188px !important;
}

.pb188 {
    padding-bottom: 188px !important;
}

.m188 {
    margin: 188px !important;
}

.mt188 {
    margin-top: 188px !important;
}

.ml188 {
    margin-left: 188px !important;
}

.mr188 {
    margin-right: 188px !important;
}

.mb188 {
    margin-bottom: 188px !important;
}

.fz188 {
    font-size: 188px !important;
}

.mx-w940 {
    max-width: 940px;
    display: inline-block;
}

.min-height-viewport-188 {
    min-height: 188vh !important;
}
.p189 {
    padding: 189px !important;
}

.pt189 {
    padding-top: 189px !important;
}

.pl189 {
    padding-left: 189px !important;
}

.pr189 {
    padding-right: 189px !important;
}

.pb189 {
    padding-bottom: 189px !important;
}

.m189 {
    margin: 189px !important;
}

.mt189 {
    margin-top: 189px !important;
}

.ml189 {
    margin-left: 189px !important;
}

.mr189 {
    margin-right: 189px !important;
}

.mb189 {
    margin-bottom: 189px !important;
}

.fz189 {
    font-size: 189px !important;
}

.mx-w945 {
    max-width: 945px;
    display: inline-block;
}

.min-height-viewport-189 {
    min-height: 189vh !important;
}
.p190 {
    padding: 190px !important;
}

.pt190 {
    padding-top: 190px !important;
}

.pl190 {
    padding-left: 190px !important;
}

.pr190 {
    padding-right: 190px !important;
}

.pb190 {
    padding-bottom: 190px !important;
}

.m190 {
    margin: 190px !important;
}

.mt190 {
    margin-top: 190px !important;
}

.ml190 {
    margin-left: 190px !important;
}

.mr190 {
    margin-right: 190px !important;
}

.mb190 {
    margin-bottom: 190px !important;
}

.fz190 {
    font-size: 190px !important;
}

.mx-w950 {
    max-width: 950px;
    display: inline-block;
}

.min-height-viewport-190 {
    min-height: 190vh !important;
}
.p191 {
    padding: 191px !important;
}

.pt191 {
    padding-top: 191px !important;
}

.pl191 {
    padding-left: 191px !important;
}

.pr191 {
    padding-right: 191px !important;
}

.pb191 {
    padding-bottom: 191px !important;
}

.m191 {
    margin: 191px !important;
}

.mt191 {
    margin-top: 191px !important;
}

.ml191 {
    margin-left: 191px !important;
}

.mr191 {
    margin-right: 191px !important;
}

.mb191 {
    margin-bottom: 191px !important;
}

.fz191 {
    font-size: 191px !important;
}

.mx-w955 {
    max-width: 955px;
    display: inline-block;
}

.min-height-viewport-191 {
    min-height: 191vh !important;
}
.p192 {
    padding: 192px !important;
}

.pt192 {
    padding-top: 192px !important;
}

.pl192 {
    padding-left: 192px !important;
}

.pr192 {
    padding-right: 192px !important;
}

.pb192 {
    padding-bottom: 192px !important;
}

.m192 {
    margin: 192px !important;
}

.mt192 {
    margin-top: 192px !important;
}

.ml192 {
    margin-left: 192px !important;
}

.mr192 {
    margin-right: 192px !important;
}

.mb192 {
    margin-bottom: 192px !important;
}

.fz192 {
    font-size: 192px !important;
}

.mx-w960 {
    max-width: 960px;
    display: inline-block;
}

.min-height-viewport-192 {
    min-height: 192vh !important;
}
.p193 {
    padding: 193px !important;
}

.pt193 {
    padding-top: 193px !important;
}

.pl193 {
    padding-left: 193px !important;
}

.pr193 {
    padding-right: 193px !important;
}

.pb193 {
    padding-bottom: 193px !important;
}

.m193 {
    margin: 193px !important;
}

.mt193 {
    margin-top: 193px !important;
}

.ml193 {
    margin-left: 193px !important;
}

.mr193 {
    margin-right: 193px !important;
}

.mb193 {
    margin-bottom: 193px !important;
}

.fz193 {
    font-size: 193px !important;
}

.mx-w965 {
    max-width: 965px;
    display: inline-block;
}

.min-height-viewport-193 {
    min-height: 193vh !important;
}
.p194 {
    padding: 194px !important;
}

.pt194 {
    padding-top: 194px !important;
}

.pl194 {
    padding-left: 194px !important;
}

.pr194 {
    padding-right: 194px !important;
}

.pb194 {
    padding-bottom: 194px !important;
}

.m194 {
    margin: 194px !important;
}

.mt194 {
    margin-top: 194px !important;
}

.ml194 {
    margin-left: 194px !important;
}

.mr194 {
    margin-right: 194px !important;
}

.mb194 {
    margin-bottom: 194px !important;
}

.fz194 {
    font-size: 194px !important;
}

.mx-w970 {
    max-width: 970px;
    display: inline-block;
}

.min-height-viewport-194 {
    min-height: 194vh !important;
}
.p195 {
    padding: 195px !important;
}

.pt195 {
    padding-top: 195px !important;
}

.pl195 {
    padding-left: 195px !important;
}

.pr195 {
    padding-right: 195px !important;
}

.pb195 {
    padding-bottom: 195px !important;
}

.m195 {
    margin: 195px !important;
}

.mt195 {
    margin-top: 195px !important;
}

.ml195 {
    margin-left: 195px !important;
}

.mr195 {
    margin-right: 195px !important;
}

.mb195 {
    margin-bottom: 195px !important;
}

.fz195 {
    font-size: 195px !important;
}

.mx-w975 {
    max-width: 975px;
    display: inline-block;
}

.min-height-viewport-195 {
    min-height: 195vh !important;
}
.p196 {
    padding: 196px !important;
}

.pt196 {
    padding-top: 196px !important;
}

.pl196 {
    padding-left: 196px !important;
}

.pr196 {
    padding-right: 196px !important;
}

.pb196 {
    padding-bottom: 196px !important;
}

.m196 {
    margin: 196px !important;
}

.mt196 {
    margin-top: 196px !important;
}

.ml196 {
    margin-left: 196px !important;
}

.mr196 {
    margin-right: 196px !important;
}

.mb196 {
    margin-bottom: 196px !important;
}

.fz196 {
    font-size: 196px !important;
}

.mx-w980 {
    max-width: 980px;
    display: inline-block;
}

.min-height-viewport-196 {
    min-height: 196vh !important;
}
.p197 {
    padding: 197px !important;
}

.pt197 {
    padding-top: 197px !important;
}

.pl197 {
    padding-left: 197px !important;
}

.pr197 {
    padding-right: 197px !important;
}

.pb197 {
    padding-bottom: 197px !important;
}

.m197 {
    margin: 197px !important;
}

.mt197 {
    margin-top: 197px !important;
}

.ml197 {
    margin-left: 197px !important;
}

.mr197 {
    margin-right: 197px !important;
}

.mb197 {
    margin-bottom: 197px !important;
}

.fz197 {
    font-size: 197px !important;
}

.mx-w985 {
    max-width: 985px;
    display: inline-block;
}

.min-height-viewport-197 {
    min-height: 197vh !important;
}
.p198 {
    padding: 198px !important;
}

.pt198 {
    padding-top: 198px !important;
}

.pl198 {
    padding-left: 198px !important;
}

.pr198 {
    padding-right: 198px !important;
}

.pb198 {
    padding-bottom: 198px !important;
}

.m198 {
    margin: 198px !important;
}

.mt198 {
    margin-top: 198px !important;
}

.ml198 {
    margin-left: 198px !important;
}

.mr198 {
    margin-right: 198px !important;
}

.mb198 {
    margin-bottom: 198px !important;
}

.fz198 {
    font-size: 198px !important;
}

.mx-w990 {
    max-width: 990px;
    display: inline-block;
}

.min-height-viewport-198 {
    min-height: 198vh !important;
}
.p199 {
    padding: 199px !important;
}

.pt199 {
    padding-top: 199px !important;
}

.pl199 {
    padding-left: 199px !important;
}

.pr199 {
    padding-right: 199px !important;
}

.pb199 {
    padding-bottom: 199px !important;
}

.m199 {
    margin: 199px !important;
}

.mt199 {
    margin-top: 199px !important;
}

.ml199 {
    margin-left: 199px !important;
}

.mr199 {
    margin-right: 199px !important;
}

.mb199 {
    margin-bottom: 199px !important;
}

.fz199 {
    font-size: 199px !important;
}

.mx-w995 {
    max-width: 995px;
    display: inline-block;
}

.min-height-viewport-199 {
    min-height: 199vh !important;
}
.p200 {
    padding: 200px !important;
}

.pt200 {
    padding-top: 200px !important;
}

.pl200 {
    padding-left: 200px !important;
}

.pr200 {
    padding-right: 200px !important;
}

.pb200 {
    padding-bottom: 200px !important;
}

.m200 {
    margin: 200px !important;
}

.mt200 {
    margin-top: 200px !important;
}

.ml200 {
    margin-left: 200px !important;
}

.mr200 {
    margin-right: 200px !important;
}

.mb200 {
    margin-bottom: 200px !important;
}

.fz200 {
    font-size: 200px !important;
}

.mx-w1000 {
    max-width: 1000px;
    display: inline-block;
}

.min-height-viewport-200 {
    min-height: 200vh !important;
}
/* Pos screen color declaration */
/* line 5, app/assets/stylesheets/vouchers.scss */
#voucher-submit-btn {
  display: none;
}
/* @group Base */
/* line 5, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  user-select: none;
}

/* line 11, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container * {
  box-sizing: border-box;
}

/* line 14, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  clip: rect(0, 0, 0, 0);
  clip-path: inset(100% 100%);
}

/* line 26, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container.chosen-with-drop .chosen-drop {
  clip: auto;
  clip-path: none;
}

/* line 30, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container a {
  cursor: pointer;
}

/* line 35, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}

/* line 42, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

/* @end */
/* @group Single Chosen */
/* line 54, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 25px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}

/* line 71, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container-single .chosen-default {
  color: #999;
}

/* line 74, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 81, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}

/* line 84, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(/pipeline_assets/chosen-sprite-3cde13df3c9baedea2fd869a0935de8e43408ba7dec321fe3c8c4414788b8b41.png) -42px 1px no-repeat;
  font-size: 1px;
}

/* line 93, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}

/* line 97, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}

/* line 100, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}

/* line 107, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/pipeline_assets/chosen-sprite-3cde13df3c9baedea2fd869a0935de8e43408ba7dec321fe3c8c4414788b8b41.png) no-repeat 0px 2px;
}

/* line 114, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}

/* line 121, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: url(/pipeline_assets/chosen-sprite-3cde13df3c9baedea2fd869a0935de8e43408ba7dec321fe3c8c4414788b8b41.png) no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}

/* line 135, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}

/* line 140, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(100% 100%);
}

/* @end */
/* @group Results */
/* line 149, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}

/* line 158, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}

/* line 166, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

/* line 170, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* line 175, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}

/* line 180, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}

/* line 185, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}

/* line 190, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

/* line 193, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
/* line 203, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: linear-gradient(#eee 1%, #fff 15%);
  cursor: text;
}

/* line 215, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

/* line 218, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

/* line 222, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
  width: 25px;
}

/* line 238, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}

/* line 254, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}

/* line 257, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(/pipeline_assets/chosen-sprite-3cde13df3c9baedea2fd869a0935de8e43408ba7dec321fe3c8c4414788b8b41.png) -42px 1px no-repeat;
  font-size: 1px;
}

/* line 266, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}

/* line 271, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  color: #666;
}

/* line 278, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

/* line 280, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

/* line 285, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}

/* line 289, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active  */
/* line 299, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

/* line 304, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background-image: linear-gradient(#eee 20%, #fff 80%);
  box-shadow: 0 1px 0 #fff inset;
}

/* line 313, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}

/* line 316, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}

/* line 321, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

/* line 324, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}

/* @end */
/* @group Disabled Support */
/* line 332, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}

/* line 335, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-disabled .chosen-single {
  cursor: default;
}

/* line 338, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
/* line 345, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-rtl {
  text-align: right;
}

/* line 347, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}

/* line 351, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}

/* line 356, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}

/* line 359, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}

/* line 363, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}

/* line 367, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-rtl .chosen-choices li {
  float: right;
}

/* line 369, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}

/* line 372, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}

/* line 375, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}

/* line 381, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

/* line 385, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}

/* line 389, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}

/* line 392, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: url(/pipeline_assets/chosen-sprite-3cde13df3c9baedea2fd869a0935de8e43408ba7dec321fe3c8c4414788b8b41.png) no-repeat -30px -20px;
  direction: rtl;
}

/* line 398, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}

/* line 402, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  /* line 413, ../usr/local/bundle/gems/chosen-rails-1.9.0/vendor/assets/stylesheets/chosen.scss */
  .chosen-rtl .chosen-search input[type="text"],
.chosen-container-single .chosen-single abbr,
.chosen-container-single .chosen-single div b,
.chosen-container-single .chosen-search input[type="text"],
.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
.chosen-container .chosen-results-scroll-down span,
.chosen-container .chosen-results-scroll-up span {
    background-image: url(/pipeline_assets/chosen-sprite@2x-f811c9f3282470438df5d1b7fe6faf244a0a17124591b467957a91634aac16e8.png) !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}

/* @end */
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *






 */

#notification {
    position: absolute;
    width: 450px;
    left: 35%;
    top: -60px;
    border-radius: 5px;
    display: none;
    text-align: center;
    z-index: 99999;
}

.tab-info {
    display: none;
}

#product_supplier_select_chosen {
    width: 100% !important;
}

#change-discount {
    margin-top: 100px;
}
.print-padding{
    border-radius: 5px;
    padding: 5px;
    border: 1px solid;
}

/*=====================================================*/
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
}

.wrapper {
    display: flex;
    height: 100vh;
    width: 100%;
    overflow: auto;
}

.sidebar {
    width: 250px;
    background-color: #2c3e50;
    color: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    transition: all 0.3s ease;
    z-index: 1000;
}

.sidebar-header {
    padding: 15px 15px;
    background: #17a2b8;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sidebar-brand-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sidebar-header-brand {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.sidebar-logo {
    height: 44px;
    border-radius: 4px;
    background: #fff;
    padding: 2px;
}

.sidebar-brand-title {
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap;
    color: #fff;
}

.sidebar-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar-menu li {
    padding: 12px 15px;
}

.sidebar-menu li a {
    color: #ecf0f1;
    text-decoration: none;
    display: block;
}

.sidebar-menu li a:hover {
    background-color: #34495e;
    border-radius: 4px;
}

.main-content {
    margin-left: 250px;
    padding-bottom: 16rem !important;
    width: calc(100% - 250px);
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    transition: margin-left 0.3s ease, width 0.3s ease;
}

.main-content::-webkit-scrollbar {
    width: 0;
}

.main-content.scrolling::-webkit-scrollbar {
    width: 6px;
}

.main-content::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

.sidebar-collapsed .sidebar {
    margin-left: -250px;
}

.sidebar-collapsed .main-content {
    margin-left: 0;
    width: 100%;
}

.navbar, .footer {
    margin-left: 250px;
    width: calc(100% - 250px);
    transition: margin-left 0.3s ease, width 0.3s ease;
}

.sidebar-collapsed .navbar, .sidebar-collapsed .footer {
    margin-left: 0;
    width: 100%;
}

.footer {
    padding: 15px 20px;
    background-color: #f5f5f5;
    text-align: center;
    color: #333;
}

.sidebar-toggle-btn {
    position: fixed;
    top: 0;
    left: 250px;
    z-index: 1100;
    background: #17a2b8;
    color: #fff;
    border: none;
    padding: 10px 12px;
    border-radius: 4px;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.3s ease;
    height: 52px;
}

.sidebar-collapsed .sidebar-toggle-btn {
    left: 10px;
}

.sidebar-toggle-btn:hover {
    background-color: #1a252f;
}

/*# sourceMappingURL=application.css-ecd5bf74ef9bdf32c5eedf4b27669c699443753a3dbaff7bb8038aa26db7ccae.map */