/*!
 * custom Illustris.data css
 * (dnelson 2015)
 */

/* data access page styles on top of base */

span.cblock {
  color: #671c0c; 
  font-family: Consolas, "Lucida Console", "Courier New", Courier, monospace; 
  font-size: 85%; 
  padding: 2px 4px; 
  border: 1px solid #e9e9e9; 
  background-color: #fff;
}

a.anchor {
    display: block;
    position: relative;
    top: -60px;
    visibility: hidden;
}

span.simtoggles {
  margin-right: 10px;
  position: relative;
  top: 2px;
  padding: 6px 10px;
  background-color: #eee;
  display: inline-block
}

input.simtoggle {
  margin: 0px 2px 0px 6px;
  position: relative;
  top: 1px;
}

/*td.simname {
  font-size: 18px;
}*/
table.simlist td {
  font-size: 18px;
}

ul.datatoc li a{
  font-size: 16px;
}
p.simstats {
  margin-top: -12px;
}
table.simlistSec {
  margin-top: 30px;
}

.docs_toc {
  list-style: none;
  padding-left: 10px;
}
.docs_toc >li {
  font-size: 120%;
  padding: 3px;
}
.docs_toc ul li{
  margin-left: -0.5em;
  list-style: none;
}

/*
.btn-group .btn-primary {
  border: 1px solid #a47e3c;
  background-color: #d4ae6c;
}
.btn-group .btn-primary:hover {
  border: 1px solid #a47e3c;
  background-color: #a47e3c;
}
.btn-group .active {
  background-color: #a47e3c;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #c09853;
}*/

.formreq {
      color: #f97301;
}
td.sim_has {
  text-align: center;
}
th.sim_has {
  text-align: center;
}

/* correct modal scrollbar shift */
body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
    margin-right: 0;
}
body.modal-open {
    overflow-y: scroll !important;
}
.modal {
    overflow-y: auto;
}

.wget-cmd {
      margin-left: 20px;
      font-size: 80%;
      font-family: Monospace;
      border: 1px dotted #468847;
      background-color: #d6e9c6; /* original: dff0d8 */
      color: #000;
      padding: 4px 6px;
      display: inline-block;
}
 
/* - lightblue white alternating rows with less vertical spacing, better for big tables - */
.ptHead {
  padding: 10px 20px;
  font-size: large;
}

.eoTable { width: 100%; border: 1px solid #333; }
.eoTable tr:nth-child(odd) { background-color:#fafafa; }
.eoTable tr:nth-child(even) { background-color:#f4f4f4; }
.eoTable th { text-align: center; background-color:#ccc; padding: 2px 8px; }
.eoTable td { padding: 0px 6px; }

.eoTableSm { width: 50%; border: 1px solid #333; text-align: center; margin: 0 auto 1em auto; }
.eoTableSm tr:nth-child(odd) { background-color:#fafafa; }
.eoTableSm tr:nth-child(even) { background-color:#f4f4f4; }
.eoTableSm th { text-align: center; background-color:#ccc; padding: 2px 8px; }
.eoTableSm td { padding: 1px 8px; }

@media (max-width: 992px) {
  .eoTableSm { width: 80%; }
}

/* TNG specific documentation style */

.newtng { color: #2177b1; }
.sametng { color: green; }

ul.dirstructure {
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  background-color: #f9f9f9;
}

span.yes {
  width: 13px;
  height: 13px;
  display: inline-block;
  background: url("green_check.png");
}

p.caption {
  text-align: center;
  margin: -10px auto 30px auto;
  font-size: 80%;
}

h3.docs {
  margin: 1em 0;
}
h4 {
  margin-top: 2em;
}
hr.docs {
  margin: 4em 0 3em 0;
}

/* Pygments ($ pygmentize -f html -S friendly > out.css) */

pre .hll { background-color: #ffffcc }
pre .c { color: #60a0b0; font-style: italic } /* Comment */
pre .err { border: 1px solid #FF0000 } /* Error */
pre .k { color: #007020; font-weight: bold } /* Keyword */
pre .o { color: #666666 } /* Operator */
pre .cm { color: #60a0b0; font-style: italic } /* Commentpre .Multiline */
pre .cp { color: #007020 } /* Commentpre .Preproc */
pre .c1 { color: #60a0b0; font-style: italic } /* Commentpre .Single */
pre .cs { color: #60a0b0; background-color: #fff0f0 } /* Commentpre .Special */
pre .gd { color: #A00000 } /* Genericpre .Deleted */
pre .ge { font-style: italic } /* Genericpre .Emph */
pre .gr { color: #FF0000 } /* Genericpre .Error */
pre .gh { color: #000080; font-weight: bold } /* Genericpre .Heading */
pre .gi { color: #00A000 } /* Genericpre .Inserted */
pre .go { color: #888888 } /* Genericpre .Output */
pre .gp { color: #c65d09; font-weight: bold } /* Genericpre .Prompt */
pre .gs { font-weight: bold } /* Genericpre .Strong */
pre .gu { color: #800080; font-weight: bold } /* Genericpre .Subheading */
pre .gt { color: #0044DD } /* Genericpre .Traceback */
pre .kc { color: #007020; font-weight: bold } /* Keywordpre .Constant */
pre .kd { color: #007020; font-weight: bold } /* Keywordpre .Declaration */
pre .kn { color: #007020; font-weight: bold } /* Keywordpre .Namespace */
pre .kp { color: #007020 } /* Keywordpre .Pseudo */
pre .kr { color: #007020; font-weight: bold } /* Keywordpre .Reserved */
pre .kt { color: #902000 } /* Keywordpre .Type */
pre .m { color: #40a070 } /* Literalpre .Number */
pre .s { color: #4070a0 } /* Literalpre .String */
pre .na { color: #4070a0 } /* Namepre .Attribute */
pre .nb { color: #007020 } /* Namepre .Builtin */
pre .nc { color: #0e84b5; font-weight: bold } /* Namepre .Class */
pre .no { color: #60add5 } /* Namepre .Constant */
pre .nd { color: #555555; font-weight: bold } /* Namepre .Decorator */
pre .ni { color: #d55537; font-weight: bold } /* Namepre .Entity */
pre .ne { color: #007020 } /* Namepre .Exception */
pre .nf { color: #06287e } /* Namepre .Function */
pre .nl { color: #002070; font-weight: bold } /* Namepre .Label */
pre .nn { color: #0e84b5; font-weight: bold } /* Namepre .Namespace */
pre .nt { color: #062873; font-weight: bold } /* Namepre .Tag */
pre .nv { color: #bb60d5 } /* Namepre .Variable */
pre .ow { color: #007020; font-weight: bold } /* Operatorpre .Word */
pre .w { color: #bbbbbb } /* Textpre .Whitespace */
pre .mb { color: #40a070 } /* Literalpre .Numberpre .Bin */
pre .mf { color: #40a070 } /* Literalpre .Numberpre .Float */
pre .mh { color: #40a070 } /* Literalpre .Numberpre .Hex */
pre .mi { color: #40a070 } /* Literalpre .Numberpre .Integer */
pre .mo { color: #40a070 } /* Literalpre .Numberpre .Oct */
pre .sb { color: #4070a0 } /* Literalpre .Stringpre .Backtick */
pre .sc { color: #4070a0 } /* Literalpre .Stringpre .Char */
pre .sd { color: #4070a0; font-style: italic } /* Literalpre .Stringpre .Doc */
pre .s2 { color: #4070a0 } /* Literalpre .Stringpre .Double */
pre .se { color: #4070a0; font-weight: bold } /* Literalpre .Stringpre .Escape */
pre .sh { color: #4070a0 } /* Literalpre .Stringpre .Heredoc */
pre .si { color: #70a0d0; font-style: italic } /* Literalpre .Stringpre .Interpol */
pre .sx { color: #c65d09 } /* Literalpre .Stringpre .Other */
pre .sr { color: #235388 } /* Literalpre .Stringpre .Regex */
pre .s1 { color: #4070a0 } /* Literalpre .Stringpre .Single */
pre .ss { color: #517918 } /* Literalpre .Stringpre .Symbol */
pre .bp { color: #007020 } /* Namepre .Builtinpre .Pseudo */
pre .vc { color: #bb60d5 } /* Namepre .Variablepre .Class */
pre .vg { color: #bb60d5 } /* Namepre .Variablepre .Global */
pre .vi { color: #bb60d5 } /* Namepre .Variablepre .Instance */
pre .il { color: #40a070 } /* Literalpre .Numberpre .Integerpre .Long */

/* bootstrap callouts */

.bs-callout {
    padding: 5px 20px 15px 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 0px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}

/* browsable API from django_rest_framework */

.form-actions {
  background: transparent;
  border-top-color: transparent;
  padding-top: 0;
  text-align: right;
}

#generic-content-form textarea {
  font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
  font-size: 80%;
}

#browsable_page {
  background: url("grid.png") repeat-x;
  background-attachment: fixed;
}

#content {
  margin: 0;
  padding-bottom: 30px;
}

#browsable_path {
  margin-top: 0px;
}

.form-switcher {
  margin-bottom: 0;
}

#content a span {
  text-decoration: underline;
}

.request-info {
  clear:both;
}

/* search */

#search_fields {
  margin: 15px 0;
}
#search_fields td {
  vertical-align: middle;
  padding: 5px;
}

.fhide {
  visibility: hidden;
}

.field_select {
  padding-right: 5px;
}

#head_names th {
  border-bottom: 0px;
  padding-bottom: 5px;
}
#head_units {
  font-size: 90%;
}
#head_units th {
  padding-top: 0px;
  border-top: 0px;
}

/* main search table */
table.search {
  border-bottom: 1px solid #ccc;
}
table.search > thead > tr > th {
  /*padding: 1px 6px; */
}
table.search > tbody > tr > td {
  padding: 1px 6px;
}

table.search > tbody > tr > td.actions {
  padding: 1px 0px;
  text-align: center;
  color: #000;
  min-width: 70px;
  max-width: 70px;
}
table.search > tbody > tr > td.actions > a .glyphicon {
  color: #444;
}
table.search > tbody > tr > td.actions > a .glyphicon:hover {
  color: #f39c12;
  transition: color 0.2s;
}
table.search > tbody > tr > td.actions .glyphicon {
  color: #ccc;
}

table.search thead th.orderable > a {
  padding-right: 20px;
  background: url(arrow-inactive-up.png) right center no-repeat;
}
table.search thead th.orderable.asc > a {
  background-image: url(arrow-active-up.png);
}
table.search thead th.orderable.desc > a {
  background-image: url(arrow-active-down.png);
}

ul.pagination {
  border: 1px solid #eee;
  padding: 10px;
  list-style: none;
  margin: 0px;
}

/* subhalo/halo vis */

.post-img-overlay {
  position: absolute;
  top:0;
  left:0;
  text-align: center;
  width: 100%;
  height: 100%;
}

.post-img-overlay span#loading {
  display: none; /* toggle on when submit clicked */
  z-index: 100;
  position: absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}

.loading-container {
  position: relative;
  margin: auto;
  width: 1000px;
  height: 650px;
}

.loading-container img#vis_loadingsq {
  width: 1000px;
  height: 650px;
  display: inline-block;
}

.vis_container {
  text-align: center;
}
img#vis_target {
  display: block;
  margin: 0 auto;
}

#vis-form h4, #vis-form-options h4 {
  padding-top: 20px;
  margin: 0;
  clear: both;
}
.form-row .form-group {
  margin: 0px 0 10px 0;
}
.form-row label {
  font-weight: normal;
}

p.img_urltxt {
  margin-top: 20px;
}
div#vislinks {
  display: none;
  text-align: center;
}
.vis-link {
  margin-right: 20px;
}

.loading-error {
  text-align: center;
  display: none;
}

.sk-wave {
  margin: 40px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px; }
  .sk-wave .sk-rect {
    background-color: #bbb;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
            animation: sk-waveStretchDelay 1.2s infinite ease-in-out; }
  .sk-wave .sk-rect1 {
    -webkit-animation-delay: -1.2s;
            animation-delay: -1.2s; }
  .sk-wave .sk-rect2 {
    -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s; }
  .sk-wave .sk-rect3 {
    -webkit-animation-delay: -1s;
            animation-delay: -1s; }
  .sk-wave .sk-rect4 {
    -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s; }
  .sk-wave .sk-rect5 {
    -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s; }

@-webkit-keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4); }
  20% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4); }
  20% {
    -webkit-transform: scaleY(1);
transform: scaleY(1); } }

/* milky way/andromeda page */
.mwm31box {
  display: inline-block; 
  margin: 2px;
  padding: 2px;
}

#mwm31-sidebar {
      border-right: 2px dashed #bbb;
      margin: 0;
      padding: 0 10px 0 0;
      text-align: right;
      display: none; /* until hover */
}

#mwm31-sidebar #img_yz, #img_xy {
  margin-bottom: 10px;
}

/* TNG-Cluster page */
.clustert {
  display: inline-block;
  margin: 1px;
  padding: 0;
}

.clustert img {
  margin: 0;
  padding: 0;
}

/* SALSA page */
.icon-c1 { color: #ef6f6a; }
.icon-c1:hover { color: #bf3f3a; }
.legend-c1 { height: 16px; width: 16px; margin: 0 0.2em 0 1em; display: inline-block; background-color: #ef6f6a; }
.icon-c2 { color: #6388b4; }
.icon-c2:hover { color: #335884; }
.legend-c2 { height: 16px; width: 16px; margin: 0 0.2em 0 1em; display: inline-block; background-color: #6388b4; }
.icon-c3 { color: #55ad89; }
.icon-c3:hover { color: #257d59; }
.legend-c3 { height: 16px; width: 16px; margin: 0 0.2em 0 1em; display: inline-block; background-color: #55ad89; }
/*.legend-c3:hover { background-color: #257d59; }*/

/* observational data page */
ul.obslist {
}

ul.obslist a {
  font-size: large;
}

span.obsdetail {
  color: #aaa;
}

/* affix side nav only when screen width is sufficient (container is 1170px) */
@media (min-width: 1790px) {
      #mwm31-sidebar {
            width: 290px;
            position: fixed;
            top: 80px; /* stick at top */
            left: calc(100vw/2 - 585px - 290px - 20px);
      }
}
/* expand to fill width for small screens */
@media (max-width: 1790px) {
      #mwm31-sidebar-container {
            display: none;
      }
}