.bg-shinhan-auth{
  /*background-image: url('../images/background_auth.svg');*/
  /*background-repeat: no-repeat;*/

    background: url('../images/background.png') no-repeat 50% fixed;
    background-size: cover;
    z-index: 1000
}

body.landing-page {
    /*background: linear-gradient(236.94deg, #F55000 13.38%, #DD2424 93.23%);*/
}

.border-curved {
    /*background: url("../../public/images/big-circle.svg") no-repeat;*/
}

.bg-new-materi{
  background-color: #E9E9E9;
  background-image: url('../images/new_materi.svg');
  background-repeat: no-repeat;
  background-size: cover;
}
.bg-arrow-left{
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.2);
}
.image-forgot{
  width: 326px;
  border-radius: 22px;
}
@media(max-width: 1023px){
  .image-forgot{
    width: 270px;
  }
}
.button-forgot{
  background: #01A8E2;
  border-radius: 5px;
}

.flickity-prev-next-button {
  width: 40px;
  height: 40px;
  border-radius: 0;
}
.flickity-prev-next-button.next{
  right: 0px;
}
.row-banner .flickity-prev-next-button.previous{
  left : 0px;
}
.row-new-materi .flickity-prev-next-button.previous{
  left : 16px;
}
.flickity-button-icon{
  fill : #f55000;
}
.carousel img{
  border-radius: 8px;
}
.row-new-materi{
  margin-left: -16px;
}
.nulled-activity{
  background-color: #F7F7F7;;
}
.img-nulled{
  min-width: 128px;
}
.activity-mobile a:first-child{
  border: none;
}

@media(min-width: 768px){
  .list-notif{
    width: 28rem;
  }
}
@media(max-width:768px){
  .materi-baru{
    background-image: linear-gradient(225.83deg, #01A8E2 4.14%, #0066B3 70.94%);
  }
}
.count-notif{
  background-color: #fa3e3e;
  position: absolute;
  padding: 4px 6px;
  font-size: 10px;
  top: -5px;
  left: 28px;
}
.count-unread-message{
  background-color: #fa3e3e;
  position: absolute;
  padding: 4px 6px;
  font-size: 10px;
  top: -5px;
  left: 24px;
}
.count-unread-message-mobile{
  background-color: #fa3e3e;
  position: absolute;
  padding: 4px 6px;
  font-size: 10px;
  top: -7px;
  left: unset;
  right: 7px;
}
.count-notif-mobile{
  background-color: #fa3e3e;
  position: absolute;
  padding: 4px 6px;
  font-size: 10px;
  top: -9px;
  left: unset;
  right: -14px;
}
.count-below{
  padding: 4px 8px;
}

@media(max-width: 768px){
  .content-description{
    text-align: left;
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .nav-chapter-name{
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.container-pdf{
  height : 100vh;
}
@media(max-width: 768px){
  .container-pdf{
      height: calc(100vh - 96px);
      height: -webkit-calc(100vh - 96px);
      height: -moz-calc(100vh - 96px);
  }
}

.container-embed{
  min-height : 100vh;
}
@media(max-width: 768px){
  .container-embed{
    min-height: calc(100vh - 48px);
    min-height: -webkit-calc(100vh - 48px);
    min-height: -moz-calc(100vh - 48px);
  }
}

.swal2-styled.swal2-confirm {
    border-left-color: #F55000 !important;
    border-right-color: #F55000 !important;;
    background-color: #F55000 !important;
}