/* Minification failed. Returning unminified contents.
(4764,121): run-time error CSS1046: Expect comma, found '50'
(4764,128): run-time error CSS1046: Expect comma, found '/'
 */
/*!
 *
 * jQuery TE 1.4.0 , http://jqueryte.com/
 * Copyright (C) 2013, Fatih Koca (fattih@fattih.com), (http://jqueryte.com/about)

 * jQuery TE is provided under the MIT LICENSE.
 *
*/

/* editor's general field */
.jqte {
	border-radius: 10px; 
    border-width: 1px; 
    border-style: solid; 
    padding: 10px 0; 
    margin-bottom: 20px; 
    box-shadow: 1px 1px 6px #999;
    background-color: #FFF; 
    border-color: #CACACA;
	overflow:hidden;
	transition:box-shadow 0.4s, border 0.4s;
    -webkit-transition:-webkit-box-shadow 0.4s, border 0.4s; 
    -moz-transition:-moz-box-shadow 0.4s, border 0.4s; 
    -o-transition:-o-box-shadow 0.4s, border 0.4s;
}

/*.jqte * {
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}*/
.jqte_focused {
	border-color:#00AAE7;
	box-shadow:0 0 10px #00BDFF; -webkit-box-shadow:0 0 10px #00BDFF; -moz-box-shadow:0 0 10px #00BDFF;
}
/* toolbar */
.jqte_toolbar {
	overflow:auto;
	padding:3px 4px;
	background:#EEE;
	border-bottom:#BBB 1px solid;
}
.jqte_tool {
	float:left;
	margin:0;
	padding:0;
	cursor:pointer;
}
.jqte_tool, .jqte_tool_icon, .jqte_tool_label {
	border:#EEE 1px solid;
	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px
}
.jqte_hiddenField {
	display:none
}
.jqte_tool_icon {
	display:block;
	width:22px;
	height:22px;
	background:url(jquery-te.png) no-repeat
}
.jqte_tool.jqte_tool_1 .jqte_tool_label {
	position:relative;
	display:block;
	padding:3px;
	width:70px;
	height:16px;
	overflow:hidden;
}
.jqte_tool.jqte_tool_1 .jqte_tool_text {
	font:bold 13px Arial,sans-serif;
	color:#222;
}
.jqte_tool.jqte_tool_1 .jqte_tool_icon {
	position:absolute;
	top:10px;
	right:2px;
	width:6px;
	height:4px;
	background-position:-19px -23px;
	border:none;
	border-radius:none; -webkit-border-radius:none; -moz-border-radius:none
}
.jqte_tool.jqte_tool_2 .jqte_tool_icon {
	background-position:0 0
}
.jqte_tool.jqte_tool_3 .jqte_tool_icon {
	background-position:-22px 0
}
.jqte_tool.jqte_tool_4 .jqte_tool_icon {
	background-position:-44px 0
}
.jqte_tool.jqte_tool_5 .jqte_tool_icon {
	background-position:-66px 0
}
.jqte_tool.jqte_tool_6 .jqte_tool_icon {
	background-position:-88px 0
}
.jqte_tool.jqte_tool_7 .jqte_tool_icon {
	background-position:-110px 0
}
.jqte_tool.jqte_tool_8 .jqte_tool_icon {
	background-position:-132px 0
}
.jqte_tool.jqte_tool_9 .jqte_tool_icon {
	background-position:-154px 0
}
.jqte_tool.jqte_tool_10 .jqte_tool_icon {
	background-position:-176px 0
}
.jqte_tool.jqte_tool_11 .jqte_tool_icon {
	background-position:-198px 0
}
.jqte_tool.jqte_tool_12 .jqte_tool_icon {
	background-position:-220px 0
}
.jqte_tool.jqte_tool_13 .jqte_tool_icon {
	background-position:-242px 0
}
.jqte_tool.jqte_tool_14 .jqte_tool_icon {
	background-position:-264px 0
}
.jqte_tool.jqte_tool_15 .jqte_tool_icon {
	background-position:-286px 0
}
.jqte_tool.jqte_tool_16 .jqte_tool_icon {
	background-position:-308px 0
}
.jqte_tool.jqte_tool_17 .jqte_tool_icon {
	background-position:-330px 0
}
.jqte_tool.jqte_tool_18 .jqte_tool_icon {
	background-position:-352px 0
}
.jqte_tool.jqte_tool_19 .jqte_tool_icon {
	background-position:-374px 0
}
.jqte_tool.jqte_tool_20 .jqte_tool_icon {
	background-position:-396px 0
}
.jqte_tool.jqte_tool_21 .jqte_tool_icon {
	background-position:-418px 0
}
.jqte_tool:hover {
	background-color:#FFF;
	border-color:#FFF
}
.jqte_tool:hover .jqte_tool_icon, .jqte_tool:hover .jqte_tool_label {
	border:#AAA 1px solid
}
.jqte_tool:active .jqte_tool_icon, .jqte_tool:active .jqte_tool_label {
	border:#777 1px solid
}
.jqte_tool.jqte_tool_1:hover .jqte_tool_icon, .jqte_tool.jqte_tool_1:active .jqte_tool_icon {
	border:none
}
.jqte_tool_depressed {
	background-color:#DDD;
	border-color:#CCC
}
.jqte_tool_depressed .jqte_tool_icon {
	border-color:#AAA
}
.jqte_tool_depressed:hover {
	background-color:#EEE
}
/* link form area */
.jqte_linkform {
	padding:5px 10px;
	background:#DDD;
	border-bottom:#BBB 1px solid;
}
.jqte_linktypeselect {
	position:relative;
	float:left;
	width:130px;
	background:#EEE;
	cursor:pointer
}
.jqte_linktypeselect:Active {
	background:#FFF
}
.jqte_linktypeview {
	padding:3px 5px;
	border:#333 1px solid;
	color:#777;
	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
	outline:none
}
.jqte_linktypetext {
	font-size:12px;
}
.jqte_linktypearrow {
	position:absolute;
	bottom:8px; right:6px;
	width:7px;
	height:6px;
	margin:0 auto;
	background:url(jquery-te.png) -7px -23px no-repeat;
}
.jqte_linktypes {
	display:none;
	position:absolute;
	top:22px; left:1px;
	width:125px;
	background:#FFF;
	border:#333 1px solid;
	box-shadow:0 1px 4px #AAA; -webkit-box-shadow:0 1px 4px #AAA; -moz-box-shadow:0 1px 4px #AAA
}
.jqte_linktypes a {
	display:block;
	padding:4px 5px;
	font-size:12px;
}
.jqte_linktypes a:hover {
	background:#DDD
}
.jqte_linkinput {
	float:left;
	margin:0 5px;
	padding:3px 5px;
	width:300px;
	background:#EEE;
	border:#333 1px solid;
	color:#777;
	font-size:12px;
	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
	outline:none;
}
.jqte_linkinput:focus, .jqte_linkinput:hover {
	background:#FFF;
	border-color:#000;
}
.jqte_linkbutton {
	float:left;
	padding:3px 12px;
	background:#AAA;
	border:#333 1px solid;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
	box-shadow:inset 0 1px #EEE; -webkit-box-shadow:inset 0 1px #EEE; -moz-box-shadow:inset 0 1px #EEE;
}
.jqte_linkbutton:hover {
	background:#A1A1A1
}
.jqte_linkbutton:active {
	box-shadow:inset 0 1px #CCC; -webkit-box-shadow:inset 0 1px #CCC; -moz-box-shadow:inset 0 1px #CCC;
	background:#888;
}

/* text format menu */
.jqte_formats {
	display:none;
	position:absolute;
	width:180px;
	oveflow-x:hidden;
	overflow-y:auto;
	background:#FFF;
	border:#AAA 1px solid;
	box-shadow:0 0 5px #AAA; -webkit-box-shadow:0 0 5px #AAA; -moz-box-shadow:0 0 5px #AAA;
	z-index:100;
}
.jqte_format {
	display:block;
	padding:4px 7px;
	font-size:13px
}
.jqte_format:hover {
	background:#DDD
}
.jqte_format_1, .jqte_format_2, .jqte_format_3, .jqte_format_4, .jqte_format_5, .jqte_format_6 {
	font-weight:bold
}
.jqte_format_1 {
	font-size:22px
}
.jqte_format_2 {
	font-size:20px
}
.jqte_format_3 {
	font-size:18px
}
.jqte_format_4 {
	font-size:16px
}
.jqte_format_5 {
	font-size:14px
}
.jqte_format_6 {
	font-size:12px
}
.jqte_format_7 {
	font-family:"Courier New", Courier, monospace
}

/* font size menu */
.jqte_fontsizes {
	display:none;
	position:absolute;
	width:180px;
	height:198px;
	oveflow-x:hidden;
	overflow-y:auto;
	background:#FFF;
	border:#AAA 1px solid;
	box-shadow:0 0 5px #AAA; -webkit-box-shadow:0 0 5px #AAA; -moz-box-shadow:0 0 5px #AAA
}
.jqte_fontsize {
	display:block;
	padding:3px 7px;
}
.jqte_fontsize:hover {
	background:#DDD
}

/* color pallette */
.jqte_cpalette {
	display:none;
	position:absolute;
	padding:6px;
	width:144px;
	background:#FFF;
	border:#AAA 1px solid;
	box-shadow:0 0 5px #AAA; -webkit-box-shadow:0 0 5px #AAA; -moz-box-shadow:0 0 5px #AAA
}
.jqte_color {
	display:block;
	float:left;
	width:16px;
	height:16px;
	border:#FFF 1px solid;
}
.jqte_color:hover {
	border-color:#000
}
.jqte_colorSeperator {
    float:none;
    clear:both;
    height:7px;
}

/* editor area */
.jqte_editor, .jqte_source {
	padding:10px;
	background:#FFF;
	min-height:100px;
	overflow:auto;
	outline:none;
	word-wrap:break-word; -ms-word-wrap:break-word;
    resize: none;
}
.jqte_editor div, .jqte_editor p {
	margin:0 0 7px
}
.jqte_editor a:link, .jqte_editor a:link * {
	color:#0066FF !important;
	text-decoration:underline;
}
.jqte_editor blockquote {
	margin-top:0;
	margin-bottom:7px
}
/*.jqte_editor img {
    float:left;
	margin:0 10px 5px 0
}*/
.jqte_editor a[jqte-setlink], .jqte_editor a[jqte-setlink] * {
	background:#3297FD !important;
	color:#FFF !important
}
.jqte_editor h1, .jqte_editor h2, .jqte_editor h3, .jqte_editor h4, .jqte_editor h5, .jqte_editor h6, .jqte_editor pre {
	display:block;
	margin:0 0 3px;
}
.jqte_editor h1, .jqte_editor h1 * {
	font-size:26px
}
.jqte_editor h2, .jqte_editor h2 * {
	font-size:24px
}
.jqte_editor h3, .jqte_editor h3 * {
	font-size:22px
}
.jqte_editor h4, .jqte_editor h4 * {
	font-size:20px
}
.jqte_editor h5, .jqte_editor h5 * {
	font-size:18px
}
.jqte_editor h6, .jqte_editor h6 * {
	font-size:15px
}
.jqte_editor pre, .jqte_editor pre * {
	font-family:"Courier New", Courier, monospace
}

/* source area */
.jqte_source, .jqte_source textarea {
	background:#FFF1E8
}
.jqte_source textarea {
	margin:0 !important;
	padding:0 !important;
	display:block !important;
	width:100% !important;
	min-height:100px;
	font-family:Courier, Arial, sans-serif !important;
	font-weight:normal;
	font-size:15px;
	overflow:hidden !important;
	outline:none;
	resize:none;
}
.jqte_source textarea, .jqte_source textarea:focus {
	css_shadow:none !important;
	background:none !important;
	border:none !important;
}

/* title box */
.jqte_title {
	display:none;
	position:absolute;
	z-index:9999;
}
.jqte_titleArrow {
	position:relative;
}
.jqte_titleArrowIcon {
	width:7px;
	height:6px;
	margin:0 auto;
	background:url(jquery-te.png) 0 -23px no-repeat;
}
.jqte_titleText {
	padding:5px 7px;
	margin-top:0;
	min-width:5px;
	min-height:1px;
	max-width:400px;
	background:#000;
	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
	word-wrap:break-word; -ms-word-wrap:break-word
}
.jqte_titleText, .jqte_titleText * {
	color:#FFF;
	font-size:11px
}

/* placeholder */
.jqte_placeholder {
	position:relative;
	display:none;
}
.jqte_placeholder_text {
	position:absolute;
	top:43px;
	left:10px;
	font-size:14px;
	color:#CCC;
}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background: #efefef; height: 100%; }
html, button, input, select, textarea { font-family: arial, sans-serif; color: #333; font-size: 12px; }
body { margin: 0; padding: 0 40px; color: #333; height: 100%; }

/* HTML 5 Styles
-----------------------------------------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
    audio:not([controls]) { display: none; }
[hidden] { display: none; }

::-moz-selection { background: #FFFFCC; color: #333; text-shadow: none; }
::selection { background: #FFFFCC; color: #333; text-shadow: none; }

/* Base Styles
-----------------------------------------------------------*/
ul, ol { margin: 1em 0; padding: 0 0 0 30px; }
    nav ul,
    nav ol,
    ul.meta,
    .slides,
    .flex-control-nav,
    .flex-direction-nav { list-style: none; list-style-image: none; margin: 0; padding: 0; }
.underline { text-decoration: underline; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
table { border-spacing: 0; }
td { vertical-align: top; }
div, img, table, table td { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* Semi-Generic Styles
-----------------------------------------------------------*/
.clear:after, .container:after, nav ul:after, .row:after, .slides:after { clear: both; content: " "; display: block; height: 0; }
.inline { display: inline !important; }
.inline-block { display: inline-block !important; }
.table-style { display: table !important; }
.table-cell { display: table-cell !important; vertical-align: middle; }
.hide { display: none !important; }
.invisible { visibility: hidden; }
.right { float: right; }
.left { float: left; }
.center { text-align: center; }
.center-Important { text-align: center !important; }
.bold { font-weight: bold !important; }
.no-bold { font-weight: normal; }
.italic { font-style: italic; }
.block { display: block; }
.box-100 { width: 100% !important; }
.box-99 { width: 99% !important; }
.box-96 { width: 96% !important; }
.box-95 { width: 95% !important; }
.box-93 { width: 93% !important; }
.box-92 { width: 92% !important; }
.box-91 { width: 91% !important; }
.box-90 { width: 90% !important; }
.box-89 { width: 89% !important; }
.box-87 { width: 87% !important; }
.box-85 { width: 85% !important; }
.box-84 { width: 84% !important; }
.box-83 { width: 83% !important; }
.box-80 { width: 80% !important; }
.box-77 { width: 77% !important; }
.box-76 { width: 76% !important; }
.box-75 { width: 75% !important; }
.box-72 { width: 72% !important; }
.box-70 { width: 70% !important; }
.box-67 { width: 67% !important; }
.box-66 { width: 66% !important; }
.box-65 { width: 65% !important; }
.box-60 { width: 60% !important; }
.box-58 { width: 58% !important; }
.box-55 { width: 55% !important; }
.box-53 { width: 53% !important; }
.box-50 { width: 50% !important; }
.box-48 { width: 48% !important; }
.box-46 { width: 46% !important; }
.box-45 { width: 45% !important; }
.box-40 { width: 40% !important; }
.box-35 { width: 35% !important; }
.box-31 { width: 31% !important; }
.box-33 { width: 33% !important; }
.box-30 { width: 30% !important; }
.box-29 { width: 29% !important; }
.box-25 { width: 25% !important; }
.box-20 { width: 20% !important; }
.box-22 { width: 22% !important; }
.box-19 { width: 19% !important; }
.box-18 { width: 18% !important; }
.box-17 { width: 17% !important; }
.box-16 { width: 15% !important; }
.box-15 { width: 15% !important; }
.box-14 { width: 14% !important; }
.box-13 { width: 13.6% !important; }
.box-12 { width: 12% !important; }
.box-11 { width: 12% !important; }
.box-10 { width: 10% !important; }
.box-8 { width: 8% !important }
.box-7 { width: 7% !important; }
.box-6 { width: 6% !important; }
.box-5 { width: 5% !important; }
.box-4 { width: 4% !important; }
.box-3 { width: 3% !important; }
.box-2 { width: 2% !important; }
.box-1 { width: 1% !important; }
.box-icon-20 { width: 20px; }
.dcenter { margin: 0 auto 0; }
.nopad { padding: 0; }
.no-background { background: none; }
.nowrap { white-space: nowrap; }
.break-text { word-break: break-all; }
.break-word { word-wrap: break-word; }
.overflow-break-word { overflow-wrap: break-word; }
.important { font-weight: bold; }
.block-pad { display: block; padding: 10px; margin: 0px; }
.error-text { color: #bf1f24; font-weight: bold; }
.left-pad { padding-left: 10px !important; }
.left-pad-27 { padding-left: 27px !important; }
.right-pad { padding-right: 10px !important; }
.top-pad { padding-top: 10px !important; }
.noleft { padding-left: 0 !important; }
.noright { padding-right: 0 !important; }
.left-marg { margin-left: 20px !important; }
.left-marg-10 { margin-left: 10px !important; }
.right-marg-sml { margin-left: 5px !important; }
.right-marg-10 { margin-right: 10px !important; }
.left-marg-20 { margin-left: 20px !important; }
.no-overflow { width: 100% !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.hide-overflow { overflow: hidden !important; text-overflow: ellipsis; white-space: nowrap; }
.absolute { position: absolute; }
.absolute-right { position: absolute; right: 0 !important; padding-right: 0 !important; }
.bottom-left { left: 0; bottom: 0; }
.bottom-right-240 { right: 240px; bottom: 0; }
.relative { position: relative; }
.bg-white { background-color: #fff; }
.no-marg { margin: 0px !important; }
.no-bottom-marg { margin-bottom: 0px !important; }
.no-top-marg { margin-top: 0px !important; }
.top-margin-30 { margin-top: 30px !important; }
.top-margin-40 { margin-top: 40px !important; }
.top-margin-3 { margin-top: 3px !important; }
.top-margin-4 { margin-top: 4px !important; }
.right-text { text-align: right; }
.left-marg-short { margin-left: 5px !important; }
.height-30 { height: 30px !important; }
.font-large { font-size: 14px !important; }
.font-13 { font-size: 13px !important; }
.no-bottom { padding-bottom: 0px !important; margin-bottom: 0px !important; }
.align-top { vertical-align: top !important; }
.top-margin-7 { margin-top: 7px !important; }
.bot-margin-5 { margin-bottom: 5px !important; }
.bot-margin-3 { margin-bottom: 3px !important; }
.top-pad-4 { padding-top: 4px !important; }
.top-pad-4-percent { padding-top: 4% !important; }
.pad-5 { padding: 5px !important; }
.fixed-100 { width: 100px !important; }
.no-top { top: 0 !important; }

/* Positioning
-------------------------------------------------------------------------------*/
.align-mid { vertical-align: middle; }
.align-top { vertical-align: top; }
.align-bot { vertical-align: bottom; }
.line-height-30 { line-height: 30px; }

/* Borders
-------------------------------------------------------------------------------*/
.bor { border: 1px solid #ccc; }
.bor-t { border: 0px solid #ccc; border-top-width: 1px; }
.bor-b { border: 0px solid #ccc; border-bottom-width: 1px; }
.bor-y { border: 0px solid #ccc; border-bottom-width: 1px; border-top-width: 1px; }
.bor-l { border: 0px solid #ccc; border-left-width: 1px; }
.bor-r { border: 0px solid #ccc; border-right-width: 1px; }
.bor-x { border: 0px solid #ccc; border-left-width: 1px; border-right-width: 1px; }
.bor-0 { border: 0; }

/* Spacers
-------------------------------------------------------------------------------*/
.mar-0 { margin: 0px !important; }
.mar-t-0 { margin-top: 0px !important; }
.mar-b-0 { margin-bottom: 0px !important; }
.mar-l-0 { margin-left: 0px !important; }
.mar-r-0 { margin-right: 0px !important; }
.mar-x-0 { margin-left: 0px !important; margin-right: 0px !important; }
.mar-y-0 { margin-top: 0px !important; margin-bottom: 0px !important; }
.mar-5 { margin: 5px !important; }
.mar-t-5 { margin-top: 5px !important; }
.mar-b-5 { margin-bottom: 5px !important; }
.mar-l-5 { margin-left: 5px !important; }
.mar-r-5 { margin-right: 5px !important; }
.mar-x-5 { margin-left: 5px !important; margin-right: 5px !important; }
.mar-y-5 { margin-top: 5px !important; margin-bottom: 5px !important; }
.mar-10 { margin: 10px !important; }
.mar-t-10 { margin-top: 10px !important; }
.mar-b-10 { margin-bottom: 10px !important; }
.mar-l-10 { margin-left: 10px !important; }
.mar-r-10 { margin-right: 10px !important; }
.mar-x-10 { margin-left: 10px !important; margin-right: 10px !important; }
.mar-y-10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.mar-20 { margin: 20px !important; }
.mar-t-20 { margin-top: 20px !important; }
.mar-b-20 { margin-bottom: 20px !important; }
.mar-l-20 { margin-left: 20px !important; }
.mar-r-20 { margin-right: 20px !important; }
.mar-x-20 { margin-left: 20px !important; margin-right: 20px !important; }
.mar-y-20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.mar-30 { margin: 30px !important; }
.mar-t-30 { margin-top: 30px !important; }
.mar-b-30 { margin-bottom: 30px !important; }
.mar-l-30 { margin-left: 30px !important; }
.mar-r-30 { margin-right: 30px !important; }
.mar-x-30 { margin-left: 30px !important; margin-right: 30px !important; }
.mar-y-30 { margin-top: 30px !important; margin-bottom: 30px !important; }

.pad-0 { padding: 0px !important; }
.pad-t-0 { padding-top: 0px !important; }
.pad-b-0 { padding-bottom: 0px !important; }
.pad-l-0 { padding-left: 0px !important; }
.pad-r-0 { padding-right: 0px !important; }
.pad-x-0 { padding-left: 0px !important; padding-right: 0px !important; }
.pad-y-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
.pad-5 { padding: 5px !important; }
.pad-t-4 { padding-top: 4px !important; }
.pad-t-5 { padding-top: 5px !important; }
.pad-b-5 { padding-bottom: 5px !important; }
.pad-l-5 { padding-left: 5px !important; }
.pad-r-5 { padding-right: 5px !important; }
.pad-x-5 { padding-left: 5px !important; padding-right: 5px !important; }
.pad-y-5 { padding-top: 5px !important; padding-bottom: 5px !important; }
.pad-10 { padding: 10px !important; }
.pad-t-10 { padding-top: 10px !important; }
.pad-b-10 { padding-bottom: 10px !important; }
.pad-l-10 { padding-left: 10px !important; }
.pad-l-15 { padding-left: 15px !important; }
.pad-l-30 { padding-left: 30px !important; }
.pad-l-40 { padding-left: 40px !important; }
.pad-r-10 { padding-right: 10px !important; }
.pad-x-10 { padding-left: 10px !important; padding-right: 10px !important; }
.pad-y-10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.pad-20 { padding: 20px !important; }
.pad-t-20 { padding-top: 20px !important; }
.pad-b-20 { padding-bottom: 20px !important; }
.pad-l-20 { padding-left: 20px !important; }
.pad-r-20 { padding-right: 20px !important; }
.pad-x-20 { padding-left: 20px !important; padding-right: 20px !important; }
.pad-y-20 { padding-top: 20px !important; padding-bottom: 20px !important; }

/* Effects
-------------------------------------------------------------------------------*/
.effect-fade { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
    .effect-fade.fast { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    .effect-fade.slow { -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; }

/* Layout Styles
-------------------------------------------------------------------------------*/
.col-narrow { float: left; width: 210px; position: relative; }
    .col-narrow.sidenav { width: 220px; }
.dashboard .col-narrow { width: 210px; }
.col-wide { margin-left: 220px; min-width: 790px; position: relative; }
.col-panel { margin-left: 20px; margin-right: 20px; margin-top: 10px; min-width: 700px; position: relative; }
/* Rows and Columns */
.row { display: inline-block; width: 100%; }
    .row.tspacer { margin-top: 10px; }
    .row.spacer { margin-bottom: 10px; }
        .row.spacer.message { margin-bottom: 20px; }
            .row.spacer.message .form-valid { font-weight: bold; }
    .row.spacer-big { margin-bottom: 20px; }
    .row.sliders { padding: 0 0 25px 0; }
    .row.border > div { border-right: 2px groove #fff; margin-right: -2px; }
        .row.border > div:last-child { border-right: 0px; margin-right: 0px; }
    .row .col-1 { width: 100%; padding: 0 2%; float: left; }
    .row .col-2 { width: 50%; padding: 0 2%; float: left; }
    .row .col-3 { width: 33%; padding: 0 2%; float: left; }
    .row .col-3-workflow { width: 32%; padding: 0 2%; float: left; }
    .row .col-4 { width: 25%; padding: 0 2%; float: left; }
    .row .col-5 { width: 20%; padding: 0 2%; float: left; }
    .row.compact .col-1 { padding: 0 1%; }
    .row.compact .col-2 { padding: 0 1%; }
    .row.compact .col-3 { padding: 0 1%; }
    .row.compact .col-4 { padding: 0 1%; }
    .row.compact .col-5 { padding: 0 1%; }
    .row .col-3:last-child { width: 33%; }
    .row .col-3.wrapped { padding: 10px; border: 1px solid #ccc; background: #efefef; border-radius: 4px; min-height: 250px; }
    .row .col-3.right { float: right; }
    .row.no-outer-padding .col-3:first-child { padding-left: 0%; }
    .row.no-outer-padding .col-3:last-child { padding-right: 0%; }
    .row.inner .col-1 { padding: 0; }
    .row.inner .col-2:first-child,
    .row.inner .col-3:first-child,
    .row.inner .col-4:first-child,
    .row.inner .col-5:first-child { padding-left: 0; }
    .row.inner .col-2:last-of-type,
    .row.inner .col-3:last-of-type,
    .row.inner .col-4:last-of-type,
    .row.inner .col-5:last-of-type,
    .row.inner .col-2:nth-child(2),
    .row.inner .col-3:nth-child(3),
    .row.inner .col-4:nth-child(4),
    .row.inner .col-5:nth-child(5) { padding-right: 0; }
    .row.inner .col-2:nth-child(1) { padding-left: 0% !important; }
    .row.inner .col-2:nth-child(2) { padding-right: 0% !important; }
    .row.inner .col-4:nth-child(1) { padding-left: 0% !important; }
    .row.inner .col-4:nth-child(4) { padding-right: 0% !important; }
    .row.headerRow .col-1 { float: none; }
    .row.border-top { border-top: 1px solid #ccc; }
    .row.border-top { padding-top: 10px; }
    .row .col-left { padding-left: 10px; }
    .row.col-side-spacer-1 { margin-left: 1%; margin-right: 1%; width: 98%; }
    .row.col-side-spacer-2 { margin-left: 2%; margin-right: 2%; width: 96%; }
.row-limit-3 { max-height: 83px; overflow-x: hidden; overflow-y: auto; }
    .row-limit-3 table { padding-bottom: 0px; margin-bottom: 0px; }
.mapbox { width: 66%; margin: 0; float: right; }
    .mapbox.wide { width: 100%; }
/* Additional */
.body-block { padding: 1%; min-height: 300px; }
    .body-block.inner { min-height: 0px; }
.container { margin: 0 auto; clear: both; display: block; min-width: 1040px; max-width: 1400px; }
body.full-width article .container { max-width: none; }
.content { border: 1px solid #ccc; background: #fff; overflow: visible; border-radius: 2px; }
    .content.tspacer { margin-top: 10px; }
    .content.no-border { border-width: 0px; }
/* border-radius: 10px; border-top-left-radius: 15px; border-top-right-radius: 15px; }*/
.side-shadow { border-right: 1px solid #ccc; display: block; width: 15px; height: 100%; position: absolute; left: -15px; }
.footer { padding: 10px 0; color: #999; }
.border-box { padding: 10px; float: left; margin-left: 20px; }
.table { display: table; }
.trow { display: table-row; }
.trcell { display: table-cell; padding: 5px; }

/* Widget Styles
-----------------------------------------------------------*/
.widget { margin-bottom: 10px; }
.col-narrow .widget .panel-content table { border-width: 0px; margin: 5px 2% 7px 2%; width: 96%; }
.col-wide .widget .panel-content { padding: 10px; }

/* Text Font Styles
-----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { color: #000; margin: 0; font-weight: bold; margin: 0; text-rendering: optimizelegibility; }
    h1.border, h2.border, h3.border, h4.border, h5.border, h6.border { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ccc; }
    h1.lspacer, h2.lspacer, h3.lspacer, h4.lspacer, h5.lspacer, h6.lspacer { margin-left: 20px; margin-bottom: 5px; }
h1, h2, h3, legend { font-family: "myriad-pro",sans-serif; }
h1 { font-size: 18px; font-weight: 600; }
h2 { font-size: 16px; font-weight: bold; }
h3, legend { font-size: 15px; margin: 0 0 10px; line-height: 1.2; }
    legend.subhead { font-size: 15px; margin: 0 0 10px; line-height: 1.5; }
h4 { font-weight: bold; font-size: 13px; }
h5 { font-weight: bold; font-size: 13px; }
h6 { font-size: 16px; margin: 0 0 10px; line-height: 1.2; padding-left: 0; }
p { font-size: 12px; line-height: 18px; margin: 0 0 5px; }
    p.charLimitText { font-size: 11px !important; display: block; font-weight: bold; }
    p.input-display { font-size: 13px; }
textarea + p.charLimitText { margin-bottom: 10px; }
table p { margin: 0; }
.meta { font-size: 11px !important; color: #666666; line-height: 13px; }
h2.no-pad { padding: 0% !important; }
.text-yellow-1 { color: #FFAE00; }

/* Link Styles
-----------------------------------------------------------*/
a, a:visited, .link, .link:visited { text-decoration: none; color: #008FBF; cursor: pointer; }
    a:hover, .link:hover { color: #333; }
    /*a.primary { font-weight: bold; }*/
    a.btn, .link.btn, a.btn:hover, .link.btn:hover, a.btn:visited, .link.btn:visited { color: #fff; }
.add-link { font-size: 14px; }
.icon-link { height: 26px; }
/* Status Colors */
.status-red { color: #BF2024; }
.status-grn { color: #3F8C52; }
.status-yellow { color: #f0b500; }
a.spacer { margin-bottom: 5px; display: inline-block; }
a.lspacer { margin-left: 20px; }
/*button:not(.ms-choice):not(.xdsoft_prev):not(.xdsoft_next):not(.xdsoft_next):not([role="presentation"]) { color: #008FBF; border: none; background: transparent; padding: 0; }*/

/* Title Bar Styles
-------------------------------------------------------------------------------*/
.title-bar { position: relative; display: table; width: 100%; background: #424D53; padding: 0 10px 0 20px; vertical-align: middle; height: 35px; }
    .title-bar.header { border-top-left-radius: 2px; border-top-right-radius: 2px; }
    .title-bar.footer { margin: 0px; border-top-left-radius: 0px; border-bottom-right-radius: 2px; border-top-right-radius: 0px; border-bottom-left-radius: 2px; }
    .title-bar.even-padding { padding-left: 10px !important; }
    .title-bar h1 { font-weight: 400; height: 20px; color: #fff; display: table-cell; padding: 0; position: relative; top: 1px; font-size: 17px; }
    .title-bar h2 { font-weight: 400; height: 20px; padding: 0; }
    .title-bar.gray { background: #ccc url(../img/widget_bg.png) repeat-x top left; display: block; vertical-align: middle; padding: 10px 10px; margin-bottom: 15px; /*border-top-left-radius: 8px; border-top-right-radius: 8px;*/ min-height: 35px; }
    .title-bar.clear-bg { background: none !important; display: block; vertical-align: middle; padding: 10px 10px; margin-bottom: 15px; /*border-top-left-radius: 8px; border-top-right-radius: 8px;*/ min-height: 35px; border-bottom: 1px solid #ccc; }
    /* Header Styles */
    .title-bar > * { display: table-cell; color: #fff; vertical-align: middle; width: auto; height: 100%; }
    .title-bar > .title-bar-content { float: right; }
        .title-bar > .title-bar-content.left { float: left; }
        .title-bar > .title-bar-content > * { display: table; table-layout: fixed; height: 100%; }
            .title-bar > .title-bar-content > * > * { display: table-cell; height: 100%; border-width: 0px; border-style: solid; border-color: #666 !important; border-left-width: 1px; vertical-align: middle; }
        .title-bar > .title-bar-content .material-icons { color: white; line-height: 33px !important; }
        .title-bar > .title-bar-content.no-border > * > * { border-width: 0px; }
        .title-bar > .title-bar-content .icon.add-blue { margin-right: 4px; }
    .title-bar.gray > *, .title-bar.clear-bg > * { color: #000; }
    .title-bar input:not(.ignore-title-format) { margin: 0px; border-width: 0px; padding: 0px; display: block; }
    .title-bar .btn { background: none !important; border-radius: 0px; box-shadow: none; transition: .3s all; letter-spacing: 1px; padding-top: 0px; padding-bottom: 0px; font-size: 15px; text-shadow: none; padding: 8px; font-size: 15px; }
        .title-bar .btn:last-child { margin-right: 0px; }
        .title-bar .btn:hover { background: #626D73 !important; text-shadow: 2px 1px 1px #424D53; border-top-width: 0px; }
    .title-bar.header .btn .icon,
    .title-bar.footer .btn .icon { margin-right: 4px; }
    .title-bar .title-bar-spacer { margin-left: 10px; margin-right: 10px; }
    .title-bar .title-status { height: 100%; padding-left: 10px; padding-right: 10px; }
@-moz-document url-prefix() {
    .title-bar .title-bar-content div .title-status { height: 100%; padding-left: 10px; padding-right: 10px; }
}
.title-bar .stretch-height-35 { height: 35px; }
.title-bar .sub-menu { height: 100%; background-color: #424D53; padding: 10px 10px; }
    .title-bar .sub-menu:not(.nohover):hover { background: #626D73; }
    .title-bar .sub-menu ul.menu-options { min-width: 160px; background: #626D73; margin-left: -10px; }
    .title-bar .sub-menu.button-menu { padding: 3px 8px; border: none; background: none; }
        .title-bar .sub-menu.button-menu .menu-text { font-size: 15px; letter-spacing: 1px; }
        .title-bar .sub-menu.button-menu .menu-link { margin-top: 4px; }
        .title-bar .sub-menu.button-menu .menu-options { margin-top: 2px; }
        .title-bar .sub-menu.button-menu:hover,
        .title-bar .sub-menu.button-menu:hover .menu-options { background: #2f3b45 !important; }
.title-bar .status-display { font-weight: bold; }
    .title-bar .status-display.yellow { color: #CCCC00; }
    .title-bar .status-display.red { color: #cc0000; }
    .title-bar .status-display.green { color: #1FCC32; }
    .title-bar .status-display.blue { color: #37AEDD; }
    .title-bar .status-display.red2 { color: #900000; }
    .title-bar .status-display.green2 { color: #00FF00; }
.title-bar .update-status { width: 150px; border: none; }
.title-bar .meta { width: 150px; text-align: center; }
.title-bar .details { width: 110px; }
.title-bar .cell-popout { width: 60px; }
.title-bar.header h1,
.title-bar.header h2 { padding-left: 0px; }
/* Title Bar Colors */
.title-bar.subhead { background: #efefef; border-bottom: 1px solid #dbdbdb; padding: 20px 20px 20px 40px; }
    .title-bar.subhead a { margin: 0; padding: 5px 0; }
        .title-bar.subhead a.back { float: left; }
    .title-bar.subhead .buttons { position: absolute; right: 0; top: 0; padding: 10px; }


.title-bar select { background: #606e79; color: #fff; box-shadow: none; border: none; }

    .title-bar select:focus { background: #606e79; color: #fff; box-shadow: none; border: none; }

    .title-bar select option { background: #606e79; color: #fff; }

/* Messages Header */
.title-bar.subhead1 { background: #efefef; border-bottom: 1px solid #dbdbdb; padding: 10px 20px 10px 40px; }
    .title-bar.subhead1 div { display: table-cell; vertical-align: middle; }
        .title-bar.subhead1 div.message { width: 170px; border: none; }
    .title-bar.subhead1 h2 { font-weight: 400; line-height: 22px; display: table-cell; padding: 10px 0px 0px 0px; }
.title-bar .title-text { display: table; float: left; }
    .title-bar .title-text > * { display: table-cell; }
    .title-bar .title-text > h1 { padding-right: 5px; }
    .title-bar .title-text > .title-spacer { font-size: 17px; padding: 0 3px 0 0; font-weight: 400; }
    .title-bar .title-text .sub-menu { padding-top: 7px; padding-left: 5px; padding-right: 5px; }
        .title-bar .title-text .sub-menu .menu-text { font-weight: 400; height: 20px; color: #fff; padding: 0; vertical-align: middle; position: relative; top: 1px; font-size: 17px; }
        .title-bar .title-text .sub-menu .menu-link { margin-left: 0px; }
        .title-bar .title-text .sub-menu .menu-options { margin-left: -5px; }
.view-title-bar { background: #efefef; border-bottom: 1px solid #dbdbdb; display: block; margin: 0px 20px 20px 20px; padding: 16px 20px 16px 20px; position: relative; top: 20px; clear: right; }
    .view-title-bar .btn { position: relative; top: -7px; }
.aview-title-bar h2 { font-size: 20px; font-weight: normal; }

.tab-menu .item-content > .title-bar .title-text .sub-menu { padding: 5px; background: #626D73; /*background-color: #424D53;*/ }
    .tab-menu .item-content > .title-bar .title-text .sub-menu:hover { background-color: #424D53; }
    .tab-menu .item-content > .title-bar .title-text .sub-menu .menu-text { font-size: 13px; height: 16px; }
        .tab-menu .item-content > .title-bar .title-text .sub-menu .menu-text .icon.down-arrow { height: 12px; position: relative; top: 2px }
    .tab-menu .item-content > .title-bar .title-text .sub-menu .menu-options { margin-top: 3px; background-color: #424D53; }
    .tab-menu .item-content > .title-bar .title-text .sub-menu ul.menu-options li a,
    .tab-menu .item-content > .title-bar .title-text .sub-menu ul.menu-options li span.menu-link-style { font-size: 12px; }

/* Sub Menu Styles
-------------------------------------------------------------------------------*/
* + .sub-menu .menu-link { margin-left: 6px; }
.sub-menu { font-size: 13px; }
    .sub-menu.wrap { display: inline-block; }
    .sub-menu.bspace { margin-bottom: 10px; }
    .sub-menu:not(.nohover):hover { background: #626D73; }
    .sub-menu .menu-text { width: 100%; display: block; }
        .sub-menu .menu-text .icon.down-arrow { height: 14px; margin-left: 0px; }
        .sub-menu .menu-text .blue-ellip { font-size: 20px; color: #2A96C1; }
    .sub-menu .menu-options { transition: all .3s; min-width: 160px; background: #626D73; list-style: none; margin: 0; margin-top: 7px; padding: 7px 10px; display: block; z-index: 10; position: absolute; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; z-index: 1000; }
        .sub-menu .menu-options.small-rounding { border-bottom-left-radius: 1px; border-bottom-right-radius: 1px; }
        .sub-menu .menu-options.scroll-up { margin-top: -30px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 2px; border-top-left-radius: 2px; }
            .sub-menu .menu-options.scroll-up.small { margin-top: -30px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 1px; border-top-left-radius: 1px; }
        .sub-menu .menu-options.no-top-rounding { border-top-right-radius: 0px; border-top-left-radius: 0px; }
        .sub-menu .menu-options.left-top-rounding { border-top-right-radius: 0px; border-top-left-radius: 2px; }
            .sub-menu .menu-options.left-top-rounding.small { border-top-right-radius: 0px; border-top-left-radius: 1px; }
        .sub-menu .menu-options table { margin: 0px; }

    /* List Styles for menu options */
    .sub-menu ul.menu-options li { list-style: none; margin: 0; padding: 0px 0px; display: block; width: 100%; white-space: nowrap; }
        .sub-menu ul.menu-options li a, .sub-menu ul.menu-options li span.menu-link-style { display: block; padding: 3px 5px; font-size: 13px; border-radius: 2px; color: #fff; }
            .sub-menu ul.menu-options li a:hover, .sub-menu ul.menu-options li span.menu-link-style:hover { text-shadow: 2px 1px 1px #424D53; color: #fff; background-color: #008FBF; }
    .sub-menu ul.menu-options.gray li a, .sub-menu ul.menu-options.gray li span.menu-link-style { color: #000; text-align: left; font-weight: normal; }
        .sub-menu ul.menu-options.gray li a:hover, .sub-menu ul.menu-options.gray li span.menu-link-style:hover { color: #fff; }
    .sub-menu.button .menu-options li a, .sub-menu.button .menu-options li span.menu-link-style { border-radius: 2px; }

    /* Color Options */
    .sub-menu .menu-options.gray { border-top-left-radius: 0px; border-top-right-radius: 0; min-width: 120px; margin-top: 0; margin-left: -90px; background: #ccc url(../img/table-head_bg.png) repeat-x top left; border: 1px solid #999; }
        .sub-menu .menu-options.gray.scroll-up { margin-top: 16px; }
    .sub-menu .menu-options.white { background-color: white; border: 1px solid #999; }
    .sub-menu.white:hover { margin-top: 0px; background-color: transparent; }
    .sub-menu.white.button { border: 1px solid #999; padding: 4px 7px; border-radius: 2px; background: #eee url(../img/table-head_bg.png) repeat-x top left; }
        .sub-menu.white.button .menu-options { border-radius: 1px; }

    /* Button Menu */
    .sub-menu.button .menu-options { padding: 5px; }

    /* Table Paging */
    .sub-menu .pagination a { padding: 0 6px; line-height: 20px; }
    .sub-menu .pagination li.prev a { position: relative; }
    .sub-menu .pagination { height: 15px; margin: 18px 0; }
        .sub-menu .pagination li.prev a { background: url(../img/gdms-sprite-icons.png?v=1_2) no-repeat 0px -1359px; text-indent: -200px; overflow: hidden; width: 5px; }
            .sub-menu .pagination li.prev.disabled a,
            .sub-menu .pagination li.prev a:hover { background-position: 0px -1380px; }
        .sub-menu .pagination li.next a { background-position: -15px -1359px; }
            .sub-menu .pagination li.next.disabled a,
            .sub-menu .pagination li.next a:hover { background-position: -15px -1380px; }

/* Sidebar/Widget Styles
-------------------------------------------------------------------------------*/
.widget-bar { overflow: visible; font-size: 16px; font-family: "myriad-pro",sans-serif; border-bottom: 1px solid #A4A4A4; border-top: 1px solid #fff; background: #ccc url(../img/widget_bg.png) repeat-x top left; -moz-text-shadow: 0 1px 0 #fff; -webkit-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; position: relative; padding: 5px; display: block; }
.sidenav .widget-bar { font-size: 15px; padding: 10px 10px 10px 15px; font-weight: bold; }
.widget-bar a,
.widget-bar .trigger-title { margin-left: 30px; overflow: visible; }
.widget-bar .title { margin-left: 30px; overflow: visible; }
.widget-bar.alerts a { background: url(../img/gdms-sprite-icons.png?v=1_2) no-repeat 158px -66px; display: block; }

.col-wide .panel { padding: 20px; }

.list-alerts { list-style-type: none; padding: 0; margin: 0; color: #BF1F24; font-size: 13px; font-weight: bold; }
    .list-alerts li { border-bottom: 1px solid #D6D1C8; position: relative; }
        .list-alerts li:last-child { border: none; }
.alert-count { font-size: 24px; position: absolute; top: 4px; right: 10px; }
a.alert-type { padding: 10px 50px 10px 10px; display: block; color: #BF1F24; cursor: pointer; }
    a.alert-type:hover { background: #efefef; }
a.widget-bar { padding-left: 20px; color: #404040; transition: all .2s; }
    a.widget-bar:hover { background: #efefef; }
    a.widget-bar:focus { background: #999; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#efefef'); background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#efefef)); background: -moz-linear-gradient(top, #ccc, #efefef); }
.widget-bar.active { display: block; background: #ffffff; padding-left: 15px; position: relative; z-index: 90; }

/* Trigger Expand/Collapse Styles
-------------------------------------------------------------------------------*/
.trigger-expandcollapse { display: inline-block; float: left; margin-left: 5px; margin-right: 6px; margin-top: 4px; width: 16px; height: 17px !important; background: url(../img/expand-collapse.png) no-repeat 0 0; }
    .trigger-expandcollapse.hidden { background-position: 0 -18px; }
.trigger-close { cursor: pointer; position: absolute; height: 17px; width: 16px; right: 10px; top: 8px; background: url(../img/close.png) no-repeat 0 0; }
    .trigger-close.hidden { background-position: 0 -18px; }
.panel { background-color: #f9f9f9; }
    .panel .hide { display: none; }
.title-wrapper { height: 36px; border-style: solid; border-width: 1px; border-color: #ccc #ccc #BBBBBB #ccc; display: block; margin: 0; padding: 0px; padding: 5px 5px 7px 5px; margin-bottom: 0px; margin-top: 20px; background: #ccc url(../img/widget_bg.png) repeat-x top left; border-top-left-radius: 2px; border-top-right-radius: 2px; }
    .title-wrapper:first-of-type { margin-top: 0px; }
    .title-wrapper .trigger-expandcollapse { top: 5px; z-index: 250; }
    .title-wrapper h4 { font-size: 16px; padding-left: 5px; padding-top: 2px; padding-bottom: 0px; margin-bottom: 0px; position: relative; top: 2px; z-index: 5; display: inline-block; }
    .title-wrapper h3 { font-size: 17px; padding-left: 5px; padding-top: 2px; padding-bottom: 0px; margin-bottom: 0px; position: relative; top: 2px; z-index: 5; display: inline-block; }
    .title-wrapper + div { padding-bottom: 0px; background-color: #fff; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border: 1px solid #ccc; border-top: 0; }
    .title-wrapper > .title-wrapper-content { float: right; margin-top: -5px; }
        .title-wrapper > .title-wrapper-content > * { display: table; table-layout: fixed; height: 100%; }
            .title-wrapper > .title-wrapper-content > * > * { display: table-cell; height: 100%; vertical-align: middle; }
        .title-wrapper > .title-wrapper-content.no-border > * > * { border-width: 0px; }
        .title-wrapper > .title-wrapper-content .icon.add-blue { margin-right: 4px; }
    .title-wrapper .btn { border-width: 0px; background: none !important; border-radius: 0px; box-shadow: none; transition: .3s all; letter-spacing: 1px; padding-top: 0px; padding-bottom: 0px; font-size: 15px; text-shadow: none; padding: 8px; font-size: 15px; color: #000 !important; }
    .title-wrapper .link { margin-top: 7px; padding-right: 5px; }

/* Table Styles
-------------------------------------------------------------------------------*/
table { margin: 0 0 10px; border-width: 1px; width: 100%; border-style: solid; border-color: #ccc; text-align: left; }
    table.inner { margin-bottom: 0px; }
    table th, table td { padding: 4px; -moz-box-sizing: padding-box; box-sizing: padding-box; vertical-align: middle; }
        th.border, table td.border { border-right: 1px solid #dbdbdb; }
            th.border:last-child, table td.border:last-child { border-right: 0px; }
        table th.ralign, table td.ralign { text-align: right; }
    table thead tr { background: #ebebeb; color: #1F1F1F; font-size: 13px; }
        table thead tr th { border: 1px solid; border-color: #fff #c0c0c0 #c0c0c0 #fff; line-height: 1.2; padding-top: 5px; padding-bottom: 5px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
            table thead tr th:last-child { border-right-width: 0px; }
    table tbody tr { background: #fff; transition: all .2s; }
        table tbody tr td { border-top: 1px solid #dbdbdb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
            table tbody tr td:not(.allow-hover).inactive { background: #fff !important; }
            table tbody tr td.center .delete { margin-right: 0px; width: 12px; display: inline-block; }
            table tbody tr td input { margin-bottom: 0px; }
        table tbody tr.selected { background-color: #FFFFCC; }
            table tbody tr.selected td { font-weight: bold; }
        table tbody tr.disabled { background-color: #ebebeb; }
        table tbody tr.tfoot { background: #ebebeb; }
            table tbody tr.tfoot td { border: 1px solid; border-color: #c0c0c0 #c0c0c0 #fff #fff; }
                table tbody tr.tfoot td:last-child { border-right-width: 0px; }
                table tbody tr.tfoot td.title { font-weight: bold; font-size: 13px; }
        table tbody tr.clickable:hover { background: #EDF3F7; cursor: pointer; }
            table tbody tr.clickable:hover td:not(.allow-hover).inactive { background: #fff; }
        table tbody tr.clickable td.inactive { cursor: default; }
    table tr:first-child td { border-top: none; }
    table tbody.additional-body tr:first-child td { border-top: 1px solid #dbdbdb; }
    table td.status-icon { vertical-align: middle; width: 20px; }
        table td.status-icon .icon,
        table td.status-icon .doc { margin: 0 5px; }
        table td.status-icon.compact { margin: 0; padding: 0; padding-top: 1px; }
            table td.status-icon.compact .icon,
            table td.status-icon.compact .doc { margin: 0 2px; }
    table td.timestamp { text-align: right; }
    table#sort td.timestamp { text-align: left; }
    table td.timestamp { text-align: left; }
    table td.r { border-right: 1px solid #dbdbdb; }
    table td.alert,
    table td.popout { width: 20px; }
    table td .message { margin-bottom: 10px !important; }
    table td .status-display.yellow { color: #CCCC00; font-weight: bold; }
    table td .status-display.red { color: #FF2024; font-weight: bold; }
    table td .status-display.green { color: #1FCC32; font-weight: bold; }
    table td .status-display.nobold { font-weight: normal; }
    table input[type="radio"], table input[type="checkbox"] { margin-top: 3px; }
    table.details tbody th { text-align: left; }
    table.t-valign tbody tr td { vertical-align: top !important; }

h2 + table { margin-top: 10px; }

.panel table { margin: 0; }

table tbody tr td .sub-menu:not(.nohover):hover { margin-top: 0px; background-color: transparent; }
table tbody tr td .sub-menu ul.menu-options { border-top-left-radius: 2px; border-top-right-radius: 0; min-width: 120px; margin-top: 0; margin-left: -90px; background: #ccc url(../img/table-head_bg.png) repeat-x top left; border: 1px solid #999; }
    table tbody tr td .sub-menu ul.menu-options.scroll-up { margin-top: 16px; }
    table tbody tr td .sub-menu ul.menu-options li a { color: #000; text-align: left; font-weight: normal; }
/*table tbody tr td .sub-menu ul.menu-options.scroll-up { margin-top: 0px; }*/

.dtable { display: table; margin: 0 0 20px; border-width: 1px; width: 100%; border-style: solid; border-color: #ccc; text-align: left; }
    .dtable .trow { display: table-row; }
    .dtable .cell { display: table-cell; padding: 4px; -moz-box-sizing: padding-box; box-sizing: padding-box; vertical-align: middle; }
    .dtable .theader { display: table-header-group; }
        .dtable .theader .trow { background: #dbdbdb; color: #1F1F1F; font-size: 13px; }
            .dtable .theader .trow .cell { border: 1px solid; border-color: #fff #c0c0c0 #c0c0c0 #fff; line-height: 1.2; font-weight: bold; }
            .dtable .theader .trow:first-child .cell { border-top: none; }
    .dtable .tbody { display: table-row-group; }
        .dtable .tbody .trow { background: #fff; }
            .dtable .tbody .trow .cell { border-top: 1px solid #dbdbdb; }
            .dtable .tbody .trow:first-child .cell { border-top: none; }
            .dtable .tbody .trow.clickable:hover { background: #EDF3F7; cursor: pointer; }
            .dtable .tbody .trow.clickable td.inactive { cursor: default; }

/*.dataTable thead tr th.sorting { background: #ccc url(../img/table-head_bg.png) repeat-x top left; cursor: pointer; text-align: left; }
.dataTable thead th.sorting_asc { background-image: url(../img/sort_asc.png); text-align: left; }*/

table { border-width: 0px; }
    table thead tr { background-color: transparent; background: none; border-width: 0px; vertical-align: middle; }
        table thead tr th { padding: 2px; border-width: 0px; border-bottom-width: 1px; border-color: #555; }
            table thead tr th.no-border { border-width: 0px; }
            table thead tr th.sorting { background: url(../img/sort.png?v=1) no-repeat right; }
    table tbody tr { background-color: transparent; background: none; border-width: 0px; }
        table tbody tr:first-of-type td { border-top-width: 0px; padding-top: 5px; }
        table tbody tr td, table tfoot tr td { padding: 3px 2px; border-top-width: 1px; vertical-align: middle; border-color: #dbdbdb; }
            table tbody tr td input,
            table tfoot tr td input,
            table tbody tr td textarea,
            table tfoot tr td textarea,
            table tbody tr td select,
            table tfoot tr td select,
            table tbody tr td .select2-container,
            table tfoot tr td .select2-container { margin-bottom: 0px; margin-top: 0px; }
            table tbody tr td.no-border { padding: 3px 2px; vertical-align: middle; border-width: 0px; }
            table tbody tr td.top { padding: 3px 2px; vertical-align: top; border-width: 0px; }
        table tbody tr.footer-row td,
        table tfoot tr.footer-row td { border-top: 1px solid #555; vertical-align: middle; }
    table.align-cells-top > tbody > tr > td, table.align-cells-top > thead > tr > th { vertical-align: top !important; }
        table.align-cells-top > tbody > tr > td .icon, table.align-cells-top > thead > tr > th .icon { margin-top: 0px }

    table.slim tbody tr td input,
    table.slim tfoot tr td input,
    table.slim tbody tr td textarea,
    table.slim tfoot tr td textarea,
    table.slim tbody tr td select,
    table.slim tfoot tr td select { padding: 5px 0px 5px 3px; font-size: 12px; }

        table.slim tbody tr td input.long,
        table.slim tfoot tr td input.long,
        table.slim tbody tr td textarea.long,
        table.slim tfoot tr td textarea.long,
        table.slim tbody tr td select.long,
        table.slim tfoot tr td select.long { width: 96% !important; }

    table.row-spacing td { padding-top: 7px !important; padding-bottom: 7px; }

.table-search-settings { color: white; }
.table-settings .ms-drop { position: relative; margin-bottom: 10px; }

.table-icon { display: inline-block; }
    .table-icon.sorting { background: url(../img/sort.png?v=1) no-repeat left; width: 25px; height: 11px; }
    .table-icon.sorting_asc { background: url(../img/sort_asc.png?v=1) no-repeat center; width: 25px; height: 11px; background-position-x: 6px; }
    .table-icon.sorting_desc { background: url(../img/sort_desc.png?v=1) no-repeat center; width: 25px; height: 11px; background-position-x: 6px; }

table p.dynamic-table-field { font-size: 12px !important; }

table tr.highlight:hover { background-color: #DDEFFF; }
table tr.selected-blue { background-color: #DDEFFF; }

/* Input Styles
-------------------------------------------------------------------------------*/
input { padding: 5px 0px 5px 4px; background: #fff; border: 1px solid #ccc; border-top: 1px solid #b7b7b7; font-size: 15px; margin-bottom: 10px; color: #333; letter-spacing: 0.03em; font-weight: normal; }
    input:not([type="checkbox"]):not([type="radio"]).long { width: 100% !important; display: block; }
    input.disabled { background: #efefef; border: 1px solid #ccc; box-shadow: none; }
    input:not([type="checkbox"]):not([type="radio"]).mid, textarea.mid { width: 70% !important; }
    input:not([type="checkbox"]):not([type="radio"]).semimid, textarea.semimid { width: 60% !important; }
    input[type="radio"].spacer { margin-bottom: 5px; }
    input[type="text"].magnifying-glass { width: 75% !important; display: inline-block; }
        input[type="text"].magnifying-glass.action { width: 70% !important; display: inline-block; margin-left: 30px; }
.col-1 input.mid, .col-1 input.mid { width: 80% !important; }
.col-3 input.mid, .col-3 input.mid { width: 80% !important; }
.col-3 input.longmid, .col-3 input.longmid { width: 90% !important; }
textarea { padding: 5px 0px 5px 0px; background: #fff; border: 1px solid #ccc; border-top: 1px solid #b7b7b7; outline: none; overflow: auto; resize: none; font-size: 15px; letter-spacing: 0.03em; margin-bottom: 10px; color: #333; }
    textarea.description { height: 100px; }
    textarea.limitAfter { margin-bottom: 0px; }
    textarea.long { width: 100% !important; display: block; }
    textarea.disabled { background: #efefef; box-shadow: none; }
        textarea.disabled:not(.disable-border) { border: none; }
    textarea.left-padding { padding-left: 5px !important; }
    /* Remove focus style */
    input:focus,
    select:focus,
    textarea:focus,
    button:focus { outline: none; }

/* Media styles for magnifying glass text */
@media screen and (min-width: 1400px) {
    input[type="text"].magnifying-glass { width: 80% !important; }
}

/* Select */
select { padding: 5px; background: #fff; border: 1px solid #dbdbdb; position: relative; color: #008FBF; outline-color: #008FBF; border: 1px solid #ccc; border-top: 1px solid #b7b7b7; margin-bottom: 10px; }
    select:focus { background: #EDF3F7; }
    select.lrg { font-size: 14px; padding: 4px 5px; height: 29px; }
    select.long { width: 100% !important; display: block; }
    select.disabled { background: #efefef; border: 1px solid #ccc; }
    select:focus { background-color: #EDF9FC; }
option { background: #fff; }
.ui-datepicker-title select { margin-bottom: 0px; padding: 0px; }
.selectize-control.spacer { margin-bottom: 10px; }

/* Select2 */
.select2-container { margin-bottom: 10px; margin-top: 2px; }
    .select2-container.long,
    .select2-container.lrg { width: 100%; }
    .select2-container .select2-choices { border: 1px solid #ccc; border-top: 1px solid #b7b7b7; }
    .select2-container.select2-dropdown-open .select2-choices { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.select2-container-multi .select2-choices { min-height: 24px; }

input.numericInput { text-align: right; padding-right: 1px; }
    input.numericInput.left { text-align: left; }

input, select, textarea, .select2-container .select2-choices { box-shadow: #eee 1px 1px 2px inset; border-radius: 4px; }
    input[type=checkbox] { padding: 0; background: transparent; box-shadow: none; border-radius: 0; margin-bottom: 0px; border: 0px; background: transparent; margin-top: 3px !important; margin-right: 3px !important; margin-left: 3px; position: relative; top: 2px; }
        input[type=checkbox].disabled { opacity: .5 !important; }
    input[type=radio] { border-radius: 0px; box-shadow: none; border: 0px; margin-bottom: 0px; background: transparent; margin-top: 3px !important; margin-right: 3px !important; margin-left: 3px; margin-right: 3px !important; position: relative; top: 2px; }

table tr td input[type=checkbox],
table tr th input[type=checkbox],
table tr td input[type=radio],
table tr th input[type=radio] { top: 0px; }

/* Labels */
label, .label { position: relative; font-size: 13px; }
    label.lrg, .label.lrg { font-size: 14px; }
    label.lrg-15, .label.lrg-15 { font-size: 15px; }
.labelbox { width: 200px; display: inline-block; font-weight: bold; }
    .labelbox.top { width: 200px; display: inline-block; font-weight: bold; vertical-align: top; }
    .labelbox.long { width: 100%; display: inline-block; font-weight: bold; }
.col-3 .labelbox { width: 100px; }
.col-3 label.fixedwidth { min-width: 200px; display: block; }
.col-narrowpanel { margin-top: 5px; }

::-webkit-input-placeholder,
:-moz-placeholder,
:-ms-input-placeholder { color: #aaa; }

/* Styles for multi-select */
.inline-ms-choice { line-height: 29px; }
select.input-validation-error:not(.xforms-input-input) + .ms-parent > button { border: 2px solid #bf1f24; background-color: #fee; }
.ms-drop { width: auto; }

.radiobutton-flat-spacers input[type=radio] + label { margin-right: 5px; }

input, select, textarea.width-fix { box-sizing: border-box; }
textarea.disabled.width-fix { box-sizing: border-box; border: 1px solid #ccc; }

/* LISTS
-------------------------------------------------------------------------------*/
ul.meta li { float: left; margin-right: 10px; }
ul.no-bullets { list-style-type: none; padding-left: 30px !important; }
    ul.no-bullets li { margin-bottom: 5px !important; }
    ul.no-bullets.no-pad { padding-left: 0 !important; }

/* Link Button Styles
-------------------------------------------------------------------------------*/
.btn { position: relative; border: 1px solid #cccccc; border-color: #e6e6e6 #e6e6e6 #999; filter: progid:dximagetransform.microsoft.gradient(enabled=false); border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.4); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.4); padding: 10px 20px; margin-bottom: 0; font-size: 14px; line-height: 18px; display: inline-block; -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); -moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); behavior: url(PIE.htc); vertical-align: middle; }
    .btn:hover { -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); }
    .btn:focus { -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2); box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2); }
.title-bar.subhead .btn { padding: 10px 20px; }
/* Green */
a.btn.btn-green,
.btn.btn-green { color: #fff; background: #306B3D url(../img/btn_green-bg.png) repeat-x top left; border-color: #30693F; overflow: hidden; }
    a.btn.btn-green:hover,
    .btn.btn-green:hover { background: #358244; }
/* Blue */
a.btn.btn-blue,
.btn.btn-blue { color: #fff; background: #1A84B2 url(../img/btn_blue-bg.png) repeat-x top left; border-color: #1C87B4 #1C87B4 #136488; overflow: hidden; }
    a.btn.btn-blue:hover,
    .btn.btn-blue:hover,
    label.btn.btn-blue.checked { background: #2A96C1; }
/* Black */
a.btn.btn-black,
.btn.btn-black { color: #fff; background: #22252A url(../img/nav_bg.png) repeat-x top left; border-color: #32393f #56656c; overflow: hidden; }
    a.btn.btn-black:hover,
    .btn.btn-black:hover,
    label.btn.btn-black.checked { background: #22252A; }
/* White */
a.btn.btn-white,
.btn.btn-white { background: #E6E6E7 url(../img/btn_white-bg.png) repeat-x top left; color: #1984B2; -webkit-text-shadow: none; -moz-text-shadow: none; text-shadow: none; overflow: hidden; }
    a.btn.btn-white:hover,
    .btn.btn-white:hover { background: #F6F6F6; color: #1984B2; }
label.btn.btn-white.checked { color: #fff; background: #2A96C1; border-color: #1C87B4 #1C87B4 #136488; overflow: hidden; }
/* Gray */
a.btn.btn-gray,
.btn.btn-gray { background: #C6C6C7 url(../img/widget_bg.png) repeat-x top left; color: #1984B2; -webkit-text-shadow: none; -moz-text-shadow: none; text-shadow: none; overflow: hidden; border-color: #BBB #BBB #888; }
    a.btn.btn-gray:hover,
    .btn.btn-gray:hover { background: #E0E0E0; }
label.btn.btn-gray { background: #E0E0E0; color: #444; font-weight: normal; border-radius: 0px; box-shadow: none; border-color: #444; }
    label.btn.btn-gray.checked { background: #DADADA; }
/* Red */
a.btn.btn-red,
.btn.btn-red { background: #A30003 url(../img/btn_red-bg.png) repeat-x top left; border-color: #A73200; color: #fff; overflow: hidden; }
    a.btn.btn-red:hover,
    .btn.btn-red:hover { background: #D42200; }
label.btn.btn-red.checked { background: #D42200; }
/* Sizes */
.btn.lrg { font-family: "myriad-pro",sans-serif; font-size: 15px; padding: 8px; }
.btn.mid-lrg { font-family: "myriad-pro",sans-serif; font-size: 15px; padding: 8px; width: 50px; }
.btn.narrow { font-size: 15px; padding: 5px 10px; }
* + .btn.narrow { margin-left: 10px; }
.btn.wide { font-family: "myriad-pro",sans-serif; font-size: 16px; padding: 8px 5%; width: 90%; }
    .btn.wide.lrg { font-size: 16px; }
.btn.small { line-height: 14px; padding: 5px 10px; font-size: 12px; }
    .btn.small.btn-icon { line-height: 21px; }
.btn.small1 { line-height: 18px; padding: 5px 10px; font-size: 12px; vertical-align: top; }
.btn.mid-small { line-height: 20px; padding: 5px 10px; font-size: 14px; vertical-align: top; }
.btn.block { display: block; }
.btn-inactive { background: #ccc; border-top: 1px solid #666; border-radius: 4px; padding: 10px 20px; display: inline-block; position: relative; behavior: url(PIE.htc); }
button.btn { cursor: pointer; }

.btn-bar .btn { display: inline-block; float: left; border-radius: 0px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
    .btn-bar .btn:first-child { margin: 0 -1px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
    .btn-bar .btn:last-child { margin: 0 -1px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error { color: #bf1f24; }
.field-validation-valid { display: none; }
.input-validation-error:not(.xforms-input-input),
.input-form-validation-error:not(.xforms-input-input),
input[type].input-validation-error:not(.xforms-input-input),
input[type].input-form-validation-error:not(.xforms-input-input) { border: 2px solid #bf1f24; border-color: #bf1f24 !important; background-color: #fee; }
.validation-summary-errors, .summary-errors { font-weight: bold; color: #bf1f24; font-size: 13px; }
.validation-summary-valid { display: none; }
.form-error { color: #bf1f24; background-color: #fff8f1; border: 1px solid #fccfa3; padding: 0px 15px; border-radius: 4px; margin-bottom: 10px; }
    .form-error .text { display: inline-block; padding-left: 15px; }
    .form-error ul { list-style-type: none; padding-left: 15px; }
        .form-error ul li { margin-bottom: 5px; }
            .form-error ul li:last-child { margin-bottom: 0px; }
    .form-error.tooltip-errors { margin: 0px; padding: 10px; }
        .form-error.tooltip-errors ul { padding: 0px; margin: 0; }
        .form-error.tooltip-errors .text { left: 0px; }
        .form-error.tooltip-errors ul li { margin: 0px; }
        .form-error.tooltip-errors .icon { display: none; }
.form-valid { background-color: #E6F7EA; border: 1px solid #3F8C52; padding: 10px 15px; border-radius: 4px; box-shadow: 1px 1px 5px, 0px 0px 1px inset; }
    .form-valid ul { list-style-type: none; padding-left: 15px; margin: 0; font-weight: bold; }
    .form-valid .text { display: inline-block; padding-left: 15px; }
    .form-valid ul li { margin-bottom: 5px; }
        .form-valid ul li:last-child { margin-bottom: 0; }
.form-warning { border: 1px solid rgba(255,153,0,0.5); padding: 10px; border-radius: 4px; margin-bottom: 10px; background-color: rgba(255,153,0,0.15); color: #666666; }
    .form-warning .text { display: inline-block; padding-left: 15px; }
    .form-warning h2,
    .form-warning h3,
    .form-warning h5,
    .form-warning h4 { color: #666666; }
    .form-warning.block { display: block; }
    .form-warning .warning-message { font-size: 13px; }
    .form-warning .message-content { color: #333; }
    .form-warning .flex-container .flex-row .col.col-icon { padding-top: 3px; }
    .form-warning .flex-container .flex-row .col .data-detail.short > span { width: 7%; }
    .form-warning .flex-container .flex-row .col .data-detail.short > p { width: 92%; }
.form-warning-engagement-letter { width: 97%; }
.error-row { background-color: #FFBBBB !important; transition: all .2s; }
.new-row { background-color: #fcf5c9; transition: all .2s; }
.warning-row { background-color: rgba(255,153,0,0.15); transition: all .2s; }
.info-container { background-color: #edf3f7; border: 1px solid #1e94af; }
.checkbox-error-wrapper { display: initial; margin-top: 1px; margin-left: -1px; width: 16px; height: 16px; border: 2px solid #bf1f24; border-color: #bf1f24 !important; background-color: #fee; position: absolute; border-radius: 3px; }
input[type=checkbox].checkbox-error-input { margin-right: 7px !important; }
/*.field-required { border-left: 3px solid #bf1f24; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
    .field-required[data-val] { border-left: 3px solid #0C0; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
label sup { display: none; }*/
/* DIV Styles
-----------------------------------------------------------*/
div.valign-middle { display: table-cell; vertical-align: middle; }

/* upload file
-----------------------------------------------------------*/
.nopad { padding: 0; }
.fileinput-button { overflow: hidden; position: relative; behavior: url(PIE.htc); display: inline-block; }
    .fileinput-button input.fileinput { position: absolute; top: 0; left: 0; margin: 0; opacity: 0; filter: alpha(opacity=0); font-size: 1000000px; direction: ltr; cursor: pointer; width: 100%; height: 100%; }
    .fileinput-button .btn { padding-top: 6px; padding-bottom: 6px; }
    .fileinput-button:not(.btn) { padding-top: 10px; min-height: 18px; }
/*.fileinput-button.file-dropzone { display: block; height: 100px; border: 1px dashed #ccc; border-radius: 20px; text-align: center; }
        .fileinput-button.file-dropzone input.fileinput { display: block; height: 100px; width: 100%; }
        .fileinput-button.file-dropzone .info-text { margin-top: 40px; font-size: 16px; color: #008FBF; }*/
.file-dropzone { display: block; height: 100px; text-align: center; opacity: 1; overflow: hidden; }
    .file-dropzone.short { height: 60px; }
    .file-dropzone .info-text { margin-top: 40px; font-size: 16px; color: #008FBF; display: inline-block; }
    .file-dropzone .hover-text { display: none; }
    .file-dropzone .fileinput-button { display: block; height: 100px; width: 100%; padding: 20px 0; color: #008FBF; }
/*.file-dropzone .fileinput-button .meta { color: #008FBF; }*/
.dropzone-hover:not(.dropzone-disabled) .dropzone-background, .dropzone-hover:not(.dropzone-disabled).dropzone-background { background: #D7EFF7; }
.dropzone-hover:not(.dropzone-disabled) .file-dropzone .fileinput-button { display: none; }
.dropzone-hover:not(.dropzone-disabled) .file-dropzone .hover-text { display: inline-block; }

.file-dropzone2 { opacity: 1; font-size: 16px; text-align: center; }
    .file-dropzone2 .info-text { color: #008FBF; display: inline-block; }
    .file-dropzone2 .hover-text { display: none; }
    .file-dropzone2 .fileinput-button { position: relative; top: 6px; }
/*.file-dropzone .fileinput-button .meta { color: #008FBF; }*/
.dropzone-hover:not(.dropzone-disabled) .dropzone-background, .dropzone-hover:not(.dropzone-disabled).dropzone-background { background: #D7EFF7; padding: 0; }
.dropzone-hover:not(.dropzone-disabled) .file-dropzone2 .upload-text { opacity: 0; }
.dropzone-hover:not(.dropzone-disabled) .file-dropzone2 .hover-text { display: inline-block; padding-top: 9px; }

.dropzone .document-upload-dropzone { display: none; }
    .dropzone .document-upload-dropzone .dropzone-border { display: block; position: absolute; width: 100%; height: 100%; z-index: 1001; border: 7px dashed #CCC; }
.dropzone.dropzone-hover:not(.dropzone-disabled) .document-upload-dropzone { display: block; position: absolute; width: 100%; height: 100%; z-index: 1000; background-color: rgba(215,239,247,0.9); border: 7px dashed #008FBF; }

.document-upload-message .companyDocumentsSelect { margin-top: 5px; }

/* Required
-----------------------------------------------------------*/
.required { position: relative; color: #999; font-weight: bold; margin: 5px 10px 0 0; font-size: 12px; }
    .required sup,
    label sup { color: #990000; /* display: inline-block; */ margin-left: 1px; margin-top: 10px; font-size: 12px; font-family: arial; line-height: 0px; position: absolute; }
h2 sup,
h3 sup,
h4 sup,
table th sup { color: #990000; font-size: 12px; font-family: arial; margin-left: 2px; position: relative; top: 2px; line-height: initial; vertical-align: super; }

/* Horizontal Reference
-----------------------------------------------------------*/
hr { height: 1px; background-color: #ccc; border: 0px; margin: 10px 0; }

/* Header Navigation
-----------------------------------------------------------*/
.top-nav { background: #fff; border-bottom: 3px solid #d9d9d9; border-radius: 0 0 10px 10px; margin-bottom: 20px; behavior: url(PIE.htc); }
    .top-nav a.logo { height: 60px; width: 200px; display: block; overflow: hidden; background: #fff; padding-left: 3px; }
        .top-nav a.logo img { width: 200px; height: 60px; margin-top: 23px; }
    .top-nav .login-bar { padding: 10px 20px; text-align: right; }
/*.top-nav nav { width: 100%; height: 55px; background: #22252A url(../img/nav_bg.png) repeat-x top left; border-top-left-radius: 10px; border-bottom-right-radius: 10px; display: table; table-layout: fixed; margin-top: 10px; }
        .top-nav nav .links { display: table-row; }
            .top-nav nav .links .no-bar { border-bottom-right-radius: 10px; }
            .top-nav nav .links > * { text-align: center; padding: 0; display: table-cell; height: 55px; vertical-align: middle; font-size: 14px; font-weight: bold; font-family: "myriad-pro", sans-serif; text-shadow: 0 -1px 0 #56656c; color: #fff; border-left: 1px solid #56656c; border-right: 1px solid #32393f; line-height: 22px; }
                .top-nav nav .links > *:hover { background: #383F46 url(../img/nav_hover.png) repeat-x top left; color: #fff; }
                .top-nav nav .links > *.hover:first-child { border-top-left-radius: 10px; }
                .top-nav nav .links > *:hover:last-child { border-bottom-right-radius: 10px; }
                .top-nav nav .links > *:focus,
                .top-nav nav .links > *.active { background: #617179 url(../img/nav_focus.png) repeat-x top left; }
                    .top-nav nav .links > *.active:first-child { border-top-left-radius: 10px; }
                    .top-nav nav .links > *.active:last-child { border-bottom-right-radius: 10px; }
                .top-nav nav .links > *:first-child { border-top-left-radius: 10px; }
                .top-nav nav .links > *:last-child { border-right: 0px; }
                .top-nav nav .links > *.sub-menu { text-align: center; }
                    .top-nav nav .links > *.sub-menu .link-display { position: relative; top: 11px; }
                    .top-nav nav .links > *.sub-menu .icon-wrapper { position: relative; top: 4px; }
                    .top-nav nav .links > *.sub-menu .menu-options { margin-top: 5px; text-align: left; background: inherit; background: #383F46 url(../img/nav_hover.png) repeat-x top left; border-top-right-radius: 0px; border-left: 1px solid #56656c; border-bottom: 1px solid #56656c; border-right: 1px solid #56656c; box-shadow: 0px 2px 1px #ccc, 2px 2px 1px #ccc, -2px 2px 1px #ccc; }
                        .top-nav nav .links > *.sub-menu .menu-options li a { padding: 0px 8px; }*/

.company-logo { background: #fff; }
    .company-logo img { width: 200px; height: 60px; }

/* Progress Bar
-----------------------------------------------------------*/
.progress-bar { display: table; width: 100%; height: 50px; margin-bottom: 10px; }
    .progress-bar ul { border-width: 1px; border-style: solid; border: 1px solid #ccc; border-radius: 10px; box-shadow: 0 0 2px rgba(0,0,0,.2); overflow: hidden; width: 100%; margin: 0; padding: 0; list-style: none; }
        .progress-bar ul li { margin: 0 .5em 0 0.2em; display: table-cell; position: relative; }
    .progress-bar .progress_link { width: 25%; }
        .progress-bar .progress_link a { width: 100%; border-left: none; }
    .progress-bar .progress_arrow a { border-right: none; }
    .progress-bar .progress_arrow { border-left: 1px; }
    .progress-bar .future.progress_link a.disabled { pointer-events: none; cursor: default; }
    .progress-bar ul li.current:first-child a { border-left-color: #136488; border-left: 1px; }
    .progress-bar ul li.completed:first-child a { border-left-color: #30693F; border-left: 1px; }
    .progress-bar ul li.future:first-child a { border-left-color: #BEBEBE; border-left: 1px; }
    .progress-bar .progress_arrow label { color: #FFFFFF; font-size: 20px; }
    .progress-bar a { background: #DFDFDF; border-left: 2px solid #ffffff; padding: .7em 1em; float: left; text-decoration: none; color: #444; position: relative; height: 30px; line-height: 30px; }
    .progress-bar .progress_link a::before { content: ""; position: absolute; top: 50%; margin-top: -2.5em; border-width: 2.5em 0 2.5em 1em; border-style: solid; border-color: #DFDFDF #DFDFDF #DFDFDF transparent; left: -1em; display: block; }
    .progress-bar .progress_arrow a::after { content: ""; position: absolute; top: 50%; margin-top: -2.5em; border-top: 2.5em solid transparent; border-bottom: 2.5em solid transparent; border-left: 1em solid #DFDFDF; border-right: none; right: -1em; display: block; }
    .progress-bar .current a:hover, .progress-bar .current a:hover::before { border-color: transparent; }
        .progress-bar .current a:hover::after { border-left-color: #1C87B4; }
    .progress-bar .current.progress_arrow a { background: #1A84B2 url(../img/btn_blue-bg.png) repeat-x top left; border-right: 1px solid #1C87B4; }
    .progress-bar .current.progress_link label { color: #008FBF; font-size: 15px; }
    .progress-bar .current.progress_link a:hover { background: #1A84B2 url(../img/btn_blue-bg.png) repeat-x top left; }
    .progress-bar .completed a:hover::after { border-left-color: #30693F; }
    .progress-bar .completed.progress_arrow a { background: #117E29 url(../img/btn_light-green-bg.png) repeat-x top left; border-right: 1px solid #30693F; }
    .progress-bar .completed.progress_link label { color: #117E29; font-size: 15px; }
    .progress-bar .completed.progress_link a:hover { background: #117E29 url(../img/btn_light-green-bg.png) repeat-x top left; }
    .progress-bar .future.progress_link label { color: #909090; font-size: 15px; font-weight: bold; }
    .progress-bar .future.progress_arrow a { background: #BEBEBE; border-right: 1px solid #BEBEBE; }
    .progress-bar .future a:hover::after { border-left-color: #909090; }
    .progress-bar .completed.progress_link a:hover label,
    .progress-bar .current.progress_link a:hover label { color: #FFFFFF; font-size: 15px; }
    .progress-bar .current, .progress-bar .completed, .progress-bar .completed:hover,
    .progress-bar .current:hover, .progress-bar .future:hover { font-weight: bold; background: none; }
        .progress-bar .current::after, .progress-bar .current::before,
        .progress-bar .completed::after, .progress-bar .completed::before,
        .progress-bar .future::after, .progress-bar .future::before { content: normal; }
        .progress-bar .completed a:hover::before, .progress-bar .future.progress_arrow a::after,
        .progress-bar .current.progress_arrow a::after, .progress-bar .completed.progress_arrow a::after { border-left: transparent; }

.progress-bar-2 { display: table; width: 100%; height: 50px; margin-bottom: 10px; table-layout: fixed; }
    .progress-bar-2 > div { display: table-row; }
        .progress-bar-2 > div > .progress-link { display: table-cell; vertical-align: middle; font-size: 16px; font-weight: bold; }
            .progress-bar-2 > div > .progress-link .progress-arrow { font-size: 20px; line-height: 28px; height: 28px; width: 27px; color: #FFF !important; text-align: center; display: inline-block; padding: 10px; position: absolute; z-index: 100; margin-top: 1px; margin-left: 1px; }
                .progress-bar-2 > div > .progress-link .progress-arrow::after { content: ""; position: absolute; top: 50%; margin-top: -24px; border-top: 25px solid #DFDFDF; border-bottom: 24px solid #DFDFDF; border-left: 10px solid transparent; border-right: none; margin-right: 19px; right: -1em; display: block; }
            .progress-bar-2 > div > .progress-link:first-of-type .progress-arrow { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
            .progress-bar-2 > div > .progress-link:first-of-type .progress-label { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
            .progress-bar-2 > div > .progress-link:last-of-type .progress-label { border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
            .progress-bar-2 > div > .progress-link .progress-label { height: 30px; line-height: 30px; display: inline-block; padding: 9px 0px; position: relative; width: 100%; background-color: #DFDFDF; text-indent: 65px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
            .progress-bar-2 > div > .progress-link:first-of-type .progress-label { border-left: 1px solid #ccc; }
            .progress-bar-2 > div > .progress-link:last-of-type .progress-label { border-right: 1px solid #ccc; }
            .progress-bar-2 > div > .progress-link.completed:not(.disabled):hover .progress-label { background: #117E29 url(../img/btn_light-green-bg.png) repeat-x top left; color: #FFF; }
            .progress-bar-2 > div > .progress-link.completed .progress-arrow { background: #117E29 url(../img/btn_light-green-bg.png) repeat-x top left; border-right: 1px solid #30693F; }
            .progress-bar-2 > div > .progress-link.completed:not(.disabled):hover .progress-arrow::after { border-color: transparent; }
            .progress-bar-2 > div > .progress-link.completed .progress-label { color: #117E29; }
            .progress-bar-2 > div > .progress-link.current:not(.disabled):hover .progress-label { background: #1A84B2 url(../img/btn_blue-bg.png) repeat-x top left; color: #FFF; }
            .progress-bar-2 > div > .progress-link.current .progress-arrow { background: #1A84B2 url(../img/btn_blue-bg.png) repeat-x top left; border-right: 1px solid #1C87B4; }
            .progress-bar-2 > div > .progress-link.current:not(.disabled):hover .progress-arrow::after { border-color: transparent; }
            .progress-bar-2 > div > .progress-link.current .progress-label { color: #008FBF; }
            .progress-bar-2 > div > .progress-link.future:not(.disabled):hover .progress-label { border-left-color: #909090; }
            .progress-bar-2 > div > .progress-link.future .progress-arrow { background: #BEBEBE; border-right: 1px solid #BEBEBE; }
                .progress-bar-2 > div > .progress-link.future .progress-arrow::after { border-left-color: #BEBEBE; }
            .progress-bar-2 > div > .progress-link.future .progress-label { color: #909090; }

.progress-bar-3 { display: block; width: 100%; height: 52px; margin-bottom: 10px; }
    .progress-bar-3 ul { margin: 0; padding: 0; }
    .progress-bar-3 .progress-link { display: table; float: left; font-size: 16px; font-weight: bold; width: 20%; }
        .progress-bar-3 .progress-link.link-col-5 { width: 20%; }
        .progress-bar-3 .progress-link.link-col-4 { width: 25%; }
        .progress-bar-3 .progress-link.link-col-3 { width: 33.3%; }
        .progress-bar-3 .progress-link.link-col-2 { width: 50%; }
        .progress-bar-3 .progress-link.link-col-1 { width: 100%; }
        .progress-bar-3 .progress-link > * { display: table-cell; vertical-align: middle; height: 50px; }
        .progress-bar-3 .progress-link .progress-arrow { font-size: 20px; line-height: 50px; width: 48px; color: #FFF !important; text-align: center; position: absolute; z-index: 100; display: inline-block; height: 50px; margin-top: 1px; }
            .progress-bar-3 .progress-link .progress-arrow::after { content: ""; position: absolute; top: 50%; margin-top: -25px; border-top: 25px solid #DFDFDF; border-bottom: 25px solid #DFDFDF; border-left: 10px solid transparent; border-right: none; margin-right: 19px; right: -1em; display: block; }
        .progress-bar-3 .progress-link:first-of-type .progress-arrow { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
        .progress-bar-3 .progress-link:first-of-type .progress-label { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
        .progress-bar-3 .progress-link:last-of-type .progress-label { border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
        .progress-bar-3 .progress-link .progress-label { position: relative; width: 100%; background-color: #DFDFDF; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-left: 65px; padding-right: 5px; }
        .progress-bar-3 .progress-link:first-of-type .progress-label { border-left: 1px solid #ccc; }
        .progress-bar-3 .progress-link:last-of-type .progress-label { border-right: 1px solid #ccc; }
        .progress-bar-3 .progress-link.completed:not(.disabled):hover .progress-label { background: #117E29 url(../img/btn_light-green-bg.png) repeat-x top left; color: #FFF; }
        .progress-bar-3 .progress-link.completed .progress-arrow { background: #117E29 url(../img/btn_light-green-bg.png) repeat-x top left; border-right: 1px solid #30693F; }
        .progress-bar-3 .progress-link.completed:not(.disabled):hover .progress-arrow::after { border-color: transparent; }
        .progress-bar-3 .progress-link.completed .progress-label { color: #117E29; }
        .progress-bar-3 .progress-link.current:not(.disabled):hover .progress-label { background: #1A84B2 url(../img/btn_blue-bg.png) repeat-x top left; color: #FFF; }
        .progress-bar-3 .progress-link.current .progress-arrow { background: #1A84B2 url(../img/btn_blue-bg.png) repeat-x top left; border-right: 1px solid #1C87B4; }
        .progress-bar-3 .progress-link.current:not(.disabled):hover .progress-arrow::after { border-color: transparent; }
        .progress-bar-3 .progress-link.current .progress-label { color: #008FBF; }
        .progress-bar-3 .progress-link.future:not(.disabled):hover .progress-label { border-left-color: #909090; }
        .progress-bar-3 .progress-link.future .progress-arrow { background: #BEBEBE; border-right: 1px solid #BEBEBE; }
        .progress-bar-3 .progress-link.future:not(loaded-step-style.loaded) .progress-arrow::after { border-left-color: #BEBEBE; }
        .progress-bar-3 .progress-link.future .progress-label { color: #909090; }
        .progress-bar-3 .progress-link.future.loaded-step-style.loaded:not(.disabled):hover .progress-label { background: #117E29 url(../img/btn_light-green-bg.png) repeat-x top left; color: #FFF; }
        .progress-bar-3 .progress-link.future.loaded-step-style.loaded .progress-arrow { background: #117E29 url(../img/btn_light-green-bg.png) repeat-x top left; border-right: 1px solid #30693F; }
        .progress-bar-3 .progress-link.future.loaded-step-style.loaded:not(.disabled):hover .progress-arrow::after { border-color: transparent; }
        .progress-bar-3 .progress-link.future.loaded-step-style.loaded .progress-label { color: #117E29; }
        .progress-bar-3 .progress-link.current .step-icon { display: none; }
        .progress-bar-3 .progress-link .step-icon { margin-top: 0px; position: relative; margin-right: 5px; right: 0; float: right; margin-left: 0px; }
            .progress-bar-3 .progress-link .step-icon.approve { margin-top: 2px; }
    .progress-bar-3 .cycle-group { display: block; width: 100%; }

.progress-bar-scrollbar { margin: 0 0 1em 0; height: 2px; background: #ccc; line-height: 0; }
    .progress-bar-scrollbar .handle { width: 100px; height: 100%; background: #292a33; cursor: pointer; }
        .progress-bar-scrollbar .handle .mousearea { position: absolute; top: -9px; left: 0; width: 100%; height: 20px; }

.progress-bar-pages { margin: 0px; display: inline-block; padding: 0; position: relative; margin: 0 10px; }
    .progress-bar-pages li { display: inline-block; width: 14px; height: 14px; margin: 0 4px; text-indent: -999px; border-radius: 10px; cursor: pointer; overflow: hidden; background: #fff; box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); }
        .progress-bar-pages li:hover { background: #aaa; }
        .progress-bar-pages li.active { background: #666; }

/* Prompt Styles
-------------------------------------------------------------------------------*/
.prompt .title-bar { margin-bottom: 10px; }

/* Data Detail
-------------------------------------------------------------------------------*/
.data-detail { display: block; transition: all .2s; padding: 3px 0; margin-bottom: 5px; }
    .data-detail:not(.nohover):hover { background-color: #DDEFFF; border-radius: 5px; }
    .data-detail:not(:hover) .hover-item.slide-left { width: 0px !important; margin: 0px !important; padding: 0px !important; }
    .data-detail > span:not(.icon),
    .data-detail > div:not(.row) > span { display: inline-block; width: 49%; font-weight: bold; vertical-align: top; font-size: 13px; }
    .data-detail.short > span:not(.icon),
    .data-detail.short > div:not(.row) > span:not(.icon) { width: 34%; }
    .data-detail span:not(.icon) > label { font-size: 13px; }
    .data-detail span:not(.icon) span.meta { display: inline; width: auto; font-weight: normal; }
    .data-detail > p,
    .data-detail > .row,
    .data-detail > div:not(.row) > p { display: inline-block; word-wrap: break-word; margin: 0px; padding: 0px; font-size: 13px; width: 50%; }
    .data-detail > ul,
    .data-detail > div:not(.row) > ul { display: inline-block; word-wrap: break-word; margin: 0px; padding: 0px; font-size: 13px; width: 50%; }
    .data-detail.short > p,
    .data-detail.short > .row,
    .data-detail.short > .flex-row,
    .data-detail.short > div:not(.flex-row) > p,
    .data-detail.short > div:not(.row) > p { width: 65%; word-wrap: break-word; }
    .data-detail.short > ul,
    .data-detail.short > div:not(.flex-row) > ul,
    .data-detail.short > div:not(.row) > ul { width: 65%; }
    /*.data-detail ul li { display: inline-block; word-wrap: break-word; margin: 0px; padding: 0px; font-size: 14px; width: 50%; }*/
    .data-detail p.active { color: #008000; font-weight: bold; }
    .data-detail p.inactive { color: #FF0000; font-weight: bold; }
    .data-detail p.date { width: 55%; }
    .data-detail span.smalldetail { width: 40%; }
    .data-detail p.smalldetail { width: 59%; }
    .data-detail.check span { display: inline; width: auto; }
    .data-detail.check p { display: inline; width: auto; }
    .data-detail.removed:hover { background-color: inherit !important; }
.col-1 > .data-detail span:not(.icon) { width: 23.5%; }
.col-1 > .data-detail p { width: 75.5%; }
.flex-row .col.col-12 > .data-detail span:not(.no-data-detail-style):not(.icon) { width: 23.5%; }
.flex-row .col.col-12 > .data-detail p { width: 75.5%; }
.col-1 > .data-detail.short span:not(.icon),
.col-1 > .custom-field-container > .data-detail.short span:not(.icon),
.col.col-12 > .data-detail.short span:not(.no-data-detail-style):not(.icon),
.col.col-12 > .custom-field-container > .data-detail.short span:not(.no-data-detail-style):not(.icon) { width: 16.3%; }
.col-1 > .data-detail.short p,
.col-1 > .custom-field-container > .data-detail.short p,
.col.col-12 > .data-detail.short p,
.col.col-12 > .custom-field-container > .data-detail.short p { width: 83.2%; }
.col-1 > .data-detail span.smalldetail { width: 15%; }
.col-1 > .data-detail p.smalldetail { width: 84%; }
.col-2 > .data-detail span.smldetail { width: 30%; }
.col-2 > .data-detail p.smldetail { width: 69%; }
.col-1 > .data-detail ul { width: 75.5%; }
.col-4 .data-detail > p, .col-5 .data-detail > p { width: 49%; }
.col-3.data-detail span.dataUnderLabel { display: block; font-weight: normal; font-size: 13px; width: auto; }
.col-2.data-detail span.dataUnderLabel { display: block; font-weight: bold; font-size: 13px; width: auto; padding-bottom: 5px; }
.col-2.data-detail div.dataUnderLabel { display: block; font-size: 13px; width: auto; }
    .col-2.data-detail div.dataUnderLabel.size15 { font-size: 15px !important; }

.data-detail.spacer { margin-bottom: 10px; }
.data-detail .card-container { width: 85%; }
.data-detail.short .card-container { width: 83.2%; margin: 0; }
.fieldContainer.data-detail.contacts span { width: 14%; }

/* Table Template Styles
-------------------------------------------------------------------------------*/
.templateTable { border: 0px; }
    .templateTable thead tr { background-color: transparent; }
        .templateTable thead tr th { font-size: 11px; font-weight: normal; border: 0px; border-bottom: 1px solid #ccc; text-align: center; }
    .templateTable.display thead tr th { font-weight: bold; }
    .templateTable tbody tr { transition: all .2s; border-radius: 5px; }
        .templateTable tbody tr:hover { background-color: #DDEFFF; }
        .templateTable tbody tr input,
        .templateTable tbody tr select { margin-bottom: 0px; }
        .templateTable tbody tr.added { animation: addedFade 1.3s; -webkit-animation: addedFade 1.3s; -moz-animation: addedFade 1.3s; -o-animation: addedFase 1.3s; -ms-animation: addedFase 1.3s; }
        .templateTable tbody tr.removed { background-color: #FFEFDD; }
            .templateTable tbody tr.removed:hover { background-color: inherit !important; }
    .templateTable .columncenter { padding-left: 100px; }

@keyframes addedFade {
    from { background-color: #DDFFEF; }
    to { background-color: none; }
}

@-moz-keyframes addedFade {
    from { background-color: #DDFFEF; }
    to { background-color: none; }
}

@-webkit-keyframes addedFade {
    from { background-color: #DDFFEF; }
    to { background-color: none; }
}

@-o-keyframes addedFade {
    from { background-color: #DDFFEF; }
    to { background-color: none; }
}

@-ms-keyframes addedFade {
    from { background-color: #DDFFEF; }
    to { background-color: none; }
}

/* Bubble Box
-------------------------------------------------------------------------------*/
.bubble { border-radius: 10px; border-width: 1px; border-style: solid; padding: 10px 0; margin-bottom: 20px; }
    .bubble:not(.nomargin) > *:first-child:not(.content-overlay) { margin-top: 10px; }
    .bubble.spacer { margin-bottom: 10px; }
    .bubble.padding, .bubble.nopadding { padding-top: 0px; padding-bottom: 0px; }
    /*.bubble.padding > * { margin-left: 10px; margin-right: 10px; }*/
    .bubble.b-white { background-color: #FFF; border-color: #CACACA; }
    .bubble.b-blue { background-color: #DDEFFF; border-color: #0094ff; }
        .bubble.b-blue .templateTable tbody tr { background-color: #DDEFFF; }
            .bubble.b-blue .templateTable tbody tr:hover { background-color: #FFF; }
    .bubble .title-bar { padding: 0 1% 0 2%; margin: 0px !important; height: 40px; }
        .bubble .title-bar:not(.footer) { border-top-left-radius: 10px; border-top-right-radius: 10px; }
        .bubble .title-bar + * { margin-top: 20px; }
            .bubble .title-bar + * > .required,
            .bubble .title-bar + * > .required-container > .required { margin-top: -15px; }
        .bubble .title-bar > * { height: 40px; padding-left: 0px; }
    /*.bubble .title-bar .btn { color: #000; }
            .bubble .title-bar .btn:hover { background-color: #ccc !important; text-shadow: 2px 1px 1px #fff; }*/
    /*.bubble .title-bar .sub-menu { background-color: transparent; }
            .bubble .title-bar .sub-menu:hover { background-color: #ccc; }
            .bubble .title-bar .sub-menu ul.menu-options { background: #ccc; }
                .bubble .title-bar .sub-menu ul.menu-options li a { color: #000; }
                    .bubble .title-bar .sub-menu ul.menu-options li a:hover { color: #fff; }*/
    .bubble h1,
    .bubble h2,
    .bubble h3,
    .bubble h4,
    .bubble h5,
    .bubble h6 { padding-left: 20px; padding-right: 20px; }
        .bubble h1.noleft, .bubble h2.noleft, .bubble h3.noleft, .bubble h4.noleft, .bubble h5.noleft, .bubble h6.noleft { padding-left: 0px; }
        .bubble h1.noright, .bubble h2.noright, .bubble h3.noright, .bubble h4.noright, .bubble h5.noright, .bubble h6.noright { padding-right: 0px; }
    .bubble > table, .bubble .row > table { margin-left: 1%; margin-right: 1%; width: 98%; }
    .bubble .col-1 table { margin-left: 0; margin-right: 0; width: 100%; }
/*.bubble .content-overlay { margin-top: -5px; }*/
.panelbubble { border-width: 1px; border-style: solid; padding: 10px 0; }
    .panelbubble.b-white { background-color: #FFF; border-color: #CACACA; margin-bottom: 10px; }
    .panelbubble .data-detail:hover { background-color: #fff; border-radius: 5px; }
.b-title { padding-left: 20px; margin-bottom: 5px; }

/* Breadcrumb Styles
-------------------------------------------------------------------------------*/
.breadcrumb { margin-bottom: 10px; clear: both; display: block; position: relative; top: -5px; }
    .breadcrumb * { font-size: 14px; }
    .breadcrumb a:not(.ignore-styling) { display: inline-block; }
    .breadcrumb .breadcrumb-nav { list-style: none; margin: 0; padding: 0; display: flex; }
        .breadcrumb .breadcrumb-nav .breadcrumb-nav-item { display: list-item; }
            .breadcrumb .breadcrumb-nav .breadcrumb-nav-item + .breadcrumb-nav-item::before { content: "/"; margin: 0px 5px 0 5px; color: #6c757d; }
            .breadcrumb .breadcrumb-nav .breadcrumb-nav-item + .breadcrumb-nav-item.delimiter-pipe::before { content: "|"; }
            .breadcrumb .breadcrumb-nav .breadcrumb-nav-item + .breadcrumb-nav-item.delimiter-greaterthan::before { content: ">"; }
            .breadcrumb .breadcrumb-nav .breadcrumb-nav-item.active { color: #6c757d; }
    .breadcrumb .icon.back { width: 12px; margin-right: 2px; position: relative; top: 3px; }

/* Edit/Display Styles
-------------------------------------------------------------------------------*/
.editDisplayTable input { margin-bottom: 0px; }
.editDisplayTable th input { width: 83% !important; }

/* Link and Text
-------------------------------------------------------------------------------*/
.linkAndText a.text { font-size: 14px; }
.linkAndText .spacer { margin-right: 5px; margin-left: 5px; }

/* Steps
-------------------------------------------------------------------------------*/
.step-view .step-overview { width: 20%; margin: 0 auto 0; vertical-align: middle; float: left; }
.step-view .step-content { width: 25%; margin: 0 auto 0; }

/* Block Options
-------------------------------------------------------------------------------*/
.block-option { display: block; text-align: center; vertical-align: middle; padding-top: 15px; padding-bottom: 20px; font-size: 26px; letter-spacing: 2px; margin-top: 10px; text-shadow: 1px 1px 1px #FFF; border-radius: 10px; border: 2px solid #777; background: #DDD; color: #000 !important; transition: all .3s; }
    .block-option:hover { border-color: #DDD; background-color: #777; color: #FFF !important; box-shadow: none; text-shadow: 1px 1px 1px #000; }
    .block-option.blue { border-color: #00D; background-color: #BBD; }
        .block-option.blue:hover { border-color: #BBD; background-color: #00D; color: #FFF; box-shadow: none; }
    .block-option.red { border-color: #D00; background-color: #DBB; }
        .block-option.red:hover { border-color: #DBB; background-color: #D00; color: #FFF; box-shadow: none; }
.sign-up-block-option { display: block; text-align: center; vertical-align: middle; padding-top: 15px; margin-top: 10px; text-shadow: 1px 1px 1px #FFF; border-radius: 1px; border: 1px solid #DDD; background: #FFF; color: #000 !important; transition: all .3s; background-image: linear-gradient(#FFF, #DDD); }
    .sign-up-block-option .blockLabel { font-weight: bold; font-size: 18px; padding-bottom: 5px; }
    .sign-up-block-option .blockDescription { font-size: 11px; padding: 4px; background-color: #F3F3F3; border: 1px solid #DDD; color: #333; }
    .sign-up-block-option:hover { border-color: #1A84B2; background-color: #1A84B2; background-image: none; text-shadow: none; }
        .sign-up-block-option:hover > .blockLabel { color: #fff; }
        .sign-up-block-option:hover > .blockDescription { background-color: #DDD; color: #333; }

/* Radio Button Title Styles
-------------------------------------------------------------------------------*/
.radio-title { font-size: 16px; font-weight: bolder; }
    .radio-title.subtitle { font-size: 14px; font-weight: bold; }

/* Status Table Display 
-------------------------------------------------------------------------------*/
.status-table .display { font-size: 12px; font-weight: bold; }
.status-table .count { font-size: 12px; font-weight: bold; }

/* Comments 
-------------------------------------------------------------------------------*/
.comment-container { display: block; margin: 0 0 20px 0; font-size: 12px; }
    .comment-container .comment-record { display: block; border-bottom: 1px solid #ddd; padding: 15px 0; padding-left: 15px; }
        .comment-container .comment-record .comment-title { display: block; font-weight: bold; font-size: 13px; }
            .comment-container .comment-record .comment-title .comment-time { margin-left: 20px; font-weight: normal; color: #555; font-size: 11px; }
        .comment-container .comment-record .comment-message { display: inline-block; padding-top: 10px; }

/* File Input 
-------------------------------------------------------------------------------*/
.fileinput-button input { right: 2px; font-size: 16px; }

/* search widget
-------------------------------------------------------------------------------*/
.search-selectAll { margin-top: 7px; }
a.search-selectOnly { color: transparent; }

/* Style the third column differently */
tr:hover td a.search-selectOnly { text-decoration: none; color: #008FBF; }

input.servicedateSearch { width: 35%; font-size: 12px; }
label.servicedateSearch { font-size: 10.5px; }

/* Tab Menu
-------------------------------------------------------------------------------*/
.tab-menu { display: block; }
    .tab-menu .tab-menu-items { display: table; position: relative; top: 1px; }
        .tab-menu .tab-menu-items .tab-menu-item { padding: 7px 13px; display: table-cell; width: auto; height: auto; border: 1px solid #bbb; border-left-width: 0px; border-bottom-color: #bbb; background: #cecece; color: #000; cursor: pointer; }
            .tab-menu .tab-menu-items .tab-menu-item:first-child { border-left-width: 1px; border-top-left-radius: 10px; }
            .tab-menu .tab-menu-items .tab-menu-item:last-child { border-top-right-radius: 10px; }
            .tab-menu .tab-menu-items .tab-menu-item.selected { border-bottom-color: #606e79; background: #606e79; color: #ffffff; }
            /*D7D7D7*/
            /*.tab-menu .tab-menu-items .tab-menu-item:not(.selected) { color: #000; }*/
            .tab-menu .tab-menu-items .tab-menu-item:not(.selected):hover { color: #ffffff; background: #606e79; }
            .tab-menu .tab-menu-items .tab-menu-item.ui-sortable-placeholder { background: #ff0; }
        .tab-menu .tab-menu-items .item-display { font-size: 13px; letter-spacing: 1px; font-weight: bold; }
    .tab-menu .tab-menu-content { display: block; width: 100%; border: 1px solid #ccc; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
        .tab-menu .tab-menu-content .item-content { padding: 0; }
            .tab-menu .tab-menu-content .item-content > .tab-record-content { padding: 1%; }
    /*.tab-menu .tab-menu-content .item-content .tab-title-bar { display: block; background-color: #4B575E; }
                .tab-menu .tab-menu-content .item-content .tab-title-bar div { display: inline-block; }
                    .tab-menu .tab-menu-content .item-content .tab-title-bar div > * { display: inline-block; color: #fff; padding: 3px 7px; margin: 4px 3px; border: 1px solid #1C87B4; border-radius: 6px; font-weight: bold; letter-spacing: 1px; background: #1A84B2 url(../img/btn_blue-bg.png) repeat-x top left; }
                        .tab-menu .tab-menu-content .item-content .tab-title-bar div > *:hover { border-color: #fff; }*/
    .tab-menu.tables { display: block; }
        .tab-menu.tables .tab-menu-items { display: block; margin-bottom: 5px; }
            .tab-menu.tables .tab-menu-items .tab-menu-item { display: inline-block; border: none; background: none; color: #008FBF; padding: 0px 5px; }
                .tab-menu.tables .tab-menu-items .tab-menu-item:not(.selected):hover { color: #000; }
                .tab-menu.tables .tab-menu-items .tab-menu-item:first-child { padding-left: 0px; }
                .tab-menu.tables .tab-menu-items .tab-menu-item:last-child { padding-right: 0px; }
                .tab-menu.tables .tab-menu-items .tab-menu-item.selected { color: #000; font-weight: bold; }
            .tab-menu.tables .tab-menu-items .item-display { letter-spacing: 0px; font-weight: normal; }
        .tab-menu.tables .tab-menu-content { border: none; border-radius: 0px; }

    .tab-menu .item-content > .title-bar { height: 25px; background: #606e79; }
        .tab-menu .item-content > .title-bar.footer { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
        .tab-menu .item-content > .title-bar .title-bar-content { background: #606e79; border: 0; }
            .tab-menu .item-content > .title-bar .title-bar-content .btn { padding-top: 3px; padding-bottom: 3px; color: #ffffff; border: 0; }
                .tab-menu .item-content > .title-bar .title-bar-content .btn:hover { background: #2f3b45 !important; border-top-width: 0px; }
            .tab-menu .item-content > .title-bar .title-bar-content .title-status { border-width: 0px; color: #ffffff; font-size: 13px; }


    /* Side Nav Tab Setup */
    .tab-menu.sidenav-left { display: block; overflow: visible; position: relative; width: 100%; }
        .tab-menu.sidenav-left .tab-menu-items { width: 225px; float: left; z-index: 149; }
            .tab-menu.sidenav-left .tab-menu-items .tab-menu-item { display: block; border-radius: 0px; padding: 10px 10px 10px 15px; border: 0px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; background: #ccc url(../img/widget_bg.png) repeat-x top left; }
            .tab-menu.sidenav-left .tab-menu-items .item-display { font-size: 15px; font-weight: bold; font-family: "myriad-pro",sans-serif; color: #404040; transition: all 0.3s; text-shadow: 0 1px 0 white; letter-spacing: 0px; }
            .tab-menu.sidenav-left .tab-menu-items .tab-menu-item.selected { border-right: 0px; background: #fff; }
            .tab-menu.sidenav-left .tab-menu-items .tab-menu-item:not(.selected):hover { background: #efefef; }
            .tab-menu.sidenav-left .tab-menu-items .item-display:hover { color: #404040; }
        .tab-menu.sidenav-left .tab-menu-content { min-width: 785px; margin-left: 225px; border-radius: 0px; border: 0; min-height: 600px; position: relative; width: auto; }
            .tab-menu.sidenav-left .tab-menu-content .item-content { border-left: 1px solid #ccc; min-height: 600px; position: relative; left: -1px; z-index: 100; }


/* Progress Bar Tabs
-------------------------------------------------------------------------------*/
.progress-bar-style.tab-menu.sidenav-left { border-top: 1px solid #ccc; }
.progress-bar-style.tab-menu .tab-menu-items .tab-menu-item.current { background: #606e79; color: #ffffff; }
.progress-bar-style.tab-menu .tab-menu-items .tab-menu-item:not(.current):hover { color: #ffffff; background: #606e79; }
.progress-bar-style.tab-menu.tables .tab-menu-items .tab-menu-item:not(.current):hover { color: #000; }
.progress-bar-style.tab-menu.tables .tab-menu-items .tab-menu-item.current { color: #000; font-weight: bold; }
.progress-bar-style.tab-menu.sidenav-left .tab-menu-items .tab-menu-item.current { border-right: 0px; background: #fff; }
.progress-bar-style.tab-menu.sidenav-left .tab-menu-items .tab-menu-item:not(.current):hover { background: #efefef; }
.progress-bar-style.tab-menu.sidenav-left .tab-menu-content .item-content { padding: 2%; }
.progress-bar-style.tab-menu .tab-menu-items .tab-menu-item.future:not(.loaded) { background: #efefef; }
    .progress-bar-style.tab-menu .tab-menu-items .tab-menu-item.future:not(.loaded):hover { cursor: initial; }
    .progress-bar-style.tab-menu .tab-menu-items .tab-menu-item.future:not(.loaded) .progress-label { color: #888; }
.progress-bar-style.tab-menu .tab-menu-items .tab-menu-item .item-display { word-wrap: break-word; word-break: normal; }
.progress-bar-style.tab-menu .tab-menu-items .tab-menu-item.current .step-icon { display: none; }
.progress-bar-style.tab-menu .tab-menu-items .tab-menu-item .step-icon { margin-top: 0px; position: relative; right: 0; margin-left: 5px; float: right; margin-right: 0px; }
    .progress-bar-style.tab-menu .tab-menu-items .tab-menu-item .step-icon.approve { margin-top: 2px; }

/* Multi Select Styles
-------------------------------------------------------------------------------*/
table .ms-parent { margin-bottom: 0px; }
.ms-parent { margin-bottom: 10px; }
    .ms-parent:focus,
    .ms-parent > .ms-choice:focus { background-color: #EDF9FC; }
    .ms-parent > .ms-choice { height: 29px; border-color: #ccc; border-top-color: #b7b7b7; box-shadow: #eee 1px 1px 2px inset; }
        .ms-parent > .ms-choice > span { line-height: 29px; }
        .ms-parent > .ms-choice > div { top: 3px; }
    .ms-parent > .ms-drop > ul > li { margin-top: 2px; margin-bottom: 2px; }
        .ms-parent > .ms-drop > ul > li > label > input[type=checkbox] { margin-left: 0px; margin-top: 0px; top: -1px !important; }
            .ms-parent > .ms-drop > ul > li > label > input[type=checkbox][data-group] { margin-left: 21px; }


/* Hover Toggle Classes
-------------------------------------------------------------------------------*/
.hover-item { transition: all .2s; }
table tbody tr:not(:hover) .hover-item.slide-left { width: 0px !important; margin: 0px !important; padding: 0px !important; }


/* Highlight date in red within datetimepicker
-------------------------------------------------------------------------------*/
td.highlight { border: 2px solid red !important; }

/* devbridgeAutoComplete
-------------------------------------------------------------------------------*/
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
    .autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

/* Cards
-----------------------------------------------------------*/
.card-container { display: inline-block; width: 100%; margin: 10px 0; }
    .card-container.card-col-1 .card { width: 100% !important; }
    .card-container.card-col-2 .card { width: 48%; margin-right: 1%; }
        .card-container.card-col-2 .card:nth-child(2n+1) { clear: left; }
        .card-container.card-col-2 .card:first-of-type { clear: none; }
    .card-container.card-col-3 .card { width: 32%; margin-right: 1%; }
        .card-container.card-col-3 .card:nth-child(3n+1) { clear: left; }
        .card-container.card-col-3 .card:first-of-type { clear: none; }
    .card-container.card-col-4 .card { width: 23.5%; margin-right: 1%; }
        .card-container.card-col-4 .card:nth-child(4n+1) { clear: left; }
        .card-container.card-col-4 .card:first-of-type { clear: none; }
    .card-container.card-col-5 .card { width: 19%; margin-right: 1%; }
        .card-container.card-col-5 .card:nth-child(5n+1) { clear: left; }
        .card-container.card-col-5 .card:first-of-type { clear: none; }
    .card-container.card-col-6 .card { width: 15%; margin-right: 1%; }
        .card-container.card-col-6 .card:nth-child(6n+1) { clear: left; }
        .card-container.card-col-6 .card:first-of-type { clear: none; }
    .card-container.card-col-7 { margin-left: 1%; }
        .card-container.card-col-7 .card { width: 13%; margin-right: 1%; }
            .card-container.card-col-7 .card:nth-child(7n+1) { clear: left; }
            .card-container.card-col-7 .card:first-of-type { clear: none; }
    .card-container.card-col-8 .card { width: 11.5%; margin-right: 1%; }
        .card-container.card-col-8 .card:nth-child(8n+1) { clear: left; }
            .card-container.card-col-8 .card:nth-child(8n+1):not(:first-of-type) { margin-right: 0%; }
        .card-container.card-col-8 .card:first-of-type { clear: none; }
    .card-container .card { border-top: 1px solid #1A84B2; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top-width: 6px; display: inline-block; margin-bottom: 10px; padding: 5px; border-radius: 2px; background-color: white; box-sizing: border-box !important; vertical-align: top; }
        .card-container .card.faded { border-color: #D1E6F0; }
        .card-container .card .title { display: block; padding-top: 10px; min-height: 40px; word-wrap: break-word; }
        .card-container .card .delete { float: right; margin-right: -6px; }
        .card-container .card .content-overlay.loading { margin-left: -5px; margin-top: -5px; }
        /* Boxed Cards */
        .card-container .card.boxed { border-top-width: 1px; padding: 0px; border-color: #ccc; transition: 0.3s all; margin: 0 5px; }
            .card-container .card.boxed:first-of-type { margin-left: 0px; }
            .card-container .card.boxed:last-of-type { margin-right: 0px; }
            .card-container .card.boxed .title { /* background-color: white; */ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #bbb; margin-bottom: 0px; transition: 0.3s all; background: linear-gradient(rgb(255, 255, 255), rgb(215,215,215)); padding: 10px; }
                .card-container .card.boxed .title h1 { color: #555; transition: 0.3s all; }
                .card-container .card.boxed .title.compact h1 { font-size: 16px; }
            .card-container .card.boxed .card-content { background-color: #f6f6f6; transition: 0.3s all; min-height: 26px; }
                .card-container .card.boxed .card-content .links .col-1 { display: inline-block; padding: 6px 0; transition: 0.3s all; width: 100%; }
                    .card-container .card.boxed .card-content .links .col-1.icons { padding: 5px 0; }
                    .card-container .card.boxed .card-content .links .col-1.selected, .card-container .card.boxed:not(.nohover) .card-content .links .col-1:hover { background-color: #d7d7d7; }
                .card-container .card.boxed .card-content .links .col-2 { display: inline-block; border-right: 1px solid #ccc; padding: 6px 0; transition: 0.3s all; width: 50%; float: left; }
                    .card-container .card.boxed .card-content .links .col-2.icons { padding: 6px 0 4px 0; }
                    .card-container .card.boxed .card-content .links .col-2:last-child { border-right-width: 0px; }
                    .card-container .card.boxed .card-content .links .col-2.selected, .card-container .card.boxed:not(.nohover) .card-content .links .col-2:hover { background-color: #d7d7d7; }
            .card-container .card.boxed:not(.inactive):not(.nohover).selected, .card-container .card.boxed:not(.inactive):not(.nohover).selected .title, .card-container .card.boxed:not(.inactive):not(.nohover):hover .title, .card-container .card.boxed:not(.inactive):not(.nohover):hover { border-color: #1A84B2; }
                .card-container .card.boxed:not(.inactive):not(.nohover):hover .title h1, .card-container .card.boxed:not(.inactive):not(.nohover).selected .title h1 { color: white; }
                .card-container .card.boxed:not(.inactive):not(.nohover).selected .title, .card-container .card.boxed:not(.inactive):not(.nohover):hover .title { background: #1A84B2; }
            .card-container .card.boxed .content-overlay { margin: 0px; }
            .card-container .card.boxed.inactive .title { background: #e1e1e1; border-bottom-width: 0px; }
            .card-container .card.boxed.inactive .card-content { background-color: #e1e1e1; min-height: 27px; }
            .card-container .card.boxed.inactive .title h1 { color: #aaa; }
        /* Cards with border titles */
        .card-container .card.border-title { padding: 0px; }
            .card-container .card.border-title .title { padding-top: 0px; background-color: #1A84B2; min-height: initial; padding-bottom: 5px; padding-left: 10px; }
                .card-container .card.border-title .title h1 { color: white; }
                .card-container .card.border-title .title.icon-title h1 { line-height: 24px; }
            .card-container .card.border-title .card-content { padding: 5px; }
    /* Hover Effect */
    .card-container:not(.nohover) .card:hover { background-color: #F2FCFF; }
    /* Card Layout */
    .card-container .card.edit { background-color: #ffd; }
    .card-container .card .card-title { margin-bottom: 10px; clear: both; display: block; padding: 0 5px; }
        .card-container .card .card-title .title-left { width: 20%; float: left; padding-top: 2px; }
        .card-container .card .card-title .title { padding-top: 0; padding-left: 0%; }
        .card-container .card .card-title.title-left.title-right .title { width: 59%; }
        .card-container .card .card-title.title-right .title,
        .card-container .card .card-title.title-left .title { width: 79%; }
        .card-container .card .card-title .title-right { width: 20%; float: right; padding-top: 2px; }
    .card-container .card.doc-card .card-title .title-left { width: 5%; }
    .card-container .card.doc-card .card-title .title { padding-left: 3%; }
    .card-container .card.doc-card .card-title.title-left.title-right .title { width: 66%; }
    .card-container .card.doc-card .card-title .title-right { width: 25%; text-align: right; }
    .card-container .card .card-title .doc-type:not(.title-left) { position: relative; display: inline-block; top: -7px; }
    .card-container .card .card-content { padding: 0 5px; }
        .card-container .card .card-content p { font-size: 14px; }
        .card-container .card .card-content h4 { margin-bottom: 10px; }
        .card-container .card .card-content .data-detail.short p { width: 64%; }

    /* Flat Cards
-----------------------------------------------------------*/
    .card-container .card.flat { padding: 5px 10px; }
        .card-container .card.flat .title { float: left; margin: 0; padding: 0; width: 75%; min-height: 0px; }
            .card-container .card.flat .title .text { display: inline-block; margin-top: 6px; }
            .card-container .card.flat .title.no-links { width: 95%; }
                .card-container .card.flat .title.no-links .text { margin-top: 0px; }
                .card-container .card.flat .title.no-links .doc-text { width: 90% !important; }
        .card-container .card.flat .doc-card-links { float: right; width: auto; margin-top: 0px; }
        .card-container .card.flat .delete { margin-top: 6px; }

    /* Card Colors
-----------------------------------------------------------*/
    .card-container .card.light-gray { border-color: #96938e; }
    .card-container .card.red { border-color: #a32638; }

    /* Card Labels
-----------------------------------------------------------*/
    .card-container .card-label { font-weight: bold; font-size: 14px; }

    /* Document Card
-----------------------------------------------------------*/
    .card-container.docs .card .title .icon.approve { position: absolute; margin-top: 12px; margin-left: -14px; }
    .card-container.docs .card .title .text { position: relative; top: -2px; }
        .card-container.docs .card .title .text .type { font-size: 14px; font-weight: bold; }
        .card-container.docs .card .title .text .fileName { word-wrap: break-word; }
        .card-container.docs .card .title .text .docName { word-wrap: break-word; }
    .card-container.docs .title .doc-type { width: 25px; float: left; display: inline-block; position: relative; display: inline-block; }

    /* Contact card
-----------------------------------------------------------*/
    .card-container.contacts .card .title { padding-top: 5px; }
    .card-container.contacts .card .data-detail span { width: 30%; }
    .card-container.contacts .card .data-detail p { width: 68%; }
    .card-container.contacts .card p { font-size: 1.3em; }

/* Content Overlay
-----------------------------------------------------------*/
.content-container { position: relative; }
.content-overlay { position: absolute; margin-top: 0px; width: 100%; z-index: 150; height: 100%; display: block; }
    .content-overlay.loading { background-color: rgba(225, 225, 225, 0.8); }
    .content-overlay.delete-overlay { background-color: rgba(233, 233, 233, 0.95); margin: 0; left: 0; top: 0; z-index: 90; }
        .content-overlay.delete-overlay h1 { font-size: 22px; position: relative; }
        .content-overlay.delete-overlay button { font-size: 15px; top: 10px; position: relative; }
            .content-overlay.delete-overlay button.button-float-right { float: right; right: 10px; line-height: 17px; top: 0; }
    .content-overlay > div { display: table; width: 100%; height: 100%; }
        .content-overlay > div > div { display: table-cell; vertical-align: middle; text-align: center; }
    .content-overlay .overlay-message-container { margin-bottom: 10px; margin-left: 10%; margin-right: 10%; }
        .content-overlay .overlay-message-container .overlay-message-text { text-align: left; font-weight: bold }

/* Card Table Design
-----------------------------------------------------------*/
table.card-table > thead > tr > th:not(.noborder):not(:last-child),
table.card-table > tbody > tr > td:not(.noborder):not(:last-child) { border-right: 1px solid #dbdbdb; padding-left: 5px; padding-right: 5px; }
table.card-table tbody tr td .data-detail { padding: 0px; margin-bottom: 2px; }
    table.card-table tbody tr td .data-detail span { width: 50%; font-size: 12px; }
    table.card-table tbody tr td .data-detail.short span { width: 25%; margin-right: 1%; }
    table.card-table tbody tr td .data-detail.mid span { width: 40%; margin-right: 1%; }
    table.card-table tbody tr td .data-detail p { width: 49%; font-size: 12px; position: relative; top: -2px; }
    table.card-table tbody tr td .data-detail.short p { width: 73%; }
    table.card-table tbody tr td .data-detail.mid p { width: 58%; font-size: inherit; }
    table.card-table tbody tr td .data-detail.long p { width: 100%; }
table.card-table tbody tr td span.icon.mail { margin-right: 0; }

.card-container .card table.card-table { margin-bottom: 0px; }


/* Map
-----------------------------------------------------------*/
.map-container { width: 96%; margin: 0 2%; border: 1px solid #e1e1e1; }
.map-iw-container { display: block; max-width: 350px; }
    .map-iw-container .map-iw-title { margin-bottom: 10px; }
        .map-iw-container .map-iw-title h1,
        .map-iw-container .map-iw-title h3 { padding: 0; }
        .map-iw-container .map-iw-title h1 { font-size: 26px; }
        .map-iw-container .map-iw-title h3 { font-size: 15px; color: #999; font-weight: normal; }
        .map-iw-container .map-iw-title .map-iw-title-right-content { float: right; display: inline-block; }
            .map-iw-container .map-iw-title .map-iw-title-right-content > div { display: block; margin-bottom: 3px; }
    .map-iw-container h4 { font-size: 14px; font-weight: 400; }
    .map-iw-container h4 { padding: 0; }
    .map-iw-container .map-iw-content .data-detail { padding: 0; }
        .map-iw-container .map-iw-content .data-detail span { width: 48%; }
    .map-iw-container .map-iw-links .map-iw-link { transition: all 0.3s; padding: 7px 10px; border-radius: 2px; margin-right: 5px; display: inline-block; text-align: center; color: #008FBF; }
        .map-iw-container .map-iw-links .map-iw-link:hover,
        .map-iw-container .map-iw-links .map-iw-link.selected { background-color: #008FBF; color: white; }
        .map-iw-container .map-iw-links .map-iw-link .hover-text { display: none; }
        .map-iw-container .map-iw-links .map-iw-link .hover-text,
        .map-iw-container .map-iw-links .map-iw-link .nohover-text { transition: all 0.3s; }
        .map-iw-container .map-iw-links .map-iw-link:hover .hover-text { display: inline; }
        .map-iw-container .map-iw-links .map-iw-link:hover .nohover-text { display: none; }

/* Img size
-----------------------------------------------------------*/
img.size-18-by-18 { height: 18px; width: 18px; }
img.input-loading-icon { position: absolute; right: 25px; margin-top: 19px; width: 20px; float: right; z-index: 20; }

/* Action Button
-----------------------------------------------------------*/
button.action, a.action { transition: all 0.3s; padding: 7px 10px; border-radius: 2px; margin-right: 5px; display: inline-block; text-align: center; border: 0; background: transparent; color: #008FBF; padding: 5px; font-size: 14px; box-shadow: none; cursor: pointer; }
    button.action:hover, a.action:hover, button.action.selected, a.action.selected { background-color: #008FBF; color: white; }

/* Disabled Save Loading Icon
-----------------------------------------------------------*/
.disabled-save-loading { border-left-width: 0px !important; padding: 0 5px; }
    .disabled-save-loading > img { width: 20px; }

/* Expanded Detail Styles
-----------------------------------------------------------*/
.expandTable td.details { border-top: 1px solid #dbdbdb; border-left: 0; border-bottom: 0; border-right: 0; background-color: #E8E8E8; }
    .expandTable td.details > * { border-width: 1px; border-radius: 10px; border-color: #ccc; border-style: solid; padding: 10px 0; padding-left: 20px; background-color: #fff; padding-right: 20px; margin: 5px; }
        .expandTable td.details > *.detail-wide { width: 99%; }
    .expandTable td.details table tbody td { border: 0; }
    .expandTable td.details table tbody th { border-bottom: 1px solid #dbdbdb; }
        .expandTable td.details table tbody th.no-border { border-width: 0px; }

/* Draft Saved Titlebar Styles
-----------------------------------------------------------*/
.title-bar .save-message-container { padding-left: 10px; border-left-width: 0px; }
    .title-bar .save-message-container .save-content .save-message { margin-left: 0px; }
    .title-bar .save-message-container .save-content .saving-icon { margin-right: 6px; margin-left: 1px; height: 15px; }
.title-bar .save-message-container.no-left { border-left-width: 1px; }

/* Form Field Styles
-----------------------------------------------------------*/
.question-row { margin: 5px 0; border: 0px solid #ccc; border-left-width: 0px; border-right-width: 0px; padding: 5px 0; }
    .question-row .question-container { width: 100%; display: block; }
        .question-row .question-container .question-label { width: 80%; display: inline-block; vertical-align: top; padding-right: 10px; }
            .question-row .question-container .question-label label { word-wrap: break-word; word-break: normal; }
                .question-row .question-container .question-label label sup { position: relative; top: -3px; }
        .question-row .question-container .question-field { width: 20%; display: inline-block; }
            .question-row .question-container .question-field br { display: none; }
            .question-row .question-container .question-field label { margin-right: 10px; }
                .question-row .question-container .question-field label:last-of-type { margin-right: 0px; }
    .question-row + .question-row { margin-top: 0px; border-top: 0px; }
.static-field-row .static-container { display: block; width: 100%; height: 100%; }
    .static-field-row .static-container.has-label { width: 65%; display: inline-block; }
    .static-field-row .static-container .static-target { display: block; height: 100%; width: 100%; border: 0; overflow-y: hidden; }
.static-field-row label { width: 34%; display: inline-block; vertical-align: top; font-weight: bold; word-wrap: break-word; word-break: normal; }
.static-field-row.col-1 label { width: 16.3%; }
.static-field-row.col-1 .static-container.has-label { width: 83%; }

/* Map Address
--------------------------------------------------------------------------------*/
.google-map-address-card .line { font-size: 13px; font-family: arial; margin-bottom: 3px; }
    .google-map-address-card .line.latlng { line-height: 24px; }
        .google-map-address-card .line.latlng .latlng-icon { margin-right: 3px; }
    .google-map-address-card .line.title { font-size: 16px; font-weight: bold; }
    .google-map-address-card .line:last-of-type { margin-bottom: 0px; }

/* Setting Containers
--------------------------------------------------------------------------------*/
.setting-content-container { padding: 0px !important; padding-top: 20px !important; display: flex; flex-wrap: wrap; justify-content: flex-start; }
    .setting-content-container > form.setting-wrapper { padding: 0px !important; display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; }
.setting-content-body,
.setting-content-title { margin-left: 2%; margin-right: 2%; width: 96%; }
.setting-content-title { margin-bottom: 10px; }
.setting-content-body { margin-bottom: 20px; }
.setting-content-divider { margin: 0 2% 20px 2%; width: 100%; }
.setting-content-group { margin-bottom: 10px; }
.setting-content-container.setting-content-no-topspacer { padding-top: 0 !important; }

.setting-content-title .required { margin: 0; }

.setting-content-container.compact { padding: 1% !important; }
    .setting-content-container.compact > .setting-content-title,
    .setting-content-container.compact > .setting-content-body,
    .setting-content-container.compact > form.setting-wrapper > .setting-content-title,
    .setting-content-container.compact > form.setting-wrapper > .setting-content-body { width: 100%; margin-left: 0; margin-right: 0; }
    .setting-content-container.compact > .setting-content-divider,
    .setting-content-container.compact > form.setting-wrapper > .setting-content-divider { margin-left: 0; margin-right: 0; }
    .setting-content-container.compact.no-pad { padding: 0% !important; }

/* Side-by-side formats */
.setting-content-container.setting-content-20-80 .setting-content-title { width: 18%; margin-right: 0; margin-bottom: 0px; }
.setting-content-container.setting-content-20-80 .setting-content-body { display: inline-block; width: 78%; margin-left: 0; }
.setting-content-container.setting-content-20-80 .setting-content-divider { display: block; width: 100%; }

.setting-content-container.setting-content-20-80.compact > .setting-content-title,
.setting-content-container.setting-content-20-80.compact > form.setting-wrapper > .setting-content-title { width: 20%; }
.setting-content-container.setting-content-20-80.compact > .setting-content-body,
.setting-content-container.setting-content-20-80.compact > form.setting-wrapper > .setting-content-body { width: 80%; }

.setting-content-container.setting-content-20-80 .setting-content-body.setting-content-100 { display: block; width: 100%; margin-left: 2%; }


.setting-container::selection { background: white; }

.setting-name-toggle:not(.col) { display: inline-block; width: 50px; margin-right: 10px; }
.setting-name-toggle.no-text-filter { margin-right: 0px; }
.setting-name-toggle::selection { background: white; }
.setting-name-filter:not(.col) { display: inline-block; width: 24px; margin-right: 10px; line-height: 22px; }
.setting-name-filter.no-text { margin-right: 0px; }
/*.setting-name-filter .icon.edit-schedule { margin-top: 0px !important; }*/
.setting-add-btn { margin-left: 10px !important; }

.setting-name-filter .filter-btn { margin: 0px }
.setting-name-filter .active-filter,
.setting-name-filter .inactive-filter { margin-top: -3px }

.setting-name-text:not(.col) { display: inline-block; min-width: 10px; margin-right: 10px; line-height: 22px; }
.setting-name-text h3,
.setting-name-text h4 { padding: 0; margin: 0; display: inline-block; }
.setting-name-text .tooltip { margin-left: 10px; }
.setting-name-text h3 sup { color: black; font-size: 10px; top: 0px; }

.setting-name-checkbox:not(.col) { display: inline-block; width: 25px; }

.setting-container .tspacer { margin-top: 10px; }

.setting-subsettings { margin-left: 139px; display: block; margin-top: 10px; }
    .setting-subsettings.no-filter-toggle { margin-left: 45px; }
    .setting-subsettings.no-filter { margin-left: 105px; }

.flex-row-setting { display: flex; flex-flow: row wrap; justify-content: flex-start; }
    .flex-row-setting > .col.col-setting.setting-name-toggle { max-width: 50px; flex-grow: 1; flex-shrink: 0; flex-basis: 0px; }
    .flex-row-setting > .col.col-setting.setting-name-filter { max-width: 24px; line-height: 22px; flex-grow: 1; flex-shrink: 0; flex-basis: 0px; }
    .flex-row-setting > .col.col-setting.setting-name-text { min-width: 10px; line-height: 22px; flex-grow: 1; flex-shrink: 0; flex-basis: 0px; }
    .flex-row-setting > .col.col-setting.setting-name-checkbox { max-width: 75px; flex-grow: 1; flex-shrink: 0; flex-basis: 0px; }
        .flex-row-setting > .col.col-setting.setting-name-checkbox.col-title { padding-left: 13px; }
    .flex-row-setting > .col.col-setting.setting-subsettings { flex-grow: 4; flex-shrink: 0; flex-basis: 100%; margin-left: 0px; }
        .flex-row-setting > .col.col-setting.setting-subsettings > * { margin-left: 94px; }

/* Phone Input Style
--------------------------------------------------------------------------------*/
.phone-input-row-style { display: block; }
    .phone-input-row-style .phone-number-column { width: 100%; display: inline-block; }
    .phone-input-row-style .phone-extension-column { width: 35%; margin-left: 4%; float: left; display: inline-block; }
    .phone-input-row-style.has-extension .phone-number-column { width: 60%; float: left; display: inline-block; }


/* Scrollable Content
--------------------------------------------------------------------------------*/
.scrollable-content-container { overflow-y: auto; }
    .scrollable-content-container.scrollable-height-500 { max-height: 500px; }


/* Flex Row and Columns 
--------------------------------------------------------------------------------*/
.flex-container { display: inline-block; width: 100%; }
    .flex-container.spacer { margin-bottom: 10px; }
    .flex-container.tspacer { margin-top: 10px; }
    .flex-container.spacer-big { margin-bottom: 20px; }
    .flex-container.tspacer-big { margin-top: 20px; }
.flex-row { display: flex; flex-wrap: wrap; justify-content: flex-start; }
    .flex-row.compact > .col { padding: 0 1%; }
    .flex-row.super-compact > .col { padding: 0 1% 0 0; }
    .flex-row.spacer { margin-bottom: 10px; }
    .flex-row.clickable:hover { background-color: #DDEFFF; }
    .flex-row.clickable.rounded:hover { border-radius: 5px; }
    .flex-row.tspacer { margin-top: 10px; }
    .flex-row.inner > .col:first-child { padding-left: 0; }
    .flex-row.inner > .col:last-child { padding-right: 0; }
    .flex-row.inner > .col.col-12 { padding-left: 0; padding-right: 0; }
    .flex-row > .col { padding: 0 2%; flex-grow: 1; flex-basis: 0; max-width: 100%; position: relative; min-height: 1px; }
        .flex-row > .col.col-12 { max-width: 100%; flex: 0 0 100%; }
        .flex-row > .col.col-11 { max-width: 91.666667%; flex: 0 0 91.666667%; }
        .flex-row > .col.col-10 { max-width: 83.333333%; flex: 0 0 83.333333%; }
        .flex-row > .col.col-9 { max-width: 75%; flex: 0 0 75%; }
        .flex-row > .col.col-8 { max-width: 66.666667%; flex: 0 0 66.666667%; }
        .flex-row > .col.col-7 { max-width: 58.333333%; flex: 0 0 58.333333%; }
        .flex-row > .col.col-6 { max-width: 50%; flex: 0 0 50%; }
        .flex-row > .col.col-5 { max-width: 41.666667%; flex: 0 0 41.666667%; }
        .flex-row > .col.col-4 { max-width: 33.333333%; flex: 0 0 33.333333%; }
        .flex-row > .col.col-3 { max-width: 25%; flex: 0 0 25%; }
        .flex-row > .col.col-2 { max-width: 16.666667%; flex: 0 0 16.666667%; }
        .flex-row > .col.col-1 { max-width: 8.333333%; flex: 0 0 8.333333%; }
        .flex-row > .col.col-icon { max-width: 30px; flex: 0 0 30px; }
        .flex-row > .col.col-icon-sm { max-width: 20px; flex: 0 0 20px; }
        .flex-row > .col.col-100-px { max-width: 100px; flex: 0 0 100px; }
        .flex-row > .col.col-actions { max-width: 120px; flex: 0 0 120px; }
        .flex-row > .col.col-fifth { max-width: 20%; flex: 0 0 20%; }
        .flex-row > .col.flex-align-end { align-self: flex-end; }
        .flex-row > .col.col-1-10 { max-width: 10%; flex: 0 0 10%; }
        .flex-row > .col.col-2-10 { max-width: 20%; flex: 0 0 20%; }
        .flex-row > .col.col-3-10 { max-width: 30%; flex: 0 0 30%; }
        .flex-row > .col.col-4-10 { max-width: 40%; flex: 0 0 40%; }
        .flex-row > .col.col-5-10 { max-width: 50%; flex: 0 0 50%; }
        .flex-row > .col.col-6-10 { max-width: 60%; flex: 0 0 60%; }
        .flex-row > .col.col-7-10 { max-width: 70%; flex: 0 0 70%; }
        .flex-row > .col.col-8-10 { max-width: 90%; flex: 0 0 80%; }
        .flex-row > .col.col-9-10 { max-width: 90%; flex: 0 0 90%; }
        .flex-row > .col.col-10-10 { max-width: 100%; flex: 0 0 100%; }
    .flex-row.border > .col { border-right: 1px solid #ccc; }
        .flex-row.border > .col:last-child { border-right: 0px; }

/* QTip Tooltip Styles 
--------------------------------------------------------------------------------*/
.qtip-gdms-dark { background: #424D53; max-width: 1050px; }
    .qtip-gdms-dark .qtip-content { padding: 10px; margin: 10px; background-color: white; border-radius: 3px; }

/* Autocomplete Wrapper
--------------------------------------------------------------------------------*/
.address-autocomplete-wrapper { }
    .address-autocomplete-wrapper.autocomplete-suggestions .autocomplete-suggestion { font-size: 13px; padding: 7px 0; border-bottom: 1px solid #dedede; }
        .address-autocomplete-wrapper.autocomplete-suggestions .autocomplete-suggestion:last-of-type { border-width: 0; }
    .address-autocomplete-wrapper.autocomplete-suggestions strong { color: black; font-weight: bold; }
.address-autocomplete-logo { display: block; text-align: right; padding: 3px 1px 3px 0; }
    .address-autocomplete-logo img { width: 120px; }


/* EVO - After Dark
--------------------------------------------------------------------------------*/
body.dark-theme { background-color: #000; }
    body.dark-theme article { background-color: #000; color: #dcdcdc; }
    body.dark-theme footer { background-color: #000; color: #dcdcdc; }
    body.dark-theme header { background-color: #1c1c1c; color: #dcdcdc; }
        body.dark-theme header .top-nav nav .link-row .link-data a:not(.active) { color: #fff; }
    body.dark-theme .content { background-color: #1c1c1c; color: #dcdcdc; }
        body.dark-theme .content .bubble.b-white { background-color: #333; }
    body.dark-theme .google-map-address-card { color: #333; }
    body.dark-theme h1, body.dark-theme h2, body.dark-theme h3, body.dark-theme h4, body.dark-theme h5, body.dark-theme h6 { color: #fff; }
    body.dark-theme a:hover, body.dark-theme .link:hover { color: #dcdcdc; }

    body.dark-theme .title-wrapper { border-color: #ccc #ccc #ddd #ccc; background: #424d53; }
    body.dark-theme .panel-content { background-color: #1c1c1c; border-color: #ccc; }

    body.dark-theme .title-bar.header { border-bottom: 1px solid #ccc; }
    body.dark-theme .title-bar.footer { border-top: 1px solid #ccc; }

    body.dark-theme table tbody tr.clickable:hover,
    body.dark-theme .templateTable tbody tr:hover,
    body.dark-theme table tbody tr:hover > td { background: rgb(70,70,70); }
    body.dark-theme table thead tr { color: #dcdcdc; }
    body.dark-theme table tbody tr td.inactive { background: transparent !important; }
    body.dark-theme table thead tr th { border-color: #dbdbdb; }
    body.dark-theme table tbody tr td, body.dark-theme table tfoot tr td { border-color: #555; }
    body.dark-theme table.card-table > thead > tr > th:not(.noborder):not(:last-child),
    body.dark-theme table.card-table > tbody > tr > td:not(.noborder):not(:last-child) { border-right: 1px solid #555; }

    body.dark-theme .card-container .card.boxed { border-color: #ccc; }
        body.dark-theme .card-container .card.boxed .title { border-bottom-color: #ccc; background: linear-gradient(rgb(40, 40, 40), rgb(80,80,80)); }
        body.dark-theme .card-container .card.boxed .card-content { background-color: rgb(40,40,40); }
        body.dark-theme .card-container .card.boxed .title h1 { color: #bbb; }
        body.dark-theme .card-container .card.boxed .card-content .links .col-1.selected,
        body.dark-theme .card-container .card.boxed:not(.nohover) .card-content .links .col-1:hover { background-color: rgb(70,70,70); }
    body.dark-theme .card-container:not(.nohover) .card:hover { background-color: rgb(90,90,90); }
    body.dark-theme .card-container .card { background-color: #1c1c1c; color: #dcdcdc; }
    body.dark-theme .content .card-container .card { background-color: #333; }

    body.dark-theme .content-overlay.loading { background-color: rgba(30, 30, 30, 0.8); }
    body.dark-theme .content-overlay.delete-overlay { background-color: rgba(22, 22, 22, 0.95); margin: 0; left: 0; top: 0; z-index: 90; }

    body.dark-theme .sub-menu .menu-options { background: #616161; background-color: #616161; border-color: #ccc; color: #dcdcdc; }
        body.dark-theme .sub-menu .menu-options li a { color: #dcdcdc; }

        body.dark-theme .sub-menu .menu-options.white { background-color: #616161; border-color: #ccc; }
    body.dark-theme .sub-menu.white.button { background: #616161; border-color: #ccc; }
        body.dark-theme .sub-menu.white.button ul.menu-options { background: #616161; border-color: #ccc; color: #dcdcdc; }
            body.dark-theme .sub-menu.white.button ul.menu-options li a { color: #dcdcdc; }
    body.dark-theme .title-bar .sub-menu .menu-options { background-color: #626D73; }

    body.dark-theme .data-detail:not(.nohover):hover { background-color: rgb(90,90,90); }

    body.dark-theme .meta { color: #bbb; }

    body.dark-theme .tab-menu.sidenav-left .tab-menu-items .tab-menu-item { border-color: #ccc; background: rgb(50,50,50); }
        body.dark-theme .tab-menu.sidenav-left .tab-menu-items .tab-menu-item.selected { color: #dcdcdc; background: #1c1c1c; }
    body.dark-theme .tab-menu.sidenav-left .tab-menu-items .item-display { color: #dcdcdc; text-shadow: 0 1px 0 #333; }
    body.dark-theme .tab-menu.sidenav-left .tab-menu-items .tab-menu-item:not(.selected):hover { background: rgb(90,90,90); }
    body.dark-theme .tab-menu .tab-menu-items .tab-menu-item:not(.selected):not(:hover) { border-color: #ccc; border-bottom-color: #ccc; background: #414141; color: #dcdcdc; }

    body.dark-theme input, body.dark-theme textarea { color: #dcdcdc; }
        body.dark-theme input:not(.btn), body.dark-theme select, body.dark-theme textarea, body.dark-theme .select2-container .select2-choices { background: #000; box-shadow: #333 1px 1px 2px inset; border-radius: 4px; }
            body.dark-theme input.disabled,
            body.dark-theme select.disabled,
            body.dark-theme textarea.disabled { background: #222; border-color: #777; color: #aaa; box-shadow: none; }
    body.dark-theme .bubble.b-white input.disabled,
    body.dark-theme .bubble.b-white textarea.disabled,
    body.dark-theme .bubble.b-white select.disabled { background: #444; border: 1px solid #777; }

    body.dark-theme input.disabled.input-form-validation-error { border-width: 2px !important; }

    body.dark-theme .ms-choice { color: #dcdcdc; }
    body.dark-theme .ms-drop { background: #1c1c1c; color: #dcdcdc; }
    body.dark-theme .ms-parent > .ms-choice { background: #000; }
        body.dark-theme .ms-parent > .ms-choice:focus { background-color: #1c1c1c; }
    body.dark-theme .ms-parent > .ms-choice { box-shadow: #333 1px 1px 2px inset; }

    body.dark-theme .input-validation-error:not(.xforms-input-input),
    body.dark-theme .input-form-validation-error:not(.xforms-input-input),
    body.dark-theme input[type].input-validation-error:not(.xforms-input-input),
    body.dark-theme input[type].input-form-validation-error:not(.xforms-input-input) { background-color: #000; }

    body.dark-theme .title-bar.gray > *, body.dark-theme .title-bar.clear-bg > * { color: #fff; }

    body.dark-theme .form-valid { background-color: #3F8C52; border: 2px solid #E6F7EA; box-shadow: none; }
    body.dark-theme .form-error { color: #fccfa3; background-color: #8e3b3e; border: 2px solid #E6F7EA; }
    body.dark-theme .validation-summary-errors, body.dark-theme .summary-errors { color: #dcdcdc; font-size: 13px; }

    body.dark-theme .required { color: #dcdcdc; }

    body.dark-theme .progress-bar-3 .progress-link .progress-label { background-color: #444; border-color: #444; }
    body.dark-theme .progress-bar-3 .progress-link .progress-arrow::after { border-top: 25px solid #444; border-bottom: 25px solid #444; border-left: 10px solid transparent; }
    body.dark-theme .progress-bar-3 .progress-link.future .progress-arrow { background: #777; border-right: 1px solid #777; }
    body.dark-theme .progress-bar-3 .progress-link.future .progress-label { color: #aaa; }
    body.dark-theme .progress-bar-3 .progress-link.completed .progress-label { color: #3F8C52; }

    body.dark-theme .qtip-gdms-dark { background: #424D53; max-width: 1050px; }
        body.dark-theme .qtip-gdms-dark .qtip-content { background-color: #1c1c1c; color: #dcdcdc; }

    body.dark-theme .sign-up-block-option { text-shadow: 1px 1px 1px #444; border-color: #ccc; background: #555; background-image: linear-gradient(#444, #777); }
        body.dark-theme .sign-up-block-option .blockLabel { color: #dcdcdc; }
        body.dark-theme .sign-up-block-option .blockDescription { background-color: #212121; border: none; border-top: 1px solid #ccc; color: #dcdcdc; }
        body.dark-theme .sign-up-block-option:hover { border-color: #1A84B2; background-color: #1A84B2; background-image: none; text-shadow: none; text-shadow: none; }
            body.dark-theme .sign-up-block-option:hover > .blockLabel { }
            body.dark-theme .sign-up-block-option:hover > .blockDescription { border-color: #1A84B2; background-color: #555; }

    body.dark-theme .form-warning { border-color: rgba(255,153,0,0.5); background-color: rgba(255,153,0,0.35); color: #dcdcdc; }
        body.dark-theme .form-warning .message-content { color: #dcdcdc; }

    /* White */
    body.dark-theme a.btn.btn-white,
    body.dark-theme .btn.btn-white { color: #fff; background: #22252A url(../img/nav_bg.png) repeat-x top left; border-color: #32393f #56656c; overflow: hidden; }
        body.dark-theme a.btn.btn-white:hover,
        body.dark-theme .btn.btn-white:hover,
        body.dark-theme label.btn.btn-white.checked { background: #22252A; }

/* Base Styles
-------------------------------------------------------------------------------*/
#colorbox,
#colorbox:not(.box-sizing) div { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox { outline: 0; }
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 1000; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; overflow: hidden; }
#cboxMiddleLeft, #cboxBottomLeft { clear: left; }
#cboxContent { position: relative; }
#cboxLoadedContent { overflow: auto; }
#cboxTitle { margin: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }
.cboxPhoto { float: left; margin: auto; border: 0; display: block; }
.cboxIframe { width: 100%; height: 100%; display: block; border: 0; }
#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; }

/*
        Fixes browser outlining issue when focused on.
*/
#colorbox, #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; }

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay { background: #ccc url(../img/lb_shadow.png) repeat-x top left; }
#colorbox { }
#cboxContent { margin-top: 36px; overflow: visible; padding: 10px; }
#cboxError { padding: 50px; border: 1px solid #ccc; }
#cboxLoadedContent { background: #FFF; border: 5px solid #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 2px 5px #333; -moz-box-shadow: 0 2px 5px #333; box-shadow: 0 2px 5px #333; overflow-x: hidden !important; }
#cboxLoadingGraphic { background: url(../img/loading.gif) no-repeat center center; }
#cboxLoadingOverlay { background: #000; }
#cboxTitle { position: absolute; top: -22px; left: 0; color: #000; }
#cboxCurrent { position: absolute; top: -22px; right: 205px; text-indent: -9999px; }
#cboxClose { background: url(../img/gdms-sprite-icons.png?v=1_2) -23px -438px; position: absolute; width: 27px; height: 27px; right: 0px; top: 0px; text-indent: -1000px; overflow: hidden; border: 0px; z-index: 151; }
    #cboxClose:hover { background-position: -23px -409px; }
#cboxBack {
    background: url(../img/gdms-sprite-icons.png?v=1_2) -23px -438px;
    position: absolute;
    width: 27px;
    height: 27px;
    right: 0px;
    top: 0px;
    text-indent: -1000px;
    overflow: hidden;
    border: 0px;
    z-index: 151;
}

    #cboxBack:hover {
        background-position: -23px -409px;
    }


/* Lightbox Styles
-------------------------------------------------------------------------------*/
#cboxLoadedContent .lightbox { margin-bottom: 0px; overflow-y: hidden; max-height: 1200px; word-wrap: break-word; }
    #cboxLoadedContent .lightbox .title-bar { border-top: 0px solid #999; border-radius: 0 0 0; text-align: center; padding-left: 0px; padding-right: 0px; top: 0px; }
        #cboxLoadedContent .lightbox .title-bar.no-spacer { margin-bottom: 0px; }
        #cboxLoadedContent .lightbox .title-bar h1 { color: #999999; background: none; padding-left: 20px; padding-right: 15px; font-size: 19px; }
        #cboxLoadedContent .lightbox .title-bar .active { color: #fff; }
    #cboxLoadedContent .lightbox .row.message { margin-bottom: 10px; width: 99%; }
    #cboxLoadedContent .lightbox .title-bar { height: 35px; }
        #cboxLoadedContent .lightbox .title-bar.footer { margin-bottom: 0px; }
        #cboxLoadedContent .lightbox .title-bar .title-bar-content { height: 35px; padding: 0 10px; }
            #cboxLoadedContent .lightbox .title-bar .title-bar-content .btn { padding: 0 10px; }
    #cboxLoadedContent .lightbox .scrollable-content { max-height: 250px; overflow-y: auto; border: 1px solid #ccc; margin-bottom: 10px; }
        #cboxLoadedContent .lightbox .scrollable-content table { margin-bottom: 0px; }
    #cboxLoadedContent .lightbox .dataTables_wrapper .pagination { margin: 0; }
    #cboxLoadedContent .lightbox > .lighbox-content > form > .validation-row { margin-top: 10px; }
#colorbox:not(.box-sizing) .lightbox .row:not(.inner) .col-1 { width: 96%; }
#colorbox:not(.box-sizing) .lightbox .row .col-2 { width: 46%; }
#colorbox:not(.box-sizing) .lightbox .row .col-3 { width: 29%; }
    #colorbox:not(.box-sizing) .lightbox .row .col-3:last-child { width: 30%; }
#colorbox:not(.box-sizing) .lightbox .row .col-4 { width: 21%; }

/* Page Styles
-------------------------------------------------------------------------------*/
/* DON'T EXCEED 940PX */
#cboxLoadedContent > div { width: 800px; }
#cboxLoadedContent > .prompt { width: 350px; }
#cboxLoadedContent .lighbox-content.scrolling { max-height: 500px; overflow-y: auto; overflow-x: hidden; }
#cboxLoadedContent .lighbox-content.scrolling-max-height { max-height: 800px; overflow-y: auto; }


/* Message Box
-------------------------------------------------------------------------------*/

/* Document Cards
-------------------------------------------------------------------------------*/
#cboxLoadedContent .dropzone.dropzone-hover .document-upload-dropzone { width: calc((100%) - 14px ); height: calc((100%) - 14px ); }
#cboxLoadedContent .file-dropzone2 .fileinput-button { position: relative; top: 5px; }


#cboxLoadedContent .card-container.card-col-3 .card { width: 30%; margin-right: 1%; position: relative; }
    #cboxLoadedContent .card-container.card-col-3 .card:nth-child(3n+1) { clear: left; }
    #cboxLoadedContent .card-container.card-col-3 .card:first-of-type { clear: none; }

#cboxLoadedContent .card-container.card-col-4 .card { width: 22%; margin-right: 1%; position: relative; }
    #cboxLoadedContent .card-container.card-col-4 .card:nth-child(4n+1) { clear: left; }
    #cboxLoadedContent .card-container.card-col-4 .card:first-of-type { clear: none; }


/* EVO - After Dark
--------------------------------------------------------------------------------*/
body.dark-theme #cboxLoadedContent { background: #1c1c1c; color: #dcdcdc; border-color: #1c1c1c; }
    body.dark-theme #cboxLoadedContent .previewtemplate { background: #ccc; }

    body.dark-theme #cboxLoadedContent .card-container .card { background-color: #2c2c2c; }

body.dark-theme #cboxOverlay { background-image: linear-gradient(#333, #888); }
/* SORTABLE / DATATABLES
-------------------------------------------------------------------------------*/

#sort_length { display: none; }
/* Remove this to expose table length options */
.table_view { float: left; position: absolute; }
.pagination_row { position: relative; }
/*.dataTable thead tr { background: #efefef url(../img/table-head-sort_bg.png) repeat-x top left; }
    .dataTable thead tr th.sorting { background: #ccc url(../img/table-head_bg.png) repeat-x top left; cursor: pointer; text-align: left; }*/
.dataTable thead tr { }
    .dataTable thead tr th.sorting { cursor: pointer; text-align: left; padding-right: 27px; }
        .dataTable thead tr th.sorting.no-sort { cursor: default; }
.dataTable thead th.sorting_asc { background-image: url(../img/sort_asc.png); text-align: left; }
.dataTable thead th.sorting_desc { background-image: url(../img/sort_desc.png); text-align: left; }
.dataTable thead th.sorting_asc,
.dataTable thead th.sorting_desc { background-position: right 50%; background-repeat: no-repeat; padding-right: 20px; }
.dataTable td.details { background-color: #d1cfd0; border: 2px solid #A19B9E; }
    .dataTable td.details table { margin: 5px 5px 5px 5px; width: 99%; }
.dataTables_processing { position: absolute; top: 50%; left: 50%; width: 250px; height: 30px; margin-left: -125px; margin-top: -15px; padding: 14px 0 2px 0; /*border: 1px solid #ddd;*/ text-align: center; color: #999; font-size: 14px; /*background-color: white;*/ }
.dataTables_processing_img { width: 48px; height: 48px; /*position: absolute;*/ top: 50%; left: 50%; margin: -28px 0 0 -25px; }
.dataTable .subgroup { background-color: #eee; font-weight: bold; font-size: 13px; vertical-align: middle; line-height: 21px; }

h2 + .dataTables_wrapper { margin-top: 10px; }

.dataTable thead tr th.sorting { cursor: pointer; text-align: left; padding-right: 27px; }
    .dataTable thead tr th.sorting.no-sort { cursor: default; }
.dataTable thead th.sorting_asc { background-image: url(../img/sort_asc.png); text-align: left; }
.dataTable thead th.sorting_desc { background-image: url(../img/sort_desc.png); text-align: left; }
.dataTable thead th.sorting_asc,
.dataTable thead th.sorting_desc { background-position: right 50%; background-repeat: no-repeat; padding-right: 20px; }


/* Pagingation Styles
-----------------------------------------------------------*/
.pagination_row { position: relative; }
.pagination-centered { text-align: center; }
.pagination { height: 36px; margin-bottom: 10px; text-align: center; }
    /* List Display */
    .pagination ul { display: inline-block; background: #fff; *display: inline; *zoom: 1; /* IE7 inline-block hack */ position: relative; margin: 0; padding: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px #ccc; -moz-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url(PIE.htc); }
    .pagination a { float: left; padding: 0 14px; line-height: 34px; text-decoration: none; border-left: 1px solid #ccc; }
    .pagination li { display: inline; }
        .pagination li.next a,
        .pagination li.prev a { background: url(../img/gdms-sprite-icons.png?v=1_2) no-repeat 4px -545px; text-indent: -200px; overflow: hidden; width: 4px; }
        .pagination li.next a { background-position: -19px -545px; }
        .pagination li.prev.disabled a,
        .pagination li.prev a:hover { background-position: 4px -570px; }
        .pagination li.prev a { border: none; }
        .pagination li.next.disabled a,
        .pagination li.next a:hover { background-position: -20px -570px; }
    /* Hover and Active */
    .pagination a:hover,
    .pagination .active a { background-color: #f5f5f5; }
    .pagination .active a { color: #999999; cursor: default; position: relative; }
    /* Disabled */
    .pagination .disabled span,
    .pagination .disabled a,
    .pagination .disabled a:hover { color: #999999; background-color: transparent; cursor: default; }

/* Page Length
-----------------------------------------------------------*/
.data-table-records-length { display: block; text-align: right; }
    .data-table-records-length > *:first-child { margin-bottom: 10px; }
.data-table-clear { height: 1px; width: 100%; }
.data-tables-records-info { display: block; text-align: right; margin-top: 10px; margin-bottom: 10px; }

/* Group Styles
-----------------------------------------------------------*/
.dataTable .group { background-color: #E8E8E8; font-weight: bold; font-size: 13px; vertical-align: middle; line-height: 21px; }
    .dataTable .group .toggle { width: 21px; display: inline-block; height: 21px; margin-right: 3px; }
    .dataTable .group.expanded-group .toggle { background-image: url(../img/details_close.png); }
    .dataTable .group.collapsed-group .toggle { background-image: url(../img/details_open.png); }
.dataTable .group-item td:first-child { padding-left: 15px; }

/* Fixed Column/Header Styles
-----------------------------------------------------------*/
.DTFC_ScrollWrapper { clear: none !important; margin-bottom: 10px; }
    .DTFC_ScrollWrapper table { margin-bottom: 0px; }
    .DTFC_ScrollWrapper .DTFC_RightWrapper .DTFC_RightHeadWrapper table { border-right-width: 0px; border-bottom-width: 0px; }
    .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftHeadWrapper table { border-right-width: 0px; border-bottom-width: 0px; }
    /*.DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftHeadWrapper table thead tr th:last-child { border-right-width: 1px; }*/
    .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyLiner table { border-right-width: 0px; border-top-width: 0px; }
        .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyLiner table tr td { white-space: nowrap; }
    .DTFC_ScrollWrapper .dataTables_scrollHead table { border-bottom-width: 0px; border-left-width: 0px; }
    /*.DTFC_ScrollWrapper .dataTables_scrollHead table thead th:nth-child(2) { border-left-width: 2px; }*/
    .DTFC_ScrollWrapper .dataTables_scrollBody table { border-top-width: 0px; }

/* Expanded Detail Styles
-----------------------------------------------------------*/
.dataTable td.details { border-top: 1px solid #dbdbdb; border-left: 0; border-bottom: 0; border-right: 0; background-color: #E8E8E8; }
    .dataTable td.details > * { border-width: 1px; border-radius: 10px; border-color: #ccc; border-style: solid; padding: 10px 0; padding-left: 20px; background-color: #fff; padding-right: 20px; margin: 5px; }
        .dataTable td.details > *.detail-wide { width: 99%; }
    .dataTable td.details table:not(.show-row-border) tbody td { border: 0; }
    .dataTable td.details table tbody th { border-bottom: 1px solid #dbdbdb; }
        .dataTable td.details table tbody th.no-border { border-width: 0px; }

.dataTable-theme td.details { border-top: 1px solid #dbdbdb; border-left: 0; border-bottom: 0; border-right: 0; background-color: #E8E8E8; }
    .dataTable-theme td.details > * { border-width: 1px; border-radius: 10px; border-color: #ccc; border-style: solid; padding: 10px 0; padding-left: 20px; background-color: #fff; padding-right: 20px; margin: 5px; }
        .dataTable-theme td.details > *.detail-wide { width: 99%; }
    .dataTable-theme td.details table:not(.show-row-border) tbody td { border: 0; }
    .dataTable-theme td.details table tbody th { border-bottom: 1px solid #dbdbdb; }
        .dataTable-theme td.details table tbody th.no-border { border-width: 0px; }


/* EVO - After Dark
--------------------------------------------------------------------------------*/
body.dark-theme .dataTable td.details { background-color: #555; }
    body.dark-theme .dataTable td.details > * { border-color: #ccc; background-color: #1c1c1c; }
    body.dark-theme .dataTable td.details > div.message-details { background-color: #ccc; }
body.dark-theme .expandTable td.details { background-color: #555; }
    body.dark-theme .expandTable td.details > * { border-color: #ccc; background-color: #1c1c1c; }
    body.dark-theme .expandTable td.details > div.message-details { background-color: #ccc; }

body.dark-theme .bubble.b-white .dataTable td.details > * { background-color: #333; }
body.dark-theme .bubble.b-white .expandTable td.details > * { background-color: #333; }

body.dark-theme .pagination ul { background: #1c1c1c; box-shadow: 0 1px 2px #999; }
body.dark-theme .pagination a:hover,
body.dark-theme .pagination .active a { background-color: rgb(90,90,90); color: #dcdcdc; }
body.dark-theme .pagination .active a { color: #dcdcdc; cursor: default; position: relative; }

/* Icons
-------------------------------------------------------------------------------*/
.icon { background: url(../img/gdms-sprite-icons.png?v=6_6_0_1) no-repeat; width: 20px; height: 20px; text-indent: -1000px; overflow: hidden; display: inline-block; vertical-align: middle; margin-top: -4px; }
    .icon.no-margin { margin-top: 0px; }
    .icon.alert { background-position: -5px -66px; width: 22px; }
        .icon.alert.sm { background-position: -6px -11px; width: 18px; margin-right: 4px; }
        .icon.alert.left-float { position: absolute; margin-left: -20px; margin-top: 1px; }
    .icon.alert-yellow { background-position: -4px -1616px; width: 20px !important; height: 20px !important; }
        .icon.alert-yellow.sm { background-position: -29px -1616px; width: 13px; }
    .icon.alert-orange { background-position: -3px -3000px; width: 20px !important; height: 20px !important; }
        .icon.alert-orange.sm { background-position: -28px -3002px; width: 16px; }
    .icon.new-msg-green { background-position: 0px -704px; }
    .icon.status-complete { background-position: -5px -102px; }
    .icon.so { background-position: -28px -196px; }
    /*.icon.so-new { background: url("../img/service-order_title.png") no-repeat; background-position-x: 20px; background-position-y: 21px; display: inline-block; height: 20px; }*/
    .icon.so-details { background-position: -28px -261px; }
    .icon.so-alert { background-position: -28px -231px; }
    .icon.order-details { background-position: -27px -294px; }
    .icon.project-details { background-position: -27px -294px; }
    .icon.bid-received { background-position: -27px -326px; }
    .icon.flag { background-position: 0 -160px; }
        .icon.flag.yellow { background-position: -27px -2806px; width: 22px; margin-right: 5px; }
        .icon.flag.blue { background-position: -27px -2785px; width: 22px; padding-right: 5px; }
    .icon.clipBoard { background-position: -4px -1640px; width: 23px; }
    .icon.requestRevision { background-position: -26px -1736px; }
    .icon.submitReview { background-position: -30px -1641px; width: 20px; height: 20px; margin-right: 5px; }
    .icon.submitRevision { background-position: -1px -1936px; }

    .icon.deliverFiles { background-position: -29px -2164px; width: 18px; height: 18px; margin-right: 3px; }

    .icon.submitReconsideration { background-position: -5px -2143px; width: 18px; height: 18px; margin-right: 3px; }
    .icon.requestRebuttal { background-position: -28px -2120px; width: 18px; height: 18px; margin-right: 3px; }
    .icon.checkbox-complete-service { background-position: -5px -2120px; width: 18px; height: 18px; margin-right: 3px; }

    .icon.submitRebuttalResponse { background-position: -29px -2143px; width: 18px; height: 18px; margin-right: 3px; }
    .icon.editRebuttalRequest { background-position: -5px -2143px; width: 19px; height: 18px; margin-right: 3px; }
    .icon.editRevisionRequest { background-position: -5px -2143px; width: 19px; height: 18px; margin-right: 3px; }
    .icon.editReconsiderationRequest { background-position: -5px -2143px; width: 19px; height: 18px; margin-right: 3px; }
    .icon.cancelRebuttalRequest { background-position: 0 -2602px; height: 21px; width: 21px; margin-right: 7px; }

    /*.icon.assign { background-position: -29px -1113px; height: 16px; width: 16px; margin-right: 7px; }
.icon.reassign { background-position: -2px -1429px; height: 16px; width: 16px; margin-right: 7px; } */
    .icon.assign-vendor { background-position: -4px -2186px; width: 25px; height: 25px; margin-left: 3px; }
    .icon.assign-reviewer { background-position: -28px -2186px; width: 25px; height: 25px; margin-left: 3px; }
    .icon.link-order-project { background-position: -4px -2942px; width: 25px; height: 25px; }

    .icon.void-service-fee { background-position: -30px -2947px; width: 15px; height: 15px; }

    .icon.newMsg { background-position: 0 -194px; }

    .icon.address-book { background-position: -2px -2163px; width: 25px; height: 25px; margin-left: 3px; }
    .icon.rolodex { background-position: -24px -2757px; width: 25px; height: 25px; margin-left: 3px; }

    .icon.back { background-position: -8px -553px; width: 12px; }
    .icon.next-blue { background-position: -28px -554px; }
    .icon.back-grey { background-position: -8px -579px; height: 16px; width: 10px; }
    .icon.next-white { background-position: -36px -86px; height: 17px; width: 14px; margin-right: 4px; }
        .icon.next-white.after { margin-right: 0px; margin-left: 4px; }
    .icon.back-white { background-position: -37px -65px; height: 18px; width: 14px; margin-right: 4px; }
    .icon.next-blue { background-position: -36px -36px; height: 17px; width: 14px; margin-right: 4px; }
        .icon.next-blue.after { margin-right: 0px; margin-left: 4px; }
    .icon.back-blue { background-position: -37px -15px; height: 18px; width: 14px; margin-right: 4px; }
    .icon.next-grey { background-position: -28px -579px; height: 16px; width: 16px; }
    .icon.next_step { background-position: -28px -383px; }
    .icon.expand { background-position: 0 -958px; height: 20px; width: 20px; }
    .icon.collapse { background-position: -24px -958px; height: 20px; width: 20px; }
    .icon.setting { background-position: -29px -358px; height: 15px; width: 17px; position: relative; top: -3px; }
        .icon.setting.blue { background-position: 1px -1007px; }
    .icon.menu { background-position: 0 -480px; }
    .icon.add { background-position: -27px -525px; }
    .icon.add-grey { background-position: -4px -525px; }
    .icon.add-grey-sml { background-position: -30px -705px; vertical-align: central; height: 15px; width: 15px; position: relative; top: 1px; }
    .icon.new-msg-blue { background-position: 0 -628px; height: 18px; }
    .icon.delete { background-position: -40px -604px; }
    .icon.delete-white { background-position: -40px -628px; }
    .icon.delete-document-access { background-position: -29px -2392px; height: 22px; width: 22px; }
    .icon.delete.big { background-position: -31px -2439px; height: 16px; width: 16px; }
    .icon.delete-white.big { background-position: -29px -1167px; height: 16px; width: 16px; margin-right: 7px; }
    /* Set vertical-align to get IE to display icon next to text*/
    .icon.add-white { background-position: -4px -682px; vertical-align: central; height: 17px; }
    /* Set vertical-align to get IE to display icon next to text*/
    .icon.add-white-sml { background-position: -30px -684px; vertical-align: central; height: 14px; width: 12px; position: relative; top: 0px; }
    .icon.add-blue-sml { background-position: -38px -748px; vertical-align: central; height: 14px; width: 12px; position: relative; top: 0px; }
    /* Set vertical-align to get IE to display icon next to text*/
    .icon.save-white { background-position: -35px -797px; vertical-align: central; height: 17px; width: 17px; position: relative; margin-right: 4px; }
    .icon.save-white-sml { background-position: 0 -797px; vertical-align: central; height: 12px; width: 14px; position: relative; margin-right: 4px; }
    .icon.flag-inactive { background-position: 0 -160px; cursor: pointer; }
    .icon.flag-active { background-position: -1px -133px; cursor: pointer; }
    .icon.flag-warning { background-position: -25px -2849px; height: 24px; width: 24px; margin-right: 0; }
    .icon.flag-over { background-position: -24px -160px; }
    .icon.edit { background-position: -1px -824px; }
        .icon.edit.filled { background-position: -29px -1335px; }
    .icon.approve { background-position: 0px -933px; width: 18px; height: 16px; margin-right: 4px; }
    .icon.approve-yellow { background-position: -31px -1823px; width: 18px; height: 16px; margin-right: 4px; }
    .icon.reject { background-position: -26px -933px; width: 18px; height: 16px; margin-right: 4px; }
    .icon.accept { background-position: -8px -40px; width: 15px; height: 16px; }
    .icon.checkbox { background-position: 0 -655px; cursor: pointer; margin-top: 0px; }
    .icon.checkbox-active { background-position: -25px -655px; margin-top: 0px; }
    .icon.doc-work { background-position: -28px -261px; }
    .icon.popout { background-position: 0 -505px; width: 16px; height: 16px; }
    .icon.red-alert { background-position: -28px -826px; }
    .icon.mail-blue { background-position: -0px -628px; margin-right: 4px; }
    .icon.up-arrow { background-position: 0 -884px; width: 33px; height: 18px; }
    .icon.down-arrow { background-position: 0 -906px; width: 33px; height: 18px; }
        .icon.down-arrow.white { background-position: -3px -1058px; height: 9px; width: 16px; margin-top: 0px; }
        .icon.down-arrow.blue { background-position: -30px -1057px; height: 10px; width: 16px; margin-top: 0px; }
    .icon.up-arrow.white { background-position: -3px -1300px; height: 9px; width: 16px; margin-top: 0px; }
    .icon.up-arrow.blue { background-position: -30px -1300px; height: 10px; width: 16px; margin-top: 0px; }
    /*.icon.down-arrow.white { background-position: -28px -383px; margin-top: -3px; width: 19px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); }*/
    /*.icon.close-sml { background-position: -30px -852px; height: 18px; width: 19px; }*/
    /*.icon.close-sml:hover { background-position-y: -872px; }*/
    .icon.close { background-position: -23px -438px; width: 27px; height: 27px; }
        .icon.close:hover { background-position-y: -409px; }
    .icon.magnifying-glass { background-position: 0px -751px; height: 25px; width: 24px; }
    .icon.selected { background-position: -4px -877px; margin-top: 0px; }
    .icon.home { width: 130px; height: 130px; display: block; margin: auto; background-image: url('../img/home_w.png'); }
    .icon.sign-up-appraiser { width: 150px; height: 100px; display: block; margin: auto; background-image: url('../img/sign-up-appraiser.png'); }
    .icon.sign-up-amc { width: 150px; height: 100px; display: block; margin: auto; background-image: url('../img/sign-up-amc.png'); }
    .icon.sign-up-agent { width: 150px; height: 100px; display: block; margin: auto; background-image: url('../img/sign-up-agent.png'); }
    .icon.sign-up-inspector { width: 150px; height: 100px; display: block; margin: auto; background-image: url('../img/sign-up-inspector.png'); }
    .icon.refresh { background-position: -3px -1073px; height: 15px; width: 17px; margin-right: 4px; }
    .icon.submit { background-position: -29px -1073px; height: 15px; width: 15px; margin-right: 4px; }
    .icon.submit-as-new { background-position: -27px -705px; height: 19px; width: 21px; margin-right: 4px; }
    .icon.cancel { background-position: -5px -1093px; height: 15px; width: 15px; margin-right: 2px; }
    .icon.warning { background-position: -33px -1315px; height: 15px; width: 10px; margin-right: 4px; }
    .icon.setup-warning { background-position: -29px -2213px; width: 18px; height: 18px; }
    .icon.edit-yellow { background-position: -3px -1112px; height: 15px; width: 15px; margin-right: 4px; }
    /*.icon.add-blue { background-position: -28px -1092px; height: 15px; width: 15px; margin-right: 4px; }*/
    .icon.bid { background-position: -4px -1131px; height: 16px; width: 16px; margin-right: 7px; }
    .icon.search { background-position: -28px -1130px; }
    .icon.mail.empty { background-position: -29px -1148px; height: 16px; width: 16px; margin-right: 7px; }
    .icon.mail.fill { background-position: -4px -1148px; height: 16px; width: 16px; margin-right: 7px; }
    .icon.mail.big.alert { background-position: 0px -1164px; height: 24px; width: 24px; margin-right: 7px; }
    /*.icon.share { background-position: -0px -1190px; height: 16px; width: 23px; margin-right: 7px; }
.icon.preferences { background-position: -29px -1190px; height: 18px; width: 23px; margin-right: 7px; }*/
    /*.icon.share { background-position: -25px -1563px; height: 22px; width: 23px; margin-right: 7px; }
.icon.preferences { background-position: -25px -1760px; height: 22px; width: 23px; margin-right: 7px; }*/
    /*.icon.closeBidding { background-position: -0px -1763px; height: 18px; width: 18px; margin-right: 7px; }*/
    .icon.refresh-blue { background-position: -3px -1211px; height: 14px; width: 15px; margin-right: 4px; }
        .icon.refresh-blue.float-right { margin-right: -15px; margin-top: 2px; }
    .icon.download { background-position: -30px -1211px; height: 18px; width: 18px; }
    .icon.message { background-position-y: -1232px; height: 18px; width: 18px; margin: 0 !important; }
        .icon.message.sent { background-position: 0px -1233px; }
        .icon.message.received { background-position: -28px -1233px; }
    .icon.mail { background-position: 0px -1297px; height: 16px; width: 22px; margin-right: 7px; }
        .icon.mail.reply { background-position: 0px -1252px; height: 16px; width: 20px; margin-right: 7px; }
        .icon.mail.attachment { background-position: -31px -1255px; height: 16px; width: 16px; margin-right: 7px; }
        .icon.mail.multiple { background-position: -29px -1272px; height: 20px; width: 20px; margin-right: 0px; margin-top: 0px; }
        .icon.mail.view-message { background-position: -29px -1488px; height: 20px; width: 16px; margin-right: 4px; }
        .icon.mail.read { background-position: -30px -1784px; height: 17px; width: 17px; margin-right: 4px; }
        .icon.mail.unread { background-position: -30px -1805px; height: 11px; width: 17px; margin-right: 4px; }
        .icon.mail.action-required { background-position: -31px -2877px; height: 20px; width: 13px; margin-right: 0px; margin-top: 0px; }
    .icon.activity { background-position: -0px -1313px; height: 22px; width: 22px; margin-right: 0px; margin-top: 0px; }
    .icon.add-blue { background-position: 0 -1335px; cursor: pointer; height: 22px; width: 22px; margin-right: 0px; }
    .icon.upload { background-position: -29px -1357px; width: 22px; height: 20px; margin-top: -2px; }
    .icon.upload-red { background-position: 0 -1844px; width: 24px; height: 24px; margin-right: 3px; }
    .icon.radio { background: url(../img/gdms-sprite-icons-2.png?v=5_4_0_0) no-repeat; background-position: -20px 0px; margin-top: 0px; }
        .icon.radio.semi-fill { background-position: -20px -20px; }
        .icon.radio.total-fill { background-position: -20px -40px; }
    .icon.zone { background-position: -22px -1003px; height: 20px; width: 27px; margin-right: 4px; }
    .icon.view { background-position: 0 -1403px; height: 26px; width: 25px; }
    .icon.primary { background-position: -23px -1404px; height: 20px; width: 25px; margin: 0; }
    .icon.secondary { background-position: -22px -1431px; height: 20px; width: 25px; margin: 0; }
    .icon.tertiary { background-position: -22px -1458px; height: 20px; width: 25px; margin: 0; }
    .icon.primary-grey { background-position: -23px -2288px; height: 20px; width: 25px; margin: 0; }
    .icon.secondary-grey { background-position: -23px -2315px; height: 20px; width: 25px; margin: 0; }
    .icon.tertiary-grey { background-position: -23px -2342px; height: 20px; width: 25px; margin: 0; }
    .icon.payment { background-position: -2px -1483px; height: 24px; width: 27px; margin-right: 0; }
        .icon.payment.manual { background-position: 0 -1559px; height: 24px; width: 24px; margin-right: 0; }
        .icon.payment.trim { background-position: 0px -1487px; height: 18px; width: 24px; margin-right: 0; }
    .icon.request-payment { background-position: -3px -2210px; height: 24px; width: 24px; margin-right: 0; }
    .icon.request-invoice-approval.manual { background-position: 0 -2850px; height: 19px; width: 22px; margin-right: 0; }
    .icon.ach-payment { background-position: -1px -3023px; height: 22px; width: 22px; margin-right: 0; }
    .icon.expand2 { background-position: 0 -1511px; height: 20px; width: 20px; }
        .icon.expand2.closed { background-position: -27px -1511px; }
        .icon.expand2.opened { background-position: -1px -1511px; }
        .icon.expand2.nomargin { margin-top: 0px; }
    .icon.award_star { background-position: -1px -1534px; height: 22px; }
        .icon.award_star.gray { background-position: -30px -1377px; height: 22px; }
    .icon.invoice { background-position: -25px -1533px; height: 24px; width: 24px; margin-right: 0px; }
    .icon.invoice-download { background-position: -2px -2041px; height: 24px; width: 22px; }
    .icon.invoice-preview { background-position: -26px -2040px; height: 29px; width: 24px; }
    .icon.cc-receipt { background-position: -26px -2069px; height: 25px; width: 21px; }
    .icon.viewtemplate { background-position: 0 -1447px; height: 29px; width: 23px; }
    .icon.viewmessage { background-position: -30px -1483px; height: 21px; width: 18px; }
    .icon.voidpayment { background-position: 0 -1587px; height: 26px; width: 40px; }
    .icon.left-spacer { margin-left: 10px; }
    /*.icon.checkbox-complete { background-position: -3px -1664px; height: 22px; width: 22px; }
.icon.upload-document { background-position: -26px -1664px; width: 24px; height: 24px; margin-right: 4px; }*/
    .icon.view-users { background-position: 0 -1688px; width: 20px; height: 20px; }
    .icon.ellipsis { background-position: -30px -1687px; width: 20px; height: 20px; }
    .icon.calendar-reschedule { background-position: 0 -1713px; width: 20px; height: 21px; margin-right: 5px; }
    .icon.calendar-complete { background-position: -27px -1713px; width: 20px; height: 20px; margin-right: 5px; }
    .icon.submit-finalreport { background-position: -29px -1846px; width: 20px; height: 20px; margin-right: 5px; }
    .icon.onhold { background-position: 0px -2870px; width: 20px; height: 20px; margin-right: 5px; }
    .icon.offhold { background-position: 0px -2891px; width: 20px; height: 20px; margin-right: 5px; }
    .icon.calendar-view { background-position: 0 -1738px; width: 25px; height: 25px; }
    .icon.mail-header { background-position: 5px -1782px; width: 24px; height: 20px; }
    .icon.alert-header { background-position: 0 -1800px; width: 24px; height: 20px; }
    .icon.alert-triangle { background-position: 0 -1824px; width: 22px; height: 19px; }
    .icon.calendar-schedule { background-position: 0 -1893px; width: 20px; height: 21px; margin-right: 5px; }
    .icon.checkbox-complete { background-position: -30px -1871px; width: 18px; height: 18px; margin-right: 5px; }
    .icon.closeBidding { background-position: -0px -1871px; height: 18px; width: 18px; margin-right: 7px; }
    .icon.cancelBidding { background-position: 0 -2602px; height: 21px; width: 21px; margin-right: 7px; }
    .icon.share { background-position: 0 -1918px; height: 19px; width: 19px; margin-right: 7px; }
    .icon.preferences { background-position: -29px -1894px; height: 21px; width: 19px; margin-right: 7px; }
    .icon.upload-document { background-position: -28px -1916px; width: 19px; height: 18px; margin-right: 4px; }
    .icon.download-document { background-position: -27px -1960px; width: 24px; height: 24px; }
    .icon.unavailable { background-position: 0 -1960px; width: 24px; height: 24px; }
    .icon.upload-DNU { background-position: 0 -2285px; width: 24px; height: 24px; margin-right: 3px; }
    .icon.download-transparent { background-position: -8px -2414px; width: 20px; height: 24px; }
    .icon.import-transparent { background-position: -28px -2414px; width: 20px; height: 24px; }
    .icon.view-form-data { background-position: 0px -2436px; width: 20px; height: 24px; margin-right: 3px; margin-top: 0px; }
    .icon.dataproduct-preview { background-position: 0 -2625px; height: 28px; width: 23px; margin-right: 0px; margin-top: -1px; }
    .icon.view-submission-data { background-position: 0px -2729px; width: 23px; height: 27px; margin-right: 0px; margin-top: 0px; }
    .icon.view-mars-data { background-position: 0px -2757px; width: 22px; height: 27px; margin-right: 0px; margin-top: 0px; }

    /*.icon.info { background-position: 0 -852px; cursor: pointer; height: 24px; width: 20px; }*/
    .icon.info.blue { background-position: -1px -1273px; height: 20px; width: 20px; margin-right: 0px; margin-top: 0px; }

    .icon.info,
    .icon.tooltip { background-position: -30px -1940px; width: 16px; height: 16px; }

    .icon.active-filter { background-position: -27px -1991px; width: 20px; height: 20px; }
    .icon.inactive-filter { background-position: 0 -1991px; width: 20px; height: 20px; }
    .icon.attachment { background-position: 0 -2017px; width: 24px; height: 24px; }
    .icon.question-yellow { background-position: -28px -2018px; width: 24px; height: 20px; }
    .icon.zones { background-position: 0 -2821px; width: 30px; height: 24px; margin-right: 7px; }
    .icon.clock-empty { background-position: -26px -2095px; width: 22px; height: 22px; }
    .icon.clock-filled { background-position: -1px -2095px; width: 22px; height: 22px; }

    .icon.report-due { background-position: -1px -2235px; width: 23px; height: 24px; }
    .icon.schedule-event { background-position: -24px -2235px; width: 25px; height: 24px; }
    .icon.connect { background-position: -1px -2262px; width: 22px; height: 22px; }
    .icon.connect-large { background-position: -25px -2261px; width: 26px; height: 24px; margin-right: 4px; }
    .icon.submit-inactive { background-position: -0px -2315px; height: 22px; width: 22px; }
    .icon.print { background-position: -0px -2342px; height: 20px; width: 25px; margin: 0; }
    .icon.message { background-position: -0px -2370px; height: 20px; width: 25px; margin: 0; }
    .icon.print-small { background-position: -26px -2370px; height: 20px; width: 25px; margin: 0; }
    .icon.vendor-setting { background-position: 0 -2390px; width: 29px; height: 24px; margin-right: 3px; }
    .icon.drag-and-drop { background-position: 0 -2456px; width: 24px; height: 24px; }
    .icon.assigned-vendor { background-position: -27px -2458px; height: 20px; width: 20px; margin: 0; }
    .icon.mark-reviewed { background-position: -24px -2480px; width: 24px; height: 24px; }

    .icon.map { background-position: 0px -2506px; width: 24px; height: 24px; }
    .icon.location { background-position: -26px -2506px; width: 24px; height: 24px; }

    .icon.edit-header { background-position: 2px -2555px; width: 24px; height: 24px; }
    .icon.edit-footer { background-position: -26px -2554px; width: 24px; height: 24px; }
    .icon.copy { background-position: 2px -2577px; width: 24px; height: 24px; }
    .icon.add-note { background-position: -25px -2576px; width: 24px; height: 24px; margin-right: 0 !important; }
    .icon.close-selection-period { background-position: -26px -2602px; width: 24px; height: 24px; }
    .icon.submit-ead-small { background-position: -27px -2628px; width: 23px; height: 22px; padding-right: 5px; }
    .icon.submit-ucdp-small { background-position: -27px -2728px; width: 23px; height: 22px; padding-right: 5px; }

    .icon.ucdpead { width: 24px; height: 24px; }
        .icon.ucdpead.hard-stop { background-position: 1px -2654px; }
        .icon.ucdpead.success { background-position: -26px -2654px; }
        .icon.ucdpead.harder-stop { background-position: 1px -2677px; }
        .icon.ucdpead.submission-error { background-position: -26px -2677px; }

    .icon.requestReviewRevision { background-position: -24px -2703px; width: 24px; height: 24px; }
    .icon.submitReviewRevision { background-position: 0px -2703px; width: 24px; height: 24px; }
    .icon.configureFeeCriteria { background-position: 0 -2788px; width: 27px; height: 30px; margin-right: 7px; }
    .icon.original-appraiser { background-position: -25px -2894px; width: 24px; height: 28px; }
    .icon.rebroadcast { background-position: 0px -2916px; width: 20px; height: 24px; margin-right: 5px; }
    .icon.project-folders { background-position: -27px -2920px; width: 20px; height: 18px; }
    .icon.view-bias-alert-data { background-position: -26px -2968px; width: 22px; height: 34px; }

    .icon.cancelRevisionRequest { background-position: 0 -2602px; height: 21px; width: 21px; margin-right: 7px; }

    .icon.submit-bace { background-position: 1px -2972px; height: 23px; height: 22px; padding-right: 5px; }

/* Other Icon Styles
-----------------------------------------------------------*/

.lightbox .icon { display: inline-block; margin-bottom: -3px; }
input + .icon.no-margin,
select + .icon.no-margin { margin-top: 4px; }
.ui-state-default .icon.flag { background-position: 0 -160px; cursor: pointer; }
.flagHover.icon.flag { background-position: -24px -160px; cursor: pointer; }
.ui-state-active .icon.flag { background-position: -1px -133px; }
.sidenav .alert { position: absolute; left: -11px; margin-top: 2px; }
.ui-state-default .icon.checkbox { background-position: 0 -655px; cursor: pointer; }
.ui-state-active .icon.checkbox { background-position: -25px -655px; }

.title-bar .icon.setting { margin-top: 2px; margin-right: 6px !important; }
a:hover .icon.menu { background-position: -27px -480px; }
.rating { width: 95px; height: 20px; display: block; background: url(../img/star-rating.png) no-repeat top left; }
    .rating.stars-4-5 { background-position: 0 -20px; }
    .rating.stars-4 { background-position: 0 -40px; }
    .rating.stars-3-5 { background-position: 0 -60px; }
    .rating.stars-3 { background-position: 0 -80px; }
    .rating.stars-2-5 { background-position: 0 -100px; }
    .rating.stars-2 { background-position: 0 -120px; }
    .rating.stars-1-5 { background-position: 0 -140px; }
    .rating.stars-1 { background-position: 0 -160px; }
    .rating.stars-0-5 { background-position: 0 -180px; }
.btn-inactive .icon.new-msg { display: block; background-position: 0 -606px; }
.blockLabel .icon { float: left; margin: -2px 5px 0 0; }
.title-bar .icon.delete-white { margin-top: -6px; }

/* Input Submit Icon Styles
-----------------------------------------------------------*/
input.icon { margin: 0px; padding: 0px; border: 0px; box-shadow: none; border-radius: 0; margin-top: -4px; }
input + .icon.no-margin,
select + .icon.no-margin { margin-left: 4px; }

/* Header Navigation Icons
-----------------------------------------------------------*/
.top-nav span.nav-icon { background: url(../img/gdms-sprite-icons.png?v=5_4_0_0) no-repeat; display: inline-block; width: 22px; height: 22px; margin: 0 auto 0 auto; position: relative; right: 5px; top: 5px; }
    .top-nav span.nav-icon.nav-dashboard { background-position: 0 -232px; }
    .top-nav span.nav-icon.nav-orders { background-position: -1px -824px; }
    .top-nav span.nav-icon.nav-vendors { background-position: 0 -295px; }
    .top-nav span.nav-icon.nav-profile { background-position: 0 -328px; }
    .top-nav span.nav-icon.nav-accounting { background-position: 0 -355px; }
    .top-nav span.nav-icon.nav-reports { background-position: 0 -383px; }
    .top-nav span.nav-icon.nav-tools { background-position: 0 -410px; }
    .top-nav span.nav-icon.nav-search { background-position: 0 -443px; }
    .top-nav span.nav-icon.nav-connections { background-position: 0 -1027px; }
    .top-nav span.nav-icon.nav-setup { background-position: -26px -1027px; }
    .top-nav span.nav-icon.nav-financials { background-position: -25px -1535px; }
.top-nav span > .nav-icon { top: 2px; }

/* jQuery UI Icons
-----------------------------------------------------------*/
.j-icon { background: url(../img/ui-icons_222222_256x240.png) no-repeat; width: 14px; height: 14px; text-indent: -1000px; overflow: hidden; display: inline-block; vertical-align: middle; margin-top: -2px; }
    /* Colors */
    .j-icon.j-blue { background-image: url(../img/ui-icons_2e83ff_256x240.png); }
    .j-icon.j-dgray { background-image: url(../img/ui-icons_454545_256x240.png); }
    .j-icon.j-lgray { background-image: url(../img/ui-icons_888888_256x240.png); }
    .j-icon.j-red { background-image: url(../img/ui-icons_cd0a0a_256x240.png); }
    /* Icon Types */
    .j-icon.right-arrow { background-position: -113px -193px; }
    .j-icon.down-arrow { background-position: -129px -193px; }
    .j-icon.left-arrow { background-position: -145px -193px; }
    .j-icon.up-arrow { background-position: -161px -193px; }
    .j-icon.clock { background-position: -82px -114px; }
/* Link Icon Styles */
a > .j-icon, a.j-icon { margin-left: 2px; margin-right: 2px; }
a:hover.j-icon.j-blue,
a:hover > .j-icon.j-blue,
a:hover.j-icon.j-dgray,
a:hover > .j-icon.j-dgray,
a:hover.j-icon.j-lgray,
a:hover > .j-icon.j-lgray,
a:hover.j-icon.j-red,
a:hover > .j-icon.j-red { background-image: url(../img/ui-icons_222222_256x240.png); }
a:hover > .j-icon.clock.j-red { background-image: url(../img/ui-icons_cd0a0a_256x240.png); }

/*sprite Document Icons
-----------------------------------------------------------*/
.doc { background: url(../img/sprite-documents.png?v=5_4_0_2) no-repeat; width: 20px; height: 23px; text-indent: -1000px; overflow: hidden; display: inline-block; }
    .doc.lrg { width: 32px; height: 63px; text-indent: -1000px; overflow: hidden; display: block; }
    .doc.missing { background-position: 0 -353px; }
        .doc.missing.lrg { background-position: -25px -353px; }
    .doc.pdf { background-position: 0 0; }
        .doc.pdf.lrg { background-position: -25px 1px; }
    .doc.exl { background-position: 0 -70px; }
        .doc.exl.lrg { background-position: -25px -69px; }
    .doc.jpg { background-position: 0 -140px; }
        .doc.jpg.lrg { background-position: -25px -139px; }
    .doc.docx { background-position: 0 -210px; }
        .doc.docx.lrg { background-position: -25px -210px; }
    .doc.xml { background-position: 0 -282px; }
        .doc.xml.lrg { background-position: -25px -282px; }
    .doc.red.lrg { background-position: -25px 1px; height: 47px; margin-right: 5px; }
    .doc.ppt { background-position: 0 -422px; }
    .doc.signedReviewForm { background-position: 0px -500px; }
    .doc.marsHTMLDocument { background-position: 0px -529px; }
    .doc.marsPDFDocument { background-position: -27px -529px; }
    .doc.mlsComparableReport { background-position: -0px -554px; }
    .doc.biasAlert { background-position: -27px -554px; }
/* Document Icons
-----------------------------------------------------------
.doc { background: url(../img/documents-icons.png) no-repeat; width: 26px; height: 32px; text-indent: -1000px; overflow: hidden; display: inline-block; }
    .doc.bmp { background-position: -2px -2px; }
    .doc.txt { background-position: -35px -2px; }
    .doc.doc { background-position: -2px -39px; }

    .doc.pdf { background-position: 0 0; }
        .doc.pdf.lrg { background-position: -25px 1px; }
    .doc.exl { background-position: 0 -70px; }
        .doc.exl.lrg { background-position: -25px -69px; }
    .doc.jpg { background-position: 0 -140px; }
        .doc.jpg.lrg { background-position: -25px -139px; }
    .doc.docx { background-position: 0 -210px; }
        .doc.docx.lrg { background-position: -25px -210px; }
    .doc.xml { background-position: 0 -280px; }
        .doc.xml.lrg { background-position: -25px -280px; }*/
/* Link Icons
-----------------------------------------------------------*/
a.excel { display: block; text-indent: -1000px; overflow: hidden; width: 14px; height: 16px; background: url(../img/gdms-sprite-icons.png?v=4_1_0_0) no-repeat 0 -779px; margin: 0 auto; }
a.pdf { display: block; text-indent: -1000px; overflow: hidden; width: 14px; height: 16px; background: url(../img/gdms-sprite-icons.png?v=4_1_0_0) no-repeat -36px -779px; margin: 0 auto; }
a.rightarrowblue { display: block; text-indent: -1000px; overflow: hidden; width: 14px; height: 14px; background: url(../img/gdms-sprite-icons.png?v=4_1_0_0 no-repeat -34px -555px; margin: 0 auto; }
a.popout { display: block; text-indent: -1000px; overflow: hidden; width: 14px; height: 14px; background: url(../img/gdms-sprite-icons.png?v=4_1_0_0) no-repeat 0 -505px; margin: 0 auto; }
a.popin { display: block; text-indent: -1000px; overflow: hidden; width: 14px; height: 14px; background: url(../img/gdms-sprite-icons.png?v=4_1_0_0) no-repeat -18px -730px; margin: 0 auto; }
a.delete { font-size: 11px; color: #909090; background: url(../img/gdms-sprite-icons.png?v=4_1_0_0) no-repeat -40px -608px; display: block; width: 15px; min-height: 15px; }
    a.delete.inline { font-size: 11px; color: #909090; background: url(../img/gdms-sprite-icons.png?v=4_1_0_0) no-repeat -40px -608px; display: inline-block; width: 15px; }
a.add { padding-left: 14px; background: url(../img/gdms-sprite-icons.png?v=4_1_0_0) no-repeat -40px -748px; }
    a.add:hover { background-position-y: -761px; }
a.back { font-family: "myriad-pro",sans-serif; display: block; margin-bottom: 5px; font-size: 16px; line-height: 15px; }

/* Task Manager Icons
-----------------------------------------------------------*/
.task-manager-icons { display: inline-block; overflow: hidden; background-repeat: no-repeat; background-image: url(../img/task_manager.png?v=4_1_0_0); }
    .task-manager-icons.Pill_AcceptOrder { width: 80px; height: 70px; background-position: -2px -2px; }
    .task-manager-icons.Pill_AssignService { width: 80px; height: 70px; background-position: -84px -2px; }
    .task-manager-icons.Pill_DeliverFiles { width: 80px; height: 70px; background-position: -166px -2px; }
    .task-manager-icons.Pill_Followup { width: 80px; height: 70px; background-position: -248px -2px; }
    .task-manager-icons.Pill_InspectProperty { width: 80px; height: 70px; background-position: -330px -2px; }
    .task-manager-icons.Pill_InvoiceOrder { width: 80px; height: 70px; background-position: -412px -2px; }
    .task-manager-icons.Pill_PayVendors { width: 80px; height: 70px; background-position: -494px -2px; }
    .task-manager-icons.Pill_ReviewReports { width: 80px; height: 70px; background-position: -576px -2px; }
    .task-manager-icons.Pill_ScheduleInspection { width: 80px; height: 70px; background-position: -658px -2px; }
    .task-manager-icons.Pill_SubmitBid { width: 80px; height: 70px; background-position: -740px -2px; }
    .task-manager-icons.Pill_SubmitReports { width: 80px; height: 70px; background-position: -822px -2px; }
    .task-manager-icons.Pill_SubmitReviews { width: 80px; height: 70px; background-position: -1313px -2px; }
    .task-manager-icons.Pill_SubmitRevisions { width: 80px; height: 70px; background-position: -904px -2px; }
    .task-manager-icons.Pill_ReviewDocuments { width: 80px; height: 70px; background-position: -986px -2px; }
    .task-manager-icons.Pill_SelectPreferences { width: 80px; height: 70px; background-position: -1068px -2px; }
    .task-manager-icons.Pill_SubmitRequirements { width: 80px; height: 70px; background-position: -1150px -2px; }
    .task-manager-icons.Pill_AssignEngagers { width: 80px; height: 70px; background-position: -1230px -2px; }
    .task-manager-icons.Pill_ApproveInvoices { width: 80px; height: 70px; background-position: -1400px -2px; }
    .task-manager-icons.Pill_RequestApproval { width: 80px; height: 70px; background-position: -1487px -2px; }

    /* Compact Icons */
    .task-manager-icons.compact.Pill_AssignService { width: 40px; height: 35px; background-position: -2px -2px; background-size: 40px; }
    .task-manager-icons.compact.Pill_DeliverFiles { width: 40px; height: 35px; background-position: -2px -34px; background-size: 40px; }
    .task-manager-icons.compact.Pill_Followup { width: 40px; height: 35px; background-position: -2px -68px; background-size: 40px; }
    .task-manager-icons.compact.Pill_InvoiceOrder { width: 40px; height: 35px; background-position: -2px -102px; background-size: 40px; }
    .task-manager-icons.compact.Pill_PayVendors { width: 40px; height: 35px; background-position: -2px -136px; background-size: 40px; }
    .task-manager-icons.compact.Pill_ReviewReports { width: 40px; height: 35px; background-position: -2px -171px; background-size: 40px; }
    .task-manager-icons.compact.Pill_ScheduleInspection { width: 40px; height: 35px; background-position: -2px -205px; background-size: 40px; }

/* On Off Toggle
-----------------------------------------------------------*/
input.toggle[type=checkbox] { display: none; }
    input.toggle[type=checkbox] + label { width: 50px; height: 24px; display: inline-block; margin: auto; background: url(../img/on-off-toggle.png) no-repeat; background-position: 0px 0px; vertical-align: middle; }
    input.toggle[type=checkbox]:checked + label { width: 50px; height: 24px; display: inline-block; margin: auto; background: url(../img/on-off-toggle.png) no-repeat; background-position: 0px -25px; vertical-align: middle; }

    /*input.toggle[type=checkbox]:not(:disabled):checked + label:hover { width: 50px; height: 24px; display: inline-block; margin: auto; background: url(../img/on-off-toggle.png) no-repeat; background-position: 0px -25px; vertical-align: middle;}
input.toggle[type=checkbox]:not(:disabled) + label:hover{ width: 50px; height: 24px; display: inline-block; margin: auto; background: url(../img/on-off-toggle.png) no-repeat; background-position: 0px -25px; vertical-align: middle;}*/

    input.toggle[type=checkbox]:disabled + label { width: 50px; height: 24px; display: inline-block; margin: auto; background: url(../img/on-off-toggle.png) no-repeat; background-position: 0px -50px; vertical-align: middle; }
    input.toggle[type=checkbox]:checked:disabled + label { width: 50px; height: 24px; display: inline-block; margin: auto; background: url(../img/on-off-toggle.png) no-repeat; background-position: 0px -75px; vertical-align: middle; }

/*input.toggle[type=checkbox].locked + label{ width: 50px; height: 24px; display: inline-block; margin: auto; background: url(../img/on-off-toggle.png) no-repeat; background-position: 0px -75px; vertical-align: middle;}
input.toggle[type=checkbox].locked:checked + label{ width: 50px; height: 24px; display: inline-block; margin: auto; background: url(../img/on-off-toggle.png) no-repeat; background-position: 0px -100px; vertical-align: middle;}*/
label.toggle.locked { width: 50px; height: 24px; display: inline-block; margin: auto; background: url(../img/on-off-toggle.png) no-repeat; vertical-align: middle; }
    label.toggle.locked.on { background-position: 0px -75px; }
    label.toggle.locked.off { background-position: 0px -50px; }

div.background-alert { width: 50px; height: 24px; margin-bottom: -24px !important; border-radius: 1em; background: red; box-shadow: 0 0 10px red; }

.background-alert { width: 49px; height: 23px; position: absolute; border-radius: 1em; background: red; box-shadow: 0 0 10px red; }

.vendor-settings input.toggle[type=checkbox] { display: none; }
    .vendor-settings input.toggle[type=checkbox] ~ label { width: 50px; height: 24px; display: inline-block; margin: auto; background: url(../img/on-off-toggle.png) no-repeat; background-position: 0px 0px; vertical-align: middle; }
    .vendor-settings input.toggle[type=checkbox]:checked ~ label { width: 50px; height: 24px; display: inline-block; margin: auto; background: url(../img/on-off-toggle.png) no-repeat; background-position: 0px -25px; vertical-align: middle; }
    .vendor-settings input.toggle[type=checkbox]:disabled ~ label { width: 50px; height: 24px; display: inline-block; margin: auto; background: url(../img/on-off-toggle.png) no-repeat; background-position: 0px -50px; vertical-align: middle; }
    .vendor-settings input.toggle[type=checkbox]:checked:disabled ~ label { width: 50px; height: 24px; display: inline-block; margin: auto; background: url(../img/on-off-toggle.png) no-repeat; background-position: 0px -75px; vertical-align: middle; }


.icon.has-dependency { background-position: 0px -2532px; width: 22px; height: 22px; }
.icon.clear { background-position: -25px -2535px; width: 22px; height: 20px; }

/* Google Material Design Icons
-----------------------------------------------------------*/
/* Sprint Sheets */
.g-material-icon-maps-black { background-image: url(../material-design/sprite-maps-black.PNG); display: inline-block; }

/* Icons */
.icon-ic_map_black_24dp { background-position: -165px -197px; width: 22px; height: 22px; }

/* Drag and Drop */
.icon.drag-anchor { background-position: -7px -2482px; height: 20px; width: 9px; }
.form-container .tab-menu.sidenav-left .tab-menu-items .tab-menu-item .icon.drag-anchor { margin-top: -7px !important; }

/* New Icon 'i' information (fyi) */
.icon.fyi { background-image: url('../img/icon_fyi.png?v=5_4_0_0'); display: inline-block; }

/* Full Calendar Styles
-------------------------------------------------------------------------------*/
.fc table.fc-header { margin: 0px; border: 0px; }
    .fc table.fc-header .fc-header-title h2 { font-size: 21px; font-weight: bold; }
.fc .fc-content .fc-view table { margin: 0px; border: 0px; border-color: #827f77; font-size: 14px; }
    .fc .fc-content .fc-view table thead tr th.fc-widget-header { background: #ccc url(../img/widget_bg.png) repeat-x top left; padding: 3px 0; font-size: 14px; }
    .fc .fc-content .fc-view table tbody tr td { transition: all .3s; }
        .fc .fc-content .fc-view table tbody tr td.fc-day:hover { box-shadow: #1A84B2 0px 0px 5px inset; background-color: #eee; }
        .fc .fc-content .fc-view table tbody tr td.fc-state-highlight { background-color: #FFB; }

/* *************************************************************************** */
/* *****                         evo.shared.css                          ***** */
/* *************************************************************************** */
/* Contact Template Stuff
-------------------------------------------------------------------------------*/
.contactContainer { padding-top: 10px; }
    .contactContainer .deleteContact { position: relative; right: -12px; margin-top: -20px; }
    .contactContainer > .record.row .col-2 { width: 65%; }
        .contactContainer > .record.row .col-2:first-of-type { width: 35%; }

/* Phone Template Stuff
-------------------------------------------------------------------------------*/
td.phoneExtension { width: 80px; }


/* Text Highlights
-------------------------------------------------------------------------------*/
.past-due { color: #F00; font-weight: bold; }
.due-soon { color: #F6C342; font-weight: bold; }
.in-process { color: #1A84B2; font-weight: bold; }
.no-work { color: #000; font-weight: bold; }
.due-in-days { display: inline-block; padding-right: 5px; }
.due-in-hours { display: inline-block; padding-right: 5px; }
.due-in-minutes { display: inline-block; }
.right-text .due-in-days { padding-right: 2px; }
.right-text .due-in-hours { padding-right: 10px; min-width: 28px; }
.right-text .due-in-minutes { padding-right: 10px; min-width: 28px; }

/* Received Messages
-------------------------------------------------------------------------------*/
.received-messages .message-icon { width: 25px; }
.received-messages .message-content { width: 300px; }
.received-messages .message-actions { width: 85px; }

.received-messages .btn { color: #333 !important; }

.messageRecipientName { font-weight: normal; display: inline-block; }
.messageRecipientRole { font-size: x-small; padding-left: 0px; }


.messageMore { text-decoration: none; color: #008fbf; cursor: pointer; }

/* Mail Notification
-------------------------------------------------------------------------------*/
.notificationBubble { position: absolute; margin-top: -24px; margin-left: 17px; padding: 1px 4px 1px 4px; background-color: red; color: white; font-weight: bold; font-size: xx-small; border-radius: 20px; box-shadow: 1px 1px 1px gray; }

/* *************************************************************************** */
/* *****                         evo.setup.css                           ***** */
/* *************************************************************************** */

/* Setup Add
-------------------------------------------------------------------------------*/
.setupadd table tbody tr { background: none; }
.setupaddress { margin-left: -10px; }
    .setupaddress .row { width: 102%; }

/* Office
-------------------------------------------------------------------------------*/
.addeditoffice .addressData .col-1 { padding: 0; width: 100%; }
.addeditoffice .data-detail { padding: 19px 0 19px; }

/* Parent Office
-------------------------------------------------------------------------------*/
.officeLink a { font-size: 14px; color: #333; display: block; padding: 1% 1% 1% 5%; border: 1px solid #ccc; border-radius: 10px; font-weight: bold; background-color: #f1f1f1; transition: all .2s; }
    .officeLink a:hover { background-color: #ddd; box-shadow: 0 0 10px #fff inset; }

/* Emails/Phones table
-------------------------------------------------------------------------------*/
.data-detail span.primaryicon { width: 24px; }

/* Contacts table
-------------------------------------------------------------------------------*/
.order-contacts td { padding: 5px !important; }
.order-contacts tr td:first-child { text-align: center !important; }

/* Contacts table
-------------------------------------------------------------------------------*/
.fulfillment-contacts .box-80 { width: 100% !important; }
.fulfillment-contacts .display-section { width: 80% !important; }

/* Add Roles
-------------------------------------------------------------------------------*/
.subgroupheader { border-top: 1px solid #dbdbdb; font-weight: bold; font-size: 14px; background-color: #dbdbdb; }
.subsubgroupheader { font-size: 14px; border-top: 1px solid #EFEFEF; background-color: #EFEFEF; }
.dataTable .subsubgroup { background-color: #EFEFEF; font-weight: bold; font-size: 13px; vertical-align: middle; line-height: 21px; }
#cboxLoadedContent > .addrole { width: 350px; }
.data-detail .roleName { width: 30%; }
.data-detail .edit { margin-left: 20px; }

/* Fee Tables
-------------------------------------------------------------------------------*/
.feeaddbtn { padding-left: 15px; }
.fees .fee-input.col-name { padding-top: 7px; }

/* Add Fee Coverage Table
-------------------------------------------------------------------------------*/
.setup .row > .col-amount { width: 65%; display: inline-block; }
.setup .row > .col-name { width: 34%; text-align: left; padding-right: 10px; padding-left: 0px; display: inline-block; font-size: 13px; float: left; }
    .setup .row > .col-name > .icon { position: absolute; margin-left: -20px; margin-top: 2px; }

/* *************************************************************************** */
/* *****                        evo.public.css                           ***** */
/* *************************************************************************** */

/* Login
-------------------------------------------------------------------------------*/
.public.login article { display: table; height: 70%; margin: 0 auto; width: 100%; background: white; border-bottom: 1px solid #ccc; }
    .public.login article .container { display: table-cell; vertical-align: middle; min-width: 500px; }
        .public.login article .container .content { border-width: 0px; }
            .public.login article .container .content .login-box { width: 25%; width: 400px; }
.public.login footer .container { min-width: 500px; }

/* Forgot Password Generic
-------------------------------------------------------------------------------*/
.public .forgotpassword .step-view .step-overview .progress-bar ul { margin: 1em 0; }
    .public .forgotpassword .step-view .step-overview .progress-bar ul li { font-size: 25px; }
.public .forgotpassword .step-view .step-overview .progress-bar .progress_link label { font-size: 20px; }

/* *************************************************************************** */
/* *****                        evo.home.css                             ***** */
/* *************************************************************************** */

/* Header
-------------------------------------------------------------------------------*/
/*header .top-nav nav { margin-top: 2px; background: #22252A url(../img/nav_bg.png) repeat-x top left; color: #FFF; }
    header .top-nav nav .links > * { border-left-color: #56656c; border-right-color: #32393f; }
        header .top-nav nav .links > *:hover { background: #424D53; }
        header .top-nav nav .links > *.active { border-left-color: #1C87B4; border-right-color: #1C87B4; background: #1A84B2 url(../img/btn_blue-bg.png) repeat-x top left; }
            header .top-nav nav .links > *.active:hover { background: #1A84B2; }
        header .top-nav nav .links > *.sub-menu .menu-options { background: #424D53; }
        header .top-nav nav .links > *.active.sub-menu .menu-options { background: #1A84B2; border-color: #1C87B4; }
            header .top-nav nav .links > *.active.sub-menu .menu-options li a:hover { background: #424D53; }*/
body { padding: 0px; }
/*html { background-color: #efefef; }*/
header { background: #fff; margin-bottom: 20px; border-bottom: 1px solid #ccc; padding-bottom: 5px; padding-top: 5px; min-width: 1040px; }
    header .top-nav { background: none; border-bottom: none; border-radius: 0; margin-bottom: 0px; min-height: 57px; }
        header .top-nav > * { min-height: 57px; }
        header .top-nav .login-bar { float: right; padding: 21px 20px 0 0; }
            header .top-nav .login-bar .public-menu a { color: #000; letter-spacing: 1px; font-size: 13px; color: #000; }
                header .top-nav .login-bar .public-menu a:hover { text-shadow: 1px 1px 2px #ccc; color: #008FBF; }
            header .top-nav .login-bar .down-arrow { margin-top: 3px; margin-right: -2px; }
            header .top-nav .login-bar .icon.mail { margin-right: 0px; }
            header .top-nav .login-bar .sub-menu + .sub-menu { margin-left: 20px; }
            header .top-nav .login-bar .sub-menu .menu-text { letter-spacing: 1px; }
            header .top-nav .login-bar .sub-menu:hover { margin-top: 0px; background-color: transparent; }
            header .top-nav .login-bar .sub-menu ul.menu-options { min-width: 120px; margin-top: 0px; background: #fff; border: 1px solid #999; }
                header .top-nav .login-bar .sub-menu ul.menu-options.scroll-up { margin-top: 16px; }
                header .top-nav .login-bar .sub-menu ul.menu-options li a { color: #000; text-align: left; font-weight: normal; }
                    header .top-nav .login-bar .sub-menu ul.menu-options li a:hover { color: #fff; }
        /*header .top-nav .login-bar a { color: #000; }*/
        header .top-nav .logo { height: auto; background: none; }
            header .top-nav .logo img { margin-top: 0px; }
        header .top-nav nav { display: table; padding: 0px 5px 0px 5px; height: 100%; table-layout: fixed; padding-top: 21px; }
            header .top-nav nav .link-row { display: table-row; }
                header .top-nav nav .link-row .link-data { display: table-cell; padding-right: 10px; padding-left: 10px; height: auto; width: auto; }
                    header .top-nav nav .link-row .link-data a { color: #000; transition: all .4s; }
                        header .top-nav nav .link-row .link-data a:not(.no-hover) { font-size: 16px; letter-spacing: 1px; }
                            header .top-nav nav .link-row .link-data a:not(.no-hover):hover { color: #008FBF; }
                        header .top-nav nav .link-row .link-data a.no-hover { padding-right: 2px; padding-left: 2px; }
                        header .top-nav nav .link-row .link-data a.icon.header-menu-toggle { margin-top: -6px; transition: none; }
                        header .top-nav nav .link-row .link-data a .nav-icon { right: 0; top: 6px; }
                        header .top-nav nav .link-row .link-data a.active { color: #008FBF; }
                    header .top-nav nav .link-row .link-data ul.sub-links { padding-top: 10px; margin-bottom: 5px; }
                        /* border-top: 1px solid #22252A; }*/
                        /*header .top-nav .link-row .link-data ul.sub-links:hover { transition: all 2s; }*/
                        header .top-nav nav .link-row .link-data ul.sub-links li a { font-size: 12px; }
        header .top-nav .sub-link-container { display: block; margin-top: 10px; border-top: 1px solid #ddd; padding-top: 7px; padding-bottom: 4px; margin-left: 40px; }
            header .top-nav .sub-link-container nav { margin-top: 0px; padding-top: 0px; }
                header .top-nav .sub-link-container nav .link-row .link-data { padding-left: 6px; padding-right: 6px; }
                    header .top-nav .sub-link-container nav .link-row .link-data a { font-size: 12px; }
/*header .top-nav .sub-link-container .link-row { min-height: 16px; }*/
/*header .top-nav .link-row.sub-link-row .link-data { padding-top: 10px; }*/
/*header .top-nav nav a.active { border-left-color: #1C87B4; border-right-color: #1C87B4; background: #1A84B2 url(../img/btn_blue-bg.png) repeat-x top left; }*/
/*header .top-nav nav a.active:hover { background: #1A84B2; }*/
/*header .top-nav nav a.active:hover { background: none; }*/

.message-row { border-bottom: 1px solid #dbdbdb; display: table; width: 100%; padding: 10px 20px 5px 20px; margin-bottom: 10px; }
    .message-row:last-child { border-bottom-width: 0; }
    .message-row .icon { margin-top: 0; }
    .message-row .description-wrap { width: 60%; margin-right: 5%; float: left; }
    .message-row .description { padding-left: 5px; position: relative; font-size: 14px; margin-bottom: -10px; }

/* *************************************************************************** */
/* *****                     evo.connections.css                         ***** */
/* *************************************************************************** */

/* Connection Request Overview 
-------------------------------------------------------------------------------*/
#connectionsDataTableView .accept { margin-left: 3%; }
#connectionsDataTableView .decline { margin-left: 2%; }
#connectionsDataTableView .followup { margin-left: 20%; }

/* Connection Request Detail
-------------------------------------------------------------------------------*/
.connections .title-bar-content { font-size: 13px; min-height: 35px; }
.title-bar-content .icon.connect-large { position: relative; top: 2px; }

/* Connection Comments 
-------------------------------------------------------------------------------*/
#commentsusercol { width: 10%; text-align: left; }
#commentsdatecol { width: 10%; text-align: left; }
#commentsnotecol { width: 75%; text-align: left; }
#commentsdelcol { width: 5%; }

/* Connection History Table 
-------------------------------------------------------------------------------*/
#ConnectionHistoryListTable { width: 98%; }

/* Network Request History Table
-------------------------------------------------------------------------------*/
/*#NetworkRequestHistoryListTable { width: 35%; }*/

/* Contact Template Stuff
-------------------------------------------------------------------------------*/
.connections .radio-container .radio-option { display: inline-block; width: 25% !important; margin-right: 10px; }
    .connections .radio-container .radio-option :last-child { margin-right: 0px; }
.connections .radio-container .radio-message { display: inline-block; margin-right: 20px; font-size: 16px; font-weight: bold; width: 120px; }

.connection-profileIncompleteIcon { position: absolute; margin-left: 5px; }

.connections .emphasized { font-style: italic; font-weight: bold; font-size: 14px; }

/* *************************************************************************** */
/* *****                        evo.colorbox.css                         ***** */
/* *************************************************************************** */

/* Page Styles
-------------------------------------------------------------------------------*/
#cboxLoadedContent > .acceptCounterConditions { width: 600px; }
#cboxLoadedContent > .acceptorder { max-height: 700px; }
#cboxLoadedContent > .declineorder { max-height: 700px; }
#cboxLoadedContent > .acceptordernoletter { width: 350px; }
#cboxLoadedContent > .addinvestor { width: 1000px; }
#cboxLoadedContent > .addinvoice { width: 500px; }
#cboxLoadedContent > .addpaymentinvoice { width: 500px; }
#cboxLoadedContent > .addpaymentinvoicewithtemplate { width: 1000px; }
#cboxLoadedContent > .assignVendor { width: 1050px; }
    #cboxLoadedContent > .assignVendor .scrolling { min-height: 400px; }
#cboxLoadedContent > .awardBid { width: 600px; }
#cboxLoadedContent > .bidresend { width: 500px; }
#cboxLoadedContent > .companycomment { width: 350px; }
#cboxLoadedContent > .changedocumenttype { width: 450px; }
#cboxLoadedContent > .manage-access { width: 450px; }
#cboxLoadedContent > .changelabel { width: 400px; }
#cboxLoadedContent > .changerole { width: 400px; }
#cboxLoadedContent > .crop-upload-img { width: 650px; }
#cboxLoadedContent > .customFieldLb { width: 400px; }
#cboxLoadedContent > .deleteoffice { width: 400px; }
#cboxLoadedContent > .deleterole { width: 400px; }
#cboxLoadedContent > .deleteuser { width: 550px; }
#cboxLoadedContent > .editEmailTemplate { width: 1100px; }
#cboxLoadedContent > .editOptionsLb { width: 1000px; }
#cboxLoadedContent > .editsecurityquestion { width: 450px; }
#cboxLoadedContent > .editLabelLb { width: 400px; }
#cboxLoadedContent > .editinvestor { width: 450px; }
#cboxLoadedContent > .editinvestordnu { width: 450px; }
#cboxLoadedContent > .feesetup { width: 800px; }
#cboxLoadedContent > .connectionagreementletter { width: 700px; }
#cboxLoadedContent > .editfeename { width: 400px; }
#cboxLoadedContent > .editzonename { width: 400px; }
#cboxLoadedContent > .engagementletter { width: 700px; max-height: 700px; }
#cboxLoadedContent > .inspectionNotes { width: 700px; }
#cboxLoadedContent > .internalfee { width: 450px; }
#cboxLoadedContent > .invoicemessage { width: 500px; }
#cboxLoadedContent > .orderdraftselectcompany { width: 450px; }
#cboxLoadedContent > .makereportsavailable { width: 350px; }
#cboxLoadedContent > .newmessage { width: 750px; max-height: 700px; }
#cboxLoadedContent > .vendorMessage { width: 1000px; max-height: 700px; }
#cboxLoadedContent > .orderformselect { width: 450px; }
#cboxLoadedContent > .orderformlabeledit { width: 400px; }
#cboxLoadedContent > .postappayment { width: 500px; }
#cboxLoadedContent > .postarpayment { width: 500px; }
#cboxLoadedContent > .postpayments { width: 400px; }
#cboxLoadedContent > .sendclientstatement { width: 550px; }
#cboxLoadedContent > .processarpayment { width: 500px; }
#cboxLoadedContent > .requestarpayment { width: 500px; }
#cboxLoadedContent > .processing-errors { width: 600px; }
#cboxLoadedContent > .previewtemplate { width: 1050px; }
#cboxLoadedContent > .requestrevisions { width: 750px; max-height: 700px; }
#cboxLoadedContent > .cancelrevisions { width: 750px; max-height: 700px; }
#cboxLoadedContent > .cancelrebuttals { width: 750px; max-height: 700px; }
#cboxLoadedContent > .requestreconsideration { width: 750px; max-height: 700px; }
#cboxLoadedContent > .requestrebuttal { width: 750px; max-height: 700px; }
#cboxLoadedContent > .reviewerassignment { width: 300px; }
#cboxLoadedContent > .reviewSubmit { width: 700px; max-height: 700px; }
#cboxLoadedContent > .statusschedule { width: 450px; }
#cboxLoadedContent > .sharebid { width: 650px; }
#cboxLoadedContent > .sharebidpreference { width: 700px; }
#cboxLoadedContent > .scheduleinspection { width: 500px; }
#cboxLoadedContent > .assignEngager { width: 800px; }
#cboxLoadedContent > .schedule-lb { width: 450px; }
#cboxLoadedContent > .submitfinalReport { width: 800px; max-height: 700px; }
#cboxLoadedContent > .submitreview { width: 750px; }
#cboxLoadedContent > .submitrevision { width: 750px; }
#cboxLoadedContent > .updatepanel { width: 450px; }
#cboxLoadedContent > .updatestatus { width: 450px; }
#cboxLoadedContent > .uploaddocuments { width: 900px; max-width: 1000px; max-height: 700px; }
#cboxLoadedContent > .vendoruploadDNU { width: 500px; max-height: 700px; }
    #cboxLoadedContent > .vendoruploadDNU .card { width: 200px; }
#cboxLoadedContent > .vendoruploadDNUresults { width: 350px; max-height: 600px; }
#cboxLoadedContent > .addEditEmailTemplate { max-height: 950px; width: 1100px; }
#cboxLoadedContent > .filter-lb { width: 950px; }
#cboxLoadedContent > .agreementDecline { width: 450px; }
#cboxLoadedContent > .help-lb { width: 400px; }
#cboxLoadedContent > .order-duplicates { width: 900px; }
#cboxLoadedContent > .batchPaymentsImport { width: 500px; }
#cboxLoadedContent > .batchPaymentsQueued { width: 400px; }
#cboxLoadedContent > .clientStatementSent { width: 700px; }
#cboxLoadedContent > .propertyOptionsLightbox { width: 600px; }
#cboxLoadedContent > .deliverFilesError { width: 500px; max-height: 700px; }
#cboxLoadedContent > .deliverFiles { width: 950px; max-height: 700px; }
#cboxLoadedContent > .editStaticFieldLb { max-height: 830px; }
#cboxLoadedContent > .ip-address-restriction-lb { width: 400px; }
#cboxLoadedContent > .ip-address-restriction-delete-lb { width: 500px; }
#cboxLoadedContent > .addressbook { width: 1000px; }
#cboxLoadedContent > .vendorAddressbook { width: 1200px; }
#cboxLoadedContent > .batch-Import { width: 700px; }
#cboxLoadedContent > .no-access-lb { width: 350px; }
#cboxLoadedContent > .editDependencyLb { width: 800px; }
#cboxLoadedContent > .assignmentConditions { width: 500px; }
#cboxLoadedContent > .copyForm { width: 500px; }
#cboxLoadedContent > .addEditRegistration { width: 750px; }
#cboxLoadedContent > .add-vendors-list { width: 950px; }
#cboxLoadedContent > .submit-UCDP { width: 750px; }
#cboxLoadedContent > .submit-overrides-UCDP { width: 900px; }
#cboxLoadedContent > .configure-autoassign-rule { width: 950px; }
#cboxLoadedContent > .addexperience { width: 500px; }
#cboxLoadedContent > .no-engager-assignment { width: 400px; }
#cboxLoadedContent > .process-technology-fee { width: 1050px; }
#cboxLoadedContent > .request-review-revisions { width: 750px; max-height: 700px; }
#cboxLoadedContent > .manualAutoAssignService { width: 500px; }
#cboxLoadedContent > .configureFeeCriteria { width: 950px; }
#cboxLoadedContent > .configure-autoassign-rule .scrolling { min-height: 300px; max-height: 700px; }
#cboxLoadedContent > .editOrderLimited .scrolling { min-height: 300px; }
#cboxLoadedContent > .addOrderForm { width: 400px; }
#cboxLoadedContent > .signature-lb { width: 400px; }
#cboxLoadedContent > .add-edit-sso { width: 400px; }
#cboxLoadedContent > .addDeleteTeamUser { width: 1100px; }
#cboxLoadedContent > .save-search { width: 500px; }
#cboxLoadedContent > .achConfigurationLightbox { width: 525px; max-height: 700px; }

/* *************************************************************************** */
/* *****                         evo.registration.css                    ***** */
/* *************************************************************************** */
.license label { margin-right: 10px; }
.licenseType label { margin-right: 10px; }
.nmls-req label { margin-right: 10px; }
.bubble h6.addressheader { line-height: 2.0; }

/* *************************************************************************** */
/* *****                         evo.profile.css                         ***** */
/* *************************************************************************** */
.Active p, span.Active { color: #008000; }
.Inactive p, span.Inactive { color: #FF0000; }
h6.addressheader { line-height: 2.0; }
.expired { background-color: #FF9F9F; }
.expiring { background-color: #FFFF82; }
.appraiserprofile .missing { color: #FF0000; font-weight: bold; }


.card-container.licences .card .card-content .doc.lrg,
.card-container.insurances .card .card-content .doc.lrg { display: inline-block; }
.card-container.backgroundChecks .card .card-content .doc.lrg { display: inline-block; }

/* Address Search Results
-------------------------------------------------------------------------------*/
.addressSearchContainer { position: absolute; height: 250px; z-index: 100; width: 100%; display: table; }
    .addressSearchContainer > div { display: table-cell; text-align: center; vertical-align: middle; font-size: 16px; font-weight: bold; height: 100%; width: 100%; background: #fff; position: relative; left: -6%; }
        .addressSearchContainer > div .notVerifiedText { font-size: 20px; }
        .addressSearchContainer > div .addressFoundPrompt { display: table; width: 75%; height: 75%; border: 1px solid #1A84B2; background: #fff; margin: 0 auto 0; border-radius: 20px; box-shadow: #1A84B2 0 0 6px; }
            .addressSearchContainer > div .addressFoundPrompt > div { display: table-cell; text-align: center; vertical-align: middle; }
                .addressSearchContainer > div .addressFoundPrompt > div .icon { margin-right: 0px; }
                .addressSearchContainer > div .addressFoundPrompt > div hr { background-color: #1A84B2; }

.addeditoffice .addressSearchContainer > div, .lenderadd .addressSearchContainer > div, .propertyAddress .addressSearchContainer > div { left: 0%; }

/* Order Form
-------------------------------------------------------------------------------*/
.order.draft .form-warning { margin-bottom: 20px; }
.borrowerTypeContainer { margin-top: 5px; display: inline-block; float: left; }

.adjusted-field-label { color: #BF2024; font-style: italic; margin-left: 4px; font-size: 13px; }
    .adjusted-field-label.required-spacing { margin-left: 7px; }
.adjusted-field-spacer { margin-left: 4px; font-size: 13px; }
    .adjusted-field-spacer.required-spacing { margin-left: 7px; }
    .adjusted-field-spacer + .adjusted-field-label { margin-left: 2px; }
.card-content .custom-field-display .col-1 { padding-left: 0; }
    .card-content .custom-field-display .col-1 span { width: 42% !important; }
    .card-content .custom-field-display .col-1 p { width: 55% !important; }

.order-form-break-text { word-wrap: break-word; word-break: normal; }
.question-label { font-size: 13px; }

/* Common Responses */
.add-edit-order-form-wrapper .common-option-order-form-wrapper > .common-response-option { margin-bottom: 0px; }
.add-edit-order-form-wrapper .form-field-row > .col.col-12 > .custom-field-container > .common-option-order-form-wrapper,
.add-edit-order-form-wrapper .flex-container.submit-report-comment > .flex-row > .col.col-12 > .common-option-order-form-wrapper,
.add-edit-order-form-wrapper .form-field-row.row > .col-1 > .custom-field-container > .common-option-order-form-wrapper { width: 48%; }

/* Services
-------------------------------------------------------------------------------*/
.service td.details { border-left: 0; border-bottom: 0; border-right: 0; background-color: #E8E8E8; }
    .service td.details table { border-width: 1px; border-radius: 10px; border-style: solid; padding: 10px 0; padding-left: 20px; background-color: #fff; width: 100%; padding-right: 20px; }
        .service td.details table tbody td { border: 0; }
        .service td.details table tbody th { border-bottom: 1px solid #dbdbdb; }
.service tr.group { font-weight: bold; font-size: 13px; vertical-align: middle; line-height: 21px; }
.service td span.toggle { width: 21px; display: inline-block; height: 21px; margin-right: 3px; vertical-align: middle; cursor: pointer; }
.service td span.expanded.toggle { background-image: url(../img/details_close.png); background-repeat: no-repeat; }
.service td span.collapsed.toggle { background-image: url(../img/details_open.png); background-repeat: no-repeat; }

.service td.category { border-bottom: 1px solid #cdcdcd; border-top: 1px solid #cdcdcd; }
.service td.serviceform { border-top: none; border-bottom: none; border-right: 1px solid #cdcdcd; background-color: #d1d1d1; }
.service td.servicetype { border-top: none; border-left: 1px solid #cdcdcd; background-color: #d1d1d1; }

.serviceEdit th { text-align: left; }
.serviceEdit .serviceDisplay { width: 20%; }
.serviceEdit .customFormName { width: 50%; }
.serviceEdit .deleteTempService { width: 2%; }
.serviceEdit .serviceName { width: 50%; }
.serviceEdit .serviceArrow { width: 2%; }
.serviceEdit .serviceAmount { padding-left: 13.5%; width: 40%; }
.serviceEdit .serviceEnabled { width: 10%; }
.serviceEdit.no-align td { vertical-align: top; }
    .serviceEdit.no-align td.text-column { padding-top: 10px; padding-bottom: 10px; }
    .serviceEdit.no-align td.icon-column { padding-top: 10px; padding-bottom: 10px; width: 2%; text-align: center; }
    .serviceEdit.no-align td.toggle-column { padding-top: 7px; }
    .serviceEdit.no-align td.delete-column { padding-top: 12px; }
.serviceEdit td { vertical-align: text-top; }
    .serviceEdit td.allCoverageTableAmount { width: 66%; padding-left: 0px; }
.serviceEdit div.pstCoverage table td { border: none; }
.serviceEdit td.pstCoverageTableAmount { width: 66%; padding-left: 0px; }
.serviceEdit tr:hover td { background: #EDF3F7; }
.serviceEdit input.long { display: inline-block !important; }

/* Loan Type
-------------------------------------------------------------------------------*/
.loanType th { text-align: left; }
.loanEdit .loanEnabled { width: 20%; }
.loanType .loanDisplay { width: 80%; }
.loanEdit.no-align td { vertical-align: top; }
    .loanEdit.no-align td.text-column { padding-top: 10px; padding-bottom: 10px }
    .loanEdit.no-align td.toggle-column { padding-top: 7px; }
    .loanEdit.no-align td.delete-column { padding-top: 12px; }
.loanEdit td { vertical-align: text-top; }
.loanEdit tr:hover td { background: #EDF3F7; }
.loanEdit input.long { display: inline-block !important; }

/* Loan Values
-------------------------------------------------------------------------------*/
.loanValues { width: 100%; }

/* Fees
-------------------------------------------------------------------------------*/
.fee td.details { border-left: 0; border-bottom: 0; border-right: 0; background-color: #E8E8E8; }
    .fee td.details table { border-width: 1px; border-radius: 10px; border-style: solid; padding: 10px 0; padding-left: 20px; background-color: #fff; width: 100%; padding-right: 20px; }
        .fee td.details table tbody td { border: 0; }
        .fee td.details table tbody th { border-bottom: 1px solid #dbdbdb; }
.fee tr.group { font-weight: bold; font-size: 13px; vertical-align: middle; line-height: 21px; }
.fee td span.toggle { width: 21px; display: inline-block; height: 21px; margin-right: 3px; vertical-align: middle; cursor: pointer; }
.fee td span.expanded.toggle { background-image: url(../img/details_close.png); background-repeat: no-repeat; }
.fee td span.collapsed.toggle { background-image: url(../img/details_open.png); background-repeat: no-repeat; }

.fee td.category { border-bottom: 1px solid #cdcdcd; border-top: 1px solid #cdcdcd; }
.fee td.feeform { border-top: none; border-bottom: none; border-right: 1px solid #cdcdcd; background-color: #d1d1d1; }
.fee td.feetype { border-top: none; border-left: 1px solid #cdcdcd; background-color: #d1d1d1; }

.feeEdit th { text-align: left; }
.feeEdit .feeDisplay { width: 20%; }
.feeEdit .serviceStandardName { width: 40%; }
.feeEdit .serviceName { width: 60%; }
.feeEdit .zoneArrow { width: 5%; }
.feeEdit .feeAmount { padding-left: 13.5%; width: 40%; }
.feeEdit .feeEnabled { width: 10%; }
.feeEdit td { vertical-align: text-top; }
    .feeEdit td.allZoneTableAmount { width: 66%; padding-left: 0px; }
.feeEdit div.pstZone table td { border: none; }
.feeEdit td.pstZoneTableAmount { width: 66%; padding-left: 0px; }
.feeEdit tr:hover td { background: #EDF3F7; }
.feeEdit input.long { display: inline-block !important; }
.feeSubmissionTotal td { border-top: none; }
.feeDisplayTotal { font-weight: bold; border-top: 1px solid #dbdbdb !important; padding-bottom: 10px; }
.feeDisplayProjectNewPackage td { border-top: 1px solid #000 !important; }

/* Assignment
-------------------------------------------------------------------------------*/
.assignmentLabel { width: 50%; font-size: 14px; font-weight: bold; }
.assignmentDisplay { font-size: 14px; }
.assignContactName { display: inline !important; font-weight: normal !important; font-size: 12px; }
.assignmentTitle { font-size: 16px; font-weight: bold; }

/* Services Assignment
-------------------------------------------------------------------------------*/
input.editable { margin-bottom: 0px; width: 90%; padding: 3px 0px 3px 2px; }

/* Bid Detail
-------------------------------------------------------------------------------*/
.order .bid-detail .title-status { font-size: 13px; }
.order .large-text span { width: 23%; margin-right: 4px; }
.order .large-text p { width: 75%; }
.order .bid-detail .vendor-response { margin-left: -16px; }

.order .tab-record-content .bid-grid-detail .title-bar { background: #ccc url(../img/widget_bg.png) repeat-x top left; }
    .order .tab-record-content .bid-grid-detail .title-bar .title-bar-content { background-color: transparent; }
    .order .tab-record-content .bid-grid-detail .title-bar > * { color: #000; }
    .order .tab-record-content .bid-grid-detail .title-bar > h3 { font-size: 16px; }
    .order .tab-record-content .bid-grid-detail .title-bar > .title-bar-content > * > * { border-color: transparent; font-size: 15px; color: #000; font-family: "myriad-pro",sans-serif; }

/* Bid Comment History */
.scope-of-work { word-break: break-all; }

/* Order Detail
-------------------------------------------------------------------------------*/
.order .detail .title-status { font-size: 13px; }

/* Service Detail
-------------------------------------------------------------------------------*/
.data-detail .row.spacer .col-3 { font-size: 14px; }
    .data-detail .row.spacer .col-3 label { font-size: 14px; font-weight: bold; }
.data-detail .row.spacer .col-6 { font-size: 14px; }
    .data-detail .row.spacer .col-6 label { font-size: 14px; font-weight: bold; }

.service-detail-title-button { white-space: nowrap; }

.note-edit-display { color: red; font-weight: bold; font-style: italic; padding-top: 2px; padding-bottom: 1px; }

.headervendorcustomer .col-4 .data-detail > p, .col-5 .data-detail > p { width: 48%; }
.headervendorcustomer .col-4 .data-detail > span:not(.icon) { width: 48%; }

.headervendorcustomer.row .col-4 { padding: 0 1%; }
.headervendorcustomera.row .col-4:nth-child(1) { padding-left: 0; }
.headervendorcustomera.row .col-4:nth-child(4) { padding-right: 0; }

/* Assign Detail
-------------------------------------------------------------------------------*/
.assign .data-detail.assign-vendor span { font-weight: normal; font-size: 13px; }
    .assign .data-detail.assign-vendor span a { font-weight: normal; font-size: 14px; }
.assign .status-display { font-weight: bold; }
    .assign .status-display.yellow { color: #CCCC00; }
    .assign .status-display.red { color: #FF2024; }
    .assign .status-display.green { color: #1FCC32; }
.assign .assign-details { min-height: 35px; }
    .assign .assign-details input { margin-bottom: 0px; }
    .assign .assign-details select { margin-bottom: 0px; }
    .assign .assign-details textarea { margin-bottom: 0px; }
    .assign .assign-details p.charLimitText { margin-bottom: 0px; }
    .assign .assign-details.data-detail > span { padding-top: 5px; }
    .assign .assign-details.data-detail .viewletter { font-weight: normal; /* float: right; */ position: absolute; margin-top: -23px; margin-left: 100%; padding-left: 3px; }
    .assign .assign-details.flex-row .viewletter { font-weight: normal; float: right; margin-left: 5px; display: inline-block; position: relative; left: 3px; top: 6px; }
    .assign .assign-details.data-detail .rush-flag-container { min-width: 100px; font-weight: normal; /* float: right; */ position: absolute; margin-top: -23px; margin-left: 100%; padding-left: 3px; }
    .assign .assign-details.flex-row .rush-flag-container { min-width: 100px; font-weight: normal; /* float: right; */ margin-left: 5px; display: inline-block; position: relative; left: -9%; top: 6px; /* right: -85px; */ }
.assign .filters { width: 25%; margin: 0 1% 0 1%; float: left; }
    .assign .filters .excludedVendorFilter { margin-top: 6px; display: inline-block; }
    .assign .filters .excludeVendorWrapper { display: block; margin-bottom: 0px; }
    .assign .filters .showNetworkVendorsWrapper { display: block; margin-bottom: 0px; }
.assign .coverageAreaSpacer { display: inline-block; width: 25px; height: 20px; }
.assign .vendors { width: 72%; float: left; }

/* Template Preview
--------------------------------------------------------------------------------*/
.template-preview { font-weight: normal; /* float: right; */ position: absolute; margin-top: -23px; margin-left: 100%; padding-left: 3px; }
#cboxLoadedContent .template-preview { margin-top: -35px; margin-left: 96%; padding-left: 3px; }


/* Inspection 
--------------------------------------------------------------------------------*/
.scheduleInspectionLabel { font-weight: bold; }
.distance { margin-top: 3px; }

/* Accounts Receivable
--------------------------------------------------------------------------------*/
#addinvoice { padding-top: 5px; }
#processarpayment { padding-top: 5px; }
#addpaymentinvoice { padding-top: 5px; }
#invoiceinput { width: 470px; }

.paidtxt { cursor: pointer; }

.invoice.data-detail { height: 10%; }
    .invoice.data-detail span { width: 20%; }
    .invoice.data-detail p { width: 79%; }
    .invoice.data-detail .copyToList { max-height: 200px; overflow-y: auto; }
.invoice.pane-2.top { height: 200px; }
.invoice.pane-1.top { height: 150px; }
.invoice.listboxlabel { font-size: 14px; }
.invoice.data-detail button span { width: 90%; }

#invoicepaymenthistory { width: 99%; }
    #invoicepaymenthistory th:nth-child(1) { width: 10%; }
    #invoicepaymenthistory th:nth-child(2) { width: 10%; }
    #invoicepaymenthistory th:nth-child(3) { width: 10%; }
    #invoicepaymenthistory th:nth-child(4) { width: 10%; }
    #invoicepaymenthistory th:nth-child(5) { width: 15%; }
    #invoicepaymenthistory th:nth-child(6) { width: 30%; }
    #invoicepaymenthistory th:nth-child(7) { width: 15%; }

#paymentinvoicehistory { width: 99%; }
    #paymentinvoicehistory th:nth-child(1) { width: 25%; }
    #paymentinvoicehistory th:nth-child(2) { width: 15%; }
    #paymentinvoicehistory th:nth-child(3) { width: 15%; }
    #paymentinvoicehistory th:nth-child(4) { width: 30%; }
    #paymentinvoicehistory th:nth-child(5) { width: 15%; }

#ARpaymentGrid th:nth-child(1) { width: 20%; }
#ARpaymentGrid th:nth-child(2) { width: 40%; }
#ARpaymentGrid th:nth-child(3) { width: 20%; }

.processARPaymentLabel { font-weight: bold !important; padding-left: 10px; }
#ARpaymentGrid th:nth-child(4) { width: 20%; }

/* Accounts Payable
--------------------------------------------------------------------------------*/
.processAPPaymentLabel { font-weight: bold !important; }

/* Activity
-------------------------------------------------------------------------------*/
.emailDivider { border-top: 1px solid !important; }

/* Submit Review
-------------------------------------------------------------------------------*/
.submitReviewLabel { font-weight: bold !important; }

/* Submit Revision
-------------------------------------------------------------------------------*/
.submitRevisionLabel { font-weight: bold !important; }

/* Request Revisions
-------------------------------------------------------------------------------*/
.requestRevisionsLabel { font-weight: bold !important; }

/* Inspection Note
-------------------------------------------------------------------------------*/
.inspectionNotesLabel { font-weight: bold !important; }

/* Share Bid Responses
-------------------------------------------------------------------------------*/
.shareresponse table { border-style: none; }
    .shareresponse table.dataTable { padding-left: 15px; }
    .shareresponse table th.center { text-align: left; }

/* Share Bid Respone Comments */
.shareComments { border-top: none !important; }
.shareCommentsOtherFields { border-top: none !important; display: none; }

/* Upload Documents
-------------------------------------------------------------------------------*/
.template-upload .progress,
.form.progress { height: 10px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); }
.template-upload .progress-bar,
.form.progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #1C87B4; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15); box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15); -webkit-transition: width .6s ease; transition: width .6s ease; background-repeat: no-repeat !important; }
.uploadhide { position: absolute; left: -150px; }

/* Message
-------------------------------------------------------------------------------*/
.messageReply { width: 97%; max-height: 50px; overflow-y: auto; border: 1px solid #ccc; padding: 5px; background: #F7F7F7; }
.messagehistory td { border: none; }

/* Report
-------------------------------------------------------------------------------*/
.reportDisplay { width: 100%; }

/* New order sub-menu
-------------------------------------------------------------------------------*/
.sub-menu.newOrder ul.menu-options { width: 90.5%; margin-top: 0; border-top-right-radius: 0; padding: 10px 10px 7px 10px; background: #fff; border: 1px solid #999; }
    .sub-menu.newOrder ul.menu-options li a { color: #000; }
        .sub-menu.newOrder ul.menu-options li a:hover { text-shadow: 2px 1px 1px #424D53; color: #fff; background-color: #008FBF; }
.sub-menu.newOrder:hover { background: none; }
.sub-menu.newOrder .btn:hover { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.sub-menu.newOrder .btn:focus { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.newOrder .icon { margin-right: 5px; }

.sub-menu div.received-msg { display: none; }
.reply-message { font-weight: bold; }

/*.sub-menu-target { margin: 8px 0; }*/

/* Order Form
-------------------------------------------------------------------------------*/
.title-bar-content .discard-draft { border-right-width: 1px; }
.orderformbtn { display: inline-block; }
*:not(br) + .orderformbtn { margin-left: 20px; }
div.orderformbtn span { color: #008FBF; padding-left: 2px; }
div.orderformbtn input[type="file"] { overflow: hidden; height: 10px; }
.Documents a.delete { height: 17px !important; }
.titleheaderinline { display: inline; padding-left: 20px; }
.headerinline { display: inline; }
.order-form-nav-button-hide { display: none !important; }

.form-field-wrapper { display: block; }
    .form-field-wrapper.single-line-display { display: inline-block; margin-right: 10px; }
label + .form-field-wrapper.single-line-display { margin-left: 10px; }

/* Activity - Pagingation Styles
-----------------------------------------------------------*/
.widget .data-tables-records-info { padding: 0 5px; font-size: 10.5px; text-align: center !important; }
.col-narrow .widget .panel-content table.order-activity { border-bottom: 1px solid #dbdbdb; }
    .col-narrow .widget .panel-content table.order-activity .record { padding: 2px 0 5px 25px; }
    .col-narrow .widget .panel-content table.order-activity .activitystatus { padding: 3px 0 0 0; }
    /*.col-narrow .widget .panel-content table.order-activity tr:first-of-type { padding-top: 9px }*/
    .col-narrow .widget .panel-content table.order-activity .activityDate { padding: 2px 0 0 0; }
#orderActivity .pagination a { padding: 0 6px; line-height: 20px; }
#orderActivity .pagination li.prev a { position: relative; }
#orderActivity .pagination { height: 22px; }
    #orderActivity .pagination li.prev a { background: url(../img/gdms-sprite-icons.png?v=1_2) no-repeat 0px -1359px; text-indent: -200px; overflow: hidden; width: 5px; }
        #orderActivity .pagination li.prev.disabled a,
        #orderActivity .pagination li.prev a:hover { background-position: 0px -1380px; }
    #orderActivity .pagination li.next a { background-position: -15px -1359px; }
        #orderActivity .pagination li.next.disabled a,
        #orderActivity .pagination li.next a:hover { background-position: -16px -1380px; }

/* Order Activity Widget Tweaks
-----------------------------------------------------------*/
#order-activity-widget .row.panel-content { padding-top: 10px; }
#order-activity-widget .icon.activity { float: left; margin-right: 2px; }
#order-activity-widget .panel-content .form-inline > .right { float: none !important; text-align: center; margin-bottom: -16px; }
#order-activity-widget .pagination li.next a { width: 2px; margin-right: 3px; }

/* Zone Areas
-----------------------------------------------------------*/
.zone-areas table.areas tr td.details { }
    .zone-areas table.areas tr td.details table { width: 98%; padding: 7px !important; border-radius: 0px; padding: 0px; margin-left: 13px; }
        /*.zone-areas table tbody tr:first-of-type td { padding-top: 0px; }*/
        .zone-areas table.areas tr td.details table thead tr th { border-color: #555; }
.zone-areas table.areas tr th { min-height: 23px; border-color: #555; }
    .zone-areas table.areas tr th input[type=checkbox].select-all { line-height: 23px; height: 16px; }
.zone-areas table.areas tr td { min-height: 27px; }
    .zone-areas table.areas tr td input[type=checkbox] { position: relative; top: 3px; }
    .zone-areas table.areas tr td .display { position: relative; top: 5px; /*margin-left: 15px;*/ }
        .zone-areas table.areas tr td .display .zipCodeStateCity { margin-right: 5px; float: right; width: 87%; margin-top: -2px; }
    .zone-areas table.areas tr td .delete { display: inline-block; }
    .zone-areas table.areas tr td .delete-fill { display: inline-block; margin-top: -4px; }

/* Zone Detail
-----------------------------------------------------------*/
.zone-detail .data-detail.name span { width: auto; padding-right: 10px; }

/* Coverage Areas
-----------------------------------------------------------*/
.coveragearea-detail { padding-top: 0px; }
.coveragearea-type { vertical-align: top; }
.coveragearea-type-empty { display: inline-block; height: 20px; width: 25px; margin: 0; }

/* Bid Detail
-------------------------------------------------------------------------------*/
.bid .data-detail span { vertical-align: middle !important; }
.bid .status-display { font-weight: bold; }
    .bid .status-display.yellow { color: #CCCC00; }
    .bid .status-display.red { color: #FF2024; }
    .bid .status-display.green { color: #1FCC32; }

/* Vendor Detail
-------------------------------------------------------------------------------*/
.data-detail p.inactivewarning { font-weight: normal; }
.data-detail label.vendordetail { color: #000; font-size: 15px; margin: 0 0 10px 5px; line-height: 1.2; font-weight: bold; font-family: "myriad-pro",sans-serif; }
.data-detail.vendordetailmessage { padding-bottom: 10px; }
.registration-expired, .license-expired, .insurance-expired, .backgroundCheck-expired { font-weight: bold; color: #d53e00; }
.registration-expiring, .license-expiring, .insurance-expiring, .backgroundCheck-expiring { font-weight: bold; color: #f0b500; }
.propertyTypeDetail td { padding: 1% 1% 1% 1% !important; }
#propertyTypes td { padding: 1% 1% 1% 1%; }
    #propertyTypes td div { margin-top: 2px; }
.card-content .status-display.green { font-weight: bold; color: #339933; }

/* Vendor Settings 
-------------------------------------------------------------------------------*/
.setting-content-divider-vendor-settings { display: block; width: 94%; margin: 7px 2% 20px 1%; }

/* Header/icon
-------------------------------------------------------------------------------*/
.icontabtitleheaderinline { display: inline; padding-right: 10px; }

/* Bid Detail
-------------------------------------------------------------------------------*/
/*.newBid span { color: #008FBF; padding-left: 2px; }*/
.bid-detail ul { list-style: none; }

/* Financial Detail
-------------------------------------------------------------------------------*/
.financial .status-display { font-weight: bold; }
    .financial .status-display.red { color: #FF2024; }
    .financial .status-display.green { color: #1FCC32; }
.financial-tab .data-detail.financial span { width: 42%; font-size: 13px; }
.financial-tab .data-detail.financial.viewonly p { width: 56% !important; font-size: 13px; }
.financial-tab .feeEdit .data-detail p { width: 58%; text-align: right; font-size: 13px; }
.financial-tab .feeEdit-readonly .data-detail p { width: auto; text-align: right; font-size: 13px; padding-right: 38px; display: inline-block; float: right; }
.financial-tab .data-detail.financial p { width: 49%; text-align: right; font-size: 13px; }
    .financial-tab .data-detail.financial p span.currency { padding-right: 13px; }
.financial-tab .data-detail.financial.viewonly p { width: 59%; text-align: right; font-size: 13px; }
.financial-tab .feeEdit .data-detail p.viewonly { width: 58%; text-align: right; font-size: 13px; }
.financial-tab .data-detail.financial p span.currency.viewonly { padding-right: 0; }
.financial-tab hr.financial-summary { margin: 5px 0; background-color: #555; height: 1px; border-radius: 10px; width: 104%; margin-left: -2%; }
.financial-tab .balance-column { padding: 0 12% 0 5%; }
.financial-tab .financial-status.paid { color: #19B92B; font-weight: bold; border: 1px solid #19B92B; padding: 1px 3px; border-radius: 3px; font-size: 14px; text-transform: uppercase; font-family: serif; }
.financial-tab .financial-status.void { color: #D61515; font-weight: bold; border: 1px solid #D61515; padding: 1px 3px; border-radius: 3px; font-size: 14px; text-transform: uppercase; font-family: serif; }
.financial-tab .financial-status.refund { color: #FF2024; font-weight: bold; border: 1px solid #FF2024; padding: 1px 3px; border-radius: 3px; font-size: 14px; text-transform: uppercase; font-family: serif; }
.financial-tab .financial-status.unpaid { color: #D61515; font-weight: bold; }
.financial-tab .data-detail .edit { margin-left: 15px; }

.finance-action .row input, .finance-action .row select, .finance-action .row textarea, .finance-action .row p { margin-bottom: 0px; }
.finance-action label { display: inline-block; margin-top: 7px; }
.finance-action .row .col-2 { width: 57% !important; }
    .finance-action .row .col-2:first-child { width: 35% !important; }

.financial-tab .feeEdit div.data-detail > span, .financial-tab .feeEdit-readonly div.data-detail > span { width: 40% !important; }
.financial-tab .feeEdit.serviceFee .data-detail .edit { margin-left: 15px; }
.financial-tab .feeEdit > .editMode div.data-detail.short > div.row { width: 58% !important; }
.financial-tab .feeEdit > .editMode .buttons { margin-top: 8px; }
    .financial-tab .feeEdit > .editMode .buttons .icon { margin-left: 5px; margin-right: 0px; }
        .financial-tab .feeEdit > .editMode .buttons .icon:first-of-type { margin-left: 0px; }

/* Company Logo
-------------------------------------------------------------------------------*/
div.companylogo { width: 200px; height: 60px; display: block; }
.logoheader { margin-bottom: -5px; }

/* Company Logo
-------------------------------------------------------------------------------*/
div.companylogoImage { width: 200px; height: 60px; margin: auto; }
    div.companylogoImage img { max-height: 100%; max-width: 100%; display: block; }
img.logoImage { border: 1px solid #CACACA; width: 200px; height: 60px; }
img.logoImageNoBorder { width: 200px; height: 60px; }

/* Order Form Config
 ------------------------------------------------------------------------------*/
/*.orderformconfigcontainer { padding-left: 180px; }*/
.orderformconfig tr:nth-child(2) td:first-child { border-bottom: none; }
.orderformconfig tr:not(:nth-child(2)) td:first-child { border: none; }
/*.orderformconfigdisabledcell { background-color: #BFC4C7; }*/
.orderformconfig tr.highlight:hover td:not(.orderformconfigdisabledcell) { background-color: #d4d4d4; }
.btn.lrg.serviceTypeBtn { font-size: 18px; width: 44%; text-align: center; }
.textBoxAsLabel { border: none; background-color: #fff; background: transparent; width: 100% !important; }
.ruleSettingRecord td { position: relative; }
    .ruleSettingRecord td div { margin: 0px; }
        .ruleSettingRecord td div span { font-size: 12px; }
        .ruleSettingRecord td div ul { display: none; margin: 0px; }
.addOptionValidationRow { margin-top: 10px; }
    .addOptionValidationRow .form-error-summary { height: 20px; padding: 10px; }
    .addOptionValidationRow .editOptionsErrorMessage { margin-left: 10px; }
.addOptionContent button { background: none; border: none; cursor: pointer; }
.addOptionContent .editOptionsPane { width: 55% !important; }
.addOptionContent .editGroupsPane { width: 35% !important; }
    .addOptionContent .editGroupsPane .newGroup { display: inline; width: 60% !important; }
.row.bigtitle { width: 20% !important; }
#orderFormConfigContainer .editCustomLabelBtn { background: none; border: none; cursor: pointer; padding: 0; position: relative; top: -2px; margin-left: 8px; }
textarea.long.field-element { padding: 5px 4px 5px 4px; width: 95% !important; }



/* Role Tables
-------------------------------------------------------------------------------*/
.useraddbtn { padding-left: 15px; }

/* Documents Tab
-------------------------------------------------------------------------------*/
.serviceDocuments .title-bar { height: 25px; background: #DDD; border: 0; margin-top: -10px; margin-left: -15px; margin-left: -13px; padding-top: 5px; width: 102.1%; }
.serviceDocuments .title-bar-content { background: #DDD; border: 0; }
.serviceDocuments .title-bar .title-bar-content .btn { padding-top: 3px; padding-bottom: 3px; color: #000; border: 0; }
    .serviceDocuments .title-bar .title-bar-content .btn:hover { background: #bbb !important; text-shadow: 2px 1px 1px #fff; border-top-width: 0px; }
.serviceDocuments .title-bar .title-bar-content .title-status { border-width: 0px; font-size: 15px; }
table thead tr th.subheader { font-size: 14px; padding-bottom: 6px; border-bottom-width: 0px; }
table thead tr th.subsection { border-left: 1px solid #dbdbdb; }
table tbody tr td.subsection { border-left: 1px solid #dbdbdb; }

/* Add/Edit User
-------------------------------------------------------------------------------*/
.columnName { font-size: 11px; font-weight: bold; border: 0px; border-bottom: 1px solid #ccc; text-align: center; }
.buttonLink { font-family: arial, sans-serif; font-size: 12px; font-weight: normal; padding-left: 10px; }

/* User Profile Image
-------------------------------------------------------------------------------*/
div.userProfileBox { border: 1px solid #CACACA; border-radius: 10px; }
div.userProfile { width: 150px; height: 150px; margin: auto; }
    div.userProfile img { max-height: 100%; max-width: 100%; }
body div:not(.8020fix).userProfile img { max-height: 100%; max-width: 100%; display: block; }
div.userProfile .initials { z-index: 100; color: #C0C0C0; font-size: 75px; margin-top: -80px; }
body div:not(.8020fix).userProfile .initials { margin-left: 20px; }
div.userProfileDropDown { width: 30px; height: 30px; margin: auto; border: 1px solid #CACACA; }
    div.userProfileDropDown img { max-height: 100%; max-width: 100%; display: block; }
    div.userProfileDropDown .initials { z-index: 100; color: #C0C0C0; font-size: 18px; margin-left: 4px; margin-top: -25px; }
div.recipientDropDownNameRole { display: inline-block; vertical-align: top; margin-top: 5px; margin-left: 5px; }
div.uploadPhotoMaxSize { padding-left: 10%; padding-right: 10%; }
span.userProfileBoxHeader { width: 24px; height: 24px; margin: auto; display: inline-block; }
    span.userProfileBoxHeader img { max-height: 100%; max-width: 100%; }
span.uploadtext { font-size: 16px; }

/* Form Data
-------------------------------------------------------------------------------*/
.fieldEdit button { cursor: pointer; }
.inlineEditButtons { width: 100%; height: 95%; top: 0; padding-right: 3%; }
    .inlineEditButtons button { background: none; border: none; display: inline-block; float: right; padding: 0px; width: 5%; right: 0; top: 0; }
        .inlineEditButtons button span { width: 100% !important; }
            .inlineEditButtons button span.edit { margin: 0; }
.fieldContainer { position: relative; }
    .fieldContainer td { height: 3.1em; width: 50px !important; }
        .fieldContainer td .inlineEditButtons { height: 2.5em; width: 100% !important; }
            .fieldContainer td .inlineEditButtons button { width: 18% !important; }
    .fieldContainer.data-detail span { width: 30%; }
    .fieldContainer.data-detail p { width: 60%; }
    .fieldContainer.data-detail a { width: 60%; }
    .fieldContainer.data-detail .docattachment span { width: 24px; }
.fieldDisplay span.icon { width: 1.5em !important; }
.fieldGroup { width: 60%; }
    .fieldGroup.long { width: 100%; }

/* Alerts
-------------------------------------------------------------------------------*/
tr.alert-row td { padding-bottom: 10px; padding-top: 10px; }


/* Acceptance Under Conditions Request History Table :)
-------------------------------------------------------------------------------*/
.conditionsContainer .conditions.data-detail span { width: 15% !important; margin-left: 1%; }
.conditionsContainer .conditions.data-detail p { width: 680px !important; }
.conditionsContainer .conditions.data-detail .comment.restrict-height { height: 20px !important; }
.conditionsContainer .conditions .comment-arrow { cursor: pointer; width: 2%; position: absolute; top: 41px; right: 10px; }
    .conditionsContainer .conditions .comment-arrow span { width: 100% !important; }
.conditionsContainer .valign-top { vertical-align: top; padding-top: 25px !important; }
.conditionsContainer table tr td:first-child { border-right: none !important; }
.conditionsContainer table tr th:first-child { border-right: none !important; }

/* Dashboard Calendar
-------------------------------------------------------------------------------*/
.dashboardCalendar { padding-bottom: 15px; }
    .dashboardCalendar td.highlight { border: 1px solid #DDDDDD !important; font-weight: bold; color: #33AAFF; }
    .dashboardCalendar td.unavailable { background-color: #ffbfbf; }
    .dashboardCalendar div.noEventsMessage { padding-left: 15px; }
        .dashboardCalendar div.noEventsMessage label { font-weight: bold; }
.events-calendar td .reminderEvent { padding-left: 5px; display: inline-block; }
.events-calendar td .reminder { padding-left: 30px; }
table.events-calendar tbody tr td { padding-top: 8px; padding-bottom: 3px; }
table.events-calendar thead tr th { padding-bottom: 5px; font-size: 14px; }
    table.events-calendar thead tr th label { font-size: 14px; }
.dashboardCalendar .xdsoft_datetimepicker { box-shadow: none; border: none; color: #333333; padding-right: 8px; padding-left: 12px; padding-top: 0; }
    .dashboardCalendar .xdsoft_datetimepicker .xdsoft_datepicker { width: 100%; float: left; margin-left: 0; }
    .dashboardCalendar .xdsoft_datetimepicker .xdsoft_month { text-align: center; }
    .dashboardCalendar .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect { right: 15px; }
    .dashboardCalendar .xdsoft_datetimepicker .xdsoft_year { text-align: left; }
    .dashboardCalendar .xdsoft_datetimepicker .xdsoft_label { z-index: 0; }
.dashboardCalendar .xdsoft_today { border: 0.17em solid #333333 !important; }
.dashboardCalendar .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { color: #333333; }
.dashboardCalendar .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.dashboardCalendar .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.dashboardCalendar .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { color: #fff; }
.widget .schedule { padding-top: 3px; }

/* Messages
-------------------------------------------------------------------------------*/
#messages td { vertical-align: top; }

/* Message History
-------------------------------------------------------------------------------*/
.messageHistory { margin: 5px 5px 5px 25px !important; width: 95% !important; }
    .messageHistory tr:hover { background-color: #EDF3F7; }

/* Card Container Licences
-------------------------------------------------------------------------------*/
.card-container.licences .status-display.green { font-weight: bold; color: #339933; }
.card-container.licences .status-display.red { font-weight: bold; color: #FF2024; }

/* Card Container State Registrations
-------------------------------------------------------------------------------*/
.card-container.stateRegistrations .status-display.green { font-weight: bold; color: #339933; }
.card-container.stateRegistrations .status-display.red { font-weight: bold; color: #FF2024; }

/* Connection History
-------------------------------------------------------------------------------*/
.connectionHistory { text-align: left; }

/* Image Cropper
-------------------------------------------------------------------------------*/
img-container { max-width: 400px; max-height: 400px; padding-top: 18px; padding-left: 15px; }
.previews-container { max-width: 200px; max-height: 200px; padding-top: 18px; padding-right: 15px; }
.img-preview { overflow: hidden; border: 1px solid black; margin-bottom: 12px; }
.upload-dropzone-container { display: inline-block; width: 650px; }
.loading-icon-container { position: absolute; top: 203px; left: 199px; }

/* Profile - Security */
.profile .security .icon { margin-left: 15px; }
.profile .security .security-question { min-height: 45px; }
    .profile .security .security-question p { line-height: 29px; font-size: 15px; }

.propertyTypes .propertyType { margin-bottom: -10px !important; }
.serviceCategory .serviceType { margin-bottom: -10px !important; }

/* Setup Workflow
-------------------------------------------------------------------------------*/
#workflowTabs .bubble:not(.row) > *:first-child:not(.loading-content-overlay) { margin-top: 10px; }
#workflowTabs .input-inline { margin-bottom: 0px; }
#workflowTabs .label-text { font-size: 13px; line-height: 24px; }
#workflowTabs table tr.noborder td { border-width: 0px; }
#workflowTabs .box-100 { width: 100%; }
#workflowTabs .clear { clear: both; }
#workflowTabs .setting-container { position: relative; }
#workflowTabs .data-detail span { width: 30% !important; }
#workflowTabs .data-detail p { width: 65% !important; }
#workflowTabs .setting-content-container { padding-top: 0px !important; }


.accounts-receivable table.automatedInvoices tbody tr td { vertical-align: top; }
    .accounts-receivable table.automatedInvoices tbody tr td.filterColumn .add-edit-filter { margin-top: 3px; }
    .accounts-receivable table.automatedInvoices tbody tr td.iconColumn .icon { margin-top: 3px; }
    .accounts-receivable table.automatedInvoices tbody tr td.toggleColumn .toggleLabel { margin-top: 2px !important; }
    .accounts-receivable table.automatedInvoices tbody tr td:nth-child(1) { width: 11%; }
    .accounts-receivable table.automatedInvoices tbody tr td:nth-child(2) { width: 25%; }
    .accounts-receivable table.automatedInvoices tbody tr td:nth-child(3) { width: 25%; }
    .accounts-receivable table.automatedInvoices tbody tr td:nth-child(4) { width: 15%; }
    .accounts-receivable table.automatedInvoices tbody tr td:nth-child(5) { width: 32%; }
    .accounts-receivable table.automatedInvoices tbody tr td:nth-child(6) { width: 1%; }
    .accounts-receivable table.automatedInvoices tbody tr td:nth-child(7) { width: 1%; }

.delivery-auto-deliver-documents table.autoDeliveryDocuments tbody tr td:nth-child(1) { width: 11%; }
.delivery-auto-deliver-documents table.autoDeliveryDocuments tbody tr td:nth-child(2) { width: 17%; }
.delivery-auto-deliver-documents table.autoDeliveryDocuments tbody tr td:nth-child(3) { width: 17%; }
.delivery-auto-deliver-documents table.autoDeliveryDocuments tbody tr td:nth-child(4) { width: 12%; }
.delivery-auto-deliver-documents table.autoDeliveryDocuments tbody tr td:nth-child(5) { width: 21%; }
.delivery-auto-deliver-documents table.autoDeliveryDocuments tbody tr td:nth-child(6) { width: 1%; }
.delivery-auto-deliver-documents table.autoDeliveryDocuments tbody tr td:nth-child(7) { width: 20%; }
.delivery-auto-deliver-documents table.autoDeliveryDocuments tbody tr td:nth-child(8) { width: 1%; }


.document-upload-setting-container table.uploadDocuments tbody tr td:nth-child(1) { width: 2%; }
.document-upload-setting-container table.uploadDocuments tbody tr td:nth-child(2) { width: 10%; min-width: 92px; }
/* So filter doesn't wrap*/
.document-upload-setting-container table.uploadDocuments tbody tr td:nth-child(3) { width: 40%; }
.document-upload-setting-container table.uploadDocuments tbody tr td:nth-child(4) { width: 40%; }
.document-upload-setting-container table.uploadDocuments tbody tr td:nth-child(5) { width: 7%; }

.configureWebFormContainer table.configureWebForms tbody tr td:nth-child(1) { width: 2%; }
.configureWebFormContainer table.configureWebForms tbody tr td:nth-child(2) { width: 10%; min-width: 92px; }
/* So filter doesn't wrap*/
.configureWebFormContainer table.configureWebForms tbody tr td:nth-child(3) { width: 40%; }
.configureWebFormContainer table.configureWebForms tbody tr td:nth-child(4) { width: 40%; }
.configureWebFormContainer table.configureWebForms tbody tr td:nth-child(5) { width: 7%; }


.auto-assign-service table.auto-assign-table tbody tr td:not(.details) { vertical-align: top; }
.auto-assign-service table.auto-assign-table tbody tr td.filterColumn .add-edit-filter { margin-top: 3px; }
.auto-assign-service table.auto-assign-table tbody tr td.iconColumn,
.auto-assign-service table.auto-assign-table tbody tr td.dragColumn,
.auto-assign-service table.auto-assign-table tbody tr td.expandColumn { text-align: center; }
    .auto-assign-service table.auto-assign-table tbody tr td.dragColumn .icon { margin-top: 3px; }
    .auto-assign-service table.auto-assign-table tbody tr td.iconColumn .icon.delete { margin-top: 4px; }
    .auto-assign-service table.auto-assign-table tbody tr td.iconColumn .icon.setting { margin-top: 10px; }
    .auto-assign-service table.auto-assign-table tbody tr td.expandColumn .icon.expand2 { margin-top: 4px; }
.auto-assign-service table.auto-assign-table tbody tr td.toggleColumn .toggleLabel { margin-top: 3px !important; }
.auto-assign-service table.auto-assign-table tbody tr td:not(.details):nth-child(1) { width: 5%; }
.auto-assign-service table.auto-assign-table tbody tr td:not(.details):nth-child(2) { width: 16%; }
.auto-assign-service table.auto-assign-table tbody tr td:not(.details):nth-child(3) { width: 34%; }
.auto-assign-service table.auto-assign-table tbody tr td:not(.details):nth-child(4) { width: 5%; }
.auto-assign-service table.auto-assign-table tbody tr td:not(.details):nth-child(5) { width: 35%; }
.auto-assign-service table.auto-assign-table tbody tr td:not(.details):nth-child(6) { width: 5%; }

table.auto-assign-rule-criteria-table tbody tr td:nth-child(2) span { display: inline-block; min-height: 30px; line-height: 30px }
table.auto-assign-rule-criteria-table tbody tr td { vertical-align: middle; }

table.fee-criteria-table tbody tr td:nth-child(2) span { display: inline-block; min-height: 30px; line-height: 30px }
table.fee-criteria-table tbody tr td { vertical-align: middle; }

.auto-assign-service table.auto-reassign-table tbody tr td:not(.details) { vertical-align: top; }
.auto-assign-service table.auto-reassign-table tbody tr td.filterColumn .add-edit-filter { margin-top: 3px; }
.auto-assign-service table.auto-reassign-table tbody tr td.iconColumn,
.auto-assign-service table.auto-reassign-table tbody tr td.dragColumn,
.auto-assign-service table.auto-reassign-table tbody tr td.expandColumn { text-align: center; }
    .auto-assign-service table.auto-reassign-table tbody tr td.dragColumn .icon { margin-top: 3px; }
    .auto-assign-service table.auto-reassign-table tbody tr td.iconColumn .icon.delete { margin-top: 4px; }
    .auto-assign-service table.auto-reassign-table tbody tr td.iconColumn .icon.setting { margin-top: 10px; }
    .auto-assign-service table.auto-reassign-table tbody tr td.expandColumn .icon.expand2 { margin-top: 4px; }
.auto-assign-service table.auto-reassign-table tbody tr td.toggleColumn .toggleLabel { margin-top: 3px !important; }
.auto-assign-service table.auto-reassign-table tbody tr td:not(.details):nth-child(1) { width: 5%; }
.auto-assign-service table.auto-reassign-table tbody tr td:not(.details):nth-child(2) { width: 20%; }
.auto-assign-service table.auto-assign-table tbody tr td:not(.details).deleteColumn { width: 5%; }

.accounts-receivable table.autoRequestPayment tbody tr td { vertical-align: top; }
    .accounts-receivable table.autoRequestPayment tbody tr td.filterColumn .add-edit-filter { margin-top: 3px; }
    .accounts-receivable table.autoRequestPayment tbody tr td.iconColumn .icon { margin-top: 3px; }
    .accounts-receivable table.autoRequestPayment tbody tr td.toggleColumn .toggleLabel { margin-top: 2px !important; }
    .accounts-receivable table.autoRequestPayment tbody tr td:nth-child(1) { width: 1%; }
    .accounts-receivable table.autoRequestPayment tbody tr td:nth-child(2) { width: 11%; }
    .accounts-receivable table.autoRequestPayment tbody tr td:nth-child(3) { width: 25%; }
    .accounts-receivable table.autoRequestPayment tbody tr td:nth-child(4) { width: 15%; }
    .accounts-receivable table.autoRequestPayment tbody tr td:nth-child(5) { width: 17%; }
    .accounts-receivable table.autoRequestPayment tbody tr td:nth-child(6) { width: 30%; }
    .accounts-receivable table.autoRequestPayment tbody tr td:nth-child(7) { width: 1%; }

.accounts-receivable table.autoProcessCreditCard tbody tr td { vertical-align: top; }
    .accounts-receivable table.autoProcessCreditCard tbody tr td.filterColumn .add-edit-filter { margin-top: 3px; }
    .accounts-receivable table.autoProcessCreditCard tbody tr td.iconColumn .icon { margin-top: 3px; }
    .accounts-receivable table.autoProcessCreditCard tbody tr td.toggleColumn .toggleLabel { margin-top: 2px !important; }
    .accounts-receivable table.autoProcessCreditCard tbody tr td:nth-child(1) { width: 1%; }
    .accounts-receivable table.autoProcessCreditCard tbody tr td:nth-child(2) { width: 11%; }
    .accounts-receivable table.autoProcessCreditCard tbody tr td:nth-child(3) { width: 40%; }
    .accounts-receivable table.autoProcessCreditCard tbody tr td:nth-child(4) { width: 30%; }
    .accounts-receivable table.autoProcessCreditCard tbody tr td:nth-child(5) { width: 17%; }
    .accounts-receivable table.autoProcessCreditCard tbody tr td:nth-child(6) { width: 1%; }

@media screen and (min-width: 1350px) {
    .auto-assign-service table.auto-assign-table tbody tr td:not(.details):nth-child(1) { width: 2%; }
    .auto-assign-service table.auto-assign-table tbody tr td:not(.details):nth-child(2) { width: 12%; }
    .auto-assign-service table.auto-assign-table tbody tr td:not(.details):nth-child(3) { width: 41%; }
    .auto-assign-service table.auto-assign-table tbody tr td:not(.details):nth-child(4) { width: 3%; }
    .auto-assign-service table.auto-assign-table tbody tr td:not(.details):nth-child(5) { width: 41%; }
    .auto-assign-service table.auto-assign-table tbody tr td:not(.details):nth-child(6) { width: 1%; }
    .auto-assign-service table.auto-assign-table tbody tr td:not(.details).deleteColumn { width: 1%; }

    .auto-assign-service table.auto-reassign-table tbody tr td:not(.details):nth-child(1) { width: 2%; }
    .auto-assign-service table.auto-reassign-table tbody tr td:not(.details):nth-child(2) { width: 13%; }

    .auto-assign-original-service table.auto-assign-original-table tbody tr td:not(.details):nth-child(1) { width: 2%; }
    .auto-assign-original-service table.auto-assign-original-table tbody tr td:not(.details):nth-child(2) { width: 12%; }
    .auto-assign-original-service table.auto-assign-original-table tbody tr td:not(.details):nth-child(3) { width: 41%; }
    .auto-assign-original-service table.auto-assign-original-table tbody tr td:not(.details):nth-child(4) { width: 3%; }
    .auto-assign-original-service table.auto-assign-original-table tbody tr td:not(.details):nth-child(5) { width: 41%; }
    .auto-assign-original-service table.auto-assign-original-table tbody tr td:not(.details):nth-child(6) { width: 1%; }
    .auto-assign-original-service table.auto-assign-original-table tbody tr td:not(.details).deleteColumn { width: 1%; }
}

.invoice-approval table.invoice-approval-table tbody tr td:not(.details) { vertical-align: top; }
.invoice-approval table.invoice-approval-table tbody tr td.filterColumn .add-edit-filter { margin-top: 3px; }
.invoice-approval table.invoice-approval-table tbody tr td.iconColumn,
.invoice-approval table.invoice-approval-table tbody tr td.dragColumn,
.invoice-approval table.invoice-approval-table tbody tr td.expandColumn { text-align: center; }
    .invoice-approval table.invoice-approval-table tbody tr td.dragColumn .icon { margin-top: 3px; }
    .invoice-approval table.invoice-approval-table tbody tr td.iconColumn .icon.address-book { margin-top: 3px; }
    .invoice-approval table.invoice-approval-table tbody tr td.iconColumn .icon.delete { margin-top: 4px; }
    .invoice-approval table.invoice-approval-table tbody tr td.iconColumn .icon.setting { margin-top: 10px; }
    .invoice-approval table.invoice-approval-table tbody tr td.expandColumn .icon.expand2 { margin-top: 4px; }
.invoice-approval table.invoice-approval-table tbody tr td.toggleColumn .toggleLabel { margin-top: 3px !important; }
.invoice-approval table.invoice-approval-table tbody tr td:not(.details):nth-child(1) { width: 5%; }
.invoice-approval table.invoice-approval-table tbody tr td:not(.details):nth-child(2) { width: 16%; }
.invoice-approval table.invoice-approval-table tbody tr td:not(.details):nth-child(3) { width: 69%; }
.invoice-approval table.invoice-approval-table tbody tr td:not(.details):nth-child(4) { width: 5%; }
.invoice-approval table.invoice-approval-table tbody tr td:not(.details):nth-child(5) { width: 5%; }

@media screen and (min-width: 1350px) {
    .invoice-approval table.invoice-approval-table tbody tr td:not(.details):nth-child(1) { width: 2%; }
    .invoice-approval table.invoice-approval-table tbody tr td:not(.details):nth-child(2) { width: 12%; }
    .invoice-approval table.invoice-approval-table tbody tr td:not(.details):nth-child(3) { width: 81%; }
    .invoice-approval table.invoice-approval-table tbody tr td:not(.details):nth-child(4) { width: 3%; }
    .invoice-approval table.invoice-approval-table tbody tr td:not(.details):nth-child(5) { width: 1%; }
    .invoice-approval table.invoice-approval-table tbody tr td:not(.details).deleteColumn { width: 1%; }
}

.auto-assign-reviewer-service table.auto-assign-table tbody tr td:not(.details) { vertical-align: top; }
.auto-assign-reviewer-service table.auto-assign-table tbody tr td.filterColumn .add-edit-filter { margin-top: 3px; }
.auto-assign-reviewer-service table.auto-assign-table tbody tr td.iconColumn,
.auto-assign-reviewer-service table.auto-assign-table tbody tr td.dragColumn,
.auto-assign-reviewer-service table.auto-assign-table tbody tr td.expandColumn { text-align: center; }
    .auto-assign-reviewer-service table.auto-assign-table tbody tr td.dragColumn .icon { margin-top: 3px; }
    .auto-assign-reviewer-service table.auto-assign-table tbody tr td.iconColumn .icon.delete { margin-top: 4px; }
    .auto-assign-reviewer-service table.auto-assign-table tbody tr td.iconColumn .icon.setting { margin-top: 10px; }
    .auto-assign-reviewer-service table.auto-assign-table tbody tr td.expandColumn .icon.expand2 { margin-top: 4px; }
.auto-assign-reviewer-service table.auto-assign-table tbody tr td.toggleColumn .toggleLabel { margin-top: 3px !important; }
.auto-assign-reviewer-service table.auto-assign-table tbody tr td:not(.details):nth-child(1) { width: 5%; }
.auto-assign-reviewer-service table.auto-assign-table tbody tr td:not(.details):nth-child(2) { width: 16%; }
.auto-assign-reviewer-service table.auto-assign-table tbody tr td:not(.details):nth-child(3) { width: 23%; }
.auto-assign-reviewer-service table.auto-assign-table tbody tr td:not(.details):nth-child(4) { width: 5%; }
.auto-assign-reviewer-service table.auto-assign-table tbody tr td:not(.details):nth-child(5) { width: 23%; }
.auto-assign-reviewer-service table.auto-assign-table tbody tr td:not(.details):nth-child(6) { width: 23%; }
.auto-assign-reviewer-service table.auto-assign-table tbody tr td:not(.details):nth-child(7) { width: 5%; }

.auto-assign-reviewer-service table.auto-reassign-table tbody tr td:not(.details) { vertical-align: top; }
.auto-assign-reviewer-service table.auto-reassign-table tbody tr td.filterColumn .add-edit-filter { margin-top: 3px; }
.auto-assign-reviewer-service table.auto-reassign-table tbody tr td.iconColumn,
.auto-assign-reviewer-service table.auto-reassign-table tbody tr td.dragColumn,
.auto-assign-reviewer-service table.auto-reassign-table tbody tr td.expandColumn { text-align: center; }
    .auto-assign-reviewer-service table.auto-reassign-table tbody tr td.dragColumn .icon { margin-top: 3px; }
    .auto-assign-reviewer-service table.auto-reassign-table tbody tr td.iconColumn .icon.delete { margin-top: 4px; }
    .auto-assign-reviewer-service table.auto-reassign-table tbody tr td.iconColumn .icon.setting { margin-top: 10px; }
    .auto-assign-reviewer-service table.auto-reassign-table tbody tr td.expandColumn .icon.expand2 { margin-top: 4px; }
.auto-assign-reviewer-service table.auto-reassign-table tbody tr td.toggleColumn .toggleLabel { margin-top: 3px !important; }
.auto-assign-reviewer-service table.auto-reassign-table tbody tr td:not(.details):nth-child(1) { width: 5%; }
.auto-assign-reviewer-service table.auto-reassign-table tbody tr td:not(.details):nth-child(2) { width: 20%; }
.auto-assign-reviewer-service table.auto-assign-table tbody tr td:not(.details).deleteColumn { width: 5%; }

@media screen and (min-width: 1350px) {
    .auto-assign-reviewer-service table.auto-assign-table tbody tr td:not(.details):nth-child(1) { width: 2%; }
    .auto-assign-reviewer-service table.auto-assign-table tbody tr td:not(.details):nth-child(2) { width: 12%; }
    .auto-assign-reviewer-service table.auto-assign-table tbody tr td:not(.details):nth-child(3) { width: 28%; }
    .auto-assign-reviewer-service table.auto-assign-table tbody tr td:not(.details):nth-child(4) { width: 3%; }
    .auto-assign-reviewer-service table.auto-assign-table tbody tr td:not(.details):nth-child(5) { width: 27%; }
    .auto-assign-reviewer-service table.auto-assign-table tbody tr td:not(.details):nth-child(6) { width: 27%; }
    .auto-assign-reviewer-service table.auto-assign-table tbody tr td:not(.details):nth-child(7) { width: 1%; }

    .auto-assign-reviewer-service table.auto-reassign-table tbody tr td:not(.details):nth-child(1) { width: 2%; }
    .auto-assign-reviewer-service table.auto-reassign-table tbody tr td:not(.details):nth-child(2) { width: 13%; }
    .auto-assign-reviewer-service table.auto-assign-table tbody tr td:not(.details).deleteColumn { width: 1%; }
}

.auto-assign-rule-name { width: 100%; }

#workflowTabs input.toggle[type=checkbox], .setting-container input.toggle[type=checkbox] { display: none; }
    #workflowTabs input.toggle[type=checkbox] ~ label:not(.locked), .setting-container input.toggle[type=checkbox] ~ label:not(.locked) { width: 50px; height: 24px; display: inline-block; margin: auto; background: url(../img/on-off-toggle.png) no-repeat; background-position: 0px 0px; vertical-align: middle; }
    #workflowTabs input.toggle[type=checkbox]:checked ~ label, .setting-container input.toggle[type=checkbox]:checked ~ label { width: 50px; height: 24px; display: inline-block; margin: auto; background: url(../img/on-off-toggle.png) no-repeat; background-position: 0px -25px; vertical-align: middle; }
    #workflowTabs input.toggle[type=checkbox]:disabled ~ label, .setting-container input.toggle[type=checkbox]:disabled ~ label { width: 50px; height: 24px; display: inline-block; margin: auto; background: url(../img/on-off-toggle.png) no-repeat; background-position: 0px -50px; vertical-align: middle; }
    #workflowTabs input.toggle[type=checkbox]:checked:disabled ~ label, .setting-container input.toggle[type=checkbox]:checked:disabled ~ label { width: 50px; height: 24px; display: inline-block; margin: auto; background: url(../img/on-off-toggle.png) no-repeat; background-position: 0px -75px; vertical-align: middle; }

.submission-requirements-documents.filter-row .filter-btn { float: left; width: 10%; display: inline; }

#workflow-emails-table td { vertical-align: top !important; padding-top: 10px; padding-bottom: 10px; }
    #workflow-emails-table td.actionDisplayColumn { padding-right: 10px; }
    #workflow-emails-table td.toggleColumn .setting-content-group { margin-bottom: 0px; margin-top: 3px; }
    #workflow-emails-table td.editColumn,
    #workflow-emails-table td.recipientColumn,
    #workflow-emails-table td.typeDisplayColumn,
    #workflow-emails-table td.deleteColumn { padding-top: 18px; }

/*#notifications-tab-content .dataTables_length label select { padding: 0px !important; }*/
#status-emails-table .action-template-container { width: 98% !important; }
#status-emails-table .actionRecipients { padding-left: 3px; width: 98% !important; }
#status-emails-table .selectedStatus { width: 98% !important; }
#status-emails-table .selectedAction { width: 95% !important; }
#status-emails-table .add-edit-filter { margin-top: 4px !important; }
#status-emails-table tr td { vertical-align: top; padding-top: 10px; padding-bottom: 10px; }
    #status-emails-table tr td .icon { margin-top: 3px; }
    #status-emails-table tr td .toggleLabel { margin-top: 3px !important; }

#file-emails-table tr td { vertical-align: top; padding-top: 10px; padding-bottom: 10px; }
#file-emails-table .action-template-container { width: 98% !important; }
#file-emails-table .actionEdit { margin-top: 4px; }
#file-emails-table .toggleLabel { margin-top: 2px !important; }
#file-emails-table .add-edit-filter { margin-top: 4px !important; }
#file-emails-table .delete { margin-top: 3px; }
#workflowTabs .recipient-column { vertical-align: middle !important; }
#workflowTabs .setting-default-label { margin-top: 5px; }
/*#file-emails-table .actionRecipients { padding-top: 10px; padding-bottom: 10px; padding-left: 3px; width: 98% !important; }
#file-emails-table .selectedUserGroup { margin-top: -23px; width: 98% !important; }
#file-emails-table .selectedDocType { margin-top: -23px; width: 95% !important; }
#file-emails-table .toggleLabel { margin-top: -23px !important; }
*/

/* Workflow Exclusion Reasons
-------------------------------------------------------------------------------*/
/*.setup-exclusion-reasons .filter-table .setting-container .setting-name-text { width: 110px; vertical-align: top; margin-right: 0px; }

@media screen and (min-width: 1450px) {
    .setup-exclusion-reasons .filter-table .setting-container .setting-name-text { width: auto !important; }



/* Filters
--------------------------------------------------------------------------------*/
.filter-clear { color: #008FBF; text-decoration: underline; cursor: pointer; }
.filter-clear-all { margin-top: 2%; color: #008FBF; text-decoration: underline; cursor: pointer; }
.filterClear .filter-clear-all { margin-top: 0%; }
.add-edit-filter { display: block; cursor: pointer; }

/*.add-edit-filter { top: 0; right: 20px; cursor: pointer; position: absolute; }*/
/*td .add-edit-filter { right: 3px !important; }*/
/*.no-right .add-edit-filter { top: 0; left: auto; right: auto; cursor: pointer; position: absolute; }*/
.filter.inner-row .col-2 { padding-left: 0; padding-right: 4%; }
.filter { clear: both; width: 100%; }
    .filter .filter-label { margin-bottom: 5px; line-height: 30px; }
    .filter > * { float: left; display: inline-block; }
    .filter .filter-name { width: 22%; margin-bottom: 5px; line-height: 30px; }
    .filter .filter-operator { width: 20%; }
    .filter .filter-value { width: 46%; margin-left: 2%; }
    .filter .filter-clear { width: 6%; line-height: 30px; text-align: right; color: #008FBF; text-decoration: underline; cursor: pointer; padding-left: 2px; }
    .filter .ms-parent { margin-bottom: 3px !important; }
.dataTableView .add-edit-filter { position: inherit; }
.filter-table { display: table; }
.filter-row { display: table-row; }
    /*** THIS IS FOR IE ***/
    .filter-row .add-edit-filter { position: static; }
.filter-column { display: table-column; }
    .filter-column.filter-toggle { width: 20%; }
    .filter-column.filter-label { width: 70%; padding-left: 10px; }
    .filter-column.filter-payment-label { width: 50%; }
    .filter-column.filter-default { width: 10%; padding-left: 10px; }

.inline-setting-filter.filter-column { margin-left: 10px; }

.status-table-input { width: 95%; }
.status-group-table td { padding: 3px 4px; }
.status-group .icon.tooltip { margin-left: 10px; margin-top: 2px; }
.status-label .icon.tooltip { padding-left: 14px; }


/* Vendor Bid Detail Bid Response */
.bid-response-detail table.bid-response-decline-detail-table tbody tr td:not(.details):nth-child(1) { width: 15%; }
.bid-response-detail table.bid-response-decline-detail-table tbody tr td:not(.details):nth-child(2) { width: 15%; }
.bid-response-detail table.bid-response-decline-detail-table tbody tr td:not(.details):nth-child(3) { width: 20%; }
.bid-response-detail table.bid-response-decline-detail-table tbody tr td:not(.details):nth-child(4) { width: 50%; }

.bid-response-detail table.bid-response-detail-table tbody tr td:not(.details):nth-child(1) { width: 15%; }
.bid-response-detail table.bid-response-detail-table tbody tr td:not(.details):nth-child(2) { width: 15%; }
.bid-response-detail table.bid-response-detail-table tbody tr td:not(.details):nth-child(3) { width: 10%; }
.bid-response-detail table.bid-response-detail-table tbody tr td:not(.details):nth-child(4) { width: 10%; }
.bid-response-detail table.bid-response-detail-table tbody tr td:not(.details):nth-child(5) { width: 50%; }


/* Assignment Details
--------------------------------------------------------------------------------*/
.assignment-details .assignment-image { float: left; }
    .assignment-details .assignment-image.right { text-align: right; margin-right: 10px; }
    .assignment-details .assignment-image img { width: 30px; height: 30px; }
.assignment-details .assignment-title { margin-left: 40px; }
    .assignment-details .assignment-title .assignment-contact { margin-top: 5px; }
    .assignment-details .assignment-title h2 { padding: 0; }
.assignment-details .assignment-title-no-marg .assignment-contact { margin-top: 5px; }
.assignment-image-large { float: left; }
    .assignment-image-large img { width: 200px; height: 200px; }


/* Status Displays Review Tab
-----------------------------------------------------------*/
.review-status-display.yellow { color: #CCCC00 !important; font-weight: bold !important; }
.review-status-display.red { color: #FF2024 !important; font-weight: bold !important; }
.review-status-display.green { color: #1FCC32 !important; font-weight: bold !important; }

/* Order Draft Widget
-----------------------------------------------------------*/
.order-draft-row { height: 30px; }

/* Request Reconsideration
-----------------------------------------------------------*/
.textBoxValue { width: 85% !important; padding-right: 6px !important; }
.requestCheckbox { margin-top: 2px; }

#requestRebuttal .checkboxCell { width: 2%; }
#requestRebuttal .labelCell { width: 25%; }
#requestRebuttal .topAlign { vertical-align: text-top !important; }
.requestreconsideration .labelCell { width: 40%; }
.reconsiderationReason { margin-bottom: 2px; display: block; width: 100% !important; }
    .reconsiderationReason.reason { font-weight: bold; }

/* Send Message
    ------------------------------------------------------*/
#recipientDiv .recipient-display.address-book-spacer { width: 670px !important; }
#recipientDiv .recipient-display { width: 100%; }
#recipientDiv .address-book-icon { width: 25px; padding: 0; margin: 15px 0 0; }
#recipientDiv .rolodex-icon { width: 25px; padding: 0; margin: 15px 0 0; }
#address-book-container .addressbook-filter-container #address-book-search { width: 85% !important; }

/* Add/Edit Email Templates */
.email-template.recipient-display { width: 98%; }
.email-template.address-book-icon { width: 25px; padding: 0; margin: 23px 0 0 -13px; }

/* Form Warning Submit Report etc*/
.documentSubmissionRequirements-warning-container { margin: 0 0% 10px 0%; }
#cboxLoadedContent .documentSubmissionRequirements-warning-container { margin: 0 2% 10px 2%; }

/* Failed Submission Requirements
    ------------------------------------------------------*/
.failed-submission-tooltip-container { min-width: 300px; }

.failed-requirements ul { margin-bottom: 0 !important; }
.form-warning ul { margin-bottom: 0 !important; margin-top: 3px !important; }
    .form-warning ul li { margin-top: 3px !important; }

/* Add Edit Email Template */
.addEditEmailTemplate input:not([type="checkbox"]):not([type="radio"]).long { width: 100% !important; display: block; }
.addEditEmailTemplate *:not(.selectize-input) input { margin-top: 0px !important; padding: 5px 0px 5px 0px !important; }
.addEditEmailTemplate select { margin-top: 0px !important; margin-bottom: 10px !important; }
.addEditEmailTemplate .select2-container { margin-top: 0px !important; margin-bottom: 10px !important; width: 100% !important; }
.addEditEmailTemplate .select2-selection__choice { margin-bottom: 3px !important; }
.addEditEmailTemplate .select2-search__field { margin-bottom: 0px; }
.addEditEmailTemplate .mce-tinymce { width: 100% !important; }
.addEditEmailTemplate .mce-menubar button { padding: 0px 10px !important; }
.addEditEmailTemplate .mce-menubtn.mce-btn.mce-listbox button { padding: 0px 20px !important; }
.addEditEmailTemplate .mce-statusbar { height: 20px; }
.addEditEmailTemplate .mce-wordcount { padding: 1px !important; }
.addEditEmailTemplate .mce-path-item { margin-top: -9px !important; }
.addEditEmailTemplate .label-col { width: 8% !important; float: left; text-align: right; }
.addEditEmailTemplate .name-col { width: 32.5% !important; float: left; padding-left: 1% !important; }
.addEditEmailTemplate .uniqueTemplateName { padding-left: 9px !important; }
.addEditEmailTemplate .subject { padding-left: 9px !important; }
.addEditEmailTemplate .to-field { padding-left: 9px !important; }
.addEditEmailTemplate .single-input-col { width: 87% !important; float: left; padding-left: 1% !important; }
.addEditEmailTemplate .double-input-col { width: 33.5% !important; float: left; padding-left: 1% !important; }
.addEditEmailTemplate .disabled-to-col { width: 67% !important; float: left; padding-left: 1% !important; }

.addEditEmailTemplate .addressbook-col { width: 4% !important; float: left; padding-left: 2% !important; padding-top: 4px; }
.addEditEmailTemplate .address-book { margin-left: 10px !important; margin-top: -42px !important; }
.addEditEmailTemplate .subject-col { width: 67% !important; float: left; padding-left: 1% !important; }
.addEditEmailTemplate .subject-mergefield-col { width: 18% !important; float: left; padding-left: 2% !important; }
.addEditEmailTemplate .from-col { width: 66%; float: left; padding-left: 1% !important; }
.addEditEmailTemplate .selectize-control { margin-bottom: 5px; width: 100%; }
/*.addEditEmailTemplate .from-col-multiple .selectize-control .selectize-input { line-height:16px; }*/
.addEditEmailTemplate .to-col { width: 68%; float: left; padding-left: 1% !important; }
.addEditEmailTemplate .bcc-col { width: 68%; float: left; padding-left: 1% !important; }
.addEditEmailTemplate .cc-col { width: 68%; float: left; padding-left: 1% !important; }
.addEditEmailTemplate .enabledButton-col { width: 9% !important; float: left; padding-left: 2% !important; line-height: 37px; }
.addEditEmailTemplate .attachmentSelectorContainer { margin-bottom: -14px; }
.addEditEmailTemplate .document-upload-container .document-upload-message { text-align: left; }
    .addEditEmailTemplate .document-upload-container .document-upload-message .companyDocumentsSelect { width: 51.5% !important; }
        .addEditEmailTemplate .document-upload-container .document-upload-message .companyDocumentsSelect.ms-parent { margin-top: 0px; }
.addEditEmailTemplate .document-upload-container .document-upload-card-container { width: 49% !important; }
    .addEditEmailTemplate .document-upload-container .document-upload-card-container .card-container { margin: 0px; }
        .addEditEmailTemplate .document-upload-container .document-upload-card-container .card-container .card.flat .title { width: 80% !important; }
            .addEditEmailTemplate .document-upload-container .document-upload-card-container .card-container .card.flat .title .doc-text { width: 90%; }
.addEditEmailTemplate .ccEnableButton, .bccEnableButton, .ccDisableButton, .bccDisableButton { vertical-align: middle; font-size: 15px; }
.selectize-control.multi .selectize-input { box-sizing: border-box !important; }
    .selectize-control.multi .selectize-input [data-value] { text-shadow: none !important; }
/* Apply Filters LB
    ------------------------------------------------------*/
.filter-types-expand-message { cursor: pointer; }

/* Document Upload
    ------------------------------------------------------*/
.document-upload-container .document-upload-card-container .card-container { margin-bottom: 0px; }
    .document-upload-container .document-upload-card-container .card-container .card .title .doc-text { display: inline-block; width: 85%; }
.uploaddocuments .validation-row.row { margin-top: 10px; }
#cboxLoadedContent form.dropzone { min-height: 60px; }
#cboxOverlay.dropzone-background { position: fixed !important; }
#cboxOverlay.dropzone-hover { z-index: 1300 !important; }

/* Document Access 
    ------------------------------------------------------*/
#document-access-table { table-layout: fixed; }
    #document-access-table tr td:not(.icon-cell) { padding-right: 6px; }
    #document-access-table tr td.icon-cell a { display: block; height: 12px; }

/* Send/Reply Message
    ------------------------------------------------------*/

#sendMessageForm .label-col { width: 15% !important; float: left; text-align: right; }
#sendMessageForm .to-col { width: 78%; float: left; padding-left: 1% !important; }
#sendMessageForm .subject-col { width: 78%; float: left; padding-left: 1% !important; }
    #sendMessageForm .subject-col input { width: 100% !important; }
#sendMessageForm .message-col { width: 77%; float: left; padding-left: 1% !important; }
#sendMessageForm .addressbook-col { width: 4% !important; float: left; padding-left: 2% !important; padding-top: 4px; }
#sendMessageForm .address-book { margin-left: 10px !important; }
/*#sendMessageForm input { margin-top: 0px !important; padding: 5px 0px 5px 5px !important; margin-bottom: 10px !important; }*/
#sendMessageForm textarea { margin-top: 0px !important; padding: 5px 0px 5px 5px !important; }
#sendMessageForm select:not(.common-response-option) { margin-top: 0px !important; margin-bottom: 10px !important; }
#sendMessageForm .selectize-input { margin-bottom: 5px !important; }

/* Vendor Communication 
    ------------------------------------------------------*/

#sendVendorCommunicationForm .label-col { width: 12% !important; float: left; text-align: right; }
#sendVendorCommunicationForm .to-col { width: 81%; float: left; padding-left: 1% !important; }
#sendVendorCommunicationForm .subject-col { width: 81%; float: left; padding-left: 1% !important; }
    #sendVendorCommunicationForm .subject-col input { width: 100% !important; }
#sendVendorCommunicationForm .message-col { width: 80%; float: left; padding-left: 1% !important; }
#sendVendorCommunicationForm .addressbook-col { width: 4% !important; float: left; padding-left: 2% !important; padding-top: 4px; }
#sendVendorCommunicationForm textarea { margin-top: 0px !important; padding: 5px 0px 5px 5px !important; }
#sendVendorCommunicationForm select:not(.common-response-option) { margin-top: 0px !important; margin-bottom: 10px !important; }
#sendVendorCommunicationForm .selectize-input { margin-bottom: 5px !important; }


/* Impersonation Warning
    ------------------------------------------------------*/
article .container .impersonation-warning { padding: 10px 0; text-align: center; font-size: 14px; margin: 10px 0; border-radius: 4px; font-weight: bold; letter-spacing: 1px; display: block; text-transform: uppercase; }

/* Task Manager 
------------------------------------------------------*/
.task-manager .card-content { padding: 0 !important; }
tr.task-manager-status { height: 36px; }

/* Order Tab
------------------------------------------------------*/
#deliverFilesForm #AdditionalMessage { padding: 5px 0px 5px 5px !important; }

/* Fulfillment Tab
------------------------------------------------------*/
.data-detail.short > div:not(.row).display-section { width: 65%; display: inline-block; }


/* */
.data-detail.short > p.special-indent,
.data-detail.short > p span p.special-indent { text-indent: -1.5em; width: 60%; padding-left: 1.5em; }

/* Award Bid
------------------------------------------------------*/
.engagementLetterCol { width: 92%; display: inline-block; }
.engagementLetterIconCol { width: 5%; display: inline-block; padding-left: 10px; float: right; margin-top: 20px; }

/* Vendor Score Card
------------------------------------------------------*/
.vendor-score-card .display-text { font-weight: bold; }
    .vendor-score-card .display-text.yellow { color: #CCCC2B; }
    .vendor-score-card .display-text.orange { color: #FFA22A; }
    .vendor-score-card .display-text.red { color: #FF2024; }
    .vendor-score-card .display-text.green { color: #37E408; }

.score-display-text { font-size: medium; }

/* Duplicate Order Matches
------------------------------------------------------*/
.duplicate-continue-draft .icon.next-blue { margin-top: -7px !important; }
.duplicate-edit-draft .icon.edit.filled { margin-top: -7px !important; }


/* Accounts Payable
--------------------------------------------------------------------------------*/
.promptPostPaymentLabel { font-weight: bold !important; }

/* Send Client Statement
--------------------------------------------------------------------------------*/
.promptSendClientStatementLabel { font-weight: bold !important; }

/* Form
--------------------------------------------------------------------------------*/
.grabbable:not(.disable-grab):hover { cursor: move; /* fallback if grab cursor is unsupported */ cursor: -moz-grab; cursor: -webkit-grab; }
.grabbable:not(.disabled-grab):active { cursor: move; cursor: -moz-grabbing; cursor: -webkit-grabbing; }
.grabbing { cursor: move !important; cursor: -moz-grabbing !important; cursor: -webkit-grabbing !important; }

tr.field-place-holder { height: 30px; }
.section-place-holder { height: 100px; width: 500px; }

.property-type-options-container { width: 100%; padding-left: 20px; }
    .property-type-options-container table { width: 550px; }

.dragable-section { margin-bottom: 10px; }

.lightbox.deliverFiles .dataTables_wrapper .pagination { margin: 18px !important; }
.lightbox.addressbook .dataTables_wrapper .pagination { margin: 18px !important; }
.scrolling.delivery { max-height: 600px !important; }

.tab-element { margin-bottom: 0px !important; }
.dragable-tab { margin-bottom: -2px !important; }
.delete-custom-tab-btn { margin-top: 6px !important; }

.form-container .tab-menu.sidenav-left .tab-menu-items .tab-menu-item { padding: 5% 5% 5% 1%; }
    .form-container .tab-menu.sidenav-left .tab-menu-items .tab-menu-item label { font-size: 14px !important; }


/* Workflow - Setting Container Styles
--------------------------------------------------------------------------------*/
.workflow-tab-content.body-block:not(.embedded-content) { padding: 0px; padding-top: 20px; }
.client-settings-tab-content.body-block:not(.embedded-content) { padding: 0px; }

/* Workflow - Specific Styles
--------------------------------------------------------------------------------*/
.workflow-tab-content .score-table .score-scale-row .score-scale-label { font-size: medium; font-weight: bold; width: 5%; }
.workflow-tab-content .score-table .score-scale-row .score-input { width: 95%; }
.workflow-tab-content .bids-received-settings .col-4:nth-child(1) { line-height: 25px; padding-top: 5px }
.workflow-tab-content .custom-reason-container > * { margin-bottom: 5px; }
    .workflow-tab-content .custom-reason-container > *:first-child { margin-top: 10px; }

.workflow-tab-content .custom-bid-reason-container > * { margin-bottom: 5px; }
    .workflow-tab-content .custom-bid-reason-container > *:first-child { margin-top: 10px; }

#notifications-tab-content table tr td .setting-content-group:not(:first-of-type) { margin-top: 25px; }
#notifications-tab-content table tr td .setting-content-group.filter-only:not(:first-of-type) { margin-top: 28px; }

#auto-send-payment-invoice-address-book { right: -20px; bottom: 14px; }

#exchange-comment-address-book { right: -35px; bottom: 15px; }


#invoice-approval-recipients-address-book { right: -20px; }

/* Application Agreement
-------------------------------------------------------------------------------*/
.application-agreement h3 { margin-bottom: 10px; font-weight: bold; text-align: center; text-transform: uppercase; text-decoration: underline; }
.application-agreement p { margin: 10px 0px; }
    .application-agreement p.upper { text-transform: uppercase; }
    .application-agreement p.introduction { text-transform: uppercase; font-weight: bold; text-transform: uppercase; }
    .application-agreement p:last-child { margin-bottom: 0px; }
    .application-agreement p:first-child { margin-top: 0px; }
.application-agreement strong { font-weight: bold; text-transform: uppercase; }

/* Template Preview
-------------------------------------------------------------------------------*/
.template-border { border: 1px solid #ccc; border-radius: 10px; width: 96%; margin-left: 2%; }

/* Management Fees
-------------------------------------------------------------------------------*/
.servicesDataTableView tr td { border: none; }
.bidManagementFee { font-weight: bold; padding-top: 2% !important; }
.bidManagementtotalFeeLabel { font-weight: bold; }

/* Loan Values
-------------------------------------------------------------------------------*/
.loanValues-detail { display: block; margin-bottom: 5px; font-weight: bold; font-size: 13px; }

/* MARS Results
-------------------------------------------------------------------------------*/
table.mars-rules { border: 1px solid #aaa; }
    table.mars-rules > tbody > tr td:first-child { padding-left: 5px; }
    table.mars-rules > tbody > tr td:last-child { padding-right: 5px; }
    table.mars-rules > tbody > tr:first-child td { padding-top: 5px; }
    table.mars-rules > tbody > tr:last-child td { padding-bottom: 5px; }

.assignEngagerSearchText { margin-left: 10px; }
.on-hold-reasons { margin-left: 40px; }
.cancel-service-reasons-container { margin-left: 40px; }

/* On Hold
--------------------------------------------------------------------------------*/
.on-hold { background-color: #ffecb3 !important; }
    .on-hold table tr td { border-top: none; }
.on-hold-col-1 { width: 1%; padding-bottom: 10px; padding-top: 7px !important; }
.on-hold-col-2 { width: 15%; padding: 0 1%; float: left; }
.on-hold-col-3 { width: 85%; padding: 0 1%; float: left; }

.cancel-col-2 { width: 20%; padding: 0 1%; float: left; }
.cancel-col-3 { width: 80%; padding: 0 1%; float: left; }

/* Revision Submission History Table
--------------------------------------------------------------------------------*/
.revision-col-1 { width: 100%; padding: 0px; float: left; }


/* EVO - After Dark
--------------------------------------------------------------------------------*/

body.dark-theme header .top-nav .login-bar .sub-menu ul.menu-options { background-color: #616161; border-color: #ccc; color: #dcdcdc; }
    body.dark-theme header .top-nav .login-bar .sub-menu ul.menu-options li a { color: #dcdcdc; }
body.dark-theme header .top-nav nav .link-row .link-data a:not(.no-hover):hover { color: #008FBF; }
body.dark-theme header .top-nav .login-bar .public-menu a { color: #dcdcdc; }

body.dark-theme .addressSearchContainer > div { background: #000; }

body.dark-theme.public.login article { background: #1c1c1c; color: #dcdcdc; }

body.dark-theme .no-work { color: #dcdcdc; }

body.dark-theme .sub-menu.newOrder ul.menu-options { background: #616161; border: 1px solid #ccc; }
    body.dark-theme .sub-menu.newOrder ul.menu-options li a { color: #dcdcdc; }

body.dark-theme .subgroupheader { border-color: #616161; background-color: #616161; }
body.dark-theme .subsubgroupheader { border-color: #555; background-color: #555; }
body.dark-theme .dataTable .subsubgroup { background-color: #555; }

/* Plugins */
body.dark-theme .xdsoft_datetimepicker { background-color: #1c1c1c; }
    body.dark-theme .xdsoft_datetimepicker .xdsoft_calendar td:not(.xdsoft_other_month) { background-color: #1c1c1c; color: #dcdcdc; }
    body.dark-theme .xdsoft_datetimepicker .xdsoft_calendar th { background-color: #616161; color: #dcdcdc; }
    body.dark-theme .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month { background-color: #000; color: #acacac; }
    body.dark-theme .xdsoft_datetimepicker .xdsoft_label { background-color: #1c1c1c; color: #dcdcdc; }

body.dark-theme .selectize-input, body.dark-theme .selectize-control.single .selectize-input.input-active { background: #000; color: #dcdcdc; }
body.dark-theme .selectize-control.multi .selectize-input > div { background: #1c1c1c; color: #dcdcdc; }
body.dark-theme .selectize-dropdown { background-color: #000; color: #dcdcdc; }
    body.dark-theme .selectize-dropdown .active { background-color: #444; color: #dcdcdc; }

.existing-area-no-border .stateCoverageAreas thead tr th { border: none !important; }
.existing-area-no-border .stateCoverageAreas .disabled { background-color: transparent; }

/* Review Type */
.review-type-text { padding-top: 8px; }

/* Reconsideration Requests*/
#prior-reconsideration-requests-table tbody tr td:nth-child(3) { width: 3%; }
#prior-reconsideration-requests-table tbody tr td:nth-child(4) { width: 12%; }
#prior-reconsideration-requests-table tbody tr td:nth-child(5) { width: 17%; }
#prior-reconsideration-requests-table tbody tr td:nth-child(6) { width: 68%; }

/* Invoice Approval */
.drag-invoice-approval-container tr td.toggleColumn { width: 12%; }
.invoice-approval-address-book { width: 5%; }
.invoice-approval-recipients { width: 75%; }

/* Request Invoice Approval */
.vendor-invoice-type { width: 90%; }

.payableOpenDate { padding-right: 13px; }

/* Evo Network Message */
#evo-network-registration-message { margin-top: 3px; display: inline-block; vertical-align: top; width: 97%; }

/* Exchange Comment Recipients */

.comment-recipients-address-container { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; }

.address-field { min-width: 298px; }

.icon.address-book-exchange { background-position: -2px -2163px; width: 25px; height: 25px; margin-left: 0; position: relative; top: 21px; }

.ucdp-eads-margin { margin-left: 15px; }

.nestead-table { border: 1px solid black; padding: 10px }

/* First time login pages */
.body-block.sso-first-time-login { min-height: auto; }

.form-info { border: 1px solid #008fbf; padding: 10px; border-radius: 4px; margin-bottom: 10px; background-color: rgb(0 50 255 / 10%); color: #666666; }

.marker-label { margin-top: -15px; }

/* EVO STYLES FOR ORBEON FORM */
.orbeon .fr-buttons { display: none !important; }
.orbeon .fr-view { margin-right: 100px; padding-right: 100px; }

