.custom_176 {height:auto;color:#333;background-color:rgba(255, 255, 255, 0);}[class*='col-'] { padding-right: 0px; }.row-606572a944622 {height:auto;color:#333;background-color:rgba(255, 255, 255, 0);}.column-606572a944623 {min-height:5px;}.row-60615d33d1326 {height:auto;color:#333;background-color:rgba(255, 255, 255, 0);background-attachment: fixed;background-repeat: no-repeat;}.column-60615d33d1327 {min-height:5px;}.row-606ada56ed643 {height:auto;color:#333;background-color:rgba(255, 255, 255, 0);    background-image: url(/selangor/resources/SUK%20-%20New%20Design/bg-selangor-3-01.jpg);
    background-size: cover;
    background-repeat: no-repeat;}.column-Left-Menu {min-height:5px;}.column-606ada56ed644 {min-height:5px;}.row-60615d36d132a {height:auto;color:#333;background-color:rgba(255, 255, 255, 0);}.column-60615d36d132b {min-height:5px;}#body_web{
font-family: 'Titillium Web', sans-serif !important;
font-size: 14px;
}

#web_layout_homepage {
    background-image: none !important;
}

.page-title h1 {
    color: #ffffff !important;
    text-shadow: unset !important;
    padding-left: 0px !important;
}

.sf-vertical {
    margin: 115px 0 70px 0 !important;
    left: 15%;
}

.sf-menu a {
    color: #fff !important;
 border-left: transparent !important;
}

.sf-menu li {
    background: #5bf4ff91!important;
}

.sf-menu li:hover {
    background-color: #31cef682 !important;
}

/*Acara dan Pengumuman*/

.search-container > .row{
    margin-left: 5px; 
}

/*Staff Directory*/

.profile-detail-table td.info-label{
    width: 60px;
}

#list-table .dataTables_paginate .paginate_button:hover{
    color: #666 !important;
}

/*Data Grid*/

.search_store_view_content_div{
    padding-top: 14px;
}

.search_store_view_content_div > p{
    font-size: 18px;
    margin: 0;
    line-height: 1.15;
}

.grid-box-wrap.col-1-1 {
    background-color: #F9F9F9;
    border: 1px solid #CCCCCC;
    display: block;
    line-height: normal;
    margin-bottom: 10px;
    overflow: auto;
    padding-left: 4px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    float: unset;
}


table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: unset;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: none;
}

.profile-img.col-1-12 {
    width: 80px;
}

.profile-detail.col-8-12 p {
    padding: 0 10px;
}

.profile-detail.col-8-12 h1 {
    padding: 0 10px;
    margin: 0;
}

#list-table table {
    width: 100% !important;
}

.search_toolbar a {
    display: inline-block;
}

.dropdown_4columns {
    margin-top: 0 !important;
}

.font_color_front_block {
    width: 16px;
    height: 16px;
    /* vertical-align: bottom; */
    text-align: center;
    border-style: outset !important;
    border-width: unset !important;
    border-color: unset !important;
    float: left;
    margin-left: 5px;
    background-color: #a29797;
    padding: 3px;
    font-size: 5.5pt;
}

.accessibility_block img {
    margin-bottom: 3px;
}

.accessibility_block {
    margin-left: 3px;
    width: 20px !important;
    height: 20px !important;
    border-radius: 20%;
    border-style: outset;
}

.font_color_front_block {
    border-style: solid;
    /* padding-bottom: 15px; */
    /* margin-bottom: 8px !important; */
}

.dropdown_4columns .col_1 ul li a {
    font-weight: normal !important;
}

.footer-tab tbody > tr > td a:hover {
    text-decoration: 2px underline;
    color: #c21511;
}

.breadcrumb li {
    color: white;
}

.announcement-title {
    font-size: 18pt !important;
    padding-left: 10px !important;
    padding-top: 10px !important;
}

.breadcrumb>li:after {
   content: " > " !important;
    padding: 0 5px;
    color: white;
    background-image: none;
    top: unset;
}

.breadcrumb>li:last-child:after {
    content: ''!important;
    padding: 0;
}

.breadcrumb li:first-child:before {
    background-image: none;
}


.breadcrumb li:last-child {
    border-right: 0;
    color: white;
    font-weight: 500;
    line-height: 1.5em;
    border-top-right-radius: 0;
}


.breadcrumb li a {
    color: #ffffff;
    font-weight: 500;
}

.breadcrumb>li {
    padding: 5px 10px;
    border: transparent;
}

.breadcrumb li:first-child {
    border-left: 0px;
    border-top-left-radius: 0px;
    padding-left: 0px;
}

.breadcrumb {
    background-color: transparent;
   text-align: right;
    display: block !important;
}

.block-604 {
    background: none repeat scroll 0 0 ;
    border-radius: 8px;
}


#body_web{
font-family: 'Titillium Web', sans-serif !important;
font-size: 14px;
}

.responsive_menu ul li:first-child::after {
    background: none !important;
}

.responsive_menu > ul li .res_edit_icon img {
    display: none;
}


.add-table > tbody > tr > td {
    padding: 0 10px 10px;
}

.add-table-wrap {
    float: right;
}


.lan-search-wrap > tbody > tr > td {
    float: right;
}

.lan-hea {
    display: table-cell;
    padding-right: 10px;
}

.search-hea {
    display: table-cell;
    padding-right: 10px;
}



.logo-hea {
    display: table-cell;
}

.title-hea{
  display: table-cell;
    position: relative;
    padding-left: 15px;
    top: -8px;
   
}




.custom_169{
  background-image: none !important;

}


.page-title {
    padding-top: 10px;
}


.column-606ada56ed644 {
    min-height: 5px;
    margin: 20px;
    /*border-radius: 8px;*/
    /*background: none repeat scroll 0 0 #ffffffdb;*/
}

#container_content {
    background: #FFFFFF;
    border: unset;
    box-shadow: unset;
}

.logo-hea {
    display: table-cell;
}

.title-hea{
  display: table-cell;
}


.transparent > .drop_horizontal li:hover div a:hover {
    color: #eb0202 !important;
}

.transparent > .drop_horizontal li:hover div span {
    color: #000000 !important;
}

.transparent > .drop_horizontal li:hover div a {
    color: #000000 !important;
}

.transparent > .drop_horizontal li ul li {
    border-left: none !important;
       padding: 0 !important;
}



.col-1-1 {
    margin-top: 0;
   margin-bottom: 0;
}


.block-602 {
    display: none;
}

.menu-table > tbody > tr > td:nth-child(2) {
    display: none;
}


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


.accessibility_container_table > tbody > tr > td {
    justify-content: center;
    text-align: center;
    margin: 0 auto;
    position: relative;
    left: 50%;
}


.column-6066f04bae4bc {
    min-height: 5px;
    padding: 150px 100px 0px;
}


.custom_167 {
    background-image: none !important;
}

/*.row-60615d33d1326 {
    background-image: url(/selangor/resources/SUK%20-%20New%20Design/bg-selangor.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}*/



.drop_horizontal li:nth-child(1) {
    border-left: none !important;
}


.drop_horizontal li {
    border-left: 1px solid !important;
    padding: 0 20px 0 20px !important;
    margin-left: 0px !important;
}


.transparent > .drop_horizontal > li:hover {
    background: none !important;
    border: none !important;
    border-left: 1px solid !important;
    border-radius: 0px !important;
}

.transparent > .drop_horizontal > li:nth-child(1):hover {
    border-left: 0px !important;
}

.search-wrap {
    float: unset !important;
   width:100%;
}

#carousel_thumbnail_587_page {
    padding: 10px;
}


.footer-tab td:nth-child(4) table tr td:first-child {
    /*width: 42%;*/
}


.footer-tab td table img[title~=Today],
.footer-tab td table img[title~=Week],
.footer-tab td table img[title~=Visitor],
.footer-tab td table img[title~=Hari],
.footer-tab td table img[title~=Bulan],
.footer-tab td table img[title~=Minggu],
.footer-tab td table img[title~=This],
.footer-tab td table img[title~=Pelawat]{
    display: none;
}

@media only screen and (max-width: 1024px){

.custom_169  .editable{
    overflow: auto !important;
}

.sf-vertical {
    left: 6%;
}

.footer-tab td:nth-child(4) table tr td:first-child {
    width: 42%;
}

.responsive_menu{
    padding-top: 10px !important;
    padding-left: 0px !important;
}

.search-hea{
 display: inline-flex;
  padding-right: 0px;
}

.lan-hea {
    display: inline-flex;
}

.lan-search-wrap > tbody > tr > td {
    float: unset;
    padding-right: 0px !important;
}

.add-table-wrap {
    float: unset;
}


.logo-hea {
    display: block;
}

.title-hea{
  display: block;
    position: unset;
    padding-left: 0px;
    top: 0px;
}

.header-wrap-2 {
    padding: 0px;
}


.accessibility_container_table > tbody > tr > td {
    justify-content: left;
    text-align: left;
    margin: 0 auto;
    position: relative;
    left: 0;
}

.menu-table > tbody > tr > td:nth-child(1) {
    display: none;
}

.menu-table > tbody > tr > td:nth-child(2) {
    display: block;
}

.add-table > tbody > tr > td {
    position: relative;
    text-align: center;
    width: 10%;
}

.menu-table > tbody > tr > td {
    display: block;
    width: 100% !important;
    padding-right: 0px !important;
}

.search-wrap {
        width: 225px !important;
}

.header-table > tbody > tr > td {
    display: block;
    padding-left: 0 !important;
    text-align: center;
   width: 100% !important;
}

.header-wrap {
    width: 100% !important;
    padding: 20px 10px !important;
   min-width: unset !important;
}


.column-6066f04bae4bc {
    padding: 0;
    margin:10px;
}

.pengumuman {
        overflow: auto;
}



.berita-pengumuman-table > tbody > tr > td {
    display: contents;
    width: 100% !important;
}

.right-footer {
    background: url(/selangor/resources/SUK%20-%20New%20Design/Footer/bg-footer-mobile.jpg) no-repeat 100% !important;
    background-size: cover;
    width: 100% !important;
    padding-left: 20px;
    margin-left: 0px !important;
}

.right-footer-content{
width:100% !important;
position: relative;
    float: unset !important;
}

.footer-tab > tbody > tr > td {
       display: block;
    text-align: center;
    word-break: break-word;
    margin: 0 20px;
}

.footer-tab > tbody > tr > td:nth-child(2) {
    display: none;
}

.footer-tab > tbody > tr > td:nth-child(3) {
    padding-left: 0px !important;
}
}

@media only screen and (max-width: 956px){

.col-1-6, .col-2-12 {
    width: 100%;
}

.col-10-12 {
    width: 100%;
}


.sf-vertical {
    margin: 0 auto !important;
    padding: 20px !important;
    left: 0;
   width:100% !important;
}

}

@media only screen and (max-width: 768px){

.row-606ada56ed643 {
    padding-top: 1px;
}


.quicklink-table > tbody > tr > td {
    width: 100%;
    display: contents;
}


}


@media only screen and (max-width: 425px){




table.dataTable tbody th, table.dataTable tbody td {
    padding: 0;
}


.accessibility_container_table > tbody > tr > td {
    display: inline-flex;
}

.add-table > tbody > tr > td {
     padding-left: 15px;
    left: 0;
    width: unset;
}

}