svg > g[class^="raphael-group-"] > text{
    display: none;
}

.selection-filter{
  background: #7b8ec3;
  margin: 5px;
    margin-bottom: 5px;
  padding: 10px 10px 10px 15px;
  border-radius: 4px;
}


/* Kalendar */

.fc-unthemed td.fc-today {
  background: #ffed8c;
  box-shadow: -4px 3px 31px 2px rgba(0,0,0,0.46);
  -webkit-box-shadow: -4px 3px 31px 2px rgba(0,0,0,0.46);
  -moz-box-shadow: -4px 3px 31px 2px rgba(0,0,0,0.46);
}

.fc-event {
  font-size: 0.95em;
  line-height: 1.6;
}

.fc-time-grid-event .fc-time {
  font-size: 12px;
  white-space: nowrap;
  background: #3b61d2;
  padding: 2px;
  text-align: center;
}

.fc-time-grid-event .fc-content {
  overflow: hidden;
  text-align: center;
}

a.fabrikEvent.label {
  background-color: initial;
  color: #1a1a1a;
}

/* Spinner */


@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Fade-in effect */
.fade-in {
    opacity: 0;
    transition: opacity 0.6s ease-in;
}
.fade-in.show {
    opacity: 1;
}

.addEventButton{
  margin-bottom: 11px !important;
  border-radius: 3px !important;
  padding: 10px 15px !important;
  font-size: 12px !important;
}

.control-group .controls select.inputbox {
  width: auto;
}

/* Panel heading styling */
.panel-heading {
  background-color: #337ab7;
  color: white;
  padding: 10px 15px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  user-select: none;
  transition: background 0.3s;
}

.panel-heading:hover {
  background-color: #286090;
}

/* Animated slide behavior */
.panel-body {
  overflow: hidden;
  opacity: 1;
  transition: max-height 0.4s ease, opacity 0.3s ease, padding 0.3s ease;
  padding: 0 20px;
  border-top: 1px solid #337ab7;
}

/* When collapsed */

.panel-body.collapsed {
  max-height: 0;
  opacity: 0;
  padding: 0 20px;
  border-top: none;
  visibility: hidden;
}

/* Chevron animation */
.toggle-icon {
  transition: transform 0.3s ease;
}

.toggle-icon.rotate {
  transform: rotate(-90deg);
}

/* Accordion Lite */

  .accordion-lite-container {
    margin-bottom: 10px;
  }

  .accordion-lite-label {
    display: block;
    background-color: #f1f1f1;
    padding: 15px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
    user-select: none;
  }

  .accordion-lite-label:hover {
    background-color: #ddd;
  }

  /* Sembunyikan checkbox */
  .accordion-lite-checkbox {
    display: none;
  }

  /* Panel yang tersembunyi */
  .accordion-lite-panel {
    max-height: 0;
    overflow: hidden;
    background-color: #fff;
    transition: max-height 0.3s ease;
    padding: 0 15px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  }

  /* Buka panel apabila checkbox dicentang */
  .accordion-lite-checkbox:checked + .accordion-lite-label + .accordion-lite-panel {
    max-height: 200px; /* Sesuaikan tinggi maksimum */
    padding: 15px;
  }
  
.fabrikForm
{
  background: #ffffff;
  border-radius: 7px;
  padding: 10px 25px 30px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.37), 0 8px 20px rgba(0, 0, 0, 0.06);
  margin-top: 10px;
}

.fabrikActions{
  padding: 0px 10px 20px;
  background: linear-gradient(to right, #0e0a9d, #c42ba5);
  margin: 25px -25px auto;
}

/*List Whos Online*/


.nama-ahli-wrapper {
  width: 100%;
  overflow: hidden;
  background: #fdfdfd;
  padding: 0px 0;
  position: relative;
}

/* Fade effect kiri-kanan */
.nama-ahli-wrapper::before,
.nama-ahli-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  width: 10px;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}

.nama-ahli-wrapper::before {
  left: 0;
  background: linear-gradient(to right, #fdfdfd, transparent);
}

.nama-ahli-wrapper::after {
  right: 0;
  background: linear-gradient(to left, #fdfdfd, transparent);
}

/* Scroll barisan nama */
.whosonline {
  display: inline-flex;
  gap: 12px;
  animation: scroll-left 25s linear infinite;
  padding-right: 60px;
  list-style: none;
}

/* Pause bila hover (desktop sahaja) */
@media (hover: hover) {
  .nama-ahli-wrapper:hover .whosonline {
    animation-play-state: paused;
  }
}

.nama-ahli {
  flex: 0 0 auto;
  background: linear-gradient(135deg, #2274bc, #1e2167);
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 500;
  border-radius: 20px;
  color: #fff;
  cursor: default;
  white-space: nowrap;
  box-shadow: 0 4px 10px rgba(34, 116, 188, 0.3);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover effect */
.nama-ahli:hover {
  transform: scale(1.08);
  box-shadow: 0 6px 16px rgba(34, 116, 188, 0.5);
}

/* Keyframe animasi */
@keyframes scroll-left {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

/* Responsive tweaks */
@media (max-width: 768px) {
  .whosonline {
    gap: 8px;
    animation: scroll-left 15s linear infinite; /* laju sikit di mobile */
  }
  .nama-ahli {
    padding: 8px 14px;
    font-size: 12px;
  }
}


/* Hover effect */
.nama-ahli:hover {
  transform: scale(1.08);
  box-shadow: 0 6px 16px rgba(34, 116, 188, 0.5);
}

/* Animasi */
@keyframes scroll-left {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}


	/* Kotak utama (glassmorphism) */
	.quote-box {
		width: 90%;
		max-width: 700px;
		padding: 35px 30px;
		border-radius: 25px;
		backdrop-filter: blur(12px);
		background: rgba(255, 255, 255, 0.15);
		border: 1px solid rgba(255, 255, 255, 0.25);
		box-shadow: 0 15px 40px rgba(0,0,0,0.2);
		text-align: center;
		color: #fff;
		opacity: 0;
		transform: translateY(40px);
		animation: fadeSlideIn 1.2s ease-out forwards;
	}

	/* Tajuk */
	.quote-header {
		font-size: 24px;
		font-weight: bold;
		margin-bottom: 20px;
		color: #fff;
		letter-spacing: 1px;
		text-shadow: 0 2px 6px rgba(0,0,0,0.3);
	}

	/* Petikan */
	.quote-text {
		font-size: 22px;
		line-height: 1.8;
		font-style: italic;
		color: #fff;
		margin-bottom: 25px;
		min-height: 70px;
		opacity: 1;
		transition: opacity 0.6s ease;
		text-shadow: 0 3px 8px rgba(0,0,0,0.4);
	}

	/* Animasi zoom masuk */
	.fade-zoom {
		animation: fadeZoom 0.8s ease;
	}

	/* Butang moden */
	.new-quote-btn {
		padding: 12px 25px;
		border: none;
		border-radius: 30px;
		background: linear-gradient(135deg, #ff9a9e, #fad0c4);
		color: #222;
		font-size: 16px;
		font-weight: bold;
		cursor: pointer;
		box-shadow: 0 5px 15px rgba(0,0,0,0.2);
		transition: all 0.3s ease;
	}
	.new-quote-btn:hover {
		transform: translateY(-3px) scale(1.05);
		box-shadow: 0 8px 20px rgba(0,0,0,0.3);
		background: linear-gradient(135deg, #a1c4fd, #c2e9fb);
	}

	/* Animasi background */
	@keyframes bgShift {
		0% { background-position: 0% 50%; }
		50% { background-position: 100% 50%; }
		100% { background-position: 0% 50%; }
	}

	/* Animasi masuk kotak */
	@keyframes fadeSlideIn {
		from { opacity: 0; transform: translateY(40px); }
		to { opacity: 1; transform: translateY(0); }
	}

	/* Animasi zoom teks */
	@keyframes fadeZoom {
		from { opacity: 0; transform: scale(0.9); }
		to { opacity: 1; transform: scale(1); }
	}
	
.but-more {
  padding: 22px;
  font-size: 14px;
  border: solid 1px #cecece;
  color: #000;
  background-image: url(/images/bg-mask.png) !important;
  background: #ffd205;
    background-image: none;
  background-image: none;
  box-shadow: 1px 7px 7px #c4c3c3;
  height: 25px;
  margin-top: -10px;
  line-height: 0.2px;
  border-radius: 0px 0px 12px 12px;
}

.btn-morelink{
  color: #151515;
  font-size: 15px !important;
  font-weight: 400;
  text-decoration: none;
  background-color: transparent;
}

.but-more:hover  {
  padding: 22px;
  font-size: 14px;
  border: solid 1px #cecece;
  color: #000;
  background-image: url(/images/bg-mask.png) !important;
  background: #250883;
    background-image: none;
  background-image: none;
  background-image: none;
  box-shadow: 1px 7px 7px #c4c3c3;
  height: 25px;
  margin-top: -10px;
  line-height: 0.2px;
  border-radius: 0px 0px 12px 12px;
  color: #fff !important;
}

.indicate {
  padding: 0px;
  font-size: 14px;
  line-height: 1.12;
  border: solid 1px #cecece;
  color: #000;
  background-image: url(/images/bg-mask.png) !important;
  background: #fff;
    background-image: none;
  box-shadow: 5px 10px 18px #c4c3c3;
  overflow: hidden;
  display: inline-block;
  height: 290px !important;	
  /*min-height:290px !important;*/
  min-width: 195px !imporant;
}

/*SMART HEADER*/
.smartheader {
  height: 115px;
  overflow: hidden;
  position: relative;
  font-size: 25px;
  width: 100%;
  max-width: 100%;
  background: linear-gradient(#27145b, #162a99); /* solid background stays */
  margin-top: 0px;
  border-radius: 0px 0px 30px 30px;
  margin-bottom: 3px;
  text-align: center;
  padding: 25px 10px 10px;
  margin-bottom: -50px;
  text-transform: uppercase;
}

.subsmartext {
  font-size: 12px;
  color: #fff;
  line-height: 7px;
  text-transform: uppercase;
}

.smartext {
  display: inline-block;
  font-weight: bold;
  font-size: 36px;
  background-image: linear-gradient(
    120deg,
    #fff 0%,
    #ffd700 25%,
    #ffffff 50%,
    #ffd700 75%,
    #fff 100%
  );
  background-size: 300% auto;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  animation: shimmer 10s linear infinite;
  filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.4));
}

@keyframes shimmer {
  0% {
    background-position: -150% center;
  }
  100% {
    background-position: 150% center;
  }
}

/* ALERT BOX */

    .show-quote-btn {
      padding: 8px;
      background: #007BFF;
      color: white;
      border: none;
      border-radius: 6px;
      cursor: pointer;
    }
    
    #showQuoteBtn {
  padding: 8px;
  font-size: 16px;
  font-weight: bold;
  border: none;
  background-color: #710FA8;
  color: white;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 0 4px 8px rgba(0, 123, 255, 0.3);
  transition: background-color 0.2s;
}

    #showQuoteBtn:hover {
      background-color: #0056b3;
    }

    .modalquote {
      display: none;
      position: fixed;
      z-index: 9999;
      left: 0; top: 0;
      width: 100%; height: 100%;
      background-color: rgba(0, 0, 0, 0.6);
    }

    .modalquote-content {
      background: #ffffff;
      padding: 25px 30px;
      margin: 10% auto;
      width: 90%;
      max-width: 480px;
      text-align: center;
      border-radius: 16px;
      box-shadow: 0 10px 20px rgba(0,0,0,0.2);
      animation: fadeIn 0.3s ease-in-out;
      max-height:300px;

    }

    #quoteHeader {
      font-size: 22px;
      font-weight: bold;
      margin-bottom: 15px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
    }

    #quoteHeader .icon {
      font-size: 24px;
    }

    #quoteText {
      margin-bottom: 20px;
      font-size: 17px;
      font-style: normal;
      color: #333;
    }

    .quote-button {
      margin: 0 6px;
      padding: 10px 18px;
      border: none;
      border-radius: 6px;
      font-weight: bold;
      font-size: 14px;
      cursor: pointer;
      transition: 0.2s;
    }

    .close-btn {
      background-color: #f44336;
      color: white;
    }

    .close-btn:hover {
      background-color: #d32f2f;
    }

    .remind-btn {
      background-color: #4CAF50;
      color: white;
    }

    .remind-btn:hover {
      background-color: #388e3c;
    }

    .confirm-btn {
      background-color: #007BFF;
      color: white;
    }

    .cancel-btn {
      background-color: #888;
      color: white;
    }
    
    .quote-actions {
  display: flex;
  justify-content: center;
  gap: 16px; /* spacing between buttons */
  margin-top: 20px;
}

    @keyframes fadeIn {
      from {opacity: 0; transform: scale(0.9);}
      to {opacity: 1; transform: scale(1);}
    }

/* DEFAULT*/

div[class*="header-theme-"].header-theme-dark, header[class*="header-theme-"].header-theme-dark {
  background: linear-gradient(#19296e, #291259) !important;
}

/* RAYA VIBE 

div[class*="header-theme-"].header-theme-dark, header[class*="header-theme-"].header-theme-dark {
  background: linear-gradient(#0f5101, #138015) !important;
}*/

.proimg{border-radius: 11px;}

.table tbody + tbody {
  border-top: 1px solid var(--border-color);
}

ul.validation-notices {
  padding: 3px;
  margin: 0;
  text-align: justify;
  list-style-type: none; 
}

.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #ffdf7d;
}

.chzn-container .chzn-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(170, 170, 170);
  border-top: 0;
  background: #fff;
    background-clip: border-box;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  font-size:14px;
  min-width: 330px;
  /*max-width: 280px;*/
}

.chzn-container-single .chzn-single span {
  display: block;
  overflow: hidden;
  margin-right: 25px;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 4px 0px 0px 4px;
}

.chzn-container-single .chzn-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 4 0 0 8px !important;
  height: 33px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -moz-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -o-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-clip: border-box;
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
  font-size: 14px;
  width: auto;
}

.form-horizontal{
  text-align: justify;
  text-justify: inter-word;
}

.appikons{
  height: 120px;
  display: inline-block;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
  min-width: 415px;
}

/*Floating App Icon*/


.app-0{
  background: #c26400;
  transition: all 0.3s ease;
  cursor: pointer; 
}

.app-0:hover{
  background: #db6e0d;
}

.app-1{
  background: #ca189e;
  transition: all 0.3s ease;
  cursor: pointer; 
}

.app-1:hover{
  background: #db09a7;
}

.app-2{
  background: #2731d0;
  transition: all 0.3s ease;
  cursor: pointer; 
}

.app-2:hover{
  background: #265ee4;
}

.app-3{
  background: #b1223d;
  transition: all 0.3s ease;
  cursor: pointer; 
}

.app-3:hover{
  background: #d02545;
}

.app-4{
  background: #05751b;
  transition: all 0.3s ease;
  cursor: pointer; 
}

.app-4:hover{
  background: #1fb73d;
}


.top-grid{
  text-align: center;
  display: flex;
  justify-content: center; /* Align horizontally */
  align-items: center;    /* Align vertically */
}


.quotes-daily {
  font-size: 1.5rem;
  font-weight: 600;
  text-transform: none;
  color: transparent;
  background-image: linear-gradient( 90deg, rgb(12, 46, 138) 0%, rgb(163, 147, 17) 50%, rgba(255, 220, 114, 0.2) 100% );
  background-size: 200% auto;
  background-clip: text;
  -webkit-background-clip: text;
  animation: shimmer 3s infinite;
}

  @keyframes shimmer {
    0% {
      background-position: -200% 0;
    }
    100% {
      background-position: 200% 0;
    }
  }
  
.live-title{
  display: inline-block;
  padding: 20px 10px;
  font-size: 14px;
}

.kal-result{
  padding: 7px 5px;
  background: #f4e088;
  border-radius: 5px;
}

.tool-icon{
  padding: 15px;
  margin: -3px;
  background: linear-gradient( #fff, #fdfdfd);
  border-radius: 15%;
  text-shadow: 0px 0px 0px #1d1d1d;
  color: #fff;
  text-align: center;
  line-height: 1.37em;
  font-size: 12px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px, rgba(142, 142, 142, 0.78) 0px 0px 0px -30px, rgb(49, 125, 236) 0px -2px 6px 0px inset;
  transition: 0.3s;
  cursor: pointer;
}
.btn-portab {
  background: #130955;
  padding: 10px 10px;
  width: 100px;
  height: 55px;
  display: inline-block;
  font-size: 13px;
  border-radius: 0px 10px 10px 0px;
}


.btn-kal {
  color: #fff !important;
  background: linear-gradient(#67a2fc, #007298) !important;
  padding: 10px;
  border-radius: 5px;
  padding: 8px 22px;
}

.btn-kal:hover {
  color: #fff !important;
  background: linear-gradient(#1f58af, #3aadd3) !important;
  padding: 10px;
  border-radius: 5px;
  padding: 8px 22px;
}
.fabrik_groupheading{
  background: linear-gradient(#1b608f, #230b84) !important;
}

.toggle {
  color: #fff;
}

.toggle:hover{
  color: #f9e3a1;
}

.toggle:active {
  color: #f9e3a1;
}

.toggle:link{
  color: #fff;
}

.ihemah___rujukan_permohonan{
  text-align: center;
  font-weight: bold;
  background: linear-gradient(#055993, #230b84) !important;
  color: #fff;
}
.groupTitle{
  margin-left: 5px;
}

.fabrikorder{
  color: #ffe972ed;
}

.fabrikorder:hover{
  color:#fffb11;
}


.fabrikorder-asc{
  color: #ffe972ed;
}

.fabrikorder-asc:hover{
  color:#fffb11;
}

.fabrikorder-desc{
  color: #ffe972ed;
}


.fabrikorder-desc:hover{
  color:#fffb11;
}

.icon-menu-2{
  margin-right: 7px;
} 

.icon-arrow-up{
  margin-right: 7px;
}

.icon-arrow-down {
  margin-right: 7px;
}

.tbl-scroll{
 display: block;
    overflow-x: auto;
    white-space: nowrap;
    }
    
/* Tabs */

.tab01 {
  background: #ff542d;
  display: inline-block;
  padding: 10px 15px 10px 10px;
  margin-left: 11px;
  border-radius: 10px 0px 0 0;
  cursor: pointer;
  color: #fff;
}

.tab01:hover {
  background: #d73d1b;
  display: inline-block;
  padding: 10px 15px 10px 10px;
  margin-left: 11px;
  border-radius: 10px 0px 0 0;
  cursor: pointer;
  color: #fff;
}

.tab02 {
  background: #d0193b;
  display: inline-block;
  padding: 10px 15px 10px 10px;
margin-left: -4px;
  border-radius: 0px 13px 0 0;
  cursor: pointer;
  color: #fff;
}

.tab02:hover {
  background: #9b0c27;
  display: inline-block;
  padding: 10px 15px 10px 10px;
margin-left: -4px;
  border-radius: 0px 13px 0 0;
  cursor: pointer;
  color: #fff;
}

.mid-lang{
display: inline-block;
}

.lang-setting{
  padding: 0px 10px 10px 10px;
  margin-bottom: 12px;
  background: linear-gradient(#f1f2f7, #dbdbdb) !important;
  border-radius: 5px;
}

.com-content-archive__items{
  border-radius: 8px;
  margin-bottom: 20px;
  filter: drop-shadow(0px 6px 25px #929292);
  padding: 35px;
  background: #fff;
}

.article-info {
  color: #000 !important;
  font-size: 11px;
  text-transform: uppercase;
}

.uk-scope .uk-subnav-pill > * > :first-child {
  padding: 5px 10px;
  background: linear-gradient(#033e8d, #002c7f) !important;
  color: #fff !important;
  border-radius: 3px !important;
}

h4, .h4 {
  font-size: 16px;
  font-weight: 500;
}

.uk-scope .uk-h3, .uk-scope h3{
  font-size: 20px !important;
  line-height: 1.4;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  color: #0e3b75 !important;
  font-weight: 500 !important;
}

.soalan {
  background: #a2383d;
  padding: 24px;
  border-radius: 20px 10px 45px 10px;
  color: #fff;
  margin-bottom: 14px;
}

.jawapan {
  background: linear-gradient(90deg,#FFF,#E9E7E7) !important;
  padding: 24px;
  border-radius: 20px 10px 45px 10px;
  color: #181818;
  margin-bottom: 14px;
  filter: drop-shadow(0px 6px 7px #5a5a5a82);
}
  
.t4-megamenu .dropdown-toggle .item-caret::before {
  border-top: 4px solid #f4cc12;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  content: "";
  display: block;
}

.box-content {
  background: #fff;
  display: inline-block;
  padding: 25px;
  margin: 20px 0px;
  min-width: 100%;
}

/* Search */

.genlist {
  display: flex;
}

.genapp {
  display: flex;
  
  -space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.searchport{
  text-align: center;
  background: #240984;
  padding: 15px 14px 1px 14px;
  border-radius: 10px 10px 0px 0px;
  background-image: url(/images/bg-mask-white.png) !important;
}

.mls-form {
  position: relative;
  margin: 0 0 20px;
  padding: 0;
  width: auto;
}

.mls-wide.mls-form .mls-form-inner .mls-results-cont, .mls-wide.mls-form .mls-form-inner .instance-selector-cont {
  width: 700px;
  top: 60px;
  max-width: inherit;
}

.gkHighlighterGK4 {
  overflow: hidden;
  position: relative;
  height: 30px;
  line-height: 21px;
  width: 100%;
  background: #fff;
  border-radius: 10px;
}

.gkHighlighterInterface {
  float: left;
  width: auto;
  height: 30px;
  margin: 0 9px 0 0;
  padding: 4px 7px;
}



.gkHighlighterWrapper .gkHighlighterItem {
  white-space: nowrap;
  text-align: left;
  padding-top: 4px;
  height: 30px;
}

.mls-comp-item-info-inner .fa {
  margin: 0 8px 0 0;
  width: 15px;
}

.mls_comp_results.default-theme.blue-skin .mls-comp-item-info-inner a {
  color: #1C2469;
}
.mls-comp-item-title a {
  font-size: 17px;
  font-weight: 450;
}

.mls-comp-item-info-inner {
  line-height: 20px;
  font-size: 13px;
}

.mls-comp-item-secondary {
  color: #292929;
}


/* JoomPMS */


.msgme{
  margin-left: -23px;
  margin-top: -21px;
}

#joompms-element-box form#adminForm ul.adminformlist li label {
  min-width: 100px;
  padding: 0 5px 0 0;
  display: inline-block;
  background: #FBFBFB00;
  font-size: 13px;
  color: #093c8c;
}

#joompms-element-box ul.adminformlist li pre.pre_message {
  margin-left: 100px;
  margin-top: -20px;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

#joompms-element-box div.m {
  padding: 20px;
}

#joompms-element-box {
  background-color: #fff;
  border: 1px solid #CCCCCC;
  padding: 6px;
  line-height: 1.5em !important;
}

#joompms-element-box ul.adminformlist {
  margin: 0;
  padding: 0px;
  list-style: none;
  font-size: 13px;
  color: #000;
  font-weight: 400;
}


#joompms-toolbar-box div.toolbar-list li {
  padding: 9px !important;
  text-align: center;
  color: #666;
  font-size: 12px;
  height: 43px;
  list-style: none;
  float: left;
  border-radius: 5px;
}

div.jchat_userslist_ctrls {
  margin: 0 20px 15px 20px;
  border: 1px solid #ccc;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(204, 204, 204);
  border-top: 1px solid #e6e6e6;
  height: 35px;
  background: #FFF;
  display: block ruby;
}


ul.checkmark {
  margin-top: 5px;
  list-style: none;
  line-height: 1.8em;
}

ul.checkmark li::before {
  font-size: 1.8rem;
  line-height: 1.95rem;
}

ul.checkmark li::before {
  color: #175597;
  content: "\f14a";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  width: 7px;
  margin-left: -28px;
  position: absolute;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-weight: 900;
}



.djflyer_cat {
  font-size: 1.3em;
  line-height: 1.4em;
  margin-bottom: 20px;
  font-weight: 410;
  padding-right: 20px;
  color: #122589;
}

.djflyer .item_name {
  font-weight: normal;
  margin-bottom: 5px;
  color: #1c246a;
}

.NavTopUL_link {
  font-weight: normal;
  white-space: normal;
  outline: none;
  text-decoration: none;
  background: none;
  line-height: 34px;
  font-size: 14px;
}

.fbContent_gridItemContainer h4 a {
  font-size: 16px;
  text-decoration: none;
  font-weight: 450;
  background: none;
  display: inline-block;
  width: 100%;
  padding: 15px 0;
  color: #1c246a;
}

.qListItem_introtext {
  margin: 0 0 8px;
  font-size: 14px;
}

.faq_open .qFaqItem_link {
  font-weight: normal;
  font-size: 18px;
  color: #1b266b;
}

 /*.item-page .com-content-article__body {
    font-size: 14px;
    line-height: 1.778;
  }*/


/* MyPM*/
#module-status div.m {
  background: linear-gradient(#2d84c2, #1e2167) !important;
  border: 0px solid #EEE0;
  padding: 5px;
  display: inline-flex;
  border-radius: 0px 0px 16px 0px;
}

#module-status {
  display: inline-block;
  clear: both;
  position: relative;
}

#module-status {
  background: #FBFBFB00;
  margin: 0px 3px;
  border: 0px solid #CCC;
  padding: 0px;
  border-radius: 3px;
}

#module-status span {
  display: block;
  line-height: 16px;
  padding: 4px 10px 4px 22px;
  color: #fff;
  font-family: 'Roboto';
  font-weight: normal;
}

#module-status a {
  display: block;
  white-space: nowrap;
  border: 1px solid #F4F4F400;
  padding: 1px 5px;
  cursor: pointer;
  background: none;
}

#module-status a:hover {
  display: block;
  white-space: nowrap;
  border: 1px solid #F4F4F400;
  padding: 1px 5px;
  cursor: pointer;
  background: none;
}



.modal-body{
  background: #fff;
}

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
  background: #fff;
}

.kembali-top {
  background: #feffff;
  display: inline-block;
  padding: 3px 10px;
  font-size: 14px;
  border-radius: 7px 7px 0px 0px;
  filter: drop-shadow(0px 2px 6px #8e8e8e);
}

b, strong {
  font-weight: 550;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

.uk-scope .uk-card-body {
  padding: 30px 45px !important;
  margin-top: -20px;
  margin-bottom: 10px;
}

.uk-scope .uk-card-default {
  color: #323232 !important;
}

/* Style The Dropdown Button */
.dropbtn {
  background: linear-gradient(#2d84c2, #1e2167) !important;
  color: white;
  font-size: 14px;
  padding: 8px;
  border-radius: 3px;
  border: none;
  cursor: pointer;
}

.dropbtn:hover {
  background: linear-gradient(#1e2167,#2d84c2) !important;
  color: white;
  font-size: 14px;
  padding: 8px;
  border-radius: 3px;
  border: none;
  cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}

/* Moo Accords */

.mooaccordiondefaulttoggle {
  cursor: pointer;
  background: #250883;
  display: block;
  padding: 10px;
  color: #fff;
  font-size: 13px;
  font-weight: normal;
}

.mooaccordionopen {
  cursor: pointer;
  background: #0b388d;
  display: block;
  padding: 10px;
  color: #fff;
  font-size: 13px;
}

.panel-teroka{
  padding: 20px;
  font-size: 14px;
  line-height: 1.5;
  color: #000;
}

.panel-intro{
  padding: 0px;
  font-size: 14px;
  line-height: 1.5;
  border: solid 1px #cecece;
  color: #000;
  background-image: url(/images/bg-mask.png) !important;
  background: #fff;
   background-image: none;
  box-shadow: 5px 10px 18px #c4c3c3;
}

.box-blue{
  padding: 15px;
  margin: -3px;
  background: linear-gradient( #fff, #fdfdfd);
  border-radius: 15%;
  text-shadow: 0px 0px 0px #1d1d1d;
  color: #fff;
  text-align: center;
  line-height: 1.37em;
  font-size: 12px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px, rgba(142, 142, 142, 0.78) 0px 0px 0px -30px, rgb(49, 125, 236) 0px -2px 6px 0px inset;
  transition: 0.3s;
  cursor: pointer;
}

.box-blue:hover {
  padding: 15px;
  margin: 2px;
  background: linear-gradient( #fff, #fdfdfd);
  border-radius: 20%;
  text-shadow: 0px 0px 0px #1d1d1d;
  color: #fff;
  text-align: center;
  line-height: 1.37em;
  font-size: 12px;
  /*box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;*/
box-shadow: #33cccc 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
transition: 0.3s;
cursor: pointer;
}

.greet-panel{
	padding:10px;
	font-size:14px;
}

.floating {  
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}
 
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 15px); }
    100%   { transform: translate(0, -0px); }    
}

.bubble {
    position: relative;
    background: linear-gradient(0deg, #a210ce 5%, #0d6eff 100%);
    color: #FFFFFF;
    font-family: Arial;
    font-size: 11px;
    line-height: 33px;
    text-align: center;
    width: 143px;
    height: 35px;
    border-radius: 10px;
    padding: 0px;
}
.bubble:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-color: #a210ce transparent;
    border-width: 17px 8px 0;
    bottom: -17px;
    left: 56%;
    margin-left: -8px;
}

.t4-offcanvas {
  width: 300px;
  overflow: hidden;
}

.item-page .com-content-article__body.has-sharing {
  padding-left: 0px;
}

.item-page .content-article-lead.has-sharing {
  padding-left: 0px;
}

.jacl-item__meta ul li {
  display: inline-block;
  position: relative;
  font-size: 12px;
  font-weight: 450;
  color: #1f5c9ded;
}

/* Ja Media Box */

.wf-mediabox-theme-light .wf-mediabox-caption h4, .wf-mediabox-theme-light .wf-mediabox-caption p {
  color: #222;
}

.wf-mediabox-caption h4 {
  font-size: 1em;
  line-height: 1.1;
}

.wf-mediabox-caption p, .wf-mediabox-caption p{
  font-size: 0.8em;
  line-height: 1.2;
  padding-top: 3px;
}

.wf-mediabox-theme-light .wf-mediabox-caption + .wf-mediabox-nav > * {
  top: 0em;
}


.input-group > .form-control:not(:first-child), .input-group > .inputbox:not(:first-child), .input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border: 1.5px solid #093b6b !important;
}

.input-group > .form-control:not(:last-child), .input-group > .inputbox:not(:last-child), .input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border: 1.5px solid #093b6b !important;
}

.uk-scope .uk-accordion-title::before {
  content: "";
  width: 1.4em;
  height: 1.4em;
  margin-left: 10px;
  float: right;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #fff;
  border-radius: 100%;
}

#login-form .mod-login__username input.form-control, #login-form .mod-login__username input.inputbox, #login-form .mod-login__password input.form-control, #login-form .mod-login__password input.inputbox {
  background: var(--body-bg-color);
  height: 36px;
  padding: 8px 16px;
  max-width: none;
  color: var(--body-text-color);
  border: 1px solid #8a8a8a;
}

.image-caption{
  color: #fff;
}


.gallery-item {
  margin-bottom: 20px;
  background: #25185e;
  padding: 15px;
}

.number-item {
  display: flex;
  font-size: var(--h3-font-size);
  color: #fff671;
}

.number-item .total {
  color: #D2D2D2;
}

.image-desc {
  color: #fff;
  font-size: 13px;
  line-height: 18px;
}

/*
.image-desc {
  color: #000;
  font-size: 14px;
}
*/

.input-group-text, .input-group-addon > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 18px 16px;
  margin-bottom: 0;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.7;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #0a5586;
  border: 1px solid #ced4da;
  border-radius: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}


.uk-accordion-content{
  padding: 5px 20px;
  line-height: 1.35em;
}

/* Carian */

#roksearch_search_str {
background: #EFF8FA url(search-icon.png) 98% 50% no-repeat !important;
  border: 1px solid #5fc7f7 !important;
  color: #336D83 !important;
  font-size: 14px !important;
  border-radius: 9px;
}

/* Sijil */

.sijil {
  width: 100%;
  background-image: url('/images/media/pubs/sijil/sijil-wmjm.jpg') !important;
  background-size: cover;
  background-repeat: no-repeat;
}

.page {
  width: 21cm;
  /*height: 29.7cm;
  padding: 2cm;
  margin: 1cm auto;*/
  border: 1px #D3D3D3 solid;
  border-radius: 5px;
  background: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.subpage {
  padding: 0cm;
  border: 5px red solid;
  /*height: 256mm;*/
  outline: 2cm #FFEAEA solid;
}

@page {
  size: A4;
  margin: 0;
}

@media print {
  .page {
    margin: 0;
    border: initial;
    border-radius: initial;
    width: initial;
    min-height: initial;
    box-shadow: initial;
    background: initial;
    page-break-after: always;
  }
  
  .noprint {
              visibility: hidden;
           }
        }
}

/* Kalendar */

.ic-day {
  line-height: 22px !important;
  font-size: 20px;
  font-weight: 700;
}

.ic-month {
  line-height: 22px !important;
  font-size: 18px;
  letter-spacing: 2px;
  font-weight: 500;
}


.ic-year {
  line-height: 22px !important;
  font-size: 18px;
  letter-spacing: 2px;
  font-weight: 500;
}


.ic-time {
  line-height: 20px !important;
  font-size: 16px;
  letter-spacing: 3px;
  font-weight: 400;
}

.ic-box-date {
  float: left;
  vertical-align: top;
  width: 110px;
  height: 60px;
  min-height: 60px;
  margin: 20px;
  padding: 25px 0 25px 0;
  text-align: center;
  font-size: 10px;
  color: #fff;
  font-weight: bold;
  border-radius: .5rem;
  text-shadow: #000 1px 1px 2px;
  background-color: #ddd;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-width: 0px;
  border-style: solid;
  border-color: #ddd;
  box-sizing: content-box;
  transition: border-radius 0.5s, color 0.5s;
  -moz-transition: border-radius 0.5s, color 0.5s;
  -webkit-transition: border-radius 0.5s, color 0.5s;
  -o-transition: border-radius 0.5s, color 0.5s;
}

.ic-align-left {
  text-align: left;
  font-size: 14px;
  font-weight: 450;
}

.ic-period-starttime, .ic-period-endtime, .ic-single-starttime, .ic-single-endtime, .ic-datetime-separator {
  font-size: 13px;
  color: #18139c;
  font-weight: 500;
}

#icagenda .evttime {
  font-size: 13px;
  background: #063546;
  padding: 4px;
  border-radius: 3px;
  color: #fff;
}

.ic-all-dates{
  background: #e6dbdb;
  padding: 10px;
  border-radius: 6px;
}

.ic-back {
  display: inline-flex;
  width: auto;
  text-align: left;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 1px;
  background: #0a5586;
  padding: 10px;
  border-radius: 4px;
  color: #fff !important;
}

.ic-top-buttons {
  display: block;
  height: 35px;
  margin-top: 10px;
}

.iCtip{
  color: #fff;
}

.ic-event-view {
  margin: 20px !important;
  padding: 25px !important;
  background-image: url(/images/bg-mask.png) !important;
  background: #fff;
  box-shadow: 5px 10px 18px #c4c3c3;
}

.ic-header-subtitle {
  font-size: 15px;
  color: #fff;
  font-weight: 500;
  background: #c36825;
  display: inline;
  padding: 5px 7px;
  border-radius: 6px;
}

.ic-header-title{
  color: #031937;
  font-weight: 500;
  margin-bottom: 12px;
}

.ic-list-event{
  padding: 10px !important;
  background-image: url(/images/bg-mask.png) !important;
  background: #fff !imporant;
  background-image: none;
  box-shadow: 5px 10px 18px #c4c3c3;
}

.ic-cat {
  margin-top: 20px;
  font-weight: 500;
  text-transform: norm;
  font-size: 14px;
}

/* Content */

.itemContent {
  margin: auto;
  overflow: auto;
  height: 100%;
  text-align: left;
  background: #fff;
  width: 101%;
}

.handlelabel{
  color: #fff;
  font-size: 16px;
}

/*.t4-content {
  background-color: #f9dc1c;
  background-repeat: repeat-y;
  background-position: center top;
  background-attachment: scroll;
  background-image: url(/images/main-bg.png) !important;
} */

.fc-view-container{
  background: #f4f4f4;
  padding: 0px;
}

.calendar-legend {
  margin: 1px;
  padding: 0px;
  border: 0px solid #ddd;
  font-size: 14px;
}

.list-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  font-size: 13px;
}




.icrounded_eventlist .iceventlist-title {
  padding-top: 3px;
  line-height: 15px !important;
  font-size: 13px;
  font-weight: 500;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}

.jux_ticker_header {
  border-radius: 0px 29px 1px 0px;
  font-size: 14px !important;
}


.Belum-Selesai{
  background: #ff967ded;
}


.Selesai{
  background: #b6ffb6ed;
}

.intro-text {
  font-size: 14px;
  line-height: 1.3;
}

.icona{
  background: linear-gradient(#ffda02, #ff8120) !important;
  padding: 6px 3px 6px 1px;
  border-radius: 3px;
  margin-right: 3px;
  text-shadow: 0px 1px 1px #000;
  box-shadow: 0px 1px 1px;
  color: #fff;
  display: initial;
}

/* Button */


.ischedule___seharian[1] {
  background: linear-gradient(#dedede, #9e9e9e);
  box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2);
  border: 1px solid #fff !important;
}

.toggle-addoption{
  border-radius: 0px !important;
  padding: 8px 5px 5px 10px !important;
}

.popupDelete{
  background: #c42121 !important;
  color: #fff !important;
  border-radius: 3px !important;
  padding: 5px 3px 3px 10px !important;
  margin: 10px 6px 1px 0px !important;
}


.popupEdit{
  background: #c45e21 !important;
  color: #fff !important;
  border-radius: 3px !important;
  padding: 3px 0px 3px 8px !important;
  margin: 10px 6px 1px 0px !important;
}

.popupView{
  background: #213ac4 !important;
  color: #fff !important;
  border-radius: 3px !important;
  padding: 3px 0px 3px 7px !important;
  margin: 10px 6px 1px 0px !important;
}

.input-group-append{
  height: 36px;
}

.badge {
  padding: 6px 8px;
  border-radius: 5px;
}

.list-group-item:hover {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #d2e8fb;
  border: 1px solid rgba(0, 0, 0, 0.125);
  transition: all 0.2s;
}

.search {
  padding: 7%;
  background: #ffffffed;
  filter: drop-shadow(0px 6px 17px #8e8e8e);
  font-size: 14px;
  border-radius: 5px;
}

@keyframes live{
  0%   {background-color: #fff;}
  25%  {background-color: #f00;}
  50%  {background-color: #fff;}
  100% {background-color: #f00;}
}

.com-content-article.default-11 .full-width .box-content, .com-content-article.default-12 .full-width .box-content {
  /*background: linear-gradient(#6e098a, #02306f) !important;*/
  margin: 0 auto;
  max-width: 1248px;
  background-image: url('/images/masthead/masthead-digitalisation.png');
background-size: cover;
filter: drop-shadow(0px 6px 17px #8e8e8e);
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0em solid transparent;
}

.search fieldset legend {
  text-align: left;
  text-transform: none;
  font-size: 1.25rem;
  font-weight: 400;
  color: inherit;
}

.wf-editor-header joomla-tab button.btn-link {
  color: inherit;
  padding: 0px 7px;
}

.search .form-inline {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: left;
}

.result-text{
  font-size: 1.1rem;
}

.search .search-results .result-title, .search #search-results .result-title {
  margin-top: 2.1334rem;
  font-size: 1.5rem;
}



h1, .h1 {
  /*color: #fff;*/
  font-size: 16px;
}

.headline{
  font-size: 16px;
  font-weight: 500;
}

/*
.article-title{
  background: linear-gradient(#fff, #e1e1e1) !important;
  padding: 5px 15px;
  border-radius: 5px;
  margin-bottom: 25px;
  filter: drop-shadow(0px 3px 1px #8e8e8e);
}
*/


.live {
  background: #f00;
  padding: 5px 10px 5px 5px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  color: #fff;
  animation: live 2s ease-in-out infinite;
  border-radius: 15px;
  font-size: 13px;
}

.clearFilters {
  color: #fff !important;
  padding: 5px;
  margin: 9px 5px;
}

table.fabrikList {
  clear: right;
  border-collapse: collapse;
  margin-top: 10px;
  color: #444444;
  width: 100%;
  font-size: 13px;
}

.lagi {
background: #004560;
padding: 10px;
border-radius: 7px;
color: #fff;
transition: background-color 2s ease-out 1ms;
text-align: center;
font-size: 13px;
}

.lagi:hover {
  background:#ffcc06 ;
padding: 10px;
border-radius: 7px;
color: #fff;
transition: background-color 2s ease-out 1ms;
text-align: center;
font-size: 13px;
  transition: background-color 2s ease-out 1ms
}

.emptyDataMessage{
  background: #fff;
  color: #124c8f !important;
}

.fabrikDateListFilterRange{
  display: block ruby;
}

.table th, .table td {
  padding: 0.75rem;
  vertical-align: middle;
  border-top: 1px solid var(--border-color);
}

/*.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #cecece;
  background: #053043;
  color: #fff;
}*/

.table thead th {
  vertical-align: bottom;
  border-bottom: 0px solid #cecece;
  background: linear-gradient(#055993, #230b84) !important;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}


table.fabrikList th {
  background: -moz-linear-gradient(center top , #F3F3F3, #D7D7D7) repeat scroll 0 0 #E7E7E7;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D7D7D7', endColorstr='#F3F3F3');
  background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#D7D7D7) );
  background-image: -ms-linear-gradient(top, #F3F3F3, #D7D7D7);
  line-height: 40px;
}

.groupCount{
  margin-left: 5px;
}


.table th, .table td {
  padding: 0.75rem;
  vertical-align: middle;
  border: 1px solid #7f7f7f78;
}

.addGroup {
  background: #0b8a00;
  border-radius: 60px;
  padding: 10px 12px;
  color: #fff;
}

.deleteGroup {
  background: #8a0000;
  border-radius: 60px;
  padding: 8px 12px;
  color: #fff;
  display: block;
  margin-top: 11px;
}

.groupintro{
  padding-bottom: 10px;
}

.limit{
  padding: 5px;
}


.add-on{
  padding: 10px !important;
}

/* Row Class */

.Terbuka {
  background: #cafbbded;
  text-align: center;
}

.Sulit{
  background: #fdd0a0ed;
  text-align: center;
}

.Rahsia{
  background: #ffacaced;
  text-align: center;
}


.dipertimbangkan {
  background: #bdffbded;
  padding: 10px !important;
  border-radius: 5px;
  animation: color-blink-green 2.5s ease-in-out infinite;
}

@keyframes color-blink-green {
  0%, 100% {
    background-color: #bdffbded; /* normal soft green */
  }
  50% {
    background-color: #7fec7fed; /* brighter green tone */
  }
}

.ulasan {
  background: #ffaaaaed;
    padding: 10px !important;
}

.proses {
  background: #f9e3a1;
  padding: 10px !important;
  border-radius: 5px;
  animation: color-blink 2.5s ease-in-out infinite;
}

@keyframes color-blink {
  0%, 100% {
    background-color: #f9e3a1; /* normal color */
  }
  50% {
    background-color: #ffe278; /* brighter tone */
  }
}

/*.row-striped{
  padding: 0 5% 0 5%;
}*/

.row-striped {
  padding: 2% 3% 2% 3%;
  background: #f5f4eb;
  font-size: 14px !important;
  border-radius: 5px;
  border: 1px solid #cecece;
  color: #144186;
  font-weight: bold;
}

.fabrikElementContainer {
  padding: 10px 0px;
  font-size: 14px;
}

.active fabrikErrorGroup a {
  background-color: rgb(128, 15, 15) !important;
  color: #fff !important;
}

.fabrikErrorGroup a {
  background-color: rgb(128, 15, 15) !important;
  color: #fff !important;
}

.fabrikErrorGroup a:hover {
  background-color: rgb(179, 36, 36) !important;
  color: #fff !important;
}

.ramalan {
  background: linear-gradient(#ffe200, #ffaa25);
  padding: 10px 30px;
  position: absolute;
  z-index: 1;
  color: #000;
  border-radius: 0px 0px 60px 0px;
  -webkit-box-shadow: 8px 11px 12px -5px rgba(0,0,0,0.43);
  box-shadow: 8px 11px 12px -5px rgba(0,0,0,0.43);
}

select.form-control[size], select[size].inputbox, select.form-control[multiple], select[multiple].inputbox {
  height: auto;
  width: auto;
}

.rstboxes .rstbox .rstbox-header {
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  margin-bottom: 20px;
  opacity: 0.8;
}

.rstbox-close span {
  font-size: 1em;
  padding: 0.6em;
  line-height: .4em;
  display: block;
  background: linear-gradient(#ffe200, #ff7725);
  border-radius: 0px 0px 7px 7px;
  color: #fff;
}

.word {
  margin: auto;
  color: white;
  font: 700 normal 2.5em 'tahoma';
  text-shadow: 5px 2px #222324, 2px 4px #222324, 3px 5px #222324;
}

.anima-char
{
   text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #231557 0%,
    #44107a 29%,
    #ff1361 67%,
    #fff800 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}

.highlight {
  background: #FCFF94;
  animation: glow 1s infinite alternate;
  border-radius: 5px !important;
}


.com-tags-tag{
  padding: 3%;
  filter: drop-shadow(0px 6px 17px #8e8e8e);
  background: #fff;
  border-radius: 5px;
}

.btn-lb {
  color: #fff;
  padding: 8px 9px;
  background: linear-gradient(#c63651, #050634) !important;
  border-radius: 2px 0px 0px 2px;
  margin-bottom: 10px;
  text-transform: uppercase;
  cursor: pointer;
}

.btn-lb:hover {
  color: #ffcf74;
  padding: 8px 9px;
  background: linear-gradient(#050634,#c63651) !important;
  border-radius: 2px 0px 0px 2px;
  margin-bottom: 10px;
  text-transform: uppercase;
  animation: glow 1s infinite alternate;
  cursor: pointer;
}


@keyframes glow {
  from {
    box-shadow: 0 0 8px -8px #ffe200;
  }
  to {
    box-shadow: 0 0 8px 8px #ffe200;
  }
}

.btn-linkw {
  color: #ffcf74;
}

.btn-linkw:hover {
  color: #fff;
}

.marquee {
  height: 25px;
  overflow: hidden;
  position: relative;
  color: #fff;
  font-size: 12px;
  width: 740px;
  max-width: 100%;
  background: linear-gradient(#ffd404, #ff7d22);
  margin-top: -16px;
  border-radius: 0px 0px 70px 70px;
  padding: 5px 0px 31px 0px;
  margin-bottom: 3px;
  text-shadow: 2px 1px 3px #000000;
  box-shadow: inset 0px 0px 10px rgba(0,0,0,0.9);
}
        
.marquee p {

            width: 100%;
            height: 100%;
            margin: 0;
            line-height: 30px;
            text-align: center;
            -moz-transform: translateX(100%);
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
            -moz-animation: scroll-left 2s linear infinite;
            -webkit-animation: scroll-left 2s linear infinite;
            animation: scroll-left 20s linear infinite;
        }
  
        @-moz-keyframes scroll-left {
            0% {
                -moz-transform: translateX(100%);
            }
            100% {
                -moz-transform: translateX(-100%);
            }
        }
        
        @-webkit-keyframes scroll-left {
            0% {
                -webkit-transform: translateX(100%);
            }
            100% {
                -webkit-transform: translateX(-100%);
            }
        }
        
        @keyframes scroll-left {
            0% {
                -moz-transform: translateX(100%);
                -webkit-transform: translateX(100%);
                transform: translateX(100%);
            }
            100% {
                -moz-transform: translateX(-100%);
                -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
            }
        }
        
.btn-group-top{
  color: #fff !important;
  background: linear-gradient(#ffe200, #ff7725);
  border-radius: 4px;
}

.breadcrumb {
  background-color: #031c39;
  border-radius: 4px;
  margin-bottom: -30px;
  padding-left: 10px;
  padding-right: 0;
  color: #fff;
}

.breadcrumb-item.active {
  color: #ffef6a;
}

.btn-password {
  padding: 5px 15px;
  border-radius: 0px;
}

.nav.nav-tabs li a {
  display: block !important;
  background: #031937;
  padding: 10px;
  margin-top: 10px;
  border-radius: 5px 5px 0 0;
  color: #fff;
  margin-right: 5px;
}

.nav.nav-tabs li a:hover {
  display: block !important;
  background: #224980;
  padding: 10px;
  margin-top: 10px;
  border-radius: 5px 5px 0 0;
  color: #fff;
  margin-right: 5px;
}

.alert-warning, .alert-notice {
  color: #060606;
  background-color: #ffcf3e;
  border-color: #fff;
}

.uk-scope .uk-tab > .uk-active > a {
  color: #fff !important;
  border-color: #053445;
  background: linear-gradient(#ee763f, #ee3b09);
  padding: 10px 25px 10px 25px !important;
  border-radius: 5px 5px 0px 0px;
}

.uk-scope .uk-tab > * > a {
  display: flex;
  align-items: center;
  column-gap: .25em;
  justify-content: center;
  padding: 10px 25px 10px 25px !important;
  color: #fff !important;
  border-bottom: 1px solid transparent;
  font-size: 12px !important;
  text-transform: uppercase;
  transition: color .1s ease-in-out;
  background: linear-gradient(#177496, #031f3a);
  border-radius: 5px 5px 0px 0px;
}

#jchat_userstab.jchat_tab:not(.jchat_userstabclick) {
  padding: 5px 20px;
  margin-top: -35px;
  margin-right: 100px;
  border-radius: 8px;
  transition: margin .2s linear;
  max-width: 160px;
}

#back-to-top {
  background: var(--gray-900);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 7px;
  color: var(--light-reverse);
  display: none;
  position: fixed;
  right: 2.1334rem;
  bottom: 3.067rem;
  height: 48px;
  line-height: 42px;
  text-align: center;
  width: 48px;
  z-index: 100;
}

button.jfab_main_btn {
  background-color: #e74c3c;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background: #e74c3c;
  right: 16px;
  bottom: 40px;
  position: absolute;
  margin-right: 320px;
  margin-bottom: 0;
  padding: 0;
  border: none;
  outline: none;
  color: #ffffff;
  font-size: 24px;
  box-shadow: 0 4px 17px 0 rgba(0,0,0,0.14),0 1px 32px 0 rgba(0,0,0,0.12),0 2px 9px -1px rgba(0,0,0,0.2);
  transition: .3s;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  pointer-events: all;
}

/*
div#accessibility-links, div#accessibility-links.bottomleft, div#accessibility-links.topleft, div#accessibility-links.bottomright, div#accessibility-links.topright, div#tts_message, div#accessibility-links div#msgtext, div#accessibility-links div#playicon {
  border-radius:0 30px 0px 0px;
  width: 500px;
  padding-left: 5px;
  background: linear-gradient(#063948, #031937) !important;
}

div#accessibility-links span {
  color: #fff;
  font-size: 11px;
  font-weight: normal;
  line-height: 12px;
  height: 20px;
  float: left;
  cursor: auto;
  padding-left: 32px;
  margin-top: 6px;
  font-family: "Roboto", Arial;
}

div.volume_step.active {
  background-color: #fff;
}

div.volume_step {
  width: 5px;
  border: 1px solid #fff;
  position: absolute;
  bottom: 10px;
  margin-left: 2px;
  cursor: pointer;
}*/

.draggable {
  cursor: move;
  font-size: 14px;
  color: #fff;
  margin-top: 0px;
  margin-bottom: 0px;
}

.form-control.input-xxlarge, .input-xxlarge.inputbox {
  /*max-width: 100%;*/
  margin-left:0px;
}

.itemContentPadder {
  padding: 20px;
}

.groupoutro{
  margin-bottom: 20px;
}


.login-wrap input {
  width: 100%;
}


.login-wrap .login-description {

    color: var(--gray-700);
    font-size: 1.2rem;
    line-height: 32px;
    margin-bottom: 10px;
    text-align: center;

}

.fc-day-grid-event .fc-time {
  font-weight: bold;
  text-shadow: 1px 1px 2px #000;
}

.fc-widget-header {
  text-align: center;
  font-size: 14px;
}

.fc-head-container{
  background: #3b61d2 !important;
  color: #fff;
}

.fc-title{
  font-size: 13px;
}

.fc-day-header fc-widget-header fc-mon {
  background: rgb(231, 229, 113);
}

.fc-toolbar.fc-header-toolbar {
  margin-bottom: 0em;
}

.fc-toolbar .fc-center {
  display: inline-block;
  padding: 10px 0px 0px 0px;
}

.fc-header-toolbar {
  margin-bottom: 0em;
  background: #698df8;
  padding: 10px;
  border-radius: 7px 7px 0px 0px;
}

.fc-sat {
  background: rgb(100, 213, 218);
}

.fc-sun {
  background: rgb(100, 213, 218);
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
  font-size: 16px;
  color: #0410bc;
  font-weight: 500;
  margin-right: 10px;
}


hr {
  margin-top: 5px;
  margin-bottom: 10px;
  border: 0;
  border-top: 1px solid #036;
}

.fabrikEventModal .row {
  margin-left: 5px;
  margin-right: 5px;
  font-size: 14px;
}

.t4-footnav .container {
  padding-top: 30px;
  color: #fff;
}

.t4-footnav {
  background: linear-gradient(#061483,#5e098f) !important;
  border-top: 0px solid var(--border-color);
  font-size: 13px;
}

.cwt-hor {
  float: none;
  width: 100%;
  margin: 5px 2px !important;
  height: auto;
  display: inline-block;
  position: relative;
  text-align: center;
}

/* Drop Down */

.dropdown-bahagian {
  max-width: 500px;
}

.dropdown-bahagian select {
  width: 100%;
  padding: 12px 16px;
  font-size: 15px;
  border-radius: 8px;
  border: 1px solid #d0d7de;
  background: linear-gradient(180deg, #ffffff, #f4f6f8);
  color: #1f2933;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  transition: all 0.25s ease;
}

.dropdown-bahagian select:hover {
  border-color: #2563eb;
}

.dropdown-bahagian select:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37,99,235,0.18);
}

/* Tables */

.table {
  width: 100%;
  margin-bottom: 1.0667rem;
  color: #212529;
  background-color: transparent;
  overflow-x: auto;
font-size: 14px;
display: inline-block;
}



.fabrik_actions{
  display: none;
}

.fabrik___heading{
  background: #053747;
  color: #fff;
}

.fabrik_calculations{
  background: #031f3a;
  color: #fff;
}

/* Top Mini Button */

.mini-oren{
  background: linear-gradient(#ee763f, #ee3b09);
  padding: 3px 6px 3px 3px;
  border-radius: 2px;
  margin-left: 3px;
  margin-right: 3px;
  color: #fff;
}

.mini-oren:hover{
  background: linear-gradient(#ee763f, #a83a1c);
  padding: 3px 6px 3px 3px;
  border-radius: 2px;
  margin-left: 3px;
  margin-right: 3px;
  color: #fff;
}

.mini-blue{
  background: linear-gradient(#4169c1, #0a5d7b);
  padding: 3px 6px 3px 3px;
  border-radius: 2px;
  margin-left: 3px;
  margin-right: 3px;
  color: #fff;
}

.mini-blue:hover{
  background: linear-gradient(#0a5d7b, #4169c1);
  padding: 3px 6px 3px 3px;
  border-radius: 2px;
  margin-left: 3px;
  margin-right: 3px;
  color: #fff;
}

.mini-blank{
  background: none;
  padding: 3px 6px 3px 3px;
  border-radius: 2px;
  margin-left: 3px;
  margin-right: 3px;
  color: #fff;

}

.mini-blank:hover{
  background: none;
  padding: 3px 6px 3px 3px;
  border-radius: 2px;
  margin-left: 3px;
  margin-right: 3px;
  color: #f8e3bc;
}

/* Animation */

@keyframes alert {
  0%,
  50%,
  100% {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.shine, .chrome {
	font-size: 3em;
	margin: 0 auto;
	margin-bottom: 1em;
	font-weight: bold;
}

.shine {
	background: #222 -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff)) 0 0 no-repeat;
	-webkit-background-size: 150px;
	color: $text-color;
	-webkit-background-clip: text;
	-webkit-animation-name: shine;
	-webkit-animation-duration: $duration;
	-webkit-animation-iteration-count: infinite;
	text-shadow: 0 0px 0px rgba(255, 255, 255, 0.5);
}

.chrome {
	background: #222 -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff)) 0 0 no-repeat;
	background-image: -webkit-linear-gradient(-40deg, transparent 0%, transparent 40%, #fff 50%, transparent 60%, transparent 100%);
	-webkit-background-size: 200px;
	color: $text-color;
	-webkit-background-clip: text;
	-webkit-animation-name: shine;
	-webkit-animation-duration: $duration;
	-webkit-animation-iteration-count: infinite;
	text-shadow: 0 0px 0px rgba(255, 255, 255, 0.5);
}

@-webkit-keyframes shine {
	0%, 10% {
		background-position: -1000px;
	}
	20% {
		background-position: top left;
	}
	90% {
		background-position: top right;
	}
	100% {
		background-position: 1000px;
	}
}

@keyframes pulse {
  0% {
    transform: translate(0);
  }

  10% {
    transform: translate(-2px, -2px);
  }

  20% {
    transform: translate(2px, -2px);
  }

  30% {
    transform: translate(-2px, 2px);
  }

  40% {
    transform: translate(2px, 2px);
  }

  50% {
    transform: translate(-2px, -2px);
  }

  60% {
    transform: translate(2px, -2px);
  }

  70% {
    transform: translate(-2px, 2px);
  }

  80% {
    transform: translate(-2px, -2px);
  }

  90% {
    transform: translate(2px, -2px);
  }

  100% {
    transform: translate(0);
  }
}

/*Footer*/


.pagination-list {
    list-style: none;
    display: inline-flex;
    /*background: linear-gradient(#053747, #031d39) !important;*/
    border-radius: 7px;
    padding: 7px 4px;
}

.pagination {
  margin: 7px 0 5px 0px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.fabrikDataContainer .pagination a {
  float: left;
  background: linear-gradient(#ee7c44, #f13b08) !important;
  padding: 7px 15px;
  border-radius: 5px;
  color: #fff;
  margin: 2px;
}

.fabrikDataContainer .pagination a:hover {
  float: left;
  background: linear-gradient(#f13b08,#ee7c44) !important;
  padding: 7px 15px;
  border-radius: 5px;
  color: #fff;
  margin: 2px;
}
.pagination-start {
  margin-right: 0px;
  margin-left: 10px;
}

.pagination-prev  {
  margin-right: 0px;
  margin-left: 0px;
}



.pagination-next {
  margin-left: 0px;
  margin-right: 0px;
}

.pagination-next active {
  margin-right: 0px;
    margin-left: 0px;
}

.pagination-end{
  margin-right: 10px;
    margin-left: 0px;
}
.t4-footer {
  color: #fff;
  font-size: 13px;
  background: linear-gradient(#000a1d, #0a3063) !important;
}


/* Button Repo */

.uk-scope .uk-subnav-pill > .uk-active > a {
  background: linear-gradient(#ee7c44, #f13b08) !important;
  color: #fff;
  border-radius: 3px;
}

.uk-scope .uk-subnav-pill > * > :first-child {
  padding: 5px 10px;
  background: 0 0;
  color: #0e0e0e;
}

.refresh-button{
  color: #fff !important;
  background: linear-gradient(#50c70e, #345900) !important;
  padding: 8px;
  border-radius: 3px;
  border: 0px;
}

.refresh-button:hover{
  color: #fff !important;
  background: linear-gradient(#345900,#50c70e) !important;
  padding: 8px;
  border-radius: 3px;
  border: 0px;
}

.f90-logout-button{
  color: #fff !important;
  background: linear-gradient(#d91111, #710505) !important;
  padding: 8px;
  border-radius: 3px;
  border: 0px;
}

.f90-logout-button:hover{
  color: #fff !important;
  background: linear-gradient(#710505,#d91111) !important;
  padding: 8px;
  border-radius: 3px;
  border: 0px;
}
  
.btn-red{
  color: #fff !important;
  background: linear-gradient(#ac0984, #710533) !important;
  padding: 10px;
  border-radius: 3px;
}

.btn-red:hover{
  color: #fff !important;
  background: linear-gradient( #710533,#ac0984) !important;
  padding: 10px;
  border-radius: 3px;
}

.btn-normal{
  color: #fff !important;
  background: linear-gradient(#67a2fc, #007298) !important;
  padding: 10px;
  border-radius: 3px;
}

.btn-normal:hover{
  color: #fff !important;
  background: linear-gradient(#007298,#67a2fc) !important;
  padding: 10px;
  border-radius: 3px;
}

.toggleFilters{
  padding-right: 10px;
}

.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) {
  margin-left: 10px;
}

.pull-left {
  float: left;
  margin-top: 20px;
  margin-bottom: 10px;
}

.btn-oren {
  font-weight: 300;
  background: linear-gradient(#ee7c44, #f13b08) !important;
  border-radius: 8px !important;
  font-size: 13px;
  border: 1px solid #c5c5c5;
  padding: 5px 7px;
  margin: 5px -11px 0px 5px;
}

.btn-group, .btn-group-vertical {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  padding-top: 20px;
  padding-left: 10px;
  margin-top: -60px;
}

.mohon_janji_temu{
  font-weight: 300;
  background: linear-gradient(#ee7c44, #f13b08) !important;
  border-radius: 5px !important;
  font-size: 13px;
  border: 1px solid #c5c5c5;
  padding: 5px 7px;
  margin: 5px -11px 0px 5px;
}

.addRecord{
  background: #116aca;
  padding: 10px 14px;
  margin: 10px 0px;
  border-radius: 4px;
  color: #fff !important;
}

.addRecord:hover{
  background: #133962;
  padding: 10px 14px;
  margin: 10px 0px;
  border-radius: 4px;
  color: #fff;
}

.doempty{
  background: #d2084a;
  padding: 10px 14px;
  border-radius: 4px;
  color: #fff;
  display:none;
}

.doempty:hover {
  background: #930a0a;
  padding: 10px 14px;
  border-radius: 4px;
  color: #fff;
}


.fabrikButtonsContainer li.dropdown {
  display: inline !important;
  padding: 1px 10px 5px 5px;
}

.fabrikDetails{
  margin-bottom: 10px;
}

/* Fabrik Filter*/


.fabrikFilterContainer {
margin-bottom:5px;
margin-top:5px;
}

/*
.fabrikFilterContainer {
  padding: 10px 20px;
  margin: 15px 0px;
  border-radius: 5px;
  font-size: 14px;
  background: linear-gradient( #fff, #fdfdfd);
    background-image: linear-gradient(rgb(255, 255, 255), rgb(253, 253, 253));
  text-shadow: 0px 0px 0px #1d1d1d;
  color: #fff;
  box-shadow: rgba(0, 0, 0, 0.56) 0px 0px 2px 0px, rgba(0, 0, 0, 0.78) 0px 0px 0px -30px;
  transition: 0.3s;
  cursor: pointer;
  background-image: url(/images/bg-mask.png);
}*/

.advanced-search-link {
  margin: 0 10px;
  padding: 10px;
  background: #3721a2ed;
  border-radius: 5px;
  color: #fff;
}

.advanced-search-link:hover {
  margin: 0 10px;
  padding: 10px;
  background: #6f58e2ed;
  border-radius: 5px;
  color: #fff;
}

.toggleFilters{
  padding: 10px 10px;
  background: #007184ed;
  margin: 0 10px;
  border-radius: 5px;
  color: #fff;
}

.toggleFilters:hover{
  padding: 10px 10px;
  background: #03a6c2ed;
  margin: 0 10px;
  border-radius: 5px;
  color: #fff;
}

.groupBy{
  background: #303bdc;
  padding: 10px;
  border-radius: 5px;
  margin: 0 10px 0 0;
  color: #fff;
}

.groupBy{
  color: #fff;
}

/* Log */

.login-wrap {
  margin: 32px auto;
  max-width: 100%;
  width: 400px;
  box-shadow: 5px 5px 38px 0px rgba(0, 0, 0, 0.17);
  padding: 20px;
  display: block;
  font-size: 14px;
}

/* Fabrik Navigation */

.fabrikNav {
  background: linear-gradient(#270583, #033e8d);
  padding: 10px;
  margin: -11px;
  color: #fff;
  font-size: 14px;
}

/* Masthead */
div.ja-masthead .ja-masthead-detail .ja-masthead-title {
  font-size: 22px;
  margin: 0px 20% 0px 20%;
  color: #25073a;
  font-weight: 450;
}

div.ja-masthead .ja-masthead-detail {
  padding: 64px 16px;
  max-width: 90%;
}

.ja-masthead {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 0px 0px 8px 8px;
  margin-bottom: 20px;
  filter: drop-shadow(0px 6px 17px #8e8e8e);
  background-image: url('/images/masthead/masthead-digitalisation.png') !important;
}

div.ja-masthead .ja-masthead-detail .ja-masthead-description {
  color: #0f2a6e;
  font-size: var(--h5-font-size);
  margin-top: 0px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}



.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 15rem;
  padding: 0.5rem 1rem;
  margin: 0.125rem 0 0px;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

/* Box */

/* MAINBAR RAMADAN*/

/*.mainbar {
  background: linear-gradient(#604906, #6f260c) !important;
  border-radius: 0px 0px 35px 35px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px, rgba(0, 0, 0, 0.78) 0px 0px 0px -30px, rgb(244, 197, 122) 0px -2px 15px 0px inset;
  color: #fff !important;
  margin-top: -56px;
}*/

/* MAINBAR DEFAULT*/

.mainbar {
  background: linear-gradient(#2e77d5, #03122d) !important;
  border-radius: 0px 0px 35px 35px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px, rgba(0, 0, 0, 0.78) 0px 0px 0px -30px, rgb(76, 210, 210) 0px -2px 15px 0px inset;
  color: #fff !important;
  margin-top: -56px;
}



.box-white {
  padding: 15px;
  margin: 2px;
  background: linear-gradient( #fff, #fdfdfd);
  border-radius: 20%;
  text-shadow: 0px 0px 0px #1d1d1d;
  color: #fff;
  text-align: center;
  line-height: 1.37em;
  font-size: 12px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px, rgba(0, 0, 0, 0.78) 0px 0px 0px -30px, rgb(76, 210, 210) 0px -2px 6px 0px inset;
transition: 0.3s;
cursor: pointer;
}

.box-white:hover {
  padding: 15px;
  margin: 2px;
  background: linear-gradient( #fff, #fdfdfd);
  border-radius: 20%;
  text-shadow: 0px 0px 0px #1d1d1d;
  color: #fff;
  text-align: center;
  line-height: 1.37em;
  font-size: 12px;
  /*box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;*/
box-shadow: #33cccc 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
transition: 0.3s;
cursor: pointer;
}

.app-icons {
  display: inline-block;
  text-align: center;
  font-size: 12px;
  line-height: 13px;
  text-transform: uppercase;
  padding: 7px;
  width: 100px !important;
  font-weight: 450;
}

.app-icons:hover {
  display: inline-block;
  text-align: center;
  color: #e4c06a;
font-size: 12px;
line-height: 13px;
text-transform: uppercase;
padding: 7px;
width: 100px !important;
}

/*.appline{
  padding: 10px;
  display: inline-flex;
margin-left: -8px;
margin-right: 0px;
margin-bottom: -40px;
}*/

.appline {
  padding: 10px;
  display: inline-flex;
margin-left: -20px;
margin-right: 0px;
margin-bottom: -36px;
}

/*.applist {
  display: inline-block;
  margin-top: -70px;
  max-width: fit-content !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: hidden !important;
}*/

/* Panel Styling */

.panel-primary > .panel-heading {
  color: #fff;
  background: linear-gradient(#270583, #033e8d) !important;
  border-color: #234269;
  font-size: 12px;
}

.panel-heading {
    border-bottom: 1px solid transparent;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
}

.panel-body {
  padding: 20px;
  font-size: 14px;
  line-height: 1.5;
  border: solid 1px #cecece;
  color: #000;
  background-image: url(/images/bg-mask.png) !important;
  background: #fff;
  box-shadow: 5px 10px 18px #c4c3c3;
  transition: max-height 0.4s ease, padding 0.3s ease;

}

.cover-panel {
  background: linear-gradient(#e69c12, #dabc19) !important;
  margin-right: 65%;
  border-radius: 0px 0px 50px 0px;
  box-shadow: 1px 1px 4px #000;
  color: #000;
  text-shadow: 1px 1px 5px #fffffa;
  min-width: 70%;
}

.cover-panel-red {
  background: linear-gradient(#881603, #500200) !important;
  margin-right: 65%;
  border-radius: 0px 0px 50px 0px;
  box-shadow: 1px 1px 4px #000;
  color: #fff;
  min-width: 70%;
}

.panel {
    margin: 0px;
    background: #fff
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);

}

.panel-custom {
    padding: 0 10%;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);

}

.panel-info > .panel-heading {
    color: #fff;
    background-color: #0c529b;
    border-color:#0c529b;
}

.panel-orange > .panel-heading {
    color: #fff;
    linear-gradient(#f27532, #83360c);
    border-color:#0c529b;
}

.panel-info {
    border-color: #0c529b;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0px;
  font-size: 14px;
  color: inherit;
  padding: 15px;
}


.panel-primary > .panel-heading{
color: #ffffff;
background: linear-gradient(#033e8d, #002c7f);
border-color: #234269;
font-size:12px;
}

.panel-warning {
    border-color: #f98c2b;
}

.panel-danger {
    border-color: #d74949;
}

.panel-warning > .panel-heading {
    color: #fff;
    background-color: #f98c2b;
    border-color: #e1b14c;
}


.panel-danger > .panel-heading {
    color: #fff;
    background-color: #d74949;
    border-color: #d74949;
}


/* App Boxes */


.box-biru{
width: 110px;
height: 110px;
display: inline-flex;
padding: 15px;
margin: 2px;
background: linear-gradient(
#294e7c,
#0653a1);
border-radius: 7px;
text-shadow: 0px 0px 0px
#1d1d1d;
color:
#fff;
text-align: center;
line-height: 1.37em;
font-size:12px;
}



.box-biru:hover{
    width: 110px;
    height: 110px;
    display: inline-flex;
    padding: 15px;
    margin: 2px;
    background: linear-gradient(#0653a1,#294e7c);
    border-radius: 7px;
    text-shadow: 1px 1px 2px #1d1d1d;
    color: #fff;
    text-align: center;
    line-height: 1.37em;
	font-size:12px;
}


.box-ungu {
width: 110px;
height: 110px;
display: inline-flex;
padding: 15px;
margin: 2px;
background: linear-gradient( #7c2977, #a10690);
border-radius: 7px;
text-shadow: 0px 0px 0px
#1d1d1d;
color:
#fff;
text-align: center;
line-height: 1.37em;
font-size:12px;
}


.box-ungu:hover {
width: 110px;
height: 110px;
display: inline-flex;
padding: 15px;
margin: 2px;
background: linear-gradient( #a10690, #7c2977);
border-radius: 7px;
text-shadow: 0px 0px 0px
#1d1d1d;
color:
#fff;
text-align: center;
line-height: 1.37em;
font-size:12px;
}


.link-white {
    cursor: pointer;
    color: 
    #fff;
}




.link-white:hover {
    cursor: pointer;
    text-decoration: none;
    color: #ffea00;
}




div[id^="t4-body-"], div[id^="t4-section-"], div[id^="t4-spotlight-"] {
  padding-top: 10px;
  padding-bottom: 32px;
}


.input-append {
  vertical-align: middle;
  display: inline-block;
}

.input-append input[type="text"] {
  border: 1px solid #cecece;
  border-top: 1px solid rgba(52, 58, 64, 0.12);
  border-bottom: 1px solid rgba(52, 58, 64, 0.12);
  float: left;
  height: 36px;
  line-height: 36px;
  width: auto !important;
  padding: 0 6px;
  background: linear-gradient(#f1783c, #7f5608) !important;
  color: #fff !important;
}

.btn {
  display: inline-block;
  font-weight: 500;
  color: var(--body-text-color);
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 2px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  padding: 5px 10px;
  font-size: 0.875rem;
  line-height: 1.7;
  border-radius: 0;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.uk-scope .uk-h1, .uk-scope .uk-h2, .uk-scope .uk-h3, .uk-scope .uk-h4, .uk-scope .uk-h5, .uk-scope .uk-h6, .uk-scope .uk-heading-2xlarge, .uk-scope .uk-heading-large, .uk-scope .uk-heading-medium, .uk-scope .uk-heading-small, .uk-scope .uk-heading-xlarge, .uk-scope h1, .uk-scope h2, .uk-scope h3, .uk-scope h4, .uk-scope h5, .uk-scope h6 {
  margin: 0 0 7px 0;
  margin-top: 0px;
  font-family: Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
  font-weight: 400;
  color: #333;
  text-transform: none;
}

/* Mega Menu */
.t4-megamenu .mega-col-nav .mega-col-title, .t4-megamenu .mega-col-module .mega-col-title {
  border: 0;
  color: var(--mainnav-link-color);
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 5px;
  margin-top: 0;
  text-transform: uppercase;
  position: relative;
  padding: 8px;
  background: #031c38;
  color: #fff !important;
  border-radius: 5px;
}

.t4-megamenu .mega-nav, .t4-megamenu .dropdown-menu .mega-nav {
  list-style: none;
  margin: -5px 0px 0px 15px;
  padding: 5px;
  font-size: 14px !important;
}

.t4-megamenu.animate.elastic .level0 > .dropdown > .dropdown-menu {
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  font-size: 14px !important;
border-radius: 10px;
  background-image: url(/images/bg-mask.png);
-webkit-box-shadow: -2px 13px 20px -3px rgba(0,0,0,0.63); 
box-shadow: -2px 13px 20px -3px rgba(0,0,0,0.63);
}

.t4-navbar .nav-item {
  position: relative;
  margin-bottom: -12px !important;
}

/* Content */

ol, ul, dl {
  margin-top: 0;
  margin-bottom: 1rem;
  /*margin-left: -15px;*/
}


.inputbox {
  display: inline-block;
  width: 100%;
  height: calc(1.7em + 36px + 4px);
  padding: 18px 16px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.7;
  color: #585858;
  background: linear-gradient(#f4efa6, #f4d169) !important;
  background-clip: padding-box;
  border: 1px solid #676767 !important;
  border-radius: 0;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}



.input-append .btn {
  background-color: #053345;
  border: 1px solid #5a5a5a;
    border-left-color: rgb(90, 90, 90);
    border-left-style: solid;
    border-left-width: 1px;
  border-left: 1px solid #010101;
  border-radius: 0 3px 3px 0;
  display: block !important;
  float: left;
  height: 36px;
  line-height: 25px;
  text-align: center;
  padding: 0 6px;
  color: #fff !important;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
  margin: 5% 1%;
  width: 100% !important;
}

.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  background: #036;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.3;
  color: #fff;
}

.modal-header .close {
  padding: 1rem 1rem;
  margin: auto;
}

.alert-danger, .alert-error {
  color: #fff;
  background-color: #ce1111;
  border-color: #b9133a;
  font-size: 15px;
  box-shadow: 5px 5px 15px 0px rgba(53, 52, 52, 0.47);
}

.alert-heading {
  background: linear-gradient(#ffcd06, #ff8120);
  padding: 10px 30px;
  color: #1d1d20;
  border-radius: 4px 4px 0px 0px;
  margin: -17px -17px 10px -17px;
  font-size: 14px;
  font-weight: 500;
}


.alert-message {
  text-align: left;
  background: #ffd547;
    background-color: rgb(255, 213, 71);
  color: #000 !important;
  border-color: #000;
  font-size: 1em !important;
}

.header-layout-10, .header-layout-13 {
  border-bottom: 1px solid var(--border-color);
  margin-bottom: -2px;
}

ul.tags > li > a {
  background: #ffbe43;
  border: 1px solid #fefefe;
  color: var(--gray-900);
  font-size: 12px;
  margin-bottom: 0.266675rem;
  margin-right: 0.266675rem;
  padding: 8px 12px;
  text-transform: uppercase;
}

.text-danger {
  color: #fff !important;
  background: #d00c0c;
  padding: 10px;
  margin: 5px 0px 0px 3px;
  border-radius: 5px;
  font-size: 13px;
  animation: alert 7s ease 0s infinite normal forwards;
  display: inline-block;
}

svg > g[class^="raphael-group-"] > text{
    display: none;
}

.raphael-group-mLHtPFaT {
  display: none;
}

.raphael-group-423-creditgroup {
          display:none; }



.div[id^='fc-'] > span > svg > defs + g > g:nth-child(26) { display:none !important; }


/*.page-header {
  background: linear-gradient(#084b79, #164d98) !important;
  padding: 3px 15px;
  border-radius: 5px;
  font-style: normal;
}*/

.page-header h1, .categories-list h1 {
  font-size: 1.3rem;
  font-weight: 500;
  margin-bottom: 1.0667rem;
  text-transform: none;
  /*color: #fff;*/
}

.btn.btn-primary {
  background-color: #0a5586 !important;
  border-color: #e45e4d00 !important;
  color: #fff;
}

.legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 24px;
  font-size: 1.5rem;
  line-height: inherit;
  color: #fff;
  white-space: normal;
  background: linear-gradient(#27155c, #3f0299) !important;
  padding: 15px;
  border-radius: 7px;
  font-size: 14px;
  margin-top: 10px;
  font-weight: 500;
}

.legend-intro {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 24px;
  font-size: 1.5rem;
  line-height: inherit;
  color: #fff;
  white-space: normal;
  background: linear-gradient(#27155c, #3f0299) !important;
  padding: 15px;
  border-radius: 1px;
  font-size: 16px;
  font-weight: 500;
}


.legend-shadow {
  display: block;
  width: 100%;
  max-width: 100%;
  line-height: inherit;
  color: #000;
  white-space: normal;
  background: linear-gradient(#eae9e9, #fff) !important;
  padding: 15px;
  border-radius: 5px;
  font-size: 14px;
  margin-top: 10px;
  font-weight: 500;
  -webkit-box-shadow: 0px 0px 37px 14px rgba(173,173,173,0.53);
  -moz-box-shadow: 0px 0px 37px 14px rgba(173,173,173,0.53);
  box-shadow: 0px 0px 37px 14px rgba(173,173,173,0.53);
}
.button {
  padding: 10px;
  margin: 0px;
  background: #03223c;
  border-radius: 6px;
  color: #fff;
  display: block;
}

.button:hover{
  padding: 10px;
  margin: 0px;
  /*background: #03223c;*/
  border-radius: 6px;
  color:#fbf495;
    display: block;
}

.c-offcanvas {
  background: #2b2a2f !important;
  position: fixed;
  min-height: 100%;
  max-height: none;
  top: 0;
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
}

.t4-offcanvas .t4-off-canvas-body .navbar .nav-link, .t4-offcanvas .t4-off-canvas-body .navbar .separator {
  color: #fff;
  font-size: 1.0625rem;
  padding: var(--global-spacing) 0;
}

.t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .navbar-nav {
  position: relative;
  width: 100%;
  padding-left: 17px;
  color: #fff !important;
}

.t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .dropdown-item, .t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .nav-link {
  color: #fff;
  font-size: 1.0625rem;
  padding: 8px 16px;
}

.t4-offcanvas .t4-off-canvas-header .close span {
  color: #fff;
  font-size: 40px;
  font-weight: 300;
  position: relative;
  top: 0px;
  text-shadow: none;
  left: 4px;
}


.navbar-expand-lg .navbar-nav .dropdown-menu {
  position: absolute;
  margin-top: -11px;
}

.module-title {
  font-size: 13px;
  font-weight: 550;
  line-height: 16px;
  margin: 0 0 1.38671rem 0;
  padding: 0;
  position: relative;
  text-transform: uppercase;
  background: linear-gradient(#ffda02, #ff8120) !important;
  padding: 10px 15px;
  border-radius: 5px;
  font-style: normal;
  color: #121212;
}

.module-ct {
  padding: 5px;
}

.t4-main-body .t4-row > div.sidebar-r, .t4-main-body .t4-row > div.sidebar-l {
  max-width: 300px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 384px;
  flex: 0 0 384px;
  padding: 10px;
  margin-top: 2rem;
  background: #fff;
  border-radius: 10px;
  font-size: 14px;
  filter: drop-shadow(1px 10px 10px #00000070);
  border: 1px solid #cecece;
color: #000 !important;
  background-image: url(/images/bg-mask.png);
}
}

/* Alert Messages */

.alert-success, .com_config #page-site h1, .alert-message {
  color: #fff;
  background-color: #149f56;
  border-color: #129e84;
}

/* Accordion */

.uk-scope .uk-accordion-title {
  display: block;
  font-size: 13px !important;
  line-height: 1.4;
  color: #fff !important;
  overflow: hidden;
  background: linear-gradient(#2674b9, #0b356d) !important;
  padding: 10px;
  border-radius: 4px;
}



.fabrikElementReadOnly {
  margin-top: 0px;
  padding: 7px 16px;
  background: #fbf495;
  font-size: 14px;
  border-radius: 5px;
  border: 1px solid #cecece;
  color: #144186;
  font-weight: bold;
  min-width: 100px;
}

/* Chzn */


.chzn-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
  display: inline-block;
}

.chzn-container .chzn-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
  width: 98%;
}

.chzn-container-single .chzn-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100% !important;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: white url('chosen-sprite.png') no-repeat 100% -20px !important;
  background: url('chosen-sprite.png') no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}

.chzn-single{
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 5px;
  max-width: 280px;
}

.tab-content {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
  padding: 10px 20px 10px 20px !important;
  border: 1px solid #dadada;
  border-radius: 0px 0px 10px 10px;
}
.fabrikgrid_radio {
  padding: 10px 9px 4px 11px;
  border-radius: 0px;
  margin-bottom: 10px;
  background: linear-gradient(#e6e5e9, #9e9e9e);
  box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2);
  border: 1px solid #a8a8a8 !important;
  display: inline-flex;
  margin-right: -4px;
}

.fabrikgrid_radio:hover {
  padding: 10px 9px 4px 11px;
  border-radius: 0px;
  margin-bottom: 10px;
  background: linear-gradient(#e6e5e9, #9e9e9e);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
  border: 1px solid #a8a8a8 !important;
  display: inline-flex;
  margin-right: -4px;
}


.fabrikgrid_checkbox {
  padding: 10px 9px 4px 11px;
  border-radius: 4px;
  margin-bottom: 10px;
  background: linear-gradient(#dedede, #dddcdc);
  box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2);
  border: 1px solid #fff !important;
  display: inline-flex;
}

 .itrack___ditujukan_kepada_chzn{
  width: 90%;
}

.active.fabrikErrorGroup a, .active.fabrikErrorGroup a:hover, .active.fabrikErrorGroup a:focus {
  border: 1px solid #b94a48 !important;
    border-bottom-color: rgb(185, 74, 72);
  border-bottom-color: transparent !important;
  color: #fff !important;
  background-color: rgb(141, 12, 12) !important;
}

/* button group */

.fabrikgrid_rahsia{
  background: #b9422f;
}

.fabrikgrid_rahsia:focus{
  background: #b9422f;
}

.fabrikgrid_sulit{
  background: #ca5804;
}

.fabrikgrid_terbuka{
  background: #359300ed;
  color: #fff;
}


.radio.btn-group > label:first-of-type {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.btn-group {
  position: relative;
  zoom: 1;
  font-size: 0;
  vertical-align: middle;
  white-space: nowrap;
  margin-left: .3em;
  margin-top: auto;
}

.radio input[type="radio"], .radio input[type="checkbox"], .checkbox input[type="radio"], .checkbox input[type="checkbox"] {
  margin-right: 0.25rem;
  cursor: pointer;
}




.btn-group .btn + .btn {
  margin-left: 0px;
  border-radius: 0px 5px 5px 0px;
  font-size: 13px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);  
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
border-bottom-right-radius: 0;
font-size: 13px;
margin-left: 0px;
/*background: linear-gradient(#ffe200, #ff7725);*/
/*color: #fff;*/
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.btn.btn-warning {
  background-color: #ff7007 !important;
  border-color: #ff7007 !important;
}

.btn-close, .alert .close, .contact .contact-miscinfo .close, .com_config #page-site h1 .close {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 5px;
  height: 5px;
  padding: 5px;
  color: #000;
  /*background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;*/
  border: 0;
  border-radius: 0.25rem;
  opacity: 1;
  margin-top: -1px;
}

.popover-header {
  padding: 0px 20px;
  margin-bottom: 0;
  font-size: 13px;
  background-color: #12121200;
  border-bottom: 1px solid #ebebeb00;
  border-top-left-radius: calc(0 - 1px);
  border-top-right-radius: calc(0 - 1px);
  color: #000 !important;
}

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem;
  background: #ffdf7d;
}


.clearFilters{
  color: #fff;
  padding: 7px 10px;
  border-radius: 5px;
  background: linear-gradient(#ca5a24, #c83636) !important;
}

.clearFilters:hover{
  color: #fff;
  padding: 7px 10px;
  border-radius: 5px;
  background: linear-gradient(#c83636,#ca5a24) !important;
}

.form-control, .inputbox {
  display: inline-block;
  height: 36px;
  width:100%;
  float:left;
  padding: 7px 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: #000 !important;
  background-color: var(--body-bg-color);
  background-clip: padding-box;
  border: 1px solid var(--input-border-color);
  border-radius: 0;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.pull-right {
  float: right;
  margin-top: 10px;
}


.form-control:disabled, .inputbox:disabled, .form-control[readonly], [readonly].inputbox{
  background: #cecece !important;
  border: #fff !important;
  border-radius: 0px;
}

.calendar-message {
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  background: linear-gradient(#ffe083, #e3a615) !important;
  padding: 4px;
  color: #369aff;
  margin: 20px;
  border-radius: 10px;
}

form:not(.form-no-margin) .control-group .control-label {
  width: auto;
  padding-top: 10px;
  padding-right: 5px;
  text-align: left;
  font-size: 14px;
}

.slider_cont {
  float: inherit;
}

/*div[class*=header-theme-].header-theme-dark,
header[class*=header-theme-].header-theme-dark {
  background: linear-gradient(#063948, #031937) !important;
}*/

.header-layout-10 .navbar-brand.logo-control img.logo-img, .header-layout-13 .navbar-brand.logo-control img.logo-img {
    max-height: 120px;
}

.t4-megamenu > .navbar-nav > li > a, .t4-megamenu > .navbar-nav > li > .nav-link {
    color: var(--mainnav-link-color);
    font-size: 13px;
    font-weight: 500;
    font-family: var(--nav-font-family);
    line-height: 1.72;
    padding: 1.867rem 0;
    text-transform: uppercase;
}

.t4-masthead {
  margin-top: -6px;
}


.header-layout-10 .t4-megamenu-wrap, .header-layout-13 .t4-megamenu-wrap {
    padding: 7px 32px 0px 16px;
}

.fa, .fas {
    font-weight: 900;
    margin-right: 3px;
padding: 0 0px 4px 7px;
}

.t4-megamenu .mega-caption {
    display: block;
    font-weight: normal;
    opacity: 0.8;
    margin: 0px 0px -8px 0px;
}

.t4-megamenu .mega-inner {
    padding-bottom: 3px;
    padding-top: 3px;
}

.head-search .search .form-control, .head-search .search .inputbox, .head-search .search .search-query, .head-search .form-search .form-control, .head-search .form-search .inputbox, .head-search .form-search .search-query, .head-search .mod-finder .form-control, .head-search .mod-finder .inputbox, .head-search .mod-finder .search-query {
    background-image: url("../images/search-light.svg");
    background-position: left center;
    background-repeat: no-repeat;
    background-color: transparent;
    border: 1px solid transparent;
    position: absolute;
    padding: 0 0 0 14px;
    right: -16px;
    top: 0;
    height: 48px;
    max-width: none;
    z-index: 10;
    width: 14px;
}