.rr-right {

    color : white;

    text-align: center;

    font-weight: bold;

    position: relative;

    height: 30px;

    float: right;

    line-height : 30px;

    width : 150px;

    padding-right : 20px;

}

.rr-right a { color : inherit; }

/* slanted edges using pseudo-elements */

.rr-right:before {

    content: "";

    position: absolute;

    top: 0;

    width: 0;

    height: 0;

}

.rr-right:before { left: -20px; border-top: 30px solid rgba(0,0,0,0); /* transparent */}

.rr-right.pub { background : #7B7A7A; z-index: 1; }

.rr-right.pub:before{ border-right: 20px solid #7B7A7A; /* razorblade color */}

.rr-right.res { background : #B9B9B9; z-index: 2; }

.rr-right.res:before{ border-right: 20px solid #B9B9B9; /* razorblade color */}

.rr-right.staf { background : #cccccc; z-index: 3; }

.rr-right.staf:before{ border-right: 20px solid #cccccc; /* razorblade color */}

.breadcrumbs{ color : gray; margin-bottom:10px; padding-bottom:10px; border-bottom:5px solid #E8E8E8; }

.breadcrumbs a { color : gray; }

.breadcrumbs a:hover{ text-decoration: underline; }

.breadcrumbs a:last-child{ color : #FF9900; }

.boxsocialmedia img { margin-left: 10px; width : 50px; height : 50px; }

.boxfooter a { color : inherit; }

.boxtheme { 

    background:#DB5903;

    color:white;

    height:20px;

    width:20px;

    line-height:20px;

    display:inline-block;

    text-align:center;

    font-weight:bold; 

}

.boxtheme.selected { background : #232323; }

/* Box at Home Page */

.boxtemp h1{ padding : 10px; color:white; }

.box{  border-radius:5px; overflow : hidden; }

.box-inside{

    /*background : white;*/

    border-radius:5px;

    overflow : hidden;

}

.box-inside-white{ background : white; }

.white { color : white; }

.orange { color : #272727; }

.box a { color : inherit; font-weight: bolder;}

/* Latest Release */

.box1{ background-color: #294c63;height:200px; position : relative; }

.box1 .box-inside{ height : 135px; }

/*Coming Soon*/

.box2{ background-color: #407599;height:200px; position : relative; } 

.box2 .box-inside{ height : 135px; overflow: auto;  }

.box-arc{ 

    position : absolute; 

    top : 10px; 

    right : 10px; 

    color : white !important; 

    background-image: url(../../../images/calendar.png);

    background-repeat: no-repeat;

    background-position: left center;

    padding-left: 20px; 

    opacity: 0.5;

}

.box-arc:hover { opacity: 1; }

/* Highlight & Gallery */

.box3{ height:326px; border-radius: 0; } 

.box3 .box-inside{ height:285px; margin : 0; padding : 0; border-radius: 0; }

.box4 img { width:100%;height:100px; } /* Data visualization */

.box5 img { width:100%;height:50px; } /* Berita Stat & Penyertaan di Peringkat Antarabangsa */

.box6 img { width:100%;height:100px; } /* Survey & ILSM & Online Service */

/* Public Poll */

.box7{ height:150px; background:#0E6698; } 

.box7 .box-inside{ height : 85px;  }

/* Search */

.box8{ height:170px; background:#0E6698;  } 

.box8 .box-inside{ height : 125px;  background : inherit; color : white; overflow: auto; }

/* Tender & Quotation, Announcement */

.box9{ height:170px;  position : relative; border-left : 3px solid #cccccc; border-radius: 0px; } 

.box9 .box-inside{ height : 125px; }

#owl-carousel3 p, #owl-carousel4 p { padding : 0; margin : 0; margin-bottom : 10px; height : 100px; overflow : auto;  }

/* Latest Events */

.box10{ height:341px; position : relative; border-radius : 0; } 

.box10 .box-inside{ height : 315px; border-radius : 0;  }

/* Agency Links */

.box11{ height:100px;  position : relative; } 

.box11 .box-inside{ height : 75px; }

.box11 .box-inside .owl-carousel div{ text-align: center; }

/* Key Indicators */

.box12{ height:615px; background:#0E6698; } 

.box12 .box-inside{ height : 550px; overflow:  auto; }

.tab-key .accordion-wrapper { margin : 0 0 5px 0; }

.tab-key .accordion-wrapper .accordion-content{ 

    padding : 0; 

    border : 0; 

    margin : 5px 0px 0px 0px; 

    height : 240px; 

    overflow : hidden;  

}

.highcharts{ min-width: 320px; height: 240px; margin: 0 auto; }
/* Tab color */
.tab-key .accordion-wrapper .accordion-title
{ 
	border-radius: 4px;
	background-color: #F39C12;
	padding: 0 0 0 20px;
	background-position: 5px center;
	border-bottom: 2px rgb(194, 117, 26) solid;
	}

.tab-key .accordion-wrapper .accordion-title span { padding : 5px; border : 0; }

.tab-key .accordion-wrapper .accordion-title, .tab-key .toggle-wrapper .toggle-title{background-image:url("images/icons/gemicon/right_arrow_white.png");}

.tab-key .accordion-wrapper .accordion-title.active, .tab-key .toggle-wrapper .toggle-title.active{color:#000; background-image:url("images/icons/gemicon/down_arrow_white.png");}

/* Carousel */

.owl-carousel{ position: inherit !important; }

.owl-carousel .owl-controls .owl-buttons div{ background: transparent !important;  margin : 0 !important; padding:0 !important; opacity: 1 !important; }

.owl-carousel .owl-controls .owl-buttons{ position : absolute !important; }

#owl-carousel1 .owl-buttons{ top : 10px; right : 10px; }

#owl-carousel3 .owl-buttons, #owl-carousel4 .owl-buttons{ top : 10px; right : 0px;   }

#owl-carousel2 .owl-buttons{ bottom : 20px; right : 20px; }

#owl-carousel5 .owl-buttons, #owl-carousel6 .owl-buttons, #owl-carousel7 .owl-buttons{ top : 0px; right : 0px; }

/* Gallery */

.box-gallery { height : 315px; overflow : auto; }

.box-gallery-title { height : 100px; overflow : hidden; }

.box-gallery-img { height : 175px; overflow : hidden; }

.box-gallery-img-inner { padding:1px; width:93%; }

.box-gallery-img img { border: 5px solid #FFF; box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.4); }

.box-gallery-date { height : 20px; overflow : hidden;  }

/* Population Indicators */

.box13{ height:100px; background:#0E6698; } 

.box13 .box-inside{ height : 65px; overflow:  auto; background : transparent; color : white; }

.line40 { line-height : 40px; }

.blink{ animation: blinker steps(1) 1s infinite; -webkit-animation: blinker steps(1) 1s infinite; }

@keyframes blinker { 0% { visibility: visible; } 50% { visibility: hidden; } 100% { visibility: visible; } }

@-webkit-keyframes blinker { 0% { visibility: visible; } 50% { visibility: hidden; } 100% { visibility: visible; } }

.themedoc{

    background: none repeat scroll 0 0 #F0F0F0;

    border-bottom: 1px solid #9A9A9A;

    border-top:1px solid #9A9A9A;

    text-align: center; 

}

.themedoc div:hover{ background: white; }

.themedoc img { margin-right : 5px; }

/* CCS BY PER THEME */

.box-gallery-title { color : #0E6698; }

.tab-wrapper .tab-nav li a{ background : #f7f7f7; color : black; border : 0; }

.tab-wrapper .tab-nav li.ui-tabs-active a{ background : #0E6698; color : white;  }

#topnav li.active a, #topnav a:hover { color: #0E6698; }

#topnav ul li li:hover > a { background-color: #0E6698; }

.breadcrumbs a:last-child { color: #0E6698; }