.select2-results__options {
    max-height: 350px !important;
}

.vakata-context {
     z-index:20000 !important;
}

.toggle {
    display: none;
}

.dynatable-pagination-links {
    margin-right: 0 !important;
}

input.tableSelection {
    margin-left: 5px;
}

.custom-menu {
    cursor: pointer;
    width: 10%;
    float: left;
    margin-left: 45%;
    margin-right: 45%;
    margin-top: 10px;
}
.custom-menu div {
    width: 100%;
    height: 5px;
    background-color: #666666;
    margin: 6px 0;
    border-radius: 5px;
}

#new-dataset-from-asset-list-overlay,#k-for-clustering-overlay,#create-assignee-datasets-overlay {
    position: fixed;
    display: none;
    width: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 10000;
    cursor: pointer;
}

#new-dataset-from-asset-list-inside,#k-for-clustering-inside,#create-assignee-datasets-inside {
    position: absolute;
    top: 50%;
    left: 50%;
    color: black;
    z-index: 10001;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

#new-dataset-from-asset-list {
    font-size: 15;
    width: 300px;
    height: 200px;
}
#create-assignee-datasets {
    font-size: 15;
    width: 300px;
    height: 300px;
}


label {
    margin-bottom: 3px;
}
.draggable div.collapse-header label {
    margin-bottom: 0px;
}

.draggable {
    border: 1px rgba(0,0,0,.1) solid;
    border-radius: 4px;
    border-collapse: collapse;
    background-color: #ddd;
    font-size: 14 !important;
    padding: 3;
}

.start .draggable .collapse {
    display: none !important;
}

h4, h5 {
    margin-left: auto;
    margin-right: auto;
}

.not-implemented {
    background-color: rgba(255,0,0,0.2) !important;
}

.highlight {
    background-color: rgba(0,0,255,0.2) !important;
}

.template-remove-button {
    width: 10%;
    margin-left: 10;
    cursor: pointer;
    padding: 3px;
    font-weight: bolder;
}

h5 {
    padding-top: 10px;
}

.btn-group {
    width: 100%;
}

.btn-outline-secondary {
    color: black;
    border-style: solid;
    border-width: 1px;
}

.target {
    margin-top: 10px;
}

.start {
    margin-top: 10px;
}

.collapsible-header label {
    cursor: pointer;
    font-size: 15;
    font-weight: 500;
}

.dynatable-processing {
    display: none !important;
}

.draggable .draggable {
    font-size: 12 !important;
}

.draggable .draggable .draggable  {
    font-size: 12 !important;
}

body {
    background-color: #white;
}

.mycheckbox {
    float: right;
    display: none;
    margin-right: 3px;
    margin-top: 5px;
}

.collapse {
    width: 100%;
    max-height: 0px;
    overflow-y: hidden;
    overflow-x: hidden;
}

.collapse.show {
    max-height: none;
}

button.multiselect.dropdown-toggle {
    width: 100%;
    background-color: white;
}

.highcharts-container {
    width: 100%;
}

th.sortable {
    cursor: pointer;
}

label {
    margin-bottom: 0px;
}


.sidebar {
    background-color: #c4c4c4;
    z-index: 5000;
}

.collapsible-header {
    cursor: pointer;
    width: 100%;
}

.collapsible-form {
    padding-bottom: 20px;
}

.form-top {
    padding-top: 15px;
    border-bottom: 1px solid #ddd;
}

.tooltip-inner {
    max-width: 400px;
}


.header-main {
    color: black;
    background-color: #ccc;
    padding-top: 15px;
    z-index: 50000 !important;
}

.header-top {
    position: fixed;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    border-bottom: 1px lightgray solid;
    margin-left: 0;
    top: 0;
    left: 0;
    z-index: 999;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
 }

.remove-button {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    float: right;
    margin-top: -2;
    padding: 0px 5px;
}

input.form-control {
    border: 1px solid #aaa;
    height: 32px;
}

.placeholder {
    color: #999;
}

.div-button {
    cursor: pointer;
    font-weight: 500;
    width: 50%;
}

.select2-selection--multiple:before {
    content: "";
    position: absolute;
    right: 7px;
    top: 42%;
    border-top: 5px solid #888;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}


.select2-results__option[role="treeitem"] {
   padding-left: 1em !important;
}


/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

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


@keyframes spinner {
  to {transform: rotate(360deg);}
}

.spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #333;
  animation: spinner .6s linear infinite;
  color: transparent;
}

.spinner {
    color: transparent !important;
}

.richtext {
    overflow: hidden;
    margin: 2px 0;
    vertical-align: top;
}
.richtext > pre {
    border: 1px solid transparent;
    z-index: 1;
    position: absolute;
    overflow: hidden;
    height: 25px;
    background: #fff;
}
textarea, .richtext {
    padding: 5px;
    color: #282828;
    background: #fff;
    outline: 0;
    border: 1px solid #BABABA;
}
textarea, .richtext > pre {
    font-family: monaco, courier;
    font-size: 1rem;
    width: 400px;
}
.unmatched {
    background: red;
}
.paren_0 { /* 5 */
    background: #00ff00;
}
.paren_1 {
    background: #b6e4b6;
}
.paren_2 {
    background: #c0c000;
}
.paren_3 {
    background: #008000;
}
.paren_4 {
    background: #808000;
}
.selected_paren {
    background: #00ffff !important;
}


#context-menu-items{
  list-style:none;
  margin:0px;
  margin-top:4px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:3px;
  font-size:17px;
  color: #333333;

}

#context-menu-cntnr hr {
  width: 85%;
  background-color:#E4E4E4;
  border-color:#E4E4E4;
    color:#E4E4E4;
}

#context-menu-cntnr {
  z-index: 10000;
  display:none;
  position:absolute;
  border:1px solid #B2B2B2;
  width:220px;
  background:#F9F9F9;
  box-shadow: 3px 3px 2px #E9E9E9;
  border-radius:4px;
}

#context-menu-cntnr li {
  cursor: pointer;
  padding: 3px;
  padding-left:10px;
}


#context-menu-cntnr li:hover{
  color: white;
  background:#284570;
  border-radius:2px;
}

#context-menu-cntnr li.nohover:hover {
  color: black !important;
  background: white !important;
  border-radius:2px;
}

#context-menu-cntnr li form:hover{
  color: white;
  background:#F9F9F9;
  border-radius:2px;
}

.lightbox {
  position:fixed; /* keeps the lightbox window in the current viewport */
  top:0;
  left:25%;
  width:75%;
  height:100%;
  z-index: 10100;
  background-color: rgba(0,0,0,0.5);
  cursor: pointer;
  padding: 0;
  margin: 0;
}