FileBrowser.css

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    padding-top: 55px;
}

#main {
    min-height: 860px;
    height: 90%;
}

    #main > .view {
        height: 100%;
        width: 90%;
    }

#KuduExecConsole {
    height: 48%;
    width: 100%;
}

#KuduExecConsoleV2 {
    height: 45%;
    width: 100%;
}

div.spinner {
    position: absolute;
    right: 10px;
    top: 20px;
}

.paKman {
    height: 30px;
    margin-top: -4px;
}

.box-border {
    padding: 0px 14px;
    height: 28px;
    border: solid 1px grey;
    margin-top: -4px;
}

#fileList {
    height: 35%;
}

    #fileList > div.table-container {
        height: 85%;
        overflow-y: auto;
        width: 100%;
        position: relative;
    }

#resizeHandle {
    cursor: pointer;
    text-align: center;
}

div.show-on-hover {
    position: absolute;
    width: 20%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 1;
    border: 1px solid #36a2ff;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.55);
    display: none;
}

div.upload-unzip-hover {
    background-color: #36a2ff;
    background-color: rgba(54, 162, 255, 0.8);
    display: block;
}

div.upload-unzip-show {
    display: block;
}

div.zip-upload-text {
    font-family: Consolas, Monaco, 'Lucida Console', 'Courier New', monospace;
    font-size: large;
    position: relative;
    text-align: center;
    top: 40%;
}

div.console {
    font-family: Consolas, Monaco, 'Lucida Console', 'Courier New', monospace;
    height: 100%;
    margin: auto;
    white-space: pre-wrap;
    width: 100%;
}

    div.console div.jquery-console-inner {
        background-color: black;
        color: white;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        overflow: auto;
        word-break: break-all;
        word-wrap: break-word;
        padding: 0.3em;
        width: 100%;
    }

    div.console div.jquery-console-focus span.jquery-console-cursor {
        background: #5bc0de;
        color: black;
        animation: blink 1s steps(5, start) infinite;
        -webkit-animation: blink 1s steps(5, start) infinite;
    }

    @-webkit-keyframes blink {
       to {
            visibility: hidden;
        }
    }

    @keyframes blink {
       to {
            visibility: hidden;
        }
    }

    div.console div.jquery-console-message-error {
        color: red;
    }

    div.console div.jquery-console-message-value {
        color: white;
    }

    div.console div.jquery-console-message-type {
        color: white;
    }

    div.console span.jquery-console-prompt-pid {
        color: green;
    }

a#SwitchConsoleLink {
    color: #222;
}

.edit-view {
    width: 100%;
    height: 100%;
}

    .edit-view .edit-bar {
        width: 100%;
        border-bottom: 1px solid #ccc;
    }

    .edit-view, .edit-view .edit-area {
        width: 100%;
        height: 100%;
        min-height: 800px;
        min-width: 1024px;
    }

footer {
    font-size: x-small;
    margin-top: 30px;
    text-align: center;
    width: 100%;
}

.disabled {
    color: gray;
}

.right {
    float: right;
}

div.editor {
    position: relative;
    width: inherit;
}

.statusbar {
    padding: 6px 18px;
    margin-left: 35px;
    margin-bottom: 0;
    border: 1px solid #eee;
    border-radius: 4px;
    border-left-width: 4px;
    border-left-color: #5bc0de;
    vertical-align: middle;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 750px;
}

.statusbar-red {
    border-left-color: #f14000;
}

.statusbar-saved {
    border-left-color: #00e166;
    transition: border-left-color 0.35s ease;
}

.table-nonfluid {
  table-layout: fixed;
  word-wrap: break-word;
}

.table-bordered > thead > tr > th {
    border-width: 0 0 2px 0;
    border-bottom-color: #5bc0de;
    font-weight: normal;
    background-color: #efefef;
    color: #222;
    text-shadow: 0 0 1px rgba(0,0,0,0.4);
}

/* Toast notifications */
#toast {
  font-size: 14px;
  position: fixed;
  z-index: 999;
  margin-top: 66px;
  top: 12px;
  right: 12px;
}

.notification {
  position: relative;
  overflow: hidden;
  margin-left: 60px;
  margin-top: 10px;
  margin-right: 10px;
  width: 380px;
  border-radius: 3px;
  color: #fff;
  right: -400px;
  box-shadow: 0 0 8px #999;
}

.error {
  color: #fff;
  background-color: #222;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#toast-close {
  background-color: #ef0000;
  color: #fff;
  padding: 10px 30px 10px 10px;
  cursor: default;
}

#toast-msg {
  padding: 10px;
}