html,body,div {font-family: 'Roboto', sans-serif;}  /*-- EDIT BY AFIZUDIN --*/

/*bg bernama start*/
.bg-bernama {
  background-color: #01aef0 !important;
}
/*bg bernama end*/

/****** SIDEBAR - ADD BY AFIZUDIN ******/
#body-row {
  /*margin-top: 100px;
    margin-left:100px;
    margin-right:100px;*/
    max-width: 1140px;
    margin: auto;
    font-family: 'Roboto', sans-serif;
    font-size:14px;
}
.navbar {
	font-family: 'Roboto', sans-serif;
}
.container {
    font-family: 'Roboto', sans-serif;
    font-size:14px;
}
h6 {
    font-family: 'Roboto', sans-serif;
    font-size:16px;
}
	
#navbarNavDropdown{
   max-height: 85vh;
   overflow-y: auto;
}

#sidebar-container {
    max-height: 150vh;
    background-color: #fff;
    padding: 0;
    
    z-index: 0;
    margin-top: 10px;
    margin-left: 12px; /* Terai 5px*/
    margin-right: 0px;
    overflow-y: hidden;
}

#sidebar-container a {
    padding: 3px 3px 3px 3px !important;  /* Sidebar Menu Gab */
}
.sidebar-submenu {
    padding-left: 10px !important;
}

#sidebar-container .sticky-top {
    margin-top: 60px;
}

/* Sidebar sizes when expanded and expanded */
.sidebar-expanded {
    width: 230px;
}
.sidebar-collapsed {
    width: 60px;
}

/* Menu item*/
#sidebar-container .list-group a {
    height: 35px;
    color: #000;  /*white;*/
    background-color: #fff !important;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    border:0;
    
}
#sidebar-container .list-group a:hover {
    background-color: #e5e5e5 !important;
}

/* Submenu item*/
#sidebar-container .list-group .sidebar-submenu a {
    height: 45px;
    padding-left: 30px;
}
.sidebar-submenu {
    font-size: 0.9rem;
}

/* Separators */
.sidebar-separator-title {
    background-color: #333;
    height: 35px;
}
.sidebar-separator {
    background-color: #333;
    height: 25px;
}
.logo-separator {
    background-color: #333;    
    height: 60px;
}

/* Closed submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="false"] .submenu-icon::after {
  content: "\f0d7";
  font-family: "Font Awesome 5 Free";
  display: inline;
  text-align: right;
  padding-left: 10px;
  font-weight: 900;
}
/* Opened submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="true"] .submenu-icon::after {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  display: inline;
  text-align: right;
  padding-left: 10px;
  font-weight: 900;
}
/****** SIDEBAR - ADD BY AFIZUDIN ******/

/*menu start*/
.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
}
.dropdown-submenu li:hover > ul.dropdown-menu {
    top:0;
    left:100%;
}
/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
} 

.dropdown-menu {
	padding:0;
	margin:0;
	border:0 solid transition!important;
	border:0 solid rgba(0,0,0,.15);
	border-radius:0;
	-webkit-box-shadow:none!important;
	box-shadow:none!important
}

.navbar a, .navbar-default .navbar-nav > li > a, .navbar ul li a {
	color: #000 !important;
	font-size:14px;
	text-transform:capitalize;
	padding:16px 15px;
	display: block !important;
}
.navbar .active a,.navbar .active a:focus,.navbar .active a:hover,.navbar li a:hover,.navbar li a:focus {
	/*color: #fff;*/
	/*background: #61afd3 !important;*/
	color: #61afd3 !important;
	outline: 0;
}

.navbar .collapse ul > li:hover > a{
	color: #000 !important;
	background: #61afd3;
}
.navbar .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{
	background: #61afd3;
	text-decoration:none
}
.navbar .collapse ul ul ul > li:hover > a{
	background: #61afd3;
}
.navbar .collapse ul ul, .navbar .collapse ul ul.dropdown-menu{
	background:#343a40;
}
.navbar .collapse ul ul ul, .navbar .collapse ul ul ul.dropdown-menu{
	background:#343a40;
}
.navbar .collapse ul ul ul ul, .navbar .collapse ul ul ul ul.dropdown-menu{
	background:#343a40;
}

.navbar-nav li a {
    padding: 5px 5px !important;
    color: #fff !important;
}

.dropdown-menu li a {
    padding: 5px 5px !important;
    color: #fff !important;
}

/****** ADD BY AFIZUDIN ******/
#maroonfont {
    background-color:#801100;
    color:#fff !important;
    min-width:28px;
    margin-top:5px;
}
#bluefont {
    background-color:#0F3C7A;
    color:#fff !important;
    min-width:28px;
    margin-top:5px;
}
#yellowfont {
    background-color:#ffff00;
    color:#000;
    min-width:28px;
    margin-top:5px;
}
#incfont {
	background-color:#fff;
	color:#000 !important;
	min-width:28px;
	margin-top:5px;
}
#decfont {
	background-color:#fff;
	color:#000 !important;
	min-width:28px;
	margin-top:5px;
}
#resetfont {
	background-color:#fff !important;
	color:#000 !important;
	min-width:28px !important;
	margin-top:5px !important;
}
.nav-item span {
    font-size:14px;
}
.nav-item .dropdown-item {
    padding: 1px 1px 1px 12px !important;
    word-wrap: normal !important;
}
/****** ADD BY AFIZUDIN ******/

.navbar {
	padding:1;
}


.navbar .fixed-top {
	max-height:100%;
	overflow-y:auto !important;
}

@media only screen and (max-width: 767px) {
.nav-link {
	padding-left:10px !important;
}
.nav-link i{
	display: none;
}
.navbar .collapse ul ul, .navbar .collapse ul ul.dropdown-menu{
	margin-left:20px;
}
.navbar.fixed-top {
	overflow-y:visible;
}
.navbar-collapse {
	max-height: calc(100vh - 125px);
	overflow-y: auto;
}
}
/*menu end*/

.carousel-caption{
	position:static;
	right: 15%;
	bottom: 0px;
	left: 15%;
	z-index: 10;
	padding-top: 10px;
	padding-bottom: 0px;
	color: #000;
	text-align: left;
}

/*timeline start*/
.ji-timeline { position: relative; margin: 0 auto; }
.ji-timeline::after { content: ''; position: absolute; width: 2px; background-color: gray; top: 0; bottom: 0; margin-left: 7px; }
.ji-container { padding: 0 0 0 30px; position: relative; background-color: inherit; width: 100%; }
.ji-container::after { content: ''; position: absolute; width: 16px; height: 16px; background-color: white; border: 2px solid gray; top: 0; border-radius: 50%; z-index: 1; }
.ji-right { left: 0%; }
.ji-right::after { left: 0px; }
.ji-content { padding: 0; }
/*timeline end*/
/*textontopimage start*/
.news-item{position:relative;padding:0 50px 0 50px;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}
.news-title{background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.5));position:absolute;right:50px;bottom:10px;left:50px;z-index:10;padding:10px 10px 10px 10px;color:#fff;text-align:center}
@media (max-width:1024px){.news-item{padding:0 0 0 0}.news-title{background:#000;position:static;}}
.news-item-2{position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}
.news-title-2{background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.5));position:absolute;right:0%;bottom:10px;left:0%;z-index:10;padding:10px 10px 10px 10px;color:#fff;text-align:center}
/*textontopimage end*/
/*videosticky start*/
@-webkit-keyframes fade-in-up {
  0% {
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-in-up {
  0% {
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
.video-wrap {
  text-align: center;
}

.video iframe {
  max-width: 100% !important;
  max-height: 100% !important;
}
.video.stuck {
  z-index:1000;  
  position: fixed;
  bottom: 10px;
  right:10px;
  max-width: 345px;
  height: 220px;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);  
  -webkit-animation: fade-in-up .25s ease forwards;
          animation: fade-in-up .25s ease forwards;
}
/*videosticky end*/
/*margincustom start*/
.m-10 {
  margin: 10rem !important;
}

.mt-10,
.my-10 {
  margin-top: 10rem !important;
}

.mr-10,
.mx-10 {
  margin-right: 10rem !important;
}

.mb-10,
.my-10 {
  margin-bottom: 10rem !important;
}

.ml-10,
.mx-10 {
  margin-left: 10rem !important;
}

@media (min-width: 576px) { /*sm*/
  .m-sm-10 {
    margin: 10rem !important;
  }
  .mt-sm-10,
  .my-sm-10 {
    margin-top: 10rem !important;
  }
  .mr-sm-10,
  .mx-sm-10 {
    margin-right: 10rem !important;
  }
  .mb-sm-10,
  .my-sm-10 {
    margin-bottom: 10rem !important;
  }
  .ml-sm-10,
  .mx-sm-10 {
    margin-left: 10rem !important;
  }
}
	
@media (min-width: 768px) { /*md*/
  .m-md-10 {
    margin: 10rem !important;
  }
  .mt-md-10,
  .my-md-10 {
    margin-top: 10rem !important;
  }
  .mr-md-10,
  .mx-md-10 {
    margin-right: 10rem !important;
  }
  .mb-md-10,
  .my-md-10 {
    margin-bottom: 10rem !important;
  }
  .ml-md-10,
  .mx-md-10 {
    margin-left: 10rem !important;
  }
}
	
@media (min-width: 992px) {	/*lg*/
  .m-lg-10 {
    margin: 10rem !important;
  }
  .mt-lg-10,
  .my-lg-10 {
    margin-top: 10rem !important;
  }
  .mr-lg-10,
  .mx-lg-10 {
    margin-right: 10rem !important;
  }
  .mb-lg-10,
  .my-lg-10 {
    margin-bottom: 10rem !important;
  }
  .ml-lg-10,
  .mx-lg-10 {
    margin-left: 10rem !important;
  }
}

@media (min-width: 1200px) { /*xl*/

}
/*margincustom end*/
/*paddingcustom start*/
.p-10 {
  padding: 10rem !important;
}

.pt-10,
.py-10 {
  padding-top: 10rem !important;
}

.pr-10,
.px-10 {
  padding-right: 10rem !important;
}

.pb-10,
.py-10 {
  padding-bottom: 10rem !important;
}

.pl-10,
.px-10 {
  padding-left: 10rem !important;
}

@media (min-width: 576px) { /*sm*/

}
	
@media (min-width: 768px) { /*md*/
  .p-md-10 {
    padding: 10rem !important;
  }
  .pt-md-10,
  .py-md-10 {
    padding-top: 10rem !important;
  }
  .pr-md-10,
  .px-md-10 {
    padding-right: 10rem !important;
  }
  .pb-md-10,
  .py-md-10 {
    padding-bottom: 10rem !important;
  }
  .pl-md-10,
  .px-md-10 {
    padding-left: 10rem !important;
  }
}
	
@media (min-width: 992px) {	/*lg*/
  .p-lg-10 {
    padding: 10rem !important;
  }
  .pt-lg-10,
  .py-lg-10 {
    padding-top: 10rem !important;
  }
  .pr-lg-10,
  .px-lg-10 {
    padding-right: 10rem !important;
  }
  .pb-lg-10,
  .py-lg-10 {
    padding-bottom: 10rem !important;
  }
  .pl-lg-10,
  .px-lg-10 {
    padding-left: 10rem !important;
  }
}

@media (min-width: 1200px) { /*xl*/

}
/*paddingcustom end*/
/*shadow start*/
.box {
  transition: box-shadow .2s;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
  /*border-radius:0px;*/
  /*border: 1px solid #ccc;*/
  background: #fff;
  
}
.box:hover {
  box-shadow: 0 0 5px #72a6fc; 
}
.box:active {
  box-shadow: 0 0 5px #72a6fc; 
}
/*shadow end*/
/*sign in button center start*/
.g-signin2, .fb-signin2{
  width: 100%;
}
.g-signin2 > div{
  margin: 0 auto;
}
.fb-signin2{
  margin: 0 auto;
}
/*sign in button center end*/
/*hide/show div start*/
.expando {
  display: block;
}
.expando:target {
  display: none;
}
/*hide/show div end*/
/*pre tag start*/
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: 'Montserrat',sans-serif;
}
/*pre tag end*/
/*weather start*/
.report-container {
    border: #E0E0E0 1px solid;
    padding: 20px 20px 20px 20px;
    border-radius: 2px;
    width: 100%;
    margin: 0 auto;
    background-color:lightgray;
}

.weather-icon {
    vertical-align: middle;
    margin-right: 20px;
}

.weather-forecast {
    color: #212121;
    /*background-color:gray;*/
    font-size: 1.2em;
    font-weight: bold;
    margin: 20px 0px;
}

span.min-temperature {
    margin-left: 15px;
    color: #929292;
}
/*weather end*/
/*h1 start*/
@media (max-width: 575px) { /*xs*/
h1, .h1{
font-size:1.375rem;
}
}
@media (min-width: 576px) { /*sm*/
h1, .h1{
font-size:1.375rem;
}
}
@media (min-width: 768px) { /*md*/
h1, .h1{
font-size:1.75rem;
}
}
@media (min-width: 992px) { /*lg*/
h1, .h1{
font-size:2rem;
}
}
@media (min-width: 1200px) { /*xl*/
h1, .h1{
font-size:2rem;
}
}
/*h1 end*/
/*h2 start*/
@media (max-width: 575px) { /*xs*/
h2, .h2{
font-size:1.375rem;
}
}
@media (min-width: 576px) { /*sm*/
h2, .h2{
font-size:1.375rem;
}
}
@media (min-width: 768px) { /*md*/
h2, .h2{
font-size:1.75rem;
}
}
@media (min-width: 992px) { /*lg*/
h2, .h2{
font-size:1.75rem;
}
}
@media (min-width: 1200px) { /*xl*/
h2, .h2{
font-size:1.75rem;
}
}
/*h2 end*/
/*h3 start*/
@media (max-width: 575px) { /*xs*/
h3, .h3{
font-size:1.25rem;
}
}
@media (min-width: 576px) { /*sm*/
h3, .h3{
font-size:1.25rem;
}
}
@media (min-width: 768px) { /*md*/
h3, .h3{
font-size:1.5rem;
}
}
@media (min-width: 992px) { /*lg*/
h3, .h3{
font-size:1.5rem;
}
}
@media (min-width: 1200px) { /*xl*/
h3, .h3{
font-size:1.5rem;
}
}
/*h3 end*/
/*h4 start*/
@media (max-width: 575px) { /*xs*/
h4, .h4{
font-size:1.125rem;
}
}
@media (min-width: 576px) { /*sm*/
h4, .h4{
font-size:1.125rem;
}
}
@media (min-width: 768px) { /*md*/
h4, .h4{
font-size:1.375rem;
}
}
@media (min-width: 992px) { /*lg*/
h4, .h4{
font-size:1.375rem;
}
}
@media (min-width: 1200px) { /*xl*/
h4, .h4{
font-size:1.375rem;
}
}
/*h4 end*/
/*h5 start*/
@media (max-width: 575px) { /*xs*/
h5, .h5{
font-size:1rem;
}
}
@media (min-width: 576px) { /*sm*/
h5, .h5{
font-size:1rem;
}
}
@media (min-width: 768px) { /*md*/
h5, .h5{
font-size:1.125rem;
}
}
@media (min-width: 992px) { /*lg*/
h5, .h5{
font-size:1.125rem;
}
}
@media (min-width: 1200px) { /*xl*/
h5, .h5{
font-size:1.125rem;
}
}
/*h5 end*/
/*h6 start*/
@media (max-width: 575px) { /*xs*/
h6, .h6{
font-size:1rem;
}
}
@media (min-width: 576px) { /*sm*/
h6, .h6{
font-size:1rem;
}
}
@media (min-width: 768px) { /*md*/
h6, .h6{
font-size:1rem;
}
}
@media (min-width: 992px) { /*lg*/
h6, .h6{
font-size:1rem;
}
}
@media (min-width: 1200px) { /*xl*/
h6, .h6{
font-size:1rem;
}
}
/*h6 end*/

/*small start*/
@media (max-width: 575px) { /*xs*/
small,.small {
  font-size: 60%;
  font-weight: 300;
}
}
@media (min-width: 576px) { /*sm*/
small,.small {
  font-size: 60%;
  font-weight: 300;
}
}
@media (min-width: 768px) { /*md*/
small,.small {
  font-size: 70%;
  font-weight: 350;
}
}
@media (min-width: 992px) { /*lg*/
small,.small {
  font-size: 80%;
  font-weight: 400;
}
}
@media (min-width: 1200px) { /*xl*/
small,.small {
  font-size: 80%;
  font-weight: 400;
}
}
/*small end*/
/*news category start*/
@media (max-width: 575px) { /*xs*/
.news-cat{
position:absolute;
top:15px;
left:15px;
}
}
@media (min-width: 576px) { /*sm*/
.news-cat{
position:absolute;
top:15px;
left:15px;
}
}
@media (min-width: 768px) { /*md*/
.news-cat{
position:absolute;
top:15px;
left:15px;
}
}
@media (min-width: 992px) { /*lg*/
.news-cat{
position:absolute;
top:20px;
left:30px;
z-index: 1;
}
}
@media (min-width: 1200px) { /*xl*/
.news-cat{
position:absolute;
top:20px;
left:30px;
z-index: 1;
}
}
/*news category end*/
/*carouselcontent start*/
.carousel-ts-control-prev,
.carousel-ts-control-next {
  position: absolute;
  /*top: 0;
  bottom: 0;*/
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-ts-control-prev,
  .carousel-ts-control-next {
    transition: none;
  }
}

.carousel-ts-control-prev:hover,
.carousel-ts-control-prev:focus,
.carousel-ts-control-next:hover,
.carousel-ts-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

@media (max-width: 575px) { /*xs*/
.carousel-ts-control-prev { top: 100px;left:0; }
.carousel-ts-control-next { top: 100px;right:0; }
.carousel-ts-caption { position:static;padding:40px 0 5px 0; }
}
@media (min-width: 576px) { /*sm*/
.carousel-ts-control-prev { top: 100px;left:0; }
.carousel-ts-control-next { top: 100px;right:0; }
.carousel-ts-caption { position:static;padding:40px 0 5px 0; }
}
@media (min-width: 768px) { /*md*/
.carousel-ts-control-prev { top: 200px;left:0; }
.carousel-ts-control-next { top: 200px;right:0; }
.carousel-ts-caption { position:static;padding:40px 0 5px 0; }
}
@media (min-width: 992px) { /*lg*/
.carousel-ts-control-prev { top: 180px;left:0; }
.carousel-ts-control-next { top: 180px;right:0; }
.carousel-ts-caption {
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.5));
  position: absolute;
  right: 40%;
  bottom:30px;
  left: 15px;
  z-index: 10;
  padding:10px 10px 0 15px;
  color: #fff;
  /*text-align: center;*/
}
}
@media (min-width: 1200px) { /*xl*/
.carousel-ts-control-prev { top: 180px;left:0; }
.carousel-ts-control-next { top: 180px;right:0; }
.carousel-ts-caption {
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.5));
  position: absolute;
  right: 40%;
  bottom:30px;
  left: 15px;
  z-index: 10;
  padding:10px 10px 0 15px;
  color: #fff;
  /*text-align: center;*/
}
}
/*carouselcontent end*/
/*modal start
.modal {
   position: absolute;
   top: 50px;
   right: 10px;
   bottom: 0;
   left: 0;
   z-index: 10040;
   overflow: auto;
   overflow-y: auto;
}
modal end*/

/*ios disabled save image start*/
.disableSave {
    -webkit-user-select:none;
    -webkit-touch-callout:none;
}
/*ios disabled save image end*/

#skroll{ overflow:hidden;} #skroll:hover{overflow-y: scroll;} 
/* Hide scrollbar for Chrome, Safari and Opera */
/*#skroll::-webkit-scrollbar {
    display: none;
}*/

/* Hide scrollbar for IE, Edge and Firefox */
/*#skroll{
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}*/