/* iCoMut text */

body {
    font-family: Arial;
}

.icm-text {
    font-size: 12px;
    cursor: pointer;
}

/* iCoMut specific */
.icm-hidden {
    display: none;
}

.icm-glyph a {
    background-color: #6f9196;
    color: #fff;
    padding: 3px;
}

/*bootstrap customized*/
#icm-help .modal-dialog{
    width:1000px;
}

#icm-root {
    padding-left:20px;
}

#icm-tip-table {
    background-color : rgba(0, 0, 0, 0.7);
    color: white;

}

#button-toolbar .tooltip {
  top: 0;
  left: 50%;
  padding-top:20px;
  margin-left: -5px;

}
table {
    font-size: 14px;
}
td {
    padding: 2px;
}
.icm-tooltip-class {
     background-color : white;
   display: none;
   padding: 10px;
   text-align:left;
   color: black;
   position:absolute;
   font-size:16px;
   z-index:4000;
   border-radius:5px;
   pointer-events: none;
    border:1px solid #ddd;
}

#icm-info-panel {
    width:250px;
    left:800px;
    top: 20px;
    height:60%;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    border-radius: 6px;
    background-color:white;
    border: solid 2px #aaa;
}

#icm-info-panel .modal-dialog {
    width:250px;
    border: 0px;
    margin-top: 5px;
    height: 300px;
    /*display:block;*/
    /*overflow:auto;*/
}

#icm-info-panel .modal-content {
    /*border:solid 2px #aaa;*/
    border: 0px;
    box-shadow: 0 0 0;
    -webkit-box-shadow: 0;
}
.modal-body {
    overflow-y:scroll;
}

/*status update*/
#icm-status {
    color:#fff;
    position:fixed;
    background-color: #040404;
    opacity:0.8;
    z-index:200;
    padding-left: 2px;
    width:40%;
    height:20px;
    top:0;
    left:30%;
}

/** Note: any CSS rule which is used in the svg must be in lowercase so that the SVG can be exported **/

/** color classes **/
/*heatmap rectangles*/
.hmap-na {fill: #ddd;}
.hmap-default {fill:#fff;stroke:#eee;stroke-width:1;}
.hmap-unassigned {fill:#000;}

/* generic layers for stack bar charts*/
.icm-layer0 {fill:#376770; }
.icm-layer1 {fill:#9BCAD3;}
.icm-layer2 {fill:#23BAD7; }

.ms0 {fill:#C72C43; }
.ms1 {fill:#F67F55; }
.ms2 {fill:#FCD97F; }
.ms3 {fill:#E2F590; }
.ms4 {fill:#8BCD84; }

/* generic binary data set colors*/
.icm-binary0 {fill:#800040;}
.icm-binary1 {fill:#535353;}


/* clinical Age */
.age-6 {fill: #242c2e;}
.age-5 {fill: #49585C;}
.age-4 {fill: #596c71;}
.age-3 {fill: #697f85;}
.age-2 {fill: #a5c8d0;}
.age-1 {fill: #b8e0eb;}

/* clinical CIN */
.cin-1 {fill: #ffffcc;}
.cin-2 {fill: #c2e699;}
.cin-3 {fill: #78c679;}
.cin-4 {fill: #31a354;}
.cin-5 {fill: #006837;}

/* vital status */
.vital-y {fill:#800040;}
.vital-n {fill:#535353;}

/* gender */
.male {fill:#7570b3}
.female {fill:#e7298a}

/* generic categorical */
.icm-cat0 {fill: #BDF7FD;}
.icm-cat1 {fill: #febf85}
.icm-cat2 {fill: #B87DB2}
.icm-cat3 {fill: #388885}
.icm-cat4 {fill: #C1EFAE}
.icm-cat5 {fill: #845930}
.icm-cat6 {fill: #1F4951}
.icm-cat7 {fill: #376770}
.icm-cat8 {fill: #ad5b56}
.icm-cat9 {fill: #e6a561}
.icm-cat10 {fill: #333333}
.icm-cat11 {fill:#3a4b4d;}
.icm-cat12 {fill:#6f9196;}
.icm-cat13 {fill: #d1d1d1}

/* clusters */
.cl0 {fill:#99ffff;}
.cl1 {fill:#1f78b4;}
.cl2 {fill:#b2df8a;}
.cl3 {fill:#33a02c;}
.cl4 {fill:#ffc61a;}
.cl5 {fill:#7b3294;}
.cl6 {fill:#BDF7FD;}
.cl7 {fill:#8F999A;}
.cl8 {fill:#4379A8;}
.cl9 {fill: #e5a5d4;}

/* blues */
.b1 {fill: #BDF7FD;}
.b2 {fill: #b0e5ec;}
.b3 {fill: #90bbc1;}
.b4 {fill: #6f9196;}
.b5 {fill: #5e7a7e;}
.b6 {fill: #4e6669;}
.b7 {fill: #3a4b4d;}
/* qvalue */
.q0 {fill: #fff; stroke:#eee; stroke-width:1;}
.q1 {fill: #e2e2e2}
.q2 {fill: #d1d1d1}
.q3 {fill: #c2c2c2}
.q4 {fill: #b3b3b3}
.q5 {fill: #a1a1a1}
.q6 {fill: #8a8a8a}
.q7 {fill: #6d6d6d}
.q8 {fill: #5e5e5e}
.q9 {fill: #4c4c4c}
.q10 {fill: #333333}
.q11 {fill:#272727}
.q12 {fill: #111111}
/* gene mutation */
.mut0 {fill:#fff; stroke:#ddd; stroke-width:1;}
.mut1 {fill: #59D0F4;}
.mut2 {fill: #376770;}
.mut3 {fill: #639D4B;}
.mut4 {fill: #004080;}
.mut5 {fill: #0080ff;}
.mut6 {fill: #A6DA8F;}
.mut7 {fill: #EA89DA;}
.mut8 {fill: #DA5C5C;}
/*copy number*/
.cp0 {fill:#fff; stroke:#ddd; stroke-width:1}
.cp1 {fill: #2B69CA;}
.cp2 {fill: #68aeff;}
.cp3 {fill: #ff788c;}
.cp4 {fill: #ff0825;}
.cp5 {fill: #eee;}

/*diverging categories*/
.div-5 {fill:#0571b0;}
.div-4 {fill:#358cbe;}
.div-3 {fill:#66a7cc;}
.div-2 {fill:#96c1db;}
.div-1 {fill:#c7dce9;}
.div-0 {fill:#f7f7f7;}
.div0 {fill:#f7f7f7;}
.div1 {fill:#eec6cc;}
.div2 {fill:#e594a1;}
.div3 {fill:#dc6376;}
.div4 {fill:#d3314b;}
.div5 {fill: #ca0020;}

/*Grade*/
.grd-0 {fill: #bdd7e7;} /*1*/
.grd-1 {fill: #6baed6;} /*2*/
.grd-2 {fill: #08519c;} /*3*/

/*Genome Doublings*/
.dbl-0 {fill: #fee8c8;}
.dbl-1 {fill: #fdbb84;}
.dbl-2 {fill: #e34a33;}

/*Tumor Site*/
.site-0 {fill: #b2e2e2;} /*Non-cavity*/
.site-1 {fill: #006d2c;} /*Body Cavity*/

/*Sarcoma Histological Categories*/
.sarc-0 {fill: #377eb8;} /*mfs*/
.sarc-1 {fill: #e41a1c;} /*ups*/
.sarc-2 {fill: #ffff33;} /*mpnst*/
.sarc-3 {fill: #4daf8c;} /*ddlps*/
.sarc-4 {fill: #a65628;} /*ulms*/
.sarc-5 {fill: #ff9600;} /*stlms*/
.sarc-6 {fill: #984edc;} /*ss*/

.axis {
  font: 10px sans-serif;
}

.axis path,
.axis line {
  fill: none;
  stroke: #a5a5a5;
      stroke-width: 2;
  /*shape-rendering: crispEdges;*/
}

.x.axis path,
.x.axis line {
    display:none;
}

/* bootstrap */
.btn {
    cursor: pointer;
    background-color: #FFF;
    border-radius: 4px;
    text-align: left;
}

.glyphicon {
    font-size: 14px;
    /*margin-right: 5px;*/
}

.checkbox-grid { list-style-type: none; }
.checkbox-grid label { margin-left: 10px; }

/* fixmodal issue with bootstrap and select2 */
.select2-dropdown { z-index: 1100; }

.icm-export {
   background: rgba(11, 3, 4, 0.85);
   border-radius:5px;
   max-width: 600px;
   color: #FFF;
}

.icm-export input {
  color: #000; 
  margin-top: 10px;
}

.icm-export .close {
  color: #FFF;
  opacity: 0.9;
}

.icm-export-footer {
  float:right;
  margin: 10px;
}

.btn-secondary {
  color: #ffffff;
  background-color: #777;
  border-color: #555;
}

.btn-secondary:hover, .btn-secondary:focus,
.btn-secondary:active, .btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
  color: #ffffff;
  background-color: #888;
  border-color: #444;
}

/* .tooltip.bottom .tooltip-arrow { */

.icm-export-title {
  background: rgba(11, 3, 4, 0.75);
  border-bottom: none;
}

.sample-mask {
    pointer-events: none;
}

#button-toolbar {
    margin-top: 6px;
    padding-bottom: 10px;
}

#button-toolbar a {
    height: 20px;
    width: 20px;
}

/* Search Box */
#icm-sample-search {
    margin-left: 5px;   
}

#icm-search-icon {
    top: -2px;
    right: -40px;
    font-size: 20px;
}

#icm-search-label { 
    position: absolute;
    font-weight: normal;
    top: 10px;
    width: 85px;
    
}

#icm-search-div {
    margin-bottom: 0px;
    width: 400px;
}


#icm-adv-search-button {
    margin: 5px 20px;
    z-index: 10;
    position: absolute;
    cursor: pointer;

}


#icm-adv-search-panel-head {
    padding-left: 20px;
    padding-right:  20px;
}

#icm-adv-search-panel-content {
    overflow-y: auto;
}

#icm-adv-search-panel .modal-dialog {
    width:650px;
}

#icm-logic-radio-input {
    margin-top: 5px;
    text-align: center;

    
}

#icm-logic-radio-input label {
    margin-right: 20px;
}


.icm-adv-incl-excl {
    width : 350px;
}

#icm-adv-search-functable {
    margin-left:5px;
    margin-right: 20px;
    width: 630px;
    table-layout: fixed;
    margin-top: 20px;
    border-spacing: 5px;
}
#icm-adv-search-functable tr {
    line-height: 25px
}

#icm-adv-search-functable tr td,th {
    text-align: center;
}

#icm-adv-search-functable tbody { 
    border-bottom: 1px solid lightgray;
    border-top: 1px solid lightgray;
}

.icm-rem-panel-btn {
    cursor: pointer;

}

#icm-add-panel-btn {
    margin-top: 3px;
    cursor: pointer;
}
.icm-val-chooser {
    width: 115px;
    margin: 2px;
}

#icm-search-reset {
    float: left;
}

.version { text-align: center;}

#icm-clear-search {
    color: grey;
    position: absolute;
    margin-top:6px;
    right: 5px;
    cursor: pointer;
    font-size: 18px;
}

#icm-print-panel .modal-dialog{
    width:95%;
    max-width: 1200px;
}


#icm-select-gene-id {
    width: 350px;
}