@import 'font-awesome.css';
@font-face {
  font-family: 'idautomationhc39mregular';
  src: url('/Content/css/fonts/BarcodeHC39/barcodehc39-webfont.eot');
  src: url('/Content/css/fonts/BarcodeHC39/barcodehc39-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/css/fonts/BarcodeHC39/barcodehc39-webfont.woff') format('woff'), url('/Content/css/fonts/BarcodeHC39/barcodehc39-webfont.ttf') format('truetype'), url('/Content/css/fonts/BarcodeHC39/barcodehc39-webfont.svg#idautomationhc39mregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
body.blue {
  background: #27348b;
}
span.barcode {
  font-family: idautomationhc39mregular;
  line-height: 48px;
}
.table-hover tbody tr.no-hover:hover td {
  background-color: #fff;
}
.ticketnumber span.error {
  color: #e74c3c;
  text-align: center;
  margin-top: 10px;
}
.coursedays span.error {
  color: #e74c3c;
  text-align: center;
  margin-top: 10px;
  display: none;
}
div.modal-body div.towns {
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
}
#tabs-1-departments .form-horizontal .control-label {
  text-align: left;
}
div.datepicker-dropdown {
  z-index: 10000 !important;
}
.has-error span.error {
  display: block;
}
tr.new {
  display: none;
}
div.scan-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #eaedf1;
}
div.scan-overlay div.header {
  width: 600px;
  background: #fff;
  height: 150px;
  margin-bottom: 20px;
  padding: 20px;
}
div.scan-overlay div.header img {
  float: left;
}
div.scan-overlay div.message {
  width: 600px;
  background: #fff;
  min-height: 74px;
  margin-top: 20px;
  padding: 20px;
  font-size: 30px;
}
div.scan-overlay div.bg {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: -1;
}
div.scan-overlay div.form {
  margin: 200px auto;
  width: 600px;
}
div.scan-overlay div.form input[type=text] {
  padding: 10px;
  font-size: 38px;
  background: #fff;
  border: 0;
  width: 600px;
  margin: 0px auto;
}
input.invisible-input {
  position: absolute;
  left: 20px;
  z-index: -1;
  width: 0px;
  height: 0px;
  border: 0;
}
.save {
  float: right;
}
.buttons {
  margin-bottom: 10px;
}
.portlet-placeholder {
  border: 1px dotted #ccc;
  margin: 0 1em 1em 0;
  height: 73px;
}
.ui-sortable-helper {
  background: #f9fafc;
}
div#coursedayparts div.form-group {
  cursor: pointer;
}
#coursedayparts .loader-base {
  background: rgba(255, 255, 255, 0.8) !important;
  z-index: 4 !important;
}
input.input-validation-error {
  border: 1px solid #c00;
}
div.handle {
  height: 85px;
}
.sort-icon {
  float: left;
  margin-top: 6px;
  text-align: left;
  margin-right: 20px;
  font-size: 1.5em;
  color: #1bbae1;
}
span.explanation {
  text-align: left;
  font-weight: bold;
  display: block;
}
input.input-validation-error {
  border: 1px solid #cc0000 !important;
}
span.field-validation-error {
  color: #cc0000 !important;
}
span.sameAddress {
  padding-top: 7px;
  display: block;
  margin-left: 22px;
}
div.paymentmethods div.chosen-container {
  width: 100% !important;
}
#course-datatable_processing {
  margin-top: -42px;
  float: left;
  margin-left: 86px;
}
#course-datatable_processing i.fa-spinner {
  margin: 10px;
  float: left;
}
#course-datatable_processing span {
  margin-top: 15px;
  display: block;
  float: left;
}
div.required-reading div.chosen-container {
  width: 100% !important;
}
span.credit {
  font-size: 50%;
  float: right;
  margin-top: 6px;
  margin-left: 13px;
}
div.user-data label {
  margin-top: 9px;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  left: 15px;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  direction: ltr;
  width: 192px;
  height: 35px;
  padding-top: 0;
}
.table.dataTable {
  width: 100% !important;
}
.table.dataTable tr.not-approved td {
  background-color: rgba(255, 0, 0, 0.2);
}
.modal.generic {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  height: 75%;
  background-color: #fff;
}
.dropdown-container .chosen-container.chosen-container-single {
  width: 300px !important;
  /* or any value that fits your needs */

}
.ui-sortable ul {
  list-style: none;
}
.ui-sortable ul li .row {
  padding: 10px;
  border: 1px solid black;
}
.sporttalentimages {
  margin: 0 -10px 20px -10px;
}
.sporttalentimages .col-md-4 {
  position: relative;
  margin-bottom: 30px;
  padding: 0 10px;
}
.sporttalentimages .col-md-4 a.download {
  position: absolute;
  bottom: 10px;
  right: 20px;
  width: 30px;
  background: rgba(0, 0, 0, 0.3);
  color: white;
  text-align: center;
  line-height: 30px;
  display: block;
  z-index: 9;
}
.sporttalentimages .col-md-4 a.download:hover {
  cursor: pointer;
  background: #000000;
}
.sporttalentimages .col-md-4 img {
  width: 100%;
  height: auto;
}
.sporttalentimages .col-md-4 img:hover {
  cursor: pointer;
  opacity: 0.7;
}
.questionnaire .btn-group .btn {
  margin: 0 -1px 0 0;
  border-radius: 4px;
  border: 1px solid #ccc;
}
.questionnaire .btn-group .btn.individueel,
.questionnaire .btn-group .btn.team,
.questionnaire .btn-group .btn.binnen,
.questionnaire .btn-group .btn.buiten,
.questionnaire .btn-group .btn.watersport,
.questionnaire .btn-group .btn.geen-watersport,
.questionnaire .btn-group .btn.met-een-bal,
.questionnaire .btn-group .btn.zonder-bal,
.questionnaire .btn-group .btn.wedstrijd,
.questionnaire .btn-group .btn.meer-voor-plezier {
  width: 200px;
  text-decoration: none !important;
}
.questionnaire .btn-group .btn.individueel:before,
.questionnaire .btn-group .btn.team:before,
.questionnaire .btn-group .btn.binnen:before,
.questionnaire .btn-group .btn.buiten:before,
.questionnaire .btn-group .btn.watersport:before,
.questionnaire .btn-group .btn.geen-watersport:before,
.questionnaire .btn-group .btn.met-een-bal:before,
.questionnaire .btn-group .btn.zonder-bal:before,
.questionnaire .btn-group .btn.wedstrijd:before,
.questionnaire .btn-group .btn.meer-voor-plezier:before {
  font-family: Flaticon;
  font-weight: normal;
  content: "\e010";
  display: block;
  font-size: 50px;
  line-height: 50px;
  margin: 10px 0;
}
.questionnaire .btn-group .btn.team:before {
  content: "\e007";
}
.questionnaire .btn-group .btn.individueel:before {
  content: "\e005";
}
.questionnaire .btn-group .btn.binnen:before {
  content: "\e009";
}
.questionnaire .btn-group .btn.buiten:before {
  content: "\e006";
}
.questionnaire .btn-group .btn.watersport:before {
  content: "\e010";
}
.questionnaire .btn-group .btn.geen-watersport:before {
  content: "\e008";
}
.questionnaire .btn-group .btn.met-een-bal:before {
  content: "\e00e";
}
.questionnaire .btn-group .btn.zonder-bal:before {
  content: "\e00d";
}
.questionnaire .btn-group .btn.wedstrijd:before {
  content: "\e00f";
}
.questionnaire .btn-group .btn.meer-voor-plezier:before {
  content: "\e011";
}
.questionnaire .btn-group .btn label {
  margin: 0;
}
.questionnaire .btn-group .btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
.questionnaire .btn-group .btn:hover:before {
  color: black;
}
.questionnaire .btn-group .btn.active {
  background: green;
  border-color: green;
  color: white;
}
.questionnaire .btn-group .btn.active:before,
.questionnaire .btn-group .btn.active label {
  color: white;
}
.questionnaire .btn-group .btn.active:hover {
  background: green;
  border-color: green;
  opacity: 0.9;
}
.location-admin-false table tr .drempelvrij {
  display: none !important;
}
.commaseparated:after {
  content: ',';
  display: inline-block;
}
.commaseparated:last-child:after {
  display: none;
}
td.newspreview h2,
td.newspreview h3 {
  color: #555555;
  display: block;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5em;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin: 15px 0 0 0;
  text-transform: none;
}
td.newspreview h3 {
  font-size: 14px;
}
.regionchart {
  width: 300px;
}
.clubresearch .chosen-container-active.chosen-with-drop .chosen-single,
.clubresearch .chosen-container-single .chosen-single {
  background: #ee7203;
  border: none;
  padding: 3px 10px;
  height: auto;
  border-radius: 3px;
  color: white;
}
.proposaltable td {
  word-break: break-word;
}
.certificatebuttons .btn-group .btn {
  background: white !important;
  color: black !important;
  border: 1px solid black;
}
.certificatebuttons .btn-group .btn-success.active {
  background: green !important;
  color: white !important;
  border: 1px solid green;
}
.certificatebuttons .btn-group .btn-danger.active {
  background: red !important;
  color: white !important;
  border: 1px solid red;
}
.certificatebuttons .btn-group .btn-warning.active {
  background: #ee7203 !important;
  color: white !important;
  border: 1px solid #ee7203;
}
.certificatebuttons .btn.btn-primary {
  display: block;
  font-size: 12px;
}
.certificatebuttons label {
  margin: 8px 0;
  display: block;
}
.coachremark {
  width: 600px;
  max-width: 600px;
  min-height: 400px;
}
#mediatheek .inner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 999;
  padding: 50px;
}
#mediatheek .inner .popup {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  display: none;
}
#mediatheek .inner .popup div {
  position: relative;
  width: 800px;
  height: 419px;
  background: white;
}
#mediatheek .inner .popup div img {
  width: 100%;
}
#mediatheek .inner .popup div .btn-primary {
  position: absolute;
  right: 30px;
  bottom: 30px;
}
#mediatheek .inner .popup div .btn-white {
  position: absolute;
  right: 80px;
  top: 30px;
}
#mediatheek .inner .popup div .btn-red {
  position: absolute;
  right: 30px;
  top: 30px;
  background: red;
  color: white;
}
#mediatheek .inner .popup.active {
  display: flex;
}
#mediatheek .inner .content {
  display: block;
  background: #222d3b;
  position: relative;
  z-index: 1;
}
#mediatheek .inner .content .header {
  display: flex;
  padding: 20px;
  background: #ee7203;
}
#mediatheek .inner .content .header h2,
#mediatheek .inner .content .header input {
  margin: 0;
  width: 50%;
}
#mediatheek .inner .content .header h2 {
  color: white;
}
#mediatheek .inner .content .header h2 small {
  color: white;
}
#mediatheek .inner .content .header .close {
  color: white;
  opacity: 1;
  float: none;
  margin: 8px 0 8px 11px;
  font-size: 18px;
}
#mediatheek .inner .content .overflow {
  padding: 30px;
  overflow: auto;
  height: 75vh;
}
#mediatheek .inner .content .overflow .mediaitem {
  margin-bottom: 30px;
  position: relative;
}
#mediatheek .inner .content .overflow .mediaitem.active {
  width: 100% !important;
}
#mediatheek .inner .content .overflow .mediaitem a {
  position: absolute;
  top: 15px;
  left: 30px;
  padding: 0px;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  z-index: 9;
}
#mediatheek .inner .content .overflow .mediaitem a.btn-red {
  background: red;
  color: white;
  left: auto;
  right: 30px;
}
#mediatheek .inner .content .overflow .mediaitem .button {
  background: #DEDEDE;
  display: block;
  position: relative;
}
#mediatheek .inner .content .overflow .mediaitem .button:hover {
  cursor: pointer;
  opacity: 0.9;
}
#mediatheek .inner .content .overflow .mediaitem .button .tags {
  display: none;
}
#mediatheek .inner .content .overflow .mediaitem .button .title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.3);
  color: white;
  padding: 5px;
}
#mediatheek .inner .content .overflow .mediaitem .button img {
  width: 100%;
}
#mediatheek .inner .backlit {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background: rgba(0, 0, 0, 0.5);
}
#mediatheek.relative .inner {
  position: relative;
  padding: 0;
}
#mediatheek.relative .inner .content .overflow {
  height: auto;
}
#mediatheek.relative .inner .popup {
  position: fixed;
}
.m-b-20 {
  margin-bottom: 20px !important;
}
.d-inline-block {
  display: inline-block !important;
}
.recurring .btn-group {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.recurring .btn-group .btn {
  float: none !important;
  margin-right: 4px;
  flex: 0 0 13.3%;
}
.recurring .btn-group .btn.active {
  background: green;
  color: white;
}
.recurring .well .row {
  margin-bottom: 15px;
}
.btn-green {
  color: white;
  margin-bottom: 20px;
  background: green;
}
.files,
#files {
  margin: 15px 0 0 0;
  background: #ebeaea;
  padding: 10px;
  font-size: 12px;
}
.files:after,
#files:after {
  display: block;
  content: '';
  clear: both;
}
.files .file,
#files .file {
  position: relative;
  display: block;
  margin: 10px 10px 10px 0;
  float: left;
  background: white;
}
.files .file .fileicon,
#files .file .fileicon {
  display: flex;
  justify-content: center;
  align-items: center;
  background: black;
  color: white;
  width: 140px;
  height: 40px;
  font-size: 16px;
}
.files .file .downloadfile,
#files .file .downloadfile {
  display: block;
  background: black;
  text-align: center;
  color: white;
  padding: 5px;
  font-size: 16px;
}
.files .file img,
#files .file img {
  max-width: 100%;
}
.files .file .delete,
#files .file .delete {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 5;
  color: white;
  background: red;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}
.files .file .delete:focus,
#files .file .delete:focus {
  box-shadow: 0 0 0 0.2rem #7C87DA !important;
}
.files .file .delete:hover,
#files .file .delete:hover {
  background: white;
  color: red;
}
.files .template-download .label {
  white-space: normal;
}
.error-alert {
  width: 100%;
  margin-bottom: 20px;
  display: block;
}
.validation-summary-errors {
  margin-bottom: 20px;
}
.btn-default,
.btn-warning,
.btn-danger,
.btn-primary,
.btn-success,
.btn-grey,
.btn-orange {
  background: #ee7203;
  border-color: #ee7203;
  color: white;
  padding: 10px 10px;
  font-size: 14px;
  line-height: 1.3em;
}
.btn-default.btn-sm,
.btn-warning.btn-sm,
.btn-danger.btn-sm,
.btn-primary.btn-sm,
.btn-success.btn-sm,
.btn-grey.btn-sm,
.btn-orange.btn-sm {
  padding: 10px 10px;
}
.btn-default:hover,
.btn-warning:hover,
.btn-danger:hover,
.btn-primary:hover,
.btn-success:hover,
.btn-grey:hover,
.btn-orange:hover {
  color: white;
  background: #27348b;
  border-color: #27348b;
}
.btn-danger {
  background: red;
  border-color: red;
}
.btn-default,
.btn-warning,
.btn-grey {
  background: grey;
  border-color: grey;
}
.btn-default:focus,
.btn-warning:focus,
.btn-grey:focus,
.btn-default:active,
.btn-warning:active,
.btn-grey:active,
.btn-default:hover,
.btn-warning:hover,
.btn-grey:hover {
  color: white !important;
  background: #27348b !important;
  border-color: #27348b !important;
}
.btn-default.active,
.btn-warning.active,
.btn-grey.active {
  background: #ee7203;
  border-color: #ee7203;
}
.w-100 {
  width: 100%;
  display: block;
}
#login-container .login-title {
  background: rgba(238, 114, 3, 0.7);
}
.widget h3.widget-content-light strong {
  font-size: 18px;
  height: 20px;
  display: block;
}
.widget h3.widget-content-light small {
  font-size: 10px;
  line-height: 10px;
  display: block;
  word-break: break-all;
  height: 20px;
}
.d-block {
  display: block !important;
}
.m-0 {
  margin: 0 !important;
}
.tile {
  border-radius: 15px;
  padding: 20px;
  background: white;
}
.h-100 {
  height: 100% !important;
  margin: 0 !important;
}
.dashboardrow {
  margin-bottom: 30px;
}
.d-flex.header {
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.d-flex.header.no-border {
  border: none;
  margin: 30px 0 0 0;
}
.d-flex.header .form-control {
  width: 200px;
  margin-left: 15px;
  /* &.datefrom, &.datetill {
            width: 130px;
        }

        &.notificationselect {
            width: 230px;
        }

        &.statusselect {
            width: 280px;
        }*/

}
.d-flex.header h2 {
  color: #ee7203;
  font-weight: bold;
  font-size: 20px;
  margin: 0;
}
p a {
  text-decoration: underline;
}
.d-flex {
  display: flex;
}
.d-flex.wrap {
  flex-wrap: wrap;
}
.d-flex.wrap .flex-col {
  flex: 0 0 330px !important;
}
.d-flex.wrap .dashboardtile {
  margin-bottom: 20px !important;
  padding: 10px;
  height: auto;
}
.d-flex .flex-col {
  flex: 0 0 320px;
  padding-right: 20px;
  max-width: 100%;
}
@media (max-width: 1600px) {
  .d-flex .flex-col {
    flex: auto;
  }
}
.d-flex .flex-col.small-col {
  flex: 0 0 200px;
}
@media (max-width: 1500px) {
  .d-flex .flex-col.small-col {
    flex: 0 0 150px;
  }
}
.d-flex .flex-col .dashboardtile {
  text-align: center;
  margin-bottom: 20px;
}
.d-flex .flex-col .dashboardtile.tab {
  cursor: pointer;
}
.d-flex .flex-col .dashboardtile:last-child {
  margin: 0;
}
.d-flex .flex-col .dashboardtile span {
  display: block;
}
.d-flex .flex-col .dashboardtile .bigamount {
  display: block;
  color: #ee7203;
  font-size: 70px;
  font-weight: bold;
}
@media (max-width: 1500px) {
  .d-flex .flex-col .dashboardtile .bigamount {
    font-size: 50px;
  }
}
.d-flex .flex-col .dashboardtile .bigamount.small {
  font-size: 22px;
}
.d-flex .flex-col .dashboardtile .bigamount.blue {
  color: #27348b;
}
.d-flex .flex-col .dashboardtile .bigamount.blue.small {
  font-size: 16px;
  min-height: 32px;
}
.d-flex .flex-col .dashboardtile.smalltile {
  display: flex;
  align-items: center;
}
.d-flex .flex-col .dashboardtile.smalltile .roundamount {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background: #ee7203;
  border-radius: 50%;
  margin-right: 10px;
}
.d-flex .flex-col .dashboardtile.smalltile span {
  font-weight: bold;
  display: block;
  text-align: left;
}
.d-flex .flex-col .dashboardtile.smalltile span.orange {
  font-weight: normal;
}
.d-flex .flex-col .dashboardtile.active {
  background: #ee7203;
}
.d-flex .flex-col .dashboardtile.active .roundamount {
  background: black;
}
.d-flex .flex-col .dashboardtile.active span {
  color: white !important;
}
.dashboard-table .fa-check {
  color: green;
}
.dashboard-table .fa-close {
  color: red;
}
.m-t-15 {
  margin-top: 15px !important;
}
.m-r-15 {
  margin-right: 15px !important;
}
.m-b-15 {
  margin-bottom: 15px !important;
}
td.textContent {
  padding: 20px;
}
td.line-through {
  text-decoration: line-through;
}
.UnToggleTask,
.ToggleTask {
  background: rgba(0, 0, 0, 0.1) !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
}
.UnToggleTask .fa,
.ToggleTask .fa {
  color: white;
}
.UnToggleTask:hover,
.ToggleTask:hover {
  background: green !important;
  border-color: green !important;
}
.custom-tab {
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px 4px 0 0;
  display: block;
  padding: 15px;
  margin-right: 10px;
  margin-bottom: -11px !important;
  cursor: pointer;
}
.custom-tab.active {
  background: white;
  border-bottom: 1px solid white;
}
#alltasks #task-datatable_filter .form-control {
  display: none;
}
.p-t-20 {
  padding-top: 20px !important;
}
.justify-content-between {
  justify-content: space-between;
}
.m-r-20 {
  margin-right: 20px;
}
.form-control.small {
  width: 200px;
}
.nav.nav-pills.aanschafthumbs a {
  padding: 8px 7px 6px 7px;
}
.nav.nav-pills.aanschafthumbs a h4.list-group-item-heading {
  font-size: 12px;
  font-weight: bold;
}
.d-none {
  display: none !important;
}
.smallth th {
  font-size: 14px !important;
}
/* styles for speedometer */

.speedometer-border {
  width: 300px;
  height: 300px;
  border: 1px solid black;
  top: -3px;
  left: -3px;
  position: absolute;
}
.speedometer {
  width: 300px;
  height: 300px;
  border: 3px solid black;
  border-radius: 50%;
  position: relative;
  margin-bottom: 30px;
}
.speedometer-inner {
  width: 294px;
  height: 294px;
  border-radius: 50%;
  position: absolute;
  border: 5px solid lightgray;
}
.center-point {
  width: 30px;
  height: 30px;
  background-color: darkgreen;
  border-radius: 50%;
  position: absolute;
  top: 132px;
  left: 132px;
  z-index: 12;
}
.center-point-border {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 50%;
  border: 1px solid black;
  position: absolute;
  top: 132px;
  left: 132px;
  z-index: 13;
}
.speedometer-title {
  position: absolute;
  top: 60px;
  left: 38px;
  width: 220px;
  z-index: 14;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
.speedometer-min {
  position: absolute;
  left: 80px;
  top: 230px;
  z-index: 14;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
}
.speedometer-max {
  position: absolute;
  left: 196px;
  top: 230px;
  z-index: 14;
  text-align: right;
  font-size: 12px;
  font-weight: bold;
}
.speedometer-value {
  position: absolute;
  left: 132px;
  top: 230px;
  z-index: 14;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}
.speedometer-scale {
  width: 4px;
  height: 142px;
  background-color: black;
  position: absolute;
  left: 145px;
  top: 5px;
  transform-origin: bottom center;
}
.speedometer-center-hide {
  width: 250px;
  height: 250px;
  background-color: white;
  border-radius: 50%;
  position: absolute;
  left: 22px;
  top: 22px;
  z-index: 9;
}
.speedometer-scale-1 {
  transform: rotate(-144deg);
}
.speedometer-scale-2 {
  transform: rotate(-72deg);
}
.speedometer-scale-3 {
  transform: rotate(0deg);
}
.speedometer-scale-4 {
  transform: rotate(72deg);
}
.speedometer-scale-5 {
  transform: rotate(144deg);
}
.speedometer-arrow-container {
  width: 294px;
  height: 294px;
  background-color: transparent;
  position: absolute;
  z-index: 11;
  top: 0px;
  left: 0px;
}
.speedometer-arrow-wrapper {
  width: 294px;
  height: 294px;
  background-color: transparent;
  position: relative;
  /*transform: rotate(30deg);*/

}
.speedometer-svg {
  stroke-width: 1;
}
.speedometer-arrow {
  width: 294px;
  height: 294px;
  transform: rotate(-144deg);
}
.inlinecheckboxes label {
  margin: 5px 20px 5px 0px;
  display: inline-block;
}
.block-title.new {
  line-height: 1em;
}
.block-title.new h1 {
  font-size: 24px;
  margin-bottom: 0;
  line-height: 1em;
  padding: 10px 10px 5px 15px;
}
.block-title.new h2 {
  font-size: 18px;
  margin-bottom: 0;
  line-height: 1em;
  padding: 5px 10px 10px 15px;
}