@font-face {
  font-family: Calibri;
  src: url(../font/Calibri.ttf);
}

* {
    font-family: Calibri;
}

@page {
     margin: 10px;
    }

.content {
    width: 830px;
    margin:auto;
    margin-top:10px;
    
}

.width_max {
    width:100%;
}

.height_200 {
    height:150px;
}

.bg_grey {
    background-color: #a19c9c;

}

table {
    border: 1px solid;
}

.dotted{
    padding:4px;
    border: 1px dotted;
}

.label_1_column {
    width:20%;
    padding:5px;
}

.label_2_column {
    width:47%;
    padding:5px;
    font-weight: bold;
}

.label_2_column input {
    width:100%;
}

.label_3_column {
    width:8%;
    padding:5px;
}

.label_4_column {
    width:15%;
    padding:5px;
    font-weight: bold;
}

.zagrozenia {
    color: #fff100;
    font-size: 22px;
}

.zakazy {
    color: #ee1b24;
    font-size: 22px;
}

.nakazy {
    color: #0082c5;
    font-size: 22px;
}

.urzadzenia_bezpieczenstwa {
    color: #016f3c;
    font-size: 22px;
}

.nazwa_piktogramu {
    text-transform: uppercase;
    text-align: center;
    font-weight: bolder;
}

.col_piktogram {
    padding:5px;
    width:25%;
    text-align: center;
    text-transform: uppercase;
    font-size: 14pt;
    border: 1px dotted;
    vertical-align: top;
    font-weight: bold;

}

.col_piktogram img {
    width: 100%
}

.col_szafa
{
    background-color: orange;
    padding:10px;
    width: 139px;
    text-align: center;
    text-transform: capitalize;
    font-size: 12pt;
    /* font-weight: bold; */
}

.col_szafa img
{
    width:100%
}

.col_szafa_select {
    font-size: 3em;
    width: 139px;
}

.col_szafa_select {
    font-size: 23px;
}


.gazy {
    width:100%;
    border: 1px solid;
}


.font_size_10 {
    font-size: 12pt;
}

.rodzaje_piktogramow {
    font-size:22pt;
    text-transform:uppercase;
    margin-bottom: 0 !important;
}

.piktogramy_img {
    width:100px !important;
} 

.gazy_img {
    width:110px;
} 


.col_piktogram button  {
    border: 0;
    background-color: transparent;
}



#modal_wybierz_piktogram .modal-body {
    box-sizing: border-box;
    /* font-family: "Helvetica Neue", sans-serif; */
    //background-color: black;
}

#modal_wybierz_piktogram .container {
    display: flex;
    justify-content: center;
    align-items: center;
    //height: 100vh;
}

#modal_wybierz_piktogram .radio-tile-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    
}
#modal_wybierz_piktogram .radio-tile-group .input-container {
    position: relative;
    height: 12rem;
    width: 7rem;
    margin: 0.5rem;
}
#modal_wybierz_piktogram .radio-tile-group .input-container .radio-button {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    cursor: pointer;
}
#modal_wybierz_piktogram .radio-tile-group .input-container .radio-tile {
    /* display: flex; */
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border: 2px solid #079ad9;
    border-radius: 5px;
    padding: 0.5rem;
    transition: transform 300ms ease;
}
#modal_wybierz_piktogram .radio-tile-group .input-container .icon svg {
    fill: #079ad9;
    width: 3rem;
    height: 3rem;
}

 .radio-tile-group .input-container .radio-button:checked + .radio-tile {
        background-color: #079ad9;
        border: 2px solid #079ad9;
        color: white;
        /* transform: scale(1.1, 1.1); */
    }
    .radio-tile-group .input-container .radio-button:checked + .radio-tile .icon svg {
        fill: white;
        background-color: #079ad9;
    }
    .radio-tile-group .input-container .radio-button:checked + .radio-tile .radio-tile-label {
        color: white;
        background-color: #079ad9;
    }


#modal_wybierz_piktogram .radio-tile-group .input-container .radio-tile-label {
    text-align: center;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #079ad9;
}
#modal_wybierz_piktogram .radio-tile-group .input-container .radio-button:hover + .radio-tile {
    /* background-color: #079ad9;
    border: 2px solid #079ad9;
    color: white; */
    /* transform: scale(1.1, 1.1); */
}
#modal_wybierz_piktogram .radio-tile-group .input-container .radio-button:hover + .radio-tile .icon svg {
    /* fill: white;
    background-color: #079ad9; */
}
#modal_wybierz_piktogram .radio-tile-group .input-container .radio-button:hover + .radio-tile .radio-tile-label {
    /* color: white;
    background-color: #079ad9; */
}







#modal_wybierz_gazy .modal-body {
    box-sizing: border-box;
    /* font-family: "Helvetica Neue", sans-serif; */
    //background-color: black;
}

#modal_wybierz_gazy .container {
    display: flex;
    justify-content: center;
    align-items: center;
    //height: 100vh;
}

#modal_wybierz_gazy .radio-tile-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    
}
#modal_wybierz_gazy .radio-tile-group .input-container {
    position: relative;
    height: 12rem;
    width: 7rem;
    margin: 0.5rem;
}
#modal_wybierz_gazy .radio-tile-group .input-container .radio-button {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    cursor: pointer;
}
#modal_wybierz_gazy .radio-tile-group .input-container .radio-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;;
    width: 100%;
    height: 100%;
    border: 2px solid #079ad9;
    border-radius: 5px;
    padding: 0.5rem;
    transition: transform 300ms ease;
}
#modal_wybierz_gazy .radio-tile-group .input-container .icon svg {
    fill: #079ad9;
    width: 3rem;
    height: 3rem;
}


#modal_wybierz_gazy .radio-tile-group .input-container .radio-tile-label {
    text-align: center;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #079ad9;
}
#modal_wybierz_gazy .radio-tile-group .input-container .radio-button:hover + .radio-tile {
    background-color: #079ad9;
    border: 2px solid #079ad9;
    color: white;
    /* transform: scale(1.1, 1.1); */
}
#modal_wybierz_gazy .radio-tile-group .input-container .radio-button:hover + .radio-tile .icon svg {
    fill: white;
    background-color: #079ad9;
}
#modal_wybierz_gazy .radio-tile-group .input-container .radio-button:hover + .radio-tile .radio-tile-label {
    color: white;
    background-color: #079ad9;
}







.radio-tile p {
    font-size:13px;
    margin-bottom: 0;
}


.icon {
    width:100%;
}

.modal-lg {
    max-width: 840px;
}

/* .img-fluid {
    width:116px;
    height:116px;
} */


p {
    margin-bottom: 0rem !important;
}

/* Page Loader ================================= */
.page-loader-wrapper {
  z-index: 99999999;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #eee;
  overflow: hidden;
  text-align: center; 
}
.page-loader-wrapper p {
    font-size: 13px;
    margin-top: 10px;
    font-weight: bold;
    color: #444; 
}
  
.page-loader-wrapper .loader {
    position: relative;
    top: calc(50% - 30px); 
}


.preloader {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
  -webkit-animation: container-rotate 1568ms linear infinite;
  -moz-animation: container-rotate 1568ms linear infinite;
  -o-animation: container-rotate 1568ms linear infinite;
  animation: container-rotate 1568ms linear infinite; }
  .preloader.pl-size-xl {
    width: 75px;
    height: 75px; }
  .preloader.pl-size-l {
    width: 60px;
    height: 60px; }
  .preloader.pl-size-md {
    width: 50px;
    height: 50px; }
  .preloader.pl-size-sm {
    width: 40px;
    height: 40px; }
  .preloader.pl-size-xs {
    width: 25px;
    height: 25px; }

.spinner-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  border-color: #F44336;
  -ms-opacity: 1;
  opacity: 1;
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  -moz-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  -o-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
  .spinner-layer.pl-red {
    border-color: #F44336; }
  .spinner-layer.pl-pink {
    border-color: #E91E63; }
  .spinner-layer.pl-purple {
    border-color: #9C27B0; }
  .spinner-layer.pl-deep-purple {
    border-color: #673AB7; }
  .spinner-layer.pl-indigo {
    border-color: #3F51B5; }
  .spinner-layer.pl-blue {
    border-color: #2196F3; }
  .spinner-layer.pl-light-blue {
    border-color: #03A9F4; }
  .spinner-layer.pl-cyan {
    border-color: #00BCD4; }
  .spinner-layer.pl-teal {
    border-color: #009688; }
  .spinner-layer.pl-green {
    border-color: #4CAF50; }
  .spinner-layer.pl-light-green {
    border-color: #8BC34A; }
  .spinner-layer.pl-lime {
    border-color: #CDDC39; }
  .spinner-layer.pl-yellow {
    border-color: #ffe821; }
  .spinner-layer.pl-amber {
    border-color: #FFC107; }
  .spinner-layer.pl-orange {
    border-color: #FF9800; }
  .spinner-layer.pl-deep-orange {
    border-color: #FF5722; }
  .spinner-layer.pl-brown {
    border-color: #795548; }
  .spinner-layer.pl-grey {
    border-color: #9E9E9E; }
  .spinner-layer.pl-blue-grey {
    border-color: #607D8B; }
  .spinner-layer.pl-black {
    border-color: #000000; }
  .spinner-layer.pl-white {
    border-color: #ffffff; }


    .pdf {
        padding: 12px;
            /* width: 700px; */
    /* margin:auto;
    margin-top:10px; */
    }

.extra_plus_piktogram{
    height: 0px;
    position: relative;
    float: left;
    top: -130px;
    left: 850px;
    display: block;
}

.extra_plus_gazy{
    position: relative;
    float: left;
    top: -130px;
    left: 980px;
    display: block;
}

.small_text {
    font-size: 12pt;
}

.col_szafa_select textarea {
    width: 160px;
}