/* Custom page CSS
-------------------------------------------------- */

body {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #E1E1E1;
}

.side-menu {
  font-size: 1vw;
  padding: 10px 2vw;
  cursor:pointer;
}

.side-menu-selected{
  background-color: white;
  font-weight: bold;
  border-radius: 4px;
}

#id-side_bar {
  top: 0;
  position: -webkit-sticky;
  position: sticky;
  overflow-y:auto;
  height: 100vh; 
  padding-top: 10px;
}

#id-side_bar::-webkit-scrollbar {
  display: none;
}

.card-lowongan, .card-menu {
  background: white;
  margin-bottom: 30px;
}

.my-box-shadow {
  /* box-shadow: 7px 7px 0.4rem #cccccc; */
  border-radius: 4px;
}

.icon_file {
  width:3.5vw; 
  height:3.5vw;
}

.icon_eye {
  width:1.5vw; 
  height:1.5vw;
}

.icon_col {
  width: 5vw; 
  flex:none; 
  padding: 1.4vw 0vw;
}

.icon_col img{
  width:4.8vw
}

.job_title {
  font-size: 1.8vw; 
  margin-bottom: -0.5vw;
  margin-top: -0.5vw;
}

.dep_title {
  font-size: 1.3vw;
  color: grey;
}

.pengalaman_title{
  font-size: 1.2vw; 
  position: absolute;
  right: 35vw;
}

.card_title {
  padding: 1vw;
}

.card_text_bottom {
  font-size: 1.2vw;
  margin-bottom: 5px; 
  font-weight:bold;
  color:gray;
}

.desk_requi ul {
  padding-left: 1vw;
  margin-bottom: 5px;
}

.desk_requi {
  font-size: 1.2vw;
  color:gray;
  padding: 0px 15px 10px;
}

.card_row_bottom {
  padding: 1.2vw 2.5vw;
}

.text_detail {
  font-size: 1.3vw;
  font-weight: bold;
  text-align:right;
  white-space: nowrap;
}

.div-periode {
  position: absolute;
    bottom: -2.4vw;
    right: 2%;
    transform: translate(0%, -50%);
    font-family: sans-serif;
    font-weight: bold;
    color: gray;
    /* text-shadow: 0px 0px 1px black; */
    font-size: 1vw;
    /* background-color: #333333b0; */
    /* padding: 0px 5px; */
    /* border-radius: 5px; */
}

.div-image{
  position: relative; 
  text-align: center
}

/* Medium devices (tablets, less than 992px) */
/* @media (max-width: 991.98px) { */
@media (max-width: 767.98px) {
  #id-mobile_menu {
    display:block !important;
  }

  #id-side_bar {
    display: none;
  }

  #id-logo_navbar {
    display:unset !important;
  }

  .konten-utama {
    padding: 0px !important;
    --bs-gutter-x: 0px !important;
  }

  .icon_file {
    width:8.5vw; 
    height:8.5vw;
  }

  .icon_eye {
    width:3.5vw; 
    height:3.5vw;
  }

  .icon_col {
    width: 14vw; 
    padding: 3vw 4vw;
  }

  .icon_col img{
    width:9.8vw
  }

  .job_title {
    font-size: 4.5vw; 
    margin-bottom: -1.2vw;
    margin-top: -1.2vw;
  }

  .dep_title {
    font-size: 3.2vw;
  }

  .pengalaman_title{
    font-size: 3.0vw; 
    position: absolute;
    right: 20px;
  }

  .card_title {
    padding: 2vw;
  }

  .card_text_bottom, .desk_requi {
    font-size: 2.8vw;
  }

  .card_row_bottom {
    padding: 3vw 6vw;
  }

  .text_detail {
    font-size: 3vw;
  }

  .div-periode {
    font-size: 2vw !important; 
    bottom: -5vw;
  }

}

.detail_lowongan li {
  margin-left: -10px;
  list-style-image: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-square' viewBox='0 0 16 16'><path d='M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z'/><path d='M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.235.235 0 0 1 .02-.022z'/></svg>");
}