html { max-width:100%; overflow-x: hidden; position:relative }
body { max-width:100%; overflow-x: hidden; position:relative }

div.divider-5 { width:100%; height:5px }
div.divider-10 { width:100%; height:10px }
div.divider-20 { width:100%; height:20px }
div.divider-30 { width:100%; height:30px }
div.divider-40 { width:100%; height:40px }

.tl-common-button {
	color: #fff;
	font-size:14px;
	line-height:1.5;
	padding:7px 15px;
	border-radius:7px;
	cursor:pointer;
	text-align:center;
	margin:5px 0;
	display:inline-block;
}
.tl-common-button-primary {
	background-color:rgb(93,135,255);
	border:1px solid rgb(93,135,255);
}
.tl-common-button-primary-deactivated {
	background-color: white;
	color:rgb(93,135,255);
	border:1px solid rgb(93,135,255);
}

.tl-input-fix {
	padding-top:5px !important;
}

.tl-question-mark {
	border-radius:50%;
	width:20px;
	height:20px;
	padding:0;
	display:inline-block;
	margin-bottom:5px;
	font-size:12px
}

/* ==============
Containers
============== */
.tl-parent-va {
  display: flex;
  align-items: center; /* Vertically centers the child items */
  justify-content: center; /* Horizontally centers the child items (optional) */
}
.tl-child-va {
  text-align: center;
  width:100%;
}





/* ==============
Beauties
============== */
.tl-box-shadow-1 { box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1); }