@font-face
{
	font-family:gen4Font;
	src:url("font.Opificio.ttf");
}
@font-face
{
	font-family:lucida;
	src:url("font/font.lucon.ttf");
}
body.lucida
{
	font-family:lucida;
}
body.default
{
	font-family:gen4Font;
}
body
{
	padding-top:0px;
	padding-bottom:0px;
	font-size:11px;
	background:url("../images/bg.png") #444444;
}
a
{
	text-decoration:none;
	color:black;
	display:block;
}
@font-face
{
	font-family:w-font;
	src:url("font/font.ethnocentric.ethnocentricrg-regular.ttf");
}
.popContainer table
{
	width:100%;
}
.border
{
	border-style:solid;
	border-width:1px;
	border-color:#cccccc;
	border-radius:4px;
}
.pointer
{
	cursor:pointer;
}
.autoScroll
{
	height:55px;
	overflow:auto;
}
.overflowAuto
{
	overflow:auto;
}
.watermark>i:before
{content:'Haditya ';}
.autoScroll li
{
	padding:0px 0px 0px 10px;
}
.resizeable_vertical
{
	resize:vertical;
}
.listLabel_opt
{
	overflow:hidden;
	cursor:pointer;
	display:block;
	padding:5px;
	resize:none;
	text-decoration:underline;
}
.watermark
{
	position:fixed;
	z-index:1000;
	right:50px;
	bottom:15px;
	font-family:w-font;
	font-size:20px;
}
.textarea_position
{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
}
.watermark>center:after
{content:'N4 -';}
.watermark>center:before
{content:'- GE';}
.watermark>i
{font-size:10px;}
.watermark
{
	text-align:center;
	line-height: 15px;
}
.account
{
	background:white;
}
a:hover
{
	/*text-decoration:underline;*/
	text-decoration:none;
}
hr
{
	background:rgba(51, 51, 51, 0.19);
	border:0px solid;
	width:100%;
	height:1px;
	-webkit-box-shadow:0px 0px 3px rgba(104, 104, 104, 0.48);
	box-shadow:0px 0px 3px rgba(104, 104, 104, 0.48);
}
.popDisplay
{
	display:none;
	min-width:180px;
	padding:0px 0px 0px 18px;
}
.arrowLeft
{
	color:rgba(71, 71, 73, 1);
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	width:30px;
	height:20px;
	font-size:20px;
	position:absolute;
	top:-3px;
	left:-10px;
}
.arrowRight
{
	color:rgba(71, 71, 73, 1);
	width:30px;
	height:20px;
	font-size:20px;
	position:absolute;
	top:-3px;
	left:-10px;
}
.popContainer
{
	position:relative;
	top:-10px;
	background:#474749;
	padding:10px;
	color:white;
	border-color:white;
	border:5px;
	border-radius:3px;
	-webkit-box-shadow:0px 0px 8px rgba(0, 0, 0, 0.5);
	box-shadow:0px 0px 8px rgba(0, 0, 0, 0.5);
}
.padding5
{
	padding:5px;
}
.padding10
{
	padding:7px;
}
.true
{
	background:#00ff00;
}
.false
{
	background:#ff0000;
}
.alertChecker
{
	position:absolute;
	right:15px;
	border-radius:10px;
	color:white;
	padding:4px 9px;
	text-align:center;
	cursor:pointer;
	display:none;
}
.watermark>i:after
{content:'Setiawan';}
.alertChecker:hover .popDisplay
{
	display:block;
}
.alertCheckerCanvas
{
	float:right;
	padding:9px;
}
.serverReturn
{
	text-align:center;
}
.textCenter
{
	text-align:center;
}
.sideText
{
	font-size:10px;
	color:#87A887;
}

ul
{
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
	-webkit-margin-before:0px;
	-webkit-margin-after:0px;
	-webkit-margin-start:0px;
	-webkit-margin-end:0px;
	-webkit-padding-start:0px;
}
.navigation
{
	float:right;
}
.settingPlace
{
	width:inherit;
}
.setting
{
	background-size:15px;
	width:15px;
	height:15px;
	margin:0px auto;
}
.setting:hover .settingMenu
{
	display:block;
	cursor:pointer;
}
.settingMenu
{
	display:none;
	position:relative;
	right:50px;
	top:-17px;
	width:112px;
	z-index:1;
}
.menuButton
{
	display:block;
	width:90px;
	text-align:center;
	padding:0px 10px;
	font-size:14px;
	line-height:1.428571429;
	color:#ffffff;
	vertical-align:middle;
	background-color:#5cb85c;
	border-color:#4cae4c;
	background-image:none;
	border:1px solid;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	text-decoration:none;
}
.menuButton:hover
{
	text-decoration:none;
	border-color:#398439;
	background-color:#47a447;
}
.buttonPosition
{
	margin:0px auto;
	width:180px;
}
._b
{
/*
	background:url("../images/headMenu_b.png") no-repeat;
	opacity:0.8;
*/
}
._w
{
/*	background:url("../images/headMenu_w.png") no-repeat;*/
}
._wRight
{
/*	background:url("../images/headMenu_w2.png") no-repeat;*/
}
.menuHeaderDialog
{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
/*
	top:5px;
	left:-30px;
	width:32px;
	height:75px;
	padding:20px 0px 0px 5px;
*/
}
.menuHeaderDialogRight
{
	position:absolute;
	top:5px;
	right:-35px;
	width:32px;
	height:103px;
	padding:20px 0px 0px 0px;
}
.menuHeaderDialogRight li
{
	padding:0px 0px 3px 0px;
}
.menuHeaderDialog li
{
	padding:0px 3px 0px 0px;
	position:absolute;
}
.addIcon
{
/*	background:url("../images/add.png") no-repeat;*/
	background-size:30px;
	width:30px;
	height:30px;
	margin:0px auto;
	cursor:pointer;
}
.exitIcon
{
/*	background:url("../images/exit.png") no-repeat;*/
	background-size:30px;
	width:30px;
	height:30px;
	margin:0px auto;
	cursor:pointer;
}
.refreshIcon
{
/*	background:url("../images/refresh.png") no-repeat;*/
	background-size:30px;
	width:30px;
	height:27px;
	margin:0px auto;
	cursor:pointer;
}
.PK
{
	width:19px;
	height:15px;
	float:left;
}
.FK
{
	width:19px;
	height:15px;
	float:left;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	position:relative;
	left:2px;
	top:-2px;
}
.none
{
	width:19px;
	height:15px;
	float:left;
}
jsonData
{
	display:none;
}
jsonDetail
{
	display:none;
}
.hidden
{
	display:none;
}
.notif_panel
{
	color:#000000;
	background:#ffff00;
	padding:5px 10px 5px 10px;
	margin:0px auto;
	text-align:center;
	width:400px;
	border-radius:0px 0px 4px 4px;
	z-index:20;

	box-shadow:0 0 8px rgba(0, 0, 0, .8);
	-webkit-box-shadow:0 0 8px rgba(0, 0, 0, .8);
	-moz-box-shadow:0 0 8px rgba(0, 0, 0, .8);
	-khtml-box-shadow:0 0 8px rgba(0, 0, 0, .8);
	-o-box-shadow:0 0 8px rgba(0, 0, 0, .8);
}
#notif_panel_canvas
{
	position:fixed;
	left:0px;
	top:0px;
	padding:0px;
	margin:0px;
	width:100%;
	z-index:11;
}
svg
{
	position:absolute;
	top:0px;
	left:0px;
}
line
{
	stroke:rgba(0, 0, 0, 0.3);
	stroke-width:2;
}
polygon
{
	stroke:rgba(0, 0, 0, 0.3);
	stroke-width:2;	
}
drag
{display:none;}
dragEl
{display:none;}
.db_label
{
	height:20px;
	overflow:hidden;
	font-size:15px;
}
.db_label_rel
{
	height:15px;
	width:65px;
	overflow:hidden;
	font-size:15px;
}
.inlineDiv
{
	float:left;
}
.headInfo
{
	background:#fff;
	display:block;
	border:0px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-o-border-radius:3px;
	box-shadow:0 0 8px rgba(0, 0, 0, .8);
	-webkit-box-shadow:0 0 8px rgba(0, 0, 0, .8);
	-moz-box-shadow:0 0 8px rgba(0, 0, 0, .8);
	-khtml-box-shadow:0 0 8px rgba(0, 0, 0, .8);
	-o-box-shadow:0 0 8px rgba(0, 0, 0, .8);
}
.margin_center
{
	margin:0px auto;
}
.output_name_area
{
	width:98%;
}
.output_code_area
{
	width:98%;
	height:100px;
}

.block_middle_deactive
{
	width:100%;
	height:100%;
	background-size:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:99;
	background:rgba(0, 0, 0, 0);
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-o-transition:0.5s;
	transition:0.5s;
}
.block_middle_active
{
	width:100%;
	height:100%;
	background-size:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:99;
	background:rgba(0, 0, 0, 0.5);
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-o-transition:0.5s;
	transition:0.5s;
}
.block_deactive
{
	width:100%;
	height:100%;
	background-size:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:999;
	background:rgba(0, 0, 0, 0);
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-o-transition:0.5s;
	transition:0.5s;
}
.block_active
{
	width:100%;
	height:100%;
	background-size:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:999;
	background:rgba(0, 0, 0, 0.5);
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-o-transition:0.5s;
	transition:0.5s;
}

.scale_deactive
{
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);

	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-o-transition:0.5s;
	transition:0.5s;
}
.scale_active
{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);

	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-o-transition:0.5s;
	transition:0.5s;
}


.rc_main
{
	position:absolute;
	z-index:10000;
}
.mouse_pop_out
{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.mouse_pop_in
{
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.mouse_menu
{
	background:#FFFFFF;
	width:120px;
	height:120px;

	position: relative;
	display: block;
	border: 0px;
	border-radius: 120px;
	-webkit-border-radius: 120px;
	-moz-border-radius: 120px;
	-khtml-border-radius: 120px;
	-o-border-radius: 120px;
	box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-khtml-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-o-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
}
.mouse_menu ul
{
	list-style-type:none;
	display:block;
	padding:30px 0px 0px 40px;
}
.mouse_menu ul li
{
	color:black;
	padding:3px;
}
.initial_position
{
	position:absolute;
	top:14px;
	left:-156px;
}
.initial_content
{
	background:#FFFFFF;
	width:169px;
	height:166px;
}
.icon-plus
{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	font-size:30px;
}
.icon-plus:hover
{
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.icon-plus:active
{
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	-o-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.icon-plus-pop
{
	font-size:25px;
	color:#5cb85c;
	padding:3px;
	position: relative;
	display: block;
}
.icon-plus-pop:active
{
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	-o-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.fa
{cursor:pointer;}
#right-menu-add
{
	position:absolute;
	top:5px;
	left:45px;
}
#right-menu-reload
{
	position:absolute;
	top:30px;
	left:10px;
}
#right-menu-lock
{
	position:absolute;
	top:70px;
	left:25px;
}
#right-menu-home
{
	position:absolute;
	top:30px;
	right:10px;
}
#right-menu-visible
{
	position:absolute;
	top:70px;
	right:25px;
}

.right-menu-f-none
{
	position:absolute;
	top:30px;
	left:37px;

	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;

	z-index:-1;
}
.right-menu-f1
{
	position:absolute;
	-webkit-transform: translate(-5px, -50px);
	-moz-transform: translate(-5px, -50px);
	-o-transform: translate(-5px, -50px);
	transform: translate(-5px, -50px);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;

	z-index:-1;
}
.right-menu-f2
{
	position:absolute;
	-webkit-transform: translate(-50px, -5px);
	-moz-transform: translate(-50px, -5px);
	-o-transform: translate(-50px, -5px);
	transform: translate(-50px, -5px);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;

	z-index:-1;
}
.right-menu-f3
{
	position:absolute;
	-webkit-transform: translate(-50px, 45px);
	-moz-transform: translate(-50px, 45px);
	-o-transform: translate(-50px, 45px);
	transform: translate(-50px, 45px);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;

	z-index:-1;
}
.right-menu-f4
{
	position:absolute;
	-webkit-transform: translate(55px, -5px);
	-moz-transform: translate(55px, -5px);
	-o-transform: translate(55px, -5px);
	transform: translate(55px, -5px);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;

	z-index:-1;
}
.right-menu-f5
{
	position:absolute;
	-webkit-transform: translate(55px, 45px);
	-moz-transform: translate(55px, 45px);
	-o-transform: translate(55px, 45px);
	transform: translate(55px, 45px);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;

	z-index:-1;
}


.right-menu-f1:hover
{
	position:absolute;
	-webkit-transform: translate(-5px, -70px);
	-moz-transform: translate(-5px, -70px);
	-o-transform: translate(-5px, -70px);
	transform: translate(-5px, -70px);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;

	z-index:-1;
}
.right-menu-f2:hover
{
	position:absolute;
	-webkit-transform: translate(-60px, -20px);
	-moz-transform: translate(-60px, -20px);
	-o-transform: translate(-60px, -20px);
	transform: translate(-60px, -20px);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;

	z-index:-1;
}
.right-menu-f3:hover
{
	position:absolute;
	-webkit-transform: translate(-60px, 60px);
	-moz-transform: translate(-60px, 60px);
	-o-transform: translate(-60px, 60px);
	transform: translate(-60px, 60px);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;

	z-index:-1;
}
.right-menu-f4:hover
{
	position:absolute;
	-webkit-transform: translate(70px, -20px);
	-moz-transform: translate(70px, -20px);
	-o-transform: translate(70px, -20px);
	transform: translate(70px, -20px);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;

	z-index:-1;
}
.right-menu-f5:hover
{
	position:absolute;
	-webkit-transform: translate(70px, 60px);
	-moz-transform: translate(70px, 60px);
	-o-transform: translate(70px, 60px);
	transform: translate(70px, 60px);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;

	z-index:-1;
}
.right-side
{
	display:block;
	width:120px;
	overflow:hidden;
	font-size:14px;
	border-radius:10px 0px 0px 10px;
	-webkit-border-radius:10px 0px 0px 10px;
	-moz-border-radius:10px 0px 0px 10px;
	box-shadow:0 0 8px rgba(0, 0, 0, .8);
	-webkit-box-shadow:0 0 8px rgba(0, 0, 0, .8);
	-moz-box-shadow:0 0 8px rgba(0, 0, 0, .8);
}
.active-right-side
{
	background:rgba(0, 36, 76, 0.64);
}
.right-side
{
	list-style-type:none;
	margin:0px auto;
	display:block;
	padding:0px;
	text-align:center;
}
.right-side li
{
	padding:15px 10px;
	cursor:pointer;
	background:rgba(0, 47, 22, 0.3);
	color:white;
	font-weight:600;
	text-overflow:ellipsis;
	overflow:hidden;
	width:100px;
	display:inline-block;
	white-space:nowrap;
}
.right-side li:hover
{
	background:rgba(15, 15, 15, 0.6);
}
.right-side .rightMenuOn
{
	background:rgba(15, 15, 15, 0.6);
}
.imagePP
{
	width:75px;
	height:75px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	overflow: hidden;
}
.PPHolderSmall
{
	width:100%
	margin:0px auto;
	padding:12px;
}
.imagePP img
{
    height: auto !important;
    max-width: 100%;
}
.PPHolder
{
	margin:0px auto;
	padding:10px 87px;
	height:175px;
}
@media print
{
	#rightMenu, #rightMenuDetails, .watermark
	{
		display:none !important;
	}
}
#rightMenu
{z-index:11;}
#rightMenuDetails
{
	resize:vertical;
	z-index:11;
	max-height:500px;
	overflow:auto;
}
#rightMenuDetails input
{width:200px;}
.imagePPBig
{
	width:175px;
	height:175px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	overflow:hidden;
	position:absolute;
}
.imagePPBig img
{
    height: auto !important;
    max-width: 100%;
}
.labelChangePic
{
	display:none;
	width:160px;
	height:11px;
	padding:8px;
	margin:0px auto;
	position:absolute;
	top:75px;
	left:0px;
	background:rgba(0, 0, 0, 0.63);
	text-align:center;
	cursor:pointer;
}
.progressSection
{
	display: block;
	max-width: 174px;
	height: 20px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #ffffff;
	vertical-align: middle;
	background-color: #5cb85c;
	border-color: #4cae4c;
	background-image: none;
	border: 1px solid;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	position: relative;
	top: -34px;
	left: 0px;
	overflow:hidden;
}
progress
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:#5cb85c;
}
#status_progress
{
	padding:5px 0px;
	position: absolute;
	top: -0px;
	width: 175px;
	height: 30px;
	font-size:14px;
}
.PPHolder:hover .labelChangePic
{
	display:block;
}
.fieldLabel
{
	padding:10px 0px;
	width:100px;
	float:left;
}
.fieldForm
{
	width:50%;
	display:inline;
}
.right-menu-off
{
	position:fixed;
	top:50px;
	right:-120px;
	transition:0.7s;
}
.right-menu-on
{
	position:fixed;
	top:50px;
	right:0px;
	transition:0.4s;
}
.right-menu-details-off
{
	display:block;
	padding:10px;
	position:fixed;
	top:50px;
	right:-500px;
	height:402px;
	width:350px;
	background:rgba(15, 15, 15, 0.6);
	border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	box-shadow:0 0 8px rgba(0, 0, 0, .8);
	-webkit-box-shadow:0 0 8px rgba(0, 0, 0, .8);
	-moz-box-shadow:0 0 8px rgba(0, 0, 0, .8);
	transition:0.7s;
}
.right-menu-details-on
{
	display:block;
	padding:10px;
	position:fixed;
	top:50px;
	right:150px;
	min-height:402px;
	width:350px;
	background:rgba(15, 15, 15, 0.9);
	border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	box-shadow:0 0 8px rgba(0, 0, 0, .8);
	-webkit-box-shadow:0 0 8px rgba(0, 0, 0, .8);
	-moz-box-shadow:0 0 8px rgba(0, 0, 0, .8);
	color:white;
	transition:0.4s;
}
.loader
{
	background:url('images/loading.gif') no-repeat;
	background-size:36px;
	background-position:center;
	width:100%;
	height:100%;
}
.alien-button
{
	display:block;
	width:50px;
	height:50px;
	overflow:hidden;
	font-size:14px;
	position:absolute;
	top:50px;
	right:120px;
	border-radius:10px 0px 0px 10px;
	-webkit-border-radius:10px 0px 0px 10px;
	-moz-border-radius:10px 0px 0px 10px;
	box-shadow:0 0 8px rgba(0, 0, 0, .8);
	-webkit-box-shadow:0 0 8px rgba(0, 0, 0, .8);
	-moz-box-shadow:0 0 8px rgba(0, 0, 0, .8);
	background-color:rgba(0, 47, 22, 0.3);
	cursor:pointer;
	background-image:url('../images/alien.png');
	background-repeat:no-repeat;
	background-size:30px;
	background-position:center;
	transition:0.4s;
}
.question-mark
{
	padding:0px 0px 0px 20px;
}
.questionPop
{
	display:inline-flex;
}
.questionPop:hover .popDisplay
{
	display:block;
}
.listPopPositionQuestion
{
	position:absolute;
}
.gods-position
{
	position:absolute;
	float:right;
	padding:7px;
}
.icon-size
{
	font-size:20px;
}
.isRed
{
	color:red;
}
.generalZ
{
	position:fixed;
	z-index:1000;
}
.tableContentZ
{
	position:fixed;
	z-index:100;
}
.force-center
{
/*	position:absolute;*/
	top:0px;
	margin:0px auto;
	width:99%;
}
.box-elipsis
{
    white-space:nowrap;
    text-overflow:ellipsis;
    max-width:80px;
    overflow:hidden;
	font-size:11px;
	color: white;
}
.box-elipsis > span
{
  font-weight:normal;
  color:white;
  font-size:11px;
}
.inlineflex
{
	display:inline-flex !important;
}
.inline
{
	display:inline !important;
}
#close-corner
{
	font-size: 20px;
    border-radius: 100%;
    border: #afafaf 1px solid;
    width: fit-content;
    height: fit-content;
    padding: 5px 7px;
    background: #fff;
    position: absolute;
    right: -15px;
    top: -15px;
	cursor:pointer;
}
.width100
{
	max-width:100% !important;
	width:100% !important;
}
.height60
{
	height:60px;
}
.mobile-drag
{
    position: absolute;
    right: -20px;
    top: -25px;
    font-size: 45px;
    -webkit-transform: rotate(-307deg);
    transform: rotate(-307deg);
    cursor: move;
}
.no-height
{height:0px !important;}
.noteBackground
{
    background: rgba(71, 71, 73, 0);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.33);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.19);
    max-width: 100%;
    min-width: 233px;
    width: auto;
}
.background-yellow
{background:rgba(255, 255, 114, 0.43);}
.background-red
{background:rgba(255, 0, 0, 0.20);}
.background-white
{background:rgba(255, 255, 255, 0.20);}
.background-green
{background:rgba(0, 128, 0, 0.20);}
.background-blue
{background:rgba(0, 0, 255, 0.20);}
.background-black
{background:rgba(0, 0, 0, 0.20);}
.background-solid-black
{background:rgba(0, 0, 0, 0.65);}

.resize-both::-webkit-scrollbar
{
	height:5px;
	width:8px;
}
.resize-both::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #727272;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0,0.5);
}
.resize-both::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #b6b6b6;
}

.resize-both{
	resize: both;
    overflow: auto;
}
.generascript_form img{
	max-width:100%;
}
.generascript_form{
	position:relative;
}
.generascript_form input[type=radio]{
	display:none;
}
.generascript_form .radio_alt{
    display: block;
    /* border: 5px solid #AAAAAA; */
    border-radius: 100%;
    height: 20px;
    width: 20px;
    top: 0px;
    left: 0px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}
.generascript_form .radio_alt {
	/* border: 3px solid #d8d8d8; */
	display: inline-grid;
}
.generascript_form .radio_alt::before {
	display: block;
	content: '';
	border-radius: 100%;
    height: 15px;
    width: 15px;
    top: 2px;
    left: 2px;
	margin:2.5px;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}

.generascript_form input[type=radio]:checked ~ .radio_alt {
/* 	border: 3px solid #ff3d00; */
}

.generascript_form input[type=radio]:checked ~ .radio_alt::before{
	background: #565656;
}


.generascript_form >.option-neutral>.radio_alt
{border: 3px solid #afafaf;}
.generascript_form >.option-yellow>.radio_alt
{border: 3px solid rgb(255, 255, 114);}
.generascript_form >.option-red>.radio_alt
{border: 3px solid rgb(255, 0, 0);}
.generascript_form >.option-white>.radio_alt
{border: 3px solid rgb(255, 255, 255);}
.generascript_form >.option-green>.radio_alt
{border: 3px solid rgb(0, 128, 0);}
.generascript_form >.option-blue>.radio_alt
{border: 3px solid rgb(0, 0, 255);}
.generascript_form >.option-black>.radio_alt
{border: 3px solid rgb(62, 62, 62);}
.generascript_form >.option-solid-black>.radio_alt
{border: 3px solid rgb(0, 0, 0);}
.font-15
{font-size:15px;}
.po2
{
	position:relative;
	top:-2px;
}
.button-set
{
    font-size: 22px;
    position: relative;
    top: 5px;
}
.ul-reguler
{
	display: block;
    list-style-type: disc;
    margin-before: 1em;
    margin-after: 1em;
    margin-start: 0px;
    margin-end: 0px;
    padding-start: 20px;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 20px;
}
.ol-reguler
{
	display: block;
    list-style-type: decimal;
    margin-before: 1em;
    margin-after: 1em;
    margin-start: 0px;
    margin-end: 0px;
    padding-start: 20px;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 20px;
}
.color-red
{
	color:red !important;
}
.req-hide
{
	display:none;
}