.jackbox-modal {



	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 100001;



}



.jackbox-cover {



	width: 100%;

	height: 100%;

	background-color: #000;

	background-color: rgba(0, 0, 0, 0.75);

	padding-top: 28px;



}



.jackbox-container {



	width: 650px;

	height: 85%;

	margin: 28px auto;



	background: #F5F5F5;

	text-align: left;

	overflow-y: auto;

	overflow-x: hidden;

	

	-moz-box-shadow: 0 0 5px  rgba(0, 0, 0, 0.5);

	-webkit-box-shadow: 0 0 5px  rgba(0, 0, 0, 0.5);

	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);

	

}



.jackbox-content {



	padding: 30px;

	margin-top: 30px;

	

}



.jackbox-content h2 {



	margin: 0 0 25px 0;

	font-size: 32px;

	text-shadow: 1px 1px 0 #FFF;

	

}



.jackbox-content h3 {



	margin: -15px -30px 15px;

	border-bottom: 1px solid #E5E5E5;

	padding: 0px 30px 15px;	

	font-family:sans-serif;

	font-weight:600;

	font-size:16px;

	color:#555;

}



.jackbox-container .jackbox-content h3 {

	

	padding-top: 15px;

	margin-bottom: 0;

	padding-bottom: 0;

	font-size: 18px;

	border-bottom: none;

	

}



.jackbox-container h2 {



	text-align: center;

	

}



.jackbox-form input[type=text] {



	width: 575px;

	

}



.jackbox-form p input[type=radio] {



	margin-left: 7px;



}



.jackbox-form p input[type=radio]:first-child {



	margin-left: 0;



}



.jackbox-form select {



	width: 225px;



}



.jackbox-small {



	width: 95px !important;



}



.jackbox-field {



	width: 200px !important;



}



.jackbox-container .jackbox-small {



	width: 100px !important;



}



.jackbox-medium {



	width: 300px !important;



}



.jackbox-form textarea {



	width: 575px;

	height: 125px;

	min-width: 575px;

	max-width: 575px;

	min-height: 125px;



}



.jackbox-form input[type=submit] {



	cursor: pointer;



}



.jackbox-addmedia {



	cursor: pointer;

	position: relative;

	top: 2px;

	left: 2px;

	margin-right: 4px;

	

}



.jackbox-box {



	display: block;

	margin: 5px 0 3px 0;

	padding: 5px 10px 7px 10px;

	background-color: #FFF;



}



.jackbox-form input[type=text],

.jackbox-form select,

.jackbox-form textarea {



	margin-top: 5px;

	display: block;



}



.jackbox-container .jackbox-form input[type=text],

.jackbox-container .jackbox-form textarea,

.jackbox-container .jackbox-form select {



	margin-top: 7px;



}



.jackbox-container .jackbox-box {



	margin-bottom: 0;

	margin-top: 7px;

	padding: 7px 10px 7px 10px;



}



.jackbox-close {



	float: right;

	cursor: pointer;

	font-weight: bold !important;

	line-height: 22px !important;

	margin: 10px 10px 0 0 !important;



}



.jackbox-clear,

.jackbox-content p {



	clear: both;	



}



.jackbox-content p,

.jackbox-content div {



	position: relative;

	margin: 0;



}



.jackbox-content div:before,

.jackbox-content div:after {



	content: ""; 

	display: table;



}



.jackbox-content div:after {



	clear: both;



}



.jackbox-content div {



	*zoom: 1;



}



.jackbox-container .jackbox-content div p {



	display: inline-block;

	position: static;

	padding-bottom: 0;

	margin: 0 15px 0 0;

	border: 0;



}



.jackbox-content .updated p {



	padding: 0;

	border: 0;



}



.jackbox-content p.submit_jb {



	padding: 0;

	border: 0;

	margin-bottom: 0;

	margin-top: 30px;



}



.jackbox-container .jackbox-content p.submit_jb {



	text-align: center;



}



.jackbox-container .jackbox-form input[type=submit] {



	width: 300px;



}



.jackbox-content p.close_jb {



	float: right;

	margin-top: -40px;



}



.jackbox-question {



	display: inline-block;

	line-height: none;

	font: 11px bold Tahoma, Geneva, sans-serif;

	text-align: center;

	cursor: pointer;



	width: 14px;

	height: 13px;

	padding-top: 1px;

	background-color: #FFF;

	color: #333;



	border: 1px solid #dfdfdf;

	position: relative;

	left: 1px;

	top: -1px;



	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;



}



.jackbox-question:before {



	width: 0; 

	height: 0; 

	content: "";

	visibility: hidden;



	border-left: 6px solid transparent;

	border-right: 6px solid transparent;

	border-top: 6px solid #04a4cc;



	position: absolute;

	top: -10px;

	left: 1px;



}



.jackbox-question:after {



	content: attr(data-title);

	white-space: nowrap;

	text-align: center;

	line-height: normal;

	font-weight: bold;

	color: #FFF;

	z-index:10000;

	position: absolute;

	top: -37px;

	left: -50px;

	

	padding: 6px;

	display: inline-block;

	pointer-events: none;

	visibility: hidden;

	

	border: 1px solid #037c9a;

	border-bottom: none;

	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);

	

	background: #04a4cc;

	

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	

	-webkit-box-shadow: 0 1px 0 #22cffb inset, 0 1px 0 rgba(0, 0, 0, 0.15);

	-moz-box-shadow: 0 1px 0 #22cffb inset, 0 1px 0 rgba(0, 0, 0, 0.15);

	box-shadow: 0 1px 0 #22cffb inset, 0 1px 0 rgba(0, 0, 0, 0.15);

	

}



.jackbox-question:hover:before,

.jackbox-question:hover:after {



	visibility: visible;

	

}



.jb-q1 {



	margin: 0 3px 0 3px;



}



.jb-q1:after {



	left: -230px;



}



.jackbox-form input[type=checkbox] {



	margin-bottom: 5px;

	margin-right: 2px;



}



.jackbox-form input[type=checkbox]:last-child {



	margin-bottom: 0;



}



.jackbox-form textarea[name=data-jbhtml] {



	display: none;



}



.jackbox-content .jb-extras {



	display: none;

	margin: 15px 0 0 3px;



}



.jb-noborder {



	border-bottom: none !important;

	padding-bottom: 0 !important;



}



.jb-media {



	display: inline-block;

	margin: 10px 0 0 2px;

	line-height: none;



}



.jb-media img {



	margin: 0;

	padding: 0;

	cursor: pointer;

	border: 2px solid #FFF;



	-moz-box-shadow: 0 0 3px #AAA;

	-webkit-box-shadow: 0 0 3px #AAA;

	box-shadow: 0 0 3px #AAA;



}



.jb-media img:hover {



	opacity: 0.75;



}



.jb-media audio,

.jb-media video {



	width: 223px;



}



.jb-inline {



	float: right;

	font-size: 11px;



}



.jb-inline input {



	margin-left: 6px;

	margin-top: -1px;



}



.jackbox-content hr {



	border: 0;

	border-top: 1px solid #E5E5E5;

	border-bottom: 1px solid #FFF;

	margin: 18px 0 15px 0;

	padding: 0;

	height: 0;

	clear: both;



}



.jackbox-content hr.jb-extra {



	margin-top: 38px;



}



.jb-error {



	border: 1px solid red !important;



}



#jb-tiny-html {



	height: 175px !important;

	min-height: 175px !important;



}



.jb-modern-tiny .mce-tinymce {



	clear: both;

	margin-top: 5px;

	

}



.jb-loading:after {



	display: inline-block;

	margin-left: 5px;

	font-style: italic;

	font-weight: bold;

	font-size: 11px;

	color: #666;

	text-decoration: blink;

	content: "loading...";

	

}



.jackbox-wrapper {



	padding: 30px;

	margin: 30px 10px 0 0;

	display: inline-block;

	line-height: 24px;

	vertical-align: top;

	min-width: 300px;

	min-height:460px;

	background-color: #fff;

	border: 1px solid #e1e1e1;



}



.jackbox-wrapper .jackbox-form select {



	width: 125px;



}



.jackbox-edit-raw {



	float: left;

	margin-bottom: 5px !important;

	

}



.jackbox-edit-raw-desc {



	float: right;

	margin-bottom: 5px !important;

	

}



.jackbox-fullwrapper	{	

	

	padding:0px 20px 0px 0px; 

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;

	position: relative



}



.jackbox-fullwrapper .jackbox-wrapper {



	margin-top: 10px;

	

}



.jackbox-maintitle .dashicons	{	

	

	margin-left: 0px;

	margin-right: 30px;

	font-size: 30px;

	width: 30px;

	background: #c0392b;

	color: #FFF;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	height: 28px;

	margin-top: -5px;

}



.jackbox-content.jackbox-wrapper h3 .dashicons	{	

	

	margin-left:0px;

	margin-right:5px;



}



.jackbox-maintitle	{	

	

	padding: 30px;

	background: #fff; 

	border: #e5e5e5; 

	font-weight: 600;

	font: sans-serif;

	line-height: 17px;

	font-size: 24px;

	margin-bottom: 20px;

	

}



.jackbox-content h2 {

	

	padding: 0 0 20px 0;

	margin: 0 0 25px 0;

	font-size: 24px;

	background: #F5F5F5;

	

}



.jackbox-version	{

	

	font-size: 12px;

	color: #999;

	font-weight: 400;

	font-style: italic;

	margin-left: 15px;

	

}