@import "../vendor/fonts/iconify-icons.css";
@import "../vendor/libs/pickr/pickr-themes.css";
@import "../vendor/libs/raty-js/raty-js.css";
@import "../vendor/libs/nouislider/nouislider.css";
@import "../vendor/libs/swiper/swiper.css";
@import "../vendor/libs/perfect-scrollbar/perfect-scrollbar.css";
@import "../vendor/libs/bs-stepper/bs-stepper.css";
@import "../vendor/libs/sweetalert2/sweetalert2.css";
@import "../vendor/libs/dropzone/dropzone.css";
@import "../vendor/libs/datatables-bs5/datatables.bootstrap5.css";
@import "../vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.css";
@import "../vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.css";
@import "../vendor/libs/datatables-rowgroup-bs5/rowgroup.bootstrap5.css";
@import "../vendor/libs/notyf/notyf.css";
@import "../vendor/libs/fancybox/fancybox.css";
@import "../vendor/libs/select2/select2.css";
@import "../vendor/libs/quill/editor.css";
@import "../vendor/libs/tagify/tagify.css";
@import "../vendor/css/jquery-ui.structure.css";
@import "../vendor/css/jquery-ui.theme.css";
@import "../vendor/libs/shepherd/shepherd.css";
@import "../vendor/libs/pickr/pickr-themes.css?v=4";
@import "../vendor/css/core.css?v=2";
.upload_user_avatar_form {
	position:absolute;
	top:0;
	right:0px;
}
.layout-navbar { block-size:auto; }
#insert_form_cards {

}
#insert_form_cards form {

}
#insert_form_cards form sdk-button {

}
.swal2-container { z-index:1091; }
.tagify__dropdown.users-list .tagify__dropdown__item__avatar-wrap {
	overflow:hidden;
	background:var(--bs-body-bg);
	block-size:46px;
	grid-area:avatar;
	inline-size:46px;
	transition:0.1s ease-out;
	border-radius:10%;
}
.tagify__tag .tagify__tag__avatar-wrap {
	border-radius:10%;
	background:var(--bs-body-bg);
	block-size:46px;
	inline-size:46px;
	margin-inline-end:5px;
	transition:0.12s ease-out;
	vertical-align:middle;
	white-space:normal;
}
.tagify__tag-text {
	font-size:0.8125rem;
	font-weight:500;
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	height:0;
}
.video-container iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#sesion_header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:1;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:10px;
	backdrop-filter:#000000 blur(6px);
	background-color:#2b2c40e0;
	box-shadow:0px 5px 8px #00000047;
}
#sesion_header .left_box_session_header {

}
#sesion_header .left_box_session_header #left_top_menu {
	position:relative;
	top:0;
	left:0;
}
#sesion_header .center_box_session_header {
	display:flex;
	align-items:center;
	justify-content:center;
}
#sesion_header .center_box_session_header #connect_users_box { margin-right:10px; }
#sesion_header .right_box_session_header {

}
#sesion_header #video_dialog_navigate {
	display:flex;
	align-items:flex-start;
	justify-content:center;
}
#sesion_header #video_dialog_navigate .video_mins_box_info {
	font-size:12px;
	display:flex;
	align-items:center;
	justify-content:center;
}
#sesion_header #video_dialog_navigate .video_mins_box_info .text {
	font-size:12px;
	text-align:center;
}
@media (max-width: 465px) {
	#sesion_header #video_dialog_navigate .video_mins_box_info .text {
		font-size:8px;
		line-height:8px;
	}
}
#sesion_header #video_dialog_navigate .video_mins_box_info .lost_video_min {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding:0px 4px;
}
#sesion_header #video_dialog_navigate .video_mins_box_info .lost_video_min span {
	font-size:21px;
	line-height:21px;
}
@media (max-width: 465px) {
	#sesion_header #video_dialog_navigate .video_mins_box_info .lost_video_min span {
		font-size:14px;
		line-height:14px;
	}
}
#sesion_header #video_dialog_navigate .video_mins_box_info .lost_video_min small { line-height:10px; }
#sesion_header #video_dialog_navigate .video_mins_box_info .lost_video_sec {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding:0px 4px;
}
#sesion_header #video_dialog_navigate .video_mins_box_info .lost_video_sec span {
	font-size:21px;
	line-height:21px;
}
#sesion_header #video_dialog_navigate .video_mins_box_info .lost_video_sec small { line-height:10px; }
#sesion_header #video_dialog_navigate .video_mins_box_info #connect_users_box {

}
#sesion_header .buttons_list {

}
#sesion_header .buttons_list .stop_video_buttons { display:none; }
#sesion_header .buttons_list #create_hor_video_btn { display:none; }
@media (max-width: 465px) {
	#sesion_header .buttons_list #start_video_btn, #sesion_header .buttons_list #stop_video_btn {
		padding:5px;
		font-size:10px;
	}
}
#sesion_header .menu_btn_list {

}
@media (max-width: 465px) {
	#sesion_header .menu_btn_list .btn {
		block-size:unset;
		padding:3px;
		inline-size:unset;
	}
	#sesion_header .menu_btn_list .btn span { block-size:1rem !important; }
}
#video_box_content { z-index:1090; }
#video_box_content .navigate_sizes_box {
	position:absolute;
	top:3px;
	right:3px;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	z-index:3;
}
#video_box_content .navigate_sizes_box button {

}
#video_box_content #videoContainer {
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
}
#video_box_content #videoContainer video {
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
	display:block;
}
#session_box {
	padding-top:64px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
}
#session_box #video_box_content {
	width:100%;
	position:relative;
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
}
#session_box #desc_box {
	padding:20px;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-start;
	width:100%;
}
#session_box #desc_box .one_desk_list {
	background:url(/public/img/session_bg.png);
	padding:10px;
	margin-bottom:10px;
	width:100%;
	border-radius:6px;
	box-shadow:1px 8px 4px 2px #0000004f;
	display:flex;
	justify-content:flex-start;
	flex-direction:column;
	align-items:center;
}
#session_box #desc_box .one_desk_list .one_desk_header {
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	position:relative;
}
#session_box #desc_box .one_desk_list .one_desk_header .counter_cards {

}
#session_box #desc_box .one_desk_list .one_desk_header .counter_cards span {

}
@media (max-width: 465px) {
	#session_box #desc_box .one_desk_list .one_desk_header .counter_cards span {
		font-size:10px;
		block-size:1.2rem;
		inline-size:1.2rem;
	}
}
#session_box #desc_box .one_desk_list .one_desk_header .one_desk_header_title { margin:0px 10px; }
#session_box #desc_box .one_desk_list .one_desk_header .one_desk_header_title span {
	font-size:22px;
	font-weight:500;
	line-height:20px;
}
@media (max-width: 465px) {
	#session_box #desc_box .one_desk_list .one_desk_header .one_desk_header_title span {
		font-size:14px;
		line-height:14px;
	}
}
#session_box #desc_box .one_desk_list .one_desk_header .one_desk_header_buttons {

}
#session_box #desc_box .one_desk_list .one_desk_header .one_desk_header_buttons span, #session_box #desc_box .one_desk_list .one_desk_header .one_desk_header_buttons button { margin:0px 5px; }
@media (max-width: 465px) {
	#session_box #desc_box .one_desk_list .one_desk_header .one_desk_header_buttons span, #session_box #desc_box .one_desk_list .one_desk_header .one_desk_header_buttons button {
		block-size:1.4rem;
		inline-size:1.4rem;
		padding:0px;
	}
	#session_box #desc_box .one_desk_list .one_desk_header .one_desk_header_buttons span i, #session_box #desc_box .one_desk_list .one_desk_header .one_desk_header_buttons button i {
		block-size:0.8rem !important;
		inline-size:0.8rem !important;
	}
}
#session_box #desc_box .one_desk_list .one_desk_header .drag-handle {
	position:absolute;
	top:0;
	right:0px;
}
#session_box #desc_box .one_desk_list .one_desk_header .drag-handle i {
	font-size:30px;
	inline-size:30px;
	block-size:30px;
}
#session_box #desc_box .one_desk_list .one_desk_list_body {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	align-items:stretch;
	justify-content:space-evenly;
}
#session_box #desc_box .one_desk_list .one_desk_list_body .one_desk_card_box {
	width:15%;
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
	border:1px solid #696cff;
	border-radius:10px;
	margin:0.5%;
	box-shadow:3px 4px 5px #00000066;
}
@media (max-width: 465px) {
	#session_box #desc_box .one_desk_list .one_desk_list_body .one_desk_card_box {
		border-radius:4px;
		width:30%;
	}
}
#session_box #desc_box .one_desk_list .one_desk_list_body .one_desk_card_box .counter_cards {
	position:absolute;
	top:0;
	left:0px;
}
#session_box #desc_box .one_desk_list .one_desk_list_body .one_desk_card_box .one_desk_card_img {
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:10px;
	overflow:hidden;
	background:#2d2e60;
}
@media (max-width: 465px) {
	#session_box #desc_box .one_desk_list .one_desk_list_body .one_desk_card_box .one_desk_card_img { border-radius:4px; }
}
#session_box #desc_box .one_desk_list .one_desk_list_body .one_desk_card_box .one_desk_card_img span {
	width:100%;
	height:100%;
	display:flex;
	align-items:flex-start;
	justify-content:center;
}
#session_box #desc_box .one_desk_list .one_desk_list_body .one_desk_card_box .one_desk_card_img span img { width:100%; }
#session_box #desc_box .one_desk_list .one_desk_list_body .one_desk_card_box .one_desk_card_buttons {
	width:100%;
	display:flex;
	align-items:center;
	justify-content:space-evenly;
	padding:5px 0px;
	background:#2d2e60;
	border-radius:10px;
}
@media (max-width: 465px) {
	#session_box #desc_box .one_desk_list .one_desk_list_body .one_desk_card_box .one_desk_card_buttons { border-radius:4px; }
}
#session_box #desc_box .one_desk_list .one_desk_list_body .one_desk_card_box .one_desk_card_buttons span {

}
@media (max-width: 800px) {
	#session_box #desc_box .one_desk_list .one_desk_list_body .one_desk_card_box .one_desk_card_buttons span {
		block-size:2rem;
		inline-size:2rem;
		border-radius:6px;
	}
}
@media (max-width: 600px) {
	#session_box #desc_box .one_desk_list .one_desk_list_body .one_desk_card_box .one_desk_card_buttons span {
		block-size:1.5rem;
		inline-size:1.5rem;
		border-radius:4px;
	}
}
@media (max-width: 465px) {
	#session_box #desc_box .one_desk_list .one_desk_list_body .one_desk_card_box .one_desk_card_buttons span {
		block-size:1rem;
		inline-size:1rem;
		border-radius:3px;
	}
	#session_box #desc_box .one_desk_list .one_desk_list_body .one_desk_card_box .one_desk_card_buttons span i {

	}
}
#session_box #desc_box .one_desk_list .one_desk_list_body .one_desk_card_box.one_desk_card_box_back {

}
#session_box #desc_box .one_desk_list .one_desk_list_body .one_desk_card_box.one_desk_card_box_back .one_desk_card_buttons {

}
#session_box #desc_box .one_desk_list .one_desk_list_body .one_desk_card_box.one_desk_card_box_img {

}
#session_box #desc_box .one_desk_list .one_desk_list_body .one_desk_card_box.one_desk_card_box_img_none {

}
#session_box #desc_box .one_desk_list .one_desk_list_body .one_desk_card_box.one_desk_card_box_img_none .one_desk_card_img {

}
#session_box #desc_box .one_desk_list .one_desk_list_body .one_desk_card_box.one_desk_card_box_img_none .one_desk_card_img span {
	background-size:contain;
	filter:grayscale(1);
	opacity:0.4;
}
#session_box #desc_box .one_desk_list .one_desk_list_body .one_desk_card_box.one_desk_card_box_img_none .one_desk_card_buttons {

}
#session_box #desc_box .one_desk_list .one_desk_list_body .one_desk_card_box.one_desk_card_box_img_isset {

}
#t_game_template_header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:6;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:10px;
	backdrop-filter:#000000 blur(6px);
	background-color:#2b2c40e0;
	box-shadow:0px 5px 8px #00000047;
}
#t_game_template_header .save_info_box {
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:center;
	font-size:12px;
}
#t_game_template_header .save_info_box .text { line-height:14px; }
#t_game_template_header #save_template_btn {

}
#t_game_template_header .menu_btn_list {

}
@media (max-width: 465px) {
	#t_game_template_header .menu_btn_list .btn {
		block-size:unset;
		padding:3px;
		inline-size:unset;
	}
	#t_game_template_header .menu_btn_list .btn span { block-size:1rem !important; }
}
#d_global_area {
	margin-top:60px;
	width:100%;
	background:url(/public/img/session_bg.png);
	overflow:auto;
	min-height:100vh;
	position:relative;
}
#d_global_area .dragable_div {
	position:absolute;
	cursor:move;
	border:1px solid #696cff;
	border-radius:10px;
	box-shadow:3px 4px 5px #00000066;
}
#d_global_area .dragable_div .toolbar {
	position:absolute;
	top:0;
	left:-38px;
	width:38px;
	display:none;
	z-index:1;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-start;
	height:100%;
}
#d_global_area .dragable_div .toolbar button {

}
#d_global_area .dragable_div .content {
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	position:relative;
	border-radius:10px;
}
#d_global_area .dragable_div .content .label_text {
	position:absolute;
	bottom:0px;
	left:0;
	width:100%;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	border-radius:10px;
}
#d_global_area .dragable_div .content .one_card_img {
	width:100%;
	height:100%;
	border-radius:10px;
}
#d_global_area .dragable_div .content .one_field_img {
	width:100%;
	height:100%;
	border-radius:10px;
}
#d_global_area .dragable_div .content .one_dice_box {
	width:100%;
	height:100%;
	border-radius:10px;
	background:#030545;
	padding:10px;
	display:flex;
	align-items:center;
	justify-content:center;
}
#d_global_area .dragable_div .content .one_dice_box .value {
	font-size:22px;
	line-height:10px;
	color:#ffab00;
}
#d_global_area .dragable_div .content .one_text_box {
	width:100%;
	height:100%;
	border-radius:10px;
	background:#030545;
	padding:10px;
	display:flex;
	align-items:center;
	justify-content:center;
}
#d_global_area .dragable_div .content .one_text_box .value { color:#ffab00; }
#d_global_area .dragable_div.active {

}
#d_global_area .dragable_div.active .toolbar { display:flex; }
#t_game_session_header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:6;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:10px;
	backdrop-filter:#000000 blur(6px);
	background-color:#2b2c40e0;
	box-shadow:0px 5px 8px #00000047;
}
#t_game_session_header .menu_btn_list {

}
@media (max-width: 465px) {
	#t_game_session_header .menu_btn_list .btn {
		block-size:unset;
		padding:3px;
		inline-size:unset;
	}
	#t_game_session_header .menu_btn_list .btn span { block-size:1rem !important; }
}
#t_game_global_area {
	margin-top:60px;
	width:100%;
	background:url(/public/img/session_bg.png);
	overflow:auto;
	min-height:100vh;
	position:relative;
}
#t_game_global_area .dragable_div {
	position:absolute;
	cursor:move;
	border:1px solid #696cff;
	border-radius:10px;
	box-shadow:3px 4px 5px #00000066;
}
#t_game_global_area .dragable_div .toolbar {
	position:absolute;
	top:0;
	left:-38px;
	width:38px;
	z-index:1;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-start;
	height:100%;
	display:flex;
	opacity:0;
	transform:translateX(-6px);
	pointer-events:none;
	transition:opacity .45s ease, transform .25s ease;
}
#t_game_global_area .dragable_div .toolbar button {

}
#t_game_global_area .dragable_div .controll_box {
	position:absolute;
	top:0;
	right:-38px;
	width:38px;
	height:100%;
	display:flex;
	z-index:1;
	flex-direction:column;
	align-items:end;
	justify-content:flex-start;
	opacity:0;
	transform:translateX(6px);
	pointer-events:none;
	transition:opacity .45s ease, transform .25s ease;
}
#t_game_global_area .dragable_div .controll_box button { z-index:5; }
#t_game_global_area .dragable_div .content {
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	position:relative;
	border-radius:10px;
}
#t_game_global_area .dragable_div .content .label_text {
	position:absolute;
	bottom:0px;
	left:0;
	width:100%;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	border-radius:10px;
}
#t_game_global_area .dragable_div .content .label_top_text {
	position:absolute;
	top:0px;
	left:0;
	width:100%;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	border-radius:10px;
}
#t_game_global_area .dragable_div .content .one_card_img {
	width:100%;
	height:100%;
	border-radius:10px;
}
#t_game_global_area .dragable_div .content .one_field_img {
	width:100%;
	height:100%;
	border-radius:10px;
}
#t_game_global_area .dragable_div .content .one_dice_box {
	width:100%;
	height:100%;
	border-radius:10px;
	background:#030545;
	padding:10px;
	display:flex;
	align-items:center;
	justify-content:center;
}
#t_game_global_area .dragable_div .content .one_dice_box .value {
	font-size:22px;
	line-height:10px;
	color:#ffab00;
}
#t_game_global_area .dragable_div .content .one_text_box {
	width:100%;
	height:100%;
	border-radius:10px;
	background:#030545;
	padding:10px;
	display:flex;
	align-items:center;
	justify-content:center;
}
#t_game_global_area .dragable_div .content .one_text_box .value { color:#ffab00; }
#t_game_global_area .dragable_div .content .one_point_box {

}
#t_game_global_area .dragable_div .content .one_point_box .value {
	color:#fff;
	text-shadow:2px 2px 2px #000;
}
#t_game_global_area .dragable_div .content .dice_label_text {
	position:absolute;
	top:1px;
	right:4px;
	font-size:11px;
	color:#696cff;
}
#t_game_global_area .dragable_div.other_select { box-shadow:0px 0px 6px 2px #ff720d; }
#t_game_global_area .dragable_div.active.pined { box-shadow:0px 0px 6px 2px #ffffff; }
#t_game_global_area .dragable_div.active.pined .toolbar {
	opacity:1;
	transform:translateX(0);
	pointer-events:auto;
}
#t_game_global_area .dragable_div.active.pined .controll_box {
	opacity:1;
	transform:translateX(0);
	pointer-events:auto;
}
#t_game_global_area .dragable_div.active.unpined {
	box-shadow:0px 0px 6px 2px #ffffff;
	z-index:6 !important;
}
#t_game_global_area .dragable_div.active.unpined .toolbar {
	opacity:1;
	transform:translateX(0);
	pointer-events:auto;
}
#t_game_global_area .dragable_div.active.unpined .controll_box {
	opacity:1;
	transform:translateX(0);
	pointer-events:auto;
}
#t_game_global_area .dragable_div:hover {

}
#t_game_global_area .dragable_div:hover .controll_box {

}
#t_game_global_area .dragable_div:hover .toolbar {

}
#t_game_global_area .dragable_div.dragable_div_point {
	border-radius:50%;
	border:2px solid #fff;
}
#t_game_global_area .dragable_div.loading {
	cursor:not-allowed;
	opacity:0.4;
}
#t_game_global_area .dragable_div.can_move_false { cursor:no-drop; }
#t_game_global_area #videoContainer {
	position:absolute;
	cursor:move;
	border:1px solid #696cff;
	border-radius:10px;
	box-shadow:3px 4px 5px #00000066;
	z-index:7;
	background:#393a5a;
	height:150px;
	display:flex;
}
#t_game_global_area #videoContainer div {
	width:150px;
	height:100%;
}
#t_game_global_area #videoContainer div video {
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
	display:block;
}
#t_game_global_area #videoContainer.hide { display:none; }
#t_game_session_header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:6;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:10px;
	backdrop-filter:#000000 blur(6px);
	background-color:#2b2c40e0;
	box-shadow:0px 5px 8px #00000047;
}
#t_game_session_header .menu_btn_list {

}
@media (max-width: 465px) {
	#t_game_session_header .menu_btn_list .btn {
		block-size:unset;
		padding:3px;
		inline-size:unset;
	}
	#t_game_session_header .menu_btn_list .btn span { block-size:1rem !important; }
}
#left_top_menu {
	position:fixed;
	top:6px;
	left:10px;
	z-index:8;
	display:flex;
	align-items:center;
	justify-content:flex-start;
}
#left_top_menu #video_dialog_navigate {
	display:flex;
	align-items:flex-start;
	justify-content:center;
}
#left_top_menu #video_dialog_navigate .video_mins_box_info {
	font-size:12px;
	display:flex;
	align-items:center;
	justify-content:center;
}
#left_top_menu #video_dialog_navigate .video_mins_box_info .text {
	font-size:12px;
	text-align:left;
}
@media (max-width: 465px) {
	#left_top_menu #video_dialog_navigate .video_mins_box_info .text {
		font-size:8px;
		line-height:8px;
	}
}
#left_top_menu #video_dialog_navigate .video_mins_box_info .lost_video_min {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding:0px 4px;
}
#left_top_menu #video_dialog_navigate .video_mins_box_info .lost_video_min span {
	font-size:21px;
	line-height:21px;
}
@media (max-width: 465px) {
	#left_top_menu #video_dialog_navigate .video_mins_box_info .lost_video_min span {
		font-size:14px;
		line-height:14px;
	}
}
#left_top_menu #video_dialog_navigate .video_mins_box_info .lost_video_min small { line-height:10px; }
#left_top_menu #video_dialog_navigate .video_mins_box_info .lost_video_sec {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding:0px 4px;
}
#left_top_menu #video_dialog_navigate .video_mins_box_info .lost_video_sec span {
	font-size:21px;
	line-height:21px;
}
#left_top_menu #video_dialog_navigate .video_mins_box_info .lost_video_sec small { line-height:10px; }
#top_right_menu {
	position:fixed;
	top:10px;
	right:30px;
	z-index:8;
	display:flex;
	align-items:center;
	justify-content:end;
}
#top_right_menu button, #top_right_menu a { margin:0 2px; }
#top_right_menu #connect_users_box { margin-right:7px; }
#left_center_menu {
	position:fixed;
	left:10px;
	top:50%;
	z-index:8;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-start;
	transform:translate(0%,-50%);
}
#left_center_menu button { margin:2px 0; }
#bottom_right_menu {
	position:fixed;
	bottom:10px;
	right:30px;
	z-index:8;
	display:flex;
	align-items:center;
	justify-content:end;
}
#bottom_right_menu button { margin:0 2px; }
#bottom_right_menu #zoom_page_btn {
	font-size:18px;
	color:#fff;
	width:26px;
	text-align:center;
}
#free_desk_global_area {
	width:100%;
	background:url(/public/img/session_bg.png);
	overflow:auto;
	min-height:100vh;
	position:relative;
}
#free_desk_global_area .dragable_div {
	position:absolute;
	cursor:move;
	border:1px solid #696cff;
	border-radius:10px;
	box-shadow:3px 4px 5px #00000066;
}
#free_desk_global_area .dragable_div .toolbar {
	position:absolute;
	top:0;
	left:-38px;
	width:38px;
	z-index:1;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-start;
	height:100%;
	display:flex;
	opacity:0;
	transform:translateX(-6px);
	pointer-events:none;
	transition:opacity .45s ease, transform .25s ease;
}
#free_desk_global_area .dragable_div .toolbar button {

}
#free_desk_global_area .dragable_div .controll_box {
	position:absolute;
	top:0;
	right:-38px;
	width:38px;
	height:100%;
	display:flex;
	z-index:1;
	flex-direction:column;
	align-items:end;
	justify-content:flex-start;
	opacity:0;
	transform:translateX(6px);
	pointer-events:none;
	transition:opacity .45s ease, transform .25s ease;
}
#free_desk_global_area .dragable_div .controll_box button { z-index:5; }
#free_desk_global_area .dragable_div .content {
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	position:relative;
	border-radius:10px;
}
#free_desk_global_area .dragable_div .content .label_text {
	position:absolute;
	bottom:0px;
	left:0;
	width:100%;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	border-radius:10px;
}
#free_desk_global_area .dragable_div .content .label_top_text {
	position:absolute;
	top:0px;
	left:0;
	width:100%;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	border-radius:10px;
}
#free_desk_global_area .dragable_div .content .one_card_img {
	width:100%;
	height:100%;
	border-radius:10px;
}
#free_desk_global_area .dragable_div .content .one_field_img {
	width:100%;
	height:100%;
	border-radius:10px;
}
#free_desk_global_area .dragable_div .content .one_dice_box {
	width:100%;
	height:100%;
	border-radius:10px;
	background:#030545;
	padding:10px;
	display:flex;
	align-items:center;
	justify-content:center;
}
#free_desk_global_area .dragable_div .content .one_dice_box .value {
	font-size:22px;
	line-height:10px;
	color:#ffab00;
}
#free_desk_global_area .dragable_div .content .one_text_box {
	width:100%;
	height:100%;
	border-radius:10px;
	background:#030545;
	padding:10px;
	display:flex;
	align-items:center;
	justify-content:center;
}
#free_desk_global_area .dragable_div .content .one_text_box .value { color:#ffab00; }
#free_desk_global_area .dragable_div .content .one_point_box {

}
#free_desk_global_area .dragable_div .content .one_point_box .value {
	color:#fff;
	text-shadow:2px 2px 2px #000;
}
#free_desk_global_area .dragable_div .content .dice_label_text {
	position:absolute;
	top:1px;
	right:4px;
	font-size:11px;
	color:#696cff;
}
#free_desk_global_area .dragable_div .content .timer_label_text {
	position:absolute;
	top:1px;
	right:4px;
	font-size:11px;
	color:#696cff;
}
#free_desk_global_area .dragable_div .content .one_timer_box {
	width:100%;
	height:100%;
	border-radius:10px;
	background:#030545;
	padding:10px;
	display:flex;
	align-items:center;
	justify-content:center;
}
#free_desk_global_area .dragable_div .content .one_timer_box .timer {
	font-size:22px;
	line-height:10px;
	color:#ffab00;
}
#free_desk_global_area .dragable_div.other_select { box-shadow:0px 0px 6px 2px #ff720d; }
#free_desk_global_area .dragable_div.active.pined { box-shadow:0px 0px 6px 2px #ffffff; }
#free_desk_global_area .dragable_div.active.pined .toolbar {
	opacity:1;
	transform:translateX(0);
	pointer-events:auto;
}
#free_desk_global_area .dragable_div.active.pined .controll_box {
	opacity:1;
	transform:translateX(0);
	pointer-events:auto;
}
#free_desk_global_area .dragable_div.active.unpined {
	box-shadow:0px 0px 6px 2px #ffffff;
	z-index:6 !important;
}
#free_desk_global_area .dragable_div.active.unpined .toolbar {
	opacity:1;
	transform:translateX(0);
	pointer-events:auto;
}
#free_desk_global_area .dragable_div.active.unpined .controll_box {
	opacity:1;
	transform:translateX(0);
	pointer-events:auto;
}
#free_desk_global_area .dragable_div:hover {

}
#free_desk_global_area .dragable_div:hover .controll_box {

}
#free_desk_global_area .dragable_div:hover .toolbar {

}
#free_desk_global_area .dragable_div.dragable_div_point {
	border-radius:50%;
	border:2px solid #fff;
}
#free_desk_global_area .dragable_div.loading {
	cursor:not-allowed;
	opacity:0.4;
}
#free_desk_global_area .dragable_div.can_move_false { cursor:no-drop; }
#free_desk_global_area #videoContainer {
	position:absolute;
	cursor:move;
	border:1px solid #696cff;
	border-radius:10px;
	box-shadow:3px 4px 5px #00000066;
	z-index:7;
	background:#393a5a;
	height:150px;
	display:flex;
}
#free_desk_global_area #videoContainer div {
	width:150px;
	height:100%;
}
#free_desk_global_area #videoContainer div video {
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
	display:block;
}
#free_desk_global_area #videoContainer.hide { display:none; }