body{
    line-height : 1.7em;
    background-image: url("http://subtlepatterns2015.subtlepatterns.netdna-cdn.com/patterns/crossword.png");
	font-size:14px;
}

.topmenu{
    background : #ff6600;
    /*margin-bottom:50px;*/
    margin-bottom:40px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.8);
}

.topmenu .navbar{margin-bottom:0;}

.topmenu .navbar-default {
    background-color: transparent;
    border:0;
}

.topmenu .navbar-default .navbar-nav > li > a {
    color: white;
}

.topmenu .navbar-brand{display:none;}

.topmenu .navbar-collapse{padding:0;}

.topmenu .navbar-nav > li:first-child > a{padding-left:12px;}

.topmenu .navbar-default .navbar-nav > .active > a{
    color: black;
    background: transparent;
    text-shadow: 0px 1px 1px #000;
}

.footer{
    margin-top : 50px;
    background : #ff6600;
    color : white;
    padding : 20px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);
}

.menubottom a{
    padding : 0 10px;
    color : black;
    border-left : 2px solid black;
}

.menubottom a:first-child{padding-left:0;border-left:0;}

.nospace{margin:0;padding:0;}
.text h3 { color: black;}

h1,h2,h3,h4,h5,h6{font-family: 'lato', sans-serif;}

.h5, h5 {
    font-size: 14px;
	font-weight:700;
}

.breadcrumb{
    background:transparent;
    padding:0;
    border:0;
    border-radius: 0;
    color: #999;
    font-size: small;
}

.breadcrumb > li + li::before {
    color: #ff6600;
}

.main-content-title{
    color : #ff6600;
    border-bottom:3px solid #ff6600;
    padding-bottom:10px;
    margin-bottom:10px;
    text-shadow: 0px 1px 1px #000;
}

.leftmenu .list-group-item {
    background-color: transparent;
    border: 0;
    padding : 0;
    padding-top:10px;
    padding-bottom : 10px;
} 

.leftmenu .list-group-item:first-child,.leftmenu .list-group-item:last-child{border-radius: 0;}

.leftmenu .panel {
    background-color: transparent;
    border: 0;
    box-shadow: none;
}

.leftmenu .level1{
    border-bottom : 1px dashed #ff6600;
    color :  #ff6600;
    padding-left : 10px;
}

.leftmenu .level1:hover, .level1:focus{
    background-color: transparent !important;
    color:#ff6600 !important;
}

.leftmenu .level2 {
    padding-left:40px;
    border-bottom : 1px dashed #ff0099;
    color :  #ff0099;
}

.leftmenu .level2:hover, .level2:focus{
    background-color: transparent !important;
    color:#ff0099 !important;
}

.leftmenu .level3{
    padding-left:60px;
    border-radius: 0;
    border-bottom : 1px dashed #6600ff;
    color :  #6600ff;
}

.leftmenu .level3:hover, .level3:focus{
    background-color: transparent !important;
    color:#6600ff !important;
}

.leftmenu .level1.active, .leftmenu .level1.active:hover {
    background : #ff6600 !important;
    color : white !important;
    border-color : #ff6600 !important;
}

.leftmenu .level2.active, .leftmenu .level2.active:hover{
    background : #ff0099 !important;
    color : white !important;
    border-color : #ff0099 !important;
}

.leftmenu .level3.active, .leftmenu .level3.active:hover{
    background : #6600ff !important;
    color : white !important;
    border-color : #6600ff !important;
}

.arrow-down{margin-left:10px;}

/* Styling for boxes at main page */

.home_fastlink{
    background : white;
    margin-top: 10px;
    margin-bottom : 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

.home_fastlink_inner{
    height : 82px;
    line-height:60px;
    border-bottom : 1px solid #ccc;
}

.home_fastlink_inner:last-child{border:0;}

.home_fastlink_inner h5{line-height:77px;}

.home_fastlink_inner a{color : purple;}

.home_fastlink_inner a:hover{text-decoration: none;}

.home_fastlink_inner img {
   /* padding:0 10px 0 30px; */
    height:45px;
    width:85px;
    /*height:40px;*/
}

.home_slider{
    max-height:340px;
    /*margin-bottom:20px;*/
    margin-bottom:15px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    overflow:hidden;
}

.home_aktiviti_undian{
    /*background : whitesmoke;*/
    height:200px;
    margin-bottom:20px;
}

.home_title{
    color : purple;
    padding-bottom : 10px;
    border-bottom : 1px solid purple;
    margin-bottom : 0px;
    text-shadow: 2px 2px white;
}

.awan_tag_x{
    background : #e6e6e6;
    height:180px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    margin-bottom:20px;
    position:relative;
}

.awan_tag{
    background : #e6e6e6;
    height:320px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    margin-bottom:20px;
    position:relative;
        margin-top: -1.5%;
}

.home_news_inner{padding:10px;}

.home_news{
    background : #e6e6e6;
    height: 320px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    margin-bottom:15px;
    position:relative;
    margin-top: 10px;
}

.home_news_inner{padding:10px;}

.home_news .left2{position:absolute;top:5px;right:26px;}

.home_news .left2 img, .home_news .right2 img{height:16px}

.home_news .right2{position:absolute;top:5px;right:10px;}

.home_news_small{
    min-height:45px;
    height:100%;
    padding-bottom: 1.5em;
    padding-left:20px;
    background:url('../images/orange_square.png') no-repeat left 7px;
    position : relative;
}

.home_news_small a{
    color:#ff6600;
    position:absolute;
    bottom:0;
    right:0;
    text-shadow: 1px 1px whitesmoke;
}

.home_linkagency{
    /*background:white;*/
    /*padding : 20px;*/
    /*box-shadow: 0 2px 4px rgba(0,0,0,0.3);*/
	padding-top : 5px;
    position:relative;
    text-align: center;
}

.home_linkagency .agency img {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    height: 50px;
    max-width: 100%;
}
.home_linkagency .agency{text-align: center;padding:10px 0;}

.home_linkagency .left3, .home_linkagency .right3{position:absolute;top:40%;}

.home_linkagency .left3{left:-30px;}

.home_linkagency .right3{right:-30px;}

.home_linkagency .agency img{max-width:100%;height:50px;}

.home_onlineapps{margin-bottom : 20px;margin-top:20px;position:relative;}

.home_onlineapps .nav-pills > li.active > a{background:transparent;}

.home_onlineapps .nav-pills > li.active > a > .home_title{color:#ff6600 !important;}

.home_onlineapps  .nav > li > a{padding:0;}

.home_onlineapps .home_title{border:0;margin:0;padding:0;}

.home_onlineapps .nav > li{float: none;display:inline-block;border-right:1px solid purple;padding:0 20px;}

.home_onlineapps .nav > li:last-child{border:0;}

.home_onlineapps .nav-pills {text-align: center;}

.home_onlineapps .tab-content {margin-top:20px;}

.home_onlineapps .online img{max-width:100%;height:50px;box-shadow: 0 2px 4px rgba(0,0,0,0.3);}

.home_onlineapps .online{text-align: center;padding:10px 0;}

.home_onlineapps .left4, .home_onlineapps .right4{position:absolute;top:55%;}

.home_onlineapps .left4{left:-30px;}

.home_onlineapps .right4{right:-30px;}

.home_onlineapps .online2{
    overflow:hidden;
    height:50px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    margin:10px 0;
    text-align:center;
    color:purple;
    background-size : 30px 30px;
}

.home_onlineapps .online2 h5{line-height:50px;}

.home_box{
    background : #e6e6e6;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    height:100%;
    margin-bottom:20px;
    margin-top:20px;
    position : relative;
}

.home_pengumuman{
    background : #e6e6e6;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    height:320px;
    margin-bottom:20px;
    margin-top:10px;
    position : relative;
}

.home_pengumuman .home_title{
    padding:0;
    margin:0;
    border:0;
}

.home_pengumuman .nav-pills > li.active > a, .home_pengumuman .nav-pills > li > a:hover{background:transparent;}

.home_pengumuman .nav-pills > li.active > a > .home_title{color:#ff6600 !important;}

.home_pengumuman .nav-pills > li{border-left:1px solid purple;}

.home_pengumuman .nav-pills > li:first-child{border:0;}

.home_pengumuman .nav-pills{border-bottom:1px solid purple;margin-bottom:10px;}

.home_pengumuman .tab-content{padding:10px;}

.pt_list{
    margin:0;
    padding:0;
    list-style: none;
}

.pt_list li{
    /*height : 50px;*/
    background : orange;
    margin-top:10px;
    background:url('../images/orange_square.png') no-repeat left 7px;
    padding-left:15px;
}

.pt_link{
    color:#ff6600;
    position:absolute;
    bottom:10px;
    right:10px;
    text-shadow: 1px 1px whitesmoke;
}

.home_people{
    /*margin-bottom : 20px;*/
    margin-bottom : 10px;
    width : 100%;
    height : 100px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

/* Styling end */

/* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover {
    color: inherit;
    background-color: white;
}

.dropdown-menu{
    width : 300px;
    padding : 0;
}

.dropdown-menu > li > a{
    white-space: normal;
    padding: 10px 20px;
    border-bottom : 1px dotted #ccc;
}

.dropdown-menu > li:last-child > a{border:0;}

.dropdown-submenu > .dropdown-menu{margin-top:-1px;}

/* MAPS */

#map{
    display: block;
    width: 100%;
    height: 500px;
    margin: 0 auto;
}

#map.large{
    height:500px;
}

.pushcontainer{
    padding-top:0.2em;
    padding-bottom:0.2em;
    background-color: #ffffff;
}

/**make it some of text visible**/
.ellipsis { 
    width: 100%;
    text-overflow: ellipsis; 
    white-space: nowrap;
    overflow: hidden;
}

@media (min-width:200px) and (max-width:699px) {
    .count-logo{
        width: 13%;
        right: -2%;
        position: absolute;
    }

}
@media (min-width:700px) and (max-width:1199px) {
    .count-logo{
        width: 11%;
        right: 11%;
        position: absolute;
    }

}
@media (min-width:1200px) and (max-width:1449px) {
    .count-logo{
        width: 8%;
        right: 24%;
        position: absolute;
    }

}
@media (min-width:1450px) and (max-width:2000px) {
    .count-logo{
        width: 6%;
        right: 31%;
        position: absolute;
    }

}