@charset "UTF-8";
/* paytone-one-regular - latin */


*:not(.fas):not(.far):not(.fab){
	font-family:"Paytone One"!important;
}

.bg-lighterbrown{background-color:#e7cea0!important}
.bg-lightbrown{background-color:#e39e68!important;}
.bg-brown{background-color:#ba7b5e!important}

.sfl-field{
	position:relative;
	display:inline-block;
}

.sfl-field input{
	background-color:#e39e68;
	color:#fff;
	box-shadow:inset 0px 2px 5px rgba(0,0,0,1);
	padding:14px;
	text-align:center;
	text-shadow:2px 2px rgba(0,0,0,1);
	font-size:18px;
	line-height:1.2;
	display:block;
	width:100%;
}

.sfl-badge{
	display:inline-block;
	background-color:#ba7b5e;
	color:#fff;
	text-shadow:1px 1px rgba(0,0,0,1);
	padding:5px 4px;
	font-size:16px;
	border-top-width: 3px;
	border-left-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-style:solid;
	border-color: #e7cea0;
	box-shadow:1px 1px 0px 2px rgba(0,0,0,1);
	border-radius:4px;
}

.sfl-widget{
	display:inline-flex;
	background-color:#b06446;
	align-items:center;
	justify-content:center;
	width:37px;
	height:37px;
	position:relative;
	border-top-width: 3px;
	border-left-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-style:solid;
	border-color: #eb9a5d;
	box-shadow:1px 1px 0px 2px rgba(0,0,0,1);
	border-radius:4px;
}

.sfl-widget img{
	display:block;
	max-width:100%;
	height:auto;
	width:auto;
	max-height: 100%;
}

.sfl-count{
	display:inline-block;
	color:#fff;
	font-size:10px;
	text-shadow: 1px 1px rgba(0,0,0,1);
	background-color:#8090ab;
	line-height:7px;
	padding:2px 3px;
	border-top-width: 3px;
	border-left-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-style:solid;
	border-color: #b8c4d7;
	box-shadow:1px 1px 0px 2px #22263c;
	border-radius:3px;
}

.sfl-widget .sfl-count{
	position:absolute;
	top:-9px;
	right:-5px;	
}

*[data-tooltip]{
	position:relative;
}

*[data-tooltip]:before{
	content:attr(data-tooltip);
	display:block;
	position:absolute;
	bottom:110%;
	left:0;
	margin:auto;
	white-space:nowrap;
	background-color:rgba(0,0,0,.8);
	padding:5px;
	border-radius:4px;
	font-size:12px;
	color:#fff;
	pointer-events:none;
	opacity:0;
	transition:200ms;
	z-index: 9000;
}

*[data-tooltip]:hover:before{
	opacity:1;
}

.sfl-field .sfl-widget{
	position:absolute;
	top:0;
	left:10px;
	bottom:0;
	margin:auto;
}

.sfl-field .sfl-widget + input{
	padding-left:62px;
	text-align:left;
}

.sfl-circle{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:52px;
	height:52px;
	border-radius:100%;
	border:2px solid #505e7d;	
	border-bottom-color:#22263c;
	-webkit-box-shadow: inset 0px -4px 0px 7px rgba(0,0,0,0.29), inset 0px -9px 0px -1px rgba(255,255,255,0.41); 
box-shadow: inset 0px -4px 0px 7px #fff;
	background-color:#b8c4d7;
	position:relative;
	color:#fff!important;
		text-shadow: -1px 0px rgba(0,0,0,.8), -1px -1px rgba(0,0,0,.8), 0px -1px rgba(0,0,0,.8), 1px 0px rgba(0,0,0,.8), 1px 1px rgba(0,0,0,.8), 0px 1px rgba(0,0,0,.8);
}

.sfl-circle:after{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border-radius:100%;
	pointer-events:none;
	-webkit-box-shadow: inset 0px -8px 0px -1px rgba(0,0,0,0.25); 
box-shadow: inset 0px -8px 0px -1px rgba(0,0,0,0.25);
}

.sfl-circle img{
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
}

.sfl-circle .fas{
	
	font-size:30px;
}