/* EN V2 */
@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);




@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/DroidKufi-Regular.eot");
  src: url("../fonts/DroidKufi-Regular.eot?#iefix") format('embedded-opentype'),
url("../fonts/DroidKufi-Regular.woff2") format('woff2'),
url("../fonts/DroidKufi-Regular.woff") format('woff'),
url("../fonts/DroidKufi-Regular.ttf") format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/DroidKufi-Bold.eot");
  src: url("../fonts/DroidKufi-Bold.eot?#iefix") format('embedded-opentype'),
url("../fonts/DroidKufi-Bold.woff2") format('woff2'),
url("../fonts/DroidKufi-Bold.woff") format('woff'),
url("../fonts/DroidKufi-Bold.ttf") format('truetype');
}

@font-face {
  font-family: 'Droid Arabic Naskh';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/DroidNaskh-Regular.eot");
  src: url("../fonts/DroidNaskh-Regular.eot?#iefix") format('embedded-opentype'),
       url("../fonts/DroidNaskh-Regular.woff2") format('woff2'),
       url("../fonts/DroidNaskh-Regular.woff") format('woff'),
       url("../fonts/DroidNaskh-Regular.ttf") format('truetype');
}
@font-face {
  font-family: 'Droid Arabic Naskh';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/DroidNaskh-Bold.eot");
  src: url("../fonts/DroidNaskh-Bold.eot?#iefix") format('embedded-opentype'),
       url("../fonts/DroidNaskh-Bold.woff2") format('woff2'),
       url("../fonts/DroidNaskh-Bold.woff") format('woff'),
       url("../fonts/DroidNaskh-Bold.ttf") format('truetype');
}




div.article, div.welcome{padding: 0px; margin:0px;}

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 14px;
}


body { height:100%; background-image:url(../img/bg.jpg); background-repeat:repeat;font-family: 'Droid Arabic Naskh', Tahoma; background-size:auto;}

body.ms-backgroundImage{  }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 0em 0 0em 0;
    padding: 0;
}
/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
    /* margin:5px; */
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}



/* =============================================================================
   Global Style
   ========================================================================== */

*p{font-family:'Droid Arabic Naskh';}

a:link, a:visited , a:hover,a:active {color: #0f0b69;text-decoration:none;}

a:hover{ /* opacity:0.8; */text-decoration: none;color: #251DC5;}


.wrap {position:relative;   margin:0px auto;  width: 100%;  max-width:1280px; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }

.NormalLink:link, .NormalLink:visited , .NormalLink:hover, .NormalLink:active { color:#1b83bb; font-weight:normal; font-size:16px; text-decoration:underline;}

.NormalLink:hover{text-decoration:underline; color:#3B8AB9; }

.GoldWrap .NormalLink:link, .GoldWrap .NormalLink:visited , .GoldWrap .NormalLink:hover, .GoldWrap .NormalLink:active { color:#ffffff; font-weight:normal; font-size:16px; text-decoration:none;}

.GoldWrap .NormalLink:hover{text-decoration:underline; color:#ffffff; }

.ContentBlock{ font-size:16px; padding:15px; color:#352807;}

.AlignCenter{ text-align:center;}
.AlignRight{ text-align:right;}
.AlignLeft{ text-align:left;}


.AlignRightCenter{ text-align:right;}

.AlignLeftCenter{ text-align:left;}

/*FLOAT & CLEAR*/
.right { float:left; }
.left { float:right; }
.clear { clear: both; }
.spacer{ height: 5px; display: block; }
.spacer-10{ height: 10px; display: block; }
.ImgLeft{ float:right; clear:right; padding:2px; margin:4px; display:block; border:1px solid #f4f4f4;  }

.ImgRight{ float: right; clear:right; padding:2px; margin:4px; display:block; border: 1px solid #d0cfcf;  }

.ColorRed{ color:#F00;}
.ColorGreen{ color:#2ea114; font-size:13px;}
.ColorGrey ,  table .ColorGrey{color: #585757; font-size:12px;}

.ImgBdr { border:1px solid #eeeeee; padding:2px;}

.ImgResponsive{ display:block; width:100%!important; height:auto;}

.WhiteWrap { background-color:#ffffff;border: 1px solid #d2d2d2;}

.GreyWrap{background-color:#eeeeee;}

.GreyWrapLight {background-color:#f7f7f7;}

.GoldWrap{background-color:#bd9e56;}

.VoteIntro{ margin-bottom:80px;}

.MapArea{ margin-bottom:80px; }
#LeaveButton{
cursor:pointer;
}
span.Validator[style*="inline"]
{
  display:block !Important;
  color: #F00;
}


.ReqValidator
{
color: #F00;
}

 /* =============================================================================
 Heading Style
   ========================================================================== */
h1,h2,h3,h4,h5,h6{margin:5px 0px; padding:0px;font-family: 'Open Sans' , Tahoma;  letter-spacing: 0px; display:inline-block;}

.container h1{ font-size: 30px;color: #181677; font-weight: bold;  text-shadow: 0px 0px 0px #dcdcdc;line-height: 45px;/* border-bottom: 4px solid #0080C8; */}
.container h2{font-size: 22px;color: #181677; text-shadow: 0px 0px 0px #dcdcdc;font-weight: bold;}
.container h3 {font-size: 24px;color: #181677;font-weight: normal;text-shadow: 0px 0px 0px #dcdcdc;}
.container  h4 {font-size: 20px;color: #1a1919;text-shadow: 0px 0px 0px #dcdcdc;font-weight: bold;}
.container h5 { font-size: 16px;color: #745723; text-shadow: 0px 0px 0px #dcdcdc; font-weight: bold;}
.container h6 { font-size: 14px; color: #352807;  padding: 0px 5px; font-weight: bold;}

.container .slides h3 { font-size: 14px; color: #264d6e;  font-weight: normal; text-align: center; width: 150px; margin: 0px auto;}

.container .HeadingSection h1 {padding:0px; margin:0px;}
.container .GoldWrap h1 { color:#ffffff; border:0px;  text-shadow: 1px 2px 1px #a88c4a;}

.container .GoldWrap p , .GoldWrap .ms-WPBody p { color:#ffffff; }

.GoldWrap a:link, .GoldWrap a:visited , .GoldWrap a:hover, .GoldWrap a:active { color: #ffffff; font-weight:normal; font-size: 14px; }

.GoldWrap a:hover{text-decoration:underline; color: #ffffff; }

.HomePageCol1  h1 , .HomePageCol2 h1{  text-shadow: 1px 3px 1px #dcdcdc; font-size:18px;   /* padding-top:10px; */ font-weight:bold; }

.TopPageWrapper h1{ margin:0px; padding:0px; color:#ffffff;  }

 /*.ContentPage h1 , .ContentPage h2 ,.ContentPage h3 ,.ContentPage h4 ,.ContentPage h5{text-shadow: 1px 3px 1px #dcdcdc;}*/
.ContentPage h1 {margin: 15px 2px 10px 12px;text-shadow: 0px 0px 0px #dcdcdc; display:block;/* border-bottom: 0px solid #bd9e56; */}
.ContentPage h2 { margin:25px 2px 10px 2px; text-shadow: 0px 0px 0px #dcdcdc;  display:block; }
.ContentPage h3 {margin: 25px 2px 4px 2px;text-shadow: 0px 0px 0px #dcdcdc;display:block;}
.ContentPage h4 { margin:20px 2px 10px 2px; text-shadow: 0px 0px 0px #dcdcdc; display:block;}
.ContentPage h5 { margin:4px 2px 8px 2px;text-shadow: 0px 0px 0px #dcdcdc; display:block;}

.span_3_of_4 .ContentPage h1 {margin: 0px 2px 10px 0px;}

.ms-wikicontent .ContentPage h2 {margin: 0px 2px 0px 2px;}

.container .LeftSideArea h3 , .container .RightSideArea h3{padding-left: 30px;}

.ContentPage .FormStyle h2 , .FormStyle h2 { margin: 30px 2px 8px 2px; }

.ContentPage .FormStyle > h2:first-child , .ContentPage .FormStyle > h3:first-child ,.ContentPage .FormStyle > h4:first-child { margin: 0px 2px 8px 2px;}

.ContentPage h2:first-child{ margin: 0px 2px 8px 2px;}

.ContentPage h6 { margin:4px 2px 8px 2px; }

.MrgTop {margin-top: -54px;position: absolute;}

p , .ms-WPBody p {font-size: 16px; font-family:'Droid Arabic Naskh' , Tahoma;  color: #352807;}

.BoxContainer p{padding: 0px; margin:0px;}


.ContentPage p {
 margin: 0px;
 font-size: 16px;
 color: #352807;
 line-height: 26px;
 /* text-align:justify; */
 margin-bottom: 15px;
 }

.ContentPage .BlueServiceCnt p  {  color:#494444; }

.ContentPage .mini-image-list { padding: 0 10px 0 0px; list-style: none;  font-size:13px;/* text-align:justify;*/
}

.NewsDate{ font-size:11px; color:#939393;}

 /* =============================================================================
  Structure style HTML Pages


 ========================================================================== */





.MainWrapper{ width:100%;  margin:0px auto;}


header , .HomepageHeader {
    /* background-color: #0080c3; */
    /* border-bottom: 1px solid #006296; */
    /* min-height: 136px; */
}



header .col {margin:6px 0 4px 0px;}

.TopWrapper{ background-color: #bd9e56;  width:100%; border-bottom: 0px solid #062a8f; min-height:25px;}



#header{background-image: url(../img/Header.png); width:100%;background-repeat: no-repeat; background-position:bottom center;/* height: 136px; */}
.logo{/* width: 805px; */margin: 0px auto;display: table;text-align: center;}

.logo a img {margin: 0px 0px 0px 0px;}

.MobileLogo{ display:none;}

.MobileLogoEn{ display:none;}

.SearchBox { float: right; /* padding:5px; */  height: 35px;width: 100%;margin-top: 6px;}
.NavSearch nav {float: left;/* padding:5px; */  height: 35px;/* width: 100%; */margin: 40px 0px 0px 20px;z-index: 2222;}



.LogoArea h1 { display:none; }

.DateTime{ color: #ffffff; font-size:11px;}


.ContentBase{ width: 100%;}

.ContentBaseDarkGrey{width: 100%; background:url(../../../En%20-%20Copy/EquateTheme/img/DarkGreyDots.png) repeat; /* height: 110px; *//* padding: 20px 0px 0px 0px; */}





.breadcrumb a:link, .breadcrumb a:visited ,.breadcrumb a:hover,.breadcrumb a:active { font-size:13px;  color: #352807; text-decoration:none;  font-family: 'Open Sans', sans-serif;  }

.breadcrumb a:hover{ text-decoration:underline; color: #352807;  opacity: 0.8;}



 /* ======Top Language Link======== */

.TopNav { /* float: right; */ font-size:11px; color:#adbeee; /* width:60%; */ /* padding:5px;  direction:rtl; */ /* text-align: right; */}

.TopNav a:link, .TopNav a:visited , .TopNav a:hover, .TopNav a:active { padding: 0px 14px 4px 10px; color: #ffffff; font-weight:normal; display: inline-block; height: 10px;  border-left: 1px solid #ffffff; /* vertical-align: middle; */ text-align: center; vertical-align: middle; /* margin: 6px 0px 0px 0px; */}

.TopNav a:hover{text-decoration:underline; opacity:0.8; }

.TopNav > a:first-child {border-left: 0px solid #ffffff;}

.SocialIcons{ margin: 0px;float: right;}

.SocialIcons a:link, .SocialIcons a:visited , .SocialIcons a:hover, .SocialIcons a:active { height: 18px; width: 18px; padding: 2px;  color:#ffffff; }

.SocialIcons a:hover{ opacity:0.8; }

.container{   width:100%;}

.ContentPage{/* margin:12px; */}

.ContentPage{padding: 0px 30px 0px 30px;/* min-height: 300px; */}
.span_3_of_4 .ContentPage{padding: 0px 5px 0px 5px;/* min-height: 300px; */}
#FullColumn .ContentPage{ padding:0px 0px 0px 0px;}

.MainPageCnt{ width:100%;/* background-color: #fff; */ /* padding-bottom: 12px; */}


.WrapperFooter{ width:100%; background-image:url(../img/FooterBg.png);background-repeat: no-repeat;padding: 25px 0px 50px 0px;}


.WrapperCopyRight{ width:100%; border-top:1px solid #B3B3B3;}

footer{  width:100%; /* padding-top:10px; */  }

#wrapper{position: relative;}

.copyright{ color:#ffffff;font-size: 16px;line-height: 20px; /* text-align: right; *//* padding: 20px; */}



.BoxContainer{background: rgba(237, 233, 188, 0.6);border: 0px solid #d0cfcf;margin: 0px 0% 0px 0%;padding:0 10px; /* height: 340px; */ position:relative; color: #352807;/* opacity: 0.6; */}

.BoxCntEmpty{ background-color:transparent; border: 1px solid #aca46a;margin: 10px -20px; /* height: 340px; */ position:relative;padding: 10px 10px 10px 10px;}

.BoxCntWhite{ background-color: #ffffff; border: 1px solid #d0cfcf;  margin: 0px 0% 15px 0%;  padding: 0px; /* height: 340px; */ position:relative;padding: 0px 0px 0px 0px;}

.BoxCntGold{ background-color: #e9e0b3; border: 1px solid #c5b980;  margin: 0px 0% 15px 0%;  padding: 0px; /* height: 340px; */ position:relative;padding: 0px 0px 0px 0px;}

.LeftSideArea .BoxCntGold{margin: 0px 5px 10px 5px;}
.BoxCntBlue{ background-color: #edfbf7;border: 2px solid #aac791;  margin: 0px 0% 15px 0%;  padding: 0px; /* height: 340px; */ position:relative;}
.BoxCntRed{ background-color: #fbcece; border: 1px solid #b94a48;  margin: 0px 0% 15px 0%;  padding: 0px; /* height: 340px; */ position:relative;}

.BoxCntYellow{ background-color: #fcfddf; border: 1px solid #d1d1d1;  margin: 0px 0% 15px 0%;  padding: 0px; /* height: 340px; */ position:relative;}

.InnerPageSec .BoxContainer{ margin-bottom:15px;}

.Bxheader{ border-bottom: 1px solid #d0cfcf; font-size: 18px; line-height: 38px; padding: 0px 15px; color: #262729;  font-family: 'Open Sans', sans-serif;}

.BoxCntBlue .Bxheader , .BoxCntWhite .Bxheader { border-bottom: 0px solid #d0cfcf; background-color:#e6f6f1; color: #262729;}

.BoxCntYellow .Bxheader { border-bottom: 0px solid #d0cfcf; background-color:#f2f4c2; color: #262729;}

.BoxCntWhite .Bxheader , .BoxContainer .Bxheader {background-color:#f4f3f3;}



.FilterPallate{  margin: 10px 0px 10px 0px;background-color: transparent;border: 1px solid #aca46a;   padding: 10px;}
.FilterPallateDisabled{  margin: 10px 0px 10px 0px;background-color: rgb(220, 212, 153);      border: 1px solid #DCCE86;padding: 10px;}

.CntWhite {  width: 100%;  margin: 10px 0px 10px 0px;   background-color:#ffffff;   border:1px solid #d0cfcf;   padding: 0% 0% 0% 0%;  /* height: 84px; */  /* display: block; */}


.fancybox-skin h4 { color:#8a0707; font-size:16px;}

.fancybox-skin{color:#352807; }


.LogoArea {width: 90%;float: left;}

.NavSearch {width: 10%;float: left;}




/* form  TYPE */

.FormStyle{}

.FormStyle .labelText { font-size:16px;color: #1a1919; padding:5px 0px; display:block;}
.FormStyle span.labelText{padding:5px 0;}
.FormStyle span{font-size:16px;}


.container label, .container input[type="text"],input[type="password"], .container input[type="email"],textarea ,select {
font-size:16px;
}
.container select {
	padding:4px;
}

.container label {
font-weight:normal;
}

.container input[type="text"], .container input[type="password"], .container input[type="email"], .container textarea , .container select {
padding:7px 8px;
outline:none;
color:#333;
background-color:#fff;
background-repeat:no-repeat;
background-position:right center;
border:1px solid #bababa;
border-radius:0px;
box-shadow:inset 0 1px 2px rgba(0,0,0,0.075);
-moz-box-sizing:border-box;
box-sizing:border-box;
-moz-transition:all .15s ease-in 0;
-webkit-transition:all .15s ease-in 0;
vertical-align:middle;font-family: 'Source Sans Pro', sans-serif;}

.container input[type="text"].focus, .container input[type="text"]:focus , .container input[type="password"].focus, .container input[type="password"]:focus, .container input[type="email"].focus, .container input[type="email"]:focus, .container textarea.focus, .container textarea:focus {
border-color:#51a7e8;
box-shadow:inset 0 1px 2px rgba(0,0,0,0.075),0 0 5px rgba(81,167,232,0.5);
}




.FormStyle label, .FormStyle input[type="text"],input[type="password"], .FormStyle input[type="email"],textarea ,select {font-size: 16px;}
.FormStyle select {
	padding:4px;
}

.FormStyle label {
font-weight:normal;
}


.FormStyle input[type="text"], .FormStyle input[type="password"], .FormStyle input[type="email"], .FormStyle textarea , .FormStyle select {
padding:7px 8px;
outline:none;
color: #352807;
background-color:#fff;
background-repeat:no-repeat;
background-position:right center;
border:1px solid #bababa;
border-radius:0px;
box-shadow:inset 0 1px 2px rgba(0,0,0,0.075);
-moz-box-sizing:border-box;
box-sizing:border-box;
-moz-transition:all .15s ease-in 0;
-webkit-transition:all .15s ease-in 0;
vertical-align:middle;font-family: 'Source Sans Pro', sans-serif;}

.FormStyle input[type="text"].focus, .FormStyle input[type="text"]:focus , .FormStyle input[type="password"].focus, .FormStyle input[type="password"]:focus, .FormStyle input[type="email"].focus, .FormStyle input[type="email"]:focus, .FormStyle textarea.focus, .FormStyle textarea:focus {
border-color:#51a7e8;
box-shadow:inset 0 1px 2px rgba(0,0,0,0.075),0 0 5px rgba(81,167,232,0.5);
}


.FormStyle input[disabled],.FormStyle input[readonly], .FormStyle textarea[readonly], .FormStyle textarea[disabled], .FormStyle select[disabled] , .FormStyle select[readonly] {background-color: #C1BA86;opacity:0.8; cursor:not-allowed; font-weight:bold;}

/*.FormStyle input[disabled] ,fieldset[disabled] .FormStyle{cursor:not-allowed}*/

::-webkit-input-placeholder,:-moz-placeholder {
color:#aaa;
}

.DisableSpan{padding:7px 8px;
outline:none;
color: #352807;
background-color:#fff;
background-repeat:no-repeat;
background-position:right center;
border:1px solid #bababa;
border-radius:0px;
box-shadow:inset 0 1px 2px rgba(0,0,0,0.075);
-moz-box-sizing:border-box;
box-sizing:border-box;
-moz-transition:all .15s ease-in 0;
-webkit-transition:all .15s ease-in 0;
vertical-align:middle;font-family: 'Source Sans Pro', sans-serif;background-color:#EFEFEF;opacity:0.8; cursor:not-allowed; font-weight:bold;display: block;font-weight: normal;line-height: 25px;}
.radioSpace{ margin-left:10px;}


.Percent100{width: 100%;}
.Percent90{ width: 90%;}
.Percent80{width: 80%;}
.Percent70{width: 70%;}
.Percent60{ width:60%;}
.Percent50{width: 50%;}
.Percent40{ width:40%;}
.Percent30{ width: 30%;}
.Percent20{ width: 20%;}
.Percent10{ width: 10%;}
.UploadFile{margin: 30px 20px;}


.RadioTable input {margin:0px 6px 0px 2px}


 /* =============================================================================
 below code for report page image effect on hover
 ========================================================================== */



.frame {
  float: left;
  height: 162px;
  width: 252px;
  /* padding:5px; */
  overflow: hidden;
  position: relative;
  margin: 15px 23px;
}

.frame a {
  display: block;
  height: 100%;
  width: 100%;
}

.frame img {

display: block;

height: auto;

position: absolute;

/* width: auto; */

z-index: 0;
}



.frame a .caption {
    background-color: rgba(0, 128, 195,0.8);
    display: block;
    overflow: hidden;
    padding: 0px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 120px;
    transition-property: top;
    transition-duration: 0.2s;
    width: 252px;
    z-index: 10;
    /* float: left; */
}

.frame a:hover .caption {
	top: 120px;
	transition: all 0.2s;
}

.frame a .caption h2 {
  color: White;
  font-size: 18px;
  /* margin-bottom: 20px; */
  padding: 10px;
  font-weight: bold;
  letter-spacing: 1px;
}


.frame a .caption p {
  color: white;
  display: none;
  line-height: 150%;
  transition: all 0.2s;
  width: 80%;
  margin-left:5px;
}

.frame a:hover .caption p {
  display: block;
  margin-bottom: 20px;
}




/*Below code for side white div toggle*/

.LinkImagelistToggleOne .LinkImagelistToggleTwo .LinkImagelistToggleThree .LinkImagelistToggleFour {
    display: block;
}

.fa.fa-chevron-right{
	display:none;
}
.fa.fa-chevron-down{
	display:none;
}
.BoxCntWhiteToggleOne .BoxCntWhiteToggleTwo .BoxCntWhiteToggleThree .BoxCntWhiteToggleFour {
	pointer-events: none;
}



.RectangleBox{
	background-color:white;
	height:70px;
	width: 100%;
	border:1px solid lightgrey;
	vertical-align: middle;
	text-transform:uppercase;
	display: flex;
	justify-content:center;
	align-content:center;
	flex-direction:column;
	font-weight:bold;
}

.RectangleBox ul li{color:#0080c3!important}
.RectangleBox.LinkImagelist ul li a:hover{text-decoration:none!important;}

/*=============================================================
			Paging Style
==============================================================*/


.pagination {
    background: #ffffff;
    padding: 5px;
    margin-bottom: 10px;
}

.page {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.page.DisableBtn {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}




.footable .pagingRow td

{
   background: #fff;

    border-width: 0;
 }

 .footable .pagingRow tr td span  {
        text-align: center;
        background: #100D74;
        border-width: 0;
        padding: 2px 10px 2px 10px;
        border-bottom: 2px solid gray;
        border-right: 1px solid gray;
        border-left: 1px solid #efefef;
        border-top: 1px solid #efefef;
        color: #ffffff;
}


        .pagingRow tr td a {
            padding: 2px 10px 2px 10px;
            border-bottom: 2px solid gray;
            border-right: 1px solid gray;
            border-left: 1px solid #efefef;
            border-top: 1px solid #efefef;



            background: url('file:///F|/Murtaza/01ProjectsDepartment/Equate-2016/images/bk-boxHeader-grad.png') center bottom repeat-x;
        }

            .pagingRow tr td a:not(.pgr):not(select), .pagingRow tr td a:not(.pgr):not(select) {

                border-bottom: 2px solid gray;
                background: url('file:///F|/Murtaza/01ProjectsDepartment/Equate-2016/images/bk-boxHeader-grad.png') center bottom repeat-x #b2b2b2;

                color: #303030;
}

                .pagingRow tr td a:not(.pgr):hover, .pagingRow tr td a:not(.pgr):not(select):hover {
                    color: white;
                    padding: 2px 10px 2px 10px;
                    border-bottom: 2px solid gray;
                    background: url('file:///F|/Murtaza/01ProjectsDepartment/Equate-2016/images/bk-boxHeader-grad.png') center bottom repeat-x dimgray;
                }

.clickableRow { cursor:pointer;}


/* ==========================================================================
	3List
-------------------------------*/

.LinkImagelist {  width:100%;font-family: 'Droid Arabic Naskh' , Tahoma;}

.LinkImagelist ul {margin: 0px 0px 0px 10px;padding:0px;list-style-type:none;width: 98%;}

.LinkImagelist ul li { list-style-type:none;font-size: 16px; color:#352807; line-height:22px;padding: 0px 10px 0px 0px; margin: 14px 12px; width:95%;}

.LinkImagelist ul li.title { list-style-type:none;font-size:12px; color:#8a0707; line-height:22px;   padding: 0px 0px 0px 0px; margin: 0px 0px;}

.LinkImagelist ul li:before {
  content: "\f104";
  font-family:FontAwesome;
  font-size:13px;
  color: #352807;
  list-style-type:none;
  float: left;
  margin-left: -0.7em;
  }

.LinkImagelist ul li.title:before { content:"\f0da";  font-family:FontAwesome; visibility:hidden;}

.LinkImagelist ul li a:link, .LinkImagelist ul li a:visited , .LinkImagelist ul li a:hover,   .LinkImagelist ul li a:active {padding: 0px 0px 0px 0px;text-shadow: 0px 0px 0px #cbcbcb;color: #352807; text-decoration:none; line-height: 22px;font-size: 16px;}

.LinkImagelist ul li a:hover{ text-decoration:underline; opacity:0.8; }

.OrderdList ol {

}

.OrderdList ol > li {
	margin-bottom:10px;

}

.OrderdList ol > li:before {

  padding-left: 0.9em;
}

.OrderdList li ol > li {

  margin: 0;
  margin-bottom:10px;
}


.ContentBase .LinkImagelist ul li:before {color: #352807;content: "\f105";font-size: 17px; font-weight:bold;}

.ContentBase .LinkImagelist ul { width:85%; }
.ContentBase .LinkImagelist ul li { margin: 8px 12px;}
.ContentBase .LinkImagelist ul li a:link, .ContentBase .LinkImagelist ul li a:visited , .ContentBase .LinkImagelist ul li a:hover,   .ContentBase .LinkImagelist ul li a:active {font-size: 16px;color: #100d74;text-decoration: none;}


.ContentBase .LinkImagelist ul li a:hover{text-decoration: underline;}

.LeftSideArea .LinkImagelist ul li a:link, .LeftSideArea .LinkImagelist ul li a:visited , .LeftSideArea .LinkImagelist ul li a:hover,   .LeftSideArea .LinkImagelist ul li a:active {padding: 0px 0px 0px 0px;text-shadow: 0px 0px 0px #cbcbcb;color: #352807; font-family: 'Open Sans', sans-serif!important;text-decoration:none; line-height: 22px;font-size: 16px;}

.LeftSideArea .LinkImagelist ul li a:hover{ text-decoration:underline; opacity:0.8; }


.ELinks .LinkImagelist ul li , .MainTabsHomePage .LinkImagelist ul li  {  }


.ELinks .LinkImagelist ul {width:92%; }

.BoxCntBlue .LinkImagelist ul , .BoxCntWhite .LinkImagelist ul , .BoxCntYellow .LinkImagelist ul , .SideBarLinkPanel .LinkImagelist ul{ margin:0px 15px 0px 10px;  width: 88%;}

.WrapperFooter .LinkImagelist { }

.WrapperFooter .LinkImagelist ul { width:80%; margin-right:20px  }

.WrapperFooter .LinkImagelist ul li {  color:#ffffff; width:95%;}

.WrapperFooter .LinkImagelist ul li.title { font-size:12px; color:#ffffff; line-height:22px;   }

.WrapperFooter .LinkImagelist ul li:before {
  content:"\f0da";
  font-family:FontAwesome;
  font-size:13px;
  list-style-type:none;
  float: left;
  margin-left: -1.5em;
  color:#ffffff;
  }
.WrapperFooter .LinkImagelist ul li.title:before { content:"\f0da";  font-family:FontAwesome; visibility:hidden;}

.WrapperFooter .LinkImagelist ul li a:link, .WrapperFooter .LinkImagelist ul li a:visited , .WrapperFooter .LinkImagelist ul li a:hover,   .WrapperFooter .LinkImagelist ul li a:active { color:#ffffff;   }

.WrapperFooter .LinkImagelist ul li a:hover{  }





/* ==========================================================================
	New
-------------------------------*/

.IconLinks{background-size:cover;}


.iconList {
  display: block;
    padding-top:10px;
  padding-bottom:10px;

}

.iconList img{width:97px; height:97px;display:block;}
.iconList a{display: block;
    color: #e7dc99;
    text-align: center;
    margin: auto;
    width: 130px;
	font-size:18px;
	font-family:"Open Sans" , Tahoma;
}

.iconList img{
	text-align:center;
	    margin: auto;
		-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;

}


.iconList :hover{opacity:0.8;}





.BannerSlider{ padding:6px 6px 0px 6px; background-color:#100d74;}
.EserviceIcons .hover11{ margin:50px 0px;}

/*  New home style header */
.lang{
    position: absolute;
    right: 20px;
    top: 60px;
    font-weight: bold;
}
.lang a{color:#d2c586;}
.lang a:hover{color:#f0da72;}
.imageUpload{
	background-color:white;
	padding:5px;border:1px solid grey;
}
img.userImage {margin-left: 50px;}

.HomeIconBg{
	margin-top:5px;
	background-image:url("../img/homeHeaderbg.jpg");
}

.homeHeading{
	color:#d2c586!important;
	margin:20px;
	font-size:30px;
	text-align:center;

}
 .BoxContent {
	 cursor:pointer;
  padding: 10px;
  text-align: center;
  height: auto;
  min-height:400px;
  width: 85%;
  margin:0 5px;
  display: inline-block;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
  background: rgb(254, 255, 255);
  background: -moz-radial-gradient(center, ellipse cover, rgba(254, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 58%, rgba(211, 211, 211, 1) 100%);
  background: -webkit-radial-gradient(center, ellipse cover, rgba(254, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 58%, rgba(211, 211, 211, 1) 100%);
  background: radial-gradient(ellipse at center, rgba(254, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 58%, rgba(211, 211, 211, 1) 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d3d3d3', GradientType=1);
}
.BoxContent img {
  margin: 10px auto;
  display: block;
  height: 185px;
  width: 185px;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
}


.BoxContent:hover {
  opacity: 0.7;
  border: 2px lightgrey;
}

 .BoxContent a {
  text-decoration: none;
  letter-spacing: 0px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
  font-family: 'Open Sans', Tahoma;
  font-weight: bold;
  	color:#191e75;
  line-height: 30px;
  font-size: 20px;
}

.BoxContent p {
  font-family: 'Droid Arabic Naskh', Tahoma !important;
	color:#191e75;
	font-weight:bold;
	font-size:14px;
}

.EserviceIcons a
 {color: #745723; text-decoration:none; font-weight:bold; padding:10px 0px;}
.EserviceIcons a:hover{text-decoration: none!important;}
.EserviceIcons .hover11 a:hover{ /* opacity:0.8; */ text-decoration:underline;}

.caption2 {
    display: block;
    padding-top: 10px;

}



/* added by sohrab */
.homeContainer{
	padding:0px;
}
.steps p{
	margin:15px;
}
.LeftSideArea h3{display:none;}
.MinHeight{min-height: 550px;}
*:focus {outline:none}
/* accordian */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
background:none;
background-color: #d0c075;
color:#745723;
border: 1px solid #bdad65;
}
.ui-widget-content{
  background:none;
 background-color: transparent;
 border:none;
}
.ui-accordion .ui-accordion-content{
  margin: 2px;
  margin-top: -10px;
  margin-bottom: 10px;
  padding: 5px 10px;
  border: 1px solid #bdad65;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{
border: 1px solid #bdad65;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{

  color:#745723;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{
  border-radius: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{
  border-radius: 0;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{
  border-radius: 0;

}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{
    border-radius: 0;
}

.ImgUploadInfo{
  margin: auto;
  width: 70%;
  min-height: 100px;
  text-align: center;
  display: block;
  padding-top: 10px;
  margin-top: 120px;

}


.section.group.BoxCntBlue.ImgUploadInfo p{
	line-height:90px;
}
.section.group.BoxCntBlue.ImgUploadInfo img{
	margin-top:10px;
}
.col.span_1_of_3.AlignRightCenter img {
    margin-left: 40px;
}



/* ==========================================================================
   Hover Effect
   ========================================================================== */



.NewsSection figure {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}

.NewsSection figure:hover+span {
	bottom: -36px;
	opacity: 1;
}



.loan-icons figure {
	width: 81px;
	height: 80px;
	margin: 0;
	padding: 0;
	/* background: #fff; */
	overflow: hidden;
	margin: 0px auto;
}

.loan-icons figure:hover+span {
	bottom: -36px;
	opacity: 1;
}



.carouselKCB figure {
	width: 97px;
	height: 97px;
	margin: 0;
	padding: 0;
	/* background: #fff; */
	overflow: hidden;
	margin: 0px auto;
}

.carouselKCB figure:hover+span {
	bottom: -36px;
	opacity: 1;
}


/* Zoom In #1 */
.hover01 figure img {

	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

/* Zoom In #2 */
.hover02 figure img {
	width: 300px;
	height: auto;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover02 figure:hover img {
	width: 350px;
}

/* Zoom Out #1 */
.hover03 figure img {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover03 figure:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
}

/* Zoom Out #2 */
.hover04 figure img {
	width: 400px;
	height: auto;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover04 figure:hover img {
	width: 300px;
}

/* Slide */
.hover05 figure img {
	margin-left: 30px;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover05 figure:hover img {
	margin-left: 0;
}

/* Rotate */
.hover06 figure img {
	-webkit-transform: rotate(15deg) scale(1.4);
	transform: rotate(15deg) scale(1.4);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover06 figure:hover img {
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
}

/* Blur */
.hover07 figure img {
	-webkit-filter: blur(3px);
	filter: blur(3px);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover07 figure:hover img {
	-webkit-filter: blur(0);
	filter: blur(0);
}

/* Gray Scale */
.hover08 figure img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover08 figure:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

/* Sepia */
.hover09 figure img {
	-webkit-filter: sepia(100%);
	filter: sepia(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover09 figure:hover img {
	-webkit-filter: sepia(0);
	filter: sepia(0);
}

/* Blur + Gray Scale */
.hover10 figure img {
	-webkit-filter: grayscale(0) blur(0);
	filter: grayscale(0) blur(0);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover10 figure:hover img {
	-webkit-filter: grayscale(100%) blur(3px);
	filter: grayscale(100%) blur(3px);
}

/* Opacity #1 */
.hover11 a div figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover11  a div:hover img {
	opacity: .5;
}

/* Opacity #2 */
.hover12 figure {
	background: #1abc9c;
}
.hover12 figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover12 figure:hover img {
	opacity: .5;
}

/* Flashing */
.hover13 figure:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

/* Shine */
.hover14 figure {
	position: relative;
}
.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14 figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

/* Circle */
.hover15 a div {
	position: relative;
	display:block;
}
.hover15 a div::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;

	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.hover15 a  div:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}




/* ==========================================================================
     carousel
   ========================================================================== */


.IconLinks{ background-image:url(../img/BgIcon.png); background-repeat:repeat;   }

.carouselKCB{padding: 15px 50px 15px; direction:ltr;}

#owl-demo .item{
  margin: 3px;
}
#owl-demo .item img , #owl-demo2 .item img{
  display: block;
  width: 100%;
  height: auto;
}

#owl-demo .item ,#owl-demo2 .item{
        margin: 0px 3px 0px 3px;
    }
    #owl-demo .item img , #owl-demo2 .item img{
        display: block;
        width: 218px;
        height: 97px;
    }

    #owl-demo .item ,  #owl-demo2 .item{
      display: block;
      padding: 2px 0px;
      margin: 5px;
      color: #FFF;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px;
      text-align: center;
    }

  #owl-demo a:hover ,  #owl-demo2 a:hover{ text-decoration:none;}

    .owl-theme .owl-controls .owl-buttons div {
      padding: 5px 9px;
    }

    .owl-theme .owl-buttons i{

      margin-top: 2px;
    }

    .owl-theme .owl-controls .owl-buttons div {
      position: absolute;
    }

    .owl-theme .owl-controls .owl-buttons .owl-prev{
      left: -45px;
      top: 20px;
    }

    .owl-theme .owl-controls .owl-buttons .owl-next{
      right: -45px;
      top: 20px;
    }


			#owl-demo a , #owl-demo2 a{color:#1c1c1b;}
			.owl-item {width:6%;}

			#owl-demo .item img , #owl-demo2 .item img{
			width:auto;
			vertical-align:middle;
			display: block;
		  margin-left: auto;
		  margin-right: auto;
			}
			.CntWhite{
			border:none;
			}
			.fa-chevron-circle-right:before{
			content: "\f105";
			color:#676767;
			font-size:44px;
			}
			.fa-chevron-circle-left:before {
    content: "\f104";
				color:#676767;
			font-size:44px;
}

.caption {
    display: block;
    padding-top: 10px;
    color: #e7dc99;
    font-size: 18px;
    text-decoration:none;
    font-weight: bold;
}



/*===================== Alert Style ======================*/

.alert {
    padding: 8px 14px 8px 35px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    font-weight:bold;
}
.alert, .alert h4 {
    color: #c09853;
}
.alert p{ margin-bottom:4px;}
.alert h4 {
    margin: 0;

}
.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 20px;
}
.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-success h4 {
    color: #468847;
}
.alert-danger, .alert-error {
    color: #F50804;
    background-color: #F1F1F1;
    border-color: #E4E4E4;
}
.alert-danger h4, .alert-error h4 {
    color: #b94a48;
}
.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
    border: 1px solid #B3CCD8;
}
/*class below addded by sohrab*/
.alert-info-section{
    color: #3a87ad;
    background-color: #F9F9F9;
    border-color: #bce8f1;
    border: 1px solid #D0D0D0;
    padding:0 10px;
	width:96%;
}


.ContentBase, .alert-info-section, .LinkImagelist ul li {
	    font-size: 16px!important;
}

.ContentBase .LinkImagelist ul li {margin: 20px 8px;width:100%;}

/*END*/


.alert-info h4 {
    color: #3a87ad;
}
.alert-block {
    padding-top: 14px;
    padding-bottom: 14px;
}
.alert-block>p, .alert-block>ul {
    margin-bottom: 0;
}
.alert-block p+p {
    margin-top: 5px;
}






/* ==========================================================================
   Helper classes
   ========================================================================== */


/*
 * Image replacement
 */
.ir {
    background-color: transparent;

    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*

 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {

    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}


/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}





@media only screen and (max-width: 950px) {.LogoArea {width: 80%;}

.NavSearch {width: 20%; } .logo a img{height: 91px;width: 550px;margin-top: 20px;} .NavSearch nav{/* margin-top:10px; */}}


@media screen and (min-width: 750px) and (max-width: 1190px){ }

@media only screen and (max-width: 768px) {
  img.userImage {margin-left: 0px;}
  input.imageUpload {width: 90%;}
.logo a img {
    height: 80px;
    width: 400px;
    margin-top: 20px;
}

.logo {
    height: 120px;
}
.lang{
	top:80px;
}
.homeHeading {
	font-size:20px!important;
	line-height:30px!important;
}




/* for home icons  */
	 .IconLinks .span_1_of_4{width: 49.5%!important; margin-bottom:25px;
	  }

.wrap {/* width: 96%; */ margin:0px auto;}
.container h1{ font-size: 24px;}
.container h2{ font-size: 22px; }
.container h3 {font-size:20px;}
	.FormStyle .labelText { margin:10px 0px 0px 0px;}
		.MainWrapper .button , .MainWrapper input.button , .MainWrapper button.button {width: 75%; margin:10px auto;}

		.container .LandingPageBtn .WhiteWrap span h1 { font-size:20px; font-weight:bold;padding-top: 12px;}

.LandingPageBtn .WhiteWrap img { padding:4px;}

.WrapperFooter .AlignLeft { text-align:center;}

.WrapperFooter .SocialIcons{ width:100%; text-align:center;  }

.LogoArea {width: 90%;}

.NavSearch {width: 10%;} .logo a img{height:83px;width: 500px;margin-top: 20px;}

.NavSearch nav{ margin-top:30px;}



header{/* min-height: 90px; */}


/*for report image */
	.frame {
  float: left;
  height: 162px;
  width: 252px;
  float:left;
  /* padding:5px; */
  overflow: hidden;
  position: relative;
  margin: 15px 5px;
}

.frame a {
  display: block;
  height: 100%;
  width: 100%;
  padding-top: 10px;
}

.frame img {

  display: block;
  height: 100%;
  position: absolute;
	width: auto;
  z-index: 0;
  width:100%;
      margin-top: -10px;
}

.frame a .caption{
	width:100%;

}


/* added by sohrab */
.LeftSideArea h3{display:block;}
.BoxCntEmpty{margin:5px;}
.ImgUploadInfo{width:100%;margin-top: 10px;}
.ContentPage{padding:0px 5px;}
.Percent20{width:50%; Margin:10px;}
.ImgResponsive img{display:block;width:100%;height:auto;}
.skdslider a.next{display:none!important;}
.skdslider a.prev{display:none!important;}


	/*===============================================================
			Left side div toggle on mobile
===============================================================*/



    .BoxCntWhiteToggleOne .BoxCntWhiteToggleTwo .BoxCntWhiteToggleThree .BoxCntWhiteToggleFour {

        display: block;
     pointer-events: visible;
        cursor: pointer;

    }
    .LinkImagelistToggleOne {
        display: none;
    }
	.LinkImagelistToggleTwo  {
        display: none;
    }.LinkImagelistToggleThree {
        display: none;
    } .LinkImagelistToggleFour {
        display: none;
    }
.LeftSideArea .fa.fa-chevron-right{
		color: #181677;
		font-size: 15px;
		margin: 0px 0;
		float: left;
		display:block;
		cursor: pointer;
		width:100%;
		margin-top: -30px;
		padding-left: 10px;
	}
.LeftSideArea .fa.fa-chevron-down{
		color: #181677;
		font-size: 15px;
		margin: 0px 0;
		float: left;
		display:block;
		cursor: pointer;
		width:100%;
		margin-top: -30px;
		padding-left: 10px;
	}



.AlignRightCenter{ text-align:center;}

.AlignLeftCenter{ text-align:center;}

	}

@media only screen and (max-width: 605px){
.LogoArea {width: 90%;}

.NavSearch {width: 10%;} .logo a img{height:53px;width: 320px;margin-top: 20px; display:none;}
.NavSearch nav{ margin-top:42px;}
.logo a img.MobileLogo{ display: block;height: 85px;width: 269px;margin-top: 5px;}

.NavSearch nav{margin-left: 0px;}
		 }

@media screen and (min-width: 220px) and (max-width: 350px){		.container .LandingPageBtn .WhiteWrap span h1 { font-size:18px; font-weight:bold;padding-top: 6px;}

.LandingPageBtn .WhiteWrap img { padding:4px; height:50px; width:50px; }.LandingPageHeader h1 { font-size:18px;} .LandingPageHeader{ min-height:100px;}

.SystemName h1{ font-size:14px;}

.ms-comm-tCat-tile {
    float:left;
    width: 250px;
    height: 162px;
    margin: 2px 2px 12px 2px;


}


 }

 @media only screen and (max-width: 320px){
.iconList img {
    width: 57px;
    height: 57px;}
.iconList a{font-size:10px !important; line-height:17px;}

 }


@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,

    a:visited {

        text-decoration: underline;
    }


    a[href]:after {
        content: " (" attr(href) ")";


    }



    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {

        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.sccaPage{width:100%;}
@media only screen and (max-width: 414px) {
.sccaPage{
	overflow-y: hidden;
	overflow-x: scroll;
}
}

.sccaPage .footable > tbody > tr:hover:not(.footable-row-detail) {
	background-color:#f9f9f9 !Important;
}

.sccaPage .footable > tbody > tr:not(.footable-row-detail) > td{
	border-left:1px solid #dddddd;
}
.cscaWrap h1{margin-left:0px !important;}

.sccaPage .tableButton{
	text-align:center;
}
.cscaWrap h5{
color:#352807;
font-size:20px;
}