body {
	min-height: 100vh;
	min-height: -moz-available;
  	min-height: -webkit-fill-available;
}
/********************** V4 STYLES ****************/
ul.sectionList {
	list-style-type: none
}

.p_sub-container p {
	margin-bottom: 3px;
}
/************************* RESETS ********************/
a img {   /* Remove borders from linked images */
	border-width: 0;
}
#newItemLink {
	float: right
}
.display-inline {
	display: inline
}
input::-moz-focus-inner,
button::-moz-focus-inner,
a.button::-moz-focus-inner {
	padding: 0;
	border: 0;
}
/*************** Hide IE8 elements *******************/
.IE8_only {
	display: none;
}
hr {
	margin-top: 3px;
	margin-bottom: 3px;
}
/*************** FONTS AND TEXT ***********************/
h3, h4, h5 {
	text-shadow: none;
}
/*.table th, .table td {
	padding: 0.5rem 0.75rem 0.5rem 0.75rem;
	margin: 0;
}*/
/*tbody tr td.cellCentered.blocked, div.blocked {
	color: #c00;
	font-weight: bold;	
}*/
.tkt_post {
	font-size: 14px;
}
.wt {
	color: #fff;
}
.red {
	color: #f00;
}
.darkBlue {
	color: #336699;
}
.txt-left {
	text-align: left;
}
/******************* FOOTER STYLING ***********************/
a.footlinks {
	color: #00FCBA;
}
a:hover.footlinks {
	color: #fff;
}
/*footer {
	height: 200px;	
}*/
/********************* BACKGROUND COLORS ***********************/
.bg-white{
	background-color: #FFF;
}
.bg-card-grey {
	background-color: #F5F5F5;
}
.bg-lighter-grey {
	background-color: #EEE;
}
.bg-light-grey {
	background-color: #DDD;
}
.bg-mid-grey {
	background-color: #EDF2F9;
}
.bg-new-blue {
	background-color: #EDF2F9;
}
/******************************************* STRUCTURE ************************************/
/************************** SUPPORT TICKET SECTION ***************************************/
/** ALL BACKGROUND,FONT & BORDER COLORS ETC ARE IN CUSTOM THEME FILE **/
.post-box-main-C {
    padding: 10px 15px 15px 15px;
    margin:0 0 15px 0;
}

.post-box-main-S {
    padding: 10px 15px 15px 15px;
    margin: 0 0 15px 15px;
}

body {
	min-height: 100vh;
	min-height: -moz-available;
  	min-height: -webkit-fill-available;
}
html {
	height: -moz-available;
  	height: -webkit-fill-available;
}

html body div.container div#postsPanel.panel.panel-default, html body div.container div#mainPostPanel.panel.panel-default {
    padding: 15px 15px 15px 15px
}
html body div.container div#postsPanel.panel.panel-default div.panel-heading, html body div.container div#mainPostPanel.panel.panel-default div.panel-heading {
    margin: 0 -15px 15px -15px;
}
.p_sub-container {
	float:right;
	width:85%;
	padding: 0 25px 0 10px ;
}
.p_sub-sub-container {
	padding:0 10px;
	margin: 0;
}
/* p.p_post-content {
	padding-top:3px;
} */
.p_date-container {
	float:left;
	width:15%;
	margin-top:5px;
}
/*************************************** Ticket Post Date/Time Boxes ******************************************/
.p_date {
	background-color:#00ADAD;
	border-top:2px solid #00ADAD;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	color:#fff;
	display:block;
	font: 14px "Open-Sans", sans-serif;
	padding-top:1px;
	text-align:center;
	height:20px;
	width:100%;
	max-width:75px;
}
.p_month {
	background-color:#fff;
	border-bottom:2px solid #00ADAD;
	border-left:2px solid #00ADAD;
	border-right:2px solid #00ADAD;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	color:#777;
	display:block;
	padding:0 0 3px 0;
	font:14px/20px "Open-Sans", sans-serif;
	text-align:center;
	height:20px;
	width:100%;
	max-width:75px;
}
.p_time {
	background-color:#fff;
	border: 2px solid #00ADAD;
	border-radius: 4px;
	color:#777;
	font: 1.1em "Open-Sans", sans-serif;
	text-align:center;
	margin: 8px 0 0 0;
	width:100%;
	max-width:75px;
	font-size: 12px
}
/*****************************************************************************/
div.post-box-main.client-post {
    background-color:#F5F5F5
}
div.post-box-main.staff-post {
    margin-left:20px;
    width:91%
}

.userType {
	
	font: 1.1em "Open-Sans", sans-serif;
	text-align:center;
	margin: 10px 0 0 0;
	width:100%;
	max-width:75px;
}
.tktStatus {
	background-color:#fff;
	border: 2px solid #bb0000;
	border-radius: 4px;
	color:#777;
	font: 400 1.1em "Open-Sans", sans-serif;
	text-align:center;
	margin: 8px 0 0 0;
	width:100%;
	max-width:75px;
	
}
/* div.staffTZSelect {
	margin: 0 0 0 0;
	padding: 0 0 20px 5px;
} */
/* p {
	padding-right:0;
	margin-right:0
} */
/*************** CONTAINERS *******************/
/*body {
	padding-top:1px;
}*/
/****************************************************************************************/
.pageHeader {
	margin-bottom: 0;
}
/*.big-foot {
	margin-top: 30px;
	height: 200px;
}*/
.skelWrap {
	/* width: 100%; */
	border: 0;
	padding: 0;
	margin: 0;
	/* float: left; */
	/* border: #f00 dashed 1px; */
}
.sidePad15 {
	padding: 0 15px 0 15px;	
}
.noSidePad {
	padding-left: 0;
	padding-right: 0;
}

#testsPanel{
	border-color: #033C73;
}
div#headerNav {
	border-radius: 0;
}
footer {
	margin-bottom: 0;
}
/***************************** SELECT LABEL ALIGN LEFT ****************************/
.labelLeft {
    text-align: left;
}
/****************************************** INTERACTION TABLES SECTION ****************/
/**************** COLOR LEGEND *******************/
.legndWrapper {
	padding: 0 5px 0 5px;
	margin: 0 0 10px 0;
	float:left;
	/* border: 1px solid #ccc; */
}
.legendLabel {
	height: 20px;
	margin: 5px 5px 0 5px;
	padding: 0;
	float:left;
}
.colorBox {
	width: 20px;
	height: 20px;
	margin: 5px 5px 0 5px;
	padding: 0;
	float:left;
}
.wtBox {
	width: 20px;
	height: 20px;
	margin: 5px 5px 0 5px;
	padding: 0;
	border: 1px solid #ccc;
	float:left;
	background-color: #fff;
}
.bgGreen {
	background-color: #77ee77;
}
.bgAmber {
	background-color: #F3D25C;
}
.bgPaleRed {
	background-color:#FFCFCF
}
.bgRed {
	background-color: #F59b8F;
}

table.rowContent tr td {
	border: 1px solid #eee;
}

/****************************************** STAGE TWO AND WINNER SECTION ****************/
p#C1_num1,p#C1_num2,p#C1_num3,p#C1_num4,p#C1_num5,p#C1_num6,p#C1_num7,p#C1_num8,p#C1_num9,p#C1_num10,p#C1_num11,p#C1_num12,
P#C2_num1,P#C2_num2,P#C2_num3,P#C2_num4,P#C2_num5,P#C2_num6,P#C2_num7,P#C2_num8,P#C2_num9,P#C2_num10,P#C2_num11,P#C2_num12,
P#W1_num1,P#W1_num2,P#W1_num3,P#W1_num4,P#W1_num5,P#W1_num6,P#W1_num7,P#W1_num8,P#W1_num9,P#W1_num10,P#W1_num11,P#W1_num12 {	
	margin:0;
	padding-top:1px;
}
/***************************************** TABLES ************************************/
table {
	border-collapse: collapse;
}
table#splitTests.table.table-striped.table-bordered tbody tr td.testCell,
table#splitTests.table.table-striped.table-bordered thead tr th.testCell {
	width: 25%;
	font-weight: bold;
}
td.cellCentered, th.cellCentered {
	text-align: center;
	vertical-align: middle;
}

td.cellMiddleLeft, th.cellMiddleLeft {
	text-align: left;
	vertical-align: middle;
}
/**************************** move to themes custom file ***********************************/
p.areaOption {
	margin-top: 0;
	padding: 4px 4px 4px 10px;
	/* color:#fff; */
	font-size: 14px;
	font-weight:bold;
	border: 1px solid #bbb;
	border-radius: 3px;
	/* background-color: #eee; */
}
/**************************** Campaign List Table **********************************/
table#camList {
	margin: 0 0 3px 0;
	border-bottom-radius: 3px;
}
/*********************************** FORMS *********************************************/
label {
    text-align: left;
}
/* *, *:before, *:after*/
div.skelWrap.sidePad15 form.form-horizontal fieldset ul.nav.nav-tabs.nav-justified li.active a {
	outline: none;
}
div.checkbox {
	margin-top: 5px;
	margin-bottom: 5px;
}
table.table-striped.table-bordered tbody tr td div.radio {
	/* width: 100px;
	height: 20px; */
	padding: 0 10px 0 10px;
	margin: 0 0 0 0;
	/* display: inline; */
}
/********************* HORIZONTAL LINES ********************************/
.colorgraph {height: 5px;border-top: 0;background: #c4e17f;border-radius: 5px;background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);}
.colorgraph {height: 5px;border-top: 0;background: #c4e17f;border-radius: 5px;background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);}
.line {height: 1px; background: #bbb;border-top: 0}