body {
		font-family: "Inter", sans-serif!important;
		font-weight:400;
		color: #474340;
	}
	
	a {
		color:#0e3a2f;
		text-decoration:none;
	}
	
	.vh-100 {
		min-height:100%;
	}
	
	.font-thin {
		font-weight:100;
	}
	
	.font-extralight {
		font-weight:200;
	}
	
	.font-light {
		font-weight:300;
	}
	
	.font-medium {
		font-weight:500;
	}
	
	.font-semibold {
		font-weight:600;
	}
	
	.font-bold {
		font-weight:700;
	}
	
	.font-extrabold {
		font-weight:800;
	}
	
	.font-black {
		font-weight:900;
	}
	
	.text-xs {
		font-size:0.75rem;
	}
	
	.text-sm {
		font-size:0.875rem;
	}
	
	.text-base {
		font-size:1rem;
	}
	
	.text-lg {
		font-size:1.125rem;
	}
	
	.text-xl {
		font-size:1.25rem;
	}
	
	.text-2xl {
		font-size:1.5rem;
	}
	
	.bg-body-tertiary {
		background-color: #77faae!important;
	}
	
	.bg-gray {
		background-color: #f3f3f3!important;
	}
	
	.me-25 {
		margin-right: .6rem !important;
	}
	
	.mt-015 {
		margin-top:0.15rem!important;
	}
	
	.tooltip-inner {
		font-size:0.75rem;
	}
	
	table td, table th {
		border-left:none;
		border-right:none;
		vertical-align:middle;
		padding-top:0.35rem;
		padding-bottom:0.35rem;
	}
	
	table tr:hover td .rds-editable a.rds-edit-value span::after {
		width:14px;
		height:17px;
		content: "\f4cb";
		font-family: bootstrap-icons !important;
		font-style: normal;
		font-weight: 400 !important;
		position:absolute;
		left:-18px;
		top:0;
		color:#07261e;
	}
	
	table th a {
		text-decoration:none;
	}

	.countryflag {
		border:1px solid #c9c9c9;
		margin-right: 5px;
	}
	
	canvas {
		max-width:100%!important;
	}

	.copythis {
		cursor: pointer;
	}
	
	.product-details-photo img {
		min-width:200px!important;
		height:auto!important;
	}

	.operations-menu .dropdown-toggle::after {
		display: none;
	}
	
	#warningsandalerts-container {
		width:50%;
		position:fixed;
		bottom:0px;
		right:0px;
		z-index:1100;
		box-sizing:border-box;
	}
	
	#warningsandalerts-container .alert {
		margin-right:30px!important;
		margin-bottom:15px;
		margin-left:15px;
	}
	
	.shorten-name {
		max-width: 250px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.tab-pane {
		border: 1px solid #dee2e6;
    	border-top: none;
    	padding: 0px 20px 0px 20px;
		border-bottom-right-radius: 0.375rem;
		border-bottom-left-radius: 0.375rem;
	}
	
	.nav-link {
		color: #474340;
	}
	
	.nav-link:focus, .nav-link:hover {
		color: #191615;
	}
	
	.nav-pills .nav-link.active, .nav-pills .nav-link:hover, .nav-pills .show>.nav-link {
		color: #191615;
		background-color: #64e199;
	}
	
	.btn {
		font-weight:600;
	}

	.btn-outline-secondary2 {
		border-color:#dee2e6;
	}

	.btn-outline-secondary2:hover {
		border-color:#146c43!important;
	}

	.btn-outline-secondary2 .after {
		display:none;
	}

	.btn-check:checked+.btn {
		border-color:#146c43;
		position:relative;
	}

	.btn-check:checked+.btn .after {
		font-size:11px;
		display:block;
		position:absolute;
		right:10px;
		top:50%;
		margin-top:-8px;
		width:16px;
		height:16px;
		line-height:16px;
		text-align:center;
		color:#ffffff;
		background-color:#146c43;
		border-radius:50%;
		padding-right:1px;
	}
	
	label {
		font-weight:500!important;
	}
	
	.card {
		box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);
		-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);
		border:none;
	}
	
	.logo-main-sign-in {
		max-width:50%;
	}
	
	.loginform .form-control-sm,
	.loginform .btn,
	.importantform .form-control-sm,
	.importantform .btn	{
		padding-top:8px;
		padding-bottom:8px;
	}
	
	.dropdown-item.active, .dropdown-item:active {
		background-color: #0e3a2f;
	}
	
	.page-link {
		color:#0e3a2f;
	}
	
	.active>.page-link, .page-link.active {
		background-color: #0e3a2f;
		border-color: #0e3a2f;
	}
	
	.page-link:hover {
		color: #0e3a2f;
	}
	
	.bg-danger {
		background-color: #cc0000 !important;
	}

    .sidebar {
		width: 280px;
		min-height: 100vh;
		max-height: 100vh;
		overflow-y: auto;
		transition: width 0.3s;
		position: sticky;
		top: 0;
    }
    .sidebar.collapsed {
		width: 70px;
    }
    .sidebar.collapsed .nav-link span,
    .sidebar.collapsed .fs-5 {
		display: none !important;
    }
    .sidebar.collapsed .me-2 {
		margin-right: 0 !important;
    }
	
	.sidebar .sidebaruser a.usericon strong {
		line-height: 1.15em;
	}
	
	.sidebar .sidebaruser a.usericon strong small {
		font-weight:normal;
		font-size: .8em;
	}
	
	.sidebar ul.btn-toggle-nav.small {
		padding-left: 0rem;
		list-style-type: none;
	}
	
	.mainctabutton {
		color: #ffffff;
		background-color: #0e3a2f;
	}
	
	.mainctabutton:hover {
		color: #ffffff;
		background-color: #07261e;
	}
	
	.prod-photo-mini img {
		max-width:40px;
		max-height:40px;
		width:auto;
		height:auto;
		border-radius:4px;
	}
	
	#placeholdersList a {
		color:#000000;
	}

    @media (max-width: 991px) {
      #sidebar {
        display: none;
      }
      #sidebar.mobile-visible {
        display: flex !important;
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 1050;
        background: #343a40;
      }
    }
	
/* szybkie pola edycji */
  
td .rds-editable {
    white-space: nowrap;
}
.rds-editable {
    position: relative;
}

a {
    cursor: pointer;
}

.rds-editable .rds-edit-value:before {
    content: '\f142';
    display: block;
    line-height: 36px;
    position: absolute;
    left: 7px;
    top: 0;
    opacity: 0;
    font-family: "Font Awesome 6 Pro";
}

.rds-editable .rds-edit-value {
    white-space: nowrap;
    border: 1px solid transparent;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
	text-decoration:none;
	color:#474340;
}

.rds-editable .rds-editable-content {
    position: absolute;
    left: -12px;
    top: -14px;
    width: 186px;
    height: 60px !important;
	background-color:#ffffff;
}

.rds-editable .rds-editable-content .float-labels-blocked {
    padding-top: 0px;
}

.float-labels-blocked .buttons-group, .float-labels-blocked .form-group, .float-labels-blocked .form-group-multiple {
    padding: 0 4px 4px 8px;
    position: relative;
    margin: -6px 0 4px;
}
.inblock-group>* {
    display: inline-block;
    float: left;
}

.shadow-popup-xs {
    background: #ffffff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	padding-top: 5px;
    padding-bottom: 0px;
	box-shadow: 0px 0px 10px 6px rgba(0,0,0,0.16);
	-webkit-box-shadow: 0px 0px 10px 6px rgba(0,0,0,0.16);
	-moz-box-shadow: 0px 0px 10px 6px rgba(0,0,0,0.16);
}
	
.float-labels-blocked .form-group {
	max-width:55%;
}

.float-labels-blocked .form-group .btn-group>label:not(.btn):not(.label-static), .float-labels-blocked .form-group>label.label-static>span[title], .float-labels-blocked .form-group>label:not(.btn):not(.label-static) {
    padding: 0 4px 0 4px;
    position: relative;
    left: 3px;
    top: -1px;
    z-index: 3;
    font-size: 11px;
    white-space: nowrap;
    display: inline-block;
    margin: 0;
    background: #ffffff;
}

.float-labels-blocked .form-group .btn-group>label:not(.btn):not(.label-static):not([class*=hide-])+.btn-group, .float-labels-blocked .form-group .btn-group>label:not(.btn):not(.label-static):not([class*=hide-])+.form-control, .float-labels-blocked .form-group .btn-group>label:not(.btn):not(.label-static):not([class*=hide-])+.form-group, .float-labels-blocked .form-group>label.label-static>span[title]:not([class*=hide-])+.btn-group, .float-labels-blocked .form-group>label.label-static>span[title]:not([class*=hide-])+.form-control, .float-labels-blocked .form-group>label.label-static>span[title]:not([class*=hide-])+.form-group, .float-labels-blocked .form-group>label:not(.btn):not(.label-static):not([class*=hide-])+.btn-group, .float-labels-blocked .form-group>label:not(.btn):not(.label-static):not([class*=hide-])+.form-control, .float-labels-blocked .form-group>label:not(.btn):not(.label-static):not([class*=hide-])+.form-group {
    margin-top: -10px !important;
    clear: left;
    float: none;
}

.rds-editable .rds-editable-content .buttons-group {
    padding-top: 11px;
}
.rds-editable .buttons-group {
    display: inline-block;
    float: left;
    margin-left: -4px;
}

.float-labels-blocked .buttons-group, .float-labels-blocked .form-group, .float-labels-blocked .form-group-multiple {
    padding: 0 4px 6px;
    position: relative;
    margin: -6px 0 4px;
}

.rds-editable .buttons-group>.btn, .rds-editable .buttons-group>[class*=item-] {
    margin-right: 4px;
}

/* koniec szybkie pola edycji */

@media only screen and (max-width: 767px) {
	#warningsandalerts-container {
		width:100%;
	}
	
	.loginform .card {
		border-radius:0;
		border-right:none;
		border-left:none;
	}
	
	.loginform .card-body {
		padding-left:1rem!important;
		padding-right:1rem!important;
		border-radius:0;
	}
	
	.loginform .container {
		padding-right:0;
		padding-left:0;
	}
}

/* edycja banera */

		.banner-preview {
            position: relative;
            overflow: hidden;
        }
        
        .banner-content {
            text-align: center;
            padding: 15px;
            border-radius: 0px;
            background: #fcd402;
            color: #212528;
            position: relative;
            z-index: 2;
			font-weight: bold;
			border: 5px dashed #212528;
        }

		.banner-content a {
			text-decoration: underline;
			color: #212528;
		}

		.banner-content a.banner_btn {
			text-decoration: none;
			background-color: #212528;
			border-radius:5px;
			padding: 4px 6px;
			color: #fcd402;
		}
        
        .banner-content mark {
            color: #cc0000;
			background:none;
            padding: 0px;
        }
        
        .banner-content span {
            color: #cc0000;
			border-radius:5px;
			padding: 4px 6px;
			white-space: nowrap;
			background-color: rgba(255, 255, 255, 0.5);
        }
        
        .color-input {
            width: 25px;
            height: 25px;
            border: none;
            border-radius: 0;
            padding: 0px;
        }
        
        .form-check-input:checked {
            background-color: #007bff;
        }
        
        .slide-checkbox {
            position: relative;
            display: inline-block;
            width: 50px;
            height: 28px;
        }
        
        .slide-checkbox input {
            opacity: 0;
            width: 0;
            height: 0;
        }
        
        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            transition: .4s;
            border-radius: 28px;
        }
        
        .slider:before {
            position: absolute;
            content: "";
            height: 20px;
            width: 20px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            transition: .4s;
            border-radius: 50%;
        }
        
        input:checked + .slider {
            background-color: #146c43;
        }
        
        input:checked + .slider:before {
            transform: translateX(22px);
        }
        
        .banner-editor {
            margin-top: 15px;
            padding: 15px;
            border: 1px solid #dee2e6;
            border-radius: 8px;
            background: #f8f9fa;
        }
        
        @keyframes slideInTop {
            from { transform: translateY(-100%); }
            to { transform: translateY(0); }
        }
        
        @keyframes slideInBottom {
            from { transform: translateY(100%); }
            to { transform: translateY(0); }
        }
        
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        
        .slide-in {
            animation: slideInTop 0.5s ease-out;
        }
        
        .slide-in-bottom {
            animation: slideInBottom 0.5s ease-out;
        }
        
        .fade-in {
            animation: fadeIn 0.5s ease-out;
        }
        
        .countryholiday-item-header {
            border-top: 1px solid #dee2e6;
            border-bottom: 1px solid #dee2e6;
            padding: 5px 10px;
            margin-bottom: 0px;
        }
		
		.country-item {
            border-bottom: 1px solid #dee2e6;
            padding: 10px 10px;
            margin-bottom: 0px;
        }
        
        .holiday-item {
            border-bottom: 1px solid #dee2e6;
            padding: 10px 10px;
            margin-bottom: 0px;
        }
        
        .url-input-group {
            margin-bottom: 0px;
        }

		#bannerDetailsCard {
			padding-bottom:0;
		}

		#saveBannerButtons.sticky-save {
			position: sticky;
			right: 0;
			bottom: 0;
			z-index: 1050;
			background: #fff;
			padding: 1.5rem 0 0 0;
			border-top: 1px solid #dee2e6;
			width: 100%;
			max-width: 100vw;
			box-sizing: border-box;
		}
		.contentside {
			position: relative;
			/* If you want the sticky bar only inside .contentside, you may need to adjust this */
		}

/* koniec edycji banera */