/* For custom styles */
@import 'league-gothic/leaguegothic.css';

body {
	padding: 0px;
	_padding-top: 100px;
	margin: 0;
	background-color: #f1f2f2;
	width: 100%;
	overflow-x: scroll;
	min-width: 768px;
}

h1 {
	font-weight: 400;
}

body.lang_0 .lang_1,
body.lang_1 .lang_0 {
	display: none;
}

:focus {
	outline: 0px !important;
}

.loginView {
	background-color: #0083ff;
	padding-top: 0px;
}

.loginView .headerContainer {
	display: none;
}

.lang-block {
	text-align:right;
}

.lang-switch {
	font-size: 10pt;
	color: #14b1e7;
	margin-top: 10px;
	margin-right: 0px;
	cursor: pointer;
	display: inline-block;
}
.lang-switch:hover {
	text-decoration: underline;
}

.no-calls {
	font-style: italic;
}
.pre {
  white-space: pre-wrap;
}
.container {
	width: 1170px;
}

.navbar {
	margin-bottom: 0px;
}

.chosen-container-multi .chosen-choices {
	padding: 5px !important;
	background-image: none !important;
	background-color: #FFF !important;
	width: 100%;
	border: 1px solid #DDD !important;
}
.chosen-container-single .chosen-single {
	padding: 5px !important;
	background-image: none !important;
	background-color: #FFF !important;
	_width: 100%;
	border: 1px solid #DDD !important;
	border-radius: 0;
	background: none;
	box-shadow: none;
}
	.search-tools .chosen-container-single .chosen-single {
		min-height: 27px;
	}
	.search-tools .chosen-container-single .chosen-single span {
		padding-top: 2px;
		padding-left: 5px;
	}
	.chosen-container-single .chosen-single div {
		top: 4px;
	}
	.search-tools .chosen-container-single .chosen-single div {
		top: 9px;
	}
	.add-invoice-item-body .chosen-container-single .chosen-single {
		height: 20px;
	}
	.add-invoice-item-body .chosen-container-single .chosen-single span {
		padding-top: 0px;
	}
	.add-invoice-item-body .chosen-container-single .chosen-single div {
		top: 4px;
	}
	/* Hide selected text when dropdown is open so search field appears in its place */
	.chosen-container-active.chosen-with-drop .chosen-single span {
		display: none;
	}
	/* Move search field into the select box area (single-select only) */
	.chosen-container-active.chosen-with-drop .chosen-drop {
		top: 0;
		border-top: 1px solid #aaa;
	}
	/* Multi-select dropdown must appear below the choices/search area, not overlay it */
	.chosen-container-multi.chosen-container-active.chosen-with-drop .chosen-drop {
		top: 100%;
		border-top: 0;
	}
	.chosen-container-active.chosen-with-drop .chosen-search {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: 1011;
	}
	.chosen-container-active.chosen-with-drop .chosen-search input[type="text"] {
		border: 1px solid #DDD;
		margin: 0;
		padding: 5px;
	}
	.chosen-container-active.chosen-with-drop .chosen-results {
		margin-top: 35px;
	}

table th {
	font-weight: 700;
	text-align: left;
}
table th, table td {
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

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

.headerContainer {

}

.middleContainer {
	display: block;
	position: relative;
	xbackground-color: #FFF;
	_float: right;
	width: 100%;
}
.middleContainer .container {
	background-color: #FFF;
	padding: 20px;
	padding-bottom: 0px;
	padding-top: 0px;
}

.middleContainer .mainPanelWrapper.fullWidth .container {
	padding: 0px ;
}

.footerContainer {
	display: none;
}

.footerContainer .container {
	background-color: #FFF;
	padding: 20px;
}

.table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tbody:last-child tr:last-child > th:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > th:last-child {
	border-bottom-right-radius: 0px !important;
	-moz-border-bottom-right-radius: 0px !important;
	-webkit-border-bottom-right-radius: 0px !important;
	-o-border-bottom-right-radius: 0px !important;
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	-o-border-radius: 0px !important;
}
.table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child {
	border-bottom-left-radius: 0px !important;
	-moz-border-bottom-left-radius: 0px !important;
	-webkit-border-bottom-left-radius: 0px !important;
	-o-border-bottom-left-radius: 0px !important;
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	-o-border-radius: 0px !important;
}
.table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child {
	border-top-left-radius: 0px !important;
	-moz-border-top-left-radius: 0px !important;
	-webkit-border-top-left-radius: 0px !important;
	-o-border-top-left-radius: 0px !important;
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	-o-border-radius: 0px !important;
}
.table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child {
	border-top-right-radius: 0px !important;
	-moz-border-top-right-radius: 0px !important;
	-webkit-border-top-right-radius: 0px !important;
	-o-border-top-right-radius: 0px !important;
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	-o-border-radius: 0px !important;
}
.table-bordered {
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	-o-border-radius: 0px !important;
}

input, textarea, select {
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	-o-border-radius: 0px !important;
	text-transform: none !important;
}
select option[disabled]{
	text-decoration: line-through #F00;
	color: #ddd;
	display: none;
}

input.sm, select.sm {
	height: 22px;
	padding-top: 0;
	padding-bottom: 0;
}

/* overwrite bootstrap container width to 100%
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
	width: 100%;
}*/
.input-append input, .input-append select, .input-append .uneditable-input {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
}
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 {
	box-shadow: none;
	padding: 10px;
}
textarea.error, input[type="text"].error, input[type="password"].error, input[type="datetime"].error, input[type="datetime-local"].error, input[type="date"].error, input[type="month"].error, input[type="time"].error, input[type="week"].error, input[type="number"].error, input[type="email"].error, input[type="url"].error, input[type="search"].error, input[type="tel"].error, input[type="color"].error, .uneditable-input.error {
	border-color: #ee0000 !important;
}
.form-horizontal textarea, .form-horizontal input[type="text"], .form-horizontal input[type="password"], .form-horizontal input[type="datetime"], .form-horizontal input[type="datetime-local"], .form-horizontal input[type="date"], .form-horizontal input[type="month"], .form-horizontal input[type="time"], .form-horizontal input[type="week"], .form-horizontal input[type="number"], .form-horizontal input[type="email"], .form-horizontal input[type="url"], .form-horizontal input[type="search"], .form-horizontal input[type="tel"], .form-horizontal input[type="color"] {
	min-height: 40px;
}
.input-append, .input-prepend {
	position: relative;
	margin-bottom: 0px;
	width: 100%;
}
.input-append.date {
	width: auto;
}

#feeCalculatorModal input.loading,
#feeCalculatorModal select.loading {
	color: #006de8;
}

#feeCalculatorModal input.error,
#feeCalculatorModal select.error {
	border-color: #ff0000 !important;
	color: #ff0000;
}

.container-fluid {
	padding-left: 0px;
	padding-right: 0px;
}

.container-padding {
	padding: 40px;
}

.navbar-inner {
	background-color: #00499c;
	text-shadow: 0px;
	border: 0px;
	_height: 70px;
}
.header-nav .nav {
	border: 0px;
}

.navbar .nav {
	margin: 0px;
	height: 70px;
}
.header-nav .btn {
	border: 0px !important;
}
.navbar .nav li {
	height: 70px;
	-webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.navbar .nav li:hover, .nav li.sel {
	background-color: #0d52a1;
	color: #FFF;
}

.nav li.sel {
	background-color: #0d52a1;
	color: #FFF;
}

.navbar .nav li a {
	text-transform: uppercase;
	text-shadow: none;
	color: #fff;
	_color: #badaf3;
	_border-radius: 0 0 0 0;
	_-webkit-border-radius: 0px;
	_-moz-border-radius: 0px;
    margin: 0;
    padding: 35px 15px 21px 15px !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
	height: 25px;
}


.navbar .nav li a:hover, .navbar .nav li a:active, .navbar .nav li a:focus, .navbar .nav li.sel a  {
	color: #FFF;
	border: 0px;
	outline: none;
}


/* Nav overflow — "more" dropdown for when nav items exceed available width */
#main-menu-wrap {
	display: flex;
	align-items: stretch;
	height: 70px;
	float: left;
}
#main-menu-wrap #main-menu {
	display: flex;
	flex-wrap: nowrap;
	margin: 0;
	padding: 0;
	height: 70px;
	list-style: none;
}
#main-menu-wrap #main-menu > li > a {
	white-space: nowrap;
}
#main-menu-more {
	height: 70px;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
#main-menu-more > li {
	height: 70px;
	list-style: none;
}
#main-menu-more .btn {
	border: 0 !important;
	color: #fff;
	padding: 26px 15px !important;
	height: 70px;
	box-sizing: border-box;
	background: transparent;
}
#main-menu-more .btn:hover {
	background-color: #0d52a1;
}
#main-menu-more .fa-ellipsis-h {
	font-size: 18px;
}
.nav-overflow-dropdown {
	position: absolute;
	right: 0;
	top: 70px;
	background: #00499c;
	border: 1px solid #003d82;
	border-radius: 0 0 4px 4px;
	min-width: 180px;
	z-index: 1050;
	padding: 0;
	margin: 0;
	list-style: none;
	box-shadow: 0 2px 8px rgba(0,0,0,0.2);
	overflow: hidden;
}
.nav-overflow-dropdown li a {
	display: block;
	padding: 12px 20px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	text-decoration: none;
	white-space: nowrap;
}
.nav-overflow-dropdown li a:hover {
	background-color: #0d52a1;
}

.user-panel {
	background-color: #2564d4;
}

.user-panel > li:first-child {
	background-color: #00499C;
}

.user-panel li a {
	padding-top: 26px !important;
	display: inline;
}

.user-panel li.dropdown.open > .dropdown-toggle, .user-panel li.dropdown.active > .dropdown-toggle, .user-panel li.dropdown.open.active > .dropdown-toggle {
	_background-color: #2564d4 !important;
	background-color: #00499C !important;
}

.user-panel .dropdown-menu {
	background-color: #2564d4 !important;
	border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border: 0px !important;
}
.user-panel .dropdown-menu li {
	border: 0px !important;
	_border-bottom: 1px solid #FFF !important;
}

.user-panel li.dropdown.open {
	_background-color: #2564d4 !important;
}

.navbar .brand {
	margin-top: 8px;
	margin-bottom: 10px;
	padding: 0px;
	margin-left: 20px;
}

.brand img {
	margin: 0px;
	margin-left: 0px;
}
.paab-logo {
	margin-left: 10px;
	margin-top: 5px;
}

.row-spacer {
	height: 100px;
}

.smallmargin {
	margin: 7px;
}

.filerow {
	padding-bottom: 0;
	padding-top: 7px;
	margin-bottom: 0;
}

.dropbox {
	xborder-style: dashed;
	xborder-color: white;
}

.refbox-head {
	background-color: #8BC9FC;
	color: white;
}

.refbox-body {
	xbackground-color: #838384;
	margin: 0px;
	color: #4d4d4f;
	border: 0px !important;
}
.refbox-body h2 {
	font-size: 13pt;
	width: 50%;
	float: left;
	font-weight: 400 !important;
}

.btn-group > .btn + .btn {
	margin-left: 1px;
}

.disabled-btn {
	background-color: #ccc;
	color: #888;
	text-transform: uppercase;
	padding: 10px;
	padding-right: 20px;
	padding-left: 20px;
	background-image: none;
	border: 0 none;
	border-radius: 0 0 0 0 !important;
	-moz-border-radius: 0 0 0 0 !important;
	-webkit-border-radius: 0 0 0 0 !important;
	-o-border-radius: 0 0 0 0 !important;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	font-weight: 700;
	font-size: 10pt !important;
	text-shadow: none;
	cursor: not-allowed;
	vertical-align: middle;
}

.blue-btn {
	background-color: #14b1e7;
	color: #FFF;
	text-transform: uppercase;
	padding: 10px;
	padding-right: 20px;
	padding-left: 20px;
	background-image: none;
    border: 0 none;
    border-radius: 0 0 0 0 !important;
    -moz-border-radius: 0 0 0 0 !important;
    -webkit-border-radius: 0 0 0 0 !important;
    -o-border-radius: 0 0 0 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    font-weight: 700;
    font-size: 10pt !important;
    text-shadow: none;
    cursor: pointer;
    vertical-align: middle;
}
.blue-btn:hover {
	background-color: #8ed8f8;
	color: #FFF;
}

.gray-btn {
	background-color: #c1c2c2;
	color: #FFF;
	text-transform: uppercase;
	padding: 10px;
	background-image: none;
	border: 0 none;
	border-radius: 0 0 0 0 !important;
	-moz-border-radius: 0 0 0 0 !important;
	-webkit-border-radius: 0 0 0 0 !important;
	-o-border-radius: 0 0 0 0 !important;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	font-weight: 700;
	font-size: 10pt !important;
	text-shadow: none;
	cursor: pointer;
	vertical-align: middle;
}
.gray-btn:hover {
	background-color: #919191;
	color: #FFF;
}

.red-btn {
	background-color: #ed1c24;
	color: #FFF;
	text-transform: uppercase;
	padding: 10px;
	padding-right: 20px;
	padding-left: 20px;
	background-image: none;
    border: 0 none;
    border-radius: 0 0 0 0 !important;
    -moz-border-radius: 0 0 0 0 !important;
    -webkit-border-radius: 0 0 0 0 !important;
    -o-border-radius: 0 0 0 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    font-weight: 700;
    font-size: 10pt !important;
    text-shadow: none;
    cursor: pointer;
    vertical-align: middle;
}
.red-btn:hover {
	background-color: #f26062;
	color: #FFF;
	text-decoration: none;
}

.light-blue-btn {
	background-color: #8ed8f8;
	background-image: none !important;
	color: #FFF;
	text-transform: uppercase;
	padding: 10px;
	padding-right: 20px;
	padding-left: 20px;
	border: 0 none;
    border-radius: 0 0 0 0 !important;
    -moz-border-radius: 0 0 0 0 !important;
    -webkit-border-radius: 0 0 0 0 !important;
    -o-border-radius: 0 0 0 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    font-weight: 700;
    font-size: 10pt !important;
    text-shadow: none;
    cursor: pointer;
    vertical-align: middle;
}
.light-blue-btn:hover {
	background-color: #14b1e7;
	color: #FFF;
}

.green-btn {
	background-color: #14e7a4;
	color: #FFF;
	text-transform: uppercase;
	padding: 10px;
	padding-right: 20px;
	padding-left: 20px;
	background-image: none;
    border: 0 none;
    border-radius: 0 0 0 0 !important;
    -moz-border-radius: 0 0 0 0 !important;
    -webkit-border-radius: 0 0 0 0 !important;
    -o-border-radius: 0 0 0 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    font-weight: 700;
    font-size: 10pt !important;
    text-shadow: none;
    cursor: pointer;
    vertical-align: middle;
}
.green-btn:hover {
	background-color: #3bfac6;
	color: #FFF;
}
.invoice-modal .green-btn[disabled],
.invoice-modal .green-btn[disabled]:hover {
	background-color: #14e7a4;
	opacity: 0.5;
	cursor: not-allowed;
}

.grey-btn {
	background-color: #c0c2c5;
	background-image: none !important;
	color: #FFF;
	text-transform: uppercase;
	padding: 10px;
	padding-right: 20px;
	padding-left: 20px;
	border: 0 none;
    border-radius: 0 0 0 0 !important;
    -moz-border-radius: 0 0 0 0 !important;
    -webkit-border-radius: 0 0 0 0 !important;
    -o-border-radius: 0 0 0 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    font-weight: 700;
    font-size: 10pt !important;
    cursor: pointer;
    text-shadow: none;
    vertical-align: middle;
}
.grey-btn:hover {
	background-color: #ddd;
	color: #FFF;
}

.red-btn {
	background-color: #e71414;
	color: #FFF;
	text-transform: uppercase;
	padding: 10px;
	padding-right: 20px;
	padding-left: 20px;
	background-image: none;
    border: 0 none;
    border-radius: 0 0 0 0 !important;
    -moz-border-radius: 0 0 0 0 !important;
    -webkit-border-radius: 0 0 0 0 !important;
    -o-border-radius: 0 0 0 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    font-weight: 700;
    font-size: 10pt !important;
    text-shadow: none;
    cursor: pointer;
    vertical-align: middle;
}
.red-btn:hover {
	background-color: #f82727;
	color: #FFF;
}

.blue-btn.sm,
.gray-btn.sm,
.red-btn.sm,
.light-blue-btn.sm,
.green-btn.sm,
.grey-btn.sm,
.red-btn.sm {
	padding: 2px;
	padding-right: 6px;
	padding-left: 6px;
    font-weight: 500;
    font-size: 9pt !important;
}

.blue-btn.xs,
.gray-btn.xs,
.red-btn.xs,
.light-blue-btn.xs,
.green-btn.xs,
.grey-btn.xs,
.red-btn.xs {
	padding: 0;
	padding-right: 4px;
	padding-left: 4px;
    font-weight: 100;
    font-size: 7pt !important;
}

/*
table.datagrid {
	border-width: 1px;
	border-color: black;
	border-collapse: collapse;
}

table.datagrid td {
	border-width: 1px;
	border-color: black;
	border-style: solid;
	overflow: hidden;
}*/



.assignment {
	margin: 0;
	padding: 0;
	display: block;
	width: auto;
	/*background-color: #4093FD;*/
	color: #fff;
	/*border-style: solid;
	border-color: #000;
	border-width: 1px;*/
	/* Stops borders from increasing size of div */
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
}

.timeline-column {
	float: left;
	width: 120px;
}

.timeline-divider {
	float: left;
	background-color: #666666;
	width: 20px;
	height: 200px;
}

.timeline-shell {
	height: 100px;
}

.timeline-cell {
	/*background-color: #ccc;*/
	display: block;
	padding: 5px;
	overflow-x: hidden;
}

.timeline-container {
	overflow-y: scroll;
	max-height: 600px;
}

.timeline-container::-webkit-scrollbar {
	width: 0;
}

.right-text {
	text-align: right;
}
/*
html, body {
	height: 100%;
}*/


.widget-header {
	padding: 10px;
	background-color: #f4f5f5;
	font-size: 13pt;
	font-weight: 400;
	text-transform: uppercase;
	color: #4d4d4f;
	cursor: pointer;
	background-image: url("/img/submission-top-bg.jpg");
	box-shadow: 0px 1px 3px #d9d9d9;
	-moz-box-shadow: 0px 1px 3px #d9d9d9;
	-webkit-box-shadow: 0px 1px 3px #d9d9d9;
	-o-box-shadow: 0px 1px 3px #d9d9d9;
}

.widget-body {
	_color: #FFF;
}
.login-widgets .widget-body {
	color: #FFF;
}

.widget-footnote {
	font-size: 8pt;
	color: #777e86;
}

.widget-sub-title {
	text-transform: uppercase;
	font-size: 10pt;
	color: #777e86;
}

.myOverallBar{
		padding: 10px;
		padding-top: 2px;
		padding-bottom: 2px;
}

.dashboard {
	xbackground-color: #FFF;
	width: 1170px;
	margin: auto;
}

#dashboard-widgets {
	padding: 20px;
}

#dashboard-widgets .span4 {
    border: 0 none;
    margin: 10px !important;
    max-height: 336px;
    max-width: 275px;
    xoverflow: auto;
}

.dashboard-widget {
	background-color: #FFF;
	max-width:100%;
	box-shadow: 1px 1px 3px #d9d9d9;
	-moz-box-shadow: 1px 1px 3px #d9d9d9;
	-webkit-box-shadow: 1px 1px 3px #d9d9d9;
	-o-box-shadow: 1px 1px 3px #d9d9d9;
	color: #4d4d4f;
	padding-bottom: 0px;
	margin: 2px;
}
ul.dashboard-list {
	list-style-type: none;
	display: inline-block;
	margin: -10px;
	min-height: 330px;
	width: 100%;
}
ul.dashboard-list li:first-child {
	border: 0px;
}
ul.dashboard-list li {
	border-top: 0px !important;
	border-bottom: 0px !important;
}

.widget-welcome {
   color: #555555;
    display: inline-block;
    font-size: 15pt;
    padding: 20px;
}
.widget-welcome h1{
	font-weight: bold;
}

#dashboard-widgets .ui-sortable-helper {
	z-index: 99;
}

.dashboardToggle {

}

ul.notifications li .time, ul.tasks li .header .percent, ul.messages li .header .time {
    display: block;
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    position: relative;
	right: 0;
}

li.notification-item {
	text-transform: default !important;
	_display: inline-block;
	_cursor: pointer;
	display: block;
}
li.notification-item .icon-ok {
	display: inline-block;
    margin-right: 5px;
    margin-top: 15px;
}

li.notification-item.notification-cat-1 {
	background-color: #2564d4 !important;
	border-bottom: 1px solid #2159bd !important;
	border-top: 1px solid #296fea !important;
}
	li.notification-item.notification-cat-1:hover {
		background-color:#296fea !important;
	}

li.notification-item.notification-cat-2 {
	background-color: #2564d4 !important;
	border-bottom: 1px solid #2159bd !important;
	border-top: 1px solid #296fea !important;
}
	li.notification-item.notification-cat-2:hover {
		background-color:#296fea !important;
	}

li.notification-item.notification-cat-3 {
	background-color: #2564d4 !important;
	border-bottom: 1px solid #2159bd !important;
	border-top: 1px solid #296fea !important;
}
	li.notification-item.notification-cat-3:hover {
		background-color:#296fea !important;
	}

li.notification-item.notification-cat-4 {
	background-color:#ffa700;
	border-bottom: 1px solid #e79600 !important;
	border-top: 1px solid #ffbc3e !important;
	color: #000000 !important;
}
	li.notification-item.notification-cat-4:hover {
		background-color:#ffbc3e !important;
	}

	li.notification-item .pull-left {
		float: none;
		margin-left: 40px;
	}

.notification-item .message br {
	_margin: 0px;
	_padding: 0px;
	_display: none;
}

.notify-dropdown.active {

}

.notify-dropdown.not-active {

}

.user-panel .notify-dropdown.noNote .dropdown-toggle.notify-item {
	background-color: #2564D4 !important;
}

.user-panel .notify-dropdown.hasNote .dropdown-toggle.notify-item {
	_background-color: #EB2225 !important;
}

.user-panel li.dropdown.notify-dropdown.open {
    _background-color: #00499C !important;
}

ul.tasks li .title, ul.notifications li .message {
	color: #FFF;
	font-size: 10pt;
	_padding-left: 10px;
	text-transform: none;
	display: inline-block;
	position: relative;
}

ul.tasks li .title, ul.notifications li .message a {
	color: #FFF;
	font-size: 10pt;
	_padding-left: 10px;
	text-transform: none;
}

ul.tasks li .title, ul.notifications li .time {
	color: #eee;
	font-size: 9pt;
	_padding-left: 10px;
	text-transform: none;
}
ul.tasks li .title, ul.notifications li .link {
	color: #eee;
	font-size: 9pt;
	_padding-left: 10px;
	text-transform: none;
}
li.notification-item.acknow {
	background-color: #2159BD !important;
}
li.notification-item.acknow .message {
	color: #999 !important;
	font-style: italic;
}


li.notification-item.acknow .message a{
	color: #999 !important;
	font-style: italic;
}


li.notification-item.acknow .time {
	color: #999 !important;
	font-style: italic;
}

.dashboard-widget .progress {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	height: 30px;
	background-image: none;
	border: 0px transparent;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #2564d4;
}

.dashboard-widget .progress .bar {
	background-image: none;
	text-align: right;
	color: #FFF;
	font-size: 16pt;
	font-weight: 100;
	padding: 5px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	text-shadow: none;
}

.dashboard-widget .progress .bar.bar-low {
	background-color: #70d03d;
}

.dashboard-widget .progress .bar.bar-industry {
	background-color: #2564d4;
	float: right;
}

.dashboard-widget .progress .bar.bar-high {
	background-color: #d71c5c;
}

.dashboard-widget .progress .bar.bar-avg {
	background-color: #4093fc;
}

#donut-statistics {
	width: 220px;
	height: 220px;
	margin: auto;
}

.submission-header {
	padding: 10px;
	background-color: #f4f5f5;
	background-image: url("/img/submission-top-bg.jpg");
	font-size: 15pt;
	font-weight: 400;
	min-height: 40px;
	text-transform: uppercase;
	color: #4d4d4f;
	xcursor: pointer;
	box-shadow: 1px 1px 3px #d9d9d9;
	-moz-box-shadow: 1px 1px 3px #d9d9d9;
	-webkit-box-shadow: 1px 1px 3px #d9d9d9;
	-o-box-shadow: 1px 1px 3px #d9d9d9;
	margin-bottom: 5px;
}
.submission-header .container, .submission-footer .container {
	background-color: transparent;
}
.submission-header.stick {
	position: fixed;
	top: 70px;
	left: 0;
	right: 0;
	z-index: 999;
}
.submission-header h2 {
	font-size: 18pt;
  line-height: 25px;
	color: #4d4d4f;
	text-transform: uppercase;
	font-weight: 400;
	padding: 5px;
	margin: 5px;
}
.submission-header-leftbox {
	float: left;
	width: 25%;
	display: block;
	padding-top: 5px;
}
.submission-header-rightbox {
	float: right;
	text-align: right;
	width: 75%;
	padding-top: 5px;
	display: block;
}

.submission-footer {
	padding: 10px;
	background-color: #f4f5f5;
	background-image: url("/img/submission-top-bg.jpg");
	font-size: 15pt;
	font-weight: 400;
	min-height: 40px;
	text-transform: uppercase;
	color: #4d4d4f;
	xcursor: pointer;
	box-shadow: 1px 1px 3px #d9d9d9;
	-moz-box-shadow: 1px 1px 3px #d9d9d9;
	-webkit-box-shadow: 1px 1px 3px #d9d9d9;
	-o-box-shadow: 1px 1px 3px #d9d9d9;
	margin-bottom: 5px;
	margin-top: 10px;
}

.submission-footer .sub-footer-right {
	float: right;
}

.submission-footer .sub-footer-right .page-controls {
	top: 5px;
	right: 30px;
}

.dg-submissions-grid {
	padding: 10px;
	font-size: 10pt;
	color: #4d4d4f;
}
.dg-submission-header {
	background-color: #fff;
	padding: 10px;
	text-transform: uppercase;
	color: #4d4d4f;
	font-size: 10pt;
	fxont-weight: 100;
	height: 45px;
	border-bottom: 1px solid #a6a6a7;
}
.dg-submission-header.stick {
	position: fixed;
	top: 120px;
	left: 0;
	right: 0;
	z-index: 999;
}

.pubMonth,
.pubYear{
	width: 45%;
	float: left;
}
.pubYear{
	margin-left: 5%;
}
.documents-tab {
	xheight: 800px;
	min-height: 200px;
}
.submission-form-tab {
	height: auto;
}

.submission-form-tab #submissonForm .submission-tab {
	padding: 0px !important;
	box-shadow: 0px !important;
	-moz-box-shadow: 0px !important;
	-webkit-box-shadow: 0px !important;
	-o-box-shadow: 0px !important;
	height: auto;
}

.submission-overview .submission-tab{
	padding: 30px;
	box-shadow: 0px -1px 4px #ddd;
	-moz-box-shadow: 0px -1px 4px #ddd;
	-webkit-box-shadow: 0px -1px 4px #ddd;
	-o-box-shadow: 0px -1px 4px #ddd;
	xmargin-left: -20px;
	xwidth: 1150px;
	border-right: 1px solid #ddd;
}
.submission-overview .submission-top {
	padding-top: 30px;
}
.submission-overview .submission-top .row-fluid [class*="span"] {
	min-height: auto;
}
.submission-overview .submission-top form {
	margin: 0px;
}
.submission-overview .pdf-preview {
	_height: 1200px;
	position: absolute;
	top: 47px;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #f8f8f8;
	text-align: center;
}

.submission-overview .pdf-preview .loadPDFMsg {
	margin-top: 150px;
	display: inline-block;
}

.submission-overview .pdf-preview .pdfLoadingIcon {
	top: 20%;
	font-size: 20pt;
	left: 45%;
	position: absolute;
	display: none;
	z-index: 999;
}

.submission-overview .pdf-preview .pdf-renderer {
	_max-height:  85vh !important;
	width: 100%;
	_height: 1200px;
	position: absolute;
	top: 0;
	bottom: 0;
}

.submission-overview .sub-header {
	background-color: #f3f4f4;
	color: #464646;
	font-size: 11pt;
}
.submission-overview .sub-body .sub-body-left{
	padding: 20px;
	background-color: #f4f3f3;
}

.submission-overview .sub-body .sub-body-right{
	padding: 20px;
	background-color: #e6e7e8;
	border-left: 1px solid #d1d3d4;
	border-right: 1px solid #d1d3d4;
	border-bottom: 1px solid #d1d3d4;
	min-height: 250px;
}

.submission-overview .sub-body .sub-body-right .timer-btn{
	border: 1px solid #d1d3d4;
	background-color: #fff;
	color: #58595b;
	font-size: 11pt;
	padding: 10px;
	background-image: none;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
}

.submission-overview .sub-top {
	background-color: #eaeaea;
	background-image: url("/img/submission-top-bg.jpg");
	padding: 20px 16px 20px 24px;
	border: 1px solid #dcddde;
}

.submission-overview .sub-top .sub-body {
	margin-top: 10px;
	background-color: #e6e7e8;
	border: 1px solid #d1d3d4;
	color: #000;
	position: relative;
	display: inline-block;
	width: 100%;
	padding-bottom: 10px;
}

.submission-overview .sub-top .left {
	float: left;
	width: 50%;
}
.submission-overview .sub-top .right {
	text-align: right;
	float: right;
	width: 50%;
}

.submission-overview .timer-box {
	padding: 10px;
	background-color: #dcefff;
	color: #000;
	font-size: 10pt;
}
.timer-box .timer-control {
	width: 100%;
	display: block;
}
.timer-btn {
	width: 100%;
}
.timer-box .timer-view {
	xfloat: right;
	xmargin-left: 10px;
}

.timer-box .timer-bar {

}

.estimated-timer {
	position: relative;
}

.estimated-time-dropdown {
	position: absolute;
	left: -80px;
	top: 0;
	right: 0;
	z-index: 10;
	box-shadow: 0px 0px 3px #ddd;
	-moz-box-shadow: 0px 0px 3px #ddd;
	-webkit-box-shadow: 0px 0px 3px #ddd;
	-o-box-shadow: 0px 0px 3px #ddd;
	width: 207px;
	background-color: #f1f1f1;
}
.time-dropdown label {
	font-size: 9pt !important;
}
.time-dropdown {
	padding: 10px;
}
.estimated-title {
	display: inline-block;
	position: relative;
}

.important-overview {
	font-size: 10pt;
	padding: 10px;
	background-color: #dcefff;
}

.doc-info-row {
	margin: 0px !important;
}
.doc-info-col {
	margin: 0px !important;
	width: 100%;
}
/*
@media screen and (max-width:1830px) {
	.doc-info-col {
		font-size:.9em !important;
	}
}
@media screen and (max-width:1410px) {
	.doc-info-col {
		font-size:.8em !important;
	}
}
*/
.doc-info-col > tbody > tr > td {
	vertical-align: top;
}
.doc-info-col .first-col{
	width: 30%;
}
.current-status {
	color: #FFF;
	background-color: #dc0000;
	border: 1px solid #cc0000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	padding: 5px;
	text-align: center;
	margin-bottom: 5px;
}

#time-estimate {
    font-size: 9pt !important;
    height: 15px !important;
    margin-left: 5px !important;
    padding: 5px !important;
    width: 45px !important;
    margin-right: 0px;
    margin-bottom: 0px;
}

.timer-box .current-timer {
	xtext-align: center;
}
.timer-box .estimated-timer {
	xmargin-top: 5px;
}

.submission-overview .submission-title {
	color: #4d4d4f;
	font-size: 20pt;
	line-height: 19pt;
	text-transform: uppercase;
	margin-top: 10px;
}
.submission-overview .submission-change-name {
	xmargin-top: 10px;
	text-transform: none;
}

.sub-shorttop {
	display: none;
}

.btn.submission-name-btn {
	padding: 10px;
	background-color: #f1f2f2;
	border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0 !important;
	-moz-border-radius: 0 2px 2px 0 !important;
	-o-border-radius: 0 2px 2px 0 !important;
	color: #58595b;
	text-transform: uppercase;
	font-size: 11pt;
	cursor: pointer;
	background-image: url("/img/change-name-arrow.png");
	background-repeat: no-repeat;
	background-position: 7px 14px;
	padding-left: 25px;
}
.btn.submission-name-btn:hover {
	background-color: #f6f6f6;
}

.submission-active-title {
	font-size: 16pt;
	color: #4d4d4f;
	margin-bottom: 10px;
}

.submission-info {
	font-size: 10pt;
	padding: 10px;
}

.submission-info .row-fluid [class*="span"]{
	min-height: 22px;
}

.sub-info-title {
	text-transform: uppercase;
}

.submission-overview .nav-tabs {
	_overflow: hidden;
    padding-left: 28px;
    _padding-top: 10px;
    padding-top: 0px;
}

.submission-well {
	background-color: #eaeaea;
	background-image: url("/img/submission-top-bg.jpg");
	padding: 10px;
	margin-bottom: 30px;
	border: 1px solid #ebebeb;
	box-shadow: 0px 0px 3px #ddd;
	-moz-box-shadow: 0px 0px 3px #ddd;
	-webkit-box-shadow: 0px 0px 3px #ddd;
	-o-box-shadow: 0px 0px 3px #ddd;
}
.submission-well h3{
	font-size: 16pt;
	font-weight: 400;
}

.document-table-wrapper {
	xmax-height: 700px;
	max-height: 600px;
	overflow-x: auto;
	position: relative;
}


.submission-document-table {
	margin-bottom: 0px;
}

/*.submission-document-table thead {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
}*/

.submission-document-table th {
	text-transform: uppercase;
	font-size: 10pt;
	padding: 10px;
	white-space: nowrap;
}

.submission-document-table tr {
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	-o-border-radius: 0px !important;
	cursor: pointer;
}



.document-length {
	color: #20c4f4;
	font-weight: 700;
	padding-right: 10px;
	font-size: 15pt;
}

.submission-document-table td {
	background-color: #f8f8f8;
	font-size: 10pt;
	vertical-align: middle;
}


.nav.nav-tabs {
	margin-bottom: 0px;
}
.nav-tabs > li {
	    cursor: pointer;
    overflow: hidden;
    padding-top: 10px;
}
.nav-tabs > li > a {
	padding: 15px;
	padding-right: 45px;
	font-size: 10pt;
	font-weight: 700;
	background-color: #eaeaea;
	background-image: url("/img/submission-top-bg.jpg");
	margin-right: 10px;
	border: 1px solid #ebebeb;
	text-transform: uppercase;
	cursor: pointer;
	color: #4D4D4F;
	box-shadow: 0px 0px 3px #ddd;
	-moz-box-shadow: 0px 0px 3px #ddd;
	-webkit-box-shadow: 0px 0px 3px #ddd;
	-o-box-shadow: 0px 0px 3px #ddd;
}
.nav-tabs > li > a:hover {
	background-color: #FFF;
	background-image: none;
	border-bottom: 1px solid #FFF;
	color: #4D4D4F;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
	background-image: none;
	background-color: #FFF;
	padding: 15px;
	padding-right: 45px;
	color: #4D4D4F;
	font-size: 10pt;
	text-transform: uppercase;
	font-weight: 700;
	box-shadow: 0px 0px 3px #ddd;
	-moz-box-shadow: 0px 0px 3px #ddd;
	-webkit-box-shadow: 0px 0px 3px #ddd;
	-o-box-shadow: 0px 0px 3px #ddd;
}

#footer, footer {
	color: #FFF;
	padding: 0px;
	margin: 0px;
	background-color: #f1f2f2;
}


#pdfRenderer {
	width: 500px;
	height: 655px;
}

#pdfRenderer p {
   padding: 1em;
}

#pdfRenderer object {
   display: block;
   border: solid 1px #666;
}

.vertical-timeline {
	position: relative;
	min-height: 600px;
	overflow-y: auto;
	padding-top: 30px;
	padding-bottom: 30px;
}

.vertical-timeline-line {
	display: block;
    xmargin: 0 auto;
    text-align: center;
    width: 5px;
    background-color: #20c4f4;
    height: 100%;
    position: absolute;
}
.vertical-timeline-line .top-ball {
	height: 24px;
	width: 24px;
	background-image: url("/img/timeline-circle-lb.png");
	background-repeat: no-repeat;
	z-index: 10;
	position: absolute;
	top: 0px;
	left: -9px;
}
.vertical-timeline-line .bottom-ball {
	height: 24px;
	width: 24px;
	background-image: url("/img/timeline-circle-lb.png");
	background-repeat: no-repeat;
	z-index: 10;
	position: absolute;
	bottom: 0px;
	left: -9px;
}
.timeline-left {
	xleft: 0px;
}
.timeline-right {
	xright: 0px;
}

.timeline-item {
	width: 225px;
	margin: 1px;
	position: absolute;
	top: 0px;

}



.timeline-item .timeline-date {
	height: 25px;
	width: 25px;
	padding: 0px;
	margin-top: 25px;
	background-image: url("/img/timeline-arrow.png");
	background-repeat: no-repeat;
	z-index: 10;
}

.timeline-item.client .timeline-circle {
	height: 24px;
	width: 24px;
	background-image: url("/img/timeline-circle-g.png");
	background-repeat: no-repeat;
	z-index: 10;
}

.timeline-item.paab .timeline-circle {
	height: 24px;
	width: 24px;
	background-image: url("/img/timeline-circle-db.png");
	background-repeat: no-repeat;
	z-index: 10;
}


.timeline-item .timeline-content {
	height: auto;
	xxwidth: 65%;
	width: 100%;
	padding: 15px;
	position: relative;
	font-size: 10pt;
	background-color: #fff;
	color: #000;
	box-shadow: 0px 0px 4px #aaa;
	-moz-box-shadow: 0px 0px 4px #aaa;
	-webkit-box-shadow: 0px 0px 4px #aaa;
	-o-box-shadow: 0px 0px 4px #aaa;
	xpadding-bottom: 30px;
	z-index: 5;
	cursor: pointer;
}

.timeline-content.open{
	border: 4px solid #18df2b;
	width: 63%;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

.timeline-content.paab.open{
	border: 4px solid #2463d3;
	width: 63%;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

.timeline-documents .documents {
	display: block;
	margin-top: 15px;
	padding: 2px;
	color: #77787b;
	xmax-height: 80px;
	xoverflow-y: auto;
	font-size: 9pt;
}

.document-toggle {
	padding-top: 15px;
	color: #77787b;
	text-decoration: underline;
	cursor: pointer;
	display: none;
}

.timeline-file {
	color: #77787b;
	text-decoration: none;
}
.timeline-file:hover {
	color: #444444;
	font-weight: 700;
	text-decoration: underline;
}

.timeline-file.approved {
	padding-left: 20px;
	background-image: url('/img/small-approved.png');
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.timeline-item .timeline-content h4{
	text-transform: uppercase;
	font-size: 11pt;
}

.timeline-item.timeline-left .timeline-date {
	border-left: 0px;
	right: -51px;
    position: absolute;
}
.timeline-item.timeline-left .timeline-circle {
	border-left: 0px;
	right: -93px;
	top: 28px;
    position: absolute;
}
.timeline-item.timeline-left .timeline-content {

}

.timeline-item.timeline-right .timeline-date {
	border-right: 0px;
	background-image: url("/img/timeline-arrow-right.png");
	left: 20px;
    position: absolute;
}
.timeline-item.timeline-right .timeline-circle {
	left: -30px;
	top: 28px;
    position: absolute;
}
.timeline-item.timeline-right .timeline-content {
	margin-left: 39px;
	width: 99%;
}

.timeline-item.open.timeline-left .timeline-date{
	background-image: url("/img/timeline-arrow-over.png");
}
.timeline-item.open.timeline-right .timeline-date{
	background-image: url("/img/timeline-arrow-right-over.png");
}

.timeline-item.open.paab.timeline-left .timeline-date{
	background-image: url("/img/timeline-arrow-overc.png");
}
.timeline-item.open.paab.timeline-right .timeline-date{
	background-image: url("/img/timeline-arrow-right-overc.png");
}

.timeline-toggle {
	position: absolute;
	right: 0px;
	top: 0px;
}





.dgrowrenderer {
	-webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.dgrowrenderer.even {
	background-color: #fff;
}
.dgrowrenderer.odd {
	background-color: #f8f8f8;
}

.dgrowrenderer.over {
	background-color: #e3e3e3;
	cursor: pointer;
}
.dgrowrenderer.header-row {
	background-color: #e5e5e5;
	cursor: pointer;
}
.adapt-lvheader {
	font-weight: 700;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	margin: 5px;
	clear: both;
}

.adapt-lvrow {
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	border: 1px solid #ccc;
	margin: 5px;
	cursor: pointer;
	clear: both;
}
.adapt-lvrow:hover {
	background-color: #eee;
}

.status-bar {
	border: 1px solid #e1e1e1;
	background-color: #FFF;
}

.overall-status-bar {
	xbackground-color: #fff;
	height: 25px;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.progress-status-bar {
	color: #fff;
	height: 100%;
	text-align: right;
}
.progress-status-bar.green {
	background-color: #9fe148;
}
.progress-status-bar.red {
	background-color: #ed174c;
}
.progress-status-bar.yellow {
	background-color: #ffdd00;
}
.progress-status-bar.gray {
	background-color: #D3D3D3;
}


.overall-status-bar .progress-status-bar .tooltip {
	position: absolute;
	left: 50%;
	top: 0%;
	width: 30px;
	height: 20px;
	background-color: #333;
	border: 1px solid #ccc;
	color: #fff;
	z-index: 10;
	opacity: 1;
	text-align: center;
}
.progress-bar-num {
	margin-right: 5px;
}
.total-status-num {
	color: #555;
	float: left;
	margin-left: 3px;
}

.column-name {
    display: inline;
    _padding-right: 5px;
}

.column-sort {
	display: inline-block;
	position: relative;
    cursor: pointer;
    top: 2px;
    height: 14px;
    width: 14px;
}
.column-resizer {

	display: none;

	float: right;
	width: 5px;
	height: 20px;
	top: 2px;
	position: relative;
	/*background-color: #333;*/
	border-right: 1px solid #d1d3d4;
	cursor: ew-resize;

}
.dg-submissions-grid thead {
	margin-bottom: 5px;
}
.dg-submissions-grid th {
	border-right: 1px solid #d1d3d4;
	white-space: nowrap;
}

.dg-submissions-grid th, .dg-submissions-grid td {
	overflow: hidden;
	white-space: nowrap;
	border-right: 1px solid #d1d3d4;
}
.dg-submissions-grid td {
	cursor: pointer;
}

.dg-submissions-grid th.last, .dg-submissions-grid td.last {
	border-right: 0px;
}

.compose-btn {
	xpadding: 10px;
	xheight: 40px;
}

.navbar .nav li a.notify-item {
	font-size: 15pt !important;
	color: #FFF !important;
	xbackground-color: #eb2225 !important;
	padding: 0px !important;
	width: 30px;
	font-weight: 100;
	height: 30px !important;
	_border-radius: 25px !important;
	_-moz-border-radius: 25px !important;
	_-webkit-border-radius: 25px !important;
	_-o-border-radius: 25px !important;
	_box-shadow: 1px 1px 0 0 #000000;
	_-moz-box-shadow: 1px 1px 0 0 #000000;
	_-webkit-box-shadow: 1px 1px 0 0 #000000;
	_-o-box-shadow: 1px 1px 0 0 #000000;
	margin: 10px;
	margin-top: 30px;
	margin-bottom: 10px;
}

.navbar .nav li a.notify-item .fa {
	position: relative;
}
	a .fa .badge-num {
		position: absolute;
		right: -10px;
		top: -10px;
		background-color: #ff0000;
		min-width: 18px;
		width: auto;
		height: 15px;
		border-radius: 10px !important;
		-moz-border-radius: 10px !important;
		-webkit-border-radius: 10px !important;
		-o-border-radius: 10px !important;
		overflow: hidden;
		padding: 3px 1px 0 0px;
		text-align: center;
		font-family: 'Open Sans',sans-serif;
		font-size: 11px !important;
		font-weight: 100;
		_box-shadow: 1px 1px 0 0 #555555;
		_-moz-box-shadow: 1px 1px 0 0 #555555;
		_-webkit-box-shadow: 1px 1px 0 0 #555555;
		_-o-box-shadow: 1px 1px 0 0 #555555;
		text-shadow: none !important;
	}
	a .fa .badge-num.sub {
		top: 10px;
		background-color: #ffa700;
		color: #000;
	}

.navbar .nav li a.notify-item span {
	/*
	position: relative;
	padding-top: 5px;
	width: 30px;
	box-shadow: inset 1px 1px 0px #FFF;
	-moz-box-shadow: inset 1px 1px 0px #FFF;
	-webkit-box-shadow: inset 1px 1px 0px #FFF;
	-o-box-shadow: inset 1px 1px 0px #FFF;
	border-radius: 25px 25px 25px 25px;
	-moz-border-radius: 25px 25px 25px 25px;
	-webkit-border-radius: 25px 25px 25px 25px;
	-o-border-radius: 25px 25px 25px 25px;
    display: inline-block;
    height: 25px;
	text-align: center;
	*/
}
.nav.user-panel li a {
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-bottom: 10px !important;
}
.nav.user-panel li a .fa {
	text-shadow: 1px 1px 1px #0a0c0e !important;
}
.blue-item-a {
	xpadding-left: 15px !important;
}
.blue-item-b {

}
.blue-item-c {
	xpadding-right: 15px !important;
}
.outer-welcome {
	background-color: #2463d3;
}

.tooltip-inner {
	white-space: pre-line;
}

.inner-welcome {
	background-color: #478df2;
	padding: 20px !important;
	color: #badaf3;
	font-size: 18pt;
	font-weight: 200;
	text-transform: uppercase;
	border-bottom: 1px solid #fff;
	padding-top: 40px;
}
.inner-welcome .user-name {
	color: #FFF;
}
.container.submission-top {
	padding-bottom: 10px;
}

.dashboard-control {
	background-image: url("/img/mudflap-bg.png");
	height: 26px;
	width: 100%;
	margin-bottom: -15px;
}
.middleContainer .dashboard-toggle-container {
	padding:0px;
	width:1210px;
	background-color: transparent;
}
.dashboard-toggle {
	background-image: url("/img/mudflap.png");
	background-repeat: no-repeat;
	background-position: center;
	height: 26px;
	width: 175px;
	margin: auto;
	cursor: pointer;
}
.dashboard-container {
	background-color: #fff;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f7f7f7));
	background: -webkit-linear-gradient(top, #ffffff, #f7f7f7);
	background: -moz-linear-gradient(top, #ffffff, #f7f7f7);
	background: -ms-linear-gradient(top, #ffffff, #f7f7f7);
	background: -o-linear-gradient(top, #ffffff, #f7f7f7);
}
.login-widget {
	position: relative;
  	background-color: #006de8;
  	width: 800px;
  	margin: auto;
	padding: 60px;
}
.login-form {
    margin: 0;
    padding: 0px;
    width: auto;
    margin-left: 20px;
}
.login-form input {
    margin-bottom: 10px;
    margin-top: 5px;
    width: 290px;
	z-index: 1;
}
.login-form .blue-btn {
	display: inline-block;
	height: 45px;
}
.login-form button {
	margin-bottom: 10px;
	margin-top: 3px;
}
.login-header {
	color: #FFF;
	font-size: 18pt;
	margin-bottom: 30px;
	margin-top: 30px;
	margin-left: 20px;
}
.login-logo {

}
.remember-me {

}
.remember-me input {
    margin-bottom: 0;
    margin-left: 0 !important;
    margin-right: 5px;
    margin-top: 4px !important;
    width: auto;
    float: left;
}

.login-widget .user-name {
	display: inline-block;
	width: 40%;
	margin-right: 2%;
}
.login-widget .password {
	display: inline-block;
	position: relative;
	width: 40%;
	margin-right: 2%;
}
.login-widget .password input {
	_height: 20px;
	z-index: 1;
}
.eye-pass {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 50%;
	right: 10px;
	margin-top: -10px;
	color: #9c9c9c;
	z-index: 2;
}
.login-widget .mfacode {
	display: block;
	_width: 130px;
	_margin-right: 2%;
}
	.login-widget .mfacode input {
		text-transform: uppercase !important;
		font-size: 16px;
		letter-spacing: 10px;
		width: 130px;
	}
	.login-widget .mfacode button {
		margin-left: 20px;
	}

	.login-widget .mfacode-nav {
		_display: inline-block;
		display: block;
		_width: 40%;
		_margin-left: 2%;
		_position: relative;
		_top: -40px;
		text-align: left;
		clear: both;
	}
	.login-widget .mfacode-nav > span {
		padding-right: 30px;
	}

	.login-widget .mfa-help-text {
	}

	.mfa-back,
	.mfa-help,
	.mfa-sendagain {
		color: #20c4f4;
		cursor: pointer;
	}
		.mfa-back:hover,
		.mfa-help:hover,
		.mfa-sendagain:hover {
			text-decoration: underline;
		}

.login-widget .login-sub {
	display: inline-block;
	width: 10%;
	top: -40px;
	position: relative;
	margin-left: 0px;
}

/* Cognito "claim your account" steps (loginController claimStep / forgot.step) */
.login-widget .login-claim,
.forgot-widget .login-claim {
	color: #fff;
}
	.forgot-widget .login-claim .login-form input {
		width: 290px;
	}
	.login-widget .login-claim .claim-title {
		color: #fff;
		margin: 0 0 5px 0;
	}
	.login-widget .login-claim .claim-intro,
	.login-widget .login-claim .claim-hint {
		margin-bottom: 15px;
	}
	.login-widget .login-claim .claim-hint {
		font-size: 9pt;
		opacity: 0.85;
	}
	.login-widget .login-claim .login-sub {
		display: block;
		width: auto;
		top: 0;
	}
	.login-widget .login-claim .mfacode input {
		text-transform: none !important;
	}
	.login-widget .claim-dev-code {
		display: inline-block;
		margin: 5px 0 10px 0;
	}
.login-info {
	font-size: 9pt;
	color: #fff;
	padding: 5px;
	margin: 10px 20px 0px 20px;
}

.forgot-widget {
	display: none;
}

.forgot-widget .ret-sub {
	display: inline-block;
	position: relative;
	margin-left: 10px;
	_top: -3px;
}

.reset-widget .ret-sub {
	display: inline-block;
	position: relative;
	margin-left: 10px;
	top: -3px;
}

.ret-sub .blue-btn {
	height: 42px;
}

.thank-pass {
	display: none;
}

.forgot-pass {
	color: #20c4f4;
	cursor: pointer;
}
.forgot-pass:hover {
	text-decoration: underline;
}

.forg-pass-notfound {
	display: none;
	padding-left: 20px;
	color: #fff;
}

.mfasend-again {
	color: #20c4f4;
	cursor: pointer;
}
.mfasend-again:hover {
	text-decoration: underline;
}

.back-login {
	color: #20c4f4;
	cursor: pointer;
	margin-left: 20px;
}
.back-login:hover {
	text-decoration: underline;
}

.list-btn {
	display: inline-block;
	position: relative;
	width: 30px;
	height: 30px;
	background-image: url("/img/list-icon-off.png");
	background-repeat: no-repeat;
	cursor: pointer;
}
.list-btn.on {
	background-image: url("/img/list-icon-on.png");
}
.list-btn:hover {
	background-image: url("/img/list-icon-on.png");
}

.tree-btn {
	display: inline-block;
	position: relative;
	width: 30px;
	height: 30px;
	background-image: url("/img/tree-icon-off.png");
	background-repeat: no-repeat;
	cursor: pointer;
}
.tree-btn.on {
	background-image: url("/img/tree-icon-on.png");
}
.tree-btn:hover {
	background-image: url("/img/tree-icon-on.png");
}

.grid-btn {
	display: inline-block;
	position: relative;
	width: 30px;
	height: 30px;
	background-image: url("/img/grid-icon-off.png");
	background-repeat: no-repeat;
	cursor: pointer;
}
.grid-btn.on {
	background-image: url("/img/grid-icon-on.png");
}
.grid-btn:hover {
	background-image: url("/img/grid-icon-on.png");
}

.col-btn {
	display: inline-block;
	position: relative;
	width: 30px;
	height: 30px;
	background-image: url("/img/col-icon-off.png");
	background-repeat: no-repeat;
	cursor: pointer;
	margin-right: 5px;
}
.col-btn.on {
	background-image: url("/img/col-icon-on.png");
}
.col-btn:hover {
	background-image: url("/img/col-icon-on.png");
}

.row-btn {
	display: inline-block;
	position: relative;
	width: 30px;
	height: 30px;
	background-image: url("/img/row-icon-off.png");
	background-repeat: no-repeat;
	cursor: pointer;
	margin-right: 5px;
}
.row-btn.on {
	background-image: url("/img/row-icon-on.png");
}
.row-btn:hover {
	background-image: url("/img/row-icon-on.png");
}

.date-col {
	width: 100px;
}
.type-col {
	width: 60px;
}

/*

	/img/incomplete_icon.png
	/img/revision_submitted.png
	x/img/revision_required.png
	/img/under_review.png
	/img/cancelled.png
	/img/incomplete.png
	/img/approved.png

*/
.type.approved {
	background-image: url("/img/approved.png");
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 40px;
}

.type.cancelled {
	background-image: url("/img/cancelled.png");
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 40px;
}

.type.incomplete {
	background-image: url("/img/incomplete.png");
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 40px;
}

.type.under_review {
	background-image: url("/img/under_review.png");
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 40px;
}

.type.renew {
	background-image: url("/img/renew-icon.png");
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 40px;
}

.type.resub {
	background-image: url("/img/resub-icon.png");
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 40px;
}

.type.revision_required {
	background-image: url("/img/revision_required.png");
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 40px;
}

.type.first {
	background-image: url("/img/first-icon.png");
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 40px;
}

.type.draft {
	background-image: url("/img/draft-icon.png");
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 40px;
}

.type.acceptedforreview {
	background-image: url("/img/acceptedForReview.png");
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 40px;
}
td.type {
	text-align: center;
}

.search-tab {
	position: absolute;
	top: 45px;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: auto;
}

#priority-box {
	xmin-height: 400px;
	background-color: #FFF;
	box-shadow: 1px 1px 3px #d9d9d9;
	-moz-box-shadow: 1px 1px 3px #d9d9d9;
	-webkit-box-shadow: 1px 1px 3px #d9d9d9;
	-o-box-shadow: 1px 1px 3px #d9d9d9;
	_width: 30%;
	width: 400px;
	position: fixed;
	_left: -30%;
	left: -400px;
	_top: 70px;
	top: 0;
	bottom: 0px;
	z-index: 999;
	_max-width:500px;
	_min-width:300px;
}
.priority-drop-target {
	padding: 45px;
}

.priority-toggle {
	position: absolute;
	right: -18px;
	width: 20px;
	height: 80px;
	_top: 145px;
	top: 50%;
	margin-top: -40px;
	z-index: 600;
	background-image: url("/img/priority-toggle.png");
	background-repeat: no-repeat;
	background-position-x: -5px;
	cursor: pointer;
}
.priority-toggle:hover {
	right: -40px;
	width: 40px;
	background-position-x: 0px;
}

#priority-box.open .priority-toggle {
	background-image: url("/img/priority-toggle-out.png");
}
/*
#priority-box.closed .priority-toggle:hover {
	right: -30px;
}
*/

#priority-box .priority-header{
	padding: 20px;
	background-color: #f4f5f5;
	background-image: url("/img/submission-top-bg.jpg");
	font-size: 15pt;
	font-weight: 400;
	text-transform: uppercase;
	color: #4d4d4f;
	cursor: pointer;
	box-shadow: 1px 1px 3px #d9d9d9;
	-moz-box-shadow: 1px 1px 3px #d9d9d9;
	-webkit-box-shadow: 1px 1px 3px #d9d9d9;
	-o-box-shadow: 1px 1px 3px #d9d9d9;
}

#priority-box .priority-body {
	background-color: #FFF;
	padding: 20px;
	margin-top: 10px;
}

#priority-box .nav-tabs > li > a {
	padding: 15px;
	margin-right: 5px;
}

#priority-box .nav-tabs li {
	_width: 33%;
	text-align: center;
}
#priority-box .nav-tabs li a{
   font-size: 9pt;
    line-height: 10pt;
    padding: 10px;
    _min-height: 30px;
}


#priority-box .nav.nav-tabs {
	background-color: #f9f9f9;
	padding: 0 0 0 10px;
}

#priority-box .search-tab .search-text {
	padding: 20px;
}
#priority-box .search-tab .search-tools .input-group {
	display: block;
	width: inherit;
}
#priority-box .search-tab .search-tools .input-group .helper .sub {
	display: inline-block;
	margin-left: 5px;
}
	#priority-box .search-tab .search-tools .input-group .helper .sub.clickable {
		cursor: pointer;
	}

#priority-box .search-tab .search-tools {
	padding-bottom: 20px;
	white-space: nowrap;
}
/*#priority-box .search-tab .search-tools input,
.annotation-search-input {
	_width: 92%;
	width: 322px !important;
	margin-bottom: 0px;
}
*/
#priority-box .search-tab .search-tools label{
	font-size: 9pt;
}
#priority-box .search-tab .search-tools .blue-btn{
	text-align: center;
	margin: auto;
	width: 80px;
}

#priority-box .search-tab .search-tools .search-tools-sub {
	display: none;
	background-color: rgb(241, 241, 241);
	padding: 5px;
	box-shadow: 1px 1px 3px #d9d9d9;
	-moz-box-shadow: 1px 1px 3px #d9d9d9;
	-webkit-box-shadow: 1px 1px 3px #d9d9d9;
}

#priority-box .search-tab .search-tools .search-tools-sub .date-group {
	margin-top: 0;
	margin-right: 0;
	display: block;
}
#priority-box .search-tab .search-tools .search-tools-sub select,
#priority-box .search-tab .search-tools .search-tools-sub _input {
	width: 100%;
	margin: 0;
}
#priority-box .search-tab .search-tools .search-tools-sub label {
	display: block;
	margin-top: 5px;
	margin-bottom: 0;
}

.adv-search-blurb {
	border-bottom: 1px solid #efefef;
	padding-bottom: 10px;
	width: 98%;
}

.priority-selected-box {
	display: block;
	position: relative;
	width: 100%;
	height: 188px;
	border: 1px solid #cdced0;
	margin-bottom: 5px;
	box-shadow: 1px 1px 3px #d9d9d9;
	-moz-box-shadow: 1px 1px 3px #d9d9d9;
	-webkit-box-shadow: 1px 1px 3px #d9d9d9;
}

.priority-selected-box .priority-selected-header {
	background-color: #FFF;
	xpadding: 10px;
	font-size: 11pt;
	font-weight: 700;
	text-transform: uppercase;
	border-bottom: 1px solid #cdced0;
	min-height: 40px;
}

.priority-selected-header .row {
	display: block;
	margin-left: 0px;
	position: relative;
}

.priority-selected-box .priority-selected-body {
	background-color: #f8f8f8;
	font-size: 11pt;
	padding: 20px;
}
.priority-title {
	padding: 5px;
	display: inline;
	padding-top: 10px;
	height: 30px;
	position: relative;
	top: 9px;
}


.priority-type {
	padding: 5px;
	display: inline;
	height: 30px;
	border-right: 1px solid #cdced0;
	padding-top: 10px;
	padding-bottom: 0px;
}

.priority-efile{
	cursor: pointer;
}

.remove-priority {
	border-left: 1px solid #cdced0;
	padding: 5px;
	height: 25px;
	padding-top: 10px;
}
.remove-priority i {
	position: relative;
	margin-top: 4px;
	cursor: pointer;
}
.remove-priority .icon-remove {
	background-image: url("/img/glyphicons-halflings.png");
    background-position: -308px 0;
    height: 20px;
    width: 20px;
}

#priority-box .members-body,
#priority-box .allMentions-body,
#priority-box .mentions-body {
	background-color: #FFF;
	padding: 20px;
	_margin-top: 10px;
}

.members-selected-box,
.allMentions-selected-box,
.mentions-selected-box {
	display: block;
	position: relative;
	/*
	width: 100%;
	_height: 188px;
	border: 1px solid #cdced0;
	background-color: #ffffff;
	_border-radius: 5px;
	margin-bottom: 5px;
	box-shadow: 1px 1px 3px #d9d9d9;
	-moz-box-shadow: 1px 1px 3px #d9d9d9;
	-webkit-box-shadow: 1px 1px 3px #d9d9d9;
	*/
}

.annotation-search-input {
	_width: 338px !important;
	width: 94% !important;
	margin-bottom: 0 !important;
}
.annotation-date {
}
	.annotation-date input {
		max-width: 122px;
		outline: 1px dotted #FF0000;
	}

.annotation-selected-box {
	display: block;
	position: relative;
	font-size: 13px;
	padding: 10px;
	_width: 100%;
	_height: 188px;
	_border: 1px solid #cdced0;
	background-color: #ffffff;
	border-radius: 4px;
	margin-bottom: 8px;
	box-shadow: 0 0 3px 0 #a4a4a4;
	-moz-box-shadow: 0 0 3px 0 #a4a4a4;
	-webkit-box-shadow: 0 0 3px 0 #a4a4a4;
}
	.annotation-selected-box.ischild {
		margin-left: 10px;
	}

	.annotation-selected-box:hover {
		background-color: #92f0fd36;
	}
	.annotation-selected-box.picked {
		background-color: #92f1fd;
	}

	.annotation-userball {
		width: 28px;
		position: absolute;
		top: 10px;
		bottom: 10px;
	}
		.userball {
			_background-color: #d6e5f4;
			text-align: center;
			font-weight: 600;
			width: 27px;
			height: 28px;
			_width: 32px;
			_height: 26px;
			_border-radius: 16px;
			_padding-top: 5px;
			overflow: hidden;
			background-image: url('/img/mentiontype-icon.png');
			background-repeat: no-repeat;
			_background-position: center center;
		}
		.userball-badge {
			position: absolute;
			right: -2px;
			top: -2px;
			background-color: rgb(72, 80, 86);
			color: #fff;
			min-width: 12px;
			width: auto;
			height: 12px;
			border-radius: 10px !important;
			-moz-border-radius: 10px !important;
			-webkit-border-radius: 10px !important;
			-o-border-radius: 10px !important;
			overflow: hidden;
			padding: 0 0 0 0;
			text-align: center;
			font-family: 'Lato',sans-serif;
			font-size: 9px !important;
			font-weight: 100;
			text-shadow: none !important;
			line-height: 12px;
		}
			.type_text		.userball {background-position-y: 0;}

			.type_note		.userball {background-position-y: 0;}
			.type_stickynote	.userball {background-position-y: 0;}
			.type_squiggly		.userball {background-position-y: -28px;}
			.type_strikeout		.userball {background-position-y: -56px;}
			.type_underline		.userball {background-position-y: -84px;}
			.type_freehand		.userball {background-position-y: -112px;}
			.type_freetext		.userball {background-position-y: -140px;}
			.type_highlight		.userball {background-position-y: -168px;}
			.type_callout		.userball {background-position-y: -196px;}
			.type_stamp			.userball {background-position-y: -224px;}
			.type_ellipse							.userball {background-position-y: -252px;}
			.type_polygon_style-cloudy				.userball {background-position-y: -280px;}
			.type_rectangle							.userball {background-position-y: -308px;}
			.type_line								.userball {background-position-y: -336px;}
			.type_line_it-linearrow_tail-openarrow	.userball {background-position-y: -364px;}
			.type_polygon							.userball {background-position-y: -392px;}
			.type_polyline_head-none_tail-none		.userball {background-position-y: -420px;}

			.type_polyline							.userball {background-position-y: -420px;}
			.type_fileattachment					.userball {background-position-y: -448px;}
			.type_signature							.userball {background-position-y: -476px;}
			.type_callout_it-freetextcallout_head-openarrow	.userball {background-position-y: -196px;}

			.type_square							.userball {background-position-y: -308px;}
			.type_circle							.userball {background-position-y: -252px;}
			.type_polygon-cloudy					.userball {background-position-y: -280px;}
			.type_line-arrow						.userball {background-position-y: -364px;}
			.type_freetext-callout					.userball {background-position-y: -196px;}
			.type_ink								.userball {background-position-y: -112px;}
			.type_ink-signature						.userball {background-position-y: -476px;}


			/*
			.type_note       .userball {background-position-y: 0;}
			.type_stickynote .userball {background-position-y: -28px;}
			.type_highlight  .userball {background-position-y: -56px;}
			.type_freehand   .userball {background-position-y: -84px;}
			.type_freetext   .userball {background-position-y: -112px;}
			.type_squiggly   .userball {background-position-y: -140px;}
			.type_strikeout  .userball {background-position-y: -168x;}
			.type_underline  .userball {background-position-y: -196px;}
			.type_1  .userball {background-position-y: -224px;}
			.type_2  .userball {background-position-y: -252px;}
			*/

	.annotation-hide {
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		text-align: center;
		cursor: pointer;
	}
	.annotation-drag {
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		text-align: center;
		cursor: grab;
	}

		.annotation-drag .fa,
		.annotation-hide .fa {
			opacity: .25;
		}
		.annotation-drag .fa:hover,
		.annotation-hide .fa:hover {
			opacity: 1;
		}
		.annotation-hide .fa-eye-slash {
			color: #FF0000;
		}

	.annotation-right {
		margin-left: 36px;
	}
		.annotation-creator {
			font-weight: 700;
		}

		.annotation-userball .annotation-icon {
			display: block;
			width: 24px;
			height: 24px;
		}

			.annotation-icon {
				display: block;
				width: 18px;
				height: 18px;
				background-image: url('/img/mentionstatus-icon.png');
			}

			.annotation-icon {
				display: block;
				width: 18px;
				height: 18px;
				background-image: url('/img/mentionstatus-icon.png');
				text-indent: 20px;
			}
				.annotation-icon.annotation-icon-0 {background-image: none;}
				.annotation-icon.annotation-icon-urgent    , .annotation-icon.annotation-icon-5 {background-position: 0 0;}
				.annotation-icon.annotation-icon-completed , .annotation-icon.annotation-icon-1 {background-position: 0 -18px;}
				.annotation-icon.annotation-icon-high      , .annotation-icon.annotation-icon-4 {background-position: 0 -36px;}
				.annotation-icon.annotation-icon-medium    , .annotation-icon.annotation-icon-3 {background-position: 0 -54px;}
				.annotation-icon.annotation-icon-low       , .annotation-icon.annotation-icon-2 {background-position: 0 -72px;}
				.annotation-icon.annotation-icon-6  {background-position: 0 -90px;}
				.annotation-icon.annotation-icon-7  {background-position: 0 -108px;}
				.annotation-icon.annotation-icon-8  {background-position: 0 -126px;}
				.annotation-icon.annotation-icon-9  {background-position: 0 -144px;}
				.annotation-icon.annotation-icon-10 {background-position: 0 -162px;}
				.annotation-icon.annotation-icon-11 {background-position: 0 -180px;}

		.annotation-date {
			_color: #666;
			opacity: .8;
			font-size: 10px;
		}
		.annotation-submission {
			display: block;
			font-weight: 700;
		}
			.annotation-submission a {
				cursor: pointer;
			}
			.annotation-submission a:hover {
				background-color:#0000000a;
				text-decoration: underline;
			}
		.annotation-document {
			display: block;
			color: #666;
			white-space: nowrap;
			overflow: hidden;
		}
			.annotation-document a {
				cursor: pointer;
			}
			.annotation-document a:hover {
				background-color:#0000000a;
				text-decoration: underline;
			}

		.annotation-content {
			margin-top: 10px;
			_max-height: 84px;
			white-space: pre-wrap;
			overflow: hidden;
			word-break: normal;
			word-wrap: break-word;
			cursor: pointer;
		}
			.annotation-content:hover {
				background-color:#0000000a;
			}

.members-box {
	background-color: #f8f8f8;
	box-shadow: 1px 1px 3px #d9d9d9;
	-moz-box-shadow: 1px 1px 3px #d9d9d9;
	-webkit-box-shadow: 1px 1px 3px #d9d9d9;
	-o-box-shadow: 1px 1px 3px #d9d9d9;
	margin: 20px;
}

.members-box .members-box-header {
	padding: 20px;
	background-color: #f4f5f5;
	background-image: url("/img/submission-top-bg.jpg");
	font-size: 15pt;
	font-weight: 400;
	text-transform: uppercase;
	color: #4d4d4f;
	cursor: pointer;
	box-shadow: 1px 1px 3px #d9d9d9;
	-moz-box-shadow: 1px 1px 3px #d9d9d9;
	-webkit-box-shadow: 1px 1px 3px #d9d9d9;
	-o-box-shadow: 1px 1px 3px #d9d9d9;
}

.members-box .members-box-body {
	padding: 20px;
}

.members-box .members-ta {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	border: 1px solid #dcddde;
	width: 96%;
}

.comment-box {
	background-color: #f8f8f8;
	box-shadow: 1px 1px 3px #d9d9d9;
	-moz-box-shadow: 1px 1px 3px #d9d9d9;
	-webkit-box-shadow: 1px 1px 3px #d9d9d9;
	-o-box-shadow: 1px 1px 3px #d9d9d9;
	margin: 20px;
}

.comment-box .comment-box-header {
	padding: 20px;
	background-color: #f4f5f5;
	background-image: url("/img/submission-top-bg.jpg");
	font-size: 15pt;
	font-weight: 400;
	text-transform: uppercase;
	color: #4d4d4f;
	cursor: pointer;
	box-shadow: 1px 1px 3px #d9d9d9;
	-moz-box-shadow: 1px 1px 3px #d9d9d9;
	-webkit-box-shadow: 1px 1px 3px #d9d9d9;
	-o-box-shadow: 1px 1px 3px #d9d9d9;
}

.comment-box .comment-box-body {
	padding: 20px;
}

.comment-box .comment-ta {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	border: 1px solid #dcddde;
	width: 96%;
}

.submission-comment {
	margin: 40px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #d1d3d4;
}

.new-submission-title {
	xwidth: 60%;
}

.new-submission-title form {
	margin: 0px;
	width: 60%;
}
.new-submission-title input {
	color: #4d4d4f !important;
	font-size: 16pt;
	text-transform: uppercase;
	margin: 0px;
}

.form-top-btns {
	display: inline-block;
    position: relative;
    top: -40px;
    width: auto;
}

.web-box {
	background-color: #f8f8f8;
	box-shadow: 1px 1px 3px #d9d9d9;
	-moz-box-shadow: 1px 1px 3px #d9d9d9;
	-webkit-box-shadow: 1px 1px 3px #d9d9d9;
	-o-box-shadow: 1px 1px 3px #d9d9d9;
	margin: 20px;
	_margin-top: 20px;
	_margin-bottom: 20px;
}

.web-box .web-box-header {
	padding: 20px;
	background-color: #f4f5f5;
	background-image: url("/img/submission-top-bg.jpg");
	font-size: 15pt;
	font-weight: 400;
	text-transform: uppercase;
	color: #4d4d4f;
	cursor: pointer;
	box-shadow: 1px 1px 3px #d9d9d9;
	-moz-box-shadow: 1px 1px 3px #d9d9d9;
	-webkit-box-shadow: 1px 1px 3px #d9d9d9;
	-o-box-shadow: 1px 1px 3px #d9d9d9;
}

.web-box .web-box-body {
	padding: 20px;
	xpadding-top: 35px;
}

.web-box .web-box-body input,
.web-box .web-box-body textarea,
.web-box .web-box-body select {
	box-shadow: 1px 1px 3px #d9d9d9;
	-moz-box-shadow: 1px 1px 3px #d9d9d9;
	-webkit-box-shadow: 1px 1px 3px #d9d9d9;
	-o-box-shadow: 1px 1px 3px #d9d9d9;
}
.web-box .web-box-body #fileupload {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

.form-num {
    color: #4D4D4F;
    font-weight: 700;
    margin-right: 10px;
}

.reviewField {
    display: inline-block;
    padding-top: 5px;
    position: relative;
}

.form-horizontal .control-label {
    text-align: left;
}
.form-horizontal .control-label-100 {
	width: 100%;
}
.form-horizontal .controls-left {
	margin-left: 0px;
}

#formSteps {
	margin-top: 20px;
	margin-bottom: 20px;
}
#formSteps.fixed {
	position: fixed;
    top: 100px;
    z-index: 99;
}
#formSteps .btn {
	box-shadow: 0px 1px 3px #d9d9d9;
	-webkit-box-shadow: 0px 1px 3px #d9d9d9;
	-moz-box-shadow: 0px 1px 3px #d9d9d9;
	-o-box-shadow: 0px 1px 3px #d9d9d9;
	background-color: #fff;
	background-image: none;
	border: 0px;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	padding: 20px;
	font-size: 12pt;
	color: #939598;
	text-shadow: none;
	xwidth: 60px;
}
#formSteps .btn .step-num {
	font-size: 22pt;
	font-weight: 700;
	color: #939598;
	display: inline-block;
	position: relative;
	top: 5px;
	margin-right: 5px;

	margin-left: 21px;
}
/*#formSteps .btn .step-title {
	display: none;
}*/

#formSteps .btn .step-arrow {
	background-image: url("/img/step-arrow.png");
	background-repeat: no-repeat;
	background-position: 100% 0px;
	width: 20px;
	height: 73px;
	display: inline-block;
	z-index: 99;
	position: absolute;
	top: -3px;
	left: 97%;
}

#formSteps .btn:hover {
	background-color: #59da20;
	color: #FFF;
	zwidth: auto;
}
/*#formSteps .btn:hover .step-title {
	display: inline;
}*/
#formSteps .btn:hover .step-arrow{
	background-image: url("/img/step-arrow-sel.png");
}
#formSteps .btn:hover .step-num {
	color: #FFF;
	margin-left: 0px;
}
.document-search {
	position: absolute;
	right: -301px;
	z-index: 99;
	min-height: 492px;
	background-color: #FFF;
	box-shadow: 0px 1px 3px #d9d9d9;
	-webkit-box-shadow: 0px 1px 3px #d9d9d9;
	-moz-box-shadow: 0px 1px 3px #d9d9d9;
	-o-box-shadow: 0px 1px 3px #d9d9d9;
}
.document-search .search-icon {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
}
.document-search .web-box {
	margin: 0px;
}
.document-search .search-toggle {
	background-image: url("/img/search-slide-toggle.png");
	background-repeat: no-repeat;
	background-position: 0px;
	cursor: pointer;
	position: absolute;
    height: 500px;
    left: -15px;
    top: -4px;
    width: 16px;
}

.browse-files {
	display: inline-block;
	text-align: center;
	margin-right: 20px;
}
.attach-files {
	display: inline-block;
	text-align: center;
}

.browse-files a, .attach-files button {
	margin-bottom: 10px;
}

.droppedFiles {
	display: inline-block;
	position: relative;
	width: 100%;

}
.droppedFiles .filerow {
	border-bottom: 1px solid #d0d1d2;
	padding-top: 5px;
	padding-bottom: 5px;
}

.fileFromComputer {

}
.fileFromComputer .delete-file {
    display: inline-block;
    float: left;
    height: 40px;
    margin-right: 15px;
    padding-top: 10px;
    position: relative;
}
.fileFromComputer .delete-file .delete-btn {
	width: 26px;
	height: 26px;
	display: inline-block;
	position: relative;
	background-image: url("/img/delete-icon-off.png");
	background-repeat: no-repeat;
	background-position: 0px;
	cursor: pointer;
}
.fileFromComputer .delete-file .delete-btn:hover {
	background-image: url("/img/delete-icon-over.png");
}
.fileFromComputer .file-name {
	display: inline-block;
	position: relative;
	xmargin-right: 40px;
	float: left;
	xheight: 40px;
	height: auto;
}
.fileFromComputer .file-name input{
	background-color: #FFF;
	margin: 0px;
}
.fileFromComputer .edit-file {
	display: inline-block;
	position: relative;
	float: left;
	xmargin-right: 15px;
	height: 40px;
	width: 20%;
}
.fileFromComputer .file-progress {
	display: inline-block;
	position: relative;
	float: left;
	xmargin-right: 15px;
	height: 40px;
	padding-top: 10px;
}
.fileFromComputer .file-status {
	display: inline-block;
	position: relative;
	float: left;
	margin-right: 15px;
	height: 40px;
	padding-top: 10px;
}
.form-buttons .web-box-header {
	height: 60px;
}
.modal {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	border: 0px;
	_background-color: transparent;
	background-color:#FFFFFF;
}
#sessionModal.modal {
	z-index: 2000;
}

.document-row {
	margin-bottom: 5px;
	padding: 2px;
	border-bottom: 1px solid #d0d1d2;
}

.search-icon {
	width: 25px;
	height: 25px;
	display: inline-block;
	position: relative;
	background-image: url("/img/search-icon.png");
	background-repeat: no-repeat;
}

.my-sub-search {
	display: inline-block;
	margin-top: 10px;
    position: relative;
}
.my-sub-search .search-icon {
   	margin: 3px 10px 3px 3px;
    position: relative;
}
.search-input {
	color: #4d4d4f !important;
	padding: 4px !important;
	font-size: 12pt !important;
	margin-top: -10px;
}
.filter-reviewer, .filter-product {
	margin-top: -10px;
	max-width: 150px;
}

.col-toggle-menu {
	color: #4b4b4b;
	padding: 10px;
	font-size: 10pt;
	border: 0px;
	opacity: 1;
	background-color: #f8f8f8;
	box-shadow: 1px 1px 3px #d9d9d9;
	-moz-box-shadow: 1px 1px 3px #d9d9d9;
	-webkit-box-shadow: 1px 1px 3px #d9d9d9;
	-o-box-shadow: 1px 1px 3px #d9d9d9;
	left: -150px;
}
.col-toggle-menu li input[type="radio"], .col-toggle-menu li input[type="checkbox"]  {
	margin-top: -2px;
}


.user-panel .dropdown-menu {
	opacity: 1;
	top: 99%;
	left: auto !important;
	right: 0 !important;
}
.user-panel .dropdown-menu li {
	position: relative;
	padding: 10px !important;
	height: auto;
	border-right: 0px !important;
	border-left: 0px !important;
}

.time-dropdown .blue-btn, .time-dropdown .grey-btn {
	display: inline-block;
}

#submissions-overview {
	padding: 30px;
	background-color: #FFF;
}
#reviewerSubmissionView .container{
	padding-top: 0px;
}
.my-submissions-row {
	padding-left: 0px;
	padding-right: 0px;
	background-color: #FFF;
	width: 100%;
	overflow-x: auto;
}

.mainPanelWrapper.fullWidth .dashboard-container {
	width: 100%;
}

.mainPanelWrapper.fullWidth .submission-top {
	width: auto;
}

.mainPanelWrapper.fullWidth .dashboard-toggle-container {
	width: 100%;
}

.mainPanelWrapper.fullWidth .submission-header {
	width: auto;
}


.idvSubmission.fullWidth .submission-top {
    padding-top: 0;
    position: relative;
    width: 100%;
    xz-index: 500;
}

.idvSubmission .container-fluid {
	background-color: #FFF;
}

.idvSubmission .submission-overview .nav-tabs {
	xpadding-top: 240px;
}
.now-viewing {
	margin-top: 10px;
	margin-bottom: 10px;
}
.dashboard-collapse {
	overflow: hidden;
}

.dashboard-holder {
	position: relative;
	xtop: 100px;
	xleft: 0;
	xright: 0;
	z-index: 99;
}
.row-draggable:active {
	cursor: move;
}
.document-table .row-draggable:hover td{
	background-color: #defae9 !important;
}
.approved-table .row-draggable:hover td{
	background-color: #fadede !important;
}

.dragHelper {
	display: block;
	position: relative;
	z-index: 1000;
	box-shadow: 0px 2px 2px #ccc;
	-webkit-box-shadow: 0px 2px 2px #ccc;
	-moz-box-shadow: 0px 2px 2px #ccc;
	-o-box-shadow: 0px 2px 2px #ccc;
}

.dragHelper td {
    border-right: 1px solid #D1D3D4;
    overflow: hidden;
    white-space: nowrap;
    padding: 5px 10px;
}

.dragHelper .progress-status-bar {
	min-width: 100px;
}

.helperTable {
	width: 540px;
}
.helperTable.document tr td{
	background-color: #defae9 !important;
}
.helperTable.approve tr td{
	background-color: #fadede !important;
}

.placeholder {
	position: absolute;
	top: 0px;
	left: 0px;
}
.remove-priority {
	cursor: pointer;
}

.droppable-area-active {
	box-shadow: 0px 1px 3px #d9d9d9;
	-moz-box-shadow: 0px 1px 3px #d9d9d9;
	-webkit-box-shadow: 0px 1px 3px #d9d9d9;
	-o-box-shadow: 0px 1px 3px #d9d9d9;
	border: 2px solid #50911d;
}

.droppable-area-active th{
	background-color: #9df563;
}

.droppable-area-active-hover {
	box-shadow: 0px 1px 3px #d9d9d9;
	-moz-box-shadow: 0px 1px 3px #d9d9d9;
	-webkit-box-shadow: 0px 1px 3px #d9d9d9;
	-o-box-shadow: 0px 1px 3px #d9d9d9;
	border: 2px solid #69a33c;
}

.droppable-area-active-hover th{
	background-color: #d4faa3;
}


.droppable-area-active-alt {
	box-shadow: 0px 1px 3px #d9d9d9;
	-moz-box-shadow: 0px 1px 3px #d9d9d9;
	-webkit-box-shadow: 0px 1px 3px #d9d9d9;
	-o-box-shadow: 0px 1px 3px #d9d9d9;
	border: 2px solid #50911d;
}

.droppable-area-active-alt th{
	background-color: #9df563;
}

.droppable-area-active-alt-hover {
	box-shadow: 0px 1px 3px #d9d9d9;
	-moz-box-shadow: 0px 1px 3px #d9d9d9;
	-webkit-box-shadow: 0px 1px 3px #d9d9d9;
	-o-box-shadow: 0px 1px 3px #d9d9d9;
	border: 2px solid #69a33c;
}

.droppable-area-active-alt-hover th{
	background-color: #d4faa3;
}

.user-panel .dropdown-menu {
	box-shadow: 0px 1px 3px #2159bd;
	-moz-box-shadow: 0px 1px 3px #2159bd;
	-webkit-box-shadow: 0px 1px 3px #2159bd;
	-o-box-shadow: 0px 1px 3px #2159bd;
	max-width: 400px;
}

.user-panel .dropdown-menu li {
	font-size: 10pt;
	_text-transform: uppercase;
	color: #BADAF3;
	border-bottom: 1px solid #2159bd;
	border-top: 1px solid #296fea;
}
.user-panel .dropdown-menu li:hover {
	background-color: #2159bd;
}

.user-panel .dropdown-menu li:first-child {
	border-top: 0px;
}
.user-panel .dropdown-menu li:last-child {
	border-bottom: 0px;
}

.user-panel .dropdown-menu li a {
	padding: 0px !important;
	font-size: 10pt;
	text-transform: uppercase;
}

.user-panel .dropdown-menu li a:hover {
	background-image: none !important;
	background-color: transparent !important;
	border: 0px !important;
}

.user-panel .dropdown-menu li a .icon-off {
	margin-right: 5px;
	position: relative;
	margin-top: 3px;
}
.top-search {
	margin-bottom: 0px !important;
	width: 457px !important;
}
.search-drop-menu {
	width: 500px;
	max-width: inherit;
}
.dropdown-menu .top-search-results {
	list-style-type: none;
	display: none;
	xwidth: 400px;
}
.dropdown-menu .top-search-results h4 {
	color: #FFF;
	background-color: #2159bd;
	padding: 4px;
	font-weight: 700;
	font-size: 10pt;
}
.dropdown-menu .top-search-results li {
	padding: 2px !important;
	font-size: 9pt;
	cursor: pointer;
}
.dropdown-menu .search-li:hover {
	background-color: transparent !important;
	color: inherit !important;
}

.showDrafts {
    font-size: 10pt;
    margin-right: 10px;
    position: relative;
    text-align: left;
    text-transform: none;
    top: -10px;
}
.showDrafts input {
	margin-top: -3px;
	margin-right: 3px;
}

.searchByUnassigned {
    font-size: 10pt;
    margin-right: 10px;
    position: relative;
    text-align: left;
    text-transform: none;
    top: -10px;
}
.searchByUnassigned input {
	margin-top: -3px;
	margin-right: 3px;
}

.searchByOpen {
    font-size: 10pt;
    margin-right: 10px;
    position: relative;
    text-align: left;
    text-transform: none;
    top: -10px;
}
.searchByOpen input {
	margin-top: -3px;
	margin-right: 3px;
}

#reviewerSubmissionView .container-fluid {
	xmin-width: 1170px !important;
	width: auto !important;
}

.login-container {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
	background-color: transparent !important;
	overflow: hidden;
	height: 570px;
	min-width: 920px !important;
	max-width: 1170px !important;
	width: auto !important;
}

.rp-container {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
	background-color: transparent !important;
	overflow: hidden;
	min-width: 920px !important;
	max-width: 1170px !important;
	width: auto !important;
}

.login-label {
	float: left;
	margin-top: 10px;
    min-width: 200px;
}
.login-input {
	float: left;
}
	.login-input input {
		min-height: 40px;
	}

.reset-widget {
    background-color: #006DE8;
    margin: auto;
    padding: 60px;
    position: relative;
    width: 800px;
    margin-top: 40px;
}
	.reset-widget h3 {
		margin-left: 20px;
	}

.forgot-widget {
    position: relative;
    background-color: #006DE8;
    height: 250px;
    margin: auto;
	margin-top: 40px;
    padding: 60px;
    width: 800px;
    _margin-top: 40px;
}
	.forgot-widget h3 {
		xmargin-left: 20px;
	}

.login-widgets {
	position: relative;
	width: 100%;
	margin: auto;
	overflow: hidden;
}

.notimer-overlay {
	position: fixed;
	/*top: 0;*/
  height: 100px;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: transparent;
	color: #FFF;
	z-index: 9999;
	background-image: url("/img/overlay-bg.png");
	text-align: center;
	padding: 15px;
}

.pdf-preview {
	z-index: 10;
}

.pdf-preview object {
	z-index: 9998;
}


.notimer-overlay h1 {
	margin-bottom: 20px;
}

.simple-approve {
	xfloat: left;
	display: inline-block;
	font-size: 9pt;
	margin-right: 5px;
	margin-left: 5px;
	cursor: pointer;
	color: #107f1b;
	position: relative;
	top: 3px;
}
.simple-approve:hover {
	text-decoration: underline;
}
.simple-unapprove {
	xfloat: left;
	display: inline-block;
	font-size: 9pt;
	margin-right: 5px;
	cursor: pointer;
	color: #c41010;
	margin-left: 5px;
	position: relative;
	top: 3px;
}
.simple-unapprove:hover {
	text-decoration: underline;
}

.login-radio {
	xheight: 20px !important;
    xmargin-left: 4px !important;
    xmargin-top: -30px !important;
    position: relative;
}

.edit-icon {
	display: inline-block;
	position: relative;
	margin-right: 5px;
	margin-left: 5px;
	cursor: pointer;
	color: #c41010;
	font-size: 9pt;
}

.edit-icon:hover {
	text-decoration: underline;
}

.editing {
	border: 1px solid #333;
	background-color: #FFF;
	color: #CC0000;
	padding: 10px;
}
.edit-input {
	min-height: 40px !important;
	width: 200px !important;
}


.view-pdf {
	display: inline-block;
	position: relative;
	margin-right: 5px;
	margin-left: 5px;
	cursor: pointer;
	color: #c41010;
	font-size: 9pt;
}

.view-pdf:hover {
	text-decoration: underline;
}

.friendlyNameHolder .tooltip {
	opacity: 1 !important;
}

.macro-select {
	margin-left: 5px;
    position: relative;
    top: -5px;
}

.mce-edit-area {
	background-color: #FFF !important;
	background-image: none !important;
}

.user-info-box {
	background-color: #2159BD;
	color: #FFF !important;
}

.user-info-drop {
	xposition: relative;
	width: 200px;
}
.user-info-drop i {
	color: #FFF;
}

.column-sort-toggle {
	cursor: pointer;
}

.approve-icon {
	background-image: url('/img/approve-icon.png');
	background-repeat: no-repeat;
	top: 4px;
	cursor: pointer;
	width: 15px;
	height: 15px;
	display: inline-block;
	position: relative;
}


.unapprove-icon {
	background-image: url('/img/unapprove-icon.png');
	background-repeat: no-repeat;
	top: 4px;
	cursor: pointer;
	width: 15px;
	height: 15px;
	display: inline-block;
	position: relative;
}

.edit-friendly {
	z-index: 99;
	xposition: relative;
}
.edit-friendly:hover, .edit-friendly:focus, .edit-friendly:active {
	xpadding: 5px;
	xborder: 1px dashed #666;
	xpadding-right: 20px;
	xbackground-image: url('/img/edit-icon.png');
	xbackground-repeat: no-repeat;
	xbackground-position: 98% 50%;
}

.edit-friendly .view-name {
	display: inline-block;
	padding-right: 5px;
	max-width: 90%;
}

.view-original-name {
	display: none;
}

.view-name {
	text-decoration: none;
}
.view-name:hover {
	text-decoration: underline;
}

.edit-friendly .edit-name {
	display: none;
	padding: 5px;
	border: 1px dashed #666;
	cursor: text;
	padding-right: 0px;
}

.edit-friendly .edit-me-icon{
	display: inline-block;
	position: relative;
	float: right;
}
/*.edit-friendly:hover .edit-me-icon, .edit-friendly:focus .edit-me-icon, .edit-friendly:active .edit-me-icon {
	display: inline-block;
}*/
.edit-friendly.editable .edit-me-icon {
	display: inline-block;
}
.friendly-name-submission .edit-me-icon{
	margin-left: 0px;
	margin-right: 10px;
}

.friendly-name-submission .save-me-icon{
	margin-left: 0px;
	margin-right: 10px;
}

.edit-friendly .save-me-icon {
	display: none;
	float: right;
    margin-left: 0;
   xposition: absolute;
    xtop: 0px;
    xright: 10px;
    top: 5px;
}

.edit-friendly.editable .save-me-icon {
	display: inline-block;
}

.review-name-input {
	width: 90%;
}


.annotate-icon {
	background-image: url('/img/annotate-icon.png');
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	top: 2px;
}
.annotate-icon a {
	width: 100%;
	height: 100%;
	display: inline-block;
	position: relative;
	text-decoration: none;
}


.edit-draft-icon {
	background-image: url('/img/edit-draft-icon.png');
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	top: 4px;
}

.edit-me-icon {
	xbackground-image: url("/img/edit-icon.png");
	background-repeat: no-repeat;
	cursor: pointer;
	display: inline-block;
	position: relative;
	_width: 15px;
	height: 21px;
	xmargin-left: 3px;
	xtop: 3px;
}
.edit-me-icon.close-edit {
	background-image: url('/img/letter-close-icon-off.png');
}
.toggle-icon {
	white-space: nowrap;
}

.save-me-icon {
	xbackground-image: url("/img/save-icon.png");
	background-repeat: no-repeat;
	cursor: pointer;
	display: inline-block;
	position: relative;
	width: 15px;
	height: 15px;
	xmargin-left: 3px;
	xtop: 3px;
}

.name-error {
	display: none;
	color: #CC0000;
	clear: both;
	font-size: 8pt;
	float: left;
}

td.type-col {
	width: 40px;
	text-align: center;
}

.edit-type-row {
	position: relative;
	display: inline-block;
	text-align: center;
}
.edit-type-row .tooltip {
	z-index: 999;
}
/*.edit-type-row .badge-num {*/
.badge-num {
	position: absolute;
	_right: -10px;
	_top: -6px;
	min-width: 18px;
	width: auto;
	height: 15px;
	color:#FFFFFF;
	background-color: #ff0000;
	overflow: hidden;
	padding: 0px 1px 4px 0px;
	text-align: center;
	border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
	-o-border-radius: 10px !important;

	box-shadow: -1px 1px 2px 0 #55555555;
	-moz-box-shadow: -1px -px 2px 0 #55555555;
	-webkit-box-shadow: -1px 1px 2px 0 #55555555;
	-o-box-shadow: -1px 1px 2px 0 #55555555;

	text-shadow: none !important;
	font-family: 'Open Sans',sans-serif;
	font-size: 11px !important;
	font-weight: 100;

	_font: normal normal normal 14px/1 FontAwesome;
	_font-weight: normal;
	_font-size: 14px;
	_font-family: FontAwesome;
	_font-size: inherit;
	text-rendering: auto;
}
	.badge-num.tr {
		right: -10px;
		top: -6px;
	}
	.badge-num.tl {
		left: -10px;
		top: -6px;
	}
	.badge-num.br {
		right: -10px;
		bottom: -6px;
	}
	.badge-num.bl {
		left: -10px;
		bottom: -6px;
	}
	.badge-num.fr {
		float: right;
		position: relative;
		display: block;
		margin-left: 2px;
	}
	.badge-num.fl {
		float: left;
		position: relative;
		display: block;
		margin-right: 2px;
	}

	/*.edit-type-row .badge-num.client {*/
	.badge-num.client {
		background-color: #ffa700;
		color:#000000;
	}
	.badge-num.reviewer {
		background-color: #73ff00;
		color:#000000;
	}
	/*.edit-type-row .badge-num.ai {*/
	.badge-num.ai {
		background-color: rgb(112, 51, 212);
		color:#FFFFFF;
	}
	/*.edit-type-row .badge-num.sub {*/
	.badge-num.sub {
		top: 10px;
		background-color: #ffa700;
		color: #000;
	}

.tooltip {
	z-index: 999;
}

.edit-type-row .edit-me-icon {
	xdisplay: none;
	display: inline-block;
}

/*.edit-type-row:hover .edit-me-icon {
	display: inline-block;
}*/


.select-types {
	display: none;
	position: absolute;
	top: -10px;
	left: -10px;
	background-color: #FFF;
	box-shadow: 0px 1px 3px #d9d9d9;
	-moz-box-shadow: 0px 1px 3px #d9d9d9;
	-webkit-box-shadow: 0px 1px 3px #d9d9d9;
	-o-box-shadow: 0px 1px 3px #d9d9d9;
	z-index: 9;
	width: 125px;
}

.edit-type-row.sel .select-types {
	display: block;
}

.select-types h3 {
	padding: 5px;
	font-size: 10pt;
	background-color: #EFEFEF;
}

.select-types ul {
	list-style-type: none;
	margin: 0px;
	cursor: pointer;
}
.select-types ul li {
	padding: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px solid #EFEFEF;
	cursor: pointer;
}
.select-types ul li:hover {
	background-color: #EFEFEF;
}




.overview-left {
	xwidth: 49.5%;
	width: 50%;
	float: left;
	overflow: auto;
}

.pdf-panel {
	xwidth: 49.5%;
	width: 50%;
	float: right;
	overflow: hidden;
	position: relative;
	min-height: 900px;
}

.sub-top-left {
	width: 78%;
	float: left;
}
.sub-top-right {
	width: 22%;
	float: right;
}

.doc-filter-btn {
	margin-top: 3px;
    padding: 2px 5px;
}
.doc-filter-btn:hover, .doc-filter-btn.sel {
	background-image: none;
	background-color: #444;
	color: #FFF;
	text-shadow: none;
}

.admin-submission-row {
    background-color: #f5f5f5;
    display: inline-block;
    position: relative;
    width: 100%;
    _min-height: 94px;
}
.admin-submission-row .pull-left {
	padding-top: 25px;
	padding-left: 15px;
}

.document-filter {
    margin: 0 !important;
    padding: 5px !important;
    position: relative;
    top: -10px !important;
    width: 120px;
}

.idvSubmission .document-panel {
	width: 100%;
}
.pdf-viewer {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.compose-email-panel {
	xdisplay: none;
	_width: 100%;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.compose-email-panel .composebox.inplace {
	position: relative !important;
	width: 100% !important;
	left: 0px !important;
	height: auto !important;
	top: 0px !important;
	z-index: 10 !important;
	display: block !important;
}

.doc-top-bar {
	display: inline-block;
	width: 100%;
}

.save-alert {
	z-index: 600;
	position: fixed;
	margin: auto;
	width: 300px;
	height: 200px;
	left: 38%;
	top: 38%;
	display: none;
}

.approve-letter-btn, .revise-letter-btn, .cancel-letter-btn {
	cursor: pointer;
}

.collapse-sub-head {
	cursor: pointer;
	position: absolute;
    right: 20px;
    font-size: 9pt;
    color: #333;
    bottom: 5px;
}


.submission-tile {
    width: 175px;
    height: 295px;
    border: 1px solid #d1d3d4;
    margin: 10px;
    overflow: hidden;
    cursor: pointer;
}
.submission-tile .thumb {
    max-height: 215px;
    height: 215px;
    overflow: hidden;
    width: 175px;
    border-bottom: 1px solid #d1d3d4;
}
.submission-tile .thumb img {
	width: 100%;
}
.submission-tile .title {
    border-bottom: 1px solid #d1d3d4;
    text-transform: uppercase;
    font-size: 10pt;
    padding: 4px;
    font-weight: bold;
    color: #575759;
    height: 30px;
}

.submission-tile .title strong{
	height: 26px;
	padding-top: 6px;
	display: inline-block;
}

.submission-tile .status-bar {

}
.submission-tile .status-bar .overall-status-bar {
	height: 40px;
}
.tilegrid-container {
	text-align: left !important;
}

.advanced-search-btn {
	margin-top: 10px !important;
	xbackground-color: #2159bd !important;
	color: #FFF !important;
	text-align: center;
	cursor: pointer;
	xdisplay: inline-block;
	xwidth: 60%;
}
.advanced-search-btn.new {
	xwidth: 35%;
	xmargin-left: 2%;
	xdisplay: inline-block;
}

.login-error {
	font-size: 9pt;
	color: #fff;
	padding: 5px;
	background-color: #ad3232;
	margin: 10px 20px 0px 20px;
}

.submission-fee-blurb {
	font-size: 10pt;
	color: #333;
	_display: inline-block;
	_width: 100%;
	padding: 15px 15px 10px 28px;
	border-right: 1px solid #ddd;
	box-shadow: 0px -1px 4px #ddd;
	-moz-box-shadow: 0px -1px 4px #ddd;
	-webkit-box-shadow: 0px -1px 4px #ddd;
	-o-box-shadow: 0px -1px 4px #ddd;
}

.submission-overview-blurb {
	font-size: 10pt;
	color: #333;
	display: inline-block;
	width: 100%;
	margin-top: 0px;
}
.submission-overview-blurb span {
	margin-right: 15px;
	display: inline-block;
	xtext-transform: uppercase;
}
.pdfBlocker {
	display: none;
	background-color: transparent;
	opacity: 0;
   	filter:alpha(opacity=0);
}
.topPDFBlocker {
	background-color: transparent;
	opacity: 0;
   	filter:alpha(opacity=0);
   	z-index: -1;
}

.aboveBlocker {
	z-index: 15;
}

.white-modal  {
	background-color: #FFF !important;
}

.modal,
#sentConfirmModal, #helpModal, #submitFormWarning, #copySubmissionModal, #addNewLang, #editLang, #confirmDelete, #subCompleteModal, #warnOnBlack, #changeEstimatedTime, #adminStatusModal, #adminEditSubDateModal, #adminEditDueModal, #adminEditExtendedExpiryDateModal, #assignBackUps,
.videoModal, #changeTaxModal, #cannotDeleteTax, #adminConfirmDeleteTax, #addNewTaxModal, #sendInvoicePop, #reSendInvoicePop, #adminConfirmDeleteEmail, #newInvoice, #editInvoice, #emailNotifications, #adminConfirmCancel, #editSig, #changePass, #mergeProducts, #adminConfirmDeleteSpecialHours, #adminConfirmDeleteHoliday, #addHours, #editHours, #editCompany, #typeModal,
#confirmModal, #alertModal, #promptModal, #adminConfirmDelete,
#confirmSubmissionModal, #saveModal, #deleteModal, #thumbModal, #emailModal, #adminEmailModal, #adminAssignModal, #addNewAPS, #addNewReg, #addNewThera, #addNewTrade, #addNewManu, #addNewCompany, #addNewAccount, #adminNewPass, #editAccount, #addNewProduct, #addNewProduct-ReviewerScreen, #vacationsModal, #documentStatusModal {
	background-color: #FFF !important;
}
#typeModal .reference-file-fields {
	display: none;
}
#typeModal .reference-file-fields input {
	min-height: 40px;
}

#addNewDisease input[type="text"], #changeTaxModal input[type="text"], #cannotDeleteTax input[type="text"],
#adminConfirmDeleteTax input[type="text"], #addNewTaxModal input[type="text"], #sendInvoicePop input[type="text"],
#reSendInvoicePop input[type="text"], #editInvoice input[type="text"], #newInvoice input[type="text"],
#changePass input[type="text"], #addHours input[type="text"], #editHours input[type="text"],
#emailModal input[type="text"], #adminEmailModal input[type="text"], #adminAssignModal input[type="text"],
#addNewAPS input[type="text"], #addNewReg input[type="text"], #addNewThera input[type="text"],
#addNewTrade input[type="text"], #addNewManu input[type="text"], #addNewCompany input[type="text"],
#addNewProduct input[type="text"],
#editCompany input[type="text"],
#addNewAccount input[type="text"],			#editAccount input[type="text"],
#addNewAccount input[type="password"],		#editAccount input[type="password"],
#addNewAccount select,						#editAccount select,
#addNewProduct-ReviewerScreen input[type="text"] {
	min-height: 40px !important;
}
#emailModal .modal-body {
	max-height: 700px;
}
#widgetManagerModal input[type="text"] {
  height: 20px;
}

.submit-adv-search-btn {
	cursor: pointer;
}

.dropdown-menu li {
	border-bottom: 1px solid #dedede;
	padding: 1px;
}

.col-name {
	display: inline-block;
	position: relative;
	padding-left: 5px;
	border-left: 1px solid #dedede;
	text-transform: none;
}

.dg-submissions-grid .ui-sortable-helper {
	background-color: #fff;
	border: 1px solid #D1D3D4;
	box-shadow: 0px 1px 3px #d9d9d9;
	-moz-box-shadow: 0px 1px 3px #d9d9d9;
	-webkit-box-shadow: 0px 1px 3px #d9d9d9;
	-o-box-shadow: 0px 1px 3px #d9d9d9;
	cursor: move;
	padding-right: 30px !important;
	padding-top: 15px !important;
}

.sort-placeholder {
    background-color: #f3f3f3;
    padding-right:10px;
    padding-left:10px;
    text-align:center;
    width:auto;
    min-width: 100px;
    height:45px;
}

.new-sub-btnbar {
	margin-bottom: 10px;
}

.create-sub-btn {
	cursor: pointer;
	text-align: center;
	max-width: 200px;
	margin-bottom: 10px;
}

.forefrontIframe {
	margin: 0px;
	border: 0px;
	min-height: 750px;
}

.pdfIframe {
	margin: 0px;
	border: 0px;
}

.edit-thumb-btn {
	cursor: pointer;
	text-decoration: none;
	font-size: 10pt;
	padding-top: 15px;
	background-image: url("/img/thumb-icon.png");
	background-position: 0px 15px;
	background-repeat: no-repeat;
	padding-left: 25px;
}
.edit-thumb-btn:hover {
	text-decoration: underline;
}
.forg-pass-body-alt {
	display: none;
}
.forg-pass-body-alt p {
	margin-left: 20px;
	padding-bottom: 10px;
}
.cb-type {
	padding-bottom: 10px;
}

.email-rec-error, .email-subject-error, .email-body-error, .email-type-error, .assign-error, .email-approvalstartdate-error {
	display: none;
	color: #CC0000;
}
.admin-email-rec-error, .admin-email-subject-error, .admin-email-body-error, .admin-email-type-error {
	display: none;
	color: #CC0000;
}
.reject-sub-btn {
	cursor: pointer;
}
.assign-sub-btn {
	cursor: pointer;
}
.loadingScreen {
	display: none;
	background-image: url("/img/loadingBG.png");
	background-position: center;
	position: fixed;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	width: 100%;
	z-index: 1999;
	cursor: wait;
}
.loadingDiv {
	_display: none;
	background-image: url("/img/loadingBG.png");
	background-position: center;
	position: fixed;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	width: 100%;
	z-index: 1999;
	cursor: wait;
	min-height: 31px;
	min-width: 31px;
}
	.loadingScreen .loadingIcon,
	.loadingDiv .loadingIcon {
		display: none;
		position: absolute;
		width: 31px;
		height: 31px;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		background-image: url("/img/loading.gif");
		background-repeat: no-repeat;
		background-position: center;
	}
	.loadingScreen .loadingText {
		display: none;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		background-color: #ffffff;
		border-radius: 20px;
		padding: 10px 10px 10px 45px;
		background-image: url("/img/loading.gif");
		background-repeat: no-repeat;
		background-position: 6px center;
	}

.reactIFrame.loading,
span.loading {
	background-image: url("/img/loading.gif");
	background-repeat: no-repeat;
	background-position: top left;
	padding: 4px 0 0 40px;
	min-height: 30px;
	display: inline-block;
	width: max-content;
}
.reactIFrame.loading {
	display: block;
	background-position: center center;
	padding: 0;
	width: inherit;
}

#confirmBox {
    display: none;
    background-color: #eee;
    border-radius: 5px;
    border: 1px solid #aaa;
    position: fixed;
    width: 300px;
    left: 50%;
    margin-left: -150px;
    top: 25%;
    padding: 6px 8px 8px;
    box-sizing: border-box;
    text-align: center;
}
#confirmBox .button {
    background-color: #ccc;
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #aaa;
    padding: 2px;
    text-align: center;
    width: 80px;
    cursor: pointer;
}
#confirmBox .button:hover {
    background-color: #ddd;
}
#confirmBox .message {
    text-align: left;
    margin-bottom: 8px;
}

.modal-open {
    overflow: visible;
}

.friendly-name-submission {
	display: inline-block;
	position: relative;
	margin-top: 12px;
	width: 100%;
	font-size: 17pt;
}
.friendly-name-submission .view-name {
	color: #4D4D4F;
}

.file-search-input {
	margin-top: -5px;
}




/* admin page css */

#adminNav {
	width: 100%;
	background-color: #2664d5;
}
.admin-nav {
	list-style-type: none;
	max-width: 1500px;
	margin: 0px;
}

#adminNav .admin-nav li {
	display: inline-block;
	float: left;
	background-color: #2664d5;
	padding: 10px;
}
#adminNav .admin-nav li:hover, #adminNav .admin-nav li.sel {
	background-color: #478df2;
}
#adminNav .admin-nav li a {
	color: #FFF;
	line-height: 18pt;
	font-size: 10pt;
	padding: 10px;
	position: relative;
	text-decoration: none;
}

#adminSubNav {
	width: 100%;
	background-color: #478df2;
}
#adminSubNav .admin-nav li {
	display: inline-block;
	float: left;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #478df2;
}
#adminSubNav .admin-nav li:hover, #adminSubNav .admin-nav li.sel {
	background-color: #fff;
}
#adminSubNav .admin-nav li:hover a, #adminSubNav .admin-nav li.sel a{
	color: #333;
}
#adminSubNav .admin-nav li a {
	color: #FFF;
	line-height: 18pt;
	font-size: 10pt;
	padding: 10px;
	position: relative;
	text-decoration: none;
}
.admin-top-filter {
	display: inline-block;
}
.admin-top-filter input{
	margin: 0px;
}

.dg-admin-grid {
	xoverflow-x: auto;
	min-width: 100%;
}
.dg-admin-grid th {
	white-space: nowrap;
	border-right: 1px solid #d1d3d4;
	_padding-right: 20px;
}

.dg-admin-grid.allow-whitespace th {
	white-space: normal;
	border-right: 1px solid #d1d3d4;
	_padding-right: 20px;
}

.dg-admin-grid.allow-whitespace div.tooltip {
	font-weight: 700;
}

.new-vacation-row div.tooltip {
	font-weight: 700;
}

.dg-admin-grid td{
	padding: 3px 10px;
	white-space: nowrap;
	border-right: 1px solid #d1d3d4;
	cursor: pointer;
}
.dg-admin-grid.no-cursor td{
	cursor: default;
}

.dg-admin-grid thead {
	margin-bottom: 5px;
}

.dg-admin-grid th.last, .dg-admin-grid td.last {
	border-right: 0px;
}

.edit-tools {
	text-align: right;
	padding-right: 40px;
}

.edit-tools-left {
	text-align: left;
}
.admin-page-wrapper {
	margin: 20px;
}
.admin-tool-icon-remove {
    display: inline-block;
    position: relative;
    cursor: pointer;
	background-image: url("/img/glyphicons-halflings.png");
    background-position: -308px 0;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    top: 3px;
}

.admin-tool-icon-letter {
	display: inline-block;
	position: relative;
	cursor: pointer;
	background-image: url("/img/letter-icon.png");
	/* background-position: -308px 0; */
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	top: -2px;
}

.admin-tool-icon-readd {
    display: inline-block;
    position: relative;
    cursor: pointer;
	background-image: url("/img/glyphicons-halflings.png");
    background-position: -285px 0;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    top: 3px;
}

.admin-edit-me-icon {
	display: inline-block;
	position: relative;
	cursor: pointer;
	background-image: url("/img/edit-icon.png");
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	top: 3px;
}

.admin-tool-icon-away {
    display: inline-block;
    position: relative;
    cursor: pointer;
	background-image: url("/img/away-icon.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    height: 15px;
    width: 15px;
    top: 3px;
}
.admin-tool-icon-notaway {
    display: inline-block;
    position: relative;
    cursor: pointer;
	background-image: url("/img/not-away-icon.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    height: 15px;
    width: 15px;
    top: 3px;
}

.admin-tool-icon-enable {
    display: inline-block;
    position: relative;
    cursor: pointer;
	background-image: url("/img/enabled-account.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    height: 15px;
    width: 15px;
    top: 3px;
}

.admin-tool-icon-disable {
    display: inline-block;
    position: relative;
    cursor: pointer;
	background-image: url("/img/disable-account.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    height: 15px;
    width: 15px;
    top: 3px;
}

.admin-tool-icon-changepass {
    display: inline-block;
    position: relative;
    cursor: pointer;
	background-image: url("/img/change-pass-icon.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    height: 15px;
    width: 15px;
    top: 3px;
}


.admin-row.away {
	background-color: #c0d0d6;
	color: #FFF;
}

.admin-row.disabled {
	background-color: #da7a2c;
	color: #FFF;
}

.admin-row.merge {
	background-color: #23d583;
	color: #FFF;
}

.admin-row.saved {
	/*background-image: url("/img/saved-arrow.png");
	background-repeat: no-repeat;
    background-position: 6px center;*/
}
.admin-row.saved > td:first-child {
	background-image: url("/img/saved-arrow.png");
	background-repeat: no-repeat;
    background-position: 6px center;
	padding-left: 30px;
}

.admin-row.delete {
	background-color: #e50d0d !important;
	color: #FFF !important;
}

.admin-row.edit-me {
	background-image: url("/img/edit-icon.png");
	background-repeat: no-repeat;
	background-position: 6px center;
}
.admin-row.edit-me > td:first-child {
	padding-left: 30px;
}

.admin-row .editable, .admin-row .editable:active, .admin-row .editable:focus {
	display: none;
	position: relative;
	padding: 5px;
	background-color: #FFF;
	border: 1px dashed #cecece;
	xwidth: 100%;
	cursor: text;
}

.admin-row span.editable {
	cursor: text;
}

.admin-row .edit-btns {
	display: none;
}

.admin-row .edit-btns .save-edit-btn {
	display: inline-block;
	padding: 5px 10px;
	cursor: pointer;
}
.admin-row .edit-btns .cancel-edit-btn {
	display: inline-block;
	padding: 5px 10px;
	cursor: pointer;
}

.add-new-aps-btn {
	display: inline-block;
	padding: 5px 10px;
	cursor: pointer;
}

.APSShowDeleted {
    font-size: 10pt;
    margin-right: 10px;
    position: relative;
    text-align: left;
    text-transform: none;
}
.APSShowDeleted input {
	margin-top: -3px;
	margin-right: 3px;
}
.aps-error {
	color: #cc0000;
	display: none;
}


.add-new-reg-btn {
	display: inline-block;
	padding: 5px 10px;
	cursor: pointer;
}

.RegShowDeleted {
    font-size: 10pt;
    margin-right: 10px;
    position: relative;
    text-align: left;
    text-transform: none;
}
.RegShowDeleted input {
	margin-top: -3px;
	margin-right: 3px;
}
.reg-error {
	color: #cc0000;
	display: none;
}

.TheraShowDeleted {
    font-size: 10pt;
    margin-right: 10px;
    position: relative;
    text-align: left;
    text-transform: none;
}
.TheraShowDeleted input {
	margin-top: -3px;
	margin-right: 3px;
}
.thera-error {
	color: #cc0000;
	display: none;
}

.TradeShowDeleted {
    font-size: 10pt;
    margin-right: 10px;
    position: relative;
    text-align: left;
    text-transform: none;
}
.TradeShowDeleted input {
	margin-top: -3px;
	margin-right: 3px;
}
.trade-error {
	color: #cc0000;
	display: none;
}


.ManuShowDeleted {
    font-size: 10pt;
    margin-right: 10px;
    position: relative;
    text-align: left;
    text-transform: none;
}
.ManuShowDeleted input {
	margin-top: -3px;
	margin-right: 3px;
}
.manu-error {
	color: #cc0000;
	display: none;
	clear: both;
}

.CompanyShowDeleted {
    font-size: 10pt;
    margin-right: 10px;
    position: relative;
    text-align: left;
    text-transform: none;
}
.CompanyShowDeleted input {
	margin-top: -3px;
	margin-right: 3px;
}
.company-error {
	color: #cc0000;
	display: none;
}
.company-manu {
	display: none;
	margin: 0px;
	xmargin-top: -20px;
}
.edit-company-manu {
	display: none;
	margin: 0px;
	xmargin-top: -20px;
}

.ProductShowDeleted {
    font-size: 10pt;
    margin-right: 10px;
    position: relative;
    text-align: left;
    text-transform: none;
}
.ProductShowDeleted input {
	margin-top: -3px;
	margin-right: 3px;
}
.product-error {
	color: #cc0000;
	display: none;
}
.product-cat {
	margin: 0px;
	margin-top: -20px;
}
.product-cat-inline {
	margin: 0px;
}

.th-editTools {
	width: 150px;
}

.tag-error {
	color: #cc0000;
	display: none;
}

.accountShowDeleted {
    font-size: 10pt;
    margin-right: 10px;
    position: relative;
    text-align: left;
    text-transform: none;
}
.accountShowDeleted input {
	margin-top: -3px;
	margin-right: 3px;
}
.account-error {
	color: #cc0000;
	display: none;
}

.admin-grid-holder {
	width: 100%;
	overflow-x: auto;
}

.reset-password-btn {
	padding: 5px;
	font-size: 9pt !important;
}

.button-row {
	text-align: right;
	margin: auto;
	margin-bottom: 10px;
	xborder-bottom: 1px solid #cecece;
	padding-bottom: 10px;
}
.admin-btn {
	padding: 6px 15px;
	font-size: 9pt !important;
}

.admin-page-wrapper .submission-header-leftbox{
	width: 35% !important;
}

.admin-page-wrapper .submission-header-rightbox{
	width: 65% !important;
}

.admin-page-wrapper .submission-header-leftbox.reverse{
	width: 65% !important;
}

.admin-page-wrapper .submission-header-rightbox.reverse{
	width: 35% !important;
}

#addNewLang, #editLang, #confirmDelete, #newInvoice, #mergeProducts, #addHours, #editHours, #editCompany, #adminEmailModal, #adminAssignModal, #addNewAPS, #addNewReg, #addNewThera, #addNewTrade, #addNewManu, #addNewCompany, #editAccount, #addNewAccount, #addNewProduct, #addNewProduct-ReviewerScreen {
	 width: 700px;
	 xheight: 700px;
}

#mergeProducts .modal-body, #addHours .modal-body, #editHours .modal-body, #adminEmailModal .modal-body, #adminAssignModal .modal-body, #addNewAPS .modal-body, #addNewReg .modal-body, #addNewThera .modal-body, #addNewTrade .modal-body, #addNewManu .modal-body, #addNewCompany .modal-body, #addNewAccount .modal-body, #editAccount .modal-body, #addNewAccount .modal-body, #addNewProduct .modal-body, #addNewProduct-ReviewerScreen .modal-body {
    xmin-height: 555px;
}

.clientModal {
	height: 650px;
}

.clientModal .modal-body{
	min-height: 550px;
}

.clientModal2 {
	height: 600px;
}

.clientModal2 .modal-body{
	min-height: 500px;
}

.reviewerModal {
	_height: 680px;
}
.vacationModal {
	width:930px;
	margin-left: -465px;
	_height: 680px;
}
.vacationModal .modal-body {
  max-height: 610px;
}

.hoursModal {
	height: 650px;
}

.hoursModal .modal-body{
	min-height: 550px;
}

.reviewerModal .modal-body{
	_min-height: 580px;
	min-height: 100px;
	max-height: fit-content;
}

.companyModal {
	height: 600px;
}

.companyModal .modal-body{
	min-height: 500px;
}

.editCompanyModal {
	height: 650px;
}

.editCompanyModal .modal-body{
	min-height: 550px;
}

#editInvoice, #emailNotifications {
	width: 850px;
	left: 45%;
}

.invoiceModal {
	_height: 350px;
}
.invoiceModal .modal-body{
	min-height: 250px;
}

.invoiceModal2 {
	_height: 450px;
}
.invoiceModal2 .modal-body{
	min-height: 350px;
}

.reg-label {
    float: left;
    height: 30px;
    margin: 0;
    padding-top: 10px;
    width: 30%;
}
.reg-input {
	float: left;
	width: 65%;
}
textarea.reg-input {
	min-height: 100px;
}

.pop-label {
    float: left;
    width: 30%;
    background-color: #fafafa;
    padding: 5px;
    margin-bottom: 5px;
}
.pop-input {
	float: left;
	width: 65%;
	padding: 5px;
	margin-bottom: 5px;
}
textarea.pop-input {
	min-height: 100px;
}

.admin-label {
    float: left;
    height: 30px;
    margin: 0;
    padding-top: 10px;
    width: 30%;
}
.admin-input {
	_float: left;
	width: 70%;
}
.admin-input-invoice {
	float: left;
	width: 70%;
}

.admin-radios {
    display: inline-block;
    height: 30px;
    padding-top: 10px;
}

.admin-label2 {
    float: left;
    height: 30px;
    margin: 0;
    padding-top: 10px;
    width: 50%;
}
.admin-input2 {
	float: left;
	width: 50%;
}
.admin-radios2 {
    display: inline-block;
    height: 30px;
    padding-top: 10px;
}

#passwordStrength {
   clear: both;
    color: #FFFFFF;
    display: none;
    padding: 10px;
    position: relative;
    width: auto;
    height: 20px;
}
#passwordStrength.ok {
	background-color: #fcc142;
}
#passwordStrength.weak {
	background-color: #fc4242;
}
#passwordStrength.strong {
	background-color: #95fc42;
}

#newPasswordStrength {
   clear: both;
    color: #FFFFFF;
    display: none;
    padding: 10px;
    position: relative;
    width: auto;
    height: 20px;
}
#newPasswordStrength.ok {
	background-color: #fcc142;
}
#newPasswordStrength.weak {
	background-color: #fc4242;
}
#newPasswordStrength.strong {
	background-color: #95fc42;
}

#userNameValid {
    clear: both;
    color: #FFFFFF;
    display: none;
    min-height: 20px;
    margin-bottom: 10px;
    padding: 10px;
    position: relative;
    width: auto;
}
#userNameValid.valid {
	background-color: #95fc42;
}
#userNameValid.invalid {
	background-color: #fc4242;
}

#efilesIDValid, #efilesItemIDValid, #complaintEfilesIDValid {
	clear: both;
    color: #FFFFFF;
    display: none;
    min-height: 20px;
    margin-bottom: 10px;
    padding: 10px;
    position: relative;
    width: auto;
}
#efilesIDValid.valid, #efilesItemIDValid.valid, #complaintEfilesIDValid.valid {
	background-color: #95fc42;
}
#efilesIDValid.invalid, #efilesItemIDValid.invalid, #complaintEfilesIDValid.invalid {
	background-color: #fc4242;
}

#editUserNameValid {
    clear: both;
    color: #FFFFFF;
    display: none;
    height: 20px;
    margin-bottom: 10px;
    padding: 10px;
    position: relative;
    width: auto;
}
#editUserNameValid.valid {
	background-color: #95fc42;
}
#editUserNameValid.invalid {
	background-color: #fc4242;
}


#emailValid {
    clear: both;
    color: #FFFFFF;
    display: none;
    min-height: 20px;
    margin-bottom: 10px;
    padding: 10px;
    position: relative;
    width: auto;
}
#emailValid.valid {
	background-color: #95fc42;
}
#emailValid.invalid {
	background-color: #fc4242;
}

.primary-products .chosen-container-multi .chosen-choices, .secondary-products .chosen-container-multi .chosen-choices {
	padding: 0px !important;
	margin-bottom: 10px;
}

.primary-products .chosen-container-multi .chosen-choices input[type="text"], .secondary-products .chosen-container-multi .chosen-choices input[type="text"] {
	min-height: 30px !important;
}
.primary-products .chosen-container-multi .chosen-choices li.search-choice, .secondary-products .chosen-container-multi .chosen-choices li.search-choice {
	padding: 10px !important;
	padding-right: 25px !important;
}
.primary-products .chosen-container-multi .chosen-choices li.search-choice .search-choice-close, .secondary-products .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	top: 12px !important;
}

.primary-products .chosen-container-multi .chosen-choices input, .secondary-products .chosen-container-multi .chosen-choices input {
	width: 100% !important;
}

.primary-products .chosen-results, .secondary-products .chosen-results {
	max-height: 120px;
    overflow-y: scroll;
}

.merge-products-btn.disabled, .holiday-dis, .hours-dis, .bulk-approve-btn.disabled, .approve-invoice-btn.disabled, .save-invoice-btn.disabled, .cancel-invoice-btn.disabled, .resend-invoice-btn.disabled, .send-invoice-btn.disabled, .search-by-date-btn.disabled, .create-invoice-btn.disabled {
	background-color: #ccc;
	color: #888;
	opacity: .5;
	cursor: default;
}
.merge-products-btn.enabled, .holiday-en {
	opacity: 1;
	cursor: pointer;
}

.td-center {
	text-align: center;
}

.assigned-header-btns {
	margin-top: -10px;
	position: relative;
}

.reset-panel {
	display: none;
}

.rp-pass-body {
	display: none;
}

.reset-pass-expired, .res-pass-changed, .res-error {
	display: none;
	padding-left: 20px;
}

.reset-pass-login-btn {
	width: 130px;
}

#new-holiday-date {
	margin: 0px;
	padding: 5px;
}

.add-new-holiday-label, .hours-saved-label {
	top: 3px;
	position: relative;
}

input[type="password"].admin-input {
	min-height: 40px;
}

.manu-checkbox {
	margin: 0px !important;
}

.end-time, .start-time {
	width: 100px;
}
.hours-saved {
	display: none;
	font-size: 10pt;
    text-transform: none;
    padding-right: 15px;
}

.add-sh-box {
    border-top: 1px solid #ECECEC;
    display: inline-block;
    margin-top: 20px;
    padding-top: 20px;
    position: relative;
    width: 100%;
}
.sh-row {
	display: inline-block;
	width: 100%;
}

.add-sh-label {
	width: 30%;
	float: left;
}

.hdate-input {
	max-width: 300px !important;
	padding: 4px !important;
}

.date-input {
	max-width: 300px !important;
	padding: 4px !important;
	min-height: 30px !important;
}

.holiday-dis {

}

.admin-error {
	display: none;
	color: #CC0000;
	clear: both;
	position: relative;
}

.date-on {
	background-color: #fff !important;
}

.special-hour-start-date, .special-hour-end-date {
	display: inline-block;
	width: 100%;
}

.hours-header-bar {
	background-color: #FFF;
	background-image: none;
}

.merge-product-row {
	display: inline-block;
	width: 100%;
}

.product-cat-inline {
	cursor: pointer !important;
}

.settings-error {
	color: #CC0000;
	display: none;
}

.setting-group {
	margin: auto;
	width: auto;
	min-height: 40px;
}

.setting-group .setting-label {
	float: left;
	width: 45%;
	margin-top: 10px;
}
.setting-group .setting-label.radiolabel {
	margin-top: 0px;
	width: 55%;
}
.setting-group .settings {
	float: left;
	width: 55%;
}
.setting-group .settings input[type="text"]{
	width: 94%;
}
.setting-group .settings.radiolabel {
	float: left;
	width: 45%;
}
.user-settings-page .web-box-header {
	min-height: 40px;
}
.user-settings-page .web-box-header .pull-left{
	margin-top: 10px;
}
.product-box-setting {
    background-color: #E4E4E4;
    border: 1px solid #AAAAAA;
    border-radius: 3px;
    box-shadow: 0 0 2px #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 2px #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 0 2px #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 0 2px #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #555;
    cursor: default;
    line-height: 13px;
    margin: 3px 0 3px 5px;
    padding: 5px 15px;
    position: relative;
    top: 5px;
    display: inline-block;
}

#signatureEditor {
	border: none;
	width: 300px;
	height: 300px;
	padding: 10px;
}

.user-change-pass-btn, .edit-signature-btn {
	margin-bottom: 10px;
}

.save-user-settings-btn.disabled {
	background-color: #ccc;
	color: #888;
	opacity: .5;
	cursor: default;
}

.saved-settings-message {
	display: none;
	font-size: 10pt;
    margin-right: 10px;
    text-transform: none;
}

.approved-invoice {
	display: inline-block;
	position: relative;
	background-image: url('/img/approved-invoice.png');
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
}

.not-approved-invoice {
	display: inline-block;
	position: relative;
	background-image: url('/img/not-approved-invoice.png');
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
}

.totalcol {
	font-weight: bold;
	text-transform: uppercase;
}
.totalrow {
	border-top: 1px solid #cecece;
}
.totalrow.first {
	border-top: 2px solid #cecece;
}
.totalrow.last {
	border-bottom: 1px solid #cecece;
}
.totalcolgrey1 {
	background-color: #F8F8F8;
}
.totalcolgrey {
	background-color: #e1e1e1;
}
.invoice-padding {
	padding: 30px;
}
.invoice-top {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 10px;
}

.exported {
	background-color: #329dcf !important;
	color: #FFF !important;
}

.approve-row {
	background-color: #32cf62 !important;
	color: #FFF !important;
}

.add-invoice-item-row {
	display: inline-block;
	position: relative;
    width: 100%;
    border-top: 1px solid #cecece;
    xborder-bottom: 1px solid #cecece;
    padding-top: 10px;
}
.add-invoice-item-btn {
	display: inline-block;
	cursor: pointer;
	position: relative;
	cursor: pointer;
	padding: 5px;
}
.add-invoice-item-icon {
	display: inline-block;
	cursor: pointer;
	position: relative;
	background-image: url("/img/add-invoice.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
.invoice-item-desc {
	font-size: 9pt;
}

.showCancelled {
    font-size: 10pt;
    margin-right: 10px;
    position: relative;
    text-align: left;
    text-transform: none;
}
.showCancelled input {
	margin-top: -3px;
	margin-right: 3px;
}

.showMulti {
    font-size: 10pt;
    margin-right: 10px;
    position: relative;
    text-align: left;
    text-transform: none;
}
.showMulti input {
	margin-top: -3px;
	margin-right: 3px;
}

.showExported {
    font-size: 10pt;
    margin-right: 10px;
    position: relative;
    text-align: left;
    text-transform: none;
}
.showExported input {
	margin-top: -3px;
	margin-right: 3px;
}

.extendedFee {
    font-size: 10pt;
    _margin-right: 10px;
    position: relative;
    text-align: left;
    text-transform: none;
    _top: 10px;
    _float: right;
    clear: both;
}
.extendedFee input {
	margin-top: -3px;
	margin-right: 3px;
}

.seriesFee {
    _font-size: 10pt;
    _margin-right: 10px;
    position: relative;
    text-align: left;
    text-transform: none;
    _top: 10px;
    _float: right;
	clear: both;
	_padding-bottom: 8px;
}
	.seriesFee.disabled {
		text-decoration: line-through #ff9292;
		color: #939393;
	}
.seriesFee input {
	margin-top: -3px;
	margin-right: 3px;
}

.row-fluid.bordertop {
	border-top: 1px solid #eee;
	padding-top: 4px;
	min-height: 35px;
}

.invoice-rows-holder .admin-row {
	cursor: default;
}
.invoice-rows-holder .dg-admin-grid thead {
	border-top: 1px solid #CECECE;
}
.invoice-rows-holder .dg-admin-grid td {
	cursor: default;
	white-space: normal;
}

.invoice-rows-holder .dg-admin-grid tr {
	border-left: 1px solid #D1D3D4;
}

#emailNotifications tr {
	border: 1px solid #D1D3D4;
}

.invoice-sent-row {
	display: inline-block;
	cursor: pointer;
	position: relative;
	background-image: url("/img/sent-invoice.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 20px;
	height: 20px;
}

.invoice-error {
	color: #cc0000;
	display: none;
	clear: both;
}

.add-new-invoice-items {
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	background-color: #f8f8f8;
	width: 97% !important;
	padding: 10px;
}
.custom-fee{
	display: none;
}

.new-invoice-company, .new-invoice-po, .new-invoice-docket, .new-invoice-reference, .new-invoice-items, .add-new-invoice-items {
	display: inline-block;
	position: relative;
	width: 100%;
}

.new-invoice-item-name, .new-invoice-item-desc, .new-invoice-item-fee, .new-invoice-item-tax, .new-invoice-item-btns {
	display: inline-block;
	position: relative;
	width: 100%;
}

.show-add-invoice-item-row {
	xborder-bottom: 1px solid #cecece;
}
.add-invoice-item-body {
	padding: 10px;
}
.new-invoice-item-body {
	display: none;
}

.new-fee-select {
 	height: 32px;
    width: 50% !important;
}
.new-custom-fee-btn {
	width: 20% !important;
	display: inline;
}

.add-new-fee-select {
 	height: 32px;
    width: 50% !important;
}
.add-new-custom-fee-btn {
	width: 20% !important;
	display: inline;
}
.change-company-group {
	display: none;
}
.change-company-select {
	display: block;
	float: left;
}
.show-change-company {
	display: block;
}
.confirm-change-company-icon {
	background-position: -285px 5px;
}
.cancel-change-company-icon {
	background-position: -308px 6px;
}

.tax-warning {
	background-color: #c43737;
	color: #FFF;
	border: 1px solid #c42121;
	padding: 10px;
	width: 97%;
	margin-top: 5px;
	margin-bottom: 5px;
	display: none;
}

.sdate-input {
    height: 28px !important;
    padding: 0 5px !important;
    margin-right: 10px;
    width: 80px !important;
    cursor: pointer;
}

.edate-input {
    height: 28px !important;
    padding: 0 5px !important;
    width: 80px !important;
    cursor: pointer;
}


input[readonly].date-picker-input {
  cursor: pointer !important;
  margin: 0;
  width: 90px;
  xmin-height: 30px;
}
#complaintForm .date-picker-input {
	min-height: 30px;
}
#complaintForm span.add-on {
	padding: 9px !important;
}
input[readonly].sdate-input {
	cursor: pointer !important;
}
input[readonly].edate-input {
	cursor: pointer !important;
}
input[readonly].form-date {
	cursor: pointer !important;
}
input[readonly].hdate-input {
	cursor: pointer !important;
}
input[readonly].date-input {
	cursor: pointer !important;
}
.date-on {
	cursor: pointer;
}
.input-append .add-on {
	text-align: left !important;
}

.invoice-sent {
	display: inline-block;
	cursor: pointer;
	position: relative;
	background-image: url("/img/invoice-sent-icon.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 20px;
	height: 20px;
}

.invoice-notsent {
	display: inline-block;
	cursor: pointer;
	position: relative;
	background-image: url("/img/invoice-notsent-icon.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 20px;
	height: 20px;
}


.invoice-exported {
	display: inline-block;
	cursor: pointer;
	position: relative;
	background-image: url("/img/invoice-exported-icon.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 20px;
	height: 20px;
}

.invoice-notexported {
	display: inline-block;
	cursor: pointer;
	position: relative;
	background-image: url("/img/invoice-notexported-icon.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 20px;
	height: 20px;
}

.add-company-email-row {
	display: inline-block;
	margin-bottom: 10px;
}
.new-email-body {
	display: none;
	padding: 10px;
}
.add-company-email-btn {
	cursor: pointer;
	padding: 10px;
}

#addCompany .company-province {
	display: none;
}

.admin-checkboxes {
	width: 70%;
	float: left;
}
.email-check-row {
	width: 100%;
	clear: both;
}

.send-email-checkboxes {
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
}

.send-subject, .send-body {
	display: inline-block;
	width: 100%;
}
.companyEmailCheck {
	display: inline-block;
	width: 100%;
}
.companyEmailCheckLabel {
	margin-left: 5px;
	top: 5px;
	position: relative;
	display: inline-block;
}

.pdf-invoice-btn {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    background-image: url("/img/invoice-pdf-icon.png");
    background-repeat: no-repeat;
    top: -3px;
}

.pdf-invoice-btn a {
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100%;
    text-decoration: none;
}

.cb-review-fee {
	xcolor: #FFF;
	background-color: #defae9;
	padding: 20px;
}

.email-multifee-error {
	display: none;
	color: #CC0000;
}

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

#intendedDate .add-on {
	padding: 8px;
}

#minorRevExpiryDate .add-on {
	padding: 8px;
}

.slider {
	-webkit-appearance: none;
	width: 100%;
	height: 0px;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
}

.slider:hover {
	opacity: 1;
}

.slider::-webkit-slider-thumb {
	cursor: pointer;
}

.controlRadioContainer,.additionalDetailsContainer {
	display: flex;
	justify-content: space-between;
}

.controlRadioLabel {
	padding-top: 4px;
}

.noBox {
	box-shadow: none !important;
	border: 0px !important;
	-webkit-box-shadow: none !important;
}

#submissonForm input.ng-valid.ng-dirty.noBox {
	box-shadow: none !important;
	border: 0px !important;
	-webkit-box-shadow: none !important;
}

#submissonForm input[type=text].ng-valid.ng-dirty {
	background-color: #fff !important;
	box-shadow: 1px 1px 3px #d9d9d9 !important;
	-moz-box-shadow: 1px 1px 3px #d9d9d9 !important;
	-webkit-box-shadow: 1px 1px 3px #d9d9d9 !important;
	-o-box-shadow: 1px 1px 3px #d9d9d9 !important;
	border: 1px solid #78FA89;
}

.form-date {
	min-height: 10px !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-o-box-shadow: none !important;
	padding: 8px !important;
}

#intendedDate.invalid select,
#intendedDate.invalid .form-date{
	background-color: #FFFFFF !important;
    border: 1px solid #CC0000 !important;
    box-shadow: 0 0 6px #CC0000 !important;
}

#intendedDate .add-on {
	cursor: pointer;
}

.intendedDateError {
	display: inline-block;
	clear: both;
}

.filesRequired {
    color: #CC0000;
    display: none;
    font-size: 11pt;
    margin-left: 0;
    margin-top: 5px;
    text-transform: none;
}
.matCheckError {
	display: none;
}

.type-lozenge {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	display: inline-block;
	color: #FFF;
	position: relative;
	padding: 5px;
	white-space: nowrap;
	min-width: 55px;
}
.type-lozenge.red {
	background-color: #ff0000;
}
.type-lozenge.lightRed {
	background-color: #ff6060;
}
.type-lozenge.green {
	background-color: #4fb915;
}
.type-lozenge.blue {
	background-color: #2368db;
}
.type-lozenge.lightblue {
	background-color: #9dbae8;
	color: #333;
}
.type-lozenge.grey {
	background-color: #8f8f8f;
}
.type-lozenge.yellow {
	background-color: #f7e517;
	color: #333;
}
.type-lozenge.orange {
	background-color: #ffaa17;
}
.type-lozenge.darkOrange {
	background-color: #e217ff;
}
.type-lozenge.purple {
	background-color: #6c14c7;
}

.submission-document-table tr:hover td {
	background-color: #eff6fd !important;
}

.submission-document-table tr.selected td{
	background-color: #dcefff;
}

.submission-document-table tr.hidden td{
	background-color: #DDDDDD;
    color: #AAAAAA;
    font-style: italic;
}

.submission-document-table tr.notreviewed td{
	background-color: #F9FFEF;
	font-style: italic;
}
.submission-document-table tr.reviewed td{
	_background-color: #D5B9B9;
	_font-style: italic;
}
.submission-document-table tr.rejected td{
	background-color: #D5B9B9;
	font-style: italic;
}

.skinny-btn {
	padding: 5px 10px;
	margin: 2px;
	margin-top: 5px;
}

.pdf-tool-bar {
	padding: 5px;
	width: auto;
}


.hide-document-icon {
	background-image: url('/img/hide-document.png');
	background-repeat: no-repeat;
	top: 4px;
	cursor: pointer;
	width: 20px;
	height: 20px;
	display: inline-block;
	position: relative;
}

.show-document-icon {
	background-image: url('/img/show-document.png');
	background-repeat: no-repeat;
	top: 4px;
	cursor: pointer;
	width: 20px;
	height: 20px;
	display: inline-block;
	position: relative;
}

#reviewerSubmissionView .nav-tabs > li > a {
	_padding: 10px 35px 10px 10px;
	padding: 5px;
}
#reviewerSubmissionView .nav-tabs > .active > a, #reviewerSubmissionView .nav-tabs > .active > a:hover, #reviewerSubmissionView .nav-tabs > .active > a:focus {
	_padding: 10px 35px 10px 10px;
	padding: 5px;
}
#reviewerSubmissionView .submission-overview .nav-tabs {
	padding-top: 5px;
}
#reviewerSubmissionView .nav-tabs > li {
	padding-top: 0px;
}
#reviewerSubmissionView .submission-overview .submission-tab {
	padding: 20px;
}

.tax-error {
	color: #cc0000;
	display: none;
}

.submission-document-table .type-col {
	min-width: 70px;
}
.doc-info-col .row-fluid {
	min-height: 20px;
}

#deleteModal {
	box-shadow: 0px 1px 3px #999;
	-moz-box-shadow: 0px 1px 3px #999;
	-o-box-shadow: 0px 1px 3px #999;
	-webkit-box-shadow: 0px 1px 3px #999;
	z-index: 9999;
}

.account-options {
	margin-top: 10px;
}

#editAccount .nav-tabs > li > a {
	padding: 10px 35px 10px 10px;
}
#editAccount .nav-tabs > .active > a, #editAccount .nav-tabs > .active > a:hover, #editAccount .nav-tabs > .active > a:focus {
	padding: 10px 35px 10px 10px;
}
#editAccount .submission-overview .nav-tabs {
	padding-top: 5px;
}
#editAccount .nav-tabs > li {
	padding-top: 0px;
}
#editAccount .submission-overview .submission-tab {
	padding: 20px;
}
#editAccount .dg-admin-grid {
	border-bottom: 1px solid #cecece;
}

.add-vacation-row {
	display: inline-block;
	position: relative;
    width: 100%;
    xborder-top: 1px solid #cecece;
    xborder-bottom: 1px solid #cecece;
    padding-top: 10px;
}
.add-vacation-btn {
	display: inline-block;
	cursor: pointer;
	position: relative;
	cursor: pointer;
	padding: 5px;
}
.add-vacation-icon {
	display: inline-block;
	cursor: pointer;
	position: relative;
	background-image: url("/img/add-invoice.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
.vacation-desc {
	font-size: 9pt;
}

.vacation-hours-holder .admin-row {
	cursor: default;
}
.vacation-hours-holder .dg-admin-grid thead {
	border-top: 1px solid #CECECE;
}
.vacation-hours-holder .dg-admin-grid td {
	cursor: default;
	white-space: normal;
}

.vacation-hours-holder .dg-admin-grid tr {
	border-left: 1px solid #D1D3D4;
}


.vacation-error {
	color: #cc0000;
	display: none;
}

.add-vacations-items {
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	background-color: #f8f8f8;
	width: 97% !important;
	padding: 10px;
}


.new-vacation-row {
	display: inline-block;
	position: relative;
	width: 100%;
}

.show-vacation-row {
	xborder-bottom: 1px solid #cecece;
}
.add-vacation-body {
	padding: 10px;
}
.add-vacation-body {
	display: none;
}

.vdate-input {
    height: 16px !important;
    margin-bottom: 10px !important;
    min-height: inherit !important;
}

.offset-input {
	width: 50px !important;
}

#editAccount .add-on, #vacations .add-on {
	padding: 8px;
}

.new-vacation-row .admin-label.alt {
	padding-top: 0px;
}

.video-modal-body {
	text-align: center;
}
.videoModal {
	width: 700px;
}
.videoModal .modal-body {
	xmin-height: 600px;
	overflow: hidden;
}
.vac-error {
	display: none;
	width: 100%;
	position: relative;
	color: #CC0000;
	clear: both;
}

.isLoadingError {
	display: none !important;
	font-size: 10pt;
}

.submission-form-container {
    max-width: 1170px;
    _min-width: 900px;
    width: auto !important;
}
	.submission-form-container a {
		text-decoration: underline;
	}

.file-titles {
	margin-top: 10px;
}
.file-listing {
	xmargin-top: 10px;
}

#formSteps.affix {
	position: fixed;
	top: 65px;
}
#submissonForm h2 {
	font-weight: bold;
}

.my-files-fn {
	word-wrap: break-word;
}
.help-video-box {
	text-align: center;
}

#globalErrorModal {
	background-color: #FFF;
}

.errorIconBox {
	display: block;
	position: relative;
	float: left;
	height: 50px;
	width: 50px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	margin-right: 10px;
}
	.errorIconBox.error {
		background-image: url(/img/error-icon.png);
	}
	.errorIconBox.lostinternet {
		background-image: url(/img/lost-internet.png);
	}

#helpModal .modal-header .close {
	margin-right: 10px;
    margin-top: 10px;
}

#helpModal .helpTitle {
	display: inline-block;
    font-size: 15pt;
    margin-left: 10px;
    position: relative;
    top: 5px;
    width: auto;
}

#helpModal .helpIconBox {
    display: inline-block;
    height: 50px;
    position: relative;
    width: 50px;
}

#globalErrorModal .errorInstruction {

}

#globalErrorModal .modal-header .close {
    margin-right: 10px;
    margin-top: 10px;
}

#globalErrorModal .globalErrorTitle {
	display: inline-block;
    font-size: 15pt;
    margin-left: 10px;
    position: relative;
    top: 5px;
    width: auto;
}

#globalErrorModal .dynamicError {
	background-color: #E35959;
    color: #FFFFFF;
    font-size: 11pt;
    padding: 10px;
    text-shadow: 0 1px 1px #000000;
}

#serverModal .dynamicError {
	background-color: #E35959;
	color: #FFFFFF;
	font-size: 11pt;
	padding: 10px;
	text-shadow: 0 1px 1px #000000;
}

.user-info-status {
    margin-top: 10px;
    text-align: right;
}

.setting-company-label {
	margin-top: 11px;
	position: relative;
}
.total-row {
	background-color: #d5d5d5;
    border-top: 1px solid #BBBBBB;
    color: #555555;
    font-weight: bold;
}
.total-row td {
	border-right: 1px solid #bbb;
	padding-top: 5px;
	padding-bottom: 5px;
}
.report-first-col {
    max-width: 100px !important;
    min-width: 100px !important;
    overflow: hidden;
    width: 100px !important;
    word-wrap: break-word;
}


.chart-container {

}

.chart-hor-lines {
    display: block;
    height: 150px;
    left: 0;
    position: absolute;
    top: 0;
    width: 192px;
    z-index: 2;
}

.bar-wrap {
	height: 150px;
	margin-left: 9px;
    overflow: hidden;
    width: 185px;
    background-image: url("/img/assignment-rev-bg.jpg");
}

.bar-wrap-2 {
	height: 20px;
    overflow: hidden;
    width: 150px;
    background-image: url("/img/cei-survey-bg.jpg");
	position: absolute;
}

.bar-chart {
	width: 241px;
	height: 200px;
	top: -25px;
	left: -25px;
	z-index: 5;
}

.reports-sub-filters label, .reports-show-filters label{
    display: inline-block;
    margin-bottom: 0;
    margin-right: 10px;
    position: relative;
    _top: 5px;
    text-transform: none;
}

.reports-sub-filters label, .reports-show-filters label.labelNoTopPadding{
    display: inline-block;
    margin-bottom: 0;
    margin-right: 10px;
    position: relative;
	top: 0px;
    text-transform: none;
}

.reports-sub-filters .row-fluid, .reports-show-filters .row-fluid {
	margin-top: 5px;
}
.reports-sub-filters .date-filter, .reports-show-filters .date-filter {
    xmargin-bottom: 20px;
    xmargin-left: 15px;
}
.reports-sub-filters .filter-label, .reports-show-filters .filter-label {
	width: 30%;
	margin: 0px;
}
.reports-sub-filters .filter-left, .reports-show-filters .filter-left {
	float: left;
   xmargin-left: 15px;
    xmargin-right: 15px;
	width: 48%;
}
.survey-filter-left {
	float: left;
   xmargin-left: 15px;
    xmargin-right: 15px;
	width: 100%;
}
.reports-sub-filters .filter-right, .reports-show-filters .filter-right {
	float: right;
    xmargin-left: 15px;
    xmargin-right: 15px;
    width: 48%;
}
.reports-sub-filters .filter-reports-btns {
	text-align: center;
	margin-top: 10px;
}
.reports-show-filters .filter-listing {
	width: 70%;
	font-size: 11pt;
	text-transform: none;
	padding-top: 5px;
	font-weight: bold;
	float :left;
}

.modal-label {
    float: left;
    width: 25%;
    padding-top: 10px;
}

.modal-listing {
	width: 70%;
	font-size: 11pt;
	text-transform: none;
	padding-top: 10px;
	float :left;
	font-weight: bold;
}

.input-padding {
	padding-top: 6px;
}

/*.reports-sub-filters {
	display: none;
}*/

.reports-show-filters {
	font-size: 12pt;
	xpadding-bottom: 20px;
}

.report-sub-no-results {
	background-color: #e1e1e1;
	color: #999;
	padding: 40px;
	position: relative;
	display: none;
	text-align: center;
	font-style: italic;
	xwidth: 100%;
}
.apply-filters-msg {
	background-color: #e1e1e1;
	color: #999;
	padding: 40px;
	position: relative;
	display: inline-block;
	text-align: center;
	font-style: italic;
	width: 100%;
}

.backup-label {
	float: left;
    height: 30px;
    margin: 0;
    padding-top: 10px;
    width: 30%;
}

.backup-input {
	float: left;
    width: 70%;
    margin-top: 5px;
}

.backup-input.plain {
    margin-top: 10px;
}

.choose-backups {
	display: inline-block;
	position: relative;
	width: 100%;
}

.backup-error {
	color: #CC0000;
}
.error-backup1, .error-backup2 {
	display: none;
}

#emailModal ul.chosen-choices li.search-field input {
	min-height: inherit !important;
}

.globalError, .helpError {
	z-index: 2000;
}

.loadingRow {
	width: 100%;
	padding: 10px;
	padding-top: 30px;
	background-color: #FFF;
	text-align: center;
}
.loadingRow td {
	background-color: #FFF;
}

.formError {
	color: #CC0000;
	display: none;
}


.isOpenByAdmin td{
	background-color: #d1f3d8 !important;
}

.rush{
	color: #cc0000;
}

.norush{
	color: #4d4d4f;
}

.logout-btn {
	cursor: pointer;
}
.logout-btn .icon-white {
	padding-right: 5px;
}

.status-btn {
	padding: 4px;
	width: 100%;
}

.adv-search-row {
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 2px;
	background-color: #f1f1f1;
	text-transform: none;
}
.sub-action-btn {
	font-size: 10pt !important;
}

.sub-action-btn.active {
	background-image: none;
	background-color: #999;
	color: #eee;
	text-shadow: none;
}
/*
.adv-search-row.doc a{
	text-decoration: none;
	display: inline-block;
	width: 100%;
	height: 100%;
}

.adv-search-row.doc:hover {
	background-color: #dcefff;
}

.adv-search-row.sub:hover a{
	color: #555;
}

.adv-search-row.sub {
	cursor: pointer;
}

.adv-search-row.sub:hover {
	background-color: #dcefff;
}

.adv-search-row.title {
	background-color: #FFF;
}*/

.adv-search-row.top {
	display: inline-block;
	position: relative;
	width: 97%;
	clear: both;
	background-color: #FFF;
}

.advSearchPanel .search-tools {
	height: 100%;
}
.advSearchPanel .results {
	height: 100%;
	max-height: 100%;
	display: none;
	overflow-x: auto;
	background-color: #FFF;
}
.found-subs {
	max-height: 650px;
	overflow-x: auto;
}

.loadingGridNoResults {
	display: none;
	padding: 10px;
	font-size: 12pt;
	font-style: italic;
}

.not-ack-wrap {
	display: inline-block;
	position: relative;
}

.not-icon {
    padding-left: 3px;
    padding-right: 3px;
    position: relative;
    top: 8px;
}

.ack-ack {
	position: absolute;
	right: 4px;
	top: 10px;
}

.ack-ack-icon {
    padding-left: 3px;
    padding-right: 3px;
    position: relative;
    _top: 8px;
	cursor: pointer;
	color: #FFffff;
	font-size: 18px;
}
	.notification-item .ack-ack-icon {
		padding: 0 3px 60px 80px;
	}
	.notification-item .ack-ack-icon.ack-un {
		padding-right: 6px;
	}
	.notification-item .ack-ack-icon.ack-on {
		padding-right: 4px;
	}

	.acknow .ack-ack-icon {
		color: #FF0000;
	}

.ticket-notes-panel .padding-ack,
.notification-panel .padding-ack {
	_margin-right: 14px;
}

.new-ticket-icon {
	float: left;
    margin-top: 10px;
    margin-right: 10px;
}

.confirm-new-lang {
	display: none;
}

.confirm-edit-lang {
	display: none;
}

.edit-panel {
	width: 95%;
	display: inline-block;
	position: relative;
}

.edit-panel .formerror {
	text-align: left;
	display: none;
	color: #CC0000;
	clear: both;
}

.edit-panel .admin-label-lang {
	float: left;
	width: 10%;
	margin-right: 10px;
	margin-top: 5px;
}
.edit-panel .admin-input-en {
	float: left;
	margin-right: 40px;
	width: 40%;
	margin-top: 0px;
}
.edit-panel .admin-input-fr {
	float: left;
	margin-right: 0px;
	width: 40%;
	margin-top: 0px;
}

input.editable {
	width: 75% !important;
}

.sort-up {
	display: inline-block;
	cursor: pointer;
	width: 15px;
	height: 9px;
	background-image: url('/img/sort-up.png');
	background-repeat: no-repeat;
}

.sort-down {
	display: inline-block;
	cursor: pointer;
	width: 15px;
	height: 9px;
	background-image: url('/img/sort-down.png');
	background-repeat: no-repeat;
}

.copy-sub-btn {
    font-size: 10pt !important;
    margin-top: 10px;
    width: 100%;
    padding: 5px 9px;
}

.copy-documents {
	max-height: 284px;
	overflow-y: auto;
	overflow-x: hidden;
}

.copy-doc {
	background-color: #eee;
	padding: 5px;
	margin-top: 1px;
}

.copy-doc-check {
    display: inline-block;
    float: left;
    margin-left: 5px !important;
    margin-right: 15px !important;
    position: relative;
    top: 5px;
}

.copy-doc-label {
    border-left: 1px solid #FFFFFF;
    display: inline-block;
    _padding-left: 15px;
    margin-bottom: 0px;
    max-width: 480px;
}

.copy-doc-label .type-lozenge {
	margin-right: 10px;
	min-width: 30px;
    text-align: center;
}

.friendlyNameCopyInput {
	width: 95%;
}

#copySubmissionModal .edit-panel {
	width: 100%;
}

.changeStatusCommentError {
	display: none;
	color: #cc0000;
	clear: both;
}
.status-comment {
	width: 95%;
	height: 100px;
}

table.doc-info-col td{
	padding: 0px;
}

.editable.tax-input {
	cursor: pointer !important;
}
.editable.tax-input:active, .editable.tax-input:hover, .editable.tax-input:focus {
	cursor: pointer !important;
}

.edit-panel .tax-input {
	position: relative;
	top: 10px;
	cursor: pointer;
}

.edit-doc-name-input {
	_width: 90%;
	_min-width: 325px;
}

.admin-search-input {
	width: 84% !important;
}
.top-search-input {
	width: 86% !important;
}

.help-icon {
	padding-left: 4px;
	xcolor: #fff;
	_min-width: 20px;
	display: inline-block;
	position: relative;
	_margin-left: 10px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	_top: 3px;
}
.help-icon:hover {

}

.composebox .help-icon {
	top: -7px;
}

.collapse-top {
	cursor: pointer;
	xpadding-left: 20px;
	xxbackground-repeat: no-repeat;
	xbackground-position: 0px 5px;
}
.collapse-top.up {
	xbackground-image: url('/img/sort-up.png');
}
.collapse-top.down {
	xbackground-image: url('/img/sort-down.png');
}
.collapse-row {
	text-align: right;
	float: right;
}

.name-icon {
	display: inline-block;
	float: right;
	xbackground-image: url('/img/name-icon.png');
	background-repeat: no-repeat;
	xwidth: 24px;
	xheight: 23px;
}
.name-icon:hover {
	xbackground-image: url('/img/name-icon-over.png');
}

.name-icon.original {
	display: inline-block;
	float: right;
	xbackground-image: url('/img/name-icon-over.png');
	background-repeat: no-repeat;
	xwidth: 24px;
	xheight: 23px;
}
.name-icon.original:hover {
	xbackground-image: url('/img/name-icon.png');
}

.submissions #new-start-date{
	margin-top: -10px;
	position: relative;
}

.submissions #new-end-date{
	margin-top: -10px;
	position: relative;
	margin-left: 15px;
}
.submissions .search-by-date-btn {
	margin-top: 0px;
	position: relative;
	padding: 3px 10px;
}


.adv-search-row-wrap {

}

.adv-search-row {
	background-color: #fefefe;
	color: #444;
	font-size: 11pt;
	text-transform: none;
}

.adv-search-row.title {
	background-color: #f8f8f8;
	color: #555;
	font-size: 10pt;
	background-image: url('/img/row-closed.png');
	background-position: 2px 15px;
	background-repeat: no-repeat;
	cursor: pointer;
	padding: 5px;
	padding-left: 20px;
}

.adv-search-row.title.nores {
	background-position: 2px 11px;
}

.adv-search-row.title.open{
	padding-left: 20px;
	background-image: url('/img/row-open.png');
	background-repeat: no-repeat;
}

.adv-search-row.title:hover {
	background-color: #e9e9e9;
}

.adv-search-row.docs {
	display: none;
	margin-left: 12px;
	font-size: 9pt;
	background-color: #fff;
	color: #444;
}

.adv-search-row.docs .doc {
	background-color: #dcefff;
	cursor: pointer;
	background-image: url('/img/doc-arrow.png');
	background-repeat: no-repeat;
	background-position: 2px 7px;
	padding-left: 15px;
	font-size: 9pt;
	cursor: default;
	text-transform: none;
}

.adv-search-row.docs .doc.no-results {
	display: none;
}

.adv-search-row.docs .doc:hover {
	background-color: #a6d5fc;
}

.adv-search-row.docs .approved {
	display: inline-block;
	position: relative;
	top: 1px;
	margin-left: 5px;
	margin-right: 5px;
	width: 15px;
	height: 15px;
	background-image: url('/img/small-approved.png');
	background-repeat: no-repeat;
}

.adv-search-row h4 {
	color: #333;
	padding: 4px;
	font-weight: 700;
	font-size: 10pt;
	margin: 0px;
	border-top: 1px solid #F8F8F5;
	border-bottom: 1px solid #F8F8F5;
}

.all-doc-search {
	padding-left: 5px;
	padding-right: 5px;
	display: inline-block;
	font-size: 12pt !important;
}

.advSearchPanel .chosen-choices {
	margin-top: 5px;
}

.advSearchPanel .check-row {
	margin: 0px !important;
}

.advSearchPanel .search-tools .admin-search-input {
	width: 70% !important;
	box-sizing: border-box;
	height: 40px !important;
}

.search-tools .admin-search-input {
	width: 70% !important;
	_width: 55% !important;
	margin: auto;
	box-sizing: border-box;
	height: 40px;
}

.all-doc-radio {
	position: relative;
	top: -2px;
}

.open-doc {
	_display: inline-block;
	_position: relative;
	display: block;
	position: absolute;
	top: 3px;
	right: 0;
	_margin-left: 5px;
	width: 20px;
	height: 20px;
	background-image: url('/img/open-sub-icon.png');
	background-repeat: no-repeat;
	cursor: pointer;
}
.open-doc.white {
	background-image: url('/img/open-sub-icon-white.png');
}
.open-doc:hover {
	background-image: url('/img/open-sub-icon-over.png');
}


.top-search-row-wrap {

}

.top-search-row {
	xbackground-color: #fefefe;
	color: #444;
	font-size: 11pt;
	text-transform: none;
}


.top-search-row.title {
	position: relative;
	xbackground-color: #f8f8f8;
	color: #fff;
	font-size: 10pt;
	background-image: url('/img/row-closed.png');
	background-position: 2px 15px;
	background-repeat: no-repeat;
	cursor: pointer;
	border-bottom: 1px solid #00499B;
	padding: 5px;
	padding-left: 20px;
}
.top-search-row.title .text {
	display: inline-block;
	width: 336px;
	overflow: hidden;
	height: 20px;
	white-space: nowrap;
}

.top-search-row.title.nores {
	background-position: 2px 11px;
}
.top-search-row.title.error {
	background-image: none !important;
	padding: 5px;
	border-bottom: 0;
	background-color: #f00;
	margin-top: 11px;
}

.top-search-row.title.open{
	padding-left: 20px;
	background-image: url('/img/row-open.png');
	background-repeat: no-repeat;
}

.top-search-row.title:hover {
	background-color: #296fea;
}

.top-search-row.docs {
	display: none;
	margin-left: 12px;
	font-size: 9pt;
	xbackground-color: #fff;
	color: #444;
}

.top-search-row.docs .doc {
	background-color: #296fea;
	cursor: pointer;
	background-image: url('/img/doc-arrow.png');
	background-repeat: no-repeat;
	background-position: 2px 7px;
	padding-left: 15px;
	font-size: 9pt;
	_cursor: default;
	border-bottom: 1px solid #00499B;
	border-top: 1px solid #296fea;
}

.top-search-row.docs .doc a{
	display: inline-block;
	text-transform: none;
}

.top-search-row.docs .doc.no-results {
	display: none;
	color: #FFF;
}

.top-search-row.docs .doc:hover {
	xbackground-color: #a6d5fc;
}

.top-search-row.docs .approved {
	display: inline-block;
	position: relative;
	top: 1px;
	margin-left: 5px;
	margin-right: 5px;
	width: 15px;
	height: 15px;
	background-image: url('/img/small-approved.png');
	background-repeat: no-repeat;
}

.group-by-label {
	display: inline-block;
	margin-right: 10px;
}
.group-by select {
	position: relative;
	top: 3px;
}
.date-select {
	display: inline-block;
	margin-right: 20px;
}
.date-select select {
	position: relative;
	top: 5px;
}
/*
.date-reveal {
	display: none;
	margin-left: 10px;
}
*/
.date-middle {
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	position: relative;
	font-size: 8pt;
	text-transform: none;
}

.date-report-label {
	min-width: 14%;
}
.row-fluid.date-filter {
	xwidth: 50%;
}

.filter-toggle-row {
	text-align: center;
	background-color: #fff;
	font-size: 10pt;
	margin-top: 10px;
	margin-right: 10px;
}

.filter-toggle {
	background-image: url("/img/mudflap-white.png");
	background-repeat: no-repeat;
	background-position: center;
	height: 26px;
	width: 175px;
	margin: auto;
	cursor: pointer;
	position: relative;
	top: 20px;
}

.date-listing {
	display: inline-block;
	position: relative;
	font-size: 11pt;
	font-weight: bold;
	top: 4px;
	text-transform: none;
}

.filter-date-label {
	display: inline-block;
	width: 30%;
	margin-bottom: 10px !important;
	margin-right: 0px !important;
}

.date-show-middle {
	display: inline-block;
	position: relative;
	top: 4px;
	margin-left: 5px;
	margin-right: 5px;
	position: relative;
	font-size: 8pt;
	text-transform: none;
}

.filter-select, .range-select, .pageRange-select, .refRange-select, .pickupRange-select, .newPagesRange-select {
	position: relative;
	top: 4px;
}
.rangeInput {
	width: 80px;
	margin: 0px;
	margin-right: 10px;
	margin-left: 10px;
}
.rangeInput.first {
	margin-left: 0px;
}
.pageRange-reveal {
	display: none;
}
.refRange-reveal {
	display: none;
}
.pickupRange-reveal {
	display: none;
}
.newPagesRange-reveal {
	display: none;
}
.range-reveal {
	display: none;
	margin-left: 30%;
}
.date-reveal {
	display: none;
	margin-left: 30%;
}
.response-reveal {
	display: none;
	margin-left: 30%;
}
.duration-reveal {
	display: none;
	margin-left: 30%;
}
blockquote p {
	margin-bottom: 0;
	font-size: 11pt;
	font-weight: normal;
	line-height: 1.25;
	font-style: normal;
}
blockquote {
	font-style: normal;
	background-image: none;
}


.sub-table {
	font-size: 10pt;
	font-weight: normal !important;
}

.adv-search-error {
	color: #CC0000;
	display: none;
	padding-top: 5px;
	padding-bottom: 10px;
	font-size: 10pt;
}

.oldSubField {
	position: relative;
	top: -20px;
}

.review-file-name a{
	margin-left: 10px;
	margin-top: 10px;
	position: relative;
	display: inline-block;
}

.review-file-name > span {
	xmargin-left: 10px;
	xmargin-top: 9px;
	xmargin-bottom: 9px;
	position: relative;
	display: inline-block;
	padding: 5px 15px 5px 10px
}

.review-file-name .file-link:hover {
	text-decoration: underline;
	cursor: pointer;
}

.review-file-type {

}

.review-file-row {
	background-color: #fbfbfb;
	padding: 5px;
}

.review-delete-col {
	min-width: 50px;
}

.back-up-icon {
	xbackground-image: url('/img/backup-icon.png');
	background-repeat: no-repeat;
	xwidth: 20px;
	xheight: 20px;
	cursor: pointer;
	display: inline-block;
	position: relative;
}

.date-group {
    background-color: #FFFFFF;
    border: 1px solid #e1e1e1;
    display: inline-block;
    font-size: 10pt !important;
    margin-top: -20px;
    margin-right: 5px;
    padding: 5px;
    position: relative;
}
.sub-dates {
	display: inline-block;
	position: relative;
	top: 2px;
	margin-right: 10px;
	text-transform: none;
}
.filter-date-box {
	display: none;
	padding: 20px;
	background-color: #FFF;
	border: 1px solid #e1e1e1;
	z-index: 99;
	width: 300px;
	_height: 70px;
	position: absolute;
	top: -50px;
	left: -25px;
}
.filter-date-box.mention,
.filter-date-box.comment {
	top: 0;
	width: 100%;
	height: auto;
}
#priority-box .new-start-date,
#priority-box .new-end-date {
	display: block;
}

.date-sub-btn {
    display: inline-block;
    text-align: center;
    width: auto;
}

.date-btn-box {
	display: block;
	width: auto;
	clear: both;
	margin-top: 10px;
	text-align: center;
}

.page-controls {
	display: inline-flex;
	font-size: 10pt;
	text-align: center;
	margin-right: 10px;
	top: -10px;
	position: relative;
}

.page-controls .showingPage {
	float: left;
	margin-right: 10px;
	margin-top: 2px;
}

/*.submission-header-leftbox.sub-grid {
	width: 20%;
}
.submission-header-rightbox.sub-grid {
	width: 80%;
}*/

.letter-last-save {
	position: relative;
	margin-left: 10px;
}

.date-word {
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}

.grey-btn .halflings {
	padding: 5px !important;
}

/*.rev-name-head {
	position: fixed;
}

.rev-chart-head {
	position: fixed;
}*/

.page-prev, .page-next {
	padding: 3px 7px;
	margin-right: 1px;
	margin-left: 1px;
}

.page-prev.dis, .page-next.dis {
	cursor: default !important;
	opacity: .5;
}
.page-prev.dis:hover, .page-next.dis:hover {
	background-color: #C0C2C5 !important;
}

.fa {
	vertical-align: middle;
	transform: none !important
}

.fa.wp {
	padding-right: 7px;
}

.fa.wrp {
	padding-left: 7px;
}

.fa-cx {
	font-size: 13pt;
	position: relative;
	top: -1px;
}

.fa-t {
	font-size: 24px;
}
.fa-cs {
	font-size: 10pt;
	position: relative;
	top: -1px;
}

.fa-cl {
	font-size: 15pt;
	position: relative;
	top: -1px;
}

.fa-cxl {
	color: #FF6600;
	font-size: 18pt;
	position: relative;
	top: -1px;
}

.fa-toggle-on {
	font-size: 16pt !important;
}

.fa-toggle-off {
	font-size: 16pt !important;
}

.submission-document-table td.date-field {
	width: 80px;
	white-space: nowrap;
}
.submission-document-table td.action-field {
	_min-width: 110px;
	_max-width: 110px;
	_width: 110px;
	overflow:visible;
	cursor: default;
	white-space: nowrap;
}
.submission-document-table td.name-field {
	width: 100%;
}

.row-icons {
	display: flex;
	display: -webkit-flex;
	_display: block;
	white-space: nowrap;
	_width: 168px;
}

.button-space {
	display: inline-block;
	width: 28px;
	height: 28px;
	_margin: 0 1px;
	_float: left;
	overflow: hidden;
}
.button-space.sep {
	margin-left: 5px;
	padding-left: 5px;
	border-left: 1px solid #ccc;
}

.slim-btn {
	line-height: 14px;
	display: inline-block;
	height: 28px;
	position: relative;
	padding: 5px;
	cursor: pointer;
	min-width: 26px;
}

.sub-grid-search {
	max-width: 150px;
}

.message-box {
	color: #444;
	background-color: #fefdda;
	padding: 20px;
	margin-top: 20px;
	text-align: left;
}

.ticket-message-box {
	color: #444;
	background-color: #D3D3D3;
	padding: 20px;
	text-align: left;
}

.file-name-link {
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.file-name-link a {
	xtext-decoration: underline;
}

.resources-list {
	margin: 0px;
  list-style-type: none;
}

.resources-list li {
   	background-color: #f5f5f5;
    clear: both;
    color: #666666;
    font-size: 11pt;
    margin: 1px !important;
}
.resources-list li:hover {
   	background-color: #fbfbfb;
}

.resources-list li a {
	display: block;
    padding: 5px;
    width: auto;
}

.resources-list li a i{
	margin-left: 5px;
	float: right;
}

.widget-hours {

}

.widget-hours .week-day {
    background-color: #f1f1f1;
    clear: both;
    color: #666;
    margin: 1px;
    font-size: 11pt;
}
.widget-hours .week-title {
    background-color: #555;
    color: #eee;
    font-size: 12pt;
    padding: 6px 4px;
    text-align: center;
}
.widget-hours .day {
    display: inline-block;
    margin-right: 5%;
    padding: 15px;
    width: 15%;
    border-right: 1px solid #fff;
    background-color: #f9f9f9;
    text-transform: uppercase;
}
.widget-hours .time {
	display: inline-block;
    padding: 15px;
    width: 50%;
}
/*
.morris-hover {
	position:absolute;
	z-index:1000;
}
.morris-hover.morris-default-style {
	border-radius:10px;
	padding:6px;
	color:#666;
	background:rgba(255, 255, 255, 0.8);
	border:solid 2px rgba(230, 230, 230, 0.8);
	font-family:sans-serif;
	font-size:12px;
	text-align:center;
}
.morris-hover.morris-default-style .morris-hover-row-label {
	font-weight:bold;
	margin:0.25em 0;
}
.morris-hover.morris-default-style .morris-hover-point {
	white-space:nowrap;
	margin:0.1em 0;
}*/

.stats-widget {
	color: #333;
}

.sub-action-btns {
	position: relative;
	top: -10px;
	margin-right: 10px;
}

.sub-footer-middle {
    display: inline-block;
    font-size: 10pt;
    margin: auto auto auto 5px;
    position: relative;
    text-align: center;
    top: 7px;
}

input[type="password"], input.pass-input {
    _color: #333333 !important;
    _font-size: 15pt !important;
    height: auto;
}
.priority-title span {
	cursor: pointer;
}
.priority-title span:hover {
	text-decoration: underline;
}

.change-password-strength {
	display: none;
}

.res-error.change-password-strength {
	margin-top: 10px;
}

.popover {
	background-color: #333 !important;
	border: 0px !important;
	color: #FFF !important;
	font-size: 9pt !important;
	text-align: center;
	text-transform: none;
}
.popover.top {
	margin-top: -10px;
}
.popover.top .arrow:after {
	border-top-color: #333 !important;
}
.popover-inner {
	padding: 5px;
}
.popover-content {
    line-height: 17px;
    padding: 0;
}
.assign-box-desc a {
	text-decoration: underline;
}
.assign-title {
	cursor: pointer;
}
.assign-title:hover {
	text-decoration: underline;
}

.filter-sub {
	width: 100%;
}

.admin-page-wrapper .page-controls {
	top: 0px;
}
.admin-page-wrapper .btn-group {
	top: 0px;
}
.admin-page-wrapper .search-input {
	top: 0px;
	position: relative;
}
.admin-page-wrapper .select-role {
	top: 5px;
	position: relative;
}

.priority-drop-zone {
	display: block;
	clear: both;
	position: relative;
	border: dashed 1px #999;
	padding: 20px;
	min-height: 100px;
	margin-bottom: 20px;
}

.invoice-link, .sub-recon {
	display: inline;
	text-decoration: underline;
}
.invoice-link:hover, .sub-recon:hover {
	color: #000;
}

.recon-report {
	padding: 20px;
}

.forg-pass-disabled {
	display: none;
	padding-left: 20px;
	color: #fff;
}

.user-settings-page .web-box-body {
	padding-left: 30px;
	padding-right: 30px;
}

.now-showing {
	font-size: 12pt;
	color: #666;
}

.invoice-check {
	display: inline;
}

/*
.client-info {
	padding-left: 5px;
	cursor: pointer;
	position: relative;
}
*/

.client-col {
	position: relative;
}

i.info {
	padding-left: 5px;
	cursor: pointer;
	position: relative;
}
	div.info {
		position: absolute;
		right: -5px;
		top: -5px;
		height: auto;
		padding: 15px;
		width: auto;
		min-width: 20px;
		background-color: #FFFFFF;
		border-radius: 8px;
		box-shadow: 0 0 2px #999999;
		color: #444444;
		display: none;
		font-family: Helvetica;
		font-size: 10pt;
		line-height: normal;
		white-space: nowrap;
		z-index: 200;
	}
		.info-close {
			position: absolute;
			right: 5px;
			top: 5px;
			cursor: pointer;
		}

.alldocs-checkbox {
	width: auto !important;
}

.multirev .ismulti {
	background-color: #aed347;
	color: #FFF;
}

.req {
	color: #EB2225;
	padding-right: 5px;
}




/*SMALLER INPUTS ON POP UPS*/

.siModal .modal-body input {
	min-height: 32px !important;
}
.siModal .modal-body  textarea, .siModal .modal-body input, .siModal .modal-body .uneditable-input {
	padding: 5px !important;
}
.siModal .modal-body select, .siModal .modal-body textarea, .siModal .modal-body input, .siModal .modal-body .uneditable-input {
	margin-bottom: 5px !important;
}

.siModal .modal-body input {
	min-height: 32px !important;
}
.siModal .modal-body  textarea, .siModal .modal-body input, .siModal .modal-body .uneditable-input {
	padding: 5px !important;
}
.siModal .modal-body select, .siModal .modal-body textarea, .siModal .modal-body input, .siModal .modal-body .uneditable-input {
	margin-bottom: 5px !important;
}
.siModal .admin-label {
	padding-top: 8px !important;
}

.xls-btn {
	text-decoration: none;
	display: inline-block;
}

.xls-btn:hover, .xls-btn:active {
	color: #fff;
	text-decoration: none;
}

.widget-activity-box {
	color: #333;
	border-bottom: 1px solid #ececec;
}

.widget-activity-box .inner {
	display: block;
	float: left;
	border-right: 1px solid #ececec;
	padding: 5px;
	min-width: 125px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.widget-activity-box .type {
    display: block;
	float: left;
    border-right: 1px solid #ececec;
	padding: 5px;
	min-height: 33px;
	padding-top: 18px;
	width: auto;
	min-width: 18px;
}

.widget-activity-box .fileid {
    display: block;
}

.widget-activity-box .friendlyName {
    display: block;
}

.widget-activity-box .date {
    display: block;
    float: left;
    padding: 5px;
    min-height: 33px;
	padding-top: 18px;
    width: auto;
    border-right: 1px solid #ececec;
}

.widget-activity-box .linkthrough {
    display: block;
    float: left;
    min-height: 45px;
    width: auto;
}

.widget-activity-box .linkthrough .ra-btn {
    width: 30.5px;
    height: 56px;
    background-color: #f7f7f7;
    border: 0px;
    text-shadow: 0px;
}

.widget-activity-box .linkthrough .ra-btn:hover {
	background-color: #14b1e7;
	color: #FFF;
}

.dropdown-menu.notifications {
	padding: 2px;
	background-color: #2058bd !important;
	max-height: 500px;
	overflow-x: auto;
}

.dropdown-menu.notifications li {
	background-color: #2564D4 !important;
}

.noNote .ack-all {
	display: none;
}

.ack-all  {
    border: 0 none !important;
    cursor: pointer;
    font-size: 9pt !important;
    padding: 5px !important;
    text-align: right !important;
    width: auto !important;
	border-bottom: 1px solid #194491 !important;
	background-color: #1353c6;
}
.ack-all .blue-btn {
	padding: 4px;
	line-height: 12px;
}
.ack-all .blue-btn.loading  {
	/*background-color: #ff0000 !important;*/
	background-image: url('/img/loadingbar.gif');
	_opacity: .2;
}

.per-widget {
	text-align: center;
}
.per-widget .top {
	border-bottom: 1px solid #cecece;
}
.large-gage {
	width: 200px;
	height: 150px;
	margin: -10px auto -5px;
}

.small-gage {
	width: 125px;
	height: 100px;
	margin: -15px auto -5px;
}

.per-title {
	text-align: center;
	color: #333;
	font-size: 9pt;
}
.per-widget h3 {
	color: #333;
	text-align: center;
}

.internet-icon {
	_background-image: url('/img/internet.jpg');
	_background-repeat: no-repeat;
	_background-position: 0px !important;
	_width: 40px;
	height: 40px;
	_background-color: #2564D4 !important;
	_margin: 36px 5px 5px 4px;
	text-align: center;
	cursor: pointer;
}
	.internet-icon > div {
		margin: 36px 5px 5px 4px;
		height: 30px !important;
		width: 40px;
	}

	.internet-icon .fa-signal {
	}

	.internet-icon .fa-exclamation-circle {
		font-size: 20px;
		color: #FF0000;
	}

	.internet-icon.ialert {
		_background-image: url('/img/internet_alert.jpg');
	}

.edit-invoice-item-tax {
	width: 100%;
}
.ticket-icon {
	background-position: 0px !important;
	width: 40px;
	height: 40px;
	background-color: #2564D4 !important;
	margin: 36px 5px 5px 4px;
	height: 30px !important;
	text-align: center;
	cursor: default;
}

.edit-top-view {

}

.edit-top-edit .edit-btns {
	display: inline-block;
}
.edit-top-edit .save-edit-btn {
	display: inline-block;
}
.edit-top-edit .cancel-edit-btn {
	display: inline-block;
}

.edit-top-edit {
	display: none;
	vertical-align: top;
}

.edit-top-edit input {
	padding: 5px !important;
}

.invoice-bottom-row {
	margin-bottom: 5px;
}

.invoice-date-group {
	margin-top: auto !important;
}

.invoice-filter-btns {
	margin-left: 10px;
	margin-top: 3px;
}

.videoLoad {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url('/img/videoLoadBG.png');
	color: #fff;
	text-align: center;
	line-height: 100%;
	vertical-align: middle;
	width: 100%;
	padding-top: 200px;
}
.videoLoad .text {
	padding: 10px;
	background-color: #333;
	color: #fff;
}
.wpm {
	margin-right: 15px;
}

.recon-admin-btns {
	top: -10px;
	margin-right: 10px;
	display: inline-block;
	position: relative;
}

.complaint-btn {
	cursor: pointer;
	font-size: 90%;
}

.complaint-error {
	color: #CC0000;
	position: relative;
	display: none;
	clear: both;
}

#submissions-report tr {
	background-color: #FFF;
}

#submissions-report tr.header-row {
	background-color: #e5e5e5;
}

.complaint-search {
	top: 10px;
}

.comNotActive {
	display: block;
	width: 20px;
	height: 20px;
	background-color: #cc2b2b;
}

.comActive {
	display: block;
	width: 20px;
	height: 20px;
	background-color: #2bcc7b;
}

.com-sub-link:hover {
	text-decoration: underline;

}

.closeComplaintBtn, .closeComplaintMsg {
	display: none;
}

.td-complaint {
	min-width: 350px;
}

.com-radio {
	display: inline-block;
	margin-right: 10px;
	margin-top: 7px;
}
.com-radio label {
    display: inline-block;
    margin: 0 0 0 5px;
    position: relative;
    top: 3px;
}
.com-radio input {

}

.mon-type {
	text-transform: capitalize;
}

#complaintForm {
	padding-bottom: 20px;
}

.complaint-form-container.container {

}

.complaint-tabs.nav-tabs > li > a {
	border-radius: 0px;
	margin-right: 0px;
}

.complaint-tab-body {
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	padding: 20px;
	padding-top: 40px;
}

.cf-label {
	width: 20%;
	float: left;
	padding: 10px;
}
.cf-label .inner-label {

}

.cf-input {
	display: inline-block;
	width: 75%;
	float: left;
}

.cf-input input {
	min-width: 45%;
}

.cf-input input[type="checkbox"], .cf-input input[type="radio"] {
	min-width: inherit;
}

.cf-input textarea {
	width: 100%;
	min-height: 150px;
}

.cf-input select {
	min-width: 35%;
	height: auto;
	padding: 10px;
}

.c-error {
	color: #CC0000;
	font-size: 90%;
	margin-bottom: 10px;
}

.c-input-error {
	margin-top: 10px;
}

.complaint-stageone-submit-btn.disabled {
	background-color: #ccc;
	color: #888;
	opacity: .5;
	cursor: default;
}

.complaint-instruct-text {
	border: 1px solid #ccc;
	background-color: #fafafa;
	padding: 10px;
}

.complaint-due-box {
	border: 1px solid #9ed4b5;
	background-color: #d2f3e0;
	padding: 10px;
}

.complaint-form {
	margin-top: 20px;
}

.check-label, .radio-label {
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top: 4px;
}

.complaint-stageoneres-ext-btn {
	margin-left: 20px;
}

.res-date {
	height: 30px;
	padding: 8px !important;
}

.res-date:hover {
	background-color: #eee !important;
}

#resolutionDate {
	margin-bottom: 10px;
}

.com-radio-wrap {
	margin-top: 7px;
}

.new-complaint-title {
	font-size: 14pt;
}

.complaintHeading {
	display: inline-block;
	margin-bottom: 5px;
	font-size: 16pt;
	font-weight: bold;
}

.comHeaderKey {
    display: inline-block;
    min-width: 220px;
}

.comHeaderValue {
	margin-left: 25px;
}

.com-date-inner-box {
	margin-left: 70px;
}

.com-ext-btn {
	margin-left: 20px;
}

.code-num {
	float: left;
	width: 20%;
	font-weight: bold;
	font-size: 12pt;
}

.code-desc {
	float: left;
	width: 80%;
	margin-bottom: 10px;
}

.custom-code-list {
	float: left;
	width: 20%;
}

.custom-code-list-desc {
	float: left;
	width: 80%;
	margin-bottom: 10px;
}

.call-code-link {
	display: inline-block;
	position: relative;
	color: #2664D5;
	cursor: pointer;
}
.call-code-link:hover {
	text-decoration: underline;
}

.complaint-file-drop {
	padding: 10px;
	border: 1px dashed #cecece;
	margin-bottom: 10px;
}

.complaint-file-row .file-name-link {
	padding-top: 20px;
	margin: 0px !important;
}

.complaint-file-row .edit-file {
	padding-top: 20px;
	margin: 0px !important;
}
.complaint-file-row .edit-file .file-progress {
	padding: 0px !important
}

.re-btn {
	width: 32%;
}

.cf-input .filerow {
	background-color: #FAFAFA;
}

.cf-input .filerow.uploadrow {
	border-bottom: 1px solid #EAEAEA;
}

.invoice-modal {
	width: 700px;
	left: 45%;
}

.nav.user-panel li a.forms-nav-btn {
    padding-bottom: 17px !important;
    padding-top: 32px !important;
}


input.submission-id-input {
    min-width: inherit;
    width: 150px !important;
}

#editManu .admin-input {
	width: 65%;
}

.date-group.subco {
	margin-top: 0px;
}

.subco-btns {
	margin-top: 6px;
	margin-left: 5px;
}

h2.subheader {
	line-height: 17pt;
}

.pform, .xform {
	width: auto;
	display: inline-block;
}


.news-widget-item {
	color: #333;
	font-size: 14pt;
    line-height: 17pt;
    padding: 20px;
}

.admin-block {
	min-height: 40px !important;
}
.offline-message {
	margin-left: 20px;
}


/*news widget styles */
.news-post-item {
	padding: 5px;
	border: 1px solid #fff;
	background-color: #f5f5f5;
	position: relative;
}
.news-post-item:hover {
	background-color: #fbfbfb;
}

.news-post-item a, .news-post-item a span {
	color: #666;
}
.news-post-item a:hover, .news-post-item a:hover span {
	color: #005580;
}
.news-post-item .datetitle {
    color: #666;
    font-size: 11pt;
    font-weight: normal;
    text-align: left;
    width: 100%;
    margin: 0px;
}
.news-post-item .datetitle .date{
    display: inline;
    font-size: 9pt;
    margin: 0;
    text-align: left;
}
.news-post-item .desc {
    color: #888;
    font-size: 10pt;
    font-style: italic;
    font-weight: normal;
    margin: 0;
    text-align: left;
    width: 100%;
}
.news-post-item i {
	position: absolute;
    right: 3%;
    top: 35%;
}

.performance-date-search {
	position: relative;
}

.performance-date-search .search-by-date-btn {
	margin-top: -5px;
}

.performance-date-search .filter-date-box {
	left: -215px;
	top: -25px;
}


.my-sub-search.complaint-search {
	margin-top: auto;
	top: auto;
}

.my-sub-search.complaint-search input {
	margin: auto;
}

.report-sub-no-results {
	display: none;
}


#advanced-search-page {
	padding: 20px;
}
#advanced-search-page .submission-header .page-controls {
	xmargin-top: 10px;
	top: 0px;
}

#advanced-search-page .subheader {
	display: inline-block;
	xwidth: 65%;
	float: left;
}

#advanced-search-page .help-icon {
	float: left;
	top: 7px;
}

.search-tools {
	text-transform: none;
	font-size: 12pt;
}
.search-tools .input-group {
	position: relative;
	display: inline-block;
	width: auto;
}
.search-tools .input-group .helper {
	position: absolute;
	display: block;
	width: auto;
	top: 25%;
	right: 10px;
}

.search-tools .row-fluid {
	margin-top: 5px;
	margin-bottom: 5px;
}

.search-tools .adv-search-blurb {
	font-size: 13pt;
	text-align: center;
	border: 0px;
}

.search-tools .filter-left {
	float: left;
	width: 48%;
}

.search-tools .filter-left label, .search-tools .filter-right label {
    float: left;
    padding-top: 10px;
    width: 30%;
}

.search-tools .filter-right {
	float: right;
	width: 48%;
}

.search-tools .search-btns {
	margin: auto;
	width: 295px;
}
.search-tools .submit-adv-search-btn {
	width: 100px;
	text-align: center;
	margin-right: 5px;
	display: inline-block;
	xmargin-top: 5px !important;
}

.search-tools .adv-search-cancel-btn {
	width: 100px;
	text-align: center;
	margin-left: 5px;
	display: inline-block;
}

.search-tools .adv-document-flags {
    text-align: center;
    width: 100%;
}
.search-tools .adv-document-flags label {
    background-color: #fefefe;
    margin: 10px;
}
.search-tools .filter-toggle-row {
	background-color: transparent !important;
	font-size: 10pt;
	margin-top: 10px;
	text-transform: uppercase;
}
.search-tools .filter-listing {
    font-size: 12pt;
    margin-top: 10px;
}

.search-tools .adv-search-error {
	margin-left: 30%;
	padding: 5px;
}

#advSearchDT, #advSearchDTDocs {
	background-color: #fafafa;
	padding: 10px;
}

#advSearchDT select, #advSearchDTDocs select {
	width: auto;
}
#advSearchDT input, #advSearchDTDocs input {
	width: auto;
}

.adv-search-table tr.odd, .adv-search-table tr.even {
	cursor: pointer;
}

.adv-search-table td.center {
	text-align: center;
}
#topsearchinput {
	xdisplay: none;
}
form {
	margin: 0px;
}

#toTop {
	cursor: pointer;
}


#advSearchDTDocs .type-lozenge {
	xbackground-color: #dedede;
}

.adv-search-label, .hidden-label {
	display: none;
}

.advSearchPanel input {
	margin-bottom: 5px;
}

#reviewerSubmissionView .nav-tabs {
	margin-top: 10px;
}

.adv-search-table .adv-search-doc-table tr {
	cursor: default;
}
.adv-search-table tr.childRow {
	cursor: default;
	background-color: #FFF !important;
}

.adv-searc-tab {
	background-color: #fff;
	padding: 10px;
	border-right: 1px solid #dedede;
	border-left: 1px solid #dedede;
}

.adv-searc-tab h3 {
	margin: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
}

#statusChangeTable {
	background-color: #fefefe;
	border: 1px solid #efefef;
	width: 100%;
}
#statusChangeTable .header-row {

}
#statusChangeTable .header-col {
	color: #666;
	font-weight: bold;
	background-color: #fafafa;
	border-bottom: 1px solid #efefef;
	width: 33.3%;
	display: block;
	position: relative;
	float: left;
}
#statusChangeTable .status-row {
	padding: 0px;
}
#statusChangeTable .status-col {
	border-bottom: 1px solid #efefef;
	width: 33.3%;
	display: block;
	position: relative;
	float: left;
}
#statusChangeTable .status-row:last-child .status-col {
	border-bottom: 0px;
}
#statusChangeTable .status-col.reason {
	width: 100%;
}
#statusChangeTable .inner-padding {
	display: block;
	padding: 10px;
}

.adv-search-header-left {
	width: 70% !important;
}
.adv-search-header-right {
	width: 30% !important;
}

td.expanded-col:hover {
	text-decoration: underline !important;
}

h3.sch {
	font-size: 15pt;
	margin-bottom: 20px;
}

.expanded-results-header-left {
	width: 75% !important;
}

.expanded-results-header-right {
	width: 25% !important;
	text-transform: none;
	font-size: 12pt;
}

.priority-tab h3 {
	padding: 20px;
	padding-bottom: 0px;
}

.adv-search-doc-table .approved {
	display: inline-block;
	position: relative;
	top: 1px;
	margin-left: 5px;
	margin-right: 5px;
	width: 15px;
	height: 15px;
	background-image: url('/img/small-approved.png');
	background-repeat: no-repeat;
}

#ie9File {
	display: none;
	background-color: #fefefe;
	padding: 10px;
	width: 100%;
	position: relative;
	border: 1px solid #999;
	clear: both;
}
.ie9-fn-error, .ie9-type-error {
	color: #cc0000;
	clear: both;
	display: none;
}

.ie9-upload {
	margin-bottom: 10px;
}

.ie9-upload-btn {
	position: relative;

}
.pre-noc-filter {
	font-size: 12pt !important;
	  position: relative;
    top: 4px;
}
.pre-noc-filter input[type="radio"] {
	margin: 4px;
}
.pre-noc-filter label {
	margin-top: 4px;
	margin-bottom: 4px;
	top: 2px;
}

/*complaints?*/

.complaint-tabs.nav-tabs li {
	overflow: visible;
}
.complaint-tabs.nav-tabs li a {
	position: relative;
	padding-left: 30px;
	background-color: #f1f1f1;
	background-image: none;
	box-shadow: none;
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	border-right: 1px solid #cecece;
	color: #bebebe;
}
.complaint-tabs.nav-tabs li.first a {
	padding-left: 15px;
}

.complaint-tabs.nav-tabs > .active > a, .complaint-tabs .nav-tabs > .active > a:hover, .complaint-tabs .nav-tabs > .active > a:focus {
	background-color: #2664D5;
	border-top: 1px solid #2664D5;
	border-bottom: 1px solid #2664D5;
	border-right: 1px solid #2664D5;
	color: #FFF;
	padding-left: 30px;
}

.complaint-tabs.nav-tabs > li > a .arrow {

	background-image: url('/img/tab-grey-arrow.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.complaint-tabs.nav-tabs > li.active > a .arrow {

	background-image: url('/img/tab-blue-arrow.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.arrow {
	position: absolute;
	right: -27px;
	top: 0px;
	background-image: url('/img/tab-blue-arrow.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 27px;
	height: 51px;
	z-index: 50;
}

.stageOneResponseAdv {
    border-top: 1px solid #CECECE;
    display: none;
    margin-top: 10px;
    padding-top: 10px;
}

/*end complaints*/

#extRequestFormFeedback p {
	padding: 20px;
}

.fyi .file-name-link {
	margin-top: 15px;
}
.fyi .file-progress {
	padding-top: 15px;
}

.playSound {
	display: none;
}

#subIssuesTable {
	xborder: 1px solid #ddd;
}

.product-new-adminform{
	text-align: right;
	margin-top: 5px;
	cursor: pointer;
}
.product-new-adminform:hover {
	text-decoration: underline;
}

/*#subIssuesTable tr td {
	background-color: #f8f8f8;
}

#subIssuesTable tr {
	cursor: pointer;
}

#subIssuesTable tr:hover td {
	background-color: #eff6fd;
}

#subIssuesTable th {
	border-bottom: 1px solid #f3f3f3;
	border-left: 1px solid #ddd;
    overflow: hidden;
    white-space: nowrap;
}

#subIssuesTable td {
    border-left: 1px solid #ddd;
    overflow: hidden;
    font-size: 10pt;
}*/

.header-nav a.btn.forms-nav-btn {
	color: #badaf3 !important;
}
.header-nav .open a.btn.forms-nav-btn {
	color: #fff !important;
}

.dataTables_wrapper {
	/*overflow: hidden;
	overflow-x: auto;*/
  overflow-x: scroll;
  overflow-y: hidden;
}
/*.dataTables_wrapper table {
  overflow-x: scroll;
}*/

.filterYearSelect {
	max-width: 100px;
	top: 5px;
	position: relative;
}

.filetracker-userrow {
    background-color: #f0f0f0;
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #f5f5f5;
    padding: 3px 10px;
}
.filetracker-user {
	display: inline-block;
	position: relative;
	padding-right: 10px;
	font-weight: bold;
}
.filetracker-userlabel {
	display: inline-block;
}
.filetracker-userinfo {
	display: none;
}
.filetracker-userinfo-arrow {
	position: absolute;
	top: -10px;
	left: 0px;
	color: #fff;
}
.filetracker-usermoreinfo {
	display: inline-block;
	margin-left: 5px;
	cursor: pointer;
	position: relative;
}
.filetracker-usermoreinfo-icon {
	color: #cecece;
}
.filetracker-usermoreinfo-icon:hover {
	color: #999;
}
.filetracker-usermoreinfo:hover .filetracker-userinfo {
	background-color: #fff;
    border-radius: 4px;
    color: #555;
    display: block;
    margin: 2px;
    font-size: 9pt;
    padding: 10px;
    position: absolute;
    min-width: 225px;
    left: 0%;
    z-index: 10;
}
.filetracker-user-location {
	font-size: 10pt;
}
.filetracker-subrow {
	display: inline-block;
    background-color: #eaeaea;
    border: 1px solid #eaeaea;
    padding: 1px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-right: 2px;
    line-height: 32px;
}

.filetracker-subrow.active {
	background-color: #fafafa;
}

.filetracker-sublink {
	margin-right: 5px;
	margin-left: 5px;
}

.filetracker-docs {
	display: inline-block;
	position: relative;
  	background-color: #eee;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #555;
    margin: 2px;
    padding: 1px 3px;
    line-height: 20px;
}

.filetracker-doc {
	display: inline-block;
	position: relative;
	margin-left: 2px;
	margin-right: 2px;
}

.filetracker-doc-icon {
	display: inline-block;
	position: relative;
	margin: 2px;
	cursor: pointer;
	color: #999;
}
.filetracker-doc-icon:hover {
	color: #111;
}

.filetracker-doc-icon.saved {
	color: #14e7a4 !important;
}
.filetracker-doc-icon.saved:hover {
	color: #14e7a4 !important;
}

.filetracker-doc-icon .filetracker-doc-reveal {
	display: none;
}
.filetracker-doc-icon:hover .filetracker-doc-reveal {
	display: block;
	position: absolute;
	left: 5px;
	bottom: -30px;
	min-width: 350px;
	background-color: #444;
	color: #f3f3f3;
	padding: 4px;
	z-index: 10;
	border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    /*background-image: url("/img/filetracker-doc-arrow.png");
    background-position: 0px -15px;
    background-repeat: no-repeat;*/
}

.filetracker-arrow {
	position: absolute;
	top: -10px;
	left: 0px;
	color: #444;
}

.filetracker-doc .type-lozenge {
	min-width: inherit !important;
}
.filetracker-doc-link {
	display: inline-block;
	position: relative;
	margin-left: 5px;
}
.filetracker-doc-link a {
	color: #f1f1f1;
}
.filetracker-doc-link a:hover {
	color: #fff;
}

.filetracker-doc-remove {
	right: 2px;
	top: 2px;
	position: absolute;
    background-color: #888;
    color: #f3f3f3;
    cursor: pointer;
    margin-left: 5px;
    border-radius: 4px;
    padding: 2px 7px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.filetracker-doc-remove:hover {
	background-color: #333;
}
.filetracker-doc-annot-lastupdated {
	display: inline-block;
	position: relative;
	margin-left: 5px;
}
.filetracker-doc-annot-count {
	display: inline-block;
	position: relative;
	margin-right: 5px;
	margin-left: 5px;
	font-style: italic;
}

.filetracker-user-status {
	width: 5px;
	height: 5px;
	display: inline-block;
	margin-right: 8px;
	margin-left: 10px;
	border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border: 1px solid #999;
}
.filetracker-user-status.online {
	background-color: #14e7a4;
}
.filetracker-user-status.offline {
	background-color: #e71414;
}

.filetracker-page {
	background-color: #fafafa;
    padding: 10px 10px 100px;
}

.dg-admin-grid td.macro-content {
	white-space: normal;
}

#addNewMacro {
	width: 650px;
	height: 583px;
}
#addNewMacro .modal-body {
	max-height: inherit !important;
}

#editMacro {
	width: 650px;
	height: 583px;
}
#editMacro .modal-body {
	max-height: inherit !important;
}
#editMacro .mce-edit-area, #addNewMacro .mce-edit-area {
	padding: 10px !important;
}

.aps-name {
	position: relative;
}

.macro-edit-textarea {
	min-height: 200px;
}
.macro-edit-input {
	min-height: 40px;
}

#addNewMacro .mce-tinymce, #editMacro .mce-tinymce {
	float: right;
}

@media (max-width: 1000px) {
  body {
    padding: 0px;
  }
}

@media (min-width: 1500px) {

	/*.idvSubmission .compose-btn {
		display: none;
	}*/

	/*.idvSubmission .compose-email-panel .composebox.inplace {
		position: relative !important;
		width: 100% !important;
		left: 0px !important;
		height: auto !important;
		top: 0px !important;
		z-index: 10 !important;
		display: block !important;
	}*/

}

@media (max-width: 1320px) { /* 1150px -- old break point */
	/* This will make the review screen stack upon the browser becoming less than x in width */
	.documents-tab {
		height: auto;
	}
	.overview-left {
		width: 100%;
		float: none;
	}
	.pdf-panel {
		width: 100%;
		float: none;
	}
	#reviewerSubmissionView .container-fluid {
		min-width: auto !important;
		width: auto !important;
	}
}



/* simple css callout */

div.callout {
  width: 250px;
  float: left;
  background-color: white;
  position: relative;
  padding: 10px;
  border-radius: 6px;
  box-shadow: 0px 0px 20px #999;
  margin: 25px;
  min-height: 50px;
  border: 1px solid #ccc;

  z-index: 100000;

  /*box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;*/
}

.callout::before {
  content: "";
  width: 0px;
  height: 0px;
  border: 0.8em solid transparent;
  position: absolute;
}

.callout.top::before {
  left: 45%;
  bottom: -20px;
  border-top: 10px solid white;
}

.callout.bottom::before {
  left: 45%;
  top: -20px;
  border-bottom: 10px solid white;
}

.callout.left::before {
  right: -20px;
  top: 40%;
  border-left: 10px solid white;
}

.callout.right::before {
  left: -20px;
  top: 40%;
  border-right: 10px solid white;
}

.callout.top-left::before {
  left: 7px;
  bottom: -20px;
  border-top: 10px solid white;
}

.callout.top-right::before {
  right: 7px;
  bottom: -20px;
  border-top: 10px solid white;
}

/* end callout */

.widget-manager-list {
  overflow: auto;
}

.widget-manager-list * {
  cursor: pointer;
}

.annot-tool-manager-list {
  cursor: pointer;
}

.widget-manager-list-item {
  background-color: white;
  margin-bottom: 1px;
  padding: 3px 10px;
  vertical-align: middle;
}

.annot-tool-manager-list .widget-manager-list-item{
  cursor: pointer;
  border-bottom: 1px solid #dcdcdc;
  padding: 6px 5px;
}

.annot-tool-manager-list .annot-tool-thumbnail {
  height: auto;
  text-align: center;
  margin-top: -15px;
}

.annot-tool-manager-list .annot-tool-thumbnail.specialSizeIcon {

  margin-top: -50px;
  margin-left: -17px;
}

.widget-manager-list-item:hover {
  background-color: #ddd;
}

.widget-manager-list-item > div {
  display: inline-block;
}

.widget-manager-list-item .widget-col-1 {
  width: 60px;
}

.widget-manager-list-item .widget-col-2 {
	width: 220px;
	padding-left: 10px;
  }

.widget-manager-list-item .widget-col-2-hdr {
  width: 220px;
  font-weight: bold;
}

.widget-manager-list-item .widget-col-3 {
  width: 550px;
}

.widget-manager-list-item .widget-col-4 {
}

.widget-thumbnail {
	height: 40px;
	border: 1px solid #ccc;
}

#widgetManagerModal .modal-header h3 {
	display: inline;
}

#bannerModal .modal-header h3 {
	display: inline;
}

#widgetManagerModal {
	width: 750px;
	height: 650px;
	left: 43%;
}

#bannerModal {
	width: 750px;
	height: 750px;
	left: 43%;
}

#widgetManagerModal .widget-modal-left {
  width: 70%;
  float: left;
  padding-right: 10px;
}

#bannerModal .widget-modal-left {
	width: 70%;
	float: left;
	padding-right: 10px;
}

#widgetManagerModal .widget-modal-right {
  width: 30%;
  float: left;
}

#bannerModal .widget-modal-right {
	width: 30%;
	float: left;
}

#widgetManagerModal .widget-modal-box {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 10px;
  margin-top: 10px;
}

#bannerModal .widget-modal-box {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 10px;
	margin-top: 10px;
}

#widgetManagerModal .tab-pane {
  border: 1px solid #ddd;
  padding: 10px;
  border-top-color: transparent;
  border-radius: 4px;
  border-top-left-radius: 0;
}

#bannerModal .tab-pane {
	border: 1px solid #ddd;
	padding: 10px;
	border-top-color: transparent;
	border-radius: 4px;
	border-top-left-radius: 0;
}

#widgetManagerModal .modal-footer {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}

#bannerModal .modal-footer {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
}

#widgetManagerModal .modal-body {
  max-height: none;
}

#bannerModal .modal-body {
	max-height: none;
}

#bannerModal .link-border {
	border: 1px solid #ddd;
	padding-block: 5px;
}

#bannerModal .link-grid {
	display: grid;
	grid-template-columns: 1fr 3fr;
}

#bannerModal .wide-input {
	width: 350px;
}

#widgetManagerModal * {
	box-sizing: border-box;
}

#bannerModal * {
  box-sizing: border-box;
}

#annotationInfoModal .tab-pane {
  border: 1px solid #ddd;
  border-top: 0;
  padding: 10px;
  border-radius: 4px;
}

.annot-save-row {
  padding: 2px;
}

.annot-save-row-inner {
  padding: 3px;
  padding-left: 6px;
  background-color: #f8f8f8;
}

.annot-save-row-inner:hover {
  background-color: #e9e9e9;
}

.annot-row {
  margin: 1px;
  margin-left: 20px;
  background-color: #dcefff;
  font-size: 9pt;
}

.annot-row:hover {
  background-color: #a6d5fc;
}

.annot-recovery-icon {
  float: right;
}



.datatables-wrapper {
  background-color: white;
}

.date-range-control {
  display: inline-block;
}
	.date-range-control.sub {
		display: block;
		margin-top: 5px;
		padding-top: 10px;
		text-align: right;
	}

.date-range-filters {
  display: block;
}

.col-toggle-menu label {
  margin: 0;
}



#distributionModal {
  width: 90%;
  margin-left: 100px;
  left: -1%;
  height: 70%;
}

#distributionModal > .modal-body {
  max-height: none;
  position: relative;
  padding: 25px;
}

#distributionModal .recommended-reviewers select {
  margin-top: 13px;
}
#distributionModal .reviewer-info {
	margin: 0;
}
#distributionModal .recommended-reviewers {
	padding: 10px;
}

#distributionModal .similar-subs {
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
	max-height: 350px;
	height: 350px;
	overflow-x: auto;
}

#distributionModal .similar-subs h3 {
	margin-bottom: 15px;
}

#editDisease .modal-body, #addNewDisease .modal-body {
  _height: 400px;
}

.ownership-table select {
  width: 100px;
  display: block;
  margin: 2px;
}

.ownership-table td {
  border-right: 0;
  vertical-align: top;
}

.ownership-table {
  _width: 100%;
}

.pdftron-viewer {
  border: none;
  width: 100%;
  height: 100% !important;
}

#distributionModal .modal-header h3 {
  display: inline-block;
}

#distributionModal .modal-header {
  padding: 15px 15px;
}

#distributionModal .dist-header-controls {
  padding: 0px 15px;
}

#distributionModal .dist-header-controls > span {
  padding: 5px 10px;
}

.doc-filter-btn {
  margin-left: 0!important;
}

.product-inmarket input{
	position: relative;
	top: 10px;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
	min-height: inherit !important;
}
.timevspabb-search-controls {
	font-size: 11pt;
}
.timevspabb-search-controls span {
	margin-right: 5px;
	margin-left: 5px;
}
.timevspabb-search-controls input {
	padding: 5px;
}
.timevspabb-edit-btn {
	margin-left: 5px;
}
.reports-sub-filters input, .reports-sub-filters select {
	margin-bottom: 0;
}
#timeAtPAABVsClientTable_length select {
	margin-bottom: 0;
}
.assignment-instructions-field .inner {
	padding: 10px;
	font-size: 10pt;
	border: 1px dashed #dedede;
}

.tooltip {
  transition: none !important;
}

.ticket-notify-item {
  cursor: pointer
}
.nav.user-panel li a.ticket-notify-item.activeTickets {
  background-color: #cc0000;
  color: #fff;
}
.nav.user-panel li a.ticket-notify-item:hover, .nav.user-panel li a.ticket-notify-item.active {
  color: #fff;
  opacity: 1;
}
.nav.user-panel li a.ticket-notify-item {
  padding-bottom: 14px !important;
}

.top-ticket-icon {
  position: relative;
}
.top-ticket-icon:hover {
  background-color: #0d52a1 !important;
  color: #fff;
}
.top-ticket-icon a {
  margin: 36px 5px 5px 4px;
}
.notification-panel,
.ticket-notes-panel {
  _display: block;
  width: 400px;
}
.notification-panel li,
.ticket-notes-panel li {
  display: block;
}
.notification-panel li .title,
.ticket-notes-panel li .title {
	text-transform: uppercase;
	color: #fff;
}
.notification-panel li .time,
.ticket-notes-panel li .time {
  color: #fff;
}
.notification-panel li.notification-cat-4 .time,
.ticket-notes-panel li.notification-cat-4 .time {
  _color: #000000;
}

.ticketCallWindow {
  margin-top: 30px;
}
.ticketCallHeader {
  border: 1px solid #dedede;
  background-color: #fefefe;
  padding: 10px;
}
.ticketCallHeader input {
  margin: 0;
}
.ticketCallLog {
  background-color: #2b2b2b;
  padding: 15px;
  color: #1ac933;
}
.ticketCallLog i {
  margin-right: 10px;
  margin-top: 4px;
  float: left;
}
.ticketCallAttendees {
  background-color: #fafafa;
  border: 1px solid #dedede;
  color: #333;
  border-bottom: 0px;
  padding: 15px;
}
.ticketCallInPhone {
	background-color: #fafafa;
	border: 1px solid #dedede;
	color: #333;
	border-bottom: 0px;
	padding: 15px;
}
.ticketCallInDetails {
	background-color: #fafafa;
	border: 1px solid #dedede;
	color: #333;
	border-bottom: 0px;
	padding: 15px;
}

.ticketCallSchedule {
  background-color: #fafafa;
  border: 1px solid #dedede;
  border-bottom: 0px;
  color: #333;
  padding: 15px;
}
.ticketCallSchedule .log {
	display: inline-flex;
	white-space: break-spaces;
	max-height: 20px;
	overflow: auto;
}

.ticketLabelDescription {
  background-color: #fafafa;
  color: #333;
  padding: 8px;
  text-transform: none;
  font-size: small;
}
.ticketCallFooter {
  background-color: #fefefe;
  border: 1px solid #dedede;
}
.ticketCallFooter table {
  width: 100%;
}
.ticketCallFooter table tr th {
  padding: 5px 10px;
  background-color: #fafafa;
  color: #7b7b7b;
  border-right: 1px solid #dedede;
}
.ticketCallFooter table tr th:last-child {
  border-right: 0px;
}
.ticketCallFooter table tr td {
  padding: 5px 10px;
  background-color: #fff;
  border-right: 1px solid #dedede;
}
.ticketCallFooter table tr td:last-child {
  border-right: 0px;
}
.ticketCallFooter table tr {
  border-bottom: 1px solid #dedede;
}
.ticketCallFooter table tr:last-child {
  border-bottom: 0px;
}
.col-md-6 {
  width: 47%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}
.col-md-12 {
  float: left;
  width: 100%;
}
.tdAudio {
  vertical-align: middle;
}
.comment-wrapper {
  margin-top: 40px;
}
.comment-wrapper .comment-box {
  margin: 0;
}
.comment-wrapper .comment-list {
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}
.comment-wrapper .comment {
  padding: 20px;
  border-bottom: 1px solid #dedede;
  background-color: #fefefe;
}
.comment-wrapper .comment:last-child {
  border-bottom: 0px;
}
#ticketView {
  padding-bottom: 60px;
}
.deleteTicketCommentBtn {
  cursor: pointer;
}
.deleteTicketCommentBtn:hover {
  color: #cc0000;
}
.ticketCommentsLength {
  _font-size: 12px;
}

.ticketInfo {
  padding: 20px;
  background-color: #fafafa;
  border: 1px solid #dedede;
  margin-top: 30px;
}

.ticket-title {
  text-transform: uppercase;
  font-size: 28px;
  border-bottom: 1px solid #dedede;
  padding-bottom: 15px;
  margin-bottom: 10px;
}
.ticketInfoRow {
  display: table-row;
  width: 100%;
}
.ticketInfoRow .ticket-info-label {
  display: table-cell;
  _float: left;
  min-width: 150px;
  font-weight: bold;
  padding: 10px 5px;
}
.ticketInfoRow .ticket-info-data {
  display: table-cell;
  width: 100%;
  padding: 2px 5px;
}
.ticketInfoRow .ticket-info-data .ticketFileRow img {
	max-width: 100%;
	max-height: 300px;
	min-width: 5px;
	min-height: 5px;
}
.ticketInfoRow .ticket-info-data .ticketFileRow img:hover {
	outline: 1px solid #006DE8;
}
.ticketInfoRow .edit-options {
  _display: none;
}
.ticketStatus {
  font-size: 16px;
  width: 50%;
  text-align: right;
}
.ticketStatus .edit-options {
  margin-top: -10px;
}
.ticketStatus.open {
  color: #1ac933;
}
.ticketStatus.closed {
  color: #cc0000;
}
.ticketStatus.deleted {
  color: #cc0000;
}
.edit-options input, .edit-options textarea, .edit-options select {
  width: 80%;
  margin-right: 5px;
}

.ticketFileWrap {
  border-top: 1px solid #dedede;
}
.ticketFileRow {
  border-bottom: 1px solid #dedede;
  padding: 5px;
}
.ticketFileRow i {
  margin-right: 10px;
}

.ticket-files-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.ticket-files-list li {
  padding: 5px;
  border-bottom: 1px solid #dedede;
  clear: both;
}
.ticket-file-upload-btn {
  float: right;
  margin-left: 10px;
  background-color: #14b1e7;
  color: #FFF;
  text-transform: uppercase;
  padding: 10px;
  padding-right: 20px;
  padding-left: 20px;
  background-image: none;
  border: 0 none;
  border-radius: 0 0 0 0 !important;
  -moz-border-radius: 0 0 0 0 !important;
  -webkit-border-radius: 0 0 0 0 !important;
  -o-border-radius: 0 0 0 0 !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  font-weight: 700;
  font-size: 10pt !important;
  text-shadow: none;
  cursor: pointer;
  vertical-align: middle;
}
.ticket-file-upload-btn:hover {
  background-color: #8ed8f8;
  color: #FFF;
  text-decoration: none;
}
.new-ticket-fupload {
  margin-top: 5px;
  position: relative;
}
.ticket-file-list-wrap {
  clear: both;
  margin-top: 10px;
}
.remove-ticket-file-btn {
  cursor: pointer;
  float: right;
  font-size: 18px;
  padding: 10px;
  position: relative;
  top: -10px;
}
.remove-ticket-file-btn:hover {
  color: #cc0000;
}

.edit-tools .tooltip {
	white-space: normal;
}

.notificationMessage {
	_max-width: 230px;
}
.notificationMessage .message {
	white-space: preserve;
}

.notification-panel,
.ticket-notes-panel {
	max-height: 500px;
	overflow-y: scroll;
}

.call-keypad {
	width: 237px;
	margin: auto;
}
.call-keypad input {
	margin-bottom: 10px;
	width: 215px;
}
.call-keypad .red-btn {
	margin-top: 10px;
	width: 100%;
}
.keypad-row {
	position: relative;
}
.keypad-row .grey-btn {
	margin: 0 !important;
	width: 75px !important;
	height: 75px !important;
	margin: 2px !important;;
	font-size: 18pt !important;
	font-weight: 300;
	background-color: #aaa !important;
	border: 1px solid #9a9a9a !important;
	float: left;
	text-shadow: 0px 0px 1px #9a9a9a;
	box-shadow: 0px 2px 0px 0px #9a9a9a;
}
.keypad-row .grey-btn:hover {
	background-color: #6a6a6a !important;
	box-shadow: 0px 2px 0px 0px #4a4a4a;
	border: 1px solid #4a4a4a !important;
}
.keypad-row .grey-btn:active {
	background-color: #333 !important;
	text-shadow: none;
	border-color: #333 !important;
	box-shadow: none;
	position: relative;
	top: 2px;
}
.key-1 {
	border-top-left-radius: 5px !important;
}
.key-3 {
	border-top-right-radius: 5px !important;
}
.key-star {
	border-bottom-left-radius: 5px !important;
}
.key-num {
	border-bottom-right-radius: 5px !important;
}

.doc-search-result-filename {
	cursor: pointer;
}

.doc-search-result-filename:hover {
	text-decoration: underline;
}

#submissonForm .form-horizontal textarea,
#submissonForm .form-horizontal input[type="text"],
#submissonForm .form-horizontal input[type="password"],
#submissonForm .form-horizontal input[type="datetime"],
#submissonForm .form-horizontal input[type="datetime-local"],
#submissonForm .form-horizontal input[type="date"],
#submissonForm .form-horizontal input[type="month"],
#submissonForm .form-horizontal input[type="time"],
#submissonForm .form-horizontal input[type="week"],
#submissonForm .form-horizontal input[type="number"],
#submissonForm .form-horizontal input[type="email"],
#submissonForm .form-horizontal input[type="url"],
#submissonForm .form-horizontal input[type="search"],
#submissonForm .form-horizontal input[type="tel"],
#submissonForm .form-horizontal input[type="color"]
{
	min-height: 30px;
}
#submissonForm .blue-btn,
#submissonForm .gray-btn {
	padding-top:5px;
	padding-bottom: 5px;
}
#SubmissionDetails .control-label {
	width: 32%;
}
#SubmissionDetails .controls {
	margin-left: 36%;
}

*.unselectable {
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;

	/*
	  Introduced in IE 10.
	  See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
	*/
	-ms-user-select: none;
	user-select: none;
 }

.iframeWrapper {
	_position: absolute;
	width: 100%;
}
	.reactIFrame {
		display: flex;
		width: 100%;
		height: 100%;
		border: 0;
		frameborder: 0;
		background-color: transparent;
	}

.modal-body {
	clear: left;
}

.debugtable {
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
	font-size: 12px;
}
.debugtable tr.start {
	background-color: rgba(252, 219, 159, 0.1);
}
.debugtable tr.end {
	_background-color: rgba(255, 0, 0, 0.1);
}