@charset "utf-8";

.uf-delay-show {
	transition: opacity .15s ease-in-out;	
}


.ui-checkbox {
	position: relative;
	
	padding-left: 20px;
	
	/*width: 17px;*/
	/*height: 17px;*/
	min-height: 17px;
	
	cursor: pointer;
	
	user-select: none;
}

.ui-checkbox:before {	
	position: absolute;
	
	top: 0;
    left: 0;
    
    width: 17px;
	height: 17px;
    
    border: 1px solid var(--gray-500);
    border-radius: 3px;
    
    content: '';
}
	
.ui-checkbox.-checked:after {	
	position: absolute;
    
    top: 2.5px;
    left: 2px;

    font-size: 13px;
    
    content: '\f00c';
}

.ui-checkbox:hover:before {
	border: 1px solid var(--gray-600);
}



.ui-check {
	position: relative;
	
	padding-left: 20px;
	
	/*width: 17px;*/
	/*height: 17px;*/
	min-height: 17px;
	
	user-select: none;
}

.ui-check:not(.-checked):before {	
	position: absolute;
	
	top: 2.5px;
    left: 2px;

	color: var(--gray-400);

    font-size: 13px;
	
	/*
	top: calc(50% - 8.5px);
    left: 0;
    
    width: 17px;
	height: 17px;
    
    border: 1px solid var(--gray-500);
    border-radius: 3px;
    */
    
    content: '\f00d';
}

.ui-check.-checked:after {
	position: absolute;
    
    top: 2.5px;
    left: 2px;

	color: var(--gray-600);

    font-size: 13px;
    
    content: '\f00c';
}





.ui-required-field {
	position: relative;
}
.ui-required-dialog {
	position: absolute;
	left: 0;
	top: 100%;

	display: flex;
    justify-content: start;
    align-items: center;

	line-height: 0;

	z-index: 101;
}
.ui-required-dialog > ._text {
	display: flex;
	justify-content: center;
    align-items: center;
	
	position: absolute;
	top: 1.7rem;
	/*
	top: 1.7rem;
	left: 1rem;
	*/

	margin-left: 1rem;
	
	height: 2.2rem;
	
	color: #3d4855;

	font-size: 1.3rem;
	font-weight: 400;

	white-space: nowrap;
}
.ui-required-dialog > ._text:before {
	margin-right: 0.5rem;
	
	color: #ebac08;
	
	font-size: 1.5rem;
	
	content: '\f071';
}
.ui-required-dialog .ui-required-close {
	margin-left: 0.7rem;
	
	padding: 0.3rem 0.3rem 0.2rem 0.3rem;

	color: var(--gray-500);
}
.ui-required-dialog .ui-required-close:hover {
	color: var(--gray-600);
}
.ui-required-dialog .ui-required-close:active {
	transform: translate(1px, 1px);
}
.ui-required-dialog .ui-required-close:before {
	content: '\f00d';
}
.ui-required-dialog svg {
	overflow: visible;
}
.ui-required-dialog ._bkgnd {
	fill: #fbf3d4;

	stroke: #eeac00;
	stroke-width: 1;
}
.ui-required-dialog ._border {
	fill: none;

	stroke: #eeac00;
	stroke-width: 1;
}
.ui-required-dialog ._shadow {
	fill: none;
	stroke: rgb(0, 0, 0);
}
.ui-required-dialog ._shadow._shd1 {
	stroke-opacity: 0.035;
    stroke-width: 5;
}
.ui-required-dialog ._shadow._shd2 {
	stroke-opacity: 0.07;
    stroke-width: 3;
}
.ui-required-dialog ._shadow._shd3 {
	fill: rgba(0, 0, 0, 0.07);
	
	stroke-opacity: 0.07;
	stroke-width: 1;
}




.ui-bubble-dialog-parent {
	pointer-events: none;
}
.ui-bubble-dialog {
	position: absolute;
	/*
	left: 0;
	top: 100%;
	*/

	display: flex;
    justify-content: start;
    align-items: center;

	line-height: 0;

	z-index: 101;

	pointer-events: none;
}
.ui-bubble-dialog.-direction-left {
	top: 0;
    bottom: 0;
	left: 0;
	
	transform: translateX(-100%);
}
.ui-bubble-dialog.-direction-right {
	top: 0;
	bottom: 0;

	right: 0;
	transform: translateX(100%);
}
.ui-bubble-dialog.-direction-bottom {
	left: 0;
	/*
	top: 0;
	bottom: 0;

	right: 0;
	transform: translateX(100%);
	*/
}
.ui-bubble-dialog > .ui_content {
	display: flex;
	justify-content: center;
    align-items: center;
	
	position: absolute;
	/*
	top: 1.7rem;
	left: 1rem;
	*/
	
	height: 2.2rem;
	
	color: #3d4855;

	font-size: 1.3rem;
	font-weight: 400;

	white-space: nowrap;
}
.ui-bubble-dialog.-direction-left > .ui_content {
	margin-left: 1rem;
}
.ui-bubble-dialog.-direction-right > .ui_content {
	margin-left: 1.9rem;
}
.ui-bubble-dialog.-direction-bottom > .ui_content {
	margin-top: 0.85rem;
	margin-left: 1rem;
}
.ui-bubble-dialog > .ui_content:before {
	margin-right: 0.5rem;
	
	color: #ebac08;
	
	font-size: 1.5rem;
	
	content: '\f071';
}
.ui-bubble-dialog .ui-bubble-dialog-button {
	width: 5rem;
	height: 2rem;
	
	border-radius: 2em;
	
	font-size: 1.2rem;

	font-weight: 400;
	
	color: #ffffff;
	
	background: var(--gray-500);

	pointer-events: visible;
}
.ui-bubble-dialog .ui-bubble-dialog-button:first-child {
	margin-left: 1.7rem;
}
.ui-bubble-dialog .ui-bubble-dialog-button:nth-child(n+2) {
	margin-left: 0.7rem;
}
.ui-bubble-dialog .ui-bubble-dialog-button:focus {
	background: #42a5f5;
}
.ui-bubble-dialog .ui-bubble-dialog-button:active {
	transform: translate(1px, 1px);
}
.ui-bubble-dialog .ui-bubble-dialog-close {
	margin-left: 0.7rem;
	
	padding: 0.3rem 0.3rem 0.2rem 0.3rem;

	color: var(--gray-500);
	
	pointer-events: visible;
}
.ui-bubble-dialog .ui-bubble-dialog-close:hover {
	color: var(--gray-600);
}
.ui-bubble-dialog .ui-bubble-dialog-close:active {
	transform: translate(1px, 1px);
}
.ui-bubble-dialog .ui-bubble-dialog-close:before {
	content: '\f00d';
}
.ui-bubble-dialog svg {
	overflow: visible;
}
.ui-bubble-dialog ._bkgnd {
	fill: #fbf3d4;

	stroke: #eeac00;
	stroke-width: 1;
}
.ui-bubble-dialog ._border {
	fill: none;

	stroke: #eeac00;
	stroke-width: 1;
}
.ui-bubble-dialog ._shadow {
	fill: none;
	stroke: rgb(0, 0, 0);
}
.ui-bubble-dialog ._shadow._shd1 {
	stroke-opacity: 0.035;
    stroke-width: 5;
}
.ui-bubble-dialog ._shadow._shd2 {
	stroke-opacity: 0.07;
    stroke-width: 3;
}
.ui-bubble-dialog ._shadow._shd3 {
	fill: rgba(0, 0, 0, 0.07);
	
	stroke-opacity: 0.07;
	stroke-width: 1;
}


.ui-checkbox:after,
.ui-check:before,
.ui-check:after,
.ui-submit:before,
.ui-clear:after {
	font-family: 'Icons';

	display: inline-block;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
  
	speak: none;
	font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}


.ui-submit {
	display: flex;
    justify-content: center;
    align-items: center;
	
	position: relative;
	
	/*
	padding: 0 0.7rem 0.1rem 0.7rem;
	*/
	
	width: 5rem;
	height: 2.8rem;
	
	border: 1px solid var(--blue-gray-400);
	
	background: #ffffff;

	color: var(--gray-700);

	font-size: 1.8rem;
	
	cursor: pointer;
	
	box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
}
.ui-submit:before {
	content: "\f2f9";
}
.ui-submit:hover {
	border: 1px solid var(--blue-gray-500);
	
	color: var(--gray-800);
}
.ui-submit:focus:active {
	transform: translate(1px, 1px);
}
.ui-submit > * {
	pointer-events: none;
}


.ui-clear {
	position: relative;
}
.ui-clear:after {
	display: flex;
    justify-content: center;
    align-items: center;
	
	position: absolute;
	/*
	top: 50%;
	right: 0.6rem;
	*/
	top: 0;
	right: 0;
	
	width: 2.3rem;
	height: 100%;
	
	color: var(--gray-500);
	
	/*
	transform: translateY(-50%);
	*/

	font-size: 1.3rem;

	cursor: pointer;

	content: "\f00d";
}
.ui-clear:hover:after {
	color: var(--gray-600);
}
.ui-clear > input {
	padding-right: 2.3rem;
}






.ui-loader {
	--ui-loader-spinner-size: 4.6rem;
	--ui-loader-spinner-color: #1365a3;
	--ui-loader-spinner-width: 0.5rem;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	position: absolute;
	
	/*
	pointer-events: none;
	*/
	
	z-index: 201;
}
.ui-loader:not(.-bounds-size) {
	left: 0;
	top: 0;

	width: 100%;
	height: 100%;
}
.ui-loader.-bounds-size {
	--ui-loader-bounds-size: 3rem;
	
	left: calc((var(--ui-loader-bounds-size) - 100%) / -2);
    top: calc((var(--ui-loader-bounds-size) - 100%) / -2);
	
	width: var(--ui-loader-bounds-size);
    height: var(--ui-loader-bounds-size);
}
.ui-checkbox > .ui-loader.-bounds-size {
	left: calc((var(--ui-loader-bounds-size) - 17px) / -2);
}
.ui-loader-spinner {
	/*
	--ui-loader-spinner-size: 4.6rem;
	--ui-loader-spinner-color: #1365a3;
	--ui-loader-spinner-width: 0.5rem;
	*/
	
	/*
	position: absolute;
	left: 0;
	top: 0;
	*/
	
	width: var(--ui-loader-bounds-size, var(--ui-loader-spinner-size));
	height: var(--ui-loader-bounds-size, var(--ui-loader-spinner-size));
	
	
	/*
	width: 48px;
	height: 48px;
	*/
	
	border-radius: 50%;
	/*
	position: relative;
	*/
	animation: rotate 1s linear infinite;
}
/*
.ui-loader.-bounds-size .ui-loader-spinner {
	--ui-loader-spinner-size: 100%;
}
*/
.ui-loader-spinner:before {
	content: "";
	box-sizing: border-box;
	position: absolute;
	inset: 0px;
	border-radius: 50%;
	border: var(--ui-loader-spinner-width) solid var(--ui-loader-spinner-color);
	/*
	border: 3.5px solid #FFF;
	*/
	animation: prixClipFix 2s linear infinite;
}
@keyframes rotate {
	100%	{transform: rotate(360deg)}
}
@keyframes prixClipFix {
	0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
	25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
	50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
	75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
	100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
}