/* ################################################################### Copyright 
Copyright Web-To-Print pl
Authors: Bartosz Lajca, Pawel Dykta
Title: Odrodzenie Fenixa

########################################################################### MENU 
    A. Disable admin top bar
    B. HTML General
    C. Header
    D. Body
    E. Footer
    F. Containers
    G. Sections
    H. Navigation
    I. Typography
    J. Home Page Products
    K. Overwrited Bootstrap's atributes
    L. Forms & Inputs & Tables
    M. Colors
    ...
    End. Changes iWare's CSS for responsive

######################################################################### COLORS 
hsl(2, 100%, 76%) salamon
hsl(197, 8%, 49%) steelgray
hsl(195, 8%, 90%); tinted steelgray

###################################################### IT IS THE END OF MENU  */

.param-info {
    display: none;
}


@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700&display=swap&subset=latin-ext');


/*  ################################################ A. Disable admin top bar */
#admin-editor-manager,
#editable-module-representations-container {visibility:hidden;}


/*  ######################################################### B. HTML General */
* {
    outline: none;
}


/*  ############################################################### C. Header */
header.user-header {
    display: block;
    width: 100%;
    border-bottom: 1px solid hsl(195, 8%, 90%);
    margin-bottom: 2vh;
    /*padding-top: 62px;*/
}
.container-fluid {
    padding:0;
}

@media (max-width: 979px) { 
.header-fixed-top { 
    position: fixed;
    background: #fff;
    margin-left: 0; 
    margin-right: 0; 
    } 
}


/*  ################################################################# D. Body */

body {
    margin: 0px !important;
    padding: 0px !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.50;
    color: #738187;
    color: hsl(197, 8%, 49%);
    text-align: left;
    background-color: #fff;
}
nav {
    background: #fff;
    border-botom: 1px solid #738187;
}


/*  ############################################################### E. FOOTER */
footer {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    margin: 0 auto;
    border-top: 2px solid hsl(197, 8%, 49%);
}

#footer > a:last-child {display:none !important;}


/*  ############################################################# G. SECTIONS */


#variantParamsFields h6 {
    font-size:95%;
}

.param-wysokosc:first-child {
    margin-right:1.5rem;
}

article {
    width: 1570px;
    box-sizing: border-box;
    padding: 20px;
    margin: 0 auto;
    border-top: 1px solid hsl(195, 8%, 90%);
}
article.column-2 {
    width: 1570px;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 5em;
    align-content: center;
    justify-content: space-around;
}
section.info {
   font-size: .85em;
   align-content: center;
   justify-content: space-between;
   vertical-align:center;
   background: hsl(195, 5%, 98%);
   text-align: center;
}
section.info div {
 /*  align-self: center; */
}

.info-element i {
    margin-right: .25rem;
}

section.info div img {
    margin: 5px;
}
section.search {
    height: 83px;
    width: 1570px;
    margin: 0 auto;
    padding: 20px;
    border-bottom: 1px solid hsl(195, 8%, 90%);
}
section.banner {
    height: auto;
}
section.content {
    
}
.segment-0- {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}


.media {
    margin-bottom: 1rem !important;
    padding-bottom: 1rem !important;
    border-bottom: 1px solid;
}   

.media-body {
    padding-left: 1rem !Important;
}

.media-heading {
    margin-top: 0px !Important;
}

.app-modal-container {
    padding:1rem !Important;
}

.inpost-locker-choose-container {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}

.user-address-selected {
    background: ghostwhite !important;
}

.order-select-address-book h4 {
    margin:0px !Important;
}

.btn-danger {
    color: #fff !Important;
}

.user-address-book-edit-view-contents > div {
    margin-bottom: .5rem !Important;
    padding-bottom: .5rem !Important;
    margin-top: .5rem !Important;
    border-bottom: 2px solid;
}

.user-address-book-edit-view-header h3 {font-size:1.5rem !Important;margin:0;}


/*  ################################################################## H. NAV */

.featured > a img,
.featured a svg{
    filter:brightness(100) saturate(0);
}

.featured > a {
    background: hsl(197, 8%, 59%);
}

.featured > a span {
   color: #fff;
}


section.info a, p a {
    color: hsl(2, 100%, 76%) !important;
    /*font-weight: bolder !important;*/
}
section.info a:hover, p a:hover {
    color: hsl(2, 100%, 76%);
}
*, *:hover, *:active, *:focus {
    transition: all 0.1s 0s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}

i.fas, i.far {
    color: hsl(197, 8%, 49%);
    margin: 5px 5px 5px 0px;
    font-size: 1.10rem;
}

.dropdown-item:active i {
    color: hsl(2, 0%, 100%);
}

.produkty-grid {
    display: grid;
    grid-template-columns: 16% 16% 16% 16% 16% 16%;
    grid-gap: 1vh;
    max-width: 1570px;
    margin-left: auto;
    margin-right: auto;
    grid-auto-flow: dense;
}

.rollup {
    grid-row-start: 5;
grid-row-end: 7;
}
.produkty-grid  > div a {
    border: 1px solid hsl(195, 8%, 90%);
    border-radius: 20px;
    font-size: 1.15rem;
    overflow: hidden;
    color: hsl(197, 8%, 49%);
    padding: 20px;
    position: relative;
    text-decoration: none;
    font-weight: normal;
    box-sizing: border-box;
    display: grid;
    grid-auto-rows: minmax(200px,auto);
    grid-auto-columns: minmax(200px, auto);
    justify-content: center;
    align-items: center;
    align-content: center;
    justify-items: center;
}

/* Fixes for responsive grid - BL */
.product {
    max-width: 1570px;
    margin: 2vh auto;
    grid-auto-flow: dense;
}
.product a {
    border: 1px solid hsl(195, 8%, 90%);
    border-radius: 20px;
    font-size: 1rem;
    overflow: hidden;
    color: hsl(197, 8%, 49%);
    text-decoration: none;
    font-weight: normal;
    box-sizing: border-box;
}

.square {
    position: relative;
}

.square:before{
	content: "";
	display: block;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}
.product div {
    position:relative;
}
.product a:hover {
    background-color: hsl(2, 100%, 76%);
    border-color: hsl(2, 100%, 76%);
    color: hsl(0, 0%, 100%);
    text-decoration: none;
}



.product a span {
    font-size:1rem;
    transition-delay: -0.2s;
    position:absolute;
    bottom:1vh;
    margin: 1vh auto;
}
.product img {
    fill:none;
    stroke: hsl(195, 8%, 90%);
}

/* End fixes for grid */

nav.grid a:hover {
    background-color: hsl(2, 100%, 76%);
    border-color: hsl(2, 100%, 76%);
    color: hsl(0, 0%, 100%);
    text-decoration: none;
}
nav.grid a svg {
    align-self: center;
    justify-self: center;
    max-width: 70%;
    max-height: 70%;
}

nav.grid a:hover g *,
nav.grid a:active g * {
    stroke:#fff;
    fill:none;
}

nav.grid a span {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 999;
    transition-delay: -0.2s;
}
nav.grid img {
    fill:none;
    stroke: hsl(195, 8%, 90%);
}
.btn {
    color: #738187;
}
.btn:hover {
  /*color: #212529;*/
  color: #738187;
  text-decoration: none;
}

.btn-primary {
  color: #fff;
  background-color: hsl(2, 100%, 76%);
  border-color: hsl(2, 100%, 86%);
}

.btn-blue:hover {
    background:#f8b497;
}

.btn-primary:hover {
  color: #fff;
  background-color: hsl(2, 100%, 86%);
  border-color: hsl(2, 100%, 96%);
}

.btn-primary:focus, .btn-primary.focus {
/*  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);*/
box-shadow:none;
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: hsl(2, 100%, 76%);
  border-color: hsl(2, 100%, 76%);
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: hsl(2, 100%, 66%);
  border-color: hsl(2, 100%, 76%);
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
/*  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);*/
}

.btn-primary i {
    color: hsl(0, 0%, 100%);
}

.btn-secondary {
  color: #fff;
  background-color: hsl(197, 8%, 49%);
  border-color: hsl(197, 8%, 59%);
}
.btn-secondary i.fas,
.btn-secondary i.far
{
  color: #fff;
}

.btn-secondary:hover {
  color: #fff;
  background-color: hsl(197, 8%, 59%);
  border-color: hsl(197, 8%, 69%);
}

.btn-secondary:focus, .btn-secondary.focus {
/*  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);*/
box-shadow: none;
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
/*  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);*/
}

.btn-search {
  color: #fff;
  background-color: hsla(2, 100%, 76%,0);
/*  border-color: hsla(2, 100%, 86%,0.5);*/
  position: absolute;
  top:0px;
  right: 5px;
  z-index:9;
  font-size: 1.5rem !important;
  vertical-align: middle;
/*  background: red;*/
/*  border: 1px solid red;*/
  display: flex;
  max-height:100%;
}

.btn-search:hover {
  color: #fff;
  background-color: hsla(2, 100%, 86%,0);
/*  border-color: hsl(2, 100%, 96%,0);*/
}

.btn-search i {
  color: hsl(197, 17%, 79%);
}
.btn-search:hover i {
    color: hsl(197, 8%, 49%);
}

.btn-search:hover i {
  color: hsl(197, 8%, 59%);
}

a.bg-dark:hover {text-decoration:none!important;}

button.bg-dark:hover {
    background-color:#1d2124!important;
    text-decoration:none!important;
}


.btn-search:focus, .btn-search.focus {
/*  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);*/
}

.btn-search.disabled, .btn-search:disabled {
  color: #fff;
  background-color: hsl(2, 100%, 76%,0);
  border-color: hsl(2, 100%, 76%,0);
}

.btn-search:not(:disabled):not(.disabled):active, .btn-search:not(:disabled):not(.disabled).active,
.show > .btn-search.dropdown-toggle {
  color: #fff;
  /*background-color: hsl(2, 100%, 66%,0);
  border-color: hsl(2, 100%, 76%,0);*/
}

.btn-search:not(:disabled):not(.disabled):active:focus, .btn-search:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
/*  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);*/
}
/**/



*:focus, *:active, * {
  outline: 0;
/*  box-shadow: 0 0 0 0.2rem hsla(197, 8%, 49%, 0.25);*/
    box-shadow: none;
}

* {
    box-shadow: none;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: hsl(197, 8%, 49%);
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: hsl(197, 8%, 39%);;
  text-decoration: none;
  background-color: #f8f9fa;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: hsl(2, 100%, 76%);
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.input_text {
border-radius: 50rem !important;
display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

.input-search {
  padding-right: 53px;
  border: 1px solid hsl(197, 17%, 89%);
  margin: 0 5px;
  width: 100%;
/*  position: relative;*/
}


.input-search:focus,
.input-search:active {
    border: 1px solid hsl(197, 8%, 49%);
}

input::placeholder {
    color: hsl(197, 17%, 79%);
    font-weight: 400;
}

.form-control-lg {
  /*height: calc(1.5em + 1rem + 2px);*/
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.3rem;
  /*border: 1px solid hsl(194, 17%, 75%);*/
  color: hsl(197, 8%, 49%);
}


.product a:hover img,
.product a:active img {
    filter: brightness(100) saturate(0);
}

.product svg {
    max-height: 75% !important;
    
}
.product svg * {
    stroke-width: 1;
}

.product a:hover svg * {
    stroke: #fff;
}

a {
    color: hsl(2, 100%, 76%);
}
a:hover {
    text-decoration:underline;
    color: hsl(2, 100%, 76%);
}

footer a {
    color: hsl(198, 8%, 49%);

}

footer li {
  /*margin: 0.5rem;*/
  /*margin-left: 1rem;*/
}

footer li:before {
  /*content: '\f054';*/
  content: '\f105';
  font-family: 'FontAwesome';
  /*float: left;*/
  /*margin-left: -1rem;*/
  margin-right: 0.5rem;
  
}

.yellowBtn,
.pinkButton{
    width:50% !Important;
    float:right !Important;
    color: #fff !Important;
    background-color: #ff8985 !Important;
    border-color: #ffbab8 !Important;
}

#welcome_box input:disabled {
    background: rgba(206, 212, 218, 0.4);
    pointer-events:none;
}

#welcome_box input[name=nr_budynku]{
    margin-right: 4%;
}


#personalDetails input,
#passwordChange input,
#welcome_box input[name=nr_budynku],
#welcome_box input[name=nr_lokalu]{
    width:48%;
    float:left;
}

.btn-main {
border-radius: 50rem!important;
display: block;
width: 100%;
background-clip: padding-box;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
color: #fff !Important;
    background-color: #ff8985 !Important;
    border-color: #ffbab8 !Important;
}

#personalDetails input,
#passwordChange input,
#welcome_box input {
    border-radius: 50rem!important;
    display: block;
width: 100%;
margin-bottom:.25rem;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}



.logos {
    border-top: 1px solid #E3E6E7;
    margin: 2vh auto;
    padding: 1vh;
}


/*  ########################################################### I. Typography */

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-normal {
    font-weight: 400 !important;
}

.font-weight-semi {
    font-weight: 600 !important;
}



.font-weight-bold {
    font-weight: 700 !important;
}




.smaller-h6 {font-size:110%;}

.opis-krotki {/*
     -webkit-column-count: 2; /* Chrome, Safari, Opera */
  /*  -moz-column-count: 2; /* Firefox */
 /*   column-count: 2;*/
}


#opis-dlugi h3 {font-size:1.25rem;}

@media (max-width: 800px) {
 .opis-krotki {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
  }
}

.opis-krotki p {
    padding: 0 1rem;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 1.75rem;
    margin-bottom: 0.2rem;
    font-family: 'Open Sans', sans-serif;
    color: #FF8984;
}

h1 {
    font-size:2.25rem;
}
h2 {
    font-size:1.4rem;
}
h3 {
    font-size:1.95rem;
}
h4 {
    font-size:1.75rem;
}
h5 {
    font-size:1.55rem;
}
h6 {
    font-size:1.35rem;
}

p {
    /*text-indent: 1rem;*/
    /*hyphens: auto;*/
    margin: 0.5rem auto;
}

.cena-big {font-size:95%;}


/*  #####################################@############# J. HOME PAGE PRODUCTS */

*, *:focus, *:active {
    box-shadow:none !important;
    outline: none !important;
}

/*  #####################################@############# L. Forms & Inputs & Tables */
input[name="nr_budynku"],
input[name="nr_lokalu"],
input[name="korespondencyjne_nr_lokalu"],
input[name="korespondencyjne_nr_budynku"]{
    width:48% !Important;
    float:left;
}

input[name="nr_budynku"],
input[name="korespondencyjne_nr_budynku"]{
    margin-right:4%;
}

#login-data table {
    width:100%;
}

#account-data input[type="radio"]{
margin-right: .25rem;
margin-left: .5rem;
}

#register-page {margin-bottom:3.5rem;}

.where-you-know-us-from {
width:100%;

}

.where-you-know-us-from textarea {
padding-top: .5rem;
font-size: 0.9rem !Important;
}

#account-data td,
#shipment-data td,
#login-data td,
#action-data td,
label {
    font-size: .9rem !Important;
    padding-top: .375rem ;
    padding-bottom: .375rem;
}

input:disabled {
    background-color: #e9ecef !important;
opacity: 1;
}

.form-agreements tr:nth-child(3) {
    display:none;
}

#account-data input[type="text"],
#login-data input[type="text"],
#login-data input[type="password"],
textarea[name="whereYouKnowUsFrom"],
.komentarz-text,
input[name="korespondencyjne_nr_lokalu"],
input[name="korespondencyjne_nr_budynku"]{
    border-radius: 50rem !important;
    display: block;
    width: 100%;
    /*height: calc(1.5em + .75rem + 2px);*/
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

#account-data tr,
#login-data tr,
#shipment-data tr{
        margin-bottom:.125rem;
}
    
#account-data .label {
  

    font-size: inherit;
    line-height: 1.5;
}


.orders:nth-child(odd) {
background: rgba(0, 0, 0, 0.02);
border-radius:.75rem;
}

.orders:nth-child(even) {
background: rgba(0, 0, 0, 0);
border-radius:.75rem;
}


#client-panel-content {
    margin-top:2rem;
}


#panelContentOrders table td {
    border-top: none;
    border-bottom: 1px solid #dee2e6;
}

#order-filter {
    width:100% !important;
}


#order-filter input {
display: block;
width: 100%;

padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}


#order-filter input:before{
    font-family: 'FontAwesome';
    color:red;
    position: relative;
    left: -5px;
    content: "\f0b0";
}

/*  #####################################@############# M. COLORS */

.bg-link {
    background-color: #FF8984 !important;
}


/*  #####################################@############# G. Sections */

section.user {
    /*border-bottom: 1px solid #738187;*/
    
}

nav.user-nav {
    box-shadow: 0 0.1rem 0.35rem hsla(195,5%,25%,0.1)!important;
    border-bottom: 1px solid #e3e7e8;
}











/*  ################################################### CHANGES FOR RESPONSIVE */
@media only screen and (min-width:1200px) {
/*bigger*/
    nav.grid a.ulotki-skladane {
        grid-column-start: 5;
        grid-column-end: 7;
        /*height: 220px;*/
    }
    nav.grid a.ulotki-skladane img, nav.grid a.ulotki-skladane svg {
        /*width: 200px;*/
    }

    nav.grid a.kalendarze-spiralowane {
        grid-row-start: 3;
        grid-row-end: 5;
    }

    nav.grid a.plakaty-xxl {
        grid-column-start: 5;
        grid-column-end: 7;
        grid-row-start: 2;
        grid-row-end: 5;
    }

    nav.grid a.banery {
        grid-column-start: 2;
        grid-column-end: 5;
    }

    nav.grid a.rollup {
        grid-row-start: 5;
        grid-row-end: 7;
    }
}



@media only screen and (min-width:1200px) {
.product a span {
    font-size:100%;
}
}


@media only screen and (max-width:992px) {
.product a span {
    font-size:90%;
}
}

@media only screen and (max-width:768px) {
.product a span {
    font-size:85%;
}

}

@media only screen and (min-width:992px) {

.col-md-6 p {
    text-align: justify;
}

}










@media (min-width: 1200px) {
.segment-0- {
    max-width:1440px;
}
}



















.editable-module-representation {
    display: none;
}





























/**/

@media only screen and (max-width:320px) {
  header, section, article, footer  {
    max-width:100%;
/*        overflow: hidden;*/
    margin: 0 auto;
  }
  
  nav.grid {
    display: grid;
    grid-template-columns: 1fr 1fr; 
    /*grid-template-rows: repeat(auto-fill, minmax(250px, 1fr));*/
    grid-gap: 1vh;
    max-width: 90%;
/*    border: 1px solid red;*/
    margin-left: auto;
    margin-right: auto;
}
  
  nav.grid a {
    border: 1px solid hsl(195, 8%, 90%);
    border-radius: 2vh;
    font-size: 0.85rem;
/*    line-height: 0.95rem;*/
    overflow: hidden;
    color: hsl(197, 8%, 49%);
    padding: 1vh;
    text-decoration: none;
    font-weight: normal;
    box-sizing: border-box;
    display: grid;
    grid-auto-rows: 15vh;
    grid-auto-columns: 15vh;
    justify-content: center;
    align-items: center;
    align-content: center;
    justify-items: center;
}

nav.grid a:hover {
    background-color: hsl(2, 100%, 76%);
    border-color: hsl(2, 100%, 76%);
    color: hsl(0, 0%, 100%);
    text-decoration: none;
}


nav.grid a img {
    align-self: center;
    justify-self: center;
    max-width: 70%;
    max-height: 70%;
}

nav.grid a span {
    position: absolute;
    bottom: 1vh;
    left: 1vh;
    z-index: 999;
}

  nav.grid a.ulotki-skladane {
/*
    grid-column-start: 5;
    grid-column-end: 7;
*/
  }

  nav.grid a.ulotki-skladane img {
    max-width: 100%;
  }

  nav.grid a.kalendarze-spiralowane {
/*
    grid-row-start: 3;
    grid-row-end: 5;
*/
  }

  nav.grid a.kalendarze-spiralowane img {
    max-width: 100%;
  }

  nav.grid a.plakaty-xxl {
/*
    grid-column-start: 5;
    grid-column-end: 7;
    grid-row-start: 2;
    grid-row-end: 5;
*/
  }
  nav.grid a.plakaty-xxl img {
    max-width: 100%;
  }

  nav.grid a.banery {
/*
    grid-column-start: 2;
    grid-column-end: 5;
*/
  }

  nav.grid a.banery img {
    max-width: 100%;
  }

  nav.grid a.rollup {
/*
    grid-row-start: 5;
    grid-row-end: 7;
*/
  }

  nav.grid a.rollup img {
    max-height: 100%;
  }
  section.user {
    padding: 20px;
/*    max-width: 1525px;*/
  }
  .input-group {
/*    max-width: 500px;*/
  }
  
  footer section.info {
    font-size: .85em;
    width: 100%;
    margin: 0 auto;
    height: 42px;
/*    display: grid;*/
/*    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;*/
/*
    grid-gap: 1em;
    align-content: center;
    justify-content: space-between;
*/
    padding-left: 10%;
    padding-right: 10%;
    background: hsl(195, 8%, 90%);
    /* text-align: center; */
}
  header > section.info {
    display:none;
  }
  div.user {
    display: block;
    min-width: 80%;
  }
  
  section.user {
  /*  height: 83px;*/
    width: 100%;
    margin: 0 auto;
    padding: 5vh;
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 3vh;
    z-index: 0;
  }
  
  article.column-2 {
    width: 95%;
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 1em;
    align-content: center;
    justify-content: space-around;
  }
  
  section.banner {
    display:none;
  }
  
  .btn-group {
    margin: auto;
  }
  
}

.btn-group, .btn-group * {
    transition: none;
}











input:-webkit-autofill {
    -webkit-text-fill-color: hsl(197, 8%, 49%) !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px hsla(197, 18%, 95%,1) inset !important;
    transition: none;
}








.segments {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
max-width:1440px;}

.border-3 {
   border-width:3px !important;
}





.cookies-info {
    background: #ff8985;
    color: #fff;
}


.list-group-item {
    border: none;
}

.order-file-list li {
    display:flex;
    flex-wrap:wrap;
}

.filePreview {
    -ms-flex-pack: center!important;
justify-content: center!important;
display: -ms-flexbox!important;
display: flex!important;
}

.fileDetails {padding-top:1rem;}

.fileDetails,
.filePreviews,
.fileStatus{
    -ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}

.fileDetails span:nth-child(3) {
    color: #f8f9fa!important;
    padding: .5rem!important;
    margin-bottom: .25rem!important;
    border-radius: 50rem!important;
    background-color: #17a2b8!important;
    display: inline-block;
padding: .25em .4em;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.order-file-list {padding:0px;}
.order-file-list li {
    list-style:none;
    padding: .5rem!important;
    border-radius: .25rem!important;
    border: 1px solid #dee2e6!important;
}

.fileStatus {
    margin-top: -2.5rem!important;
}

.fileDetails br {
    display:none;
}

.fileDetails,
.fileStatus{
    font-size:80%;
    text-align: center!important;
    -ms-flex-direction: column!important;
flex-direction: column!important;
display: -ms-flexbox!important;
display: flex!important;
}

.filePreview img {
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}



.table .thead-dark th {
    color: #fff;
    background-color: hsl(197, 8%, 89%);
    border-color: hsl(197, 8%, 29%);
    border-top: 1px solid hsl(197, 8%, 49%);
    border-bottom: 1px solid hsl(197, 8%, 69%);
    color: hsl(197, 8%, 39%);
}

table * {
    color: #728187;
}


select {
    word-wrap: normal;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    position:relative;
    width: 300px;
    overflow:visible;
}

select:before {
    content: '\f078';
    font-family: 'FontAwesome';
     /*float: right; */
     /*margin-right: -1rem; */
    right: 0;
    top: 0;
    width:50px;
    height: 50px;
    line-height: 50px;
    position:absolute;
    text-align: center;
    font-size: 20px;
}



/*----------------planeupload------------------*/
.planeupload iframe {
    /*width:100% !important;*/
    /*height:100% !important;*/
    /*position: absolute;*/
    /*display: block;*/
    border: none!important;
}
.planeupload iframe[style] {
    overflow: visible;
}

.planeupload div[data-plane-upload] {
    min-width: inherit;
    background: inherit;
    min-height: inherit;
}

.planeupload a[href="https://planeupload.com/"] {
    display:none;
}





.text-muted {
    color: #9EB2BA!important;
    letter-spacing: 0.02rem;
}

.text-primary {
    color: #FF8984!important;
}


/*data-show-text="#{Szczegóły}" data-hide-text="#{Szczegóły}"*/

span[data-show-text] {
    content: '\f078';
}

span.font-awesome {
    font-family: "FontAwesome";
}


ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #17a2b8;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #17a2b8;
    left: 20px;
    width: 20px;
    margin-top:5px;
    height: 20px;
    z-index: 400;
}