body {
    font-family: 'Lato';
}

@media only screen and (max-width : 1610px) {
  p, input, div, span, h1, h3, h4, h5, h6, body {
      font-size: 99%;
      padding: 0px;
  }

  .btn-xs{
  font-size:135%; 
  }
  .btn-md, h4 {
    padding: 4px;
    font-size:135%;
    line-height: 1.6; 
    margin-top: 0px;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-right: 0px;
    margin-left: 0px;
  }
  .content_big{
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}

@media only screen and (min-width : 1024px) {
  h2 {
    font-size: 150%;
  }

  .tablet-font{
    font-size:140%;
  }

  .btn-lg {
    padding: 5px 16px;
    font-size: 15px;
    line-height: 1.4;
    border-radius: 2px;
  }

  .signs {
      visibility: hidden;
  }
  .content_big{
    margin-top: 50px !important;
    margin-bottom: 60px !important;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
  }
}

@media only screen and (max-width : 767px) {
  .signs {
      visibility: hidden;
  }
  .content_big{
    margin-top: 40px !important;
    margin-bottom: 10px !important;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (max-width : 480px) {
  p, input, div, span, h1, h2, h3, h4, h5, h6, body {
      font-size: 99%;
      padding: 0px;
  }

  .btn, .table, .panel, .panel-title, .content-big, .modal{
    padding: 6px;
    font-size:100%;
    line-height: 1.4; 
    margin-top: 0px;
    margin-bottom: 2px;
    margin-right: 0px;
    margin-left: 0px;
  }

  .signs {
      visibility: hidden;
  }
  .content_big{
    margin-top: 40px !important;
    margin-bottom: 10px !important;
  }
}


@media only screen and (max-width : 400px) {
  p, input, div, span, h1, h2, h3, h4, h5, h6, body {
      font-size: 98%;
      line-height: 2;
      padding: 0px;
  }
  
  .content_big{
    margin-top: 40px !important;
    margin-bottom: 10px !important;
    padding: auto;
  }

  .container{
    padding: auto;
    margin: auto;
  }
  
  .btn-xs{
    padding: 2px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .signs {
      visibility: hidden;
  }

  .div.panel-body{
    height: 50px !important;
  }

  .content{
    margin-top: 10px;
    padding-top: 5px;
  }

  .content_big{
   padding: 0px;
   margin-top: 5px; 
   margin-right: 0px;
   margin-left: 0px;
  }
}

.loading {
        background: url('image/loading.gif') no-repeat center 65%;
        height: 263px;
        width: 300px;
        position: fixed;
        border-radius: 4px;
        left: 50%;
        top: 50%;
        margin: -40px 0 0 -50px;
        z-index: 2000;
        display: none;
  }

.content_big{
  margin-right: 5px;
  margin-left: 5px;
  margin-top: 80px;
  margin-bottom: 80px;
}

/* padingi dla okna panelu usera*/
.user_task{
  padding-left:10px;
  padding-right:10px;
  border: 0px;
}

.fa-btn {
    margin-right: 6px;
}

.jumbotron{
  padding: 20px 20px 20px 20px;
  color: #000;
  background: #e1e0ea;
}

.navbar-default {
    background-color:#ffcd29;
    padding-right: 10px!important;
    padding-left: 10px!important;
    height:60px;
}

.navbar-default .navbar-brand {
    color: #000;
}
/* gorny panel z wyszukiwarka na stronie home */
.panel-default>.panel-under-menu{
   background-color: #656d94!important; 
}
.panel-default>.panel-heading {
    color: #fff;
    background-color: #1f3e96;
    width: 100%;    
}
/* style listy rozwijanej menu */
a.list-group-item, button.list-group-item {
    color: #5f5c61;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #d3d4d4;
    border: 1px solid #ffffff;
}


/* Forum kolor menu - dzialy i tematy*/
.menu-forum{
    background-color: #b9b5c5!important;
}

/* wyszukiwarka na home - zdnaia */
.search-panel{
    margin-top: 5px;
}

.button{
  color: #fff;
  background-color: #2bbd20;
  border-color: #2bbd20;
}

.modal-body{
  padding-left: 10px;
  padding-right: 10px;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #555;
    background-color: #ffcd29;
}
    width: 100%;
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color:#e0e0e0;
}

/* tabala typup bordered*/
.table-art {
    border: 1px solid #a99b9b;
}

.table-art>thead>tr{
    background: #d4d4d4;
} 
.table-art>thead>tr>th{
    border: 1px solid #a99b9b;
} 
.table-art>tbody>tr>td{
    border: 1px solid #a99b9b;
}  
.td-ktm{
    color: white;
    border: 0px solid;
}
.down-tr{
    background: #375165;
}
.badge-ktm{
    background: #30c15b;
}
.menu-left{
    background: red;
}
/* kolory oczek zadan*/
.red{
  background-color:#d9534f;
}

.yellow{
  background-color:#f0ad4e;
}

.green{
  background-color:#5cb85c;
}

/* kolory wierszy w głownej tabeli*/
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f0effb;
}

.btn-now-date{
 border: #337ab7;
 border-style: solid;
}

.btn-violet{
  border: #b04ef0;
  background: #b04ef0;
  color: white;
}

.btn-monitoring{
 background: #ffcd29; 
 border: #ffcd29;
 color:#777;
}

.title_ogloszenia{
    color:#142f98;
}

/* kolory badge listy na home */
.btn-primary .badge.red {
    color: white;
    background-color: #c9302c;@important
}

.btn-primary .badge.yellow {
    color: white;
    background-color: #ec971f;@important
}

.btn-primary .badge.green {
    color: white;
    background-color: #449d44;@important
}

/* kolor przewodni paneli */
.panel{
  background: #eaeaea;  
}

.panel-body{
    background: #eaeaea;
}

/* formularz */
.form-title-header{
    color:#8e8888;
}

.btn-radio{
  background-color: #b73376;
  border-color: aliceblue;
  border-radius:0px;
}
.panel-primary{
  border: 0px;
}
/* well - moje rezerwacje */
  .well{
  margin-top: 30px;
}