/* Copyright European Organization for Nuclear Research (CERN)
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * You may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Authors:
 * - Mario Lassnig, <mario.lassnig@cern.ch>, 2014
 * - Thomas Beermann, <thomas.beermann@cern.ch>, 2014-2015
 */

html,body {
    height:100%;
}

/* trick for sticky footer. Found here: http://www.cssstickyfooter.com */
#wrap {
    min-height: 100%;
}

div.top-subbar {
    background-color: #dddddd;
    font-size: small;
    overflow:hidden;
}

#content {
    overflow:auto;
    padding-bottom: 24px;
}

footer {
    background-color: #dddddd;
    font-size: small;
    position: relative;
    margin-top: -24px;
    clear: both;
    min-height: 24px;
}

.row {
    min-width: 100%;
    height: 100%;
}

/*Opera Fix*/
body:before {
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px;/
}

td.details-control {
    background: url('/media/get_info.png') no-repeat center center;
    cursor: pointer;
}

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

.select-checkbox {
    background: red;
    text-align: center;
}

.size-12 { font-size: 12px; }
.size-14 { font-size: 14px; }
.size-16 { font-size: 16px; }
.size-18 { font-size: 18px; }
.size-21 { font-size: 21px; }
.size-24 { font-size: 24px; }
.size-36 { font-size: 36px; }
.size-48 { font-size: 48px; }
.size-60 { font-size: 60px; }
.size-72 { font-size: 72px; }

/* Inline DataTable Editing */

.updated {
  color: rgba(62, 60, 205, 1);
  font-weight: bold;
}

.error {
  background: rgba(215, 44, 44, 0.5);
}


td[data-info]::after {
  content: "  " attr(data-info);
}

td:not(.updated) a.button.reset {
  display: none;
}

a.button.reset {
  margin: 0rem 1rem 0rem 0rem
}

a.info {
  margin-left: 1em;
}

/* Used to vertical elign elements in the same grid row */

.valign-middle {
  display: table;
}

.valign-middle .columns {
  display: table-cell;
  vertical-align: middle;
}

.valign-middle .columns .button{
  margin-top: 1em;
}

.valign-middle .columns,
.valign-middle [class*="column"] + [class*="column"]:last-child {
  float: none;
}

/* Centering the login page elements */
.center{
  display: table;
  margin: 0 auto;
  float: none;
  position: relative;
}

#login_form table {
  width: 50%;
  margin: 0 auto;
}
