/* DASHBOARD */
.judul {
    /* position: absolute; */
    z-index: 6;
    -webkit-animation-name: judul;
            animation-name: judul;
    -webkit-animation-duration: 5s;
            animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }

.log1 {
    position: absolute;
    z-index: 4;
    -webkit-animation-name: log1;
            animation-name: log1;
    -webkit-animation-duration: 5s;
            animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
  
  .log2 {
    position: absolute;
    z-index: 3;
    -webkit-animation-name: log2;
            animation-name: log2;
    -webkit-animation-duration: 4s;
            animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
  
  .log3 {
    position: absolute;
    z-index: 2;
    -webkit-animation-name: log3;
            animation-name: log3;
    -webkit-animation-duration: 5s;
            animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
  
  .log4 {
    position: absolute;
    z-index: 1;
    -webkit-animation-name: log4;
            animation-name: log4;
    -webkit-animation-duration: 6s;
            animation-duration: 6s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }

  .log5 {
    position: absolute;
    z-index: 5;
    -webkit-animation-name: log5;
            animation-name: log5;
    -webkit-animation-duration: 5s;
            animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }

  @-webkit-keyframes judul {
    0% {
      -webkit-transform: scale(0.98);
              transform: scale(0.98);
    }
    25% {
      -webkit-transform: translateZ(0) scale(1);
              transform: translateZ(0) scale(1);
    }
    50% {
      -webkit-transform: scale(0.98);
              transform: scale(0.98);
    }
    75% {
      -webkit-transform: translateZ(0) scale(1);
              transform: translateZ(0) scale(1);
    }
    100% {
      -webkit-transform: scale(0.98);
              transform: scale(0.98);
    }
  }
  
  @keyframes judul {
    0% {
      -webkit-transform: scale(0.98);
              transform: scale(0.98);
    }
    25% {
      -webkit-transform: translateZ(0) scale(1);
              transform: translateZ(0) scale(1);
    }
    50% {
      -webkit-transform: scale(0.98);
              transform: scale(0.98);
    }
    75% {
      -webkit-transform: translateZ(0) scale(1);
              transform: translateZ(0) scale(1);
    }
    100% {
      -webkit-transform: scale(0.98);
              transform: scale(0.98);
    }
  }
  
  @-webkit-keyframes log1 {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    25% {
      -webkit-transform: translateZ(0) scale(0.97);
              transform: translateZ(0) scale(0.97);
    }
    50% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    75% {
      -webkit-transform: translateZ(0) scale(0.97);
              transform: translateZ(0) scale(0.97);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  
  @keyframes log1 {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    25% {
      -webkit-transform: translateZ(0) scale(0.97);
              transform: translateZ(0) scale(0.97);
    }
    50% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    75% {
      -webkit-transform: translateZ(0) scale(0.97);
              transform: translateZ(0) scale(0.97);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  
  @-webkit-keyframes log2 {
    0% {
      -webkit-transform: scale(0.95);
              transform: scale(0.95);
    }
    25% {
      -webkit-transform: translateZ(0) scale(1);
              transform: translateZ(0) scale(1);
    }
    50% {
      -webkit-transform: scale(0.95);
              transform: scale(0.95);
    }
    75% {
      -webkit-transform: translateZ(0) scale(1);
              transform: translateZ(0) scale(1);
    }
    100% {
      -webkit-transform: scale(0.95);
              transform: scale(0.95);
    }
  }
  
  @keyframes log2 {
    0% {
      -webkit-transform: scale(0.95);
              transform: scale(0.95);
    }
    25% {
      -webkit-transform: translateZ(0) scale(1);
              transform: translateZ(0) scale(1);
    }
    50% {
      -webkit-transform: scale(0.95);
              transform: scale(0.95);
    }
    75% {
      -webkit-transform: translateZ(0) scale(1);
              transform: translateZ(0) scale(1);
    }
    100% {
      -webkit-transform: scale(0.95);
              transform: scale(0.95);
    }
  }
  
  @-webkit-keyframes log3 {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    25% {
      -webkit-transform: translateZ(0) scale(0.95);
              transform: translateZ(0) scale(0.95);
    }
    50% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    75% {
      -webkit-transform: translateZ(0) scale(0.95);
              transform: translateZ(0) scale(0.95);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  
  @keyframes log3 {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    25% {
      -webkit-transform: translateZ(0) scale(0.95);
              transform: translateZ(0) scale(0.95);
    }
    50% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    75% {
      -webkit-transform: translateZ(0) scale(0.95);
              transform: translateZ(0) scale(0.95);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  
  @-webkit-keyframes log4 {
    0% {
      -webkit-transform: scale(0.95);
              transform: scale(0.95);
    }
    25% {
      -webkit-transform: translateZ(0) scale(1);
              transform: translateZ(0) scale(1);
    }
    50% {
      -webkit-transform: scale(0.95);
              transform: scale(0.95);
    }
    75% {
      -webkit-transform: translateZ(0) scale(1);
              transform: translateZ(0) scale(1);
    }
    100% {
      -webkit-transform: scale(0.95);
              transform: scale(0.95);
    }
  }
  
  @keyframes log4 {
    0% {
      -webkit-transform: scale(0.95);
              transform: scale(0.95);
    }
    25% {
      -webkit-transform: translateZ(0) scale(1);
              transform: translateZ(0) scale(1);
    }
    50% {
      -webkit-transform: scale(0.95);
              transform: scale(0.95);
    }
    75% {
      -webkit-transform: translateZ(0) scale(1);
              transform: translateZ(0) scale(1);
    }
    100% {
      -webkit-transform: scale(0.95);
              transform: scale(0.95);
    }
  }

  @-webkit-keyframes log5 {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    25% {
      -webkit-transform: translateZ(0) scale(0.95);
              transform: translateZ(0) scale(0.95);
    }
    50% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    75% {
      -webkit-transform: translateZ(0) scale(0.95);
              transform: translateZ(0) scale(0.95);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  
  @keyframes log5 {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    25% {
      -webkit-transform: translateZ(0) scale(0.95);
              transform: translateZ(0) scale(0.95);
    }
    50% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    75% {
      -webkit-transform: translateZ(0) scale(0.95);
              transform: translateZ(0) scale(0.95);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }

/* SISTEM MERIT */
.menu-merit {
    background-color: #181C32;
    border-radius: 8px;
    margin-bottom: 10px;
    /* width: 85%; */
}

.btn-tahun {
  padding: 2px 10px !important;
  border-radius: 20px;
}

.circle-merit {
  border-radius: 72px !important;
  justify-content: center;
  align-items: center;
  display: flex;
}

.menu-merit .menu-link:hover {
    background-color: #FFCC80 !important;
    color: #181C32 !important;
    font-weight: 600;
    
}

.text-merit {
    color: #ffffff !important;
}

.text-merit:hover {
    color: #181C32 !important;
    font-weight: 600;
}

.talent_btn {
    width: 100%;
    height: 150px;
    margin: 10px 0px 10px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0px;
    margin:0px;
}

.talent_parent{
  width: 100%;
  height: 50px;
  margin: 10px 0px 10px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0px;
  margin:0px;
}

.text_rotate {
  transform: rotate(90deg);
}


@media (max-width: 412px){
  .mt-cus {
    margin-top: 30px;
  }
}

@media (max-width: 1400px){
  .text_min {
    font-size: 8pt;
  }
}

.btn.btn-oranges {
  color: #ffffff;
  border-color: #fdaa2d;
  background-color: #fdaa2d;
}
.btn.btn-oranges i {
  color: #ffffff;
}
.btn.btn-oranges .svg-icon svg [fill]:not(.permanent):not(g) {
  transition: fill 0.3s ease;
  fill: #ffffff;
}
.btn.btn-oranges .svg-icon svg:hover [fill]:not(.permanent):not(g) {
  transition: fill 0.3s ease;
}
.btn.btn-oranges.dropdown-toggle:after {
  color: #ffffff;
}
.btn-check:checked + .btn.btn-oranges, .btn-check:active + .btn.btn-oranges, .btn.btn-oranges:focus:not(.btn-active), .btn.btn-oranges:hover:not(.btn-active), .btn.btn-oranges:active:not(.btn-active), .btn.btn-oranges.active, .btn.btn-oranges.show, .show > .btn.btn-oranges {
  border-color: #eb8f05;
  background-color: #eb8f05 !important;
}

.btn.btn-light-oranges {
  color: #fdaa2d;
  border-color: rgba(221, 75, 57, 0.1);
  background-color: rgba(221, 75, 57, 0.1);
}
.btn.btn-light-oranges i {
  color: #fdaa2d;
}
.btn.btn-light-oranges .svg-icon svg [fill]:not(.permanent):not(g) {
  transition: fill 0.3s ease;
  fill: #fdaa2d;
}
.btn.btn-light-oranges .svg-icon svg:hover [fill]:not(.permanent):not(g) {
  transition: fill 0.3s ease;
}
.btn.btn-light-oranges.dropdown-toggle:after {
  color: #fdaa2d;
}
.btn-check:checked + .btn.btn-light-oranges, .btn-check:active + .btn.btn-light-oranges, .btn.btn-light-oranges:focus:not(.btn-active), .btn.btn-light-oranges:hover:not(.btn-active), .btn.btn-light-oranges:active:not(.btn-active), .btn.btn-light-oranges.active, .btn.btn-light-oranges.show, .show > .btn.btn-light-oranges {
  color: #ffffff;
  border-color: #fdaa2d;
  background-color: #fdaa2d !important;
}
.btn-check:checked + .btn.btn-light-oranges i, .btn-check:active + .btn.btn-light-oranges i, .btn.btn-light-oranges:focus:not(.btn-active) i, .btn.btn-light-oranges:hover:not(.btn-active) i, .btn.btn-light-oranges:active:not(.btn-active) i, .btn.btn-light-oranges.active i, .btn.btn-light-oranges.show i, .show > .btn.btn-light-oranges i {
  color: #ffffff;
}
.btn-check:checked + .btn.btn-light-oranges .svg-icon svg [fill]:not(.permanent):not(g), .btn-check:active + .btn.btn-light-oranges .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-light-oranges:focus:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-light-oranges:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-light-oranges:active:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-light-oranges.active .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-light-oranges.show .svg-icon svg [fill]:not(.permanent):not(g), .show > .btn.btn-light-oranges .svg-icon svg [fill]:not(.permanent):not(g) {
  transition: fill 0.3s ease;
  fill: #ffffff;
}
.btn-check:checked + .btn.btn-light-oranges .svg-icon svg:hover [fill]:not(.permanent):not(g), .btn-check:active + .btn.btn-light-oranges .svg-icon svg:hover [fill]:not(.permanent):not(g), .btn.btn-light-oranges:focus:not(.btn-active) .svg-icon svg:hover [fill]:not(.permanent):not(g), .btn.btn-light-oranges:hover:not(.btn-active) .svg-icon svg:hover [fill]:not(.permanent):not(g), .btn.btn-light-oranges:active:not(.btn-active) .svg-icon svg:hover [fill]:not(.permanent):not(g), .btn.btn-light-oranges.active .svg-icon svg:hover [fill]:not(.permanent):not(g), .btn.btn-light-oranges.show .svg-icon svg:hover [fill]:not(.permanent):not(g), .show > .btn.btn-light-oranges .svg-icon svg:hover [fill]:not(.permanent):not(g) {
  transition: fill 0.3s ease;
}
.btn-check:checked + .btn.btn-light-oranges.dropdown-toggle:after, .btn-check:active + .btn.btn-light-oranges.dropdown-toggle:after, .btn.btn-light-oranges:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-light-oranges:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-light-oranges:active:not(.btn-active).dropdown-toggle:after, .btn.btn-light-oranges.active.dropdown-toggle:after, .btn.btn-light-oranges.show.dropdown-toggle:after, .show > .btn.btn-light-oranges.dropdown-toggle:after {
  color: #ffffff;
}


/* MONEV */

.btn-detail {
    padding: 5px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

/* SSW ALFA */

.info-box {
  /* min-height: 140px; */
  margin-bottom: 0px;
  padding: 20px;
}

.info-box .title {
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
}

.info-box .count {
  margin-top: 0px;
  font-size: 50px;
  font-weight: 700;
}

.bg-color-1 {
  color: #fff;
  background: #00aced;
  background-color: #00aced;
}

.bg-color-2 {
  color: #fff;
  background: #3b5998;
  background-color: #3b5998;
}

.bg-color-3 {
  color : #fff;
  background : #00695c;
  background-color : #00695c;
}

.bg-color-4 {
  color : #fff;
  background : #d95043;
  background-color : #d95043;
}

.bg-color-5 {
  color : #fff;
  background : #26c281;
  background-color : #26c281;
}

.bg-color-6 {
  color : #fff;
  background : #bf360c;
  background-color : #bf360c;
}