﻿@charset "UTF-8";
/*!
 * Start Bootstrap - Freelancer v3.3.7+1 (http://startbootstrap.com/template-overviews/freelancer)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
.dotvvm-bp-control {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  box-sizing: border-box; }

.dotvvm-bp-control .fa {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit; }

.dotvvm-bp-control.fa {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit; }

.dotvvm-bp-control .bp-input-group {
  padding: 0;
  border: 0;
  outline: 0;
  background-color: transparent; }

.dotvvm-bp-controlinput[disabled],
.dotvvm-bp-control.bp-state-disabled,
.dotvvm-bp-control .bp-state-disabled {
  cursor: default !important;
  color: #808080 !important;
  background-color: #eee; }

.dotvvm-bp-controlinput[disabled] input[type=text],
.dotvvm-bp-control.bp-state-disabled input[type=text],
.dotvvm-bp-control .bp-state-disabled input[type=text] {
  background-color: #eee; }

.dotvvm-bp-controlinput[disabled] .fa,
.dotvvm-bp-control.bp-state-disabled .fa,
.dotvvm-bp-control .bp-state-disabled .fa {
  cursor: default !important;
  color: #808080 !important; }

.dotvvm-bp-controlinput[disabled]:active,
.dotvvm-bp-control.bp-state-disabled:active,
.dotvvm-bp-control .bp-state-disabled:active,
.dotvvm-bp-controlinput[disabled]:focus,
.dotvvm-bp-control.bp-state-disabled:focus,
.dotvvm-bp-control .bp-state-disabled:focus {
  outline: none; }

.dotvvm-bp-control.label {
  font-weight: inherit; }

.dotvvm-bp-control *:before {
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  box-sizing: initial; }

.dotvvm-bp-control * {
  box-sizing: inherit; }

.bp-state-error {
  outline: none;
  border-color: #ec4646 !important;
  box-shadow: 0 0 0 1px #ec4646 !important; }

.bp-text-box {
  font-size: 16px;
  color: #141414;
  padding: 8px 12px;
  background: #fff;
  outline: none;
  width: 250px;
  height: 37px;
  vertical-align: top;
  margin-bottom: 2px;
  border: 1px solid #ddd;
  border-radius: 4px; }

.bp-text-box::-ms-clear {
  display: none; }

.bp-text-box:focus {
  outline: none;
  border-color: #77acd9 !important;
  box-shadow: 0 0 0 1px #77acd9; }

.bp-text-box::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: grey;
  font-size: 13.6px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  opacity: 1;
  vertical-align: middle; }

.bp-text-box::-moz-placeholder {
  /* Firefox 19+ */
  color: grey;
  font-size: 13.6px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  opacity: 1;
  vertical-align: middle; }

.bp-text-box:-ms-input-placeholder {
  /* IE 10+ */
  color: grey;
  font-size: 13.6px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  opacity: 1;
  vertical-align: middle; }

.bp-text-box:-moz-placeholder {
  /* Firefox 18- */
  color: grey;
  font-size: 13.6px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  opacity: 1;
  vertical-align: middle; }

.bp-text-box::placeholder {
  color: grey;
  font-size: 13.6px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  opacity: 1;
  vertical-align: middle; }

.bp-state-disabled > .bp-popup {
  display: none !important; }

.bp-popup {
  z-index: 1001;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }

a[role=button] {
  cursor: pointer; }

.bp-clear-fix {
  display: block;
  clear: both; }

table:focus,
i:focus {
  border: none;
  outline: none; }

.bp-overlay {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0.6; }

.bp-half {
  width: 50%; }

.bp-third {
  width: 33.33%;
  width: calc(33.33333333%); }

.dotvvm-bp-alert {
  padding: 15px;
  margin: 0 0 16px 0;
  font-size: 16px;
  text-align: left; }

.dotvvm-bp-alert .bp-alert-type-icon:before {
  font-family: 'FontAwesome';
  font-size: inherit;
  padding-right: 7.5px; }

.dotvvm-bp-alert.bp-alert-success {
  background-color: #d4edda;
  border-style: solid;
  border-color: #c3e6cb;
  border-width: 1px;
  border-radius: 4px;
  color: #155724; }

.dotvvm-bp-alert.bp-alert-success .bp-alert-type-icon:before {
  content: '\f058';
  color: #155724; }

.dotvvm-bp-alert.bp-alert-danger {
  background-color: #f8d7da;
  border-style: solid;
  border-color: #f5c6cb;
  border-width: 1px;
  border-radius: 4px;
  color: #721c24; }

.dotvvm-bp-alert.bp-alert-danger .bp-alert-type-icon:before {
  content: '\f057';
  color: #721c24; }

.dotvvm-bp-alert.bp-alert-info {
  background-color: #d1ecf1;
  border-style: solid;
  border-color: #bee5eb;
  border-width: 1px;
  border-radius: 4px;
  color: #0c5460; }

.dotvvm-bp-alert.bp-alert-info .bp-alert-type-icon:before {
  content: '\f05a';
  color: #0c5460; }

.dotvvm-bp-alert.bp-alert-warning {
  background-color: #fff3cd;
  border-style: solid;
  border-color: #ffeeba;
  border-width: 1px;
  border-radius: 4px;
  color: #856404; }

.dotvvm-bp-alert.bp-alert-warning .bp-alert-type-icon:before {
  content: '\f06a';
  color: #856404; }

.dotvvm-bp-alert > .bp-alert-type-icon {
  margin-left: -7px;
  margin-right: 8px;
  color: inherit; }

.dotvvm-bp-alert > .bp-close {
  float: right; }

.dotvvm-bp-alert > .bp-close .bp-icon:before {
  color: #afafaf;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-alert > .bp-close .bp-icon:before:hover {
  color: #7c7c7c;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-alert > .bp-close .bp-icon:hover:before {
  color: #7c7c7c; }

.dotvvm-bp-auto-complete {
  display: inline-block;
  position: relative;
  width: 250px;
  background: #fff;
  height: 37px;
  vertical-align: top;
  margin-bottom: 2px; }

.dotvvm-bp-auto-complete.bp-state-disabled > .bp-toggle {
  cursor: default !important;
  background-color: #eee; }

.dotvvm-bp-auto-complete.bp-state-disabled > .bp-toggle i {
  color: #1d4567;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-auto-complete.bp-state-disabled > .bp-toggle:hover {
  color: #1d4567;
  cursor: default; }

.dotvvm-bp-auto-complete.bp-state-disabled > .bp-toggle:hover i {
  color: #1d4567; }

.dotvvm-bp-auto-complete.bp-state-disabled .bp-text-box {
  color: #808080 !important;
  border-color: #4d4d4d; }

.dotvvm-bp-auto-complete.bp-state-focused .bp-text-box {
  outline: none;
  border-color: #77acd9 !important;
  box-shadow: 0 0 0 1px #77acd9; }

.dotvvm-bp-auto-complete.bp-state-error {
  box-shadow: none !important; }

.dotvvm-bp-auto-complete.bp-state-error > .bp-text-box {
  outline: none;
  border-color: #ec4646 !important;
  box-shadow: 0 0 0 1px #ec4646 !important; }

.dotvvm-bp-auto-complete > .bp-toggle,
.dotvvm-bp-auto-complete > .bp-unselect {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  height: 19px;
  font-size: 16px; }

.dotvvm-bp-auto-complete > .bp-toggle i,
.dotvvm-bp-auto-complete > .bp-unselect i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.dotvvm-bp-auto-complete > .bp-toggle {
  width: 20.8px;
  right: 2px; }

.dotvvm-bp-auto-complete > .bp-toggle > .bp-icon {
  color: #337ab7;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-auto-complete > .bp-toggle > .bp-icon:hover {
  color: #1d4567;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-auto-complete > .bp-toggle:hover i {
  color: #1d4567;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-auto-complete > .bp-unselect {
  width: 20.8px;
  right: 22.8px; }

.dotvvm-bp-auto-complete > .bp-unselect i {
  color: #808080;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-auto-complete > .bp-unselect i:hover {
  color: #4d4d4d;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-auto-complete > .bp-unselect :hover i {
  color: #4d4d4d; }

.dotvvm-bp-auto-complete .bp-text-box {
  width: 100%;
  height: 100%; }

.dotvvm-bp-auto-complete .bp-text-box::-ms-clear {
  display: none; }

.dotvvm-bp-auto-complete .bp-text-box:focus {
  outline: none; }

.dotvvm-bp-auto-complete .bp-popup {
  display: none;
  padding: 5px 2px;
  position: fixed;
  overflow: hidden;
  border-collapse: collapse;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  color: #141414;
  font-weight: normal;
  cursor: default;
  margin-top: 2px;
  text-align: left; }

.dotvvm-bp-auto-complete .bp-popup.bp-state-opened {
  display: block;
  z-index: 1001; }

.dotvvm-bp-auto-complete .bp-popup.bp-state-opened > ul {
  min-height: 0; }

.dotvvm-bp-auto-complete .bp-popup.bp-has-list {
  padding: 0; }

.dotvvm-bp-auto-complete .bp-popup.bp-has-list > .bp-list {
  list-style: none;
  overflow-x: hidden;
  padding: 0 5px 2px;
  max-height: 250px;
  position: relative;
  margin: 0; }

.dotvvm-bp-auto-complete .bp-popup.bp-has-list > .bp-list > .bp-item {
  white-space: normal;
  width: auto;
  border: 1px solid transparent;
  margin: 0;
  padding: 2px;
  font-size: 13px; }

.dotvvm-bp-auto-complete .bp-popup.bp-has-list > .bp-list > .bp-item span {
  background-color: transparent; }

.dotvvm-bp-auto-complete .bp-popup.bp-has-list > .bp-list > .bp-item:first-child {
  margin-top: 5px 2px; }

.dotvvm-bp-auto-complete .bp-popup.bp-has-list > .bp-list > .bp-item:last-child {
  margin-bottom: 5px 2px; }

.dotvvm-bp-auto-complete .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled).bp-state-focused {
  border: 1px solid #77acd9;
  border-radius: 4px; }

.dotvvm-bp-auto-complete .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled).bp-state-selected {
  background: #337ab7;
  border: 1px solid #337ab7;
  color: #fff; }

.dotvvm-bp-auto-complete .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled).bp-state-selected:hover {
  background: #337ab7;
  color: #fff;
  border: 1px solid #c7ddef;
  cursor: default; }

.dotvvm-bp-auto-complete .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled).bp-state-selected.bp-state-focused {
  border: 1px solid #77acd9;
  border-radius: 4px; }

.dotvvm-bp-auto-complete .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled).bp-state-selected.bp-state-focused:hover {
  border: 1px solid #c7ddef;
  border-radius: 4px; }

.dotvvm-bp-auto-complete .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled):hover {
  background-color: #c7ddef;
  color: #337ab7;
  border: 1px solid #8bb8df;
  cursor: pointer; }

.dotvvm-bp-auto-complete .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled):hover.bp-state-focused {
  border: 1px solid #77acd9; }

.dotvvm-bp-auto-complete[data-ui="multiLine"] {
  height: auto;
  width: auto;
  min-width: 250px; }

/*@calc-height: ((@border-width * 2) + (@button-padding-top-down * 2) + (@button-font-size * 1.6666));
height: @calc-height;*/
.bp-button {
  position: relative;
  padding: 6px 12px;
  color: #141414;
  border: 1px solid #ddd;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
  background: #E0E0E0;
  font-size: 14px;
  line-height: 16.33324px;
  font-weight: 400;
  text-transform: none;
  text-decoration: none;
  vertical-align: top;
  background-image: -webkit-linear-gradient(top, #ffffff 2%, #E0E0E0 98%);
  background-image: linear-gradient(to bottom, #ffffff 2%, #E0E0E0 98%);
  transition: all 0.3s ease-in-out; }

.bp-button:hover {
  border-color: #ddd;
  background: #d3d3d3;
  color: #141414; }

.bp-button:hover {
  transition: all 0.3s ease-in-out;
  background-image: -webkit-linear-gradient(top, #fafafa 2%, #d3d3d3 98%);
  background-image: linear-gradient(to bottom, #fafafa 2%, #d3d3d3 98%);
  color: #141414; }

.bp-button:active {
  background: #ffffff;
  background-image: -webkit-linear-gradient(top, #E0E0E0 2%, #ffffff 98%);
  background-image: linear-gradient(to bottom, #E0E0E0 2%, #ffffff 98%); }

.bp-button.bp-state-focused {
  outline: none;
  border-color: #77acd9 !important;
  box-shadow: 0 0 0 1px #77acd9; }

.bp-button.bp-button-primary {
  color: white;
  border-color: #007bff;
  background: #007bff; }

.bp-button.bp-button-primary:hover {
  background: #0069d9;
  color: white;
  border-color: #0062cc; }

.bp-button.bp-button-secondary {
  color: white;
  border-color: #868e96;
  background: #868e96; }

.bp-button.bp-button-secondary:hover {
  background: #727b84;
  color: ehite;
  border-color: #6c757d; }

.bp-button.bp-button-info {
  color: white;
  border-color: #17a2b8;
  background: #17a2b8; }

.bp-button.bp-button-info:hover {
  background: #138496;
  color: white;
  border-color: #117a8b; }

.bp-button.bp-button-info.bp-state-focused {
  border-color: #007ab7 !important;
  box-shadow: 0 0 0 1px #05acff; }

.bp-button.bp-button-danger {
  color: white;
  border-color: #dc3545;
  background: #dc3545; }

.bp-button.bp-button-danger:hover {
  background: #c82333;
  color: white;
  border-color: #bd2130; }

.bp-button.bp-button-danger.bp-state-focused {
  border-color: #f50000 !important;
  box-shadow: 0 0 0 1px #ff4242; }

.bp-button.bp-button-warning {
  color: #111;
  border-color: #ffc107;
  background: #ffc107; }

.bp-button.bp-button-warning:hover {
  background: #e0a800;
  color: #111;
  border-color: #d39e00; }

.bp-button.bp-button-warning.bp-state-focused {
  border-color: #eac500 !important;
  box-shadow: 0 0 0 1px #ffdf38; }

.bp-button.bp-button-success {
  color: white;
  border-color: #28a745;
  background: #28a745; }

.bp-button.bp-button-success:hover {
  background: #218838;
  color: white;
  border-color: #1e7e34; }

.bp-button.bp-button-success.bp-state-focused {
  border-color: #38bf00 !important;
  box-shadow: 0 0 0 1px #53ff0c; }

.bp-button.bp-state-disabled,
.bp-button[disabled] {
  background-color: #eee;
  color: #808080;
  background-image: none;
  border-color: #4d4d4d; }

.bp-button.bp-state-disabled:hover,
.bp-button[disabled]:hover {
  background-color: #eee;
  color: #808080;
  background-image: none;
  border-color: #4d4d4d; }

.bp-button.bp-state-checked {
  color: #337ab7; }

.bp-button.bp-state-checked > .fa {
  color: #337ab7; }

.bp-button > .bp-icon.bp-left {
  margin-right: 3px; }

.dotvvm-bp-check-box,
.dotvvm-bp-check-box-list {
  display: inline-block;
  position: relative;
  vertical-align: top;
  margin-bottom: 2px;
  background-color: transparent;
  border: none; }

.dotvvm-bp-check-box.bp-state-disabled,
.dotvvm-bp-check-box-list.bp-state-disabled {
  background-color: transparent; }

.dotvvm-bp-check-box.bp-state-indeterminate[type="checkbox"] + span::before,
.dotvvm-bp-check-box-list.bp-state-indeterminate[type="checkbox"] + span::before {
  background-color: #337ab7; }

.dotvvm-bp-check-box [type="checkbox"]:focus + span::before,
.dotvvm-bp-check-box-list [type="checkbox"]:focus + span::before {
  outline: none;
  border-color: #77acd9 !important;
  box-shadow: 0 0 0 1px #77acd9; }

.dotvvm-bp-check-box [type="checkbox"]:hover + span::before,
.dotvvm-bp-check-box-list [type="checkbox"]:hover + span::before {
  border-color: #666666;
  transition: border-color 0.3s ease-in-out; }

.dotvvm-bp-check-box [type="checkbox"]:hover + span::after,
.dotvvm-bp-check-box-list [type="checkbox"]:hover + span::after {
  color: #808080;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-check-box input[type=checkbox],
.dotvvm-bp-check-box-list input[type=checkbox] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.dotvvm-bp-check-box input[type=checkbox] + span,
.dotvvm-bp-check-box-list input[type=checkbox] + span,
.dotvvm-bp-check-box input[type=checkbox] + label,
.dotvvm-bp-check-box-list input[type=checkbox] + label {
  cursor: pointer;
  font-size: 13px;
  line-height: 13px;
  padding-left: 19.5px;
  position: relative;
  display: inline-block;
  margin: 2px 0;
  min-height: 13px;
  top: 1px;
  vertical-align: top;
  color: #141414; }

.dotvvm-bp-check-box input[type=checkbox] + span::before,
.dotvvm-bp-check-box-list input[type=checkbox] + span::before,
.dotvvm-bp-check-box input[type=checkbox] + label::before,
.dotvvm-bp-check-box-list input[type=checkbox] + label::before {
  content: '';
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  height: 13px;
  width: 13px;
  text-align: center;
  position: absolute;
  top: -1px;
  left: 0;
  transition: all 0.3s ease-in-out; }

.dotvvm-bp-check-box input[type=checkbox] + span::after,
.dotvvm-bp-check-box-list input[type=checkbox] + span::after {
  font: normal normal normal 14px/1 FontAwesome;
  content: '\f00c';
  position: absolute;
  font-size: 13px;
  color: transparent;
  left: 1px;
  top: 28%;
  transform: translate(0, -50%);
  transition: all 0.3s ease-in-out; }

.dotvvm-bp-check-box input[type=checkbox]:checked + span::after,
.dotvvm-bp-check-box-list input[type=checkbox]:checked + span::after {
  color: black; }

.dotvvm-bp-check-box input[type=checkbox]:checked + span:hover::after,
.dotvvm-bp-check-box-list input[type=checkbox]:checked + span:hover::after {
  color: black; }

.dotvvm-bp-check-box input[type=checkbox]:indeterminate + span::after,
.dotvvm-bp-check-box-list input[type=checkbox]:indeterminate + span::after {
  color: transparent;
  background-color: black;
  transition: background-color 0.3s ease-in-out;
  box-shadow: inset 0 0 0 2px #fff; }

.dotvvm-bp-check-box input[disabled]:hover + span,
.dotvvm-bp-check-box-list input[disabled]:hover + span,
.dotvvm-bp-check-box input[disabled] + span,
.dotvvm-bp-check-box-list input[disabled] + span {
  color: #808080; }

.dotvvm-bp-check-box input[disabled]:hover + span::before,
.dotvvm-bp-check-box-list input[disabled]:hover + span::before,
.dotvvm-bp-check-box input[disabled] + span::before,
.dotvvm-bp-check-box-list input[disabled] + span::before {
  background-color: #eee;
  border-color: #4d4d4d; }

.dotvvm-bp-check-box input[disabled]:hover + span::after,
.dotvvm-bp-check-box-list input[disabled]:hover + span::after,
.dotvvm-bp-check-box input[disabled] + span::after,
.dotvvm-bp-check-box-list input[disabled] + span::after,
.dotvvm-bp-check-box input[disabled]:hover + span:hover::after,
.dotvvm-bp-check-box-list input[disabled]:hover + span:hover::after,
.dotvvm-bp-check-box input[disabled] + span:hover::after,
.dotvvm-bp-check-box-list input[disabled] + span:hover::after {
  color: #eee;
  cursor: default; }

.dotvvm-bp-check-box input[disabled]:hover + span:hover,
.dotvvm-bp-check-box-list input[disabled]:hover + span:hover,
.dotvvm-bp-check-box input[disabled] + span:hover,
.dotvvm-bp-check-box-list input[disabled] + span:hover,
.dotvvm-bp-check-box input[disabled]:hover + span:hover::before,
.dotvvm-bp-check-box-list input[disabled]:hover + span:hover::before,
.dotvvm-bp-check-box input[disabled] + span:hover::before,
.dotvvm-bp-check-box-list input[disabled] + span:hover::before {
  cursor: default;
  border-color: #4d4d4d; }

.dotvvm-bp-check-box input[disabled]:focus + span::before,
.dotvvm-bp-check-box-list input[disabled]:focus + span::before {
  box-shadow: none;
  border-color: #4d4d4d; }

.dotvvm-bp-check-box input[disabled]:checked + span::after,
.dotvvm-bp-check-box-list input[disabled]:checked + span::after {
  color: #1d4567 !important; }

.dotvvm-bp-check-box input[disabled]:indeterminate + span::after,
.dotvvm-bp-check-box-list input[disabled]:indeterminate + span::after {
  color: #1d4567 !important;
  background-color: #1d4567; }

.dotvvm-bp-check-box-list input[type="checkbox"] + span {
  padding-right: 13px; }

.dotvvm-bp-color-picker {
  display: inline-block;
  position: relative;
  background: #fff;
  height: 37px;
  margin-bottom: 2px;
  width: 250px;
  text-align: left;
  user-select: none;
  vertical-align: top;
  border: 1px solid #ddd;
  border-radius: 4px; }

.dotvvm-bp-color-picker.bp-state-disabled > .bp-toggle {
  cursor: default !important;
  background-color: #eee; }

.dotvvm-bp-color-picker.bp-state-disabled > .bp-toggle i {
  color: #1d4567;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-color-picker.bp-state-disabled > .bp-toggle:hover {
  color: #1d4567;
  cursor: default; }

.dotvvm-bp-color-picker.bp-state-disabled > .bp-toggle:hover i {
  color: #1d4567; }

.dotvvm-bp-color-picker.bp-state-disabled .bp-text-box {
  color: #808080 !important;
  border-color: #4d4d4d; }

.dotvvm-bp-color-picker.bp-state-focused .bp-text-box {
  outline: none;
  border-color: #77acd9 !important;
  box-shadow: 0 0 0 1px #77acd9; }

.dotvvm-bp-color-picker.bp-state-error {
  box-shadow: none !important; }

.dotvvm-bp-color-picker.bp-state-error > .bp-text-box {
  outline: none;
  border-color: #ec4646 !important;
  box-shadow: 0 0 0 1px #ec4646 !important; }

.dotvvm-bp-color-picker > .bp-toggle,
.dotvvm-bp-color-picker > .bp-unselect {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  height: 19px;
  font-size: 16px; }

.dotvvm-bp-color-picker > .bp-toggle i,
.dotvvm-bp-color-picker > .bp-unselect i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.dotvvm-bp-color-picker > .bp-toggle {
  width: 20.8px;
  right: 2px; }

.dotvvm-bp-color-picker > .bp-toggle > .bp-icon {
  color: #337ab7;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-color-picker > .bp-toggle > .bp-icon:hover {
  color: #1d4567;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-color-picker > .bp-toggle:hover i {
  color: #1d4567;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-color-picker > .bp-unselect {
  width: 20.8px;
  right: 22.8px; }

.dotvvm-bp-color-picker > .bp-unselect i {
  color: #808080;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-color-picker > .bp-unselect i:hover {
  color: #4d4d4d;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-color-picker > .bp-unselect :hover i {
  color: #4d4d4d; }

.dotvvm-bp-color-picker .bp-text-box {
  width: 100%;
  height: 100%; }

.dotvvm-bp-color-picker .bp-text-box::-ms-clear {
  display: none; }

.dotvvm-bp-color-picker .bp-text-box:focus {
  outline: none; }

.dotvvm-bp-color-picker .bp-popup {
  display: none;
  padding: 5px 2px;
  position: fixed;
  overflow: hidden;
  border-collapse: collapse;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  color: #141414;
  font-weight: normal;
  cursor: default;
  margin-top: 2px;
  text-align: left; }

.dotvvm-bp-color-picker .bp-popup.bp-state-opened {
  display: block;
  z-index: 1001; }

.dotvvm-bp-color-picker .bp-popup.bp-state-opened > ul {
  min-height: 0; }

.dotvvm-bp-color-picker .bp-popup.bp-has-list {
  padding: 0; }

.dotvvm-bp-color-picker .bp-popup.bp-has-list > .bp-list {
  list-style: none;
  overflow-x: hidden;
  padding: 0 5px 2px;
  max-height: 250px;
  position: relative;
  margin: 0; }

.dotvvm-bp-color-picker .bp-popup.bp-has-list > .bp-list > .bp-item {
  white-space: normal;
  width: auto;
  border: 1px solid transparent;
  margin: 0;
  padding: 2px;
  font-size: 13px; }

.dotvvm-bp-color-picker .bp-popup.bp-has-list > .bp-list > .bp-item span {
  background-color: transparent; }

.dotvvm-bp-color-picker .bp-popup.bp-has-list > .bp-list > .bp-item:first-child {
  margin-top: 5px 2px; }

.dotvvm-bp-color-picker .bp-popup.bp-has-list > .bp-list > .bp-item:last-child {
  margin-bottom: 5px 2px; }

.dotvvm-bp-color-picker .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled).bp-state-focused {
  border: 1px solid #77acd9;
  border-radius: 4px; }

.dotvvm-bp-color-picker .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled).bp-state-selected {
  background: #337ab7;
  border: 1px solid #337ab7;
  color: #fff; }

.dotvvm-bp-color-picker .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled).bp-state-selected:hover {
  background: #337ab7;
  color: #fff;
  border: 1px solid #c7ddef;
  cursor: default; }

.dotvvm-bp-color-picker .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled).bp-state-selected.bp-state-focused {
  border: 1px solid #77acd9;
  border-radius: 4px; }

.dotvvm-bp-color-picker .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled).bp-state-selected.bp-state-focused:hover {
  border: 1px solid #c7ddef;
  border-radius: 4px; }

.dotvvm-bp-color-picker .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled):hover {
  background-color: #c7ddef;
  color: #337ab7;
  border: 1px solid #8bb8df;
  cursor: pointer; }

.dotvvm-bp-color-picker .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled):hover.bp-state-focused {
  border: 1px solid #77acd9; }

.dotvvm-bp-color-picker.bp-state-focused {
  outline: none;
  border-color: #77acd9 !important;
  box-shadow: 0 0 0 1px #77acd9; }

.dotvvm-bp-color-picker.bp-state-focused .bp-text-box {
  border-color: inherit;
  box-shadow: none; }

.dotvvm-bp-color-picker.bp-state-focused .bp-text-box:focus {
  outline: none;
  border-color: #77acd9 !important;
  box-shadow: 0 0 0 1px #77acd9; }

.dotvvm-bp-color-picker.bp-state-error {
  outline: none;
  border-color: #ec4646 !important;
  box-shadow: 0 0 0 1px #ec4646 !important; }

.dotvvm-bp-color-picker > .bp-value {
  padding: 2px;
  padding-right: 24.8px;
  height: 100%;
  cursor: pointer;
  width: 100%;
  position: relative; }

.dotvvm-bp-color-picker > .bp-value > .bp-checkerboard {
  height: 100%;
  background-size: 14px 14px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iNDAwIiBmaWxsLW9wYWNpdHk9Ii4yNSI+PHJlY3QgeD0iMjAwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgLz48cmVjdCB5PSIyMDAiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiAvPjwvc3ZnPg=="); }

.dotvvm-bp-color-picker > .bp-value > .bp-checkerboard > .bp-color-preview {
  height: 100%;
  border: 1px solid #ddd; }

.dotvvm-bp-color-picker > .bp-value > .bp-placeholder {
  font-size: 13.6px;
  color: grey;
  padding-left: 3px;
  overflow: hidden;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  margin-top: 1.36px; }

.dotvvm-bp-color-picker.bp-state-disabled {
  border-color: #4d4d4d; }

.dotvvm-bp-color-picker.bp-state-disabled > .bp-value {
  cursor: default !important; }

.dotvvm-bp-color-picker.bp-allow-unselect:not(.bp-state-empty-value) > .bp-value {
  padding-right: 43.6px; }

.dotvvm-bp-color-picker > .bp-popup {
  max-height: none;
  width: 201px;
  padding: 0; }

.dotvvm-bp-color-picker > .bp-popup > .bp-color-spectrum {
  width: 100%;
  height: 130px;
  position: relative; }

.dotvvm-bp-color-picker > .bp-popup > .bp-color-spectrum > .bp-grip {
  border-radius: 50%;
  height: 10px;
  width: 10px;
  border: 1px solid #fff;
  box-shadow: #000 0px 0px 0px 1px;
  background: transparent;
  position: absolute; }

.dotvvm-bp-color-picker > .bp-popup > .bp-checkerboard {
  background-size: 12px 12px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iNDAwIiBmaWxsLW9wYWNpdHk9Ii4yNSI+PHJlY3QgeD0iMjAwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgLz48cmVjdCB5PSIyMDAiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiAvPjwvc3ZnPg==");
  position: relative;
  display: block;
  margin: 10px 5px;
  width: auto; }

.dotvvm-bp-color-picker > .bp-popup > .bp-checkerboard > .dotvvm-bp-slider {
  margin: 10px 0; }

.dotvvm-bp-color-picker > .bp-popup .dotvvm-bp-slider {
  height: 12px;
  position: relative;
  display: block;
  margin: 10px 5px;
  width: auto;
  border-radius: 0; }

.dotvvm-bp-color-picker > .bp-popup .dotvvm-bp-slider.bp-hue-slider {
  background: linear-gradient(to right, #ff0000 0%, #ffff00 20%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); }

.dotvvm-bp-color-picker > .bp-popup .dotvvm-bp-slider .bp-grip {
  border-radius: 0;
  background: white;
  border: 1px solid #787878;
  top: -8px;
  right: -1px;
  width: 5px;
  height: 16px;
  margin-left: -2.5px;
  cursor: pointer; }

.dotvvm-bp-color-picker > .bp-popup .dotvvm-bp-slider .bp-value {
  background-color: transparent;
  height: 6px; }

.dotvvm-bp-color-picker > .bp-popup > .bp-color-editor {
  position: relative;
  text-align: left;
  margin: 0 5px 5px 5px; }

.dotvvm-bp-color-picker > .bp-popup > .bp-color-editor > .bp-switch {
  position: absolute;
  right: -4px;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 13px;
  width: 16px;
  text-align: center; }

.dotvvm-bp-color-picker > .bp-popup > .bp-color-editor > .bp-switch.bp-state-disabled {
  background-color: transparent; }

.dotvvm-bp-color-picker > .bp-popup > .bp-color-editor > .bp-switch.bp-state-disabled .bp-icon {
  color: #808080 !important; }

.dotvvm-bp-color-picker > .bp-popup > .bp-color-editor > .bp-switch .bp-icon {
  font-size: 18px;
  color: #337ab7;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-color-picker > .bp-popup > .bp-color-editor > .bp-switch .bp-icon:hover {
  color: #1d4567;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-color-picker > .bp-popup > .bp-color-editor > .bp-hex-color-editor {
  display: block;
  margin-right: 16px;
  text-align: center;
  color: #a1a1a1;
  font-size: 12px; }

.dotvvm-bp-color-picker > .bp-popup > .bp-color-editor > .bp-hex-color-editor > .bp-text-box {
  width: 100%;
  min-width: 0;
  margin-bottom: 2px;
  border-color: #c6c6c6;
  border-width: 1px;
  padding: 2px;
  font-size: 12px; }

.dotvvm-bp-color-picker > .bp-popup > .bp-color-editor > .bp-rgb-color-editor {
  margin-right: 16px; }

.dotvvm-bp-color-picker > .bp-popup > .bp-color-editor > .bp-rgb-color-editor > label {
  display: inline-block;
  width: 55px;
  margin: 0px 2px 0 0;
  text-align: center;
  color: #a1a1a1;
  font-size: 12px; }

.dotvvm-bp-color-picker > .bp-popup > .bp-color-editor > .bp-rgb-color-editor > label:last-child {
  margin-right: 0; }

.dotvvm-bp-color-picker > .bp-popup > .bp-color-editor > .bp-rgb-color-editor > label > .bp-text-box {
  width: 100%;
  min-width: 0;
  margin-bottom: 2px;
  text-align: center;
  border-color: #c6c6c6;
  border-width: 1px;
  padding: 2px;
  font-size: 12px; }

.dotvvm-bp-color-picker > .bp-popup > .bp-color-editor > .bp-rgb-color-editor.bp-rgba-color-editor > label {
  width: 41px;
  margin: 0px 3px 0 0; }

.dotvvm-bp-color-picker > .bp-popup > .bp-color-editor > .bp-rgb-color-editor.bp-rgba-color-editor > label:last-child {
  margin-right: 0; }

.dotvvm-bp-color-picker > .bp-popup > .bp-color-editor + .bp-predefined-colors {
  border-top: 1px solid #c6c6c6; }

.dotvvm-bp-color-picker > .bp-popup > .bp-predefined-colors {
  list-style: none;
  margin: 5px 0 0 0;
  padding: 5px; }

.dotvvm-bp-color-picker > .bp-popup > .bp-predefined-colors:empty {
  display: none; }

.dotvvm-bp-color-picker > .bp-popup > .bp-predefined-colors > .bp-item {
  display: inline-block;
  margin: 2px 5.6px 2px 0;
  width: 16px;
  height: 16px;
  cursor: pointer;
  transform: scale(0.9, 0.9); }

.dotvvm-bp-color-picker > .bp-popup > .bp-predefined-colors > .bp-item:hover {
  transform: scale(1, 1); }

.dotvvm-bp-color-picker > .bp-popup > .bp-predefined-colors > .bp-item:nth-child(9n+0) {
  margin-right: 0; }

.dotvvm-bp-color-picker > .bp-popup > .bp-predefined-colors > .bp-item > .bp-checkerboard {
  background-size: 16px 16px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iNDAwIiBmaWxsLW9wYWNpdHk9Ii4yNSI+PHJlY3QgeD0iMjAwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgLz48cmVjdCB5PSIyMDAiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiAvPjwvc3ZnPg==");
  height: 100%;
  border-radius: 2px; }

.dotvvm-bp-color-picker > .bp-popup > .bp-predefined-colors > .bp-item > .bp-checkerboard > a {
  border: 1px solid #ddd;
  display: block;
  height: 100%;
  border-radius: 2px; }

.dotvvm-bp-color-picker > .bp-popup > .bp-predefined-colors > .bp-item.bp-state-selected > .bp-checkerboard > a {
  outline: none;
  border-color: #77acd9 !important;
  box-shadow: 0 0 0 1px #77acd9; }

.dotvvm-bp-combo-box {
  display: inline-block;
  position: relative;
  background: #fff;
  height: 37px;
  vertical-align: top;
  margin-bottom: 2px;
  user-select: none;
  width: 250px; }

.dotvvm-bp-combo-box.bp-state-disabled > .bp-toggle {
  cursor: default !important;
  background-color: #eee; }

.dotvvm-bp-combo-box.bp-state-disabled > .bp-toggle i {
  color: #1d4567;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-combo-box.bp-state-disabled > .bp-toggle:hover {
  color: #1d4567;
  cursor: default; }

.dotvvm-bp-combo-box.bp-state-disabled > .bp-toggle:hover i {
  color: #1d4567; }

.dotvvm-bp-combo-box.bp-state-disabled .bp-text-box {
  color: #808080 !important;
  border-color: #4d4d4d; }

.dotvvm-bp-combo-box.bp-state-focused .bp-text-box {
  outline: none;
  border-color: #77acd9 !important;
  box-shadow: 0 0 0 1px #77acd9; }

.dotvvm-bp-combo-box.bp-state-error {
  box-shadow: none !important; }

.dotvvm-bp-combo-box.bp-state-error > .bp-text-box {
  outline: none;
  border-color: #ec4646 !important;
  box-shadow: 0 0 0 1px #ec4646 !important; }

.dotvvm-bp-combo-box > .bp-toggle,
.dotvvm-bp-combo-box > .bp-unselect {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  height: 19px;
  font-size: 16px; }

.dotvvm-bp-combo-box > .bp-toggle i,
.dotvvm-bp-combo-box > .bp-unselect i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.dotvvm-bp-combo-box > .bp-toggle {
  width: 20.8px;
  right: 2px; }

.dotvvm-bp-combo-box > .bp-toggle > .bp-icon {
  color: #337ab7;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-combo-box > .bp-toggle > .bp-icon:hover {
  color: #1d4567;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-combo-box > .bp-toggle:hover i {
  color: #1d4567;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-combo-box > .bp-unselect {
  width: 20.8px;
  right: 22.8px; }

.dotvvm-bp-combo-box > .bp-unselect i {
  color: #808080;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-combo-box > .bp-unselect i:hover {
  color: #4d4d4d;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-combo-box > .bp-unselect :hover i {
  color: #4d4d4d; }

.dotvvm-bp-combo-box .bp-text-box {
  width: 100%;
  height: 100%; }

.dotvvm-bp-combo-box .bp-text-box::-ms-clear {
  display: none; }

.dotvvm-bp-combo-box .bp-text-box:focus {
  outline: none; }

.dotvvm-bp-combo-box .bp-popup {
  display: none;
  padding: 5px 2px;
  position: fixed;
  overflow: hidden;
  border-collapse: collapse;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  color: #141414;
  font-weight: normal;
  cursor: default;
  margin-top: 2px;
  text-align: left; }

.dotvvm-bp-combo-box .bp-popup.bp-state-opened {
  display: block;
  z-index: 1001; }

.dotvvm-bp-combo-box .bp-popup.bp-state-opened > ul {
  min-height: 0; }

.dotvvm-bp-combo-box .bp-popup.bp-has-list {
  padding: 0; }

.dotvvm-bp-combo-box .bp-popup.bp-has-list > .bp-list {
  list-style: none;
  overflow-x: hidden;
  padding: 0 5px 2px;
  max-height: 250px;
  position: relative;
  margin: 0; }

.dotvvm-bp-combo-box .bp-popup.bp-has-list > .bp-list > .bp-item {
  white-space: normal;
  width: auto;
  border: 1px solid transparent;
  margin: 0;
  padding: 2px;
  font-size: 13px; }

.dotvvm-bp-combo-box .bp-popup.bp-has-list > .bp-list > .bp-item span {
  background-color: transparent; }

.dotvvm-bp-combo-box .bp-popup.bp-has-list > .bp-list > .bp-item:first-child {
  margin-top: 5px 2px; }

.dotvvm-bp-combo-box .bp-popup.bp-has-list > .bp-list > .bp-item:last-child {
  margin-bottom: 5px 2px; }

.dotvvm-bp-combo-box .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled).bp-state-focused {
  border: 1px solid #77acd9;
  border-radius: 4px; }

.dotvvm-bp-combo-box .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled).bp-state-selected {
  background: #337ab7;
  border: 1px solid #337ab7;
  color: #fff; }

.dotvvm-bp-combo-box .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled).bp-state-selected:hover {
  background: #337ab7;
  color: #fff;
  border: 1px solid #c7ddef;
  cursor: default; }

.dotvvm-bp-combo-box .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled).bp-state-selected.bp-state-focused {
  border: 1px solid #77acd9;
  border-radius: 4px; }

.dotvvm-bp-combo-box .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled).bp-state-selected.bp-state-focused:hover {
  border: 1px solid #c7ddef;
  border-radius: 4px; }

.dotvvm-bp-combo-box .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled):hover {
  background-color: #c7ddef;
  color: #337ab7;
  border: 1px solid #8bb8df;
  cursor: pointer; }

.dotvvm-bp-combo-box .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled):hover.bp-state-focused {
  border: 1px solid #77acd9; }

.dotvvm-bp-combo-box > .bp-text-box {
  width: 100%;
  padding-right: 24.8px; }

.dotvvm-bp-combo-box.bp-allow-unselect:not(.bp-state-empty-value) > .bp-text-box {
  padding-right: 45.6px; }

.dotvvm-bp-data-pager {
  padding: 0;
  display: inline-block;
  margin: 10px 0 0 0; }

.dotvvm-bp-data-pager > li {
  display: inline-block; }

.dotvvm-bp-data-pager > li > * {
  position: relative;
  z-index: 0;
  border: 1px solid #ddd;
  display: block;
  padding: 8px 12px;
  font-size: 16px;
  text-decoration: none;
  text-align: center;
  color: #007bff;
  margin-left: -1px;
  background-color: #fff; }

.dotvvm-bp-data-pager > li > *:focus {
  outline: none;
  border-color: #77acd9 !important;
  box-shadow: 0 0 0 1px #77acd9;
  z-index: 1; }

.dotvvm-bp-data-pager > li > *:hover {
  z-index: 0;
  background-color: #e9ecef;
  cursor: pointer;
  color: #0056b3; }

.dotvvm-bp-data-pager > li > *:focus:hover {
  z-index: 1; }

.dotvvm-bp-data-pager > li:first-child > * {
  border-radius: 4px 0 0 4px; }

.dotvvm-bp-data-pager > li:last-child > * {
  border-radius: 0 4px 4px 0; }

.dotvvm-bp-data-pager > li span {
  cursor: default; }

.dotvvm-bp-data-pager > li.bp-data-pager-first-li > a {
  border-radius: 4px 0 0 4px; }

.dotvvm-bp-data-pager > li.bp-data-pager-last-li > a {
  border-radius: 0 4px 4px 0; }

.dotvvm-bp-data-pager > li.active > * {
  background-color: #e9ecef;
  color: #0056b3; }

.dotvvm-bp-data-pager > li.active > *:hover {
  cursor: default; }

.dotvvm-bp-data-pager > li.disabled > * {
  background-color: #eee;
  border-color: #ddd;
  color: #808080;
  cursor: default; }

.dotvvm-bp-data-pager > li.disabled > *:focus {
  outline: none;
  box-shadow: none;
  border-color: #4d4d4d !important; }

.dotvvm-bp-data-pager.bp-state-disabled > li > * {
  background-color: #eee;
  border-color: #4d4d4d;
  color: #808080;
  cursor: default; }

.dotvvm-bp-data-pager.bp-state-disabled > li > *:focus {
  border-color: #4d4d4d !important;
  box-shadow: none; }

.dotvvm-bp-data-pager.bp-state-disabled > li > *:hover {
  background-color: #eee;
  border-color: #4d4d4d;
  color: #808080; }

.dotvvm-bp-data-pager.bp-state-disabled > li.active > * {
  background-color: #a2a2a2;
  color: #ffffff;
  cursor: default;
  border-color: #4d4d4d; }

.dotvvm-bp-data-pager.bp-state-disabled > li.active > *:hover {
  background-color: #a2a2a2;
  color: #ffffff;
  border-color: #4d4d4d; }

.dotvvm-bp-date-time-picker {
  width: 250px;
  overflow: hidden; }

.dotvvm-bp-date-time-picker > .bp-input-group .bp-text-box {
  width: 100%;
  text-align: left;
  padding-right: 18.9px;
  border: 1px solid transparent; }

.dotvvm-bp-date-time-picker > .bp-input-group > a {
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translate(0, -50%);
  text-align: center; }

.dotvvm-bp-date-time-picker.bp-popup {
  width: 240px;
  height: 220px; }

.dotvvm-bp-date-time-picker.bp-state-focused {
  outline: none;
  border-color: #77acd9 !important;
  box-shadow: 0 0 0 1px #77acd9; }

.dotvvm-bp-date-time-picker.bp-state-focused .bp-text-box {
  box-shadow: none;
  border-color: transparent !important; }

.dotvvm-bp-date-time-picker.bp-state-focused .bp-text-box:focus {
  outline: none;
  box-shadow: none;
  border-color: transparent !important; }

.dotvvm-bp-date-time-range-picker {
  max-width: 100%; }

.dotvvm-bp-date-time-range-picker.bp-state-focused {
  outline: none;
  border-color: #77acd9 !important;
  box-shadow: 0 0 0 1px #77acd9; }

.dotvvm-bp-date-time-range-picker .bp-text-box {
  text-align: center;
  border-color: transparent !important;
  width: 226.7px;
  margin-bottom: 0;
  width: 47%;
  /*& when (@input-width = "100%") {
            
            width: 47%;
        }*/ }

.dotvvm-bp-date-time-range-picker .bp-text-box:focus {
  outline: none;
  border-color: transparent !important;
  background-color: #c7ddef;
  box-shadow: none; }

.dotvvm-bp-date-time-range-picker .bp-separator {
  display: inline-block;
  text-align: center;
  color: #141414;
  padding: 8px 4px;
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

.dotvvm-bp-date-time-range-picker > .bp-input-group {
  padding-right: 22.8px; }

.dotvvm-bp-date-time-range-picker > .bp-input-group > a {
  width: 20.8px;
  right: 2px;
  text-align: center; }

.dotvvm-bp-date-time-range-picker.bp-popup {
  width: 240px;
  height: 220px; }

.dotvvm-bp-calendar {
  border: 1px solid #ddd;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  display: inline-block;
  background: #fff;
  text-align: left;
  vertical-align: top;
  margin-bottom: 2px;
  width: 240px;
  height: 220px; }

.dotvvm-bp-calendar .bp-calendar {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  box-sizing: border-box;
  background-color: #fff;
  font-size: 13px; }

.dotvvm-bp-calendar .bp-calendar thead {
  text-align: center;
  border-bottom: 1px solid #ddd; }

.dotvvm-bp-calendar .bp-calendar thead .bp-header {
  height: 25px; }

.dotvvm-bp-calendar .bp-calendar thead .bp-header th {
  padding: 0;
  overflow: hidden;
  text-align: center;
  border: none; }

.dotvvm-bp-calendar .bp-calendar thead .bp-header th * {
  color: black;
  text-decoration: none;
  padding: 500px;
  margin: -500px;
  white-space: nowrap; }

.dotvvm-bp-calendar .bp-calendar thead .bp-header th *:focus {
  outline: none; }

.dotvvm-bp-calendar .bp-calendar thead .bp-header th:not(.bp-state-empty-data):hover {
  background-color: #f5f5f5;
  border-radius: 4px;
  cursor: pointer; }

.dotvvm-bp-calendar .bp-calendar thead .bp-header th:not(.bp-state-empty-data):hover * {
  color: #141414; }

.dotvvm-bp-calendar .bp-calendar thead .bp-header th.bp-state-disabled * {
  color: #808080; }

.dotvvm-bp-calendar .bp-calendar thead .bp-header th.bp-state-disabled:hover {
  background-color: #fff; }

.dotvvm-bp-calendar .bp-calendar thead .bp-header th.bp-state-disabled:hover * {
  color: #808080; }

.dotvvm-bp-calendar .bp-calendar thead .bp-month {
  height: 25px;
  color: reddarken(#337ab7, 20%); }

.dotvvm-bp-calendar .bp-calendar thead .bp-month th {
  padding: 0;
  border: none; }

.dotvvm-bp-calendar .bp-calendar tbody tr td {
  text-align: center;
  overflow: hidden;
  border-radius: 4px;
  border: none; }

.dotvvm-bp-calendar .bp-calendar tbody tr td * {
  text-decoration: none;
  color: #141414;
  font-weight: 600;
  padding: 500px;
  margin: -500px;
  white-space: nowrap; }

.dotvvm-bp-calendar .bp-calendar tbody tr td *:focus {
  outline: none; }

.dotvvm-bp-calendar .bp-calendar tbody tr td:hover {
  background-color: #f5f5f5; }

.dotvvm-bp-calendar .bp-calendar tbody tr td:hover * {
  color: #141414; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.double-line a span {
  padding: 0;
  margin: 0; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.double-line a span:first-child {
  padding: 0;
  display: inline-block; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.double-line a span:last-child {
  display: inline-block;
  font-size: 60%;
  padding: 0;
  vertical-align: top;
  padding-top: 1px; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.double-line.bp-state-selection-end a:hover span {
  color: #fff; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-active {
  background-color: #337ab7; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-active * {
  color: #fff; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-active:hover {
  cursor: pointer; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-active.bp-weekend {
  background-color: #337ab7 !important; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-active.bp-weekend * {
  color: #fff !important; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-selection-start {
  position: relative;
  background-color: #337ab7;
  border-radius: 4px 0 0 4px; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-selection-start * {
  position: relative;
  color: #fff;
  z-index: 1; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-selection-start:hover {
  cursor: pointer; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-selection-start:before {
  content: '•';
  color: #fff;
  position: absolute;
  left: 2px;
  top: -4px;
  z-index: 0; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-selection-start.bp-weekend {
  background-color: #337ab7; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-selection-start.bp-weekend * {
  color: #fff; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-selection-start.bp-weekend:hover {
  background-color: #337ab7; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-selection-start.bp-weekend:hover * {
  color: #fff; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-selection-start.bp-other-month {
  background-color: #337ab7; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-selection-start.bp-other-month * {
  color: #fff; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-selection-start.bp-other-month:hover {
  background-color: #337ab7; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-selection-start.bp-other-month:hover * {
  color: #fff; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-selection-start.bp-state-selection-end {
  border-radius: 4px; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-selected {
  background-color: #9fc4e4;
  border-radius: 0; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-selected * {
  color: #fff; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-selected:hover {
  cursor: pointer;
  background-color: #f5f5f5; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-selected:hover * {
  color: #141414; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-selected.bp-weekend {
  background-color: #9fc4e4; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-selected.bp-weekend * {
  color: #fff; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-selected.bp-other-month {
  background-color: #9fc4e4; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-selected.bp-other-month * {
  color: #fff; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-selection-end {
  position: relative;
  background-color: #337ab7;
  border-radius: 0 4px 4px 0; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-selection-end * {
  position: relative;
  color: #fff;
  z-index: 1; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-selection-end:after {
  content: '•';
  color: #fff;
  position: absolute;
  right: 2px;
  bottom: -3px;
  z-index: 0; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-selection-end.bp-weekend {
  background-color: #337ab7; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-selection-end.bp-weekend * {
  color: #fff; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-selection-end.bp-weekend:hover {
  background-color: #337ab7; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-selection-end.bp-weekend:hover * {
  color: #fff; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-selection-end.bp-other-month {
  background-color: #337ab7; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-selection-end.bp-other-month * {
  color: #fff; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-selection-end.bp-other-month:hover {
  background-color: #337ab7; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-selection-end.bp-other-month:hover * {
  color: #fff; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-other-month * {
  color: #7a7a7a; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-other-month.bp-state-active * {
  color: #fff; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-other-month:hover {
  background-color: #f5f5f5; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-other-month:hover * {
  color: #141414; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-weekend {
  background-color: #fff; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-weekend:hover {
  background-color: #f5f5f5; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-weekend:hover * {
  color: #141414; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-disabled {
  background-color: #FF0000;
  border-radius: 0; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-disabled * {
  color: #7a7a7a; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-disabled:hover {
  background-color: #FF0000; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-disabled:hover * {
  color: #7a7a7a; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-disabled.bp-state-selection-end {
  background-color: #ec4646 !important; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-disabled.bp-state-selection-end * {
  color: #fff; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-disabled.bp-state-selected {
  background-color: #f17474 !important; }

.dotvvm-bp-calendar .bp-calendar tbody tr td.bp-state-disabled.bp-state-selected * {
  color: #fff; }

.dotvvm-bp-calendar .bp-calendar tbody tr td[data-possible-end-date="false"].bp-state-selected {
  background-color: #f17474 !important; }

.dotvvm-bp-calendar .bp-calendar tbody tr td[data-possible-end-date="false"].bp-state-selected.bp-state-partially-disabled {
  background-color: #ec4646 !important; }

.dotvvm-bp-calendar .bp-calendar tbody tr td[data-possible-end-date="false"].bp-state-selected.bp-state-disabled {
  background-color: #ec4646 !important; }

.dotvvm-bp-calendar .bp-calendar tbody tr td[data-possible-end-date="false"].bp-state-selection-end {
  background-color: #ec4646 !important; }

.dotvvm-bp-calendar.bp-state-disabled .bp-calendar thead tr th {
  background-color: #eee; }

.dotvvm-bp-calendar.bp-state-disabled .bp-calendar thead .bp-header th > * {
  color: #808080;
  cursor: default; }

.dotvvm-bp-calendar.bp-state-disabled .bp-calendar thead .bp-header th:hover {
  background-color: #eee;
  cursor: default; }

.dotvvm-bp-calendar.bp-state-disabled .bp-calendar thead .bp-month th span {
  color: #808080; }

.dotvvm-bp-calendar.bp-state-disabled .bp-calendar tbody tr td {
  background-color: #eee !important; }

.dotvvm-bp-calendar.bp-state-disabled .bp-calendar tbody tr td.bp-state-selection-end {
  background-color: #a2a2a2 !important;
  border-radius: 0 4px 4px 0; }

.dotvvm-bp-calendar.bp-state-disabled .bp-calendar tbody tr td.bp-state-selection-start {
  background-color: #a2a2a2 !important;
  border-radius: 4px 0 0 4px; }

.dotvvm-bp-calendar.bp-state-disabled .bp-calendar tbody tr td.bp-state-selected {
  background-color: #c8c8c8 !important; }

.dotvvm-bp-calendar.bp-state-disabled .bp-calendar tbody tr td.bp-state-active {
  background-color: #a2a2a2 !important;
  border-radius: 4px; }

.dotvvm-bp-calendar.bp-state-disabled .bp-calendar tbody tr td.bp-state-active > * {
  color: #fff; }

.dotvvm-bp-calendar > .bp-calendar-main {
  display: inline-block;
  vertical-align: top;
  width: 240px;
  height: 220px; }

.dotvvm-bp-calendar > .bp-calendar-side {
  vertical-align: top;
  border-left: 1px solid #ddd;
  float: right;
  width: 240px;
  height: 220px; }

.dotvvm-bp-calendar .bp-calendar-side-upper-row {
  line-height: 23.4px; }

.dotvvm-bp-calendar .bp-calendar-side-upper-row a,
.dotvvm-bp-calendar .bp-calendar-side-upper-row span {
  color: #337ab7;
  text-decoration: none;
  font-weight: normal; }

.dotvvm-bp-calendar .bp-calendar-side-upper-row > .bp-state-active a,
.dotvvm-bp-calendar .bp-calendar-side-upper-row > .bp-state-active span {
  font-weight: bold; }

.dotvvm-bp-calendar .bp-calendar-side-upper-row > .bp-calendar-selector-start {
  display: inline-block;
  padding: 0 0 0 3px;
  border: 1px solid transparent; }

.dotvvm-bp-calendar .bp-calendar-side-upper-row > .bp-calendar-selector-end {
  display: inline-block;
  padding: 0 3px 0 0;
  float: right;
  border: 1px solid transparent; }

.dotvvm-bp-calendar .bp-calendar-side-upper-row {
  text-align: center;
  border: 1px solid transparent; }

.dotvvm-bp-calendar .bp-calendar-side-upper-row span {
  font-weight: bold; }

.dotvvm-bp-date-time-picker {
  border: 1px solid #ddd;
  border-radius: 4px;
  position: relative;
  display: inline-block;
  background: #fff;
  text-align: left;
  vertical-align: top;
  margin-bottom: 2px;
  height: 37px; }

.dotvvm-bp-date-time-picker > .bp-input-group {
  height: 100%; }

.dotvvm-bp-date-time-picker > .bp-input-group > a {
  outline: none;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%); }

.dotvvm-bp-date-time-picker > .bp-input-group .bp-icon {
  width: 20.8px;
  font-size: 13px;
  color: #337ab7;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-date-time-picker > .bp-input-group .bp-icon:hover {
  color: #1d4567;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-date-time-picker > .bp-input-group .bp-text-box {
  height: 100%; }

.dotvvm-bp-date-time-picker > .dotvvm-bp-date-time-picker,
.dotvvm-bp-date-time-picker > .dotvvm-bp-date-time-picker-range {
  border: none; }

.dotvvm-bp-date-time-picker .bp-popup {
  position: fixed;
  margin-top: 3px;
  margin-bottom: 3px;
  border: 1px solid #ddd;
  border-radius: 4px; }

.dotvvm-bp-date-time-picker .bp-popup:focus {
  outline: none; }

.dotvvm-bp-date-time-picker.bp-state-disabled .bp-input-group .bp-text-box {
  color: #808080; }

.dotvvm-bp-date-time-picker.bp-state-disabled.bp-state-focused {
  border-color: inherit !important;
  box-shadow: none; }

.dotvvm-bp-date-time-picker.bp-state-error.bp-state-focused {
  border-color: #ec4646 !important; }

@media only screen and (max-width: 480px) {
  .dotvvm-bp-date-time-picker {
    height: 100%;
    width: 100%; }
  .dotvvm-bp-date-time-picker > .bp-input-group {
    position: relative;
    padding-right: 25.6px; }
  .dotvvm-bp-date-time-picker > .bp-input-group .bp-text-box {
    display: block;
    width: 100%; }
  .dotvvm-bp-date-time-picker > .bp-input-group .bp-separator {
    display: none; } }

.dotvvm-bp-date-time-picker .bp-calendar {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  box-sizing: border-box;
  background-color: #fff;
  font-size: 13px; }

.dotvvm-bp-date-time-picker .bp-calendar thead {
  text-align: center;
  border-bottom: 1px solid #ddd; }

.dotvvm-bp-date-time-picker .bp-calendar thead .bp-header {
  height: 25px; }

.dotvvm-bp-date-time-picker .bp-calendar thead .bp-header th {
  padding: 0;
  overflow: hidden;
  text-align: center;
  border: none; }

.dotvvm-bp-date-time-picker .bp-calendar thead .bp-header th * {
  color: black;
  text-decoration: none;
  padding: 500px;
  margin: -500px;
  white-space: nowrap; }

.dotvvm-bp-date-time-picker .bp-calendar thead .bp-header th *:focus {
  outline: none; }

.dotvvm-bp-date-time-picker .bp-calendar thead .bp-header th:not(.bp-state-empty-data):hover {
  background-color: #f5f5f5;
  border-radius: 4px;
  cursor: pointer; }

.dotvvm-bp-date-time-picker .bp-calendar thead .bp-header th:not(.bp-state-empty-data):hover * {
  color: #141414; }

.dotvvm-bp-date-time-picker .bp-calendar thead .bp-header th.bp-state-disabled * {
  color: #808080; }

.dotvvm-bp-date-time-picker .bp-calendar thead .bp-header th.bp-state-disabled:hover {
  background-color: #fff; }

.dotvvm-bp-date-time-picker .bp-calendar thead .bp-header th.bp-state-disabled:hover * {
  color: #808080; }

.dotvvm-bp-date-time-picker .bp-calendar thead .bp-month {
  height: 25px;
  color: reddarken(#337ab7, 20%); }

.dotvvm-bp-date-time-picker .bp-calendar thead .bp-month th {
  padding: 0;
  border: none; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td {
  text-align: center;
  overflow: hidden;
  border-radius: 4px;
  border: none; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td * {
  text-decoration: none;
  color: #141414;
  font-weight: 600;
  padding: 500px;
  margin: -500px;
  white-space: nowrap; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td *:focus {
  outline: none; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td:hover {
  background-color: #f5f5f5; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td:hover * {
  color: #141414; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.double-line a span {
  padding: 0;
  margin: 0; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.double-line a span:first-child {
  padding: 0;
  display: inline-block; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.double-line a span:last-child {
  display: inline-block;
  font-size: 60%;
  padding: 0;
  vertical-align: top;
  padding-top: 1px; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.double-line.bp-state-selection-end a:hover span {
  color: #fff; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-active {
  background-color: #337ab7; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-active * {
  color: #fff; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-active:hover {
  cursor: pointer; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-active.bp-weekend {
  background-color: #337ab7 !important; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-active.bp-weekend * {
  color: #fff !important; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-selection-start {
  position: relative;
  background-color: #337ab7;
  border-radius: 4px 0 0 4px; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-selection-start * {
  position: relative;
  color: #fff;
  z-index: 1; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-selection-start:hover {
  cursor: pointer; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-selection-start:before {
  content: '•';
  color: #fff;
  position: absolute;
  left: 2px;
  top: -4px;
  z-index: 0; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-selection-start.bp-weekend {
  background-color: #337ab7; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-selection-start.bp-weekend * {
  color: #fff; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-selection-start.bp-weekend:hover {
  background-color: #337ab7; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-selection-start.bp-weekend:hover * {
  color: #fff; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-selection-start.bp-other-month {
  background-color: #337ab7; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-selection-start.bp-other-month * {
  color: #fff; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-selection-start.bp-other-month:hover {
  background-color: #337ab7; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-selection-start.bp-other-month:hover * {
  color: #fff; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-selection-start.bp-state-selection-end {
  border-radius: 4px; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-selected {
  background-color: #9fc4e4;
  border-radius: 0; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-selected * {
  color: #fff; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-selected:hover {
  cursor: pointer;
  background-color: #f5f5f5; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-selected:hover * {
  color: #141414; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-selected.bp-weekend {
  background-color: #9fc4e4; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-selected.bp-weekend * {
  color: #fff; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-selected.bp-other-month {
  background-color: #9fc4e4; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-selected.bp-other-month * {
  color: #fff; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-selection-end {
  position: relative;
  background-color: #337ab7;
  border-radius: 0 4px 4px 0; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-selection-end * {
  position: relative;
  color: #fff;
  z-index: 1; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-selection-end:after {
  content: '•';
  color: #fff;
  position: absolute;
  right: 2px;
  bottom: -3px;
  z-index: 0; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-selection-end.bp-weekend {
  background-color: #337ab7; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-selection-end.bp-weekend * {
  color: #fff; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-selection-end.bp-weekend:hover {
  background-color: #337ab7; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-selection-end.bp-weekend:hover * {
  color: #fff; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-selection-end.bp-other-month {
  background-color: #337ab7; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-selection-end.bp-other-month * {
  color: #fff; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-selection-end.bp-other-month:hover {
  background-color: #337ab7; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-selection-end.bp-other-month:hover * {
  color: #fff; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-other-month * {
  color: #7a7a7a; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-other-month.bp-state-active * {
  color: #fff; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-other-month:hover {
  background-color: #f5f5f5; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-other-month:hover * {
  color: #141414; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-weekend {
  background-color: #fff; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-weekend:hover {
  background-color: #f5f5f5; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-weekend:hover * {
  color: #141414; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-disabled {
  background-color: #FF0000;
  border-radius: 0; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-disabled * {
  color: #7a7a7a; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-disabled:hover {
  background-color: #FF0000; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-disabled:hover * {
  color: #7a7a7a; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-disabled.bp-state-selection-end {
  background-color: #ec4646 !important; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-disabled.bp-state-selection-end * {
  color: #fff; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-disabled.bp-state-selected {
  background-color: #f17474 !important; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td.bp-state-disabled.bp-state-selected * {
  color: #fff; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td[data-possible-end-date="false"].bp-state-selected {
  background-color: #f17474 !important; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td[data-possible-end-date="false"].bp-state-selected.bp-state-partially-disabled {
  background-color: #ec4646 !important; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td[data-possible-end-date="false"].bp-state-selected.bp-state-disabled {
  background-color: #ec4646 !important; }

.dotvvm-bp-date-time-picker .bp-calendar tbody tr td[data-possible-end-date="false"].bp-state-selection-end {
  background-color: #ec4646 !important; }

.dotvvm-bp-date-time-picker.bp-state-disabled .bp-calendar thead tr th {
  background-color: #eee; }

.dotvvm-bp-date-time-picker.bp-state-disabled .bp-calendar thead .bp-header th > * {
  color: #808080;
  cursor: default; }

.dotvvm-bp-date-time-picker.bp-state-disabled .bp-calendar thead .bp-header th:hover {
  background-color: #eee;
  cursor: default; }

.dotvvm-bp-date-time-picker.bp-state-disabled .bp-calendar thead .bp-month th span {
  color: #808080; }

.dotvvm-bp-date-time-picker.bp-state-disabled .bp-calendar tbody tr td {
  background-color: #eee !important; }

.dotvvm-bp-date-time-picker.bp-state-disabled .bp-calendar tbody tr td.bp-state-selection-end {
  background-color: #a2a2a2 !important;
  border-radius: 0 4px 4px 0; }

.dotvvm-bp-date-time-picker.bp-state-disabled .bp-calendar tbody tr td.bp-state-selection-start {
  background-color: #a2a2a2 !important;
  border-radius: 4px 0 0 4px; }

.dotvvm-bp-date-time-picker.bp-state-disabled .bp-calendar tbody tr td.bp-state-selected {
  background-color: #c8c8c8 !important; }

.dotvvm-bp-date-time-picker.bp-state-disabled .bp-calendar tbody tr td.bp-state-active {
  background-color: #a2a2a2 !important;
  border-radius: 4px; }

.dotvvm-bp-date-time-picker.bp-state-disabled .bp-calendar tbody tr td.bp-state-active > * {
  color: #fff; }

.dotvvm-bp-date-time-picker > .bp-calendar-main {
  display: inline-block;
  vertical-align: top;
  width: 240px;
  height: 220px; }

.dotvvm-bp-date-time-picker > .bp-calendar-side {
  vertical-align: top;
  border-left: 1px solid #ddd;
  float: right;
  width: 240px;
  height: 220px; }

.dotvvm-bp-date-time-picker .bp-calendar-side-upper-row {
  line-height: 23.4px; }

.dotvvm-bp-date-time-picker .bp-calendar-side-upper-row a,
.dotvvm-bp-date-time-picker .bp-calendar-side-upper-row span {
  color: #337ab7;
  text-decoration: none;
  font-weight: normal; }

.dotvvm-bp-date-time-picker .bp-calendar-side-upper-row > .bp-state-active a,
.dotvvm-bp-date-time-picker .bp-calendar-side-upper-row > .bp-state-active span {
  font-weight: bold; }

.dotvvm-bp-date-time-picker .bp-calendar-side-upper-row > .bp-calendar-selector-start {
  display: inline-block;
  padding: 0 0 0 3px;
  border: 1px solid transparent; }

.dotvvm-bp-date-time-picker .bp-calendar-side-upper-row > .bp-calendar-selector-end {
  display: inline-block;
  padding: 0 3px 0 0;
  float: right;
  border: 1px solid transparent; }

.dotvvm-bp-date-time-picker .bp-calendar-side-upper-row {
  text-align: center;
  border: 1px solid transparent; }

.dotvvm-bp-date-time-picker .bp-calendar-side-upper-row span {
  font-weight: bold; }

.dotvvm-bp-range-calendar {
  border: 1px solid #ddd;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  display: inline-block;
  background: #fff;
  text-align: left;
  vertical-align: top;
  margin-bottom: 2px;
  width: 240px;
  height: 220px; }

.dotvvm-bp-range-calendar .bp-calendar {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  box-sizing: border-box;
  background-color: #fff;
  font-size: 13px; }

.dotvvm-bp-range-calendar .bp-calendar thead {
  text-align: center;
  border-bottom: 1px solid #ddd; }

.dotvvm-bp-range-calendar .bp-calendar thead .bp-header {
  height: 25px; }

.dotvvm-bp-range-calendar .bp-calendar thead .bp-header th {
  padding: 0;
  overflow: hidden;
  text-align: center;
  border: none; }

.dotvvm-bp-range-calendar .bp-calendar thead .bp-header th * {
  color: black;
  text-decoration: none;
  padding: 500px;
  margin: -500px;
  white-space: nowrap; }

.dotvvm-bp-range-calendar .bp-calendar thead .bp-header th *:focus {
  outline: none; }

.dotvvm-bp-range-calendar .bp-calendar thead .bp-header th:not(.bp-state-empty-data):hover {
  background-color: #f5f5f5;
  border-radius: 4px;
  cursor: pointer; }

.dotvvm-bp-range-calendar .bp-calendar thead .bp-header th:not(.bp-state-empty-data):hover * {
  color: #141414; }

.dotvvm-bp-range-calendar .bp-calendar thead .bp-header th.bp-state-disabled * {
  color: #808080; }

.dotvvm-bp-range-calendar .bp-calendar thead .bp-header th.bp-state-disabled:hover {
  background-color: #fff; }

.dotvvm-bp-range-calendar .bp-calendar thead .bp-header th.bp-state-disabled:hover * {
  color: #808080; }

.dotvvm-bp-range-calendar .bp-calendar thead .bp-month {
  height: 25px;
  color: reddarken(#337ab7, 20%); }

.dotvvm-bp-range-calendar .bp-calendar thead .bp-month th {
  padding: 0;
  border: none; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td {
  text-align: center;
  overflow: hidden;
  border-radius: 4px;
  border: none; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td * {
  text-decoration: none;
  color: #141414;
  font-weight: 600;
  padding: 500px;
  margin: -500px;
  white-space: nowrap; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td *:focus {
  outline: none; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td:hover {
  background-color: #f5f5f5; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td:hover * {
  color: #141414; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.double-line a span {
  padding: 0;
  margin: 0; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.double-line a span:first-child {
  padding: 0;
  display: inline-block; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.double-line a span:last-child {
  display: inline-block;
  font-size: 60%;
  padding: 0;
  vertical-align: top;
  padding-top: 1px; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.double-line.bp-state-selection-end a:hover span {
  color: #fff; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-active {
  background-color: #337ab7; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-active * {
  color: #fff; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-active:hover {
  cursor: pointer; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-active.bp-weekend {
  background-color: #337ab7 !important; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-active.bp-weekend * {
  color: #fff !important; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-selection-start {
  position: relative;
  background-color: #337ab7;
  border-radius: 4px 0 0 4px; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-selection-start * {
  position: relative;
  color: #fff;
  z-index: 1; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-selection-start:hover {
  cursor: pointer; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-selection-start:before {
  content: '•';
  color: #fff;
  position: absolute;
  left: 2px;
  top: -4px;
  z-index: 0; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-selection-start.bp-weekend {
  background-color: #337ab7; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-selection-start.bp-weekend * {
  color: #fff; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-selection-start.bp-weekend:hover {
  background-color: #337ab7; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-selection-start.bp-weekend:hover * {
  color: #fff; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-selection-start.bp-other-month {
  background-color: #337ab7; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-selection-start.bp-other-month * {
  color: #fff; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-selection-start.bp-other-month:hover {
  background-color: #337ab7; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-selection-start.bp-other-month:hover * {
  color: #fff; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-selection-start.bp-state-selection-end {
  border-radius: 4px; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-selected {
  background-color: #9fc4e4;
  border-radius: 0; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-selected * {
  color: #fff; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-selected:hover {
  cursor: pointer;
  background-color: #f5f5f5; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-selected:hover * {
  color: #141414; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-selected.bp-weekend {
  background-color: #9fc4e4; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-selected.bp-weekend * {
  color: #fff; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-selected.bp-other-month {
  background-color: #9fc4e4; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-selected.bp-other-month * {
  color: #fff; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-selection-end {
  position: relative;
  background-color: #337ab7;
  border-radius: 0 4px 4px 0; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-selection-end * {
  position: relative;
  color: #fff;
  z-index: 1; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-selection-end:after {
  content: '•';
  color: #fff;
  position: absolute;
  right: 2px;
  bottom: -3px;
  z-index: 0; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-selection-end.bp-weekend {
  background-color: #337ab7; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-selection-end.bp-weekend * {
  color: #fff; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-selection-end.bp-weekend:hover {
  background-color: #337ab7; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-selection-end.bp-weekend:hover * {
  color: #fff; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-selection-end.bp-other-month {
  background-color: #337ab7; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-selection-end.bp-other-month * {
  color: #fff; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-selection-end.bp-other-month:hover {
  background-color: #337ab7; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-selection-end.bp-other-month:hover * {
  color: #fff; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-other-month * {
  color: #7a7a7a; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-other-month.bp-state-active * {
  color: #fff; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-other-month:hover {
  background-color: #f5f5f5; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-other-month:hover * {
  color: #141414; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-weekend {
  background-color: #fff; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-weekend:hover {
  background-color: #f5f5f5; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-weekend:hover * {
  color: #141414; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-disabled {
  background-color: #FF0000;
  border-radius: 0; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-disabled * {
  color: #7a7a7a; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-disabled:hover {
  background-color: #FF0000; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-disabled:hover * {
  color: #7a7a7a; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-disabled.bp-state-selection-end {
  background-color: #ec4646 !important; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-disabled.bp-state-selection-end * {
  color: #fff; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-disabled.bp-state-selected {
  background-color: #f17474 !important; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td.bp-state-disabled.bp-state-selected * {
  color: #fff; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td[data-possible-end-date="false"].bp-state-selected {
  background-color: #f17474 !important; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td[data-possible-end-date="false"].bp-state-selected.bp-state-partially-disabled {
  background-color: #ec4646 !important; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td[data-possible-end-date="false"].bp-state-selected.bp-state-disabled {
  background-color: #ec4646 !important; }

.dotvvm-bp-range-calendar .bp-calendar tbody tr td[data-possible-end-date="false"].bp-state-selection-end {
  background-color: #ec4646 !important; }

.dotvvm-bp-range-calendar.bp-state-disabled .bp-calendar thead tr th {
  background-color: #eee; }

.dotvvm-bp-range-calendar.bp-state-disabled .bp-calendar thead .bp-header th > * {
  color: #808080;
  cursor: default; }

.dotvvm-bp-range-calendar.bp-state-disabled .bp-calendar thead .bp-header th:hover {
  background-color: #eee;
  cursor: default; }

.dotvvm-bp-range-calendar.bp-state-disabled .bp-calendar thead .bp-month th span {
  color: #808080; }

.dotvvm-bp-range-calendar.bp-state-disabled .bp-calendar tbody tr td {
  background-color: #eee !important; }

.dotvvm-bp-range-calendar.bp-state-disabled .bp-calendar tbody tr td.bp-state-selection-end {
  background-color: #a2a2a2 !important;
  border-radius: 0 4px 4px 0; }

.dotvvm-bp-range-calendar.bp-state-disabled .bp-calendar tbody tr td.bp-state-selection-start {
  background-color: #a2a2a2 !important;
  border-radius: 4px 0 0 4px; }

.dotvvm-bp-range-calendar.bp-state-disabled .bp-calendar tbody tr td.bp-state-selected {
  background-color: #c8c8c8 !important; }

.dotvvm-bp-range-calendar.bp-state-disabled .bp-calendar tbody tr td.bp-state-active {
  background-color: #a2a2a2 !important;
  border-radius: 4px; }

.dotvvm-bp-range-calendar.bp-state-disabled .bp-calendar tbody tr td.bp-state-active > * {
  color: #fff; }

.dotvvm-bp-range-calendar > .bp-calendar-main {
  display: inline-block;
  vertical-align: top;
  width: 240px;
  height: 220px; }

.dotvvm-bp-range-calendar > .bp-calendar-side {
  vertical-align: top;
  border-left: 1px solid #ddd;
  float: right;
  width: 240px;
  height: 220px; }

.dotvvm-bp-range-calendar .bp-calendar-side-upper-row {
  line-height: 23.4px; }

.dotvvm-bp-range-calendar .bp-calendar-side-upper-row a,
.dotvvm-bp-range-calendar .bp-calendar-side-upper-row span {
  color: #337ab7;
  text-decoration: none;
  font-weight: normal; }

.dotvvm-bp-range-calendar .bp-calendar-side-upper-row > .bp-state-active a,
.dotvvm-bp-range-calendar .bp-calendar-side-upper-row > .bp-state-active span {
  font-weight: bold; }

.dotvvm-bp-range-calendar .bp-calendar-side-upper-row > .bp-calendar-selector-start {
  display: inline-block;
  padding: 0 0 0 3px;
  border: 1px solid transparent; }

.dotvvm-bp-range-calendar .bp-calendar-side-upper-row > .bp-calendar-selector-end {
  display: inline-block;
  padding: 0 3px 0 0;
  float: right;
  border: 1px solid transparent; }

.dotvvm-bp-date-time-range-picker {
  border: 1px solid #ddd;
  border-radius: 4px;
  position: relative;
  display: inline-block;
  background: #fff;
  text-align: left;
  vertical-align: top;
  margin-bottom: 2px;
  height: 37px; }

.dotvvm-bp-date-time-range-picker > .bp-input-group {
  height: 100%; }

.dotvvm-bp-date-time-range-picker > .bp-input-group > a {
  outline: none;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%); }

.dotvvm-bp-date-time-range-picker > .bp-input-group .bp-icon {
  width: 20.8px;
  font-size: 13px;
  color: #337ab7;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-date-time-range-picker > .bp-input-group .bp-icon:hover {
  color: #1d4567;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-date-time-range-picker > .bp-input-group .bp-text-box {
  height: 100%; }

.dotvvm-bp-date-time-range-picker > .dotvvm-bp-date-time-picker,
.dotvvm-bp-date-time-range-picker > .dotvvm-bp-date-time-picker-range {
  border: none; }

.dotvvm-bp-date-time-range-picker .bp-popup {
  position: fixed;
  margin-top: 3px;
  margin-bottom: 3px;
  border: 1px solid #ddd;
  border-radius: 4px; }

.dotvvm-bp-date-time-range-picker .bp-popup:focus {
  outline: none; }

.dotvvm-bp-date-time-range-picker.bp-state-disabled .bp-input-group .bp-text-box {
  color: #808080; }

.dotvvm-bp-date-time-range-picker.bp-state-disabled.bp-state-focused {
  border-color: inherit !important;
  box-shadow: none; }

.dotvvm-bp-date-time-range-picker.bp-state-error.bp-state-focused {
  border-color: #ec4646 !important; }

@media only screen and (max-width: 480px) {
  .dotvvm-bp-date-time-range-picker {
    height: 100%;
    width: 100%; }
  .dotvvm-bp-date-time-range-picker > .bp-input-group {
    position: relative;
    padding-right: 25.6px; }
  .dotvvm-bp-date-time-range-picker > .bp-input-group .bp-text-box {
    display: block;
    width: 100%; }
  .dotvvm-bp-date-time-range-picker > .bp-input-group .bp-separator {
    display: none; } }

.dotvvm-bp-date-time-range-picker .bp-calendar {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  box-sizing: border-box;
  background-color: #fff;
  font-size: 13px; }

.dotvvm-bp-date-time-range-picker .bp-calendar thead {
  text-align: center;
  border-bottom: 1px solid #ddd; }

.dotvvm-bp-date-time-range-picker .bp-calendar thead .bp-header {
  height: 25px; }

.dotvvm-bp-date-time-range-picker .bp-calendar thead .bp-header th {
  padding: 0;
  overflow: hidden;
  text-align: center;
  border: none; }

.dotvvm-bp-date-time-range-picker .bp-calendar thead .bp-header th * {
  color: black;
  text-decoration: none;
  padding: 500px;
  margin: -500px;
  white-space: nowrap; }

.dotvvm-bp-date-time-range-picker .bp-calendar thead .bp-header th *:focus {
  outline: none; }

.dotvvm-bp-date-time-range-picker .bp-calendar thead .bp-header th:not(.bp-state-empty-data):hover {
  background-color: #f5f5f5;
  border-radius: 4px;
  cursor: pointer; }

.dotvvm-bp-date-time-range-picker .bp-calendar thead .bp-header th:not(.bp-state-empty-data):hover * {
  color: #141414; }

.dotvvm-bp-date-time-range-picker .bp-calendar thead .bp-header th.bp-state-disabled * {
  color: #808080; }

.dotvvm-bp-date-time-range-picker .bp-calendar thead .bp-header th.bp-state-disabled:hover {
  background-color: #fff; }

.dotvvm-bp-date-time-range-picker .bp-calendar thead .bp-header th.bp-state-disabled:hover * {
  color: #808080; }

.dotvvm-bp-date-time-range-picker .bp-calendar thead .bp-month {
  height: 25px;
  color: reddarken(#337ab7, 20%); }

.dotvvm-bp-date-time-range-picker .bp-calendar thead .bp-month th {
  padding: 0;
  border: none; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td {
  text-align: center;
  overflow: hidden;
  border-radius: 4px;
  border: none; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td * {
  text-decoration: none;
  color: #141414;
  font-weight: 600;
  padding: 500px;
  margin: -500px;
  white-space: nowrap; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td *:focus {
  outline: none; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td:hover {
  background-color: #f5f5f5; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td:hover * {
  color: #141414; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.double-line a span {
  padding: 0;
  margin: 0; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.double-line a span:first-child {
  padding: 0;
  display: inline-block; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.double-line a span:last-child {
  display: inline-block;
  font-size: 60%;
  padding: 0;
  vertical-align: top;
  padding-top: 1px; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.double-line.bp-state-selection-end a:hover span {
  color: #fff; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-active {
  background-color: #337ab7; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-active * {
  color: #fff; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-active:hover {
  cursor: pointer; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-active.bp-weekend {
  background-color: #337ab7 !important; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-active.bp-weekend * {
  color: #fff !important; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-selection-start {
  position: relative;
  background-color: #337ab7;
  border-radius: 4px 0 0 4px; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-selection-start * {
  position: relative;
  color: #fff;
  z-index: 1; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-selection-start:hover {
  cursor: pointer; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-selection-start:before {
  content: '•';
  color: #fff;
  position: absolute;
  left: 2px;
  top: -4px;
  z-index: 0; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-selection-start.bp-weekend {
  background-color: #337ab7; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-selection-start.bp-weekend * {
  color: #fff; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-selection-start.bp-weekend:hover {
  background-color: #337ab7; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-selection-start.bp-weekend:hover * {
  color: #fff; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-selection-start.bp-other-month {
  background-color: #337ab7; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-selection-start.bp-other-month * {
  color: #fff; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-selection-start.bp-other-month:hover {
  background-color: #337ab7; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-selection-start.bp-other-month:hover * {
  color: #fff; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-selection-start.bp-state-selection-end {
  border-radius: 4px; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-selected {
  background-color: #9fc4e4;
  border-radius: 0; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-selected * {
  color: #fff; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-selected:hover {
  cursor: pointer;
  background-color: #f5f5f5; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-selected:hover * {
  color: #141414; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-selected.bp-weekend {
  background-color: #9fc4e4; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-selected.bp-weekend * {
  color: #fff; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-selected.bp-other-month {
  background-color: #9fc4e4; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-selected.bp-other-month * {
  color: #fff; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-selection-end {
  position: relative;
  background-color: #337ab7;
  border-radius: 0 4px 4px 0; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-selection-end * {
  position: relative;
  color: #fff;
  z-index: 1; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-selection-end:after {
  content: '•';
  color: #fff;
  position: absolute;
  right: 2px;
  bottom: -3px;
  z-index: 0; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-selection-end.bp-weekend {
  background-color: #337ab7; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-selection-end.bp-weekend * {
  color: #fff; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-selection-end.bp-weekend:hover {
  background-color: #337ab7; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-selection-end.bp-weekend:hover * {
  color: #fff; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-selection-end.bp-other-month {
  background-color: #337ab7; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-selection-end.bp-other-month * {
  color: #fff; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-selection-end.bp-other-month:hover {
  background-color: #337ab7; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-selection-end.bp-other-month:hover * {
  color: #fff; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-other-month * {
  color: #7a7a7a; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-other-month.bp-state-active * {
  color: #fff; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-other-month:hover {
  background-color: #f5f5f5; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-other-month:hover * {
  color: #141414; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-weekend {
  background-color: #fff; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-weekend:hover {
  background-color: #f5f5f5; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-weekend:hover * {
  color: #141414; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-disabled {
  background-color: #FF0000;
  border-radius: 0; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-disabled * {
  color: #7a7a7a; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-disabled:hover {
  background-color: #FF0000; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-disabled:hover * {
  color: #7a7a7a; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-disabled.bp-state-selection-end {
  background-color: #ec4646 !important; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-disabled.bp-state-selection-end * {
  color: #fff; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-disabled.bp-state-selected {
  background-color: #f17474 !important; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td.bp-state-disabled.bp-state-selected * {
  color: #fff; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td[data-possible-end-date="false"].bp-state-selected {
  background-color: #f17474 !important; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td[data-possible-end-date="false"].bp-state-selected.bp-state-partially-disabled {
  background-color: #ec4646 !important; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td[data-possible-end-date="false"].bp-state-selected.bp-state-disabled {
  background-color: #ec4646 !important; }

.dotvvm-bp-date-time-range-picker .bp-calendar tbody tr td[data-possible-end-date="false"].bp-state-selection-end {
  background-color: #ec4646 !important; }

.dotvvm-bp-date-time-range-picker.bp-state-disabled .bp-calendar thead tr th {
  background-color: #eee; }

.dotvvm-bp-date-time-range-picker.bp-state-disabled .bp-calendar thead .bp-header th > * {
  color: #808080;
  cursor: default; }

.dotvvm-bp-date-time-range-picker.bp-state-disabled .bp-calendar thead .bp-header th:hover {
  background-color: #eee;
  cursor: default; }

.dotvvm-bp-date-time-range-picker.bp-state-disabled .bp-calendar thead .bp-month th span {
  color: #808080; }

.dotvvm-bp-date-time-range-picker.bp-state-disabled .bp-calendar tbody tr td {
  background-color: #eee !important; }

.dotvvm-bp-date-time-range-picker.bp-state-disabled .bp-calendar tbody tr td.bp-state-selection-end {
  background-color: #a2a2a2 !important;
  border-radius: 0 4px 4px 0; }

.dotvvm-bp-date-time-range-picker.bp-state-disabled .bp-calendar tbody tr td.bp-state-selection-start {
  background-color: #a2a2a2 !important;
  border-radius: 4px 0 0 4px; }

.dotvvm-bp-date-time-range-picker.bp-state-disabled .bp-calendar tbody tr td.bp-state-selected {
  background-color: #c8c8c8 !important; }

.dotvvm-bp-date-time-range-picker.bp-state-disabled .bp-calendar tbody tr td.bp-state-active {
  background-color: #a2a2a2 !important;
  border-radius: 4px; }

.dotvvm-bp-date-time-range-picker.bp-state-disabled .bp-calendar tbody tr td.bp-state-active > * {
  color: #fff; }

.dotvvm-bp-date-time-range-picker.bp-state-disabled .bp-calendar thead tr th {
  background-color: #eee; }

.dotvvm-bp-date-time-range-picker.bp-state-disabled .bp-calendar thead .bp-header th > * {
  color: #808080;
  cursor: default; }

.dotvvm-bp-date-time-range-picker.bp-state-disabled .bp-calendar thead .bp-header th:hover {
  background-color: #eee;
  cursor: default; }

.dotvvm-bp-date-time-range-picker.bp-state-disabled .bp-calendar thead .bp-month th span {
  color: #808080; }

.dotvvm-bp-date-time-range-picker.bp-state-disabled .bp-calendar tbody tr td {
  background-color: #eee !important; }

.dotvvm-bp-date-time-range-picker.bp-state-disabled .bp-calendar tbody tr td.bp-state-selection-end {
  background-color: #a2a2a2 !important;
  border-radius: 0 4px 4px 0; }

.dotvvm-bp-date-time-range-picker.bp-state-disabled .bp-calendar tbody tr td.bp-state-selection-start {
  background-color: #a2a2a2 !important;
  border-radius: 4px 0 0 4px; }

.dotvvm-bp-date-time-range-picker.bp-state-disabled .bp-calendar tbody tr td.bp-state-selected {
  background-color: #c8c8c8 !important; }

.dotvvm-bp-date-time-range-picker.bp-state-disabled .bp-calendar tbody tr td.bp-state-active {
  background-color: #a2a2a2 !important;
  border-radius: 4px; }

.dotvvm-bp-date-time-range-picker.bp-state-disabled .bp-calendar tbody tr td.bp-state-active > * {
  color: #fff; }

.dotvvm-bp-date-time-range-picker > .bp-calendar-main {
  display: inline-block;
  vertical-align: top;
  width: 240px;
  height: 220px; }

.dotvvm-bp-date-time-range-picker > .bp-calendar-side {
  vertical-align: top;
  border-left: 1px solid #ddd;
  float: right;
  width: 240px;
  height: 220px; }

.dotvvm-bp-date-time-range-picker .bp-calendar-side-upper-row {
  line-height: 23.4px; }

.dotvvm-bp-date-time-range-picker .bp-calendar-side-upper-row a,
.dotvvm-bp-date-time-range-picker .bp-calendar-side-upper-row span {
  color: #337ab7;
  text-decoration: none;
  font-weight: normal; }

.dotvvm-bp-date-time-range-picker .bp-calendar-side-upper-row > .bp-state-active a,
.dotvvm-bp-date-time-range-picker .bp-calendar-side-upper-row > .bp-state-active span {
  font-weight: bold; }

.dotvvm-bp-date-time-range-picker .bp-calendar-side-upper-row > .bp-calendar-selector-start {
  display: inline-block;
  padding: 0 0 0 3px;
  border: 1px solid transparent; }

.dotvvm-bp-date-time-range-picker .bp-calendar-side-upper-row > .bp-calendar-selector-end {
  display: inline-block;
  padding: 0 3px 0 0;
  float: right;
  border: 1px solid transparent; }

body.dragging,
body.dragging * {
  cursor: move !important; }

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000; }

.dotvvm-bp-draggable-list {
  border: 1px solid #ddd;
  border-radius: 4px;
  min-height: 10px;
  padding: 0 3px; }

.dotvvm-bp-draggable-list .bp-item {
  border: 1px solid #337ab7;
  border-radius: 4px;
  margin: 3px 1px;
  padding: 7px; }

.dotvvm-bp-draggable-list .bp-draggable-list-indicator {
  border: 1px solid #337ab7;
  border-radius: 4px;
  height: 8px; }

.bp-icon {
  color: #141414; }

.dotvvm-bp-file-upload {
  width: 250px;
  display: inline-block;
  position: relative;
  padding: 5px 2px;
  border: 1px dashed #ddd;
  text-align: left;
  border-radius: 0px;
  background: #fff; }

.dotvvm-bp-file-upload input[type=file] {
  display: none; }

.dotvvm-bp-file-upload.bp-state-disabled .bp-button {
  cursor: default;
  background: #eee;
  border-color: #4d4d4d; }

.dotvvm-bp-file-upload.bp-state-disabled .bp-button:hover {
  background: #eee;
  border-color: #4d4d4d; }

.dotvvm-bp-file-upload.bp-state-dragover {
  border: 1px solid #ddd; }

.dotvvm-bp-file-upload.bp-state-dragover {
  background-color: red;
  transition: background-color 0.3s; }

.dotvvm-bp-file-upload > .bp-drop-zone {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999; }

.dotvvm-bp-file-upload > div {
  text-align: left; }

.dotvvm-bp-file-upload > div > .bp-button {
  display: inline-block;
  color: #141414;
  padding: 6px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  outline: none;
  background: #E0E0E0;
  background-image: none;
  background-image: -webkit-linear-gradient(top, #ffffff 2%, #E0E0E0 98%);
  background-image: linear-gradient(to bottom, #ffffff 2%, #E0E0E0 98%); }

.dotvvm-bp-file-upload > div > .bp-button:hover {
  background: #ffffff;
  background-image: -webkit-linear-gradient(top, #E0E0E0 2%, #ffffff 98%);
  background-image: linear-gradient(to bottom, #E0E0E0 2%, #ffffff 98%); }

.dotvvm-bp-file-upload > div > .bp-button:focus {
  outline: none;
  border-color: #77acd9 !important;
  box-shadow: 0 0 0 1px #77acd9; }

.dotvvm-bp-file-upload > div > span {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 8px 12px;
  font-size: 13px;
  color: #141414;
  text-align: center;
  vertical-align: sub; }

.dotvvm-bp-file-upload > .bp-progress-bar {
  margin: 4px 0; }

.dotvvm-bp-file-upload > .bp-progress-bar > .bp-value {
  background-color: #337ab7;
  height: 4px; }

.dotvvm-bp-file-upload > .bp-uploaded-files {
  width: 100%;
  max-height: 330px;
  padding: 0;
  margin: 0;
  list-style: none;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 5px; }

.dotvvm-bp-file-upload > .bp-uploaded-files:empty {
  padding-top: 0; }

.dotvvm-bp-file-upload > .bp-uploaded-files > li {
  display: block;
  padding: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  position: relative;
  white-space: nowrap;
  padding-right: 19.5px; }

.dotvvm-bp-file-upload > .bp-uploaded-files > li:before {
  content: "\f15b";
  margin-right: 10px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 13px; }

.dotvvm-bp-file-upload > .bp-uploaded-files > li:nth-child(even) {
  background-color: #fff; }

.dotvvm-bp-file-upload > .bp-uploaded-files > li:nth-child(even):before {
  color: #141414; }

.dotvvm-bp-file-upload > .bp-uploaded-files > li:nth-child(odd) {
  background-color: #f2f2f2; }

.dotvvm-bp-file-upload > .bp-uploaded-files > li:nth-child(odd):before {
  color: #141414; }

.dotvvm-bp-file-upload > .bp-uploaded-files > li > .bp-delete {
  display: inline-block;
  position: absolute;
  right: 5px; }

.dotvvm-bp-file-upload > .bp-uploaded-files > li > .bp-delete > .bp-icon {
  color: #141414; }

.dotvvm-bp-file-upload > .bp-uploaded-files > li > .bp-delete > .bp-icon:hover {
  color: #474747; }

.dotvvm-bp-file-upload.bp-state-busy > .bp-select-files {
  cursor: default; }

.dotvvm-bp-file-upload.bp-state-error {
  border: 1px solid #ec4646; }

.dotvvm-bp-file-upload.bp-state-error > .bp-error-message {
  color: #ec4646;
  font-size: 13px;
  padding: 5px 0;
  text-align: center; }

.dotvvm-bp-file-upload.bp-state-dragover {
  background: #fff; }

.dotvvm-bp-file-upload.bp-state-dragover > .bp-drop-zone {
  display: block; }

.dotvvm-bp-filter-builder {
  user-select: none;
  background-color: #77acd9;
  outline: none; }

.dotvvm-bp-filter-builder .bp-filter-group {
  padding: 5px; }

.dotvvm-bp-filter-builder .bp-filter-group > .bp-header > .fa {
  margin-right: 4px; }

.dotvvm-bp-filter-builder .bp-filter-group > .bp-list {
  list-style: none;
  padding-left: 20px;
  margin: 10px 0; }

.dotvvm-bp-filter-builder .bp-filter-group > .bp-list > li > .bp-delete {
  float: right;
  margin-top: 6px; }

.dotvvm-bp-filter-builder .bp-filter-group > .bp-footer > .fa {
  margin-right: 4px; }

.dotvvm-bp-grid-view {
  border-collapse: collapse;
  background-color: #fff;
  border-radius: 4px;
  color: #141414;
  position: relative;
  display: table;
  margin: 5px auto; }

.dotvvm-bp-grid-view > table {
  border-collapse: collapse;
  border: 1px solid #ddd; }

.dotvvm-bp-grid-view > table a {
  text-decoration: none;
  color: #141414; }

.dotvvm-bp-grid-view > table th,
.dotvvm-bp-grid-view > table td {
  border: 1px solid #ddd; }

.dotvvm-bp-grid-view > table th > .dotvvm-bp-text-box,
.dotvvm-bp-grid-view > table td > .dotvvm-bp-text-box {
  margin: 1px 0;
  width: 100%; }

.dotvvm-bp-grid-view > table th > .dotvvm-bp-date-time-picker,
.dotvvm-bp-grid-view > table td > .dotvvm-bp-date-time-picker {
  margin: 1px 0;
  width: 100%; }

.dotvvm-bp-grid-view > table th > .dotvvm-bp-date-time-range-picker,
.dotvvm-bp-grid-view > table td > .dotvvm-bp-date-time-range-picker {
  margin: 1px 0;
  width: 100%; }

.dotvvm-bp-grid-view > table th > .dotvvm-bp-date-time-range-picker > .bp-input-group input,
.dotvvm-bp-grid-view > table td > .dotvvm-bp-date-time-range-picker > .bp-input-group input {
  width: 45%; }

.dotvvm-bp-grid-view > table th > .dotvvm-bp-combo-box,
.dotvvm-bp-grid-view > table td > .dotvvm-bp-combo-box {
  margin: 1px 0;
  width: 100%; }

.dotvvm-bp-grid-view > table th > .dotvvm-bp-auto-complete,
.dotvvm-bp-grid-view > table td > .dotvvm-bp-auto-complete {
  margin: 1px 0;
  width: 100%; }

.dotvvm-bp-grid-view > table th > .dotvvm-bp-drop-down-list,
.dotvvm-bp-grid-view > table td > .dotvvm-bp-drop-down-list {
  margin: 1px 0;
  width: 100%; }

.dotvvm-bp-grid-view > table th > .dotvvm-bp-masked-text-box,
.dotvvm-bp-grid-view > table td > .dotvvm-bp-masked-text-box {
  margin: 1px 0;
  width: 100%; }

.dotvvm-bp-grid-view > table th > .dotvvm-bp-numeric-up-down,
.dotvvm-bp-grid-view > table td > .dotvvm-bp-numeric-up-down {
  margin: 1px 0;
  width: 100%; }

.dotvvm-bp-grid-view > table th[class*="col-"],
.dotvvm-bp-grid-view > table td[class*="col-"] {
  position: static;
  float: none;
  display: table-cell; }

.dotvvm-bp-grid-view > table th.bp-right,
.dotvvm-bp-grid-view > table td.bp-right {
  text-align: right; }

.dotvvm-bp-grid-view > table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column; }

.dotvvm-bp-grid-view > table > thead {
  background-color: white; }

.dotvvm-bp-grid-view > table > thead > tr th {
  font-size: 13px;
  color: #337ab7;
  padding: 7px 14px;
  /*&.placeholder {
                        position: relative;

                        &:before {
                            content: "";
                            position: absolute;
                            width: 0;
                            height: 0;
                            border: 5px solid transparent;
                            border-top-color: @grid-view-color-base;
                            top: -6px;
                            margin-left: -5px;
                            border-bottom: none;
                        }
                    }*/ }

.dotvvm-bp-grid-view > table > thead > tr th a {
  color: black;
  cursor: pointer;
  display: block; }

.dotvvm-bp-grid-view > table > thead > tr th a:hover {
  color: #666666;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-grid-view > table > thead > tr th span {
  color: black; }

.dotvvm-bp-grid-view > table > tbody > tr > td {
  padding: 7px 14px;
  text-align: left;
  font-size: 13px;
  border-top: 0;
  border-bottom: 0; }

.dotvvm-bp-grid-view > table > tbody > tr:nth-child(odd) {
  background-color: #fff; }

.dotvvm-bp-grid-view > table > tbody > tr:nth-child(odd):hover {
  background-color: #c7ddef;
  transition: background-color 0.3s ease-in-out; }

.dotvvm-bp-grid-view > table > tbody > tr:nth-child(even) {
  background-color: white; }

.dotvvm-bp-grid-view > table > tbody > tr:nth-child(even):hover {
  background-color: #c7ddef;
  transition: background-color 0.3s ease-in-out; }

.dotvvm-bp-grid-view > table > tfoot {
  font-weight: bold;
  border-top-color: #aaaaaa;
  background-color: #efefef;
  background-image: -webkit-linear-gradient(top, #ffffff 2%, #efefef 98%);
  background-image: linear-gradient(to bottom, #ffffff 2%, #efefef 98%); }

.dotvvm-bp-grid-view > table > tfoot td {
  padding: 2px; }

.dotvvm-bp-grid-view.bp-fixed {
  display: inline-block;
  height: 300px;
  overflow-y: auto; }

.dotvvm-bp-grid-view button,
.dotvvm-bp-grid-view input[type=button] {
  border: none;
  background: none;
  font-weight: bold;
  color: #337ab7;
  transition: color 0.3s ease-in-out;
  cursor: pointer; }

.dotvvm-bp-grid-view button:hover,
.dotvvm-bp-grid-view input[type=button]:hover {
  color: #1d4567;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-grid-view input[type=checkbox],
.dotvvm-bp-grid-view input.dotvvm-bp-check-box[type=checkbox] {
  cursor: pointer; }

.dotvvm-bp-grid-view caption {
  padding-top: 2px;
  padding-bottom: 2px;
  color: #141414;
  text-align: left; }

.dotvvm-bp-grid-view-user-settings-editor ul.bp-list {
  list-style-type: none;
  padding: 0; }

.dotvvm-bp-selected-row {
  background-color: Highlight; }

.dotvvm-bp-mouse-over-row:hover {
  background-color: #cfcfcf; }

.dotvvm-bp-image-crop {
  min-height: 200px;
  user-select: none;
  border: none;
  position: relative;
  background-size: 14px 14px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iNDAwIiBmaWxsLW9wYWNpdHk9Ii4yNSI+PHJlY3QgeD0iMjAwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgLz48cmVjdCB5PSIyMDAiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiAvPjwvc3ZnPg==");
  overflow: hidden;
  height: 100%; }

.dotvvm-bp-image-crop > .bp-image-canvas {
  position: absolute;
  background-color: transparent; }

.dotvvm-bp-image-crop > .bp-image-canvas img {
  display: block; }

.dotvvm-bp-image-crop > .bp-crop-canvas {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  opacity: 1; }

.dotvvm-bp-image-crop > .bp-crop-canvas .bp-overlay {
  cursor: default;
  position: absolute;
  z-index: 500;
  opacity: 0; }

.dotvvm-bp-image-crop > .bp-crop-canvas .bp-selection-box {
  outline: #337ab7 dashed 1px;
  background: rgba(255, 255, 255, 0.1);
  position: absolute !important; }

.dotvvm-bp-image-crop > .bp-crop-canvas .bp-selection-box,
.dotvvm-bp-image-crop > .bp-crop-canvas .bp-selection-box x:-moz-any-link {
  outline-offset: -14px; }

.dotvvm-bp-image-crop > .bp-crop-canvas .bp-selection-box .bp-overflow-hidden {
  overflow: hidden;
  position: absolute;
  border-radius: inherit;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0; }

.dotvvm-bp-image-crop > .bp-crop-canvas .bp-selection-box .bp-overflow-hidden img {
  position: absolute;
  display: block;
  max-width: none; }

.dotvvm-bp-image-crop > .bp-crop-canvas .bp-selection-box.bp-rounded .bp-overflow-hidden {
  border: #337ab7 solid 1px;
  margin: -1px; }

.dotvvm-bp-image-crop > .bp-crop-canvas .bp-selection-box .bp-grip {
  width: 27px;
  height: 27px;
  background: #337ab7;
  border: 10px solid transparent;
  background-clip: padding-box;
  box-sizing: border-box;
  position: absolute; }

.dotvvm-bp-image-crop > .bp-crop-canvas .bp-selection-box .bp-grip.bp-grip-nw,
.dotvvm-bp-image-crop > .bp-crop-canvas .bp-selection-box .bp-grip.bp-grip-w,
.dotvvm-bp-image-crop > .bp-crop-canvas .bp-selection-box .bp-grip.bp-grip-sw {
  left: 0;
  margin-left: -14px; }

.dotvvm-bp-image-crop > .bp-crop-canvas .bp-selection-box .bp-grip.bp-grip-n,
.dotvvm-bp-image-crop > .bp-crop-canvas .bp-selection-box .bp-grip.bp-grip-s {
  left: 50%;
  margin-left: -13px;
  cursor: ns-resize; }

.dotvvm-bp-image-crop > .bp-crop-canvas .bp-selection-box .bp-grip.bp-grip-ne,
.dotvvm-bp-image-crop > .bp-crop-canvas .bp-selection-box .bp-grip.bp-grip-e,
.dotvvm-bp-image-crop > .bp-crop-canvas .bp-selection-box .bp-grip.bp-grip-se {
  left: 100%;
  margin-left: -13px; }

.dotvvm-bp-image-crop > .bp-crop-canvas .bp-selection-box .bp-grip.bp-grip-nw,
.dotvvm-bp-image-crop > .bp-crop-canvas .bp-selection-box .bp-grip.bp-grip-n,
.dotvvm-bp-image-crop > .bp-crop-canvas .bp-selection-box .bp-grip.bp-grip-ne {
  top: 0;
  margin-top: -14px; }

.dotvvm-bp-image-crop > .bp-crop-canvas .bp-selection-box .bp-grip.bp-grip-e,
.dotvvm-bp-image-crop > .bp-crop-canvas .bp-selection-box .bp-grip.bp-grip-w {
  top: 50%;
  margin-top: -13px;
  cursor: ew-resize; }

.dotvvm-bp-image-crop > .bp-crop-canvas .bp-selection-box .bp-grip.bp-grip-sw,
.dotvvm-bp-image-crop > .bp-crop-canvas .bp-selection-box .bp-grip.bp-grip-s,
.dotvvm-bp-image-crop > .bp-crop-canvas .bp-selection-box .bp-grip.bp-grip-se {
  top: 100%;
  margin-top: -13px; }

.dotvvm-bp-image-crop > .bp-crop-canvas .bp-selection-box .bp-grip.bp-grip-ne,
.dotvvm-bp-image-crop > .bp-crop-canvas .bp-selection-box .bp-grip.bp-grip-sw {
  cursor: nesw-resize; }

.dotvvm-bp-image-crop > .bp-crop-canvas .bp-selection-box .bp-grip.bp-grip-nw,
.dotvvm-bp-image-crop > .bp-crop-canvas .bp-selection-box .bp-grip.bp-grip-se {
  cursor: nwse-resize; }

.dotvvm-bp-image-crop > .bp-user-controls {
  position: absolute;
  border: 1px solid #ddd;
  border-radius: 4px;
  border-width: 1px;
  background: rgba(206, 206, 206, 0.92);
  opacity: 0.8;
  padding: 0 5px;
  top: 3px;
  right: 3px;
  z-index: 1100; }

.dotvvm-bp-image-crop > .bp-user-controls:hover {
  opacity: 1; }

.dotvvm-bp-image-crop > .bp-user-controls a {
  padding: 3px;
  display: inline-block;
  font-size: 15px; }

.dotvvm-bp-image-crop > .bp-user-controls a .bp-icon {
  color: #337ab7;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-image-crop > .bp-user-controls a .bp-icon:hover {
  color: #1d4567;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-list-view {
  user-select: none;
  outline: none;
  position: relative;
  border: 1px solid #ddd;
  font-size: 13px;
  color: #141414;
  margin: 1px 0; }

.dotvvm-bp-list-view .bp-selection-box {
  border: 1px solid #3399FF;
  background-color: #AACCEE;
  position: absolute !important;
  cursor: default !important;
  opacity: 0.5; }

.dotvvm-bp-list-view > .bp-list {
  height: 100%;
  overflow-x: hidden;
  padding: 10px;
  margin: 0; }

.dotvvm-bp-list-view > .bp-list > .bp-item {
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  width: auto;
  border: 1px solid transparent;
  border-radius: 4px;
  margin: 1px;
  padding: 2px;
  color: #141414;
  font-size: 13px;
  background: #fff; }

.dotvvm-bp-list-view > .bp-list > .bp-item:hover {
  background-color: #c7ddef;
  color: #337ab7;
  border: 1px solid #c7ddef; }

.dotvvm-bp-list-view > .bp-list > .bp-item:hover .bp-icon {
  color: #337ab7; }

.dotvvm-bp-list-view > .bp-list > .bp-item.bp-tile {
  display: inline-block;
  text-align: center;
  width: 100px;
  padding: 6px;
  margin: 0 1px; }

.dotvvm-bp-list-view > .bp-list > .bp-item.bp-tile > .bp-icon {
  color: #141414;
  font-size: 2rem;
  padding-bottom: 0.3rem; }

.dotvvm-bp-list-view > .bp-list > .bp-item > .bp-icon {
  padding-right: 4px; }

.dotvvm-bp-list-view > .bp-list > .bp-item.bp-state-selected {
  background-color: #9fc4e4;
  color: #fff; }

.dotvvm-bp-list-view.bp-state-focused > .bp-list > .bp-item.bp-state-focused {
  outline: none;
  border-color: #77acd9 !important;
  box-shadow: 0 0 0 1px #77acd9; }

.dotvvm-bp-list-view.bp-state-focused > .bp-list > .bp-item.bp-state-selected {
  background-color: #9fc4e4; }

.dotvvm-bp-masked-text-box {
  font-size: 16px;
  color: #141414;
  padding: 8px 12px;
  background: #fff;
  outline: none;
  width: 250px;
  height: 37px;
  margin-bottom: 2px;
  border: 1px solid #ddd;
  border-radius: 4px;
  vertical-align: top; }

.dotvvm-bp-masked-text-box:focus {
  outline: none;
  border-color: #77acd9 !important;
  box-shadow: 0 0 0 1px #77acd9; }

.dotvvm-bp-masked-text-box::placeholder {
  color: grey;
  font-size: 13.6px;
  opacity: 1;
  vertical-align: middle; }

.dotvvm-bp-masked-text-box.bp-state-error {
  box-shadow: none !important;
  outline: none;
  border-color: #ec4646 !important;
  box-shadow: 0 0 0 1px #ec4646 !important; }

.dotvvm-bp-masked-text-box.bp-state-disabled {
  border-color: #4d4d4d; }

.dotvvm-bp-multi-select {
  display: inline-block;
  position: relative;
  width: 250px;
  background: #fff;
  height: 37px;
  margin-bottom: 2px;
  border: 1px solid #ddd;
  border-radius: 1px;
  cursor: text;
  text-align: left;
  height: auto;
  width: 500px;
  max-width: 100%;
  vertical-align: top;
  padding: 0;
  min-height: 0; }

.dotvvm-bp-multi-select.bp-state-disabled > .bp-toggle {
  cursor: default !important;
  background-color: #eee; }

.dotvvm-bp-multi-select.bp-state-disabled > .bp-toggle i {
  color: #1d4567;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-multi-select.bp-state-disabled > .bp-toggle:hover {
  color: #1d4567;
  cursor: default; }

.dotvvm-bp-multi-select.bp-state-disabled > .bp-toggle:hover i {
  color: #1d4567; }

.dotvvm-bp-multi-select.bp-state-disabled .bp-text-box {
  color: #808080 !important;
  border-color: #4d4d4d; }

.dotvvm-bp-multi-select.bp-state-focused .bp-text-box {
  outline: none;
  border-color: #77acd9 !important;
  box-shadow: 0 0 0 1px #77acd9; }

.dotvvm-bp-multi-select.bp-state-error {
  box-shadow: none !important; }

.dotvvm-bp-multi-select.bp-state-error > .bp-text-box {
  outline: none;
  border-color: #ec4646 !important;
  box-shadow: 0 0 0 1px #ec4646 !important; }

.dotvvm-bp-multi-select > .bp-toggle,
.dotvvm-bp-multi-select > .bp-unselect {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  height: 19px;
  font-size: 16px; }

.dotvvm-bp-multi-select > .bp-toggle i,
.dotvvm-bp-multi-select > .bp-unselect i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.dotvvm-bp-multi-select > .bp-toggle {
  width: 20.8px;
  right: 2px; }

.dotvvm-bp-multi-select > .bp-toggle > .bp-icon {
  color: #337ab7;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-multi-select > .bp-toggle > .bp-icon:hover {
  color: #1d4567;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-multi-select > .bp-toggle:hover i {
  color: #1d4567;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-multi-select > .bp-unselect {
  width: 20.8px;
  right: 22.8px; }

.dotvvm-bp-multi-select > .bp-unselect i {
  color: #808080;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-multi-select > .bp-unselect i:hover {
  color: #4d4d4d;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-multi-select > .bp-unselect :hover i {
  color: #4d4d4d; }

.dotvvm-bp-multi-select .bp-text-box {
  width: 100%;
  height: 100%; }

.dotvvm-bp-multi-select .bp-text-box::-ms-clear {
  display: none; }

.dotvvm-bp-multi-select .bp-text-box:focus {
  outline: none; }

.dotvvm-bp-multi-select .bp-popup {
  display: none;
  padding: 5px 2px;
  position: fixed;
  overflow: hidden;
  border-collapse: collapse;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  color: #141414;
  font-weight: normal;
  cursor: default;
  margin-top: 2px;
  text-align: left; }

.dotvvm-bp-multi-select .bp-popup.bp-state-opened {
  display: block;
  z-index: 1001; }

.dotvvm-bp-multi-select .bp-popup.bp-state-opened > ul {
  min-height: 0; }

.dotvvm-bp-multi-select .bp-popup.bp-has-list {
  padding: 0; }

.dotvvm-bp-multi-select .bp-popup.bp-has-list > .bp-list {
  list-style: none;
  overflow-x: hidden;
  padding: 0 5px 2px;
  max-height: 250px;
  position: relative;
  margin: 0; }

.dotvvm-bp-multi-select .bp-popup.bp-has-list > .bp-list > .bp-item {
  white-space: normal;
  width: auto;
  border: 1px solid transparent;
  margin: 0;
  padding: 2px;
  font-size: 13px; }

.dotvvm-bp-multi-select .bp-popup.bp-has-list > .bp-list > .bp-item span {
  background-color: transparent; }

.dotvvm-bp-multi-select .bp-popup.bp-has-list > .bp-list > .bp-item:first-child {
  margin-top: 5px 2px; }

.dotvvm-bp-multi-select .bp-popup.bp-has-list > .bp-list > .bp-item:last-child {
  margin-bottom: 5px 2px; }

.dotvvm-bp-multi-select .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled).bp-state-focused {
  border: 1px solid #77acd9;
  border-radius: 4px; }

.dotvvm-bp-multi-select .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled).bp-state-selected {
  background: #337ab7;
  border: 1px solid #337ab7;
  color: #fff; }

.dotvvm-bp-multi-select .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled).bp-state-selected:hover {
  background: #337ab7;
  color: #fff;
  border: 1px solid #c7ddef;
  cursor: default; }

.dotvvm-bp-multi-select .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled).bp-state-selected.bp-state-focused {
  border: 1px solid #77acd9;
  border-radius: 4px; }

.dotvvm-bp-multi-select .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled).bp-state-selected.bp-state-focused:hover {
  border: 1px solid #c7ddef;
  border-radius: 4px; }

.dotvvm-bp-multi-select .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled):hover {
  background-color: #c7ddef;
  color: #337ab7;
  border: 1px solid #8bb8df;
  cursor: pointer; }

.dotvvm-bp-multi-select .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled):hover.bp-state-focused {
  border: 1px solid #77acd9; }

.dotvvm-bp-multi-select.bp-state-focused {
  outline: none;
  border-color: #77acd9 !important;
  box-shadow: 0 0 0 1px #77acd9; }

.dotvvm-bp-multi-select.bp-state-focused input[type="text"]:focus {
  outline: none; }

.dotvvm-bp-multi-select.bp-state-error {
  outline: none;
  border-color: #ec4646 !important;
  box-shadow: 0 0 0 1px #ec4646 !important; }

.dotvvm-bp-multi-select.bp-state-error input[type="text"]:focus {
  outline: none; }

.dotvvm-bp-multi-select.bp-state-disabled {
  background-color: #eee;
  border-color: #4d4d4d; }

.dotvvm-bp-multi-select.bp-state-disabled .bp-label {
  background-color: #ffffff;
  border-color: #4d4d4d; }

.dotvvm-bp-multi-select.bp-state-disabled .bp-label .label {
  color: #808080; }

.dotvvm-bp-multi-select .bp-popup.bp-has-list > .bp-list > .bp-item.bp-state-selected:hover {
  cursor: pointer;
  background-color: #77acd9; }

.dotvvm-bp-multi-select .bp-value {
  white-space: nowrap;
  display: inline-block;
  cursor: default; }

.dotvvm-bp-multi-select .bp-value i.fa-close {
  cursor: pointer; }

.dotvvm-bp-multi-select .bp-label {
  position: relative;
  margin: 1px;
  background-color: #fefefe;
  max-width: 246px;
  overflow: hidden;
  vertical-align: top;
  padding: 5px 8px;
  border: 1px solid #eee;
  color: black;
  height: auto;
  font-size: 15px;
  padding-right: 21px; }

.dotvvm-bp-multi-select .bp-label .bp-unselect {
  width: 18px; }

.dotvvm-bp-multi-select .bp-label .bp-icon {
  color: #337ab7;
  font-size: 20px;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.dotvvm-bp-multi-select .bp-label .bp-icon:hover {
  color: #1d4567; }

.dotvvm-bp-multi-select .bp-label .bp-unselect {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  padding: 0 2px; }

.dotvvm-bp-multi-select .bp-label.bp-state-disabled {
  padding: 5px 8px; }

.dotvvm-bp-multi-select .bp-label.bp-state-disabled .bp-unselect {
  display: none; }

.dotvvm-bp-multi-select > input.bp-text-box {
  display: inline-block;
  border: none;
  background: none;
  width: auto;
  vertical-align: top;
  margin-bottom: 0;
  height: 35px; }

.dotvvm-bp-multi-select > input.bp-text-box:focus {
  outline: none;
  box-shadow: none; }

.dotvvm-bp-multi-select > input.bp-text-box::placeholder {
  color: grey; }

.dotvvm-bp-multi-select.bp-state-empty-value input.bp-text-box {
  width: 100%; }

.dotvvm-bp-window.bp-state-active > .bp-container {
  outline: none;
  border-color: #77acd9 !important;
  box-shadow: 0 0 0 1px #77acd9; }

.dotvvm-bp-window,
.dotvvm-bp-dialog {
  display: none;
  position: fixed;
  z-index: 9999;
  outline: 0;
  max-width: 100%;
  max-height: 100%; }

.dotvvm-bp-window > .bp-container,
.dotvvm-bp-dialog > .bp-container {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4.8px;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.dotvvm-bp-window > .bp-container > .bp-header,
.dotvvm-bp-dialog > .bp-container > .bp-header {
  color: #292b2c;
  padding: 15px;
  border-bottom: 1px solid #ddd;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  min-height: 20px; }

.dotvvm-bp-window > .bp-container > .bp-header > .bp-button,
.dotvvm-bp-dialog > .bp-container > .bp-header > .bp-button {
  float: right; }

.dotvvm-bp-window > .bp-container > .bp-header > .bp-button:not([value]),
.dotvvm-bp-dialog > .bp-container > .bp-header > .bp-button:not([value]) {
  display: block;
  position: absolute;
  top: -1px;
  right: -1px;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 4px;
  text-align: center;
  background: none;
  z-index: 20;
  cursor: pointer;
  border: none; }

.dotvvm-bp-window > .bp-container > .bp-header > .bp-button:not([value]) .bp-icon,
.dotvvm-bp-dialog > .bp-container > .bp-header > .bp-button:not([value]) .bp-icon {
  display: block;
  margin: auto;
  margin-top: -1px;
  width: 10px;
  height: 12px;
  color: #337ab7; }

.dotvvm-bp-window > .bp-container > .bp-header > .bp-button.bp-maximize:not([value]),
.dotvvm-bp-dialog > .bp-container > .bp-header > .bp-button.bp-maximize:not([value]) {
  right: 18px;
  width: 25px; }

.dotvvm-bp-window > .bp-container > .bp-header > .bp-button.bp-maximize:not([value]) .bp-icon,
.dotvvm-bp-dialog > .bp-container > .bp-header > .bp-button.bp-maximize:not([value]) .bp-icon {
  width: 12px; }

.dotvvm-bp-window > .bp-container > .bp-header > .bp-button.bp-maximize:not([value]):hover .bp-icon,
.dotvvm-bp-dialog > .bp-container > .bp-header > .bp-button.bp-maximize:not([value]):hover .bp-icon {
  color: #77acd9; }

.dotvvm-bp-window > .bp-container > .bp-header > .bp-button.bp-close:not([value]):hover .bp-icon,
.dotvvm-bp-dialog > .bp-container > .bp-header > .bp-button.bp-close:not([value]):hover .bp-icon {
  color: #ec4646; }

.dotvvm-bp-window > .bp-container > .bp-contents,
.dotvvm-bp-dialog > .bp-container > .bp-contents {
  overflow: auto;
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 15px;
  color: #141414;
  font-size: 16px; }

.dotvvm-bp-window > .bp-container > .bp-grip,
.dotvvm-bp-dialog > .bp-container > .bp-grip {
  position: absolute;
  z-index: 10; }

.dotvvm-bp-window > .bp-container > .bp-grip.bp-grip-n,
.dotvvm-bp-dialog > .bp-container > .bp-grip.bp-grip-n {
  width: 100%;
  height: 6px;
  top: -3px;
  cursor: n-resize; }

.dotvvm-bp-window > .bp-container > .bp-grip.bp-grip-e,
.dotvvm-bp-dialog > .bp-container > .bp-grip.bp-grip-e {
  width: 6px;
  height: 100%;
  right: -3px;
  cursor: e-resize; }

.dotvvm-bp-window > .bp-container > .bp-grip.bp-grip-w,
.dotvvm-bp-dialog > .bp-container > .bp-grip.bp-grip-w {
  width: 6px;
  height: 100%;
  left: -3px;
  cursor: w-resize; }

.dotvvm-bp-window > .bp-container > .bp-grip.bp-grip-s,
.dotvvm-bp-dialog > .bp-container > .bp-grip.bp-grip-s {
  width: 100%;
  height: 6px;
  bottom: -3px;
  cursor: s-resize; }

.dotvvm-bp-window > .bp-container > .bp-grip.bp-grip-se,
.dotvvm-bp-dialog > .bp-container > .bp-grip.bp-grip-se {
  width: 15px;
  height: 15px;
  right: -5px;
  bottom: -5px;
  cursor: se-resize; }

.dotvvm-bp-window > .bp-container > .bp-grip.bp-grip-se:before,
.dotvvm-bp-dialog > .bp-container > .bp-grip.bp-grip-se:before {
  content: "";
  display: block;
  height: 1px;
  width: 10px;
  background-color: #ddd;
  position: absolute;
  bottom: 8.5px;
  right: 4px;
  transform: rotate(-45deg); }

.dotvvm-bp-window > .bp-container > .bp-grip.bp-grip-se:after,
.dotvvm-bp-dialog > .bp-container > .bp-grip.bp-grip-se:after {
  content: "";
  display: block;
  height: 1px;
  width: 5px;
  background-color: #ddd;
  position: absolute;
  bottom: 7px;
  right: 5px;
  transform: rotate(-45deg); }

.dotvvm-bp-window > .bp-container > .bp-grip.bp-grip-sw,
.dotvvm-bp-dialog > .bp-container > .bp-grip.bp-grip-sw {
  width: 15px;
  height: 15px;
  left: -5px;
  bottom: -5px;
  cursor: sw-resize; }

.dotvvm-bp-window > .bp-container > .bp-grip.bp-grip-ne,
.dotvvm-bp-dialog > .bp-container > .bp-grip.bp-grip-ne {
  width: 15px;
  height: 15px;
  right: -5px;
  top: -5px;
  cursor: ne-resize; }

.dotvvm-bp-window > .bp-container > .bp-grip.bp-grip-nw,
.dotvvm-bp-dialog > .bp-container > .bp-grip.bp-grip-nw {
  width: 15px;
  height: 15px;
  left: -5px;
  top: -5px;
  cursor: nw-resize; }

.dotvvm-bp-window > .bp-container > .bp-footer,
.dotvvm-bp-dialog > .bp-container > .bp-footer {
  text-align: right;
  font-size: #141414;
  color: #141414;
  padding: 15px;
  border-top: 1px solid #ddd; }

.dotvvm-bp-modal-dialog > .bp-container > .bp-header > .bp-button.bp-close:not([value]) {
  border: none;
  top: 0;
  right: 0; }

.bp-overlay {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background-color: #000;
  opacity: 0.3; }

.bp-modal-open {
  overflow: hidden; }

.bp-modal-open .dotvvm-bp-modal-dialog {
  overflow-x: hidden;
  overflow-y: auto; }

.bp-modal-open .bp-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background-color: #000000; }

.bp-modal-open .bp-overlay.fade {
  opacity: 0;
  -webkit-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  transition: opacity 0.5s ease-in-out; }

.bp-modal-open .bp-overlay.fade.in {
  opacity: .5; }

.dotvvm-bp-numeric-up-down {
  position: relative;
  display: inline-block;
  width: 250px;
  background: #fff;
  height: 37px;
  user-select: none;
  vertical-align: top;
  margin-bottom: 2px;
  border-radius: 4px; }

.dotvvm-bp-numeric-up-down .bp-text-box {
  width: 100%;
  height: 100%;
  padding-right: 43.6px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px; }

.dotvvm-bp-numeric-up-down .bp-text-box:focus {
  outline: none; }

.dotvvm-bp-numeric-up-down > .bp-button-group {
  position: absolute;
  font-size: 16px;
  height: 18.66656px;
  top: 50%;
  right: 2px;
  transform: translate(0, -50%); }

.dotvvm-bp-numeric-up-down > .bp-button-group > a {
  width: 20.8px;
  display: inline-block;
  position: relative;
  height: 100%; }

.dotvvm-bp-numeric-up-down > .bp-button-group > a .bp-icon {
  position: absolute;
  color: #337ab7;
  transition: color 0.3s ease-in-out;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.dotvvm-bp-numeric-up-down > .bp-button-group > a .bp-icon:hover {
  color: #1d4567;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-numeric-up-down > .bp-button-group > a:hover i {
  color: #1d4567;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-numeric-up-down.bp-state-focused > .bp-text-box {
  outline: none;
  border-color: #77acd9 !important;
  box-shadow: 0 0 0 1px #77acd9; }

.dotvvm-bp-numeric-up-down.bp-state-disabled > .bp-button-group > a {
  cursor: default;
  background: #eee; }

.dotvvm-bp-numeric-up-down.bp-state-disabled > .bp-button-group > a:hover {
  background: #eee; }

.dotvvm-bp-numeric-up-down.bp-state-disabled > .bp-text-box {
  border-color: #4d4d4d; }

.dotvvm-bp-numeric-up-down.bp-state-error {
  box-shadow: none !important; }

.dotvvm-bp-numeric-up-down.bp-state-error > .bp-text-box {
  outline: none;
  border-color: #ec4646 !important;
  box-shadow: 0 0 0 1px #ec4646 !important; }

.dotvvm-bp-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #ddd;
  border-radius: 3px;
  overflow: hidden;
  margin: 5px;
  background: #fff; }

.dotvvm-bp-panel > .bp-header:not(:empty) {
  background: #f7f7f7;
  padding: 10px 8px;
  color: #337ab7;
  font-size: 16px;
  font-weight: 600;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

.dotvvm-bp-panel > .bp-contents {
  color: #141414;
  padding: 20px 8px;
  background: #fff;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto; }

.dotvvm-bp-panel > .bp-contents > .dotvvm-bp-tab-control {
  margin: -20px -8px 0 -8px;
  margin-bottom: 0; }

.dotvvm-bp-panel > .bp-contents > .dotvvm-bp-tab-control > .bp-nav {
  background: #f7f7f7;
  padding: 0 8px;
  margin-top: 0; }

.dotvvm-bp-panel > .bp-contents > .dotvvm-bp-tab-control > .bp-container {
  padding: 20px 8px; }

.dotvvm-bp-panel > .bp-footer {
  background: #f7f7f7;
  padding: 5px 8px;
  border-top: 1px solid #ddd;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

.dotvvm-bp-radio-button,
.dotvvm-bp-radio-button-list {
  display: inline-block;
  position: relative;
  vertical-align: top;
  margin-bottom: 2px; }

.dotvvm-bp-radio-button [type="radio"] + span:before,
.dotvvm-bp-radio-button-list [type="radio"] + span:before {
  width: 14px;
  height: 14px; }

.dotvvm-bp-radio-button [type="radio"] + span:after,
.dotvvm-bp-radio-button-list [type="radio"] + span:after {
  width: 8px;
  height: 8px;
  left: 3.5px;
  left: 4px; }

.dotvvm-bp-radio-button.bp-state-disabled,
.dotvvm-bp-radio-button-list.bp-state-disabled {
  background-color: transparent; }

.dotvvm-bp-radio-button [type="radio"]:hover + span:before,
.dotvvm-bp-radio-button-list [type="radio"]:hover + span:before {
  border-color: #666666;
  transition: border-color 0.3s ease-in-out; }

.dotvvm-bp-radio-button [type="radio"]:hover + span:after,
.dotvvm-bp-radio-button-list [type="radio"]:hover + span:after {
  background: #808080;
  transition: background 0.3s ease-in-out; }

.dotvvm-bp-radio-button [type="radio"]:focus + span:before,
.dotvvm-bp-radio-button-list [type="radio"]:focus + span:before {
  border-color: #77acd9;
  box-shadow: 0px 0 0px 1px #77acd9; }

.dotvvm-bp-radio-button [type="radio"],
.dotvvm-bp-radio-button-list [type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.dotvvm-bp-radio-button label,
.dotvvm-bp-radio-button-list label {
  line-height: 13px;
  font-size: 13px; }

.dotvvm-bp-radio-button [type="radio"] + span,
.dotvvm-bp-radio-button-list [type="radio"] + span {
  cursor: pointer;
  font-size: 13px;
  line-height: 13px;
  padding-left: 19.5px;
  position: relative;
  display: inline-block;
  min-height: 13px;
  margin: 2px 0;
  top: 1px;
  vertical-align: top;
  color: #141414; }

.dotvvm-bp-radio-button [type="radio"] + span:before,
.dotvvm-bp-radio-button-list [type="radio"] + span:before {
  content: '';
  display: inline-block;
  vertical-align: -0.25em;
  margin-right: 5px;
  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 100%;
  position: absolute;
  top: -1px;
  left: 0;
  transition: all 0.3s ease-in-out; }

.dotvvm-bp-radio-button [type="radio"] + span:after,
.dotvvm-bp-radio-button-list [type="radio"] + span:after {
  background: #fff;
  content: "";
  position: absolute;
  border-radius: 100%;
  top: 50%;
  transform: translate(0, -50%);
  transition: background 0.3s ease-in-out; }

.dotvvm-bp-radio-button [type="radio"]:checked + span:after,
.dotvvm-bp-radio-button-list [type="radio"]:checked + span:after {
  background: black; }

.dotvvm-bp-radio-button [type="radio"]:checked + span:hover:after,
.dotvvm-bp-radio-button-list [type="radio"]:checked + span:hover:after {
  background: black; }

.dotvvm-bp-radio-button [type="radio"]:checked + span:focus:after,
.dotvvm-bp-radio-button-list [type="radio"]:checked + span:focus:after {
  outline: none;
  border-color: #77acd9 !important;
  box-shadow: 0 0 0 1px #77acd9; }

.dotvvm-bp-radio-button [type="radio"] + span:empty,
.dotvvm-bp-radio-button-list [type="radio"] + span:empty {
  padding-left: 15px; }

.dotvvm-bp-radio-button input[disabled]:hover + span,
.dotvvm-bp-radio-button-list input[disabled]:hover + span,
.dotvvm-bp-radio-button input[disabled] + span,
.dotvvm-bp-radio-button-list input[disabled] + span {
  color: #808080;
  cursor: default; }

.dotvvm-bp-radio-button input[disabled]:hover + span:before,
.dotvvm-bp-radio-button-list input[disabled]:hover + span:before,
.dotvvm-bp-radio-button input[disabled] + span:before,
.dotvvm-bp-radio-button-list input[disabled] + span:before {
  background-color: #eee;
  border-color: #4d4d4d; }

.dotvvm-bp-radio-button input[disabled]:hover + span:after,
.dotvvm-bp-radio-button-list input[disabled]:hover + span:after,
.dotvvm-bp-radio-button input[disabled] + span:after,
.dotvvm-bp-radio-button-list input[disabled] + span:after {
  background: #eee; }

.dotvvm-bp-radio-button input[disabled]:hover + span:hover:before,
.dotvvm-bp-radio-button-list input[disabled]:hover + span:hover:before,
.dotvvm-bp-radio-button input[disabled] + span:hover:before,
.dotvvm-bp-radio-button-list input[disabled] + span:hover:before {
  border-color: #4d4d4d; }

.dotvvm-bp-radio-button input[disabled]:hover + span:hover:after,
.dotvvm-bp-radio-button-list input[disabled]:hover + span:hover:after,
.dotvvm-bp-radio-button input[disabled] + span:hover:after,
.dotvvm-bp-radio-button-list input[disabled] + span:hover:after {
  background: #eee; }

.dotvvm-bp-radio-button input[disabled]:checked + span:after,
.dotvvm-bp-radio-button-list input[disabled]:checked + span:after {
  background: #1d4567; }

.dotvvm-bp-radio-button input[disabled]:checked + span:hover::after,
.dotvvm-bp-radio-button-list input[disabled]:checked + span:hover::after {
  background: #1d4567; }

.dotvvm-bp-radio-button-list [type="radio"] + span {
  padding-right: 13px; }

.dotvvm-bp-rating {
  display: inline-block;
  cursor: pointer;
  position: relative; }

.dotvvm-bp-rating.bp-state-disabled {
  cursor: default;
  background-color: initial; }

.dotvvm-bp-rating.bp-state-disabled:hover > .bp-container > .bp-point .fa {
  color: #666666; }

.dotvvm-bp-rating > .bp-container > .bp-point {
  display: inline-block;
  position: relative;
  margin: 0; }

.dotvvm-bp-rating > .bp-container > .bp-point .fa {
  display: inline-block;
  font-size: 18px;
  color: #999;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-rating > .bp-container > .bp-point .fa:hover {
  color: #666666;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-rating > .bp-container > .bp-point > .bp-half,
.dotvvm-bp-rating > .bp-container > .bp-point > .bp-third {
  position: absolute;
  height: 100%;
  top: 0; }

.dotvvm-bp-rating > .bp-container > .bp-point .bp-left {
  left: 0; }

.dotvvm-bp-rating > .bp-container > .bp-point .bp-middle {
  left: 33.33%;
  left: calc(33.33333333%); }

.dotvvm-bp-rating > .bp-container > .bp-point .bp-right {
  right: 0; }

.dotvvm-bp-rating > .bp-container:hover > .bp-point .fa {
  color: #737373; }

.dotvvm-bp-rating.bp-state-disabled > .bp-container > .bp-point .fa {
  color: #eee; }

.dotvvm-bp-rich-text-box {
  user-select: none;
  outline: none;
  border: 1px solid #fff;
  cursor: text; }

.dotvvm-bp-rich-text-box .bp-toolbar {
  font-size: 16px;
  background: #fff;
  cursor: default; }

.dotvvm-bp-rich-text-box .bp-toolbar .bp-button-group {
  display: inline-block;
  border-left: 1px solid black;
  padding-left: 2px;
  margin-left: 2px; }

.dotvvm-bp-rich-text-box .bp-toolbar .bp-button-group:first-child {
  border-left: none;
  padding-left: 0; }

.dotvvm-bp-rich-text-box .bp-toolbar .bp-button-group:empty {
  display: none; }

.dotvvm-bp-rich-text-box .bp-toolbar .bp-item {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  outline: none;
  padding: 3px; }

.dotvvm-bp-rich-text-box .bp-toolbar .bp-item .bp-popup {
  position: absolute;
  left: 0;
  top: 100%;
  display: none; }

.dotvvm-bp-rich-text-box .bp-toolbar .bp-item.bp-state-opened .bp-popup {
  display: block; }

.dotvvm-bp-rich-text-box .bp-toolbar .bp-item.bp-state-disabled {
  background-color: #fff; }

.dotvvm-bp-rich-text-box .bp-toolbar .bp-item.bp-state-disabled i {
  color: gray; }

.dotvvm-bp-rich-text-box .bp-toolbar .bp-item.bp-style-dropdown > span {
  width: 80px;
  display: inline-block; }

.dotvvm-bp-rich-text-box .bp-toolbar .bp-item.bp-style-dropdown ul {
  list-style: none;
  padding: 0;
  font-size: 90%;
  margin: 0;
  width: 120px; }

.dotvvm-bp-rich-text-box .bp-toolbar .bp-item.bp-style-dropdown ul li {
  margin: 2px;
  border: 1px solid black;
  background: white;
  overflow: hidden;
  padding: 2px 4px; }

.dotvvm-bp-rich-text-box .bp-toolbar .bp-item.bp-style-dropdown ul li:hover {
  background: #337ab7; }

.dotvvm-bp-rich-text-box .bp-toolbar .bp-item.bp-style-dropdown ul li.bp-state-selected {
  background: #9fc4e4; }

.dotvvm-bp-rich-text-box .bp-toolbar .bp-item.bp-style-dropdown ul li span {
  display: inline-block; }

.dotvvm-bp-rich-text-box .bp-toolbar .bp-item.bp-style-dropdown ul .bp-block-blockquote span {
  margin-left: 10px; }

.dotvvm-bp-rich-text-box .bp-toolbar .bp-item.bp-style-dropdown ul .bp-block-pre span {
  font-family: Consolas, monaco, monospace; }

.dotvvm-bp-rich-text-box .bp-toolbar .bp-item.bp-style-dropdown ul .bp-block-h1 {
  font-weight: bold;
  font-size: 140%; }

.dotvvm-bp-rich-text-box .bp-toolbar .bp-item.bp-style-dropdown ul .bp-block-h2 {
  font-weight: bold;
  font-size: 125%; }

.dotvvm-bp-rich-text-box .bp-toolbar .bp-item.bp-style-dropdown ul .bp-block-h3 {
  font-weight: bold;
  font-size: 110%; }

.dotvvm-bp-rich-text-box .bp-toolbar .bp-item.bp-style-dropdown ul .bp-block-h4 {
  font-weight: bold;
  font-size: 100%; }

.dotvvm-bp-rich-text-box .bp-toolbar .bp-item.bp-style-dropdown ul .bp-block-h5 {
  font-weight: bold;
  font-size: 95%; }

.dotvvm-bp-rich-text-box .bp-toolbar .bp-item.bp-style-dropdown ul .bp-block-h6 {
  font-weight: bold;
  font-size: 90%; }

.dotvvm-bp-rich-text-box .bp-toolbar .bp-item.bp-style-dropdown ul .bp-inline-big {
  font-size: large; }

.dotvvm-bp-rich-text-box .bp-toolbar .bp-item.bp-style-dropdown ul .bp-inline-small {
  font-size: small; }

.dotvvm-bp-rich-text-box .bp-toolbar .bp-item.bp-style-dropdown ul .bp-inline-code span {
  font-family: Consolas, monaco, monospace; }

.dotvvm-bp-rich-text-box .bp-toolbar .bp-item.bp-style-dropdown ul .bp-inline-marker span {
  background-color: yellow; }

.dotvvm-bp-rich-text-box .bp-text-box {
  height: calc(76%);
  overflow: hidden;
  overflow-y: auto;
  background-color: white;
  padding: 5px;
  outline: none; }

.dotvvm-bp-rich-text-box .bp-text-box table {
  width: 100%;
  border: 1px dotted #CCC;
  table-layout: fixed;
  border-spacing: 0; }

.dotvvm-bp-rich-text-box .bp-text-box table tr {
  height: 20px; }

.dotvvm-bp-rich-text-box .bp-text-box table td,
.dotvvm-bp-rich-text-box .bp-text-box table th {
  border: 1px dotted #CCC;
  vertical-align: top; }

.dotvvm-bp-rich-text-box.bp-state-focused {
  border: 1px solid #337ab7; }

.dotvvm-bp-slider,
.dotvvm-bp-range-slider {
  position: relative;
  display: block;
  width: 100%;
  background-color: #e9ecef;
  height: 10px;
  margin: 10px 0;
  border-radius: 4px;
  /*&:hover {
        background-color: darken(@slider-color-background, @hover-darken);

        .bp-value {
            background: @slider-color-selected;
        }

        .bp-grip {
            background: darken(@slider-color-grip, @hover-darken);
            border-color: darken(@slider-grip-border-color, @hover-darken);
        }
    }*/ }

.dotvvm-bp-slider .bp-value,
.dotvvm-bp-range-slider .bp-value {
  display: block;
  height: 10px;
  background: #007bff;
  position: relative;
  border-radius: 4px; }

.dotvvm-bp-slider .bp-grip,
.dotvvm-bp-range-slider .bp-grip {
  position: relative;
  top: -15px;
  display: block;
  width: 20px;
  height: 20px;
  background: grey;
  border-style: solid;
  border: 2px solid grey;
  border-radius: 100%; }

.dotvvm-bp-slider .bp-grip.bp-state-focused,
.dotvvm-bp-range-slider .bp-grip.bp-state-focused {
  outline: none;
  box-shadow: 0 0 0 1px #77acd9; }

.dotvvm-bp-slider .bp-grip:hover,
.dotvvm-bp-range-slider .bp-grip:hover {
  cursor: pointer;
  border-color: grey;
  background: grey; }

.dotvvm-bp-slider.bp-state-disabled .bp-value,
.dotvvm-bp-range-slider.bp-state-disabled .bp-value {
  background: #bbbbbb; }

.dotvvm-bp-slider.bp-state-disabled .bp-grip,
.dotvvm-bp-range-slider.bp-state-disabled .bp-grip {
  background: #eee;
  border-color: #bbbbbb; }

.dotvvm-bp-slider.bp-state-disabled .bp-grip:hover,
.dotvvm-bp-range-slider.bp-state-disabled .bp-grip:hover {
  cursor: default; }

.dotvvm-bp-range-slider {
  padding: 0 10px; }

.dotvvm-bp-range-slider .bp-value {
  border-radius: 0; }

.dotvvm-bp-range-slider .bp-grip.bp-min {
  margin-left: -20px; }

.dotvvm-bp-range-slider .bp-grip.bp-max {
  top: -35px; }

.dotvvm-bp-slider .bp-grip {
  margin-left: -10px; }

.dotvvm-bp-tab-control > .bp-nav {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #ddd;
  text-align: left; }

.dotvvm-bp-tab-control > .bp-nav li {
  display: inline-block;
  position: relative;
  margin-bottom: -1px;
  margin-right: 0;
  border-style: solid;
  border-color: transparent transparent transparent transparent;
  border-width: 1px;
  border-radius: 4px 4px 0 0;
  transition: all 0.3s ease-in-out; }

.dotvvm-bp-tab-control > .bp-nav li a {
  display: block;
  text-decoration: none;
  color: #337ab7;
  cursor: pointer;
  padding: 8px 16px;
  transition: all 0.3s ease-in-out;
  border-width: 1px;
  border-radius: 3px 3px 0 0; }

.dotvvm-bp-tab-control > .bp-nav li a:active {
  color: initial; }

.dotvvm-bp-tab-control > .bp-nav li.bp-state-active {
  background: #fff;
  border-color: #ddd #ddd #fff #ddd; }

.dotvvm-bp-tab-control > .bp-nav li.bp-state-active:hover {
  background: #fff;
  border-color: #ddd #ddd transparent #ddd; }

.dotvvm-bp-tab-control > .bp-nav li.bp-state-active:hover a {
  cursor: default;
  color: #777; }

.dotvvm-bp-tab-control > .bp-nav li.bp-state-active a {
  color: #777;
  cursor: default; }

.dotvvm-bp-tab-control > .bp-nav li:not(.bp-state-active) {
  border-bottom-color: #ddd; }

.dotvvm-bp-tab-control > .bp-nav li:not(.bp-state-disabled):hover {
  border-color: #eee #eee #ddd #eee #eee #ddd transparent #eee #eee #ddd;
  background: #eee; }

.dotvvm-bp-tab-control > .bp-nav li:not(.bp-state-disabled):hover a {
  color: #777; }

.dotvvm-bp-tab-control > .bp-nav li:not(.bp-state-disabled):hover a:active {
  color: initial; }

.dotvvm-bp-tab-control > .bp-nav li.bp-state-disabled {
  background-color: transparent;
  background-color: #eee;
  background-clip: padding-box; }

.dotvvm-bp-tab-control > .bp-nav li.bp-state-disabled:hover {
  border-color: #4d4d4d;
  border-bottom-color: #eee; }

.dotvvm-bp-tab-control > .bp-nav li.bp-state-disabled a {
  color: #808080;
  cursor: default; }

.dotvvm-bp-tab-control > .bp-container {
  background: #fff;
  overflow: hidden;
  padding: 10px;
  text-align: left;
  color: #141414; }

.dotvvm-bp-tab-control > .bp-container > .bp-contents {
  display: none; }

.dotvvm-bp-tab-control > .bp-container > .bp-contents.bp-state-active {
  display: block; }

.dotvvm-bp-text-box {
  border: 1px solid #ddd;
  border-radius: 4px; }

.dotvvm-bp-text-box[disabled] {
  background-color: #eee;
  color: #808080;
  border-color: #4d4d4d; }

.dotvvm-bp-text-box:focus {
  outline: none;
  border-color: #77acd9 !important;
  box-shadow: 0 0 0 1px #77acd9; }

.dotvvm-bp-tree-view {
  border: 1px solid #ddd;
  font-size: 13px;
  color: #141414;
  position: relative;
  margin: 1px 0; }

.dotvvm-bp-tree-view ul {
  list-style-type: none;
  padding: 0;
  margin: 0; }

.dotvvm-bp-tree-view ul ul {
  padding-left: 30px;
  padding-left: 23px;
  display: none; }

.dotvvm-bp-tree-view ul li.bp-item label {
  margin-left: 18px;
  padding: 2px 4px;
  margin-bottom: 2px;
  display: inline-block;
  color: #141414;
  border: 1px solid transparent;
  background: #fff;
  user-select: none; }

.dotvvm-bp-tree-view ul li.bp-item label:hover {
  background: #c7ddef;
  color: #337ab7;
  border: 1px solid #c7ddef; }

.dotvvm-bp-tree-view ul li.bp-item label [type="checkbox"]:hover + span::before {
  border-color: #666666;
  transition: border-color 0.3s ease-in-out; }

.dotvvm-bp-tree-view ul li.bp-item label [type="checkbox"]:hover + span::after {
  color: #808080;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-tree-view ul li.bp-item label input[type=checkbox] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.dotvvm-bp-tree-view ul li.bp-item label input[type=checkbox] + span,
.dotvvm-bp-tree-view ul li.bp-item label input[type=checkbox] + label {
  cursor: pointer;
  font-size: 13px;
  line-height: 13px;
  padding-left: 19.5px;
  position: relative;
  display: inline-block;
  margin: 2px 0;
  min-height: 13px;
  top: 1px;
  vertical-align: top;
  color: #141414; }

.dotvvm-bp-tree-view ul li.bp-item label input[type=checkbox] + span::before,
.dotvvm-bp-tree-view ul li.bp-item label input[type=checkbox] + label::before {
  content: '';
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  height: 13px;
  width: 13px;
  text-align: center;
  position: absolute;
  top: -1px;
  left: 0;
  transition: all 0.3s ease-in-out; }

.dotvvm-bp-tree-view ul li.bp-item label input[type=checkbox] + span::after {
  font: normal normal normal 14px/1 FontAwesome;
  content: '\f00c';
  position: absolute;
  font-size: 13px;
  color: transparent;
  left: 1px;
  top: 50%;
  transform: translate(0, -50%);
  transition: all 0.3s ease-in-out; }

.dotvvm-bp-tree-view ul li.bp-item label input[type=checkbox]:checked + span::after {
  color: black; }

.dotvvm-bp-tree-view ul li.bp-item label input[type=checkbox]:checked + span:hover::after {
  color: black; }

.dotvvm-bp-tree-view ul li.bp-item label input[type=checkbox]:indeterminate + span::after {
  color: transparent;
  background-color: black;
  transition: background-color 0.3s ease-in-out;
  box-shadow: inset 0 0 0 2px #fff; }

.dotvvm-bp-tree-view ul li.bp-item label input[type=checkbox] + span {
  margin: 0 0 2px 0; }

.dotvvm-bp-tree-view ul li.bp-item .bp-collapse {
  display: none; }

.dotvvm-bp-tree-view ul li.bp-item .bp-collapse + label {
  margin-left: 0; }

.dotvvm-bp-tree-view ul li.bp-item .bp-collapse + label,
.dotvvm-bp-tree-view ul li.bp-item .bp-expand + label {
  margin-left: 0; }

.dotvvm-bp-tree-view ul li.bp-item.bp-state-expanded > ul {
  display: block; }

.dotvvm-bp-tree-view ul li.bp-item.bp-state-expanded > .bp-collapse {
  display: inline-block; }

.dotvvm-bp-tree-view ul li.bp-item.bp-state-expanded > .bp-expand {
  display: none; }

.dotvvm-bp-tree-view ul li.bp-item.bp-state-loading > ul .bp-expand,
.dotvvm-bp-tree-view ul li.bp-item.bp-state-loading > ul .bp-collapse {
  display: none; }

.dotvvm-bp-tree-view ul li.bp-item.bp-state-loading > ul .bp-expand + label,
.dotvvm-bp-tree-view ul li.bp-item.bp-state-loading > ul .bp-collapse + label {
  margin-left: 16px; }

.dotvvm-bp-tree-view ul li.bp-item.bp-state-selected > label {
  background: #9fc4e4;
  color: #fff; }

.dotvvm-bp-tree-view ul .bp-collapse,
.dotvvm-bp-tree-view ul .bp-expand {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 4px;
  vertical-align: text-top;
  padding: 2px; }

.dotvvm-bp-tree-view ul .bp-collapse .fa,
.dotvvm-bp-tree-view ul .bp-expand .fa {
  display: block;
  position: absolute;
  font-size: 12px;
  color: #337ab7;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 1px;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-tree-view ul .bp-collapse:hover .fa,
.dotvvm-bp-tree-view ul .bp-expand:hover .fa {
  color: #1d4567; }

.dotvvm-bp-tree-view > .bp-list {
  overflow-x: hidden;
  padding: 10px;
  height: 100%; }

.dotvvm-bp-tree-view.bp-state-focused {
  outline: none; }

.dotvvm-bp-tree-view.bp-state-focused ul li.bp-item.bp-state-focused > label {
  outline: none;
  border-color: #77acd9 !important;
  box-shadow: 0 0 0 1px #77acd9; }

.dotvvm-bp-tree-view.bp-state-focused ul li.bp-item.bp-state-selected > label {
  background-color: #9fc4e4; }

.dotvvm-bp-drop-down-list {
  display: inline-block;
  position: relative;
  background: #fff;
  height: 37px;
  margin-bottom: 2px;
  width: 250px;
  text-align: left;
  user-select: none;
  border: 1px solid #ddd;
  border-radius: 4px;
  vertical-align: top; }

.dotvvm-bp-drop-down-list.bp-state-disabled > .bp-toggle {
  cursor: default !important;
  background-color: #eee; }

.dotvvm-bp-drop-down-list.bp-state-disabled > .bp-toggle i {
  color: #1d4567;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-drop-down-list.bp-state-disabled > .bp-toggle:hover {
  color: #1d4567;
  cursor: default; }

.dotvvm-bp-drop-down-list.bp-state-disabled > .bp-toggle:hover i {
  color: #1d4567; }

.dotvvm-bp-drop-down-list.bp-state-disabled .bp-text-box {
  color: #808080 !important;
  border-color: #4d4d4d; }

.dotvvm-bp-drop-down-list.bp-state-focused .bp-text-box {
  outline: none;
  border-color: #77acd9 !important;
  box-shadow: 0 0 0 1px #77acd9; }

.dotvvm-bp-drop-down-list.bp-state-error {
  box-shadow: none !important; }

.dotvvm-bp-drop-down-list.bp-state-error > .bp-text-box {
  outline: none;
  border-color: #ec4646 !important;
  box-shadow: 0 0 0 1px #ec4646 !important; }

.dotvvm-bp-drop-down-list > .bp-toggle,
.dotvvm-bp-drop-down-list > .bp-unselect {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  height: 19px;
  font-size: 16px; }

.dotvvm-bp-drop-down-list > .bp-toggle i,
.dotvvm-bp-drop-down-list > .bp-unselect i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.dotvvm-bp-drop-down-list > .bp-toggle {
  width: 20.8px;
  right: 2px; }

.dotvvm-bp-drop-down-list > .bp-toggle > .bp-icon {
  color: #337ab7;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-drop-down-list > .bp-toggle > .bp-icon:hover {
  color: #1d4567;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-drop-down-list > .bp-toggle:hover i {
  color: #1d4567;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-drop-down-list > .bp-unselect {
  width: 20.8px;
  right: 22.8px; }

.dotvvm-bp-drop-down-list > .bp-unselect i {
  color: #808080;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-drop-down-list > .bp-unselect i:hover {
  color: #4d4d4d;
  transition: color 0.3s ease-in-out; }

.dotvvm-bp-drop-down-list > .bp-unselect :hover i {
  color: #4d4d4d; }

.dotvvm-bp-drop-down-list .bp-text-box {
  width: 100%;
  height: 100%; }

.dotvvm-bp-drop-down-list .bp-text-box::-ms-clear {
  display: none; }

.dotvvm-bp-drop-down-list .bp-text-box:focus {
  outline: none; }

.dotvvm-bp-drop-down-list .bp-popup {
  display: none;
  padding: 5px 2px;
  position: fixed;
  overflow: hidden;
  border-collapse: collapse;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  color: #141414;
  font-weight: normal;
  cursor: default;
  margin-top: 2px;
  text-align: left; }

.dotvvm-bp-drop-down-list .bp-popup.bp-state-opened {
  display: block;
  z-index: 1001; }

.dotvvm-bp-drop-down-list .bp-popup.bp-state-opened > ul {
  min-height: 0; }

.dotvvm-bp-drop-down-list .bp-popup.bp-has-list {
  padding: 0; }

.dotvvm-bp-drop-down-list .bp-popup.bp-has-list > .bp-list {
  list-style: none;
  overflow-x: hidden;
  padding: 0 5px 2px;
  max-height: 250px;
  position: relative;
  margin: 0; }

.dotvvm-bp-drop-down-list .bp-popup.bp-has-list > .bp-list > .bp-item {
  white-space: normal;
  width: auto;
  border: 1px solid transparent;
  margin: 0;
  padding: 2px;
  font-size: 13px; }

.dotvvm-bp-drop-down-list .bp-popup.bp-has-list > .bp-list > .bp-item span {
  background-color: transparent; }

.dotvvm-bp-drop-down-list .bp-popup.bp-has-list > .bp-list > .bp-item:first-child {
  margin-top: 5px 2px; }

.dotvvm-bp-drop-down-list .bp-popup.bp-has-list > .bp-list > .bp-item:last-child {
  margin-bottom: 5px 2px; }

.dotvvm-bp-drop-down-list .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled).bp-state-focused {
  border: 1px solid #77acd9;
  border-radius: 4px; }

.dotvvm-bp-drop-down-list .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled).bp-state-selected {
  background: #337ab7;
  border: 1px solid #337ab7;
  color: #fff; }

.dotvvm-bp-drop-down-list .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled).bp-state-selected:hover {
  background: #337ab7;
  color: #fff;
  border: 1px solid #c7ddef;
  cursor: default; }

.dotvvm-bp-drop-down-list .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled).bp-state-selected.bp-state-focused {
  border: 1px solid #77acd9;
  border-radius: 4px; }

.dotvvm-bp-drop-down-list .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled).bp-state-selected.bp-state-focused:hover {
  border: 1px solid #c7ddef;
  border-radius: 4px; }

.dotvvm-bp-drop-down-list .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled):hover {
  background-color: #c7ddef;
  color: #337ab7;
  border: 1px solid #8bb8df;
  cursor: pointer; }

.dotvvm-bp-drop-down-list .bp-popup.bp-has-list > .bp-list > .bp-item:not(.bp-state-disabled):hover.bp-state-focused {
  border: 1px solid #77acd9; }

.dotvvm-bp-drop-down-list.bp-state-focused {
  outline: none;
  border-color: #77acd9 !important;
  box-shadow: 0 0 0 1px #77acd9; }

.dotvvm-bp-drop-down-list > .bp-value {
  position: relative;
  padding-left: 12px;
  padding-right: 34.8px;
  height: 100%;
  cursor: pointer;
  width: 100%; }

.dotvvm-bp-drop-down-list > .bp-value > .bp-contents {
  position: relative;
  user-select: text;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 19px;
  margin: 8px 0;
  /*> span {
                position: absolute;
                display: block;
                top: 50%;
                left: 0;
                transform: translate(0, -50%);
            }*/ }

.dotvvm-bp-drop-down-list > .bp-value > .bp-placeholder {
  font-size: 13.6px;
  color: grey;
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translate(0, -50%);
  margin-top: 1.36px; }

.dotvvm-bp-drop-down-list.bp-state-disabled > .bp-value {
  cursor: default !important; }

.dotvvm-bp-drop-down-list.bp-allow-unselect:not(.bp-state-empty-value) > .bp-value {
  padding-right: 45.6px; }

.loading-dots {
  text-align: center;
  z-index: 5; }
  .loading-dots .dot {
    display: inline;
    margin-left: 0.2em;
    margin-right: 0.2em;
    position: relative;
    top: -1em;
    font-size: 3.5em;
    opacity: 0;
    animation: showHideDot 2.5s ease-in-out infinite; }
    .loading-dots .dot.one {
      animation-delay: 0.2s; }
    .loading-dots .dot.two {
      animation-delay: 0.4s; }
    .loading-dots .dot.three {
      animation-delay: 0.6s; }

@keyframes showHideDot {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  60% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("/Resources/Images/slick/ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("/Resources/fonts/slick/slick.eot");
  src: url("/Resources/fonts/slick/slick.eot?#iefix") format("embedded-opentype"), url("/Resources/fonts/slick/slick.woff") format("woff"), url("/Resources/fonts/slick/slick.ttf") format("truetype"), url("/Resources/fonts/slick/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: black;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

@font-face {
  font-family: Lucida;
  src: url("../fonts/Lucida Handwriting Italic.ttf"); }

.padding-top-10 {
  padding-top: 10px; }

.font-size-20 {
  font-size: 20px; }

article section {
  padding: 0; }

.cookies {
  display: none; }

body {
  font-family: Meiryo, sans-serif;
  overflow-x: hidden; }

p, address, .content, .email, .phone, .contact {
  font-size: 20px; }

p.small {
  font-size: 16px; }

.block {
  display: block; }

.gold {
  color: #e0c590; }

a,
a:hover,
a:focus,
a:active,
a.active {
  color: #e0c590; }

.state-half-right {
  background: linear-gradient(to right, #FF0000 50%, rgba(255, 0, 0, 0) 51%); }

.state-half-left {
  background: linear-gradient(to left, #FF0000 50%, rgba(255, 0, 0, 0) 51%); }

label {
  word-wrap: break-word; }

.localization .dropdown-menu {
  min-width: 186px; }

.deutch-h1 {
  font-size: 26px; }

h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: uppercase;
  font-weight: 700; }

hr.star-light,
hr.star-primary {
  padding: 0;
  border: none;
  text-align: center;
  border-top: solid 5px;
  max-width: 250px;
  margin: 25px auto 30px;
  color: #e0c590; }

hr.star-primary:after {
  background-color: #d9d9d9; }

hr.star-light:after {
  background-color: #e0c590; }

.language {
  padding-left: 10px; }

.submenu.information-menu .dropdown-menu {
  min-width: 251px; }
  .submenu.information-menu .dropdown-menu li a {
    padding: 0px;
    font-weight: 700; }

.submenu li {
  cursor: pointer;
  padding: 10px; }

.submenu .dropdown-menu {
  left: 20px; }

.img-centered {
  margin: 0 auto; }

.dotvvm-bp-control.bp-popup.dotvvm-bp-date-time-range-picker {
  position: relative;
  left: 0 !important; }

.dotvvm-bp-numeric-up-down {
  width: 100%; }

.text-danger {
  color: #ff0400; }

header {
  text-align: center;
  color: white; }
  header .lipno-image {
    display: flex;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: flex-start;
    background-image: url(../Images/wood-591631_1920.jpg);
    padding: 100px 30px; }
    header .lipno-image h1 {
      padding: 10px; }
    @media (max-width: 991px) {
      header .lipno-image {
        flex-direction: column;
        color: white;
        align-items: center;
        padding: 35px 30px; }
        header .lipno-image .item {
          flex: 0 1 auto;
          order: 1; }
          header .lipno-image .item img {
            height: 200px;
            -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.59);
            -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.59);
            box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.59); }
          header .lipno-image .item.title {
            display: none; }
          header .lipno-image .item.preview {
            display: none; } }
    @media (min-width: 992px) {
      header .lipno-image {
        flex-direction: row; }
        header .lipno-image .item {
          order: 0;
          flex: 0 1 auto;
          align-self: center;
          position: relative;
          padding: 0 25px; }
          header .lipno-image .item .button {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            height: 100%;
            content: "";
            padding: 60px 0 0;
            border-top: 0 solid;
            border-right: 0 solid;
            border-bottom: 1px solid rgba(0, 0, 0, 0.2);
            border-left: 1px solid rgba(0, 0, 0, 0.2);
            -webkit-border-radius: 0 10px 200px / 0 200px 14px 250px;
            border-radius: 0 10px 200px / 0 200px 14px 250px;
            font: normal 34px/1.3 Lucida;
            color: #002060;
            text-align: center;
            -o-text-overflow: clip;
            text-overflow: clip;
            white-space: pre-wrap;
            background: -webkit-repeating-linear-gradient(-90deg, rgba(129, 203, 188, 0.5) 0, rgba(129, 203, 188, 0.5) 0.44%, transparent 0.44%, transparent 22%), #fcf59b;
            background: -moz-repeating-linear-gradient(180deg, rgba(129, 203, 188, 0.5) 0, rgba(129, 203, 188, 0.5) 0.44%, transparent 0.44%, transparent 22%), #fcf59b;
            background: repeating-linear-gradient(180deg, rgba(129, 203, 188, 0.5) 0, rgba(129, 203, 188, 0.5) 0.44%, transparent 0.44%, transparent 22%), #fcf59b;
            background-position: 50% 50%;
            -webkit-background-origin: padding-box;
            background-origin: padding-box;
            -webkit-background-clip: border-box;
            background-clip: border-box;
            -webkit-background-size: auto auto;
            background-size: auto auto;
            -webkit-box-shadow: -3px 5px 12px 0 rgba(0, 0, 0, 0.1);
            box-shadow: -3px 5px 12px 0 rgba(0, 0, 0, 0.1);
            -webkit-transform: rotateZ(-4deg);
            transform: rotateZ(-4deg);
            -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.59);
            -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.59);
            box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.59); }
          header .lipno-image .item .button::after, header .lipno-image .item .stick::after {
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
            width: 30px;
            height: 30px;
            position: absolute;
            content: "";
            top: 9px;
            right: 0;
            left: 122px;
            border: none;
            -webkit-border-radius: 30px;
            border-radius: 30px;
            font: normal medium/normal Arial, Helvetica, sans-serif;
            color: rgba(0, 0, 0, 0.9);
            -o-text-overflow: clip;
            text-overflow: clip;
            background: -webkit-radial-gradient(circle closest-side, #1977c4 0, #1977c4 4%, #0c71c9 77%, rgba(255, 255, 255, 0) 89%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(circle closest-side, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.2) 81%, rgba(255, 255, 255, 0) 92%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(closest-side, #4096ee 0, #4096ee 100%), rgba(255, 255, 255, 0.9);
            background: -moz-radial-gradient(circle closest-side, #1977c4 0, #1977c4 4%, #0c71c9 77%, rgba(255, 255, 255, 0) 89%, rgba(255, 255, 255, 0) 100%), -moz-radial-gradient(circle closest-side, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.2) 81%, rgba(255, 255, 255, 0) 92%, rgba(255, 255, 255, 0) 100%), -moz-radial-gradient(closest-side, #4096ee 0, #4096ee 100%), rgba(255, 255, 255, 0.9);
            background: radial-gradient(circle closest-side, #1977c4 0, #1977c4 4%, #0c71c9 77%, rgba(255, 255, 255, 0) 89%, rgba(255, 255, 255, 0) 100%), radial-gradient(circle closest-side, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.2) 81%, rgba(255, 255, 255, 0) 92%, rgba(255, 255, 255, 0) 100%), radial-gradient(closest-side, #4096ee 0, #4096ee 100%), rgba(255, 255, 255, 0.9);
            background-repeat: no-repeat;
            background-position: 96% -4%, 71% 43%, 50% 50%;
            -webkit-background-origin: padding-box;
            background-origin: padding-box;
            -webkit-background-clip: border-box;
            background-clip: border-box;
            -webkit-background-size: 20px 20px, 20px 20px, auto auto;
            background-size: 20px 20px, 20px 20px, auto auto;
            -webkit-box-shadow: -4px 8px 5px 1px rgba(0, 0, 0, 0.2);
            box-shadow: -4px 8px 5px 1px rgba(0, 0, 0, 0.2);
            text-shadow: none; }
          header .lipno-image .item .button-gold::after {
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
            width: 30px;
            height: 30px;
            position: absolute;
            content: "";
            top: 9px;
            right: 0;
            left: 250px;
            border: none;
            -webkit-border-radius: 30px;
            border-radius: 30px;
            font: normal medium/normal Arial, Helvetica, sans-serif;
            color: rgba(0, 0, 0, 0.9);
            -o-text-overflow: clip;
            text-overflow: clip;
            background: -webkit-radial-gradient(circle closest-side, #ffd966 0, #ffd966 48%, #ffd966 49%, #ffd966 77%, #ffd966 79%, rgba(255, 255, 255, 0) 89%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(circle closest-side, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.2) 81%, rgba(255, 255, 255, 0) 92%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(closest-side, #ffd966 0, #ffd966 100%), rgba(255, 255, 255, 0.9);
            background: -moz-radial-gradient(circle closest-side, #ffd966 0, #ffd966 48%, #ffd966 49%, #ffd966 77%, #ffd966 79%, rgba(255, 255, 255, 0) 89%, rgba(255, 255, 255, 0) 100%), -moz-radial-gradient(circle closest-side, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.2) 81%, rgba(255, 255, 255, 0) 92%, rgba(255, 255, 255, 0) 100%), -moz-radial-gradient(closest-side, #ffd966 0, #ffd966 100%), rgba(255, 255, 255, 0.9);
            background: radial-gradient(circle closest-side, #ffd966 0, #ffd966 48%, #ffd966 49%, #ffd966 77%, #ffd966 79%, rgba(255, 255, 255, 0) 89%, rgba(255, 255, 255, 0) 100%), radial-gradient(circle closest-side, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.2) 81%, rgba(255, 255, 255, 0) 92%, rgba(255, 255, 255, 0) 100%), radial-gradient(closest-side, #ffd966 0, #ffd966 100%), rgba(255, 255, 255, 0.9);
            background-repeat: no-repeat;
            background-position: 96% -4%, 71% 43%, 50% 50%;
            -webkit-background-origin: padding-box;
            background-origin: padding-box;
            -webkit-background-clip: border-box;
            background-clip: border-box;
            -webkit-background-size: 20px 20px, 20px 20px, auto auto;
            background-size: 20px 20px, 20px 20px, auto auto;
            -webkit-box-shadow: -4px 8px 5px 1px rgba(0, 0, 0, 0.2);
            box-shadow: -4px 8px 5px 1px rgba(0, 0, 0, 0.2);
            text-shadow: none; }
          header .lipno-image .item .button-red::after {
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
            width: 30px;
            height: 30px;
            position: absolute;
            content: "";
            top: 9px;
            right: 0;
            left: 122px;
            border: none;
            -webkit-border-radius: 30px;
            border-radius: 30px;
            font: normal medium/normal Arial, Helvetica, sans-serif;
            color: rgba(0, 0, 0, 0.9);
            -o-text-overflow: clip;
            text-overflow: clip;
            background: -webkit-radial-gradient(circle closest-side, red 0, red 4%, red 77%, rgba(255, 255, 255, 0) 89%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(circle closest-side, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.2) 81%, rgba(255, 255, 255, 0) 92%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(closest-side, red 0, red 100%), rgba(255, 255, 255, 0.9);
            background: -moz-radial-gradient(circle closest-side, red 0, red 4%, red 77%, rgba(255, 255, 255, 0) 89%, rgba(255, 255, 255, 0) 100%), -moz-radial-gradient(circle closest-side, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.2) 81%, rgba(255, 255, 255, 0) 92%, rgba(255, 255, 255, 0) 100%), -moz-radial-gradient(closest-side, red 0, red 100%), rgba(255, 255, 255, 0.9);
            background: radial-gradient(circle closest-side, red 0, red 4%, red 77%, rgba(255, 255, 255, 0) 89%, rgba(255, 255, 255, 0) 100%), radial-gradient(circle closest-side, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.2) 81%, rgba(255, 255, 255, 0) 92%, rgba(255, 255, 255, 0) 100%), radial-gradient(closest-side, red 0, red 100%), rgba(255, 255, 255, 0.9);
            background-repeat: no-repeat;
            background-position: 96% -4%, 71% 43%, 50% 50%;
            -webkit-background-origin: padding-box;
            background-origin: padding-box;
            -webkit-background-clip: border-box;
            background-clip: border-box;
            -webkit-background-size: 20px 20px, 20px 20px, auto auto;
            background-size: 20px 20px, 20px 20px, auto auto;
            -webkit-box-shadow: -4px 8px 5px 1px rgba(0, 0, 0, 0.2);
            box-shadow: -4px 8px 5px 1px rgba(0, 0, 0, 0.2);
            text-shadow: none; }
          header .lipno-image .item img {
            height: 400px;
            -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.59);
            -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.59);
            box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.59); } }

.dotvvm-bp-range-calendar {
  width: 100%;
  height: 292px;
  border: 4px solid #e0c590; }
  .dotvvm-bp-range-calendar .bp-calendar thead .bp-month th {
    padding-left: 4%; }

header .container-fluid {
  padding-top: 100px;
  padding-bottom: 50px; }

header .intro-text .name {
  display: block;
  font-family: Lucida, cursive;
  text-transform: capitalize;
  font-weight: 700;
  font-size: 3em;
  padding-top: 30px;
  text-shadow: -2px -1px 2px rgba(255, 255, 255, 0.4); }

header .intro-text .skills {
  font-size: 1.25em;
  font-weight: 300;
  color: white; }

@media (min-width: 768px) {
  header .container-fluid {
    padding-top: 115px;
    padding-bottom: 100px; }
  header .intro-text .name {
    font-size: 4.75em; }
  header .intro-text .skills {
    font-size: 1.75em; } }

.navbar-custom {
  background: white;
  text-transform: uppercase;
  font-weight: 700;
  border: none;
  color: #002060; }

.navbar-custom .navbar-brand {
  text-transform: capitalize;
  font-size: x-large;
  color: #002060; }

.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus,
.navbar-custom .navbar-brand:active,
.navbar-custom .navbar-brand.active {
  color: #002060; }

.navbar-custom .navbar-nav {
  letter-spacing: 1px; }

.navbar-custom .navbar-nav li {
  margin: 3px;
  border: solid 3px #e0c590; }

.navbar-custom .navbar-nav li a {
  color: #002060; }

.navbar-custom .navbar-nav li a:hover {
  color: #e0c590; }

.navbar-custom .navbar-nav li a:focus,
.navbar-custom .navbar-nav li a:active {
  color: #e0c590; }

.navbar-custom .navbar-nav li.active a {
  color: black;
  background: #e0c590; }

.navbar-custom .navbar-nav li.active a:hover,
.navbar-custom .navbar-nav li.active a:focus,
.navbar-custom .navbar-nav li.active a:active {
  color: black;
  background: #e0c590; }

.navbar-custom .navbar-toggle {
  color: black;
  text-transform: uppercase;
  font-size: 20px;
  border-color: white; }

.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #e0c590;
  color: black;
  border-color: #e0c590; }

@media (min-width: 768px) {
  .navbar-custom {
    padding: 25px 0;
    -webkit-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    transition: padding 0.3s; }
  .navbar-custom .navbar-brand {
    font-size: 2em;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; }
  .navbar-custom.affix {
    padding: 10px 0; }
  .navbar-custom.affix .navbar-brand {
    font-size: 1.5em; } }

.icon-small {
  height: 18px;
  margin: 0;
  padding: 0; }

.icon-medium {
  height: 22px;
  margin: 0;
  padding: 0; }

section {
  padding: 100px 0; }

section.information {
  padding: 50px 0;
  padding-top: 100px; }

section h2 {
  margin: 0;
  font-size: 3em; }

section.success {
  background: #2C3E50;
  color: white; }

.padding-15 {
  padding: 15px 0; }

@media (max-width: 767px) {
  section {
    padding: 75px 0; }
  header {
    background-position-x: -400px; }
  section.first {
    padding-top: 75px; } }

@media (max-width: 1575px) {
  header {
    background-position-x: -290px; } }

#portfolio .portfolio-item {
  margin: 0 0 15px;
  right: 0;
  line-height: 3; }

#portfolio .portfolio-item .portfolio-link {
  display: block;
  position: relative;
  max-width: 400px;
  margin: 0 auto; }

#portfolio .portfolio-item .portfolio-link .caption {
  background: rgba(0, 32, 96, 0.3);
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s; }

#portfolio .portfolio-item .portfolio-link .caption:hover {
  opacity: 1; }

#portfolio .portfolio-item .portfolio-link .caption .caption-content {
  position: absolute;
  width: 100%;
  height: 20px;
  font-size: 20px;
  text-align: center;
  top: 50%;
  margin-top: -12px;
  color: white; }

#portfolio .portfolio-item .portfolio-link .caption .caption-content i {
  margin-top: -12px; }

#portfolio .portfolio-item .portfolio-link .caption .caption-content h3,
#portfolio .portfolio-item .portfolio-link .caption .caption-content h4 {
  margin: 0; }

#portfolio * {
  z-index: 2; }

@media (min-width: 767px) {
  #portfolio .portfolio-item {
    margin: 0 0 30px; } }

#reservation .row.padding-line {
  padding-top: 29px; }

#reservation input[type=submit] {
  width: 100%; }

#reservation #reservationTerms {
  height: auto; }
  #reservation #reservationTerms span {
    padding-left: 5px; }

#reservation .price {
  font-weight: 900; }

#reservation .btn-default.reservation {
  background-color: #e0c590;
  border-color: none; }

#reservation .range {
  text-align: center;
  font-size: large; }
  @media (min-width: 1700px) {
    #reservation .range {
      font-size: xx-large; } }
  #reservation .range span {
    display: inline-block; }

#reservation .legend {
  vertical-align: middle; }
  #reservation .legend span {
    padding-left: 25px;
    display: inline-block; }
  #reservation .legend div {
    padding-top: 5px; }
  #reservation .legend .dot::before {
    content: '';
    height: 20px;
    width: 20px;
    background-color: white;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    position: absolute;
    left: 16px; }
  #reservation .legend .red::before {
    background-color: red; }
  #reservation .legend .blue::before {
    background-color: #337ab7; }
  #reservation .legend .half::before {
    background: linear-gradient(to right, #FF0000 50%, white 51%); }

.floating-label-form-group {
  position: relative;
  margin-bottom: 0;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #eeeeee; }

.floating-label-form-group input,
.floating-label-form-group textarea {
  z-index: 1;
  position: relative;
  padding-right: 0;
  padding-left: 0;
  border: none;
  border-radius: 0;
  font-size: 1.5em;
  background: none;
  box-shadow: none !important;
  resize: none; }

.floating-label-form-group label {
  display: block;
  z-index: 0;
  position: relative;
  top: 2em;
  margin: 0;
  font-size: 0.85em;
  line-height: 1.764705882em;
  vertical-align: middle;
  vertical-align: baseline;
  opacity: 0;
  -webkit-transition: top 0.3s ease,opacity 0.3s ease;
  -moz-transition: top 0.3s ease,opacity 0.3s ease;
  -ms-transition: top 0.3s ease,opacity 0.3s ease;
  transition: top 0.3s ease,opacity 0.3s ease; }

.floating-label-form-group:not(:first-child) {
  padding-left: 14px;
  border-left: 1px solid #eeeeee; }

.floating-label-form-group-with-value label {
  top: 0;
  opacity: 1; }

.floating-label-form-group-with-focus label {
  color: #18BC9C; }

form .row:first-child .floating-label-form-group {
  border-top: 1px solid #eeeeee; }

footer {
  color: white; }

footer h3 {
  margin-bottom: 30px;
  color: #e0c590; }

footer .footer-above {
  padding-top: 50px;
  background-color: #2C3E50; }

footer .footer-col {
  margin-bottom: 50px; }

footer .footer-below {
  padding: 25px 0;
  background-color: #233140; }

.btn-outline {
  color: white;
  font-size: 20px;
  border: solid 2px white;
  background: transparent;
  transition: all 0.3s ease-in-out;
  margin-top: 15px; }

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
  color: #e0c590;
  background: white;
  border: solid 2px white; }

.btn-primary {
  color: white;
  background-color: #2C3E50;
  border-color: #2C3E50;
  font-weight: 700; }

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: white;
  background-color: #1a242f;
  border-color: #161f29; }

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none; }

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #2C3E50;
  border-color: #2C3E50; }

.btn-primary .badge {
  color: #2C3E50;
  background-color: white; }

.btn-success {
  color: white;
  background-color: #e0c590;
  border-color: #e0c590;
  font-weight: 700; }

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: white;
  background-color: #e0c590;
  border-color: #e0c590; }

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none; }

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #e0c590;
  border-color: #e0c590; }

.btn-success .badge {
  color: #e0c590;
  background-color: white; }

.btn-social {
  display: inline-block;
  height: 50px;
  width: 50px;
  border: 2px solid white;
  border-radius: 100%;
  text-align: center;
  font-size: 20px;
  line-height: 45px; }

.scroll-top {
  position: fixed;
  right: 2%;
  bottom: 2%;
  width: 50px;
  height: 50px;
  z-index: 1049; }

.scroll-top .btn {
  font-size: 20px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  line-height: 28px; }

.portfolio-modal .modal-content {
  border-radius: 0;
  background-clip: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  min-height: 100%;
  padding: 100px 0;
  text-align: center; }

.portfolio-modal .modal-content h2 {
  margin: 0;
  font-size: 3em; }

.portfolio-modal .modal-content img {
  margin-bottom: 30px; }

.portfolio-modal .modal-content .item-details {
  margin: 30px 0; }

.portfolio-modal .close-modal {
  position: absolute;
  width: 75px;
  height: 75px;
  background-color: transparent;
  top: 25px;
  right: 25px;
  cursor: pointer; }

.portfolio-modal .close-modal:hover {
  opacity: 0.3; }

.portfolio-modal .close-modal .lr {
  height: 75px;
  width: 1px;
  margin-left: 35px;
  background-color: #2C3E50;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Safari and Chrome */
  z-index: 1051; }

.portfolio-modal .close-modal .lr .rl {
  height: 75px;
  width: 1px;
  background-color: #2C3E50;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Safari and Chrome */
  z-index: 1052; }

.portfolio-modal .modal-backdrop {
  opacity: 0;
  display: none; }

#skipnav a {
  padding: 6px;
  position: absolute;
  top: -40px;
  left: 0px;
  color: white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  border-bottom-right-radius: 8px;
  background: transparent;
  transition: top 1s ease-out, background 1s linear;
  z-index: 2000; }

#skipnav a:focus {
  position: absolute;
  left: 0px;
  top: 0px;
  background: #18BC9C;
  outline: 0;
  transition: top 0.1s ease-in, background 0.5s linear; }

div#maincontent {
  outline: none;
  color: #002060;
  padding-bottom: 0px; }

.skills .fa {
  padding-right: 10px;
  padding-left: 10px; }

.navbar-brand i {
  padding-right: 10px; }

.portfolio-item .widget {
  color: #002060; }

.widget {
  font-size: x-large;
  text-align: center; }

.widget .fa {
  padding-right: 10px;
  color: #002060; }

.section-page {
  color: #002060;
  text-align: center;
  font-size: 20px; }
  .section-page .widget {
    font-size: xx-large; }
  .section-page .nav ul {
    font-size: 20px;
    text-align: left; }
  .section-page .nav th {
    text-align: center; }
  .section-page .nav li {
    padding: 10px 0px; }
  .section-page .nav ul {
    list-style: none;
    padding: 0; }
  .section-page .nav li {
    padding-left: 1.3em; }
  .section-page .nav li:before {
    content: "\f13d";
    /* FontAwesome Unicode */
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em;
    /* same as padding-left set on li */
    width: 1.3em;
    /* same as padding-left set on li */ }
  .section-page hr.star-primary:after {
    background-color: white; }
  .section-page h3 .fa {
    padding: 10px; }

#terms .info {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 8px 150px; }
  @media (max-width: 767px) {
    #terms .info {
      margin: 0;
      width: 100%; } }
  #terms .info .item {
    width: 40%; }
    @media (min-width: 1700px) {
      #terms .info .item.padding {
        padding-top: 29px; } }

@media (max-width: 991px) {
  #terms .info {
    flex-direction: column;
    justify-content: center; }
    #terms .info .item {
      width: 100%;
      padding: 15px 0; } }

#aboutLipno {
  font-size: 14px;
  text-align: justify; }
  #aboutLipno h3, #aboutLipno h4 {
    text-align: center;
    color: #e0c590; }
  @media (min-width: 992px) {
    #aboutLipno .fix-height-600 {
      height: 710px; }
    #aboutLipno .fix-height-500 {
      height: 550px; } }
  #aboutLipno img {
    margin: auto;
    min-height: 300px;
    min-width: 350px;
    max-height: 300px;
    max-width: 350px;
    margin-bottom: 20px; }
    @media (max-width: 767px) {
      #aboutLipno img {
        min-height: 0;
        min-width: 0;
        max-height: none;
        max-width: none;
        width: 100%; } }

#prices table {
  width: 100%; }
  #prices table td, #prices table th {
    text-align: center; }
  #prices table tbody tr:hover {
    background: #e0efff; }
  #prices table tbody tr {
    border: 1px solid black; }
  #prices table thead tr {
    background: #e0c590;
    border: 1px solid black; }

#prices .price-footer {
  line-height: 32px; }

@media only screen and (max-width: 769px) {
  #terms li {
    text-align: left; } }

#star-img {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH"; }

@media only screen and (min-width: 769px) {
  .box {
    position: relative; }
  .sale {
    position: absolute;
    right: 0;
    top: -20px;
    padding: 2px;
    font-size: 20px;
    transform: rotate(45deg);
    color: red;
    border: darkred dashed 2px; } }

#map {
  width: 100%;
  height: 300px; }

#star-five {
  margin: auto;
  position: relative;
  display: block;
  color: #f095c1;
  width: 0px;
  height: 0px;
  border-right: 100px solid transparent;
  border-bottom: 70px solid #f095c1;
  border-left: 100px solid transparent;
  -moz-transform: rotate(35deg);
  -webkit-transform: rotate(35deg);
  -ms-transform: rotate(35deg);
  -o-transform: rotate(35deg); }

#star-five:before {
  border-bottom: 80px solid #f095c1;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -45px;
  left: -65px;
  display: block;
  content: '';
  -webkit-transform: rotate(-35deg);
  -moz-transform: rotate(-35deg);
  -ms-transform: rotate(-35deg);
  -o-transform: rotate(-35deg); }

#star-five:after {
  position: absolute;
  display: block;
  color: #f095c1;
  top: 3px;
  left: -105px;
  width: 0px;
  height: 0px;
  border-right: 100px solid transparent;
  border-bottom: 70px solid #f095c1;
  border-left: 100px solid transparent;
  -webkit-transform: rotate(-70deg);
  -moz-transform: rotate(-70deg);
  -ms-transform: rotate(-70deg);
  -o-transform: rotate(-70deg);
  content: ''; }

section h2 {
  color: #e0c590; }

#contact {
  padding: 50px 0px;
  padding-top: 100px; }
  #contact .information-text {
    padding-bottom: 25px; }

.contact-succes {
  color: #002060; }

.contact span {
  color: #e0c590; }
  @media (max-width: 1199px) {
    .contact span {
      display: block; } }

.container-img {
  padding-top: 10px; }
  .container-img div {
    position: relative;
    display: inline-block; }

.container-img .image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden; }

.container-img .middle {
  transition: .5s ease;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 100%; }

.container-img .text {
  background-color: #2C3E50;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
  opacity: 0.8;
  width: 100%; }

#gallery .back {
  color: #2C3E50; }

#gallery img {
  margin: auto;
  max-width: 1200px;
  max-height: 900px; }

.white-background {
  background: white !important;
  padding: 20px; }

.white, .portfolio-modal {
  background-color: white; }

#news article section:first-child .star-primary-section {
  display: none; }

.btn-default.back {
  color: #2C3E50;
  border-color: #e0c590;
  margin-top: 20px; }

.slick-slide img {
  width: 100%;
  padding: 0 10px; }
