/* $Id: graphwiz.css $ */
/** @file
 * Test Manager - Graph Wizard CSS.
 */

/*
 * Copyright (C) 2012-2017 Oracle Corporation
 *
 * This file is part of VirtualBox Open Source Edition (OSE), as
 * available from http://www.virtualbox.org. This file is free software;
 * you can redistribute it and/or modify it under the terms of the GNU
 * General Public License (GPL) as published by the Free Software
 * Foundation, in version 2 as it comes in the "COPYING" file of the
 * VirtualBox OSE distribution. VirtualBox OSE is distributed in the
 * hope that it will be useful, but WITHOUT ANY WARRANTY of any kind.
 *
 * The contents of this file may alternatively be used under the terms
 * of the Common Development and Distribution License Version 1.0
 * (CDDL) only, as it comes in the "COPYING.CDDL" file of the
 * VirtualBox OSE distribution, in which case the provisions of the
 * CDDL are applicable instead of those of the GPL.
 *
 * You may elect to license modified versions of this file under the
 * terms and conditions of either the GPL or the CDDL or both.
 */



/*
 * The graph wizard page currently has no side menu, so adjust the top-menu
 * and main sections so they start at the left border.
 */

#main {
    margin-left:    0;
}

.tmtbl-events {

}

/*
 * Let the top navigation and end selection inputs look alike.
 */
#graphwiz-nav, #graphwiz-end-selection {
    background-color: #c0cbd6;
    padding-left:   3px;
    padding-right:  3px;
    padding-top:    3px;
    padding-bottom: 3px;
    margin-left:    1px;
    margin-right:   1px;
    margin-top:     3px;
    margin-bottom:  3px;
    width:          100%;
}


/*
 * Navigation and it's inputs.
 */

#graphwiz-nav {
    min-height:     4.2em;
}

#graphwiz-top-1, #graphwiz-top-2 {
    clear:          both;
}

#graphwiz-time, #graphwiz-top-options-1, #graphwiz-top-submit, #graphwiz-top-options-2 {
    display:        block;
}

#graphwiz-time, #graphwiz-top-submit {
    margin-left:    1em;
    margin-right:   2em;
    float:          left;
}

#graphwiz-top-options-1, #graphwiz-top-options-2 {
    margin-left:    2em;
    margin-right:   1em;
    float: right;
}

.graphwiz-pixel-input, .graphwiz-dpi-input, .graphwiz-time-input, .graphwiz-period-input {
    margin-top:     0.2em;
    margin-bottom:  0.2em;
}

.graphwiz-pixel-input {
    width:          3em;
    text-align:     right
}

.graphwiz-dpi-input {
    width:          2em;
    text-align:     right
}

.graphwiz-time-input {
    width:          18em;
    text-align:     left
}

.graphwiz-period-input {
    width:          4em;
    text-align:     right
}

.graphwiz-maxerrorbar-input {
    width:          2em;
    text-align:     right;
}

.graphwiz-fontsize-input {
    width:          2em;
    text-align:     right;
}

.graphwiz-maxpergraph-input {
    width:          2em;
    text-align:     right;
}

/*
 * The graphs.
 */
#graphwiz-graphs {
    margin-top:     0.5em;
}

.graphwiz-collection {
    margin-top:     1em;
    background-color: #f0f0f0;
    padding-bottom: 1em;
}

.graphwiz-src-select {
    margin-left:    0.2em;
    margin-right:   0.2em;
    margin-top:     0.2em;
    margin-bottom:  0.2em;
    padding-left:   0.3em;
    padding-top:    0.3em;
    padding-bottom: 0.3em;
    padding-right:  0.3em;
    font-size:      1.4em;
}

.graphwiz-graph {
    margin-left:    1em;
    margin-right:   1em;
}

.graphwiz-graph svg {
    width:          100%;
}

/*
 * Table data.
 */
table.graphwiz-tab {
    width:          auto;
}

.graphwiz-tab td {
    text-align:     right;
}

/*
 * The end selection.
 */
#graphwiz-end-selection {
    margin-top:     1em;
}

.graphwiz-end-selection-group {
    clear:          both;
    display:        block;
}

.graphwiz-end-selection-group li {
    display:        block;
    width:          25%;
    float:          left;
}

#graphwiz-buildcategories li, #graphwiz-testcase-variations li {
    width:          50%;
}

.graphwiz-end-selection-group label {
    margin-left:    0.3em;
    vertical-align: middle;
}

.graphwiz-end-selection-group input {
    vertical-align: middle;
}

.graphwiz-end-selection-group h3 {
    font-size:      1.2em;
    font-style:     italic;
    font-weight:    bold;
    margin-bottom:  0.26em;
}

#graphwiz-buildcategories h3, #graphwiz-testcase-variations h3, #graphwiz-end-submit {
    padding-top:    1em;
}

#graphwiz-end-submit {
    clear:          both;
    display:        block;
}



/*
 * Tool tip tables.
 */
table.graphwiz-tt td:nth-child(1) {
    font-weight: bold;
}