/*
Tento soubor NEUPRAVUJ přímo, jinak o změny přijdeš. Upravuj zdroje v .less souborech.
LESS compiled 30. 8. 2023 - 08:41:22
*/
#paymentGateway {
  margin-bottom: 1em;
}
#paymentGateway h2 {
  text-align: center;
  padding-top: 0px;
  margin-bottom: .5em;
}
#paymentGateway .gateway {
  text-align: center;
  display: inline-block;
  border: solid 1px #8c8c8c;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  margin: 0em 1em;
  padding: 10px;
  height: 80px;
}
#paymentGateway .gateway label {
  height: 60%;
  display: block;
  cursor: pointer;
}
#paymentGateway .gateway img {
  display: inline-block;
  margin-bottom: 5px;
  max-height: 50px;
}
#AddCredit {
  text-align: center;
}
#AddCredit .gateways {
  margin: 1.5em 0em;
}
#AddCredit.hpForm {
  padding: 0;
}
#AddCredit.hpForm .good_container {
  display: block;
  background: none;
  color: #0d1e75;
  text-align: center;
}
#AddCredit.hpForm .forms-input {
  width: 70px;
  margin-left: .5em;
  padding: .5em;
}
#AddCredit .topup {
  margin: 0 auto;
  margin-top: 1em;
  width: 200px;
}
.paymentHandler {
  margin: 0 auto;
}
#paymentGatewayLogos {
  margin-top: 3em;
  text-align: center;
}
#paymentGatewayLogos img {
  max-height: 64px;
  margin: 0em 1em;
}
.ContactConfirmation .button,
.ContactConfirmation .button2 {
  margin: auto;
  display: block;
}
#CreateCustomerWrapper {
  border-right: 1px solid black;
  margin-right: 1.15em;
  float: left;
  width: auto;
  position: relative;
}
#CreateCustomerWrapper .CreateCustomer.hpForm {
  padding: 0px;
  padding-right: 1.15em;
}
#CreateCustomerWrapper .formButtons {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
#CreateCustomerWrapper .sections {
  max-height: 210px;
  margin-bottom: 2em;
  overflow-y: auto;
}
#CreateCustomerWrapper #warningPayment {
  clear: both;
  color: red;
  padding: .2em;
  display: none;
}
#CreateCustomer,
#AddContract {
  margin: auto;
  width: 338px;
}
#CreateCustomer .formButtons,
#AddContract .formButtons {
  margin-top: 1em;
  position: relative;
}
#CreateCustomer .hpForm-separator,
#AddContract .hpForm-separator {
  height: 1em;
}
#CreateCustomer input.forms-input,
#AddContract input.forms-input {
  width: 320px;
}
#CreateCustomer tr.Agreement td,
#AddContract tr.Agreement td {
  text-align: center;
  padding: 1em 0em;
}
#CreateCustomer tr.Agreement .label,
#AddContract tr.Agreement .label {
  cursor: pointer;
}
#CreateCustomer tr.Agreement .label span,
#AddContract tr.Agreement .label span {
  color: #ff0000;
  text-decoration: underline;
}
.EBikeMotorProfiles {
  display: inline-block;
  width: 80%;
  max-width: 20em;
}
.EBikeMotorProfiles a {
  font-weight: 200;
  margin-bottom: .5em;
  display: block;
  text-transform: lowercase;
  background-color: #1aa4d3;
  color: white;
  border: none;
  text-decoration: none;
  padding: 1em;
  border: 1px solid #333;
  text-align: center;
}
.EBikeMotorProfiles a.on {
  background: black;
}
.EBikeMotorProfiles a span {
  font-size: 170%;
}
.EBikeMotorProfiles a small {
  display: block;
}
.datepicker {
  font-family: "Open Sans", sans-serif;
}
.tarifDetailSectionBorder {
  border-bottom: 1px solid #eee;
}
.specialTarifs {
  margin-top: 1em;
}
.specialTarifs .specialTarif {
  border-bottom: solid 1px #dddddd;
  padding-bottom: .8em;
}
.tarifDescription {
  font: normal normal 200 100% "Open Sans", sans-serif;
  color: #777;
  text-transform: lowercase;
  text-align: left;
}
.tarifDescription span.tarifValue {
  text-transform: none;
  font: normal normal 600 100% "Open Sans", sans-serif;
  color: black;
  display: block;
}
table tr.Agreement td {
  font-weight: bold;
  font-size: 120%;
}
.GetBusinessRulesExpanded {
  max-width: 75%;
  margin: auto;
  text-align: left;
  position: relative;
  max-width: 760px;
}
.GetBusinessRulesExpanded .tarifDetail {
  border-bottom: 1px solid #dddddd;
  text-align: center;
  margin-bottom: 2em;
}
.GetBusinessRulesExpanded .tarifDetail .buy {
  display: inline-block;
}
.GetBusinessRulesExpanded .tarifDetail .header {
  width: 100%;
  margin: auto;
  border: none;
  margin-top: 1.3em;
}
.GetBusinessRulesExpanded .tarifDetail .PriceIntervalsWrapper {
  margin-top: .5em;
  padding-bottom: 1em;
}
.GetBusinessRulesExpanded .tarifDetail .PriceIntervalsWrapper .title {
  font-weight: 600;
  font-size: 1.5em;
}
.GetBusinessRulesExpanded .empty {
  display: none;
  text-align: center;
  padding: 1em 0em;
  font-size: 140%;
  font-weight: 600;
}
.tarifDetail {
  line-height: 1.7em;
}
.tarifDetail .buy {
  display: none;
}
.tarifDetail .header {
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #eee;
  font-size: 1.2em;
}
.tarifDetail .header .cleaner {
  margin: .8em 0em;
  height: 1px;
  width: 100%;
}
.tarifDetail .header .info {
  float: left;
  display: block;
  font: normal normal 200 100% "Open Sans", sans-serif;
  color: #777;
  text-transform: lowercase;
  text-align: left;
}
.tarifDetail .header .info span.tarifValue {
  text-transform: none;
  font: normal normal 600 100% "Open Sans", sans-serif;
  color: black;
  display: block;
}
.tarifDetail .header .info.Name {
  width: auto;
}
.tarifDetail .header .info.Description {
  clear: left;
  max-width: 650px;
  margin-top: .8em;
}
.tarifDetail .header .info.PeriodLength,
.tarifDetail .header .info.DefaultInitialCreditPayment {
  width: 38%;
}
.tarifDetail .header .info.PeriodFee,
.tarifDetail .header .info.MinCredit {
  width: 38%;
}
.tarifDetail .header .info.MaxSimRentals,
.tarifDetail .header .info.PeriodType {
  float: right;
  width: 22%;
}
.tarifDetail .PriceIntervalsWrapper div.title {
  font-weight: 200;
  font-size: 1.2em;
  text-transform: lowercase;
  text-align: center;
}
.sliderFilters {
  margin: auto;
  width: auto;
  margin-top: 1em;
  margin-bottom: 2em;
}
.sliderFilter {
  display: inline-block;
  position: relative;
  margin: 0em 4em;
  width: auto;
  min-width: 400px !important;
  color: #454544;
}
.sliderFilter .filterWrap {
  position: relative;
  top: .3em;
  min-height: 100px;
}
.sliderFilter .title {
  text-align: center;
  font-size: 1.2em;
  margin-bottom: .5em;
  min-width: 400px;
}
.sliderFilter .noUi-value {
  color: #0d1e75;
}
.sliderFilter .noUi-value.inactive {
  color: #454544;
}
#MaxSimRentals .noUi-value {
  background: url("https://shared.homeport.cz/2.8.0//tkhs/imgs/yellow-lightblue/GetBusinessRules/sliderStep.png") no-repeat bottom center;
  padding-bottom: 25px;
}
#MaxSimRentals .noUi-value.inactive {
  background-image: url("https://shared.homeport.cz/2.8.0//tkhs/imgs/yellow-lightblue/GetBusinessRules/sliderStepOff.png");
}
#PeriodLength .slider {
  left: 51px;
  bottom: 30px;
}
#PeriodLength .sliderSteps div.step {
  width: 100px;
}
#PeriodLength .sliderSteps div.step.inactive {
  color: #454544;
}
.GetBusinessRules .column-1 {
  text-align: left;
}
.GetBusinessRules span.buy {
  height: auto;
  padding: 6px 6px;
  text-transform: uppercase;
  font-weight: 600;
}
.sliderWrapper {
  position: relative;
  margin: auto;
  margin-top: 1em;
  margin-bottom: 1em;
}
.sliderWrapper .slider {
  position: absolute;
}
.sliderWrapper .sliderSteps div.step {
  color: #0d1e75;
  float: left;
  text-align: center;
}
.sliderWrapper .sliderSteps div.step div.line {
  background: #9c9ea0;
  width: 1px;
  height: 40px;
  margin: auto;
}
.sliderWrapper .sliderSteps div.step span {
  display: inline-block;
  margin-top: 2px;
}
.loggedCustomer {
  position: relative;
  min-width: 300px;
}
#signUp,
#CreateCustomer {
  line-height: 1.5em;
}
#signUp .currentContractMinCredit,
#CreateCustomer .currentContractMinCredit {
  margin-top: 8px;
}
#signUp .note,
#CreateCustomer .note {
  width: 100%;
  text-align: center;
  margin: auto;
  margin-top: 1em;
}
#signUp input.hpForm-submit,
#CreateCustomer input.hpForm-submit {
  padding: 1em .5em;
}
#signUp .info,
#CreateCustomer .info {
  text-align: left;
  margin: .7em 0px .7em 0px;
  padding-bottom: .4em;
  border-bottom: 1px solid ;
}
#signUp .info#Balance,
#CreateCustomer .info#Balance {
  margin-bottom: 1em;
}
#signUp .warning,
#CreateCustomer .warning {
  display: none;
  text-align: left;
  border: 1px solid #3f3f3f;
  background: #e1e1e1;
  color: red;
  padding: 8px;
  margin: 3px 0px 0px 0px;
}
#signUp .hpForm-nadpis-formulare,
#CreateCustomer .hpForm-nadpis-formulare {
  font-size: 2em;
}
#signUp .sections,
#CreateCustomer .sections {
  text-align: left;
}
#signUp .sections .PeriodCalendar,
#CreateCustomer .sections .PeriodCalendar {
  float: right;
  text-align: right;
}
#signUp .sections .PeriodCalendar #PeriodStartWrapper,
#signUp .sections .PeriodCalendar #PeriodEndWrapper,
#CreateCustomer .sections .PeriodCalendar #PeriodStartWrapper,
#CreateCustomer .sections .PeriodCalendar #PeriodEndWrapper {
  line-height: 1.8em;
  display: block;
}
#signUp .sections .PeriodCalendar #PeriodStartWrapper input,
#signUp .sections .PeriodCalendar #PeriodEndWrapper input,
#CreateCustomer .sections .PeriodCalendar #PeriodStartWrapper input,
#CreateCustomer .sections .PeriodCalendar #PeriodEndWrapper input {
  width: auto;
}
#signUp .sections .PeriodCalendar #PeriodStartWrapper label,
#signUp .sections .PeriodCalendar #PeriodEndWrapper label,
#CreateCustomer .sections .PeriodCalendar #PeriodStartWrapper label,
#CreateCustomer .sections .PeriodCalendar #PeriodEndWrapper label {
  margin-right: .5em;
  float: none;
}
#signUp .sections .PeriodCalendar #PeriodEnd,
#CreateCustomer .sections .PeriodCalendar #PeriodEnd {
  margin-top: .25em;
}
#signUp .sections .PeriodCalendar label,
#CreateCustomer .sections .PeriodCalendar label {
  float: right;
}
#signUp .sections .PeriodCalendar input.readonly,
#CreateCustomer .sections .PeriodCalendar input.readonly {
  background: #ddd;
}
#signUp .sections .section,
#CreateCustomer .sections .section {
  border-bottom: 1px solid #eee;
  padding: .5em 0em;
  font: normal normal 200 100% "Open Sans", sans-serif;
  color: #777;
  text-transform: lowercase;
  text-align: left;
}
#signUp .sections .section .fl,
#CreateCustomer .sections .section .fl {
  max-width: 50%;
}
#signUp .sections .section .fr,
#CreateCustomer .sections .section .fr {
  max-width: 50%;
  text-align: right;
}
#signUp .sections .section .Name,
#signUp .sections .section .MaxSimRentals,
#signUp .sections .section .MinCredit,
#signUp .sections .section .PeriodCalendar,
#signUp .sections .section .Period,
#signUp .sections .section .PeriodFee,
#signUp .sections .section .PeriodType,
#signUp .sections .section .DefaultInitialCreditPayment,
#CreateCustomer .sections .section .Name,
#CreateCustomer .sections .section .MaxSimRentals,
#CreateCustomer .sections .section .MinCredit,
#CreateCustomer .sections .section .PeriodCalendar,
#CreateCustomer .sections .section .Period,
#CreateCustomer .sections .section .PeriodFee,
#CreateCustomer .sections .section .PeriodType,
#CreateCustomer .sections .section .DefaultInitialCreditPayment {
  width: 48%;
}
#signUp .sections .section span.tarifValue,
#CreateCustomer .sections .section span.tarifValue {
  text-transform: none;
  font: normal normal 600 100% "Open Sans", sans-serif;
  color: black;
  display: block;
}
#signUp .sections .section .BikeTypes,
#CreateCustomer .sections .section .BikeTypes {
  margin-top: .4em;
}
#signUp .sections .section .Period,
#CreateCustomer .sections .section .Period {
  width: 27%;
}
#signUp .sections .section .PeriodCalendar,
#CreateCustomer .sections .section .PeriodCalendar {
  width: 73%;
}
#signUp .sections .section .PeriodType,
#CreateCustomer .sections .section .PeriodType {
  float: right;
  text-align: right;
}
#signUp .sections .section .PeriodFee,
#CreateCustomer .sections .section .PeriodFee {
  float: left;
}
#signUp .sections .section .MinCredit,
#CreateCustomer .sections .section .MinCredit {
  float: left;
}
#signUp .sections .section .DefaultInitialCreditPayment,
#CreateCustomer .sections .section .DefaultInitialCreditPayment {
  float: right;
  text-align: right;
}
#signUp .sections .section.noteFree,
#CreateCustomer .sections .section.noteFree {
  text-transform: none;
  font-weight: 600;
  color: black;
}
#signUp .sections .section .Name,
#CreateCustomer .sections .section .Name {
  float: left;
}
#signUp .sections .section .MaxSimRentals,
#CreateCustomer .sections .section .MaxSimRentals {
  float: right;
  text-align: right;
}
.GetBusinessRulesSeparator {
  margin: 0em 1.5em;
  border-left: 1px solid black;
  width: 1px;
  height: 432px;
  float: left;
}
#tarifCustomization {
  padding: 0px;
  float: right;
  width: 420px;
  position: relative;
}
#tarifCustomization input {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 4px;
  border: 1px solid #999;
}
#UsageTerms {
  width: 80%;
  height: 550px;
  overflow-y: auto;
}
#UsageTerms #UsageTermsContent {
  text-align: left;
  font-size: .85em;
  font-weight: normal;
}
#UsageTerms #UsageTermsContent h1,
#UsageTerms #UsageTermsContent h2,
#UsageTerms #UsageTermsContent h2 {
  text-align: left;
}
.hpForm.smallForm {
  border: 1px solid #c7c8cb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin: auto;
  width: 400px;
  max-width: 90%;
}
.hpForm.smallForm table {
  width: 100%;
  margin-bottom: 0.5em;
}
.hpForm.smallForm input.forms-input {
  width: 94%;
  padding: 2%;
}
.hpForm.smallForm .hpForm-submit {
  margin: 0em;
  display: block;
}
.hpForm.smallForm .hpForm-submit.registration {
  width: 48%;
}
.hpForm.smallForm .hpForm-submit.login {
  width: 48%;
}
.hpForm.smallForm .forgotPassword {
  margin: 2em;
}
.hpForm.smallForm .forgotPassword a {
  display: block;
  text-align: center;
  text-decoration: none;
  font-size: 1.4em;
}
.hpForm.smallForm .forgotPassword a:hover {
  text-decoration: underline;
  color: #0d1e75;
}
.hpFormUser {
  border: 1px solid #B2B3B3;
  padding: 13px;
  padding-bottom: 2em;
}
.hpFormUser form {
  position: relative;
}
.hpFormUser form button {
  border: none;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 25px;
  height: 25px;
  background-position: top left;
  background-color: transparent;
  cursor: pointer;
}
.hpFormUser form button:hover {
  cursor: pointer;
  color: #0d1e75;
}
.hpFormUser form button.save {
  display: none;
}
.hpFormUser tr.forms-radek.forms-radek-1 td {
  border-top: 1px solid #E8E8ED;
}
.hpFormUser tr.forms-radek td {
  border-bottom: 1px solid #E8E8ED;
  padding: 2px 0px;
}
.hpFormUser.active {
  background: #f7fbfe;
}
.hpFormUser.active input.forms-input {
  padding: 2px 4px 2px 4px;
  border: 1px solid #E8E8ED;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: white;
}
.hpFormUser input.forms-input {
  background: none;
  border: none;
  padding: 3px 5px 3px 5px;
  width: 98%;
}
.hpFormUser td.forms-levy,
.hpFormUser td.forms-pravy {
  width: 50%;
  text-align: left;
  vertical-align: middle;
}
.hpFormUser select {
  border: 1px solid #e8e8ed;
  width: 200px;
}
.hpFormUser .hpFormUser-submit {
  display: none;
}
#GetCustomerAccountActivitiesChart {
  position: relative;
  margin-bottom: 3em;
}
#GetCustomerAccountActivitiesChart #legend {
  position: absolute;
  right: .5em;
  top: 1em;
  text-align: left;
  background: #333333;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: .3em .7em .3em .2em;
}
#GetCustomerAccountActivitiesChart ul.line-legend {
  font-weight: 600;
  margin: 0;
}
#UpdatePin .hpForm input.forms-input {
  width: 100px;
}
#UpdatePin .hpForm input.forms-input:read-only,
#UpdatePin .hpForm input.forms-input:-moz-read-only {
  background: white;
}
#UpdatePin .hpForm input.hpForm-submit {
  margin: auto;
  margin-top: 1em;
  padding: 14px 20px 14px 20px;
}
#GetCustomerContracts .hpTableWrapper {
  margin-top: 1em;
}
#rentalDetail div.rentalPath {
  width: 500px;
  padding-top: 110px;
  background: url("https://shared.homeport.cz/2.8.0//tkhs/imgs/yellow-lightblue/GetCustomerRentals/rentalPath.png") no-repeat top center;
}
#rentalDetail div.rentalPath .start,
#rentalDetail div.rentalPath .end {
  text-align: center;
  line-height: 1.7em;
}
#rentalDetail div.duration {
  margin: auto;
  margin-top: 2em;
  min-width: 90px;
  background: url("https://shared.homeport.cz/2.8.0//tkhs/imgs/yellow-lightblue/GetCustomerRentals/rentalDuration.png") no-repeat center top;
  padding-top: 100px;
  font-size: 1.8em;
  font-weight: 400;
  line-height: 1.4em;
  text-align: center;
}
#rentalDetail div.price {
  text-align: center;
  margin-top: 1em;
  font-size: 1em;
  font-weight: 400;
}
.mapNavigator {
  max-width: 90%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 2;
  color: white;
  height: auto;
  background: #000000;
  opacity: .75;
  display: none;
  line-height: 2.1em;
  font-weight: 300;
  -webkit-border-top-right-radius: 1em;
  -moz-border-top-right-radius: 1em;
  -ms-border-top-right-radius: 1em;
  -o-border-top-right-radius: 1em;
  border-top-right-radius: 1em;
  -webkit-border-bottom-right-radius: 1em;
  -moz-border-bottom-right-radius: 1em;
  -ms-border-bottom-right-radius: 1em;
  -o-border-bottom-right-radius: 1em;
  border-bottom-right-radius: 1em;
}
.mapNavigator .expander {
  position: absolute;
  right: -1.6em;
  top: 2.5em;
  width: 3em;
  height: 3em;
  padding: 0.5em;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  -ms-border-radius: 2em;
  -o-border-radius: 2em;
  border-radius: 2em;
  background: #000000;
  z-index: 2;
  cursor: pointer;
}
.mapNavigator .expander:hover {
  color: #ffffff;
}
.mapNavigator .mapNavigatorContentWrapper {
  padding: 1em 3em 1em 2em;
}
.mapNavigator .mapNavigatorContent {
  position: relative;
}
.mapNavigator .mapNavigatorContent div.mapNavigatorContentText {
  float: right;
  max-width: 65%;
}
.mapNavigator .mapNavigatorContent div.info {
  float: left;
  font-size: 1.4em;
  display: block;
  text-align: left;
}
.mapNavigator .mapNavigatorContent div.info span i {
  margin-right: 0.2em;
}
.mapNavigator .mapNavigatorContent div.info.destination {
  font-weight: 400;
  font-size: 1.6em;
  margin-bottom: .2em;
}
.mapNavigator .mapNavigatorContent div.info.duration {
  margin-right: 1em;
}
.mapNavigator .mapNavigatorContent div.info.bikes {
  margin-right: 1em;
}
.mapNavigator .mapNavigatorContent div.info.stop {
  float: left;
  margin-right: 1em;
  margin-top: .75em;
  cursor: pointer;
}
.mapNavigator .mapNavigatorContent div.info.stop:hover {
  color: #ffffff;
}
.mapNavigator .mapNavigatorContent .stationData {
  clear: left;
}
.GetMapData_navigation {
  margin: .5em;
}
.GetMapData_navigation a {
  text-align: center;
  cursor: pointer;
  display: block;
  margin: auto;
}
.GetMapData_navigation a i {
  margin-right: 0.5em;
}
#GetMapDataEx .searchedPlace {
  width: 300px;
  text-align: center;
}
#GetMapDataEx .searchedPlace.on span.expander {
  width: 50px;
  height: 50px;
  background: url("https://shared.homeport.cz/2.8.0//tkhs/imgs/searchedLocationOn.png");
}
#GetMapDataEx .searchedPlace span.expander {
  margin: auto;
  display: block;
  width: 50px;
  height: 68px;
  background: url("https://shared.homeport.cz/2.8.0//tkhs/imgs/searchedLocation.png");
}
#GetMapDataEx .searchedPlace .searchedPlaceNavOptions {
  display: none;
  width: 270px;
  padding: 15px;
  background: #2a2a2a;
  color: white;
  -webkit-border-radius: 1.5em;
  -moz-border-radius: 1.5em;
  -ms-border-radius: 1.5em;
  -o-border-radius: 1.5em;
  border-radius: 1.5em;
  text-align: left;
}
#GetMapDataEx .searchedPlace .searchedPlaceNavOptions h3 {
  font-size: 1.5em;
  font-weight: 300;
  padding: 0;
  margin: 0;
  text-align: center;
  margin-bottom: .5em;
}
#GetMapDataEx .searchedPlace .searchedPlaceNavOptions span.option {
  width: 270px;
  display: block;
  padding-left: 29px;
  background-position: left middle;
  height: 25px;
  line-height: 25px;
  font-size: 13px;
  cursor: pointer;
  margin-top: .3em;
}
#GetMapDataEx .searchedPlace .searchedPlaceNavOptions span.option.showLocation {
  background: url("https://shared.homeport.cz/2.8.0//tkhs/imgs/searchedLocationNavigate.png") no-repeat left center;
  padding-left: 26px;
}
#GetMapDataEx .searchedPlace .searchedPlaceNavOptions span.option.nearestStation {
  background: url("https://shared.homeport.cz/2.8.0//tkhs/imgs/searchedLocationNavigate.png") no-repeat left center;
  padding-left: 26px;
}
#GetMapDataEx .searchedPlace .searchedPlaceNavOptions span.option:hover {
  text-decoration: underline;
}
.MapControlStyle {
  background: white;
  box-shadow: #000 0 0 8px;
  padding: 0.4em 0.2em;
  position: relative;
}
.MapControlStyle label.main {
  text-transform: lowercase;
}
.mapControlLocation {
  left: .5em;
  top: .5em;
  position: absolute !important;
}
.MapControlSubmenu {
  background: white;
  box-shadow: #000 0 0 8px;
  padding: 0.4em 0.2em;
  position: relative;
  position: absolute;
  display: none;
  left: 0em;
  top: 1.9em;
  padding: .2em .4em;
}
.MapControlSubmenu label.main {
  text-transform: lowercase;
}
.MapControlSubmenu div.item {
  text-align: left;
  display: block;
  border-bottom: 1px solid #3c3c3c;
  padding: .3em .7em;
  font-size: .6em;
  white-space: nowrap;
}
.MapControlSubmenu div.item:hover {
  color: #ff0000;
}
.MapControlSubmenu div.item.last {
  border: none;
}
.mapControl,
.mapControlLocation {
  background: white;
  box-shadow: #000 0 0 8px;
  padding: 0.4em 0.2em;
  position: relative;
  z-index: 998;
  font-size: 2em;
  line-height: 1em;
  font-weight: 200;
  display: inline-block;
  top: .3em;
}
.mapControl .header,
.mapControlLocation .header {
  font-size: .75em;
  font-weight: 400;
  margin: .2em;
  margin-bottom: .4em;
}
.mapControl label.main,
.mapControlLocation label.main {
  text-transform: lowercase;
}
.mapControl span.icon,
.mapControlLocation span.icon {
  position: relative;
  cursor: pointer;
  display: block;
  float: left;
  border-right: 1px solid #8c8d8e;
}
.mapControl span.icon.navigation .MapControlSubmenu,
.mapControlLocation span.icon.navigation .MapControlSubmenu {
  left: -0.2em;
}
.mapControl span.icon:before,
.mapControlLocation span.icon:before {
  content: "";
  display: block;
  height: 2em;
  position: absolute;
  top: 0em;
  width: 100%;
}
.mapControl span.icon label,
.mapControlLocation span.icon label {
  cursor: pointer;
  margin: 0em 0.5em 0em 0em;
}
.mapControl span.icon i,
.mapControlLocation span.icon i {
  margin: 0em .5em 0em 0.3em;
}
.mapControl span.icon span.main,
.mapControlLocation span.icon span.main {
  position: relative;
  z-index: 2;
}
.mapControl span.icon:hover span.main,
.mapControlLocation span.icon:hover span.main {
  color: #ff0000;
}
.mapControl span.icon.last,
.mapControlLocation span.icon.last {
  border: none;
}
#stationMapWrapper {
  position: relative;
  border: 1px solid black;
  margin-top: 20px;
  margin-bottom: 20px;
}
#stationMap {
  height: 60vh;
  width: 100%;
  position: relative;
}
#stationMap .freeBike {
  color: #ffffff;
  background: #0d1e75;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  border-radius: 11px;
  padding: 3px 6px;
}
#stationMap .wrapThin .wrap {
  width: 32px;
  padding: 4px;
}
#stationMap .stateicon {
  display: none;
}
#stationMap.detail .station .wrap,
#stationMap.overview .station .wrap {
  background: #201f1e;
}
#stationMap.detail .station .stateicon,
#stationMap.overview .station .stateicon {
  display: inline-block;
}
#stationMap.detail .stateicon {
  display: inline-block;
}
#stationMap.detail .station .wrap {
  width: 32px;
  padding: 4px;
}
#stationMap.detail .station .name {
  display: block;
}
#stationMap.detail .station .stateicon {
  display: inline-block;
}
#stationMap.detail .freeBike {
  font-size: 1.4em;
}
#stationMap.overview .station .wrap {
  width: 32px;
  padding: 4px;
}
#stationMap.general .station {
  width: auto;
  padding-bottom: 0px;
}
#stationMap.general .station b.label {
  display: block;
}
#stationMap.general .station b.label .stateicon {
  display: inline-block;
}
#stationMap.general .station .locks {
  display: none;
}
#stationMap.general .station .marker {
  display: none;
}
#stationMap.general .station .wrap {
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-bottom-left-radius: 10px;
  -ms-border-bottom-left-radius: 10px;
  -o-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-bottom-right-radius: 10px;
  -ms-border-bottom-right-radius: 10px;
  -o-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
#stationMap .station {
  position: relative;
  padding-bottom: 24px;
}
#stationMap .station .stateicon {
  font-size: 1.6em;
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 5;
}
#stationMap .station:hover {
  cursor: pointer;
}
#stationMap .station b {
  display: block;
}
#stationMap .station b.label {
  text-align: center;
  display: none;
}
#stationMap .station b.label .stateicon {
  font-size: .9em;
  position: static;
  width: auto;
  margin-right: .3em;
}
#stationMap .station .marker {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 24px 20px 0 20px;
  border-color: #201f1e transparent transparent transparent;
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 2;
}
#stationMap .station .locks {
  display: block;
}
#stationMap .station .locks .lock {
  width: 6px;
  height: 6px;
  float: left;
  margin: 1px;
}
#stationMap .station .locks .lock:nth-child(1) {
  -webkit-border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  -ms-border-top-left-radius: 3px;
  -o-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
}
#stationMap .station .locks .lock:nth-child(4) {
  -webkit-border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  -ms-border-top-right-radius: 3px;
  -o-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}
#stationMap .station .locks .bike {
  background: #4093f7;
}
#stationMap .station .locks .empty {
  background: #ffffff;
}
#stationMap .station .name {
  display: none;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  border-radius: 11px;
  background: #0d1e75;
  color: #ffffff;
  white-space: nowrap;
  width: auto;
  position: absolute;
  top: -25px;
  left: 0px;
  padding: 3px 6px;
}
#stationMap .station.highlight {
  z-index: 3;
}
#stationMap .station.highlight .name,
#stationMap .station.highlight .wrap {
  background: #c71818;
}
#stationMap .station.IsVirtual .stateicon {
  font-size: 1.3em;
}
#stationMap .station .wrap {
  min-width: 32px;
  position: relative;
  z-index: 2;
  padding: 4px 8px;
  background: #242424;
  color: #dddddd;
  -webkit-border-top-left-radius: 10px;
  -moz-border-top-left-radius: 10px;
  -ms-border-top-left-radius: 10px;
  -o-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-top-right-radius: 10px;
  -ms-border-top-right-radius: 10px;
  -o-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
}
.bikeList tr.BikeType td {
  padding: .5em;
}
.bikeList tr.BikeType button {
  padding: .5em 1em;
}
#stationInfo {
  min-width: 500px;
  text-align: left;
}
#stationInfo .loader {
  padding-left: .5em;
}
#stationInfo #BikeList,
#stationInfo #EBikeList,
#stationInfo #ExternalBikeList,
#stationInfo #ReturnBikeList {
  clear: left;
  font-size: 110%;
  line-height: 150%;
}
#stationInfo #ReturnBikeList {
  width: auto;
}
#stationInfo #ExternalBikeList,
#stationInfo #ReturnBikeList {
  margin-top: 2em;
}
#stationInfo #EBikeList .BikeName {
  display: inline-block;
  margin-left: 1em;
  margin-right: .6em;
}
#stationInfo h3,
#stationInfo h4 {
  margin: 0;
  margin-bottom: .5em;
}
#stationInfo #EBikeList {
  margin-top: .5em;
}
#stationInfo .infoWindowHeader {
  text-align: left;
  padding: .9em;
}
#stationInfo .infoWindowHeader h2 {
  margin: 0;
  position: relative;
  top: .1em;
  display: inline-block;
}
#stationInfo .infoWindowHeader h2 .stateicon {
  display: inline;
  margin-left: 1em;
}
#stationInfo .infoWindowHeader .GetMapData_navigation {
  float: left;
}
#stationInfo .infoWindowFooter {
  background: #0d1e75;
  display: flex;
  padding: 1em 0em;
}
#stationInfo .infoWindowFooter .status {
  font-size: 1.7em;
  float: left;
  flex: 1;
}
#stationInfo .infoWindowFooter .status .count {
  display: inline-block;
}
#stationSearch {
  width: 100%;
  margin: 2em 0em;
}
#stationSearch form {
  margin: auto;
  display: block;
  width: 500px;
}
#stationSearch form input.c {
  width: 400px;
  border: 1px solid #cdccce;
  background: #ececec;
  color: black;
  padding: 6px 7px;
}
#stationSearch form input.search {
  border: none;
  width: 35px;
  height: 34px;
  background: url("https://shared.homeport.cz/2.8.0//tkhs/imgs/yellow-lightblue/GetMapData/search.png");
  float: left;
  margin-right: 30px;
  cursor: pointer;
}
#stationList {
  text-align: center;
  margin-bottom: 2em;
  margin: auto;
}
#stationList table {
  width: 100%;
}
#stationList table td {
  font-size: 1em;
  padding: .5em .2em;
}
#stationList table td.name {
  text-align: left;
}
#stationList table thead td {
  text-transform: uppercase;
  font-weight: 400;
  text-align: center;
}
#stationList table thead td.name {
  width: 40%;
}
#stationList table thead td.distance {
  width: 15%;
  text-align: right;
}
#stationList table thead td.bikes {
  width: 15%;
}
#stationList table thead td.free {
  width: 15%;
}
#stationList table thead td.externalFree {
  width: 15%;
}
#stationList table tbody tr td,
#stationList table thead tr td {
  border-bottom: 1px solid #ccc;
  margin: 0px;
}
#stationList table tbody td {
  text-align: center;
}
#stationList table tbody td.distance {
  text-align: right;
  white-space: nowrap;
}
#stationList table tbody td span {
  display: block;
  cursor: pointer;
}
#stationList table tbody td span:hover {
  text-decoration: underline;
}
#mapTools {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.mapControl input[type=radio],
.mapControl input[type='checkbox'] {
  display: none;
}
.mapControl input[type=radio] + label {
  display: block;
}
.mapControl input[type='checkbox'] + label:before,
.mapControl input[type='radio'] + label:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: .5em;
  width: 1em;
}
.mapControl input[type=radio] + label:before {
  content: "\f10c";
}
.mapControl input[type=radio] + label:before.hide {
  display: none;
  content: "" !important;
}
.mapControl input[type=radio]:checked + label:before {
  content: "\f05d";
}
.mapControl input[type="checkbox"] + label:before {
  content: "\f096";
}
.mapControl input[type="checkbox"]:checked + label:before {
  content: "\f046";
}
.mapControl .radio label,
.mapControl .checkbox label {
  padding-left: 0;
}
.IsVirtual .stateicon {
  color: #4bc8c7;
}
.IsElectro .stateicon {
  color: yellow;
}
#anchors {
  padding-top: 25px;
  padding-bottom: 25px;
  width: auto;
  text-align: center;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
#anchors.iconSize-small a {
  font-size: 1em;
}
#anchors.iconSize-medium a {
  font-size: 1.3em;
}
#anchors.iconSize-big a {
  font-size: 1.5em;
}
#anchors.iconSize-huge a {
  font-size: 1.8em;
}
#anchors a {
  cursor: pointer;
  display: inline-block;
  margin: 0em 2em;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
}
#anchors a img {
  width: medium;
  display: block;
  margin-bottom: .5em;
}
#anchors a img.on {
  display: none;
}
#anchors a:hover {
  color: #0d1e75;
}
#anchors a:hover img {
  display: none;
}
#anchors a:hover img.on {
  display: block;
}
#payBalance {
  margin-top: .8em;
  width: 100%;
}
.footerInput {
  position: relative;
}
.footerInput span.footerInputHeader {
  color: #ff0000;
  font-weight: 600;
  display: block;
  font-size: 1.4em;
  line-height: 1.3em;
}
.footerInput span.footerInputHeader span.discountInfo {
  color: #333333;
  font-size: 90%;
}
.footerInput#voucherWrapper {
  margin-bottom: .8em;
}
.footerInput#voucherWrapper #voucherCode {
  width: 80%;
}
.footerInput .button,
.footerInput .button2,
.footerInput .hpForm-submit {
  width: 50%;
  position: absolute;
  right: 0px;
  bottom: 0px;
  padding: 0;
  height: 45px;
}
.footerInput .footerButtonWrapper {
  width: 50%;
  float: left;
  margin-top: .4em;
  border: 1px solid #999;
}
.footerInput .footerButtonWrapper input {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  font-size: 1.4em;
  border: none;
  padding: 0em .5em;
  height: 43px;
}
.footerInput .footerButtonWrapper input#inputTotalPayment {
  padding-right: 0;
  width: 60%;
}
.footerInput .footerButtonWrapper input#currency {
  width: 20%;
  padding-left: 0;
  text-align: right;
  margin-left: 5px;
}
.PriceIntervalsWrapper .switcher {
  margin: 1em;
}
.PriceIntervalsWrapper .switcher label {
  margin: 0 .5em;
  text-decoration: underline;
  cursor: pointer;
}
.PriceIntervalsWrapper .switcher label:hover {
  text-decoration: none;
}
.PriceIntervalsWrapper .switcher label.on {
  color: #ff0000;
  font-weight: bold;
  text-decoration: none;
}
.PriceIntervals {
  min-width: 750px;
  width: 100%;
  position: relative;
  margin-top: 60px;
}
.PriceIntervals .tarifDetailImg {
  max-width: 100%;
}
.PriceIntervals .PriceIntervalsWrap {
  width: 98%;
  position: relative;
  left: 1%;
}
.PriceIntervals .axe {
  width: 100%;
  height: 2em;
  position: absolute;
  top: 1em;
  font-size: 1em;
  font-weight: 500;
}
.PriceIntervals .axe .item {
  position: absolute;
  height: 100%;
  color: white;
  line-height: 2em;
}
.PriceIntervals .axe .item .step {
  color: black;
  position: absolute;
  top: -20%;
  border-left: 1px solid #474747;
  height: 140%;
  width: 100%;
  font-size: 90%;
}
.PriceIntervals .axe .item .step.last {
  border-right: 1px solid #474747;
}
.PriceIntervals .axe .item .step label {
  width: 100%;
  text-align: center;
  position: relative;
}
.PriceIntervals .axe .item .step label.timestamp {
  line-height: 1.6em;
  position: absolute;
  bottom: 3.4em;
  right: -30px;
  width: 60px;
  color: black;
}
.PriceIntervals .axe .item .step label.stepTime {
  display: none;
  right: 0px;
  top: -15px;
}
.PriceIntervals .axe .item .step span {
  display: block;
  position: absolute;
  bottom: -20px;
  text-align: center;
  width: 100%;
}
.PriceIntervals .axe .item .step.first {
  border-left: none;
}
.PriceIntervals .axe .item.first {
  background: #38b020;
  color: #ffffff;
}
.PriceIntervals .axe .item.last {
  background: #ff0000;
  color: white;
}
.PriceIntervals .axe .item.middle {
  background: #dedede;
}
.PriceIntervals .axe .item.middle label.time {
  width: 100px;
  color: black;
  text-align: center;
  position: absolute;
  right: -50px;
  bottom: 4.5em;
  line-height: 1.2em;
  font-weight: 600;
}
.PriceIntervals .axe label.start,
.PriceIntervals .axe label.end {
  position: absolute;
  text-align: center;
  bottom: 4.5em;
  line-height: 1.2em;
  font-weight: 600;
}
.PriceIntervals .axe label.start {
  text-align: left;
  width: 50px;
  left: -10px;
}
.PriceIntervals .axe label.end {
  width: 7em;
  right: -10px;
  text-align: right;
}
.PriceIntervals .intervals {
  width: 100%;
  position: absolute;
  z-index: 2;
  left: -1px;
}
.PriceIntervals .intervals .item {
  padding-top: 30px;
  position: absolute;
  left: 0%;
  border-right: 1px solid #424242;
  text-align: right;
  background: url("https://shared.homeport.cz/2.8.0/tkhs/imgs/yellow-lightblue/GetBusinessRules/arrow.png") no-repeat bottom right;
}
.PriceIntervals .intervals .item label {
  position: absolute;
  bottom: 7px;
  right: 7px;
  font-size: 1.3em;
  font-weight: 500;
}
.PriceIntervals .intervals .item.first {
  border-left: 2px solid #38b020;
  border-right: none;
}
.PriceIntervals .intervals .item.first label {
  width: 100%;
  text-align: center;
  right: 0px;
}
.PriceIntervals .intervals .item.last {
  border-right: 2px solid #ff0000;
}
.PriceIntervals .intervals .item.middle,
.PriceIntervals .intervals .item.last {
  border-left: 1px solid #424242;
}
#DistanceWarning {
  margin-top: .8em;
}
#ReturnBikeExternalFree {
  text-align: center;
  margin: auto;
  width: 85%;
}
#ReturnBikeExternalFree #ReturnBikeFreeDialog {
  text-align: center;
}
#ReturnBikeExternalFree label {
  display: block;
}
#FreeBikesDialog,
#ReturnBikeExternalFree {
  text-align: center;
}
#FreeBikesDialog table,
#ReturnBikeExternalFree table {
  float: none;
}
#FreeBikesDialog button,
#ReturnBikeExternalFree button {
  margin-top: .5em;
}
#FreeBikesDialog button.LoadLocation,
#ReturnBikeExternalFree button.LoadLocation {
  margin: auto;
  margin-top: .5em;
}
#FreeBikesDialog button span.fa-icon,
#ReturnBikeExternalFree button span.fa-icon {
  margin-right: .5em;
  display: inline-block;
}
a {
  text-decoration: underline;
  color: #333333;
}
a:hover {
  text-decoration: none;
  color: #ff0000;
}
.vyrazny {
  color: #ff0000;
}
h1,
h2,
h3 {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
}
h1,
h2,
h3 {
  line-height: 1.3em;
}
.invalidEmails {
  box-shadow: inset 0 0 6px red;
}
.good_container {
  padding: 5px;
  margin: 0.7em 0em;
  color: white;
  text-align: left;
}
.good_ok {
  padding: 5px;
  background: #0d1e75;
  color: #ffffff;
}
.good_chyba {
  background: #eb2f2f;
  color: #ffffff;
}
.badFormat {
  border: 1px solid red;
  box-shadow: 0px 0px 5px red;
}
table {
  border-collapse: separate;
  border-spacing: 0px;
}
.disabledButtons {
  background: #d8d8d8;
  color: #676767;
  border-color: #505050;
}
.disabledButtons:hover {
  background: #d8d8d8;
  color: #676767;
  cursor: default;
  border-color: #505050;
}
.button,
.hpForm-submit,
.button2 {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  background: #0d1e75;
  color: #ffffff;
  border: solid 1px #d3d6d6;
  font-size: 1.2em;
  text-align: center;
  width: auto;
  display: inline-block;
  padding: 1em 2em;
  text-decoration: none;
}
.button a,
.hpForm-submit a,
.button2 a {
  background: #0d1e75;
  color: #ffffff;
  border: none !important;
  text-decoration: none;
}
.button:disabled,
.button:disabled a,
.hpForm-submit:disabled,
.hpForm-submit:disabled a,
.button2:disabled,
.button2:disabled a {
  background: #d8d8d8;
  color: #676767;
  border-color: #505050;
}
.button:disabled:hover,
.button:disabled a:hover,
.hpForm-submit:disabled:hover,
.hpForm-submit:disabled a:hover,
.button2:disabled:hover,
.button2:disabled a:hover {
  background: #d8d8d8;
  color: #676767;
  cursor: default;
  border-color: #505050;
}
.button:hover,
.button:hover a,
.hpForm-submit:hover,
.hpForm-submit:hover a,
.button2:hover,
.button2:hover a {
  color: #ffffff;
  border: solid 1px #d3d6d6;
  background: #eb2f2f;
  cursor: pointer;
}
.protect.loader .button,
.protect.loader .hpForm-submit,
.protect.loader .button2 {
  background: #d8d8d8;
  color: #676767;
  border-color: #505050;
}
.protect.loader .button:hover,
.protect.loader .hpForm-submit:hover,
.protect.loader .button2:hover {
  background: #d8d8d8;
  color: #676767;
  cursor: default;
  border-color: #505050;
}
.button2 {
  background-color: #ffffff;
  color: #0d1e75;
  border: solid 1px #d3d6d6;
}
.centerize {
  width: auto;
  text-align: center;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
a#toTop {
  display: block;
  width: 53px;
  height: 52px;
  background: url("https://shared.homeport.cz/2.8.0/tkhs/imgs/yellow-lightblue/arrow-top.png") no-repeat left top;
  position: fixed;
  right: 1em;
  bottom: 1em;
  z-index: 999;
}
a#toTop:hover {
  cursor: pointer;
  background-position: bottom left;
}
ul {
  overflow: hidden;
  margin-left: 0;
  padding-left: 2em;
}
li {
  padding-left: .5em;
}
.TitlePageCenterText {
  max-width: 1640px;
  margin: auto;
}
.hpModule {
  text-align: center;
}
.hpModule h2 {
  text-align: center;
  font-size: 1.8em;
  margin-bottom: 20px;
}
.hpModule h3 {
  font-size: 1.5em;
}
#content {
  position: relative;
  z-index: 2;
  text-align: left;
  padding-bottom: 40px;
}
#content h1 {
  text-align: center;
  font-size: 2.6em;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0px;
  margin: .5em 0em .5em 0em;
}
#content h2 {
  margin: .5em 0em .5em 0em;
}
#content h3 {
  margin: .5em 0em .5em 0em;
}
#content .hpModule h2 {
  margin: .5em 0em 1.5em 0em;
}
#content div.infoNews div.polozka {
  border-top: 1px solid #dddddd;
  margin-bottom: 20px;
}
#content div.infoNews div.polozka h3 {
  margin-top: .5em;
}
#content div.infoNews div.polozka div.hlavni {
  float: left;
  margin: 0px 15px 0px 0px;
}
#content div.infoNews div.polozka div.hlavni img {
  border: 1px solid #dddddd;
}
#content .pageNavigator {
  width: 80%;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 15px;
}
#content .pageNavigator a {
  width: auto;
  text-transform: uppercase;
  font-size: 125%;
  display: block;
  text-align: center;
  float: left;
  margin: 0% 1%;
  color: black;
  text-decoration: none;
  line-height: 1.3em;
}
#content .pageNavigator a.on,
#content .pageNavigator a:hover {
  color: #0d1e75;
}
#content .pageNavigator a.on img,
#content .pageNavigator a:hover img {
  display: none;
}
#content .pageNavigator a.on img.on,
#content .pageNavigator a:hover img.on {
  display: block;
}
#content .pageNavigator a span {
  display: inline-block;
  width: 80%;
}
#content .pageNavigator a img {
  width: 100%;
  border: none;
  display: inline-block;
  margin-bottom: .6em;
  display: block;
}
#content .pageNavigator a img.on {
  display: none;
}
li.fa:hover {
  cursor: pointer;
  color: #ff0000;
}
a:hover {
  color: #ff0000;
}
.DashboardBox {
  padding: 1em;
  margin-bottom: 1em;
  border: 1px solid #e1e2e3;
  font-size: 1.3em;
  line-height: 1.5em;
}
.DashboardBox h2 {
  margin: 0em 0em .4em 0em;
  padding: 0px;
  font-size: 1.3em;
}
.DashboardBox span.right {
  display: inline-block;
  float: right;
}
.DashboardBox span.highlight {
  color: #9ab72e;
}
.DashboardBox .links {
  margin-top: 1.3em;
  text-transform: lowercase;
}
.DashboardBox .links a {
  text-decoration: underline;
  display: block;
  margin-bottom: .4em;
}
.DashboardBox .links i {
  width: 1em;
  margin-right: .5em;
}
.DashboardBox .IdentityProviders {
  margin-bottom: .4em;
}
.DashboardBox .IdentityProviders span {
  margin: 0 .4em 0em 0em;
}
.DashboardBox.rentalsStatistic {
  padding-right: 0;
  padding-left: 0;
}
.DashboardBox.rentalsStatistic .infoBar {
  clear: both;
  margin: 1em 0em;
  background-color: #f2f2f2;
  color: #999;
  border-top: 1px solid #b6b7b8;
  border-bottom: 1px solid #b6b7b8;
  font-size: 0.8em;
}
.DashboardBox.rentalsStatistic .infoBar .item {
  float: left;
  width: 49%;
}
.DashboardBox.rentalsStatistic .infoBar .item .inside {
  padding: .5em 0em .5em .9em;
}
.DashboardBox.rentalsStatistic .infoBar .item.totalDuration {
  border-left: 1px solid #b6b7b8;
}
.DashboardBox.rentalsStatistic .infoBar i {
  float: left;
  display: block;
  color: black;
  margin-right: .4em;
  margin-top: .2em;
}
.DashboardBox.rentalsStatistic .IdentityProviders {
  margin: auto;
  display: block;
  text-align: center;
  margin-top: .6em;
}
.DashboardBox.rentalsStatistic .IdentityProviders i {
  cursor: pointer;
  display: inline-block;
  margin: 0em .3em 0em .3em;
}
.DashboardBox.customerInfo {
  position: relative;
}
.DashboardBox.customerInfo .edit {
  position: absolute;
  top: 1em;
  right: 1em;
}
.DashboardBox.customerBalance {
  padding: .4em;
}
.DashboardBox.customerBalance #GetCustomerAccountActivitiesChart {
  margin-bottom: 0em;
}
.DashboardBox.customerBalance #GetCustomerAccountActivitiesChart #legend {
  display: none;
}
.DashboardBox.ReturnBike {
  position: relative;
}
.DashboardBox.ReturnBike .headerBox {
  text-align: center;
  border-bottom: 1px solid #e1e2e3;
  padding: .5em;
}
.DashboardBox.ReturnBike td.Details {
  padding-left: .5em;
}
.DashboardBox.ReturnBike .hpTableWrapper {
  margin-top: 1em;
  margin-bottom: 0;
  font-size: .7em;
}
.DashboardBox.ReturnBike .item {
  border-bottom: 1px solid #e1e2e3;
  position: relative;
  clear: left;
}
.DashboardBox.ReturnBike .item div.overlay {
  display: none;
}
.DashboardBox.ReturnBike .item div.share {
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  color: white;
  font-size: 1.4em;
}
.DashboardBox.ReturnBike .item div.share div.content {
  display: table-cell;
  vertical-align: middle;
}
.DashboardBox.ReturnBike .item.last {
  border-bottom: 0;
}
.DashboardBox.ReturnBike .item button.big {
  width: 40%;
}
.DashboardBox.ReturnBike .item .rentalData {
  position: relative;
  float: left;
  display: block;
  width: 70%;
}
.DashboardBox.ReturnBike .item .rentalData.full {
  width: 100%;
}
.DashboardBox.ReturnBike .item .rentalData .leaf {
  padding: .5em 1em;
  border-bottom: 1px solid #e1e2e3;
}
.DashboardBox.ReturnBike .item .rentalData .leaf label {
  position: relative;
  bottom: .3em;
}
.DashboardBox.ReturnBike .item .rentalData .leaf i {
  width: 1.8em;
  text-align: center;
}
.DashboardBox.ReturnBike .item .rentalData .leaf.last {
  border-bottom: 0;
}
.DashboardBox.ReturnBike .item .rentalData .leaf .shareExpand {
  float: right;
  cursor: pointer;
}
.DashboardBox.ReturnBike .item .rentalData .share .content i {
  margin-left: .5em;
  position: relative;
  top: .1em;
}
.DashboardBox.ReturnBike .item .rentalData .share .content .close {
  position: absolute;
  right: .5em;
  bottom: .5em;
}
.DashboardBox.ReturnBike .item .rentalData .share .content .close i {
  cursor: pointer;
  position: static;
}
#dashboard .col-1,
#dashboard .col-2,
#dashboard .col-3 {
  float: left;
}
#dashboard .col-1 {
  width: 30%;
}
#dashboard .col-2 {
  width: 25%;
  margin: 0 1% 0 1%;
}
#dashboard .col-2 .DashboardBox {
  border-color: #b6b7b8;
}
#dashboard .col-2 .DashboardBox h2 {
  text-align: center;
  font-size: 1em;
}
#dashboard .col-2 .DashboardBox img {
  max-width: 100%;
}
#dashboard .col-3 {
  float: right;
  width: 43%;
}
#dashboard .col-3 h2 {
  text-transform: uppercase;
}
#dashboard .col-3 h2 span {
  display: block;
  text-transform: lowercase;
  font-weight: 400;
}
#dashboard .col-3 button.big {
  display: block;
  float: right;
  text-transform: lowercase;
  font-size: 170%;
  font-weight: 200;
  width: 30%;
  background-color: #1aa4d3;
  color: white;
  border: none;
  text-decoration: none;
  height: 100%;
  padding: 0;
}
#dashboard .col-3 button.big:hover {
  cursor: pointer;
  background-color: #0d1e75;
}
#dashboard .col-3 button.big span {
  display: block;
  font-size: 50%;
  font-weight: 200;
}
#dashboard .col-3 .DashboardBox {
  padding: 0;
}
#dashboard .col-3 .DashboardBox .DashboardBoxContent {
  padding: 1em;
}
@media screen and (max-width: 970px) {
  #dashboard .col-2 {
    clear: both;
    width: 100%;
    margin-top: .5em;
  }
  #dashboard .col-1 {
    width: 30%;
  }
  #dashboard .col-3 {
    width: 69%;
    float: right;
  }
  #dashboard .DashboardBox {
    font-size: 1em;
    line-height: 1.3em;
  }
}
@media screen and (max-width: 970px) {
  .links .fr {
    float: left;
    clear: left;
  }
}
@media screen and (max-width: 590px) {
  #dashboard {
    display: table;
    width: 100%;
  }
  #dashboard .col-3,
  #dashboard .col-2,
  #dashboard .col-1 {
    float: none !important;
    width: 100%;
    clear: none;
  }
  #dashboard .col-3 {
    display: table-header-group;
  }
  #dashboard .col-1 {
    display: table-row-group;
  }
  #dashboard .col-2 {
    display: table-footer-group;
  }
  #dashboard .DashboardBox.customerBalance {
    display: none;
  }
  #dashboard .DashboardBox.RentBike button {
    width: 33%;
  }
}
.rentPossible {
  font-size: 2em;
}
.rentPossible.allowed {
  background: #0d1e75;
  color: #ffffff;
}
.rentPossible.notAllowed {
  background: #eb2f2f;
  color: #ffffff;
}
.rentPossible.notAllowed a {
  color: #ffffff;
  text-decoration: none;
}
.rentPossible.notAllowed a:hover {
  color: #ffffff;
  text-decoration: underline;
}
.grafika-10 #signUp {
  max-width: 810px;
  margin: auto;
}
.seamless .wrapperInner {
  padding: 0;
}
.seamless #stationMapWrapper {
  margin: 0;
  border-top: 0;
  border-right: 0;
  border-left: 0;
}
.seamless #mapControl {
  margin: auto;
  font-size: 3em;
  float: none;
}
footer #contact {
  margin-bottom: 1em;
}
footer #contact .wrapper .wrapperInner {
  text-align: left;
}
footer #contact h2 {
  margin: 0em 0em .5em 0em;
  text-transform: uppercase;
  font-size: 2.5em;
  text-align: center;
}
footer #contact .box {
  float: left;
  min-height: 1px;
}
footer #contact.columns-1 .box {
  width: 100%;
}
footer #contact.columns-1 .box-content {
  padding: 1%;
}
footer #contact.columns-2 .box {
  width: 49.5%;
}
footer #contact.columns-2 .box-1 {
  margin-left: 1%;
}
footer #contact.columns-2 .box-content {
  padding: 2%;
}
footer #contact.columns-3 .box {
  width: 32.6%;
}
footer #contact.columns-3 .box-1 {
  margin: 0% 1%;
}
footer #contact.columns-3 .box-content {
  padding: 4%;
}
footer #contact.columns-4 .box {
  width: 24.2%;
}
footer #contact.columns-4 .box-1 {
  margin-left: 1%;
}
footer #contact.columns-4 .box-2 {
  margin-left: 1%;
  margin-right: 1%;
}
footer #contact.columns-4 .box-content {
  padding: 6%;
}
footer #contact .box-content {
  background: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #dddddd;
}
footer #contact .box-content .hpForm {
  padding: 0px;
}
footer #contact .box-content.formular .forms-radek>td {
  padding-bottom: 1px;
}
footer #contact .box-content .vsudypritomne {
  min-height: 261px;
  color: #afafaf;
  font-size: .9em;
}
footer #contact .box-content .vsudypritomne h3 {
  margin: 0px;
  padding: 0px;
  margin-top: 2px;
  font-size: 2em;
  color: #333333;
}
footer #contact .box-content .vsudypritomne strong {
  color: #333333;
  font-size: 1.4em;
}
.noHover a:hover {
  color: #333333;
}
#GetStatistics .DashboardBox {
  position: relative;
  padding: 1%;
  float: left;
  margin: 0.2%;
}
#GetStatistics .DashboardBox.rotateFilter h3 {
  float: none;
  text-align: center;
  padding: 0em 2em;
}
#GetStatistics .DashboardBox h3 {
  margin: 0;
  color: #555;
  font-weight: 200;
  float: left;
}
#GetStatistics .DashboardBox h3 span {
  display: inline-block;
  font-size: small;
  height: .8em;
}
#GetStatistics .DashboardBox .value {
  font-size: 60%;
  font-weight: 200;
  color: #333;
  margin-bottom: .1em;
}
#GetStatistics .DashboardBox.filterInside .filter {
  float: right;
  width: 50%;
  position: relative;
  z-index: 2;
  margin-right: 1em;
}
#GetStatistics .DashboardBox .rotate {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2;
}
#GetStatistics .DashboardBox .rotate .arrow {
  position: absolute;
  top: .5em;
  z-index: 3;
  width: 1.5em;
  height: 1.5em;
  cursor: pointer;
}
#GetStatistics .DashboardBox .rotate .arrow .loader {
  width: 1.1em;
  height: 1.1em;
  background: url("https://shared.homeport.cz/2.8.0/imgs_system/ajax-loader-bw.gif") center center no-repeat;
}
#GetStatistics .DashboardBox .rotate .arrow span {
  display: inline-block;
}
#GetStatistics .DashboardBox .rotate .arrow span i {
  position: relative;
  z-index: 2;
}
#GetStatistics .DashboardBox .rotate .arrow span:hover {
  cursor: pointer;
  color: #eb2f2f;
}
#GetStatistics .DashboardBox .rotate .arrow.next {
  right: .5em;
}
#GetStatistics .DashboardBox .rotate .arrow.prev {
  left: .5em;
}
#GetStatistics .noUi-pips-horizontal {
  height: 44px;
}
#GetStatistics .StatisticBoxContent {
  position: relative;
  z-index: 1;
  height: 100%;
}
.GetStatisticsSlidingWrapper .buttons {
  margin-bottom: 1em;
}
.GetStatisticsSlidingSlide {
  width: 100%;
}
.picker {
  margin: auto;
  display: block;
  text-align: center;
}
.GraphBar {
  position: relative;
}
.GraphBar .item {
  text-align: center;
  position: absolute;
  bottom: 0%;
}
.GraphBar .item .value {
  font-size: 120%;
  margin-bottom: .3em;
  color: #b1b1b1;
}
.GraphBar .item .top {
  font-size: .9em;
  background-color: #e7e7e7;
  border-bottom: 1px solid #bababa;
}
.GraphBar .item .bottom {
  background-color: #e7e7e7;
  padding: 4px 0px;
}
.GraphBar .item .bottom span.label {
  font-size: 80%;
}
.GraphBar .item .color {
  border-bottom: 1px solid #bababa;
}
.GraphBar .item .bar {
  margin: auto;
  width: 95%;
  border: 1px solid #bababa;
}
.GraphBar .item div.label {
  margin-top: .2em;
  font-size: .9em;
  line-height: 1.3em;
  color: #b1b1b1;
}
.hpFilter {
  text-align: center !important;
}
.hpFilter .filterSetWrapper {
  width: 100%;
  margin-top: .5em;
  margin-bottom: .5em;
}
.hpFilter .filterSetWrapper .filterSet {
  background: #dddddd;
  padding: .4em 0em;
}
.hpFilter .filterSetWrapper .filterSet span {
  cursor: pointer;
  display: inline-block;
  margin: .1em .1em;
  padding: .2em .3em;
  color: #777777;
}
.hpFilter .filterSetWrapper .filterSet span:hover {
  color: #111111;
}
.hpFilter .filterSetWrapper .filterSet span.on {
  font-weight: 600;
  color: #111111;
}
.hpFilter div.filterRow input.forms-input {
  width: 105px;
}
.hpFilter div.filterRow label {
  margin-left: .5em;
}
.hpFilter .buttons {
  margin-left: 1.8em;
  display: inline-block;
  top: .3em;
  position: relative;
}
.hpFilter .buttons button {
  border: none;
  background: none;
}
.hpFilter .buttons button:hover {
  cursor: pointer;
  color: #ff0000;
}
.hpFilter .filterHeader {
  text-transform: lowercase;
  display: inline-block;
  margin-right: 1em;
}
.hpFilter div.filterItem {
  display: inline-block;
}
form.protect {
  position: relative;
}
.submitOverlay {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: url("https://shared.homeport.cz/2.8.0//tkhs/imgs/general/hpFormLoader.gif");
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 999;
}
.hpFormHeader {
  text-transform: uppercase;
  font-size: 1.5em;
  font-weight: 600;
  text-align: center;
  margin: 0em 0em .5em 0em;
  line-height: 1.2em;
}
#content .hpFormUser button {
  padding: 0px;
  margin: 0px;
}
#content .hpFormUser h2 {
  text-transform: uppercase;
  font-size: 1.4em;
  font-weight: 600;
  padding: 0px;
  margin: .2em 0em .7em 0em;
  text-align: center;
}
.hpForm-nadpis-formulare {
  text-transform: uppercase;
  font-size: 1.5em;
  font-weight: 600;
  text-align: center;
  margin: 0em 0em .5em 0em;
  line-height: 1.2em;
}
.hpForm .hpForm-nadpis-formulare,
.hpFormUser-nadpis-formulare {
  margin: .35em 0em .5em 0em;
}
.hpFormBorder {
  border: 1px solid #c7c8cb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.inputBorder {
  font-weight: bold;
  background: #e9e9f3;
  border: 1px solid #d3d6d6;
  padding: 8px;
  font-size: 1.2em;
  color: #3c3c3c;
  border-radius: 0px;
}
.hpForm {
  position: relative;
  text-align: left;
  padding: 9px;
}
.hpForm .filterLabel {
  text-align: center;
}
.hpForm .fakeInputBorder td div.inside {
  font-weight: bold;
  background: #e9e9f3;
  border: 1px solid #d3d6d6;
  padding: 8px;
  font-size: 1.2em;
  color: #3c3c3c;
  border-radius: 0px;
}
.hpForm .fakeInputBorder td div.inside select {
  font-size: 12px;
  float: right;
}
.hpForm .flex {
  display: inline-block;
  float: left;
}
.hpForm .flex.select td {
  display: block;
}
.hpForm .flex.select select {
  float: right;
}
.hpForm .flex.flex-2 div.inside {
  float: left;
}
.hpForm .flex.flex-2.flexCounter-2 {
  float: right;
}
.hpForm .flex.flex-2.flexCounter-2 div.inside {
  float: right;
}
.hpForm .flex.flex-2.select div.inside {
  width: 150px !important;
}
.hpForm .flex.flex-2 input.forms-input {
  width: 150px !important;
}
.hpForm .flex.flex-3 {
  width: 32%;
}
.hpForm .flex.flex-4 {
  width: 24%;
}
.hpForm td {
  padding: 2px 0px;
}
.hpForm td.label {
  padding-right: .8em;
  text-align: right;
}
.hpForm .good_container {
  display: none;
}
.hpForm input.forms-chkb {
  margin: 1em 0em;
}
.hpForm input.forms-input,
.hpForm textarea.forms-textarea {
  font-weight: bold;
  background: #e9e9f3;
  border: 1px solid #d3d6d6;
  padding: 8px;
  font-size: 1.2em;
  color: #3c3c3c;
  border-radius: 0px;
}
.hpForm input.hpForm-submit {
  margin: auto;
  display: block;
  margin-top: .6em;
}
.hpForm td.datepicker {
  text-align: left;
  padding-right: 10px;
}
.hpForm td.datepicker input {
  text-align: center;
  width: auto;
  float: left;
}
.hpForm.hpFilter {
  border: none;
  margin-bottom: 1em;
}
.hpForm.hpFilter .filterLabel {
  padding-top: 5px;
}
.hpForm.hpFilter span.remove {
  cursor: pointer;
  display: block;
  display: none;
  width: 20px;
  height: 20px;
  background: url("https://shared.homeport.cz/2.8.0//tkhs/imgs/yellow-lightblue/TKHS_table/inputClear.png");
  float: right;
  margin: 10px 0px 0px 10px;
}
.hpForm.hpFilter label {
  padding-right: .5em;
}
.hpForm.hpFilter input.hpForm-submit {
  padding: .5em 1em;
  margin-top: 0;
  display: inline-block;
  margin-right: .5em;
}
.hpForm.hpFilter tfoot td {
  text-align: center;
  padding-top: .5em;
}
.hpForm.hpFilter tfoot td input {
  display: inline-block;
  margin: 0em .5em;
}
.hpForm span.mandatory {
  display: inline-block;
  margin-left: 0.2em;
}
.hpForm td.forms-popis {
  font-weight: 500;
  padding-right: 5px;
}
.hpForm td.forms-popis label {
  padding-top: 6px;
  display: inline-block;
}
.formsCheckboxTdLabel label {
  margin-left: 5px;
}
.formsInputIndicator {
  vertical-align: middle !important;
}
.hpForm .forms-input,
.hpForm .forms-textarea {
  width: 97%;
}
.hpModule .hpTableWrapper {
  margin-bottom: 3em;
  font-size: 1em;
  text-align: center;
}
.hpModule .hpTableWrapper h2 {
  margin-bottom: .3em;
}
.hpModule .hpTableWrapper h3 {
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
}
.hpModule .hpTableWrapper .hpTable {
  line-height: 1.6em;
}
.hpModule .hpTableWrapper .hpTable tr td {
  font-size: 1.1em;
  padding: .5em .1em .5em 0em;
  border-bottom: solid 1px #c7c8cb;
  text-align: center;
}
.hpModule .hpTableWrapper .hpTable tbody tr td span.info {
  display: block;
  margin: auto;
  width: 16px;
  height: 35px;
  background: url("https://shared.homeport.cz/2.8.0//tkhs/imgs/yellow-lightblue/GetBusinessRules/info.png");
  cursor: pointer;
}
.hpModule .hpTableWrapper .hpTable tbody tr td .Price,
.hpModule .hpTableWrapper .hpTable tbody tr td .Details,
.hpModule .hpTableWrapper .hpTable tbody tr td .PeriodFee {
  white-space: nowrap;
}
.hpModule .hpTableWrapper .hpTable tbody tr:hover {
  cursor: pointer;
}
.hpModule .hpTableWrapper .hpTable tbody tr:hover td {
  background: #edf0f0;
}
.hpModule .hpTableWrapper .hpTable thead tr td {
  text-transform: uppercase;
  font-size: 1.3em;
  line-height: 1.3em;
}
.hpModule .hpTableWrapper .hpTable thead tr td img {
  display: none;
}
.hpModule .hpTableWrapper .hpTable thead tr td a {
  text-decoration: none;
}
.hpModule .hpTableWrapper .hpTable tfoot tr td {
  text-align: center;
}
.hpModule .hpTableWrapper .paginator {
  float: right;
  margin-top: 1em;
}
.hpModule .hpTableWrapper .paginator a {
  text-decoration: none;
}
.hpModule .hpTableWrapper .paginator span.tbold {
  border: solid 1px #dfe1e1;
  background: #efefef;
  color: black;
  font-weight: 400;
}
.hpModule .hpTableWrapper .paginator b {
  display: none;
}
.paginator {
  margin-top: .5em;
}
.paginator a,
.paginator span {
  display: inline-block;
  margin-right: 5px;
  padding: 0.1em .4em;
}
.paginator a {
  text-decoration: underline;
}
.infoContainer .infoWrapper {
  background: transparent;
  min-height: 150px;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 2em;
}
.infoContainer .infoWrapper div.polozka {
  padding: 10px 0px;
}
.infoContainer .infoWrapper div.wrapperInner {
  max-width: 1280px;
  margin: auto;
}
.infoContainer .infoWrapper div.buttons {
  margin-top: .5em;
}
.infoContainer .infoWrapper div.buttons div {
  width: 2em;
  height: 1em;
  background: #dddddd;
  display: inline-block;
  margin: 0em .2em;
  cursor: pointer;
}
.infoContainer .infoWrapper div.buttons div:hover {
  background: #050c30;
}
.infoContainer .infoWrapper div.buttons div.on {
  background: #0d1e75;
}
div.infoNews {
  width: 100%;
}
div.infoNews div.polozka {
  width: 100%;
  text-align: center;
  text-align: left;
}
div.infoNews div.polozka.centerHeader h3 {
  text-align: center;
  font-size: 1.8em;
}
div.infoNews div.polozka h3 {
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 1em;
  text-transform: uppercase;
  font-size: 1.5em;
  font-weight: 600;
}
div.infoNews div.polozka h3 a {
  text-decoration: none;
}
div.infoNews div.polozka h3 a:hover {
  text-decoration: underline;
}
div.infoNews div.polozka div.hlavni {
  float: left;
}
div.infoNews div.polozka div.hlavni img {
  border: 1px solid #dddddd;
  margin-right: 1em;
}
.xdsoft_datetimepicker {
  box-shadow: 0 5px 15px -5px rgba(0,0,0,0.506);
  background: #fff;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  color: #333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 8px;
  padding-left: 0;
  padding-top: 2px;
  position: absolute;
  z-index: 9999;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
}
.xdsoft_datetimepicker iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;
  height: 210px;
  background: transparent;
  border: none;
}
.xdsoft_datetimepicker button {
  border: none !important;
}
.xdsoft_noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.xdsoft_noselect::selection {
  background: transparent;
}
.xdsoft_noselect::-moz-selection {
  background: transparent;
}
.xdsoft_datetimepicker.xdsoft_inline {
  display: inline-block;
  position: static;
  box-shadow: none;
}
.xdsoft_datetimepicker * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker,
.xdsoft_datetimepicker .xdsoft_timepicker {
  display: none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active,
.xdsoft_datetimepicker .xdsoft_timepicker.active {
  display: block;
}
.xdsoft_datetimepicker .xdsoft_datepicker {
  width: 224px;
  float: left;
  margin-left: 8px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
  width: 256px;
}
.xdsoft_datetimepicker .xdsoft_timepicker {
  width: 58px;
  float: left;
  text-align: center;
  margin-left: 8px;
  margin-top: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
  margin-top: 8px;
  margin-bottom: 3px;
}
.xdsoft_datetimepicker .xdsoft_mounthpicker {
  position: relative;
  text-align: center;
}
.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}
.xdsoft_datetimepicker .xdsoft_label i {
  opacity: 0.5;
  background-position: -92px -19px;
  display: inline-block;
  width: 9px;
  height: 20px;
  vertical-align: middle;
}
.xdsoft_datetimepicker .xdsoft_prev {
  float: left;
  background-position: -20px 0;
}
.xdsoft_datetimepicker .xdsoft_today_button {
  float: left;
  background-position: -70px 0;
  margin-left: 5px;
}
.xdsoft_datetimepicker .xdsoft_next {
  float: right;
  background-position: 0 0;
}
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0 none;
  cursor: pointer;
  display: block;
  height: 30px;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  outline: medium none;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  width: 20px;
  min-width: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
  float: none;
  background-position: -40px -15px;
  height: 15px;
  width: 30px;
  display: block;
  margin-left: 14px;
  margin-top: 7px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
  background-position: -40px 0;
  margin-bottom: 7px;
  margin-top: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  height: 151px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: center;
  border-collapse: collapse;
  cursor: pointer;
  border-bottom-width: 0;
  height: 25px;
  line-height: 25px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child {
  border-top-width: 0;
}
.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.xdsoft_datetimepicker .xdsoft_label {
  display: inline;
  position: relative;
  z-index: 9999;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
  float: left;
  width: 182px;
  text-align: center;
  cursor: pointer;
}
.xdsoft_datetimepicker .xdsoft_label:hover>span {
  text-decoration: underline;
}
.xdsoft_datetimepicker .xdsoft_label:hover i {
  opacity: 1.0;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
  border: 1px solid #ccc;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 101;
  display: none;
  background: #fff;
  max-height: 160px;
  overflow-y: hidden;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
  right: -7px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
  right: 2px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #fff;
  background: #ff8000;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
  padding: 2px 10px 2px 5px;
  text-decoration: none !important;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #33aaff;
  box-shadow: #178fe5 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_month {
  width: 100px;
  text-align: right;
}
.xdsoft_datetimepicker .xdsoft_calendar {
  clear: both;
}
.xdsoft_datetimepicker .xdsoft_year {
  width: 48px;
  margin-left: 5px;
}
.xdsoft_datetimepicker .xdsoft_calendar table {
  border-collapse: collapse;
  width: 100%;
}
.xdsoft_datetimepicker .xdsoft_calendar td > div {
  padding-right: 5px;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
  height: 25px;
}
.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
  width: 14.2857142%;
  background: #f5f5f5;
  border: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: right;
  vertical-align: middle;
  padding: 0;
  border-collapse: collapse;
  cursor: pointer;
  height: 25px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
  width: 12.5%;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
  background: #f1f1f1;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
  color: #33aaff;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
  background: #33aaff;
  box-shadow: #178fe5 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  cursor: default;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
  color: #fff !important;
  background: #ff8000 !important;
  box-shadow: none !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
  background: #33aaff !important;
  box-shadow: #178fe5 0 1px 3px 0 inset !important;
  color: #fff !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover {
  color: inherit !important;
  background: inherit !important;
  box-shadow: inherit !important;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
  font-weight: 700;
  text-align: center;
  color: #999;
  cursor: default;
}
.xdsoft_datetimepicker .xdsoft_copyright {
  color: #ccc !important;
  font-size: 10px;
  clear: both;
  float: none;
  margin-left: 8px;
}
.xdsoft_datetimepicker .xdsoft_copyright a {
  color: #eee !important;
}
.xdsoft_datetimepicker .xdsoft_copyright a:hover {
  color: #aaa !important;
}
.xdsoft_time_box {
  position: relative;
  border: 1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller {
  background: #ccc !important;
  height: 20px;
  border-radius: 3px;
}
.xdsoft_scrollbar {
  position: absolute;
  width: 7px;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.xdsoft_scroller_box {
  position: relative;
}
.xdsoft_datetimepicker.xdsoft_dark {
  box-shadow: 0 5px 15px -5px rgba(255,255,255,0.506);
  background: #000;
  border-bottom: 1px solid #444;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  color: #ccc;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
  border-bottom: 1px solid #222;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div {
  background: #0a0a0a;
  border-top: 1px solid #222;
  color: #999;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
  background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
  border: 1px solid #333;
  background: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #000;
  background: #007fff;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #cc5500;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0a0a0a;
  border: 1px solid #222;
  color: #999;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0e0e0e;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
  color: #cc5500;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
  background: #cc5500;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
  color: #000 !important;
  background: #007fff !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  color: #666;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
  color: #333 !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
  color: #111 !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
  color: #555 !important;
}
.xdsoft_dark .xdsoft_time_box {
  border: 1px solid #333;
}
.xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller {
  background: #333 !important;
}
.xdsoft_datetimepicker .xdsoft_save_selected {
  display: block;
  border: 1px solid #dddddd !important;
  margin-top: 5px;
  width: 100%;
  color: #454551;
  font-size: 13px;
}
.xdsoft_datetimepicker .blue-gradient-button {
  font-family: "museo-sans", "Book Antiqua", sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #82878c;
  height: 28px;
  position: relative;
  padding: 4px 17px 4px 33px;
  border: 1px solid #d7d8da;
  background: -moz-linear-gradient(top,#fff 0%,#f4f8fa 73%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(73%,#f4f8fa));
  background: -webkit-linear-gradient(top,#fff 0%,#f4f8fa 73%);
  background: -o-linear-gradient(top,#fff 0%,#f4f8fa 73%);
  background: -ms-linear-gradient(top,#fff 0%,#f4f8fa 73%);
  background: linear-gradient(to bottom,#fff 0%,#f4f8fa 73%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f4f8fa',GradientType=0);
}
.xdsoft_datetimepicker .blue-gradient-button:hover,
.xdsoft_datetimepicker .blue-gradient-button:focus,
.xdsoft_datetimepicker .blue-gradient-button:hover span,
.xdsoft_datetimepicker .blue-gradient-button:focus span {
  color: #454551;
  background: -moz-linear-gradient(top,#f4f8fa 0%,#FFF 73%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f4f8fa),color-stop(73%,#FFF));
  background: -webkit-linear-gradient(top,#f4f8fa 0%,#FFF 73%);
  background: -o-linear-gradient(top,#f4f8fa 0%,#FFF 73%);
  background: -ms-linear-gradient(top,#f4f8fa 0%,#FFF 73%);
  background: linear-gradient(to bottom,#f4f8fa 0%,#FFF 73%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa',endColorstr='#FFF',GradientType=0);
}
.ui-keyboard {
  padding: .3em;
  z-index: 16000;
}
.ui-keyboard-has-focus {
  z-index: 16001;
}
.ui-keyboard div {
  font-size: 1.1em;
}
.ui-keyboard-button {
  min-height: 2em;
  width: 2em;
  min-width: 1em;
  margin: .1em;
  cursor: pointer;
  overflow: hidden;
  line-height: 2em;
  -moz-user-focus: ignore;
}
.ui-keyboard-button span {
  padding: 0;
  margin: 0;
  white-space: nowrap;
  display: inline-block;
}
.ui-keyboard-button-endrow {
  clear: left;
}
.ui-keyboard-widekey {
  min-width: 4em;
  width: auto;
}
.ui-keyboard-space {
  width: 15em;
}
.ui-keyboard-space span,
.ui-keyboard-empty span {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
}
.ui-keyboard-preview-wrapper {
  text-align: center;
}
.ui-keyboard-preview {
  text-align: left;
  margin: 0 0 3px 0;
  display: inline;
  width: 99%;
}
.ui-keyboard-keyset {
  text-align: center;
  white-space: nowrap;
}
.ui-keyboard-input {
  text-align: left;
}
.ui-keyboard-input-current {
  -moz-box-shadow: 1px 1px 10px #5e9ed6;
  -webkit-box-shadow: 1px 1px 10px #5e9ed6;
  box-shadow: 1px 1px 10px #5e9ed6;
}
.ui-keyboard-placeholder {
  color: #888;
}
.ui-keyboard-nokeyboard {
  color: #888;
  border-color: #888;
}
.ui-keyboard-button.disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.ui-keyboard-spacer {
  display: inline-block;
  width: 1px;
  height: 0;
}
.ui-keyboard-button.ui-keyboard-combo.ui-state-default {
  border-color: #ffaf0f;
}
button.ui-keyboard-accept.ui-keyboard-valid-input {
  border-color: #0c0;
  background: #080;
  color: #fff;
}
button.ui-keyboard-accept.ui-keyboard-valid-input:hover {
  background: #0a0;
}
button.ui-keyboard-accept.ui-keyboard-invalid-input {
  border-color: #c00;
  background: #800;
  color: #fff;
}
button.ui-keyboard-accept.ui-keyboard-invalid-input:hover {
  background: #a00;
}
.ui-body .ui-keyboard-button {
  width: 3em;
  display: inline-block;
}
.ui-body .ui-keyboard-widekey {
  width: 5.5em;
}
.ui-body .ui-keyboard-space {
  width: 15em;
}
.ui-body .ui-keyboard-space span {
  visibility: hidden;
}
.ui-body .ui-keyboard-keyset {
  line-height: 0.5em;
}
.ui-body input.ui-input-text,
.ui-body textarea.ui-input-text {
  width: 95%;
}
.ui-body .ui-btn-inner {
  height: 2em;
  padding: 0.2em 0;
  margin: 0;
}
.ui-body .ui-btn {
  margin: 0;
  font-size: 13px;
}
@media all and (max-width: 319px) {
  .ui-keyboard div {
    font-size: 9px;
  }
  .ui-keyboard .ui-keyboard-input {
    font-size: 12px;
  }
  .ui-body .ui-btn {
    margin: 0;
    font-size: 9px;
  }
  .ui-body .ui-keyboard-button {
    width: 1.8em;
    height: 2.5em;
  }
  .ui-body .ui-keyboard-widekey {
    width: 4em;
  }
  .ui-body .ui-keyboard-space {
    width: 8em;
  }
  .ui-body .ui-btn-inner {
    height: 2.5em;
    padding: 0.3em 0;
  }
}
@media all and (min-width: 320px) and (max-width: 479px) {
  .ui-keyboard div {
    font-size: 9px;
  }
  .ui-keyboard .ui-keyboard-input {
    font-size: 14px;
  }
  .ui-body .ui-btn {
    margin: 0;
    font-size: 11px;
  }
  .ui-body .ui-keyboard-button {
    width: 1.8em;
    height: 3em;
  }
  .ui-body .ui-keyboard-widekey {
    width: 4.5em;
  }
  .ui-body .ui-keyboard-space {
    width: 10em;
  }
  .ui-body .ui-btn-inner {
    height: 3em;
    padding: 0.7em 0;
  }
}
@media all and (min-width: 480px) and (max-width: 767px) {
  .ui-keyboard div {
    font-size: 13px;
  }
  .ui-keyboard .ui-keyboard-input {
    font-size: 14px;
  }
  .ui-body .ui-btn {
    margin: 0;
    font-size: 10px;
  }
  .ui-body .ui-keyboard-button {
    height: 2.5em;
  }
  .ui-body .ui-btn-inner {
    height: 2.5em;
    padding: 0.5em 0;
  }
}
.mm-menu.mm-horizontal > .mm-panel {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
}
.mm-menu .mm-hidden {
  display: none;
}
.mm-wrapper {
  overflow-x: hidden;
  position: relative;
}
.mm-menu,
.mm-menu > .mm-panel {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.mm-menu {
  background: inherit;
  display: block;
  overflow: hidden;
  padding: 0;
}
.mm-menu > .mm-panel {
  background: inherit;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 20px;
  -webkit-transform: translate(100%,0);
  -moz-transform: translate(100%,0);
  -ms-transform: translate(100%,0);
  -o-transform: translate(100%,0);
  transform: translate(100%,0);
}
.mm-menu > .mm-panel.mm-opened {
  -webkit-transform: translate(0%,0);
  -moz-transform: translate(0%,0);
  -ms-transform: translate(0%,0);
  -o-transform: translate(0%,0);
  transform: translate(0%,0);
}
.mm-menu > .mm-panel.mm-subopened {
  -webkit-transform: translate(-30%,0);
  -moz-transform: translate(-30%,0);
  -ms-transform: translate(-30%,0);
  -o-transform: translate(-30%,0);
  transform: translate(-30%,0);
}
.mm-menu > .mm-panel.mm-highest {
  z-index: 1;
}
.mm-menu .mm-list {
  padding: 20px 0;
}
.mm-menu > .mm-list {
  padding-bottom: 0;
}
.mm-menu > .mm-list:after {
  content: '';
  display: block;
  height: 40px;
}
.mm-panel > .mm-list {
  margin-left: -20px;
  margin-right: -20px;
}
.mm-panel > .mm-list:first-child {
  padding-top: 0;
}
.mm-list,
.mm-list > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}
.mm-list {
  font: inherit;
  font-size: 14px;
}
.mm-list a,
.mm-list a:hover {
  text-decoration: none;
}
.mm-list > li {
  position: relative;
}
.mm-list > li > a,
.mm-list > li > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: inherit;
  line-height: 20px;
  display: block;
  padding: 10px 10px 10px 20px;
  margin: 0;
}
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
  content: '';
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
  width: auto;
  margin-left: 20px;
  position: relative;
  left: auto;
}
.mm-list a.mm-subopen {
  background: rgba(3,2,1,0);
  width: 40px;
  height: 100%;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.mm-list a.mm-subopen:before {
  content: '';
  border-left-width: 1px;
  border-left-style: solid;
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.mm-list a.mm-subopen.mm-fullsubopen {
  width: 100%;
}
.mm-list a.mm-subopen.mm-fullsubopen:before {
  border-left: none;
}
.mm-list a.mm-subopen + a,
.mm-list a.mm-subopen + span {
  padding-right: 5px;
  margin-right: 40px;
}
.mm-list > li.mm-selected > a.mm-subopen {
  background: transparent;
}
.mm-list > li.mm-selected > a.mm-fullsubopen + a,
.mm-list > li.mm-selected > a.mm-fullsubopen + span {
  padding-right: 45px;
  margin-right: 0;
}
.mm-list a.mm-subclose {
  text-indent: 20px;
  padding-top: 30px;
  margin-top: -20px;
}
.mm-list > li.mm-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 10px;
  text-transform: uppercase;
  text-indent: 20px;
  line-height: 25px;
  padding-right: 5px;
}
.mm-list > li.mm-spacer {
  padding-top: 40px;
}
.mm-list > li.mm-spacer.mm-label {
  padding-top: 25px;
}
.mm-list a.mm-subopen:after,
.mm-list a.mm-subclose:before {
  content: '';
  border: 2px solid transparent;
  display: inline-block;
  width: 7px;
  height: 7px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-bottom: -5px;
  position: absolute;
  bottom: 50%;
}
.mm-list a.mm-subopen:after {
  border-top: none;
  border-left: none;
  right: 18px;
}
.mm-list a.mm-subclose:before {
  border-right: none;
  border-bottom: none;
  margin-bottom: -15px;
  left: 22px;
}
.mm-menu.mm-vertical .mm-list .mm-panel {
  display: none;
  padding: 10px 0 10px 10px;
}
.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
  border-color: transparent;
}
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
  display: block;
}
.mm-menu.mm-vertical .mm-list > li > a.mm-subopen {
  height: 40px;
}
.mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after {
  top: 16px;
  bottom: auto;
}
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen {
  height: 25px;
}
html.mm-opened .mm-page {
  box-shadow: 0 0 20px rgba(0,0,0,0.5);
}
.mm-menu .mm-list {
  border-right: solid 2px black;
  background: #ffffff;
  text-align: left;
}
.mm-menu .mm-list a {
  color: #333333;
}
.mm-menu .mm-list a:hover {
  color: #0d1e75;
  text-decoration: underline;
}
.mm-menu .mm-list > li:after {
  border-color: rgba(0,0,0,0.15);
}
.mm-menu .mm-list > li > a.mm-subclose {
  background: rgba(0,0,0,0.1);
  color: rgba(255,255,255,0.3);
}
.mm-menu .mm-list > li > a.mm-subopen:after,
.mm-menu .mm-list > li > a.mm-subclose:before {
  border-color: rgba(0,0,0,0.8);
}
.mm-menu .mm-list > li > a.mm-subopen:before {
  border-color: rgba(0,0,0,0.15);
}
.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu .mm-list > li.mm-selected > span {
  background: rgba(0,0,0,0.1);
}
.mm-menu .mm-list > li.mm-label {
  background: rgba(255,255,255,0.05);
}
.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(0,0,0,0.1);
}
.mm-page {
  box-sizing: border-box;
  position: relative;
}
.mm-slideout {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease;
}
html.mm-opened {
  overflow: hidden;
  position: relative;
}
html.mm-opened body {
  overflow: hidden;
}
html.mm-background .mm-page {
  background: inherit;
}
#mm-blocker {
  background: rgba(3,2,1,0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
}
html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
  display: block;
}
.mm-menu.mm-offcanvas {
  display: none;
  position: fixed;
}
.mm-menu.mm-current {
  display: block;
}
.mm-menu {
  width: 80%;
  min-width: 140px;
  max-width: 440px;
}
html.mm-opening .mm-slideout {
  -webkit-transform: translate(80%,0);
  -moz-transform: translate(80%,0);
  -ms-transform: translate(80%,0);
  -o-transform: translate(80%,0);
  transform: translate(80%,0);
}
@media all and (max-width: 175px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(140px,0);
    -moz-transform: translate(140px,0);
    -ms-transform: translate(140px,0);
    -o-transform: translate(140px,0);
    transform: translate(140px,0);
  }
}
@media all and (min-width: 550px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(440px,0);
    -moz-transform: translate(440px,0);
    -ms-transform: translate(440px,0);
    -o-transform: translate(440px,0);
    transform: translate(440px,0);
  }
}
.mm-buttonbar {
  border: 1px solid transparent;
  border-radius: 5px;
  text-align: center;
  line-height: 20px;
  overflow: hidden;
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
}
.mm-buttonbar:after {
  content: '';
  display: block;
  clear: both;
}
.mm-buttonbar > * {
  border-left: 1px solid transparent;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  float: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.mm-buttonbar > a {
  text-decoration: none;
}
.mm-buttonbar > input {
  position: absolute;
  left: -1000px;
  top: -1000px;
}
.mm-buttonbar > input:checked + label {
  border-color: transparent !important;
}
.mm-buttonbar > *:first-child,
.mm-buttonbar > input:first-child + * {
  border-left: none;
}
.mm-buttonbar.mm-buttonbar-2 > * {
  width: 50%;
}
.mm-buttonbar.mm-buttonbar-3 > * {
  width: 33.33%;
}
.mm-buttonbar.mm-buttonbar-4 > * {
  width: 25%;
}
.mm-buttonbar.mm-buttonbar-5 > * {
  width: 20%;
}
.mm-header .mm-buttonbar {
  margin-top: 20px;
  margin-left: -30px;
  margin-right: -30px;
}
.mm-footer .mm-buttonbar {
  border: none;
  border-radius: none;
  line-height: 40px;
  margin: -10px -10px 0 -20px;
}
.mm-footer .mm-buttonbar > * {
  border-left: none;
}
.mm-list > li > .mm-buttonbar {
  margin: 10px 20px;
}
.mm-menu .mm-buttonbar {
  border-color: rgba(255,255,255,0.6);
  background: #333333;
}
.mm-menu .mm-buttonbar > * {
  border-color: rgba(255,255,255,0.6);
}
.mm-menu .mm-buttonbar > input:checked + label {
  background: rgba(255,255,255,0.6);
  color: #333333;
}
em.mm-counter {
  font: inherit;
  font-size: 14px;
  font-style: normal;
  text-indent: 0;
  line-height: 20px;
  display: block;
  margin-top: -10px;
  position: absolute;
  right: 40px;
  top: 50%;
}
em.mm-counter + a.mm-subopen {
  padding-left: 40px;
}
em.mm-counter + a.mm-subopen + a,
em.mm-counter + a.mm-subopen + span {
  margin-right: 80px;
}
em.mm-counter + a.mm-fullsubopen {
  padding-left: 0;
}
.mm-vertical em.mm-counter {
  top: 12px;
  margin-top: 0;
}
.mm-nosubresults > em.mm-counter {
  display: none;
}
.mm-menu em.mm-counter {
  color: rgba(255,255,255,0.3);
}
html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-page,
html.mm-opened.mm-dragging .mm-fixed-top,
html.mm-opened.mm-dragging .mm-fixed-bottom,
html.mm-opened.mm-dragging #mm-blocker {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.mm-footer {
  background: inherit;
  border-top: 1px solid transparent;
  text-align: center;
  line-height: 20px;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  padding: 10px 10px 0 20px;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
}
.mm-menu.mm-hasfooter > .mm-panel:after {
  height: 80px;
}
.mm-menu .mm-footer {
  border-color: rgba(0,0,0,0.15);
  color: rgba(255,255,255,0.3);
}
.mm-header {
  background: inherit;
  border-bottom: 1px solid transparent;
  text-align: center;
  line-height: 20px;
  box-sizing: border-box;
  width: 100%;
  height: 60px;
  padding: 0 50px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
.mm-header .mm-title,
.mm-header .mm-prev,
.mm-header .mm-next,
.mm-header .mm-close {
  padding-top: 30px;
}
.mm-header .mm-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: 100%;
  position: relative;
}
.mm-header .mm-prev,
.mm-header .mm-next,
.mm-header .mm-close {
  text-decoration: none;
  display: block;
  box-sizing: border-box;
  min-width: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
}
.mm-header .mm-prev {
  padding-left: 20px;
  padding-right: 10px;
  left: 0;
}
.mm-header .mm-next,
.mm-header .mm-close {
  padding-left: 10px;
  padding-right: 20px;
  right: 0;
}
.mm-header [href].mm-prev:before,
.mm-header [href].mm-next:after {
  content: '';
  border: 2px solid transparent;
  display: inline-block;
  width: 7px;
  height: 7px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.mm-header [href].mm-prev:before {
  border-right: none;
  border-bottom: none;
  margin-left: 2px;
  margin-right: 5px;
}
.mm-header [href].mm-next:after,
.mm-header [href].mm-close:after {
  margin-left: 5px;
  margin-right: -2px;
}
.mm-header [href].mm-next:after {
  border-top: none;
  border-left: none;
}
.mm-header [href].mm-close:after {
  content: 'x';
}
.mm-menu.mm-hassearch .mm-header {
  height: 50px;
  top: 50px;
}
.mm-menu.mm-hassearch .mm-header .mm-title,
.mm-menu.mm-hassearch .mm-header .mm-prev,
.mm-menu.mm-hassearch .mm-header .mm-next,
.mm-menu.mm-hassearch .mm-header .mm-close {
  padding-top: 20px;
}
.mm-menu.mm-hasheader li.mm-subtitle {
  display: none;
}
.mm-menu.mm-hasheader > .mm-panel {
  padding-top: 80px;
}
.mm-menu.mm-hasheader > .mm-panel.mm-list {
  padding-top: 60px;
}
.mm-menu.mm-hasheader > .mm-panel > .mm-list:first-child {
  margin-top: -20px;
}
.mm-menu.mm-hasheader.mm-hassearch > .mm-panel {
  padding-top: 120px;
}
.mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list {
  padding-top: 100px;
}
.mm-menu .mm-header {
  border-color: rgba(0,0,0,0.15);
  color: rgba(255,255,255,0.3);
}
.mm-menu .mm-header .mm-prev:before,
.mm-menu .mm-header .mm-next:after,
.mm-menu .mm-header .mm-close:after {
  border-color: rgba(255,255,255,0.3);
}
.mm-list li.mm-label > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  line-height: 25px;
}
.mm-list li.mm-label.mm-opened a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mm-list li.mm-collapsed:not(.mm-uncollapsed) {
  display: none;
}
.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen:after {
  top: 8.5px;
}
.mm-menu .mm-list li.mm-label > div > div {
  background: rgba(255,255,255,0.05);
}
.mm-search,
.mm-search input {
  box-sizing: border-box;
}
.mm-list > li.mm-search {
  padding: 10px;
  margin-top: -20px;
}
.mm-list > li.mm-subtitle + li.mm-search {
  margin-top: 0;
}
div.mm-panel > div.mm-search {
  padding: 0 0 10px 0;
}
.mm-menu.mm-hasheader .mm-list > li.mm-search {
  margin-top: 0;
}
.mm-menu > .mm-search {
  background: inherit;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.mm-search {
  padding: 10px;
}
.mm-search input {
  border: none;
  border-radius: 30px;
  font: inherit;
  font-size: 14px;
  line-height: 30px;
  outline: none;
  display: block;
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0 10px;
}
.mm-search input::-ms-clear {
  display: none;
}
.mm-menu .mm-noresultsmsg {
  text-align: center;
  font-size: 21px;
  display: none;
  padding: 60px 0;
}
.mm-menu .mm-noresultsmsg:after {
  border: none !important;
}
.mm-noresults .mm-noresultsmsg {
  display: block;
}
.mm-menu li.mm-nosubresults > a.mm-subopen {
  display: none;
}
.mm-menu li.mm-nosubresults > a.mm-subopen + a,
.mm-menu li.mm-nosubresults > a.mm-subopen + span {
  padding-right: 10px;
}
.mm-menu.mm-hassearch > .mm-panel {
  padding-top: 70px;
}
.mm-menu.mm-hassearch > .mm-panel > .mm-list:first-child {
  margin-top: -20px;
}
.mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child {
  margin-top: -10px;
}
.mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child + .mm-list {
  padding-top: 0;
}
.mm-menu .mm-search input {
  background: rgba(255,255,255,0.3);
  color: rgba(255,255,255,0.6);
}
.mm-menu .mm-noresultsmsg {
  color: rgba(255,255,255,0.3);
}
input.mm-toggle,
input.mm-check {
  position: absolute;
  left: -10000px;
}
label.mm-toggle,
label.mm-check {
  margin: 0;
  position: absolute;
  bottom: 50%;
  z-index: 2;
}
label.mm-toggle:before,
label.mm-check:before {
  content: '';
  display: block;
}
label.mm-toggle {
  border-radius: 30px;
  width: 50px;
  height: 30px;
  margin-bottom: -15px;
}
label.mm-toggle:before {
  border-radius: 30px;
  width: 28px;
  height: 28px;
  margin: 1px;
}
input.mm-toggle:checked ~ label.mm-toggle:before {
  float: right;
}
label.mm-check {
  width: 30px;
  height: 30px;
  margin-bottom: -15px;
}
label.mm-check:before {
  border-left: 3px solid;
  border-bottom: 3px solid;
  width: 40%;
  height: 20%;
  margin: 25% 0 0 20%;
  opacity: 0.1;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
input.mm-check:checked ~ label.mm-check:before {
  opacity: 1;
}
.mm-menu.mm-vertical .mm-list > li label.mm-toggle,
.mm-menu.mm-vertical .mm-list > li label.mm-check {
  bottom: auto;
  margin-bottom: 0;
}
.mm-menu.mm-vertical .mm-list > li label.mm-toggle {
  top: 5px;
}
.mm-menu.mm-vertical .mm-list > li label.mm-check {
  top: 5px;
}
label.mm-toggle,
label.mm-check {
  right: 20px;
}
label.mm-toggle + a,
label.mm-toggle + span {
  margin-right: 70px;
}
label.mm-check + a,
label.mm-check + span {
  margin-right: 50px;
}
a.mm-subopen + label.mm-toggle,
a.mm-subopen + label.mm-check {
  right: 50px;
}
a.mm-subopen + label.mm-toggle + a,
a.mm-subopen + label.mm-toggle + span {
  margin-right: 100px;
}
a.mm-subopen + label.mm-check + a,
a.mm-subopen + label.mm-check + span {
  margin-right: 80px;
}
em.mm-counter + a.mm-subopen + label.mm-toggle,
em.mm-counter + a.mm-subopen + label.mm-check {
  right: 90px;
}
em.mm-counter + a.mm-subopen + label.mm-toggle + a,
em.mm-counter + a.mm-subopen + label.mm-toggle + span {
  margin-right: 140px;
}
em.mm-counter + a.mm-subopen + label.mm-check + a,
em.mm-counter + a.mm-subopen + label.mm-check + span {
  margin-right: 120px;
}
.mm-menu label.mm-toggle {
  background: rgba(0,0,0,0.15);
}
.mm-menu label.mm-toggle:before {
  background: #333333;
}
.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963;
}
.mm-menu label.mm-check:before {
  border-color: rgba(255,255,255,0.6);
}
html.mm-slide .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
}
html.mm-slide.mm-opened .mm-menu {
  -webkit-transform: translateX(-30%);
  -moz-transform: translateX(-30%);
  -ms-transform: translateX(-30%);
  -o-transform: translateX(-30%);
  transform: translateX(-30%);
}
html.mm-slide.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
html.mm-slide.mm-right.mm-opened .mm-menu {
  -webkit-transform: translateX(30%);
  -moz-transform: translateX(30%);
  -ms-transform: translateX(30%);
  -o-transform: translateX(30%);
  transform: translateX(30%);
}
html.mm-slide.mm-right.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
html.mm-slide.mm-top.mm-opened .mm-menu {
  -webkit-transform: translateY(-30%);
  -moz-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  -o-transform: translateY(-30%);
  transform: translateY(-30%);
}
html.mm-slide.mm-top.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}
html.mm-slide.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: translateY(30%);
  -moz-transform: translateY(30%);
  -ms-transform: translateY(30%);
  -o-transform: translateY(30%);
  transform: translateY(30%);
}
html.mm-slide.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}
html.mm-zoom-menu .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
}
html.mm-zoom-menu.mm-opened .mm-menu {
  -webkit-transform: scale(0.7,0.7) translateX(-30%);
  -moz-transform: scale(0.7,0.7) translateX(-30%);
  -ms-transform: scale(0.7,0.7) translateX(-30%);
  -o-transform: scale(0.7,0.7) translateX(-30%);
  transform: scale(0.7,0.7) translateX(-30%);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
html.mm-zoom-menu.mm-opening .mm-menu {
  -webkit-transform: scale(1,1) translateX(0%);
  -moz-transform: scale(1,1) translateX(0%);
  -ms-transform: scale(1,1) translateX(0%);
  -o-transform: scale(1,1) translateX(0%);
  transform: scale(1,1) translateX(0%);
}
html.mm-zoom-menu.mm-right.mm-opened .mm-menu {
  -webkit-transform: scale(0.7,0.7) translateX(30%);
  -moz-transform: scale(0.7,0.7) translateX(30%);
  -ms-transform: scale(0.7,0.7) translateX(30%);
  -o-transform: scale(0.7,0.7) translateX(30%);
  transform: scale(0.7,0.7) translateX(30%);
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center;
}
html.mm-zoom-menu.mm-right.mm-opening .mm-menu {
  -webkit-transform: scale(1,1) translateX(0%);
  -moz-transform: scale(1,1) translateX(0%);
  -ms-transform: scale(1,1) translateX(0%);
  -o-transform: scale(1,1) translateX(0%);
  transform: scale(1,1) translateX(0%);
}
html.mm-zoom-menu.mm-top.mm-opened .mm-menu {
  -webkit-transform: scale(0.7,0.7) translateY(-30%);
  -moz-transform: scale(0.7,0.7) translateY(-30%);
  -ms-transform: scale(0.7,0.7) translateY(-30%);
  -o-transform: scale(0.7,0.7) translateY(-30%);
  transform: scale(0.7,0.7) translateY(-30%);
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top;
}
html.mm-zoom-menu.mm-top.mm-opening .mm-menu {
  -webkit-transform: scale(1,1) translateY(0%);
  -moz-transform: scale(1,1) translateY(0%);
  -ms-transform: scale(1,1) translateY(0%);
  -o-transform: scale(1,1) translateY(0%);
  transform: scale(1,1) translateY(0%);
}
html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: scale(0.7,0.7) translateY(30%);
  -moz-transform: scale(0.7,0.7) translateY(30%);
  -ms-transform: scale(0.7,0.7) translateY(30%);
  -o-transform: scale(0.7,0.7) translateY(30%);
  transform: scale(0.7,0.7) translateY(30%);
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom;
}
html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: scale(1,1) translateY(0%);
  -moz-transform: scale(1,1) translateY(0%);
  -ms-transform: scale(1,1) translateY(0%);
  -o-transform: scale(1,1) translateY(0%);
  transform: scale(1,1) translateY(0%);
}
html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel {
  -webkit-transform: scale(1.5,1.5) translateX(100%);
  -moz-transform: scale(1.5,1.5) translateX(100%);
  -ms-transform: scale(1.5,1.5) translateX(100%);
  -o-transform: scale(1.5,1.5) translateX(100%);
  transform: scale(1.5,1.5) translateX(100%);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition-property: -webkit-transform, left;
  transition-property: transform, left;
}
html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened {
  -webkit-transform: scale(1,1) translateX(0%);
  -moz-transform: scale(1,1) translateX(0%);
  -ms-transform: scale(1,1) translateX(0%);
  -o-transform: scale(1,1) translateX(0%);
  transform: scale(1,1) translateX(0%);
}
html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened {
  -webkit-transform: scale(0.7,0.7) translateX(-30%);
  -moz-transform: scale(0.7,0.7) translateX(-30%);
  -ms-transform: scale(0.7,0.7) translateX(-30%);
  -o-transform: scale(0.7,0.7) translateX(-30%);
  transform: scale(0.7,0.7) translateX(-30%);
}
.mm-menu.mm-fullscreen {
  width: 100%;
  min-width: 140px;
  max-width: 10000px;
}
html.mm-opening.mm-fullscreen .mm-slideout {
  -webkit-transform: translate(100%,0);
  -moz-transform: translate(100%,0);
  -ms-transform: translate(100%,0);
  -o-transform: translate(100%,0);
  transform: translate(100%,0);
}
@media all and (max-width: 140px) {
  html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(140px,0);
    -moz-transform: translate(140px,0);
    -ms-transform: translate(140px,0);
    -o-transform: translate(140px,0);
    transform: translate(140px,0);
  }
}
@media all and (min-width: 10000px) {
  html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(10000px,0);
    -moz-transform: translate(10000px,0);
    -ms-transform: translate(10000px,0);
    -o-transform: translate(10000px,0);
    transform: translate(10000px,0);
  }
}
html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
  -webkit-transform: translate(-100%,0);
  -moz-transform: translate(-100%,0);
  -ms-transform: translate(-100%,0);
  -o-transform: translate(-100%,0);
  transform: translate(-100%,0);
}
@media all and (max-width: 140px) {
  html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-140px,0);
    -moz-transform: translate(-140px,0);
    -ms-transform: translate(-140px,0);
    -o-transform: translate(-140px,0);
    transform: translate(-140px,0);
  }
}
@media all and (min-width: 10000px) {
  html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-10000px,0);
    -moz-transform: translate(-10000px,0);
    -ms-transform: translate(-10000px,0);
    -o-transform: translate(-10000px,0);
    transform: translate(-10000px,0);
  }
}
.mm-menu.mm-front.mm-fullscreen.mm-top,
.mm-menu.mm-front.mm-fullscreen.mm-bottom {
  height: 100%;
  min-height: 140px;
  max-height: 10000px;
}
html.mm-opened.mm-fullscreen .mm-page {
  box-shadow: none !important;
}
.mm-menu.mm-top,
.mm-menu.mm-bottom {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}
.mm-menu.mm-right {
  left: auto;
  right: 0;
}
.mm-menu.mm-bottom {
  top: auto;
  bottom: 0;
}
html.mm-right.mm-opening .mm-slideout {
  -webkit-transform: translate(-80%,0);
  -moz-transform: translate(-80%,0);
  -ms-transform: translate(-80%,0);
  -o-transform: translate(-80%,0);
  transform: translate(-80%,0);
}
@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-140px,0);
    -moz-transform: translate(-140px,0);
    -ms-transform: translate(-140px,0);
    -o-transform: translate(-140px,0);
    transform: translate(-140px,0);
  }
}
@media all and (min-width: 550px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-440px,0);
    -moz-transform: translate(-440px,0);
    -ms-transform: translate(-440px,0);
    -o-transform: translate(-440px,0);
    transform: translate(-440px,0);
  }
}
html.mm-front .mm-slideout {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
  z-index: 0 !important;
}
.mm-menu.mm-front {
  z-index: 1;
  box-shadow: 0 0 15px rgba(0,0,0,0.5);
}
html.mm-opened.mm-next .mm-page {
  box-shadow: none;
}
.mm-menu.mm-front,
.mm-menu.mm-next {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: translate(-100%,0);
  -moz-transform: translate(-100%,0);
  -ms-transform: translate(-100%,0);
  -o-transform: translate(-100%,0);
  transform: translate(-100%,0);
}
.mm-menu.mm-front.mm-right,
.mm-menu.mm-next.mm-right {
  -webkit-transform: translate(100%,0);
  -moz-transform: translate(100%,0);
  -ms-transform: translate(100%,0);
  -o-transform: translate(100%,0);
  transform: translate(100%,0);
}
.mm-menu.mm-front.mm-top {
  -webkit-transform: translate(0,-100%);
  -moz-transform: translate(0,-100%);
  -ms-transform: translate(0,-100%);
  -o-transform: translate(0,-100%);
  transform: translate(0,-100%);
}
.mm-menu.mm-front.mm-bottom {
  -webkit-transform: translate(0,100%);
  -moz-transform: translate(0,100%);
  -ms-transform: translate(0,100%);
  -o-transform: translate(0,100%);
  transform: translate(0,100%);
}
html.mm-opening .mm-menu.mm-front,
html.mm-opening .mm-menu.mm-next {
  -webkit-transform: translate(0,0);
  -moz-transform: translate(0,0);
  -ms-transform: translate(0,0);
  -o-transform: translate(0,0);
  transform: translate(0,0);
}
.mm-menu.mm-front.mm-top,
.mm-menu.mm-front.mm-bottom {
  height: 80%;
  min-height: 140px;
  max-height: 880px;
}
html.mm-opened.mm-light .mm-page {
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.mm-menu.mm-light {
  background: #f3f3f3;
  color: rgba(0,0,0,0.6);
}
.mm-menu.mm-light .mm-list > li:after {
  border-color: rgba(0,0,0,0.1);
}
.mm-menu.mm-light .mm-list > li > a.mm-subclose {
  background: rgba(255,255,255,0.6);
  color: rgba(0,0,0,0.3);
}
.mm-menu.mm-light .mm-list > li > a.mm-subopen:after,
.mm-menu.mm-light .mm-list > li > a.mm-subclose:before {
  border-color: rgba(0,0,0,0.3);
}
.mm-menu.mm-light .mm-list > li > a.mm-subopen:before {
  border-color: rgba(0,0,0,0.1);
}
.mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu.mm-light .mm-list > li.mm-selected > span {
  background: rgba(255,255,255,0.6);
}
.mm-menu.mm-light .mm-list > li.mm-label {
  background: rgba(0,0,0,0.03);
}
.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(0,0,0,0.03);
}
.mm-menu.mm-light .mm-buttonbar {
  border-color: rgba(0,0,0,0.6);
  background: #f3f3f3;
}
.mm-menu.mm-light .mm-buttonbar > * {
  border-color: rgba(0,0,0,0.6);
}
.mm-menu.mm-light .mm-buttonbar > input:checked + label {
  background: rgba(0,0,0,0.6);
  color: #f3f3f3;
}
.mm-menu.mm-light label.mm-check:before {
  border-color: rgba(0,0,0,0.6);
}
.mm-menu.mm-light em.mm-counter {
  color: rgba(0,0,0,0.3);
}
.mm-menu.mm-light .mm-footer {
  border-color: rgba(0,0,0,0.1);
  color: rgba(0,0,0,0.3);
}
.mm-menu.mm-light .mm-header {
  border-color: rgba(0,0,0,0.1);
  color: rgba(0,0,0,0.3);
}
.mm-menu.mm-light .mm-header .mm-prev:before,
.mm-menu.mm-light .mm-header .mm-next:after,
.mm-menu.mm-light .mm-header .mm-close:after {
  border-color: rgba(0,0,0,0.3);
}
.mm-menu.mm-light .mm-list li.mm-label > div > div {
  background: rgba(0,0,0,0.03);
}
.mm-menu.mm-light .mm-search input {
  background: rgba(0,0,0,0.1);
  color: rgba(0,0,0,0.6);
}
.mm-menu.mm-light .mm-noresultsmsg {
  color: rgba(0,0,0,0.3);
}
.mm-menu.mm-light label.mm-toggle {
  background: rgba(0,0,0,0.1);
}
.mm-menu.mm-light label.mm-toggle:before {
  background: #f3f3f3;
}
.mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963;
}
html.mm-opened.mm-white .mm-page {
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.mm-menu.mm-white {
  background: white;
  color: rgba(0,0,0,0.6);
}
.mm-menu.mm-white .mm-list > li:after {
  border-color: rgba(0,0,0,0.1);
}
.mm-menu.mm-white .mm-list > li > a.mm-subclose {
  background: rgba(0,0,0,0.06);
  color: rgba(0,0,0,0.3);
}
.mm-menu.mm-white .mm-list > li > a.mm-subopen:after,
.mm-menu.mm-white .mm-list > li > a.mm-subclose:before {
  border-color: rgba(0,0,0,0.3);
}
.mm-menu.mm-white .mm-list > li > a.mm-subopen:before {
  border-color: rgba(0,0,0,0.1);
}
.mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu.mm-white .mm-list > li.mm-selected > span {
  background: rgba(0,0,0,0.06);
}
.mm-menu.mm-white .mm-list > li.mm-label {
  background: rgba(0,0,0,0.03);
}
.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(0,0,0,0.03);
}
.mm-menu.mm-white .mm-buttonbar {
  border-color: rgba(0,0,0,0.6);
  background: white;
}
.mm-menu.mm-white .mm-buttonbar > * {
  border-color: rgba(0,0,0,0.6);
}
.mm-menu.mm-white .mm-buttonbar > input:checked + label {
  background: rgba(0,0,0,0.6);
  color: white;
}
.mm-menu.mm-white label.mm-check:before {
  border-color: rgba(0,0,0,0.6);
}
.mm-menu.mm-white em.mm-counter {
  color: rgba(0,0,0,0.3);
}
.mm-menu.mm-white .mm-footer {
  border-color: rgba(0,0,0,0.1);
  color: rgba(0,0,0,0.3);
}
.mm-menu.mm-white .mm-header {
  border-color: rgba(0,0,0,0.1);
  color: rgba(0,0,0,0.3);
}
.mm-menu.mm-white .mm-header .mm-prev:before,
.mm-menu.mm-white .mm-header .mm-next:after,
.mm-menu.mm-white .mm-header .mm-close:after {
  border-color: rgba(0,0,0,0.3);
}
.mm-menu.mm-white .mm-list li.mm-label > div > div {
  background: rgba(0,0,0,0.03);
}
.mm-menu.mm-white .mm-search input {
  background: rgba(0,0,0,0.1);
  color: rgba(0,0,0,0.6);
}
.mm-menu.mm-white .mm-noresultsmsg {
  color: rgba(0,0,0,0.3);
}
.mm-menu.mm-white label.mm-toggle {
  background: rgba(0,0,0,0.1);
}
.mm-menu.mm-white label.mm-toggle:before {
  background: white;
}
.mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963;
}
html.mm-opened.mm-black .mm-page {
  box-shadow: none;
}
.mm-menu.mm-black {
  background: black;
  color: rgba(255,255,255,0.6);
}
.mm-menu.mm-black .mm-list > li:after {
  border-color: rgba(255,255,255,0.2);
}
.mm-menu.mm-black .mm-list > li > a.mm-subclose {
  background: rgba(255,255,255,0.25);
  color: rgba(255,255,255,0.3);
}
.mm-menu.mm-black .mm-list > li > a.mm-subopen:after,
.mm-menu.mm-black .mm-list > li > a.mm-subclose:before {
  border-color: rgba(255,255,255,0.3);
}
.mm-menu.mm-black .mm-list > li > a.mm-subopen:before {
  border-color: rgba(255,255,255,0.2);
}
.mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu.mm-black .mm-list > li.mm-selected > span {
  background: rgba(255,255,255,0.25);
}
.mm-menu.mm-black .mm-list > li.mm-label {
  background: rgba(255,255,255,0.15);
}
.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(255,255,255,0.15);
}
.mm-menu.mm-black .mm-buttonbar {
  border-color: rgba(255,255,255,0.6);
  background: black;
}
.mm-menu.mm-black .mm-buttonbar > * {
  border-color: rgba(255,255,255,0.6);
}
.mm-menu.mm-black .mm-buttonbar > input:checked + label {
  background: rgba(255,255,255,0.6);
  color: black;
}
.mm-menu.mm-black label.mm-check:before {
  border-color: rgba(255,255,255,0.6);
}
.mm-menu.mm-black em.mm-counter {
  color: rgba(255,255,255,0.3);
}
.mm-menu.mm-black .mm-footer {
  border-color: rgba(255,255,255,0.2);
  color: rgba(255,255,255,0.3);
}
.mm-menu.mm-black .mm-header {
  border-color: rgba(255,255,255,0.2);
  color: rgba(255,255,255,0.3);
}
.mm-menu.mm-black .mm-header .mm-prev:before,
.mm-menu.mm-black .mm-header .mm-next:after,
.mm-menu.mm-black .mm-header .mm-close:after {
  border-color: rgba(255,255,255,0.3);
}
.mm-menu.mm-black .mm-list li.mm-label > div > div {
  background: rgba(255,255,255,0.15);
}
.mm-menu.mm-black .mm-search input {
  background: rgba(255,255,255,0.3);
  color: rgba(255,255,255,0.6);
}
.mm-menu.mm-black .mm-noresultsmsg {
  color: rgba(255,255,255,0.3);
}
.mm-menu.mm-black label.mm-toggle {
  background: rgba(255,255,255,0.2);
}
.mm-menu.mm-black label.mm-toggle:before {
  background: black;
}
.mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963;
}
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
  direction: ltr;
}
.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
}
.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}
.noUi-handle {
  position: relative;
  z-index: 1;
}
.noUi-stacking .noUi-handle {
  z-index: 10;
}
.noUi-stacking + .noUi-origin {
  *z-index: -1;
}
.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
.noUi-base {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.noUi-horizontal {
  height: 18px;
}
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}
.noUi-background {
  background: #e2e2e8;
  box-shadow: inset 0 1px 1px #f0f0f0;
}
.noUi-connect {
  background: #0d1e75;
  box-shadow: inset 0 0 3px rgba(51,51,51,0.45);
  -webkit-transition: background 450ms;
  transition: background 450ms;
}
.noUi-origin {
  border-radius: 2px;
}
.noUi-target {
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-target.noUi-connect {
  box-shadow: inset 0 0 3px rgba(51,51,51,0.45), 0 3px 6px -5px #BBB;
}
.noUi-dragable {
  cursor: w-resize;
}
.noUi-vertical .noUi-dragable {
  cursor: n-resize;
}
.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #434242;
  cursor: pointer;
}
.noUi-handle:hover {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #9c9ea0;
  left: 14px;
  top: 6px;
}
.noUi-handle:after {
  left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle:after {
  top: 17px;
}
[disabled].noUi-connect,
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled] .noUi-handle {
  cursor: not-allowed;
}
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  font: 400 12px Arial;
  color: #999;
}
.noUi-value {
  width: 66px;
  position: absolute;
  text-align: center;
  cursor: pointer;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
.noUi-marker {
  position: absolute;
  background: #CCC;
}
.noUi-marker-sub {
  background: #AAA;
}
.noUi-marker-large {
  background: #AAA;
}
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 74px;
  top: 100%;
  left: 0;
  width: 100%;
}
.noUi-value-horizontal {
  margin-left: -33px;
  padding-top: 20px;
}
.noUi-value-horizontal.noUi-value-sub {
  padding-top: 15px;
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  width: 15px;
  margin-left: 20px;
  margin-top: -5px;
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
body .ui-widget-header {
  font-weight: 600;
  background: #5a5a59;
  background: -moz-linear-gradient(top,#898989 0%,#2B2A29 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#898989),color-stop(100%,#2B2A29));
  background: -webkit-linear-gradient(top,#898989 0%,#2B2A29 100%);
  background: -o-linear-gradient(top,#898989 0%,#2B2A29 100%);
  background: -ms-linear-gradient(top,#898989 0%,#2B2A29 100%);
  background: linear-gradient(to bottom,#898989 0%,#2B2A29 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#898989,endColorstr=#2B2A29,GradientType=0);
  border: none;
}
body .ui-widget-content {
  background: #282828;
  color: white;
}
body .ui-widget-content .ui-state-default {
  background: #FEFEFE;
  color: #000000;
  border-color: none;
}
body .ui-widget-content .ui-state-hover {
  background: #FEFEFE;
  color: #000000;
  border-color: none;
}
body .ui-widget-content .ui-state-active {
  background: #5B5B5B;
  color: white;
  border-color: #5B5B5B;
}
body .ui-widget-content .ui-state-highlight {
  background: #B2B3B3;
  color: black;
  border-color: #B2B3B3;
}
body .ui-datepicker-next,
body .ui-datepicker-prev {
  cursor: pointer;
}
body .ui-state-hover .ui-icon {
  background-image: url("https://shared.homeport.cz/2.8.0//tkhs/imgs/yellow-lightblue/ui-icons_ffffff_256x240.png");
}
body .ui-widget {
  font-family: inherit;
}
body .ui-datepicker td span,
body .ui-datepicker td a {
  text-align: center;
}
body .ui-datepicker th {
  font-weight: 600;
}
.sliderWrapper {
  line-height: 1.6em;
  margin-bottom: 1em;
}
.sliderWrapper .ui-corner-all {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
.sliderWrapper .ui-widget-content {
  border: none;
  background: #e2e2e8;
  height: 20px;
}
.sliderWrapper .ui-widget-content .ui-state-default {
  width: 26px;
  height: 26px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 14px;
  background: #434242;
  border: 1px solid #434242;
  cursor: pointer;
}
.sliderWrapper .ui-widget-content .ui-state-default:hover,
.sliderWrapper .ui-widget-content .ui-state-default.ui-state-hover,
.sliderWrapper .ui-widget-content .ui-state-default.ui-state-active {
  background: #e2e2e8;
  border-color: #9c9ea0;
}
.sliderWrapper .ui-widget-header {
  background: #0d1e75;
  height: 20px;
}
.sliderWrapper .ui-slider-horizontal .ui-slider-handle {
  margin-left: -14px;
}
.overlayBackground {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #000;
  z-index: 999;
  opacity: .5;
}
.infoWindow {
  display: none;
  position: absolute;
  z-index: 1000;
  -webkit-border-radius: .3em;
  -moz-border-radius: .3em;
  -ms-border-radius: .3em;
  -o-border-radius: .3em;
  border-radius: .3em;
  box-shadow: #000 0 0 8px;
}
.infoWindow .good_container {
  display: none;
  margin: 0em 0em 0em 0em;
}
.infoWindow .hpForm .hpForm-nadpis-formulare {
  margin-top: 0px;
}
.infoWindow .infoWindowHeader,
.infoWindow .infoWindowFooter {
  text-align: center;
  background: #0d1e75;
  padding: .3em;
  color: #ffffff;
}
.infoWindow .infoWindowHeader a,
.infoWindow .infoWindowFooter a {
  color: #ffffff;
}
.infoWindow .infoWindowHeader a:hover,
.infoWindow .infoWindowFooter a:hover {
  color: #f0bc2e;
}
.infoWindow .infoWindowHeader {
  -webkit-border-top-right-radius: .3em;
  -moz-border-top-right-radius: .3em;
  -ms-border-top-right-radius: .3em;
  -o-border-top-right-radius: .3em;
  border-top-right-radius: .3em;
  -webkit-border-top-left-radius: .3em;
  -moz-border-top-left-radius: .3em;
  -ms-border-top-left-radius: .3em;
  -o-border-top-left-radius: .3em;
  border-top-left-radius: .3em;
}
.infoWindow .infoWindowFooter {
  -webkit-border-bottom-right-radius: .3em;
  -moz-border-bottom-right-radius: .3em;
  -ms-border-bottom-right-radius: .3em;
  -o-border-bottom-right-radius: .3em;
  border-bottom-right-radius: .3em;
  -webkit-border-bottom-left-radius: .3em;
  -moz-border-bottom-left-radius: .3em;
  -ms-border-bottom-left-radius: .3em;
  -o-border-bottom-left-radius: .3em;
  border-bottom-left-radius: .3em;
}
.infoWindow .infoWindowFooter a {
  display: block;
}
.infoWindowWrapper {
  padding: 1.2em;
  background: white;
}
.grafika-10 #tarifDetail {
  max-width: 760px;
  margin: auto;
}
.infoWindowClose {
  width: 15px;
  height: 15px;
  background: url("https://shared.homeport.cz/2.8.0//tkhs/imgs/yellow-lightblue/close.png") no-repeat top left;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 10;
}
.infoWindowClose:hover {
  cursor: pointer;
}
.infoWindowClose span {
  display: none;
}
.infoWindow .close {
  width: 15px;
  height: 15px;
  background: url("https://shared.homeport.cz/2.8.0//tkhs/imgs/yellow-lightblue/close.png") no-repeat top left;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 10;
}
.infoWindow .close:hover {
  cursor: pointer;
}
.infoWindow .close span {
  display: none;
}
.mobileInfo {
  padding-top: 2em;
}
@media screen and (max-width: 970px) {
  #mb .mb-center .mb-blocking {
    max-width: 85% !important;
  }
}
#mobileMenu {
  z-index: 1000;
}
#mobileMenu a {
  font-weight: 600;
}
#mobileMenuWrapper {
  display: none;
}
#mobileUserBox .userBox {
  margin-top: 0px;
}
#mobileMenuButton {
  display: none;
  height: 30px;
  width: 40px;
  position: absolute;
  z-index: 10;
  left: 1em;
  top: 1em;
}
.mobile {
  display: none;
}
.mobile .formsCheckboxTable tr {
  width: 50%;
  float: left;
}
a.printer {
  float: right;
  background: url("https://shared.homeport.cz/2.8.0/tkhs/imgs/general/printer.png") no-repeat left center;
  padding: 10px 0px 10px 35px;
}
.IdentityProviders {
  display: inline-block;
}
.IdentityProviders .icon i.fa {
  margin-right: 0.5em;
}
.IdentityProviders i.fa {
  cursor: pointer;
}
.IdentityProviders i.fa:hover {
  color: #ff0000;
}
#login .IdentityProviders {
  margin: auto;
  text-align: center;
  width: 100%;
}
#login .IdentityProviders .icon {
  display: inline-block;
  text-align: left;
  margin: .7em;
  font-size: 1.7em;
}
.hpTable td.Social div.IdentityProviders i {
  margin-right: 0.2em;
}
#CreateCustomer .IdentityProviders {
  margin-bottom: .5em;
}
#CreateCustomer .IdentityProviders a {
  margin-right: 0.5em;
}
#CreateCustomer .IdentityProviders a.cancelConnection {
  margin-left: 1em;
}
.socialIcons a {
  display: inline-block;
  background-position: top left;
  background-repeat: no-repeat;
}
.socialIcons a.fb {
  background-image: url("https://shared.homeport.cz/2.8.0/tkhs/imgs/yellow-lightblue/titlePage/socials/social-fb.png");
}
.socialIcons a.tw {
  background-image: url("https://shared.homeport.cz/2.8.0/tkhs/imgs/yellow-lightblue/titlePage/socials/social-tw.png");
}
.socialIcons a.gp {
  background-image: url("https://shared.homeport.cz/2.8.0/tkhs/imgs/yellow-lightblue/titlePage/socials/social-gp.png");
}
.socialIcons a.vk {
  background-image: url("https://shared.homeport.cz/2.8.0/tkhs/imgs/yellow-lightblue/titlePage/socials/social-vk.png");
}
.socialIcons a:hover {
  background-position: bottom left;
}
.TableBox {
  clear: both;
  text-align: left;
  color: #b9b9b9;
}
.TableBox .order {
  color: #373737;
}
.TableBox .header {
  color: #373737;
}
.TableBox .StatisticBoxContent {
  padding: .5em 0em 0em 0em;
}
.TableBox .StatisticBoxContent .tableItem {
  font-weight: 200;
  line-height: 2em;
}
.trailer {
  background: #C4C5C5;
  margin: auto;
  overflow: hidden;
  width: 100% !important;
}
.trailer .bannyrek {
  width: 100% !important;
}
.trailer img {
  max-width: 100%;
}
.partners {
  width: auto;
  text-align: center;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.partners div.bannyrek {
  display: inline-block;
  margin: .5em 2em;
}
.partners div.bannyrek:hover {
  cursor: pointer;
  filter: url(filters.svg#grayscale);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}
#titlePage .hpTableWrapper,
.titlePageStyle .hpTableWrapper {
  margin-bottom: 0em;
}
#titlePage h2,
.titlePageStyle h2 {
  margin: 0em 0em .5em 0em;
  text-align: center;
  text-transform: uppercase;
  font-size: 2.5em;
  padding-top: 0px;
}
#titlePage div.separator1,
.titlePageStyle div.separator1 {
  height: 8px;
  padding-bottom: 0px;
  font-size: 14px;
  margin: 25px 0px 15px 0px;
  background: #dedede;
  border: none;
}
#titlePage #stationMapWrapper {
  border-right: none;
  border-left: none;
}
#top .userBox {
  position: absolute;
  right: 1.5em;
  top: 0em;
  z-index: 10;
}
#top .userBox .link {
  float: left;
  position: relative;
  margin-left: 1.5em;
}
#top .userBox .link .submenu {
  position: absolute;
  top: 2.8em;
  left: 0em;
  border: solid 1px #dddddd;
  background: #0d1e75;
  display: none;
}
#top .userBox .link .submenu a {
  line-height: 1.4em;
  text-align: left;
  display: block;
  padding: 7px 10px;
  min-width: 180px;
  text-transform: lowercase;
  color: #ffffff;
}
#top .userBox .link .submenu a:hover,
#top .userBox .link .submenu a.on {
  background: #eb2f2f;
  color: #ffffff;
  text-decoration: none;
}
#top .userBox .link:hover {
  cursor: pointer;
}
#top .userBox a {
  display: block;
  text-decoration: none;
  padding: .7em 0em;
}
#top .userBox a i {
  margin-right: .2em;
}
.ajaxLoader {
  margin: auto;
  display: block;
  margin-top: .8em;
}
.warning {
  display: none;
}
#voucherWrapper {
  text-align: left;
}
#voucherWrapper .warning {
  text-align: left;
  border: 1px solid #3f3f3f;
  background: #e1e1e1;
  color: red;
  padding: 8px;
  margin: 3px 0px 0px 0px;
}
.voucherDescription {
  margin-bottom: 1em;
}
.voucherDescription strong {
  display: block;
  font-size: 110%;
  color: #ff0000;
}
.voucherDescription div.rule span {
  font-weight: bold;
}
#voucherDescription {
  min-height: 90px;
  width: 100%;
  margin-top: .4em;
}
#voucherDescription .voucherName {
  font-size: 120%;
  font-weight: 600;
}
#voucherDescription .voucherStatus span {
  font-style: italic;
  font-weight: 600;
}
#voucherDescription .voucherDescription {
  margin-top: .5em;
}
#voucherDescription .button2 {
  width: auto;
  margin-top: .5em;
  padding: .5em 1em;
  height: auto;
  position: static;
}
.vouchersForm {
  margin-bottom: 2.5em;
}
.vouchersForm .footerInputHeader {
  margin-bottom: .5em;
}
.vouchersForm .footerInput {
  margin: auto;
  max-width: 500px;
}
.socialIcons {
  margin-top: 10px;
  float: left;
}
.socialIcons a {
  height: 30px;
  width: 30px;
  margin: 0em 1em;
}
.socialIcons h2 {
  margin: 0;
  float: left;
  font-size: 1.5em;
  margin-top: 3px;
}
.mb-blocking {
  cursor: pointer;
}
.trailer .bannyrek-img {
  height: ;
  background-position: center center;
  background-repeat: no-repeat;
}
body {
  margin-top: 2.8em !important;
  line-height: 1.4em;
  font-family: "Open Sans", sans-serif;
  color: #333333;
}
body .mapicka-wrapper iframe {
  border: 1px solid #222;
}
body header {
  position: relative;
  z-index: 5;
}
body header #menu {
  background: #0d1e75;
}
body header #menu .wrapperInner {
  padding-top: 0px;
  padding-bottom: 0px;
}
body header #menu a {
  float: left;
  display: block;
  text-transform: uppercase;
  padding: 0.5em 0em;
  font-size: 1.2em;
  line-height: 2em;
  margin: 0em 1.2em 0em 0em;
  text-decoration: none;
  color: #ffffff;
}
body header #menu a.on,
body header #menu a:hover {
  color: #f0bc2e;
}
body header #logos {
  background-color: #ffffff;
  border-bottom: solid 1px #000000;
  padding-top: 0;
  padding-bottom: 0;
}
body header #logos .fl,
body header #logos .fr {
  max-width: 100%;
}
body header #logos .fl img,
body header #logos .fr img {
  max-width: 485px;
  max-height: 150px;
}
body header #logos .logo img {
  max-width: 100%;
}
body header .topLista {
  background: #eee;
  padding-top: .2em;
  padding-bottom: .2em;
}
body header .topLista a {
  color: #666;
}
body header .topLista a:hover {
  color: #000;
}
body header #top2 {
  background: #eee;
  padding-top: .2em;
  padding-bottom: .2em;
}
body header #top2 a {
  color: #666;
}
body header #top2 a:hover {
  color: #000;
}
body header #top2 .links label {
  float: left;
  margin-right: 1.5em;
}
body header #top2 .links div.icons {
  float: left;
}
body header #top2 .links div.icons a {
  display: inline-block;
  margin-right: 1em;
}
body header #top2 #MobileApps {
  float: right;
}
body header #top2 #MobileApps .fa-huawei:before {
  content: url("https://shared.homeport.cz/2.8.0/tkhs/imgs/fa-huawei.png");
}
body header #top2 #FollowUs {
  float: left;
}
body header #top {
  background: #eee;
  padding-top: .2em;
  padding-bottom: .2em;
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10;
}
body header #top a {
  color: #666;
}
body header #top a:hover {
  color: #000;
}
body header #top .wrapperInner {
  position: relative;
}
body header #top #mobileMenuButton {
  position: static;
  float: left;
}
body header #top #headerLinks {
  margin: auto;
}
body header #top #headerLinks a {
  text-transform: uppercase;
  text-decoration: none;
  font-size: 1.5em;
  margin-right: 2.6em;
}
body header #top #headerLinks a i {
  margin-right: .6em;
}
html,
body {
  min-height: 100vh;
}
footer {
  color: #333333;
  margin-top: 25px;
  padding-top: 10px;
  padding-bottom: 25px;
  background: #ffffff;
  border-top: 2px solid #dddddd;
}
footer .wrapper .footer {
  padding: .5em 2em .5em 2em;
  text-align: center;
  position: relative;
  text-align: left;
}
footer a {
  text-decoration: underline;
  color: #333333;
}
footer a:hover {
  text-decoration: none;
  color: #ff0000;
}
.wrapper {
  width: 100%;
  max-width: 1640px;
  margin: auto;
  text-align: center;
  position: relative;
}
.wrapperThin {
  max-width: 75%;
  margin: auto;
  text-align: left;
  position: relative;
}
.wrapperInner {
  padding: .5em 2em .5em 2em;
  text-align: center;
  position: relative;
}
.wrapper .wrapperThin {
  max-width: 100%;
}
.text {
  text-align: left;
}
#languages img {
  position: relative;
  bottom: 2px;
}
.grayscale {
  filter: url(filters.svg#grayscale);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}
.grayscaleOff {
  filter: none;
  -webkit-filter: grayscale(0);
}
.inline-block-ie {
  display: inline-block;
} 
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix {
  zoom: 1;
}
*:first-child+html .clearfix {
  zoom: 1;
}
html,
body {
  padding: 0px;
  margin: 0px;
  font-weight: normal;
  font-size: 0.85em;
  background: #ffffff;
  text-align: center;
}
form {
  margin: 0px;
}
table {
  border: none;
  margin: auto;
}
#obsah td {
  _font-size: 12px;
  _color: #6E523B;
}
img {
  border: none;
  vertical-align: middle;
}
input {
  vertical-align: middle;
}
.tbold {
  font-weight: bold;
}
.tpodtrzeny {
  text-decoration: underline;
}
.tkurziva {
  font-style: italic;
}
.tvetsi {
  font-size: 120%;
}
.tmensi {
  font-size: 80%;
}
.al {
  text-align: left;
}
.aj {
  text-align: justify;
}
.ac {
  text-align: center;
}
.ar {
  text-align: right;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.inv {
  display: none;
}
.obrl {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.obrr {
  float: right;
  margin-left: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.cleaner {
  clear: both;
}
.lcleaner {
  clear: left;
}
.full {
  width: 100%;
}
.c {
  width: 180px;
}
.sloupec1 {
  float: left;
  width: 48%;
  _width: 46%;
}
.sloupec2 {
  float: right;
  width: 48%;
  _width: 46%;
}
.pod {
  padding-top: 10px;
  clear: both;
}
.nic {
  font-size: 1px;
}
abbr,
article,
aside,
audio,
bb,
canvas,
datagrid,
datalist,
details,
dialog,
eventsource,
figure,
footer,
header,
hgroup,
mark,
menu,
meter,
nav,
output,
progress,
section,
time,
video {
  display: block;
}
.separator1 {
  border-bottom: solid 1px black;
  margin-bottom: 5px;
  font-size: 5px;
  _width: 100%;
  _height: 10px;
  height: 10px;
}
.separator2 {
  border-bottom: dotted 1px black;
  margin-bottom: 5px;
  font-size: 5px;
  _width: 100%;
  _height: 10px;
  height: 10px;
}
.separator3 {
  border-bottom: double 3px black;
  margin-bottom: 5px;
  font-size: 5px;
  _width: 100%;
  _height: 10px;
  height: 10px;
}
.separator4 {
  border-bottom: solid 1px #d90000;
  margin-bottom: 5px;
  font-size: 5px;
  _width: 100%;
  _height: 10px;
  height: 10px;
}
.vyraznyt,
.vyraznyt td {
  background: #999999;
}
.content {
  width: 960px;
  margin: 0 auto;
  position: relative;
}
.separator1 {
  border-bottom: solid 1px black;
  padding-bottom: 5px;
  margin-bottom: 5px;
  font-size: 2px;
  _width: 100%;
  _height: 10px;
}
.separator2 {
  border-bottom: dotted 1px black;
  padding-bottom: 5px;
  margin-bottom: 5px;
  font-size: 2px;
  _width: 100%;
  _height: 10px;
}
.separator3 {
  border-bottom: double 3px black;
  padding-bottom: 5px;
  margin-bottom: 5px;
  font-size: 2px;
  _width: 100%;
  _height: 10px;
}
.separator4 {
  border-bottom: solid 1px #d90000;
  padding-bottom: 5px;
  margin-bottom: 5px;
  font-size: 2px;
  _width: 100%;
  _height: 10px;
}
.sloupec1 {
  float: left;
  width: 49%;
  _width: 46%;
}
.sloupec2 {
  float: right;
  width: 49%;
  _width: 46%;
}
.pod {
  padding-top: 10px;
  clear: both;
}
@font-face {
  font-family: 'Optimato logo';
  src: url('https://shared.optimato.cz/imgs_system/mikrologa/fonts/optimato-logo.eot');
  src: url('https://shared.optimato.cz/imgs_system/mikrologa/fonts/optimato-logo.eot?#iefix') format('embedded-opentype'), url('https://shared.optimato.cz/imgs_system/mikrologa/fonts/optimato-logo.ttf') format('truetype'), url('https://shared.optimato.cz/imgs_system/mikrologa/fonts/optimato-logo.woff') format('woff'), url('https://shared.optimato.cz/imgs_system/mikrologa/fonts/optimato-logo.svg#Optimato logo') format('svg');
  font-weight: normal;
  font-style: normal;
}
.font-logo-optimato {
  font-family: 'Optimato logo';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 16px;
  font-size: 36px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-logo-optimato {
  font-family: 'Optimato logo';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 16px;
  text-decoration: none !important;
  font-size: 36px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-logo-optimato:before {
  content: "\6f";
}
.classicResolution {
  display: block;
}
.bigResolution {
  display: none;
}
.homepage-logo {
  background: #ffffff;
  padding: 1em;
  display: none;
}
.homepage-logo img {
  max-height: 14em;
}
@media screen and (max-width: 1400px) {
  img {
    max-width: 100%;
    height: auto;
  }
  #stationMap img {
    max-width: none;
  }
}
@media screen and (min-width: 1280px) {
  body header #logos .fl img,
  body header #logos .fr img {
    max-width: 600px;
  }
}
@media screen and (min-width: 1400px) {
  .classicResolution {
    display: none;
  }
  .bigResolution {
    display: block;
  }
  .bigResolution img {
    width: 100%;
  }
  body header #logos .fl img,
  body header #logos .fr img {
    max-width: 700px;
  }
}
@media screen and (max-width: 1280px) {
  .mapControl {
    float: right;
    display: inline-block;
    margin-right: .3em;
  }
  .wrapperThin {
    max-width: 82.5%;
  }
}
@media screen and (max-width: 970px) {
  .mapControl span.icon,
  .mapControlLocation span.icon {
    position: relative;
  }
  .mapControl span.icon i,
  .mapControlLocation span.icon i {
    margin: 0 .3em 0 .3em;
  }
  .mapControl span.icon span.main label,
  .mapControlLocation span.icon span.main label {
    display: none;
  }
}
@media screen and (max-width: 970px) and (orientation: portrait),screen and (max-width: 799px) and (orientation: landscape) {
  .mobile {
    display: block;
  }
  body {
    margin-top: 0em !important;
  }
  body #content h1 {
    margin-top: .3em;
  }
  body .wrapperInner {
    padding: .5em 1em;
  }
  body #CreateCustomerWrapper {
    border-right: 0px;
  }
  body #tarifCustomization,
  body #CreateCustomerWrapper,
  body .loggedCustomer {
    width: auto;
    margin: auto;
    float: none;
  }
  body .CreateCustomer.hpForm {
    border-right: none;
    border-bottom: 1px solid black;
    padding-right: 0em;
    padding-bottom: 1em;
    margin-bottom: 1em;
  }
  body .CreateCustomer.hpForm #CreateCustomer {
    margin: auto;
  }
  body #paymentGateway {
    margin: auto;
    width: 236px;
    margin-bottom: 10px;
  }
  body #paymentGateway .gateway {
    margin: 3px;
    width: 90px;
    height: 70px;
    padding: 10px;
  }
  body #paymentGateway .gateway label {
    height: 50%;
  }
  body #tarifDetail .PriceIntervalsWrapper {
    width: 100%;
  }
  body #tarifDetail .PriceIntervalsWrapper img {
    width: 100%;
  }
  body #tarifDetail .header .info.DefaultInitialCreditPayment {
    width: 35%;
  }
  body #tarifDetail .header .info.PeriodLength {
    width: 25%;
  }
  body #tarifDetail .header .info.PeriodFee {
    width: 20%;
  }
  body #tarifDetail .header .info.PeriodType {
    width: 25%;
    padding-right: 0px;
  }
  body #signUp .hpForm-nadpis-formulare {
    line-height: 1em;
  }
  body #UsageTerms #UsageTermsContent {
    padding: 1em;
  }
  body #stationMap {
    height: 50vh;
    min-height: 200px;
  }
  body .hpModule .hpTableWrapper .hpTable thead {
    font-size: .9em;
  }
  body .hpFormUser td.forms-levy {
    padding-top: .6em;
    font-weight: 600;
  }
  body .hpFormUser td.forms-pravy {
    width: 100%;
  }
  body #stationSearch form {
    max-width: 90%;
  }
  body #stationSearch form input.c {
    max-width: 70%;
  }
  body .pageNavigator {
    display: none;
  }
  body .hpFormUser h2 {
    font-size: 1.3em;
  }
  body #administratorske-upozornovatko {
    display: none;
  }
  body #top #headerLinks {
    display: none;
  }
  body #top .userBox {
    top: .4em;
  }
  body #top2 {
    display: none;
  }
  body .userBox {
    position: relative;
    right: 0;
    float: right;
    margin: 0;
    padding: 0em;
  }
  body .userBox div.link {
    margin-left: 1em;
  }
  body .userBox div.link .submenu {
    right: 0px;
    left: auto;
  }
  body .userBox div.link.languages .submenu {
    width: 100%;
  }
  body .userBox div.link.languages .submenu a {
    min-width: 0;
    width: 100%;
    text-align: center;
    padding: 5px 0px;
  }
  body .userBox div.link.languages {
    margin-left: 0;
    position: relative;
    bottom: .2em;
  }
  body .userBox div.link.languages a.main {
    width: 45px;
    padding: .3em 0em;
  }
  body .userBox div.link a.main {
    padding: .6em 0em;
  }
  body .mobileContent {
    margin-bottom: 1em;
    display: block;
  }
  body .mobileContent .lang {
    text-align: center;
    padding: .1em;
  }
  body .mobileContent h1 {
    font-size: 1.7em;
  }
  body #mobileMenuButton {
    display: block;
  }
  body #menu,
  body #logos {
    display: none;
  }
  body header #top {
    position: static;
    padding-top: 0em;
    padding-bottom: 0em;
  }
  body header #top .logo,
  body header #top .socialIcons {
    display: none;
  }
  body #mobileMenu .bannyrek {
    text-align: center;
  }
  body #mobileMenu .bannyrek img {
    max-width: 90%;
    max-height: 100px;
  }
  body .homepage-logo {
    display: block;
  }
  body #titlePage {
    padding: 0em .8em;
  }
  body #titlePage h2 {
    margin-top: .5em;
  }
  body #titlePage #anchors,
  body #titlePage .trailer,
  body #titlePage .partners,
  body #titlePage .socialIcons {
    display: none;
  }
}
@media screen and (max-height: 800px) and (orientation: portrait),screen and (max-width: 800px) {
  .paymentHandler input.button {
    display: block;
    margin: auto;
  }
  #rentalDetail div.rentalPath {
    width: auto;
    padding: 0px;
    background: none;
  }
  #rentalDetail div.duration {
    min-width: 0;
    margin: 0;
  }
  #rentalDetail div.price {
    margin: 0;
  }
  .loggedCustomer {
    height: 100%;
    min-height: 425px;
    padding-bottom: 60px;
  }
  .infoWindow:not(.mobileInfo) {
    position: fixed;
    background: white;
    top: 0px !important;
    left: 0px !important;
    height: 100vh !important;
    width: 100% !important;
    overflow-y: auto;
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
  }
  .infoWindow:not(.mobileInfo) .infoWindowHeader,
  .infoWindow:not(.mobileInfo) .infoWindowFooter {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
  }
  .infoWindow:not(.mobileInfo) .close {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    background: #0d1e75;
    color: #ffffff;
    border: solid 1px #d3d6d6;
    font-size: 1.2em;
    text-align: center;
    width: auto;
    display: inline-block;
    padding: 1em 2em;
    text-decoration: none;
    display: block;
    width: 100px;
    margin: auto;
    height: auto;
    position: static;
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .infoWindow:not(.mobileInfo) .close a {
    background: #0d1e75;
    color: #ffffff;
    border: none !important;
    text-decoration: none;
  }
  .infoWindow:not(.mobileInfo) .close:disabled,
  .infoWindow:not(.mobileInfo) .close:disabled a {
    background: #d8d8d8;
    color: #676767;
    border-color: #505050;
  }
  .infoWindow:not(.mobileInfo) .close:disabled:hover,
  .infoWindow:not(.mobileInfo) .close:disabled a:hover {
    background: #d8d8d8;
    color: #676767;
    cursor: default;
    border-color: #505050;
  }
  .infoWindow:not(.mobileInfo) .close:hover,
  .infoWindow:not(.mobileInfo) .close:hover a {
    color: #ffffff;
    border: solid 1px #d3d6d6;
    background: #eb2f2f;
    cursor: pointer;
  }
  .infoWindow:not(.mobileInfo) .close span {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  .hpFilter div.filterItem {
    display: block;
    margin-bottom: .3em;
  }
  .hpFilter div.filterItem label {
    display: inline-block;
    min-width: 40px;
  }
  #GetStatistics .DashboardBox {
    width: 94% !important;
    float: none;
    margin: auto;
    margin-bottom: .5em;
  }
  .PriceIntervals {
    min-width: 100%;
  }
  .PriceIntervals .intervals .item label {
    font-size: 80%;
  }
  .PriceIntervals .axe {
    font-size: 80%;
  }
  .PriceIntervals .axe .item .step span {
    display: none;
  }
  .PriceIntervals .axe .item .step label {
    display: none;
  }
  .logo {
    width: 40%;
  }
  .wrapperThin {
    max-width: 90%;
  }
  footer #contact .box {
    margin: auto !important;
    width: 96% !important;
    float: none;
    margin-bottom: .5em !important;
    height: auto;
  }
  footer #contact .box .kontaktni-udaje {
    height: auto;
  }
  .hpModule .hpTableWrapper .hpTable thead tr td span {
    display: none;
  }
  .hpModule .hpTableWrapper .hpTable thead tr td img {
    height: 25px;
    display: inline-block;
  }
  .hpModule .hpTableWrapper .hpTable td {
    padding: 0.5em 0.3em;
  }
  .hpModule .hpTableWrapper .hpTable.GetBusinessRules td.Details,
  .hpModule .hpTableWrapper .hpTable.GetBusinessRules td.MaxSimRentalsShort,
  .hpModule .hpTableWrapper .hpTable.GetBusinessRules td.PeriodType,
  .hpModule .hpTableWrapper .hpTable.GetBusinessRules td.DefaultContractLength {
    display: none;
  }
  .hpModule .hpTableWrapper .hpTable.GetBusinessRules span.buy {
    font-size: 80%;
  }
}
@media screen and (max-width: 590px) {
  .sliderFilter {
    display: block;
    margin: auto;
    margin-bottom: 2em;
  }
  #RentBikeExternal {
    width: 100%;
  }
  #rentalDetail div.duration {
    margin-top: 50px;
  }
  .GetBusinessRules {
    font-size: 90%;
  }
  .infoContainer div.infoNews div.polozka div.hlavni {
    float: none;
    text-align: center;
  }
  .sloupec1,
  .sloupec2 {
    width: 96%;
    float: none;
    margin-bottom: 1em;
  }
  .mapicka-wrapper {
    display: none;
  }
  #stationInfo {
    min-width: 0;
    width: 100%;
  }
  #stationInfo h2 {
    font-size: 1.6em;
  }
  footer #contact .box {
    width: 90%;
  }
}
@media screen and (max-width: 320px) {
  #CreateCustomer,
  #AddContract {
    width: 288px;
  }
  #CreateCustomer input.forms-input,
  #AddContract input.forms-input {
    width: 270px;
  }
  .hpForm .flex.flex-2.select div.inside {
    width: 126px !important;
  }
  .hpForm .flex.flex-2 input.forms-input {
    width: 126px !important;
  }
}
150441