.min-height-300{
min-height: 300px;
}
.min-height-330{
min-height: 330px;
}

.min-height-100{
min-height: 100px;
}

.min-height-200{
min-height: 200px;
}

.modal-content{
  border-radius: var(--bs-border-radius-xl) !important;
}
.btn{
  
}
.content-media img{
border-radius: 0.75rem !important;

}

.ql-align-center{
text-align: center;
}
.ql-editor{
background: #fff;
border: 1px solid #ddd;
}



.ql-container.ql-snow{
border-bottom-right-radius: 0.9rem !important;
border-bottom-left-radius: 0.9rem !important;
border: 1px solid rgba(0, 0, 0, 0.18);
}
.ql-toolbar.ql-snow {
border-top-right-radius: 0.9rem !important;
border-top-left-radius: 0.9rem !important;
border: 1px solid rgba(0, 0, 0, 0.18);
}
.active-sidebar{
background: #00000021;
}
.fs-6 {
  font-size: 0.9rem !important;
}
.box-img-upload{
    border: 3px dashed rgba(112, 112, 112, 0.75) !important;
    padding: 10px;
    color: rgba(58, 58, 58, 0.75) !important;
}

.border-bootstrap {
  border: 0.8px solid #770EEC;
}
.table-bordered tr td{
line-height: 0.6rem;
}

.no-style-table tr td{
line-height: 0.6rem;
}

.active > .page-link, .page-link.active {

  background-color: #f0f0f0;
  border-color: #d2d2d2;
}

.numb-td{
  width: 7%;
  text-align: center;
}
.w-10{
width: 10%;
}
.w-20{
width: 20%;
}
.w-30{
width: 30%;
}
.w-40{
width: 40%;
}
.w-50{
width: 50%;
}
.w-60{
width: 50%;
}
.w-70{
width: 70%;
}
.w-80{
width: 80%;
}
.w-90{
width: 90%;
}
.w-100{
width: 100%;
}

div.dt-container div.dt-layout-row {
margin: 0px;
}
div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-start{
  display: none;
}

div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end{
  display: none;
}

.form-control:disabled {
  background-color: #e9ecefa1;
  opacity: 1;
}

.text-muted-lg{
color: rgba(99, 99, 99, 0.75) !important;
}

.title-block h4{
text-shadow: 1px 1px 2px rgba(151, 151, 151, 0.25);
}
.text-shadow-sm {
    text-shadow: 1px 1px 2px rgba(151, 151, 151, 0.25);
}

.text-shadow {
    text-shadow: 2px 2px 4px rgba(63, 63, 63, 0.31);
}

.text-shadow-lg {
    text-shadow: 3px 3px 6px rgba(48, 48, 48, 0.34);
}

.italic-bold{
font-style: italic !important;
font-weight: bolder !important;
}
.btn-outline-bootstrap {
color: #770EEC;
border: 0.8px solid #770EEC;
background: #fff;
}

.btn-outline-bootstrap:hover {
color: #fff;
background: #770EEC;
border: 0.8px solid #770EEC;

}


.datepicker{
padding: 1rem;
  color: rgb(78, 78, 78);
}
.bootstrap-datetimepicker-widget{
padding: 1rem;
  color: rgb(78, 78, 78);
}
textarea:focus {
  outline: none;
  border: none;
}

.border-top {
    border: 1px solid #e9e9e9;
}

.card-default {
    background: #fff;
    border: 1px solid #e9e9e9;
}

.drag-card {
    background: #fff;
    border: 1px solid #e9e9e9;
    cursor: move;
}

.drag-card-0 {
    background: #fff;
    border: 1px solid #e9e9e9;
}

.dragging {
    opacity: 0.5;
    background: #f1f1f1;
}

.fade-srh {
  opacity: 1;
  transition: opacity 0.3s ease;
}

.fade-srh.hide {
  opacity: 0;
}

.timeform tbody, td, tfoot, th, thead, tr {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  padding-bottom: 5px;
}

.pell-button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  height: 30px;
  outline: 0;
  width: 30px;
  vertical-align: bottom;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: #633c9d;
font-style: normal;
}
.modal-400 { max-width: 400px; }
.navbar-app-eform{
z-index: 9;
}
.card-min{
  min-height: 450px;
}
a{
text-decoration: none;
--bs-text-opacity: 1;
color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity)) !important;
}
body{
margin: 0;
font-family: Nunito,sans-serif;
font-size: .9rem;
font-weight: 400;
line-height: 1.6;
color: #212529;
text-align: left;
background-color: #fff;
margin:0px;
  padding: 0px;
  overflow-x: hidden;
}


.lh-12{line-height: 1.2; margin: 0px;}
h1{line-height: 1.2; margin: 0px;}
h2{line-height: 1.2; margin: 0px;}
h3{line-height: 1.2; margin: 0px;}
ol{
  padding-left: 1rem !important;
}
h4{line-height: 1.2; margin: 0px;}
h5{line-height: 1.2; margin: 0px;}
h6{line-height: 1.2; margin: 0px;}
p{line-height: 1.2; margin: 0px;}
i{line-height: 1.2; margin: 0px;}
span{line-height: 1.2; margin: 0px;}
a{line-height: 1.2; margin: 0px; text-decoration: none;}
.fs-13{font-size: 13px;}
.fs-12{font-size: 12px;}
.fs-11{font-size: 11px;}
.fs-10{font-size: 10px;}
.fs-9{font-size: 9px;}
.fs-8{font-size: 8px;}
.btn{border:none;}
.lh-13{line-height: 1.3;}
.lh-13 p{line-height: 1.3;}
.lh p{line-height: 1.3;}
.i-fs-1{
font-size: 45px;
}
.bg-light{
background: #fff;
}
.bg-image {
  background-image: url("/img/img-bg-default.png");
}
.pointer{
cursor: pointer;
}
.text-muted-2{
color: #797979;
}
.ratio-16x9 {
  --bs-aspect-ratio: 46.25%;

}
.ratio {
  position: relative;
  width: 80%;
}

.bg-bootstrap{
background: #770EEC;
color: #fff;

}

.min-vh-50{
min-height: 50vh !important;
}
.btn-bootstrap{
background: #770EEC;
color: #fff;
line-height: 1.2;
padding-top: 0.5rem !important;
border:none;
}

.btn-bootstrap:hover{
background: #9169ce;
color: #fff;
}

.text-bootstrap{
color: #633c9d;
}

dl, ol, ul {
  margin-top: 0.25rem;
  margin-bottom: 1rem;
}
.nav-link{
color: #6c6c6c;
}
.nav-link:hover{
background: #00000021;
  cursor: pointer;
  color: #6c6c6c;
}
.card-min-text{
min-height: 100px;
}
.active{
color: #6c6c6c;
font-weight: bolder;
}

.bg-table-default{
background: #ccb7e6;
color: #fff;
}

.bg-response-success{
background-color: #61b55a;
}

.bg-response-danger{
background-color: #e15353;
}

.detail {
      max-height: 90px;
      overflow: hidden;
      transition: max-height 0.3s ease;
    }
    .detail.show {
      max-height: 1000px; /* cukup besar agar semua teks muncul */
    }
    .read-more-btn {
      background: #007BFF;
      color: #fff;
      border: none;
      padding: 6px 12px;
      margin-top: 5px;
      cursor: pointer;
      border-radius: 5px;
    }

.img-list-prodi{
  width: 100%;
  height: 140px;
  object-fit: cover;
}

.table-default {
  --bs-table-color: #000;
  --bs-table-bg: #ccb7e6;
  color: #fff;
}

.tabledefaults td {
  border: 1px solid;
  padding-top:3px;
  padding-bottom: 3px;
}

.tabledefaults th {
  border: 1px solid;
  padding-top:3px;
  padding-bottom: 3px;
}

.tabledefaults {
  width: 100%;
  border-collapse: collapse;
}

.container{background: #fff}

.pcr:hover{
  background: #eee;
  cursor: pointer;
}

.pcr-muted:hover{
  background: #00000021;
  cursor: pointer;
}

.carousel-control-next, .carousel-control-prev{
width: 10%;
}


@media(min-width: 800px){
.d-mobile{
display: none;
}

.d-desktop{
display: ;
}
.carousel-item img {
  width: 100%;
  height: 325px;
  object-fit: cover;
}
.nav-link{
font-size: 12px;
}
.img-list-artikel{
  width: 100%;
  height: 60px;
  object-fit: cover;
}
.carousel-indicators{
margin-bottom: 0.5rem;
}
.pxm-5{padding-right: 3rem !important; padding-left: 3rem !important;}
.pxm-4{padding-right: ; padding-left: ;}
.mtm-4{margin-top: ;}
.pem-4{padding-right: 1.5rem !important;}
.pxd-4{padding-right: 1.5rem !important;padding-left: 1.5rem !important;}
.psd-4{padding-left: 1.5rem !important;}
.pxd-3{padding-right: 1rem !important;padding-left: 1rem !important;}
.pxd-0{padding-right: 0px;padding-left: 0px;}
.ped-0{padding-right: 0px;}
.border-d-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.card-body-prodi{padding-right: 0.7rem !important; padding-left: 0.7rem !important;}
.fsm-6{
  font-size: 14px;
}
.h-md-60{
height: 80px;
}
.w-md-60{
width: 60px;
height: 80px;
}
.px-s-3{
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.max-height-text-sm{
max-height: 70px;
overflow: hidden;
}
}

.img-200-px{
height: 200px;
  object-fit: cover;
}
.min-height-40px{
height: 40px;
}

@media(max-width: 800px){
.px-m-1{
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.min-height-40px{
height: 60px;
overflow: scroll;
}
.img-200-px{
height: 160px;
  object-fit: cover;
}
.px-s-3{
padding-left: 0px;
padding-right: 0px;
}
.px-m-2{
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.mb-m-2{
margin-bottom: 0.5rem !important;
}
.h-md-60{
height: 70px;
}
.d-p-0{
padding: 0px;
}
.fsm-6{
  font-size: 12px;
}
.d-mobile{
display: ;
}
.mb-m-3{
margin-bottom: 1rem !important;
}

.mb-m-4{
margin-bottom: 1.5rem !important;
}

.mb-m-5{
margin-bottom: 3rem !important;
}
.container{
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}

.container-sm{
padding-right: 2.0rem !important;
padding-left: 2.0rem !important;
}
.pxm-1{padding-right: 0.25rem !important; padding-left: 0.25rem !important;}
.pxm-0{padding-right: 0px;padding-left: 0px;}
.card-body-prodi{padding-right: 0.5rem !important; padding-left: 0.5rem !important;}
.d-desktop{
display: none;
}
.carousel-item img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.pxm-4{padding-right: 1.5rem !important; padding-left: 1.5rem !important;}
.pxm-sm-4{padding-right: 1rem !important; padding-left: 1rem !important;}
.mtm-4{margin-top: 1.5rem !important;}
.mbm-4{margin-bottom: 1.5rem !important;}
.pem-4{padding-right: ;}
.fsm-6{font-size: 14px;}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 50%;
}
.nav-link{
font-size: 12px;
}
.max-height-text-sm{
min-height: 50px;
max-height: 50px;
overflow: hidden;
}

}