:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    
    --bs-body-bg: #ffffff;
    --bs-gray: #6c757d;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-success: #00c853;
    --bs-success-lighter: #00d057;
    --bs-info: #0076FF;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
}


:root {
    --bs-primary: #0d6efd; 
    --bs-primary-bg: #ffffff; 
    --bs-primary-text: #212529;
    --bs-secondary-bg: #eeeeee; 
    --bs-secondary-text: #212529; 
    --bs-accent: #07c152; 
    --bs-footer-bg: #ffffff; 
    --bs-footer-text: #212529; 
    
    --bs-preloader-second: #f21559; 
    --heading-prices-choose: #d63384;
    --bs-delete-lighter: #ff5e85;
    
    --bs-primary-lighter: #6AA4FF;
    --bs-primary-darker: #004CCB;
    --bs-secondary-lighter: #eeeeee;
    --bs-secondary-darker: #eee;
    --bs-primary-bg-lighter: #ffffff;
    --bs-primary-bg-darker: #f9f8fa;
    --bs-secondary-bg-lighter: #fff;
    --bs-secondary-bg-darker: #15161b;
    --bs-success-lighter: #00d057;
    --bs-accent-lighter: #00d057;
    --bs-gray: #6c757d;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-success: #00c853;
    --bs-info: #0076FF;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    
    --bs-body-color: #212529;
    --ip-btn-primary-background: #0d6efd;
    --ip-btn-primary-text: #ffffff;
    --ip-radio-primary-background: #ffffff;
    --ip-radio-primary-text: #212529;
    --ip-radio-primary-border: #0d6efd;
    --ip-radio-checked-background: #0d6efd;
    --ip-radio-checked-text: #ffffff;
    --ip-prices-chosen-background: #f9f8fa;
    --ip-prices-btn-color-text: #ffffff;
    --ip-prices-btn-secondary-background: #00d057;
    --ip-modal-primary-background: #ffffff;
    
    --ip-header-main-bg: #ffffff; 
    --ip-product-icons-text-color: #212529;
    --ip-header-menu-text-color: #6c757d;
    --ip-header-menu-text-color-active: #0d6efd;
    --ip-product-tab-list-nav-link-color: #212529;
    --ip-product-tab-list-nav-link-color-active: #0d6efd;
    --ip-btn-outlined-background: #ffffff;
    --ip-btn-outlined-text: #0d6efd;
    --ip-btn-outlined-secondary-background: #ffffff;
    --ip-btn-outlined-secondary-text: #0d6efd;
    --ip-product-icons-background-color: #ffffff;
    --ip-banner-text: #212529;
    --ip-input-text: #212529; 
    --ip-input-background: #ffffff; 
    --ip-carousel-button-color: #0d6efd;
    --ip-border-radius-boxes: 8px;
    --ip-border-radius-buttons: 50px;
    --ip-border-radius-inputs: 16px;
    --ip-box-shadow-boxes: 0 3px 24px rgba(0, 0, 0, .09);
    --page-max-width: 1200px; 
    --base-font-size: 16px; 
    --base-font-family: 'Arial', sans-serif; 
    --heading-font-family: 'Roboto', sans-serif; 
    --product-box-size: 250px; 


    
    --ip-icon-primary-1: #7f6eff;
    --ip-icon-primary-2: #7e37ff;
    --ip-icon-primary-3: #7c00ff;
    --ip-icon-primary-4: #6120de;
    --ip-icon-primary-5: #4300c4;

    --ip-icon-primary-accent: #f5a8f5;

    --ip-icon-secondary-1: #fff;
    --ip-icon-secondary-2: #f3f3f3;
    --ip-icon-secondary-3: #e9e9e9;
    --ip-icon-secondary-4: #e4e4e4;
    --ip-icon-secondary-5: #ccc;

    --ip-icon-eco-1: #f4e3d3;
    --ip-icon-eco-2: #f4e0ce;
    --ip-icon-eco-3: #dbccbd;

    --ip-icon-darkest: #3a3a3a;
}


:root {
    --bg-white: #ffffff;/* Kolor tła standardowego i wszystkich białych elementów */
    --white-colour: #ffffff;/* Kolor białych tekstów */
    --text-colour: #333333;/* Kolor głównego tekstu */
    --text-gray-colour: #78909C;/* Kolor tekstu wyszarzonego */
    --text-faded: #9fafb7;/* Kolor tekstu wytłumionego */
    --danger-colour: #c2305b;/* Kolor borderów i tekstów w alertach z błędami oraz elementów ważnych i wymagających uwagi */
    --danger-colour-hover: #ff5e85;/* Hover na elementach wymagających uwagi */
    --danger-background: #ffe5eb;/* Kolor tła alertów z błędami */
    --success-colour: #00C853;/* Kolor borderów i tekstów w alertach z sukcesem */
    --success-background: #f2fcf6;/* Kolor tła alertów z sukcesem */
    --lighter-success-colour: #defde9;/* Kolor tła w miejscach z zaznaczonymi elementami (książka adresowa - wybrany adres) */
    --link-colour: #fd0da5;/* Kolor linków */
    --link-colour-hover: #6AA4FF;/* Hover na linkach */
    --secondary-background-colour: #eeeeee;/* Kolor tła elementów pobocznych (np. szare główne tło) */
    --lighter-secondary-background-colour: #f9f8fa;/*Jaśniejsze tło elementów pobocznych (np. tło wyników preflight) */
    --main-colour: #dc1010;/* Kolor główny (Przyciski, radio, elementy użyteczne w stylu strzałek na sliderach etc.) */
    --main-colour-selected: #004CCB;/* Kolor główny po wybraniu (Active na Przyciskach, radio etc.) */
    --main-colour-hover: #6AA4FF;/* Hover na głównych elementach */
    --black-colour: #000000;/* Kolor czarnego tekstu */
    --light-border-colour: #eeeeee;/* Kolor borderów jasnych (np. checkboxów, przerw w panelach w menu etc.) */
    --gray-border-colour: #cccccc;/* Kolor borderów szarych (np. wynik preflight, szara linia za elementami.) */
    --light-gray-border-colour: #B0BEC5;/*Kolor borderów jasnoszarych (Tabelki w Custom view) */
    --gray-blue-border-colour: #CFD8DC;/* Kolor borderów szaro-niebieskich (Inputy, textarea, przyciski z białym tłem) */
    --label-colour: #6c757d;/* Kolor labeli */
    --placeholder-colour: #B0BEC5;/* Kolor placeholderów */
    --disabled-colour: #5B5B5B;/* Kolor elementów wyłączonych */
    --disabled-background: #e9ecef;/* Kolor tła elementów wyłączonych */
    --input-colour: #212529;/* Kolor tekstu inputów */
    --webkit-scrollbar-colour: #333333;/* Kolor scrollbarów */
    --webkit-scrollbar-corner: #999999;/* Kolor kącikóœ scrollbarów */
    --orange-colour: #FFA400;/* Kolor gwiazdek w opiniach etc. */
    --light-green-colour: #00c853;/* Kolor zielonych elementów (Głównie przyciski jasnozielone do zamówień) */
    --light-green-colour-hover: #8AE59F;/* Hover na zielonych przyciskach */
    --white-svg-colour: #ffffff;/* Kolor białych ikon */
    --main-svg-colour: #dc1010;/* Kolor głównych ikon */
    --warning-colour: #FFC107;/* Kolor tekstóœ warningów */
    --bs-primary:#dc1010;
    --ip-btn-outlined-text: #dc1010;
    --ip-btn-outlined-secondary-text: #dc1010;
    --ip-radio-checked-background: #dc1010;
    .radio-wrap, .radio-wrap .radio-wrap-label {
    border-color: #dc1010 !important;
}

.bTen {margin-bottom: 10px;
}

.ccs_fancy_table {
	margin: 0;
	padding: 0;
	width: 100%;
}

.ccs_fancy_table th {
    text-align: center;
    vertical-align: top;
}

.ccs_fancy_table th:first-child {
    text-align: left;
}

.ccs_fancy_table td {
    text-align: center;
}

.ccs_fancy_table td:first-child {
    text-align: left;
}

.ccs_fancy_table table {
    border-collapse: collapse;
    margin: 10px 0 15px;
    font-size: 14px;
    text-align: left;
    width: 100%;
}

.ccs_fancy_table tr:hover td {
    background-color: #c00;
    color: #fff;
}

.ccs_fancy_table tr:nth-child(odd) {
    background-color: #dbdbdb;
}

.ccs_fancy_table tr:nth-child(even) {
    background-color: #fff;
}

.ccs_fancy_table td .ccs_fancy_table th {
    vertical-align: middle;
    border: 2px solid #bebebe !important;
    text-align: left;
    padding: 7px;
    font-size: 14px;
}

.ccs_fancy_table tr:first-child:hover td {
    background-color: #c00;
}


/*KONTAKT*/
/* Kontakt - mapa - ukrycie przycisku "Wyznacz trasę" */
a.btn.ip-btn-standard.ip-btn-primary.rounded-pill.border.position-absolute.text-nowrap {
    display: none;
}

#darmowe_probki .col.p-0.radio-wrap-label:nth-of-type(2){
    display: none;
}

div#samples-info-section {
    display: none;
}

/*Potwierdzenie aktywacji konta*/
#info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 100px;
}

.svg-holding-block img, .svg-holding-block svg {
	/* filter: drop-shadow(2px 4px 6px black); */
	min-height: 20%;
	min-width: 20%;
	width: 250px;
}

.svg-holding-block img:hover, .svg-holding-block svg:hover {
	width: 280px;
	transition: ease-in-out all 250ms;
}
.caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin-bottom: 10px;
}

.svg-holding-block p {
	font-size: 0.8rem;
}
.caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin-bottom: 10px;
}

.helptitle {
    border: 0px;
    text-align: left;
    background-color: #cc0000;
    padding: 5px;
    margin-bottom: 10px;
}

p {
    font-size: 1rem;
}

.picfloatleft {
	float: left;
	padding-right: 10px;
	vertical-align: middle;
}

.prodbox {
	margin: 4px !important;
}

.product-box-single p {
	filter: opacity(0.8);
	padding: 2px 10px;
	text-shadow: 1px 1px 2px white;
}

.main-banner-img, .banner-info {
	max-width: 650px;
}

#accordion-tab_produkty {
    display: none;
}

/*Stopka*/
#footer-menu {
    width: 35%;
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-content: center !important;
    align-items: flex-start !important;
    justify-content: space-evenly;
}

@media (min-width: 1200px) {
    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%;
        margin-left: auto;
    }
}

.mx-auto.my-5.d-block {
    display: none !important;
}