body {
  padding-top: 70px;
  padding-bottom: 50px;
}
body .navbar-inverse {
  background-color: #003366;
}
.navbar-brand {
  font-weight: bold;
}
body.operator .navbar-inverse {
  background-color: #660000;
}
body.seller .navbar-inverse {
  background-color: #006600;
}
body.nemovot .navbar-inverse {
  background-color: #0B4C5F;
}
body.index .navbar-inverse {
  background-color: #000000;
}
.navbar-inverse .navbar-nav > li > a {
  color: #cccccc;
}
.navbar-text.dispatcher {
  color: white;
}
.navbar-text.dispatcher .phone {
  font-weight: bold;
}
.navbar-text.dispatcher .phone a {
  color: white;
}
ul.nav.piers {
  margin-top: 20px;
}
ul.nav.piers a {
  padding: 5px 15px;
}
.developerInfo {
  margin-top: 50px;
  text-align: right;
  font-size: 10px;
  color: #aaaaaa;
}
.copyright {
  border-top: 1px solid #cccccc;
  padding-top: 10px;
  margin-top: 50px;
  text-align: center;
  color: gray;
}
.copyright .dev {
  white-space: nowrap;
}
h1 {
  text-align: center;
  font-size: 30px;
}
.shedule .head {
  padding-bottom: 5px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 10px;
}
.shedule .head h1 {
  margin: 0;
  text-align: left;
}
.shedule .head .capacity {
  color: #a46313;
}
.shedule .head .pierNote {
  color: #a46313;
}
.shedule .head .pierNote .glyphicon {
  font-size: 20px;
}
.shedule h2 {
  margin: 0;
}
.shedule h3 {
  margin-top: 0;
}
.shedule .dateSelector {
  font-size: 12px;
  width: 100%;
}
.shedule .sheduleMatrix table {
  border-color: #bbbbbb;
}
.shedule .sheduleMatrix table th {
  text-align: center;
  background-color: #eeeeee;
  padding: 2px;
  font-size: 11px;
}
.shedule .sheduleMatrix table td.cell {
  vertical-align: top;
  font-size: 12px;
}
.shedule .sheduleMatrix table .cell.disabled {
  background-image: url(/images/disabled_cell_bg.png);
}
.shedule .sheduleMatrix table .cell.overloaded {
  background-image: url(/images/overloaded_cell_bg.png);
}
.shedule .sheduleMatrix table td.cell:hover {
  background-color: #cccccc;
}
.shedule .sheduleMatrix table tr:hover th.hour {
  background-color: #bbbbbb;
}
.shedule .sheduleMatrix table .disabledWhy {
  font-size: 12px;
  line-height: 10px;
  color: black;
}
.shedule .sheduleMatrix table .cash:after {
  content: '₽';
  color: red;
  display: inline-block;
}
.shedule .sheduleMatrix table .comment:before {
  content: 'К';
  color: red;
  text-align: center;
  font-weight: bold;
  background-color: yellow;
  border-radius: 50%;
  border: 1px solid red;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.shedule .legend .booking.my {
  background-color: white;
}
.shedule .legend .cash:after {
  content: '₽';
  color: red;
  display: inline-block;
}
.shedule .legend .comment:before {
  content: 'К';
  color: red;
  text-align: center;
  font-weight: bold;
  background-color: yellow;
  border-radius: 50%;
  border: 1px solid red;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.shedule .cart .buttons {
  margin-top: 20px;
}
.shedule .cart .stickyButtons {
  z-index: 10px;
  background-color: gray;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 5px;
  border-top: 1px solid black;
  text-align: center;
}
.shedule .cart .stickyButtons .count {
  display: inline-block;
  padding-left: 20px;
  font-size: 16px;
}
.nearest td {
  vertical-align: top;
}
.shedule .booking,
.nearest .booking {
  display: inline-block;
  margin: 2px;
  padding: 0px 4px;
  background-color: #eeeeee;
  border-radius: 12px;
  border: 1px solid gray;
  cursor: pointer;
  text-align: center;
}
.shedule .booking[data-type="short_5"]::after,
.nearest .booking[data-type="short_5"]::after {
  content: "5";
  font-weight: bold;
  background-color: white;
  color: green;
  border-radius: 50%;
  display: inline-block;
  width: 16px;
  height: 16px;
  text-align: center;
  font-size: 11px;
}
.shedule .booking[data-type="short_10"]::after,
.nearest .booking[data-type="short_10"]::after {
  content: "10";
  font-weight: bold;
  background-color: white;
  color: green;
  border-radius: 50%;
  display: inline-block;
  width: 16px;
  height: 16px;
  text-align: center;
  font-size: 11px;
}
.shedule .booking[data-type="stay"],
.nearest .booking[data-type="stay"] {
  border-color: black;
  border-radius: 0px;
}
.shedule .booking[data-type="long"],
.nearest .booking[data-type="long"] {
  border-color: black;
  border-radius: 0px;
  border-style: double;
  border-width: 3px;
}
.shedule .booking[data-type="route"],
.nearest .booking[data-type="route"] {
  border-color: black;
  border-radius: 0px;
  border-style: dotted;
  border-width: 2px;
}
.shedule .booking.in_cart,
.nearest .booking.in_cart {
  border-style: dotted;
  background-color: yellow;
  color: gray;
  font-weight: bold;
  border-width: 2px;
}
.shedule .booking.request,
.nearest .booking.request {
  background-color: yellow;
}
.shedule .booking.waiting,
.nearest .booking.waiting {
  background-color: greenyellow;
}
.shedule .booking.done,
.nearest .booking.done {
  background-color: lightblue;
}
.shedule .booking.free,
.nearest .booking.free {
  background-color: #d4ebf2;
}
.shedule .booking.cancel_request,
.nearest .booking.cancel_request {
  background-color: lightcoral;
}
.shedule .booking.cancel,
.nearest .booking.cancel {
  background-color: lightcoral;
  text-decoration: line-through;
}
.shedule .booking.absence,
.nearest .booking.absence {
  background-color: burlywood;
}
.shedule .booking.my,
.nearest .booking.my {
  border-width: 3px;
}
.shedule .booking.request,
.nearest .booking.request,
.shedule .booking.cancel_request,
.nearest .booking.cancel_request {
  animation: blink-animation 0.5s infinite alternate;
}
.shedule .booking.hover,
.nearest .booking.hover {
  box-shadow: 0 0 0px 3px red;
}
.shedule .booking .cash:after,
.nearest .booking .cash:after {
  content: '₽';
  color: red;
  display: inline-block;
}
@keyframes blink-animation {
  to {
    opacity: 0.5;
  }
}
body.operator .sheduleMatrix th {
  font-size: 14px;
}
body.operator .sheduleMatrix .booking {
  cursor: pointer;
  font-size: 14px;
}
body.operator .sheduleMatrix .cell .add {
  opacity: 0;
  cursor: pointer;
}
body.operator .sheduleMatrix .cell:hover .add {
  opacity: 1;
}
body.operator .nearest table {
  font-size: 14px;
}
body.operator .nearest table th,
body.operator .nearest table td {
  border: 1px solid #bbbbbb;
}
body.operator .nearest table th {
  text-align: center;
  background-color: #eeeeee;
  padding: 2px;
  font-size: 14px;
}
body.operator .nearest table th.time {
  text-align: left;
}
body.operator .nearest table td.now,
body.operator .nearest table th.now {
  background-color: #efec9f;
}
body.operator .nearest table tr:hover th.pier {
  background-color: #bbbbbb;
}
body.operator .addBerthingDialog .nonRegistredBlock {
  display: none;
}
body.operator .massBooking table.timeMatrix td {
  padding: 0px 20px 2px 0px;
}
.addBerthingDialog {
  display: none;
}
.addBerthingDialog .ships li a {
  color: #337ab7;
}
.addBerthingDialog .overloaded {
  color: red;
  padding: 3px;
  margin: 10px 0;
}
.addBerthingDialog .row {
  margin-bottom: 20px;
}
.addBerthingDialog label {
  font-weight: normal;
}
.changeBerthingDialog .row {
  margin-bottom: 20px;
}
.changeBerthingDialog label {
  font-weight: normal;
}
.changeBerthingDialog form a {
  color: blue;
  text-decoration: underline;
}
table.berthings .row {
  margin-bottom: 20px;
}
table.berthings label {
  font-weight: normal;
}
table.props th {
  padding-right: 15px;
  vertical-align: top;
}
table.props th,
table.props td {
  padding-bottom: 15px;
  vertical-align: top;
}
table.table .separator {
  text-align: center;
  font-weight: bold;
  background-color: #dddddd;
}
#homeMap {
  height: 400px;
}
.shedule .ui-state-active {
  background-color: #337ab7;
  color: white;
  background-image: none;
}
.shedule .ui-datepicker-inline {
  width: 100%;
}
.onlinePaymentSteps .step {
  margin-bottom: 10px;
  font-weight: bold;
}
.onlinePaymentSteps .step .phone {
  font-weight: normal;
}
.onlinePaymentSteps .step .num {
  display: inline-block;
  background-color: gray;
  color: white;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 21px;
  border-radius: 15px;
  margin-right: 10px;
}
.ui-widget-overlay {
  opacity: 0.9;
}
.text h2 {
  margin-left: 20px;
}
.text h3 {
  margin-left: 20px;
}
.text p {
  text-align: justify;
  text-indent: 20px;
}
.text .more {
  font-weight: bold;
}
.table td.total {
  font-weight: bold;
  background-color: #eeeeee;
}
.balance {
  background-color: #eeeeee;
  border-radius: 3px;
  padding: 5px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 20px;
}
.balance .number.positive {
  color: #33FF33;
}
.balance .number.negative {
  color: #FF3333;
}
.paymentWarning {
  color: red;
}
.itinerary .datepicker {
  max-width: 150px;
}
.itinenaryGrid {
  background-color: white;
}
.itinenaryGrid th {
  background-color: #666;
  color: white;
}
.itinenaryGrid tr.stop {
  cursor: row-resize;
}
.itinenaryGrid tr.stop:hover {
  background-color: #eee;
}
.itinenaryGrid tr.stop.gov th {
  background-color: #363;
}
.itinenaryGrid tr.stop.other th {
  background-color: #336;
}
.itinenaryGrid tr.stop td.cell {
  cursor: pointer;
  width: 10%;
}
.itinenaryGrid tr.stop td.cell .time {
  margin-bottom: 10px;
  padding: 2px;
  border: 1px solid gray;
  border-radius: 10px;
  background-color: greenyellow;
}
.itinenaryGrid tr.stop td.cell .time .deleteTime .glyphicon {
  display: block;
  float: right;
}
.itinenaryGrid tr.stop td.cell:hover {
  background-color: #ccc;
}
.itinenaryGrid tr.stop td.cell:hover .add {
  visibility: visible;
}
.itinenaryGrid tr.stop td.cell .add {
  padding: 2px;
  border: 1px solid #333;
  color: #333;
  border-radius: 10px;
  text-align: center;
  visibility: hidden;
}
p.warning {
  color: red;
}
.hint p {
  font-size: 12px;
  color: gray;
  margin-bottom: 30px;
}
.hint img.floatRight {
  display: block;
  float: left;
  margin-right: 10px;
}
.ticketList .ticket {
  display: inline-block;
  padding: 0 2px;
  margin-bottom: 2px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 12px;
}
.ticketList .ticket[data-status="open"] {
  background-color: #7f7;
  cursor: pointer;
}
.ticketList .ticket[data-status="open"]:hover {
  border: 1px solid black;
}
.ticketList .ticket[data-status="sold"] {
  background-color: #f77;
}
.ticketList .ticketCalendar {
  font-size: 12px;
  margin-top: 20px;
}
.printTickets .ticket {
  page-break-inside: avoid;
  border: 1px solid black;
  box-shadow: 5px 5px 5px 0 #ccc;
  background-color: white;
  padding: 20px;
  margin-bottom: 40px;
  background-image: url(/images/ticket/bg.png) !important;
  background-size: 100% 100% contain !important;
  background-repeat: no-repeat !important;
  background-position: left bottom !important;
}
.printTickets .ticket .id {
  font-size: 40px;
}
.printTickets .ticket .dateTime {
  font-size: 20px;
}
.printTickets .ticket img.bar {
  display: block;
  margin: 20px 0;
}
.printTickets .ticket .sellerHead {
  text-align: center;
  margin-bottom: 20px;
}
.printTickets .ticket .sellerHead .title {
  font-size: 50px;
  font-weight: bold;
}
.printTickets .ticket .sellerHead .subtitle {
  font-size: 10px;
}
.printTickets .ticket .sellerInfo {
  text-align: right;
  font-size: 12px;
  color: gray;
}
.printTickets .itineraries {
  page-break-before: always;
}
.printTickets .itineraries .itinerary {
  page-break-inside: avoid;
}
.text-prewrap {
  white-space: pre-wrap;
}
.applicationsList tr.application.submit {
  background-color: #ffffee;
}
.applicationsList tr.application.reject_auto {
  background-color: #FDEDEC;
}
.applicationsList tr.application.reject_operator {
  background-color: #FDEDEC;
}
.applicationsList tr.application.accepted {
  background-color: #ccffcc;
}
body.nemovot select.form-control.narrow,
body.nemovot input.form-control.narrow {
  width: 125px;
}
.messageBox {
  border: 2px solid darkgreen;
  background-color: #ccffcc;
  padding: 10px;
  color: darkgreen;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
.itineraryTrackReport .app {
  border: 1px solid #777;
  border-radius: 5px;
  margin: 0 10px 10px 0;
  display: inline-block;
  padding: 1px 3px;
  text-align: center;
  line-height: 100%;
}
.itineraryTrackReport .app.near {
  background-color: lightgreen;
}
.itineraryTrackReport .app.far {
  background-color: lightpink;
}
.itineraryTrackReport .app.noData {
  background-color: lightgray;
}
.itineraryTrackReport .app .time {
  color: gray;
  display: block;
}
.priceList .timeRange {
  margin-bottom: 10px;
}
.priceList .timeRange .time {
  color: darkgreen;
}
.priceList .timeRange .price {
  font-weight: bold;
}