charset "utf-8";
* { margin:0; padding:0; font-size:100%; line-height:normal }

body { margin:0 auto; font-size:100%; line-height:100%; font-family: Arial,Helvetica,sans-serif; text-align:center; vertical-align:top; }

ul { list-style-image:none; list-style-position:outside; list-style-type:none }

img, fieldset { border:none }

html { overflow-y:scroll; overflow-x:auto }

a { font-family: 'helveticaneue', Arial, Verdana; outline:none }

a:link, titlePDF {text-decoration:none }

a:active {}

a:visited, titlePDF {  text-decoration:none }

a:hover, titlePDF:hover {text-decoration:underline }




header{
	font-family: Arial,Helvetica,sans-serif; 
	color:#414141;
	background:#fff;
}
h1, h2, h3, h4, h5, h6{
	text-align: left;
}
.header-top{
	border-bottom: 4px solid #4F81BD;
	margin-bottom:10px;
} 
.header-top .row div{
	padding: 0 !important;
}
.logo-rgt{
	margin-top:30px;
	float: right;
}
.navbar{
	/* background: url("../images/gradient.jpg") repeat-x right center; */
	background-color: #4F81BD;
	margin-bottom: 10px !important;
	border-radius: 6px;
}
.navbar .container-fluid{
	padding: 0 !important;
}
.navbar li{
	color: #fff;
	font-size: 14px;
	background: url("../images/separator.gif") no-repeat right center;
}

.navbar-nav li:hover {
    /* background: #E71831 !important; */
    /* background: #00A2E7 !important;
    border-radius: 6px;
    text-decoration: none; */
	text-decoration: underline;
}

.navbar-nav > li > a{
	color: #fff !important;
}
.navbar-nav li:hover a{
	/* text-decoration: underline; */
}
.nav-right{
	float: right;
}
.loggedInUser{
	padding: 0 !important;
}
.loggedInUser p{
	float: right;
	color: #5c5c5c;
	font-size: 13px;
	padding: 0 10px 0 0;
}
.noBG{
	background-image: none !important;
}
.content-wrapper{
	margin: 20px 0;
	background:#fff;
}
.content-wrapper p{
	text-align: left;
	color: #5c5c5c;
	font-size: 14px;
	line-height: 22px;
}
.content-wrapper .col-md-4, .col-md-6, .col-md-8, .col-md-12{
	padding: 0 !important;
}
.fieldBox{
	float: left;
	width: 100%;
}
.fieldBox img{
	float: left;
}
p.stp{
	color: #000;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    line-height: 18px;
}
select#contractor_name{
	background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: none;
    color: #999;
    display: block;
    font-size: 14px;
    height: 38px;
    line-height: 1.42857;
    padding: 6px 12px;
    width: 50%;
    margin-right: 10px; 
    float: left;
}
.fieldBox input{
	float: left;
	padding: 6px 12px;
    width: 70%;
    height: 36px;
    font-size: 14px;
    margin-right: 15px; 
    line-height: 36px;
}
section{
	margin-bottom: 40px;
}
.tbleOuterBox{
	border: 1px solid #e0e0e0;
	box-shadow: 2px 0 2px #e0e0e0;
	float: left;
	width: 100%;
}
.tbleInnerBox{
	border: 1px solid #fff;
	float: left;
	width: 100%;
}
.tbleInnerBox h2{
	/*background: url("../images/blue-bar.jpg") repeat-x right center;*/
	/* background-color:#E71831; */
	background-color:#00A2E7;
	margin: 0;
	color: #fff;
	text-align: left;
	font-size: 17px;
	padding: 10px;
	font-weight: bold;
	width: 100%;
}
.tbleInnerBox table{
	margin: 0;
}
.tbleInnerBox table thead td{
	background: #fff;
    color: #666;
    font-size: 14px;
    font-weight: bold;
}
.tbleInnerBox table tbody td{
	background: #fff;
    color: #666;
    font-size: 13px;
}
.tbleInnerBox table tbody td .edit{
	background: url("../images/edit.png") no-repeat center center;
	width: 15px;
	height:16px;
	float: left;
	margin:0 15px 0 0;
}
.tbleInnerBox table tbody td .dlete{
	background: url("../images/delete.png") no-repeat center center;
	width: 14px;
	height:15px;
	float: left;
}
.tbleInnerBox table tbody td .inPrg{
	background: url("../images/eye.png") no-repeat center center;
	width: 16px;
	height:10px;
	float: left;
	margin: 5px 0 0 10px;
}
.tbleInnerBox table tbody td .cmpltd{
	background: url("../images/approved.png") no-repeat center center;
	width: 20px;
	height:17px;
	float: left;
	margin: 5px 0 0 10px;
}
.tbleInnerBox table tbody td span{
	float: left;
}
.greyBg{
	background: #f5f5f5;
	padding: 15px 20px;
}
.greyBg p{
	color: #333;
}
.rebateNo{
	font-weight: bold;
	color: #333;
	margin: 0 0 10px 0;
}
.ticketBox{
	border: 1px solid #f0f0f0;
	background: #fff;
	padding: 12px;
	margin: 8px;
	min-height: 245px;
	border-radius: 5px;
}
.ticketBox h3{
	background: url("../images/line1.jpg") no-repeat left bottom;
	margin: 0 0 10px;
	padding: 0 0 10px;
	color: #4F81BD;
	font-size: 21px;
}
.ticketInfo table tbody td{
	background: #fff;
    color: #999;
    font-size: 13px;
    text-align: left;
    padding: 5px;
	line-height:25px;
}
.ticketInfo table tbody td.blkTxt{
    color: #404040;
}
.btn{
	float: left;
	margin: 0 5px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.thnkBtn1{
	background: url("../images/button1.jpg") no-repeat left bottom;	
    padding: 12px 21px;
    margin: 0 8px 0 0;
    float: left;
}
.thnkBtn2{
	background: url("../images/button2.jpg") no-repeat left bottom;
	padding: 12px 28px;
	margin: 0 8px 0 0;
	float: left;
}
.thnkBtn3{
	background: url("../images/button3.jpg") no-repeat left bottom;
	padding: 12px 23px;
	float: left;
}
.lesBotMrg{
	margin-bottom: 20px;
}
.btnBox{
	float: right;
}
a.btn:hover{
	color:#fff;
}
.tbleInnerBox span.clkToggleDown, .tbleInnerBox span.clkToggleUp{
	float: right;
	font-size: 25px;
	cursor: pointer;
	margin-top:-3px;
}
.dealer .clkToggleUp{
	display: none;
	margin: -4px 4px 0 0;
}
.clkToggleUp{margin:-5px 5px 0 0 ;}
.expandedBox{
	float: left;
	padding: 10px;
	width: 100%;
	display: none;
}
.tbleInnerBox .form-group{
	float: left;
	width: 50%;
	margin: 0 0 10px -3px;
}
.tbleInnerBox label{
	font-size: 14px;
	font-weight: bold;
	color: #666;
	line-height: 14px;
}
.tbleInnerBox input, .modal-content input {
    float: left;
    font-size: 14px;
    height: 33px;
    line-height: 36px;
    margin-right: 6px;
    padding: 6px 12px;
    border: 1px solid #ccc;
    background: #fff;
}
.tbleInnerBox 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;
}
.tbleInnerBox ul li{
	font-size: 14px;
	color: #666;
	line-height: 22px;
	list-style: disc;
	text-align: left;
}
.uploadBtn{
	display: inline-flex;
}
.impStr{
	color: #cc0000 !important;
}
.expandedBox .certForm{
	padding: 10px 0 0 0;
}
.expandedBox .certForm input{
	height: auto;
    margin-top: -1px;
    float: left;
}
.legl{
	color: #cc0000 !important;
	padding: 5px 0;
	float: left;
}
.topDiv{
	float: left;
	width: 100%;
}
p.textBlk{
	font-size: 16px;
	font-weight: bold;
}
.toggleBox{
	float: right;
}
.toggleBox a{
	float: left;
	margin: 0 7px
}
.topDiv p{
	float: left;
}
.toggleBox a.clps p{
	color: #1a81bd !important;
}
.textBlk{color: #000 !important;}
.infoPg section{margin-bottom: 10px;}
.upload .expandedBox, .install .expandedBox, .certificate .expandedBox, .equipinstall .expandedBox, .upload .clkToggleUp, .install .clkToggleUp, .certificate .clkToggleUp , .equipinstall .clkToggleUp{
	display: block;
}
.upload .clkToggleDown, .install .clkToggleDown, .certificate .clkToggleDown , .equipinstall .clkToggleDown{
	display: none;
}
.infoPg .tbleInnerBox h2{
	font-size: 17px;
}
.tblebox{
	padding: 20px;
	float: left;
}
.btnDiv{
	clear: both;
	padding: 10px 0 5px;
}
.btnDiv a{
	float: none;
}
a.btn:hover, a.btn:link, a.btn:visited, a.btn:active{
	outline: none;
	color: #fff !important;
}
.orange, a.btn.orange:active{
	background: -webkit-linear-gradient(180deg, #fa7500, #c74c00);
    background: -o-linear-gradient(180deg, #fa7500, #c74c00); 
    background: -moz-linear-gradient(180deg, #fa7500, #c74c00);
    background: linear-gradient(180deg, #fa7500, #c74c00); 
    border: 1px solid #c45c00;
	background: #e75733 !important;
}
.grey, a.btn.grey:active{
	/* background: #5fa4d8 !important; */
	background: #00A2E7 !important;
}	
.grey, a.btn.grey:active{
	background: -webkit-linear-gradient(180deg, #696969, #262626);
    background: -o-linear-gradient(180deg, #696969, #262626); 
    background: -moz-linear-gradient(180deg, #696969, #262626);
    background: linear-gradient(180deg, #696969, #262626); 
    border: 1px solid #262626;
}
.modal-content{
	/* border: 10px solid #E71831; */
	border: 10px solid #00A2E7;
	width: 810px;
	top: 50px;
}
.modal-dialog{
	width: 810px;
}
.modal-header .close{
	font-weight: normal;
	color: #4F81BD !important;
}
.modal-header, .modal-footer{
	border: none;
}
.modal-content p{
	font-size: 13px;
	color: #666;
	line-height: 20px;
	text-align: left;
}
.modal-content .form-group {
    float: left;
    margin: 0 0 10px -3px;
    width: 70%;
}
.modal-content label {
    color: #666;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
}
.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;
}
.modal-content input#remarks {
    width: 100%;
}
#upload_application_form {
    float: left;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    margin-right: 15px;
    padding: 0;
    border: none;
    background: #fff;
	width:190px;
}


footer{
	height: 30px;
	background:#116bab;
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	margin: 20px 0 0;
}
footer p{
	margin: 0;
}

.btnStartNew{
font-size: 18px;
border: 0;
background: url('../images/start-new-application.jpg')no-repeat left bottom;
cursor: pointer;
height: 38px !important;
display: block;
width: 237px !important;

}


.btnSearchApp{
font-size: 18px;
border: 0;
background: url('../images/search.jpg')no-repeat left bottom;
cursor: pointer;
height: 36px !important;
display: block;
width: 95px !important;
float:left;
margin-right:auto !important;
}

.error_msg{
	color: #FF0000;
    float: left;
    font-size: 12px;   
	font-style:inherit;
	font-weight:normal;
	display:none;
	margin: 8px 0 5px 2px;
	
	
}

.error_msg_wrap{
	border:1px solid #f4c2c8;
	width:1134px;
	margin:0 auto 20px auto;
	background:#f5f5f5;
	padding:20px;
	color:red;
	text-align:left;
	clear:left;
	font-family: Arial,Helvetica,sans-serif;
	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;
}

.btnSave{
font-size: 18px;
border: 0;
/*background: url('../images/submit.jpg')no-repeat left bottom;*/
background-color:#428bca;
cursor: pointer;
height: 43px !important;
display: block;
width: 95px !important;
float:left;
margin: 0 5px; !important;
color:#FFFFFF;
}

.btnSaveQuit{
font-size: 18px;
border: 0;
/*background: url('../images/save-quit.jpg')no-repeat left bottom;
*/
background-color:#428bca;
cursor: pointer;
height: 43px !important;
display: block;
width: 126px !important;
float:left;
margin: 0 5px;!important;
color:#FFFFFF;
}
.btnUpload {
font-size: 18px;
border: 0;
background-color:#666666!important;
cursor: pointer;
height: 43px !important;
display: block;
width: 126px !important;
float:left;
margin: 0 5px;!important;
color:#FFFFFF;
}


button.grey:hover, button.grey:focus {
    color: #fff;
    text-decoration: none;
	background: -webkit-linear-gradient(180deg, #696969, #262626);
    background: -o-linear-gradient(180deg, #696969, #262626); 
    background: -moz-linear-gradient(180deg, #696969, #262626);
    background: linear-gradient(180deg, #696969, #262626); 
    border: 1px solid #262626;}
	
button.orange:hover, button.orange:focus{
    color: #fff;
    text-decoration: none;
	background: -webkit-linear-gradient(180deg, #fa7500, #c74c00);
    background: -o-linear-gradient(180deg, #fa7500, #c74c00); 
    background: -moz-linear-gradient(180deg, #fa7500, #c74c00);
    background: linear-gradient(180deg, #fa7500, #c74c00); 
    border: 1px solid #c45c00;
}

.floatNone{ float:none}
.floatLeft{float:left}

#calendarDiv{
z-index: 5000 !important;
left: 648px!important;
top: 560px!important;
visibility: visible;
display: block;
}

#fisttable{
width: 100%;
border-collapse: collapse;
}
#fisttable tr{
  margin-bottom: 20px;
}
#fisttable th{ 
   /* background: #E71831; */
   background: #00A2E7;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  padding: 6px;
  border: 1px solid #ccc;
  text-align: center;
 }
 
#fisttable td{ 
 font-size: 13px;
  color: #676570;
  padding: 6px;
  border: 1px solid #ccc;
  text-align: center;
 }
 
#fisttable td a {  
	color: #0068ad;
	font-weight: bold;
	text-decoration: none;
} 

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

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation: portrait){
.navbar{
	background: #225ba1;
}	
.logo-rgt{
	margin-top:30px;
	float: left;
}
.nav-right{
	float: none;
}
.navbar li{
	border-bottom:1px solid #0b3b81;
	background-image: none !important;
}
.navigation .container{
	padding: 0;
}
.fieldBox input{
    width: 100%;
    margin-bottom: 10px;
}
select#contractor_name{
	width: 100%;
	margin-bottom: 10px;
}
.navbar-nav{
	margin:0;
}
.navbar .nav-right li:last-child{
	border:none;
}
.tbleInnerBox .form-group{
	width: 100%;
}
.tbleInnerBox label{
	text-align: left;
}
.btnBox{float: none;}
.btn{
	clear: both;
	width: 100%;
	margin-bottom: 7px;
}
.modal-content, .modal-dialog{
	width: 300px;
}
.modal-content label{text-align: left;}
.modal-content .form-group{width: 100%;}
.modal-content input#request_info_document, .modal-content input#remarks{
	width: 90%;
}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation: landscape) {
.navbar{
	background: #225ba1;
}	
.logo-rgt{
	margin-top:30px;
	float: left;
}
.nav-right{
	float: none;
}
.navbar li{
	border-bottom:1px solid #0b3b81;
	background-image: none !important;
}
.navigation .container{
	padding: 0;
}
.fieldBox input{
    width: 50%;
}
.navbar-nav{
	margin:0;
}
.navbar .nav-right li:last-child{
	border:none;
}
.tbleInnerBox .form-group{
	width: 100%;
}
.tbleInnerBox label{
	text-align: left;
}
.btnBox{float: right;}
.modal-content, .modal-dialog{
	width: 540px;
}
.modal-content label{text-align: left;}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){
.fieldBox input{
    width: 50%;
}
.modal-content, .modal-dialog{
	width: 725px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.fieldBox input{
    width: 60%;
}

}

button.grey:hover, button.grey:focus {
    color: #fff;
    text-decoration: none;
	background: -webkit-linear-gradient(180deg, #696969, #262626);
    background: -o-linear-gradient(180deg, #696969, #262626); 
    background: -moz-linear-gradient(180deg, #696969, #262626);
    background: linear-gradient(180deg, #696969, #262626); 
    border: 1px solid #262626;}
	
button.orange:hover, button.orange:focus{
    color: #fff;
    text-decoration: none;
	background: -webkit-linear-gradient(180deg, #fa7500, #c74c00);
    background: -o-linear-gradient(180deg, #fa7500, #c74c00); 
    background: -moz-linear-gradient(180deg, #fa7500, #c74c00);
    background: linear-gradient(180deg, #fa7500, #c74c00); 
    border: 1px solid #c45c00;
}

.floatNone{ float:none}


.errorWrap{display: block;
    float: left;
    margin: 13px 0 5px;
    width: 100%;}
	
.width_100{float:left; width:100%; display:block;}
.width_50Left{float:left; width:50%; display:block;}
.width_50Right{float:right; width:50%; display:block;}

.dot {
  height: 10px;
  width: 10px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  background: #e75733;
  margin-right: -10px;
}

.ahriResultSet{
	width: 100%;
    border-collapse: collapse;
	margin-top: 2%;
}

.ahriResultSet th{
	background: #00A2E7;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    padding: 6px;
    border: 1px solid #ccc;
    text-align: center;
	line-height: normal;
}

.ahriResultSet td {
    font-size: 13px;
    color: #676570;
    padding: 6px;
    border: 1px solid #ccc;
    text-align: center;
}

.noRecord{
	text-align: center !important;
	color: #FF0000 !important;
}


.dataUploaded th{
	background: #00A2E7;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    padding: 6px;
    border: 1px solid #ccc;
    text-align: center;
	line-height: normal;
}

.dataUploaded td {
    font-size: 13px;
    color: #676570;
    padding: 6px;
    border: 1px solid #ccc;
    text-align: center;
}

.header-sub-logo{ float: right; clear: both; color: #b8b6b6; font-size: 26px; font-weight: bold; font-style: italic;margin-top: 20px;margin-bottom: 10px;line-height: 100%; text-align: right; }