﻿#stationFilter .k-treeview .k-in{
padding-left:2em;
}

#stationFilter
{
width:30% !important;
margin-left:5px !important;
margin-right:5px !important;
min-width:270px;
}



ul.slimmenu li .sub-collapser
{
visibility: hidden;
}
.Gaugecontent{
	margin-bottom:24px;
}
/*div.k-window
{
	z-index:10000000000000 !important;
}*/
#childPageLink {
    /* background: #FCF7CD !important; */
    width: 14% !important;
}
#childPageLink a, #childPageLinkGauge a {
    font-size: 16px;
    color: #fff !important;
	text-decoration:none;
}
#CoverDivNews{
border: 3px solid #037E57;
    border-radius: 6px;
    padding: 5px;
}
#childPageLink ul li {
    /* display: list-item; */
    /* text-align: left; */
    /* color: rgb(62,62,62); */
    /* border-bottom: 1px dashed rgb(92,92,92); */
    /* padding: 3%; */
    cursor: pointer;
}
#childPageLink ul li.selctedStation,#childPageLink ul li:hover {
    /* background: #90C2B7; */
}
#HmapDIvCover #IndexDiv{
	display:none;
}
#indexes {
    /*background: rgba(250, 250, 250, 0.85) none repeat scroll 0 0;*/
    /*height: 43px;
    margin-top: 10px;*/
    padding: 2px 0;
    /*position: absolute;*/
    text-align: center;
    /*top: 200px;*/
    width: 290px;
    overflow: hidden;
    left: 10px;
    /*min-height:11px !important;
    min-width:38px !important;
    display:block !important;*/
}
#IndexDiv {
    position: relative;
    float: right;
    width: 76%;
	margin-left:0px;
}
.IconHomeLink{
	background: url("/img/white_icons.png") no-repeat;
    height: 34px;
    width: 48px;
   
    display: block;
    margin-right: 2px;
	background-size: 414px;
}
.IconHomeLink#LearnerIcon
{
	background-position: -22px -4px;
    background-size: 414px;
}
.IconHomeLink#AQOfficerIcon
{
 background-position: -124px -4px;
}
.IconHomeLink#IncidentsIcon
{
 background-position: -234px -4px;
}
.IconHomeLink#LinksIcon
{
 background-position: -346px -4px;
}
.TableaqiDIv{
	margin:0px !important;
}
.textCoverDiv{
	margin-left:0px !important
}
.textCoverDiv .TitleCoverDiv
{
	display:none;
}

.FirstPar .CoverHomeLinks{
	width: 21.6%;
    display: inline-table;
    margin-right: 4%;
    /* box-shadow: 11px 12px 8px -14px black; */
    border-radius: 6px;
    padding: 0;
}
.FirstPar .CoverHomeLinks.LastLink{
margin-right: 0px;
}
.FirstPar .HomeLinks:hover
{
	background:rgb(252,186,63);
	color:#000
}
.FirstPar .HomeLinks:hover a{
	color:#000
}
.FirstPar .HomeLinks {
     /* float: left; */
    margin: 1% 3% 0px 0px;
    padding: 15px 1%;
    width: 100%;
    text-align: center;
    height: 40px;
     vertical-align: middle; 
    display: inline-table;
	background: rgb(0,127,86);
    color: white;
	min-width:184px;
}
.FirstPar .HomeLinks a{
	 
    float: none !important;
    color: white;
    display: table-cell;
    text-decoration: none;
    font-size: 16px;
    vertical-align: middle;
    width: 100%;
    
}
.CoverNewsSlider{
	    min-height: 200px;
    /* width: 100%; */
    border: 1px solid rgba(113, 113, 113, 0.64);
    border-top: 0px;
  
	
}
#spandiv{
	display:none;
}
.HomeDiv{
	padding:0px !important;
	border-top: 0px solid #47CAB1 !important;
	/* min-width:280px; */
	margin-bottom:24px !important;
}
.HomeLinks {
    padding: 7px;
    /* border: 3px solid #037E57; */
    /* border-radius: 6px; */
    text-align: center;
	background:rgb(3, 74, 156) none repeat scroll 0 0;
	    box-shadow: 2px 2px 4px 0px #717171;
}
.HomeLinks a{
color:#fff;
}
#TodayDIv{
	display:none !important;
}
.IndexDivIconCover{
	width:16.6%
}
.IndexDivIcon{
width:17%;	
margin-right:3px;
}
.IndexDivText
{
	float:none;
}
/* .TopTitleSideLeft{ */
/* max-width: 100% !important; */
/* min-width: 260px !important; */
/* } */
#childPageLinkGauge,#childPageLink {
    background: #037E57 !important;
    box-shadow:2px 2px 4px 0px #717171;
    position: relative;
}
#childPageLinkGauge ul li,#childPageLink ul li {
        margin: 0px 10px;
    border-top: 1px solid #fff;
    color: white;
    padding: 6px 0px;
}
#childPageLinkGauge ul li:first-child ,#childPageLink ul li:first-child{
    border-top: 0 none;
}
.TitleCoverDiv{
background: #037E57;
    border-bottom: 0px !important;
}	
.TitleCoverHome {
	color: #fff !important;
	
}
#FullScrean{
	display:none;
}
#CoverDivNews{
	  box-shadow: 2px 2px 4px 0px #717171;
	border: 0px solid #037E57 !important; 
    border-radius: 0px !important;
    padding: 0px !important;
}
/* #childPageLinkGauge ul li:hover{ */
/* background:rgb(252,186,63) */
/* } */
#childPageLinkGauge ul li:hover a,#childPageLink ul li.selctedStation a, #childPageLink ul li:hover a{
color:rgb(252,186,63) !important
}
#childPageLinkGauge a {
    font-size: 16px;
    color: #fff !important;
	font-weight:normal;
}
#childPageLinkGauge .dynamic{
	
    padding: 10px;
    font-weight: normal;
    font-size: 21px;
    /* text-align: center; */
    color: white;

}
.IndexText {
    margin-top: -52px !important;
}

.gm-style {
    font: 400 12px Roboto, Arial, sans-serif !important;
}

body {
    background:#ffffff !important;
}
#masthead{
    border-bottom:none;
    min-height:39px !important;
}
#masthead .EnvelopeDiv{
	/* box-shadow: 0px 4px 13px black; */
}
#masthead .EnvelopeDiv::after{
	background: rgba(0, 0, 0, 0) url("http://saaqis.online/img/borderBottomMenu.png") repeat scroll 0 0;
    height: 200px;
    position: relative;
    width: 100%;
}
.HomeDiv .BodyHomeDiv{
	   
    /* border-radius: 4px; */
	    /* padding: 10px; */
}
.HomeDiv .BodyHomeDiv .HomeLinks{
	padding: 27px;
}
.HomeDiv .BodyHomeDiv .HomeLinks a{
text-decoration:none;
color:#fff;
font-size:18px;
}
/* .HomeDiv .BodyHomeDiv .HomeLinks:hover{ */
/* background:rgb(0,127,86); */
/* } */
.HomeDiv .BodyHomeDiv .HomeLinks:hover a{
color:rgb(252,186,63);
}
.HomeLinks:hover .IconHomeLink{
	    background: url("/img/black_icons.png") no-repeat;
		height: 34px;
    width: 48px;
   
    display: block;
    margin-right: 2px;
	background-size: 414px;
}
#ButtonsIndexesArea{
	/*display:none !important;*/
}
 .labels{
    float: left !important;
    margin-top:-22px !important;
    width: 34px !important;
    direction:ltr;
    text-align:center;
     width: 24px;
    }

.backGauge img{
    height: 246px !important;
    margin-top: 17px !important;
    width: 246px !important;
}
#main,.footerDiv{
    padding:0px;
    //max-width:1200px;
}

#Noise_Monitoring_Program {
    height: 23px;
    width: 96%;
    background-color: #fff;
    margin: 0px 2% 5px 2%;
    color: #037E57;
    text-align: center;
	display:none;
}
#Noise_Monitoring_Program span{
	font-weight:bold;
	font-size: 27px;
}

.BorderClass{
    width:100%; border:0; background-color:#d1bea8; height:5px;
    display:none;
}
#navheader{
    padding:0px 4px 0px 3px !important;
    max-width:80%;
    float:none;
   
}

#agency{
line-height: 1;
    padding: 12px 8px !important;
}
.AfterMasthead{
	background: url(/img/shadow.jpg) no-repeat bottom;
    height: 5px;
    width: 100%;
    position: relative;
    display: block;
    background-size: 100% 30px;
}
footer{
    z-index:-1;
}
footer {
    background: rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    height: 100px;
}
.footerDiv {
    background: rgb(255, 255, 255);
    height: 100px;
}
#FooterLeftDiv {
    /* background: rgb(113, 113, 113) url("/img/footerLeftBG.png") no-repeat scroll 0 0; */
    float: left;
    height: 238px;
    width: 193px;
}
.footerDiv a {
    color: white;
}


.OpinionAnsware {
    float: right !important;
    margin-bottom: 2px !important;
    margin-right: 1% !important;
    padding: 0 !important;
    width: 23% !important;
    cursor: pointer;
}

.AnswareDiv img {
width:50%;
}

#appheader, #appheader .EnvelopeDiv{
height:inherit;
//max-width:1200px;
margin:0 auto;
}

#LogoSystemNameLeftDiv {
/* width:auto; */
height:auto;
width:14%;
}
#appheader #title{
	padding-top: 33px;
    width: 70%;
}
#LogoSystemNameLeft {
/* width:310px; */
max-height:initial;
}

#LogoSystemNameRightDiv {
width:5%;
}

#LogoSystemNameRight {
width:122px;
max-height:inherit;
}
ul#menu li.selected a, ul#menu li.selected .nameMenu,ul#menu li a:hover,ul#menu li .nameMenu:hover{
	 box-shadow: none !important;
}
ul#menu li.home.selected a
{
	background-color:transparent;
	color:#fff;
}

ul#menu li a, .nameMenu {
padding: 0 12px 0 12px;
}
#menu li.home a {
background:url("../Images/homeicon.png") no-repeat;
background-position:10% 50%;
background-size: 20px 20px;

}
/* #menu li a, #menu li div { */
    /* border-right: 2px solid rgb(252,186,63); */
    /* margin-top: 5px !important; */
    /* margin-bottom: 5px !important;  */
/* } */

ul#menu li:last-child a {
    border: 0;
}
.textCoverDiv > div:nth-of-type(2) .NewsDivTitle,.textCoverDiv > div:nth-of-type(2) .NewsDivImage {
	display:none;
}
#NewsCoverDiv{
	min-width:auto !important;
}
#NewsCoverDiv .TitleCoverDiv::before {
	content: "";
	display: block;
	/* background-image: url('../img/LastNews.png'); */
	/* height: 40px; */
	/* width: 40px; */
/* float: left; */
background-repeat: no-repeat;
background-size: 40px;
}

.TitleCoverHome {
	background: none;
color: rgb(71, 202, 177);
text-align:center;
}

.EnvelopeDivinHome > div:nth-of-type(7) .TitleCoverDiv .TitleCoverHome::before {
	content: "";
	display: block;
	background-image: url('../img/EnviroProjectStudies.png');
	height: 40px;
	width: 40px;
float: left;
background-repeat: no-repeat;
background-size: 40px;
margin-top: -6px;
}

.EnvelopeDivinHome > div:nth-of-type(8) .TitleCoverDiv .TitleCoverHome::before {
	content: "";
	display: block;
	/* background-image: url('../img/GreenInitiatives.png'); */
	/* height: 40px; */
	/* width: 40px; */
/* float: left; */
background-repeat: no-repeat;
background-size: 40px;
}

#LogoTopTitle{
margin-top: 3px;
}

.languageMenu{
margin-top: 8px;
}

#LogoTopRightTitle{
margin-right: 102px;
margin-top: 5px;
}
@media (max-width : 1460px) {

}
@media (max-width : 1460px) {
	#HmapDIvCover,.HomeIndexDiv,.textCoverDiv{
		width:65% !important;
		
	}
}
@media (max-width : 785px) {
    ul.slimmenu li .sub-collapser {
        visibility: visible;
    }
	#HmapDIvCover,.HomeIndexDiv,.textCoverDiv{
		width:100% !important;
		
	}
  #navheader {
	max-width:100% !important;
	}
	.EnvelopeDiv #title
	{
		padding-top:6px!important;
		padding-top: 0px!important;
    line-height: 0.8;
	}
	.EnvelopeDiv #title a
	{
		font-size:12px !important;
	}
}
#childPageLink ul{
	margin:0px;
}



/*new mana*/
#LogoSystemNameLeftDiv{
    width: unset !important;
}

#appheader{
    padding: 0;
}

#title{
    display:none !important;
}
#accessContainerWrapper {
    top:0px !important;
}

#Noise_Monitoring_Program{
    display:none !important;
}

.logOnOfli.lengInMenu {
    top:10px !important;
    background: rgba(32, 48, 91, 1);
    height: 30px;
    min-width: 59px;
    border-radius: 13.5;
    border: 1px solid white;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logOnOfli.lengInMenu a{
    color:white;
    text-decoration:none;
}

#CoverPathLinkWithUserName{
    display: none !important;
}



#main h1{
    display: none !important;
}

h2 {
    background: none repeat scroll 0 0 rgb(252,198,28);
    font-size: 21px;
    font-weight: normal;
    padding: 2px 2px 2px 10px;
}




.id-model-body
{
  margin-top: 15px;
  margin-left: 70px;
  margin-right: 17%;
 }


.id-font-family-header
{
  font-family:Trebuchet MS !important;
  font-weight:bold;
  font-size: 19px;
  color:#054E3A;
}

.id-font-family-subsection
{
  font-family:Trebuchet MS !important;
  font-weight:bold;
  font-size: 16px;
  color:#054E3A;
}

.id-font-family-subsection-subject
{
  font-family:Trebuchet MS !important;
  font-weight:bold;
  text-decoration:underline;
  font-size: 14px;
  color:black;
  margin-left:22.5pt
}


.id-font-family-subsection-text
{
  font-family:Trebuchet MS !important;
  font-size: 13px;
  color:black;
  margin-left:22.5pt
}

.id-font-family-subsection-text-larger
{
  font-family:Trebuchet MS !important;
  font-size: 14px;
  color:black;
  margin-left:22.5pt
}

.id-font-family-subsection-text-indent
{
  font-family:Trebuchet MS !important;
  font-size: 13px;
  color:black;
  margin-left:27.5pt
}

#sectionsContainerBody .sectionTitle {
    display: table;
}