/*########################################## General */

body{
/*background:#03A2AE;*/
font-size:13px;
}

button{cursor:pointer;}
a{color:#03A2AE;}
a:hover{text-decoration:none;}
hr{border-top:2px solid rgba(0,0,0,.1);}
strong{font-weight:bold;}
b{font-weight:bold;}
label{cursor:pointer;}
input{cursor:pointer;}
select{cursor:pointer;}

/*########################################## Common */

.background-blue{background:#2C297F;color:#fff;}
.background-grey{background:#eee;}
.background-white{background:#fff;}
.background-yellow{background:yellow;}
.background-purple{background:#690A8A;}

.color-white{color:#fff;}
.t-12{font-size:12px;}
.t-13{font-size:13px;}

.desktop-hide{display:none;}
.display-none{display:none;}

a.black{color:black;}
code{background:#ddd;}
code a{color:red!important;font-weight:normal!important;}

/*########################################## Font Awesome icon */

i.fa{margin-right:5px;}

/*########################################## Breadcrumb */

#breadcrumb{margin-top:-10px;margin-bottom:25px;font-size:12px;color:#333;}
#breadcrumb a{color:#aaa;}
#breadcrumb a:hover{color:#333;}

/*########################################## Top content */

#top-content{background:#fff;padding:20px 0;}

/* Announcement */

#top-content #announcement{}
#top-content #announcement h2{font-size:14px;color:#fff;background:#2C297F;padding:10px;border-radius:6px 6px 0 0;border:1px solid rgba(0,0,0,0.15);margin:0 0 1px;font-weight:bold;}
#top-content #announcement #announcement-carousel{background:#eee;color:#333;padding:15px;height:264px;line-height:21px!important;font-size:13px;}
#top-content #announcement #announcement-carousel ol.carousel-indicators li:hover{cursor:pointer;}
#top-content #announcement #announcement-carousel .carousel-indicators li{background-color:#333;}

/* Archive */

.announcement-archive{position:absolute;right:10px;bottom:65px;}
.announcement-archive a{background:red;color:#fff;padding:5px;font-size:10px;font-weight:bold;text-transform:uppercase;}
.announcement-archive a:hover{color:rgba(255,255,255,0.8);}

/*########################################## Bottom content */

#bottom-content{background:#fff;padding:30px 0 0;}
#bottom-content .tab-content{}
#bottom-content .tab-content ul{}
#bottom-content .tab-content ul li{margin-bottom:15px;}
#bottom-content .tab-content ul li .date-published{}
#bottom-content .tab-content ul li a{font-weight:500;color:#2C297F;}

/* Badge */

span.badge{background:red;color:#fff;text-transform:uppercase;position:absolute;top:-14px;border-radius:2px;padding:6px;display:block;}

/* Tab */

#bottom-content .nav-tabs{font-weight:bold;}
#bottom-content .nav-tabs .nav-item.show .nav-link,
#bottom-content .nav-tabs .nav-link.active{background:#03A2AE;color:#fff;border-color:rgba(0,0,0,0.2);}

/*########################################## e-Services */

#e-services{}
#e-services ul.display-inline{}
#e-services ul.display-inline li{margin:2px 0 1px;padding:0;display:inline-block;width:24.6%;}
#e-services ul.display-inline li a{background:#2C297F;display:block;padding:10px 15px;color:#fff;}
#e-services ul.display-inline li a:hover{color:rgba(255,255,255,0.8);}

/* In Page */

p#example-display{text-transform:uppercase;font-size:11px;color:#999;letter-spacing:0.5px;}

/*########################################## Sidebar Archive Year */

#sidebar-archive{}
#sidebar-archive .card{border:0;border-radius:8px 8px 0 0;}
#sidebar-archive .card-header{background:#2C297F;border:1px solid rgba(0,0,0,0.15);color:#fff;padding:8px 1.25rem;border-radius:6px 6px 0 0;}
#sidebar-archive .card-body{color:#333;padding-bottom:10px!important;padding-left:0!important;}

/*########################################## Hot Topic */

#nav-hot-topic{}
#nav-hot-topic a{color:#2C297F;margin-right:15px;font-weight:bold;}
#nav-hot-topic a:hover{color:#03A2AE;}

/**/

#nav-hot-topic ul{margin:0!important;padding:0!important;}
#nav-hot-topic ul li{display:inline-block!important;font-size:14px;}

/**/

#nav-hot-topic span.tag-link-count{display:none;}
#nav-hot-topic span.wpp-meta.post-stats{display:none;}

/*########################################## Advertisement */

#advertisement-bottom{}
#advertisement-bottom img{height:auto;width:100%;}


/*################ START CONTENT BODY ##########################*/
/*.bodyMargin{
	margin:30px 160px 0px 160px;
}

#ContentCenter{
	margin:0px 50px 0px 50px;
}
#ContentCenter .bodyMargin{
	margin:0px 0px 0px 0px;
}*/


/*#ContentCenter .ms-webpart-zone, .ms-fullWidth{
	margin:30px 150px 0px 150px;
}*/

.mobilecounter, .refund, .sirim1, .sirim2, .emailto{
	flex:0 0 50%; 
	max-width: 50%; 
	position: relative; 
	width: 100%; 
	min-height: 1px; 
	padding-right: 5px; 
	padding-left: 5px;	
}
.rowcounter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* margin-right: -15px; */
    /* margin-left: -15px; */
}

/*------ start disable button login asal by zulfazdliabuas@gmail.com data 12/11/2018 ----*/
.login, .ms-signInLink {
	vertical-align: middle;
	line-height: 30px;
	padding: 0px 5px 0px 5px;
	position: absolute;
	top: 0;
	right: 0;
	left:0;
	/*background: #03A2AE;*/
	color: #000;
	font-size: 12px;
	border-radius: 0 0 4px 4px;
	margin: 0px -6px 0px 0px;
	height: 34px;
	width: 100px;
	/*display:none !important;*/

}
/*------ end disable button login asal by zulfazdliabuas@gmail.com data 12/11/2018 ----*/

.owl-theme .owl-nav [class*=owl-]{
	background: #03A2AE;
}


/*################# END CONTENT BODY #########################*/

/*============================*/
/* Start Breadcrumb*/
/*============================*/

/* Hide the text for the home link 
.breadcrumb a.home { 
	color: transparent;
	font-size:1px;
	vertical-align:middle;
}
.breadcrumb a.home:hover { 
	color: transparent; 
}*/


/* Add the 'home' icon from Google's Material Design Icons 
.breadcrumb a.home:before { 
	font-family: "Material Icons"; 
	content: '\E88A'; 
	font-size: 24px; 
	color: #d1d1d1; 
	width: 20px; 
	height: 20px; 
	overflow: hidden; 
	vertical-align: middle; 
	outline: none; 
	border: 0; 
	box-shadow: none; 
	background: transparent; 
}
.breadcrumb a.home:hover:before { 
	color: #fff !important; 
}*/


/* Begin breadcrumb wrap style 
.breadcrumb { 
	display: inline-block; 
	border-radius: 5px; 
	overflow: hidden; 
	border: 1px solid #e1e1e1;
	margin-bottom:35px; 
}
.breadcrumb a { 
	display: inline-block; 
	font-size: 12px; 
	line-height: 28px; 
	color: #222; position: relative; 
	text-align: center; 
}
.breadcrumb a:first-child { 
	padding-left: 26px; 
	border-radius: 5px 0 0 5px; 
}
.breadcrumb a:after { 
	content: ''; position: absolute; 
	top: 0; right: -14px; 
	width: 28px; height: 28px; 
	transform: scale(0.707) rotate(45deg); 
	z-index: 1; box-shadow: 1px -1px 0 1px #e1e1e1; 
	border-radius: 0 5px 0 50px; 
}*/
 
/* Set the color for the current breadcrumb node 
.breadcrumb .current {
	color: #0072C6;
}*/

 
/* Tidy up the position on our custom css classes we added to each breadcrumb node*/ 
.breadcrumb a.home { 
	padding-left: 12px; 
}
.breadcrumb a.bc-node { 
	padding-right: 10px; 
}
/*.breadcrumb .current { 
	padding: 0 15px; 
	margin-left: 10px; 
}*/

/* Breadcrumb hover styles 
.breadcrumb a, .breadcrumb a:after { 
	background: #fff; color: #222; 
	transition: all 0.35s ease-in-out; 
}
.breadcrumb a:hover, .breadcrumb a:hover:after { 
	background: #0072C6; color:#fff; 
}
.breadcrumb a:hover:before { 
	color: #0072C6; 
}*/

/*============================*/
/* End Breadcrumb*/
/*============================*/


/* This for Font /Pages/Services/Other-Services/Participation/Customer-Satisfaction-Survey.aspx*/
.fontSuccessful{
	position: absolute;
    font-size: 20px;
    font-weight: bold;
}



/*============================*/
/* Custome Announcemant by zul*/
/*============================*/

.ms-webpart-chrome-title{
	margin-bottom: 0px !important;
}

.js-webpart-titleCell{
	display: block !important;
}


/*============================*/
/* Custome form for responsive by zul*/
/*============================*/

.ms-formbody {
	width: auto !important;
    /*box-sizing: border-box;
    display: block;
    max-width: 280px;
    padding: 0 0 0.5em 0;*/
}
/*
.ms-formbody tr {
    display: block;
}
// Fixes of fields types
.ms-formbody .ms-rtestate-field {
    box-sizing: border-box;
    width: 100%;
    min-width: 0px;
}

.ms-formbody .sp-peoplepicker-topLevel {
    width: auto;
}

.ms-formbody input[type="radio"] {
    width: 24px;
    height: 24px;
}

.ms-formbody .ms-long {
    box-sizing: border-box;
    width: 100%;
    min-width: 270px;
}*/


/*============================*/
/* Start Custome Center Content Destop Addby zulfazdliabuas@gmail.com*/
/*============================*/

.marginCenterDestop{
	margin:0 auto;
}
/*============================*/
/* End Custome Center Content Destop*/
/*============================*/


/*============================*/
/* Start Hide item in header - Addby zulfazdliabuas@gmail.com*/
/*============================*/

#O365_MainLink_NavMenu{
	display:none;
}

#Sites_BrandBar{ 
	display:none;
}

/*============================*/
/* End Hide item in header*/
/*============================*/