.fineprint {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.4;
  color: #969696;
}
/* text-decorations */
.strike {
  text-decoration: line-through;
}
.clearfix:after {
  display: table;
  clear: both;
  content: "";
}
.clearfix-before:before {
  display: table;
  clear: both;
  content: "";
}
.vertical-center-container {
  height: 100%;
}
.vertical-center-container:after {
  content: "";
  height: 100%;
}
.vertical-center-container:after,
.vertical-center {
  display: inline-block;
  vertical-align: middle;
}
.orangemode .if-blue {
  display: none !important;
}
.orangemode .corporate-powered-by-container {
  margin-bottom: 24px;
}
@media screen and (min-width: 669px) {
  .orangemode .myscout-left-navi {
    width: 17em !important;
  }
}
.bluemode .if-orange {
  display: none !important;
}
.bluemode .viewport .page-wrapper {
  border: 0 none;
  margin-left: 0;
  margin-right: auto;
  padding: 20px;
  margin: 0px;
  min-width: inherit;
  max-width: inherit;
}
.bluemode .viewport .page-wrapper > .content-wrapper {
  max-width: 1280px;
  margin: 0;
  padding: 0;
}
.bluemode .viewport .page-wrapper footer {
  max-width: 1280px;
}
.status-confirm .x-button {
  background: #1a6600;
}
.status-confirm .x-button a {
  color: #edf8dd;
}
.status-info .x-button {
  background: #003468;
}
.status-info .x-button a {
  color: #f4f6f8;
}
.status-warning .x-button {
  background: #662505;
}
.status-warning .x-button a {
  color: #fff7d9;
}
.status-error .x-button {
  background: #b80000;
}
.status-error .x-button a {
  color: #ffdddc;
}
.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
ul.icon-arrow-down > li a,
ul.icon-arrow-up > li a,
a.icon-arrow-down,
a.icon-arrow-up,
button.icon-arrow-down,
button.icon-arrow-up,
span.icon-arrow-down,
span.icon-arrow-up {
  display: inline-block;
  position: relative;
  padding-left: 0.8em;
}
ul.icon-arrow-down > li a:before,
ul.icon-arrow-up > li a:before,
a.icon-arrow-down:before,
a.icon-arrow-up:before,
button.icon-arrow-down:before,
button.icon-arrow-up:before,
span.icon-arrow-down:before,
span.icon-arrow-up:before {
  position: absolute;
  left: -2px;
  content: '';
  display: inline-block;
  font-family: FontAwesome;
  color: #ff851d;
}
ul.icon-arrow-down > li a:before,
a.icon-arrow-down:before,
button.icon-arrow-down:before,
span.icon-arrow-down:before {
  content: "\f107";
}
ul.icon-arrow-up > li a:before,
a.icon-arrow-up:before,
button.icon-arrow-up:before,
span.icon-arrow-up:before {
  content: "\f106";
}
ul > li a.disabled:before,
a.disabled:before,
button.disabled:before,
span.disabled:before,
ul > li a.disabled:after,
a.disabled:after,
button.disabled:after,
span.disabled:after {
  color: #969696;
}
.break-word {
  word-wrap: break-word;
}
.opacity-0 {
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
.opacity-10 {
  -webkit-opacity: 0.1;
  -khtml-opacity: 0.1;
  -moz-opacity: 0.1;
  opacity: 0.1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
  filter: alpha(opacity=10);
}
.opacity-20 {
  -webkit-opacity: 0.2;
  -khtml-opacity: 0.2;
  -moz-opacity: 0.2;
  opacity: 0.2;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
  filter: alpha(opacity=20);
}
.opacity-30 {
  -webkit-opacity: 0.3;
  -khtml-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  filter: alpha(opacity=30);
}
.opacity-40 {
  -webkit-opacity: 0.4;
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  filter: alpha(opacity=40);
}
.opacity-50 {
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
}
.opacity-60 {
  -webkit-opacity: 0.6;
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  filter: alpha(opacity=60);
}
.opacity-70 {
  -webkit-opacity: 0.7;
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  filter: alpha(opacity=70);
}
.opacity-80 {
  -webkit-opacity: 0.8;
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  filter: alpha(opacity=80);
}
.opacity-90 {
  -webkit-opacity: 0.9;
  -khtml-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  filter: alpha(opacity=90);
}
.opacity-100 {
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
.desaturate-0 {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
.desaturate-10 {
  -webkit-filter: grayscale(10%);
  filter: grayscale(10%);
}
.desaturate-20 {
  -webkit-filter: grayscale(20%);
  filter: grayscale(20%);
}
.desaturate-30 {
  -webkit-filter: grayscale(30%);
  filter: grayscale(30%);
}
.desaturate-40 {
  -webkit-filter: grayscale(40%);
  filter: grayscale(40%);
}
.desaturate-50 {
  -webkit-filter: grayscale(50%);
  filter: grayscale(50%);
}
.desaturate-60 {
  -webkit-filter: grayscale(60%);
  filter: grayscale(60%);
}
.desaturate-70 {
  -webkit-filter: grayscale(70%);
  filter: grayscale(70%);
}
.desaturate-80 {
  -webkit-filter: grayscale(80%);
  filter: grayscale(80%);
}
.desaturate-90 {
  -webkit-filter: grayscale(90%);
  filter: grayscale(90%);
}
.desaturate-100 {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.position-relative {
  position: relative;
}
.position-absolute {
  position: absolute;
}
.inline-block {
  display: inline-block;
}
.ellipsis {
  text-overflow: ellipsis;
}
.display-block {
  display: block;
}
.display-table {
  display: table;
}
.display-table .display-table-row {
  display: table-row;
}
.display-table .display-table-cell {
  display: table-cell;
}
@media screen and (min-width: 1014px) {
  .desk-display-table {
    display: table;
  }
  .desk-display-table .desk-display-table-row {
    display: table-row;
  }
  .desk-display-table .desk-display-table-cell {
    display: table-cell;
  }
  .desk-margin-left-s {
    margin-left: 8px;
  }
  .desk-margin-right-s {
    margin-right: 8px;
  }
  .desk-margin-top-s {
    margin-top: 8px;
  }
  .desk-margin-bottom-s {
    margin-bottom: 8px;
  }
  .desk-margin-left {
    margin-left: 16px;
  }
  .desk-margin-right {
    margin-right: 16px;
  }
  .desk-margin-top {
    margin-top: 16px;
  }
  .desk-margin-bottom {
    margin-bottom: 16px;
  }
  .desk-inline-block {
    display: inline-block;
  }
  .desk-float-right {
    float: right;
  }
  .desk-border-none {
    border: 0 none !important;
  }
  .desk-border {
    border: 1px solid #e0e0e0 !important;
  }
}
@media screen and (min-width: 669px) and (max-width: 1013px) {
  .lap-display-table {
    display: table;
  }
  .lap-display-table .lap-display-table-row {
    display: table-row;
  }
  .lap-display-table .lap-display-table-cell {
    display: table-cell;
  }
  .lap-margin-left-s {
    margin-left: 8px;
  }
  .lap-margin-right-s {
    margin-right: 8px;
  }
  .lap-margin-top-s {
    margin-top: 8px;
  }
  .lap-margin-bottom-s {
    margin-bottom: 8px;
  }
  .lap-margin-left {
    margin-left: 16px;
  }
  .lap-margin-right {
    margin-right: 16px;
  }
  .lap-margin-top {
    margin-top: 16px;
  }
  .lap-margin-bottom {
    margin-bottom: 16px;
  }
  .lap-inline-block {
    display: inline-block;
  }
  .lap-float-right {
    float: right;
  }
  .lap-border-none {
    border: 0 none !important;
  }
  .lap-border {
    border: 1px solid #e0e0e0 !important;
  }
}
@media screen and (max-width: 668px) {
  .palm-display-table {
    display: table;
  }
  .palm-display-table .palm-display-table-row {
    display: table-row;
  }
  .palm-display-table .palm-display-table-cell {
    display: table-cell;
  }
  .palm-margin-left-s {
    margin-left: 8px;
  }
  .palm-margin-right-s {
    margin-right: 8px;
  }
  .palm-margin-top-s {
    margin-top: 8px;
  }
  .palm-margin-bottom-s {
    margin-bottom: 8px;
  }
  .palm-inline-block {
    display: inline-block;
  }
  .palm-float-right {
    float: right;
  }
  .palm-border-none {
    border: 0 none !important;
  }
  .palm-border {
    border: 1px solid #e0e0e0 !important;
  }
}
.vertical-centered {
  position: absolute;
  top: 50% !important;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.centered {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-default {
  cursor: pointer;
}
.cursor-move {
  cursor: move;
}
.cursor-help {
  cursor: help;
}
.cursor-wait {
  cursor: wait;
}
.cursor-progress {
  cursor: progress;
}
.pos-left {
  left: 0px;
}
.pos-right {
  right: 0px;
}
.pos-top {
  top: 0px;
}
.pos-bottom {
  bottom: 0px;
}
.border-brandorange {
  border-color: #ff7500 !important;
}
.border-dashed {
  border-style: dashed !important;
}
.double-border {
  border-width: 2px !important;
}
.background-sp {
  background-color: #ff851d;
}
.background-pp {
  background-color: #5b7c9e;
}
.background-tp {
  background-color: #969696;
}
.font-sp {
  color: #ff851d;
}
.font-pp {
  color: #5b7c9e;
}
.font-tp {
  color: #969696;
}
.grid.flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
}
@media screen and (max-width: 668px) {
  .palm-background-none {
    background: none !important;
  }
  .palm-padding-none {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .palm-border-none {
    border-width: 0px !important;
  }
}
@media screen and (min-width: 669px) and (max-width: 1013px) {
  .lap-background-none {
    background: none !important;
  }
  .lap-padding-none {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .lap-border-none {
    border-width: 0px !important;
  }
}
@media screen and (min-width: 1014px) {
  .desk-background-none {
    background: none !important;
  }
  .desk-padding-none {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .desk-border-none {
    border-width: 0px !important;
  }
}
/* Name: ScoutManager Switch Module - switch.less */
.switch {
  cursor: pointer;
  display: inline-block;
}
.switch .labeltext {
  text-align: center;
  float: left;
  line-height: 1.7em;
  margin-right: 1em;
  font-weight: bold;
}
.switch input {
  display: none;
}
.switch .switch-wrapper {
  float: right;
}
.switch .switch-wrapper .description {
  line-height: 1.7em;
  float: left;
  text-decoration: none;
  color: #969696;
}
.switch .switch-wrapper .description .description-left {
  float: left;
}
.switch .switch-wrapper .description .description-right {
  float: right;
}
.switch .switch-wrapper .switch-button {
  -webkit-border-radius: 0.56666667em;
  -moz-border-radius: 0.56666667em;
  border-radius: 0.56666667em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  margin: 0 0.56666667em;
  width: 3.4em;
  height: 1.7em;
  border: 0.07727273em solid #646464;
  border-top-width: 0.23181818em;
  background-color: #969696;
}
.switch .switch-wrapper .switch-button .knob {
  -webkit-border-radius: 0.425em;
  -moz-border-radius: 0.425em;
  border-radius: 0.425em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #d4d4d4;
  background: -webkit-linear-gradient(top, #f6f6f6, #d4d4d4);
  background: -moz-linear-gradient(top, #f6f6f6, #d4d4d4);
  background: -ms-linear-gradient(top, #f6f6f6, #d4d4d4);
  background: -o-linear-gradient(top, #f6f6f6, #d4d4d4);
  background: linear-gradient(top, #f6f6f6, #d4d4d4);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#d4d4d4));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#d4d4d4',GradientType=0 );
  display: block;
  margin: -0.15454545em 0 0 0;
  width: 1.54545455em;
  height: 1.54545455em;
  border: 0.07727273em solid transparent;
  background-color: #e0e0e0;
  float: left;
  position: relative;
  overflow: hidden;
  left: 0%;
}
.switch:hover .switch-wrapper .switch-button {
  border-color: #4c4c4c;
  background-color: #747474;
}
.switch:hover .switch-wrapper .switch-button .knob {
  background-color: #cacaca;
  background: -webkit-linear-gradient(top, #e0e0e0, #cacaca);
  background: -moz-linear-gradient(top, #e0e0e0, #cacaca);
  background: -ms-linear-gradient(top, #e0e0e0, #cacaca);
  background: -o-linear-gradient(top, #e0e0e0, #cacaca);
  background: linear-gradient(top, #e0e0e0, #cacaca);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e0e0e0), to(#cacaca));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#cacaca',GradientType=0 );
  background-color: #d4d4d4;
}
.switch.on .switch-wrapper .description.on {
  color: #343434;
}
.switch.on .switch-wrapper .description.off {
  text-decoration: underline;
  color: #04C;
}
.switch.on .switch-wrapper .switch-button {
  background-color: #699d53;
}
.switch.on .switch-wrapper .switch-button .knob {
  left: 0%;
}
.switch.on:hover .switch-wrapper .switch-button {
  background-color: #4f8b37;
}
.switch > input[type="checkbox"]:checked + .description.on {
  color: #343434;
}
.switch > input[type="checkbox"]:checked + .switch-button {
  background-color: #699d53;
}
.switch > input[type="checkbox"]:checked + .switch-button .knob {
  left: 0%;
}
.switch.off .switch-wrapper .description.off {
  color: #343434;
}
.switch.off .switch-wrapper .description.on {
  text-decoration: underline;
  color: #04C;
}
.switch.off .switch-wrapper .switch-button {
  background-color: #969696;
}
.switch.off .switch-wrapper .switch-button .knob {
  left: 1.7em;
}
.switch.off:hover .switch-wrapper .switch-button {
  background-color: #747474;
}
.switch.disabled,
.switch.disabled.on,
.switch.disabled.off {
  cursor: default;
}
.switch.disabled .switch-wrapper .description.on,
.switch.disabled.on .switch-wrapper .description.on,
.switch.disabled.off .switch-wrapper .description.on,
.switch.disabled .switch-wrapper .description.off,
.switch.disabled.on .switch-wrapper .description.off,
.switch.disabled.off .switch-wrapper .description.off {
  color: #cacaca;
  text-decoration: none;
}
.switch.disabled .switch-wrapper .switch-button,
.switch.disabled.on .switch-wrapper .switch-button,
.switch.disabled.off .switch-wrapper .switch-button {
  background-color: #d4d4d4;
  border-color: #969696;
}
.switch.disabled .switch-wrapper .switch-button .knob,
.switch.disabled.on .switch-wrapper .switch-button .knob,
.switch.disabled.off .switch-wrapper .switch-button .knob {
  background-color: #e0e0e0;
  background: -webkit-linear-gradient(top, #f6f6f6, #e0e0e0);
  background: -moz-linear-gradient(top, #f6f6f6, #e0e0e0);
  background: -ms-linear-gradient(top, #f6f6f6, #e0e0e0);
  background: -o-linear-gradient(top, #f6f6f6, #e0e0e0);
  background: linear-gradient(top, #f6f6f6, #e0e0e0);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#e0e0e0));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e0e0e0',GradientType=0 );
  background-color: #f6f6f6;
}
.switch.on.disabled .switch-wrapper .switch-button {
  background-color: #b8d4a6;
}
.switch.disabled.off .switch-wrapper .switch-button {
  background-color: #d4d4d4;
}
.ie9 .switch .switch-wrapper .switch-button .knob {
  background: none;
  filter: none;
  background-color: #e0e0e0;
}
.ie8 .switch input,
.ie7 .switch input {
  display: block;
  line-height: 1.7em;
  margin: 0.425em;
}
.ie8 .switch .switch-wrapper,
.ie7 .switch .switch-wrapper {
  display: none;
}
/* Name: ScoutManager Modal Overlay Module - feedback.less */
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 12000;
  width: 100%;
  height: 100%;
  background: none repeat scroll 0 0 rgba(0, 52, 104, 0.66);
}
.modal-overlay .modal-wrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin: 0;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  border: 2px solid rgba(0, 52, 104, 0.33);
  background-color: transparent;
  opacity: 1;
}
.modal-overlay .modal-wrap .modal-message {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  visibility: visible;
  background-color: #fff;
  padding: 1em;
  height: auto;
  min-height: 100%;
  width: 100%;
  z-index: 1;
  text-align: left;
  white-space: normal;
}
.modal-overlay .modal-wrap .modal-message h2,
.modal-overlay .modal-wrap .modal-message h3 {
  font-size: 2.1rem;
  font-weight: 400;
}
.modal-overlay .modal-wrap .modal-message .modal-close {
  position: relative;
}
.modal-overlay .modal-wrap .modal-message .button-60 {
  width: 60px;
}
.modal-overlay .modal-wrap .modal-message .button-80 {
  width: 80px;
}
.modal-overlay .modal-wrap .modal-message .button-100 {
  width: 100px;
}
.modal-overlay .modal-wrap .modal-message .button-120 {
  width: 120px;
}
.modal-overlay .modal-wrap .modal-close {
  cursor: pointer;
  position: absolute;
  top: 0.15em;
  right: 0.33em;
}
.modal-overlay .modal-wrap .modal-close.cross {
  color: #343434;
  font-size: 1.36em;
  display: block;
}
@media screen and (min-width: 669px) {
  .modal-overlay .modal-wrap {
    position: absolute;
    margin: 5% 10%;
    width: 80%;
    height: 80%;
    border: 2px solid rgba(0, 52, 104, 0.33);
  }
  .modal-overlay .modal-wrap.narrow {
    width: 33%;
    margin-left: 33%;
  }
  .modal-overlay .modal-wrap.centered {
    position: relative !important;
    top: 50% !important;
    left: 50% !important;
    overflow: hidden;
    margin: 0 0 0 0 !important;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  .modal-overlay .modal-wrap.local {
    overflow: hidden;
    margin: 0 0 0 0 !important;
  }
}
.ie8 .modal-overlay,
.lt-ie9 .modal-overlay {
  background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA1BMVEUeTHpd3iuLAAAAAXRSTlOomOvzvAAAABtJREFUWMPtwYEAAAAAw6D5U9/gBFUBAAAAfAMQQAABGbMxdgAAAABJRU5ErkJggg==') repeat left top;
}
.ie8 .modal-overlay .modal-wrap,
.lt-ie9 .modal-overlay .modal-wrap {
  border: 10px solid #3d648c;
}
/* Name: ScoutManager Feedback Button - feedback.less */
.feedback-iframe-core-14 {
  background-color: #f4f6f8;
  height: 100%;
  width: 100%;
}
.feedback-iframe-core-14 textarea {
  height: 200px;
}
@media screen and (max-width: 668px) {
  .feedback-iframe-core-14 textarea {
    height: 150px;
  }
}
.feedback-iframe-core-20 {
  height: 100%;
  width: 100%;
}
.feedback-iframe-core-20 textarea {
  height: 200px;
}
@media screen and (max-width: 668px) {
  .feedback-iframe-core-20 textarea {
    height: 150px;
  }
}
#feedback-btn {
  position: fixed;
  right: 0;
  top: 40%;
  transform: rotate(270deg) translateY(-50%);
  transform-origin: right;
  background: #ff7500;
  color: white;
  font-weight: bold;
  padding: 8px 16px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  letter-spacing: 0.2px;
  z-index: 2;
}
[data-theme='cosma'] #feedback-btn {
  background: #00ffd0;
  color: #333;
}
[data-theme='cosma'] #feedback-btn:hover {
  background: #00d9b1;
  text-decoration: none;
}
@media screen and (min-width: 669px) {
  #feedback-dialog .modal-wrap {
    height: 360px;
    left: 50%;
    margin-left: -300px;
    margin-top: -180px;
    top: 50%;
    width: 600px;
    overflow: hidden;
  }
}
#feedback-dilaog iframe {
  overflow: hidden;
  height: 420px;
  width: 600px;
  border: 0;
  padding: 0;
  margin: 0;
}
/* Name: ScoutManager Pager Module - pagerless */
.pager {
  padding: 1em 2em;
}
@media screen and (max-width: 668px) {
  .pager {
    padding: 1em 0em;
  }
}
[is-select],
[data-is-select] {
  display: inline-block;
  position: relative;
  vertical-align: top;
  padding-right: 2em !important;
  width: 250px;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  font-family: "Open Sans", Verdana, "DejaVu Sans", Arial, Helvetica, sans-serif;
  padding: 0 0.7142em;
  height: 3em;
}
[is-select].opened,
[data-is-select].opened {
  border-color: #969696;
}
[is-select].opened .select-options,
[data-is-select].opened .select-options {
  border-top-color: #969696 !important;
}
[is-select] .select-button,
[data-is-select] .select-button {
  height: 3em;
}
[is-select] .select-button .select-text,
[data-is-select] .select-button .select-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
[is-select] .select-button .select-icon,
[data-is-select] .select-button .select-icon {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  right: -1.286em;
}
[is-select] .select-options,
[data-is-select] .select-options {
  z-index: 10000;
  background-color: #fff;
  position: absolute;
  left: -1px;
  right: -1px;
  margin-top: -2px;
}
[is-select] .select-options .select-option,
[data-is-select] .select-options .select-option {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
[is-select] .select-options .select-option:hover,
[data-is-select] .select-options .select-option:hover {
  background-color: #d4dde5;
}
/*! Name: Ring Graph - ring-graph.less */
.donut[data-percentage="0"] .outer .right {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.donut[data-percentage="1"] .outer .right {
  -webkit-transform: rotate(3.6deg);
  -moz-transform: rotate(3.6deg);
  -o-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.donut[data-percentage="2"] .outer .right {
  -webkit-transform: rotate(7.2deg);
  -moz-transform: rotate(7.2deg);
  -o-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.donut[data-percentage="3"] .outer .right {
  -webkit-transform: rotate(10.8deg);
  -moz-transform: rotate(10.8deg);
  -o-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.donut[data-percentage="4"] .outer .right {
  -webkit-transform: rotate(14.4deg);
  -moz-transform: rotate(14.4deg);
  -o-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.donut[data-percentage="5"] .outer .right {
  -webkit-transform: rotate(18deg);
  -moz-transform: rotate(18deg);
  -o-transform: rotate(18deg);
  transform: rotate(18deg);
}
.donut[data-percentage="6"] .outer .right {
  -webkit-transform: rotate(21.6deg);
  -moz-transform: rotate(21.6deg);
  -o-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.donut[data-percentage="7"] .outer .right {
  -webkit-transform: rotate(25.2deg);
  -moz-transform: rotate(25.2deg);
  -o-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.donut[data-percentage="8"] .outer .right {
  -webkit-transform: rotate(28.8deg);
  -moz-transform: rotate(28.8deg);
  -o-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.donut[data-percentage="9"] .outer .right {
  -webkit-transform: rotate(32.4deg);
  -moz-transform: rotate(32.4deg);
  -o-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.donut[data-percentage="10"] .outer .right {
  -webkit-transform: rotate(36deg);
  -moz-transform: rotate(36deg);
  -o-transform: rotate(36deg);
  transform: rotate(36deg);
}
.donut[data-percentage="11"] .outer .right {
  -webkit-transform: rotate(39.6deg);
  -moz-transform: rotate(39.6deg);
  -o-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.donut[data-percentage="12"] .outer .right {
  -webkit-transform: rotate(43.2deg);
  -moz-transform: rotate(43.2deg);
  -o-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.donut[data-percentage="13"] .outer .right {
  -webkit-transform: rotate(46.8deg);
  -moz-transform: rotate(46.8deg);
  -o-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}
.donut[data-percentage="14"] .outer .right {
  -webkit-transform: rotate(50.4deg);
  -moz-transform: rotate(50.4deg);
  -o-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.donut[data-percentage="15"] .outer .right {
  -webkit-transform: rotate(54deg);
  -moz-transform: rotate(54deg);
  -o-transform: rotate(54deg);
  transform: rotate(54deg);
}
.donut[data-percentage="16"] .outer .right {
  -webkit-transform: rotate(57.6deg);
  -moz-transform: rotate(57.6deg);
  -o-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.donut[data-percentage="17"] .outer .right {
  -webkit-transform: rotate(61.2deg);
  -moz-transform: rotate(61.2deg);
  -o-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.donut[data-percentage="18"] .outer .right {
  -webkit-transform: rotate(64.8deg);
  -moz-transform: rotate(64.8deg);
  -o-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.donut[data-percentage="19"] .outer .right {
  -webkit-transform: rotate(68.4deg);
  -moz-transform: rotate(68.4deg);
  -o-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.donut[data-percentage="20"] .outer .right {
  -webkit-transform: rotate(72deg);
  -moz-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg);
}
.donut[data-percentage="21"] .outer .right {
  -webkit-transform: rotate(75.6deg);
  -moz-transform: rotate(75.6deg);
  -o-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}
.donut[data-percentage="22"] .outer .right {
  -webkit-transform: rotate(79.2deg);
  -moz-transform: rotate(79.2deg);
  -o-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.donut[data-percentage="23"] .outer .right {
  -webkit-transform: rotate(82.8deg);
  -moz-transform: rotate(82.8deg);
  -o-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.donut[data-percentage="24"] .outer .right {
  -webkit-transform: rotate(86.4deg);
  -moz-transform: rotate(86.4deg);
  -o-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.donut[data-percentage="25"] .outer .right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.donut[data-percentage="26"] .outer .right {
  -webkit-transform: rotate(93.6deg);
  -moz-transform: rotate(93.6deg);
  -o-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}
.donut[data-percentage="27"] .outer .right {
  -webkit-transform: rotate(97.2deg);
  -moz-transform: rotate(97.2deg);
  -o-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.donut[data-percentage="28"] .outer .right {
  -webkit-transform: rotate(100.8deg);
  -moz-transform: rotate(100.8deg);
  -o-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.donut[data-percentage="29"] .outer .right {
  -webkit-transform: rotate(104.4deg);
  -moz-transform: rotate(104.4deg);
  -o-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.donut[data-percentage="30"] .outer .right {
  -webkit-transform: rotate(108deg);
  -moz-transform: rotate(108deg);
  -o-transform: rotate(108deg);
  transform: rotate(108deg);
}
.donut[data-percentage="31"] .outer .right {
  -webkit-transform: rotate(111.6deg);
  -moz-transform: rotate(111.6deg);
  -o-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}
.donut[data-percentage="32"] .outer .right {
  -webkit-transform: rotate(115.2deg);
  -moz-transform: rotate(115.2deg);
  -o-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.donut[data-percentage="33"] .outer .right {
  -webkit-transform: rotate(118.8deg);
  -moz-transform: rotate(118.8deg);
  -o-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.donut[data-percentage="34"] .outer .right {
  -webkit-transform: rotate(122.4deg);
  -moz-transform: rotate(122.4deg);
  -o-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.donut[data-percentage="35"] .outer .right {
  -webkit-transform: rotate(126deg);
  -moz-transform: rotate(126deg);
  -o-transform: rotate(126deg);
  transform: rotate(126deg);
}
.donut[data-percentage="36"] .outer .right {
  -webkit-transform: rotate(129.6deg);
  -moz-transform: rotate(129.6deg);
  -o-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.donut[data-percentage="37"] .outer .right {
  -webkit-transform: rotate(133.2deg);
  -moz-transform: rotate(133.2deg);
  -o-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}
.donut[data-percentage="38"] .outer .right {
  -webkit-transform: rotate(136.8deg);
  -moz-transform: rotate(136.8deg);
  -o-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.donut[data-percentage="39"] .outer .right {
  -webkit-transform: rotate(140.4deg);
  -moz-transform: rotate(140.4deg);
  -o-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.donut[data-percentage="40"] .outer .right {
  -webkit-transform: rotate(144deg);
  -moz-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg);
}
.donut[data-percentage="41"] .outer .right {
  -webkit-transform: rotate(147.6deg);
  -moz-transform: rotate(147.6deg);
  -o-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.donut[data-percentage="42"] .outer .right {
  -webkit-transform: rotate(151.2deg);
  -moz-transform: rotate(151.2deg);
  -o-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}
.donut[data-percentage="43"] .outer .right {
  -webkit-transform: rotate(154.8deg);
  -moz-transform: rotate(154.8deg);
  -o-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.donut[data-percentage="44"] .outer .right {
  -webkit-transform: rotate(158.4deg);
  -moz-transform: rotate(158.4deg);
  -o-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.donut[data-percentage="45"] .outer .right {
  -webkit-transform: rotate(162deg);
  -moz-transform: rotate(162deg);
  -o-transform: rotate(162deg);
  transform: rotate(162deg);
}
.donut[data-percentage="46"] .outer .right {
  -webkit-transform: rotate(165.6deg);
  -moz-transform: rotate(165.6deg);
  -o-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.donut[data-percentage="47"] .outer .right {
  -webkit-transform: rotate(169.2deg);
  -moz-transform: rotate(169.2deg);
  -o-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}
.donut[data-percentage="48"] .outer .right {
  -webkit-transform: rotate(172.8deg);
  -moz-transform: rotate(172.8deg);
  -o-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.donut[data-percentage="49"] .outer .right {
  -webkit-transform: rotate(176.4deg);
  -moz-transform: rotate(176.4deg);
  -o-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.donut[data-percentage="50"] .outer .left {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.donut[data-percentage="51"] .outer .left {
  -webkit-transform: rotate(183.6deg);
  -moz-transform: rotate(183.6deg);
  -o-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}
.donut[data-percentage="52"] .outer .left {
  -webkit-transform: rotate(187.2deg);
  -moz-transform: rotate(187.2deg);
  -o-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
}
.donut[data-percentage="53"] .outer .left {
  -webkit-transform: rotate(190.8deg);
  -moz-transform: rotate(190.8deg);
  -o-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}
.donut[data-percentage="54"] .outer .left {
  -webkit-transform: rotate(194.4deg);
  -moz-transform: rotate(194.4deg);
  -o-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}
.donut[data-percentage="55"] .outer .left {
  -webkit-transform: rotate(198deg);
  -moz-transform: rotate(198deg);
  -o-transform: rotate(198deg);
  transform: rotate(198deg);
}
.donut[data-percentage="56"] .outer .left {
  -webkit-transform: rotate(201.6deg);
  -moz-transform: rotate(201.6deg);
  -o-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}
.donut[data-percentage="57"] .outer .left {
  -webkit-transform: rotate(205.2deg);
  -moz-transform: rotate(205.2deg);
  -o-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
}
.donut[data-percentage="58"] .outer .left {
  -webkit-transform: rotate(208.8deg);
  -moz-transform: rotate(208.8deg);
  -o-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}
.donut[data-percentage="59"] .outer .left {
  -webkit-transform: rotate(212.4deg);
  -moz-transform: rotate(212.4deg);
  -o-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}
.donut[data-percentage="60"] .outer .left {
  -webkit-transform: rotate(216deg);
  -moz-transform: rotate(216deg);
  -o-transform: rotate(216deg);
  transform: rotate(216deg);
}
.donut[data-percentage="61"] .outer .left {
  -webkit-transform: rotate(219.6deg);
  -moz-transform: rotate(219.6deg);
  -o-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}
.donut[data-percentage="62"] .outer .left {
  -webkit-transform: rotate(223.2deg);
  -moz-transform: rotate(223.2deg);
  -o-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
}
.donut[data-percentage="63"] .outer .left {
  -webkit-transform: rotate(226.8deg);
  -moz-transform: rotate(226.8deg);
  -o-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}
.donut[data-percentage="64"] .outer .left {
  -webkit-transform: rotate(230.4deg);
  -moz-transform: rotate(230.4deg);
  -o-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}
.donut[data-percentage="65"] .outer .left {
  -webkit-transform: rotate(234deg);
  -moz-transform: rotate(234deg);
  -o-transform: rotate(234deg);
  transform: rotate(234deg);
}
.donut[data-percentage="66"] .outer .left {
  -webkit-transform: rotate(237.6deg);
  -moz-transform: rotate(237.6deg);
  -o-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}
.donut[data-percentage="67"] .outer .left {
  -webkit-transform: rotate(241.2deg);
  -moz-transform: rotate(241.2deg);
  -o-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
}
.donut[data-percentage="68"] .outer .left {
  -webkit-transform: rotate(244.8deg);
  -moz-transform: rotate(244.8deg);
  -o-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}
.donut[data-percentage="69"] .outer .left {
  -webkit-transform: rotate(248.4deg);
  -moz-transform: rotate(248.4deg);
  -o-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}
.donut[data-percentage="70"] .outer .left {
  -webkit-transform: rotate(252deg);
  -moz-transform: rotate(252deg);
  -o-transform: rotate(252deg);
  transform: rotate(252deg);
}
.donut[data-percentage="71"] .outer .left {
  -webkit-transform: rotate(255.6deg);
  -moz-transform: rotate(255.6deg);
  -o-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}
.donut[data-percentage="72"] .outer .left {
  -webkit-transform: rotate(259.2deg);
  -moz-transform: rotate(259.2deg);
  -o-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}
.donut[data-percentage="73"] .outer .left {
  -webkit-transform: rotate(262.8deg);
  -moz-transform: rotate(262.8deg);
  -o-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}
.donut[data-percentage="74"] .outer .left {
  -webkit-transform: rotate(266.4deg);
  -moz-transform: rotate(266.4deg);
  -o-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
}
.donut[data-percentage="75"] .outer .left {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.donut[data-percentage="76"] .outer .left {
  -webkit-transform: rotate(273.6deg);
  -moz-transform: rotate(273.6deg);
  -o-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}
.donut[data-percentage="77"] .outer .left {
  -webkit-transform: rotate(277.2deg);
  -moz-transform: rotate(277.2deg);
  -o-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}
.donut[data-percentage="78"] .outer .left {
  -webkit-transform: rotate(280.8deg);
  -moz-transform: rotate(280.8deg);
  -o-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}
.donut[data-percentage="79"] .outer .left {
  -webkit-transform: rotate(284.4deg);
  -moz-transform: rotate(284.4deg);
  -o-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
}
.donut[data-percentage="80"] .outer .left {
  -webkit-transform: rotate(288deg);
  -moz-transform: rotate(288deg);
  -o-transform: rotate(288deg);
  transform: rotate(288deg);
}
.donut[data-percentage="81"] .outer .left {
  -webkit-transform: rotate(291.6deg);
  -moz-transform: rotate(291.6deg);
  -o-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}
.donut[data-percentage="82"] .outer .left {
  -webkit-transform: rotate(295.2deg);
  -moz-transform: rotate(295.2deg);
  -o-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}
.donut[data-percentage="83"] .outer .left {
  -webkit-transform: rotate(298.8deg);
  -moz-transform: rotate(298.8deg);
  -o-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}
.donut[data-percentage="84"] .outer .left {
  -webkit-transform: rotate(302.4deg);
  -moz-transform: rotate(302.4deg);
  -o-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
}
.donut[data-percentage="85"] .outer .left {
  -webkit-transform: rotate(306deg);
  -moz-transform: rotate(306deg);
  -o-transform: rotate(306deg);
  transform: rotate(306deg);
}
.donut[data-percentage="86"] .outer .left {
  -webkit-transform: rotate(309.6deg);
  -moz-transform: rotate(309.6deg);
  -o-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}
.donut[data-percentage="87"] .outer .left {
  -webkit-transform: rotate(313.2deg);
  -moz-transform: rotate(313.2deg);
  -o-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}
.donut[data-percentage="88"] .outer .left {
  -webkit-transform: rotate(316.8deg);
  -moz-transform: rotate(316.8deg);
  -o-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}
.donut[data-percentage="89"] .outer .left {
  -webkit-transform: rotate(320.4deg);
  -moz-transform: rotate(320.4deg);
  -o-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
}
.donut[data-percentage="90"] .outer .left {
  -webkit-transform: rotate(324deg);
  -moz-transform: rotate(324deg);
  -o-transform: rotate(324deg);
  transform: rotate(324deg);
}
.donut[data-percentage="91"] .outer .left {
  -webkit-transform: rotate(327.6deg);
  -moz-transform: rotate(327.6deg);
  -o-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}
.donut[data-percentage="92"] .outer .left {
  -webkit-transform: rotate(331.2deg);
  -moz-transform: rotate(331.2deg);
  -o-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}
.donut[data-percentage="93"] .outer .left {
  -webkit-transform: rotate(334.8deg);
  -moz-transform: rotate(334.8deg);
  -o-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}
.donut[data-percentage="94"] .outer .left {
  -webkit-transform: rotate(338.4deg);
  -moz-transform: rotate(338.4deg);
  -o-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
}
.donut[data-percentage="95"] .outer .left {
  -webkit-transform: rotate(342deg);
  -moz-transform: rotate(342deg);
  -o-transform: rotate(342deg);
  transform: rotate(342deg);
}
.donut[data-percentage="96"] .outer .left {
  -webkit-transform: rotate(345.6deg);
  -moz-transform: rotate(345.6deg);
  -o-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}
.donut[data-percentage="97"] .outer .left {
  -webkit-transform: rotate(349.2deg);
  -moz-transform: rotate(349.2deg);
  -o-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}
.donut[data-percentage="98"] .outer .left {
  -webkit-transform: rotate(352.8deg);
  -moz-transform: rotate(352.8deg);
  -o-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}
.donut[data-percentage="99"] .outer .left {
  -webkit-transform: rotate(356.4deg);
  -moz-transform: rotate(356.4deg);
  -o-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
}
.donut[data-percentage="100"] .outer .left {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
.donut .outer {
  position: relative;
  display: block;
  float: left;
  overflow: hidden;
  box-sizing: border-box;
  width: 12em;
  height: 12em;
  border-radius: 50%;
  background-color: #e4dfdc;
}
.donut .outer .left,
.donut .outer .right {
  position: absolute;
  display: block;
  box-sizing: border-box;
  width: 12em;
  height: 12em;
  content: "";
}
.donut .outer .left .color:before,
.donut .outer .right .color:before {
  display: block;
  float: left;
  width: 6em;
  height: 12em;
  background-color: transparent;
  content: "";
}
.donut .outer .left {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.donut .outer .left .color:after {
  display: block;
  float: right;
  width: 6em;
  height: 12em;
  background-color: #e4dfdc;
  box-shadow: 1px 0px 2px rgba(228, 223, 220, 0.9);
  content: "";
}
.donut .outer .right {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.donut .outer .rightwrap {
  position: absolute;
  clip: rect(auto, auto, auto, 6.012em);
  width: 12em;
  height: 12em;
}
.donut .outer .leftwrap {
  position: absolute;
  clip: rect(auto, 6.012em, auto, auto);
  width: 12em;
  height: 12em;
}
.donut .outer .inner {
  position: absolute;
  z-index: 3;
  overflow: hidden;
  margin: 1.33333333em;
  padding: 1.33333333em 0.66666667em;
  width: 9.33333333em;
  height: 9.33333333em;
  border-radius: 50%;
  background-color: #ffffff;
  color: inherit;
  text-align: center;
}
.donut .outer .inner .percentage {
  color: inherit;
  white-space: nowrap;
  letter-spacing: -0.0792em;
  font-size: 300%;
  padding: 0.35555556em 0 0 0;
  line-height: 0.66666667em;
}
.donut .outer .inner .percentage .sign {
  position: relative;
  bottom: 0.12em;
  margin-left: 0.18em;
  font-size: 75%;
}
.donut .outer .inner .text {
  display: block;
  width: 100%;
  overflow: hidden;
  color: inherit;
  text-overflow: ellipsis;
  font-size: 90%;
  line-height: 120%;
  margin-top: 0.33333333em;
}
.donut.blue .outer {
  color: #0095d5;
}
.donut.blue .outer .left .color:before,
.donut.blue .outer .right .color:before {
  background-color: #0095d5;
  color: #0095d5;
}
.donut.brandblue .outer {
  color: #003468;
}
.donut.brandblue .outer .left .color:before,
.donut.brandblue .outer .right .color:before {
  background-color: #003468;
  color: #003468;
}
.donut.green .outer {
  color: #1a6600;
}
.donut.green .outer .left .color:before,
.donut.green .outer .right .color:before {
  background-color: #1a6600;
  color: #1a6600;
}
.donut.red .outer {
  color: #b80000;
}
.donut.red .outer .left .color:before,
.donut.red .outer .right .color:before {
  background-color: #b80000;
  color: #b80000;
}
.donut.orange .outer {
  color: #ff7500;
}
.donut.orange .outer .left .color:before,
.donut.orange .outer .right .color:before {
  background-color: #ff7500;
  color: #ff7500;
}
.donut.green .outer {
  color: #1a6600;
}
.donut.green .outer .left .color:before,
.donut.green .outer .right .color:before {
  background-color: #1a6600;
  color: #1a6600;
}
/* chart with orange-background */
.donut.bg-brandorange[data-percentage="0"] .outer .right {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.donut.bg-brandorange[data-percentage="1"] .outer .right {
  -webkit-transform: rotate(3.6deg);
  -moz-transform: rotate(3.6deg);
  -o-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.donut.bg-brandorange[data-percentage="2"] .outer .right {
  -webkit-transform: rotate(7.2deg);
  -moz-transform: rotate(7.2deg);
  -o-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.donut.bg-brandorange[data-percentage="3"] .outer .right {
  -webkit-transform: rotate(10.8deg);
  -moz-transform: rotate(10.8deg);
  -o-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.donut.bg-brandorange[data-percentage="4"] .outer .right {
  -webkit-transform: rotate(14.4deg);
  -moz-transform: rotate(14.4deg);
  -o-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.donut.bg-brandorange[data-percentage="5"] .outer .right {
  -webkit-transform: rotate(18deg);
  -moz-transform: rotate(18deg);
  -o-transform: rotate(18deg);
  transform: rotate(18deg);
}
.donut.bg-brandorange[data-percentage="6"] .outer .right {
  -webkit-transform: rotate(21.6deg);
  -moz-transform: rotate(21.6deg);
  -o-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.donut.bg-brandorange[data-percentage="7"] .outer .right {
  -webkit-transform: rotate(25.2deg);
  -moz-transform: rotate(25.2deg);
  -o-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.donut.bg-brandorange[data-percentage="8"] .outer .right {
  -webkit-transform: rotate(28.8deg);
  -moz-transform: rotate(28.8deg);
  -o-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.donut.bg-brandorange[data-percentage="9"] .outer .right {
  -webkit-transform: rotate(32.4deg);
  -moz-transform: rotate(32.4deg);
  -o-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.donut.bg-brandorange[data-percentage="10"] .outer .right {
  -webkit-transform: rotate(36deg);
  -moz-transform: rotate(36deg);
  -o-transform: rotate(36deg);
  transform: rotate(36deg);
}
.donut.bg-brandorange[data-percentage="11"] .outer .right {
  -webkit-transform: rotate(39.6deg);
  -moz-transform: rotate(39.6deg);
  -o-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.donut.bg-brandorange[data-percentage="12"] .outer .right {
  -webkit-transform: rotate(43.2deg);
  -moz-transform: rotate(43.2deg);
  -o-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.donut.bg-brandorange[data-percentage="13"] .outer .right {
  -webkit-transform: rotate(46.8deg);
  -moz-transform: rotate(46.8deg);
  -o-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}
.donut.bg-brandorange[data-percentage="14"] .outer .right {
  -webkit-transform: rotate(50.4deg);
  -moz-transform: rotate(50.4deg);
  -o-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.donut.bg-brandorange[data-percentage="15"] .outer .right {
  -webkit-transform: rotate(54deg);
  -moz-transform: rotate(54deg);
  -o-transform: rotate(54deg);
  transform: rotate(54deg);
}
.donut.bg-brandorange[data-percentage="16"] .outer .right {
  -webkit-transform: rotate(57.6deg);
  -moz-transform: rotate(57.6deg);
  -o-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.donut.bg-brandorange[data-percentage="17"] .outer .right {
  -webkit-transform: rotate(61.2deg);
  -moz-transform: rotate(61.2deg);
  -o-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.donut.bg-brandorange[data-percentage="18"] .outer .right {
  -webkit-transform: rotate(64.8deg);
  -moz-transform: rotate(64.8deg);
  -o-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.donut.bg-brandorange[data-percentage="19"] .outer .right {
  -webkit-transform: rotate(68.4deg);
  -moz-transform: rotate(68.4deg);
  -o-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.donut.bg-brandorange[data-percentage="20"] .outer .right {
  -webkit-transform: rotate(72deg);
  -moz-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg);
}
.donut.bg-brandorange[data-percentage="21"] .outer .right {
  -webkit-transform: rotate(75.6deg);
  -moz-transform: rotate(75.6deg);
  -o-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}
.donut.bg-brandorange[data-percentage="22"] .outer .right {
  -webkit-transform: rotate(79.2deg);
  -moz-transform: rotate(79.2deg);
  -o-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.donut.bg-brandorange[data-percentage="23"] .outer .right {
  -webkit-transform: rotate(82.8deg);
  -moz-transform: rotate(82.8deg);
  -o-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.donut.bg-brandorange[data-percentage="24"] .outer .right {
  -webkit-transform: rotate(86.4deg);
  -moz-transform: rotate(86.4deg);
  -o-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.donut.bg-brandorange[data-percentage="25"] .outer .right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.donut.bg-brandorange[data-percentage="26"] .outer .right {
  -webkit-transform: rotate(93.6deg);
  -moz-transform: rotate(93.6deg);
  -o-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}
.donut.bg-brandorange[data-percentage="27"] .outer .right {
  -webkit-transform: rotate(97.2deg);
  -moz-transform: rotate(97.2deg);
  -o-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.donut.bg-brandorange[data-percentage="28"] .outer .right {
  -webkit-transform: rotate(100.8deg);
  -moz-transform: rotate(100.8deg);
  -o-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.donut.bg-brandorange[data-percentage="29"] .outer .right {
  -webkit-transform: rotate(104.4deg);
  -moz-transform: rotate(104.4deg);
  -o-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.donut.bg-brandorange[data-percentage="30"] .outer .right {
  -webkit-transform: rotate(108deg);
  -moz-transform: rotate(108deg);
  -o-transform: rotate(108deg);
  transform: rotate(108deg);
}
.donut.bg-brandorange[data-percentage="31"] .outer .right {
  -webkit-transform: rotate(111.6deg);
  -moz-transform: rotate(111.6deg);
  -o-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}
.donut.bg-brandorange[data-percentage="32"] .outer .right {
  -webkit-transform: rotate(115.2deg);
  -moz-transform: rotate(115.2deg);
  -o-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.donut.bg-brandorange[data-percentage="33"] .outer .right {
  -webkit-transform: rotate(118.8deg);
  -moz-transform: rotate(118.8deg);
  -o-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.donut.bg-brandorange[data-percentage="34"] .outer .right {
  -webkit-transform: rotate(122.4deg);
  -moz-transform: rotate(122.4deg);
  -o-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.donut.bg-brandorange[data-percentage="35"] .outer .right {
  -webkit-transform: rotate(126deg);
  -moz-transform: rotate(126deg);
  -o-transform: rotate(126deg);
  transform: rotate(126deg);
}
.donut.bg-brandorange[data-percentage="36"] .outer .right {
  -webkit-transform: rotate(129.6deg);
  -moz-transform: rotate(129.6deg);
  -o-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.donut.bg-brandorange[data-percentage="37"] .outer .right {
  -webkit-transform: rotate(133.2deg);
  -moz-transform: rotate(133.2deg);
  -o-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}
.donut.bg-brandorange[data-percentage="38"] .outer .right {
  -webkit-transform: rotate(136.8deg);
  -moz-transform: rotate(136.8deg);
  -o-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.donut.bg-brandorange[data-percentage="39"] .outer .right {
  -webkit-transform: rotate(140.4deg);
  -moz-transform: rotate(140.4deg);
  -o-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.donut.bg-brandorange[data-percentage="40"] .outer .right {
  -webkit-transform: rotate(144deg);
  -moz-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg);
}
.donut.bg-brandorange[data-percentage="41"] .outer .right {
  -webkit-transform: rotate(147.6deg);
  -moz-transform: rotate(147.6deg);
  -o-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.donut.bg-brandorange[data-percentage="42"] .outer .right {
  -webkit-transform: rotate(151.2deg);
  -moz-transform: rotate(151.2deg);
  -o-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}
.donut.bg-brandorange[data-percentage="43"] .outer .right {
  -webkit-transform: rotate(154.8deg);
  -moz-transform: rotate(154.8deg);
  -o-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.donut.bg-brandorange[data-percentage="44"] .outer .right {
  -webkit-transform: rotate(158.4deg);
  -moz-transform: rotate(158.4deg);
  -o-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.donut.bg-brandorange[data-percentage="45"] .outer .right {
  -webkit-transform: rotate(162deg);
  -moz-transform: rotate(162deg);
  -o-transform: rotate(162deg);
  transform: rotate(162deg);
}
.donut.bg-brandorange[data-percentage="46"] .outer .right {
  -webkit-transform: rotate(165.6deg);
  -moz-transform: rotate(165.6deg);
  -o-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.donut.bg-brandorange[data-percentage="47"] .outer .right {
  -webkit-transform: rotate(169.2deg);
  -moz-transform: rotate(169.2deg);
  -o-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}
.donut.bg-brandorange[data-percentage="48"] .outer .right {
  -webkit-transform: rotate(172.8deg);
  -moz-transform: rotate(172.8deg);
  -o-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.donut.bg-brandorange[data-percentage="49"] .outer .right {
  -webkit-transform: rotate(176.4deg);
  -moz-transform: rotate(176.4deg);
  -o-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.donut.bg-brandorange[data-percentage="50"] .outer .left {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.donut.bg-brandorange[data-percentage="51"] .outer .left {
  -webkit-transform: rotate(183.6deg);
  -moz-transform: rotate(183.6deg);
  -o-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}
.donut.bg-brandorange[data-percentage="52"] .outer .left {
  -webkit-transform: rotate(187.2deg);
  -moz-transform: rotate(187.2deg);
  -o-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
}
.donut.bg-brandorange[data-percentage="53"] .outer .left {
  -webkit-transform: rotate(190.8deg);
  -moz-transform: rotate(190.8deg);
  -o-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}
.donut.bg-brandorange[data-percentage="54"] .outer .left {
  -webkit-transform: rotate(194.4deg);
  -moz-transform: rotate(194.4deg);
  -o-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}
.donut.bg-brandorange[data-percentage="55"] .outer .left {
  -webkit-transform: rotate(198deg);
  -moz-transform: rotate(198deg);
  -o-transform: rotate(198deg);
  transform: rotate(198deg);
}
.donut.bg-brandorange[data-percentage="56"] .outer .left {
  -webkit-transform: rotate(201.6deg);
  -moz-transform: rotate(201.6deg);
  -o-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}
.donut.bg-brandorange[data-percentage="57"] .outer .left {
  -webkit-transform: rotate(205.2deg);
  -moz-transform: rotate(205.2deg);
  -o-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
}
.donut.bg-brandorange[data-percentage="58"] .outer .left {
  -webkit-transform: rotate(208.8deg);
  -moz-transform: rotate(208.8deg);
  -o-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}
.donut.bg-brandorange[data-percentage="59"] .outer .left {
  -webkit-transform: rotate(212.4deg);
  -moz-transform: rotate(212.4deg);
  -o-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}
.donut.bg-brandorange[data-percentage="60"] .outer .left {
  -webkit-transform: rotate(216deg);
  -moz-transform: rotate(216deg);
  -o-transform: rotate(216deg);
  transform: rotate(216deg);
}
.donut.bg-brandorange[data-percentage="61"] .outer .left {
  -webkit-transform: rotate(219.6deg);
  -moz-transform: rotate(219.6deg);
  -o-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}
.donut.bg-brandorange[data-percentage="62"] .outer .left {
  -webkit-transform: rotate(223.2deg);
  -moz-transform: rotate(223.2deg);
  -o-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
}
.donut.bg-brandorange[data-percentage="63"] .outer .left {
  -webkit-transform: rotate(226.8deg);
  -moz-transform: rotate(226.8deg);
  -o-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}
.donut.bg-brandorange[data-percentage="64"] .outer .left {
  -webkit-transform: rotate(230.4deg);
  -moz-transform: rotate(230.4deg);
  -o-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}
.donut.bg-brandorange[data-percentage="65"] .outer .left {
  -webkit-transform: rotate(234deg);
  -moz-transform: rotate(234deg);
  -o-transform: rotate(234deg);
  transform: rotate(234deg);
}
.donut.bg-brandorange[data-percentage="66"] .outer .left {
  -webkit-transform: rotate(237.6deg);
  -moz-transform: rotate(237.6deg);
  -o-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}
.donut.bg-brandorange[data-percentage="67"] .outer .left {
  -webkit-transform: rotate(241.2deg);
  -moz-transform: rotate(241.2deg);
  -o-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
}
.donut.bg-brandorange[data-percentage="68"] .outer .left {
  -webkit-transform: rotate(244.8deg);
  -moz-transform: rotate(244.8deg);
  -o-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}
.donut.bg-brandorange[data-percentage="69"] .outer .left {
  -webkit-transform: rotate(248.4deg);
  -moz-transform: rotate(248.4deg);
  -o-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}
.donut.bg-brandorange[data-percentage="70"] .outer .left {
  -webkit-transform: rotate(252deg);
  -moz-transform: rotate(252deg);
  -o-transform: rotate(252deg);
  transform: rotate(252deg);
}
.donut.bg-brandorange[data-percentage="71"] .outer .left {
  -webkit-transform: rotate(255.6deg);
  -moz-transform: rotate(255.6deg);
  -o-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}
.donut.bg-brandorange[data-percentage="72"] .outer .left {
  -webkit-transform: rotate(259.2deg);
  -moz-transform: rotate(259.2deg);
  -o-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}
.donut.bg-brandorange[data-percentage="73"] .outer .left {
  -webkit-transform: rotate(262.8deg);
  -moz-transform: rotate(262.8deg);
  -o-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}
.donut.bg-brandorange[data-percentage="74"] .outer .left {
  -webkit-transform: rotate(266.4deg);
  -moz-transform: rotate(266.4deg);
  -o-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
}
.donut.bg-brandorange[data-percentage="75"] .outer .left {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.donut.bg-brandorange[data-percentage="76"] .outer .left {
  -webkit-transform: rotate(273.6deg);
  -moz-transform: rotate(273.6deg);
  -o-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}
.donut.bg-brandorange[data-percentage="77"] .outer .left {
  -webkit-transform: rotate(277.2deg);
  -moz-transform: rotate(277.2deg);
  -o-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}
.donut.bg-brandorange[data-percentage="78"] .outer .left {
  -webkit-transform: rotate(280.8deg);
  -moz-transform: rotate(280.8deg);
  -o-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}
.donut.bg-brandorange[data-percentage="79"] .outer .left {
  -webkit-transform: rotate(284.4deg);
  -moz-transform: rotate(284.4deg);
  -o-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
}
.donut.bg-brandorange[data-percentage="80"] .outer .left {
  -webkit-transform: rotate(288deg);
  -moz-transform: rotate(288deg);
  -o-transform: rotate(288deg);
  transform: rotate(288deg);
}
.donut.bg-brandorange[data-percentage="81"] .outer .left {
  -webkit-transform: rotate(291.6deg);
  -moz-transform: rotate(291.6deg);
  -o-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}
.donut.bg-brandorange[data-percentage="82"] .outer .left {
  -webkit-transform: rotate(295.2deg);
  -moz-transform: rotate(295.2deg);
  -o-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}
.donut.bg-brandorange[data-percentage="83"] .outer .left {
  -webkit-transform: rotate(298.8deg);
  -moz-transform: rotate(298.8deg);
  -o-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}
.donut.bg-brandorange[data-percentage="84"] .outer .left {
  -webkit-transform: rotate(302.4deg);
  -moz-transform: rotate(302.4deg);
  -o-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
}
.donut.bg-brandorange[data-percentage="85"] .outer .left {
  -webkit-transform: rotate(306deg);
  -moz-transform: rotate(306deg);
  -o-transform: rotate(306deg);
  transform: rotate(306deg);
}
.donut.bg-brandorange[data-percentage="86"] .outer .left {
  -webkit-transform: rotate(309.6deg);
  -moz-transform: rotate(309.6deg);
  -o-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}
.donut.bg-brandorange[data-percentage="87"] .outer .left {
  -webkit-transform: rotate(313.2deg);
  -moz-transform: rotate(313.2deg);
  -o-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}
.donut.bg-brandorange[data-percentage="88"] .outer .left {
  -webkit-transform: rotate(316.8deg);
  -moz-transform: rotate(316.8deg);
  -o-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}
.donut.bg-brandorange[data-percentage="89"] .outer .left {
  -webkit-transform: rotate(320.4deg);
  -moz-transform: rotate(320.4deg);
  -o-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
}
.donut.bg-brandorange[data-percentage="90"] .outer .left {
  -webkit-transform: rotate(324deg);
  -moz-transform: rotate(324deg);
  -o-transform: rotate(324deg);
  transform: rotate(324deg);
}
.donut.bg-brandorange[data-percentage="91"] .outer .left {
  -webkit-transform: rotate(327.6deg);
  -moz-transform: rotate(327.6deg);
  -o-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}
.donut.bg-brandorange[data-percentage="92"] .outer .left {
  -webkit-transform: rotate(331.2deg);
  -moz-transform: rotate(331.2deg);
  -o-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}
.donut.bg-brandorange[data-percentage="93"] .outer .left {
  -webkit-transform: rotate(334.8deg);
  -moz-transform: rotate(334.8deg);
  -o-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}
.donut.bg-brandorange[data-percentage="94"] .outer .left {
  -webkit-transform: rotate(338.4deg);
  -moz-transform: rotate(338.4deg);
  -o-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
}
.donut.bg-brandorange[data-percentage="95"] .outer .left {
  -webkit-transform: rotate(342deg);
  -moz-transform: rotate(342deg);
  -o-transform: rotate(342deg);
  transform: rotate(342deg);
}
.donut.bg-brandorange[data-percentage="96"] .outer .left {
  -webkit-transform: rotate(345.6deg);
  -moz-transform: rotate(345.6deg);
  -o-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}
.donut.bg-brandorange[data-percentage="97"] .outer .left {
  -webkit-transform: rotate(349.2deg);
  -moz-transform: rotate(349.2deg);
  -o-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}
.donut.bg-brandorange[data-percentage="98"] .outer .left {
  -webkit-transform: rotate(352.8deg);
  -moz-transform: rotate(352.8deg);
  -o-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}
.donut.bg-brandorange[data-percentage="99"] .outer .left {
  -webkit-transform: rotate(356.4deg);
  -moz-transform: rotate(356.4deg);
  -o-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
}
.donut.bg-brandorange[data-percentage="100"] .outer .left {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
.donut.bg-brandorange .outer {
  position: relative;
  display: block;
  float: left;
  overflow: hidden;
  box-sizing: border-box;
  width: 12em;
  height: 12em;
  border-radius: 50%;
  background-color: #ff7500;
}
.donut.bg-brandorange .outer .left,
.donut.bg-brandorange .outer .right {
  position: absolute;
  display: block;
  box-sizing: border-box;
  width: 12em;
  height: 12em;
  content: "";
}
.donut.bg-brandorange .outer .left .color:before,
.donut.bg-brandorange .outer .right .color:before {
  display: block;
  float: left;
  width: 6em;
  height: 12em;
  background-color: transparent;
  content: "";
}
.donut.bg-brandorange .outer .left {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.donut.bg-brandorange .outer .left .color:after {
  display: block;
  float: right;
  width: 6em;
  height: 12em;
  background-color: #ff7500;
  box-shadow: 1px 0px 2px rgba(255, 117, 0, 0.9);
  content: "";
}
.donut.bg-brandorange .outer .right {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.donut.bg-brandorange .outer .rightwrap {
  position: absolute;
  clip: rect(auto, auto, auto, 6.012em);
  width: 12em;
  height: 12em;
}
.donut.bg-brandorange .outer .leftwrap {
  position: absolute;
  clip: rect(auto, 6.012em, auto, auto);
  width: 12em;
  height: 12em;
}
.donut.bg-brandorange .outer .inner {
  position: absolute;
  z-index: 3;
  overflow: hidden;
  margin: 1.33333333em;
  padding: 1.33333333em 0.66666667em;
  width: 9.33333333em;
  height: 9.33333333em;
  border-radius: 50%;
  background-color: #ffffff;
  color: inherit;
  text-align: center;
}
.donut.bg-brandorange .outer .inner .percentage {
  color: inherit;
  white-space: nowrap;
  letter-spacing: -0.0792em;
  font-size: 300%;
  padding: 0.35555556em 0 0 0;
  line-height: 0.66666667em;
}
.donut.bg-brandorange .outer .inner .percentage .sign {
  position: relative;
  bottom: 0.12em;
  margin-left: 0.18em;
  font-size: 75%;
}
.donut.bg-brandorange .outer .inner .text {
  display: block;
  width: 100%;
  overflow: hidden;
  color: inherit;
  text-overflow: ellipsis;
  font-size: 90%;
  line-height: 120%;
  margin-top: 0.33333333em;
}
.donut.bg-brandorange.blue .outer {
  color: #0095d5;
}
.donut.bg-brandorange.blue .outer .left .color:before,
.donut.bg-brandorange.blue .outer .right .color:before {
  background-color: #0095d5;
  color: #0095d5;
}
.donut.bg-brandorange.brandblue .outer {
  color: #003468;
}
.donut.bg-brandorange.brandblue .outer .left .color:before,
.donut.bg-brandorange.brandblue .outer .right .color:before {
  background-color: #003468;
  color: #003468;
}
.donut.bg-brandorange.green .outer {
  color: #1a6600;
}
.donut.bg-brandorange.green .outer .left .color:before,
.donut.bg-brandorange.green .outer .right .color:before {
  background-color: #1a6600;
  color: #1a6600;
}
.donut.bg-brandorange.red .outer {
  color: #b80000;
}
.donut.bg-brandorange.red .outer .left .color:before,
.donut.bg-brandorange.red .outer .right .color:before {
  background-color: #b80000;
  color: #b80000;
}
.donut.bg-brandorange.orange .outer {
  color: #ff7500;
}
.donut.bg-brandorange.orange .outer .left .color:before,
.donut.bg-brandorange.orange .outer .right .color:before {
  background-color: #ff7500;
  color: #ff7500;
}
.donut.bg-brandorange.green .outer {
  color: #1a6600;
}
.donut.bg-brandorange.green .outer .left .color:before,
.donut.bg-brandorange.green .outer .right .color:before {
  background-color: #1a6600;
  color: #1a6600;
}
/* chart with blue-background */
.donut.bg-brandblue[data-percentage="0"] .outer .right {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.donut.bg-brandblue[data-percentage="1"] .outer .right {
  -webkit-transform: rotate(3.6deg);
  -moz-transform: rotate(3.6deg);
  -o-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.donut.bg-brandblue[data-percentage="2"] .outer .right {
  -webkit-transform: rotate(7.2deg);
  -moz-transform: rotate(7.2deg);
  -o-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.donut.bg-brandblue[data-percentage="3"] .outer .right {
  -webkit-transform: rotate(10.8deg);
  -moz-transform: rotate(10.8deg);
  -o-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.donut.bg-brandblue[data-percentage="4"] .outer .right {
  -webkit-transform: rotate(14.4deg);
  -moz-transform: rotate(14.4deg);
  -o-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.donut.bg-brandblue[data-percentage="5"] .outer .right {
  -webkit-transform: rotate(18deg);
  -moz-transform: rotate(18deg);
  -o-transform: rotate(18deg);
  transform: rotate(18deg);
}
.donut.bg-brandblue[data-percentage="6"] .outer .right {
  -webkit-transform: rotate(21.6deg);
  -moz-transform: rotate(21.6deg);
  -o-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.donut.bg-brandblue[data-percentage="7"] .outer .right {
  -webkit-transform: rotate(25.2deg);
  -moz-transform: rotate(25.2deg);
  -o-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.donut.bg-brandblue[data-percentage="8"] .outer .right {
  -webkit-transform: rotate(28.8deg);
  -moz-transform: rotate(28.8deg);
  -o-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.donut.bg-brandblue[data-percentage="9"] .outer .right {
  -webkit-transform: rotate(32.4deg);
  -moz-transform: rotate(32.4deg);
  -o-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.donut.bg-brandblue[data-percentage="10"] .outer .right {
  -webkit-transform: rotate(36deg);
  -moz-transform: rotate(36deg);
  -o-transform: rotate(36deg);
  transform: rotate(36deg);
}
.donut.bg-brandblue[data-percentage="11"] .outer .right {
  -webkit-transform: rotate(39.6deg);
  -moz-transform: rotate(39.6deg);
  -o-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.donut.bg-brandblue[data-percentage="12"] .outer .right {
  -webkit-transform: rotate(43.2deg);
  -moz-transform: rotate(43.2deg);
  -o-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.donut.bg-brandblue[data-percentage="13"] .outer .right {
  -webkit-transform: rotate(46.8deg);
  -moz-transform: rotate(46.8deg);
  -o-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}
.donut.bg-brandblue[data-percentage="14"] .outer .right {
  -webkit-transform: rotate(50.4deg);
  -moz-transform: rotate(50.4deg);
  -o-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.donut.bg-brandblue[data-percentage="15"] .outer .right {
  -webkit-transform: rotate(54deg);
  -moz-transform: rotate(54deg);
  -o-transform: rotate(54deg);
  transform: rotate(54deg);
}
.donut.bg-brandblue[data-percentage="16"] .outer .right {
  -webkit-transform: rotate(57.6deg);
  -moz-transform: rotate(57.6deg);
  -o-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.donut.bg-brandblue[data-percentage="17"] .outer .right {
  -webkit-transform: rotate(61.2deg);
  -moz-transform: rotate(61.2deg);
  -o-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.donut.bg-brandblue[data-percentage="18"] .outer .right {
  -webkit-transform: rotate(64.8deg);
  -moz-transform: rotate(64.8deg);
  -o-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.donut.bg-brandblue[data-percentage="19"] .outer .right {
  -webkit-transform: rotate(68.4deg);
  -moz-transform: rotate(68.4deg);
  -o-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.donut.bg-brandblue[data-percentage="20"] .outer .right {
  -webkit-transform: rotate(72deg);
  -moz-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg);
}
.donut.bg-brandblue[data-percentage="21"] .outer .right {
  -webkit-transform: rotate(75.6deg);
  -moz-transform: rotate(75.6deg);
  -o-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}
.donut.bg-brandblue[data-percentage="22"] .outer .right {
  -webkit-transform: rotate(79.2deg);
  -moz-transform: rotate(79.2deg);
  -o-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.donut.bg-brandblue[data-percentage="23"] .outer .right {
  -webkit-transform: rotate(82.8deg);
  -moz-transform: rotate(82.8deg);
  -o-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.donut.bg-brandblue[data-percentage="24"] .outer .right {
  -webkit-transform: rotate(86.4deg);
  -moz-transform: rotate(86.4deg);
  -o-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.donut.bg-brandblue[data-percentage="25"] .outer .right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.donut.bg-brandblue[data-percentage="26"] .outer .right {
  -webkit-transform: rotate(93.6deg);
  -moz-transform: rotate(93.6deg);
  -o-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}
.donut.bg-brandblue[data-percentage="27"] .outer .right {
  -webkit-transform: rotate(97.2deg);
  -moz-transform: rotate(97.2deg);
  -o-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.donut.bg-brandblue[data-percentage="28"] .outer .right {
  -webkit-transform: rotate(100.8deg);
  -moz-transform: rotate(100.8deg);
  -o-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.donut.bg-brandblue[data-percentage="29"] .outer .right {
  -webkit-transform: rotate(104.4deg);
  -moz-transform: rotate(104.4deg);
  -o-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.donut.bg-brandblue[data-percentage="30"] .outer .right {
  -webkit-transform: rotate(108deg);
  -moz-transform: rotate(108deg);
  -o-transform: rotate(108deg);
  transform: rotate(108deg);
}
.donut.bg-brandblue[data-percentage="31"] .outer .right {
  -webkit-transform: rotate(111.6deg);
  -moz-transform: rotate(111.6deg);
  -o-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}
.donut.bg-brandblue[data-percentage="32"] .outer .right {
  -webkit-transform: rotate(115.2deg);
  -moz-transform: rotate(115.2deg);
  -o-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.donut.bg-brandblue[data-percentage="33"] .outer .right {
  -webkit-transform: rotate(118.8deg);
  -moz-transform: rotate(118.8deg);
  -o-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.donut.bg-brandblue[data-percentage="34"] .outer .right {
  -webkit-transform: rotate(122.4deg);
  -moz-transform: rotate(122.4deg);
  -o-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.donut.bg-brandblue[data-percentage="35"] .outer .right {
  -webkit-transform: rotate(126deg);
  -moz-transform: rotate(126deg);
  -o-transform: rotate(126deg);
  transform: rotate(126deg);
}
.donut.bg-brandblue[data-percentage="36"] .outer .right {
  -webkit-transform: rotate(129.6deg);
  -moz-transform: rotate(129.6deg);
  -o-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.donut.bg-brandblue[data-percentage="37"] .outer .right {
  -webkit-transform: rotate(133.2deg);
  -moz-transform: rotate(133.2deg);
  -o-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}
.donut.bg-brandblue[data-percentage="38"] .outer .right {
  -webkit-transform: rotate(136.8deg);
  -moz-transform: rotate(136.8deg);
  -o-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.donut.bg-brandblue[data-percentage="39"] .outer .right {
  -webkit-transform: rotate(140.4deg);
  -moz-transform: rotate(140.4deg);
  -o-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.donut.bg-brandblue[data-percentage="40"] .outer .right {
  -webkit-transform: rotate(144deg);
  -moz-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg);
}
.donut.bg-brandblue[data-percentage="41"] .outer .right {
  -webkit-transform: rotate(147.6deg);
  -moz-transform: rotate(147.6deg);
  -o-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.donut.bg-brandblue[data-percentage="42"] .outer .right {
  -webkit-transform: rotate(151.2deg);
  -moz-transform: rotate(151.2deg);
  -o-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}
.donut.bg-brandblue[data-percentage="43"] .outer .right {
  -webkit-transform: rotate(154.8deg);
  -moz-transform: rotate(154.8deg);
  -o-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.donut.bg-brandblue[data-percentage="44"] .outer .right {
  -webkit-transform: rotate(158.4deg);
  -moz-transform: rotate(158.4deg);
  -o-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.donut.bg-brandblue[data-percentage="45"] .outer .right {
  -webkit-transform: rotate(162deg);
  -moz-transform: rotate(162deg);
  -o-transform: rotate(162deg);
  transform: rotate(162deg);
}
.donut.bg-brandblue[data-percentage="46"] .outer .right {
  -webkit-transform: rotate(165.6deg);
  -moz-transform: rotate(165.6deg);
  -o-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.donut.bg-brandblue[data-percentage="47"] .outer .right {
  -webkit-transform: rotate(169.2deg);
  -moz-transform: rotate(169.2deg);
  -o-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}
.donut.bg-brandblue[data-percentage="48"] .outer .right {
  -webkit-transform: rotate(172.8deg);
  -moz-transform: rotate(172.8deg);
  -o-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.donut.bg-brandblue[data-percentage="49"] .outer .right {
  -webkit-transform: rotate(176.4deg);
  -moz-transform: rotate(176.4deg);
  -o-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.donut.bg-brandblue[data-percentage="50"] .outer .left {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.donut.bg-brandblue[data-percentage="51"] .outer .left {
  -webkit-transform: rotate(183.6deg);
  -moz-transform: rotate(183.6deg);
  -o-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}
.donut.bg-brandblue[data-percentage="52"] .outer .left {
  -webkit-transform: rotate(187.2deg);
  -moz-transform: rotate(187.2deg);
  -o-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
}
.donut.bg-brandblue[data-percentage="53"] .outer .left {
  -webkit-transform: rotate(190.8deg);
  -moz-transform: rotate(190.8deg);
  -o-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}
.donut.bg-brandblue[data-percentage="54"] .outer .left {
  -webkit-transform: rotate(194.4deg);
  -moz-transform: rotate(194.4deg);
  -o-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}
.donut.bg-brandblue[data-percentage="55"] .outer .left {
  -webkit-transform: rotate(198deg);
  -moz-transform: rotate(198deg);
  -o-transform: rotate(198deg);
  transform: rotate(198deg);
}
.donut.bg-brandblue[data-percentage="56"] .outer .left {
  -webkit-transform: rotate(201.6deg);
  -moz-transform: rotate(201.6deg);
  -o-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}
.donut.bg-brandblue[data-percentage="57"] .outer .left {
  -webkit-transform: rotate(205.2deg);
  -moz-transform: rotate(205.2deg);
  -o-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
}
.donut.bg-brandblue[data-percentage="58"] .outer .left {
  -webkit-transform: rotate(208.8deg);
  -moz-transform: rotate(208.8deg);
  -o-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}
.donut.bg-brandblue[data-percentage="59"] .outer .left {
  -webkit-transform: rotate(212.4deg);
  -moz-transform: rotate(212.4deg);
  -o-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}
.donut.bg-brandblue[data-percentage="60"] .outer .left {
  -webkit-transform: rotate(216deg);
  -moz-transform: rotate(216deg);
  -o-transform: rotate(216deg);
  transform: rotate(216deg);
}
.donut.bg-brandblue[data-percentage="61"] .outer .left {
  -webkit-transform: rotate(219.6deg);
  -moz-transform: rotate(219.6deg);
  -o-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}
.donut.bg-brandblue[data-percentage="62"] .outer .left {
  -webkit-transform: rotate(223.2deg);
  -moz-transform: rotate(223.2deg);
  -o-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
}
.donut.bg-brandblue[data-percentage="63"] .outer .left {
  -webkit-transform: rotate(226.8deg);
  -moz-transform: rotate(226.8deg);
  -o-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}
.donut.bg-brandblue[data-percentage="64"] .outer .left {
  -webkit-transform: rotate(230.4deg);
  -moz-transform: rotate(230.4deg);
  -o-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}
.donut.bg-brandblue[data-percentage="65"] .outer .left {
  -webkit-transform: rotate(234deg);
  -moz-transform: rotate(234deg);
  -o-transform: rotate(234deg);
  transform: rotate(234deg);
}
.donut.bg-brandblue[data-percentage="66"] .outer .left {
  -webkit-transform: rotate(237.6deg);
  -moz-transform: rotate(237.6deg);
  -o-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}
.donut.bg-brandblue[data-percentage="67"] .outer .left {
  -webkit-transform: rotate(241.2deg);
  -moz-transform: rotate(241.2deg);
  -o-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
}
.donut.bg-brandblue[data-percentage="68"] .outer .left {
  -webkit-transform: rotate(244.8deg);
  -moz-transform: rotate(244.8deg);
  -o-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}
.donut.bg-brandblue[data-percentage="69"] .outer .left {
  -webkit-transform: rotate(248.4deg);
  -moz-transform: rotate(248.4deg);
  -o-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}
.donut.bg-brandblue[data-percentage="70"] .outer .left {
  -webkit-transform: rotate(252deg);
  -moz-transform: rotate(252deg);
  -o-transform: rotate(252deg);
  transform: rotate(252deg);
}
.donut.bg-brandblue[data-percentage="71"] .outer .left {
  -webkit-transform: rotate(255.6deg);
  -moz-transform: rotate(255.6deg);
  -o-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}
.donut.bg-brandblue[data-percentage="72"] .outer .left {
  -webkit-transform: rotate(259.2deg);
  -moz-transform: rotate(259.2deg);
  -o-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}
.donut.bg-brandblue[data-percentage="73"] .outer .left {
  -webkit-transform: rotate(262.8deg);
  -moz-transform: rotate(262.8deg);
  -o-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}
.donut.bg-brandblue[data-percentage="74"] .outer .left {
  -webkit-transform: rotate(266.4deg);
  -moz-transform: rotate(266.4deg);
  -o-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
}
.donut.bg-brandblue[data-percentage="75"] .outer .left {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.donut.bg-brandblue[data-percentage="76"] .outer .left {
  -webkit-transform: rotate(273.6deg);
  -moz-transform: rotate(273.6deg);
  -o-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}
.donut.bg-brandblue[data-percentage="77"] .outer .left {
  -webkit-transform: rotate(277.2deg);
  -moz-transform: rotate(277.2deg);
  -o-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}
.donut.bg-brandblue[data-percentage="78"] .outer .left {
  -webkit-transform: rotate(280.8deg);
  -moz-transform: rotate(280.8deg);
  -o-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}
.donut.bg-brandblue[data-percentage="79"] .outer .left {
  -webkit-transform: rotate(284.4deg);
  -moz-transform: rotate(284.4deg);
  -o-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
}
.donut.bg-brandblue[data-percentage="80"] .outer .left {
  -webkit-transform: rotate(288deg);
  -moz-transform: rotate(288deg);
  -o-transform: rotate(288deg);
  transform: rotate(288deg);
}
.donut.bg-brandblue[data-percentage="81"] .outer .left {
  -webkit-transform: rotate(291.6deg);
  -moz-transform: rotate(291.6deg);
  -o-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}
.donut.bg-brandblue[data-percentage="82"] .outer .left {
  -webkit-transform: rotate(295.2deg);
  -moz-transform: rotate(295.2deg);
  -o-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}
.donut.bg-brandblue[data-percentage="83"] .outer .left {
  -webkit-transform: rotate(298.8deg);
  -moz-transform: rotate(298.8deg);
  -o-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}
.donut.bg-brandblue[data-percentage="84"] .outer .left {
  -webkit-transform: rotate(302.4deg);
  -moz-transform: rotate(302.4deg);
  -o-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
}
.donut.bg-brandblue[data-percentage="85"] .outer .left {
  -webkit-transform: rotate(306deg);
  -moz-transform: rotate(306deg);
  -o-transform: rotate(306deg);
  transform: rotate(306deg);
}
.donut.bg-brandblue[data-percentage="86"] .outer .left {
  -webkit-transform: rotate(309.6deg);
  -moz-transform: rotate(309.6deg);
  -o-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}
.donut.bg-brandblue[data-percentage="87"] .outer .left {
  -webkit-transform: rotate(313.2deg);
  -moz-transform: rotate(313.2deg);
  -o-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}
.donut.bg-brandblue[data-percentage="88"] .outer .left {
  -webkit-transform: rotate(316.8deg);
  -moz-transform: rotate(316.8deg);
  -o-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}
.donut.bg-brandblue[data-percentage="89"] .outer .left {
  -webkit-transform: rotate(320.4deg);
  -moz-transform: rotate(320.4deg);
  -o-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
}
.donut.bg-brandblue[data-percentage="90"] .outer .left {
  -webkit-transform: rotate(324deg);
  -moz-transform: rotate(324deg);
  -o-transform: rotate(324deg);
  transform: rotate(324deg);
}
.donut.bg-brandblue[data-percentage="91"] .outer .left {
  -webkit-transform: rotate(327.6deg);
  -moz-transform: rotate(327.6deg);
  -o-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}
.donut.bg-brandblue[data-percentage="92"] .outer .left {
  -webkit-transform: rotate(331.2deg);
  -moz-transform: rotate(331.2deg);
  -o-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}
.donut.bg-brandblue[data-percentage="93"] .outer .left {
  -webkit-transform: rotate(334.8deg);
  -moz-transform: rotate(334.8deg);
  -o-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}
.donut.bg-brandblue[data-percentage="94"] .outer .left {
  -webkit-transform: rotate(338.4deg);
  -moz-transform: rotate(338.4deg);
  -o-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
}
.donut.bg-brandblue[data-percentage="95"] .outer .left {
  -webkit-transform: rotate(342deg);
  -moz-transform: rotate(342deg);
  -o-transform: rotate(342deg);
  transform: rotate(342deg);
}
.donut.bg-brandblue[data-percentage="96"] .outer .left {
  -webkit-transform: rotate(345.6deg);
  -moz-transform: rotate(345.6deg);
  -o-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}
.donut.bg-brandblue[data-percentage="97"] .outer .left {
  -webkit-transform: rotate(349.2deg);
  -moz-transform: rotate(349.2deg);
  -o-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}
.donut.bg-brandblue[data-percentage="98"] .outer .left {
  -webkit-transform: rotate(352.8deg);
  -moz-transform: rotate(352.8deg);
  -o-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}
.donut.bg-brandblue[data-percentage="99"] .outer .left {
  -webkit-transform: rotate(356.4deg);
  -moz-transform: rotate(356.4deg);
  -o-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
}
.donut.bg-brandblue[data-percentage="100"] .outer .left {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
.donut.bg-brandblue .outer {
  position: relative;
  display: block;
  float: left;
  overflow: hidden;
  box-sizing: border-box;
  width: 12em;
  height: 12em;
  border-radius: 50%;
  background-color: #003468;
}
.donut.bg-brandblue .outer .left,
.donut.bg-brandblue .outer .right {
  position: absolute;
  display: block;
  box-sizing: border-box;
  width: 12em;
  height: 12em;
  content: "";
}
.donut.bg-brandblue .outer .left .color:before,
.donut.bg-brandblue .outer .right .color:before {
  display: block;
  float: left;
  width: 6em;
  height: 12em;
  background-color: transparent;
  content: "";
}
.donut.bg-brandblue .outer .left {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.donut.bg-brandblue .outer .left .color:after {
  display: block;
  float: right;
  width: 6em;
  height: 12em;
  background-color: #003468;
  box-shadow: 1px 0px 2px rgba(0, 52, 104, 0.9);
  content: "";
}
.donut.bg-brandblue .outer .right {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.donut.bg-brandblue .outer .rightwrap {
  position: absolute;
  clip: rect(auto, auto, auto, 6.012em);
  width: 12em;
  height: 12em;
}
.donut.bg-brandblue .outer .leftwrap {
  position: absolute;
  clip: rect(auto, 6.012em, auto, auto);
  width: 12em;
  height: 12em;
}
.donut.bg-brandblue .outer .inner {
  position: absolute;
  z-index: 3;
  overflow: hidden;
  margin: 1.33333333em;
  padding: 1.33333333em 0.66666667em;
  width: 9.33333333em;
  height: 9.33333333em;
  border-radius: 50%;
  background-color: #ffffff;
  color: inherit;
  text-align: center;
}
.donut.bg-brandblue .outer .inner .percentage {
  color: inherit;
  white-space: nowrap;
  letter-spacing: -0.0792em;
  font-size: 300%;
  padding: 0.35555556em 0 0 0;
  line-height: 0.66666667em;
}
.donut.bg-brandblue .outer .inner .percentage .sign {
  position: relative;
  bottom: 0.12em;
  margin-left: 0.18em;
  font-size: 75%;
}
.donut.bg-brandblue .outer .inner .text {
  display: block;
  width: 100%;
  overflow: hidden;
  color: inherit;
  text-overflow: ellipsis;
  font-size: 90%;
  line-height: 120%;
  margin-top: 0.33333333em;
}
.donut.bg-brandblue.blue .outer {
  color: #0095d5;
}
.donut.bg-brandblue.blue .outer .left .color:before,
.donut.bg-brandblue.blue .outer .right .color:before {
  background-color: #0095d5;
  color: #0095d5;
}
.donut.bg-brandblue.brandblue .outer {
  color: #003468;
}
.donut.bg-brandblue.brandblue .outer .left .color:before,
.donut.bg-brandblue.brandblue .outer .right .color:before {
  background-color: #003468;
  color: #003468;
}
.donut.bg-brandblue.green .outer {
  color: #1a6600;
}
.donut.bg-brandblue.green .outer .left .color:before,
.donut.bg-brandblue.green .outer .right .color:before {
  background-color: #1a6600;
  color: #1a6600;
}
.donut.bg-brandblue.red .outer {
  color: #b80000;
}
.donut.bg-brandblue.red .outer .left .color:before,
.donut.bg-brandblue.red .outer .right .color:before {
  background-color: #b80000;
  color: #b80000;
}
.donut.bg-brandblue.orange .outer {
  color: #ff7500;
}
.donut.bg-brandblue.orange .outer .left .color:before,
.donut.bg-brandblue.orange .outer .right .color:before {
  background-color: #ff7500;
  color: #ff7500;
}
.donut.bg-brandblue.green .outer {
  color: #1a6600;
}
.donut.bg-brandblue.green .outer .left .color:before,
.donut.bg-brandblue.green .outer .right .color:before {
  background-color: #1a6600;
  color: #1a6600;
}
/* Name: ScoutManager Battery Module - nps.less */
.nps {
  min-width: 956px;
  width: 956px;
  min-height: 90px;
  height: 90px;
  padding: 1em;
  color: #3d648c;
  background-color: #f2f8ff;
}
.nps .nps-left,
.nps .nps-right {
  width: 50%;
  float: left;
}
.nps.responsive {
  min-width: 0px;
  min-height: auto;
  height: auto;
  width: auto;
}
@media screen and (max-width: 668px) {
  .nps.responsive .nps-large {
    font-size: 1.1em;
  }
}
.nps.responsive .nps-ratings {
  background-size: 95% 21px;
}
.nps .nps-large {
  margin: 0;
  padding: 0;
  font-size: 1.67em;
}
.nps .nps-ratings {
  list-style-type: none;
  float: right;
  width: 100%;
  height: 45px;
  margin: 0;
  padding: 0 0 0 0;
  background: transparent url("../img/nps/nps-checkbox-bg.png") no-repeat 10px 21px;
}
.nps .nps-ratings .nps-list-item {
  text-align: center;
  height: 45px;
  width: 9%;
  float: left;
  display: block;
}
.nps .nps-ratings .nps-list-item .nps-rating {
  height: 45px;
  width: 100%;
  float: left;
  text-align: center;
}
.nps .nps-ratings .nps-list-item .nps-rating .nps-number {
  height: 18px;
  width: 100%;
  cursor: pointer;
  margin: 5px 0 0 0;
  font-weight: bold;
}
.nps .nps-ratings .nps-list-item .nps-rating .nps-checkbox {
  width: 14px;
  height: 14px;
  margin: 3px auto;
  padding: 0;
  cursor: pointer;
  display: block;
}
.nps .nps-explanation {
  width: 90%;
  margin: 0.25em 4.5% 0 4.5%;
  float: left;
  font-size: 10px;
}
.nps .nps-explanation .nps-text {
  background-color: #f2f8ff;
  padding-top: 0.25em;
}
.nps .nps-explanation .nps-positive {
  float: left;
  border-left: 1px solid #abcaea;
  padding-left: 0.25em;
  padding-top: 1em;
}
.nps .nps-explanation .nps-positive .nps-text {
  position: relative;
  left: -1em;
}
.nps .nps-explanation .nps-negative {
  float: right;
  border-right: 1px solid #abcaea;
  padding-right: 0.5em;
  padding-right: 0.25em;
  padding-top: 1em;
}
.nps .nps-explanation .nps-negative .nps-text {
  position: relative;
  right: -1em;
}
.nps-comment {
  background-color: #f2f8ff;
  padding: 1em;
  color: #3d648c;
}
@media screen and (min-width: 669px) {
  .nps-comment .header {
    font-size: 1.18em;
  }
}
.nps-comment textarea {
  height: 183px;
  resize: vertical;
}
.pure-switch {
  position: relative;
  display: inline-block;
  width: 51px;
  height: 24px;
}
/* Hide default HTML checkbox */
.pure-switch input {
  display: none;
}
.pure-switch {
  /* The slider */
  /* Rounded sliders */
}
.pure-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.pure-switch .slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 2px;
  bottom: 1px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.pure-switch input:checked + .slider {
  background-color: #699d53;
}
.pure-switch input:focus + .slider {
  box-shadow: 0 0 1px #699d53;
}
.pure-switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.pure-switch .slider.round {
  border-radius: 34px;
}
.pure-switch .slider.round:before {
  border-radius: 50%;
}