/* 
***** kolory *****

niebieski jasny: 	#76b3f2;
niebieski ciemny: 	#1166bb;
czarny: 			#1f1c17;
===========================
fiolet ciemny: 		#1c679e;
różnowy (kompania): #2396d9;

*/
.row.no-margin {
    margin-left: 0;
    margin-right: 0;
}
.f-11 {font-size: 11px;}
.f-12 {font-size: 12px;}
.f-13 {font-size: 13px;}
.f-14 {font-size: 14px;}
.f-16 {font-size: 16px;}
.f-18 {font-size: 18px;}
.f-20 {font-size: 20px;}
.f-22 {font-size: 22px;}
.f-600 {font-weight: 600;}
.f-600-i {font-weight: 600 !important;}
.c-pink {color: #ea1e1e;}
.c-pink-2 {color: #76b3f2;}
.c-blue {color: #1c679e;}
.c-green {color: #155724;}
.m-10 {margin: 10px;}
.m-b-0 {margin-bottom: 0;}
.m-b-10 {margin-bottom: 10px;}
.m-b-15 {margin-bottom: 15px;}
.m-b-20 {margin-bottom: 20px;}
.m-b-30 {margin-bottom: 30px;}
.m-t-5 {margin-top: 5px;}
.m-t-10 {margin-top: 10px;}
.m-t-15 {margin-top: 15px;}
.m-t-20 {margin-top: 20px;}
.m-t-30 {margin-top: 30px;}
.m-r-10 {margin-right: 10px;}
.m-r-15 {margin-right: 15px;}
.m-l-10 {margin-left: 10px;}
.m-l-15 {margin-left: 15px;}
.p-xy-5 {padding: 5px;}
.p-b-5 {padding-bottom: 5px;}
.p-b-10 {padding-bottom: 10px;}
.p-b-15 {padding-bottom: 15px;}
.p-b-20 {padding-bottom: 20px;}
.p-b-30 {padding-bottom: 30px;}
.p-b-60 {padding-bottom: 60px;}
.p-t-0-i {padding-top: 0 !important;}
.p-t-10 {padding-top: 10px;}
.p-t-15 {padding-top: 15px;}
.p-t-30 {padding-top: 30px;}
.p-l-5 {padding-left: 5px;}
.p-l-15 {padding-left: 15px;}
.p-l-20 {padding-left: 20px;}
.p-l-30 {padding-left: 30px;}
.d-inl-block {
    display: inline-block;
}
.align-center {
    align-items: center;
}
.bg-gradient {
    background: #f9f9f9;
    background: -moz-linear-gradient(top, #f9f9f9 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #f9f9f9 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #f9f9f9 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=0 );
}
.bg-lightgray {background: #f9f9f9;}
.bg-transp {background: transparent;}
.border-gray {border: 1px solid #ddd;}
.border-none {border: none !important;}


/* *** Custom styles *** */

a {
    color: #1f1c17;   
}
a:hover {
    text-decoration: none;
}
a.belki1 {
    margin-left: 0;
    background: none;
    font-size: 15px;
    width: auto;
}
a.belki1:hover {
    background: none;
}
a.belki1_zaznaczone {
    background: none;
    COLOR: #2396d9 !important;
    font-size: 14px;
    width: auto;
    text-transform: uppercase;
    margin-left: 0;
}
a.belki2 {
    background: none;
    width: auto;
    padding-left: 25px;
    margin-left: 0;
    font-size: 14px;
    border-top: none;
    text-transform: capitalize;
}
a.belki2_zaznaczone {
    width: auto;
    background: none;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    margin-left: 0;
}
a.belki2_zaznaczone:hover {
    color: #76b3f2;
    text-decoration: none;
}
a.cart-link:hover {
    text-decoration: none;
}
a.menu-kategorie {
    font-size: 14px;
}
A.nazwy {
    font-size: 15px;
    color: #1c679e;
}
A.nazwy:hover {
    font-size: 15px;
    color: #3689c5;
}
A.nazwy.subnazwy {
    color: #1c679e;
    font-weight: 400;
    font-size: 13px;
}
A.nazwy.subnazwy:hover {
    color: #2396d9;
}
A.powrot {
    color: #fff;
}
A.powrot:hover{
    color: #e6f3ff;
}
A.powrot.btn-outline-primary {
    color: #1f1c17;
}
A.powrot.btn-outline-primary:hover {
    color: #fff;
}
A.sciezka {
    font-size: 15px;
    color: #fff;
}
A.sciezka:hover {
    color: #e6f3ff;
}
A.menu {
    font-size: 14px;        
}
A.menu:hover {
    COLOR: #1c679e;
}
.ac_results li {
	padding: 8px 0 8px 10px !important;
	font-size: 14px !important;
}
.ac_odd {
    background-color: #f9f9f9 !important;
}
.ac_over {
    background-color: #76b3f2 !important;
}
.addmin {
    width: auto;
    height: auto;
}
.addminA {    
    position: relative;
    top: -1px;
    width: 25px;
}
.addminA.addminA-lg {
    width: 30px;
    height: 27px;
}
.alert-niezalogowany {
    margin-top: 100px;
    font-size: 20px;
}
.b-b {
    border-bottom: 1px solid #ddd;
}
.b-t {
    border-top: 1px solid #ddd;
}
.b-l {
    border-left: 1px solid #ddd !important;
}
.b-r {
    border-right: 1px solid #ddd !important;
}
.b-l-r {
    border-left: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
}
.btn-export {
    border: 1px solid #fff;
    padding: 8px 20px;
    border-radius: 5px;
    font-size: 13px;
}
.btn-export:hover {
    color: #76b3f2;
    border-color: #76b3f2;
    background: #fff;
}
.btn-logout{    
    padding: 5px 9px;
    display: inline-block;
    position: relative;
    top: -10px;
    left: -10px;
    text-align: left;
}
.btn-logout .fa {
    color: #ccc !important;
    font-size: 34px !important;
}
.btn-low {
    padding: 5px 12px;
}
.btn-logout:hover .fa{
    color: #76b3f2 !important;
}
.btn-primary {
    background: #2396d9;
    border-color: #2396d9;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active {
    background: #1c679e;
    border-color: #1c679e;
}
.btn-outline-primary {
    color: #1c679e;
    border-color: #1c679e;
    background: #fff;
}
.btn-outline-primary.bg-transp {
    background: transparent;
    padding: 2px 10px;
}
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active {
    background: #2396d9;
    border-color: #2396d9;
}
.btn-akceptuj,
.btn-zmien,
.btn-odrzuc{
    margin: 5px;
    background: transparent;
    border: 1px solid;
    font-size: 20px;
    border-radius: 4px;
    padding: 6px 10px;
    cursor: pointer;
    color: #fff;
}
.btn-akceptuj {
    background-color: #28a745;
    border-color: #28a745;
}
.btn-zmien{
    background-color: #007bff;
    border-color: #007bff; 
}
.btn-odrzuc {
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn-akceptuj:hover {
    background-color: #218838;
    border-color: #1e7e34;
}
.btn-zmien:hover{
    background-color: #0069d9;
    border-color: #0062cc; 
}
.btn-odrzuc:hover {
    background-color: #c82333;
    border-color: #bd2130; 
}
.btn-promocje {
    background-color: #f9f9c0;
    font-weight: 700;
}
.btn-promocje:hover {
    background: #2396d9;
    color: #FFF;
}
.btn-promocje.current-main-menu-item {
    background: #1c679e;
    color: #fff;
}
.budzet_wykorzystany {
    font-size: 16px;
    color: #76b3f2;
}
.budzet-wrapper {
    border: 1px solid #ECE9D8;
    padding: 15px;
    border-top: none;
}
.calendar {
    border-color: #fff #ddd #fff #ddd;
    border-bottom: none;
}
.calendar table {
    font-size: 14px;
    cursor: pointer;
    border: none;
}
.calendar .nav {
    display: table-cell;
}
.calendar .nav,
.calendar .button {
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-left: none;
    border-right: none;
}
.calendar thead .name {
    background: #76b3f2;
    color: #fff;
    border: 1px solid #76b3f2;
    width: 40px;
}
.calendar tfoot .ttip {
    background: #76b3f2;
    color: #fff;
    border: 1px solid #76b3f2;
}
.calendar tbody .day {
    padding: 5px;
}
.calendar tbody .day.hilite {
    padding: 5px;
}
.calendar tbody td.selected {
    background: #76b3f2 !important;
    color: #fff;
    border: none;
    padding: 5px;
}
.calendar tbody td.selected.hilite {
    color: #fff;
}
.calendar table .wn {
    background: #f9f9f9;
    border-right: 1px solid #ddd !important;
}
.calendar td.name.wn {
    border: none;
    color: transparent;
}
.calendar tbody .rowhilite td {
    background: #ddd;
    border: none;
}
.calendar tbody td.hilite {
    color: #76b3f2;
    background: #f9f9f9;
}
.calendar thead .title{
    background: #f9f9f9;
    border-color: #ddd;
}
.calendar thead .day.name.hilite{
    border: 1px solid #76b3f2;
}
.calendar thead .hilite{
    border: 1px solid #ddd;
    border-left: none;
    border-right: none;
}
.current-main-menu-item {
    background: #1c679e;
    color: #fff;
}
.cartMessage {
    top: 170px;
    position: fixed;
    height: auto;
    font-size: 1rem;
    box-shadow: none;
    z-index: 9;
}
.cartMessage_promo {
    top: 250px;
    position: fixed;
    height: auto;
    font-size: 1rem;
    box-shadow: none;
    z-index: 9;;
}
.cms {
    border: 1px solid #ddd;
    padding: 25px 30px 15px 30px;
    font-size: 14px;
}
div.menunaglowek {
    color: #fff;
    background: #76b3f2;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: auto;
    padding: 12px 15px;
    height: auto;
    font-size: 15px;
    text-transform: uppercase;
}
div.menuglowne {
    border: none;
    overflow: hidden;
    margin-top: 10px;
    width: auto;
}
div.obszar {
    font-size: 14px;
}
div.sysmesG {
    width: auto;
    margin: 20px 0;
    background: #dff5d6;
}
div.tlo_tresc {
    width: auto;
}
div.foto .numer {
    background: #76b3f2;
    text-align: center;
}
div.foto .punkty {
    color: #76b3f2;
    font-style: normal;
}
div.nagrody .podpis .nazwa {
    font-size: 16px;
}
div.nagrody div.nagroda {
    border-color: #ddd;
    min-height: 500px;
    width: calc(33% - 10px);
}
div.nagrody .podpis .opis {
    font-size: 14px;
    margin-bottom: 15px;
    max-height: 160px;
    overflow: auto;
}
div.nagrody span.brak_punktow {
    color: #76b3f2;
    font-size: 14px;
}
.fa.fa-calendar {
    padding: 5px;
}
.fa-angle-down{
    transition: all .4s;
}
.footer {
    background: #175582;
    color: #fff;
}
.footer ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}
.footer h3 {
    font-size: 16px;
    font-weight: 500;
    padding-top: 20px;
    text-align: left;
    margin-bottom: 15px;

}
.footer p,
.footer li {
    font-size: 13px;
    line-height: 1.5;
    padding-left: 0;
    text-align: left;
}
.footer a {
    color: #fff;
}

.footer a:hover{
    text-decoration: underline;
}
.footer-copy {
    background: #0f3957;
    color: #fff;
    padding: 20px 0;
    font-size: 14px;
}
.footer-copy a {
    font-weight: 600;
    color: #fff;
}
.form-control:disabled, .form-control[readonly] {
    cursor: not-allowed;
}
h2.welcome {
    background: #f9f9f9;
    padding: 5px;
    text-align: center;
    margin-top: 0;
    font-weight: 400;
    font-size: 20px;
    min-height: 35px;
}
h2.welcome .color-primary {
    color: #76b3f2;
}
.iloscAM {
    border: 1px solid #ccc;
    height: auto;
    font-size: 14px;
}
.iloscAM.iloscAM-lg {
    font-size: 14px;
    padding: 4px 5px;    
    width: 40px;
}
img.product-image {
    padding: 5px;
}
input.pola,
textarea.pola {
    border-radius: 5px;
    padding: 5px 10px;
    height: auto;
}
input.ilosc {
    width: 30px;
    text-align: center;
}
#lightbox-container-image-data-box {
   box-sizing: content-box; 
}
.kat_mainbox {
    width: 100%;
    font-weight: 600;
    font-size: 15px;
    min-height: 135px;
    text-align: center;
    border-radius: 0;
    background: #fff;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-transform: capitalize;
    color: #1f1c17;
    margin-bottom: 0;
}
.kat_mainbox:hover {
    background: #fafafa;
}
.kat_mainbox .fa, .kat_mainbox .fas, .kat_mainbox .far {
    font-size: 24px;
    margin-bottom: 10px;
}
.klient_dane {
    background: #f2f2f2;
    border: 1px solid #ced4da;
    padding: 6px 12px;
    border-radius: 4px;
    min-height: 35px;
    font-size: 14px;
    margin-top: 5px;
    cursor: not-allowed;
}
.komorki {
    font-size: 14px;
}
.kontraktowe-kategorie a {
    font-size: 14px;
    color: #1c679e;
    display: block;
}
.kontraktowe-kategorie td {
    flex-basis: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.kwota {
    font-size: 14px;
}
.limity {
    font-size: 12px;
}
.login-wrapper {
    background: #fff;
    padding: 40px 40px;
    width: 500px;
    max-width: 100%;
    margin: 0 auto; 
    position: relative;
    top: calc(50vh - 350px);
    border: 1px solid #ddd;
}
.login-wrapper .forget-password {
    color: #000;
    font-size: 14px;
}
.login-wrapper h2 {
    font-size: 25px;
    font-weight: 400;
}
.login-wrapper .subtitle {
    font-size: 20px;
    font-weight: 600;
    color: #76b3f2;
    margin-bottom: 15px;
}
.main-search input[type='text']{
    border-color: #ccc;
    border-style: solid;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-right: none;
    font-size: 16px;
    padding: 8px 10px;
    width: calc(100% - 100px);
    border-width: 3px;
}
.main-search .btn-search {
    background: #1c679e;
    border-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: none;
    margin-left: -4px;
    height: 46px;
    position: absolute;
    padding: 10px 15px 10px 15px;
}
.main-search .btn-search:hover {
	background: #2396d9;
}
.main-search .fa {
    color: #fff !important;
}
.main-menu {
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 10px;   
}
.main-menu li {
    padding-left: 0;
}
.main-menu-title {
    background: #f9f9f9;
    border-color: #f9f9f9;
    padding: 5px;
    margin-bottom: 10px;
    min-height: 35px;
}
.menu_kat_glowne,
.menu_kat_sub{
    background: none;
    text-align: left;
}
.menu_kat_glowne .sf-vertical li,
.menu_kat_glowne .sf-vertical  {
   width: auto; 
   text-align: left;
}
.naglowek {
    border-color: #ddd;
}
.naglowek3 {
    background: #76b3f2;
    border-color: #76b3f2;
    color: #fff;
    font-size: 14px;
}
.nav .fa-chevron-down {
    font-size: 10px;
    position: relative;
    top: -2px;
}
.nav-link {
    padding: 15px;
    font-size: 16px;
    color: #1c679e;
    text-transform: uppercase;
    border-right: 1px solid #ddd;
}
.nav-link.active {
    color: #fff;
    background: #1c679e;
    border-color: #1c679e;
    border-radius: 4px;
}
.nav-item {
    margin-top: 0;
    flex: 1;
    padding-left: 0;
    font-weight: 600;
    position: relative;
}
.nav-item:first-child a {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.nav-item:last-child a {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: none;
}
.nav-item .submenu {
    list-style-type: none;
    color: #fff;
    position: absolute;
    background: #f9f9f9;
    width: 206px;
    margin-left: 0;
    padding-left: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    display: none;
    z-index: 2;
    left: calc(50% - 103px);
}
.nav-item .submenu li {
    padding-left: 0;
    margin-top: 0;
    transition: all .4s;
}
.nav-item .submenu li:hover {
    background: #1c679e;
}
.nav-item .submenu li:hover a {
    color: #fff;
}
.nav-item .submenu li a {
    font-size: 14px;
    padding: 7px 0;
    display: block;
    color: #1c679e;
    border-bottom: 1px solid #ddd;
    text-decoration: none;
}
.nav-item .submenu li:last-child a {
    border-bottom: none;
    margin-top: 0;
}
.obrazek_ramka {
    border: none;
    max-width: 100%;
}
.opakowanie {
    margin-top: 10px;
}
.pagination-wrapper {
    background-color: #f9f9f9;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 10px 0;
}
.paginacja1,
.paginacja2,
.paginacja3  {
    font-size: 14px;
    border: 1px solid #1c679e;
    padding: 5px;
    min-width: 35px;
    display: inline-block;
    border-radius: 4px;
    color: #1c679e !important;
    text-align: center;
}
.paginacja1:hover,
.paginacja2:hover,
.paginacja3:hover {
    color: #fff !important;
    background: #1c679e;
    text-decoration: none !important;
    border-color: #1c679e;
}
.paginacja2 {
    border-color: #1c679e;
    font-weight: 600;
    background: #1c679e;
    color: #fff !important;
}
.password-remind-wrapper {
    width: 600px;
    margin: 100px auto;
}
.pole_cena {
    border: none;
    background: none;
    text-align: left;
}
.pole_towar {
    border: none;
    background: none;
}
.pole_towar .towar-nazwa {
    font-size: 16px;
    color: #1c679e;
}
.podpis ::-webkit-scrollbar {
    width: 2px;
}
.podpis ::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
.podpis ::-webkit-scrollbar-thumb {
    background: #76b3f2; 
}
.podpis ::-webkit-scrollbar-thumb:hover {
    background: #76b3f2; 
}
.promocje_szczegoly,
.promocje_szczegoly a {
    color: #1c679e;
    font-size: 14px;
    text-align: center;
    margin-left: 10px;
}
.promocje_szczegoly a {
    text-decoration: underline;
}
.promocja_koszyk {
    color: #76b3f2;
}
.przyciski {
    background: #fff;
    border: 1px solid #76b3f2;
    color: #76b3f2;
}
.przyciski:hover {
    background: #76b3f2;
    border: 1px solid #76b3f2;
}
#przycisk_cal1 input,
#przycisk_cal2 input {
    border-radius: 4px;
    border: 1px solid #ddd;
    padding: 5px 0;
}
.rotate {
    transform: rotate(-180deg);
}
select.select-rounded,
.user_sel,
#accept,
#k_zarz{
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 3px 5px 4px 5px;
}
.suppliers {
    background: #f9f9f9;
    border-top: 1px solid #ddd;
    padding-top: 15px;
}
.searchbar-wrapper {
    display: flex;
    justify-content: center;
}
.searchbar-wrapper .fa{
    position: relative;
    top: 3px;
}
.social-icons .fa {
    padding: 0 5px;
}
.sortbar-wrapper {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.sortbar-wrapper a.menu{
    text-decoration: underline;
}
.sortbar-wrapper a.menu:hover {
    text-decoration: underline;
}
span.cena_net {
    color: #1c679e;
    font-size: 30px;
}
div.cena_net_old {
    color: #76b3f2;
    font-size: 18px;
    font-weight: 400;
    text-decoration: line-through;
    font-family: "Arial","Georgia";
}
span.icon-kontraktowy-1,
span.icon-kontraktowy-3{
    display: inline-block;
    color: #fff;    
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.4;
}
span.icon-kontraktowy-1.icon-sm,
span.icon-kontraktowy-3.icon-sm{
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 19px;
}
span.icon-kontraktowy-1{
    background: #76b3f2;
}
span.icon-kontraktowy-3{
    background: #1c679e;
}
.slim-menu {
    margin-top: 10px;
}
.slim-menu .nav-link {
    padding: 7px 15px;
    font-size: 14px;
}
.slim-menu .nav-item .submenu li a{
    padding: 10px 0;
}
.status {
    line-height: 1.3;
    font-weight: 600;
}
.siema {
    filter: opacity(0.7);
}
.siema img {
    max-width: 100%;
    width: 220px;
    padding: 20px;
}
.siema > div {
	/* min-height: 200px; */
}
.siema-wrapper button {    
    cursor: pointer; 
    outline: none !important; 
}
.siema-wrapper button.prev,
.siema-wrapper button.next {
    position: absolute;
    top: 0%;
    background: transparent;
    border: none;
    height: 100%;
    width: 100px;  
}
.siema-wrapper button.prev{
    left: 0;
    text-align: left;
}
.siema-wrapper button.next{    
    right: 0;
    text-align: right;
}
.siema-wrapper i.fa-circle{
    position: relative;
    bottom: 50px;
    color: #ddd;
    margin: 0 3px;
    cursor: pointer; 
}

#slides {
    position: relative;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    min-height: 350px;
}

.slide {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;

    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}

.showing {
    opacity: 1;
    z-index: 2;
}

.slide {
    font-size: 40px;
    /*padding: 40px;*/
    box-sizing: border-box;
    background: #fff;
    color: #fff;
    text-align: left;
}
#stage {
    margin: 1em auto;
    width: 100%;
    min-height: 380px;
}
#stage a {
    position: absolute;
    left: 0;
    right: 0;
}
#stage a img {
    padding: 10px;
    border: 1px solid #ccc;
    background: #fff;
}
#stage img {
    max-height: 800px;
    width: auto;
}
#stage a:nth-of-type(1) {
    animation-name: fader;
    animation-delay: 10s;
    animation-duration: 2s;
    z-index: 20;
}
#stage a:nth-of-type(2) {
    z-index: 10;
}
#stage a:nth-of-type(n+3) {
    display: none;
}
#stage-wrapper #previous,
#stage-wrapper #next {
    position: absolute;
    bottom: 0; 
    z-index: 30;
    top: 0;
    height: 100%;
    background: transparent;
    border: none;
    cursor: pointer;
    outline: none !important;
    display: none;
}
#stage-wrapper #previous {
    left: 0;
}
#stage-wrapper #next{
    right: 0;
}
#stage-wrapper i.fa-circle {
    position: relative;
    z-index: 9;
    color: #ddd;
    margin: 0 3px;    
    bottom: 20px;
    font-size: 10px;
    cursor: pointer;
}
@keyframes fader {
    from { opacity: 1.0; }
    to   { opacity: 0.0; }
}
.table-menu-kategorie {
    border: 1px solid #ddd;
    border-top: none;
}
.table-oferta-katalogowa {
    font-family: 'Roboto', sans-serif;
    border: 1px solid #ddd;
    max-width: 100%;
    border-spacing: 0;
    display: block;    
}
.table-oferta-katalogowa tbody {
    display: block;
    width: 100%;
}
.table-oferta-katalogowa tr {
    display: block;
}
.table-oferta-katalogowa tr:nth-child(even),
.tabela-szczegoly tr.row-szczegoly:nth-child(even),
.tabela-kontrakty tr.row-szczegoly:nth-child(odd),
.menuglowne table tr:nth-child(even){
    background: #f9f9f9;
}
table.tabela_kat {
    width: 100%;
    border: none;
}
table.tabela_kat td {
    padding: 5px 5px 3px 5px;
}
table.tabela_kat td:nth-child(1){
    padding-left: 0px;
}
table.tabela_kat td:nth-child(5){
    padding-right: 0px;
}
.tabela-inny-adres-dostawy input{
    border-radius: 4px;
    border: 1px solid #ced4da;
    width: 100%;
    min-height: 35px;
    margin-top: 5px;
}
.table-dane-konta .form-control{
    margin-top: 6px;
}
table.kontraktowe-kategorie {
    background: #f9f9f9;
}
.tekst {
    font-weight: 400;
    font-size: 14px;
    font-family: inherit;
    padding-left: 30px;
    padding-right: 30px;
}
td.top_lista {
    background: #f9f9f9;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 11px;
}
td.grup_zam2 {
    background: #f9f9f9;
    font-size: 12px;
}
.tytul {
    background: #1c679e;
    height: auto;
    border: none;
    margin-top: 10px;
    margin-bottom: 0;
    color: #fff;
    border-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 8px 0;
    font-size: 15px;
    letter-spacing: 1px;
    text-align: center;
}
.tytul a {
    color: #fff;
}
.tytul b {
    font-weight: 600;
    letter-spacing: 1px;
}
.tytul2 {
    background: #1c679e;
    border: none;
    font-size: 14px;
    height: auto;
    padding: 8px 15px !important;
    border-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;   
    text-align: left;  
    COLOR: #fff;
    font-weight: 600;
}
.tiles-wrapper .tile span{
    color: #1c679e;
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    display: block;
}
.tile {
    border: 1px solid #ddd;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
}
a.tile:nth-child(3) {   
    margin-right: 0px;    
}
.tile:hover {
    background: #f9f9f9;
}
.tile:nth-child(5) {
    margin-right: 0;
}
.tile img {
    margin-bottom: 15px;
    max-width: 60px;
}
.tile .fa, .tile .fas {
    font-size: 30px;    
    color: #fff;
    padding: 15px;
    border-radius: 50%;
    margin-bottom: 10px;
    background: #ddd;
    width: 60px;
    height: 60px;
    transition: all .4s;
}
.tile:hover .fa, .tile:hover .fas {
    background: #76b3f2;
}
.tile .fa.highlight, .tile .fas.highlight {
    background: #76b3f2;
}
.tile .fa.pulse, .tile .fas.pulse {
    -webkit-animation: pulse 1.5s ease infinite;
    animation: pulse 1.5s ease infinite;
}
@-webkit-keyframes pulse {
    0%, 100% {background-color: #ddd;}
    50% {background-color: #76b3f2;}
}
@keyframes pulse {
    0%, 100% {background-color: #ddd;}
    50% {background-color: #76b3f2;}
}
.topbar {
    border-bottom: 1px solid #ccc;
    background: #fff;
}
.topbar .fa-phone,
.topbar .fa-envelope{
    color: #1c679e;
    font-size: 22px;
    margin-right: 8px;
}
.topbar-links a {
    font-size: 12px;
}
.topbar-links .fa{
    color: #ccc;
    font-size: 16px;
}
.topbar-cart {
    position: relative;
    top: -10px;
}
.topbar-cart-number {
    background: #76b3f2;
    border-radius: 50%;
    color: #fff;
    padding: 4px;
    position: absolute;
    top: 1px;
    left: 16px;
    width: 28px;
    height: 28px;
    text-align: center;
}
.topbar-cart-cost {
    font-size: 20px;
    font-weight: 600;
    color: #76b3f2;
}
.tresc_promocji {
    color: #d21d30;
    font-size: 14px;
}
td.grup_zam {
    background: #fff;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    font-weight: 400;
}
td.grup_zam a:not(.btn) {
    text-decoration: underline;
}
td.naglowek {
    font-size: 12px;
    padding: 5px 0;
    background-color: #f9f9f9;
}
tr.row-szczegoly > td {
    padding: 5px;
}
tr > td.tekst:nth-child(2){
    padding-left: 0;
}

.tabela_kat .ulubione,
.tabela_kat .ulubione_usun:hover {
    font-size: 16px;
    top: 1px;
}
.tabela_kat .ulubione:hover,
.tabela_kat .ulubione_usun {
    font-size: 16px;
    top: 1px;
}

.ulubione,
.ulubione_usun:hover {
    background: none;
    font-size: 20px;
    color: #1c679e;
    width: auto;
    height: auto;
    position: relative;
    top: 5px;
}
.ulubione:hover,
.ulubione_usun {
    background: none;
    font-size: 20px;
    color: gold;
    width: auto;
    height: auto;
    position: relative;
    top: 5px;
}
.ui-widget-header{
    background: #1c679e !important; 
}
.ui-widget.ui-state-default {
    color: #1f1c17;
    height: auto;
    font-size: 14px;
    padding-left: 10px;
}
.ui-state-default,
.ui-widget-content .ui-state-default {
    background: #f9f9f9 !important;
}
.ui-multiselect.ui-state-default {
    background: #fff !important;
}
.ui-state-active,
.ui-widget-content .ui-state-active {
    background: #fff !important;
    font-weight: 600 !important;
}
.ui-widget-content {
    background: #fff !important;
}
ul.nav {
    background: #f9f9f9;
    margin-left: 0;
}
.zmien-haslo-wrapper {
    border: 1px solid #ddd;
    border-top: none;
}
.zmien-haslo-wrapper .form-group {
    width: 400px;
    max-width: 100%;
    margin: 10px auto;
}

.opis p{
   margin-top: 10px;
}

.cms LI {
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1.2;
}

.parametry_tech {
    margin-top: 5px;
    margin-bottom: 15px;
    height: 20px;
    font-weight: 600;
    text-align: left;
    padding-left: 3px;
    font-size: 16px;
    color: #155C98;
}

#opis p{
    margin-top: 10px;
}

#opis .f-14 br{
    margin: 10px;
}
.bg-pale {background-color: #fbe9e9;}
.bg-promo {background-color: #f9f9c0;}
.card-promo {
    border-radius: 0;
    border: none;
}
.card-promo .card-header {
	padding-top: 5px;
	padding-bottom: 5px;
}
.card-promo .card-text {
    font-size: 14px;
    color: #28a745;
    font-weight: 600;
}
.card-promo .card-body {
    background: #fff;
    border: 1px solid #c1f0cd;
}
.card-promo-spacer {
    display: block;
    margin-top: 10px;
}
.promo_kosz {
    padding-top: 15px; 
    float: right;
}
.promocje_szczegoly {
    margin-left: 0;
    padding: 15px;
}

.tiles-wrapper .col.tile div {
    max-width: 100%;
}

#przycisk_cal1 input,
#przycisk_cal2 input {
    max-width: calc(100% - 30px);
}
.main-search input[type='text'] {
	min-height: 46px;
}
.tabela-ie11 td {
    width: 20%;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
    .tabela-ie11 {
        display: block;
    }
    .tabela-ie11 tbody {
        display: block;
    }
    .tabela-ie11 tr {
        display: block;
    }
    .tabela-ie11 td {
        display: inline-block;
        width: 19.5%; 
    }
    .tabela-ie11 .kat_mainbox span{
        max-width: 100%;
    } 
}
#s_banery, #slider, .banery_lewa {
    width: 100%
}
#nav_banery {
	left: calc(50% - 30px);
}
.topbar input.pola {
	width: 100%;
	margin: 5px 0px;
}
.login-links-wrapper {
	margin: 5px 0;
	text-align: left;
}
.login-links-wrapper a {
    font-size: 11px;
    color: #1f1c17;    
}
.buttonm  {
	margin: 5px 0;
	background: #1c679e;
	padding: 7px 30px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   .d-flex {
   	display: block !important;
   } 
}
.table-rejestracja tr > td {
	padding-left: 30px;
	font-size: 14px;
	width: 50%;
}
.table-rejestracja tr > td:last-child {
	padding-right: 30px;
}
.table-rejestracja .pola_kontakt,
.forgot-password-container table input {
    border: 1px solid #ced4da;
    padding: 6px 12px;
    border-radius: 4px;
    min-height: 35px;
    font-size: 14px;
    margin-top: 5px;
}
.forgot-password-container {
	max-width: 600px;
    margin: 100px auto;
}
.forgot-password-container table {
	border: 1px solid #ced4da;
	margin-top: 0;
    border-top: 0;
    display: block;
    padding-bottom: 20px;    
}
.cover-page {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #f9f9f9;
    background: -moz-linear-gradient(top, #f9f9f9 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #f9f9f9 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #f9f9f9 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=0 );
    min-height: 100vh;	
}
.skiptranslate.goog-te-gadget {
	border: 1px solid #76b3f2;
    height: 38px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 5px;
}
.goog-te-gadget-simple {
	border: none !important;
	padding-top: 7px;
    padding-bottom: 7px;
}
.main-menu .btn-outline-primary {
	border-color: #1f1c17;
    color: #1f1c17;
}
.main-menu .btn-outline-primary:hover {
	border-color: #2396d9;
    color: #fff;
}
.main-menu .btn-outline-primary.current-main-menu-item {
	color: #fff;
	border-color: #1c679e;
}
@supports (-ms-ime-align:auto) {
    .d-flex {
        display: block !important;
    }
}
.login-links-wrapper span {
	display: block;
}
.login-links-wrapper .fa {
	margin-right: 4px;
	font-size: 14px;
}
.mainpage1 {
	border: 1px solid #ddd;	
}
.container {
	min-width: 1140px;
}
.komunikat-wrapper {
	border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
div.komunikat {
	margin: 0 30px;
	width: auto;
}
.bg-main {
	background: #1c679e;
}
#mycarousel {
    list-style-type: none;
    padding-left: 0;
}
#mycarousel li {
    display: inline-block;
    padding-left: 0;
}
.obrazek_ramka2:hover {
    filter: opacity(.5);
}
button.prev,
button.next {
    background: transparent;
    border: none;
    font-size: 24px;
    color: #1c679e;
    outline: none;
    cursor: pointer;
}
a.podobne_nazwa{
	font-size: 12px;	
}

a.podobne_nazwa span{
	padding: 0px 5px;
}

.prod_powiazane_naglowek{
	color: #444; 
	font-weight:400; 
	font-size: 18px; 
	text-transform: uppercase; 
	margin-bottom: 30px; 
	padding-left: 30px; 
	margin-top: 35px;
}

img.prod_podobne_img{
	max-width: 100%;
	height: 160px;
	margin-bottom: 17px;
}