*{
	margin: 0 auto;
	padding: 0;
	font-family:Arial;
}

html body {
	font-size: 14px;
	font-family: Arial, Verdana, Tahoma, Times New Roman;
	line-height: 1.5em;
	color:#888787;
	width:100%;
	min-width: 1024px;
	background: rgba(251,251,251,1);
	padding: 0 10px 0 10px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html body.fixed-width {
	width: 1024px;
	margin: 0 auto;
}

.pointer {
	cursor: pointer;
}

/* ---- header ---- */
#header {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 55px;
	padding: 15px 12px 0 0;
	position: relative;
	min-width: 1024px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#dist_header { width: 960px;	height: auto; margin-left:28px;}

#blogtitle { color: #fff; text-transform: uppercase; float: left; margin-left: 0px; display:inline; }
#blogtitle img.logo.cc {width: 140px; height: 35px;}
/* ---- header ---- */

/* ---- Navigation Bar ---- */
#top_nav_bar
{
	clear: both;
	list-style:none;
	width: 100%;
	height: 38px;
	margin: 0 auto 15px;
	background:#0577bb;
	min-width: 1024px;
	/*background: -moz-linear-gradient(top, #0577bb, #00a5ff);!* Mozilla:*!*/
    /*background: -webkit-gradient(linear,left top, left bottom, from(#0577bb), to(#00a5ff));!* Chrome, Safari:*!*/
    /*filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#0577bb', EndColorStr='#00a5ff', GradientType=0);!* MSIE:*!*/
}
#top_nav_bar li { float: left; line-height: 38px; height: 38px; background: url('../images/spacers_blue.png') no-repeat; background-position:right top; }
#top_nav_bar li a
{
	float: left;
	display: block;
	padding: 0 20px 0 20px;
	color: #e2f4ff;
	text-shadow: 0 1px 1px #020202;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	height: 48px;
	background: url('../images/current_menu.png') -3000em -3000em no-repeat;
}
#top_nav_bar li.current_page_item a, #top_nav_bar li a:hover, #top_nav_bar li a:focus, #top_nav_bar li a:active, #top_nav_bar li.active a
{
	background-position: center 100%; text-decoration: none; /*color: #383838;*/
}
#top_nav_bar li a:hover, #top_nav_bar li.current_page_item a {
	color:#fff;
	text-shadow:0 1px 1px  #00578b;
}
#top_nav_bar li li { display: none; }

#top_nav_bar #selusertype {
	font-size: 14px;
}
/* ---- Navigation Bar ---- */


/* ---- Progress Bar and Steps ---- */
.stepNavigation
{
	clear: both; list-style:none; width: 100%; height: 37px; margin: 0 auto 20px;	background:#ebebeb;
}
.stepNavigation li
{
	float:left;
	height:37px;
	padding-right:0px;
	line-height:37px;
	list-style:none;
	background-color:#ebebeb;
	background-image: url('../images/inactive.png');
	background-repeat: no-repeat;
	background-position: right top;
}
.stepNavigation li span
{
	float: left;
	display: block;
/*	padding-top:2px;*/
	padding-left:20px;/*45*/
	color: #000000;
	font-size: 13px;/*15*/
	font-weight:normal;
	text-transform: uppercase;
	height: 37px;
	text-align:left;/*left*/
	min-width:140px;
}
.stepNavigation li.current
{
	background:url('../images/current.png') right;
	/*background-color:#9ce31d;/*8de31d,93e31d*/
}
.stepNavigation li.next
{
	background:url('../images/next.png') right;
	/*background-color:#93e31d;/*9de31d*/
}
.stepNavigation li.done
{
	/*background-color:#93e31d;
	background-image:none;*/
	background:url('../images/done.png') right;
	width:203px;
}
.stepNavigation li.lastStep
{
	background-image:none;
	/*width:203px;*/
}
.stepNavigation li a
{
	color:#000;
}
/* ------ Progress Bar and Steps ------- */

#desc_bar
{
	margin: 0 auto 15px;
	clear: both;
	list-style:none;
	width: 100%;
	min-width: 1024px;
	height: 28px;
	background:#0577bb;
	color: #e2f4ff;
	text-shadow: 0 1px 1px #002c47;
	font-size:16px;
	padding-top:5px;
	line-height:17px;
	font-weight: bold;
	white-space: nowrap;

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

#desc_bar.top-header-venue.demo {
	margin: 0 auto 0px;
}

#desc_bar.top-header-venue {
	display: flex;
	justify-content: space-between;
}

.top-header-venue label.name,
.top-header-venue label.type {
	margin: 0 100px 0 0;
}

.top-header-venue label.place-filler {
	flex-grow: 1;
}

.top-header-venue .links {
	margin: 0 10px 0 0;
}

.top-header-venue .links .prev-next a:last-child {
	margin-left: 10px;
}

.top-header-venue .links div {
	display: inline-block;
}

.top-header-demo-indicator {
	width: 100%;
	min-width: 1024px;
	padding: 1px 8px;
	margin: 0 auto 5px;
	background-color: #ede746;
	font-weight: bold;
	color: #000;

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.loading-div-top {
	display:none;
	position: absolute;
	top: 15px;
	left: 200px;
	color: #61c71d;
	font-size: 16px;
}
.loading-div-top img {
	vertical-align: bottom;
	height: 25px;
}
.loading-div-top span {
	margin-left: 10px;
}

.processing-universal {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999999;
	font-family: inherit;
	overflow: hidden;
	background-color: rgb(0 0 0 / 53%) !important;
}
.processing-universal .spinner {
	position: absolute;
	width: 275px;
	top: calc(50% - 33px);
	left: calc(50% - 138px);
	color: #61c71d;
	font-size: 16px;
	background: #fff;
	padding: 20px 20px;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.processing-universal .spinner img {
	vertical-align: bottom;
	height: 25px;
}
.processing-universal .spinner span {
	margin-left: 10px;
}


.processing-universal .spinner span:after {
	overflow: hidden;
	display: inline-block;
	vertical-align: bottom;
	-webkit-animation: ellipsis steps(4, end) 2000ms infinite;
	animation: ellipsis steps(4, end) 2000ms infinite;
	/* ascii code for the ellipsis character */
	content: "\2026";
	width: 0px;
}

@keyframes ellipsis {
	to {
		width: 20px;
	}
}

@-webkit-keyframes ellipsis {
	to {
		width: 20px;
	}
}


#mainwrap {
	width: 100%;
	min-width: 1024px;
	overflow-x: auto !important;
	background-color:#ffffff;
	overflow: hidden;
	margin: 0 0;
}

a.header-desc-nav {font-size:12px; color:#fff !important; font-weight:bold;}


/* ----------left menu ---------- */
#left_menu { width:162px; height:100%; min-height:300px; float:left; padding-bottom:100px; background:#ebebeb; }
#left_menu li { line-height:33px; vertical-align:middle; height:32px; } /*remove height if wants 1px space between two menu*/
#left_menu li a { width:145px; display:block; padding:0 10px 0 20px; color:#000000; font-size:15px; text-transform:none; font-weight:normal; margin-top:-2px; margin-left:-1px; }
#left_menu li.header { background:#e1e1e1; }
#left_menu li.header a { font-weight: bold; padding:0 10px 0 10px; color: #0577bb; }
#left_menu li.header a:hover { background: none; color: #0577bb; }
#left_menu li.current_menu a, #left_menu li a:hover, #left_menu li a:focus, #left_menu li a:active, #left_menu li.active a  
{
	text-decoration: uppercase; color: #ffffff;background: url('../images/left_menu_hour.png') no-repeat;
}
#left_menu li li { display: none; }
/* ----------left menu ---------- */

#content_area { float: left; padding-left:0px; padding-right:0px; max-width: 850px; min-width: 850px;}

/* ----------form ---------- */
form.login-a { width: auto; margin-top: 10px; margin-left: 10px;}
/*form.login-a:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }*/
form.login-a label { /*width: 80px; */font-size:16px; font-weight:600; color:#000000; }
form.login-a label.feature_header { margin-left:20px; line-height:35px; color:#0577bb;white-space: nowrap;}
form.login-a label.feature_header.safari-fix { float: left; width: 100%; margin-bottom: 10px; }
form.login-a label.subtitle { font-weight:normal; color:#0577bb; font-weight:bold; line-height:30px; }
/* form.login-a label.small { font-size:15px; color:#000000; padding-left:2px; font-weight:normal; } */

form.login-a label.small { font-size:15px; color:#000000; padding-left:2px; font-weight:normal; }
form.login-a label.gray { font-size:15px; color:#828282; padding-left:2px; font-weight:normal; }

form.login-a label.tabletitle { font-size:14px; font-weight:normal; }
form.login-a input:not(input[type="submit"], input[type="button"]) { margin: 2px 0px 0 0; }
form.login-a input.photo { margin: 0; }	
form.login-a label.red_label { font-size:14px; color:#fe0202; font-weight:normal; }

form.detail input { height:20px; margin-left:5px;}
/* ----------form ---------- */

/* ----------form 2---------- */

.formcontent {
	margin-left:20px;
}
.formrow {
	clear:right;
	margin-bottom:15px !important;
	width: 800px;
	margin: 0 0 15px 0;
}
.formrowpopup {
	clear:both;
	margin-bottom:15px !important;
}
.formfull {
	float:left;
	width:100%;
	margin-bottom:15px !important;
}
.formhalf {
	float:left;
	width:380px;
	margin-bottom:15px !important;
}
.formthird {
	float:left;
	width:253px; /*this is one third of the full row width of 760*/
	margin-bottom:15px !important;
}
.form-fourth {
	float:left;
	width:180px; /*this is one third of the full row width of 760*/
	margin-bottom:15px !important;
}
.form-fourth-percent {
	float:left;
	width: 25%; /*this is one third of the full row width of 760*/
	margin-bottom:15px !important;

}
.formhalf input {
	margin-left:0px !important;
}
.formthird input {
	margin-left:0px !important;
}
.formthird select {
	margin-left:0px !important;
	margin-top: 10px;
}
.formhalf select {
	margin-left:0px !important;
	margin-top: 10px;
}
.formfull input {
	margin-left:0px !important;
}
.formfull select {
	margin-left:0px !important;
}
/*.formfull a { float:right; margin-right:530px; }  */

.formclear {
	clear:right;
	float:left;
	margin-bottom:0px !important;
	width:100%;
}
/* ----------form 2---------- */

/* --------- LINKS --------- */
a:link, a:visited { color:#0577bb; text-decoration: none; }/*#378dbe FFFFFF;  3284d5 */
a:hover { color: #0577bb; }

a.blue_link, a.blue_link_medium, a.blue_link_large,
a.red_link, a.red_link_medium, a.red_link_large,
a.green_link,a.green_link_large  {
	display: inline-block;
	border-radius: 5px;
	font-weight: bold;
	height:30px !important;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	line-height:31px;
	text-transform:capitalize;
	text-shadow: 0px -1px 0px #5c5c5c;
	cursor:pointer;
	padding: 0px 15px;
}

/* ========== RED LINK AS BUTTON ==================== */

a.red_link:hover, a.red_link_medium, a.red_link_large:hover {
	background-color: #ff0604;
}

a.red_link {
	background-color: #ec1513;
	width:70px !important;
}

a.red_link_medium {
	background-color: #ec1513;
	width:110px !important;
}


a.red_link_large {
	background-color: #ec1513; border-radius: 5px; font-weight: bold;
	width:150px !important;
}

/* ========== GREEN LINK AS BUTTON ==================== */

a.green_link
{
	background-color: #36c000;
	width:70px !important;
}
a.green_link:hover, a.green_link_large:hover {
	background-color: #00c813;
}

a.green_link_large {
	background-color: #36c000;
	width:190px; height:29px;
}

a.green_next_link
{
	background:url('../images/btn_next.png') no-repeat; width:123px; height:28px; padding-top:1px; color:#000000; text-align:center; 
	line-height:28px; text-transform:capitalize; text-shadow: 0px -1px 0px #ffffff; font-size:14px; font-weight:normal; cursor:pointer;
}

 /* ========== BLUE LINK AS BUTTON ==================== */

a.blue_link:hover, a.blue_link_medium:hover, a.blue_link_large:hover {
	background-color: #0885d0;
}

a.blue_link
{
	background-color: #0577bb;
	width:70px !important;
}

a.blue_link_medium {
	background-color: #0577bb;
	width:110px;
}

a.blue_link_large
{
	background-color: #0577bb;
	width:150px !important;
}

a.blue { float:right; margin-right:130px; margin-top:2px; }
a.header_link, a.header_link:hover { color:#000000; }
a.content_top_menu { font-size:16px; font-weight: bold; padding-bottom: 2px;}
a.content_top_menu.active, a.content_top_menu:hover { border-bottom: 3px solid #0577bb; }

/* Should be defined in end of classes declaration for <a>*/
a.thin {
	padding: 0px 5px;
}

a.small {
	width: 50px !important;
}

/* --------- LINKS --------- */

input[type="checkbox"]
{
	padding:0px;
	margin:0;
	margin-left:5px !important;
	margin-right:5px !important
}

/* --------- Radio --------- */
/* input[type="radio"]
{
	-khtml-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url('../images/radio_off.png') no-repeat;
	background-position:center;
	border:none;
	width: 20px;
	height: 20px;
	vertical-align: text-bottom;
	padding-left:30px;
} */

input[type="radio"]
{
	width: 20px;
}

label.radiolabel {
	margin-right: 10px; cursor:pointer;
}

/* input[type="radio"]:checked
{
	background: url('../images/radio_on.png') no-repeat;
} */
/* --------- Radio --------- */

/* --------- Input buttons --------- */

.buttons.bottom {
	padding: 10px 25px;
	width: 100%;
	position: relative;
}

.buttons .content {
	width: 100%;
}

.buttons .content.center {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

input[type="submit"], input[type="button"] {
	position: relative;
	height: 30px !important;
	border:none;
	color: #fff;
	background-color: #0577bb; border-radius: 5px; font-weight: bold;
	font-size:14px;
	text-transform:capitalize;
	text-shadow: 0px -1px 0px #5c5c5c;
	line-height:21px;
	cursor:pointer;
	padding: 5px 15px;
}

input[type="submit"].inverted, input[type="button"].inverted {
	color: #0577bb;
	background-color: #fff;
	border: 2px solid #0577bb;
	text-shadow: none;
	text-transform: initial;
	line-height: normal;
}

input[type="submit"]:hover, input[type="button"]:hover {
	background-color: #0885d0;
}

input[type="submit"].inverted:hover, input[type="button"].inverted:hover {
	color: #fff;
	background-color: #0577bb;
	border: none;
	text-shadow: none;
}

input[type="submit"].green_big, input[type="button"].green_big {
	background-color: #36c000;
	width:123px;
}
input[type="submit"].green_large,input[type="button"].green_large {
	background-color: #36c000;
}
input[type="submit"].thin, input[type="button"].thin {
	padding: 0px 5px;
}
input[type="submit"].medium, input[type="button"].medium {
	width: 100px;
}
/* --------- Input buttons --------- */

/* --------- Rounded Text --------- */
input.rounded
{
	width:280px;/*40%;*/
	height:22px;/*35   from 25*/
	background:#f5f5f5;
	margin-top:15px;
	margin-left:25px;
	border: 3px solid #ecedf4;/*ededf4*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: inset 2px 2px 2px #dbdbdb;
	-webkit-box-shadow: inset 2px 2px 2px #dbdbdb;
	box-shadow: inset 2px 2px 2px #dbdbdb;
	font-size: 14px;
	padding: 4px 7px;
	outline: 0;
	-webkit-appearance: none;
}
/*input.rounded:focus {	border-color: #ff0000;/* #339933;* }
input.error { border:3px solid #ff0000; }*/

textarea.rounded {
	width:280px;/*40%;*/
	height:53px;
	background:#f5f5f5;
	border: 3px solid #ecedf4;/*ededf4*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: inset 2px 2px 2px #dbdbdb;
	-webkit-box-shadow: inset 2px 2px 2px #dbdbdb;
	box-shadow: inset 2px 2px 2px #dbdbdb;
	font-size: 14px;
	padding: 4px 7px;
	outline: 0;
	-webkit-appearance: none;
}
/* --------- Rounded Text --------- */

/* ------------ select with background image ------------ */
select.select /*width:158px;height:36px;*/
{ position:absolute; z-index:10; line-height:36px; margin-bottom:10px; }

/* dynamically created SPAN, placed below the SELECT */
span.select /*width:150px;/*40%;height:28px;*/
{	
	line-height:28px;
	background:#f5f5f5 url('../images/drop_down.png') no-repeat right;
	border: 3px solid #ecedf4;/*ededf4*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: inset 2px 2px 2px #dbdbdb;
	-webkit-box-shadow: inset 2px 2px 2px #dbdbdb;
	box-shadow: inset 2px 2px 2px #dbdbdb;
	font-size: 16px;
	color:#000000;
	padding-left:10px;
	outline: 0;
	position:absolute;
	z-index:1;
}
select.bigbox{ width:210px; height:30px; }
span.bigbox{ width:205px; height:25px; font-size:15px; }

select.mediumbox{ width:158px; height:30px; }
span.mediumbox{ width:150px; height:28px; margin-top:5px; }

select.smallbox{ width:95px; height:30px; }
span.smallbox{ width:88px; height:25px; font-size:15px; margin-top:5px; }

select.largebox{ width:320px; height:30px; }
span.largebox{ width:315px; height:25px; font-size:15px; }

select.padded {
	padding: 7px 5px;
}

/*select.errorbox{ border:3px solid #ff0000; }
span.errorbox{ border:3px solid #ff0000; }*/
/* ------------ select with background image ------------ */

/* -------- divs -------- */
div.drinks { text-align:center; float:left; margin-right:10px; }
div.drinks label { text-align:center; width:100%; font-size:16px; }
div.drinks input[type="submit"] { margin-left:10px; }

div.venue_survey { margin-left:10px; margin-top: 7px; width:780px; }
div.venue_survey label {  font-size:11px; font-weight:normal; /*margin-right:5px;*/ }/*line-height:10px;padding-left:20px;margin-right:50px;background:url('../images/list_icon.png') no-repeat left;*/
div.head { width:100%; height:85px !important; background:url('../images/ticket_header.png') repeat-x; color:#FFFFFF; font-size:400%; text-align:center; line-height: 76px; text-shadow: 1px 3px 5px #000; }
/* -------- divs -------- */

/* ---------- Table Data Structure ---------- */
table { margin-left:10px; width:782px; }



table.sortable{ margin-left:0px; }
table.sortable tr th
{
	vertical-align:middle; text-align:center; padding-top:5px; padding-left:20px; padding-right:10px; 
	background:#ebebeb url('../images/spacers_gray.png') no-repeat; background-position: right; 
	height:30px; color:#000000; font-weight:normal; font-size:14px;
}
table.sortable tr th.spacer { background:url('../images/spacers_gray.png') no-repeat; background-position:center; padding:0px; margin:0px; }
table.sortable tr td { vertical-align:middle; padding-left:35px; height:30px; color:#000000; }
table.sortable tr.even { background-color:#f2f2f2; }
table.sortable tr.odd { background-color:#ffffff; }
table.sortable tr td.left { border-right:1px solid #e0e0e0; }
table.sortable tr.highlight { background:#fdfa2b; }
table.sortable tr th.sortedminus { background-color:#c9c9c9; }/*EECCCC*/
table.sortable tr th.sortedplus { background-color: #c9c9c9; }/*#CCEECC*/


.bottom_line th { border-bottom: 1px solid black !important; }
td, th { 
pading:0;
padding-left: 2px;
padding-right: 2px; 
}

table.list
{
	margin-left:20px; margin-top: 5px; width:780px; color:#000000; font-size:13px; border:5px solid #ecedf4; -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;
}
table.list tr {
	padding:0;
	margin:0px;
	height:40px;
	background: url('../images/row-bg.png') repeat-x; 
}
table.list tr.highlight {
	padding:0;
	margin:0px;
	height:40px;
	background: url('../images/row-bg-highlight.png') repeat-x; 
}
table.list tr.detail { display:none; }
table.list tr td { padding:5px;}

table.list a { float:right; margin-right:15px; }  
table.list a.hovelink { float:none; margin:0px; }  
table.list a.venuename { float:left; text-align:left;}  

table.show_box { width:670px; color:#000000; font-size:14px; background:transparent; margin:0px; }
table.show_box tr { background:none; height:20px !important;}
table.show_box tr label.title { font-weight:600; color:#0577bb; font-size:14px; margin-right:10px;}

.flag a {margin-right:0 !important;float:none !important;}

/*table.list label { margin-left:20px; }*/

table.color_picker { width:300px; }
table.color_picker input[type='text'] { width:88px; float:left; color:#000000; }
table.color_picker input[type='button'] { width:35px; height:35px; background:#8d8d8d; border:1px solid #000000; float:left; margin-left:5px; margin-top:2px; cursor:default; }
table.color_picker div.colorBg { cursor:pointer; }

table.events { margin-left:10px; width:782px; }
table.events textarea { width:470px; }
table.events input[type='submit'] { margin-left:10px; }
/* ---------- Table Data Structure ---------- */

/* --------- unorder list --------- */
ul.list1 { list-style:inside; margin-left:35px; list-style-type:square; font-size:16px;color:#000000; }
ul.list1 li { margin-bottom:12px; }
ul.list1 li input[type=submit].delete_button { float:right; margin-right:130px; }
ul.list1 li a {	float:right; margin-right:130px; }

ul.survey { list-style:inside; margin-left:15px; list-style-type:decimal; font-size:14px; color:#000000; }
ul.survey li { margin-bottom:5px; font-style:italic; }
/* --------- unorder list --------- */

/* --------- Cusom Button --------- */
.ui-button
{
	cursor: default !important;
	margin-top:10px; margin-left:10px; padding-bottom:2px;
	background:url('../images/blue_small.png') no-repeat;	border:none;
	width:70px;	height: 30px; line-height:30px;
	color: #fff; font-size:14px; font-weight:bold; text-transform:capitalize;text-shadow: 0px -1px 0px #5c5c5c; text-align:center;
}
/* --------- Cusom Button --------- */

/* -------- Footer -------- */
#bottom {
	margin-top: 15px;
}

#footer {
	width: 100%; height:45px; clear: both; padding: 10px 0 0 5px; font-size: 15px; color: #949494; overflow: hidden; margin: 0 auto; background:#ebebeb repeat-x scroll top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#footer a, #footer a:visited {
	color: #378dbe;
}
#footer a:hover {
	text-decoration: underline;
}
/* -------- Footer -------- */

.inside {
	padding: 10px;
}

#preloads {position:absolute;left:-10000px;top:-10000px;display:none;width:1px;height:1px;}

.center {text-align:center;}

.right {text-align:right;}

.point {cursor: pointer;}

#selstate {width:100px;}

.italic {font-style:italic;}

.green {color:#3c3 !important;}

img.paymethod {vertical-align:top;}

.errTxt { font-size:14px; color:#FF0000; margin-left:5px; display:none; }

.blue {color:#0577bb !important;}

.centerbutton {width:200px;margin:0 auto;}

.comment_switch { margin-left:10px; margin-bottom:5px; vertical-align:middle; cursor:pointer;margin-right: 10px; margin-top: 5px;}

/* ---------- Error Box ---------- */
.error_box{padding:20px;display:none;  width:700px;}
.error_box.with_left_menu{float:right; margin-right:20px;}
.error_box.in-table-cell {padding:5px;width:99%;}
.success_message{padding:10px; background:#edfbd8; border:1px solid #bed800/*bfde84*/; color:#48A41C/*416b03*/; font-weight:bold; text-align:center; /*padding-left:35px;*/ font-size:14px;}
.error_message{padding:10px; background:#FDE4E1/*fdedf0/*ffecce*/; border:1px solid #e3302c/*FBD3C6/*e3302c*/; color:#e40404/*CB4721/*e9c59b*/; text-align:center; /*padding-left:35px;*/ font-size:14px; font-weight:bold;}
.error_box.fixed-in-header {
	position: fixed;
	top: 9px;
	left: 50%;
	transform: translateX(-50%);
	padding: 0;
	margin: 0;
	width: auto;
	z-index: 9999;
}
.error_box.fixed-in-header .success_message,
.error_box.fixed-in-header .error_message{
	padding: 7px 48px 7px 48px;
}
/* ---------- Error Box ---------- */

/* -------- PAGE NAVIGATION -------- */
#listingAJAX .image1
{
	background:#FFFFB9;
	border:1px dotted #FFCC00;
	display:block;
	width:500px;
	padding:20px;
	font-size:18px;
	margin-bottom:5px;
}
#listingAJAX .image1:hover{
	background-color:#e4f9b4;
}
 
.wp-pagenavi{
	float:right;
	margin:20px 10px 20px 0;
	font-size:14px;
	color: #888787;
}
.wp-pagenavi span.pages,.wp-pagenavi span.extend{
	background:#efeeee;
	border:1px solid #d0cfcf;
	margin:2px;
	padding:3px 7px;
	color:#666666;
}
.wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi a:visited{
	color: #006699;
	font-weight: bold;
	background-color: #f2f2f2;
	border: 1px solid #006699;
	margin:2px;
	padding:3px 5px;
	text-decoration:none;
}
.wp-pagenavi span.current,.wp-pagenavi a:hover{
	color: #fff;
	background-color: #006699;
	margin:2px;
	padding:3px 5px;
	font-weight:bold;
}

.wp-pagenavi input
{
	background:#CCCCCC; 
	border:1px solid #d0cfcf;
	color: #06F; 
	margin:3px;
	padding:3px 7px;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
}
/* -------- END PAGE NAVIGATION -------- */

/* -------- TOOL TIP -------- */
div.htmltooltip
{
	position: absolute; /*leave this and next 3 values alone*/
	z-index: 100;
	left: -700px;
	top: -600px;
	background: #999999; /*f5f5f5#;*/
	border: 3px solid #272727/*ecedf410px solid black*/;
	color: white;
	font-size:14px;
	width: 650px; /*width of tooltip*/
	padding: 4px 7px;
	margin-left:10px;
	margin-top:5px;
}

.tooltip {
	position: relative;
}
.tooltip span {
	margin-left: -999em;
	position: absolute;
}
.tooltip:hover span {
	/*border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-family: Calibri, Tahoma, Geneva, sans-serif;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px rgba(0, 0, 0, 0.1);*/
	position: absolute; left: 0.2em; top: 1em; z-index: 99;
	margin-left: 0; width: 660px;
}
.classic{
	position: absolute;
	z-index: 100;
	/*left: -1000px;
	top: -1000px;*/
	background: #f5f5f5;/*#9B9B9B*/
	border: 3px solid #999999;/*#272727*/
	color: #000000;/*FFFFFF*/
	font-size:15px;
	padding: 4px 7px;
}
/* -------- END TOOL TIP -------- */

/*-----------------------------------------------------------------------------------------------*/
/*                                         TOOLTIP STYLES                                        */
/*-----------------------------------------------------------------------------------------------*/

.tTip {position: absolute; cursor: pointer; color: #0577bb; margin-top: -10px; }
.tip {
	color: #333;
	width: auto;/*212px;#a3a3a3*/
	min-width:600px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 500;
	background: #eeeeee;
	border: 3px solid #999999;/*#272727*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-appearance: none;
	padding: 10px 15px 10px 15px;
	font-weight:bold;
}
	
/*.tipMid {background: #eeeeee; padding: 10px 15px 10px 15px;}*/

/*-----------------------------------------------------------------------------------------------*/
/*                                 Sort Drag And Drop STYLES                                     */
/*-----------------------------------------------------------------------------------------------*/

#contentSort ul 
{
	color:#000000; font-size:13px; 	width:100%;
}

#contentSort {
	width: 100%;
	margin: 0;
}

#contentSort li {
	list-style: none;	
	background: url('../images/row-bg.png') repeat-x; 
	padding:0;
	margin:5px;
	height:34px;
	color:#000000;
	cursor:move;
	border: 1px dashed #000;
}

#contentSort li label {
	font-size:14px; color:#000000; padding-left:2px; font-weight:normal; 
	vertical-align:middle;line-height:35px;
	}

#contentSort li.photo_sort {
	min-height:85px;
	height:auto;
	width:auto;
	line-height:85px;
	display:block;
}

#contentSort li.photo_sort label {
	text-align:center; vertical-align:middle; line-height: 1.5; word-wrap: break-word; width:200px; float:left;
}

#contentSort li.photo_sort label.chbx {
	width: auto;
	font-weight: bold;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.2em;
}


#contentSort li.photo_sort .photo,
#contentSort li.photo_sort .links,
#contentSort li.photo_sort .type,
#contentSort li.photo_sort .controls {
	height: 85px;
	padding: 5px 0 0 10px;
	float: left;
}

#contentSort li.photo_sort .photo,
#contentSort li.photo_sort .links {
	float: left;
}

#contentSort li.photo_sort .links {
	position: relative;
	width: 430px;
	overflow: hidden;
}

#contentSort li.photo_sort .links p {
	line-height: 25px;
	margin: 0;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
}

#contentSort li.photo_sort .controls {
	padding: 5px 20px 0 0;
	float: right;
	position: relative;
}

#contentSort li.photo_sort .controls a {
	font-weight: 600;
	color: #0577bb;
	cursor: pointer;
	font-size: 1.2em;
}

#contentSort li.photo_sort .controls .wrapper {
	position: absolute;
	width: 200px;
	left: -185px;
	bottom: 10px;
	display: flex;
	height: 30px;
	justify-content: center;
	align-items: center;
}

#contentSort li.photo_sort .controls .wrapper.two_links {
	width: 128px;
	left: -108px;
}


#staticFeature ul 
{
	color:#000000; font-size:13px; 	width:100%; 
}

#staticFeature {
	width: 90%;
	margin: 0;
	border:5px solid #ecedf4; -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;margin-left:20px;	
}

/*#staticFeature li {
	list-style: none;	
	background: url('../images/row-bg.png') repeat-x; 
	padding:0;
	margin:5px;
	height:34px;
	color:#000000;
	border: 1px dashed #000;
}*/

#staticFeature li label {
	font-size:14px; color:#000000; padding-left:2px; font-weight:normal; 
	vertical-align:middle;line-height:35px;
	}

#staticFeature li.photo_sort {
	min-height:85px;
	height:auto;
	width:auto;
	line-height:85px;
	display:block;
}

#staticFeature li.photo_sort label {
	text-align:center; vertical-align:middle; line-height: 1.5; word-wrap: break-word; width:200px; float:left;
}

#staticFeature li.bgimage {
	list-style: none;	
	background: url('../images/row-bg.png') repeat-x; 
	padding:0;
	margin:5px;
	height:34px;
	color:#000000;
	border: 1px dashed #000;
}

#staticFeature li.bgcolor {
		
	list-style: none;	
	padding:0;
	margin:5px;
	height:34px;
	color:#000000;
	border: 1px dashed #000;
	background-color:#e5fbe5 !important;
	background-image:none !important;	
}

#staticFeature li.custom {
	background: #d8e5f8;
}
/*-----------------------------------------------------------------------------------------------*/
/*                                 HOUR TIMER STYLES                                     		 */
/*-----------------------------------------------------------------------------------------------*/

 div.hours { position: relative; z-index: 1; padding: 10px 0 17px 25px; overflow:hidden; }
	 div.hours h3 { margin: 0 0 18px; color: #00aeef; font-size: 1.8em; text-transform: none; }
	 div.hours p.legend { overflow: hidden; width: 100%; margin: 0; padding: 0 0 10px 114px; font-size: 1.6em; }
	 div.hours p.legend { padding: 0 0 27px 114px !important; }
		 div.hours p.legend span { display: block; float: left; width: 306px; text-align: center; font-size:14px; color:#000000; font-weight:bold; }
	 div.hours p { padding: 0 0 40px !important; }
	 div.hours label { position: absolute; z-index: 1000; font-weight:normal; font-size:14px; padding:0px; margin:0px; }
	 div.hours label input { border: 0; background: none; }
/*	 div.hours a { display: block; position: relative; float: left; z-index: 1000; height: 37px; padding: 0 0 0 10px; color: #575757; line-height: 37px; text-transform: uppercase; }*/	
	 div.hours span { display: block; text-align: center;}
		 div.hours span em { display: block; float: left; height: 37px; margin: 0 0 0 -12px; line-height: 37px; font-style: normal; }
		 div.hours label em { position: absolute; left: 26px; right:0; top: 0; font-style: normal; }
		 div.hours span div:nth-child(4) { margin: 0 10px 0 0; }
	 div.hours .jNiceCheckbox { position: absolute; left: 8px; top: 9px; }
	 div.hours .jNiceSelectWrapper { width: 82px !important; background-position: 0 -88px; } 
	 div.hours .jNiceSelectWrapper ul { width: 82px !important; }
		 div.hours .jNiceSelectWrapper ul a { display: block; width: 75px; }

div.sliderrange {width:250px; margin:0px; margin-bottom:10px;}
span.slidertime {font-size:12px; margin:0px;color: #515151}
div.timeslider {margin: -37px 0 0 120px; height: 25px; width: 255px;}
div.timeslider2 {margin: 12px 0 0 495px; height: 25px; width: 255px;}
div .morecheck {margin: -38px 0 0 420px;}
div.morecheck label {width: 65px;margin-top:10px;}

li.subnav a {padding-left:30px !important;}

.hrs  
{ 
	vertical-align:middle; 
} 
/*-----------------------------------------------------------------------------------------------*/
/*                              About Us Rich Text Area	                                		 */
/*-----------------------------------------------------------------------------------------------*/

.aboutUs { width:700px; height:220px; background:url('../images/aboutus_bg.png') no-repeat; padding:15px 0 0 20px; float:left; margin:10px 0 10px 0px;}
.aboutUs * { margin: 0; padding: 0; }

.aboutUs ul.toolbar li.jwysiwyg-custom-command { overflow: hidden; }

/* -------- tool bar displays formatting images ------- */
.aboutUs ul.toolbar { width: 100%;  padding: 0; margin-bottom:5px;  margin-left:215px; }
.aboutUs ul.toolbar li { list-style: none; float: left; margin: 1px 2px 3px 0;  background: rgb(240, 240, 240); -moz-user-select: none; -webkit-user-select: none; user-select: none; clear: none; padding: 0; }
.aboutUs ul.toolbar li.separator { width: 1px; height: 16px; margin: 0 4px; border-left: 1px solid #ccc; }
.aboutUs ul.toolbar li { text-indent: -5000px; display: block; width: 28px; height: 29px; background: url('../images/format.png') no-repeat;  cursor: pointer; margin-left:5px; margin-right:2px; margin-bottom:2px; }
.aboutUs ul.toolbar li.active { background-color: #94855e;}

.aboutUs ul.toolbar li.disabled, div.wysiwyg ul.toolbar li.wysiwyg-button-hover.disabled, div.wysiwyg ul.toolbar li.active.disabled { opacity: 0.5; filter:alpha(opacity=50); border: 0px none transparent; padding: 1px; cursor: auto; }

.aboutUs ul.toolbar li.bold { background-position: -1px 0px;}
.aboutUs ul.toolbar li.italic { background-position: -38px 0px;}
.aboutUs ul.toolbar li.underline { background-position: -76px 0px;}
.aboutUs ul.toolbar li.insertUnorderedList { background-position: -113px 0px;}
.aboutUs ul.toolbar li.insertOrderedList { background-position: -150px 0px;}

/* ------ text area----- */
.aboutUs iframe { border: 1px solid #CCCCCC; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
background-color:#fff; padding-left:10px; margin:0; display:block !important; margin-left:-5px; width: 622px !important; height:150px !important; padding-top:5px;}

form.login-a label.small-inline { font-size:15px; color:#000000; padding-left:2px; font-weight:normal; width:80px !important; display:inline-block; }


/*==========new Event =========== */

.new_event { width:700px; height:220px; background:url('../images/aboutus_bg.png') no-repeat; padding:15px 0 0 20px; float:left; margin:10px 0 10px 0px;}
.new_event * { margin: 0; padding: 0; }

.new_event ul.toolbar li.jwysiwyg-custom-command { overflow: hidden; }


/* -------- tool bar displays formatting images ------- */
.new_event ul.toolbar { width: 100%;  padding: 0; margin-bottom:5px; margin-top:-10px; margin-left:215px; }
.new_event ul.toolbar li { list-style: none; float: left; margin: 1px 2px 3px 0;  background: rgb(240, 240, 240); -moz-user-select: none; -webkit-user-select: none; user-select: none; clear: none; padding: 0; }
.new_event ul.toolbar li.separator { width: 1px; height: 16px; margin: 0 4px; border-left: 1px solid #ccc; }
.new_event ul.toolbar li { text-indent: -5000px; display: block; width: 28px; height: 29px; background: url('../images/format.png') no-repeat;  cursor: pointer; margin-left:5px; margin-right:2px; margin-bottom:2px; }
.new_event ul.toolbar li.active { background-color: #94855e;}

.new_event ul.toolbar li.disabled, div.wysiwyg ul.toolbar li.wysiwyg-button-hover.disabled, div.wysiwyg ul.toolbar li.active.disabled { opacity: 0.5; filter:alpha(opacity=50); border: 0px none transparent; padding: 1px; cursor: auto; }

.new_event ul.toolbar li.bold { background-position: -1px 0px;}
.new_event ul.toolbar li.italic { background-position: -38px 0px;}
.new_event ul.toolbar li.underline { background-position: -76px 0px;}
.new_event ul.toolbar li.insertUnorderedList { background-position: -113px 0px;}
.new_event ul.toolbar li.insertOrderedList { background-position: -150px 0px;}

/* ------ text area----- */
.new_event iframe { border: 1px solid #CCCCCC; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
background-color:#fff; padding-left:10px; margin:0; display:block !important; margin-left:-5px; width: 622px !important; height:150px !important; padding-top:5px; margin-top:5px;}


/************************************************/

/*------------- Design for Signage Order Image ------------------*/

.mainDiv4_6
	{
		height:432px;
		width:288px;
		border:1px solid;
	}
	.header4_6
	{
		height:90px;
		font-size:18px;
		font-weight:bold;color:#FFFFFF;background-color:#DDD;
		text-align:center;
		font-size:14px;
		display: table-cell;
		vertical-align:middle;
		width:288px;
	}
	
	.header4_6 h3	
	{
		font-family:Arial, Helvetica, sans-serif;
		height:90px;padding-top:15px;	font-size:24px;		
	}	
	
	.middle4_6
	{	
		height:212px !important;background-color:#777; color:#FFFFFF;
	}
	
	.middleContent
	{
	   float:right;margin-top:-380px;margin-right:15px;
	}	
	.middleContent span
	{
		 font-size:14px;/**/
		 font-family:Arial, Helvetica, sans-serif;
		 margin-left:135px;/*140*/
		 font-weight:bold;
	}
	.middleContent ul
	{		
	  margin-left:160px;font-weight:bold;margin-top:10px; 
	}
	.middleContent li
	{		
		font-size:13px;
		font-family:Arial, Helvetica, sans-serif;
	}
	.footer4_6
	{
		height:131px;font-size:20px;background-color:#DDD; 
		float:left;margin-top:-186px; width:288px;
	}
	.footer4_6 table
	{
		 width:288px;
		 height:131px;margin-left:-0px;
	}
	.footer4_6 table td
	{
	  vertical-align:top;text-align:center;color:#FFFFFF;
	}
	.spanTxt
	{
		font-size:18px;font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
	}
	.spanSubText
	{ 
		font-size:12px;font-weight:bold;
	}	
	.spanlink
	{ 
		font-weight:bold;text-decoration:underline;font-size:11px;
	}
	.mainDiv4_6L
	{
		width:432px;
		height:288px;
		border:1px solid; background-color:#FF0000;
	}
	.header4_6L
	{
		height:65px;
		font-size:14px;
		font-weight:bold;
		color:#FFFFFF;
		background-color:#DDD;
		text-align:center;
		display: table-cell;
		vertical-align:middle;
		width:432px;
	}
	
	.middle4_6L
	{	
		height:120px !important;background-color:#777; color:#FFFFFF;
	}
	
	.iphone-container4_6L
	{
		background-image: url('../images/iphone4_6.png');
		background-repeat: no-repeat;	
		height: 391px;
		width: 200px;
		float:left;margin-left:20px;margin-top:-12px;
		position:relative;
}
	.middleContent4_6L
	{
		float:right;margin-top:-380px;
	}	
	.middleContent4_6L span
	{	
		 font-size:15px;
		 font-family:Arial, Helvetica, sans-serif;
		 margin-left:50px;
		 font-weight:bold;
	}	
	.middleContent4_6L ul
	{
		float: left; width: 280px;line-height:25px;
	}
	.middleContent4_6L li
	{
		 font-size:14px;
		 font-family:Arial, Helvetica, sans-serif; font-weight:bold;
		float: left;width: 140px; 
	}
	.footer4_6L
	{
		height:105px;font-size:20px;background-color:#DDD; 
		float:left;margin-top:-277px; width:432px;
	}
	.footer4_6L table
	{
		 width:312px;
		 height:95px;
		 margin-left:120px;
	}
	
	.footer4_6L table td
	{
	  vertical-align:top;text-align:center;color:#FFFFFF;
	}
	.spanTxt
	{
		font-size:18px;font-weight:bold; 
		font-family:Arial, Helvetica, sans-serif;
	}
	.spanSubText
	{ 
		font-size:12px;font-weight:bold;
	}	
	.spanlink
	{ 
		font-weight:bold;text-decoration:underline;font-size:11px;
	}
	.subheadoffer {font-size:14px;color:#000;}
	
	
/***************************Formatting Text*******************************/
	
/*********************For Text Formatting**********************/
.toolbar {
	float: left;
	width: 35%;
	padding: 0;
	margin-bottom:2px;
	margin-top:-3px;	
	margin-left:32%;
	position: relative;
}

.toolbar a:not(.sub-menu-item) {
	display: block;
	width: 28px;
	height: 29px;
	background: url('/images/icon/html_editor_btns.png') no-repeat;
	cursor: pointer;
	margin-left:5px;
	margin-right:2px;

	margin-bottom:2px;
	float:left;
}

.toolbar a.active {
	background-color: #94855e;
}

.toolbar a.bold {
	background-position: -1px 0px;
}
.toolbar a.italic {
	background-position: -38px 0px;
}
.toolbar a.underline {
	background-position: -76px 0px;
}
.toolbar a.insertUnorderedList {
	background-position: -113px 0px;
}
.toolbar a.insertOrderedList {
	background-position: -150px 0px;
}
.toolbar a.fontSize {
    background-position: -187px 0px;
}
.toolbar a.font-family {
	background-position: -224px 0px;
}
.toolbar a.font-size {
	background-position: -224px 0px;
}

.toolbar .toolbar-font-size-dropdown {
    position: absolute;
		left: 110px;
		top: 30px;
    border: 1px solid #d6d6d6;
    width: 150px;
    background-color: #FFFFFF;
    padding: 5px 5px;
    border-radius: 5px;
    font-family: Arial, Helvetica, sans-serif;
    display: none;
}
.toolbar .toolbar-font-size-dropdown ul{
    z-index: 1000;
}
.toolbar .toolbar-font-size-dropdown ul li{
    display: block;
    padding: 4px 0px;
    padding-left: 5px;
    line-height: normal;
}
.toolbar .toolbar-font-size-dropdown ul li:hover{
    background-color: #f5f5f5;
    font-weight: 500;
}


.toolbar div.toolbar-dropdown {
	position: absolute;
	top: 30px;
	border: 1px solid #d6d6d6;
	width: 150px;
	background-color: #FFFFFF;
	padding: 5px 5px;
	border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
	display: none;
}
.toolbar div.toolbar-dropdown ul{
	z-index: 1000;
}
.toolbar div.toolbar-dropdown ul li{
	display: block;
	padding: 4px 0px;
	padding-left: 5px;
	line-height: normal;
	text-align: left;
}
.toolbar div.toolbar-dropdown ul li:hover{
	background-color: #f5f5f5;
	font-weight: 500;
}

.toolbar a.sub-menu-item {
    cursor: pointer;
    width: 145px;
    display: contents;
    margin: 3px 0px 0px 5px;
    color: #505050;
}

.wysiwyg-font-size-x-small {
	font-size: 10px;
}

.wysiwyg-font-size-smaller {
	font-size: 12px;
}

.wysiwyg-font-size-small {
	font-size: 16px;
}

.wysiwyg-font-size-medium {
	font-size: 20px;
}

.wysiwyg-font-size-large {
	font-size: 26px;
}

.wysiwyg-font-size-x-large {
	font-size: 30px;
}

.wysiwyg-font-size-xx-large {
	font-size: 36px;
}

/* ------ text area----- */
textarea {
	border: 1px solid #FFFFFF;
	border-radius:6px;
	background-color:#FFFFFF;
	padding: 5px;	
	width: 100%;
	height:85%;
	font-size:16px;font-family:Arial, Helvetica, sans-serif;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
	/*text-indent:10px;*/	
}
/*****************************************/


/************************* Order Menu Items *****************/

div.legend-a p { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; behavior: url(pie.htc); }	
div.legend-a p span { display: block; width: 98px; margin: -6px 0 0; padding: 0 4px 0 0; color: #bababa; font-size: 0.857em; white-space: nowrap; text-align: right; }
div.legend-a p.active { background: #6abe62; }
div.legend-a p.top { top: -32px; }
div.legend-a p.bottom { margin-left: -124px !important; top: 31px; }
form.form-a { overflow: hidden; width: 99%; }

/*IBS*/		
.google-visualization-orgchart-node-medium{
	font-size:14px !important;
}	
.google-visualization-orgchart-node{
	font-family: 'Museo500', Arial, Helvetica, sans-serif !important;
	text-transform:uppercase !important;
	padding:3px !important;
	background:#6a6a6a !important;
	border:3px solid #EDEDF4 !important;
}
.google-visualization-orgchart-node span{
	display:block !important;
}
.google-visualization-orgchart-nodesel{
	background:#6ABE62 !important;
}
.google-visualization-orgchart-table {  width:97%;  }

.deletespan{
	float:left;
	background: url(../images/link-a.gif) repeat-x;
	background-position: bottom;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; behavior: url(pie.htc);
}
.idSpan{
	float:right;
	color:#FFF;
}
a.levelpicker{
	line-height:21px;
}

.deletespan a
{
	color:#FFFFFF;
}
.val
{
	font-size:14px; color:#FF0000; margin-left:5px;display:none;
}

/* popup new screen */
.web_dialog_overlay
{
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   height: 100%;
   width: 100%;
   margin: 0;
   padding: 0;
   background: #000000;
   opacity: .15;
   filter: alpha(opacity=15);
   -moz-opacity: .15;
   z-index: 101;
   display: none;
}
.web_dialog
{
   display: none;
   position: fixed;
   width: 320px;
   height: auto;
   top: 50%;
   left: 50%;
   margin-left: -190px;
   margin-top: -100px;
   background-color: #ffffff;
   border: 2px solid #336699;
   padding: 0px;
   z-index: 102;
   font-family: Verdana;
   font-size: 10pt;
}

a.remove 
{ 
  color: #b71e1e;
  font-size:13px;
}

	table.table-a { width: 100%; margin: 0 0 20px;/* border-bottom: 1px solid #ededf4;*/ background: #fefefe; color: #575757; border-spacing: 0;}
	table.table-a th { padding: 11px 14px 5px 17px; border: 0; color: #00aeef; font-size: 1.6em; font-family: 'Museo700'; }
	table.table-a td { padding: 27px 14px 27px 17px; border: 0; border-top: 1px solid #ededf4; font-size: 1.5em; white-space: nowrap; }
	table.table-a td:first-child { border-left: 1px solid #ededf4; }
	table.table-a td.itemname {width:200px;}
	table.table-a td:last-child, table.table-a td.last-child { border-right: 1px solid #ededf4; }
	table.table-a td.wide { width: 180px; }
	table.table-a a.remove { display: block; padding: 0 0 0 14px; background: url(../images/remove.png) 0 4px no-repeat; color: #b71e1e; }
	table.table-a tr:nth-child(odd) td { background: #f3f3f3; }
	
#root table.table-b td { font-size: 1.4em; }

	div.panels-a 
	{ 
		clear:right;
		margin-bottom:15px !important;
		width: 810px;border-top: 1px solid #aaa;
	}

	div.panels-a div { border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; border-left: 1px solid #aaa;}
	div.panels-a div div { overflow: hidden; width: 80%; border-bottom: 0; border-top: 0; border-right: 0; border-left: 0; background: #eee; width:808px;  }
	div.panels-a h3 { float: left; width: 170px; height: 73px; margin: 0 0 0 30px; padding: 0 0 0 16px; color: #fff; font-size: 1.4em; line-height: 73px; text-transform: none; }
	div.panels-a p { float: left; width: 144px; height: 73px; margin: 0; line-height: 73px; white-space: nowrap; font-size:14px;}
	div.panels-a p.order { overflow: hidden; position: relative; top: 30px; width: 48px; margin: 0 128px 0 0; }
	div.panels-a div a.up { float: right; width: 18px; height: 14px; background-position: -201px -178px; }
	div.panels-a div a.down { float: left; width: 18px; height: 14px; background-position: -171px -178px; }
	div.panels-a a.remove { display: block; /*position: relative;*/ left: 25px; padding: 0 0 0 14px; background: url(../images/remove.png) 0 31px no-repeat; color: #b71e1e; font-size:14px; }	
		
		
div.panels-a table.table-a { margin: 0; }
div.panels-a table.table-a td { padding: 18px 14px 18px 17px; font-size: 1.3em; }
div.panels-a table.table-a td span { float: left; margin: 0 9px 0 0; }

div.panels-a table.table-a a.remove { left: -11px; }
html* div.panels-a table.table-a a.remove { left: -12px; }

/********* Order Detail ******/

div.module-b { overflow: hidden; margin: 0 0 22px; padding: 4px 0 15px 0px; color: #000000; }
	div.module-b h3 {  font-size:16px; font-weight:normal; color:#0577bb; font-weight:bold; line-height:35px; }
	div.module-b div.double-f { padding: 0; }
		div.module-b div.double-f .one { padding: 0; }
		div.module-b div.double-f p { padding: 0 0 0 115px; }
		
		div.double-f h3 { font-size:16px; font-weight:normal; color:#0577bb; font-weight:bold; line-height:35px; }

div.double-f p { position: relative; margin: 0 0 1px; padding: 0 0 0 72px; font-size: 1.5em; }
	div.double-f p a { color: #575757; }	
	div.double-f p span { position: absolute; left: 0; top: 0;  font-size:15px; color:#000000; font-weight:normal; }


div.double-f { width: 100%; padding: 0 0 31px; color: #575757; }
div.double-f:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
	div.double-f .one { float: left; width: 50%; padding: 0 0 0 16px; }
	div.double-f .two { float: left; width: 50%; }
	
	
	div.module-b div.double-g { padding: 0; }
		div.module-b div.double-g .one { padding: 0; }
		div.module-b div.double-g p { padding: 0 0 0 80px; }
		
		div.double-g h3 { font-size:16px; font-weight:normal; color:#0577bb; font-weight:bold; line-height:35px; }

div.double-g p { position: relative; margin: 0 0 1px; padding: 0 0 0 72px; font-size: 1.5em; }
	div.double-g p a { color: #575757; }	
	div.double-g p span { position: absolute; left: 0; top: 0; font-size:15px; color:#000000; font-weight:normal; }


div.double-g { width: 100%; padding: 0 0 31px; color: #575757; }
div.double-g:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
	div.double-g .one { float: left; width: 50%; padding: 0 0 0 16px; }
	div.double-g .two { float: left; width: 50%; }

div.double-g .one a { font-size:15px;color:#000000;margin-left:2px !important;float:none !important; }
div.double-g .one a:hover { font-size:15px;color:#000000;margin-left:2px !important;float:none !important; text-decoration: underline; }
/*------Order ---------------*/
div.order-a { margin: 0 0 18px; padding: 6px 20px 14px 0px; color: #000000; }
	div.order-a h3 {  font-size:16px; font-weight:normal; color:#0577bb; font-weight:bold; line-height:35px;  }
	div.order-a p { position: relative; width: 370px; margin: 0; padding: 0 0 19px; border-right: 1px solid #d6d6d6; font-size: 16px; }
		div.order-a p span { display: block; position: absolute; right: 0; top: 0; width: 59px; height: 80px; padding: 0 12px 0 0; border-left: 1px solid #d6d6d6; text-align: right; }
		div.order-a p.subtotal { width: 246px; padding: 18px 0 4px 124px; border-top: 1px solid #d6d6d6; }
			div.order-a p.subtotal span { top: 18px; }
		div.order-a p.tax { overflow: hidden; width: 246px; padding: 0 0 4px 124px; }
		div.order-a p.total { overflow: hidden; width: 246px; padding: 0 0 4px 124px; }
			/* div.order-a p.total span { color: #00aeef; } */
	div.order-a ul { list-style: none; width: 334px; margin: 0; padding: 0 0 10px 36px; border-right: 1px solid #d6d6d6; }
		div.order-a ul li { position: relative; margin: 1px 0 0; font-size:16px; /*1.5em*/; }
		div.order-a ul ul { margin: 0 0 -1px; padding: 0 0 0 33px; border-right: 0; }
			div.order-a ul ul li { font-size: 16px; }
			div.order-a ul ul li:before { content: "- "; }
			html* div.order-a ul ul li { display: block; padding: 0 0 0 10px; background: url(../images/order-li.gif) 0 10px no-repeat; }
			html* div.order-a ul ul li:before { content: ""; }
			div.order-a ul span { display: block; position: absolute; right: 33px; top: 0; width: 59px; height: 50px; padding: 0 12px 0 0; border-left: 1px solid #d6d6d6; text-align: right; }



/**************/

label.menu_title { font-size:16px; font-weight:600; line-height:35px; color:#0577bb; margin-left:15px;}
label.wait_title { font-size:16px; font-weight:600; color:#000000; line-height:35px; }
label.wait_value {  font-size:16px; font-weight:600; margin-left:10px; line-height:35px; color:#0577bb; line-height:35px; }
#spacer {
	width: 944px; height:5px; clear: both; padding: 10px 0 0 5px; font-size: 15px; color: #949494; overflow: hidden; margin: 0 auto; background:rgba(251,251,251,1) repeat-x scroll top;
}


.replyBox { display:none;}

a.contactlink:link, a.contactlink:visited { color:#0577bb; font-size:15px; }
a.contactlink:hover { color: #0577bb;  font-size:15px;}


.primary_contact
{
	background:#E7FBEA !important;
}

.cancelled {
	background: #fae4e3 !important;
}
.dollar-sign {
	width: 24px;
}


.text_area 
{
	width:280px;
	height:auto;
	min-height:200px;
	max-height: 500px;
	overflow-y: auto;
	background:#f5f5f5;
	border: 3px solid #ecedf4;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: inset 2px 2px 2px #dbdbdb;
	-webkit-box-shadow: inset 2px 2px 2px #dbdbdb;
	box-shadow: inset 2px 2px 2px #dbdbdb;
	font-size: 14px;
	padding: 4px 7px;
	outline: 0;
	-webkit-appearance: none;
	color:#000000;
	margin-left:0px;
}

div.graph
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width:260px;
	height:24px;
	background:#a6a4a4;			
}
	
div.graphli
{
	color: #FFFFFF;
	background: #00a0ff;			
	height:24px;
	margin:0px;	
	
}
.survey_text
{
	text-decoration:underline;
	font-size:14px;
	color:#00a0ff;
}

form.login-a label.display_count
{
	color:#FFFFFF;
	vertical-align:text-top;
	margin-left:6px;
	font-size:15px; 
	padding-left:2px; 
	font-weight:normal;
}

table.list tr.question
{
	background:#ecedf4;
}

table.list td.question
{
	background:#ecedf4;
}

/****************report page*******************/

#wrapper {
 overflow-x: scroll;
 margin-right:25px;

}

table#fixed {
	width: 1200px;			   
	margin: 10px 0 0;
	color: #000000;
    font-size: 13px;
    border: 5px solid #ECEDF4;
    border-radius: 6px 6px 6px 6px;
	
}

table#fixed th {	
padding-left: 20px !important;
text-align:left !important;
}
table#fixed tr {
	padding:0;
	margin:0px;
	height:40px;
	background: url('../images/row-bg.png') repeat-x; 
	
}
table#fixed td {
	padding-left:20px;	
	width: 250px;	
}
table#fixed label.reporttitle { 
	font-size:14px; font-weight:bold !important; cursor: pointer;
}
/**************************************************/
.formfour {
	float: left;
	margin-bottom: 15px !important;
	width: 175px;
 }
.errFeeTxt { font-size:14px; color:#FF0000; margin-left:0px; display:none; margin-right:15px; }

.green_mark {
	background: url('../images/green_checkmark.png') no-repeat !important;
	float: left !important;
	background-position: 87px !important;
	background-color:#f5f5f5 !important;
}

.hr
{
	border:1px solid white;
}

.hideFeature, #left_menu li.inactive a {
  color:#999999 !important;
}
.rightFloat {
	float:right !important;
}
.leftFloat {
	float:left !important;
}

#calendar {
	width: 800px;
	margin: 0 auto;
	margin-top:20px;
}

.dialog {
	display: none;
	position: fixed;
	height: auto;
	background-color: #ffffff;
	border: 2px solid #336699;
	padding: 0px;
	z-index: 102;
	font-family: Verdana;
	font-size: 10pt;
}

.dialog .header label {
	font-size: 18px;
	color: #0577bb;
	font-weight: bold;
}

.blue-label {
	font-size: 18px !important;
	color: #0577bb !important;
	font-weight: bold !important;
}

.dialog.event {
	width: 705px;
	top: 35%;
	left: 50%;
	margin-left: -260px;
	margin-top: -80px;
	z-index: 108;
}

.dialog.event.action {
	width: 355px;
	top: 50%;
	left: 60%;
}

.dialog.event-import {
	width: 815px;
	top: 35%;
	left: 50%;
	margin-left: -320px;
	margin-top: -260px;

	max-height: 800px;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 106;
}

.dialog.attach-reward {
	width: 630px;
	top: 45%;
	left: 55%;
	margin-left: -320px;
	margin-top: -260px;

	max-height: 800px;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 106;
}

.event-import-settings {
	width: 815px;
	top: 35%;
	left: 50%;
	margin-left: -320px;
	margin-top: -260px;

	max-height: 800px;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 106;
}

.dialog.event-delete {
	width:320px;
	color: #000000;
	top: 50%;
	left: 50%;
	margin-left: -100px;
	margin-top: -100px;
	z-index: 109;
}

div.content_area { width: auto; margin-top: 10px; margin-left: 10px; max-width: 850px;}
div.content_area label.feature_header { font-size:16px; font-weight:600; margin-left:20px; line-height:35px; color:#0577bb;}
div.content_area label.subtitle { font-weight:normal; color:#0577bb; font-weight:bold; line-height:30px; }

div.content_area label.small { font-size:15px; color:#000000; padding-left:2px; font-weight:normal; }
div.content_area label.gray { font-size:15px; color:#828282; padding-left:2px; font-weight:normal; }

div.content_area label.tabletitle { font-size:14px; font-weight:normal; }
div.content_area input { margin: 2px 0px 0 0; }	
div.content_area input.photo { margin: 0; }	
div.content_area label.red_label { font-size:14px; color:#fe0202; font-weight:normal; }

.leftlabel { float:left;}


/*-----------------------------------------------------------------------------------------------*/
/*                              Welcome Content Rich Text Area	                                 */
/*-----------------------------------------------------------------------------------------------*/

.welcome_content { width:100%; height:100%;/* background:url('../images/aboutus_bg.png') no-repeat;*/ padding:29px 0 0 29px; float:left; margin:10px 0 10px 0px;
	background-color:#F6F6F6;
}
.welcome_content * { margin: 0; padding: 0;  }

.welcome_content ul.toolbar li.jwysiwyg-custom-command { overflow: hidden; }

.welcome_content .toolbar { margin-left:35% ; }

/* -------- tool bar displays formatting images ------- */
.welcome_content ul.toolbar { width: 100%;  padding: 0; margin-bottom:5px; margin-top:-10px; margin-left:215px ; }
.welcome_content ul.toolbar li { list-style: none; float: left; margin: 1px 2px 3px 0;  background: rgb(240, 240, 240); -moz-user-select: none; -webkit-user-select: none; user-select: none; clear: none; padding: 0; }
.welcome_content ul.toolbar li.separator { width: 1px; height: 16px; margin: 0 4px; border-left: 1px solid #ccc; }
.welcome_content ul.toolbar li { text-indent: -5000px; display: block; width: 28px; height: 29px; background: url('../images/format.png') no-repeat;  cursor: pointer; margin-left:5px; margin-right:2px; margin-bottom:2px; }
.welcome_content ul.toolbar li.active { background-color: #94855e;}

.welcome_content ul.toolbar li.disabled, div.wysiwyg ul.toolbar li.wysiwyg-button-hover.disabled, div.wysiwyg ul.toolbar li.active.disabled { opacity: 0.5; filter:alpha(opacity=50); border: 0px none transparent; padding: 1px; cursor: auto; }

.welcome_content ul.toolbar li.bold { background-position: -1px 0px;}
.welcome_content ul.toolbar li.italic { background-position: -38px 0px;}
.welcome_content ul.toolbar li.underline { background-position: -76px 0px;}
.welcome_content ul.toolbar li.insertUnorderedList { background-position: -113px 0px;}
.welcome_content ul.toolbar li.insertOrderedList { background-position: -150px 0px;}

/* ------ text area----- */
.welcome_content iframe { border: 1px solid #CCCCCC; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; padding-left:10px; margin:0; display:block !important; margin-left:-5px; width: 90% !important; height:110% !important; padding-top:5px; padding-top:5px;
}


/* ------ text area----- */
textarea.welcome_content {
	
	border: 1px solid #FFFFFF;
	border-radius:6px;
	background-color:#FFFFFF;
	padding: 5px;	
	font-size:16px;font-family:Arial, Helvetica, sans-serif;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
}

hr.separate
{
	border:1px solid #999;width:98%;
}

a.red_remove 
{ 
  color: #b71e1e;
  font-size:14px;
  font-weight:bold;
  text-decoration:underline;
}

.table-header-rotated th.row-header{
  width: auto;
}

.table-header-rotated td{
  width: 40px;
 /* border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;*/
    border-left: 2px solid #dddddd;
  vertical-align: middle;
  text-align: center;
}

.table-header-rotated th.rotate-45{
  height: 80px;
  width: 40px;
  min-width: 40px;
  /*max-width: 40px;*/
  position: relative;
  vertical-align: bottom;
  padding: 0;
  font-size: 13px;
  line-height: 0.8;
  color:#000;  

}

.table-header-rotated th.rotate-45 > div{
  position: relative;
  top: 0px;
  left: 40px; /* 80 * tan(45) / 2 = 40 where 80 is the height on the cell and 45 is the transform angle*/
  height: 100%;
  -ms-transform:skew(-45deg,0deg);
  -moz-transform:skew(-45deg,0deg);
  -webkit-transform:skew(-45deg,0deg);
  -o-transform:skew(-45deg,0deg);
  transform:skew(-45deg,0deg);
  overflow: visible;
 border-left: 1px solid #000;
/*  border-right: 1px solid #dddddd;
  border-top: 1px solid #dddddd;*/
  
}

.table-header-rotated th.rotate-45 span {
  -ms-transform:skew(45deg,0deg) rotate(315deg);
  -moz-transform:skew(45deg,0deg) rotate(315deg);
  -webkit-transform:skew(45deg,0deg) rotate(315deg);
  -o-transform:skew(45deg,0deg) rotate(315deg);
  transform:skew(45deg,0deg) rotate(315deg);
  position: absolute;
  bottom: 50px; /* 40 cos(45) = 28 with an additional 2px margin*/
  left: -45px; /*Because it looked good, but there is probably a mathematical link here as well*/
  display: inline-block;
  width: 131px; /* 80 / cos(45) - 40 cos (45) = 85 where 80 is the height of the cell, 40 the width of the cell and 45 the transform angle*/
  text-align: left;  
}

.redlink
{
	float:right;
	color:#A90707;
	cursor:pointer;
	text-decoration:underline;
	font-size:14px;
	margin: 0px 10px 10px 0px;
	font-weight:bold;
}


/* 06/02/2019 Digital Signage */

.screenS {
	color:  #f07308eb;
	font-weight: bold;
	font-size: 20px;
}

.screenMargin{
	margin-right: 14%;
	margin-left: 10px;
}

.addScreen{
	width: 135px;
	height: 35px;
	font-weight: bold;
	color: #ffffff;
	background-color: #0577bb;
	border-radius: 5px;
	border: none;
	font-size: 16px;
}

.screensTable table{
	border-collapse: collapse;
}

.screensTable table thead tr{
	height: 45px;
	background-color: #95989A;
	color: #ffffff;
	font-weight: 600;
	font-size: 18px;
}

.menusTable table thead tr{
	background-color: #f07308eb !important;
}

.screensTable table tbody tr{
	text-align: center;
	color: #f07308eb;
	font-size: 16px;
	height: 65px;
}

.addScreenLabel{
	font-size: 14px;
	color: grey;
	font-weight: 600;
	margin-bottom: 5px;
}

.internalUse{
	font-size: 10px;
	font-weight: normal;

}

.isPairingCode{
	font-size: 12px;
	color: #009FFF;
	font-weight: 600;
	margin-left: 10px;
	margin-right: 20px;
}

.addScreenForm input{
	height: 30px;
	width: 250px;
	margin-bottom: 5px;
	border-radius: 3px;
	border: 1px solid grey;
	padding-left: 5px;
}

.addScreenForm select{
	height: 30px;
	width: 250px;
	margin-bottom: 5px;
	border-radius: 3px;
	border: 1px solid grey;
	padding-left: 5px;
}

.addScreenForm textarea{
	height: 60px;
	width: 250px;
	margin-bottom: 5px;
	border-radius: 3px;
	border: 1px solid grey;
	padding-left: 5px;
	font-size: 12px;
}

.help{
	font-size: 12px;
	font-weight: 600;
	color: #f07308eb;
}

.marginBottom25{
	margin-bottom: 25px;
}

.marginBottom10{
	margin-bottom: 10px;
}

.marginBottom_10{
	margin-bottom: -10px;
}

.marginBottom_18{
	margin-bottom: -18px;
}

.marginBottom40{
	margin-bottom: 40px;
}

.marginLeft10{
	margin-left: 10px;
}
.marginLeft15{
	margin-left: 15px;
}
.marginLeft20{
	margin-left: 20px;
}

.marginLeft37{
	margin-left: 37px;
}

.marginLeft30{
	margin-left: 30px;
}

.marginBottom70{
	margin-bottom: 70px;
}

.modalOrientationWidth{
	width: 550px !important;
}

.paddingOrientation{
	padding: 0px 10px 0px 25px;
}

.marginBottom15{
	margin-bottom: 15px;
}

.marginLeft4P{
	margin-left: 4%;
}

.marginLeft20P{
	margin-left: 20%;
}

.marginLeftZero{
	margin-left: 0 !important;
}

.marginRight15{
	margin-right: 15px;
}

.floatLeft{
	float: left;
}

.floatRight{
	float: right;
}

.red {
	color: red !important;
}
.green {
	color: green !important;
}

.editImgPosition{
	position: relative;
	top: 5px;
}





.assign-content-body {
	display: flex;
	flex-direction: row;
	column-gap: 10px;
	row-gap: 10px;
}

.assign-content-body #assignContent {
	width: 300px;
	height: 294px;
}

.assign-content-body #adRotation {
	width: 190px;
	height: 294px;
}

.assign-content-body .black-rectangle {
	color: #f07308eb;
	background-color: black;
}

.assign-content-body.landscape {
	flex-direction: row;
}

.assign-content-body.landscape-flipped {
	flex-direction: row-reverse;
}

.assign-content-body.portrait {
	flex-direction: column;
}

.assign-content-body.portrait-flipped {
	flex-direction: column-reverse;
}

.assign-content-body.portrait #assignContent,
.assign-content-body.portrait-flipped #assignContent {
	width: 250px;
	height: 265px;
}
.assign-content-body.portrait #adRotation,
.assign-content-body.portrait-flipped #adRotation {
	width: 250px;
	height: 150px;
}






.assignContent{
	color: #f07308eb;
	background-color: black;
	width: 250px;;
	height: 265px;
	margin-bottom: 10px;
	/* margin: initial; */
}

.assignContentText{
	width: 50%;
	text-align: center;
	position: relative;
	top: 44%;
	font-size: 14px;
}

.height150{
	height: 150px;
	/* position: relative;
  top: 15px; */
}

.screenStatus{
	width: 235px;
	border: 1px solid grey;
	padding: 25px 15px 25px 15px;
	border-radius: 5px;
}

.screenHeadingText{
	margin-bottom: 20px;
}

.screenText{
	font-size: 14px;
	color: grey;
	margin-bottom: 15px;
}

.screenTextType{
	font-size: 16px;
	color: black;
	font-weight: bold;
	margin-left: 20px;
	margin-right: 10px;
}

.screenTextTypeSpace{
	font-size: 16px;
	color: #009FFF;
	font-weight: bold;
}

.switchDivAlignScreen {
	text-align: left;
	margin-left: 20px;
}
.OrdersSwitchDivAlignScreen {
	float: right;
	text-align: left;
	margin-top: 30px;
	margin-right: 90px;
}
.OffTextStyleScreen {
	font-size: 16px;
	position: relative;
	right: 5px;
	font-weight: bold;
	top: 4px;
	color: black;
}
.onTextStyleScreen {
	font-size: 16px;
	position: relative;
	left: 5px;
	color: #15B2CF;
	font-weight: bold;
	top: 4px;
	color: black;
}

input:checked + .sliderScreen {
	background-color: grey;
}

input:focus + .sliderScreen {
	box-shadow: 0 0 1px #15B2CF;
}

input:checked + .sliderScreen:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

.sliderScreen:before {
	position: absolute;
	content: "";
	height: 18px;
	width: 18px;
	top: 2px;
	left: 2px;
	background-color: #15B2CF;
	-webkit-transition: .4s;
	transition: .4s;
}

.switchScreen {
	position: relative;
	display: inline-block;
	width: 48px;
	height: 22px;
}

.sliderScreen {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: grey;
	-webkit-transition: .4s;
	transition: .4s;
}

.sliderScreen.round {
	border-radius: 34px;
}

.sliderScreen.round:before {
	border-radius: 50%;
}


/* Modal Dialog CSS */

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  /*padding-top: 180px;  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.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px 5px 20px 5px;
  border: 1px solid #888;
  width: 525px;
  margin-top: 15%;
}

/* The Close Button */
.close {
	color: #aaaaaa;
	float: right;
	font-weight: bold;
}

.closePreview{
	position: relative;
	top: -10px;
	left: -5px;	
	font-size: 28px;
}

.close:hover,
.close:focus {
  /*color: #000;*/
  text-decoration: none;
  cursor: pointer;
}

.changeOrientationText{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #009FFF;
	margin-bottom: 20px;
}

.inputChanges{
	font-size: 14px;
	color: rgb(238, 168, 64);
	font-weight: bold;
	margin-right: 15px;
}


.layoutInputChanges{
	font-size: 16px;
	color: #f07308eb !important;
	font-weight: normal;
	margin-right: 20px;
	margin-left: 5px;
}

.inputVariation{
	color: #009FFF !important;
}

.cancelButton{
	color: #009FFF !important;
	background-color: #ffffff !important;
}

.cursor{
	cursor: pointer;
}

.width40P{
	width: 40%;
}

.updateMenuModalWidth{
	width: 622px;
}

.selectMenu{
	font-size:16px;
	color: grey;
	margin-right: 15px;
	display: inline-block;
	width: 120px;
}

.selectMenuAlign{
	margin-top: 40px;
}

.selectMenuAlign select{
	width: 347px;
	height: 38px;
	font-size: 14px;
	color: grey;
	border-radius: 5px;
}

.buttonChanges {
	color: #009FFF !important;
	background-color: #ffffff !important;
}

.displayNone{
	display: none;
}

.displayBlock{
	display: block;
}

.fontColorHeading{
	color: #009FFF !important;
}

.layoutInputText{
	display: inline-block;
	width: 200px;
	position: relative;
	top: 15px;
}

.editMenuForm input{
	height: 28px;
	width: 170px;
	margin-bottom: 7px;
	/* border-radius: 3px; */
	border: 1px solid grey;
	padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 2px;
}

.priceLevelSection input {
	width: 150px;
	padding-left: 15px;
	padding-top: 2px;
}

.editMenuForm input::placeholder {
	color: #f07308eb;
	font-size: 17px;
  opacity: 1; /* Firefox */
}

.editMenuForm input:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #f07308eb;
 font-size: 17px;
}

.editMenuForm input::-ms-input-placeholder { /* Microsoft Edge */
 color: #f07308eb;
 font-size: 17px;
}

.arrowDownPosition{
	position: relative;
	top: 14px;
	left: -1px;
}
.arrowDownImage{
	position: relative;
	top: 14px;
	left: -1px;
	height: 36.5px;
}

.CutomRadioButton [type="radio"]:checked,
.CutomRadioButton [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.CutomRadioButton [type="radio"]:checked + label,
.CutomRadioButton [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.CutomRadioButton [type="radio"]:checked + label:before,
.CutomRadioButton [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #666;
    border-radius: 100%;
    background: #fff;
}
.CutomRadioButton [type="radio"]:checked + label:after,
.CutomRadioButton [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
		background: #f07308eb;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.CutomRadioButton [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.CutomRadioButton [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.colorChangeBox{
	width: 33px;
	height: 34px;
	border: 1px solid grey;
	display: inline-block;
	position: relative;
	top: 13px;
	left: -1px;
}

.colorChangeStyle{
	top: 14px;
}

.inlineBlock{
	display: inline-block;
}

.rotationLandscape{
	display: inline-block;
	width: 190px;
	height: 294px;
	margin-left: 10px;
}

.contentLandscape{
	display: inline-block;
	width: 300px;
	height: 294px;
}

.borderError{
	border: 1px solid red;
}

/* Add Content CSS */

.pageMargin{
	margin-left: 10px;
	margin-top: 15px;
}

.navBarHeader{
	background-color:rgb(180, 180, 180);
	color:black;
	font-weight:600;
	padding-top:10px;
	padding-bottom:10px;
}

.navBarItems{
	width:90px;
	display:inline-block;
	font-size:14px;
	text-align:center;
}

.galleryItems{
	width: 170px;
	height: 145px;
	/* border: 1px solid grey; */
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 20px;
	font-size:14px;
	position: relative;
}

.imageWidth{
	width: 170px;
	height: 100px;
	cursor: pointer;
}

.hoverImage{
	position: absolute;
	right: 0;
	display: none;
}

.selectionStyle{
	width: 135px;
	font-weight: 600;
	color: #ffffff;
	background-color: #009FFF;
	border: 1px solid lightgray;
	font-size: 16px;
	font-size: 16px;
	display: inline-block;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
}

/* Add Playlist CSS */

.navBarPlaylist{
	font-size: 15px;
	margin-left: 40px;
}

.uploadInput{
	width: 190px;
	height: 30px;
	padding-left: 5px;
	margin-left: 64px;
}

div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	opacity: 0;
	z-index: 2;
	height: 35px;
	cursor: pointer;
	margin-left: 63px;
	width: 200px;
}

.saveData input[type="submit"]{
	height: 35px;
	background-color: #009FFF;
	margin-top: 0px !important;
	background-image: none;
	font-size: 16px;
	font-weight: 600;
	width: 135px;
}

.saveData input[type="submit"]:hover{
	background-color: #009FFF;
}

.content_url{
	margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 20px;
}
.content_url a{
	color: #888787;
}
#dsContentList {
	border: 1px solid lightgrey;
}
#dsContentList #scrollContent {
	padding: 20px 0px 20px 20px;
	overflow-y: scroll;
	height: 470px;	
}

.playListImageWidth{
	width: 105px;
	height: 50px;
	cursor: pointer;
}

.playlistGalleryItems{
	height: 50px;
	margin-bottom: 20px;
	border: 1px solid lightgray;
	padding-top: 5px;
	padding-bottom: 5px;
}

.styleColor{
	color: rgb(231, 187, 66);
}

.uploadButton{
	width: 100px;
	margin: initial;
	background-color: #FAAB0C;
	text-align: center;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 5px;
}

.editListPlaylist{
	border: 1px solid lightgrey;
	width:70%;
	margin:initial;
	float:left;
	height:581px;
}

.editListPlaylistItems{
	padding:20px 20px 0px 15px;
	background-color: #ebebeb;
	height:524px;
	overflow-y:scroll;
}

.playDurationTime{
	float:left;
	font-size:20px;
	margin-top:17px;
	margin-left:15px;
}

.contentText{
	font-size:18px;
	font-weight:600;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	color:#FAAB0C
}

.selectPlaylistType{
	font-size:14px;
	font-weight:600;
}

.backToPlaylist{
	margin-left: 0px;
	text-align:center;
	padding-top:3px !important;
	height:32px !important;
}

.urlDiv{
	font-size:16px;
	margin-top:3px;
	height:18px;
	width:233px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dimensionsDiv{
	font-size:18px;
	margin-top:10px;
	color: #FAAB0C;
	height:20px;
}

.fontSize18{
	font-size: 18px;
}

.inputBox{
	height: 25px !important;
	padding-bottom: 4px !important;
}

.inputImage{
	height: 33.5px;
}

.colorChangeBoxEdit{
	width: 29.5px !important;
	height: 33px !important;
}

.marginBottom6{
	margin-bottom: 6px !important;
}

.width30{
	width: 30px !important;
}

.layoutInputBox{
	height: 24px !important;
}

.layoutInputImage{
	height: 33.5px !important;
	top: 11px !important;
}

.successMessage{
	text-align: center;
	color: green;
	font-size: 14px;
	padding:5px;
	display:none;
}

.errorMessage{
	color: red !important;
}

.imageModalWidth{
	width: 550px;
	height: 300px;
}

.updateMenusOptSpan{
	margin-right:20px;
	font-size:18px;
	color:#009FFF;
}

.dialogStyle.ui-dialog{
	background-color: white;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0px 0px 3px 1px;
}

.dialogStyle.ui-dialog .ui-dialog-titlebar{
	padding: 5px;
}
.dialogStyle.ui-dialog .ui-icon-closethick{
	color: black;
    float: right;
}
.dialogStyle.ui-dialog .ui-dialog-buttonpane{
	margin-left: 54%;
}

/*jobline screen styles*/
.main-container{
    float:left;
    width: 97.5%;
    /*padding-left: 2%;*/
}
.joblineHeader{
    float:right;
    width: 98%;
    margin-top: 10px;
    margin-left: 10px;
    padding-bottom: 13px;
    border-bottom: 2px solid #888787;
    min-height: 40px;
}

.joblineTitle{
    float: left;
    font-size: 26px;
    font-weight: 600;
    color: #0577bb;
    margin-top: 15px;
    margin-left: 15px;
    padding-top: 5px;
}

/* status switch */
input:checked + .sliderStatus {
	background-color: grey;
}

input:focus + .sliderStatus {
	box-shadow: 0 0 1px #15B2CF;
}

input:checked + .sliderStatus:before {
	-webkit-transform: translateX(16px);
	-ms-transform: translateX(16px);
	transform: translateX(16px);
}

.sliderStatus:before {
	position: absolute;
	content: "";
	height: 15px;
	width: 15px;
	top: 2px;
	left: 2px;
	background-color: #15B2CF;
	-webkit-transition: .4s;
	transition: .4s;
}

.switchStatus {
	position: relative;
	display: inline-block;
	width: 35px;
	height: 19px;
}

.sliderStatus {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: grey;
	-webkit-transition: .4s;
	transition: .4s;
}

.sliderStatus.round {
	border-radius: 34px;
}

.sliderStatus.round:before {
	border-radius: 50%;
}

.statusTxt{
    font-size: 14px;
    color: #000;
    font-weight: 700;
    margin-bottom: 1px;
    text-align: center;
}

.statusSwitchDiv{
    float: left;
    width: 120px;
}

.modeSwitchDiv .OffTextStyleScreen, .statusSwitchDiv .OffTextStyleScreen{
    font-size: 15px;
    top: 2px;
}
.modeSwitchDiv .onTextStyleScreen, .statusSwitchDiv .onTextStyleScreen{
    font-size: 15px;
    top: 2px;
}

.modeSwitchDiv{
     float: left;
     width: 120px;
     margin-left:30px;
}

.joblineHeader .buttonDiv{
    float:right;
    position: relative;
}

.joblineHeader .buttonDiv .btnStyle{
    padding: 8px 30px;
    font-size: 12px;
    margin-left: 20px;
    background: #0577bb;
	border-radius: 5px;
    color: #fff;
    position: relative;
    top:15px;
    font-weight: 700;
}

.btnStyle .active{
    background: #888787;
}

.activeTab{
    display: block !important;
}

.joblineGrid{
    float: left;
    width: 100%;
    display: none;
    color:#000;
}

.joblineGrid .leftSideDiv{
    float: left;
    width:60%;
}

.joblineGrid .rightSideDiv{
    float: right;
    width:30%;
    margin-top: 10px;
    border: 2px solid #ecedf4;
    padding: 10px;
	border-radius: 10px;
}

.addNewBtn{
    padding: 8px 30px;
    font-size: 12px;
    margin-left: 20px;
    background: #0577bb;
	border-radius: 5px;
    color: #fff;
    position: relative;
    top:15px;
    font-weight: 700;
}

.jobPost{
	padding: 15px 20px 15px 10px;
    float: left;
    width: 100%;
	position: relative;
}
.jobPost .btn-new-job {
	position: absolute;
	right: 0;
	top: 5px;
}

.jobPost .title1{
    font-size: 16px;
    color: #0577bb;
    padding: 5px;
    font-weight: 700;
}

.jobPost .title2{
    font-size: 18px;
    color: #888787;
    padding: 5px;
    font-weight: 700;
}

.jobPost .header{
    float: left;
    max-width: 70%;
}

.jobsList{
    float:left;
    width: 100%;
    padding-left: 15px;
}

.jobDetailsDiv{
    float:left;
    width: 100%;
    padding: 8px;
    border: 2px solid #ecedf4;
	border-radius: 10px;
    margin-bottom: 10px;
    min-height: 80px;
}

.jobTitle{
    font-size: 13px;
    font-weight: 600;
    padding-right: 5px;
    color:#000;
}

.jobDescriptionDiv{
    float: left;
    width: 100%;
    height: 35px;
    overflow-y: hidden;
    padding: 5px 0;
}

.editIcon img{
    width:18px;
    height: 18px;
}


/* Active switch */
input:checked + .sliderJob {
	background-color: grey;
}

input:focus + .sliderJob {
	box-shadow: 0 0 1px #15B2CF;
}

input:checked + .sliderJob:before {
	-webkit-transform: translateX(15px);
	-ms-transform: translateX(15px);
	transform: translateX(15px);
}

.sliderJob:before {
	position: absolute;
	content: "";
	height: 13px;
        width: 13px;
        top: 1px;
        left: 1px;
	background-color: #0577bb;
	-webkit-transition: .4s;
	transition: .4s;
}

.switchJob {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 15px;
}

.sliderJob {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: grey;
	-webkit-transition: .4s;
	transition: .4s;
}

.sliderJob.round {
	border-radius: 34px;
}

.sliderJob.round:before {
	border-radius: 50%;
}

.switchDivAlignJob{
    text-align: right;
    margin-right:10px;
    padding-top: 3px;
}

.activeTxt{
    text-align: right;
    float: right;
    margin-right: 9px;
    font-size: 11px;
    font-weight: 700;
    color: #000;
}

.moreBtn{
    font-weight: 600;
    color: #0577bb;
}

.rightDivTitle{
    font-size: 13px;
    font-weight: 600;
    color: #0577bb;
}

.candidate-right-list-card {
    float:left;
	padding: 10px 0;
    width: 100%;
}
.candidate-right-list-card:nth-child(2) {
	margin-top: 10px;
}
.candidate-right-list-card {
	border-top: 2px dashed rgba(140, 137, 138, 0.1);
}

.candJob{
    float:left; font-weight: 600;color:#000;width: 100%;
}

.inactiveJob{
	opacity: 0.5;
}

.candMoreBtn{
    float:left; text-align: center; margin-top: 10px;width:100%;
}

.candidatesGird{
    float:left;
    width: 100%;
    display: none;
    color:#000;
}

.candheader{
    float: left;
    width: 98%;
    margin: 25px 0;
    margin-left: 2%;
}



.candTitle{
    font-size: 19px;
    font-weight: bold;
    text-align: left;
}

.candFilterDiv{
	padding: 20px 0 10px;
    text-align: left;
}

.candFilterDiv select {
	min-width: 150px;
	margin-right: 10px;
}

.filterTxt{
    font-size: 15px;
    font-weight: 600;
    margin-right: 20px;
    color: #0577bb;
}

.candidates {
	clear: both;
	align-items: normal;
	justify-content: flex-start;
	margin: 15px 15px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	row-gap: 20px;
	column-gap: 10px;
}

.candidate-card {
	font-size: 14px;
	position: relative;
	clear: both;
	width: 49%;
    padding: 10px 10px 35px 10px;
    border: 2px solid #ecedf4;
    border-radius: 10px;
	margin: 0 0;

	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.candidate-card .header {
	width:100%;
	margin-bottom: 10px;
}

.candidate-card .header .name {
	font-size: 16px;
	color: #000;
	font-weight: 600;
}

.candidate-card .header .applied{
    font-weight: 600;
    float:right;
    font-size:14px;
    color: #000;
}

.candidate-card .controls {
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-weight: 600;
	color: #0577bb;
}

.candidate-card .job-name {
	font-weight: bold;
}

.candidate-card .job-history-desc {
	padding: 0 0;
}


.candidate-card .controls a i {
	font-weight: normal;
}

.jobDescription {
    float:left;
    width: 100%;
    padding-bottom: 5px;
}

.jobSwitchDiv{
    float: left;
    padding: 10px;
}

.width100{
    width:100%
}

.error-input {
	width: 200px !important;
	color: #FF0000;
}

.jobSwitchDiv{
    font-size: 14px;
}

.joblinePostJobDiv{
    float: left;
    width: 100%;
    color:#000;
}

.joblinePostJobDiv .leftSideDiv{
    float: left;
    width: 40%;
    margin-left: 10px;
    margin-right: 5%;
}

.joblinePostJobDiv .rightSideDiv{
    float: left;
    width: 40%;
}

.postJobForm{
    float:left;
    width:100%;
}

.formgroup{
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

.formgroup>label{
    float: left;
    font-size: 14px;
    font-weight: 600;
    padding: 3px 0;
    width: 100%;
}

.positionDropDown{
    width: 100%;
    padding: 7px 5px;
}

.descTextArea{
    width: 97%;
    border: 1px solid;
    border-radius: 1px;
    text-align: left;
    margin: 0px;
    min-height: 150px;
    font-size: 14px;
    max-width: 97%;
    min-width: 97%;
    max-height: 150px;
}

.formgroup .form-input{
    float: left;
    width:97%;
    padding: 5px;
}

.formgroup .enterBtn{
    margin-top: 10px;
    padding: 5px 30px;
    color: #fff;
    background: #0577bb;
    float: left;
    font-weight: 600;
}

.jobline-profile{
    float: left;
    width: 100%;
    color: #000;
}

.jobline-profile .leftSideDiv{
    float: left;
    width:62%;
}

.jobline-profile .rightSideDiv{
    float: right;
    width:30%;
    margin-top: 10px;
    border: 2px solid #ecedf4;
	border-radius: 10px;
    padding: 10px;
}

.jobline-profile .buttons {
	clear: both;
	padding: 20px 0 0 0;
}

.jobline-profile .buttons input[type="button"] {
	margin-right: 20px;
}

.backButton{
    padding: 8px 30px;
    font-size: 12px;
    margin-left: 10px;
    background: #0577bb;
	border-radius: 5px;
    color: #fff;
    position: relative;
    top: 15px;
    font-weight: 700;
}

.profileTitle{
    float: left;
    font-size: 18px;
    font-weight: 600;
    color: #0577bb;
    margin-top: 20px;
}

.profileLabel{
    width: 50px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    vertical-align: top;
    font-size: 13px;
    font-weight: 600;
    color: #0577bb;
}

.profileData{
    width:180px;display:inline-block;word-break: break-word;
}

.buttonDiv .active{
    background-color: grey !important;
}

.candErrorMsg{
    font-size: 15px;
    color: red;
    text-align: center;
    padding: 15px;
}

.postionsDiv{
    float: right;
    width: 45%;
    border: 1px solid #ecedf4;
	border-radius: 10px;
	padding: 10px 5px;
    padding: 10px 10px;
}

.detailsDiv{
    float:left;width:100%;padding: 15px 5px;
}

.postionsItems{
    width:100px;display:inline-block;vertical-align:top;
}

.historyDiv{
    float:left;
	width:100%;
	border: 2px solid #ecedf4;
	border-radius: 10px;
	padding: 1px;

}

.WETitle{
    font-size: 18px;font-weight: 600;padding: 15px 10px;
}

.historyDetails{
    float:left;
    padding: 10px 0;
    margin: 0 10px;
    width:97%;
}

.jobSwitchDiv .OffTextStyleScreen, .jobSwitchDiv .onTextStyleScreen{
    top:0;
}

.previewTitle{
    float:left; font-size: 23px;color: #0577bb;font-weight: 600;margin-top: 62px; width: 100%;
}

.previewDiv{
    float:left; padding: 20px 20px 20px 10px; border:2px solid #ecedf4;border-radius:10px;margin-top: 10px; width: 100%;
}

.prev_job_title{
    font-size: 14px;font-weight: 600;padding: 0 5px;
}

.pre_text{
    font-size: 14px;font-weight: 600;padding: 0 5px;color: #0577bb;
}

#prev_description{
    padding: 5px;font-size: 14px;
}

#prev_payrate{
    padding: 5px;font-size: 14px;font-weight: 600;
}

.status_msg{
    font-size: 18px;
    margin-top: 20px;
    margin-left: 10px;
    float: left;
    padding: 0 10px;
    font-weight: 300;
    display: none;
}

#conactDetailsForm{
    display: none;
}

#sendMessageScreen{
    color: #000;
}

.sendMessageScreen .leftSideDiv{
    float:left;
    width:50%;
    margin: 0 10px;
    margin-right: 2%;
}

.sendMessageScreen .rightSideDiv{
   float:left;
   width:40%; 
}

.patronData{
    float:left;width:100%; font-size: 13px;font-weight: 600; padding: 15px 0;
}

.nameDiv{
    display: inline-block;
    float: left;
    width: 40%;
}

.lableSpan{
    width:40px;
    display: inline-block;
    color:#0577bb;
    float:left;    
}

.emailSpan{
    float:left;
    width: 175px;
}

.patronNameSpan{
    float:left;
    width: 120px;
}

.emailDiv{
    float: left;
    width: 55%;
}

.sendMessagePrev{
    padding: 10px 20px 20px 10px !important;
}

.sendMessagePrev .previewTitle{
    font-size: 23px !important;
    margin-top: 5px !important;
    margin-bottom: 35px;
}

.sendMessagePrev #prev_payrate{
    padding: 0px;
    font-size: 14px;
    font-weight: 300;
}

.sendMessagePrev>p{
    padding: 5px 0;
    font-size: 14px;
    min-height: 8px;
}

.sendMessagePrev .label{
    font-weight: 600;
    padding-bottom: 2px !important; 
}

.sendMessageForm{
    float:left;width:80%;
}

.sendMessageScreen #prev_description{
    padding: 5px 0 !important;
    margin-top: 10px;
}

.prevSubmitBtn{
    margin-top: 50px;
}

#conactDetailsForm .formTitle{
    font-size: 23px;font-weight: 600;color: #0577bb;position: relative;top: 20px;padding-left: 25px;
}

.patronDetails{
    float:left; width:49%;margin-top: 12px;
}

.inactiveJob .sliderJob:before {
	background-color: #FFFFFF
}


/*end jobline screen styles*/

/* waitlist page styles start*/

.rangeDiv{
	margin: 34px 5px;
}
#slider-range-min {
	margin-bottom: 5px;
}
.ui-slider-range.ui-slider-range-min {
	background: #0577bb;
}

.sliderTxtVal {
	float: left;
	width: 7.69%;
	text-align: center;
}
.text-left{
	text-align: left
}

/* waitlist page styles end*/

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

.truncate-width-105 {
	width: 105px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.truncate.uuid {
	display: inline-block;
	width: 70px;
}

/********* JQUERY Confirmation  **************/
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button {
	text-transform: none !important;
	font-weight: 600 !important;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
	background-color: #0577bb !important;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
	background-color: #dcdfe0 !important;
	color: #737373 !important;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
	color: #000000 !important;
	font-size: 16px !important;
}
.jconfirm.jconfirm-material .jconfirm-box,
.jconfirm.jconfirm-light .jconfirm-box {
	border: 2px solid #0577bb !important;
	border-radius: 5px !important;
}
.jconfirm.jconfirm-material .jconfirm-bg {
	background-color: rgba(0,0,0,0.15) !important;
}

.jconfirm .jconfirm-cell {
	background: #f0f8ff9c;
}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

.result-message {
	font-size: 16px;
	font-weight: 500;
	padding-bottom: 10px;
	text-align: center;
}
.success {
	color: green !important;
}
.error {
	color: red !important;
}

.tip-options-div {
	width: 195px;
	margin-left: 145px;
}

.tip-options-table {
	width: 100%;
	margin: auto;
}

.tip-options-table th {
	text-align: left;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px solid #e1e1e1;
}

.tip-options-table td {
	text-align: left;
	vertical-align: center;
}


.records-count {
	float: right;
	font-weight: bold;
	color: #000000;
	line-height: 38px;
	height: 38px;
	display: inline-block;
	width: 120px;
	text-align: right;
}

.records-count span#recordsCount {
	color: #0577bb;
	margin-left: 5px;
}

.progress-in-msg {
	height: 20px;
	margin: 0 10px 5px 0;
	vertical-align: middle;
}

.img-switch.disabled {
	cursor: not-allowed;
	opacity: 0.5;
}

/********* NEW CSS SWITCHER  **************/

.switcher .lbl-left,
.switcher .lbl-right {
	display: inline-block;
	height: 25px;
	vertical-align: text-bottom;
	margin: 0 0;
	padding: 0 0 2px 0;
	color: #0577bb;
	white-space: nowrap;
	font-weight: bold;
	font-size: 14px;
}

.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 22px;
	margin: 0 10px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: .4s;
	transition: .4s;
	width: 60px;
	border-radius: 7px;
}

.slider,
.switch.always-inactive .slider {
	background-color: #ccc;
}

.switch.always-active  .slider {
	background-color: #00a5ff;
}

.slider:before {
	position: absolute;
	content: "";
	height: 14px;
	width: 24px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 4px;
}

input:checked + .slider {
	background-color: #00a5ff;
}

input:focus + .slider {
	box-shadow: 0 0 1px #00a5ff;
}

input:checked + .slider:before {
	-webkit-transform: translateX(28px);
	-ms-transform: translateX(28px);
	transform: translateX(28px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 28px;
}

.slider.round:before {
	border-radius: 50%;
}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

/********* NEW CSS TABS  **************/



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

.tab-content {
	display: none;
}

.tab-content:target {
	display: block;
}

.tab-nav {
	display: flex;
	flex-wrap: nowrap;
	border-bottom: 1px solid #dee2e6;
	justify-content: flex-start;
	margin: 0 0 16px 0;
	order: -1;
}

.tab-link {
	display: block;
	padding: 0.5rem 1rem;
	color: #0577bb;
	font-weight: bold;
	text-decoration: none;
	background: 0 0;
	border: 1px solid transparent;
	margin: 0 0 -1px 0;
	border-top-left-radius: 0.375rem;
	border-top-right-radius: 0.375rem;
	-webkit-appearance: button;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;

}


.tab-nav a.tab-link.selected,
#content-1:target~.tab-nav>[href="#content-1"],
#content-2:target~.tab-nav>[href="#content-2"],
#content-3:target~.tab-nav>[href="#content-3"] {
	color: #000;
	background-color: #fff;
	border-color: #dee2e6 #dee2e6 #fff;
	cursor: default;
}

.one-click-select {
	-webkit-user-select: all; /* Safari */
	-ms-user-select: all; /* IE 10 and IE 11 */
	user-select: all; /* Standard syntax */
}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/


@media only screen and (max-width: 768px)  {
	body {
		width: auto !important;
	}
}