﻿.connected-device-console-main-container {
    width: 100%;
    height: 100%;
    padding: 20px;
    display: flex;
    flex-flow: column;
}

.connected-device-console-banner-container {
    padding: 10px 10px 10px 0;
    flex: 0 1 auto;
}

    .connected-device-console-banner-container * {
        vertical-align: middle;
    }

    .connected-device-console-banner-container a {
        color: inherit;
    }

    .connected-device-console-banner-container input[type=text] {
        color: #333;
    }

.connected-device-console-title-container {
    display: inline;
    font-size: 20px;
}

.connected-device-console-action-container {
    float: right;
    display: inline;
    font-size: 15px;
}

    .connected-device-console-action-container a {
        text-decoration: none;
    }

.connected-device-console-action-container a {
    margin-left: 20px;
}

.connected-device-console-action-container a:hover{
    text-decoration:none;
}

.connected-device-console-summary-container {
    padding: 0;
    margin-bottom: 10px;
    flex: 0 1 auto;
}

#connectedDeviceConsoleEchoCommands {
    width: 15px !important;
    height: 15px !important;
    margin-bottom:5px;
    margin-right:20px;
}

#connectedDeviceConsoleBodyContainer {
    padding: 0;
    background-color: black;
    color: white;
    overflow-y: auto;
    flex: 1 1 auto;
}

#connectedDeviceConsoleTextContainer{
    padding:5px;
}

    #connectedDeviceConsoleTextContainer input,
    #connectedDeviceConsoleTextContainer textarea {
        outline: none;
    }

    #connectedDeviceConsoleTextContainer input[type=text] {
        width: 100%;        
    }

    .connected-device-content-container {
        height: 100%;
        padding: 0;
    }

#connectedDeviceConsoleOutput {
    width: 100%;
    resize: none;
    background-color: inherit;
    color: inherit;
    overflow-y:auto;
}

.connected-device-console-user-item{
    color:lime;
}

.connected-device-console-output-item{
    white-space:pre-wrap;
    border-style:none;
    border-width:1px;
    border-color:lime;
}

#connectedDeviceConsoleCommand {
    width:100%;
    background-color: black;
    color: white;
    padding:5px;
}

    #connectedDeviceConsoleCommand:focus{
        outline:none;
    }

.connected-device-console-footer {
    flex: 0 1 auto;
}

.connected-device-console-font-button-small {
    font-size: 0.5em;
    vertical-align: bottom;
    margin-bottom: 5px;
    margin-right: 10px;
}

.connected-device-console-font-button-medium {
    font-size: 0.75em;
    vertical-align: bottom;
    margin-bottom: 5px;
    margin-right: 10px;
}

.connected-device-console-font-button-large {
    font-size: 1em;
    vertical-align: bottom;
    margin-bottom: 5px;
    margin-right: 10px;
}

.connected-device-console-font-small{
    font-size:0.8em;
}

.connected-device-console-font-medium {
    font-size: 1em;
}

.connected-device-console-font-large {
    font-size: 1.3em;
}

.connected-device-console-font-variable {
    font-family: Calibri, Helvetica, sans-serif !important;
}
.connected-device-console-font-fixed {
    font-family: 'Courier New';
}

#connectedDeviceMacroTestResults {
    background-color: black;
    color: white;
    padding:10px;
}