/* digunakan untuk tambahan css */
.table.table-custom-2 {
  border-spacing: 0 10px;
  border-collapse: separate;
}
.table.table-custom-2 thead tr {
  border-radius: 12px;
  position: relative;
}
.table.table-custom-2 thead tr th {
  font-size: 14px;
  color: #00adb5;
  font-weight: 600;
  padding: 8px 20px;
  border: none;
  background-color: white;
  position: relative;
  line-height: 32px;
  width: 10%;
}


.table.table-custom-2 thead tr {
  border-radius: 16px;
}

.table.table-custom-2 thead tr th:first-child {
  border-left: 1px solid #efefef;
  border-radius: 12px 0 0 12px;
  width: 20%;
}
.table.table-custom-2 thead tr th:last-child {
  border-right: 1px solid #efefef;
  border-radius: 0 12px 12px 0;
  width: 20%;
}

.table.table-custom-2 thead tr:last-child:after {
  width: 100%;
}

.table.table-custom-2 tbody tr td {
  white-space: nowrap;
  background: white;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}

.table.table-custom-2 tbody tr td:first-child {
  border-left: 1px solid #efefef;
  border-radius: 12px 0 0 12px;
}
.table.table-custom-2 tbody tr td:last-child {
  border-right: 1px solid #efefef;
  border-radius: 0 12px 12px 0;
}

.table.table-custom-2 .filter-input .form-control {
  padding: 0px 12px;
  height: 32px;
  border: 1px solid #efefef;
  border-radius: 8px;
}
.table.table-custom-2 .filter-input .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #00adb5;
}

.content-media-body {
border-right: 2px solid #00adb5;
text-align: left;
}

.icon-menu img{
vertical-align: inherit;
}

.green-row td {
background: #E4FFE9 !important;
}

.elipsis-column {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pac-target-input {
  width: 100%;
}

.has-error .select2-selection {
  border-color: rgb(185, 74, 72) !important;
}

.toast.is-visible {
z-index: 999999 !important;
}

.has-error > input{
  border: 1px solid #C91E00 !important;
  background-color: #FFEDED !important;
}
.has-error > div > div > input{
  border: 1px solid #C91E00 !important;
  background-color: #FFEDED !important;
}
.has-error > div.v-select {
  border: 1px solid #C91E00 !important;
  background-color: #FFEDED !important;
}
.has-error > div.v-select >div.vs__dropdown-toggle {
  background-color: #FFEDED !important;
}

.login-container {
  padding-top: 0% !important;
}


.label-status.invert.status-high {
  color: #c91e00;
  background-color: #fff;
  border-color: #c91e00;
}
.label-status.invert.status-high:before {
  color: #c91e00;
}
.label-status.status-high {
  color: #fff;
  background-color: #c91e00;
  border-color: #c91e00;
}
.label-status.status-high:before {
  color: #fff;
}
.label-status.status-moderate {
  color: #fff;
  background-color: #e9b500;
  border-color: #e9b500;
}
.label-status.status-moderate:before {
  color: #fff;
}
.label-status.invert.status-moderate {
  color: #e9b500;
  background-color: #fff;
  border-color: #e9b500;
}
.label-status.invert.status-moderate:before {
  color: #e9b500;
}
.label-status.status-very-high {
  color: #fff;
  background-color: #880808;
  border-color: #880808;
}
.label-status.status-very-high:before {
  color: #fff;
}
.label-status.invert.status-very-high {
  color: #880808;
  background-color: #fff;
  border-color: #880808;
}
.label-status.invert.status-very-high:before {
  color: #880808;
}
.super-red {
  color: #880808 !important;
}

.btn.btn-white-outline-gray {
  color: #00adb5;
  background-color: white;
  border-color: #00adb5;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn.btn-white-outline-gray.active,
.btn.btn-white-outline-gray:active,
.btn.btn-white-outline-gray:focus,
.btn.btn-white-outline-gray:hover {
  background-color: #fff !important;
  border-color: #00adb5;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}