/*
 * How SASS work: http://sass-lang.com/documentation/file.SASS_REFERENCE.html
 */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap");
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-family: "Open Sans", Arial, sans-serif; }

body {
  margin: 0px; }

img {
  vertical-align: middle;
  border: 0; }

a {
  color: #0366d6;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

div[id^="id_"] {
  display: none !important; }

input[type=range] {
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%; }

input[type=range]:focus {
  outline: none; }

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 12.8px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #ecebf0;
  border-radius: 25px;
  border: 0px solid #000101; }

input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 20px;
  width: 39px;
  border-radius: 7px;
  background: #65001c;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -3.6px; }

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ecebf0; }

input[type=range]::-moz-range-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #ecebf0;
  border-radius: 100px;
  border: 0px solid #000101; }

input[type=range]::-moz-range-thumb {
  border: 6px solid #4c84ff;
  height: 10px;
  width: 10px;
  border-radius: 100px;
  background: #fff;
  cursor: pointer;
  transition: all 0.2s ease; }
  input[type=range]::-moz-range-thumb:hover {
    box-shadow: 0 0 0 5px #fff, 0 0 0px 7px #d9e8ff;
    border: 6px solid #1e64fa; }

input[type=range]::-ms-track {
  width: 100%;
  height: 12.8px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 39px 0;
  color: transparent; }

input[type=range]::-ms-fill-lower {
  background: #ac51b5;
  border: 0px solid #000101;
  border-radius: 50px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; }

input[type=range]::-ms-fill-upper {
  background: #ac51b5;
  border: 0px solid #000101;
  border-radius: 50px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; }

input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 20px;
  width: 39px;
  border-radius: 7px;
  background: #65001c;
  cursor: pointer; }

input[type=range]:focus::-ms-fill-lower {
  background: #ac51b5; }

input[type=range]:focus::-ms-fill-upper {
  background: #ac51b5; }

.slider-container {
  width: 300px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

.slider-container .back-bar {
  height: 10px;
  position: relative; }

.slider-container .back-bar .selected-bar {
  position: absolute;
  height: 100%; }

.slider-container .back-bar .pointer {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: red;
  cursor: pointer;
  opacity: 1;
  z-index: 2; }
  .slider-container .back-bar .pointer:hover {
    border-color: #2c67e7; }

.slider-container .back-bar .pointer.last-active {
  z-index: 3; }

.slider-container .back-bar .pointer-label {
  position: absolute;
  top: -22px;
  font-size: 8px;
  background: white;
  white-space: nowrap;
  line-height: 1; }

.slider-container .back-bar .focused {
  z-index: 10; }

.slider-container .clickable-dummy {
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1; }

.slider-container .scale {
  top: 2px;
  position: relative; }

.slider-container .scale span {
  position: absolute;
  height: 5px;
  border-left: 1px solid #999;
  font-size: 0; }

.slider-container .scale ins {
  font-size: 9px;
  text-decoration: none;
  position: absolute;
  left: 0;
  top: 5px;
  color: #999;
  line-height: 1; }

.slider-container.slider-readonly .clickable-dummy,
.slider-container.slider-readonly .pointer {
  cursor: auto; }

.theme-green .back-bar {
  height: 5px;
  border-radius: 2px;
  background-color: #ecebf0;
  background-repeat: repeat-x; }

.theme-green .back-bar .selected-bar {
  border-radius: 2px;
  background-color: #4c84fd;
  background-repeat: repeat-x; }

.theme-green .back-bar .pointer {
  width: 18px;
  height: 18px;
  top: -7px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
  border: 4px solid #4c84fd;
  background-color: #fff;
  background-repeat: repeat-x; }

.theme-green .back-bar .pointer-label {
  color: #999; }

.theme-green .back-bar .focused {
  color: #333; }

.theme-green .scale span {
  border-left: 1px solid #e5e5e5; }

.theme-green .scale ins {
  color: #999; }

.theme-blue .back-bar {
  height: 5px;
  border-radius: 2px;
  background-color: #eeeeee;
  background-color: #e7e7e7;
  background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
  background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
  background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0); }

.theme-blue .back-bar .selected-bar {
  border-radius: 2px;
  background-color: #92c1f9;
  background-image: -moz-linear-gradient(top, #b1d1f9, #64a8f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b1d1f9), to(#64a8f9));
  background-image: -webkit-linear-gradient(top, #b1d1f9, #64a8f9);
  background-image: -o-linear-gradient(top, #b1d1f9, #64a8f9);
  background-image: linear-gradient(to bottom, #b1d1f9, #64a8f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb1d1f9', endColorstr='#ff64a8f9', GradientType=0); }

.theme-blue .back-bar .pointer {
  width: 14px;
  height: 14px;
  top: -5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
  border: 1px solid #AAA;
  background-color: #e7e7e7;
  background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
  background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
  background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0); }

.theme-blue .back-bar .pointer-label {
  color: #999; }

.theme-blue .back-bar .focused {
  color: #333; }

.theme-blue .scale span {
  border-left: 1px solid #e5e5e5; }

.theme-blue .scale ins {
  color: #999; }

.sod_select,
.sod_select * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* The SoD - Please keep this first three lines intact, otherwise all hell will break looooooose */
.sod_select {
  display: inline-block;
  position: relative;
  line-height: 12px;
  width: 200px;
  padding: 15px 10px;
  border: 3px solid #5e5e5e;
  background: #ffffff;
  color: #444444;
  font-size: 11px;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
  outline: 0;
  outline-offset: -2px;
  /* Opera */
  cursor: default; }

/* Up/Down arrows */
.sod_select:before,
.sod_select:after {
  content: "\25B2";
  position: absolute;
  right: 10px;
  top: 12px;
  font-size: 7px; }

/* Down arrow */
.sod_select:after {
  content: "\25BC";
  top: auto;
  bottom: 12px; }

/* Change the border color on hover, focus and when open */
.sod_select:hover,
.sod_select.open,
.sod_select.focus {
  border-color: #000000; }

.sod_select.open {
  color: #919191; }

.sod_select.focus {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

/* When the entire SoD is disabled, go crazy! */
.sod_select.disabled {
  border-color: #828282;
  color: #b2b2b2;
  cursor: not-allowed; }

/* The "label", or whatever we should call it. Keep the first three lines for truncating. */
.sod_select .sod_label {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 15px; }

.sod_select .sod_prefix {
  /* Use this if you're using a prefix and want to style it */ }

.sod_select .sod_placeholder {
  /* Use this if you're using a placeholder and want to style it */ }

/* Options list wrapper */
.sod_select .sod_list_wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  height: auto;
  width: 200px;
  margin: 0 0 0 -3px;
  background: #ffffff;
  border: 3px solid #000000;
  border-top: none;
  color: #444444;
  font-weight: 300;
  z-index: 1; }

/* Shows the option list (don't edit) */
.sod_select.open .sod_list_wrapper {
  display: block; }

/* Don't display the options when  */
.sod_select.disabled.open .sod_list_wrapper {
  display: none; }

/* When the option list is displayed above the SoD */
.sod_select.above .sod_list_wrapper {
  top: auto;
  bottom: 100%;
  border-top: 3px solid #000000;
  border-bottom: none; }

/* Options list container */
.sod_select .sod_list {
  display: block;
  overflow-y: auto;
  padding: 0;
  margin: 0; }

/* All the options. Keep the first three lines for truncating... */
.sod_select .sod_option {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  padding: 10px 10px;
  list-style-type: none; }

/* Optgroups */
.sod_select .sod_option.optgroup,
.sod_select .sod_option.optgroup.disabled {
  background: inherit;
  color: #939393;
  font-size: 10px;
  font-style: italic; }

/* Children of an optgroup */
.sod_select .sod_option.groupchild {
  padding-left: 20px; }

/* Used together with placeholderOption / data-placeholder-option */
.sod_select .sod_option.is-placeholder {
  display: none; }

/* Disabled option */
.sod_select .sod_option.disabled {
  background: inherit;
  color: #cccccc; }

/* Hover state for options, also used when a user uses his/hers up/down keys */
.sod_select .sod_option.active {
  background: #f7f7f7;
  color: #333333; }

/*Make room for the check mark */
.sod_select .sod_option.selected {
  font-weight: 700;
  padding-right: 25px; }

/* Displays a check mark for the selected option */
.sod_select .sod_option.selected:before {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  color: #808080;
  height: 9px;
  width: 10px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDlEOUQ4IiBkPSJNNCw2LjdDMy42LDYuMywzLjUsNi4xLDMuMSw1LjdDMi42LDUuMiwyLDQuNiwxLjUsNC4xYy0wLjgtMC44LTIsMC40LTEuMiwxLjJjMC45LDAuOSwxLjksMS45LDIuOCwyLjgNCgkJYzAuNywwLjcsMS4zLDEsMiwwQzYuNyw2LDguMywzLjcsOS44LDEuNUMxMC41LDAuNSw5LTAuMyw4LjMsMC42bDAsMEM2LjcsMi45LDUuNyw0LjQsNCw2LjciLz4NCjwvZz4NCjwvc3ZnPg0K); }

/* Add a .no_highlight class to you SoD to hide the check mark and don't bold the option */
.sod_select.no_highlight .sod_option.selected {
  font-weight: 300; }

.sod_select.no_highlight .sod_option.selected:before {
  display: none; }

.sod_select .sod_option.link {
  /* If data-link is set on a specific option */ }

.sod_select .sod_option.linkexternal {
  /* If data-link-external is set on a specific option */ }

/* Hide native select */
.sod_select select {
  display: none !important; }

/* The native select in touch mode. Keep this first line. Sorry, keep everything. */
.sod_select.touch select {
  -webkit-appearance: menulist-button;
  position: absolute;
  top: 0;
  left: 0;
  display: block !important;
  height: 100%;
  width: 100%;
  opacity: 0;
  z-index: 1; }

.sod_select.theme.theme {
  display: inline-block;
  position: relative;
  width: 100% !important;
  height: 38px !important;
  padding: 12px 10px 13px 10px !important;
  background: #fff url("view/assets/img/drop-down-smooth.png") center right 6px no-repeat;
  border: 1px solid #d4d4d4;
  box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  color: #808080;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-align: left;
  text-transform: none;
  outline: 0;
  outline-offset: -2px;
  cursor: default; }

.sod_select.theme:before,
.sod_select.theme:after {
  content: "";
  position: absolute;
  right: 30px;
  top: 10px;
  bottom: 10px;
  border-left: 1px solid #e5e5e5; }

.sod_select.theme:after {
  content: "";
  right: 12px;
  top: 16px;
  border-left: none;
  font-size: 7px; }

.sod_select.theme.above:after {
  content: "\25B2"; }

.sod_select.theme:hover,
.sod_select.theme.open,
.sod_select.theme.focus {
  background: #ffffff url("view/assets/img/drop-down.png") center right 6px no-repeat;
  border-color: #d4d4d4;
  cursor: pointer; }

.sod_select.theme.open {
  color: #919191; }

.sod_select.theme.focus {
  border: 1px solid #8f2fef;
  color: #8f2fef; }

.sod_select.theme.disabled {
  border-color: #d4d4d4;
  color: #b2b2b2;
  cursor: not-allowed; }

.sod_select.theme.disabled:hover {
  background: #fcfcfc; }

/* The "label", or whatever we should call it. Keep the first three lines for truncating. */
.sod_select.theme .sod_label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 15px; }

.sod_select.theme .sod_prefix {
  /* Use this if you're using a prefix and want to style it */ }

.sod_select.theme .sod_placeholder {
  /* Use this if you're using a placeholder and want to style it */ }

/* Options list wrapper */
.sod_select.theme .sod_list_wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  height: auto;
  width: 200px;
  margin: 10px 0 0 -1px;
  border: 1px solid #d4d4d4;
  border-radius: 3px;
  background: #ffffff;
  color: #808080;
  font-weight: 300;
  z-index: 1; }

/* Shows the option list (don't edit) */
.sod_select.theme.open .sod_list_wrapper {
  display: block; }

/* Don't display the options when  */
.sod_select.theme.disabled.open .sod_list_wrapper {
  display: none; }

/* When the option list is displayed above the SoD */
.sod_select.theme.above .sod_list_wrapper {
  top: auto;
  bottom: 100%;
  margin: 0 0 10px -1px;
  border: 1px solid #d4d4d4;
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1); }

/* Arrow(s) displayed when the SoD is active, only in this "theme" */
.sod_select.theme .sod_list_wrapper:after,
.sod_select.theme .sod_list_wrapper:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 10px;
  border: solid transparent;
  height: 0;
  width: 0;
  pointer-events: none; }

.sod_select.theme.above .sod_list_wrapper:after,
.sod_select.theme.above .sod_list_wrapper:before {
  top: 100%;
  bottom: auto; }

.sod_select.theme .sod_list_wrapper:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 6px; }

.sod_select.theme.above .sod_list_wrapper:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff; }

.sod_select.theme .sod_list_wrapper:before {
  margin-left: -2px;
  border-color: rgba(212, 212, 212, 0);
  border-bottom-color: #d4d4d4;
  border-width: 8px; }

.sod_select.theme.above .sod_list_wrapper:before {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #d4d4d4; }

/* Options list container */
.sod_select.theme .sod_list {
  overflow-y: auto;
  padding: 0 4px !important;
  margin: 4px 0;
  border-radius: 3px; }

/* All the options. Keep the first three lines for truncating... */
.sod_select.theme .sod_option {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  padding: 15px 10px;
  list-style-type: none;
  border-bottom: 1px solid #f7f7f7; }

/* Remove the bottom border from the last item */
.sod_select.theme .sod_option:last-child {
  border-bottom: none; }

/* Optgroups */
.sod_select.theme .sod_option.optgroup,
.sod_select.theme .sod_option.optgroup.disabled {
  background: inherit;
  color: #939393;
  font-size: 10px;
  font-style: italic; }

/* Children of an optgroup */
.sod_select.theme .sod_option.groupchild {
  padding-left: 20px; }

/* Disabled option */
.sod_select.theme .sod_option.disabled {
  background: inherit;
  color: #cccccc; }

/* Hover state for options, also used when a user uses his/hers up/down keys */
.sod_select.theme .sod_option.active {
  background: #f7f7f7;
  border-radius: 3px;
  color: #676767; }

/*Make room for the check mark */
.sod_select.theme .sod_option.selected {
  padding-right: 25px;
  font-weight: 700; }

/* Displays a check mark for the selected option */
.sod_select.theme .sod_option.selected:before {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  color: #808080;
  height: 9px;
  width: 10px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDlEOUQ4IiBkPSJNNCw2LjdDMy42LDYuMywzLjUsNi4xLDMuMSw1LjdDMi42LDUuMiwyLDQuNiwxLjUsNC4xYy0wLjgtMC44LTIsMC40LTEuMiwxLjJjMC45LDAuOSwxLjksMS45LDIuOCwyLjgNCgkJYzAuNywwLjcsMS4zLDEsMiwwQzYuNyw2LDguMywzLjcsOS44LDEuNUMxMC41LDAuNSw5LTAuMyw4LjMsMC42bDAsMEM2LjcsMi45LDUuNyw0LjQsNCw2LjciLz4NCjwvZz4NCjwvc3ZnPg0K); }

.sod_select.theme.no_highlight .sod_option.selected:before {
  display: none; }

.sod_select.theme select {
  display: none !important; }

.sod_select.theme.touch select {
  -webkit-appearance: menulist-button;
  position: absolute;
  top: 0;
  left: 0;
  display: block !important;
  height: 100%;
  width: 100%;
  opacity: 0;
  z-index: 1; }

.FooterLayout {
  float: left;
  width: 100%; }

input[type=text] {
  border: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 14px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-box-sizing: 6px;
  padding: 8.5px 14px;
  transition: all 0.2s ease; }
  input[type=text].Search-Input {
    background: #fff url("view/assets/img/icons8_Search_50px_1.png") right 10px center no-repeat;
    background-size: 20px;
    padding-right: 40px; }
  input[type=text].SelectorRight {
    border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -webkit-box-sizing: 6px 0 0 6px; }
  input[type=text]:hover, input[type=text]:focus {
    border: 1px solid #999; }

input[type=checkbox].r_checkbox {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

input[type=checkbox].r_checkbox + label.label {
  padding-left: 35px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 15px;
  vertical-align: middle;
  cursor: pointer;
  margin: 2px;
  line-height: 24px;
  height: 24px; }

input[type=checkbox].r_checkbox:hover + label.label {
  background-position: 0 -24px; }

input[type=checkbox].r_checkbox:checked + label.label {
  background-position: 0 -48px; }

.label {
  background-position: 0 0px; }

.label-blue {
  background-image: url(view/assets/img/checkbox_blue.png); }

input[type=radio].r_radio {
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  position: absolute;
  margin: -1px;
  padding: 0;
  border: 0; }

input[type=radio].r_radio + label.label {
  padding-left: 35px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 15px;
  vertical-align: middle;
  cursor: pointer;
  margin: 2px;
  line-height: 24px;
  height: 24px; }

input[type=radio].r_radio:hover + label.label {
  background-position: 0 -24px; }

input[type=radio].r_radio:checked + label.label {
  background-position: 0 -48px; }

.btn--block {
  display: block; }

.btn--block + .btn--block {
  margin-left: 0; }

.btn {
  display: inline-block;
  position: relative;
  margin: 5px 0;
  padding: 10px 31px 11px;
  cursor: pointer;
  outline: 0;
  border: none;
  border-radius: 22px;
  background: transparent;
  transition: background .2s,color .2s;
  text-align: center;
  text-decoration: none;
  font: 1.286em/1.1667 'Open Sans',sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.btn:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 22px;
  transition: border 0.1s ease-in-out; }

.btn + .btn {
  margin-left: 7px; }

.btn .b-link {
  border-radius: inherit; }

.btn.tooltip-no-js-wrap:hover > .tooltip {
  display: none !important; }

.btn:disabled > .tooltip, .btn.disabled > .tooltip {
  display: block; }

.btn--static .b-link {
  top: -1000px;
  right: -1000px;
  bottom: -1000px;
  left: -1000px; }

.btn--xsm {
  padding: 3px 15px 4px;
  border-radius: 12px;
  font-size: .929em;
  line-height: 1.308; }

.btn--xsm:before {
  border-radius: 11px; }

.btn--sm {
  padding: 7px 18px 6px;
  border-radius: 16px;
  font-size: 1em;
  line-height: 1.3572; }

.btn--sm:before {
  border-radius: 16px; }

.btn, .btn:hover {
  color: #fff; }

.btn > .icon-svg, .btn > .icon:hover, .btn > .icon-svg:hover {
  color: inherit; }

.btn--red {
  background: #f02139; }

.btn--red:hover, .btn--red:focus {
  background: #f02139 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--red:active, .btn--red.active {
  background: #f02139 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--orange {
  background: #ff8200; }

.btn--orange:hover, .btn--orange:focus {
  background: #f02139 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--orange:active, .btn--orange.active {
  background: #f02139 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--dorange {
  background: #ef5322; }

.btn--dorange:hover, .btn--dorange:focus {
  background: #ef5322 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--dorange:active, .btn--dorange.active {
  background: #ef5322 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--yellow {
  background: #fec309; }

.btn--yellow:hover, .btn--yellow:focus {
  background: #fec309 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--yellow:active, .btn--yellow.active {
  background: #fec309 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--grass {
  background: #86c313; }

.btn--grass:hover, .btn--grass:focus {
  background: #86c313 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--grass:active, .btn--grass.active {
  background: #86c313 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--lime {
  background: #29cf29; }

.btn--lime:hover, .btn--lime:focus {
  background: #29cf29 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--lime:active, .btn--lime.active {
  background: #29cf29 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--green {
  background: #1ac636; }

.btn--green:hover, .btn--green:focus {
  background: #1ac636 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--green:active, .btn--green.active {
  background: #1ac636 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--aqua {
  background: #00caa8; }

.btn--aqua:hover, .btn--aqua:focus {
  background: #00caa8 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--aqua:active, .btn--aqua.active {
  background: #00caa8 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--sky {
  background: #28c4f6; }

.btn--sky:hover, .btn--sky:focus {
  background: #28c4f6 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--sky:active, .btn--sky.active {
  background: #28c4f6 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--dsky {
  background: #1eb2fc; }

.btn--dsky:hover, .btn--dsky:focus {
  background: #1eb2fc linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--dsky:active, .btn--dsky.active {
  background: #1eb2fc linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--lblue {
  background: #2b8cfc; }

.btn--lblue:hover, .btn--lblue:focus {
  background: #2b8cfc linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--lblue:active, .btn--lblue.active {
  background: #2b8cfc linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--blue {
  background: #2b65f8; }

.btn--blue:hover, .btn--blue:focus {
  background: #2b65f8 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--blue:active, .btn--blue.active, .btn--blue.loading {
  background: #2b65f8 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--dgrey {
  background: #9aa9c5; }

.btn--dgrey:hover, .btn--dgrey:focus {
  background: #9aa9c5 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--dgrey:active, .btn--dgrey.active {
  background: #9aa9c5 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--pink {
  background: #f55280; }

.btn--pink:hover, .btn--pink:focus {
  background: #f55280 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--pink:active, .btn--pink.active {
  background: #f55280 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--laguna {
  background: #2f75c1; }

.btn--laguna:hover, .btn--laguna:focus {
  background: #2f75c1 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--laguna:active, .btn--laguna.active {
  background: #2f75c1 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--vdgrey {
  background: #333844; }

.btn--vdgrey:hover, .btn--vdgrey:focus {
  background: #333844 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--vdgrey:active, .btn--vdgrey.active {
  background: #333844 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--aqua-blue {
  background: #08b5fd; }

.btn--aqua-blue:focus, .btn--aqua-blue:hover {
  background: #069fde; }

.btn--aqua-blue:active, .btn--aqua-blue.active {
  background: #0487bd; }

.btn--facebook {
  background: #3464d4; }

.btn--facebook:hover, .btn--facebook:focus {
  background: #3464d4 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--facebook:active, .btn--facebook.active {
  background: #3464d4 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--twitter {
  background: #1cacff; }

.btn--twitter:hover, .btn--twitter:focus {
  background: #1cacff linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--twitter:active, .btn--twitter.active {
  background: #1cacff linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--google {
  background: #dd4b39; }

.btn--google:hover, .btn--google:focus {
  background: #dd4b39 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--google:active, .btn--google.active {
  background: #dd4b39 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--instagram {
  background: #3674a9; }

.btn--instagram:hover, .btn--instagram:focus {
  background: #3674a9 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--instagram:active, .btn--instagram.active {
  background: #3674a9 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--linkedin {
  background: #006799; }

.btn--linkedin:hover, .btn--linkedin:focus {
  background: #006799 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--linkedin:active, .btn--linkedin.active {
  background: #006799 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--vk {
  background: #2c70b4; }

.btn--vk:hover, .btn--vk:focus {
  background: #2c70b4 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--vk:active, .btn--vk.active {
  background: #2c70b4 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--odnoklassniki {
  background: #f7882b; }

.btn--odnoklassniki:hover, .btn--odnoklassniki:focus {
  background: #f7882b linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--odnoklassniki:active, .btn--odnoklassniki.active {
  background: #f7882b linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--yandex {
  background: #ee3a2e; }

.btn--yandex:hover, .btn--yandex:focus {
  background: #ee3a2e linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--yandex:active, .btn--yandex.active {
  background: #ee3a2e linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--transparent {
  background: rgba(0, 0, 0, 0.5); }

.btn--transparent > .ico, .btn--transparent > .icon-svg {
  opacity: 0.8; }

.btn--transparent:hover, .btn--transparent:focus {
  background: rgba(0, 0, 0, 0.7); }

.btn--transparent:hover > .ico, .btn--transparent:focus > .ico, .btn--transparent.active > .ico, .btn--transparent:hover > .icon-svg, .btn--transparent:focus > .icon-svg, .btn--transparent.active > .icon-svg {
  opacity: 1; }

.btn--transparent:active {
  background: rgba(0, 0, 0, 0.9); }

.btn--glass:before {
  content: '';
  border: 2px solid rgba(255, 255, 255, 0.3); }

.btn--glass:hover:before {
  border-color: #fff; }

.btn--glass:active:before, .btn--glass.active:before {
  border-color: rgba(255, 255, 255, 0.3); }

.btn--white {
  background: #fff;
  color: #4d4d4d; }

.btn--white:before {
  content: '';
  border: 1px solid rgba(0, 0, 0, 0.1); }

.btn--white:hover, .btn--white:focus {
  color: #2b65f8; }

.btn--white:hover:before, .btn--white:focus:before {
  border-width: 2px;
  border-color: #2b65f8; }

.btn--white:active, .btn--white.active, .btn--white.loading {
  color: #2058c6; }

.btn--white:active:before, .btn--white.active:before, .btn--white.loading:before {
  border-width: 2px;
  border-color: #2058c6; }

.btn--gold {
  background: #fff;
  color: #4d4d4d; }

.btn--gold:before {
  content: '';
  border: 1px solid rgba(0, 0, 0, 0.1); }

.btn--gold:hover:before, .btn--gold:focus:before {
  border-width: 2px;
  border-color: #fec309; }

.btn--gold:active, .btn--gold.active, .btn--gold.loading {
  background: #fec309; }

.btn--gold:active:before, .btn--gold.active:before, .btn--gold.loading:before {
  border: none; }

.btn--gold.active:hover {
  background: #e4af08; }

.btn-normal {
  border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  -webkit-box-sizing: 6px !important; }
  .btn-normal:before {
    border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -webkit-box-sizing: 6px !important; }

body {
  background: #fafbfc; }

* {
  font-size: 14px; }

.Copyright {
  float: left;
  width: 100%;
  padding-top: 60px;
  font-size: 14px;
  color: #666; }

.SearchBottom {
  position: absolute;
  bottom: 0;
  width: 100%; }
  .SearchBottom .btn {
    width: 100%; }

.SearchListener {
  float: left;
  width: 100%; }

.FilterList {
  position: absolute;
  width: 100%;
  height: calc(100% - 83px);
  overflow: auto;
  background: #f9f9f9; }
  .FilterList .FilterInnerList {
    float: left;
    width: 25%;
    border-right: 1px solid #eee; }

.MorePersons {
  display: inline-block;
  padding: 1px 10px;
  background: #fff8e1;
  color: #ff6f00;
  font-size: 11px;
  font-weight: 600;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-box-sizing: 6px; }

.SearchInput {
  float: left;
  line-height: 71px;
  padding-left: 20px; }
  .SearchInput .btn {
    padding: 8px 18px 8px; }

.SearchListLabels {
  float: left;
  width: 100%;
  padding-top: 20px; }

.FilterSpeicherLayout {
  float: left;
  width: 100%;
  height: 250px;
  overflow: auto;
  max-height: 250px; }

ul.FilterSpeichern {
  margin: 0;
  padding: 0; }
  ul.FilterSpeichern li {
    list-style: none;
    float: left;
    width: 100%;
    margin-bottom: 10px; }
    ul.FilterSpeichern li:last-child {
      margin-bottom: 0; }
    ul.FilterSpeichern li .FilterPhoto {
      float: left;
      width: 30px;
      height: 30px;
      background: #ccc;
      border-radius: 100px;
      -moz-border-radius: 100px;
      -webkit-box-sizing: 100px;
      background-repeat: no-repeat !important;
      background-size: cover !important; }
    ul.FilterSpeichern li .FilterName {
      float: left;
      padding-left: 10px; }
      ul.FilterSpeichern li .FilterName i {
        font-style: normal;
        font-size: 11px; }
      ul.FilterSpeichern li .FilterName a {
        font-size: 11px; }
    ul.FilterSpeichern li .FilterStart {
      float: right;
      line-height: 30px; }

.FilterOptions {
  display: inline-block; }
  .FilterOptions.Left {
    margin-left: 10px; }
  .FilterOptions .Left {
    float: left; }
  .FilterOptions .Text {
    float: left;
    padding-left: 10px;
    font-weight: 600; }
  .FilterOptions i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #222;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-box-sizing: 100px; }
    .FilterOptions i.Interessent {
      background: #6200ea; }
    .FilterOptions i.Kunde {
      background: #1ac636; }
    .FilterOptions i.Archive {
      background: #e53935; }
    .FilterOptions i.KundeCard {
      background: #f57c00; }

img.off {
  filter: grayscale(100%);
  opacity: 0.5; }
img.top {
  margin-top: 5px; }

.ListView {
  transition: all 0.2s ease;
  border: 1px solid transparent;
  float: left;
  width: 100%;
  background: #fff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-box-sizing: 4px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04);
  display: flex;
  align-items: center;
  margin-bottom: 10px; }
  .ListView.StatusInteressent {
    border-left: 15px solid #6200ea;
    box-shadow: inset 80px -2px 0px -1px rgba(98, 0, 234, 0.05);
    -moz-box-shadow: inset 80px -2px 0px -1px rgba(98, 0, 234, 0.05);
    -webkit-box-shadow: inset 80px -2px 0px -1px rgba(98, 0, 234, 0.05); }
    .ListView.StatusInteressent .ListViewNumber {
      color: #6200ea; }
    .ListView.StatusInteressent:hover {
      box-shadow: 0 0 10px #6200ea;
      -moz-box-shadow: 0 0 10px #6200ea;
      -webkit-box-shadow: 0 0 10px #6200ea;
      border-top: 1px solid #6200ea;
      border-right: 1px solid #6200ea;
      border-bottom: 1px solid #6200ea; }
  .ListView.StatusArchive {
    border-left: 15px solid #e53935;
    box-shadow: inset 80px -2px 0px -1px rgba(229, 57, 53, 0.05);
    -moz-box-shadow: inset 80px -2px 0px -1px rgba(229, 57, 53, 0.05);
    -webkit-box-shadow: inset 80px -2px 0px -1px rgba(229, 57, 53, 0.05); }
    .ListView.StatusArchive .ListViewNumber {
      color: #e53935; }
    .ListView.StatusArchive:hover {
      box-shadow: 0 0 10px #e53935;
      -moz-box-shadow: 0 0 10px #e53935;
      -webkit-box-shadow: 0 0 10px #e53935;
      border-top: 1px solid #e53935;
      border-right: 1px solid #e53935;
      border-bottom: 1px solid #e53935; }
  .ListView.StatusGreen {
    border-left: 15px solid #1ac636;
    box-shadow: inset 80px -2px 0px -1px rgba(26, 198, 54, 0.05);
    -moz-box-shadow: inset 80px -2px 0px -1px rgba(26, 198, 54, 0.05);
    -webkit-box-shadow: inset 80px -2px 0px -1px rgba(26, 198, 54, 0.05); }
    .ListView.StatusGreen .ListViewNumber {
      color: #1ac636; }
    .ListView.StatusGreen:hover {
      box-shadow: 0 0 10px #1ac636;
      -moz-box-shadow: 0 0 10px #1ac636;
      -webkit-box-shadow: 0 0 10px #1ac636;
      border-top: 1px solid #1ac636;
      border-right: 1px solid #1ac636;
      border-bottom: 1px solid #1ac636; }
  .ListView.StatusCard {
    border-left: 15px solid #f57c00;
    box-shadow: inset 80px -2px 0px -1px rgba(245, 124, 0, 0.05);
    -moz-box-shadow: inset 80px -2px 0px -1px rgba(245, 124, 0, 0.05);
    -webkit-box-shadow: inset 80px -2px 0px -1px rgba(245, 124, 0, 0.05); }
    .ListView.StatusCard .ListViewNumber {
      color: #f57c00; }
    .ListView.StatusCard:hover {
      box-shadow: 0 0 10px #f57c00;
      -moz-box-shadow: 0 0 10px #f57c00;
      -webkit-box-shadow: 0 0 10px #f57c00;
      border-top: 1px solid #f57c00;
      border-right: 1px solid #f57c00;
      border-bottom: 1px solid #f57c00; }
  .ListView:hover {
    cursor: pointer;
    box-shadow: 0 0 10px #0077ff;
    -moz-box-shadow: 0 0 10px #0077ff;
    -webkit-box-shadow: 0 0 10px #0077ff;
    border-top: 1px solid #0077ff;
    border-right: 1px solid #0077ff;
    border-bottom: 1px solid #0077ff; }
  .ListView .ListViewDetails {
    float: left;
    border-right: 1px solid #f2f2f2;
    padding-top: 22px;
    padding-bottom: 22px;
    padding-right: 30px;
    width: calc(100% - 350px - 70px - 250px - 200px); }
    .ListView .ListViewDetails .ListViewDetailsLeft {
      float: left;
      width: calc(100% / 3); }
      .ListView .ListViewDetails .ListViewDetailsLeft span {
        float: left;
        width: 100%;
        margin-bottom: 4px; }
        .ListView .ListViewDetails .ListViewDetailsLeft span i {
          width: 16px;
          text-align: center;
          float: left;
          line-height: 22px; }
        .ListView .ListViewDetails .ListViewDetailsLeft span b {
          width: calc(100% - 30px);
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          float: left;
          padding-left: 10px;
          font-weight: 300; }
  .ListView .ListViewRisk {
    float: left;
    width: 200px;
    padding-left: 20px; }
    .ListView .ListViewRisk.End {
      width: 400px !important; }
    .ListView .ListViewRisk .RiskButton {
      float: left;
      width: 150px;
      height: 50px;
      border: 1px solid #f2f2f2;
      border-radius: 6px;
      -moz-border-radius: 6px;
      -webkit-box-sizing: 6px;
      text-align: center;
      line-height: 48px;
      font-weight: 600;
      font-size: 16px; }
      .ListView .ListViewRisk .RiskButton.RiskColor1 {
        border: 1px solid #64dd17;
        color: #64dd17; }
      .ListView .ListViewRisk .RiskButton.RiskColor2 {
        border: 1px solid #ffb300;
        color: #ffb300; }
      .ListView .ListViewRisk .RiskButton.RiskColor3 {
        border: 1px solid #fb8c00;
        color: #fb8c00; }
      .ListView .ListViewRisk .RiskButton.RiskColor4 {
        border: 1px solid #f4511e;
        color: #f4511e; }
      .ListView .ListViewRisk .RiskButton.RiskColor5 {
        border: 1px solid #e53935;
        color: #e53935; }
  .ListView .ListViewRating {
    float: right;
    text-align: center;
    line-height: 110px; }
    .ListView .ListViewRating img {
      width: 80%; }
  .ListView .ListViewName {
    float: left;
    width: 350px;
    padding: 30px;
    padding-left: 20px; }
    .ListView .ListViewName .PeopleList {
      float: left;
      width: 100%;
      padding-top: 5px; }
      .ListView .ListViewName .PeopleList .PeopleListLi {
        float: left;
        width: 100%;
        padding-top: 5px;
        font-size: 11px;
        font-weight: 300; }
        .ListView .ListViewName .PeopleList .PeopleListLi a {
          font-size: 11px;
          font-weight: 300; }
    .ListView .ListViewName .Name {
      float: left;
      width: 100%;
      font-size: 18px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .ListView .ListViewName .Name .NameInner {
        display: inline-block;
        font-size: 18px; }
    .ListView .ListViewName .City {
      float: left;
      width: 100%;
      color: #666;
      font-weight: 300;
      padding-top: 4px;
      font-size: 16px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .ListView .ListViewNumber {
    position: relative;
    width: 90px;
    text-align: center;
    padding-right: 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-box-sizing: 6px;
    font-weight: 600;
    font-size: 16px; }
    .ListView .ListViewNumber.Grey {
      background: #f2f2f2;
      color: #0077ff; }

ul.BankListe {
  margin: 10px 0 0 0;
  padding: 0; }
  ul.BankListe li {
    list-style: none;
    float: left;
    width: 100%;
    margin: 3px 0;
    float: left;
    width: 100%;
    background: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-sizing: 4px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04);
    padding: 15px 30px; }
    ul.BankListe li:hover {
      cursor: pointer;
      border-left: 6px solid #0077ff; }
    ul.BankListe li i {
      color: #999;
      font-size: 11px;
      font-style: normal;
      font-weight: 300; }

.KundenBlock {
  float: left;
  width: 100%;
  padding: 15px 30px;
  font-weight: 300;
  font-size: 18px;
  cursor: pointer;
  border-left: 6px solid #fff; }
  .KundenBlock span {
    float: left; }
    .KundenBlock span:nth-child(2) {
      line-height: 32px;
      padding-left: 15px; }
  .KundenBlock.mini {
    padding: 15px 78px;
    font-size: 14px; }
  .KundenBlock.active {
    font-weight: 600;
    border-left: 6px solid #0077ff; }
  .KundenBlock:hover {
    font-weight: 600;
    border-left: 6px solid #0077ff; }

.KundeBlockStandard {
  display: inline-block;
  background: #fff;
  margin-bottom: 18px;
  width: 100%;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-box-sizing: 4px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04); }

.SearchListLoader {
  float: left;
  width: 100%;
  text-align: center;
  padding: 30px 0; }
  .SearchListLoader .SearchListLoaderBlock {
    display: inline-block;
    width: 200px;
    background: #fff;
    padding: 20px 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-sizing: 4px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04); }

.ListViewExports {
  float: left;
  width: 100%;
  padding: 10px 30px;
  display: none; }

.ListViewMapBlock {
  float: left;
  width: 100%;
  background: #fff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-box-sizing: 4px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04);
  margin: 10px 0;
  padding: 20px 0;
  display: flex;
  justify-content: center;
  align-items: center; }
  .ListViewMapBlock.LayoutOhneCard {
    border-left: 8px solid #f57c00;
    box-shadow: inset 110px -2px 0px -1px rgba(245, 124, 0, 0.05);
    -moz-box-shadow: inset 110px -2px 0px -1px rgba(245, 124, 0, 0.05);
    -webkit-box-shadow: inset 110px -2px 0px -1px rgba(245, 124, 0, 0.05); }
    .ListViewMapBlock.LayoutOhneCard .ListViewMapBlockNumber {
      color: #f57c00; }
    .ListViewMapBlock.LayoutOhneCard:hover {
      box-shadow: 0 0 10px #f57c00;
      -moz-box-shadow: 0 0 10px #f57c00;
      -webkit-box-shadow: 0 0 10px #f57c00; }
  .ListViewMapBlock.LayoutArchiv {
    border-left: 8px solid #e53935;
    box-shadow: inset 110px -2px 0px -1px rgba(229, 57, 53, 0.05);
    -moz-box-shadow: inset 110px -2px 0px -1px rgba(229, 57, 53, 0.05);
    -webkit-box-shadow: inset 110px -2px 0px -1px rgba(229, 57, 53, 0.05); }
    .ListViewMapBlock.LayoutArchiv .ListViewMapBlockNumber {
      color: #e53935; }
    .ListViewMapBlock.LayoutArchiv:hover {
      box-shadow: 0 0 10px #e53935;
      -moz-box-shadow: 0 0 10px #e53935;
      -webkit-box-shadow: 0 0 10px #e53935; }
  .ListViewMapBlock.LayoutInteressent {
    border-left: 8px solid #6200ea;
    box-shadow: inset 110px -2px 0px -1px rgba(98, 0, 234, 0.05);
    -moz-box-shadow: inset 110px -2px 0px -1px rgba(98, 0, 234, 0.05);
    -webkit-box-shadow: inset 110px -2px 0px -1px rgba(98, 0, 234, 0.05); }
    .ListViewMapBlock.LayoutInteressent .ListViewMapBlockNumber {
      color: #6200ea; }
    .ListViewMapBlock.LayoutInteressent:hover {
      box-shadow: 0 0 10px #6200ea;
      -moz-box-shadow: 0 0 10px #6200ea;
      -webkit-box-shadow: 0 0 10px #6200ea; }
  .ListViewMapBlock.LayoutKunde {
    border-left: 8px solid #1ac636;
    box-shadow: inset 110px -2px 0px -1px rgba(26, 198, 54, 0.05);
    -moz-box-shadow: inset 110px -2px 0px -1px rgba(26, 198, 54, 0.05);
    -webkit-box-shadow: inset 110px -2px 0px -1px rgba(26, 198, 54, 0.05); }
    .ListViewMapBlock.LayoutKunde .ListViewMapBlockNumber {
      color: #1ac636; }
    .ListViewMapBlock.LayoutKunde:hover {
      box-shadow: 0 0 10px #1ac636;
      -moz-box-shadow: 0 0 10px #1ac636;
      -webkit-box-shadow: 0 0 10px #1ac636; }
  .ListViewMapBlock .ListViewMapBlockUser {
    float: left;
    width: calc(100% - 80px);
    padding-left: 30px;
    padding-right: 20px; }
    .ListViewMapBlock .ListViewMapBlockUser span {
      float: left;
      width: 100%; }
      .ListViewMapBlock .ListViewMapBlockUser span b {
        display: inline-block;
        padding-left: 5px;
        font-weight: 300; }
        .ListViewMapBlock .ListViewMapBlockUser span b a {
          font-size: 14px; }
      .ListViewMapBlock .ListViewMapBlockUser span i {
        margin-right: 5px; }
      .ListViewMapBlock .ListViewMapBlockUser span:nth-child(1) {
        cursor: pointer;
        font-size: 16px;
        font-weight: 600; }
      .ListViewMapBlock .ListViewMapBlockUser span:nth-child(2) {
        font-weight: 300; }
      .ListViewMapBlock .ListViewMapBlockUser span:nth-child(3) {
        font-size: 11px; }
      .ListViewMapBlock .ListViewMapBlockUser span:nth-child(4) {
        font-size: 11px; }
      .ListViewMapBlock .ListViewMapBlockUser span:nth-child(5) {
        font-size: 11px; }
  .ListViewMapBlock .ListViewMapBlockNumber {
    float: left;
    cursor: pointer;
    width: 120px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-box-sizing: 6px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-weight: 600;
    font-size: 16px; }

.ListViewMapLeft {
  position: fixed;
  width: 500px;
  height: calc(100% - 71px);
  margin-top: 71px;
  box-shadow: 14px 0px 58px 55px #fafbfc;
  -moz-box-shadow: 14px 0px 58px 55px #fafbfc;
  -webkit-box-shadow: 14px 0px 58px 55px #fafbfc;
  z-index: 1; }
  .ListViewMapLeft .ListViewMapInserts {
    float: left;
    width: 100%;
    padding: 10px 30px 0 30px; }
  .ListViewMapLeft .ListViewMapFilters {
    float: left;
    width: 100%;
    padding: 0 30px; }
  .ListViewMapLeft .ListViewMapLeftTitle {
    float: left;
    width: 100%;
    padding: 30px 30px 10px;
    font-weight: 600;
    font-size: 24px; }

#progressPage {
  position: fixed;
  z-index: 10000000;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 32px; }

.KundenOfficeMapCluster {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #222; }

.BoxLayout {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 100000;
  background: rgba(0, 0, 0, 0.4);
  align-items: center;
  justify-content: center; }
  .BoxLayout .BoxLayoutInner {
    float: left;
    width: 100%;
    background: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-sizing: 4px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04);
    float: left;
    width: 400px !important; }
    .BoxLayout .BoxLayoutInner .BoxLayoutTitle {
      float: left;
      width: 100%;
      padding: 20px 30px;
      font-weight: 600;
      font-size: 18px; }
    .BoxLayout .BoxLayoutInner .BoxLayoutText {
      float: left;
      width: 100%;
      padding: 0 30px 20px; }
      .BoxLayout .BoxLayoutInner .BoxLayoutText input {
        width: 100%; }

.KundenOfficeMap {
  position: fixed;
  width: calc(100% - 500px);
  height: 100%;
  background: #222;
  margin-left: 500px; }

.SearchBlockLayout {
  position: fixed;
  top: 71px;
  width: 100%;
  height: calc(100% - 71px);
  background: #fff; }
  .SearchBlockLayout .SearchBlock {
    float: left;
    width: 100%;
    padding: 20px 30px;
    border-top: 1px dashed #e2e2e2; }
    .SearchBlockLayout .SearchBlock .SearchBlockReset {
      float: left;
      width: 20%;
      padding-left: 20px; }
    .SearchBlockLayout .SearchBlock .SearchBlockResult {
      float: left;
      width: 80%; }
    .SearchBlockLayout .SearchBlock.BigLine {
      border-top: 4px solid #f2f2f2; }
    .SearchBlockLayout .SearchBlock span {
      float: left;
      width: 100%; }
      .SearchBlockLayout .SearchBlock span .Left30 {
        float: left;
        width: 30%; }
      .SearchBlockLayout .SearchBlock span .Left50 {
        float: left;
        width: 50%; }
        .SearchBlockLayout .SearchBlock span .Left50.L1 {
          padding-right: 5px; }
        .SearchBlockLayout .SearchBlock span .Left50.R1 {
          padding-left: 5px; }
      .SearchBlockLayout .SearchBlock span .Left70 {
        float: left;
        width: 70%;
        padding-left: 10px; }
      .SearchBlockLayout .SearchBlock span.Top {
        padding-top: 10px; }
      .SearchBlockLayout .SearchBlock span:nth-child(1) {
        font-weight: 600; }
      .SearchBlockLayout .SearchBlock span:nth-child(2) {
        width: 100%; }
        .SearchBlockLayout .SearchBlock span:nth-child(2) input[type=text] {
          width: 100%; }

.HeaderLogout {
  float: right;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 16px; }
  .HeaderLogout .HeaderLayoutName {
    float: left;
    line-height: 40px;
    padding-left: 15px;
    font-weight: 600;
    font-size: 16px; }
  .HeaderLogout .HeaderLayoutPhoto {
    float: left;
    width: 40px;
    height: 40px;
    background: #f2f2f2;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-box-sizing: 100px;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important; }

.CCVKunden {
  float: left;
  line-height: 71px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 16px;
  font-weight: 600;
  border-right: 1px solid #f2f2f2; }
  .CCVKunden:hover {
    cursor: pointer;
    background: #fafbfc; }

.SearchFilter {
  float: left;
  line-height: 71px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 16px;
  font-weight: 600; }
  .SearchFilter.isFilter {
    color: #0077ff; }
  .SearchFilter:hover {
    cursor: pointer;
    background: #fafbfc; }

.VertragLayoutPreloader {
  float: left;
  width: 100%;
  padding: 30px 0;
  text-align: center; }

.VertragLayout {
  position: relative;
  float: left;
  width: 100%;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-box-sizing: 6px; }

.VertragLayout:after, .VertragLayout:before {
  bottom: 100%;
  left: 90%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.VertragLayout:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 8px;
  margin-left: -8px; }

.VertragLayout:before {
  border-color: rgba(238, 238, 238, 0);
  border-bottom-color: #eee;
  border-width: 9px;
  margin-left: -9px; }

.VertragListItem {
  float: left;
  width: 100%;
  border-left: 15px solid #eee;
  border-bottom: 1px solid #f9f9f9;
  box-shadow: inset 80px -1px 0px -1px #f9f9f9;
  -moz-box-shadow: inset 80px -1px 0px -1px #f9f9f9;
  -webkit-box-shadow: inset 80px -1px 0px -1px #f9f9f9;
  display: flex;
  align-items: center; }
  .VertragListItem .VertragListItemId {
    text-align: center;
    float: left;
    width: 80px;
    font-weight: 600; }
  .VertragListItem .VertragName {
    float: left;
    width: 20%;
    padding: 30px;
    font-weight: 600; }
    .VertragListItem .VertragName i {
      font-size: 14px;
      font-weight: 300;
      font-style: normal; }

.TableBlock {
  clear: both;
  padding-bottom: 10px;
  float: left;
  width: 100%; }
  .TableBlock b {
    font-weight: 600;
    float: left;
    width: 100px; }
  .TableBlock i {
    float: left;
    width: calc(100% - 100px);
    font-style: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px; }

table.VertragTable {
  border-collapse: collapse;
  width: 100%;
  float: left;
  width: 100%;
  background: #fff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-box-sizing: 4px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04); }
  table.VertragTable tbody tr td {
    border-right: 1px solid #f2f2f2;
    background: #fff;
    padding: 10px 10px;
    border-bottom: 1px solid #e2e2e2; }
  table.VertragTable thead {
    border: 1px solid #ccc; }
    table.VertragTable thead tr td {
      font-weight: 600;
      padding: 10px 10px;
      border-bottom: 1px solid #ccc;
      background: white;
      background: -moz-linear-gradient(top, white 22%, #f7f7f7 100%);
      background: -webkit-linear-gradient(top, white 22%, #f7f7f7 100%);
      background: linear-gradient(to bottom, white 22%, #f7f7f7 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); }

.VertragList {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  display: none; }

.VertragBox {
  display: inline-block;
  background: #eae7ff;
  color: #6435c9;
  width: 100%;
  padding: 1em 1.5em;
  font-weight: 600;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-box-sizing: 6px;
  box-shadow: "0 0 0 1px #6435c9 inset, 0 0 0 0 transparent";
  -moz-box-shadow: "0 0 0 1px #6435c9 inset, 0 0 0 0 transparent";
  -webkit-box-shadow: "0 0 0 1px #6435c9 inset, 0 0 0 0 transparent"; }
  .VertragBox .Text {
    float: left;
    line-height: 24px; }
  .VertragBox .Button {
    float: right; }
    .VertragBox .Button .btn {
      margin: 0; }

ul.PersonenListe {
  margin: 0;
  padding: 0; }
  ul.PersonenListe li {
    float: left;
    font-weight: 600;
    list-style: none;
    line-height: 70px;
    margin-right: 35px;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    ul.PersonenListe li.active {
      border-bottom: 1px solid #0077ff;
      color: #0077ff; }
    ul.PersonenListe li:hover {
      border-bottom: 1px solid #0077ff;
      color: #0077ff;
      cursor: pointer; }

section.PersonListLayout {
  position: fixed;
  z-index: 2;
  left: 0;
  width: 100%;
  height: 71px;
  line-height: 71px;
  background: #fafbfc;
  border-bottom: 1px solid #e8edf2;
  top: 71px; }
section.HeaderLayout {
  position: fixed;
  width: 100%;
  z-index: 1000;
  background: #fff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-box-sizing: 4px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04); }
  section.HeaderLayout .SearchLogo {
    float: left;
    padding: 10px 20px;
    border-right: 1px solid #f2f2f2; }
section.SearchList {
  float: left;
  width: 100%;
  padding-top: 70px; }
  section.SearchList.Pos {
    position: absolute;
    padding-left: 0px;
    padding-top: calc(71px + 71px); }
  section.SearchList .SearchListView {
    float: left;
    width: 100%;
    padding-top: 30px; }
    section.SearchList .SearchListView.Column {
      column-count: 2;
      column-gap: 1.5%;
      column-width: 50%; }
  section.SearchList .ListTitle {
    float: left;
    width: 100%;
    padding-top: 40px;
    font-weight: 600;
    font-size: 24px; }
    section.SearchList .ListTitle i {
      font-weight: 600;
      font-style: normal; }
section.SearchLayout {
  position: fixed;
  width: 350px;
  z-index: 100;
  height: 100%;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
  section.SearchLayout .SearchLogo {
    float: left;
    width: 100%;
    padding: 30px; }
  section.SearchLayout .SearchBlock {
    float: left;
    width: 100%;
    padding: 20px 30px;
    border-top: 1px dashed #e2e2e2; }
    section.SearchLayout .SearchBlock.BigLine {
      border-top: 4px solid #f2f2f2; }
    section.SearchLayout .SearchBlock span {
      float: left;
      width: 100%; }
      section.SearchLayout .SearchBlock span .Left30 {
        float: left;
        width: 30%; }
      section.SearchLayout .SearchBlock span .Left70 {
        float: left;
        width: 70%;
        padding-left: 10px; }
      section.SearchLayout .SearchBlock span.Top {
        padding-top: 10px; }
      section.SearchLayout .SearchBlock span:nth-child(1) {
        font-weight: 600; }
      section.SearchLayout .SearchBlock span:nth-child(2) {
        width: 100%; }
        section.SearchLayout .SearchBlock span:nth-child(2) input[type=text] {
          width: 100%; }
section.LoginLayout {
  float: left;
  width: 100%;
  padding-top: 50px; }
  section.LoginLayout .LoginLeft {
    float: left;
    width: 700px; }
    section.LoginLayout .LoginLeft img {
      width: 90%; }
  section.LoginLayout .LoginRight {
    float: left;
    width: calc(100% - 700px);
    padding-top: 50px; }
  section.LoginLayout .Logo {
    float: left;
    width: 100%;
    padding-bottom: 70px; }
  section.LoginLayout .LogoTitle {
    float: left;
    width: 100%;
    font-weight: 600;
    font-size: 32px; }
  section.LoginLayout .LogoSlogan {
    float: left;
    width: 100%;
    font-weight: 300;
    font-size: 24px;
    padding-top: 20px;
    padding-bottom: 30px; }
  section.LoginLayout .LogoButton {
    float: left;
    width: 100%;
    padding-top: 20px; }
  section.LoginLayout .LogoInput {
    float: left;
    width: 80%;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-box-sizing: 6px;
    overflow: hidden; }
    section.LoginLayout .LogoInput .LogoInputField {
      float: left;
      width: 100%; }
      section.LoginLayout .LogoInput .LogoInputField.Line {
        border-top: 1px dashed #e2e2e2; }
      section.LoginLayout .LogoInput .LogoInputField input[type=text], section.LoginLayout .LogoInput .LogoInputField input[type=password] {
        width: 100%;
        padding: 15px 20px;
        border: 0;
        font-size: 18px;
        font-weight: 300;
        box-shadow: 0 0 0 0;
        -moz-box-shadow: 0 0 0 0;
        -webkit-box-shadow: 0 0 0 0;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-box-sizing: 0; }
section.Center {
  width: 1100px;
  position: relative;
  margin: 0 auto; }
  section.Center.List {
    width: 1800px; }
  section.Center.Profile {
    width: 1220px; }
  section.Center.UltraProfile {
    width: 100%;
    padding-left: 40px; }
  section.Center.Edit {
    width: 800px; }

.EditTitle {
  float: left;
  width: 100%;
  padding-top: 40px;
  font-weight: 600;
  font-size: 24px; }
  .EditTitle .Left {
    float: left;
    font-weight: 600;
    font-size: 24px; }
  .EditTitle .Right {
    float: right; }

.EditContent {
  float: left;
  width: 100%;
  float: left;
  width: 100%;
  background: #fff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-box-sizing: 4px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04);
  margin-top: 30px;
  overflow: hidden; }

table.Table {
  border-collapse: collapse;
  overflow: hidden; }
  table.Table tbody tr td {
    padding: 10px 0px;
    border-bottom: 1px solid #f2f2f2; }
    table.Table tbody tr td:nth-child(1) {
      font-weight: 600;
      font-size: 16px;
      padding-left: 30px; }
  table.Table thead tr td {
    border-bottom: 1px solid #eee;
    background: white;
    background: -moz-linear-gradient(top, white 54%, #f7f7f7 100%);
    background: -webkit-linear-gradient(top, white 54%, #f7f7f7 100%);
    background: linear-gradient(to bottom, white 54%, #f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
    font-weight: 600;
    padding: 15px 0px; }
    table.Table thead tr td:nth-child(1) {
      padding-left: 30px; }

.EditBlockSelect {
  float: left;
  border-bottom: 5px solid #fafbfc;
  width: 100%;
  display: flex; }
  .EditBlockSelect .full {
    width: 100%; }
  .EditBlockSelect input.full {
    width: 100%; }
  .EditBlockSelect:last-child {
    border-bottom: 0; }
  .EditBlockSelect:hover div.First {
    border-left: 6px solid #0077ff; }
  .EditBlockSelect div {
    font-size: 16px;
    float: left; }
    .EditBlockSelect div.First {
      width: 30%;
      padding: 20px 30px;
      font-weight: 600; }
    .EditBlockSelect div.Second {
      width: 70%; }
      .EditBlockSelect div.Second .EditBlockLine {
        float: left;
        width: 100%;
        height: 62px;
        line-height: 62px;
        padding: 0 30px 0 0; }

.EditBlock {
  float: left;
  border-bottom: 5px solid #fafbfc;
  width: 100%;
  display: flex; }
  .EditBlock.vice span:nth-child(1) {
    width: 70%; }
  .EditBlock.vice span:nth-child(2) {
    width: 30%; }
  .EditBlock .full {
    width: 100%; }
  .EditBlock:last-child {
    border-bottom: 0; }
  .EditBlock:hover span:nth-child(1) {
    border-left: 6px solid #0077ff; }
  .EditBlock span {
    font-size: 16px;
    float: left; }
    .EditBlock span:nth-child(1) {
      width: 30%;
      padding: 20px 30px;
      font-weight: 600; }
    .EditBlock span:nth-child(2) {
      width: 70%; }
      .EditBlock span:nth-child(2) .EditBlockLine {
        float: left;
        width: 100%;
        height: 62px;
        line-height: 62px;
        padding: 0 30px 0 0; }
        .EditBlock span:nth-child(2) .EditBlockLine.NoMinLine {
          line-height: normal !important;
          padding-top: 20px;
          height: auto !important;
          padding-bottom: 20px; }

.HubBlock {
  float: left; }
  .HubBlock i {
    color: #fff !important;
    font-size: 0.929em !important; }
  .HubBlock.Left {
    padding-left: 10px; }
  .HubBlock .btn {
    margin: 0; }

.SuccessLayout {
  float: left;
  width: 100%;
  margin-top: 30px;
  padding: 20px 30px;
  background: #e8f5e9;
  color: #00c853;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-box-sizing: 6px;
  font-weight: 600;
  font-size: 16px; }

.EditContentSubmit {
  float: left;
  width: 100%;
  padding-top: 20px; }
  .EditContentSubmit input[type=submit] {
    width: 100%; }

.disabled {
  display: none; }

.KundenBlockPersonen {
  float: left;
  width: 100%;
  margin: 15px 0 10px 0;
  font-size: 14px;
  font-weight: 600;
  padding: 0 36px;
  color: #666; }

.KundenBlockDetail {
  float: left;
  width: 100%; }
  .KundenBlockDetail.Red {
    background: #ffebee;
    color: #d50000; }
  .KundenBlockDetail:hover {
    border-left: 6px solid #0077ff; }
  .KundenBlockDetail span {
    float: left; }
    .KundenBlockDetail span i {
      font-weight: 600;
      font-style: normal;
      color: #e53935; }
    .KundenBlockDetail span:nth-child(1) {
      width: 25%;
      padding: 15px 30px;
      font-weight: 600; }
      .KundenBlockDetail span:nth-child(1).Hub {
        padding-top: 18px; }
    .KundenBlockDetail span:nth-child(2) {
      width: 75%;
      padding: 15px 30px; }

.KundenBlockTitle {
  float: left;
  width: 100%;
  padding: 20px 30px;
  border-bottom: 1px solid #f2f2f2; }
  .KundenBlockTitle span {
    float: left; }
    .KundenBlockTitle span img {
      width: 32px; }
    .KundenBlockTitle span:nth-child(2) {
      line-height: 32px;
      padding-left: 15px;
      font-weight: 600;
      font-size: 18px; }

.InternetExplorerLayout {
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 100;
  height: 60px;
  background: #feeeab;
  background: -moz-linear-gradient(top, #feeeab 0%, #fae794 100%);
  background: -webkit-linear-gradient(top, #feeeab 0%, #fae794 100%);
  background: linear-gradient(to bottom, #feeeab 0%, #fae794 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feeeab', endColorstr='#fae794',GradientType=0 ); }
  .InternetExplorerLayout .InternetExplorerLayoutInner {
    position: relative;
    margin: 0 auto;
    width: 980px; }
    .InternetExplorerLayout .InternetExplorerLayoutInner span {
      float: left; }
      .InternetExplorerLayout .InternetExplorerLayoutInner span:nth-child(1) {
        line-height: 60px; }
      .InternetExplorerLayout .InternetExplorerLayoutInner span:nth-child(2) {
        float: left;
        font-size: 14px;
        padding: 10px 0 0 10px; }
        .InternetExplorerLayout .InternetExplorerLayoutInner span:nth-child(2) b {
          font-weight: 600;
          font-size: 14px; }
      .InternetExplorerLayout .InternetExplorerLayoutInner span:nth-child(3) {
        float: right;
        padding-left: 8px;
        line-height: 60px; }
        .InternetExplorerLayout .InternetExplorerLayoutInner span:nth-child(3) .Button {
          cursor: pointer;
          font-weight: 600;
          font-size: 14px;
          color: #444;
          background: #fff;
          padding: 6px 15px;
          border-radius: 4px;
          -moz-border-radius: 4px;
          -webkit-box-sizing: 4px;
          border: 1px solid #ccc;
          display: inline-block;
          line-height: normal; }
          .InternetExplorerLayout .InternetExplorerLayoutInner span:nth-child(3) .Button:hover {
            border: 1px solid #999;
            background: #f9f9f9; }
      .InternetExplorerLayout .InternetExplorerLayoutInner span:nth-child(4) {
        float: right;
        line-height: 60px; }
        .InternetExplorerLayout .InternetExplorerLayoutInner span:nth-child(4) .Button {
          cursor: pointer;
          font-weight: 600;
          font-size: 14px;
          color: #cb2431;
          background: #fff;
          padding: 6px 15px;
          border-radius: 4px;
          -moz-border-radius: 4px;
          -webkit-box-sizing: 4px;
          border: 1px solid #ccc;
          display: inline-block;
          line-height: normal; }
          .InternetExplorerLayout .InternetExplorerLayoutInner span:nth-child(4) .Button:hover {
            border: 1px solid #7c3139;
            background: #dd424e;
            background: -moz-linear-gradient(top, #dd424e 0%, #cd2734 100%);
            background: -webkit-linear-gradient(top, #dd424e 0%, #cd2734 100%);
            background: linear-gradient(to bottom, #dd424e 0%, #cd2734 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd424e', endColorstr='#cd2734',GradientType=0 );
            color: #fff; }

@media screen and (max-width: 970px) {
  .InternetExplorerLayout .InternetExplorerLayoutInner {
    width: 100%;
    padding: 0 20px; }
    .InternetExplorerLayout .InternetExplorerLayoutInner span:nth-child(2) {
      display: none; } }
ul.ListMenuEdit {
  margin: 10px 0 0 0;
  padding: 0; }
  ul.ListMenuEdit li {
    margin-top: 5px;
    list-style: none;
    float: left;
    padding: 10px 20px;
    float: left;
    width: 100%;
    background: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-sizing: 4px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04);
    width: 80%; }
    ul.ListMenuEdit li:hover {
      border-left: 6px solid #0077ff;
      cursor: pointer; }

.ListMenu {
  position: fixed;
  margin-left: -200px;
  margin-top: 45px;
  width: 200px; }
  .ListMenu .ListMenuContent {
    float: left;
    width: 100%; }
    .ListMenu .ListMenuContent.Small {
      padding-top: 10px;
      width: 80%;
      font-size: 11px !important; }
      .ListMenu .ListMenuContent.Small a {
        font-size: 11px; }
  .ListMenu .ListMenuTitle {
    float: left;
    width: 100%;
    font-weight: 600; }
    .ListMenu .ListMenuTitle.Top {
      padding-top: 20px; }

.StarSprite {
  float: left;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(view/assets/img/ranking.png); }

.star_0 {
  width: 216px;
  height: 120px;
  background-position: -0px -0px; }

.star_1 {
  width: 216px;
  height: 120px;
  background-position: -216px -0px; }

.star_2 {
  width: 216px;
  height: 120px;
  background-position: -432px -0px; }

.star_3 {
  width: 216px;
  height: 120px;
  background-position: -648px -0px; }

.star_4 {
  width: 216px;
  height: 120px;
  background-position: -864px -0px; }

.star_5 {
  width: 216px;
  height: 120px;
  background-position: -1080px -0px; }

.icons {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(view/assets/img/index.png); }

.fb_add {
  width: 16px;
  height: 16px;
  background-position: -1px -1px; }

.fb_add_cal {
  width: 16px;
  height: 16px;
  background-position: -1px -19px; }

.fb_apple {
  width: 16px;
  height: 16px;
  background-position: -19px -1px; }

.fb_bag {
  width: 16px;
  height: 16px;
  background-position: -1px -37px; }

.fb_basket {
  width: 16px;
  height: 16px;
  background-position: -19px -19px; }

.fb_cake {
  width: 16px;
  height: 16px;
  background-position: -37px -1px; }

.fb_cal {
  width: 16px;
  height: 16px;
  background-position: -19px -37px; }

.fb_card {
  width: 16px;
  height: 16px;
  background-position: -37px -19px; }

.fb_chat {
  width: 16px;
  height: 16px;
  background-position: -55px -1px; }

.fb_city {
  width: 16px;
  height: 16px;
  background-position: -37px -37px; }

.fb_city_ {
  width: 16px;
  height: 16px;
  background-position: -55px -19px; }

.fb_doc_delete {
  width: 16px;
  height: 16px;
  background-position: -73px -1px; }

.fb_drink {
  width: 16px;
  height: 16px;
  background-position: -55px -37px; }

.fb_eat {
  width: 16px;
  height: 16px;
  background-position: -73px -19px; }

.fb_edit {
  width: 16px;
  height: 16px;
  background-position: -91px -1px; }

.fb_flag {
  width: 16px;
  height: 16px;
  background-position: -73px -37px; }

.fb_flow {
  width: 16px;
  height: 16px;
  background-position: -91px -19px; }

.fb_forward {
  width: 16px;
  height: 16px;
  background-position: -109px -1px; }

.fb_handy {
  width: 16px;
  height: 16px;
  background-position: -91px -37px; }

.fb_heart {
  width: 16px;
  height: 16px;
  background-position: -109px -19px; }

.fb_help {
  width: 16px;
  height: 16px;
  background-position: -127px -1px; }

.fb_helper {
  width: 16px;
  height: 16px;
  background-position: -109px -37px; }

.fb_hospital {
  width: 16px;
  height: 16px;
  background-position: -127px -19px; }

.fb_lab {
  width: 16px;
  height: 16px;
  background-position: -145px -1px; }

.fb_mail {
  width: 16px;
  height: 16px;
  background-position: -127px -37px; }

.fb_ok {
  width: 16px;
  height: 16px;
  background-position: -145px -19px; }

.fb_person {
  width: 16px;
  height: 16px;
  background-position: -163px -1px; }

.fb_privat {
  width: 16px;
  height: 16px;
  background-position: -145px -37px; }

.fb_quest {
  width: 16px;
  height: 16px;
  background-position: -163px -19px; }

.fb_question {
  width: 16px;
  height: 16px;
  background-position: -181px -1px; }

.fb_rip {
  width: 16px;
  height: 16px;
  background-position: -163px -37px; }

.fb_shop {
  width: 16px;
  height: 16px;
  background-position: -181px -19px; }

.fb_study {
  width: 16px;
  height: 16px;
  background-position: -199px -1px; }

.fb_ted {
  width: 16px;
  height: 16px;
  background-position: -181px -37px; }

.fb_top {
  width: 16px;
  height: 16px;
  background-position: -199px -19px; }

.fb_url {
  width: 16px;
  height: 16px;
  background-position: -217px -1px; }

.fb_work {
  width: 16px;
  height: 16px;
  background-position: -199px -37px; }

/* @add->scrollBar */
.ps-container {
  -ms-touch-action: none;
  touch-action: none;
  overflow: hidden !important;
  -ms-overflow-style: none; }

@supports (-ms-overflow-style: none) {
  .ps-container {
    overflow: auto !important; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps-container {
    overflow: auto !important; } }
.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail {
  display: block;
  background-color: transparent; }

.ps-container.ps-in-scrolling {
  pointer-events: none; }

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9; }

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999; }

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9; }

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999; }

.ps-container > .ps-scrollbar-x-rail {
  display: none;
  position: absolute;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  -moz-transition: background-color .2s linear, opacity .2s linear;
  -o-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
  bottom: 3px;
  height: 8px; }

.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  position: absolute;
  background-color: #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background-color .2s linear;
  -moz-transition: background-color .2s linear;
  -o-transition: background-color .2s linear;
  transition: background-color .2s linear;
  bottom: 0;
  height: 8px; }

.ps-container > .ps-scrollbar-y-rail {
  display: none;
  position: absolute;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  -moz-transition: background-color .2s linear, opacity .2s linear;
  -o-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
  right: 3px;
  width: 8px; }

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  position: absolute;
  background-color: #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background-color .2s linear;
  -moz-transition: background-color .2s linear;
  -o-transition: background-color .2s linear;
  transition: background-color .2s linear;
  right: 0;
  width: 8px; }

.ps-container:hover.ps-in-scrolling {
  pointer-events: none; }

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9; }

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999; }

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9; }

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999; }

.ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail {
  opacity: 0.6; }

.ps-container:hover > .ps-scrollbar-x-rail:hover {
  background-color: #eee;
  opacity: 0.9; }

.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
  background-color: #999; }

.ps-container:hover > .ps-scrollbar-y-rail:hover {
  background-color: #eee;
  opacity: 0.9; }

.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
  background-color: #999; }

/*# sourceMappingURL=style.css.map */