/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: 
 *
 * ==|== normalize ==========================================================
 */



/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; background: #f3f3f4;font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #004D6B; color: #fff; text-shadow: none; }
::selection { background: #004D6B; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */
a:focus { outline: none; }


/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img { border: 0; -ms-interpolation-mode: bicubic; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

/*
 * Re-set default cursor for disabled elements
 */

button[disabled], input[disabled] { cursor: default; background-color:  gray;}
button[disabled] {opacity: .4}
button[disabled]:hover {background-color:gray; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; background: none !important; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid { }
/*input:invalid, textarea:invalid { background-color: #f0dddd; }*/
input:invalid, textarea:invalid { }

::-webkit-input-placeholder { color: #BABABA; }
:-moz-placeholder { color: #BABABA; }
:-ms-input-placeholder { color: #BABABA; }

/* hides the spin-button for firefox */
input[type=number] { -moz-appearance: textfield; }
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* =============================================================================
   Global
   ========================================================================== */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.floatleft {float:left; }
.floatright {float:right; }
.absolute {position:absolute; }
.mainbutton {background-color:#0099da;color:#ffffff;text-align: center;padding: 10px 0;font-size: 16px;border: none;cursor:pointer; }
.mainbutton:hover {text-decoration:none;background-color:#83DAFF;color:#ffffff; }
.mainbutton:visited {color:#ffffff !important; }
.mainbutton2 {background-color:#000000;color:#ffffff;text-align: center;padding: 10px 0;font-size: 16px;border: none;cursor:pointer; }
.mainbutton2:hover {text-decoration:none;background-color:#83DAFF;color:#ffffff; }
.mainbutton2:visited {color:#ffffff !important; }
.clear {clear:both; }
.hide {visibility:hidden; }
.none {display:none !important; }
.greysection {width: 100%;margin: 0 auto;background: #e5e9ec;padding:40px 0;}
.blacksection {width: 100%;margin: 0 auto;background: #20242b;padding:40px 0;}
.bluesection {width: 100%;margin: 0 auto;background: #004a69;padding:40px 0;}
.hideproestimate {display:none !important; }
.poplinks { background-color: #000000; padding: 3px 9px; color: #FFFFFF; text-decoration: none; border-radius: 1px; }
.poplinks:hover  {text-decoration:none;background-color:#83DAFF;color:#ffffff; }

/* =============================================================================
   Basic Text
   ========================================================================== */

p { font: normal 12px/15px Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 0px; color: #000000; }
h1 { font: bold 15px/20px Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 0px; color: #000000; }
h2 { font: bold 13px/16px Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 0px; color: #000000; }
a { font: normal 12px/15px Arial, Helvetica, Verdana, sans-serif; color: #0099da; text-decoration: none; }
a:hover { color: #119ad0; text-decoration: underline; }
a:visited { color: #119ad0; }

/* =============================================================================
   Logo bar / external navigation
   ========================================================================== */
#helpme { position: absolute; top: 0; left: 50%; width: 80px; margin-left: -40px; z-index: 41; color: #ffffff; text-align: center; padding: 5px 0; background-color: #05618B; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; display: block; }
#helpme:hover { text-decoration:none;background-color:#1CBFFF;}
#helpme  i {padding:0 4px 0 0;  color: #00A0EA;
 }
#logobar { width: 100%; height: 46px;overflow:hidden; 
           background-color: #017ca6;
background-image: -webkit-gradient(linear, top, bottom, from(#017ca6), to(#055E88));
background-image: -webkit-linear-gradient(top, #017ca6, #055E88);
background-image: -moz-linear-gradient(bottom, #017ca6, #055E88);
background-image: -o-linear-gradient(bottom, #017ca6, #055E88);
background-image: linear-gradient(to bottom, #017ca6, #055E88);}
#logo { width: 200px;height: 40px;background: url(../Images/workinglogowhitesm.png) no-repeat;background-position: 14px 11px;float: left;}
#logo a {display:block;width:100%;height:100%; }
#showicons {position: absolute;right: 0;  padding:15px 37px 9px 20px;display:none;cursor:pointer; }
#showicons:hover {background:#119ad0; }
#showicons p { display: inline-block; height: 20px; vertical-align: middle; padding: 2px 0 0 0;color:#ffffff; }
#showicons i { font-size: 15px; padding: 0 5px 0 0;  color: #ffffff;  height: 15px; }
.topicons {padding:0 24px 0 0;  position: absolute;right: 0;transition:transform 2s;width:240px; }
.topicons .fa-bars, .topicons .fa-cog, .topicons .fa-user, .topicons .fa-minus, .topicons .fa-home, .topicons .fa-question-circle, .topicons .fa-power-off {color:#35B6E2; width:38px;height:46px;border-left: 1px solid #00609B;display:inline-block;overflow:hidden;text-indent:-200px;position:relative;margin: 0 0 0 -3px;font-size: 13px;}
    /*.topicons .fa-question-circle {color: #FFB23C;}*/
.topicons .fa-question-circle::before {position: absolute; left: 215px; top: 18px;display: block;width: 20px;height: 20px; }
.topicons .fa-bars::before {position: absolute; left: 215px; top: 18px;display: block;width: 20px;height: 20px; }
.topicons .fa-cog::before {position: absolute; left: 215px; top: 18px;display: block;width: 20px;height: 20px; }
.topicons .fa-user::before {position: absolute; left: 215px; top: 18px;display: block;width: 20px;height: 20px;}
.topicons .fa-minus::before {position: absolute; left: 215px; top: 18px;display: block;width: 20px;height: 20px;}
.topicons .fa-home::before {position: absolute; left: 215px; top: 18px;display: block;width: 20px;height: 20px;}
.topicons .fa-power-off::before {position: absolute; left: 215px; top: 18px;display: block;width: 20px;height: 20px;}
.lasticon {border-right: 1px solid #005876;}
.topicons a:hover {background-color:#119ad0;color:#ffffff;text-decoration:none; }
.topicondescription {display:none;position:absolute;top:17px;left:-156px;width:145px;color:#ffffff;text-align:right; }
nav {
	height: 26px;
	width: 100%;
	position: relative;
}
nav ul {padding: 0;
  height: 25px;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 600px;
  margin-left: -240px;
}
nav li {
	display: inline;
	float: left;
}
nav a {
     font: normal 13px/16px Arial, Helvetica, Verdana, sans-serif;
  color: #E2E2E2  !important;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 25px;
  padding: 0 15px;
  margin: 0 2px 0 0;
  background: #444;
  background-image: linear-gradient(to bottom, #7C7B7B, #5F5E5E);
}
nav li a {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
nav li:last-child a {
	border-right: 0;
}
nav a:hover, nav a:active {
	background-color:#119ad0; 
    text-decoration:none;
    color:#ffffff !important;
    background-image:none;
}
nav a#pull {
	display: none;
}

#interiornav { width: 100%; height: 26px; overflow: hidden;   background-color: #444;
  background-image: -webkit-gradient(linear, top, bottom, from(#444), to(#323232));
  background-image: -webkit-linear-gradient(top, #444, #323232);
  background-image: -moz-linear-gradient(top, #444, #323232);
  background-image: -o-linear-gradient(top, #444, #323232);
  background-image: linear-gradient(to bottom, #444, #323232);
  border-top: 1px solid #000000;}
#exit {display:none; }
/*#interiornav ul { padding:0 30px 0 0; }
#interiornav ul li { display: inline-block; }
#interiornav ul li a { font: normal 13px/16px Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 5px 10px; color: #ffffff; display: block; }
#interiornav ul li a:hover { text-decoration: none; background-color:#119ad0; }*/
#interiornav nav ul li a.active { color: #008ED0 !important; background: #f3f3f4; font-weight: bold; }
.estimateaddress {color: #ffffff;display: inline-block;padding:7px 14px 4px 14px;  position: absolute;left: 0;z-index: 10;color: #C3C3C3;font-size:11px;}
.estimateaddress span {padding:0 14px 0 0; }
.estimateaddress span a {color:#35B6E2; }
.estimateaddress span a:hover {text-decoration:none;color:#ffffff;}
.estimateaddress span a i { padding: 6px 10px 8px 10px;background: #f3f3f4;margin: 0 10px 0 0;}
#footer {width: 100%;height: 200px;overflow: hidden;margin:200px 0 0 0;}
.alertgood {position:absolute;height:26px;width:100%;z-index:20;display:none;text-align:center;
background: #cdeb8e !important; /* Old browsers */
background: -moz-linear-gradient(top,  #cdeb8e 0%, #a5c956 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956)) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%) !important; /* IE10+ */
background: linear-gradient(to bottom,  #cdeb8e 0%,#a5c956 100%) !important; /* W3C */ }
.alertgood p, .alertbad p, .alertnoresult p  {  padding: 6px 0 4px 10px;font-size: 14px;text-transform: uppercase;}
.alertgood p {color: #2F6405; }
.alertbad p {color:#730303; }
.alertnoresult p {color:#624F03; }
.alertbad {position:absolute;height:26px;width:100%;z-index:20;display:none;text-align:center;background: #febbbb; /* Old browsers */
background: -moz-linear-gradient(top,  #febbbb 0%, #fe9090 45%, #ff5c5c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febbbb), color-stop(45%,#fe9090), color-stop(100%,#ff5c5c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* W3C */}
.alertnoresult { position:absolute;height:26px;width:100%;z-index:20;display:none;text-align:center;
background: #f1e767; /* Old browsers */
background: -moz-linear-gradient(top,  #f1e767 0%, #feb645 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1e767), color-stop(100%,#feb645)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f1e767 0%,#feb645 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f1e767 0%,#feb645 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f1e767 0%,#feb645 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f1e767 0%,#feb645 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=0 ); /* IE6-9 */}

.alertgoodmain {position:absolute;height:46px;width:100%;z-index:5;display:none;
background: #cdeb8e !important; /* Old browsers */
background: -moz-linear-gradient(top,  #cdeb8e 0%, #a5c956 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956)) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%) !important; /* IE10+ */
background: linear-gradient(to bottom,  #cdeb8e 0%,#a5c956 100%) !important; /* W3C */ }
.alertgoodmain p, .alertbadmain p, .alertnoresultmain p  {  padding: 16px 0 4px 10px;font-size: 14px;text-transform: uppercase;}
.alertgoodmain p {color: #2F6405; }
.alertbadmain p {color:#730303; }
.alertnoresultmain p {color:#624F03; }
.alertbadmain {position:absolute;height:46px;width:100%;z-index:5;display:none;background: #febbbb; /* Old browsers */
background: -moz-linear-gradient(top,  #febbbb 0%, #fe9090 45%, #ff5c5c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febbbb), color-stop(45%,#fe9090), color-stop(100%,#ff5c5c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* W3C */}
.alertnoresultmain { position:absolute;height:46px;width:100%;z-index:5;display:none; 
background: #f1e767; /* Old browsers */
background: -moz-linear-gradient(top,  #f1e767 0%, #feb645 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1e767), color-stop(100%,#feb645)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f1e767 0%,#feb645 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f1e767 0%,#feb645 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f1e767 0%,#feb645 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f1e767 0%,#feb645 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=0 ); /* IE6-9 */}

#appraiserbillboard {padding: 40px 0 0 0;}

/* =============================================================================
   Footer
   ========================================================================== */

.profooter { }
.profooter li {padding:10px 0 0 0;display:inline-block;padding:0 10px 0 0;vertical-align:top; }
#profooterwrapper { max-width: 1000px; margin: 0 auto; padding:20px 0;}
#profooterwrapper p, #profooterwrapper a {color:#c5c5c5; }


/* =============================================================================
   Help Containers
   ========================================================================== */
.intronav { width: 100%; height: 26px; overflow: hidden;   background-color: #444;
  background-image: -webkit-gradient(linear, top, bottom, from(#444), to(#323232));
  background-image: -webkit-linear-gradient(top, #444, #323232);
  background-image: -moz-linear-gradient(top, #444, #323232);
  background-image: -o-linear-gradient(top, #444, #323232);
  background-image: linear-gradient(to bottom, #444, #323232);
  border-top: 1px solid #000000;position:fixed;top:46px;z-index:999;}
.intronav a {
  font: normal 13px/16px Arial, Helvetica, Verdana, sans-serif;
  color: #b2b2b2;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 25px;
  padding: 0 15px;
  margin: 0 2px 0 0;
}
.intronav a:hover {background:#0099da;color:#ffffff !important; }
.helpholdervf {padding: 10px 20px 20px 20px; border-radius: 5px;background-color: #818181;
  background-image: -webkit-gradient(linear, top, bottom, from(#818181), to(#444));
  background-image: -webkit-linear-gradient(top, #818181, #444);
  background-image: -moz-linear-gradient(bottom, #818181, #444);
  background-image: -o-linear-gradient(bottom, #818181, #444);
  background-image: linear-gradient(to bottom, #818181, #444);
  border-top: 1px solid #A9A9A9;
  border-bottom: 1px solid #1A1A1A;}
.helpholdervf .helparrow {background-color:#119AD0; }
#helpbackfirst { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 200; background:rgba(0, 0, 0, 0.8); display: none; }
.nextback {width:100%;text-align:center; }
.vf1 { width: 600px; position: absolute; left: 50%; margin-left: -320px; top: 77px; }
.vf2 { width: 600px; position: absolute; left: 50%; margin-left: -320px; top: 77px;display:none; }
.vf2 .helparrow {  margin: 0 0 10px 104px; }
.vf3 { width: 600px; position: absolute; left: 50%; margin-left: -320px; top: 77px;display:none; }
.vf3 .helparrow {  margin: 0 0 10px 236px; }
.vf4 { width: 600px; position: absolute; left: 50%; margin-left: -320px; top: 77px;display:none; }
.vf4 .helparrow {  margin: 0 0 10px 366px; }
.vf5 { width: 600px; position: absolute; left: 50%; margin-left: -320px; top: 77px;display:none; }
.vf5 .helparrow {  margin: 0 0 10px 466px; }
.vf6 { width: 600px; position: absolute; left: 50%; margin-left: -320px; top: 77px;display:none; }
.vfgoto2 {padding:5px 0;width:200px;margin:10px 2px 0 0;display:inline-block }
.vfgoto3 {padding:5px 0;width:200px;margin:10px 2px 0 0;display:inline-block }
.vfgoto4 {padding:5px 0;width:200px;margin:10px 2px 0 0;display:inline-block }
.vfgoto5 {padding:5px 0;width:200px;margin:10px 2px 0 0;display:inline-block }
.vfgoto6 {padding:5px 0;width:200px;margin:10px 2px 0 0;display:inline-block }
.vfactive, .vfactive:hover  {background:#119ad0;color:#ffffff !important; }
#helpmefirstrun { position: absolute; top: 0; left: 50%; width: 80px; margin-left: -40px; z-index: 38; color: #ffffff; text-align: center; padding: 5px 0; background-color: #1CBFFF; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; display: none; }
.closeefirsthelp {padding:5px 0;width:200px;margin:10px 2px 0 0;display:inline-block }
.generichelpicon { display: inline-block; color: #119ad0; font-size: 14px; width: 14px; height: 14px; text-align: center;margin: 0 0 0 5px; }
.generichelpicon:hover {color: #D50035; } 
#helpback { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 200; background: rgba(0, 0, 0, 0.6); display: none; }
#helpcontainerebuilder {width:100%;margin:0 auto;position:relative;}
#helpcontainerview {width:1000px;margin:0 auto;position:relative;}
#helpcontainertasklist {width:1000px;margin:0 auto;position:relative;}
#helpcontainerprojectsetup {width:1000px;margin:0 auto;position:relative; }
#helpcontainerreports {width:1000px;margin:0 auto;position:relative; }
#helpcontainersettings {width:1000px;margin:0 auto;position:relative; }
#helpcontainerlibrary {width:1000px;margin:0 auto;position:relative; }
#helpcontainerdashboard {width:1000px;margin:0 auto;position:relative; }

.helparrow  {background-color: #000000;
  border:3px solid #ffffff;
  border-radius:50%;
  height:30px;width:30px;
  text-align:center;
  display:inline-block;
  vertical-align:top;
}
.helparrow i {color:#ffffff;  font-size: 22px;  line-height: 32px; }
.helpholder {padding:10px ;border-radius: 4px;background-color: #43BAE9;
  border-top: 1px solid #B7E6F9;
  border-bottom: 1px solid #1A1A1A;}

.videoholder {padding:10px ;border-radius: 4px;background-color: #119AD0;
  background-image: -webkit-gradient(linear, top, bottom, from(#5FCCF7), to(#119AD0));
  background-image: -webkit-linear-gradient(top, #5FCCF7, #119AD0);
  background-image: -moz-linear-gradient(bottom, #5FCCF7, #119AD0);
  background-image: -o-linear-gradient(bottom, #5FCCF7, #119AD0);
    background-image: linear-gradient(to bottom, #5FCCF7, #119AD0);
    border-top: 1px solid #B7E6F9;
  border-bottom: 1px solid #1A1A1A;
  text-align:center;
  cursor:pointer;
}

.videoholder:hover {background-image:none; }

.videoholder p {color: #ffffff; font-weight: bold;font-size: 13px;line-height: 18px; padding:10px 0 0 0;  }

#video1 { width: 640px; height: 390px; position: fixed; top: 47px; left: 50%; margin-left: -320px; display: none; padding: 10px; background-color: #000000;border-radius: 4px;text-align: center;}
#video1 p  {color:#ffffff;padding:10px 0;cursor:pointer;font-weight:bold;font-size:14px;background: #00B4F6;}
#video1 p:hover {background: #54D1FF; }

.helpholder p, .helpholdervf p {color: #ffffff; font-weight: bold; display: inline-block; vertical-align: top;  font-size: 13px;line-height: 18px;   }
.heb1 {position:absolute;top:90px;left:20px;}
.heb1 p { width: 235px;margin: 0 0 0 10px;  }
.heb2 {position:absolute;top:90px;left:53%; }
.heb2 p { width: 135px;margin: 0 0 0 10px;  }
.heb3 {position:absolute;top:90px;left:78%; }
.heb3 p { width: 135px;margin: 0 0 0 10px;  }
.heb4 {position:absolute;top:446px;left:78%; }
.heb4 p { width: 135px;margin: 0 0 0 10px;  }
.heb5 {position:absolute;top:260px;left:78%; }
.heb5 p { width: 135px;margin: 0 0 0 10px;  }
.heb6 {position:absolute;top:260px;left:50%;margin-left:-110px; }
.heb6 p { width: 200px;  }
.heb7 {position:absolute;top:370px;left:50%;margin-left:-110px; }
.heb7 p { width: 200px;  }

.hev1 {position:absolute;top:172px;left:0; }
.hev1 p {margin: 0 0 0 10px;width:400px;  }
.hev2 {position:absolute;top:172px;right:33px; }
.hev2 p { width: 375px;margin: 0 0 0 10px; }
.hev3 {position:fixed;bottom:62px;left:35%; }
.hev3 p { width: 400px;margin: 0 10px 0 0; }
.hev4 {position:absolute;top: 282px;left: 16px}
.hev4 p { width: 200px; }
.hev5 {position:absolute;top: 282px;left: 262px}
.hev5 p { width: 200px; }
.hev6 {position:absolute;top: 282px;left: 511px}
.hev6 p { width: 200px;}
.hev7 {position:absolute;top: 282px;right: 20px}
.hev7 p { width: 200px; }

.hds1 {margin: 64px auto 0 auto;width: 700px; }
.hds1 p { display: block; font-weight: normal; margin: 0 !important; padding: 5px 0; }
.hds1 p span {font-weight:bold; }

.hetl1 {margin:90px auto 0 auto;text-align:center;width:790px; }
.hetl1 p { width:750px;margin: 10px 0; }
.hetl1 ul {padding: 10px 0; }
.hetl1 ul li {list-style-type:none;padding:0 0 10px 0;font-weight:bold;  font-size: 14px; }
.helpvid { background: #119AD0; color: #ffffff; display: block; padding: 10px 0px; font-size: 14px; width: 274px; border-radius: 2px; margin: 0 auto; }
.helpvid:hover  {color:#ffffff;text-decoration:none;background:#3DC8FF; }
.helpvid:visited {color:#ffffff; }

.heps1 {position:absolute;top:233px;left:123px; }
.heps1 p {margin: 0 0 0 10px;width:700px;  }

.her1 {position:absolute;top:109px;left:123px; }
.her1 p {margin: 0 0 0 10px;width:700px;  }
.her2 {position:absolute;top:187px;left:123px; }
.her2 p {margin: 0 0 0 10px;width:700px;  }
.her3 {position:absolute;top:283px;left:262px; }
.her3 p {width:200px;  }
.her4 {position:absolute;top:283px;left:511px; }
.her4 p {width:200px;  }

.hes1 {position:absolute;top:90px;left:0; }
.hes1 p {margin: 0 0 10px 0;width:100%;  }
.hes1 p span {color:#78D6FF;font-weight:bold;padding:0 0 0 0;display:block; }

.helb1 {position:absolute;top:249px;left:0;}
.helb1 p { width: 200px;margin: 0 0 0 10px;  }
.helb2 {position:absolute;top:125px;left:614px;}
.helb2 p { width: 235px;margin: 0 0 0 10px;  }
.helb3 {position:absolute;top:249px;left:656px;}
.helb3 p { width: 235px;margin: 0 10px 0 0;  }


.closeebhelp { display: block; position: fixed; top:0;left:0; width: 100%; padding: 15px 0;background:#26BB02; }
.closeebhelp:hover, .closeebhelp2:hover {background:#1CBFFF;text-decoration:none;color:#ffffff; }
.closeebhelp2 {text-align:center;background:#26BB02; padding:10px 0;color:#ffffff;display:block;width:200px;margin:10px auto 0 auto;border-radius:2px;font-size:16px;}

/* =============================================================================
   Estimate Builder - Task List
   ========================================================================== */
.builderstop { display:none}
.projectsteps {display:none; }
.projecthelp {display:none; }
#updatingreport {display:none; }
.qcharttrigger {color: #0099da;cursor:pointer;font-weight:normal;padding:2px 6px; }
.qcharttrigger:hover {color: #ffffff;background:#0099da;}
#qualitychart {position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, 0.4);display:none;z-index:200;}
.chartholder {width: 650px;margin: 47px auto 20px auto;padding: 20px;background: #FFFFFF;border-radius: 2px;}
ul.qchart {margin:0;padding:0;border-radius:2px;}
ul.qchart li {font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;padding:10px 0 10px 5px;border-bottom:1px solid #e7e7e7;color:#0376AC;}
ul.qchart li:nth-child(even) {background:#E8EDF0;}
ul.qchart li.header {background:#ffffff url(../Images/bgbluestrip.jpg) repeat-x;color: #ffffff;padding: 5px 0 5px 5px;border-bottom:0px solid #ffffff;}
ul.qchart li span {display:inline-block;vertical-align: top;font-weight:bold;}
ul.qchart li span.quality {width:160px;}
ul.qchart li span.dollarsigns {width:160px;}
ul.qchart li span.houseequal {width:160px;}
ul.qchart li span.notes {width:100%;display:block;font-weight:normal;padding:6px 0 0 0;color:#777777;font: italic 12px/15px Arial, Helvetica, Verdana, sans-serif;}
#closechart { background: #1CBFFF; border-radius: 2px; padding: 7px 12px; width: 325px; text-align: center; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; color: #ffffff !important; display: inline-block; font-size: 18px; line-height: 20px; }
#closechart:hover {background:#00B7FF !important;text-decoration:none; }
.lastlist {border-bottom:0px solid #ffffff !important;}
#newtaskholder {margin:0 0 20px 0;text-align:center;width:100%; }
#centerwrapper {max-width:1000px;margin:0 auto;min-height: 500px; }
.taskcontainer { width:100%; background: #ffffff;position: relative;box-shadow: 2px 2px 0 rgba(0,0,0,.05);border-radius: 2px;display:block;padding:14px 0;margin: 0 0 10px 0;}
#newtask {display: inline-block;width: 200px;}
.tasknumber {padding:0 0 6px 20px;font-weight:bold;text-transform:uppercase; }
.taskname {padding:0 0 0 20px; }
.taskname a {font-size: 20px;line-height: 24px;}
a.taskactions {padding: 6px 0 4px 0;width: 80px;text-align: center;  border-radius: 2px;background-color: #FFFFFF; color: #0099DA;  border: 1px solid #0099DA;}
a.taskactions:hover {background-color:#119ad0;text-decoration:none;color:#ffffff;}
.taedit {position:absolute;right:120px;top:22px; }
.tadelete {position:absolute;right:20px;top:22px; }
.taopen {position:absolute;right:220px;top:22px; }
.taduplicate {position:absolute;right:20px;top:22px; }
.taskinstructions {padding:0 0 20px 0;font-size: 14px;line-height: 18px;text-align: center; }
#addnewtaskpop {max-width:100%;width:500px;border-radius:4px;position:absolute;left: 50%;top: 40%;margin-left: -200px;margin-top: -200px;display:none;z-index:999;background-color: #818181;
background-image: -webkit-gradient(linear, top, bottom, from(#818181), to(#444));
background-image: -webkit-linear-gradient(top, #818181, #444);
background-image: -moz-linear-gradient(bottom, #818181, #444);
background-image: -o-linear-gradient(bottom, #818181, #444);
background-image: linear-gradient(to bottom, #818181, #444);
border-top: 1px solid #A9A9A9;
border-bottom: 1px solid #1A1A1A; }
#addnewtaskpop i {position:absolute;top:5px;right:5px;cursor:pointer; }
.tasknumberpop {font-weight:bold;text-transform:uppercase;padding: 20px 0 5px 20px;color:#ffffff; }
#tasknameinput {padding: 10px;width: 430px;margin: 0 0 20px 20px; }
#createtask {padding:10px 20px;display:block;margin:0 auto 20px auto;width: 140px; }
.deletingtaskmessage {  width: 100%;margin: 50px auto 0 auto;color: #ffffff;text-align: center;position: fixed; z-index: 9999;display:none; }

/* =============================================================================
   Library Builder - Library List / Line Item Builder
   ========================================================================== */

#librarylist {width:700px;vertical-align:top;float:right; }
#librarycategories {width:250px;position: relative;min-height:300px;vertical-align:top;float:left;}
.librarycontainer { width:700px; background: #ffffff;position: relative;display:block;padding:10px 0;margin: 0 0 2px 0;border-bottom:1px solid #D3D3D3;border-top: 1px solid #ffffff;}
.librarycontainer i { position:absolute;right: 5px;top: 12px;width: 16px;height: 16px;color:#119ad0;cursor:pointer;}
.librarycontainer:nth-child(odd) {background-color:#F9F9F9; }
#newlibrary {display: inline-block;width: 200px;}
#newlibraryholder {text-align:center;padding:10px 0 30px 0;width:100%; }
.libraryname {padding:0 0 0 20px;width:50%; }
.libraryname a {font-size: 14px;line-height: 18px;}
a.libraryactions { padding: 4px 0 3px 0; width: 70px; text-align: center; background-color: #FFFFFF; color: #0099DA; border-radius: 2px; border: 1px solid #0099DA; }
a.libraryactions:hover {background-color:#119ad0;text-decoration:none;color:#ffffff; }
.categoryhead {padding: 5px;margin:0 0 10px 0;color:#ffffff;background-color: #576774;
  background-image: -webkit-gradient(linear, top, bottom, from(#576774), to(#31414C));
  background-image: -webkit-linear-gradient(top, #576774, #31414C);
  background-image: -moz-linear-gradient(top, #576774, #31414C);
  background-image: -o-linear-gradient(top, #576774, #31414C);
  background-image: linear-gradient(to bottom, #576774, #31414C);}
.liedit {position:absolute;right:180px;top:12px; }
.lidelete {position:absolute;right:20px;top:12px; }
.liduplicate {position:absolute;right:100px;top:12px; }
.liopen { position: absolute; right: 261px; top: 12px; }
.libraryinstructions {padding:20px 0 10px 0;font-size: 14px;line-height: 18px;text-align: center; }
ul.libcat { }
ul.libcat li {position:relative; }
ul.libcat li i {position:absolute;right:4px;  top: 7px;cursor:pointer;color: #CBCBCB; }
ul.libcat li i:hover {color:red; }
ul.libcat li a {font-size:12px;display:block;padding:5px 0 5px 4px;}
ul.libcat li a:hover {background-color:#0099da;color:#ffffff;text-decoration:none; }
ul.libcat li a:visited {}
#searchforlibrary {height:40px; }
#searchforlibrary input {width:300px;height:15px;padding:4px; }
.searchlib {font-size: 12px;padding: 6px 20px; }
.librarynotes { width: 370px; display: block;     min-height: 10px; padding: 5px 0 0 20px; }
.librarynotes p {font-style:italic;font-size:12px; }
.activecat {background-color:#0099da;color:#ffffff !important; }
.activecat a,.activecat a:visited,.activecat a:hover {background-color:#0099da;color:#ffffff !important; }
.libraryactionholder { position: absolute; right: 0; top: 0px; }
.librarynoteentry textarea {width:590px;height:35px; }
#addeditlibrarypop {width: 600px;min-height:100px;border-radius: 4px;position: fixed;left: 50%;top: 25px;margin-left: -300px;display:none;z-index:1110;
                      font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;padding:20px;color:#ffffff;
background-color: #818181;
background-image: -webkit-gradient(linear, top, bottom, from(#818181), to(#444));
background-image: -webkit-linear-gradient(top, #818181, #444);
background-image: -moz-linear-gradient(bottom, #818181, #444);
background-image: -o-linear-gradient(bottom, #818181, #444);
background-image: linear-gradient(to bottom, #818181, #444);
border-top: 1px solid #A9A9A9;
border-bottom: 1px solid #1A1A1A; }
#newcatname {display:none; }

#addeditlineitempop {width: 800px;min-height:100px;border-radius: 4px;position: fixed;left: 50%;top: 25px;margin-left: -400px;display:none;z-index:1110;
                      font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;padding:20px;color:#ffffff;
background-color: #818181;
background-image: -webkit-gradient(linear, top, bottom, from(#818181), to(#444));
background-image: -webkit-linear-gradient(top, #818181, #444);
background-image: -moz-linear-gradient(bottom, #818181, #444);
background-image: -o-linear-gradient(bottom, #818181, #444);
background-image: linear-gradient(to bottom, #818181, #444);
border-top: 1px solid #A9A9A9;
border-bottom: 1px solid #1A1A1A; }
#lineitemright {display:inline-block;width:430px;padding:0 0 0 20px;vertical-align:top; }
#lineitemright  .elmholder { padding: 0 0 10px 0; border-top: none; }
#lineitemleft {display:inline-block;width:300px;vertical-align:top; }
#lineitemleft .librarynoteentry textarea {width: 280px; }
#exteriornav {
    height:25px;
width: 100%;
overflow: hidden;
background-color: #444;
background-image: -webkit-gradient(linear, top, bottom, from(#444), to(#323232));
background-image: -webkit-linear-gradient(top, #444, #323232);
background-image: -moz-linear-gradient(top, #444, #323232);
background-image: -o-linear-gradient(top, #444, #323232);
background-image: linear-gradient(to bottom, #444, #323232);
border-top: 1px solid #000000;
}
#exteriornavdash {
height:25px;
width: 100%;
overflow: hidden;
background-color: #444;
background-image: -webkit-gradient(linear, top, bottom, from(#444), to(#323232));
background-image: -webkit-linear-gradient(top, #444, #323232);
background-image: -moz-linear-gradient(top, #444, #323232);
background-image: -o-linear-gradient(top, #444, #323232);
background-image: linear-gradient(to bottom, #444, #323232);
border-top: 1px solid #000000;
position:absolute;
z-index:99;
top:44px;
left:0px;
}
#exteriornavdash p { color:#B3B3B3;text-align:right;padding: 5px 0 0;font-weight: bold;}
#exteriornavdash p span {padding:0 20px 0 0;color:#35B6E2; }
.pagetitleholder {margin: 0 auto; }
.pagetitleholder p {font-size: 14px;text-transform: uppercase;color: #ffffff;text-align: center;padding: 5px 0 0 0;}
.pagetitleholderlb {margin: 0 auto; }
.pagetitleholderlb p {font-size: 14px;color: #ffffff;text-align:center;padding: 5px 0 0 0;}
.pagetitleholderlb p a {color:#35B6E2;font-size:12px; }

/* =============================================================================
   Report Tracking
   ========================================================================== */

.paymentsummary { padding: 0 0 10px 0; font-weight: bold; }
.sendreportinstructions {color:#ffffff;font-weight:bold;padding:0 0 20px 0; }
.reportcontainer {background: #ffffff;position: relative;box-shadow: 2px 2px 0 rgba(0,0,0,.05);border-radius: 2px;display:block;padding:14px 20px;margin: 0 0 10px 0;}
#SendReportLinkDialog {width: 800px;min-height:100px;border-radius: 4px;position: fixed;left: 50%;top: 50px;margin-left: -400px;display:none;z-index:210;
                      font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;padding:20px;color:#ffffff;
background-color: #818181;
background-image: -webkit-gradient(linear, top, bottom, from(#818181), to(#444));
background-image: -webkit-linear-gradient(top, #818181, #444);
background-image: -moz-linear-gradient(bottom, #818181, #444);
background-image: -o-linear-gradient(bottom, #818181, #444);
background-image: linear-gradient(to bottom, #818181, #444);
border-top: 1px solid #A9A9A9;
border-bottom: 1px solid #1A1A1A; }
.reportLinkMessage {width:750px; }
.reportLinkEmailAddress {width:300px;}
.reportLinkEmailSubject {width:500px;}

#PaymentSummary {width: 320px;min-height:100px;border-radius: 4px;position: fixed;left: 50%;top: 100px;margin-left: -160px;display:none;z-index:210;
                      font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;padding:20px;color:#ffffff;
background-color: #818181;
background-image: -webkit-gradient(linear, top, bottom, from(#818181), to(#444));
background-image: -webkit-linear-gradient(top, #818181, #444);
background-image: -moz-linear-gradient(bottom, #818181, #444);
background-image: -o-linear-gradient(bottom, #818181, #444);
background-image: linear-gradient(to bottom, #818181, #444);
border-top: 1px solid #A9A9A9;
border-bottom: 1px solid #1A1A1A; }

#AlertWindow {width: 500px;min-height:100px;border-radius: 4px;position: fixed;left: 50%;top: 100px;margin-left: -250px;display:none;z-index:210;
                      font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;padding:20px;color:#ffffff;
background-color: #818181;
background-image: -webkit-gradient(linear, top, bottom, from(#818181), to(#444));
background-image: -webkit-linear-gradient(top, #818181, #444);
background-image: -moz-linear-gradient(bottom, #818181, #444);
background-image: -o-linear-gradient(bottom, #818181, #444);
background-image: linear-gradient(to bottom, #818181, #444);
border-top: 1px solid #A9A9A9;
border-bottom: 1px solid #1A1A1A; }


#EditReportStatusDialog {width: 800px;min-height:100px;border-radius: 4px;position: fixed;left: 50%;top: 100px;margin-left: -400px;display:none;z-index:210;
                      font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;padding:20px;color:#ffffff;
background-color: #818181;
background-image: -webkit-gradient(linear, top, bottom, from(#818181), to(#444));
background-image: -webkit-linear-gradient(top, #818181, #444);
background-image: -moz-linear-gradient(bottom, #818181, #444);
background-image: -o-linear-gradient(bottom, #818181, #444);
background-image: linear-gradient(to bottom, #818181, #444);
border-top: 1px solid #A9A9A9;
border-bottom: 1px solid #1A1A1A; }

.retype {padding:0 0 6px 0;font-weight:bold;text-transform:uppercase; }
.rename {width:460px;padding:0; }
.rename a {font-size: 20px;line-height: 24px;}
a.reactions {padding: 6px 0 4px 0;width: 80px;text-align: center;background-color: #FFFFFF; color: #0099DA; border-radius: 2px; border: 1px solid #0099DA;}
a.reactions:hover {background-color:#119ad0;text-decoration:none;color:#ffffff;  }
.repopen {position:absolute;right:470px;top:35px; }
.repview {position:absolute;right:380px;top:35px; }
.repedittrack {position:absolute;right:470px;top:35px; }
.repsendlink {position:absolute;right:290px;top:35px; }
.reptrack {position:absolute;right:110px;top:35px; }
.repedit {position:absolute;right:200px;top:35px; }
.repstatus {position:absolute;right:290px;top:35px; }
.repdelete {position:absolute;right:20px;top:35px; }
.reinstructions {padding:40px 0 0 0;font-size: 14px;line-height: 18px;text-align: center; }
.reportdeets {font-size:12px;padding:4px 0 0 0; }

    .propagetitle {text-align: center;font-size: 18px;padding: 0 0 10px 0;    display: none; }

/* =============================================================================
   Estimate Builder
   ========================================================================== */
#estimatebuilder { height: 100%; width: 100%; top: 0; bottom: 0; }
#mobileLibrary { display: none; font: normal 11px/14px Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 4px; color: #000000; border-bottom: 1px solid #e7e7e7; cursor: pointer; text-align: left !important; }
.slick-header-columns, .slick-headerrow-columns {background:#ffffff !important; }
.ebholder .slick-cell {  font: normal 11px/14px Arial, Helvetica, Verdana, sans-serif !important;  padding: 4px 0 !important; }
.ebholder .slick-cell.selected {background: #0CBD00 !important;}
.ebholder .grid-canvas .slick-row {height: auto !important;  border-bottom: 1px solid #e7e7e7 !important;background:#ffffff !important;  padding: 0 !important;}
.ebholder .grid-canvas .slick-row:hover { background: #DDF2FF !important; cursor: pointer !important; }
.ebholder #OrderPager .slick-pager {display:none; }
.ebholder .slick-row.ui-widget-content {background:#ffffff !important;  padding: 0 !important; }
.ebholder .slick-header-column.ui-state-default {   font: bold 12px/15px Arial, Helvetica, Verdana, sans-serif !important;color: #0099da !important; }
/*.ebholder .ui-state-default { border: 0px solid #d3d3d3 !important; }*/
.ebholder .slick-headerrow-column.ui-state-default {padding:4px !important;}
.ebholder .slick-headerrow {background: #FFFFFF !important;}
.ebholder .slick-headerrow-column {background: #FFFFFF !important;}
.ebholder .ui-state-default {border-top:none !important;border-left:none !important;border-bottom:none !important;background:none !important;border-bottom-color:#ffffff !important; }
.ebholder .slick-header-columns {border: none !important;height: 26px !important; }
#popaddarea {max-width:100%;width: 500px;min-height:100px;border-radius: 4px;position: fixed;left: 50%;top: 50px;margin-left: -250px;display:none;z-index:310;
                      font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;padding:20px;color:#ffffff;
background-color: #818181;
background-image: -webkit-gradient(linear, top, bottom, from(#818181), to(#444));
background-image: -webkit-linear-gradient(top, #818181, #444);
background-image: -moz-linear-gradient(bottom, #818181, #444);
background-image: -o-linear-gradient(bottom, #818181, #444);
background-image: linear-gradient(to bottom, #818181, #444);
border-top: 1px solid #A9A9A9;
border-bottom: 1px solid #1A1A1A;}
#popduplicatearea {max-width:100%;width: 500px;min-height:100px;border-radius: 4px;position: fixed;left: 50%;top: 50px;margin-left: -250px;display:none;z-index:310;
                      font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;padding:20px;color:#ffffff;
background-color: #818181;
background-image: -webkit-gradient(linear, top, bottom, from(#818181), to(#444));
background-image: -webkit-linear-gradient(top, #818181, #444);
background-image: -moz-linear-gradient(bottom, #818181, #444);
background-image: -o-linear-gradient(bottom, #818181, #444);
background-image: linear-gradient(to bottom, #818181, #444);
border-top: 1px solid #A9A9A9;
border-bottom: 1px solid #1A1A1A;}
#blackcoverarea { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 200; background: rgba(0,0,0,0.8); display: none; }
#taskheader { width: 100%; padding:20px 0 10px 0; }
.tasktitle {font-size: 16px;font-weight: bold;padding:0 0 0 20px;}
.tasktitle span a { font-size: 12px !important; font-weight: normal; padding: 3px 9px; color: #0099da; margin: 0 5px; border-radius: 2px;border: 1px solid #0099da;    background-color: #ffffff; }
.tasktitle span a:hover {text-decoration:none;background-color:#0099da;color:#ffffff; }
#taskstepsholder { width: 100%; padding: 0; position: absolute; height: auto; top: 130px; bottom: 20px; }
#tasklistflyout { background: #ffffff; position: absolute; height: 100%; right: 0; z-index: 110; top: 0;}
/*#tasklisttrigger { float: left; width: 25px; height: 100%; background: #000000 url(../Images/opencloselr.png) no-repeat; background-position: center; cursor: pointer; }*/
.taskflyoutarea .steptitle {  padding: 3px 0 3px 10px;background-color: #017ca6;
  background-image: -webkit-gradient(linear, top, bottom, from(#017ca6), to(#055E88));
  background-image: -webkit-linear-gradient(top, #017ca6, #055E88);
  background-image: -moz-linear-gradient(bottom, #017ca6, #055E88);
  background-image: -o-linear-gradient(bottom, #017ca6, #055E88);
  background-image: linear-gradient(to bottom, #017ca6, #055E88); }
#tasklisttrigger { float: left; width: 25px; height: 100%; background-position: center; cursor: pointer;color:#ffffff; position:relative;border-left: 1px solid #E5E4E4;}
#tasklisttrigger i {height:10px;width:10px;position:absolute;top:48%;left:4px;color:#444444}
#tasklisttrigger:hover { background-color: #00bcff;}
#tasklisttrigger2 {display:none; float: left; width: 25px; height: 100%; background-position: center; cursor: pointer;color:#ffffff; position:relative;border-left: 1px solid #E5E4E4;}
#tasklisttrigger2 i {height:10px;width:10px;position:absolute;top:48%;left:4px;color:#444444}
#tasklisttrigger2:hover { background-color: #00bcff; }
#tasklistdetails { float: right; width: 560px; height: 100%;display: none;overflow:auto;}
#tasklistdetails ul {  width: 500px;padding: 0;}
#tasklistdetails ul li {font: normal 11px/14px Arial, Helvetica, Verdana, sans-serif;margin: 0 0 2px 0;padding: 6px 4px 6px 0;color: #444444;text-align: left !important;position: relative;border-bottom:1px solid #F0F0F0;}
/*#tasklistdetails ul li:nth-child(even) {background-color:#F4F4F4; }
#tasklistdetails ul li:hover {background-color:#E4F3FF; }*/
#tasklistdetails ul li i {width:16px;height:16px; position:absolute;right:-24px;vertical-align: middle;color:#D8D8D8;cursor:pointer;}
#tasklistdetails ul li i:hover {color:red; }
.taskareawrapper { padding:10px 0;}
#addingtotaskswait { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 200; background: rgba(0,0,0,0.8); display: none; }
#waitmessageholder {margin:150px auto 0 auto;width:400px;height:200px;position:relative; }
#waitmessageholder p {color:#ffffff;text-align:center; }
#waitmessageholder .spinner {left: 207px;top: 54px; }
.nolistitems {text-align:center;width: 400px;margin:0 auto;padding: 10px 0 20px 0; }
.nolistitems p {font-size:14px;line-height:22px;}
.taskflyareaheader {font-size: 14px;padding:4px 0;font-weight: bold;width: 500px;color: #000000;border-top: 2px solid #0178A2;}
.dupearea {color: #00B2FD;cursor:pointer;padding:0 0 0 20px;font-size: 12px;font-weight: normal;float:right; }
.dupearea:hover, .createlib:hover {color:#0099da;text-decoration:underline; }
.createlib {color: #00B2FD;cursor:pointer;padding:0;font-size: 12px;font-weight: normal;float:right; }
.stepdivider { width: 10px; display: inline-block; }
.stepdividerfirst { width: 20px; display: inline-block; }
#ebsearch { width: 50%; height: 100%;  display: inline-block; background: #ffffff; overflow: hidden;position:relative;box-shadow: 2px 2px 0 rgba(0,0,0,.05);border-radius: 4px; }
#ebadditional { width: 24%; height: 100%; display: inline-block; background: #ffffff; overflow: hidden;position:relative;box-shadow: 2px 2px 0 rgba(0,0,0,.05);border-radius: 4px; }
#ebareas { width: 16%; height: 100%;  display: inline-block; background: #ffffff; overflow: hidden;position:relative;box-shadow: 2px 2px 0 rgba(0,0,0,.05);border-radius: 4px; }
.ebholder {position:absolute; top:30px;  left:10px;right:10px;bottom:10px;}
#blackcover { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 200; background:rgba(0, 0, 0, 0.4); display: none; }
#blackcoverbuilder { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 100; background:rgba(0, 0, 0, 0.4); display: none; }
.bigdeetsname {font-size: 40px;color: #ffffff;line-height: 41px; }
.bigdeetsname span {display:block;font-size:16px;padding:0 0 8px 0;line-height: 14px; }
#bigdeets {position:absolute;top:50px;left:50px;width: 40%;display:none; }
.steptitle { background: #31414C; color: #ffffff; line-height: 14px;vertical-align: middle;height: 20px;line-height: 21px;text-transform: uppercase;font-size: 11px; }
#selectall { display: none; padding: 4px 10px; background: orange; color: #ffffff; text-decoration: none !important; margin: 0 0 0 10px; font-size: 11px; font-weight: bold; }
.steptitle span { background: #0CBD00; color: #ffffff; display:inline-block;padding: 0px 6px;margin: 0 5px 0 0;height: 20px;font-weight:bold;}
#filtersearch {text-align:center;height: 94%; }
.ebholder ul {vertical-align:top;background:#ffffff;position:relative;  }
.ebholder ul li {font:normal 11px/14px Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding:4px; color: #000000;border-bottom:1px solid #e7e7e7;cursor:pointer;text-align:left !important; }
.ebholder ul li:hover {background-color: #E8F9FF;}
.ebholder ul li i {position:absolute;right:4px;color:#D8D8D8 !important;background:rgba(0,0,0,0) !important; }
.ebholder ul li i:hover {color:red !important; }
.heading { text-align: left; padding: 2px 0; font-size: 12px; color: #31414C; font-weight: bold; border-bottom: 2px solid #31414C; }
.heading i { padding:0 4px 0 0;}
.threesearches {width:32%;height: 40%;display:inline-block;margin:0 0 20px 0; }
.step4 {height: 50%;}
.threeholder {overflow:auto;height:87%; }
.actionsearch {overflow:auto;height:98%;; }
.ebuildlist {overflow:auto;vertical-align:top;height:100%; }
.select {background-color: #0CBD00 !important;color:#ffffff !important}
.filterhighlight {background-color: #DDF2FF !important;color:#0099da !important}
.additionalactions {display:none; }
.additionalactionsxxx {height:100%; }
.noadditionalitems {position:absolute;top:30px;left:20px;display:none;z-index: 99; }
.areastoapply {height:84%; }
#additionalactionholder {height:100%;overflow:auto; }
#areasholder {max-height:100%;overflow:auto; }
#addtotask { display: block; margin: 10px 0 0 0; width: 100%; position: absolute; bottom: 0; }
#addtolibraryholder { width: 16%; height: 100%; display: inline-block; overflow: hidden;position:relative;border-radius: 4px; }
#addtolibrary {display:block;position:absolute;bottom:50%;width: 100%;}
#addarealink { padding: 3px 0; display: block; text-align: center; color: #0099da;  margin: 0 auto 4px auto; width: 100%; border-radius: 1px; }
#addarealink:hover {text-decoration:none;background-color:#0099da;color:#ffffff; }
#filteredswitch {position:absolute;bottom:0px;left:0px;padding:4px 0;background-color:#9CC6DF;color:#ffffff;width:140px;text-align:center;}

#popularprojectswitch {
    position: absolute;
    bottom: 0px;
    left: 150px;
    padding: 4px 0;
    background-color: #9CC6DF;
    color: #ffffff;
    width: 140px;
    text-align: center;
}

#keywordswitch {position:absolute;bottom:0px;left:300px;padding:4px 0;background-color:#9CC6DF;color:#ffffff;width:140px;text-align:center;}
#manualswitch {position:absolute;bottom:0px;left:450px;padding:4px 0;background-color:#9CC6DF;color:#ffffff;width:140px;text-align:center;}

#completeremodelprojectswitch {
    position: absolute;
    bottom: 0px;
    left: 600px;
    padding: 4px 0;
    background-color: #9CC6DF;
    color: #ffffff;
    width: 200px;
    text-align: center;
}

#customlineswitch {
    position: absolute;
    bottom: 0px;
    left: 300px;
    padding: 4px 0;
    background-color: #9CC6DF;
    color: #ffffff;
    width: 160px;
    text-align: center;
}
    #filteredswitch:hover, #keywordswitch:hover, #manualswitch:hover, #customlineswitch:hover, #completeremodelprojectswitch:hover, #popularprojectswitch:hover {
        text-decoration: none;
        background-color: #0099da !important;
    }
.activesearchmethod {background-color:#000000 !important;  border-top: 2px solid #0CBD00; }
.taskflyoutarea {margin: 30px 0 0 0;position: relative;width: 540px;}
#newareaname { }
#newareatype { }

#keywordsearch {display:none; }
#manualentry {display:none; }
#addlineitemlink {width:100%;text-align:right; }
#newlineitemcatname {display:none; }



/* =============================================================================
   Estimate View 
   ========================================================================== */
#toaster { position:absolute;right:0;top:47px;z-index:99999;}
#toastermessage {background:#e7e7e7;background: #cdeb8e; /* Old browsers */
background: -moz-linear-gradient(top,  #cdeb8e 0%, #a5c956 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cdeb8e 0%,#a5c956 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 );
display:none;
 }
.footertotes { padding: 0 0 10px 0; }
#toastermessage p {  width: 400px;color: #FFFFFF;padding: 4px 0 4px 10px;font-size: 17px;text-transform: uppercase;}
#eviewfooter {position:fixed;background:rgba(0,0,0,0.9);bottom:0;left:0;right:0;z-index:10;text-align:center;padding:20px 0 30px 0;border-top: 5px solid #0099DA; }
.foottotals {color: #ffffff;display: inline-block;padding: 0 10px 0 0;font-size: 14px;}
.foottotals span {padding:0 0 0 6px;color:orange; }
#createreport {display: inline-block;padding: 9px 15px; }
#createreportmobile {display:none; }
.areaheaderholder {height:40px;background-color: #ffffff;position:relative;
border-top-right-radius:2px;border-top-left-radius:2px;  border-top: 1px solid #D8D8D8;
  border-right: 1px solid #D8D8D8;
  border-left: 1px solid #D8D8D8;
}
.selectallareas {  position: absolute;left: -21px;top: 12px;  font-size: 15px;  color: #31414C; }
.areatotalholder {height:34px;width:100%;
                  /*margin-bottom:50px;*/
}

.basicareameasurements > p {
    margin-top: 10px;
    margin-bottom: 10px;
}
.basicareameasurements > p > span {
    margin: 2px 5px 2px 5px;
}

.estimatearea {
    margin: 0 0 0 0;
    position: relative;
}
.areatitle {font-size: 16px;padding: 11px 0 0 10px;display: inline-block;  font-weight: bold;}
    .areatitle:hover {
        color: #0099da
    }
.ToggleExpandAll:hover {
    color: #0099da
}
.areadeets {
    font-size: 13px;
    padding: 11px 10px 0 0;
    display: inline-block;
    color: #A0A0A0;
    text-align: right;
    position: absolute;
    right: 8px;
}
.areadeets span {padding:0 20px 0 0;color:#898989;display:inline-block; }
.deetvalue b {color:#31414C; }
.areatotes {font-size: 14px;padding: 11px 10px 0 0;display: inline-block;color: #A0A0A0;text-align:right;width:600px;position: absolute;right: 0; }
.areatotes span {padding:0 0 0 4px;color:#444;font-weight:bold; }
/*.estimateareameasure {display: block;position: absolute;right: 1px;top: 10px;color: #ffffff !important;border-radius:3px;font-size: 18px;height: 20px;width: 17px;z-index: 5; }*/
.estimateareameasure {
    display: block;
    float:right;
    color: #ffffff !important;
    border-radius: 3px;
    font-size: 18px;
    height: 20px;
    width: 17px;
    margin: 10px 10px 10px 0;
    z-index: 5;
}
    .estimateareameasure i {
        color: #c1c1c1;
        font-size: 16px;
    }
.estimateareameasure i:hover {color:#0097FF; }
ul.areaestimateitems {border-bottom:1px solid #D8D8D8; }
ul.areaestimateitems li {padding:3px 5px 3px 25px;background-color:#ffffff;background-image: none;position:relative;display:block;border-bottom: 0px;border-top:1px solid #D8D8D8;border-right: 1px solid #D8D8D8;border-left: 1px solid #D8D8D8;}
ul.areaestimateitems li:nth-child(odd) {background:#F2F7FC;}
.movehandle {color:#C3D5E2;cursor:move;position:absolute;left:5px;top:12px; }
.movehandle:hover {color:#017ca6; }
/*ul.areaestimateitems li:last-child {border-bottom: 1px solid #D8D8D8; }*/
li.liheader {border-top:none !important;overflow: hidden;height: 14px;background-color: #31414C !important;}
.visibledetails {width:100%;position: relative;min-height: 26px; }
.estimateactiondetail {width:388px;padding: 6px 0 0 0;display:inline-block;font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;  position: relative;}
.estimatequantitydetails {display:inline-block;text-align:right; vertical-align: middle;position: absolute;top: 3px;right: 17px; }
.headeronly {margin:0 !important;border-bottom:0px solid #ffffff !important;  }
li.liheader .estimatequantitydetails {top:0;}
li.liheader .estimateactiondetail {display: block;font: bold 11px/14px Arial, Helvetica, Verdana, sans-serif;text-align: left;color: #9EBBCF;text-transform: uppercase;padding:0; }
.eqdinput {display:inline-block;padding:0 5px 0 0;width:60px;text-align: left;}
.eqdinput label, .eitemnotes label {display:block; font: normal 11px/14px Arial, Helvetica, Verdana, sans-serif;text-align:left;color: #5C9ECD;}
.eqdinput label {display:none; }
.toplabel label {display:block; font: bold 11px/14px Arial, Helvetica, Verdana, sans-serif;text-align:left;color: #9EBBCF;text-transform:uppercase; }
.eqdinput input {width:50px;font-size:11px;border:solid 1px #bebebe;padding:3px;}
.nonedit input {border:solid 1px rgba(0,0,0,0);background:none;}
.eqquantity { }
.eqquantity input {width:40px !important; }
.eqquantity input:disabled {background:none !important;border:none !important; }
.equom {width:40px !important; }
.equom input {width:30px !important }
.eqbbprice {display:none; }
.eqtotal, .eqprice {width:65px !important; }
.eqtotal input, .eqprice input {width:65px !important; }
.taskcheckbox {position:absolute;top:4px;left:-30px; }
.taskcheckbox label { font: bold 11px/14px Arial, Helvetica, Verdana, sans-serif;vertical-align:top;  }
.editdetailopen {position:absolute;right:4px;top:9px;color:#31414C  !important; }
.editdetailopen:hover {color:#0097FF !important; }
.editdetails {width:100%;clear:both;position:relative;opacity:1;}
.editdetails.ng-hide {opacity:0; }
.editdetails.ng-hide-add.ng-hide-add-active, .editdetails.ng-hide-remove.ng-hide-remove-active { -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s; }
.eitemnotes {width:550px;padding: 6px 0 0 0;display:inline-block;margin: 0 0 5px 0; }
.eitemnotes textarea { width:500px;height:32px;font-size:12px;border:solid 1px #bebebe;}
.eitemactions {display:inline-block;width: 404px;text-align: right;position: absolute;right: 0;top: 16px; }
.eitemactions a {padding:6px 10px 4px 10px;background-color:#0099da;color:#ffffff !important;text-align:center;display:inline-block;margin:0 5px 0 0;font-size:11px; }
.eitemactions a:hover, .eitemupload:hover {text-decoration:none;background-color:#83DAFF;color:#ffffff; }
/*file upload overrides */
.eitemupload {display: inline-block;padding:6px 10px 5px 10px;margin:0 5px 0 0;font-size:11px;text-align: center;white-space: nowrap;vertical-align: top;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;
user-select: none;background-image: none;background-color:#0099da;color:#ffffff;position:relative;}
.eitemupload input {position: absolute;top: 0;right: 0;margin: 0;opacity: 0;-ms-filter: 'alpha(opacity=0)';height: 25px;width: 74px;direction: ltr;cursor: pointer; }

a.eviewsort {padding: 4px 10px;background-color: #c0c0c0;color: #ffffff;text-align: center;font-size:11px;font-weight:bold;border-radius: 1px;  margin: 0 2px 0 0;}
a.eviewsort:hover {background-color:#0099da;text-decoration:none; }
.eviewsortactive {background-color:#0099da !important; }
#sorting {width:100%;padding:20px 0 0 0 ; }
.sorttabs {position: relative;width:1000px;margin:0 auto;  }
.sorttabs span {font-size:11px;font-weight:bold;text-transform:uppercase;padding: 0 5px 0 0; }
body[data-nav="fixed"] #sorting {position:fixed;top:27px;left:0;z-index:30;background: #f3f3f4 ;border-bottom:1px solid #D5D5D5;height: 22px; }
body[data-nav="fixed"] #interiornav {position:fixed;top:0;left:0;z-index:40; }
.stayput {position:fixed;top:0;left:0;z-index:40; }
#shadowholder {display:none; }
body[data-nav="fixed"] #shadowholder {background: url(../Images/shadow.png) no-repeat 0 -3px;height: 17px;width: 1000px;margin: 0 auto;position: fixed;top: 69px;z-index: 90;display: block;}
#popareameasurements {width: 800px;min-height:100px;border-radius: 4px;position: fixed;left: 50%;top: 50px;margin-left: -400px;display:none;z-index:210;
                      font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;padding:20px;color:#ffffff;
background-color: #017ca6;
background-image: -webkit-gradient(linear, top, bottom, from(#017ca6), to(#055E88));
background-image: -webkit-linear-gradient(top, #017ca6, #055E88);
background-image: -moz-linear-gradient(bottom, #017ca6, #055E88);
background-image: -o-linear-gradient(bottom, #017ca6, #055E88);
background-image: linear-gradient(to bottom, #017ca6, #055E88);
}
#popprofitedit {width: 800px;min-height:100px;border-radius: 4px;position: fixed;left: 50%;top: 30px;margin-left: -400px;display:none;z-index:210;
                      font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;padding:20px;color:#ffffff;
  background-color: #444;
border-top: 1px solid #A9A9A9;
border-bottom: 1px solid #1A1A1A;
}
#switchQuality {width: 800px;min-height:100px;border-radius: 4px;position: fixed;left: 50%;top: 30px;margin-left: -400px;display:none;z-index:210;
                      font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;padding:20px;color:#ffffff;
  background-color: #444;
border-top: 1px solid #A9A9A9;
border-bottom: 1px solid #1A1A1A;
}
#popsearchvendor {width: 800px;min-height:100px;border-radius: 4px;position: fixed;left: 50%;top: 30px;margin-left: -400px;display:none;z-index:210;
                      font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;padding:20px;color:#ffffff;
background-color: #818181;
background-image: -webkit-gradient(linear, top, bottom, from(#818181), to(#444));
background-image: -webkit-linear-gradient(top, #818181, #444);
background-image: -moz-linear-gradient(bottom, #818181, #444);
background-image: -o-linear-gradient(bottom, #818181, #444);
background-image: linear-gradient(to bottom, #818181, #444);
border-top: 1px solid #A9A9A9;
border-bottom: 1px solid #1A1A1A;
}
#popsearchrepairs {width: 800px;min-height:100px;border-radius: 4px;position: fixed;left: 50%;top: 25px;margin-left: -400px;display:none;z-index:210;
                      font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;padding:20px;color:#ffffff;
background-color: #818181;
background-image: -webkit-gradient(linear, top, bottom, from(#818181), to(#444));
background-image: -webkit-linear-gradient(top, #818181, #444);
background-image: -moz-linear-gradient(bottom, #818181, #444);
background-image: -o-linear-gradient(bottom, #818181, #444);
background-image: linear-gradient(to bottom, #818181, #444);
border-top: 1px solid #A9A9A9;
border-bottom: 1px solid #1A1A1A;
}
#vendorpricing {width: 800px;min-height:100px;border-radius: 4px;position: fixed;left: 50%;top: 50px;margin-left: -400px;display:none;z-index:210;
                      font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;padding:20px;color:#ffffff;
background-color: #818181;
background-image: -webkit-gradient(linear, top, bottom, from(#818181), to(#444));
background-image: -webkit-linear-gradient(top, #818181, #444);
background-image: -moz-linear-gradient(bottom, #818181, #444);
background-image: -o-linear-gradient(bottom, #818181, #444);
background-image: linear-gradient(to bottom, #818181, #444);
border-top: 1px solid #A9A9A9;
border-bottom: 1px solid #1A1A1A;
}
#popsearchpayments {width: 800px;min-height:100px;border-radius: 4px;position: fixed;left: 50%;top: 50px;margin-left: -400px;display:none;z-index:210;
                      font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;padding:20px;color:#ffffff;
background-color: #818181;
background-image: -webkit-gradient(linear, top, bottom, from(#818181), to(#444));
background-image: -webkit-linear-gradient(top, #818181, #444);
background-image: -moz-linear-gradient(bottom, #818181, #444);
background-image: -o-linear-gradient(bottom, #818181, #444);
background-image: linear-gradient(to bottom, #818181, #444);
border-top: 1px solid #A9A9A9;
border-bottom: 1px solid #1A1A1A;
}
#popapplypayments {width: 800px;min-height:100px;border-radius: 4px;position: fixed;left: 50%;top: 50px;margin-left: -400px;display:none;z-index:210;
                      font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;padding:20px;color:#ffffff;
background-color: #818181;
background-image: -webkit-gradient(linear, top, bottom, from(#818181), to(#444));
background-image: -webkit-linear-gradient(top, #818181, #444);
background-image: -moz-linear-gradient(bottom, #818181, #444);
background-image: -o-linear-gradient(bottom, #818181, #444);
background-image: linear-gradient(to bottom, #818181, #444);
border-top: 1px solid #A9A9A9;
border-bottom: 1px solid #1A1A1A;
}
#popcreatereport {width: 920px;min-height:100px;border-radius: 4px;position: fixed;left: 50%;top: 25px;margin-left: -460px;display:none;z-index:210;
                      font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;padding:20px;color:#ffffff;
background-color: #818181;
background-image: -webkit-gradient(linear, top, bottom, from(#818181), to(#444));
background-image: -webkit-linear-gradient(top, #818181, #444);
background-image: -moz-linear-gradient(bottom, #818181, #444);
background-image: -o-linear-gradient(bottom, #818181, #444);
background-image: linear-gradient(to bottom, #818181, #444);
border-top: 1px solid #A9A9A9;
border-bottom: 1px solid #1A1A1A;
}
.popinstructions { padding: 0 0 4px 0; border-bottom: 1px solid #626262; border-radius: 2px; margin: 0 0 10px 0; color: #ffffff; font-weight: bold; }
#elmpanel {  width: 510px; }
.popdescription {width: 500px;}
.popquntities {padding: 5px 0 0 0;}
.popquntities .editcolumnitem {padding:4px !important; }
.popquntities .editcolumnitem {display:inline-block;vertical-align:top;}
.popquntities .editcolumnitem input {width:50px !important; }
.popquntities .editcolumnitem label {padding: 0 6px 3px 0;display:block;}
#popprofitedit .labelstandin, #popviewphoto .labelstandin {color: #C3C3C3; }
#popprofitedit .textdecription {width:100%;min-height: 30px;padding:4px;}
#switchQuality .labelstandin, #popviewphoto .labelstandin {color: #C3C3C3; }
#switchQuality .textdecription {width:100%;min-height: 30px;padding:4px;}
.altdescription {width:600px !important;display: inline-block; }
ul.switchlist {width:100%;}
ul.switchlist li a{ padding: 8px 10px;  position: relative; display: block; color:#ffffff !important;text-decoration:none; }
ul.switchlist li a:hover {background:#119ad0 !important;color:#ffffff !important; }
ul.switchlist li:nth-child(odd) { background-color: #616161; }
.spinnerquality {left:50%;top:50%; }
#popviewphoto .textdecription {width: 350px;min-height: 50px;padding:4px;}
.elmholder { padding: 8px; border-top: 1px solid #595959; border-bottom: 1px solid #5A5A5A; margin: 0 0 10px 0; }
.elmrow {padding: 5px 0; }
.elmrow span {display:inline-block;text-align:center; }
.elmrowheads span { color: #A6A6A6; font-weight: bold; }
.labelcol {width:80px;text-align:left !important;padding:0 10px 0 0; }
.laborcol {width:80px;padding:0 10px; }
.materialcol {width:80px;padding:0 10px; }
.equipmentcol {width:80px;padding:0 10px; }
.elmrow span input[type="text"], .elmrow span input[type="number"] {width:80px; }
.elmupdate {padding: 6px 10px 4px 10px;text-align: center;display: inline-block;margin: 0 5px 0 0;font-size: 11px; }
.editcolumn { position: absolute; right: 0; top: 0;bottom:0; padding:32px 15px 15px 15px;width: 252px;  background-color: #818181;
  background-image: -webkit-gradient(linear, top, bottom, from(#818181), to(#444));
  background-image: -webkit-linear-gradient(top, #818181, #444);
  background-image: -moz-linear-gradient(bottom, #818181, #444);
  background-image: -o-linear-gradient(bottom, #818181, #444);
  background-image: linear-gradient(to bottom, #818181, #444); 
    border-left: 1px solid #3F3F3F;
}
.editsuccess {position: absolute; right: 0; top: 0;bottom:0; padding:32px 15px 15px 15px;width: 252px;z-index:10;text-align:center;display:none;     background-color: #818181;
    background-image: -webkit-gradient(linear, top, bottom, from(#818181), to(#444));
    background-image: -webkit-linear-gradient(top, #818181, #444);
    background-image: -moz-linear-gradient(bottom, #818181, #444);
    background-image: -o-linear-gradient(bottom, #818181, #444);
    background-image: linear-gradient(to bottom, #818181, #444);  }
.editsuccess p { font-size: 26px; font-weight: bold; color: #ffffff; padding: 10px 0 0 0; }
.savecheck {display:none; }
.applysameholder {height: 30px; }
.savebuttons {height:20px; }
.nextbuttons {position:absolute;right:0;width:200px;width: 160px;top: 25px; }
.editcolumnitem {padding:5px 4px; }
.editcolumnitem label {width: 112px;display: inline-block;color:#ffffff;}
.editcolumnitem input[type="text"], .editcolumnitem input[type="number"], .editcolumnitem select {width:80px; }
.edittotals input {border:solid 1px rgba(0,0,0,0);background:none; color: #ffffff;font-weight: bold; }
.addtosame {position:relative;}
.applyToAll { }
.measurearea label.applyMeasurements { display: inline-block; padding: 0 0 20px 6px; text-transform: none; font-size: 12px; font-weight: normal; color: #ffffff; }
#profiteditareahead {width:100%;margin:0 0 10px 0; }
#profiteditareahead p {color:#ffffff;text-transform:uppercase;font-weight:bold; }
.divline {border-bottom:1px solid #3A3A3A;}

#popviewphoto {width: 800px;min-height:100px;border-radius: 4px;position: fixed;left: 50%;top: 50px;margin-left: -400px;display:none;z-index:210;
                      font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;padding:20px;color:#ffffff;
background-color: #818181;
background-image: -webkit-gradient(linear, top, bottom, from(#818181), to(#444));
background-image: -webkit-linear-gradient(top, #818181, #444);
background-image: -moz-linear-gradient(bottom, #818181, #444);
background-image: -o-linear-gradient(bottom, #818181, #444);
background-image: linear-gradient(to bottom, #818181, #444);
border-top: 1px solid #A9A9A9;
border-bottom: 1px solid #1A1A1A;}
.masterimageholder {width:400px;display:inline-block; }
.masterimageholder img {width:100%; }
.imageinformation {width:300px;display:inline-block;padding:0 0 0 20px;vertical-align:top; }
.popinputholder {display:inline-block; }
.popinputholderpad {width:110px; }
.photoarea .dropzone {
  min-height: 40px;
  border:none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: rgba(185, 255, 144, 0.0);
  background-image: url(../Images/addphotospro.png);
  background-repeat: no-repeat;
  background-position: 7px 10px;
  padding:0;
  margin:0;
}
.photoarea .dropzone .dz-default.dz-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  background-image:none;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  width: 100%;
  min-height: 30px;
  margin-left: 0;
  margin-top:0;
  top:auto;
  left:auto;
  height: auto;
}
.measurearea {color:#ffffff;font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;background-color:#576774;position:relative;  border-right: 1px solid #D8D8D8;border-left: 1px solid #D8D8D8;opacity:1; }
.measurearea.ng-hide-add.ng-hide-add-active, .measurearea.ng-hide-remove.ng-hide-remove-active { -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s; }
.measurearea.ng-hide {opacity:0; }
.measurearea span {padding:0 20px 0 0; }
.cancelpop, .cancelpopposition, .cancelpop2 {position: absolute;top: 5px;right: 5px;cursor: pointer;color: black;  z-index: 10; }
.cancelpop:hover, .cancelpopposition:hover, cancelpop2:hover {color:red; }
.measureholder {padding: 20px 0 20px 20px; min-height: 170px;background-color: #31414C ;}
.measureholder .inputrow {width:auto;padding: 0 20px 20px 0; }
ul.measureholdertrigger {background-color:#ffffff; padding: 10px 0 0 0;margin: 0 0 -1px 0; }
ul.measureholdertrigger li {display:inline-block;padding:6px 10px;color:#0099DA;font-size:11px;cursor:pointer;}
ul.measureholdertrigger li.areacalcactive {background:#31414C; color: #ffffff;}
.measurearea label {display: block;font: bold 11px/14px Arial, Helvetica, Verdana, sans-serif;text-align: left;padding: 0 0 4px 0;text-transform: uppercase;color:#9EBBCF;}
.measurearea input[type="text"], .measurearea input[type="number"] {font-size: 12px;border: solid 1px #e7e7e7;width: 50px;padding:2px; }
.measurearea input[type="radio"] {font-size: 11px;border: solid 1px #e7e7e7;margin: 0 3px 0 0; }
.simplechange { }
.detailedcalc { }
.editmeasurerow {padding:0 0 10px 0; }
.editmeasurerow span {display:inline-block; }
.inputrow { padding:0 0 10px 0; display:inline-block;  width: 100%;}
.labelstandin {color:#9EBBCF;text-transform:uppercase;font: bold 11px/14px Arial, Helvetica, Verdana, sans-serif;padding: 0 0 4px 0; }
.measurearea .labelstandin {}
a.updateareameasurements {padding: 6px 10px 4px 10px;color: #ffffff;text-align: center;display: inline-block;font-size: 12px;width: 154px; }
a.setareaitemquantity {padding: 4px 10px;color: #ffffff;text-align: center;display: inline-block;position: absolute;right: 35px;top: 4px; font-size: 13px;}
.explanation {  color: #9EBBCF;font-size: 12px;position: absolute;top: 45px;right: 20px;width: 298px;line-height: 18px;}
a.updateareameasurements i, a.setareaitemquantity i {padding:0 0 0 4px;}
/*.vaultedtrigger {display:none; }
.gabledtrigger {display:none; }
.ugabledtrigger {display:none; }*/
.photoarea { width: 98%; clear: both; border: 1px dotted #0099da; margin: 10px 0;text-align: right; }
.singlephoto {padding:4px;margin: 10px 0 0 0;display:inline-block; }
.singlephoto input {width: 110px;font-size: 12px;border: solid 1px #e7e7e7;display:inline-block;vertical-align:top; }
.singlephoto i {padding: 2px 3px;background: #0099da;color: #ffffff;border-radius: 3px;margin: 5px 0 0 0;font-size: 11px;}
.photocontrols {display:inline-block;vertical-align:top; }
.icondelete:hover, .singlephoto i:hover {background: #CD0404 !important;}
.photo {width:62px;height:62px;margin:0;overflow: hidden;position:relative; }
.viewbig {position:absolute;background-color:rgba(0,0,0,0.0);width:62px;height:62px;z-index:10;background-image:none;cursor: pointer;}
.viewbig:hover {background-color:rgba(0,0,0,0.3);background-image:url(../Images/enlargeicon.png);}
.photo img {width: 150%; }
#leftsidecreate {width:650px;display:inline-block;vertical-align:top; }
#rightsidecreate {width:240px;display:inline-block;vertical-align:top;padding:0 0 0 20px;border-left:1px solid #2F2F2F; }
.crreportinputholder, .crreportcheckboxholder {display:inline-block;margin:0 10px 20px 0; }
.crreportinputholder label {display:block;padding:0 0 4px 0; }
.crreportinputholder .textdescription {width:500px;height: 41px; }
#searchvendor, #cancelsearchvendor {font-size: 11px;padding: 5px 10px;}
.createreportsubmit { padding: 10px 20px; text-align: center; display: inline-block; margin: 0 5px 0 0; font-size: 13px; }
.vendinfo {display:none; }
#calculatorflyout {position:fixed;top:0;bottom:0;left:0;z-index:99999;background-color: rgba(0,0,0,0.8);border-right: 1px solid #000000;}
#calculatorholder {width:360px;height:100%;vertical-align:top;position: absolute;top: 0;right: 20px;overflow: auto;  padding: 0 20px 0 0; }
#closecalculator {width:20px;height:100%;display:inline-block;vertical-align:top;position:absolute;cursor:pointer;right:0;top:0;  background-color: #000000; }
#closecalculator:hover {background-color:#119ad0; }
#closecalculator i {color:#ffffff;position:absolute;top:45%;left:4px; }
#calculatorwrap {height:100%;position:relative;}
#calculatorshowhide {height:100%;width:400px;display:none;position:relative;}
.calculatorlist { padding:10px 0 0 20px;}
.calculatorlist li { }
.calculatorsection {background:none;border:none;color:#ffffff;text-transform:uppercase;padding: 15px 0 4px 0; }
.calculator {display:none;background:#ffffff;padding:10px; }
.calculator input {width:50px; }
.calculatorname { color: #ffffff; padding: 6px; margin: 2px 0 0 0; border-top: 1px solid #0396C8; cursor: pointer; background-color: #0189B8; }
.calculatorname:hover {background:#119ad0; }
#calcopenpokeout {  overflow:hidden;position: absolute;
  right: -30px;
  top: 120px;
  width: 30px;
  height: 30px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #017ca6;
  background-image: -webkit-gradient(linear, top, bottom, from(#017ca6), to(#055E88));
  background-image: -webkit-linear-gradient(top, #017ca6, #055E88);
  background-image: -moz-linear-gradient(bottom, #017ca6, #055E88);
  background-image: -o-linear-gradient(bottom, #017ca6, #055E88);
  background-image: linear-gradient(to bottom, #017ca6, #055E88);}
#calcopenpokeout a {display:block;width:100%;height:100%; }
#calcopenpokeout a:hover {background:#119ad0; }
#calcopenpokeout a i { color: #ffffff; font-size: 16px; padding:8px 0 0 7px; }
.showallcalcs {padding:20px 0 10px 20px;color:#92E3FF;cursor:pointer;display:none; }
.calculatorinputs {border-bottom:2px solid #D7D7D7;padding:0 0 0 0; }
.calculatorinputs  .inputrow { padding: 0 10px 10px 0; display: inline-block; width:auto; }
.calculatorinputs .labelstandin {color:#000000; }
.calculateit {font-size: 12px;padding: 4px 0;clear:both;display:inline-block;width:100px; }
.calculatortotals {padding:10px 0;position:relative;min-height: 30px; }
.calculatortotals label {color: #017ca6;text-transform: uppercase;font: bold 11px/14px Arial, Helvetica, Verdana, sans-serif;padding: 0 0 4px 0; }
.totalrow {text-align: right;position: absolute;right: 0;top: 4px;width: 225px; }
.totalrow .labelstandin {color:#017ca6; }
.totalrow input {width:100px !important;font-weight:bold;border: none;background: #E4F5FF;padding: 4px; }
.calculatorhelp {padding:0 0 10px 0;font-style:italic;color:#009CE0; }
.bcnumberrow {padding:0 0 4px 0; }
.bcreadout {padding:0 0 6px 0; }
#bcleftside .bcnumberrow input { width: 50px; height: 20px; color: #ffffff; border: none; margin: 0 2px 2px 0; background-color: #9D9A83; font-weight: bold; font-size: 14px; }
#bcrightside .bcnumberrow input { width: 50px; height: 20px; color: #ffffff; border: none; margin: 0 2px 2px 0; background-color: #899BA9; font-weight: bold; font-size: 14px; }
.bcnumberrow input:hover {background-color:#00bcff !important; }
.bcequals { width: 105px !important; height: 20px; color: #ffffff; border: none; margin: 0 2px 2px 0; background-color: #017ca6 !important; }
.bcreadout input {width:156px !important;  font-weight: bold;color: #000000;font-weight: bold;  background-color: #DBDACE;border: 2px solid #DBDACE; }

#elmadditempanel {position: absolute; top: 0; left: 0; right:0;bottom:0; background: rgba(68,68,68,0.9);display:none; }
#elmadditemholder { padding: 20px; height: 95px; position: absolute; top: 100px; left: 95px; background: rgba(0,0,0,0.7); width: 630px;  }
.lowopacity {opacity:0.2; }
.crreportname {width:150px; }
#invoicequestions {display:inline-block; }
#vendorSelect {width:46%;display:inline-block;vertical-align:top; }
#repairSelect {width:46%;display:inline-block;vertical-align:top; }
#paymentSelect {width:46%;display:inline-block;vertical-align:top; }

.generalpop {  font-size: 11px; padding: 5px 10px; }



/* =============================================================================
   Estimate Setup 
   ========================================================================== */

.headerbuffer {height:30px; }
.sectionrow {border-radius: 2px;background: #ffffff;position: relative;box-shadow: 2px 2px 0 rgba(0,0,0,.05);border-radius: 2px;padding:10px;margin:0 0 20px 0;overflow:hidden; }
.sectionrow .labelstandin {color: #FFFFFF;padding: 6px 0 6px 6px;margin: -10px 0 16px -10px;width: 110%;  background-color: #576774;
  background-image: -webkit-gradient(linear, top, bottom, from(#576774), to(#31414C));
  background-image: -webkit-linear-gradient(top, #576774, #31414C);
  background-image: -moz-linear-gradient(top, #576774, #31414C);
  background-image: -o-linear-gradient(top, #576774, #31414C);
  background-image: linear-gradient(to bottom, #576774, #31414C);}
.posetup { }
.posetup .elmrow span {display:inline-block;text-align:center; }
.posetup .labelcol {width:75px;text-align:left !important;padding:0 0 10px 0;font-weight: bold; }
.posetup .laborcol {width:75px;padding:0 10px 10px 10px; }
.posetup .materialcol {width:75px;padding:0 10px 10px 10px; }
.posetup .equipmentcol {width:75px;padding:0 10px 10px 10px; }
.posetup .elmrow span input[type="text"] {width:80px; }
.inputholder {display:inline-block;margin:0 10px 10px 0; }
.inputholder label {display:block;padding: 0 0 4px 0; }
.customernotes {width:750px; }
#saveholder {text-align:center; }
#saveestsettings, #createorder {width:200px;display:inline-block; }
#searchcustomer {font-size: 12px;padding: 5px 10px; }
#popaddcustomer {width: 800px;min-height:100px;border-radius: 4px;position: fixed;left: 50%;top: 25px;margin-left: -400px;display:none;z-index:210;
                      font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;padding:20px;color:#ffffff;
background-color: #818181;
background-image: -webkit-gradient(linear, top, bottom, from(#818181), to(#444));
background-image: -webkit-linear-gradient(top, #818181, #444);
background-image: -moz-linear-gradient(bottom, #818181, #444);
background-image: -o-linear-gradient(bottom, #818181, #444);
background-image: linear-gradient(to bottom, #818181, #444);
border-top: 1px solid #A9A9A9;
border-bottom: 1px solid #1A1A1A; }
#popaddpayment {width: 800px;min-height:100px;border-radius: 4px;position: fixed;left: 50%;top: 25px;margin-left: -400px;display:none;z-index:210;
                      font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;padding:20px;color:#ffffff;
background-color: #818181;
background-image: -webkit-gradient(linear, top, bottom, from(#818181), to(#444));
background-image: -webkit-linear-gradient(top, #818181, #444);
background-image: -moz-linear-gradient(bottom, #818181, #444);
background-image: -o-linear-gradient(bottom, #818181, #444);
background-image: linear-gradient(to bottom, #818181, #444);
border-top: 1px solid #A9A9A9;
border-bottom: 1px solid #1A1A1A; }
#popsearchcustomer {width: 800px;min-height:100px;border-radius: 4px;position: fixed;left: 50%;top: 25px;margin-left: -400px;display:none;z-index:210;
                      font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;padding:20px;color:#ffffff;
background-color: #818181;
background-image: -webkit-gradient(linear, top, bottom, from(#818181), to(#444));
background-image: -webkit-linear-gradient(top, #818181, #444);
background-image: -moz-linear-gradient(bottom, #818181, #444);
background-image: -o-linear-gradient(bottom, #818181, #444);
background-image: linear-gradient(to bottom, #818181, #444);
border-top: 1px solid #A9A9A9;
border-bottom: 1px solid #1A1A1A; }

.holdscalendar ul { position: absolute; background-color: rgb(0, 75, 107); padding: 10px; border-radius: 4px; box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75); }
.holdscalendar ul li div table:focus {outline:none !important; }
.holdscalendar ul li div table thead tr th {vertical-align:top;}
.holdscalendar ul li div table thead tr th .pull-left {margin: 0 8px 0 0; }
.holdscalendar ul li div table tbody tr td em {display:none; }

.priceupdatesuccess { display:none;}

/* =============================================================================
   Settings
   ========================================================================== */

#addcustomer, #addvendor, #vendorlist, #customerlist2, #saveprofitsettings, #newaddendum, #newcustomer, #savejobinformation, #quickbooksconnect {font-size: 12px;padding:7px 10px 5px 10px;width:130px;margin:10px 10px 10px 0;display:inline-block;}
.settingslogoholder {width:150px;max-height:150px;border:1px solid #e7e7e7;padding:10px;margin: 0 0 10px 0;float:right;}
.settingslogoholder img {width:100%;  max-height: 150px; }
.settingsrow {position:relative; }
.settingsrow i {position:absolute;top:5px;right:2px;width:16px;height:16px;cursor:pointer;color:#BBBBBB; }
.settingshideshow {}
#popcreateaddendum {width: 800px;min-height:100px;border-radius: 4px;position: fixed;left: 50%;top: 50px;margin-left: -400px;display:none;z-index:210;
                      font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;padding:20px;color:#ffffff;
background-color: #818181;
background-image: -webkit-gradient(linear, top, bottom, from(#818181), to(#444));
background-image: -webkit-linear-gradient(top, #818181, #444);
background-image: -moz-linear-gradient(bottom, #818181, #444);
background-image: -o-linear-gradient(bottom, #818181, #444);
background-image: linear-gradient(to bottom, #818181, #444);
border-top: 1px solid #A9A9A9;
border-bottom: 1px solid #1A1A1A;
}

.logobuttonholder { width: 400px; min-height: 40px; }
.logobuttonupload {}
.logophotoarea {    margin: 10px 0 0 0;}
.logophotoarea #logodropzone {}

/* =============================================================================
   Dashboard Overides
   ========================================================================== */
.closepeindex {width:100%;text-align:center;position:absolute;top:332px; }
.closepeindexlink {background:#119AD0;
  color:#ffffff !important;color:#ffffff !important;padding:10px;margin:10px auto;display:block;width:200px; 
  font-weight: bold;    text-align: center;  }
.closepeindexlink:hover {text-decoration:none;background:#1CBFFF;}
#firststartback { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 200; background: rgba(0, 0, 0, 0.8);display:none; }
.firststart1 { position: absolute; top: 131px; left: 457px; color: #ffffff; width: 490px; font-size: 16px; line-height: 22px; }
.firstrunbuttonholder {position:absolute;top:260px;left:0;right:0;text-align:center; }
.firstrunbuttonholder a {width:200px;padding:10px 0;display:inline-block;margin:0 10px;background: #0099DA; font-weight: bold;color:#ffffff;text-decoration:none;}
.firstrunbuttonholder a:hover { text-decoration:none;background:#23BDFF;}
.fs1 {position:absolute;top:85px;left:30px; }
.fs1 p {margin: 0 0 0 10px !important;width:390px;  }
.fs4 {position:absolute;top:164px;left:30px; }
.fs4 p {margin: 0 0 0 10px !important;width:390px;  }
/*.fs2 {position:absolute;top:72px;width: 900px;margin-left: -450px;left:50%;}
.fs2 p {margin: 0 0 20px 0 !important;text-align:center;}
.fs2video {width:670px;height:394px;margin:0 auto;cursor:pointer; }*/
.fs3 {position:absolute;top:250px;left:50%;width:460px;margin-left:-230px;}
.fs3 p {margin: 0 0 0 10px !important;width:390px;  }
.subscribelink {background: #ff8400;
  background-image: -webkit-linear-gradient(top, #ff8400, #bf4300);
  background-image: -moz-linear-gradient(top, #ff8400, #bf4300);
  background-image: -ms-linear-gradient(top, #ff8400, #bf4300);
  background-image: -o-linear-gradient(top, #ff8400, #bf4300);
  background-image: linear-gradient(to bottom, #ff8400, #bf4300);color:#ffffff !important;padding:10px;margin:10px 0 0 0;display:block;  }
.addendumbutton {font-size:12px;padding: 4px 10px 3px 10px; width: 70px; text-align: center; background-color: #FFFFFF; color: #0099DA; border-radius: 2px; border: 1px solid #0099DA;margin:0 0 0 10px;  }
.addendumbutton:hover {background-color:#119ad0;text-decoration:none;color:#ffffff;  }
.addendumname {width: 540px;display: inline-block;padding: 0 20px 0 0; }
.addendumcontainer {background: #ffffff;position: relative;display: block;padding: 10px 0;margin:0;border-top: 1px solid #D3D3D3; }
.addendumactions {width:400px;display:inline-block;text-align:right; }
#exteriornavdash { border-top: 1px solid #626262; }
.ui-layout-pane-north {padding:70px 10px 0 10px;border:none;background: #323232;}
.ui-layout-pane-east {padding:0;}
.ui-layout-pane-center {padding:0;background:#ffffff;}
.ui-layout-pane-west {padding:0;background: #323232 ;}
.ui-layout-pane-south {padding:10px;background-color: #014A6C;
background-image: -webkit-gradient(linear, top, bottom, from(#014A6C), to(#022B3F));
background-image: -webkit-linear-gradient(top, #014A6C, #022B3F);
background-image: -moz-linear-gradient(top, #014A6C, #022B3F);
background-image: -o-linear-gradient(top, #014A6C, #022B3F);
background-image: linear-gradient(to bottom, #014A6C, #022B3F);
border-top: 1px solid #000000;height:10px !important;}
#tabs {background: #323232;}
.proestimatecontents { position: relative !important; width: 980px; margin: 0 auto; padding: 0; }
.ui-layout-resizer {background: #323232 ;border: 1px solid #ffffff;border-width: 0;}
.ui-layout-resizer:hover {background: #00bcff; }
#messagecenter {width: 100%;background:rgba(0, 82, 124, 0.9);padding:0; }
#maptoggle {}
#mapoverlay { margin: 0; position: absolute !important; top: 12px; bottom: 0; left: 0; right: 0; z-index: 21; background: rgba(0, 0, 0, 0.5); text-align: center; height: auto; }
#map_canvas { margin: 0; position: absolute !important; top: 12px;  height: auto;  z-index: 20; bottom: 0; left: 0; right: 0; }
a.menuhide { font-size: 11px; color: #0082ad; width: 100%; height: 12px; display: block; text-align: center;  background-color: #323232;padding:2px 0;}
.ProOrderDashboardToolbar {width:100%;position:relative;  text-align: center; }
.ProOrderDashboardToolbar a.pedashlink {  font-size: 14px;width:100%;display:block;padding:12px 0;margin:0;color:#ffffff;text-decoration:none;text-align:center;border-bottom: 1px solid #013E62;}
.ProOrderDashboardToolbar a.pedashlinkoff {  font-size: 14px;width:100%;display:block;padding:14px 0;margin:0;color:#0085CA;text-decoration:none;text-align:center;cursor:default;  border-bottom: 1px solid #013E62;}
.directionsclick { position: absolute; bottom: 40px; z-index: 99999999999; display: none; left: 10px; right: 10px; }
.directionsbutton {width:100%;text-align:center;color:#ffffff;border:none; background-color: rgba(0,0,0,0.8);  padding: 8px 0;outline:none;}
.directionsbutton:hover {background: #00bcff; background-image: linear-gradient(to bottom, #00bcff, #00bcff); }
.ProOrderDashboardToolbar a.pedashlink:visited {color:#ffffff; }
.pedashlink i, .pedashlinkoff i { color: #0078B5; font-size: 15px; padding: 0 10px 0 0; right: 5px; position: absolute; }
.pedashcreate {background:#41BF02; }
.pedashcreate i {color:#ffffff; }
header {
background-color: #017ca6;
background-image: -webkit-gradient(linear, top, bottom, from(#017ca6), to(#055E88));
background-image: -webkit-linear-gradient(top, #017ca6, #055E88);
background-image: -moz-linear-gradient(bottom, #017ca6, #055E88);
background-image: -o-linear-gradient(bottom, #017ca6, #055E88);
background-image: linear-gradient(to bottom, #017ca6, #055E88);
height:46px;min-height:46px;
}

.menusection { font-size: 12px;line-height:14px; width: 100%; display: block; padding: 4px 0 !important; margin: 0; color: #B3B3B3 !important;background:#323232;margin:0 !important;}

.ProOrderDashboardToolbar a.pedashlink:hover {background:#00bcff; }
.ProOrderDashboardToolbar a.pedashlink:hover i {color:#ffffff; }

#headercontent {margin: 0 auto;width:100%;height: 46px;}
.logo {position: absolute;width: 228px;height: 38px;background:url(../Images/workinglogowhitesm.png) no-repeat;top: 11px;left: 14px;}
.dlink {display:none !important; }
.bblinks {width: 900px;float: right;padding:5px 20px 0 0;}
ul.dashstats li span {color: #055E88;font: bold 24px/30px Arial, Helvetica, Verdana, sans-serif;}
ul.dashstats li:hover {background:none; }


.slick-pager .slick-pager-status {padding: 6px 0 0 5px;}
#shadowstripholder {display:none;}
#content {padding: 47px 0 0 0;}

/* =============================================================================
   Marketing
   ========================================================================== */
a.prologo {width: 174px;
  height: 48px;
  float:left;
  display:inline-block;
}
#colorstrip {  width: 100%;
  height: 8px;
  overflow: hidden;
  background-color: #444;
  display:none;
}
.lineitemexplain { background:#E2E8ED;position: relative;border-top: 1px solid #E0E0E0;}
.lineitemexplain:after {
    z-index: 20;
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #E2E8ED;
    border-width: 20px;
    margin-left: -20px;
}
.sampleestimateholder {position: relative;background:#E2E8ED;width:100%;padding:0 0 60px 0; }
.sampleestimateholder:after {
    z-index: 20;
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #E2E8ED;
    border-width: 20px;
    margin-left: -20px;
}
.videooverview {padding:60px 0; }
.bigipadholder {background: #04618B;padding: 100px 0;position:relative; }
.bigipadholder:after {
    z-index: 20;
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #04618B;
    border-width: 20px;
    margin-left: -20px;
}
.registernowbutton {text-align: center; border-radius: 2px; border: 1px solid #ffffff; background: #86BF09; color:#ffffff;}
.registernowbutton:hover {text-decoration:none;background-color:#97DA03;color:#ffffff !important; }
.registernowbutton:visited {color:#ffffff !important; }
ul.probenefitslist { padding: 0 0 0 40px; width: 450px; border-radius: 4px; display: inline-block; vertical-align: top; color: #ffffff; }
ul.probenefitslist li { padding: 0 0 30px 0; font-size: 16px; line-height: 20px;position:relative; }
ul.probenefitslist li i { padding: 0 5px 0 0; color: #86BF09; position: absolute; left: -28px; }
ul.probenefitslist li.landingbenefitshead { font-weight: bold; font-size: 17px !important; background: #000000; margin: -20px 0 16px -20px; color: #ffffff; padding: 21px 20px 16px 20px !important; width: 120%; }
ul.probenefitslist li.landingbenefitshead i { padding: 0 0 0 10px; }
ul.probenefitslist li.landingbenefitsend { color: #86BF09; font-weight: bold; font-size: 26px; padding: 18px 0; }
ul.probenefitslist li.landingbenefitsend i { color: #86BF09; padding: 0 0 0 10px; }
ul.probenefitslist li span {display:block;font-weight: 600;font-size: 17px;padding:0 0 2px 0; }
.contentwrapper { margin: 0 auto; width: 960px; }
.emptylink a {color:#696969 !important; }
.emptylink a:hover {color:#696969 !important;text-decoration:none; }
#mast { width: 100%; height: 50px;overflow:hidden; 
    background-color: #ffffff;
    background-image: -webkit-gradient(linear, top, bottom, from(#ffffff), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
    background-image: -moz-linear-gradient(bottom, #ffffff, #ffffff);
    background-image: -o-linear-gradient(bottom, #ffffff, #ffffff);
    background-image: linear-gradient(to bottom, #ffffff, #ffffff);}
#hero {width:100%;height:470px;overflow:hidden;position:relative;margin:52px 0 0 0; }
#herocontent {position:absolute;z-index:3;width:100%;height:100%;background:rgba(0, 80, 135, 0.83);}
#heroback {position:absolute;z-index:2;width:100%;height:100%; }
#heroback img {width:100%; }
.headtextholder {padding:80px 0 20px 0;width:100%; }
.heromain {font-family: 'Source Sans Pro', sans-serif;text-align:center;font-weight: 300;font-size: 52px;padding:0 0 10px 0;color:#ffffff;    line-height: 42px; }
.herosub {font-family: 'Source Sans Pro', sans-serif;text-align:center;font-weight: 400;font-size: 20px;padding:10px 0 0 0;line-height: 25px;color:#000000; }
.learnmorebuttonholder {width:500px;margin:0 auto;text-align:center;  padding: 19px 0 0 0; }
.herosectionhead {font-family: 'Source Sans Pro', sans-serif;text-align:center;font-weight: 400;font-size: 20px;padding:0 0 40px 0;  line-height: 28px; }
.centeredcontentlogo {width:980px;margin:0 auto;position:relative;  height: 50px; }
.centeredcontent {width:980px;margin:0 auto;position:relative; }
#maststick {position:fixed;top:0;left:0;right:0;height:50px;z-index:999;border-top: 4px solid #119ACF;border-bottom: 1px solid #e7e7e7; }
#laptopholder {width:980px;margin:0 auto;position:relative;height:192px; }
#laptopholder img {display:block;position:absolute;top:-156px;left:224px;z-index:40; }
#samplesholder {width:788px;margin:0 auto;position:relative;height:358px; }
#samplesholder .sampleposition {position:absolute;top:-156px;z-index:40;width:100%;    text-align: center; }
#samplesholder .sampleposition .samplest {width:48%;display:inline-block;text-align:center; }
#samplesholder .sampleposition .samplest img {display:block;margin:0 auto; }
#overviewvid { width: 560px; height: 315px; margin: 20px auto 0 auto; overflow: hidden; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); }
#heronav {width:100%;height:20px;background:rgba(0,0,0,0.2); }
    a.buttonstyle {  font-size: 18px;border:1px solid #bf4300;border-radius:2px;padding:10px 12px;width:300px;text-align:center;font-family: 'Source Sans Pro', sans-serif;font-weight: 600;color:#ffffff !important;display:block;
                   margin: 0 auto;background: #ff8400;
  background-image: -webkit-linear-gradient(top, #ff8400, #bf4300);
  background-image: -moz-linear-gradient(top, #ff8400, #bf4300);
  background-image: -ms-linear-gradient(top, #ff8400, #bf4300);
  background-image: -o-linear-gradient(top, #ff8400, #bf4300);
  background-image: linear-gradient(to bottom, #ff8400, #bf4300);
    }
    a.buttonstyle:hover {text-decoration:none; }
a.loginstyle {    background-color: #86BF09;border: 2px solid #FFFFFF; border-radius: 2px; padding: 6px 12px; width: 325px; text-align: center; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; color: #ffffff !important; display: inline-block;font-size: 18px;line-height: 20px; }
    a.loginstyle:hover {text-decoration:none;background-color:#97DA03; }
    .maincall {position:absolute;right:20px;top:12px; }
ul#marnav {position:absolute;right:0;bottom:16px; }
ul#marnav li {color:#ffffff;display:inline-block; }
ul#marnav li a {padding:6px 10px; }
ul#marnav li a:hover {color:#97DA03;text-decoration:none; }
#herofeatures {margin:0 auto;width:980px;padding:50px 0;}
.learnmoholder {width:215px;display:inline-block;text-align:center;vertical-align:top;padding:10px; }
.iconholder {width:80px;height:80px;border-radius: 50%;margin:0 auto 10px auto;background-color: #017ca6;
  background-image: -webkit-gradient(linear, top, bottom, from(#017ca6), to(#055E88));
  background-image: -webkit-linear-gradient(top, #017ca6, #055E88);
  background-image: -moz-linear-gradient(bottom, #017ca6, #055E88);
  background-image: -o-linear-gradient(bottom, #017ca6, #055E88);
  background-image: linear-gradient(to bottom, #017ca6, #055E88); }
.learnmoholder i {   font-size: 29px;color: #ffffff;padding: 26px 0 0 0;}
.learnmoholder .learnmotitle {font-family: 'Source Sans Pro', sans-serif;padding: 0 0 10px 0;font-weight: 600;font-size: 20px;}
.learnmoholder p {font-size:14px;line-height:18px;color:#444444; }
a.getstarted {color:#FD9424 !important}
.activemarpage { }

#estimatorparts {max-width:980px;margin:0 auto 40px auto; }
.estpartsholder {width:215px;display:inline-block;vertical-align:top;padding:10px; }
.estpartsholder i {   font-size: 29px;color: #ffffff;padding: 26px 0 0 0;}
.estpartsholder .estpartstitle {  font-family: 'Source Sans Pro', sans-serif;padding: 0 0 5px 0;font-weight: 600;font-size: 18px;color: #017ca6;border-bottom: 1px solid #D3D3D3;margin: 0 0 5px 0;}
.estpartsholder p {font-size:12px;line-height:18px;color:#444444; }
.estpartssub {font-weight:bold;font-style:italic;  height: 45px; }
.estpartsholder ul {margin:0;padding:0; 
  height: 165px; }
.estpartsholder ul li {  list-style-type: disc; }
.estpartsholder ul li p {font-size:12px;}
.estpartsholder a {color:#ffffff;padding:4px 10px;margin:10px 0 0 0;width: 195px;display: none;text-align:center;
    background-color: #017ca6;
  background-image: -webkit-gradient(linear, top, bottom, from(#017ca6), to(#055E88));
  background-image: -webkit-linear-gradient(top, #017ca6, #055E88);
  background-image: -moz-linear-gradient(bottom, #017ca6, #055E88);
  background-image: -o-linear-gradient(bottom, #017ca6, #055E88);
  background-image: linear-gradient(to bottom, #017ca6, #055E88); }
.estpartsholder a:hover {text-decoration:none;background-color:#00CFFF;background-image:none; }
#masettingsdetail, #mabuilderdetail, #maviewdetail, #mareportdetail {height:80px;width:100%;}

.stepholder {width:240px;display:inline-block;text-align:center;vertical-align:top;padding:10px;  margin: 0 4px 0 0;border-radius: 4px; background-color: #F5F5F5;}
.stepiconholder {width:60px;height:60px;border-radius: 50%;margin:0 auto 10px auto;display:none;}
.stepholder i {   font-size: 29px;color: #ffffff;padding: 17px 0 0 0;}
.stepholder .stepholdertitle {font-family: 'Source Sans Pro', sans-serif;padding: 0 0 10px 0;font-weight: 600;font-size: 18px; }
.stepholder p {font-size:12px;line-height:16px; }
.stepicon {  padding: 40px 10px 0 10px;width: 30px;display: inline-block;text-align: center;font-size: 28px !important;color:#017ca6;}

#abouttasks {max-width:980px;margin:0 auto 40px auto ;display:none; }
#aboutestimateview {max-width:980px;margin:0 auto 40px auto ;display:none; }
#aboutlibraries {max-width:980px;margin:0 auto 40px auto ;display:none; }
#aboutbuilders {max-width:980px;margin:0 auto 40px auto ;display:none; }
.taskmoholder {width:300px;display:inline-block;text-align:center;vertical-align:top;padding:10px; }
.taskiconholder {width:60px;height:60px;border-radius: 50%;margin:0 auto 10px auto;background-color: #017ca6;
  background-image: -webkit-gradient(linear, top, bottom, from(#017ca6), to(#055E88));
  background-image: -webkit-linear-gradient(top, #017ca6, #055E88);
  background-image: -moz-linear-gradient(bottom, #017ca6, #055E88);
  background-image: -o-linear-gradient(bottom, #017ca6, #055E88);
  background-image: linear-gradient(to bottom, #017ca6, #055E88); }
.taskmoholder i {   font-size: 29px;color: #ffffff;padding: 17px 0 0 0;}
.taskmoholder .taskmotitle {font-family: 'Source Sans Pro', sans-serif;padding: 0 0 10px 0;font-weight: 600;font-size: 18px;  color: #02749E;}
.taskmoholder p {font-size:12px;line-height:16px;color:#444444; }
.tsubs {font-size: 14px;line-height: 19px; padding: 0 0 10px 0;text-align: center;}

#featuresnav {width:100%;height:26px;position:fixed;top:51px;left:0px;z-index: 4;    background-color: #444;
    background-image: -webkit-gradient(linear, top, bottom, from(#444), to(#323232));
    background-image: -webkit-linear-gradient(top, #444, #323232);
    background-image: -moz-linear-gradient(top, #444, #323232);
    background-image: -o-linear-gradient(top, #444, #323232);
    background-image: linear-gradient(to bottom, #444, #323232); }
#featuresnav ul {margin:0 auto;padding:0;width:980px; }
#featuresnav ul li {display:inline-block;  margin:0; }
#featuresnav ul li a {padding: 6px 16px;color:#ffffff;display:block;  border-top-right-radius: 2px;
  border-top-left-radius: 2px; }
#featuresnav ul li a.active, #featuresnav ul li a.active:hover {background:rgba(255,255,255,1);color:#000000; }
#featuresnav ul li a:hover {text-decoration:none;background:rgba(255,255,255,0.3); }
.featuressectionhead {  font-family: 'Source Sans Pro', sans-serif;text-align: center; font-weight: 600;font-size: 26px;padding: 10px 0 10px 0;line-height: 28px;margin:0;}
.featuresub {font-weight:bold;padding:0 0 5px 0;font-size:14px;color:#017ca6;position:relative; }
.featuresub i {position:absolute;left:-20px; }
.featuresubmore {padding:0 0 20px 0; }
.featuresbuffer {padding:20px 0 70px 0 }

#estimateviewdeets {max-width:980px;height:480px;margin:0 auto 40px auto;background:#ffffff url(../Images/estimateview.jpg) no-repeat;position:relative;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); }
.plot {width:30px;height:30px;border-radius:50%;position:absolute;text-align:center;border:2px solid #ffffff; background: #ff9900;
  background-image: -webkit-linear-gradient(top, #ff9900, #d95700);
  background-image: -moz-linear-gradient(top, #ff9900, #d95700);
  background-image: -ms-linear-gradient(top, #ff9900, #d95700);
  background-image: -o-linear-gradient(top, #ff9900, #d95700);
  background-image: linear-gradient(to bottom, #ff9900, #d95700);}
.plot a {display:block;font-weight:bold;color:#ffffff;padding: 8px;font-size: 17px;}
.plot a:hover {text-decoration:none;}
.ui-tooltip { padding: 10px !important; color: #ffffff !important; border-radius: 6px; font: bold 12px Arial, Sans-Serif !important; box-shadow: 0 0 7px black; width: 300px;background: #000000 !important; border: 2px solid white !important; }

#reportviewdeets {width:980px;height:305px;margin:20px auto 40px auto;background:#ffffff url(../Images/reportsview.jpg) no-repeat;position:relative;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); }

#createreportdeets {width:879px;height:372px;margin:20px auto 40px auto;background:#ffffff url(../Images/createreportpop.jpg) no-repeat;position:relative;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); }

.activepage {background:#DCF1FA;border-radius: 2px;color: #119ad0 !important; }


#planscontainer {  width: 980px;margin: 0 auto;min-height: 500px;text-align: center;padding: 16px 0 0 0;}
#heroplans {width:100%;height:700px;overflow:hidden;position:relative;margin:58px 0 0 0;background-color:#ffffff; }
#herobackplan {position:absolute;z-index:2;width:100%;height:100%; }
#herobackplan img {  height: 100%;width: 100%;min-height:500px;}
.plan {  background:#F5F5F5;width: 260px;display: inline-block;vertical-align: top;min-height: 336px;margin: 30px 20px 0 0;position:relative;border-radius:4px;  border-bottom: 1px solid #d7d7d7;
  border-right: 1px solid #D7D7D7;}
.planhighlight {background:#006AA1; }
.plantitle {text-transform:uppercase;font-family: 'Source Sans Pro', sans-serif;font-weight:600;color:#ffffff;letter-spacing:4px;  padding: 10px 0 0 0; }
.planprice {font-family: 'Source Sans Pro', sans-serif;font-weight: 400;color: #ffffff;padding: 15px 0 10px 0;font-size: 38px;background: #006AA1;margin: 10px 0 0 0; }
.planprice span {font-size:14px; }
.plan ul {margin:0;padding:20px 0 0 6px; }
.plan ul li {  font-family: 'Arial', sans-serif;color: #ffffff;padding: 6px 10px 6px 22px;font-size: 12px;text-align: left;position: relative;}
.plan ul li i {position:absolute;left:0; }
.upto {color:#ffffff;padding:4px 0 0 0; }
a.pricingbutton {
  font-size: 16px;
  border: 2px solid #ffffff;
  border-radius: 2px;
  padding: 6px 10px;
  width: 138px;
  text-align: center;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
  color: #ffffff !important;
  display: block;
  margin: 0 auto;
  background: #86BF09;
  position:absolute;
  bottom:20px;
  left: 44px;
}

a.pricingbutton:hover { background: #ff8400;background-image: linear-gradient(to bottom, #ff8400, #ff8400);text-decoration:none; }

#faqholder {margin:0 auto;max-width:980px;padding:80px 0 0 0; }
#faqholder ul {padding:0 20px 0 0; margin:0 0 100px 0;max-width:450px; display:inline-block;vertical-align:top;}
#faqholder ul li {padding:4px;cursor:pointer;}
#faqholder ul li.proquestion {color:#0099da;padding:4px;cursor:pointer;}
#faqholder ul li.proquestion:hover {background:#e7e7e7; }
#faqholder ul li.faqsectionhead { width: 100%; display: block; color: #000000; cursor: default; padding: 20px 0 0 0; margin: 0 0 10px 0; font-weight: bold; }
#faqholder ul li.faqsectionhead:hover {width:100%;display:block;color:#000000;background:#ffffff; }
#answers {padding:20px 0 50px 0;min-height:400px; }
.afaq  {display:none;font-weight:bold;font-size:12px;line-height:16px;padding: 4px 4px 10px 4px !important;}
.selectedfaq {background:#0099da;color:#ffffff !important; }

input.ng-invalid {  border: 1px solid rgb(255, 242, 0);background-color: rgb(255, 250, 203);}
.mobilecontrol {display:none; }

/* =============================================================================
   Purchase View
   ========================================================================== */

#promoholder { padding: 10px; border-radius: 2px; border: 1px solid green; background-color: #F4FFF4;width: 400px;margin: 0 auto; }
.promo { font-weight: bold; font-size: 16px; color: green; padding: 3px 0 8px 0; }
.herosubplans {font-family: 'Source Sans Pro', sans-serif;color:#000000;text-align:center;font-weight: 400;font-size: 20px;padding:18px 0 0 0;line-height: 25px; }
.purchaseplan { background: rgba(255, 255, 255, 1); width: 260px; display: inline-block; vertical-align: top; min-height: 320px; margin: 30px 20px 0 0; position: relative; border-radius: 4px; border-bottom: 1px solid #d7d7d7; border-right: 1px solid #D7D7D7; }
.purchaseplanhighlight {background:rgba(63, 182, 255, 0.5); }
.purchaseplantitle {text-transform:uppercase;font-family: 'Source Sans Pro', sans-serif;font-weight:600;color:#000000;letter-spacing:4px;  padding: 10px 0 0 0; }
.purchaseplanprice {font-family: 'Source Sans Pro', sans-serif;font-weight: 400;color: #ffffff;padding: 15px 0 10px 0;font-size: 38px;background:#006AA1;margin: 10px 0 0 0; }
.purchaseplanprice span {font-size:14px; }
.purchaseplan ul {margin:0;padding:20px 0 0 6px; }
.purchaseplan ul li {  font-family: 'Arial', sans-serif;color: #000000;padding: 6px 10px 6px 22px;font-size: 12px;text-align: left;position: relative;}
.purchaseplan ul li i {position:absolute;left:0; }
.purchaseupto {color:#000000;padding:4px 0 0 0; }
.peselectholder {text-align:left;padding:20px 0 0 20px; }
.peselectholder label {padding:0 0 4px 0;display:block;font-weight:bold;  color: #E96E00; }
.proestimateplanlegal {width:980px;margin:0 auto;padding: 100px 0 0 0;text-align:center; }
ul.includes li {color:#ffffff; }
a.purchasepricingbutton, .continuepurchase {
  font-size: 14px;
  border: 1px solid #bf4300;
  border-radius: 2px;
  padding: 6px 8px;
  width: 118px;
  text-align: center;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
  color: #ffffff !important;
  display: block;
  margin: 0 auto;
  background: #ff8400;
  background-image: -webkit-linear-gradient(top, #ff8400, #bf4300);
  background-image: -moz-linear-gradient(top, #ff8400, #bf4300);
  background-image: -ms-linear-gradient(top, #ff8400, #bf4300);
  background-image: -o-linear-gradient(top, #ff8400, #bf4300);
  background-image: linear-gradient(to bottom, #ff8400, #bf4300);
  position:absolute;
  bottom:20px;
  left:20px;
}
#checkoutsbmonthly {display:none; }
#checkoutsbyearly {display:none; }
#checkoutmbmonthly {display:none; }
#checkoutmbyearly {display:none; }

a.purchasepricingbutton:hover, .continuepurchase:hover { background: #ff8400;background-image: linear-gradient(to bottom, #ff8400, #ff8400);text-decoration:none; }
.popstopsubscriptionholder {max-width:100%;width: 500px;min-height:100px;border-radius: 4px;position: fixed;left: 50%;top: 50px;margin-left: -250px;z-index:310;
                      font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;padding:20px;color:#ffffff;
background-color: #818181;
background-image: -webkit-gradient(linear, top, bottom, from(#818181), to(#444));
background-image: -webkit-linear-gradient(top, #818181, #444);
background-image: -moz-linear-gradient(bottom, #818181, #444);
background-image: -o-linear-gradient(bottom, #818181, #444);
background-image: linear-gradient(to bottom, #818181, #444);
border-top: 1px solid #A9A9A9;
border-bottom: 1px solid #1A1A1A;}
.currentsubscription {width:960px;margin:0 auto; padding:20px 0;}
.currentsublistholder { padding: 20px; border-bottom: 1px solid #d7d7d7; border-right: 1px solid #D7D7D7;background:#ffffff;width:300px;display:inline-block; }
ul.currentsublist {}
ul.currentsublist li {padding:2px 0; }
.popstopsubscription {padding:4px;background:#000000;color:#ffffff;cursor:pointer; }
.popstopsubscription:hover {text-decoration:none;background:red;color:#ffffff; }
.subscribepopholder { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 200; background: rgba(0, 0, 0, 0.4);display:none; }
.extraplansholder {width:450px;display:inline-block;padding:0 10px; }

#filterresults { display:none; }
#OrderPager {height: 6%; }
#OrderGrid { width: 100% !important; height: 90% !important; }
#tab1 {  }
#contents {position:absolute;top:25px;bottom:0;left:0;right:0;height:auto;}

/* =============================================================================
   Education Page
   ========================================================================== */

ul.landingbenefits {  padding: 20px; width: 650px; border-radius: 4px; overflow: hidden; display:inline-block;vertical-align:top; }
ul.landingbenefits li { padding: 0 0 16px 0; font-size: 15px; line-height: 18px; }
ul.landingbenefits li i { padding: 0 5px 0 0; color: #86BF09; }
ul.landingbenefits li.landingbenefitshead { font-weight: bold; font-size: 17px !important; background: #000000; margin: -20px 0 16px -20px; color: #ffffff; padding: 21px 20px 16px 20px !important; width: 120%; }
ul.landingbenefits li.landingbenefitshead i { color: #ffffff; padding: 0 0 0 10px; }
ul.landingbenefits li.landingbenefitsend { color: #86BF09; font-weight: bold; font-size: 26px; padding: 18px 0; }
ul.landingbenefits li.landingbenefitsend i { color: #86BF09; padding: 0 0 0 10px; }
.textblock { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 16px;line-height:22px;padding:0 0 20px 0; }
.textblock span { font-weight: 600; display: block; color: #119AD0; font-size: 18px; }
.cta { font-weight: bold; font-size: 22px; color: #86BF09; text-align: center;    padding: 20px 0; }

/* =============================================================================
   Reports View
   ========================================================================== */
.reportfilterhighlight { background-color: #0099da !important; color: #ffffff !important; }
.reselectlistholder {width:100%;height:200px;position:relative;overflow:auto; }
ul.reselectlist {padding:0; }
ul.reselectlistheads {padding:0 0 5px 0;}
ul.reselectlist li {padding: 4px; border-bottom: 1px solid #3D3D3D;font-size: 11px;cursor:pointer;  background-color:rgba(255,255,255,0.2); }
ul.reselectlist li span, ul.reselectlistheads li span {display:inline-block;  vertical-align: top; margin:0 2px 0 0;}
ul.reselectlistheads li span input {width:100%; }
.rs1 {width:15px; }
.rs2 {width:70px; }
.rs3 {width:100px; }
.rs4 {width:346px; }
.rs5 {width:50px; }
.rs6 {width:50px; }
.rs7 {width:50px; }
.rs8 {width:50px; }
.rs9 {width:150px; }
.rs10 {width:200px; }
/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

.mobileonly {display:none; }
    .st1 {display:none; }
    .st2 {display:none; }
    .st3 {display:none; }
    .st4 {display:none; }

.tabletonly {display:none; }
#tabletstep1 {display:none; }
#tabletstep2 {display:none; }

/* Hide both elements in your 'normal' styles */
#tabletdummy,
#phonedummy {
display: none;
height: 0;
width: 0;
}

#mobilestart {display:none; }

.ngdialog.ngdialog-theme-default .ngdialog-close:hover:before, .ngdialog.ngdialog-theme-default .ngdialog-close:active:before {color:red !important; }

.EditRemodelProject {
    color: #c1c1c1;
    position: relative;
    display: inline-block;
    float: right;
}

.tooltiptext {
    position: relative;
}

    .tooltiptext:hover {
        color: #0099da
    }

    .tooltiptext::before {
        
    }
    .tooltiptext:hover::before {
        opacity: 1;
        content: attr(data-tooltiptext);
        position: absolute;
        top: -30px;
        left: 50%;
        transform: translateX(-50%);
        padding: 5px;
        background-color: rgb(106, 122, 76);
        color: #fff;
        border-radius: 6px;
        font-size: 14px;        
        /*transition: opacity 0.3s ease;*/
        z-index: 1;
        width: 250px;
        text-align: center;
    }








/* smartphones */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 767px)  {
    #OrderPager {display:none; }
        /*Marketing pages*/
        .newsletter {width:100% !important;position:absolute;top:70px !important;left:0px !important;margin-left:0 !important; }
            #maststick {height: 96px; }
    #mast {height: 96px; }
    #herocontent {  background-color: #017ca6;
  background-image: -webkit-gradient(linear, top, bottom, from(#017ca6), to(#055E88));
  background-image: -webkit-linear-gradient(top, #017ca6, #055E88);
  background-image: -moz-linear-gradient(bottom, #017ca6, #055E88);
  background-image: -o-linear-gradient(bottom, #017ca6, #055E88);
  background-image: linear-gradient(to bottom, #017ca6, #055E88); }
    .headtextholder { background: none;padding:0; }
    #exit {display:block; }
    .centeredcontentlogo { width: 100% !important;height: 96px; }
    ul#marnav { bottom: 0; background: #313131; width: 100%; padding: 10px 0; text-align: center; }
    a.prologo { padding: 10px 0 0 10px; }
    #hero { height: 450px; }
    .heromain { font-size: 40px; line-height: 46px;padding:60px 10px 0 10px;color:#ffffff; }
    .herosub {padding:18px 10px 0 10px;color:#ffffff; }
    .herosub span {color:yellow !important; }
    #heroback img {display:none; }
    #laptopholder, #overviewvid {display:none; }
    .learnmorebuttonholder {width:100%; }
    .featuressectionhead {color:#ffffff; }
    #herofeatures { width: 100%; }
    .herosectionhead { font-size: 20px; padding: 0 10px 10px 10px; }
    #laptopholder img { display: block; position: absolute; top: -88px; left: 10px; z-index: 40; width: 90%; margin: 0 auto; }
    .learnmoholder { width: 100%; display: inline-block; text-align: center; vertical-align: top; padding: 20px 0; }
    .learnmoholder p {padding: 0 10px; }
    #featuresnav {display:none !important; }
    #estimatorparts { width: 100%;  background: #017ca6;margin:0; }
    .stepicon {display:none !important; }
    .stepholder { width: 100%; display: block; padding: 10px 0; margin:0; border-radius: 0; background-color: #017ca6; }
    .stepholder p { padding: 0 10px 10px 0; color: #B8EFFF; font-size: 14px; line-height: 18px; }
    #topdiv {height:68px !important; }
    .featuresub {padding: 0 10px 5px 10px;text-align:center;color:#ffffff; }
    .featuresubmore { padding: 0 10px 30px 10px;text-align:center;  color: #B8EFFF; }
    .stepholder .stepholdertitle {color:#ffffff;padding: 10px 0 10px 0; }
    .featuresbuffer {padding:20px 0 20px 0 }
    .contentwrapper {width:100%; }
    ul.probenefitslist { padding: 20px 0; width: 100%; }
    ul.probenefitslist li { padding: 0 10px 30px 10px; }
    ul.probenefitslist li i {display:none; }
    a.loginstyle { width: 90%; }
    #firststartback {display:none !important; }
    /*ADD TO YOUR SMALL SCREEN MEDIA QUERY */
/* Hide #tabletdummy in your phone media query but show #phonedummy */
#tabletdummy { display: none; }
#phonedummy { display: block; }
    body {}
    body[data-nav="fixed"] #shadowholder {display:none !important; }
    #loadingover { position: fixed;  height: auto; }
    #loadingcontent { width: 100%; margin: 100px auto 0 auto; }
    .mobileonly {display:inherit; }
    header {height:auto;min-height:1px;}
    #logobar {display:none; }
    .estimateaddress {display:none; }
    #interiornav {width:100%;position:fixed;top:0;z-index:1000; height: auto; overflow: visible; }
    .mobileMenuBar {position:absolute;right:20px;top:32px; }
    /*estimate builder and tasks*/
    .stepdividerfirst, .stepdivider {display:none; }
    .filterhighlight {background-color: #0CBD00 !important;color: #ffffff !important; }
    .ebuildlist { height: auto; }
    #ebsearch {width:100%;  box-shadow:none; background:none;    overflow: auto;}
    .ebholder { position: relative; width: 100%; top: 0; left: 0; right: 0; bottom: 0; height: 100%; }
    .ebholder ul { padding: 96px 0 120px 0;background:none; }
    .ebholder ul li { font: normal 16px/24px Arial, Helvetica, Verdana, sans-serif; }
    #mobileLibrary {font: normal 16px/24px Arial, Helvetica, Verdana, sans-serif; }
    .sectionrow {box-shadow:none;background:none; }
    .heading {display:none; }
    .steptitle { padding: 8px 0 0 0 !important; text-align: center; height: 26px; font-weight: bold; line-height: 19px; font-size: 14px; background: #000000; position: fixed; width: 100%; top: 61px; z-index: 20; }
    .steptitle span { display:none;}
    #selectall { display:none;padding: 12px 10px 10px 10px;  background: orange;color: #ffffff;text-decoration:none !important; }
    .st0 {display:none; }
    .heading { text-align: center;padding:7px 0 4px 5px; }
    .taskinstructions { padding: 20px 10px !important;display:none; }
    .noadditionalitems { top: 120px; z-index: 30; font-size: 18px; }
    #popaddarea {width:100%;height:auto;left:0;top:0;top: 60px;margin-left: 0;background: none;padding:0;  z-index: 999999;border:none; }
    #addnewtaskpop { width:100%;height:auto;left:0;top:0;top: 60px;margin-left: 0;margin-top:0;background: none;padding:0;  z-index: 999999;border:none; }
    #tasknameinput { width: 200px;margin: 0 0 20px 20px;}
    a.taskactions {padding: 5px;width: 80px;display: inline-block;margin: 10px 0 0 20px;}
    .taskname { margin:0 0 10px 0;padding:0; }
    .tadelete, .taopen {position: relative;right: auto;top: auto;margin: 10px 10px 0 0 !important;}
    .taedit {display:none !important; }
    .tasknumber { padding: 0 0 6px 0; }
    #createtask {margin: 0 0 0 20px;}
    .labelstandin {  text-align: center; }
    .crreportinputholder, .crreportcheckboxholder {padding:10px 0  0 20px; }
    .cancelpop {position: absolute;top: auto;right: 10px;cursor: pointer;color: #FF0000; }
    .cancelpop2 {position: absolute;top: auto;right: 10px;cursor: pointer;color: #FF0000; }
    #addarealink { text-align: center; position: fixed;bottom: 80px;height: 30px;width: 100%;background: #62757C;color: #ffffff;  padding: 20px 0 0 0;font-size: 16px;  margin: 0;}
    #resetsteps:hover, #addarealink:hover {text-decoration:none; }
    .taskcontainer { box-shadow: none; border-bottom: 1px solid #CCCCCC; background: #ffffff; margin: 0; text-align: center; }
    #newtaskholder { margin: 20px 0 20px 0; }
    #taskstepsholder {top: 0;bottom: 0;}
    #tasklistflyout { width: 100%;bottom: 78px;height:auto;background-color: #f3f3f4;}
    .areastoapply { height: 60%; }
    .taskflyoutarea { margin: 100px 0 0 0;width:100%; }
    #taskheader {display:none; }
    #tasklisttrigger {display:none !important; }
    #tasklisttrigger2 {display:none !important; }
    #tasklistdetails {width: 100%;float:none; }
    #tasklistdetails ul li { padding: 6px 4px 6px 22px; font: normal 13px/18px Arial, Helvetica, Verdana, sans-serif; color: #6F6F6F; border-bottom:1px solid #DAD9D9;  }
    #tasklistdetails ul li i {right: auto;left: 4px;color:#C1C1C1;}
    .ebholder ul li i { color: #C1C1C1 !important; }
    .nolistitems {width: 100%}
    .taskflyareaheader {padding:0 10px 4px 10px;width:auto;border-top: 0px solid #000000;}
    #tasklistdetails ul {width:100%;}
    /*.taskareawrapper:last-of-type {margin: 0 0 80px 0;}*/
    .taskflyoutarea .steptitle {background-image:none;background:#000000; }
    .nolistitems p, .nolistitems i {color: #B0B0B0 !important; }
    #bigdeets {display:none; }
    .createlib {display:none; }
    #ebareas {display:none;width:100%; box-shadow:none;background:none; }
    #ebadditional {display:none;width:100%; box-shadow:none;background:none; }
    #filtersearch {width:100%; }
    #filteredswitch, #keywordswitch, #manualswitch, #customlineswitch {display:none; }
    #addtotask {display:none; }
    .actionsearch {height: 100%;}
    .threeholder {height:100%;width:100%; }
    .step1 {width:100%;display:none; }
    .step2 {width:100%;display:none; }
    .step3 {width:100%;display:none; }
    .step4 {width:100%;display:none;height: 100%; }
    .step5 {width:100%;display:none; }
    .step6 {width:100%;display:none; }
    .mobilecontrol {position:fixed;bottom:0;width:100%;height:80px;text-align:center;z-index:999;  display: block; }
    .fullarrow {width:100%;background:#000000;display:inline-block;height:100%;font-size:16px;padding:34px 0 0 0;color:#ffffff !important }
    .halfarrow {width:50%;background:#000000;display:inline-block;height:100%;font-size:16px;padding: 34px 0 0 0;color:#ffffff !important   }
    .fullarrow i, .halfarrow i {color:#ffffff;padding:0 4px; }
    .step1controls {display:none; }
    .step2controls {display:none; }
    .step3controls {display:none; }
    .step4controls {display:none; }
    .step5controls {display:none; }
    .step6controls {display:none; }
    .threesearches {height:100%;margin:0; }
    #blackcoverbuilder {background:rgba(0,0,0,1);  }
    #blackcover {background:rgba(0,0,0,1);  z-index:9999; }
    #interiornav nav ul li a.active {  color: #ffffff !important;background: #004464;}
   nav {border-bottom: 0;height:auto;position: fixed; background:#017ca6;}
    nav a { line-height: 60px; }
	nav ul {display: none;height: auto !important;padding: 0 !important;position: relative !important;right: auto !important;}
	nav a#pull {display: block;width: 100%;position: relative;padding: 0;height: 60px;background-color: #017ca6;background-image: none;}
    #pull i {font-size:20px; }
	/*nav a#pull:after {content:"";background: url('nav-icon.png') no-repeat;width: 30px;height: 30px;display: inline-block;position: absolute;right: 15px;top: 10px;}*/
    nav li {display: block;float: none;width: 100%;}
	nav li a {border-bottom: 1px solid #026384;padding:0;width: 100%;font-size: 18px;background: #017CA6;}
    #addingtotaskswait { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; background: rgba(0,0,0,0.8); display: none; }
    #waitmessageholder {margin:100px auto 0 auto;max-width:100%;width:400px;height:200px;position:relative; }
    #waitmessageholder p {color:#ffffff;text-align:center; }
    #waitmessageholder .spinner {left: 50%;top: 54px; }
    .tabletonly {display:none; }

    /*estimate view*/
    .inputrow { padding: 0 0 10px 20px; }
    .estimateareameasure i { color: #FFFFFF; }
    .photoarea { width: 100%; }
    #eviewfooter {    padding: 20px 0 58px 0 !important; }
    .foottotals {font-size: 13px; }
    #createreportmobile {display: inline-block;padding: 16px 15px; width: 100%; position: fixed; bottom: 0; left: 0; right: 0; }
    #popcreatereport { width: 100%; z-index: 10000; margin-left: 0; left: 0; top: 10px; padding: 0; background-image: none; background-color: #000000; border: none; }
    .crreportname {width:270px; }
    .crreportinputholder .textdescription { width: 270px; }
    .crmobile { padding: 10px 0 0 20px; width: 240px; vertical-align: top; margin: 0 0 4px 0; }
    .cancelpopposition {color:#960000; }
    #leftsidecreate { width: 100%; }
    #rightsidecreate {display:none; }
    #sorting {padding: 0; }
    .sorttabs, .taskcheckbox, li.liheader, .calc, .selectTot, .selectedTotalText  {display:none !important; }
    .estimateactiondetail { width:auto;  padding: 6px 16px 10px 0; font-size: 14px;line-height: 20px;}
    .movehandle { display: none !important; }
    ul.areaestimateitems li { padding: 3px 5px 3px 10px; }
    .visibledetails { margin: 0 0 5px 0; }
    .measureholder {background-color: #005F8C; }
    ul.measureholdertrigger li.areacalcactive { background: #005F8C; color: #ffffff; }
    .estimatequantitydetails { width: 100%;display: inline-block;text-align: left;vertical-align: middle;position: relative;top: auto;right: auto;}
    .eqdinput input {font-size: 12px; }
    .eitemnotes { width: 100%; }
    .eitemnotes textarea { width: 95%; }
    .eitemactions {display: block; width: 100%;text-align: left; position: relative;right: auto;top: auto;  margin: 10px 0 0 0;}
    body[data-nav="fixed"] #sorting {display:none;}
    .setareaitemquantity, .explanation {display:none !important; }
    .measurearea span { padding: 0 10px 10px 0;}
    .measuretriggers span {width:46%;padding:0 0 10px 0;display:inline-block; }
    .areadeets span { color: #BDDEFF; width: 46%; margin: 0 1px 1px 0; padding: 2px;text-align: right; }
    .deetvalue b {color:#BDDEFF; }
    .areaheaderholder { height: auto;  background-color: #044869;border-right: 0px solid #D8D8D8; border-left: 0px solid #D8D8D8; }
    .labelcol, .laborcol { width: 70px; }
    .areatitle { display: inline-block;  color: #ffffff; }
    .areadeets { font-size: 13px; padding: 11px 10px 6px 10px; display: block; color: #A0A0A0; text-align: left; position: relative; right: auto; line-height: 18px; }
    ul.measureholdertrigger li.areacalcactive { }
    .measureholder .labelstandin {text-align:left; }
    ul.measureholdertrigger { background-color: #044869; }
    ul.measureholdertrigger li {color: #ffffff; }
    .eqprice {width: 70px; }
    .eqprice input, .eqtotal input { width: 70px; }
    .eqquantity {width:60px; }
    #popprofitedit {width: 100%;min-height: 100px;border-radius: 4px;position:fixed;left: 0;top:10px;margin-left:0;display: none;z-index: 10000;font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;
  padding: 0;color: #ffffff;background-color: #000000;background-image:none !important;border:none !important;}
    #switchQuality {width: 100%;min-height: 100px;border-radius: 4px;position:fixed;left: 0;top:10px;margin-left:0;display: none;z-index: 10000;font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;
  padding: 0;color: #ffffff;background-color: #000000;background-image:none !important;border:none !important;}
    #elmpanel {width:100%; }
    #elmpanel .labelstandin {text-align:left;padding:0 0 6px 20px; }
    #elmpanel .labelstandin span{  margin-left: -20px; }
    #elmpanel .elmholder { }
    #elmpanel .elmholder .elmrow {padding:0 0 0 20px; }
    #elmpanel .elmholder .elmrow span  {width:60px }
    #elmpanel .elmholder .elmrow span.labelcol {display:none; }
    #elmpanel .inputrow .popinputholder {padding:0 20px; }
    .elmhide, #saveascustomlinebutton, .editcolumn {display:none !important; }
    .laborcol {padding: 0 10px 10px 0; }
    #elmpanel .elmholder .elmrow span { text-align: left; }
    #elmpanel .elmholder .elmrow span input[type="text"], #elmpanel .elmholder .elmrow span input[type="number"] { width: 60px; }
    .addtosame { padding: 0 20px 20px 20px; }
    #popprofitedit .textdecription { width: 216px; height: 65px; }
    #switchQuality .textdecription { width: 216px; height: 65px; }
    .photoarea .dropzone { width: 49%;}

    /*index*/
    .nomobile {display:none !important; }
    #exteriornavdash {display:none;}
    .ui-layout-west {display:none; }
    #tabs { display: none; }
    .filterresultholder {display:none !important; }
    .ui-layout-resizer { display: none !important; }
    .bblinks { display: none; }
    #headercontent { height: 73px; }
    .logo  {  width: 80%;background: url(../Images/workinglogowhitelg.png) no-repeat;background-size:186px 36px;  top: 26px; }
    .logo a {  width: 100%; }
    .pedashlink { width:100%;text-align:center;color:#ffffff !important; font-size: 20px;  padding: 20px 0 0 0;display:block !important;text-decoration:none !important;  font-weight: normal;}
    .pedashlink i { display:inline-block; color: #ffffff; font-size: 20px; padding: 0 10px 0 0; }
    #filterresults {min-height: 3px; }
    #contents { height: 100%; }
    #OrderPager { height: 0px; }
    #OrderGrid { height: 98% !important; }
    .ui-layout-center {position:fixed;top:67px;bottom:90px;left:0;right:0;background:#ffffff; }
    .ui-layout-south { padding: 0;background: #0099da !important;border-top:0px solid #ffffff;position:fixed;bottom:0;height:90px;  width: 100%;  z-index: 40;}
    #lmessage {top:28% !important; }
    .r0 a i {padding:0 0 0 5px; }
    a.buttonstyle {display:none; }
    #mobilestart {position:absolute;top:0;bottom:0;left:0;right:0;z-index:999;width:100%;display:block;overflow:hidden;background:#041525 url(../Images/mobileback.jpg) no-repeat;background-size: 100% auto; }
    #mobilestart img {width:100%; }
    #tab1 { padding: 0 10px; }
    .mobilestartvieworders { color: #ffffff; text-align: center; width: 100%; display: block; position: absolute; bottom: 0; height: 50px; background: rgba(0,0,0,0.5); font-size: 20px; padding: 38px 0 0 0; }
    .mobilestartvieworders:hover, .mobilestartvieworders:active {color:#ffffff;text-decoration:none; }

    /*Estimate Setup*/
    .headerbuffer {height:60px; }
    #centerwrapper {max-width:100%;margin:0 auto;width:100%; }
    #customerlist {display:none; }
    .inputholder { display:block; margin: 0 0 10px 0;width:100%; }
    .inputholder input, .customernotes {  width: 90% !important;border: 1px solid #D3D3D3;padding: 6px;}
    .posetup { }
    .posetup .labelcol {width:55px;text-align:left !important;padding:0 0 10px 0;font-weight: bold; }
    .posetup .laborcol {width:40px;padding:0 10px 10px 10px; }
    .posetup .materialcol {width:40px;padding:0 10px 10px 10px; }
    .posetup .equipmentcol {width:40px;padding:0 10px 10px 10px; }
    .inputholder label {display:block;padding: 0 0 4px 0;  font-weight: bold; }
    .posetup .elmrow span input[type="text"],     .posetup .elmrow span input[type="number"] { width: 40px; }
    .posbutton { display: block; width: 100%; margin: 0 0 10px 0 !important; }
    .sectionrow .labelstandin { color: #ffffff; padding: 6px 0; font-size: 13px; margin: 0 0 10px 0; line-height: 17px; width: 100%; }

    /*Report Setup*/
    .rename { width: auto; }
    a.reactions { padding: 4px 10px;  margin: 0 4px 0 0;margin: 0 16px 16px 0;display: inline-block; }
    .reportdeets {padding: 4px 0 20px 0; }
    .repview {position:relative;right:auto;top:auto; }
    .repsendlink {position:relative;right:auto;top:auto; }
    .reptrack {position:relative;right:auto;top:auto; }
    .repedit {position:relative;right:auto;top:auto; }
    .repstatus {position:relative;right:auto;top:auto; }
    .repdelete {position:relative;right:auto;top:auto; }
    .repopen {position:relative;right:auto;top:auto; }

    .reportcontainer { box-shadow: none; border-bottom: 1px solid #CCCCCC; background: #ffffff; margin: 0; text-align: center; }
    #SendReportLinkDialog { z-index: 11210; width: 100%; left: 0; top: 10px; margin-left: 0;background-image:none;background:#000000;border:none;padding:0; }
    #EditReportStatusDialog { z-index: 11210; width: 100%; left: 0; top: 10px; margin-left: 0;background-image:none;background:#000000;border:none;padding:0; }
    #AlertWindow { z-index: 11210; width: 100%; left: 0; top: 10px; margin-left: 0;background-image:none;background:#000000;border:none;padding:0; }
    #SendReportLinkDialog .inputholder, #EditReportStatusDialog .inputholder {padding:0 20px;  margin: 10px 0 20px 0; }
    #SendReportLinkDialog .inputholder input {width:270px !important; }
    .reportLinkMessage { width: 260px;min-height: 100px; }
    .sendreportinstructions {padding:30px 10px 20px 10px; }

    .cancelpop, .cancelpopposition, .cancelpop2 { top: 0; right: 11px; font-size: 25px !important; }
    .elmupdate { padding: 10px; font-size: 12px;  margin: 0 0 14px 0; }
    .slick-cell a {font-size:14px;line-height:18px;display:block;padding:0 4px 0 0;color:#ffffff; }
    .slick-cell {padding: 11px 4px 0 4px; }
    #footer {display:none; }
}



/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
    /*ADD TO YOUR TABLET MEDIA QUERY */
/* Hide #phonedummy in your tablet media query but show #tabletdummy*/
#tabletdummy { display: block; }
#phonedummy { display: none; }

    #logo { width: 200px;height: 40px;background: url(../Images/workinglogowhitelg.png) no-repeat;background-position: 14px 11px;float: left;background-size: 124px 24px;}
    .ebholder .slick-cell { font: normal 13px/20px Arial, Helvetica, Verdana, sans-serif !important; padding: 3px 0 !important; }
    .slick-cell { height: auto !important; }
    #tasklisttrigger {  width: 0px; }
    #tasklisttrigger i {display:none; }
    #bigdeets {display:none; }
    #taskheader {  padding: 5px 0 5px 0;width:auto; }
    .tasktitle { padding: 0 0 0 15px; font-size: 14px; text-transform: uppercase; }
    .tasktitle a {display:none; }
    .tasktitle span a {display:inline-block; }
    #addlineitemlink, .sd2 {display:none; }
    #ebsearch { width: 80%; }
    #ebareas {display:none;width: 40%;}
    #ebadditional {display:none;width: 40%;margin: 0 0 0 80px;vertical-align:top; }
    .ebholder ul li { font: normal 13px/16px Arial, Helvetica, Verdana, sans-serif; }
    #tabletstep1 { background: #0099da; color: #ffffff; position: absolute; top: 0; right: 0; width: 80px; text-align: center; display: block; height:100%;overflow:hidden;cursor:pointer; }
    #tabletstep1 a {color: #ffffff;text-decoration: none !important;display:block;  font-size: 20px; padding: 242px 0 0 0; }
    #tabletstep1 i { }
    #tabletstep2 { background: #0099da; color: #ffffff; position: absolute; top: 0; left: 0; width: 80px; text-align: center;height:100%;overflow:hidden;cursor:pointer;display:none;}
    #tabletstep2 a {color: #ffffff;text-decoration: none !important;display:block;  font-size: 20px;  padding: 242px 0 0 0; }
    #tabletstep2 i { }
    #addtolibraryholder {display:none; }

    /*Estimate View*/
    .sorttabs {width: 100%; }
    #centerwrapper { max-width: 90%; }

    /*Library*/
    .librarycontainer { width: 100%; }
    #librarylist { width: 70%; }
    #librarycategories { width: 20%; }

    /*help boxes*/
    .heb1 { position: absolute; top: 109px; left: 35%; }
    .heb2 { position: absolute; top: 177px; left: 35%; }
    .heb3 { position: absolute; top: 236px; left: 35%; }
    .heb4 { position: absolute; top: 304px; left: 35%; }
    .heb5 { position: absolute; top: 236px; left: 35%; }
    .heb2 p, .heb3 p, .heb4 p, .heb5 p {width: 235px;}
    .heb6 {top: 495px; }
    .heb7 {top: 386px; }

    /*marketing*/
    .learnmoholder { width: 22%; }
    #laptopholder { width: 100%; }
    #herofeatures {width: 100%; }
    .centeredcontentlogo { width: 100%; }
}


.ui-grid{border:1px solid #d4d4d4;box-sizing:content-box;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.ui-grid-vertical-bar{position:absolute;right:0;width:0}.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{width:1px}.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-header-cell:last-child .ui-grid-vertical-bar{right:-1px;width:1px;background-color:#d4d4d4}.ui-grid-clearfix:before,.ui-grid-clearfix:after{content:"";display:table}.ui-grid-clearfix:after{clear:both}.ui-grid-invisible{visibility:hidden}.ui-grid-top-panel-background{background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0)}.ui-grid-header{border-bottom:1px solid #d4d4d4;box-sizing:content-box}.ui-grid-top-panel{position:relative;overflow:hidden;font-weight:bold;background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);-webkit-border-top-right-radius:-1px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:-1px;-moz-border-radius-topright:-1px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:-1px;border-top-right-radius:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:-1px;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}.ui-grid-header-viewport{overflow:hidden}.ui-grid-header-canvas{position:relative}.ui-grid-header-canvas:before,.ui-grid-header-canvas:after{content:"";display:table;line-height:0}.ui-grid-header-canvas:after{clear:both}.ui-grid-header-cell{position:relative;float:left;top:0;bottom:0;background-color:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:0}.ui-grid-header-cell .sortable{cursor:pointer}.ui-grid-header .ui-grid-vertical-bar{top:0;bottom:0}.ui-grid-column-menu-button{position:absolute;right:1px;top:0}.ui-grid-column-menu-button .ui-grid-icon-angle-down{vertical-align:sub}.ui-grid-column-menu{position:absolute}.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transition:all .05s linear;-moz-transition:all .05s linear;-o-transition:all .05s linear;transition:all .05s linear;display:block !important}.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transition:all .05s linear;-moz-transition:all .05s linear;-o-transition:all .05s linear;transition:all .05s linear;display:block !important}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.ui-grid-filter-container{padding:4px 10px;position:relative}.ui-grid-filter-container .ui-grid-filter-button{position:absolute;top:0;bottom:0;right:0}.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]{position:absolute;top:50%;line-height:32px;margin-top:-16px;right:10px;opacity:0.66}.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]:hover{opacity:1}input[type="text"].ui-grid-filter-input{padding:0;margin:0;border:0;width:100%;border:1px solid #d4d4d4;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}input[type="text"].ui-grid-filter-input:hover{border:1px solid #d4d4d4}.ui-grid-render-container{position:inherit;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}.ui-grid-render-container:focus{outline:none}.ui-grid-viewport{min-height:20px;position:relative;overflow:hidden}.ui-grid-viewport :focus{outline:none}.ui-grid-canvas{position:relative}.ui-grid-row:nth-child(odd) .ui-grid-cell{background-color:#fdfdfd}.ui-grid-row:nth-child(even) .ui-grid-cell{background-color:#f3f3f3}.ui-grid-row:last-child .ui-grid-cell{border-bottom-color:#d4d4d4;border-bottom-style:solid}.ui-grid-no-row-overlay{position:absolute;top:0;bottom:0;left:0;right:0;margin:10%;background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #d4d4d4;font-size:2em;text-align:center}.ui-grid-no-row-overlay>*{position:absolute;display:table;margin:auto 0;width:100%;top:0;bottom:0;left:0;right:0;opacity:0.66}.ui-grid-cell{overflow:hidden;float:left;background-color:inherit;border-right:1px solid;border-color:#d4d4d4;box-sizing:border-box}.ui-grid-cell:last-child{border-right:0}.ui-grid-cell-contents{padding:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;height:100%}.ui-grid-cell-contents-hidden{visibility:hidden;width:0;height:0;display:none}.ui-grid-row-header-cell{background-color:#F0F0EE !important;border-bottom:solid 1px #d4d4d4}.ui-grid-native-scrollbar{position:absolute;overflow:scroll}.ui-grid-native-scrollbar.vertical{top:0;right:0;height:100%;overflow-x:hidden;width:17px}.ui-grid-native-scrollbar.horizontal{bottom:0;left:0;width:100%;overflow-y:hidden;height:17px}.ui-grid-footer-panel-background{background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0)}.ui-grid-footer-panel{position:relative;border-bottom:1px solid #d4d4d4;border-top:1px solid #d4d4d4;overflow:hidden;font-weight:bold;background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);-webkit-border-top-right-radius:-1px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:-1px;-moz-border-radius-topright:-1px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:-1px;border-top-right-radius:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:-1px;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}.ui-grid-footer-viewport{overflow:hidden}.ui-grid-footer-canvas{position:relative}.ui-grid-footer-canvas:before,.ui-grid-footer-canvas:after{content:"";display:table;line-height:0}.ui-grid-footer-canvas:after{clear:both}.ui-grid-footer-cell{overflow:hidden;float:left;background-color:inherit;border-right:1px solid;border-color:#d4d4d4;box-sizing:border-box}.ui-grid-footer-cell:last-child{border-right:0}.ui-grid-footer .ui-grid-vertical-bar{top:0;bottom:0}input[type="text"].ui-grid-filter-input{padding:0;margin:0;border:0;width:100%;border:1px solid #d4d4d4;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}input[type="text"].ui-grid-filter-input:hover{border:1px solid #d4d4d4}.ui-grid-menu-button{z-index:2;position:absolute;right:0;background:#f3f3f3;border:1px solid #d4d4d4;cursor:pointer;min-height:27px;font-weight:normal}.ui-grid-menu-button .ui-grid-icon-container{margin-top:3px}.ui-grid-menu-button .ui-grid-menu{right:0}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid{overflow-y:scroll;max-height:300px;border:1px solid #d4d4d4}.ui-grid-menu{z-index:2;position:absolute;overflow:hidden;padding:0 10px 20px 10px;cursor:pointer;box-sizing:content-box}.ui-grid-menu .ui-grid-menu-inner{background:#f3f3f3;border:1px solid #d4d4d4;position:relative;white-space:nowrap;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);box-shadow:0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2)}.ui-grid-menu .ui-grid-menu-inner ul{margin:0;padding:0;list-style-type:none}.ui-grid-menu .ui-grid-menu-inner ul li{padding:8px;cursor:pointer}.ui-grid-menu .ui-grid-menu-inner ul li:hover{-webkit-box-shadow:inset 0 0 14px rgba(0,0,0,0.2);-moz-box-shadow:inset 0 0 14px rgba(0,0,0,0.2);box-shadow:inset 0 0 14px rgba(0,0,0,0.2)}.ui-grid-menu .ui-grid-menu-inner ul li.ui-grid-menu-item-active{-webkit-box-shadow:inset 0 0 14px rgba(0,0,0,0.2);-moz-box-shadow:inset 0 0 14px rgba(0,0,0,0.2);box-shadow:inset 0 0 14px rgba(0,0,0,0.2);background-color:#cecece}.ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child){border-bottom:1px solid #d4d4d4}.ui-grid-sortarrow{right:5px;position:absolute;width:20px;top:0;bottom:0;background-position:center}.ui-grid-sortarrow.down{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}@font-face{font-family:'ui-grid';src:url('ui-grid.eot');src:url('ui-grid.eot#iefix') format('embedded-opentype'),url('ui-grid.woff') format('woff'),url('ui-grid.ttf?') format('truetype'),url('ui-grid.svg?#ui-grid') format('svg');font-weight:normal;font-style:normal}[class^="ui-grid-icon"]:before,[class*=" ui-grid-icon"]:before{font-family:"ui-grid";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}.ui-grid-icon-blank::before{width:1em;content:' '}.ui-grid[dir=rtl] .ui-grid-header-cell,.ui-grid[dir=rtl] .ui-grid-footer-cell,.ui-grid[dir=rtl] .ui-grid-cell{float:right !important}.ui-grid[dir=rtl] .ui-grid-scrollbar-horizontal{left:inherit;right:0}.ui-grid[dir=rtl] .ui-grid-native-scrollbar.vertical{left:0;right:inherit}.ui-grid[dir=rtl] .ui-grid-column-menu-button{position:absolute;left:1px;top:0;right:inherit}.ui-grid[dir=rtl] .ui-grid-cell:first-child,.ui-grid[dir=rtl] .ui-grid-header-cell:first-child,.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child{border-right:0}.ui-grid[dir=rtl] .ui-grid-cell:last-child{border-right:1px solid;border-color:#d4d4d4}.ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar,.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,.ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar{width:0}.ui-grid[dir=rtl] .ui-grid-menu-button{z-index:2;position:absolute;left:0;right:auto;background:#f3f3f3;border:1px solid #d4d4d4;cursor:pointer;min-height:27px;font-weight:normal}.ui-grid[dir=rtl] .ui-grid-menu-button .ui-grid-menu{left:0;right:auto}.ui-grid[dir="rtl"] .ui-grid-filter-container .ui-grid-filter-button{right:initial;left:0}.ui-grid[dir="rtl"] .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]{right:initial;left:10px}.ui-grid-animate-spin{-moz-animation:ui-grid-spin 2s infinite linear;-o-animation:ui-grid-spin 2s infinite linear;-webkit-animation:ui-grid-spin 2s infinite linear;animation:ui-grid-spin 2s infinite linear;display:inline-block}@-moz-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-o-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-ms-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
.ui-grid-cell-focus{outline:0;background-color:#b3c4c7}
div.ui-grid-cell input{border-radius:inherit;padding:0;width:100%;color:inherit;height:auto;font:inherit;outline:none}div.ui-grid-cell input:focus{color:inherit;outline:none}div.ui-grid-cell input[type="checkbox"]{margin:9px 0 0 6px;width:auto}div.ui-grid-cell input.ng-invalid{border:1px solid #fc8f8f}div.ui-grid-cell input.ng-valid{border:1px solid #d4d4d4}
.expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell{background-color:#fdfdfd}.expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell{background-color:#f3f3f3}


.movingColumn{position:fixed;border:1px solid #d4d4d4;box-shadow:inset 0 0 14px rgba(0,0,0,0.2)}.movingColumn .ui-grid-icon-angle-down{display:none}
.ui-grid-pager-panel{position:absolute;left:0;bottom:0;width:100%;padding-top:3px;padding-bottom:3px}.ui-grid-pager-container{float:left}.ui-grid-pager-control{margin-right:10px;margin-left:10px;min-width:135px;float:left}.ui-grid-pager-control button{height:25px;min-width:26px}.ui-grid-pager-control input{height:26px;width:50px;vertical-align:top}.ui-grid-pager-control .first-bar{width:10px;border-left:2px solid #4d4d4d;margin-top:-6px;height:12px;margin-left:-3px}.ui-grid-pager-control .first-triangle{width:0;height:0;border-style:solid;border-width:5px 8.7px 5px 0;border-color:transparent #4d4d4d transparent transparent;margin-left:2px}.ui-grid-pager-control .next-triangle{margin-left:1px}.ui-grid-pager-control .prev-triangle{margin-left:0}.ui-grid-pager-control .last-triangle{width:0;height:0;border-style:solid;border-width:5px 0 5px 8.7px;border-color:transparent transparent transparent #4d4d4d;margin-left:-1px}.ui-grid-pager-control .last-bar{width:10px;border-left:2px solid #4d4d4d;margin-top:-6px;height:12px;margin-left:1px}.ui-grid-pager-row-count-picker{float:left}.ui-grid-pager-row-count-picker select{height:26px;width:60px}.ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label{margin-top:3px}.ui-grid-pager-count-container{float:right;margin-top:4px;min-width:50px}.ui-grid-pager-count-container .ui-grid-pager-count{margin-right:10px;margin-left:10px;float:right}
.ui-grid-pinned-container{float:left}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child{box-sizing:border-box;border-right:1px solid;border-width:1px;border-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child{box-sizing:border-box;border-right:1px solid;border-width:1px;border-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,.ui-grid-pinned-container .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{width:1px}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child .ui-grid-vertical-bar{right:-1px;width:1px;background-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:first-child{box-sizing:border-box;border-left:1px solid;border-width:1px;border-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:first-child{box-sizing:border-box;border-left:1px solid;border-width:1px;border-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar,.ui-grid-pinned-container .ui-grid-cell:not(:first-child) .ui-grid-vertical-bar{width:1px}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-first .ui-grid-header-cell:first-child .ui-grid-vertical-bar{left:-1px;width:1px;background-color:#aeaeae}.ui-grid-render-container-body{float:left}
.ui-grid-column-resizer{top:0;bottom:0;width:5px;position:absolute;cursor:col-resize}.ui-grid-column-resizer.left{left:0}.ui-grid-column-resizer.right{right:0}.ui-grid.column-resizing{cursor:col-resize}.ui-grid.column-resizing .ui-grid-resize-overlay{position:absolute;top:0;height:100%;width:1px;background-color:#aeaeae}
.ui-grid-row-saving .ui-grid-cell{color:#848484 !important}.ui-grid-row-dirty .ui-grid-cell{color:#610b38}.ui-grid-row-error .ui-grid-cell{color:#f00 !important}
.ui-grid-row-selected>[ui-grid-row]>.ui-grid-cell{background-color:#c9dde1 !important}.ui-grid-disable-selection{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.ui-grid-selection-row-header-buttons{cursor:pointer;opacity:0.1}.ui-grid-selection-row-header-buttons.ui-grid-row-selected{opacity:1}.ui-grid-selection-row-header-buttons.ui-grid-all-selected{opacity:1}
.ui-grid-icon-plus-squared:before{content:'\c350'}.ui-grid-icon-minus-squared:before{content:'\c351'}.ui-grid-icon-search:before{content:'\c352'}.ui-grid-icon-cancel:before{content:'\c353'}.ui-grid-icon-info-circled:before{content:'\c354'}.ui-grid-icon-lock:before{content:'\c355'}.ui-grid-icon-lock-open:before{content:'\c356'}.ui-grid-icon-pencil:before{content:'\c357'}.ui-grid-icon-down-dir:before{content:'\c358'}.ui-grid-icon-up-dir:before{content:'\c359'}.ui-grid-icon-left-dir:before{content:'\c35a'}.ui-grid-icon-right-dir:before{content:'\c35b'}.ui-grid-icon-left-open:before{content:'\c35c'}.ui-grid-icon-right-open:before{content:'\c35d'}.ui-grid-icon-angle-down:before{content:'\c35e'}.ui-grid-icon-filter:before{content:'\c35f'}.ui-grid-icon-sort-alt-up:before{content:'\c360'}.ui-grid-icon-sort-alt-down:before{content:'\c361'}.ui-grid-icon-ok:before{content:'\c362'}.ui-grid-icon-menu:before{content:'\c363'}.ui-grid-icon-spin5:before{content:'\ea61'}
.toast-title{font-weight:700}.toast-message{word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4}.toast{opacity:1!important}.toast.ng-enter{opacity:0!important;transition:opacity .3s linear}.toast.ng-enter.ng-enter-active{opacity:1!important}.toast.ng-leave{opacity:1;transition:opacity .3s linear}.toast.ng-leave.ng-leave-active{opacity:0!important}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px)and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px)and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}