.jadwal-kotak {
    display: inline-block;
    padding: 8px;
    margin: 5px;
    /*background-color: #f1f1f1;   
 border: 1px solid #ccc;
 border-radius: 5px; 
 */
background-color: transparent;
   
      
  text-align: center; }


.dataTables_wrapper .dataTables_filter input {
  border: 1px solid #e9e9e9 !important;
  width: 100%;
  padding: 8px !important;
}

#dokter-bpjs-table_filter {
  width: 30%;
}

#dokter-bpjs-table thead {
  background: #0e8a44 !important;
  color: #fff !important;
}

.dataTables_wrapper .dataTables_filter input {
  margin-bottom: 16px;
}


table.dataTable thead th, table.dataTable thead td {
  padding: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}


#dokter-bpjs-table tbody tr:nth-child(odd) {
    background-color: #fff; }

#dokter-bpjs-table tbody tr:nth-child(even) {
    background-color: #e4ffef;}

#dokter-bpjs-table table.dataTable.stripe > tbody > tr.odd > *, table.dataTable.display > tbody > tr.odd > * {
  box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0) !important;
}

#dokter-bpjs-table table.dataTable.display > tbody > tr.even > .sorting_1, table.dataTable.order-column.stripe > tbody > tr.even > .sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.02)!important;
}

#dokter-bpjs-table table.dataTable.display > tbody > tr.odd > .sorting_1, table.dataTable.order-column.stripe > tbody > tr.odd > .sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.05) !important;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: none !important;
}

#dokter-bpjs-table .odd , #dokter-bpjs-table .even {
  color: #1e1e1e;
  font-weight: 600;
}


#dokter-bpjs-table .dtr-control {
  color: #1e1e1e;
  font-weight: 600;
}


@media (min-width: 768px) {
        #dokter-bpjs-table th {
            width: 33%;
        }
    }

@media only screen and (max-width: 767px) {
  #dokter-bpjs-table_filter {
  width: 100% !important;
}
}

@media only screen and (max-width: 600px) {
 #dokter-bpjs-table thead {
   font-size: 14px !important;}

.bg-success-bpjs{
font-size: 14px !important;
}

 
 #dokter-bpjs-table tbody{
	font-size: 12px !important;
	line-height: 1.6 !important;
	}
}


.custom-spinner {
  width: 2rem;
  height: 2rem;
  border-top: 4px solid #27255f;
  border-right: 4px solid #27255f;
  border-left: 4px solid #27255f;
  border-radius: 50%;
  animation: spin 0.75s linear infinite;
}

.animate-spinner{
animation: spin 0.75s linear infinite;
margin-left: auto;
margin-right: auto;
display: block;
text-align: center;
}

.ct-shortcode{
width:100% !important;
}

/* Animasi putar */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.vis-hidden{
visibility: hidden;
}

.vis-vis{
visibility: visible;
}

.bg-success-bpjs{
background: #0e8a44 !important;
color: #fff !important;

}