/*-- Chart --*/
.c3 svg {
  font: 10px sans-serif;
  -webkit-tap-highlight-color: transparent;
}

.c3 path, .c3 line {
  fill: none;
  stroke: #000;
}

.c3 text {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.c3-legend-item-tile,
.c3-xgrid-focus,
.c3-ygrid,
.c3-event-rect,
.c3-bars path {
  shape-rendering: crispEdges;
}

.c3-chart-arc path {
  stroke: #fff;
}

.c3-chart-arc text {
  fill: #fff;
  font-size: 13px;
}

/*-- Axis --*/
/*-- Grid --*/
.c3-grid line {
  stroke: #aaa;
}

.c3-grid text {
  fill: #aaa;
}

.c3-xgrid, .c3-ygrid {
  stroke-dasharray: 3 3;
}

/*-- Text on Chart --*/
.c3-text.c3-empty {
  fill: #808080;
  font-size: 2em;
}

/*-- Line --*/
.c3-line {
  stroke-width: 1px;
}

/*-- Point --*/
.c3-circle._expanded_ {
  stroke-width: 1px;
  stroke: white;
}

.c3-selected-circle {
  fill: white;
  stroke-width: 2px;
}

/*-- Bar --*/
.c3-bar {
  stroke-width: 0;
}

.c3-bar._expanded_ {
  fill-opacity: 1;
  fill-opacity: 0.75;
}

/*-- Focus --*/
.c3-target.c3-focused {
  opacity: 1;
}

.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {
  stroke-width: 2px;
}

.c3-target.c3-defocused {
  opacity: 0.3 !important;
}

/*-- Region --*/
.c3-region {
  fill: steelblue;
  fill-opacity: 0.1;
}

/*-- Brush --*/
.c3-brush .extent {
  fill-opacity: 0.1;
}

/*-- Select - Drag --*/
/*-- Legend --*/
.c3-legend-item {
  font-size: 12px;
}

.c3-legend-item-hidden {
  opacity: 0.15;
}

.c3-legend-background {
  opacity: 0.75;
  fill: white;
  stroke: lightgray;
  stroke-width: 1;
}

/*-- Title --*/
.c3-title {
  font: 14px sans-serif;
}

/*-- Tooltip --*/
.c3-tooltip-container {
  z-index: 10;
}

.c3-tooltip {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #fff;
  empty-cells: show;
  -webkit-box-shadow: 7px 7px 12px -9px #777777;
  -moz-box-shadow: 7px 7px 12px -9px #777777;
  box-shadow: 7px 7px 12px -9px #777777;
  opacity: 0.9;
}

.c3-tooltip tr {
  border: 1px solid #CCC;
}

.c3-tooltip th {
  background-color: #aaa;
  font-size: 14px;
  padding: 2px 5px;
  text-align: left;
  color: #FFF;
}

.c3-tooltip td {
  font-size: 13px;
  padding: 3px 6px;
  background-color: #fff;
  border-left: 1px dotted #999;
}

.c3-tooltip td > span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
}

.c3-tooltip td.value {
  text-align: right;
}

/*-- Area --*/
.c3-area {
  stroke-width: 0;
  opacity: 0.2;
}

/*-- Arc --*/
.c3-chart-arcs-title {
  dominant-baseline: middle;
  font-size: 1.3em;
}

.c3-chart-arcs .c3-chart-arcs-background {
  fill: #e0e0e0;
  stroke: none;
}

.c3-chart-arcs .c3-chart-arcs-gauge-unit {
  fill: #000;
  font-size: 16px;
}

.c3-chart-arcs .c3-chart-arcs-gauge-max {
  fill: #777;
}

.c3-chart-arcs .c3-chart-arcs-gauge-min {
  fill: #777;
}

.c3-chart-arc .c3-gauge-value {
  fill: #000;
  /*  font-size: 28px !important;*/
}

.c3-chart-arc.c3-target g path {
  opacity: 1;
}

.c3-chart-arc.c3-target.c3-focused g path {
  opacity: 1;
}

/* Chosen v1.4.2 | (c) 2011-2015 by Harvest | MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.chosen-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  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);
}

.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}

.chosen-container a {
  cursor: pointer;
}

.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: 400;
  color: #999;
}

.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

.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: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
  background: -moz-linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
  background: -o-linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
  background: linear-gradient(top, #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;
}

.chosen-container-single .chosen-default {
  color: #999;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(/assets/chosen-sprite-be41353ea3d3f155ec2c7e20ee8da4cf2a9e38b769017b432ac4b55ada960160.png) -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/assets/chosen-sprite-be41353ea3d3f155ec2c7e20ee8da4cf2a9e38b769017b432ac4b55ada960160.png) no-repeat 0 2px;
}

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}

.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: #fff url(/assets/chosen-sprite-be41353ea3d3f155ec2c7e20ee8da4cf2a9e38b769017b432ac4b55ada960160.png) no-repeat 100% -20px;
  background: url(/assets/chosen-sprite-be41353ea3d3f155ec2c7e20ee8da4cf2a9e38b769017b432ac4b55ada960160.png) no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

.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;
}

.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;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}

.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: 700;
  cursor: default;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
  background-image: -webkit-linear-gradient(#eee 1%, #fff 15%);
  background-image: -moz-linear-gradient(#eee 1%, #fff 15%);
  background-image: -o-linear-gradient(#eee 1%, #fff 15%);
  background-image: linear-gradient(#eee 1%, #fff 15%);
  cursor: text;
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.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;
}

.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: #eee;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  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;
}

.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}

.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(/assets/chosen-sprite-be41353ea3d3f155ec2c7e20ee8da4cf2a9e38b769017b432ac4b55ada960160.png) -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.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: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #eee), color-stop(80%, #fff));
  background-image: -webkit-linear-gradient(#eee 20%, #fff 80%);
  background-image: -moz-linear-gradient(#eee 20%, #fff 80%);
  background-image: -o-linear-gradient(#eee 20%, #fff 80%);
  background-image: linear-gradient(#eee 20%, #fff 80%);
  box-shadow: 0 1px 0 #fff inset;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: 0;
  background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}

.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active .chosen-choices li.search-field input[type=text] {
  color: #222 !important;
}

.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

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

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}

.chosen-rtl .chosen-choices li {
  float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type=text] {
  direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}

.chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop {
  left: 9999px;
}

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: 0;
}

.chosen-rtl .chosen-search input[type=text] {
  padding: 4px 5px 4px 20px;
  background: #fff url(/assets/chosen-sprite-be41353ea3d3f155ec2c7e20ee8da4cf2a9e38b769017b432ac4b55ada960160.png) no-repeat -30px -20px;
  background: url(/assets/chosen-sprite-be41353ea3d3f155ec2c7e20ee8da4cf2a9e38b769017b432ac4b55ada960160.png) no-repeat -30px -20px;
  direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .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(/assets/chosen-sprite@2x-f811c9f3282470438df5d1b7fe6faf244a0a17124591b467957a91634aac16e8.png) !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
.ntd-tour-cutout-ring {
  position: fixed;
  z-index: 99991;
  border-radius: 6px;
  box-shadow: 0 0 0 9999px rgba(15, 22, 50, 0.68);
  pointer-events: none;
  transition: top 0.35s cubic-bezier(0.4, 0, 0.2, 1), left 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1), height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease;
  outline: 2.5px solid #6e8ed4;
}

#ntd-tour-popover {
  position: fixed;
  z-index: 99999;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 8px 32px rgba(51, 74, 140, 0.22), 0 2px 8px rgba(0, 0, 0, 0.1);
  width: 340px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  transition: top 0.35s cubic-bezier(0.4, 0, 0.2, 1), left 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease;
  overflow: visible;
}
#ntd-tour-popover .ntd-tp-header {
  background: #334a8c;
  color: #fff;
  padding: 12px 16px 10px;
  border-radius: 8px 8px 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
#ntd-tour-popover .ntd-tp-header-left {
  display: flex;
  align-items: center;
  gap: 10px;
}
#ntd-tour-popover .ntd-tp-step-badge {
  background: rgba(255, 255, 255, 0.18);
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  padding: 2px 9px;
  white-space: nowrap;
  letter-spacing: 0.02em;
}
#ntd-tour-popover .ntd-tp-title {
  font-size: 15px;
  font-weight: 700;
  flex: 1;
  line-height: 1.2;
}
#ntd-tour-popover .ntd-tp-close {
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.75);
  font-size: 20px;
  cursor: pointer;
  padding: 0 0 0 6px;
  line-height: 1;
  flex-shrink: 0;
  transition: color 0.15s;
}
#ntd-tour-popover .ntd-tp-close:hover {
  color: #fff;
}
#ntd-tour-popover .ntd-tp-body {
  padding: 14px 16px 6px;
  color: #4d4d4d;
  font-size: 13.5px;
  line-height: 1.55;
}
#ntd-tour-popover .ntd-tp-body strong {
  color: #334a8c;
}
#ntd-tour-popover .ntd-tp-progress {
  display: flex;
  gap: 4px;
  padding: 8px 16px 0;
  align-items: center;
}
#ntd-tour-popover .ntd-tp-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #d0d7e8;
  transition: background 0.2s, transform 0.2s;
}
#ntd-tour-popover .ntd-tp-dot.active {
  background: #334a8c;
  transform: scale(1.3);
}
#ntd-tour-popover .ntd-tp-dot.done {
  background: #6e8ed4;
}
#ntd-tour-popover .ntd-tp-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px 14px;
  gap: 8px;
}
#ntd-tour-popover .ntd-tp-btn {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  border-radius: 4px;
  padding: 6px 18px;
  cursor: pointer;
  border: none;
  transition: background 0.15s, color 0.15s;
  letter-spacing: 0.01em;
}
#ntd-tour-popover .ntd-tp-btn-primary {
  background: #334a8c;
  color: #fff;
}
#ntd-tour-popover .ntd-tp-btn-primary:hover {
  background: #243566;
}
#ntd-tour-popover .ntd-tp-btn-secondary {
  background: transparent;
  color: #334a8c;
  border: 1.5px solid #d0d7e8;
}
#ntd-tour-popover .ntd-tp-btn-secondary:hover {
  background: #e8ecf7;
}
#ntd-tour-popover .ntd-tp-btn-skip {
  background: none;
  border: none;
  color: #999;
  font-size: 12px;
  cursor: pointer;
  padding: 4px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: underline;
}
#ntd-tour-popover .ntd-tp-btn-skip:hover {
  color: #666;
}
#ntd-tour-popover::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 9px solid transparent;
  display: none;
}
#ntd-tour-popover.arrow-top::before {
  display: block;
  border-bottom-color: #334a8c;
  bottom: 100%;
  left: 36px;
}
#ntd-tour-popover.arrow-bottom::before {
  display: block;
  border-top-color: #334a8c;
  top: 100%;
  left: 36px;
}
#ntd-tour-popover.arrow-right::before {
  display: block;
  border-left-color: #334a8c;
  top: 18px;
  left: 100%;
}
#ntd-tour-popover.arrow-left::before {
  display: block;
  border-right-color: #334a8c;
  top: 18px;
  right: 100%;
}

#ntd-tour-launch-btn {
  position: fixed;
  bottom: 24px;
  left: 24px;
  z-index: 89999;
  background: #334a8c;
  color: #fff;
  border: none;
  border-radius: 24px;
  padding: 10px 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(51, 74, 140, 0.35);
  display: flex;
  align-items: center;
  gap: 8px;
  transition: background 0.15s, transform 0.15s;
  letter-spacing: 0.01em;
}
#ntd-tour-launch-btn:hover {
  background: #243566;
  transform: translateY(-1px);
}

.container-fluid {
  padding-left: 20px;
  padding-right: 20px;
}

body {
  color: #4D4D4D;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.5px;
  padding-bottom: 50px;
  -ms-overflow-style: scrollbar;
}
body .popover {
  min-width: 100px;
  width: auto;
}
body .popover .popover-content {
  padding: 2px 5px 5px;
  font-size: 12px;
}
body .popover tr {
  border-bottom: 1px solid RGBA(248, 248, 248, 1);
}
body .popover tr td {
  padding: 3px 8px;
  color: #444;
  position: relative;
}
body .popover tr td a {
  position: absolute;
  top: 15px;
  right: 18px;
  font-size: 9px;
}

.gray {
  background: RGBA(248, 248, 248, 1);
}

h1, h2, h3, h4, h5, h6 {
  color: #4D4D4D;
  font-weight: 300;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-weight: 300;
  color: #888;
}

h3 {
  font-size: 18px;
}

a {
  color: #273A71;
  font-weight: 600;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
a:hover, a :focus, a :active {
  text-decoration: none;
  color: RGBA(34, 34, 34, 1);
}

.cross {
  font-size: 24px;
  line-height: 0;
}

.btn {
  background: #334A8C;
  border: 1px solid #054074;
}
.btn.btn-link {
  border: 1px solid transparent;
  background: transparent;
  color: gray;
}

.no-btn {
  border-radius: 2px;
  padding: 2px 8px;
  color: #334A8C;
  font-size: 80%;
  border: 1px solid rgba(128, 128, 128, 0.5);
  font-weight: bold;
}
.no-btn:hover {
  background: rgba(128, 128, 128, 0.5);
}

.cta-btn {
  display: inline-block;
  width: 170px;
  background: RGBA(248, 248, 248, 1);
  color: #4D4D4D;
  padding: 10px;
  border-radius: 2px;
  margin: 5px;
  border: 1px solid rgba(128, 128, 128, 0.5);
}
.cta-btn:hover {
  background: rgba(128, 128, 128, 0.5);
}

table th {
  font-size: 12px;
}

.spacer {
  margin: 0 15px;
}

.purple {
  color: #9A449E;
}

.empty {
  padding: 80px 30px;
  text-align: center;
  background: #f9f9f9;
}

.footer-link, .hero-link {
  text-align: center;
  margin-bottom: 80px;
}

hr {
  width: 120px;
  margin: 20 auto;
  border-top: 2px solid RGBA(248, 248, 248, 1);
}
hr.long {
  width: 100%;
  border-top: 1px solid RGBA(248, 248, 248, 1);
}

.page {
  position: relative;
}
.page h1 {
  font-size: 21px;
  text-align: center;
}
.page h1 small {
  display: block;
  margin-top: 8px;
}
.page .back {
  color: #4D4D4D;
  position: absolute;
  top: 1px;
  right: 0;
}
.page .print {
  color: #4D4D4D;
  position: absolute;
  top: 1px;
  right: 55px;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

#report-chart-a, #report-chart-b {
  height: 540px;
  margin-bottom: 50px;
}

.navbar {
  background: #334A8C;
  border-color: transparent;
  height: 80px;
  margin-bottom: 60px;
}
.navbar .navbar-brand {
  padding: 8px 20px;
}
.navbar .navbar-brand img {
  width: 160px;
}
.navbar .navbar-nav > li > a {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  padding: 30px 15px;
  -webkit-transition: background 500ms ease;
  -moz-transition: background 500ms ease;
  -ms-transition: background 500ms ease;
  -o-transition: background 500ms ease;
  transition: all 500ms ease;
}
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus, .navbar .navbar-nav > li > a:active {
  color: #fff;
  background: #273A71;
}
.navbar .navbar-po-search {
  margin: auto;
  text-align: center;
  padding: 30px 15px;
}
.navbar .navbar-po-search input[type=submit].active {
  background-color: #334A8C;
  color: #fff;
}
.navbar .navbar-po-search input[type=submit]:hover {
  background-color: #273A71;
  color: #fff;
}
.navbar .navbar-po-search input[type=submit] {
  border: 1px solid #fff;
  border-radius: 3px;
  background: #334A8C;
  color: #fff;
  border-color: #fff;
  font-weight: bold;
}
.navbar .navbar-po-search input[type=text] {
  background: none;
  color: #fff;
  border: none;
  border-bottom: 1px solid #fff;
  font-weight: bold;
  font-size: 14;
  width: 200px;
}
.navbar .navbar-po-search ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}
.navbar .navbar-po-search :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}
.navbar .navbar-po-search ::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}
.navbar .navbar-right {
  margin-right: 0;
}
.navbar .badge {
  height: 20px;
  width: 20px;
  padding: 4px 7px;
  margin-left: 5px;
}
.navbar .dropdown-toggle {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}
.navbar .dropdown-menu {
  padding: 0;
  background: #273A71;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 2px;
}
.navbar .dropdown-menu li > a {
  color: #fff;
  padding: 10px 15px;
  font-size: 12px;
}
.navbar .dropdown-menu li > a .glyphicon {
  margin-right: 10px;
  font-size: 9px;
}
.navbar .dropdown-menu .divider {
  background: RGBA(255, 255, 255, 0.25);
  margin: 0;
}
.navbar .explanation {
  position: absolute;
  top: 21px;
  right: 3px;
}

.dropdown-toggle:focus, .dropdown-toggle:active {
  text-decoration: none;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: #fff;
  background: #334A8C;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background: #334A8C;
  color: #fff;
}

.navbar-default .navbar-toggle {
  margin: 22px;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #f2f2f2;
}

.navbar-default .navbar-collapse {
  background: #334A8C;
  padding: 0;
}
@media (max-width: 1273px) {
  .navbar-default .navbar-collapse .nav li a {
    display: inline-block;
    padding: 25px 45px;
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 1273px) {
  .navbar-default .navbar-collapse .nav .dropdown a {
    display: inline-block;
    padding: 25px 45px;
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 1273px) {
  .navbar-default .navbar-collapse .nav .dropdown .dropdown-menu {
    position: relative;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
@media (max-width: 1273px) {
  .navbar-default .navbar-collapse .nav .dropdown .dropdown-menu a {
    font-size: 14px;
  }
}
@media (max-width: 1273px) {
  .navbar-default .navbar-collapse .nav .dropdown .dropdown-menu .dropdown-submenu .dropdown-menu {
    left: 2%;
  }
}
@media (max-width: 1273px) {
  .navbar-default .navbar-collapse .nav .dropdown .dropdown-menu .dropdown-submenu .dropdown-menu a {
    font-size: 14px;
  }
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
  color: #fff;
  background: #273A71;
}

.home {
  padding-bottom: 0;
}
.home .footer {
  background: #f9f9f9;
  padding: 10px;
  text-align: center;
}
.home .footer img {
  width: 30px;
}

.home-logo {
  z-index: 9;
  position: absolute;
  width: 160px;
  top: 15px;
  left: 15px;
}

.github {
  position: absolute;
  top: 0;
  right: 0;
}

.hero {
  position: relative;
  height: 720px;
  padding: 120px 60px;
  margin-bottom: 20px;
  overflow: hidden;
  background: rgb(51, 74, 140); /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgb(51, 74, 140) 0%, rgb(153, 71, 156) 99%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgb(51, 74, 140) 0%, rgb(153, 71, 156) 99%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgb(51, 74, 140) 0%, rgb(153, 71, 156) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#334a8c', endColorstr='#99479c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
@media (max-width: 766px) {
  .hero {
    padding: 100px 10px;
  }
}
.hero h1 {
  max-width: 1040px;
  width: 100%;
  margin: 0 auto;
  font-size: 48px;
  color: #fff;
  text-align: center;
}
@media (max-width: 766px) {
  .hero h1 {
    font-size: 30px;
  }
}
.hero img {
  position: absolute;
  bottom: -250px;
  left: 50%;
  width: 720px;
  margin-left: -360px;
}
.hero .login {
  position: absolute;
  top: 15px;
  right: 15px;
  left: inherit;
  width: 90px;
}
@media (max-width: 766px) {
  .hero .login {
    padding: 6px 12px;
  }
}

.values {
  max-width: 1020px;
  margin: 0 auto 120px;
}
.values h2 {
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  margin-top: 60px;
}

.learn-more .btn {
  background: rgb(51, 74, 140); /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgb(51, 74, 140) 0%, rgb(153, 71, 156) 99%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgb(51, 74, 140) 0%, rgb(153, 71, 156) 99%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgb(51, 74, 140) 0%, rgb(153, 71, 156) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#334a8c', endColorstr='#99479c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  color: #fff;
  margin: 0 auto 100px;
  display: table;
  font-size: 18px;
  padding: 12px 30px;
  border-color: transparent;
}

.marketing {
  max-width: 1020px;
  padding: 15px;
  margin: 30px auto;
  height: 360px;
  border-radius: 2px;
  font-size: 18px;
  position: relative;
  background: rgb(234, 234, 234); /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgb(234, 234, 234) 0%, rgb(249, 249, 249) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgb(234, 234, 234) 0%, rgb(249, 249, 249) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgb(234, 234, 234) 0%, rgb(249, 249, 249) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#f9f9f9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  overflow: hidden;
}
.marketing:nth-child(2n) {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+0,eaeaea+100 */
  background: rgb(249, 249, 249); /* Old browsers */
  background: -moz-linear-gradient(45deg, rgb(249, 249, 249) 0%, rgb(234, 234, 234) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, rgb(249, 249, 249) 0%, rgb(234, 234, 234) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, rgb(249, 249, 249) 0%, rgb(234, 234, 234) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eaeaea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.marketing img {
  position: absolute;
  width: 50%;
  top: 30px;
  left: 30px;
}
.marketing span {
  position: absolute;
  top: 80px;
  right: 2%;
  width: 43%;
  font-size: 14px;
}
.marketing span h2 {
  font-size: 16px;
  font-weight: bold;
}
.marketing span a {
  top: 50px;
}
.marketing .learn-more {
  position: absolute;
  bottom: 5px;
  width: 100%;
  text-align: center;
  -webkit-transition: all 500ms linear;
  -moz-transition: all 500ms linear;
  -ms-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
}
.marketing:hover .learn-more {
  -moz-transform: translateX(10px);
  -webkit-transform: translateX(10px);
  -o-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}

.contact-form {
  position: relative;
  margin-top: 100px;
  background: #f2f2f2;
  padding: 50px 0 30px;
}
.contact-form p {
  font-size: 18px;
  margin-bottom: 30px;
}
.contact-form .btn {
  background: rgb(51, 74, 140); /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgb(51, 74, 140) 0%, rgb(153, 71, 156) 99%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgb(51, 74, 140) 0%, rgb(153, 71, 156) 99%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgb(51, 74, 140) 0%, rgb(153, 71, 156) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#334a8c', endColorstr='#99479c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  color: #fff;
  font-size: 18px;
  padding: 12px 30px;
  border-color: transparent;
}
.contact-form .btn:hover {
  background: #ccc;
}
.contact-form .close-contact {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  color: #ccc;
  font-size: 18px;
}

.partners {
  padding: 0 60px;
  margin: 30px auto;
}
.partners img {
  max-height: 30px;
  margin: 10px auto;
  max-width: 100%;
  display: table;
}
.partners .logos {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.messages h2 {
  margin-bottom: 15px;
}
.messages .note:first-child {
  font-size: 21px;
}
.messages .note small {
  background: #f9f9f9;
  display: block;
  margin-top: 5px;
  font-size: 11px;
  padding: 3px;
  margin-bottom: 30px;
}

.inpage-nav {
  margin-top: 20px;
  position: relative;
  width: 50%;
  margin: 0 auto;
}
.inpage-nav .nav-link {
  width: 33.333%;
  float: left;
  display: block;
  font-size: 32px;
  text-align: center;
  padding: 20px 0;
}
.inpage-nav .nav-link a {
  /*border-bottom: 2px solid #e7711b;*/
  padding: 0 8px;
  font-weight: 300;
  font-size: 21px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.inpage-nav .nav-link.plan {
  color: #EEEA4F;
}
.inpage-nav .nav-link.plan a {
  box-shadow: inset 0 -8px 0 #EEEA4F;
}
.inpage-nav .nav-link.plan a:hover {
  box-shadow: inset 0 -15px 0 #EEEA4F;
}
.inpage-nav .nav-link.track {
  color: #ED3333;
}
.inpage-nav .nav-link.track a {
  box-shadow: inset 0 -8px 0 #ED3333;
}
.inpage-nav .nav-link.track a:hover {
  box-shadow: inset 0 -15px 0 #ED3333;
}
.inpage-nav .nav-link.report {
  color: #334A8C;
}
.inpage-nav .nav-link.report a {
  box-shadow: inset 0 -8px 0 #334A8C;
}
.inpage-nav .nav-link.report a:hover {
  box-shadow: inset 0 -15px 0 #334A8C;
}
.inpage-nav .nav-link:after {
  border-bottom: 1px solid #ED3333;
}
.inpage-nav:after {
  display: table;
  clear: both;
  content: " ";
}

.do-something {
  text-align: center;
}
.do-something h1 {
  font-size: 32px;
  font-weight: 400;
}
.do-something .underline {
  position: relative;
  top: 8px;
  width: 210px;
  display: inline-block;
  border-bottom: 2px solid #4D4D4D;
}
.do-something .underline .caret {
  float: right;
  position: relative;
  top: -12px;
}
.do-something .dropdown-menu {
  border: 0;
  border-radius: 2px;
  font-size: 18px;
  width: 210px;
  font-weight: 300;
}
.do-something .dropdown-menu li > a {
  color: #4D4D4D;
  padding: 8px 12px;
}
.do-something .helps {
  position: relative;
  left: 75px;
}
.do-something .helps a {
  color: #334A8C;
  font-size: 11px;
  padding: 0 15px;
}

.updates {
  margin: 50px 0;
}
.updates .head h3 {
  font-weight: 300;
  margin: 0;
  font-size: 18px;
}
.updates .row {
  padding: 4px;
}
.updates .col-sm-9, .updates .col-sm-6, .updates .col-sm-1, .updates .col-sm-12, .updates .col-sm-2, .updates .col-sm-3, .updates .col-md-3 {
  border-bottom: 1px solid #f1f1f1;
  min-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.updates .col-sm-9 .no-btn, .updates .col-sm-6 .no-btn, .updates .col-sm-1 .no-btn, .updates .col-sm-12 .no-btn, .updates .col-sm-2 .no-btn, .updates .col-sm-3 .no-btn, .updates .col-md-3 .no-btn {
  margin-top: -6px;
}
.updates .circle {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  margin: 5px auto 0;
}
.updates .circle.red {
  background: #ED3333;
}
.updates .circle.purple {
  background: #9A449E;
}
.updates .circle.yellow {
  background: #EEEA4F;
}
.updates .circle.white {
  border: 1px solid #ccc;
  background: #fff;
}
.updates .no-btn {
  background: transparent;
  border: none;
}
.updates .no-btn:hover {
  background: RGBA(248, 248, 248, 1);
}
.updates .column-headers {
  font-weight: 500;
}
.updates .year-btns {
  float: right;
}
.updates .year-btns form {
  float: left;
  margin: 5px;
}

.numbers .number {
  margin: 0 0 30px;
}
.numbers .number h2 {
  font-size: 21px;
  margin-bottom: 0;
}
.numbers .number div {
  color: #9A449E;
  font-size: 54px;
  font-weight: bold;
}
.numbers .number div.countries {
  font-size: 84px;
}
.numbers .table > thead > tr > th, .numbers .table > thead > tr > td, .numbers .table > tbody > tr > th, .numbers .table > tbody > tr > td {
  border-top: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
  text-align: center;
  font-size: 12px;
  padding: 25px 0;
}
.numbers .table > thead > tr > th.last, .numbers .table > thead > tr > td.last, .numbers .table > tbody > tr > th.last, .numbers .table > tbody > tr > td.last {
  border-right: 0;
}
.numbers .table > thead > tr > th:hover, .numbers .table > thead > tr > td:hover, .numbers .table > tbody > tr > th:hover, .numbers .table > tbody > tr > td:hover {
  background: #f1f1f1;
}
.numbers .table tr:hover {
  background: #f9f9f9;
}
.numbers .table > tbody + tbody {
  border-top: none;
}
.numbers .table tbody tr th, .numbers .table thead tr th:first-child {
  border-right: 2px solid #f1f1f1;
}
.numbers .table > thead > tr > th {
  border-top: none !important;
  border-bottom: 2px solid #f1f1f1;
}
.numbers .table > tr > td {
  border-color: red;
}

.dhl {
  width: 80px;
  margin: 50px auto 48px;
  display: table;
}

.gsk {
  width: 60px;
  margin: 36px auto 35px;
  display: table;
}

.purchase-orders .purchase-orders-row {
  margin: 15px;
}
.purchase-orders .purchase-orders-row .head h3 {
  font-weight: 300;
  margin: 0;
  font-size: 18px;
}
.purchase-orders .purchase-orders-row .row {
  padding: 4px;
}
.purchase-orders .purchase-orders-row .col-sm-12, .purchase-orders .purchase-orders-row .col-sm-8, .purchase-orders .purchase-orders-row .col-sm-4 {
  border-bottom: 1px solid #f1f1f1;
  min-height: 24px;
}
.purchase-orders .purchase-orders-row .col-sm-12 input, .purchase-orders .purchase-orders-row .col-sm-8 input, .purchase-orders .purchase-orders-row .col-sm-4 input {
  float: right;
}
.purchase-orders .purchase-orders-row .col-sm-12 .no-btn, .purchase-orders .purchase-orders-row .col-sm-8 .no-btn, .purchase-orders .purchase-orders-row .col-sm-4 .no-btn {
  margin-top: -2px;
}
.purchase-orders .purchase-orders-row svg {
  float: right;
  margin-right: 30px;
}
.purchase-orders .po-btns {
  text-align: center;
}
.purchase-orders .hidden-controls {
  background: #f9f9f9;
  padding: 30px;
  margin-top: 15px;
}
.purchase-orders .hidden-controls .form-group {
  margin: 0;
}
.purchase-orders div.row.column-headers {
  font-weight: 500;
}
.purchase-orders .documents {
  background: #f9f9f9;
  padding: 15px 15px 1px;
}
.purchase-orders .documents h3 {
  margin-top: 0;
}
.purchase-orders .documents .document {
  border-bottom: 1px solid #ccc;
  margin-bottom: 5px;
  padding: 5px;
}
.purchase-orders .documents svg {
  vertical-align: middle;
}
.purchase-orders .documents .upload-doc {
  margin-top: 30px;
}

.purchase-orders-dashboard .yadcf-filter-reset-button {
  position: absolute;
  top: 5px;
  right: 20px;
  background: transparent;
  border: none;
}
.purchase-orders-dashboard .dataTables_wrapper {
  margin: 50px 0;
}
.purchase-orders-dashboard .dataTables_wrapper.no-footer .dataTables_scrollBody {
  border: none;
}
.purchase-orders-dashboard table.dataTable thead th, .purchase-orders-dashboard table.dataTable thead td {
  border-bottom: 1px solid #ddd;
}
.purchase-orders-dashboard .dataTables_wrapper .dataTables_length {
  float: right;
  padding-top: 0.25em;
}
.purchase-orders-dashboard .chosen-container {
  width: 100% !important;
}
.purchase-orders-dashboard .yadcf-filter, .purchase-orders-dashboard .chosen-container-multi .chosen-choices, .purchase-orders-dashboard .dataTables_length select {
  display: block;
  width: 100%;
  height: 34px;
  padding: 3px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #4D4D4D;
  background-color: #fff;
  background-image: none;
  border: 1px solid rgba(128, 128, 128, 0.5);
  border-radius: 4px;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.purchase-orders-dashboard .yadcf-filter:focus, .purchase-orders-dashboard .chosen-container-multi .chosen-choices:focus, .purchase-orders-dashboard .dataTables_length select:focus {
  border: 1px solid #EEEA4F;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.purchase-orders-dashboard .dataTables_length select {
  display: inline;
  width: 60px;
  text-align: center;
}
.purchase-orders-dashboard .dataTables_wrapper .dataTables_paginate .paginate_button.current, .purchase-orders-dashboard .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: none;
  background-color: white;
  background: #ddd !important;
}

.core-form .row {
  margin: 5px;
}
.core-form .row .col-sm-12 {
  min-height: 24px;
  padding: 3px 15px;
}
.core-form .row .col-sm-12 label {
  margin: 3px 0 -3px;
}
.core-form .row .col-sm-12 input {
  float: right;
}
.core-form .required {
  border-radius: 1px;
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
}
.core-form .present-required {
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  border-radius: 1px;
}

.reporting .col-sm-12 {
  border-bottom: 1px solid #f1f1f1;
  min-height: 28px;
  padding: 5px 5px 0;
}
.reporting .col-sm-12 a {
  float: right;
  margin-top: -1px;
  font-size: 12px;
}
.reporting .col-sm-12 a.pin {
  margin-right: 30px;
  display: none;
}
.reporting .col-sm-12:hover a.pin {
  display: inline;
  color: #aaa;
}

.all-pinned {
  margin-top: 50px;
  margin-bottom: 20px;
}
.all-pinned hr {
  margin-bottom: 50px;
}
.all-pinned h3 {
  font-size: 18px;
  margin: 0;
}
.all-pinned .col-sm-12 {
  border-bottom: 1px solid #f1f1f1;
  min-height: 24px;
}
.all-pinned .edit {
  float: right;
  position: relative;
  top: -23px;
  right: 5px;
}
.all-pinned #chart {
  margin-bottom: 0;
  background: #fff;
}
.all-pinned .pinned {
  margin-bottom: 40px;
}
.all-pinned .pinned .planner {
  margin-left: 30px;
  height: 310px !important;
}
.all-pinned .table {
  margin-bottom: 0;
}

.c3 svg {
  font-family: "franklin-gothic-urw", sans-serif;
  font-size: 18px;
}

.c3-chart .c3-chart-lines .c3-line-data1 {
  stroke: #EEEA4F !important;
}

.c3-chart .c3-chart-lines .c3-area-data1 {
  opacity: 1 !important;
}

.c3-chart .c3-chart-lines .c3-area {
  opacity: 0.8 !important;
}

.c3-axis {
  font-size: 12px;
}

#chart .c3-line-Minimum-Stock, #chart .c3-line-Soft-Demand, #chart2 .c3-line-Minimum-Stock, #chart2 .c3-line-Soft-Demand {
  stroke-dasharray: 5, 10;
}
#chart .c3-line-Hard-Demand, #chart .c3-line-Available, #chart2 .c3-line-Hard-Demand, #chart2 .c3-line-Available {
  stroke-width: 3px;
}
#chart .c3-legend-item-Open-Stock, #chart .c3-legend-item-Manufactured, #chart2 .c3-legend-item-Open-Stock, #chart2 .c3-legend-item-Manufactured {
  display: none;
}
#chart .c3-legend-item-Available .c3-legend-item-tile, #chart .c3-legend-hover-Available .c3-legend-hover-tile, #chart2 .c3-legend-item-Available .c3-legend-item-tile, #chart2 .c3-legend-hover-Available .c3-legend-hover-tile {
  stroke: #9A449E !important;
}

.po-tracking .header-info {
  text-align: center;
}
.po-tracking .header-info h1 {
  margin-bottom: 5px;
}
.po-tracking .header-info small {
  display: block;
}
.po-tracking .header-info > div {
  margin-top: 5px;
}
.po-tracking .circle {
  border-radius: 100%;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  display: inline-block;
  position: relative;
  top: 1px;
}
.po-tracking .circle.green {
  background: #50B650;
}
.po-tracking .circle.yellow {
  background: #EEEA4F;
}
.po-tracking .circle.red {
  background: #ED3333;
}
.po-tracking .nav-tabs {
  margin-top: 15px;
}
.po-tracking .nav-tabs li.active > a {
  background: #f9f9f9;
  color: #273A71;
}
.po-tracking .nav-tabs .minor-tab {
  float: right;
}
.po-tracking .po-tracking-row {
  background: #f9f9f9;
  margin: 0 0 30px;
}
.po-tracking .po-tracking-row .po-tracking-wrapper {
  position: relative;
  padding: 10px 30px;
}
.po-tracking .po-tracking-row .po-tracking-wrapper nav {
  margin: 0 auto;
  display: table;
}
.po-tracking .po-tracking-row .po-tracking-wrapper .edit_purchase_order .checkbox {
  position: absolute;
  top: 80px;
  right: inherit;
}
.po-tracking .po-tracking-row .po-tracking-wrapper .cd-breadcrumb li a {
  cursor: pointer;
}
.po-tracking .po-tracking-row .po-tracking-wrapper .cd-breadcrumb li .past, .po-tracking .po-tracking-row .po-tracking-wrapper .cd-breadcrumb li .current {
  cursor: pointer;
}
.po-tracking .po-tracking-row .po-tracking-wrapper .col-sm-6 {
  /*height: 32px;*/
  margin-bottom: 10px;
}
.po-tracking .po-tracking-row .po-tracking-wrapper .col-sm-6 input {
  float: right;
  margin-top: -3px;
  width: 180px;
  height: 26px;
  padding: 0 6px;
}
.po-tracking .po-tracking-row .po-tracking-wrapper .col-sm-6 .btn {
  float: right;
  margin-left: 15px;
}
.po-tracking .po-tracking-row .po-tracking-wrapper .col-sm-6 .submit-btn {
  float: none;
  margin-left: 0;
  width: 80px;
}
.po-tracking .po-tracking-row .head h3 {
  font-weight: 300;
  margin: 0;
  font-size: 18px;
}
.po-tracking .po-tracking-row .status {
  width: 100%;
  background: RGBA(248, 248, 248, 1);
  margin: 0;
  padding: 12px;
}
.po-tracking .po-tracking-row .status.green {
  background: #50B650;
}
.po-tracking .po-tracking-row .status.red {
  background: #ED3333;
}
.po-tracking .po-tracking-row .status.yellow {
  background: #EEEA4F;
}
.po-tracking .po-tracking-row .row {
  padding: 4px 0;
}
.po-tracking .po-tracking-row .col-sm-2, .po-tracking .po-tracking-row .col-sm-4, .po-tracking .po-tracking-row .col-sm-8, .po-tracking .po-tracking-row .col-sm-12 {
  border-bottom: 1px solid #f1f1f1;
  min-height: 24px;
}
.po-tracking .po-tracking-row .col-sm-2 b, .po-tracking .po-tracking-row .col-sm-4 b, .po-tracking .po-tracking-row .col-sm-8 b, .po-tracking .po-tracking-row .col-sm-12 b {
  margin-left: 10px;
}
.po-tracking .po-tracking-row .col-sm-2.left, .po-tracking .po-tracking-row .col-sm-4.left, .po-tracking .po-tracking-row .col-sm-8.left, .po-tracking .po-tracking-row .col-sm-12.left {
  text-align: right;
}
.po-tracking .po-tracking-row .col-sm-2 .no-btn, .po-tracking .po-tracking-row .col-sm-4 .no-btn, .po-tracking .po-tracking-row .col-sm-8 .no-btn, .po-tracking .po-tracking-row .col-sm-12 .no-btn {
  margin-top: -6px;
}
.po-tracking .po-tracking-row .col-sm-2.no-line, .po-tracking .po-tracking-row .col-sm-4.no-line, .po-tracking .po-tracking-row .col-sm-8.no-line, .po-tracking .po-tracking-row .col-sm-12.no-line {
  border-bottom: none;
}

.po-stage-data {
  position: relative;
  padding: 15px !important;
  margin-bottom: 50px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.02);
}
.po-stage-data .row {
  margin: 0;
}
.po-stage-data .col-sm-2 {
  border-bottom: none !important;
}
.po-stage-data .step h2 {
  margin: 0 0 30px 0;
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
  font-size: 21px;
  text-align: center;
}
.po-stage-data .step h4 {
  text-align: center;
}
.po-stage-data .step .batches {
  margin-top: -25px;
}
.po-stage-data .step .batches .form-group {
  display: flex !important;
}
.po-stage-data .step .batches .form-group:after {
  display: table;
  clear: both;
  content: " ";
}
.po-stage-data .step .batches .form-control {
  width: 32.3333% !important;
  margin-right: 1%;
}
.po-stage-data .step .batches .form-group select {
  margin-right: 10px !important;
  width: 32.3333% !important;
}
.po-stage-data .step.mda-step, .po-stage-data .step.country-step {
  /*margin: 0 -15px;*/
}
.po-stage-data .step.mda-step h2, .po-stage-data .step.country-step h2 {
  margin: 0;
}
.po-stage-data .origin {
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 12px;
}
@media (max-width: 450px) {
  .po-stage-data .origin {
    position: relative;
    right: inherit;
  }
}
.po-stage-data:after {
  display: table;
  clear: both;
  content: " ";
}

.stage-nav {
  position: absolute;
  display: block;
  bottom: -50px;
  left: 0;
  width: 100%;
}
.stage-nav .previous-stage {
  display: inline-block;
  position: relative;
  margin-left: 15px;
  width: auto;
  height: 35px;
  color: #fff;
  background-color: #334A8C;
  border-color: #334A8C;
  border-radius: 0 4px 4px 0;
  line-height: 22px;
}
.stage-nav .previous-stage:after {
  border-right: 15px solid #334A8C;
}
.stage-nav .previous-stage:after {
  content: "";
  position: absolute;
  border-bottom: 18px solid transparent;
  border-top: 18px solid transparent;
  height: 0px;
  width: 0px;
  margin-left: -15px;
  top: -1px;
  left: 0;
}
.stage-nav .next-stage {
  display: inline-block;
  position: relative;
  margin-right: 15px;
  width: auto;
  height: 35px;
  color: #fff;
  background-color: #334A8C;
  border-color: #334A8C;
  border-radius: 4px 0 0 4px;
  line-height: 22px;
}
.stage-nav .next-stage:after {
  border-left: 15px solid #334A8C;
}
.stage-nav .next-stage:after {
  content: "";
  position: absolute;
  border-bottom: 18px solid transparent;
  border-top: 18px solid transparent;
  height: 0px;
  width: 0px;
  margin-right: -15px;
  top: -1px;
  right: 0;
}

.po-table {
  display: block;
  width: 100%;
  border-bottom: 1px solid #ccc;
  margin: 30px 0;
}
.po-table th {
  text-align: center;
  padding: 4px 8px;
}
.po-table td {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.po-table td:last-child {
  border-right: 1px solid #ccc;
}
.po-table td span {
  padding: 4px 8px;
}
.po-table td .form-control {
  border: 1px solid transparent;
  padding: 4px 8px;
}
.po-table td .form-control:focus, .po-table td .form-control:active {
  border: 1px solid #EEEA4F;
}
.po-table td .no-btn {
  margin: 0 auto;
  display: table;
}

.submit-row {
  background: #F1f1f1;
  padding: 1em 2em;
  margin: 1em 0;
  border-radius: 4px;
}

.forecast .po {
  text-align: center;
  font-size: 18px;
}
.forecast .po a {
  box-shadow: inset 0 -8px 0 #ED3333;
  padding: 0 4px;
}
.forecast .po a:hover {
  box-shadow: inset 0 -25px 0 #ED3333;
}

.scenario .filled {
  border-right: 3px solid #EEEA4F;
}
.scenario .filled .col-sm-12 {
  padding-right: 0;
}
.scenario.pinned .planner {
  height: 350px;
}
.scenario table {
  width: 100%;
}
.scenario table .countries {
  max-width: 30%;
}
.scenario table .countries td {
  height: 50px;
  min-width: 100px;
  padding-top: 14px;
}
.scenario table .countries td b {
  font-size: 16px;
}
.scenario table .year {
  max-width: 35%;
}
.scenario table .year tr:first-child {
  /*background: $gray;*/
  border-bottom: none;
}
.scenario table .year tr:first-child {
  /*border: 1px solid $gray;*/
  /*border-bottom: 1px solid rgba(128, 128, 128, 0.5);*/
}
.scenario table .year tr:nth-child(2) {
  background: RGBA(248, 248, 248, 1);
}
.scenario table .year tr:nth-child(2) th {
  font-weight: normal;
}
.scenario table .year tr th, .scenario table .year tr td {
  text-align: center;
  border-top: none;
  border-bottom: none;
}
.scenario table .year tr td {
  min-width: 50px;
  height: 50px;
  padding: 0;
  position: relative;
}
.scenario table .year tr td .x-line {
  height: 1px;
  width: 100%;
  display: block;
  background: rgba(128, 128, 128, 0.5);
  position: absolute;
  top: 25px;
}
.scenario table .year tr td .x-line.thick {
  background: rgb(128, 128, 128);
}
.scenario table .year tr td .y-line {
  height: 50px;
  width: 1px;
  background: rgba(128, 128, 128, 0.5);
  margin: 0 auto;
}
.scenario .planner {
  background: #fff;
  position: relative;
  overflow-x: scroll;
  overflow-y: hidden;
  height: 500px;
}
.scenario .circles .circle {
  background: #ED3333;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  text-align: center;
  padding-top: 12px;
  color: #fff;
  cursor: col-resize;
  font-size: 11px;
}
.scenario .circles .circle.one {
  position: absolute;
  top: 138px;
  left: 130px;
}
.scenario .circles .circle.two {
  position: absolute;
  top: 188px;
  left: 30%;
  background: #EEEA4F;
}
.scenario .circles .circle.three {
  position: absolute;
  top: 238px;
  left: 50%;
  background: #9A449E;
}
.scenario .circles .circle.four {
  position: absolute;
  top: 288px;
  left: 60%;
  background: #ED3333;
}
.scenario .circles .circle.five {
  position: absolute;
  top: 388px;
  left: 90%;
}
.scenario .circles .circle.six {
  position: absolute;
  top: 438px;
  left: 90%;
  background: #9A449E;
}
.scenario .circles .circle .popover {
  min-width: 280px;
}
.scenario .circles .circle .popover .popover-content {
  padding: 5px 0;
  font-size: 12px;
}
.scenario .circles .circle .popover tr {
  border-bottom: 1px solid RGBA(248, 248, 248, 1);
}
.scenario .circles .circle .popover tr td {
  padding: 3px 8px;
  color: #444;
  position: relative;
}
.scenario .circles .circle .popover tr td a {
  position: absolute;
  top: 15px;
  right: 18px;
  font-size: 9px;
}

.app-data {
  display: block;
  width: 100%;
  max-width: 1140px;
  border-top: none;
  border-bottom: 1px solid #ccc;
  margin: 30px 0;
}
.app-data th {
  text-align: center;
  padding: 4px 8px;
  min-width: 100px;
}
.app-data td {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.app-data td span {
  padding: 4px 8px;
}
.app-data td .form-control {
  border: 1px solid transparent;
  padding: 4px 8px;
}
.app-data td .form-control:focus, .app-data td .form-control:active {
  border: 1px solid #EEEA4F;
}
.app-data td .no-btn {
  margin: 0 auto;
  display: table;
}

th.in-stock-total {
  color: #9A449E;
  padding-left: 15px;
}

th.in-stock-total > a {
  color: #9A449E;
  font-weight: bold;
}

.prod-report.gray {
  padding: 50px 30px 30px;
  margin-top: 30px;
}
.prod-report.gray #report-chart-a, .prod-report.gray #report-chart-b {
  margin-bottom: 0;
}
.prod-report .nav-tabs {
  padding-left: 30px;
}
.prod-report .nav-tabs li.active a {
  background: #f9f9f9;
  color: #334A8C;
}
.prod-report .alert-header {
  float: right;
  position: relative;
  width: 230px;
  background-color: #EEEA4F;
  padding: 8px 8px 8px 12px;
  transition: background 1s linear;
  border-radius: 5px;
}
.prod-report .alert-header .btn.btn-xs.dirty-save {
  border-radius: 3px;
}
.prod-report .alert-header .btn.btn-xs.dirty-save:hover {
  background: #00AF2E;
}
.prod-report {
  /*.prod-report-table {
    margin-bottom: 30px;
    border-top: 3px solid $gray;
    tr {
      height: 32px;
      border-bottom: 1px solid $gray;
      td {
        padding: 5px 3px 6px 0px;
        width: 77px;
        min-width: 120px;
        .pr-quantity-field.highlighted {
          color: rgb(214, 208, 0);
          border-color: rgb(214, 208, 0);
        }
      }
    }
    .success-header {
      position: absolute; top:2px; left:-2px; right:10px; bottom:-3px;
      background: #00AF2E;
      transition: background 1s linear;
      border: solid 1px #006E1D;
      border-radius: 3px;
      padding: 3px 5px 7px 9px;
      font: white;
    }
    .td-no-pads {
      width: 125px;
      td {
        padding: 0px;
      }
      td.tabbed {
        padding-left: 25px;
      }
    }
  }*/
}
.prod-report .graph-alert {
  background: #ea9c00;
  transition: background 1s linear;
  border: solid 1px #BB7D00;
  border-radius: 3px;
  padding: 3px 5px 7px 9px;
}
.prod-report .graph-alert .btn.btn-xs.refresh-graph {
  background: white;
  border: solid 1px #BB7D00;
  border-radius: 3px;
}
.prod-report .graph-alert .btn.btn-xs.refresh-graph:hover {
  background: #4E6EB9;
}
.prod-report .pr-spinner {
  width: 45px;
  height: 40px;
  text-align: center;
  font-size: 10px;
  position: absolute;
  bottom: -2px;
  left: 168px;
}
.prod-report .pr-spinner > div {
  background-color: #9A449E;
  height: 100%;
  width: 7px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.prod-report .pr-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.prod-report .pr-spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
.prod-report .tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.mda-planning h1 {
  font-size: 30px;
  font-weight: 400;
}
.mda-planning.gray {
  padding: 50px 30px 30px;
  margin-top: 30px;
}
.mda-planning.gray #report-chart-a, .mda-planning.gray #report-chart-b {
  margin-bottom: 0;
}
.mda-planning .nav-tabs {
  padding-left: 30px;
}
.mda-planning .nav-tabs li.active a {
  background: #f9f9f9;
  color: #334A8C;
}
.mda-planning .alert-header {
  float: right;
  position: relative;
  width: 230px;
  background-color: #EEEA4F;
  padding: 8px 8px 8px 12px;
  transition: background 1s linear;
  border-radius: 5px;
}
.mda-planning .alert-header .btn.btn-xs.dirty-save {
  border-radius: 3px;
}
.mda-planning .alert-header .btn.btn-xs.dirty-save:hover {
  background: #00AF2E;
}
.mda-planning {
  /*.prod-report-table {
    margin-bottom: 30px;
    border-top: 3px solid $gray;
    tr {
      height: 32px;
      border-bottom: 1px solid $gray;
      td {
        padding: 5px 3px 6px 0px;
        width: 77px;
        min-width: 120px;
        .pr-quantity-field.highlighted {
          color: rgb(214, 208, 0);
          border-color: rgb(214, 208, 0);
        }
      }
    }
    .success-header {
      position: absolute; top:2px; left:-2px; right:10px; bottom:-3px;
      background: #00AF2E;
      transition: background 1s linear;
      border: solid 1px #006E1D;
      border-radius: 3px;
      padding: 3px 5px 7px 9px;
      font: white;
    }
    .td-no-pads {
      width: 125px;
      td {
        padding: 0px;
      }
      td.tabbed {
        padding-left: 25px;
      }
    }
  }*/
}
.mda-planning .graph-alert {
  background: #ea9c00;
  transition: background 1s linear;
  border: solid 1px #BB7D00;
  border-radius: 3px;
  padding: 3px 5px 7px 9px;
}
.mda-planning .graph-alert .btn.btn-xs.refresh-graph {
  background: white;
  border: solid 1px #BB7D00;
  border-radius: 3px;
}
.mda-planning .graph-alert .btn.btn-xs.refresh-graph:hover {
  background: #4E6EB9;
}
.mda-planning .pr-spinner {
  width: 45px;
  height: 40px;
  text-align: center;
  font-size: 10px;
  position: absolute;
  bottom: -2px;
  left: 168px;
}
.mda-planning .pr-spinner > div {
  background-color: #9A449E;
  height: 100%;
  width: 7px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.mda-planning .pr-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.mda-planning .pr-spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
.mda-planning .tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

/* MDA Planning full-width table styles */
.mda-planning-table-wrapper {
  width: 100%;
  overflow-x: auto;
  position: relative;
  margin-bottom: 20px;
}

.mda-planning-table {
  min-width: 100%;
}

.fixed-column {
  position: sticky;
  left: 0;
  padding-top: 11px !important;
  background-color: white;
  z-index: 1;
  white-space: nowrap;
  min-width: 180px;
  max-width: none;
  box-shadow: 2px 0 5px -2px rgba(0, 0, 0, 0.2);
}

/* Style for nav-tabs to be full width */
.mda-planning .nav-tabs {
  padding: 0 15px;
}

/* Alert header styling for full width */
.mda-planning .alert-header {
  margin: 0 15px 3px;
}

/* Negative inventory styling */
.negative-inventory {
  color: #dd0318 !important;
  background-color: #f9e8ea !important;
  border: 1px solid #f9e8ea !important;
}

.splash-background {
  background: url(/assets/login_new.jpg) no-repeat;
  background-size: cover;
  background-position: right;
  height: 100vh;
}

.country-btn {
  background-color: rgba(255, 255, 255, 0.8);
  display: block;
  width: 340px;
  margin: 15px;
  padding: 15px;
  text-align: center;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.country-btn.country-page {
  background-color: #EDEFF0;
  margin: 10px 0px 10px 0;
  padding: 10px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.login-container {
  background: rgba(255, 255, 255, 0.8705882353);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1882352941);
  padding: 20px;
  margin-top: 10%;
}
.login-container .country-summary-select {
  margin-top: 20px;
}

.login {
  border-right: 1px solid #d5d5d5;
  padding-right: 20px;
  text-align: center;
}
.login.btn {
  border: none;
}
@media (max-width: 766px) {
  .login {
    border: none;
    padding: 0;
  }
}
.login h1 {
  font-size: 21px;
  text-align: center;
}
.login .country-summary .page {
  background: #334a8c;
  background: -moz-linear-gradient(-45deg, #334a8c 0%, #99479c 99%);
  background: -webkit-linear-gradient(-45deg, #334a8c 0%, #99479c 99%);
  background: linear-gradient(135deg, #334a8c 0%, #99479c 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#334a8c', endColorstr='#99479c',GradientType=1 );
  margin: 40px -15px 0;
  padding: 15px;
}
@media (max-width: 766px) {
  .login .country-summary .page {
    margin: 0 -15px 0;
  }
}
.login .country-summary .page h1 {
  font-size: 21px;
  text-align: center;
  color: white;
}
.login .country-summary .page .lang-selector {
  margin-right: 15px;
}
.login .country-summary .page form {
  margin-top: 20px;
}
.login .form-control {
  border: 1px solid transparent;
}
.login .btn {
  margin-top: 30px;
  display: block;
  width: 100%;
  background: #4D4D4D;
  color: #fff;
}
@media (max-width: 766px) {
  .login {
    padding: 0 15px 10%;
  }
}

.login-logo {
  height: 60px;
}

.password-reset-container .btn {
  margin-top: 30px;
  display: block;
  width: 100%;
  background: #4D4D4D;
  color: #fff;
}

.flags {
  width: 400px;
}
.flags a {
  text-decoration: none;
}

.notification {
  width: auto;
  position: fixed;
  top: 90px;
  left: 10px;
  right: 10px;
  z-index: 90;
  -moz-animation-name: dropHeader;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: eas;
  -moz-animation-duration: 0.6s;
  -webkit-animation-name: dropHeader;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: eas;
  -webkit-animation-duration: 0.6s;
  animation-name: dropHeader;
  animation-iteration-count: 1;
  animation-timing-function: eas;
  animation-duration: 0.6s;
}
.notification.up {
  opacity: 0;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  -moz-transform: translateY(-150px);
  -webkit-transform: translateY(-150px);
  -o-transform: translateY(-150px);
  -ms-transform: translateY(-150px);
  transform: translateY(-150px);
}
.notification .alert-success {
  background-color: #50B650;
  border-color: #50B650;
  color: #fff;
}

.btn-log {
  font-size: 18px;
  width: 154px;
  color: #28A828;
  text-align: center;
  background-color: transparent;
  border: 1px solid #28A828;
}

.btn-log:hover {
  color: #fff;
  background-color: #28A828;
}

@-moz-keyframes dropHeader {
  0% {
    -moz-transform: translateY(-60px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-webkit-keyframes dropHeader {
  0% {
    -webkit-transform: translateY(-60px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@keyframes dropHeader {
  0% {
    transform: translateY(-60px);
  }
  100% {
    transform: translateY(0px);
  }
}
/*Bootstrap Overrides*/
.panel-primary {
  border-color: RGBA(248, 248, 248, 1);
  border-radius: 2px;
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #334A8C;
  border-color: RGBA(248, 248, 248, 1);
  border-radius: 2px;
}

.panel-body {
  padding: 0;
  background: RGBA(248, 248, 248, 1);
}

/*.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
  border-top: 1px solid #fff;
}*/
.input-group-addon {
  color: #4D4D4D;
  border-radius: 2px;
  font-size: 12px;
  font-weight: bold;
}

.form-group label {
  font-size: 12px;
  padding: 0 5px;
  font-weight: normal;
}
.form-group hr {
  width: 100%;
  border-top: 1px solid RGBA(248, 248, 248, 1);
}

.form-control {
  border-radius: 2px;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #4D4D4D;
  border: 1px solid rgba(128, 128, 128, 0.5);
}
.form-control:focus {
  border: 1px solid #EEEA4F;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background: #f9f9f9;
}

.prod-report-table {
  padding: 5px;
  width: 100%;
}
.prod-report-table tbody > tr > th {
  padding-left: 15px;
}
.prod-report-table .input-table {
  margin-bottom: 0;
}
.prod-report-table .clear-padding {
  padding: 0;
  height: 34px;
}
.prod-report-table .clear-padding input {
  padding: 0 6px;
  border: 1px solid #fff;
  background: #f9f9f9;
  height: 33px;
  cursor: pointer;
  border-radius: 0;
}
.prod-report-table .clear-padding input:focus {
  border: 1px solid #EEEA4F;
}
.prod-report-table .clear-padding .no-field {
  padding-top: 7px;
}
.prod-report-table .left-header {
  padding-left: 30px;
  white-space: nowrap;
}

.mda-planning-table {
  padding: 5px;
  width: 100%;
}
.mda-planning-table thead tr.year-row th {
  min-width: 80px;
  font-size: 13px;
}
.mda-planning-table thead tr.month-row th {
  min-width: 80px;
  font-size: 13px;
}
.mda-planning-table tbody > tr > th {
  padding-left: 15px;
}
.mda-planning-table tbody td {
  min-width: 100px;
}
.mda-planning-table .input-table {
  margin-bottom: 0;
}
.mda-planning-table .clear-padding {
  padding: 0;
  height: 34px;
}
.mda-planning-table .clear-padding input {
  padding: 0 6px;
  border: 1px solid #fff;
  height: 38px;
  cursor: pointer;
  border-radius: 0;
}
.mda-planning-table .clear-padding input.disabled {
  background: #f3f3f3;
  border: 1px solid #f3f3f3;
}
.mda-planning-table .clear-padding input:focus {
  border: 1px solid #EEEA4F;
}
.mda-planning-table .clear-padding .no-field {
  padding-top: 7px;
}
.mda-planning-table .left-header {
  padding-left: 30px;
  white-space: nowrap;
}

.pr-quantity-field.highlighted {
  color: rgb(214, 208, 0);
  border-color: rgb(214, 208, 0);
}

.dataTables_scrollBody {
  border-right: 1px solid #111;
}

.country-summary li.active > a, .country-summary li.active > a:hover, .country-summary li.active > a:focus {
  background: #f9f9f9;
  color: #273A71;
}
.country-summary .empty {
  margin-top: 0;
}
.country-summary .country-panel h2 {
  margin-top: 0;
}
.country-summary .country-panel .donors img {
  height: 35px;
  margin: 0 25px;
  float: right;
}
.country-summary .back {
  float: right;
  margin-top: 15px;
}
.country-summary .map-info {
  background: RGBA(248, 248, 248, 1);
}
.country-summary .map-info a {
  text-align: center;
  display: block;
}
.country-summary .row-map {
  box-shadow: 2px 2px 10px #B1B1B1;
}
.country-summary .map-container {
  height: 300px;
  overflow: hidden;
}
.country-summary .map-options {
  padding: 5px;
  background-color: RGBA(154, 68, 158, 0.8);
  color: #fff;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.country-summary .map-options a {
  color: #fff;
}
.country-summary .map-options:hover {
  background-color: RGBA(154, 68, 158, 1);
}
.country-summary .map-canvas {
  height: 300px;
}
.country-summary .country-info h4, .country-summary .country-info .indicator-row, .country-summary .country-programmes h4, .country-summary .country-programmes .indicator-row {
  padding: 6px;
  border-bottom: 1px solid #f1f1f1;
}
.country-summary .country-info img, .country-summary .country-programmes img {
  margin: 15px auto;
}
div.col-md-3.country-info {
  margin-right: 150px;
}

a.small-link {
  color: inherit;
  font-size: inherit;
  font-weight: normal;
}

.country-programmes h3 {
  border-bottom: 1px solid #f1f1f1;
}

.country-demands .DTFC_ScrollWrapper .dataTables_empty {
  padding: 40px 0;
  padding-left: 15px;
  padding-right: 0;
  text-align: left;
}

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  border-right: 1px solid #ccc;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #ddd;
  border-top: none;
  border-right: 1px solid #ddd;
}

table.dataTable thead th, table.dataTable thead td {
  border-bottom: 1px solid #ddd;
}

.status-good {
  border-bottom: none;
  font-size: 48px;
  color: #50B650;
}

.status-bad {
  border-bottom: none;
  font-size: 48px;
  color: #ED3333;
}

/* --------------------------------

Basic Style

-------------------------------- */
.cd-breadcrumb, .cd-multi-steps {
  width: 100%;
  padding: 15px 0 0;
  background-color: RGBA(248, 248, 248, 1);
  border-radius: 0.25em;
}
.cd-breadcrumb::after, .cd-multi-steps::after {
  content: "";
  display: table;
  clear: both;
}
.cd-breadcrumb li, .cd-breadcrumb span li, .cd-multi-steps li, .cd-multi-steps span li {
  display: inline-block;
  float: left;
  margin: 0.5em 0;
}
.cd-breadcrumb li::after, .cd-breadcrumb span li::after, .cd-multi-steps li::after, .cd-multi-steps span li::after {
  /* this is the separator between items */
  display: inline-block;
  content: "»";
  margin: 0 0.6em;
  color: tint(#4D4D4D, 50%);
}
.cd-breadcrumb li:last-of-type::after, .cd-breadcrumb span li:last-of-type::after, .cd-multi-steps li:last-of-type::after, .cd-multi-steps span li:last-of-type::after {
  /* hide separator after the last item */
  display: none;
}

/* --------------------------------

Triangle breadcrumb

-------------------------------- */
.po-breadcrumb.triangle {
  /* reset basic style */
  background-color: transparent;
}
.po-breadcrumb.triangle li {
  position: relative;
  padding: 0;
  margin: 4px 4px 4px 0;
}
.po-breadcrumb.triangle li:last-of-type {
  margin-right: 0;
}
.po-breadcrumb.triangle li > * {
  position: relative;
  height: 48px;
  padding: 15px 0 16px 18px;
  color: #4D4D4D;
  background-color: #edeff0;
  /* the border color is used to style its ::after pseudo-element */
  border-color: #edeff0;
}
.po-breadcrumb.triangle li > *:hover {
  background-color: #dddddd;
  border-color: #dddddd;
}
.po-breadcrumb.triangle li > * {
  /* single step */
  width: 125px;
  display: inline-block;
  font-size: 12px;
  text-align: center;
}
.po-breadcrumb.triangle li > * .long {
  display: none;
}
@media (min-width: 1200px) {
  .po-breadcrumb.triangle li > * {
    width: 155px;
    margin-left: 0;
  }
  .po-breadcrumb.triangle li > * .long {
    display: inline;
  }
}
@media (max-width: 992px) {
  .po-breadcrumb.triangle li > * {
    width: 95px;
    padding-top: 19px;
    font-size: 8px;
  }
}
@media (max-width: 768px) {
  .po-breadcrumb.triangle li > * {
    width: 90px;
    padding-top: 19px;
    font-size: 8px;
  }
}
.po-breadcrumb.triangle.green-light li > * {
  width: 135px;
}
@media (max-width: 1200px) {
  .po-breadcrumb.triangle.green-light li > * {
    width: 105px;
  }
}
@media (max-width: 992px) {
  .po-breadcrumb.triangle.green-light li > * {
    width: 80px;
  }
}
.po-breadcrumb.triangle.green-light.not-tracked li > * {
  width: 155px;
}
@media (max-width: 1200px) {
  .po-breadcrumb.triangle.green-light.not-tracked li > * {
    width: 135px;
  }
}
@media (max-width: 992px) {
  .po-breadcrumb.triangle.green-light.not-tracked li > * {
    width: 95px;
  }
}
.po-breadcrumb.triangle li.current > * {
  /* selected step */
  color: #fff;
}
.po-breadcrumb.triangle.green li.current > * {
  /* selected step */
  color: #fff;
  background-color: #50B650;
  border-color: #50B650;
}
.po-breadcrumb.triangle.green li.current > *:hover {
  background-color: #47a547;
  border-color: #47a547;
}
.po-breadcrumb.triangle.green li.past > * {
  /* selected step */
  color: #fff;
  background-color: #A1DAA0;
  border-color: #A1DAA0;
}
.po-breadcrumb.triangle.green li.past > *:hover {
  background-color: #86bd85;
  border-color: #86bd85;
}
.po-breadcrumb.triangle.green li.past-incomplete > * {
  /* selected step */
  color: #fff;
  background-color: #F2F08D;
  border-color: #F2F08D;
}
.po-breadcrumb.triangle.green li.past-incomplete > *:hover {
  background-color: #dedc71;
  border-color: #dedc71;
}
.po-breadcrumb.triangle.red li.current > * {
  /* selected step */
  color: #fff;
  background-color: #ED3333;
  border-color: #ED3333;
}
.po-breadcrumb.triangle.red li.current > *:hover {
  background-color: #cf2323;
  border-color: #cf2323;
}
.po-breadcrumb.triangle.red li.past > * {
  /* selected step */
  color: #fff;
  background-color: #F59594;
  border-color: #F59594;
}
.po-breadcrumb.triangle.red li.past > *:hover {
  background-color: #de7c7a;
  border-color: #de7c7a;
}
.po-breadcrumb.triangle.yellow li.current > * {
  /* selected step */
  color: #4d4d4d;
  background-color: #EEEA4F;
  border-color: #EEEA4F;
}
.po-breadcrumb.triangle.yellow li.current > *:hover {
  background-color: #d8d336;
  border-color: #d8d336;
}
.po-breadcrumb.triangle.yellow li.past > * {
  /* selected step */
  color: #4d4d4d;
  background-color: #F2F08D;
  border-color: #F2F08D;
}
.po-breadcrumb.triangle.yellow li.past > *:hover {
  background-color: #dddb67;
  border-color: #dddb67;
}
.po-breadcrumb.triangle li:first-of-type > * {
  padding-left: 1.6em;
  border-radius: 0.25em 0 0 0.25em;
}
.po-breadcrumb.triangle li:last-of-type > * {
  padding-right: 1.6em;
  border-radius: 0 0.25em 0.25em 0;
}
.no-touch .po-breadcrumb.triangle a:hover {
  /* steps already visited */
  color: #fff;
  background-color: RGBA(45, 58, 92, 0.5);
  border-color: RGBA(45, 58, 92, 0.5);
}
.po-breadcrumb.triangle li::after, .po-breadcrumb.triangle li > *::after {
  /*
    li > *::after is the colored triangle after each item
    li::after is the white separator between two items
  */
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  content: "";
  height: 0;
  width: 0;
  /* 48px is the height of the <a> element */
  border: 24px solid transparent;
  border-right-width: 0;
  border-left-width: 20px;
}
.po-breadcrumb.triangle li::after {
  /* this is the white separator between two items */
  z-index: 1;
  -webkit-transform: translateX(4px);
  -moz-transform: translateX(4px);
  -ms-transform: translateX(4px);
  -o-transform: translateX(4px);
  transform: translateX(4px);
  border-left-color: #fff;
  /* reset style */
  margin: 0;
}
.po-breadcrumb.triangle li > *::after {
  /* this is the colored triangle after each element */
  z-index: 2;
  border-left-color: inherit;
}
.po-breadcrumb.triangle li:last-of-type::after, .po-breadcrumb.triangle li:last-of-type > *::after {
  /* hide the triangle after the last step */
  display: none;
}
.po-breadcrumb.triangle.custom-separator li::after {
  /* reset style */
  background-image: none;
}
.po-breadcrumb.triangle.custom-icons li::after, .po-breadcrumb.triangle.custom-icons li > *::after {
  /* 50px is the height of the <a> element */
  border-top-width: 25px;
  border-bottom-width: 25px;
}

@-moz-document url-prefix() {
  .po-breadcrumb.triangle li::after,
  .po-breadcrumb.triangle li > *::after {
    /* fix a bug on Firefix - tooth edge on css triangle */
    border-left-style: dashed;
  }
}
.purple {
  font-weight: bold;
  color: #9A449E !important;
}

.country-programmes .chosen-container-multi .chosen-choices li.search-choice {
  padding: 3px 5px 3px 5px;
}

.chosen-container-multi .chosen-choices {
  display: block;
  width: 100%;
  height: 34px;
  padding: 3px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #4D4D4D;
  background-color: #fff;
  background-image: none;
  border: 1px solid rgba(128, 128, 128, 0.5);
  border-radius: 2px;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.chosen-container-multi .chosen-choices:focus {
  border: 1px solid #EEEA4F;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.table-holder {
  width: 100%;
  height: 760px;
  overflow-x: scroll;
}

#country-demand-wrapper {
  display: none;
  top: 240px;
  bottom: 0;
}

.popover-content {
  padding: 0px 10px;
  min-width: 180px;
  z-index: 1040;
}
.popover-content .btn {
  width: 100%;
}
.popover-content span {
  float: right;
}
.popover-content .close-popup {
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 16px;
}

.country-demands-table .thead {
  position: relative;
  z-index: 110;
  font-weight: bold;
}
.country-demands-table .thead .table-row {
  padding-top: 15px;
  background: #fff;
}

.country-demands-table .tbody .table-item,
.country-demands-table .tbody .table-item-fixed {
  float: left;
  border-bottom: solid 1px rgba(128, 128, 128, 0.5);
  border-right: 1px solid rgba(128, 128, 128, 0.5);
  width: 200px;
  padding: 5px;
  text-align: center;
  min-height: 32px;
}
.country-demands-table .tbody .table-item.create-country-demand,
.country-demands-table .tbody .table-item-fixed.create-country-demand {
  cursor: pointer;
}

.country-demands-table .tbody .table-item span {
  display: block;
  cursor: pointer;
}

.country-demands-table .tbody .table-item small {
  color: #ccc;
}

.yellow {
  background: #FFFF7E;
}

.green {
  background: #8BEC8B;
}

.blue {
  background: #86B2E3;
}

.country-demands-table .tbody .table-row:after, .country-demands-table .thead .table-row:after {
  display: table;
  clear: both;
  content: " ";
}

.country-demands-table .thead .table-item {
  background: #f9f9f9 !important;
  border-bottom: solid 1px rgba(128, 128, 128, 0.5);
}

.fix-left {
  background: #f9f9f9 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left !important;
}

.pop {
  background: #f9f9f9 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100px !important;
  text-align: center !important;
}
.pop.year-item, .pop.year-item-fixed {
  width: 500px !important;
  position: relative;
}
.pop.year-item a, .pop.year-item-fixed a {
  color: purple;
  font-size: 12px;
  font-weight: 300;
  position: absolute;
  right: 0;
  padding: 2px 5px;
}
.pop.two_pop_drugs {
  width: 200px !important;
}

.year-item.first, .disease-item.first, .drug-item.first,
.year-item-fixed.first, .disease-item-fixed.first, .drug-item-fixed.first {
  background: #fff !important;
  border: none;
  border-right: 1px solid rgba(128, 128, 128, 0.5);
  width: 200px;
}

.drug-item-fixed.first {
  border-bottom: 1px solid rgba(128, 128, 128, 0.5);
}

.year-item, .disease-item, .drug-item,
.year-item-fixed, .disease-item-fixed, .drug-item-fixed {
  float: left;
  text-align: center;
  border-bottom: 1px solid rgba(128, 128, 128, 0.5);
  border-right: 1px solid rgba(128, 128, 128, 0.5);
  min-height: 32px;
  padding: 5px;
  background: #f9f9f9;
  font-weight: bold;
}

.year-item, .year-item-fixed {
  border-top: 1px solid rgba(128, 128, 128, 0.5);
}

.drug-item {
  width: 200px;
}

.year-row:after, .disease-row:after {
  content: " ";
  display: table;
  clear: both;
}

.spinner {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 501;
  background: rgba(255, 255, 255, 0.7);
}

.spin-dot {
  position: absolute;
  top: 200px;
  left: 50%;
  z-index: 502;
  margin-left: -20px;
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: purple;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1s infinite ease-in-out;
  animation: sk-scaleout 1s infinite ease-in-out;
}

.spin-dot-local {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: purple;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1s infinite ease-in-out;
  animation: sk-scaleout 1s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
.photo-copyright {
  position: fixed;
  right: 0px;
  bottom: 0px;
}

.source-link {
  font-size: 8px;
  padding-top: 18px;
}

.kpi-header {
  font-weight: bold;
}

#poKPI .modal-body, #coreForm .modal-body {
  padding: 0;
}
#poKPI .table, #coreForm .table {
  margin-bottom: 0;
}
#poKPI .table th, #coreForm .table th {
  border-top: none;
}
#poKPI .table .form-control, #coreForm .table .form-control {
  height: 25px;
  padding: 0px 6px;
  margin-top: 0;
}

@media (min-width: 768px) {
  #coreForm .container, #balancingImportForm .container, #balancingAddForm .container {
    width: 100%;
  }
}

#updateList .modal-dialog {
  overflow-y: initial !important;
}
#updateList .modal-body {
  max-height: 350px;
  overflow-y: auto;
}

.legend {
  border: 1px solid rgba(128, 128, 128, 0.5);
  text-align: center !important;
}

.comments-container {
  background: #f9f9f9;
  margin: 0 0 30px;
  padding: 15px;
}
.comments-container h3 {
  margin: 0 0 10px;
}
.comments-container .form-group .form-control {
  margin-top: 27px;
  height: 140px;
}
.comments-container .col-sm-2 {
  border-bottom: none !important;
}

.donor-specific-container {
  background: #f9f9f9;
  margin: 0 0 30px;
  padding: 15px;
}
.donor-specific-container h3 {
  margin: 0 0 10px;
}
.donor-specific-container label {
  margin-top: 7px;
}
.donor-specific-container .form-group .form-control {
  margin-top: 27px;
  height: 140px;
}
.donor-specific-container .submit-btn {
  margin-top: 27px;
  float: right;
}

.no-weight {
  font-weight: normal;
  font-size: 14px !important;
}

table.dataTable thead th, table.dataTable thead td {
  min-width: 80px;
  background-color: #fff;
}

.cumulative-filters .row {
  margin-bottom: 1em;
}

.po-filters .row {
  margin-bottom: 1em;
}
.po-filters .btn-primary {
  margin: 15px 0;
}
.po-filters .btn-primary.active {
  background-color: #334A8C;
  color: #fff;
}
.po-filters .btn-primary:hover {
  background-color: #273A71;
  color: #fff;
}

.btn-secondary {
  margin: 15px 0;
}

.btn-secondary.active {
  background-color: RGBA(248, 248, 248, 1);
  color: #fff;
}

.btn-secondary:hover {
  background-color: RGBA(248, 248, 248, 1);
  color: #fff;
}

.purchase-orders-table-top {
  padding-top: 0.755em;
}

.purchase-orders-table-keys span {
  margin-right: 10px;
  margin-left: 5px;
}
@media (max-width: 374px) {
  .purchase-orders-table-keys span {
    margin-right: 0;
    margin-left: 0;
  }
}

#purchase-orders-table_info, #prod-report-table_info, #cumulative-report-table_info, #delivered-po-table_info {
  float: right;
  padding-top: 0;
}

#purchase-orders-table_length, #prod-report-table_length, #cumulative-report-table_length {
  float: left;
  margin: 10px;
}

.purchase-orders-dashboard .dataTables_wrapper {
  margin: 0px;
}

.about-container {
  position: absolute;
  top: 9%;
  right: 5%;
  left: inherit;
  z-index: 999;
}
@media (max-width: 766px) {
  .about-container {
    position: relative;
    margin: 0 auto;
    right: auto;
    text-align: center;
  }
}

.about {
  color: white;
  background: rgb(51, 74, 140); /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgb(51, 74, 140) 0%, rgb(153, 71, 156) 99%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgb(51, 74, 140) 0%, rgb(153, 71, 156) 99%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgb(51, 74, 140) 0%, rgb(153, 71, 156) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#334a8c', endColorstr='#99479c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  border-radius: 5px;
  padding: 15px;
  text-align: center;
  -webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.275);
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.275);
}
.about:hover {
  color: white;
  background: rgb(30.5732984293, 44.3612565445, 83.9267015707); /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgb(30.5732984293, 44.3612565445, 83.9267015707), rgb(135.8127753304, 63.0242290749, 138.4757709251)); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgb(30.5732984293, 44.3612565445, 83.9267015707), rgb(135.8127753304, 63.0242290749, 138.4757709251)); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgb(30.5732984293, 44.3612565445, 83.9267015707), rgb(135.8127753304, 63.0242290749, 138.4757709251)); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#334a8c', endColorstr='#99479c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
@media (max-width: 766px) {
  .about {
    font-size: 12px;
    padding: 5px;
  }
}

.c3-legend-item-Available line {
  stroke: #9A449E !important;
}

.active-countries-table {
  overflow-x: scroll;
}

.count-tablets-table {
  overflow-x: scroll;
}

.info-message-wrapper div {
  display: none;
}

.column-list-container li {
  margin: 2px 0px;
  padding: 0px 5px;
}
.column-list-container li:hover {
  background-color: #334A8C;
  color: #fff;
}

.col-dropdown {
  width: 250px;
}

#special-pos .active a {
  color: #334A8C;
}

.paginate-btns {
  width: 100%;
  margin-left: 40%;
}

.recipient-field {
  width: 90%;
}

#accordion hr {
  width: 100%;
  border-top: 1px solid #ddd;
}

.external-data {
  margin-left: 25%;
}

.popover-links {
  float: none !important;
  display: flex;
}
.popover-links a:first-child {
  margin-right: 5px;
}

.preview-chart .c3-axis-x .tick {
  display: none;
}
.preview-chart .c3-axis-y .tick {
  display: none;
}

.po-priority-page {
  padding-left: 20px;
  padding-right: 20px;
}
.po-priority-page .scroll-left, .po-priority-page .scroll-right {
  cursor: pointer;
}
.po-priority-page td.handle {
  cursor: -webkit-grab;
  cursor: -moz-grab;
}
.po-priority-page td.handle:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
}

#years_chosen .chosen-single, #donors_chosen .chosen-single {
  height: 34px;
  line-height: 2.4;
  font-weight: 300;
  font-size: 14px;
  background: #fff;
  border: 1px solid #AAA;
  box-shadow: 0 0 3px #FFF inset, 0 1px 1px rgba(0, 0, 0, 0.1);
}
#years_chosen .chosen-single div b, #donors_chosen .chosen-single div b {
  display: none;
}

.inactive-link {
  pointer-events: none;
  cursor: default;
  color: #ddd;
}

.balancing-po-table {
  max-height: 300px;
}

.po-priority-table .comment {
  min-width: 240px;
}

.inline-save {
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  height: 60px;
  background-color: #334A8C;
  width: 100%;
  padding: 15px;
}
.inline-save button {
  margin: auto;
}
.inline-save .no-btn {
  color: #fff;
  border-color: transparent;
}

.value-chain {
  margin-top: -60px;
}
.value-chain h2 small {
  display: block;
}
.value-chain .bold {
  font-weight: bold;
}
.value-chain .block {
  margin: 50px 0;
}
.value-chain #chart {
  max-width: 540px;
  width: 540px;
  margin: 60px auto 50px;
}
.value-chain table.kemsa-data th {
  white-space: nowrap;
}
.value-chain table:not(.kemsa-data) tr td:nth-child(2) {
  text-align: right;
  font-weight: bold;
  color: #503390;
  font-size: 18px;
}
.value-chain td.qty {
  width: 50px;
  text-alignment: right;
}
.value-chain .stats .stat {
  border-bottom: 1px solid #ddd;
  padding: 3px;
}
.value-chain .stats .stat:after {
  content: " ";
  clear: both;
  display: table;
}
.value-chain .gray {
  background: #f9f9f9;
  padding: 80px 15px 100px;
  margin-bottom: 30px;
}
.value-chain .gray h1 span {
  color: #503390;
  margin-left: 30px;
}
.value-chain .gray h1 small {
  display: block;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.value-chain .gray table {
  width: 420px;
}
.value-chain .gray table td {
  border-bottom: 1px solid #ddd;
  padding: 3px;
}
.value-chain .gray p {
  margin-top: 30px;
  margin-bottom: 30px;
}
.value-chain .descriptive_stats {
  margin-top: 100px;
  margin-bottom: 100px;
}
.value-chain .descriptive_stats img {
  width: 100px;
  margin: 15px auto;
  display: table;
}
.value-chain .descriptive_stats table {
  width: 100%;
}
.value-chain .descriptive_stats table td {
  border-bottom: 1px solid #ddd;
  padding: 3px;
}
.value-chain .batch_response .stats {
  margin-bottom: 50px;
}
.value-chain .c3-shape.c3-shape.c3-line.c3-line-Success-Responses {
  stroke: #503390 !important;
  stroke-width: 5px;
}
.value-chain .c3-chart-lines .c3-circles.c3-circles-Success-Responses .c3-circle {
  fill: #503390 !important;
  stroke: #503390 !important;
  stroke-width: 0px;
}
.value-chain .key {
  width: 180px;
  background: #fff;
  padding: 15px 15px 5px;
  position: absolute;
  top: 190px;
  right: 30px;
  z-index: 10;
}
.value-chain .key .pin {
  margin-bottom: 10px;
}
.value-chain .key img {
  width: 21px;
  margin-right: 15px;
}
.value-chain #showMap {
  width: 100%;
  height: 720px;
  background: rgba(155, 155, 155, 0.5);
  -webkit-box-shadow: 5px 5px 0 0 rgba(155, 155, 155, 0.5);
  box-shadow: 5px 5px 0 0 rgba(155, 155, 155, 0.5);
}
.value-chain .step-slider-container {
  margin: 50px auto 20px;
  width: 800px;
}
.value-chain .step-slider-container .slider-container {
  margin-left: 80px;
}
.value-chain .step-slider-container .slider-labels div {
  width: 20%;
  display: block;
  float: left;
  text-align: center;
  margin-top: 15px;
  cursor: pointer;
  font-weight: bold;
}
.value-chain .step-slider-container .back-bar {
  height: 15px;
  background: #f2f2f2;
}
.value-chain .step-slider-container .back-bar .selected-bar {
  background: #EB3C96;
}
.value-chain .theme-green .back-bar .pointer {
  width: 24px;
  height: 24px;
  top: -5px;
  margin-left: 0px;
  border-radius: 100%;
  border: none;
  background: #2DBECD;
}
.value-chain .quote {
  border-left: 3px solid #ddd;
  padding: 5px 15px;
  margin-bottom: 15px;
}

.screen {
  height: 500px;
  overflow-y: scroll;
  border: 1px solid grey;
  border-radius: 6px;
}
.screen p {
  width: 200px;
}
.screen .outgoing {
  float: left;
  background-color: #8E8E93;
}
.screen .incoming {
  float: right;
  background-color: #0076FF;
}

.text-history {
  overflow: scroll;
}
.text-history small {
  float: right;
  margin-top: 15px;
}
.text-history .chat tr td {
  padding: 15px;
}
.text-history .chat tr td .bubble {
  background: #f3f3f3;
  padding: 15px;
  width: 300px;
  border-radius: 10px;
}
.text-history .table tr td {
  width: 8%;
}

#noc-manager span.inactive {
  color: #721c24;
  font-weight: bold;
}

.approval-container {
  margin-left: 25%;
}
.approval-container .approval-headers {
  border-bottom: 2px solid #ddd;
  width: 50%;
  padding-bottom: 5px;
}
.approval-container .form-group .row {
  width: 50%;
  padding: 10px 0px;
}
.approval-container .form-group .row.divider {
  border-bottom: 1px solid #ddd;
}
.approval-container .form-group .row input {
  height: 26px;
}

#definitions-table thead th {
  width: 250px;
}
#definitions-table thead td {
  width: 5px;
}
#definitions-table tbody tr {
  height: 150px;
  border-bottom: 1px solid #ddd;
}
#definitions-table tbody td {
  padding: 5px;
}

.settings-container .headers {
  border-bottom: 2px solid #ddd;
  padding-bottom: 5px;
}
.settings-container .row {
  padding: 10px 0px;
}
.settings-container .row.divider {
  border-bottom: 1px solid #ddd;
}
.settings-container .row input {
  height: 26px;
}

.blank-header {
  width: 400px;
}

.data-header {
  width: 200px;
}

.data-expand {
  color: #4D4D4D;
  font-weight: bold;
}
.data-expand:hover {
  text-decoration: none;
  color: #4D4D4D;
}

.expanded-data td label {
  margin-left: 50px;
}

.data-tooltip {
  margin-left: 20px;
}
.data-tooltip p {
  text-align: left;
  padding: 5px;
}

.po-priority-filter-select {
  width: 100%;
}

.message-card {
  border: 1px solid RGBA(248, 248, 248, 1);
  margin: 10px;
  padding: 15px;
  border-radius: 2px;
}
.message-card h3 {
  font-size: 20px;
}
.inventory-frame {
  width: 100%;
  height: 1000px;
  border: none;
}

.metabase-frame {
  width: 100%;
  height: 1000px;
  border: none;
}

#country-filter-form select {
  text-align: center;
  text-align-last: center;
}
#country-filter-form option {
  text-align: left;
}

#public-dashboard-form select {
  text-align: center;
  text-align-last: center;
}
#public-dashboard-form option {
  text-align: left;
}

.knowledge {
  margin: 15px 0px;
  padding: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.knowledge hr {
  margin: 10px auto;
  border-color: RGBA(248, 248, 248, 1);
}

.download-expiry-report {
  margin: 0px !important;
}

.report-builder .dashboard-header {
  font-size: 30px;
  font-weight: 300;
}
.report-builder .header-divider {
  width: 300px;
  border-top: 2px solid rgba(0, 0, 0, 0.2);
  margin: 20px auto 30px auto;
}
.report-builder .row {
  display: flex;
  flex-wrap: wrap;
}
.report-builder .row > [class*=col-] {
  display: flex;
  flex-direction: column;
}
.report-builder .report-category {
  display: inline-block;
  text-align: left;
  margin-bottom: 20px;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  border: 1px solid #2F407E;
  box-sizing: border-box;
  border-radius: 5px;
  box-shadow: 4px 4px 3px 0px rgba(0, 0, 0, 0.1);
}
.report-builder .report-category .category-header {
  background-color: #334A8C;
  border-radius: 5px 5px 0px 0px;
}
.report-builder .report-category .category-header h3 {
  margin: 0;
  padding: 8px 15px 5px 15px;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 20px;
}
.report-builder .report-category .category-header h3 img {
  margin-right: 5px;
  padding-bottom: 5px;
  top: 10px;
}
.report-builder .report-category .category-body {
  display: inline-block;
  padding: 20px 10px 20px 10px;
  width: 100%;
}
.report-builder .report-category .category-body .report-links {
  display: inline-block;
  margin: 5px 0 5px 0;
}
.report-builder .report-category .category-body .report-links a {
  color: #334A8C;
  font-weight: 600;
  font-size: 20px;
  text-decoration: underline;
}
.report-builder .report-category .category-body .report-links a:hover {
  text-decoration: none;
  color: #334A8C;
}
.report-builder h3 {
  border-bottom: 2px solid #2F407E;
  color: #2F407E;
  padding: 15px 20px 5px 0px;
  font-weight: 500;
  font-size: 17px;
}
.report-builder h3 img {
  padding-bottom: 5px;
  top: 10px;
}
.report-builder .pinned-reports {
  min-height: 270px;
}
.report-builder .pinned-reports .cards {
  display: inline-block;
  text-align: left;
  margin-bottom: 20px;
  padding: 30px;
  width: 100%;
  min-height: 250px;
  height: 100%;
  background: #FFFFFF;
  border: 1px solid #2F407E;
  border-top: 4px solid #2F407E;
  box-sizing: border-box;
  border-radius: 5px;
  box-shadow: 4px 4px 3px 0px rgba(0, 0, 0, 0.1);
}
.report-builder .pinned-reports .cards:hover {
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.15);
}
.report-builder .pinned-reports .cards h2 {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 700;
  color: #334A8C;
}
.report-builder .pinned-reports .cards p {
  font-size: 18px;
  font-weight: normal;
  color: #777777;
}
.report-builder .report-links {
  margin: 15px;
  text-decoration: underline;
  font-weight: 500;
  font-size: 17px;
  color: #2F407E;
}
.report-builder .contact-cta {
  display: block;
  width: 100%;
  margin: 10px 0 30px 0;
  padding: 16px 20px;
  text-align: center;
  background: #F6F8FC;
  border: 1px solid rgba(47, 64, 126, 0.25);
  border-radius: 5px;
  color: #777777;
  font-size: 15px;
  font-weight: normal;
  text-decoration: none;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.report-builder .contact-cta strong {
  color: #334A8C;
  font-weight: 600;
}
.report-builder .contact-cta:hover, .report-builder .contact-cta:focus {
  background: #EDF1F9;
  border-color: #334A8C;
  text-decoration: none;
  color: #777777;
}

.contact-manager form {
  padding: 10px !important;
}
.contact-manager #contactSearch {
  border: none;
  border-bottom: 1px solid #334A8C;
  border-radius: 0px;
}
.contact-manager .manager-container {
  border: 1px solid #334A8C;
  height: 450px;
  padding: 0px;
  text-align: left;
}
.contact-manager .manager-container .contact-item:hover {
  background-color: #334A8C;
  color: white;
}
.contact-manager .manager-container .active {
  background-color: #334A8C;
  color: white;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 99%;
  margin-top: -1px;
}

.badge-primary {
  background-color: #334A8C;
}

#lf-workbook-page .cards {
  height: 180px;
  background: #FFFFFF;
  border: 1px solid #2F407E;
  box-sizing: border-box;
  border-radius: 4px;
}
#lf-workbook-page .cards h2 {
  margin-top: 5px;
  font-size: 17px;
  font-weight: 500;
  color: #2F407E;
}
#lf-workbook-page .cards p {
  font-size: 14px;
  font-weight: none;
  color: black;
}
#lf-workbook-page .actions {
  position: absolute;
  left: 15px;
  bottom: 15px;
}

.admin-frame {
  width: 100%;
  height: 1000px;
  border: none;
  border-radius: 3px;
  -webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.275);
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.275);
}

.home-dash .updates {
  margin: 0px;
}
.home-dash .updates .head h3 {
  font-weight: 300;
  margin: 0;
  font-size: 18px;
}
.home-dash .updates .row {
  padding: 4px;
}
.home-dash .updates .col-sm-1, .home-dash .updates .col-sm-2, .home-dash .updates .col-sm-3, .home-dash .updates .col-sm-4, .home-dash .updates .col-sm-5, .home-dash .updates .col-sm-6 {
  border-bottom: 1px solid #f1f1f1;
  min-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-dash .updates .col-sm-1 .no-btn, .home-dash .updates .col-sm-2 .no-btn, .home-dash .updates .col-sm-3 .no-btn, .home-dash .updates .col-sm-4 .no-btn, .home-dash .updates .col-sm-5 .no-btn, .home-dash .updates .col-sm-6 .no-btn {
  margin-top: -6px;
}
.home-dash .updates .circle {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  margin: 5px auto 0;
}
.home-dash .updates .circle.red {
  background: #ED3333;
}
.home-dash .updates .circle.purple {
  background: #9A449E;
}
.home-dash .updates .circle.yellow {
  background: #EEEA4F;
}
.home-dash .updates .circle.white {
  border: 1px solid #ccc;
  background: #fff;
}
.home-dash .updates .no-btn {
  background: transparent;
  border: none;
}
.home-dash .updates .no-btn:hover {
  background: RGBA(248, 248, 248, 1);
}
.home-dash .updates .column-headers {
  font-weight: 500;
}
.home-dash .purchase-orders-nav.nav-tabs li.active a {
  color: #1e2c53;
}
.home-dash .purchase-orders-nav.nav-tabs li.active a:hover {
  color: #1e2c53;
}
.home-dash .purchase-orders-nav.nav-tabs li.active a:focus {
  color: #1e2c53;
}
.home-dash .pc-table-top {
  margin-left: 20px;
}
.home-dash .idm-table-top {
  margin-left: 20px;
}

.stat-card {
  padding: 15px;
}
.stat-card p {
  font-size: 20px;
}
.stat-card span {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.stat-card h2 {
  font-size: 50px;
  font-weight: bold;
  color: #9A449E !important;
}

.message-center {
  padding: 15px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.275);
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.275);
  height: 200px;
}
.message-center h3 {
  margin-top: 5px;
  margin-bottom: 0px;
  color: #9A449E;
  font-weight: bold;
  font-size: 20px;
}
.message-center hr {
  margin: 5px 0px;
  width: 100%;
}

.po-list {
  padding: 15px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.275);
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.275);
}
.po-list h3 {
  margin-top: 5px;
  margin-bottom: 0px;
  color: #9A449E;
  font-weight: bold;
  font-size: 20px;
}
.po-list hr {
  margin: 5px 0px;
  width: 100%;
}

.batch-list {
  padding: 15px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.275);
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.275);
}
.batch-list h3 {
  margin-top: 5px;
  margin-bottom: 0px;
  color: #9A449E;
  font-weight: bold;
  font-size: 20px;
}
.batch-list hr {
  margin: 5px 0px;
  width: 100%;
}

.tablets {
  padding: 15px;
  -webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.275);
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.275);
  border-radius: 3px;
  height: 446px;
}
.tablets h3 {
  margin-top: 5px;
  margin-bottom: 0px;
  color: #9A449E;
  font-weight: bold;
  font-size: 20px;
}
.tablets hr {
  margin: 5px 0px;
  width: 100%;
}

.mc-dates {
  color: #9A449E;
  font-weight: bold;
}

.mc-cotent {
  margin-left: 15px;
}

.jumbotron {
  background-color: RGBA(248, 248, 248, 1);
  border-radius: 0px !important;
}

#purchase-orders-table tr {
  white-space: nowrap !important;
}

.country-summary-v2 .btn {
  height: 44px;
  text-align: center;
  vertical-align: center;
  padding: 10px 16px;
}
.country-summary-v2 .btn:hover {
  background-color: #334A8C;
  color: #fff;
}
.country-summary-v2 .btn:focus {
  background-color: #334A8C;
  color: #fff;
  outline: none;
}
.country-summary-v2 .disease-filter {
  padding-top: 20px;
}
.country-summary-v2 .disease-filter p {
  padding-top: 10px;
  font-size: 16px;
}
.country-summary-v2 .disease-filter .btn {
  font-size: 16px;
}
.country-summary-v2 .disease-filter .btn-group {
  padding-right: 20px;
}
.country-summary-v2 .disease-select {
  background-color: #334A8C;
  color: #fff;
  background-color: white;
  color: #334A8C;
}
.country-summary-v2 .disease-select.active {
  background-color: #334A8C;
  color: #fff;
}
.country-summary-v2 .country-summary-select {
  height: 42px;
  outline: #334A8C 1px solid;
}
.country-summary-v2 li.active a {
  background-color: lightblue;
  color: #334A8C;
}
.country-summary-v2 li.active a:focus {
  color: #334A8C;
  background-color: lightblue;
}
.country-summary-v2 li.active a:hover {
  color: #334A8C;
}
.country-summary-v2 .no-init {
  padding-top: 40px;
}
.country-summary-v2 .no-init p {
  font-size: 20px;
}
.country-summary-v2 .no-init .btn {
  height: 60px;
  padding: 18px 30px;
}
.country-summary-v2 .no-init .btn-group {
  padding-right: 20px;
}
.country-summary-v2 {
  /* MDA Planning read-only table */
}
.country-summary-v2 .mda-planning-tabs {
  margin-bottom: 0;
  padding: 0 15px;
}
.country-summary-v2 .mda-planning-tabs li {
  cursor: pointer;
}
.country-summary-v2 .mda-planning-tabs li a {
  color: #334A8C;
}
.country-summary-v2 .mda-planning-tabs li.active a {
  background-color: #f9f9f9;
  color: #334A8C;
  font-weight: bold;
  border-bottom-color: #f9f9f9;
}
.country-summary-v2 .mda-planning-readonly-wrapper {
  width: 100%;
  overflow-x: auto;
  position: relative;
  margin-bottom: 20px;
  margin-top: 0;
  background-color: #f9f9f9;
  padding: 10px 0;
}
.country-summary-v2 .mda-planning-readonly-table {
  min-width: 100%;
  margin-bottom: 0;
}
.country-summary-v2 .mda-planning-readonly-table thead tr.year-row th,
.country-summary-v2 .mda-planning-readonly-table thead tr.month-row th {
  min-width: 80px;
  font-size: 13px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.country-summary-v2 .mda-planning-readonly-table tbody > tr > th {
  padding-left: 15px;
  white-space: nowrap;
  font-size: 13px;
}
.country-summary-v2 .mda-planning-readonly-table tbody td {
  min-width: 80px;
  text-align: center;
  padding: 8px 4px;
  font-size: 13px;
  border: 1px solid #eee;
}
.country-summary-v2 .mda-planning-readonly-table .fixed-column {
  position: sticky;
  left: 0;
  z-index: 1;
  background: #f9f9f9;
  box-shadow: 2px 0 5px -2px rgba(0, 0, 0, 0.2);
  min-width: 180px;
}
.country-summary-v2 .mda-cell-positive {
  background-color: #d4edda !important;
  color: transparent !important;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.country-summary-v2 .mda-cell-negative {
  background-color: #f8d7da !important;
  color: transparent !important;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.country-summary-v2 .mda-cell-zero {
  color: #333;
}

.mda-comments-section {
  margin: 0;
  padding: 0;
}
.mda-comments-section .section-title {
  font-size: 24px;
  margin-bottom: 20px;
}
.mda-comments-section .panel {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.mda-comments-section .panel .panel-body form {
  padding: 15px;
}
.mda-comments-section .panel .panel-body .no-comments {
  padding: 15px;
}
.mda-comments-section .panel-default > .panel-heading {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.mda-comments-section .list-group {
  padding: 15px;
  margin-bottom: 0;
}
.mda-comments-section .list-group .list-group-item {
  border-left: none;
  border-right: none;
}
.mda-comments-section .list-group .list-group-item:first-child {
  border-top: none;
}
.mda-comments-section .comment-header {
  margin-bottom: 10px;
  border-bottom: 1px solid #eee;
  padding-bottom: 5px;
}
.mda-comments-section .comment-body {
  color: #333;
}
.mda-comments-section .comment-body p {
  margin-bottom: 5px;
}

#unsaved-changes-modal .modal-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  margin: 0;
}
@media (max-width: 767px) {
  #unsaved-changes-modal .modal-dialog {
    width: 90%;
    margin: 0;
  }
}