* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
 }

 *:root{
   --background-color: #EFF3F6;
   --background-button: #079baa!important;
   --background-button-hover: black;
   --background-button-doit: #003c4e;
   --background-button-delete:#dc3545;
 }

  body {
     height: 100%;
     color: #333333;
     font-family: 'Montserrat', sans-serif;
     font-style: normal;
     font-weight: 400;
     line-height: 1.42857143;
     font-size: 1.8rem;
     padding-top: 0rem; 
     background: #EFF3F6;
    }

    
    .liczby {
       font-family: 'Roboto', sans-serif; 
       font-style: normal;
       font-weight: 400;
       font-size: 1.2rem;
      }
      
      .roboto {
       font-family: 'Roboto', sans-serif; 
       font-style: normal;
       font-weight: 400;
       font-size:1.1rem;
      }
   html {
    font-size: 62.5%;
    scroll-behavior: smooth;
    height: 100%;
   }
   .card-header-crm
   {
      font-size:1.5rem;
      font-weight: 700;
      color:#013c4d;
   }
   .control-label-crm
   {
    font-size:1rem;
    font-weight: 700;
    color:#8391a3;
 }
 .form-control
   {
    font-size:1rem;
    font-weight: 700;
    color:#013c4d;
 }
 #content {
    min-height: 100%;
 }
  .hlink_f0 {
   font-size: 1.2rem;
   font-style: normal;
   font-weight: 300;
   }
 .specyfikacja_tytul,.modal-title
 {
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
 } 
  .marcopol_ligth_blue 
  {
     background: #013C4E;
     color:white;
  }
  .marcopol_button 
  {
     background: #143340;
     color:white;
  }
  .marcopol_ciemny
  {
      color : #333333;
  }
  .marcopol_szary
  {
      color : #ebebeb;
  }
  .marcopol_sort
  {
      color : #5f5f5f;
      font-weight: 400;
      font-size: 1.4rem;
  }
 
  .marcopol_sort_dz
  {
      color : #8b8b8b;
      font-weight: 400;
      font-size: 1.4rem;
  }

  
  .hlink {
   text-decoration: none;   
 }
 .hlink:link {
 text-decoration: none;   
 }
 .hlink:hover {
 text-decoration: none;
 color : #EFF3F6
 }
 .hlink:active {
 text-decoration: none;
 color : #EFF3F6
 }
 .hlink:visited {
 text-decoration: none;
 }
 .marcopol_tr 
 {
    background: #85878c;
    color:white;
    font-size: 1.2rem;
    font-style: normal;
 }
 .marcopol_tr_spec
 {
    background:  #b7c3d3;
    color:white;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 700;
 }
 .marcopol_firma_header 
 {
    background: #85878c;
    color:white;
    font-size: 2rem;
    font-style: normal;
 }
 .marcopol_firma_button 
 {
    font-size: 1rem;
 }
 .marcopol_firma_kontakt 
 {
    font-size: 1rem;
 }
 .marcopol_wiersz
 {
     font-size: 1rem;
 }

 .table-striped-specyfikacja tbody tr:nth-of-type(odd) {
    background-color:  #eef3f5;
  }
  .table-striped-specyfikacja tbody tr:nth-of-type(odd) {
    background-color:  #eef3f5;
  }

 .bg_1
 {
    background:#fafafa;
 }

 .wz_1
 {
    background:#ECEFF1;;
 }

 
 .wz_nie
 {
    background:#ffd3d3;;
 }

 .bg_2
 {
    background: #013C4E;
 }
 .bg_besty
 {
    background: #b1f8d4;
 }
 .card-header
 {
    background: #85878c;
    color:white;
 }
 .marcopol_firma_tytul 
 {
    color:white;
    font-weight:400;
    font-size: 1.2rem;
    font-style: normal;
 }
 .marcopol_th 
 {
    background: rgb(0, 61, 77);
    color:white;
    font-weight: 400;
    font-size: 1rem;
    font-style: normal;
 }


 .marcopol_th_border 
 {
 border-right: 1px solid rgb(197, 197, 197);
 }


 .marcopol_th_specyfikacja
 {
    background: #b7c3d3;
    color:white;
    font-weight: 700;
    font-size: 1.2rem;
    font-style: normal;
 }
 .marcopol_th_small
 {
    background: #003d4c;
    color:white;
    font-weight: 400;
    font-size: 1.2rem;
    font-style: normal;
 }
 .marcopol_th_small_nierozl
 {
    font-weight: 400;
    font-size: 1rem;
 }

 
 .tlink , .btn-link {
    text-decoration: none;
    font-weight: 700;
    color:#143340;
  }
  .tlink:link , .btn-link:link {
  text-decoration: none;   
  color : #003d4c
  }
  .tlink:hover, .btn-link:hover {
  text-decoration: none;
  color :  #047a9e;
  }
  
  .tlink:active, .btn-link:active {
  text-decoration: none;
  color : #143340
  }
  .tlink:visited, .btn-link:visited {
  text-decoration: none;
  color : #143340
  }


  .td_border {
    border-top: 1px solid ;
    border-bottom: 1px solid ;
    border-left : 1px solid ;
    border-right : 1px solid ;
    border-color: #eaedef;
  }
  .td_filtr{
    background: #c0bebe;
  }
  .marcopol_firmy_button
  {
     font-size:1rem;
  }
  .marcopol_firmy_form
  {
     font-size:0.5rem;
     padding: 0rem; 
     padding-left: 0.3rem; 
     margin: 0rem;
     font-weight: normal;
  }
  .notatka_info
  {
      color : #5f5f5f;
      font-weight: 400;
      font-size: 0.5 rem;
  }
  .thlink, .thlink:link, .thlink:hover,.thlink:active , .thlink:visited 
  {
  text-decoration: none;
  color : white;
  display:block;
  }
  .form_active {
    background-color:  rgb(127, 211, 250) !important;
    color:  black !important;
    font-style: normal !important;
    font-weight: 500 !important;
 }
 .btn-dark
 {
    background: #079baa;
    color: white;
    border-color: #079baa;
    border-radius: 0;
 }
 .tyt
 {
    border-style: none  none solid none ; 
    border-width: 1px;
    border-color: #eaedef;
    color:#013c4d;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 700;
 }
 *:focus {
    outline: 0 !important;
 }
 .firma-informacje-button
 {
    border : none;
    color:#013c4d;
    background: white;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 700;
    outline:none;
 }
 .firma-informacje-button-material
 {
    border : none;
    color:#013c4d;
    background-color: transparent;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 700;
    outline:none;
 }
 .firma-informacje-linia
 {
    border-style: none  none solid none ; 
    border-width: 1px;
    /* border-color: #eaedef; */
    border-color: #c5c5c5;
 }
 .firma-informacje-tyt
 {
    color:#8391a3;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 700;
 }
 .firma-informacje-tekst
 {
    color:#013c4d;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
 }
 .firma-informacje-nag
 {
    color:#013c4d;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 700;
 }
 .firma-informacje-notatki-nazwisko
 {
    color:#013c4d;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
 }
 .firma-informacje-link
 {
    color:#079baa;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
 }
 span.closer {
    display: inline-block;
    position: relative;
 }
 span.closer::before {
    content: '×'; font-weight: bold;
    position: absolute; cursor: pointer;
    left: 4px; top: 2px;
 }
 span.closer:hover::before {
    color: black;
 }

 .noselect { 
    -webkit-touch-callout: none;
      -webkit-user-select: none; 
       -khtml-user-select: none; 
         -moz-user-select: none; 
          -ms-user-select: none; 
              user-select: none; 
  } 

 span.closer2 {
    display: inline-block;
    position: relative;
    color: black;
 }
 span.closer2::before {
    content: '×'; font-weight: bold;
    position: absolute; cursor: pointer;
    left: 4px; top: 2px;
    color: black;
 }
 span.closer:hover::before {
    color: black;
 }
 input[type=number] {
    padding-left: 16px;
 }
 input[type=text] {
    padding-left: 16px;
 }
 .form-control
 {
         font-size:1.2rem;  
 }
 .control-label
 {
         font-size:1.2rem;  
 }
 .th3 {
    background-color : #EFF3F6;
 }
 .menu0, .menu0:link, .menu0:active , .menu0:visited 
 {
 text-decoration: none;
 color:white;
 /* font-size: 1.4rem; */
 font-size: calc(6px + 0.390625vw)!important;
 font-style: normal;
 font-weight: 400;
 background: #013c4d;
 }
 .menu0:hover
 {
   color: #06e0f8 !important;
 }

 .menu, .menu:link, .menu:active , .menu:visited 
 {
 text-decoration: none;
 color:white;
 /* font-size: 1.4rem; */
 font-size: calc(8px + 0.390625vw)!important;
 font-style: normal;
 font-weight: 400;
 background: #013c4d;
 }
 .menu:hover
 {
   color: #06e0f8 !important;
 }


 .menudrop, .menudrop:link, .menudrop:active , .menudrop:visited 
 {
 text-decoration: none;
 color:white;
 font-size: 1.4rem;
 font-style: normal;
 font-weight: 400;
 background: #079baa;
 }
 .menudrop:hover
 {
   color:#013c4d;
   text-shadow: 1px 1px 8px #013c4d;
 }
 #exit {
    height:1.4rem;
 }
 #search {
    height:1.8rem;
 }
 #change_password
 {
    height:1.4rem;
 }
 #szukaj {
    height:2.5rem;
 }
 .tthlink, .tthlink:link, .tthlink:active , .tthlink:visited 
 {
 text-decoration: none;
 color:#079baa;
 }
 .tthlink:hover
 {
   color:#143340;
 }
 .pagin
 {
    background: #079baa;
    color: white;
    border-color: #079baa;
    border-radius: 0;
 }
 .page-link
 {
   border : 0;
   font-size: 1.5rem;
 }
 .modal-title
 {
 }
 .table-striped>tbody>tr:nth-child(odd)>td {
   background-color: white;
 }
 .table-striped>tbody>tr:nth-child(even)>td {
   background-color: #ECEFF1;
 }

 .table tbody tr:hover td {
    background-color: #cccccc!important;
 }

 .marcopol_th_tablica
 {
    background:  #b7c3d3;
    background-color:  #b7c3d3;
    color:white;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 700;
 }

 .szansa_nazwa{
    font-weight:400;
    font-size: 1.5rem;
    font-style: normal;
    color: #079baa;
 }

 .stracona{
    border-radius: 1rem;
    background: #c75f5b;
    color:white;
  }
  
  .odrzucona{
    border-radius: 1rem;
    background: rgb(73, 42, 42);
    color:white;
  }
  
  .wygrana{
    border-radius: 1rem;
    background:#3a704f;
    color:white;
  }

 .lead_stygnacy{
    border-radius: 1rem;
    background-color: rgb(250,255,49);
    color:white;
  }
  
  .lead_goracy{
    border-radius: 1rem;
    background-color: rgb(255,33,33);
    color:white;
  }
  .lead_zimny{
    border-radius: 1rem;
    background-color: rgb(189,215,238);
    color:rgb(128, 128, 128);
  }
  .lead_stygnacy{
    border-radius: 1rem;
    background-color: rgb(255,218,143); 
    color:white;
  }
  .lead_cieply{
    border-radius: 1rem;
    background-color: rgb(255,192,0);
    color:white;
  }

  .kursor{
    cursor: pointer;
    }

  .zapisane_format { 
        position:fixed;
        top:7%;
        right:1%;
        background-color:#17c200e0;
        color:white;
        padding:2rem;
        z-index:3000;
        border-radius: 0rem;
       }
    
   .alert_red_format{ 
        position:fixed;
        top:7%;
        right:1%;
        background-color:red;
        color:white;
        padding:2rem;
        z-index:3000;
        border-radius: 0rem;
       }

 

 @media only screen and (max-width: 1190px){
    html {
       font-size: 8px; 
       }
       .menu, .menu:link, .menu:active , .menu:visited 
       {
       font-size: 2rem;
       font-weight: 500;
       background: #013c4d;
       }
       .menudrop, .menudrop:link, .menudrop:active , .menudrop:visited 
       {
       font-size: 2rem;
       font-weight: 500;
          }
         }
 @media only screen and (max-width: 600px){
    html {
       font-size: 6px; 
       }
       .menu, .menu:link, .menu:active , .menu:visited 
       {
       font-size: 2rem;
       font-weight: 500;
       background: #013c4d;
       }
       .menudrop, .menudrop:link, .menudrop:active , .menudrop:visited 
       {
       font-size: 2rem;
       font-weight: 500;
          }
    }