body{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-0-user-select: none;
user-select: none;
}
@media print {
  .noprintholesa{
    display: none !important;
  }
}

@media print{
  .breakpageholesa{
    page-break-after: always;
  }
}

.nav-item {

   /* background-color: darkmagenta; */
}

.holesacards{
  background-color: #10e36f;
  transform: scale(1.1);
}

.modal-header {
color:#fff;
border-bottom:1px solid #eee;
padding:9px 15px;
background-color: blue;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width: 100%;
}

textarea{
  white-space: pre-wrap;
}
.table-responsive {
  overflow-y: visible !important;
}
.modal-dialog{
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#holesastylingbima {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
#holesastylingbima td, #holesastylingbima th {
  border: 1px solid #e310c3;
  padding: 3px;
}
#holesastylingbima tr:hover {background-color: #10e36f;}
.patientsdata {
  border-collapse: collapse;
  width: 100%;
}
.patientsdata td, .patientsdata th {
  border: 0.1px solid black;
}
.patientsdata tr:nth-child(even){background-color: #f2f2f2;}
.patientsdata tr:hover {background-color: #ddd;}
.patientsdata th {
  text-align: left;
  background-color: #A9A9A9;
  color: solid black;
}
#nodata{
background-color: #A9A9A9;  
}
#jumlazote{
  font-weight: bold;
}
.bincardright{
float: right;
margin-right: 2%;
color:red;
}
.bincardleft{
float: left;
margin-left: 2%;
}
.middleconts{
  background-color: white;
}
.holesastyling {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
.holesastyling td, #holesastyling th {
  border: 1px solid #e310c3;
  padding: 3px;
}
.holesastyling tr:hover {background-color: #10e36f;}
.holesastyling th {
  padding-top: 9px;
  padding-bottom: 9px;
  background-color: dimgrey;
  color: white;
  text-align: center;
  border: 2px solid #c1c7c1;
  font-weight: bold;
  position: sticky;
}

.holesastylings {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
.holesastylings td, #holesastylings th {
  border: 1px solid #e310c3;
  padding: 3px;
}
.holesastylings tr:hover {background-color: #10e36f;}
.holesastylings  th {
  padding-top: 9px;
  padding-bottom: 9px;
  background-color: dimgrey;
  color: white;
  text-align: center;
  border: 2px solid #c1c7c1;
  font-weight: bold;
  position: sticky;
}

/*
 FOR DELETE MODAL
*/
.modal-confirm {        
    color: #636363;
    width: 400px;
}
.modal-confirm .modal-content {
    padding: 20px;
    border-radius: 5px;
    border: none;
    text-align: center;
    font-size: 14px;
}
.modal-confirm .modal-header {
    border-bottom: none;   
    position: relative;
    background-color: white;
}
.modal-confirm h4 {
    text-align: center;
    font-size: 26px;
    margin: 30px 0 -10px;
}
.modal-confirm .close {
    position: absolute;
    top: -5px;
    right: -2px;
}
.modal-confirm .modal-body {
    color: #999;
}
.modal-confirm .modal-footer {
    border: none;
    text-align: center;     
    border-radius: 5px;
    font-size: 13px;
    padding: 10px 15px 25px;
}
.modal-confirm .modal-footer a {
    color: #999;
}       
.modal-confirm .icon-box {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    z-index: 9;
    text-align: center;
    border: 3px solid #f15e5e;
}
.modal-confirm .icon-box i {
    color: #f15e5e;
    font-size: 46px;
    display: inline-block;
    margin-top: 13px;
}
.modal-confirm .btn, .modal-confirm .btn:active {
    color: #fff;
    border-radius: 4px;
    background: #60c7c1;
    text-decoration: none;
    transition: all 0.4s;
    line-height: normal;
    min-width: 120px;
    border: none;
    min-height: 40px;
    border-radius: 3px;
    margin: 0 5px;
}
.modal-confirm .btn-secondary {
    background: #c1c1c1;
}
.modal-confirm .btn-secondary:hover, .modal-confirm .btn-secondary:focus {
    background: #a8a8a8;
}
.modal-confirm .btn-danger {
    background: #f15e5e;
}
.modal-confirm .btn-danger:hover, .modal-confirm .btn-danger:focus {
    background: #ee3535;
}
.trigger-btn {
    display: inline-block;
    margin: 100px auto;
}
    /* ABOVE FOR DELETE MODAL */

.holesastylingexamprofil {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
.holesastylingexamprofil td {
  border: 1px solid black;
  padding: 3px;
}
.holesastylingexamprofil tr:hover {background-color: #10e36f;}