.red{border:1px solid red;}
.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.btn-circle {
    width: 25px !important;
    height: 25px !important;
    padding: 4px 0px;
    border-radius: 15px !important;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
}

.btn-circle-add.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.btn-circle-add {
    width: 40px;
    height: 40px;
    padding: 6px 0px;
    border-radius: 25px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
}

.page-content--bge5 {
    height: auto !important;
}
.form-control{
  font-size: 14px !important;
}

.form-check-inline{
  padding-left: 20px !important;
}

/*first css custom fazal  */
.w-100{width: 100%;}
.w-25{width:25%;}
.flex{display: flex;}
.m-left-15{margin-left: 15px;}
.m-10{margin:10px;}
.m-top-15{margin-top: 15px;}

.pad-left-40{padding-left: 40px;}
.pad-right-40{padding-right : 40px;}
.modal-title-bg{
  background-color: #4272D7;
}

.image-c{
  margin-top:5px;
}
.card-figure{
  width: 35%;
  height: 115px;
  margin-right: 25px;
  box-shadow: 0 1px 3px 0 #D4D4D5, 0 0 0 1px #D4D4D5;
}
.card-img{
  height: 100%;
  position: relative;
  object-fit: cover;
  object-position: top;
}

.flex-row{
  display: flex;
  flex-direction: row;
}

.flex-wrap{
  display: flex;
  flex-wrap: wrap row;
}

.pos-right{
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.card-body-text{
  text-align: justify;
}

.btn-outline-white{
  color:white;
  border:1px solid white;
}

.btn-outline-white:hover{
  background: #ffffff;
  border-color: #1875d8;
  color: #585858;
}

.mdl{
  background-color:#020202a6;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
}
.obj-middle{
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-mess{
  background-color: white;
  width: 32%;
  height: auto;
  min-height: 270px;
  border-radius: 5px;
  box-shadow: 0 2px 7px 0 #b5b5b5ad;
  padding: 25px;
  text-align: center;
}


.form-radio{
  margin-right: 5px;
}
.section__content--p30{
  padding: 0 !important;
}

.card-3{
  position: relative;
  width: calc(33.3% - 20px);
  height: auto;
  padding: 10px;
  background-color: white;
  margin-bottom:20px;
  box-shadow: 0 5px 5px 0 #00000029;
}
.card-3-header{
  height: auto;
}
.line-bottom{
  border-color:#9c9c9c;
  position:absolute;
  width:100%;
  left:0;
  margin-top: 10px;
}
.card-3-body{
  height: auto;
  text-align: right;
  position: relative;
  margin: 30px 0;
}

.status-aktif{
  font-size: 24px;
  color: #707070;
  font-weight: 500;
}

.form-waktu{
  border: 1px solid #ced4da;
  width: calc(50% - 20px);
  font-size: 12px;
  cursor: pointer;
}
.form-text{
  color: #d44242 !important;
  margin-top: 0.25rem;
}
.er-nama,.er-satuan,.er-foto, .none{
  display: none;}

.obj-between{
  display: flex;
  justify-content: space-between;
}
.error {
  font-size:small;
  color:red;
  display: block;
}
.content_artikel{

  font-size: 20px;
  text-align: justify;
  color:#2d2d2d;
}
.page-detail-image{
  width: 100%;
  max-width: 500px;
  height: auto;
  margin:15px 0;
}
#imgPreview{
  margin-top: 25px;
}

table td {
  font-size: 12px;   
}

.margin-auto {margin:auto;}

.capitalize { text-transform: capitalize; }
.table-data3 thead tr th {
  padding-top:18px;
  padding-bottom:18px;
  padding-right: 18px;
  padding-left: 18px;
}
.table-data3 tbody td {
  padding-top:12px;
  padding-bottom:12px;
  padding-right: 12px;
  padding-left: 12px;
}
.table-data3 thead tr th:last-child{
  text-align: center;
  padding-right: 18px;
}
.table-data3 tbody tr td:last-child{
  text-align: center;
  padding-right: 12px;
}
/*end css custom fazal  */