@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700;800;900&display=swap');

html,
body {
	font-family: "Nunito", Sans-serif;
	font-weight: 400;
	color: #1B1B1F;
	background: #fafafa;
	line-height: 1.41;
	scroll-behavior: smooth;
	top: 0 !important;
}
.highlighted {
    border-color: #467FE7 !important; /* Highlight color */
}
body>.skiptranslate {
	display: none !important;
}
.requir_item {
    align-items: center;
    gap: 10px;
    min-width: 100%;
    margin-bottom: 10px;
    white-space: nowrap;
}
#dlg_requires2 .requir_item {
    align-items: center;
    gap: 10px;
    min-width: 100%;
    margin-bottom: 10px;
    white-space: pre-line;
    text-align: left;
    font-family: Nunito;
    font-weight: 500;
    font-size: 16px;
    line-height: 19.2px;
    letter-spacing: 0%;

}
.checkbox-wrapper-22 {
    justify-content: space-between;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-right: auto;
}
.checkbox-wrapper-22 .switch {
    display: inline-block;
    height: 20px;
    position: relative;
    width: 36px;
}

.checkbox-wrapper-22 .switch input {
    display:none;
}

.checkbox-wrapper-22 .slider {
    background-color: #ccc;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .4s;
}
.create_new_acc_parental_control .checkbox-wrapper-22 .slider, .lovedone_personal_parental_control .checkbox-wrapper-22 .slider {
    background-color: #E9F1FC;
}
.checkbox-wrapper-22 .switch-label {
    padding-bottom: 5px;

}
.checkbox-wrapper-22 .slider:before {
    background-color: #fff;
    bottom: 3px;
    content: "";
    height: 14px;
    left: 4px;
    position: absolute;
    transition: .4s;
    width: 14px;
    box-shadow: 0px 2px 4px 0px #0000000F;

}

.checkbox-wrapper-22 input:checked + .slider {
    background-color: #467fe7;
}
.checkbox-wrapper-22 input:checked + .slider:before {
    transform: translateX(15px);
}

.checkbox-wrapper-22 .slider.round {
    border-radius: 34px;
}

.checkbox-wrapper-22 .slider.round:before {
    border-radius: 50%;
}

.skiptranslate.goog-te-gadget span {
	display: none;
}

.loves_popup {
	position: absolute;
	top: 44px;
	z-index: 2;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 10px 0px;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	width: 180px;
	display: none;
}

.love_item {
	padding: 5px 6px;
	border-bottom: 1px solid #F1F2F3;
}

.love_action .la_add {
	display: none;
}

.love_action.aadd .la_remove {
	display: none;
}

.love_action.aadd .la_add {
	display: inline-block;
}

.loves .fa-angle-up {
	display: none;
}

.loves.open .fa-angle-up {
	display: inline-block;
}

.loves.open .fa-angle-down {
	display: none;
}

.loves.open .loves_popup {
	display: block;
}

.my_account {
	cursor: pointer;
	position: relative;
	user-select: none;
}

.my_account .arrow_down,
.my_account .arrow_up {
	margin-left: 8px;
	color: #004494;
}

.my_account .arrow_up {
	display: none;
}

.my_account.sel .arrow_up {
	display: inline-block;
}

.my_account.sel .arrow_down {
	display: none;
}

.my_account.sel .account_dropdown {
	display: block;
}

.account_dropdown {
	position: absolute;
	background: #F3F6FC;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	padding: 16px;
	width: 290px;
	right: 0px;
	top: 32px;
	display: none;
	z-index: 10;
}

.account_dropdown>a {
	display: block;
	color: inherit;
}

.account_dropdown>a:hover {
	color: #004494;
}

.a_logout {
	position: absolute;
	padding: 10px 15px;
	right: 0px;
	top: 10px;
	opacity: 0.8;
}
.lesson_pop_remove:hover {
    color: #e75074 !important;
}
.lesson_pop_remove:hover, .rm_user_from_lesson:hover {
    color: #e75074 !important;
}
.a_logout:hover,
.a_logout:active {
	opacity: 1;
}

.wrapper {
	max-width: 100%;
	min-height: calc(100vh - 64px);
	margin: auto;
	margin-left: 96px;
	padding: 12px 20px;
}

.imgp {
	width: 24px;
	height: 24px;
	border-radius: 24px;
	border: 1px solid #FAFAFA;
	background: #FAFAFA;
	margin-right: -12px;
    object-fit: cover;
}

.imgp:last-child {
	margin-right: 0px;
}

.div_char {
	background: #F0F5DF;
	border-radius: 8px;
	padding: 4px 6px;
	height: 24px;
}

.ue_item {
	display: flex;
	border-radius: 12px;
	background: #fff;
	/* margin-bottom: 16px; */
	box-shadow: 1px 5px 20px 0px #77858c0d;
	overflow: hidden;
}

.course_shadow {
	height: 7px;
	border-radius: 0 0 15px 15px;
	padding: 0 10px;
	background-color: #E7E9EB;
}
.course_shadow.visible_none {
	visibility: hidden;
}

.ue_desc {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 68.18%, rgba(44, 44, 44, 0.498) 100%);
	padding: 10px 12px;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
	bottom: 0px;
	z-index: 1;
	line-height: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.ue_cate {
	background: #E75074;
	padding: 3px 8px;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	border-radius: 8px;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 1;
}

.de_cate {
	background: #E75074;
	padding: 3px 8px;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	border-radius: 8px;
	z-index: 1;
}

.lesson_cate {
	line-height: 1.4;
	color: #467FE7;
	border: 1px solid #467FE7;
	font-size: 13px;
	padding: 5px 8px;
	border-radius: 20px;
	margin-right: 15px;
	margin-bottom: 8px;
	display: inline-block;
}

.plan_item .bottom_index_wrapper {
	position: absolute;
	bottom: -9px;
	margin: auto;
	background-color: white;
	border-radius: 7px 7px 0 0;
	width: 24px;
	left: 0;
	right: 0;
	height: 18px;
}

.plan_item .bottom_index {
	position: absolute;
	bottom: -6px;
	margin: auto;
	background: #E9F1FC;
	color: #467FE7;
	border-radius: 6px;
	font-size: 10px;
	text-align: center;
	cursor: pointer;
	left: 0;
	right: 0;
	width: 20px;
}

.plan_item .left_index {
	position: relative;
	margin-right: 4px;
	padding: 2px 6px;
	background: #E9F1FC;
	color: #467FE7;
	border-radius: 6px;
	font-size: 10px;
	text-align: center;
	cursor: pointer;
	left: 0;
	right: 0;
}

.plan_item .pane_more {
	cursor: pointer;
}

.plan_item .pane_more:hover {
	background-color: #E9F1FC;
	border-radius: 3px;
}

.plan_item .pane_more:focus {
	transform: translateY(4px);
}

.side_pane .lesson_cate {
	margin-right: 8px;
}

.side_pane .cont_side_pane .foot_side_pane {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 20px;
	box-shadow: 0px -0.4px 7px rgba(0, 0, 0, 0.10);
}

.div_map {
	position: relative;
	display: flex;
}

.div_map::after {
	content: '';
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.map {
	height: 230px;
	width: 100%;
	cursor: pointer;
}

.map .gmnoprint.gm-style-mtc-bbw,
.map .gm-control-active,
.map .gm-svpc,
.map .gmnoprint[data-control-height="81"] {
	display: none !important;
}

.ue_item .ue_img {
	position: relative;
}

.ue_item .ue_img>img {
	height: 162px;
	width: 290px;
	object-fit: cover;
	object-position: center;
}

.ue_item .ue_cont {
	width: calc(100% - 290px);
}

.ue_cont {
	display: flex;
	flex-direction: column;
}

.ue_item_desc,
.ue_ellipse2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.ue_ellipse {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ce_item .ue_img>img {
	width: 166px;
	height: 188px;
	max-height: 201px;
}

.ce_item .ue_cont {
	width: calc(100% - 166px);
	padding: 12px 16px;
}

.se_item {
	display: flex;
	background: #F4F6F8;
	border-radius: 12px;
	margin-bottom: 12px;
	cursor: pointer;
}

.se_item .se_img img {
	height: 100%;
	max-height: 110px;
	width: 92px;
	object-fit: cover;
	object-position: center;
	border-radius: 12px;
}

.se_item .se_cont {
	width: calc(100% - 92px);
}

.se_cate {
	background: #E75074;
	padding: 2px 8px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	border-radius: 6px;
	display: inline-block;
	margin-bottom: 8px;
}

.se_cont {
	padding: 8px 12px;
}

.specials {
	background: #fff;
	border-radius: 16px;
	padding: 8px 16px;
	box-shadow: 1px 5px 20px 0px #77858c0d;
	margin-top: -80px;
}

.lesson1 {
	background: #fff;
	border: 1px solid #F1F2F3;
	border-radius: 8px;
	padding: 4px 6px;
	position: absolute;
	color: #081A3B;
	font-weight: 600;
	font-size: 13px;
	bottom: 10px;
	left: 10px;
}

.like,
.liked {
	margin-left: auto;
	cursor: pointer;
	margin-bottom: -5px;
	margin-top: -2px;
	margin-right: -5px;
}

.like .img_liked {
	display: none;
}

.liked .img_like {
	display: none;
}

.liked .img_liked {
	display: inline-block;
}

.profile,
.side_pane {
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: none;
}

.notifications_pane {
	z-index: 900;
}

.pane_overlay,
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
}

.pane_overlay {
	z-index: 888;
	display: none;
}

.profile_cont,
.side_pane_cont {
	background: #fff;
	max-width: 100%;
	width: 470px;
	height: 100%;
	right: 0px;
	position: absolute;
	top: 0;
	z-index: 1;
}

.filter .side_pane_cont {
	width: 380px;
}

.cont_profile,
.cont_side_pane {
	padding: 15px 20px;
	height: 100%;
	max-height: calc(100% - 81px);
	overflow-y: auto;
}

.cont_side_pane_wrap {
	max-height: calc(100% - 56px);
	overflow-y: scroll;
	margin-right: -10px;
	padding-right: 4px;
}

.profile_sec {
	min-width: 100%;
	background: #F4F6F8;
	border-radius: 8px;
	padding: 8px 12px;
	text-align: center;
}

.profile_img {
	border-radius: 80px;
	margin-right: 12px;
}

.profile_border {
	border: 2px solid #A0C633;
}

.filter_item {
	cursor: pointer;
}

.arrow_up_down {
	cursor: pointer;
}

.arrow_up_down .arrow_up {
	display: none;
}

.arrow_up_down.open .arrow_down {
	display: none;
}

.arrow_up_down.open .arrow_up {
	display: inline-block;
}

.dlg_timer .up,
.dlg_timer .down,
.dlg_duration .up,
.dlg_duration .down {
	position: absolute;
	right: 12px;
}


.search_p {
	box-shadow: 0px 8px 20px 0px #0B1F2E1A;
	border: 1px solid #F1F2F3;
	border-radius: 12px;
	position: absolute;
	width: 300px;
	right: 0px;
	background: #fff;
	top: calc(100% + 6px);
	z-index: 999;
	display: none;
}

input[type='checkbox'].dcheckbox {
	width: 18px;
	height: 18px;
	margin: 0px;
	margin-right: 8px;
}

.u_input input {
	background: #F4F6F8;
	border-radius: 8px;
	outline: none !important;
	box-shadow: none !important;
	border: 0px !important;
	color: #000;
	font-size: 14px;
	padding: 10px 14px;
	height: auto;
}

.follows {
	display: flex;
	align-items: center;
}

.followedby {
	padding-left: 16px;
	font-size: 13px;
	padding-right: 3px;
}

.cont_profile .bt {
	padding: 5px 10px;
}

.pstar {
	position: absolute;
	bottom: 0;
	left: 64px;
}

.hitems {
	white-space: nowrap;
	overflow-x: auto;
	margin-bottom: 20px;
}

.lesson {
	display: inline-block;
	width: 160px;
	height: 160px;
	border-radius: 8px;
	overflow: hidden;
	margin-right: 8px;
	position: relative;
	cursor: pointer;
}
.lesson_shadow {
    position: absolute;
    width: 90%;
    height: 7px;
    background: #E7E9EB;
    margin: -5px auto 0;
    z-index: 9;
    top: 103%;
    border-radius: 0 0 20px 20px;
    left: 8px;
}
.lesson .name {
	white-space: normal;
	line-height: 1.2;
}

.lesson .bottom {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0px;
	left: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 68.18%, rgba(44, 44, 44, 0.8) 100%);
	padding: 5px 8px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	z-index: 1;
}

.lesson .radiusb {
	position: absolute;
	border: 1px solid #fff;
	left: 10px;
	top: 10px;
	z-index: 1;
}

.more_popup,
.create_option {
	position: absolute;
	border-radius: 10px;
	overflow: hidden;
	right: 5px;
	top: 80px;
	z-index: 2;
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 10px 0px;
	display: none;
	min-width: 140px;
}

.search_popup {
	top: 50px !important;
	left: 10px !important;
	width: min-content;
}

.l_card .more_popup.index {
	top: 30px !important;
	right: 0 !important;
	left: 0 !important;
	min-width: 52px !important;
}

.indexpane,
.questionpane {
	top: 40px !important;
}

.indexpane {
	left: 0 !important;
	right: 0 !important;
	min-width: 52px;
}

.more_popup.open,
.create_option.open {
	display: block;
}

.create_option {
	top: auto;
	bottom: 70px;
}

.more_item {
	padding: 8px 10px;
	cursor: pointer;
	display: flex;
	align-items: center;
	font-weight: 600;
}

.more_item_question,
.more_item_lesson {
	min-width: 140px;
}

.more_item_index {
	min-width: 52px;
}

a.more_item {
	color: inherit;
}

.more_item img {
	margin-right: 6px;
	width: 18px;
}

.more_item img.sel {
	display: none;
}

.more_item:hover {
	background: #F1F2F3;
	font-weight: 700;
}

.more_item:hover img {
	display: none;
}

.more_item:hover img.sel {
    display: inline-block;
}

.withdraw_event:hover img {
	display: inline-block;
    content: url('../images/withdraw.png');
}

.friend_sel {
	background: #E75074;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	padding: 5px 10px;
	border-radius: 20px;
	margin-right: 8px;
	cursor: pointer;
	line-height: 1.4;
	border: 1px solid #E75074;
	user-select: none;
}

.selected_group>div,
.selected_add_friends>div,
.selected_friends>div,
.selected_visible>div {
	margin-top: 8px;
}

.selected_friends>div>span {
	display: none;
}

.selected_dates {
	padding-left: 28px;
    padding-top: 10px;
}
.mini-tab {
    background-color: #e8eefa ;
    padding: 4px ;
    border-radius: 6px ;
    font-weight: 200 ;
    font-size: 12px ;
}
.selected_dates>div:not(:last-child) {
	padding-bottom: 3px;
}

.tags {
	display: flex;
	flex-wrap: wrap;
}

.location_list .loc {
	transition: 0.2s;
	cursor: pointer;
}

.location_list .loc:hover,
.location_list .loc.sel {
	background-color: rgba(0, 0, 0, 0.12);
}

.tag {
	background: #A0C633;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	padding: 5px 10px;
	border-radius: 20px;
	cursor: pointer;
	line-height: 1.4;
	border: 1px solid #A0C633;
	user-select: none;
	margin-right: 8px;
	text-wrap: nowrap;
}

.tag_white,
.tag_sel,
.add_tag {
	border: 1px solid #A0C633;
	color: #A0C633;
	padding: 5px 10px;
	font-size: 13px;
	font-weight: 700;
	border-radius: 20px;
	cursor: pointer;
	margin-right: 8px;
	background: #fff;
}

.tag_sel {
	background: #F0F5DF;
	border: 1px solid #F0F5DF;
}

.cate,
.cate_add,
.addcate,
.cate_sel {
	min-width: 40px;
	border: 1px solid #467FE7;
	color: #467FE7;
	padding: 5px 8px;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	border-radius: 20px;
	margin-right: 8px;
	cursor: pointer;
	margin-bottom: 8px;
}

.category_list .cate,
.category_list .addcate {
	margin-right: 12px;
	margin-bottom: 12px;
	padding: 10px 20px;
	border-radius: 16px;
	color: #081A3B;
	font-weight: 700;
	font-size: 16px;
}

.category_list .cate i {
	margin-left: 10px;
	width: 16px;
	height: 16px;
}

.category_list .cate i:hover,
.category_list .cate i:focus {
	color: white;
}

.cate_sel,
.category_list .cate_sel {
	background: #467FE7;
	color: #fff;
}

.add_tag_dlg,
.edit_tag_dlg,
.confirm_share_profile_dlg,
.confirm_share_lesson_dlg,
.confirm_share_event_dlg,
.popup {
	position: fixed;
	z-index: 1001;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}

.share_ground {
	flex-grow: 1;
	height: auto;
	padding: 12px;
	background: #FAFAFA;
	border-radius: 20px;
}

.add_tag_dlg_cont,
.popup_cont {
	box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 10px 0px;
	border-radius: 10px;
	padding: 15px;
	width: 350px;
	background: #fff;
	position: relative;
}

.popup {
	z-index: 887;
	background: rgba(0, 0, 0, 0.3);
}

.popup_cont {
	width: 310px;
	border-radius: 20px;
	box-shadow: 0px 10px 20px 0px #CDCDCD40;
	padding: 0px;
	overflow: hidden;
}

.bt_add_friend_group {
	position: absolute;
	right: 28px;
	bottom: 28px;
}

.lb_ev_detail {
	background: #fff;
	border: 1px solid #F1F2F3;
	padding: 4px 6px;
	border-radius: 8px;
}

.add_tag_pane .cont_side_pane {
	height: calc(100% - 81px);
}

.tag_search_result {
	background: #F4F6F8;
	padding: 12px;
	width: calc(100% + 2px);
	top: 101%;
	left: -1px;
	display: none;
}

.top_search.open {
	border: 1px solid #467FE7;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.top_search.open .tag_search_result {
	display: block;
	border: 1px solid #467FE7;
	border-top: 1px solid #E3EAF0;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.edit_tag_item {
	border: 1px solid #F1F2F3;
	border-radius: 8px;
	padding: 10px 12px;
	margin-bottom: 12px;
}

.act_edit_icon {
	display: none;
}

.edit_mode .act_edit_icon {
	display: inline-block;
}

.edit_mode .members {
	display: none;
}

.act_edit,
.act_delete {
	padding: 0px 0px;
	cursor: pointer;
}

.act_delete {
	color: #E75074;
	margin-left: 10px;
	font-size: 16px;
}

.tag_user_select .circle_sel {
	display: none;
}

.tag_user_select.sel .circle_sel {
	display: inline-block;
}

.tag_user_select.sel .circle {
	display: none;
}

.tag_member {
	cursor: pointer;
}

.attendee_pane .tag_member:hover {
	opacity: 0.3;
}

.check_number {
	padding: 15px 20px 15px 20px;
}

.tag_member:hover {
	background: #f5f5f5;
}

.share_friend_avatar {
	background: #9ac649;
	padding: 8px;
	border-radius: 15px;
}

.share_friend_avatar img {
	border: 1px solid #fff;
}

.prep_item {
	border: 1px solid #F1F2F3;
	padding: 6px 10px;
	border-radius: 20px;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
}

.prep_item.sel {
	color: white;
	background-color: #467FE7;
}

.dtabs {
	display: flex;
	align-items: center;
	white-space: nowrap;
	overflow-x: auto;
	padding-bottom: 5px;
	user-select: none;
	display: block;
}

.dtabs_overlay {
	width: 40px;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0;
	background: linear-gradient(270deg, #FAFAFA 0%, rgba(250, 250, 250, 0) 100%);
	z-index: 1;
}

.dtab {
	border: 1px solid #467FE7;
	color: #467FE7;
	font-weight: 500;
	font-size: 13px;
	margin-right: 8px;
	border-radius: 30px;
	height: 30px;
	padding: 5px 8px;
	cursor: pointer;
	display: flex;
	align-items: center;
	display: inline-block;
}

.dtab:hover {
	background: #467fe70d;
}

.dtab img {
	float: left;
}

.dtab img.sel {
	display: none;
}

.dtab.sel img {
	display: none;
}

.dtab.sel img.sel {
	display: inline-block;
}

.dtab.sel {
	background: #467FE7;
	color: #fff;
}

.footera {
	border-top: 1px solid #C4C6D0;
	padding: 21px 24px;
}

.footera a {
	color: #44474F;
}

.cont_wrapper,
.cont_wrapper1 {
	padding: 0px 15px;
	max-width: 1440px;
	margin: auto;
}

.cont_wrapper1 {
	padding: 16px 24px;
	;
}

.top_nav {
	height: 80px;
	background: #fff;
	padding: 0px 80px;
}

.top_nav .logo {
	width: auto;
	height: 60px;
}

.top_menu {
	height: 64px;
	background: #fff;
	border-top: 1px solid transparent;
	border-bottom: 1px solid #F1F2F3;
	margin-left: 96px;
	padding: 9px 20px;
}

.top_menu .logo {
	width: auto;
	height: 60px;
}

.top_menu .cont_wrapper1 {
	padding: 10px 24px;
}

.top_title {
	font-weight: 800;
	margin-right: 8px;
}

.top_search input {
	box-shadow: none !important;
	outline: none !important;
	border: 0px !important;
	background: transparent;
	color: #081A3B;
	padding: 6px 8px;
}

.icon_search {
	margin-left: 8px;
}

.top_search,
.etabs {
	display: flex;
	background: #F4F6F8;
	padding: 4px;
	border-radius: 24px;
	height: 40px;
	align-items: center;
	position: relative;
}

.cont_side_pane .top_search {
	margin-left: 0;
	margin-right: 0;
}

.age,
.loc,
.prep {
	padding: 5px 9px;
	padding-left: 10px;
	line-height: 1.4;
	border: 1px solid #F1F2F3;
	font-size: 13px;
	font-weight: 700;
	border-radius: 20px;
	color: #081A3B;
	margin-right: 8px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	min-width: 40px;
	text-align: center;
}

.prep.sel {
	color: white;
	background-color: #467FE7;
}
.loc.sel {
    color: white;
    background-color: #467FE7 !important;
}
.age.add_age {
	display: block;
}

.age {
	cursor: pointer;
}

/* .custom_age_part:hover {
	opacity: 0.2;
} */

.prep {
	gap: 3px;
}

.prep img {
	cursor: pointer;
}

.age img {
	margin-left: 5px;
}

.age.sel {
	color: #fff;
	background: #467FE7;
}

.etab {
	color: #081A3B;
	font-weight: 700;
	font-size: 14px;
	padding: 7px;
	min-width: 140px;
	width: 100%;
	text-align: center;
	border-radius: 20px;
}

.etab.sel {
	background: #fff;
	box-shadow: 0px 1px 30px 0px #77858C26;
}

.loves {
	border: 1px solid #F1F2F3;
	display: flex;
	align-items: center;
	border-radius: 28px;
	font-size: 14px;
	font-weight: 700;
	padding: 2px;
	position: relative;
	cursor: pointer;
	user-select: none;
	min-width: 183px;
}

.loves>div>img {
	width: 34px;
	height: 34px;
	border-radius: 34px;
	margin-right: -14px;
	background: #fff;
	border: 2px solid #fff;
    object-fit: cover;
}

.loves div img:last-child {
	margin-right: 0;
}

.loves_name {
	padding-left: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	flex-grow: 1;
}

.loves .arrow {
	font-weight: bold;
	font-size: 20px;
	padding-right: 8px;
	padding-left: 6px;
	margin-left: auto;
}

.footer {
	background: #F3F6FC;
	padding: 80px 0px;
	padding-bottom: 40px;
}

.footer a {
	color: #44474F;
}

.footer a:hover {
	color: #004494;
}

.flogo {
	width: auto;
	height: 60px;
}

.footerb {
	background: #f0f0f0;
}

.footer .wrapper {
	padding: 70px 0px;
}

.footerb .wrapper {
	padding: 40px 0px;
}

.font_bold {
	font-weight: 700;
}

.font_bold1 {
	font-weight: 800;
}

.font_bolde {
	font-weight: 900;
}

.font_upper {
	text-transform: uppercase;
}

.font_medium0 {
	font-weight: 500;
}

.font_medium {
	font-weight: 600;
}

body .div_container {
	margin-top: 80px;
	margin-left: auto;
	margin-right: auto;
}


::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

::-webkit-scrollbar-thumb {
	background: #eee;
	border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
	background: #ccc;
	cursor: pointer;
}


h1.h1_title {
	margin-top: 0;
	font-size: 24px;
}

h1 {
	font-weight: 600;
	font-size: 34px;
	line-height: 44px;
	margin: 24px 0px;
	margin-top: 32px;
}

.section {
	padding: 20px 0px;
}

.fright {
	float: right;
}

.flex {
	display: flex;
}

.flex_grow {
	flex-grow: 1;
	flex: 1;
}

.flex_dir_col {
	flex-direction: column;
}

.flex_astart {
	align-items: flex-start;
}

.flex_aend {
	align-items: flex-end;
}

.flex_aselfend {
	align-items: self-end;
}

.flex_acenter {
	align-items: center;
}

.flex_jcenter {
	justify-content: center;
}

.flex_jspace {
	justify-content: space-between;
}

.flex_jend {
	justify-content: end;
}

.col_gap_8 {
	column-gap: 8px;
}

.col_gap_5 {
	column-gap: 5px;
}

.col_gap_4 {
	column-gap: 4px;
}

.col_gap_10 {
	column-gap: 10px;
}

.col_gap_16 {
	column-gap: 16px;
}

.col_gap_24 {
	column-gap: 24px;
}

.col_gap_30 {
	column-gap: 30px;
}

.flex_wrap {
	flex-wrap: wrap;
}

.flex_end {
	justify-content: flex-end;
}

.clrsuccess {
	color: #47A47D;
}

.clrblue {
	color: #467FE7;
}

.clrblue1 {
	color: #081A3B;
}

.clrred {
	color: #E75074;
}

.clrblack {
	color: #1B1B1F;
}

.clrgray {
	color: #666C75;
}

.clrgreen {
	color: #2D7D32;
}

.clrstar {
	color: #FDCD07;
}

.clrgray1 {
	color: #828792;
}

.clrgray2 {
	color: #979797;
}

.clrwhite {
	color: #fff;
}

.bgblue {
	background: #467FE7;
}

.bgwhite {
	background: #FFFFFF !important;
}

.bginfo {
	background: #467FE7;
}

.bgsuccess {
	background: #A0C633;
}

.bgwarning {
	background: #FDCD07;
}

.bgyellow {
	background: #F5B309;
}

.bgred {
	background: #E75074;
}

.bgred1 {
	background: #FADBE2
}
.bgred2 {
    background: #fadbe2;
    color: #e75074;
}
.bglime {
    background: #02b3c6;
}
.bgsky {
	background: #01B4C8;
}

.bgpurple {
	background: #B350F0;
}


.timebg {
	background: #E9F1FC;
	border-radius: 4px;
	padding: 3px 4px;
}

.time_redbg {
	background: #FADBE2 !important;
}

.cate_danger {
	background: #FADBE2 !important;
	border: 1px solid #fd5acc;
	color: #fd5acc;
}

.fsize10 {
	font-size: 10px;
}

.fsize11 {
	font-size: 11px;
}

.fsize12 {
	font-size: 12px;
}

.fsize13 {
	font-size: 13px;
}

.fsize14 {
	font-size: 14px;
}

.fsize16 {
	font-size: 16px;
}

.fsize18 {
	font-size: 18px;
}

.fsize20 {
	font-size: 20px;
}

.fsize22 {
	font-size: 22px;
}

.fsize24 {
	font-size: 24px;
}

.fsize28 {
	font-size: 28px;
}

.fsize30 {
	font-size: 30px;
}

.fsize32 {
	font-size: 32px;
}

.fsize40 {
	font-size: 40px;
}

.pane {
	background: #fff;
}

.pane_cont {
	padding: 16px;
}

hr {
	margin-top: 16px;
	margin-bottom: 16px;
	border: 0;
	border-top: 1px solid #F1F2F3;
	width: 100%;
}

.hr8 {
	margin-top: 8px;
	margin-bottom: 8px;
	border: 0;
	border-top: 1px solid #F1F2F3;
	width: 100%;
}

.hr12 {
	margin-top: 12px;
	margin-bottom: 12px;
	border: 0;
	border-top: 1px solid #F1F2F3;
	width: 100%;
}

.strike {
	text-decoration: line-through;
	color: #C4C6D0;
}

.imgh140 {
	width: 100%;
	height: 140px;
	object-fit: cover;
}

.img16 {
	width: 16px;
	height: 16px;
    object-fit: cover;
}

.img18 {
	width: 18px;
	height: 18px;
    object-fit: cover;
}

.img20 {
	width: 20px;
	height: auto;
    object-fit: cover;
}

.img24 {
	width: 24px;
	height: 24px;
    object-fit: cover;
}

.img26 {
	width: 26px;
	height: 26px;
	object-fit: cover;
}

.img28 {
	width: 28px;
	height: 28px;
	object-fit: cover;
}

.img90 {
	width: 90px;
	height: 90px;
	object-fit: cover;
}

.img30 {
	width: 30px;
	height: 30px;
	object-fit: cover;
}

.img32 {
	width: 32px;
	height: 32px;
	object-fit: cover;
}

.img36 {
	width: 36px;
	height: 36px;
	object-fit: cover;
}

.img40 {
	width: 40px;
	height: 40px;
	object-fit: cover;
}

.img48 {
	width: 48px;
	height: 48px;
	object-fit: cover;
}

.img56 {
	width: 56px;
	height: 56px;
	object-fit: cover;
}

.img88 {
	width: 88px;
	height: 88px;
	object-fit: cover;
}

.img64 {
	width: 64px;
	height: 64px;
	object-fit: cover;
}

.img72 {
	width: 72px;
	height: 72px;
	object-fit: cover;
}

.textellip {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.letsp5 {
	letter-spacing: 0.5px;
}

.letsp2 {
	letter-spacing: 0.25px;
}

.cursorp {
	cursor: pointer;
}

.m10 {
	margin: 10px;
}

.px20 {
	padding: 0 20px 0 20px;
}

.px15 {
	padding: 0 15px 0 15px;
}

.py10 {
	padding: 10px 0 10px 0;
}

.py20 {
	padding: 20px 0 20px 0;
}

.pr30 {
	padding-right: 30px;
}

.p12 {
	padding: 8px 12px;
}

.p10 {
	padding: 10px;
}

.p16 {
	padding: 16px;
}

.ml8 {
	margin-left: 8px;
}

.ml10 {
	margin-left: 10px;
}

.ml16 {
	margin-left: 16px;
}

.mta {
	margin-top: auto;
}

.mra {
	margin-right: auto;
}

.mla {
	margin-left: auto;
}

.mr3 {
	margin-right: 3px;
}

.mr5 {
	margin-right: 5px;
}

.mr8 {
	margin-right: 8px;
}

.mr10 {
	margin-right: 10px;
}

.mr12 {
	margin-right: 12px;
}

.mr16 {
	margin-right: 16px;
}

.mr20 {
	margin-right: 20px;
}

.mr40 {
	margin-right: 40px;
}


.mt6 {
	margin-top: 6px;
}

.mt10 {
	margin-top: 10px;
}

.mt8 {
	margin-top: 8px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb8 {
	margin-bottom: 8px;
}

.mb4 {
	margin-bottom: 4px;
}

.mt20 {
	margin-top: 20px;
}

.mt24 {
	margin-top: 24px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb24 {
	margin-bottom: 24px;
}

.mb32 {
	margin-bottom: 32px;
}

.mt16 {
	margin-top: 16px;
}

.mb12 {
	margin-bottom: 12px;
}

.mb16 {
	margin-bottom: 16px;
}

.mb40 {
	margin-bottom: 40px;
}

.mx20 {
	margin: 0 20px;
}

.my20 {
	margin-bottom: 20px 0;
}

.pt10 {
	padding-top: 10px;
}

.pt12 {
	padding-top: 12px;
}

.pt16 {
	padding-top: 16px;
}

.pl8 {
	padding-left: 8px;
}

.pl16 {
	padding-left: 16px;
}

.pb5 {
	padding-bottom: 5px;
}

.p20 {
	padding: 20px;
}

.pb10 {
	padding-bottom: 10px;
}

.pb24 {
	padding-bottom: 24px;
}

.pb20 {
	padding-bottom: 20px;
}

.pb8 {
	padding-bottom: 8px;
}

.pt20 {
	padding-top: 20px;
}

.pt24 {
	padding-top: 24px;
}

.pt40 {
	padding-top: 40px;
}

.pb20 {
	padding-bottom: 20px;
}


.b10 {
	bottom: 10px;
}

.b16 {
	bottom: 16px;
}

.b18 {
	bottom: 8px;
}

.l16 {
	left: 16px;
}

.l5 {
	left: 5px;
}

.l10 {
	left: 10px;
}

.t8 {
	top: 8px;
}

.t5 {
	top: 5px;
}

.t10 {
	top: 10px;
}

.r5 {
	right: 5px;
}

.r10 {
	right: 10px;
}

.r20 {
	right: 20px;
}

.posr {
	position: relative;
}

.dot {
	font-size: 4px;
	margin: auto 6px;
}

.c_e_item,
.s_e_item {
	border: 1px solid #F1F2F3;
	border-radius: 8px;
	padding: 12px 12px;
	cursor: pointer;
}

.s_e_item {
	padding: 8px;
}

.alarm_select,
.time_select {
	position: relative;
}

.alarm_select_cont,
.time_select_cont {
	display: none;
	box-shadow: 0px 3px 20px 0px #95959545;
	background: #fff;
	position: absolute;
	border-radius: 10px;
	width: 100%;
	top: 50px;
	left: 0px;
	z-index: 99;
}

.time_select_cont {
	top: 68px !important;
}

.alarm_select_cont>div,
.time_select_cont>div {
	padding: 8px 12px;
}

.alarm_select_cont>div:hover,
.time_select_cont>div:hover {
	background-color: #F4F6F8;
}

.alarm_select.open .alarm_select_cont,
.time_select.open .time_select_cont {
	display: block;
	z-index: 99;
}

.time_select.open .time_select_cont {
	height: 220px;
	overflow-y: auto;
}

.alarm_select .up,
.time_select .up {
	display: none;
}

.alarm_select.open .down,
.time_select.open .down {
	display: none;
}

.alarm_select.open .up,
.time_select.open .up {
	display: inline-block;
}

.venue img,
.online img {
	position: absolute;
	right: 13.5px;
	top: 13.5px;
}

.nav {
	padding: 5px 20px;
	background: #fff;
	color: #555;
	box-shadow: 0 0px 10px 0px rgb(0 0 0 / 10%);
	cursor: pointer;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 99;
}

.nav_cont {
	max-width: 1040px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.nav2 {
	background: #3f8afb;
	color: #fff;
	padding: 8px 20px;
}

.nav2 h2 {
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

.nav2 .bt,
.nav2 .d_input {
	margin-top: 0;
	color: #333;
}

a.nav_item,
a.nav_item:visited,
a.nav_item:focus {
	color: #696a79;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	line-height: 28px;
	margin-left: 20px;
	display: flex;
	align-items: center;
}

a.nav_item i {
	margin-left: 7px;
}

a.nav_item:hover {
	color: #424242;
	text-decoration: none;
}

a.nav_item.sel {
	color: #FF9318;
}

.radiusb {
	border-radius: 100px;
    object-fit: cover;
}

.radiusb6 {
	border-radius: 6px;
    object-fit: cover;
}

.radiusb8 {
	border-radius: 8px;
    object-fit: cover;
}

.radiusb12 {
	border-radius: 12px;
    object-fit: cover;
}

.radiusb16 {
	border-radius: 16px;
    object-fit: cover;
}

.radiusb20 {
	border-radius: 20px;
    object-fit: cover;
}

.imgcover {
	object-fit: cover;
}

.sub_menu {
	position: absolute;
	top: 46px;
	right: 0px;
	background: #FFFFFF;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	width: 260px;
	padding: 0px 18px;
	display: none;
}

.sub_menu.show {
	display: block;
}

a.sub_item {
	font-size: 14px;
	line-height: 20px;
	color: #0F233A;
	display: flex;
	padding: 16px 0px;
}

a.sub_item:hover {
	color: #5A70CF;
}

a.sub_item img {
	margin-right: 18px;
}

a.sub_item i {
	margin-left: auto;
	font-size: 18px;
}

.sub_item_border {
	border-bottom: 1px solid #f1f5f9;
}

.top_logo {
	height: 40px;
	width: auto;
	margin-right: 10px;
}

.nav_left span {
	color: #EC6408;
	font-weight: 900;
	font-size: 40px;
}

.nav_left {
	text-align: left;
	display: flex;
	align-items: center;
}

.nav_menu {
	margin-right: auto;
	display: flex;
}

.nav_right {
	text-align: right;
	display: flex;
	position: relative;
}

.nav_top_item {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	background: #dbdddf;
	background: #e8e9eb;
	margin-left: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	cursor: pointer;
}

.nav_lang {
	padding: 11px;
}

.nav_lang .nav_sub_item img {
	width: 18px;
}

.nav_top_item>img {
	border-radius: 40px;
}

.nav_top_item:not(.nav_noti):hover .nav_sub_menu,
.nav_top_item.sel .nav_sub_menu {
	display: block;
}

.nav_sub_menu {
	position: absolute;
	top: 99%;
	width: 140px;
	right: 0px;
	display: none;
	padding-top: 10px;
}

.nav_sub_wrap {
	background: #fff;
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px 0px;
	overflow: hidden;
}

.nav_sub_item {
	padding: 10px 12px;
	border-bottom: 1px solid #eee;
	display: flex;
	align-items: center;
}

.nav_sub_item:hover {
	background: #f5f5f5;
}

.nav_sub_item:last-child {
	border: 0;
}

.alpha30 {
	opacity: 0.3;
}

.alpha60 {
	opacity: 0.6;
}

.nav_noti_item {
	display: block;
	font-weight: 500;
	text-align: left;
	justify-content: flex-start;
}

.nav_noti_item img {
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

.nav_badge {
	position: absolute;
	right: -2px;
	bottom: -2px;
	background: #f55d5d;
	line-height: 12px;
	color: #fff;
	padding: 2px 4px;
	min-width: 16px;
	text-align: center;
	font-weight: 600;
	border-radius: 20px;
	font-size: 12px;
}

.nav_sub_item i {
	width: 20px;
	margin-right: 10px;
}

.nav_noti_item i {
	width: auto;
	margin-right: 8px;
	margin-top: 2px;
}

.u_input {
	position: relative;
}

.u_input .dollar,
.d_input .dollar {
	position: absolute;
	color: #000;
	font-size: 16px;
	font-weight: 700;
	right: 8px;
	top: 10px;
}

.d_input {
	margin-top: 16px;
	position: relative;
}

.d_input .f_input,
.d_border {
	border-radius: 8px;
	border: 1px solid #ccc;
	padding: 12px 16px;
	outline: none;
	width: 100%;
	background: #fff;
	background: transparent;
	color: #44474F;
	border: 1px solid #74777F;
	box-shadow: none;
	height: auto;
	max-height: 46px;
}

.d_input textarea.f_input {
	max-height: 100vh;
	min-height: 46px;
	max-width: 100%;
	min-width: 100%;
}

.d_input .f_input:focus {
	border: 1px solid #467FE7;
	/*	box-shadow: inset #467FE7 0px 0px 1px 1px;*/
	box-shadow: 0px 0px 4px 0px #467FE7CC;
}

.d_border {
	padding: 12px 16px;
	max-height: 100%;
	border-radius: 8px;
}

.d_input .f_input {
	border-color: #F4F6F8;
	background: #F4F6F8;
}

.cont_wrapper1 .d_input .f_input {
	padding: 8px 16px;
	max-height: 40px;
}

.d_input select.f_input {
	padding-left: 11px !important;
	padding-right: 24px !important;
	-webkit-appearance: none;
	position: relative;
	background: url(../images/dropdown.png);
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: right;
}

input[type='checkbox'] {
	accent-color: #467FE7 !important;
	outline: none !important;
}

.d_input img.eye {
	position: absolute;
	width: 20px;
	right: 4%;
	top: 13px;
	cursor: pointer;
}

.d_input .f_input.i_error {
	border-color: #f00;
}

.d_input .bootstrap-select>.dropdown-toggle {
	padding: 0px;
	border: 0 !important;
	outline: none !important;
	background: transparent !important;
	box-shadow: none !important;
	font-size: 16px;
}

.d_input .bootstrap-select.f_input {
	padding-right: 0px;
}

.d_input label {
	font-weight: 500;
	font-size: 14px;
	display: flex;
	align-items: center;
	color: #888;
}

.d_input label .icon_img {
	width: 28px;
	height: 28px;
}

.d_input_box {
	position: relative;
}

.d_input_box select.f_input {
	position: absolute;
	width: 100%;
	top: 24px;
	z-index: -1;
}

.d_input.one_row {
	display: flex;
	align-items: center;
}

.d_input.one_row label {
	margin-bottom: 0;
	margin-right: 5px;
}

.d_input select.f_input {
	padding-left: 11px;
}

.d_input_card {
	position: relative;
}

.d_input_card img {
	width: 24px;
	height: 24px;
	position: absolute;
	left: 8px;
	top: 12px;
	display: none;
}

.mt0 {
	margin-top: 0px;
}

.d_nav_search,
.d_search {
	margin-top: 0px;
	margin-left: 20px;
	position: relative;
}

.d_nav_search span {
	position: absolute;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 0px;
	top: 6px;
	display: none;
}

.d_nav_search i,
.d_search i {
	position: absolute;
	left: 12px;
	top: 12px;
}

.d_nav_search input.f_input,
.d_search input.f_input,
.g_input {
	background: #e8e9eb;
	padding: 10px 16px;
	border: 0px;
	border-radius: 8px;
	padding-left: 34px;
}

.g_input {
	min-width: 80px;
	outline: none !IMPORTANT;
	box-shadow: none !important;
	padding-left: 16px;
}

.d_datepicker {
	position: relative;
}

.d_datepicker .f_input {
	padding-right: 40px;
}

.d_datepicker i.fa-calendar {
	position: absolute;
	right: 12px;
	bottom: 14px;
	font-size: 18px;
	color: #ccc;
}

.hlist {
	white-space: nowrap;
	overflow-x: auto;
	padding: 0px 8px;
}

/*a,
a:focus,
a:visited {
	color: inherit;
	text-decoration: none;
}*/
.bt {
	background: linear-gradient(180deg, #859DFF 0%, #4058C4 84.9%, #4760D0 100%);
	background: #467FE7;
	border: 1px solid #467FE7;
	border-radius: 8px;
	color: #fff;
	text-align: center;
	padding: 9px 16px;
	line-height: 20px;
	cursor: pointer;
	min-width: 40px;
	user-select: none;
	max-height: 40px;
	font-weight: 700;
	letter-spacing: 0.1px;
	transition: all 0.3s;
}

.bt.bt_small {
	padding: 4px 12px;
}

.bt.bt_none {
	background: transparent !important;
	color: #828792;
	border-color: transparent !important;
}

.bt.bt_none:hover {
	color: #467FE7;
}

.bt.bt_blue1 {
	background: #E9F1FC;
	color: #467FE7;
	border-color: #E9F1FC;
}

.bt.bt_blue {
	min-width: 100px;
	line-height: 20px;
	padding: 13px 24px;
	max-height: 48px;
	background: #004494;
	border-color: #004494;
	display: inline-block;
}

.bt.bt_blue:hover,
a.bt.bt_blue:hover {
	background: #001A41;
	border-color: #001A41;
}

.bt.bt_disabled {
	background: #C4C6D0 !important;
	border-color: #C4C6D0 !important;
	color: #44474F !important;
}

.bt_disabled1,
.act_disabled {
	opacity: 0.2 !important;
}

.bt_block {
	display: block;
}

.bt_large {
	padding: 16px 24px;
	max-height: 100px;
}

.bt.bt_red1 {
	background: #FADBE2;
	border-color: #FADBE2;
	color: #E75074;
}

.bt.bt_red {
	background: #E75074;
	border-color: #E75074;
}

.bt.bt_red.bt_white {
	background: #fff;
	color: #E75074;
	border-color: #E75074;
}

.bt.bt_red:hover {
	opacity: 0.9;
}

.bt.bt_red.bt_white:hover {
	background: #fff;
	color: #E75074;
}

a.bt:hover {
	color: #fff;
}

.bt img {
	height: 20px;
	width: auto;
	margin-right: 10px;
}

.bt:hover {
	opacity: 0.9;
	/*background: #004494;
	border-color: #004494;*/
}

.bt.bt_orage {
	background: #ff8b1f;
}

.bt.bt_white {
	background: transparent;
	color: #467FE7;
	border: 1px solid #467FE7;
}

a.bt.bt_white:hover,
.bt.bt_white:hover {
	background: #467FE7;
	color: #fff;
}

.bt.bt_noborder {
	border-color: transparent !important;
}

.bt.bt_gray {
	background: #f5f5f5;
	color: #5A70CF;
}

.bt.bt_gray:hover {
	background: #eee;
}


.bt_go_login,
.bt_go_signup,
.bt_go_forgot {
	cursor: pointer;
}

.div_loading {
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.15);
	z-index: 9999;
	opacity: 1;
	display: none;
}

.inner_loading {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0;
	right: 0;
	background: rgba(255, 255, 255, 0.15);
	z-index: 1000;
	opacity: 1;
}

.div_loading img {
	width: auto;
	height: 120px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 12px 0px;
	border-radius: 15px;
}

.loading_title {
	text-align: center;
	font-weight: bold;
	padding: 0px;
}

.error,
.error1 {
	padding-bottom: 8px;
	text-align: center;
	color: #E75074;
	font-size: 14px;
}

.div_table {
	background: #F3F6FC;
	border-radius: 8px;
	min-height: calc(100vh - 220px);
}

.div_table .table>thead>tr>th {
	border-bottom: 1px solid #C4C6D0;
	color: #44474F;
	font-size: 16px;
	font-weight: 400;
	padding: 16px;
}

.div_table table thead tr {
	background: transparent;
}

.div_table .table>tbody>tr>td {
	padding: 8px 16px;
	border-top: 0px;
	vertical-align: middle;
}

.div_table .table>tbody>tr:hover {
	background: #E9ECF2;
}

.side_menu {
	width: 200px;
	background: #151515;
	color: #fff;
	position: fixed;
	z-index: 8;
	height: 100%;
	padding-top: 0px;
	top: 67px;
}

.cont_body {
	padding-left: 220px;
	padding-top: 20px;
	padding-right: 20px;
}

.cont_body_wrapper {
	padding: 20px;
	position: relative;
	border-radius: 4px;
	min-height: calc(100vh - 110px);
}

.menu_item {
	font-weight: 500;
	color: #74777F;
	padding: 10px 14px;
	position: relative;
	transition: all 0.3s;
}

.menu_item::after {
	content: '';
	position: absolute;
	height: 4px;
	background: transparent;
	border-radius: 4px;
	width: 24px;
	bottom: 0px;
	left: calc(50% - 12px);
}

.menu_item.sel,
.menu_item:hover {
	color: #001A41;
}

.menu_item.sel::after {
	background: #001A41;
}

.sub_menu1 {
	transition: all erase-in-out;
	display: none;
}

.sub_menu1 .menu_item {
	padding-left: 44px;
}

.sub_menu1 .menu_item:hover {
	background: transparent;
}

.empty {
	color: #888;
	font-style: italic;
	padding: 8px 12px;
	font-weight: 500;
}

img {
	max-width: 100%;
}

.ustatus {
	background: #ccc;
	width: 9px;
	height: 9px;
	border-radius: 8px;
	margin-right: 10px;
}

.ustatus.online {
	background: #00e700;
}

.ustatus.away {
	background: #ffc107;
}

.ad {
	border-radius: 8px;
	overflow: hidden;
	text-align: center;
}

.ad img {
	width: auto;
	height: 100%;
}

.game {
	display: inline-block;
	margin-bottom: 24px;
	transition: all 0.5s;
}

.game>img {
	border-radius: 10px;
	width: 330px;
	max-width: 100%;
	height: 180px;
	object-fit: cover;
	transition: all 0.5s;
}

.game_title {
	text-transform: uppercase;
}

.tcenter {
	text-align: center;
}

.tright {
	text-align: right;
}

.card {
	background: #fff;
	border-radius: 8px;
	box-shadow: 0px 0px 8px rgb(0 0 0 / 3%);
	padding: 16px;
	border: 1px solid #e3e6eb;
	position: relative;
}

.card_title {
	font-size: 22px;
	font-weight: 600;
	padding: 16px 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.card_cont {
	padding: 16px 20px;
}

.card_bottom {
	padding: 16px 20px;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.buttons {
	display: flex;
}

.buttons>.bt {
	margin: 0;
	margin-right: 16px;
}

.buttons>.bt:last-child {
	margin-right: 0;
}

.dlg_photo {
	display: none;
}

#dlg_confirm1 .bt_cconfirm,
#dlg_edit_category .bt_cconfirm,
#dlg_confirm3 .bt_cconfirm {
	background: #FADBE2;
	color: #E75074;
	border-color: #FADBE2;
}

.dlg .bt {
	font-weight: 700;
}

.dlg {
	position: fixed;
	z-index: 1003;
	background: rgba(0, 0, 0, 0.2);
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	display: none;
}

.dlg_overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.dlg_close {
	position: absolute;
	right: 3px;
	top: 7px;
	cursor: pointer;
	padding: 5px 10px;
	color: #C4C6D0;
	font-size: 18px;
	font-weight: 500;
}

.dlg_cont {
	background: #fff;
	padding: 20px;
	border-radius: 16px;
	position: relative;
	max-width: calc(100vw - 30px);
	max-height: calc(100vh - 40px);
	/*	width: 400px;*/
}

.dlg_cont h3 {
	margin: 0px;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}

#dlg_image.dlg {
	background: rgba(0, 0, 0, 1);
}

#dlg_image .dlg_cont {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	padding: 20px;
	margin: 0;
}

#dlg_image .dlg_cont img {
	background: #aaa;
	padding: 20px;
	border-radius: 12px;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	user-select: none;
}

.bt_cancel {
	z-index: 99;
	position: absolute;
	right: 10px;
	top: 10px;
	float: right;
	font-size: 16px;
	cursor: pointer;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	opacity: 0.7;
}

.bt_cancel:hover {
	opacity: 1;
}

.m_nav {
	display: none;
}

.mbadge {
	display: none;
}

/* .mbadge {} */

.toast {
	position: fixed;
	z-index: 9999;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	display: none;
	transition: ease all 0.5s;
}

.toast div {
	border-radius: 8px;
	background: #414142;
	color: #fff;
	padding: 20px 30px;
	border: 0px solid #fff;
	box-shadow: #aaa 0px 0px 12px 0px;
}

.toast.open {
	display: flex;
}

.sub_footer {
	background: #fff;
	left: 0;
	bottom: 0;
	z-index: 10;
	width: 100%;
	padding: 10px 0px;
	display: flex;
	justify-content: space-between;
}

.sub_footer .bt {
	display: inline-block;
	margin-top: 0;
}

#dlg_confirm,
#dlg_error,
.dlg {
	background: rgba(0, 0, 0, 0.5);
	/*	backdrop-filter: blur(5px);*/
}

#dlg_confirm .dlg_cont,
#dlg_error .dlg_cont {
	max-width: 414px;
	min-width: 320px;
	position: relative;
	border-radius: 12px;
}

.confirm_message,
.error_message,
.success_message {
	text-align: center;
	padding: 10px;
	padding-bottom: 20px;
	font-weight: 500;
	font-size: 16px;
}

.positionp {
	position: relative;
}

.h100 {
	height: 100%;
}

.h60 {
	height: 60px;
}

.w50 {
	width: 50%;
	position: relative;
}

.w100 {
	width: 100%;
}

.w70 {
	width: 70%;
}

.w30 {
	width: 30%;
}

.w48 {
	width: 48px;
}

.profile_more .w48 {
	display: none;
}

.profile_more.no .w48 {
	display: inline-block;
}

.profile_more.no img {
	display: none;
}


a.bt:focus {
	text-decoration: none;
}

/*a.bt,
a.bt:focus,
a.bt:visited {
	color: inherit;
}*/

td a,
td a:focus,
td a:visited {
	color: #151515;
	text-decoration: none;
	display: block;
}

td a:hover {
	color: #FAB516;
}

a:hover {
	text-decoration: none;
	color: #081A3B;
}

table.dataTable thead th,
table.dataTable tbody td {
	border-bottom: 0px;
}

table.dataTable tbody td {
	border-top: 1px solid #eee;
}

table.dataTable tbody td i {
	color: #FAB516;
}

table.dataTable tbody td.td_bold {
	font-weight: bold;
}

table thead tr {
	background: rgb(250, 250, 250);
	color: #151515;
}

table.dataTable thead tr th {
	font-weight: 300;
	border-bottom: 0px;
	font-size: 12px;
	padding-left: 12px;
}

table#table {
	border: 1px solid #ddd;
	border-radius: 5px;
	overflow: hidden;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background: #fff;
}

#table_wrapper label {
	font-weight: 300;
}

.card.pitem {
	transition: all 0.5s;
}

.card.pitem:hover {
	box-shadow: #8cdcff 0px 0px 5px 0px;
	transform: translateY(5px);
}

.gitem {
	background: #fff;
	border-radius: 8px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.03);
	padding: 12px;
	width: 240px;
	margin-bottom: 20px;
	margin-right: 16px;
	position: relative;
	transition: all 0.5s;
}

.gitem_hide {
	display: none;
}

.gitem:hover {
	box-shadow: #8cdcff 0px 0px 10px 0px;
	transform: translateY(5px);
}

.gitem>img {
	display: block;
	margin: auto;
	margin-bottom: 12px;
	height: 120px;
	margin-top: 5px;
}

.gitem hr {
	margin: 8px 0px;
}

.gitem_title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.gitem .hot {
	position: absolute;
	border-radius: 20px;
	right: 10px;
	top: 5px;
	height: 34px;
}

.top_link {
	color: #aaa;
	display: flex;
	align-items: center;
	padding: 20px 0px;
	font-weight: 500;
}

.top_link .dot {
	padding: 0px 15px;
	font-size: 5px;
}

.d_checkbox,
.d_radio {
	width: 18px;
	height: 18px;
	display: flex;
	align-items: center;
	color: #888;
	padding: 4px 0px;
	margin-right: 8px !important;
	margin-top: 0 !important;
}

input[type='radio'] {
	accent-color: #467FE7 !important;
	outline: none !important;
}

input[type='radio']:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.d_checkbox input.f_input,
.d_radio input.f_input {
	width: 14px;
	height: 14px;
	margin: 0px;
}

.d_checkbox label,
.d_radio label {
	margin: 0px;
	padding-left: 10px;
	font-weight: 500;
	user-select: none;
	cursor: pointer;
}

.d_checkbox label:hover .d_radio label:hover {
	color: #555;
}

.tabs {
	display: flex;
	color: #74777F;
	border-bottom: 1px solid #C4C6D0;
}

.tab {
	border-bottom: 1px solid transparent;
	cursor: pointer;
	padding: 8px 12px;
	font-weight: 500;
	margin-bottom: -1px;
	user-select: none;
}

.tab:hover {
	color: #004494;
}

.tab.sel {
	color: #004494;
	border-bottom: 1px solid #004494;
}

.tab_cont {
	display: none;
}

.m_show {
	display: none;
}

.hha_list {
	line-height: 20px;
	max-height: 140px;
	overflow: hidden;
}

.hha_list.more {
	max-height: none;
	overflow: visible;
}

.color {
	width: 32px;
	height: 32px;
	border-radius: 20px;
	display: inline-block;
	margin-right: 7px;
	margin-top: 8px;
	background: #eee;
	position: relative;
	border: 1px solid #ccc;
	cursor: pointer;
}

.color i {
	color: #008ffa;
	font-size: 16px;
	position: absolute;
	right: -2px;
	bottom: -2px;
	border-radius: 10px;
	line-height: 13px;
	background: #fff;
	display: none;
}

.color.sel i {
	display: block;
}

.color.color1 {
	background: #c4c4c4;
}

.color.color2 {
	background: #ff3f38;
}

.color.color3 {
	background: #3187fa;
}

.color.color4 {
	background: #fed355;
}

.color.color5 {
	background: #22c8f1;
	margin-right: 0;
}

.color.color6 {
	background: #fff;
}

.color.color7 {
	background: #303030;
}

.color.color8 {
	background: #fd5acc;
}

.color.color9 {
	background: #ff7f9a;
}

.color.color10 {
	background: #3fdd5e;
	margin-right: 0;
}

.sphoto {
	width: 24px;
	height: 24px;
	padding: 2px;
	border-radius: 20px;
	margin-right: 5px;
	object-fit: cover;
}

.stars>i {
	margin-right: -2px;
}

.starfill {
	color: #ffc93f;
}

/* input.form-control[type='password'] {
		font-size: 24px;
} */

.mx {
	padding-left: 3px;
	padding-right: 2px;
}

.variants {
	white-space: nowrap;
	overflow-x: auto;
	padding-bottom: 8px;
	padding-top: 8px;
	border-top: 1px solid #e5e5e5;
}

.vitem {
	display: inline-block;
}

.vitem {
	background: #f3f3f3;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	padding: 5px;
	margin-right: 10px;
	transition: all 0.2s ease 0s;
	cursor: pointer;
}

.vitem:hover,
.vitem.sel {
	background: #e3e3e3;
}

.vitem img {
	width: 100%;
	object-fit: contain;
}

.search_list {
	position: absolute;
	top: 40px;
	right: 0px;
	width: calc(100% - 20px);
	max-height: 360px;
	overflow-y: auto;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0px 3px 8px rgb(0 0 0 / 10%);
	z-index: 99;
}

.search_item {
	display: flex;
	align-items: center;
	padding: 4px 8px;
	padding: 6px 8px;
	border-bottom: 1px solid #eee;
}

.search_item img {
	width: 36px;
	height: 36px;
	border-radius: 8px;
	margin-right: 10px;
}

.search_item>div {
	width: calc(100% - 50px);
}

.g_id_signin {
	position: absolute;
	opacity: 0;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: center;
}

.g_id_signin>div {
	display: flex;
	justify-content: center;
}

.fb_iframe_widget {
	width: 33%;
	position: absolute !important;
	opacity: 0;
	left: 33%;
	max-height: 36px;
	top: 0px;
	overflow: hidden;
	border-radius: 8px;
}

.toggle.btn {
	max-height: 32px;
	min-height: 32px;
	border-radius: 20px;
	border-color: transparent !important;
	border: 0px;
}

.toggle-group {
	width: 150%;
	left: -5%;
}

.toggle.off .toggle-group {
	left: -43%;
}

.toggle-group label {
	padding: 5px 12px;
}

.toggle-off.btn {
	justify-content: flex-end;
}

.toggle.btn .toggle-handle {
	border-radius: 20px;
	width: 16px;
	height: 16px;
	margin-top: -2px;
	padding: 0px;
    @media screen and (min-width: 1961px) {
        margin-top: -1px !important;
    }
    @supports (-webkit-hyphens: auto) {
        @media screen and (min-width: 1961px) {
            margin-top: -7px !important;
        }
    }
}
.notes_sharing .toggle.btn .toggle-handle {
    @supports (-webkit-hyphens: auto) {
        margin-top: -1px;
        @media screen and (min-width: 1640px) {
            margin-top: -2px !important;
        }
        @media screen and (min-width: 1961px) {
            margin-top: -7px !important;
        }
    }
}
.toggle.btn.off .toggle-handle img {
	opacity: 0;
}

.toggle.btn {
	border-radius: 20px;
	max-width: 56px;
	min-width: 56px;
}

.toggle-off.btn {
	padding-right: 8px;
}

.toggle.btn {
	max-height: 20px;
	min-height: 20px;
	min-width: 36px;
	max-width: 36px;
	border-radius: 20px;
}

.toggle-group .btn {
	padding-top: 5px;
	padding-bottom: 5px;
	color: transparent !important;
}

.toggle-on,
.toggle-off {
	background: transparent !important;
}

.toggle.btn.off .toggle-group {
	background: #828792;
}

.toggle.btn .toggle-group {
	background: #467FE7;
}

.select_date_pane .end_repeat>div:nth-child(2) {
	display: none;
}

.select_date_pane .end_repeat.sel>div:nth-child(1) {
	display: none;
}

.select_date_pane .end_repeat.sel>div:nth-child(2) {
	display: flex;
}

/*
.select_date_pane .bt_date_clear {
	display: none;
} */

/*=========== Admin ===============*/
.hline {
	border-top: 1px solid #21314F;
	margin: 20px 10px;
}

.borderb {
	border-bottom: 1px solid #F1F2F3;
}

.border_white {
	border: 1px solid #FFFFFF;
}

.border_none {
	border: none;
}

.left_menu .logo {
	height: 56px;
}

.left_menu {
	width: 96px;
	background: #081A3B;
	color: #fff;
	position: fixed;
	z-index: 8;
	height: 100%;
	padding-top: 0px;
	top: 0px;
	padding: 12px 15px;
}

.left_menu_item {
	display: block;
	text-align: center;
	border-radius: 8px;
	padding: 10px;
	width: 48px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8px;
	color: #44474F;
	font-weight: 500;
	position: relative;
}

.left_menu_item.sel {
	background: #142E5C;
	color: #004494;
}

.left_menu_item:hover {
	background: #23355442;
	color: #004494;
}

.left_menu_item img {
	width: 24px;
	height: 24px;
}

.left_menu_item .l_menu_icon_sel {
	display: none;
}

.left_menu_item.sel .l_menu_icon_sel {
	display: inline-block;
}

.left_menu_item.sel .l_menu_icon {
	display: none;
}

.left_menu_item>span {
	display: none;
	position: absolute;
	background: #fff;
	border-radius: 4px;
	color: #081A3B;
	padding: 4px 8px;
	white-space: nowrap;
	box-shadow: 0px 8px 20px 0px #0B1F2E1A;
	border: 1px solid #F1F2F3;
	left: 56px;
	top: 8px;
	font-size: 14px;
	font-weight: 700;
}

.left_menu_item:hover span {
	display: block;
}

.admin_account {
	border-radius: 8px;
	margin-top: auto;
	margin-bottom: 20px;
	cursor: pointer;
}

.admin_account>img {
	height: 44px;
	width: 44px;
	border-radius: 48px;
    object-fit: cover;
}

.admin_logout {
	padding: 12px;
}

.left_menu_items {
	display: flex;
	flex-direction: column;
	height: calc(100% - 98px);
}

.dir_rtl {
	direction: rtl;
}

.dir_ltr {
	direction: ltr;
}

.review_link {
	text-decoration: underline;
	font-weight: bold;
	color: white;
}

.review_link:hover {
	color: white;
}

.lang_menu {
	position: absolute;
	background: #fff;
	border-radius: 8px;
	padding: 5px 16px;
	z-index: 1;
	box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 10px 0px;
	left: 56px;
	top: 41px;
	color: #081A3B;
	font-weight: 700;
	min-width: 110px;
	display: none;
}

/* .lang_menu.open {
		display: block;
} */

.left_menu_item span:has(+ .open) {
	display: none;
}

.lang_item {
	text-align: left;
	white-space: nowrap;
	padding: 5px 0px;
	cursor: pointer;
}

.lang_item:hover {
	color: #467FE7;
}

.l_menu_item_lang .goog-te-combo {
	outline: none !important;
	padding: 10px 12px;
	border: 0px;
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 10px 0px;
	position: absolute;
	left: 56px;
	bottom: 0;
	color: #081A3B;
	font-weight: 700;
	z-index: 1;
	margin: 0;
	display: none;
	cursor: pointer;
}

.l_menu_item_lang .goog-te-combo.open {
	display: block;
}

.l_menu_item_lang .goog-te-combo option {
	padding: 5px 0px;
	font-weight: 700;
	font-family: "Nunito", sans-serif;
	background: transparent !important;
}

.l_menu_item_lang .goog-te-combo option:hover {
	color: #467FE7;
}

.l_menu_item_lang .goog-te-combo option:checked {
	color: #467FE7;
}

.side_pane .bt_new_event {
	position: fixed;
    right: 6px;
    bottom: -4px;
	z-index: 5;
}

input[type="file"] {
	display: none;
}

.s_time {
	position: relative;
	border: 1px solid #467FE7;
	border-radius: 8px;
	padding: 10px;
	text-align: center;
	margin-top: 8px;
	font-size: 16px;
	cursor: pointer;
}

.s_time.sel {
	background: rgba(70, 127, 231, 0.15);
}

.s_time.conflict {
	border: 1px solid #F1A0A0;
}

.s_time.conflict.sel {
	background: #F1A0A026;
}

.s_time.active {
	border-color: #47A47D;
}

.s_time.active.sel {
	background: rgba(193, 237, 193, 0.15);
}

.s_time_mark {
	position: absolute;
	right: 8px;
	top: 8px;
}

.img_check {
	width: 24px;
	height: 24px;
}

.img_check.checked {
	display: none;
}

.div_check.checked .img_check {
	display: none;
}

.div_check.checked .img_check.checked {
	display: inline-block;
}

.bggray {
	background: #F4F6F8;
}

.confirm_list>div {
	border-radius: 8px;
	border: 1px solid #467FE7;
}

.confirm_list>div div img {
	background: #E9F1FC;
	border-radius: 40px;
	padding: 10px;
}

/*===================== calendar */
.e_calendar {
	width: 100%;
	background: #fff;
	border-radius: 10px;
	/*  box-shadow: 0 15px 40px rgba(0,0,0,0.12);*/
}

.e_calendar .e_cal_header {
	display: flex;
	align-items: center;
	padding: 10px 0px 10px;
	justify-content: space-between;
}

.e_cal_header .icons {
	display: flex;
}

.e_cal_header .icons span {
	height: 30px;
	width: 30px;
	margin: 0 1px;
	cursor: pointer;
	color: #000;
	text-align: center;
	line-height: 30px;
	font-size: 22px;
	user-select: none;
	border-radius: 50%;
	opacity: 0.3;
}

.e_cal_header .icons span#next {
	opacity: 1;
}

/*.e_cal_header .icons span:hover{
  background: #f2f2f2;
  opacity: 1;
}*/
.e_cal_header .current-date {
	font-size: 16px;
	font-weight: 700;
	color: #081A3B;
	margin-bottom: 0;
}

.e_calendar .calendar {
	padding: 0px;
	padding-bottom: 20px;
}

.e_calendar .calendar ul {
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	text-align: center;
}

.e_calendar .calendar .days {
	margin-bottom: 20px;
}

.e_calendar .calendar li {
	color: #868788;
	width: calc(100% / 7);
	font-size: 14px;
}

.e_calendar .calendar .weeks li {
	font-weight: 700;
	cursor: default;
}

.e_calendar .calendar .days li {
	z-index: 1;
	cursor: pointer;
	position: relative;
	font-weight: 700;
	color: #081A3B;
	margin-top: 30px;
}

.e_calendar .days li.inactive {
	color: #ABB4C4;
	opacity: 0.5;
}

.e_calendar .days li.active,
.e_calendar .days li.atoday {
	color: #fff;
}

.e_calendar .days li::before {
	position: absolute;
	content: "";
	left: 50%;
	top: 50%;
	height: 36px;
	width: 36px;
	z-index: -1;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

.e_calendar .days li.isEvent:not(.inactive)::after {
	position: absolute;
	content: "";
	left: 29px;
	bottom: -5px;
	height: 4px;
	width: 4px;
	border-radius: 4px;
	background: #E75074;
}

.e_calendar .days li.atoday::before {
	background: #467FE7;
}

.e_calendar .days li.active::before {
	background: #E75074;
}

.e_calendar .days li:not(.active):not(.atoday):hover::before {
	background: #f2f2f2;
}

.conflict_text {
	font-family: Nunito;
	font-size: 13px;
	font-weight: 400;
	line-height: 18.2px;
	margin-top: 4px;
	text-align: left;
	color: #E75074;
}

/*=====================*/
.select_date_pane .title_reschedule,
.select_date_pane .go_confirm_reschedule,
.select_date_pane .reschedule_div,
.select_date_pane.reschedule_pane .title_pane,
.select_date_pane.reschedule_pane .go_schedule_time,
.select_date_pane.reschedule_pane .schedule_div {
	display: none;
}

.select_date_pane.reschedule_pane .title_reschedule,
.select_date_pane.reschedule_pane .reschedule_div,
.select_date_pane.reschedule_pane .go_confirm_reschedule {
	display: block;
}

/*=====================================*/
.image_list {
	display: flex;
	flex-wrap: wrap;
	overflow-y: auto;
	margin-bottom: 16px;
	margin-right: -6px;
}

.image_list>div {
	position: relative;
	border-radius: 8px;
	border: 2px solid transparent;
	height: 112px;
	width: calc(50% - 4px);
	margin-bottom: 8px;
	border-radius: 8px;
	overflow: hidden;
	cursor: pointer;
}

.image_list>div.sel {
	border: 2px solid #467FE7;
	box-shadow: 0px 0px 4px 0px #467FE7CC;
}

.image_list>div:nth-child(2n) {
	margin-left: 8px;
}

.image_list>div>img {
	background: #eee;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.video_youtube {
	display: flex;
}

.video_youtube iframe {
	border: 0px;
	width: 100%;
	display: none;
}

.video_youtube>img {
	padding: 90px;
	width: 100%;
	height: 210px;
	object-fit: contain;
	border: 1px dashed #467FE7;
}

.course_lesson {
	border: 1px solid #F1F2F3;
	border-radius: 8px;
	padding: 4px 6px;
	display: flex;
	align-items: center;
}

.course_0lesson {
	border-color: #E75074;
}

.course_desc {
	border-radius: 15px;
	padding: 18px 15px;
	padding-bottom: 5px;
	border: 1px solid #F1F2F3;
}

.photo {
	height: 235px;
	width: 100%;
	position: relative;
}

.course_num {
	display: flex;
	align-items: center;
	background-color: #F1F2F3;
	padding: 4px 6px;
	border-radius: 8px;
}

.lesson_num {
	position: absolute;
	right: 10px;
	top: 10px;
	background: white;
	padding: 4px 6px;
	border-radius: 8px;
}

.series_term {
	position: absolute;
	right: 10px;
	top: 10px;
	background: white;
	padding: 4px 6px;
	border-radius: 8px;
}

.c_course_num {
	position: absolute;
	background-color: #F1F2F3;
	padding: 4px 6px;
	border-radius: 8px;
	left: 10px;
	bottom: 10px;
}

.photo>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.photo .photo_clear {
	width: 32px;
	height: 32px;
	position: absolute;
	right: 8px;
	top: 8px;
	cursor: pointer;
}

.notes.positionp {
	height: calc(100vh - 78px);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.main_message_box {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	flex-grow: 1;
	overflow: auto;
}

.img_notes_send {
	box-shadow: 0 20px 10px -20px rgba(0, 0, 0, 0.45) inset;
}

.img_notes_send .cont {
	margin: 10px;
	overflow-y: auto;
	height: 110px;
	display: flex;
	flex-wrap: wrap;
	/* justify-content: space-between; */
	gap: 5px;
}

.note_item .img_wrapper .attached_image {
	object-fit: cover;
	width: 100%;
	height: 180px;
}

.img_wrapper .delete_attach {
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
	z-index: 1000;
}

.img_notes_send .img_wrapper .img_file {
	width: 100px;
	height: 100px;
	object-fit: cover;
}

.course_item {
	border: 1px solid #F1F2F3;
	padding: 8px 8px;
	border-radius: 16px;
}

.course_list {
	overflow-y: auto;
	height: calc(100vh - 221px);
}

.course_lesson_item {
	background: #fff;
	border: 1px solid #F1F2F3;
	border-radius: 4px 16px 16px 4px;
	border-left: 5px solid #467FE7;
	padding: 12px;
	position: relative;
}

.course_lesson_item .icon_remove_lesson {
	position: relative;
	cursor: pointer;
}

.icon_remove_lesson .lesson_pop {
	display: none;
	position: absolute;
	border-radius: 10px;
	overflow: hidden;
	right: 0px;
	top: 24px;
	z-index: 2;
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 10px 0px;
}

.icon_remove_lesson.open .lesson_pop,
.icon_remove_lesson:hover .lesson_pop {
	display: block;
}

.icon_remove_lesson .lesson_pop>div {
	padding: 8px 10px;
	cursor: pointer;
	white-space: nowrap;
	font-weight: 600;
}

.icon_remove_lesson .lesson_pop>div:hover {
	background: #F1F2F3;
	color: #467FE7;
}
#delete_plan:hover {
    color: #e75074 !important;
}
.course_lesson_item.mine {
	border-radius: 16px;
	border: 1px solid #F1F2F3;
	padding-left: 48px;
}

.course_lesson_item>img.img20 {
	display: none;
}

.course_lesson_item.mine>img.img20 {
	display: inline-block;
	position: absolute;
	height: 100%;
	border-right: 1px solid #F1F2F3;
	left: 0px;
	top: 0px;
	object-fit: contain;
	width: 35px;
	padding: 7px;
}

.course_name {
	padding: 3px 6px;
	display: flex;
	align-items: center;
	border-radius: 8px;
}

.course_order {
	background: #467FE7;
	padding: 3px 6px;
	display: flex;
	align-items: center;
	border-radius: 8px;
	color: white;
}

.lesson_order {
	border: 1px solid #F1F2F3;
	padding: 3px 6px;
	border-radius: 8px;
	cursor: pointer;
}

.duration {
	background: #E9F1FC;
	padding: 3px 4px;
	border-radius: 4px;
	color: #467FE7;
	cursor: pointer;
}

.ui-sortable-placeholder {
	visibility: visible !important;
	border: 1px dashed #ddd;
	background: #f5f5f5;
}

.pane_buttons {
	position: relative;
}

.purchase_pending {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 58px;
	display: flex;
	justify-content: center;
}

.purchase_pending.activity_added {
	left: auto;
	width: auto;
	right: 0;
}

.purchase_pending>div {
	background: #bbedc4;
	border-radius: 8px;
	padding: 7px 12px;
}

.purchase_pending::after {
	content: '';
	position: absolute;
	width: 31px;
	height: 16px;
	background: url('/assets/images/Polygon 2.png');
	bottom: -16px;
	left: calc(50% - 15px);
}

.purchase_pending.activity_added::after {
	right: 90px;
	left: auto;
}

.noti_cate {
	border: 1px solid #467FE7;
	padding: 5px 8px;
	color: #467FE7;
	font-size: 13px;
	margin-right: 8px;
	border-radius: 20px;
	cursor: pointer;
    min-width: max-content;
}

.noti_cate span {
	background: #467FE7;
	color: #fff;
	border-radius: 50%;
	font-size: 10px;
    padding: 3px 6px 3px 6px;
	margin-left: 5px;
	display: none;
}

.noti_cate.sel {
	background: #467FE7;
	color: #fff;
}

.noti_cate.sel span {
	background: #fff;
	color: #467FE7;
}

.noti_item {
	display: flex;
	flex-wrap: wrap;
	padding: 10px 0px;
	border-bottom: 1px solid #F1F2F3;
	font-size: 13px;
}

.note_item:hover {
	background-color: rgba(0, 0, 0, 0.03);
}

.noti_item .noti_name {
	color: #081A3B;
	font-weight: 600;
}

.noti_item .noti_time {
	color: #ABB4C4;
	padding-left: 4px;
}

.noti_actions {
	padding-top: 10px;
	padding-left: 50px;
}

.noti_list {
	height: calc(100vh - 162px);
	overflow-y: scroll;
	margin-right: -16px;
	padding-right: 16px;
}

.top_noti span,
.l_menu_item_chat p {
	padding: 2px 5px;
	background: #E75074;
	border: 2px solid #142E5C;
	color: #fff;
	text-align: center;
	min-width: 20.3px;
	font-size: 9px;
	line-height: 12.3px;
	font-weight: 700;
	position: absolute;
	right: -10px;
	top: -2px;
	border-radius: 20px;
	display: none;
}

.l_menu_item_chat p {
	right: 3px !important;
	bottom: -4px !important;
	top: auto;
	padding: 0px 3px;
}

.vertical_center {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.vertical_baseline {
	vertical-align: baseline;
}

.vertical_sub {
	vertical-align: sub;
}

/* event css */
.progress_success {
	background-color: #47A47D !important;
}

.rogress_info {
	background-color: #467FE7 !important;
}

.progress_danger {
	background-color: #E75074 !important;
}

.progress_wrapper {
	background-color: #F1F2F3;
}

.radius_bar16 {
	border-radius: 16px 16px 16px 16px;
}

.send_for_review .selected_friends {
	border-radius: 12px;
	background-color: #F4F6F8;
	padding: 8px 16px 16px 16px;
	margin-top: 12px;
}

.h16 {
	height: 16px;
}

.h20 {
	height: 20px;
}

.mw48 {
	min-width: 48px;
}

.mw80 {
	min-width: 80px;
}

.blue_duration,
.blue_lesson_order {
	padding: 5px 6px 5px 6px;
	border-radius: 8px;
	background-color: #E9F1FC;
	width: fit-content;
}

.undo_num {
	padding: 4px 10px;
	border-radius: 8px;
	background-color: #E9F1FC;
	width: fit-content;
}

.img_modal {
	position: fixed;
	/* Stay in place */
	z-index: 10000;
	/* Location of the box */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgb(0, 0, 0);
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.9);
	/* Black w/ opacity */
}

.img_modal .modal_content {
	margin: auto;
	display: block;
	object-fit: cover;
	transform: scale(0.8);
	transform-origin: center center;
}

.review_info {
	padding: 16px 20px 0 20px
}

.review_wrapper {
	border-radius: 16px;
	border: 1px solid #F1F2F3;
}

.review_add_wrapper {
	padding: 0 20px 16px 20px;
}

.review_rating img {
	cursor: pointer;
	transition: .2s;
}

.d_end_cal {
	margin: 0;
	position: absolute;
	top: 0;
	cursor: pointer;
	left: 100px;
	z-index: -1;
}

.ytp-large-play-button {
	display: none;
}

.online .f_input {
	height: 100px;
}

.online_address {
	height: 120px;
}

#onesignal-bell-container {
	display: none;
}

.num_badge {
	position: absolute;
	width: 18px;
	height: 18px;
	bottom: -9px;
	right: 5px;
	border: solid;
	text-align: center;
	font-size: 10px;
	border-radius: 1000px;
}

.series_order {
	position: absolute;
	background-color: white;
	border: 1px solid #F1F2F3;
	padding: 4px 6px;
	border-radius: 8px;
	height: 24px;
}
.transparent {
    opacity: 0.3;
}
.event_creator {
    color: #e35072;
}
.event_approve {
    background: #e75074;
    border: 1px solid #e75074;
}
.event_timeconflict {
    background-color: #fadbe2;
    color: #e35072;
    border: 0;
}
/*===================================================*/

@media (min-width: 992px) {
	.container {
		width: 100%;
	}
}

@media (min-width: 1240px) {
	.container {
		width: 1200px;
	}
}

@media (min-width: 1440px) {
	.container {
		width: 1400px;
	}
}

@media only screen and (min-width: 768px) {
	#nav_search {
		min-width: 300px;
	}

	.mob {
		display: none;
	}
}

@media only screen and (max-width: 960px) {
	.message_text.flex {
		flex-direction: column;
	}

	.message_text.flex .img_wrapper {
		width: 100% !important;
	}
}

@media only screen and (max-width: 767px) {

	.banner_menu {
		display: none;
	}

	html,
	body {
		overflow-x: hidden;
		max-width: 100vw
	}

	.desk {
		display: none;
	}

	.m_show {
		display: block;
	}

	.nav {
		padding: 5px 10px;
	}

	.nav_right .nav_top_item {
		margin-left: 10px;
	}

	.m_nav {
		padding: 5px 10px;
		display: block;
		color: #008ffa;
		display: block;
	}

	.nav_left {
		text-align: center;
		display: block;
		margin-right: auto;
	}

	a.nav_item {
		margin-left: 16px;
	}

	.nav_menu {
		position: fixed;
		width: 300px;
		height: 100vh;
		transition: ease all 0.3s;
		left: -320px;
		z-index: 10;
		display: block;
		top: 65px;
		background: #fff;
		box-shadow: #ddd 2px 2px 10px 0px;
		padding: 20px 20px;
	}

	.nav_menu.open {
		left: 0;
	}

	.nav a.nav_item,
	.nav a.nav_item:visited,
	.nav a.nav_item:focus {
		background: #fff;
		padding: 8px 0px;
		margin-left: 0;
	}

	.search_list {
		width: 100%;
	}

	.d_nav_search {
		margin-left: 0px;
	}

	h1 {
		font-size: 26px;
		margin: 16px 0px;
	}

	.game {
		width: 100%;
		padding: 0px 1%;
	}

	.game>img {
		width: 100%;
		margin-bottom: 5px;
	}

	.game_title {
		padding-bottom: 0px;
	}

	.gitem {
		display: flex;
		width: 100%;
		margin-bottom: 10px;
		margin-right: 0px;
	}

	.gitem>img {
		margin: 0px;
		width: 90px;
		max-height: 90px;
		height: auto;
		margin-right: 10px;
	}

	.gitem>div {
		width: calc(100% - 100px);
	}

	.gitem .flex {
		display: flex;
	}

	.gitem .hot {
		width: 24px;
		top: 5px;
		right: 7px;
		display: none;
	}

	.gitem .gitem_title {
		text-align: left;
		padding: 5px 0px;
	}

	.variants {
		padding: 0px;
		padding-top: 5px;
	}

	.footerb .wrapper {
		padding: 20px 8px;
		text-align: center;
	}

	.footerb a.nav_item,
	.footerb a.nav_item:visited,
	.footerb a.nav_item:focus {
		background: transparent;
		padding-left: 10px;
	}

	.socials {
		justify-content: center;
	}

	.footer .wrapper {
		padding: 40px 0px;
	}

	.footerb .wrapper img {
		max-width: 240px;
	}

	.top_link {
		padding-top: 5px;
		font-size: 12px;
		flex-wrap: wrap;
		padding-bottom: 10px;
	}

	.top_link .dot {
		padding: 0px 8px;
	}

	.dlg_cont {
		padding: 16px;
	}

	.div_container .filter {
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		max-height: calc(100vh - 280px);
	}

	.div_container .m_filter {
		margin-top: 0;
		margin-bottom: 16px;
		font-size: 14px;
		position: relative;
	}

	.filter_close {
		position: absolute;
		right: 10px;
		top: 10px;
		cursor: pointer;
		padding: 5px;
	}

	.div_container .m_filter .bt {
		margin-top: 0;
		background: transparent;
	}
}