#selectTag-menu, #wish_lang1-menu, #can_lang1-menu, .ui-selectmenu-menu .ui-widget-content {
	width: 478px;
}

.ui-selectmenu-menu{
	position: fixed;
	left: 50%!important;
	top: 50%!important;
	transform: translate(-50%, -50%)!important;
}

#combobox-button {
	display: none;
}


span.custom-combobox input.custom-combobox-input {
	border: 2px solid #c6c6c6;
	background: transparent;
	min-height: 55px;
	padding: 0 30px;
	font-size: 20px;
	/*font-weight: bold;*/
	color: #c6c6c6;
	margin-top: 0px;
}

.diseable{
	pointer-events: none;
}

.ui-autocomplete {
	width: 475px !important;
}

#ui-datepicker-div {
	position: fixed;
}

.ui-menu-item {
	height: 45px !important;
}

.ui-menu-item-wrapper {
	font-size: 20px !important;
}

ul.ui-menu {
	overflow: auto;
}

.pop-login.on {
	display: flex;
}

.pop-stripepayment.on {
	display: flex;
}
.pop-review.on {
	display: flex;
}
.pop-feedback.on {
	display: flex;
}

.order-complete-box .notice {
	color: gold;
}


/* order */
.order .contents .date-select{max-width:none;width: auto;}
.order .contents .date-select li a.btn-style12 span {color: #000}
.order .contents .date-select li:before {content: none}

/* Button */
.btn-style12{width:100%;background:#FFE400;border:2px solid #FFE400;border-radius:2px;color:#fff;transition: .3s ease-in-out;}
.btn-style12:hover{opacity:.8;}
.btn-style13{width:100%;background:none;border:2px solid #ffcc2a;border-radius:2px;font-size:20px;color:#ffcc2a !important;transition: .3s ease-in-out;}

.btn-disabled {
	background: #555;
	color: gainsboro;
	border: 2px solid #555;
}

.review-item-wrap {
	margin: 200px auto 170px auto;
}

.oder-inside-notice {
	font-size: 19px;
	color: white;
	margin-bottom: 20px;
}

/*.pop-unverified .pop-wrap {*/
	/*background: gold !important;*/
	/*padding: 10px;*/
/*}*/

.review-item-wrap ul li .review-header .info {
	margin-left: 0px;
}

#cardAddForm form {
	width: auto;
	margin: 20px 0;
}

#cardAddForm .group {
	background: white;
	box-shadow: 0 7px 14px 0 rgba(49,49,93,0.10),
	0 3px 6px 0 rgba(0,0,0,0.08);
	border-radius: 4px;
	margin-bottom: 20px;
}

#cardAddForm label {
	position: relative;
	color: #8898AA;
	font-weight: 300;
	height: 40px;
	line-height: 40px;
	margin-left: 20px;
	display: flex;
	flex-direction: row;
}

#cardAddForm .group label:not(:last-child) {
	border-bottom: 1px solid #F0F5FA;
}

#cardAddForm label > span {
	width: 80px;
	text-align: right;
	margin-right: 30px;
}

#cardAddForm .field {
	background: transparent;
	font-weight: 300;
	border: 0;
	color: #31325F;
	outline: none;
	flex: 1;
	padding-right: 10px;
	padding-left: 10px;
	cursor: text;
}

#cardAddForm .field::-webkit-input-placeholder { color: #CFD7E0; }
#cardAddForm .field::-moz-placeholder { color: #CFD7E0; }

#cardAddForm button {
	float: left;
	display: block;
	background: #666EE8;
	color: white;
	box-shadow: 0 7px 14px 0 rgba(49,49,93,0.10),
	0 3px 6px 0 rgba(0,0,0,0.08);
	border-radius: 4px;
	border: 0;
	margin-top: 20px;
	font-size: 15px;
	font-weight: 400;
	width: 100%;
	height: 40px;
	line-height: 38px;
	outline: none;
}

#cardAddForm button:focus {
	background: #555ABF;
}

#cardAddForm button:active {
	background: #43458B;
}

#cardAddForm .outcome {
	float: left;
	width: 100%;
	padding-top: 8px;
	min-height: 20px;
	text-align: center;
}

#cardAddForm .success, .error {
	display: none;
	font-size: 13px;
}

#cardAddForm .success.visible, .error.visible {
	display: inline;
}

#cardAddForm .error {
	color: #E4584C;
}

#cardAddForm .success {
	color: #666EE8;
}

#cardAddForm .success .token {
	font-weight: 500;
	font-size: 13px;
}

.activities .img_list li a {
	position: absolute;
	background: black;
	color: white;
	padding: 5px 0;
	width: 100%;
	bottom: 0px;
}


.owl-carousel .owl-item img {
	/* top: -50px; */
	position: relative;
	width: 290px;
	height: 200px;
	object-fit: cover;
}

.select2-container--default .select2-selection--multiple {
	background-color: transparent !important;
	border: none !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: transparent !important;
	margin-top: 9px !important;
}

.select2-search__field {
	color: darkgray;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	padding: 4px !important;
}

.custom-select {
	padding: 0px;
}

.custom-select input {
	border: 2px solid #c6c6c6 !important;
}

.profile .profile_form .btn-wrap a {
	width: 100%;
}
.w270 {width: 207px !important;margin: 0 auto;}
.round {border-radius: 40px;border-image-source:none;}

/*.completed-online-contents .meetup_type, .completed-offline-contents .meetup_type{*/
/*	margin: 10px 0px 10px 0;*/
/*	text-align: center;*/
/*	display: flex;*/
/*	padding: 20px;*/
/*}*/
.completed-online-contents .meetup_type, .completed-offline-contents .meetup_type {
	display: none;
}

.completed-online-contents .meetup_type span, .completed-offline-contents .meetup_type span {
	width: 50%;
	font-size: 25px;
	color: white;
	cursor: pointer;
}

.completed-online-contents .meetup_type span.on, .completed-offline-contents .meetup_type span.on {
	font-weight: bold;
	color: #ffcc2a;
}

.online-rsvps, .offline-rsvps {
	border-top: 1px solid #fff;
}

.map_wrap > div {
	width: 100% !important;
}

/*.matching_email_setting .checkbox_wrap button span {*/
	/*font-size: 13px;*/
/*}*/

.wrap-custom-file {
	position: relative;
    /* display: inline-block; */
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

.wrap-custom-file input[type="file"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 2px;
	height: 2px;
	overflow: hidden;
	opacity: 0;
}

.wrap-custom-file label {
	/* z-index: 1; */
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	overflow: hidden;
	/*padding: 0 0.5rem;*/
	cursor: pointer;
	/*background-color: #fff;*/
	border-radius: 4px;
	-webkit-transition: -webkit-transform 0.4s;
	transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	transition: transform 0.4s, -webkit-transform 0.4s;
}

.wrap-custom-file label span {
	display: block;
	margin-top: 2rem;
	font-size: 1.4rem;
	color: #777;
	-webkit-transition: color 0.4s;
	transition: color 0.4s;
}

.wrap-custom-file label:hover {
	-webkit-transform: translateY(-1rem);
	transform: translateY(-1rem);
}

.wrap-custom-file label:hover span { color: #333; }

.wrap-custom-file label.file-ok {
	background-size: cover;
	background-position: center;
}

.wrap-custom-file label.file-ok span {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0.3rem;
	font-size: 1.1rem;
	color: #000;
	background-color: rgba(255, 255, 255, 0.7);
}

.btn_skip {
	font-size: 22px;
	font-weight: bold;
	color: #ffcc2a;
	margin-top: 25px;
}

.center-cropped-thumb {
	width: 272px;
	height: 180px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.center-cropped {
	width: 356px;
	height: 235px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

p.header-subtext {
	font-size: 14px;
}

.recommended .friend .sort_list {
	display: flex;
}

.recommended .friend .sort_list button {
	width: 34%;
	margin: unset;
}

.recommended .friend .appraisal-wrp .sec .in .btn-goodbad label {
	float: right;
}

.recommended .friend .appraisal-wrp .sec .in .btn-goodbad {
	width: auto !important;
}

.userList {
	position: absolute;
	right: 0;
	top: 50px;
	width: 300px;
	border-radius: 4px;
	background-color: #e9ecef;
	display: none;
	padding: 10px;
	text-align: center;
}

.userList.on {
	display: block;
}

.userList p {
	padding: 15px 24px;
	border-bottom: 1px solid #dee2e6;
	font-size: 15px;
	font-weight: 700;
	color: #111;
}

.userList .user_box p {
	display: flex;
	margin: 0 auto;
}

.userList .user_box p span {
	margin: auto 5px;
	width: 100%;
}

.userList .user_box p a {
	max-width: none;
	width: auto;
	padding: 2px 10px;
	margin-top: 5px;
}

.userList .user_box p a span {
	color: #000;
}

.id_not_available {
	color: red;
	display: none;
}

.lang_codes {
	color: #008cff;
}

.meet_wrap .info_box {
	/* padding-left: 15px;
	padding-right: 15px; */
}

.btn-goodbad input:checked + .btn_bad {color:#fff;background-image: linear-gradient(118deg, #f8e274, #d57205), linear-gradient(119deg, #f8e274 2%, #d57205);}
.btn-goodbad input:checked + .btn_soso {color:#fff;background-image: linear-gradient(118deg, #c589ff, #9f44d3), linear-gradient(118deg, #ce9ffc, #9f44d3, #f6416c);}
.btn-goodbad input:checked + .btn_kemi {color:#fff;background-image: linear-gradient(117deg, #22eed9 1%, #08acdc);}

.call-item-wrap .side-call-list ul li .video-item-wrap, .call-item-wrap .full-item-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	font-weight: 800;
}

.call-item-wrap .full-item-wrap {
	color: black;
}

.call-item-wrap .side-call-list ul li.full video {
	object-fit: contain;
}
.call-item-wrap .side-call-list ul li video{
	height: 100%;
	width: 100%;
	background: #181818;
}
.call-item-wrap .side-call-list ul li:not(.full) video {
	object-fit: cover;
}

li.enterMonitoringRoom {
	display: block !important;
}

.mon-vname {
	position: absolute;
	left: 0;
	top: 0;
	height: 44px;
	width: calc( 100% - 10px );
	padding-left: 20px;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 14px;
	color: #fff;
	font-weight: 500;
}

@media only screen and (max-width:768px) {
	#countdownForAudioVideoTurnOnAgain {
		position: absolute;
		top: 0;
	}

	#butJoinAgain {
		position: absolute;
		top: 0px;
	}
}

.call-item-wrap .footer-item-wrap .func-item-wrap .tp-lv {
	position: absolute;
	font-size: 14px;
	height: auto;
	width: auto;
}
.call-item-wrap .footer-item-wrap .func-item-wrap .tp-lv.left{
	left: 10px;
}
.call-item-wrap .footer-item-wrap .func-item-wrap .tp-lv.right{
	left: 80px;
}
@media (max-width:767px)
{
	.call-item-wrap .footer-item-wrap{
		overflow:visible;
		justify-content: center;
		gap: 20px;
		padding: 0 20px;
		background: transparent;
	}
	.call-item-wrap .footer-item-wrap .utime{
		order: 1
	}
	.call-item-wrap .footer-item-wrap .btn_wrap{
		order: 2
	}
	.call-item-wrap .footer-item-wrap .btn_wrap a{
		font-size: 10px;
	}
	.call-item-wrap .footer-item-wrap .func-item-wrap {
		order: 3;
		gap: 20px;
		position: static;
		transform: none;
	}
	.call-item-wrap .footer-item-wrap .func-item-wrap .btn-call-out{
		width: 40px;
		height: 40px;
		border-radius: 50%;
		order: 3
	}
	.call-item-wrap .footer-item-wrap .func-item-wrap .tp-lv {
		position: fixed;
		top: 50%;
		transform: translateY(-50%);
	}
	.call-item-wrap .footer-item-wrap .func-item-wrap .tp-lv.left{
		left: 10px;
	}
	.call-item-wrap .footer-item-wrap .func-item-wrap .tp-lv.right{
		right: 10px;
		left: unset;
	}


	/*Mobile Grid Start*/
	.call-item-wrap .side-call-list.mobile-grid ul{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		height: calc(100vh - 40px);
	}
	.call-item-wrap .side-call-list.mobile-grid ul[data-streams="2"] li{
		grid-column: 1/3;
	}
	.call-item-wrap .side-call-list.mobile-grid ul li.local-user {
		grid-column: 1/3;
		order: 3;
	}
	.call-item-wrap .side-call-list.mobile-grid ul li.dummy-template {
		grid-column: 1/3;
		order: 1;
	}

	.call-item-wrap .side-call-list.mobile-grid ul li {
		order: 1;
		margin-bottom: 0;
	}

	.call-item-wrap .side-call-list.mobile-grid ul li.full {
		position: relative;
	}

	.call-item-wrap .side-call-list.mobile-grid ul li .video-item-wrap {
		height: 100%;
		border-radius: 0;
	}

	.call-item-wrap .side-call-list.mobile-grid ul li .video-item-wrap video {
		object-fit: cover;
	}

	/*Mobile Grid End*/
}

@media (max-width: 575px) {
	.call-item-wrap .footer-item-wrap {
		gap: 10px;
		padding: 0 10px;
	}

	.call-item-wrap .footer-item-wrap .utime {
		font-size: 10px;
		height: 30px;
	}

	.call-item-wrap .footer-item-wrap .btn_wrap a {
		font-size: 10px;
		height: 30px;
	}

	.call-item-wrap .footer-item-wrap .func-item-wrap {
		gap: 10px;
	}

	.call-item-wrap .footer-item-wrap .func-item-wrap .btn-call-sound,
	.call-item-wrap .footer-item-wrap .func-item-wrap .btn-call-out,
	.call-item-wrap .footer-item-wrap .func-item-wrap .btn-call-video {
		width: 30px;
		height: 30px;
	}
	.call-item-wrap .footer-item-wrap .func-item-wrap .btn-call-sound img,
	.call-item-wrap .footer-item-wrap .func-item-wrap .btn-call-out img,
	.call-item-wrap .footer-item-wrap .func-item-wrap .btn-call-video img {
		width: 14px;
		height: 14px;
	}
}
@media (max-width: 330px) {
	.call-item-wrap .footer-item-wrap {
		gap: 5px;
		padding: 0 5px;
	}

	.call-item-wrap .footer-item-wrap .func-item-wrap {
		gap: 5px;
	}
}
.vidNameHolder {
	flex: 1;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}

.vidNameHolder video {
	height: 100%;
	box-sizing: border-box;

}

.vidNameHolder .name {
	color: white;
	font-size: 12px;
	text-align: center;
	height: 18px;
	box-sizing: border-box;
}

dd.inline {
	display: flex;
	align-items: center;
}

.join-step .step-contents dl dd .input-radio {
	float: none;
	width: 100%;
	margin-right: 5px;
}
@media only screeen and (max-width: 416px){
	.ui-selectmenu-text {

		font-size: 10px;
	}
}

.monitoring-info {
	text-align: center;
	color: white;
	position: relative;
	top: -40px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
}
.monitoring-info .icon{
	width: 20px;
	height: 20px;
	object-fit: contain;
}

@media screen and (max-width: 768px){
	/* .ui-selectmenu-menu {
		left: 17%!important;
		top: 39%!important;
	} */
}

@media screen and (max-width: 414px){
	/* .ui-selectmenu-menu {
		left: 8%!important;
		top: 25%!important;
	} */
	selectmenu-menu .ui-widget-content {
		width: 355px!important;
	}

}
#langs_level {
	margin-top: 20px;
}

.local-holder video{
	transform: scaleX(-1);
}