/* by Company52. Copyright 2010. */

html {
	margin: 0;
	background: #000;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 12px;
	color: #333;
	background: #fff;
	min-width: 1200px;
}

a img {
border:none;
outline: 0; 
}

a {
color:#4479D0;
outline: 0; 
}

a:hover,a:visited {
color:#3361A7;
outline: 0; 
}

.btn {
	display: inline-block;
	text-decoration: none;
	padding: 8px 24px;
	border: 2px solid transparent;
	border-radius: 0;
	cursor: pointer;
}

.btn + .btn {
	margin-left: 10px;
}

.btn.disabled {
	cursor: default;
}

.btn.block {
	display: block;
}

.btn.medium {
	font-size: 16px;
	padding: 8px 16px;
	min-width: 120px;
}

.btn.large {
	font-size: 20px;
	padding: 12px 24px;
	min-width: 120px;
}

.btn.primary {
	background-color: #ff7f41;
	border-color: #ff7f41;
	color: #ffffff;
}

.btn.primary:hover {
	background-color: #ffffff;
	border-color: #ff7f41;
	color: #ff7f41;
}

.btn.ghost-primary {
	border-color: #ff7f41;
	color: #ff7f41;
}

.btn.ghost-primary:hover {
	background: #ff7f41;
	color: #fff;
}

.btn.secondary {
	border-color: #ff7f41;
	color: #ff7f41;
	text-transform: uppercase;
	font-weight: bold;
}

.btn.secondary:hover {
	background: #ff7f41;
	color: #fff;
}

*:focus,*:hover { 
outline: 0; 
}

ul.no-bullets,ul.no-bullets ul {
list-style:none;
padding-left:2em;
}

ul.no-bullets {
margin:0;
padding:0;
}

#page_container {
	margin: 0 auto;
}

#main, #top, .layout-container-fixed {
	width: 1100px;
	margin: auto;
}

#top {
	position: relative;
}

#main, #full_width {
	padding:15px 0 0;
	min-height:245px;
	margin-top: 4px;
	margin-bottom: 75px;
}

.ui-dialog #main, .ui-dialog #full_width {
background: none;
min-height: none;
margin: 0;
padding: 5px 0 0 0;
}

#right {
margin-left:333px;
}

.left {
float:left;
width:308px;
}

#left {
width:621px;
float:left;
}

.right {
margin-left:649px;
}

#full_width {
}

#top {
	height: 124px;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	padding-bottom: 16px;
}

.clear {
	clear:both;
}

#top #program {
padding-top:50px;
margin:0;
float:right;
font-size:14px;
color:#ccc;
font-style:italic;
}

#top #program strong {
font-style:normal;
}

#top #logo {
	margin: 0;
}

#user {
	position: absolute;
	top: 8px;
	right: 0;
	white-space: nowrap;
}

#user .welcome {
	color: #1e5b7d;
	margin-right: 12px;
}

#user .name {
	display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 28px;
    padding-right: 12px;
	padding-left: 32px;
    color: #ff7f41;
    border: 2px solid #ff7f41;
	background-color: white;
	background-image: url("/static/client/img/menu-16x16-ff7f41.svg");
	background-position: 8px center;
	background-repeat: no-repeat;
}

#user.active .name {
	color: white;
	background-color: #ff7f41;
	background-image: url("/static/client/img/menu-16x16-ffffff.svg");
}

#user .options {
	display:none;
	z-index: 100;
}

#user.active .options {
	display: block;
	position: absolute;
	right: 0;
	background: #fff;
	border: 1px solid #ccc;
}

#user .options a {
	display: block;
	padding: 4px 8px 4px 30px;
	height: 18px;
	font-weight: bold;
	text-decoration:none;
	background-color: inherit;
	background-repeat: no-repeat;
	color: #1e5b7d;
}

#user .options a:hover {
	text-decoration: underline;
}

#user .options a.pass {
	background-image: url(/static/client/img/icon-key.gif);
	background-position: 4px 4px;
}

#user .options a.account {
	background-image: url(/static/client/img/icon-gear.gif);
	background-position: 4px 4px;
}

#user .options a.help {
	background-image: url(/static/client/img/icon-question.gif);
	background-position: 4px 4px;
}

#user .options a.logout {
	background-image: url(/static/client/img/icon-exit.gif);
	background-position: 4px 4px;
}

#top #primary-nav {
	margin-left: auto;
	margin-bottom: 6px;
}

#primary-nav a {
	font-family: Montserrat;
	font-weight: 600;
	text-transform: uppercase;
	color: #1e5b7d;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	opacity: 0.8;
	padding: 12px 0 2px;
	border-bottom: 2px solid white;
}

#primary-nav a + a {
	margin-left: 20px;
}

#primary-nav a.active,
#primary-nav a:hover {
	opacity: 1.0;
	border-bottom-color: #1e5b7d;
}

#primary-nav a.inactive {
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity:0.4;
	opacity:0.4;
}

#secondary-nav {
	width: 100%;
	height: 64px;
	background:#1e5b7d;
	line-height: 64px;
}

#secondary-nav .loc {
	font-family: Montserrat;
	font-size: 18px;
	text-transform: uppercase;
	float: left;
	color: #fff;
}

#secondary-nav a {
	color: #fff;
	text-decoration: none;
}

#secondary-nav .links {
	text-align: right;
}

#secondary-nav .links a {
	font-size: 14px;
	opacity: 0.8;
	border-bottom: 2px solid transparent;
	padding: 2px 0 2px;
}

#secondary-nav .links a + a {
	margin-left: 20px;
}

#secondary-nav .links a.active,
#secondary-nav .links a:hover {
	opacity: 1.0;
	border-bottom-color: white;
}

/* Footer */
#footer {
	background: #3f454c;
	color: #fff;
}

#footer a {
	color: #fff;
}

#footer > .layout-container-fixed {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#footer a.logo {
	margin: 64px 0 48px;
}
#footer .social-media {
	margin: 48px 0;
	display: flex;
	align-items: center;
}

#footer hr {
	width: 100%;
	height: 2px;
	background: #2c3137;
}

.ftr-col {
	padding: 36px 0 0;
	line-height: 36px;
}
.ftr-col + .ftr-col {
	margin-left: 72px;
}
.ftr-title {
	font-family: Montserrat;
	font-size: 14px;
	text-transform: uppercase;
}
.ftr-col a {
	display: block;
	color: inherit;
	text-decoration: none;
	opacity: 0.8;
}
.ftr-col a:hover {
	opacity: 1.0;
}

.social-media .contact-us {
    color: #fff;
    opacity: 0.8;
    margin-left: 50px;
    display: inline-block;
}
.social-media .contact-us + .contact-us {
	margin-left: 0;
}
.social-media a.contact-us {
    color: #fff;
    opacity: 0.8;
    text-decoration: underline;

}
.social-media a.contact-us:hover {
	opacity: 1.0;
}
.social-media a + a {
	margin-left: 12px;
}

#copyright {
	font-size: 10px;
	background: #1d252d;
	color: #999;
	clear:both;
	padding-top: 48px;
	padding-bottom: 48px;
}

.left-submit {
	float:left;
	margin:0 0 10px;
}

.left-submit, .right-submit {
	margin-top: 20px;
}

div.pretty_box .left-submit p, div.pretty_box .right-submit p {
	padding-left: 0;
	padding-right: 0;
}

a #place-order {
text-decoration:none;
}

#place-order {
height:41px;
background:url(/static/client/img/cookie-background.png) top center;
border:1px solid #d6b788;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
#place-order:hover {
background-position: bottom center;
}
.no-products {
	font-size:130%;
	text-align:center;
	line-height:4em;
}

#add-billing-location {
float:left;
margin:0 0 10px 0;
}

#billable-locations {
border-bottom:1px solid #ccc;
}

#place-order .limit {
display:inline-block;
margin-left:13px;
color:#333;
}

#place-order .limit a {
color:#ADD8E6;
text-decoration:none;
}

#place-order-limit {
margin-top:4px;
}

#place-order-limit a {
color:#00008B;
text-decoration:none;
}

div.pretty_box {
	width:100%;
	background:#fff;
	border:1px solid #ccc;
	overflow:hidden;
}

div.pretty_box.invisible {
border: none;
background: none;
}

div.pretty_box .top {
	text-align:left;
	background: #efefef;
	border-bottom: 1px solid #ccc;
}

div.pretty_box .top .title {
	font-size:14px;
	color:#555;
	margin: 0;
	padding: 10px;
}

div.pretty_box .top .button {
	border: 1px solid #bbb;
	font-size: 12px;
	float: right;
	margin: 5px 5px 0 0;
	background: #ebebeb;
}

div.pretty_box .top .button:hover {
background: #f0f0f0;
}

div.pretty_box .top .button .ui-button-text {
	padding-left: 0.4em;
	padding-right: 0.4em;
}

div.pretty_box .departments .button {
padding:6px 4px;
background:#ebebeb;
color:#666;
border:1px solid #bbb;
height:15px;
display:inline-block;
font-size:12px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
float:right;
margin:3px 3px 0 0;
}

div.pretty_box .departments .button span {
	padding:0;
}

div.pretty_box .departments .button:hover {
background-color:#f0f0f0;
}

div.pretty_box .top .add_button {
background:url(/static/intranet/img/plus.png) no-repeat right #ebebeb;
padding:7px 20px 3px 6px;
color:#666;
border:1px solid #bbb;
height:15px;
display:inline-block;
font-size:12px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}

div.pretty_box .top select {
	margin: 10px 0 10px 8px;
}

div.pretty_box .top .add_button:hover {
background-color:#f0f0f0;
}

div.pretty_box div.content-box {
padding:6px 10px;
}

div.pretty_box .body {
	padding:10px;
}

div.pretty_box .body > p:first-child {
	margin-top: 0;
}
div.pretty_box .body > p:last-child {
	margin-bottom: 0;
}

div.pretty_box table {
width:100%;
border-collapse:collapse;
}

#orders-history {}
.invoice-details .title {
float:left;
}
.due {
float:right;
margin:0 13px 0 0;
text-align:right;
}
.period {
margin:7px 0 0 0;
}
.subtotal {
border-top:1px solid #ccc;
}
.due h3,.due h4 {
margin:0px;
text-shadow:1px 1px #eee;
display:inline;
}
.due h4 {
color:#555;
}

div.pretty_box table tbody {
/*border-top: 1px #ccc solid;*/
border-bottom:1px #ccc solid;
}

div.pretty_box.multiple_tables table tbody {
border:none;
}

div.pretty_box.multiple_tables table {
width:auto;
}


div.pretty_box table.form tbody {
border:none;
}

div.pretty_box table tr.labels {
text-align:left;
height:40px;
font-size:1.2em;
border-bottom:1px solid #ccc;
background:#efefef;
text-shadow:1px 1px #fff;
}

div.pretty_box table tr.labels.padding	th {
padding:6px 8px;
}

div.pretty_box table tr.content	td {
padding:6px 8px;
}

div.pretty_box table tr.no-padding td {
padding:0;
}

div.pretty_box table tr {
background:#ffffff;
}

div.pretty_box table tr.even {
background:#eeeeee;
}

div.pretty_box table tr.alert {
background:#f0c2c4;
border-top:1px solid #b24e55;
border-bottom:1px solid #b24e55;
}

div.pretty_box .foot {
padding:10px 7px;
}

div.pretty_box a {
text-decoration:none;
}

div.pretty_box fieldset.pretty p {
padding:0;
}

table.pretty_box {
width:100%;
background:#fff;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}

table.pretty_box h2.title {
font-size:13px;
color:#777;
margin:8px 0 0 8px;
}

table.pretty_box tr.header {
text-align:left;
height:37px;
font-size:1.2em;
background:url(/static/intranet/img/pretty-box-header.png) repeat-x;
padding-left:6px;
}

.pretty_box tr.line,tr.line td, tr.line th {
border-bottom:1px #ccc solid;
}

table.pretty_box tr.labels,table tr.labels {
text-align:left;
height:40px;
font-size:1.2em;
}

table.pretty_box tr.footer {
text-align:left;
height:50px;
font-size:1.2em;
background:url(/static/intranet/img/pretty-box-footer.png) repeat-x;
}

table.pretty_box.no-footer {
border-bottom:1px solid #ccc!important;
margin-bottom:8px;
}

table.pretty_box tr.short-footer {
border:1px solid #ccc;
border-top:none;
height:5px;
display:block;
}

table.pretty_box tr.content	td {
padding:6px 8px;
}

table.pretty_box tr.even {
background:#f5f5f5;
}

table.pretty_box tr.alert {
background:#f0c2c4;
border-top:1px solid #b24e55;
border-bottom:1px solid #b24e55;
}

table.pretty_box a {
color:#33a;
text-decoration:none;
}

fieldset.pretty table.no-footer,fieldset.pretty table.no-footer tbody {
border-bottom:none!important;
}

/* Pagination */
a.page-number {
	color:#555!important;
	padding:3px 6px;
	font-size:13px;
	display:inline-block;
	border:1px #ccc solid;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

a.page-number:hover {
	color:#222!important;
}

a.page-number.active {
	color:#ddd!important;
	background: #302E24;
	border:1px solid #302E24;
}

a.page-number.active:hover {
color:#fff!important;
}

/* Basic table style for development */
table.basic {
border-collapse:collapse;
}

table.basic td {
border:1px solid gray;
padding:3px 6px;
}

table tr.highlight td {
background:#BED3A0;
}

table.highlightable td.checkbox {
display:none;
}

/* Pretty Fieldsets */
fieldset.pretty {
	border:1px solid #ccc;
	margin:0;
	padding:8px;
}

fieldset.pretty + fieldset.pretty {
	margin-top: 10px;
}

fieldset.pretty legend {
color:#666;
}

/* General Elements */
img.left {
float:left;
width:auto;
padding:0 9px 6px 0;
}

.clear {
clear:both;
}

.survey_question label.ui-state-hover {
font-weight:400!important;
}

.question .sort-handle {
		float: left;
		margin-top: 1px;
}


/* Reports */
#report-title {
background:#ccc;
padding:10px 7px;
}

.box-title {
background:#ccc;
padding:7px;
margin:0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
}

	.open .box-title {
		-webkit-border-bottom-left-radius: 0;
		-webkit-border-bottom-right-radius: 0;
		-moz-border-radius-bottomleft: 0;
		-moz-border-radius-bottomright: 0;
	}

.collapsible {
margin-bottom:5px;
}

.collapsible .collapse {
display:none;
}

.layer.collapsible > .collapse {
padding:7px;
border:1px solid #ccc;
border-top:none;

-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;

-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
}

.layer.collapsible.open > .collapse {
 
	
}

.collapsible .trigger {
cursor:pointer;
}

.date-range {
float:right;
margin-top:2px;
font-weight:400;
font-style:italic;
}

/* Forms */
/* Input */
input[type=text] {
padding:3px;
width:180px;
border:1px solid #ccc;
-moz-border-radius:5px;
border-radius:5px;
}

input:focus[type=text] {
border:1px solid #A9A9A9;
}

select {}

textarea {
padding:5px;
border:1px solid #ddd;
color: #666;
font-family:inherit;
font-size:12px;
}

/* Label Over Input */
.labels label {
margin-top:.7em;
display:block;
}

.labels label input,.labels label select,.labels label textarea {
display:block;
margin-top:.3em;
}

.ui-autocomplete {
max-height:300px;
overflow-y:auto;
}

.editable input {
font-size:inherit;
font-weight:inherit;
font-family:inherit;
}

tr.supplemental {
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

#dataset_layers input {
width:260px;
}

#dataset_layers select {
width:260px;
}

#dataset_layers .half {
float:left;
width:125px;
margin-left:16px;
}

#dataset_layers .first {
margin-left:0;
}

#dataset_layers .half select {
width:118px;
}

#dataset_layers label {
font-weight:700;
}

#delete-saved-report {
font-size:13px;
float:right;
display:block;
}

/* Set As Label */
label .set-as-label {
font-size:75%;
display:none;
color:gray;
}

label:hover .set-as-label {
display:inline;
}

/* Relocate the calendar icons */
.ui-datepicker-trigger {
margin:3px;
vertical-align:top;
}

label.half {
position:relative;
}

label.half .ui-datepicker-trigger {
position:absolute;
right:0;
top:18px;
}

/* TableSorter CSS */
.sortable-wrapper table thead th a.header { display: block;}

.sortable-wrapper table thead tr.labels th, tr.labels.small th {
font-size:80%;
padding:6px 8px;
}

.sortable-wrapper table thead tr.labels, tr.labels.small {
height:auto !important;
background: #fff;
}

.sortable-wrapper table thead tr .tablesorter-header:not(.sorter-false),
.sortable-wrapper table thead tr .header {
	background-image:url(/static/img/bg.gif);
	background-repeat:no-repeat;
	background-position:center right;
	cursor:pointer;
	padding-right:12px!important;
	white-space: nowrap;
}
	
.sortable-wrapper table thead tr .tablesorter-headerDesc:not(.sorter-false),
.sortable-wrapper table thead tr .headerSortUp {
	background-image:url(/static/img/asc.gif);
}

.sortable-wrapper table thead tr .tablesorter-headerAsc:not(.sorter-false),
.sortable-wrapper table thead tr .headerSortDown {
	background-image:url(/static/img/desc.gif);
}

.report-csi .sortable-wrapper th,
.report-csi .sortable-wrapper td { min-width: 90px !important; }

.icon {
float:left;
margin-right:4px;
}

#dashboard_chart #large {
font-size:4em;
}

#dashboard_chart #charts_1 {
float:left;
text-align:center;
}

/* JQuery UI Overrides */
.ui-dialog-titlebar.ui-corner-all {
-moz-border-radius-bottomright:0;
-webkit-border-bottom-right-radius:0;
-moz-border-radius-bottomleft:0;
-webkit-border-bottom-left-radius:0;
}

.ui-widget-header .ui-state-hover {
border:1px solid transparent!important;
}

.ui-widget-header li.ui-state-default,.ui-widget-header li.ui-state-hover {
border:1px solid transparent!important;
}

.ui-tabs .ui-tabs-nav {
padding-left:.3em!important;
}

/* Errors */
.errors,.error,#errors {
color:red;
}
form span.error { display:block; }

.hidden {
display:none;
}

#ui-datepicker-div {
display:none;
}

ul.hierarchy ul {
background:#FFF;
}

ul.hierarchy li.wrapper {
margin-top:0;
}

#items_msdd img {
width:50px;
}

.code {
background:#ccc;
-moz-border-radius:3px;
-webkit-border-radius:3px;
padding:3px 5px;
margin-right:3px;
}

.ui-dialog .ui-dialog-content {
	/*max-height:400px;*/
}

.ui-multiselect-options label input {
	display: inline;
}

.ui-multiselect-options label {
	margin: 1px 0 !important;
}


#order_contacts_dialog .ddcommon .ddTitle, td.items .ddcommon .ddTitle { 
	height: 32px;
}

#line-item-form { min-height: 530px !important; }

	#line-item-form .dd img, #order_contacts_dialog .dd img {
		display: inline-block;
		height: auto;
		max-height:24px;
	}
	
	#line-item-form .associates ul {
		list-style: none;
		margin-left: 20px;
		padding: 0;
	}
		#line-item-form .associates ul li ul { margin-left: 10px; }
	
.pretty_box .top .right								{ float:right; font-size:12px; margin:0; padding:10px 14px 0 7px; color:#777; }	

.widget_preview p {
	margin-bottom: 25px;
	line-height: 1.4em;
	color: #333;
	font-size: 14px;
	padding:10px 0 0 25px !important;
}

.widget_preview ul {
	list-style: none;
	margin: 20px 0 0 30px;
	padding: 0;
}
	.widget_preview li {
		background: url("/static/public/img/bullet-org-triangle.png") no-repeat scroll 0 2px transparent;
		padding: 0 20px 20px;
		color: #333;
		font-size: 14px;
		line-height: 1.4em;
	}

.widget_preview .left {
		float: left;
		margin: 0 0 0 40px;
		padding: 0;
		width: 59%;
	}

#widget_preview_video {
	position:relative;
	float:right;
	width:20%;
	
	border: 1px solid #cccccc;
	border-radius: 10px;
	font-size: 13px;
	margin:15px 15px 20px 35px;
	padding: 15px 15px;
	font-weight:bold;
	
	/* border radius */
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#widget_preview_video img {margin-top:10px;}

#badges_preview {
	width:90%;
	
	border: 1px solid #cccccc;
	border-radius: 10px;
	font-size: 13px;
	margin:15px auto 35px;
	padding: 15px 15px;
	font-weight:bold;
	background:#F5F5F5;
	
	/* border radius */
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
}
	#badges_preview table {margin-top:20px;}
	
#widgetpreviews tbody {border:none !important;}
#badges_preview #widgetpreviews tr {background:none !important;}

.widget_preview #platinum {
	border: 1px solid #cccccc;
	border-radius: 10px;
	font-size: 1.27em;
	margin: 0 0 40px 40px;
	padding: 0px 15px;
	width: 68%;
	
	/* border radius */
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.help-tutorials-fixed {
	position:fixed;
	bottom:0px;
	right:40px;
	height:52px;
	width:97px;
}
.help-tutorials-fixed a img {
	height:52px;
	width:97px;
}

.message {
	background: #85AD43;
	border: 1px solid #769C3B;
	color: white;
	padding: 5px 7px;
}
.message a {
	color: inherit !important;
}

.message-error {
	background: red;
	border-color: red;
}

.ui-dialog .message {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

span.invoice-status {
	color: #FFFFFF;
	cursor: default;
	font-size: 9px;
	padding:3px 5px;
	white-space: nowrap;
	-webkit-border-radius: 4px;
		 -moz-border-radius: 4px; 
					border-radius: 4px;
}
span.invoice-status.paid {
	background: #6AC28E;
}
span.invoice-status.unpaid, span.invoice-status.pending {
	background: #FCB316;
}
span.invoice-status.past-due, span.invoice-status.partial-past-due {
	background: #EB5F69;
}
span.invoice-status.partial, span.invoice-status.requested {
	background: #5692BB;
}
span.invoice-status.auto-bill {
	background: #467F5D;
}

.welcome a,
.welcome a:visited {
	color: #1e5b7d;
	text-decoration: none;
}
.welcome a:hover {
	color: #1e5b7d;
	text-decoration: underline;
}
.welcome a.welcome-cart:hover {
	text-decoration: none;
}
.welcome-cart img {
	vertical-align: middle;
}