/*
Copyright (C) 2024 chris

This program is free software; you can redistribute it and/or
modify it under the terms of the GNU General Public License
as published by the Free Software Foundation; either version 2
of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
*/
/* 
    Created on : 17 Jun 2024, 15:21:26
    Author     : chris
*/

body{
    font-family: Arial, Helvetica, sans-serif;
}

/* The Modal (background) */
div.js-modal.ramblers {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 20000; /* Sit on top */
    padding-top: 30px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
}
div.clear,
div.ra-clear{
    clear: both;
}
.ra-modal-header {
    content: "";
    display: table;
    clear: both;
    float:right;
}
.ra-modal-header button.granite{
    background-color: #822121;
}
.link-button, .link-button a {
    transition: all 0.3s ease-out 0s;
    border-radius: 20px;
}
.link-button.modal-close, .link-button.modal-print {
    margin-right: 15px;
}
.link-button.tiny {
    cursor: pointer;
    display: inline-block;
    font-size: .8em;
    padding: 2px 4px;
    text-decoration: none;
    margin-bottom: 3px;
}
button.link-button, a.link-button, .link-button a {
    color: #fff;
    font-weight: bold;
}

/* Modal Content */
.ra-modal-content {
    margin: auto;
    width: auto;
    max-width: 90%;
    max-height: 85%;
    background-color:#ffffff;
    border-radius: 25px;
    padding: 20px;
    content: "";
    display: table;
    clear: both;
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for webkit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.modal-data {
    overflow-y: auto;
    max-height:85%;
}
.modal-outline{
    margin: 2px;
    border-radius: 10px 10px 10px 10px;
    padding: 15px;
    border: 2px solid #cccccc;
    background-color: #eeeeee;
}
.modal-outline img{
    border-radius: 10px;
}

pre.diagnostics {
    white-space: pre-wrap;
    outline: 1px solid #ccc;
    padding: 5px;
    margin: 5px;
    margin-top:0px;
    .string {
        color: green;
    }
    .number {
        color: darkorange;
    }
    .boolean {
        color: blue;
    }
    .null {
        color: magenta;
    }
    .key {
        color: red;
    }
}
.pointer{
    cursor: pointer;
    color:#3333CC;
}
.pointer:hover{
    color:#000000;
}
span[data-creation-days="0"],
span[data-creation-days="1"]{

}
span[data-creation-days="2"]{
    background-color:rgba(255, 99, 71, 0.1);
}
span[data-creation-days="3"]{
    background-color:rgba(255, 99, 71, 0.2);
}
span[data-creation-days="4"]{
    background-color:rgba(255, 99, 71, 0.4);
}
span[data-creation-days="5"]{
    background-color:rgba(255, 99, 71, 0.6);
}
span[data-creation-days="6"]{
    background-color:rgba(255, 99, 71, 0.8);
}
span[data-creation-days="7"]{
    background-color:rgba(255, 99, 71, 1);
}

span.status.Unknown{
    color:rgba(128, 0, 0, 1);
}
span.status.Hosted{
    color:rgba(99, 156, 71, 1);

}