/*
//  record.css
//
//  Created by David Rowe on 5 Apr 2017.
//  Copyright 2017 High Fidelity, Inc.
//
//  Distributed under the Apache License, Version 2.0.
//  See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
*/


body {
    padding: 0;
}

.title {
    padding-left: 21px;
}

.title label {
    font-size: 18px;
    position: relative;
    top: 12px;
}


#recordings {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 63px 21px 158px 21px;
    box-sizing: border-box;
}

#recordings table {
    height: 100%;
    table-layout: fixed;
    background: none !important;
}

#recordings thead, #recordings thead tr {
    background: none !important;
}

#recordings table col#unload-column {
    width: 100px;
}

#recordings table td {
    text-overflow: ellipsis;
}

#recordings table td:nth-child(2) {
    text-align: center;
}

#recordings tbody tr.filler td {
    height: auto;
    background-color: #2e2e2e;
    border-top: 1px solid #1c1c1c;
}


#recordings-list tr td:last-child span {
    font-family: HiFi-Glyphs;
    font-size: 24px;
    height: 24px;
    display: inline-block;
}

#recordings-list tr td:last-child span:hover {
    color: #00b4ef;
}


#recordings tfoot tr {
    height: 24px;
}


#instructions td {
    white-space: normal;
}

#instructions p, #instructions ul {
    margin-top: 21px;
    font-size: 14px;
}

#instructions li {
    margin-top: 7px;
}

#instructions p {
    font-family: Raleway-Bold;
}

#instructions ul {
    font-family: Raleway-SemiBold;
    margin-left: 21px;
    font-weight: normal;
}


#show-info-button {
    font-weight: bold;
    font-size: 14px;
    text-transform: lowercase;
    padding: 0;
    min-width: 40px;
    height: 16px;
    margin-left: 14px;
}

#show-info-button:hover {
    color: #00b4ef;
}


#load-button {
    margin-top: 14px;
}


#record-controls {
    position: absolute;
    bottom: 7px;
    width: 100%;
}

#record-controls div:first-child {
    text-align: center;
}

#record-controls div.property {
    padding-left: 21px;
}


.hidden {
    display: none;
}

input[type=button].red.pressed {
    background: linear-gradient(#94132e, #94132e);
}