/*
@version 02
 */

/* --------------- MEDIA SCREEN --------------- */
/* -------------------------------------------- */
@media screen {


   .print {
      display:none;
   }


   body {
      margin: 0px;
      padding: 0px 0px 60px 0px;
      background-color: #dde2e8;
      font-family: arial, trebuchet MS;
      font-size: 11px;
   }

   img {
      border: 0px;
      outline: none;
   }
   /*
   div {
      overflow: hidden;
      }
   */

   a {/*:link, a:active, a:visited*/
      color: #5e5d5b;
      text-decoration: underline;
      outline: none;
   }
   a:hover {
      text-decoration: none;
   }


   em {
      font-weight: bold;
   }

   acronym {
      font-style: italic;
      border-bottom: 1px dashed #808080;
      cursor: help;
   }



   h1 {
      color: #5e5d5b;
   }

   .red {
      color: red;
   }
   .green {
      color: green;
   }
   .przekreslenie {
      text-decoration: line-through;
   }

   .btn-inline {
      font-weight: bold;
      cursor: pointer;
   }

   .btn-inline:hover {
      text-decoration: underline;
   }


   .alignCenter {
      display: block;
      margin: 0px auto;
   }
   p.alignCenter {
      text-align: center;
   }

   .alignRight {
      float: right;
      margin: 0px auto;
   }

   .floatLeft {
      float: left;
   }

   .floatRight {
      float: right;
   }

   div.clear {
      display: block;
      clear: both;
      float: none;
      height: 10px;
   }

   fieldset.clear {
      clear: both;
   }


   /* ------- LAYOUT ---------- */
   .error {
      color: red;
      font-weight: bold;
   }

   .content {
      width: 100%;
      padding: 0px 20px 20px 20px;
      overflow: auto;
   }

   .hide {
      display: none;
   }


   .table-spis {
      width: 98%;
   }
   .table-spis thead th {
      background-color: #787878;
      padding: 4px 8px;
      color: #ffffff;
   }
   .table-spis tfoot td {
      background-color: #b0b0b0;
      padding: 4px;
   }
   tfoot th .grandTotal {
      font-size: 18px;
      padding: 6px 0;
   }
   .table-spis tbody tr {
      background-color: #cccccc;
   }
   .table-spis tbody td {
      padding: 4px;
   }
   tbody th {
      text-align: left;
      border-bottom: 1px solid #D7BE6E;
   }
   .table-spis tbody tr.podswietlenie {
      background: #ffffa0;
   }
   .table-spis tbody	tr.rezerwacja, div.rezerwacja {
      background-color: #F0AA92;
   }
   .table-spis tbody	tr.weryfikacjaNegatywna, div.weryfikacjaNegatywna {
      background-color: #ff4c00;
   }
   .table-spis tbody	tr.produkcja, div.produkcja {
      color: #001aa0;
   }
   .table-spis tbody	tr.demo, div.demo {
      color: #001aa0;
   }
   .table-spis tbody	tr.obcegodealera, div.obcegodealera {
      color: #c000c0;
   }

   div.boxKolor {
      border: 1px solid;
      display: inline-block;
      padding: 4px;
      margin: 50px 5px 0px 0px;
   }

   .table-spis tbody	tr td span.wiek {
      background-color: #5c5c5c;
      color: #ffffff;
      padding: 3px 6px;
      line-height: normal;
      margin-right: 10px;
      display: inline-block;
      margin-bottom: 6px;
   }






   /* -------- MESSAGES -------- */
   .messageok {
      font-weight: bold;
      color: green;
      font-size: 16px;
      padding: 20px;
   }
   .messageError {
      font-weight: bold;
      color: red;
      font-size: 16px;
      padding: 20px;
   }
   .messageErrorBackground {
      font-weight: bold;
      color: white;
      font-size: 16px;
      padding: 20px;
      background-color: red;
      display: inline-block;
   }
   .messageNotice {
      font-weight: bold;
      color: orange;
      font-size: 16px;
      padding: 20px;
   }
   .die {
      color: red;
   }
   div.notify {
      width: 600px;
      margin: 0 auto;
      color: red;
      text-align: center;
   }

   .messageUwagi {
      padding-left: 155px !important;
      font-size: 11px;
      color: red;
   }





   /* ------- MENU TOP --------- */
   div.menuTop {
      height: 36px;
      padding: 10px;
      background-color: #5e5d5b;
      margin-bottom: 20px;
   }

   ul.menu {
      margin: 0px;
      padding: 0px;
      float: left;
   }

   ul.menu li {
      display: inline;
   }

   div.menu fieldset {
      border: none;
   }

   div.menuTop a.button {
      color: #7b7a79;
      border: 1px solid #e7eaef;
      padding: 2px 8px;
      background-color: #e7eaef;
      text-decoration: none;
   }
   div.menuTop a.button:hover {
      border: 1px solid #404040;
      background-color: #949494;
      color: #404040;
      padding: 2px 8px;
   }


   .submit.button,
   a.button {
      color: #dde2e8;
      border: 1px solid #e7eaef;
      padding: 2px 8px;
      background-color: #5e5d5b;
      text-decoration: none;
      display: inline-block;
      cursor: pointer;
      line-height: 16px;
      vertical-align: middle;
      font-size: 11px;
   }

   a.button:hover {
      border: 1px solid #404040;
      background-color: #949494;
      color: #e8e8e8;
   }

   a.button-lg {
      margin: 15px;
      padding: 7px 12px 6px 12px;
   }

   input.submit {
      color: #dde2e8;
      border: 1px solid #e7eaef;
      padding: 2px 8px;
      background-color: #5e5d5b;
      text-decoration: none;
      display: inline-block;
      cursor: pointer;
      vertical-align: middle;
   }

   input.submit:hover {
      border: 1px solid #404040;
      background-color: #949494;
      color: #e8e8e8;
   }


   /* ------ MENU DZIAŁOWE ------- */
   div.menu {
      margin: 0px 0px 10px 0px;
   }





   /* --------- PRACOWNICY ------------ */

   .idFormularz {
      width: 98%;
      padding: 0;
      margin: 0;
   }

   .idFormularz fieldset.box {
      border: 1px solid #787878;
      padding: 5px;
      color:#333333;
      margin-bottom:20px;
      clear: both;
   }

   .idFormularz fieldset.box p{
      padding: 0px;
      margin: 6px 0px;
      clear: both;
   }

   .idFormularz fieldset.box legend {
      font-weight: bold;
      color: #404040;
      margin-bottom: 5px;
   }

   .idFormularz fieldset.box label span {
      display:block;
      float:left;
      padding-right:6px;
      width:150px;
      text-align:right;
      font-weight:bold;
   }

   .idFormularz fieldset.box label span.short {
      display:block;
      float:left;
      padding-right:6px;
      width:70px;
      text-align:right;
      font-weight:bold;
   }

   .idFormularz fieldset.box input[type=text], fieldset.box select {
      border: 1px solid #b0b0b0;
      color: #404040;
   }

   .idFormularz fieldset.box input[readonly="readonly"] {
      border: 1px solid #b0b0b0;
      background-color: #e8e8e8;
      color: #404040;
   }

   .idFormularz fieldset.box select[readonly="readonly"] {
      border: 1px solid #b0b0b0;
      background-color: #e8e8e8;
      color: #404040;
   }




   /* --------- PRACOWNICY FORM ------------ */

   div.form-column-wrapper {
      display: flex;
      column-gap: 30px;
   }

   div.kolumnaLewa {
      /*width: 560px;*/
      /*float: left;*/
      border: 0 solid #ff0400;
   }

   div.kolumnaPrawa {
      /*width: 650px;*/
      /*float: left;*/
      border: 0 solid #ff0400;
   }

   div.kolumna3 {

   }


   .idFormularz fieldset#info-do-umowy p {
      padding-bottom: 30px;
   }

   #wojewodztwo_wrapper {
      width: 323px;
      float: left;
      /*outline: 1px dashed red;*/
   }

   input[disabled], input[disabled="disabled "] {
      background-color: #eeeeee;
   }


   #wojewodztwotxt {
      margin-top: 5px;
      margin-bottom: 8px;
   }



   /* WYSYŁKA POWIADOMIEŃ DO PRACOWNIKÓW
   ------------------------------------------------------------------------ */

   #form-sender {
      width: 100%;
   }

   #form-sender fieldset {
      border: none;
   }

   #form-sender .btnsender {
      margin-top: 15px;
   }

   #form-sender .btnsender > div {
      padding-bottom: 10px;
   }

   #form-sender #tytul {
      font-family: "Arial", sans-serif;
      width: 709px;
      font-size: 15px;
      padding: 3px;
   }

   #sendtestemailid {
      max-width: 200px;
   }




   /* --------- WYSZUKIWARKA ------------ */
   .szukbox {
      border: 0 solid;
      float: left;
   }



   /**
   Zamówienia
    */

   tr.zrealizowane {
      color: #767676;
      text-decoration: line-through;
   }

   tr.wazne {
      color: green;
   }



   .hidden {
      display: none;
   }


   .container-fluid {
      width: 98%;
   }



   /**
   Wylogowanie bezczynnego użytkownika
    */

   #btn-passit {
      background-color: #404040;
      border: none;
      border-radius: 0;
   }

   #passit-popup .modal-title {
      font-size: 24px;
      line-height: 1;
      margin-top: 15px;
   }

}/* .media screen */