*{box-sizing: border-box;}

 a, button, span{box-sizing:content-box;} 
html
{
	overflow-y:auto;
	
}
body{
	
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
	color: #414f57;
	font-size:14px;
    

}
   .modalloading
            {
                position: fixed;
                z-index: 999;
                height: 100%;
                width: 100%;
                top: 0;
                background-color: Black;
                filter: alpha(opacity=60);
                opacity: 0.6;
                -moz-opacity: 0.8;
            }
            .centerloading
            {
                z-index: 1000;
                margin: 300px auto;
                padding: 10px;
                width: 50px;
                background-color: White;
                border-radius: 10px;
                filter: alpha(opacity=100);
                opacity: 1;
                -moz-opacity: 1;
            }
            	
.linkblue1pra{font-size:14px; font-weight:normal;color:#083430; text-decoration:underline}
.linkblue1pra:hover{font-size:14px; font-weight:normal;color:#062c29;text-decoration:underline}
.dashboard7pra li span {font-size:14px;}
.page1 {
    background-color: #ffffff;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    width: 960px;
}
#lblheadmsg
{
	display: block;
    padding: 0 5px;
}
#mainHeader {
    display: block;
    width: 944px;
    height: 100px;
    margin: 4px 0 8px;
    padding-top: 1px;
	background-image:url(../images/racv_header_background.png);
	background-repeat:no-repeat;
}
#logo {
    /* background-image: url("../images/Logo_RACV.jpg"); */
    width: 284px;
    float: left;
    height: 96px;
}
#aux {
    background-image: url("../images/header-background.jpg");
    background-position: right;
    width: 660px;
    float: left;
    height: 96px;
    display: block;
	display:none;
}
.formcollhs, .formcolrhs{width: 48%;margin:0;padding:0;}
.formBg{
	 
	padding:10px; 
	top:-20px;
	z-index:2;	  
	
}
.opcolumn
{
	width:8%;
	float:left;
	padding-right:5px; 
	font-size:12px;
	font-weight:normal;
	text-align:right;
}
.opcolumnheading
{
	width:8%;
	float:left;
	padding-right:5px; 
	font-size:12px;
	font-weight:bold; 
	text-align:right;
}
.opcolumnheadingclientgroup
{
	width:19%;
	float:left;
	padding-right:5px; 
	font-size:12px;
	font-weight:bold ;
	color:#4169E1;
}
.routeplannerheadingsublink {
    font-size: 10px;
    font-weight: bold;
    color: #4F4F4F;
    margin: 3px 0 0 0;
    padding: 3px 11px 8px 11px;
    background: url(../images/icons/plus.png) left top no-repeat;
}
.routeplannerheadingsublink1 {
    font-size: 10px;
    font-weight: bold;
    color: #4F4F4F;
    margin: 3px 0 0 0;
    padding: 3px 11px 8px 11px;
    background: url(../images/icons/minus.png) left top no-repeat;
}

.opcolumnheadingclient
{
	width:19%;
	float:left;
	padding-right:5px;
	padding-left:20px; 
	font-size:12px;
	font-weight:bold ;
	color:#4169E1;
}
.routeplannerheadingsublinkclient {
    font-size: 10px;
    font-weight: bold;
    color: #4F4F4F;
    margin: 3px 0 0 0;
    padding: 3px 11px 8px 11px;
    background: url(../images/icons/plusgreen.png) left top no-repeat;
}
.routeplannerheadingsublinkclient1 {
    font-size: 10px;
    font-weight: bold;
    color: #4F4F4F;
    margin: 3px 0 0 0;
    padding: 3px 11px 8px 11px;
    background: url(../images/icons/minusgreen.png) left top no-repeat;
}


.formcollhs h1{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7d900+0,f4b923+100 */
background: #f7d900; /* Old browsers */
background: -moz-linear-gradient(top,  #f7d900 0%, #f4b923 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f7d900 0%,#f4b923 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f7d900 0%,#f4b923 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7d900', endColorstr='#f4b923',GradientType=0 ); /* IE6-9 */

    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    color:#94601f;
	font-weight:bold;
    font-size: 14px;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 10px 12px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
	position:relative;
	z-index:4;	
}
.formBg input[type="text"],.formBg select,.formBg textarea {
    background: #fff;
    border: 1px solid #00000;
    color: #414f57;
     
    font-size: 15px;
    width: 100%;
	
}
.formcolrhs p{padding:0 15px;}
.headingdiv{padding:5px 0 10px 10px !important;}
 
a.buttonaescw1{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7d900+0,f4b923+100 */
background: #f7d900; /* Old browsers */
background: -moz-linear-gradient(top,  #f7d900 0%, #f4b923 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f7d900 0%,#f4b923 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f7d900 0%,#f4b923 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7d900', endColorstr='#f4b923',GradientType=0 ); /* IE6-9 */	
  border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    color:#94601f;
	font-weight:bold;
    font-size: 14px;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
	margin:15px auto;
}
/* .tablehedingbg1,.tablehedingbgm,.tablehedingbg2{background:none !important;} */
.newTable th{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7d900+0,f4b923+100 */
background: #f7d900; /* Old browsers */
background: -moz-linear-gradient(top,  #f7d900 0%, #f4b923 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f7d900 0%,#f4b923 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f7d900 0%,#f4b923 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7d900', endColorstr='#f4b923',GradientType=0 ); /* IE6-9 */	
color:#94601f !important;	
}

.newTable td{background:#fff !important;}

/* Modified by Naveen
	28-09-2016*/

	.header_info
	{
		border-color: #000;
		color: white;
		height: auto;
		padding: 5px 8px;
		position: relative;
		width: auto;
		z-index: 999;
	}
	.header_left
	{
		margin:0;
		padding:0;
		position:relative;
		display:block;
		width:80%;
		float:left;
	}

	#tabsH
	{
		margin:0;
		padding:0 10px;
		display:inline;
	}
	#tabsH .sf-menu
	{
		float: left;
		height: 28px;
		list-style: outside none none;
		padding: 0px 0px 0 0;
		z-index: 999;
	}
	.admin_div 
	{
		clear: both;
		color: #003a5d;
		float: right;
		font-size: 11px;
		line-height: normal;
		margin: 1% 2% 0 1%;
		width: auto;
	}
	.header_right {
		float: right;
		width: 18%;
	}
	.mobile_menu
	{
		background: #fafafa none repeat scroll 0 0;
		border-top: 2px solid #77bc1f;
		display: none;
		margin: 0;
		padding: 5px 0;
	}
	.dashboard1
	{
		width:50%;
		font-size:12px;
	}
	.col-sm-2-pra
	{
		width:14%;
		padding-right: 5px;
		padding-left: 5px;
		float:left;
	}
	.col-sm-2-pra16
	{
		width:16%;
		padding-right: 5px;
		padding-left: 5px;
		float:left;
	}
	
	.col-sm-2-pra12
	{
		width:9%;
		padding-right: 5px;
		padding-left: 5px;
		float:left;
	}
	.col-sm-2-pra25
	{
		width:28%;
		padding-right: 5px;
		padding-left: 5px;
		float:left;
	}
	
	.sites_graph2
	{
		width:50%;float:left;margin: 18px 0 0;
	}
	.prioritycallblock2, .complianceblock22
	{
		width:38%;
	}
	
	.Dashboardchartcall, .Dashboardchart{ width:60%; float:left;overflow:auto !important;}
	.dashboard 
	{
		background-color: #ffffff;
		border-bottom: 3px solid #ffffff;
		clear: both;
		color: #000;
		display: block;
		line-height: 20px;
		margin: 0;
		padding: 0;
		text-decoration: none;
		width:100%
	}
	.dashboard:hover
	{
		color:#000;
	}
	#operations_client_calls li
	{
		display:block;
	}
	.Dashboardleftchart, .Dashboardrightchart
	{
		float:left;
	}
	p{color:#444}
	
	/*ACU Pages*/
	.dashboard3
	{
		margin:0 0 0 0px;
		width:33%;
		float:left;
		overflow:hidden;
	}
	.dashboard4
	{
		margin:0 0 0 0px;
		width:67%;
		float:left;
	}
	.dashboard4mrg
	{
		margin-top: 50px !important;
	}
	.dashboard40per
	{
		margin:0 0 0 0px;
		width:40%;
		float:left;
	}
	.dashboard60per
	{
		margin:0 0 0 0px;
		width:60%;
		float:left;
	}
    .dashboard25per {
        margin: 0 0 0 0px;
        width: 25%;
        float: left;
    }

    .dashboard75per {
        margin: 0 0 0 5px;
        width: 74%;
        float: left;
    }
	.dashboardpra4
	{
		margin:0 0 0 0px;
		width:50%;
		float:left;
	}
	
	.whsdiv_container
	{
		width:100%;
		
	}
	.Dashboardchart
	{
		width:100%;
	}
	.whsdiv
	{
		display:inline-block;
		
	}
	.whsdiv_bg{background:#fff;margin:5px;width:32%;height: 375px;}
	.whsdiv_bg div{overflow:hidden !important;}
	.chart_text
	{
		margin:0 0 0 30%
	}
	.chart_text p
	{
		margin:3px 0;
		/* width:100%;
		float:left;*/
	} 
	.chart_text p span:nth-child(1)
		{
		margin:2px 0 0;
	}
	
	/*ACU Maintence*/
	.pnlstateclass
	{
		width:100%;float:left;
	}
	.dashboard5
	{
		margin:0 !important;
		padding:0;
		width:25%;
		float:left;
		position:relative;
	}
	.subpaddcont1 
	{
		float: left;
		margin: 0 ;
		padding:0 15px;
		position: relative;
		width: 100%;
		
	}	
	/*ACU Maintence*/
	.Dashboardchartcall1
	{
		width:40%;
		float:left;
	}
	.prioritycallblock3
	{
		width:38%;min-height:300px;float:left;
	}
	/*7 elaven*/
	.chart_container
	{
		margin:0;
		padding:0;
		width:100%;
	}
	.7headermenu
	{
		background:url("../images/711/menu-bg.png");
	}
	/*Contractor home page*/
	.table_scroll
	{
		overflow-x:auto;
	}
	
	
	/* Admin Dashboard*/
	#PriorityBarDiv
	{
		margin:0 auto;
		padding:0;
		width:50%;
	}
	.text_align_center
	{
		text-align:center;
	}
	
	.profile_detail2 {
		float: left;
		font-size: 10px;
		margin: 0;
		overflow: hidden;
		width:100%;
		padding:0 15px;
	}
	.bg_logo_new ul li 
	{
		float: left;
		padding-bottom: 15px;
		margin:0 5px
	}
	#superadmin_calls_timeline
	{
		text-align:center;
	}
	.subhedingbg1
	{
		width:100%;
		float:left;
	}
	.chart_border, .chart_border:hover
	{
		border-bottom: 1px dotted #a09da0;
		float: left;
		margin: 0 0 30px;
	}
	.text_align_right
	{
		text-align:right;
	}
	.chart_center
	{
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	#annualcallsDiv
	{
		margin:0 15px;
	}
	#divExport
	{
		width:100%;
		margin:0;
		padding:0;
		position:relative;
	}
	.comp_ds_panel_1{width:40% !important;margin:0;margin:0;padding:0;}
	.comp_ds_panel_6{width:70% !important;margin:0;margin:0;padding:0;float:left;}
	.comp_ds_panel_66{width:70% !important;margin:0;margin:0;padding:0;min-height:0 !important;background:#fff;display: ruby-text;}
	#CompiechartDiv{text-align:cetner;}
	.comp_ds_panel_2{width:20% !important;border-right:1px solid #CCCCCC;}
	.comp_ds_panel_3 {float: left;margin: 0;width: 38% !important;}
	.Dashboardchart4{width:50%;}
	.prioritycallblock3, .servicecallblockop3{width:25%;padding:0;}
	.insp_min_h{height:auto;}
	.insp_graph_links{text-align:center;}
	.showhide_btn{z-index:9999;}
	.content{margin:0 2px;}
	.financelhscol{width:33%;}
	
	.financelhscol1{width:75% ;}
	.financelhscol2{width:25% ;}
	.dashboard_color, .dashboard_color:hover{background:none;border-bottom:none;}
	.dashboard7{width:20%;float:left;}
	.dashboard8{width:30%;float:left;}
	.dashboard1pra{width:40%;font-size:12px;float: left;}	
	.dashboard7pra{width:18%;float:left;}
	.dashboard8pra{width:40%;float:left;}
.dashboardpraheading {
    width: 12.4%;
    padding-right: 5px;
    padding-left: 5px;
}
	
.mytables, #upcallslist{overflow-x:auto;}
   .dataTables_scroll
   {
   	float:left;
   	width:100%;
   	
   }
   .info_row1
   {
   	margin: 0 auto;
	width: 85%;
	display: flex;
	}
.formqtrcolresp {width:30%}	
.legent_font p span a, .legent_font p span a span{font-size:11pt !important;line-height:22px;}
	.Dashboardchartcal_new{width:50% ;}
.prioritycallblock_new{	width:46% ;}

/* Complience page changes */
.content_new
{
	background:#f0f3f2;
}
.search_secton
{
	padding:5px 10px ;
	float:left;
	width:100%;
	background:#fff;
	margin:10px 0 0;
	border:none;
}
.complience_searchsmall{width:7%;}
.complience_searchnew{width:10%;}
.comp_ds_panel_1_bg, .comp_ds_panel_2_bg, .comp_ds_panel_3_bg
{
	background:#fff;
	min-height:530px !important;
	padding:11px;
	margin: 0 3px;
	border:none;
}
.dashboard_wrapper
{
	width:100%;
	float:left;
	background:none;
	border:none;
}
.dashboard_wrapper:hover
{
	background:none;
	border:none;
}
.comp_graph_new
{
	margin:5px 0 0;
	padding:10px;
}
	.card-block1::after {
    clear: both;
    content: "";
    display: table;
}
	
	.card-color-2 {
    background: #0e9d30 none repeat scroll 0 0;
    
    transform: skew(-20deg);
     -webkit-transform: skew(-20deg) !important;
    -o-transform: skew(-20deg) !important;
    -ms-transform: skew(-20deg) !important;
}
.card-color-4 {
    background: #bc1538 none repeat scroll 0 0;
   
    transform: skew(-20deg);
     -webkit-transform: skew(-20deg) !important;
    -o-transform: skew(-20deg) !important;
    -ms-transform: skew(-20deg) !important;
}
.card-color-3 {
    background: #ff3862 none repeat scroll 0 0;
   
    transform: skew(-20deg);
     -webkit-transform: skew(-20deg) !important;
    -o-transform: skew(-20deg) !important;
    -ms-transform: skew(-20deg) !important;
}
.card-color-1 {
    background: #7abe42 none repeat scroll 0 0;
    
    transform: skew(-20deg);
     -webkit-transform: skew(-20deg) !important;
    -o-transform: skew(-20deg) !important;
    -ms-transform: skew(-20deg) !important;
}
.card-color-11 {
    background: #7abe42 none repeat scroll 0 0;
    
    transform: skew(-20deg);
     -webkit-transform: skew(-20deg) !important;
    -o-transform: skew(-20deg) !important;
    -ms-transform: skew(-20deg) !important;
}
.card-color-5 {
    background: #34c0ee none repeat scroll 0 0;
    transform: skew(-20deg);
    -webkit-transform: skew(-20deg) !important;
    -o-transform: skew(-20deg) !important;
    -ms-transform: skew(-20deg) !important;
}
.card-block1, .card-block2 {
    color: #fff;
    padding: 1.25rem;
    text-align: center;
}

.card-block1 {
    padding: 0.75rem 1rem;
	 height: 100px;
}
.card-block2 {
    padding: 5px;
	height: 65px;
	margin: 15px 0;
}
.card1 {
    border: 0 none;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 0;
}
.card-block1 h5, .card-block2 h5 {
    font-size: 22px;
    padding: 0 0 5px;
	color:#fff;
}
.card-block2 h5 {
     padding: 0 0 0px;
     margin:3px 0;
}
.card-block1 div, .card-block2 div
{
	font-size:14px;
}
.content-view
{
	text-align:center;
}
.card-color-4 a h5, .card-color-11 a h5,.card-color-11 a .small, .card-color-4 > a .small, .card-color-5 h5, .card-color-5 > .small, .card-color-3 a h5, .card-color-3 > a .small, .card-color-2 a h5, .card-color-2 > a .small, .card-color-2 > .small, .card-color-1 a h5, .card-color-1 > a .small, .card-color-1 > .small, .card-color-11 h5, .card-color-11 .small {
    display: block;
    transform: skew(20deg) !important;
    -webkit-transform: skew(20deg) !important;
    -o-transform: skew(20deg) !important;
    -ms-transform: skew(20deg) !important;
}

.col-lg-13
{
	min-height: 1px;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    position: relative;
	float: left;
    width: 20%;
}
.col-lg-14
{
	min-height: 1px;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    position: relative;
	float: left;
    width: 16%;
}
.col-lg-1
{
	min-height: 1px;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    position: relative;
	/*float: left;*/
    width: 16%;
    margin:0 auto;
    display:inline-block;
}
/* Property Risk page changes */
.chat_bg
{
	background: #fff;
	padding: 5px;
	width: 97%;
	float: left;
	margin: 0;
}
.dashboard6
{
	width:75%;
	float:left;
	margin:0;
	padding:0;
	
}
.dashboard9
{
	margin: 0 !important;
	padding: 0;
	width: 23%;
	float: left;
	position: relative
}
.service_align
{
	width: 80%;
	margin: 0 auto;
	float: none;
	position: relative;
}
.chat_bg_height
{
	height:600px;
}
.whsdiv_comreport
{
	display: inline-block;
	margin: 5PX;
	background: #FFF;
}

.tabcolsep
{
	  border-collapse: separate !important; 
	  border-spacing:0 2px;
} 
.trexpired  td {
    border: solid 2px #ff0000 !important; 
    border-style: solid none !important;   
    background-color: #E8C4C3 !important;     
}
.trcompitem  td {
    border: solid 2px #C3C3C3 !important; 
    border-style: solid none !important;   
    background-color: #E1E1E1 !important;     
}
.trcomplete  td {
    border: solid 2px #9BBB59 !important; 
    border-style: solid none !important;    
    background-color: #DFE9CA !important;     
}

.trextension  td {
    border: solid 2px #1F497D !important; 
    border-style: solid none !important;     
    background-color: #B4C1D2 !important;     
}

.trexpired td:first-child, .trcompitem td:first-child, .trextension td:first-child, .trcomplete td:first-child{
    border-left-style: solid  !important; 
    border-top-left-radius: 10px !important; 
    border-bottom-left-radius: 10px !important; 
}

.trexpired td:last-child,.trcompitem td:last-child, .trextension td:last-child, .trcomplete td:last-child {
    border-right-style: solid !important; 
    border-bottom-right-radius: 10px !important; 
    border-top-right-radius: 10px !important; 
}
.sublhscolsmall-6
{
	margin:0 0 2% 0;
	padding:0;
	width:50%;
	float:left;
	position:relative;
    clear: left;
}
.sublhscolsmall-5
{
	margin:0 0 2% 0;
	padding:0;
	width:41.66666667%;
	float:left;
	position:relative;
    clear: left;
}
.sublhscolsmall-4
{
	margin:0 0 2% 0;
	padding:0;
	width:33.33333333%;
	float:left;
	position:relative;
    clear: left;
}
.sublhscolsmall-3
{
	margin:0 0 2% 0;
	padding:0;
	width:25%;
	float:left;
    clear: left;
}
.sublhscolsmall-2
{
	margin:0 0 2% 0;
	padding:0;
	width:16.66666667%;
	float:left;
    clear: left;
}
.sublhscolsmall-1
{
	margin:0 0 2% 0;
	padding:0;
	width:8.33333333%;
	float:left;
    clear: left;
}
.divadmininspecshead
{
	float:left;
	text-align:left;
	position: absolute;
	padding: 1% 0% 0% 65%;
	z-index:999;
}
.divadminquiklinkhead {
    float: left;
    text-align: left;
    position: absolute;
    padding: 1% 0% 0% 33%;
    z-index: 999999;
}
@media only screen and (max-width: 1024px) {
    
   .header_left, .header_right{width:100%;}
   .header_right{text-align:center;}
   .admin_divlogo{margin:0 auto;float:none;}
   #tabsH, #tabsH .sf-menu, #tabsH .sf-menu li, #tabsH .sf-menu a{width:100%;z-index:9999;}
   #tabsH .sf-menu a {width:99%;}
   .mobile_menu{display:block;width:100%;float:left;}
	.mobile_menu a{    color: #003a5d;display: inline;font-size: 14px;font-weight: bold;margin: 0 15px;}
   .mobile_menu a img{margin:0 5px 0 0;padding:0;width:6%;}
   .subpaddcont2{width:100%;padding:0 15px;}
   .dashboard1{width:100%;}
   .col-sm-2-pra, .col-sm-2-pra16,.col-sm-2-pra12,.col-sm-2-pra25
	{
		width:50%;
	}
	
   .sites_graph2{width:100%;}
   .prioritycallblock2, .complianceblock22{margin: 0;padding: 40px 5px 0;width: 50%;}
   .Dashboardchartcall, .Dashboardchart{width:50%;}
    .Dashboardchartcall1 {
        width: 100%;
    }
   #tabsH{display:none;}
   
    /*ACU Pages*/
	.dashboard3{width:100%;}
	.dashboard4{width:100%;}
	.dashboard4mrg{margin-top: 0px !important;}
	.dashboardpra4{width:100%;}
	.dashboard40per{width:100%;}
	.dashboard60per{width:100%;}
    .dashboard25per {width: 100%;}
    .dashboard75per {width: 100%;}
	.whsdiv_container{text-align:center}
	/*7 elaven*/
	.sf-menu{background:#005a2a;}
	
	/* admin dashboard*/
	#PriorityBarDiv	{width:100%	}
	.chart_center{float:left;}
	
	.dashboard3{width:100%;}
	.dashboard4{width:100%;}
	.dashboard4mrg{margin-top: 0px !important;}
	.dashboardpra4{width:100%;}
	.dashboard40per{width:100%;}
	.dashboard60per{width:100%;}
    .dashboard25per {
        width: 100%;
    }

    .dashboard75per {
        width: 100%;
    }
	.comp_ds_panel_1,.comp_ds_panel_6, .comp_ds_comp_flash_site_p1, .comp_ds_comp_flash_site_p2, .comp_ds_panel_2, .comp_ds_panel_3{width:100% !important;}
	.complience_search, .complience_searchsmall, .complience_searchnew{width:100%;padding:0 15px;}
	.Dashboardchart4, .prioritycallblock3, .servicecallblockop3{width:100%;}
	.link_section{width:48%;}
	
	
	
   .formcollhs, .formcolrhs{width: 100%;}
   .financelhscol{width:50%;}
   .financelhscol1{width:100% ;}
	.financelhscol2{width:100% ;}
	.subpaddcont1 {overflow-x:auto;overflow-y:hidden;}
	.comp_dash_float{width:100%;}
	.center_container{width:100%;margin:0}
	.loginform{width:100%;margin:0;}
	.divcalls h2{width:auto;}
	.container{width:100%;}
	.formcollhs_sentinel{width:100%;}
    .tab_content {overflow:auto;}
    .sublhscolsmall-1,.sublhscolsmall-2,.sublhscolsmall-3,.sublhscolsmall-4,.sublhscolsmall-5,.sublhscolsmall-6{margin:0 0 2% 0;padding:0;width:100%;float:left;clear: left;}
}
@media only screen and (max-width: 1024px) and (orientation: landscape)  {
	.formcollhs, .formcolrhs{width:50%;}
	 /*ACU Pages*/
	.dashboard3{width:50%;}
	.dashboard4{width:50%;}
	.dashboard4mrg{margin-top: 50px !important;}
	.dashboardpra4{width:50%;}
	.dashboard40per{width:40%;}
	.dashboard60per{width:60%;}
    .dashboard25per {
        width: 25%;
    }

    .dashboard75per {
        width: 74%;
    }

	
}
@media (min-width: 340px) and (max-width: 640px) {
   
   
   
   .header_left, .header_right{width:100%;}
   .header_right{text-align:center;}
   .admin_divlogo{margin:0 auto;float:none;}
   #tabsH, #tabsH .sf-menu, #tabsH .sf-menu li, #tabsH .sf-menu a{width:100%;z-index:9999;}
   #tabsH .sf-menu a {width:99%;}
   .mobile_menu{display:block;width:100%;float:left;}
	.mobile_menu a{    color: #003a5d;display: inline;font-size: 14px;font-weight: bold;margin: 0 15px;}
   .mobile_menu a img{margin:0 5px 0 0;padding:0;width:6%;}
   .subpaddcont2{width:100%;padding:0 15px;}
   .dashboard1{width:100%;}
   .col-sm-2-pra, .col-sm-2-pra16,.col-sm-2-pra12,.col-sm-2-pra25
	{
		width:50%;
	}
   .sites_graph2{width:100%;}
   .prioritycallblock2, .complianceblock22{margin: 0;padding: 40px 5px 0;width: 100%;}
   .Dashboardchartcall, .Dashboardchart{width:100%;}
   #tabsH{display:none;}
   #tabsH .sf-menu li ul
	{
		 background: #fff none repeat scroll 0 0;
		display: block !important;
		left: 0 !important;
		padding: 0 0 0 30px;
		position: relative;
		top: 0 !important;
		visibility: visible !important;
		width: 100%;
	}
   /*ACU Pages*/
	.dashboard3{width:100%;}
	.dashboard4{width:100%;}
	.dashboard4mrg{margin-top: 0px !important;}
	.dashboardpra4{width:50%;}
	.dashboard40per{width:40%;}
	.dashboard60per{width:60%;}
    .dashboard25per {
        width: 25%;
    }

    .dashboard75per {
        width: 74%;
    }
	.whsdiv_container{text-align:center}
	
	/*ACU Maintence*/
	.dashboard5	{width:100%;}
	/*ACU Maintence*/
	.Dashboardchartcall1{width:100%;}
	.prioritycallblock3{width:100%;}
	/*7 elaven*/
	.sf-menu{background:#005a2a;}
	.headingform span label{color:#000}
	
	/* admin dashboard*/
	#PriorityBarDiv	{width:100%	}
	.chart_center{float:left;}
	.prioritycallblock{width:100%;}
	.comp_ds_panel_1,.comp_ds_panel_6, .comp_ds_comp_flash_site_p1, .comp_ds_comp_flash_site_p2, .comp_ds_panel_2, .comp_ds_panel_3{width:100% !important;}
	.complience_search, .complience_searchsmall, .complience_searchnew{width:100%;padding:0 15px;}
	.Dashboardchart4, .prioritycallblock3, .servicecallblockop3{width:100%;}
	.link_section{width:100%;}
	.formcollhs, .formcolrhs{width: 100%;}
	.financelhscol{width:100% !important;}
	.info_label_m, .info_val_m, .info_label_xl, .info_val_xl, .info_label_l, .info_label_l, .info_val_l, .info_val_ml{width:50%;}
	.dashboard7, .dashboard8{width:100%;padding:5px 0;}
	.dashboard7pra {width:25%;padding:5px 0;}
     
    .dashboardpraheading {
        width: 100%;
    }
	.dashboard8pra{width:68%;padding:5px 0;}	
	.dashboard1pra  {width:100% ;}
	.financelhscol1{width:100% ;}
	.financelhscol2{width:100% ;}
	.subpaddcont1 {overflow-x:auto;overflow-y:hidden;}
	.comp_dash_float{width:100%;}
	.center_container{width:100%;margin:0}
	.loginform{width:100%;margin:0;}
	.divcalls h2{width:auto;}
	.container, .col-lg-13{width:100%;}
	.container, .col-lg-14{width:100%;}
	.formcollhs_sentinel{width:100%;}
	 .condoclogpopup{width:90% !important;}
	 .hedingbg2 table td
    {
    	width:auto !important;
    }
	.info_row1{width:100%;display:block;}
	ul.tabs{height:auto !important;}
   .tab_content .formqtrcolm3, .tab_content .formqtrcol3, .tab_content .formcollong, .tab_content .formcolbig_rt { width:100%;margin:0} 
   .tab_content 
	{
		overflow:auto;
		}
	.divborder1	.formqtlcolm4, .divborder1	.formqtlcol4 {width:40% !important;}	
	.divborder1	.leftformcolm {width:100% !important;}	
	.divborder1 .formlstcolm {
    float: left;
    width: 50%;}
    .formqtrcolresp {width:50%}	
    .info_label_xresp,  .Dashboardchartcal_new, .prioritycallblock_new, .col-lg-1 {width:100%}
    .legent_font p, .dashboard9{width:100% !important;}
	.card1 {margin:0 0 10px;}
	.chat_bg_height{height:auto;}
	.chat_bg{margin:10px 0;}
	.whsdiv_bg{width:100%;height:auto;}
	.sublhscolsmall-1,.sublhscolsmall-2,.sublhscolsmall-3,.sublhscolsmall-4,.sublhscolsmall-5,.sublhscolsmall-6{margin:0 0 2% 0;padding:0;width:100%;float:left;clear: left;}
	.divadmininspecshead
	{
		float:right;
		text-align:left;
		position: relative ;
		padding: 0;
		z-index:999;
	}
    .divadminquiklinkhead {
        float: left;
        text-align: left;
        position: relative;
        padding: 10px;
        z-index: 999999;
    }

}
@media (min-width: 320px) and (max-width: 480px) {
   
  
   
   
   .header_left, .header_right{width:100%;}
   .header_right{text-align:center;}
   .admin_divlogo{margin:0 auto;float:none;}
   #tabsH, #tabsH .sf-menu, #tabsH .sf-menu li {width:100%;z-index:9999;}
   #tabsH .sf-menu a{width:99%;}
   .mobile_menu  { display:block;width:100%;float:left;}
   .mobile_menu a{    color: #003a5d;display:inline;font-size: 14px;font-weight: bold;margin: 0 15px;}
	.mobile_menu a img{margin:0 5px 0 0;padding:0;width:6%;}
   .subpaddcont2{width:100%;padding:0 15px;}
   .dashboard1{width:100%;}
   .col-sm-2-pra, .col-sm-2-pra16,.col-sm-2-pra12,.col-sm-2-pra25
	{
		width:50%;
	}
   .sites_graph2{width:100%;}
   .prioritycallblock2, .complianceblock22{margin: 0;padding: 40px 5px 0;width: 100%;}
   .Dashboardchartcall, .Dashboardchart{width:100%;}
    #tabsH{display:none;}
	
	#tabsH .sf-menu li ul
	{
		 background: #fff none repeat scroll 0 0;
		display: block !important;
		left: 0 !important;
		padding: 0 0 0 30px;
		position: relative;
		top: 0 !important;
		visibility: visible !important;
		width: 100%;
	}
	#tabsH .sf-menu li li
	{
		width:99% !important;
	}
	#tabsH .sf-menu li li a
	{
		width:100%;
	}
	#tabsH .sf-menu li:hover ul, #tabsH .sf-menu li.sfHover ul { left:0 !important; top:0 !important; /* match top ul list item height */ z-index: 99; }
	
	/*ACU Pages*/
	.dashboard3{width:100%;}
	.dashboard4{width:100%;}
	.dashboard4mrg{margin-top: 0px !important;}
	.dashboardpra4{width:100%;}
	.dashboard40per{width:100%;}
	.dashboard60per{width:100%;}
    .dashboard25per {
        width: 100%;
    }

    .dashboard75per {
        width: 100%;
    }
	.whsdiv_container{text-align:center}
	
	/*ACU Maintence*/
	.dashboard5	{width:100%;}
	.headingform span label{color:#000}
	/*ACU Maintence*/
	.Dashboardchartcall1{width:100%;}
	.prioritycallblock3{width:100%;}
	
	/*7 elaven*/
	.sf-menu{background:#005a2a;}
	
	/* admin dashboard*/
	#PriorityBarDiv	{width:100%	}
	.chart_center{float:left;}
	.prioritycallblock{width:100%;}
	.comp_ds_panel_1,.comp_ds_panel_6, .comp_ds_comp_flash_site_p1, .comp_ds_comp_flash_site_p2, .comp_ds_panel_2, .comp_ds_panel_3{width:100% !important;}
	.complience_search, .complience_searchsmall, .complience_searchnew{width:100%;padding:0 15px;}
	.Dashboardchart4, .prioritycallblock3, .servicecallblockop3{width:100%;}
	.link_section{width:100%;}
	
	/*cameron*/
	.contact_info{width:100%; margin: 5px;float:left; }
	.ciclogo{width:100%;margin: 5px 0 0;position: relative;top: 0;}
	
	.formcollhs, .formcolrhs{width: 100%;}
	.financelhscol{width:100% !important;}
	.info_label_m, .info_val_m, .info_label_xl, .info_val_xl, .info_label_l, .info_label_l, .info_val_l, .info_val_ml{width:50%;}
	.dashboard7, .dashboard8{width:100%;padding:5px 0;}
	.dashboard7pra {width:25%;padding:5px 0;}
    .dashboardpraheading {
        width: 100%;
    }
	.dashboard8pra{width:68%;padding:5px 0;}	
	.dashboard1pra  {width:100% ;}
	.financelhscol1, .dashboard9{width:100% ;}
	.financelhscol2{width:100% ;}
	.subpaddcont1 {overflow-x:auto;overflow-y:hidden;}
	.comp_dash_float{width:100%;}
	.center_container{width:100%;margin:0}
	.loginform{width:100%;margin:0;}
	.divcalls h2{width:auto;}
	.container, .col-lg-13{width:100%;}
	.container, .col-lg-14{width:100%;}
	.formcollhs_sentinel{width:100%;}
    .condoclogpopup{width:90% !important;}
    .hedingbg2 table td
    {
    	width:auto !important;
    }
	.info_row1{width:100%;display:block;}
	ul.tabs{height:auto !important;}
	.tab_content .formqtrcolm3, .tab_content .formqtrcol3, .tab_content .formcollong, .tab_content .formcolbig_rt { width:100%;margin:0} 
	.tab_content 
	{
		overflow:auto;
		}
		
	.divborder1	.formqtlcolm4, .divborder1	.formqtlcol4 {width:40% !important;}	
	.divborder1	.leftformcolm {width:100% !important;}	
	.divborder1 .formlstcolm {
    float: left;
    width: 50%;}
    .formqtrcolresp {width:50%}	
    .info_label_xresp, .Dashboardchartcal_new, .prioritycallblock_new, .col-lg-1{width:100%}
    .legent_font p{width:100% !important;}
	.card1 {margin:0 0 10px;}
	.chat_bg{margin:10px 0;}
	.chat_bg_height{height:auto;}
	.whsdiv_bg{width:100%;height:auto;}
	.sublhscolsmall-1,.sublhscolsmall-2,.sublhscolsmall-3,.sublhscolsmall-4,.sublhscolsmall-5,.sublhscolsmall-6{margin:0 0 2% 0;padding:0;width:100%;float:left;clear: left;}
	.divadmininspecshead
	{
		float:right;
		text-align:left;
		position: relative ;
		padding: 0;
		z-index:999;
	}
    .divadminquiklinkhead {
        float: left;
        text-align: left;
        position: relative;
        padding: 10px;
        z-index: 999999;
    }
}

/*
	search table
	*/
	@media
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {

		/* Force table to not be like tables anymore */
		.hedingbg2 table, .hedingbg2 thead, .hedingbg2 tbody, .hedingbg2 th, .hedingbg2 td, .hedingbg2 tr {
			display: block;
			border: none;
		}
        .hedingbg2 table
        {
        	width:50%;
        	margin:0 auto;
        }
		/* Hide table headers (but not display: none;, for accessibility) */
		.hedingbg2 thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
			border: none;
		}
        .dashboardpraheading {
            width: 100%;
        }
		.hedingbg2 tr { border: none; }

		.hedingbg2 td {
			/* Behave  like a "row" */
			border: none;
			 
			/* position: relative; */
			padding-left: 0;
		}

		.hedingbg2 td:before {
			
		}

		/*
		Label the data
		*/
		 .info_label_xresp {width:100%}
		 .divadmininspecshead
			{
				float:right;
				text-align:left;
				position: relative ;
				padding: 0;
				z-index:999;
			}
        .divadminquiklinkhead {
            float: left;
            text-align: left;
            position: relative;
            padding: 10px;
            z-index: 999;
        }
        .sf-menu {
            display: contents;
        }
	}

a.btn_green, a.btn_green:hover{background:#77bc1f;line-height: 29px;padding: 6px 5px 2px 8px;color: #fff;border-radius: 5px;height: auto;}
strong{font-weight: bold !important;}
.redafss
{
    color:#ff0000;
    font-weight:bold;
    font-style:italic;
}
.blackafss {
    color:auto;
}
.clspo_expired, .clspo_expired:hover {
    background-color: #FFCCCB !important;
}
.clspo_before30_expired, .clspo_before30_expired:hover {
    background-color: #ADD8E6 !important;
}
.clspurchase_order_not_raised, .clspurchase_order_not_raised:hover {
    background-color: #FFD580 !important;
}
span.indication {
    display: inline-block;
    width: 0.6rem;
    height: 0.6rem;
    margin-right: 5px;
    filter: brightness(0.9);
}