/*-----------------------------------------------------------------------
 General Page Styles
-----------------------------------------------------------------------*/

.persistent-message {
	min-height: 30px;
	width: 100%;
	background-color: #ff0000;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 25px;
}
.persistent-message .btn {
	position: relative;
	top: -2px;
	left: 15px;
}

/*annoying flex bug in chrome where text box displays at the bottom of the page. hide it */
#safari_rememberDiv {display:none;}

.align-center, span.center, th.center, td.center { text-align: center; }
	td.justify, div.justify, span.justify { text-align:justify; }
	.align-right { text-align:right; }
	.left, .align-left { text-align:left; }
	.top { vertical-align:top; }

html {
	height:100%;
}

body {
  margin: 0px;
  font-size: 14px;
  color:#555;
  background: #fdfefe;
  min-height: 100%;
}

p {
 /*margin: 0px; ckeditor wants to add p tags on everything, mimimize the damage*/
  /* fix margins for jqueryUI alert
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;*/
}


/*==================================
		General Alignment
==================================*/
.autowidth { width: auto; } /* used to correct the widths on some select drop downs */

.FullHeight, .fullheight { height:100%; }
.FullWidth, .fullwidth { width:100%; }
.HalfWidth { width:50%; }
.top { vertical-align:top; }
.align-top { vertical-align:top; }
.align-center, span.center, th.center, td.center { text-align: center; }
	td.justify, div.justify, span.justify { text-align:justify; }
	.align-right { text-align:right; }
	.left, .align-left { text-align:left; }
	.top { vertical-align:top; }

.middle, .align-middle { vertical-align:middle; }
	span.big { font-family:verdana,arial,helvetica; font-size:20px; color:#353535; font-weight:bold; }
	.med { font-family:verdana,arial,helvetica; font-size:14px; }

/* create a class so that we can center a div*/
.center-div { display:table; margin: auto; }

/* fix the project notes textarea size */
textarea {
	width: auto;
}

/*==================================
		General Page Styles
==================================*/
/*-----------------------------------------------------------------------
Page Structure
-----------------------------------------------------------------------*/
#PageContainer { height:100%; width:100%; text-align:center; display:table; }
#OuterContainer{ height:100%; width:100%; margin:0 auto; display:table; }
.InnerContainer{ margin:0 auto; background:#ffffff; height:100%; width:100%; }

/*============== Header Styles =============*/
#headerPortalSelect { width: 220px; }
.headerInputRow { margin-bottom: 5px; margin-right:0px; }
#form-group-headerPortalSelect { margin-right:0px; }
#header-logo { width: inherit; }/* fix an issue with bootstrap responsive images in IE growing WAY too large */
.headerInputRow > div > button {width:190px;} /*make the sign up and sign in buttons the same size*/


/*#headerContainer { padding-top: 20px; padding-bottom: 20px; }
#header { background-color: #ffffff; min-height: 80px; }*/
#header-info { padding-top: 10px; }
#header-right-container { text-align: right; }
#headerContainer { padding-top: 10px; padding-bottom: 10px;}

#mainContainer { padding-top: 10px; padding-bottom: 50px;}



/*-----------------------------------------------------------------------
Images
-----------------------------------------------------------------------*/
img.CornerTop { width:30px; height:27px; }
img.CornerBottom { width:30px; height:30px; }
img.company-image {max-height:200px; max-width: 250px;}
img.img-issue { } /* this is here for future use just in case we need to apply some styles to existing images that are attached to an issue */

/* this fixes a responsive image issue that occurs in IE when a large image is attached to an issue */
/* jcoleman but causes an issue in chrome
.img-responsive{max-width:600px;} */

/*-----------------------------------------------------------------------
Tables
-----------------------------------------------------------------------*/
/*========= table padding too big, make smaller ==============*/
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
	padding: 5px;
}

.table-no-border>thead>tr>th,
.table-no-border>tbody>tr>th,
.table-no-border>tfoot>tr>th,
.table-no-border>thead>tr>td,
.table-no-border>tbody>tr>td,
.table-no-border>tfoot>tr>td {
  border-top: none;
}
.table-border {
	border: 1px solid #555;
}
.table-border-all>thead>tr>th,
.table-border-all>tbody>tr>th,
.table-border-all>tfoot>tr>th,
.table-border-all>thead>tr>td,
.table-border-all>tbody>tr>td,
.table-border-all>tfoot>tr>td {
  border-collapse: collapse;
  border: 1px solid #555;
}

.border-black, .border-black td, .border-black th{
   border-color: black !important;
}

.table-supercondensed>thead>tr>th, .table-supercondensed>tbody>tr>th, .table-supercondensed>tfoot>tr>th, .table-supercondensed>thead>tr>td, .table-supercondensed>tbody>tr>td, .table-supercondensed>tfoot>tr>td{
    padding: 3px;
}

table, tr, td { vertical-align:top; }
table.center { margin-left: auto; margin-right: auto; }
th { font-weight: bold; text-align: left; }
td.big { font-family:verdana,arial,helvetica; font-size:20px; color:#353535; font-weight:bold; }


/*  these are the title bars that display on the top of almost every page */
.page-title {
	margin: 20px 0px 20px 0px;
	font-size: 14px;
	font-weight : bold;
	padding:5px 15px !important;
	line-height: 20px;
	-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
	background: #428bca;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

/* Added to change when changing divs to h1 for ADA. Bootstrap h1.small was changing the color and size of small fonts. */
.page-title .small {
	color:#fff;
	font-size : 85%;
}

.page-description {
	padding: 0px 20px 20px 20px;
	text-align: center;
}

/*----------------------------------------------------------------------*
sections
----------------------------------------------------------------------*/
.section, .Section, .section2, .Section2, .section3, .Section3, .section4, .Section4, .section5, .Section5 {
background-color:#07324e;
	color : white;
	font-weight : bold;
	padding:5px 15px;
}
/* make sure that select options don't inherit the white font */
.section select, .Section select, .section2 select, .Section2 select, .section3 select, .Section3 select, .section4 select, .Section4 select, .section5 select, .Section5 select {
	color : #555;
}

div.section, div.Section, div.section2, div.Section2, div.section3, div.Section3, div.section4, div.Section4, div.section5, div.Section5 {
	-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
}

/* dont add borders to the tables because they get weird */
div.section, div.Section {
	/*border: 1px solid #ffffff;*/
	margin-top: 1px;
}

.section, .Section {
	background-color:#555;
	color : white;
}

.section2, .Section2 {
	background-color:#a4a4a4;
	color : white;
}

/* dont add borders to the tables because they get weird */
div.section2, div.Section2 {
	border: 1px solid #888;
}

.section3, .Section3 {
	background-color:#c4c4c4;
}
/* dont add borders to the tables because they get weird */
div.section3, div.Section3 {
	border: 1px solid #A4A4A4;
}

.section4, .Section4 {
	background-color:#d9d9d9;
	color : #555;
}
/* dont add borders to the tables because they get weird */
div.section4, div.Section4 {
	border: 1px solid #c4c4c4;
}

.section5, .Section5 {
	background-color:#eeeeee;
	color : #555;
}
/* dont add borders to the tables because they get weird */
div.section5, div.Section5 {
	border: 1px solid #d9d9d9;
}

.section-header { margin: 10px 0px 20px 0px; }

/* sections for comment letter formatting */
.commentSection {background-color:#555; font-size:16px; color:white; font-weight:bold; vertical-align:top; padding: 3px 3px 3px 15px;}
.commentSection2 {background-color:#a4a4a4; font-size:16px; color:white; font-weight:bold; vertical-align:top; padding: 3px 3px 3px 15px;}
.commentSection3 {background-color:#c4c4c4; font-size:16px; color:white; font-weight:bold; vertical-align:top; padding: 3px 3px 3px 15px;}




.expand-content { padding-left: 8px; padding-right: 8px;}
.pad-content {padding-top: 8px; padding-bottom: 8px;}

/*----------------------------------------------------------------------
block
----------------------------------------------------------------------*/
.block {}
.block-title {
	margin: 10px 0px;

	font-size: 16px;
	font-weight: bold;
	width: 100%;
	border-bottom: 2px solid;
}
.block-content {}


/*----------------------------------------------------------------------
Styles for standard reports
----------------------------------------------------------------------
.report-container-default {
	margin: 5px 0px;
}
.report-header-default {
	color: #3E6288;
	border: 1px solid #7798BB;
	background-color: #C6DDF1;
	font-weight: bold;
	font-size: 15px;
	padding: 3px 15px;
}

.report-body-default {
	padding: 15px;
}
*/

/* .report-separator-default {
	color: #3E6288;
	border: 1px solid #7798BB;
	background-color: #C6DDF1;
	font-weight: bold;
	font-size: 15px;
	padding: 3px 15px;
	margin: 15px -10px 10px -10px;
} */

/*
.report-separator-default {
	color: #3E6288;
    border: 1px solid #7798BB;
    background-color: #C6DDF1;
	font-weight : bold;
	padding:5px 15px;
	margin-top: 15px;
	margin-bottom: 10px;
}

*/


.report-separator-default {
	color: #3E6288;
    border: 1px solid #7798BB;
    background-color: #C6DDF1;
	font-weight : bold;
	padding:3px 12px;
	margin-top: 15px;
	margin-bottom: 15px;
}



.report-data-cell {
	padding: 2px 0px 2px 10px;
	width: 50%;
}

.report-label-default {
	font-weight: bold;
}

/*up the default font size to 16px aka 12pt font*/
.idtpdf {font-size: 16px;}

/*----------------------------------------------------------------------
alternating row colors
----------------------------------------------------------------------*/
.altrow1 { background:#ffffff; }
.altrow2 { background:#f1f1f1; }


/*----------------------------------------------------------------------
Grid Layout
----------------------------------------------------------------------*/
.GridHeader { font-weight: bold; }
.GridLabel { font-weight: bold; text-align:right; }
.GridData { text-align:left; }

a.GridHeader:link, a.GridHeader:visited, a.GridHeader:active { font-family:arial,helvetica,verdana; text-decoration:none; font-size:12px; color:#07324e; font-weight:bold; }
a.GridHeader:hover { font-family:arial,helvetica,verdana; text-decoration:underline; font-size:12px; color:#07324e; font-weight:bold; }

a.Header:link, a.Header:visited, a.Header:active { font-family:arial,helvetica,verdana; color:#353535; font-size:11px; text-decoration:none; }
a.Header:hover { color:red; text-decoration:underline; }

a.Section:link, a.Section:visited, a.Section:active { font-family:arial,helvetica,verdana; color:white; font-size:11px; text-decoration:none; font-weight: bold; text-align:right;}
a.Section:hover { color:white; text-decoration:underline; }

a.Section2:link, a.Section2:visited, a.Section2:active { font-family:arial,helvetica,verdana; color:white; font-size:11px; text-decoration:none; font-weight: bold; text-align:right;}
a.Section2:hover { color:white; text-decoration:underline; }

a.gray:link, a.gray:visited, a.gray:active { color:gray; text-decoration:none;}
a.gray:hover { color:gray; text-decoration:underline; }

a.orange:link, a.orange:visited, a.orange:active { color:orange; text-decoration:underline;}
a.orange:hover { color:orange; text-decoration:underline; }

a.green:link, a.green:visited, a.green:active { color:green; text-decoration:underline;}
a.green:hover { color:green; text-decoration:underline; }

a.red:link, a.red:visited, a.red:active { color:red; text-decoration:underline;}
a.red:hover { color:red; text-decoration:underline; }


/*----------------------------------------------------------------------
Project Actions Layout
----------------------------------------------------------------------
a.ProjectAction:link, a.ProjectAction:visited, a.ProjectAction:active { font-family:arial,helvetica,verdana; color:#353535; font-size:11px; text-decoration:none; font-weight: bold; text-align:right;}
a.ProjectAction:hover { color:#353535; text-decoration:underline; }
td.ProjectAction { background:#d9d9d9; }
.ProjectActionTL { height:15px; width:15px; background:url(images/ltgrey-tl.png); }
.ProjectActionTR { height:15px; width:15px; background:url(images/ltgrey-tr.png); }
.ProjectActionBR { height:15px; width:15px; background:url(images/ltgrey-br.png); }
.ProjectActionBL { height:15px; width:15px; background:url(images/ltgrey-bl.png); }*/



/*-----------------------------------------------------------------------
Boxed
-----------------------------------------------------------------------*/
.BoxedTable { height:100%; }
.BoxedTL { width:30px; height:27px; }
.BoxedT { height:27px; background:url(images/boxed-t.png) repeat-x top left; }
.BoxedTR { width:30px; height:27px; }
.BoxedL { width:18px; background:url(images/boxed-l.png) repeat-y top left; }
.BoxedL2 { width:12px;  background:#ffffff; }
.BoxedM { background:#ffffff; width:100%; }
.BoxedR { width:30px; background:url(images/boxed-r.png) repeat-y top right; }
.BoxedBL { width:30px; height:30px; vertical-align:top; }
.BoxedB { height:30px; background:url(images/boxed-b.png) repeat-x top left; }
.BoxedBR { width:30px; height:30px; vertical-align:top; }

/*-----------------------------------------------------------------------
logo
-----------------------------------------------------------------------*/
a.LogoLink:link, a.LoginToken:visited, a.LogoLink:active {  font-family:verdana,arial,helvetica; font-size:20px; color:#07324e; font-weight:bold; text-decoration:none; height:12px; padding:0 0 0 18px; margin:0; }
a.LogoLink:hover {  font-family:verdana,arial,helvetica; font-size:20px; color:#529bd9; font-weight:bold; text-decoration:none; height:12px; padding:0 0 0 18px; margin:0; }

/*-----------------------------------------------------------------------
Login
-----------------------------------------------------------------------*/
.LoginToken, a.LoginToken:link, a.LoginToken:visited, a.LoginToken:active { color:#ffffff; font-size:11px; font-weight:normal; text-decoration:none; height:12px; padding:0 0 0 18px; margin:0; }
a.LoginToken:hover { color:#ffffff; font-weight:normal; font-size:11px; text-decoration:none; }

/*-----------------------------------------------------------------------
Copyright, privacy, terms
-----------------------------------------------------------------------*/
.footer { color:#ffffff;  margin-top: 30px; border-top: 1px solid #D4D4D4;}
.footer>div { background: #f5f5f5; width: 100%; } /* this expands the footer so that it dislplays properly when in xs mode */
a.footer:link, a.Footer:visited, a.Footer:active { color:white;text-decoration:none;}
a.footer:hover { color:white; text-decoration:underline; }
.footerHeadings {color: #999;  margin: 4px 0; font-weight:bold; text-align:center;}
.poweredByIDT {font-size: 10px; color: #CCC; padding-top: 5px;}
.poweredByIDT a {color: #999;}

/*-----------------------------------------------------------------------
Help Hint Box
-----------------------------------------------------------------------*/
#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}



/*-----------------------------------------------------------------------
Loading overlay utility (displays a loading gif)
-----------------------------------------------------------------------*/
.loadingOverlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.loading {
    width: 50px;
    height: 57px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -25px;
	z-index: 100001;
}


.issueWaitingForReply {
	color: Red;
	font-weight: bold;
}

.message {
 	/*font-weight: bold;*/
 	color: Red;
	text-align:center;
 }

/* viewer toolbar styles */
.toolbar { color: white; font-weight: bold; }


td.form	{text-align:right;}

.formreq, .required {
 	font-weight: bold;
	text-align:right;
 }

.formreqleft {
 	font-weight: bold;
	text-align:left;
 }

.forminc {
 	font-weight: bold;
 	color: Red;
	text-align:right;
 }

.formincleft {
 	font-weight: bold;
 	color: Red;
	text-align:left;
 }

.bold {
	font-weight: bold;
}

.underline {
	text-decoration:underline;
}


td.warn {
	font-size: 8pt;
	color: orange;
	font-weight : bold;
}

td.late {
	font-size: 8pt;
	color: red;
	font-weight : bold;
}

div.comment {
	margin-left: 12px ;
  	margin-right: auto ;
	width: 98%;
}

table.commentmeta {
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	padding: 3px;
	width: 100%;
	margin-bottom: 0px;
}

td.comment {
	font-size: 8pt;
	color: 102C73;
	border-bottom: 1px solid #CCCCCC;
}

.comment-info {
	text-align: center;
	font-size: 12px;
	width: 150px;
}

a.link-intable {
	color: #033B8E !important;
}

.red {
	color: #E60000 !important;
}

.green {
	color: #42773D !important;
}

.yellow {
	color: #D2AD2D !important;
}

.orange {
	color: #C54800 !important;
}

.blue {
	color: blue;
}

.gray {
	color: gray;
}

.conditional {
	color: #C54800 !important;
}

.partial {
	color: #166CB7 !important;
}

.warning {
	color: #D2AD2D !important;
}

.danger {
	color: #802E2E !important;
}

.success {
	color: #42773D !important;
}

.default {
	color: #777 !important;
}

span.permissiontemplate {
	writing-mode: tb-rl;
	filter: flipV() flipH();
	text-align: left;
	cursor: pointer;
	text-decoration: underline;
	font-size: 10px;
	color: #c00000;
}

td.permissiondesc {
	text-align: left;
	cursor: pointer;
	text-decoration: underline;
	font-size: 8pt;
	color: #353535;
}

th.vertical {
	display: table-cell;
	vertical-align:bottom;
	width: 25px;
}

span.vertical {
	-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
	white-space:nowrap;
	display:block;
	bottom:0;
	cursor: pointer;
	text-decoration: underline;
	color: #c00000;
	width: 25px;
	border:2px;
}

div.boxed {
	border-style:solid;
 	border-width:1px;
	border-color:#cccccc;
	background:#eeeeee;
	padding:5px;
	text-align:left;

}


a.issueLink:link, a.issueLink:visited, a.issueLink:active {
  color: blue;
}

.attachment-list img {
	padding: 3px;
}

.idtHero-caption {
    right: 10%;
    left: 10%;
    text-shadow: 4px 4px 4px rgba(0,0,0,.7);
    z-index: 10;
    padding-top: 40px;
    padding-bottom: 40px;
    color: #fff;
    text-align: center;
}

.idtHero-background-lt {
    background: hsla(0, 0%, 0%, 0.3);
}

.idtHero-background-md {
    background: hsla(0, 0%, 0%, 0.4);
}

.idtHero-background-dk {
    background: hsla(0, 0%, 0%, 0.5);
}

.idtHero-caption > H3 {
	font-size: 5vw;
	color: white;
    font-family: OstrichSansBlack,Helvetica,Arial,sans-serif;
    margin-bottom: 0px;
    font-weight: bold;
}

.idtHero-caption > H4 {
	font-size: 2.7vw;
}

.idt-container {
	min-height: 100px;
	margin: 0px 0px 20px 0px;
	font-size: 12px;
	padding: 10px 15px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-khtml-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-khtml-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-khtml-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #FAFAFA;
	background-image: -moz-linear-gradient(top, white, #F2F2F2);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#F2F2F2));
	background-image: -webkit-linear-gradient(top, white, #F2F2F2);
	background-image: -o-linear-gradient(top, white, #F2F2F2);
	background-image: linear-gradient(to bottom, white, #F2F2F2);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
	border: 1px solid #D4D4D4;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
	color: #555;
}

/*----------------------------------------------------------------------
Lists
----------------------------------------------------------------------*/
ul.addlist {
	margin: 10px 00px;
	list-style: none;
	text-align: left;
}

ul.addlist li {
	padding-left: 20px;
	text-align: left;
	background-image: url(/secure/images/icons/pricing_plus.png);
	background-repeat: no-repeat;
	background-position: 0 .4em;
}


ul.checklist {
	margin: 10px 00px;
	list-style: none;
	text-align: left;
	padding:0px;
}

/*default to a green check, but allow additional classes below to change to nothing or a cross*/
ul.checklist li {
	margin: 5px 0px;
	padding-left: 20px;
	text-align: left;
	background-image: url(/secure/images/icons/tick.png);
	background-repeat: no-repeat;
}

ul.checklist li.unchecked {
	background-image: ;
}
ul.checklist li.cross {
	background-image: url(/secure/images/icons/cross.png);
}


/*----------------------------------------------------------------------
Pricing
----------------------------------------------------------------------*/
.pricing{
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	/*margin-top: 80px;*/
	padding: 0;
	/*background: #333;*/
	min-height: 100px;
	text-align: center;
}
.pricing > .container {
	display: table;
	width: 232px;
	height: 1500px;
	margin: 0;
	/*margin: 0px 0px 20px 0px;*/
	float: left;
	font-size: 12px;
	/*padding: 5px 15px;*/
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-khtml-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-khtml-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-khtml-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;


	background-color: #FAFAFA;
	background-image: -moz-linear-gradient(top, white, #F2F2F2);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#F2F2F2));
	background-image: -webkit-linear-gradient(top, white, #F2F2F2);
	background-image: -o-linear-gradient(top, white, #F2F2F2);
	background-image: linear-gradient(to bottom, white, #F2F2F2);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);

	border: 1px solid #D4D4D4;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
	color: #555;
}
.pricing > .container > .header {
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-khtml-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-top-right-radius: 5px;
	border-top-right-radius: 5px;

	color: #fff;
	font-size: 20px;
	text-align: center;
	padding: 10px;
	background: #428bca;
	font-weight: bold;
}
.pricing > .container > .content{
	padding: 10px;
}
.pricing > .container {
	padding:0px;
}
.pricing > .popular > .header {
	background: #FBB450;
}
.pricing > .container > .content > H1 {
	text-align: center;
	font-weight: bold;
	font-size: 24px;
}
.pricing > .container > .content > H2 {
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	margin-top: 10px;
	padding: 0;
	line-height: 17px;
	border-bottom: solid 2px #555;
}

.pricing-rate {
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	margin: 10px 5px 5px 5px;
	height: 30px;
	line-height: 10px;
}

.pricing-description {
	height: 130px;
}

.popular-icon {
	position: absolute;
	margin-left: 50px;
	margin-top: -50px;
	z-index: 1;
}

.pricing-button {

	height:40px;
}

.pricing > .container > .content > .view {
	height: 330px;
}
.pricing > .container > .content > .post {
	height: 610px;
}

.pricing > .container > .content > .support {
	height: 90px;
}

.rounded {
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-khtml-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-khtml-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-khtml-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

/*----------------------------------------------------------------------
Progress Bar
----------------------------------------------------------------------*/

.progress_highlight_l { line-height: 12px; background-image:url('/secure/images/progress_bar/yellow_l.png'); background-repeat:no-repeat; margin:0 0 0 0; height:35px; width:4px; align:right; }
.progress_highlight_m { line-height: 12px; background-image:url('/secure/images/progress_bar/yellow_m.png'); background-repeat:repeat-x; margin:0 0 0 0; text-align:center; vertical-align:middle; font-weight:bold; }
.progress_highlight_r { line-height: 12px; background-image:url('/secure/images/progress_bar/yellow_r.png'); background-repeat:no-repeat; margin:0 0 0 0;  height:35px; width:4px; align:left; }

.progress_fail_l { line-height: 12px; background-image:url('/secure/images/progress_bar/red_l.png'); background-repeat:no-repeat; margin:0 0 0 0;  height:35px; width:4px; align:right; }
.progress_fail_m { line-height: 12px; background-image:url('/secure/images/progress_bar/red_m.png'); background-repeat:repeat-x; margin:0 0 0 0; text-align:center; vertical-align:middle; font-weight:bold; }
.progress_fail_r { line-height: 12px; background-image:url('/secure/images/progress_bar/red_r.png'); background-repeat:no-repeat; margin:0 0 0 0;  height:35px; width:4px; align:left; }

.progress_pass_l { line-height: 12px; background-image:url('/secure/images/progress_bar/ltblue_l.png'); background-repeat:no-repeat; margin:0 0 0 0;  height:35px; width:4px; align:right; }
.progress_pass_m { line-height: 12px; background-image:url('/secure/images/progress_bar/ltblue_m.png'); background-repeat:repeat-x; margin:0 0 0 0; text-align:center; vertical-align:middle; font-weight:bold; }
.progress_pass_r { line-height: 12px; background-image:url('/secure/images/progress_bar/ltblue_r.png'); background-repeat:no-repeat; margin:0 0 0 0;  height:35px; width:4px; align:left; }

.progress_null_l { line-height: 12px; background-image:url('/secure/images/progress_bar/grey_l.png'); background-repeat:no-repeat; margin:0 0 0 0;  height:35px; width:4px; align:right; }
.progress_null_m { line-height: 12px; background-image:url('/secure/images/progress_bar/grey_m.png'); background-repeat:repeat-x; margin:0 0 0 0; text-align:center; vertical-align:middle; font-weight:bold; }
.progress_null_r { line-height: 12px; background-image:url('/secure/images/progress_bar/grey_r.png'); background-repeat:no-repeat; margin:0 0 0 0;  height:35px; width:4px; align:left; }


/*-----------------------------------------------------------------------*/
/* fixes a CFWindow flicker issue						 */
/*-----------------------------------------------------------------------*/
.yuiextdlg {
    position:absolute;
   left:-1000px;
}


/*-----------------------------------------------------------------------*/
/* jquery									 */
/*-----------------------------------------------------------------------*/

table {
	font-size: 1em;
}

/* Site
   -------------------------------- */

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

/* css for datepicker (allowing multiple date selections) /*
/* begin: jQuery UI Datepicker moving pixels fix */
	table.ui-datepicker-calendar {border-collapse: separate;}
	.ui-datepicker-calendar td {border: 1px solid transparent;}
/* end: jQuery UI Datepicker moving pixels fix */
/* begin: jQuery UI Datepicker emphasis on selected dates */
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
	background: #743620 none; /* a color that fits the widget theme */
	color: white; /* a color that is readeable with the color above */
}
/* end: jQuery UI Datepicker emphasis on selected dates */

/* custom css to next expand/contract elements */
.nest { width:95%; margin: auto; }







/*=============================================
		CKEditor Modifications
=============================================*/
#adsBlock > div { -webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box; }/* this fixes a bootstrap conflict with the spellchecker advertisement formatting */

/* bootstrap takes out the padding for BODY, add it back in */
.cke_editable_themed {
	margin: 20px;
}


/*=============================================
		Bootstrap Modifications
=============================================*/
/*modify tabs to look like tabs */
.tab-content {
	position: relative;
	padding: 15px;
	min-height: 50px;
}
.tab-content-bordered {
	position: relative;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #ddd;
	padding:15px;
	display: none;
}
.nav-tabs>li>a{
    background-color: #f8f8f8;
    border: 1px solid #ddd;
}

.glyphicon-remove {
	color: #EA3131; /*red*/
}
.bs-checkbox {
	top: 6px;
}

/* bootstrap is printing link url's, prevent this functionality */
@media print {
	a[href]:after {
		content: none !important;
	}
	h1.page-title {
		font-size: 14px !important;
		margin-left: 10px;
	}
}

/* fix conflicts between lucee's dump and bootstrap */
.-lucee-dump .label {
	display: table-cell;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	line-height: normal;
	border-radius: 0px;
	white-space: normal;
}


.BSOLD-form-control, .BSOLD-input-group .form-control {width: auto;}/* try to prevent form fields from width 100% */
.BSOLD-input-group-addon {width: inherit;}/* try to prevent form fields from width 100% */
/* BSOLD-  added This fixes the padding on text inputs with append and or prepend */
.input-group[class*=col-] {
 padding-right: 15px;
 padding-left: 15px;
}

input[type=checkbox] {
    position: relative;
    top: 2px;
    margin-right: 5px;
}



/* make sure that popovers stay unbolded even if parent div has class of required */
.popover-content {
font-weight: normal;
}
.popover-title {
font-weight: bold;
}
/* The max width is dependant on the container (more info below) */
.popover{
    max-width: 60%; /* Max Width of the popover (depending on the container!) */
}

/* modal customization */
.modal {
	/*clears any formatting by parent elements (section) */
	color:#555;
	font-weight: normal;
}
.modal-dialog {z-index: 1051 !important}
.modal-content {background-color: #F9F9F9;}
.modal-footer {padding: 8px; background-color: #E6E6E6;}
.modal-header {
padding: 7px 12px;
color: #fff;
background-color: #428bca;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-khtml-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-khtml-border-top-right-radius: 5px;
border-top-right-radius: 5px;
}
.modal-body {max-height: 495px; overflow-y: auto;}
/*.modal-table {padding: 0px 0px;}*/
.modal-header>.close {
color: #fff;
text-shadow: 0 1px 0 #fff;
opacity: .95;
}

/*************** global nav modifications ***************/
.navbar {
/* remove navbar margin so that we can put a slideshow up tight against it */
	margin-bottom: 0px;
/* remove rounded corners from navbar */
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	min-height: 20px;
	/*z-index: 1030;  fixes an issue where non-fixed nav on xs screen size hides behind content | commented out because user drop down goes behind...*/
}

.nav>li>a {
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 10px;
	padding-right: 10px;
}


/* control the look of the submenu drop down */
.navbar-nav>li>ul, .navbar-nav .open .dropdown-menu {
	background-color: #eee;

}


/* buttons on the left side of the navbar need a margin */
.navbar-collapse{
 margin-left: 15px;
 /*padding-left: 0px;*/
}

.dropdown-menu {
	/*font-size: 12px;*/
}

.navbar-left {
 margin-left: 15px
}
.nav-table {
 width: 100%;
}
.nav-table>tbody>tr>td {
 min-width: 130px;
}
.nav-submenu{}
.nav-submenu-header{
	font-weight: bold;
	/*font-size: 12px;*/
	padding: 6px 8px;
}
.nav-submenu-item{
	text-decoration: none;
}
.nav-submenu-item:hover{
	text-decoration: none;
	color: black;
}
.nav-submenu-item>a{
	/* round the corners */
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-khtml-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-khtml-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-khtml-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.nav-submenu {
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
}


.nav-submenu>li>a {
	padding: 2px 8px;
	position: relative;
	display: block;
	color: #444;
}
.nav-submenu>li>a:hover, .dropdown-menu>li>a:hover {
	color: #00AEEF;
}











/*======== add in classes for button drop down forms ======*/
.dropdown-table-inline {
 border-spacing: 10px;
 border-collapse: separate;
}


/*========= Pills ==========*/
.nav-pills > li > a {
color: white;
background-color: #A4A4A4;
padding: 5px 10px;
}
.nav-pills > li > a:hover {
color: white;
background-color: #428bca;
}
/* this spaces the pills vertically when they're forced to wrap so that they don't touch */
.nav-pills > li {
	margin-bottom: 10px;
}

/*========= Forms ==========*/
/*  a nice way to center a div and prevent it from stretching too wide */
BSOLD-div.form {
	max-width:750px;
	display:table;
	margin: auto;
}


/*jcoleman extra style to fix issues with form fields in modals */

.form-inline .form-group {
display: block;
}


/* prevent form fields from going outside of parent divs */
.form-horizontal .form-group {
 margin-left: 0px;
 margin-right: 0px;
}

/* don't allow form fields to get excessively large
jcoleman had to comment out, this is pushing input-group-addon append's way over to the right...
.input-sm {
max-width: 350px;
} */
/* take out messing up centered drop downs ex. project_advertising_data
.text-input-max-width, .select-input-max-width {
	max-width: 600px;
}*/

/* add a class to the progress bar so that we can have larger text inside of it */
.progress-large {height: inherit;}


/* pushes header portal select back into line */
#form-group-headerPortalSelect { margin-right: 0px; }

/* add a nice color header to modals
.modal-header{
background: #eee;
color: #fff;
}*/


/* change legend font size (bootstrap makes it very large and affects lucee debug output) */
legend { font-size: 10px; }

/* change the default button color from white to gray */
.btn-default {
color: #555;
background-color: #fafafa;
border-color: #c4c4c4;
}

/* add a class to properly align buttons as labels */
.btn-label {
  margin-top: -7px;
  min-width: 55px;
}

.btn-add-margin {
	margin: 5px;
}


/*-------------make checkbox labels smaller so that we don't click off to the right and uncheck/check something accidentially ----------------*/
label.checkbox { width: 23px; }

/* fix input type append */
.form-horizontal .input-append { display:block; }



/* fix an issue with input with appended/prepended info popping over top of the date calendar pop-up,
also fix an issue of 0 width input in IE when using an add-on class (bootstrap 3) */
.input-group .form-control {
z-index: 0;
/*BSOLD-   min-width:150px;*/
}


/***********************************************************
Bootstrap Form Fields

removed:

/* fix form fields when not in <form></form> */
.BSOLD-control-label {
float: left;
width: 140px;/*put this back in... need it for townofcary/secure/public-projects*/
padding-top: 4px;
text-align: right;
}



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



 .carousel-caption{
 	/* background: #333333; */
	background-color: rgba(0, 0, 0, 0.65);
	/* opacity: .8; */
	width: 100%;
	left: 0%;
	bottom: 0px;
	padding: 0px 10px 10px 10px;
 }


/* fix the select drop down height for input append/prepend
select, input[type="file"] { height: 26px; }*/
select { height: 26px; }



/* fix the left margin for input prepend */
.controls.input-prepend {
	display: block;
}

/* fix input prepend to match smaller form fields */
.input-append .add-on, .input-prepend .add-on {
padding: 2px 5px;
margin-left: 0px; /* was 10 changed to 0 to fix planroom registration alignment */
font-size: 12px;
}
/* make form labels a bit smaller */
label, input, button, select, textarea {
	/*font-size: 12px;
	line-height: 12px;*/
	font-weight: normal;
}

/* increase padding on alert box so we can safely add an icon on the left */
.alert { padding: 8px; }

/* make the alert border colors stand out more */
.alert-danger, .alert-danger { border-color: #B94A48; }
.alert { border: 1px solid #C09853; }
.alert-success { border-color: #468847; }
.alert-info { border-color: #3A87AD; }

/* fix old table form field margins so they aren't quite so close to labels
td > input, td > select, td > textarea { margin-left: 10px; }*/

/* reduce the default spacing between form labels and input fields */
.BSOLD-form-horizontal .controls { margin-left: 145px; }
.control-label { padding-right: 0px; } /*remove label padding on forms to push them closer to the input fields */
/*.form-horizontal .control-label { width: 245px; }*/

/* reduce the bottom margin on alert boxes */
.alert { margin-bottom: 10px; }

/* reduce the default spacing between rows of input fields */
.form-horizontal .form-group { margin-bottom: 8px; }

/* fix issue with slideshow background image being too small on homepage
img {max-width: 200%}*/

/*--- this is a fix for IE which does not support placeholders natively (works in combination with jquery & placeholder js ---*/
.placeholder { color: #aaa !important; }

/* don't display weird dotted outlines around form fields in IE */
* { outline: 0 !important; }

/* don't add margins to forms */
      form { margin: 0px; }



      /*--------------- make form fields smaller ------------------------
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	padding: 2px 2px;
	//font-size: 12px; was messing up the v-align of prepend & append
}*/

/* fix margins for form fields within header of the sortable jquery datatables */
.dataTables_length > label, .dataTables_length > label > select, .dataTables_filter > label, .dataTables_filter > label > input {
	margin-bottom: 0px;
}




.well { background-color: white; margin-bottom: 0px;}



/* Special grid styles */
.show-grid {
  margin-top: 10px;
  margin-bottom: 20px;
}
.show-grid [class*="span"] {
  background-color: #eee;
  text-align: center;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  min-height: 40px;
  line-height: 40px;
}
.show-grid:hover [class*="span"] {
  background: #ddd;
}
.show-grid .show-grid {
  margin-top: 0;
  margin-bottom: 0;
}
.show-grid .show-grid [class*="span"] {
  background-color: #ccc;
}




















/*=============================================
		jQueryUI Modifications
=============================================*/
/* styles for sortable lists */
#sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#sortable > li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
#sortable > li span { position: absolute; margin-left: -1.3em; }

#navSearchContainer {
	max-width: 300px;
}
.nav-icon {
	/*font-size: 14px;*/
}


/*-------------make jquery modal background darker ----------------*/
.ui-widget-overlay
{
  background: #111111 !important; /* This will make it darker */
  opacity: .5 !important;
}

/* jquery ui autocomplete */
.ui-autocomplete-loading { background: white url('/secure/images/ui-anim_basic_16x16.gif') right center no-repeat; }
.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	/* padding-right: 20px; jc removed idk why its here*/
	z-index: 100000;
}
/* IE 6 doesn't support max-height
	* we use height instead, but this forces the menu to always be this tall
	*/
* html .ui-autocomplete {
	height: 200px;
}

.ui-widget { font-size: .9em; }


/*==========================================
	  Data Table Modifications (datatables.net)
==========================================*/
/* label {color: white} this screws up the forms */
.dt-info {
	padding-top: 0 !important;
	color: #555 !important;
}
.dt-paging {
	float: right !important;
	margin-top: 5px !important;
}
.pagination {
	float: right !important;
	text-align: right !important;
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
	background-color: #e6e6e6 !important;
	border: 1px solid #c5c5c5 !important;
	color: #AAA !important;
	height: 22px;
	line-height: normal;
	vertical-align: middle;
	text-align: center;
	margin-right: -0.1em !important;
	padding: 2px 6px;
}

.pagination>li>a, .pagination>li>span {
	background-color: #e6e6e6 !important;
	border: 1px solid #c5c5c5 !important;
	color: #333 !important;
	height: 22px;
	padding: 2px;
	line-height: normal;
	vertical-align: middle;
	text-align: center;
	margin-right: -0.1em !important;
	padding: 2px 6px;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	background-color: #e6e6e6 !important;
	border: 1px solid #c5c5c5 !important;
	color: #AAA !important;
	height: 22px;
	padding: 2px;
	line-height: normal;
	vertical-align: middle;
	text-align: center;
	margin-right: -0.1em !important;
	padding: 2px 6px;
}


.css_right { float: right; }
#example_wrapper .fg-toolbar { font-size: 0.8em }
#theme_links span { float: left; padding: 2px 10px; }
/*tr.even td.sorting_1 {background-color: #F8F8F8 ;}
tr.even {background-color: #F8F8F8 ;}
tr.odd td.sorting_1 {background-color: white;}
tr.odd {background-color: white;} */
.dataTables_filter > input {margin-bottom: 0px;}
.table-striped-reverse>tbody>tr:nth-child(even)>td, .table-striped-reverse>tbody>tr:nth-child(even)>th {
background-color: #f9f9f9 !important;
}
/* sortable tables - default to full width if sortable is turned off */
.sortable { width:100%; }




/*
Custom CSS for...
'Modern Business' HTML Theme by Start Bootstrap

All Start Bootstrap themes are licensed under Apache 2.0.
For more info and more free Bootstrap 3 HTML themes, visit http://startbootstrap.com!
*/

/* Global Styles

html, body {
  height: 100%;
}*/

/*
body {
  padding-top: 50px;
}*/

.img-home-portfolio,
.img-customer,
.portfolio-item {
  margin-bottom: 30px;
}

/* not sure why this was here but messing up inspection checklist vertical tabs
.tab-pane {
  margin-top: 15px;
}*/

/* Page Sections */
.modern-section,
.section-colored {
  padding: 50px 0;
}

.section-colored {
  background-color: #e1e1e1;
 /* change this to change the background color of a colored section */
}

.sidebar {
  margin-top: 40px;
}

.sidebar ul {
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #cccccc;
}

/* Half Page Height Carousel Customization */
.carousel {
  height: 500px;
}

.carousel .item,
.carousel .active,
.carousel-inner {
  height: 100%;
}

.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

/* Social Icons Styles */
.list-social-icons {
  margin-bottom: 45px;
}

.tooltip-social a {
  text-decoration: none;
  color: inherit;
}

.facebook-link a:hover {
  color: #3b5998;
}

.linkedin-link a:hover {
  color: #007fb1;
}

.twitter-link a:hover {
  color: #39a9e0;
}

.google-plus-link a:hover {
  color: #d14836;
}

/* Service Page Styles */
.service-icon {
  font-size: 50px;
}

/* 404 Page Styles */
.error-404 {
  font-size: 8em;
}

/* Pricing Page Styles */
.price {
  font-size: 4em;
}

.price-cents {
  vertical-align: super;
  font-size: 50%;
}

.price-month {
  font-size: 35%;
  font-style: italic;
}

/* allows us to show the current file before the choose file/browse button if a file has already been uploaded */
input[type=file] {
	display: inline-block;
}

/* took out to fix bootstrap block quotes Footer Styles
footer {
  margin: 50px 0;
} */





/*==========================================
	  					WKHTMLTOPDF styles
==========================================*/
.pageBreak {page-break-before: always;}
.avoidPageBreak {page-break-inside: avoid;}







/*==========================================
	  		CMS styles
==========================================*/
#clientEditControls {
	position: fixed;
	z-index: 9999;
	cursor: pointer;
	right: 0px;
	margin-right: -4px;
}

.module-placeholder {
	background-color: #aaa;
	min-height: 100px;
	background-position: center;
	width: 100%;
	border: 3px solid #111;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	color: #fff;
	font-size: 22px;
	padding: 30px 20px;
	border-color: #666;
	line-height: 30px;
}

ul.gallery {
	list-style: none;
	margin: 0 0 10px 0;
}

ul.gallery li {
	display: block;
	float: left;
	 margin: 5px;
	overflow: hidden;
	border: 2px #000 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

ul.gallery a {
	display: block;
	line-height: 0;
	overflow: hidden;
}

ul.gallery img{
	height:150px;
}

.disabled {color:#c0c0c0;}

.gallery a {
	background: black;
	display: block;
	height: 150px;
	width: 150px;
}

.anncount {
	margin: 0 2px;
	cursor: default;
}

table.dataTable tbody td span.hideSortDate{
	display:none;
}

pre.wh-pre, pre.wh-pre-json-payload{
	border:0;
	background:#333;
	color:white;
	font-size:102%;
}

div.wh-acc-outer{
	padding:20px;
	background: #f9fbfc;
}

p.wh-text-desc, p.wh-text-payload{
	border-bottom: 1px solid #eaeaea;
	margin-bottom:10px;
	padding-bottom:5px;
	font-weight: bold;
}

p.wh-text-types,#webhook-form label{
	font-weight: bold;
}

#webhook-form #headers{
	margin-top:10px;
}

#webhook-form #evid{
	font-size:110%;
}

#webhook-form .shim5{
	height:5px;
}

#webhook-form .shim10{
	height:10px;
}

#webhook-form #container{
	padding:0px 10px 10px 10px;
}

#webhook-form span.input-group-addon t{
	 border-left: 0;
	 border-right: 0;
}

#webhook-form button.remove{
	border:0;
}

#webhook-form #hval{
	 max-width:100%;
}

#webhook-form .required{
	 color:#A94442;
	 font-size:125%;
}

.bold{
	font-weight: bold;
}

.italic{
	font-style: italic;
}

.redish{
	color:#A94442;
}

.api-req-method-get{
	background:#45a558;
	color:#FFF;
	padding:4px;
	border-radius: 3px;
	text-align:center;
	width: 75px;
}

.api-req-method-post{
	background:#cc9900;
	color:#FFF;
	padding:4px;
	border-radius: 3px;
	text-align:center;
	width: 75px;
}

.api-req-method-other{
	background:#EAEAEA;
	color:#333;
	padding:4px;
	border-radius: 3px;
	text-align:center;
	border:0px solid #333;
	width: 75px;
}

.api-instruct-txt{
	background:#f9f2f4;
	color:#cc3366;
	padding:2px;
}

p.api-docs-subheading{
	margin-top:20px;
	margin-bottom:20px;
	text-transform: capitalize;
	border-bottom:1px dotted silver;
	padding-bottom:5px;
	font-weight: bold;
}

.api-codeblock-red{
	background:#f9f2f4;
	color:#cc3366;
	padding:10px;
	border:1px solid #cc3366;
	font-size: 100%;
}

.api-res-container{
	background: #F5F5F5;
	border-radius:4px;
	padding:10px 20px;
	margin-bottom: 10px;
}

.cap{text-transform: capitalize}

.no-border-bottom{
	border-bottom: 0;
}

.api-upper{
	text-transform: uppercase;
	font-weight: bold;
}

.api-params-label{
	margin-top:20px;
	margin-bottom:10px;
	text-transform: capitalize;
	border-bottom:1px dotted silver;
	padding-bottom:5px;
}

.api-desc-txt{
	margin-bottom:20px;
	border-bottom:1px dotted silver;
	padding-bottom:5px;
}

.api-reqs-label{
	margin-top:20px;
	margin-bottom:5px;
	text-transform: capitalize;
	padding-bottom:5px;
	font-weight: bold;
	font-style: italic;
}

.fa-icon-plus{
	font-size:115%;
}

.hr-99{
	clear:both;
	width:99%;
}

.project-alert-dismiss-button{
	float: right;
	margin-bottom: 10px;
}

.d-none {
	display: none !important;
}

.d-inline {
	display: inline !important;
}

.d-inline-block {
	display: inline-block !important;
}

.d-block {
	display: block !important;
}

.float-left {
	float: left !important;
}

.float-right {
	float: right !important;
}

.float-none {
	float: none !important;
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.text-center {
	text-align: center !important;
}

.link-no-underline{
	text-decoration: none;
}

/* override bootstrap text-right with !important */
.text-right {
	text-align: right !important;
}

a.green.link-no-underline:link,
a.green.link-no-underline:visited,
a.green.link-no-underline:active {
	text-decoration: none;
}

a.green.link-no-underline:hover {
	text-decoration: none;
}

a.red.link-no-underline:link,
a.red.link-no-underline:visited,
a.red.link-no-underline:active {
	text-decoration: none;
}

a.red.link-no-underline:hover {
	text-decoration: none;

/**
 * Additional label sizes
 **/
.label-md {
	font-size: 85% !important;
}
.label-sm {
	font-size: 75% !important;
}
.label-xs {
	font-size: 65% !important;
}

/* Bootstrap 4 Styles */

.font-weight-bold {
	font-weight: 700 !important;
}

.w-25 {
	width: 25% !important;
}

.w-50 {
	width: 50% !important;
}

.w-75 {
	width: 75% !important;
}

.w-100 {
	width: 100% !important;
}

.h-25 {
	height: 25% !important;
}

.h-50 {
	height: 50% !important;
}

.h-75 {
	height: 75% !important;
}

.h-100 {
	height: 100% !important;
}

.mw-100 {
	max-width: 100% !important;
}

.mh-100 {
	max-height: 100% !important;
}

.m-0 {
	margin: 0 !important;
}

.mt-0,
.my-0 {
	margin-top: 0 !important;
}

.mr-0,
.mx-0 {
	margin-right: 0 !important;
}

.mb-0,
.my-0 {
	margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
margin-left: 0 !important;
}

.m-1 {
margin: 0.25rem !important;
}

.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}

.mr-1, .mx-1 {
	margin-right: 0.25rem !important;
}

.mb-1, .my-1 {
	margin-bottom: 0.25rem !important;
}

.ml-1, .mx-1 {
	margin-left: 0.25rem !important;
}

.m-2 {
	margin: 0.5rem !important;
}

.mt-2, .my-2 {
	margin-top: 0.5rem !important;
}

.mr-2, .mx-2 {
	margin-right: 0.5rem !important;
}

.mb-2, .my-2 {
	margin-bottom: 0.5rem !important;
}

.ml-2, .mx-2 {
	margin-left: 0.5rem !important;
}

.m-3 {
	margin: 1rem !important;
}

.mt-3, .my-3 {
	margin-top: 1rem !important;
}

.mr-3, .mx-3 {
	margin-right: 1rem !important;
}

.mb-3, .my-3 {
	margin-bottom: 1rem !important;
}

.ml-3, .mx-3 {
	margin-left: 1rem !important;
}

.m-4 {
	margin: 1.5rem !important;
}

.mt-4, .my-4 {
	margin-top: 1.5rem !important;
}

.mr-4, .mx-4 {
	margin-right: 1.5rem !important;
}

.mb-4, .my-4 {
	margin-bottom: 1.5rem !important;
}

.ml-4, .mx-4 {
	margin-left: 1.5rem !important;
}

.m-5 {
	margin: 3rem !important;
}

.mt-5, .my-5 {
	margin-top: 3rem !important;
}

.mr-5, .mx-5 {
	margin-right: 3rem !important;
}

.mb-5, .my-5 {
	margin-bottom: 3rem !important;
}

.ml-5, .mx-5 {
	margin-left: 3rem !important;
}

.p-0 {
	padding: 0 !important;
}

.pt-0, .py-0 {
	padding-top: 0 !important;
}

.pr-0, .px-0 {
	padding-right: 0 !important;
}

.pb-0, .py-0 {
	padding-bottom: 0 !important;
}

.pl-0, .px-0 {
	padding-left: 0 !important;
}

.p-1 {
	padding: 0.25rem !important;
}

.pt-1, .py-1 {
	padding-top: 0.25rem !important;
}

.pr-1, .px-1 {
	padding-right: 0.25rem !important;
}

.pb-1, .py-1 {
	padding-bottom: 0.25rem !important;
}

.pl-1, .px-1 {
	padding-left: 0.25rem !important;
}

.p-2 {
	padding: 0.5rem !important;
}

.pt-2, .py-2 {
	padding-top: 0.5rem !important;
}

.pr-2, .px-2 {
	padding-right: 0.5rem !important;
}

.pb-2, .py-2 {
	padding-bottom: 0.5rem !important;
}

.pl-2, .px-2 {
	padding-left: 0.5rem !important;
}

.p-3 {
	padding: 1rem !important;
}

.pt-3, .py-3 {
	padding-top: 1rem !important;
}

.pr-3, .px-3 {
	padding-right: 1rem !important;
}

.pb-3, .py-3 {
	padding-bottom: 1rem !important;
}

.pl-3, .px-3 {
	padding-left: 1rem !important;
}

.p-4 {
	padding: 1.5rem !important;
}

.pt-4, .py-4 {
	padding-top: 1.5rem !important;
}

.pr-4,	.px-4 {
	padding-right: 1.5rem !important;
}

.pb-4, .py-4 {
	padding-bottom: 1.5rem !important;
}

.pl-4, .px-4 {
	padding-left: 1.5rem !important;
}

.p-5 {
	padding: 3rem !important;
}

.pt-5, .py-5 {
	padding-top: 3rem !important;
}

.pr-5, .px-5 {
	padding-right: 3rem !important;
}

.pb-5, .py-5 {
	padding-bottom: 3rem !important;
}

.pl-5, .px-5 {
	padding-left: 3rem !important;
}

.m-auto {
	margin: auto !important;
}

.mt-auto, .my-auto {
	margin-top: auto !important;
}

.mr-auto, .mx-auto {
	margin-right: auto !important;
}

.mb-auto, .my-auto {
	margin-bottom: auto !important;
}

.ml-auto, .mx-auto {
	margin-left: auto !important;
}