/* ==========================================================================
This controls responsive views.
========================================================================== */

@-ms-viewport {
 width: device-width;
}
object, embed, video {
	max-width: 100%;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	border: 0;
}
.ie img {
	width: auto;
	-ms-interpolation-mode: bicubic;
}
/* ==========================================================================
   Responsive Helper classes
   ========================================================================== */
.pull-right {
	float: right;
}
.pull-left {
	float: left;
}
.hide {
	display: none;
}
.show {
	display: block;
}
.affix {
	position: fixed;
}
.v-mob {
	display: none !important;
}
.v-tab {
	display: none !important;
}
.h-desk {
	display: none !important;
}
.v-desk {
	display: inherit !important;
}

.header-container, .content-container, .top-nav-sub-container, .footer-content{width:90%;}

.width49perResp {
    width: 48.5% !important;
}


/***************************** Media Queries *****************************/
/* targeting desktop view */
@media only screen and (min-width : 1024px) {/* 1024/16 = 64 and 1200/16 = 75 */
/***************************** RWD table *****************************/
.header-container, .content-container, .top-nav-sub-container, .footer-content{width:90%;}


}
/* targeting tablet portrait view and above */
@media only screen and (min-width:48em) {

   

}

/* targeting tablet landscape view 
@media only screen and (max-width : 62em) and (min-width : 48em) and (orientation : landscape) {
 .k-pager-wrap .k-link:hover, .k-pager-numbers .k-link:hover{
		background-color:#fff;
		background:#fff !important;
		border-color:#fff !important;
		color:#787878;
	}
	
	.k-pager-numbers .k-pager-nav:hover, .k-pager-wrap .k-pager-nav:hover{color:#787878 !important; background-color:#999 !important;  border-color:#999 !important;
	}
	
	 .inputClass {width:16em ;}

}*/



/* targeting tablet portrait and landscape view */
@media only screen and (max-width : 62em) and (min-width : 48em) {/* 1024/16 = 64 and 768/16 = 48 */

.paddingL165 {
	padding:5px 0 5px 5px;
}

 .inputClass {width:16em !important;}

.cssform p {
	padding-left: 5px; /*width of left column containing the label elements*/
	
}

.width49perResp {
    width: 97% !important;
}


.userNameContainer{width:16em;}

.cssform label {
	text-align:left;
	float: none;
	margin-left: 5px; /*width of left column*/
	width: 100%; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.top-right-menu{top:16px;}

.cssform .overflowNone .k-grid-content, .cssform .overflowX .k-grid-content
{
    overflow-y:hidden !important;
    overflow-x:auto !important;
    
   width:auto !important;
 
  
}

.header-container, .content-container, .top-nav-sub-container{width:97%;}

/***************************** table split *****************************/
	/* Force table to not be like tables anymore */
.split-table, .split-table > thead, .split-table > tbody, .split-table > thead > tr > th, .split-table > tbody > tr > td, .split-table > thead > tr, .split-table > tbody > tr {
	display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
.split-table > thead > tr, .split-table > tbody > tr > th {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.split-table > thead > tr {
	border: 1px solid #ccc;
}
.split-table > tbody > tr > td {
	/* Behave  like a "row" */
	border: none;
	/*border-bottom: 1px solid #ccc;*/
	position: relative;
	padding-left: 16%;
	min-height:2.6em;
}

.split-table > tbody > tr > td:first-child {
	/* Behave  like a "row" */
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	line-height:2.5em;
}

.split-table > tbody > tr > td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	/*top: 0.6em;*/
	left: 0.6em;
	width: 12%;
	padding-right: 1em;
	content: attr(data-title);/* Label the data */
	font-weight: bold;
	vertical-align:top;
}

.k-grid-header-wrap thead{ display:none;}
.ie9 .split-table > tbody > tr > td:first-child {
	width: 100% !important;
}

.ie9 .split-table > tbody > tr > td {
	float: left;
	clear: left;

}


.split-table .no-padd-left{ padding-left:0.6em !important;}

.split-table > tbody > tr > td{width:auto !important;}
.split-table > tbody > tr > td:before{width:auto !important;}



/* icons syles */
.icon-set-box a{
padding: 14px;
background-color: #f9fafa;
border: 1px solid #CCC;
margin-right: -1px !important;

}

.icon-set-box div{
padding: 8px;
padding-bottom:5px;
padding-top:6px;
background-color: #f9fafa;
border: 1px solid #CCC;
margin-right: -1px !important;
margin-bottom:-6px;
margin-top:-6px;
display:inline-block;
*display:inline;

}

/* icons syles */

.cssform .overflowNone .k-grid-content, .cssform .overflowX .k-grid-content
{
    overflow-y:hidden !important;
    overflow-x:hidden !important;
    overflow:hidden !important;
   width:auto !important;
   /*border:1px solid #ffffff;*/
   
}
.userNameContainer{ margin:0px; margin-left:10px; margin-top:18px;
margin-bottom:6px; width:20em;}
.comtec-logo{
float:left; margin-left:0px; margin-right:0px; border-right:1px #f1f1f1 solid !important; width:10.4em; height:5.5em; background-image:url(../images/hva-logo-mobile.png) !important; background-repeat:no-repeat;
}

.formBox_container{
	width:31.5%;
}



}





/* targeting mobile portrait and landscape view */
@media only screen and (max-width : 47.99em) {/* but650/16 = 40.625 */

.formBox_container{
	width:47%;
}

.v-mob {
	display: block !important;
}
.v-desk {
	display: none !important;
}
.expand {
	display: block !important;
}

.paddingL165 {
	padding:5px 0 5px 5px;
}


.cssform p {
	padding-left: 5px; /*width of left column containing the label elements*/
	
}

 .inputClass, .width16em {width:98.51%;}
 
 @-moz-document url-prefix() { 
  .inputClass, .width16em {width:98.3%;}
}
 
 
.cssform label {
	text-align:left;
	float: none;
	margin-left: 5px; /*width of left column*/
	width: 100%; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

		
					/* form style */
.paddingL165 {
	padding:5px 0 5px 5px;
}


.cssform p {
	padding-left: 5px; /*width of left column containing the label elements*/
	
}

.cssform label {
	text-align:left;
	float: none;
	margin-left: 5px; /*width of left column*/
	width: 100%; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

/* form styles end */

/***************************** table split *****************************/
	/* Force table to not be like tables anymore */
.split-table, .split-table > thead, .split-table > tbody, .split-table > thead > tr > th, .split-table > tbody > tr > td, .split-table > thead > tr, .split-table > tbody > tr {
	display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
.split-table > thead > tr, .split-table > tbody > tr > th {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.split-table > thead > tr {
	border: 1px solid #ccc;
}
.split-table > tbody > tr > td {
	/* Behave  like a "row" */
	border: none;
	/*border-bottom: 1px solid #ccc;*/
	position: relative;
	padding-left: 26%;
	min-height:2.6em;
}

.split-table > tbody > tr > td:first-child {
	/* Behave  like a "row" */
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	line-height:2.5em;
}

.split-table > tbody > tr > td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	/*top: 0.6em;*/
	left: 0.6em;
	width: 22%;
	padding-right: 1em;
	content: attr(data-title);/* Label the data */
	font-weight: bold;
	vertical-align:top;
}

.k-grid-header-wrap thead{ display:none;}
.ie9 .split-table > tbody > tr > td:first-child {
	width: 100% !important;
}

.ie9 .split-table > tbody > tr > td {
	float: left;
	clear: left;

}

.split-table .no-padd-left{ padding-left:0.6em !important;}

.split-table > tbody > tr > td{width:auto !important;}
.split-table > tbody > tr > td:before{width:auto !important;}

body {-webkit-text-size-adjust: none;}

 /* icons syles */
/*
.icon-set-box a{
padding: 14px;
background-color: #f9fafa;
border: 1px solid #CCC;
margin-right: -1px !important;

}*/

.icon-set-box a{
padding: 9px;
background-color: #f9fafa;
border: 1px solid #CCC;
margin-right: 5px !important;

}

.icon-set-box div{
padding: 7px;
padding-bottom:6px;
padding-top:5px;
background-color: #f9fafa;
border: 1px solid #CCC;
margin-right: 5px !important;
margin-bottom:-6px;
margin-top:-6px;
display:inline-block;
*display:inline;

}


.icon_trash, .icon_export, .icon_publish, .icon_copy, .icon_edit, .icon_completeSurvey, .icon_exportStatus, .icon_exportResponse{
	position:relative;
	top:1px;
}
/* icons syles */

.cssform .overflowNone .k-grid-content, .cssform .overflowX .k-grid-content
{
    overflow-y:hidden !important;
    overflow-x:hidden !important;
    overflow:hidden !important;
   width:auto !important;
  /* border:1px solid #ffffff;*/
   
}



.icon_trash, .icon_export, .icon_publish, .icon_copy, .icon_edit, .icon_completeSurvey, .icon_exportStatus, .icon_exportResponse
{
    margin-top:4px;
    height:18px;
	position:relative;
	top:1px;
}


.width49perResp {
    width: 97% !important;
}



/* Dashboard */

.doubleWidth{
width:100%;  padding:0px; float:left; 
}
.singleWidthResponsive{
	width:100%;  padding:0px; float:left; 
}

.singleWidth{
	width:100%;  padding:0px; float:left; 
}


.greenBorder {
    border-bottom: 4px solid #007A22;
    float: left;
    margin-bottom: 0.8em;
    margin-right: 0.8em;
    width: 100%;
}

.redBorder {
    border-bottom: 4px solid #fd0b0b;
    float: left;
    margin-bottom: 0.8em;
    margin-right: 0.8em;
    width: 100%;
}

.greyBorder {
    border-bottom: 4px solid #333333;
    float: left;
    margin-bottom: 0.8em;
    margin-right: 0.8em;
    width: 100%;
}


.boxWidth{
	width:100% !important;
	
}


.width44Per
{
    width:100%;
}

.width10Per
{
    width:100%;
}





.padd185em {
    padding: 1.85em;
    padding-left: 0.5em;
}

.padd1em
{
     padding: 1em;
    padding-left: 0.5em;
}


.quicklinksData
{
    display:block;
}

.box-container .pull-right
{
    float:right !important;
}

/* Dashboard ends */


/* header containter */
.header-container{width:100%; padding:0px;}

.top-right-menu{display:none;}

/*
.topmenu-item{display:none;}

.top-right-menu{
font-size: 1.2em;
width: auto;
margin: 0 auto;
text-align:right;
margin-top: 15px;
margin-right: 20px;
padding: 3px;
}

.top-right-menu i{margin-right:1.2em;}

*/

/*.userNameContainer{text-align:left; width:14em; }*/

.userNameContainer{ margin:0px; margin-left:10px; margin-top:18px;
margin-bottom:6px; width:15em;}

/*.comtec-logo{border-right:1px solid #fff; margin:0px;}*/

.comtec-logo{
float:left; margin-left:0px; margin-right:0px; border-right:1px #f1f1f1 solid !important; width:10.4em; height:5.5em; background-image:url(../images/hva-logo-mobile.png) !important; background-repeat:no-repeat;
}

.content-container, .top-nav-sub-container{width:97%;}

/* header containter ends */

.k-window-content{ min-width:10em !important;  max-width:50em !important;}
.census-popup-window{ width:40em !important;}
.utility-popup-window{ width:30em !important;}

.custom_searchbox {
     width:12em !important;
	*width:12em !important;
	*min-width:12em !important;	
 }
 
 .footer-content{position:relative;}
.copyright-text{float:left; position:absolute; margin-top:20px; margin-left:0px; padding-left:0px; padding-bottom:10px;}
.footer-menu{float:left; position:absolute; margin-top:-10px;}

    .section {
        margin-bottom: 5px;
    }

    .item_width_box{
	width:95%;
}

}




/* targeting mobile portrait view */
@media only screen and (max-width : 26em) {

.formBox_container{
	width:97%;
}

    .item_width30em {
        width: 100%;
    }

    .item_width30em label, .inputClassSelect {
        width: 90%;
        text-align:left;
    }

    .marginL12em {
        margin-left: 0em;
    }

    label.lblforBlock {
        width: 15em !important;
    }

    .section {
        margin-bottom: 5px;
    }

    .width49perResp {
    width: 97% !important;
}

.item_width_box{
	width:95%;
}

.custom_searchbox {
     width:9em !important;
	*width:9em !important;
	*min-width:9em !important;	
	margin-right:0px;
 }

		
					/* form style */
.paddingL165 {
	padding:5px 0 5px 5px;
}

 .inputClass, .width16em {width:95.65%;}
 .inputClass100per{width:94%;}
 @-moz-document url-prefix() { 
  .inputClass, .width16em {width:95.25%;}
  .inputClass100per{width:94%;}
}
 
 
.cssform p {
	padding-left: 5px; /*width of left column containing the label elements*/
	
}

.cssform label {
	text-align:left;
	float: none;
	margin-left: 5px; /*width of left column*/
	width: 100%; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.paddingL165 {
	padding:5px 0 5px 5px;
}


.cssform p {
	padding-left: 5px; /*width of left column containing the label elements*/
	
}

.cssform label {
	text-align:left;
	float: none;
	margin-left: 5px; /*width of left column*/
	width: 100%; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

/* header containter */
.header-container{width:100%; padding:0px;}

.top-right-menu{display:none;}

/*
.topmenu-item{display:none;}
.top-right-menu{
font-size: 1.2em;
width: 100%;
margin: 0 auto;

padding: 3px;
}

.top-right-menu i{margin-right:1.2em;}

*/

.comtec-logo{
float:left; margin-left:0px; margin-right:0px; border-right:1px #f1f1f1 solid !important; width:10.4em; height:5.5em; background-image:url(../images/hva-logo-mobile.png) !important; background-repeat:no-repeat;
}

.userNameContainer{ margin:0px; margin-left:10px; margin-top:18px;
margin-bottom:6px; width:11em;}

.comtec-logo{border:0px; margin:0px;}

.content-container, .top-nav-sub-container{width:97%;}

/* header containter ends */

/* form styles end */

.split-table > tbody > tr > td {
	padding: 0.6em;
	width: 100%;
	float: none;
}
.split-table > tbody > tr > td:before {
	position: relative;
	display: block;
	top: auto;
	left: auto;
	padding: 0;
	width: 100%;
	margin-bottom: 0.5em;
}

.ie9 .split-table > tbody > tr > td:first-child {
	width: 100% !important;
}

.split-table > tbody > tr > td{width:auto !important;}
.split-table > tbody > tr > td:before{width:auto !important;}




.cssform .overflowNone .k-grid-content, .cssform .overflowX .k-grid-content
{
    overflow-y:hidden !important;
    overflow-x:hidden !important;
    overflow:hidden !important;
   width:auto !important;
   /*border:1px solid #ffffff;*/
  
  
}

/* Dashboard */

.doubleWidth{
width:100%;  padding:0px; float:left; 
}
.singleWidthResponsive{
	width:100%;  padding:0px; float:left; 
}


.greenBorder {
    border-bottom: 4px solid #007A22;
    float: left;
    margin-bottom: 0.8em;
    margin-right: 0.8em;
    width: 100%;
}

.redBorder {
    border-bottom: 4px solid #fd0b0b;
    float: left;
    margin-bottom: 0.8em;
    margin-right: 0.8em;
    width: 100%;
}

.greyBorder {
    border-bottom: 4px solid #333333;
    float: left;
    margin-bottom: 0.8em;
    margin-right: 0.8em;
    width: 100%;
}

.smallLable {
    display: inline-block;
    text-align: left;
    width: 100%;
}

.autoLabel
{
  width:100%;
    text-align:left;
	display:inline-block;
	font-weight:bold;
}

.boxWidth{
	width:100% !important;
	
}
.labelAlign{
	
	text-align:left;
}

.marginL90
{
    margin-left:5px;
}

.width44Per
{
    width:100%;
}

.width10Per
{
    width:100%;
}

.customDataTable td
{
  
	/*border-left:solid 1px #dddddd !important;
    border-right:solid 1px #dddddd !important;*/
}

body {-webkit-text-size-adjust: none;}

.padd185em {
    padding: 1.85em;
    padding-left: 0.5em;
}

.padd1em
{
     padding: 1em;
    padding-left: 0.5em;
}


.box-container .pull-right
{
    float:right !important;
}

.history-box .content ul li{
width: 100%;
}
/* Dashboard ends */

/* icons syles */
.split-table > tbody > tr > td:first-child {
	/* Behave  like a "row" */
	border-bottom:0px;*/
	border-top: 1px solid #ccc;
	line-height:2em;
}
.footer-content{position:relative;}
.copyright-text{float:left; position:absolute; margin-top:20px; margin-left:0px; padding-left:0px; padding-bottom:10px;}
.footer-menu{float:left; position:absolute; margin-top:-10px;}

.icon-set-box a{
padding: 9px;
background-color: #f9fafa;
border: 1px solid #CCC;
margin-right: 5px !important;

}

.icon-set-box div{
padding: 5px;
background-color: #f9fafa;
border: 1px solid #CCC;
margin-right: 5px !important;
display:inline-block;
*display:inline;

}


.icon_trash, .icon_export, .icon_publish, .icon_copy, .icon_edit, .icon_completeSurvey, .icon_exportStatus, .icon_exportResponse{
	position:relative;
	top:1px;
}


/* icons syles */



}

/* targeting mobile, tablet for chrome and safari css hack view */
@media only screen and (min-width : 16em) and (max-width : 62em) and (-webkit-min-device-pixel-ratio:0) {

 .icon-set-box a{
padding:19px;

}

.icon-set-box div{
padding:4px;
padding-left:6px;
padding-right:6px;
padding-bottom:5px;
display:inline-block;
*display:inline;


}

.icon_trash, .icon_export, .icon_publish, .icon_copy, .icon_edit, .icon_completeSurvey, .icon_exportStatus, .icon_exportResponse{
	position:relative;
	top:8px;
}

 .inputClass, .width16em {width:95.65%;}
 .inputClass100per{width:94%;}

}

/* targeting mobile, tablet for chrome and safari css hack view */
@media only screen and (min-width : 16em) and (max-width : 26em) and (-webkit-min-device-pixel-ratio:0) {

 .icon-set-box a{
padding:9px;

}

.icon-set-box div{
padding:5px;
padding-top:0px;
display:inline-block;
*display:inline;

}



.icon_trash, .icon_export, .icon_publish, .icon_copy, .icon_edit, .icon_completeSurvey, .icon_exportStatus, .icon_exportResponse{
	position:relative;
	top:9px;
}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    /* iPhone gte 4 CSS rules */
	 .inputClass, .width16em {width:92.65%;}
 .inputClass100per{width:95%;}
 
 @supports (-webkit-appearance:none) {
	   .inputClass, .width16em {width:95.65%;}
 .inputClass100per{width:94%;}
	 
	 }
}

@media screen and (max-width: 1000px){
		 .k-pager-wrap .k-link:hover, .k-pager-numbers .k-link:hover{
		background-color:#fff;
		background:#fff !important;
		border-color:#fff !important;
		color:#787878;
	}
	
	.k-pager-numbers .k-pager-nav:hover, .k-pager-wrap .k-pager-nav:hover{color:#787878 !important; background-color:#999 !important;  border-color:#999 !important;
	}
}