@charset "UTF-8";
/* ==========================================================================
   Vehicle Stylesheet
   vehicle.scss
   ========================================================================== */
/* Vendors
   ======================================================================== */
/*
.datepicker {
  .prev, .next {font-style:normal;}
  .prev:after {content:"«";}
  .next:after {content:"»";}
}
*/
/*!
 * Datepicker for Foundation - less stylesheet, just version customized to foundation
 *
 * Copyright 2013 Peter Beno, najlepsiwebdesigner@gmail.com, @benopeter
 * project website http://foundation-datepicker.peterbeno.com
 *
 * Original project https://github.com/eternicode/bootstrap-datepicker
 * 		Original author 2012 Stefan Petre
 * 		Improvements by Andrew Rowls
 * 		Licensed under the Apache License v2.0
 * 		http://www.apache.org/licenses/LICENSE-2.0
 */
.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  border-right-width: 2px;
  border-bottom-width: 2px;
  color: #333;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  line-height: 18px; }

.datepicker.dropdown-menu th, .datepicker.dropdown-menu td {
  padding: 4px 5px; }

.datepicker {
  display: none;
  position: absolute;
  margin-top: 1px;
  direction: ltr;
  padding: 4px; }

.datepicker-inline {
  width: 220px; }

.datepicker-rtl {
  direction: rtl; }

.datepicker-rtl table tr td span {
  float: right; }

.datepicker-dropdown {
  top: 0;
  left: 0; }

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

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

.datepicker table {
  width: 100%;
  border: 0;
  margin: 0; }

.datepicker td, .datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border: 0;
  font-size: 12px;
  background: #fff;
  cursor: pointer;
  padding: 4px 8px; }

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
  background-color: transparent; }

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  cursor: pointer;
  margin: 1%; }

.datepicker th.date-switch {
  width: 145px; }

.datepicker thead tr:first-child th, .datepicker tfoot tr:first-child th {
  cursor: pointer; }

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  vertical-align: middle;
  padding: 0 2px 0 5px; }

.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent; }

.datepicker-close {
  position: absolute;
  top: -30px;
  right: 0;
  width: 15px;
  height: 30px;
  display: none;
  padding: 0; }

.datepicker td.old, .datepicker td.new {
  color: #999; }

.datepicker td.day.disabled {
  color: #eee; }

.datepicker > div, .datepicker-dropdown::before, .datepicker-dropdown::after {
  display: none; }

.datepicker.days div.datepicker-days, .datepicker.months div.datepicker-months, .datepicker.years div.datepicker-years {
  display: block; }

.datepicker td.active.day, .datepicker th.active.day, .datepicker td.active.year, .datepicker th.active.year, .datepicker td span.active, .datepicker th span.active {
  background: #3799cf;
  color: white; }

.datepicker td.day:hover, .datepicker th.day:hover, .datepicker td.year:hover, .datepicker th.year:hover {
  background: #e1e1e1;
  color: #3b3735; }

/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */
/*!--------------------------------------------------------------------
STYLES "Outdated Browser"
Version:    1.0.2 - 2014
author:     Burocratik
website:    http://www.burocratik.com
* @preserve
-----------------------------------------------------------------------*/
#outdated {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 170px;
  text-align: center;
  text-transform: uppercase;
  z-index: 1500;
  background-color: #f25648;
  color: #fff; }

* html #outdated {
  position: absolute; }

#outdated h6 {
  font-size: 25px;
  line-height: 25px;
  margin: 30px 0 10px; }

#outdated p {
  font-size: 12px;
  line-height: 12px; }

#outdated #btnUpdateBrowser {
  display: block;
  position: relative;
  padding: 10px 20px;
  margin: 30px auto 0;
  width: 180px;
  color: #fff;
  text-decoration: none;
  border: 2px solid #fff;
  cursor: pointer; }

#outdated #btnUpdateBrowser:hover {
  color: #f25648;
  background-color: #fff; }

#outdated .last {
  position: absolute;
  top: 20px;
  right: 30px;
  width: 15px;
  height: 15px; }

#outdated #btnCloseUpdateBrowser {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #fff;
  font-size: 36px; }

/* Components
   ======================================================================== */
/* Generic buttons */
/* Height and margin */
.button {
  color: #3799cf; }

.button.button--inverted {
  background: #3799cf;
  color: #ffffff; }

.switch--inverted label {
  color: transparent;
  background: #ffffff;
  border: 1px solid #e1e1e1; }
  .switch--inverted label:after {
    margin-top: -1px;
    margin-left: -1px;
    background: #b5b5b5; }

.switch--inverted input:checked + label {
  background: #ffffff; }
  .switch--inverted input:checked + label:after {
    background: #3799cf; }

.table__actions .button.tiny.icon-only svg, .table__actions .button.tiny.icon-only i {
  padding: 13px; }

.collapsible-row.odd {
  background: #F6F6F6; }

.collapsible-row.even {
  background: #FAFAFA; }

.collapsible-row--collapsed {
  display: none; }

.log_entry__messages {
  margin: 0 15px !important; }
  .log_entry__messages li {
    margin-bottom: 0; }
  .csscolumns .log_entry__messages {
    -webkit-column-count: 3;
    /* Chrome, Safari, Opera */
    /* Firefox */
    column-count: 3; }
  .no-csscolumns .log_entry__messages > li {
    float: left;
    width: 33.3333333333%;
    list-style: none; }

.collapsible-toggle {
  color: #222222;
  font-weight: bold; }
  .collapsible-toggle:hover, .collapsible-toggle:active, .collapsible-toggle:visited {
    color: #222222; }
  .collapsible-toggle__icon {
    color: #222222;
    font-size: 10px;
    /* '' */
    text-indent: 0; }
    .collapsible-toggle__icon:before {
      content: '\e80c'; }
  .collapsible-toggle.collapse--actived .collapsible-toggle__icon {
    /* '' */ }
    .collapsible-toggle.collapse--actived .collapsible-toggle__icon:before {
      content: '\e80d'; }

.clearpanel__maps {
  padding: 5px 5px 5px 5px;
  background: #ffffff;
  width: 100%;
  height: 360px;
  border-bottom: 1px solid #f0f0f0; }
  .clearpanel__maps--detailblock {
    margin-bottom: 20px; }
  .clearpanel__maps__content {
    width: 100%;
    height: 100%; }
    .clearpanel__maps__content img {
      max-width: none; }
    .clearpanel__maps__content .clearpanel__maps__infowindow__label {
      color: #3799cf;
      text-transform: uppercase; }
    .clearpanel__maps__content .clearpanel__maps__infowindow__label, .clearpanel__maps__content .clearpanel__maps__infowindow__value {
      font-size: 11px; }

.maps__toggler {
  color: #3799cf;
  font-size: 12px;
  text-transform: none;
  font-weight: bold;
  cursor: pointer;
  position: relative;
  padding-right: 20px; }
  .maps__toggler__icon {
    /* '' */
    text-indent: 0; }
    .maps__toggler__icon:before {
      content: '\e80d'; }
  .maps__toggler .maps__toggle--active-state {
    display: none; }
  .maps__toggler.maps__toggler--active .maps__toggle--inactive-state {
    display: none; }
  .maps__toggler.maps__toggler--active .maps__toggle--active-state {
    display: inline; }
  .maps__toggler.maps__toggler--active .maps__toggler__icon {
    /* '' */ }
    .maps__toggler.maps__toggler--active .maps__toggler__icon:before {
      content: '\e80c'; }

@font-face {
  font-family: 'mprotect-icons';
  src: url("/bundles/clearmprotectmain/styles/fonts/mprotect-icons.eot?48753918");
  src: url("/bundles/clearmprotectmain/styles/fonts/mprotect-icons.eot?48753918#iefix") format("embedded-opentype"), url("/bundles/clearmprotectmain/styles/fonts/mprotect-icons.woff?48753918") format("woff"), url("/bundles/clearmprotectmain/styles/fonts/mprotect-icons.ttf?48753918") format("truetype"), url("/bundles/clearmprotectmain/styles/fonts/mprotect-icons.svg?48753918#mprotect-icons") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'mprotect-icons';
    src: url('../font/mprotect-icons.svg?48753918#mprotect-icons') format('svg');
  }
}
*/
[class^="icon--"]:before, [class*=" icon--"]:before {
  font-family: "mprotect-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon--list-bullet:before {
  content: '\e800'; }

/* '' */
.icon--location:before {
  content: '\e801'; }

/* '' */
.icon--sliders:before {
  content: '\e802'; }

/* '' */
.icon--alarm:before {
  content: '\e803'; }

/* '' */
.icon--car:before {
  content: '\e804'; }

/* '' */
.icon--arrow_right:before {
  content: '\e805'; }

/* '' */
.icon--user:before {
  content: '\e806'; }

/* '' */
.icon--users:before {
  content: '\e807'; }

/* '' */
.icon--clipboard:before {
  content: '\e808'; }

/* '' */
.icon--arrow_left:before {
  content: '\e809'; }

/* '' */
.icon--cancel:before {
  content: '\e80a'; }

/* '' */
.icon--pencil:before {
  content: '\e80b'; }

/* '' */
.icon--arrow_down:before {
  content: '\e80c'; }

/* '' */
.icon--arrow_up:before {
  content: '\e80d'; }

/* '' */
.icon--power:before {
  content: '\e80e'; }

/* '' */
.icon--plus:before {
  content: '\e80f'; }

/* '' */
.icon--refresh:before {
  content: '\e810'; }

/* '' */
.icon--download:before {
  content: '\e811'; }

/* '' */
.icon--search:before {
  content: '\e812'; }

/* '' */
.icon--down-open:before {
  content: '\e813'; }

/* '' */
.icon--left-open:before {
  content: '\e814'; }

/* '' */
.icon--right-open:before {
  content: '\e815'; }

/* '' */
.icon--up-open:before {
  content: '\e816'; }

/* '' */
.side-nav li {
  background: #FFF;
  border: 1px solid #f0eeef;
  position: relative; }
  .side-nav li a {
    position: relative;
    padding: 10px !important;
    line-height: 20px;
    text-transform: uppercase;
    z-index: 1; }
    .side-nav li a i {
      margin-right: 20px; }
    .side-nav li a:hover {
      background: none !important; }
  .side-nav li:before {
    content: "";
    border-right: 1px solid #f0eeef;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    z-index: 0; }
  .side-nav li:hover:before, .side-nav li.current:before {
    background-color: #3799cf; }
  .side-nav li:hover i, .side-nav li.current i {
    color: #ffffff; }

.top-bar .name h1 a.logo {
  text-indent: -9999px;
  display: inline-block; }
  .top-bar .name h1 a.logo.logo--wmw {
    margin-left: 10px;
    background: url("/bundles/clearmprotectmain/images/logo.svg") transparent left center no-repeat;
    background-size: 200px 21px;
    width: 90px; }
  .top-bar .name h1 a.logo.logo--mprotect {
    background: url("/bundles/clearmprotectmain/images/logo.svg") transparent right center no-repeat;
    background-size: 200px 21px;
    width: 110px; }

.top-bar .row {
  max-width: 75rem;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  color: white; }

.top-bar .title-area {
  z-index: 2; }

.top-bar .top-bar-section {
  z-index: 2; }

.top-bar .button--with-icon {
  padding-right: 38px !important;
  padding-left: 10px !important; }

.top-bar .button--with-icon i {
  margin-top: 0;
  padding: 4px; }

.clearpanel__title__actions {
  display: block;
  height: 39px; }
  .clearpanel__title__actions .maps__toggler {
    display: inline-block;
    line-height: 39px;
    vertical-align: top; }
  .clearpanel__title__actions .button.tiny.icon-only {
    margin: 0; }
    .clearpanel__title__actions .button.tiny.icon-only svg, .clearpanel__title__actions .button.tiny.icon-only i {
      padding: 10px 9px 9px 10px; }

.no-margin-bottom {
  margin-bottom: 0 !important; }

.empty-placeholder {
  color: #aaaaaa; }
  table .empty-placeholder {
    display: block;
    text-align: center; }

#registration--filterdate {
  padding-left: 5px; }
  #registration--filterdate .icon-clear-arrow-m-right {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }

#registration__datepicker .datepicker-inline {
  position: inherit; }

.clearpanel__search {
  margin-right: 40px;
  position: relative; }
  .clearpanel__search .search__input {
    padding-left: 20px;
    height: 42px !important;
    border-right: none;
    transition: none; }
    .clearpanel__search .search__input:focus + .search__button {
      border-color: #999999;
      border-left-color: rgba(153, 153, 153, 0.35); }
  .clearpanel__search .search__button {
    position: absolute;
    right: -40px;
    top: 0;
    border: 1px solid #cccccc;
    border-left-color: #f0f0f0;
    border-left-color: rgba(204, 204, 204, 0.7);
    padding: 10px 0;
    width: 42px;
    height: 42px; }

.switch input:checked:disabled + label {
  background: #999999; }

@charset "UTF-8";
/*
.datepicker {
  .prev, .next {font-style:normal;}
  .prev:after {content:"«";}
  .next:after {content:"»";}
}
*/
/*!
 * Datepicker for Foundation - less stylesheet, just version customized to foundation
 *
 * Copyright 2013 Peter Beno, najlepsiwebdesigner@gmail.com, @benopeter
 * project website http://foundation-datepicker.peterbeno.com
 *
 * Original project https://github.com/eternicode/bootstrap-datepicker
 * 		Original author 2012 Stefan Petre
 * 		Improvements by Andrew Rowls
 * 		Licensed under the Apache License v2.0
 * 		http://www.apache.org/licenses/LICENSE-2.0
 */
.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  border-right-width: 2px;
  border-bottom-width: 2px;
  color: #333;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  line-height: 18px; }

.datepicker.dropdown-menu th, .datepicker.dropdown-menu td {
  padding: 4px 5px; }

.datepicker {
  display: none;
  position: absolute;
  margin-top: 1px;
  direction: ltr;
  padding: 4px; }

.datepicker-inline {
  width: 220px; }

.datepicker-rtl {
  direction: rtl; }

.datepicker-rtl table tr td span {
  float: right; }

.datepicker-dropdown {
  top: 0;
  left: 0; }

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

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

.datepicker table {
  width: 100%;
  border: 0;
  margin: 0; }

.datepicker td, .datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border: 0;
  font-size: 12px;
  background: #fff;
  cursor: pointer;
  padding: 4px 8px; }

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
  background-color: transparent; }

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  cursor: pointer;
  margin: 1%; }

.datepicker th.date-switch {
  width: 145px; }

.datepicker thead tr:first-child th, .datepicker tfoot tr:first-child th {
  cursor: pointer; }

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  vertical-align: middle;
  padding: 0 2px 0 5px; }

.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent; }

.datepicker-close {
  position: absolute;
  top: -30px;
  right: 0;
  width: 15px;
  height: 30px;
  display: none;
  padding: 0; }

.datepicker td.old, .datepicker td.new {
  color: #999; }

.datepicker td.day.disabled {
  color: #eee; }

.datepicker > div, .datepicker-dropdown::before, .datepicker-dropdown::after {
  display: none; }

.datepicker.days div.datepicker-days, .datepicker.months div.datepicker-months, .datepicker.years div.datepicker-years {
  display: block; }

.datepicker td.active.day, .datepicker th.active.day, .datepicker td.active.year, .datepicker th.active.year, .datepicker td span.active, .datepicker th span.active {
  background: #3799cf;
  color: white; }

.datepicker td.day:hover, .datepicker th.day:hover, .datepicker td.year:hover, .datepicker th.year:hover {
  background: #e1e1e1;
  color: #3b3735; }

/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */
/*!--------------------------------------------------------------------
STYLES "Outdated Browser"
Version:    1.0.2 - 2014
author:     Burocratik
website:    http://www.burocratik.com
* @preserve
-----------------------------------------------------------------------*/
#outdated {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 170px;
  text-align: center;
  text-transform: uppercase;
  z-index: 1500;
  background-color: #f25648;
  color: #fff; }

* html #outdated {
  position: absolute; }

#outdated h6 {
  font-size: 25px;
  line-height: 25px;
  margin: 30px 0 10px; }

#outdated p {
  font-size: 12px;
  line-height: 12px; }

#outdated #btnUpdateBrowser {
  display: block;
  position: relative;
  padding: 10px 20px;
  margin: 30px auto 0;
  width: 180px;
  color: #fff;
  text-decoration: none;
  border: 2px solid #fff;
  cursor: pointer; }

#outdated #btnUpdateBrowser:hover {
  color: #f25648;
  background-color: #fff; }

#outdated .last {
  position: absolute;
  top: 20px;
  right: 30px;
  width: 15px;
  height: 15px; }

#outdated #btnCloseUpdateBrowser {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #fff;
  font-size: 36px; }