/* NAVBAR */
/* DEFAULT PANE */
/* SUCCESS BUTTON */
/* TOP BAR COLORS */
/* MENU COLORS */
/* PRIMARY BUTTON */
/* DEFAULT BUTTON */
/* DANGER BUTTON */
/* ACIENT */
/* -------------------------------------------------------------
 Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
 By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets
 List of CSS3 Sass Mixins File to be @imported and @included as you need
 The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
 ENDING css files
 note: All CSS3 Properties are being supported by Safari 5
 more info: http://www.findmebyip.com/litmus/#css3-properties
 ------------------------------------------------------------- */
.bt {
  display: inline-block;
  border: 1px solid #e1e1e1;
  background: #eee;
  padding: 10px 20px;
  -webkit-transition: all, 0.5s;
  -khtml-transition: all, 0.5s;
  -moz-transition: all, 0.5s;
  -ms-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  transition: all, 0.5s;
  margin-top: 5px;
  margin-bottom: 5px; }
  .bt:hover {
    border: 1px solid #d0d0d0;
    background: #ddd; }
  .bt.bt-sm {
    padding: 5px 10px; }

.bt-blue {
  background: #0096ed;
  border: 1px solid #0086d4;
  color: #fff; }
  .bt-blue:hover {
    background: #0072b5;
    border: 1px solid #00629c; }

#przypomnij-haslo {
  font-size: 10px !important;
  background: #4a4a4a !important;
  color: #fff !important; }

.cm {
  display: none;
  position: fixed;
  top: 5%;
  width: 60%;
  margin-left: 20%;
  background: #fff;
  border: 1px solid #e6e6e6;
  z-index: 1024;
  min-height: 60%;
  max-height: 90%;
  overflow-y: scroll; }
  .cm.cm-sm {
    width: 40%;
    margin-left: 30%;
    min-height: 20%; }
  .cm > .cm-header {
    border-bottom: 2px solid #eee; }
    .cm > .cm-header > .cm-close {
      position: absolute;
      right: 10px;
      color: #000;
      top: 10px; }
  .cm > .cm-footer {
    padding-top: 10px;
    padding-bottom: 10px; }
  @media (max-width: 768px) {
  .cm {
    width: 95% !important;
    margin-left: 2.5% !important;
    top: 5% !important; } }

.cm-fade {
  display: none;
  content: '';
  background: #000;
  opacity: 0.5;
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1023; }

body {
  background: #fff; }

#page-wrapper {
  max-width: 1920px;
  margin: auto; }
  @media (max-width: 1440px) {
      #page-wrapper > div:nth-of-type(2), #page-wrapper > div:nth-of-type(3) {
        width: 100%;
        margin-left: 0;
        padding-left: 0px;
        padding-right: 0px; }
        #page-wrapper > div:nth-of-type(2) > div, #page-wrapper > div:nth-of-type(3) > div, #page-wrapper > div:nth-of-type(2) > form, #page-wrapper > div:nth-of-type(3) > form {
          padding-left: 5px;
          padding-right: 5px; } }

#bar-top {
  margin: 0; }

#top-bar-info {
  padding-top: 20px;
  font-size: 16px; }
  @media (max-width: 995px) {
  #top-bar-info {
    text-align: center; } }
  #top-bar-info > div {
    text-align: right; }
    #top-bar-info > div > ul {
      padding: 0; }
      #top-bar-info > div > ul > li {
        display: inline-block;
        padding: 0 20px; }
  #top-bar-info > ul {
    padding: 0; }
    #top-bar-info > ul > li {
      list-style: none;
      display: inline-block;
      margin-right: 40px; }
      #top-bar-info > ul > li:last-of-type {
        margin-right: 0; }
  @media (max-width: 768px) {
    #top-bar-info li {
      margin: 0 !important;
      text-align: center !important;
      display: block !important; } }

a {
  color: #005c91;
  display: inline-block; }
  a:hover {
    text-decoration: none;
    color: #014166; }

.label-blue-top {
  border-top: 4px solid #008ee0; }

#login-labels-bottom {
  margin-top: 25px; }

.parsley-errors-list {
  color: #f00; }

#logged-top-bar {
  padding: 0; }
  #logged-top-bar > table {
    width: 100%; }
    #logged-top-bar > table > tbody > tr > td {
      border-right: 2px solid #efefef; }
      @media (max-width: 410px) {
      #logged-top-bar > table > tbody > tr > td {
        display: block;
        border: 0; } }
      #logged-top-bar > table > tbody > tr > td:last-of-type {
        border-right: 0; }
      #logged-top-bar > table > tbody > tr > td > a {
        display: block;
        text-decoration: none;
        font-size: 20px;
        text-align: center;
        padding: 10px 10px;
        -webkit-transition: all, 0.5s;
        -khtml-transition: all, 0.5s;
        -moz-transition: all, 0.5s;
        -ms-transition: all, 0.5s;
        -o-transition: all, 0.5s;
        transition: all, 0.5s;
        color: #3f51b5;
        border-bottom: 6px solid #efefef; }
        @media (max-width: 800px) {
      #logged-top-bar > table > tbody > tr > td > a {
        font-size: 50px; } }
        @media (max-width: 560px) {
      #logged-top-bar > table > tbody > tr > td > a {
        font-size: 40px; } }
        @media (max-width: 500px) {
      #logged-top-bar > table > tbody > tr > td > a {
        font-size: 25px; } }
        #logged-top-bar > table > tbody > tr > td > a:hover, #logged-top-bar > table > tbody > tr > td > a.active {
          color: #9c27b0; }
        #logged-top-bar > table > tbody > tr > td > a:hover {
          border-bottom: 6px solid #393f51; }
        #logged-top-bar > table > tbody > tr > td > a > i {
          font-size: 50px; }
          @media (max-width: 600px) {
      #logged-top-bar > table > tbody > tr > td > a > i {
        font-size: 40px; } }
          @media (max-width: 550px) {
      #logged-top-bar > table > tbody > tr > td > a > i {
        font-size: 30px; } }
        #logged-top-bar > table > tbody > tr > td > a > span {
          display: block;
          font-size: 18px;
          color: #000; }
          @media (max-width: 800px) {
      #logged-top-bar > table > tbody > tr > td > a > span {
        font-size: 15px; } }
          @media (max-width: 560px) {
      #logged-top-bar > table > tbody > tr > td > a > span {
        font-size: 13px; } }
          @media (max-width: 500px) {
      #logged-top-bar > table > tbody > tr > td > a > span {
        font-size: 10px; } }

#moje-konto-wrapper > div > h3 {
  color: #008ee0; }

#reset-hasla-wrapper > h3 {
  color: #008ee0; }

#rezerwacje-table_filter > label, #platnosci-table_filter > label, #watki-table_filter > label, #watki-details-table_filter > label {
  display: none; }

#rezerwacja-payment-wrapper {
  text-align: center; }
  #rezerwacja-payment-wrapper > a {
    display: inline-block;
    width: 33.33%; }
    #rezerwacja-payment-wrapper > a > img {
      max-width: 100%; }

#oplacono-wrapper > h3 {
  color: #008ee0;
  margin-bottom: 30px; }
  #oplacono-wrapper > h3 > i {
    border: 2px solid #008ee0;
    width: 40px;
    height: 40px;
    line-height: 36px;
    tex-align: center;
    display: inline-block;
    border-radius: 100%;
    margin-bottom: 10px; }

.light-link {
  color: #fff;
  -webkit-transition: all, 0.5s;
  -khtml-transition: all, 0.5s;
  -moz-transition: all, 0.5s;
  -ms-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  transition: all, 0.5s; }
  .light-link:hover {
    color: #e91e63; }

.panel-purple > .panel-heading {
  background: #9c27b0; }

.v-middle {
  vertical-align: middle; }

.text-deep-purple {
  color: #673ab7; }

.color-big {
  display: block;
  font-size: 24px;
  margin-bottom: 10px;
  font-weight: bold; }

.navbar {
  background: #3f51b5; }

.panel-blue > .panel-heading {
  background: #2196f3; }
  .panel-blue > .panel-heading > h3 {
    margin: 0; }

.panel-default > .panel-heading > h3 {
  margin: 0;
  color: #fff !important; }

#logout-user > i {
  font-size: 20px; }

.panel-heading > h3 {
  margin: 0 !important; }

.btn.btn-raised.btn-pink {
  background: #e91e63;
  color: #fff; }
  .btn.btn-raised.btn-pink:hover, .btn.btn-raised.btn-pink:active, .btn.btn-raised.btn-pink:focus {
    background: #d81558; }

.start-box {
  margin-top: 30px; }
  @media (max-width: 768px) {
  .start-box {
    padding: 0; } }
  @media (max-width: 768px) {
    .start-box > div {
      padding: 0; } }
  .start-box > div > .panel > .panel-body {
    min-height: 250px; }
    .start-box > div > .panel > .panel-body > ul {
      padding: 0; }
    .start-box > div > .panel > .panel-body > ul > li {
      list-style: none; }
  a {
    white-space: inherit !important; }

@media (max-width: 768px) {
    .xs-no-padding {
      padding: 0; } }

#page-footer {
  padding-bottom: 20px;
  padding-top: 20px;
  border-top: 1px solid #eee; }
  @media (max-width: 768px) {
  #page-footer > div > div {
    text-align: center; } }

.nav-blue {
  background: #3f51b5; }
  .nav-blue > li {
    margin-bottom: 0; }
  .nav-blue > li.active {
    background: #9c27b0; }

.panel.panel-default > .panel-heading {
  background-color: #0e5595 !important; }

.btn.btn-pink {
  background: #76bf1f !important;
  color: #fff !important; }
  .btn.btn-pink:hover, .btn.btn-pink:active, .btn.btn-pink:focus {
    background: #68a91b !important; }

#top-bar-info {
  color: #fcfcfc !important; }
  #top-bar-info a {
    color: #fff !important; }
  #top-bar-info a:hover, #top-bar-info a:active, #top-bar-info a:focus {
    color: #fff !important; }

.btn.btn-default {
  background: #737373 !important;
  color: #fff !important; }
  .btn.btn-default:hover, .btn.btn-default:active, .btn.btn-default:focus {
    background: #666 !important; }

.btn.btn-success {
  background: #7a7a7a !important;
  color: #fff !important; }
  .btn.btn-success:hover, .btn.btn-success:active, .btn.btn-success:focus {
    background: #6d6d6d !important; }

.btn.btn-danger {
  background: #fb0006 !important;
  color: #fff !important; }
  .btn.btn-danger:hover, .btn.btn-danger:active, .btn.btn-danger:focus {
    background: #e20005 !important; }

#logged-top-bar a {
  color: #0e5595 !important; }
  #logged-top-bar a.active, #logged-top-bar a:hover {
    color: #76bf1f !important; }

#bar-top {
  background: #0e5595 !important; }
  @media (max-width: 1440px) {
      #bar-top > div > div {
        width: 100%;
        margin-left: 0; } }

@media (min-width: 768px) {
    #navbar-logo {
      z-index: 10;
      margin-top: 5px;
      max-width: 400px; }
      #navbar-logo > img {
        max-width: 100%;
        max-height: 150px;
        margin: auto; } }
  @media (max-width: 768px) {
  #navbar-logo {
    width: 100%;
    margin-top: 20px; }
    #navbar-logo > img {
      margin: auto; } }

td {
  vertical-align: middle !important; }

.panel > .panel-heading > h3 {
  vertical-align: middle; }
  @media (max-width: 768px) {
  .panel > .panel-heading > h3 {
    font-size: 18px; } }
  .panel > .panel-heading > h3 > i {
    vertical-align: middle; }

input, select, textarea {
  color: #0e5595 !important; }

.radio input[type=radio]:checked ~ .check, label.radio-inline input[type=radio]:checked ~ .check {
  background-color: #0e5595 !important; }

.radio input[type=radio]:checked ~ .circle, label.radio-inline input[type=radio]:checked ~ .circle {
  border-color: #0c487e !important; }

.checkbox input[type=checkbox]:checked + .checkbox-material .check, label.checkbox-inline input[type=checkbox]:checked + .checkbox-material .check {
  color: #0e5595 !important;
  border-color: #0c487e !important; }

.checkbox input[type=checkbox]:checked + .checkbox-material .check:before, label.checkbox-inline input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #0e5595 !important; }

.is-focused .form-control {
  background-image: linear-gradient(#0e5595, #0e5595), linear-gradient(#d2d2d2, #d2d2d2) !important; }

label {
  color: #696969 !important;
  font-size: 15px !important; }

#xs-show-navbar {
  display: none; }

@media (max-width: 410px) {
  #xs-show-navbar {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 20px; }

  #logged-top-bar {
    display: none; } }

.reservation-details-tab {
  background: #0e5595 !important; }

.active.reservation-details-tab {
  background: #76bf1f !important; }

#rezerwacja-details-modal .nav {
  background: #0e5595 !important; }

.form-group {
  margin: 0; }

#platnosci-table_wrapper input {
  font-size: 12px; }

@media (max-width: 768px) {
  #login-box a, #login-box button {
    width: 100%;
    display: block;
    font-size: 12px; }

  #login-labels-bottom > div {
    padding-left: 0;
    padding-right: 0; }

  #reset-hasla-wrapper .panel-body {
    padding-left: 0px;
    padding-right: 0px; } }