/* cyrillic-ext */

@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofA6sKUbOvISTs.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofA6sKUZevISTs.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */

@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofA6sKUbuvISTs.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofA6sKUb-vISTs.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofA6sKUYevI.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.text-red {
  color: #FF5E5C;
}

.font-bold {
  font-weight: bold;
}

.margin-auto {
  margin: 0 auto !important;
}

.margin-0 {
  margin: 0px !important;
}

.w-full {
  width: 100% !important;
}

.floated-right {
  float: right;
}

.radius-5 {
  border-radius: 5px !important;
}

.margin-tb-5 {
  margin: 5px 0px 5px 0px;
}

.mar-b-4 {
  margin-bottom: 4rem;
}

.bg-white {
  background: #ffffff;
}

.x-inspire {
  background-image: url(/images/bg-auth.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}

.link {
  font-weight: bold;
  color: #FF5E5C;
}

.fit-content {
  width: -moz-fit-content;
  width: fit-content;
}

.display-flex {
  display: flex;
}

.pad-b-0 {
  padding-bottom: 0px !important;
}

.x-restful-buttons.ui.buttons [data-tooltip="Edit Data"] {
  background: #EBB616;
  border-radius: 5px;
  margin: 3px;
  color: #ffffff !important;
}

.x-restful-buttons.ui.buttons [data-tooltip="Hapus Data"] {
  background: #EB5757;
  border-radius: 5px;
  margin: 3px;
  color: #ffffff !important;
}

.x-restful-buttons.ui.buttons [data-tooltip="View Detail Data"] {
  background: #2F80ED;
  border-radius: 5px;
  margin: 3px;
  color: #ffffff !important;
}

.x-card .content .header {
  min-height: 70px !important;
}

.x-card .content .description {
  min-height: 70px !important;
}

.disabled-komitmen {
  background: #f8f8f8 !important;
  color: #999;
}

.pb-b-0 {
  padding-bottom: 0px !important;
}

[data-theme-landing=red] {
  /* Mobile */
}

[data-theme-landing=red] .ui.modal .header {
  background-color: #FF5E5C;
  color: #ffffff;
}

[data-theme-landing=red] table.table-custom thead {
  line-height: 30px;
}

[data-theme-landing=red] table.table-custom thead th {
  background-color: #FF5E5C !important;
  color: #ffffff !important;
  border: 1px solid rgba(34, 36, 38, 0.1) !important;
  font-family: "Nunito", sans-serif;
}

[data-theme-landing=red] table.table-custom tbody td {
  border: 1px solid rgba(34, 36, 38, 0.1) !important;
}

[data-theme-landing=red] form table thead {
  line-height: 30px;
}

[data-theme-landing=red] form table thead th {
  background-color: #FF5E5C !important;
  color: #ffffff !important;
  border: 1px solid rgba(34, 36, 38, 0.1) !important;
  font-family: "Nunito", sans-serif;
}

[data-theme-landing=red] form table tbody td {
  border: 1px solid rgba(34, 36, 38, 0.1) !important;
}

[data-theme-landing=red] .segment.panel__header {
  background-color: #FF5E5C;
}

[data-theme-landing=red] .segment.panel__header h4 {
  color: #ffffff;
}

[data-theme-landing=red] .slick-next {
  right: -2rem;
}

[data-theme-landing=red] .slick-next:before {
  color: #FF5E5C;
}

[data-theme-landing=red] .slick-prev {
  left: -2rem;
}

[data-theme-landing=red] .slick-prev:before {
  color: #FF5E5C;
}

[data-theme-landing=red] .x-suitable .borderless.menu.top {
  background-color: #FF5E5C;
}

[data-theme-landing=red] .x-suitable .borderless.menu.top .item {
  color: #ffffff;
}

[data-theme-landing=red] .x-suitable .borderless.menu.top .menu.right .ui.button {
  background: #ffffff;
}

[data-theme-landing=red] [data-role=brand] {
  background: #E8E8E8 !important;
}

[data-theme-landing=red] [data-role=brand] .ui.items {
  margin-left: 19px;
}

[data-theme-landing=red] [data-role=brand] .ui.items .images {
  padding-right: 10px;
}

[data-theme-landing=red] [data-role=brand] .ui.items .images img {
  width: 45px;
  height: 45px;
}

[data-theme-landing=red] [data-role=brand] .ui.items .name {
  font-size: 20px;
  line-height: 22px;
  color: #0f0f10;
  font-family: "Nunito", sans-serif;
}

[data-theme-landing=red] [data-role=brand] .ui.items .meta {
  font-family: "Roboto", sans-serif;
  color: rgba(0, 0, 0, 0.6);
}

[data-theme-landing=red] .randomize {
  background-color: #FF5E5C !important;
}

[data-theme-landing=red] button,
[data-theme-landing=red] .ui.button,
[data-theme-landing=red] .ui.card .header,
[data-theme-landing=red] .ui.label,
[data-theme-landing=red] label {
  font-family: "Nunito", sans-serif;
}

[data-theme-landing=red] h1,
[data-theme-landing=red] h2,
[data-theme-landing=red] h3,
[data-theme-landing=red] h4,
[data-theme-landing=red] h5,
[data-theme-landing=red] h6,
[data-theme-landing=red] .title {
  font-family: "Nunito", sans-serif !important;
}

[data-theme-landing=red] .ui.card .description,
[data-theme-landing=red] .ui.card .extra,
[data-theme-landing=red] .item .content,
[data-theme-landing=red] p {
  font-family: "Roboto", sans-serif;
}

[data-theme-landing=red] .kontak .medium-title {
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 28px;
  font-family: "Nunito", sans-serif;
  color: rgba(0, 0, 0, 0.7);
}

[data-theme-landing=red] .kontak .title {
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 25px;
  font-family: "Nunito", sans-serif;
  color: rgba(0, 0, 0, 0.7);
}

[data-theme-landing=red] .kontak .desc {
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.8);
  font-family: "Roboto", sans-serif;
}

[data-theme-landing=red] .kontak .address {
  margin-bottom: 1rem;
}

[data-theme-landing=red] .registrasi .title {
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 25px;
  font-family: "Nunito", sans-serif;
  color: rgba(0, 0, 0, 0.7);
}

[data-theme-landing=red] .registrasi .big-title {
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 43px;
  font-family: "Nunito", sans-serif;
  color: rgba(0, 0, 0, 0.7);
}

[data-theme-landing=red] .registrasi .title {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

[data-theme-landing=red] .detail-article .big-title {
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 43px;
  font-family: "Nunito", sans-serif;
  color: rgba(0, 0, 0, 0.7);
}

[data-theme-landing=red] .detail-article .img-wrapper {
  background: rgba(0, 0, 0, 0.6);
}

[data-theme-landing=red] .detail-article .ui.list .content {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 23px;
  color: rgba(57, 48, 48, 0.5);
}

[data-theme-landing=red] .detail-article .desc {
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.8);
  font-family: "Roboto", sans-serif;
}

[data-theme-landing=red] .comp-pointing-menu .active.item {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  font-family: "Nunito", sans-serif;
  color: #393030;
  padding-left: 0px !important;
}

[data-theme-landing=red] .comp-pointing-menu .right.menu .item {
  padding-right: 0px;
}

[data-theme-landing=red] .header-page .large-title {
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  font-family: "Nunito", sans-serif;
  color: rgba(0, 0, 0, 0.7);
}

[data-theme-landing=red] .header-page .category.search input.prompt {
  line-height: 22px;
  border-radius: 5px;
}

[data-theme-landing=red] .header-page .dropdown.selection {
  line-height: 20px !important;
}

[data-theme-landing=red] .header-page .dropdown.selection i {
  line-height: 20px !important;
}

[data-theme-landing=red] .ui.breadcrumb {
  font-family: "Nunito", sans-serif;
  font-size: 15px;
}

[data-theme-landing=red] .ui.breadcrumb .active {
  color: #FF5E5C;
}

[data-theme-landing=red] .topbar-section {
  border: unset;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  padding-bottom: 1rem;
  background: #ffffff;
}

[data-theme-landing=red] .topbar-section .ui.menu.topbar {
  border: unset;
  box-shadow: unset;
}

[data-theme-landing=red] .topbar-section .ui.menu.topbar .item {
  padding-bottom: 0px;
  font-weight: 600;
  font-family: "Nunito", sans-serif;
}

[data-theme-landing=red] .topbar-section .ui.menu.topbar .item:first-child {
  padding-left: 0px;
}

[data-theme-landing=red] .topbar-section .ui.menu.topbar .item .button {
  font-weight: 600;
}

[data-theme-landing=red] .topbar-section .ui.menu.topbar .item:before {
  background: unset;
}

[data-theme-landing=red] .topbar-section .ui.menu.topbar .item.active {
  padding: 0px;
  padding-top: 1rem;
  border-bottom: 2px solid #FF5E5C;
  font-weight: bold;
  color: #FF5E5C;
  background: #ffffff;
}

[data-theme-landing=red] .slider {
  padding: 0px !important;
}

[data-theme-landing=red] .slider img {
  height: 350px;
}

[data-theme-landing=red] .slider .ui.segment {
  border: unset;
  box-shadow: unset;
  padding: 0px;
}

[data-theme-landing=red] .slider .wrapper-text .title {
  position: absolute;
  top: 30%;
  left: 5%;
  font-style: normal;
  font-weight: bold;
  font-size: 64px;
  line-height: 78px;
  color: #ffffff;
  font-family: "Nunito", sans-serif;
}

[data-theme-landing=red] .materi-terbaru .ui.card {
  border-radius: 0px !important;
  width: 100%;
}

[data-theme-landing=red] .materi-terbaru .ui.card .image {
  width: 100%;
  height: 170px;
  position: relative;
  overflow: hidden;
}

[data-theme-landing=red] .materi-terbaru .ui.card .image img {
  width: 100%;
  max-width: inherit;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.5);
}

[data-theme-landing=red] .materi-terbaru .ui.card .header {
  min-height: 50px;
  font-family: "Nunito", sans-serif;
}

[data-theme-landing=red] .materi-terbaru .ui.card .description {
  min-height: 50px;
  font-family: "Roboto", sans-serif;
}

[data-theme-landing=red] .materi-terbaru .ui.card .extra {
  color: rgba(57, 48, 48, 0.8);
  border-top: unset !important;
  font-family: "Roboto", sans-serif;
}

[data-theme-landing=red] .informasi-terbaru .ui.card {
  border-radius: 0px !important;
  width: 100%;
}

[data-theme-landing=red] .informasi-terbaru .ui.card .image {
  width: 100%;
  height: 170px;
  position: relative;
  overflow: hidden;
}

[data-theme-landing=red] .informasi-terbaru .ui.card .image img {
  width: 100%;
  max-width: inherit;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.5);
}

[data-theme-landing=red] .informasi-terbaru .ui.card .header {
  min-height: 50px;
  font-family: "Nunito", sans-serif;
}

[data-theme-landing=red] .informasi-terbaru .ui.card .description {
  min-height: 50px;
  font-family: "Roboto", sans-serif;
}

[data-theme-landing=red] .informasi-terbaru .ui.card .extra {
  color: rgba(57, 48, 48, 0.8);
  border-top: unset !important;
  font-family: "Roboto", sans-serif;
}

[data-theme-landing=red] .informasi-terbaru .ui.items .item {
  background: #f9f9f9;
}

[data-theme-landing=red] .informasi-terbaru .ui.items .item .image img {
  height: 100px;
}

[data-theme-landing=red] .informasi-terbaru .ui.items .item .header {
  padding: 1rem 1rem 0px 0px;
  height: 70px;
  font-family: "Nunito", sans-serif;
}

[data-theme-landing=red] .informasi-terbaru .ui.items .item .extra {
  font-family: "Roboto", sans-serif;
}

[data-theme-landing=red] .footer {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  line-height: 70px;
  font-family: "Nunito", sans-serif;
}

[data-theme-landing=red] .statistik .title {
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 25px;
  font-family: "Nunito", sans-serif;
  color: rgba(0, 0, 0, 0.7);
}

[data-theme-landing=red] .statistik .ui.table thead th {
  background: #FF5E5C;
  color: #ffffff;
}

[data-theme-landing=red] .faq .big-title {
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 43px;
  font-family: "Nunito", sans-serif;
  color: rgba(0, 0, 0, 0.7);
}

[data-theme-landing=red] .faq .ui.accordion .title {
  min-height: 40px;
  border-bottom: 1.5px dashed rgba(0, 0, 0, 0.2);
  font-weight: bold;
}

[data-theme-landing=red] .faq .ui.accordion .title .icon {
  float: right;
  color: #FF5E5C;
}

@media only screen and (max-width: 767px) {
  [data-theme-landing=red] [class*="mobile hidden"],
  [data-theme-landing=red] [class*="tablet only"]:not(.mobile),
  [data-theme-landing=red] [class*="computer only"]:not(.mobile),
  [data-theme-landing=red] [class*="large screen only"]:not(.mobile),
  [data-theme-landing=red] [class*="widescreen only"]:not(.mobile),
  [data-theme-landing=red] [class*="or lower hidden"] {
    display: none !important;
  }

  [data-theme-landing=red] .topbar .mobile .item.logo {
    background: unset;
  }

  [data-theme-landing=red] .topbar .mobile .item.logo img {
    padding: 1rem;
  }

  [data-theme-landing=red] .sidebar-mobile .item:first-child {
    height: 50px;
  }

  [data-theme-landing=red] .sidebar-mobile .item::before {
    background: unset !important;
  }

  [data-theme-landing=red] .sidebar-mobile button {
    width: 100%;
  }

  [data-theme-landing=red] .informasi-terbaru .ui.items .item {
    background: rgba(0, 0, 0, 0.6);
  }

  [data-theme-landing=red] .informasi-terbaru .ui.items .item .content {
    background: #f9f9f9;
    width: 100%;
    padding: 1rem;
  }

  [data-theme-landing=red] .materi-terbaru .comp-pointing-menu .right.menu .item {
    padding-left: 0px;
  }

  [data-theme-landing=red] .slider .wrapper-text .title {
    top: 20%;
    font-size: 19px;
    line-height: 26px;
  }
}

[data-theme=basik] nav.sidebar .sidebar__scroller {
  background: #ffffff;
}

[data-theme=basik] nav.sidebar .sidebar__accordion.ui.accordion .title {
  color: #52575C;
  font-weight: 500;
}

[data-theme=basik] nav.sidebar .sidebar__accordion.ui.accordion .title .icon {
  color: #52575C !important;
  font-weight: 500;
}

[data-theme=basik] nav.sidebar .sidebar__accordion.ui.accordion .title.empty.selected {
  color: #FF5E5C;
}

[data-theme=basik] nav.sidebar .sidebar__accordion.ui.accordion .title.empty.selected .icon {
  color: #FF5E5C !important;
}