a{
	color: inherit;
}
a:not(disabled){
	cursor: pointer;
}
.v_al_middle{
	vertical-align: middle !important;
}
.v_al_bl{
	vertical-align: baseline !important;
}

.al_left{
	text-align: left !important;
}
.al_right{
	text-align: right !important;
}
.al_center{
	text-align: center !important;
}

.underline{
	text-decoration: underline;
}

.invisible{
	visibility: hidden;
}

.text_link{
	color: var(--turquoise);
	font-weight: 500;
}
.text_link_light{
	color: var(--turquoise);
}
.text_link_light:hover{
	text-decoration: underline;
}
.text_link_hover:hover{
	color: var(--turquoise) !important;
}

.pointer {
	cursor: pointer;
}

.ellips{
	text-overflow: ellipsis;
	display: block;
	white-space: nowrap !important;
	overflow: hidden;
	word-wrap: normal;
}
.ellips br{
	display: none;
}

.overflow_hidden{
	overflow: hidden;
}

.grey{
	color: #7E7E7E;
}

.pos_rel{
	position: relative;
}

.fl_r{
	float: right;
}
.fl_l{
	float: left;
}
.clear{
	clear: both;
}

/* Colors */
.grey_0{ color: var(--grey-0); }
.grey_1{ color: var(--grey-1); }
.grey_2{ color: var(--grey-2); }
.grey_3{ color: var(--grey-3); }
.grey_4{ color: var(--grey-4); }
.grey_5{ color: var(--grey-5); }
.grey_6{ color: var(--grey-6); }
.grey_7{ color: var(--grey-7); }

.c_black{ color: var(--black); }
.c_turquoise{ color: var(--turquoise); }
.c_red{ color: var(--red); }
.c_blue{ color: var(--blue); }
.c_green{ color: var(--green); }
.c_yellow{ color: var(--yellow); }
.c_orange{ color: var(--orange); }
.c_purple{ color: var(--purple); }

.c_success{ color: var(--color-success); }
.c_alert{ color: var(--color-alert); }
.c_warning{ color: var(--color-warning); }

/* Font size */
.s_9{ font-size: 9px !important; }
.s_10{ font-size: 10px !important; }
.s_11{ font-size: 11px !important; }
.s_12{ font-size: 12px !important; }
.s_13{ font-size: 13px !important; }
.s_14{ font-size: 14px !important; }
.s_15{ font-size: 15px !important; }
.s_16{ font-size: 16px !important; }
.s_17{ font-size: 17px !important; }
.s_18{ font-size: 18px !important; }
.s_20{ font-size: 20px !important; }
.s_22{ font-size: 22px !important; }
.s_25{ font-size: 25px !important; }

h1, .h1,
h2, .h2,
h3, .h3 ,
h4, .h4 {
	color: var(--black);
	font-weight: 500;
	line-height: 1.3;
	margin: 0;
}
h1 { font-size: 25px;}
h2 { font-size: 20px;}
h3 { font-size: 17px;}
h4 { font-size: 16px;}
.h1 { font-size: 25px !important;}
.h2 { font-size: 20px !important;}
.h3 { font-size: 17px !important;}
.h4 { font-size: 16px !important;}

/* Font Weight */
.fw_bold{ font-weight: 600 !important; }
.fw_medium{ font-weight: 500 !important; }
.fw_normal{ font-weight: 400 !important; }

/* Case */
.up_case{
	text-transform: uppercase;
}

.title_1{
	font-size: 28px;
	font-weight: 500;
}
.title_3{
	font-size: 18px;
	font-weight: 500;
}

/* Display */
.dis_block { display: block;}
.dis_inline_block { display: inline-block;}
.dis_inline { display: inline;}

/* Margin */
.ml_3{	margin-left:3px !important;}
.ml_5{	margin-left:5px !important;}
.ml_8{	margin-left:8px !important;}
.ml_10{	margin-left:10px !important;}
.ml_15{	margin-left:15px !important;}
.ml_20{	margin-left:20px !important;}
.ml_30{	margin-left:30px !important;}
.ml_40{	margin-left:40px !important;}

.mr_3{	margin-right:3px !important;}
.mr_5{	margin-right:5px !important;}
.mr_8{	margin-right:8px !important;}
.mr_10{	margin-right:10px !important;}
.mr_15{	margin-right:15px !important;}
.mr_20{	margin-right:20px !important;}
.mr_30{	margin-right:30px !important;}

.mt_3{	margin-top:3px !important;}
.mt_5{	margin-top:5px !important;}
.mt_8{	margin-top:8px !important;}
.mt_10{	margin-top:10px !important;}
.mt_15{	margin-top:15px !important;}
.mt_20{	margin-top:20px !important;}
.mt_25{	margin-top:25px !important;}
.mt_30{	margin-top:30px !important;}
.mt_40{	margin-top:40px !important;}

.mb_3{	margin-bottom:3px !important;}
.mb_5{	margin-bottom:5px !important;}
.mb_8{	margin-bottom:8px !important;}
.mb_10{	margin-bottom:10px !important;}
.mb_15{	margin-bottom:15px !important;}
.mb_20{	margin-bottom:20px !important;}
.mb_30{	margin-bottom:30px !important;}
.mb_40{	margin-bottom:40px !important;}

.no_margin{
	margin: 0 !important;
}

/* Padding */
.pl_3{	padding-left:3px !important;}
.pl_5{	padding-left:5px !important;}
.pl_8{	padding-left:8px !important;}
.pl_10{	padding-left:10px !important;}
.pl_15{	padding-left:15px !important;}
.pl_20{	padding-left:20px !important;}
.pl_30{	padding-left:30px !important;}

.pr_3{	padding-right:3px !important;}
.pr_5{	padding-right:5px !important;}
.pr_8{	padding-right:8px !important;}
.pr_10{	padding-right:10px !important;}
.pr_15{	padding-right:15px !important;}
.pr_20{	padding-right:20px !important;}
.pr_30{	padding-right:30px !important;}

.pt_3{	padding-top:3px !important;}
.pt_5{	padding-top:5px !important;}
.pt_8{	padding-top:8px !important;}
.pt_10{	padding-top:10px !important;}
.pt_15{	padding-top:15px !important;}
.pt_20{	padding-top:20px !important;}
.pt_25{	padding-top:25px !important;}
.pt_30{	padding-top:30px !important;}
.pt_40{	padding-top:40px !important;}

.pb_3{	padding-bottom:3px !important;}
.pb_5{	padding-bottom:5px !important;}
.pb_8{	padding-bottom:8px !important;}
.pb_10{	padding-bottom:10px !important;}
.pb_15{	padding-bottom:15px !important;}
.pb_20{	padding-bottom:20px !important;}
.pb_30{	padding-bottom:30px !important;}
.pb_40{	padding-bottom:40px !important;}

.no_padding{
	padding: 0 !important;
}

.has_arrow::after{
	content: "";
	width: 0;
	height: 0;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 3px;
	white-space: nowrap;
	border: 4px solid;
	border-bottom-width: 0; 
	border-right-color: transparent;
	border-left-color: transparent;
}

.dot{
	display: inline-block;
	vertical-align: middle;
	margin: 0 8px;
	width: 3px;
	height: 3px;
	border-radius: 3px;
	background: #ACAFC0;
}
.smart_dot:first-child,
.smart_dot:last-child,
.smart_dot + .smart_dot{
	display: none;
}

.info_box{
	background: #F5F6F8;
	padding: 12px;
	border-radius: 5px;
}
.info_box_label{
    font-weight: 600;
    margin-right: 10px;
}

/* Text badge */
.text_badge{
	padding: .125em .25em;
	margin: 0 .25em;
	background: #FFE6D0;
	color: #F4891E;
	border-radius: .3em;
	cursor: default;
}
.text_flag {
	line-height: 16px;
	font-size: 13px;
	font-weight: 500;
	padding: 2px 6px;
    background: var(--grey-7);
    color: var(--grey-2);
    border-radius: 0.3em;
    cursor: default;
    display: inline-block;
}
.text_flag_light {
	line-height: 16px;
	font-size: 13px;
	padding: 2px 6px;
    background: var(--main-bg-color);
	border: solid 1px var(--main-border-color);
    color: var(--grey-2);
    border-radius: 0.3em;
    display: inline-block;
}

.bg_grey {
	background-color: var(--main-bg-color);
}

/* white space */
.no_wrap{
	white-space: nowrap;
}
.break_all {
	word-break: break-all;
}