@charset "utf-8";
/* CSS Document */
body{
	background:#FFF;
}
@font-face {
	font-family: "Ubuntu-M";
	src: url('Ubuntu-M.eot'); /* IE9 Compat Modes */
	src: url('Ubuntu-M.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('Ubuntu-M.woff') format('woff'), /* Modern Browsers */
	url('Ubuntu-M.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
	font-family: "Ubuntu-B";
	src: url('Ubuntu-B.eot'); /* IE9 Compat Modes */
	src: url('Ubuntu-B.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('Ubuntu-B.woff') format('woff'), /* Modern Browsers */
	url('Ubuntu-B.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
	font-family: "Ubuntu-L";
	src: url('Ubuntu-L.eot'); /* IE9 Compat Modes */
	src: url('Ubuntu-L.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('Ubuntu-L.woff') format('woff'), /* Modern Browsers */
	url('Ubuntu-L.ttf')  format('truetype'); /* Safari, Android, iOS */
}
.customheader{
	padding:25px;
}
.logo img{
	width:190px;
	height:auto;
}
.navmain{
	display:flex;
	text-align:right;
	float:right;
	margin-top:10px;
	justify-content: flex-end;
	align-items: center;
}
ul.menumain{
	list-style:none;
	padding:0;
	align-items: center;
}
.trial_li{
	border-right:1px solid #000;
}
ul.menumain li:last-child{
	border-right:none;
}
ul.menumain li a{
	color:#000;
	margin:0px 20px;
}
.bluebar{
	background:#01609f;
	padding:20px 0px;
	margin:-30px auto 20px auto;
	z-index:2;
	font-family:"Ubuntu-M";
	color:#FFF;
	width:100%;
}
.bluebar hr{
	display:none;
}
.bluebar h3{
	font-size:30px;
}
.bluebar h4{
	font-size:60px;
}
.bluebar h4 small{
	font-size:24px;
}
.copyright{
	background:#0f5680;
	padding:20px 0px;
	color:#FFF;
	font-family:"Ubuntu-L";
	font-size:30px;
}
.login{
	background:url(../images/blue-gradient.png) repeat-x bottom;
	font-family:"Ubuntu-L";
	font-size:56px;
	line-height:64px;
	color:#00436b;
}
.leftimg{
	padding:40px 0px 0px 0px;
}
.leftimg img{
	width:100%;
	height:auto;
}
.login ul{
	list-style:none;
	margin-top:20px;
	padding-bottom:20px;
}
.login ul li{
	display:inline-block;
	padding:0px 20px;
}
.joinus{
	padding:50px 0px;
}
.joinuscontainer{
	background:#f2f2f2;
	padding:30px;
	font-family:"Ubuntu-M";
	color:#00436b;
	text-align:center;
	width:50%;
	margin:0 auto;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
}
.joinuscontainer h3{
	font-size:54px;
}
.joinuscontainer h4{
	font-family:"Ubuntu-L";
	font-size:54px;
}
.logintext{
	color:#FFF;
	margin-bottom:20px;
}
.pdf-icon{
	font-size: 32px;
	color: #ed6262;
}
.addProjectFiles{
	background: #0e6092;
	color:#fff !important;
	font-size: 22px;
}
.keywords_list{
	display: grid;
	grid-template-columns: 50% 50%;
}
.selected_li{
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #0e6092;
	border-radius:5px;
}
.bg_animating{
	display:inline-block;
	padding:2px 5px;
	border-radius: 5px;
	color: #fff;
	font-size: 12px;
	background-color: #0e6092;
	animation-delay: 0.5s;
	animation-name: bg_anim;
	animation-duration: 0.1s;
	animation-iteration-count: 5;
	animation-direction: alternate;
}

@keyframes bg_anim {
	from {background-color: transparent;}
	to {background-color: #0e6092;}
}
@media only screen and ( min-width:499px) and ( max-width: 820px ) {
	.bluebar{
		background:#01609f;
		padding:20px 0px;
		margin:-30px 5% 20px 5%;
		z-index:2;
		font-family:"Ubuntu-M";
		color:#FFF;
		width:90%;
		display:inline-block;
	}
	.bluebar hr{
		display:none;
	}
	.bluebar h3{
		font-size:20px;
	}
	.bluebar h4{
		font-size:30px;
	}
	.bluebar h4 small{
		font-size:14px;
	}
	.joinus{
		padding:30px 0px 0px 0px;
	}
	.logintext{
		padding-top:5px;
		background:#005893;
		color:#FFF;
		text-align:center;
	}
}
@media only screen and ( min-width:279px) and ( max-width: 500px ) {
	ul.menumain li a {
		color: #000;
		margin: 0 0 0 8px;
	}
	.trial_btn{
		padding: 5px 15px !important;
		font-size: 14px !important;
	}
	.menumain{
		justify-content: space-around;
	}
	.navmain{
		width:100%;
		display:block !important;
		text-align:center;
		padding:0 !important;
		margin-top:30px;
		align-items: center;
	}
	.login_btn_img{
		width:110px !important;
	}
	.logo{
		width:100%;
		display:block;
		float:left;
		text-align:center;
		padding-bottom:40px;
	}
	.bluebar{
		background:#01609f;
		padding:20px 0px;
		margin:-30px 5% 20px 5%;
		z-index:2;
		font-family:"Ubuntu-M";
		color:#FFF;
		width:90%;
		display:inline-block;
	}
	.bluebar hr{
		background:#FFF;
		display:block;
	}
	.bluebar h3{
		font-size:20px;
	}
	.bluebar h4{
		font-size:30px;
	}
	.bluebar h4 small{
		font-size:14px;
	}
.logintext{
	padding-top:5px;
	padding-bottom:30px;
	background:#005893;
	color:#FFF;
	text-align:center;
}
	.login{
		background:url(../images/blue-gradient.png) repeat-x bottom;
		font-family:"Ubuntu-L";
		font-size:28px;
		line-height:34px;
		color:#00436b;
	}
	.login ul{
		list-style:none;
		margin-top:20px;
		padding-bottom:20px;
		padding-inline-start: 0px;
	}
	.login ul li{
		display:inline-block;
		padding:30px 20px;
	}
	.joinus{
		padding:0px 0px 0px 0px;
	}
	.joinus img{
		width:100%;
		height:auto;
	}
.joinuscontainer{
	background:#f2f2f2;
	padding:30px;
	font-family:"Ubuntu-M";
	color:#00436b;
	width:90%;
}
	.joinuscontainer a img{
		width:auto;
	}
	.joinuscontainer h3{
		font-size:24px;
	}
	.joinuscontainer h4{
		font-family:"Ubuntu-L";
		font-size:24px;
	}
	.copyright{
		font-size:14px;
	}
}
.error {
	color: red;
	display: block;
}
.iti--allow-dropdown {
	width: 100%!important;
}
#phone_edit-error {
	position: absolute;
	bottom: -24px;
	left: 0;
}
#phone-error {
	position: absolute;
	/*bottom: -24px;*/
	/*left: 0;*/
}
.due-days {
	color:#FF0000
}
.project-table {
	font-size: 16px;
}

#phone-number-error {
	position: absolute;
	bottom: -24px;
	/*left: 0;*/
	font-size: 15px;
}
.zip-registration > span {
	position: absolute;
	font-size: 15px;
	color: red;
}

#phone-icon {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
#phone-number:focus {
	box-shadow: none;
}

.hearoimg{
	background-color:#FFF;
}

.project-container-home-image {
	margin-bottom: 30px;
}

.home-container-div{
	width:90%;
}

.project-container-home-image img {
	width: 50%;
}

.project-container-home {
	top: 325px;
	width: 90%;
	border: solid 10px #00568F;
	overflow-y: scroll;
	height: 500px;
}
.project-container-home thead{
	  position: sticky;
	  top:0;
	  background:#FFF;
}
.hearoimg {
	background-image: url(../images/hero-img11.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 150px;
	width: 100%;
	height: 870px
}
.project-container-full {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}
.table-th {
	font-size: 23px;
	text-decoration: underline;
	text-decoration-thickness: 3px;
}
.container-fluid {
	margin-top: 0;
}
@media (min-width: 1440px) {
	.table-th {
		font-size: 23px;
	}
	.project-table {
		font-size: 16px;
	}
}
@media (max-width: 1439px) {
	.project-container-home-image {
		display: block;
	}
}
@media (min-width: 1024px) and (max-width: 1439px) {
	.table-th {
		font-size: 16px;
	}
	.project-table {
		font-size: 13px;
	}
	.hearoimg {
		padding-top: 200px;
		height: 60%;
		padding-bottom: 50px;
	}
}
@media (min-width: 768px) and (max-width: 1023px) {
	.table-th {
		font-size: 14px;
	}
	.project-table {
		font-size: 12px;
	}
	.project-container-home {
		border: 1px solid;
		height: 500px;
	}
	.hearoimg {
		padding-top: 150px;
		height: 40%;
		padding-bottom: 50px;
	}
}
@media (max-width: 767px) {
	.table-th {
		font-size: 13px;
	}
	.project-table {
		font-size: 12px;
	}
	.project-container-home {
		border: 1px solid;
		height: 400px;
		width: 95%;
	}
	.hearoimg {
		padding-top: 150px;
		height: 100%;
		padding-bottom: 50px;
		width: 100%;
		background-image:url(../images/mobile-hero-img.jpg);
		background-repeat:no-repeat;
		background-size:100% 100%;
		background-position:top center;
	}
	.joinuscontainer{
		margin-top: 0;
		padding-bottom: 10px;
		top: 0
	}
	.float-right {
		padding-top: 50px;
	}

	.home-container-div{
		padding:0;
	}
	.project-container-home-image img{
		width:100%;
	}
}

.project-name {
	cursor: pointer
}

.project-square-footage ,
.project-construction-type ,
.project-project-type ,
.project-location {
	width: 13%!important;
	max-width: 20px!important;
	overflow: hidden!important;
	text-overflow: ellipsis!important;
	white-space: nowrap!important
}

.project-bid-due-date {
	width: 15%!important;
}

.project-distance {
	border-bottom: none!important;
}

.tables-columns {
	border: 1px solid #dee2e6!important;
}

.project-name-city {
	max-width: 20px!important;
	overflow: hidden!important;
	text-overflow: ellipsis!important;
	white-space: nowrap!important
}

.toggle-password-icon,
.toggle-password-icon-confirmation {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	cursor: pointer;
}

#pwd_confirm-error , #pwd-error{
	position: absolute!important;;
}
.project-distance-contractor, .project-action {
	width: 8%!important;
}
.project-action {
	width: 6%!important;
}

.aye-icon {
	position: relative;
}
.form {
	position: relative;
	width: 100%;
}



.form span{
	position: absolute;
	right: 17px;
	padding: 2px;
	border-left: 1px solid #d1d5db;
}

.left-pan i{
	padding-left: 10px;
}

.form-input{
	height: 55px;
	text-indent: 33px;
	border-radius: 10px;
}

.form-input:focus{
	box-shadow: none;
	border:none;
}
.remove-btn {
	cursor: pointer;
	position: absolute;
	background-color: white;
	top: -12px;
	right: -12px;
}
.error-message {
	color: red;
}

.pdf-plans {
	border: 1px dashed;
	margin: 0 10px;
}


#project-modal {
	transition: all 0.5s ease;
	opacity: 0;
	transform: translateX(100%);
}

#project-modal.show {
	opacity: 1;
	transform: translateX(0);
}
#project_table {
	transition: width 0.5s ease;
}

.search-box{
	width: 40%;
}
.search-icon-div{
	width:10%;
	background: #50c878;
	border: 1px solid #218838;
	border-radius: 5px 0 0 5px;
}
.search-icon{
	position: absolute;
	left:50%;
	top:50%;
	display: inline-block;
	color: #fff;
	font-size:25px;
	transform: translate(-50%, -50%) rotateY(-180deg);

}

.search-project{
	border: 1px solid #218838 !important;
	outline: none;
	box-shadow: none !important;
	height: 50px !important;
	border-radius: 0 5px 5px 0 !important;
	background: #f1faee !important;
	text-indent:0;
	font-size: 20px !important;
}
.search-project::placeholder {
	color: #0056b3 !important;
	opacity: 1; /* Firefox */
}
.tags{
	padding: 5px 10px;
	background: rgba(0,0,0,0.8);
	margin: 0 10px 0 0;
	border-radius:10px;
}
.tag-remove-icon{
	cursor: pointer;
}


@media screen and (max-width: 900px) {
	.search-box {
		width: 100%;
	}
}