@charset "UTF-8";
/* CC Website Document */


/*Loader Div */
#loader {  
	display: block; 
	position: fixed; 
	left: 50%; 
	top: 50%; 
	right:50%; 
	bottom:50%;
	z-index:9999; 
}


/* sub header */
.subheader{
	
	height:150px;
	background-color:#4D6380;
    min-height: 400px;
}

.subheader img{
	
	border-bottom: 1px #ccc solid;
}
/* Website Boxes */
.websiteTextBox{
	border:1px solid #ccc;
   	padding: 10px 30px 10px 30px;
   	margin: 0 0 30px 0px;
	background-color:#fff;
}

.websiteTextBox .headingText{

	color: #47A447!important
}



/* Custom Table */
table.customTable thead tr.headerRow{
        background-color: #1969AE!important;
        color: white!important;      
}

table.customTable .form-control{
    font-size:13px;
    height:30px;
}

table.customTable td{
    padding: 6px!important;
}


/* Drop down hack to get dropdowns to accept user input on mobile */
/* https://github.com/twbs/bootstrap/issues/7968 */
.dropdown-backdrop {
    position: static;
}

/* Canvas Signature Pad*/
canvas.signature-pad {
    padding: 0;
    margin: 0;
    display: block;
}

/* Custom Breadcrumb CSS Document - Hovers removed*/
.breadcrumbCustom {
	display: inline-block;
	overflow: hidden;
	width:100%;
	border-bottom: 1px #999999 solid;
	background-color:#F3F3F3;
	margin-bottom:30px;
	font-family: 'Open Sans', sans-serif;
}

.breadcrumbCustom p{
	margin:0;
}

.breadcrumbCustom p{
	cursor:default;
}

.underlineText{
	text-decoration: underline;;
}

.breadcrumbCustom a , .breadcrumbCustom p{
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 36px;
	color: white;
	/*need more margin on the left of links to accomodate the numbers*/
	padding: 0 10px 0 10%;
	background: #F3F3F3;
	background: linear-gradient(#F3F3F3, #E3E3E3);
	position: relative;
	
}
/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.breadcrumbCustom a:first-child, .breadcrumbCustom p:first-child {
	padding-left: 46px;
	border-radius: 5px 0 0 5px; /*to match with the parent's radius*/
}
.breadcrumbCustom a:first-child:before , .breadcrumbCustom p:first-child:before{
	left: 14px;
}

/*hover/active styles*/
.breadcrumbCustom a.active, .breadcrumbCustom p.active{
	background: #5780AA!important;
	/*background: linear-gradient(#5780AA, #2a77c6)!important;*/
	color:#FFF!important;
}

.breadcrumbCustom a.active:after,  .breadcrumbCustom p.active:after {
	background: #5780AA;
	background: linear-gradient(135deg, #5780AA, #2a77c6);
}

/*adding the arrows for the breadcrumbCustoms using rotated pseudo elements*/
.breadcrumbCustom a:after, .breadcrumbCustom p:after {
	content: '';
	position: absolute;
	top: 0; 
	right: -18px; /*half of square's length*/
	/*same dimension as the line-height of .breadcrumbCustom a */
	width: 36px; 
	height: 36px;
	/*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
	length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
	if diagonal required = 1; length = 1/1.414 = 0.707*/
	transform: scale(0.707) rotate(45deg);
	-moz-transform: scale(0.707) rotate(45deg);
	-webkit-transform: scale(0.707) rotate(45deg);
	
	/*we need to prevent the arrows from getting buried under the next link*/
	z-index: 1;
	/*background same as links but the gradient will be rotated to compensate with the transform applied*/
	background: #F3F3F3;
	background: linear-gradient(135deg, #F3F3F3, #E3E3E3);
	/*stylish arrow design using box shadow*/
	/*box-shadow: 
		2px -2px 0 2px rgba(0, 0, 0, 0.4), 
		3px -3px 0 2px rgba(255, 255, 255, 0.1);
	
		5px - for rounded arrows and 
		50px - to prevent hover glitches on the border created using shadows*/
	border-radius: 0 5px 0 50px;
}

.flat a, .flat a:after, .flat p, .flat p:after {
	background: #F3F3F3;
	color: black;
	transition: all 0.5s;
}

 .flat a.active, .flat a.active:after,  .flat p.active, .flat p.active:after{
	background: #5780AA;
}

.breadcrumbCustom a:first-child , .breadcrumbCustom p:first-child{
padding-left: 46px;
border-radius: 0;
}

#nextclick, #backclick{
	color: #5cb85c;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    cursor: pointer;	
	display: inline-block;
    padding: 5px 14px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 15px;
	text-shadow:none;
}

#nextclick{
	float:right;
}

#backclick{
	float:left;
}

#nextclick:hover, #nextclick:focus {
    text-decoration: none;
    background-color: #eeeeee;
}


/* Set wrap to minimum height of 100% of the body */
.wrap{
	min-height:100%;
}

/* Background Colour for the page */
.bodyBackground{
	background-color:#f9f9f9; /*Cream*/
}





#planTrial, #planCustom{
	cursor:pointer;	
}


/* Text Settings */

.dropdown.additionalItems a{
	color: #0E0F3B;
    text-decoration:none;
    font-size:13px;
	
}


.renewinfo{
	border: 1px dashed #dddddd;
	padding: 15px;
	margin:15px;
}

.greenText{
	
color:#4cae4c !important;  /*Success Green*/		
}

.redText{
	
color:#a94442 !important; /* Red */	
}

.lightGrey{
   color:#d5d6da !important;  /*Light Grey*/		
}
.topbottomMargin100{
	margin-top: 100px;
	padding-bottom:100px;
}

.topMargin25 {
	margin-top: 25px;
}

.topMargin50 {
	margin-top: 50px;
}

.greyUnderline{
	border-bottom:1px solid #dddddd;
}

.headingText{
	
	font-size:24px; 
	font-weight:500; 
	font-family: 'Open Sans', sans-serif;
	margin-bottom:20px; 
	color:#555;
}

.headingTextSm{
	
	font-size:20px; 
	font-weight:100; 
	font-family: 'Open Sans', sans-serif;
	margin-bottom:20px; 
	color:#555;
}

.headingTextMd{
	
	font-size:26px; 
	font-weight:100; 
	font-family: 'Open Sans', sans-serif;
}

.headingTextLg{
	
	font-size:32px; 
	font-weight:100; 
	font-family: 'Open Sans', sans-serif;
}

.smallerheadingText{
	padding-top:20px;
	font-size:36px;
}       

.warningText{
	font-size:14px; 
}

.headingBodyText{
	font-size:17px; 
	font-weight:100;
	font-family: 'Raleway', sans-serif;
	color:#747474; /* Grey */
	line-height: 1.3em;
}

.tinyBodyText{
	font-weight:100;
	font-family: 'Raleway', sans-serif;
	color:#747474; /* Grey */
	line-height: 1em;
	font-size:12px
}

.headingBodyTextMd{
	font-size:17px; 
	padding-left:1px;
	font-family: 'Raleway', sans-serif;
	color: #555;
    line-height: 1.6;
    margin-top: 20px;
	font-weight:100;
}

.headingBodyTextSm{
	font-size:14px; 
	font-weight:100;
	padding-right:7px;
	font-family: 'Raleway', sans-serif;
	color:#10103b; /* Blue */
	line-height: 1.5em;
	margin-top:20px;
}

.smallerheadingBodyText{
  font-size:18px;          
}

.smallheadertext{
  ont-size: 15px!important;
    font-weight: 400;
    margin-top: 10px;
}

.linkText{
	font-size:18px; 
	font-weight:100; 
	font-family:Helvetica, Gotham, 'Helvetica Neue', Arial, sans-serif; 
	color:#47a447; /* Green */
}

.linkTextRed{
	font-size:20px; 
	font-weight:500; 
	font-family:Helvetica, Gotham, 'Helvetica Neue', Arial, sans-serif; 
	color:#a94442 /* Red */
}


/* Chosen Select */
.chosen-container{
    width:100%!important /* Force Responsive or else container doesn't change to screen size */
}

select.form-control + .chosen-container-multi.chosen-container-active .chosen-choices, select.form-control + .chosen-container.chosen-container-single.chosen-container-active .chosen-single, select.form-control + .chosen-container .chosen-search input[type=text]:focus {
    border-radius:0;    
}

    
select.form-control.chosenSelectFullRows + .chosen-container .chosen-choices li.search-choice{
    display:block;
    clear:both;
    margin-bottom:4px;
    width:100%;
    text-align:left;
    font-size:13px;
    margin-top:4px;
    background-color: #a1d4f1;
    border-color: #006ab4;
    padding:5px;
     border-radius:0;
}

select.form-control + .chosen-container.chosen-container-single .chosen-single {
    border-radius:0!important;
    height:38px!important;    
}

select.form-control.chosenSelectFullRows + .chosen-container .chosen-choices{
   padding: 7px 10px 0px 10px; 
    
}

select.form-control.chosenSelectFullRows + .chosen-container .chosen-drop .chosen-results{
     font-size:13px;  
}

select.form-control:disabled + .chosen-container.chosen-container-single .chosen-single { 
    background: transparent !important;  
}

select.form-control + .chosen-container-multi{
	width:100%!important;
}


select.form-control + .chosen-container-multi .chosen-choices{
	margin-top: 0px;
}

select.form-control + .chosen-container-multi .chosen-choices li.search-choice{
	white-space:normal!important;
    margin:2px 6px 2px 2px!important;
    padding: 3px 24px 3px 10px!important;
}


/* Custom Form Content */

.additionalCol .textsearch, .textequals, .textmatch{
	margin-bottom:5px;
	position:relative;
}

.additionalCol select.form-control.addtextSearch + .chosen-container.chosen-container-single .chosen-single {
	height: 32px;
	line-height: 26px;
	padding-top: 3px;
	border: 1px solid #cccccc;
	border-radius: 0;
}

.additionalCol select.form-control.addtextSearch + .chosen-container.chosen-container-single .chosen-single span{
   	font-size: 14px!important;
	color: #0E0F3B;
}

/*Multiple drop down */
.additionalCol select.form-control + .chosen-container-multi .chosen-choices {
	height: 28px;
	line-height: 20px;
	padding-top: 3px;
	border: 1px solid #cccccc;
	border-radius: 0;
	padding-bottom: 0
}

.additionalCol select.form-control + .chosen-container-multi .chosen-choices span{
		font-size: 12px!important;
	color: #0E0F3B;
}

.additionalCol select.form-control + .chosen-container-multi .chosen-choices li.search-choice:not(:last-of-type)  {
		margin-bottom:3px;
}

/* Hide data placeholder */
.additionalCol .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    color: #fff;  
}

/* Specific to custom form */
.additionalCol .textsearch .addtextSearch{
	text-align: left; 
   	max-width: 50%;
    font-size: 14px;
   	height: 32px;
	line-height: 26px;
    padding-right: 3px;
    padding-left: 12px;
    outline:none;
}

/* This will affect all additional cols */
.additionalCol .addtextSearch{
	width: 100%;
   	background-color: #ffffff;
   	background-image: none;
  	color: #0E0F3B;
    vertical-align: middle;
    border: 1px solid #cccccc;
}


/* Main Page Content */
.ccMainContentForm{
	/*border-left: 6px #F3F3F3 solid!important;*/
	margin-top: 30px;
	margin-bottom:100px;
	margin-left: 0px;
}

.ccMainContentForm .form-group{
   margin-left:0;
   margin-right:0;
}

.ccMainContentForm label{
   padding-right: 15px;
}


/* Prices Table */
.pricesTable{
	border-collapse: separate;
	border-spacing: 5px 0px;
	margin-top: 25px;
}

.reviewPage .pricesTable{
	margin-top: 0px;
}
.pricesTable tbody tr:nth-child(odd) td {
	background-color: #F3F3F3 !important;
}

.pricesTable tbody tr:nth-child(even) td {
	background-color: #FFF !important;
}

.pricesTable tbody tr:first-child td {
	border-top:1px solid #dddddd;
}

.pricesTable tbody tr:last-child td {
	border-bottom:1px solid #dddddd;
}

.pricesTable .header1 th, .pricesTable .header1 td{
	border-bottom: 0!important;
	border-top: 0!important;
	border-radius: 5px 5px 0 0;
}

.pricesTable .header1b td{
	padding-bottom:24px;
}

.pricesTable .header1{
	height: 50px;
}

.pricesTable .header1{
	height: 50px;
}

.pricesTable .header2{
	height: 100px;
}
.pricesTable .headerPre {
	height:15px;	
}

.pricesTable .headerPre th, .pricesTable .headerPre td{
	border:none;
}

.pricesTable .headerPre th.planPre{
	position:relative;	
	background-color:#eca610;
	border-radius:5px 5px 0 0;
}

.pricesTable .header1 th.planPreBelow{
	border-radius:0px 0px 0 0 !important;
}

.pricesTable .header2 th, .pricesTable .header2 td{
	opacity:0.9;
	border-bottom: 0!important;
	border-top: 0!important;
	font-family: 'Raleway', sans-serif;
	font-size:16px;
	padding-top: 25px;
	padding-bottom: 0;
}
	
.pricesTable .gapRow{
height:5px;	

}

.pricesTable .gapRowLg{
	height:20px;
}

.pricesTable .gapRowNothing{
	height:0px;	/* To Make Colours Work in Order In Prices Table */
}

/* Reset Prices Table */
.pricesTable th, .pricesTable td {
  	padding: 8px;
  	line-height: 1.428571429;
  	vertical-align: top;
  	border-top: 0px solid #dddddd;
  	font-weight:100; 
	font-family: 'Open Sans', sans-serif;
}

.pricesTable thead th, .pricesTable thead td {
  	vertical-align: bottom;
  	font-size:19px; 
	color:#10103b; /*Dark Blue*/
}

.pricesTable thead td {
	padding-left:23px;
	padding-right:23px;
}

.pricesTable tbody tr td {
  	font-size:16px; 
	color:#10103b; /*Dark Blue*/
	background-color:#FFF;
	border-left:1px #dddddd solid;
	border-right:1px #dddddd solid;
	border-top:0;
	border-bottom:0;
}

/*.pricesTable tbody tr th:first-child, tbody tr td:first-child{*/
.pricesTable tbody tr th:first-child, .pricesTable tbody tr td:first-child{
  	background-color:#f9f9f9; /*Cream*/
}

/*.pricesTable tbody tr th:first-child, tbody tr td:first-child{*/
.pricesTable tbody tr th:first-child, .pricesTable tbody tr td:first-child{
  	padding-right:8px;
	background:none;
	width: 40%;
}

.pricesTable.customtable  {
	margin-top:10px;
	
	border-spacing: 10px 0px;
}

.pricesTable.customtable p{
	padding-left:15px;
	padding-right:15px;
}

.pricesTable.customtable p.greenNumbers{
	color:#4cae4c /*Success Green*/	
}

.customtable.pricesTable .header1 th, .customtable.pricesTable .header1 td{
	border-bottom: 0!important;
	border-top: 0!important;
	border-radius: 0!important;
}

.customtable.pricesTable .headerPre th, .customtable.pricesTable .headerPre td{
	border-bottom: 0!important;
	border-top: 0!important;
	border-radius: 5px 5px 0 0;
}

.pricesTable tbody tr.selectedRow:nth-child(odd) td {
	background-color:#5cb85c !important;
	color:white;
	font-size:18px;
	border-top:2px solid #4cae4c;
	border-bottom:2px solid #4cae4c;
}

.pricesTable tbody tr.selectedRow:nth-child(even) td {
	background-color:#5cb85c !important;
	color:white;
	font-size:18px;
	border-top:2px solid #4cae4c; /*Success Green*/	
	border-bottom:2px solid #4cae4c; /*Success Green*/	
}

/* Confirm */
.pricesTable.confirm{
	border-collapse:collapse;
	padding-left:15px;
	padding-right:15px;
}

.pricesTable.confirm tbody tr td:first-child {
	
	width: 40%;
}

.pricesTable.confirm tbody tr td:last-child {
	
	padding-left:10px;
}
.pricesTable.confirm tbody tr td {
	font-size: 13px;
}

.additionalcosttext{
	font-size:80%;
	margin:0;
	padding-top:0;
	padding-bottom:0;
}

#totalCostVal {
	
	
}

#refundVal {
	
	
}

.reviewPage .pricesTable tbody tr.discountRow td{
	background-color:#5cb85c !important;
	font-size:14px !important;
	color:#FFF !important;
}

.valText{
	font-size: 14px;
}

.confirmHeader{
	background-color: #428bca;
	color: #FFF;
	padding: 7px;
	font-size: 14px;
	margin-bottom: 3px;
	margin-top: 90px;
	border-radius: 5px 5px 0 0;
}

.confirmHeader:first-child{
	margin-top: 15px;
}

.pricesTable.confirm .custom, .pricesTable.confirm .bronze, .pricesTable.confirm .silver, .pricesTable.confirm .gold, .pricesTable.confirm .platinum,.pricesTable.confirm .trial{
	text-align:left;
	padding-left: 10px;
	font-size: 13px;
}
	
#confirm_form label {
	text-align: left;
    padding-left: 2px;
    color: #666;
    font-size: 14px;
}

.confirmInputs{
	margin-top:20px;	
}



.tickglph{
  color:#5cb85c; /*Success Green*/	
}

.crossglph{
  color:#A9444A; /*Red*/	
}

.feature{
	text-align:left;	
}

.bronze{
	background-color:#d7620c;
	color:#FFF !important;	
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	position:relative;
}

.silver{
	background-color:#737986; /* Silver */
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	position:relative;
	color:#FFF!important;	
}

.gold{
	background-color:#eca610;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	position:relative;
	color:#FFF!important;	
}

.platinum{
	background-color:#3772aa;
	color:#FFF!important;	
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	position:relative;
}

.trial{
	background-color:#8faf6e; /*Success Green*/
	color:#FFF!important;	
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	position:relative;
}

.custom{
	background-color:#806B9B; /*Purple*/
	color:#FFF!important;	
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	position:relative;
}


/* Highlight column on mouse over */
.pricesTable .highlighted{
	
}

.pricesTable .footeradditional{
	background:none; 
	font-size:10px;
}

.btn-row {
	padding-top: 0px; /* Reset for value in bootstrap custom */
}

.buttonsRow button{
	height: 65px;
}
		
.buttonsRow td{
	background:none!important;	
	border-bottom:1px solid #dddddd!important;	
	border-left:1px solid #dddddd!important;	
	border-right:1px solid #dddddd!important;	
}

.buttonsRow td:first-child {
	border-bottom:0!important;
	border-right:0!important;
	border-left:0!important;
}

/* Vouchers */
#vouchercode{
	text-transform:uppercase;
	font-size:20px;
	font-weight:bolder;	
    color: #5CB85C!important;
}

#voucherbutton{
	margin-left:10px;	
}


/* Prices Panel */
.pricesPanel {
	border-color:#4d637b!important;
	margin-bottom:100px;
}

.pricesPanel .panel-heading{
   	height:90px;
   	background-color:#4d637b;
   	border-color:#4d637b;
	border-bottom:none;
}

.pricesPanel .panel-body{
   	padding:0 50px 50px 50px;
	border: none;
}
 
.pricesPanel .panel-heading h3, .pricesPanel .panel-heading h4{
	text-align:center;
 }
 
.pricesPanel .panel-heading h3{
	font-family: 'Open Sans', sans-serif;
	padding-bottom:5px;
 	font-size:22px;
}
 
.pricesPanel .panel-heading h4{
font-family: 'Raleway', sans-serif;
margin-bottom: 15px;
	margin-top: 10px;
}
	 
.triangle-down {
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 10px solid #eca610;
	position:absolute;
	top:100%;
	left:50%;
	margin-left:-12px;
}

.ribbon {
   right:2%;
   max-width:98%;
   z-index:1;
   top:-1px;
   border-radius:3px 3px 1px 1px;
   position: absolute;
  	background: #057705;
   background: -webkit-gradient(linear, left top, left bottom, from(#057705), to(#46Af46));
   background: -webkit-linear-gradient(top, #057705, #46Af46);
   background: -moz-linear-gradient(top, #057705, #46Af46);
   background: -ms-linear-gradient(top, #057705, #46Af46);
   background: -o-linear-gradient(top, #057705, #46Af46);
   background-image: -ms-linear-gradient(top, #057705 0%, #46Af46 100%);
   -webkit-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   font-family: 'Helvetica Neue',Helvetica, sans-serif;
}

.ribbon h2 {
   font-size: 14px!important;
   color: #FFF;
   font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight:200;
   margin:0px;
   padding: 5px 10px;
 }

.ribbon-stitches-top {
   margin-top:2px;
   border-top: 1px dashed rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
   box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
}

.ribbon-stitches-bottom {
   margin-bottom:2px;
   border-top: 1px dashed rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);
}



/*Registration Page*/
.tandccheckbox
{
	text-align:center;	
}

#tick_form .tandccheckbox{
	text-align: right;
	padding-bottom: 30px;
	padding-right: 10px;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
	float:none;
	margin:0;	
	font-size:20px;
}

.tandccheckbox label{
	font-size:20px;
	cursor: default;
	color:#5cb85c;
}

.tc_button{	
	font-size:18px;
}

.tandcbox{
	margin:0 0px 50px 0px; 
	padding:0 50px 0 50px;	
	max-height:400px;
	overflow:scroll;
	border:1px #CCC solid;
}

	
/* Navs Row */
.pager{
	padding-left:20px;
	padding-right:20px;
}
	
.panelNavs.row .pager li a{
	color:#5cb85c;
	font-size:15px;
	font-family: 'Open Sans', sans-serif;
	cursor:pointer;
}

.panelNavs.row .pager li a:hover{
	color:#5cb85c;
}

.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
	color: #999999!important;
	cursor: not-allowed!important;
	background-color: #ffffff!important;
}
	
.panelNavs.confirmNavs .pager li a{
	font-size:12px;
}

.panelNavs.confirmNavs .pager .next a{
	border:none;
}

.panelNavs.confirmNavs .pager li a.completeTrialReg{
	font-size:15px;
}

.panelNavs.confirmNavs .pager .next a.completeTrialReg{
	border: 1px solid #dddddd;
}
	
/* Cookie Error */
.cookie_error{
	
height:300px;
background-color:#10103B;
padding:50px;	
font-size:18px;
text-align:center;
}

/* PayPal Click Box */

#paypalclick{
padding:10px;
text-align:center;
margin-top:40px;
	
	
}
	
	
	
/* T&C CSS Document */

#policy h2 { color: black; font-family:Arial; font-style: normal; font-weight: bold; text-decoration: none; font-size: 14pt; }
#policy p { color: black; font-family:Arial; font-style: normal; font-weight: normal; text-decoration: none; font-size: 8pt; margin:0pt; }
#policy h3 { color: black; font-family:Arial; font-style: normal; font-weight: bold; text-decoration: none; font-size: 10pt; }
#policy .s1 { color: black; font-family:Arial; font-style: normal; font-weight: bold; text-decoration: none; font-size: 10pt; }
#policy .a, #policy a { color: black; font-family:Arial; font-style: normal; font-weight: normal; text-decoration: none; font-size: 8pt; }
#policy li {display: block; }
#policy #l1 {padding-left: 0pt;counter-reset: c1 0; }
#policy #l1> li:before {counter-increment: c1; content: counter(c1, decimal)". "; color: black; font-family:Arial; font-style: normal; font-weight: normal; text-decoration: none; font-size: 10pt; }
#policy #l2 {padding-left: 0pt;counter-reset: c2 0; }
#policy #l2> li:before {counter-increment: c2; content: counter(c1, decimal)"."counter(c2, decimal)". "; color: black; font-family:Arial; font-style: normal; font-weight: normal; text-decoration: none; font-size: 10pt; }
#policy #l3 {padding-left: 0pt;counter-reset: c2 0; }
#policy #l3> li:before {counter-increment: c2; content: counter(c1, decimal)"."counter(c2, decimal)". "; color: black; font-family:Arial; font-style: normal; font-weight: normal; text-decoration: none; font-size: 10pt; }
#policy #l4 {padding-left: 0pt;counter-reset: c3 0; }
#policy #l4> li:before {counter-increment: c3; content: counter(c1, decimal)"."counter(c2, decimal)"."counter(c3, decimal)". "; color: black; font-family:Arial; font-style: normal; font-weight: normal; text-decoration: none; font-size: 10pt; }
#policy #l5 {padding-left: 0pt;counter-reset: c3 0; }
#policy #l5> li:before {counter-increment: c3; content: counter(c1, decimal)"."counter(c2, decimal)"."counter(c3, decimal)". "; color: black; font-family:Arial; font-style: normal; font-weight: normal; text-decoration: none; font-size: 10pt; }
#policy #l6 {padding-left: 0pt;counter-reset: c3 0; }
#policy #l6> li:before {counter-increment: c3; content: counter(c1, decimal)"."counter(c2, decimal)"."counter(c3, decimal)". "; color: black; font-family:Arial; font-style: normal; font-weight: normal; text-decoration: none; font-size: 10pt; }
#policy #l7 {padding-left: 0pt;counter-reset: c2 0; }
#policy #l7> li:before {counter-increment: c2; content: counter(c1, decimal)"."counter(c2, decimal)". "; color: black; font-family:Arial; font-style: normal; font-weight: normal; text-decoration: none; font-size: 10pt; }
#policy #l8 {padding-left: 0pt;counter-reset: c2 0; }
#policy #l8> li:before {counter-increment: c2; content: counter(c1, decimal)"."counter(c2, decimal)". "; color: black; font-family:Arial; font-style: normal; font-weight: normal; text-decoration: none; font-size: 10pt; }
#policy #l9 {padding-left: 0pt;counter-reset: c2 0; }
#policy #l9> li:before {counter-increment: c2; content: counter(c1, decimal)"."counter(c2, decimal)". "; color: black; font-family:Arial; font-style: normal; font-weight: normal; text-decoration: none; font-size: 10pt; }
#policy #l10 {padding-left: 0pt;counter-reset: c2 0; }
#policy #l10> li:before {counter-increment: c2; content: counter(c1, decimal)"."counter(c2, decimal)". "; color: black; font-family:Arial; font-style: normal; font-weight: normal; text-decoration: none; font-size: 10pt; }

							
/***************/
/*Media Queries*/
/***************/

/* iPhone */
@media (max-width: 767px) {


.loginbutton{
	margin: 5px 15px;
	padding: 5px;	
}


.headingText{
	font-size:24px; 
}

.headingBodyText{
	font-size:18px; 
}

.linkText{
	font-size:16px; 
}

.indexnavbar.navbar-default .navbar-nav > li > a {
   padding-right:12px;
}

.pricesTable th{ 
	font-size:8px !important; 
}

.pricesTable td{
	font-size:6px !important; 
}

.btn-group{
	
	/*width:100%;*/
}

tr .btn{
	/*font-size:9px !important; 
	padding:2px 2px;
	width:100%;*/
}	
	
}

/* Small Screens */
@media (min-width: 768px) and (max-width: 991px) {	

.headingText{
	font-size:30px; 
}

.pricesTable th{ 
	font-size:14px !important; 
}

.pricesTable td{
	font-size:14px !important; 
}


}

/* iPad */
@media (min-width: 992px) and (max-width: 1199px) {

.headingText{
	font-size:36px; 
}


.btn#planBronze:after, .btn#planSilver:after, .btn#planGold:after, .btn#planPlatinum:after{
	/*content:' Plan';*/
}

.indexnavbar.navbar-default .navbar-nav > li > a {
   padding-right:14px;
}

.pricesTable th{ 
	font-size:14px !important; 
}

.pricesTable td{
	font-size:14px !important; 
}

}

/* Laptop and High Res Screens*/
@media (min-width: 1200px) {


.btn#planBronze:after, .btn#planSilver:after, .btn#planGold:after, .btn#planPlatinum:after{
	/*content:' Plan';*/
}
}







@media only screen and ( max-width: 1280px ) {

	
	
	.pagesubHeader H1{
		font-size: 10px;
		font-weight: bolder;
	}
	

}

/* iPad */
@media only screen and ( max-width: 1185px ) {
	

	
	.pagesubHeader H1{
		font-size: 8px;
	}
	
	.btn{
		white-space: normal;
		font-size: 12px;
	}
	
	/*Prices Table */

	.pricesTable {
		border-collapse: collapse;
    	border-spacing: 0px;
	}

	.pricesTable tbody tr th:first-child, tbody tr td:first-child {
    	padding-right: 5px;
    }
	
	.pricesTable th, .pricesTable td {
		padding: 6px 3px;
	}
	
	.pricesTable th {
		font-size: 12px !important;
	}

	.pricesTable td {
		font-size: 10px !important;
	}

	.pricesTable th h4{
		font-size: 14px !important;
	}

	.pricesTable tr.header1{
		font-size:15px;	
	}
	
	.pricesTable.customtable th{
		font-size: 16px !important;
	}
	
	.pricesTable.customtable td{
		font-size: 16px !important;
	}
	
	
	
	.ribbon h2 {
		font-size: 10px!important;
		color: #FFF;
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 200;
		margin: 0px;
		padding: 2px 5px;
	}
	
	
}

/* 991px Collapse */
@media only screen and ( max-width: 991px ) {
	
.pricesTable.customtable p {
    padding-left: 0px;
    padding-right: 0px;
}
	
	
	.monthplan1 p, .monthplan3 p, .monthplan6 p, .monthplan12 p{ 
		padding-left:15px!important;
	}
}




@media only screen and ( max-width: 767px ) {
	  

	/*Prices Table */
	.ccMainContentForm {
		margin-bottom: 0px;
	}
	
.pricesPanel .panel-body{
		
		padding: 0 30px 0px 15px;	
	}

	.breadcrumbCustom a:first-child, .breadcrumbCustom p:first-child {
		padding-left: 20px;
	}

	breadcrumbCustom a, .breadcrumbCustom p {
		font-size: 10px;
		padding: 0 10px 0 10%;
	}
	
	.pricesTable th {
		font-size: 10px !important;
	}
	
	.pricesTable .header1 th {
		font-size: 12px !important;
	}
	
	.pricesTable .header1 {
		height: 35px;
	}

	.pricesTable .header2 {
		height: 80px;
	}
	
	.pricesTable .header2 th, .pricesTable .header2 td {
		padding-top: 0;
		padding-bottom: 0;
	}

	.ribbon {
    	right: 0%;
    	max-width: 100%;
    }
	
	.ribbon-content{
		width:100%;
	}
	
	.ribbon h2 {
		font-size: 10px!important;
		padding: 4px 10px;
		width:100%;
		letter-spacing:normal;
	}
	
	.websiteTextBox {
		padding: 5px 15px 5px 15px;
    	margin: 0 0 20px 0px;
	}
	
	.headingBodyText {
		font-size: 14px;
    	line-height: 1.4em;
	}
	
	.headingTextMd {
		font-size: 20px;
		margin-top: 0;
	}
	
	.headingBodyTextMd {
		font-size: 16px;
		line-height: 1.2;
		margin-top: 0;
	}

}



@media only screen and ( max-width: 680px ) {
	
	.desktop-slide {
		display: none;
	}
	.mobile-slide {
		display: block;
	}
	
	#intro .flex-direction-nav a {
		display:none;
	}
	
}

/* iPhone 5 */
@media only screen and ( max-width: 640px ) {
	
	.subheader {
		display:none;
	}

	.pagesubHeader  {
		display:none;
		padding-top:10px;
		padding-bottom:10px;
	}
	
	.pagesubHeader h1 {
		padding:0;
		margin:0;
	}
	
	.pricesTable th, .pricesTable td {
		padding: 6px 2px;
	}
	
	
	/* Custom */
	.pager {
		 padding-left: 10px; 
		 padding-right: 0px; 
	}

	.panelNavs.row .pager li a {
		font-size: 11px;
	}
	
	.headingBodyTextSm{
		font-size:12px;	
	}
	
	.customtable .form-control{
		height: 28px;
    	font-size: 11px;
	}
	
	.pricesTable.customtable p.greenNumbers {
		font-size:14px;
	}

	.pricesTable.customtable p {
    	padding-left: 0px; 
    	padding-right: 0px; 
	}
	
	
	.pricesTable.customtable td {
    	font-size: 14px !important;
	}
	
	.monthplan1 td, .monthplan3 td, .monthplan6 td, .monthplan12 td{ 
		font-size: 14px!important;
	}
	
	.monthplan1 p, .monthplan3 p, .monthplan6 p, .monthplan12 p{ 
		padding-left:15px!important;
	}
}

@media only screen and (max-width : 480px) {
  


}



/* CC Main CSS Document */

/* Used in Old Version, Look at Deleting Once shows are updated */
.contentpanel{
	margin:20px 20px 20px 0px;
	min-height:800px;
	padding-bottom:20px;
}

.contentpanelNoheight{
	margin:20px 20px 20px 0px;
	padding-bottom:20px;
}

.contentpanelShow{
	margin:20px 20px 20px 20px;
}

.wellShow{
	min-height:750px;	
	padding-top:50px;
}

.bodycolumnWrap{
	
	height:100%;
	
}

.bodycolumn{
	padding:0;	
	height:100%;
	/*min-height:100%;*/
}

.onetruefix{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
	background-color:#10103b ; /*dark blue */
}

.equalheight {
   /*	overflow: hidden; */
	height:100%;
	background-color:#10103b;
}

#footer{
	height:200px;
	background-color:#ADB6B5; /*Grey*/	
	padding-top:20px;
}

.hiddenDiv, .hidden{
	display:none;
}


.text-success {
	color: #47a447 !important;
}

/* Dashboard */
/* May Delete */
.alink{
	font-weight: normal;
	color: #428bca;
	cursor: pointer;
	border-radius: 0;
	display: inline-block;
clear: both;
margin-top: 20px;
padding-bottom: 10px;
}

.alink.alinkdash{
	display:block;
	margin:10px 0 0 0 ;
	padding:0;
	
}
 #purchaseRenewal .dashadd{
border: 1px dashed rgb(240, 173, 78) ;
}

.dashboardpanel .row{
	margin-top:15px;
	margin-bottom:25px;
}

.dashboardpanel .panel-title{
	position:relative;
}

.dashboardpanel .panelstatus{
	position:absolute;
	margin:0;
	padding:0;
	top:12px;
	right:25px;
}

.dashboardpanel .panelexpired{
	
color:rgb(169, 68, 66);
}

.dashboardpanel .panellive{
	
color:rgb(77, 170, 77);	
}

.dashboardpanel .panelexpiring{
	
color:rgb(240, 173, 78);
}


.dashboxinfo{
	
	overflow: auto;
}

.dashboardpanel .dashalert .row{
	
	margin-top: 30px;
	margin-bottom: 0;
}

.dashalert{
	line-height: 11px;
	margin-top: 0px;
    margin-bottom: 20px;
}

.dashalert h4{
	font-size:16px;
}

.dashalert .btn{
	float:right;
}

.dashalert .renewbutton{ 
	margin-top: 10px;
	 padding: 4px 8px;
   font-size: 13px;
}


.dashpanel{
	
	padding:20px;
}

.dashpanel .accounttype h4{
	 font-size: 14px;
	text-align:left;
	padding-left:5px;
	border-radius:3px;
}
.dashpanel .dashadd{
	overflow:auto;
	border:1px solid #D9EDF7;
	min-height: 20px;
	padding: 19px;
	margin: 10px 0 20px 0;
	background-color: #fff;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}


.dashadd{
    background-color: #F3F3F3;
   	margin: 0 0 20px 0;
	padding-bottom:15px;
}

.redwarningtext{
	
	color:#a94442;
}

.greensuccesstext{
	
	color:#4daa4d;
}

.newplaninfo{
	padding:10px;
	border:1px #4daa4d solid;
	display: block;
    overflow: auto;
}

.newplaninfo p{
	line-height:14px;	
}



.notificationbox{
	margin-bottom: 16px;
    display: block;
   
    overflow: visible;
    background-color: #ECEDF0;
    padding: 10px 10px 5px 10px;	
}

.notificationpriority1{
	 border: 1px #cccccc solid;
	 border-left: 10px #47a447 solid;
}
.notificationpriority2{
	 border: 1px #cccccc solid;
	 border-left: 10px #5bc0de solid;
}
.notificationpriority3{
	 border: 1px #cccccc solid;
	 border-left: 10px #f0ad4e solid;
}
.notificationpriority4{
	 border: 1px #cccccc solid;
	 border-left: 10px #a94442 solid;
}

  .NotifyActions{
	float:right;  
  }


.notificationbox #notificationheader{
	 margin-top: 5px;
    margin-bottom: 5px;
}


.notificationbox #notificationdate{
	
	font-size:11px;
	margin:0;
}


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


/* Conversations CSS */

.conversation_status_box{
	text-align: right;
	margin-bottom: 10px;
}

.conversation_status_box button{
	margin-left:10px;	
}
.chat_messages_select{
	background-color:#ECEDF0;
	overflow:auto;
	margin-top: 10px;
	min-height: 600px;
	margin-right: 10px;
}

a.list-group-item {
    color: #0E0F3B;
}

.chat_messages_select a:hover *{
	/*color:#555555 !important;*/
}

.chat_messages_select .list-group .list-group-item.active{
	background-color: #1969AE!important;
}


.chat_messages_select .list-group .list-group-item.active .messagetitle{
	color:#F99537 !important;
}

.chat_messages_select .list-group .list-group-item.active .messagetimedate, .chat_messages_select .list-group .list-group-item.active .messagedetails{
	color:#FFF !important;
}

.chat_messages_select .list-group .list-group-item.active:hover *{
	color:#ECEDF0 !important;
}

.chat_messages_select .list-group .list-group-item:hover .messagetitle{
	color:#F99537 !important;
}


.chat_messages_select .list-group .list-group-item{
	border-radius:0;
	border: 1px solid #CCC;
}
    
.chat_messages_box{
	border:1px solid #CCC; 
	overflow:auto;
	background-color:#FFF;
	padding: 30px;
	margin-top: 10px;
	min-height: 600px;

}

.chat_message_box_msg{
	background-color:#ECEDF0;
	margin-bottom: 15px;
	width:40%;
	max-width:550px;
	clear:both;
	border: 1px #CCC solid;
}

.chat_message_box_msg figure.profile-picture{
	padding:10px;
	display:inline-block;
	width:20%;
}

.chat_message_box_msg figure.profile-picture img{
  	width: 100px;
    border: 1px #003d71 solid;
	max-height:120px;
}
  
.chat_message_box_msg_details{
	display:inline-block;
	vertical-align: top;
   	padding: 0 10px 0 20px;
	width:80%;
}

.chat_message_box_msg_details .messagetitle{
	font-size: 1.2em;
	margin: 10px 0 5px 0;
    font-weight: 600;
}

.chat_messages_select .messagetitle{
	font-size: 1.2em;
	margin: 5px 0 0px 0;
 
}

.chat_message_box_msg_details .messagetimedate{
	margin-top: 5px;
	font-size: 0.9em;
	border-bottom:1px solid #CCC;
	padding-bottom:3px;
}

.chat_messages_select .messagetimedate{
	margin-top: 4px;
	font-size: 1.0em;
	color: #1969AE;
}

.chat_message_box_msg_details .messagedetails{
	font-size: 1.1em;
}

.chat_messages_select .messagedetails{
	font-size: 1.0em;
    padding-top: 4px;
	margin-bottom: 0;
    text-align: right;
    font-style: italic;
    color: #0E0F3B;
}

.chat_message_box_msg_details .messagedeletedinfo{
	font-size: 0.9em;
    color: #f6821f;
    text-align: right;
    padding-top: 3px;
}

.chat_messages_select .messagedelete, .chat_messages_select .list-group .list-group-item.active .messagedelete{
	background-color : #a94442 !important ; /* Red */
	color:white !important;
	text-align:right;	
	float:right;
	padding:5px;
	margin-right:5px;
}
.chat_messages_select .messagenotviewed, .chat_messages_select .list-group .list-group-item.active .messagenotviewed{
	background-color : #5bc0de !important ; /* Red */
	color:white !important;
	text-align:right;	
	float:right;
	padding:5px;
}

.chat_messages_select .messagedelete:hover, .chat_messages_select .list-group .list-group-item.active .messagedelete:hover{
	color:white !important;	
}


.chatownerwrapper{
	width:100%;
	border-bottom:1px solid #CCC;
	overflow: auto;
	margin-bottom: 10px;
}

.chat_message_box_msg.chatowner{
	float:left;
	background-color: #1969AE;
    color: #FFF;
}

.ownerchatmessage{
	background-color: #E7F5E7;
  
}

.conversationbox .ownerchatmessage {
	background-color:#ECEDF0;
}

.conversationbox .ownerchatmessage:hover .title, .conversationbox .ownerchatmessage:hover .message, .conversationbox .ownerchatmessage:hover .messagedate{
	color:#FFF!important;
}

.conversationbox .ownerchatmessage .messagedate{
	color:#47A447;
	font-weight:600;
}

.conversationbox .ownerchatmessage .title, .conversationbox .ownerchatmessage .message{
	color:#0E0F3B;
	font-weight:500;
}

.chat_message_box_msg.chatuser{
	float:right;
}

.chat_message_box_reply{
	margin-top:20px;
}

.chat_message_box_reply #conversationmessage_message{
	border-radius:0!important;
	
}

.chat_message_box_reply_button{
	text-align:right;
}

.chat_message_box_reply .chat_message_box_reply_button button#update{
	margin-top: 10px !important;
    margin-bottom: 0 !important;
    margin-right: 0 !important;
}


.chat_messages_box .chatmessageitempr1, .chat_messages_box .chatmessageitempr2, .chat_messages_box .chatmessageitempr3, .chat_messages_box .chatmessageitempr4{
	 padding-left: 7px;
}

.chatmessageitempr1{
	border-left: 7px #47a447 solid !important; 
}

.chatmessageitempr2{
	border-left: 7px #5bc0de solid !important; 
}

.chatmessageitempr3{
	border-left: 7px #f0ad4e solid !important; 
}

.chatmessageitempr4{
	border-left: 7px #a94442 solid !important; 
}

.chatuser_wrapper{
	border-top: 1px solid #CCC;
    padding-top: 20px;
    clear: both;
}

.chat_messages_box .alink.alinkdash {
    margin: 10px 0 10px 0;
	padding: 0 0 0 10px;
}

.chat_messages_box .dashadd {
    padding-left: 10px;
	background-color:#FFF;
	color:#0E0F3B;
}

.chat_messages_box .dashadd .audiencedetails{
	 color: #1969AE;
}

#chatgrouptoggle{
	padding: 10px;
    border: 1px #003D71 solid;
   	display: inline-block;
    border-radius: 5px;
    background-color: #003D71;
    color: #fff;	
	cursor: pointer;
	text-decoration:none;
	margin-top: 30px;
}

#chatgrouptoggle:hover{
	color:#CCCCCC;
}

.zerowidth {
    width: 0;
    margin-left: 0;
	overflow:auto;
	height:0;
}


.chatgroupl, .chatgroupr{
	/* -webkit-transition: width 0.3s ease, margin 0.3s ease;
    -moz-transition: width 0.3s ease, margin 0.3s ease;
    -o-transition: width 0.3s ease, margin 0.3s ease;
    transition: width 0.3s ease, margin 0.3s ease;*/
}

@media only screen and (max-width: 1366px) {

.chat_message_box_msg figure.profile-picture{
	padding:5px;
	width:15%;
}

.chat_message_box_msg figure.profile-picture img{
  	width: 40px;	
}
  
chat_message_box_msg_details .messagetitle{
	font-size: 1.1em;
	margin: 10px 0 5px 5px;
    font-weight: 500;
}

.chat_messages_select .messagetitle{
	font-size: 1.1em;
	margin: 5px 0 0px 5px; 
}

.chat_message_box_msg_details .messagetimedate{
	margin-top: 7px;
	font-size: 1.1em;
	padding-bottom:3px;
}

.chat_messages_select .messagetimedate{
	margin-top: 10px;
	font-size: 1.1em;
}	
}

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


/* Navbar.php CSS */
.topleftbox1{
	height:60px; 
	background-color:#4daa4d; /* Green */
}

.topleftbox2{
	height:35px; 
	background-color:#ADB6B5; /* Silver */
}

.cloudlogo{
	margin:4px 0 0 12px;
	z-index:9999;
	position:relative;
}

/* Error.php CSS */
.logorow{
	margin: 0px;
	padding: 0px;
	height: 60px;
	background-color:#4daa4d; /* Green */
}

.logorow img{
	padding:3px 0 3px 10px;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #EEE;
 
}




/* Buttons */
.btn-custom_murkyblue {
    color: #fff;    
}
.btn-custom_murkyblue:hover {
    color: #fff;
    background-color: #1969AE;
    border-color: #003D71;     
}

.btn-custom_murkyblue span.dt-down-arrow {
    color: #FFF;
}

.btn.btn-warning{
	background-color: #f89536;
	color:#fff;
	border:1px #d4883f solid;
}

.btn.btn-warning:hover{
	background-color: #f1a760;
	color:#fff;
}


/* Nav Pills */
.nav-pills > li + li {
   margin-left: 0px; 
}
.nav-pills > li {
  padding-right: 10px;
  padding-top: 6px;
}

/* Pills Tab CSS */

.container_tabs .row:last-child{
	border-bottom: 1px #BBB solid;
}

#pillsTab a{
	border: 1px #4f92b3 solid;
	background-color: #d7deea;
	color:#313131;
	font-weight:400;
    font-size:0.85em;
    padding:8px 13px;
}

#pillsTab a:hover{
	background-color: #cbe7ff;
	color:#313131;
}

#pillsTab .active a{
	background-color: #f89536;
	color:#fff;
	border:1px #d4883f solid;
}

#pillsTab .active a:hover{
	background-color: #f1a760;
	color:#fff;
}

/* Pills Tab Sub row items CSS */

#pillsTab .viewall a{
	background-color:#8a8989!important;
	color:#FFF!important;
	border:1px #6f6e6e solid;
}

#pillsTab .viewall a:hover{
	color:#FFF!important;
	background-color:#a09e9e!important;
	
}

#pillsTabHeading li#tab_header{
    float:right;
	padding:0px;
	margin-bottom: 5px;
}

#pillsTabHeading li#tab_header .tab_header_text{
   padding:9px 40px;
    color: #277910;
    border: 1px #8cca7c solid;
    cursor: default;
}

#warningicon.btn.btn-warning {
    background-color: transparent;
    color: #f89536;
     padding: 0;
    border: none;
    font-size: 17px;
}

#warningicon.btn.btn-warning:active {
box-shadow:none;
}

#warningicon.btn.btn-warning:hover {
	color: #d4883f;
}


.thumbsupicon{
 	color: #cccccc;	
	font-size: 17px!important;
}


.background_light_blue + .chosen-container a{
	background-color:#d9edf7!important ;
}

.background_light_blue{
	background-color:#d9edf7!important ;
}

.background_dark_blue{
   background-color:#0E0F3B!important ; 
    color:#FFF;
}

.background_disabled + .chosen-container a{
	 background-color: transparent !important;
	color:#555!important;
}


.background_light_yellow + .chosen-container a, .background_light_yellow{
	background-color:#f7f6d9!important ;
}



.background_lighter_blue{
	background-color:#E3EAF0!important ;
}

.background_lighter_green{
	background-color:#9edc9e!important ;
}
.background_verylight_green{
	background-color:#cfe6cf!important ;
}

.background_medium_blue{
	background-color:#a1b9cc!important ;
}

.background_lighter_orange{
	background-color:#fde6c6!important ;
}

input.form-control.PrefixIDfield{
	background-color:#fde6c6!important ;
}

.chosen_status_field + .chosen-container .chosen-single, input.form-control.text_status_field{
	background-color:#d8e9de!important ;
}
.chosen_status_field + .chosen-container .chosen-single, input.form-control.text_status_field_inactive{
	background-color:#fde6c6!important ;
}


input.form-control.text_status_fieldred{
	background-color: #97403e !important;
    color: white !important;
}

.background_medium_orange{
	background-color:#f9ce92!important ;
}

.background_light_purple + .chosen-container a, .background_light_purple{
	background-color:#d9def7!important ;
}

.background_light_red {
	background-color:#f2dcd8!important ;
}

.background_light_red[disabled]{
   background:transparent;
}

 
.background_lighter_red {
	background-color:#f5eae8!important ;
}


#calculator_item_value_new .arrow_field.profit_field, #calculator_item_value_new .arrow_field.rate_field, #calculator_item_value_new .arrow_field.quantity_total_field {
    color:#fff!important;
}



#calculator_item_value_new .form-control.quantity_total_field[disabled],
#calculator_item_value_new .form-control.quantity_total_field[readonly] {
  	cursor: not-allowed;
    background: transparent!important;
	opacity:1!important;
	color: #555!important;
	box-shadow:none!important;
  	-webkit-transition:none;
  	transition:none;
}


#calculator_item_value_new .arrow_field.rate_field:hover {
    cursor: not-allowed;

}

.qa_field{
    background-color:#f7f6d9!important ;
}

form #calculator{
    margin-top:8px;
}

form #quick_add_button{
    clear:both;
    display:block;
    margin-top: 8px;
}

.select_quick_add + .chosen-container{
    /*margin-bottom:8px;*/
}


table.customTable #row_summary_qty td{
    padding-top:15px!important;
}



#calculator_item_grouping button{
    width:90%;
}

.calc_material_navs{
    margin-top:20px;
}

/* Table Classes */

.tableImage{
	border: 1.5px #cccccc solid;	
	height:100px;
	width:100px;
}

/* Page Alerts */
#pageAlert{
	margin-top:15px;
}

#pageEnhancedAlert{
	padding-top: 0;
    padding-bottom: 0;
	margin-top:0;
	float:right;
	width:25%;	
}

#pageEnhancedAlert.alert-default{
	background: transparent;
    border-color: #bbbbbb;
}

#pageEnhancedAlert.alert-default .progress{
	 background-color: #e2eaf0;
    margin-bottom:10px;
}
   
#pageEnhancedAlert table{
	width:100%;
}

#pageEnhancedAlert table td{
	padding-bottom:10px;
	vertical-align: top;
}

#pageEnhancedAlert table td:first-child{
	width:40%;
	text-align:right;
	padding-right:25px;
	font-weight:bold;
}

#pageEnhancedAlert table .progress .progress-bar{
	color:#31708f;
}


#pageAlert.alert-danger {
    color: #fff;
    background-color: #883939;
    border-color: #ebccd1;
    font-weight: 300;
}


.alert-info {
    color: #fff;
    background-color: #1869ae;
    border-color: #cccccc;
    font-weight: 300;
}

.alert-info h4{
	margin:0;	 
}

.alert-success {
    color: #ffffff;
    background-color: #519237;
    border-color: #d6e9c6;
}

.alert-warning {
   color: #695431;
    background-color: #fcf8e3;
    border-color: #cccccc;
}

#pageAlert.alert-info button.close, #pageAlert.alert-success button.close {
	color:#fff;
	opacity:0.5;
}
/* Password Form CSS*/

/*Change Password Form*/
#changePWform input{	
	/*max-width:300px;*/	
}

.forgotPassword{
	padding-bottom:20px;	
}


/* Admin Screen CSS */
/* Buttons on Admin Screens */
#adminactionsButton, #adminloginsButton, #adminloginattempts, #adminsetup, #adminvoucherusedbutton{
	display:none;
}

#filterbutton_alladmins, #filterbutton_allusers{
	margin-right:10px;	
}

#filterbutton_alladmins, #filterbutton_allusers, #filterbutton_removeall{
	margin-bottom:10px;	
}

/* Form Elements */

/* Main Form CSS */
#termsGroupForm .formContent{
	padding: 10px 0px 20px 0px;
}


/* Buttons */

/* Form Gap Class's */
.GapAboveXs{
	margin-top:15px!important;	
}
.GapAboveSm{
	margin-top:25px!important;	
}
.GapAboveMd{
	margin-top:50px!important;	
}
.GapAboveLg{
	margin-top:75px!important;	
}

/* Form Validation */

em.error{
	display: block;
	  color: #FFFFFF;
	  background-color: #834141;
	  padding: 3px 0px 3px 8px;
	  font-style: normal;
	  border-radius: 0;
	  cursor: not-allowed;
    font-weight:300;
}

em.error::before {
	padding-right:5px;
     display: inline-block;
  content: "";
  vertical-align: -0.25em;
background-image: url("exclamation-triangle.svg");
 background-repeat: no-repeat;
  background-size: 1.1rem 1.1rem;
    height: 1.35em;
    width: 2.5em;
    
}

.has-error{
	border:1px rgb(144, 51, 51) solid!important;
	border-radius: 0!important;
}

/* Select Items */
.has-error + .chosen-container .chosen-single{
	border:1px rgb(144, 51, 51) solid!important;
	border-radius: 0!important;
}

/* Form labels */
form label{
	margin-top:5px!important;
	padding-left:1px;
}


/* Form Inputs */

/* General option to make sure all hidden objects override any display settings */
[hidden]{
  /*display: none!important;*/
}

.form-control[disabled], fieldset[disabled] {
    cursor: not-allowed;
    background: transparent !important;
    opacity: 1 !important;
    box-shadow: none !important;
    -webkit-transition: none;
    transition: none;
}


/* Chosen */
select.form-control + .chosen-container.chosen-container-single .chosen-single {
	font-size: 0.8rem!important; /* Override to change font size */
}

.formContent .chosen-disabled {
  opacity: 1 !important;
  cursor: not-allowed!important;
}

/* Chosen Disabled Text */
.chosenDisabled{
	background-color:transparent!important;
	cursor:not-allowed!important;
	
}

.chosen-results li.active-result span{
	white-space: pre-line;	
	vertical-align: top;
}

.chosen-container .chosen-results li.no-results:hover {
	color:#FFF;
}


/* Typeahead */
.twitter-typeahead .tt-query, .twitter-typeahead .tt-hint {
  	background-color: #FFFFFF!important;
}

.twitter-typeahead .tt-query[disabled], .twitter-typeahead .tt-hint.form-control[disabled], .tt-input[disabled], .tt-hint[disabled]{
      background: transparent!important;
}


.twitter-typeahead {
    margin-bottom: 0px !important;
}


/* Overwrite width to make 100% */
.tt-menu{
    width:100%!important;
}

/* Date Picker */

/* This bit isn't working at the moment */
datepicker.dropdown-menu {
  	position: absolute;
 	min-width: 160px;
  	padding: 5px 0;
  	margin: 2px 0 0;
  	font-size: 14px;
  	background-color: #ffffff;
  	border: 1px solid #F99537;
}

/* Date Picker Days Header */
.datepicker thead tr:first-child{
	color:#FFF;
	background-color: #0E0F3B;
	-webkit-border-radius: 0;
  	-moz-border-radius: 0;
   	border-radius: 0; 
}

.datepicker th.dow{
	color:#FFF;
	background-color: #1969AE;
	border-radius: 0;
}

.datepicker td, .datepicker th {
  	text-align: center;
  	width: 20px;
  	height: 20px;
  	-webkit-border-radius: 0!important;
  	-moz-border-radius: 0!important;
   	border-radius: 0!important; 
  	border: none;
}

.datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover {
    background: none repeat scroll 0 0 #F99537!important; /* Orange */
}


/* Individual Element Classes used in formpdo */

.eClearBoth{
clear:both;    
}

.noEndPadding{
    padding-right:0!important;
}

.eLineAbove{
	padding-top:15px;
	border-top:1px #CCCCCC solid;	
}

.eGapBelowXS{
	margin-bottom:5px;	
}
.eGapBelowSm{
	margin-bottom:10px;	
}
.eGapBelowMd{
	margin-bottom:25px;	
}
.eGapBelowLg{
	margin-bottom:40px;	
}
.eGapBelowXLg{
	margin-bottom:60px;	
}


/* Text manipulation CSS */
.all_caps{
	text-transform:uppercase;	
}

.all_lower{
	text-transform:lowercase;
}

.initial_caps{	
	text-transform:capitalize;
}


/* Placeholder CSS */
input::-webkit-input-placeholder {
	color: rgba(0,5,143,.5)!important;
	text-transform: capitalize!important;
	-webkit-text-fill-color:#999; /* Removes lighter disabled colour */
	-moz-text-fill-color:#999;/* Removes lighter disabled colour */
}
input::-moz-placeholder {
	color: #999 !important;
	text-transform: capitalize!important;
	-webkit-text-fill-color:#999; /* Removes lighter disabled colour */
	-moz-text-fill-color:#999;/* Removes lighter disabled colour */
}

input:-ms-input-placeholder { 
	color: rgba(0,5,143,.5)!important;
	text-transform: capitalize!important;
	-webkit-text-fill-color:#999; /* Removes lighter disabled colour */
	-moz-text-fill-color:#999;/* Removes lighter disabled colour */
}


/* Custom Table */

.customisedTable tr{
	background-color:#ECEDF0;
}

table.customisedTable thead tr.headerRow{
     background-color: #1969AE!important;
 	 color: white!important; 
	 border-color: #1969AE;
}

/* IPAD fixes */

/* Remove issues with styling on ipad etc... shadow */
input[type="text"], input[type="email"], input[type="search"], input[type="password"],  input[type="float"] {
	-webkit-appearance: none; /* Removes shadow */
	-moz-appearance: none; /* Removes shadow */
}


/* Website */

/* Header Navbar */

	/* Header Search Box */
	.headerSearchBox{
		display:none !important;	
	}

	/* Sidebar Widgets */
	.sidebar-widget, .widget-stats{
		display:none !important;
	}
	
	

.colContact{
	padding-top:10px;
	text-align:right;
}

.colContact h2, .colContact h4{
	margin:0;
	padding:0;	
}

.colContact h2{
	color:#FFF;	
	margin-bottom:10px;
}

.colContact h4{
	color:#f6821f;
}

.active{
	/*color: #FFFFFF!important;
	background-color: #f6821f!important;	*/
}

#pillsTab .active{
	color: #FFFFFF!important;
	background-color: transparent !important;
}

.activeunderline{
	background-color: #FAD7B9;	
}


/* Login Form */
.loginformcontainer{
	padding: 50px 40px 50px 40px;
	background: #FFF;
  	border-top: 3px solid #003D71;
  	border-radius: 5px 0 5px 5px;
  	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.panel-title-block{
  	text-align: right;	
	margin-top: 60px;	
}

.panel-title-block .panel-title-text{
	border-radius: 5px 5px 0 0;
	color: #FFF;
	display: inline-block;
	vertical-align: bottom;
	background-color: #003D71;
}

#loginbuttonpost{
	margin-top:20px;
}

.file-icon {
  	height: 100px;
	font-size: 3rem;
    color: #013d70;
}

.block_center{
	text-align:center;
	display:block
}


/* Modal */

.modal{
  /*  overflow-y:scroll!important;
    position: absolute!important;
    top:95px!important;*/
}


.modal_body_text{
font-size:13px;    
}

.va_custom_modal .modal-header{
	border-bottom: 1px solid #1b68ae!important;
	margin-bottom: 6px;
}
  
.va_custom_modal .modal-body{
 min-height: 400px;
    padding: 14px 15px 15px 14px; /* this is to fix border issue, it can't be padding:15px */
}

.va_custom_modal .modal-body ul{
	margin-top: 30px;
}

.va_custom_modal .modal-body p{
	font-size:14px;
}

.va_custom_modal .modal-footer{
	border-top: 1px solid #1b68ae!important;
}

#custommodal_calc_data .va_custom_modal .modal-body ul#pillsTab {
    margin-top: 10px;
    margin-bottom:0px;
}

#terms_modal .modal-content, #errorModalYellow .modal-content, #standard_items_modal .modal-content {
    background-color:#ffffeb;
}


/* Buttons */
.btn.va_button{
	border-color: #490a9e;
    background-color: #6f519e;
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-radius: 0;
}

.btn-grey {
       background-color: #8a8989!important;
    color: #FFF!important;
    border: 1px #6f6e6e solid;
}

/* Block Quote */
blockquote{
    font-size: 13px;
    border-left: 5px solid #f89536;
    line-height: 20px;
    padding-left:10px;
}

blockquote.blockquoteblue{
	border-left: 5px solid #1869ae;
}

/* Dashboard Photo */
#dashboardMainPhoto{
	width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: auto;
}


/*Media Queries*/

/* iPhone */
@media (max-width: 991px) {

	.badge {
		padding: 3px 5px;
		font-size: 9px;
		font-weight:normal;
	}
	
	.menubadge {
		margin: 3px 2px 0 0;
	}
	
}

/* iPad */
@media (min-width: 992px) and (max-width: 1199px) {
	
	
	.badge {
		padding: 1px 4px 2px 4px;
		font-size: 9px;
		font-weight:normal;
	}
	
	.menubadge {
		margin: 3px 2px 0 0;
	}
	
}

/* Laptop and High Res Screens*/
@media (min-width: 1200px) {

	
}

.accordion-button::after {
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    margin-left: auto;
    content: "";
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-size: 1rem;
    transition: transform 0.2s ease-in-out;
}

/*Panels */

.panel{
	/*border:none;*/	
}

.panel-heading {
	background: #003D71;
  	border-radius: 5px 5px 0 0;
  	border-bottom: 1px solid #003D71;
  	 padding: 8px 8px 8px 8px;
  	position: relative;
}

/* Icon */
.panel-heading i {
 	font-size: 1.4rem;
	color: #ECEDF0;
  	vertical-align: middle;
	 padding-left: 0px;
    padding-top: 2px;
}

.panel-heading i.fa-folder{
	 padding-left: 10px;
}

.panel-title {
    color: #FFFFFF;
  	font-size: 15px;
  	font-weight: 400;
  	line-height: 16px;
  	padding: 0 0 0 5px;
  	text-transform: none;
}

.panel-subtitle {
	color: #808697;
	font-size: 12px;
	line-height: 1.2em;
	margin: 7px 0 0;
	padding: 0;
}

.panel-body {
	background: #fdfdfd;
  	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  	/* border-radius: 5px; */
  	border: 1px #003D71 solid;
}

.panelexpired{
	/*background-color:#BD1B17;
	color:#FFF; */
	
}

.panelMain{
	border-top: 3px solid #FFF;	
}

.panelMainPrimary{
	border-color: #1969AE;	
}

.panelMainPrimary .panel-title {
  color: #003D71;
}


/* Wrapper for page content to push down footer */
#wrap {
	
  	/*height: auto !important;*/
	 /*height: 100%;*/
	 min-height: 100%;
	position:relative;
}


@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}


/*Badges*/

.redbadge, .greenbadge, .amberbadge{
	margin-left:10px;
	border-radius:0;
	font-weight:normal;
}

.redbadge{
	color: #ffffff;
	background-color:#d9534f; /*Danger Red*/
}

.greenbadge{
	color: #ffffff;
	background-color:#5cb85c; /*Success Green*/
}

.amberbadge{
	color: #ffffff;
	background-color:#f0ad4e; /*Warning Amber*/
}

.menubadge{
	margin-right:5px; 
}
  
.regbadge{
	padding: 6px 12px;
	font-size: 15px;
	margin-right: 10px;
	background-color: #428bca;	/*Blue*/
}
  
.squarebadge{
	border-radius:0;	
	
}
 
.bluebadge{
	background-color:#1969AE;	
}
 
 /* Wells */
 
.well{
	padding-bottom:5px;
}

.wellReg{
	margin-bottom:30px;
}

/*Breadcrumb*/

.breadcrumb{
	background-color:#ADB6B5; /*Silver*/
	margin:0;
	border-radius: 0;
	height:35px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0 0 25px;
	font-size:13px;
}

.breadcrumb > li + li:before {
  color: #428bca ;
}

.breadcrumb > .active {
  color: #FFF; 
}

.breadcrumb > li a{
	color: #428bca;
}

.breadcrumbrow{
	margin: 0;
}

/*Tabs*/
.tab-content{
	margin-top:10px;	
}

/* Form - Input Search */
.input-group-icon, .input-search {
  width: 100%;
  table-layout: fixed;
}

.input-search input.form-control:first-child, .input-search input.form-control:last-child {
  border-radius: 5px;
}

.input-search input.form-control {
  font-size: 12px;
  font-size: 1.2rem;
  padding-right: 36px;
}


/* Bootstrap custom - this is to make sure x appears*/
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance:searchfield-cancel-button;
}


/* Screens to require buttons as menu items */
.btn-selected{
	color:	#006;	
}

.btn-selected:hover{
	color:	#006;	
}

.btn-row{
	padding-top:15px;	
}
.btn-row.showPage{
	padding-left:20px;	
}

/* Alerts */
.alert-success-noborder {
	border-color: #d6e9c6;
}

#staticAlertUser p{
    font-size:1.1em;
}

#staticAlertUser i{
    font-size:1.5em;
}