.sidebar[data-background-color="blue"]:after,
.sidebar[data-background-color="blue"]:before,
.sidebar[data-background-color="blue"] .nav li:not(.active) > a {color: rgb(255 255 255 / 51%); opacity: 1; }
.sidebar[data-background-color="blue"]:after,
.sidebar[data-background-color="blue"]:before {background-color: #102646; }
.sidebar .sidebar-wrapper > .nav .caret, .sidebar .sidebar-wrapper > .nav .caret {color: #fff}
.sidebar .nav .collapse a > span [class^=ti],
.sidebar .nav .collapsing a > span [class^=ti] {font-size: 18px; margin-right: 10px; }
span.sidebar-normal {font-weight: bold; color: #fff; display: inline-block; width: calc(100% - 40px);vertical-align: top;}
.sidebar .sidebar-wrapper li.active > a:not([data-toggle="collapse"]):after {display: none; }
.sidebar .sidebar-wrapper li.active > a:not([data-toggle="collapse"]):before {display: none; }
.sidebar .sidebar-wrapper > .nav li > a, .sidebar .sidebar-wrapper > .nav li > a {padding: 10px 20px 10px 30px !important;margin: 0 !important;white-space: unset !important}
li.MuiListSubheader-root.css-3n4b0s {color: #fff; text-transform: uppercase; font-size: 12px; font-weight: 600; margin: 10px 0; opacity: 0.7; }
.sidebar .sidebar-wrapper, .sidebar .sidebar-wrapper {box-shadow: none !important; }
nav .card-user {box-shadow: none; }
nav .card-user:before {display: none; }
.card-user .author .card-title {margin-bottom: 0px;margin-top: 0px;color: #fff !important;}
.card-user .author .card-title small {color: rgb(255 255 255 / 70%) !important;font-weight: 600 }

.card-user .avatar.border-white {background-color: #fff;width: 48px;height: 48px;float: left;margin-top: 12px;margin-left: 28px}
.card-user .author .card-title {color: #fff;padding: 10px;font-size: 18px;text-align: left;padding-left: 95px;padding-bottom: 0px}

nav .card-user .author {padding-bottom: 20px}

.navbar-default {background: #eff0f4 !important;border: 0 !important;box-shadow: 0 2px 2px rgb(204 197 185 / 20%) !important;}
.main-panel {background-color: #eff0f4 !important}

.nav ul .nav>li:not(.submenu-group) {border-left: 4px solid transparent}
.nav ul .nav>li:hover {border-color: #fff}
.nav ul .nav>li.active {border-color: #EB5E28}

.sidebar .sidebar-wrapper {overflow-x: hidden}
.sidebar .sidebar-wrapper > ul.nav:not(.header-sidebar) {margin: 0}
.sidebar .sidebar-wrapper > .nav p,
.sidebar .sidebar-wrapper > .nav i {color: #fff}
.sidebar .sidebar-wrapper > .nav > li > a {padding-left: 15px !important}

.sidebar li.submenu-group > a, .sidebar li.submenu-group > a:focus {background: #1c3356}
.sidebar li.submenu-group:hover > a {background: #152d50}
.sidebar li.submenu-group > a[aria-expanded=true] {background: #152d50}

.sidebar[data-background-color="blue"] .nav li:not(.active) > a {color: #fff}

nav .select2-container--default .select2-selection--single .select2-selection__arrow, .nav .select2-container--default .select2-selection--single .select2-selection__rendered, nav .select2-container--default .select2-selection--single {height: 40px;line-height: 40px;padding-left: 10px;border: 0}

.navbar-form .input-group {border: 1px solid #eee;border-radius: 8px;background: #fff}
.navbar-form .input-group>.form-control {background: transparent;border: 0;color: #333;height: 40px;width: 200px}
.navbar-form .input-group .input-group-addon {background: transparent;border: 0;font-size: 16px;color: #aaa;padding-left: 20px}
.navbar-default ::placeholder {color: #aaa;font-size: 14px}

/* line 1, ../../sass/components/_buttons.scss */
.loader {
  border: 4px solid #f3f3f3;
  /* Light grey */
  border-top: 4px solid #3498db;
  /* Blue */
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 2s linear infinite;
}

.card-nav {
  background-color: #87CEFA !important;
  color: #fff !important;
}

.fc-title {
  font-weight: 600;
  font-size: 13px;
}

.card-nav a {
  color: #fff !important;
}

#add-wiki-page {
  position: absolute;
  bottom: 10px;
  left: 130px;
}

img.thumbnail.mini {
  max-height: 48px;
  max-width:48px;
  margin:0;
}

img.thumbnail.mid {max-height: 150px;max-width: 150px;margin: 0}

.timeline {
  margin: 10px 0px;
  border-radius: 6px;
  overflow: hidden;
}

.timeline .item-timeline {
  height:30px;
  display:inline-block;
  float: left;
  margin-right:1px;
  cursor:pointer;
  background-color: #b8d8d8;
}

.timeline .item-timeline:nth-child(even) {
  opacity:0.6;
}

.ui-sortable {
  min-height: 15px;
}

.ui-sortable>* {
  padding-left: 30px !important;
}

.drag-up, .drag-down {
  position: absolute;
  margin-left: -20px;
  cursor:pointer;
  margin-top:-5px;
}

.drag-down {
  margin-top:11px;
}

.panel>.drag-up {
  margin-top: 0;
}

.panel>.drag-down {
  margin-top: 16px;
}

.ui-sortable-handle {
  cursor: move;
}

.false-upload {
  position: absolute;
  margin-top: -34px;
  width: 34px;
  padding: 7px !important;
}

.btn-round {
  height: 38px;
  width: 38px;
  text-align: center;
  line-height: 30px;
  padding: 2px !important;
}

.round-color {
  display:block;
  height:20px;
  width:20px;
  border-radius:50%;
}

html, body {
  width:100%;
  overflow-x:hidden;
}

/*.tag {
  background-color: #7CE4FE !important;
}*/

.ct-legend {
  position: relative;
  z-index: 10;
  list-style: none;
  text-align: center;
}
.ct-legend li {
  position: relative;
  padding-left: 23px;
  margin-right: 10px;
  margin-bottom: 3px;
  cursor: pointer;
  display: inline-block;
  font-size:11px;
}
.ct-legend li:before {
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
  content: '';
  border: 3px solid transparent;
  border-radius: 2px;
}
.ct-legend li.inactive:before {
  background: transparent;
}
.ct-legend.ct-legend-inside {
  position: absolute;
  top: 0;
  right: 0;
}
.ct-legend.ct-legend-inside li{
  display: block;
  margin: 0;
}
.ct-legend .ct-series-0:before {
  background-color: #68B3C8;
  border-color: #68B3C8;
}
.ct-legend .ct-series-1:before {
  background-color: #F3BB45;
  border-color: #F3BB45;
}
.ct-legend .ct-series-2:before {
  background-color: #EB5E28;
  border-color: #EB5E28;
}
.ct-legend .ct-series-3:before {
  background-color: #9368E9;
  border-color: #9368E9;
}
.ct-legend .ct-series-4:before {
  background-color: #87CB16;
  border-color: #87CB16;
}

.ct-chart-line-multipleseries .ct-legend .ct-series-0:before {
  background-color: #1DC7EA;
  border-color: #1DC7EA;
}

.ct-chart-line-multipleseries .ct-legend .ct-series-1:before {
  background-color: #FB404B;
  border-color: #FB404B;
}

.ct-chart-line-multipleseries .ct-legend li.inactive:before {
  background: transparent;
}

.detail-content.in {
  left: 15px;
  width: calc(100% - 30px);
  top:60px;
}

#search-results {
  position: absolute;
  z-index: 800;
  background-color: #fff;
  padding: 15px;
  box-shadow: 0px 3px 3px 0px #AAA;
  width: 400px;
}

#search-results li {
  border-bottom: 1px solid #ccc;
  min-height:60px;
}

#search-results li a, #search-results li a p {
  color:#999;
}

.to-left, .history-log {
  position: absolute;
  width: 40px;
  height: 40px;
  top: -35px;
  right: 25px;
  color: #fff;
  line-height: 60px !important;
  font-size: 24px;
  text-align: center;
  z-index: 5;
  margin: 5px;
  cursor:pointer;
}

.history-log {right: 75px}
#list-admins .history-log {position: static;margin-top: 0}
.redirect-back {cursor: pointer;font-size: 15px;color: #aaa}
.modal .sf-dump-str {word-break: break-word}

.chartist-tooltip {
  position: absolute;
  display: inline-block;
  opacity: 0;
  min-width: 5em;
  padding: .5em;
  background: #F4C63D;
  color: #453D3F;
  font-family: Oxygen,Helvetica,Arial,sans-serif;
  font-weight: 700;
  text-align: center;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear; }
.chartist-tooltip:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top-color: #F4C63D; }
.chartist-tooltip.tooltip-show {
  opacity: 1; }

.ct-area, .ct-line {
  pointer-events: none; }


#global-mask {
  position: fixed;
  height: 100vh;
  width: 100vw;
  padding-top: calc(50vh - 80px);
  z-index: 1100;
  background-color: rgba(0,0,0,0.7);
  padding-left: 210px;
  opacity:0;
  transition: 0.2s;
  pointer-events: none;
  top: 0;
}

#global-mask.in {
  opacity:1;
}

.sidebar ul hr {
  margin: 10px 15px;
  border-color: #ffffff3b
}

.sidebar ul.small li a {
  padding: 0 25px 4px 25px;
}

.colorpicker {
  z-index: 9999 !important;
}

.flag, .fi {
  width: 21px;
  height: 16px;
  display: inline-block;
  border-radius: 2px;
  margin-right: 5px;
}

ul li ul li.list-group-item ul li {
  font-size: 12px;
  background-color: #fff;
}

ul li ul li.list-group-item {
  font-size: 12px;
  padding-bottom: 0;
  background-color: #fafafa;
}


.placeholderDrag {
  border: 2px #ccc dashed;
  background-color: #eee;
}

.min-height>ul {
  min-height:30px;
  border:2px solid #aaa;
}

.brand-icon {
  height: 200px;
  border: 1px solid #ddd;
  border-radius: 6px;
  width: calc(16.66666% - 10px);
  margin: 5px;
  background-color: #eee;
  text-align: center;
  line-height: 200px;
  color: #aaa;
  cursor:pointer;
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  overflow:hidden;
  padding-bottom: 30px;
}

.brand-icon span {
  position: absolute;
  width: 100%;
  margin-left: -15px;
  line-height: 20px;
  margin-top: 103px;
  border-bottom-left-radius: 6px;
  background-color: #fafafa;
  border-bottom-right-radius: 6px;
  border-top: 1px solid #ddd;
  z-index:999;
}

.brand-icon:hover:after {
  content: "+";
  position: absolute;
  font-weight: 900;
  font-size: 150px;
  width: 160px;
  left: 0;
  height: 160px;
  margin-left: calc(50% - 80px);
  background-color: rgba(220,220,220,0.5);
  line-height: 180px;
  border-radius: 50%;
  color: #eee;
}

#doubles li:hover {
  background-color: #efefef;
}
#doubles li em {
  font-weight: 700;
  color: #42bcf4;
  font-style: initial;
}
.select2-container {
  margin-bottom:10px !important;
}
#doubles li {
  float: left;
  width: calc(33% - 10px);
  height: 70px;
  border: 1px solid #ccc;
  margin: 5px;
  padding: 5px;
  border-left: 3px solid #B3081B;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* line 1, ../../sass/components/_overall.scss */
h5 {
  padding-left: 15px;
  color: #B3081B;
  font-weight: 600;
  font-size: 15px;
}
/* line 7, ../../sass/components/_overall.scss */
h5.btn {
  border: 2px solid;
  margin: 15px;
  text-align: center;
  color: #999;
  border-radius: 20px;
  font-size: 13px;
  margin-left: calc(50% - 40px);
}
/* line 16, ../../sass/components/_overall.scss */
h5.btn:hover {
  background-color: #B3081B;
  color: #fff;
}
/* line 22, ../../sass/components/_overall.scss */
h5 .glyphicon-star {
  color: #f4c011;
  font-size: 16px;
}

/* line 28, ../../sass/components/_overall.scss */
.mx-1 {
  margin-left: 15px;
  margin-right: 15px;
}

/* line 33, ../../sass/components/_overall.scss */
.m-l-1 {
  margin-left: 15px;
}

/* line 37, ../../sass/components/_overall.scss */
.m-l-2 {
  margin-left: 30px;
}

/* line 41, ../../sass/components/_overall.scss */
.p-l-1 {
  padding-left: 15px;
}

/* line 45, ../../sass/components/_overall.scss */
.p-l-2 {
  padding-left: 30px;
}

/* line 49, ../../sass/components/_overall.scss */
.p-l-3 {
  padding-left: 45px;
}

/* line 53, ../../sass/components/_overall.scss */
.p-l-4 {
  padding-left: 60px;
}

/* line 57, ../../sass/components/_overall.scss */
.p-r-1 {
  padding-right: 15px;
}

/* line 61, ../../sass/components/_overall.scss */
.mall-1 {
  margin: 15px auto;
}

/* line 66, ../../sass/components/_overall.scss */
.panel .table {
  font-size: 13px;
}
/* line 70, ../../sass/components/_overall.scss */
.panel .table tr:nth-child(odd) {
  background-color: #fafafa;
}
/* line 74, ../../sass/components/_overall.scss */
.panel .table:not(.not-formatted) tr td {
  width: 50%;
  border-color: #eee;
  padding: 6px 8px;
  vertical-align: middle;
}

/* line 85, ../../sass/components/_overall.scss */
.table td {
  vertical-align: middle !important;
}

/* line 91, ../../sass/components/_overall.scss */
.modal h5, .modal p {
  color: #555 !important;
}
/* line 96, ../../sass/components/_overall.scss */
.modal .modal-body > .img-responsive {
  margin: 0 auto;
}
/* line 100, ../../sass/components/_overall.scss */
.modal .modal-body table {
  width: 100%;
}
/* line 103, ../../sass/components/_overall.scss */
.modal .modal-body table td, .modal .modal-body table th {
  padding: 6px;
}

/* line 111, ../../sass/components/_overall.scss */
#list-medias .thumbnail, .list-medias .thumbnail {
  height: 12vw;
  overflow: hidden;
}

/* line 117, ../../sass/components/_overall.scss */
:focus {
  outline: none;
}

/* line 121, ../../sass/components/_overall.scss */
textarea {
  min-height: 120px;
}

.tag [data-role="remove"] {
  margin-left: 8px;
  cursor: pointer;
}

.tag [data-role="remove"]:after {
  content: "x";
  padding: 0px 2px;
}

.centered-cond {
  display: block;
  margin-left: calc(50% - 25px);
  margin-top: -30px;
  background-color: #fff;
  width: 50px;
  text-align: center;
}

.col-xs-3.m-r-1 {
  width:calc(25% - 15px) !important;
}

.m-r-1 {
  margin-right:15px;
}

.m-b-1 {
  margin-bottom:15px;
}

.select2-container {
  width:100% !important;
}

.category span {
  color: #ef8157;
  font-weight: 700;
}

.red-labelled {
  border-left: 3px solid #c84513;
}

#panel-right #targetresult .hierarchy {
  max-height: 200px;
  overflow: scroll;
  float: right;
  margin-top: -150px;
}

.grey-bordered {
  background-color: #eee;
  border-radius: 6px;
  background-color: #eee;
  border-radius: 6px;
  height: 80px;
  text-align: center;
  line-height: 80px;
  font-style: italic;
}

.grey-bordered.col-xs-4 {
  width:calc(33.333333% - 15px);
  margin-right:15px;
}

#global-pie, #global-graph {
  width: 100%;
  height: 20vw;
}

.overlay-pie-value {
  position: absolute;
  margin-top: calc(-10vw - 25px);
  font-size: 24px;
  width: 50%;
  text-align: center;
  color: #999;
  margin-left: 22%;
  font-weight: 700;
}

.overlay-pie-label {
  position: absolute;
  margin-top: calc(-10vw + 5px);
  font-size: 12px;
  width: 50%;
  text-align: center;
  margin-left: 22%;
  color: #999;
}

/* line 125, ../../sass/components/_overall.scss */
#ordersChart {
  width: 100%;
  height: 400px;
}

/* line 130, ../../sass/components/_overall.scss */
#ordersPie {
  width: 100%;
  height: 450px;
}

/* line 135, ../../sass/components/_overall.scss */
.custom-file-control {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 34px;
  padding: .5rem 1rem;
  line-height: 1.5;
  color: #256188;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  border: 1px solid #256188;
  border-radius: 4rem;
}

.global-file-control {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 34px;
  padding: .5rem 1rem;
  line-height: 1.5;
  color: #256188;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  border: 1px solid #256188;
  border-radius: 4rem;
}

#mask {
  background-color: rgba(0,0,0,0.7);
  top: -70px;
  left: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
  z-index:4;
}

.alert-danger .btn {
  margin-top: -7px;
}

.panel-detail {
  padding: 15px;
  position: absolute;
  z-index: 1001;
  width: calc(100% - 30px);
  max-height: 80vh;
  overflow: scroll;
}

[data-orderable] {
  cursor:pointer;
  padding-left: 15px !important;
}

[data-orderable]:before {
  content: "\e119";
  position: absolute;
  margin-left:-15px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
}

[data-orderable].up:before {
  content: "\e094";
}

[data-orderable].down:before {
  content: "\e093";
}

*, *:focus {
  outline: none !important;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.overall-loader {
  display: block !important;
  border: 8px solid #f3f3f3 !important;
  border-top: 8px solid #3498db !important;
  border-radius: 50% !important;
  background-color: transparent;
  animation: spin 2s linear infinite;
  margin-left: calc(50% - 20px);
  margin-right: calc(50% - 20px);
  margin-top: 40px;
  height: 40px;
  width: 40px;
  background-color: transparent !important;
  color: transparent !important;
  cursor: auto;
}

.card.fixed-height {
  min-height:450px;
}

nav .card-user {
  z-index: 4;
  position: relative;
  box-shadow: inset -1px 0px 0px 0px #cfcfca;
  margin: -30px 0 -41px 0;
  padding-bottom: 10px;
}

nav .card-user .author {
  margin-top: 30px;
  padding-top: 20px;
}

nav .card-user .avatar {
  margin-bottom:-15px;
}

nav .card-user:before {
  background-color: rgba(255, 255, 255, 0.3);
  content: "";
  position: absolute;
  bottom: 0px;
  right: 15px;
  width: calc(100% - 30px);
  height: 1px;
}

#maquette {
  position: fixed;
  background-color: #fff;
  width: calc(33.3333% - 105px);
  border-radius: 12px;
  border-width: 15px 15px 100px 15px;
  border-color: #333;
  border-style: solid;
  height: 85vh;
}

#maquette:after {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #222;
  margin-left: calc(50% - 30px);
  margin-top: 15px;
}

/* line 155, ../../sass/components/_overall.scss */
.custom-file-input, .custom-fileconf-input, .custom-filebrand-input, .global-file-input, .cms-file-input, .file-input-ui  {
  min-width: 14rem;
  max-width: 100%;
  height: 34px;
  margin: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}

.cms-editor-bloc.projector {
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  min-height: 100vh;
  z-index: 999;
}

.cms-editor-bloc {
  border: 1px solid #ccc;
  padding: 0 0 15px 0;
  border-radius: 8px;
  background-color: #fcfcfc;
}

.btn.btn-light {
  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 6px;
  padding: 2px 8px;
  margin-bottom: 5px;
  text-transform: lowercase;
  font-size: 12px;
}

.bootstrap-tagsinput {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  display: inline-block;
  padding: 4px 6px;
  color: #555;
  vertical-align: middle;
  border-radius: 4px;
  max-width: 100%;
  line-height: 22px;
  cursor: text;
  width: 100%;
}

.pagination li a {
  margin-bottom: 7px !important;
}

.sidebar-wrapper ul.inline-list li {
  display:inline-block !important;
}

.sidebar-wrapper ul.inline-list li * {
  padding:0 !important;
  margin:0 !important;
}

.bootstrap-tagsinput input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0 6px;
  margin: 0;
  width: auto;
  max-width: inherit;
}
.bootstrap-tagsinput.form-control input::-moz-placeholder {
  color: #777;
  opacity: 1;
}
.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
  color: #777;
}
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
  color: #777;
}
.bootstrap-tagsinput input:focus {
  border: none;
  box-shadow: none;
}
.bootstrap-tagsinput .tag {
  margin-right: 2px;
  color: white;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
  margin-left: 8px;
  cursor: pointer;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
  content: "x";
  padding: 0px 2px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

/* line 164, ../../sass/components/_overall.scss */
.custom-file {
  position: relative;
  display: inline-block;
  max-width: 100%;
  height: 34px;
  margin-bottom: 0;
  cursor: pointer;
}

/* line 173, ../../sass/components/_overall.scss */
.custom-file-control::before, .global-file-control::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  z-index: 6;
  display: block;
  height: 34px;
  padding: .5rem 1rem;
  line-height: 1.5;
  color: #fff;
  background-color: #256188;
  border: 1px solid #256188;
  border-radius: 0 4px 4px 0;
  content: "Parcourir";
}

/* line 190, ../../sass/components/_overall.scss */
.custom-file-control::after, .global-file-control::after {
  content: "Choisissez un fichier...";
}

/* line 200, ../../sass/components/_overall.scss */
.navbar-default .navbar-nav > li > a {
  color: #fff;
}

.sidebar-mini img.avatar.border-white {
  width: 40px;
  height: 40px;
}

.sidebar-mini .sidebar .card-title {
  display:none;
}

.sidebar-mini .only-mini {
  display: block !important;
  margin-top: 25px;
}

.table > thead > tr > th {
  font-size:1em !important;
}
/* line 204, ../../sass/components/_overall.scss */
.caret {
  color: #ce9f00;
}

/* line 208, ../../sass/components/_overall.scss */
body {
  color: #555;
  background-color: #f2f2f2;
  font-family: Montserrat;
}

/* line 214, ../../sass/components/_overall.scss */
.pagination > .active > a {
  background-color: #337ab7;
  border-color: #337ab7;
}

/* line 219, ../../sass/components/_overall.scss */
.pagination > li > a {
  padding: 6px 8px;
  background-color: #f5f5f5;
  border: 1px solid #d2d2d2;
  margin-bottom: 10px;
  color: #999;
}

/* line 248, ../../sass/components/_overall.scss */
.list-group {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.05);
}

/* line 252, ../../sass/components/_overall.scss */
.panel {
  color: #555;
  background-color: #f2f2f2;
}


/* line 264, ../../sass/components/_overall.scss */
.btn {
  border-radius: 25px;
}
/* line 267, ../../sass/components/_overall.scss */
.btn.search-images {
  margin-top: -20px;
}

/* line 273, ../../sass/components/_overall.scss */
div > .on-hover {
  transition: 0.3s;
  max-height: 0;
  opacity: 0;
}
/* line 280, ../../sass/components/_overall.scss */
div:hover > .on-hover {
  max-height: 200px;
  opacity: 1;
}

/* line 288, ../../sass/components/_overall.scss */
.panel-header.brand {
  color: #fff;
  height: 250px;
  margin-top: -20px;
  background: linear-gradient(60deg, #28a0af 0%, #256188 100%);
  padding-left: 350px;
}
/* line 295, ../../sass/components/_overall.scss */
.panel-header.brand h1 {
  padding-top: 40px;
  font-weight: 700;
}
/* line 300, ../../sass/components/_overall.scss */
.panel-header.brand h2 {
  float: right;
  color: #f4c011;
  margin-right: 30px;
  margin-top: 30px;
}
/* line 307, ../../sass/components/_overall.scss */
.panel-header.brand .logo {
  position: absolute;
  margin-left: -330px;
  margin-top: 20px;
  max-width: 310px;
  max-height: 150px;
}
/* line 314, ../../sass/components/_overall.scss */
.panel-header.brand .logo img {
  max-height: 150px;
}

/* line 321, ../../sass/components/_overall.scss */
.block-liquid {
  width: calc(16.66% - 20px);
  float: left;
  height: 17.66vw;
  box-shadow: 0 0 3px #aaa;
  margin: 10px;
  text-align: center;
  border-radius: 4px;
}
/* line 330, ../../sass/components/_overall.scss */
.block-liquid .wrapper-img {
  height: calc(16.66vw - 40px);
  margin: 10px;
  text-align: center;
}
/* line 335, ../../sass/components/_overall.scss */
.block-liquid .wrapper-img img {
  max-height: 100%;
  display: inline-block;
}
/* line 341, ../../sass/components/_overall.scss */
.block-liquid h5 {
  font-size: 13px;
  padding: 0;
}

/* line 347, ../../sass/components/_overall.scss */
#stats-panel {
  height: 0;
  transition: 0.3s;
  overflow: hidden;
}
/* line 352, ../../sass/components/_overall.scss */
#stats-panel.waiting {
  height: 150px;
}
/* line 356, ../../sass/components/_overall.scss */
#stats-panel.opened {
  height: 1200px;
}

/* line 361, ../../sass/components/_overall.scss */
.block-brand {
  border: 1px solid #ddd;
  margin: -30px 15px 15px 15px;
  background-color: #fff;
  box-shadow: 0px 0px 4px #999;
  width: calc(25% - 30px);
  text-align: center;
  height: 120px;
  cursor: pointer;
  transition: 0.3s;
}
/* line 372, ../../sass/components/_overall.scss */
.block-brand:hover {
  width: 250px;
  height: 250px;
  margin-top: -100px;
  margin-left: calc(12.5% - 140px);
  margin-right: calc(12.5% - 140px);
  border-radius: 125px;
  padding-top: 75px;
  border: 4px solid #a1cc16;
  margin-bottom: -55px;
}
/* line 383, ../../sass/components/_overall.scss */
.block-brand:hover span {
  color: #a1cc16;
}
/* line 388, ../../sass/components/_overall.scss */
.block-brand h3 {
  margin-top: 10px;
  font-weight: 700;
  font-size: 21px;
}
/* line 394, ../../sass/components/_overall.scss */
.block-brand span {
  color: #256188;
  font-size: 40px;
  font-weight: 700;
  transition: 0.3s;
}

/* line 409, ../../sass/components/_overall.scss */
.panel-primary {
  border-color: #f6d04b;
  background-color: #ffff;
  border: none;
}

/* line 415, ../../sass/components/_overall.scss */
.panel-default {
  background-color: #fff;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.05);
}

/* line 420, ../../sass/components/_overall.scss */
.panel-default a {
  color: #555;
}

/* line 424, ../../sass/components/_overall.scss */
.btn-danger {
  background-color: #fff;
  color: #a71f39;
  border-color: #fff;
}

/* line 430, ../../sass/components/_overall.scss */
h4 {
  font-size: 14px;
}

/* line 449, ../../sass/components/_overall.scss */
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
  color: #555;
  background-color: rgba(255, 255, 255, 0.18);
}

/* line 454, ../../sass/components/_overall.scss */
#delete-liquid {
  background-color: #a71f39;
  color: #fff;
  border-radius: 0;
  margin-bottom: 0;
  margin: 15px -15px 0 -15px;
  width: calc(100% + 30px);
}

.background-editor .page .block img {
  max-height:100%;
  width:100%;
}

.p-1 {
  padding:15px;
}

.col-sm-2.p-1 {
  width:calc(16.6666666% - 20px);
  margin:10px;
}

.col-sm-6.p-1 {
  width:calc(50% - 20px);
  margin:10px;
}

.col-sm-9.p-1 {
  width:calc(75% - 20px);
  margin:10px;
}

.col-sm-3.p-1 {
  width:calc(25% - 20px);
  margin:10px;
}

.col-sm-4.p-1 {
  width:calc(33.33% - 20px);
  margin:10px
}

.col-sm-8.p-1 {margin-top: 10px}

/* line 467, ../../sass/components/_overall.scss */
a:focus, a:hover {
  color: #337ab7;
  text-decoration: underline;
}

/* line 472, ../../sass/components/_overall.scss */
label {
  color: #aaa;
  padding-left: 20px;
}

/* line 478, ../../sass/components/_overall.scss */
.panel-default label {
  color: #555;
}

/* line 482, ../../sass/components/_overall.scss */
b, strong {
  /*font-weight: 500;*/
}

/* line 486, ../../sass/components/_overall.scss */
.btn-success {
  background-color: #256188;
  border-color: #256188;
}

/* line 491, ../../sass/components/_overall.scss */
.btn-info {
  background-color: #484f57;
  border-color: #484f57;
}

/* line 496, ../../sass/components/_overall.scss */
textarea.form-control {
  background-color: #ebe9e3;
  width: calc(100% - 30px);
}

/* line 501, ../../sass/components/_overall.scss */
.btn-block {
  width: calc(100% - 30px);
}

/* line 505, ../../sass/components/_overall.scss */
ul {
  list-style: none;
}

/* line 509, ../../sass/components/_overall.scss */
#rules {
  font-size: 16px;
  padding-left: 25px;
}
/* line 513, ../../sass/components/_overall.scss */
#rules small {
  color: #999;
}
/* line 517, ../../sass/components/_overall.scss */
#rules .disabled {
  opacity: 0.3;
}
/* line 521, ../../sass/components/_overall.scss */
#rules li {
  margin: 6px;
}
/* line 524, ../../sass/components/_overall.scss */
#rules li a:focus, #rules li a:hover {
  color: #555;
  text-decoration: underline;
}
/* line 530, ../../sass/components/_overall.scss */
#rules .tiny {
  font-size: 50%;
}

/* line 536, ../../sass/components/_overall.scss */
.tooltip.active {
  opacity: 1;
  background-color: #fff;
  padding: 5px 0;
  border-radius: 6px;
  box-shadow: 2px 2px 8px grey;
  font-size: 14px;
}
/* line 545, ../../sass/components/_overall.scss */
.tooltip[data-type="property"] {
  width: 65%;
  line-height: 29px;
}
/* line 550, ../../sass/components/_overall.scss */
.tooltip li {
  cursor: pointer;
  padding: 0 20px;
}
/* line 554, ../../sass/components/_overall.scss */
.tooltip li:not(:last-child) {
  border-bottom: 1px solid #999;
}
/* line 558, ../../sass/components/_overall.scss */
.tooltip li:hover {
  background-color: #eee;
}

/* line 565, ../../sass/components/_overall.scss */
a.btn {
  color: #fff;
}

/* line 571, ../../sass/components/_overall.scss */
.properties div {
  line-height: 29px;
}

/* line 576, ../../sass/components/_overall.scss */
.btn-outline-success {
  color: #5cb85c;
  background-image: none;
  background-color: transparent;
  border-color: #5cb85c;
}
/* line 582, ../../sass/components/_overall.scss */
.btn-outline-success:hover {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}

/* line 589, ../../sass/components/_overall.scss */
.btn-outline-danger {
  color: #d9534f;
  background-image: none;
  background-color: transparent;
  border-color: #d9534f;
}
/* line 595, ../../sass/components/_overall.scss */
.btn-outline-danger:hover {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}

/* line 602, ../../sass/components/_overall.scss */
.btn-outline-warning {
  color: #f0ad4e;
  background-image: none;
  background-color: transparent;
  border-color: #f0ad4e;
}
/* line 608, ../../sass/components/_overall.scss */
.btn-outline-warning:hover {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

/* line 615, ../../sass/components/_overall.scss */
.btn-outline-info {
  color: #5bc0de;
  background-image: none;
  background-color: transparent;
  border-color: #5bc0de;
}
/* line 621, ../../sass/components/_overall.scss */
.btn-outline-info:hover {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}

/* line 628, ../../sass/components/_overall.scss */
.btn-rounded {
  border-radius: 19px;
}

/* line 632, ../../sass/components/_overall.scss */
[data-bool] {
  cursor: pointer;
}

/* line 637, ../../sass/components/_overall.scss */
.panel-heading .btn {
  margin-left: 15px;
}

/* line 642, ../../sass/components/_overall.scss */
.img-star {
  position: absolute;
  right: 4px;
  top: -9px;
  font-size: 24px;
  cursor: pointer;
}
/* line 649, ../../sass/components/_overall.scss */
.img-star.not-star {
  color: #aaa;
}
/* line 653, ../../sass/components/_overall.scss */
.img-star.is-star {
  color: #DAA520;
}

/* line 658, ../../sass/components/_overall.scss */
.text-default {
  color: #333 !important;
}

/* line 662, ../../sass/components/_overall.scss */
#graph-suivi {
  width: 100%;
  height: 300px;
}

/* line 667, ../../sass/components/_overall.scss */
#panel-right {
  overflow: scroll;
}
/* line 670, ../../sass/components/_overall.scss */
#panel-right .hierarchy {
  padding: 15px;
  display: inline-block;
  background-color: #f5f5f5;
  margin-left: 15px;
  border-radius: 12px;
  border: 1px solid #eee;
}
/* line 678, ../../sass/components/_overall.scss */
#panel-right .hierarchy li {
  font-size: 12px;
  padding-left: 30px;
}
/* line 682, ../../sass/components/_overall.scss */
#panel-right .hierarchy li.main {
  font-size: 14px;
  font-weight: 600;
  padding-left: 0;
}

/* line 691, ../../sass/components/_overall.scss */
.comment-note {
  display: inline-block;
  background-color: #f5f5f5;
  margin-left: 15px;
  margin-right: -15px;
  border-radius: 12px;
  padding: 5px 15px 2px;
  min-width: 70px;
}

/* line 701, ../../sass/components/_overall.scss */
.comment-content {
  font-size: 13px;
  padding-top: 5px;
}

/* line 706, ../../sass/components/_overall.scss */
#datatable {
  white-space: nowrap;
  font-size: 14px;
}

/* line 711, ../../sass/components/_overall.scss */
.light-themed {
  background-color: #484f57;
}
/* line 714, ../../sass/components/_overall.scss */
.light-themed select {
  color: #484f57;
}

/* line 719, ../../sass/components/_overall.scss */
.not-accepted {
  opacity: 0.5;
}

/* line 723, ../../sass/components/_overall.scss */
.select2-container {
  color: #484f57;
  font-size: 13px;
}

/* line 728, ../../sass/components/_overall.scss */
.panel-inspection {
  background-color: #fff;
  border: 2px solid #00aeff;
  padding: 15px;
  font-family: "Source Sans Pro";
}
/* line 734, ../../sass/components/_overall.scss */
.panel-inspection label {
  color: #00aeff;
}
/* line 738, ../../sass/components/_overall.scss */
.panel-inspection.force-view {
  display: block !important;
}

/* line 743, ../../sass/components/_overall.scss */
.expandable {
  margin-right: -20px;
  font-size: 12px;
  color: #999;
  float: left;
  z-index: 99999;
}

/* line 751, ../../sass/components/_overall.scss */
.donut-chart {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  margin-left: 32%;
  cursor:pointer;
}
/* line 757, ../../sass/components/_overall.scss */
.donut-chart .slice {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 765, ../../sass/components/_overall.scss */
.donut-chart .chart-center {
  position: absolute;
  border-radius: 50%;
}
/* line 769, ../../sass/components/_overall.scss */
.donut-chart .chart-center span {
  display: block;
  text-align: center;
  transition: 0.3s;
}
/* line 774, ../../sass/components/_overall.scss */
.donut-chart .chart-center span:hover {
  font-size: 40px;
}

/* line 781, ../../sass/components/_overall.scss */
.cartouch {
  width: 100%;
  height: 34px;
  background-color: #e2e2e2;
  padding: 3px;
  line-height: 28px;
  color: #fff;
  border-radius: 4px;
}
/* line 790, ../../sass/components/_overall.scss */
.cartouch .fullfill {
  background-color: #48b2c1;
  border-radius: 4px;
  padding-left: 10px;
  font-size: 16px;
  transition: 1.2s;
  width: 0;
  overflow: visible;
  white-space: nowrap;
}
/* line 801, ../../sass/components/_overall.scss */
.cartouch .fullfill.danger {
  background-color: #e74c3c;
}
/* line 805, ../../sass/components/_overall.scss */
.cartouch .fullfill:hover {
  opacity: 0.6;
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart0 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart0 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart0 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart0 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart0 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart0 .chart-center span:after {
  content: "0%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart1 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart1 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart1 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart1 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart1 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart1 .chart-center span:after {
  content: "1%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart2 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart2 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart2 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart2 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart2 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart2 .chart-center span:after {
  content: "2%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart3 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart3 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart3 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart3 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart3 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart3 .chart-center span:after {
  content: "3%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart4 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart4 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart4 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart4 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart4 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart4 .chart-center span:after {
  content: "4%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart5 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart5 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(108deg);
  transform: rotate(108deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart5 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart5 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart5 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart5 .chart-center span:after {
  content: "5%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart6 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart6 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart6 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart6 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart6 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart6 .chart-center span:after {
  content: "6%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart7 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart7 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart7 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart7 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart7 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart7 .chart-center span:after {
  content: "7%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart8 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart8 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart8 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart8 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart8 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart8 .chart-center span:after {
  content: "8%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart9 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart9 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart9 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart9 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart9 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart9 .chart-center span:after {
  content: "9%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart10 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart10 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(126deg);
  transform: rotate(126deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart10 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart10 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart10 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart10 .chart-center span:after {
  content: "10%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart11 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart11 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart11 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart11 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart11 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart11 .chart-center span:after {
  content: "11%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart12 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart12 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart12 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart12 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart12 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart12 .chart-center span:after {
  content: "12%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart13 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart13 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart13 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart13 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart13 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart13 .chart-center span:after {
  content: "13%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart14 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart14 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart14 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart14 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart14 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart14 .chart-center span:after {
  content: "14%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart15 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart15 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(144deg);
  transform: rotate(144deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart15 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart15 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart15 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart15 .chart-center span:after {
  content: "15%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart16 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart16 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart16 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart16 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart16 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart16 .chart-center span:after {
  content: "16%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart17 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart17 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart17 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart17 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart17 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart17 .chart-center span:after {
  content: "17%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart18 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart18 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart18 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart18 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart18 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart18 .chart-center span:after {
  content: "18%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart19 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart19 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart19 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart19 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart19 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart19 .chart-center span:after {
  content: "19%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart20 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart20 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(162deg);
  transform: rotate(162deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart20 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart20 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart20 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart20 .chart-center span:after {
  content: "20%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart21 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart21 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart21 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart21 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart21 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart21 .chart-center span:after {
  content: "21%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart22 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart22 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart22 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart22 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart22 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart22 .chart-center span:after {
  content: "22%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart23 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart23 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart23 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart23 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart23 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart23 .chart-center span:after {
  content: "23%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart24 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart24 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart24 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart24 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart24 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart24 .chart-center span:after {
  content: "24%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart25 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart25 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart25 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart25 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart25 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart25 .chart-center span:after {
  content: "25%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart26 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart26 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart26 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart26 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart26 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart26 .chart-center span:after {
  content: "26%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart27 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart27 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart27 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart27 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart27 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart27 .chart-center span:after {
  content: "27%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart28 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart28 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart28 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart28 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart28 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart28 .chart-center span:after {
  content: "28%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart29 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart29 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart29 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart29 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart29 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart29 .chart-center span:after {
  content: "29%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart30 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart30 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(198deg);
  transform: rotate(198deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart30 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart30 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart30 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart30 .chart-center span:after {
  content: "30%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart31 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart31 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart31 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart31 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart31 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart31 .chart-center span:after {
  content: "31%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart32 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart32 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart32 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart32 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart32 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart32 .chart-center span:after {
  content: "32%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart33 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart33 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart33 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart33 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart33 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart33 .chart-center span:after {
  content: "33%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart34 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart34 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart34 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart34 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart34 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart34 .chart-center span:after {
  content: "34%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart35 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart35 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(216deg);
  transform: rotate(216deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart35 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart35 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart35 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart35 .chart-center span:after {
  content: "35%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart36 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart36 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart36 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart36 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart36 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart36 .chart-center span:after {
  content: "36%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart37 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart37 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart37 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart37 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart37 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart37 .chart-center span:after {
  content: "37%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart38 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart38 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart38 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart38 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart38 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart38 .chart-center span:after {
  content: "38%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart39 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart39 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart39 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart39 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart39 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart39 .chart-center span:after {
  content: "39%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart40 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart40 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(234deg);
  transform: rotate(234deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart40 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart40 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart40 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart40 .chart-center span:after {
  content: "40%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart41 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart41 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart41 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart41 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart41 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart41 .chart-center span:after {
  content: "41%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart42 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart42 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart42 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart42 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart42 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart42 .chart-center span:after {
  content: "42%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart43 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart43 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart43 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart43 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart43 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart43 .chart-center span:after {
  content: "43%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart44 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart44 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart44 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart44 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart44 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart44 .chart-center span:after {
  content: "44%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart45 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart45 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(252deg);
  transform: rotate(252deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart45 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart45 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart45 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart45 .chart-center span:after {
  content: "45%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart46 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart46 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart46 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart46 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart46 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart46 .chart-center span:after {
  content: "46%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart47 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart47 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart47 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart47 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart47 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart47 .chart-center span:after {
  content: "47%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart48 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart48 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart48 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart48 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart48 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart48 .chart-center span:after {
  content: "48%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart49 {
  width: 110px;
  height: 110px;
  background: #48b2c1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart49 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
  background: #e1e1e1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart49 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: #e1e1e1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart49 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart49 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart49 .chart-center span:after {
  content: "49%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart50 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart50 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart50 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart50 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart50 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart50 .chart-center span:after {
  content: "50%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart51 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart51 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart51 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart51 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart51 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart51 .chart-center span:after {
  content: "51%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart52 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart52 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart52 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart52 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart52 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart52 .chart-center span:after {
  content: "52%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart53 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart53 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart53 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart53 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart53 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart53 .chart-center span:after {
  content: "53%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart54 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart54 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart54 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart54 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart54 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart54 .chart-center span:after {
  content: "54%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart55 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart55 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart55 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(198deg);
  transform: rotate(198deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart55 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart55 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart55 .chart-center span:after {
  content: "55%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart56 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart56 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart56 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart56 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart56 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart56 .chart-center span:after {
  content: "56%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart57 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart57 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart57 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart57 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart57 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart57 .chart-center span:after {
  content: "57%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart58 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart58 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart58 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart58 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart58 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart58 .chart-center span:after {
  content: "58%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart59 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart59 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart59 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart59 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart59 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart59 .chart-center span:after {
  content: "59%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart60 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart60 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart60 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(216deg);
  transform: rotate(216deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart60 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart60 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart60 .chart-center span:after {
  content: "60%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart61 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart61 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart61 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart61 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart61 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart61 .chart-center span:after {
  content: "61%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart62 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart62 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart62 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart62 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart62 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart62 .chart-center span:after {
  content: "62%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart63 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart63 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart63 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart63 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart63 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart63 .chart-center span:after {
  content: "63%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart64 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart64 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart64 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart64 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart64 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart64 .chart-center span:after {
  content: "64%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart65 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart65 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart65 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(234deg);
  transform: rotate(234deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart65 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart65 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart65 .chart-center span:after {
  content: "65%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart66 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart66 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart66 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart66 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart66 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart66 .chart-center span:after {
  content: "66%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart67 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart67 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart67 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart67 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart67 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart67 .chart-center span:after {
  content: "67%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart68 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart68 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart68 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart68 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart68 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart68 .chart-center span:after {
  content: "68%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart69 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart69 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart69 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart69 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart69 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart69 .chart-center span:after {
  content: "69%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart70 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart70 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart70 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(252deg);
  transform: rotate(252deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart70 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart70 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart70 .chart-center span:after {
  content: "70%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart71 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart71 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart71 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart71 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart71 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart71 .chart-center span:after {
  content: "71%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart72 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart72 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart72 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart72 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart72 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart72 .chart-center span:after {
  content: "72%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart73 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart73 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart73 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart73 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart73 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart73 .chart-center span:after {
  content: "73%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart74 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart74 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart74 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart74 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart74 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart74 .chart-center span:after {
  content: "74%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart75 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart75 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart75 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart75 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart75 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart75 .chart-center span:after {
  content: "75%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart76 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart76 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart76 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart76 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart76 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart76 .chart-center span:after {
  content: "76%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart77 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart77 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart77 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart77 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart77 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart77 .chart-center span:after {
  content: "77%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart78 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart78 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart78 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart78 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart78 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart78 .chart-center span:after {
  content: "78%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart79 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart79 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart79 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart79 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart79 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart79 .chart-center span:after {
  content: "79%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart80 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart80 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart80 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(288deg);
  transform: rotate(288deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart80 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart80 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart80 .chart-center span:after {
  content: "80%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart81 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart81 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart81 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart81 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart81 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart81 .chart-center span:after {
  content: "81%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart82 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart82 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart82 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart82 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart82 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart82 .chart-center span:after {
  content: "82%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart83 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart83 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart83 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart83 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart83 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart83 .chart-center span:after {
  content: "83%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart84 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart84 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart84 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart84 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart84 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart84 .chart-center span:after {
  content: "84%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart85 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart85 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart85 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(306deg);
  transform: rotate(306deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart85 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart85 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart85 .chart-center span:after {
  content: "85%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart86 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart86 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart86 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart86 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart86 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart86 .chart-center span:after {
  content: "86%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart87 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart87 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart87 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart87 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart87 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart87 .chart-center span:after {
  content: "87%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart88 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart88 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart88 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart88 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart88 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart88 .chart-center span:after {
  content: "88%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart89 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart89 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart89 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart89 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart89 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart89 .chart-center span:after {
  content: "89%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart90 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart90 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart90 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(324deg);
  transform: rotate(324deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart90 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart90 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart90 .chart-center span:after {
  content: "90%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart91 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart91 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart91 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart91 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart91 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart91 .chart-center span:after {
  content: "91%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart92 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart92 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart92 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart92 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart92 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart92 .chart-center span:after {
  content: "92%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart93 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart93 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart93 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart93 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart93 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart93 .chart-center span:after {
  content: "93%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart94 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart94 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart94 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart94 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart94 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart94 .chart-center span:after {
  content: "94%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart95 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart95 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart95 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(342deg);
  transform: rotate(342deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart95 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart95 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart95 .chart-center span:after {
  content: "95%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart96 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart96 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart96 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart96 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart96 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart96 .chart-center span:after {
  content: "96%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart97 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart97 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart97 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart97 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart97 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart97 .chart-center span:after {
  content: "97%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart98 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart98 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart98 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart98 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart98 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart98 .chart-center span:after {
  content: "98%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart99 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart99 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart99 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart99 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart99 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart99 .chart-center span:after {
  content: "99%";
}

/* line 829, ../../sass/components/_overall.scss */
.donut-chart100 {
  width: 110px;
  height: 110px;
  background: #e1e1e1;
}
/* line 835, ../../sass/components/_overall.scss */
.donut-chart100 .slice.one {
  clip: rect(0 110px 55px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #48b2c1;
}
/* line 842, ../../sass/components/_overall.scss */
.donut-chart100 .slice.two {
  clip: rect(0 55px 110px 0);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  background: #48b2c1;
}
/* line 850, ../../sass/components/_overall.scss */
.donut-chart100 .chart-center {
  top: 6px;
  left: 6px;
  width: 98px;
  height: 98px;
  background: #fff;
}
/* line 857, ../../sass/components/_overall.scss */
.donut-chart100 .chart-center span {
  font-size: 28px;
  line-height: 98px;
  color: #48b2c1;
}
/* line 862, ../../sass/components/_overall.scss */
.donut-chart100 .chart-center span:after {
  content: "100%";
}

/* line 874, ../../sass/components/_overall.scss */
.prod-sheet {
  height: 320px;
  overflow: hidden;
  padding: 10px;
}
/* line 879, ../../sass/components/_overall.scss */
.prod-sheet .wrapper {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  position: absolute;
  width: 80%;
  background-color:#fff;
}
/* line 886, ../../sass/components/_overall.scss */
.prod-sheet .wrapper img {
  max-height: 300px;
  transition: 0.5s;
  max-width: 100%;
  height: auto;
  width: auto;
  margin: -600px auto 0 auto;
}

.wiki-file {
  overflow:hidden;
}

.wiki-file-control {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 34px;
  padding: .5rem 1rem;
  line-height: 24px;
  color: #fff;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  background-color: #68B3C8;
}

.wiki-file-control::before{
  position: absolute;
  right: -2px;
  bottom: -1px;
  z-index: 6;
  display: block;
  height: 34px;
  padding: .5rem 1rem;
  font-size: 21px;
  color: #fff;
}

.wiki-file-control:after {
  content: "Upload";
  font-family: 'Muli', "Helvetica", Arial, sans-serif;
  font-size: 16px;
  line-height: 27px;
  font-weight: bold;
  width: 100%;
  text-align: center;
  display: block;
}

/* line 897, ../../sass/components/_overall.scss */
.prod-sheet:hover .panel-prod {
  margin-top: -70px !important;
}
/* line 902, ../../sass/components/_overall.scss */
.prod-sheet > div {
  border-radius: 6px;
  border: 1px solid #ccc;
  height: 310px;
  position: relative;
  overflow: hidden;
}
/* line 909, ../../sass/components/_overall.scss */
.prod-sheet > div .panel-prod {
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.9);
  margin-top: 210px;
  transition: 0.2s;
  position: absolute;
  width: 76%;
}
/* line 917, ../../sass/components/_overall.scss */
.prod-sheet > div .panel-prod h5 {
  padding-left: 0;
}
/* line 922, ../../sass/components/_overall.scss */
.prod-sheet > div .right {
  position: absolute;
  top: 1px;
  width: 20%;
  height: 308px;
  background-color: rgba(255, 255, 255, 0.6);
  right: 0px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  color: #f78c1b;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  -webkit-box-shadow: -2px 0px 5px 0px #ccc;
  -moz-box-shadow: -2px 0px 5px 0px #ccc;
  box-shadow: -2px 0px 5px 0px #ccc;
}
/* line 939, ../../sass/components/_overall.scss */
.prod-sheet > div .right span {
  display: block;
  line-height: 103px;
  border-bottom: 1px solid #ccc;
}

/* line 948, ../../sass/components/_overall.scss */
.console {
  font-size: 16px;
  font-weight: 600;
  color: #666;
}
/* line 953, ../../sass/components/_overall.scss */
.console li {
  cursor: pointer;
  min-height: 26px;
  line-height: 24px;
}
/* line 958, ../../sass/components/_overall.scss */
.console li span {
  background-color: #fff;
  transition: 0.3s;
}
/* line 964, ../../sass/components/_overall.scss */
.console li.update span {
  background-color: #e1f5fe;
  color: #0288d1;
  border: 1px solid #0288d1;
  border-radius: 4px;
  padding: 0 4px;
}
/* line 974, ../../sass/components/_overall.scss */
.console li.create span {
  background-color: #dff0d8;
  color: #3c763d;
  border: 1px solid #3c763d;
  border-radius: 4px;
  padding: 0 4px;
}
/* line 984, ../../sass/components/_overall.scss */
.console li.delete span {
  background-color: #f2dede;
  color: #a94442;
  border: 1px solid #a94442;
  border-radius: 4px;
  padding: 0 4px;
}
/* line 993, ../../sass/components/_overall.scss */
.console li:hover {
  color: #676767;
}
/* line 997, ../../sass/components/_overall.scss */
.console li span {
  font-weight: 500;
  color: #039be5;
}
/* line 1003, ../../sass/components/_overall.scss */
.console li:not(.last):before {
  content: "\e081";
  font-family: 'Glyphicons Halflings';
  font-size: 14px;
  float: left;
  margin-right: 5px;
  margin-top: 2px;
}
/* line 1012, ../../sass/components/_overall.scss */
.console li:not(.last).opened:before {
  content: "\e082";
  color: #ccc;
}

/* line 1025, ../../sass/components/_overall.scss */
.dropdown-menu li:hover .dropdown-submenu {
  display: block;
}
/* line 1030, ../../sass/components/_overall.scss */
.dropdown-menu li .dropdown-submenu {
  position: absolute;
  background-color: #FFF;
  margin-left: 100%;
  border: 1px solid #ccc;
  padding: 0;
  min-width: 185px;
  margin-top: -32px;
  display: none;
  top: auto;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-bottom: 5px;
}
/* line 1046, ../../sass/components/_overall.scss */
.dropdown-menu .dropdown-divider {
  height: 1px;
  background-color: #aaa;
}

/* line 1052, ../../sass/components/_overall.scss */
.pin {
  font-family: 'Glyphicons Halflings';
  height: 18px;
  width: 18px;
  font-size: 18px;
  color: #aaa;
  position: absolute;
  margin-top: 1px;
}
/* line 1061, ../../sass/components/_overall.scss */
.pin:before {
  content: "\e087";
}
/* line 1065, ../../sass/components/_overall.scss */
.pin.pinned {
  color: #b3081b;
}

/* line 1070, ../../sass/components/_overall.scss */
.month {
  height: 34px;
  line-height: 34px;
  background-color: #FFF;
  text-align: center;
  box-shadow: 0px 0px 5px 0px #999999;
  margin: 5px;
  cursor: pointer;
  width: calc(33.3333% - 10px);
}
/* line 1080, ../../sass/components/_overall.scss */
.month.active {
  font-weight: 700;
  color: #337ab7;
}
/* line 1085, ../../sass/components/_overall.scss */
.month:hover {
  color: #337ab7;
}

/* line 1092, ../../sass/components/_overall.scss */
table.calendar td, table.calendar th {
  text-align: center;
}
/* line 1096, ../../sass/components/_overall.scss */
table.calendar td {
  cursor: pointer;
}
/* line 1099, ../../sass/components/_overall.scss */
table.calendar td.active {
  font-weight: 700;
  color: #337ab7;
}
/* line 1104, ../../sass/components/_overall.scss */
table.calendar td:hover {
  color: #337ab7;
}

/* line 1111, ../../sass/components/_overall.scss */
.radio-animate {
  height: 26px;
  margin: 3px 10px;
  width: 52px;
  background-color: #eee;
  float: right;
  border: 1px solid #ccc;
  border-radius: 13px;
  cursor: pointer;
  transition: 0.3s;
}
/* line 1122, ../../sass/components/_overall.scss */
.radio-animate:before {
  position: absolute;
  background-color: #aaa;
  content: "";
  height: 24px;
  width: 24px;
  border-radius: 12px;
  margin: 0;
  transition: 0.3s;
}
/* line 1134, ../../sass/components/_overall.scss */
.radio-animate.active:before {
  margin-left: 26px;
  background-color: #337ab7;
}

/* line 1141, ../../sass/components/_overall.scss */
.current-action {
  padding: 15px;
  font-size: 16px;
}

/* line 1146, ../../sass/components/_overall.scss */
.preview-console {
  font-weight: 400;
  font-style: italic;
  font-size: 14px;
}

/* line 1152, ../../sass/components/_overall.scss */
.back {
  margin: 15px;
  display: block;
  color: #337ab7;
  float: right;
}

/* line 1159, ../../sass/components/_overall.scss */
.graph-12 {
  height: 500px;
}

/* line 1164, ../../sass/components/_overall.scss */
.indicators h5 {
  padding-left: 0;
}
/* line 1168, ../../sass/components/_overall.scss */
.indicators span {
  font-weight: 600;
  font-size: 21px;
  height: 42px;
  line-height: 42px;
  display: block;
}

.pagination>span>a {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.pagination>li.active {
  display:inline !important;
}

/* line 1177, ../../sass/components/_overall.scss */
#totop {
  position: fixed;
  bottom: 45px;
  right: 15px;
  cursor: pointer;
  width: 60px;
  height: 60px;
  color: #fff;
  line-height: 56px;
  font-size: 26px;
  border: 3px solid #fff;
  border-radius: 50%;
  text-align: center;
  z-index:99;
}


/* line 1199, ../../sass/components/_overall.scss */
#filters .filter {
  background-color: #dde;
  padding: 3px 24px 3px 12px;
  border-radius: 14px;
  margin-right: 10px;
  border: 2px solid #bbc;
  cursor: pointer;
}
/* line 1207, ../../sass/components/_overall.scss */
#filters .filter:after {
  content: "\e014";
  font-family: 'Glyphicons Halflings';
  position: absolute;
  margin-left: 4px;
}

/* line 1216, ../../sass/components/_overall.scss */
.col-width-600 {
  max-width: 600px;
  margin-left: calc(50% - 300px);
}

.panel-default .panel-heading {
  background-color:#fff !important;
}
/* line 1222, ../../sass/components/_overall.scss */
.round .round-label {
  width: 150px;
  height: 150px;
  line-height: 150px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  background-color: #fff;
  border-radius: 50%;
  text-align: center;
  display: block;
}
/* line 1236, ../../sass/components/_overall.scss */
.round p {
  text-align: center;
}

/* line 1241, ../../sass/components/_overall.scss */
[data-charts] {
  height: 400px;
  width: 100%;
}

/* line 1246, ../../sass/components/_overall.scss */
.comment-bordered {
  border: 1px solid #42bcf4;
  margin: 5px 10px;
  padding: 5px;
  border-radius: 4px;
}

/* line 1253, ../../sass/components/_overall.scss */
.source-comment {
  background-color: #42bcf4;
  color: #fff;
  padding: 2px 5px;
  margin-top: -5px;
  margin-right: -5px;
  border-bottom-left-radius: 4px;
  font-size: 11px;
}

.pdf-editor-container {
  margin-top: -30px;
  height: calc(100vh - 123px);
}

.pdf-header {
  height: 50px;
  line-height: 50px;
  background-color: #334;
}

.pages-pagination {
  background-color: #fff;
  padding: 6px;
  border: 1px solid #ccc;
  border-radius: 4px;
  position: absolute;
  height: 30px;
  line-height: 20px;
  margin-top: 10px;
}

.btn.btn-grey {
  color: #ccc;
  border: 2px solid #555;
  margin-right: 10px;
  border-radius: 4px;
  background-color: #333;
}

.btn.btn-grey:hover {
  background-color: #555;
  border-color: #666;
}

.btn.btn-semi-grey {
  color: #ccc;
  border: 2px solid #888;
  margin-right: 10px;
  border-radius: 4px;
  background-color: #667;
}

.btn.btn-semi-grey.selected {
  background-color: #3b3e42;
}

.btn.btn-grey:hover {
  background-color: #888;
  border-color: #999;
}

.pdf-header .btn {
  border-radius: 4px;
  margin-right: 5px;
  margin-left: 5px;
}

.background-editor {
  background-color: #ccc;
  height: calc(100vh - 173px);
  overflow:auto;
}

.background-editor .page {
  height: 90%;
  background-color: #fff;
  margin-top: 5%;
  width: calc((100vh - 173px) * 0.6363);
  box-shadow: 3px 5px 5px 0px #aaa;
  display:inline-block;
  text-align: left;
  position: relative;
  overflow:hidden;
}

.editor {
  background-color: #778;
  height: calc(100vh - 173px);
  overflow: auto;
}

.editor h4 {
  color:#eee;
}

.editor .wysiwyg {
  width:100%;
}

.editor label {
  color: #ccc;
  font-weight: 400;
  overflow:auto;
}

.background-editor .page .block {
  position:absolute;
  text-align:left;
  overflow: hidden;
  background-repeat: no-repeat;
}

.background-editor .page .block:hover {
  border: 1px dashed #ccc;
}

.background-editor .page .block.selected {
  border: 1px dashed #777;
}

[data-navigate="-1"] {
  transform:translate(-30px);
  color:#fff;
  cursor:pointer;
}

[data-navigate="1"] {
  transform:translate(30px);
  color:#fff;
  cursor:pointer;
}

.list-calques li, .product-list li {
  padding: 10px;
  background-color: #889;
  border-bottom: 2px solid #667;
  text-align: left;
  height: 40px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.list-calques li.selected {
  background-color:#aab !important;
}

.list-calques ul, .product-list ul {
  padding-left: 0;
}

.list-calques.choice-referentiel li {
  background-color:#eee;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor:pointer;
}

.list-calques.choice-referentiel li:hover {
  background-color:#ddd;
  text-overflow: initial;
  height: auto;
  white-space: initial;
}

.note-frame .btn {
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #556;
  padding: 4px 8px;
}

.pdf-editor-container:not(.full) [data-action=minsize] {
  display:none;
}

.pdf-editor-container.full [data-action=maxsize] {
  display:none;
}

.pdf-editor-container.full {
  position: absolute;
  top: 30px;
  left: 15px;
  width: 100vw;
  height: 100vh;
  z-index: 99999;
}

.main-panel.full {
  position:inherit;
}

.pdf-editor-container.full .editor,.pdf-editor-container.full .background-editor {
  height:calc(100vh - 50px);
}

.pdf-editor-container.full .background-editor .page {
  width: calc((100vh - 50px) * 0.6363);
}

.library {
  margin-top:10px;
}

.library img {
  cursor:pointer;
  margin-bottom:5px;
}

.page .block.cover {
  background-size: cover;
}

.page .block.contain {
  background-size: contain;
}

.library>div {
  margin-bottom:10px;
}

.block-position .form-control {
  padding: 4px;
  margin-bottom: 4px;
  margin-top: 4px;
  height: 32px;
}

.block-position {
  line-height: 34px;
  text-align: left;
  background-color: #889;
  padding-bottom: 10px;
}

.block div.product {
  float:left;
  position:initial;
  margin-left:15px;
  margin-right:15px;
}

.col-prod-2 div.product {
  width:calc(50% - 30px);
}

.col-prod-3 div.product {
  width:calc(33.3333% - 30px);
}

.col-prod-4 div.product {
  width:calc(25% - 30px);
}

/* header */
.header-title {margin: 0;line-height: 34px; font-weight: 600}
.header-title .text-muted {color: #999;font-weight: 300; font-size: 90%;}

/* checkbox */
.checkbox-switch {position: relative; top: 50%; width: 74px; height: 36px; margin: 0 auto 0 auto; overflow: hidden; border-radius: 100px; background: #ddd !important; box-shadow: inset 0 0 0 2px #d4d4d4}
.checkbox-switch .checkbox-overlay {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2;cursor: no-drop}
.checkbox-switch .checkbox-overlay:before {content: 'Non'; position: absolute; top: 4px; left: 4px; width: 28px; height: 28px; color: #fff; font-size: 10px; font-weight: bold; text-align: center; line-height: 1; padding: 9px 4px; background-color: #eb5e28; border-radius: 50%; transition: 0.3s ease all, left 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15)}
.checkbox-switch input[type=checkbox] {position: relative;width: 100%;height: 100%;padding: 0;margin: 0;opacity: 0;cursor: pointer;z-index: 3 !important;left: -20px;width: 75px !important;height: 40px !important;}
.checkbox-switch input[type=checkbox]:active + .checkbox-overlay:before {width: 46px; border-radius: 100px}
.checkbox-switch input[type=checkbox]:checked:active + .checkbox-overlay:before {margin-left: -26px}
.checkbox-switch input[type=checkbox]:checked + .checkbox-overlay:before {content: 'Oui'; left: 42px; background-color: #7ac29a}
.checkbox-switch input[type=checkbox][disabled] {cursor: not-allowed}

/* input form in table striped */
.table-striped tbody > tr:nth-of-type(2n+1) input {box-shadow: 0 1px 2px #ccc}

.product-arbo {display: inline-flex; flex-direction: row-reverse;margin: 0 0 0 -4px;}
.product-arbo span:before {content: "/";margin: 0 4px 0}

#referentiel-search + .loader {margin-top: -31px;border-color: #ddd;border-top-color: #3498db;margin-right: 10px;width: 25px;height: 25px}
.form-control.datepicker[readonly][readonly] {background: #f3f2ee;cursor: pointer;color: #3b3e42}

/* GED */
#ged-path {background: #f3f3f3;width: 100%;display: block;border: 0;padding: 7px 14px;transition: all 0.3s;margin-bottom: 15px;color: #444;font-weight: 400;font-size: 16px;}
#ged-path:focus {background: #fff;box-shadow: 0 1px 9px #ccc;color: #000}

.ged-media-wrapper {margin: 0 0 15px;width: 100%;text-align: center;height: 130px;background-color: #fff;overflow: hidden;display: flex !important;align-items: center;flex-wrap: wrap;position: static}
.ged-media-wrapper img {display: inline-block;vertical-align: middle}

#ged .col-xs-2.thumbnail.m-l-1:hover {box-shadow: 0 1px 13px #dadada;top: -3px}
#ged .col-xs-2.thumbnail.m-l-1 {transition: all 0.3s;top: 0}

#ged-index .close {display: none}
#modalGed .panel-heading.row {margin-top: 10px}
#modalGed .close, #modalImport .close {top: 21px;position: absolute;right: 25px}
#modalGed .modal-content {background: #fafafa}
#modalGed #file-meta-details .ui-priority-primary {margin: 10px 0 0;color: #5e8283}
#modalGed #file-firebase {margin-top: 20px}
.global-link-input {display: none}
#modalGed .global-link-input {display: block}
[id^=google-visualization-errors] {display: none}
.form-horizontal .control-label[data-placement=left] {text-align: left}
.position-relative {position: relative}
.classement-icon {color: #f5f5f5;font-size: 90px;position: absolute;top: 90px;transform: translate(-50%, -50%)}

.badge.badge-info {background: #429cb6}
.badge.badge-danger {background: #c84513;color: #fff}
.badge.badge-warning.text-warning {background: #f0a810;color: #fff}
.badge.badge-success.text-success {background: #3c763d;color: #fff}

#wholesalers td {vertical-align: top !important}

[data-role="append-wholesaler-provider"] + .select2 + div,
[data-role="append-wholesaler-provider"] + .select2 {width: 45% !important;display: inline-block;vertical-align: top; margin-right: 5px}

.col-pl {padding-left: 7.5px}
.checkbox-switch-wrapper {display: inline-block;margin-right: 20px}
.checkbox-switch-wrapper span {line-height: 35px;margin-left: 5px}

.password-toggle {position: relative}
.password-toggle [type="password"] {background-image: url("https://goot-master-shard.web.app/images/icons/icon-password-invisible.png");background-position: right 15px center;background-repeat: no-repeat;display: inline-block}
.password-toggle [type="text"] {background-image: url("https://goot-master-shard.web.app/images/icons/icon-password-visible.png");background-position: right 15px center;background-repeat: no-repeat;display: inline-block}
.toggle-btn {position: absolute;top: 0;right: 0px;width: 50px;height: 30px;opacity: 0;cursor: pointer}

body.loading:before {content: "";width: 100%;height: 100%;background: #000;opacity: 0.2;position: fixed;top: 0;left: 0;z-index: 9999999;}
body.loading:after {content: "";position: fixed;top: 50%;display: block !important;border: 5px solid #fff;-webkit-animation: spin 1s linear infinite;animation: spin 1s linear infinite;border-top: 6px solid var(--material__primary_color);border-radius: 50%;width: 50px;height: 50px;margin-left: calc(50% - 25px);margin-right: calc(50% - 25px);z-index: 9999999;margin-top: -25px}

/* json editor modal */
#modalJsonCodeMirror .json-status {font-weight: bold}
#modalJsonCodeMirror .json-status .fa {font-size: 20px;margin: 0 8px;top: 1px;position: relative}
#modalJsonCodeMirror .modal-body.panel-default {padding: 0}

.block-product-image {position: relative}
.thumbnail {position: relative}

.pictograms {position: absolute}
.pictograms img {width: 16px}
.pictograms > div {display: inline-block}
.pictograms.top-left {left: 10px; top: 10px}
.pictograms.top-right {right: 10px; top: 10px}
.pictograms.bottom-left {left: 10px; bottom: 10px}
.pictograms.bottom-right {right: 10px; bottom: 10px}
.pictograms-cover {margin: 30px 20px}

#upload.dragover a, .upload.dragover a {background: #eee;}
#upload.active a, .upload.active a {
  background: #f6f8fa;
  border-color: #1981fc;
}
#upload .upload-icon, .upload .upload-icon {font-size: 60px; color: #1981fc; margin-bottom: 10px; }
#upload .upload-text, .upload .upload-text {font-size: 15px; color: #555; font-weight: 600; }
#upload .upload-text u, .upload .upload-text u {color: #1981fc; font-weight: 800; font-family: Arial; }
#upload .card, .upload .card {border-style: dashed;border-color: #aaa;background: #ffffff;cursor: pointer;padding: 50px 0;border-width: 2px;text-align: center;}
#rules ul ul [data-role="sync-collection"] {display: none}

.sidebar .sidebar-wrapper li.highlight,
.sidebar .sidebar-wrapper li.highlight span {
  background: #1c5cff;
  color: #fff;
  border: 0 !important;
  box-shadow: none !important;
}

.sidebar .sidebar-wrapper li.highlight > a:not([data-toggle="collapse"]):after,
.sidebar .sidebar-wrapper li.highlight > a:not([data-toggle="collapse"]):before {
  display: none !important
}

.card .card-title.card-title-bold-sm {
    font-size: 18px;
    margin: 20px 0 20px;
    font-weight: bold;
}

.modal .modal-body table td .select2-container {
    margin: 0 !important;
}

.modal .modal-body table td, .modal .modal-body table th {
    /* padding-left: 0; */
    /* padding-right: 0; */
    border-color: #eee;
}

.w-scroll {max-width: 100%;overflow-x: scroll}

.select2-multiple-theme1 .select2-selection.select2-selection--multiple {border: 0; padding: 5px 13px 5px 15px; background: #fff}
.select2-multiple-theme1 .select2-container .select2-search--inline .select2-search__field {margin: 0}
.select2-multiple-theme1 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {float: right;margin-left: 6px;z-index: 9999;position: relative;}
.select2-multiple-theme1 .select2-container--default .select2-selection--multiple .select2-selection__rendered {padding: 0; margin-top: 5px}
.select2-multiple-theme1 .select2-container--default .select2-selection--multiple .select2-selection__choice {font-size: 12px;background: transparent;border: 0;display: block;width: 100%;padding: 0;margin: 0;}
.select2-multiple-theme1 .select2-container--default.select2-container--focus .select2-selection--multiple {border: 0}
input.form-control.select22 {background: #fff;height: 32px;border-color: #aaa;padding: 0px 10px}
.note-editor.note-frame.panel.panel-default {box-shadow: 0 0 7px #e7e7e7;border: 0;background: #fff}
.form-control.xs {padding: 10px;height: 28px;background: transparent;border-color: #aaa}


.btn-close-big {font-size: 20px !important;margin-bottom: -35px;z-index: 9999}
.fixed-centered-bottom {position: fixed;bottom: 20px;z-index: 99999;left: 130px;text-align: center}
#ui-datepicker-div {z-index: 99999 !important}

.pull-right-index {position: relative;z-index: 10}

#ged-file-detail .btn-group.bootstrap-select {display: inline-block; width: 250px; margin: 0}
#ged-file-detail .btn-list {margin: 0 5px}
.file-details-img img {max-height: 50vh}
.ged-media-wrapper > img {max-height: 100%;width: auto;max-width: 100%;margin: 0 auto}
.file-details-img .ui-priority-primary {margin-top: 7px}

.modal-backdrop.in + .modal-backdrop.in {z-index: 1050}
.modal.fade.in + .modal.fade.in {z-index: 1060}

#activations .applications hr {margin: 10px}
#activations .warehouses.row {line-height: 36px}
#activations .applications {padding: 5px 5px; border-bottom: 1px solid #eee;line-height: 35px;}
#activations .warehouses.row > div {margin: 5px 0 0}
.bold {font-weight: bold}

.lang-switch {cursor: pointer; padding: 0 5px 0 0}
.lang-switch span {opacity: .2}
.lang-switch:hover span {opacity: .5}
.lang-switch.active span {opacity: 1}

.mt-1 {margin-top: 5px}
.mt-2 {margin-top: 15px}
.mb-1 {margin-bottom: 5px}
.mb-2 {margin-bottom: 15px}
.btn-fixed-center {position: fixed;bottom: 30px;left: calc(50% + 130px);transform: translateX(-50%);z-index:9999}