/* Datatable */

table.dataTable tbody tr.selected {
  background-color: #b0bed9;
}

/* Size of buttons for column visibility in table  */
.columnVisibilityBtn {
  width: 200px;
  text-align: left !important;
}

.dt-button-collection {
  max-height: 200px;
  overflow-y: scroll;
}


/* SelectPicker */
.bootstrap-select .btn {
  padding: 8px 8px;
  font-size: 12px;
}

/* Child Row */

td.details-control {
  background: url('../img/details_open.png') no-repeat center center;
  cursor: pointer;
}
tr.details td.details-control {
  background: url('../img/details_close.png') no-repeat center center;
}

/* Sub Menu */
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}

/* Col Visibility */
.ClassVisible {
  background-color: #1ab394;
  color: #FFFFFF !important;
}

a.ClassVisible:hover {
  color: black !important;
}

.glyphicon-mymenu {
  /* padding-top: 0.6em;
  font-size: 10px; */
  padding-top: 0.2em;
  padding-left: 10px;
}

  
.modal .toggle-vis {
  margin-bottom: 8px;
}

.modal .toggle-VisComplex {
  margin-bottom: 8px;
}

th { font-size: 14px; }
td { font-size: 14px; }


/* Tooltip */
.tooltip.primary .tooltip-inner          { color:rgb(103, 106, 108) ;
  background-color:    #FFFFFF; }
.tooltip.primary.top > .tooltip-arrow    { border-top-color:    #FFFFFF; }
.tooltip.primary.right > .tooltip-arrow  { border-right-color:  #FFFFFF; }
.tooltip.primary.bottom > .tooltip-arrow { border-bottom-color: #FFFFFF; }
.tooltip.primary.left > .tooltip-arrow   { border-left-color:   #FFFFFF; }

/* Modal popup with select */
/* Important part */
.modal-dialog{
  overflow-y: initial !important
}
.modal-body{
  height: 550px;
  overflow-y: auto;
}

.modal-fullscreen {
  width: auto;
  height: 800px;
}

/* Dropdown at left */
.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}
.dropleft .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:""}
.dropleft .dropdown-toggle::after{display:none}
.dropleft .dropdown-toggle::before{display:inline-block;width:0;height:0;margin-right:.255em;vertical-align:.255em;}
.dropleft .dropdown-toggle:empty::after{margin-left:0}
.dropleft .dropdown-toggle::before{vertical-align:0}

/* a element disabled */
a.disabled {
  pointer-events: none;
  cursor: default;
}

/* Dropdown allow elements in the same line */
.d-inline-block{
  display:inline-block;
}


/* Hpo Delete Button */
.deleteHpo-box {
  display: inline-block;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin: 3px;
}

.deleteHpo-button {
  position: relative;
  background-color: #1ab394;
  color: #FFFFFF;
  border: none;
  padding: 1px 3px;
  border-radius: 3px;
  font-size: 10px;
  cursor: pointer;
  float: right; /* Align the delete button to the right */
}