@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
body{
	background: #EFF5FF;
	font-family: 'Mulish', sans-serif;
}
a, img{ border:none; outline:none; max-width:100%;}
h1, .h1, h2, .h2, h3, .h3 {
    margin:0;
}
h1.blue{color:#0681be; float:right; max-width:100%; margin-top: 30px;}
h3.grey{color:#656870; text-transform:uppercase}

.text1{font-size:35px; color:#000; font-weight:normal; padding:0 0 0 70px; margin:0;}
.backgroundgrey{  
	 background: #fff;
    border-bottom: none;
    margin-bottom: 0;
    border: 1px solid #EAEDF7;
    border-radius: 5px;
    box-shadow: 0px 2px 4px #1c295a09;
	padding: 20px;
	height: 100%;
}
.backgroundgrey form {
    margin-top: 15px;
}
.Textgrey2{ text-transform:uppercase; font-size:26px; font-weight: 700;}
.Textgrey{
	text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    color: #131523;
margin-bottom: 6px;
}
.Textgrey1{ text-transform:uppercase; font-size:15.5px; font-weight:bold;}
.Textgrey3{ 
	color: #7E84A3;
    font-size: 12px;
    line-height: 20px;}
.Textgrey4{ font-size:13px; line-height:20px;}
.alert-info{
    font-size: 14px;
    font-weight: normal;
    color: #7E84A3;
    text-decoration: underline;
    background: transparent;
}
.alert-info1 {
    font-size: 10px;
    font-weight: normal;
    color: #131523;
    display: block;
    text-align: right;
    font-style: italic;
}
.text-center{ margin:15px 0 0 0;}
.frame{margin-bottom: 15px;}

.btn-center{
	text-align: center;
}
.btn_box{  
	 margin-top: 20px;
    font-size: 18px;
    padding: 12px 8px ;
    background: #1379c8;
    border-radius: 4px;
	border:none;
	min-width: 205px;
	color: #fff;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: rgb(18, 114, 188); 
    border-color: #00A6E9;
}



.care_text{   
	 font-size: 24px;
    color: #000;
    text-align: right;
    text-transform: uppercase;
    line-height: 15px;
    font-weight: 600;}

.footer{background:#1168ad; height:10px; margin-top:31px;}
.form-control{    display: block;
    width: 100%;
    height: 37px;
    padding: 6px 6px;
    font-size: 14px;
    border-bottom: 1px solid #bdbdbd !important;
    color: #4D4F5C;
    background: transparent;
    box-shadow: none;
    border: none;
	border-radius: 0;
	font-weight: 500;
}
.form-control::placeholder{
	color: #4D4F5C;
	font-weight: 400;
}

.form-control:focus {
    border-color: #bdbdbd;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.chat{margin:0px auto 5px auto; display:table;}
/*new css*/
/* login server error msg */

.login_error_msg_wrap{
	border:1px solid #f2d077;
	width:269px;
	margin:0 auto 20px 58px;
	background:#faf4e4;
	padding:15px;
	color:#e90000;
	text-align:left;
	font-size:13px;
}

.login_error_msg_wrap_sign{
	border:1px solid #f2d077;
	width:269px;
	margin:0 auto 20px 0px;
	background:#faf4e4;
	padding:15px;
	color:#e90000;
	text-align:left;
	font-size:13px;
}

.login_error_msg{
	color: #e90000;
    font-size: 12px;
    margin-bottom: 10px;
    width: auto;
    top: 14px;
	font-style: italic;
}	

.error_msg_wrap{
	border:1px solid #f4c2c8;
	width:600px;
	margin:0 auto 20px auto;
	background:#feddde;
	padding:20px;
	color:#be5e67;
	text-align:left;
	clear:left;

	font-size:13px;
}

.success_msg_wrap{
	border:1px solid #5a7939;
	width:600px;
	margin:0 auto 20px auto;
	background:#def3c6;
	padding:20px;
	color:#313c18;
	text-align:left;
	clear:left;
}

.leftside1{
*padding-left:-5px;
}

.right_txt{
	/*padding-right: 52px;*/
	text-align:right;
	color:#728a99;
	float:right;
	padding-top: 13px;


}

.right_txt a.logout_txt{
	text-decoration:none;
	font-size: 14px;
    font-weight: normal;
}

.left_txt{
	text-align:left;
	color:#4FA800;
	float:left;
	padding-top: 13px;
	width:512px;
	clear:left;
	padding-left:20px;

	font-size:14px;
	font-weight:bold;
		
}
span.heading_txt{
	background: none repeat scroll 0 0 #005596;
    color: #FFFFFF;
    float: left;
    font-size: 18px;
    font-weight: bold;
    height: 30px;
    margin: 0 0 10px;
    padding: 5px 0 0 10px;
    width: 833px;
}

.error_msg{
	color: #FF0000;
    float: left;
    font-size: 12px;
    width:355px;
	font-style:inherit;
	font-weight:bold;
	display:none;
	/*background: #FFFF99;*/
}
/*new css ends here*/
footer {
    background: #03324c;
    margin-top: 30px;
    text-align: center;
	color: #fff;
    font-size: 14px;
	padding: 14px;
}
footer p {
    margin: 0;
}

.header-sub-logo{ float: right; clear: both; color: #fff; font-size: 26px; font-weight: bold; font-style: italic;margin-top: 20px;margin-bottom: 10px;line-height: 100%; text-align: right; }
.outer{
	background-color: #00446a;
	color:#fff;
	width: 100%;
	background-size: cover;
	min-height: 103px;
	display: flex;
    align-items: center;
	padding: 30px 0;
}
.main-logo{
	visibility: hidden;
}
.DarkGrayborder {
    display: none;
}
.act-heading {
    text-align: center;
	margin-top: 15px;
}
.flex-content{
    padding: 15px 0;
}
.service-heading{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.service-heading img{ 
	margin-right: 10px;
}
.service-section p{ 
	margin-bottom: 0px;
}
.service-section a{
	font-size: 14px;
	color: #7E84A3;
	margin-top: 7px;
	display: block;
}

.modal-backdrop.show {
    opacity: .5;
}

@media(min-width:768px){
	.img-responsive{height:70px !important;}
	.contractor-logo{
		width: 38% !important;
		display: inline-block;
		margin-left: 0;
		background: #fff;
		/*padding: 20px;*/
		border-radius: 10px;
	}
	.flex-content{
		display: flex;
	}
	.service-section{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 12px 20px;
	}
}
@media (max-width:768px){
	.contractor-logo{
		width: 50% !important;
		background: #fff;
		/*padding: 20px;*/
		border-radius: 10px;
	}
	.outer .img-responsive{
		margin:auto;
	}
	h1.blue{color:#0681be; float:left; max-width:100%;}	
	.text1{font-size:30px;}
	.Textgrey2{ font-size:20px;}
	.Textgrey{ font-size:17px;}
	.Textgrey1{ font-size:17px;}	
	.Textgrey3{font-size:12px;}
	.btn_box{font-size:16px;}
	.backgroundgrey {
	
		margin-bottom: 20px;
	}
	.service-section{
		text-align: center;
	}
	.service-heading img {
		margin-right: 0px;
		margin-bottom: 7px;
	}
	.service-heading {
		display: block;
		margin-bottom: 24px;
	}
	.flex-content {
		padding: 30px 0 0;
	}
	.care_text {
		text-align: center;
	}
	.header-sub-logo {
		float: none;
		clear: both;
		color: #fff;
		font-size: 20px;
		text-align: center;
	}
	}

.orange, a.btn.orange:active, .grey, a.btn.grey:active{
	background: #1379c8;
    padding: 6px 20px;
    color: #fff;
    text-decoration: none;
    margin: 10px 0 0;
    font-size: 18px;
    text-transform: capitalize;
    border: none;
    border-radius: 4px;
}
	
.modal-content{
	border: 4px solid #1379c8;
}
.modal-dialog{
	width: 810px;
}
.modal-header .close{
	font-weight: normal;
}
.modal-header, .modal-footer{
	border: none;
}
.modal-content p{
	font-size: 13px;
	color: #666;
	line-height: 20px;
	text-align: center;
}
.modal-content .form-group {
    margin: 10px auto;
    width: 73%;
}
.modal-content label {
    color: #666;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
}
.modal-content input.browseFile {
    float: left;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    margin-right: 15px;
    padding: 0;
    border: none;
    background: #fff;
}
.modal-content input#request_info_document {
    float: left;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    margin-right: 15px;
    padding: 0;
    border: none;
    background: #fff;
	width: 100%;
}
.modal-content input#remarks {
    width: 100%;
}
select#contractor_name, select#program_app_filter, input[type="text"]{
    width: 100%;
    height: 37px;
    padding: 6px 6px;
    font-size: 14px;
    border-bottom: 1px solid #bdbdbd !important;
    color: #4D4F5C;
    background: transparent;
    box-shadow: none;
    border: none;
    border-radius: 0;
    font-weight: 500;
}
.tbleInnerBox select, .modal-content select {
    float: left;
    font-size: 14px;
    line-height: 36px;
    margin-right: 15px;
    padding: 6px 12px;
    border:none;
    background: #fff;
    width:100%;
	border-bottom: 1px solid #bdbdbd ;
    color: #4D4F5C;
}
.expandedBox{
	float: left;
	padding: 10px;
	width: 100%;
	display: none;
}
.expandedBox .form-group{
	float: left;
	width: 50%;
	margin: 0 0 10px -15px;
}
.expandedBox label{
	font-size: 14px;
	font-weight: bold;
	color: #666;
	line-height: 14px;
}
.expandedBox input, .modal-content input {
    float: left;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    margin-right: 15px;
    padding: 6px 12px;
    border: 1px solid #ccc;
    background: #fff;
}
.expandedBox select, .modal-content select {
    float: left;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    margin-right: 15px;
    padding: 6px 12px;
    border: 1px solid #ccc;
    background: #fff;
    width:100%;
    color: #555;
}
.expandedBox ul li{
	font-size: 14px;
	color: #666;
	line-height: 22px;
	list-style: disc;
	text-align: left;
} 

.tbleInnerBox .form-group{
	float: left;
	width: 50%;
	margin: 0 0 5px 0px;
}
.tbleInnerBox label{
	font-size: 14px;
	font-weight: bold;
	color: #4D4F5C;
	line-height: 14px;
	display: block;
    text-align: left;
}
.tbleInnerBox input, .modal-content input {
    float: left;
    font-size: 14px;
    line-height: 36px;
    margin-right: 6px;
    padding: 6px 12px;
	border:none;
    border-bottom:1px solid #bdbdbd;
    background: #fff;
}
.btn:hover, .btn:focus {
    color: #fff;
}
.btn:focus, .btn:active:focus, .btn.active:focus{
	outline: 0px auto -webkit-focus-ring-color;
}
.tbleInnerBox select, .modal-content select {
    float: left;
    font-size: 14px;
    line-height: 36px;
    margin-right: 15px;
    padding: 6px 12px;
    border:none;
    background: #fff;
    width:100%;
	border-bottom: 1px solid #bdbdbd ;
    color: #4D4F5C;
}
.tbleInnerBox ul li{
	font-size: 14px;
	color: #666;
	line-height: 22px;
	list-style: disc;
	text-align: left;
}

.app-srch{
	width: 58%;
	max-width: 100%;
	margin: auto !important;
    text-align: center;
}
.app-srch .fieldBox, .app-srch .fieldBox>div{
	display: flex;
}
 .app-srch .fieldBox>div{
	align-items: center;
    margin-left: 10px;
}
.app-srch  input[type=submit]{
margin-top: 0;
}
.app-section{
	margin-top: -83px;
	width: 100%;
}
.btn:hover, .btn:focus {
    color: #fff;
}
.btn:focus, .btn:active:focus, .btn.active:focus{
	outline: 0px auto -webkit-focus-ring-color;
}
.fieldBox{
	float: left;
	width: 100%;
}
.fieldBox img{
	float: left;
}
p.stp{
    font-weight: bold;
}