@charset "utf-8";
/*
HTML5 Reset :: style.css
----------------------------------------------------------
We have learned much from/been inspired by/taken code where offered from:

Eric Meyer					:: http://ericmeyer.com
HTML5 Doctor				:: http://html5doctor.com
and the HTML5 Boilerplate	:: http://html5boilerplate.com
-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img, object, embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. don't forget to restore the bullets within content. */
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font-size: 100%;}
 
/* Accessible focus treatment people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* let's clear some floats */
.clearfix:before, .clearfix:after, .clear:before, .clear:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after, .clear:after { clear: both; }  

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/
/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body { font-family:Tahoma, Geneva, sans-serif; font-size:13px; background-color:#e9e8e8; line-height:1.4em; }
h2, h3, h4, h5, h6 { font-weight:normal; }
h2 { font-size:2em; padding:8px 0; margin-bottom:1em; }
h3 { font-size:1.5em; padding:8px 0; margin-bottom:.5em; }
a { color:#09F; text-decoration:none; }
a:hover { color:#09C; }
input[type="text"],
input[type="button"],
input[type="password"],
textarea,
select { 
	background: none repeat scroll 0 0 #FBFBFB;
	border: 1px solid #E5E5E5;
	box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;
	border-radius:3px;
	color: #000;
	font-weight: 200;
	line-height: 1;
	margin-bottom: 16px;
	margin-top: 2px;
	outline: 0 none;
	padding: 8px 8px 6px;
	width: 100%;
	font-size:13px;
}
input[type="text"], input[type="password"], textarea { width:96%; }
input[type="text"]:focus,
input[type="button"]:focus,
input[type="password"]:focus { border-color:#aaa;}
input[type="button"], button, .button { 
	background-color: #21759B;
	background-image: linear-gradient(to bottom, #12adf2, #0082bd);
	border: 1px solid #E5E5E5;
	border-color: #21759B #21759B #1E6A8D;
	border-radius:3px;
	box-shadow: 0 1px 0 rgba(120, 200, 230, 0.5) inset;
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    padding:6px 12px;
	margin-left:.5em;
}
.primary-button,
input[type="button"]:hover, button:hover, .button:hover {
	background-color: #0d96d4;
	background-image: linear-gradient(to bottom, #119ddc, #0086c2);
	border-color: #0086c2 #0086c2 #119ddc;
	box-shadow: 0 1px 0 rgba(120, 200, 230, 0.5) inset;
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.cancel-button { 
	background-color:#9a9a9a;
	background-image:
	linear-gradient(to bottom, #f3f3f3, #9a9a9a);
	border-color: #9c9c9c #979797 #8d8d8d;
	box-shadow:none;
}
.cancel-button:hover { 
	background-color:#868585;
	background-image:
	linear-gradient(to bottom, #ecebeb, #868585);
	border-color: #8d8b8b #8a8888 #777676;
	box-shadow:none;
}

/* login */
#login { margin:auto; width:260px; padding:30px; margin-top:114px; background-color:#fff; border: 1px solid #ccc; box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7); border-radius:3px; }
#login form { margin-top:25px; }
#login input, #login .copyright { display:block; }
#login input[type="text"], #login input[type="password"] { width:242px; font-size:16px; }
#login button { float:right; }
#login .copyright { text-align:center; clear:both; margin-top:30px; }

/* page-wrapper */
#page-wrapper { background-color:#fff; }

/* header */
#header { padding:0 15px 0 0; background-color:#F3F3F3; border-bottom:8px solid #3b6acf; }

/* logo */
#logo { float:left; background-color:#08256c; }
#logo img { margin-bottom:-4px; }
#logo span { display:block; float:right; margin-left:15px; font-size:2em; color:#017dc3; font-weight:normal; padding-top:17px; }

/* user */
#user { float:right; font-size:1.2em; font-family:Arial, Helvetica, sans-serif; padding-top:16px; }
#user a { color:#999; }
#user img { margin-bottom:-2px; }

/* nav */
#nav { position:relative; float:left; font-size:1.2em; font-family:Arial, Helvetica, sans-serif; z-index:1000; }
#nav li { position:relative; float:left; padding:14px 1.3em 14px 1em; border-left:1px solid #A9A9A9; }
#nav a { padding-left:30px; display:block; padding-top:4px; color:#666; }
#nav a:hover { color:#09C !important; }
#nav a.home-nav { background:url(../images/home.png) left 0 no-repeat; }
#nav a.regions-nav { background:url(../images/regions.png) left 0 no-repeat; }
#nav a.client-nav { background:url(../images/client.png) left 0 no-repeat; }
#nav a.archive-nav { background:url(../images/archive.png) left 0 no-repeat; }
#nav a.reports-nav { background:url(../images/reports.png) left 0 no-repeat; }
#nav a.user-nav { background:url(../images/users.png) left 0 no-repeat; }
#nav a.how-nav { background:url(../images/how.png) left 0 no-repeat; }
#nav a.link-nav { background:url(../images/link.png) left 0 no-repeat; }
#nav a.home:hover, #nav a.regions-nav:hover, #nav a.user-nav:hover, #nav a.client-nav:hover, #nav a.how-nav:hover, #nav a.link-nav:hover { background-position:left -24px; }
#nav li.nav-selected { background-color:#3b6acf; }
#nav li.nav-selected a { color:#fff; background-position:left -24px; }
	/*first level*/
	#nav li ul { display:none; position:absolute; top:50px; left:0; background-color:#000; padding-bottom:15px; width:150px; }
	#nav li ul li { border:none; padding:0; width:100%; }
	#nav li ul li a { padding:10px 10px 0px 20px; color:#eee; }
#nav li:hover > ul { display:block; }

/* content */
#content { padding:25px 15px; min-height:400px; }

/* main-content */
#main-content { float:left; width:100%; }

/* aside */
#aside { padding:25px 15px; float:left; width:150px; }

/* file sharing */
.fs-aside, .fs-content { border-top:1px solid #a9a9a9; }
.fs-aside { float:left; width:25%; }
.fs-content { float:left; border-top:1px solid #a9a9a9; min-height:300px; width:73%; background:url(../images/vline.jpg) 1.2% top no-repeat; padding-left:2%; }

#button-container { border-bottom:1px solid #a9a9a9; margin-bottom:1.5em; padding:8px 8px 11px 0; }
#button-container a.delete-folder-btn { margin-left:10px; }
#button-container a.new-folder-btn, #button-container a.new-file-btn, #button-container a.cancel-new-file-btn, #button-container a.delete-folder-btn { display:block; color:#a9a9a9; line-height:0; }
#button-container a.new-folder-btn:hover, #button-container a.new-file-btn:hover, #button-container a.cancel-new-file-btn:hover, #button-container a.delete-folder-btn:hover { color:#09F; }
#button-container a.new-folder-btn img, #button-container a.new-file-btn img, #button-container a.cancel-new-file-btn img, #button-container a.delete-folder-btn img { margin-bottom:-5px; }
#button-container .button { margin-left:0; margin-right:.5em; }
#button-container a.delete-folder-btn { float:right; display:none; }

.add-folder-container { display:none; }

/* folder-list */
#folder-list li { background: url(../images/folder_icon.png) left 3px no-repeat; padding-left:20px; }
#folder-list a { display:block; color:#a9a9a9; padding:2px 0; }
#folder-list a:hover { color:#09F; }
#folder-list a.selected, #folder-list a:focus { color:#000; background-color:#eee; }
#folder-list .sub-close-open-btn { display:block; float:right; margin-top:-22px; background:url(../images/add-minus.png) center -15px no-repeat; width:16px; height:16px; }

/* file-list */
#list span { float:left; width:9%; }
#list span.list-name { width:15%; text-align:left !important; }
#list span.list-info { width:10%; text-align:left !important; }
#list span.list-cp { width:6%; text-align:center !important; }
#list span.list-name span { padding-left:25px; background:url(../images/doc_empty.png) 5px center no-repeat; width:100%; }
#list a:hover > span.list-name span { background:url(../images/arrow-right.png) 7px center no-repeat; }
#list span.list-center { text-align:center; }
#list .list-header { background-color:#333 !important; font-weight:normal; color:#ccc; padding:10px 0; }
#list .list-header span { text-align:center; font-size:11px; }
#list .list-header span.list-name span { background:none; text-align:left; }
#list a { color:#333; display:block; }
#list li { padding:5px 0; }
.files-list-action { float:right; }

/* footer */
#footer { padding:25px 15px; border-top:1px solid #A9A9A9; }

/*box-overall*/
.box-overall-wrapper { border:1px solid #eee; }
.box-overall { 
	width:20%;
	min-height:350px;
	float:left;
}
.box-overall-content {
	padding:15px 15px;
	background: #fbfbfb; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #fbfbfb 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#fbfbfb)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#fbfbfb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#fbfbfb 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#fbfbfb 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #ffffff 0%,#fbfbfb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbfbfb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.box-overall-content h2 { font-size:1.5em; border-bottom:1px solid #CCC; padding-bottom:10px; margin-bottom:.5em; background:url(../images/region.png) left 10px no-repeat; padding-left:25px; }
.box-overall-content li { padding:2px 0; color:#666; }
.box-overall-content li a { color:#666; display:block; }
.box-overall-content li a:hover { color:#000; }
.box-overall-content li a:hover > .level-bar { background-color:#CCC; }
.box-overall-content li .overall-total { display:block; float:right; margin-right:3px; }

/* zone */
.zone-1 span { background-color:red; color:#eee; }
.zone-2 span { background-color:yellow; color:#960; }
.zone-3 span { background-color:green; color:#eee; }


/* level */
.level-bar { display:block; background-color:#ddd; }
.level-bar span { display:block; height:20px; }
.level-1 span { width:10% !important; background-color:red; color:#eee; }
.level-2 span { width:20% !important; background-color:red; color:#eee; }
.level-3 span { width:30% !important; background-color:red; color:#eee; }
.level-4 span { width:40% !important; background-color:yellow; color:#960; }
.level-5 span { width:50% !important; background-color:yellow; color:#960; }
.level-6 span { width:60% !important; background-color:yellow; color:#960; }
.level-7 span { width:70% !important; background-color:green; color:#eee; }
.level-8 span { width:80% !important; background-color:green; color:#eee; }
.level-9 span { width:90% !important; background-color:green; color:#eee; }
.level-10 span { width:95% !important; background-color:green; color:#eee; }
.level-11 span { width:100% !important; background-color:green; color:#eee; }
span.bar-disable { background-color:#cdcdcd; }
#list .level-bar { padding:3px 0; }
#list span.bar-full { width:100% !important; padding:3px 0; }

/*bars*/
.red-bar, .yellow-bar, .green-bar { width:100%; height:22px; float:left; clear:both; margin-right:2%; margin-bottom:15px; border:1px solid #ccc; border-radius:4px; }
.red-bar { background:url(../images/bar-red.jpg) left center repeat-x; }
.yellow-bar { background:url(../images/bar-yellow.jpg) left center repeat-x; }
.green-bar { background:url(../images/bar-green.jpg) left center repeat-x; }
.column-3, .column-4 { float:left; background:url(../images/vline.gif) bottom center no-repeat; padding-bottom:15px; }
.column-3 { width:33.333333%; }
.column-4 { width:25%; }
.over-all-total { text-align:center; }
.over-all-total a { color:#333; float:left; width:100%; }
.over-all-total a:hover { color:#999; } 

/* tbl */
.tbl { margin-bottom:1em; }
.tbl th, .tbl td { padding:5px; border:1px solid #a9a9a9; }
.tbl th { text-align:left; background-color:#a9a9a9; color:#fff; }
.tbl-list th, .tbl-list td { border:none; }

/* box */
.box { width:700px; }
.preview-box { width:650px; min-height:350px; padding:15px; }

/* progress-detail */
.progress-detail { float:left; width:500px; }
.progress-detail .label { width:200px; clear:both; margin-bottom:5px; color:#999; }
.progress-detail .label-content { width:300px; margin-bottom:5px; }

/* template-preview */
#template-preview { float:right; width:610px; }

/* form */
.label { width:200px;}
.label-content { width:370px; }
.template-no { display:none; margin-bottom:15px; }
.label-content button { margin-left:0; margin-top:20px; }

/* loading */
.loading { display:none; }
.loading img { float:left; margin-right:5px; margin-top:-6px; }

/* upload area */
#button-container a.cancel-new-file-btn { display:none; }

/* row */
.row { }
.row li, .row-1, .row-2 { padding:5px; }
.row-1 { background-color:#f9f9f9; }
.row-2 { background-color:#eee; }

/* contact */
.contact-name, .contact-email, .contact-phone { display:block; width:200px; float:left; margin-right:2em; }
.contact-phone { width:100px; }
.contact-email { width:250px; }
.preview-box .contact-name, .preview-box .contact-email { width:250px; }

/* sarch */
.search-container { width:350px; float:right; position:relative; }
input.search { float:right; background-image:url(../images/search.png); background-position: 5px center; background-repeat: no-repeat; padding-left:25px; z-index:1; position:relative; }
#s_loding { float:right; margin-top:-40px; margin-right:10px; z-index:100; position:relative; display:none; }
#display { position:absolute; width:375px; left:-27px; top:35px; background-color:#999; display:none; z-index:1000; }
#display a { padding:8px 10px; width:355px; float:left; color:#fff; border-bottom:1px solid #ccc; }
#display a:hover { background-color:#666; }

/* info-text */
.info-text p { margin-bottom:1em; }

<!-- sticky_navigation -->
.sticky_navigation_container { }
#sticky_navigation { background-color:#333; }

/* note */
.note-list { border-bottom:1px dashed #ccc; margin-bottom:15px; padding-bottom:15px; }
.note-user { float:left; }
.note-user span { font-size:11px; display:block; color:#999; }
.note-delete { float:right; }
.note-delete a { color:#999; font-size:11px; }
.note-delete a:hover { color:#F00; }
.note-content { clear:both; padding-top:10px; }
.status-note { background-color:#fbfbfb; border:1px solid #ccc; margin-bottom:5px; padding:15px; }
.status-note h3 { font-size:16px; color:#09F; }

/* facetime */
.facetime .facetime-box { width:33.333%; float:left; }
.facetime .facetime-box input { width:80%; }
.time-label { text-transform:uppercase; color:#666; font-size:12px; }

/* class */
.clear { clear:both; }
.error, .message { margin: 0 0 16px; padding: 12px; border-radius:3px; }
.error { background-color:#FFEBE8; border:1px solid #CC0000; }
.message { background-color:#e5fce5; border:1px solid #40e940; }
.fright { float:right; }
.fleft { float:left; margin-right: 10px;}
.mceEditor { margin-bottom:16px; }
.fade-out { background-image:none !important; background-color:#F00 !important; height:18px; }
#edit-message, .save-edit { display:none; }
.li-reset { background-image:none !important; font-weight:bold; }
.li-reset:hover { background:none !important; }
.new-task-h { font-size:.7em; color:#999; border-left:1px solid #ccc; padding-left:8px; }
.p-bar { margin-top:-2px; float:left; }
.select-filter { width:200px; }
.no-result { border-top:1px dotted #333; padding-top:20px; }
.date-select select { width:32.333333%; }
.view-note-btn { background:url(../images/notepad.png) right center no-repeat; float:right; padding-right:18px; font-size:11px; }
.view-note-btn a { color:#999; }
.view-note-btn a:hover { color:#333; }
.note-wrapper { margin-bottom:15px; }
.upload-area { width:470px; }
.attachment-action { float:right; }
.upload-new, .close { display:none; }
.attachment-list { margin-bottom:15px; }
.attachment-list li { padding-left:20px; background-image:url(../images/clip_icon.png); background-position: left center; background-repeat: no-repeat; }
.attachment-list li a { color:#666; }
.attachment-list li a:hover { color:#000; }
.button-export { margin-top:2px; display:block; width:60px; float:left; text-align: center; }

a.call-now {
    position: absolute;
    left: 600px;
    top: 375px;
}
a.call-now-2 {
    position: absolute;
    left: 600px;
    top: 510px;
}
a.call-now-3 {
    position: absolute;
    left: 600px;
    top: 730px;
}
a.email-now {
    position: absolute;
    left: 600px;
    top: 420px;
    cursor: pointer;
}
a.external-link{
    position: absolute;
    left: 600px;
    top: 606px;
}

/* To change position of close button to Top Right Corner */
#colorbox #cboxClose
{
top: 0;
right: 0;
}
#cboxLoadedContent{
margin-top:28px;
margin-bottom:0;
}

.note-textarea { border: 1px solid #ccc; font-family: inherit; font-size: inherit; padding: 1px 6px; }
.note-textarea { display: block; width: 98%; overflow: hidden; resize: both; min-height: 20px; line-height: 20px; cursor: auto;}
.note-textarea[contenteditable]:empty::before { content: "Add/Edit your notes here"; color: gray; }

#cboxOverlay {
    display:none !important;
}

input[type="text"]:disabled {
  background: #dddddd;
  cursor: not-allowed;
}

.input-icon {
  position: relative;
}

.input-icon > i {
  position: absolute;
  display: block;
  transform: translate(0, -50%);
  top: 36%;
  pointer-events: none;
  width: 25px;
  text-align: center;
	font-style: normal;
}

.input-icon > input {
  padding-left: 25px;
	padding-right: 0;
}

.input-icon-right > i {
  right: -8px;
}

.input-icon-right > input {
  padding-left: 0;
  padding-right: 25px;
  text-align: right;
}

.copy-field input[type="text"] {
    width: 115%;
    line-height: 1;
    margin: 0;
}
h2.detail {
	margin-bottom: 0;
}

.box .survey-label {
    width: 570px;
    clear: both;
    margin-bottom: 5px;
}
.box .survey-label-content {
    width: 700px;
    margin-bottom: 5px;
}

.flex-container {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.progress-detail .flex-container {
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}

.flex-container input[type="text"], input[type="password"], textarea, select {
    margin: 0;
}
.survey-result {
    padding-top: 35px;
}