/*
 * Copyright (c) 2019. Partners HealthCare and other members of
 * Forome Association
 *
 * Developed by Sergey Trifonov based on contributions by Joel Krier,
 * Michael Bouzinier, Shamil Sunyaev and other members of Division of
 * Genetics, Brigham and Women's Hospital
 *
 * 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
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 */

body {
    background-color: #f6f6f7;
}

h2 {
    margin-left: 40px;
    color: #333455; 
}

div#div-version {
    font-style: italic;
    text-align: right;
    height: 20px;
}

span#app-version{
    font-style: normal;
    text-weight: bold;
}

span#app-build{
    font-style: normal;
    font-size: 90%;
    font-family: Courier New;
}

div#dir-main {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: row;    
}

div#dir-docs {
    font-size: 90%;
}

div#dir-list {
    width: 45%;
    display: block;
    overflow: auto;
}

div#dir-info {
    width: 45%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    white-space: nowrap;
    padding: 20px;
}

div#ds-info {
    flex-grow: 1;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#top-dir {
   width: 100%;
   margin: 5px;
   padding: 5px;
   border: none;
   text-align: left;
   display: block;
   font-weight: bold;
   background-color: #333455; 
   color: white;
   font-size: 150%;
}


div.list-ds-entry {
    background-color: #333455;
    cursor: pointer;
    color: white;
    height: 20px;
    padding: 10px;
}

div.list-ds-space {
    height: 5px;
}

div.list-ds-entry.cur {
    color: yellow;
    cursor: inherit;
    font-weight: bold;
}

div#list-ds-empty-entry {
    background-color: grey;
    height: 30px;
    padding: 10px;
}

div#ds-cur {
    background-color: #333455;
    color: white;
    font-weight: bold;
    height: 40px;
    padding: 10px;
    width: 100%;
}

div.ds-note {
    width: 100%;
}

p.the-note {
    border: 1px solid grey;
}

p.ds-created {
    font-size: 90%;
    text-align: right;
}

span.note-date {
    float: right;
    font-size: 75%;
}

span.ds-ref {
    font-weight: bold;
    cursor: pointer;
}

span.ds-ref:hover, span.ds-ref-sec:hover {
    color: yellow;
}

span.ref-zone {
    float: right;
}

a.ext-ref {
    background-color: white;
    color: #333455;
    font-size: 20px;
    padding: 3px;
    border-radius: 7px;    
    text-decoration: none;
}

a.ext-ref:hover {
    color:yellow;
}

/*************************************************/
div#upload-works {
    display: none;
    position: absolute;
    padding: 20px;
    top: 70px;
    left: 50px;
    width: 400px;
    color: black;
    background-color: white;
    border: 1px solid black;
    border-radius: 5px;
    z-index: 110;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    font-size: 100%;
    font-weight: normal;
}