/*@font-face {
    font-family: 'NeueHansKendrick-Bold';
    src: url('https://sukselangor.sharepoint.com/sites/SmartOffice/Style Library/SUKDesignContent/Fonts/NeueHansKendrick-Regular.ttf') format('truetype'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
            font-family: 'NeueHansKendrick-Regular';
            src: url('/Style Library/SUKDesignContent/Fonts/NeueHansKendrick-Regular.ttf') format('truetype');
        }
*/
.numberCircle{
	font-family: 'Jersey M54';
    font-size: 67px;.ColGallaryImg img
    padding: 0px;
    line-height: normal;	
}


@font-face {
font-family: 'Jersey M54';
font-style: normal;
font-weight: normal;
/*src: local('Jersey M54'), url('Jersey M54.woff') format('woff');**/
src: url('/Style Library/MBSA Contents/Fonts/JerseyM54.eot?#iefix') format('embedded-opentype'),
		url('/Style Library/MBSA Contents//Fonts/Jersey M54.woff') format('woff'),
		url('/Style Library/MBSA Contents//Fonts/JerseyM54.ttf')  format('truetype'),
		url('/Style Library/MBSA Contents//Fonts/JerseyM54.svg#MyriadPro-Regular') format('svg');


}
 
@font-face {
	font-family: 'MyriadPro-Regular';
	
	src: url('/Style Library/MBSA Contents/Fonts/MyriadPro-Regular.eot');
	src: url('/Style Library/MBSA Contents/Fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('/Style Library/MBSA Contents//Fonts/MyriadPro-Regular.woff') format('woff'),
		url('/Style Library/MBSA Contents//Fonts/MyriadPro-Regular.ttf')  format('truetype'),
		url('/Style Library/MBSA Contents//Fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadPro-It';
	src: url('MyriadPro-It.eot');
	src: url('MyriadPro-It.eot?#iefix') format('embedded-opentype'),
		url('MyriadPro-It.woff') format('woff'),
		url('MyriadPro-It.ttf')  format('truetype'),
		url('MyriadPro-It.svg#MyriadPro-It') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'MyriadPro';
	src: url('MyriadPro-Bold.eot');
	src: url('MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
		url('MyriadPro-Bold.woff') format('woff'),
		url('MyriadPro-Bold.ttf')  format('truetype'),
		url('MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
    	font-family: NeueHansKendrick-Regular;
    	src: 	url('/Style Library/MBSA Contents/Fonts/NeueHansKendrick-Regular.otf')format('embedded-opentype'),
    			url('/Style Library/MBSA Contents/Fonts/NeueHansKendrick-Regular.ttf') format('truetype'),
    			url('/Style Library/MBSA Contents/Fonts/NeueHansKendrick-Regular.woff') format('woff');
    	font-weight: normal;
      	font-style: normal;
}

@font-face {
    	font-family: NeueHansKendrick-Light;
    	src: 	url('/Style Library/MBSA Contents/Fonts/NeueHansKendrick-Light.otf') format('embedded-opentype'),
    			url('/Style Library/MBSA Contents/Fonts/NeueHansKendrick-Light.ttf') format('truetype'),    			
    			url('/Style Library/MBSA Contents/Fonts/NeueHansKendrick-Light.woff') format('woff');
    	font-weight: normal;
      	font-style: normal;
}

@font-face {
    	font-family: NeueHansKendrick-Bold;
    	src: url('/Style Library/MBSA Contents/Fonts/NeueHansKendrick-Regular.otf') format('embedded-opentype'),	
    			url('/Style Library/MBSA Contents/Fonts/NeueHansKendrick-Bold.ttf') format('truetype'),
    	 		url('/Style Library/MBSA Contents/Fonts/NeueHansKendrick-Bold.woff') format('woff');
    	 		;
    	font-weight: normal;
    	font-style: normal;
}

@font-face {
    	font-family: NeueHansKendrick-ExtraBold;
    	src: 	url('/Style Library/MBSA Contents/Fonts/NeueHansKendrick-ExtraBold.otf') format('embedded-opentype'),
	     		url('/Style Library/MBSA Contents/Fonts/NeueHansKendrick-ExtraBold.ttf') format('truetype'),
       			url('/Style Library/MBSA Contents/Fonts/NeueHansKendrick-ExtraBold.woff') format('woff');
    
    	font-weight: normal;
      	font-style: normal;
}

@font-face {
    	font-family: NeueHansKendrick-Heavy;
    	src: 	url('/Style Library/MBSA Contents/Fonts/NeueHansKendrick-Heavy.otf') format('embedded-opentype'),
	     		url('/Style Library/MBSA Contents/Fonts/NeueHansKendrick-Heavy.ttf') format('truetype'),
       			url('/Style Library/MBSA Contents/Fonts/NeueHansKendrick-Heavy.woff') format('woff');
    
    	font-weight: normal;
      	font-style: normal;
}

@font-face {
	    font-family: NeueHansKendrick-Medium;
	    src: 	url('/Style Library/MBSA Contents/Fonts/NeueHansKendrick-Medium.otf') format('embedded-opentype'),
	    		url('/Style Library/MBSA Contents/Fonts/NeueHansKendrick-Medium.ttf') format('truetype'),
	    		url('/Style Library/MBSA Contents/Fonts/NeueHansKendrick-Medium.woff')format('woff');
	    font-weight: normal;
	    font-style: normal;
}

@font-face {
	    font-family: NeueHansKendrick-SemiBold;
	    src: 	url('/Style Library/MBSA Contents/Fonts/NeueHansKendrick-SemiBold.otf')format('embedded-opentype'),
	    		url('/Style Library/MBSA Contents/Fonts/NeueHansKendrick-SemiBold.ttf') format('truetype'),
	    		url('/Style Library/MBSA Contents/Fonts/NeueHansKendrick-SemiBold.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
}


body{
	
	font-family: 'NeueHansKendrick-Regular' !important;   
	font-size:1.3em;   
}


.HomePageHeading{
	font-family: 'NeueHansKendrick-ExtraBold';
	font-size:28px;
	color:black;
	text-align:center;
	text-transform:uppercase;

}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-family: 'NeueHansKendrick-Regular' !important;
}

hr {

   margin:0 auto;
       border: 0;
       margin-bottom:5px;
    border-top: 1px solid #eee;

}
.logolink img
{
vertical-align:bottom;

}
.logolink:hover
{text-decoration:none;}


h1{
font-size:1.6em;
font-family: 'NeueHansKendrick-Bold' !important;
}

.per_text
{
	padding-top:7px;
	font-family: 'NeueHansKendrick-Medium';
	font-size:1.1em;
	color:black;
	text-align:center;
	text-transform:capitalize;
}

#s4-bodyContainer{
	padding-bottom:0px !important;
}

.Testp1{
	font-family: 'Poppins-SemiBold';
	font-size:22px;
}
.Testp2{
	font-family: 'NeueHansKendrick-Regular';
	font-size:28px;
}


.topNav
{
	background-color:transparent;
	/*height:93px;*/
	min-height:78px;
	
}
.navbar-default
{
	background-color:transparent !important;
	border:none;
}
.SUKlogo
{
	width: 64px;
	float: left;
	background-color: #ffcc00;
	height: 74px;
	padding-left: 15px;
	padding-top: 8px;
}
.logotext
{
	padding-left: 14px;
    display: inline-block;
    vertical-align: middle;
}

.logoSpan1
{
	font-family:'NeueHansKendrick-ExtraBold' !important; 
	font-size:1.22em;	
	color:#333366 !important;
	display: inline-block;
}

.logoSpan2
{
	margin: 0 0 0px !important;
	display: inline-block;
	font-family:'NeueHansKendrick-Heavy' !important; 
	font-size:1.50em;	/*padding: 15px;*/
	color:#003399 !important; 
		    line-height: 1.2;
}
.logoSpan2line2
{
	margin: 0 0 0px !important;
	display: inline-block;
	font-family:'NeueHansKendrick-Heavy' !important; 
	font-size:1.90em;	/*padding: 15px;*/
	color:#003399 !important; //
	    line-height: 1.2;
}



.logoSpan1Yellow
{
	color:#ffcc00;
	font-family: 'NeueHansKendrick-Bold';
	
}
.ColYellowLine{
	background-color:#ffcc00;
min-height:4px;

}
.ms-rtestate-field p, p.ms-rteElement-P
{

font-family:'NeueHansKendrick-Regular';
}

.w3cP
{
font-family:'NeueHansKendrick-Regular';
}

/*--------- Title For home Page */
.titlelinkHeading {
	font-size:1.4em;
	font-family:'NeueHansKendrick-Medium';
}


.titlelinkHeading a:link{

font-family:'NeueHansKendrick-Medium';


color:#000000;
text-decoration:none;
}
.titlelinkHeading a:visited{

font-family:'NeueHansKendrick-Medium';

color:#000000;
text-decoration:none;

}
.titlelinkHeading a:hover{

font-family:'NeueHansKendrick-Medium';

color:#000000;
text-decoration:none;
}

/*--------- End  of Title for Home Page ---------------*/


.TopRowColLinksLeft{
	float:left !important;
	text-align:left;
	padding-left:20px;
	padding-top:10px;
	color:#666666!important;
	font-size:0.75em;
	

}
.TopRowColLinksLeft a:link{
	font-family: 'NeueHansKendrick-Light';
	font-weight:100;
	/*padding: 15px;*/
	color:#666666!important;
	padding:0px 2px 0px 2px;
}
.TopRowColLinksLeft a:visited{
	font-family: 'NeueHansKendrick-Light';
	font-weight:100;
	/*padding: 15px;*/
	color:#666666!important;
}


.TopRowColLinksRight{
	float:right !important;
	text-align: right;
	padding-right:20px;
	padding-top:10px;
	font-size:0.75em;
	font-family: 'NeueHansKendrick-Bold';
}

/*Hide Share Google+*/
.jssocials-share.jssocials-share-googleplus {
    display: none;
}

.searchArea img{
	height: 30px;
	padding-top: 20px;
	float: right;
}
.breadcrumb1
{
		background-color: #373737;
		/*min-height: 40px;
		padding-top: 12px;*/
		color:white !important;
		font-size: 0.75em;
		padding:5px 0 5px 0;
		text-transform:uppercase;
		
}
/*#DeltaBreadcrumbDropdown  a:any-link {
            color: white;
            
        }
  #DeltaBreadcrumbDropdown      a:-webkit-any-link
  {
	color: white;

}*/

a.breadcrumbRootNode:link, a.breadcrumbNode:link   { font-family: 'NeueHansKendrick-Regular' !important; color:white !important; text-decoration:none; }
     a.breadcrumbRootNode:visited, a.breadcrumbNode:visited{ font-family: NeueHansKendrick-Regular !important;color:white !important; text-decoration:none; }
    a.breadcrumbRootNode:hover,  a.breadcrumbNode:hover{ font-family: NeueHansKendrick-Regular !important;color:white !important; text-decoration:underline; }
    a.breadcrumbRootNode:active,a.breadcrumbNode:active{ font-family: NeueHansKendrick-Regular!important;color:white !important; text-decoration:none; }

a.breadcrumbCurrentNode:link, a.breadcrumbCurrentNode:visited{ font-family: NeueHansKendrick-Regular !important; color:white !important; text-decoration:none; }
a.breadcrumbCurrentNode:hover{text-decoration:underline;}
/*.ms-titlearea, .ms-titlearea a
{
 color:red;
 font-size:24pt;
}*/




/* Page layout Area*/

#pageTitle {
    margin: 0px 0px 5px;
    display: -webkit-inline-box;
    display: inline-block;
    padding: 10px;
    margin-left: -15px;
    color:white !important;
	text-align: justify;
	background-color:#063f95;
	font-size:1.67em;
    /* color: white; */
}
.ms-core-pageTitle, .ms-core-pageTitle a
{
 font-family: "NeueHansKendrick-SemiBold";

	     /*font-size: 1.67em;*/
	         text-transform:uppercase !important;
     color: white !important;
}


.pagetitle {
    font-size: 2em;
    color: black !important;
    font-family: "NeueHansKendrick-SemiBold";
    padding-left:0px;
    padding-top:10px;
}
.pagetitleHome {
    color: black !important;
        }


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


.pagetitle a:link {
    font-size: 1em;
    color: black !important;
    font-family: "NeueHansKendrick-SemiBold";
    padding-left: 0px;
    
}
.pagetitle a:visited {
    
    color: black !important;
    
}

.datecolumn {
	float: left;
    text-align: start;
    font-family: NeueHansKendrick-Regular;
    font-size: 1.2em;
    margin-top: 5px;
        padding: 5px 0px 5px 0px;
    
    }

.datecolumn img {
        padding-right: 8px;
    margin-top: -8px;
    width: 17px;}

.datecolumnmain{
padding-left:0;
}


.bodyarea{
	    font-size: 1.2em;
    font-family: "NeueHansKendrick-Regular";
        padding: 5px 0px 15px 0px;
     text-align: justify;
     line-height:1.6;
    
}

.ArchiveImageCol {
    padding: 0;
}
.ArchiveImageCol img{
width:100%;
height:100%;
}

.whiterow
{
	background-color:white;
	margin:0px -15px 0 -15px;
	padding:0px 15px 0 15px;

}

.col-lg-12.rollupimage img {
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    }
.col-lg-12.rollupimage {
    padding: 20px 0px 20px 0px;
}

.ms-rteFontFace-Heading{
    -ms-name:"Heading";
     font-family: "NeueHansKendrick-Bold";
    font-size:1.3em;
    color: black;
    text-transform:capitalize;
}

.ms-rteFontFace-Heading2{
    -ms-name:"Heading2";
    font-family: "NeueHansKendrick-Bold";
    font-size:1.6em;
    color: black;
    text-transform:capitalize;

}

.ms-rteFontFace-heading3{
    -ms-name:"heading3";
    font-family: "NeueHansKendrick-Bold";
    font-size:1.8em;
    color: black;
    text-transform:capitalize;
}

.ms-rteFontFace-NormalText{
    -ms-name:"MBSA Normal Text";
    font-family: "NeueHansKendrick-Regular";
    font-size:1em;
    color: #666666;
    text-transform:capitalize;
}

.ms-rteFontFace-MbsaBulletRed{
	
 	-ms-name:"MBSA Bullet Red";
    font-family: "NeueHansKendrick-Regular";

    line-height: 2.0;
	font-size:1em;

    display: list-item;
    list-style-position: inside;
    color: red;
    margin-left: 20px;
}

 .formateddate{
    background-color: #F4F4F4;
    padding: 20px;
    padding-left: 12px;
    position: absolute;
    margin-top: -69px;
    width: 185px;
        } 
.dayofEvent{
	    background-color: red;
    border-radius: 24px;
    padding: 10px;
    color: white;
    font-size: 1.6em;
    margin-right: 15px;
}  

.rowlocationPageLayout  
{
	color:black;
	font-size:1em;
	padding-top:10px;
}

.ArkibImg
{

    
     width: 100%;
    height:300px;
   /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    /*box-shadow: 0px 10px 12px 0px #000,            0px -10px 12px 0px #000;*/



}
.ArkibImgWithShadow
{

    
     width: 100%;
    height:300px;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    /*box-shadow: 0px 10px 12px 0px #000,            0px -10px 12px 0px #000;*/



}




/* End of Page layout */






.breadcrumbHome
{
	margin-bottom: 7px;
    padding-right: 10px;

 height:25px;
 width:25px;
}


/*Nav bar */
.ms-displayInlineBlock{
 display: inline;
 }

.container{
	padding:0px !important;
	
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}
.navbardiv
{
	height: 82px !important;
/*padding-top: 15px !important;*/
    padding: 0 !important;
color:#FFFFFF;

}
.ms-core-navigation{
	 font-family: 'NeueHansKendrick-ExtraBold' !important;
	 font-size:1.25em;

}

#DeltaTopNavigation{
	float:left;
	padding-right:15px;
}

.ms-core-listMenu-horizontalBox li.static > a{ 
display: none !important; 
} 
.ms-core-listMenu-horizontalBox li.static > ul a{ 
display: block !important; 
}

.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:hover {
   /* background-color: #63182D;*/
}

.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item
{
	min-height: 60px !important;

}
#topnavbar .nav li.static > .menu-item
{
	padding: 30px 5px 15px 10px !important;
	/*padding: 30px 2px 5px 2px !important;*/
		/*font-size:1.16em;*/
	font-family: 'NeueHansKendrick-ExtraBold' !important;

	}

ms-core-listMenu-verticalBox, .ms-core-listMenu-horizontalBox {

    font-size: 1.5em;

}


.ms-core-listMenu-horizontalBox li.static a:hover, .ms-core-listMenu-horizontalBox li.static a:focus, .ms-core-listMenu-horizontalBox li.static a:active {
    color: #999;
    text-decoration: none;
}
.ms-core-listMenu-horizontalBox li.static a {
   font-family: 'NeueHansKendrick-ExtraBold' !important;
    text-decoration: none;
    transition: color 0.1s, background-color 0.1s;
}
.ms-core-listMenu-horizontalBox li.static a {
    position: relative;
    display: block;
    padding: 16px 0;
    margin: 0 12px;
    /*letter-spacing: 1px;
      font-weight: 900;
    */
    font-size: 14px;
    line-height: 16px;  
    text-transform: uppercase;
    
    color: #003399;
}
.ms-core-listMenu-horizontalBox li.static a::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 3px;
    left: 0;
    height: 3px;
    width: 100%;
    background-color: #003399;
    transform-origin: right top;
    transform: scale(0, 1);
    transition: color 0.1s,transform 0.2s ease-out;
}
.ms-core-listMenu-horizontalBox li.static a:active::before {
    background-color: #003399;
}
.ms-core-listMenu-horizontalBox li.static a:hover::before, a:focus::before {
   /* transform-origin: left top;
    transform: scale(1, 1);*/
}


/* End Nav bar */




/* Links Web parts At home Before Footer */

.colCustom a:hover {
    text-decoration: none;
}
.colCustom img
{

}
 .colCustom
  {
	    text-align: center;
}
.colCustom a:link
  {
	      padding: 0 10px 0 10px;
	     
	     }

/* End of Links Web parts At home Before Footer */


/* Footer */


#footer
{
	background-color:#1f2a3f;
	color:#cccccc;
}
p#footer{
	color:#cccccc;
}
.terms
{
	text-align:center;
	font-family: "NeueHansKendrick-Bold";
	font-size:0.75em;
}
.terms1
{
	text-align:center;
	font-family: "NeueHansKendrick-Regular";
	font-size:1em;
}

.logoFooter
{
	padding:30px;

}
.logoFooter p
{
	padding:20px;

}
.FooterColumnLeft p
{
	padding-left:20px;
}
  .phoneNo{
	color: white;
    font-size: 1.8em;
    font-family: "NeueHansKendrick-Bold";
}  
.footerLinks
{
	padding-top:30px;
}


.hrHomePage {
height: 1px;
background-color: #3F4959;
border: none;}
.terms a:link
{
	
	color:#cccccc !important;
	line-height:2.5em;

}
.terms a:visited
{
	
	color:#cccccc !important;
	line-height:2.5em;

}

.footerLinkArea a:link
{
	display:inherit;
	color:#cccccc !important;
	 font-family: "NeueHansKendrick-Regular";
	line-height:2.5em;
	font-size:1em;

}
.footerheading{
	    font-family: "NeueHansKendrick-Regular";

	    padding-left: 20px;
	    font-size:1em;
}

.footerheading1{
	font-family: 'NeueHansKendrick-Regular';

	font-size:0.875em;
	margin-bottom: 3px;
}

.footerheading2{
	font-family:'Roboto' !important;
	font-size:0.875em;
	padding-top: 20px;
    margin-bottom: -16px;
}

.FooterCollast1{
	font-family: 'Roboto';
    font-size: 0.75em;
}

.FooterCollast
{
    padding-top: 30px;
    padding-left: 10%;
	font-family: 'NeueHansKendrick-Regular';
	font-size:1em;

}


.footerLinkArea a:visited
{
	
	color:#cccccc !important;

}

.footerLinksLeft a:link
{
	    line-height: 0.1em;
    padding-left: 1.5em;
    font-family: 'NeueHansKendrick-Regular';
	    font-size:0.75em;
}
.FooterColumnLeft {
	padding-top:35px;
}

/* End of Footer */

/* Common Elements */

.HiddenElement
{
	display:none !important;
}

/* End Of Common Elements */



/* Headings */

.HeadingUnderline{
	border-bottom:4px red solid;
	    display: inline;
	    font-family:'NeueHansKendrick-ExtraBold' !important;
}

.spacer{
	min-height:10px;
}

.containerTemplate9
{
	}



.BlueSpacer
{
	height: 10px;
    background-color: #0E4194;
    margin: 0 auto;
    margin-top: -2px;
    margin-left: -15px;
    margin-right: -15px;
}
.header{
	display:none;
}

.w3cH3, .w3cH4
{
	/*background-color: #0E4194;
	color: white !important;
	margin-top: -1px;
	margin-left: -30px;
	display: inline-block !important;
	*/
	
	
	
	padding: 10px;
}
h1.ms-rteElement-H1B, h2.ms-rteElement-H2B, h3.ms-rteElement-H3B, h4.ms-rteElement-H4B
{
	color:white;
}

.Kalenderimg {
    /* float: left; */
    /* padding: 5px; */
    float: left;
    width: auto !important;
    padding: 2px 5px 0px 5px;
    /* padding-left: 30px; */
}


/* Left Menu and Main Body Area */  

.ms-core-listMenu-verticalBox li.static > ul.static > li.static > .ms-core-listMenu-item {
    border-bottom: 0.01em solid lightgray;
    padding-left: 10px;
    margin-left: 15px;
    font-size: 0.8em;
    font-family:"NeueHansKendrick-Medium";

}
.ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenu-item, .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenuEdit, .ms-core-listMenu-heading, .ms-tv-header
{
	   /* background-color: #F4F4F4;*/
    border-bottom: 0.01em solid lightgray;
    color:#003399;
    font-family:"NeueHansKendrick-Medium";
    font-size:1em;
}
.ms-core-listMenu-verticalBox .dynamic-children.additional-background
{display:block;}

.ms-core-listMenu-verticalBox .ms-core-listMenu-item, ul.dynamic .ms-core-listMenu-item
{
	   
    padding: 10px 5px 5px 6px !important;
    color: gray;
    min-width: 200px;
    
    border-bottom: 0.01em solid lightgray;    
    font-size: 0.8em;
    font-family:"NeueHansKendrick-Medium";
}
   /* border-bottom: 0.01em solid lightgray;
    color:#003399;
    font-family:"NeueHansKendrick-Medium";
    font-size:1em;*/
    
}

/* Adjust left nav arrow position - If it have sube menu */
.ms-core-listMenu-verticalBox .dynamic-children.additional-background
{
	display:block;
}

/* adjusting the top Menu's sub menu Arrow while have more items*/
#topnavbar .ms-core-listMenu-horizontalBox .dynamic-children.additional-background
{
	display:block;
	padding-right: 9px !important;
}
#mainbody{
background-color: #F4F4F4 !important;    min-height: 400px;

margin-top: -2px;
}

.well {
    /* min-height: 20px; */
    padding: 19px;
        padding-right: 0px;
    padding-top: 0px;
    background-color:transparent;
    /* margin-bottom: 20px; */
    background-color: transparent;
     border: 0px solid #e3e3e3; */
    border-radius: 0px;
     -webkit-box-shadow: none;/* inset 0 1px 1px rgba(0,0,0,.05); */
     box-shadow: none;/*inset 0 1px 1px rgba(0,0,0,.05); */
}

a.static.selected.menu-item.ms-core-listMenu-item.ms-displayInline.ms-core-listMenu-selected.ms-navedit-linkNode::before {
   /* content: "-> ";
    white-space: pre;
    color: red;*/

    content: "";
    display: block;
    background: url("/Style Library/MBSA Contents/IMG/HomePageImages/LeftnavArrow.png") no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin: 3px 0px 0 5px;
}
    
.ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:link, .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:visited, .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected, .ms-tv-selected:link
{
	 color:#003399 !important;

}


ul.dynamic{
	min-width:250px;
	display:block;
}
/* adjustment of column */





/* Search Box CSS */

a#mysearchbtn {
   margin-top: -4%;
    float: right;
    margin-right: 13px;
    }
.divsearch-box {
                background: #E8E8E4;
    position: absolute;
        top: 82px;
    z-index: 200;
    right: 12.7%;
    width: 350px;
   
    height: 72px;
    line-height: 60px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    border-top: 4px solid #D80B15;
    display: none;        
    }

            .divsearch-box:before {
                content: "";
                position: absolute;
                top: -32px;
                right: 13px;
                border-left: 12px solid transparent;
                border-right: 12px solid transparent;
                border-top: 14px solid transparent;
                border-bottom: 14px solid #D80B15;
            }

            .divsearch-box input[type="text"] {
               		width: 200px;
				    /* padding: 5px 10px; */
				    margin-left: 23px;
				    /* border: 1px solid #D80B15; */
				    outline: none;
				    height: 25px;
				    padding-right: 35px;            
				   }

            .divsearch-box input[type="button"] {
                    width: 65px;
				    padding: 5px 0;
				    background: #D80B15;
				    color: #fff;
				    margin-left: 0px;
				    border: 1px solid #D80B15;
				    outline: none;
				    cursor: pointer;          
    				 }



/* -------------------- Styles for Ribbon --------------------*/



.ms-rteStyle-MySpecialStyle {
    -ms-name: "My special style";
    font-style: bold;
    color: red;
}
h2.ms-rteElement-SpecialHeading{
    -ms-name: "Special Heading";
    font-style: bold;
    color: green;
}





/*-------------------- End Style for ribbon --------------------*/




/*-------------------- Styles for W3C ---------------------------*/


.langitem{
	
}
.langitem img{
	    width: 40px;
    height: 21px;
    }
.languagepicker {
	background-color: #FFF;
	display: inline-block;
	padding: 0;
	height: 40px;
	overflow: hidden;
	transition: all .3s ease;
	margin: 0 50px 10px 0;
	vertical-align: top;
	float: left;
}

.languagepicker:hover {
	/* don't forget the 1px border */
	height: 81px;
}

.languagepicker a{
	color: #000;
	text-decoration: none;
}

.languagepicker li {
	display: block;
	padding: 0px 20px;
	line-height: 40px;
	border-top: 1px solid #EEE;
}

.languagepicker li:hover{
	background-color: #EEE;
}

.languagepicker a:first-child li {
	border: none;
	background: #FFF !important;
}

.languagepicker li img {
	margin-right: 5px;
        width: 48px;
    height: 25px;
}

.roundborders {
	border-radius: 5px;
}

.large:hover {
	/* 
	don't forget the 1px border!
	The first language is 40px heigh, 
	the others are 41px
	*/
	height: 245px;
}
.ulColor{
	

    display: inline-block;
    display: flex;
    list-style: none;
    /* position: absolute; */
    /* float: right; */
    display: inline-flex;
}

.liColor{
	padding-right:5px;
}
/* Buttons Theme */
a.textAreaRedLink {
   
    background-color: rgb(227,6,19);
   
}
a.textAreaBlueLink {
    
    background-color: rgb(14,65,148);
    
    }
.textAreaBlueLinkAdjustment{
	position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
    margin-bottom: -15px;
    padding: 7px 15px 7px 15px !important;
}

a.textAreaLink 
{
	    float: right;
    /* top: 0; */
    bottom: 4px;
    /* right: 0; */
    position: absolute;
    right: 33px;
    padding: 5px 30px 5px 30px;
    color: white
}


.aktiviCol{
	height:180px;
	border-right: 1px solid lightgrey;
}
.aktiviCollast{
	height:180px;
	border-right: 1px solid lightgrey;
}
div.aktiviCol:last-child {
    border-right:0px;
    }

.BtnnextAktiviti:visited{
	 color: white;

}

/*--- Announcement ---*/

.item img{
	width:100%;
}

#myCarousel2{
	min-height:150px;
	border:1px rgb(215,215,215) solid;
	background-color:transparent !important;
	/*z-index:200;*/
}
    
.AnnHeading{
	
    padding: 17px 10px 10px 10px;
    font-size: 16pt;
    text-align: left;
    font-family: 'NeueHansKendrick-Bold' !important;
    }
    
.carousel-indicatorsAnn{
	/*display:none;*/
}
.annitem
{
	border-right:1px rgb(215,215,215) solid;
	min-height:180px;
	max-height:180px;
	padding-top:20px;
	-moz-column-fill: balance; /* Firefox */
   column-fill: balance;
}

.annitem:hover{
	box-shadow: 1px 1px 5px #aaaaaa;
	border-bottom:3px red solid;
	background-color:white;
}
.carousel-controlAnn{
        position: absolute;
    width: auto !important;
    top: 10px;
    bottom: 7px;
    left: 80px;
    /* right: 16%; */
    /* width: 15%; */
    font-size: 20px;
    /* color: #fff; */
    /* text-align: center; */
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
    /* opacity: .5; */
    margin-right: 91px;
    margin-top: 17%;    /* opacity: .5; */
    min
}
.colleft
{
	border-right:1px rgb(215,215,215) solid;
	min-height:180px;

}
.colright{
	padding:0px;
}
.linktoall
{
   background: #ccc url("/Style Library/MBSA Contents/IMG/ICONs/AnnouncementBTN.png");
    padding: 0.5em 1em;
    position: absolute;
    bottom: -16px;
    left: 31px;
    width: 120px;
    text-align: right;
    padding-right: 21px;
    color: white !important;
}
.linktoall:hover{
	text-decoration:none;
	color:white;
}


@media only screen and (max-width: 768px) {
	.BtnnextAktiviti{
		right: 0px;
	}
}

.glyphicon-chevron-rightAnn:before {
    
    color: maroon;
}
.glyphicon-chevron-leftAnn:before {

    color: maroon;
}


ol.carousel-indicators.carousel-indicatorsAnn{
	
    margin-top: 0px;
    bottom: -21px;
    left: 0;
    position: absolute;
}
.carousel-indicatorsAnn li {
    display: inline-block;
    width: 20px;
    height: 6px;
    background-color: gray;
     border: none;
     border-radius: 0px;
    }

    .carousel-indicatorsAnn .active {
    display: inline-block;
    width: 20px;
    height: 6px;
    background-color: brown;
    margin: 1px;
    }
    .carousel-indicatorsAnn    {
	position:inherit;
	margin:auto;
	width:100%;
	background-color:transparent;
}



/*--End of Announcement--*/

/*---- Berita -----*/
.NewsHeadingrow{
	min-height:40px;
	 position: absolute;
    top: 50%;
    left: 50%;
}
.NewsHeading{
	color:black;
	font-family:"Neue Hans Kendrick";
	font-size:20pt;
	text-align:center;
	padding-bottom: 10px;
}
.HeadingH1{
	
}
  
.rowStyle{
	/*background-color:#F3F3F3;*/
}
.ColNews{
	padding:0 !important;
}
.ColNews img {
    max-width: 100%;
    max-height: 100%;
    
}
.spacer{
	min-height:10px;
}

        .beritaDate {
                    position: absolute;
    top: -29px;
    left: 0;
    background-color: rgb(0,0,0);
    padding: 6px 30px 6px 30px;
    color: aliceblue;
    text-transform: uppercase;
    /* padding: 15px 15px 15px; */
    top: -33px;
    opacity: 0.7;
    /* font-weight: bolder; */       
			    }

        .BeritaDesc {
        }

        .BeritaTitle {
        }

        .imgBerita {
        }
            .imgBerita img {
            /* max-height:400px;*/
             /*height:fit-content !important;*/
             height: auto;
             height:320px !important;
            }

        .textArea {
	position: relative;
    background-color: white;
    margin: -70px 0px 15px 20px;
    height: 150px;
    padding: 20px;
    border: 1px lightgray solid;
    box-shadow: 1px 1px 5px #aaaaaa;
   /* display: inline-block;*/
        width: 86%;      
   }
   #myCarouselBerita
   {
	background-color:#E8E8E8;
	padding-top:10px;
	}
.BeritaWrapper{
            background-color:lightgray;
        }
ol.carousel-indicators.carousel-indicatorsberita{
	margin-top:0px;
}
.carousel-indicatorsberita li {
    display: inline-block;
    width: 20px;
    height: 6px;
    background-color: gray;
     border: none;
     border-radius: 0px;
    }

    .carousel-indicatorsberita .active {
    display: inline-block;
    width: 20px;
    height: 6px;
    background-color: brown;
    margin: 1px;
    }
    .carousel-indicatorsberita
    {
	position:inherit;
	margin:auto;
	width:100%;
	background-color:white;
}
.beritaindicator
{
	display:none;
}

/* a.textAreaLink 
{
	    float: right;
   
    bottom: 0;
    
    position: absolute;
    right: 31px;
    padding: 10px 40px 10px 30px;
    color: white
}*/

/*a.textAreaBlueLink {
    ;
    background-color: rgb(14,65,148);
    
    }*/
/*a.textAreaBrownLink {
   
    background-color: rgb(227,6,19);
   
}*/
a.textAreaYellowLink {
    
    background-color: rgb(255,189,30);
   
}


		.textAreaBlue
        {
            border-bottom:5px rgb(14,65,148) solid;
            


        }
        .textAreaBrown {
            border-bottom: 5px rgb(227,6,19) solid;
        }

        .textAreaYellow {
            border-bottom: 5px rgb(255,189,30)solid;
        }

.Col-Berita
{
	
}


/*---- End of Berita -----*/

/*-- Aktiviti --*/
.ColActiviti{
	padding:0 !important;
	

}
.ColActiviti img {
  

    
}

 .AktivitiWrapper {
        
        background: url('/Style Library/MBSA Contents/IMG/HomePageImages/BGAktivity.png') no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-color:transparent;
        height:100%;
        width:100%;
        min-height:300px;
        
    }
     .featuredAktivitiTextArea {
           
		    padding: 20px;
		    position: absolute;
		    top: 0;
		    left: 0;
		    margin-left: -29%;
		    margin-top: 10%;
		   /* max-width: 250px;*/
		    max-width: 100%;

		    background-color: white;
		    min-height: 180px;
		    box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);    
		   }
    .FeaturedAktivitiImg img{
        width:100%;
        max-height:350px;
    }
    .FeaturedTitle
    {
	font-size:18px;

}
    .highlight{
	color:rgb(252,0,0);
	font-size:18px;
}
.divgap{
	min-height:10px;
	background-color:transparent;
}
/*.BtnnextAktiviti{
	background-color: red;
    color: white;
    position: absolute !important;
    bottom: 0 !important;
    left: 20 !important;
    padding: 7px 15px 7px 15px !important; 
    display: block !important;
   
   
}*/


@media only screen and (max-width: 768px) {
  /* For mobile phones: */
   .featuredAktivitiTextArea {
           
		   padding: 20px;
position: relative;

left: 10%;
margin-left: 10%;
margin-top: -20%;
max-width: 250px;
background-color: white;
min-height: 151px;
box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
margin-bottom: 15px;

		   }

    .FeaturedAktivitiImg img{
        width:100%;
        max-height:300px;
    }
}

/*-- End of Aktiviti --*/

/*-- Tender --*/
.Wrapper
  {
	background-image: url("/Style Library/MBSA Contents/IMG/HomePageImages/TendorBackGround.png");
	background-color: #cccccc;
	background-size:100% 100%;

  }
  
  .TenderImg{
  	
  }
  .spacer{
	/*min-height:30px;*/
}
.Wrapper{
	color:white;	
	font-family: "Neue Hans Kendrick";	
    height: 100%;
    padding-bottom: 4px;
}
.HeadingInner
{
	font-size:19px;
	text-transform:uppercase;
	padding:20px 0px 20px 0px;
	font-family:'NeueHansKendrick-ExtraBold';
}
.Col1{
	padding-left:40px;
	padding-top:5px;
}
.TenderHeading{
	display: inline-block;
    text-align: left;
    font-weight: bold;
    font-family: NeueHansKendrick-ExtraBold;
    font-size: 1.125em;	
}
.WrapperInner
{
	margin:20px;
	background-color:#445F93;
	min-height:200px;
	
}
.tenderSubHeading
{
	display:inline-block;
    border-left: 6px solid #FFA397;
    font-family:'NeueHansKendrick-Regular';
    font-size:14px;
    margin-top:5px;
	

}
.contentArea {
		padding-left:20px;
	    min-height: 300px;
	    font-family:'NeueHansKendrick-SemiBold';
}
.contentArea a:link{
	color:white;
	font-size:10pt;
	font-family:'NeueHansKendrick-SemiBold';
}
.contentArea a:visited{
	color:white;
	font-size:10pt;
	font-family:'NeueHansKendrick-SemiBold';
}

.ImgArea
{
	
	border-right:1px #9A559B solid;
	 position: absolute;
    bottom: 0;
    right: 0;
    top: 50px;
        margin-bottom: 30px;
    }
    .tendorDate{
	color:#C59E44;
	padding-bottom:10px;
}
.button{
	background-color:#0E4194;
}
/*.Btnnext {
    background-color: #0E4194;
    color: white;
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: -13px;
 
    padding: 7px 15px 7px 15px;
   
}
.BtnnextLast
{
	 background-color: #0E4194;
    color: white;
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: -25px;
  
    padding: 7px 15px 7px 15px;
    
}*/

@media only screen and (max-width: 768px) {
	.Btnnext {
	    background-color: #0E4194;
	    color: white;
	    position: absolute;
	    bottom: 0;
	    right: 0;
	    margin-bottom: -23px;
	 
	    padding: 7px 15px 7px 15px;
	    /*margin-right: 5px;  */
	}
	
	#tendersubheading{
    	text-align: justify;
	}

}

/*-- End of Tender --*/


/*-- Gallery --*/

.ColGallaryImg{
	padding:0px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.ColGallaryImg img{
	    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	     /*opacity: 0.8; */
  		cursor: pointer; 
  		    height: auto !important;
  		    max-height:215px !important;
    		width: 100%;
}
.ColGallaryImg img:hover{
	  
	     
  		 opacity: 1;
}

.gallarywrapper
{
	background-color:#E8E8E8;
}

.column img {
 
}

.column img:hover {
 
}
.textPic {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 45%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.overlaypicture {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  opacity: 0.8;  
}

.overlayOther {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #524E4B;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
  opacity: 0.8; 
}

.ColGallaryImg:hover .overlayOther{
  height: 100%;
}


.picture3
{
	background-color:#B14D66;
}
.picture5
{
	background-color:#27317E;
}

/*-- End of Gallery --*/
/*.overlay {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5);   color: #f1f1f1; 
  width: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 20px;
  padding: 20px;
  text-align: center;
}

.container:hover .overlay {
  opacity: 1;
}  */
/*-- FotoGallery --*/

.containerFoto {
  position: relative;
  width: 50%;
  max-width: 300px;
}

.eventimage {
  display: block;
  width: 100%;
  height: 160px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom:5px;
}
.eventTitle{
	    
	    text-decoration:underline;	
}



/*- ENd of FotoGallery -*/

.highContrastHeader {
  background-color: #0E4194 !important;
  color: #ffff00 !important;
}
.mediumContrast {
  background-color: #FFBD1E !important;
  color: #6c921e !important;
}
.mediumContrastHeader {
  background-color: #FFBD1E !important;
  color: #6c921e !important;
}
.lowContrast {
  background-color: #EB2828 !important;
  color: #babcb4 !important;
}
.lowContrastHeader {
  background-color: #EB2828 !important;
  color: #babcb4 !important;
}



/* --------------------- End of W3C bar ---------------------------*/





        /* Media Queries */
        @media screen and (max-width: 700px) {


            .divsearch-box {
                width: 270px;
                right: -16%;
            }

                .divsearch-box input[type="text"] {
                    width: 140px;
                    margin-left: 15px;
                }

                .divsearch-box input[type="button"] {
                    margin-right: 12px;
                }
        }

/* ---- End of Search Box ----*/




@media only screen and (max-width: 600px) {
   
   #topnavbar .nav li.static > .menu-item {
    padding: 10px 10px 10px 10px !important;
    background-color: #ffffff;
}

#DeltaTopNavigation {

    float: right;
    width: 100%;
   /* padding-right: 15px;
    margin-right: -45px;
    
    margin-top: -5px;*/
    z-index:50;

}

}

/* ------------------- Achieving  ----------------------*/


.buttoncol{
	    text-align: center;
}
.buttoncol a {
  text-decoration: none;
  display: inline-block;
  padding: 8px 16px;
}
.buttoncol p {
  text-decoration: none;
  display: inline-block;
 

}

.year{
	color:#FF0000;

	font-family: "NeueHansKendrick-Bold";
    font-size: 1.3em;
	    padding: 10px 4px 10px 2px;
}


.buttoncol a:hover {
  background-color: #ddd;
  color: black;
}

.buttoncol .previous {

      border: 2px gray solid;
    font-weight: bolder;
  color: gray;
  margin-left:10px;
}

.buttoncol .next {
  
      border: 2px gray solid;
    font-weight: bolder;
  color: gray;
    margin-right:10px;
}

.buttoncol .round {
  border-radius: 50%;
}

.monthCol{
	cursor: pointer; 
	display: block;
       height: 25px;
    width: 53px;    text-align: center;
    padding: 17px 0px 10px 0px;

}
.monthColActive{
	    background-color: red;
    color: white;
    display: block;
        height: 25px;
    width: 53px;
        text-align: center;
    padding: 17px 0px 10px 0px;
    border-radius: 66%; 
}
.searchrow{
	background-color:#DEDEDE;
	min-height:30px;
	padding: 15px 0 15px 0;
}
.rowdesc{
	margin-top:30px;
}
#EventTitle{
	color:blue;
	display:block;
	font-size:18px;
	text-transform:uppercase;
}
.colEvent{
	text-align:center;
}

.boxArch {
    padding: 5px 5px 5px 5px;
        
}
.innerArchTendors
{
	height:120px !important;
}
.innerArch{
    background-color: #fff;
    height: 230px;
    padding:20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);



    
}
.ArchTitleBox{
	font-size:1.6em;
	color:black;
}

.innerArch a:link{
	font-size: 1.6em;
    text-align: left;
    color: black;
    display: inline-block;
    font-family: "NeueHansKendrick-bold";
}
.innerArch a:visited{
	    color: black;
  
}

.innerArch:hover{
	 -webkit-box-shadow: 0px 4px red, -0.1px -0.1px 0.1px grey;
   -moz-box-shadow: 0px 4px red, -0.1px -0.1px 0.1px grey;
      
            box-shadow: 0px 4px red, -0.1px -0.1px 0.1px grey;
        }


/*------------------------ End of Achieving  --------------------*/

#topnavbar li.dynamic > .menu-item {
    height: 34px;
    line-height: 1em;
    margin: 0;
    padding: 9px 15px;
    font-size: 12px;
    font-family: "NeueHansKendrick-bold";

}


/* ---- Social Share------------------ */


.colLeftsocial
{
	padding-left:0px !important;
}
.colRightsocial
{
	float:right;
}

.jssocials-share {
 
    margin: 0.3em 0.2em 0.3em 0 !important;
        display: contents !important;
}

a.jssocials-share-link:visited {
    color: white;
   
}

.btnSocial
{
	min-width:1em !important;
	    margin-left: 1px !important;
	    }
.jssocials-share-link {
    padding: .3em .3em !important;
  
   }
#printthis{
                background: url('../IMG/SocialIcons/printer1818.png') no-repeat;
                cursor:pointer;
                border: none;
                float:right;
                margin-top:8px;
            }
#Emailthis
{
                background: url('../IMG/SocialIcons/mail v2.png') no-repeat;
                cursor:pointer;
                border: none;
                 float:right;
                margin-top:8px;
            }

/* ----- End of Social Share ---------*/



/*----- Zone Web Part -----------------*/



.zoneTitle{
           /* float:left;*/
            display:inline-block;
            width:30%;
            color:black;
              font-weight:bold;
              font-size:20px;
             
        }
         .zoneTitleSek{
                       display: inline-block;
              
        }
         
         .ZoneheaderRed
         {
             background-color:darkred;
             borde

         }
         .ZoneheaderBlue
         {
             background-color:darkblue;

         }
          .wrapperZone
          {

               display: inline-flex;
                width: 100%;                
                padding: 5px;
                height:170px;
          }

         .wrapperZoneInfored
         {
                background-color:#FFFFFF;
         }
         
         .Zoneheader
         {
                width: 100%;
		    
		   background-color:#DFE3E8;
		    padding: 15px 0px 5px 10px;         
		   margin-top:5px;
		   margin-top:5px;
		   
		   }
		 
		  
         .zonepic img {
			    height: 150px;
			    
		 }
         .wrapperZoneInfoBlue
         {
             border:2px solid Blue;
             
         }
         .zonepic
         {
             width:30%;
             float:left;
         }
         .ZoneAddress
         {
            text-align: left;
		    padding: 10px 0px 0px 10px;
		    width: 60%;

         }
         
.ZoneAddress p{
    text-align: justify;
}

.MPPZoneWrapper
{
	margin-top:10px;
	color:black;
}

.MPPZoneWrapper:hover
{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	cursor:pointer;
}
.MPPZoneWrapper a:link
{
	text-decoration:none;
	color:black;
	
}
.MPPZoneWrapper a:visited
{
	text-decoration:none;
	color:black;
	
}



/* ------ End of Zone Web Part -------------*/



/*------------ Accordion Style 0--------------*/

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 19px !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 19px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 19px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 19px !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
     color: #0000;
}

.ui-accordion .ui-accordion-header{
	
	margin-top:12px !important;
}
/*------------ Accordian Style Ends -----------*/


/*----- Accordian With + and - button ----------*/

		.itemRow{
		min-height:20px;
		min-height:30px;
	
		font:12pt;
		padding:10px 15px 10px 15px;
		margin:auto;
			border: 1px silver solid;
	
	}
	.accordion {
	  background-color: #0E4194 !important;
	  color: #FFFFFF !important;
	  cursor: pointer;
	  padding: 7px !important;
	  width: 100%;
	  border: none;
	  text-align: left;
	  outline: none;
	  font-size: 15px;
	  transition: 0.4s;
	      margin-bottom: 5px !important;
	}
	
	.activeaccordion, .accordion:hover {
	  background-color: #ccc ;
	}
	
	.accordion:after {
	  content: '\002B';
	 
    color: #ffffff !important;
	  font-weight: bold;
	  float: right;
	  margin-left: 5px;
	}
	
	.activeaccordion:after {
	  content: "\2212";
	}
	
	.itempanel {
	  padding: 0 18px;
	  background-color: transparent !important;
	  max-height: 0;
	  overflow: hidden;
	      width: 98% !important;
	  transition: max-height 0.2s ease-out;
	}
	
	.itempanel img {
    width: 95%;
    height: 100%;
    margin-top:10px;
    margin-left:30px;
}
.wrapperAccordion{
	padding-right:40px;
	min-height:1100px;
}
        .panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}



/*-----End Accordian With + and - button ----------*/

/*---- Footer Mobile-----*/
.mobile{
	text-align:center;
}
.footerLinksmobile{
		margin-top:20px;
}
.footerLinksmobile a:link , .footerLinksmobile a:visited {
	text-decoration:underline;
	text-align:justify;
	display:inline;
	color:white !important;

	padding:5px;
}

/*--- End Footer Mobile ---*/


.ArchTotal {
    letter-spacing: 2px;
    font-weight: bold;
    padding-bottom: 7px;
    text-transform: uppercase;
}

p#WebStatistics {
    background-color: #25395E;
    display: inline-block;
    padding: 5px 15px 5px 15px;
    color: white;
    border-radius: 11px;
    letter-spacing:4px;
}

p.Pelawat {
    display: inline;
    padding: 0px 15px 0px 0px;
}

.ms-rtestate-write
{
	border:1px solid gray;
}


/*------ Additional CSS *----*/
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img
{
	    height:auto !important;
	    max-height:400px !important;
} 



/*----W3C----*/

/* Theme For link to All */

.highContrastAllannlink {
  background-color: #0E4194 !important;
  color: #ffff00 !important;
}
.mediumContrastAllannlink {
  background-color: #FFBD1E !important;
  color: #6c921e !important;
}
.lowContrastAllannlink {
  background-color: #EB2828 !important;
  color: #babcb4 !important;
}




/* end Theme for Link to All Announcement */

/* Theme for textArea  Berita*/

.highContrasttextAreaBorder {
	
	 border-bottom: 5px #0E4194 solid !important;

 }
.mediumContrasttextAreaBorder {
border-bottom: 5px #FFBD1E solid !important;

 }
.lowContrasttextAreaBorder {
border-bottom: 5px #EB2828 solid !important;
}


/*Berita buttons*/
a.highContrasttextAreaLink {
	
		background-color: #0E4194 !important;
 }
a.mediumContrasttextAreaLink {

background-color: #FFBD1E !important;

 }
a.lowContrasttextAreaLink {
background-color: #EB2828 !important;

}


/* End Theme for textArea  Berita*/

/*Heading underline*/
.highContrastHeadingUnderline{
	border-bottom:4px #0E4194 solid;
	    display: inline;
	    font-family:'NeueHansKendrick-ExtraBold' !important;
}
.mediumContrastHeadingUnderline{
	border-bottom:4px #FFBD1E  solid;
	    display: inline;
	    font-family:'NeueHansKendrick-ExtraBold' !important;
}
.lowContrastHeadingUnderline{
	border-bottom:4px #EB2828  solid;
	    display: inline;
	    font-family:'NeueHansKendrick-ExtraBold' !important;
}

/*carousel indicator w3c*/
    .highContrastcarousel-indicatorsAnn .active {
    display: inline-block;
    width: 20px;
    height: 6px;
    background-color: #0E4194 !important;
    margin: 1px;
}
    .mideumContrastcarousel-indicatorsAnn .active{
    display: inline-block;
    width: 20px;
    height: 6px;
    background-color: #FFBD1E !important;
    margin: 1px;
    }

	.lowContrastcarousel-indicatorsAnn .active{
    display: inline-block;
    width: 20px;
    height: 6px;
    background-color: #EB2828 !important;
    margin: 1px;
    }

/*carousel berita w3c*/
 .highContrastcarousel-indicatorsberita .active {
    display: inline-block;
    width: 20px;
    height: 6px;
    background-color: #0E4194 !important;
    margin: 1px;
    }

.mediumContrastcarousel-indicatorsberita .active {
    display: inline-block;
    width: 20px;
    height: 6px;
    background-color: #FFBD1E !important;
    margin: 1px;
    }
.lowContrastcarousel-indicatorsberita .active {
    display: inline-block;
    width: 20px;
    height: 6px;
    background-color: #EB2828 !important;
    margin: 1px;
    }


.ms-rteThemeForeColor-1-0 {
    color: grey !important;
    -ms-name: "Light 1";
    -ms-color: "White";
}


/* annitem hover*/
.highContrastannitem:hover{
	box-shadow: 1px 1px 5px #aaaaaa;
	border-bottom:3px #0E4194 solid !important ;
	background-color:white;
}

.mediumContrastannitem:hover{
	box-shadow: 1px 1px 5px #aaaaaa;
	border-bottom:3px solid #FFBD1E !important;
	background-color:white;
}

.lowContrastannitem:hover{
	box-shadow: 1px 1px 5px #aaaaaa;
	border-bottom:3px #EB2828 !important solid;
	background-color:white;
}


/* carousel slider banner */
.carousel-indicatorsSlider
{
	
    bottom: 5px;
    right: 50px;
    z-index: 15;
    width:auto;
    left: auto;
    
}
.carousel-indicatorsSlider li
{
	background-color:white;
	border:none;
	width:14px;
	height:14px;
}
.carousel-indicatorsSlider .active
{
	background-color:rgb(235,40,40);
	border:none;

		width:14px;
	height:14px;

}

.highContrastcarousel-indicatorsSlider .active {
    background-color: #0E4194 !important;
    border: none;
    /*width: 14px;*/
    /*height: 14px;*/
}

.mediumContrastcarousel-indicatorsSlider .active {
    background-color: #FFBD1E !important;
    border: none;
    /*width: 14px;*/
    /*height: 14px;*/
}

.lowContrastcarousel-indicatorsSlider .active {
    background-color: #EB2828 !important;
    border: none;
    /*width: 14px;*/
    /*height: 14px;*/
}


/* Hide Survey Buttons */

#ctl00_ctl46_g_d694452e_3869_4c5e_86c9_286ebe99ad78_ctl00_toolBarTbltop_RightRptControls_ctl01_ctl00_diidIOSaveItem ,#ctl00_ctl46_g_d694452e_3869_4c5e_86c9_286ebe99ad78_ctl00_toolBarTbltop_RightRptControls_ctl02_ctl00_diidIOGoBack
{
	display:none;
}


/* Hide Survey  Ends */

.hitstats
{
	visibility:hidden;
}

.portaladuanlink:link, .portaladuanlink:visited {
   color: white;
text-decoration: underline;
text-transform: capitalize;
font-size: 18px;
display: block;
margin-top: -29px;}

 h1.dasarPrivasi{
	text-align: center !important;
    font-family: "NeueHansKendrick-Bold" !important;
    font-size: 1em !important;
    display: contents !important;

}