/* THIS FILE IS GENERATED AUTOMATICALLY - EDIT INDIVIDUAL CSS FILES & REINIT TO MODIFY STYLES */

/* RESET.CSS */

/* Copyright (c) 2006, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 0.12.0 */
body {font:13px;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% "Roboto",Arial,sans-serif; padding: 6px;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}body p {line-height:1.4em;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}


/* LAYOUT.CSS */

* {
  scrollbar-color: #929497 #eee;
  scrollbar-width:  thin !important;
}

.gm-iv-address {
	padding: 6px 8px 50px 8px !important;	
}


.tab-content .col-xs-1, .tab-content .col-sm-1, .tab-content .col-md-1, .tab-content .col-lg-1, .tab-content .col-xs-2, .tab-content .col-sm-2, .tab-content .col-md-2, .tab-content .col-lg-2, .tab-content .col-xs-3, .tab-content .col-sm-3, .tab-content .col-md-3, .tab-content .col-lg-3, .tab-content .col-xs-4, .tab-content .col-sm-4, .tab-content .col-md-4, .tab-content .col-lg-4, .tab-content .col-xs-5, .tab-content .col-sm-5, .tab-content .col-md-5, .tab-content .col-lg-5, .tab-content .col-xs-6, .tab-content .col-sm-6, .tab-content .col-md-6, .tab-content .col-lg-6, .tab-content .col-xs-7, .tab-content .col-sm-7, .tab-content .col-md-7, .tab-content .col-lg-7, .tab-content .col-xs-8, .tab-content .col-sm-8, .tab-content .col-md-8, .tab-content .col-lg-8, .tab-content .col-xs-9, .tab-content .col-sm-9, .tab-content .col-md-9, .tab-content .col-lg-9, .tab-content .col-xs-10, .tab-content .col-sm-10, .tab-content .col-md-10, .tab-content .col-lg-10, .tab-content .col-xs-11, .tab-content .col-sm-11, .tab-content .col-md-11, .tab-content .col-lg-11, .tab-content .col-xs-12, .tab-content .col-sm-12, .tab-content .col-md-12, .tab-content .col-lg-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.panel-default > .panel-heading:hover {
	background: #eee;	
}
.tab-content .panel-heading {
	padding: 0;	
}

.tab-content .panel-heading h4 {
	padding: 10px 20px;	
}

.tab-content table {
	border-collapse: separate;
    empty-cells: hide;	
}

.tab-content table th {
    empty-cells: show;	
}
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e113";    /* adjust as needed, taken from bootstrap.css */
    float: left;        /* adjust as needed */
    color: grey;         /* adjust as needed */
	margin-left: 5px;
	margin-top: -26px;
	font-size: .8em;
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
}

.tab-content .panel-group .panel-body {
	padding: 15px 20px;
}

.inactive {
	color: #555;
}

/*.collapse.in {
	margin-top: 20px;	
}*/
.form-group.has-error {
	position: relative;	
}
.SecondaryText {
	font-size: 80%;
	position: relative;
	top: -2px;	
}
.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	position:relative;
	}
.ellipsis::after {
	content: '...';
	position:absolute;
	right: 0;
	bottom: 2px;
	background: #fafbfe;
	padding: 0 4px 0 3px ;	
}

.ellipsis-text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.clickable-cell.ellipsis-text {
	max-width: 68px;
}

.ellipsis-text.ellipsis_50 {
	width: 50px;
}

.ellipsis-text.ellipsis_100 {
	width: 100px;
}

.ellipsis-text.ellipsis_100_max {
	max-width: 100px;
}

.ellipsis-text.ellipsis_125 {
	width: 125px;
}

.ellipsis-text.ellipsis_150 {
	max-width: 150px;
}

.ellipsis-text.ellipsis_200_max {
	max-width: 200px;
}

.ellipsis-text.ellipsis_250 {
	max-width: 250px;
}

.ellipsis-text.ellipsis_325 {
	max-width: 325px;
}

.ellipsis-text.ellipsis_350 {
	max-width: 350px;
}

.ellipsis-text.ellipsis_450 {
	max-width: 450px;
}

.ellipsis-text.ellipsis_filename {
	width: 100px;
}

.ellipsis-text.ellipsis_client_file {
   width: 200px;
}

@media (max-width: 1024px) and (min-width: 875px) {
  .ellipsis_client_file {
    width: 500px !important;
  } 
}

@media (max-width: 874px) and (min-width: 640px) {
  .ellipsis_client_file {
    width: 350px !important;
  } 
}

#recentFiles .floatLeft:nth-child(2),
#recentFiles .floatLeft:nth-child(2) p {
  padding-left: 0px !important;
}

#recentFiles .dashdate {
  float: right !important;
  width: 70px;
}

div.result-spinner {
	text-align: center;
	padding-top: 6em;
	width: 100%;
	padding-bottom: 6em;
}

div.result-spinner .fa-5x {
	color: rgba(96,96,96,.1);	
}

/* Activity page */

.activity-time {
	float: left;
	width: 65px;
	margin-left: -135px;
}

.activity-content {
	padding-top: 7px;
	position:relative;
	padding-left: 135px !important;	
}
.activity-row .note-img {
	position:absolute;
	top: 0;
	left: 80px;
}

.activity-row .note-img .latestConvo1 {
    margin-top: 0px;
}

.activity-row {
	margin-bottom: 5px;
	height: 55px;
}
.activity-row-project {height:20px;}
h1.new-user-intro {
    font-size: 4em;
    margin-top: 1em;
}
.start-steps {
	display: inline-block;
	margin: 15px 0;
	width:20%;	
}
.start-steps-foot {
	margin-bottom: 50px;	
	padding: 20px;
}
.start-steps div.new-user-step {
    background: #20a3dc none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 2.5em;
    line-height: 0.5em;
    margin-top: 10px;
    padding: 23px 26px 27px;
	border: 1px solid rgba(0, 0, 0, 0.35);
}

.start-steps div.new-user-text {
	
}

li.dropdown-header {position: relative;}
li.dropdown-header .clearlink { position:absolute; top: 4px; right: 20px; cursor:pointer; text-decoration:underline;}

.dropdown-menu li .dropdown-multi-line { position: relative; }
.dropdown-menu li .dropdown-multi-line > label {
    padding-left: 40px;
}

.project-sort-nav .dropdown-menu label {
	display:inline-flex;
	max-width: 125px;
}

.dropdown-menu li .dropdown-multi-line > input {
	position: absolute;	
	margin-top: 5px !important;
}
.todo-dropdown {display: inline-block;}

.wrapperMainDash {
	display: table;
	width: 100%;	
}

#container .wrapperMainDash #dashTopLeft {
	display: table-cell;
	vertical-align: top;
	padding: 15px;	
	width: 100%;
}

#container .wrapperMainDash #dashTopRight {
	display: table-cell;
	width: 450px;
	padding: 0 15px;
	box-sizing: border-box;	
	vertical-align: top;
	float:right;	
	margin-top: 15px;
}


.calendarsBox {
	float: left;
	width: 100%;
	padding: 0 10px;	
	margin-top: 19px;
}

.dash-comm {
	padding: 0 10px;
	margin-top: 20px;	
}


#footermenu ul {
  margin: 0;
  list-style:none;
}
#footermenu ul li {
  padding: 0 0 5px 15px; 
  float:left;
}
#footermenu ul li:last-child {
  border: none;
}

#quoteFrame iframe,
#invoiceFrame iframe, 
#purchaseOrderFrame iframe {
  height: calc(100vh - 301px);
}

@media (max-width: 1025px) {
	
	/* Force table to not be like tables anymore */
	.table-responsive table#BF, 
	.table-responsive table#BFs thead, 
	.table-responsive table#BF tbody, 
	.table-responsive table#BF th, 
	.table-responsive table#BF td, 
	.table-responsive table#BF tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.table-responsive table#BF thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	.table-responsive table#BF tr { border: 1px solid #ececec; }
 
	.table-responsive table#BF td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
	
	.wrapper .table-responsive table#BF td {
		padding: 8px 10px;
	  }
 
	.table-responsive table#BF td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: 500;
	}
 
	/*
	Label the data
	*/
	.table-responsive table#BF td:before { content: attr(data-title); }
	
.start-steps {
	display: inline-block;
	margin: 15px 0;
	width:25%;	
}
#container .wrapperMainDash #dashTopRight {
	display: table-cell;
	width: 350px;
	padding: 0 15px;
	box-sizing: border-box;	
	vertical-align: top;
	float:right;	
	margin-top: 20px;
}



.calendarsBox {
	float: left;
	width: 100%;
	padding: 0 10px;	
	margin-top: 20px;
}


#container .wrapper.todo-main {
	display: block;	
}

#container .wrapper .todo-main-left {
	display: block;
	width:100%;
		
}

#container .wrapper .todo-main-right {
	display: block;
	vertical-align:top;
	box-sizing: border-box;
	float:none;
	width: 100%;
	padding: 0 15px;	
}
	
}

/*@media screen and (max-width: 1000px) {
  .mynetwork .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .mynetwork .table-responsive > .table {
    margin-bottom: 0;
  }
  .mynetwork .table-responsive > .table > thead > tr > th,
  .mynetwork .table-responsive > .table > tbody > tr > th,
  .mynetwork .table-responsive > .table > tfoot > tr > th,
  .mynetwork .table-responsive > .table > thead > tr > td,
  .mynetwork .table-responsive > .table > tbody > tr > td,
  .mynetwork .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .mynetwork .table-responsive > .table-bordered {
    border: 0;
  }
  .mynetwork .table-responsive > .table-bordered > thead > tr > th:first-child,
  .mynetwork .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .mynetwork .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .mynetwork .table-responsive > .table-bordered > thead > tr > td:first-child,
  .mynetwork .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .mynetwork .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .mynetwork .table-responsive > .table-bordered > thead > tr > th:last-child,
  .mynetwork .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .mynetwork .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .mynetwork .table-responsive > .table-bordered > thead > tr > td:last-child,
  .mynetwork .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .mynetwork .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .mynetwork .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .mynetwork .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .mynetwork .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .mynetwork .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
*/

/*
@media (min-width: 1025px) {

	.saveimport2 {
		position: relative !important;
		top: -50px;
		left: -165px;
	}

}
*/



@media (max-width: 767px) {
	
.pull-right.subscription-item {float: none !important; }

	.table-responsive .button, .table-responsive a.button, .table-responsive a.button:link, .table-responsive a.button:active, .table-responsive a.button:visited {
		margin: 0 0 10px 10px;
	}
	
	.modal-dialog .modal-stretch .submit-modal-temp .left-button {
		margin: 0 0 10px 0px;
	}
	
	h1.new-user-intro {
    font-size: 3.25em;
    margin-top: 1em;
}	
	.start-steps {
	display: block;
	margin: 25px 0;
	width:100%;	
}
#container .wrapperMainDash #dashTopLeft {
	display: block;
	width: 100%;
}

#container .wrapperMainDash #dashTopRight {
	display: block;
	width: 100%;
}


	
	
}

.listFilter > span {
	padding: 0 5px 0 10px;
	font-weight: 400;	
}

ProTabDir/*.clearfix::after {
    clear: both;
    content: "";
    display: block;
    height: 1px;
    width: 1px;
}*/

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

.page-bottom {
	margin: 15px 0;	
}

#ProTabDir .row {
	margin-left: 0 !important;
	margin-right: 0 !important;	
}

.other-location {
	padding-left: 0 !important;	
}

h5.sub { margin-left:23px; margin-top:6px; }
fieldset { padding:10px; }

ol.nobullet,ul.nobullet { list-style:none; margin-left:10px; }

.tododetail ol.nobullet, .tododetail ul.nobullet {margin-left: 0;}
.tododetail a:hover {text-decoration: underline; }
.tododetail a.nounder:hover {text-decoration: none; }
ul.nobullet li { margin-bottom:5px; }



.tododetail table td.todo-check {width: 20px; }

#container .left .main .content #listWrapper .todolist .tododetail .todo-edit div {background: none;}


.clear { clear:both; height:0; }
.markcomplete {
	padding-left:10px;
	margin-left:20px;
}
.page-num {padding-left: 7px; padding-right: 7px;}
.projectWrapper {
/*	margin-top: -15px; */
	margin-bottom: 50px;
}
.projectWrapper .page-num {
	padding-left: 0; padding-right: 0;	
}
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb12 { margin-bottom:12px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb30 {margin-bottom: 30px; }
.mlm7 { margin-left: -7px; }
.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }
.ml40 { margin-left:40px; }
.mt5 { margin-top:5px; }
.mr5 { margin-right:5px; }
.mt5 { margin-top:5px; }
.mr10 { margin-right: 10px; }
.mt10 { margin-top:10px; }
.mt12 { margin-top:12px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.p10 { padding:10px; }
.pb15 { padding-bottom:15px; }
.pl5 { padding-left:5px; }
.pl30 { padding-left:30px; }
.pl50 { padding-left:50px; }
.tac { text-align:center; }
.tal { text-align:left !important }
.tar { text-align:right; }
.vam { vertical-align:middle; }

.error, .success { padding:10px; margin-bottom:10px; }
.error ul, .success ul { margin:10px 30px;}

.minitype { padding:1px 3px; }
.projlogo { margin-bottom:15px; }

div.pagediv {
	padding:3px 5px;
	margin-bottom:5px;
}

table.activity td {
	padding:2px 5px;
}

#notify,#files { 
	/*needed to be displayed for the submit group email form.*/
	/*display:none;*/
	margin-left:180px;
	padding:10px;
	width:250px;
	margin-bottom:10px; 
}
#notifylink,#fileslink { padding:4px; }

#login { margin-bottom:20px; }

.alertbox, .successbox {
	padding:10px 0 10px 30px;
	margin-bottom:15px;
}

/* login page */

.alert.sessionTimeout {
    margin-bottom: 0;
}

#container.login-container {
	margin: 0 0 0 0;	
}

.login {
	background: #ffffff;
	display: table;
	position: relative;
	margin: 0 0 -10px 0;
	width:100%;
	height: 100vh;
	box-shadow:	0 10px 10px -10px rgba(0, 0, 0, 0.35);
}

.login-hero {
	display: table-cell;
	vertical-align: middle;
	width: 70%;	
	background: #fff url("../assets/img/work-home.jpg");
	background-size: cover;
/*	background-position: -50px 0;*/
	background-repeat: no-repeat;
}

.main.login-main {
	display:table-cell;
	vertical-align:middle;	
}

.intro {
  text-align: center;
  padding: 40px 30px;
  background: rgba(255,255,255,.95);
  border-radius: 5px;
  opacity:1;
}

.intro h2.article-title {
  font-size: 46px;
  font-weight: 100;
  padding-bottom: 10px;
  color: #333;
  line-height: 1.15em;
}

.intro .intro-play-btn h6 {
    font-weight: 200;
    margin-bottom: 20px;
    margin-top: -2px;
}
.intro h6 {
    font-size: 1em;
}
.fa.fa-play.fa-stack-1x.fa-inverse::before {
    color: #fff;
}

.intro .fa-circle {
    color: rgba(4,113,160,0.85);
}
i.fa {
    display: inline-block;
}


.intro .fa-play {
	padding-left: 16px;	
}

@media (max-width: 767px) {
.main.login-main {
	display: block;	
}

.login {
	background: transparent;
	display: block;
	position: relative;
	margin: 0 0 0 0;
	width:auto;
	height: auto;
	box-shadow:	none;
}
}

/* strength meter */

.password-field {position:relative;}

.password-field .strength-meter {
	position: absolute;
	top: 1px;
	right: 16px;
	height: 32px;
	padding: 4px 10px;
		
}

.strength-meter {
	border-bottom: none !important;
	border-left-width: 1px !important;
	font-family: "Roboto", Arial, sans-serif !important;
	font-weight: 600 !important;
	padding: 6px 13px !important;
	border-radius: 0 4px 4px 0;
}

/* LEFT COLUMN */
#container {
	margin:0 30px 15px 30px;
	clear:both;
	padding-top:0;
	z-index:1;
    min-height: calc(100dvh - 180px);
}

.mynetwork #container{
	margin: 0 20px 15px 20px;
}

.wrapper #container {
	margin: 0;	
}

#container .left {
	width:79%; float:left;
}

#container .result-container .left-map {
	display: table-cell;
	vertical-align: top;	
	width: 100%;
}

#container .result-container .left-map #PageContent {
	padding-top: 0;
	position:relative;	
}
#container div.medium {
	width:82%;
}

#container div.full {
	width:100%;
}

#container .left .main {
	padding-right:0;  
}

#container .left .main .header, 
#container .left-map .main .header {
	padding:15px 20px 5px;
	margin-bottom: 10px;
	height:auto;
}

.add-project-btn span {
    border: 1px solid #d3d3d3;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.mynetwork #container .left .main .header {
	padding: 0;
	margin-top: 0;
	margin-bottom:0;
	border-bottom: none;	
}

#container .left .main .header h2, #container .left-map .main .header h2 {
	margin: 0;
	float: left;
	line-height: 1.8em;
	margin-bottom: 5px;
}

#container .left-map .main .header h2  {
	min-width: 700px;
	padding: 6px 0;
}

#container .left .main .header::after, #container .left-map .main .header::after {
	clear: both;
    content: "";
    display: block;
    height: 1px;
    width: 1px;
}

.pg-header-logo {
    float: left;
    height: 30px;
    margin-right: 10px;
/*  overflow: hidden; */
}

 .pg-header-logo img {
	object-fit: scale-down;
	max-width: 48px;	
	height: 100%;
}

/* hides alt text on job/project headers */

.pg-header-logo img[alt] {
    width: 0px;
}

/*target only jpg images*/

/*
.pg-header-logo img[src$=".jpg"] {
  border: 1px solid #d3d3d3;
  box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.1) !important;
}
*/

#container .left .main .headernomb {
	margin-bottom:0px;
}

#container .left .main .submenu {
	padding:10px 20px 10px 20px;
	float: left;
}

#container .left .main ul.submenu li {
	list-style:none;
	display:block;
	padding: 0;
}

#container .left .main ul.submenu li a {
	padding:4px 15px;
}

#container .left .main .header .rightmenu {
	float:right;
}

#container .left .main .header .rightmenu a {
	display: inline-block;
	margin-left: 6px;
	padding-top: 0px;
    font-weight: 300;
	line-height: 1em !important;
}

#container .left .main .header .rightmenu.solo a {
	margin-left: 0px;
}

.left-map .header .map-icons .rightmenu a.addProject-profile.queue, .left-map .header .map-icons .rightmenu a.addNetwork-profile.network{
	display: inline-block;
}

.map-icons .rightmenu {
	margin-top: 6px;
}

.header .map-icons .rightmenu .map-icons-inner {
  padding: 0 10px 0 0 !important;
}

.header .map-icons .rightmenu .map-icons-inner-click {
  padding: 0 10px 0 0 !important;
}

.header .rightmenu a:hover,
.header .rightmenu .map-icons-inner a:hover {
  color: #20a3dc !important;
  text-decoration: none;
}

.header .rightmenu a.button:hover {
	color: #fff !important;
}

.rightmenu span.edit {
	display: inline-block;	
}

#container .left .main .header h2 img { 
	vertical-align: middle;
}

#container .left .main .header h4 {
	padding-left:28px;
	margin:5px 0;
}

#container .left .main .content #slidediv {
	margin-bottom:20px;
	padding:0 20px;
}

#container .left .main .content .stamp {
	margin:0 0;
}
span.user-tab a {
	background: #f3f3f3;
	border: 1px solid #d3d3d3;
	padding: 5px 10px;
	border-radius: 4px 4px 0 0;
	margin-bottom: -1px;
	display:inline-block;
}

span.user-tab.active a {
	background: #fff;
	border-bottom: 1px solid #fff;	
}
.user-tab-header {
/*	margin-top: 30px;*/
  	padding: 15px 20px 5px !important;
}

.user-tab-header .pull-right {
    font-size: .82em;
}

@media (max-width: 767px) {
	#container .left .main .content .wrapper::before {
	 	width: 100%;
	}
	#newNavPanel + #container .left .main .header, 
	#newNavPanel + #container .left-map .main .header {
		margin-top: 7px;
	}
}

#container .left .main .content .wrapper {
    margin-top: 8px;
    padding: 15px;
	margin-left:200px;
    transition: margin-left .5s;
	position: relative;
    z-index: 100;
}

#newNavPanel ~ #container .left .main .content .wrapper {
	  margin: auto 5px;
      transition: margin-left .5s;
}

#container .left .main .content #productAdmin.wrapper,
#container .left .main .content #newprojectform.wrapper{
/* 	padding: 0 !important;*/
	margin-top: 3px;
	margin-right: 0px; 
}

@media (min-width: 766px) {
	#Menuslider.closeSlider ~ .content .wrapper {
	  box-shadow: none;
	  transition: 1.5s;
	}
	.content .wrapper > .wrapper {
    	box-shadow: none;
	}
}

#productAdmin.wrapper .col-md-12,
#newprojectform.wrapper .col-md-12{
/* 	padding: 0px !important;*/
}

#container .left .main .content .button-wrapper {
	border-top: none;
    margin-top: 10px;
    padding: 15px;
	margin-left:200px;
}

#container .left .main .content .left-wrapper,
#container .left .main .content .award-wrapper {
	border-top: none;
    margin-top: 10px;
    padding: 15px;
	margin-left:0;
}

.main.mynetwork .wrapper {
	padding: 0 15px 15px 15px;	
}

#container .left .main .content .wrapper-full {
		
}

#container .modal-body .wrapper {
	border-top: 1px solid #C5C5C5;
    margin-top: 10px;
    padding: 15px;
	margin-left:156px;
	
}

@media (max-width: 767px) {
	#container .modal-body .wrapper {
	border-top: 1px solid #C5C5C5;
    margin-top: 10px;
    padding: 15px;
	margin-left:0;
}
}

#container .left .main .content .wrapper .wrapper {
	border-top: 1px none #C5C5C5;
    margin-top: 0;
    padding: 0;
	margin-left:0;
}

#container .left .main .content .wrapper.noNav {
	margin-left: 0;
	margin-top: 0;
	border: none;
}

#container .left .main .content .wrapperMain {
	border-top: 1px solid #C5C5C5;
    margin-left: 0;
    margin-top: 10px;
    padding: 15px;
}

#container .left .main .content .wrapper h3, 
#container .left .main .tab-content h3, 
#container .left-map .main .tab-content h3, 
#container .left .main .content .wrapper-full h3,
#container .mynetwork-main .left #searchSection h3,
#container .mynetwork-main .left #SearchDiv h3,
#container .left .main .searchContents h3 {
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 15px;
    margin-top: 10px;
    padding-bottom: 5px;
	
}

#container .left .main .tab-content .contractor-note h3, #container .left-map .main .tab-content .contractor-note h3  {
	border-bottom: none;	
	margin-bottom: 5px;
}

#container .left .main .tab-content .contractor-note .note, #container .left-map .main .tab-content .contractor-note .note {
	padding-left: 70px;	
}

#container .left .main .tab-content .contractor-note .note .note-img, #container .left-map .main .tab-content .contractor-note .note .note-img{
	margin-left: -70px;	
}

#container .left .main .tab-content .contractor-note .delete-contract-note, #container .left-map .main .tab-content .contractor-note .delete-contract-note {
	font-size: .65em;
}



#container .left .tab-content .element_group h3, #container .left-map .tab-content .element_group h3 {
	border: none;
	margin-bottom: 0;
	padding-bottom: 5px;	
}

.wrapper #container .left .main .header h2 {
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 15px;
    margin-top: 10px;
    padding-bottom: 10px;
	font-size:1.5em;
	width: 100%;
	
}

.customfield-editor .radio .form-group > label, 
.customfield-editor .checkbox .form-group > label,
.customfield-editor .radio label,
.customfield-editor .checkbox label  {
	font-weight: 600;
	padding-left: 0;
}

#container .left .main .tab-content .customfield-editor.well h3 {
	margin-top: 0;	
}

.customfield-editor .checkbox input[type="checkbox"] {
	margin-left: 0;
	position: relative;	
}

.wrapper #container .left .main .header {
	padding: 0;
	margin: 0;	
}


#container .left .main .content .ml28 {
	margin-left:28px;
}

#container .left .main .content .wrapper h3.padtop {
	margin-top:10px;
}

#container .left .main .content .wrapper h3.padbottom {
	margin-bottom:5px;
}

#container .left .main .content .wrapper-full p, #FeedbackTab .alert p {
	margin: 12px 10px 0; 
}

#container .left .main .content .wrapper .searchnote p {
	margin: 0 0 10px;
}
#container .left .main .content .wrapper p.pro-rating {
	margin-top: 0;	
}
#container .left .main .content .wrapper .todo-main-left p {
	margin-left: 0;	
}

#container .left .main .content .wrapper .email-group p{
	margin: 10px 10px 15px 10px;	
}

#container .left .main .content .wrapper .copy-button p { margin: 10px 10px; display: table-cell; height: 31px; vertical-align:middle; }


#container .left .main .content .itemlist ul,
#container .left .main .content .itemlist ol {
	margin-left:40px;
	margin-bottom: 12px;
}

#container .left .main .content .itemlist {
	margin-left: 0;	
}

#container .left .main .content ul.filelist {
	margin-left:30px;
}

#container .left .main .content ul.filelist li {
	margin-bottom: 5px;
}

#container .left .main .content .wrapper .milestones {
	margin-bottom:15px;
}

#container .left .main .content .wrapper .milestones > .header {
	padding:3px 5px;
	margin-bottom:0px;
}

#container .left .main .content .wrapper .milestones .milestone {
	padding:0 0 10px 10px;
}

#container .left .main .content .wrapper .milestones .milestone .date {
	margin-bottom:5px;
	padding-top:10px;
}

.date .form-control-feedback {
	background-color: #eee;
	border: 1px solid #d3d3d3;
	border-radius: 0 4px 4px 0;	
}

/*.date.input-group .form-control:first-child {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;	
}*/

.date.input-group { width: 100%;}

.date.form-inline.input-group {width: 200px;}

#container .left .main .content .wrapper .milestones .milestone .desc {
	margin-left:20px;
}

#container .left .main .content .wrapper .milestones .milestone ul.sub {
	margin-left:32px;
}

#container .left .main .content .wrapper .milestones .milestone li.sub {
	margin-left:10px;
	padding:0;
}

#container .left .main .content .wrapper .commentbar {
	margin:15px 0 10px 0; padding:5px;
}

#container .left .main .content .wrapper .attachbar {
	margin:10px 0 0 0; padding:5px;
}

#container .left .main .content .wrapper .commentbody {
	margin-bottom:10px;
	padding:10px 6px 6px 58px;
}

#container .left .main .content .ms {
	margin-bottom:10px;
	margin-left:10px;
}

#container .left .main .content .posted {
	padding-left:20px;
	margin-bottom:10px;
	margin-left:10px;
}

#container .left .main .content .byline {
	padding:8px;
	margin-left:8px;
}

#container .left .main .content .todolist .top {
	float:right; 
	margin:8px 5px 0 0;
}

#container .left .main .content #listWrapper .todolist {
	padding:2px 5px 0px 10px;
	margin-bottom:20px;
}

#container .left .main .content #listWrapper .todolist .liststamp {
	margin-top:10px;
	padding-top:10px;
}

#container .left .main .content #listWrapper .todolist td {
	vertical-align:middle;
	padding:2px;
}

#container .left .main .content #listWrapper .todolist td input[type="radio"], #container .left .main .content #listWrapper .todolist td input[type="checkbox"] {
	margin: 0;	
}
/*#container .left .main .content #listWrapper .todolist td div {
	padding:5px;
}*/

#container .left .footer {
	padding:0px 20px;
}

/* RIGHT COLUMN */
#container .right {
	width:20%; float:right;
}

 .modal-body .right {
	float: right;
	font-weight: bold;
	font-size: .9em;	 
 }

.modal-backdrop.in {
  opacity: .25 !important;
}

 .note-group .right {
	position: absolute;
	right: 10px;
}

#container .result-container .right {
	display: table-cell;
	width: 470px;
	padding: 0 0 0 15px;
	box-sizing: border-box;	
	vertical-align: top;
}

#container .right .header {
	padding:5px 10px; 
	margin-bottom:5px;
}

#container .right .content {
	padding-left:10px; 
	padding-top:5px;
	margin-bottom:15px;
}

#container .right .content ul {
	padding-left:20px;
}

#container .right .content ul.nobullet {
	padding-left:0; margin-left:0;
}

#container .right .content ul li {
	margin-bottom:4px;
}

#container .right .content ul li.mb10 {
	margin-bottom:10px;
}

#container .right .content ul.people {
	vertical-align:middle;
	padding-left:20px;
}

#issuefilter { padding:8px; }

.head-search {
	margin: 20px 0;
	max-width: 700px;
}

.searchnote {
	white-space: nowrap;	
	min-width: 60px;
}

.searchnote.pull-left {
  height: 32px;
  width: auto;
}

.searchnote p {
  background: #fafbfe;
  margin: 0px !important;
  padding: 6px;
  position: absolute;
  width: 80px;
  font-weight: 500;
}

.head-search .bc-wrapper input,
.head-search-group .bc-wrapper input {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 2px !important;
    border-top-left-radius: 0;
    border-top-right-radius: 2px !important;
}

.head-search-group .input-group-btn button {
    border-radius: 2px 0 0 2px !important;
}

.head-search .input-group-btn button {
	padding: 7px 12px 6px;
    border-radius: 2px 0 0 2px !important;
    margin-right: -1px;
	line-height: 1.45em;
}

.head-search .dropdown-menu a {
  padding: 5px 10px;
}

.input-group-btn .search-btn {
	padding: 9px;
	color: #fff;
	background: #20a3dc;	
	border-color: #0471a0;
}

.input-group-btn .search-btn:hover {
	background: #024663;	
	color: #fff;
}

.date input.form-control,
#viewCustomer input.form-control {
  border-right: none;
}

.date .input-group-addon {
  border-color: #dfdfdf;
  border-left: none;
  border-radius: 2px 2px 0 0 !important;
  padding: 6px;
 }

.input-group-addon.wht {
	background: white;
}

#viewCustomer .input-group-addon {
  border-color: #dfdfdf;
  border-radius: 2px 2px 0 0 !important;
 }

#viewCustomer .view:hover::before {
	color: #929497;
}

/* search page */

#complistEmail {
	position: absolute;
	top: 3px;
	width: 395px;
	padding: 1em;
	background: rgba(255,255,255,.98);
	border: 1px solid #d3d3d3;
	border-top: none;
	box-shadow: 0 10px 10px -10px rgba(0,0,0,.45);	
}

.menu > div > #complistEmail {
	right: 0;	
}

.menu > div > #PageContent > div >#complistEmail {
	right: -10px;	
}

#container > .left > .main > .content > #results-names { padding: 0 30px; }
.mynetwork #container > .left > .main > .content > #results-names { padding: 0 5px; }

#container > .left > .main > .content > .wrapper #results-names { padding: 0 10px; }
#container > .left > .main > .content > .wrapper #results-names.blacklist { overflow-x: hidden;
	
}
.ac_results {
	padding: 0px;
	border: 1px solid #d3d3d3;
	background-color: #fff;
	overflow: hidden;
	z-index:100;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
	z-index:100;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	/*filter:mask();*/
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
	z-index:100;
}
.ac_loading {
	background : url('../images/loading.gif') right center no-repeat;
}
.ac_over {
	background-color: Highlight;
	color: HighlightText;
}

/* search result page */

.qlist {
	z-index: 1000;
	position:absolute;
	/*top: -15px;*/
	right: 0;
	background: rgba(255,255,255,.95);
	border: 1px solid #d3d3d3;
	border-top: none;
	padding: 10px;
	width: 20em;
	box-shadow: 0 10px 10px -10px rgba(0,0,0,.45);
	
}


.qlistNetwork {
	z-index: 1001;
	position:absolute;
	/*! top: -15px; */
	right: 0px;
	background: rgba(255,255,255,.95);
	border: 1px solid #d3d3d3;
	border-top: none;
	padding: 10px;
	width: 20em;
	box-shadow: 0 10px 10px -10px rgba(0,0,0,.45);
	
}

/*
@media (min-width: 1701px) {
	.qlistNetwork {
    right: 685px;
	}
}

@media (max-width: 1700px) and (min-width: 1685px) {
	.qlistNetwork {
    right: 550px;
	}
}

@media (max-width: 1436px) {
	.qlistNetwork {
    right: 0;
	}
}

@media (max-width: 767px) {
	.qlistNetwork {
    right: 0px;
		width: 60% !important;
	}
}
*/

.qlistProj {
    z-index: 1000;
    position: absolute;
	top: 60px;
    bottom: auto;
    left: 10px;
    background: rgba(255,255,255,.95);
    border: 1px solid #d3d3d3;
    border-top: none;
    padding: 10px;
    width: 20em;
    box-shadow: 0 10px 10px -10px rgb(0 0 0 / 45%);
}


#mapView .qlistProj {
	top: 120px;
    left: 10px;
	bottom: auto;
}

@media (max-width: 766px) {
	.qlistProj{
		top: 50px;
		left: 15px;
	}


	#mapView .qlistProj {
		top: 155px;
	}
}

.qlist input, .qlistProj input, .qlistNetwork input { margin-top: 1px !important; }

.qlist .checkbox, 
.qlistProj .checkbox, 
.qlistNetwork .checkbox {
	font-size: 1em;	
}

.subListNetwork {
    left:25px
}

.email-companies {
	height: auto !important;
	padding-bottom: 0 !important;
	max-height: 126px !important;
	overflow-y: scroll;	
}
.email-companies input[type="checkbox"] { margin-top: 2px !important; }

#boxes li{list-style:none;}

.resultRightTop {
	display: table;
	position:relative;
	width: 100%;	
	padding: 15px 0 8px;
}

.resultRightTop .dropdown {
  float: left;
}

.resultSaveSearch, .sortContainer {
	
	display: table-cell;
}

.resultSaveSearch {text-align: right; }

.resultSaveSearch .modal {
	text-align: left;	
}
.pin {
	display: inline-block;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	border: 2px solid rgba(0,0,0,.65);
	position: relative;
	z-index:1;
	cursor:pointer;
	
}

#map_canvas .verified .pin::after {
     background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
    color: rgba(0,128,0,1);
    content: "\e084";
    font-family: "Glyphicons Halflings";
    height: 12px;
    line-height: 1em;
    position: absolute;
    right: -7px;
    top: 9px;
    width: 12px;
}

.pin .point {
	height: 8px;
    overflow: hidden;
    top: 17px;
    width: 100%;
	position:absolute;
	left:0;

}
.pin-container {box-sizing: border-box; }

.pin .point::after {
	border: 4px solid #000;
    bottom: 4px;
    content: "";
    height: .01em;
    left: 50%;
    position: absolute;
    width: .01em;
	margin-left: -4px;
    z-index: -1;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);	
}

.verified .resultName .glyphicon-ok-sign {
	font-weight: normal;
    color: rgba(0,128,0,1);
    height: 12px;
    line-height: 1em;
    width: 12px;
	font-size: .65em;
}

.result-name-container .resultName .glyphicon-ok-sign, .result-name-container .resultName .glyphicon-link {
	font-size: .65em;
	margin-left: 3px;
}

.resultName .glyphicon-link {
	color: #555;
	font-size: .9em;
}

.pin span.num {
	color: #fff;
    display: inline-block;
    font-family: arial,sans-serif;
    font-size: 1.05em;
    font-weight: normal;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.55);
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
	padding-top: 1px;
}

.resultItem .pin span {
	
	font-size: .85em;
	
	
}

.premium .pin {
	background: #20a3dc;	
}


.nonRev .pin {
	background: rgba(179,72,231,.9);	
}

.premiumPLNet .pin {
	background: #353535;	
}

/*
.premiumPLNet {
	background-color: rgba(53,53,53,.2)
}
*/


.nonRevRGNet .pin {
	background: #949392;	
}

.vendorInfoColor {
    background-color: #d9dadb;
}

.vendorInfoColorLeg:before {
	content: " ";
	width: 100%;
	height: 25px;
	background: #d9dadb;
	display: block;
	position: absolute;
	right: 0px;
	margin-top: -2px;
} 

.premiumMyNet .pin {
	background: #353535;
	height: 12px;
	width: 12px;
}

.nonRevMyNet .pin {
	background: #949392;		
	height: 12px;
	width: 12px;
}




.PLadvertiser .pin {background: rgba(136,168,37,1);}

.location .pin { background: rgba(207,21,21,1);}

.callout-listingReview {
	font-size: .8em;	
}

.PLadvertiser {
	background: rgba(145,255,64,.2);
	transition: background 1s;
    -moz-transition: background 1s; /* Firefox 4 */
    -webkit-transition: background 1s; /* Safari and Chrome */
    -o-transition: background 1s; /* Opera */
    -ms-transition: background 1s; /* IE9 (maybe) */	
}
.PLadvertiser:hover {
	background: rgba(242,255,59,.4);
	
}

.resultItem .pin .point {display: none; }
.resultItem { width: 100%; padding: 5px 0; position: relative; display:table;}
.resultItemCallout { width: 100%; position: relative; }


.resultItem.premium::after  {
	content:'';
	position: absolute;
	top: 5px;
	right:0;
	bottom: 4px;
	width: 5px;
	background: rgba(32, 163, 220, .75);
}

.resultItem.preferred::after  {
	content:'';
	position: absolute;
	top: 5px;
	right:0;
	bottom: 4px;
	width: 5px;
	background: #999;
}

.row.recent-sub {cursor: pointer; }

.resultItem.premium, .row.recent-sub {
	background: transparent; 
	transition: background 1s;
    -moz-transition: background 1s; /* Firefox 4 */
    -webkit-transition: background 1s; /* Safari and Chrome */
    -o-transition: background 1s; /* Opera */
    -ms-transition: background 1s; /* IE9 (maybe) */
}

.resultItem.premium:hover, .row.recent-sub:hover {
	background: rgba(255,236,145,.4);	
}

.resultItem.vendor-block {
	background-color:#c0c0c0;
}
.resultItem.vendor-block:hover {
	background-color: #a0a0a0;
}

.resultLeft, .resultMiddle, .resultRight {
	display: table-cell;
	vertical-align:top;	
}

.resultLeft {
	width: 30px;	
	text-align: center;
}
.resultLeft input {
	margin-top: 5px;	
}

.resultMiddle {
	padding: 0 10px 0 5px;
	width: auto;
	box-sizing: border-box;
}

.resultRight { 
	width: 90px;
	text-align:right;
}
.resultFeedback, .proFeedback, .totalawarded  {
	line-height: .5em;
	padding-right: 7px;
	padding-bottom: 3px;
	}
.non-pro { opacity: 1;}

.non-pro .result-name-container { opacity: 0.5;	}

.non-pro::before {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
    content: "This company is currently not a PRO Contractor. If you think they should be, please contact them to let them know!";
    left: 7px;
    margin-top: -20px;
    opacity: 0;
    padding: 10px;
    position: absolute;
    right: 7px;
    text-align: center;
    top: 50%;
    transition: opacity 1s ease 0s;
    z-index: 100;
    pointer-events: none;
}
.non-pro:hover::before {
	opacity: 1;	
}

/* suspended-pro */
.suspended-pro { opacity: 1;}

.suspended-pro .result-name-container { opacity: 0.5;	}

.suspended-pro::before {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
    content: "This company is currently a suspended PRO Contractor. Please contact Visual Communications Group with any questions!";
    left: 7px;
    margin-top: -20px;
    opacity: 0;
    padding: 10px;
    position: absolute;
    right: 7px;
    text-align: center;
    top: 50%;
    transition: opacity 1s ease 0s;
    z-index: 100;
	pointer-events: none;
}

.suspended-pro:hover::before {
	opacity: 1;	
}
.suspended-pro > .result-name-container {
	cursor:not-allowed	
}


.resultFeedback .SecondaryText, .proFeedback .SecondaryText, .iw-content .SecondaryText {
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: .7em;	
	color: #878787;
}

@media (max-width: 767px) {
	.email-response {
		margin-top: 3px;
	}
}

.resultName {padding-left: 0; font-weight: 600; }


.localDistance { margin: 0; padding: 2px 0 0 0; font-size: .9em;}
.resultAddress {font-size: .9em; padding: 2px 0 5px;}

.iw-content a.resultName:link {display: block; margin-bottom: 3px; text-decoration: none; color: #333;}
body.iw-content .resultAddress, body.iw-content .listingcontantainerBtm {font-size: .8em; }
body.iw-content .checkbox {margin-bottom: 3px; margin-top: 5px;}
body.iw-content .checkbox label {min-height: 15px;}
body.iw-content p {margin-bottom: 3px; }
body.iw-content p.callout-website-link {min-height: 25px; }
body.iw-content .resultItemCallout { margin-left: -2px; }
body.iw-content .listingcontantainerBtm { border: none; background: #fff; }

/*
#iw-container {
    padding-left: 17px;
    padding-top: 14px;
	padding-bottom: 10px;
}
*/
#map_canvas {overflow: hidden; }

.resultFeedback span.glyphicon {
	font-size: .71em;
	color: rgba(252,179,33,1);	
}

.resultFeedback span.glyphicon.empty {
	color: #ccc;	
}
.proFeedback span.glyphicon {
	font-size: .65em;
}
.proFeedback span.glyphicon-star-empty, .resultFeedback span.glyphicon-star-empty {
	color: #ccc;	
}

.preferred-container {
	margin-top: 3px;	
}

#container .result-container .right .preferred-container .tooltip.right {
	padding: 0 5px;	
}

.copy-button .tooltip-inner {font-size: 1.5em;}

#container .input-group-addon .left { float: none; width: auto;}

/* Client Pages */

.CliLocContainer {
	background: #f9f9f9 url("images/subInnerShadow.png") top center repeat-x;
	border-bottom: 1px solid #d3d3d3;
	padding: 1px 30px;	
}
#container .left .main .content .CliLocContainer .wrapper 
 {
	border: none;
	margin: 0;	
}

#container .left .main .content .CliLocContainer .wrapper.empty
 {
	padding-top: 30px;	
}
/* The CSS */

#complistEmail select {
    margin: 0;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.25), 0 -1px #fff inset;
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,.25), 0 -1px #fff inset;
    box-shadow: 0 2px 2px rgba(0,0,0,.25), 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
	font-size: .8em;
	border: 1px solid #a1a1a1;
	outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	width: 300px;
}

#complistEmail option { padding: 5px; }




#complistEmail label {position:relative}

#complistEmail label:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}

#complistEmail label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}

/******************
	  Search 	
*******************/
#OtherIndustrySpan {
	padding: 3px;  
}
	
#container .result-container .main {
	position: relative;	
}
div.map-icons {
	position:absolute;
/*	top: 15px;*/
	right: 10px;	
	font-weight: 400;
}

div.map-icons .map-icons-inner a:hover,
div.map-icons .map-icons-inner-click a:hover
 {
	cursor: pointer;	
}

#container .left .main .header .rightmenu .map-icons-inner a {
	margin-left: 0;	
}

div.map-icons .map-icons-inner, .rightmenu .map-icons-inner {
	display:inline-block;
	height: 18px;
	margin-right: 10px;
	white-space: nowrap;
}

.rightmenu .map-icons-inner, .rightmenu .map-icons-inner-click {
	height: 18px;	
}

div.map-icons .map-icons-inner-click, .rightmenu .map-icons-inner-click {
	
	display:inline-block;
	margin-right: 10px;
	white-space: nowrap;    
}

/*Disable hunt and click expand / collapes icons*/

/*
.map-icons-inner.my-connections, .map-icons-inner.waiting-requests, .map-icons-inner.sent-requests {
	margin-right: 5px;	
}

div.map-icons .map-icons-inner.search-project, .rightmenu .map-icons-inner.search-project, .rightmenu .map-icons-inner.sent-requests, .rightmenu .map-icons-inner.wiating-requests, .rightmenu .map-icons-inner.my-connections { width: 24px;}

div.map-icons .rightmenu .map-icons-inner.sent-requests, .rightmenu .map-icons-inner.wiating-requests, .rightmenu .map-icons-inner.my-connections { width: 24px;}

div.map-icons .map-icons-inner:hover, .rightmenu .map-icons-inner:hover 
{
    width:120px;
}

div.map-icons .map-icons-inner.search-network:hover
{
    width:138px;
}

div.map-icons .map-icons-inner.search-refresh:hover
{
    width:125px;
}

div.map-icons .map-icons-inner.search-filter:hover
{
    width:100px;
}

.rightmenu .map-icons-inner.sent-requests:hover {
	width: 115px;	
}


.rightmenu .map-icons-inner.wiating-requests:hover {
	width: 132px;	
}

.rightmenu .map-icons-inner.my-connections:hover {
	width: 175px;	
}
*/

div.list-container-btn .email-list-container, div.list-container-btn .bid-queue-btn, div.list-container-btn .my-network-btn
{
    /*width: 28px;*/
	display:inline-block;
	overflow:hidden;
	height: 22px;
	padding: 0 9px;
	white-space: nowrap;

}

/*
div.list-container-btn .email-list-container:hover {
	width: 100px;	
}

div.list-container-btn .bid-queue-btn:hover {
	width: 185px;	
}

div.list-container-btn .my-network-btn:hover {
	width: 150px;	
}
*/

@media (max-width: 767px) {
	.rightmenu span.map-icons-inner,
	.rightmenu div.map-icons-inner{
	   margin: 10px 0 15px !important;
	}
	.rightmenu span.map-icons-inner span,
	.rightmenu div.map-icons-inner span {
	  display: block;
	}
	.rightmenu div.map-icons-inner #projfilter a {
	   top: -2px;
	}
	.rightmenu div.map-icons-inner #projfilter a span#SortLabel {
	  top: 3px;
	 }
	.rightmenu div.map-icons-inner form#projfilter .dropdown-menu {
	  margin-top: 25px;
	}
	.mynetworkResults .result-name-container {
	  border-bottom: none !important;
	  height: auto !important;
	}
}

ul.map-icons li {
	display: inline;	
}


.searchSection {display: inline-table; margin: 3em 0.5em; width: 20%;}
/*.topSearch { text-align: center; padding-top: 2em; }
*/
#map_canvas{width:100%; height:915px; float:none;} /* this will need to be added to a media query */

.overlayMap {
   background:transparent; 
   position:absolute; 
   width:100%;
   height:600px; /* your iframe height */
   top:0;  /* your iframe height */
   z-index:1;
   left: 0;
}

#PageContent { padding: 10px; }
.catbox { width:65px;padding:0 2px; }
.searchresult { padding:10px; margin:5px; }
.searchresult .catbox { padding:2px; margin-right:7px; float:left; }
.searchresult h4 { margin-bottom:0; }
#container .left .main .content .wrapper .searchresult p { margin:10px 0 0 0; padding:0; }

#keywordList .modal-body ul.keywords,
#keywordListLoc .modal-body ul.keywords,
#keywordListLocZ .modal-body ul.keywords,
.searchContainer .modal-body ul.keywords, 
.keywordDiv .keywordContent ul.keywords {
	list-style: none;	
}
#keywordList .modal-body ul.keywords li	a,
#keywordListLoc .modal-body ul.keywords li a,
#keywordListLocZ .modal-body ul.keywords li a,
.searchContainer .modal-body ul.keywords li a, 
.keywordDiv .keywordContent ul.keywords li a,
.locationKeyworkDiv .keywordContent ul.keywords li a
 {
	width: 100%;
	padding: 8px;
	text-decoration: none;
	display:block;
}
#keywordList .modal-body ul.keywords li,
#keywordListLoc .modal-body ul.keywords li,
#keywordListLocZ .modal-body ul.keywords li,
.searchContainer .modal-body ul.keywords li,
.keywordDiv .keywordContent ul.keywords li, 
.locationKeyworkDiv .keywordContent ul.keywords li {
	display: inline-block;
	width: 49%;
	margin: 3px 0 3px 3px;
	box-sizing: border-box;
	background: #f9f9f9;
	cursor:pointer;
	transition: background 1s;
    -moz-transition: background 1s; /* Firefox 4 */
    -webkit-transition: background 1s; /* Safari and Chrome */
    -o-transition: background 1s; /* Opera */
    -ms-transition: background 1s; /* IE9 (maybe) */
}
#keywordList .modal-body ul.keywords li:hover,
#keywordListLoc .modal-body ul.keywords li:hover,
#keywordListLocZ .modal-body ul.keywords li:hover,
.searchContainer .modal-body ul.keywords li:hover, 
.keywordDiv .keywordContent ul.keywords li:hover, 
.locationKeyworkDiv .keywordContent ul.keywords li:hover{
	background: rgba(255,236,145,.4);	
}
#keywordList .modal-body ul.keywords li:hover,
#keywordListLoc .modal-body ul.keywords li:hover,
#keywordListLocZ .modal-body ul.keywords li:hover {
	background: rgba(255,236,145,.4);	
}

.keywordContent {
	position: relative;
	background: #fff;
	margin: 30px auto;
	top: -200px;
	width: 600px;
	border-radius: 6px;
	border: 1px solid #999;
	border: 1px solid rgba(0,0,0,.2);
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
	opacity: 0;
	transition: all ease-in-out .5s;	
	z-index: 2;
}

.keywordContent .divheader {
	border-bottom: 1px solid #d3d3d3;
	padding: 10px 15px;
}

.keywordContent .divheader button.close {
	line-height: 180%;	
}

.keywordContent .keywordsbody {
	padding: 10px;	
}

.keywordContent .divfooter {
	border-top: 1px solid #d3d3d3;
	padding: 10px 15px;
	text-align: right;
}
.keywordBG {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.55);	
	z-index: 1;
}

.showkeyword .keywordContent {
	opacity: 1;
	top: 0;	
}

@media screen and (max-width: 767px) {
	.keywordContent {
		margin: 10px;
		width: auto;	
	}
}

.search-add {
	position: relative;	
}

.remove-search {
	float: right;
    line-height: 200%;
    margin-left: -10px;
    margin-right: -5px;
    margin-top: 30px;
	
}


.searchContainer fieldset{
    border: none; 
}

.searchContainer fieldset fieldset{
    padding: 10px 0; 
}
.searchContainer legend {
    font-size: 1.4em;
	font-weight:600;
    margin-bottom: 8px;
	text-align:center;
}
.searchContainer label {
    display: block;
    margin-bottom: 8px;
}

.input-group-addon .glyphicon {
	padding: 11px 12px;
	margin: -9px -12px;	
}

.input-group-addon a .glyphicon {
	color: #333;	
}

.result-container {
	display: table;
	width: 100%;	
}

.nav-tabs > li > a {
    background: #f3f3f3 none repeat scroll 0 0;
    
}

.topSearch .searchContents .nav-tabs > li > a {
    border-radius: 4px;
    padding: 5px 10px;
}

.topSearch .nav-tabs > li.active > a,
.topSearch .nav-tabs > li.active > a:link,
.topSearch .nav-tabs > li.active > a:focus,
.topSearch .nav-tabs > li.active > a:hover,
.topSearch .nav-tabs > li.active > a:active {
    border-bottom: 1px solid #d3d3d3;
    border-radius: 4px;
    padding: 5px 10px;
	font-weight: 600;
	}

.searchContents .btn-primary {
	background-color: #d06f1a;
    border-color: #8a470c;	
}

.searchContents .btn-primary:hover {
	background-color: #8a470c;
    border-color: #8a470c;	
}

.search-foot-head {
	float: left;	
	margin-bottom: 15px;
}

.search-recent {
	float: right;	
	margin-bottom: 15px;
}
.searchContainer .location-left fieldset {
	padding-top: 0; 
}
.searchContainer .location-add { text-align: left; }
.searchContainer .location-left .form-control {
    float: left;
    margin: 2px 5.2%;
    width: 60%;
}

.searchContainer .location-left div { text-align:left;}
.searchContainer .location-left {
	float: left;
	width: 50%;	
}

.searchContainer .form-control.left-only {
	float: left;
	margin: 17px 2.5%;	
}
.searchContainer .form-control {
	padding: 1px 12px;
}

.searchContainer .search-input {
	margin: 20px 0;
}
.searchContainer #searchDiv2,
.searchContainer #searchDiv3,
.searchContainer #searchDiv4,
.searchContainer #searchDiv5 {
	margin-bottom: 10px;
}
#SponsorsDisplay {margin-top: 15px; margin-bottom: 30px; }

#SponsorsDisplay h4, .sponsor-display h4 { color: #0471a0; }
.searchContainer .search-input .glyphicon {cursor: pointer; }

.searchContainer input[type="submit"],
.searchContainer input[type="button"],
.searchContainer input[type="button"]:active

{
    padding: 10px 0 10px 0;
    color: #FFF;
    background: #20a3dc;
    font-size: 18px;
    text-align: center;
    font-style: normal;
    width: 25%;
	bottom: 14px;
	margin: 17px 2.5%;
	float: right;
	border-style:none;
    border-bottom: 1px solid transparent; 
	cursor:pointer;
	border-radius: 2px;
}

/*
.searchContainer .mynetworkBtn input[type="button"]
{
    padding: 10px 0 10px 0;
    color: #FFF;
    margin: 0 auto;
    background: #20a3dc;
    font-size: 18px;
    text-align: center;
    font-style: normal;
    width: 5%;
	bottom: 14px;
	margin: 17px 2.5%;
	float: left;
	border-style:none;
    border-bottom: 3px solid #0471a0;
	cursor:pointer;
}
*/

.mynetworkBtn {
    width: 10% !important;
    float: left !important;
}

#SearchName.mynetworkBtn,
#SearchVendorName {
  font-size: 14px;
  padding: 8px 0 8px 0 !important;
  margin: 20px 0 10px .5em !important;
}

@media (max-width: 1006px) {
#SearchName.mynetworkBtn {
  width: 100px !important;
  margin: 19px 0 10px 5px;
}
}

@media (max-width: 767px) {
#SearchName.mynetworkBtn {
  width: 100px !important;
  font-size: 16px;
  margin: 0 7px;
}
}

.sponsor-display { cursor: pointer;
	border: 1px solid #e8e9ea;
	border-radius: 30px;
	margin-bottom: 10px;
} 
.searchContainer input[type="submit"]:hover,
.searchContainer input[type="button"]:hover

{
  color: #555555 !important;
  background-color: #eee;
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.3) !important;
}

.searchContents h2 {
	margin: 0;
	text-align:left;
	float: left;	
}

.searchContents.col-md-8 h2 {font-size: 1.75em;}

#container .left .main .content .wrapper .contractor-search h3 {
	margin-bottom: 0; 	
}

.gradientHeader {
	display: block;
	padding: .5em 0;
	text-align:right;
}

.bodyCopyNum {
    background: #20a3dc none repeat scroll 0 0;
    border: 1px solid #20a3dc;
    padding: 4px 7px;
	color: #fff;
	font-weight:600;
	margin: 5px 0;
	display:inline-block;
	
}

a.BodyCopyLinks:link, a.BodyCopyLinks:visited, a.BodyCopyLinks:active, a.BodyCopyLinksNext:link, a.BodyCopyLinksNext:visited, a.BodyCopyLinksNext:active {
    border: 1px solid #a1a1a1;
    padding: 4px 7px;
	color: #455562;
	background: #fff;
	text-decoration: none;
	margin: 5px 0;
	display:inline-block;
}

a.BodyCopyLinks:hover, a.BodyCopyLinksNext:hover  {
	background: #e9e9e9;
}	



.map-ad-header {
    background: #20a3dc none repeat scroll 0 0;
    border: 1px solid #20a3dc;
    margin-bottom: 10px;
    padding: 10px;
	color: #e9e9e9
}

.result-name-container a:link, .result-name-container a:visited, .result-name-container a:active {text-decoration: none !important; }

.result-name-container {
	padding: 10px;
	margin: 15px 0;
	background: rgba(255,255,255,1);
	transition: background 1s ease 0s;
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.1) !important;
}
.result-row {
	border-top: 1px solid #d3d3d3;
	padding: 10px 0;	
}

.result-row:first-child {
	border-top: none;
}

.result-name-outer:first-child {
	border-right: 1px solid #d3d3d3;
}

.result-name-outer:last-child {
	margin-left: -1px;
	border-left: 1px solid #d3d3d3;	
}
@media screen and (max-width: 767px) {
	.result-name-container {
	padding: 10px;
	margin: 15px 0;
	background: rgba(255,255,255,1);
	transition: background 1s ease 0s;
	border: 1px solid #d3d3d3;
}
.result-row {
	border-top: 1px none #d3d3d3;
	padding: 0 0;
	margin-top: -15px;	
}

.result-row:first-child {
	border-top: none;
	margin-top: 5px;
}

.result-name-outer {

}
.result-name-outer:first-child {
	border-right: 1px none #d3d3d3;
}

.result-name-outer:last-child {
	margin-left: 0;
	border-left: 1px none #d3d3d3;
}
}
.non-pro > .result-name-container {
	cursor:not-allowed	
}

.result-name-container:hover {
	background: rgba(255,236,145,0.2);
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35) !important;
}

h3.result-name {font-size: 1.3em; }

.result-name span.small {
	display: block;
	overflow:visible;
	font-size: 80%;	
	margin-top: 5px;
}

.result-name-logo img { width: 100%; max-width: 200px; }

.result-name-container h3 { margin-top: 0; }

.resultItem {
	border-bottom: 1px solid #c3c3c3;	
	position: relative;	
}

.clickable {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index:1;
	background: transparent;
	cursor: pointer;	
}
.resultLeft, .resultMiddle, .resultRight {
	pointer-events: none;
	position:relative;
	z-index:2;	
}

.resultLeft input {
	pointer-events: auto;	
}

.resultItem:last-child {
	border-bottom: none;	
}

.resultItem td.bodyCopy {
	padding-left: 10px;	
}
.resultsContainer {
	border-top: 1px solid #a1a1a1;
	border-bottom: 1px solid #a1a1a1;
	margin:0;
	max-height:875px;
	overflow: auto;
	overflow-x: hidden;
}

.resultsContainer .pin {
	  line-height: .95em !important;
}

#container .left .main .content .wrapper .alert h3, #container .left .main .content .wrapper .alertSub h3, #container .left .main .content .wrapper-full .alert h3, #FeedbackTab .alert h3  {
	margin-left: 10px;
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none; 	
}

#container .left .main .content .alert h3  {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0;
}


#container .left .main .content .wrapper .alert p, #container .left .main .content .wrapper .alertSub p, #container .left .main .content .wrapper-full .alert p, #FeedbackTab .alert p  {
	padding-bottom: 15px;

}

#alertMessage .alert {
	border-radius: 0;
}
/* sort by menu */

.sortContainer { 
	position: relative;
	text-align:left;
	cursor: pointer;
	 }
	 
.sortContainer .glyphicon.glyphicon-triangle-bottom {
	font-size: .75em;
	margin-left: 3px;	
}
	 
.sortContainer .btn { padding: 0; }

.sortContainer:hover .sortMenu {
    z-index:1;
    opacity:1;
}
 
.sortMenu {
    width:120%;
    padding:0 0px;
    position:absolute;
    top:100%;
    left:0px;
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.15s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background:#fff;
	overflow: hidden;
	border: 1px solid #a1a1a1;
	text-align:center;
	
}
 
.sortMenu li {
    display:block;
	border-bottom: 1px solid #a1a1a1;
	
}

.sortMenu li:last-child {
	border: none;	
}
 
.sortMenu li a {
    padding:8px 5px;
    display:block;
	text-decoration: none;
}

.sortMenu li a:hover {
	background: #efefef;	
}
 

/* make room for files icons */
.fileLrg > h3, .fileLrg > p { padding-left:53px; }

#projects .pagination, #clients .pagination {
	margin: 0 0 0 0;	
}

@media (max-width: 768px) {
	ul#pagination {
		margin-bottom: 0px;
	}
}

/*------ Dashboard -------*/

.activity-noProjects {
   display: table-cell;
   padding-top: 60px;
   text-align:center;
   vertical-align: top;
   width:100%;
}

.activity-noProjects h1 {
	font-size: 2em;
	margin-bottom: .5em;
	line-height: 1.25em;	
}

.activity-noProjects h2 {
	margin-bottom: .75em;	
}

#calendarsBox {
	font-size: 10px;
	width:100%;
}
#calendar, #calendar2 {
	font-size: 10px;
	width:100%;
	margin-bottom:20px;
}

#calendar .fc-event {
	/* adjust hue */
	background-color: #3b91ad; 
	border-color: #3b91ad;
}

#calendar .fc-event:hover {
	text-decoration: none; /* undo a previous rule */
}

/*#dashTopRight {
	width:20%;
	text-align:right;
	float:right;
	padding: 20px 2%;
}
 #dashTopLeft {
	float:left;
	padding: 20px 2%;
	width: 72%;
}*/

.dash-activity {
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 30px;
    padding-bottom: 20px;
}

.dash-btn {
  margin-top: 12px;
}
.activityHeader .latestConvo1 {
	margin: 10px;	
}
.latestConvo1{
	width:36px;
	height: 36px;
	margin: 0 10px 0 0;
	float:left;
	border-radius: 50%;	
	overflow: hidden;
	border: 1px solid #d3d3d3;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
}

.projectTitle {
    position: relative;
}

.projectList .client-logo-header h3 {
	padding-right: 42px;	
}

.client-logo{
  border: 1px solid #d3d3d3;
  background: #fff;
  height: 36px;
  overflow: hidden;
  position: absolute;
  right: 3px;
  z-index: 3;
  border-radius: 50%;
}

.client-logo img {
  object-fit: cover;
  object-position: center center;
  width: 35px;
  height: 35px;
}

h4.client-select {
	max-width: 700px;	
}

.client-select .pull-right {
	font-size: .77em;	
}
.latestConvo1 img {
	margin: -1px 0 0 -1px;
	object-fit: cover;
	height: 36px;
}

.latestConvo2{
width:80px;
margin: 0 10px 0 0;
padding: 10px 0 0 0;
float:left;
}

.latestConvo3{
width:90%;
margin: 0 10px 0 0;
padding: 10px 0 0 0;
float:left;
}

.latestConvo4{
margin: 10px 0 0;
padding: 15px 15px 0 15px;
display:block;

}

.latestConvo4 a:link {
	text-decoration: none;	
	line-height:1.5em;
}

.latestConvo4 a:hover {
	text-decoration: underline;	
}

.comm-container {
	padding: 15px 0;
	margin: 15px 0;
	border-top: 1px solid #d3d3d3;	
}

.searchContents .nav-tabs li {
	float: left;
}

.searchContents .nav li a {
	padding: 10px 30px;	
}

.searchContents .nav-tabs {
	border-bottom: none;
	margin-bottom: 10px;
}
#PrevSearches .modal-body {
	padding-bottom: 0;	
}

#SavedSearches .modal-body {
	padding-bottom: 0;	
}

.row.recent-header {
	margin-bottom: 10px;
	font-weight: 500;	
}

.row.recent-sub {
	padding: 10px 0;
	border-top: 1px solid #d3d3d3;
	font-size: .85em;
}

#SavedSearches .recent-sub .col-sm-12 {
	padding-top: 8px;
	font-style: italic;	
}

#addLoc .glyphicon { padding-right: 5px;}

#addLoc {
    float: left !important;
}

/* media queries - search */

@media (max-width: 767px) {
	
	.head-search {
    margin-bottom: -7px;
    margin-top: 6px;
	margin-right: -10px;
}
	
	#map_canvas { height: 500px;}
	
	.overlayMap {
   height:500px; /* your iframe height */
}
	
#container {
	margin: 0 0 15px;	
}
/*.map-ad-header, .sponsor-display, .mapBottom {
	display: none;	
}*/

#container .result-container .left-map {
	display: block;
	margin-bottom: 10px;	
}
#container .result-container .right {
	display: block;
	width: 100%;	
	padding: 0 15px;
}

.searchContents h2 {
	margin: 0;
	text-align:left;
	float: none;
	display:block;
	margin-bottom: 10px;
}

.searchContents .nav li a {
    padding: 10px;
}

div.map-icons {
	position:relative;
	width: 100%;
	display:block;
	text-align:right;
	top: 0;
	right: 0;	
	font-weight: 400;
}

#container .left-map .main .header h2 {
    display: block;
    float: none;
    line-height: 1.25em;
    margin: 0;
}

.qlist, #complistEmail { width: 100%; }


}



/* PG Changes */
.modal-body .note .col-sm-7, .modal-body .note .col-sm-10 {
	padding-left: 0;	
}

.noteitem {
	padding: 1em 0;
}

.noteitem::after {
	margin: 0 10px;
  width: calc(100% - 20px);
}

h3 ~ strong ~ .notes_message {
  margin-top: 8px !important;
}

fieldset.note-group {
/*	background: #fff;*/
	border: 1px solid #ececec !important;
	margin-bottom: 15px;
	border-radius: 2px;
	box-shadow: 0 10px 10px -10px rgb(0 0 0 / 10%);	
}

.note-group h5 {
	background: #efefef;
	margin: 0;
	padding: 10px 12px;
	border-bottom: 1px solid #ececec;
	clear: both;	
}

.noteitem.row {
	margin: 0;
}
.note-contents {
	display: table-cell;	
	padding-left: 20px;
	vertical-align:top;
	line-height: 1.75em;	
}

.note {
	vertical-align:top;

}

.note .latestConvo1 {
	display: table-cell;	
}
#container .left .main .content .wrapper .noteitem h3, .modal-body .noteitem h3 {

	border-bottom: 0;
	font-weight: 600; 
	font-size: 1.2em;
	margin-bottom:0 ;
	margin-top:0;
}
/*#container .left .main .content .wrapper .note {margin-top:10px;}*/
#container .left .main .content .wrapper .note .note-stats{
	margin-top:15px;
	display:block;
	font-size:.7em;
}
#container .left .main .content .wrapper p.list-timestamp {
	font-weight: 500;
	font-size: .8em;	
	margin-top:10px;
	margin-left: 0;
	color: #d3d3d3;
}
.files {margin-top:10px;}
a.list-title {font-weight: 600;}
label.alignleft {text-align:left!important;}
label.fullwidth {width:100%!important;}

.form-textarea {width:100%; min-height:75px; margin-bottom:10px;}

.activity-row div {
	padding-bottom: 10px;

}



/* DROPZONE */
#files-target {
    background-color: #fff;
    float: left;
    height: 222px;
    text-align: center;
}
.file-target {
    background-color: #fff;
    border: 2px dashed #ececec;
    border-radius: 4px;
    float: left;
    height: 222px;
    padding: 0;
    position: relative;
}
.file-queue {
    background-color: #f8f8f8;
    border: 1px solid #dedfe0;
    border-radius: 4px;
    box-shadow: 0 -1px 0 #adb1b7;
    float: left;
    font-size: 20px;
    height: 205px;
    margin-right: 10px;
    padding: 10px;
    position: relative;
    text-align: left;
    width: 485px;
}


.files-target-call-to-action {
    color: #aaa;
    font-size: 20px;
    margin: 0 auto 20px;
    padding-top: 55px;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
}
.or-separator {
    color: #aaa;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
}

.in-target-upload-btns {
    cursor: pointer;
    margin: 0 auto;
    overflow: hidden;
    width: 220px;
}

.button-wrap {
    cursor: pointer;
    outline: medium none;
    position: relative;
}
.select-files {
    position: relative;
    width: auto;
}

.file-target .sys-btn.size-lrg {
    color: #aaa;
    margin-top: 20px;
}
.sys-btn.size-lrg {
    color: #232323;
    font-size: 15px;
    margin: 1px;
    padding: 6px 12px 7px;
}
.sys-btn {
    background: #f5f5f5 none repeat scroll 0 0;
    border-color: #ccc #ccc #aaa;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1);
    color: #565656;
    cursor: pointer;
    display: inline-block;
    outline: medium none;
    position: relative;
    text-shadow: 0 1px 0 #fff;
}

.file-selector {
    margin-left: -9999px;
    position: absolute;
}
.select-folders {
    position: relative;
    width: auto;
}

/* Uploading */
.preview{height:79px;}
.preview img{width: auto; max-width:56px;height: auto; max-height:56px;border:2px solid #d3d3d3;vertical-align:middle;margin-right:20px;}
.preview,
.filename{display:table-cell; vertical-align:middle;}
.filename{width:180px;overflow:hidden;}
.progressbar{margin:26px 0 0px 0px;width:150px;float:right;}
.uploadmessage {display:table-cell; vertical-align:middle; width:100%; }
.uploadmessage p {margin-bottom:0px;}
#upload > div {
    border-bottom: 1px solid #fff;
    clear: both;
}

#upload {display:table; width: 100%; padding: 0 ; margin: 15px 0 0 0; }

/* End Uploading */



/* notes */
#container .left .main .content .wrapper .noteitem { position:relative; }

#container .left .main .content .wrapper .noteitem .remove-comment {position: absolute; right: 15px; z-index: 10;}

#container .left .main .content .wrapper .noteitem .note { position: relative; margin-left: 10px;}

#container .left .main .content .wrapper .noteitem .note p, #container .left .main .content .wrapper .no-note p { margin-left: 0;}

#container .left .main .content .wrapper .noteitem .note p:first-of-type { margin-top: 0;}

.note-group .attachments h3 {
  border: none !important;
}

/* Left margin causing modal footer overlap RA */

/*.modal-body .email-body { margin-left: 58px; }*/

@media (max-width: 767px) {
	.modal-body .email-body { margin-left: 0px; padding-left: 12px; }
}

.note-img-container {
	max-height: 62px;
	max-width: 62px;	
	float: left;
	position:relative;
	margin: 0 5px 5px 0;
}

.note-img-container img {
	width: 100%;
	height:100%;
	max-width:35px;
	border: 1px solid #d3d3d3;
	max-height:35px;	
}

.email-tab-form .trumbowyg-box, 
.email-tab-form .trumbowyg-editor,
.email-tab-form .trumbowyg-editor, 
.email-tab-form .trumbowyg-textarea
{
	min-height: 150px;	
}

.email-tab-form .has-error .help-block.form-error {
    margin-top: 30px !important;
}

.email-tab-form .has-error .email-tab-textbox + .help-block.form-error {
	margin-top: 41px !important;	
}

.trumbowyg-editor ol, .trumbowyg-editor ul {
    margin-left: 30px;
}

.icon-link {position:relative; margin-right:20px; }

.icon-link::before {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 28px;
    left: 50%;
    margin-left: 11px;
    opacity: 0.44;
    position: absolute;
    top: -10px;
    width: 30px;
}

.icon-link .glyphicon {
    color: #5A9851;
    font-size: 2em;
    right: -14px;
    margin-left: 12px;
    position: absolute;
    top: -9px;
}

.epQcontainer .icon-link .glyphicon {
    top: -5px;
}

.icon-link.img-border img {
	border: 1px solid #d3d3d3;	
}
.bottom-border {border-bottom: 1px solid #d3d3d3; }

#drop-zone {height:75px; width:100%;border:2px dashed #c0c0c0;border-radius:6px; color: #a1a1a1; padding: 10px;}
#container .left .main .content .wrapper .list-unstyled.note-images {margin-left: 70px; }
#container .left .main .content .wrapper .list-unstyled.note-images p { font-size: .8em; margin-bottom: 0; }
#container .left .main .content .wrapper .list-unstyled.note-images img { width: auto; max-width: 500px; margin-top: 20px; max-height: 200px;}
.modal-body .list-unstyled.note-images img { width: auto; max-width: 300px; margin-top: 20px;}

#container .left .main .content .wrapper .list-unstyled.note-images img.icon, .well .icon-link img.icon { width: 60px; margin-top: 20px; }
#container .left .main .tab-content img.icon, #container .left-map .main .tab-content img.icon { width: 60px; }

.email-body .note-images .pull-left img {
	max-width: 50px !important;
} 

@media (max-width: 1025px) {

#container .left .main .content .wrapper .list-unstyled.note-images img { width: auto; max-width: 350px;}

}



@media (max-width: 767px) {

.activity-row .text-right { text-align: left; padding-bottom: 3px; }
#container .left .main .content .wrapper .list-unstyled.note-images {margin-left: 0; }
/*#container .left .main .content .wrapper .noteitem .note { position: relative; margin-left: 0;}*/
/*#container .left .main .content .wrapper .noteitem .note .note-img { display: none;}*/
#container .left .main .content .wrapper .list-unstyled.note-images img { width: auto; max-width: 250px; }



}



.file-drop-zone input[type="file"] {
	opacity: .01;
	cursor:pointer;
	display:inline-block;
	font-size: 20px;
	height:75px;
	left:12px;
	top: 5px;
	position: absolute;
	width:95%;
}

/*Message styling*/

.preview {
  height: 60px !important;
}
.preview img {
  height: 28px !important;
}

#upload {
  width: 100%;
  overflow: hidden;
}

.filename {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block !important;
  width: 530px !important;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .filename {
    width: calc(100vw - 80px) !important;
  }
}

.modal-content #upload .filename {
  width: 100% !important;
}
	
/*message styling end*/


/* todo */

.reorder-container {
	padding: 10px;
	margin-bottom: 15px;
	background: #e9e9e9;
		
}

.reorder-container .add { padding-right: 0; }

.reorder-container a {
	white-space: nowrap;	
	margin-right: 10px;
}

.reorder-complete {
	margin: 10px 0;
}
.reorder-complete .button, .reorder-complete a.button, .reorder-complete a.button:link, .reorder-complete a.button:active, .reorder-complete a.button:visited {
	display: inline-block;	
}


.tododetail .mb10 ol, .tododetail .mb10 ul {
	margin-left: 50px;	
}

.tododetail .mb10 { border-bottom: 1px solid #d3d3d3; padding-bottom: 10px; }

span.comments {
	font-family: "Roboto",Arial,sans-serif;
	font-size: .8em;	
}

/* .completed .g table, .completed .g table a:link, .completed .g table a:hover, .completed .g table a:visited, .completed .g table a:active {color: #555;} */
i.link { }
a i {color: #333;}
a.button i {color: #fff;}
a.button:hover i {color: #555;}

#container .left .main .content #listWrapper .todolist .todo-add, #container .left .main .content #listWrapper .todolist .todo-edit {
	border: 1px solid #d3d3d3;
	background: #efefef;
	padding: 15px 15px 0 15px;
	margin: 15px 0;	
	border-radius: 5px;
}

.todo-add .form-group, .todo-edit .form-group {
	min-height: 0;	
}

.todo-add select .todo-edit select {
	margin-right: 10px;	
}

.todo-add strong, .todo-edit strong {
	font-weight: 500;	
}

.todo-add a:link, .todo-add a:visited, .todo-add a:hover, .todo-add a:active, .todo-edit a:link, .todo-edit a:visited, .todo-edit a:hover, .todo-edit a:active { text-decoration: underline; }

.drag { cursor: grab; position: relative; padding-left: 20px;}

.drag::before {
	content: '\f047';
	font-family: 'FontAwesome';	
	font-size: 0.8em;
    left: 3px;
    position: absolute;
    top: 3px;
	color: #999;
}

h3.drag::before {
	font-size: 0.6em;
    top: 7px;
}

.drag a {pointer-events: none; }

/* ---- exavult file uploader ---*/

.folder-manager {margin-bottom: 10px; }

.folder-manager span { font-size: .8em; }
.folder-manager-container {margin-bottom: 10px; }
.largefilehandler-frame {
  position: relative;
  height: 0;
  overflow: hidden;
}


/* 4x3 Aspect Ratio */
.largefilehandler-frame-4x3 {
  padding-bottom: 75%;
	
	padding-top:10px;
}

.exavlargefilehandlerault-frame iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.largefilehandler-folders .form-group {
	min-height: auto;
	margin-right: 10px;
	margin-bottom: 10px !important;
}

.largefilehandler-folders .form-group.copy-button {display: block; min-height: 34px; }

#sharelink { margin-left: 5px; }

.copy-button .glyphicon.glyphicon-copy {position:relative;}
.copy-button .glyphicon.glyphicon-copy:hover::before {
    background: #000 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    content: "Copy link";
    left: 0px;
    padding: 8px;
    position: absolute;
    text-align: center;
    top: -20px;
    width: 100px;
    word-spacing: 0;
    display: block;
    font-family: arial;
    font-size: .9em;
}

.copy-button-frame .glyphicon.glyphicon-copy {position:relative;}
.copy-button-frame .glyphicon.glyphicon-copy:hover::before {
    background: #000 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    content: "Copy link";
    right: -20px;
    padding: 8px;
    position: absolute;
    text-align: center;
    top: -20px;
    width: 100px;
    word-spacing: 0;
    display: block;
    font-family: arial;
    font-size: .9em;
}

.project-name,
.project-location h5,
.quote-location h5 {
	font-weight: 500;	
}

.col-sm-4.mb15, .col-sm-3.mb15 {
	margin-bottom: 0;
}

@media (max-width: 767px) {
	/* 4x3 Aspect Ratio */
	.largefilehandler-frame-4x3 {
	  padding-bottom: 195%;
	}
	.col-sm-4.mb15, .col-sm-3.mb15 {
		margin-bottom: 15px;
	}
}

.progressbar[aria-valuenow="100"] {position: relative; }
.progressbar[aria-valuenow="100"]::after {
	content: "Upload Complete!";
	position:absolute;
	font-size: .8em;
	left: 0;
	top: 0;
	width: 100%;
	margin-top: 5px;
	color: #000;
	text-align: center;
	font-family: "Roboto",Arial,sans-serif;
	font-weight: 400;
	
}
/*.form-group .form-control {
	overflow: hidden;	
}*/
.bid-modal {padding: 0 10px; }

.modal-dialog .button {margin-top:15px; margin-bottom:15px; display:block;}

.modal-dialog .submit-modal {
	margin-bottom: 0px;
}

.modal-dialog .modal-stretch .submit-modal,
.modal-dialog .modal-stretch-xl .submit-modal {
	margin-bottom: 15px !important;
}


.modal-dialog .submit-modal .button {
  position: absolute;
  bottom: -64px;
  right: 60px;
  width: auto !important;
}

.modal-dialog .submit-modal .button-fixed {
  position: fixed;
  bottom: 0px;
  right: 85px;
  width: auto !important;
}

.modal-dialog #step1 .button,
.modal-dialog #step2 .button,
.modal-dialog div[role="alert"] .button {
  position: fixed;
  bottom: 1px;
  right: 85px;
  width: auto !important;
}

.modal-dialog .modal-stretch .submit-modal .button,
.modal-dialog .modal-stretch-xl .submit-modal .button {
  position: fixed;
  bottom: 0px;
  right: 85px;
  width: auto !important;
  z-index: 3;
  border: 1px solid transparent;
}

@media (min-width: 400px) {
	.modal-dialog .modal-stretch .submit-modal-temp {
		margin-bottom: 15px !important;
	}

	.modal-dialog .modal-stretch .submit-modal-temp .award-button {
	  position: fixed;
	  bottom: -64px;
	  right: calc(100% - 106px);
	  width: auto !important;
	  z-index: 3;
	  border: 1px solid transparent;
	}
	
	.modal-dialog .modal-stretch .submit-modal-temp .left-button {
	  position: fixed;
	  bottom: -64px;
	  width: auto !important;
	  z-index: 3;
	  border: 1px solid transparent;
	}
}



@media (min-width: 896px) {
	.modal-dialog .modal-stretch .submit-modal-temp .left-button,
	.modal-dialog .modal-stretch .submit-modal-temp .award-button {
		bottom: 0px;
	}
}

#modalWindows {
  padding-right: 0px !important;
}

#container.strip,
#modalWindows #container,
#ProfileSidepanel #container {
  padding-left: 0px !important;
}

/* Modal Stretch (fixed header and footer) */

.modal-content.modal-stretch {
  overflow: auto;
  margin: 55px 0 64px !important;
}

.modal-content.modal-stretch-xl {
/*  overflow: auto;*/
  margin: 85px 0 0px !important;
}

.modal-content.modal-stretch-xl .modal-body {
  overflow: auto;
}

.modal-dialog-slideout .modal-content.modal-content {
	border-radius: 0 !important;
}

.modal-header {
  background: #ececec;
}

.modal-header h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.modal-stretch .modal-header,
.modal-stretch-xl .modal-header {
  position: fixed;
  top: 0px;
  background: #ececec;
  width: 100%;
  z-index: 2;
}

.modal-stretch .modal-footer,
.modal-stretch-xl .modal-footer {
  position: fixed;
  bottom: 0px;
  background: white;
  width: 100%;
  z-index: 2;
}

.modal-stretch .modal-body,
.modal-stretch-xl .modal-body {
  height: calc(100vh - 119px) !important;
}

@media (max-width: 1199px) {
	.modal-stretch-xl .modal-body {
	  height: calc(100vh - 182px) !important;
	}
	.modal-stretch-xl .modal-body .reviewWin {
		margin-bottom: 15px;
	}
}

/* Modal Stretch end */

@media (min-width: 896px) {
	#modalWindows.modal.fade:not(.in) .modal-dialog.modal-dialog-slideout {
		-webkit-transform: translate(100%,0)scale(1);
		transform: translate(100%,0)scale(1);
	}

	.modal-dialog.modal-dialog-slideout {
		position: fixed;
		right: -1px;
	}

	.modal-dialog-slideout .modal-content {
		border-radius: 0 0 0 6px !important;
	}

	.modal-dialog.modal-dialog-slideout {
		width: 500px !important;
		margin: 0px auto !important;
	}
}

.modal-stretch-xl .modal-header {
  top: -54px;
}

@media (max-width: 895px) {
	.modal-stretch .modal-header,
	.modal-stretch-xl .modal-header {
		top: -54px;
	}
	.modal-stretch .modal-footer,
	.modal-dialog .modal-stretch .submit-modal .button {
		bottom: -64px;
	}
	.modal-stretch-x .modal-footer,
	.modal-dialog .modal-stretch-x .submit-modal .button {
		bottom: -64px;
	}
}

@media (max-width: 767px) {
	.modal-content.modal-stretch {
	  height: calc(100vh - 119px) !important;
	}
	.modal-content.modal-stretch-xl {
	  height: calc(100vh - 119px) !important;
	}
}

.button.inline {display: inline-block;}

.modal-dialog .bid-award .button {margin-top: 0; }

.nowrap { white-space: nowrap; }

.app-color {
	position: absolute;
	top: 1px;
	left: 1px;
	margin: 0;
	height: 32px;
	width: 33px;
	border-right: 1px solid #ccc;
	z-index: 3;
	border-radius: 3px 0 0 3px;
	box-shadow: 	0 1px 1px rgba(0, 0, 0, 0.075) inset
}

.input-group.color-picker input.form-control {
	padding-left: 40px;
	border-radius: 4px 0 0 4px !important;	
}

.loading{background : url('../images/load-bar.gif') center center no-repeat;}

.clientDetails p {margin-bottom:4px;}
.clickable-row {cursor:pointer;}



/* sortable custom fields */

#sortableCF {
	margin-top: -19px;
	position:relative;	
}

#sortableCF li {
    border-bottom: 1px solid #d1d1d1;
    list-style: outside none none;
    padding: 9px 10px 9px 28px;
	position: relative;
	
}

#sortableCF li:hover, #sortableCF li:focus, #sortableCF li:visited {
	cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;	
}

#sortableCF li:active {
	cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;	
}

#sortableCF li a {
    float: right;
}

#sortableCF li a.edit {
	margin-right: 25px;	
}
#sortableCF li::before{
	position:absolute;
	content: "\f047";
	font-size: 0.8em;
	top: 50%;
	margin-top: -.7em;
	left:8px;
	font-family: 'FontAwesome';
	font-weight: normal;	
	color: #999;
	}

/* profile page layout */


.profile-contact-message {
    font-size: 1.15em;
    font-weight: 500;
    padding: 10% 0;
    text-align: center;
}

.profile-info > .user-title {
	margin-bottom: 3px !important;
}

.profile-info p .glyphicon {
	opacity: .65;	
	position: absolute;
	margin-left: -27px;
}

.profile-info.profile-logo p .glyphicon {
	position: relative;
	margin-left: 0;
	opacity: 1;	
}

.profile-logo p {

	margin-bottom: 2px;
}

.profile-info p {  padding-left: 27px; position:relative;}

@media (min-width: 768px) {
  .profile-info-lower {
    margin-top: 88px;
  }
  .profile-address {
	white-space: nowrap !important;
  }
}

.proresponserating span {
	font-size: .9em !important;
	font-weight: bold;
	color: #7b7b7b;
}

img.profile-logo,
.profile-logo img.profile-logo {
	width: 100%;
	max-width: 200px;
	margin-bottom: 15px; 	
}

.profileOffer img, .profileStore img {
	width: 100%;
	max-width: 120px;	
}

.profileOffer, .profileStore {
	text-align: center;	
}

.col-sm-12.profile-tagline { margin-bottom: 10px; padding-right: 200px; position:relative; }

.col-sm-12.profile-tagline h4 { margin-top: 0px; margin-bottom: 0; }

.col-sm-12.profile-tagline .reward-flag {
	position: absolute;
	top: -26px;
	right: 7px;
	font-weight: 500;
	border-radius:0 0 6px 6px;
	border: 1px solid #d3d3d3;
	padding: 10px;	
	box-shadow: 0 0 3px rgba(0,0,0,.1) inset;
}

.left-map .col-sm-12.profile-tagline .reward-flag {
	top: -17px;	
}

@media (max-width: 767px) {
	
	.col-sm-12.profile-tagline { margin-bottom: 10px; padding-right: 0; position:relative; padding-top: 30px; }


.col-sm-12.profile-tagline .reward-flag {
	width: 100%;
	right: 0px;
	}
	
}

div.profile-logo, .profile-logo p { text-align:center; }

#MainContent #G5, #MainContent #G9 {
	clear: left;	
}

.input-height { height: 34px; }

.faux-fc { padding: 6px 12px; }

.add-project-btn { 
	position:absolute;
	right: 20px;
	bottom: 30px;
}

@media (max-width: 767px) {
	
	/* Activity page */

.activity-time {
	float: none;
	width: 65px;
	margin-left: 0;
}

.activity-content {
	padding-top: 7px;
	position:relative;
	padding-left: 55px !important;	
}
.activity-row .note-img {
	position:absolute;
	top: 10px;
	left: 0px;
}

.activity-row .note-img .latestConvo1 {
    margin-top: 0px;
}



.activity-row {
	margin-bottom: 15px;
	height: auto;
}


	
.add-project-btn { 
	
	right: 7px;
	bottom: 0px;
}

}

ol.alert-ol {
	margin-left: 23px;	
}

#container .left .wrapper .container-add { padding: 20px; }

li.activityList {
	list-style-type:none;
	padding: 5px 0 5px 70px;
	
	
}

a.activityList, a.b {	
	text-decoration:none;	
}

li.activityList:hover {
	list-style-type:none;
	text-decoration:underline;
	
}

div.activityList:hover {
	text-decoration:underline;
	
}

div.activityList {
	padding: 15px 0 5px 70px;
	font-weight:500;
	border-top: 1px solid #d3d3d3;
	margin-top: 15px;

}

.tab-content {
    padding: 0 10px;
}
.topSearch .tab-content {
    padding: 0 0 0 0;
}



.tab-content .content h3 .add, 
.tab-content .content h3 .edit, 
.tab-content .content h3 .rate, 
.tab-content .content h3 .delete, 
.tab-content .content h3 .cancel, 
.tab-content .content h3 .manage,
.tab-content .content h3 .view {
	font-size: .6em;	
}

.tab-content .content .well h4 .delete {
	font-size: .82em;	
}

.tab-content .content .well img {
	max-width: 90%;	
}

.profile-rating {
	position: relative;
	padding-left: 130px;	
	margin-bottom: 10px;
	
}

.profile-rating-stars {
	position: absolute;
	right: 0;
	top:0;	
}

.pro-rating.pull-right {
    padding-top: 20px;
    position: relative;
    text-align: right;
}


.profile-rating-stars .fa {
	font-size: 1.25em;	
}

.profile-rating-stars .fa-star.rate-full {
	color: rgba(252, 179, 33, 1);	
}

.profile-rating-stars .fa-star-o.rate-empty {
	color: rgba(0,0,0,.5);	
}

.scorecard-edit.edit {
    margin-left: 5px;
}

.rating-stars {
	margin-bottom: 10px;
		
}

.rating-scale div {
	display: inline;
	margin-right: 10px;
}

.nameContainer {
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 225%;
    background-color: #20a3dc;
    border-radius: 50%;
    float: left;
    color: #fff;
    margin: 10px;
    overflow: hidden;
	box-shadow: 0 6px 8px -6px rgba(0,0,0,.25);
	border: 1px solid rgba(0, 0, 0, 0.35);

}
.nameText {
    display: block;
    text-align: center;
    margin-top: 5px;
	white-space:nowrap;
	font-weight:300;
}

.nameText a.b {
     text-decoration: none;
    color: #fff;
	font-weight:normal;
}

.activityHeader {
}

.activityList {
    font-size: 1em;
    color: #000;
}

.table > thead > tr > th > a span.glyphicon {
	font-size: .65em; 	
}

.table > thead > tr > th.no-link {

}

.table > thead > tr > th {
	font-weight: 500;	
}

.row.rate-modal {
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 10px;	
}

.row.rate-modal .rate-text {
	display: table;
	height: 28px;	
}

.row.rate-modal .rate-text p {
	vertical-align: middle;
	display: table-cell;	
}
/**************************

   landing page - new user 

***************************/

.start-steps .glyphicon {
	color: #7c7c7c;	
}
td.section-header {
	background: #e9e9e9;
}

.section-header h4 {
	margin-top: 0;
	margin-bottom: 0;	
}

.section-header > h4 > strong {
	font-weight: 500;	
}
.upl-checkbox {
	position: relative;	
}
#projects .success {
	display: block;
	position: absolute;
	top:0;
	left:0;
	right:0;
	height: 1px;
	background: transparent;
	border: none;
	margin-bottom: 0;
	}

.saver {
	display: none;
	position: absolute;	
}

#projects .success::after {
    background: #dff0d8 none repeat scroll 0 0;
    content: "SAVED";
    left: 0;
	padding: 7px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 0;
}

.noline > td {
    border-top: medium none !important;
    box-sizing: border-box;
    padding: 0 !important;
}

.noline .well .table {
	background: transparent !important;
	margin-bottom: 0 !important;
		
}


/**************************

Subscription page 

**************************/
.subscription-top {
	position: relative;
	}
	


.subscription-item .glyphicon {
	font-size: .8em;
	margin-right: 10px;	
}

.selected-plan span.bg-success {
	padding: 5px 15px;
	font-size: 14px;
	border: 1px solid #d3d3d3;
	display:inline-block;
	margin-bottom: 1px;	
}

#container .left .main .content .wrapper .subscription-bottom p {
	margin-left: 0;	
}

.subscription-bottom {
	border: 1px solid #d3d3d3;
	padding: 20px;
	margin-bottom: 10px;
}

.subscription-bottom h1 {
	margin-top: 0;	
}

.subscription-item {
	position:relative;
}

.storage-selected {
    margin-top: -9px;
}

.subscription-item.col-sm-12 {
	padding: 0 0 20px 0;

}

.extra-storage {
	margin-bottom: -20px;	
}




.subscription-top > h1 {
	margin-bottom: 0;
	margin-top: 0;	
}


.subscription-top sup {
	top: -0.22em	;
}

.subscription-top > h5 {
	margin-top: 0;
	font-size: 1.75em;
}

.plan-footer {
	min-height: 30px;
	padding-left: 20px;
	
	margin-top: 20px;
		
}

.contractor-search .searchContents {
	padding: 15px;
	border-top: none;
}
/*-----------------------

My Network Tab 


------------------------=*/

#NetworkBar {
	padding: 15px;
/*	border-top: 1px solid #d3d3d3;*/
	border-bottom: 1px solid #d3d3d3;
	margin-bottom: -7px;	
}

#NetworkBar .searchContainer {
	border: none;
	min-height: 20px;
	padding: 0;	
}

#NetworkBar h3,
#SearchDiv h3 {
	font-size: 1.4em;
	margin-bottom: 0;	
}

.mynetwork .header a, .record-container {
	position: relative;	
}
#container .left .main.mynetwork .header .rightmenu a {
	margin-left: -1px;	
}

#container .left-map .main .header .rightmenu a, #container .left .main .header .rightmenu a  {
	margin-right: 0px;	
}
.mynetwork span.record-count {
	background: red none repeat scroll 0 0;
    border-radius: 7px;
    color: #fff;
    font-family: "Trebuchet MS";
    font-size: 0.7em;
    height: 14px;
    min-width: 14px;
    padding: 1px 4px;
    position: absolute;
/*	left: 30px;*/
	text-align: center;
    top: -18px;
    z-index: 2;

}

.record-container {
	padding-right: 10px;	
}

.record-container .record-count {
	background: red none repeat scroll 0 0;
    border-radius: 7px;
    color: #fff;
    font-family: "Trebuchet MS";
    font-size: 0.7em;
    height: 14px;
    min-width: 14px;
    padding: 1px 4px;
    position: absolute;
	left: 7px;
	text-align: center;
    top: -6px;
    z-index: 2;

}

.record-count-left {
	background: red none repeat scroll 0 0;
    border-radius: 7px;
    color: #fff;
    font-family: "Trebuchet MS";
    font-size: 0.7em;
    height: 14px;
    min-width: 14px;
    padding: 1px 4px;
    position: absolute;
	right: 10px;
	text-align: center;
    top: -4px;
    z-index: 2;

}



.mynetwork #complistEmail {
	right: 0;	
}

#container .mynetwork-main {
	display: table;
	width: 100%;
	overflow-x: hidden;
}

#container .mynetwork-main .mynetwork-left {
	display: table-cell;
	width: 100%;	
	vertical-align: top;
	float: none;
	position:relative;
	 -webkit-transition: width .5s; /* Safari */
        transition: width .5s;
        z-index: auto;
}

#container .mynetwork-main .mynetwork-right {
	display: table-cell;
	width: 300px;
	float: right;
	vertical-align: top;	
	padding: 0 0 0 15px;
	margin-right: 0;
     -webkit-transition: margin-right .5s; /* Safari */
    transition: margin-right .5s;
	}
	
	#container .mynetwork-main .mynetwork-right .resultRight {
	display: none;	
	}
#container .mynetwork-main .mynetwork-right.mnr-hidden {
	
	margin-right: -400px;
    
	
	}	


#container .mynetwork-main .resultRightTop {
	font-size: 1.4em;	
}

.suggest-button {
    position: absolute;
    right: 10px;
    top: 20px;
}

.suggest-button .suggest-hide::before {
	content:'Hide';
		
}

.suggest-button .suggest-hide.suggest-show::before {
	content:'Show';
		
}


.table-responsive .table thead .glyphicon.glyphicon-chevron-down, .table-responsive .table thead .glyphicon.glyphicon-chevron-up  {
    font-size: 0.7em;
	color: #a1a1a1;
}

.award-table .table thead th {
	white-space: nowrap;	
	min-width: 10%;
}

.note pre {
    background-color: #fff;
    border: none;
    border-radius: 0px;
    color: #000;
    display: block;
    font-size: 13px;
    line-height: 0;
    margin: 0 0 10px;
    padding: 9.5px;
    word-break: break-all;
    word-wrap: break-word;
}

span .add{
	margin-left: 10px;
	}
	
span .reorder{
	margin-left: 10px;
	}	
	
	.force-logout {
    padding-left: 23px;
    position: relative;
	cursor:pointer;
}

.force-logout > input {
    left: 0;
    position: absolute;
}
.iw-content .callout-address {
	width: 50%;
	float: left;	
}

.iw-content .callout-logo 	{
	width: 50%;
	float: right;
	text-align: center;
		
}

.iw-content .callout-website {
	width: 50%;
	float: left;	
}

.iw-content .callout-profile {
	width: 50%;
	float: right;
	text-align: center;	
}

#iw-container iframe#myframePop {
	width: 100%;	
}

@media (max-width: 299px) {
	
	
	
	.iw-content .callout-address {
	width: 100%;
	float: none;	
}

.iw-content .callout-logo 	{
	width: 100%;
	float: none;
	text-align: left;
		
}

.iw-content .callout-website {
	width: 100%;
	float: none;	
}

.iw-content .callout-profile {
	width: 100%;
	float: none;
	text-align: left;	
}
}

@media (max-width: 767px) {
	.bc-wrapper input.form-control {
}	
.searchnote {
	display: none;	
}
}

.crumblink a {font-weight: bold;}
.crumblink span {color: #999999; font-weight: normal;}
.booklink {display:block; float:left; min-height:30px; min-width:30px;}
.boldit {font-weight:bold;}

#emailtemplate select option {
    padding-left: 20px;
}

#emailtemplate select optgroup {
    border-top: 1px solid #d3d3d3;
    margin-top: 5px;
    padding-left: 5px;
    padding-top: 5px;
}

#emailtemplate > select option:last-child {
    margin-bottom: 10px;
}

.button-danger {
	background-color:#D40C10!important;
	border-bottom-color: #9F0709!important;
}
.button-danger:hover {
	background-color:#9F0709!important;

}

.inmplayer-launcher {
	z-index: 920 !important;	
}

.modal-dialog .modal-body .wrapper {
	position: relative;	
}

.input-available {
/*	border:1px solid #3c763d!important;*/
}
.input-duplicate {
	border:1px solid #96523b!important;
}
#isavailable.idsuccess{color: #3c763d;}
#isavailable.idduplicate{color: #96523b!important;}

#Invisavailable.idsuccess{color: #3c763d;}
#Invisavailable.idduplicate{color: #96523b!important;}

#newQ_isavailable.idsuccess{color: #3c763d;}
#newQ_isavailable.idduplicate{color: #96523b!important;}

#newQ_Invisavailable.idsuccess{color: #3c763d;}
#newQ_Invisavailable.idduplicate{color: #96523b!important;}




.cirloading {
	text-align:center;
}
.cirloading span {
	display: block;
	margin:20px 0;
}
.cirloader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
	margin:0 auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.customfield-editor {
	margin-bottom:20px;
}
.profile-rating {
	cursor: pointer;		
}
.profile-rating-stars {
	position: absolute;
	right: 0;	
}	
.project-container .well {
	margin-bottom: 0;	
}

.weekDays-selector input {
  display: none!important;
}

.weekDays-selector input[type=checkbox] + label {
  display: inline-block;
  border-radius: 6px;
  background: #dddddd;
  height: 15px;
  width: 30px;
  margin-right: 3px;
  margin-top: 8px;
  line-height: 15px;
  text-align: center;
  cursor: pointer;
}

.weekDays-selector input[type=checkbox]:checked + label {
  background: #2AD705;
  color: #ffffff;
}
.cdtblock {
	font-weight:bold;
	display:inline-block;
	padding:2px;
	width:36px;
	margin-right:-6px;
	text-align: center; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
}
.cdtblock-note {
	width:75px;
}

.alert-danger .cdtblock {	
	background-color: #a94442;
}
.alert-success .cdtblock {
	background-color: #4ba34b;
}
.alert-info .cdtblock {

	background-color: #5b83be;
}
.blacklist .table-responsive { overflow-x: initial; }

.people-client-form .btn-primary {background-color: #20a3dc;}
.people-client-form .btn-primary:hover {background-color:#024663}

#searchLegendDiv {
      position: relative;
      float: right;
      height: 18px;
      display: inline-block;
}

#searchLegendDiv a {
     padding: 0px;
}

#searchLegendDiv p {
	  font-family: "Roboto",Arial,sans-serif;
	  font-size: 15px !important;
	  font-weight: 300 !important;
      margin: 0px 0 5px;
	  color: black;
}

#searchLegendDiv .dropdown-menu {
      padding: 10px;
	  min-width: 180px;
      left: 0px;
      top: -210px;
}

#searchLegendDiv .pin-container {
      line-height: 2em !important;
}

#searchLegendDiv .pin span {
   font-size: .8em;
}

#searchLegendDiv .num {
	vertical-align: text-top;
}

#searchLegendDiv .pin {
      border: 1px solid black;
      height: 15px;
      width: 15px;
}

#searchLegendDiv .pin .point {
    height: 7px;
    top: 13px;
}

#searchLegendDiv .glyphicon-link::before {
	color: #333;
}
#searchLegendDiv .glyphicon-ok-sign::before {
	color: #008000;
}
#searchLegendDiv .fa-trophy::before {
	color: #20a3dc;
}
#searchLegendDiv .fa-exclamation-triangle::before {
	color: #777777;
}

#searchLegendDiv .map-icons-inner {
	height: 20px;
}

#searchLegendDiv .dropdown-menu.BasicPln {
      top: -200px;
}

#searchLegendDiv .dropdown-menu.BasicPln .left-column {
  width: 90%;
}
.BasicPln .legend-first::before,
.BasicPln .vendorInfoColorLeg::before {
  width: 100% !important;
}

a#legendary-menu:hover {
	color: #024663;
}

#legendContainer {
	cursor: default;
}

.legend-first:before {
	content: " ";
	width: 100%;
	height: 25px;
	background: rgb(233, 255, 217);
	display: block;
	position: absolute;
	right: 0px;
	margin-top: -2px;
} 

.legend-first img, .vendorInfoColorLeg img {
	position: relative;
}

.slText {
	position: relative;
	top: -2px;
}

.proj-desc .trumbowyg-box.trumbowyg-editor-visible {
	min-height: 135px;
	margin-top:10px;
  }
  
  .proj-desc .trumbowyg-editor {
	min-height: 135px;
  }

.search-project_prof {	
	white-space: nowrap;
}

.search-project_prof2 {	
	padding-left:1px;
	white-space: nowrap;
}

#map_canvas {background: transparent url(../images/pro_spin_gif.gif) no-repeat center center;}

#MapTab #map_canvas { 
	background-size: contain;
	max-height: 200px;
}

.details-show-more, .details-show-less {
	margin-left: -7px;
	margin-top: -12px;
}
.projectusers-show-more, .projectusers-show-less {
	margin-top: -12px;
}
.projectsite-show-more, .projectsite-show-less {
	margin-top: -12px;
}
.projectcontact-show-more, .projectcontact-show-less {
	margin-top: -12px;
}

/*.addAllClientsButton {
	margin-top: -5px;
}*/

#addAllClientsLegend,
#addAllProjectsLegend {
	border-bottom: none;
}

/*
.table-responsive {
  overflow-x: visible !important;
}
*/

.table-responsive.borderless {
  border: none;
}

.table.transparent {
	background: transparent !important; 
}


#newprojectform fieldset.settings {
	border-top:0px;
	margin: 0 15px;
}
@media (max-width: 766px) {
	#newprojectform fieldset.settings {
		margin: 0 8px;
	}
}
.scroller-left, .scroller-right {
	display:none;
}

#container .left .main .content .wrapper .attachments h3,  .attachments h3 {
	margin-top:15px;
	border-top:1px solid #c0c0c0;
	font-weight:bold;
	border-bottom: none!important;
	padding-top:10px;
	margin-bottom: 30px;
	font-size: 1.2em;
	
}
#container .emailattachments {
	padding-left:14px;
}
.attachments {margin-bottom:20px;}


/*EMAIL ATTACHMENT CSS*/
.attachment-wrapper {
	min-width: 190px;
	margin-bottom: 15px;
	float: left;
}

.attachment-container {
width: 180px;
height: 120px;
background: white;
border: 1px solid lightgray;
position: relative;
word-wrap: break-word;
}

.attachment-container:before {
content: url('../images/emailAttachments/defaultx.png');
position: absolute;
top: 2% !important;
width: 98% !important;
text-align: center !important;
opacity: 0.25;
}

.attachment-image-container {
background: url('../images/emailAttachments/bg.png');
  width: 100%;
	height: 100%;
	position: absolute;
  bottom: 0px;
}

.attachment-image-container:hover {
height: 100%;
background: #000;
opacity: .7;
border: 1px solid #000;
}

.attachment-container p { 
font-family: "Roboto", sans-serif;
font-size: 14px;
margin: 12px 10px 0;
color: #373737 !important;
}

.attachment-image-container span {
font-family: "Roboto", sans-serif;
font-size: 14px;
margin: 0px;
width: 100%; 
height: 100%;
}

.hovertext span {
position: absolute;
padding-left: 9px;
padding-top: 11px;
color: transparent !important;
}


.hovertext span:hover {
color: #f5f5f5 !important;
}

.attachment-image-container span:before,
.attachment-image-container span:hover:before {
	position: absolute !important;
	left: 10px;
	bottom: 3px;
}

.attachment-image-container span:after,
.attachment-image-container span:hover:after {
	font-family: 'Glyphicons Halflings';
	content: "\e026";
	font-size: 22px;
	position: absolute;
	right: 9px;
	bottom: 10px;
}

.attachment-image-container span:after {
	color: #20a3dc !important;
}
.attachment-image-container span:hover:after {
	color: white !important;
}

.attachment-image-container:hover .deletefile.delete::before {
	top: -2px;
	left: 2px;
}
.attachment-image-container:hover a:hover.deletefile.delete::before {
	color: white;
}

/*ATTACHMENT ICON STYLES*/


.attachment-image-container span.att-default:before {
	content: url('../images/emailAttachments/default.png');
}

.attachment-image-container span.att-default:hover:before {
	content: url('../images/emailAttachments/defaultw.png');
}

.attachment-image-container span.att-jpg:before,
.attachment-image-container span.att-jpeg:before {
	content: url('../images/emailAttachments/jpg.png');
}
.attachment-image-container span.att-jpg:hover:before,
.attachment-image-container span.att-jpeg:hover:before {
	content: url('../images/emailAttachments/jpgw.png');
}

.attachment-image-container span.att-pdf:before {
	content: url('../images/emailAttachments/pdf.png');
}

.attachment-image-container span.att-pdf:hover:before {
	content: url('../images/emailAttachments/pdfw.png');
}

.attachment-image-container span.att-tif:before,
.attachment-image-container span.att-tiff:before {
	content: url('../images/emailAttachments/tif.png');
}

.attachment-image-container span.att-tif:hover:before,
.attachment-image-container span.att-tiff:hover:before {
	content: url('../images/emailAttachments/tifw.png');
}

.attachment-image-container span.att-doc:before,
.attachment-image-container span.att-docx:before {
	content: url('../images/emailAttachments/doc.png');
}

.attachment-image-container span.att-doc:hover:before,
.attachment-image-container span.att-docx:hover:before {
	content: url('../images/emailAttachments/docw.png');
}

.attachment-image-container span.att-ppt:before,
.attachment-image-container span.att-pptx:before {
	content: url('../images/emailAttachments/ppt.png');
}

.attachment-image-container span.att-ppt:hover:before,
.attachment-image-container span.att-pptx:hover:before {
	content: url('../images/emailAttachments/pptw.png');
}

.attachment-image-container span.att-xls:before,
.attachment-image-container span.att-xlsx:before {
	content: url('../images/emailAttachments/xlsx.png');
}
.attachment-image-container span.att-xls:hover:before,
.attachment-image-container span.att-xlsx:hover:before {
	content: url('../images/emailAttachments/xlsxw.png');
}

.attachment-image-container span.att-vcf:before {
	content: url('../images/emailAttachments/vcf.png');
}

.attachment-image-container span.att-vcf:hover:before {
	content: url('../images/emailAttachments/vcfw.png');
}

.attachment-image-container span.att-png:before {
	content: url('../images/emailAttachments/png.png');
}

.attachment-image-container span.att-png:hover:before {
	content: url('../images/emailAttachments/pngw.png');
}

.attachment-image-container span.att-ai:before {
	content: url('../images/emailAttachments/ai.png');
}

.attachment-image-container span.att-ai:hover:before {
	content: url('../images/emailAttachments/aiw.png');
}

.attachment-image-container span.att-psd:before {
	content: url('../images/emailAttachments/psd.png');
}

.attachment-image-container span.att-psd:hover:before {
	content: url('../images/emailAttachments/psdw.png');
}

.attachment-image-container span.att-txt:before {
	content: url('../images/emailAttachments/txt.png');
}

.attachment-image-container span.att-txt:hover:before {
	content: url('../images/emailAttachments/txtw.png');
}

.attachment-image-container span.att-zip:before {
	content: url('../images/emailAttachments/zip.png');
}

.attachment-image-container span.att-zip:hover:before {
	content: url('../images/emailAttachments/zipw.png');
}

/*EMAIL ATTACHMENT END*/

@media (min-width: 768px) {
	#container .content,
	#container .mynetwork-main {
	}
	#container .content.no-padding-bottom {
	  padding-bottom: 0px !important;
	}
}

#container .left.full .main .content {
/*	overflow: auto;*/
	overflow: initial;
}

#container .left.full .main .mh-content {
	min-height: 600px;
}

@media (max-width: 767px) {
	#container .left.full .main .mh-content {
		min-height: calc(100vh - 580px) !important;
	}
}

#container .left.full .main.mynetworkResults .content {
	overflow: hidden;
}

.downloadall {
	margin: 8px 0 20px;
	float: left;
}

.downloadall-left {
  display: inline-block;
  width: 100%;
}

.visitor-box,
.attachment-email-box,
.attachment-note-box {
	max-width: 1160px !important;
}

.attachment-email-box,
.attachment-note-box {
	margin-top: -30px;
}

.visitor-box {
	margin-left: -7px;
	margin-top: -30px;
}

@media (max-width: 1300px) {
	.rightmenu.top10,
	.project-sort-nav.top10 {
		margin-top: 3px !important;
		clear: left !important;
	}
	.shortstack + .rightmenu.top10,
	.shortstack + .project-sort-nav.top10 {
		margin-top: 3px !important;
	}
	.submit-modal .hide-btn-text,
	.addcomment .hide-btn-text,
    .rightmenu.top10 .hide-btn-text,
	.project-sort-nav.top10 .hide-btn-text {
	   display: none;
	}
	.rightmenu.top10 a,
	.project-sort-nav.top10 a {
	   margin-left: 2px !important;
	}
}


@media (max-width: 1199px) {
	.visitor-box {
		max-width: 800px !important;
	}
	
	.profile-logo .text-center {
     text-align: left !important;
  }
	
   .rateYo.jq-ry-container {
     margin: 3px 0 0 !important;
     padding: 0px;
  }
  
	.profile-info .social_icons {
	  padding-left: 0px !important;
	  margin-left: -2px;
	}
}

@media (min-width: 767px) {
	.visitor-box {
		margin-top: -20px;
	}
}
	
@media (max-width: 767px) {
	.attachments h3 {
	  border-top: none;
	}
}

.emailbox {
	padding-top:20px;
	padding-bottom:40px;
}

.emailbox h4 {
	margin-top:20px;
}

.ml-7 {
	margin-left: 7px;
} 

.itemlist:nth-child(2).noteitem.row .ml-7 {
	margin-left: 0px;
}

.mainmessage {
	margin-left: 0px !important;
}

@media (max-width: 592px) {
	.note-group .itemlist:first-of-type .col-sm-10.col-md-12 .right {
		width: 40% !important;
	}
}

.label-pill {padding:0px .3em!important;}

@media (min-width: 1900px) {
	.map-icons .rightmenu {
		margin-top: 10px;
	}
}

@media (max-width: 1900px) {
	.left-map .main .header .rightmenu span.network {
/*	 	top: -1px;*/
		padding: 3px 10px 5px 11px !important;
	}
	
}

@media (max-width: 1400px) and (min-width: 768px) {
/*  .left-map .main .header {
		height: 65px !important;
	}
	.left-map .main .header .map-icons {
		top: 40px;
	}*/
}

@media (max-width: 975px) and (min-width: 768px) {
	.left-map .main .header {
		white-space: nowrap;
	}
	.map-icons .rightmenu a span {
		/*display: none;*/
	}
	.map-icons .rightmenu a span.glyphicon-copy,
	.map-icons .rightmenu a.addProject-profile.queue,
	.map-icons .rightmenu a.addNetwork-profile {
	  display: inline !important;
	}
}

@media (max-width: 767px) {
	#container .left.full .main .content #subsearch {
	  margin: 20px 0 10px;
	}
	.left-map .main .header .map-icons {
		text-align: left;
	}
	.resultCheckbox input[type=checkbox] {
	  -ms-transform: scale(1.25); /* IE */
	  -moz-transform: scale(1.25); /* FF */
	  -webkit-transform: scale(1.25); /* Safari and Chrome */
	  -o-transform: scale(1.25); /* Opera */
	  margin: 6px 0;
	}
}

@media (max-width: 560px) {
	.map-icons .rightmenu a span {
/*		display: none;*/
	}
	.map-icons .rightmenu a span.glyphicon-copy,
	.map-icons .rightmenu a.addProject-profile.queue,
	.map-icons .rightmenu a.addNetwork-profile {
	  display: inline !important;
	}
} 

	
/*	Search dropdown styling  */
	
@media (max-width: 1900px) and (min-width: 1385px) {
  #OtherIndustrySpan > div {
    padding: 2px 0 0px;
  }
  .left-map .main .header .map-icons {
    margin: 8px 0 5px 110px;
    position: initial;
    float: right;
  }
  .left-map .main .header .rightmenu span.network {
    padding: 5px 10px 10px !important
  }
}

@media (max-width: 1385px) {
  .left-map .main .header .map-icons {
/*    margin-left: 110px;*/
    position: inherit;
    float: right;
    top: 0px;
    right: 0px;
  }
}

@media (max-width: 768px) {
  .left-map .main .header .map-icons {
    top: 2px;
  }
}

/*	End Search dropdown styling  */
	
/*.jq-ry-container {
	z-index: 0 !important;
}*/

/*
	DROP ZONE Uploader - progress bar styles
*/

#upload .progressbar .ui-progressbar-value {line-height:1.3em; height:inherit; color: white; text-align: center; font-weight: normal; font-size:.8em;}
#upload .progressbar[aria-valuenow="100"]::after {content: ""; text-align:center; color: white;}
#upload .ui-progressbar {height:1.2em;}
#upload .progressbar {margin-top:37px}
#upload .cirloading {margin-top:60px;}
#upload .import h5 {font-weight: bold; font-size:1.25em;}
#upload .ui-widget-header {
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */	
}
/* End Drop zone */

.form-horizontal .form-group.mt20 {
	margin-right: -5px !important;
}


/*********  SignsearchPRO Preview modal styles  *********/

#modalPRO {
	padding-right: 0px !important;
}

#modalPRO .modal-dialog {
	top: 20%;
}

#modalPRO .modal-body {
 	padding: 0px;
}

#modalPRO button {
	position: absolute;
	right: 10px;
	color: white;
	opacity: 1;
	font-weight: 300;
}

#modalPRO button:hover,
#modalPRO button:active {
	color: white;
	opacity: .5;
	transition: .1s;
}

#modalPRO h3 {
	border-radius: 3px 3px 0 0;
}

#modalPRO h5 {
	margin: 0px;
	padding: 20px;
}

#modalPRO hr {
	margin: 0px;
}

@media (min-width: 1025px) {
	#modalPRO .top-text {
		padding: 20px 0px;
	}
	#modalPRO .modal-dialog.modal-lg {
		width: 925px;
	}
}


/*********  modal styles end  *********/

@media (max-width: 741px) {
	.result-container {
	  display: inherit !important;
	}
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.agentChk {
margin-left: 15px;
}

@media (max-width: 1024px) {
  #ShowNetworkDiv, #returnToSearchMap {
    margin: 5px 0;
  }
}

.main.mynetwork.clearfix .header .rightmenu .glyphicon-filter::before {
   position: relative;
   top: -2px;
}

.filterUnderline{
border-bottom: 1px solid #c3c3c3;
padding-bottom: 39px;}

.FilterTitle{
float:left;
}

.closeFilter, .closeFilterProj, .closeFilterNet{
float:right;
font-size: 21px;
font-weight: 600;
line-height: 1;
opacity: .2;
cursor: pointer;
}

.subCheck{
margin-left:20px;
}

#FilterServHt .clickableHt:hover {
  cursor: pointer !important;
}

/*
#FilterServHt .clickableHt {
  border-top: 1px solid #ddd;
}
*/

#FilterServHt .clickableHt::before{
    position: relative;
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: left;
    color: grey;
	/*
    margin-top: 10px;
    margin-left: 10px;
	*/
    font-size: .85em;
}

#FilterServHt .clickableHt[aria-expanded="true"]::before {
  content: "\e113";
}

.reduceSpc {
	margin-top:-6px !important;
}

/*Response Time button hover effect*/

/*
.email-response button:hover {
  cursor: pointer;
}

.email-response button {
  background: transparent;
  padding: 0px;
  border: none;
  overflow: hidden;
}

.email-response button:hover:before {
  opacity: 1;
  transform: translate(0,0);
}

.email-response button:before {
  content: attr(data-hover);
  position: absolute;
  right: 45px;
  width: 100%;
  opacity: 0;
  transform: translate(-100%,0);
  transition: all .3s ease-in-out;
}

.email-response button:hover div{
  opacity: 0; 
  transform: translate(100%,0);
}

.email-response button div{
  transition: all .3s ease-in-out;
}
*/

.email-response.SecondaryText {
  text-align: left;
  margin-left: -20px;
}

.alertSub {
  padding-top: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}


#showMore {
  padding: 10px 0 8px 8px !important;
}

#showMore a {
  cursor: pointer;
/*
  color: #333 !important;
  font-weight: 400;
*/
}

.leftHomeContMap{	
	opacity: 1.8;
	z-index: 1000;	
    position: absolute;
    top: 25%;
    background-color: rgba(255,255,255,.6);
    width: 100%;
}

.imagewrapper {
  max-width: 150px;
}

@media (max-width: 990px) {
	.imagewrapper {
	  max-width: 100%;
	 }
	
  .imagewrapper img.img-responsive {
     max-width: 200px;
     margin: 10px auto !important;
  }
}

#projfilter > a {
  font-weight: 300;
  top: -1px;
  padding: 0;
}

.rightmenu .glyphicon-filter::before {
  top: 0px !important;
  padding: 0 1px;
}

#projfilter .btn:hover,
#projfilter .btn:active {
  color: #024663;
}


@media (max-width: 767px) {
.rightmenu {
	width: 100%;
}
	
.rightmenu.solo {
	display: flex;
	text-align: left;
    margin-right: 0px !important;
    justify-content: start !important;
    width: 100%;
}
	
.col-xs-6 .rightmenu.solo {
    justify-content: end !important;
}
 
 .rightmenu a::before,
 .rightmenu span:before {
  position: relative;
   width: 100%;
   display: block;
   margin-top: 0px;
   top: 0px;
  
}
 
.rightmenu a {
  padding-left: 0px;
}
  
 .rightmenu a:hover {
  color: #024663 !important;
  text-decoration: none;
}
  
	.rightmenu .network {
		color: black !important;
		font-weight: 400;
		background: none !important;
		top: 0px !important;
		padding: 0px !important;
		white-space: normal !important;
	}
	
.rightmenu .network::before {
  content: "\e144" !important;
  color: #3c763d !important;
 }
	.rightmenu .addNetwork-list.network::before {
		color: #0471a0;
	}
	
	.rightmenu .add.addUser,
	.rightmenu .add.addUser + .add {
	  margin: 10px 0 0px;
	}
	
	.rightmenu .add.addUser:before,
	.rightmenu .add.addUser + .add:before {
		position:unset;
		display: inline;
		padding: 0 5px;
	}
	
	.COI-general {
		margin-right: 0px;
	}

}

@media (max-width: 1299px) {
	.shortstack + .rightmenu,
	.shortstack + .project-sort-nav {
		width: initial !important;
		clear: none !important;
	}
}

.pointerCls {
	cursor:pointer;
}

.companyGrpList {
	padding-top: 10px;
}

.mfp-container {
	cursor: default;
}

.mfp-close {
	cursor: pointer !important;
}

#ProTabPROServices,
#ProTabPROEquipment,
#ProTabPROInsurance,
#ProTabProDetails {
  margin-bottom: 15px !important;
}

@media (min-width: 1800px) {
	.mfp-arrow-right {
	  right: 25% !important;
	}

	.mfp-arrow-left {
	  left: 25% !important;
	}
}

@media (max-width: 1799px) and (min-width: 1276px) {
	.mfp-arrow-right {
	  right: 15% !important;
	}

	.mfp-arrow-left {
	  left: 15% !important;
	}
}

#additionalInsurance{
	padding-left: 20px;
    padding-top: 20px;
}

#additionalInsurance h3{
	border-bottom:none !important;
	margin-bottom:0 !important;
}

#SearchDivTop .tab-pane.active {
  padding-right: 7px;
  padding-left: 7px;
}

@media (max-width: 440px) {
  .map-icons-inner.dropdown,
  .map-icons-inner.my-connections,
  .map-icons-inner.wiating-requests {
    white-space: normal;
  }
  .rightmenu span.map-icons-inner, .rightmenu div.map-icons-inner {
	  margin-bottom: 25px !important;
	}
	
	a[href="/pro/projectMain.cfm?ProjStatus=ac"],
	a[href="pro/projectMain.cfm?ProjStatus=all"] {
		white-space:nowrap;
		margin-left: -20px !important;
	}

	.project-sort-nav > div:first-of-type {
		margin-bottom: 10px;
	}
}

#leftSortBy #sortbyDrp .dropdown-menu {
  left: -50px;
}

#locationDisplay {
	margin: 10px;
	font-size: 20px;
	white-space:nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

#container h3 a.contractorid-edit:before {
  margin-top: -8px !important;
}

@media (max-width: 460px) {
	.customfield-editor h3,
	.ratingfield-editor h3 {
		height: 60px !important;
	}
	.customfield-editor h3 .mt5,
	.ratingfield-editor h3 .mt5 {
		margin-top: 15px;
	}
}

@media (max-height: 1150px) and (min-width: 768px) {
  #MidResultsDiv,
  #MidResultsDiv #map_canvas {
    height: 765px;
  }

  .resultsContainer {
    height: 730px;
  }
}

.header2 {
	text-align: center;
}

.footerMessage {
	background-color: #20a3dc !important;
    padding: 30px;
    color: #fff;
	text-align: center;
	box-shadow: 0 10px 10px -10px rgb(0 0 0 / 35%);
    border-bottom: 1px solid #a1a1a1;
	border-right: 1px solid #a1a1a1;
	border-left: 1px solid #a1a1a1;
}

.footerMessage a {
  color: #fff !important;

}
.footerMessage a:hover,
.footerMessage a:active {
  color: #024663 !important;
  cursor: pointer;
}

@media (max-width: 767px) {
.header2 {
	 margin: 15px !important;
}

#footermenu ul li {
  margin-bottom: 8px;
  display: block;
  width: 100%;
}

#copyright {
  float: left;
  margin-top: 10px;
  margin-left: 15px;
}
}

@media (min-width: 767px) {
  #copyright {
    padding-right: 10px;
  }
}

input#SearchID,
input#SearchProj,
input#SearchName,
input#SearchVendorName,
input#SearchLocation,
input#searchBlist,
input#searchBlistID {
  width: auto;
  padding: 10px 30px;
  margin-right: 15px;
  margin: 20px 15px 0 0;
  font-size: 14px;
  font-weight: 500;
}

.row-m7 {
  margin-right: -7px !important;
  margin-left: -7px !important;
}

.row_odd {
	background-color: #efefef;
	}

.vendor-contact > label {
  margin-left: 10px;
  position: relative;
  bottom: 2px;
}

.glyphicon.glyphicon-amazon:after,
.glyphicon.glyphicon-amazon:before,
.fa-amazon::after,
.fa-amazon::before {
  color: #232f3e;
}

.strip-padding select.form-control {
	padding: 6px 12px !important; 
}

#requestForm .form-group input {
	position: relative;
	top: 1px;
}

a.email-list.button,
a.requestCOI-list.button,
a.submit {
	background: #20a3dc !important;
}

a.email-list.button:hover,
a.requestCOI-list.button:hover,
a.submit:hover {
	color: #555555 !important;
    background-color: #eee !important;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.3) !important;
}

.brand-link {
		color: #20a3dc
	}
.brand-link:hover,
.brand-link:focus {
	color: #024663;
}

.brand-bg {
	background: #20a3dc
}
.brand-bg:hover,
.brand-bg:focus {
	background: #024663;
}

#sponsorBox a.openProfileSponsor,
#ProTabPROProfile a.email-general-Profile,
#ProTabPROServices a.email-general-Profile,
#ProTabPROEquipment a.email-general-Profile,
#ProTabPROInsurance a.email-general-Profile {
	color: #20a3dc;
}

#sponsorBox a.openProfileSponsor:hover {
	color: #23527c;
}

.glyphicon-remove.remove-insurance {
	color: #20a3dc;
}
.glyphicon-remove.remove-insurance:hover {
	color: #23527c;
}

.header .rightmenu .delete:before,
.header .rightmenu .edit:before {
  top: -2px;
}

thead th a {
  color: #20a3dc;
}

.faIcons {
  margin-top: 5px;
  display: inline-block;
}

.faIcons .fa:nth-child(1) {
  margin-left: 5px;
}

.rightmenu.top10 {
	margin-top: 8px !important;
}

.project-sort-nav.top10 {
	margin-top: 10px !important;
}

.rightmenu a:hover {
	text-decoration: none;
}

#updateQuote .rightmenu.top10 {
	margin-top: 6px;
}

@media (min-width: 767px) {
	#updateQuote .header + .content {
		margin-top: -16px;
	}
}

/*/////////// ****  ///////////*/

#searchingNetworkDiv {
display: block;
z-index: 10000;
width: 100vw;
height: 100vh;
position: absolute;
background: #fafbfe;
background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(250,251,254,1) 9%, rgba(250,251,254,1) 66%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(250,251,254,1) 9%, rgba(250,251,254,1) 66%, rgba(255,255,255,0) 100%);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(250,251,254,1) 9%, rgba(250,251,254,1) 66%, rgba(255,255,255,0) 100%);
}

#proSubChoice {
/*  display: inline-block;*/
}

#proSubChoice select, 
#proSubChoice input {
  margin: 5px 0;
}

#proSubChoice label {
  font-size: 16px;
}

#proSubChoice button.button {
  font-size: 17px;
  padding: 10px 25px;
}

#proSubSelect li {
  margin-left: 30px;
}

.noborder {
  border: none !important;
}

#proSubSelect .prosub {
  border: 1px solid #ddd;
  padding: 0px;
  border-radius: 3px;
} 

.billing-fields {
	display: inline-block !important;
}

@media (min-width: 1821px) {
  .billing-fields  {
    width: 100% !important;
  }
}

@media (min-width: 1700px) {
	#proSubSelect .col-md-4.prosub {
      margin: 2px 5px;
      width: 32%;
    }
}

@media (min-width: 1025px) {
	#proSubSelect .prosub {
	  margin: 2px 5px;
	  width: 48%;
	}
	
	#proSubSelect ul {
	  min-height: 200px !important;
	  padding-right: 10px;
	}
	
	.pro-disclaimer.d-none {
		display: none;
	}
	
}

@media (min-width: 900px) {
	#proSubChoice .col-sm-6 {
	  max-width: 320px;
	}
	
	#proSubChoice > div:nth-child(1) > label {
		min-width: 320px;
	}
}

@media (max-width: 1024px) {
	.pro-disclaimer.mt10 {
		margin-top: 0px;
	}
}

@media (max-width: 766px) {
	.billing-fields {
		display: block !important;
	}
}

#proSubSelect .prosub > h3.noborder {
  background: #efefef;
  height: 70px;
  margin: 0px !important;
}

#proSubSelect .prosub > h3.noborder + h3 {
/*    height: 215px;*/
	margin-top: 0px !important;
}

#proSubSelect h2 {
  margin: 0px;
  border-radius: 3px 3px 0 0;
}

#proSubSelect h2.prochoice {
  margin: 0px;
}

#proSubSelect li h4 {
  font-size: 16px;
	line-height: 1.3;
}

#proSubSelect .prochoice::before {
  content: "\f00c";
  font-family: FontAwesome;
  background: white !important;
  color: #64C504;
  font-size: 18px;
  padding: 5px;
  border-radius: 35px;
  position: absolute;
  z-index: 1;
  right: -8px;
  top: -15px;
  width: 30px;
  height: 30px;
  border: 1px solid #bbb;
}

@media (min-width: 1875px) {
  #proSubSelect .prosub h3 {
    height: 170px;
  }

  #proSubSelect .prosub ul {
    height: 240px !important;
  }
}


.subscription-item .alert-warning {
  display: inline-block;
}

.alert-warning.d-none {
  display: none;
}

.alert.alert-warning h3 {
	margin: 10px 0 !important;
}

.admin_table.table50 {
    width: 800px;
  }

.table.admin_table {
   max-width: 800px;
   margin-bottom: 0px;
 }

.admin_table td {
  line-height: 2;
}

@media (max-width: 1200px) {
  .admin_table,
  .admin_table.table50 {
    width: 100%;
  }
}

.table.table_head tbody td {
/*	border: none;*/
}

#calendarDetails button {
	color: #31708f;
	padding: 0px;
	font-size:1.25em;
	width: 100%;
	text-align: left;
}

#calendarDetails .btn-link:hover,
#calendarDetails button:active {
	text-decoration: none;
	outline: none;
}

#calendarDetails .accordion-toggle::after {
    content: "\f078";
	font-family: "Fontawesome";
    color: grey;
    position: absolute;
    right: 35px;
}

#calendarDetails p {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

#calendarToggle .accordion-toggle.collapsed::after {
    content: "\f054";
}

#calendarToggle .btn-outline-info {
  border-color: #82a9b0;
  background: transparent;
  padding: 4px 10px;
}

.dashdivWrap {
	border: 1px solid #ececec;
    box-shadow: 0 10px 10px -10px rgb(0 0 0 / 10%);
	overflow: auto;
	border-radius: 2px;
}

.dashDiv {
	background: #fff;
}

.dashDiv .note-group h3 {
	margin-top: 0px;
}

.projTitle:hover {
	color: #20a3dc;
}


#projects .dashDiv {
	max-height: 600px;
	overflow-y: auto;
}

#Events .dashDiv,
#ProjNotes .dashDiv,
#recentFiles .dashDiv {
	height: 400px;
	overflow-y: auto;
}

#ProjNotes .dashDiv fieldset.note-group {
	margin: 10px;
}

#ProjNotes .dashDiv .itemlist.noteitem .note {
	padding: 0 12px;
}

#ProjNotes .dashDiv .itemlist.noteitem .attachments {
	margin-bottom: 0px;
}

#ProjNotes .container-add {
  padding: 10px 12px;
}

#ProjNotes .attachment-email-box,
#ProjNotes .attachment-note-box {
	margin-top: -20px;
}

#ProjNotes .note-group .remove-comment {
	z-index: 10;
}
#ProjNotes .note-group .remove-comment a.disabled {
  pointer-events: none;
}

#recentFiles .dashDiv .floatLeft {
	padding: 5px;
}

#recentFiles .dashDiv .floatLeft p {
	padding: 10px 0 0 10px;
	float: right;
}

#recentFiles .dashDiv .floatLeft.dashdate {
	height: 50px;
	padding: 15px 0px;
	float: none;
	text-align: right;
	margin-right: 5px;
}

.fileWrap {
	padding: 5px 0;
}

.fileWrap:nth-child(odd) {
	background: #f2f1f1;
	border-bottom: 1px solid #ececec;
}

.dateRow {
	background: #f2f1f1;
	height: 35px !important;
}

.dateRow p {
	color: #20a3dc;
	font-weight: 800;
	padding: 10px 0px;
	margin: 0;
	cursor: default;
}

.statusRow {
    border-bottom: 1px solid #ececec;
}

.statusRow p {
	padding: 8px 0;
	margin: 0;
}

#dashboardEvents {
  min-width: 425px;
}

#dashFiles {
  min-width: 435px !important;
}

#dashFiles img {
  object-fit: cover;
  border: 1px solid #dddddd;
}

 #dashboardEvents .dashboardProj p {
  max-width: 325px;
  float: right;
}

#dashEventAlerts .alert,
#dashMotesAlert .alert,
#dashFilesAlert .alert {
	border-radius: 2px 2px 0 0 !important;
}

@media (min-width: 767px) {
	#dashEventAlerts .alert,
	#dashMotesAlert .alert,
	#dashFilesAlert .alert {
		 min-height: 150px;
		 position: relative;
	}

	.dash-btn-container {
		position: absolute;
		bottom: 0px;
	}
}

@media (max-width: 1244px) and (min-width: 1025px) { 
	#dashEventAlerts .alert,
	#dashMotesAlert .alert,
	#dashFilesAlert .alert {
	   min-height: 180px;
	   position: relative;
	}
}

@media (max-width: 766px) {
	.dash-btn-container {
	  position:relative;
	  top: 10px;
	}
	#Events .dashDiv,
	#ProjNotes .dashDiv,
	#recentFiles .dashDiv {
		height: auto;
		max-height: 400px !important;
	}
}


/*QuickBooks*/

#qBooks ul.qB_unconnected {
   padding-left: 25px;
}

#qBooks ul.qB_unconnected li {
	line-height: 1.5;
}

#qBooks form {
  margin: 0 10px;
}

#qBooks hr {
	margin: 0px;
}

#qBooks table.qB_table select {
	min-width: 315px;
}

@media (min-width: 800px) {
	#qBooks td[width="15%"] {
		padding-left: 10px;
	}
}

@media (max-width: 1200px) {
	#qBooks td[width="50%"] {
		min-width: 250px;
		padding: 0px 15px !important;
	}
}

.qb-icon {
  height: 24px;
  width: 24px;
  display: inline-block;
  position: relative;
  top: -2px;
}

.qb-icon::after {
  content: " ";
  background: url('../assets/img/qb-logo-grn30.png');
  background-repeat: no-repeat;
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
  display: block;
  position: absolute;
  top: 0px;
  left: 2px;
}

.createPOQBO.taken:hover .qb-icon::after,
a[href*="https://sandbox.qbo"].taken:hover .qb-icon::after{
  opacity: .75;
}

@media (max-width: 1300px) {
	.qb-icon {
        display: block;
        font-size: 18px !important;
        padding: 3px;
        border: 1px solid #ddd;
        border-radius: 2px;
        height: 28px;
        width: 28px;
        background: #efefef;
	}
	
	a.taken:hover .qb-icon {
		background: #20a3dc !important;
	}
	
	.qb-icon::after {
		margin: 4px 2px;
    	background-repeat: no-repeat !important;
		background-size: 18px 18px;
	}
}

/*QB End*/

/*Time Tracking*/


.button.inline:active {
  border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 3px solid #0471a0;
}

.sticky-header {
	position:sticky;
    top: 0;
/*	background: white;*/
	box-shadow:  0px 1px 0px 0px #C5C5C5;
	z-index: 1;
}

/*
.content > .wrapper,
#client-box,
#TasksTemplate {
	max-width: 1280px;
}
*/

/*
#client-box form,
#client-box .alert-success,
#recordTimeTracked,
#dateRange, #ttResults {
	max-width: 1280px;
}
*/



#dateRange {
  padding: 15px;
  margin-bottom: 15px;
  border: none;
/*  background: #f0f4f9;*/
/*  border-radius: 5px;*/
}

#dateResults {
	padding: 0 10px 0;
}

#dateResults fieldset legend {
   margin-bottom: 0px;
   padding-bottom: 1px;
   background: transparent;
   float: left;
}

#dateResults fieldset {
	padding: 10px 8px;
	border-top: none;
}

#client-box fieldset {
  margin-bottom: 15px;
  border: none;
}

#client-box fieldset legend {
/*  margin-bottom: 30px;*/
  padding-bottom: 1px;
  position: relative;
  top: 10px;
  background: transparent;
}

#client-box fieldset.alert-warning legend {
  color: #8a6d3b;
  margin-left: 10px;
}

#client-box fieldset.alert-timetrack {
  color: white;
  background: #008000;
}

#client-box fieldset.alert-timetrack legend {
	 color: white;
}

/*
.bg-timetrack {
	background: #f0f4f9;
}
*/

#ttResults .time-striped {
	background-color: #f0f4f9;
}

.time-striped > td:first-child {
  width: 65px !important;
}

.time-toggle {
  background: transparent;
  border: none;
  padding: 1px 5px 0 0;
}

.time-toggle.closed .glyphicon-menu-up::before {
	content: "\e259";
}

.namerow.ttname {
  background: #f0f4f9;

}
.user-row.ttname {
	background: #f5f5f5;
/*  border-bottom: 2px solid #929497 !important;*/
}

#table-data-job .ttname {
  background: #f0f4f9;
}

#table-data-job .ttname {
  background: #f0f4f9;
}

#recordTimeTracked .namerow {
  border-bottom: 2px solid #C5C5C5 !important;
}
/*
#recordTimeTracked .namerow + tr {
  pointer-events: none;
}
*/

.my-user-row td:nth-child(2) {
/*	text-align: right;*/
}

td.ttname {
  font-weight: bold;
  text-align: right;
}

#client-box .alert-success,
#client-box .tracking_time th {
	background: #dff0d8 !important;
}

#client-box .tracking_time tr {
	color: #3c763d !important;
}

.button.startbtn {
  border-color: #3c763d;
  border: none;
}

.button.startbtn.btn-success[disabled=""] {
	background: #efefef;
	color: #929497;
	display: none;
}

.button.stopbtn {
	border-color: transparent !important;
/*  border-color: #b20000 !important;*/
}

.addtimebtn {
  float: right;
}

.new-note.disabled,
.deletecomment.disabled,
.updatenote.disabled {
  pointer-events: none !important;
}

.no-padding {
	  padding: 0px !important;
	}

.no-padding-r {
	padding-right: 0px !important;
}

.no-padding-l {
	padding-left: 0px !important;
}


	.search-label {
		min-width: 80px;
		margin-top: 8px;
	}
	
/*
@media (min-width: 1440px) {
	#maualTime .hour-start {
	  width: 232px;
	}
}
*/

.manual-label {
	  max-width: 50px;
	  padding-top: 7px !important;
	}

.moveLeft {
  margin-left: -7px;
}

#ttDesc {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 12px;
  color: #333333;
  background-color: #efefef;
  border: 1px solid #dddddd;
  border-radius: 2px;
  pointer-events: none;
}

.submit-modal .button.startbtn,
.submit-modal .button.stopbtn {
  right: 85px;
  bottom: -64px;
  border: 1px solid transparent;
}

@media (min-width: 768px) {
	#dateRange {
		min-height: 200px;
	}
	#ttResults {
		margin-bottom: 0px;
	}
	#startStop {
	  position: relative;
	  display: table;
	  border-collapse: separate;
	} 
	.moveLeft div.col-xs-12 {
	  padding-left: 0px !important;
	}

	legend.shift-legend {
	  margin-left: 7px;
	}
	
	.form-group.mb-none {
	  margin-bottom: 0px !important;
	}
	
	#startStop {
		float: right;
		margin-top: 0px !important;
	}
}

@media (min-width: 1025px) {
  .col-md-5.hour-start {
    width: 238px;
  }
}

@media (max-width: 1440px) and (min-width: 1025px) {
  .col-md-5.hour-start {
    width: 13vw;
  }
}

@media (max-width: 767px) {
	fieldset.settings {
		padding: 0px 8px !important;
	}
	#dateResults fieldset legend,
	#client-box fieldset legend {
		font-size: 1.4em;
		line-height: 1.2em;
	}
/*
	.button.addtimebtn,
	.button.startbtn,
	.button.stopbtn,
	#ManualBtn .addTime,
	#ManualDelBtn .removetime,
	#ManualBtn .removeClockVal,
	#ManualDelBtn .cancel,
	#ManualDelBtn .removetask,
	#ManualBtn .updateTask,
	#ManualBtn .removeTaskVal,
	#ManualDelBtn .removeRow,
	#ManualDelBtn .removeTemp,
	#ManualDelBtn .removeCatg,
	#ManualBtn .updateCatg,
	#ManualBtn .removeCatgVal {
		padding: 10px 15px;
		font-size: 16px;
		width: 48%;
	}
*/
	#ManualBtn .addTime,
	#ManualBtn .updateCatg,
	#ManualDelBtn .removetime,
	#ManualDelBtn .removeRow,
	#ManualDelBtn .removeCatg {
		float: left;
	}
	.button.startbtn,
	.button.stopbtn,
	#ManualBtn .removeClockVal,
	#ManualBtn .removeTaskVal,
	#ManualBtn .removeCatgVal,
	#ManualDelBtn .cancel {
		float: right;
	}
	#client-box .table-responsive,
	#dateResults .table-responsive {
	  max-height: 600px;
	  overflow: auto;
	  display: inline-block;
	}
	
	#taskDesc,
	#ttDesc {
		margin-bottom: 12px;
	}
	
	.moveLeft {
	  margin-right: -7px;
	}
	
	.col-md-6.time-wrapper {
	  padding-left: 0px;
	  padding-right: 0px;
	}

}

@media (max-width: 400px) {
	#client-box .table-responsive,
	#dateResults .table-responsive {
		width: 400px !important;
		display: block !important;
	}
	#realTimeTracking table td {
	  width: 33.3333%;
	}
}

@media (min-width: 375px) {
  #otherDetailsDiv .ellipsis-text {
    white-space: wrap !important;
  }
}

@media (min-width: 350px) {
	.button.stopbtn,
	.button.stopbtn.inline,
	#ManualBtn .removeClockVal,
	#ManualDelBtn .cancel {
/*		margin-left: 5px;*/
	}
}

@media (max-width: 350px) {
	#dateResults fieldset legend,
	#client-box fieldset legend {
    	font-size: 1.2em;
	}
	#ManualBtn .button,
	#ManualDelBtn .button {
		font-size: 14px;
		padding: 6px !important;
	}
}

#timeTrackingModalDiv .button.button-fixed[disabled=""] {
	display: none !important;
}

.button.stopbtn.btn-danger[disabled=""] {
	background: #efefef;
	color: #929497;
	display: none !important;
}

#recordTimeTracked td:last-child {
  text-align: center;
}

/*
.tt_ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
*/

@media (min-width: 1024px) and (max-width: 768px) {
	#realTimeTracking .tt_ellipsis {
		max-width: 500px;
	}
}

@media (min-width: 1024px) {
	#dateResults fieldset legend,
	#client-box fieldset legend,
	#TasksTemplate .jc_title {
    	border: none;
	}
	#client-box fieldset {
	  padding: 0 1px 0 0;
	}
}

@media (max-width: 1024px) {
	#realTimeTracking .tt_ellipsis {
		max-width: 300px;
	}
}

@media (max-width: 767px) {
	#realTimeTracking .tt_ellipsis {
		max-width: 200px;
	}
}

/*Time Tracking end*/

/*Job Costing Styles*/

.jc_title {
  font-size:1.15em;
  font-weight: 300;
  padding-bottom: 3px !important;
}

.job_cost_option {
  position: absolute;
  top: 10px;
  right: 15px;
}

@media (max-width: 767px) {
  .job_cost_option {
    top: 16px;
  }
}

@media (max-width: 348px) {
	.jc_title {
		border: none !important;
		margin-left: 8px;
	}
  .job_cost_option {
		top: 8px;
		right: 8px;
	}
}

.button_group {
  margin: 10px 0;
}

.button_group input {
	margin-bottom: 5px !important;
	float: left;
}

.button_group input:nth-child(2) {
	margin-left: 5px;
}

.AddTemp,
.updateTemp,
.addCategory,
.updateCategory {
  cursor: pointer;
}


.AddTemp.add::before,
.addCategory.add::before {
	content: "\f067 ";
	top: 7px;	
  	font-family: 'FontAwesome';
}

.updateTemp.edit::before,
.updateCategory.edit::before{
  top: -1px;
}

#setDefaultTemplate {
  float: left;
  margin-top: 5px;
}

#setDefaultTemplate input {
  height: 18px;
  width: 18px;
  margin: 0px 10px;
  float: right;
}

@media (min-width: 832px) {
  .addTemp,
  .addCat {
    float: right;
  }
}

.modal-body {
  width: 100%;
}

.modal-body #setDefaultTemplate + #ManualBtn .button {
  margin-top: 0px;
  float: right;
}

.modal-body .file-drop-zone input[type="file"] {
	top: 30px !important;
}


#jobCostingEditRows select {
  padding: 0px 10px !important;
}

#jobCostingEditRows select,
#jobCostingEditRows input {
 margin: 5px 0px !important;
}

.job_temp_name,
.job_temp_delete {
  border-top: none !important;
  padding-top: 0px !important;
	padding-bottom: 0px !important;
	background-color: #f0f4f9;
}

.job_temp_delete a {
  margin: 8px;
  top: 10px;
}

.costingTempHeader {
  background-color: #f5f5f5;
}

@media (max-width: 767px) {
	.min1000 {
	  min-width: 1000px;
	}
	.min700 {
	  min-width: 700px;
	}
}

#TasksTemplate .jc_title {
  border: none !important;
}

#TasksTemplate td .form-control {
	height: initial !important;
	padding: 3px 6px !important;
}

.rate-width {
  width: 100px !important;
}

.rate-width-small {
  width: 50px !important;
}

.rate-width-big {
  width: 200px !important;
}

.rate-width-long {
  width: 250px !important;
}

.rate-width-auto {
  width: 10vw !important;
  max-width: 200px;
}


#rateFixed,
.ratefixed {
	width: 235px !important;
	min-width: 135px !important;
}

.filler_td {
  width: 20vw;
  max-width: 400px;
}

.holler {
	background: yellow !important;
}

@media (max-width: 767px) {
	.ellipsis-text.jctt_150 {
	  max-width: 150px;
	}
	.rate-width-big {
	  width: 150px !important;
	}
}


#TasksTemplate .remove {
  top: 4px;
}
#TasksTemplate .addItem {
  top: 5px;
}
#TasksTemplate .addItem::before {
  top: 7px;
}
	
.jc-padded {
	padding-top: 13px !important;
}

/*
.holler {
	background: yellow;
}
*/

#TasksTemplate.hide-col-7 th:last-child,
#TasksTemplate.hide-col-7 td:last-child {
  display: none;
}

@media (min-width: 768px) {
  .bc-wrapper .bc-menu.list-group {
    width: 340px;
  }
}

/*Job Costing end*/


/*Set Max width PRO/Work*/

.mwidth,
#container,
#footer {
  max-width: 1440px !important;
  margin: 0 auto !important;
}

#container ~ #footer,
.mwidth-footer {
  background: #fafbfe !important;
}

@media (min-width: 501px) {
	#footer {
	  border-top: 1px solid #ececec;
      box-shadow: -5px -15px 10px -15px rgb(0 0 0 / 10%);
	}
	#footer .row {
	  padding: 10px;
	}
}

#newNavPanel {
  background: white;
  height: 100%;
  width: 200px;
  position: fixed;
  left: 61px;
  top: 80px;
  border-right: 1px solid #dfdfdf;
  z-index: 101;
}

@media (max-width: 2000px) and (min-width: 768px) {
  #newNavPanel.closePanel ~ #container,
  #newNavPanel.closePanel ~ #containter.mwidth,
  #newNavPanel.closePanel ~ #footer {
    max-width: calc(100% - 60px) !important;
	margin-right: 0px !important;
	transition: .5s;
  }
  #newNavPanel.closePanel ~ #container .header {
	padding-left: 65px;
  }
  #newNavPanel ~ #container,
  #newNavPanel ~ #containter.mwidth,
  #newNavPanel ~ #footer {
    max-width: calc(100% - 261px) !important;
	margin-right: 0px !important;
	transition: .5s;
  }
}

@media (max-width: 1600px) {
  #container,
  #containter.mwidth,
  #container ~ #footer {
    padding-left: 60px;
  }
}

@media (max-width: 1600px) and (min-width: 768px) {
  #newNavPanel.closePanel ~ #container,
  #newNavPanel.closePanel ~ #containter.mwidth,
  #newNavPanel.closePanel ~ #footer {
   	max-width: calc(100% - 0px) !important;
	transition: .5s;
  }
  #newNavPanel.closePanel ~ #container .header {
	padding-left: 75px;
  }
 #newNavPanel ~ #container,
 #newNavPanel ~ #containter.mwidth,
 #newNavPanel ~ #footer {
   max-width: calc(100% - 200px) !important;
   transition: .5s;
 }
}

@media (max-width: 1145px) {	
  #newNavPanel {
	left: 60px;	
  }
} 

@media (max-width: 1145px) {	
  #container,
  #containter.mwidth,
  #container ~ #footer {
    padding-left: 60px !important;
  }	
}

#container.fwidth {
  max-width: 100% !important;
}

@media (min-width: 1601px) {
	#container.fwidth {
	  margin-left: 60px !important;
	}

	#newNavPanel ~ #container.fwidth {
	  margin-left: 261px !important;
	  transition: .5s;
	}

	#newNavPanel.closePanel ~ #container.fwidth {
	  margin-left: 61px !important;
	  transition: .5s;
	}

    #newNavPanel.closePanel ~ #container.fwidth .header {
	 padding-left: 65px !important;
    }
}

@media (min-width: 1440px) {
  #container.fwidth ~ #footer {
    left: 0 !important;
    transform: none !important;
    width: calc(100% - 60px) !important;
    margin-left: 60px;
  }
}



.content #newprojectform.wrapper {
  padding-top: 0px !important;
}

#viewIcons a {
  text-decoration: none !important;
}

.modal-content {
  border: none !important;
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.1) !important;
}

#SortLabel + .caret {
  margin-left: 5px;
  position: relative;
  bottom: 2px;
}

.material-alignment-fix {
  display: block;
  margin-top: -12px;
}

.email-legend {
  font-size: 14px;
  color: #363636 !important;
  font-weight: 500;
  padding-bottom: 2px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 5px;;
}

.details-show-less,
.details-show-more,
.projectcontact-show-less,
.projectcontact-show-more,
.projectsite-show-less,
.projectsite-show-more {
  padding: 15px;
  margin-left: 10px !important;
  width: 80% !important
}

input.form-control.error,
select.form-control.error {
  margin-bottom: 0px !important;
}

.col-xs-10.col-xs-offset-1 {
  margin-bottom: 5px;
}

/* datepicker styling */

.datepicker {
  margin-top: 75px !important;
  padding: 0px 16px 16px !important;
  border: none !important;
  border-radius: 2px !important;
  box-shadow: 0px 4px 20px rgba(44, 47, 60, 0.12) !important;
  max-width: 257px;
}

.wx-material-theme .datepicker {
	margin-top: 0px !important;
	padding: 0px !important;
	box-shadow: none !important;
}

.datepicker thead tr:nth-child(2) {
  height: 60px;
}

.datepicker-switch {
  font-size: 18px;
  width: 100%;
  text-align: center;
}

.datepicker thead tr:nth-child(2) th.next {
  text-align: right;
}

.datepicker thead tr .dow {
  color: #7f7f7f;
  width: 32px;
  height: 16px;
}

.cbox {
  width: 30px;
}

#reportData td {
  padding: 12px 8px;
}

.datepicker tfoot {
  position:  absolute;
  height: 40x !important;
  display: flex;
  width: 100%;
  margin: 0 0 0 -15px;
  padding: 8px 15px 10px;
  justify-content: flex-end;
  background: #fff;
  box-shadow: 0px 14px 20px rgba(44, 47, 60, 0.12) !important;
}

.datepicker tfoot .today,
.datepicker tfoot .clear {
  color: #20a3dc;
  font-weight: 500;
  border-radius: 2px;
  padding: 8px 0 8px 15px;
}

.datepicker tfoot .today:hover,
.datepicker tfoot .clear:hover {
  color: #555555 !important;
  cursor: pointer;
}

/* Event calendar  */

.datepicker .header[class*="svelte-"],
.wx-event-calendar-wrapper .header[class*="svelte-"],
.calendar[class*="svelte-"] .wrap .header[class*="svelte-"] {
  max-height: 50px;
  padding-top: 0px !important;
}

.wx-event-calendar-wrapper .wrap[class*="svelte-"][class*="svelte-"] {
  width: auto;
}

/* Task Board  */

.wx-calendar {
  padding-top: 10px !important;
}

.wx-calendar .wx-header[class*="svelte-"] {
  height: 50px !important;
  margin-top: 0px !important;
}

.wx-calendar .wx-header[class*="svelte-"] .wx-label,
.calendar[class*="svelte-"] .wrap .header .label[class*="svelte-"] {
  color: #333;
  font-size: 18px;
  font-weight: 600;
}

/* datepicker styling end */

/*Uniform table (dataTable) styling*/
	
table.dataTable {
	border-collapse: collapse !important;
}
	
table.dataTable.table-striped > tbody > tr.odd > *,
table.dataTable.table-hover > tbody > tr:hover > * {
	box-shadow: none !important;
}

.responsive-table {
  min-height: .01%;
}

@media screen and (max-width: 767px) {
  .responsive-table {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
}



.input-group-addon-fix{
display: table;
}

#viewCustomerJobTitle input {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right: none;
}

#viewCustomerJobTitle .input-group-addon {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}

#viewCustomerJobTitle .input-group-addon {
  border-left: none !important;
  border-color: #dfdfdf;
}

.table-filter-data {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  background: transparent;
}

.table-filter-data tr td {
  padding: 8px !important;
}

.flex-checkbox-horizontal {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0px 8px;
  gap: 10px;
}

.flex-checkbox-horizontal input.checkbox {
  top: -2px;
}

.loc-flex-grid {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.loc-flex-item {
  flex-grow: 1;
  border: 1px solid #ececec;
  border-radius: 5px !important;
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.1);
  padding: 10px;
  margin: 8px;
  min-width: 180px;
}

.loc-flex-item:hover {
  transition: 0.5s;
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.4);
  border-color: #ccc;
}

.loc-flex-item.default-location {
  background: #f9f9f9;
  border-color: #0D7FA5;
  box-shadow: 0 10px 10px -10px rgba(32, 163, 220, 0.4);
}

.loc-flex-item.default-location:hover {
  box-shadow: 0 10px 10px -10px rgba(32, 163, 220, 0.6);
}

.loc-flex-item .loc-contact {
  width: 100%;
}
.loc-flex-item .editLink {
  float: right;
}

.loc-flex-item.inactive-contact {
  border: 2px dashed #ededed !important;
  order: 2;
}

.loc-flex-item.inactive-contact label,
.loc-flex-item.inactive-contact .form-control,
.loc-flex-item.inactive-contact a.email-general,
.loc-flex-item.inactive-contact .map_marker .material-symbols-outlined {
  color: #808080 !important;
  opacity: 0.7;
}


/* STYLE.CSS */

body {
	font-family: "Roboto",Arial, sans-serif;
	font-weight: 300;
}

body b,
body strong {
	font-weight: 500 !important;
}

body.iw-content { background: none; }

* html body {
}

h1 { font-size:2.2em; font-weight:300; }
h2 { font-size:1.5em; font-weight:300; }
h3 { font-size:1.3em; font-weight:300; }
h4 { font-size:1.2em; font-weight:normal; }
h6 { font-size:.8em; font-weight:normal; }
.sm { font-size:.9em; }
.sma { font-size:.8em; }

h5.sub {
	font-size:.9em;
	font-weight:600;
}

fieldset { border:1px solid #d3d3d3; }

fieldset legend { padding: 5px 10px; background: transparent; }

fieldset.bill {
	border:3px solid #ccc;
}
fieldset.bill legend {
	font-size:1.2em; font-weight:600; padding:0 5px;
}

.b { font-weight:600; }
.norm { font-weight:normal; }
.i { font-style:italic; }
.r { color:#f00; }
.g { color:#666; }
.itemedit {	font-size:.65em; font-weight:normal; }
.markcomplete {
	background:url(../images/loading-tiny.gif) no-repeat;
	font-size:.8em;
	font-weight:600;
}
.feedlink {
	float:right;
	font-size:.85em;
	font-weight:normal;
}
.link {
	cursor:pointer;
	cursor:hand;
}
.alertbox {
	background:#ffebeb url(../images/stop_round.gif) no-repeat;
	background-position:9px 9px;
	border:1px solid #f5c1c2;
	font-weight:700;
	color:#9e0b0f;
}

.successbox {
	background:#e5f7e3 url(../images/close.gif) no-repeat;
	background-position:7px 7px;
	border:1px solid #c5e1c8;
	font-weight:700;
	color:#005e20;
}

#notify, #files { background-color:#f5f5f5; }
.notifybg { background-color:#f5f5f5; }

a.sublink, a.nounder { text-decoration:none; }
a.subactive { font-size:125%; font-weight:600; text-decoration:none; }

.error { background-color:#ffebe8; border:1px solid #96523b!important; }
.success { background-color:#fffade; border:1px solid #e7d125; }

/* CATEGORIES */
.catbox { font-size:.85em;border:1px solid #555;text-align:center;text-transform:uppercase; }
.comm { background-color:#3ff; }
.issue { background-color:#c00; color:#fff; }
.message { background-color:#00f; color:#fff; }
.milestone { background-color:#ff0; }
.to-do, .To-Do, .todolist, span.todo { background-color:#f90; }
.file { background-color:#ffc; }
.project { background-color:#9c3; }
.screenshot { background:#033; color:#fff; }

/* LEFT COLUMN */

.mynetwork #container .left .main{
	-webkit-box-shadow:0 10px 10px -10px rgba(0,0,0,0);
	box-shadow:0 10px 10px -10px rgba(0,0,0,0);
	border: 1px none #a1a1a1;
	border-top: none;
}

.modal-body #container .main {
	background: #fff ;
	-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);
	box-shadow:0 0 0 0 rgba(0,0,0,0);
	border: 1px none #a1a1a1;
	border-top: none;
}

.wrapper #container .left .main  {
	-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);
	box-shadow:0 0 0 -0 rgba(0,0,0,0);
	border: 1px none #a1a1a1;
	border-top: none;
}

#container .login .main {padding: 0 15px 15px 15px; }

#container .login #header {margin-left: -15px; margin-right: -15px; height: 98px;}

#container .login #header .logo {
	padding: 20px 0 0 30px;	
}

#container.strip {
	padding-left: 0px !important;
}

.wrapper #container .left .main .header {
	border-bottom: 1px none #d3d3d3;
	position: relative;
}

#container .left .main .submenu {
	/*background-color:#f7f7f7;*/
}

#container .left .main ul.submenu li a {
	text-decoration:none;
}

#container .left .main ul.submenu li a.current {
	font-weight:600;
}

#container .left .main .header h2, #container .left-map .main .header h2 {
	font-size: 18px;
	font-weight: 700;
	color: #333;
}

#container .left .main .header .rightmenu, #container .left-map .main .header .rightmenu {
	color:#999;
}

#container .left .main .header .rightmenu .current {
	color:#000; font-weight:600;
}

#container .left .main .content, 
#container .left-map .main .content {
	position:relative;
}

#container .left .main .mh-content, 
#container .left-map .main .mh-content {
	min-height: 550px;
}

#Menuslider.closeSlider ~ .content #lightBlueGrid {
  margin-left: 0px;
}

/*
#Menuslider.closeSlider ~ .content {
	background-color: transparent !important;
	z-index: 100 !important;
}
*/

#container .left .main .content #slidediv {
	background:#fff6b4 url(../images/yellow-bg.gif) repeat-x;
}

#container .left .main .content .stamp {
	text-transform: uppercase;
	color:#666;
	font-weight:400;
}

#container .left .main .content .fs12 {
	font-size: 16px;
}

#container .left .main .content .wrapper h3 {
	font-size: 16px;
}

#container .left .main .content .wrapper .overdue {
	background-color: #ffd6d6;
	padding:5px;
}

#container .left .main .content .wrapper .milestone h3 {
	font-size:16px;
}

#container .left .main .content .wrapper .milestones > .header {
	font-size:1em;
	font-weight:600;
}

#container .left .main .content .wrapper .milestones .milestone {
	border-bottom:1px solid #ddd;
	background:url(../images/comment-bg.gif) no-repeat;
}

#container .left .main .content .wrapper .milestones .milestone .date {
	font-size:1.1em;
}

#container .left .main .content .wrapper .milestones .milestone .desc {
	font-size:.9em; 
	color:#555;
}

#container .left .main .content .wrapper .milestones .milestone li.sub {
	list-style-type:square;
	font-size:.85em;
	color:#666;
}

#container .left .main .content .wrapper .milestones > .late { background-color:#f00; color:#fff; }
#container .left .main .content .wrapper .milestones .milestone .late {	color:#f00; }
#container .left .main .content .wrapper > .late { border-left:1px solid #f00; }
#container .left .main .content .wrapper .milestones > .upcoming { background-color:#fc0; color:#000; }
#container .left .main .content .wrapper .milestones .milestone .upcoming {	color:#f90; }
#container .left .main .content .wrapper > .upcoming { border-left:1px solid #fc0; }
#container .left .main .content .wrapper .milestones > .completed { background-color:#660; color:#fff; }
#container .left .main .content .wrapper .milestones .milestone .completed { color:#660; }
#container .left .main .content .wrapper > .completed { border-left:1px solid #660; }

#container .left .main .content .wrapper .commentbar, #container .left .main .content .wrapper .attachbar {
	background-color:#555; font-size:1em; font-weight:600; color:#fff;
}

#container .left .main .content .wrapper .commentbody {
	background:url(../images/comment-bg.gif) no-repeat top left;
	border:1px solid #ddd;
}

#container .left .main .content .ms {
	color:#555;
}

#container .left .main .content .posted {
	color:#555;
}

#container .left .main .content .byline {
	background-color:#f5f5f5;
	color:#666;
	font-size:.9em;
}

#container .left .bottom {
	background: transparent;
  	font-size: 8px;
}

#container .left .main .content ul.filelist li a {
	text-decoration:none;
}

#container .left .main .content #listWrapper .todolist {
	background-color:#fff;	
	list-style:none;
}

#container .left .main .content #listWrapper .todolist h3 a.title {
	color:#000;
}

/*#container .left .main .content #listWrapper .todolist td div {
	background-color:#fff;
	font-size:1.2em;
}*/

#container .left .main .content #listWrapper .todolist .liststamp {
	border-top:1px solid #999;
}

#container .left .footer {
	font-size:0.85em;
}

/* RIGHT COLUMN */
#container .right .header {
	background-color: #f2f9ff; 
	color:#555;
}

#container .right .textheader {
	border-bottom:1px solid #000; 
	color:#555;
}

#container .right .header h3, #container .right .textheader h3 {
	font-size:1.2em;
}

#container .right .content ul {
	list-style-image: url(../images/bullet.gif);
}

#container .right .content ul.nobullet {
	list-style-image: none;
}

#container .right .content ul.people {
	list-style-image: url(../images/people16.gif);
}

/* issue status */
#issueStatus{clear:both; margin-top:20px; }
#issueStatus li{
	width:25%;
	height:36px;
	list-style:none;
	float:left;
	background-color:#EBEBEB;
	background-image: url(../images/navBtn.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#issueStatus li.current{
	background-color:#C36615;
	background-image: url(../images/navCurrentBtn.gif);
}

#issueStatus li.lastDone{
	background-color:#7C8437;
	background-image: url(../images/navLastDoneBtn.gif);
}

#issueStatus li.done{
	background-color:#7C8437;
	background-image: url(../images/navDoneBtn.gif);
}

#issueStatus li a, #issueStatus li a:link, #issueStatus li a:visited, #issueStatus li a:hover, #issueStatus li a:active {
	color:#ccc;
}

#issueStatus li.lastDone a, #issueStatus li.lastDone a:link, #issueStatus li.lastDone a:visited, #issueStatus li.lastDone a:hover, #issueStatus li.lastDone a:active, #issueStatus li.current a, #issueStatus li.current a:link, #issueStatus li.current a:visited, #issueStatus li.current a:hover, #issueStatus li.current a:active, #issueStatus li.done a, #issueStatus li.done a:link, #issueStatus li.done a:visited, #issueStatus li.done a:hover, #issueStatus li.done a:active {
	color:#fff;
}

#issueStatus li.done a:hover, #issueStatus li.lastDone a:hover  {
	color:#FFFF99; cursor:hand;
}

#issueStatus li a em{
	width:183px;
	display:block;
	margin:6px 0 0 11px;
	font-style:normal;
	font-weight:600;
	font-size:140%;
}

#issueStatus li a span{
	width:140px;
	display:block;
	margin-left:10px;
	font-weight:normal;
}

#issueStatus li.issueStatusNoBg{
	background-image:none;
}

#issuefilter {
	background-color:#ffc;
	border:1px solid #ccc;
}

ul#assignmenu {
	display:none;
	position:absolute;
	top:25px;
	right:0;
	background-color:#eff7ff;
	text-align-right;
	border:1px solid #75BAFF;
	border-top:none;
	list-style:none;
}

ul#assignmenu li a {
	text-decoration:none;
	width:100px;
	padding:3px;
	padding-left:10px;
	border-bottom:1px solid #B3D9FF;
}

ul#assignmenu li a:hover {
	background-color:#B3D9FF;
}

.searchresult { border:2px dotted #eee; background-color:#fafafa; }
.searchresult+.odd { background-color:#f5f5f5; }
.searchresult h4 { font-weight:600; }
div#report { background-color:#f5f5f5; }


/* cluetip global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(../images/cluetip/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 14px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url(../images/cluetip/arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows {
  background-image: url(../images/cluetip/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(../images/cluetip/arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url(../images/cluetip/arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/*********************

	buttons 
	
*********************/


.buttonLink, a.buttonLink:link, a.buttonLink:visited, a.buttonLink:active, input[tpye="submit"], input[tpye="submit"]{
	font: 600 11px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
	background-color:#D06F1A;
	padding: 8px 14px;
	margin: 0px 0 3px 10px;
	height:auto;
	width:auto;
	vertical-align:middle;
	border: none;
	cursor:pointer;
	border-radius: 5px;
	box-shadow: 0 4px 2px -3px rgba(0, 0, 0, 0.35);
}

a.buttonLink:hover, input[tpye="submit"]:hover {
	background: #8a470c;	
}

/* map alert message */

#alertMessage {
    position: relative;
}

#alertP {position:absolute;top:44px; left: 0; width:100%;z-index:999;text-align:center;}

#alertP.black-alert {
	position: relative;
	top: 0;	
}
.mynetwork-left > #alertP { position:absolute; top:48px; }
#alertP.notop { top: 0;}

#alertMessage:hover:after {
    background: hsla(0,0%,0%,.8);
    border-radius: 3px;
    color: #f6f6f6;
    content: 'Click to dismiss';
    font: 600 12px/30px sans-serif;
    height: 30px;
    left: 50%;
    margin-left: -60px;
    position: absolute;
    text-align: center;
    top: 50px;
    width: 120px;
    z-index: 5;
    text-decoration: none;
}

#alertMessage:hover:before {
    border-bottom: 10px solid hsla(0,0%,0%,.8);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: '';
    height: 0;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    top: 40px;
    width: 0;
    z-index: 5;
}

#alertMessage.limits:hover:after {
    background: none;
    border-radius: 0px;
    color: inherit;
    content: '';
    font: 600 12px/30px sans-serif;
    height: 0;
    left: 0;
    margin-left: 0;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 0px;
    z-index: 1;
    text-decoration: none;
}

#alertMessage.limits:hover:before {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    content: '';
    height: 0;
    left: 0;
    margin-left: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 1;
}

#alertMessage:target {
    display: none;
}
.alertC {
    background-image: -webkit-linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.05) 25%,
                      hsla(0,0%,0%,.05) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.05) 75%,
                      hsla(0,0%,0%,.05));
    background-image: -moz-linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.1) 25%,
                      hsla(0,0%,0%,.1) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.1) 75%,
                      hsla(0,0%,0%,.1));
    background-image: -ms-linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.1) 25%,
                      hsla(0,0%,0%,.1) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.1) 75%,
                      hsla(0,0%,0%,.1));
    background-image: -o-linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.1) 25%,
                      hsla(0,0%,0%,.1) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.1) 75%,
                      hsla(0,0%,0%,.1));
    background-image: linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.1) 25%,
                      hsla(0,0%,0%,.1) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.1) 75%,
                      hsla(0,0%,0%,.1));
    background-size: 20px 20px;
    box-shadow: 0 5px 0 hsla(0,0%,0%,.1);
    display: block;
    font: 600 16px/40px sans-serif;
    height: 40px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: -45px;
    width: 100%;
    z-index: 1;
    -webkit-animation: alert 1s ease forwards;
       -moz-animation: alert 1s ease forwards;
        -ms-animation: alert 1s ease forwards;
         -o-animation: alert 1s ease forwards;
            animation: alert 1s ease forwards;
}

/* Animation */

@-webkit-keyframes alert {
    0% { opacity: 0; height: 0; }
    50% { opacity: 1; height: 40px;}
    100% { top: 0; }
}
@-moz-keyframes alert {
    0% { opacity: 0; height: 0; }
    50% { opacity: 1; height: 40px;}
    100% { top: 0; }
}
@-ms-keyframes alert {
    0% { opacity: 0; height: 0; }
    50% { opacity: 1; height: 40px;}
    100% { top: 0; }
}
@-o-keyframes alert {
    0% { opacity: 0; height: 0; }
    50% { opacity: 1; height: 40px;}
    100% { top: 0; }
}
@keyframes alert {
    0% { opacity: 0; height: 0; }
    50% { opacity: 1; height: 40px;}
    100% { top: 0; }
}
   
.no-top-border {border-top:0px!important;}

.resultMiddle .circle-image {
  border: 1px solid #d3d3d3;
  background: #fff;
}


/* HEADER.CSS */

.inmplayer-popover-branding { display: none !important; }

.clearfix::after {
    clear: both;
    content: "";
    display: block;
    height: 1px;
    width: 1px;
}

.navbar {
	margin-bottom: 0 !important;
}

.navbar-brand {height: 70px !important; }
.navbar-brand {padding: 5px 25px 5px 0 !important;}
header { height: auto !important;}
header > .alert { margin-bottom: 0; border-radius:0; }

#header {
	padding:0;
	background: #929497;
	width: 61px !important;
	height: 100%;
	min-height: 60px;
	position: fixed !important;
	margin-top: -80px;
	overflow-x: hidden;
}

#titleBar {
  background: rgba(255,255,255,0.98);
  height: 80px;
  box-shadow: 7px 7px 5px rgba(0,0,0,0.05);
  position: fixed;
  top: 0px;
  z-index: 202;
  width: calc(100% - 61px);
  margin-left: 61px;
} 

@media (max-width: 1145px) {
  #titleBar {
	width: calc(100% - 61px) !important;
    margin-left: 61px !important;
  }
}

#titleBar ~ #container {
  margin-top: 80px !important;
}

#admintabs .material-symbols-outlined {
  font-weight: 100 !important;
  font-size: 36px;
  position: relative;
  top: 3px !important;
  right: 1px;
}

#newMenu {
	position: fixed !important;
	bottom: 60px;
	transition: bottom 0.3s ease-out;
}

#helpMenu {
	position: fixed !important;
	bottom: 10px;
	transition: bottom 0.3s ease-out;
}

#newMenu a,
#helpMenu a {
	padding: .5em .85em;
}

#newMenu .material-symbols-outlined,
#helpMenu .material-symbols-outlined {
  font-weight: 100 !important;
  font-size: 36px;
}

#newMenu .dropdown-menu  {
  position: absolute;
  margin: 2px 0 0 !important;
  left: 60px;
  top: -45px;
  border-radius: 0 2px 2px 0;
}

#helpMenu .dropdown-menu {
  position: absolute;
  margin: 2px 0 0 !important;
  left: 60px;
  top: -125px;
  border-radius: 0 2px 2px 0;
} 

#header .container-fluid {
	padding: 0 !important;
}

#tabs.navbar-collapse {
  padding: 0px;
}

.navbar-inverse { background-color: transparent !important; border: none !important;}

.loggedin-name { padding: 18px; color: #fff; line-height:14px; font-weight: 400;}
.loggedin-name span {display:block; font-size: .55em;}
#header #projectmenu {
	background-color:#ffc;
	position:absolute;
	left:190px; top:0;
	font-size:.9em;	
	z-index:1000;
}

a[title="Help"], a[title="Recent Pages"] {
	cursor: pointer;	
}

#header #projectmenu ul { list-style-type:none; }
#header #projectmenu ul li { border:1px solid #ffd61f; padding:3px 5px; }
#header #projectmenu ul li a { text-decoration:none; color:#00f; } 

#header h1 {
	font-size:2.6em;
	font-weight:600;
	color:#f5f5f5;
	margin:0 0 6px 0;
}

#header h1.projectTitle {
	color: #455560;
    font-size: 1.75em;
    left: 50px;
    position: absolute;
    top: 144px;	
}

#header #linksback {
	font-size:.85em;
	color:#f5f5f5;
}

#header a {
	color: #fff;
}


#header .alert-warning a {
	color: #0471a0;   
}

#header .alert-warning a:hover {
	color: #024663;   
}

#header .alert {
	border-radius: 0; 
}

@media (min-width: 896px) {
  .nologin {
	height: 70px !important;
	position: relative !important;
  }
	
}

header.nologin #logo {
   height: 74px !important;
   padding: 10px 15px 0 25px !important;
}

@media (max-width: 767px) {
  header.nologin #logo {
    padding: 10px 0 0 0 !important;
  }
}

#createBtn {
  display: none;
}

#admintabs .hidden-tab {
/*  display: none;*/
}
	
@media (min-width: 766px) {
  #alertP {
   margin-top: 33px;
  }
}

@media (min-width: 767px) {
	#newNavPanel.closePanel {
	  width: 0px !important;
	  height: auto !important;
	  left: 197px !important;
	  z-index: 10000;
	  border: none !important;
	}
	#newNavPanel.closePanel > #Menuslider .material-symbols-outlined {
	  width: 35px; 
	}
	#newNavPanel.closePanel > #Menuslider .material-symbols-outlined:hover {
	  background: #fff;
	  border: 1px solid #ececec !important;
	  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.1) !important;
	}
}

#Menuslider {
	height: 47px;
    display: flex;
    justify-content: center;
}

#Menuslider button {
    border: none;
/*	transition: .5s;*/
	background: transparent;
	color: rgba(0,0,0,0.4) !important;
	font-size: 36px !important;
	cursor: pointer;
}

#Menuslider.closeSlider button {
/*
  -webkit-transform: scaleX(-1); 
  transform: scaleX(-1); 
*/
  transition: .5s;
  margin-right: 190px; 
}

#Menuslider .material-symbols-outlined {
  width: 160px;
  border-radius: 3px;
}

#Menuslider .material-symbols-outlined:hover {
  background: #ededed;
  color: #000;
}

@media (min-width: 500px) {
	#Menuslider.scroll.closeSlider .material-symbols-outlined {
		background: #20a3dc40; /* 25% alpha */
		color: #fff;
	}
	#Menuslider.scroll.closeSlider .material-symbols-outlined:hover {
		color: initial;
	}
}

#maintabsSub i.simple-icons,
#maintabsSub i.fa-icons {
  padding-right: 5px;
  position: relative;
  top: 1px;
}

#maintabsSub .material-symbols-outlined {
  padding-right: 3px;
  position: relative;
  top: 7px;
  right: 5px;
  font-weight: 200;
  width: 24px;
  overflow: hidden;
  animation: fadeIn 1s;
}

#maintabsSub .wx-todo_icon {
  position: relative;
  top: 7px;
  right: 5px;
  font-size: 24px;
  width: 24px;
  animation: fadeIn 1s;
  color: #808080;
}

#maintabsSub i.fa-usd {
	padding: 0 3px;
	margin-right: 5px;
}

#maintabsSub li.green-hover a:hover,
#newNavPanel #maintabsSub li.current.green-hover,
#newNavPanel #maintabsSub li.current.green-hover > a {
   color: #2ca01c !important;
}

#header #tabs #maintabs li {
	text-align: right;
}

#header #tabs #maintabs li, 
#newNavPanel #maintabsSub li {
	float: none;
	display: block;
	width: 201px;	
}

#container .modal-body #maintabsSub li {
	float: none;
	display: block;
	text-align: right;
	width: 146px;	
}

#header #tabs ul li {
	list-style: none;

}

#header #tabs ul#admintabs li a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 300;
	padding: .5em .8em;
	display:block;
	color: #fff;
	transition: color linear .3s; 
}

#CollapseNav a {
  padding: 1.35em .75em !important;
  height: 80px;
  display: inline-block;
}

#CollapseNav .material-symbols-outlined {
  font-size: 40px !important;
	font-weight: 300;
}

#header #tabs ul#admintabs li a.current {
	background: #20a3dc;
}

#header #tabs ul#admintabs li a.current::before {
	content: " ";
	height: 57px;
	width: 5px;
	background: #64C504;
	display: inline-block;
	position:  absolute;
	right: 0px;
	top: 0px;
}

#header.shrink #tabs .material-symbols-outlined {
    font-size: 30px !important;
	padding: 0px 2.5px;
}

#header.shrink #tabs ul#admintabs li a.current::before {
	height: 51px;
}

@keyframes menuFadeIn {
  from { opacity: 0;}
  to { opacity: 1; }
}

#header.shrink #newMenu {
    bottom: 100px !important;
	right: 19px;
	animation: menuFadeIn 0.8s ease-out forwards;
}
	
#header.shrink #helpMenu {
	bottom: 60px !important;
	right: 19px;
	animation: menuFadeIn 0.8s ease-out forwards;
}
	
#header.shrink #helpMenu .dropdown-menu {
	left: -85px;
	top: -210px;
	border-radius: 8px 0 0 8px;
}

/*
#header.shrink #newMenu > a, 
#header.shrink #helpMenu > a {
	padding: .5em !important;
} */

#header.shrink #newMenu .dropdown-menu{
	left: -85px;
	top: -170px;
	border-radius: 8px 0 0 8px;
}

#header.shrink #newMenu.footer-nudge,
#header.shrink #helpMenu.footer-nudge{
  transform: translateY(-35px);
}

#header.shrink #newMenu .material-symbols-outlined,
#header.shrink #helpMenu .material-symbols-outlined {
    background: #fff;
    color: #20a3dc;
    border-radius: 50%;
    font-size: 30px !important;
	width: 30px !important;
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.25);
    font-weight: 400 !important;
	padding: 0px;
}


#header #tabs ul li a:hover {
    color: #ccc;
    background-color: transparent;
	border-bottom: 1px none #ffc;
}

#header #tabs ul.dropdown-menu > li > a:hover,
#header #tabs ul.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

#header .dropdown-menu > li > a {
    clear: both;
    color: #333;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
}

#header #tabs .dropdown-menu > li > a.inactive {
	color: #999;
	pointer-events: none;	
}

#header #tabs .dropdown-menu > li > a.incative:hover {
	background-color: #fff;	
}

.subheader { padding:10px 20px; margin-bottom:15px; border-bottom:1px solid #ccc; border-top:1px solid #ccc; background:#ddd url(../images/grad3.gif) repeat-x; }

.menuhover { background-color:#fc0; cursor:pointer; }


#logo img {
	padding: 10px 0 0 25px;	
	max-height: 74px;
	max-width: 200px;	
}

#logo img.prologospot {
	padding: 15px 0 0 25px !important;
}

.nologin #logo {
	padding: 10px 15px 0 25px !important;	
}

#dynamicTitle h3 {
  font-size: 20px;
  line-height: 40px;
  text-transform: uppercase;
}

#acctMenu {
  position: absolute;
	right: 25px;
}

#acctMenu a#headerUserName {
  display: flex;
  margin: 22px 0;
  line-height: 1.7;
  letter-spacing: 1px;
}

#acctMenu .material-icons {
  color: #929497;
}

#topRightBar {
	color: #ffffff;
}

#topRightBar li {
	text-decoration: none;
	font-size:1.05em;
	font-weight: 300;
	padding:.45em .75em;
	display:block;
	color: #fff;
	transition: color linear .3s; 
}

ul#admintabs {
	margin: 0 0 5px 0 !important;
}

#BottomRightBar {
	position: relative;
	right: 125px;
}

/********************************/
/*									*/
/*        Project Page          */
/*									*/
/********************************/
.project-sort-nav .btn {
	padding-top: 0;	
	line-height: .5em;
}

.project-sort-nav, .rightmenu {
/*	margin-bottom: -6px;*/
/*	margin-top: 3px; */
}

.project-sort-nav {
/*	margin-top: 0px;	*/
}
	
.project-sort-nav a, .rightmenu a {
	color: #333; 
}	

.dropdown-menu li label {
	padding: 2px 5px;
	font-weight: normal;
	color: #333;
	pointer-event: none;
}


.glyphicon.glyphicon-list-alt {font-size: .95em;}
.dropdown-menu li a.button:link, .dropdown-menu li a.button:visited, .dropdown-menu li a.button:active {
	color: #fff;	
	text-decoration: none;
}

.dropdown-menu li a.button:hover {
	background: #8a470c;	
}

.dropdown-menu li input[type="checkbox"],.dropdown-menu li input[type="radio"] {
	margin: 3px 0 3px 20px;	
	cursor: pointer;
}


UL.projectList {
	list-style: none;	
}

.projectList h3:after {
	background: #ececec; /* Old browsers */
    content: "";
    height: 100%;
    left: -20px;
    position: absolute;
    top: 0;
    z-index: -1;
	right: -20px;
}
.projectList h3 {
    font-size: 1.15em;
    line-height: 1.15em;
    overflow: hidden;
    padding: 10px 15px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    z-index: 2;
	margin-top: 0 !important;
	min-height: 43px;
}

.projectList h6 {
	font-size: 1em;
	line-height:1.9em;
	text-transform:uppercase;
	margin-bottom: 10px;	
	padding: 5px 15px;
}

.projectList .project-location p,
.projectList .project-location h5.project-name-class {
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%;
}

.projectList .projectDetails span.pull-right {
    overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}

.projectList .projectDetails span.pull-right.long {
   width: calc(100% - 60px);
}

.projectList .projectDetails span.pull-right {
	  text-align: right;
}

.projectList .statusID span.pull-right {
	overflow: initial;
}

.stg-label {
  height: 34px;
  display: inline-flex;
  padding: 8px 0;
}

.project-button {
	width: 100%;
	text-align:center;
	margin: 8px 0;	
}

.projectList .button {
	display: block; 
	font-size: 12px; 
	text-decoration: none!important; 
	font-family: Helvetica, Arial, sans serif;
	padding: 8px 12px; 
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	box-shadow: inset 0px 0px 2px #fff;
	-o-box-shadow: inset 0px 0px 2px #fff;
	-webkit-box-shadow: inset 0px 0px 2px #fff;
	-moz-box-shadow: inset 0px 0px 2px #fff;
}
.projectList .button:active {
	box-shadow: inset 0px 0px 3px #999;
	-o-box-shadow: inset 0px 0px 3px #999;
	-webkit-box-shadow: inset 0px 0px 3px #999;
	-moz-box-shadow: inset 0px 0px 3px #999;
}

.projectList .green {
	color: #545454;
	border: 1px solid #95b959;
	background-image: -moz-linear-gradient(#cae387, #a5cb5e);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5cb5e), to(#cae387));
	background-image: -webkit-linear-gradient(#cae387, #a5cb5e);
	background-image: -o-linear-gradient(#cae387, #a5cb5e);
	text-shadow: 1px 1px 1px #dff4bc;
	background-color: #a5cb5e;
}
.projectList .green:hover {
	border: 1px solid #687e30;
	background-image: -moz-linear-gradient(#a5cb5e, #cae387);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cae387), to(#a5cb5e));
	background-image: -webkit-linear-gradient(#a5cb5e, #cae387);
	background-image: -o-linear-gradient(#a5cb5e, #cae387);
	background-color: #cae387;
}
.projectList .green:active {border: 1px solid #506320;}

.projectList .large {padding: 14px 28px; font-size: 1.25em;}

.projectWrapper { margin-left: 20px;}

.projectList {
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 5px !important;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.1);
    position: relative;
	margin-bottom: 30px;
	overflow: auto;
}

.contact-email { overflow: hidden; }

ul.projectList li a {
	text-decoration: none;	
}

.projectDetails, 
.project-location,
.quote-location {
	margin: 0 15px;	
}

.project-location,
.quote-location {
	padding: 0 0 8px 0;
	min-height: 115px;
}

.projectDetails {
	border-top: 1px solid #d3d3d3;
	padding: 8px 0;		
}

.projectDetails p span {
  line-height: 1.4em !important;
}

.project-location p,
.quote-location p {
	margin: 0 0 2px;
}

.project-button {
	position: absolute;
	left:0;
	right: 0;
	bottom: 0;	
}
.project-button a:link, .project-button a:visited, .project-button a:active  {
	padding: 10px 0 10px 0;
    color: #FFF;
    background: #20a3dc;
    font-size: 18px;
    text-align: center;
    font-style: normal;
	border-style:none;
    border-bottom: 3px solid #0471a0; 
	cursor:pointer;
	text-decoration:none;	
}

.project-button a:hover {
	background: #024663;
}

/********************************/
/*									*/
/*        Left Page nav         */
/*									*/
/********************************/

#header #tabs #maintabs, #newNavPanel #maintabsSub {
    float: left;
    margin-top: 4px;
    padding: 3px 0;
    position: absolute;
    z-index: 100;
    transition: 0.5s;
}

@media (min-width: 768px) {
	#header #tabs #maintabs, #newNavPanel #maintabsSub {
		width: 200px;
	}

}

.modal-body #maintabsSub {
    float: left;
    margin-left: 10px;
/*    margin-right: 100px;*/
    margin-top: 4px;
    padding: 3px 0;
    position: absolute;
    z-index: 100;
	width: initial !important;
}

#header #tabs ul#maintabs li a, #newNavPanel #maintabsSub li a {
	background: transparent;
	line-height:35px;
	padding: 0 15px;
	font-size: 14px;
	font-weight: 400;
/*	color: #333;*/
	color: #808080;
}

@media (min-width: 768px) {
	#header #tabs ul#maintabs li a, #newNavPanel #maintabsSub li a {
		padding: 0 12px 0 15px !important;
	}
	#maintabsSub li a {
/*	  margin-right: 2px !important;*/
      transition: .2s;
	}
}

@media (max-width: 767px) and (min-width: 501px) {
  #newNavPanel {
    width: calc(100% - 60px) !important;
  }
}

@media (max-width: 767px) {
	#header #tabs ul#maintabs li a, #newNavPanel #maintabsSub li a {
			line-height:40px;
			font-size:1.25em;
		}
	#newNavPanel #maintabsSub li.BasicPln a {
		display: none;
	}
}

#maintabsSub li a:hover,
#maintabsSub li a:focus {
  background: #ededed !important;
  color: #333 !important; 
  text-decoration: none;
}

#maintabsSub a:hover .fa-icons::before,
#maintabsSub a:hover .simple-icons::before {
  color: white;
}

#header #tabs ul#maintabs li a, #newNavPanel #maintabsSub li a { display: block; }
#header #tabs #maintabs li, #newNavPanel #maintabsSub li {
	margin: 0 0 1px 0;
}

#newNavPanel #maintabsSub li.BasicPln a {
	cursor: default;
	color: #adadad !important;
	text-decoration: none !important;
	cursor: not-allowed;
}

#searchIDTab a.BasicPln {
  font-weight: 300 !important;
  border-color: #d3d3d3;
}

#searchIDTab.active a.BasicPln {
  font-weight: 300 !important;
}

#container .modal-body #maintabsSub li a {
	margin: 0 0 1px 0;
}
#header #tabs #maintabs li {
	display: block;
	padding: 0 0 0 0;
	line-height: 35px;
	text-align: right;
	color: #414141;
	font-size:13px;
	text-decoration:none;
}

#header #tabs #maintabs li a, #newNavPanel #maintabsSub li a {
	border: none;
	margin: 0;	
}

#newNavPanel #maintabsSub li.current > a,
#newNavPanel #maintabsSub li.current i::before {
	color: #20a3dc !important;
}
#newNavPanel #maintabsSub li.current > a {
	background: #ededed !important;
}

#newNavPanel #maintabsSub li.current > a:hover,
#newNavPanel #maintabsSub li.current a:hover i::before {
/*	color: #eee !important;*/
}

#header #tabs #maintabs li:hover, #newNavPanel #maintabsSub li:hover {
	color: #062763;
	background-position: right -35px;
}
#header #tabs #maintabs li.current, #newNavPanel #maintabsSub li.current {
	margin: 1px 0;
}
#header #tabs #maintabs li.current:first-child, #newNavPanel #maintabsSub li.current:first-child {
	margin-top: 0;
}
#header #tabs #maintabs li.current, #header #tabs #maintabs li.current:hover, #newNavPanel #maintabsSub li.current, #newNavPanel #maintabsSub li.current:hover {
	font-weight: 600;
	background-position: right -70px;
}

#header #tabs #maintabs li.current, #header #tabs #maintabs li.current:hover, #newNavPanel #maintabsSub li.current, #newNavPanel #maintabsSub li.current:hover, #newNavPanel #maintabsSub li a.type-select, #newNavPanel #maintabsSub li a.type-select:hover {
	font-weight: 600;
	background-position: right -70px;
	color: #20a3dc;
}

#newNavPanel #maintabsSub li a.type-select {
	padding-left: 0px !important;
}

#header #tabs #maintabs li a, #header #tabs #maintabs li a:hover, #newNavPanel #maintabsSub li a:hover {
	color: #656565;
}

#maintabsSub .BasicPln.current {
   font-weight: 300 !important;
}


@media (max-width: 895px) {
	#CollapseNav {
		  display: none;
		}	

	.container > .navbar-header, 
	.container-fluid > .navbar-header, 
	.container > .navbar-collapse, 
	.container-fluid > .navbar-collapse {
		margin-left: 0 !important;
		margin-right: 0 !important; 
	 }
	
	.navbar-inverse .navbar-collapse {
		border-color: #616060 !important;
	}
	  #newMenu,
	  #helpMenu {
		bottom: unset !important;
	  }

	  #newMenu {
      	margin-top: 5px;
	  }
	  #helpMenu {
		margin-top: 60px;
	  }
	  #newMenu .dropdown-menu {
		  top: 10px;
	  }
	  #helpMenu .dropdown-menu {
		  top: 0px;
	  }
}

@media (max-height: 785px) {
	  #newMenu,
	  #helpMenu {
		bottom: unset !important;
	  }
	  #newMenu {
      	margin-top: 5px;
	  }
	  #helpMenu {
		  margin-top: 60px;
	  }
}

@media (max-width: 767px) {
	
	.navbar-nav {
		margin: 0px !important;
	}
	
	.navbar-collapse.in {
	  box-shadow: 0 10px 10px -4px rgb(0 0 0 / 15%);
	}
	
	.nologin #logo {
		padding: 10px 0 0 0;	
	}
	
	#titleBar {
/*		width: calc(100% - 121px) !important;*/
	}
	
	#dynamicTitle h3 {
  		font-size: 18px;
	}
	
	#titleBar .col-sm-6:first-child,
    #titleBar .col-sm-6:first-child #dynamicTitle {
      float: left !important;
    }
    #titleBar .col-sm-6:last-child {
      float: right !important;
	  left: 8px;
	}
	
	#header {
		top: 80px;
	}

	#header #tabs ul#admintabs li a.current {
	border-width: 1px 1px 1px 1px;
	}
	
	
	#container .modal-body #maintabsSub li a.type-select, #container .modal-body #maintabsSub li a.type-select:hover {
		background: #20a3dc;
		color: #fff;
	}
	 
	 #loggedin li {
		padding-left: 1.2em;	 
	 }
	 
	 #loggedin li.loggedin-name {
		padding: 18px 2.5em;	 
	 }
	 
	 #newNavPanel {
		position: sticky;
		height: auto;
		width: auto;
		background: #21a3dc;
	  }
	
	 /* left nav mobile hide */

	#container .left .main .header {height: auto; }

	
#Menuslider, #maintabsSub {display: none; }

.modal-body #maintabsSub {display: block; }

#container .modal-body #maintabsSub li {
	float: none;
	display: block;
	text-align: center;
	width: 100%;	
}
#maintabsSub::after {
    
    right: 0;
   
}

.modal-body #maintabsSub::after {
    background: none;
    content: "";
    height: 105%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    z-index: -9;
}

#container .modal-body #maintabsSub li a {
	background: #fff;
	margin: 2px 0;
	border: 1px solid #d3d3d3;
	border-radius: 4px;
}

#newNavPanel #maintabsSub {
    background: #fff;
	border-top: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
	background-image: none; 
    float: none;
    margin-left: 0;
    margin-right: 0;
	margin-bottom: 15px;
    position: relative;
    width: auto;
    z-index: 100;
	transition: initial;
}

#container .modal-body #maintabsSub {
    background: #fff;
	background-image: none; 
    float: none;
    margin-left: 0;
    margin-right: 0;
    margin-top: 4px;
    position: relative;
    width: auto;
    z-index: 1000;
}

#newNavPanel #maintabsSub li {
	width: 100%;
	background-image: none;
	text-align: left;	
}

#newNavPanel #maintabsSub li.current {
	background: #fff;
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
}

.sub-trigger {
	margin-top: -10px;
	padding: 0px 10px;
}	
.sub-trigger .navbar-toggle {
	float: left;	
}

.sub-trigger .navbar-toggle .icon-bar {
	background: #fff;	
}

.sub-trigger .navbar-toggle { margin-bottom: 2px; }

#container .left .main .content .wrapper {
	margin-left: 0;
	margin-top: 3px;	
}

}

#subsearch .label-icon {margin-left:5px;}

.bc-wrapper{
	position: relative;
}

.bc-wrapper .bc-menu{
	position: absolute;
	z-index: 1000;
	width: 100%;
	display: none;
}

.input-group .bc-wrapper .bc-menu {
	top: 38px;
}


#subMainNavMenu {
	background-color: #e9e9e9;
	margin-top: 7px;
}

@media (max-width: 1110px) {
	#liveStatsContact #QuickStats {
		visibility: hidden;
	}
}

@media (min-width: 766px) {
	#subMainNavMenu {
		border-right: 1px solid #a1a1a1;
		border-left: 1px solid #a1a1a1;
		margin: 7px 30px 0;
	}
}

.subMainNavMenu-nav > li {
    float: left;
    display: block;
	list-style: none;
	text-transform: uppercase;
    font-size: 1.15em;
    font-weight: 300;
    padding: .85em 1em;
}
	
.subMainNavMenu-nav li .current {
	font-weight:600;
	color: #20a3dc;
}
	
#subMainNavMenu ~ #container .header,
#subMainNavMenu + #container .header {
  background: transparent !important;
  border-bottom: none !important;
  border-top: 1px solid #d3d3d3;
  margin-top: 0px;
}
	
#subMainNavMenu ~ #container #NetworkBar + .main .header {
  border-top: none;
  margin-top: -25px;
}

#subMainNavMenu ~ #container #NetworkBar + .main .header {}

#subMainNavMenu ~ #container #NetworkBar .contractor-search .searchContents {
    padding: 0 15px 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d3d3d3;
  }

@media (min-width: 767px) {
  #subMainNavMenu ~ #container #NetworkBar .contractor-search .searchContents {
    padding: 0 15px !important;
  }
}

#subMainNavMenu ~ #container .mynetwork-left + .mynetwork-right {
  border-top: 1px solid #d3d3d3;
}

.header .project-sort-nav span.glyphicon-filter {
  top: -1px;
  margin-right: 2px;
}

#topRightBar .dropdown,
#topRightBar .dropdown.open {
  padding: 0px;
}

#MyIP {
  padding: 15px !important;
  color: white !important;
  position: absolute;
  top: 40px;
  /* right: 15px; */ /* removed to make space for owl */
}

@media (max-width: 895px) {		
	#BottomRightBar {
		position: absolute !important;
		top: 45px;
		right: 90px;
	}
}
@media (max-width: 895px) and (min-width: 767px) {
	#hornav ul > li > a, #hornav ul > li > span {
		padding: 10px !important;
	}
}

@media (max-width: 895px) and (min-width: 500px) {
	#admintabs li:last-child {
/*	  border-bottom: 1px solid #616060;*/
	}
}

#admintabs li:last-child {
  width: 100%;
}

#myRewards {
  line-height: 20px;
  padding: 15px !important;
}

#QuickStats {
  cursor: pointer;
  margin-top: 20px;
  padding: 10px;
}
#QuickStats:hover {
  color: #929497;
}

.open #QuickStats:hover {
   background-color: rgba(0,0,0,.25) !important;
}

#CompanyAcctReset {
  line-height: 20px;
  padding: 15px !important;
   cursor: pointer;
   color: #20a3dc !important;
}

.QuickStatsCompany  {
     color: #20a3dc !important;
     cursor: pointer;
}
  
.QuickStatsCompany:hover {
  color: #20a3dc !important;
}


.QuickStatsLabel {
  color: #000 !important;
  padding: 3px 10px 3px 20px !important;
  font-weight: 600 !important;
}

.QuickStatsLabel + li {
  padding: 0px 15px !important;
}

.help_question::before {
  content: "";
  background: url(../images/help-question.png) no-repeat;
  background-size: 20px;
  width: 20px;
  height: 20px;
  display: block;
  margin-top: -1px;
}

#myRewards a {
padding: 0px;
}

#QuickStats + ul.dropdown-menu {
  border: 1px solid #cecece;
  box-shadow: 0 10px 10px -10px rgb(0 0 0 / 10%);
  border-radius: 2px 0px 2px 2px;
}


@media (max-width: 806px) {
	.navbar-inverse .navbar-collapse {
		margin-top: 0px !important;
	}
}

@media (max-width: 766px) {
	
#topRightBar {
  padding-left: 16px !important;
}
	
  #QuickStats + ul.dropdown-menu {
    background: white !important;
    padding-bottom: 10px !important;
	position: relative;
	z-index: 100;
	top: 0px;
	border-radius: 5px; 
  }
}

@media (min-width: 501px) {
  .navbar-header > .navbar-toggle  {
    height: 80px;
  }
}

@media (max-width: 500px) {
	.navbar-toggle .material-symbols-outlined {
	  display: none !important;
	}
	.navbar-toggle #logoBtn {
	  display: block !important;
	}
	.navbar-toggle #logoBtn img {
	  width: 43px;
	}

	#titleBar {
	  width: calc(100% - 63px) !important;
	  height: 60px !important;
	  margin-left: 60px !important;
	  box-shadow: none;
	}
	
	#titleBar .navbar-brand {
	  visibility: hidden;
	  width: 10px;
	  padding: 5px 10px !important;
	}
	#titleBar ~ #container .left.full {
		margin-top: -20px;
	}
	#titleBar ~ #container,
	#container ~ #footer {
		padding-left: 0px !important;
	}
	#dynamicTitle h3 {
	  line-height: 20px;
	}
	#acctMenu {
	  height: 60px;
	}
	#acctMenu #headerUserName {
		margin: 11px 0 !important;
	}
	
	#header {
	  width: 100% !important;
	  height: unset;
	  z-index: 199 !important;
	  box-shadow: -2px 7px 5px rgba(0,0,0,0.1);
	}
	
	#newNavPanel {
		top:60px;
		left: 0px;
	}

	#admintabs li {
	  width: 33.333334%;
	  float: left;
	  border-top: 1px solid #ececec;
	}

	#admintabs .current::before {
	  display: none !important;
	}

	#admintabs li span.material-symbols-outlined {
	  margin: 0 auto 8px;
	  display: table;
	}

	#admintabs li:nth-child(2),
	#admintabs li:nth-child(5),
	#admintabs li:nth-child(8),
	#admintabs li:nth-child(11) {
	  border-left: 1px solid #ececec;
	  border-right: 1px solid #ececec;
	}
	
	#admintabs li a:hover {
		background: #616060;
	}

	.hidden-tab {
	  display: block !important;
	  text-align: center;
	  font-size: .85em;
	  white-space: nowrap;
	}
	
	#newMenu {
    	bottom: 50px !important;
		right: 8px;
	}
	
	#helpMenu {
		bottom: 10px !important;
		right: 8px;
	}
	
	#newMenu, #helpMenu {
		transform: translate(-10px, -50px) !important;
	}
	
	#newMenu .material-symbols-outlined, 
	#helpMenu .material-symbols-outlined {
     background: white;
		 color:#20a3dc;
		 border-radius: 50px;
		 font-size: 30px;
     box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.5);
		font-weight: 400 !important;
	}
	
	#newMenu .dropdown-menu {
		 left: -85px;
		 top: -170px;
		 border-radius: 8px 0 0 8px;
	 }
	
	#helpMenu .dropdown-menu {
		 left: -85px;
		 top: -210px;
		 border-radius: 8px 0 0 8px;
	 }
	
	.navbar-inverse .navbar-collapse {
		border: none;
	}
		
}

@media (max-width: 450px) {
	#MyIP {
		top: 80px;
		right: 15px;
		display: none;
	}
	.dropdown #QuickStats {
	  right: 11px;
	  }
	.dropdown.open #QuickStats {
	  left: 60px;
	  }
	#QuickStats + ul.dropdown-menu {
	  left: 60px;
	}
    
}
@media (max-width: 375px) {

	.greyButton {
		padding: 4px 7px !important;
	}
}

.ellipsis-text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media (min-width: 1025px) {
/*
	.header h2.ellipsis-text {
		width: 50%;
	}
*/
}

@media (max-width: 1024px) {
	.header h2.ellipsis-text {
		width: 100%;
	}
}

@media (max-width: 400px) {
  #acctMenu .ellipsis-text {
    max-width: 150px;
  }
}

.greyButton, a.greyButton, a.greyButton:link, a.greyButton:active, a.greyButton:visited {
  background: #f2f1f1 none repeat scroll 0 0;
  color: #0f0f0f;
  cursor: pointer;
  font-size: 14px;
  font-style: normal;
  padding: 5px 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 4px;
}

.greyButton span.plus {
  font-weight: 600;
  font-size: 18px;
  font-size: 18px;
}

.collapse.menu-list li a {
/*   text-indent: 10px;*/
}

.menu-list {
  border-bottom: 1px solid #ececec;
}

.menu-list-toggle > a::after {
  content: "\f054";
	font-family: "Fontawesome"; 
  color: #808080;        
  float: right;
	font-size:.8em;
	box-shadow: 0 10px 10px -10px rgb(0 0 0 / 20%);
}

.menu-list-toggle > a.collapsed::after {
	content: "\f078";
}



/* IMAGES.CSS */

@font-face{font-family:'FontAwesome';
src:url('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.eot?v=4.3.0');
src:url('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),
url('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),
url('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),
url('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),
url('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}


td i.fa-trophy, td i.fa-lock.owner { padding-top: 4px; }

.setting-logo img {
  object-fit: cover;
  object-position: center center;
  width: 35px;
  height: 35px;
}

.setting-logo.company-logo img {
  background: #fff;
  border-color: #ccc !important;
  border-radius: 4px;
  padding: 4px 8px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.fa.permission {
	color: #569e4d;
    font-size: 1.35em;
}
.fa.MimicAccess {
    color: #a2c49e;
    font-size: 1.35em;
}
.fa.nopermission  {
    color: #a94442;
    font-size: 1.3em;
}

.material-symbols-outlined.green {
    color: #569e4d !important;
}
.material-symbols-outlined.red {
    color: #a94442 !important;
}

.user {
	padding: 15px 0;
	border-bottom: 1px solid #d3d3d3;
	display:table;
	width: 100%;	
	position: relative;
}
.user:last-child {
	border-bottom: none;	
}

.user-body { min-height: 60px; padding-left: 70px;}


.user-img-container { position: absolute; left: 10px; top: 15px; }
.user .user-name,  .user .user-contact {
	padding-bottom: 10px;	
}
.user .user-image {
	display:table-cell;
	vertical-align:top;
	width: 58px;		
}

.user .user-body {
	display:table-cell;
	vertical-align:top;
}
.user .user-image span {
	height: 48px;
	width: 48px;
	border-radius: 50%;
	overflow: hidden;
	margin: 10px 10px 0 0;
	display:block;
	

}

#newMenu .add {
	padding: 0 0 0 20px;
	display:inline;
	color: #e1e1e1;	
}

.font9em {
	font-size: .9em;	
}
a.add,
button.add,
a.copyURL,
a.copyEmail,
a.resend,
a.add2,
a.back,
a.settings, 
a.view,
button.view, 
a.save,
a.download, 
a.map,
a.facebook, 
a.GooglePlus, 
a.pinterest, 
a.twitter, 
a.yelp, 
a.youtube, 
a.instagram, 
a.directions, 
a.print, 
a.back, 
a.manage,
a.network, 
a.project, 
a.queue, 
a.cancel, 
a.comment, 
a.delete, 
a.remove, 
a.update, 
a.send, 
a.mail-forward,
a.mail-move,
a.mail-reply,
a.mail-restore,
a.profile, 
a.edit, 
a.store, 
a.dashboard, 
a.email,
a.copy,
a.reorder, 
a.mobile,
a.interactive,
a.lit,
a.website,
a.photo,
a.rate,
a.offer,
a.video, 
a.export,
a.suspended,
a.reactivate, 
a.headerEmail,
a.archive,
a.headerCOI
.export {
	font-weight: 400;	
	color: #333;
}

a.add:hover,
button.add:hover,
a.copyURL:hover;
a.copyEmail:hover;
a.resend:hover,
a.add2:hover,
a.back:hover,
a.settings:hover, 
a.view:hover,
button.view:hover, 
a.save:hover,
a.download:hover, 
a.map:hover,
a.facebook:hover, 
a.GooglePlus:hover, 
a.pinterest:hover, 
a.twitter:hover, 
a.yelp:hover, 
a.youtube:hover, 
a.instagram:hover, 
a.directions:hover, 
a.print:hover, 
a.back:hover,
a.manage:hover, 
a.network:hover, 
a.project:hover, 
a.queue:hover, 
a.cancel:hover, 
a.comment:hover, 
a.delete:hover, 
a.remove:hover, 
a.update:hover, 
a.send:hover, 
a.mail-forward:hover,
a.mail-move:hover,
a.mail-reply:hover,
a.mail-restore:hover,
a.profile:hover, 
a.edit:hover, 
a.store:hover, 
a.dashboard:hover, 
a.email:hover,
a.copy:hover,
a.reorder:hover,
a.mobile:hover,
a.interactive:hover,
a.lit:hover,
a.website:hover,
a.photo:hover,
a.suspended:hover,
a.rate:hover,
a.offer:hover,
a.video:hover,
a.export:hover,
a.reactivate:hover,
a.archive:hover,
span.export:hover,
a.headerEmail:hover {
	color: #20a3dc
	text-decoration:none;
}
a.headerCOI:hover {
	color: #20a3dc;
	text-decoration:none;
}

a .glyphicon.glyphicon-file,
a.rem-contractor-network {
  color: #20a3dc;
}

a .glyphicon.glyphicon-file:hover {
	color: #024663;
}

a.add::before,
button.add::before,
a.copyURL::before,
a.copyEmail::before,
a.resend::before,
a.add2::before,
a.back::before, 
a.settings::before, 
a.view::before,
button.view::before, 
a.save::before, 
a.download::before, 
a.map::before, 
a.facebook::before, 
a.GooglePlus::before, 
a.pinterest::before, 
a.twitter::before, 
a.yelp::before, 
a.youtube::before, 
a.instagram::before, 
a.directions::before, 
a.print::before, 
a.back::before, 
a.manage::before,
a.network::before, 
a.project::before, 
a.queue::before, 
a.cancel::before, 
a.comment::before, 
a.delete::before, 
a.remove::before, 
a.update::before, 
a.send::before, 
a.mail-forward::before,
a.mail-move::before,
a.mail-reply::before,
a.mail-restore::before,
a.profile::before, 
a.edit::before, 
a.store::before, 
a.dashboard::before, 
a.email::before, 
a.reorder::before,
a.mobile::before,
a.interactive::before,
a.lit::before,
a.website::before,
a.photo::before,
a.rate::before,
a.offer::before,
a.video::before, 
a.export::before,
a.reactivate::before,
span.export::before,
a.headerEmail::before,
a.copy::before,
a.archive::before
 {
	color: #20a3dc;

}
a.headerCOI::before,.netCOI::before
 {
	color: #20a3dc;

}
a.disabled::before {
	color:#777;
}
a.suspended::before,
.suspended .material-symbols-outlined {
	color: #777;	
}

.resultItem.network-suspended .glyphicon-link::after, .resultItemCallout.network-suspended .glyphicon-link::after {
	position: absolute;
	color: #777;
	content: "\f071";
	font-size: 1em;
	top: 50%;
	margin-top: -.35em;
	left: 13px;
 	font-family: 'FontAwesome';
	font-weight:normal;
	pointer-events: none;
}

.resultItem.network-suspended .glyphicon-link, .resultItemCallout.network-suspended .glyphicon-link {
	padding-right:24px;
	position:relative;
}

.add {
	padding-left:20px;
	display:inline-block;
	position:relative;
}


.add::before {
	position: absolute;
	content: "\f055";
	font-size: 1em;
	left: 0; 	font-family: 'FontAwesome';	
}button.add, button.view {
	background: none;
	border:none;
		
}

.copyURL {
	padding-left:20px;
	display:inline-block;
	position:relative;
	cursor: pointer;
}


.copyURL::before {
	position: absolute;
	content: "\e205";
	font-size: 1em;
	top: 50%;
	margin-top: -.5em;
	left: 0;
 	font-family: 'Glyphicons Halflings';
		
}

#updateQuote .copy-record.copyURL::before{
	position:absolute;
	content: "\f24d ";
	font-size: 1em;
	font-family: 'FontAwesome';
	font-weight: normal;	
}

.copyEmail {
	margin-left:5px;
	position:relative;
	cursor: pointer;
	margin-right:18px;
	top: -1px;
}


.copyEmail::before {
	position: absolute;
	content: "\e205";
	font-size: 1em;
	top: 50%;
	margin-top: -.5em;
	left: 0;
 	font-family: 'Glyphicons Halflings';
		
}



.resend {
	padding-left:20px;
	position:relative;
	background-color:transparent;
	border:none;
}



.resend::before{
	position:absolute;
	content: "\f0e2";
	font-size: 1em;
	top: 50%;
	margin-top: -.5em;
	left:0;
	font-family: 'FontAwesome';
	font-weight: normal;	
	}

input.nobg,
button.nobg{
	background: none;
	border: none;
	margin-left: -20px;
	padding-left: 20px;	
}

.export {
	padding-left:20px;
	position:relative;
}

.suspended {
	padding-left:20px;
	position:relative;
}


.suspended::before {
	position: absolute;
	content: "\f071";
	font-size: 1em;
	top: 50%;
	margin-top: -.5em;
	left: 0;
 	font-family: 'FontAwesome';
	font-weight:normal;
	pointer-events: none;	
}


.mail-forward {
	padding-left:20px;
	position:relative;
}


.mail-forward::before {
	position: absolute;
	content: "\f064";
	font-size: 1em;
	top: 50%;
	margin-top: -.5em;
	left: 0;
 	font-family: 'FontAwesome';
	font-weight:normal;
	pointer-events: none;	
}

.mail-move {
	padding-left:20px;
	position:relative;
}


.mail-move::before {
	position: absolute;
	content: "\f08b";
	font-size: 1.3em;
	top: 50%;
	margin-top: -.4em;
	left: 0;
 	font-family: 'FontAwesome';
	font-weight:normal;
	pointer-events: none;	
}

.mail-reply {
	padding-left:20px;
	position:relative;
}


.mail-reply::before {
	position: absolute;
	content: "\f122";
	font-size: 1em;
	top: 50%;
	margin-top: -.5em;
	left: 0;
 	font-family: 'FontAwesome';
	font-weight:normal;
	pointer-events: none;	
}

.mail-restore {
	padding-left:20px;
	display:inline-block;
	position:relative;
}


.mail-restore::before {
	position: absolute;
	content: "\e066";
	font-size: 1em;
	top: 50%;
	line-height:1.5em;
	margin-top: -0.7em;
	left: 0;
 	font-family: 'Glyphicons Halflings';
	transform:rotateY(180deg);
  	
		
}

td .mail-restore::before {
	margin-top: -17px;
}

.manage {
	padding-left:20px;
	position:relative;
}


.manage::before {
	position: absolute;
	content: "\f1de";
	font-size: 1em;
	top: 50%;
	margin-top: -.5em;
	left: 0;
 	font-family: 'FontAwesome';
	font-weight:normal;
	pointer-events: none;	
}
.reactivate {
	padding-left:20px;
	position:relative;
}


.reactivate::before {
	position: absolute;
	content: "\f09c";
	font-size: 1em;
	top: 50%;
	margin-top: -.5em;
	left: 0;
 	font-family: 'FontAwesome';
	font-weight:normal;
	pointer-events: none;	
	
}
.export::before {
	position: absolute;
	content: "\f14d";
	font-size: 1em;
	top: 50%;
	margin-top: -.5em;
	left: 0;
 	font-family: 'FontAwesome';
	font-weight:normal;
	pointer-events: none;	
	
}
.archive::before {
	position: relative;
	content: "\f07c" ;
	font-size: 1em;
	margin-right: .3em;
 	font-family: 'FontAwesome';
	font-weight:normal;
	pointer-events: none;	
}

.add2 {
	padding-left:20px;
	position:relative;
}

.add2::before {
	position: absolute;
	content: "\e081";
	font-size: 1em;
	top: 50%;
	margin-top: -.5em;
	left: 0;
 	font-family: 'Glyphicons Halflings';
	font-weight:normal;
		
}

a.button i.fa-solid,
a.button i.fa-brands,
a.button i.fa-regular {
  margin-right: 5px;
  margin-left: -1px;
}

.awarded-bid {
	padding: 14px 8px 14px 24px;
	font-weight: 600;
	position: relative;
	text-transform: uppercase;
	display:inline-block;
	margin-bottom: 15px;
}

.awarded-bid::before {
	position: absolute;
	content: "\f091";
	font-size: 1em;
	top: 50%;
	margin-top: -8px;
	left: 7px;
 	font-family: 'FontAwesome';
	font-weight:normal;
		
}
p.web-rating {
	white-space: nowrap;	
}
p.web-rating .SecondaryText, .resultRight .resultFeedback .SecondaryText, .bid-award .web-rating .SecondaryText { margin-left:3px; }
p.web-rating a, p.web-rating .glyphicon-star-empty, .resultRight .resultFeedback a, .bid-award .web-rating span {margin-right: -3px;}

.callout-rating span.glyphicon {
    font-size: .78em;
    color: rgba(252,179,33,1);
	margin-right: -3px;
}

.callout-rating .SecondaryText {
	margin-left: 3px;	
}

.callout-rating span.glyphicon.empty {
    color: #ccc;
}

.web-rating span.glyphicon {
	color: rgba(252, 179, 33, 1);	
	cursor: pointer;
}
.profile-logo .web-rating span.glyphicon {
	cursor: default;	
}

.pro-rating span.glyphicon {
	color: #20a3dc;	
}

.modal-body .pro-rating .glyphicon, .modal-body .web-rating .glyphicon {
	
	font-size: 1.5em;
}

.modal-body .bid-award .pro-rating .glyphicon, .modal-body .bid-award .web-rating .glyphicon {
	font-size: 1em;	
}

.profile-rating-stars .glyphicon {
    font-size: 1.3em;
}

.user-rating span.glyphicon {
	color: #88A825;	
}

.web-rating span.glyphicon-star.empty, .pro-rating span.glyphicon-star.empty {
	color: #ccc;
}

.back {
	padding-left:20px;
	position:relative;
}

.back::before {
	position: absolute;
	content: "\f0a8";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal; 	font-family: 'FontAwesome';	
}.offer {
	padding-left:20px;
	position:relative;
}

.offer::before {
	position: absolute;
	content: "\f02c";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal; 	font-family: 'FontAwesome';	
}.mobile {
	padding-left:14px;
	position:relative;
}

.mobile::before {
	position: absolute;
	content: "\f10b";
	font-size: 1.3em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal; 	font-family: 'FontAwesome';	
}.interactive {
	padding-left:13px;
	position:relative;
}

.interactive::before {
	position: absolute;
	content: "\f0e7";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal; 	font-family: 'FontAwesome';	
}.lit {
	padding-left:20px;
	position:relative;
}

.lit::before {
	position: absolute;
	content: "\f1c1";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal; 	font-family: 'FontAwesome';	
}.website {
	padding-left:19px;
	position:relative;
}

.website::before {
	position: absolute;
	content: "\f0ac";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal; 	font-family: 'FontAwesome';	
}.photo {
	padding-left:22px;
	position:relative;
}

.photo::before {
	position: absolute;
	content: "\f083";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal; 	font-family: 'FontAwesome';	
}.video {
	padding-left:22px;
	position:relative;
}

.video::before {
	position: absolute;
	content: "\f03d";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal; 	font-family: 'FontAwesome';	
}.rate {
	padding-left:22px;
	position:relative;
}

.rate::before {
	position: absolute;
	content: "\f005";
	font-size: 1em;
	top: 0;
	margin-top: 0px;
	left: 3px;
	font-weight: normal; 	font-family: 'FontAwesome';	
}.reorder {
	padding-left:23px;
	position:relative;
}

.reorder::before {
	position: absolute;
	content: "\f079";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal; 	font-family: 'FontAwesome';	
}.settings {
	padding-left:20px;
	position:relative;
}

.settings::before {
	position: absolute;
	content: "\f013";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal; 	font-family: 'FontAwesome';	
}.view {
	padding-left:24px;
	position:relative;
}

.view::before {
	position: absolute;
	content: "\f1e5";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal; 	font-family: 'FontAwesome';	
}.save {
	padding-left:20px;
	position:relative;
}

.save::before {
	position: absolute;
	content: "\f0c7";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal; 	font-family: 'FontAwesome';	
}.download {
	padding-left:20px;
	position:relative;
}

.download::before {
	position: absolute;
	content: "\f01a";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal; 	font-family: 'FontAwesome';	
}.map {
	padding-left:20px;
	position:relative;
}

.map::before {
	color: #20a3dc;
	position: absolute;
	content: "\f278";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal; 	font-family: 'FontAwesome';	
}.facebook {
	padding-left:20px;
	position:relative;
}

.facebook::before {
	position: absolute;
	content: "\f230";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal; 	font-family: 'FontAwesome';	
}.instagram {
	padding-left:20px;
	position:relative;
}

.instagram::before {
	position: absolute;
	content: "\f16d";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal; 	font-family: 'FontAwesome';	
}.GooglePlus {
	padding-left:20px;
	position:relative;
}

.GooglePlus::before {
	position: absolute;
	content: "\f0d5";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal; 	font-family: 'FontAwesome';	
}.pinterest {
	padding-left:20px;
	position:relative;
}

.pinterest::before {
	position: absolute;
	content: "\f0d2";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal; 	font-family: 'FontAwesome';	
}.twitter {
	padding-left:20px;
	position:relative;
}

.twitter::before {
	position: absolute;
	content: "\f099";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal; 	font-family: 'FontAwesome';	
}.yelp {
	padding-left:20px;
	position:relative;
}

.yelp::before {
	position: absolute;
	content: "\f1e9";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal; 	font-family: 'FontAwesome';	
}.youtube {
	padding-left:20px;
	position:relative;
}

.youtube::before {
	position: absolute;
	content: "\f167";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal; 	font-family: 'FontAwesome';	
}.directions {
	padding-left:20px;
	position:relative;
}

.directions::before {
	position: absolute;
	content: "\f277";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal; 	font-family: 'FontAwesome';	
}.print {
	padding-left:20px;
	position:relative;
}

.print::before {
	color: #20a3dc;
	position: absolute;
	content: "\f02f";
	font-size: 1em;
	top: 0;
/*	margin-top: 2px;*/
	left: 3px;
	font-weight: normal; 	font-family: 'FontAwesome';	
}.back {
	padding-left:20px;
	position:relative;
}

.back::before {
	position: absolute;
	content: "\f0a8";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal; 	font-family: 'FontAwesome';	
}.network {
	padding-left:20px;
	position:relative;
}

.network::before {
	position: absolute;
	content: "\e144";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
 	font-family: 'Glyphicons Halflings';
		
}


.project {
	padding-left:20px;
	position:relative;
}

.project::before {
	position: absolute;
	content: "\f115";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal; 	font-family: 'FontAwesome';	
}.queue {
	padding-left:20px;
	position:relative;
}

.queue::before {
	position: absolute;
	content: "\f017";
	font-size: 1em;
	top: 0;
	margin-top: 0px;
	left: 3px;
	font-weight: normal; 	font-family: 'FontAwesome';	
}.map-icons .queue::before {
    margin-top: 0px;
}

.map-icons .network::before {
  margin-top: 0px;
}




.cancel {
	/*background: url(../images/cancel.gif) no-repeat 0 50%;*/
	padding-left:20px;
	position:relative;
}

.cancel::before {
	position: absolute;
	content: "\f057";
	font-size: 1.1em;
	top: 50%;
	margin-top: -.45em;
	left: 0;
 	font-weight: normal; 	font-family: 'FontAwesome';	
}.close,.assign,.success {
	padding-left:20px;
}

/*
.close::before, .assign::before, .assign::before {
	position: absolute;
	content: "\f058";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal; 	font-family: 'FontAwesome';	
}*/
.modal-header .close::before {
	content: '';	
}

.comment {
	padding-left:20px;
	position:relative;
}

.comment::before {
	position: absolute;
	content: "\f0e6";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal; 	font-family: 'FontAwesome';	
}

.delete {
	padding-left:20px;
	position:relative;
}

.delete::before {
	position: absolute;
	content: "\f014";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal;
	font-family: 'FontAwesome';	
}

.delete.material-symbols-outlined::before {
	display: none !important;
}
.delete.material-symbols-outlined {
	padding-left: 0px !important;
	position: initial !important;
}
.delete.material-symbols-outlined.align-form {
	position: relative !important;
	text-decoration: none;
}

.rightmenu.top10 .wx-todo_icon {
  font-size: 20px;
  position: relative;
  top: 5px;
}

.remove {
	padding-left:20px;
	position:relative;
}

.remove::before {
	position: absolute;
	content: "\f056";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal; 	font-family: 'FontAwesome';	
}.update {
	padding-left:24px;
	position:relative;
}

.update::before {
	position: absolute;
	content: "\f01e";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal; 	font-family: 'FontAwesome';	
}.send {
	padding-left:20px;
	position:relative;
}
.glyphicon-ok {cursor:pointer;}
.send::before {
	position: absolute;
	content: "\f1d9";
	font-weight: normal;
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px; 	font-family: 'FontAwesome';	
}th.send::before {
	top: 9px;
	color: #333;
	left: 8px;
	visibility: hidden !important; /* hide send icon */

}


.profile {
	padding-left:20px;
	position:relative;
}

.profile::before {
	position: absolute;
	content: "\f15b";
	font-weight: normal;
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px; 	font-family: 'FontAwesome';	
}.edit {
	padding-left:20px;
	position:relative;
}

.edit::before {
	position: absolute;
	content: "\f040";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px; 	font-family: 'FontAwesome';	
}.clone {
	padding-left:20px;
	position:relative;
}

.clone::before {
	position: absolute;
	content: "\f24d";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px; 	font-family: 'FontAwesome';	
}.store {
	padding-left:20px;
	position:relative;
}

.store::before {
	position: absolute;
	content: "\f07a";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px; 	font-family: 'FontAwesome';	
}.dashboard {
	padding-left:20px;
	position:relative;
}

.dashboard::before {
	position: absolute;
	content: "\f0e4";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px; 	font-family: 'FontAwesome';	
}.view-bids {
	padding-right: 25px;
	position:relative;
}
.view-bids::before {
	content: "\f078";
	font-family: "Fontawesome";
    float: left;      
    color: #333;     
	margin-right:10px;
	margin-top: 0;
	font-size:.6em;
}

.view-bids.collapsed {
	padding-right: 25px;
	position:relative;
}

.view-bids.collapsed::before {
	 /* symbol for "collapsed" panels */
    content: "\f054";  
}

.settings-caret {
	padding-right: 25px;
	position:relative;
}
.settings-caret::before {
    content: "\f078";
	font-family: "Fontawesome"; 
    color: #333;        
	margin-right:10px;
/*	margin-top: 0;*/
	font-size:.8em;
}

.settings-caret.collapsed {
	padding-right: 25px;
	position:relative;
}

.settings-caret.collapsed::before {
    content: "\f054"; 
}

.email {
	padding-left: 20px;
	position:relative;
}

/*
.email::before, .headerEmail::before {
	position: absolute;
	content: "\f0e0";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal; 	font-family: 'FontAwesome';	
}.headerCOI::before {
	position: absolute;
	content: "\f1ea";
	font-size: 1em;
	top: 0;
	margin-top: 2px;
	left: 3px;
	font-weight: normal; 	font-family: 'FontAwesome';	
}*/

.email::before, 
.headerEmail::before,
.headerCOI::before,.netCOI::before {
    position: absolute;
    font-size: 1em;
    top: 0;
    margin-top: 0px;
    left: 0px;
    font-weight: normal; 	font-family: 'FontAwesome';	
}.email::before,
.headerEmail::before {
  content: "\f0e0";
}
 
.headerCOI::before,.netCOI::before {
    content: "\f1ea";
}
 
.map-icons .email::before, 
.map-icons .headerEmail::before,
.map-icons .headerCOI::before,.map-icons .netCOI::before {
  margin-top: 0px;
}


.netCOI::before {
     margin-left: -2px; 
}



/* file uploads - large icons */
.fileLrg { background: url(../images/filetypes/file.gif) no-repeat 20px 37px; }
.docLrg { background: url(../images/filetypes/doc.gif) no-repeat 20px 0; }
.pdfLrg { background: url(../images/filetypes/pdf.gif) no-repeat 20px 0; }
.phpLrg { background: url(../images/filetypes/php.gif) no-repeat 20px 0; }
.xlsLrg { background: url(../images/filetypes/xls.gif) no-repeat 20px 0; }

/* extensions */
.doc,.rtf {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/filetypes/icon_doc.gif) no-repeat center right;
}

.txt {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/filetypes/icon_txt.gif) no-repeat center right;
}

.xls {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/filetypes/icon_xls.gif) no-repeat center right;
}

.rss,.atom { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/filetypes/icon_feed.gif) no-repeat center right;
}

.opml { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/filetypes/icon_opml.gif) no-repeat center right;
}

.php,.phps { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/filetypes/icon_phps.gif) no-repeat center right;
}

.torrent { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/filetypes/icon_torrent.gif) no-repeat center right;
}

.vcard { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/filetypes/icon_vcard.gif) no-repeat center right;
}

.exe { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/filetypes/icon_exe.gif) no-repeat center right;
}

.dmg, .app { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/filetypes/icon_dmg.gif) no-repeat center right;
}

.pps { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/filetypes/icon_pps.gif) no-repeat center right;
}

.pdf { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/filetypes/icon_pdf.gif) no-repeat center right;
}

.xpi { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/filetypes/icon_plugin.gif) no-repeat center right;
}

.fla,.swf { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/filetypes/icon_flash.gif) no-repeat center right;
}

.zip,.rar,.gzip,.bzip,.ace { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/filetypes/icon_archive.gif) no-repeat center right;
}

.ical { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/filetypes/icon_ical.gif) no-repeat center right;
}

.css { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/filetypes/icon_css.gif) no-repeat center right;
}

.ttf { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/filetypes/icon_ttf.gif) no-repeat center right;
}

.jpg,.gif,.png,.bmp,.jpeg,.svg,.eps { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/filetypes/icon_pic.gif) no-repeat center right;
}

.mov,.wmv,.mp4,.avi,.mpg { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/filetypes/icon_film.gif) no-repeat center right;
}

.mp3,.wav,.ogg,.wma,.m4a { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/filetypes/icon_music.gif) no-repeat center right;
}

/* messenger */
a[href ^="aim:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(../images/filetypes/icon_aim.gif) no-repeat center right;
}

a[href ^="msnim:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(../images/filetypes/icon_msn.gif) no-repeat center right;
}

a[href ^="xmpp:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(../images/filetypes/icon_jabber.gif) no-repeat center right;
}

a[href *="icq.com"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/filetypes/icon_icq.gif) no-repeat center right;
}

a[href *="edit.yahoo.com/config/send_webmesg?"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/filetypes/icon_yim.gif) no-repeat center right;
}

a[href ^="callto:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(../images/filetypes/icon_call.gif) no-repeat center right;
}

a[href ^="skype:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(../images/filetypes/icon_skype.gif) no-repeat center right;
}

a[href ^="gg:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(../images/filetypes/icon_gadugadu.gif) no-repeat center right;
}

/* search icons */

.resultItem .glyphicon-ok-sign, .resultItemCallout .glyphicon-ok-sign, .mynetwork .glyphicon-ok-sign {
	font-weight: normal;
    color: rgba(0,128,0,1);
    height: 12px;
    line-height: 1em;
    width: 12px;
	margin-left: 2px;
}

.mynetwork .glyphicon-ok-sign {
	margin-left: 0;	
}

.resultItem .fa-trophy, .resultItemCallout .fa-trophy, .past-projects .fa-trophy {
	font-weight: normal;
    color: #20a3dc;
    height: 12px;
    line-height: 1em;
    width: 12px;
	margin-left: 2px;
}

.fa.fa-trophy {
	font: normal normal normal 14px/1 FontAwesome;
}

.resultItem .glyphicon-link, .resultItemCallout .glyphicon-link {
	font-weight: normal;
    color: #444;
    height: 12px;
    line-height: 1em;
    width: 12px;
	margin-left: 2px;	
}

/*.resultItem a .glyphicon.glyphicon-link::after {
    border-bottom: 2px solid rgba(0, 0, 0, 0.75);
    border-radius: 13%;
    bottom: -3px;
    content: "";
    height: 50%;
    left: 3px;
    margin-right: 20px;
    opacity: 0.4;
    position: absolute;
    width: 80%;
}*/

/* email */




/* avatars */

.noavatar36 { height: 36px; }
.noavatar48 { height: 48px; }
.noavatar24 { height: 24px; }
.noavatar72 { height: 72px; }


/* my network search results */
.mynetwork .facebook {
	display:none;
}

.mynetwork .twitter {
	display:none;
}

.mynetwork .yelp {
	display:none;
}

.mynetwork .store {
	display:none;
}

.mynetwork .offer {
	display:none;
}

.mynetwork .photo {
	display:none;
}

.mynetwork .video {
	display:none;
}

.mynetwork .lit {
	display:none;
}


.G8_148 td ul li {
    float: left;
    list-style: outside none none;
	width: auto;
	padding: 7px 10px 7px 0;
}

#container .left .main .tab-content .G8_148 td ul li img.icon, .modal-dialog .icon-link img.icon{
    max-height: 40px;
	width: auto;
}

.G8_148 ul ul {
    clear: both;
    display: block;
    padding-top: 10px;
}

.upload-label {
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    font-weight: 500;
    padding: 50px 0 40px 0;
    text-align: center;
    width: 100%;
	position:relative;
}

.upload-label:hover {
	border-color: #66afe9;
	box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(102,175,233,0.6);
	outline: 0 none;
	cursor:pointer;	
}

.upload-label::before {
	content:"\e198";
	font-family: "Glyphicons Halflings";
	font-weight: 400;
	font-size: 1.5em;
	color: #d3d3d3;
	position:absolute;
	left:50%;
	top: 25px;
	margin-left: -13px; 	
}

.modal-body .attachment-wrapper {
	margin-bottom: 10px;	
}
.fakeupload input[type*="file"] {
    cursor: text;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}


.header .rightmenu span.network {
    background: #3c763d;
    color: #fff;
    margin-left: 10px;
/*	padding: 20px 11px 21px;*/
	padding: 14px 11px 15px;
		
}

.header .rightmenu span.network::before {
                content: '';
}

#G4 td .fa.fa-exclamation-triangle.view-insurance.suspended {
    margin-bottom: 4px;
	color: #777;
}


/* FORMS.CSS */

.input-group span.form-control {
    border-radius: 4px !important;
}

.other-amt .form-group {
	display: none;	
}

p.bid-distance {
	padding-bottom: 10px;
	border-bottom: 1px solid #d3d3d3;
	margin-bottom: 15px;	
}
form.frm {
	font-size:1.2em;
}
.dropdown-input-container {
	padding: 0 20px;
	margin-bottom: 5px;	
}
form.frm label {
	width: 160px;
	margin-right:6px;
	text-align: right;
	float:left;
	line-height: 1.9em;
}

form.frm label.short {
	width: 120px;
}

form.frm label.med {a
	width: 180px;
}

form.frm label.none {
	width: 50px;
	margin-right:6px;
	text-align: right;
	float:left;
}

form.frm label.cb {
	width: 160px;
	margin-right:6px;
	text-align: left;
	float:none;
}

form.frm label.half {
	width: 228px;
	margin-right:6px;
	float:left;
}

form.frm label.full {
	width: 320px;
	margin-right:6px;
	float:left;
}

form.frm label.wide {
	width:300px;
	margin-right:0;
	text-align:left;
	float:none;
}

form.frm p input.cb {
	margin-left:5px;
	width:auto;
}

form.frm label.req {
	font-weight: bold;
}

form.frm label.req:before { content: " * " }

form.frm label.list {
	float:none;
}	

form.frm p {
	margin-bottom:10px;
}

form.frm p input, form.frm p textarea {
	width:450px;
	padding:6px;
	line-height: .95em;
}

form.frm p input.short, form.frm p textarea.short, tr.input td input.short {
	width:390px;
}

form.frm p input.short2, #container .left .main .content #listWrapper .todolist td form textarea {
	width:300px;	
}

tr.input td input.short2 {
	width:200px;
}

form.frm p input.shorter {
	width:180px;
} 

form.frm p input.shortest, tr.input td input.shortest, div#report input.date,
#container .left .main .content #listWrapper .todolist td form input.shortest {
	width:80px;	
}

tr.input td input.tiny, form.frm p input.tiny, 
#container .left .main .content #listWrapper .todolist td form input.tiny {
	width:40px;
}

form.frm p input.checkbox {
	width:20px;
	margin-top: 9px;
}

form.frm p textarea {
	height:250px;
}

form.frm p textarea.short {
	height:125px;
}

form.frm p textarea.address {
	height:50px;
	width:390px;
}

form.frm p input.title {
	padding:4px;
	font-weight:bold;
}

form.frm ul.projects, ul.errors {
	list-style:none;
	padding:15px;
}

ul.errors li { margin-bottom:5px; }

form.frm ul.projects li input.checkbox {
	float:left;
	margin-right:4px;
}

form.frm ul.projects li label {
	width:auto;
	text-align:left;
	margin-right:30px;
}

/* buttons */
.button, a.button, a.button:link, a.button:active, a.button:visited {
	background: #20a3dc none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    font-style: normal;
	font-weight: 500;
    padding: 8px 15px;
    text-align: center;
	text-decoration:none;
	display:inline-block;
	border-radius: 2px;
	border: 1px solid transparent;
	line-height: 1.22em !important;
}

.rightmenu .button {
	font-weight: 500 !important;
	padding: 8px 15px !important;
}

.email_btn .button { margin-left: 10px; }
.disable-btn {
	opacity: .5;
	pointer-events: none;
}

.button.disabled {
  background: #efefef !important;
  color: #929497 !important;
  cursor: not-allowed !important;
}

.button.disabled:hover {
  background: #efefef !important;
  color: #929497 !important;
  cursor: not-allowed !important;
}


.login .button, .login a.button {
	font-size: 18px;
	padding: 8px 15px;	
}

.button:hover, a.button:hover {  
  color: #555555 !important;
  background-color: #eee;
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.3) !important;
}

.button2 {
	border: 3px double #999;
	border-top-color: #CCC;
	border-left-color: #CCC;
	padding: 0.15em;
	background-color: #F5f5f5;
	background-image: url(../images/input-bg.gif);
	background-repeat:repeat-x;
	color: #333;
	font-size: 75%;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

textarea.addtask {
	padding:2px;
	width:400px;
	height:54px;
}
textarea.addtask:focus {
	background-color:#ffc;
}

fieldset.addnew label { text-align:left;width:auto;display:block; }
fieldset.addnew label > input,fieldset.addnew select.block { display:block; }

.idleField {
	border:1px solid #d3d3d3;
	background-color:#fff;
}
.focusField {
	border:1px solid #a1a1a1;
	box-shadow: inset 0 0 5px rgba(0,0,0,.2);
	background-color:rgba(255,219,69, .03);
}

select.form-control.idleField,
select.form-control.focusField {
  padding: 6px;
}

form#login input#remain { text-align:left; width:15px; border:none; }
form#login label#rem { font-weight:normal; font-size:1em; }
form#login small { margin-left:20px; font-size:.9em; }
form#login input.sub {
	width:100px;
	padding:3px;
	font-size:1.1em;
	font-weight:bold;
	margin-top:5px;
}

form.forgot { clear:both; }
form.forgot label { font-weight:bold; font-size:1.1em; display:block; }
form.forgot input.forgot {
	width:300px;
	border:2px solid #999;
	padding:4px;
	float:left;
}
form.forgot input.uname {
	width:150px;
}
form.forgot input.sub {
	padding:3px;
	font-size:1.1em;
	margin-left:5px;
}
#container .left .main .content .wrapper form.forgot p { margin:5px 0 15px 0; }

#res_desc { height:70px; width:480px;}

input#searchbox {
	width:450px;
	border:1px solid #7f9db9;
	padding:4px;
	margin:5px 0;
}
#search .button { height:27px; }

fieldset.settings {
	border:0;
/*	border-top:1px solid #d3d3d3;*/
	margin:0;
	padding: 15px 0;
}

fieldset.settings::before {display: none; }
fieldset.settings legend {
	padding:0;
	font-size:1.25em;
}
fieldset.settings ul {
	list-style:none;
}
fieldset.settings ul li {
	margin-bottom:3px;
}
fieldset.settings .trumbowyg-editor ul, 
fieldset.settings #signaturePreview ul{list-style: disc outside none; margin-left:30px;}
fieldset.settings #signaturePreview ol, .modal-body #preview-body ol, .modal-body #preview-body ul {margin-left:30px;}


fieldset.settings table td { vertical-align:top;}
	
.th-align th {
	vertical-align: middle !important;
}

#container .left .main .content #listWrapper .todolist td form label {
	display:block;
	float:left;
	font-weight:bold;
	text-align:right;
	width:80px;
	padding-right:5px;
}

#container .left .main .content #listWrapper .todolist td form input,
#container .left .main .content #listWrapper .todolist td form textarea,
div#report input, div#report select, form.frm select.rev {
	padding:2px;
}

#container .left .main .content #listWrapper .todolist td form select {
	padding:1px;
}

/* Client Form */

.form-group.has-error .error, .form-group .has-error .error {
	margin-bottom: 0;	
}

.form-group.has-error .help-block.form-error {
/*   margin-top: -26px;*/
    position: absolute;
    right: 17px;
	z-index:10;
	background: transparent;
	padding: 0 3px;
}
.form-group.has-error .trumbowyg-box + .help-block.form-error {
	margin-top: -43px;	
}
.form-group.has-error .input-group + .help-block.form-error {
/*    margin-top: -26px;*/
    position: absolute;
    right: 57px;
	z-index:10;
	background: transparent;
	padding: 0 3px;
}
.form-group .has-error .help-block.form-error {
/*    margin-top: -26px;*/
    position: absolute;
    right: 17px;
	z-index:10;
	background: transparent;
	padding: 0 3px;
	pointer-events: none;
}

.form-group .input-group.has-error .help-block.form-error {
/*    margin-top: -26px;*/
    position: absolute;
    right: 47px;
	z-index:10;
	background: transparent;
	padding: 0 3px;
}

.focusField + span.help-block {
	display: none;	
}

#container .left .main .content .wrapper .modal-body .frm p {
	margin: 12px 0 0;	
}

.modal-body .form-control { display: inline-block; }

select.form-control {
    padding: 6px 8px 0;
}

.modal-dialog select.form-control {
  padding: 4px 8px 4px 12px;
}

.modal-body fieldset { padding: 0px; }

.modal-body fieldset.note-group { padding: 0 0; margin: 0px; }
.modal-body form.frm label {
	display: block;
	margin-right:6px;
	text-align: left;
	line-height: 1.0em;
	font-size: .9em;
	font-weight:normal;
}
.modal-body .save-btn {padding: 10px 10px; }
.modal-body form.frm p.save-btn input {
	width: 180px;	
}
.modal-body form.frm p input {
    width: 100%;
}
.modal-body form.frm p textarea {
	width: 100%;
	height: 100px;	
}

.modal-body p.form_city {
	width: 49.6%;
	display:inline-block;	
}

.modal-body p.form_state {
	width: 20%;
	display: inline-block;	
}

.modal-body p.form_zip {
	width: 28.9%;
	display: inline-block;	
}

.modal-body p.form_half {
	width: 49.6%;
	display:inline-block;	
}

.modal-body form.frm p.form_checkbox input {
	width: auto;	
	float: left;
}

.modal-body form.frm p.form_checkbox label {
	width: auto;	
	float: left;
	margin: 9px 25px 0 10px;
}

.form-horizontal .settings .checkbox-inline {
	margin-bottom: 6px;	
}

.form-group span.no-edit {
    color: #555;
    display: block;
    font-size: 14px;
    min-height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    width: 100%;
	background-color: #efefef;
	overflow-y: hidden;
	border: none;
	box-shadow:none;
	white-space: nowrap !important;
    overflow: hidden;
}

[for~="notes"] + div.col-sm-9 > span { min-height:80px; overflow-y: scroll; }

.map-indicator span {
	color: #7F1B18;
    display: inline-block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 4px 12px 6px 0;
}

h3 .map-indicator { font-size: .65em; }

#locationForm .map-indicator span {
	color: #20a3dc;
    display: inline-block;
    font-size: 18px;
    height: 34px;
    line-height: .01em;
    padding: 0 0 0 0;
}

#locationForm .map-indicator .material-symbols-outlined {
	position: relative;
	top: 4px;
}

#locationForm .map-indicator .material-symbols-outlined:hover {
	color: #024663;
}

#projectsAdd1, #projectsAdd2 {float: left; width:100%;}

.form-group.filler {
	height: 34px;	
}
.form-group.col-sm-6.people-select select {
	max-height: 90px;	
}

.project-people {
	padding-top: 7px;	
}

.form-group.proj-desc .form-control {
	height: 231px;
}
.form-group.proj-desc .form-control {
	height: 176px;
}
@media (max-width: 1025px) {
.form-group.proj-desc .form-control {
	height: auto;
}

}
.nested {margin-top: 10px; }


.col-sm-9.map-indicator {
    display: inline-block;
}

.form-group.col-sm-12.form-single { float: none; }

/*
.form-group.col-sm-12.proj-desc span, .form-group.col-sm-12.client-desc span {
    min-height: 60px; 
}
*/
.form-group {
	min-height: 49px;
	margin-bottom: 0;	
}

input[type="file"].form-control {
    border: none;
    border-radius: 0;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0) inset;
    padding: 0;
}

.form-horizontal .modal-body .form-group, .modal-body .form-group {
	margin-right: 0;
	margin-left: 0;	
}

.table.bid-table .control-label {
	padding-top: 7px;
	}
/*
.form-horizontal .modal-body .control-label, .modal-body .form-group .control-label {
	font-weight: normal;
	padding-top: 0;
	padding-right: 15px;
	margin-bottom: 5px;
}	*/

.form-horizontal .modal-body .checkbox, .modal-body .form-group .checkbox, .wrapper .form-horizontal .form-group .checkbox	 {
	min-height: 18px;
	margin-top: 0;	
}


.filter-rating { float: left; margin-right: 10px; text-align: center;}
.filter-rating p { margin-bottom: 2px; }
.filter-rating input { margin: 0 !important; }
					
.filterForm { display: inline; }

.filterForm a { color: #333; }

legend > small {
    font-size: 75%;
    font-weight: normal;
}
.trumbowyg-box p {margin: 0 0 10px 0!important;}



/* 2023 Job Customers Location revision */

.map_marker  {
  position: relative;
  top: 3px;
  left: 0px;
  z-index: 3;
}

.map_marker_customer {
  position: absolute;
  right: -20px !important;
  top: -2px;
  z-index: 3;
}

.map_marker .material-symbols-outlined,
.map_marker_customer .material-symbols-outlined {
  color: #20a3dc;
  font-size: 18px !important;
}

/* disables globe icon shift on editProject.cfm Customer card - RA */

/* @media (max-width: 1200px) {
  .map_marker_customer {
    left: -22px;
    top: -1px !important;
  }
}*/

@media (min-width: 767px) {
	#Menuslider ~ .content #lightBlueGrid {
		margin-left: -5px !important;
	}
	#Menuslider.closeSlider ~ .content #lightBlueGrid {
    	margin-left: 0px !important;
	}
    .archive-div label,
    .archive-div input {
      float: left !important;
    }
}

.archive-div input {
  margin: 2px 8px !important;
}

#Menuslider.closeSlider ~ .content #lightBlueGrid {
  margin-left: 0px;
}

#lightBlueGrid .row {
	padding: 0 8px;
}

.address-height {
  line-height: 1.7 !important;
  margin-top: -3px !important;
}

.team-height {
  line-height: 1.7 !important;
}

#lightBlueGrid .editLink {
  font-size: 14px !important;
  font-weight: initial !important;
}

#lightBlueGrid legend {
  width: auto;
  font-size: 16px;
  font-weight: 300;
  background: #ececec;
  margin: -10px -8px 10px;
  padding: 5px 15px 10px;
  z-index: 1000;
}

@media (min-width: 1201px) {
	#lightBlueGrid {
	  	padding-left: 15px !important;
	}
}

@media (min-width: 1200px) {
	#lightBlueGrid .col-lg-6 {
	  width: 49%;
	}
	#lightBlueGrid.stretch-98 .col-md-12 {
	  width: 98%;
	}
	#lightBlueGrid .modal-edit.push, 
	#lightBlueGrid .modal-edit:nth-child(even) {
		margin-left: 5px;
	}
	#lightBlueGrid .modal-edit.pull {
		margin-left: initial;
	}
	#lightBlueGrid .modal-edit .col-md-9,
	#lightBlueGrid .modal-edit .col-md-2 + .col-md-4 {
		margin-left: -10px;
	}
	#lightBlueGrid .indent-data {
	  margin-left: 8px;
	}
}

#lightBlueGrid #customerUsers legend,
#lightBlueGrid #customerDetailsDiv legend {
	 margin-left: -15px;
	 margin-right: -15px;
}

@media (max-width: 1200px) {
	#lightBlueGrid .modal-edit {
	  height: auto !important;
	}
	#lightBlueGrid > .row {
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	/*#lightBlueGrid legend {
	  margin-left: -24px !important;
	  margin-right: -24px !important;
	}
	#lightBlueGrid #customerUsers legend,
	#lightBlueGrid #customerDetailsDiv legend {
	 margin-left: -30px !important;
	 margin-right: -30px !important;
  }*/
}

@media (min-width: 768px) {
	#lightBlueGrid .modal-edit .col-md-2,
	#lightBlueGrid .modal-edit .col-md-4 {
	  white-space: nowrap;
	}
}

#lightBlueGrid .modal-edit {
  background: #fff;
  padding: 10px 15px;
  border: 1px solid #ececec;
  border-radius: 2px;
  margin-bottom: 5px;
  box-shadow: 0 10px 10px -10px rgb(0 0 0 / 10%);
}

#lightBlueGrid #customerDetailsDiv legend {
  padding: 6px 15px 9px;
}

#lightBlueGrid .custlegend1 > legend {
	margin-left: -15px !important;
}
#lightBlueGrid .custlegend2 > legend {
	 margin-right: -15px !important;
}

#lightBlueGrid .custlegend1 legend,
#lightBlueGrid .custlegend2 legend {
  padding: 12px 15px;
}
#lightBlueGrid #otherDetailsDiv legend {
  padding: 10px 15px;
}

#lightBlueGrid .no-edit {
  border: none !important;
  background: transparent;
  padding: 0px;
  box-shadow: none;
  margin-top: -1px;
}

#lightBlueGrid textarea {
  resize: none !important;
  overflow: hidden !important;
}

#lightBlueGrid .form-control.tall-text {
  height: auto;
  margin-bottom: 12px !important;
}

#lightBlueGrid .modal-edit .no-edit .light {
	color: #929497;
}

.editClient-record {
  font-size: 14px !important;
  font-weight: initial !important;
/*  margin-left: 8px;*/
}

#otherDetailsDiv > .row > .col-md-12 {
  padding: 0px;
}

#customerDetailsDiv > .row > .col-md-6 {
  padding-left: 0px;
}

#otherDetailsDiv .no-edit.ellipsis-text {
	height: auto;
}

@media (max-width: 768px) {
	#otherDetailsDiv span {
	   float: initial;
	}	
}


@media (max-width: 767px) {
	.control-label.hide-sm {
	  display: none;
	}
}

#lightBlueGrid #theTeam .col-sm-6 {
  padding: 0px !important;
}

@media (min-width: 768px) {
  #lightBlueGrid #theTeam {
    width: 100%;
  }
  #lightBlueGrid #theTeam .col-sm-6 {
    white-space: nowrap;
  }
}

/*
@media (min-width: 1280px) {
  #lightBlueGrid #theTeam .col-sm-6:nth-child(odd) {
    margin-left: -7px;
  }
}
*/

@media (max-width: 766px) {
	.mbl-form-mb15 {
		margin-bottom: 15px;
	}
	.col-sm-offset-1.col-sm-9 {
		margin-left: 15px;
	}
}


.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
  color: #363636 !important;
}


/* TABLES.CSS */

/* LAYOUT */
table.full { width:100%; }
table.half { width:65%; margin-right:auto; margin-left:auto; }
table.activity tbody td { padding:4px; text-align:left; }
table.clean tr th, table.clean tr td, table.svn tr th, table.svn tr td { height: 3em; padding:2px 2px; vertical-align:middle; }
table.svn tr th:first-child, table.svn tr td:first-child { padding:4px 0 4px 5px; }
table#milestone_cal tr th, table#milestone_cal tr td { padding:3px; vertical-align:top; }
table#milestone_cal tr td ul.cal_ms li { padding-top:4px; }
table.todo td { padding:3px; vertical-align:top; }
table.todo tr td { font-size:.8em; }
table.todoadd tr td, table.sm tr { font-size:.9em; }
table.todo tr td.pad { padding-left:12px; }
table.clean td.userEmailCon {max-width: 300px; overflow:hidden;}
table.clean tr td.spacer {height: .05em;}
table.clean.indent { margin-left: 1.5em;}
.warn.noLocal { text-align:left; padding: 3em 1.5em; }
table.clean tr td.tdLeft { padding-left: 1em; }

tbody.rowlink td {cursor:pointer;}

/* STYLE */
table tbody tr.even { background-color:#fff; }
table tbody tr.odd { background-color:#f9f9f9;}
table caption.plain { background:#eee; font-size:1.2em; font-weight:600; color:#000; border:none; text-transform:none; }
table.svn caption { font-size:1.2em; font-weight: 600; margin-bottom:10px; background-color:#ddd; padding:5px; }
table.svn tfoot tr td { padding:3px 5px; background-color:#ddd; }
table.clean tbody tr.odd, table.svn tbody tr.odd { background: #f9f9f9;	border-top:1px solid #FFF; }
table.clean tr, table.svn tr { border-bottom:1px solid #ccc; }
table.clean tr th, table.svn tr th { height: 1.5em; font-weight:600; vertical-align:bottom; }
table.activity caption { font-size:1.2em; font-weight:600; background-color:#eee; padding:4px; }
table.activity thead th { 
	padding-right:4px; padding-top:4px;	padding-bottom:4px;
	text-align:left; font-weight:600; background-color:#f5f5f5; 
}
table.bug tr td.label { font-weight:600; text-align:right; width:100px; padding-right:10px; vertical-align:top; }
table.bug tr td { padding:3px; }
table.bug tr td > p { margin:0; padding:0; }
table.admin th { background:url(../images/grad3.gif) repeat-x; border:1px solid #ccc; }
table.admin td { border:1px solid #ccc; }

/* diff stuff */
table.diff td, .diff th { vertical-align: top; padding:3px; }
table.diff .linenum { font-size: 0.9em; background-color: #eee; border-left: 1px solid #ddd; border-right: 1px solid #ddd; text-align: right; color: #999; }
table.diff th { background-color: #eee; border: 1px solid #ddd; border-left: none; }
table.diff .top td, .diff .whole td { border-top: 2px solid #999; margin-top: 1em; }
table.diff .bot td, .diff .whole td { border-bottom: 2px solid #999; margin-bottom: 1em; }
table.diff .only td { border-top: none; border-bottom: none; margin-top: auto; margin-bottom: auto; }
table.diff .ins { background-color: #dfd; }
table.diff .del { background-color: #fdd; }
table.diff .upd { background-color: #ddf; }
table.diff .code { width: 50%; }
table.diff .code div { overflow: hidden; }
table.diff { font-family: 'Bitstream Vera Sans Mono', 'Bitstream Vera Mono', 'Vera Mono', 'Vera Sans Mono', 'Lucida Console', 'Lucida Typewriter', monospace, fixed-width, fixed; font-size: 0.85em; }

table.permissions tr th, table.permissions tr td, table.notify tr th, table.notify tr td {
	font-size:1em; border:1px solid #ccc; padding:3px;
}
table.permissions tr th, table.notify tr th { background-color:#eee; text-align:center; }
table.permissions tr td, table.notify tr td { text-align:center; }

table.permissions td.hover, table.permissions tbody tr:hover {
	background-color: #EFF5FF !important;
}

table.notify label { float:none; }

table#milestone_cal { background:#e0e0e0; border-collapse:separate;	border-spacing:1px; }
table#milestone_cal tr th, table#milestone_cal tr td { font-family:Verdana, Arial, sans-serif; font-size:80%; }
table#milestone_cal tr th,table#milestone_cal tr td.blank { background-color:#e0e0e0; color:#666; font-weight:600;	border-bottom:none; }
table#milestone_cal tr td {	background-color:#f0f0f0; color:#aaa; }
table#milestone_cal tr td.today { border:2px solid #fc6; background-color:#ffc;	color:#000; }
table#milestone_cal tr td.active { border:1px solid #000; background-color:#fff; color:#000; }
table#milestone_cal tr td ul.cal_ms { list-style:none; }
table#milestone_cal tr td ul.cal_ms li { list-style-type:none; }
table#milestone_cal tr td.mth { background-color:#fff; color:#000; font-size:1.1em; font-weight:600; text-align:right; padding:3px; width:35px; }

table.alltodos { width:100%; }
table.alltodos tr td { border-top:1px solid #ccc; padding:5px; vertical-align:top; }
table.alltodos tr td:first-child { background-color:#eee; text-align:right; width:28%; font-weight:600; }
table.alltodos li { list-style-type:none; margin-bottom:5px; }

.popuptable table {width: 98%;}
table.perms {
/*	width:350px;
	margin-left:30px; */
}

@media (min-width: 768px) {
	.popuptable .wrapper {
	  box-shadow: -2px 0px 0px rgba(0,0,0,0.1);
	}
}

.popuptable .icon-check {
   display: none;
}

.type-select .icon-check {
  display: initial;
  color: #20a3dc !important;
}

@media (max-width: 767px) {
	.type-select .icon-check {
	  color: #fff !important;
	}
}

table.def {
	width:300px;
}
table.permspop {
/*	margin-left:10px;*/
}

table.notifypop {
	margin-left:10px;
}
table.perms th, table.perms td, table.permspop th, table.permspop td, table.notifypop th, table.notifypop td {
	border-bottom:1px solid #ccc;
	padding:2px;
	font-size:.9em;
}
table.permspop td.tac {
	width:20px;
}
table.permspop th, table.notifypop th, table.notifylist th, #permsinfo th {
	background-color:#eee;	
}
table.notifylist td.tac {
	width:50px;
}
table.notifypop td.tac {
	width:25px;
}

.yes, .no {
	width:50px;
}

tr.input td {
	padding:10px;
	background-color:#eee;
	height:32px;
	border-top:1px solid #aaa;
}
table#time tr td.first, table#time tr th.first {
	padding-left:10px;
}
table#time tr.last td {
	border-bottom:1px solid #fff;
	border-top:2px solid #aaa;
}
tr.input td input, tr.input td select {
	padding:2px;
}

table.input2 {
	background-color:#eee;
	border:1px solid #ccc;
}
table.input2 thead tr th, table.input2 tbody tr td, table.input2 tbody tr td input {
	padding:2px;
}
table.input2 thead tr th {
	padding:5px 10px 0 10px;
}
table.input2 tbody tr td {
	padding:0 10px 5px 10px;
}
table.input2 tbody tr td input.short { width:250px; }
table.input2 tbody tr td input.tiny { width:50px; }

/* tablesort plugin */
table.tablesorter {
	background-color: #CDCDCD;
	margin:0;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .theader {
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#f5f5f5;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #8dbdd8;
}

table.clean tr.noline { border-bottom:0px; }

table.clean tr.noline > td { height: 0em; padding: 0;}

.mynetwork .table > thead > tr > th, .mynetwork .table > tbody > tr > th, .mynetwork .table > tfoot > tr > th, .mynetwork .table > thead > tr > td, .mynetwork .table > tbody > tr > td, .mynetwork .table > tfoot > tr > td {
	vertical-align: middle;	
}

.mynetwork .table p {
	margin: 0;	
}

td.project-container {
	position: relative;	
}

th a {
  white-space: nowrap;
}

th a span {
  margin-left: 3px !important;
}
/* PRETTYPHOTO.CSS */

/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	div.pictureHolder .top .left { background: url(../images/prettyPhoto/tl.gif) top left no-repeat; } /* Top left corner */
	div.pictureHolder .top .middle { background: #fff; } /* Top pattern/color */
	div.pictureHolder .top .right { background: url(../images/prettyPhoto/tr.gif) top left no-repeat; } /* Top right corner */
	
	div.pictureHolder .content { background-color: #fff; } /* Content background */
	div.pictureHolder .content a.next:hover { background: url(../images/prettyPhoto/btnNext.gif) center right no-repeat; cursor: pointer; } /* Next button */
	div.pictureHolder .content a.previous:hover { background: url(../images/prettyPhoto/btnPrevious.gif) center left no-repeat; cursor: pointer; } /* Previous button */
	div.pictureHolder .content a.expand { background: url(../images/prettyPhoto/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */
	div.pictureHolder .content a.expand:hover { background: url(../images/prettyPhoto/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */
	div.pictureHolder .content a.contract { background: url(../images/prettyPhoto/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */
	div.pictureHolder .content a.contract:hover { background: url(../images/prettyPhoto/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */
	div.pictureHolder .content a.close { width: 61px; height: 22px; background: url(../images/prettyPhoto/btnClose.gif) center left no-repeat; cursor: pointer; } /* Close button */
	
	div.pictureHolder .bottom .left { background: url(../images/prettyPhoto/bl.gif) top left no-repeat; } /* Bottom left corner */
	div.pictureHolder .bottom .middle { background: #fff; } /* Bottom pattern/color */
	div.pictureHolder .bottom .right { background: url(../images/prettyPhoto/br.gif) top left no-repeat; } /* Bottom right corner */
	
	div.pictureHolder .loaderIcon { background: url(../images/prettyPhoto/loader.gif) center center no-repeat; } /* Loader icon */
	
	div.prettyPhotoTitle div.prettyPhotoTitleLeft { background: url(../images/prettyPhoto/ttl.gif) top left no-repeat; }
	div.prettyPhotoTitle div.prettyPhotoTitleRight { background: url(../images/prettyPhoto/ttr.gif) top left no-repeat; }
	div.prettyPhotoTitle div.prettyPhotoTitleContent { background: url(../images/prettyPhoto/ttp.gif) top left repeat-x; }

/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.prettyPhotoOverlay{background:#000;position:absolute;top:0;left:0;z-index:9500;width:100%}div.pictureHolder{position:absolute;z-index:10000;width:100px}div.pictureHolder .top{position:relative;height:20px}* html div.pictureHolder .top{padding:0 20px}div.pictureHolder .top .left{position:absolute;left:0;width:20px;height:20px}div.pictureHolder .top .middle{position:absolute;left:20px;right:20px;height:20px}* html div.pictureHolder .top .middle{position:static}div.pictureHolder .top .right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pictureHolder .content{position:relative;text-align:left;width:100%;height:40px}div.pictureHolder .content .details{display:none;margin:10px 15px 0 20px}div.pictureHolder .content .details p{float:left;clear:left;margin:0}div.pictureHolder .content div.hoverContainer{position:absolute;z-index:10000;top:0;left:0;width:100%}div.pictureHolder .content a.next{position:relative;z-index:2000;display:block;float:right;text-indent:-10000px;width:49%;height:100%;background:url(../images/prettyPhoto/btnNext.gif) 10000px 50% no-repeat}div.pictureHolder .content a.previous{cursor:pointer;display:block;text-indent:-10000px;width:49%;height:100%;background:url(../images/prettyPhoto/btnNext.gif) 10000px 50% no-repeat}div.pictureHolder .content a.expand,div.pictureHolder .content a.contract{position:absolute;z-index:20000;top:10px;right:30px;cursor:pointer;display:none;text-indent:-10000px;width:20px;height:20px}div.pictureHolder .content a.close{float:right;display:block;text-indent:-10000px}div.pictureHolder .bottom{position:relative;height:20px}* html div.pictureHolder .bottom{padding:0 20px}div.pictureHolder .bottom .left{position:absolute;left:0;width:20px;height:20px}div.pictureHolder .bottom .middle{position:absolute;left:20px;right:20px;height:20px}* html div.pictureHolder .bottom .middle{position:static}div.pictureHolder .bottom .right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pictureHolder .loaderIcon{display:none;position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;width:24px;height:24px}div.pictureHolder #fullResImageContainer{width:100%;text-align:center}div.prettyPhotoTitle{display:none;position:absolute;top:0;left:0;z-index:9999;color:#fff;font-size:13px}div.prettyPhotoTitle div.prettyPhotoTitleLeft,div.prettyPhotoTitle div.prettyPhotoTitleRight{float:left;width:19px;height:23px;overflow:hidden}div.prettyPhotoTitle div.prettyPhotoTitleContent{float:left;line-height:23px}