/* CSS Document */
.fz-11{font-size: 0.688rem;}
.fz-13{font-size: 0.813rem;}
.fz-14{font-size: 0.875rem;}
.fz-16{font-size: 1rem;}
.fz-20{font-size: 1.25rem;}
.fz-24{font-size: 1.5rem;}
.fz-28{font-size: 1.75rem;}
.fz-32{font-size: 2rem;}
.fz-36{font-size: 2.25rem;}
.fz-42{font-size: 2.625rem;}
.ls-tighter{letter-spacing: -0.05em;}
.ls-tight{letter-spacing: -0.025em;}
.ls-normal{letter-spacing: 0em;}
.ls-wide{letter-spacing: 0.025em;}
.ls-wider{letter-spacing: 0.05em;}
.ls-widest{letter-spacing: 0.1em;}
.border-gray-100{border-color:#f8f9fa;}
.border-gray-200{border-color:#e9ecef;}
.border-gray-300{border-color:#dee2e6;}
.border-gray-400{border-color:#ced4da;}
.border-gray-500{border-color:#adb5bd;}
.border-gray-600{border-color:#6c757d;}
.border-gray-700{border-color:#495057;}
.border-gray-800{border-color:#343a40;}
.border-gray-900{border-color:#212529;}
button:disabled,
button.btn-disabled,
button.disabled,
i.disabled,
a.btn:disabled,
a.btn-disabled,
a.btn.disabled,
input:disabled,
input.disabled{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
	cursor:pointer;
}
div.disabled{
	filter:alpha(opacity=25);
	-moz-opacity:0.25;
	opacity: 0.25;
	cursor:pointer;	
}

.card-show-on-over .card-img-overlay{
	visibility:hidden;
	opacity:0;
}
.card-show-on-over:hover .card-img-overlay{
    visibility: visible;
    opacity: 10;
    transition: opacity 0.25s ease;
}
.card-img-overlay { pointer-events: none;}

.ls-minus-5p{letter-spacing:-0.05em;}
.ls-minus-10p{letter-spacing:-0.1em;}
.ls-minus-20p{letter-spacing:-0.2em;}
.ls-minus-25p{letter-spacing:-0.25em;}

.form-control.ph-ls-minus-5p::placeholder{letter-spacing:-0.05em;}
.form-control.ph-ls-minus-10p::placeholder{letter-spacing:-0.1em;}
.form-control.ph-ls-minus-20p::placeholder{letter-spacing:-0.2em;}
.form-control.ph-ls-minus-25p::placeholder{letter-spacing:-0.25em;}

.form-control.ph-10px::placeholder{font-size:10px;}
.form-control.ph-11px::placeholder{font-size:11px;}
.form-control.ph-12px::placeholder{font-size:12px;}
.form-control.ph-13px::placeholder{font-size:13px;}
.form-control.ph-14px::placeholder{font-size:14px;}

.btn-lg.btn-social{
	white-space:normal;
}
.btn-xs {
	font-size: 0.688rem;
	font-weight: 500;
	padding: 0.375rem 0.875rem;
	line-height: 1.1;
}
.btn-xs.bordered {
	padding: 0.375rem 0.813rem !important;
}
.btn-xs.rounded-circle {
	padding: 0;
	min-width: 1.25rem;
	height: 1.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.813rem;
}
.form-control.form-control-sm{
	height:inherit;
	font-size:.875rem;
}
.custom-select.custom-select-sm{
	height:inherit;
	font-size:.875rem;
}
.has-float-label .form-control.form-control-sm:placeholder-shown:not(:focus) + *,
.has-float-label-sm .form-control:placeholder-shown:not(:focus) + * {
  top: 9px;
  font-size: 14px;
}
.has-float-label>label{
	white-space:nowrap;
}
.has-float-label{
/*	overflow:hidden;	*/
}
.has-float-label .multiselect-container>li>a>label {
	padding:3px 3px 3px 3px;
	font-size:smaller;
}
/*
.has-float-label .form-control.form-control-sm~label,
.has-float-label .custom-select.custom-select-sm~label{
	font-size:75%;
}
.has-float-label .form-control:placeholder-shown:not(:focus)+*{
  top: 9px;
  font-size: 14px;
}
*/
.has-float-label>label,
.has-float-label>span{
	font-size:80%;
	left:0.5em;
}
.has-float-label .form-control:placeholder-shown:not(:focus)+*{
	font-size:120%;
	top:0.6em;
}
.has-float-label .form-control:placeholder-shown:focus{
	font-size:90%;
	line-height:1.6667;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity: 0.75;
	top:0.6em;
}
select.custom-select option:disabled{
	color:#d0d0d0;
}
.fbrk-shopping-cart{
	display:inline-block;
	position:relative;
}
.fbrk-shopping-cart .content-counter{
	position:absolute;
	display:block;
	line-height:12px;
	height:16px;
	width:16px;
	right:-6px; bottom:5px;
	font-size:11px;
	color:#ffffff;
	background-color:rgba(231,138,46,.9);
	text-align:center;
	padding:1px;
	border-radius:8px;
	border:1px solid #ffffff;
	margin:0;
	letter-spacing:0;
}
.navbar .navbar-collapse .nav > li > a:not(.btn) .fbrk-shopping-cart {
	order:2;
	margin-left:auto;
	margin-right:0;
}
.fbrk-zoom {      
	-webkit-transition: all 0.15s ease-in-out;    
	-moz-transition: all 0.15s ease-in-out;    
	transition: all 0.15s ease-in-out;     
	cursor: -webkit-zoom-in;      
	cursor: -moz-zoom-in;      
	cursor: zoom-in;  
}    
.fbrk-zoom:hover,  
.fbrk-zoom:active,   
.fbrk-zoom:focus {
	/**adjust scale to desired size, 
	add browser prefixes**/
	-ms-transform: scale(3);    
	-moz-transform: scale(3);  
	-webkit-transform: scale(3);  
	-o-transform: scale(3);  
	transform: scale(3);    
	position:relative;      
	z-index:100;  
}
.fbrk-bs-tabs .tab-content{
}
.fbrk-bs-tabs .tab-content .tab-pane{
	border:1px solid #eeeeee;
	border-top:none;
	background-color:white;
	padding:5px 10px;
}
.basket-list .description small{
	line-height:1.1;
	display:block;
}
.ui-dialog.modal-content .ui-helper-clearfix:before,
.ui-dialog.modal-content .ui-helper-clearfix:after{
	display:none;
}
.ui-widget input.form-control,
.ui-widget select.form-control,
.ui-widget select.form-control,
.ui-widget textarea.form-control,
.ui-widget button.form-control,
.ui-widget div.form-control{
	font-size:1rem;
}
.nav-tabs .nav-link.active{
	z-index:1;
}
.user-box .dropdown-menu svg {
  vertical-align: middle;
  margin-right: 10px;
}
.navbar-nav .nav-link svg,
.navbar-nav .nav-link i {
  margin-right: 3px;
}
.wrapper:not(.toggled) .sidebar-wrapper .menu-0-label > a{
	padding-left:0;
	padding-right:0;
}
.wrapper:not(.toggled) .toggle-icon .closed{
	display:none;
}
.wrapper.toggled .toggle-icon .opened{
	display:none;
}
.my-n1{
	margin-top: -0.25rem !important;
	margin-bottom: -0.25rem !important;
}
.switcher-wrapper{
	z-index:1031;
}
.logo-text{
	color:#5f5f5f;
}
body.fbrk-demo.rikkancs-webshop{
	padding-top:50px;
}
body.fbrk-demo .fbrk-demo-move.fixed-top,
body.fbrk-demo .fbrk-demo-move.sidebar-wrapper,
body.fbrk-demo .fbrk-demo-move.sidebar-header,
body.fbrk-demo .fbrk-demo-move.topbar,
body.fbrk-demo .olvaso-header,
xxxx{
	top:50px;
}
body.fbrk-demo .fbrk-demo-move.sidebar-wrapper{
	height:calc(100% - 50px);
}
body.fbrk-demo .page-wrapper{
	margin-top:110px;
}
body.fbrk-demo .fbrk-textpage{
	margin-top:calc(3rem + 50px)!important;
}
.fbrk-demo-bar{
	height:50px;
}
.fbrk-big5 .card{
	border-radius:12px;
}
.fbrk-big5 .card .card-footer{
	border-radius:12px;
}
.fbrk-big5 .card .title{
	margin-bottom:10px;
}
.fbrk-big5 .card .title .icon{
	border-radius: 80px;
	display: inline-block;
	padding-top:12px;
	line-height: 48px;
	font-size:40px;
	height: 64px;
	width: 64px;
}
.fbrk-big5 .card .title h5{
	padding-top:0;
	vertical-align:top;
	padding-top:20px;
}
.fbrk-demo-bar{
	background-color:#141A3A;
	padding:4px 0;
}
.fbrk-demo-bar .btn{
	border-radius:20px;
}
.fbrk-demo-bar .btn i{
	font-size:1.1rem;
	margin:0;
}
.fbrk-publisher-level-badge{
	font-size:11px;
	color:white;
	font-weight:normal;
	margin-right:-7px;
}
div.user-img{
	padding:3px;
	line-height:36px;
	font-size:24px;
	text-align:center;
	color:white;
}
.btn-check:checked+.btn-secondary, .btn-secondary:checked {
	box-shadow: 0 0 0 0.25rem rgb(130 138 145 / 50%);
}
.sidebar-wrapper .metismenu a .parent-icon{
	background-color:#e0e0e0;
	width:36px;
	min-width:36px;
	height:36px;
	text-align:center;
	line-height:36px;
	border-radius:18px;
	color:#5f5f5f;
	font-size:22px;
	margin-top:-6px;
	margin-bottom:-6px;
}
.sidebar-wrapper .metismenu a.fbrk-big5-crm .parent-icon{
	background-color:#86e3ce;
}
.sidebar-wrapper .metismenu a.fbrk-big5-cms .parent-icon{
	background-color:#d0e6a5;
}
.sidebar-wrapper .metismenu a.fbrk-big5-autosales .parent-icon{
	background-color:#ffdd94;
}
.sidebar-wrapper .metismenu a.fbrk-big5-webshop .parent-icon{
	background-color:#ccabd8;
}
.sidebar-wrapper .metismenu a.fbrk-big5-reader .parent-icon{
	background-color:#f9887d;
}
tr.fbrk-big5-crm td:first-child{
	border-left:5px solid #86e3ce;
}
tr.fbrk-big5-cms td:first-child{
	border-left:5px solid #d0e6a5;
}
tr.fbrk-big5-autosales td:first-child{
	border-left:5px solid #ffdd94;
}
tr.fbrk-big5-webshop td:first-child{
	border-left:5px solid #ccabd8;
}
tr.fbrk-big5-reader td:first-child{
	border-left:5px solid #f9887d;
}
.SQLQueryDiv {
	display:none;
	background-color:white;
	border:2px solid #808080;
	position:absolute;
	z-index:1000;
}
.SQLQuerySpan {
	background-color:white;
	border:2px solid #808080;
	display:block;
	clear:both;
}
.SQLQueryDivInline .SQLQueryDiv{
	display:block;
	position:relative;
}
.checkout__gift-list--item__contact .checkout__payment-method--item {
	padding-bottom: 3px;
}
.checkout__gift-list--item__contact .checkout__payment-method--item + .checkout__payment-method--item{
	padding-top: 3px;	
}
.checkout__summary-list--item.mx-2{
	margin-top: -5px!important;
}
.checkout__summary-list--item:not(.mx-2) {
    margin-bottom: 5px !important;
}
.metismenu .fbrk-mm-denied{
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity: 0.4;
}
#navbar .dropdown-item.active,
#navbar .dropdown-item:active{
	background-color:inherit;
	color:var(--primary-hover);
}
.fbrk-input-changed{
	border:1px solid black;
}
.fbrk-input-changed+label{
	color:var(--bs-primary);
	background-color:rgba(255,255,255,.95);
}
.fbrk-input-nospin{
    -moz-appearance: textfield;
}
.fbrk-input-nospin::-webkit-outer-spin-button,
.fbrk-input-nospin::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.navbar .dropdown-list{
-webkit-box-shadow: 0px 2px 4px 0px rgba(73,73,73,0.3);
box-shadow: 0px 2px 4px 0px rgba(73,73,73,0.3);
}
/* fontawesome */
.fa-stack.small{
	font-size:0.5em;
}
.fa-google-color {
	background: conic-gradient(from -45deg, #ea4335 110deg, #4285f4 90deg 180deg, #34a853 180deg 270deg, #fbbc05 270deg) 73% 55%/150% 150% no-repeat;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}
.fbrk-message-modal .btn-close{
	background:none;
}
.fbrk-png-shadow{
	-webkit-filter: drop-shadow(1px 1px 5px #888);
	filter: drop-shadow(1px 1px 5px #888);
}
.avatar {
    position: relative;
    width: 2.375rem;
    height: 2.375rem;
    cursor: pointer
}
.avatar img {
    width: 100%;
    height: 100%
}
.avatar .avatar-initial {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #8592a3;
    font-weight: 500
}
.avatar.avatar-online:after,.avatar.avatar-offline:after,.avatar.avatar-away:after,.avatar.avatar-busy:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 3px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    box-shadow: 0 0 0 2px #fff
}
.avatar.avatar-online:after {
    background-color: #71dd37
}
.avatar.avatar-offline:after {
    background-color: #8592a3
}
.avatar.avatar-away:after {
    background-color: #ffab00
}
.avatar.avatar-busy:after {
    background-color: #ff3e1d
}
.pull-up {
    transition: all .25s ease
}
.pull-up:hover {
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 .25rem 1rem rgba(161,172,184,.45);
    z-index: 30;
    border-radius: 50%
}
.avatar-xs {
    width: 1.625rem;
    height: 1.625rem
}
.avatar-xs .avatar-initial {
    font-size: .625rem
}
.avatar-xs.avatar-online:after,.avatar-xs.avatar-offline:after,.avatar-xs.avatar-away:after,.avatar-xs.avatar-busy:after {
    width: .325rem;
    height: .325rem;
    right: 1px
}
.avatar-sm {
    width: 2rem;
    height: 2rem
}
.avatar-sm .avatar-initial {
    font-size: .75rem
}
.avatar-sm.avatar-online:after,.avatar-sm.avatar-offline:after,.avatar-sm.avatar-away:after,.avatar-sm.avatar-busy:after {
    width: .4rem;
    height: .4rem;
    right: 2px
}
.avatar-md {
    width: 3rem;
    height: 3rem
}
.avatar-md .avatar-initial {
    font-size: 1.125rem
}
.avatar-md.avatar-online:after,.avatar-md.avatar-offline:after,.avatar-md.avatar-away:after,.avatar-md.avatar-busy:after {
    width: .6rem;
    height: .6rem;
    right: 4px
}
.avatar-lg {
    width: 4rem;
    height: 4rem
}
.avatar-lg .avatar-initial {
    font-size: 1.5rem
}
.avatar-lg.avatar-online:after,.avatar-lg.avatar-offline:after,.avatar-lg.avatar-away:after,.avatar-lg.avatar-busy:after {
    width: .8rem;
    height: .8rem;
    right: 5px
}
.avatar-xl {
    width: 4.5rem;
    height: 4.5rem
}
.avatar-xl .avatar-initial {
    font-size: 1.875rem
}
.avatar-xl.avatar-online:after,.avatar-xl.avatar-offline:after,.avatar-xl.avatar-away:after,.avatar-xl.avatar-busy:after {
    width: .9rem;
    height: .9rem;
    right: 6px
}
.avatar-110x110 {
    width: 110px;
    height: 110px;
}
.avatar-110x110 .avatar-initial {
    font-size: 2.875rem
}
.avatar-group .avatar {
    transition: all .25s ease
}
.avatar-group .avatar img,.avatar-group .avatar .avatar-initial {
    border: 2px solid #fff
}
.avatar-group .avatar .avatar-initial {
    background-color: #9da8b5
}
.avatar-group .avatar:hover {
    z-index: 30;
    transition: all .25s ease
}
.avatar-group .avatar {
    margin-left: -0.8rem
}
.avatar-group .avatar:first-child {
    margin-left: 0
}
.avatar-group .avatar-xs {
    margin-left: -0.65rem
}
.avatar-group .avatar-sm {
    margin-left: -0.75rem
}
.avatar-group .avatar-md {
    margin-left: -0.9rem
}
.avatar-group .avatar-lg {
    margin-left: -1.5rem
}
.avatar-group .avatar-xl {
    margin-left: -1.75rem
}
#pOverlay {
	position: fixed; 
	display: none;
	width: 100%;
	height: 100%;
	top: 0; 
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 20000;
	cursor: pointer;
	box-sizing:border-box;
	padding:10px;
}
#pOverlay a{
	position:absolute;
	right:10px;
	top:10px;
	font-size:40px;
	color:white;
	z-index:20001;
}
#pOverlay table {
	height:100%;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}
#pOverlay td {
	vertical-align: middle;
	text-align: center;
	font-size:40px;
	color:white;
}
.fbrk-debug *:required{
background: repeating-linear-gradient(
	45deg,
	transparent,
	transparent 10px,
	rgba(0,255,0,.1) 10px,
	rgba(0,255,0,.1) 20px
	);
}
.fbrk-debug *:required:invalid{
background: repeating-linear-gradient(
	45deg,
	transparent,
	transparent 10px,
	rgba(255,0,0,.1) 10px,
	rgba(255,0,0,.1) 20px
	);
}
.fbrk-debug .fbrk-required{
	border:1px dotted #EE82EE!important;
}
.form-check-input {
  clear: left;
}
/*
https://codepen.io/nisharg/pen/ExPNxYE
*/
.form-switch.form-switch-sm {
  margin-bottom: 0.5rem; /* JUST FOR STYLING PURPOSE */
}

.form-switch.form-switch-sm .form-check-input {
  height: 1rem;
  width: calc(1rem + 0.75rem);
  border-radius: 2rem;
}

.form-switch.form-switch-md {
  margin-bottom: 1rem; /* JUST FOR STYLING PURPOSE */
}

.form-switch.form-switch-md .form-check-input {
  height: 1.5rem;
  width: calc(2rem + 0.75rem);
  border-radius: 3rem;
}

.form-switch.form-switch-lg {
  margin-bottom: 1.5rem; /* JUST FOR STYLING PURPOSE */
}

.form-switch.form-switch-lg .form-check-input {
  height: 2rem;
  width: calc(3rem + 0.75rem);
  border-radius: 4rem;
}

.form-switch.form-switch-xl {
  margin-bottom: 2rem; /* JUST FOR STYLING PURPOSE */
}

.form-switch.form-switch-xl .form-check-input {
  height: 2.5rem;
  width: calc(4rem + 0.75rem);
  border-radius: 5rem;
}
#cookieModal {
	z-index:100002;
}
#cookieModal .modal-dialog{
  max-width:min(90vw,1000px);
  margin-bottom:50px;
	z-index:100002;
}
#cookieModal .modal-header {
  background: #252525;
  color: #fff;
}

#cookieModal .modal-header .close {
  background: 0;
  border: 0;
  border-radius: 0;
  color: #fff;
  font-size: 48px;
  font-weight: 400;
  padding: 0;
}
#cookieModal label {
  font-weight: 700;
}
#cookieModal p {
  margin-bottom: 0;
}
#cookieModal .lead {
  margin-bottom: 36px;
}
#cookieModal input[type=checkbox] {
  height: 30px;
  margin-right: 12px;
  position: relative;
  top: -6px;
  width: 30px;
}
#cookieModal input[type=checkbox]:checked {
}
#cookieModal input[type=checkbox]:focus {
  box-shadow: none;
}
#cookie-warn {
  color: #fff;
  bottom: 0;
  margin: 0 auto;
  left: 0;
  opacity: 0.9;
  position: fixed;
  right: 0;
  text-align: center;
  width: 100%;
  z-index: 100001;
}

#cookie-warn a {
  color: #fff;
  text-decoration: underline;
}
#cookie-warn a:hover {
  text-decoration: none;
}
#cookie-warn .inner {
  background: #33254c;
  box-sizing: border-box;
  color: #fff;
  margin: auto;
  text-align: left;
  font-size: 24px;
  padding-bottom: 20px;
  position: relative;
  overflow: hidden;
}
#cookie-warn .title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  margin: 15px 0 0 0;
  text-transform: uppercase;
}
#cookie-warn .text {
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  width: 100%;
}
#cookie-warn p {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
}
/*
#cookie-warn button {
  -webkit-appearance: none;
  appearance: none;
}
*/
#cookie-warn .inner {
  background: #252525;
  box-sizing: border-box;
  color: #fff;
  margin: auto;
  text-align: left;
  font-size: 24px;
  padding-bottom: 20px;
  position: relative;
  overflow: hidden;
}
#cookie-warn .title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  margin: 15px 0 0 0;
  text-transform: uppercase;
}
#cookie-warn .text {
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  width: 100%;
}
#cookie-warn p {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
}


